Mercurial > libervia-media

comparison fonts/fontello/css/fontello.css @ 84:b0816cd750fa

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
fonts (icons): add "attach", "paper-plane-empty" and "eye" icons
author Goffi <goffi@goffi.org>
date Wed, 28 Jun 2023 10:43:55 +0200
parents d31fac1efcee
children 7575f644b20e
comparison
equal deleted inserted replaced
83:8427bdf59ea7 84:b0816cd750fa
1 @font-face { 1 @font-face {
2 font-family: 'fontello'; 2 font-family: 'fontello';
3 src: url('../font/fontello.eot?37425780'); 3 src: url('../font/fontello.eot?57876889');
4 src: url('../font/fontello.eot?37425780#iefix') format('embedded-opentype'), 4 src: url('../font/fontello.eot?57876889#iefix') format('embedded-opentype'),
5 url('../font/fontello.woff2?37425780') format('woff2'), 5 url('../font/fontello.woff2?57876889') format('woff2'),
6 url('../font/fontello.woff?37425780') format('woff'), 6 url('../font/fontello.woff?57876889') format('woff'),
7 url('../font/fontello.ttf?37425780') format('truetype'), 7 url('../font/fontello.ttf?57876889') format('truetype'),
8 url('../font/fontello.svg?37425780#fontello') format('svg'); 8 url('../font/fontello.svg?57876889#fontello') format('svg');
9 font-weight: normal; 9 font-weight: normal;
10 font-style: normal; 10 font-style: normal;
11 } 11 }
12 /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ 12 /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
13 /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ 13 /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
14 /* 14 /*
15 @media screen and (-webkit-min-device-pixel-ratio:0) { 15 @media screen and (-webkit-min-device-pixel-ratio:0) {
16 @font-face { 16 @font-face {
17 font-family: 'fontello'; 17 font-family: 'fontello';
18 src: url('../font/fontello.svg?37425780#fontello') format('svg'); 18 src: url('../font/fontello.svg?57876889#fontello') format('svg');
19 } 19 }
20 } 20 }
21 */ 21 */
22 22 [class^="icon-"]:before, [class*=" icon-"]:before {
23 [class^="icon-"]:before, [class*=" icon-"]:before {
24 font-family: "fontello"; 23 font-family: "fontello";
25 font-style: normal; 24 font-style: normal;
26 font-weight: normal; 25 font-weight: normal;
27 speak: never; 26 speak: never;
28 27
29 display: inline-block; 28 display: inline-block;
30 text-decoration: inherit; 29 text-decoration: inherit;
31 width: 1em; 30 width: 1em;
32 margin-right: .2em; 31 margin-right: .2em;
33 text-align: center; 32 text-align: center;
34 /* opacity: .8; */ 33 /* opacity: .8; */
35 34
36 /* For safety - reset parent styles, that can break glyph codes*/ 35 /* For safety - reset parent styles, that can break glyph codes*/
37 font-variant: normal; 36 font-variant: normal;
38 text-transform: none; 37 text-transform: none;
39 38
40 /* fix buttons height, for twitter bootstrap */ 39 /* fix buttons height, for twitter bootstrap */
41 line-height: 1em; 40 line-height: 1em;
42 41
43 /* Animation center compensation - margins should be symmetric */ 42 /* Animation center compensation - margins should be symmetric */
44 /* remove if not needed */ 43 /* remove if not needed */
45 margin-left: .2em; 44 margin-left: .2em;
46 45
47 /* you can be more comfortable with increased icons size */ 46 /* you can be more comfortable with increased icons size */
48 /* font-size: 120%; */ 47 /* font-size: 120%; */
49 48
50 /* Font smoothing. That was taken from TWBS */ 49 /* Font smoothing. That was taken from TWBS */
51 -webkit-font-smoothing: antialiased; 50 -webkit-font-smoothing: antialiased;
52 -moz-osx-font-smoothing: grayscale; 51 -moz-osx-font-smoothing: grayscale;
53 52
54 /* Uncomment for 3D effect */ 53 /* Uncomment for 3D effect */
55 /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ 54 /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
56 } 55 }
57 56
58 .icon-loading:before { content: '\e744'; } /* '' */ 57 .icon-loading:before { content: '\e744'; } /* '' */
59 .icon-doc:before { content: '\e800'; } /* '' */ 58 .icon-doc:before { content: '\e800'; } /* '' */
60 .icon-desktop:before { content: '\e801'; } /* '' */ 59 .icon-desktop:before { content: '\e801'; } /* '' */
61 .icon-mobile:before { content: '\e802'; } /* '' */ 60 .icon-mobile:before { content: '\e802'; } /* '' */
62 .icon-globe:before { content: '\e803'; } /* '' */ 61 .icon-globe:before { content: '\e803'; } /* '' */
107 .icon-volume-up:before { content: '\e830'; } /* '' */ 106 .icon-volume-up:before { content: '\e830'; } /* '' */
108 .icon-resize-full:before { content: '\e831'; } /* '' */ 107 .icon-resize-full:before { content: '\e831'; } /* '' */
109 .icon-resize-small:before { content: '\e832'; } /* '' */ 108 .icon-resize-small:before { content: '\e832'; } /* '' */
110 .icon-check:before { content: '\e833'; } /* '' */ 109 .icon-check:before { content: '\e833'; } /* '' */
111 .icon-publish:before { content: '\e834'; } /* '' */ 110 .icon-publish:before { content: '\e834'; } /* '' */
111 .icon-attach:before { content: '\e835'; } /* '' */
112 .icon-plus:before { content: '\e836'; } /* '' */ 112 .icon-plus:before { content: '\e836'; } /* '' */
113 .icon-eye:before { content: '\e837'; } /* '' */
113 .icon-mail-filled:before { content: '\f0e0'; } /* '' */ 114 .icon-mail-filled:before { content: '\f0e0'; } /* '' */
114 .icon-comment-empty:before { content: '\f0e5'; } /* '' */ 115 .icon-comment-empty:before { content: '\f0e5'; } /* '' */
115 .icon-angle-double-left:before { content: '\f100'; } /* '' */ 116 .icon-angle-double-left:before { content: '\f100'; } /* '' */
116 .icon-angle-double-right:before { content: '\f101'; } /* '' */ 117 .icon-angle-double-right:before { content: '\f101'; } /* '' */
117 .icon-folder-open-empty:before { content: '\f115'; } /* '' */ 118 .icon-folder-open-empty:before { content: '\f115'; } /* '' */
121 .icon-play-circled:before { content: '\f144'; } /* '' */ 122 .icon-play-circled:before { content: '\f144'; } /* '' */
122 .icon-level-up:before { content: '\f148'; } /* '' */ 123 .icon-level-up:before { content: '\f148'; } /* '' */
123 .icon-file-image:before { content: '\f1c5'; } /* '' */ 124 .icon-file-image:before { content: '\f1c5'; } /* '' */
124 .icon-file-audio:before { content: '\f1c7'; } /* '' */ 125 .icon-file-audio:before { content: '\f1c7'; } /* '' */
125 .icon-file-video:before { content: '\f1c8'; } /* '' */ 126 .icon-file-video:before { content: '\f1c8'; } /* '' */
127 .icon-paper-plane-empty:before { content: '\f1d9'; } /* '' */
126 .icon-share:before { content: '\f1e0'; } /* '' */ 128 .icon-share:before { content: '\f1e0'; } /* '' */
127 .icon-plug:before { content: '\f1e6'; } /* '' */ 129 .icon-plug:before { content: '\f1e6'; } /* '' */
128 .icon-brush:before { content: '\f1fc'; } /* '' */ 130 .icon-brush:before { content: '\f1fc'; } /* '' */
129 .icon-server:before { content: '\f233'; } /* '' */ 131 .icon-server:before { content: '\f233'; } /* '' */
130 .icon-basket:before { content: '\f291'; } /* '' */ 132 .icon-basket:before { content: '\f291'; } /* '' */