Revision bffd1e41

b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_common.scss
98 98 
	width: $width;
99 99 
	left:50%;
100 100 
	top:$header-height + $bar-height;
101 
	padding:8px 10px;
101 
	padding:15px 10px;
102 102 
	margin-left:-($row-width - 2*$main-padding-horizontal)/2;
103 103 
	@include box-shadow(3px -2px 8px #ccc);
104 104 
	background: $bgcolor;
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_items-list.scss
171 171 
			font-size:emCalc(12px);
172 172 
			li  {
173 173 
				list-style: none outside none;
174 
				padding:12px 0 ;
174 
				height: $list-icon-height;
175 
				line-height: $list-icon-height;
175 176 
				&.select {
176 177 
					span {
177 178 
						font-size: 16px;
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
7865 7865 
  width: 140px;
7866 7866 
  left: 50%;
7867 7867 
  top: 110px;
7868 
  padding: 8px 10px;
7868 
  padding: 15px 10px;
7869 7869 
  margin-left: -30.625em;
7870 7870 
  -moz-box-shadow: 3px -2px 8px #cccccc;
7871 7871 
  -webkit-box-shadow: 3px -2px 8px #cccccc;
......
7881 7881 
/* line 172, ../sass/_items-list.scss */
7882 7882 
.list-view .lt-bar ul li, .storage-progress .lt-bar ul li {
7883 7883 
  list-style: none outside none;
7884 
  padding: 12px 0;
7884 
  height: 30px;
7885 
  line-height: 30px;
7885 7886 
}
7886 
/* line 176, ../sass/_items-list.scss */
7887 
/* line 177, ../sass/_items-list.scss */
7887 7888 
.list-view .lt-bar ul li.select span, .storage-progress .lt-bar ul li.select span {
7888 7889 
  font-size: 16px;
7889 7890 
  margin-right: 5px;
7890 7891 
  position: relative;
7891 7892 
  top: 2px;
7892 7893 
}
7893 
/* line 182, ../sass/_items-list.scss */
7894 
/* line 183, ../sass/_items-list.scss */
7894 7895 
.list-view .lt-bar ul li.select em, .storage-progress .lt-bar ul li.select em {
7895 7896 
  display: none;
7896 7897 
  font-style: normal;
7897 7898 
}
7898 
/* line 186, ../sass/_items-list.scss */
7899 
/* line 187, ../sass/_items-list.scss */
7899 7900 
.list-view .lt-bar ul li.select:hover, .storage-progress .lt-bar ul li.select:hover {
7900 7901 
  color: #30c79e;
7901 7902 
  cursor: pointer;
7902 7903 
}
7903 
/* line 194, ../sass/_items-list.scss */
7904 
/* line 195, ../sass/_items-list.scss */
7904 7905 
.list-view .lt-bar ul.lt-actions li a, .storage-progress .lt-bar ul.lt-actions li a {
7905 7906 
  color: #bebebe;
7906 7907 
}
7907 
/* line 196, ../sass/_items-list.scss */
7908 
/* line 197, ../sass/_items-list.scss */
7908 7909 
.list-view .lt-bar ul.lt-actions li a:hover, .storage-progress .lt-bar ul.lt-actions li a:hover {
7909 7910 
  color: #bebebe;
7910 7911 
  cursor: default;
7911 7912 
}
7912 
/* line 200, ../sass/_items-list.scss */
7913 
/* line 201, ../sass/_items-list.scss */
7913 7914 
.list-view .lt-bar ul.lt-actions li a.active, .storage-progress .lt-bar ul.lt-actions li a.active {
7914 7915 
  color: #485057;
7915 7916 
}
7916 
/* line 202, ../sass/_items-list.scss */
7917 
/* line 203, ../sass/_items-list.scss */
7917 7918 
.list-view .lt-bar ul.lt-actions li a.active:hover, .storage-progress .lt-bar ul.lt-actions li a.active:hover {
7918 7919 
  color: #30c79e;
7919 7920 
  cursor: pointer;
7920 7921 
}
7921 
/* line 207, ../sass/_items-list.scss */
7922 
/* line 208, ../sass/_items-list.scss */
7922 7923 
.list-view .lt-bar ul.lt-actions li a span, .storage-progress .lt-bar ul.lt-actions li a span {
7923 7924 
  margin-right: 6px;
7924 7925 
  width: 14px;
7925 7926 
  display: inline-block;
7926 7927 
}
7927 
/* line 211, ../sass/_items-list.scss */
7928 
/* line 212, ../sass/_items-list.scss */
7928 7929 
.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 7930 
  font-size: 1.5em;
7930 7931 
  position: relative;
7931 7932 
}
7932 
/* line 223, ../sass/_items-list.scss */
7933 
/* line 224, ../sass/_items-list.scss */
7933 7934 
.list-view .lt-bar ul.more li a span, .storage-progress .lt-bar ul.more li a span {
7934 7935 
  font-size: 1.5em;
7935 7936 
  margin-right: 2px;
7936 7937 
}
7937 
/* line 232, ../sass/_items-list.scss */
7938 
/* line 233, ../sass/_items-list.scss */
7938 7939 
.list-view .items-list, .storage-progress .items-list {
7939 7940 
  overflow: hidden;
7940 7941 
}
7941 
/* line 234, ../sass/_items-list.scss */
7942 
/* line 235, ../sass/_items-list.scss */
7942 7943 
.list-view .items-list > li, .storage-progress .items-list > li {
7943 7944 
  height: auto;
7944 7945 
  width: 100%;
7945 7946 
  padding: 15px 15px 15px 140px;
7946 7947 
  background-image: none;
7947 7948 
}
7948 
/* line 235, ../sass/_items-list.scss */
7949 
/* line 236, ../sass/_items-list.scss */
7949 7950 
.list-view .items-list > li.selected, .storage-progress .items-list > li.selected {
7950 7951 
  background-color: #f0f0f0;
7951 7952 
}
7952 
/* line 243, ../sass/_items-list.scss */
7953 
/* line 244, ../sass/_items-list.scss */
7953 7954 
.list-view .items-list > li:hover, .storage-progress .items-list > li:hover {
7954 7955 
  background-color: #f0f0f0;
7955 7956 
}
7956 
/* line 246, ../sass/_items-list.scss */
7957 
/* line 247, ../sass/_items-list.scss */
7957 7958 
.list-view .items-list > li .check, .storage-progress .items-list > li .check {
7958 7959 
  width: 60px;
7959 7960 
  height: 30px;
......
7962 7963 
  float: left;
7963 7964 
  padding-left: 20px;
7964 7965 
}
7965 
/* line 253, ../sass/_items-list.scss */
7966 
/* line 254, ../sass/_items-list.scss */
7966 7967 
.list-view .items-list > li .check:hover, .storage-progress .items-list > li .check:hover {
7967 7968 
  cursor: pointer;
7968 7969 
  color: #30c79e;
7969 7970 
}
7970 
/* line 258, ../sass/_items-list.scss */
7971 
/* line 259, ../sass/_items-list.scss */
7971 7972 
.list-view .items-list > li .img-wrap, .storage-progress .items-list > li .img-wrap {
7972 7973 
  width: 60px;
7973 7974 
  float: left;
7974 7975 
  text-align: center;
7975 7976 
  height: 30px;
7976 7977 
}
7977 
/* line 263, ../sass/_items-list.scss */
7978 
/* line 264, ../sass/_items-list.scss */
7978 7979 
.list-view .items-list > li .img-wrap .os, .storage-progress .items-list > li .img-wrap .os {
7979 7980 
  background: url("../images/os-unknown.png") no-repeat center center;
7980 7981 
  width: 14px;
......
7990 7991 
  margin-left: -7px;
7991 7992 
  top: 6px;
7992 7993 
}
7993 
/* line 274, ../sass/_items-list.scss */
7994 
/* line 275, ../sass/_items-list.scss */
7994 7995 
.list-view .items-list > li .img-wrap .snf-font, .storage-progress .items-list > li .img-wrap .snf-font {
7995 7996 
  font-size: 30px;
7996 7997 
  line-height: 120%;
7997 7998 
}
7998 
/* line 279, ../sass/_items-list.scss */
7999 
/* line 280, ../sass/_items-list.scss */
7999 8000 
.list-view .items-list > li h4, .storage-progress .items-list > li h4 {
8000 8001 
  width: 180px;
8001 8002 
  overflow: hidden;
......
8008 8009 
  color: inherit;
8009 8010 
  padding-right: 20px;
8010 8011 
}
8011 
/* line 291, ../sass/_items-list.scss */
8012 
/* line 292, ../sass/_items-list.scss */
8012 8013 
.list-view .items-list > li .tags, .storage-progress .items-list > li .tags {
8013 8014 
  float: left;
8014 8015 
  width: 100px;
8015 8016 
  height: 30px;
8016 8017 
  line-height: 30px;
8017 8018 
}
8018 
/* line 296, ../sass/_items-list.scss */
8019 
/* line 297, ../sass/_items-list.scss */
8019 8020 
.list-view .items-list > li .tags a, .storage-progress .items-list > li .tags a {
8020 8021 
  vertical-align: middle;
8021 8022 
}
8022 
/* line 300, ../sass/_items-list.scss */
8023 
/* line 301, ../sass/_items-list.scss */
8023 8024 
.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 8025 
  float: left;
8025 8026 
  width: 100px;
......
8029 8030 
  text-align: left;
8030 8031 
  padding-left: 20px;
8031 8032 
}
8032 
/* line 309, ../sass/_items-list.scss */
8033 
/* line 310, ../sass/_items-list.scss */
8033 8034 
.list-view .items-list > li .status, .storage-progress .items-list > li .status {
8034 8035 
  position: absolute;
8035 8036 
  left: 260px;
......
8039 8040 
  line-height: 110%;
8040 8041 
  width: 240px;
8041 8042 
}
8042 
/* line 317, ../sass/_items-list.scss */
8043 
/* line 318, ../sass/_items-list.scss */
8043 8044 
.list-view .items-list > li .status span, .storage-progress .items-list > li .status span {
8044 8045 
  display: inline;
8045 8046 
}
8046 
/* line 321, ../sass/_items-list.scss */
8047 
/* line 322, ../sass/_items-list.scss */
8047 8048 
.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 8049 
  float: left;
8049 8050 
  width: 220px;
......
8052 8053 
  line-height: 30px;
8053 8054 
  font-size: 0.75em;
8054 8055 
}
8055 
/* line 329, ../sass/_items-list.scss */
8056 
/* line 330, ../sass/_items-list.scss */
8056 8057 
.list-view .items-list > li .actions, .storage-progress .items-list > li .actions {
8057 8058 
  float: left;
8058 8059 
  height: 30px;
......
8061 8062 
  padding: 0 10px;
8062 8063 
  top: 2px;
8063 8064 
}
8064 
/* line 337, ../sass/_items-list.scss */
8065 
/* line 338, ../sass/_items-list.scss */
8065 8066 
.list-view .items-list > li .actions a:first-child, .storage-progress .items-list > li .actions a:first-child {
8066 8067 
  margin-right: 5px;
8067 8068 
}
8068 
/* line 342, ../sass/_items-list.scss */
8069 
/* line 343, ../sass/_items-list.scss */
8069 8070 
.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 8071 
  visibility: hidden;
8071 8072 
  height: 30px;
......
8074 8075 
  width: 140px;
8075 8076 
  float: left;
8076 8077 
}
8077 
/* line 349, ../sass/_items-list.scss */
8078 
/* line 350, ../sass/_items-list.scss */
8078 8079 
.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 8080 
  margin-right: 10px;
8080 8081 
}
8081 
/* line 354, ../sass/_items-list.scss */
8082 
/* line 355, ../sass/_items-list.scss */
8082 8083 
.list-view .items-list > li.add-new:hover, .storage-progress .items-list > li.add-new:hover {
8083 8084 
  background: #485057;
8084 8085 
}
8085 
/* line 357, ../sass/_items-list.scss */
8086 
/* line 358, ../sass/_items-list.scss */
8086 8087 
.list-view .items-list > li.add-new .check, .storage-progress .items-list > li.add-new .check {
8087 8088 
  visibility: hidden;
8088 8089 
}
8089 
/* line 360, ../sass/_items-list.scss */
8090 
/* line 361, ../sass/_items-list.scss */
8090 8091 
.list-view .items-list > li.add-new h4, .storage-progress .items-list > li.add-new h4 {
8091 8092 
  margin: 0;
8092 8093 
}
8093 
/* line 364, ../sass/_items-list.scss */
8094 
/* line 365, ../sass/_items-list.scss */
8094 8095 
.list-view .items-list > li.add-new .img-wrap .symbol, .storage-progress .items-list > li.add-new .img-wrap .symbol {
8095 8096 
  font-size: 24px;
8096 8097 
}
8097 
/* line 371, ../sass/_items-list.scss */
8098 
/* line 372, ../sass/_items-list.scss */
8098 8099 
.list-view .items-list > li.building .img-wrap .incomplete, .storage-progress .items-list > li.building .img-wrap .incomplete {
8099 8100 
  width: 30px;
8100 8101 
  margin: 0 auto;
8101 8102 
}
8102 
/* line 375, ../sass/_items-list.scss */
8103 
/* line 376, ../sass/_items-list.scss */
8103 8104 
.list-view .items-list > li.building .img-wrap .complete, .storage-progress .items-list > li.building .img-wrap .complete {
8104 8105 
  top: -30px;
8105 8106 
  margin: 0 auto;
8106 8107 
}
8107 8108 

  		





  8108
  
  
    
/* line 389, ../sass/_items-list.scss */


  		





  
  8109
  
    
/* line 390, ../sass/_items-list.scss */


  		





  8109
  8110
  
    
.containers .storage .items-list > li:hover {


  		





  8110
  8111
  
    
  background-color: inherit;


  		





  8111
  8112
  
    
}


  		





  8112
  8113
  
    

  		





  8113
  
  
    
/* line 400, ../sass/_items-list.scss */


  		





  
  8114
  
    
/* line 401, ../sass/_items-list.scss */


  		





  8114
  8115
  
    
.storage .lt-bar .lt-actions .select {


  		





  8115
  8116
  
    
  margin-right: 4px;


  		





  8116
  8117
  
    
}


  		





  8117
  8118
  
    

  		





  8118
  
  
    
/* line 409, ../sass/_items-list.scss */


  		





  
  8119
  
    
/* line 410, ../sass/_items-list.scss */


  		





  8119
  8120
  
    
.lt-bar .items-list .check, .lt-bar .items-list .actions, .lt-bar .items-list .info {


  		





  8120
  8121
  
    
  display: none;


  		





  8121
  8122
  
    
}


  		





  8122
  
  
    
/* line 412, ../sass/_items-list.scss */


  		





  
  8123
  
    
/* line 413, ../sass/_items-list.scss */


  		





  8123
  8124
  
    
.lt-bar .items-list > li {


  		





  8124
  8125
  
    
  background: url(../images/dashed_atom-x.png) repeat-x center bottom;


  		





  8125
  8126
  
    
  padding: 40px;


  		





  8126
  8127
  
    
  height: auto;


  		





  8127
  8128
  
    
}


  		





  8128
  
  
    
/* line 416, ../sass/_items-list.scss */


  		





  
  8129
  
    
/* line 417, ../sass/_items-list.scss */


  		





  8129
  8130
  
    
.lt-bar .items-list > li:hover {


  		





  8130
  8131
  
    
  background-color: #bebebe;


  		





  8131
  8132
  
    
}


  		





  8132
  
  
    
/* line 419, ../sass/_items-list.scss */


  		





  
  8133
  
    
/* line 420, ../sass/_items-list.scss */


  		





  8133
  8134
  
    
.lt-bar .items-list > li.add-new {


  		





  8134
  8135
  
    
  background-color: #30c79e;


  		





  8135
  8136
  
    
}


  		





  8136
  
  
    
/* line 421, ../sass/_items-list.scss */


  		





  
  8137
  
    
/* line 422, ../sass/_items-list.scss */


  		





  8137
  8138
  
    
.lt-bar .items-list > li.add-new:hover {


  		





  8138
  8139
  
    
  background-color: #485057;


  		





  8139
  8140
  
    
}


  		





  8140
  
  
    
/* line 426, ../sass/_items-list.scss */


  		





  
  8141
  
    
/* line 427, ../sass/_items-list.scss */


  		





  8141
  8142
  
    
.lt-bar .items-list .container {


  		





  8142
  8143
  
    
  height: 160px;


  		





  8143
  8144
  
    
  position: relative;


  		





  8144
  8145
  
    
  line-height: 120%;


  		





  8145
  8146
  
    
}


  		





  8146
  
  
    
/* line 430, ../sass/_items-list.scss */


  		





  
  8147
  
    
/* line 431, ../sass/_items-list.scss */


  		





  8147
  8148
  
    
.lt-bar .items-list .container .tags {


  		





  8148
  8149
  
    
  width: 100%;


  		





  8149
  8150
  
    
  min-height: 12px;


  		





  ......




  8152
  8153
  
    
}


  		





  8153
  8154
  
    

  		





  8154
  8155
  
    
/* img-wrap div ( colors & styles ) */


  		





  8155
  
  
    
/* line 443, ../sass/_items-list.scss */


  		





  
  8156
  
    
/* line 444, ../sass/_items-list.scss */


  		





  8156
  8157
  
    
.img-wrap {


  		





  8157
  8158
  
    
  width: 60px;


  		





  8158
  8159
  
    
  position: relative;


  		





  8159
  8160
  
    
  display: inline-block;


  		





  8160
  8161
  
    
  line-height: 100%;


  		





  8161
  8162
  
    
}


  		





  8162
  
  
    
/* line 449, ../sass/_items-list.scss */


  		





  
  8163
  
    
/* line 450, ../sass/_items-list.scss */


  		





  8163
  8164
  
    
.img-wrap .os {


  		





  8164
  8165
  
    
  background: url("../images/os-unknown.png") no-repeat center center;


  		





  8165
  8166
  
    
  width: 22px;


  		





  ......




  8172
  8173
  
    
  left: 50%;


  		





  8173
  8174
  
    
  margin-left: -11px;


  		





  8174
  8175
  
    
}


  		





  8175
  
  
    
/* line 455, ../sass/_items-list.scss */


  		





  
  8176
  
    
/* line 456, ../sass/_items-list.scss */


  		





  8176
  8177
  
    
.img-wrap .os.windows {


  		





  8177
  8178
  
    
  background-image: url("../images/os-windows.png");


  		





  8178
  8179
  
    
}


  		





  8179
  
  
    
/* line 456, ../sass/_items-list.scss */


  		





  
  8180
  
    
/* line 457, ../sass/_items-list.scss */


  		





  8180
  8181
  
    
.img-wrap .os.kubuntu {


  		





  8181
  8182
  
    
  background-image: url("../images/os-kubuntu.png");


  		





  8182
  8183
  
    
}


  		





  8183
  
  
    
/* line 457, ../sass/_items-list.scss */


  		





  
  8184
  
    
/* line 458, ../sass/_items-list.scss */


  		





  8184
  8185
  
    
.img-wrap .os.fedora {


  		





  8185
  8186
  
    
  background-image: url("../images/os-fedora.png");


  		





  8186
  8187
  
    
}


  		





  8187
  
  
    
/* line 458, ../sass/_items-list.scss */


  		





  
  8188
  
    
/* line 459, ../sass/_items-list.scss */


  		





  8188
  8189
  
    
.img-wrap .os.symbol {


  		





  8189
  8190
  
    
  position: relative;


  		





  8190
  8191
  
    
  top: -50px;


  		





  ......




  8264
  8265
  
    
  color: #30c79e;


  		





  8265
  8266
  
    
}


  		





  8266
  8267
  
    

  		





  8267
  
  
    
/* line 495, ../sass/_items-list.scss */


  		





  
  8268
  
    
/* line 496, ../sass/_items-list.scss */


  		





  8268
  8269
  
    
.building .img-wrap .snf-pc-full {


  		





  8269
  8270
  
    
  display: block;


  		





  8270
  8271
  
    
}


  		





  8271
  
  
    
/* line 499, ../sass/_items-list.scss */


  		





  
  8272
  
    
/* line 500, ../sass/_items-list.scss */


  		





  8272
  8273
  
    
.building .img-wrap .incomplete {


  		





  8273
  8274
  
    
  color: #54d6b3;


  		





  8274
  8275
  
    
  width: 60px;


  		





  8275
  8276
  
    
}


  		





  8276
  
  
    
/* line 503, ../sass/_items-list.scss */


  		





  
  8277
  
    
/* line 504, ../sass/_items-list.scss */


  		





  8277
  8278
  
    
.building .img-wrap .complete {


  		





  8278
  8279
  
    
  width: 0%;


  		





  8279
  8280
  
    
  position: absolute;


  		





  ......




  8474
  8475
  
    
  width: 290px;


  		





  8475
  8476
  
    
  left: 50%;


  		





  8476
  8477
  
    
  top: 110px;


  		





  8477
  
  
    
  padding: 8px 10px;


  		





  
  8478
  
    
  padding: 15px 10px;


  		





  8478
  8479
  
    
  margin-left: -30.625em;


  		





  8479
  8480
  
    
  -moz-box-shadow: 3px -2px 8px #cccccc;


  		





  8480
  8481
  
    
  -webkit-box-shadow: 3px -2px 8px #cccccc;


  		












Also available in:
  Unified diff