Revision 6bdd3dff snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
|---|---|---|
| 6816 | 6816 |
- Progress Bar |
| 6817 | 6817 |
- Responsive |
| 6818 | 6818 |
- Scroll Bar |
| 6819 |
- Images from sprites |
|
| 6819 | 6820 |
|
| 6820 | 6821 |
*/ |
| 6821 | 6822 |
/* Clearfix -------------------------------------------- */ |
| 6822 |
/* line 19, ../sass/_common.scss */
|
|
| 6823 |
/* line 20, ../sass/_common.scss */
|
|
| 6823 | 6824 |
.clearfix, .list-view .items-list > li, .storage-progress .items-list > li, .details .top, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl, .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 .options-bar, #volume-wizard .step .volume_options > li .title, #volume-wizard .step .volume_options > li .options-bar, .connected .item .what, .connected .item .connections > li {
|
| 6824 | 6825 |
zoom: 1; |
| 6825 | 6826 |
} |
| 6826 |
/* line 21, ../sass/_common.scss */
|
|
| 6827 |
/* line 22, ../sass/_common.scss */
|
|
| 6827 | 6828 |
.clearfix:before, .list-view .items-list > li:before, .storage-progress .items-list > li:before, .details .top:before, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li:before, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl:before, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title:before, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar:before, #volume-wizard .step .volume_options > li .title:before, #volume-wizard .step .volume_options > li .options-bar:before, .connected .item .what:before, .connected .item .connections > li:before, .clearfix:after, .list-view .items-list > li:after, .storage-progress .items-list > li:after, .details .top:after, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li:after, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl:after, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title:after, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar:after, #volume-wizard .step .volume_options > li .title:after, #volume-wizard .step .volume_options > li .options-bar:after, .connected .item .what:after, .connected .item .connections > li:after {
|
| 6828 | 6829 |
content: "\0020"; |
| 6829 | 6830 |
display: block; |
| 6830 | 6831 |
height: 0; |
| 6831 | 6832 |
overflow: hidden; |
| 6832 | 6833 |
} |
| 6833 |
/* line 27, ../sass/_common.scss */
|
|
| 6834 |
/* line 28, ../sass/_common.scss */
|
|
| 6834 | 6835 |
.clearfix:after, .list-view .items-list > li:after, .storage-progress .items-list > li:after, .details .top:after, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li:after, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl:after, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title:after, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar:after, #volume-wizard .step .volume_options > li .title:after, #volume-wizard .step .volume_options > li .options-bar:after, .connected .item .what:after, .connected .item .connections > li:after {
|
| 6835 | 6836 |
clear: both; |
| 6836 | 6837 |
} |
| 6837 | 6838 |
|
| 6838 | 6839 |
/* Mixins ----------------------------------------------- */ |
| 6839 | 6840 |
/* Circle and Tags ----------------------------------------------- */ |
| 6840 |
/* line 140, ../sass/_common.scss */
|
|
| 6841 |
/* line 141, ../sass/_common.scss */
|
|
| 6841 | 6842 |
.tags {
|
| 6842 | 6843 |
text-align: center; |
| 6843 | 6844 |
} |
| 6844 |
/* line 142, ../sass/_common.scss */
|
|
| 6845 |
/* line 143, ../sass/_common.scss */
|
|
| 6845 | 6846 |
.tags .tag {
|
| 6846 | 6847 |
display: inline-block; |
| 6847 | 6848 |
-webkit-border-radius: 999px; |
| ... | ... | |
| 6853 | 6854 |
behavior: url(PIE.htc); |
| 6854 | 6855 |
margin: 0 3px; |
| 6855 | 6856 |
} |
| 6856 |
/* line 145, ../sass/_common.scss */
|
|
| 6857 |
/* line 146, ../sass/_common.scss */
|
|
| 6857 | 6858 |
.tags .tag.tag1 {
|
| 6858 | 6859 |
background-color: #ff4040; |
| 6859 | 6860 |
} |
| 6860 |
/* line 146, ../sass/_common.scss */
|
|
| 6861 |
/* line 147, ../sass/_common.scss */
|
|
| 6861 | 6862 |
.tags .tag.tag2 {
|
| 6862 | 6863 |
background-color: #00a551; |
| 6863 | 6864 |
} |
| 6864 |
/* line 147, ../sass/_common.scss */
|
|
| 6865 |
/* line 148, ../sass/_common.scss */
|
|
| 6865 | 6866 |
.tags .tag.tag3 {
|
| 6866 | 6867 |
background-color: #30c79e; |
| 6867 | 6868 |
} |
| 6868 | 6869 |
|
| 6869 | 6870 |
/* Buttons and Links ----------------------------------------------- */ |
| 6870 |
/* line 155, ../sass/_common.scss */
|
|
| 6871 |
/* line 156, ../sass/_common.scss */
|
|
| 6871 | 6872 |
a {
|
| 6872 | 6873 |
color: #485057; |
| 6873 | 6874 |
} |
| 6874 |
/* line 157, ../sass/_common.scss */
|
|
| 6875 |
/* line 158, ../sass/_common.scss */
|
|
| 6875 | 6876 |
a:hover, a.current, a.active {
|
| 6876 | 6877 |
color: #30c79e; |
| 6877 | 6878 |
-webkit-transition: background 300ms ease-out; |
| ... | ... | |
| 6881 | 6882 |
transition: background 300ms ease-out; |
| 6882 | 6883 |
} |
| 6883 | 6884 |
|
| 6884 |
/* line 165, ../sass/_common.scss */
|
|
| 6885 |
/* line 166, ../sass/_common.scss */
|
|
| 6885 | 6886 |
.inactive {
|
| 6886 | 6887 |
color: #919194 !important; |
| 6887 | 6888 |
} |
| 6888 |
/* line 167, ../sass/_common.scss */
|
|
| 6889 |
/* line 168, ../sass/_common.scss */
|
|
| 6889 | 6890 |
.inactive:hover {
|
| 6890 | 6891 |
color: #919194; |
| 6891 | 6892 |
cursor: default; |
| 6892 | 6893 |
} |
| 6893 | 6894 |
|
| 6894 |
/* line 174, ../sass/_common.scss */
|
|
| 6895 |
/* line 175, ../sass/_common.scss */
|
|
| 6895 | 6896 |
.btn1, .btn2, .btn3, .btn4, .btn-img {
|
| 6896 | 6897 |
border: 1px solid #919194; |
| 6897 | 6898 |
color: #919194; |
| ... | ... | |
| 6900 | 6901 |
line-height: 1em; |
| 6901 | 6902 |
text-align: center; |
| 6902 | 6903 |
} |
| 6903 |
/* line 183, ../sass/_common.scss */
|
|
| 6904 |
/* line 184, ../sass/_common.scss */
|
|
| 6904 | 6905 |
.btn1:hover, .btn2:hover, .btn3:hover, .btn4:hover, .btn-img:hover, .btn1.current, .current.btn2, .current.btn3, .current.btn4, .current.btn-img, .btn1:focus, .btn2:focus, .btn3:focus, .btn4:focus, .btn-img:focus {
|
| 6905 | 6906 |
border-color: #30c79e; |
| 6906 | 6907 |
background: #30c79e; |
| 6907 | 6908 |
color: #fff; |
| 6908 | 6909 |
} |
| 6909 |
/* line 188, ../sass/_common.scss */
|
|
| 6910 |
/* line 189, ../sass/_common.scss */
|
|
| 6910 | 6911 |
.btn1.current, .current.btn2, .current.btn3, .current.btn4, .current.btn-img {
|
| 6911 | 6912 |
cursor: default; |
| 6912 | 6913 |
} |
| 6913 | 6914 |
|
| 6914 |
/* line 193, ../sass/_common.scss */
|
|
| 6915 |
/* line 194, ../sass/_common.scss */
|
|
| 6915 | 6916 |
.btn2 {
|
| 6916 | 6917 |
color: #30c79e; |
| 6917 | 6918 |
background: #fff; |
| 6918 | 6919 |
border-color: #30c79e; |
| 6919 | 6920 |
} |
| 6920 |
/* line 200, ../sass/_common.scss */
|
|
| 6921 |
/* line 201, ../sass/_common.scss */
|
|
| 6921 | 6922 |
.btn2:hover, .btn2.current, .btn2:focus {
|
| 6922 | 6923 |
background: transparent; |
| 6923 | 6924 |
border-color: #fff; |
| 6924 | 6925 |
} |
| 6925 | 6926 |
|
| 6926 |
/* line 206, ../sass/_common.scss */
|
|
| 6927 |
/* line 207, ../sass/_common.scss */
|
|
| 6927 | 6928 |
.btn3 {
|
| 6928 | 6929 |
color: #fff; |
| 6929 | 6930 |
border-color: #fff; |
| 6930 | 6931 |
} |
| 6931 |
/* line 212, ../sass/_common.scss */
|
|
| 6932 |
/* line 213, ../sass/_common.scss */
|
|
| 6932 | 6933 |
.btn3:hover, .btn3.current, .btn3:focus {
|
| 6933 | 6934 |
color: #30c79e; |
| 6934 | 6935 |
background: #fff; |
| 6935 | 6936 |
border-color: #fff; |
| 6936 | 6937 |
} |
| 6937 | 6938 |
|
| 6938 |
/* line 219, ../sass/_common.scss */
|
|
| 6939 |
/* line 220, ../sass/_common.scss */
|
|
| 6939 | 6940 |
.btn4 {
|
| 6940 | 6941 |
color: #fff; |
| 6941 | 6942 |
border-color: #fff; |
| 6942 | 6943 |
background: #30c79e; |
| 6943 | 6944 |
} |
| 6944 |
/* line 226, ../sass/_common.scss */
|
|
| 6945 |
/* line 227, ../sass/_common.scss */
|
|
| 6945 | 6946 |
.btn4:hover, .btn4.current, .btn4:focus {
|
| 6946 | 6947 |
color: #30c79e; |
| 6947 | 6948 |
border-color: #30c79e; |
| 6948 | 6949 |
background: #fff; |
| 6949 | 6950 |
} |
| 6950 | 6951 |
|
| 6951 |
/* line 233, ../sass/_common.scss */
|
|
| 6952 |
/* line 234, ../sass/_common.scss */
|
|
| 6952 | 6953 |
.btn5, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a, #volume-wizard .step .volume_options > li .options-bar .options li a {
|
| 6953 | 6954 |
border: 1px solid white; |
| 6954 | 6955 |
color: white; |
| ... | ... | |
| 6959 | 6960 |
text-align: center; |
| 6960 | 6961 |
font-size: 0.75em; |
| 6961 | 6962 |
} |
| 6962 |
/* line 243, ../sass/_common.scss */
|
|
| 6963 |
/* line 244, ../sass/_common.scss */
|
|
| 6963 | 6964 |
.btn5:hover, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a:hover, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a:hover, #volume-wizard .step .volume_options > li .options-bar .options li a:hover, .btn5:focus, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a:focus, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a:focus, #volume-wizard .step .volume_options > li .options-bar .options li a:focus {
|
| 6964 | 6965 |
border-width: 2px; |
| 6965 | 6966 |
line-height: 26px; |
| 6966 | 6967 |
padding: 0 19px; |
| 6967 | 6968 |
color: white; |
| 6968 | 6969 |
} |
| 6969 |
/* line 249, ../sass/_common.scss */
|
|
| 6970 |
/* line 250, ../sass/_common.scss */
|
|
| 6970 | 6971 |
.btn5.current, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a.current, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a.current, #volume-wizard .step .volume_options > li .options-bar .options li a.current {
|
| 6971 | 6972 |
background: white; |
| 6972 | 6973 |
color: #30c79e; |
| 6973 | 6974 |
} |
| 6974 | 6975 |
|
| 6975 |
/* line 255, ../sass/_common.scss */
|
|
| 6976 |
/* line 256, ../sass/_common.scss */
|
|
| 6976 | 6977 |
.btn-img {
|
| 6977 | 6978 |
border-color: #30c79e; |
| 6978 | 6979 |
} |
| 6979 |
/* line 259, ../sass/_common.scss */
|
|
| 6980 |
/* line 260, ../sass/_common.scss */
|
|
| 6980 | 6981 |
.btn-img:hover, .btn-img:focus {
|
| 6981 | 6982 |
background: transparent; |
| 6982 | 6983 |
} |
| 6983 |
/* line 263, ../sass/_common.scss */
|
|
| 6984 |
/* line 264, ../sass/_common.scss */
|
|
| 6984 | 6985 |
.btn-img a img, .btn-img a span {
|
| 6985 | 6986 |
margin-left: 5px; |
| 6986 | 6987 |
} |
| 6987 | 6988 |
|
| 6988 | 6989 |
/* Layout ----------------------------------------------- */ |
| 6989 |
/* line 271, ../sass/_common.scss */
|
|
| 6990 |
/* line 272, ../sass/_common.scss */
|
|
| 6990 | 6991 |
html, body {
|
| 6991 | 6992 |
height: 100%; |
| 6992 | 6993 |
} |
| 6993 | 6994 |
|
| 6994 |
/* line 275, ../sass/_common.scss */
|
|
| 6995 |
/* line 276, ../sass/_common.scss */
|
|
| 6995 | 6996 |
body {
|
| 6996 | 6997 |
padding-top: 110px; |
| 6997 | 6998 |
} |
| 6998 | 6999 |
|
| 6999 |
/* line 279, ../sass/_common.scss */
|
|
| 7000 |
/* line 280, ../sass/_common.scss */
|
|
| 7000 | 7001 |
.body-wrapper {
|
| 7001 | 7002 |
min-height: 100%; |
| 7002 | 7003 |
} |
| 7003 | 7004 |
|
| 7004 |
/* line 283, ../sass/_common.scss */
|
|
| 7005 |
/* line 284, ../sass/_common.scss */
|
|
| 7005 | 7006 |
.main {
|
| 7006 | 7007 |
padding: 0 0.625em; |
| 7007 | 7008 |
} |
| 7008 | 7009 |
|
| 7009 | 7010 |
/* Header ----------------------------------------------- */ |
| 7010 |
/* line 289, ../sass/_common.scss */
|
|
| 7011 |
/* line 290, ../sass/_common.scss */
|
|
| 7011 | 7012 |
.header {
|
| 7012 | 7013 |
position: fixed; |
| 7013 | 7014 |
top: 0; |
| ... | ... | |
| 7020 | 7021 |
background: white; |
| 7021 | 7022 |
z-index: 100; |
| 7022 | 7023 |
} |
| 7023 |
/* line 300, ../sass/_common.scss */
|
|
| 7024 |
/* line 301, ../sass/_common.scss */
|
|
| 7024 | 7025 |
.header .icons-nav {
|
| 7025 | 7026 |
position: absolute; |
| 7026 | 7027 |
left: 15px; |
| ... | ... | |
| 7028 | 7029 |
line-height: 80px; |
| 7029 | 7030 |
top: 0; |
| 7030 | 7031 |
} |
| 7031 |
/* line 306, ../sass/_common.scss */
|
|
| 7032 |
/* line 307, ../sass/_common.scss */
|
|
| 7032 | 7033 |
.header .icons-nav li {
|
| 7033 | 7034 |
line-height: 80px; |
| 7034 | 7035 |
} |
| 7035 |
/* line 310, ../sass/_common.scss */
|
|
| 7036 |
/* line 311, ../sass/_common.scss */
|
|
| 7036 | 7037 |
.header .logo {
|
| 7037 | 7038 |
text-align: center; |
| 7038 | 7039 |
} |
| 7039 |
/* line 312, ../sass/_common.scss */
|
|
| 7040 |
/* line 313, ../sass/_common.scss */
|
|
| 7040 | 7041 |
.header .logo a {
|
| 7041 | 7042 |
position: relative; |
| 7042 | 7043 |
} |
| 7043 |
/* line 316, ../sass/_common.scss */
|
|
| 7044 |
/* line 317, ../sass/_common.scss */
|
|
| 7044 | 7045 |
.header .logo img {
|
| 7045 | 7046 |
height: 40px; |
| 7046 | 7047 |
} |
| 7047 |
/* line 319, ../sass/_common.scss */
|
|
| 7048 |
/* line 320, ../sass/_common.scss */
|
|
| 7048 | 7049 |
.header .logo h2 {
|
| 7049 | 7050 |
display: none; |
| 7050 | 7051 |
margin: 0; |
| ... | ... | |
| 7052 | 7053 |
color: #919194; |
| 7053 | 7054 |
font-weight: normal; |
| 7054 | 7055 |
} |
| 7055 |
/* line 327, ../sass/_common.scss */
|
|
| 7056 |
/* line 328, ../sass/_common.scss */
|
|
| 7056 | 7057 |
.header .login {
|
| 7057 | 7058 |
position: absolute; |
| 7058 | 7059 |
top: 25px; |
| 7059 | 7060 |
right: 15px; |
| 7060 | 7061 |
} |
| 7061 |
/* line 332, ../sass/_common.scss */
|
|
| 7062 |
/* line 333, ../sass/_common.scss */
|
|
| 7062 | 7063 |
.header .login .wrap {
|
| 7063 | 7064 |
border: 1px solid #1e1e1e; |
| 7064 | 7065 |
background: white; |
| ... | ... | |
| 7066 | 7067 |
padding: 12px 30px; |
| 7067 | 7068 |
line-height: 100%; |
| 7068 | 7069 |
} |
| 7069 |
/* line 339, ../sass/_common.scss */
|
|
| 7070 |
/* line 340, ../sass/_common.scss */
|
|
| 7070 | 7071 |
.header .login .wrap ul {
|
| 7071 | 7072 |
padding: 0; |
| 7072 | 7073 |
margin: 0; |
| 7073 | 7074 |
list-style: none outside none; |
| 7074 | 7075 |
display: none; |
| 7075 | 7076 |
} |
| 7076 |
/* line 344, ../sass/_common.scss */
|
|
| 7077 |
/* line 345, ../sass/_common.scss */
|
|
| 7077 | 7078 |
.header .login .wrap ul li {
|
| 7078 | 7079 |
list-style: none outside none; |
| 7079 | 7080 |
padding: 0; |
| ... | ... | |
| 7081 | 7082 |
} |
| 7082 | 7083 |
|
| 7083 | 7084 |
/* Actions Bar ----------------------------------------------- */ |
| 7084 |
/* line 357, ../sass/_common.scss */
|
|
| 7085 |
/* line 358, ../sass/_common.scss */
|
|
| 7085 | 7086 |
.actions-bar {
|
| 7086 | 7087 |
position: fixed; |
| 7087 | 7088 |
left: 0; |
| ... | ... | |
| 7093 | 7094 |
line-height: 30px; |
| 7094 | 7095 |
background-color: #ebebec; |
| 7095 | 7096 |
} |
| 7096 |
/* line 367, ../sass/_common.scss */
|
|
| 7097 |
/* line 368, ../sass/_common.scss */
|
|
| 7097 | 7098 |
.actions-bar h2 {
|
| 7098 | 7099 |
float: left; |
| 7099 | 7100 |
margin: 0 0 0 15px; |
| ... | ... | |
| 7101 | 7102 |
line-height: 30px; |
| 7102 | 7103 |
font-weight: normal; |
| 7103 | 7104 |
} |
| 7104 |
/* line 374, ../sass/_common.scss */
|
|
| 7105 |
/* line 375, ../sass/_common.scss */
|
|
| 7105 | 7106 |
.actions-bar h2 a:after {
|
| 7106 | 7107 |
content: " >"; |
| 7107 | 7108 |
} |
| 7108 |
/* line 379, ../sass/_common.scss */
|
|
| 7109 |
/* line 380, ../sass/_common.scss */
|
|
| 7109 | 7110 |
.actions-bar .filter-menu {
|
| 7110 | 7111 |
float: right; |
| 7111 | 7112 |
position: relative; |
| 7112 | 7113 |
} |
| 7113 |
/* line 382, ../sass/_common.scss */
|
|
| 7114 |
/* line 383, ../sass/_common.scss */
|
|
| 7114 | 7115 |
.actions-bar .filter-menu .filter {
|
| 7115 | 7116 |
padding: 0 10px; |
| 7116 | 7117 |
font-size: 0.75em; |
| 7117 | 7118 |
position: relative; |
| 7118 |
top: -2px;
|
|
| 7119 |
top: 1px;
|
|
| 7119 | 7120 |
} |
| 7120 |
/* line 388, ../sass/_common.scss */
|
|
| 7121 |
/* line 389, ../sass/_common.scss */
|
|
| 7121 | 7122 |
.actions-bar .filter-menu .options {
|
| 7122 | 7123 |
display: none; |
| 7123 | 7124 |
position: absolute; |
| ... | ... | |
| 7129 | 7130 |
text-align: left; |
| 7130 | 7131 |
margin: 0; |
| 7131 | 7132 |
} |
| 7132 |
/* line 400, ../sass/_common.scss */
|
|
| 7133 |
/* line 401, ../sass/_common.scss */
|
|
| 7133 | 7134 |
.actions-bar .filter-menu.current .options {
|
| 7134 | 7135 |
background-color: #ababad; |
| 7135 | 7136 |
display: inline-block; |
| 7136 | 7137 |
} |
| 7137 |
/* line 403, ../sass/_common.scss */
|
|
| 7138 |
/* line 404, ../sass/_common.scss */
|
|
| 7138 | 7139 |
.actions-bar .filter-menu.current .options a {
|
| 7139 | 7140 |
color: white; |
| 7140 | 7141 |
} |
| 7141 |
/* line 412, ../sass/_common.scss */
|
|
| 7142 |
/* line 413, ../sass/_common.scss */
|
|
| 7142 | 7143 |
.actions-bar .row {
|
| 7143 | 7144 |
position: relative; |
| 7144 | 7145 |
height: 30px; |
| 7145 | 7146 |
} |
| 7146 |
/* line 417, ../sass/_common.scss */
|
|
| 7147 |
/* line 418, ../sass/_common.scss */
|
|
| 7147 | 7148 |
.actions-bar .hd-search {
|
| 7148 | 7149 |
width: 24px; |
| 7149 | 7150 |
overflow: hidden; |
| ... | ... | |
| 7158 | 7159 |
transition: width 0.3s linear; |
| 7159 | 7160 |
-webkit-backface-visibility: hidden; |
| 7160 | 7161 |
} |
| 7161 |
/* line 427, ../sass/_common.scss */
|
|
| 7162 |
/* line 428, ../sass/_common.scss */
|
|
| 7162 | 7163 |
.actions-bar .hd-search .hd-icon-search {
|
| 7163 | 7164 |
display: block; |
| 7164 | 7165 |
width: 30px; |
| ... | ... | |
| 7170 | 7171 |
position: relative; |
| 7171 | 7172 |
background: #ebebec; |
| 7172 | 7173 |
} |
| 7173 |
/* line 434, ../sass/_common.scss */
|
|
| 7174 |
/* line 435, ../sass/_common.scss */
|
|
| 7174 | 7175 |
.actions-bar .hd-search .hd-icon-search:hover {
|
| 7175 | 7176 |
color: #30c79e; |
| 7176 | 7177 |
cursor: pointer; |
| 7177 | 7178 |
} |
| 7178 |
/* line 442, ../sass/_common.scss */
|
|
| 7179 |
/* line 443, ../sass/_common.scss */
|
|
| 7179 | 7180 |
.actions-bar .hd-search .hd-search-input {
|
| 7180 | 7181 |
border: transparent; |
| 7181 | 7182 |
background-color: white; |
| ... | ... | |
| 7189 | 7190 |
top: 4px; |
| 7190 | 7191 |
left: 0; |
| 7191 | 7192 |
} |
| 7192 |
/* line 455, ../sass/_common.scss */
|
|
| 7193 |
/* line 456, ../sass/_common.scss */
|
|
| 7193 | 7194 |
.actions-bar .hd-search.hd-open {
|
| 7194 | 7195 |
width: 190px; |
| 7195 | 7196 |
} |
| 7196 |
/* line 459, ../sass/_common.scss */
|
|
| 7197 |
/* line 460, ../sass/_common.scss */
|
|
| 7197 | 7198 |
.actions-bar .rt-actions {
|
| 7198 | 7199 |
float: right; |
| 7199 | 7200 |
margin-right: 15px; |
| 7200 | 7201 |
} |
| 7201 |
/* line 462, ../sass/_common.scss */
|
|
| 7202 |
/* line 463, ../sass/_common.scss */
|
|
| 7202 | 7203 |
.actions-bar .rt-actions .current, .actions-bar .rt-actions a:hover {
|
| 7203 | 7204 |
color: #30c79e; |
| 7204 | 7205 |
} |
| 7205 |
/* line 465, ../sass/_common.scss */
|
|
| 7206 |
/* line 466, ../sass/_common.scss */
|
|
| 7206 | 7207 |
.actions-bar .rt-actions a {
|
| 7207 | 7208 |
margin-right: 10px; |
| 7208 | 7209 |
} |
| 7209 |
/* line 467, ../sass/_common.scss */
|
|
| 7210 |
/* line 468, ../sass/_common.scss */
|
|
| 7210 | 7211 |
.actions-bar .rt-actions a span {
|
| 7211 | 7212 |
position: relative; |
| 7212 | 7213 |
} |
| 7213 |
/* line 471, ../sass/_common.scss */
|
|
| 7214 |
/* line 472, ../sass/_common.scss */
|
|
| 7214 | 7215 |
.actions-bar .rt-actions a span.snf-folder-create-outline {
|
| 7215 | 7216 |
font-size: 1.1875em; |
| 7216 | 7217 |
} |
| 7217 |
/* line 474, ../sass/_common.scss */
|
|
| 7218 |
/* line 475, ../sass/_common.scss */
|
|
| 7218 | 7219 |
.actions-bar .rt-actions a span.snf-refresh-outline {
|
| 7219 | 7220 |
font-size: 0.875em; |
| 7220 | 7221 |
} |
| 7221 |
/* line 479, ../sass/_common.scss */
|
|
| 7222 |
/* line 480, ../sass/_common.scss */
|
|
| 7222 | 7223 |
.actions-bar .rt-actions .single {
|
| 7223 | 7224 |
width: 14px; |
| 7224 | 7225 |
height: 14px; |
| 7225 | 7226 |
background-color: #485057; |
| 7226 | 7227 |
display: inline-block; |
| 7227 | 7228 |
} |
| 7228 |
/* line 482, ../sass/_common.scss */
|
|
| 7229 |
/* line 483, ../sass/_common.scss */
|
|
| 7229 | 7230 |
.actions-bar .rt-actions .single.current, .actions-bar .rt-actions .single:hover {
|
| 7230 | 7231 |
background-color: #30c79e; |
| 7231 | 7232 |
} |
| 7232 | 7233 |
|
| 7233 |
/* line 492, ../sass/_common.scss */
|
|
| 7234 |
/* line 493, ../sass/_common.scss */
|
|
| 7234 | 7235 |
.no-vm .actions-bar .rt-actions, .no-vm .actions-bar .hd-search, .no-vm .actions-bar .filter {
|
| 7235 | 7236 |
display: none; |
| 7236 | 7237 |
} |
| 7237 | 7238 |
|
| 7238 | 7239 |
/* Icons Navigation ----------------------------------------------- */ |
| 7239 |
/* line 500, ../sass/_common.scss */
|
|
| 7240 |
/* line 501, ../sass/_common.scss */
|
|
| 7240 | 7241 |
.icons-nav {
|
| 7241 | 7242 |
margin: 0; |
| 7242 | 7243 |
padding: 0; |
| 7243 | 7244 |
} |
| 7244 |
/* line 502, ../sass/_common.scss */
|
|
| 7245 |
/* line 503, ../sass/_common.scss */
|
|
| 7245 | 7246 |
.icons-nav li {
|
| 7246 | 7247 |
display: inline-block; |
| 7247 | 7248 |
margin-right: 10px; |
| ... | ... | |
| 7250 | 7251 |
} |
| 7251 | 7252 |
|
| 7252 | 7253 |
/* Top info ----------------------------------------------- */ |
| 7253 |
/* line 515, ../sass/_common.scss */
|
|
| 7254 |
/* line 516, ../sass/_common.scss */
|
|
| 7254 | 7255 |
.top-info {
|
| 7255 | 7256 |
padding: 50px 100px; |
| 7256 | 7257 |
position: relative; |
| 7257 | 7258 |
z-index: 10; |
| 7258 | 7259 |
display: none; |
| 7259 | 7260 |
} |
| 7260 |
/* line 520, ../sass/_common.scss */
|
|
| 7261 |
/* line 521, ../sass/_common.scss */
|
|
| 7261 | 7262 |
.top-info .close {
|
| 7262 | 7263 |
position: absolute; |
| 7263 | 7264 |
right: 15px; |
| ... | ... | |
| 7270 | 7271 |
overflow: hidden; |
| 7271 | 7272 |
} |
| 7272 | 7273 |
|
| 7273 |
/* line 529, ../sass/_common.scss */
|
|
| 7274 |
/* line 530, ../sass/_common.scss */
|
|
| 7274 | 7275 |
.info.error {
|
| 7275 | 7276 |
background: #ff4040; |
| 7276 | 7277 |
color: #fff; |
| 7277 | 7278 |
} |
| 7278 | 7279 |
|
| 7279 |
/* line 535, ../sass/_common.scss */
|
|
| 7280 |
/* line 536, ../sass/_common.scss */
|
|
| 7280 | 7281 |
.info.alert {
|
| 7281 | 7282 |
background: #30c79e; |
| 7282 | 7283 |
color: #fff; |
| 7283 | 7284 |
} |
| 7284 | 7285 |
|
| 7285 |
/* line 540, ../sass/_common.scss */
|
|
| 7286 |
/* line 541, ../sass/_common.scss */
|
|
| 7286 | 7287 |
.info.warning {
|
| 7287 | 7288 |
background: #919194; |
| 7288 | 7289 |
color: #fff; |
| 7289 | 7290 |
} |
| 7290 | 7291 |
|
| 7291 |
/* line 545, ../sass/_common.scss */
|
|
| 7292 |
/* line 546, ../sass/_common.scss */
|
|
| 7292 | 7293 |
.info.success {
|
| 7293 | 7294 |
background: #00a551; |
| 7294 | 7295 |
color: #fff; |
| 7295 | 7296 |
} |
| 7296 | 7297 |
|
| 7297 |
/* line 550, ../sass/_common.scss */
|
|
| 7298 |
/* line 551, ../sass/_common.scss */
|
|
| 7298 | 7299 |
.border-bottom-style1 {
|
| 7299 | 7300 |
padding-bottom: 20px; |
| 7300 | 7301 |
margin-bottom: 20px; |
| ... | ... | |
| 7302 | 7303 |
} |
| 7303 | 7304 |
|
| 7304 | 7305 |
/* Progress Bar ----------------------------------------------- */ |
| 7305 |
/* line 559, ../sass/_common.scss */
|
|
| 7306 |
/* line 560, ../sass/_common.scss */
|
|
| 7306 | 7307 |
.progress-bar {
|
| 7307 | 7308 |
position: fixed; |
| 7308 | 7309 |
bottom: 0; |
| ... | ... | |
| 7313 | 7314 |
padding: 20px 0 20px 310px; |
| 7314 | 7315 |
color: #919194; |
| 7315 | 7316 |
} |
| 7316 |
/* line 568, ../sass/_common.scss */
|
|
| 7317 |
/* line 569, ../sass/_common.scss */
|
|
| 7317 | 7318 |
.progress-bar span.counter {
|
| 7318 | 7319 |
display: inline-block; |
| 7319 | 7320 |
margin-right: 20px; |
| 7320 | 7321 |
float: left; |
| 7321 | 7322 |
} |
| 7322 |
/* line 573, ../sass/_common.scss */
|
|
| 7323 |
/* line 574, ../sass/_common.scss */
|
|
| 7323 | 7324 |
.progress-bar div.progress-wrap {
|
| 7324 | 7325 |
display: inline-block; |
| 7325 | 7326 |
float: left; |
| 7326 | 7327 |
width: 40%; |
| 7327 | 7328 |
margin-right: 60px; |
| 7328 | 7329 |
} |
| 7329 |
/* line 578, ../sass/_common.scss */
|
|
| 7330 |
/* line 579, ../sass/_common.scss */
|
|
| 7330 | 7331 |
.progress-bar div.progress-wrap .progress {
|
| 7331 | 7332 |
position: relative; |
| 7332 | 7333 |
top: 2px; |
| 7333 | 7334 |
} |
| 7334 |
/* line 583, ../sass/_common.scss */
|
|
| 7335 |
/* line 584, ../sass/_common.scss */
|
|
| 7335 | 7336 |
.progress-bar span.more {
|
| 7336 | 7337 |
display: inline-block; |
| 7337 | 7338 |
} |
| 7338 | 7339 |
|
| 7339 |
/* line 588, ../sass/_common.scss */
|
|
| 7340 |
/* line 589, ../sass/_common.scss */
|
|
| 7340 | 7341 |
.storage-progress {
|
| 7341 | 7342 |
display: none; |
| 7342 | 7343 |
position: fixed; |
| ... | ... | |
| 7353 | 7354 |
-o-transition: background-color 500ms linear; |
| 7354 | 7355 |
transition: background-color 500ms linear; |
| 7355 | 7356 |
} |
| 7356 |
/* line 599, ../sass/_common.scss */
|
|
| 7357 |
/* line 600, ../sass/_common.scss */
|
|
| 7357 | 7358 |
.storage-progress.ready {
|
| 7358 | 7359 |
background: #00a551; |
| 7359 | 7360 |
} |
| 7360 |
/* line 602, ../sass/_common.scss */
|
|
| 7361 |
/* line 603, ../sass/_common.scss */
|
|
| 7361 | 7362 |
.storage-progress .wrap {
|
| 7362 | 7363 |
position: relative; |
| 7363 | 7364 |
padding: 10px; |
| 7364 | 7365 |
} |
| 7365 |
/* line 606, ../sass/_common.scss */
|
|
| 7366 |
/* line 607, ../sass/_common.scss */
|
|
| 7366 | 7367 |
.storage-progress .loader {
|
| 7367 | 7368 |
position: absolute; |
| 7368 | 7369 |
height: 5px; |
| ... | ... | |
| 7371 | 7372 |
background: #ffc54a; |
| 7372 | 7373 |
width: 0%; |
| 7373 | 7374 |
} |
| 7374 |
/* line 614, ../sass/_common.scss */
|
|
| 7375 |
/* line 615, ../sass/_common.scss */
|
|
| 7375 | 7376 |
.storage-progress .summary {
|
| 7376 | 7377 |
padding-left: 210px; |
| 7377 | 7378 |
margin: 0; |
| 7378 | 7379 |
font-size: 0.75em; |
| 7379 | 7380 |
} |
| 7380 |
/* line 618, ../sass/_common.scss */
|
|
| 7381 |
/* line 619, ../sass/_common.scss */
|
|
| 7381 | 7382 |
.storage-progress .summary span {
|
| 7382 | 7383 |
background-color: #fff; |
| 7383 | 7384 |
color: #ff4040; |
| ... | ... | |
| 7389 | 7390 |
-o-transition: opacity 500ms linear; |
| 7390 | 7391 |
transition: opacity 500ms linear; |
| 7391 | 7392 |
} |
| 7392 |
/* line 624, ../sass/_common.scss */
|
|
| 7393 |
/* line 625, ../sass/_common.scss */
|
|
| 7393 | 7394 |
.storage-progress .summary span.animated {
|
| 7394 | 7395 |
opacity: 0; |
| 7395 | 7396 |
} |
| 7396 |
/* line 629, ../sass/_common.scss */
|
|
| 7397 |
/* line 630, ../sass/_common.scss */
|
|
| 7397 | 7398 |
.storage-progress .details {
|
| 7398 | 7399 |
display: none; |
| 7399 | 7400 |
} |
| 7400 | 7401 |
|
| 7401 | 7402 |
/* Responive ------------------------------------------------ */ |
| 7402 | 7403 |
@media only screen and (max-width: 768px) {
|
| 7403 |
/* line 640, ../sass/_common.scss */
|
|
| 7404 |
/* line 641, ../sass/_common.scss */
|
|
| 7404 | 7405 |
body {
|
| 7405 | 7406 |
padding-top: 0; |
| 7406 | 7407 |
} |
| 7407 | 7408 |
|
| 7408 |
/* line 643, ../sass/_common.scss */
|
|
| 7409 |
/* line 644, ../sass/_common.scss */
|
|
| 7409 | 7410 |
.header, .actions-bar {
|
| 7410 | 7411 |
position: static; |
| 7411 | 7412 |
z-index: auto; |
| 7412 | 7413 |
} |
| 7413 | 7414 |
|
| 7414 |
/* line 647, ../sass/_common.scss */
|
|
| 7415 |
/* line 648, ../sass/_common.scss */
|
|
| 7415 | 7416 |
.actions-bar {
|
| 7416 | 7417 |
top: 160px; |
| 7417 | 7418 |
} |
| 7418 | 7419 |
|
| 7419 |
/* line 650, ../sass/_common.scss */
|
|
| 7420 |
/* line 651, ../sass/_common.scss */
|
|
| 7420 | 7421 |
.header {
|
| 7421 | 7422 |
height: 120px; |
| 7422 | 7423 |
line-height: 50px; |
| 7423 | 7424 |
} |
| 7424 |
/* line 653, ../sass/_common.scss */
|
|
| 7425 |
/* line 654, ../sass/_common.scss */
|
|
| 7425 | 7426 |
.header .icons-nav {
|
| 7426 | 7427 |
position: static; |
| 7427 | 7428 |
} |
| 7428 | 7429 |
} |
| 7429 | 7430 |
/* Scroll Bar -------------------------------------------- */ |
| 7430 |
/* line 661, ../sass/_common.scss */
|
|
| 7431 |
/* line 662, ../sass/_common.scss */
|
|
| 7431 | 7432 |
body .jspVerticalBar {
|
| 7432 | 7433 |
background-color: transparent; |
| 7433 | 7434 |
width: 14px; |
| ... | ... | |
| 7435 | 7436 |
border-left: 1px solid #c2bebe; |
| 7436 | 7437 |
border-right: 1px solid #c2bebe; |
| 7437 | 7438 |
} |
| 7438 |
/* line 667, ../sass/_common.scss */
|
|
| 7439 |
/* line 668, ../sass/_common.scss */
|
|
| 7439 | 7440 |
body .jspVerticalBar .jspTrack {
|
| 7440 | 7441 |
background-color: #e6e5e5; |
| 7441 | 7442 |
} |
| 7442 |
/* line 669, ../sass/_common.scss */
|
|
| 7443 |
/* line 670, ../sass/_common.scss */
|
|
| 7443 | 7444 |
body .jspVerticalBar .jspTrack .jspDrag {
|
| 7444 | 7445 |
-webkit-border-radius: 5px; |
| 7445 | 7446 |
-moz-border-radius: 5px; |
| 7446 | 7447 |
border-radius: 5px; |
| 7447 | 7448 |
background-color: #c2bebe; |
| 7448 | 7449 |
} |
| 7449 |
/* line 676, ../sass/_common.scss */
|
|
| 7450 |
/* line 677, ../sass/_common.scss */
|
|
| 7450 | 7451 |
body .jspVerticalBar .jspArrow {
|
| 7451 | 7452 |
background-color: transparent; |
| 7452 | 7453 |
background: url("../images/arrows.png") no-repeat center center;
|
| ... | ... | |
| 7457 | 7458 |
overflow: hidden; |
| 7458 | 7459 |
overflow: hidden; |
| 7459 | 7460 |
} |
| 7460 |
/* line 680, ../sass/_common.scss */
|
|
| 7461 |
/* line 681, ../sass/_common.scss */
|
|
| 7461 | 7462 |
body .jspVerticalBar .jspArrow.jspArrowDown {
|
| 7462 | 7463 |
background-position: -18px; |
| 7463 | 7464 |
} |
| 7464 |
/* line 684, ../sass/_common.scss */
|
|
| 7465 |
/* line 685, ../sass/_common.scss */
|
|
| 7465 | 7466 |
body .jspVerticalBar .jspArrow.jspArrowUp {
|
| 7466 | 7467 |
background-position: 0px; |
| 7467 | 7468 |
} |
| 7468 | 7469 |
|
| 7470 |
/* line 691, ../sass/_common.scss */ |
|
| 7471 |
.ai {
|
|
| 7472 |
background: url(file-types.png) no-repeat top left; |
|
| 7473 |
background-position: 0 0; |
|
| 7474 |
width: 30px; |
|
| 7475 |
height: 35px; |
|
| 7476 |
} |
|
| 7477 |
|
|
| 7478 |
/* line 697, ../sass/_common.scss */ |
|
| 7479 |
.folder {
|
|
| 7480 |
background: url(file-types.png) no-repeat top left; |
|
| 7481 |
background-position: 0 -85px; |
|
| 7482 |
width: 35px; |
|
| 7483 |
height: 28px; |
|
| 7484 |
} |
|
| 7485 |
|
|
| 7486 |
/* line 703, ../sass/_common.scss */ |
|
| 7487 |
.folder-open {
|
|
| 7488 |
background: url(file-types.png) no-repeat top left; |
|
| 7489 |
background-position: 0 -163px; |
|
| 7490 |
width: 37px; |
|
| 7491 |
height: 28px; |
|
| 7492 |
} |
|
| 7493 |
|
|
| 7494 |
/* line 709, ../sass/_common.scss */ |
|
| 7495 |
.pdf {
|
|
| 7496 |
background: url(file-types.png) no-repeat top left; |
|
| 7497 |
background-position: 0 -241px; |
|
| 7498 |
width: 30px; |
|
| 7499 |
height: 35px; |
|
| 7500 |
} |
|
| 7501 |
|
|
| 7502 |
/* line 715, ../sass/_common.scss */ |
|
| 7503 |
.txt {
|
|
| 7504 |
background: url(file-types.png) no-repeat top left; |
|
| 7505 |
background-position: 0 -326px; |
|
| 7506 |
width: 30px; |
|
| 7507 |
height: 35px; |
|
| 7508 |
} |
|
| 7509 |
|
|
| 7469 | 7510 |
/* List view for VMs, networks */ |
| 7470 | 7511 |
/* line 3, ../sass/_items-list.scss */ |
| 7471 | 7512 |
.entities {
|
| ... | ... | |
| 7791 | 7832 |
/* line 209, ../sass/_items-list.scss */ |
| 7792 | 7833 |
.list-view .lt-bar ul.lt-actions li a span.snf-folder-move-outline, .storage-progress .lt-bar ul.lt-actions li a span.snf-folder-move-outline {
|
| 7793 | 7834 |
font-size: 1.5em; |
| 7835 |
position: relative; |
|
| 7836 |
top: -2px; |
|
| 7794 | 7837 |
} |
| 7795 |
/* line 218, ../sass/_items-list.scss */ |
|
| 7838 |
/* line 221, ../sass/_items-list.scss */ |
|
| 7839 |
.list-view .lt-bar ul.more li a span, .storage-progress .lt-bar ul.more li a span {
|
|
| 7840 |
font-size: 1.5em; |
|
| 7841 |
} |
|
| 7842 |
/* line 229, ../sass/_items-list.scss */ |
|
| 7796 | 7843 |
.list-view .items-list, .storage-progress .items-list {
|
| 7797 | 7844 |
overflow: hidden; |
| 7798 | 7845 |
} |
| 7799 |
/* line 220, ../sass/_items-list.scss */
|
|
| 7846 |
/* line 231, ../sass/_items-list.scss */
|
|
| 7800 | 7847 |
.list-view .items-list > li, .storage-progress .items-list > li {
|
| 7801 | 7848 |
height: auto; |
| 7802 | 7849 |
width: 100%; |
| 7803 | 7850 |
padding: 15px 15px 15px 150px; |
| 7804 | 7851 |
background-image: none; |
| 7805 | 7852 |
} |
| 7806 |
/* line 221, ../sass/_items-list.scss */
|
|
| 7853 |
/* line 232, ../sass/_items-list.scss */
|
|
| 7807 | 7854 |
.list-view .items-list > li.selected, .storage-progress .items-list > li.selected {
|
| 7808 | 7855 |
background-color: #ebebec; |
| 7809 | 7856 |
} |
| 7810 |
/* line 229, ../sass/_items-list.scss */
|
|
| 7857 |
/* line 240, ../sass/_items-list.scss */
|
|
| 7811 | 7858 |
.list-view .items-list > li:hover, .storage-progress .items-list > li:hover {
|
| 7812 | 7859 |
background-color: #dfdfdf; |
| 7813 | 7860 |
} |
| 7814 |
/* line 232, ../sass/_items-list.scss */
|
|
| 7861 |
/* line 243, ../sass/_items-list.scss */
|
|
| 7815 | 7862 |
.list-view .items-list > li .check, .storage-progress .items-list > li .check {
|
| 7816 | 7863 |
width: 60px; |
| 7817 | 7864 |
height: 34px; |
| ... | ... | |
| 7819 | 7866 |
text-align: center; |
| 7820 | 7867 |
float: left; |
| 7821 | 7868 |
} |
| 7822 |
/* line 238, ../sass/_items-list.scss */
|
|
| 7869 |
/* line 249, ../sass/_items-list.scss */
|
|
| 7823 | 7870 |
.list-view .items-list > li .check:hover, .storage-progress .items-list > li .check:hover {
|
| 7824 | 7871 |
cursor: pointer; |
| 7825 | 7872 |
color: #30c79e; |
| 7826 | 7873 |
} |
| 7827 |
/* line 243, ../sass/_items-list.scss */
|
|
| 7874 |
/* line 254, ../sass/_items-list.scss */
|
|
| 7828 | 7875 |
.list-view .items-list > li .img-wrap, .storage-progress .items-list > li .img-wrap {
|
| 7829 | 7876 |
width: 70px; |
| 7830 | 7877 |
float: left; |
| ... | ... | |
| 7832 | 7879 |
height: 34px; |
| 7833 | 7880 |
top: -6px; |
| 7834 | 7881 |
} |
| 7835 |
/* line 249, ../sass/_items-list.scss */
|
|
| 7882 |
/* line 260, ../sass/_items-list.scss */
|
|
| 7836 | 7883 |
.list-view .items-list > li .img-wrap .os, .storage-progress .items-list > li .img-wrap .os {
|
| 7837 | 7884 |
background: url("../images/os-unknown.png") no-repeat center center;
|
| 7838 | 7885 |
width: 14px; |
| ... | ... | |
| 7848 | 7895 |
margin-left: -7px; |
| 7849 | 7896 |
top: 6px; |
| 7850 | 7897 |
} |
| 7851 |
/* line 260, ../sass/_items-list.scss */
|
|
| 7898 |
/* line 271, ../sass/_items-list.scss */
|
|
| 7852 | 7899 |
.list-view .items-list > li .img-wrap .snf-font, .storage-progress .items-list > li .img-wrap .snf-font {
|
| 7853 | 7900 |
font-size: 34px; |
| 7854 | 7901 |
line-height: 120%; |
| 7855 | 7902 |
} |
| 7856 |
/* line 265, ../sass/_items-list.scss */
|
|
| 7903 |
/* line 276, ../sass/_items-list.scss */
|
|
| 7857 | 7904 |
.list-view .items-list > li h4, .storage-progress .items-list > li h4 {
|
| 7858 | 7905 |
width: 210px; |
| 7859 | 7906 |
overflow: hidden; |
| ... | ... | |
| 7863 | 7910 |
margin: 0; |
| 7864 | 7911 |
color: inherit; |
| 7865 | 7912 |
} |
| 7866 |
/* line 274, ../sass/_items-list.scss */
|
|
| 7913 |
/* line 285, ../sass/_items-list.scss */
|
|
| 7867 | 7914 |
.list-view .items-list > li .tags, .storage-progress .items-list > li .tags {
|
| 7868 | 7915 |
float: left; |
| 7869 | 7916 |
width: 90px; |
| 7870 | 7917 |
height: 34px; |
| 7871 | 7918 |
line-height: 34px; |
| 7872 | 7919 |
} |
| 7873 |
/* line 279, ../sass/_items-list.scss */
|
|
| 7920 |
/* line 290, ../sass/_items-list.scss */
|
|
| 7874 | 7921 |
.list-view .items-list > li .tags a, .storage-progress .items-list > li .tags a {
|
| 7875 | 7922 |
vertical-align: text-top; |
| 7876 | 7923 |
} |
| 7877 |
/* line 283, ../sass/_items-list.scss */
|
|
| 7924 |
/* line 294, ../sass/_items-list.scss */
|
|
| 7878 | 7925 |
.list-view .items-list > li .size, .list-view .items-list > li .remove, .storage-progress .items-list > li .size, .storage-progress .items-list > li .remove {
|
| 7879 | 7926 |
float: left; |
| 7880 | 7927 |
width: 90px; |
| ... | ... | |
| 7883 | 7930 |
font-size: 0.75em; |
| 7884 | 7931 |
text-align: left; |
| 7885 | 7932 |
} |
| 7886 |
/* line 291, ../sass/_items-list.scss */
|
|
| 7933 |
/* line 302, ../sass/_items-list.scss */
|
|
| 7887 | 7934 |
.list-view .items-list > li .status, .storage-progress .items-list > li .status {
|
| 7888 | 7935 |
position: absolute; |
| 7889 | 7936 |
left: 280px; |
| ... | ... | |
| 7891 | 7938 |
top: 30px; |
| 7892 | 7939 |
width: 210px; |
| 7893 | 7940 |
} |
| 7894 |
/* line 297, ../sass/_items-list.scss */
|
|
| 7941 |
/* line 308, ../sass/_items-list.scss */
|
|
| 7895 | 7942 |
.list-view .items-list > li .status span, .storage-progress .items-list > li .status span {
|
| 7896 | 7943 |
display: inline; |
| 7897 | 7944 |
} |
| 7898 |
/* line 301, ../sass/_items-list.scss */
|
|
| 7945 |
/* line 312, ../sass/_items-list.scss */
|
|
| 7899 | 7946 |
.list-view .items-list > li .info, .list-view .items-list > li .progress-col, .storage-progress .items-list > li .info, .storage-progress .items-list > li .progress-col {
|
| 7900 | 7947 |
float: left; |
| 7901 | 7948 |
width: 200px; |
| ... | ... | |
| 7903 | 7950 |
line-height: 34px; |
| 7904 | 7951 |
font-size: 0.75em; |
| 7905 | 7952 |
} |
| 7906 |
/* line 308, ../sass/_items-list.scss */
|
|
| 7953 |
/* line 319, ../sass/_items-list.scss */
|
|
| 7907 | 7954 |
.list-view .items-list > li .actions, .storage-progress .items-list > li .actions {
|
| 7908 | 7955 |
float: left; |
| 7909 | 7956 |
height: 34px; |
| ... | ... | |
| 7912 | 7959 |
top: -4px; |
| 7913 | 7960 |
margin: 0 10px; |
| 7914 | 7961 |
} |
| 7915 |
/* line 316, ../sass/_items-list.scss */
|
|
| 7962 |
/* line 327, ../sass/_items-list.scss */
|
|
| 7916 | 7963 |
.list-view .items-list > li .actions a:first-child, .storage-progress .items-list > li .actions a:first-child {
|
| 7917 | 7964 |
margin-right: 5px; |
| 7918 | 7965 |
} |
| 7919 |
/* line 321, ../sass/_items-list.scss */
|
|
| 7966 |
/* line 332, ../sass/_items-list.scss */
|
|
| 7920 | 7967 |
.list-view .items-list > li .actions-col, .list-view .items-list > li .remove, .storage-progress .items-list > li .actions-col, .storage-progress .items-list > li .remove {
|
| 7921 | 7968 |
visibility: hidden; |
| 7922 | 7969 |
height: 34px; |
| ... | ... | |
| 7925 | 7972 |
width: 140px; |
| 7926 | 7973 |
float: left; |
| 7927 | 7974 |
} |
| 7928 |
/* line 328, ../sass/_items-list.scss */
|
|
| 7975 |
/* line 339, ../sass/_items-list.scss */
|
|
| 7929 | 7976 |
.list-view .items-list > li .actions-col a, .list-view .items-list > li .remove a, .storage-progress .items-list > li .actions-col a, .storage-progress .items-list > li .remove a {
|
| 7930 | 7977 |
margin-right: 10px; |
| 7931 | 7978 |
} |
| 7932 |
/* line 333, ../sass/_items-list.scss */
|
|
| 7979 |
/* line 344, ../sass/_items-list.scss */
|
|
| 7933 | 7980 |
.list-view .items-list > li.add-new:hover, .storage-progress .items-list > li.add-new:hover {
|
| 7934 | 7981 |
background: #485057; |
| 7935 | 7982 |
} |
| 7936 |
/* line 336, ../sass/_items-list.scss */
|
|
| 7983 |
/* line 347, ../sass/_items-list.scss */
|
|
| 7937 | 7984 |
.list-view .items-list > li.add-new .check, .storage-progress .items-list > li.add-new .check {
|
| 7938 | 7985 |
visibility: hidden; |
| 7939 | 7986 |
} |
| 7940 |
/* line 339, ../sass/_items-list.scss */
|
|
| 7987 |
/* line 350, ../sass/_items-list.scss */
|
|
| 7941 | 7988 |
.list-view .items-list > li.add-new h4, .storage-progress .items-list > li.add-new h4 {
|
| 7942 | 7989 |
margin: 0; |
| 7943 | 7990 |
} |
| 7944 |
/* line 345, ../sass/_items-list.scss */
|
|
| 7991 |
/* line 356, ../sass/_items-list.scss */
|
|
| 7945 | 7992 |
.list-view .items-list > li.add-new .img-wrap .symbol, .storage-progress .items-list > li.add-new .img-wrap .symbol {
|
| 7946 | 7993 |
font-size: 24px; |
| 7947 | 7994 |
} |
| 7948 |
/* line 352, ../sass/_items-list.scss */
|
|
| 7995 |
/* line 363, ../sass/_items-list.scss */
|
|
| 7949 | 7996 |
.list-view .items-list > li.building .img-wrap .incomplete, .storage-progress .items-list > li.building .img-wrap .incomplete {
|
| 7950 | 7997 |
width: 34px; |
| 7951 | 7998 |
margin: 0 auto; |
| 7952 | 7999 |
} |
| 7953 |
/* line 356, ../sass/_items-list.scss */
|
|
| 8000 |
/* line 367, ../sass/_items-list.scss */
|
|
| 7954 | 8001 |
.list-view .items-list > li.building .img-wrap .complete, .storage-progress .items-list > li.building .img-wrap .complete {
|
| 7955 | 8002 |
top: -34px; |
| 7956 | 8003 |
margin: 0 auto; |
| 7957 | 8004 |
} |
| 7958 | 8005 |
|
| 7959 |
/* line 368, ../sass/_items-list.scss */
|
|
| 8006 |
/* line 379, ../sass/_items-list.scss */
|
|
| 7960 | 8007 |
.lt-bar .items-list .check, .lt-bar .items-list .actions, .lt-bar .items-list .info {
|
| 7961 | 8008 |
display: none; |
| 7962 | 8009 |
} |
| 7963 |
/* line 371, ../sass/_items-list.scss */
|
|
| 8010 |
/* line 382, ../sass/_items-list.scss */
|
|
| 7964 | 8011 |
.lt-bar .items-list > li {
|
| 7965 | 8012 |
background: url(../images/dashed_atom-x.png) repeat-x center bottom; |
| 7966 | 8013 |
padding: 40px; |
| 7967 | 8014 |
height: auto; |
| 7968 | 8015 |
} |
| 7969 |
/* line 375, ../sass/_items-list.scss */
|
|
| 8016 |
/* line 386, ../sass/_items-list.scss */
|
|
| 7970 | 8017 |
.lt-bar .items-list > li:hover {
|
| 7971 | 8018 |
background-color: #ebebec; |
| 7972 | 8019 |
} |
| 7973 |
/* line 378, ../sass/_items-list.scss */
|
|
| 8020 |
/* line 389, ../sass/_items-list.scss */
|
|
| 7974 | 8021 |
.lt-bar .items-list > li.add-new {
|
| 7975 | 8022 |
background-color: #30c79e; |
| 7976 | 8023 |
} |
| 7977 |
/* line 380, ../sass/_items-list.scss */
|
|
| 8024 |
/* line 391, ../sass/_items-list.scss */
|
|
| 7978 | 8025 |
.lt-bar .items-list > li.add-new:hover {
|
| 7979 | 8026 |
background-color: #485057; |
| 7980 | 8027 |
} |
| 7981 |
/* line 385, ../sass/_items-list.scss */
|
|
| 8028 |
/* line 396, ../sass/_items-list.scss */
|
|
| 7982 | 8029 |
.lt-bar .items-list .container {
|
| 7983 | 8030 |
height: 160px; |
| 7984 | 8031 |
position: relative; |
| 7985 | 8032 |
line-height: 120%; |
| 7986 | 8033 |
} |
| 7987 |
/* line 389, ../sass/_items-list.scss */
|
|
| 8034 |
/* line 400, ../sass/_items-list.scss */
|
|
| 7988 | 8035 |
.lt-bar .items-list .container .tags {
|
| 7989 | 8036 |
width: 100%; |
| 7990 | 8037 |
min-height: 12px; |
| ... | ... | |
| 7993 | 8040 |
} |
| 7994 | 8041 |
|
| 7995 | 8042 |
/* img-wrap div ( colors & styles ) */ |
| 7996 |
/* line 402, ../sass/_items-list.scss */
|
|
| 8043 |
/* line 413, ../sass/_items-list.scss */
|
|
| 7997 | 8044 |
.img-wrap {
|
| 7998 | 8045 |
width: 60px; |
| 7999 | 8046 |
position: relative; |
| 8000 | 8047 |
display: inline-block; |
| 8001 | 8048 |
line-height: 100%; |
| 8002 | 8049 |
} |
| 8003 |
/* line 409, ../sass/_items-list.scss */
|
|
| 8050 |
/* line 420, ../sass/_items-list.scss */
|
|
| 8004 | 8051 |
.img-wrap span:hover {
|
| 8005 | 8052 |
cursor: pointer; |
| 8006 | 8053 |
} |
| 8007 |
/* line 413, ../sass/_items-list.scss */
|
|
| 8054 |
/* line 424, ../sass/_items-list.scss */
|
|
| 8008 | 8055 |
.img-wrap .os {
|
| 8009 | 8056 |
background: url("../images/os-unknown.png") no-repeat center center;
|
| 8010 | 8057 |
width: 22px; |
| ... | ... | |
| 8017 | 8064 |
left: 50%; |
| 8018 | 8065 |
margin-left: -11px; |
| 8019 | 8066 |
} |
| 8020 |
/* line 419, ../sass/_items-list.scss */
|
|
| 8067 |
/* line 430, ../sass/_items-list.scss */
|
|
| 8021 | 8068 |
.img-wrap .os.windows {
|
| 8022 | 8069 |
background-image: url("../images/os-windows.png");
|
| 8023 | 8070 |
} |
| 8024 |
/* line 420, ../sass/_items-list.scss */
|
|
| 8071 |
/* line 431, ../sass/_items-list.scss */
|
|
| 8025 | 8072 |
.img-wrap .os.kubuntu {
|
| 8026 | 8073 |
background-image: url("../images/os-kubuntu.png");
|
| 8027 | 8074 |
} |
| 8028 |
/* line 421, ../sass/_items-list.scss */
|
|
| 8075 |
/* line 432, ../sass/_items-list.scss */
|
|
| 8029 | 8076 |
.img-wrap .os.fedora {
|
| 8030 | 8077 |
background-image: url("../images/os-fedora.png");
|
| 8031 | 8078 |
} |
| 8032 |
/* line 422, ../sass/_items-list.scss */
|
|
| 8079 |
/* line 433, ../sass/_items-list.scss */
|
|
| 8033 | 8080 |
.img-wrap .os.symbol {
|
| 8034 | 8081 |
position: relative; |
| 8035 | 8082 |
top: -50px; |
| ... | ... | |
| 8039 | 8086 |
height: auto; |
| 8040 | 8087 |
} |
| 8041 | 8088 |
|
| 8042 |
/* line 128, ../sass/_common.scss */
|
|
| 8089 |
/* line 129, ../sass/_common.scss */
|
|
| 8043 | 8090 |
.running .img-wrap .snf-pc-full, |
| 8044 | 8091 |
.running .img-wrap .snf-network-full, .running .img-wrap .snf-font {
|
| 8045 | 8092 |
color: #30c79e; |
| 8046 | 8093 |
} |
| 8047 |
/* line 132, ../sass/_common.scss */
|
|
| 8094 |
/* line 133, ../sass/_common.scss */
|
|
| 8048 | 8095 |
.running .status {
|
| 8049 | 8096 |
color: #30c79e; |
| 8050 | 8097 |
} |
| 8051 | 8098 |
|
| 8052 |
/* line 128, ../sass/_common.scss */
|
|
| 8099 |
/* line 129, ../sass/_common.scss */
|
|
| 8053 | 8100 |
.off .img-wrap .snf-pc-full, |
| 8054 | 8101 |
.off .img-wrap .snf-network-full, .off .img-wrap .snf-font {
|
| 8055 | 8102 |
color: #485057; |
| 8056 | 8103 |
} |
| 8057 |
/* line 132, ../sass/_common.scss */
|
|
| 8104 |
/* line 133, ../sass/_common.scss */
|
|
| 8058 | 8105 |
.off .status {
|
| 8059 | 8106 |
color: #485057; |
| 8060 | 8107 |
} |
| 8061 | 8108 |
|
| 8062 |
/* line 128, ../sass/_common.scss */
|
|
| 8109 |
/* line 129, ../sass/_common.scss */
|
|
| 8063 | 8110 |
.error .img-wrap .snf-pc-full, |
| 8064 | 8111 |
.error .img-wrap .snf-network-full, .error .img-wrap .snf-font {
|
| 8065 | 8112 |
color: #ff4040; |
| 8066 | 8113 |
} |
| 8067 |
/* line 132, ../sass/_common.scss */
|
|
| 8114 |
/* line 133, ../sass/_common.scss */
|
|
| 8068 | 8115 |
.error .status {
|
| 8069 | 8116 |
color: #ff4040; |
| 8070 | 8117 |
} |
| 8071 | 8118 |
|
| 8072 |
/* line 128, ../sass/_common.scss */
|
|
| 8119 |
/* line 129, ../sass/_common.scss */
|
|
| 8073 | 8120 |
.shutting .img-wrap .snf-pc-full, |
| 8074 | 8121 |
.shutting .img-wrap .snf-network-full, .shutting .img-wrap .snf-font {
|
| 8075 | 8122 |
color: #636a70; |
| 8076 | 8123 |
} |
| 8077 |
/* line 132, ../sass/_common.scss */
|
|
| 8124 |
/* line 133, ../sass/_common.scss */
|
|
| 8078 | 8125 |
.shutting .status {
|
| 8079 | 8126 |
color: #636a70; |
| 8080 | 8127 |
} |
| 8081 | 8128 |
|
| 8082 |
/* line 128, ../sass/_common.scss */
|
|
| 8129 |
/* line 129, ../sass/_common.scss */
|
|
| 8083 | 8130 |
.starting .img-wrap .snf-pc-full, |
| 8084 | 8131 |
.starting .img-wrap .snf-network-full, .starting .img-wrap .snf-font {
|
| 8085 | 8132 |
color: #566db1; |
| 8086 | 8133 |
} |
| 8087 |
/* line 132, ../sass/_common.scss */
|
|
| 8134 |
/* line 133, ../sass/_common.scss */
|
|
| 8088 | 8135 |
.starting .status {
|
| 8089 | 8136 |
color: #566db1; |
| 8090 | 8137 |
} |
| 8091 | 8138 |
|
| 8092 |
/* line 128, ../sass/_common.scss */
|
|
| 8139 |
/* line 129, ../sass/_common.scss */
|
|
| 8093 | 8140 |
.rebooting .img-wrap .snf-pc-full, |
| 8094 | 8141 |
.rebooting .img-wrap .snf-network-full, .rebooting .img-wrap .snf-font {
|
| 8095 | 8142 |
color: #ffc54a; |
| 8096 | 8143 |
} |
| 8097 |
/* line 132, ../sass/_common.scss */
|
|
| 8144 |
/* line 133, ../sass/_common.scss */
|
|
| 8098 | 8145 |
.rebooting .status {
|
| 8099 | 8146 |
color: #ffc54a; |
| 8100 | 8147 |
} |
| 8101 | 8148 |
|
| 8102 |
/* line 128, ../sass/_common.scss */
|
|
| 8149 |
/* line 129, ../sass/_common.scss */
|
|
| 8103 | 8150 |
.building .img-wrap .snf-pc-full, |
| 8104 | 8151 |
.building .img-wrap .snf-network-full, .building .img-wrap .snf-font {
|
| 8105 | 8152 |
color: #30c79e; |
| 8106 | 8153 |
} |
| 8107 |
/* line 132, ../sass/_common.scss */
|
|
| 8154 |
/* line 133, ../sass/_common.scss */
|
|
| 8108 | 8155 |
.building .status {
|
| 8109 | 8156 |
color: #30c79e; |
| 8110 | 8157 |
} |
| 8111 | 8158 |
|
| 8112 |
/* line 459, ../sass/_items-list.scss */
|
|
| 8159 |
/* line 470, ../sass/_items-list.scss */
|
|
| 8113 | 8160 |
.building .img-wrap .snf-pc-full {
|
| 8114 | 8161 |
display: block; |
| 8115 | 8162 |
} |
| 8116 |
/* line 463, ../sass/_items-list.scss */
|
|
| 8163 |
/* line 474, ../sass/_items-list.scss */
|
|
| 8117 | 8164 |
.building .img-wrap .incomplete {
|
| 8118 | 8165 |
color: #54d6b3; |
| 8119 | 8166 |
width: 60px; |
| 8120 | 8167 |
} |
| 8121 |
/* line 467, ../sass/_items-list.scss */
|
|
| 8168 |
/* line 478, ../sass/_items-list.scss */
|
|
| 8122 | 8169 |
.building .img-wrap .complete {
|
| 8123 | 8170 |
width: 0%; |
| 8124 | 8171 |
position: absolute; |
| ... | ... | |
| 8490 | 8537 |
background: url(../images/input-bg-rt-black.png) no-repeat right bottom; |
| 8491 | 8538 |
color: #1e1e1e; |
| 8492 | 8539 |
} |
| 8493 |
/* line 70, ../sass/_common.scss */
|
|
| 8540 |
/* line 71, ../sass/_common.scss */
|
|
| 8494 | 8541 |
.details .input input[type="text"].placeholder {
|
| 8495 | 8542 |
color: #919194; |
| 8496 | 8543 |
} |
| 8497 |
/* line 71, ../sass/_common.scss */
|
|
| 8544 |
/* line 72, ../sass/_common.scss */
|
|
| 8498 | 8545 |
.details .input input[type="text"]:-moz-placeholder {
|
| 8499 | 8546 |
color: #919194; |
| 8500 | 8547 |
} |
| 8501 |
/* line 72, ../sass/_common.scss */
|
|
| 8548 |
/* line 73, ../sass/_common.scss */
|
|
| 8502 | 8549 |
.details .input input[type="text"]::-moz-placeholder {
|
| 8503 | 8550 |
color: #919194; |
| 8504 | 8551 |
} |
| 8505 |
/* line 73, ../sass/_common.scss */
|
|
| 8552 |
/* line 74, ../sass/_common.scss */
|
|
| 8506 | 8553 |
.details .input input[type="text"]::-webkit-input-placeholder {
|
| 8507 | 8554 |
color: #919194; |
| 8508 | 8555 |
} |
| ... | ... | |
| 8550 | 8597 |
background: url(../images/input-bg-rt.png) no-repeat right bottom; |
| 8551 | 8598 |
color: white; |
| 8552 | 8599 |
} |
| 8553 |
/* line 70, ../sass/_common.scss */
|
|
| 8600 |
/* line 71, ../sass/_common.scss */
|
|
| 8554 | 8601 |
.wizard .input input[type="text"].placeholder {
|
| 8555 | 8602 |
color: #1e1e1e; |
| 8556 | 8603 |
} |
| 8557 |
/* line 71, ../sass/_common.scss */
|
|
| 8604 |
/* line 72, ../sass/_common.scss */
|
|
| 8558 | 8605 |
.wizard .input input[type="text"]:-moz-placeholder {
|
| 8559 | 8606 |
color: #1e1e1e; |
| 8560 | 8607 |
} |
| 8561 |
/* line 72, ../sass/_common.scss */
|
|
| 8608 |
/* line 73, ../sass/_common.scss */
|
|
| 8562 | 8609 |
.wizard .input input[type="text"]::-moz-placeholder {
|
| 8563 | 8610 |
color: #1e1e1e; |
| 8564 | 8611 |
} |
| 8565 |
/* line 73, ../sass/_common.scss */
|
|
| 8612 |
/* line 74, ../sass/_common.scss */
|
|
| 8566 | 8613 |
.wizard .input input[type="text"]::-webkit-input-placeholder {
|
| 8567 | 8614 |
color: #1e1e1e; |
| 8568 | 8615 |
} |
Also available in: Unified diff