root / snf-cyclades-app / synnefo / ui / new_ui / ui / sass / _storage.scss @ 3a0726aa
History | View | Annotate | Download (3.2 kB)
1 | 15948f00 | Olga Brani | /* Storage (pithos) related styles */ |
---|---|---|---|
2 | 15948f00 | Olga Brani | |
3 | c9d873e8 | Olga Brani | .storage { |
4 | 0b14cfb4 | Olga Brani | $storage-h4-w: 25%; |
5 | aafda5ef | Athina Bekakou | height: 100%; |
6 | 9b0b486b | Olga Brani | .rect-plus { |
7 | 9b0b486b | Olga Brani | display: inline-block; |
8 | 9b0b486b | Olga Brani | background-color: #fff; |
9 | 9b0b486b | Olga Brani | color: $link-color-hover; |
10 | 9b0b486b | Olga Brani | padding: 0 6px; |
11 | 9b0b486b | Olga Brani | font-size: emCalc(26px); |
12 | 9b0b486b | Olga Brani | &:hover { |
13 | 9b0b486b | Olga Brani | color: $link-color; |
14 | c9d873e8 | Olga Brani | } |
15 | 9b0b486b | Olga Brani | } |
16 | 0ef95fe4 | Olga Brani | .items-list { |
17 | 0ef95fe4 | Olga Brani | height: 100%; |
18 | 0ef95fe4 | Olga Brani | &>li { |
19 | 0ef95fe4 | Olga Brani | .img-wrap { |
20 | 0ef95fe4 | Olga Brani | top: 0; |
21 | 9b0b486b | Olga Brani | height: $list-icon-height; |
22 | 9b0b486b | Olga Brani | line-height: $list-icon-height; |
23 | c9d873e8 | Olga Brani | } |
24 | 0b14cfb4 | Olga Brani | h4 { |
25 | 0b14cfb4 | Olga Brani | width: $storage-h4-w; |
26 | 0ef95fe4 | Olga Brani | height: $list-icon-height; |
27 | 0ef95fe4 | Olga Brani | line-height: $list-icon-height; |
28 | 0b14cfb4 | Olga Brani | } |
29 | 0b14cfb4 | Olga Brani | .info { |
30 | 0b14cfb4 | Olga Brani | margin-right: 40px; |
31 | 0ef95fe4 | Olga Brani | } |
32 | c9d873e8 | Olga Brani | } |
33 | 0ef95fe4 | Olga Brani | li:hover { |
34 | 0ef95fe4 | Olga Brani | .actions-col { |
35 | 0ef95fe4 | Olga Brani | visibility: visible; |
36 | c9d873e8 | Olga Brani | } |
37 | 0ef95fe4 | Olga Brani | } |
38 | 0ef95fe4 | Olga Brani | .add-new { |
39 | 0ef95fe4 | Olga Brani | position: relative; |
40 | 0ef95fe4 | Olga Brani | input[type="file"] { |
41 | 0ef95fe4 | Olga Brani | position: absolute; |
42 | 0ef95fe4 | Olga Brani | left:$lt-bar-width; |
43 | 0ef95fe4 | Olga Brani | top:0; |
44 | 0ef95fe4 | Olga Brani | right: 0; |
45 | 0ef95fe4 | Olga Brani | bottom: 0; |
46 | 0ef95fe4 | Olga Brani | opacity: 0; |
47 | c9d873e8 | Olga Brani | } |
48 | 292a32ef | Olga Brani | h4 { |
49 | 292a32ef | Olga Brani | color: #fff; |
50 | 292a32ef | Olga Brani | } |
51 | 292a32ef | Olga Brani | &:hover { |
52 | 292a32ef | Olga Brani | .rect-plus { |
53 | 292a32ef | Olga Brani | color: $link-color; |
54 | 292a32ef | Olga Brani | } |
55 | 292a32ef | Olga Brani | } |
56 | 292a32ef | Olga Brani | } |
57 | 292a32ef | Olga Brani | &.drag { |
58 | 292a32ef | Olga Brani | background-color: $light-bg; |
59 | c9d873e8 | Olga Brani | } |
60 | c9d873e8 | Olga Brani | } |
61 | 3a0726aa | Athina Bekakou | &.containers { |
62 | 3a0726aa | Athina Bekakou | margin-right: 30px; |
63 | 3a0726aa | Athina Bekakou | margin-left:30px; |
64 | 3a0726aa | Athina Bekakou | .items-list { |
65 | 3a0726aa | Athina Bekakou | &>li { |
66 | 3a0726aa | Athina Bekakou | padding-right: 0; |
67 | 3a0726aa | Athina Bekakou | padding-left: 0; |
68 | 3a0726aa | Athina Bekakou | height:60px; |
69 | 3a0726aa | Athina Bekakou | &>* { |
70 | 3a0726aa | Athina Bekakou | display: inline-block; |
71 | 3a0726aa | Athina Bekakou | overflow: hidden; |
72 | 3a0726aa | Athina Bekakou | // border: 1px solid pink; |
73 | 3a0726aa | Athina Bekakou | height: 100%; |
74 | 3a0726aa | Athina Bekakou | line-height: 100%; |
75 | 3a0726aa | Athina Bekakou | } |
76 | 3a0726aa | Athina Bekakou | .basic-data { |
77 | 3a0726aa | Athina Bekakou | width: 25%; |
78 | 3a0726aa | Athina Bekakou | } |
79 | 3a0726aa | Athina Bekakou | .size-data{ |
80 | 3a0726aa | Athina Bekakou | width: 35%; |
81 | 3a0726aa | Athina Bekakou | .progress-col { |
82 | 3a0726aa | Athina Bekakou | height: 20px; |
83 | 3a0726aa | Athina Bekakou | line-height: 20px; |
84 | 3a0726aa | Athina Bekakou | width: 150px; |
85 | 3a0726aa | Athina Bekakou | .progress { |
86 | 3a0726aa | Athina Bekakou | border-color: $gray-2; |
87 | 3a0726aa | Athina Bekakou | height: 100%; |
88 | 3a0726aa | Athina Bekakou | line-height: 100%; |
89 | 3a0726aa | Athina Bekakou | .meter { |
90 | 3a0726aa | Athina Bekakou | text-align: right; |
91 | 3a0726aa | Athina Bekakou | font-size: 10px; |
92 | 3a0726aa | Athina Bekakou | padding: 2px; |
93 | 3a0726aa | Athina Bekakou | background-color: $gray-2; |
94 | 3a0726aa | Athina Bekakou | color: white; |
95 | 3a0726aa | Athina Bekakou | } |
96 | 3a0726aa | Athina Bekakou | } |
97 | 3a0726aa | Athina Bekakou | |
98 | 3a0726aa | Athina Bekakou | } |
99 | 3a0726aa | Athina Bekakou | .size { |
100 | 3a0726aa | Athina Bekakou | width: auto; |
101 | 3a0726aa | Athina Bekakou | line-height: 20px; |
102 | 3a0726aa | Athina Bekakou | height: 20px; |
103 | 3a0726aa | Athina Bekakou | padding-left: 20px; |
104 | 3a0726aa | Athina Bekakou | } |
105 | 3a0726aa | Athina Bekakou | } |
106 | 3a0726aa | Athina Bekakou | .project { |
107 | 3a0726aa | Athina Bekakou | position: relative; |
108 | 3a0726aa | Athina Bekakou | width: 35%; |
109 | 3a0726aa | Athina Bekakou | font-size: emCalc(12px); |
110 | 3a0726aa | Athina Bekakou | .available { |
111 | 3a0726aa | Athina Bekakou | list-style: none; |
112 | 3a0726aa | Athina Bekakou | visibility: hidden; |
113 | 3a0726aa | Athina Bekakou | width: 100%; |
114 | 3a0726aa | Athina Bekakou | } |
115 | 3a0726aa | Athina Bekakou | .btn-more { |
116 | 3a0726aa | Athina Bekakou | display: inline-block; |
117 | 3a0726aa | Athina Bekakou | margin-left: 5px; |
118 | 3a0726aa | Athina Bekakou | border: 1px solid $gray-2; |
119 | 3a0726aa | Athina Bekakou | .explain { |
120 | 3a0726aa | Athina Bekakou | display: none; |
121 | 3a0726aa | Athina Bekakou | } |
122 | 3a0726aa | Athina Bekakou | .snf-arrow-down { |
123 | 3a0726aa | Athina Bekakou | } |
124 | 3a0726aa | Athina Bekakou | } |
125 | 3a0726aa | Athina Bekakou | |
126 | 3a0726aa | Athina Bekakou | } |
127 | 3a0726aa | Athina Bekakou | .img-wrap { |
128 | 3a0726aa | Athina Bekakou | .snf-folder-full { |
129 | 3a0726aa | Athina Bekakou | font-size: emCalc(34px); |
130 | 3a0726aa | Athina Bekakou | color: $secondary-color; |
131 | 3a0726aa | Athina Bekakou | } |
132 | 3a0726aa | Athina Bekakou | span:not(.snf-folder-full) { |
133 | 3a0726aa | Athina Bekakou | color: $gray-2; |
134 | 3a0726aa | Athina Bekakou | font-size: emCalc(16px); |
135 | 3a0726aa | Athina Bekakou | position: relative; |
136 | 3a0726aa | Athina Bekakou | bottom: 5px; |
137 | 3a0726aa | Athina Bekakou | left: -28px; |
138 | 3a0726aa | Athina Bekakou | } |
139 | 3a0726aa | Athina Bekakou | } |
140 | 3a0726aa | Athina Bekakou | |
141 | 3a0726aa | Athina Bekakou | } |
142 | 3a0726aa | Athina Bekakou | } |
143 | 3a0726aa | Athina Bekakou | } |
144 | c9d873e8 | Olga Brani | } |
145 | 292a32ef | Olga Brani | .storage-progress{ |
146 | 0ef95fe4 | Olga Brani | .items-list { |
147 | c9d873e8 | Olga Brani | li { |
148 | 0ef95fe4 | Olga Brani | padding-left: $lt-bar-width + $check-w; |
149 | 0ef95fe4 | Olga Brani | color: #fff; |
150 | 0ef95fe4 | Olga Brani | .img-wrap { |
151 | 0ef95fe4 | Olga Brani | top: 0; |
152 | 0ef95fe4 | Olga Brani | height: $list-icon-height; |
153 | 0ef95fe4 | Olga Brani | line-height: $list-icon-height; |
154 | c9d873e8 | Olga Brani | } |
155 | 0ef95fe4 | Olga Brani | h4 { |
156 | 0ef95fe4 | Olga Brani | width: $h4-w; |
157 | 0ef95fe4 | Olga Brani | height: $list-icon-height; |
158 | 0ef95fe4 | Olga Brani | line-height: $list-icon-height; |
159 | c9d873e8 | Olga Brani | } |
160 | 0ef95fe4 | Olga Brani | .remove { |
161 | 0ef95fe4 | Olga Brani | text-align: right; |
162 | 0ef95fe4 | Olga Brani | font-weight: bold; |
163 | 0ef95fe4 | Olga Brani | visibility: visible; |
164 | 0ef95fe4 | Olga Brani | a { |
165 | 0ef95fe4 | Olga Brani | color: #fff; |
166 | c9d873e8 | Olga Brani | } |
167 | 0ef95fe4 | Olga Brani | em { |
168 | 0ef95fe4 | Olga Brani | display: none; |
169 | 0ef95fe4 | Olga Brani | } |
170 | 0ef95fe4 | Olga Brani | &:hover { |
171 | 0ef95fe4 | Olga Brani | em { |
172 | 0ef95fe4 | Olga Brani | display: inline; |
173 | c9d873e8 | Olga Brani | } |
174 | c9d873e8 | Olga Brani | } |
175 | c9d873e8 | Olga Brani | } |
176 | 0ef95fe4 | Olga Brani | .progress-col { |
177 | 0ef95fe4 | Olga Brani | padding-top: 7px; |
178 | 0ef95fe4 | Olga Brani | } |
179 | 0ef95fe4 | Olga Brani | &:hover { |
180 | 292a32ef | Olga Brani | background-color: transparent; |
181 | 0ef95fe4 | Olga Brani | } |
182 | c9d873e8 | Olga Brani | } |
183 | c9d873e8 | Olga Brani | } |
184 | 0ef95fe4 | Olga Brani | .progress { |
185 | 0ef95fe4 | Olga Brani | height: 20px; |
186 | 0ef95fe4 | Olga Brani | .meter { |
187 | 0ef95fe4 | Olga Brani | background-color: #fff; |
188 | 0ef95fe4 | Olga Brani | color: $body-font-color; |
189 | 0ef95fe4 | Olga Brani | text-align: right; |
190 | 0ef95fe4 | Olga Brani | padding-right: 10px; |
191 | 0ef95fe4 | Olga Brani | line-height: 100%; |
192 | 0ef95fe4 | Olga Brani | } |
193 | 0ef95fe4 | Olga Brani | } |
194 | 0ef95fe4 | Olga Brani | .details { |
195 | 0ef95fe4 | Olga Brani | border: 0 none; |
196 | 0ef95fe4 | Olga Brani | } |
197 | aafda5ef | Athina Bekakou | } |
198 | aafda5ef | Athina Bekakou | |
199 | aafda5ef | Athina Bekakou | .all-height { |
200 | aafda5ef | Athina Bekakou | height: 100% |
201 | c9d873e8 | Olga Brani | } |