Revision 74c8da56 snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
|---|---|---|
| 10733 | 10733 |
top: 20px; |
| 10734 | 10734 |
left: 165px; |
| 10735 | 10735 |
font-size: 1em; |
| 10736 |
white-space: nowrap; |
|
| 10736 | 10737 |
} |
| 10737 |
/* line 40, ../sass/_connected.scss */
|
|
| 10738 |
/* line 41, ../sass/_connected.scss */
|
|
| 10738 | 10739 |
.connected .item .what h4 .status {
|
| 10739 | 10740 |
font-weight: normal; |
| 10740 | 10741 |
display: block; |
| 10741 | 10742 |
font-size: 0.875em; |
| 10742 | 10743 |
} |
| 10743 |
/* line 47, ../sass/_connected.scss */
|
|
| 10744 |
/* line 48, ../sass/_connected.scss */
|
|
| 10744 | 10745 |
.connected .item .clearfix, .connected .item .list-view .items-list > li, .list-view .connected .item .items-list > li, .connected .item .storage-progress .items-list > li, .storage-progress .connected .item .items-list > li, .connected .item .details .top, .details .connected .item .top, .connected .item .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os .connected .item li, .connected .item .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details .connected .item dl, .connected .item .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .connected .item .title, .connected .item .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .connected .item .options-bar, .connected .item #volume-wizard .step .volume_options > li .title, #volume-wizard .step .volume_options > li .connected .item .title, .connected .item #volume-wizard .step .volume_options > li .options-bar, #volume-wizard .step .volume_options > li .connected .item .options-bar, .connected .item .what, .connected .item .connections > li {
|
| 10745 | 10746 |
position: relative; |
| 10746 | 10747 |
} |
| 10747 |
/* line 50, ../sass/_connected.scss */
|
|
| 10748 |
/* line 51, ../sass/_connected.scss */
|
|
| 10748 | 10749 |
.connected .item .connections {
|
| 10749 | 10750 |
list-style: none outside none; |
| 10750 | 10751 |
margin: 0; |
| 10751 | 10752 |
padding: 0; |
| 10752 | 10753 |
float: left; |
| 10753 | 10754 |
} |
| 10754 |
/* line 55, ../sass/_connected.scss */
|
|
| 10755 |
/* line 56, ../sass/_connected.scss */
|
|
| 10755 | 10756 |
.connected .item .connections > li {
|
| 10756 | 10757 |
list-style: none outside none; |
| 10757 | 10758 |
margin: 0; |
| ... | ... | |
| 10759 | 10760 |
position: relative; |
| 10760 | 10761 |
margin-bottom: 10px; |
| 10761 | 10762 |
} |
| 10762 |
/* line 62, ../sass/_connected.scss */
|
|
| 10763 |
/* line 63, ../sass/_connected.scss */
|
|
| 10763 | 10764 |
.connected .item .connections > li .icon {
|
| 10764 | 10765 |
width: 165px; |
| 10765 | 10766 |
text-align: center; |
| 10766 | 10767 |
border-top: 2px solid #e660a3; |
| 10767 | 10768 |
float: left; |
| 10768 | 10769 |
} |
| 10769 |
/* line 67, ../sass/_connected.scss */
|
|
| 10770 |
/* line 68, ../sass/_connected.scss */
|
|
| 10770 | 10771 |
.connected .item .connections > li .icon span {
|
| 10771 | 10772 |
position: relative; |
| 10772 | 10773 |
top: -20px; |
| ... | ... | |
| 10775 | 10776 |
font-size: 30px; |
| 10776 | 10777 |
line-height: 120%; |
| 10777 | 10778 |
} |
| 10778 |
/* line 76, ../sass/_connected.scss */
|
|
| 10779 |
/* line 77, ../sass/_connected.scss */
|
|
| 10779 | 10780 |
.connected .item .connections > li .act {
|
| 10780 | 10781 |
position: absolute; |
| 10781 | 10782 |
left: 0; |
| ... | ... | |
| 10789 | 10790 |
-webkit-transition: none; |
| 10790 | 10791 |
transition: none; |
| 10791 | 10792 |
} |
| 10792 |
/* line 88, ../sass/_connected.scss */
|
|
| 10793 |
/* line 89, ../sass/_connected.scss */
|
|
| 10793 | 10794 |
.connected .item .connections > li .act.open {
|
| 10794 | 10795 |
background: url(../images/disconnected.png) no-repeat 0 0 white; |
| 10795 | 10796 |
-moz-transition: none; |
| 10796 | 10797 |
-webkit-transition: none; |
| 10797 | 10798 |
transition: none; |
| 10798 | 10799 |
} |
| 10799 |
/* line 95, ../sass/_connected.scss */
|
|
| 10800 |
/* line 96, ../sass/_connected.scss */
|
|
| 10800 | 10801 |
.connected .item .connections > li .data {
|
| 10801 | 10802 |
float: left; |
| 10802 | 10803 |
position: relative; |
| 10803 | 10804 |
top: -15px; |
| 10804 | 10805 |
width: 350px; |
| 10805 | 10806 |
} |
| 10806 |
/* line 100, ../sass/_connected.scss */
|
|
| 10807 |
/* line 101, ../sass/_connected.scss */
|
|
| 10807 | 10808 |
.connected .item .connections > li .data ul {
|
| 10808 | 10809 |
padding: 5px 0 0; |
| 10809 | 10810 |
margin: 0; |
| 10810 | 10811 |
background-color: #bebebe; |
| 10811 | 10812 |
} |
| 10812 |
/* line 104, ../sass/_connected.scss */
|
|
| 10813 |
/* line 105, ../sass/_connected.scss */
|
|
| 10813 | 10814 |
.connected .item .connections > li .data ul li {
|
| 10814 | 10815 |
font-size: 0.75em; |
| 10815 | 10816 |
list-style: none outside none; |
| 10816 | 10817 |
padding: 0 10px 10px 10px; |
| 10817 | 10818 |
} |
| 10818 |
/* line 108, ../sass/_connected.scss */
|
|
| 10819 |
/* line 109, ../sass/_connected.scss */
|
|
| 10819 | 10820 |
.connected .item .connections > li .data ul li h5 {
|
| 10820 | 10821 |
float: left; |
| 10821 | 10822 |
margin: 0; |
| 10822 | 10823 |
line-height: 1.3em; |
| 10823 | 10824 |
} |
| 10824 |
/* line 112, ../sass/_connected.scss */
|
|
| 10825 |
/* line 113, ../sass/_connected.scss */
|
|
| 10825 | 10826 |
.connected .item .connections > li .data ul li h5.ip-data {
|
| 10826 | 10827 |
width: 10%; |
| 10827 | 10828 |
} |
| 10828 |
/* line 115, ../sass/_connected.scss */
|
|
| 10829 |
/* line 116, ../sass/_connected.scss */
|
|
| 10829 | 10830 |
.connected .item .connections > li .data ul li h5.volume-data {
|
| 10830 | 10831 |
width: 35%; |
| 10831 | 10832 |
} |
| 10832 |
/* line 119, ../sass/_connected.scss */
|
|
| 10833 |
/* line 120, ../sass/_connected.scss */
|
|
| 10833 | 10834 |
.connected .item .connections > li .data ul li p {
|
| 10834 | 10835 |
overflow: hidden; |
| 10835 | 10836 |
padding-left: 10px; |
| ... | ... | |
| 10837 | 10838 |
line-height: 1.3em; |
| 10838 | 10839 |
} |
| 10839 | 10840 |
|
| 10840 |
/* line 133, ../sass/_connected.scss */
|
|
| 10841 |
/* line 134, ../sass/_connected.scss */
|
|
| 10841 | 10842 |
.connect-new {
|
| 10842 | 10843 |
position: absolute; |
| 10843 | 10844 |
bottom: -150px; |
| ... | ... | |
| 10849 | 10850 |
margin-bottom: 50px; |
| 10850 | 10851 |
margin-left: -1px; |
| 10851 | 10852 |
} |
| 10852 |
/* line 143, ../sass/_connected.scss */
|
|
| 10853 |
/* line 144, ../sass/_connected.scss */
|
|
| 10853 | 10854 |
.connect-new .img-wrap {
|
| 10854 | 10855 |
position: relative; |
| 10855 | 10856 |
display: block; |
| ... | ... | |
| 10858 | 10859 |
background: url(../images/dashed_atom-x.png) repeat-x left top; |
| 10859 | 10860 |
overflow: inherit; |
| 10860 | 10861 |
} |
| 10861 |
/* line 150, ../sass/_connected.scss */
|
|
| 10862 |
/* line 151, ../sass/_connected.scss */
|
|
| 10862 | 10863 |
.connect-new .img-wrap > a {
|
| 10863 | 10864 |
display: block; |
| 10864 | 10865 |
position: absolute; |
| ... | ... | |
| 10868 | 10869 |
text-align: center; |
| 10869 | 10870 |
margin: -20px 0 0; |
| 10870 | 10871 |
} |
| 10871 |
/* line 158, ../sass/_connected.scss */
|
|
| 10872 |
/* line 159, ../sass/_connected.scss */
|
|
| 10872 | 10873 |
.connect-new .img-wrap > a .snf-font {
|
| 10873 | 10874 |
color: #485057; |
| 10874 | 10875 |
font-size: 3.75em; |
| 10875 | 10876 |
} |
| 10876 |
/* line 162, ../sass/_connected.scss */
|
|
| 10877 |
/* line 163, ../sass/_connected.scss */
|
|
| 10877 | 10878 |
.connect-new .img-wrap > a .snf-network-full {
|
| 10878 | 10879 |
position: relative; |
| 10879 | 10880 |
top: -9px; |
| 10880 | 10881 |
} |
| 10881 |
/* line 168, ../sass/_connected.scss */
|
|
| 10882 |
/* line 169, ../sass/_connected.scss */
|
|
| 10882 | 10883 |
.connect-new p {
|
| 10883 | 10884 |
position: absolute; |
| 10884 | 10885 |
left: 165px; |
| ... | ... | |
| 10887 | 10888 |
font-size: 0.875em; |
| 10888 | 10889 |
top: 90px; |
| 10889 | 10890 |
} |
| 10890 |
/* line 176, ../sass/_connected.scss */
|
|
| 10891 |
/* line 177, ../sass/_connected.scss */
|
|
| 10891 | 10892 |
.connect-new.network p {
|
| 10892 | 10893 |
top: 90px; |
| 10893 | 10894 |
} |
| 10894 |
/* line 179, ../sass/_connected.scss */
|
|
| 10895 |
/* line 180, ../sass/_connected.scss */
|
|
| 10895 | 10896 |
.connect-new.disk p {
|
| 10896 | 10897 |
top: 94px; |
| 10897 | 10898 |
} |
| 10898 |
/* line 183, ../sass/_connected.scss */
|
|
| 10899 |
/* line 184, ../sass/_connected.scss */
|
|
| 10899 | 10900 |
.connect-new:hover .img-wrap > a .snf-font, .connect-new:hover span, .connect-new:hover a {
|
| 10900 | 10901 |
color: #e660a3; |
| 10901 | 10902 |
} |
| 10902 | 10903 |
|
| 10903 |
/* line 190, ../sass/_connected.scss */
|
|
| 10904 |
/* line 191, ../sass/_connected.scss */
|
|
| 10904 | 10905 |
.network .connected {
|
| 10905 | 10906 |
left: 143px; |
| 10906 | 10907 |
top: -80px; |
| 10907 | 10908 |
padding-top: 80px; |
| 10908 | 10909 |
} |
| 10909 | 10910 |
|
| 10910 |
/* line 194, ../sass/_connected.scss */
|
|
| 10911 |
/* line 195, ../sass/_connected.scss */
|
|
| 10911 | 10912 |
.firewall {
|
| 10912 | 10913 |
float: left; |
| 10913 | 10914 |
margin-left: 20px; |
| ... | ... | |
| 10920 | 10921 |
white-space: nowrap; |
| 10921 | 10922 |
background-color: #fff; |
| 10922 | 10923 |
} |
| 10923 |
/* line 205, ../sass/_connected.scss */
|
|
| 10924 |
/* line 206, ../sass/_connected.scss */
|
|
| 10924 | 10925 |
.firewall p {
|
| 10925 | 10926 |
margin: 0; |
| 10926 | 10927 |
} |
| 10927 |
/* line 207, ../sass/_connected.scss */
|
|
| 10928 |
/* line 208, ../sass/_connected.scss */
|
|
| 10928 | 10929 |
.firewall p em {
|
| 10929 | 10930 |
color: #e660a3; |
| 10930 | 10931 |
} |
| 10931 |
/* line 211, ../sass/_connected.scss */
|
|
| 10932 |
/* line 212, ../sass/_connected.scss */
|
|
| 10932 | 10933 |
.firewall .more {
|
| 10933 | 10934 |
margin-top: 10px; |
| 10934 | 10935 |
margin-left: 0; |
| 10935 | 10936 |
list-style: none; |
| 10936 | 10937 |
display: none; |
| 10937 | 10938 |
} |
| 10938 |
/* line 218, ../sass/_connected.scss */
|
|
| 10939 |
/* line 219, ../sass/_connected.scss */
|
|
| 10939 | 10940 |
.firewall .more li {
|
| 10940 | 10941 |
min-width: 200px; |
| 10941 | 10942 |
} |
| 10942 |
/* line 220, ../sass/_connected.scss */
|
|
| 10943 |
/* line 221, ../sass/_connected.scss */
|
|
| 10943 | 10944 |
.firewall .more li span {
|
| 10944 | 10945 |
float: right; |
| 10945 | 10946 |
font-size: 0.875em; |
| 10946 | 10947 |
height: 14px; |
| 10947 | 10948 |
line-height: 22px; |
| 10948 | 10949 |
} |
| 10949 |
/* line 226, ../sass/_connected.scss */
|
|
| 10950 |
/* line 227, ../sass/_connected.scss */
|
|
| 10950 | 10951 |
.firewall .more li em {
|
| 10951 | 10952 |
float: right; |
| 10952 | 10953 |
margin: 0 5px 0 20px; |
| 10953 | 10954 |
width: 15px; |
| 10954 | 10955 |
display: inline-block; |
| 10955 | 10956 |
} |
| 10956 |
/* line 235, ../sass/_connected.scss */
|
|
| 10957 |
/* line 236, ../sass/_connected.scss */
|
|
| 10957 | 10958 |
.firewall.unprotected > p em, |
| 10958 | 10959 |
.firewall .unprotected a em {
|
| 10959 | 10960 |
color: #e02b2b; |
| 10960 | 10961 |
} |
| 10961 | 10962 |
|
| 10962 |
/* line 240, ../sass/_connected.scss */
|
|
| 10963 |
/* line 241, ../sass/_connected.scss */
|
|
| 10963 | 10964 |
.details .placeholder {
|
| 10964 | 10965 |
height: 100px; |
| 10965 | 10966 |
} |
Also available in: Unified diff