root / snf-cyclades-app / synnefo / ui / new_ui / ui / stylesheets / font_custom.css @ 5ffce177
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: "\52"; |
173 |
} |
174 |
.snf-layout:before { |
175 |
content: "\51"; |
176 |
} |
177 |
|
178 |
.snf-search:before { |
179 |
content: "\50"; |
180 |
} |