Revision 2469dab6 snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss | ||
|---|---|---|
| 4 | 4 |
|
| 5 | 5 |
*/ |
| 6 | 6 |
body.with-overlay {
|
| 7 |
background:$overlay-color; |
|
| 7 |
background:$overlay-color; |
|
| 8 |
.main {
|
|
| 9 |
opacity:0; |
|
| 10 |
} |
|
| 8 | 11 |
} |
| 9 | 12 |
|
| 10 | 13 |
.reveal-modal {
|
| ... | ... | |
| 172 | 175 |
color:white; |
| 173 | 176 |
.top {
|
| 174 | 177 |
background:$overlay-color-top; |
| 175 |
height:90px; // numbers height+menus height-10px
|
|
| 178 |
height:$bar-menu-height + $bar-submenu-height;
|
|
| 176 | 179 |
position:fixed; |
| 177 | 180 |
left:0; |
| 178 | 181 |
right:0; |
| ... | ... | |
| 183 | 186 |
.numbers {
|
| 184 | 187 |
.row {
|
| 185 | 188 |
max-width: 100%; |
| 186 |
padding:0 $header-padding-horizontal |
|
| 187 |
|
|
| 189 |
padding:0 $header-padding-horizontal; |
|
| 188 | 190 |
} |
| 189 |
height: 50px;
|
|
| 191 |
height: $bar-menu-height;
|
|
| 190 | 192 |
line-height: 50px; |
| 191 | 193 |
background:$overlay-darker-color; |
| 192 | 194 |
} |
| 193 | 195 |
.menus {
|
| 194 |
height: 50px;
|
|
| 196 |
height: $bar-submenu-height;
|
|
| 195 | 197 |
.sub-menu {
|
| 196 | 198 |
display: none; |
| 197 | 199 |
&[data-step="1"] {
|
| ... | ... | |
| 339 | 341 |
&.system-images {
|
| 340 | 342 |
display: list-item; |
| 341 | 343 |
} |
| 342 |
.img-wrap-col {
|
|
| 344 |
.img-col {
|
|
| 343 | 345 |
float:left; |
| 344 | 346 |
width:50px; |
| 345 | 347 |
line-height: $btn-height; |
| ... | ... | |
| 786 | 788 |
border-top:1px solid $overlay-color-top; |
| 787 | 789 |
background:$overlay-color; |
| 788 | 790 |
.row {
|
| 789 |
height: $bar-height; |
|
| 790 |
line-height: $bar-height; |
|
| 791 |
height: $bar-submenu-height;
|
|
| 792 |
line-height: $bar-submenu-height;
|
|
| 791 | 793 |
} |
| 792 | 794 |
.nav {
|
| 793 |
height: $bar-height; |
|
| 794 |
line-height: $bar-height; |
|
| 795 |
height: $bar-submenu-height;
|
|
| 796 |
line-height: $bar-submenu-height;
|
|
| 795 | 797 |
color:white; |
| 796 | 798 |
display: inline-block; |
| 797 | 799 |
position: relative; |
| 798 | 800 |
font-size: emCalc(12px); |
| 799 |
top:($bar-height - 30px)/2; |
|
| 801 |
top:($bar-submenu-height - 30px)/2;
|
|
| 800 | 802 |
width: 100px; |
| 801 | 803 |
&:hover, |
| 802 | 804 |
&:focus {
|
Also available in: Unified diff