Revision f5321878 snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css

b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
8743 8743
.wizard .middle .step .advanced-conf-step .expand-btn a {
8744 8744
  color: white;
8745 8745
}
8746
/* line 480, ../sass/_overlays.scss */
8747
.wizard .middle .step .advanced-conf-step .expand-btn a:focus {
8748
  border: 1px solid #91969a;
8749
  padding: 2px;
8750
}
8751
/* line 488, ../sass/_overlays.scss */
8746
/* line 484, ../sass/_overlays.scss */
8752 8747
.wizard .middle .step .advanced-conf-step .adv-main {
8753 8748
  padding: 10px 0 30px;
8754 8749
  width: 37.5em;
8755 8750
}
8756
/* line 492, ../sass/_overlays.scss */
8751
/* line 488, ../sass/_overlays.scss */
8757 8752
.wizard .middle .step .advanced-conf-step .adv-main .vm-name h2 {
8758 8753
  color: white;
8759 8754
  font-size: 1em;
8760 8755
  margin-bottom: 0.5em;
8761 8756
}
8762
/* line 500, ../sass/_overlays.scss */
8757
/* line 496, ../sass/_overlays.scss */
8763 8758
.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 {
8764 8759
  color: white;
8765 8760
}
8766
/* line 503, ../sass/_overlays.scss */
8761
/* line 499, ../sass/_overlays.scss */
8767 8762
.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 {
8768 8763
  color: #485057;
8769 8764
}
8770
/* line 507, ../sass/_overlays.scss */
8765
/* line 503, ../sass/_overlays.scss */
8771 8766
.wizard .middle .step .advanced-conf-step .advanced-conf-options {
8772 8767
  display: none;
8773 8768
}
8774
/* line 509, ../sass/_overlays.scss */
8769
/* line 505, ../sass/_overlays.scss */
8775 8770
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area {
8776 8771
  padding: 30px 0;
8777 8772
}
8778
/* line 511, ../sass/_overlays.scss */
8773
/* line 507, ../sass/_overlays.scss */
8779 8774
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area .row {
8780 8775
  width: 37.5em;
8781 8776
}
8782
/* line 515, ../sass/_overlays.scss */
8777
/* line 511, ../sass/_overlays.scss */
8783 8778
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li {
8784 8779
  position: relative;
8785 8780
  list-style: none outside none;
8786 8781
  margin-bottom: 7px;
8787 8782
}
8788
/* line 520, ../sass/_overlays.scss */
8783
/* line 516, ../sass/_overlays.scss */
8789 8784
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li.checkbox:hover {
8790 8785
  cursor: pointer;
8791 8786
}
8792
/* line 524, ../sass/_overlays.scss */
8787
/* line 520, ../sass/_overlays.scss */
8793 8788
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li h3 {
8794 8789
  width: 18.75em;
8795 8790
  color: white;
......
8798 8793
  margin: 0 20px 0 0;
8799 8794
  display: inline-block;
8800 8795
}
8801
/* line 536, ../sass/_overlays.scss */
8796
/* line 532, ../sass/_overlays.scss */
8802 8797
.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area {
8803 8798
  background-color: #ff7049;
8804 8799
}
8805
/* line 539, ../sass/_overlays.scss */
8800
/* line 535, ../sass/_overlays.scss */
8806 8801
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area {
8807 8802
  background-color: #ff948c;
8808 8803
}
8809
/* line 542, ../sass/_overlays.scss */
8804
/* line 538, ../sass/_overlays.scss */
8810 8805
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons {
8811 8806
  padding-right: 20px;
8812 8807
  display: inline-block;
......
8815 8810
  font-size: 30px;
8816 8811
  margin-bottom: 0;
8817 8812
}
8818
/* line 552, ../sass/_overlays.scss */
8813
/* line 548, ../sass/_overlays.scss */
8819 8814
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span {
8820 8815
  margin-left: 6px;
8821 8816
}
8822
/* line 554, ../sass/_overlays.scss */
8817
/* line 550, ../sass/_overlays.scss */
8823 8818
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-modem {
8824 8819
  position: relative;
8825 8820
  top: -6px;
8826 8821
}
8827
/* line 563, ../sass/_overlays.scss */
8822
/* line 559, ../sass/_overlays.scss */
8828 8823
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more {
8829 8824
  display: none;
8830 8825
  background: #fff4f3;
......
8832 8827
  padding: 30px 0;
8833 8828
  color: #ff948c;
8834 8829
}
8835
/* line 569, ../sass/_overlays.scss */
8830
/* line 565, ../sass/_overlays.scss */
8836 8831
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more h3 {
8837 8832
  color: #ff948c;
8838 8833
}
8839
/* line 572, ../sass/_overlays.scss */
8834
/* line 568, ../sass/_overlays.scss */
8840 8835
.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 li.more .os li.current .btn-col a, .wizard .middle .step .os li.current .btn-col .advanced-conf-step .advanced-conf-options .networks-area li.more a, .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 {
8841 8836
  margin-top: 1em;
8842 8837
  border-color: #ff948c;
8843 8838
  color: #ff948c;
8844 8839
}
8845
/* line 581, ../sass/_overlays.scss */
8840
/* line 577, ../sass/_overlays.scss */
8846 8841
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area {
8847 8842
  background-color: #4c71ff;
8848 8843
}
8849
/* line 583, ../sass/_overlays.scss */
8844
/* line 579, ../sass/_overlays.scss */
8850 8845
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .snf-color-picker {
8851 8846
  display: none;
8852 8847
}
8853
/* line 586, ../sass/_overlays.scss */
8848
/* line 582, ../sass/_overlays.scss */
8854 8849
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area #picker {
8855 8850
  position: relative;
8856 8851
  width: 207px;
8857 8852
  margin: 30px 5px;
8858 8853
  display: inline-block;
8859 8854
}
8860
/* line 598, ../sass/_overlays.scss */
8855
/* line 594, ../sass/_overlays.scss */
8861 8856
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .btns {
8862 8857
  margin-top: 77px;
8863 8858
  margin-bottom: 30px;
8864 8859
}
8865
/* line 605, ../sass/_overlays.scss */
8860
/* line 601, ../sass/_overlays.scss */
8866 8861
.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 {
8867 8862
  margin-right: 20px;
8868 8863
}
8869
/* line 616, ../sass/_overlays.scss */
8864
/* line 612, ../sass/_overlays.scss */
8870 8865
.wizard .bottom {
8871 8866
  position: fixed;
8872 8867
  left: 0;
......
8875 8870
  border-top: 1px solid #333333;
8876 8871
  background: #485057;
8877 8872
}
8878
/* line 623, ../sass/_overlays.scss */
8873
/* line 619, ../sass/_overlays.scss */
8879 8874
.wizard .bottom .row {
8880 8875
  height: 60px;
8881 8876
  line-height: 60px;
8882 8877
}
8883
/* line 627, ../sass/_overlays.scss */
8878
/* line 623, ../sass/_overlays.scss */
8884 8879
.wizard .bottom .nav {
8885 8880
  height: 60px;
8886 8881
  line-height: 60px;
......
8891 8886
  top: 15px;
8892 8887
  width: 100px;
8893 8888
}
8894
/* line 636, ../sass/_overlays.scss */
8889
/* line 632, ../sass/_overlays.scss */
8895 8890
.wizard .bottom .nav:hover {
8896 8891
  -webkit-transition: background 0ms ease-out;
8897 8892
  -moz-transition: background 0ms ease-out;
......
8899 8894
  -o-transition: background 0ms ease-out;
8900 8895
  transition: background 0ms ease-out;
8901 8896
}
8902
/* line 639, ../sass/_overlays.scss */
8897
/* line 635, ../sass/_overlays.scss */
8903 8898
.wizard .bottom .nav span {
8904 8899
  display: inline-block;
8905 8900
  height: 30px;
8906 8901
  line-height: 30px;
8907 8902
  float: left;
8908 8903
}
8909
/* line 644, ../sass/_overlays.scss */
8904
/* line 640, ../sass/_overlays.scss */
8910 8905
.wizard .bottom .nav span:hover {
8911 8906
  -webkit-transition: background 0ms linear;
8912 8907
  -moz-transition: background 0ms linear;
......
8914 8909
  -o-transition: background 0ms linear;
8915 8910
  transition: background 0ms linear;
8916 8911
}
8917
/* line 649, ../sass/_overlays.scss */
8912
/* line 645, ../sass/_overlays.scss */
8918 8913
.wizard .bottom .prev {
8919 8914
  float: left;
8920 8915
  height: 30px;
8921 8916
  padding-left: 18px;
8922 8917
  background: url("../images/nav-edge-lt.png") no-repeat left top;
8923 8918
}
8924
/* line 654, ../sass/_overlays.scss */
8919
/* line 650, ../sass/_overlays.scss */
8925 8920
.wizard .bottom .prev span {
8926 8921
  padding-right: 10px;
8927 8922
  background: url("../images/nav-lt.png") no-repeat right top;
8928 8923
}
8929
/* line 659, ../sass/_overlays.scss */
8924
/* line 655, ../sass/_overlays.scss */
8930 8925
.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 {
8931 8926
  background-position: left bottom;
8932 8927
}
8933
/* line 661, ../sass/_overlays.scss */
8928
/* line 657, ../sass/_overlays.scss */
8934 8929
.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 {
8935 8930
  background-position: right bottom;
8936 8931
}
8937
/* line 666, ../sass/_overlays.scss */
8932
/* line 662, ../sass/_overlays.scss */
8938 8933
.wizard .bottom .next {
8939 8934
  float: right;
8940 8935
  height: 30px;
8941 8936
  padding-right: 18px;
8942 8937
  background: url("../images/nav-edge-rt.png") no-repeat right top;
8943 8938
}
8944
/* line 671, ../sass/_overlays.scss */
8939
/* line 667, ../sass/_overlays.scss */
8945 8940
.wizard .bottom .next span {
8946 8941
  padding-left: 10px;
8947 8942
  background: url("../images/nav-rt.png") no-repeat left top;
8948 8943
  float: right;
8949 8944
}
8950
/* line 677, ../sass/_overlays.scss */
8945
/* line 673, ../sass/_overlays.scss */
8951 8946
.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 {
8952 8947
  background-position: right bottom;
8953 8948
}
8954
/* line 679, ../sass/_overlays.scss */
8949
/* line 675, ../sass/_overlays.scss */
8955 8950
.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 {
8956 8951
  background-position: left bottom;
8957 8952
  float: right;
8958 8953
}
8959 8954

  
8960
/* line 688, ../sass/_overlays.scss */
8955
/* line 684, ../sass/_overlays.scss */
8961 8956
.wizard-content {
8962 8957
  overflow: hidden;
8963 8958
  width: 100%;
8964 8959
}
8965 8960

  
8966
/* line 693, ../sass/_overlays.scss */
8961
/* line 689, ../sass/_overlays.scss */
8967 8962
.vm-wizard-carousel {
8968 8963
  width: 90000px;
8969 8964
  position: relative;
......
8971 8966

  
8972 8967
/* Responive ------------------------------------------------ */
8973 8968
@media only screen and (max-width: 768px) {
8974
  /* line 705, ../sass/_overlays.scss */
8969
  /* line 701, ../sass/_overlays.scss */
8975 8970
  .wizard .top {
8976 8971
    position: static;
8977 8972
  }
8978
  /* line 708, ../sass/_overlays.scss */
8973
  /* line 704, ../sass/_overlays.scss */
8979 8974
  .wizard .middle {
8980 8975
    padding-top: 0;
8981 8976
  }
8982 8977

  
8983
  /* line 713, ../sass/_overlays.scss */
8978
  /* line 709, ../sass/_overlays.scss */
8984 8979
  .overlay-wrapper .overlay-area {
8985 8980
    top: 0;
8986 8981
  }

Also available in: Unified diff