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