Revision 97cd255d snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css

b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
7431 7431
}
7432 7432
/* line 662, ../sass/_common.scss */
7433 7433
.storage-progress .summary {
7434
  padding-left: 210px;
7434
  padding-left: 200px;
7435 7435
  margin: 0;
7436 7436
  font-size: 0.75em;
7437 7437
}
......
7862 7862
/* line 167, ../sass/_items-list.scss */
7863 7863
.list-view .lt-bar, .storage-progress .lt-bar {
7864 7864
  position: fixed;
7865
  width: 150px;
7865
  width: 140px;
7866 7866
  left: 50%;
7867 7867
  top: 110px;
7868 7868
  padding: 8px 10px;
......
7942 7942
.list-view .items-list > li, .storage-progress .items-list > li {
7943 7943
  height: auto;
7944 7944
  width: 100%;
7945
  padding: 15px 15px 15px 150px;
7945
  padding: 15px 15px 15px 140px;
7946 7946
  background-image: none;
7947 7947
}
7948 7948
/* line 235, ../sass/_items-list.scss */
7949 7949
.list-view .items-list > li.selected, .storage-progress .items-list > li.selected {
7950
  background-color: #bebebe;
7950
  background-color: #f0f0f0;
7951 7951
}
7952 7952
/* line 243, ../sass/_items-list.scss */
7953 7953
.list-view .items-list > li:hover, .storage-progress .items-list > li:hover {
7954
  background-color: white;
7954
  background-color: #f0f0f0;
7955 7955
}
7956 7956
/* line 246, ../sass/_items-list.scss */
7957 7957
.list-view .items-list > li .check, .storage-progress .items-list > li .check {
7958 7958
  width: 60px;
7959
  height: 34px;
7960
  line-height: 34px;
7959
  height: 30px;
7960
  line-height: 30px;
7961 7961
  text-align: center;
7962 7962
  float: left;
7963
  padding-left: 20px;
7963 7964
}
7964
/* line 252, ../sass/_items-list.scss */
7965
/* line 253, ../sass/_items-list.scss */
7965 7966
.list-view .items-list > li .check:hover, .storage-progress .items-list > li .check:hover {
7966 7967
  cursor: pointer;
7967 7968
  color: #30c79e;
7968 7969
}
7969
/* line 257, ../sass/_items-list.scss */
7970
/* line 258, ../sass/_items-list.scss */
7970 7971
.list-view .items-list > li .img-wrap, .storage-progress .items-list > li .img-wrap {
7971
  width: 70px;
7972
  width: 60px;
7972 7973
  float: left;
7973 7974
  text-align: center;
7974
  height: 34px;
7975
  top: -6px;
7975
  height: 30px;
7976 7976
}
7977 7977
/* line 263, ../sass/_items-list.scss */
7978 7978
.list-view .items-list > li .img-wrap .os, .storage-progress .items-list > li .img-wrap .os {
......
7992 7992
}
7993 7993
/* line 274, ../sass/_items-list.scss */
7994 7994
.list-view .items-list > li .img-wrap .snf-font, .storage-progress .items-list > li .img-wrap .snf-font {
7995
  font-size: 34px;
7995
  font-size: 30px;
7996 7996
  line-height: 120%;
7997 7997
}
7998 7998
/* line 279, ../sass/_items-list.scss */
7999 7999
.list-view .items-list > li h4, .storage-progress .items-list > li h4 {
8000
  width: 210px;
8000
  width: 180px;
8001 8001
  overflow: hidden;
8002 8002
  float: left;
8003 8003
  text-align: left;
8004
  height: 18px;
8004
  padding-right: 20px;
8005
  height: 30px;
8006
  line-height: 30px;
8005 8007
  margin: 0;
8006 8008
  color: inherit;
8009
  padding-right: 20px;
8007 8010
}
8008
/* line 288, ../sass/_items-list.scss */
8011
/* line 291, ../sass/_items-list.scss */
8009 8012
.list-view .items-list > li .tags, .storage-progress .items-list > li .tags {
8010 8013
  float: left;
8011
  width: 90px;
8012
  height: 34px;
8013
  line-height: 34px;
8014
  width: 100px;
8015
  height: 30px;
8016
  line-height: 30px;
8014 8017
}
8015
/* line 293, ../sass/_items-list.scss */
8018
/* line 296, ../sass/_items-list.scss */
8016 8019
.list-view .items-list > li .tags a, .storage-progress .items-list > li .tags a {
8017
  vertical-align: text-top;
8020
  vertical-align: middle;
8018 8021
}
8019
/* line 297, ../sass/_items-list.scss */
8022
/* line 300, ../sass/_items-list.scss */
8020 8023
.list-view .items-list > li .size, .list-view .items-list > li .remove, .storage-progress .items-list > li .size, .storage-progress .items-list > li .remove {
8021 8024
  float: left;
8022
  width: 90px;
8023
  height: 34px;
8024
  line-height: 34px;
8025
  width: 100px;
8026
  height: 30px;
8027
  line-height: 30px;
8025 8028
  font-size: 0.75em;
8026 8029
  text-align: left;
8030
  padding-left: 20px;
8027 8031
}
8028
/* line 305, ../sass/_items-list.scss */
8032
/* line 309, ../sass/_items-list.scss */
8029 8033
.list-view .items-list > li .status, .storage-progress .items-list > li .status {
8030 8034
  position: absolute;
8031
  left: 280px;
8035
  left: 260px;
8032 8036
  text-align: left;
8033
  top: 30px;
8034
  width: 210px;
8037
  top: 36px;
8038
  font-size: 11px;
8039
  line-height: 110%;
8040
  width: 240px;
8035 8041
}
8036
/* line 311, ../sass/_items-list.scss */
8042
/* line 317, ../sass/_items-list.scss */
8037 8043
.list-view .items-list > li .status span, .storage-progress .items-list > li .status span {
8038 8044
  display: inline;
8039 8045
}
8040
/* line 315, ../sass/_items-list.scss */
8046
/* line 321, ../sass/_items-list.scss */
8041 8047
.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 {
8042 8048
  float: left;
8043
  width: 200px;
8044
  height: 34px;
8045
  line-height: 34px;
8049
  width: 220px;
8050
  padding-right: 20px;
8051
  height: 30px;
8052
  line-height: 30px;
8046 8053
  font-size: 0.75em;
8047 8054
}
8048
/* line 322, ../sass/_items-list.scss */
8055
/* line 329, ../sass/_items-list.scss */
8049 8056
.list-view .items-list > li .actions, .storage-progress .items-list > li .actions {
8050 8057
  float: left;
8051
  height: 34px;
8052
  line-height: 34px;
8058
  height: 30px;
8059
  line-height: 30px;
8053 8060
  position: relative;
8054
  top: -4px;
8055
  margin: 0 10px;
8061
  padding: 0 10px;
8062
  top: 2px;
8056 8063
}
8057
/* line 330, ../sass/_items-list.scss */
8064
/* line 337, ../sass/_items-list.scss */
8058 8065
.list-view .items-list > li .actions a:first-child, .storage-progress .items-list > li .actions a:first-child {
8059 8066
  margin-right: 5px;
8060 8067
}
8061
/* line 335, ../sass/_items-list.scss */
8068
/* line 342, ../sass/_items-list.scss */
8062 8069
.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 {
8063 8070
  visibility: hidden;
8064
  height: 34px;
8065
  line-height: 34px;
8071
  height: 30px;
8072
  line-height: 30px;
8066 8073
  text-align: left;
8067 8074
  width: 140px;
8068 8075
  float: left;
8069 8076
}
8070
/* line 342, ../sass/_items-list.scss */
8077
/* line 349, ../sass/_items-list.scss */
8071 8078
.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 {
8072 8079
  margin-right: 10px;
8073 8080
}
8074
/* line 347, ../sass/_items-list.scss */
8081
/* line 354, ../sass/_items-list.scss */
8075 8082
.list-view .items-list > li.add-new:hover, .storage-progress .items-list > li.add-new:hover {
8076 8083
  background: #485057;
8077 8084
}
8078
/* line 350, ../sass/_items-list.scss */
8085
/* line 357, ../sass/_items-list.scss */
8079 8086
.list-view .items-list > li.add-new .check, .storage-progress .items-list > li.add-new .check {
8080 8087
  visibility: hidden;
8081 8088
}
8082
/* line 353, ../sass/_items-list.scss */
8089
/* line 360, ../sass/_items-list.scss */
8083 8090
.list-view .items-list > li.add-new h4, .storage-progress .items-list > li.add-new h4 {
8084 8091
  margin: 0;
8085 8092
}
8086
/* line 357, ../sass/_items-list.scss */
8093
/* line 364, ../sass/_items-list.scss */
8087 8094
.list-view .items-list > li.add-new .img-wrap .symbol, .storage-progress .items-list > li.add-new .img-wrap .symbol {
8088 8095
  font-size: 24px;
8089 8096
}
8090
/* line 364, ../sass/_items-list.scss */
8097
/* line 371, ../sass/_items-list.scss */
8091 8098
.list-view .items-list > li.building .img-wrap .incomplete, .storage-progress .items-list > li.building .img-wrap .incomplete {
8092
  width: 34px;
8099
  width: 30px;
8093 8100
  margin: 0 auto;
8094 8101
}
8095
/* line 368, ../sass/_items-list.scss */
8102
/* line 375, ../sass/_items-list.scss */
8096 8103
.list-view .items-list > li.building .img-wrap .complete, .storage-progress .items-list > li.building .img-wrap .complete {
8097
  top: -34px;
8104
  top: -30px;
8098 8105
  margin: 0 auto;
8099 8106
}
8100 8107

  
8101
/* line 382, ../sass/_items-list.scss */
8108
/* line 389, ../sass/_items-list.scss */
8102 8109
.containers .storage .items-list > li:hover {
8103 8110
  background-color: inherit;
8104 8111
}
8105 8112

  
8106
/* line 393, ../sass/_items-list.scss */
8113
/* line 400, ../sass/_items-list.scss */
8107 8114
.storage .lt-bar .lt-actions .select {
8108 8115
  margin-right: 4px;
8109 8116
}
8110 8117

  
8111
/* line 402, ../sass/_items-list.scss */
8118
/* line 409, ../sass/_items-list.scss */
8112 8119
.lt-bar .items-list .check, .lt-bar .items-list .actions, .lt-bar .items-list .info {
8113 8120
  display: none;
8114 8121
}
8115
/* line 405, ../sass/_items-list.scss */
8122
/* line 412, ../sass/_items-list.scss */
8116 8123
.lt-bar .items-list > li {
8117 8124
  background: url(../images/dashed_atom-x.png) repeat-x center bottom;
8118 8125
  padding: 40px;
8119 8126
  height: auto;
8120 8127
}
8121
/* line 409, ../sass/_items-list.scss */
8128
/* line 416, ../sass/_items-list.scss */
8122 8129
.lt-bar .items-list > li:hover {
8123 8130
  background-color: #bebebe;
8124 8131
}
8125
/* line 412, ../sass/_items-list.scss */
8132
/* line 419, ../sass/_items-list.scss */
8126 8133
.lt-bar .items-list > li.add-new {
8127 8134
  background-color: #30c79e;
8128 8135
}
8129
/* line 414, ../sass/_items-list.scss */
8136
/* line 421, ../sass/_items-list.scss */
8130 8137
.lt-bar .items-list > li.add-new:hover {
8131 8138
  background-color: #485057;
8132 8139
}
8133
/* line 419, ../sass/_items-list.scss */
8140
/* line 426, ../sass/_items-list.scss */
8134 8141
.lt-bar .items-list .container {
8135 8142
  height: 160px;
8136 8143
  position: relative;
8137 8144
  line-height: 120%;
8138 8145
}
8139
/* line 423, ../sass/_items-list.scss */
8146
/* line 430, ../sass/_items-list.scss */
8140 8147
.lt-bar .items-list .container .tags {
8141 8148
  width: 100%;
8142 8149
  min-height: 12px;
......
8145 8152
}
8146 8153

  
8147 8154
/* img-wrap div ( colors & styles ) */
8148
/* line 436, ../sass/_items-list.scss */
8155
/* line 443, ../sass/_items-list.scss */
8149 8156
.img-wrap {
8150 8157
  width: 60px;
8151 8158
  position: relative;
8152 8159
  display: inline-block;
8153 8160
  line-height: 100%;
8154 8161
}
8155
/* line 443, ../sass/_items-list.scss */
8156
.img-wrap span:hover {
8157
  cursor: pointer;
8158
}
8159
/* line 447, ../sass/_items-list.scss */
8162
/* line 449, ../sass/_items-list.scss */
8160 8163
.img-wrap .os {
8161 8164
  background: url("../images/os-unknown.png") no-repeat center center;
8162 8165
  width: 22px;
......
8169 8172
  left: 50%;
8170 8173
  margin-left: -11px;
8171 8174
}
8172
/* line 453, ../sass/_items-list.scss */
8175
/* line 455, ../sass/_items-list.scss */
8173 8176
.img-wrap .os.windows {
8174 8177
  background-image: url("../images/os-windows.png");
8175 8178
}
8176
/* line 454, ../sass/_items-list.scss */
8179
/* line 456, ../sass/_items-list.scss */
8177 8180
.img-wrap .os.kubuntu {
8178 8181
  background-image: url("../images/os-kubuntu.png");
8179 8182
}
8180
/* line 455, ../sass/_items-list.scss */
8183
/* line 457, ../sass/_items-list.scss */
8181 8184
.img-wrap .os.fedora {
8182 8185
  background-image: url("../images/os-fedora.png");
8183 8186
}
8184
/* line 456, ../sass/_items-list.scss */
8187
/* line 458, ../sass/_items-list.scss */
8185 8188
.img-wrap .os.symbol {
8186 8189
  position: relative;
8187 8190
  top: -50px;
......
8261 8264
  color: #30c79e;
8262 8265
}
8263 8266

  
8264
/* line 493, ../sass/_items-list.scss */
8267
/* line 495, ../sass/_items-list.scss */
8265 8268
.building .img-wrap .snf-pc-full {
8266 8269
  display: block;
8267 8270
}
8268
/* line 497, ../sass/_items-list.scss */
8271
/* line 499, ../sass/_items-list.scss */
8269 8272
.building .img-wrap .incomplete {
8270 8273
  color: #54d6b3;
8271 8274
  width: 60px;
8272 8275
}
8273
/* line 501, ../sass/_items-list.scss */
8276
/* line 503, ../sass/_items-list.scss */
8274 8277
.building .img-wrap .complete {
8275 8278
  width: 0%;
8276 8279
  position: absolute;
......
8568 8571
  background-color: transparent;
8569 8572
}
8570 8573

  
8574
/* line 4, ../sass/machines.scss */
8575
.vms.list-view .items-list > li h4 {
8576
  width: 240px;
8577
}
8578

  
8571 8579
/* Table of Contents
8572 8580

  
8573 8581
- editable
......
8905 8913
}
8906 8914
/* line 18, ../sass/_networks.scss */
8907 8915
.networks.list-view .items-list > li .img-wrap .snf-font {
8908
  font-size: 34px-pxCalc(0.05em);
8916
  font-size: 30px-pxCalc(0.05em);
8909 8917
}
8910 8918

  
8911 8919
/* Storage (pithos) related styles  */
......
8932 8940
/* line 18, ../sass/_storage.scss */
8933 8941
.storage .items-list > li .img-wrap {
8934 8942
  top: 0;
8935
  height: 34px;
8936
  line-height: 34px;
8943
  height: 30px;
8944
  line-height: 30px;
8937 8945
}
8938 8946
/* line 23, ../sass/_storage.scss */
8939 8947
.storage .items-list > li h4 {
8940
  width: 210px;
8941
  height: 34px;
8942
  line-height: 34px;
8948
  width: 180px;
8943 8949
}
8944 8950
/* line 28, ../sass/_storage.scss */
8945
.storage .items-list > li .info {
8946
  margin-right: 40px;
8947
}
8948
/* line 33, ../sass/_storage.scss */
8949 8951
.storage .items-list .folder .img-wrap {
8950 8952
  background: url(../images/folder-closed.png) no-repeat center center;
8951 8953
}
8952
/* line 37, ../sass/_storage.scss */
8954
/* line 32, ../sass/_storage.scss */
8953 8955
.storage .items-list .folder.draghover .img-wrap {
8954 8956
  background-image: url(../images/folder-open.png);
8955 8957
}
8956
/* line 42, ../sass/_storage.scss */
8958
/* line 37, ../sass/_storage.scss */
8957 8959
.storage .items-list .folder.updating .img-wrap {
8958 8960
  background-image: url(../images/folder-updating.png);
8959 8961
}
8960
/* line 47, ../sass/_storage.scss */
8962
/* line 42, ../sass/_storage.scss */
8961 8963
.storage .items-list .folder.updated .img-wrap {
8962 8964
  background-image: url(../images/folder-updated.png);
8963 8965
}
8964
/* line 53, ../sass/_storage.scss */
8966
/* line 48, ../sass/_storage.scss */
8965 8967
.storage .items-list li:hover .actions-col {
8966 8968
  visibility: visible;
8967 8969
}
8968
/* line 57, ../sass/_storage.scss */
8970
/* line 52, ../sass/_storage.scss */
8969 8971
.storage .items-list .add-new {
8970 8972
  position: relative;
8971 8973
}
8972
/* line 59, ../sass/_storage.scss */
8974
/* line 54, ../sass/_storage.scss */
8973 8975
.storage .items-list .add-new input[type="file"] {
8974 8976
  position: absolute;
8975
  left: 150px;
8977
  left: 140px;
8976 8978
  top: 0;
8977 8979
  right: 0;
8978 8980
  bottom: 0;
8979 8981
  opacity: 0;
8980 8982
}
8981
/* line 67, ../sass/_storage.scss */
8983
/* line 62, ../sass/_storage.scss */
8982 8984
.storage .items-list .add-new h4 {
8983 8985
  color: #fff;
8984 8986
}
8985
/* line 71, ../sass/_storage.scss */
8987
/* line 66, ../sass/_storage.scss */
8986 8988
.storage .items-list .add-new:hover .rect-plus {
8987 8989
  color: #485057;
8988 8990
}
8989
/* line 76, ../sass/_storage.scss */
8991
/* line 71, ../sass/_storage.scss */
8990 8992
.storage .items-list.drag {
8991 8993
  background-color: #bebebe;
8992 8994
}
8993 8995

  
8994
/* line 82, ../sass/_storage.scss */
8996
/* line 77, ../sass/_storage.scss */
8995 8997
.containers .items-list {
8996 8998
  overflow: visible;
8997 8999
}
8998
/* line 84, ../sass/_storage.scss */
9000
/* line 79, ../sass/_storage.scss */
8999 9001
.containers .items-list > li {
9000 9002
  text-align: left;
9001
  padding-right: 15px;
9002
  padding-left: 15px;
9003
  padding-right: 50px;
9004
  padding-left: 50px;
9003 9005
}
9004
/* line 88, ../sass/_storage.scss */
9006
/* line 83, ../sass/_storage.scss */
9005 9007
.containers .items-list > li .col {
9006 9008
  float: left;
9007 9009
}
9008
/* line 91, ../sass/_storage.scss */
9010
/* line 86, ../sass/_storage.scss */
9009 9011
.containers .items-list > li h4 {
9010 9012
  font-size: 0.875em;
9011 9013
  width: auto;
9012 9014
}
9013
/* line 95, ../sass/_storage.scss */
9015
/* line 90, ../sass/_storage.scss */
9014 9016
.containers .items-list > li .basic-data {
9015
  width: 250px;
9017
  width: 180px;
9018
  padding-right: 20px;
9019
}
9020
/* line 94, ../sass/_storage.scss */
9021
.containers .items-list > li .basic-data .img-wrap a {
9022
  display: block;
9016 9023
}
9017
/* line 98, ../sass/_storage.scss */
9024
/* line 99, ../sass/_storage.scss */
9025
.containers .items-list > li .basic-data:hover a {
9026
  color: #30c79e;
9027
}
9028
/* line 104, ../sass/_storage.scss */
9018 9029
.containers .items-list > li .size-data {
9019
  width: 400px;
9030
  width: 360px;
9031
  padding-right: 20px;
9020 9032
}
9021
/* line 100, ../sass/_storage.scss */
9033
/* line 107, ../sass/_storage.scss */
9022 9034
.containers .items-list > li .size-data .progress-col {
9035
  width: 180px;
9023 9036
  padding-top: 7px;
9024 9037
}
9025
/* line 102, ../sass/_storage.scss */
9038
/* line 110, ../sass/_storage.scss */
9026 9039
.containers .items-list > li .size-data .progress-col .progress {
9027 9040
  border-color: #485057;
9028 9041
  height: 20px;
9029 9042
}
9030
/* line 105, ../sass/_storage.scss */
9043
/* line 113, ../sass/_storage.scss */
9031 9044
.containers .items-list > li .size-data .progress-col .progress .meter {
9032 9045
  text-align: right;
9033 9046
  font-size: 10px;
......
9037 9050
  font-size: 0.875em;
9038 9051
  line-height: 100%;
9039 9052
}
9040
/* line 116, ../sass/_storage.scss */
9053
/* line 124, ../sass/_storage.scss */
9041 9054
.containers .items-list > li .size-data .size {
9042 9055
  width: auto;
9043
  padding-left: 20px;
9044 9056
  font-size: 0.875em;
9045 9057
}
9046
/* line 122, ../sass/_storage.scss */
9058
/* line 129, ../sass/_storage.scss */
9047 9059
.containers .items-list > li h5 {
9048 9060
  float: left;
9049
  width: 158px;
9061
  width: 220px;
9050 9062
  font-size: 0.875em;
9051 9063
  font-weight: normal;
9052
  line-height: 34px;
9053
  height: 34px;
9064
  line-height: 30px;
9065
  height: 30px;
9054 9066
  margin: 0;
9055
  margin: 0 20px;
9067
  margin: 0 20px 0 0;
9056 9068
  overflow: hidden;
9057 9069
  white-space: nowrap;
9058 9070
}
9059
/* line 134, ../sass/_storage.scss */
9071
/* line 141, ../sass/_storage.scss */
9060 9072
.containers .items-list > li .project {
9061
  line-height: 34px;
9062
  height: 34px;
9063
  width: 102px;
9073
  line-height: 30px;
9074
  height: 30px;
9075
  width: 100px;
9064 9076
  font-size: 0.875em;
9065 9077
  position: relative;
9066 9078
  right: 0;
9067 9079
}
9068
/* line 141, ../sass/_storage.scss */
9080
/* line 148, ../sass/_storage.scss */
9069 9081
.containers .items-list > li .project ul {
9070 9082
  position: absolute;
9071 9083
  right: 0;
9072
  top: 36px;
9084
  top: 32px;
9073 9085
  list-style: none outside none;
9074 9086
  border: 1px solid #485057;
9075 9087
  padding: 5px 15px;
9076 9088
  display: none;
9077 9089
  z-index: 1;
9078 9090
  background: #fff;
9079
  min-width: 300px;
9091
  min-width: 340px;
9080 9092
}
9081
/* line 152, ../sass/_storage.scss */
9093
/* line 159, ../sass/_storage.scss */
9082 9094
.containers .items-list > li .project ul li {
9083 9095
  padding: 6px 5px;
9084 9096
}
9085
/* line 156, ../sass/_storage.scss */
9097
/* line 163, ../sass/_storage.scss */
9086 9098
.containers .items-list > li .project .btn-more {
9087 9099
  border: 1px solid #485057;
9088 9100
  position: relative;
9089
  min-width: 34px;
9090
  padding: 0 11px;
9101
  min-width: 30px;
9102
  padding: 0 10px;
9091 9103
  float: right;
9092 9104
}
9093
/* line 162, ../sass/_storage.scss */
9105
/* line 169, ../sass/_storage.scss */
9094 9106
.containers .items-list > li .project .btn-more em {
9095 9107
  font-style: normal;
9096 9108
  color: #2d3338;
......
9101 9113
  transition: opacity 300ms linear;
9102 9114
  margin-right: 7px;
9103 9115
}
9104
/* line 170, ../sass/_storage.scss */
9116
/* line 177, ../sass/_storage.scss */
9105 9117
.containers .items-list > li .project .btn-more:hover {
9106 9118
  color: #485057;
9107 9119
}
9108
/* line 177, ../sass/_storage.scss */
9120
/* line 184, ../sass/_storage.scss */
9109 9121
.containers .items-list > li .project .btn-more.clicked {
9110 9122
  background-color: #485057;
9111 9123
  color: #fff;
9112 9124
}
9113
/* line 180, ../sass/_storage.scss */
9125
/* line 187, ../sass/_storage.scss */
9114 9126
.containers .items-list > li .project .btn-more.clicked .arrow-down:after {
9115 9127
  border-color: white transparent transparent transparent;
9116 9128
}
9117
/* line 183, ../sass/_storage.scss */
9129
/* line 190, ../sass/_storage.scss */
9118 9130
.containers .items-list > li .project .btn-more.clicked em {
9119 9131
  -webkit-transition: opacity 300ms linear;
9120 9132
  -moz-transition: opacity 300ms linear;
......
9125 9137
  opacity: 1;
9126 9138
  color: #fff;
9127 9139
}
9128
/* line 191, ../sass/_storage.scss */
9140
/* line 198, ../sass/_storage.scss */
9129 9141
.containers .items-list > li .project .arrow-down:after {
9130 9142
  content: "";
9131 9143
  display: inline-block;
......
9137 9149
  position: relative;
9138 9150
  top: 3px;
9139 9151
}
9140
/* line 205, ../sass/_storage.scss */
9152
/* line 212, ../sass/_storage.scss */
9141 9153
.containers .items-list > li.folder .img-wrap {
9142 9154
  background-position: left center;
9143 9155
  text-align: left;
9144 9156
}
9145
/* line 208, ../sass/_storage.scss */
9157
/* line 215, ../sass/_storage.scss */
9146 9158
.containers .items-list > li.folder .img-wrap span {
9147 9159
  color: #485057;
9148 9160
  font-size: 1em;
......
9151 9163
  left: 18px;
9152 9164
}
9153 9165

  
9154
/* line 221, ../sass/_storage.scss */
9166
/* line 228, ../sass/_storage.scss */
9155 9167
.storage-progress .items-list {
9156 9168
  margin-bottom: 0;
9157 9169
}
9158
/* line 223, ../sass/_storage.scss */
9170
/* line 230, ../sass/_storage.scss */
9159 9171
.storage-progress .items-list li {
9160
  padding-left: 210px;
9172
  padding-left: 200px;
9161 9173
  color: #fff;
9162 9174
}
9163
/* line 226, ../sass/_storage.scss */
9175
/* line 233, ../sass/_storage.scss */
9164 9176
.storage-progress .items-list li .img-wrap {
9165 9177
  top: 0;
9166
  height: 34px;
9167
  line-height: 34px;
9178
  height: 30px;
9179
  line-height: 30px;
9168 9180
}
9169
/* line 231, ../sass/_storage.scss */
9181
/* line 238, ../sass/_storage.scss */
9170 9182
.storage-progress .items-list li h4 {
9171
  width: 210px;
9172
  height: 34px;
9173
  line-height: 34px;
9183
  width: 180px;
9184
  height: 30px;
9185
  line-height: 30px;
9174 9186
}
9175
/* line 236, ../sass/_storage.scss */
9187
/* line 243, ../sass/_storage.scss */
9176 9188
.storage-progress .items-list li .remove {
9177 9189
  text-align: right;
9178 9190
  font-weight: bold;
9179 9191
  visibility: visible;
9180 9192
}
9181
/* line 240, ../sass/_storage.scss */
9193
/* line 247, ../sass/_storage.scss */
9182 9194
.storage-progress .items-list li .remove a {
9183 9195
  color: #fff;
9184 9196
}
9185
/* line 242, ../sass/_storage.scss */
9197
/* line 249, ../sass/_storage.scss */
9186 9198
.storage-progress .items-list li .remove a:hover {
9187 9199
  color: #2d3338;
9188 9200
}
9189
/* line 247, ../sass/_storage.scss */
9201
/* line 254, ../sass/_storage.scss */
9190 9202
.storage-progress .items-list li .progress-col {
9191 9203
  padding-top: 7px;
9192 9204
}
9193
/* line 250, ../sass/_storage.scss */
9205
/* line 257, ../sass/_storage.scss */
9194 9206
.storage-progress .items-list li:hover {
9195 9207
  background-color: transparent;
9196 9208
}
9197
/* line 255, ../sass/_storage.scss */
9209
/* line 262, ../sass/_storage.scss */
9198 9210
.storage-progress .progress {
9199 9211
  height: 20px;
9200 9212
}
9201
/* line 257, ../sass/_storage.scss */
9213
/* line 264, ../sass/_storage.scss */
9202 9214
.storage-progress .progress .meter {
9203 9215
  background-color: #fff;
9204 9216
  color: #30c79e;
......
9206 9218
  padding-right: 10px;
9207 9219
  line-height: 120%;
9208 9220
}
9209
/* line 265, ../sass/_storage.scss */
9221
/* line 272, ../sass/_storage.scss */
9210 9222
.storage-progress .details {
9211 9223
  border: 0 none;
9212 9224
}
9213 9225

  
9214
/* line 270, ../sass/_storage.scss */
9226
/* line 277, ../sass/_storage.scss */
9215 9227
.all-height {
9216 9228
  height: 100%;
9217 9229
}
......
10918 10930
  position: relative;
10919 10931
  top: -9px;
10920 10932
}
10921
/* line 167, ../sass/_connected.scss */
10922
.connect-new .img-wrap > a:hover span {
10923
  color: #30c79e;
10924
}
10925
/* line 173, ../sass/_connected.scss */
10933
/* line 168, ../sass/_connected.scss */
10926 10934
.connect-new p {
10927 10935
  position: absolute;
10928 10936
  left: 165px;
......
10931 10939
  font-size: 0.875em;
10932 10940
  top: 90px;
10933 10941
}
10934
/* line 181, ../sass/_connected.scss */
10942
/* line 176, ../sass/_connected.scss */
10935 10943
.connect-new.network p {
10936 10944
  top: 90px;
10937 10945
}
10938
/* line 184, ../sass/_connected.scss */
10946
/* line 179, ../sass/_connected.scss */
10939 10947
.connect-new.disk p {
10940 10948
  top: 94px;
10941 10949
}
10950
/* line 183, ../sass/_connected.scss */
10951
.connect-new:hover .img-wrap > a .snf-font, .connect-new:hover span, .connect-new:hover a {
10952
  color: #30c79e;
10953
}
10942 10954

  
10943 10955
/* line 190, ../sass/_connected.scss */
10944 10956
.network .connected {
......
11019 11031
}
11020 11032
/* line 18, ../sass/_snapshots.scss */
11021 11033
.snapshots.list-view .items-list > li .img-wrap .snf-font {
11022
  font-size: 34px-pxCalc(0.1em);
11034
  font-size: 30px-pxCalc(0.1em);
11023 11035
}

Also available in: Unified diff