Revision 4e7c16f1

b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/common.js
41 41
* Logic for Entities actions. Present in items_list pages
42 42
* Available categories are :
43 43
*  - both/single ( for multiple entities/single entities)
44
*  - running/stopped ( for running/stopped entities)
44
*  - running/off ( for running/off entities)
45 45
*  - permanent ( for entities always active )
46 46
*/
47 47
ui.entitiesActionsEnabled = function(){
48 48
    var all = $('.snf-checkbox-checked').length;
49
    var running = $('.snf-checkbox-checked').parents('li').find('.running').length;
50
    var stopped = $('.snf-checkbox-checked').parents('li.off').length;
51
    console.log(stopped, 'actions here');
52
    $('.header .main-actions li:not(.permanent) a').removeClass('active');  
53
    if ( (running*stopped) > 0 ){          
54
         $('.main-actions li.both a').addClass('active');
55
         $('.main-actions li.single a').removeClass('active');
49
    var running = $('.snf-checkbox-checked').parents('li.running').length;
50
    var off = $('.snf-checkbox-checked').parents('li.off').length;
51
    console.log(off, 'actions here');
52
    $('.lt-bar .lt-actions li:not(.permanent) a').removeClass('active');
53
    if ( (running*off) > 0 ){
54
         $('.lt-actions li.both a').addClass('active');
55
         $('.lt-actions li.single a').removeClass('active');
56 56
    } else {
57 57
        if (running > 0) {
58
            $('.main-actions li.both a').addClass('active');
59
            $('.main-actions li.running a').addClass('active');
60
        } else if (stopped>0) {
61
            $('.main-actions li.both a').addClass('active');
62
            $('.main-actions li.stopped a').addClass('active');
58
            $('.lt-actions li.both a').addClass('active');
59
            $('.lt-actions li.running a').addClass('active');
60
        } else if (off>0) {
61
            $('.lt-actions li.both a').addClass('active');
62
            $('.lt-actions li.off a').addClass('active');
63 63
        }
64 64
        if ( all > 1 ) {
65
            $('.main-actions li.single a').removeClass('active');
65
            $('.lt-actions li.single a').removeClass('active');
66 66
        }
67 67
    }
68 68
}
......
239 239
    })
240 240

  
241 241
    $('.header .login').mouseenter(function(e){
242
        $(this).find('ul').stop().slideDown(200);
242
        $(this).find('ul').stop(true, true).slideDown(200);
243 243
    });
244 244
    $('.header .login').mouseleave(function(e){
245
        $(this).find('ul').stop().slideUp(200);
245
        $(this).find('ul').stop(true, true).slideUp(200);
246 246
    });
247 247

  
248 248
    $('.entities a').click(function(){
......
251 251
        }
252 252
    });
253 253

  
254
    $('.lt-actions a:not(.active)').click(function(e){
255
        e.preventDefault();
256
    })
257

  
254 258
    if ($('.entities .items-list >li').length == 1) {
255 259
        $('.overlay-wrapper').addClass('no-vm');
256 260
    };
......
320 324
        }
321 325
    })
322 326

  
323
    $('.new-btn a.current').click(function(e){
324
        e.preventDefault();
325
    })
326

  
327 327
    $('.main-actions li a').click(function(e){
328 328
        if (!($(this).hasClass('active'))) {
329 329
            e.preventDefault();
......
431 431
        e.preventDefault();
432 432
        $(this).siblings('.container').find('.complete').toggleClass('build-progress');
433 433
    })
434

  
435
    //temp function to preventDefault of links in modal
436
    $('.reveal-modal a:not(".close-reveal-modal")').click(function(e){
437
        e.preventDefault();
438
        $('a.close-reveal-modal').trigger('click');
439
    });
434 440
})
435 441

  
436 442

  
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_common.scss
108 108
		width:12px;
109 109
		height:12px;
110 110
		margin:0 3px;
111
		&.tag1 { background-color:$secondary-color;}
112
		&.tag2 { background-color:$third-color;}
113
		&.tag3 { background-color:$success-color;}
111
		&.tag1 { background-color:$error-color;}
112
		&.tag2 { background-color:$success-color;}
113
		&.tag3 { background-color:#25bfda;}
114 114
	}
115 115
}
116 116

  
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_items-list.scss
18 18

  
19 19
		&>li {
20 20
			height:215px;
21
			.check {
22
				display: none;
23
			}
24
			.info {
21
			.check, .info, .actions {
25 22
				display: none;
26 23
			}
27 24
			.img-wrap {
......
89 86
					li {
90 87
						padding: 0;
91 88
						text-align: left;
89
						padding: 5px 5px 5px 30px;
92 90
						a {
93 91
							color: $body-font-color;
94 92
							display: block;
95 93
							width:100%;
96
							padding: 5px 5px 5px 30px;
97 94
							&:hover {
98
								//background-color: $secondary-color;
99 95
								color:  $secondary-color;
100 96
							}
101 97
						}
......
110 106
					ul {
111 107
						li {
112 108
							height: $col-height/2;
109
							padding:0 0 0 30px;
113 110
							a {
114 111
								height: 100%;
115
								padding:0 0 0 30px;
116 112
								line-height: $col-height/2;
117 113
							}
118 114
						}
......
211 207
						cursor: pointer;
212 208
					}
213 209
				}
210
				a {
211
					color:$primary-color;
212
					&:hover {
213
						color:$primary-color;
214
						cursor:default;
215
					}
216
					&.active {
217
						color:$body-font-color;
218
						&:hover {
219
							color:$secondary-color;
220
							cursor: pointer;
221
						}
222
					}
223
				}
214 224
			}
215 225
		}
216 226
	}
......
219 229
		$img-wrap-w : 70px;
220 230
		$h4-w :40%;
221 231
		$tags-w :8%;
222
		$info-w: 30%;
232
		$info-w: 25%;
223 233
		overflow:hidden;
224 234
		& >li {
225 235
			@extend .clearfix;
......
271 281
			.tags {
272 282
				float:left;
273 283
				width:$tags-w;
274
				min-height: 1px;
275 284
				height:$list-vm-height;
276 285
				line-height: $list-vm-height;
277 286
				a {
......
300 309
					}
301 310
				}
302 311
			}
312
			.actions {
313
				float: left;
314
				height:$list-vm-height;
315
				line-height: $list-vm-height;
316
				position: relative;
317
				top:-4px;
318
				margin:0 10px;
319
				a {
320
					color:$secondary-color;
321
					&:hover {
322
						color:$overlay-color;
323
					}
324
					&:first-child {
325
						margin-right:5px;
326
					}
327
				}
328
			}
303 329
			&.add-new {
304
				height: $bar-height;
305
				line-height: $bar-height;
306
				padding:0 0 0 $lt-bar-width;
307 330
				&:hover {
308 331
					background: $overlay-color;
309 332
				}
310 333
				.check {
311 334
					visibility: hidden;
312 335
				}
313
				.img-wrap {
314
					margin: 0;
315
					height:$bar-height;
316
					line-height: $bar-height;
317
					.symbol {
318
						font-size:emCalc(16px);
319
						position: absolute;
320
						left:0;
321
						top:-3px;
322
						width: 100%;
323
						height: 100%;
324
						margin: 0 auto;
325
					}
326
					span {
327
						font-size:20px;
328
						line-height: 30px;
329
					}
330
				}
331 336
				h4 {
332 337
					height:auto;
333 338
					line-height: $bar-height;
334 339
					margin:0;
335 340
				}
341
				.img-wrap {
342
					.symbol {
343
						font-size:24px;
344
					}
345
				}
336 346
			}
337 347
			&[data-status="building"] {
338 348
				.img-wrap {
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss
33 33

  
34 34
	.overlay-area-reveal {
35 35
		.reveal-modal {
36
			padding:65px 140px 40px;
36 37
		    h3 {
37 38
		        font-size:1em;
38 39
		    }
......
40 41
				color: white;
41 42
				text-align: center;
42 43
				&.message-forimg {
43
					margin-top:152px;
44
					margin-top:132px;
44 45
					margin-bottom: 35px; // 20px from background icon
45 46
				}
46 47
				&.buttons {
47 48
					a:first-child {
48
						margin-right:16px;
49
						margin-right:25px;
49 50
					}
50 51
				}
51 52
			}
52 53
			a {
53
		        &.close-reveal-modal {
54
			        color: white;
55
		            font-size: 18px;
56
		            top: 42px;
57
		            right: 42px;
58
		        }
59 54
		        &.close-reveal-modal:hover {
60 55
		            text-decoration: none;
61
		            // color:$secondary-color;
56
					color: $black;
62 57
		        }
63 58
		    }
64 59
		    &#start-confirm {
65 60
				background: $secondary-color url('../images/shutdown.png') no-repeat center 50px;	//55px from top
66 61
		    }
67 62
		    &#reboot-confirm {
68
				background: #ff7049 url('../images/restart.png') no-repeat center 46px;
63
				background: #ff7049 url('../images/restart.png') no-repeat center 50px;
69 64
				.btn4 {
70 65
				background-color: #ff7049;
71 66
				border-color: white;
......
127 122
			}
128 123
			&#vm-connect {
129 124
				p {
125
					text-align:left;
130 126
					color: black;
131 127
					&.info {
132 128
						font-style: italic;
133 129
						font-size: 0.8125em;
134 130
						color: #9e9ea1;
135 131
					}
132
					&.ssh {
133
						text-align: center;
134
						span {
135
							display: inline;
136
						}
137
					}
138
				}
139
				a.close-reveal-modal {
140
					color:$secondary-color;
141
					&:hover {
142
						color:$black;
143
					}
136 144
				}
137
				a {
138
		        color: $secondary-color;
139
		        &:hover {
140
		            text-decoration: underline;
141
		        }
142
		        &.close-reveal-modal:hover {
143
		            text-decoration: none;
144
		            color:$secondary-color;
145
		        }
146
		    }
147 145
			}
148 146

  
149 147
		}
......
441 439
									.icon {
442 440
										display: block;
443 441
										width:60px;
444
										font-size:emCalc(40px);
442
										font-size:38px;
445 443
										float: left;
446 444
									}
447 445
									h2 {
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_settings.scss
30 30
// We use these as default colors throughout
31 31
$primary-color: #919194;
32 32
$secondary-color: #30c79e;
33
$third-color: #30c79e;
33
$third-color: #d7145a;
34 34
$overlay-color: #485057;
35 35
$overlay-color-top:#636a70;
36 36
$overlay-darker-color:#33383D;
......
831 831
//
832 832

  
833 833
// We use these to control the style of the reveal overlay.
834
$reveal-overlay-bg: rgba(#000, .80);
834
$reveal-overlay-bg: rgba(#fff, .80);
835 835
// $reveal-overlay-bg-old: #000;
836 836

  
837 837
// We use these to control the style of the modal itself.
838 838
// $reveal-modal-bg: #fff;
839 839
// $reveal-position-top: 50px;
840 840
// $reveal-default-width: 80%;
841
// $reveal-modal-padding: emCalc(20px);
841
$reveal-modal-padding: emCalc(50px) emCalc(100px) emCalc(20px);
842 842
// $reveal-box-shadow: 0 0 10px rgba(#000,.4);
843 843

  
844 844
// We use these to style the reveal close button
845
// $reveal-close-font-size: emCalc(22px);
846
// $reveal-close-top: emCalc(8px);
847
// $reveal-close-side: emCalc(11px);
848
// $reveal-close-color: #aaa;
845
$reveal-close-font-size: emCalc(18px);
846
$reveal-close-top: emCalc(40px);
847
$reveal-close-side: emCalc(40px);
848
$reveal-close-color: #fff;
849 849
// $reveal-close-weight: bold;
850 850

  
851 851
// We use these to control the modal border
852 852
// $reveal-border-style: solid;
853
// $reveal-border-width: 1px;
853
$reveal-border-width: 0px;
854 854
// $reveal-border-color: #666;
855 855

  
856 856
//
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
4931 4931
  height: 100%;
4932 4932
  width: 100%;
4933 4933
  background: black;
4934
  background: rgba(0, 0, 0, 0.8);
4934
  background: rgba(255, 255, 255, 0.8);
4935 4935
  z-index: 98;
4936 4936
  display: none;
4937 4937
  top: 0;
......
4949 4949
  margin-left: -40%;
4950 4950
  width: 80%;
4951 4951
  background-color: white;
4952
  padding: 1.25em;
4953
  border: solid 1px #666666;
4952
  padding: 3.125em 6.25em 1.25em;
4953
  border: solid 0px #666666;
4954 4954
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
4955 4955
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
4956 4956
  top: 50px;
......
4970 4970
}
4971 4971
/* line 115, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_reveal.scss */
4972 4972
.reveal-modal .close-reveal-modal {
4973
  font-size: 1.375em;
4973
  font-size: 1.125em;
4974 4974
  line-height: 1;
4975 4975
  position: absolute;
4976
  top: 0.5em;
4977
  right: 0.6875em;
4978
  color: #aaaaaa;
4976
  top: 2.5em;
4977
  right: 2.5em;
4978
  color: white;
4979 4979
  font-weight: bold;
4980 4980
  cursor: pointer;
4981 4981
}
......
6841 6841
}
6842 6842
/* line 111, ../sass/_common.scss */
6843 6843
.tags a.tag1 {
6844
  background-color: #30c79e;
6844
  background-color: #ff5c58;
6845 6845
}
6846 6846
/* line 112, ../sass/_common.scss */
6847 6847
.tags a.tag2 {
6848
  background-color: #30c79e;
6848
  background-color: #00a551;
6849 6849
}
6850 6850
/* line 113, ../sass/_common.scss */
6851 6851
.tags a.tag3 {
6852
  background-color: #00a551;
6852
  background-color: #25bfda;
6853 6853
}
6854 6854

  
6855 6855
/* line 117, ../sass/_common.scss */
......
6884 6884
}
6885 6885
/* line 137, ../sass/_common.scss */
6886 6886
a:hover {
6887
  color: #30c79e;
6887
  color: #d7145a;
6888 6888
  -webkit-transition: background 300ms ease-out;
6889 6889
  -moz-transition: background 300ms ease-out;
6890 6890
  -ms-transition: background 300ms ease-out;
......
7304 7304
}
7305 7305
/* line 507, ../sass/_common.scss */
7306 7306
.icons-nav li a:hover, .icons-nav li a.current {
7307
  color: #30c79e;
7307
  color: #d7145a;
7308 7308
}
7309 7309

  
7310 7310
/* Top info  ----------------------------------------------- */
......
7514 7514
  height: 215px;
7515 7515
}
7516 7516
/* line 21, ../sass/_items-list.scss */
7517
.grid-view .items-list > li .check {
7517
.grid-view .items-list > li .check, .grid-view .items-list > li .info, .grid-view .items-list > li .actions {
7518 7518
  display: none;
7519 7519
}
7520 7520
/* line 24, ../sass/_items-list.scss */
7521
.grid-view .items-list > li .info {
7522
  display: none;
7523
}
7524
/* line 27, ../sass/_items-list.scss */
7525 7521
.grid-view .items-list > li .img-wrap {
7526 7522
  margin-bottom: 6px;
7527 7523
  height: 60px;
7528 7524
}
7529
/* line 31, ../sass/_items-list.scss */
7525
/* line 28, ../sass/_items-list.scss */
7530 7526
.grid-view .items-list > li .container {
7531 7527
  height: 160px;
7532 7528
  margin: 40px 20px 20px;
7533 7529
  position: relative;
7534 7530
  line-height: 120%;
7535 7531
}
7536
/* line 36, ../sass/_items-list.scss */
7532
/* line 33, ../sass/_items-list.scss */
7537 7533
.grid-view .items-list > li .container .tags {
7538 7534
  width: 100%;
7539 7535
  min-height: 12px;
......
7541 7537
  bottom: 12px;
7542 7538
}
7543 7539

  
7544
/* line 47, ../sass/_items-list.scss */
7540
/* line 44, ../sass/_items-list.scss */
7545 7541
.items-list > li {
7546 7542
  text-align: center;
7547 7543
  padding: 20px;
......
7550 7546
  background: url(../images/dashed-bg-corner.png) no-repeat right bottom;
7551 7547
  height: 215px;
7552 7548
}
7553
/* line 54, ../sass/_items-list.scss */
7549
/* line 51, ../sass/_items-list.scss */
7554 7550
.items-list > li .img-wrap {
7555 7551
  position: relative;
7556 7552
  display: inline-block;
7557 7553
  overflow: hidden;
7558 7554
}
7559
/* line 59, ../sass/_items-list.scss */
7555
/* line 56, ../sass/_items-list.scss */
7560 7556
.items-list > li .status {
7561 7557
  font-size: 0.75em;
7562 7558
  line-height: 140%;
7563 7559
}
7564
/* line 62, ../sass/_items-list.scss */
7560
/* line 59, ../sass/_items-list.scss */
7565 7561
.items-list > li .status a {
7566 7562
  color: #30c79e;
7567 7563
}
7568
/* line 65, ../sass/_items-list.scss */
7564
/* line 62, ../sass/_items-list.scss */
7569 7565
.items-list > li .status span {
7570 7566
  color: #30c79e;
7571 7567
  display: block;
7572 7568
}
7573
/* line 70, ../sass/_items-list.scss */
7569
/* line 67, ../sass/_items-list.scss */
7574 7570
.items-list > li .more {
7575 7571
  display: none;
7576 7572
  background: #fff;
......
7592 7588
.items-list > li .more:after {
7593 7589
  clear: both;
7594 7590
}
7595
/* line 80, ../sass/_items-list.scss */
7591
/* line 77, ../sass/_items-list.scss */
7596 7592
.items-list > li .more .col {
7597 7593
  width: 50%;
7598 7594
  float: left;
7599 7595
  font-size: 0.875em;
7600 7596
  height: 200px;
7601 7597
}
7602
/* line 85, ../sass/_items-list.scss */
7598
/* line 82, ../sass/_items-list.scss */
7603 7599
.items-list > li .more .col ul {
7604 7600
  margin: 0;
7605 7601
  padding: 0;
7606 7602
  list-style: none outside none;
7607 7603
}
7608
/* line 89, ../sass/_items-list.scss */
7604
/* line 86, ../sass/_items-list.scss */
7609 7605
.items-list > li .more .col ul li {
7610 7606
  padding: 0;
7611 7607
  text-align: left;
7608
  padding: 5px 5px 5px 30px;
7612 7609
}
7613
/* line 92, ../sass/_items-list.scss */
7610
/* line 90, ../sass/_items-list.scss */
7614 7611
.items-list > li .more .col ul li a {
7615 7612
  color: #1e1e1e;
7616 7613
  display: block;
7617 7614
  width: 100%;
7618
  padding: 5px 5px 5px 30px;
7619 7615
}
7620
/* line 97, ../sass/_items-list.scss */
7616
/* line 94, ../sass/_items-list.scss */
7621 7617
.items-list > li .more .col ul li a:hover {
7622 7618
  color: #30c79e;
7623 7619
}
7624
/* line 105, ../sass/_items-list.scss */
7620
/* line 101, ../sass/_items-list.scss */
7625 7621
.items-list > li .more .col.lt ul {
7626 7622
  padding-top: 10px;
7627 7623
}
7628
/* line 111, ../sass/_items-list.scss */
7624
/* line 107, ../sass/_items-list.scss */
7629 7625
.items-list > li .more .col.rt ul li {
7630 7626
  height: 100px;
7627
  padding: 0 0 0 30px;
7631 7628
}
7632
/* line 113, ../sass/_items-list.scss */
7629
/* line 110, ../sass/_items-list.scss */
7633 7630
.items-list > li .more .col.rt ul li a {
7634 7631
  height: 100%;
7635
  padding: 0 0 0 30px;
7636 7632
  line-height: 100px;
7637 7633
}
7638
/* line 122, ../sass/_items-list.scss */
7634
/* line 118, ../sass/_items-list.scss */
7639 7635
.items-list > li .more .name {
7640 7636
  background: url(../images/dashed_atom-x.png) repeat-x center top;
7641 7637
  padding: 10px;
7642 7638
  font-size: 0.625em;
7643 7639
}
7644
/* line 128, ../sass/_items-list.scss */
7640
/* line 124, ../sass/_items-list.scss */
7645 7641
.items-list > li h4 {
7646 7642
  font-size: 0.75em;
7647 7643
  color: #1e1e1e;
......
7650 7646
  height: 32px;
7651 7647
  font-weight: normal;
7652 7648
}
7653
/* line 136, ../sass/_items-list.scss */
7649
/* line 132, ../sass/_items-list.scss */
7654 7650
.items-list > li.add-new {
7655 7651
  background-color: #30c79e;
7656 7652
  -webkit-transition: background-color 300ms linear;
......
7659 7655
  -o-transition: background-color 300ms linear;
7660 7656
  transition: background-color 300ms linear;
7661 7657
}
7662
/* line 141, ../sass/_items-list.scss */
7658
/* line 137, ../sass/_items-list.scss */
7663 7659
.items-list > li.add-new .container .img-wrap span:first-child {
7664 7660
  color: white;
7665 7661
}
7666
/* line 144, ../sass/_items-list.scss */
7662
/* line 140, ../sass/_items-list.scss */
7667 7663
.items-list > li.add-new .container .img-wrap .symbol {
7668 7664
  background-image: none;
7669 7665
  color: #30c79e;
7670 7666
  font-size: 30px;
7671 7667
  text-indent: 0;
7672 7668
}
7673
/* line 151, ../sass/_items-list.scss */
7669
/* line 147, ../sass/_items-list.scss */
7674 7670
.items-list > li.add-new .container h4 {
7675 7671
  color: white;
7676 7672
}
7677
/* line 155, ../sass/_items-list.scss */
7673
/* line 151, ../sass/_items-list.scss */
7678 7674
.items-list > li.add-new:hover {
7679 7675
  background-color: #485057;
7680 7676
  -webkit-transition: background-color 300ms linear;
......
7684 7680
  transition: background-color 300ms linear;
7685 7681
  cursor: pointer;
7686 7682
}
7687
/* line 161, ../sass/_items-list.scss */
7683
/* line 157, ../sass/_items-list.scss */
7688 7684
.items-list > li.add-new:hover .container .img-wrap .symbol {
7689 7685
  color: #485057;
7690 7686
}
7691 7687

  
7692
/* line 172, ../sass/_items-list.scss */
7688
/* line 168, ../sass/_items-list.scss */
7693 7689
.list-view .btn5, .list-view .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .list-view a, .list-view .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .list-view a {
7694 7690
  display: none;
7695 7691
}
7696
/* line 175, ../sass/_items-list.scss */
7692
/* line 171, ../sass/_items-list.scss */
7697 7693
.list-view .lt-bar {
7698 7694
  position: fixed;
7699 7695
  width: 110px;
......
7706 7702
  box-shadow: 3px -2px 8px #cccccc;
7707 7703
  background: #fff;
7708 7704
}
7709
/* line 184, ../sass/_items-list.scss */
7705
/* line 180, ../sass/_items-list.scss */
7710 7706
.list-view .lt-bar a {
7711 7707
  color: #485057;
7712 7708
}
7713
/* line 186, ../sass/_items-list.scss */
7709
/* line 182, ../sass/_items-list.scss */
7714 7710
.list-view .lt-bar a:hover {
7715 7711
  color: #30c79e;
7716 7712
}
7717
/* line 190, ../sass/_items-list.scss */
7713
/* line 186, ../sass/_items-list.scss */
7718 7714
.list-view .lt-bar ul {
7719 7715
  list-style: none outside none;
7720 7716
  font-size: 0.75em;
7721 7717
}
7722
/* line 193, ../sass/_items-list.scss */
7718
/* line 189, ../sass/_items-list.scss */
7723 7719
.list-view .lt-bar ul li {
7724 7720
  list-style: none outside none;
7725 7721
  padding: 12px 0;
7726 7722
}
7727
/* line 197, ../sass/_items-list.scss */
7723
/* line 193, ../sass/_items-list.scss */
7728 7724
.list-view .lt-bar ul li.select span {
7729 7725
  font-size: 16px;
7730 7726
  margin-right: 5px;
7731 7727
  position: relative;
7732 7728
  top: 2px;
7733 7729
}
7734
/* line 202, ../sass/_items-list.scss */
7730
/* line 198, ../sass/_items-list.scss */
7735 7731
.list-view .lt-bar ul li.select span.snf-checkbox-checked {
7736 7732
  color: #30c79e;
7737 7733
}
7738
/* line 206, ../sass/_items-list.scss */
7734
/* line 202, ../sass/_items-list.scss */
7739 7735
.list-view .lt-bar ul li.select em {
7740 7736
  display: none;
7741 7737
  font-style: normal;
7742 7738
}
7743
/* line 210, ../sass/_items-list.scss */
7739
/* line 206, ../sass/_items-list.scss */
7744 7740
.list-view .lt-bar ul li.select:hover {
7745 7741
  cursor: pointer;
7746 7742
}
7747
/* line 217, ../sass/_items-list.scss */
7743
/* line 210, ../sass/_items-list.scss */
7744
.list-view .lt-bar ul li a {
7745
  color: #919194;
7746
}
7747
/* line 212, ../sass/_items-list.scss */
7748
.list-view .lt-bar ul li a:hover {
7749
  color: #919194;
7750
  cursor: default;
7751
}
7752
/* line 216, ../sass/_items-list.scss */
7753
.list-view .lt-bar ul li a.active {
7754
  color: #1e1e1e;
7755
}
7756
/* line 218, ../sass/_items-list.scss */
7757
.list-view .lt-bar ul li a.active:hover {
7758
  color: #30c79e;
7759
  cursor: pointer;
7760
}
7761
/* line 227, ../sass/_items-list.scss */
7748 7762
.list-view .items-list {
7749 7763
  overflow: hidden;
7750 7764
}
7751
/* line 224, ../sass/_items-list.scss */
7765
/* line 234, ../sass/_items-list.scss */
7752 7766
.list-view .items-list > li {
7753 7767
  height: auto;
7754 7768
  width: 100%;
7755 7769
  padding: 15px 15px 15px 110px;
7756 7770
  background-image: none;
7757 7771
}
7758
/* line 230, ../sass/_items-list.scss */
7772
/* line 240, ../sass/_items-list.scss */
7759 7773
.list-view .items-list > li:hover {
7760 7774
  background-color: #dfdfdf;
7761 7775
}
7762
/* line 233, ../sass/_items-list.scss */
7776
/* line 243, ../sass/_items-list.scss */
7763 7777
.list-view .items-list > li .check {
7764 7778
  width: 60px;
7765 7779
  height: 34px;
......
7767 7781
  text-align: center;
7768 7782
  float: left;
7769 7783
}
7770
/* line 239, ../sass/_items-list.scss */
7784
/* line 249, ../sass/_items-list.scss */
7771 7785
.list-view .items-list > li .check:hover {
7772 7786
  cursor: pointer;
7773 7787
  color: #30c79e;
7774 7788
}
7775
/* line 244, ../sass/_items-list.scss */
7789
/* line 254, ../sass/_items-list.scss */
7776 7790
.list-view .items-list > li .img-wrap {
7777 7791
  width: 70px;
7778 7792
  float: left;
7779 7793
  text-align: center;
7780 7794
  height: 34px;
7781 7795
}
7782
/* line 249, ../sass/_items-list.scss */
7796
/* line 259, ../sass/_items-list.scss */
7783 7797
.list-view .items-list > li .img-wrap .os {
7784 7798
  background: url("../images/os-unknown.png") no-repeat center center;
7785 7799
  width: 16px;
......
7796 7810
  margin-left: -8px;
7797 7811
  top: 3px;
7798 7812
}
7799
/* line 260, ../sass/_items-list.scss */
7813
/* line 270, ../sass/_items-list.scss */
7800 7814
.list-view .items-list > li .img-wrap .snf-PC_fill {
7801 7815
  font-size: 34px;
7802 7816
}
7803
/* line 264, ../sass/_items-list.scss */
7817
/* line 274, ../sass/_items-list.scss */
7804 7818
.list-view .items-list > li h4 {
7805 7819
  width: 40%;
7806 7820
  float: left;
7807 7821
  text-align: left;
7808 7822
  height: 20px;
7809 7823
}
7810
/* line 271, ../sass/_items-list.scss */
7824
/* line 281, ../sass/_items-list.scss */
7811 7825
.list-view .items-list > li .tags {
7812 7826
  float: left;
7813 7827
  width: 8%;
7814
  min-height: 1px;
7815 7828
  height: 34px;
7816 7829
  line-height: 34px;
7817 7830
}
7818
/* line 277, ../sass/_items-list.scss */
7831
/* line 286, ../sass/_items-list.scss */
7819 7832
.list-view .items-list > li .tags a {
7820 7833
  vertical-align: text-top;
7821 7834
}
7822
/* line 281, ../sass/_items-list.scss */
7835
/* line 290, ../sass/_items-list.scss */
7823 7836
.list-view .items-list > li .status {
7824 7837
  position: absolute;
7825 7838
  left: 240px;
......
7827 7840
  top: 30px;
7828 7841
  width: 40%;
7829 7842
}
7830
/* line 287, ../sass/_items-list.scss */
7843
/* line 296, ../sass/_items-list.scss */
7831 7844
.list-view .items-list > li .status span {
7832 7845
  display: inline;
7833 7846
}
7834
/* line 291, ../sass/_items-list.scss */
7847
/* line 300, ../sass/_items-list.scss */
7835 7848
.list-view .items-list > li .info {
7836 7849
  float: left;
7837
  width: 30%;
7850
  width: 25%;
7838 7851
  font-size: 0.75em;
7839 7852
  color: #485057;
7840 7853
}
7841
/* line 296, ../sass/_items-list.scss */
7854
/* line 305, ../sass/_items-list.scss */
7842 7855
.list-view .items-list > li .info a {
7843 7856
  color: #485057;
7844 7857
}
7845
/* line 298, ../sass/_items-list.scss */
7858
/* line 307, ../sass/_items-list.scss */
7846 7859
.list-view .items-list > li .info a:hover {
7847 7860
  color: #30c79e;
7848 7861
}
7849
/* line 303, ../sass/_items-list.scss */
7850
.list-view .items-list > li.add-new {
7851
  height: 30px;
7852
  line-height: 30px;
7853
  padding: 0 0 0 110px;
7862
/* line 312, ../sass/_items-list.scss */
7863
.list-view .items-list > li .actions {
7864
  float: left;
7865
  height: 34px;
7866
  line-height: 34px;
7867
  position: relative;
7868
  top: -4px;
7869
  margin: 0 10px;
7854 7870
}
7855
/* line 307, ../sass/_items-list.scss */
7871
/* line 319, ../sass/_items-list.scss */
7872
.list-view .items-list > li .actions a {
7873
  color: #30c79e;
7874
}
7875
/* line 321, ../sass/_items-list.scss */
7876
.list-view .items-list > li .actions a:hover {
7877
  color: #485057;
7878
}
7879
/* line 324, ../sass/_items-list.scss */
7880
.list-view .items-list > li .actions a:first-child {
7881
  margin-right: 5px;
7882
}
7883
/* line 330, ../sass/_items-list.scss */
7856 7884
.list-view .items-list > li.add-new:hover {
7857 7885
  background: #485057;
7858 7886
}
7859
/* line 310, ../sass/_items-list.scss */
7887
/* line 333, ../sass/_items-list.scss */
7860 7888
.list-view .items-list > li.add-new .check {
7861 7889
  visibility: hidden;
7862 7890
}
7863
/* line 313, ../sass/_items-list.scss */
7864
.list-view .items-list > li.add-new .img-wrap {
7865
  margin: 0;
7866
  height: 30px;
7867
  line-height: 30px;
7868
}
7869
/* line 317, ../sass/_items-list.scss */
7870
.list-view .items-list > li.add-new .img-wrap .symbol {
7871
  font-size: 1em;
7872
  position: absolute;
7873
  left: 0;
7874
  top: -3px;
7875
  width: 100%;
7876
  height: 100%;
7877
  margin: 0 auto;
7878
}
7879
/* line 326, ../sass/_items-list.scss */
7880
.list-view .items-list > li.add-new .img-wrap span {
7881
  font-size: 20px;
7882
  line-height: 30px;
7883
}
7884
/* line 331, ../sass/_items-list.scss */
7891
/* line 336, ../sass/_items-list.scss */
7885 7892
.list-view .items-list > li.add-new h4 {
7886 7893
  height: auto;
7887 7894
  line-height: 30px;
7888 7895
  margin: 0;
7889 7896
}
7890
/* line 339, ../sass/_items-list.scss */
7897
/* line 342, ../sass/_items-list.scss */
7898
.list-view .items-list > li.add-new .img-wrap .symbol {
7899
  font-size: 24px;
7900
}
7901
/* line 349, ../sass/_items-list.scss */
7891 7902
.list-view .items-list > li[data-status="building"] .img-wrap .incomplete {
7892 7903
  width: 34px;
7893 7904
  margin: 0 auto;
7894 7905
}
7895
/* line 343, ../sass/_items-list.scss */
7906
/* line 353, ../sass/_items-list.scss */
7896 7907
.list-view .items-list > li[data-status="building"] .img-wrap .complete {
7897 7908
  top: -34px;
7898 7909
  margin: 0 auto;
7899 7910
}
7900 7911

  
7901
/* line 353, ../sass/_items-list.scss */
7912
/* line 363, ../sass/_items-list.scss */
7902 7913
#temp {
7903 7914
  background: url(../images/temp.png) no-repeat left top;
7904 7915
}
......
8904 8915
  left: 75px;
8905 8916
  display: block;
8906 8917
}
8907
/* line 36, ../sass/_overlays.scss */
8918
/* line 35, ../sass/_overlays.scss */
8919
.overlay-wrapper .overlay-area-reveal .reveal-modal {
8920
  padding: 65px 140px 40px;
8921
}
8922
/* line 37, ../sass/_overlays.scss */
8908 8923
.overlay-wrapper .overlay-area-reveal .reveal-modal h3 {
8909 8924
  font-size: 1em;
8910 8925
}
8911
/* line 39, ../sass/_overlays.scss */
8926
/* line 40, ../sass/_overlays.scss */
8912 8927
.overlay-wrapper .overlay-area-reveal .reveal-modal p {
8913 8928
  color: white;
8914 8929
  text-align: center;
8915 8930
}
8916
/* line 42, ../sass/_overlays.scss */
8931
/* line 43, ../sass/_overlays.scss */
8917 8932
.overlay-wrapper .overlay-area-reveal .reveal-modal p.message-forimg {
8918
  margin-top: 152px;
8933
  margin-top: 132px;
8919 8934
  margin-bottom: 35px;
8920 8935
}
8921
/* line 47, ../sass/_overlays.scss */
8936
/* line 48, ../sass/_overlays.scss */
8922 8937
.overlay-wrapper .overlay-area-reveal .reveal-modal p.buttons a:first-child {
8923
  margin-right: 16px;
8938
  margin-right: 25px;
8924 8939
}
8925
/* line 53, ../sass/_overlays.scss */
8926
.overlay-wrapper .overlay-area-reveal .reveal-modal a.close-reveal-modal {
8927
  color: white;
8928
  font-size: 18px;
8929
  top: 42px;
8930
  right: 42px;
8931
}
8932
/* line 59, ../sass/_overlays.scss */
8940
/* line 54, ../sass/_overlays.scss */
8933 8941
.overlay-wrapper .overlay-area-reveal .reveal-modal a.close-reveal-modal:hover {
8934 8942
  text-decoration: none;
8943
  color: #1a1a1a;
8935 8944
}
8936
/* line 64, ../sass/_overlays.scss */
8945
/* line 59, ../sass/_overlays.scss */
8937 8946
.overlay-wrapper .overlay-area-reveal .reveal-modal#start-confirm {
8938 8947
  background: #30c79e url("../images/shutdown.png") no-repeat center 50px;
8939 8948
}
8940
/* line 67, ../sass/_overlays.scss */
8949
/* line 62, ../sass/_overlays.scss */
8941 8950
.overlay-wrapper .overlay-area-reveal .reveal-modal#reboot-confirm {
8942
  background: #ff7049 url("../images/restart.png") no-repeat center 46px;
8951
  background: #ff7049 url("../images/restart.png") no-repeat center 50px;
8943 8952
}
8944
/* line 69, ../sass/_overlays.scss */
8953
/* line 64, ../sass/_overlays.scss */
8945 8954
.overlay-wrapper .overlay-area-reveal .reveal-modal#reboot-confirm .btn4 {
8946 8955
  background-color: #ff7049;
8947 8956
  border-color: white;
8948 8957
}
8949
/* line 72, ../sass/_overlays.scss */
8958
/* line 67, ../sass/_overlays.scss */
8950 8959
.overlay-wrapper .overlay-area-reveal .reveal-modal#reboot-confirm .btn4:hover {
8951 8960
  color: #ff7049;
8952 8961
  background-color: white;
8953 8962
  border-color: #ff7049;
8954 8963
}
8955
/* line 79, ../sass/_overlays.scss */
8964
/* line 74, ../sass/_overlays.scss */
8956 8965
.overlay-wrapper .overlay-area-reveal .reveal-modal#shutdown-confirm {
8957 8966
  background: #ff7049 url("../images/shutdown.png") no-repeat center 50px;
8958 8967
}
8959
/* line 81, ../sass/_overlays.scss */
8968
/* line 76, ../sass/_overlays.scss */
8960 8969
.overlay-wrapper .overlay-area-reveal .reveal-modal#shutdown-confirm .btn4 {
8961 8970
  background-color: #ff7049;
8962 8971
  border-color: white;
8963 8972
}
8964
/* line 84, ../sass/_overlays.scss */
8973
/* line 79, ../sass/_overlays.scss */
8965 8974
.overlay-wrapper .overlay-area-reveal .reveal-modal#shutdown-confirm .btn4:hover {
8966 8975
  color: #ff7049;
8967 8976
  background-color: white;
8968 8977
  border-color: #ff7049;
8969 8978
}
8970
/* line 91, ../sass/_overlays.scss */
8979
/* line 86, ../sass/_overlays.scss */
8971 8980
.overlay-wrapper .overlay-area-reveal .reveal-modal#destroy-vm-confirm {
8972 8981
  background: #d7145a url("../images/destroy-vm.png") no-repeat center 46px;
8973 8982
}
8974
/* line 93, ../sass/_overlays.scss */
8983
/* line 88, ../sass/_overlays.scss */
8975 8984
.overlay-wrapper .overlay-area-reveal .reveal-modal#destroy-vm-confirm .btn4 {
8976 8985
  background-color: #d7145a;
8977 8986
  border-color: white;
8978 8987
}
8979
/* line 96, ../sass/_overlays.scss */
8988
/* line 91, ../sass/_overlays.scss */
8980 8989
.overlay-wrapper .overlay-area-reveal .reveal-modal#destroy-vm-confirm .btn4:hover {
8981 8990
  color: #d7145a;
8982 8991
  background-color: white;
8983 8992
  border-color: #d7145a;
8984 8993
}
8985
/* line 103, ../sass/_overlays.scss */
8994
/* line 98, ../sass/_overlays.scss */
8986 8995
.overlay-wrapper .overlay-area-reveal .reveal-modal#destroy-network-confirm {
8987 8996
  background: #d7145a url("../images/destroy-network-1.png") no-repeat center 50px;
8988 8997
}
8989
/* line 105, ../sass/_overlays.scss */
8998
/* line 100, ../sass/_overlays.scss */
8990 8999
.overlay-wrapper .overlay-area-reveal .reveal-modal#destroy-network-confirm .btn4 {
8991 9000
  background-color: #d7145a;
8992 9001
  border-color: white;
8993 9002
}
8994
/* line 108, ../sass/_overlays.scss */
9003
/* line 103, ../sass/_overlays.scss */
8995 9004
.overlay-wrapper .overlay-area-reveal .reveal-modal#destroy-network-confirm .btn4:hover {
8996 9005
  color: #d7145a;
8997 9006
  background-color: white;
8998 9007
  border-color: #d7145a;
8999 9008
}
9000
/* line 115, ../sass/_overlays.scss */
9009
/* line 110, ../sass/_overlays.scss */
9001 9010
.overlay-wrapper .overlay-area-reveal .reveal-modal#destroy-disk-confirm {
9002 9011
  background: #d7145a url("../images/destroy-disk.png") no-repeat center 50px;
9003 9012
}
9004
/* line 117, ../sass/_overlays.scss */
9013
/* line 112, ../sass/_overlays.scss */
9005 9014
.overlay-wrapper .overlay-area-reveal .reveal-modal#destroy-disk-confirm .btn4 {
9006 9015
  background-color: #d7145a;
9007 9016
  border-color: white;
9008 9017
}
9009
/* line 120, ../sass/_overlays.scss */
9018
/* line 115, ../sass/_overlays.scss */
9010 9019
.overlay-wrapper .overlay-area-reveal .reveal-modal#destroy-disk-confirm .btn4:hover {
9011 9020
  color: #d7145a;
9012 9021
  background-color: white;
9013 9022
  border-color: #d7145a;
9014 9023
}
9015
/* line 129, ../sass/_overlays.scss */
9024
/* line 124, ../sass/_overlays.scss */
9016 9025
.overlay-wrapper .overlay-area-reveal .reveal-modal#vm-connect p {
9026
  text-align: left;
9017 9027
  color: black;
9018 9028
}
9019
/* line 131, ../sass/_overlays.scss */
9029
/* line 127, ../sass/_overlays.scss */
9020 9030
.overlay-wrapper .overlay-area-reveal .reveal-modal#vm-connect p.info {
9021 9031
  font-style: italic;
9022 9032
  font-size: 0.8125em;
9023 9033
  color: #9e9ea1;
9024 9034
}
9025
/* line 137, ../sass/_overlays.scss */
9026
.overlay-wrapper .overlay-area-reveal .reveal-modal#vm-connect a {
9027
  color: #30c79e;
9035
/* line 132, ../sass/_overlays.scss */
9036
.overlay-wrapper .overlay-area-reveal .reveal-modal#vm-connect p.ssh {
9037
  text-align: center;
9038
}
9039
/* line 134, ../sass/_overlays.scss */
9040
.overlay-wrapper .overlay-area-reveal .reveal-modal#vm-connect p.ssh span {
9041
  display: inline;
9028 9042
}
9029 9043
/* line 139, ../sass/_overlays.scss */
9030
.overlay-wrapper .overlay-area-reveal .reveal-modal#vm-connect a:hover {
9031
  text-decoration: underline;
9044
.overlay-wrapper .overlay-area-reveal .reveal-modal#vm-connect a.close-reveal-modal {
9045
  color: #30c79e;
9032 9046
}
9033
/* line 142, ../sass/_overlays.scss */
9047
/* line 141, ../sass/_overlays.scss */
9034 9048
.overlay-wrapper .overlay-area-reveal .reveal-modal#vm-connect a.close-reveal-modal:hover {
9035
  text-decoration: none;
9036
  color: #30c79e;
9049
  color: #1a1a1a;
9037 9050
}
9038
/* line 152, ../sass/_overlays.scss */
9051
/* line 150, ../sass/_overlays.scss */
9039 9052
.overlay-wrapper .overlay-area-custom {
9040 9053
  display: none;
9041 9054
  position: absolute;
......
9047 9060
  background: #485057;
9048 9061
  z-index: 20;
9049 9062
}
9050
/* line 162, ../sass/_overlays.scss */
9063
/* line 160, ../sass/_overlays.scss */
9051 9064
.overlay-wrapper .overlay-area-custom .overlay-div {
9052 9065
  display: none;
9053 9066
  z-index: 50;
......
9058 9071
  width: 50%;
9059 9072
  padding: 25px;
9060 9073
}
9061
/* line 172, ../sass/_overlays.scss */
9074
/* line 170, ../sass/_overlays.scss */
9062 9075
.overlay-wrapper .overlay-area-custom .overlay-div .buttons a {
9063 9076
  margin-right: 20px;
9064 9077
}
9065
/* line 176, ../sass/_overlays.scss */
9078
/* line 174, ../sass/_overlays.scss */
9066 9079
.overlay-wrapper .overlay-area-custom .overlay-div .close {
9067 9080
  float: right;
9068 9081
  font-size: 30px;
9069 9082
}
9070
/* line 180, ../sass/_overlays.scss */
9083
/* line 178, ../sass/_overlays.scss */
9071 9084
.overlay-wrapper .overlay-area-custom .overlay-div.upload-widget {
9072 9085
  background: transparent;
9073 9086
  padding: 45px 0;
......
9075 9088
  left: 10%;
9076 9089
  border: 1px solid white;
9077 9090
}
9078
/* line 187, ../sass/_overlays.scss */
9091
/* line 185, ../sass/_overlays.scss */
9079 9092
.overlay-wrapper .overlay-area-custom .overlay-div.wizard {
9080 9093
  background: #485057;
9081 9094
  padding: 0;
......
9085 9098
  position: relative;
9086 9099
  color: white;
9087 9100
}
9088
/* line 195, ../sass/_overlays.scss */
9101
/* line 193, ../sass/_overlays.scss */
9089 9102
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .top {
9090 9103
  background: #636a70;
9091 9104
  height: 90px;
......
9097 9110
  width: 100%;
9098 9111
  z-index: 40;
9099 9112
}
9100
/* line 205, ../sass/_overlays.scss */
9113
/* line 203, ../sass/_overlays.scss */
9101 9114
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .top .numbers {
9102 9115
  height: 50px;
9103 9116
  line-height: 50px;
9104 9117
  background: #33383d;
9105 9118
}
9106
/* line 206, ../sass/_overlays.scss */
9119
/* line 204, ../sass/_overlays.scss */
9107 9120
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .top .numbers .row {
9108 9121
  max-width: 100%;
9109 9122
  padding: 0 15px;
9110 9123
}
9111
/* line 209, ../sass/_overlays.scss */
9124
/* line 207, ../sass/_overlays.scss */
9112 9125
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .top .numbers .row .close {
9113 9126
  color: #919194;
9114 9127
}
9115
/* line 211, ../sass/_overlays.scss */
9128
/* line 209, ../sass/_overlays.scss */
9116 9129
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .top .numbers .row .close:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .top .numbers .row .close:focus {
9117 9130
  color: white;
9118 9131
}
9119
/* line 220, ../sass/_overlays.scss */
9132
/* line 218, ../sass/_overlays.scss */
9120 9133
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .top .menus {
9121 9134
  height: 40px;
9122 9135
}
9123
/* line 222, ../sass/_overlays.scss */
9136
/* line 220, ../sass/_overlays.scss */
9124 9137
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .top .menus .sub-menu {
9125 9138
  display: none;
9126 9139
}
9127
/* line 224, ../sass/_overlays.scss */
9140
/* line 222, ../sass/_overlays.scss */
9128 9141
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .top .menus .sub-menu[data-step="1"] {
9129 9142
  display: block;
9130 9143
}
9131
/* line 227, ../sass/_overlays.scss */
9144
/* line 225, ../sass/_overlays.scss */
9132 9145
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .top .menus .sub-menu ul {
9133 9146
  margin: 0;
9134 9147
  padding: 0;
9135 9148
  list-style: none outside none;
9136 9149
  font-size: 0.75em;
9137 9150
}
9138
/* line 232, ../sass/_overlays.scss */
9151
/* line 230, ../sass/_overlays.scss */
9139 9152
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .top .menus .sub-menu ul li {
9140 9153
  display: inline;
9141 9154
  margin-right: 10px;
9142 9155
  line-height: 40px;
9143 9156
  list-style: none outside none;
9144 9157
}
9145
/* line 237, ../sass/_overlays.scss */
9158
/* line 235, ../sass/_overlays.scss */
9146 9159
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .top .menus .sub-menu ul li a {
9147 9160
  color: #1a1a1a;
9148 9161
}
9149
/* line 239, ../sass/_overlays.scss */
9162
/* line 237, ../sass/_overlays.scss */
9150 9163
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .top .menus .sub-menu ul li a:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .top .menus .sub-menu ul li a:focus, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .top .menus .sub-menu ul li a.current {
9151 9164
  color: white;
9152 9165
}
9153
/* line 242, ../sass/_overlays.scss */
9166
/* line 240, ../sass/_overlays.scss */
9154 9167
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .top .menus .sub-menu ul li a.current {
9155 9168
  text-decoration: underline;
9156 9169
}
9157
/* line 245, ../sass/_overlays.scss */
9170
/* line 243, ../sass/_overlays.scss */
9158 9171
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .top .menus .sub-menu ul li a.disabled {
9159 9172
  color: #495561;
9160 9173
  cursor: default;
9161 9174
}
9162
/* line 255, ../sass/_overlays.scss */
9175
/* line 253, ../sass/_overlays.scss */
9163 9176
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .top .nums {
9164 9177
  text-align: right;
9165 9178
  list-style: none outside none;
......
9170 9183
  padding-right: 120px;
9171 9184
  color: #30c79e;
9172 9185
}
9173
/* line 264, ../sass/_overlays.scss */
9186
/* line 262, ../sass/_overlays.scss */
9174 9187
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .top .nums li {
9175 9188
  list-style: none outside none;
9176 9189
  display: inline;
9177 9190
}
9178
/* line 267, ../sass/_overlays.scss */
9191
/* line 265, ../sass/_overlays.scss */
9179 9192
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .top .nums li p {
9180 9193
  display: none;
9181 9194
  position: relative;
......
9183 9196
  font-size: 12px;
9184 9197
  margin-left: 12px;
9185 9198
}
9186
/* line 273, ../sass/_overlays.scss */
9199
/* line 271, ../sass/_overlays.scss */
9187 9200
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .top .nums li p strong {
9188 9201
  margin-right: 5px;
9189 9202
}
9190
/* line 277, ../sass/_overlays.scss */
9203
/* line 275, ../sass/_overlays.scss */
9191 9204
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .top .nums li em {
9192 9205
  display: inline-block;
9193 9206
  border-radius: 50%;
......
9199 9212
  text-align: center;
9200 9213
  font-style: normal;
9201 9214
}
9202
/* line 288, ../sass/_overlays.scss */
9215
/* line 286, ../sass/_overlays.scss */
9203 9216
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .top .nums li a {
9204 9217
  color: #30c79e;
9205 9218
  display: block;
9206 9219
}
9207
/* line 291, ../sass/_overlays.scss */
9220
/* line 289, ../sass/_overlays.scss */
9208 9221
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .top .nums li a:hover {
9209 9222
  cursor: default;
9210 9223
}
9211
/* line 295, ../sass/_overlays.scss */
9224
/* line 293, ../sass/_overlays.scss */
9212 9225
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .top .nums li.current {
9213 9226
  float: left;
9214 9227
}
9215
/* line 297, ../sass/_overlays.scss */
9228
/* line 295, ../sass/_overlays.scss */
9216 9229
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .top .nums li.current p {
9217 9230
  display: inline-block;
9218 9231
}
9219
/* line 300, ../sass/_overlays.scss */
9232
/* line 298, ../sass/_overlays.scss */
9220 9233
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .top .nums li.current em {
9221 9234
  font-size: 12px;
9222 9235
  width: 30px;
......
9224 9237
  line-height: 27px;
9225 9238
  border-color: #30c79e;
9226 9239
}
9227
/* line 306, ../sass/_overlays.scss */
9240
/* line 304, ../sass/_overlays.scss */
9228 9241
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .top .nums li.current em * {
9229 9242
  color: #30c79e;
9230 9243
}
9231
/* line 314, ../sass/_overlays.scss */
9244
/* line 312, ../sass/_overlays.scss */
9232 9245
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle {
9233 9246
  padding-top: 70px;
9234 9247
}
9235
/* line 316, ../sass/_overlays.scss */
9248
/* line 314, ../sass/_overlays.scss */
9236 9249
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .steps {
9237 9250
  position: relative;
9238 9251
  width: 100%;
9239 9252
}
9240
/* line 320, ../sass/_overlays.scss */
9253
/* line 318, ../sass/_overlays.scss */
9241 9254
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step {
9242 9255
  position: absolute;
9243 9256
  top: 0;
......
9245 9258
  display: none;
9246 9259
  padding: 50px 0 50px;
9247 9260
}
9248
/* line 325, ../sass/_overlays.scss */
9261
/* line 323, ../sass/_overlays.scss */
9249 9262
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step.current {
9250 9263
  display: block;
9251 9264
}
9252
/* line 331, ../sass/_overlays.scss */
9265
/* line 329, ../sass/_overlays.scss */
9253 9266
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step.step-2 .dropdown {
9254 9267
  margin-bottom: 40px;
9255 9268
}
9256
/* line 339, ../sass/_overlays.scss */
9269
/* line 337, ../sass/_overlays.scss */
9257 9270
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li {
9258 9271
  display: none;
9259 9272
  list-style: none outside none;
9260 9273
  font-size: 0.75em;
9261 9274
  padding: 15px 0;
9262 9275
}
9263
/* line 346, ../sass/_overlays.scss */
9276
/* line 344, ../sass/_overlays.scss */
9264 9277
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li.hover {
9265 9278
  background: #33383d;
9266 9279
}
9267
/* line 349, ../sass/_overlays.scss */
9280
/* line 347, ../sass/_overlays.scss */
9268 9281
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li.current {
9269 9282
  background: white;
9270 9283
  color: #485057;
9271 9284
}
9272
/* line 352, ../sass/_overlays.scss */
9285
/* line 350, ../sass/_overlays.scss */
9273 9286
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li.current .name-col {
9274 9287
  color: #485057;
9275 9288
}
9276
/* line 356, ../sass/_overlays.scss */
9289
/* line 354, ../sass/_overlays.scss */
9277 9290
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li.current .btn-col a {
9278 9291
  border-color: #485057;
9279 9292
  color: #485057;
9280 9293
}
9281
/* line 359, ../sass/_overlays.scss */
9294
/* line 357, ../sass/_overlays.scss */
9282 9295
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li.current .btn-col a.current {
9283 9296
  color: white;
9284 9297
  background: #485057;
9285 9298
}
9286
/* line 366, ../sass/_overlays.scss */
9299
/* line 364, ../sass/_overlays.scss */
9287 9300
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li.system-images {
9288 9301
  display: list-item;
9289 9302
}
9290
/* line 369, ../sass/_overlays.scss */
9303
/* line 367, ../sass/_overlays.scss */
9291 9304
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .img-col {
9292 9305
  float: left;
9293 9306
  width: 50px;
9294 9307
  line-height: 30px;
9295 9308
}
9296
/* line 374, ../sass/_overlays.scss */
9309
/* line 372, ../sass/_overlays.scss */
9297 9310
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .name-col {
9298 9311
  float: left;
9299 9312
  color: white;
......
9301 9314
  padding-right: 10px;
9302 9315
  line-height: 30px;
9303 9316
}
9304
/* line 381, ../sass/_overlays.scss */
9317
/* line 379, ../sass/_overlays.scss */
9305 9318
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .size-col {
9306 9319
  float: left;
9307 9320
  width: 10%;
9308 9321
  line-height: 30px;
9309 9322
}
9310
/* line 386, ../sass/_overlays.scss */
9323
/* line 384, ../sass/_overlays.scss */
9311 9324
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col {
9312 9325
  float: right;
9313 9326
  width: 10%;
9314 9327
  margin-left: 10px;
9315 9328
}
9316
/* line 390, ../sass/_overlays.scss */
9329
/* line 388, ../sass/_overlays.scss */
9317 9330
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a {
9318 9331
  font-size: 1em;
9319 9332
}
9320
/* line 394, ../sass/_overlays.scss */
9333
/* line 392, ../sass/_overlays.scss */
9321 9334
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a.current {
9322 9335
  color: #485057;
9323 9336
}
9324
/* line 399, ../sass/_overlays.scss */
9337
/* line 397, ../sass/_overlays.scss */
9325 9338
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details {
9326 9339
  display: none;
9327 9340
  background: #e6e6e6;
......
9329 9342
  margin: 20px 6px -9px;
9330 9343
  color: #1e1e1e;
9331 9344
}
9332
/* line 405, ../sass/_overlays.scss */
9345
/* line 403, ../sass/_overlays.scss */
9333 9346
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details h3 {
9334 9347
  font-size: 1em;
9335 9348
  font-weight: normal;
9336 9349
  margin-bottom: 1em;
9337 9350
  padding-left: 50px;
9338 9351
}
9339
/* line 411, ../sass/_overlays.scss */
9352
/* line 409, ../sass/_overlays.scss */
9340 9353
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl {
9341 9354
  margin: 0;
9342 9355
  padding-left: 50px;
9343 9356
}
9344
/* line 415, ../sass/_overlays.scss */
9357
/* line 413, ../sass/_overlays.scss */
9345 9358
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl dt {
9346 9359
  width: 20%;
9347 9360
  float: left;
9348 9361
  color: #1a1a1a;
9349 9362
  font-weight: normal;
9350 9363
}
9351
/* line 421, ../sass/_overlays.scss */
9364
/* line 419, ../sass/_overlays.scss */
9352 9365
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl dd {
9353 9366
  color: #485057;
9354 9367
  margin: 0 0 5px;
9355 9368
}
9356
/* line 429, ../sass/_overlays.scss */
9369
/* line 427, ../sass/_overlays.scss */
9357 9370
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor {
9358 9371
  list-style: none outside none;
9359 9372
}
9360
/* line 431, ../sass/_overlays.scss */
9373
/* line 429, ../sass/_overlays.scss */
9361 9374
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li {
9362 9375
  list-style: none outside none;
9363 9376
  margin-bottom: 30px;
9364 9377
}
9365
/* line 434, ../sass/_overlays.scss */
9378
/* line 432, ../sass/_overlays.scss */
9366 9379
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title {
9367 9380
  height: 40px;
9368 9381
  overflow: hidden;
......
9370 9383
  color: white;
9371 9384
  vertical-align: top;
9372 9385
}
9373
/* line 441, ../sass/_overlays.scss */
9386
/* line 439, ../sass/_overlays.scss */
9374 9387
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title .icon {
9375 9388
  display: block;
9376 9389
  width: 60px;
9377
  font-size: 2.5em;
9390
  font-size: 38px;
9378 9391
  float: left;
9379 9392
}
9380
/* line 447, ../sass/_overlays.scss */
... This diff was truncated because it exceeds the maximum size that can be displayed.

Also available in: Unified diff