Revision 6d8bd0be snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/font_custom.css
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/font_custom.css | ||
---|---|---|
30 | 30 |
you can use the generic selector below, but it"s slower: |
31 | 31 |
[class*="snf-"] { |
32 | 32 |
*/ |
33 |
.snf-font, .snf-trash-outline, .snf-eye, .snf-radio-checked, .snf-radio-unchecked, .snf-close, .snf-www, .snf-arrow-up, .snf-arrow-down, .snf-checkbox-unchecked, .snf-checkbox-checked, .snf-cancel-circled, .snf-search, .snf-twitter-logo, .snf-ok, .snf-switch, .snf-ban-circle, .snf-ok-sign, .snf-minus-sign, .snf-edit, .snf-listview, .snf-gridview, .snf-dashboard-outline, .snf-pithos-outline, .snf-info-full, .snf-volume-create-full, .snf-image-full, .snf-pc-create-full, .snf-network-create-outline, .snf-network-create-full, .snf-ram-outline, .snf-nic-outline, .snf-ram-full, .snf-nic-full, .snf-network-broken-1-full, .snf-network-broken-2-full, .snf-pc-broken-full, .snf-pc-reboot-full, .snf-pc-switch-full, .snf-key-full, .snf-router-full, .snf-chip-full, .snf-plus-full, .snf-snapshot-full, .snf-pithos-full, .snf-volume-full, .snf-network-full, .snf-pc-full, .snf-network-broken-1-outline, .snf-network-broken-2-outline, .snf-pc-broken-outline, .snf-volume-broken-outline, .snf-pc-reboot-outline, .snf-pc-switch-outline, .snf-key-outline, .snf-router-outline, .snf-chip-outline, .snf-image-outline, .snf-plus-outilne, .snf-snapshot-outline, .snf-volume-outline, .snf-network-outline, .snf-pc-outline, .snf-info-outline, .snf-thunder-full, .snf-lock-closed, .snf-lock-open, .snf-trash-outline, .snf-link-outline, .snf-refresh-outline, .snf-download-full, .snf-person-outline, .snf-upload-full, .snf-arrow-right-small-full, .snf-copy-outline, .snf-arrow-left-small-full, .snf-folder-full, .snf-folder-outline {
|
|
33 |
.snf-font, .snf-trash-outline, .snf-eye, .snf-radio-checked, .snf-radio-unchecked, .snf-close, .snf-www, .snf-arrow-up, .snf-arrow-down, .snf-checkbox-unchecked, .snf-checkbox-checked, .snf-cancel-circled, .snf-search, .snf-twitter-logo, .snf-ok, .snf-switch, .snf-ban-circle, .snf-ok-sign, .snf-minus-sign, .snf-edit, .snf-listview, .snf-gridview, .snf-dashboard-outline, .snf-pithos-outline, .snf-info-full, .snf-volume-create-full, .snf-image-full, .snf-pc-create-full, .snf-network-create-outline, .snf-network-create-full, .snf-ram-outline, .snf-nic-outline, .snf-ram-full, .snf-nic-full, .snf-network-broken-1-full, .snf-network-broken-2-full, .snf-pc-broken-full, .snf-pc-reboot-full, .snf-pc-switch-full, .snf-key-full, .snf-router-full, .snf-chip-full, .snf-plus-full, .snf-snapshot-full, .snf-pithos-full, .snf-volume-full, .snf-network-full, .snf-pc-full, .snf-network-broken-1-outline, .snf-network-broken-2-outline, .snf-pc-broken-outline, .snf-volume-broken-outline, .snf-pc-reboot-outline, .snf-pc-switch-outline, .snf-key-outline, .snf-router-outline, .snf-chip-outline, .snf-image-outline, .snf-plus-outilne, .snf-snapshot-outline, .snf-volume-outline, .snf-network-outline, .snf-pc-outline, .snf-info-outline, .snf-thunder-full, .snf-lock-closed, .snf-lock-open, .snf-trash-full, .snf-link-outline, .snf-refresh-outline, .snf-download-full, .snf-person-outline, .snf-upload-full, .snf-arrow-right-small-full, .snf-copy-outline, .snf-copy-full, .snf-arrow-left-small-full {
|
|
34 | 34 |
font-family: 'snf-font'; |
35 | 35 |
speak: none; |
36 | 36 |
font-style: normal; |
... | ... | |
40 | 40 |
line-height: 1; |
41 | 41 |
-webkit-font-smoothing: antialiased; |
42 | 42 |
} |
43 |
.snf-trash-outline:before { |
|
44 |
content: "\24"; |
|
45 |
} |
|
46 | 43 |
.snf-eye:before { |
47 | 44 |
content: "\41"; |
48 | 45 |
} |
... | ... | |
238 | 235 |
.snf-lock-open-full:before { |
239 | 236 |
content: "\47"; |
240 | 237 |
} |
241 |
.snf-trash-outline:before { |
|
242 |
content: "\24"; |
|
243 |
} |
|
238 |
|
|
244 | 239 |
.snf-link-outline:before { |
245 | 240 |
content: "\26"; |
246 | 241 |
} |
... | ... | |
262 | 257 |
.snf-copy-outline:before { |
263 | 258 |
content: "\3f"; |
264 | 259 |
} |
260 |
.snf-copy-full:before { |
|
261 |
content: "\22"; |
|
262 |
} |
|
265 | 263 |
.snf-arrow-left-small-full:before { |
266 | 264 |
content: "\5f"; |
267 | 265 |
} |
268 |
.snf-folder-full:before {
|
|
266 |
.snf-trash-full:before {
|
|
269 | 267 |
content: "\3d"; |
270 | 268 |
} |
271 |
.snf-folder-outline:before {
|
|
272 |
content: "\5e";
|
|
269 |
.snf-trash-outline:before {
|
|
270 |
content: "\24";
|
|
273 | 271 |
} |
274 | 272 |
|
275 | 273 |
|
... | ... | |
286 | 284 |
} |
287 | 285 |
|
288 | 286 |
/* Use the following CSS code if you want to use data attributes for inserting your icons */ |
289 |
[data-icon]:before { |
|
287 |
[data-icon-aux]:before {
|
|
290 | 288 |
font-family: 'snf-font-auxiliary'; |
291 |
content: attr(data-icon); |
|
289 |
content: attr(data-icon-aux);
|
|
292 | 290 |
speak: none; |
293 | 291 |
font-weight: normal; |
294 | 292 |
font-variant: normal; |
... | ... | |
304 | 302 |
you can use the generic selector below, but it's slower: |
305 | 303 |
[class*="snf-"] { |
306 | 304 |
*/ |
307 |
.snf-folder-create-outline, .snf-folder-create-full, .snf-shared-by-me-outline, .snf-shared-to-me-outline, .snf-shared-by-me-full, .snf-folder-move-full, .snf-folder-move-outline, .snf-shared-to-me-full { |
|
305 |
.snf-font-aux, .snf-folder-create-outline, .snf-folder-create-full, .snf-shared-by-me-outline, .snf-shared-to-me-outline, .snf-shared-by-me-full, .snf-folder-move-full, .snf-folder-move-outline, .snf-shared-to-me-full {
|
|
308 | 306 |
font-family: 'snf-font-auxiliary'; |
309 | 307 |
speak: none; |
310 | 308 |
font-style: normal; |
... | ... | |
320 | 318 |
.snf-folder-create-full:before { |
321 | 319 |
content: "\41"; |
322 | 320 |
} |
321 |
.snf-folder-move-outline:before { |
|
322 |
content: "\65"; |
|
323 |
} |
|
324 |
.snf-folder-move-full:before { |
|
325 |
content: "\45"; |
|
326 |
} |
|
327 |
.snf-folder-outline:before { |
|
328 |
content: "\66"; |
|
329 |
} |
|
330 |
.snf-folder-full:before { |
|
331 |
content: "\46"; |
|
332 |
} |
|
323 | 333 |
.snf-shared-by-me-outline:before { |
324 | 334 |
content: "\63"; |
325 | 335 |
} |
326 |
.snf-shared-to-me-outline:before { |
|
327 |
content: "\64"; |
|
328 |
} |
|
329 | 336 |
.snf-shared-by-me-full:before { |
330 | 337 |
content: "\43"; |
331 | 338 |
} |
332 |
.snf-folder-move-full:before { |
|
333 |
content: "\45"; |
|
334 |
} |
|
335 |
.snf-folder-move-outline:before { |
|
336 |
content: "\65"; |
|
339 |
.snf-shared-to-me-outline:before { |
|
340 |
content: "\64"; |
|
337 | 341 |
} |
338 | 342 |
.snf-shared-to-me-full:before { |
339 | 343 |
content: "\44"; |
Also available in: Unified diff