blogng/css/custom.css
2017-02-01 15:48:33 +01:00

110 lines
2.3 KiB
CSS

/* --- Icomoon icon fonts CSS --*/
@font-face {
font-family: 'icomoon';
src:url('/fonts/icomoon/icomoon.eot?rgwlb8');
src:url('/fonts/icomoon/icomoon.eot?#iefixrgwlb8') format('embedded-opentype'),
url('/fonts/icomoon/icomoon.woff?rgwlb8') format('woff'),
url('/fonts/icomoon/icomoon.ttf?rgwlb8') format('truetype'),
url('/fonts/icomoon/icomoon.svg?rgwlb8#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: $contrast-color;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-pencil:before {
content: "\e600";
}
.icon-film:before {
content: "\e60f";
}
.icon-calendar:before {
content: "\e601";
}
.icon-link:before {
content: "\e602";
}
.icon-info:before {
content: "\e603";
}
.icon-cancel-circle:before {
content: "\e604";
}
.icon-checkmark-circle:before {
content: "\e605";
}
.icon-spam:before {
content: "\e606";
}
.icon-mail:before {
content: "\e607";
}
.icon-googleplus:before {
content: "\e608";
}
.icon-facebook:before {
content: "\e609";
}
.icon-twitter:before {
content: "\e60a";
}
.icon-feed:before {
content: "\e60b";
}
.icon-flickr:before {
content: "\e60c";
}
.icon-github:before {
content: "\e60d";
}
.icon-box-add:before {
content: "\e60e";
}
/*-- End of Icomoon icon font section --*/
nav.group a.active {
font-size: 2em;
}
header > nav a{
font-size: 1.2em;
}
ul.footer-links, .credits{
list-style: none;
text-align: center;
margin: 0 auto;
}
ul.footer-links li{
display: inline;
padding: 0.5rem 0.25rem;
}
.credits{
padding: 1rem 0rem;
}
hr.slender {
border: 0;
height: 1px;
width: 100%;
margin-top: 1.4rem;
margin-bottom:1.4rem;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}