0
0
Fork 0

make the pagination look nicer

This commit is contained in:
Gibheer 2013-10-29 20:42:25 +01:00
parent 294625f251
commit b47acdeb14
1 changed files with 18 additions and 9 deletions

View File

@ -9,7 +9,8 @@ $alternate_color: hsl(204, 35%, 35%);
$standard-width: 1em;
html {
text-size: 99%;
font-size: 99%;
font-family: sans-serif;
/* original picture from http://subtlepatterns.com/iron-grip/ */
background-image: url('/images/irongrip-zero.png');
min-width: 300px;
@ -20,8 +21,6 @@ html {
code {
font-family: "PT mono", monospace;
font-size: $standard-width * 0.95;
font-weigth: bold;
}
pre {
border: $standard-width solid hsla(0, 0%, 0%, 0);
@ -34,17 +33,27 @@ header h1, header h2 {
padding: 0;
}
article, pre {
background-color: fade-out($alternate-color, 0.7);
a {
text-decoration: none;
color: $action-color;
}
.page {
display: block;
margin-top: $standard-width / 2;
margin-bottom: $standard-width / 2;
text-align: center;
color: lighten($action-color, 10);
padding: $standard-width;
font-size: $standard-width * 0.9;
font-weight: bold;
}
article, pre, .page {
background-color: fade-out($alternate-color, 0.7);
}
article {
color: hsl(0, 0%, 90%);
padding: $standard-width;
a {
text-decoration: none;
color: $action-color;
}
header {
padding: $standard-width / 4;
display: inline-block;