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

b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
7835 7835
}
7836 7836
/* line 154, ../sass/_items-list.scss */
7837 7837
.grid-view .items-list > li .container .tags {
7838
  width: 100%;
7839
  min-height: 12px;
7840
  position: absolute;
7841
  bottom: 12px;
7838
  margin: 1em 0;
7842 7839
}
7843 7840

  
7844
/* line 165, ../sass/_items-list.scss */
7841
/* line 162, ../sass/_items-list.scss */
7845 7842
.list-view .btn5, .list-view .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 .os li .btn-col .list-view a, .list-view .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .list-view a, .list-view #volume-wizard .step .volume_options > li .options-bar .options li a, #volume-wizard .step .volume_options > li .options-bar .options li .list-view a, .storage-progress .btn5, .storage-progress .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 .os li .btn-col .storage-progress a, .storage-progress .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .storage-progress a, .storage-progress #volume-wizard .step .volume_options > li .options-bar .options li a, #volume-wizard .step .volume_options > li .options-bar .options li .storage-progress a {
7846 7843
  display: none;
7847 7844
}
7848
/* line 168, ../sass/_items-list.scss */
7845
/* line 165, ../sass/_items-list.scss */
7849 7846
.list-view .lt-bar, .storage-progress .lt-bar {
7850 7847
  position: fixed;
7851 7848
  overflow: scroll;
......
7860 7857
  background: white;
7861 7858
  z-index: 3;
7862 7859
}
7863
/* line 170, ../sass/_items-list.scss */
7860
/* line 167, ../sass/_items-list.scss */
7864 7861
.list-view .lt-bar ul, .storage-progress .lt-bar ul {
7865 7862
  list-style: none outside none;
7866 7863
  font-size: 0.75em;
7867 7864
}
7868
/* line 173, ../sass/_items-list.scss */
7865
/* line 170, ../sass/_items-list.scss */
7869 7866
.list-view .lt-bar ul li, .storage-progress .lt-bar ul li {
7870 7867
  list-style: none outside none;
7871 7868
  height: 30px;
7872 7869
  line-height: 30px;
7873 7870
}
7874
/* line 177, ../sass/_items-list.scss */
7871
/* line 174, ../sass/_items-list.scss */
7875 7872
.list-view .lt-bar ul li.select, .storage-progress .lt-bar ul li.select {
7876 7873
  text-transform: capitalize;
7877 7874
}
7878
/* line 179, ../sass/_items-list.scss */
7875
/* line 176, ../sass/_items-list.scss */
7879 7876
.list-view .lt-bar ul li.select span, .storage-progress .lt-bar ul li.select span {
7880 7877
  font-size: 16px;
7881 7878
  margin-right: 5px;
7882 7879
  position: relative;
7883 7880
  top: 2px;
7884 7881
}
7885
/* line 185, ../sass/_items-list.scss */
7882
/* line 182, ../sass/_items-list.scss */
7886 7883
.list-view .lt-bar ul li.select em, .storage-progress .lt-bar ul li.select em {
7887 7884
  display: none;
7888 7885
  font-style: normal;
7889 7886
}
7890
/* line 189, ../sass/_items-list.scss */
7887
/* line 186, ../sass/_items-list.scss */
7891 7888
.list-view .lt-bar ul li.select:hover, .storage-progress .lt-bar ul li.select:hover {
7892 7889
  color: #e660a3;
7893 7890
  cursor: pointer;
7894 7891
}
7895
/* line 193, ../sass/_items-list.scss */
7892
/* line 190, ../sass/_items-list.scss */
7896 7893
.list-view .lt-bar ul li.select.selected, .storage-progress .lt-bar ul li.select.selected {
7897 7894
  text-transform: lowercase;
7898 7895
}
7899
/* line 195, ../sass/_items-list.scss */
7896
/* line 192, ../sass/_items-list.scss */
7900 7897
.list-view .lt-bar ul li.select.selected em, .storage-progress .lt-bar ul li.select.selected em {
7901 7898
  text-transform: capitalize;
7902 7899
}
7903
/* line 203, ../sass/_items-list.scss */
7900
/* line 200, ../sass/_items-list.scss */
7904 7901
.list-view .lt-bar ul.lt-actions li a, .storage-progress .lt-bar ul.lt-actions li a {
7905 7902
  color: #bebebe;
7906 7903
}
7907
/* line 205, ../sass/_items-list.scss */
7904
/* line 202, ../sass/_items-list.scss */
7908 7905
.list-view .lt-bar ul.lt-actions li a:hover, .storage-progress .lt-bar ul.lt-actions li a:hover {
7909 7906
  color: #bebebe;
7910 7907
  cursor: default;
7911 7908
}
7912
/* line 209, ../sass/_items-list.scss */
7909
/* line 206, ../sass/_items-list.scss */
7913 7910
.list-view .lt-bar ul.lt-actions li a.active, .storage-progress .lt-bar ul.lt-actions li a.active {
7914 7911
  color: #485057;
7915 7912
}
7916
/* line 211, ../sass/_items-list.scss */
7913
/* line 208, ../sass/_items-list.scss */
7917 7914
.list-view .lt-bar ul.lt-actions li a.active:hover, .storage-progress .lt-bar ul.lt-actions li a.active:hover {
7918 7915
  color: #e660a3;
7919 7916
  cursor: pointer;
7920 7917
}
7921
/* line 216, ../sass/_items-list.scss */
7918
/* line 213, ../sass/_items-list.scss */
7922 7919
.list-view .lt-bar ul.lt-actions li a span, .storage-progress .lt-bar ul.lt-actions li a span {
7923 7920
  margin-right: 6px;
7924 7921
  width: 14px;
7925 7922
  display: inline-block;
7926 7923
}
7927
/* line 220, ../sass/_items-list.scss */
7924
/* line 217, ../sass/_items-list.scss */
7928 7925
.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 {
7929 7926
  font-size: 1.5em;
7930 7927
  position: relative;
7931 7928
}
7932
/* line 232, ../sass/_items-list.scss */
7929
/* line 229, ../sass/_items-list.scss */
7933 7930
.list-view .lt-bar ul.more li a span, .storage-progress .lt-bar ul.more li a span {
7934 7931
  font-size: 1.5em;
7935 7932
  margin-right: 2px;
7936 7933
}
7937
/* line 241, ../sass/_items-list.scss */
7934
/* line 238, ../sass/_items-list.scss */
7938 7935
.list-view .items-list, .storage-progress .items-list {
7939 7936
  overflow: hidden;
7940 7937
}
7941
/* line 243, ../sass/_items-list.scss */
7938
/* line 240, ../sass/_items-list.scss */
7942 7939
.list-view .items-list > li, .storage-progress .items-list > li {
7943 7940
  height: auto;
7944 7941
  width: 100%;
7945 7942
  padding: 15px 15px 15px 140px;
7946 7943
  background-image: none;
7947 7944
}
7948
/* line 244, ../sass/_items-list.scss */
7945
/* line 241, ../sass/_items-list.scss */
7949 7946
.list-view .items-list > li.selected, .storage-progress .items-list > li.selected {
7950 7947
  background-color: #ced248;
7951 7948
}
7952
/* line 252, ../sass/_items-list.scss */
7949
/* line 249, ../sass/_items-list.scss */
7953 7950
.list-view .items-list > li:hover, .storage-progress .items-list > li:hover {
7954 7951
  background-color: #ced248;
7955 7952
}
7956
/* line 255, ../sass/_items-list.scss */
7953
/* line 252, ../sass/_items-list.scss */
7957 7954
.list-view .items-list > li .check, .storage-progress .items-list > li .check {
7958 7955
  width: 60px;
7959 7956
  height: 30px;
......
7962 7959
  float: left;
7963 7960
  padding-left: 20px;
7964 7961
}
7965
/* line 262, ../sass/_items-list.scss */
7962
/* line 259, ../sass/_items-list.scss */
7966 7963
.list-view .items-list > li .check:hover, .storage-progress .items-list > li .check:hover {
7967 7964
  cursor: pointer;
7968 7965
  color: #e660a3;
7969 7966
}
7970
/* line 267, ../sass/_items-list.scss */
7967
/* line 264, ../sass/_items-list.scss */
7971 7968
.list-view .items-list > li .img-wrap, .storage-progress .items-list > li .img-wrap {
7972 7969
  width: 60px;
7973 7970
  float: left;
7974 7971
  text-align: center;
7975 7972
  height: 30px;
7976 7973
}
7977
/* line 272, ../sass/_items-list.scss */
7974
/* line 269, ../sass/_items-list.scss */
7978 7975
.list-view .items-list > li .img-wrap .os, .storage-progress .items-list > li .img-wrap .os {
7979 7976
  background: url("../images/os-unknown.png") no-repeat center center;
7980 7977
  width: 14px;
......
7990 7987
  margin-left: -7px;
7991 7988
  top: 6px;
7992 7989
}
7993
/* line 283, ../sass/_items-list.scss */
7990
/* line 280, ../sass/_items-list.scss */
7994 7991
.list-view .items-list > li .img-wrap .snf-font, .storage-progress .items-list > li .img-wrap .snf-font {
7995 7992
  font-size: 30px;
7996 7993
  line-height: 120%;
7997 7994
}
7998
/* line 288, ../sass/_items-list.scss */
7995
/* line 285, ../sass/_items-list.scss */
7999 7996
.list-view .items-list > li h4, .storage-progress .items-list > li h4 {
8000 7997
  width: 180px;
8001 7998
  overflow: hidden;
......
8008 8005
  color: inherit;
8009 8006
  padding-right: 20px;
8010 8007
}
8011
/* line 300, ../sass/_items-list.scss */
8008
/* line 297, ../sass/_items-list.scss */
8012 8009
.list-view .items-list > li .tags, .storage-progress .items-list > li .tags {
8013 8010
  float: left;
8014 8011
  width: 100px;
8015 8012
  height: 30px;
8016 8013
  line-height: 30px;
8017 8014
}
8018
/* line 305, ../sass/_items-list.scss */
8015
/* line 302, ../sass/_items-list.scss */
8019 8016
.list-view .items-list > li .tags a, .storage-progress .items-list > li .tags a {
8020 8017
  vertical-align: middle;
8021 8018
}
8022
/* line 309, ../sass/_items-list.scss */
8019
/* line 306, ../sass/_items-list.scss */
8023 8020
.list-view .items-list > li .size, .list-view .items-list > li .remove, .storage-progress .items-list > li .size, .storage-progress .items-list > li .remove {
8024 8021
  float: left;
8025 8022
  width: 100px;
......
8029 8026
  text-align: left;
8030 8027
  padding-left: 20px;
8031 8028
}
8032
/* line 318, ../sass/_items-list.scss */
8029
/* line 315, ../sass/_items-list.scss */
8033 8030
.list-view .items-list > li .status, .storage-progress .items-list > li .status {
8034 8031
  position: absolute;
8035 8032
  left: 260px;
......
8039 8036
  line-height: 110%;
8040 8037
  width: 240px;
8041 8038
}
8042
/* line 326, ../sass/_items-list.scss */
8039
/* line 323, ../sass/_items-list.scss */
8043 8040
.list-view .items-list > li .status span, .storage-progress .items-list > li .status span {
8044 8041
  display: inline;
8045 8042
}
8046
/* line 330, ../sass/_items-list.scss */
8043
/* line 327, ../sass/_items-list.scss */
8047 8044
.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 {
8048 8045
  float: left;
8049 8046
  width: 220px;
......
8052 8049
  line-height: 30px;
8053 8050
  font-size: 0.75em;
8054 8051
}
8055
/* line 338, ../sass/_items-list.scss */
8052
/* line 335, ../sass/_items-list.scss */
8056 8053
.list-view .items-list > li .actions, .storage-progress .items-list > li .actions {
8057 8054
  float: left;
8058 8055
  height: 30px;
......
8061 8058
  padding: 0 10px;
8062 8059
  top: 2px;
8063 8060
}
8064
/* line 346, ../sass/_items-list.scss */
8061
/* line 343, ../sass/_items-list.scss */
8065 8062
.list-view .items-list > li .actions a:first-child, .storage-progress .items-list > li .actions a:first-child {
8066 8063
  margin-right: 5px;
8067 8064
}
8068
/* line 351, ../sass/_items-list.scss */
8065
/* line 348, ../sass/_items-list.scss */
8069 8066
.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 {
8070 8067
  visibility: hidden;
8071 8068
  height: 30px;
......
8074 8071
  width: 140px;
8075 8072
  float: left;
8076 8073
}
8077
/* line 358, ../sass/_items-list.scss */
8074
/* line 355, ../sass/_items-list.scss */
8078 8075
.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 {
8079 8076
  margin-right: 10px;
8080 8077
}
8081
/* line 363, ../sass/_items-list.scss */
8078
/* line 360, ../sass/_items-list.scss */
8082 8079
.list-view .items-list > li.add-new:hover, .storage-progress .items-list > li.add-new:hover {
8083 8080
  background: #485057;
8084 8081
}
8085
/* line 366, ../sass/_items-list.scss */
8082
/* line 363, ../sass/_items-list.scss */
8086 8083
.list-view .items-list > li.add-new .check, .storage-progress .items-list > li.add-new .check {
8087 8084
  visibility: hidden;
8088 8085
}
8089
/* line 369, ../sass/_items-list.scss */
8086
/* line 366, ../sass/_items-list.scss */
8090 8087
.list-view .items-list > li.add-new h4, .storage-progress .items-list > li.add-new h4 {
8091 8088
  margin: 0;
8092 8089
}
8093
/* line 373, ../sass/_items-list.scss */
8090
/* line 370, ../sass/_items-list.scss */
8094 8091
.list-view .items-list > li.add-new .img-wrap .symbol, .storage-progress .items-list > li.add-new .img-wrap .symbol {
8095 8092
  font-size: 24px;
8096 8093
}
8097
/* line 380, ../sass/_items-list.scss */
8094
/* line 377, ../sass/_items-list.scss */
8098 8095
.list-view .items-list > li.building .img-wrap .incomplete, .storage-progress .items-list > li.building .img-wrap .incomplete {
8099 8096
  width: 30px;
8100 8097
  margin: 0 auto;
8101 8098
}
8102
/* line 384, ../sass/_items-list.scss */
8099
/* line 381, ../sass/_items-list.scss */
8103 8100
.list-view .items-list > li.building .img-wrap .complete, .storage-progress .items-list > li.building .img-wrap .complete {
8104 8101
  top: -30px;
8105 8102
  margin: 0 auto;
8106 8103
}
8107 8104

  
8108
/* line 398, ../sass/_items-list.scss */
8105
/* line 395, ../sass/_items-list.scss */
8109 8106
.containers .storage .items-list > li:hover {
8110 8107
  background-color: inherit;
8111 8108
}
8112 8109

  
8113
/* line 409, ../sass/_items-list.scss */
8110
/* line 406, ../sass/_items-list.scss */
8114 8111
.storage .lt-bar .lt-actions .select {
8115 8112
  margin-right: 4px;
8116 8113
}
8117 8114

  
8118
/* line 418, ../sass/_items-list.scss */
8115
/* line 415, ../sass/_items-list.scss */
8119 8116
.lt-bar .items-list .check, .lt-bar .items-list .actions, .lt-bar .items-list .info {
8120 8117
  display: none;
8121 8118
}
8122
/* line 421, ../sass/_items-list.scss */
8119
/* line 418, ../sass/_items-list.scss */
8123 8120
.lt-bar .items-list .container {
8124 8121
  padding: 40px 0;
8125 8122
}
8126
/* line 424, ../sass/_items-list.scss */
8123
/* line 421, ../sass/_items-list.scss */
8127 8124
.lt-bar .items-list .side-actions {
8128 8125
  display: none;
8129 8126
}
8130 8127

  
8131 8128
/* img-wrap div ( colors & styles ) */
8132
/* line 433, ../sass/_items-list.scss */
8129
/* line 430, ../sass/_items-list.scss */
8133 8130
.img-wrap {
8134 8131
  width: 60px;
8135 8132
  position: relative;
8136 8133
  display: inline-block;
8137 8134
  line-height: 100%;
8138 8135
}
8139
/* line 439, ../sass/_items-list.scss */
8136
/* line 436, ../sass/_items-list.scss */
8140 8137
.img-wrap .os {
8141 8138
  background: url("../images/os-unknown.png") no-repeat center center;
8142 8139
  width: 22px;
......
8149 8146
  left: 50%;
8150 8147
  margin-left: -11px;
8151 8148
}
8152
/* line 445, ../sass/_items-list.scss */
8149
/* line 442, ../sass/_items-list.scss */
8153 8150
.img-wrap .os.windows {
8154 8151
  background-image: url("../images/os-windows.png");
8155 8152
}
8156
/* line 446, ../sass/_items-list.scss */
8153
/* line 443, ../sass/_items-list.scss */
8157 8154
.img-wrap .os.kubuntu {
8158 8155
  background-image: url("../images/os-kubuntu.png");
8159 8156
}
8160
/* line 447, ../sass/_items-list.scss */
8157
/* line 444, ../sass/_items-list.scss */
8161 8158
.img-wrap .os.fedora {
8162 8159
  background-image: url("../images/os-fedora.png");
8163 8160
}
8164
/* line 448, ../sass/_items-list.scss */
8161
/* line 445, ../sass/_items-list.scss */
8165 8162
.img-wrap .os.symbol {
8166 8163
  position: relative;
8167 8164
  top: -50px;
......
8241 8238
  color: #e660a3;
8242 8239
}
8243 8240

  
8244
/* line 485, ../sass/_items-list.scss */
8241
/* line 482, ../sass/_items-list.scss */
8245 8242
.building .img-wrap .snf-pc-full {
8246 8243
  display: block;
8247 8244
}
8248
/* line 489, ../sass/_items-list.scss */
8245
/* line 486, ../sass/_items-list.scss */
8249 8246
.building .img-wrap .incomplete {
8250 8247
  color: #ed8cbc;
8251 8248
  width: 60px;
8252 8249
}
8253
/* line 493, ../sass/_items-list.scss */
8250
/* line 490, ../sass/_items-list.scss */
8254 8251
.building .img-wrap .complete {
8255 8252
  width: 0%;
8256 8253
  position: absolute;

Also available in: Unified diff