root / snf-cyclades-app / synnefo / ui / new_ui / ui / stylesheets / font_custom.css @ fe1e59a9
History | View | Annotate | Download (3.2 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-ok, .snf-ban-circle, .snf-ok-sign, .snf-minus-sign, .snf-edit-1, .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-gridview, .snf-images, .snf-listview, .snf-plus, .snf-search, .snf-snapshot, .snf-switch, .snf-lightning, .snf-info_outline, .snf-info_filled{ |
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-ok:before { |
54 |
content: "\68"; |
55 |
} |
56 |
.snf-ban-circle:before { |
57 |
content: "\6a"; |
58 |
} |
59 |
.snf-ok-sign:before { |
60 |
content: "\6c"; |
61 |
} |
62 |
.snf-minus-sign:before { |
63 |
content: "\6e"; |
64 |
} |
65 |
.snf-edit-1:before { |
66 |
content: "\71"; |
67 |
} |
68 |
.snf-HDD:before { |
69 |
content: "\75"; |
70 |
} |
71 |
.snf-network:before { |
72 |
content: "\76"; |
73 |
} |
74 |
.snf-PC:before { |
75 |
content: "\77"; |
76 |
} |
77 |
.snf-PC_fill:before { |
78 |
content: "\78"; |
79 |
} |
80 |
.snf-Pithos:before { |
81 |
content: "\79"; |
82 |
} |
83 |
.snf-DASHboard:before { |
84 |
content: "\7a"; |
85 |
} |
86 |
.snf-eye:before { |
87 |
content: "\41"; |
88 |
} |
89 |
.snf-radio-checked:before { |
90 |
content: "\42"; |
91 |
} |
92 |
.snf-radio-unchecked:before { |
93 |
content: "\43"; |
94 |
} |
95 |
.snf-close:before { |
96 |
content: "\44"; |
97 |
} |
98 |
.snf-cpu:before { |
99 |
content: "\45"; |
100 |
} |
101 |
.snf-lock_closed:before { |
102 |
content: "\46"; |
103 |
} |
104 |
.snf-lock_open:before { |
105 |
content: "\47"; |
106 |
} |
107 |
.snf-modem:before { |
108 |
content: "\48"; |
109 |
} |
110 |
.snf-www:before { |
111 |
content: "\49"; |
112 |
} |
113 |
.snf-ram:before { |
114 |
content: "\4a"; |
115 |
} |
116 |
.snf-network_full:before { |
117 |
content: "\4b"; |
118 |
} |
119 |
.snf-arrow-up:before { |
120 |
content: "\4c"; |
121 |
} |
122 |
.snf-arrow-down:before { |
123 |
content: "\4d"; |
124 |
} |
125 |
.snf-gridview:before { |
126 |
content: "\74"; |
127 |
} |
128 |
.snf-images:before { |
129 |
content: "\66"; |
130 |
} |
131 |
.snf-listview:before { |
132 |
content: "\73"; |
133 |
} |
134 |
.snf-plus:before { |
135 |
content: "\6d"; |
136 |
} |
137 |
.snf-search:before { |
138 |
content: "\64"; |
139 |
} |
140 |
.snf-snapshot:before { |
141 |
content: "\65"; |
142 |
} |
143 |
|
144 |
.snf-switch:before { |
145 |
content: "\69"; |
146 |
} |
147 |
.snf-lightning:before { |
148 |
content: "\6b"; |
149 |
} |
150 |
.snf-info_outline:before { |
151 |
content: "\6f"; |
152 |
} |
153 |
.snf-info_filled:before { |
154 |
content: "\70"; |
155 |
} |