root / snf-cyclades-app / synnefo / ui / new_ui / ui / stylesheets / font_custom.css @ 00ab5afc
History | View | Annotate | Download (2.7 kB)
| 1 |
@font-face {
|
|---|---|
| 2 |
font-family: 'snf-font'; |
| 3 |
src:url('../fonts/snf-font.eot'); |
| 4 |
src:url('../fonts/snf-font.eot?#iefix') format('embedded-opentype'), |
| 5 |
url('../fonts/snf-font.woff') format('woff'), |
| 6 |
url('../fonts/snf-font.ttf') format('truetype'), |
| 7 |
url('../fonts/snf-font.svg#snf-font') format('svg'); |
| 8 |
font-weight: normal; |
| 9 |
font-style: normal; |
| 10 |
} |
| 11 |
|
| 12 |
/* Use the following CSS code if you want to use data attributes for inserting your icons */
|
| 13 |
[data-icon]:before { |
| 14 |
font-family: 'snf-font'; |
| 15 |
content: attr(data-icon); |
| 16 |
speak: none; |
| 17 |
font-weight: normal; |
| 18 |
font-variant: normal; |
| 19 |
text-transform: none; |
| 20 |
line-height: 1; |
| 21 |
-webkit-font-smoothing: antialiased; |
| 22 |
-moz-osx-font-smoothing: grayscale; |
| 23 |
} |
| 24 |
|
| 25 |
/* Use the following CSS code if you want to have a class per icon */
|
| 26 |
/*
|
| 27 |
Instead of a list of all class selectors,
|
| 28 |
you can use the generic selector below, but it's slower:
|
| 29 |
[class*="snf-"] {
|
| 30 |
*/
|
| 31 |
.snf-font, .snf-twitter-off-black, .snf-cancel-circled, .snf-checkbox-checked, .snf-checkbox-unchecked, .snf-cancel-circled2, .snf-cancel-circled-outline, .snf-cancel-outline, .snf-ok, .snf-remove, .snf-ban-circle, .snf-ok-circle, .snf-ok-sign, .snf-remove-sign, .snf-minus-sign, .snf-pencil, .snf-edit, .snf-edit-1, .snf-pencil-circled, .snf-icon-compute-outline, .snf-icon-networks-fill, .snf-HDD, .snf-network, .snf-PC, .snf-PC_fill, .snf-Pithos, .snf-DASHboard, .snf-eye { |
| 32 |
font-family: 'snf-font'; |
| 33 |
speak: none; |
| 34 |
font-style: normal; |
| 35 |
font-weight: normal; |
| 36 |
font-variant: normal; |
| 37 |
text-transform: none; |
| 38 |
line-height: 1; |
| 39 |
-webkit-font-smoothing: antialiased; |
| 40 |
} |
| 41 |
.snf-twitter-off-black:before { |
| 42 |
content: "\67"; |
| 43 |
} |
| 44 |
.snf-cancel-circled:before { |
| 45 |
content: "\63"; |
| 46 |
} |
| 47 |
.snf-checkbox-checked:before { |
| 48 |
content: "\62"; |
| 49 |
} |
| 50 |
.snf-checkbox-unchecked:before { |
| 51 |
content: "\61"; |
| 52 |
} |
| 53 |
.snf-cancel-circled2:before { |
| 54 |
content: "\64"; |
| 55 |
} |
| 56 |
.snf-cancel-circled-outline:before { |
| 57 |
content: "\65"; |
| 58 |
} |
| 59 |
.snf-cancel-outline:before { |
| 60 |
content: "\66"; |
| 61 |
} |
| 62 |
.snf-ok:before { |
| 63 |
content: "\68"; |
| 64 |
} |
| 65 |
.snf-remove:before { |
| 66 |
content: "\69"; |
| 67 |
} |
| 68 |
.snf-ban-circle:before { |
| 69 |
content: "\6a"; |
| 70 |
} |
| 71 |
.snf-ok-circle:before { |
| 72 |
content: "\6b"; |
| 73 |
} |
| 74 |
.snf-ok-sign:before { |
| 75 |
content: "\6c"; |
| 76 |
} |
| 77 |
.snf-remove-sign:before { |
| 78 |
content: "\6d"; |
| 79 |
} |
| 80 |
.snf-minus-sign:before { |
| 81 |
content: "\6e"; |
| 82 |
} |
| 83 |
.snf-pencil:before { |
| 84 |
content: "\6f"; |
| 85 |
} |
| 86 |
.snf-edit:before { |
| 87 |
content: "\70"; |
| 88 |
} |
| 89 |
.snf-edit-1:before { |
| 90 |
content: "\71"; |
| 91 |
} |
| 92 |
.snf-pencil-circled:before { |
| 93 |
content: "\72"; |
| 94 |
} |
| 95 |
.snf-icon-compute-outline:before { |
| 96 |
content: "\73"; |
| 97 |
} |
| 98 |
.snf-icon-networks-fill:before { |
| 99 |
content: "\74"; |
| 100 |
} |
| 101 |
.snf-HDD:before { |
| 102 |
content: "\75"; |
| 103 |
} |
| 104 |
.snf-network:before { |
| 105 |
content: "\76"; |
| 106 |
} |
| 107 |
.snf-PC:before { |
| 108 |
content: "\77"; |
| 109 |
} |
| 110 |
.snf-PC_fill:before { |
| 111 |
content: "\78"; |
| 112 |
} |
| 113 |
.snf-Pithos:before { |
| 114 |
content: "\79"; |
| 115 |
} |
| 116 |
.snf-DASHboard:before { |
| 117 |
content: "\7a"; |
| 118 |
} |
| 119 |
.snf-eye:before { |
| 120 |
content: "\41"; |
| 121 |
} |