f3ce2cb812
This commit uses the class icons instead of actual images. Also changed the layout a slight bit to give room for data in the header just as used in the tab involved version.
85 lines
3.3 KiB
CSS
85 lines
3.3 KiB
CSS
@font-face {
|
|
font-family: 'fontello';
|
|
src: url('../font/fontello.eot?74243129');
|
|
src: url('../font/fontello.eot?74243129#iefix') format('embedded-opentype'),
|
|
url('../font/fontello.woff?74243129') format('woff'),
|
|
url('../font/fontello.ttf?74243129') format('truetype'),
|
|
url('../font/fontello.svg?74243129#fontello') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
|
|
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
|
|
/*
|
|
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
|
@font-face {
|
|
font-family: 'fontello';
|
|
src: url('../font/fontello.svg?74243129#fontello') format('svg');
|
|
}
|
|
}
|
|
*/
|
|
|
|
[class^="icon-"]:before, [class*=" icon-"]:before {
|
|
font-family: "fontello";
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
speak: none;
|
|
|
|
display: inline-block;
|
|
text-decoration: inherit;
|
|
width: 1em;
|
|
margin-right: .2em;
|
|
text-align: center;
|
|
/* opacity: .8; */
|
|
|
|
/* For safety - reset parent styles, that can break glyph codes*/
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
|
|
/* fix buttons height, for twitter bootstrap */
|
|
line-height: 1em;
|
|
|
|
/* Animation center compensation - margins should be symmetric */
|
|
/* remove if not needed */
|
|
margin-left: .2em;
|
|
|
|
/* you can be more comfortable with increased icons size */
|
|
/* font-size: 120%; */
|
|
|
|
/* Uncomment for 3D effect */
|
|
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
|
|
}
|
|
|
|
.icon-money:before { content: '\e819'; } /* '' */
|
|
.icon-exchange:before { content: '\e81a'; } /* '' */
|
|
.icon-wrench:before { content: '\e80f'; } /* '' */
|
|
.icon-user:before { content: '\e804'; } /* '' */
|
|
.icon-doc:before { content: '\e81b'; } /* '' */
|
|
.icon-trash:before { content: '\e812'; } /* '' */
|
|
.icon-torso:before { content: '\e805'; } /* '' */
|
|
.icon-th-large:before { content: '\e808'; } /* '' */
|
|
.icon-desktop:before { content: '\e806'; } /* '' */
|
|
.icon-cancel:before { content: '\e80a'; } /* '' */
|
|
.icon-plus:before { content: '\e80c'; } /* '' */
|
|
.icon-photo:before { content: '\e815'; } /* '' */
|
|
.icon-pencil:before { content: '\e802'; } /* '' */
|
|
.icon-ok:before { content: '\e80b'; } /* '' */
|
|
.icon-off:before { content: '\e811'; } /* '' */
|
|
.icon-indent-left:before { content: '\e80d'; } /* '' */
|
|
.icon-forward:before { content: '\e81d'; } /* '' */
|
|
.icon-fast-forward:before { content: '\e820'; } /* '' */
|
|
.icon-fast-backward:before { content: '\e81f'; } /* '' */
|
|
.icon-gauge:before { content: '\e803'; } /* '' */
|
|
.icon-backward:before { content: '\e81e'; } /* '' */
|
|
.icon-right-open:before { content: '\e800'; } /* '' */
|
|
.icon-left-open:before { content: '\e801'; } /* '' */
|
|
.icon-bell:before { content: '\e817'; } /* '' */
|
|
.icon-barcode:before { content: '\e80e'; } /* '' */
|
|
.icon-align-left:before { content: '\e807'; } /* '' */
|
|
.icon-home:before { content: '\e813'; } /* '' */
|
|
.icon-mail:before { content: '\e814'; } /* '' */
|
|
.icon-chart:before { content: '\e809'; } /* '' */
|
|
.icon-cog:before { content: '\e810'; } /* '' */
|
|
.icon-megaphone:before { content: '\e816'; } /* '' */
|
|
.icon-login:before { content: '\e81c'; } /* '' */
|
|
.icon-dollar:before { content: '\e818'; } /* '' */ |