Revision 1fecdb52 snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
|---|---|---|
| 7810 | 7810 |
/* line 207, ../sass/_items-list.scss */ |
| 7811 | 7811 |
.list-view .lt-bar ul.lt-actions li a span, .storage-progress .lt-bar ul.lt-actions li a span {
|
| 7812 | 7812 |
margin-right: 6px; |
| 7813 |
width: 14px; |
|
| 7814 |
display: inline-block; |
|
| 7813 | 7815 |
} |
| 7814 |
/* line 209, ../sass/_items-list.scss */
|
|
| 7816 |
/* line 211, ../sass/_items-list.scss */
|
|
| 7815 | 7817 |
.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 {
|
| 7816 | 7818 |
font-size: 1.5em; |
| 7817 | 7819 |
position: relative; |
| 7818 | 7820 |
top: -2px; |
| 7819 | 7821 |
} |
| 7820 |
/* line 221, ../sass/_items-list.scss */
|
|
| 7822 |
/* line 223, ../sass/_items-list.scss */
|
|
| 7821 | 7823 |
.list-view .lt-bar ul.more li a span, .storage-progress .lt-bar ul.more li a span {
|
| 7822 | 7824 |
font-size: 1.5em; |
| 7823 | 7825 |
} |
| 7824 |
/* line 229, ../sass/_items-list.scss */
|
|
| 7826 |
/* line 231, ../sass/_items-list.scss */
|
|
| 7825 | 7827 |
.list-view .items-list, .storage-progress .items-list {
|
| 7826 | 7828 |
overflow: hidden; |
| 7827 | 7829 |
} |
| 7828 |
/* line 231, ../sass/_items-list.scss */
|
|
| 7830 |
/* line 233, ../sass/_items-list.scss */
|
|
| 7829 | 7831 |
.list-view .items-list > li, .storage-progress .items-list > li {
|
| 7830 | 7832 |
height: auto; |
| 7831 | 7833 |
width: 100%; |
| 7832 | 7834 |
padding: 15px 15px 15px 150px; |
| 7833 | 7835 |
background-image: none; |
| 7834 | 7836 |
} |
| 7835 |
/* line 232, ../sass/_items-list.scss */
|
|
| 7837 |
/* line 234, ../sass/_items-list.scss */
|
|
| 7836 | 7838 |
.list-view .items-list > li.selected, .storage-progress .items-list > li.selected {
|
| 7837 | 7839 |
background-color: #ebebec; |
| 7838 | 7840 |
} |
| 7839 |
/* line 240, ../sass/_items-list.scss */
|
|
| 7841 |
/* line 242, ../sass/_items-list.scss */
|
|
| 7840 | 7842 |
.list-view .items-list > li:hover, .storage-progress .items-list > li:hover {
|
| 7841 | 7843 |
background-color: #dfdfdf; |
| 7842 | 7844 |
} |
| 7843 |
/* line 243, ../sass/_items-list.scss */
|
|
| 7845 |
/* line 245, ../sass/_items-list.scss */
|
|
| 7844 | 7846 |
.list-view .items-list > li .check, .storage-progress .items-list > li .check {
|
| 7845 | 7847 |
width: 60px; |
| 7846 | 7848 |
height: 34px; |
| ... | ... | |
| 7848 | 7850 |
text-align: center; |
| 7849 | 7851 |
float: left; |
| 7850 | 7852 |
} |
| 7851 |
/* line 249, ../sass/_items-list.scss */
|
|
| 7853 |
/* line 251, ../sass/_items-list.scss */
|
|
| 7852 | 7854 |
.list-view .items-list > li .check:hover, .storage-progress .items-list > li .check:hover {
|
| 7853 | 7855 |
cursor: pointer; |
| 7854 | 7856 |
color: #30c79e; |
| 7855 | 7857 |
} |
| 7856 |
/* line 254, ../sass/_items-list.scss */
|
|
| 7858 |
/* line 256, ../sass/_items-list.scss */
|
|
| 7857 | 7859 |
.list-view .items-list > li .img-wrap, .storage-progress .items-list > li .img-wrap {
|
| 7858 | 7860 |
width: 70px; |
| 7859 | 7861 |
float: left; |
| ... | ... | |
| 7861 | 7863 |
height: 34px; |
| 7862 | 7864 |
top: -6px; |
| 7863 | 7865 |
} |
| 7864 |
/* line 260, ../sass/_items-list.scss */
|
|
| 7866 |
/* line 262, ../sass/_items-list.scss */
|
|
| 7865 | 7867 |
.list-view .items-list > li .img-wrap .os, .storage-progress .items-list > li .img-wrap .os {
|
| 7866 | 7868 |
background: url("../images/os-unknown.png") no-repeat center center;
|
| 7867 | 7869 |
width: 14px; |
| ... | ... | |
| 7877 | 7879 |
margin-left: -7px; |
| 7878 | 7880 |
top: 6px; |
| 7879 | 7881 |
} |
| 7880 |
/* line 271, ../sass/_items-list.scss */
|
|
| 7882 |
/* line 273, ../sass/_items-list.scss */
|
|
| 7881 | 7883 |
.list-view .items-list > li .img-wrap .snf-font, .storage-progress .items-list > li .img-wrap .snf-font {
|
| 7882 | 7884 |
font-size: 34px; |
| 7883 | 7885 |
line-height: 120%; |
| 7884 | 7886 |
} |
| 7885 |
/* line 276, ../sass/_items-list.scss */
|
|
| 7887 |
/* line 278, ../sass/_items-list.scss */
|
|
| 7886 | 7888 |
.list-view .items-list > li h4, .storage-progress .items-list > li h4 {
|
| 7887 | 7889 |
width: 210px; |
| 7888 | 7890 |
overflow: hidden; |
| ... | ... | |
| 7892 | 7894 |
margin: 0; |
| 7893 | 7895 |
color: inherit; |
| 7894 | 7896 |
} |
| 7895 |
/* line 285, ../sass/_items-list.scss */
|
|
| 7897 |
/* line 287, ../sass/_items-list.scss */
|
|
| 7896 | 7898 |
.list-view .items-list > li .tags, .storage-progress .items-list > li .tags {
|
| 7897 | 7899 |
float: left; |
| 7898 | 7900 |
width: 90px; |
| 7899 | 7901 |
height: 34px; |
| 7900 | 7902 |
line-height: 34px; |
| 7901 | 7903 |
} |
| 7902 |
/* line 290, ../sass/_items-list.scss */
|
|
| 7904 |
/* line 292, ../sass/_items-list.scss */
|
|
| 7903 | 7905 |
.list-view .items-list > li .tags a, .storage-progress .items-list > li .tags a {
|
| 7904 | 7906 |
vertical-align: text-top; |
| 7905 | 7907 |
} |
| 7906 |
/* line 294, ../sass/_items-list.scss */
|
|
| 7908 |
/* line 296, ../sass/_items-list.scss */
|
|
| 7907 | 7909 |
.list-view .items-list > li .size, .list-view .items-list > li .remove, .storage-progress .items-list > li .size, .storage-progress .items-list > li .remove {
|
| 7908 | 7910 |
float: left; |
| 7909 | 7911 |
width: 90px; |
| ... | ... | |
| 7912 | 7914 |
font-size: 0.75em; |
| 7913 | 7915 |
text-align: left; |
| 7914 | 7916 |
} |
| 7915 |
/* line 302, ../sass/_items-list.scss */
|
|
| 7917 |
/* line 304, ../sass/_items-list.scss */
|
|
| 7916 | 7918 |
.list-view .items-list > li .status, .storage-progress .items-list > li .status {
|
| 7917 | 7919 |
position: absolute; |
| 7918 | 7920 |
left: 280px; |
| ... | ... | |
| 7920 | 7922 |
top: 30px; |
| 7921 | 7923 |
width: 210px; |
| 7922 | 7924 |
} |
| 7923 |
/* line 308, ../sass/_items-list.scss */
|
|
| 7925 |
/* line 310, ../sass/_items-list.scss */
|
|
| 7924 | 7926 |
.list-view .items-list > li .status span, .storage-progress .items-list > li .status span {
|
| 7925 | 7927 |
display: inline; |
| 7926 | 7928 |
} |
| 7927 |
/* line 312, ../sass/_items-list.scss */
|
|
| 7929 |
/* line 314, ../sass/_items-list.scss */
|
|
| 7928 | 7930 |
.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 {
|
| 7929 | 7931 |
float: left; |
| 7930 | 7932 |
width: 200px; |
| ... | ... | |
| 7932 | 7934 |
line-height: 34px; |
| 7933 | 7935 |
font-size: 0.75em; |
| 7934 | 7936 |
} |
| 7935 |
/* line 319, ../sass/_items-list.scss */
|
|
| 7937 |
/* line 321, ../sass/_items-list.scss */
|
|
| 7936 | 7938 |
.list-view .items-list > li .actions, .storage-progress .items-list > li .actions {
|
| 7937 | 7939 |
float: left; |
| 7938 | 7940 |
height: 34px; |
| ... | ... | |
| 7941 | 7943 |
top: -4px; |
| 7942 | 7944 |
margin: 0 10px; |
| 7943 | 7945 |
} |
| 7944 |
/* line 327, ../sass/_items-list.scss */
|
|
| 7946 |
/* line 329, ../sass/_items-list.scss */
|
|
| 7945 | 7947 |
.list-view .items-list > li .actions a:first-child, .storage-progress .items-list > li .actions a:first-child {
|
| 7946 | 7948 |
margin-right: 5px; |
| 7947 | 7949 |
} |
| 7948 |
/* line 332, ../sass/_items-list.scss */
|
|
| 7950 |
/* line 334, ../sass/_items-list.scss */
|
|
| 7949 | 7951 |
.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 {
|
| 7950 | 7952 |
visibility: hidden; |
| 7951 | 7953 |
height: 34px; |
| ... | ... | |
| 7954 | 7956 |
width: 140px; |
| 7955 | 7957 |
float: left; |
| 7956 | 7958 |
} |
| 7957 |
/* line 339, ../sass/_items-list.scss */
|
|
| 7959 |
/* line 341, ../sass/_items-list.scss */
|
|
| 7958 | 7960 |
.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 {
|
| 7959 | 7961 |
margin-right: 10px; |
| 7960 | 7962 |
} |
| 7961 |
/* line 344, ../sass/_items-list.scss */
|
|
| 7963 |
/* line 346, ../sass/_items-list.scss */
|
|
| 7962 | 7964 |
.list-view .items-list > li.add-new:hover, .storage-progress .items-list > li.add-new:hover {
|
| 7963 | 7965 |
background: #485057; |
| 7964 | 7966 |
} |
| 7965 |
/* line 347, ../sass/_items-list.scss */
|
|
| 7967 |
/* line 349, ../sass/_items-list.scss */
|
|
| 7966 | 7968 |
.list-view .items-list > li.add-new .check, .storage-progress .items-list > li.add-new .check {
|
| 7967 | 7969 |
visibility: hidden; |
| 7968 | 7970 |
} |
| 7969 |
/* line 350, ../sass/_items-list.scss */
|
|
| 7971 |
/* line 352, ../sass/_items-list.scss */
|
|
| 7970 | 7972 |
.list-view .items-list > li.add-new h4, .storage-progress .items-list > li.add-new h4 {
|
| 7971 | 7973 |
margin: 0; |
| 7972 | 7974 |
} |
| 7973 |
/* line 356, ../sass/_items-list.scss */
|
|
| 7975 |
/* line 358, ../sass/_items-list.scss */
|
|
| 7974 | 7976 |
.list-view .items-list > li.add-new .img-wrap .symbol, .storage-progress .items-list > li.add-new .img-wrap .symbol {
|
| 7975 | 7977 |
font-size: 24px; |
| 7976 | 7978 |
} |
| 7977 |
/* line 363, ../sass/_items-list.scss */
|
|
| 7979 |
/* line 365, ../sass/_items-list.scss */
|
|
| 7978 | 7980 |
.list-view .items-list > li.building .img-wrap .incomplete, .storage-progress .items-list > li.building .img-wrap .incomplete {
|
| 7979 | 7981 |
width: 34px; |
| 7980 | 7982 |
margin: 0 auto; |
| 7981 | 7983 |
} |
| 7982 |
/* line 367, ../sass/_items-list.scss */
|
|
| 7984 |
/* line 369, ../sass/_items-list.scss */
|
|
| 7983 | 7985 |
.list-view .items-list > li.building .img-wrap .complete, .storage-progress .items-list > li.building .img-wrap .complete {
|
| 7984 | 7986 |
top: -34px; |
| 7985 | 7987 |
margin: 0 auto; |
| 7986 | 7988 |
} |
| 7987 | 7989 |
|
| 7988 |
/* line 379, ../sass/_items-list.scss */
|
|
| 7990 |
/* line 381, ../sass/_items-list.scss */
|
|
| 7989 | 7991 |
.lt-bar .items-list .check, .lt-bar .items-list .actions, .lt-bar .items-list .info {
|
| 7990 | 7992 |
display: none; |
| 7991 | 7993 |
} |
| 7992 |
/* line 382, ../sass/_items-list.scss */
|
|
| 7994 |
/* line 384, ../sass/_items-list.scss */
|
|
| 7993 | 7995 |
.lt-bar .items-list > li {
|
| 7994 | 7996 |
background: url(../images/dashed_atom-x.png) repeat-x center bottom; |
| 7995 | 7997 |
padding: 40px; |
| 7996 | 7998 |
height: auto; |
| 7997 | 7999 |
} |
| 7998 |
/* line 386, ../sass/_items-list.scss */
|
|
| 8000 |
/* line 388, ../sass/_items-list.scss */
|
|
| 7999 | 8001 |
.lt-bar .items-list > li:hover {
|
| 8000 | 8002 |
background-color: #ebebec; |
| 8001 | 8003 |
} |
| 8002 |
/* line 389, ../sass/_items-list.scss */
|
|
| 8004 |
/* line 391, ../sass/_items-list.scss */
|
|
| 8003 | 8005 |
.lt-bar .items-list > li.add-new {
|
| 8004 | 8006 |
background-color: #30c79e; |
| 8005 | 8007 |
} |
| 8006 |
/* line 391, ../sass/_items-list.scss */
|
|
| 8008 |
/* line 393, ../sass/_items-list.scss */
|
|
| 8007 | 8009 |
.lt-bar .items-list > li.add-new:hover {
|
| 8008 | 8010 |
background-color: #485057; |
| 8009 | 8011 |
} |
| 8010 |
/* line 396, ../sass/_items-list.scss */
|
|
| 8012 |
/* line 398, ../sass/_items-list.scss */
|
|
| 8011 | 8013 |
.lt-bar .items-list .container {
|
| 8012 | 8014 |
height: 160px; |
| 8013 | 8015 |
position: relative; |
| 8014 | 8016 |
line-height: 120%; |
| 8015 | 8017 |
} |
| 8016 |
/* line 400, ../sass/_items-list.scss */
|
|
| 8018 |
/* line 402, ../sass/_items-list.scss */
|
|
| 8017 | 8019 |
.lt-bar .items-list .container .tags {
|
| 8018 | 8020 |
width: 100%; |
| 8019 | 8021 |
min-height: 12px; |
| ... | ... | |
| 8022 | 8024 |
} |
| 8023 | 8025 |
|
| 8024 | 8026 |
/* img-wrap div ( colors & styles ) */ |
| 8025 |
/* line 413, ../sass/_items-list.scss */
|
|
| 8027 |
/* line 415, ../sass/_items-list.scss */
|
|
| 8026 | 8028 |
.img-wrap {
|
| 8027 | 8029 |
width: 60px; |
| 8028 | 8030 |
position: relative; |
| 8029 | 8031 |
display: inline-block; |
| 8030 | 8032 |
line-height: 100%; |
| 8031 | 8033 |
} |
| 8032 |
/* line 420, ../sass/_items-list.scss */
|
|
| 8034 |
/* line 422, ../sass/_items-list.scss */
|
|
| 8033 | 8035 |
.img-wrap span:hover {
|
| 8034 | 8036 |
cursor: pointer; |
| 8035 | 8037 |
} |
| 8036 |
/* line 424, ../sass/_items-list.scss */
|
|
| 8038 |
/* line 426, ../sass/_items-list.scss */
|
|
| 8037 | 8039 |
.img-wrap .os {
|
| 8038 | 8040 |
background: url("../images/os-unknown.png") no-repeat center center;
|
| 8039 | 8041 |
width: 22px; |
| ... | ... | |
| 8046 | 8048 |
left: 50%; |
| 8047 | 8049 |
margin-left: -11px; |
| 8048 | 8050 |
} |
| 8049 |
/* line 430, ../sass/_items-list.scss */
|
|
| 8051 |
/* line 432, ../sass/_items-list.scss */
|
|
| 8050 | 8052 |
.img-wrap .os.windows {
|
| 8051 | 8053 |
background-image: url("../images/os-windows.png");
|
| 8052 | 8054 |
} |
| 8053 |
/* line 431, ../sass/_items-list.scss */
|
|
| 8055 |
/* line 433, ../sass/_items-list.scss */
|
|
| 8054 | 8056 |
.img-wrap .os.kubuntu {
|
| 8055 | 8057 |
background-image: url("../images/os-kubuntu.png");
|
| 8056 | 8058 |
} |
| 8057 |
/* line 432, ../sass/_items-list.scss */
|
|
| 8059 |
/* line 434, ../sass/_items-list.scss */
|
|
| 8058 | 8060 |
.img-wrap .os.fedora {
|
| 8059 | 8061 |
background-image: url("../images/os-fedora.png");
|
| 8060 | 8062 |
} |
| 8061 |
/* line 433, ../sass/_items-list.scss */
|
|
| 8063 |
/* line 435, ../sass/_items-list.scss */
|
|
| 8062 | 8064 |
.img-wrap .os.symbol {
|
| 8063 | 8065 |
position: relative; |
| 8064 | 8066 |
top: -50px; |
| ... | ... | |
| 8138 | 8140 |
color: #30c79e; |
| 8139 | 8141 |
} |
| 8140 | 8142 |
|
| 8141 |
/* line 470, ../sass/_items-list.scss */
|
|
| 8143 |
/* line 472, ../sass/_items-list.scss */
|
|
| 8142 | 8144 |
.building .img-wrap .snf-pc-full {
|
| 8143 | 8145 |
display: block; |
| 8144 | 8146 |
} |
| 8145 |
/* line 474, ../sass/_items-list.scss */
|
|
| 8147 |
/* line 476, ../sass/_items-list.scss */
|
|
| 8146 | 8148 |
.building .img-wrap .incomplete {
|
| 8147 | 8149 |
color: #54d6b3; |
| 8148 | 8150 |
width: 60px; |
| 8149 | 8151 |
} |
| 8150 |
/* line 478, ../sass/_items-list.scss */
|
|
| 8152 |
/* line 480, ../sass/_items-list.scss */
|
|
| 8151 | 8153 |
.building .img-wrap .complete {
|
| 8152 | 8154 |
width: 0%; |
| 8153 | 8155 |
position: absolute; |
Also available in: Unified diff