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