gibheer
/
zero-blog
0
0
Fork 0
Code

adjust the pagination design and header

This commit is contained in:
Gibheer 2013-11-04 20:19:39 +01:00
parent b47acdeb14
commit bcb992b231
2 changed files with 28 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
templates/layout.html.slim
View File

@ -12,8 +12,10 @@ html
rel='stylesheet' rel='stylesheet'
type='text/css') type='text/css')
body body
header header#header
h1 zero-knowledge a href='http://zero-knowledge.org'
h2 noch ohne blub h1 zero-knowledge
h2 no clue at all
img src='/images/zero-knowledge.png' alt='zero-knowledge'
#content #content
==yield ==yield

32
templates/stylesheet/index.css.scss
View File

@ -27,10 +27,12 @@ pre {
overflow-x: auto; overflow-x: auto;
} }
header h1, header h2 { #header {
display: inline-block; h1, h2 {
margin: $standard-width / 2; display: none;
padding: 0; margin: $standard-width / 2;
padding: 0;
}
} }
a { a {
@ -39,16 +41,27 @@ a {
} }
.page { .page {
margin-left: $standard-width;
margin-right: $standard-width;
display: block; display: block;
margin-top: $standard-width / 2;
margin-bottom: $standard-width / 2;
text-align: center; text-align: center;
color: lighten($action-color, 10);
padding: $standard-width; padding: $standard-width;
font-size: $standard-width * 0.9; font-size: $standard-width * 0.9;
font-weight: bold; font-weight: bold;
&.up {
border-top: $standard-width / 4 solid $alternate-color;
&:hover, &:focus, &:active {
border-top: $standard-width / 4 solid $action-color;
}
}
&.down {
border-bottom: $standard-width / 4 solid $alternate-color;
&:hover, &:focus, &:active {
border-bottom: $standard-width / 4 solid $action-color;
}
}
} }
article, pre, .page { #content, pre {
background-color: fade-out($alternate-color, 0.7); background-color: fade-out($alternate-color, 0.7);
} }
article { article {
@ -57,7 +70,8 @@ article {
header { header {
padding: $standard-width / 4; padding: $standard-width / 4;
display: inline-block; display: inline-block;
h1 { margin: 0; } h1 { margin: 0;}
h1, h2 { display: inline-block; }
} }
footer { footer {
padding: $standard-width / 4; padding: $standard-width / 4;