@font-face { font-family: 'social'; src: url('../font/social.eot?40637560'); src: url('../font/social.eot?40637560#iefix') format('embedded-opentype'), url('../font/social.woff?40637560') format('woff'), url('../font/social.ttf?40637560') format('truetype'), url('../font/social.svg?40637560#social') 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: 'social'; src: url('../font/social.svg?40637560#social') format('svg'); } } */ [class^="social-"]:before, [class*=" social-"]:before { font-family: "social"; 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%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .social-facebook:before { content: '\e800'; } /* '' */ .social-facebook-rect:before { content: '\e801'; } /* '' */ .social-twitter:before { content: '\e802'; } /* '' */ .social-twitter-bird:before { content: '\e803'; } /* '' */ .social-vimeo:before { content: '\e804'; } /* '' */ .social-vimeo-rect:before { content: '\e805'; } /* '' */ .social-tumblr:before { content: '\e806'; } /* '' */ .social-tumblr-rect:before { content: '\e807'; } /* '' */ .social-googleplus-rect:before { content: '\e808'; } /* '' */ .social-github-text:before { content: '\e809'; } /* '' */ .social-github:before { content: '\e80a'; } /* '' */ .social-skype:before { content: '\e80b'; } /* '' */ .social-icq:before { content: '\e80c'; } /* '' */ .social-yandex:before { content: '\e80d'; } /* '' */ .social-yandex-rect:before { content: '\e80e'; } /* '' */ .social-vkontakte-rect:before { content: '\e80f'; } /* '' */ .social-odnoklassniki:before { content: '\e810'; } /* '' */ .social-odnoklassniki-rect:before { content: '\e811'; } /* '' */ .social-friendfeed:before { content: '\e812'; } /* '' */ .social-friendfeed-rect:before { content: '\e813'; } /* '' */ .social-discover:before { content: '\e814'; } /* '' */ .social-amex:before { content: '\e815'; } /* '' */ .social-win8:before { content: '\e816'; } /* '' */ .social-youku:before { content: '\e817'; } /* '' */ .social-tudou:before { content: '\e818'; } /* '' */ .social-box-rect:before { content: '\e819'; } /* '' */ .social-box:before { content: '\e81a'; } /* '' */ .social-diigo:before { content: '\e81b'; } /* '' */ .social-instagram-filled:before { content: '\e81c'; } /* '' */ .social-instagram:before { content: '\e81d'; } /* '' */ .social-wordpress:before { content: '\e81e'; } /* '' */ .social-picasa:before { content: '\e81f'; } /* '' */ .social-linkedin-rect:before { content: '\e820'; } /* '' */ .social-linkedin:before { content: '\e821'; } /* '' */ .social-lastfm-rect:before { content: '\e822'; } /* '' */ .social-lastfm:before { content: '\e823'; } /* '' */ .social-jabber:before { content: '\e824'; } /* '' */ .social-deviantart:before { content: '\e825'; } /* '' */ .social-blogger-rect:before { content: '\e826'; } /* '' */ .social-blogger:before { content: '\e827'; } /* '' */ .social-visa:before { content: '\e828'; } /* '' */ .social-mastercard:before { content: '\e829'; } /* '' */ .social-houzz:before { content: '\e82a'; } /* '' */ .social-bandcamp:before { content: '\e82b'; } /* '' */ .social-codepen:before { content: '\e82c'; } /* '' */