root / snf-cyclades-app / synnefo / ui / new_ui / ui / stylesheets / font_custom.css @ 92df6d32
History | View | Annotate | Download (3.6 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-custom-checkbox, .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, .snf-radio-checked, .snf-radio-unchecked, .snf-close, .snf-cpu, .snf-lock_closed, .snf-lock_open, .snf-modem, .snf-www, .snf-ram, .snf-network_full, .snf-arrow-up, .snf-arrow-down, .snf-arrow-up-2, .snf-arrow-down-2, .snf-list, .snf-layout, .snf-search{ |
| 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 |
} |
| 122 |
.snf-radio-checked:before { |
| 123 |
content: "\42"; |
| 124 |
} |
| 125 |
.snf-radio-unchecked:before { |
| 126 |
content: "\43"; |
| 127 |
} |
| 128 |
|
| 129 |
.snf-close:before { |
| 130 |
content: "\44"; |
| 131 |
} |
| 132 |
.snf-cpu:before { |
| 133 |
content: "\45"; |
| 134 |
} |
| 135 |
.snf-lock_closed:before { |
| 136 |
content: "\46"; |
| 137 |
} |
| 138 |
.snf-lock_open:before { |
| 139 |
content: "\47"; |
| 140 |
} |
| 141 |
.snf-modem:before { |
| 142 |
content: "\48"; |
| 143 |
} |
| 144 |
.snf-www:before { |
| 145 |
content: "\49"; |
| 146 |
} |
| 147 |
.snf-ram:before { |
| 148 |
content: "\4a"; |
| 149 |
} |
| 150 |
|
| 151 |
.snf-network_full:before { |
| 152 |
content: "\4b"; |
| 153 |
} |
| 154 |
|
| 155 |
.snf-arrow-up:before { |
| 156 |
content: "\4c"; |
| 157 |
} |
| 158 |
|
| 159 |
.snf-arrow-down:before { |
| 160 |
content: "\4d"; |
| 161 |
} |
| 162 |
|
| 163 |
.snf-arrow-up-2:before { |
| 164 |
content: "\4f"; |
| 165 |
} |
| 166 |
|
| 167 |
.snf-arrow-down-2:before { |
| 168 |
content: "\4e"; |
| 169 |
} |
| 170 |
|
| 171 |
.snf-list:before { |
| 172 |
content: "\51"; |
| 173 |
} |
| 174 |
.snf-layout:before { |
| 175 |
content: "\52"; |
| 176 |
} |
| 177 |
|
| 178 |
.snf-search:before { |
| 179 |
content: "\50"; |
| 180 |
} |