Revision 75b6a8c9

b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss
53 53 
	    }
54 54 
	    &#reboot-confirm {
55 55 
			background: #ff7049 url('../images/restart.png') no-repeat center 50px;
56 
			.btn4 {
57 
			background-color: #ff7049;
58 
			border-color: white;
59 
			&:hover {
60 
					color: #ff7049;
61 
					background-color: white;
62 
					border-color: #ff7049;
63 
				}
64 
			}
65 56 
		}
66 57 
		&#shutdown-confirm {
67 
		background: #ff7049 url('../images/shutdown.png') no-repeat center 50px;	//55px from top
68 
			.btn4 {
69 
				background-color: #ff7049;
70 
				border-color: white;
71 
				&:hover {
72 
					color: #ff7049;
73 
					background-color: white;
74 
					border-color: #ff7049;
75 
				}
76 
			}
58 
			background: #ff7049 url('../images/shutdown.png') no-repeat center 50px;	//55px from top
77 59 
		}
78 60 
		&#destroy-vm-confirm {
79 
		background: #d7145a url('../images/destroy-vm.png') no-repeat center 46px;	//55px from top
80 
			.btn4 {
81 
				background-color: #d7145a;
82 
				border-color: white;
83 
				&:hover {
84 
					color: #d7145a;
85 
					background-color: white;
86 
					border-color: #d7145a;
87 
				}
88 
			}
61 
			background: #d7145a url('../images/destroy-vm.png') no-repeat center 46px;	//55px from top
89 62 
		}
90 63 
		&#destroy-network-confirm {
91 64 
			background: #d7145a url('../images/destroy-network-1.png') no-repeat center 50px;	//55px from top
92 
			.btn4 {
93 
				background-color: #d7145a;
94 
				border-color: white;
95 
				&:hover {
96 
					color: #d7145a;
97 
					background-color: white;
98 
					border-color: #d7145a;
99 
				}
100 
			}
101 65 
		}
102 66 
		&#destroy-disk-confirm {
103 67 
			background: #d7145a url('../images/destroy-disk.png') no-repeat center 50px;	//55px from top
104 
			.btn4 {
105 
				background-color: #d7145a;
106 
				border-color: white;
107 
				&:hover {
108 
					color: #d7145a;
109 
					background-color: white;
110 
					border-color: #d7145a;
111 
				}
112 
			}
113 

  		





  114
  68
  
    
		}


  		





  115
  69
  
    
		&#vm-connect, &.remove {


  		





  116
  70
  
    
			p {


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
    
  






  10407
  10407
  
    
.body-wrapper .reveal-modal#reboot-confirm {


  		





  10408
  10408
  
    
  background: #ff7049 url("../images/restart.png") no-repeat center 50px;


  		





  10409
  10409
  
    
}


  		





  10410
  
  
    
/* line 56, ../sass/_overlays.scss */


  		





  10411
  
  
    
.body-wrapper .reveal-modal#reboot-confirm .btn4 {


  		





  10412
  
  
    
  background-color: #ff7049;


  		





  10413
  
  
    
  border-color: white;


  		





  10414
  
  
    
}


  		





  10415
  
  
    
/* line 59, ../sass/_overlays.scss */


  		





  10416
  
  
    
.body-wrapper .reveal-modal#reboot-confirm .btn4:hover {


  		





  10417
  
  
    
  color: #ff7049;


  		





  10418
  
  
    
  background-color: white;


  		





  10419
  
  
    
  border-color: #ff7049;


  		





  10420
  
  
    
}


  		





  10421
  
  
    
/* line 66, ../sass/_overlays.scss */


  		





  
  10410
  
    
/* line 57, ../sass/_overlays.scss */


  		





  10422
  10411
  
    
.body-wrapper .reveal-modal#shutdown-confirm {


  		





  10423
  10412
  
    
  background: #ff7049 url("../images/shutdown.png") no-repeat center 50px;


  		





  10424
  10413
  
    
}


  		





  10425
  
  
    
/* line 68, ../sass/_overlays.scss */


  		





  10426
  
  
    
.body-wrapper .reveal-modal#shutdown-confirm .btn4 {


  		





  10427
  
  
    
  background-color: #ff7049;


  		





  10428
  
  
    
  border-color: white;


  		





  10429
  
  
    
}


  		





  10430
  
  
    
/* line 71, ../sass/_overlays.scss */


  		





  10431
  
  
    
.body-wrapper .reveal-modal#shutdown-confirm .btn4:hover {


  		





  10432
  
  
    
  color: #ff7049;


  		





  10433
  
  
    
  background-color: white;


  		





  10434
  
  
    
  border-color: #ff7049;


  		





  10435
  
  
    
}


  		





  10436
  
  
    
/* line 78, ../sass/_overlays.scss */


  		





  
  10414
  
    
/* line 60, ../sass/_overlays.scss */


  		





  10437
  10415
  
    
.body-wrapper .reveal-modal#destroy-vm-confirm {


  		





  10438
  10416
  
    
  background: #d7145a url("../images/destroy-vm.png") no-repeat center 46px;


  		





  10439
  10417
  
    
}


  		





  10440
  
  
    
/* line 80, ../sass/_overlays.scss */


  		





  10441
  
  
    
.body-wrapper .reveal-modal#destroy-vm-confirm .btn4 {


  		





  10442
  
  
    
  background-color: #d7145a;


  		





  10443
  
  
    
  border-color: white;


  		





  10444
  
  
    
}


  		





  10445
  
  
    
/* line 83, ../sass/_overlays.scss */


  		





  10446
  
  
    
.body-wrapper .reveal-modal#destroy-vm-confirm .btn4:hover {


  		





  10447
  
  
    
  color: #d7145a;


  		





  10448
  
  
    
  background-color: white;


  		





  10449
  
  
    
  border-color: #d7145a;


  		





  10450
  
  
    
}


  		





  10451
  
  
    
/* line 90, ../sass/_overlays.scss */


  		





  
  10418
  
    
/* line 63, ../sass/_overlays.scss */


  		





  10452
  10419
  
    
.body-wrapper .reveal-modal#destroy-network-confirm {


  		





  10453
  10420
  
    
  background: #d7145a url("../images/destroy-network-1.png") no-repeat center 50px;


  		





  10454
  10421
  
    
}


  		





  10455
  
  
    
/* line 92, ../sass/_overlays.scss */


  		





  10456
  
  
    
.body-wrapper .reveal-modal#destroy-network-confirm .btn4 {


  		





  10457
  
  
    
  background-color: #d7145a;


  		





  10458
  
  
    
  border-color: white;


  		





  10459
  
  
    
}


  		





  10460
  
  
    
/* line 95, ../sass/_overlays.scss */


  		





  10461
  
  
    
.body-wrapper .reveal-modal#destroy-network-confirm .btn4:hover {


  		





  10462
  
  
    
  color: #d7145a;


  		





  10463
  
  
    
  background-color: white;


  		





  10464
  
  
    
  border-color: #d7145a;


  		





  10465
  
  
    
}


  		





  10466
  
  
    
/* line 102, ../sass/_overlays.scss */


  		





  
  10422
  
    
/* line 66, ../sass/_overlays.scss */


  		





  10467
  10423
  
    
.body-wrapper .reveal-modal#destroy-disk-confirm {


  		





  10468
  10424
  
    
  background: #d7145a url("../images/destroy-disk.png") no-repeat center 50px;


  		





  10469
  10425
  
    
}


  		





  10470
  
  
    
/* line 104, ../sass/_overlays.scss */


  		





  10471
  
  
    
.body-wrapper .reveal-modal#destroy-disk-confirm .btn4 {


  		





  10472
  
  
    
  background-color: #d7145a;


  		





  10473
  
  
    
  border-color: white;


  		





  10474
  
  
    
}


  		





  10475
  
  
    
/* line 107, ../sass/_overlays.scss */


  		





  10476
  
  
    
.body-wrapper .reveal-modal#destroy-disk-confirm .btn4:hover {


  		





  10477
  
  
    
  color: #d7145a;


  		





  10478
  
  
    
  background-color: white;


  		





  10479
  
  
    
  border-color: #d7145a;


  		





  10480
  
  
    
}


  		





  10481
  
  
    
/* line 116, ../sass/_overlays.scss */


  		





  
  10426
  
    
/* line 70, ../sass/_overlays.scss */


  		





  10482
  10427
  
    
.body-wrapper .reveal-modal#vm-connect p, .body-wrapper .reveal-modal.remove p {


  		





  10483
  10428
  
    
  text-align: left;


  		





  10484
  10429
  
    
  color: black;


  		





  10485
  10430
  
    
}


  		





  10486
  
  
    
/* line 119, ../sass/_overlays.scss */


  		





  
  10431
  
    
/* line 73, ../sass/_overlays.scss */


  		





  10487
  10432
  
    
.body-wrapper .reveal-modal#vm-connect p.info, .body-wrapper .reveal-modal.remove p.info {


  		





  10488
  10433
  
    
  font-style: italic;


  		





  10489
  10434
  
    
  font-size: 0.8125em;


  		





  10490
  10435
  
    
  color: #9e9ea1;


  		





  10491
  10436
  
    
}


  		





  10492
  
  
    
/* line 124, ../sass/_overlays.scss */


  		





  
  10437
  
    
/* line 78, ../sass/_overlays.scss */


  		





  10493
  10438
  
    
.body-wrapper .reveal-modal#vm-connect p.ssh, .body-wrapper .reveal-modal.remove p.ssh {


  		





  10494
  10439
  
    
  text-align: center;


  		





  10495
  10440
  
    
}


  		





  10496
  
  
    
/* line 126, ../sass/_overlays.scss */


  		





  
  10441
  
    
/* line 80, ../sass/_overlays.scss */


  		





  10497
  10442
  
    
.body-wrapper .reveal-modal#vm-connect p.ssh span, .body-wrapper .reveal-modal.remove p.ssh span {


  		





  10498
  10443
  
    
  display: inline;


  		





  10499
  10444
  
    
  padding: 10px 30px;


  		





  10500
  10445
  
    
  background: #30c79e;


  		





  10501
  10446
  
    
  color: #fff;


  		





  10502
  10447
  
    
}


  		





  10503
  
  
    
/* line 133, ../sass/_overlays.scss */


  		





  
  10448
  
    
/* line 87, ../sass/_overlays.scss */


  		





  10504
  10449
  
    
.body-wrapper .reveal-modal#vm-connect p.buttons, .body-wrapper .reveal-modal.remove p.buttons {


  		





  10505
  10450
  
    
  text-align: center;


  		





  10506
  10451
  
    
}


  		





  10507
  
  
    
/* line 137, ../sass/_overlays.scss */


  		





  
  10452
  
    
/* line 91, ../sass/_overlays.scss */


  		





  10508
  10453
  
    
.body-wrapper .reveal-modal#vm-connect .close-reveal-modal, .body-wrapper .reveal-modal.remove .close-reveal-modal {


  		





  10509
  10454
  
    
  color: #485057;


  		





  10510
  10455
  
    
}


  		





  10511
  
  
    
/* line 139, ../sass/_overlays.scss */


  		





  
  10456
  
    
/* line 93, ../sass/_overlays.scss */


  		





  10512
  10457
  
    
.body-wrapper .reveal-modal#vm-connect .close-reveal-modal:hover, .body-wrapper .reveal-modal.remove .close-reveal-modal:hover {


  		





  10513
  10458
  
    
  color: #30c79e;


  		





  10514
  10459
  
    
}


  		





  10515
  
  
    
/* line 145, ../sass/_overlays.scss */


  		





  
  10460
  
    
/* line 99, ../sass/_overlays.scss */


  		





  10516
  10461
  
    
.body-wrapper .overlay-area-custom {


  		





  10517
  10462
  
    
  display: none;


  		





  10518
  10463
  
    
  position: absolute;


  		





  ......




  10524
  10469
  
    
  background: #485057;


  		





  10525
  10470
  
    
  z-index: 20;


  		





  10526
  10471
  
    
}


  		





  10527
  
  
    
/* line 155, ../sass/_overlays.scss */


  		





  
  10472
  
    
/* line 109, ../sass/_overlays.scss */


  		





  10528
  10473
  
    
.body-wrapper .overlay-area-custom .overlay-div {


  		





  10529
  10474
  
    
  display: none;


  		





  10530
  10475
  
    
  z-index: 50;


  		





  ......




  10535
  10480
  
    
  width: 50%;


  		





  10536
  10481
  
    
  padding: 25px;


  		





  10537
  10482
  
    
}


  		





  10538
  
  
    
/* line 165, ../sass/_overlays.scss */


  		





  
  10483
  
    
/* line 119, ../sass/_overlays.scss */


  		





  10539
  10484
  
    
.body-wrapper .overlay-area-custom .overlay-div .buttons a {


  		





  10540
  10485
  
    
  margin-right: 20px;


  		





  10541
  10486
  
    
}


  		





  10542
  
  
    
/* line 169, ../sass/_overlays.scss */


  		





  
  10487
  
    
/* line 123, ../sass/_overlays.scss */


  		





  10543
  10488
  
    
.body-wrapper .overlay-area-custom .overlay-div .close {


  		





  10544
  10489
  
    
  float: right;


  		





  10545
  10490
  
    
  font-size: 30px;


  		





  10546
  10491
  
    
}


  		





  10547
  
  
    
/* line 173, ../sass/_overlays.scss */


  		





  
  10492
  
    
/* line 127, ../sass/_overlays.scss */


  		





  10548
  10493
  
    
.body-wrapper .overlay-area-custom .overlay-div.upload-widget {


  		





  10549
  10494
  
    
  background: transparent;


  		





  10550
  10495
  
    
  padding: 45px 0;


  		





  ......




  10553
  10498
  
    
  border: 1px solid white;


  		





  10554
  10499
  
    
}


  		





  10555
  10500
  
    

  		





  10556
  
  
    
/* line 185, ../sass/_overlays.scss */


  		





  
  10501
  
    
/* line 139, ../sass/_overlays.scss */


  		





  10557
  10502
  
    
.communication-error {


  		





  10558
  10503
  
    
  background-color: #e02b2b;


  		





  10559
  10504
  
    
  color: white;


  		





  ......




  10565
  10510
  
    
  padding-bottom: 15px;


  		





  10566
  10511
  
    
  z-index: 10;


  		





  10567
  10512
  
    
}


  		





  10568
  
  
    
/* line 196, ../sass/_overlays.scss */


  		





  
  10513
  
    
/* line 150, ../sass/_overlays.scss */


  		





  10569
  10514
  
    
.communication-error p {


  		





  10570
  10515
  
    
  text-align: center;


  		





  10571
  10516
  
    
  line-height: 2em;


  		





  10572
  10517
  
    
  margin: 0 auto;


  		





  10573
  10518
  
    
  max-width: 800px;


  		





  10574
  10519
  
    
}


  		





  10575
  
  
    
/* line 201, ../sass/_overlays.scss */


  		





  
  10520
  
    
/* line 155, ../sass/_overlays.scss */


  		





  10576
  10521
  
    
.communication-error p.buttons {


  		





  10577
  10522
  
    
  margin-top: 10px;


  		





  10578
  10523
  
    
}


  		





  10579
  
  
    
/* line 203, ../sass/_overlays.scss */


  		





  
  10524
  
    
/* line 157, ../sass/_overlays.scss */


  		





  10580
  10525
  
    
.communication-error p.buttons a:not(:first-child) {


  		





  10581
  10526
  
    
  margin-left: 15px;


  		





  10582
  10527
  
    
}


  		





  10583
  10528
  
    

  		





  10584
  10529
  
    
/* Responive ------------------------------------------------ */


  		





  10585
  10530
  
    
@media only screen and (max-width: 768px) {


  		





  10586
  
  
    
  /* line 216, ../sass/_overlays.scss */


  		





  
  10531
  
    
  /* line 170, ../sass/_overlays.scss */


  		





  10587
  10532
  
    
  .wizard .top {


  		





  10588
  10533
  
    
    position: static;


  		





  10589
  10534
  
    
  }


  		





  10590
  
  
    
  /* line 219, ../sass/_overlays.scss */


  		





  
  10535
  
    
  /* line 173, ../sass/_overlays.scss */


  		





  10591
  10536
  
    
  .wizard .middle {


  		





  10592
  10537
  
    
    padding-top: 0;


  		





  10593
  10538
  
    
  }


  		





  10594
  10539
  
    

  		





  10595
  
  
    
  /* line 224, ../sass/_overlays.scss */


  		





  
  10540
  
    
  /* line 178, ../sass/_overlays.scss */


  		





  10596
  10541
  
    
  .body-wrapper .overlay-area {


  		





  10597
  10542
  
    
    top: 0;


  		





  10598
  10543
  
    
  }


  		












Also available in:
  Unified diff