body {
margin-top: 0px; padding: 0; font-family: 'Ubuntu Mono', monospace;
}
main {
width: 70%; margin: 0 auto;
}
.svg-icon { width: 16px; height: 16px; display: inline-block; fill: #414141;}
img {
&[src~="thumbnail"] { width: 400px; height: auto; display:block; margin: 0 auto; } &[src~="bordered"] { border: 1px solid black; }
}
footer {
text-align: center; margin: auto; font-size: 0.9em; margin-bottom: 10px; padding-bottom: 10px; border-top: 1px dotted #000;
}
.pager {
margin: 15px 0; padding: 0; text-align: center; list-style: none; li { display: inline; a { display: inline-block; text-decoration: none; padding: 5px 10px; color: #000; border: 1px solid #ddd; border-radius: 25px; } }
}
.post-list {
list-style: none; padding: 0; li { h3 { margin-bottom: 5px; } } i { font-size: 0.8em; color: grey; }
}
@media (max-width: 392px) {
.pager { li { a { margin-top: 5px; } } }
}
@media (max-width: 600px) {
img { &[src~="thumbnail"] { width: 250px; height: auto; } }
}