|
1 @font-face { |
|
2 font-family: 'fontello'; |
|
3 src: url('../font/fontello.eot?89024372'); |
|
4 src: url('../font/fontello.eot?89024372#iefix') format('embedded-opentype'), |
|
5 url('../font/fontello.woff?89024372') format('woff'), |
|
6 url('../font/fontello.ttf?89024372') format('truetype'), |
|
7 url('../font/fontello.svg?89024372#fontello') format('svg'); |
|
8 font-weight: normal; |
|
9 font-style: normal; |
|
10 } |
|
11 /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ |
|
12 /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ |
|
13 /* |
|
14 @media screen and (-webkit-min-device-pixel-ratio:0) { |
|
15 @font-face { |
|
16 font-family: 'fontello'; |
|
17 src: url('../font/fontello.svg?89024372#fontello') format('svg'); |
|
18 } |
|
19 } |
|
20 */ |
|
21 |
|
22 [class^="icon-"]:before, [class*=" icon-"]:before { |
|
23 font-family: "fontello"; |
|
24 font-style: normal; |
|
25 font-weight: normal; |
|
26 speak: none; |
|
27 |
|
28 display: inline-block; |
|
29 text-decoration: inherit; |
|
30 width: 1em; |
|
31 margin-right: .2em; |
|
32 text-align: center; |
|
33 /* opacity: .8; */ |
|
34 |
|
35 /* For safety - reset parent styles, that can break glyph codes*/ |
|
36 font-variant: normal; |
|
37 text-transform: none; |
|
38 |
|
39 /* fix buttons height, for twitter bootstrap */ |
|
40 line-height: 1em; |
|
41 |
|
42 /* Animation center compensation - margins should be symmetric */ |
|
43 /* remove if not needed */ |
|
44 margin-left: .2em; |
|
45 |
|
46 /* you can be more comfortable with increased icons size */ |
|
47 /* font-size: 120%; */ |
|
48 |
|
49 /* Uncomment for 3D effect */ |
|
50 /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ |
|
51 } |
|
52 |
|
53 .icon-trash:before { content: '\e802'; } /* '' */ |
|
54 .icon-down-big:before { content: '\e800'; } /* '' */ |
|
55 .icon-up-big:before { content: '\e801'; } /* '' */ |