Revision 28aa17cb

b/snf-cyclades-app/synnefo/ui/new_ui/ui/network_list.html
8 8
<head>
9 9
	<meta charset="utf-8" />
10 10
    <meta name="viewport" content="width=device-width" />
11
    <title>Synnefo | Network list</title>
11
    <title>Networks list</title>
12 12
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;subset=latin,greek-ext,greek' rel='stylesheet' type='text/css'>
13 13
    <link rel="stylesheet" href="stylesheets/normalize.css" />
14 14
    <link rel="stylesheet" href="stylesheets/app.css" />
......
185 185
				<ul class="items-list">
186 186
					<li data-status="add-new" class="add-new">
187 187
						<div class="container" data-overlay-id="network-wizard">
188
							<div class="check">
189
								<span class="snf-checkbox-unchecked"></span>
190
							</div>
188 191
							<div class="img-wrap">
189 192
									<span class="snf-network_full"></span>
190 193
							</div>
......
310 313
				<div class="lt-bar">
311 314
					<ul>
312 315
						<li class="select"><span class="snf-checkbox-unchecked checkbox"></span><em>un</em>select all</li>
313
						<li class="running"><a href="#" title="">Action 1</a></li>
314
						<li class="running"><a href="#" title="">Action 2</a></li>
315
						<li class="both"><a href="#">Destroy</a></li>
316
						<li class="stopped"><a href="#">Start</a></li>
317
						 <!-- in case we want an action always activated
316
						<li class="running"><a href="#" title="">Connect VM</a></li>
317
						<li class="permanent"><a href="#" class="active">Destroy</a></li>
318
						<li class="both"><a href="#" >Option i</a></li>
319
						<!-- in case we want an action always activated
318 320
						<li class="pernament"><a href="" class="active">Action</a></li> -->
319 321
					</ul>
320 322
				</div>
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_machines.scss
47 47
@mixin stateColor($color) {
48 48
	.img-wrap {
49 49
		.snf-PC_fill,
50
		.snf-network_full {
50
		.snf-network_full, .icon {
51 51
			color:$color;
52 52
		}
53 53
	}
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_wizards.scss
782 782
	.step {
783 783
		a {	color: $wizard-base-font-color;}
784 784
		.volume_options {
785
			position: relative;
786
			padding-bottom: 20px;
787
			.explanatory {
788
					font-size:emCalc(12px);
789
					margin-top:20px;
790
					margin-bottom:60px;
791
			}
792
			.check, .radio_btn {
793
				position: absolute;
794
				right: 0;
795
				&:focus {
796
					right: -3px;
797
					top: -3px;
798
				}
799
			}
800
			.volume-name {
785
			li{
786
				display: block;
787
				width: 360px;
788
				&.volume-name { //same with network-name and vm-name
801 789
				margin: 40px 0;
802 790
				h2 {
803 791
					color:white;
804 792
					font-size: emCalc(16px);
805 793
				}
806 794
			}
807
			li{
808
				display: block;
809
				width: 360px;
810
				&.manual{
811
					position: relative;
812
					.input {
813
						position: absolute;
814
						right: -170px;
815
						width: 150px;
816
						bottom: 5px;
817
						display: none;
818
					}
819
				}
820
				&.project-selection li {
821
					width: 100%;
822
				}
823
			}
824
		}
825
		.volume_size {
826
			list-style: none outside none;
827
			li {
828
				list-style:none outside none;
829
				margin-bottom:30px;
830
				.title {
831
					@extend .clearfix;
832
					height:40px;
833
					overflow:hidden;
834
					margin-bottom:emCalc(8px);
835
					color:white;
836
					vertical-align: top;
837
					.icon {
838
						display: block;
839
						width:60px;
840
						font-size:38px;
841
						float: left;
842
					}
843
					h2 {
844
						font-size:emCalc(14px);
845
						span {
846
							font-weight:normal;
847
						}
848
						float:left;
849
						width: 140px;
795
			&.volume-size {
796
				list-style: none outside none;
797
				li {
798
					list-style:none outside none;
799
					margin-bottom:30px;
800
					.title {
801
						@extend .clearfix;
802
						height:40px;
803
						overflow:hidden;
804
						margin-bottom:emCalc(8px);
850 805
						color:white;
851
						margin-right:60px;
852
						padding-left:emCalc(10px);
853
						em {
806
						vertical-align: top;
807
						.icon {
854 808
							display: block;
855
							margin-top:4px;
809
							width:60px;
810
							font-size:38px;
811
							float: left;
812
						}
813
						h2 {
814
							font-size:emCalc(14px);
815
							span {
816
								font-weight:normal;
817
							}
818
							float:left;
819
							width: 140px;
820
							color:white;
821
							margin-right:60px;
822
							padding-left:emCalc(10px);
823
							em {
824
								display: block;
825
								margin-top:4px;
826
								font-size:11px;
827
								font-style:normal;
828
								font-weight:normal;
829
								white-space: nowrap;
830
								line-height: 13px;
831
							}
832
						}
833
						p {
834
							visibility: hidden;
835
							overflow:hidden;
836
							min-height:40px;
856 837
							font-size:11px;
857
							font-style:normal;
858
							font-weight:normal;
859
							white-space: nowrap;
860
							line-height: 13px;
838
							line-height:11px;
861 839
						}
862 840
					}
863
					p {
864
						visibility: hidden;
865
						overflow:hidden;
866
						min-height:40px;
867
						font-size:11px;
868
						line-height:11px;
869
					}
870
				}
871
				.options-bar {
872
					@extend .clearfix;
873
					.bar {
874
						width:200px;
875
						float:left;
876
						margin-right:60px;
877
						height: 20px;
878
						position: relative;
879
						top:10px;
880
						.wrap {
881
							border:1px solid white;
882
							padding:1px;
883
							height: 100%;
884
							&.disabled-progress-bar {
885
								border-color: $disabled-resource-color;
886
								.container{
887
									.total {
888
										background-color: $disabled-resource-color;
841
					.options-bar {
842
						@extend .clearfix;
843
						.bar {
844
							width:200px;
845
							float:left;
846
							margin-right:60px;
847
							height: 20px;
848
							position: relative;
849
							top:10px;
850
							.wrap {
851
								border:1px solid white;
852
								padding:1px;
853
								height: 100%;
854
								&.disabled-progress-bar {
855
									border-color: $disabled-resource-color;
856
									.container{
857
										.total {
858
											background-color: $disabled-resource-color;
859
										}
889 860
									}
890 861
								}
891
							}
892
							.container {
893
								height: 100%;
894
								.total {
895
									background:$primary-color;
862
								.container {
896 863
									height: 100%;
897
									float:left;
898
									position: relative;
899
									.current {
900
										background:white;
864
									.total {
865
										background:$primary-color;
901 866
										height: 100%;
902 867
										float:left;
903
									}
904
									span {
905
										position:absolute;
906
										right:10px;
907
										font-size: emCalc(9px);
908
										top:2px;
909
									}
910
									&.low {
868
										position: relative;
869
										.current {
870
											background:white;
871
											height: 100%;
872
											float:left;
873
										}
911 874
										span {
912
											right:-30px;
913
											color:white;
875
											position:absolute;
876
											right:10px;
877
											font-size: emCalc(9px);
878
											top:2px;
879
										}
880
										&.low {
881
											span {
882
												right:-30px;
883
												color:white;
884
											}
914 885
										}
915 886
									}
916 887
								}
917
							}
918 888

  
889
							}
919 890
						}
920
					}
921
					.options {
922
						overflow:hidden;
923
						list-style: none outside none;
924
						li {
891
						.options {
892
							overflow:hidden;
925 893
							list-style: none outside none;
926
							display: inline-block;
927
							margin-right: 10px;
928
							margin-bottom:0;
929
							a {
930
								@extend .btn5;
931
								min-width: 60px;
932
								&.current {
933
									color:$overlay-bg-color;
934
								}
935
								&.disabled {
936
									border-color: $disabled-resource-color;
937
									color: $disabled-resource-color;
938
									&:hover, &:active {
939
										cursor: default;
940
										border-width: 1px;
941
										line-height: 28px;
894
							li {
895
								list-style: none outside none;
896
								display: inline-block;
897
								margin-right: 10px;
898
								margin-bottom:0;
899
								a {
900
									@extend .btn5;
901
									min-width: 60px;
902
									&.current {
903
										color:$overlay-bg-color;
904
									}
905
									&.disabled {
906
										border-color: $disabled-resource-color;
907
										color: $disabled-resource-color;
908
										&:hover, &:active {
909
											cursor: default;
910
											border-width: 1px;
911
											line-height: 28px;
942 912

  
913
										}
943 914
									}
944 915
								}
945 916
							}
......
947 918
					}
948 919
				}
949 920
			}
921
			}
950 922
		}
951 923
	}
952 924
}
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
6819 6819
 */
6820 6820
/* Clearfix -------------------------------------------- */
6821 6821
/* line 18, ../sass/_common.scss */
6822
.clearfix, .list-view .items-list > li, .details .top, .storage .files li, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar, #volume-wizard .step .volume_size li .title, #volume-wizard .step .volume_size li .options-bar, .connected .item .what, .connected .item .connections > li {
6822
.clearfix, .list-view .items-list > li, .details .top, .storage .files li, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar, #volume-wizard .step .volume_options li.volume-size li .title, #volume-wizard .step .volume_options li.volume-size li .options-bar, .connected .item .what, .connected .item .connections > li {
6823 6823
  zoom: 1;
6824 6824
}
6825 6825
/* line 20, ../sass/_common.scss */
6826
.clearfix:before, .list-view .items-list > li:before, .details .top:before, .storage .files li:before, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li:before, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl:before, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title:before, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar:before, #volume-wizard .step .volume_size li .title:before, #volume-wizard .step .volume_size li .options-bar:before, .connected .item .what:before, .connected .item .connections > li:before, .clearfix:after, .list-view .items-list > li:after, .details .top:after, .storage .files li:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar:after, #volume-wizard .step .volume_size li .title:after, #volume-wizard .step .volume_size li .options-bar:after, .connected .item .what:after, .connected .item .connections > li:after {
6826
.clearfix:before, .list-view .items-list > li:before, .details .top:before, .storage .files li:before, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li:before, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl:before, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title:before, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar:before, #volume-wizard .step .volume_options li.volume-size li .title:before, #volume-wizard .step .volume_options li.volume-size li .options-bar:before, .connected .item .what:before, .connected .item .connections > li:before, .clearfix:after, .list-view .items-list > li:after, .details .top:after, .storage .files li:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar:after, #volume-wizard .step .volume_options li.volume-size li .title:after, #volume-wizard .step .volume_options li.volume-size li .options-bar:after, .connected .item .what:after, .connected .item .connections > li:after {
6827 6827
  content: "\0020";
6828 6828
  display: block;
6829 6829
  height: 0;
6830 6830
  overflow: hidden;
6831 6831
}
6832 6832
/* line 26, ../sass/_common.scss */
6833
.clearfix:after, .list-view .items-list > li:after, .details .top:after, .storage .files li:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar:after, #volume-wizard .step .volume_size li .title:after, #volume-wizard .step .volume_size li .options-bar:after, .connected .item .what:after, .connected .item .connections > li:after {
6833
.clearfix:after, .list-view .items-list > li:after, .details .top:after, .storage .files li:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar:after, #volume-wizard .step .volume_options li.volume-size li .title:after, #volume-wizard .step .volume_options li.volume-size li .options-bar:after, .connected .item .what:after, .connected .item .connections > li:after {
6834 6834
  clear: both;
6835 6835
}
6836 6836

  
......
6976 6976
}
6977 6977

  
6978 6978
/* line 226, ../sass/_common.scss */
6979
.btn5, .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 .flavor li .options-bar .options li a, #volume-wizard .step .volume_size li .options-bar .options li a {
6979
.btn5, .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 .flavor li .options-bar .options li a, #volume-wizard .step .volume_options li.volume-size li .options-bar .options li a {
6980 6980
  border: 1px solid white;
6981 6981
  color: white;
6982 6982
  display: inline-block;
......
6987 6987
  font-size: 0.75em;
6988 6988
}
6989 6989
/* line 236, ../sass/_common.scss */
6990
.btn5:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a:hover, #volume-wizard .step .volume_size li .options-bar .options li a:hover, .btn5:focus, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a:focus, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a:focus, #volume-wizard .step .volume_size li .options-bar .options li a:focus {
6990
.btn5:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a:hover, #volume-wizard .step .volume_options li.volume-size li .options-bar .options li a:hover, .btn5:focus, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a:focus, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a:focus, #volume-wizard .step .volume_options li.volume-size li .options-bar .options li a:focus {
6991 6991
  border-width: 2px;
6992 6992
  line-height: 26px;
6993 6993
  padding: 0 19px;
6994 6994
  color: white;
6995 6995
}
6996 6996
/* line 242, ../sass/_common.scss */
6997
.btn5.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a.current, #volume-wizard .step .volume_size li .options-bar .options li a.current {
6997
.btn5.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a.current, #volume-wizard .step .volume_options li.volume-size li .options-bar .options li a.current {
6998 6998
  background: white;
6999 6999
  color: #30c79e;
7000 7000
}
......
7635 7635
}
7636 7636

  
7637 7637
/* line 165, ../sass/_items-list.scss */
7638
.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, .list-view #volume-wizard .step .volume_size li .options-bar .options li a, #volume-wizard .step .volume_size li .options-bar .options li .list-view a {
7638
.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, .list-view #volume-wizard .step .volume_options li.volume-size li .options-bar .options li a, #volume-wizard .step .volume_options li.volume-size li .options-bar .options li .list-view a {
7639 7639
  display: none;
7640 7640
}
7641 7641
/* line 168, ../sass/_items-list.scss */
......
8496 8496
}
8497 8497

  
8498 8498
/* line 84, ../sass/_machines.scss */
8499
.btn5.temp, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a.temp, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a.temp, #volume-wizard .step .volume_size li .options-bar .options li a.temp {
8499
.btn5.temp, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a.temp, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a.temp, #volume-wizard .step .volume_options li.volume-size li .options-bar .options li a.temp {
8500 8500
  color: blue;
8501 8501
  padding: 0 4px;
8502 8502
  position: absolute;
......
8504 8504
}
8505 8505

  
8506 8506
/* line 92, ../sass/_machines.scss */
8507
.temp-for-btns .btn5.temp, .temp-for-btns .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a.temp, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .temp-for-btns a.temp, .temp-for-btns .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a.temp, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .temp-for-btns a.temp, .temp-for-btns #volume-wizard .step .volume_size li .options-bar .options li a.temp, #volume-wizard .step .volume_size li .options-bar .options li .temp-for-btns a.temp {
8507
.temp-for-btns .btn5.temp, .temp-for-btns .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a.temp, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .temp-for-btns a.temp, .temp-for-btns .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a.temp, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .temp-for-btns a.temp, .temp-for-btns #volume-wizard .step .volume_options li.volume-size li .options-bar .options li a.temp, #volume-wizard .step .volume_options li.volume-size li .options-bar .options li .temp-for-btns a.temp {
8508 8508
  position: static;
8509 8509
}
8510 8510

  
8511 8511
/* line 50, ../sass/_machines.scss */
8512 8512
.running .img-wrap .snf-PC_fill,
8513
.running .img-wrap .snf-network_full {
8513
.running .img-wrap .snf-network_full, .running .img-wrap .icon {
8514 8514
  color: #30c79e;
8515 8515
}
8516 8516
/* line 54, ../sass/_machines.scss */
......
8520 8520

  
8521 8521
/* line 50, ../sass/_machines.scss */
8522 8522
.off .img-wrap .snf-PC_fill,
8523
.off .img-wrap .snf-network_full {
8523
.off .img-wrap .snf-network_full, .off .img-wrap .icon {
8524 8524
  color: #4a5158;
8525 8525
}
8526 8526
/* line 54, ../sass/_machines.scss */
......
8530 8530

  
8531 8531
/* line 50, ../sass/_machines.scss */
8532 8532
.error .img-wrap .snf-PC_fill,
8533
.error .img-wrap .snf-network_full {
8533
.error .img-wrap .snf-network_full, .error .img-wrap .icon {
8534 8534
  color: #ff4040;
8535 8535
}
8536 8536
/* line 54, ../sass/_machines.scss */
......
8540 8540

  
8541 8541
/* line 50, ../sass/_machines.scss */
8542 8542
.shutting .img-wrap .snf-PC_fill,
8543
.shutting .img-wrap .snf-network_full {
8543
.shutting .img-wrap .snf-network_full, .shutting .img-wrap .icon {
8544 8544
  color: #666c6b;
8545 8545
}
8546 8546
/* line 54, ../sass/_machines.scss */
......
8550 8550

  
8551 8551
/* line 50, ../sass/_machines.scss */
8552 8552
.starting .img-wrap .snf-PC_fill,
8553
.starting .img-wrap .snf-network_full {
8553
.starting .img-wrap .snf-network_full, .starting .img-wrap .icon {
8554 8554
  color: #566db1;
8555 8555
}
8556 8556
/* line 54, ../sass/_machines.scss */
......
8560 8560

  
8561 8561
/* line 50, ../sass/_machines.scss */
8562 8562
.rebooting .img-wrap .snf-PC_fill,
8563
.rebooting .img-wrap .snf-network_full {
8563
.rebooting .img-wrap .snf-network_full, .rebooting .img-wrap .icon {
8564 8564
  color: #ffc54a;
8565 8565
}
8566 8566
/* line 54, ../sass/_machines.scss */
......
8570 8570

  
8571 8571
/* line 50, ../sass/_machines.scss */
8572 8572
.building .img-wrap .snf-PC_fill,
8573
.building .img-wrap .snf-network_full {
8573
.building .img-wrap .snf-network_full, .building .img-wrap .icon {
8574 8574
  color: #30c79e;
8575 8575
}
8576 8576
/* line 54, ../sass/_machines.scss */
......
9336 9336
  margin-bottom: 0.5em;
9337 9337
}
9338 9338
/* line 446, ../sass/_wizards.scss */
9339
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .btn5:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .os li .btn-col a:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .advanced-conf-step a:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .advanced-conf-step .volume_size li .options-bar .options li a:hover, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .volume_size li .options-bar .options li a:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .volume_size li .options-bar .options li .advanced-conf-step a:hover, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_size li .options-bar .options li .advanced-conf-step a:hover {
9339
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .btn5:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .os li .btn-col a:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .advanced-conf-step a:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .advanced-conf-step .volume_options li.volume-size li .options-bar .options li a:hover, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .volume_options li.volume-size li .options-bar .options li a:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .volume_options li.volume-size li .options-bar .options li .advanced-conf-step a:hover, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_options li.volume-size li .options-bar .options li .advanced-conf-step a:hover {
9340 9340
  color: white;
9341 9341
}
9342 9342
/* line 449, ../sass/_wizards.scss */
9343
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .btn5.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .os li .btn-col a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .advanced-conf-step a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .advanced-conf-step .volume_size li .options-bar .options li a.current, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .volume_size li .options-bar .options li a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .volume_size li .options-bar .options li .advanced-conf-step a.current, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_size li .options-bar .options li .advanced-conf-step a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .btn5.current:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .os li .btn-col a.current:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .advanced-conf-step a.current:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a.current:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a.current:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .advanced-conf-step .volume_size li .options-bar .options li a.current:hover, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .volume_size li .options-bar .options li a.current:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .volume_size li .options-bar .options li .advanced-conf-step a.current:hover, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_size li .options-bar .options li .advanced-conf-step a.current:hover {
9343
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .btn5.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .os li .btn-col a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .advanced-conf-step a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .advanced-conf-step .volume_options li.volume-size li .options-bar .options li a.current, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .volume_options li.volume-size li .options-bar .options li a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .volume_options li.volume-size li .options-bar .options li .advanced-conf-step a.current, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_options li.volume-size li .options-bar .options li .advanced-conf-step a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .btn5.current:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .os li .btn-col a.current:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .advanced-conf-step a.current:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a.current:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a.current:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .advanced-conf-step .volume_options li.volume-size li .options-bar .options li a.current:hover, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .volume_options li.volume-size li .options-bar .options li a.current:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .volume_options li.volume-size li .options-bar .options li .advanced-conf-step a.current:hover, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_options li.volume-size li .options-bar .options li .advanced-conf-step a.current:hover {
9344 9344
  color: #485057;
9345 9345
}
9346 9346
/* line 453, ../sass/_wizards.scss */
......
9384 9384
  background-color: #ff7049;
9385 9385
}
9386 9386
/* line 490, ../sass/_wizards.scss */
9387
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .btn5, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .os li .btn-col a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .advanced-conf-step .advanced-conf-options .ssh-keys-area a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .flavor li .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step .advanced-conf-options .ssh-keys-area a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .volume_size li .options-bar .options li a, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .volume_size li .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .volume_size li .options-bar .options li .advanced-conf-step .advanced-conf-options .ssh-keys-area a, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_size li .options-bar .options li .advanced-conf-step .advanced-conf-options .ssh-keys-area a {
9387
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .btn5, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .os li .btn-col a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .advanced-conf-step .advanced-conf-options .ssh-keys-area a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .flavor li .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step .advanced-conf-options .ssh-keys-area a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .volume_options li.volume-size li .options-bar .options li a, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .volume_options li.volume-size li .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .volume_options li.volume-size li .options-bar .options li .advanced-conf-step .advanced-conf-options .ssh-keys-area a, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_options li.volume-size li .options-bar .options li .advanced-conf-step .advanced-conf-options .ssh-keys-area a {
9388 9388
  margin-top: 3px;
9389 9389
}
9390 9390
/* line 495, ../sass/_wizards.scss */
......
9456 9456
  cursor: pointer;
9457 9457
}
9458 9458
/* line 547, ../sass/_wizards.scss */
9459
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more .btn5, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area .os li.more .btn-col a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os .advanced-conf-step .advanced-conf-options .networks-area li.more .btn-col a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area .flavor li.more .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor .advanced-conf-step .advanced-conf-options .networks-area li.more .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .advanced-conf-step .advanced-conf-options .networks-area .volume_size li.more .options-bar .options li a, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area .volume_size li.more .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .volume_size .advanced-conf-step .advanced-conf-options .networks-area li.more .options-bar .options li a, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_size .advanced-conf-step .advanced-conf-options .networks-area li.more .options-bar .options li a {
9459
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more .btn5, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area .os li.more .btn-col a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os .advanced-conf-step .advanced-conf-options .networks-area li.more .btn-col a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area .flavor li.more .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor .advanced-conf-step .advanced-conf-options .networks-area li.more .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .advanced-conf-step .advanced-conf-options .networks-area .volume_options li.volume-size li.more .options-bar .options li a, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area .volume_options li.volume-size li.more .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .volume_options li.volume-size .advanced-conf-step .advanced-conf-options .networks-area li.more .options-bar .options li a, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_options li.volume-size .advanced-conf-step .advanced-conf-options .networks-area li.more .options-bar .options li a {
9460 9460
  margin-top: 20px;
9461 9461
  border-color: #fff;
9462 9462
  color: #fff;
......
9487 9487
  margin-bottom: 30px;
9488 9488
}
9489 9489
/* line 579, ../sass/_wizards.scss */
9490
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .btn5, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .os li .btn-col a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .advanced-conf-step .advanced-conf-options .tags-area a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .flavor li .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step .advanced-conf-options .tags-area a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .advanced-conf-step .advanced-conf-options .tags-area .volume_size li .options-bar .options li a, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .volume_size li .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .volume_size li .options-bar .options li .advanced-conf-step .advanced-conf-options .tags-area a, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_size li .options-bar .options li .advanced-conf-step .advanced-conf-options .tags-area a {
9490
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .btn5, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .os li .btn-col a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .advanced-conf-step .advanced-conf-options .tags-area a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .flavor li .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step .advanced-conf-options .tags-area a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .advanced-conf-step .advanced-conf-options .tags-area .volume_options li.volume-size li .options-bar .options li a, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .volume_options li.volume-size li .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .volume_options li.volume-size li .options-bar .options li .advanced-conf-step .advanced-conf-options .tags-area a, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_options li.volume-size li .options-bar .options li .advanced-conf-step .advanced-conf-options .tags-area a {
9491 9491
  margin-right: 20px;
9492 9492
}
9493 9493
/* line 582, ../sass/_wizards.scss */
......
9707 9707
#volume-wizard .step a {
9708 9708
  color: white;
9709 9709
}
9710
/* line 784, ../sass/_wizards.scss */
9711
#volume-wizard .step .volume_options {
9712
  position: relative;
9713
  padding-bottom: 20px;
9714
}
9715
/* line 787, ../sass/_wizards.scss */
9716
#volume-wizard .step .volume_options .explanatory {
9717
  font-size: 0.75em;
9718
  margin-top: 20px;
9719
  margin-bottom: 60px;
9720
}
9721
/* line 792, ../sass/_wizards.scss */
9722
#volume-wizard .step .volume_options .check, #volume-wizard .step .volume_options .radio_btn {
9723
  position: absolute;
9724
  right: 0;
9725
}
9726
/* line 795, ../sass/_wizards.scss */
9727
#volume-wizard .step .volume_options .check:focus, #volume-wizard .step .volume_options .radio_btn:focus {
9728
  right: -3px;
9729
  top: -3px;
9730
}
9731
/* line 800, ../sass/_wizards.scss */
9732
#volume-wizard .step .volume_options .volume-name {
9733
  margin: 40px 0;
9734
}
9735
/* line 802, ../sass/_wizards.scss */
9736
#volume-wizard .step .volume_options .volume-name h2 {
9737
  color: white;
9738
  font-size: 1em;
9739
}
9740
/* line 807, ../sass/_wizards.scss */
9710
/* line 785, ../sass/_wizards.scss */
9741 9711
#volume-wizard .step .volume_options li {
9742 9712
  display: block;
9743 9713
  width: 360px;
9744 9714
}
9745
/* line 810, ../sass/_wizards.scss */
9746
#volume-wizard .step .volume_options li.manual {
9747
  position: relative;
9748
}
9749
/* line 812, ../sass/_wizards.scss */
9750
#volume-wizard .step .volume_options li.manual .input {
9751
  position: absolute;
9752
  right: -170px;
9753
  width: 150px;
9754
  bottom: 5px;
9755
  display: none;
9715
/* line 788, ../sass/_wizards.scss */
9716
#volume-wizard .step .volume_options li.volume-name {
9717
  margin: 40px 0;
9756 9718
}
9757
/* line 820, ../sass/_wizards.scss */
9758
#volume-wizard .step .volume_options li.project-selection li {
9759
  width: 100%;
9719
/* line 790, ../sass/_wizards.scss */
9720
#volume-wizard .step .volume_options li.volume-name h2 {
9721
  color: white;
9722
  font-size: 1em;
9760 9723
}
9761
/* line 825, ../sass/_wizards.scss */
9762
#volume-wizard .step .volume_size {
9724
/* line 795, ../sass/_wizards.scss */
9725
#volume-wizard .step .volume_options li.volume-size {
9763 9726
  list-style: none outside none;
9764 9727
}
9765
/* line 827, ../sass/_wizards.scss */
9766
#volume-wizard .step .volume_size li {
9728
/* line 797, ../sass/_wizards.scss */
9729
#volume-wizard .step .volume_options li.volume-size li {
9767 9730
  list-style: none outside none;
9768 9731
  margin-bottom: 30px;
9769 9732
}
9770
/* line 830, ../sass/_wizards.scss */
9771
#volume-wizard .step .volume_size li .title {
9733
/* line 800, ../sass/_wizards.scss */
9734
#volume-wizard .step .volume_options li.volume-size li .title {
9772 9735
  height: 40px;
9773 9736
  overflow: hidden;
9774 9737
  margin-bottom: 0.5em;
9775 9738
  color: white;
9776 9739
  vertical-align: top;
9777 9740
}
9778
/* line 837, ../sass/_wizards.scss */
9779
#volume-wizard .step .volume_size li .title .icon {
9741
/* line 807, ../sass/_wizards.scss */
9742
#volume-wizard .step .volume_options li.volume-size li .title .icon {
9780 9743
  display: block;
9781 9744
  width: 60px;
9782 9745
  font-size: 38px;
9783 9746
  float: left;
9784 9747
}
9785
/* line 843, ../sass/_wizards.scss */
9786
#volume-wizard .step .volume_size li .title h2 {
9748
/* line 813, ../sass/_wizards.scss */
9749
#volume-wizard .step .volume_options li.volume-size li .title h2 {
9787 9750
  font-size: 0.875em;
9788 9751
  float: left;
9789 9752
  width: 140px;
......
9791 9754
  margin-right: 60px;
9792 9755
  padding-left: 0.625em;
9793 9756
}
9794
/* line 845, ../sass/_wizards.scss */
9795
#volume-wizard .step .volume_size li .title h2 span {
9757
/* line 815, ../sass/_wizards.scss */
9758
#volume-wizard .step .volume_options li.volume-size li .title h2 span {
9796 9759
  font-weight: normal;
9797 9760
}
9798
/* line 853, ../sass/_wizards.scss */
9799
#volume-wizard .step .volume_size li .title h2 em {
9761
/* line 823, ../sass/_wizards.scss */
9762
#volume-wizard .step .volume_options li.volume-size li .title h2 em {
9800 9763
  display: block;
9801 9764
  margin-top: 4px;
9802 9765
  font-size: 11px;
......
9805 9768
  white-space: nowrap;
9806 9769
  line-height: 13px;
9807 9770
}
9808
/* line 863, ../sass/_wizards.scss */
9809
#volume-wizard .step .volume_size li .title p {
9771
/* line 833, ../sass/_wizards.scss */
9772
#volume-wizard .step .volume_options li.volume-size li .title p {
9810 9773
  visibility: hidden;
9811 9774
  overflow: hidden;
9812 9775
  min-height: 40px;
9813 9776
  font-size: 11px;
9814 9777
  line-height: 11px;
9815 9778
}
9816
/* line 873, ../sass/_wizards.scss */
9817
#volume-wizard .step .volume_size li .options-bar .bar {
9779
/* line 843, ../sass/_wizards.scss */
9780
#volume-wizard .step .volume_options li.volume-size li .options-bar .bar {
9818 9781
  width: 200px;
9819 9782
  float: left;
9820 9783
  margin-right: 60px;
......
9822 9785
  position: relative;
9823 9786
  top: 10px;
9824 9787
}
9825
/* line 880, ../sass/_wizards.scss */
9826
#volume-wizard .step .volume_size li .options-bar .bar .wrap {
9788
/* line 850, ../sass/_wizards.scss */
9789
#volume-wizard .step .volume_options li.volume-size li .options-bar .bar .wrap {
9827 9790
  border: 1px solid white;
9828 9791
  padding: 1px;
9829 9792
  height: 100%;
9830 9793
}
9831
/* line 884, ../sass/_wizards.scss */
9832
#volume-wizard .step .volume_size li .options-bar .bar .wrap.disabled-progress-bar {
9794
/* line 854, ../sass/_wizards.scss */
9795
#volume-wizard .step .volume_options li.volume-size li .options-bar .bar .wrap.disabled-progress-bar {
9833 9796
  border-color: #3a4046;
9834 9797
}
9835
/* line 887, ../sass/_wizards.scss */
9836
#volume-wizard .step .volume_size li .options-bar .bar .wrap.disabled-progress-bar .container .total {
9798
/* line 857, ../sass/_wizards.scss */
9799
#volume-wizard .step .volume_options li.volume-size li .options-bar .bar .wrap.disabled-progress-bar .container .total {
9837 9800
  background-color: #3a4046;
9838 9801
}
9839
/* line 892, ../sass/_wizards.scss */
9840
#volume-wizard .step .volume_size li .options-bar .bar .wrap .container {
9802
/* line 862, ../sass/_wizards.scss */
9803
#volume-wizard .step .volume_options li.volume-size li .options-bar .bar .wrap .container {
9841 9804
  height: 100%;
9842 9805
}
9843
/* line 894, ../sass/_wizards.scss */
9844
#volume-wizard .step .volume_size li .options-bar .bar .wrap .container .total {
9806
/* line 864, ../sass/_wizards.scss */
9807
#volume-wizard .step .volume_options li.volume-size li .options-bar .bar .wrap .container .total {
9845 9808
  background: #919194;
9846 9809
  height: 100%;
9847 9810
  float: left;
9848 9811
  position: relative;
9849 9812
}
9850
/* line 899, ../sass/_wizards.scss */
9851
#volume-wizard .step .volume_size li .options-bar .bar .wrap .container .total .current {
9813
/* line 869, ../sass/_wizards.scss */
9814
#volume-wizard .step .volume_options li.volume-size li .options-bar .bar .wrap .container .total .current {
9852 9815
  background: white;
9853 9816
  height: 100%;
9854 9817
  float: left;
9855 9818
}
9856
/* line 904, ../sass/_wizards.scss */
9857
#volume-wizard .step .volume_size li .options-bar .bar .wrap .container .total span {
9819
/* line 874, ../sass/_wizards.scss */
9820
#volume-wizard .step .volume_options li.volume-size li .options-bar .bar .wrap .container .total span {
9858 9821
  position: absolute;
9859 9822
  right: 10px;
9860 9823
  font-size: 0.5625em;
9861 9824
  top: 2px;
9862 9825
}
9863
/* line 911, ../sass/_wizards.scss */
9864
#volume-wizard .step .volume_size li .options-bar .bar .wrap .container .total.low span {
9826
/* line 881, ../sass/_wizards.scss */
9827
#volume-wizard .step .volume_options li.volume-size li .options-bar .bar .wrap .container .total.low span {
9865 9828
  right: -30px;
9866 9829
  color: white;
9867 9830
}
9868
/* line 921, ../sass/_wizards.scss */
9869
#volume-wizard .step .volume_size li .options-bar .options {
9831
/* line 891, ../sass/_wizards.scss */
9832
#volume-wizard .step .volume_options li.volume-size li .options-bar .options {
9870 9833
  overflow: hidden;
9871 9834
  list-style: none outside none;
9872 9835
}
9873
/* line 924, ../sass/_wizards.scss */
9874
#volume-wizard .step .volume_size li .options-bar .options li {
9836
/* line 894, ../sass/_wizards.scss */
9837
#volume-wizard .step .volume_options li.volume-size li .options-bar .options li {
9875 9838
  list-style: none outside none;
9876 9839
  display: inline-block;
9877 9840
  margin-right: 10px;
9878 9841
  margin-bottom: 0;
9879 9842
}
9880
/* line 929, ../sass/_wizards.scss */
9881
#volume-wizard .step .volume_size li .options-bar .options li a {
9843
/* line 899, ../sass/_wizards.scss */
9844
#volume-wizard .step .volume_options li.volume-size li .options-bar .options li a {
9882 9845
  min-width: 60px;
9883 9846
}
9884
/* line 932, ../sass/_wizards.scss */
9885
#volume-wizard .step .volume_size li .options-bar .options li a.current {
9847
/* line 902, ../sass/_wizards.scss */
9848
#volume-wizard .step .volume_options li.volume-size li .options-bar .options li a.current {
9886 9849
  color: #485057;
9887 9850
}
9888
/* line 935, ../sass/_wizards.scss */
9889
#volume-wizard .step .volume_size li .options-bar .options li a.disabled {
9851
/* line 905, ../sass/_wizards.scss */
9852
#volume-wizard .step .volume_options li.volume-size li .options-bar .options li a.disabled {
9890 9853
  border-color: #3a4046;
9891 9854
  color: #3a4046;
9892 9855
}
9893
/* line 938, ../sass/_wizards.scss */
9894
#volume-wizard .step .volume_size li .options-bar .options li a.disabled:hover, #volume-wizard .step .volume_size li .options-bar .options li a.disabled:active {
9856
/* line 908, ../sass/_wizards.scss */
9857
#volume-wizard .step .volume_options li.volume-size li .options-bar .options li a.disabled:hover, #volume-wizard .step .volume_options li.volume-size li .options-bar .options li a.disabled:active {
9895 9858
  cursor: default;
9896 9859
  border-width: 1px;
9897 9860
  line-height: 28px;
......
10350 10313
  font-size: 0.875em;
10351 10314
}
10352 10315
/* line 42, ../sass/_connected.scss */
10353
.connected .item .clearfix, .connected .item .list-view .items-list > li, .list-view .connected .item .items-list > li, .connected .item .details .top, .details .connected .item .top, .connected .item .storage .files li, .storage .files .connected .item li, .connected .item .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os .connected .item li, .connected .item .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details .connected .item dl, .connected .item .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .connected .item .title, .connected .item .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .connected .item .options-bar, .connected .item #volume-wizard .step .volume_size li .title, #volume-wizard .step .volume_size li .connected .item .title, .connected .item #volume-wizard .step .volume_size li .options-bar, #volume-wizard .step .volume_size li .connected .item .options-bar, .connected .item .what, .connected .item .connections > li {
10316
.connected .item .clearfix, .connected .item .list-view .items-list > li, .list-view .connected .item .items-list > li, .connected .item .details .top, .details .connected .item .top, .connected .item .storage .files li, .storage .files .connected .item li, .connected .item .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os .connected .item li, .connected .item .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details .connected .item dl, .connected .item .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .connected .item .title, .connected .item .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .connected .item .options-bar, .connected .item #volume-wizard .step .volume_options li.volume-size li .title, #volume-wizard .step .volume_options li.volume-size li .connected .item .title, .connected .item #volume-wizard .step .volume_options li.volume-size li .options-bar, #volume-wizard .step .volume_options li.volume-size li .connected .item .options-bar, .connected .item .what, .connected .item .connections > li {
10354 10317
  position: relative;
10355 10318
}
10356 10319
/* line 45, ../sass/_connected.scss */
b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html
7 7
<head>
8 8
	<meta charset="utf-8" />
9 9
    <meta name="viewport" content="width=device-width" />
10
    <title>Synnefo | VM list</title>
10
    <title>VMs list</title>
11 11
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;subset=latin,greek-ext,greek' rel='stylesheet' type='text/css'>
12 12
    <link rel="stylesheet" href="stylesheets/normalize.css" />
13 13
    <link rel="stylesheet" href="stylesheets/app.css" />

Also available in: Unified diff