Non puoi selezionare più di 25 argomenti
Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.
136 righe
2.0 KiB
136 righe
2.0 KiB
@import "compass"; |
|
@import "mixins"; |
|
|
|
/* ---------- Logo ---------- */ |
|
|
|
.logo { |
|
display: inline-block; |
|
line-height: 1; |
|
vertical-align: middle; |
|
} |
|
|
|
/* ---------- Table styles ---------- */ |
|
|
|
@include respond-to(phone, tablet) { |
|
.responsive-table-horizontal { |
|
display: block; |
|
position: relative; |
|
width: 100%; |
|
|
|
&:after { |
|
clear: both; |
|
content: ''; |
|
display: block; |
|
font-size: 0; |
|
height: 0; |
|
visibility: hidden; |
|
} |
|
|
|
tbody { |
|
display: block; |
|
overflow-x: auto; |
|
position: relative; |
|
white-space: nowrap; |
|
width: auto; |
|
|
|
tr { |
|
display: inline-block; |
|
vertical-align: top; |
|
|
|
td { |
|
display: block; |
|
margin-bottom: 20px; |
|
|
|
&:first-child { |
|
text-align: left; |
|
} |
|
} |
|
} |
|
} |
|
|
|
thead { |
|
display: block; |
|
float: left; |
|
margin-right: 10px; |
|
|
|
&:after { |
|
clear: both; |
|
content: ""; |
|
display: block; |
|
font-size: 0; |
|
height: 0; |
|
visibility: hidden; |
|
} |
|
|
|
th { |
|
display: block; |
|
margin-bottom: 20px; |
|
text-align: right; |
|
|
|
&:first-child { |
|
text-align: right; |
|
} |
|
} |
|
} |
|
} |
|
|
|
.ie9 { |
|
.responsive-table-horizontal thead { |
|
float: none; |
|
} |
|
} |
|
} |
|
|
|
/* ---------- Text formatting ---------- */ |
|
|
|
.important { |
|
font-weight: bold; |
|
} |
|
|
|
/* ---------- Main content body ---------- */ |
|
|
|
.portal-iframe #main-content { |
|
width: 100%; |
|
} |
|
|
|
/* ---------- Loading animation ---------- */ |
|
|
|
.loading-animation { |
|
background: url(../images/progress_bar/loading_animation.gif) no-repeat top center; |
|
margin-top: 10px; |
|
padding-top: 40px; |
|
text-align: left; |
|
} |
|
|
|
/* ---------- Separator ---------- */ |
|
|
|
.separator { |
|
border-top: 1px dotted #BFBFBF; |
|
} |
|
|
|
/* ---------- Update manager ---------- */ |
|
|
|
.update-available { |
|
margin-top: 10px; |
|
padding: 2px; |
|
text-align: left; |
|
} |
|
|
|
/* ---------- Text highlighting ---------- */ |
|
|
|
.highlight { |
|
background: #FFC; |
|
font-weight: bold; |
|
margin: 0 1px; |
|
} |
|
|
|
/* ---------- Miscellaneous ---------- */ |
|
|
|
span.alert { |
|
display: inline-block; |
|
} |
|
|
|
#skip-to-content { |
|
clip: rect(0 0 0 0); |
|
position: absolute; |
|
} |