Revision bae6a7f7

b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss
478 478 
			}
479 479 
			.summary {
480 480 
				.row {
481 
					padding-top:1em;
482 
					margin-top:1em;
483 
					border-top:1px solid white;
481 
					.wrap {
482 
						max-width: $row-small;
483 
						border-top:1px solid white;
484 
						padding-top:2em;
485 
						margin-top:1em;
486 
					}
484 487 
					&:first-child {
485 
						border-top:0 none;
488 
						.wrap {
489 
							border-top:0 none;
490 
							margin-top:0;
491 
						}
492 
						dl {
493 
							dt {
494 
								font-weight: bold;
495 
							}
496 
						}
486 497 
					}
487 498 
				}
488 499 
				h2 {
......
492 503 
				dl {
493 504 
					margin-bottom:0;
494 505 
					span {
495 
						margin-right:10px;
506 
						width:40px;
507 
						display: inline-block;
496 508 
						font-size:20px;
497 509 
					}
498 510 
					dt {
499 511 
						display: inline-block;
500 
						width: 45%;
512 
						width: 42%;
501 513 
						vertical-align: top;
514 
						font-weight:600;
502 515 
					}
503 516 
					dd {
504 517 
						display: inline-block;
505 518 
						width:45%;
519 
						margin-bottom:1em;
506 520 
					}
507 521 
				}
508 522 
			}
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_settings.scss
110 110 

  		





  111
  111
  
    
$row-full-width:100%;


  		





  112
  112
  
    
$row-width: 1200px;


  		





  113
  
  
    
$row-small: emCalc(600px);


  		





  
  113
  
    
$row-small: emCalc(580px);


  		





  114
  114
  
    

  		





  115
  115
  
    
$conf-area-h-width: emCalc(300px);


  		





  116
  116
  
    
// $column-gutter: 1.875em;


  		












  

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






  7936
  7936
  
    
/* line 47, ../sass/_networks.scss */


  		





  7937
  7937
  
    
#network-wizard .main .network_options {


  		





  7938
  7938
  
    
  position: relative;


  		





  7939
  
  
    
  width: 37.5em;


  		





  
  7939
  
    
  width: 36.25em;


  		





  7940
  7940
  
    
  margin: 0 auto;


  		





  7941
  7941
  
    
}


  		





  7942
  7942
  
    
/* line 49, ../sass/_networks.scss */


  		





  ......




  8744
  8744
  
    
.wizard .middle .step .flavor li .options-bar .options li a.current {


  		





  8745
  8745
  
    
  color: #485057;


  		





  8746
  8746
  
    
}


  		





  8747
  
  
    
/* line 480, ../sass/_overlays.scss */


  		





  8748
  
  
    
.wizard .middle .step .summary .row {


  		





  8749
  
  
    
  padding-top: 1em;


  		





  8750
  
  
    
  margin-top: 1em;


  		





  
  8747
  
    
/* line 481, ../sass/_overlays.scss */


  		





  
  8748
  
    
.wizard .middle .step .summary .row .wrap {


  		





  
  8749
  
    
  max-width: 36.25em;


  		





  8751
  8750
  
    
  border-top: 1px solid white;


  		





  
  8751
  
    
  padding-top: 2em;


  		





  
  8752
  
    
  margin-top: 1em;


  		





  8752
  8753
  
    
}


  		





  8753
  
  
    
/* line 484, ../sass/_overlays.scss */


  		





  8754
  
  
    
.wizard .middle .step .summary .row:first-child {


  		





  
  8754
  
    
/* line 488, ../sass/_overlays.scss */


  		





  
  8755
  
    
.wizard .middle .step .summary .row:first-child .wrap {


  		





  8755
  8756
  
    
  border-top: 0 none;


  		





  
  8757
  
    
  margin-top: 0;


  		





  8756
  8758
  
    
}


  		





  8757
  
  
    
/* line 488, ../sass/_overlays.scss */


  		





  
  8759
  
    
/* line 493, ../sass/_overlays.scss */


  		





  
  8760
  
    
.wizard .middle .step .summary .row:first-child dl dt {


  		





  
  8761
  
    
  font-weight: bold;


  		





  
  8762
  
    
}


  		





  
  8763
  
    
/* line 499, ../sass/_overlays.scss */


  		





  8758
  8764
  
    
.wizard .middle .step .summary h2 {


  		





  8759
  8765
  
    
  font-size: 1em;


  		





  8760
  8766
  
    
  color: white;


  		





  8761
  8767
  
    
}


  		





  8762
  
  
    
/* line 492, ../sass/_overlays.scss */


  		





  
  8768
  
    
/* line 503, ../sass/_overlays.scss */


  		





  8763
  8769
  
    
.wizard .middle .step .summary dl {


  		





  8764
  8770
  
    
  margin-bottom: 0;


  		





  8765
  8771
  
    
}


  		





  8766
  
  
    
/* line 494, ../sass/_overlays.scss */


  		





  
  8772
  
    
/* line 505, ../sass/_overlays.scss */


  		





  8767
  8773
  
    
.wizard .middle .step .summary dl span {


  		





  8768
  
  
    
  margin-right: 10px;


  		





  
  8774
  
    
  width: 40px;


  		





  
  8775
  
    
  display: inline-block;


  		





  8769
  8776
  
    
  font-size: 20px;


  		





  8770
  8777
  
    
}


  		





  8771
  
  
    
/* line 498, ../sass/_overlays.scss */


  		





  
  8778
  
    
/* line 510, ../sass/_overlays.scss */


  		





  8772
  8779
  
    
.wizard .middle .step .summary dl dt {


  		





  8773
  8780
  
    
  display: inline-block;


  		





  8774
  
  
    
  width: 45%;


  		





  
  8781
  
    
  width: 42%;


  		





  8775
  8782
  
    
  vertical-align: top;


  		





  
  8783
  
    
  font-weight: 600;


  		





  8776
  8784
  
    
}


  		





  8777
  
  
    
/* line 503, ../sass/_overlays.scss */


  		





  
  8785
  
    
/* line 516, ../sass/_overlays.scss */


  		





  8778
  8786
  
    
.wizard .middle .step .summary dl dd {


  		





  8779
  8787
  
    
  display: inline-block;


  		





  8780
  8788
  
    
  width: 45%;


  		





  
  8789
  
    
  margin-bottom: 1em;


  		





  8781
  8790
  
    
}


  		





  8782
  
  
    
/* line 509, ../sass/_overlays.scss */


  		





  
  8791
  
    
/* line 523, ../sass/_overlays.scss */


  		





  8783
  8792
  
    
.wizard .middle .step .advanced-conf-step {


  		





  8784
  8793
  
    
  color: white;


  		





  8785
  8794
  
    
}


  		





  8786
  
  
    
/* line 511, ../sass/_overlays.scss */


  		





  
  8795
  
    
/* line 525, ../sass/_overlays.scss */


  		





  8787
  8796
  
    
.wizard .middle .step .advanced-conf-step h2 {


  		





  8788
  8797
  
    
  color: white;


  		





  8789
  8798
  
    
  font-size: 1em;


  		





  8790
  8799
  
    
  margin-bottom: 10px;


  		





  8791
  8800
  
    
}


  		





  8792
  
  
    
/* line 516, ../sass/_overlays.scss */


  		





  
  8801
  
    
/* line 530, ../sass/_overlays.scss */


  		





  8793
  8802
  
    
.wizard .middle .step .advanced-conf-step p {


  		





  8794
  8803
  
    
  font-size: 10px;


  		





  8795
  8804
  
    
}


  		





  8796
  
  
    
/* line 519, ../sass/_overlays.scss */


  		





  
  8805
  
    
/* line 533, ../sass/_overlays.scss */


  		





  8797
  8806
  
    
.wizard .middle .step .advanced-conf-step .snf-checkbox-checked, .wizard .middle .step .advanced-conf-step .snf-checkbox-unchecked {


  		





  8798
  8807
  
    
  color: white;


  		





  8799
  8808
  
    
}


  		





  8800
  
  
    
/* line 522, ../sass/_overlays.scss */


  		





  
  8809
  
    
/* line 536, ../sass/_overlays.scss */


  		





  8801
  8810
  
    
.wizard .middle .step .advanced-conf-step .expand-btn {


  		





  8802
  8811
  
    
  margin: 50px 0 45px;


  		





  8803
  8812
  
    
}


  		





  8804
  
  
    
/* line 524, ../sass/_overlays.scss */


  		





  
  8813
  
    
/* line 538, ../sass/_overlays.scss */


  		





  8805
  8814
  
    
.wizard .middle .step .advanced-conf-step .expand-btn a {


  		





  8806
  8815
  
    
  color: white;


  		





  8807
  8816
  
    
}


  		





  8808
  
  
    
/* line 526, ../sass/_overlays.scss */


  		





  
  8817
  
    
/* line 540, ../sass/_overlays.scss */


  		





  8809
  8818
  
    
.wizard .middle .step .advanced-conf-step .expand-btn a span {


  		





  8810
  8819
  
    
  padding-left: 24px;


  		





  8811
  8820
  
    
}


  		





  8812
  
  
    
/* line 537, ../sass/_overlays.scss */


  		





  
  8821
  
    
/* line 551, ../sass/_overlays.scss */


  		





  8813
  8822
  
    
.wizard .middle .step .advanced-conf-step .adv-main .vm-name h2 {


  		





  8814
  8823
  
    
  color: white;


  		





  8815
  8824
  
    
  font-size: 1em;


  		





  8816
  8825
  
    
  margin-bottom: 0.5em;


  		





  8817
  8826
  
    
}


  		





  8818
  
  
    
/* line 546, ../sass/_overlays.scss */


  		





  
  8827
  
    
/* line 560, ../sass/_overlays.scss */


  		





  8819
  8828
  
    
.wizard .middle .step .advanced-conf-step .btn5:hover, .wizard .middle .step .advanced-conf-step .os li .btn-col a:hover, .wizard .middle .step .os li .btn-col .advanced-conf-step a:hover, .wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a:hover, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a:hover {


  		





  8820
  8829
  
    
  color: white;


  		





  8821
  8830
  
    
}


  		





  8822
  
  
    
/* line 549, ../sass/_overlays.scss */


  		





  
  8831
  
    
/* line 563, ../sass/_overlays.scss */


  		





  8823
  8832
  
    
.wizard .middle .step .advanced-conf-step .btn5.current, .wizard .middle .step .advanced-conf-step .os li .btn-col a.current, .wizard .middle .step .os li .btn-col .advanced-conf-step a.current, .wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a.current, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a.current, .wizard .middle .step .advanced-conf-step .btn5.current:hover, .wizard .middle .step .advanced-conf-step .os li .btn-col a.current:hover, .wizard .middle .step .os li .btn-col .advanced-conf-step a.current:hover, .wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a.current:hover, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a.current:hover {


  		





  8824
  8833
  
    
  color: #485057;


  		





  8825
  8834
  
    
}


  		





  8826
  
  
    
/* line 553, ../sass/_overlays.scss */


  		





  
  8835
  
    
/* line 567, ../sass/_overlays.scss */


  		





  8827
  8836
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options {


  		





  8828
  8837
  
    
  display: none;


  		





  8829
  8838
  
    
}


  		





  8830
  
  
    
/* line 555, ../sass/_overlays.scss */


  		





  
  8839
  
    
/* line 569, ../sass/_overlays.scss */


  		





  8831
  8840
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .check {


  		





  8832
  8841
  
    
  font-size: 20px;


  		





  8833
  8842
  
    
}


  		





  8834
  
  
    
/* line 558, ../sass/_overlays.scss */


  		





  
  8843
  
    
/* line 572, ../sass/_overlays.scss */


  		





  8835
  8844
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area {


  		





  8836
  8845
  
    
  padding-top: 30px;


  		





  8837
  8846
  
    
  padding-bottom: 30px;


  		





  8838
  8847
  
    
}


  		





  8839
  
  
    
/* line 562, ../sass/_overlays.scss */


  		





  
  8848
  
    
/* line 576, ../sass/_overlays.scss */


  		





  8840
  8849
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area .row * {


  		





  8841
  8850
  
    
  margin-left: 0;


  		





  8842
  8851
  
    
}


  		





  8843
  
  
    
/* line 567, ../sass/_overlays.scss */


  		





  
  8852
  
    
/* line 581, ../sass/_overlays.scss */


  		





  8844
  8853
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area .row p {


  		





  8845
  8854
  
    
  width: 340px;


  		





  8846
  8855
  
    
  margin-bottom: 20px;


  		





  8847
  8856
  
    
}


  		





  8848
  
  
    
/* line 573, ../sass/_overlays.scss */


  		





  
  8857
  
    
/* line 587, ../sass/_overlays.scss */


  		





  8849
  8858
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li {


  		





  8850
  8859
  
    
  position: relative;


  		





  8851
  8860
  
    
  list-style: none outside none;


  		





  8852
  8861
  
    
  margin-bottom: 7px;


  		





  8853
  8862
  
    
}


  		





  8854
  
  
    
/* line 578, ../sass/_overlays.scss */


  		





  
  8863
  
    
/* line 592, ../sass/_overlays.scss */


  		





  8855
  8864
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li.checkbox:hover {


  		





  8856
  8865
  
    
  cursor: pointer;


  		





  8857
  8866
  
    
}


  		





  8858
  
  
    
/* line 582, ../sass/_overlays.scss */


  		





  
  8867
  
    
/* line 596, ../sass/_overlays.scss */


  		





  8859
  8868
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li h3 {


  		





  8860
  8869
  
    
  width: 18.75em;


  		





  8861
  8870
  
    
  color: white;


  		





  ......




  8864
  8873
  
    
  margin: 0 28px 0 0;


  		





  8865
  8874
  
    
  display: inline-block;


  		





  8866
  8875
  
    
}


  		





  8867
  
  
    
/* line 594, ../sass/_overlays.scss */


  		





  
  8876
  
    
/* line 608, ../sass/_overlays.scss */


  		





  8868
  8877
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area {


  		





  8869
  8878
  
    
  background-color: #ff7049;


  		





  8870
  8879
  
    
  padding-bottom: 60px;


  		





  8871
  8880
  
    
}


  		





  8872
  
  
    
/* line 597, ../sass/_overlays.scss */


  		





  
  8881
  
    
/* line 611, ../sass/_overlays.scss */


  		





  8873
  8882
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .btn5, .wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .os li .btn-col a, .wizard .middle .step .os li .btn-col .advanced-conf-step .advanced-conf-options .ssh-keys-area a, .wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .flavor li .options-bar .options li a, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step .advanced-conf-options .ssh-keys-area a {


  		





  8874
  8883
  
    
  margin-top: 3px;


  		





  8875
  8884
  
    
}


  		





  8876
  
  
    
/* line 602, ../sass/_overlays.scss */


  		





  
  8885
  
    
/* line 616, ../sass/_overlays.scss */


  		





  8877
  8886
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area {


  		





  8878
  8887
  
    
  background-color: #ff948c;


  		





  8879
  8888
  
    
}


  		





  8880
  
  
    
/* line 604, ../sass/_overlays.scss */


  		





  
  8889
  
    
/* line 618, ../sass/_overlays.scss */


  		





  8881
  8890
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area ul {


  		





  8882
  8891
  
    
  position: relative;


  		





  8883
  8892
  
    
  left: -20px;


  		





  8884
  8893
  
    
}


  		





  8885
  
  
    
/* line 609, ../sass/_overlays.scss */


  		





  
  8894
  
    
/* line 623, ../sass/_overlays.scss */


  		





  8886
  8895
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons {


  		





  8887
  8896
  
    
  padding-right: 30px;


  		





  8888
  8897
  
    
  display: inline-block;


  		





  ......




  8891
  8900
  
    
  font-size: 30px;


  		





  8892
  8901
  
    
  margin-bottom: 0;


  		





  8893
  8902
  
    
}


  		





  8894
  
  
    
/* line 621, ../sass/_overlays.scss */


  		





  
  8903
  
    
/* line 635, ../sass/_overlays.scss */


  		





  8895
  8904
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-modem {


  		





  8896
  8905
  
    
  position: relative;


  		





  8897
  8906
  
    
  top: -6px;


  		





  8898
  8907
  
    
}


  		





  8899
  
  
    
/* line 630, ../sass/_overlays.scss */


  		





  
  8908
  
    
/* line 644, ../sass/_overlays.scss */


  		





  8900
  8909
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more {


  		





  8901
  8910
  
    
  background: #fff4f3;


  		





  8902
  8911
  
    
  margin-bottom: 1em;


  		





  8903
  8912
  
    
  padding: 30px 0;


  		





  8904
  8913
  
    
  color: #ff948c;


  		





  8905
  8914
  
    
}


  		





  8906
  
  
    
/* line 636, ../sass/_overlays.scss */


  		





  
  8915
  
    
/* line 650, ../sass/_overlays.scss */


  		





  8907
  8916
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more h3 {


  		





  8908
  8917
  
    
  color: #ff948c;


  		





  8909
  8918
  
    
  padding-left: 145px;


  		





  8910
  8919
  
    
}


  		





  8911
  
  
    
/* line 640, ../sass/_overlays.scss */


  		





  
  8920
  
    
/* line 654, ../sass/_overlays.scss */


  		





  8912
  8921
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more .btn5, .wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area .os li.more .btn-col a, .wizard .middle .step .os .advanced-conf-step .advanced-conf-options .networks-area li.more .btn-col a, .wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area .flavor li.more .options-bar .options li a, .wizard .middle .step .flavor .advanced-conf-step .advanced-conf-options .networks-area li.more .options-bar .options li a {


  		





  8913
  8922
  
    
  margin-top: 20px;


  		





  8914
  8923
  
    
  border-color: #ff948c;


  		





  8915
  8924
  
    
  color: #ff948c;


  		





  8916
  8925
  
    
  margin-left: 145px;


  		





  8917
  8926
  
    
}


  		





  8918
  
  
    
/* line 648, ../sass/_overlays.scss */


  		





  
  8927
  
    
/* line 662, ../sass/_overlays.scss */


  		





  8919
  8928
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more .checkbox a span {


  		





  8920
  8929
  
    
  color: #ff948c;


  		





  8921
  8930
  
    
}


  		





  8922
  
  
    
/* line 657, ../sass/_overlays.scss */


  		





  
  8931
  
    
/* line 671, ../sass/_overlays.scss */


  		





  8923
  8932
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area {


  		





  8924
  8933
  
    
  background-color: #4c71ff;


  		





  8925
  8934
  
    
}


  		





  8926
  
  
    
/* line 659, ../sass/_overlays.scss */


  		





  
  8935
  
    
/* line 673, ../sass/_overlays.scss */


  		





  8927
  8936
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .snf-color-picker {


  		





  8928
  8937
  
    
  display: none;


  		





  8929
  8938
  
    
}


  		





  8930
  
  
    
/* line 662, ../sass/_overlays.scss */


  		





  
  8939
  
    
/* line 676, ../sass/_overlays.scss */


  		





  8931
  8940
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area #picker {


  		





  8932
  8941
  
    
  position: relative;


  		





  8933
  8942
  
    
  width: 207px;


  		





  8934
  8943
  
    
  margin: 30px 5px;


  		





  8935
  8944
  
    
  display: inline-block;


  		





  8936
  8945
  
    
}


  		





  8937
  
  
    
/* line 674, ../sass/_overlays.scss */


  		





  
  8946
  
    
/* line 688, ../sass/_overlays.scss */


  		





  8938
  8947
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .btns {


  		





  8939
  8948
  
    
  margin-top: 77px;


  		





  8940
  8949
  
    
  margin-bottom: 30px;


  		





  8941
  8950
  
    
}


  		





  8942
  
  
    
/* line 681, ../sass/_overlays.scss */


  		





  
  8951
  
    
/* line 695, ../sass/_overlays.scss */


  		





  8943
  8952
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .btn5, .wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .os li .btn-col a, .wizard .middle .step .os li .btn-col .advanced-conf-step .advanced-conf-options .tags-area a, .wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .flavor li .options-bar .options li a, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step .advanced-conf-options .tags-area a {


  		





  8944
  8953
  
    
  margin-right: 20px;


  		





  8945
  8954
  
    
}


  		





  8946
  
  
    
/* line 685, ../sass/_overlays.scss */


  		





  
  8955
  
    
/* line 699, ../sass/_overlays.scss */


  		





  8947
  8956
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area h3 {


  		





  8948
  8957
  
    
  width: 18.75em;


  		





  8949
  8958
  
    
  color: white;


  		





  ......




  8952
  8961
  
    
  margin: 0 28px 0 0;


  		





  8953
  8962
  
    
  display: inline-block;


  		





  8954
  8963
  
    
}


  		





  8955
  
  
    
/* line 694, ../sass/_overlays.scss */


  		





  
  8964
  
    
/* line 708, ../sass/_overlays.scss */


  		





  8956
  8965
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .list-header {


  		





  8957
  8966
  
    
  position: relative;


  		





  8958
  8967
  
    
  left: -14px;


  		





  8959
  8968
  
    
}


  		





  8960
  
  
    
/* line 697, ../sass/_overlays.scss */


  		





  
  8969
  
    
/* line 711, ../sass/_overlays.scss */


  		





  8961
  8970
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .list-header h3 {


  		





  8962
  8971
  
    
  margin-right: 35px;


  		





  8963
  8972
  
    
}


  		





  8964
  
  
    
/* line 708, ../sass/_overlays.scss */


  		





  
  8973
  
    
/* line 722, ../sass/_overlays.scss */


  		





  8965
  8974
  
    
.wizard .bottom {


  		





  8966
  8975
  
    
  position: fixed;


  		





  8967
  8976
  
    
  left: 0;


  		





  ......




  8970
  8979
  
    
  border-top: 1px solid #636a70;


  		





  8971
  8980
  
    
  background: #485057;


  		





  8972
  8981
  
    
}


  		





  8973
  
  
    
/* line 715, ../sass/_overlays.scss */


  		





  
  8982
  
    
/* line 729, ../sass/_overlays.scss */


  		





  8974
  8983
  
    
.wizard .bottom .row {


  		





  8975
  8984
  
    
  height: 50px;


  		





  8976
  8985
  
    
  line-height: 50px;


  		





  8977
  8986
  
    
}


  		





  8978
  
  
    
/* line 719, ../sass/_overlays.scss */


  		





  
  8987
  
    
/* line 733, ../sass/_overlays.scss */


  		





  8979
  8988
  
    
.wizard .bottom .nav {


  		





  8980
  8989
  
    
  height: 50px;


  		





  8981
  8990
  
    
  line-height: 50px;


  		





  ......




  8986
  8995
  
    
  top: 10px;


  		





  8987
  8996
  
    
  width: 100px;


  		





  8988
  8997
  
    
}


  		





  8989
  
  
    
/* line 728, ../sass/_overlays.scss */


  		





  
  8998
  
    
/* line 742, ../sass/_overlays.scss */


  		





  8990
  8999
  
    
.wizard .bottom .nav:hover {


  		





  8991
  9000
  
    
  -webkit-transition: background 0ms ease-out;


  		





  8992
  9001
  
    
  -moz-transition: background 0ms ease-out;


  		





  ......




  8994
  9003
  
    
  -o-transition: background 0ms ease-out;


  		





  8995
  9004
  
    
  transition: background 0ms ease-out;


  		





  8996
  9005
  
    
}


  		





  8997
  
  
    
/* line 731, ../sass/_overlays.scss */


  		





  
  9006
  
    
/* line 745, ../sass/_overlays.scss */


  		





  8998
  9007
  
    
.wizard .bottom .nav span {


  		





  8999
  9008
  
    
  display: inline-block;


  		





  9000
  9009
  
    
  height: 30px;


  		





  9001
  9010
  
    
  line-height: 30px;


  		





  9002
  9011
  
    
  float: left;


  		





  9003
  9012
  
    
}


  		





  9004
  
  
    
/* line 736, ../sass/_overlays.scss */


  		





  
  9013
  
    
/* line 750, ../sass/_overlays.scss */


  		





  9005
  9014
  
    
.wizard .bottom .nav span:hover {


  		





  9006
  9015
  
    
  -webkit-transition: background 0ms linear;


  		





  9007
  9016
  
    
  -moz-transition: background 0ms linear;


  		





  ......




  9009
  9018
  
    
  -o-transition: background 0ms linear;


  		





  9010
  9019
  
    
  transition: background 0ms linear;


  		





  9011
  9020
  
    
}


  		





  9012
  
  
    
/* line 740, ../sass/_overlays.scss */


  		





  
  9021
  
    
/* line 754, ../sass/_overlays.scss */


  		





  9013
  9022
  
    
.wizard .bottom .nav:focus {


  		





  9014
  9023
  
    
  color: green;


  		





  9015
  9024
  
    
}


  		





  9016
  
  
    
/* line 744, ../sass/_overlays.scss */


  		





  
  9025
  
    
/* line 758, ../sass/_overlays.scss */


  		





  9017
  9026
  
    
.wizard .bottom .prev {


  		





  9018
  9027
  
    
  float: left;


  		





  9019
  9028
  
    
  height: 30px;


  		





  9020
  9029
  
    
  padding-left: 18px;


  		





  9021
  9030
  
    
  background: url("../images/nav-edge-lt.png") no-repeat left top;


  		





  9022
  9031
  
    
}


  		





  9023
  
  
    
/* line 749, ../sass/_overlays.scss */


  		





  
  9032
  
    
/* line 763, ../sass/_overlays.scss */


  		





  9024
  9033
  
    
.wizard .bottom .prev span {


  		





  9025
  9034
  
    
  padding-right: 10px;


  		





  9026
  9035
  
    
  background: url("../images/nav-lt.png") no-repeat right top;


  		





  9027
  9036
  
    
}


  		





  9028
  
  
    
/* line 754, ../sass/_overlays.scss */


  		





  
  9037
  
    
/* line 768, ../sass/_overlays.scss */


  		





  9029
  9038
  
    
.wizard .bottom .prev:hover, .wizard .bottom .prev.active, .wizard .bottom .items-list li .container:hover .prev.check, .items-list li .container:hover .wizard .bottom .prev.check {


  		





  9030
  9039
  
    
  background-position: left bottom;


  		





  9031
  9040
  
    
}


  		





  9032
  
  
    
/* line 756, ../sass/_overlays.scss */


  		





  
  9041
  
    
/* line 770, ../sass/_overlays.scss */


  		





  9033
  9042
  
    
.wizard .bottom .prev:hover span, .wizard .bottom .prev.active span, .wizard .bottom .items-list li .container:hover .prev.check span, .items-list li .container:hover .wizard .bottom .prev.check span {


  		





  9034
  9043
  
    
  background-position: right bottom;


  		





  9035
  9044
  
    
}


  		





  9036
  
  
    
/* line 761, ../sass/_overlays.scss */


  		





  
  9045
  
    
/* line 775, ../sass/_overlays.scss */


  		





  9037
  9046
  
    
.wizard .bottom .next {


  		





  9038
  9047
  
    
  float: right;


  		





  9039
  9048
  
    
  height: 30px;


  		





  9040
  9049
  
    
  padding-right: 18px;


  		





  9041
  9050
  
    
  background: url("../images/nav-edge-rt.png") no-repeat right top;


  		





  9042
  9051
  
    
}


  		





  9043
  
  
    
/* line 766, ../sass/_overlays.scss */


  		





  
  9052
  
    
/* line 780, ../sass/_overlays.scss */


  		





  9044
  9053
  
    
.wizard .bottom .next span {


  		





  9045
  9054
  
    
  padding-left: 10px;


  		





  9046
  9055
  
    
  background: url("../images/nav-rt.png") no-repeat left top;


  		





  9047
  9056
  
    
  float: right;


  		





  9048
  9057
  
    
}


  		





  9049
  
  
    
/* line 772, ../sass/_overlays.scss */


  		





  
  9058
  
    
/* line 786, ../sass/_overlays.scss */


  		





  9050
  9059
  
    
.wizard .bottom .next:hover, .wizard .bottom .next.active, .wizard .bottom .items-list li .container:hover .next.check, .items-list li .container:hover .wizard .bottom .next.check {


  		





  9051
  9060
  
    
  background-position: right bottom;


  		





  9052
  9061
  
    
}


  		





  9053
  
  
    
/* line 774, ../sass/_overlays.scss */


  		





  
  9062
  
    
/* line 788, ../sass/_overlays.scss */


  		





  9054
  9063
  
    
.wizard .bottom .next:hover span, .wizard .bottom .next.active span, .wizard .bottom .items-list li .container:hover .next.check span, .items-list li .container:hover .wizard .bottom .next.check span {


  		





  9055
  9064
  
    
  background-position: left bottom;


  		





  9056
  9065
  
    
  float: right;


  		





  9057
  9066
  
    
}


  		





  9058
  9067
  
    

  		





  9059
  
  
    
/* line 784, ../sass/_overlays.scss */


  		





  
  9068
  
    
/* line 798, ../sass/_overlays.scss */


  		





  9060
  9069
  
    
.wizard-content {


  		





  9061
  9070
  
    
  overflow: hidden;


  		





  9062
  9071
  
    
  width: 100%;


  		





  9063
  9072
  
    
}


  		





  9064
  
  
    
/* line 787, ../sass/_overlays.scss */


  		





  
  9073
  
    
/* line 801, ../sass/_overlays.scss */


  		





  9065
  9074
  
    
.wizard-content .vm-wizard-carousel {


  		





  9066
  9075
  
    
  position: relative;


  		





  9067
  9076
  
    
  left: 0;


  		





  9068
  9077
  
    
}


  		





  9069
  
  
    
/* line 790, ../sass/_overlays.scss */


  		





  
  9078
  
    
/* line 804, ../sass/_overlays.scss */


  		





  9070
  9079
  
    
.wizard-content .vm-wizard-carousel .step {


  		





  9071
  9080
  
    
  float: left;


  		





  9072
  9081
  
    
}


  		





  9073
  9082
  
    

  		





  9074
  9083
  
    
/* Responive ------------------------------------------------ */


  		





  9075
  9084
  
    
@media only screen and (max-width: 768px) {


  		





  9076
  
  
    
  /* line 802, ../sass/_overlays.scss */


  		





  
  9085
  
    
  /* line 816, ../sass/_overlays.scss */


  		





  9077
  9086
  
    
  .wizard .top {


  		





  9078
  9087
  
    
    position: static;


  		





  9079
  9088
  
    
  }


  		





  9080
  
  
    
  /* line 805, ../sass/_overlays.scss */


  		





  
  9089
  
    
  /* line 819, ../sass/_overlays.scss */


  		





  9081
  9090
  
    
  .wizard .middle {


  		





  9082
  9091
  
    
    padding-top: 0;


  		





  9083
  9092
  
    
  }


  		





  9084
  9093
  
    

  		





  9085
  
  
    
  /* line 810, ../sass/_overlays.scss */


  		





  
  9094
  
    
  /* line 824, ../sass/_overlays.scss */


  		





  9086
  9095
  
    
  .overlay-wrapper .overlay-area {


  		





  9087
  9096
  
    
    top: 0;


  		





  9088
  9097
  
    
  }


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html
    
  






  501
  501
  
    
								<div id="dummy-link-4" class="dummy-link">&nbsp;</div>


  		





  502
  502
  
    
								<div class="summary">


  		





  503
  503
  
    
									<div class="row">


  		





  504
  
  
    
										<dl>


  		





  505
  
  
    
										<a href="" id="topEl"></a>


  		





  506
  
  
    
											<dt>Machine name</dt>


  		





  507
  
  
    
											<dd>handsome frank</dd>


  		





  508
  
  
    
										</dl>


  		





  
  504
  
    
										<div class="wrap">


  		





  
  505
  
    
											<dl>


  		





  
  506
  
    
												<dt><span class="snf-PC_fill icon"></span>Machine name</dt>


  		





  
  507
  
    
												<dd>handsome frank</dd>


  		





  
  508
  
    
											</dl>


  		





  
  509
  
    
										</div>


  		





  509
  510
  
    
									</div>


  		





  510
  511
  
    
									<div class="row">


  		





  511
  
  
    
										<h2>Images</h2>


  		





  512
  
  
    
										<dl>


  		





  513
  
  
    
											<dt>Name</dt>


  		





  514
  
  
    
											<dd>Debian Base</dd>


  		





  515
  
  
    
											<dt>Desciption</dt>


  		





  516
  
  
    
											<dd>open suse description open suse description open suse description open suse description open suse description</dd>


  		





  517
  
  
    
											<dt>os</dt>


  		





  518
  
  
    
											<dd>Debian</dd>


  		





  519
  
  
    
											<dt>Size</dt>


  		





  520
  
  
    
											<dd>10.4GB</dd>


  		





  521
  
  
    
											<dt>GUI</dt>


  		





  522
  
  
    
											<dd>No GUI</dd>


  		





  523
  
  
    
											<dt>Kernel</dt>


  		





  524
  
  
    
											<dd>2.3.4</dd>


  		





  525
  
  
    
										</dl>


  		





  
  512
  
    
										<div class="wrap">


  		





  
  513
  
    
											<dl>


  		





  
  514
  
    
												<dt>Image</dt>


  		





  
  515
  
    
												<dd>Fedora</dd>


  		





  
  516
  
    
												<dt>Name</dt>


  		





  
  517
  
    
												<dd>Debian Base</dd>


  		





  
  518
  
    
												<dt>Desciption</dt>


  		





  
  519
  
    
												<dd>open suse description open suse description open suse description open suse description open suse description</dd>


  		





  
  520
  
    
												<dt>os</dt>


  		





  
  521
  
    
												<dd>Debian</dd>


  		





  
  522
  
    
												<dt>Size</dt>


  		





  
  523
  
    
												<dd>10.4GB</dd>


  		





  
  524
  
    
												<dt>GUI</dt>


  		





  
  525
  
    
												<dd>No GUI</dd>


  		





  
  526
  
    
												<dt>Kernel</dt>


  		





  
  527
  
    
												<dd>2.3.4</dd>


  		





  
  528
  
    
											</dl>


  		





  
  529
  
    
										</div>


  		





  526
  530
  
    
									</div>


  		





  527
  531
  
    
									<div class="row">


  		





  528
  
  
    
										<h2>Flavor</h2>


  		





  529
  
  
    
										<dl>


  		





  530
  
  
    
											<dt><span class="snf-cpu icon"></span>CPUs</dt>


  		





  531
  
  
    
											<dd>4x</dd>


  		





  532
  
  
    
											<dt><span class="snf-ram icon"></span>Memory</dt>


  		





  533
  
  
    
											<dd>512 MB</dd>


  		





  534
  
  
    
											<dt><span class="snf-HDD icon"></span>Disk</dt>


  		





  535
  
  
    
											<dd>4GB</dd>


  		





  536
  
  
    
											<dt><span class="snf-HDD icon"></span>Storage Type</dt>


  		





  537
  
  
    
											<dd>DRBD</dd>


  		





  538
  
  
    
										</dl>


  		





  
  532
  
    
										<div class="wrap">


  		





  
  533
  
    
											<h2>Flavor</h2>


  		





  
  534
  
    
											<dl>


  		





  
  535
  
    
												<dt><span class="snf-cpu icon"></span>CPUs</dt>


  		





  
  536
  
    
												<dd>4x</dd>


  		





  
  537
  
    
												<dt><span class="snf-ram icon"></span>Memory</dt>


  		





  
  538
  
    
												<dd>512 MB</dd>


  		





  
  539
  
    
												<dt><span class="snf-HDD icon"></span>Disk</dt>


  		





  
  540
  
    
												<dd>4GB</dd>


  		





  
  541
  
    
												<dt><span class="snf-HDD icon"></span>Storage Type</dt>


  		





  
  542
  
    
												<dd>DRBD</dd>


  		





  
  543
  
    
											</dl>


  		





  
  544
  
    
										</div>


  		





  539
  545
  
    
									</div>


  		





  540
  546
  
    
									<div class="row">


  		





  541
  
  
    
										<dl>


  		





  542
  
  
    
											<dt>Machine Tags</dt>


  		





  543
  
  
    
											<dd>Database server</dd>


  		





  544
  
  
    
											<dt>SSH Keys</dt>


  		





  545
  
  
    
											<dd>


  		





  546
  
  
    
												my public key 1<br>


  		





  547
  
  
    
												my public key 3<br>


  		





  548
  
  
    
											</dd>


  		





  549
  
  
    
											<dt>IPs</dt>


  		





  550
  
  
    
											<dd>192.168.1.3<br>192.168.1.3</dd>


  		





  551
  
  
    
											<dt>Private networks</dt>


  		





  552
  
  
    
											<dd>No private networks selected</dd>


  		





  553
  
  
    
										</dl>


  		





  
  547
  
    
										<div class="wrap">


  		





  
  548
  
    
											<dl>


  		





  
  549
  
    
												<dt>Machine Tags</dt>


  		





  
  550
  
    
												<dd>Database server</dd>


  		





  
  551
  
    
												<dt>SSH Keys</dt>


  		





  
  552
  
    
												<dd>


  		





  
  553
  
    
													my public key 1<br>


  		





  
  554
  
    
													my public key 3<br>


  		





  
  555
  
    
												</dd>


  		





  
  556
  
    
												<dt>IPs</dt>


  		





  
  557
  
    
												<dd>192.168.1.3<br>192.168.1.3</dd>


  		





  
  558
  
    
												<dt>Private networks</dt>


  		





  
  559
  
    
												<dd>No private networks selected</dd>


  		





  
  560
  
    
											</dl>


  		





  
  561
  
    
										</div>


  		





  554
  562
  
    
									</div>


  		





  555
  563
  
    
								</div>


  		





  556
  564
  
    
							</div>


  		












Also available in:
  Unified diff