Revision ceaaa3be 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-bg-color;
|
|
8 | 8 |
.main { |
9 | 9 |
opacity:0; |
10 | 10 |
} |
... | ... | |
50 | 50 |
} |
51 | 51 |
} |
52 | 52 |
} |
53 |
a { |
|
54 |
&.close-reveal-modal:hover { |
|
55 |
text-decoration: none; |
|
56 |
color: $black; |
|
57 |
} |
|
58 |
} |
|
59 |
&#start-confirm { |
|
53 |
&#start-confirm { |
|
60 | 54 |
background: $secondary-color url('../images/shutdown.png') no-repeat center 50px; //55px from top |
61 | 55 |
} |
62 | 56 |
&#reboot-confirm { |
... | ... | |
136 | 130 |
} |
137 | 131 |
} |
138 | 132 |
} |
139 |
a.close-reveal-modal { |
|
140 |
color:$secondary-color; |
|
141 |
&:hover { |
|
142 |
color:$black; |
|
143 |
} |
|
144 |
} |
|
145 | 133 |
} |
146 | 134 |
|
147 | 135 |
} |
... | ... | |
155 | 143 |
top:-$bar-height; |
156 | 144 |
width:100%; |
157 | 145 |
height:100%; |
158 |
background:$overlay-color; |
|
146 |
background:$overlay-bg-color;
|
|
159 | 147 |
z-index:20; |
160 | 148 |
.overlay-div { |
161 | 149 |
display: none; |
... | ... | |
183 | 171 |
border:1px solid white; |
184 | 172 |
} |
185 | 173 |
&.wizard { |
186 |
background:$overlay-color; |
|
174 |
background:$overlay-bg-color;
|
|
187 | 175 |
padding:0 ; |
188 | 176 |
width:100%; |
189 | 177 |
top:0; |
... | ... | |
233 | 221 |
line-height: $bar-submenu-height; |
234 | 222 |
list-style: none outside none; |
235 | 223 |
a { |
236 |
color:$black;
|
|
224 |
color:$body-font-color;
|
|
237 | 225 |
&:hover, &:focus, &.current { |
238 | 226 |
color:white; |
239 | 227 |
} |
... | ... | |
241 | 229 |
text-decoration: underline; |
242 | 230 |
} |
243 | 231 |
&.disabled { |
244 |
color: $disabled-flavor-color;
|
|
232 |
color: $inactive-color;
|
|
245 | 233 |
cursor: default; |
246 | 234 |
|
247 | 235 |
} |
... | ... | |
346 | 334 |
} |
347 | 335 |
&.current { |
348 | 336 |
background:white; |
349 |
color:$overlay-color; |
|
337 |
color:$overlay-bg-color;
|
|
350 | 338 |
.name-col { |
351 |
color:$overlay-color; |
|
339 |
color:$overlay-bg-color;
|
|
352 | 340 |
} |
353 | 341 |
.btn-col { |
354 | 342 |
a { |
355 |
border-color:$overlay-color; |
|
356 |
color:$overlay-color; |
|
343 |
border-color:$overlay-bg-color;
|
|
344 |
color:$overlay-bg-color;
|
|
357 | 345 |
&.current { |
358 | 346 |
color:white; |
359 |
background:$overlay-color; |
|
347 |
background:$overlay-bg-color;
|
|
360 | 348 |
} |
361 | 349 |
} |
362 | 350 |
} |
... | ... | |
390 | 378 |
|
391 | 379 |
font-size:1em; |
392 | 380 |
&.current { |
393 |
color:$overlay-color; |
|
381 |
color:$overlay-bg-color;
|
|
394 | 382 |
} |
395 | 383 |
} |
396 | 384 |
} |
... | ... | |
413 | 401 |
dt { |
414 | 402 |
width: 20%; |
415 | 403 |
float:left; |
416 |
color:$black; |
|
417 | 404 |
font-weight:normal; |
418 | 405 |
} |
419 | 406 |
dd { |
420 |
color:#485057; |
|
421 | 407 |
margin:0 0 5px; |
422 | 408 |
} |
423 | 409 |
} |
... | ... | |
452 | 438 |
color:white; |
453 | 439 |
margin-right:60px; |
454 | 440 |
padding-left:emCalc(10px); |
455 |
&:hover { |
|
456 |
em { |
|
457 |
opacity:1; |
|
458 |
} |
|
459 |
} |
|
460 | 441 |
em { |
461 | 442 |
display: block; |
462 | 443 |
margin-top:4px; |
463 | 444 |
font-size:11px; |
464 |
color:$black; |
|
465 | 445 |
font-style:normal; |
466 | 446 |
font-weight:normal; |
467 |
opacity:0.6; |
|
468 | 447 |
white-space: nowrap; |
469 | 448 |
} |
470 | 449 |
} |
... | ... | |
472 | 451 |
visibility: hidden; |
473 | 452 |
overflow:hidden; |
474 | 453 |
min-height:40px; |
475 |
color:$black; |
|
476 | 454 |
font-size:11px; |
477 | 455 |
} |
478 | 456 |
} |
... | ... | |
512 | 490 |
span { |
513 | 491 |
position:absolute; |
514 | 492 |
right:10px; |
515 |
color:$black; |
|
516 | 493 |
font-size: emCalc(9px); |
517 | 494 |
top:2px; |
518 | 495 |
} |
... | ... | |
539 | 516 |
@extend .btn5; |
540 | 517 |
min-width: 60px; |
541 | 518 |
&.current { |
542 |
color:$overlay-color; |
|
519 |
color:$overlay-bg-color;
|
|
543 | 520 |
} |
544 | 521 |
&.disabled { |
545 | 522 |
border-color: $disabled-resource-color; |
... | ... | |
640 | 617 |
color:white; |
641 | 618 |
} |
642 | 619 |
&.current, &.current:hover { |
643 |
color:$overlay-color; |
|
620 |
color:$overlay-bg-color;
|
|
644 | 621 |
} |
645 | 622 |
} |
646 | 623 |
.advanced-conf-options { |
... | ... | |
802 | 779 |
right:0; |
803 | 780 |
bottom:0; |
804 | 781 |
border-top:1px solid $overlay-color-top; |
805 |
background:$overlay-color; |
|
782 |
background:$overlay-bg-color;
|
|
806 | 783 |
.row { |
807 | 784 |
height: $bar-submenu-height; |
808 | 785 |
line-height: $bar-submenu-height; |
Also available in: Unified diff