Created
May 2, 2014 21:49
-
-
Save flaviaza/11487067 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ---- | |
// Sass (v3.3.6) | |
// Compass (v1.0.0.alpha.18) | |
// ---- | |
body > .container { | |
margin-bottom: 90px; | |
} | |
[data-page="DocumentsDashboard"]{ | |
.daterangepicker.dropdown-menu { | |
min-width: 452px; | |
left: 50% !important; | |
margin-left: -6px; | |
.ranges{ | |
float: none; | |
clear: both; | |
width: 100%; | |
margin: 0; | |
padding: 4px 10px; | |
box-sizing:border-box; | |
border-top: 1px solid #ccc; | |
.btn{ | |
float: right; | |
margin-top: 20px; | |
margin-left: 5px; | |
background: #ccc; | |
border: 1px solid #fff; | |
color: #fff; | |
text-shadow: 0 -1px 0 #fff; | |
padding: 4px 12px; | |
font-size: 13px; | |
line-height: 18px; | |
} | |
} | |
} | |
.calendar, .calendar-date { | |
border: 0px none; | |
box-shadow: 0 0 0 transparent; | |
} | |
} | |
h3 .input-prepend { | |
margin-top: 5px; | |
> input { | |
width: 148px; | |
} | |
} | |
section { | |
&.dashboard { | |
padding: 20px 20px 40px; | |
} | |
&.activiy { | |
margin-top: 20px; | |
} | |
} | |
.tabbable > .calendar-box { | |
input{ | |
margin-bottom: 0; | |
width: 150px; | |
} | |
} | |
.activiy > .tabbable { | |
> .nav-tabs { | |
margin-bottom: 0; | |
} | |
.higligted-box { | |
border-top: 0px none; | |
} | |
} | |
.higligted-box { | |
border-top: 1px solid lighten(red, .42); | |
border-bottom: 1px solid lighten(red, .42); | |
-moz-box-sizing: border-box; | |
-webkit-box-sizing: border-box; | |
-o-box-sizing: border-box; | |
-ms-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
.tab-content .higligted-box { | |
margin-bottom: 20px; | |
} | |
[class*='count-module'] { | |
text-align: center; | |
position: relative; | |
height: auto; | |
min-height: 75px; | |
padding: 10px 0; | |
} | |
.count-module .fa{ | |
vertical-align: middle; | |
} | |
.count-module { | |
color: red; | |
} | |
.count-amount .fa:before { | |
display: block; | |
font-size: 15px; | |
color: red; | |
padding-right: 5px; | |
} | |
.span2.xlarge { | |
width: 23.4%; | |
} | |
.count-module.main { | |
color: red; | |
&:before, &:after { | |
display: block; | |
position: absolute; | |
content: '\00a0'; | |
} | |
~ .count-module { | |
&:before, &:after { | |
display: block; | |
position: absolute; | |
content: '\00a0'; | |
} | |
} | |
&:before, ~ .count-module:before { | |
width: 1px; | |
height: 100%; | |
top: 0; | |
left: -8px; | |
background-color: lighten(red, .42); | |
} | |
&:first-child:before { | |
display: none; | |
} | |
} | |
.count-amount { | |
display: block; | |
font-weight: 200; | |
font-family: "myriad-pro",arial,sans-serif; | |
font-size: 38px; | |
line-height: 50px; | |
margin-top: 0px; | |
margin-bottom: 0px; | |
} | |
.count-label { | |
display: block; | |
font-size: 11px; | |
color: red; | |
line-height: 15px; | |
margin-top: 5px; | |
} | |
.higligted-box.small { | |
[class*='count-module'] { | |
} | |
.count-amount { | |
font-size: 26px; | |
line-height: 30px; | |
.fa:before{ | |
font-size: 12px; | |
} | |
} | |
} | |
.open-color-code, .count-amount.open-color-code .fa:before { | |
color: red; | |
} | |
.print-color-code, .count-amount.print-color-code .fa:before { | |
color: red; | |
} | |
.fail-color-code, .count-amount.fail-color-code .fa:before { | |
color: red; | |
} | |
.neutral-color-code, .count-amount.neutral-color-code .fa:before { | |
color: red; | |
} | |
.count-warning { | |
color: red; | |
font-size: 10px; | |
} | |
.desviation.negative { | |
font-weight: bold; | |
} | |
[id*="hart_div"] { | |
float: none !important; | |
} | |
#chart_div { | |
margin-bottom: 40px; | |
} | |
.timeline { | |
padding: 0; | |
margin: 20px 0 0; | |
li { | |
border-bottom: 1px solid lighten(red, .42); | |
display: block; | |
width: 100%; | |
padding: 5px; | |
border-left: 3px solid red; | |
-moz-box-sizing: border-box; | |
-webkit-box-sizing: border-box; | |
box-sizing: border-box; | |
&.open-color-code { | |
border-left: 3px solid red; | |
color: red; | |
} | |
&.print-color-code { | |
border-left: 3px solid red; | |
color: red; | |
} | |
&.fail-color-code { | |
border-left: 3px solid red; | |
color: red; | |
} | |
.avatar { | |
display: block; | |
float: left; | |
margin-right: 10px; | |
} | |
.user { | |
font-weight: bold; | |
display: block; | |
margin-top: 5px; | |
} | |
.timestamp { | |
color: red; | |
font-size: 11px; | |
font-style: italic; | |
float: right; | |
} | |
} | |
} | |
.relative { | |
position: relative; | |
} | |
.chart-summary { | |
display: none; | |
position: absolute; | |
width: 248px; | |
max-height: 298px; | |
background: rgba(255, 255, 255, 0.9); | |
border: 1px solid rgba(227, 227, 227, 0.42); | |
box-shadow: 0 0 5px 0px rgba(155, 155, 155, 0.57); | |
right: 15px; | |
top: 0px; | |
box-sizing: border-box; | |
padding: 10px; | |
} | |
.summary-active { | |
.chart-summary { | |
display: block; | |
} | |
.open-ref { | |
visibility: hidden; | |
} | |
} | |
.title { | |
margin-top: 0; | |
} | |
.chart-data { | |
clear: both; | |
margin: 0; | |
padding: 0; | |
overflow: auto; | |
max-height: 224px; | |
li { | |
display: block; | |
border-bottom: 1px solid rgba(227, 227, 227, 0.42); | |
} | |
[class*='col'] { | |
display: inline-block; | |
padding: 4px; | |
-moz-box-sizing: border-box; | |
-webkit-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
li:last-child { | |
border-bottom: 0px none; | |
} | |
.col0 { | |
width: 40%; | |
} | |
.col1, .col2, .col3 { | |
width: 18%; | |
text-align: center; | |
} | |
} | |
.side-list { | |
clear: both; | |
} | |
.chart-summary-side { | |
display: none; | |
position: absolute; | |
width: 236px; | |
max-height: 280px; | |
background: rgba(255, 255, 255, 0.9); | |
border: 1px solid rgba(227, 227, 227, 0.42); | |
top: 36px; | |
right: 0px; | |
padding: 10px; | |
} | |
.summary-active .chart-summary-side { | |
display: block; | |
} | |
.admin{ | |
.higligted-box.small .count-module{ | |
min-height: 85px; | |
} | |
} | |
#welcome-beta{ | |
.title{ | |
margin: 0; | |
} | |
} | |
#surveyMonkeyInfo{ | |
position: absolute; | |
top: 15%; | |
margin: 0 0 0 -275px; | |
left: 50%; | |
box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5); | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
body > .container { | |
margin-bottom: 90px; | |
} | |
[data-page="DocumentsDashboard"] .daterangepicker.dropdown-menu { | |
min-width: 452px; | |
left: 50% !important; | |
margin-left: -6px; | |
} | |
[data-page="DocumentsDashboard"] .daterangepicker.dropdown-menu .ranges { | |
float: none; | |
clear: both; | |
width: 100%; | |
margin: 0; | |
padding: 4px 10px; | |
box-sizing: border-box; | |
border-top: 1px solid #ccc; | |
} | |
[data-page="DocumentsDashboard"] .daterangepicker.dropdown-menu .ranges .btn { | |
float: right; | |
margin-top: 20px; | |
margin-left: 5px; | |
background: #ccc; | |
border: 1px solid #fff; | |
color: #fff; | |
text-shadow: 0 -1px 0 #fff; | |
padding: 4px 12px; | |
font-size: 13px; | |
line-height: 18px; | |
} | |
[data-page="DocumentsDashboard"] .calendar, [data-page="DocumentsDashboard"] .calendar-date { | |
border: 0px none; | |
box-shadow: 0 0 0 transparent; | |
} | |
h3 .input-prepend { | |
margin-top: 5px; | |
} | |
h3 .input-prepend > input { | |
width: 148px; | |
} | |
section.dashboard { | |
padding: 20px 20px 40px; | |
} | |
section.activiy { | |
margin-top: 20px; | |
} | |
.tabbable > .calendar-box input { | |
margin-bottom: 0; | |
width: 150px; | |
} | |
.activiy > .tabbable > .nav-tabs { | |
margin-bottom: 0; | |
} | |
.activiy > .tabbable .higligted-box { | |
border-top: 0px none; | |
} | |
.higligted-box { | |
border-top: 1px solid #ff0202; | |
border-bottom: 1px solid #ff0202; | |
-moz-box-sizing: border-box; | |
-webkit-box-sizing: border-box; | |
-o-box-sizing: border-box; | |
-ms-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
.tab-content .higligted-box { | |
margin-bottom: 20px; | |
} | |
[class*='count-module'] { | |
text-align: center; | |
position: relative; | |
height: auto; | |
min-height: 75px; | |
padding: 10px 0; | |
} | |
.count-module .fa { | |
vertical-align: middle; | |
} | |
.count-module { | |
color: red; | |
} | |
.count-amount .fa:before { | |
display: block; | |
font-size: 15px; | |
color: red; | |
padding-right: 5px; | |
} | |
.span2.xlarge { | |
width: 23.4%; | |
} | |
.count-module.main { | |
color: red; | |
} | |
.count-module.main:before, .count-module.main:after { | |
display: block; | |
position: absolute; | |
content: '\00a0'; | |
} | |
.count-module.main ~ .count-module:before, .count-module.main ~ .count-module:after { | |
display: block; | |
position: absolute; | |
content: '\00a0'; | |
} | |
.count-module.main:before, .count-module.main ~ .count-module:before { | |
width: 1px; | |
height: 100%; | |
top: 0; | |
left: -8px; | |
background-color: #ff0202; | |
} | |
.count-module.main:first-child:before { | |
display: none; | |
} | |
.count-amount { | |
display: block; | |
font-weight: 200; | |
font-family: "myriad-pro",arial,sans-serif; | |
font-size: 38px; | |
line-height: 50px; | |
margin-top: 0px; | |
margin-bottom: 0px; | |
} | |
.count-label { | |
display: block; | |
font-size: 11px; | |
color: red; | |
line-height: 15px; | |
margin-top: 5px; | |
} | |
.higligted-box.small .count-amount { | |
font-size: 26px; | |
line-height: 30px; | |
} | |
.higligted-box.small .count-amount .fa:before { | |
font-size: 12px; | |
} | |
.open-color-code, .count-amount.open-color-code .fa:before { | |
color: red; | |
} | |
.print-color-code, .count-amount.print-color-code .fa:before { | |
color: red; | |
} | |
.fail-color-code, .count-amount.fail-color-code .fa:before { | |
color: red; | |
} | |
.neutral-color-code, .count-amount.neutral-color-code .fa:before { | |
color: red; | |
} | |
.count-warning { | |
color: red; | |
font-size: 10px; | |
} | |
.desviation.negative { | |
font-weight: bold; | |
} | |
[id*="hart_div"] { | |
float: none !important; | |
} | |
#chart_div { | |
margin-bottom: 40px; | |
} | |
.timeline { | |
padding: 0; | |
margin: 20px 0 0; | |
} | |
.timeline li { | |
border-bottom: 1px solid #ff0202; | |
display: block; | |
width: 100%; | |
padding: 5px; | |
border-left: 3px solid red; | |
-moz-box-sizing: border-box; | |
-webkit-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
.timeline li.open-color-code { | |
border-left: 3px solid red; | |
color: red; | |
} | |
.timeline li.print-color-code { | |
border-left: 3px solid red; | |
color: red; | |
} | |
.timeline li.fail-color-code { | |
border-left: 3px solid red; | |
color: red; | |
} | |
.timeline li .avatar { | |
display: block; | |
float: left; | |
margin-right: 10px; | |
} | |
.timeline li .user { | |
font-weight: bold; | |
display: block; | |
margin-top: 5px; | |
} | |
.timeline li .timestamp { | |
color: red; | |
font-size: 11px; | |
font-style: italic; | |
float: right; | |
} | |
.relative { | |
position: relative; | |
} | |
.chart-summary { | |
display: none; | |
position: absolute; | |
width: 248px; | |
max-height: 298px; | |
background: rgba(255, 255, 255, 0.9); | |
border: 1px solid rgba(227, 227, 227, 0.42); | |
box-shadow: 0 0 5px 0px rgba(155, 155, 155, 0.57); | |
right: 15px; | |
top: 0px; | |
box-sizing: border-box; | |
padding: 10px; | |
} | |
.summary-active .chart-summary { | |
display: block; | |
} | |
.summary-active .open-ref { | |
visibility: hidden; | |
} | |
.title { | |
margin-top: 0; | |
} | |
.chart-data { | |
clear: both; | |
margin: 0; | |
padding: 0; | |
overflow: auto; | |
max-height: 224px; | |
} | |
.chart-data li { | |
display: block; | |
border-bottom: 1px solid rgba(227, 227, 227, 0.42); | |
} | |
.chart-data [class*='col'] { | |
display: inline-block; | |
padding: 4px; | |
-moz-box-sizing: border-box; | |
-webkit-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
.chart-data li:last-child { | |
border-bottom: 0px none; | |
} | |
.chart-data .col0 { | |
width: 40%; | |
} | |
.chart-data .col1, .chart-data .col2, .chart-data .col3 { | |
width: 18%; | |
text-align: center; | |
} | |
.side-list { | |
clear: both; | |
} | |
.chart-summary-side { | |
display: none; | |
position: absolute; | |
width: 236px; | |
max-height: 280px; | |
background: rgba(255, 255, 255, 0.9); | |
border: 1px solid rgba(227, 227, 227, 0.42); | |
top: 36px; | |
right: 0px; | |
padding: 10px; | |
} | |
.summary-active .chart-summary-side { | |
display: block; | |
} | |
.admin .higligted-box.small .count-module { | |
min-height: 85px; | |
} | |
#welcome-beta .title { | |
margin: 0; | |
} | |
#surveyMonkeyInfo { | |
position: absolute; | |
top: 15%; | |
margin: 0 0 0 -275px; | |
left: 50%; | |
box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5); | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment