2013-05-24 16:25:31 +02:00
|
|
|
// ROOT =======================================================
|
|
|
|
html {
|
|
|
|
font-size: 95%;
|
|
|
|
}
|
|
|
|
// TYPOGRAPHY =================================================
|
|
|
|
// TEXTURE ====================================================
|
|
|
|
// ELEMENTS ===================================================
|
|
|
|
// LAYOUT =====================================================
|
|
|
|
.site-name {
|
|
|
|
.grid(12,2);
|
|
|
|
.prefix(12,0.5);
|
|
|
|
.suffix(12,0.5);
|
|
|
|
}
|
|
|
|
.top-navigation {
|
|
|
|
.grid(12,9);
|
|
|
|
.prefix(12,0);
|
|
|
|
.suffix(12,0);
|
|
|
|
}
|
|
|
|
.image-wrap .headline-wrap {
|
|
|
|
.prefix(12,3);
|
|
|
|
}
|
|
|
|
.image-wrap:after {
|
|
|
|
left: 25%;
|
|
|
|
}
|
|
|
|
#main article {
|
|
|
|
.grid(12,6);
|
|
|
|
.prefix(12,0);
|
|
|
|
.suffix(12,0);
|
|
|
|
}
|
|
|
|
#index {
|
|
|
|
.grid(12,6);
|
|
|
|
.prefix(12,0);
|
|
|
|
.suffix(12,0);
|
|
|
|
}
|
|
|
|
.footer-wrap footer {
|
|
|
|
.grid(12,6);
|
|
|
|
.prefix(12,3);
|
|
|
|
.suffix(12,3);
|
|
|
|
}
|
|
|
|
.article-author-top {
|
|
|
|
display: block;
|
|
|
|
.grid(12,2);
|
|
|
|
.prefix(12,0.5);
|
|
|
|
.suffix(12,0.5);
|
|
|
|
}
|
|
|
|
.article-author-bottom {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.toc {
|
|
|
|
display: block;
|
|
|
|
.grid(12,2);
|
|
|
|
.prefix(12,0.5);
|
|
|
|
.suffix(12,0.5);
|
|
|
|
position: fixed;
|
2013-05-24 21:06:54 +02:00
|
|
|
top: 120px;
|
2013-05-24 16:25:31 +02:00
|
|
|
right: 0;
|
|
|
|
.box-shadow(0 0 5px rgba(0,0,0,.50));
|
|
|
|
}
|
|
|
|
.image-grid {
|
|
|
|
li {
|
|
|
|
width: 25%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.related-articles {
|
|
|
|
.grid(12,6);
|
|
|
|
.prefix(12,3);
|
|
|
|
.suffix(12,3);
|
|
|
|
}
|
|
|
|
// VENDOR-SPECIFIC ============================================
|