root / snf-cyclades-app / synnefo / ui / new_ui / ui / stylesheets / font_custom.css @ 2eef02ae
History | View | Annotate | Download (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-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 { |
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-trash-outline:before { |
42 |
content: "\24"; |
43 |
} |
44 |
.snf-eye:before { |
45 |
content: "\41"; |
46 |
} |
47 |
.snf-radio-checked:before { |
48 |
content: "\42"; |
49 |
} |
50 |
.snf-radio-unchecked:before { |
51 |
content: "\43"; |
52 |
} |
53 |
.snf-close:before { |
54 |
content: "\44"; |
55 |
} |
56 |
.snf-www:before { |
57 |
content: "\49"; |
58 |
} |
59 |
.snf-arrow-up:before { |
60 |
content: "\4c"; |
61 |
} |
62 |
.snf-arrow-down:before { |
63 |
content: "\4d"; |
64 |
} |
65 |
.snf-checkbox-unchecked:before { |
66 |
content: "\61"; |
67 |
} |
68 |
.snf-checkbox-checked:before { |
69 |
content: "\62"; |
70 |
} |
71 |
.snf-cancel-circled:before { |
72 |
content: "\63"; |
73 |
} |
74 |
.snf-search:before { |
75 |
content: "\64"; |
76 |
} |
77 |
.snf-twitter-logo:before { |
78 |
content: "\67"; |
79 |
} |
80 |
.snf-ok:before { |
81 |
content: "\68"; |
82 |
} |
83 |
.snf-switch:before { |
84 |
content: "\69"; |
85 |
} |
86 |
.snf-ban-circle:before { |
87 |
content: "\6a"; |
88 |
} |
89 |
.snf-ok-sign:before { |
90 |
content: "\6c"; |
91 |
} |
92 |
.snf-minus-sign:before { |
93 |
content: "\6e"; |
94 |
} |
95 |
.snf-edit:before { |
96 |
content: "\71"; |
97 |
} |
98 |
.snf-listview:before { |
99 |
content: "\73"; |
100 |
} |
101 |
.snf-gridview:before { |
102 |
content: "\74"; |
103 |
} |
104 |
.snf-dashboard-outline:before { |
105 |
content: "\7a"; |
106 |
} |
107 |
.snf-pithos-outline:before { |
108 |
content: "\79"; |
109 |
} |
110 |
.snf-info-full:before { |
111 |
content: "\70"; |
112 |
} |
113 |
.snf-volume-create-full:before { |
114 |
content: "\36"; |
115 |
} |
116 |
.snf-image-full:before { |
117 |
content: "\51"; |
118 |
} |
119 |
.snf-pc-create-full:before { |
120 |
content: "\53"; |
121 |
} |
122 |
.snf-network-create-outline:before { |
123 |
content: "\54"; |
124 |
} |
125 |
.snf-network-create-full:before { |
126 |
content: "\55"; |
127 |
} |
128 |
.snf-ram-outline:before { |
129 |
content: "\4a"; |
130 |
} |
131 |
.snf-nic-outline:before { |
132 |
content: "\50"; |
133 |
} |
134 |
.snf-ram-full:before { |
135 |
content: "\52"; |
136 |
} |
137 |
.snf-nic-full:before { |
138 |
content: "\72"; |
139 |
} |
140 |
.snf-network-broken-1-full:before { |
141 |
content: "\56"; |
142 |
} |
143 |
.snf-network-broken-2-full:before { |
144 |
content: "\57"; |
145 |
} |
146 |
.snf-pc-broken-full:before { |
147 |
content: "\58"; |
148 |
} |
149 |
.snf-pc-reboot-full:before { |
150 |
content: "\59"; |
151 |
} |
152 |
.snf-pc-switch-full:before { |
153 |
content: "\5a"; |
154 |
} |
155 |
.snf-key-full:before { |
156 |
content: "\31"; |
157 |
} |
158 |
.snf-router-full:before { |
159 |
content: "\32"; |
160 |
} |
161 |
.snf-chip-full:before { |
162 |
content: "\33"; |
163 |
} |
164 |
.snf-plus-full:before { |
165 |
content: "\34"; |
166 |
} |
167 |
.snf-snapshot-full:before { |
168 |
content: "\4e"; |
169 |
} |
170 |
.snf-pithos-full:before { |
171 |
content: "\35"; |
172 |
} |
173 |
.snf-volume-full:before { |
174 |
content: "\4f"; |
175 |
} |
176 |
.snf-network-full:before { |
177 |
content: "\4b"; |
178 |
} |
179 |
.snf-pc-full:before { |
180 |
content: "\78"; |
181 |
} |
182 |
.snf-network-broken-1-outline:before { |
183 |
content: "\37"; |
184 |
} |
185 |
.snf-network-broken-2-outline:before { |
186 |
content: "\38"; |
187 |
} |
188 |
.snf-pc-broken-outline:before { |
189 |
content: "\39"; |
190 |
} |
191 |
.snf-volume-broken-outline:before { |
192 |
content: "\30"; |
193 |
} |
194 |
.snf-pc-reboot-outline:before { |
195 |
content: "\21"; |
196 |
} |
197 |
.snf-pc-switch-outline:before { |
198 |
content: "\40"; |
199 |
} |
200 |
.snf-key-outline:before { |
201 |
content: "\23"; |
202 |
} |
203 |
.snf-router-outline:before { |
204 |
content: "\48"; |
205 |
} |
206 |
.snf-chip-outline:before { |
207 |
content: "\45"; |
208 |
} |
209 |
.snf-image-outline:before { |
210 |
content: "\66"; |
211 |
} |
212 |
.snf-plus-outilne:before { |
213 |
content: "\6d"; |
214 |
} |
215 |
.snf-snapshot-outline:before { |
216 |
content: "\65"; |
217 |
} |
218 |
.snf-volume-outline:before { |
219 |
content: "\75"; |
220 |
} |
221 |
.snf-network-outline:before { |
222 |
content: "\76"; |
223 |
} |
224 |
.snf-pc-outline:before { |
225 |
content: "\77"; |
226 |
} |
227 |
.snf-info-outline:before { |
228 |
content: "\6f"; |
229 |
} |
230 |
.snf-thunder-full:before { |
231 |
content: "\6b"; |
232 |
} |
233 |
.snf-lock-closed-full:before { |
234 |
content: "\46"; |
235 |
} |
236 |
.snf-lock-open-full:before { |
237 |
content: "\47"; |
238 |
} |
239 |
.snf-trash-outline:before { |
240 |
content: "\24"; |
241 |
} |
242 |
.snf-link-outline:before { |
243 |
content: "\26"; |
244 |
} |
245 |
.snf-refresh-outline:before { |
246 |
content: "\29"; |
247 |
} |
248 |
.snf-download-full:before { |
249 |
content: "\25"; |
250 |
} |
251 |
.snf-person-outline:before { |
252 |
content: "\2a"; |
253 |
} |
254 |
.snf-upload-full:before { |
255 |
content: "\28"; |
256 |
} |
257 |
.snf-arrow-right-small-full:before { |
258 |
content: "\2d"; |
259 |
} |
260 |
.snf-copy-outline:before { |
261 |
content: "\3f"; |
262 |
} |
263 |
.snf-arrow-left-small-full:before { |
264 |
content: "\5f"; |
265 |
} |
266 |
.snf-folder-full:before { |
267 |
content: "\3d"; |
268 |
} |
269 |
.snf-folder-outline:before { |
270 |
content: "\5e"; |
271 |
} |