Revision fd47d618

b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/common.js
205 205
    $('[data-overlay-id]').click(function(e){
206 206
        e.preventDefault();
207 207
        var el = $(this);
208
        // main-actions a need to be active to trigger overlay
209
        if ( (el.parents('.main-actions').find('li a.active').length == 0) && (el.parents('.main-actions').length > 0) ) {
210
            return false;
211
        }
212 208
        var id = el.data('overlay-id');
213 209

  
214 210
        $('.overlay-area').fadeIn(100);
215 211
        $('body').addClass('with-overlay');
216 212
        $(id).fadeIn('slow');
217
        console.log(id);
218 213
        if (id=='#network-wizard') {
219 214
            $(id).find('input').first().focus();
220 215
            return false;
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_items-list.scss
19 19
		.img-wrap {
20 20
			margin-bottom: 16px;
21 21
			position: relative;
22
			height:58px;
22
			height:60px;
23 23
			display: inline-block;
24 24
			overflow: hidden;
25 25
		}
......
115 115
			background-color: $secondary-color;
116 116
			@include transition(background-color, 300ms, linear);
117 117
			.container {
118
					.img-wrap {
119
						span:first-child {
120
						color: white;
121
						}
122
						.symbol {
123
							background-image: none;
124
							color: $secondary-color;
125
							font-size: 30px;
126
							text-indent: 0;
127
						}
118
				.img-wrap {
119
					span:first-child {
120
					color: white;
121
					}
122
					.symbol {
123
						background-image: none;
124
						color: $secondary-color;
125
						font-size: 30px;
126
						text-indent: 0;
127
					}
128 128
				}
129 129
				h4 {
130 130
					color: white;
131 131
				}
132 132
			}
133 133
			&:hover {
134
				background-color: white;
134
				background-color: $overlay-color;
135 135
				@include transition(background-color, 300ms, linear);
136
				cursor: pointer;
136 137
				.container {
137
						.img-wrap {
138
							span:first-child {
139
								color: $secondary-color;
140
								@include transition(color, 300ms, linear);
141
							}
142
							.symbol {
143
								color: white;
144
							}
138
					.img-wrap {
139
						.symbol {
140
							color: $overlay-color;
145 141
						}
146
					h4 {
147
						color: $secondary-color;
148 142
					}
149 143
				}
150 144
			}
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_machines.scss
124 124
			}
125 125
		}
126 126
	}
127
	// there's no running and building
127
	 // there's no running
128 128
}
129 129

  
130 130
.vm {
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
7571 7571
.items-list > li .img-wrap {
7572 7572
  margin-bottom: 16px;
7573 7573
  position: relative;
7574
  height: 58px;
7574
  height: 60px;
7575 7575
  display: inline-block;
7576 7576
  overflow: hidden;
7577 7577
}
......
7709 7709
}
7710 7710
/* line 133, ../sass/_items-list.scss */
7711 7711
.items-list > li[data-status="add-new"]:hover {
7712
  background-color: white;
7712
  background-color: #485057;
7713 7713
  -webkit-transition: background-color 300ms linear;
7714 7714
  -moz-transition: background-color 300ms linear;
7715 7715
  -ms-transition: background-color 300ms linear;
7716 7716
  -o-transition: background-color 300ms linear;
7717 7717
  transition: background-color 300ms linear;
7718
  cursor: pointer;
7718 7719
}
7719
/* line 138, ../sass/_items-list.scss */
7720
.items-list > li[data-status="add-new"]:hover .container .img-wrap span:first-child {
7721
  color: #30c79e;
7722
  -webkit-transition: color 300ms linear;
7723
  -moz-transition: color 300ms linear;
7724
  -ms-transition: color 300ms linear;
7725
  -o-transition: color 300ms linear;
7726
  transition: color 300ms linear;
7727
}
7728
/* line 142, ../sass/_items-list.scss */
7720
/* line 139, ../sass/_items-list.scss */
7729 7721
.items-list > li[data-status="add-new"]:hover .container .img-wrap .symbol {
7730
  color: white;
7731
}
7732
/* line 146, ../sass/_items-list.scss */
7733
.items-list > li[data-status="add-new"]:hover .container h4 {
7734
  color: #30c79e;
7722
  color: #485057;
7735 7723
}
7736
/* line 154, ../sass/_items-list.scss */
7724
/* line 148, ../sass/_items-list.scss */
7737 7725
.items-list.list-view li {
7738 7726
  width: 100%;
7739 7727
}
......
8575 8563
body.with-overlay {
8576 8564
  background: #485057;
8577 8565
}
8566
/* line 8, ../sass/_overlays.scss */
8567
body.with-overlay .main {
8568
  opacity: 0;
8569
}
8578 8570

  
8579
/* line 11, ../sass/_overlays.scss */
8571
/* line 14, ../sass/_overlays.scss */
8580 8572
.reveal-modal h3 {
8581 8573
  font-size: 1em;
8582 8574
}
8583
/* line 14, ../sass/_overlays.scss */
8575
/* line 17, ../sass/_overlays.scss */
8584 8576
.reveal-modal a {
8585 8577
  color: #30c79e;
8586 8578
}
8587
/* line 16, ../sass/_overlays.scss */
8579
/* line 19, ../sass/_overlays.scss */
8588 8580
.reveal-modal a:hover {
8589 8581
  text-decoration: underline;
8590 8582
}
8591
/* line 19, ../sass/_overlays.scss */
8583
/* line 22, ../sass/_overlays.scss */
8592 8584
.reveal-modal a.close-reveal-modal:hover {
8593 8585
  text-decoration: none;
8594 8586
  color: #30c79e;
8595 8587
}
8596 8588

  
8597
/* line 28, ../sass/_overlays.scss */
8589
/* line 31, ../sass/_overlays.scss */
8598 8590
.reveal-custom {
8599 8591
  position: absolute;
8600 8592
  top: 100px;
......
8605 8597
  display: none;
8606 8598
}
8607 8599

  
8608
/* line 39, ../sass/_overlays.scss */
8600
/* line 42, ../sass/_overlays.scss */
8609 8601
.overlay-wrapper {
8610 8602
  position: relative;
8611 8603
  left: 0;
8612 8604
  top: 0;
8613 8605
}
8614
/* line 43, ../sass/_overlays.scss */
8606
/* line 46, ../sass/_overlays.scss */
8615 8607
.overlay-wrapper .overlay-area {
8616 8608
  display: none;
8617 8609
  position: absolute;
......
8623 8615
  background: #485057;
8624 8616
  z-index: 20;
8625 8617
}
8626
/* line 54, ../sass/_overlays.scss */
8618
/* line 57, ../sass/_overlays.scss */
8627 8619
.overlay-wrapper .close {
8628 8620
  position: absolute;
8629 8621
  right: 15px;
......
8631 8623
  font-size: 30px;
8632 8624
  color: #919194;
8633 8625
}
8634
/* line 60, ../sass/_overlays.scss */
8626
/* line 63, ../sass/_overlays.scss */
8635 8627
.overlay-wrapper .close:hover, .overlay-wrapper .close:focus {
8636 8628
  color: white;
8637 8629
}
8638
/* line 65, ../sass/_overlays.scss */
8630
/* line 68, ../sass/_overlays.scss */
8639 8631
.overlay-wrapper .row .close {
8640 8632
  position: static;
8641 8633
  float: right;
8642 8634
}
8643
/* line 70, ../sass/_overlays.scss */
8635
/* line 73, ../sass/_overlays.scss */
8644 8636
.overlay-wrapper .overlay-div {
8645 8637
  display: none;
8646 8638
  z-index: 50;
......
8651 8643
  width: 50%;
8652 8644
  padding: 25px;
8653 8645
}
8654
/* line 80, ../sass/_overlays.scss */
8646
/* line 83, ../sass/_overlays.scss */
8655 8647
.overlay-wrapper .overlay-div .buttons a {
8656 8648
  margin-right: 20px;
8657 8649
}
8658
/* line 84, ../sass/_overlays.scss */
8650
/* line 87, ../sass/_overlays.scss */
8659 8651
.overlay-wrapper .overlay-div.upload-widget {
8660 8652
  background: transparent;
8661 8653
  padding: 45px 0;
......
8663 8655
  left: 10%;
8664 8656
  border: 1px solid white;
8665 8657
}
8666
/* line 91, ../sass/_overlays.scss */
8658
/* line 94, ../sass/_overlays.scss */
8667 8659
.overlay-wrapper .overlay-div.wizard {
8668 8660
  background: #485057;
8669 8661
  padding: 0;
......
8671 8663
  top: 0;
8672 8664
  left: 0;
8673 8665
}
8674
/* line 99, ../sass/_overlays.scss */
8666
/* line 102, ../sass/_overlays.scss */
8675 8667
.overlay-wrapper .welcome {
8676 8668
  display: none;
8677 8669
}
8678
/* line 102, ../sass/_overlays.scss */
8670
/* line 105, ../sass/_overlays.scss */
8679 8671
.overlay-wrapper.no-vm {
8680 8672
  background: url(../images/draw-welcome.png) no-repeat center 80px #30c79e;
8681 8673
}
8682
/* line 104, ../sass/_overlays.scss */
8674
/* line 107, ../sass/_overlays.scss */
8683 8675
.overlay-wrapper.no-vm .welcome {
8684 8676
  display: none;
8685 8677
  color: #fff;
......
8690 8682
  display: block;
8691 8683
}
8692 8684

  
8693
/* line 117, ../sass/_overlays.scss */
8685
/* line 120, ../sass/_overlays.scss */
8694 8686
.overlay {
8695 8687
  background: #30c79e;
8696 8688
  position: relative;
8697 8689
}
8698
/* line 121, ../sass/_overlays.scss */
8690
/* line 124, ../sass/_overlays.scss */
8699 8691
.overlay .lt-sidebar {
8700 8692
  border-right: 1px solid #fff;
8701 8693
  color: #fff;
8702 8694
}
8703
/* line 125, ../sass/_overlays.scss */
8695
/* line 128, ../sass/_overlays.scss */
8704 8696
.overlay .lt-sidebar ul li {
8705 8697
  list-style: none outside none;
8706 8698
}
8707
/* line 128, ../sass/_overlays.scss */
8699
/* line 131, ../sass/_overlays.scss */
8708 8700
.overlay .lt-sidebar ul li a {
8709 8701
  display: block;
8710 8702
  color: #fff;
8711 8703
}
8712
/* line 131, ../sass/_overlays.scss */
8704
/* line 134, ../sass/_overlays.scss */
8713 8705
.overlay .lt-sidebar ul li a span {
8714 8706
  float: right;
8715 8707
  display: none;
8716 8708
}
8717
/* line 133, ../sass/_overlays.scss */
8709
/* line 136, ../sass/_overlays.scss */
8718 8710
.overlay .lt-sidebar ul li a:hover, .overlay .lt-sidebar ul li a.current {
8719 8711
  text-decoration: none;
8720 8712
}
8721
/* line 135, ../sass/_overlays.scss */
8713
/* line 138, ../sass/_overlays.scss */
8722 8714
.overlay .lt-sidebar ul li a:hover span, .overlay .lt-sidebar ul li a.current span {
8723 8715
  display: inline;
8724 8716
}
8725
/* line 146, ../sass/_overlays.scss */
8717
/* line 149, ../sass/_overlays.scss */
8726 8718
.overlay .lt-sidebar,
8727 8719
.overlay .main {
8728 8720
  padding: 100px 15px;
8729 8721
  position: relative;
8730 8722
}
8731
/* line 151, ../sass/_overlays.scss */
8723
/* line 154, ../sass/_overlays.scss */
8732 8724
.overlay .navigation .rt {
8733 8725
  float: right;
8734 8726
}
8735
/* line 155, ../sass/_overlays.scss */
8727
/* line 158, ../sass/_overlays.scss */
8736 8728
.overlay .close {
8737 8729
  position: absolute;
8738 8730
  right: 15px;
......
8744 8736
  text-indent: -2000px;
8745 8737
  overflow: hidden;
8746 8738
}
8747
/* line 161, ../sass/_overlays.scss */
8739
/* line 164, ../sass/_overlays.scss */
8748 8740
.overlay .close_char {
8749 8741
  background: none;
8750 8742
  text-indent: 0;
......
8753 8745
  color: white;
8754 8746
}
8755 8747

  
8756
/* line 169, ../sass/_overlays.scss */
8748
/* line 172, ../sass/_overlays.scss */
8757 8749
.wizard {
8758 8750
  position: relative;
8759 8751
  top: 0;
8760 8752
  color: white;
8761 8753
}
8762
/* line 173, ../sass/_overlays.scss */
8754
/* line 176, ../sass/_overlays.scss */
8763 8755
.wizard .top {
8764 8756
  background: #636a70;
8765 8757
  height: 90px;
......
8771 8763
  width: 100%;
8772 8764
  z-index: 40;
8773 8765
}
8774
/* line 183, ../sass/_overlays.scss */
8766
/* line 186, ../sass/_overlays.scss */
8775 8767
.wizard .top .numbers {
8776 8768
  height: 50px;
8777 8769
  line-height: 50px;
8778 8770
  background: #33383d;
8779 8771
}
8780
/* line 184, ../sass/_overlays.scss */
8772
/* line 187, ../sass/_overlays.scss */
8781 8773
.wizard .top .numbers .row {
8782 8774
  max-width: 100%;
8783 8775
  padding: 0 15px;
8784 8776
}
8785
/* line 193, ../sass/_overlays.scss */
8777
/* line 195, ../sass/_overlays.scss */
8786 8778
.wizard .top .menus {
8787
  height: 50px;
8779
  height: 40px;
8788 8780
}
8789
/* line 195, ../sass/_overlays.scss */
8781
/* line 197, ../sass/_overlays.scss */
8790 8782
.wizard .top .menus .sub-menu {
8791 8783
  display: none;
8792 8784
}
8793
/* line 197, ../sass/_overlays.scss */
8785
/* line 199, ../sass/_overlays.scss */
8794 8786
.wizard .top .menus .sub-menu[data-step="1"] {
8795 8787
  display: block;
8796 8788
}
8797
/* line 200, ../sass/_overlays.scss */
8789
/* line 202, ../sass/_overlays.scss */
8798 8790
.wizard .top .menus .sub-menu ul {
8799 8791
  margin: 0;
8800 8792
  padding: 0;
8801 8793
  list-style: none outside none;
8802 8794
  font-size: 0.75em;
8803 8795
}
8804
/* line 205, ../sass/_overlays.scss */
8796
/* line 207, ../sass/_overlays.scss */
8805 8797
.wizard .top .menus .sub-menu ul li {
8806 8798
  display: inline;
8807 8799
  margin-right: 10px;
8808 8800
  line-height: 40px;
8809 8801
  list-style: none outside none;
8810 8802
}
8811
/* line 210, ../sass/_overlays.scss */
8803
/* line 212, ../sass/_overlays.scss */
8812 8804
.wizard .top .menus .sub-menu ul li a {
8813 8805
  color: #1a1a1a;
8814 8806
}
8815
/* line 212, ../sass/_overlays.scss */
8807
/* line 214, ../sass/_overlays.scss */
8816 8808
.wizard .top .menus .sub-menu ul li a:hover, .wizard .top .menus .sub-menu ul li a:focus, .wizard .top .menus .sub-menu ul li a.current {
8817 8809
  color: white;
8818 8810
}
8819
/* line 215, ../sass/_overlays.scss */
8811
/* line 217, ../sass/_overlays.scss */
8820 8812
.wizard .top .menus .sub-menu ul li a.current {
8821 8813
  text-decoration: underline;
8822 8814
}
8823
/* line 218, ../sass/_overlays.scss */
8815
/* line 220, ../sass/_overlays.scss */
8824 8816
.wizard .top .menus .sub-menu ul li a.disabled {
8825 8817
  color: #495561;
8826 8818
  cursor: default;
8827 8819
}
8828
/* line 228, ../sass/_overlays.scss */
8820
/* line 230, ../sass/_overlays.scss */
8829 8821
.wizard .top .nums {
8830 8822
  text-align: right;
8831 8823
  list-style: none outside none;
......
8836 8828
  padding-right: 120px;
8837 8829
  color: #30c79e;
8838 8830
}
8839
/* line 237, ../sass/_overlays.scss */
8831
/* line 239, ../sass/_overlays.scss */
8840 8832
.wizard .top .nums li {
8841 8833
  list-style: none outside none;
8842 8834
  display: inline;
8843 8835
}
8844
/* line 240, ../sass/_overlays.scss */
8836
/* line 242, ../sass/_overlays.scss */
8845 8837
.wizard .top .nums li p {
8846 8838
  display: none;
8847 8839
  position: relative;
......
8849 8841
  font-size: 12px;
8850 8842
  margin-left: 12px;
8851 8843
}
8852
/* line 246, ../sass/_overlays.scss */
8844
/* line 248, ../sass/_overlays.scss */
8853 8845
.wizard .top .nums li p strong {
8854 8846
  margin-right: 5px;
8855 8847
}
8856
/* line 250, ../sass/_overlays.scss */
8848
/* line 252, ../sass/_overlays.scss */
8857 8849
.wizard .top .nums li em {
8858 8850
  display: inline-block;
8859 8851
  border-radius: 50%;
......
8865 8857
  text-align: center;
8866 8858
  font-style: normal;
8867 8859
}
8868
/* line 261, ../sass/_overlays.scss */
8860
/* line 263, ../sass/_overlays.scss */
8869 8861
.wizard .top .nums li a {
8870 8862
  color: #30c79e;
8871 8863
  display: block;
8872 8864
}
8873
/* line 264, ../sass/_overlays.scss */
8865
/* line 266, ../sass/_overlays.scss */
8874 8866
.wizard .top .nums li a:hover {
8875 8867
  cursor: default;
8876 8868
}
8877
/* line 268, ../sass/_overlays.scss */
8869
/* line 270, ../sass/_overlays.scss */
8878 8870
.wizard .top .nums li.current {
8879 8871
  float: left;
8880 8872
}
8881
/* line 270, ../sass/_overlays.scss */
8873
/* line 272, ../sass/_overlays.scss */
8882 8874
.wizard .top .nums li.current p {
8883 8875
  display: inline-block;
8884 8876
}
8885
/* line 273, ../sass/_overlays.scss */
8877
/* line 275, ../sass/_overlays.scss */
8886 8878
.wizard .top .nums li.current em {
8887 8879
  font-size: 12px;
8888 8880
  width: 30px;
......
8890 8882
  line-height: 27px;
8891 8883
  border-color: #30c79e;
8892 8884
}
8893
/* line 279, ../sass/_overlays.scss */
8885
/* line 281, ../sass/_overlays.scss */
8894 8886
.wizard .top .nums li.current em * {
8895 8887
  color: #30c79e;
8896 8888
}
8897
/* line 287, ../sass/_overlays.scss */
8889
/* line 289, ../sass/_overlays.scss */
8898 8890
.wizard .middle {
8899 8891
  padding-top: 70px;
8900 8892
}
8901
/* line 289, ../sass/_overlays.scss */
8893
/* line 291, ../sass/_overlays.scss */
8902 8894
.wizard .middle .steps {
8903 8895
  position: relative;
8904 8896
  width: 100%;
8905 8897
}
8906
/* line 293, ../sass/_overlays.scss */
8898
/* line 295, ../sass/_overlays.scss */
8907 8899
.wizard .middle .step {
8908 8900
  position: absolute;
8909 8901
  top: 0;
......
8911 8903
  display: none;
8912 8904
  padding: 50px 0 50px;
8913 8905
}
8914
/* line 298, ../sass/_overlays.scss */
8906
/* line 300, ../sass/_overlays.scss */
8915 8907
.wizard .middle .step.current {
8916 8908
  display: block;
8917 8909
}
8918
/* line 304, ../sass/_overlays.scss */
8910
/* line 306, ../sass/_overlays.scss */
8919 8911
.wizard .middle .step.step-2 .dropdown {
8920 8912
  margin-bottom: 40px;
8921 8913
}
8922
/* line 312, ../sass/_overlays.scss */
8914
/* line 314, ../sass/_overlays.scss */
8923 8915
.wizard .middle .step .os li {
8924 8916
  display: none;
8925 8917
  list-style: none outside none;
8926 8918
  font-size: 0.75em;
8927 8919
  padding: 15px 0;
8928 8920
}
8929
/* line 319, ../sass/_overlays.scss */
8921
/* line 321, ../sass/_overlays.scss */
8930 8922
.wizard .middle .step .os li:hover, .wizard .middle .step .os li.hover {
8931 8923
  background: #33383d;
8932 8924
}
8933
/* line 322, ../sass/_overlays.scss */
8925
/* line 324, ../sass/_overlays.scss */
8934 8926
.wizard .middle .step .os li.current {
8935 8927
  background: white;
8936 8928
  color: #485057;
8937 8929
}
8938
/* line 325, ../sass/_overlays.scss */
8930
/* line 327, ../sass/_overlays.scss */
8939 8931
.wizard .middle .step .os li.current .name-col {
8940 8932
  color: #485057;
8941 8933
}
8942
/* line 329, ../sass/_overlays.scss */
8934
/* line 331, ../sass/_overlays.scss */
8943 8935
.wizard .middle .step .os li.current .btn-col a {
8944 8936
  border-color: #485057;
8945 8937
  color: #485057;
8946 8938
}
8947
/* line 332, ../sass/_overlays.scss */
8939
/* line 334, ../sass/_overlays.scss */
8948 8940
.wizard .middle .step .os li.current .btn-col a.current {
8949 8941
  color: white;
8950 8942
  background: #485057;
8951 8943
}
8952
/* line 339, ../sass/_overlays.scss */
8944
/* line 341, ../sass/_overlays.scss */
8953 8945
.wizard .middle .step .os li.system-images {
8954 8946
  display: list-item;
8955 8947
}
8956
/* line 342, ../sass/_overlays.scss */
8957
.wizard .middle .step .os li .img-wrap-col {
8948
/* line 344, ../sass/_overlays.scss */
8949
.wizard .middle .step .os li .img-col {
8958 8950
  float: left;
8959 8951
  width: 50px;
8960 8952
  line-height: 30px;
8961 8953
}
8962
/* line 347, ../sass/_overlays.scss */
8954
/* line 349, ../sass/_overlays.scss */
8963 8955
.wizard .middle .step .os li .name-col {
8964 8956
  float: left;
8965 8957
  color: white;
......
8967 8959
  padding-right: 10px;
8968 8960
  line-height: 30px;
8969 8961
}
8970
/* line 354, ../sass/_overlays.scss */
8962
/* line 356, ../sass/_overlays.scss */
8971 8963
.wizard .middle .step .os li .size-col {
8972 8964
  float: left;
8973 8965
  width: 10%;
8974 8966
  line-height: 30px;
8975 8967
}
8976
/* line 359, ../sass/_overlays.scss */
8968
/* line 361, ../sass/_overlays.scss */
8977 8969
.wizard .middle .step .os li .btn-col {
8978 8970
  float: right;
8979 8971
  width: 10%;
8980 8972
  margin-left: 10px;
8981 8973
}
8982
/* line 363, ../sass/_overlays.scss */
8974
/* line 365, ../sass/_overlays.scss */
8983 8975
.wizard .middle .step .os li .btn-col a {
8984 8976
  font-size: 1em;
8985 8977
}
8986
/* line 367, ../sass/_overlays.scss */
8978
/* line 369, ../sass/_overlays.scss */
8987 8979
.wizard .middle .step .os li .btn-col a.current {
8988 8980
  color: #485057;
8989 8981
}
8990
/* line 372, ../sass/_overlays.scss */
8982
/* line 374, ../sass/_overlays.scss */
8991 8983
.wizard .middle .step .os li .details {
8992 8984
  display: none;
8993 8985
  background: #e6e6e6;
......
8995 8987
  margin: 20px 6px -9px;
8996 8988
  color: #1e1e1e;
8997 8989
}
8998
/* line 378, ../sass/_overlays.scss */
8990
/* line 380, ../sass/_overlays.scss */
8999 8991
.wizard .middle .step .os li .details h3 {
9000 8992
  font-size: 1em;
9001 8993
  font-weight: normal;
9002 8994
  margin-bottom: 1em;
9003 8995
  padding-left: 50px;
9004 8996
}
9005
/* line 384, ../sass/_overlays.scss */
8997
/* line 386, ../sass/_overlays.scss */
9006 8998
.wizard .middle .step .os li .details dl {
9007 8999
  margin: 0;
9008 9000
  padding-left: 50px;
9009 9001
}
9010
/* line 388, ../sass/_overlays.scss */
9002
/* line 390, ../sass/_overlays.scss */
9011 9003
.wizard .middle .step .os li .details dl dt {
9012 9004
  width: 20%;
9013 9005
  float: left;
9014 9006
  color: #1a1a1a;
9015 9007
  font-weight: normal;
9016 9008
}
9017
/* line 394, ../sass/_overlays.scss */
9009
/* line 396, ../sass/_overlays.scss */
9018 9010
.wizard .middle .step .os li .details dl dd {
9019 9011
  color: #485057;
9020 9012
  margin: 0 0 5px;
9021 9013
}
9022
/* line 402, ../sass/_overlays.scss */
9014
/* line 404, ../sass/_overlays.scss */
9023 9015
.wizard .middle .step .flavor {
9024 9016
  list-style: none outside none;
9025 9017
}
9026
/* line 404, ../sass/_overlays.scss */
9018
/* line 406, ../sass/_overlays.scss */
9027 9019
.wizard .middle .step .flavor li {
9028 9020
  list-style: none outside none;
9029 9021
  margin-bottom: 30px;
9030 9022
}
9031
/* line 407, ../sass/_overlays.scss */
9023
/* line 409, ../sass/_overlays.scss */
9032 9024
.wizard .middle .step .flavor li .title {
9033 9025
  height: 40px;
9034 9026
  overflow: hidden;
......
9036 9028
  color: white;
9037 9029
  vertical-align: top;
9038 9030
}
9039
/* line 414, ../sass/_overlays.scss */
9031
/* line 416, ../sass/_overlays.scss */
9040 9032
.wizard .middle .step .flavor li .title .icon {
9041 9033
  display: block;
9042 9034
  width: 60px;
9043 9035
  font-size: 2.5em;
9044 9036
  float: left;
9045 9037
}
9046
/* line 420, ../sass/_overlays.scss */
9038
/* line 422, ../sass/_overlays.scss */
9047 9039
.wizard .middle .step .flavor li .title h2 {
9048 9040
  font-size: 0.875em;
9049 9041
  float: left;
......
9052 9044
  margin-right: 60px;
9053 9045
  padding-left: 0.625em;
9054 9046
}
9055
/* line 422, ../sass/_overlays.scss */
9047
/* line 424, ../sass/_overlays.scss */
9056 9048
.wizard .middle .step .flavor li .title h2 span {
9057 9049
  font-weight: normal;
9058 9050
}
9059
/* line 431, ../sass/_overlays.scss */
9051
/* line 433, ../sass/_overlays.scss */
9060 9052
.wizard .middle .step .flavor li .title h2:hover em {
9061 9053
  opacity: 1;
9062 9054
}
9063
/* line 435, ../sass/_overlays.scss */
9055
/* line 437, ../sass/_overlays.scss */
9064 9056
.wizard .middle .step .flavor li .title h2 em {
9065 9057
  display: block;
9066 9058
  margin-top: 4px;
......
9071 9063
  opacity: 0.6;
9072 9064
  white-space: nowrap;
9073 9065
}
9074
/* line 446, ../sass/_overlays.scss */
9066
/* line 448, ../sass/_overlays.scss */
9075 9067
.wizard .middle .step .flavor li .title p {
9076 9068
  visibility: hidden;
9077 9069
  overflow: hidden;
......
9079 9071
  color: #1a1a1a;
9080 9072
  font-size: 11px;
9081 9073
}
9082
/* line 456, ../sass/_overlays.scss */
9074
/* line 458, ../sass/_overlays.scss */
9083 9075
.wizard .middle .step .flavor li .options-bar .bar {
9084 9076
  width: 200px;
9085 9077
  float: left;
......
9088 9080
  position: relative;
9089 9081
  top: 10px;
9090 9082
}
9091
/* line 463, ../sass/_overlays.scss */
9083
/* line 465, ../sass/_overlays.scss */
9092 9084
.wizard .middle .step .flavor li .options-bar .bar .wrap {
9093 9085
  border: 1px solid white;
9094 9086
  padding: 1px;
9095 9087
  height: 100%;
9096 9088
}
9097
/* line 467, ../sass/_overlays.scss */
9089
/* line 469, ../sass/_overlays.scss */
9098 9090
.wizard .middle .step .flavor li .options-bar .bar .wrap.disabled-progress-bar {
9099 9091
  border-color: #3a4046;
9100 9092
}
9101
/* line 470, ../sass/_overlays.scss */
9093
/* line 472, ../sass/_overlays.scss */
9102 9094
.wizard .middle .step .flavor li .options-bar .bar .wrap.disabled-progress-bar .container .total {
9103 9095
  background-color: #3a4046;
9104 9096
}
9105
/* line 475, ../sass/_overlays.scss */
9097
/* line 477, ../sass/_overlays.scss */
9106 9098
.wizard .middle .step .flavor li .options-bar .bar .wrap .container {
9107 9099
  height: 100%;
9108 9100
}
9109
/* line 477, ../sass/_overlays.scss */
9101
/* line 479, ../sass/_overlays.scss */
9110 9102
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total {
9111 9103
  background: #919194;
9112 9104
  height: 100%;
9113 9105
  float: left;
9114 9106
  position: relative;
9115 9107
}
9116
/* line 482, ../sass/_overlays.scss */
9108
/* line 484, ../sass/_overlays.scss */
9117 9109
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total .current {
9118 9110
  background: white;
9119 9111
  height: 100%;
9120 9112
  float: left;
9121 9113
}
9122
/* line 487, ../sass/_overlays.scss */
9114
/* line 489, ../sass/_overlays.scss */
9123 9115
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total span {
9124 9116
  position: absolute;
9125 9117
  right: 10px;
......
9127 9119
  font-size: 0.5625em;
9128 9120
  top: 2px;
9129 9121
}
9130
/* line 495, ../sass/_overlays.scss */
9122
/* line 497, ../sass/_overlays.scss */
9131 9123
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total.low span {
9132 9124
  right: -30px;
9133 9125
  color: white;
9134 9126
}
9135
/* line 505, ../sass/_overlays.scss */
9127
/* line 507, ../sass/_overlays.scss */
9136 9128
.wizard .middle .step .flavor li .options-bar .options {
9137 9129
  overflow: hidden;
9138 9130
  list-style: none outside none;
9139 9131
}
9140
/* line 508, ../sass/_overlays.scss */
9132
/* line 510, ../sass/_overlays.scss */
9141 9133
.wizard .middle .step .flavor li .options-bar .options li {
9142 9134
  list-style: none outside none;
9143 9135
  display: inline-block;
9144 9136
  margin-right: 10px;
9145 9137
  margin-bottom: 0;
9146 9138
}
9147
/* line 513, ../sass/_overlays.scss */
9139
/* line 515, ../sass/_overlays.scss */
9148 9140
.wizard .middle .step .flavor li .options-bar .options li a {
9149 9141
  min-width: 60px;
9150 9142
}
9151
/* line 516, ../sass/_overlays.scss */
9143
/* line 518, ../sass/_overlays.scss */
9152 9144
.wizard .middle .step .flavor li .options-bar .options li a.current {
9153 9145
  color: #485057;
9154 9146
}
9155
/* line 519, ../sass/_overlays.scss */
9147
/* line 521, ../sass/_overlays.scss */
9156 9148
.wizard .middle .step .flavor li .options-bar .options li a.disabled {
9157 9149
  border-color: #3a4046;
9158 9150
  color: #3a4046;
9159 9151
}
9160
/* line 522, ../sass/_overlays.scss */
9152
/* line 524, ../sass/_overlays.scss */
9161 9153
.wizard .middle .step .flavor li .options-bar .options li a.disabled:hover, .wizard .middle .step .flavor li .options-bar .options li a.disabled:active {
9162 9154
  cursor: default;
9163 9155
  border-width: 1px;
9164 9156
  line-height: 28px;
9165 9157
}
9166
/* line 535, ../sass/_overlays.scss */
9158
/* line 537, ../sass/_overlays.scss */
9167 9159
.wizard .middle .step .summary {
9168 9160
  padding-bottom: 40px;
9169 9161
}
9170
/* line 538, ../sass/_overlays.scss */
9162
/* line 540, ../sass/_overlays.scss */
9171 9163
.wizard .middle .step .summary .row .wrap {
9172 9164
  max-width: 36.25em;
9173 9165
  border-top: 1px solid white;
9174 9166
}
9175
/* line 545, ../sass/_overlays.scss */
9167
/* line 547, ../sass/_overlays.scss */
9176 9168
.wizard .middle .step .summary .row:first-child .wrap {
9177 9169
  border-top: 0 none;
9178 9170
  margin-top: 0;
9179 9171
}
9180
/* line 550, ../sass/_overlays.scss */
9172
/* line 552, ../sass/_overlays.scss */
9181 9173
.wizard .middle .step .summary .row:first-child dl dt {
9182 9174
  font-weight: bold;
9183 9175
}
9184
/* line 556, ../sass/_overlays.scss */
9176
/* line 558, ../sass/_overlays.scss */
9185 9177
.wizard .middle .step .summary h2 {
9186 9178
  font-size: 1em;
9187 9179
  color: white;
9188 9180
  margin-bottom: 1em;
9189 9181
}
9190
/* line 561, ../sass/_overlays.scss */
9182
/* line 563, ../sass/_overlays.scss */
9191 9183
.wizard .middle .step .summary dl {
9192 9184
  margin-bottom: 0;
9193 9185
}
9194
/* line 563, ../sass/_overlays.scss */
9186
/* line 565, ../sass/_overlays.scss */
9195 9187
.wizard .middle .step .summary dl span {
9196 9188
  width: 40px;
9197 9189
  display: inline-block;
9198 9190
  font-size: 20px;
9199 9191
}
9200
/* line 568, ../sass/_overlays.scss */
9192
/* line 570, ../sass/_overlays.scss */
9201 9193
.wizard .middle .step .summary dl dt {
9202 9194
  display: inline-block;
9203 9195
  width: 42%;
9204 9196
  vertical-align: top;
9205 9197
  font-weight: 600;
9206 9198
}
9207
/* line 574, ../sass/_overlays.scss */
9199
/* line 576, ../sass/_overlays.scss */
9208 9200
.wizard .middle .step .summary dl dd {
9209 9201
  display: inline-block;
9210 9202
  width: 45%;
9211 9203
  margin-bottom: 1em;
9212 9204
}
9213
/* line 581, ../sass/_overlays.scss */
9205
/* line 583, ../sass/_overlays.scss */
9214 9206
.wizard .middle .step .advanced-conf-step {
9215 9207
  color: white;
9216 9208
}
9217
/* line 583, ../sass/_overlays.scss */
9209
/* line 585, ../sass/_overlays.scss */
9218 9210
.wizard .middle .step .advanced-conf-step h2 {
9219 9211
  color: white;
9220 9212
  font-size: 1em;
9221 9213
  margin-bottom: 10px;
9222 9214
  line-height: 1;
9223 9215
}
9224
/* line 589, ../sass/_overlays.scss */
9216
/* line 591, ../sass/_overlays.scss */
9225 9217
.wizard .middle .step .advanced-conf-step p {
9226 9218
  font-size: 10px;
9227 9219
}
9228
/* line 592, ../sass/_overlays.scss */
9220
/* line 594, ../sass/_overlays.scss */
9229 9221
.wizard .middle .step .advanced-conf-step .snf-checkbox-checked, .wizard .middle .step .advanced-conf-step .snf-checkbox-unchecked {
9230 9222
  color: white;
9231 9223
}
9232
/* line 595, ../sass/_overlays.scss */
9224
/* line 597, ../sass/_overlays.scss */
9233 9225
.wizard .middle .step .advanced-conf-step .expand-btn {
9234 9226
  margin: 50px 0 2.5em;
9235 9227
}
9236
/* line 597, ../sass/_overlays.scss */
9228
/* line 599, ../sass/_overlays.scss */
9237 9229
.wizard .middle .step .advanced-conf-step .expand-btn a {
9238 9230
  color: white;
9239 9231
}
9240
/* line 599, ../sass/_overlays.scss */
9232
/* line 601, ../sass/_overlays.scss */
9241 9233
.wizard .middle .step .advanced-conf-step .expand-btn a span {
9242 9234
  padding-left: 24px;
9243 9235
}
9244
/* line 610, ../sass/_overlays.scss */
9236
/* line 612, ../sass/_overlays.scss */
9245 9237
.wizard .middle .step .advanced-conf-step .adv-main .vm-name h2 {
9246 9238
  color: white;
9247 9239
  font-size: 1em;
9248 9240
  margin-bottom: 0.5em;
9249 9241
}
9250
/* line 619, ../sass/_overlays.scss */
9242
/* line 621, ../sass/_overlays.scss */
9251 9243
.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 {
9252 9244
  color: white;
9253 9245
}
9254
/* line 622, ../sass/_overlays.scss */
9246
/* line 624, ../sass/_overlays.scss */
9255 9247
.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 {
9256 9248
  color: #485057;
9257 9249
}
9258
/* line 626, ../sass/_overlays.scss */
9250
/* line 628, ../sass/_overlays.scss */
9259 9251
.wizard .middle .step .advanced-conf-step .advanced-conf-options {
9260 9252
  display: none;
9261 9253
}
9262
/* line 628, ../sass/_overlays.scss */
9254
/* line 630, ../sass/_overlays.scss */
9263 9255
.wizard .middle .step .advanced-conf-step .advanced-conf-options .check {
9264 9256
  font-size: 20px;
9265 9257
}
9266
/* line 631, ../sass/_overlays.scss */
9258
/* line 633, ../sass/_overlays.scss */
9267 9259
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area {
9268 9260
  padding: 2.5em 0;
9269 9261
}
9270
/* line 634, ../sass/_overlays.scss */
9262
/* line 636, ../sass/_overlays.scss */
9271 9263
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area .row p {
9272 9264
  max-width: 340px;
9273 9265
  margin-bottom: 20px;
9274 9266
}
9275
/* line 640, ../sass/_overlays.scss */
9267
/* line 642, ../sass/_overlays.scss */
9276 9268
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li {
9277 9269
  position: relative;
9278 9270
  list-style: none outside none;
9279 9271
  margin-bottom: 7px;
9280 9272
}
9281
/* line 645, ../sass/_overlays.scss */
9273
/* line 647, ../sass/_overlays.scss */
9282 9274
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li.checkbox:hover {
9283 9275
  cursor: pointer;
9284 9276
}
9285
/* line 649, ../sass/_overlays.scss */
9277
/* line 651, ../sass/_overlays.scss */
9286 9278
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li h3 {
9287 9279
  width: 18.75em;
9288 9280
  color: white;
......
9291 9283
  margin: 0 28px 0 0;
9292 9284
  display: inline-block;
9293 9285
}
9294
/* line 661, ../sass/_overlays.scss */
9286
/* line 663, ../sass/_overlays.scss */
9295 9287
.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area {
9296 9288
  background-color: #ff7049;
9297 9289
}
9298
/* line 663, ../sass/_overlays.scss */
9290
/* line 665, ../sass/_overlays.scss */
9299 9291
.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 {
9300 9292
  margin-top: 3px;
9301 9293
}
9302
/* line 668, ../sass/_overlays.scss */
9294
/* line 670, ../sass/_overlays.scss */
9303 9295
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area {
9304 9296
  background-color: #ff948c;
9305 9297
}
9306
/* line 670, ../sass/_overlays.scss */
9298
/* line 672, ../sass/_overlays.scss */
9307 9299
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area ul {
9308 9300
  position: relative;
9309 9301
  margin-bottom: 0;
9310 9302
}
9311
/* line 675, ../sass/_overlays.scss */
9303
/* line 677, ../sass/_overlays.scss */
9312 9304
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons {
9313 9305
  padding-right: 30px;
9314 9306
  display: inline-block;
......
9318 9310
  margin-bottom: 0;
9319 9311
  position: relative;
9320 9312
}
9321
/* line 683, ../sass/_overlays.scss */
9313
/* line 685, ../sass/_overlays.scss */
9322 9314
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span {
9323 9315
  position: relative;
9324 9316
}
9325
/* line 685, ../sass/_overlays.scss */
9317
/* line 687, ../sass/_overlays.scss */
9326 9318
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-modem {
9327 9319
  top: -1px;
9328 9320
}
9329
/* line 688, ../sass/_overlays.scss */
9321
/* line 690, ../sass/_overlays.scss */
9330 9322
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-www {
9331 9323
  top: 6px;
9332 9324
}
9333
/* line 691, ../sass/_overlays.scss */
9325
/* line 693, ../sass/_overlays.scss */
9334 9326
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-network_full {
9335 9327
  top: 5px;
9336 9328
}
9337
/* line 694, ../sass/_overlays.scss */
9329
/* line 696, ../sass/_overlays.scss */
9338 9330
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.temp-line {
9339 9331
  position: absolute;
9340 9332
  height: 1px;
......
9342 9334
  background: white;
9343 9335
  bottom: 15px;
9344 9336
}
9345
/* line 700, ../sass/_overlays.scss */
9337
/* line 702, ../sass/_overlays.scss */
9346 9338
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.temp-line.line1 {
9347 9339
  right: 56px;
9348 9340
}
9349
/* line 701, ../sass/_overlays.scss */
9341
/* line 703, ../sass/_overlays.scss */
9350 9342
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.temp-line.line2 {
9351 9343
  right: 97px;
9352 9344
  width: 10px;
9353 9345
}
9354
/* line 708, ../sass/_overlays.scss */
9346
/* line 710, ../sass/_overlays.scss */
9355 9347
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more {
9356 9348
  background: #fff4f3;
9357 9349
  margin: 2.5em 0;
9358 9350
  padding: 2.5em 0;
9359 9351
  color: #ff948c;
9360 9352
}
9361
/* line 713, ../sass/_overlays.scss */
9353
/* line 715, ../sass/_overlays.scss */
9362 9354
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more h3 {
9363 9355
  color: #ff948c;
9364 9356
  padding-left: 145px;
9365 9357
}
9366
/* line 716, ../sass/_overlays.scss */
9358
/* line 718, ../sass/_overlays.scss */
9367 9359
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more h3:hover {
9368 9360
  cursor: pointer;
9369 9361
}
9370
/* line 720, ../sass/_overlays.scss */
9362
/* line 722, ../sass/_overlays.scss */
9371 9363
.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 {
9372 9364
  margin-top: 20px;
9373 9365
  border-color: #ff948c;
9374 9366
  color: #ff948c;
9375 9367
  margin-left: 145px;
9376 9368
}
9377
/* line 728, ../sass/_overlays.scss */
9369
/* line 730, ../sass/_overlays.scss */
9378 9370
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more .with-checkbox a span {
9379 9371
  color: #ff948c;
9380 9372
}
9381
/* line 737, ../sass/_overlays.scss */
9373
/* line 739, ../sass/_overlays.scss */
9382 9374
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area {
9383 9375
  background-color: #4c71ff;
9384 9376
}
9385
/* line 739, ../sass/_overlays.scss */
9377
/* line 741, ../sass/_overlays.scss */
9386 9378
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .snf-color-picker {
9387 9379
  display: none;
9388 9380
}
9389
/* line 742, ../sass/_overlays.scss */
9381
/* line 744, ../sass/_overlays.scss */
9390 9382
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area #picker {
9391 9383
  position: relative;
9392 9384
  width: 207px;
9393 9385
  margin: 30px 5px;
9394 9386
  display: inline-block;
9395 9387
}
9396
/* line 748, ../sass/_overlays.scss */
9388
/* line 750, ../sass/_overlays.scss */
9397 9389
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .btns {
9398 9390
  margin-top: 77px;
9399 9391
  margin-bottom: 30px;
9400 9392
}
9401
/* line 752, ../sass/_overlays.scss */
9393
/* line 754, ../sass/_overlays.scss */
9402 9394
.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 {
9403 9395
  margin-right: 20px;
9404 9396
}
9405
/* line 755, ../sass/_overlays.scss */
9397
/* line 757, ../sass/_overlays.scss */
9406 9398
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .tag-demo, .wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area #color {
9407 9399
  left: 10px;
9408 9400
}
9409
/* line 758, ../sass/_overlays.scss */
9401
/* line 760, ../sass/_overlays.scss */
9410 9402
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area h3 {
9411 9403
  width: 18.75em;
9412 9404
  color: white;
......
9415 9407
  margin: 0 28px 0 0;
9416 9408
  display: inline-block;
9417 9409
}
9418
/* line 767, ../sass/_overlays.scss */
9410
/* line 769, ../sass/_overlays.scss */
9419 9411
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .list-header {
9420 9412
  position: relative;
9421 9413
  left: -14px;
9422 9414
}
9423
/* line 770, ../sass/_overlays.scss */
9415
/* line 772, ../sass/_overlays.scss */
9424 9416
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .list-header h3 {
9425 9417
  margin-right: 35px;
9426 9418
}
9427
/* line 781, ../sass/_overlays.scss */
9419
/* line 783, ../sass/_overlays.scss */
9428 9420
.wizard .bottom {
9429 9421
  position: fixed;
9430 9422
  left: 0;
......
9433 9425
  border-top: 1px solid #636a70;
9434 9426
  background: #485057;
9435 9427
}
9436
/* line 788, ../sass/_overlays.scss */
9428
/* line 790, ../sass/_overlays.scss */
9437 9429
.wizard .bottom .row {
9438
  height: 30px;
9439
  line-height: 30px;
9430
  height: 40px;
9431
  line-height: 40px;
9440 9432
}
9441
/* line 792, ../sass/_overlays.scss */
9433
/* line 794, ../sass/_overlays.scss */
9442 9434
.wizard .bottom .nav {
9443
  height: 30px;
9444
  line-height: 30px;
9435
  height: 40px;
9436
  line-height: 40px;
9445 9437
  color: white;
9446 9438
  display: inline-block;
9447 9439
  position: relative;
9448 9440
  font-size: 0.75em;
9449
  top: 0px;
9441
  top: 5px;
9450 9442
  width: 100px;
9451 9443
}
9452
/* line 802, ../sass/_overlays.scss */
9444
/* line 804, ../sass/_overlays.scss */
9453 9445
.wizard .bottom .nav:hover, .wizard .bottom .nav:focus {
9454 9446
  -webkit-transition: background 0ms ease-out;
9455 9447
  -moz-transition: background 0ms ease-out;
......
9457 9449
  -o-transition: background 0ms ease-out;
9458 9450
  transition: background 0ms ease-out;
9459 9451
}
9460
/* line 805, ../sass/_overlays.scss */
9452
/* line 807, ../sass/_overlays.scss */
9461 9453
.wizard .bottom .nav span {
9462 9454
  display: inline-block;
9463 9455
  height: 30px;
9464 9456
  line-height: 30px;
9465 9457
  float: left;
9466 9458
}
9467
/* line 811, ../sass/_overlays.scss */
9459
/* line 813, ../sass/_overlays.scss */
9468 9460
.wizard .bottom .nav span:hover, .wizard .bottom .nav span:focus {
9469 9461
  -webkit-transition: background 0ms linear;
9470 9462
  -moz-transition: background 0ms linear;
......
9472 9464
  -o-transition: background 0ms linear;
9473 9465
  transition: background 0ms linear;
9474 9466
}
9475
/* line 816, ../sass/_overlays.scss */
9467
/* line 818, ../sass/_overlays.scss */
9476 9468
.wizard .bottom .prev {
9477 9469
  float: left;
9478 9470
  height: 30px;
9479 9471
  padding-left: 18px;
9480 9472
  background: url("../images/nav-edge-lt.png") no-repeat left top;
9481 9473
}
9482
/* line 821, ../sass/_overlays.scss */
9474
/* line 823, ../sass/_overlays.scss */
9483 9475
.wizard .bottom .prev span {
9484 9476
  padding-right: 10px;
9485 9477
  background: url("../images/nav-lt.png") no-repeat right top;
9486 9478
}
9487
/* line 827, ../sass/_overlays.scss */
9479
/* line 829, ../sass/_overlays.scss */
9488 9480
.wizard .bottom .prev:hover, .wizard .bottom .prev.active, .wizard .bottom .prev:focus {
9489 9481
  background-position: left bottom;
9490 9482
}
9491
/* line 829, ../sass/_overlays.scss */
9483
/* line 831, ../sass/_overlays.scss */
9492 9484
.wizard .bottom .prev:hover span, .wizard .bottom .prev.active span, .wizard .bottom .prev:focus span {
9493 9485
  background-position: right bottom;
9494 9486
}
9495
/* line 834, ../sass/_overlays.scss */
9487
/* line 836, ../sass/_overlays.scss */
9496 9488
.wizard .bottom .next {
9497 9489
  float: right;
9498 9490
  height: 30px;
9499 9491
  padding-right: 18px;
9500 9492
  background: url("../images/nav-edge-rt.png") no-repeat right top;
9501 9493
}
9502
/* line 839, ../sass/_overlays.scss */
9494
/* line 841, ../sass/_overlays.scss */
9503 9495
.wizard .bottom .next span {
9504 9496
  padding-left: 10px;
9505 9497
  background: url("../images/nav-rt.png") no-repeat left top;
9506 9498
  float: right;
9507 9499
}
9508
/* line 846, ../sass/_overlays.scss */
9500
/* line 848, ../sass/_overlays.scss */
9509 9501
.wizard .bottom .next:hover, .wizard .bottom .next.active, .wizard .bottom .next:focus {
9510 9502
  background-position: right bottom;
9511 9503
}
9512
/* line 848, ../sass/_overlays.scss */
9504
/* line 850, ../sass/_overlays.scss */
9513 9505
.wizard .bottom .next:hover span, .wizard .bottom .next.active span, .wizard .bottom .next:focus span {
9514 9506
  background-position: left bottom;
9515 9507
  float: right;
......
9517 9509

  
9518 9510
/* Responive ------------------------------------------------ */
9519 9511
@media only screen and (max-width: 768px) {
9520
  /* line 863, ../sass/_overlays.scss */
9512
  /* line 865, ../sass/_overlays.scss */
9521 9513
  .wizard .top {
9522 9514
    position: static;
9523 9515
  }
9524
  /* line 866, ../sass/_overlays.scss */
9516
  /* line 868, ../sass/_overlays.scss */
9525 9517
  .wizard .middle {
9526 9518
    padding-top: 0;
9527 9519
  }
9528 9520

  
9529
  /* line 871, ../sass/_overlays.scss */
9521
  /* line 873, ../sass/_overlays.scss */
9530 9522
  .overlay-wrapper .overlay-area {
9531 9523
    top: 0;
9532 9524
  }

Also available in: Unified diff