@ -1,53 +1,37 @@
@ font-face {
@ font-face {
font-family : 'NowBlack' ;
font-family : "cmu" ;
src : url ( '../fonts/Now-Black.otf' ) format ( 'opentype ') ;
src : url ( '../fonts/cmunorm.ttf ') ;
font-weight : normal ;
font-weight : normal ;
font-style : normal ;
font-style : normal ;
}
}
@ font-face {
@ font-face {
font-family : 'NowBold' ;
font-family : "biolinum" ;
src : url ( '../fonts/Now-Bold.otf' ) format ( 'opentype ') ;
src : url ( '../fonts/LinBiolinum_RB.otf ') ;
font-weight : bold ;
font-weight : bold ;
font-style : normal ;
font-style : normal ;
}
}
@ font-face {
@ font-face {
font-family : 'NowLight' ;
font-family : "cmu" ;
src : url ( '../fonts/Now-Light.otf' ) format ( 'opentype ') ;
src : url ( '../fonts/cmunit.ttf ') ;
font-weight : normal ;
font-weight : normal ;
font-style : normal ;
font-style : italic ;
}
@ font-face {
font-family : 'NowMedium' ;
src : url ( '../fonts/Now-Medium.otf' ) format ( 'opentype' ) ;
font-weight : normal ;
font-style : normal ;
}
}
@ font-face {
@ font-face {
font-family : 'NowRegular' ;
font-family : "cmu" ;
src : url ( '../fonts/Now-Regular.otf' ) format ( 'opentype ') ;
src : url ( '../fonts/cmuntb.ttf' ) ;
font-weight : normal ;
font-weight : bold ;
font-style : normal ;
font-style : normal ;
}
}
@ font-face {
@ font-face {
font-family : 'NowThin' ;
font-family : "cmu" ;
src : url ( '../fonts/Now-Thin.otf' ) format ( 'opentype ') ;
src : url ( '../fonts/cmuntx.ttf ') ;
font-weight : normal ;
font-weight : bold ;
font-style : normal ;
font-style : italic ;
}
}
@ font-face {
@ font-face {
font-family : "liberation" ;
font-family : "liberation" ;
src : url ( '../fonts/LiberationMono.ttf' ) ;
src : url ( '../fonts/LiberationMono.ttf' ) ;
}
}
@ font-face {
font-family : "Inconsolata" ;
src : url ( '../fonts/Inconsolata/Inconsolata.otf' ) ;
}
body {
body {
position : relative ;
position : relative ;
width : calc ( 100 % - 50px ) ;
width : calc ( 100 % - 50px ) ;
@ -56,14 +40,38 @@ body{
left : 0px ;
left : 0px ;
margin : 0 auto 5em auto ;
margin : 0 auto 5em auto ;
padding : 0px 15px ;
padding : 0px 15px ;
font-family : "Inconsolata " , monospace ;
font-family : "liberation " , monospace ;
font-size : 18 px;
font-size : 20 px;
line-height : 1 . 6 ;
line-height : 1 . 7 ;
font-style : normal ;
font-style : normal ;
background-color : rgb ( 252 , 255 , 120 ) ;
background-color : rgb ( 252 , 255 , 120 ) ;
color : black ;
color : black ;
}
}
header {
width : calc ( 100 % - 50px ) ;
margin-top : 15px ;
margin-bottom : 4em ;
padding-bottom : 1em ;
font-family : "liberation" , monospace ;
font-size : 12px ;
line-height : 1 . 7 ;
letter-spacing : 0 ;
}
/ * header {
width : calc ( 100 % - 50px ) ;
margin-top : 15px ;
padding-bottom : 1em ;
font-family : "biolinum" , monospace ;
font-size : 29px ;
line-height : 1 . 5 ;
letter-spacing : 0 ;
} * /
# content {
margin-top : 1em ;
}
/****************************/
/* general elements */
a {
a {
color : # 7e5211 ;
color : # 7e5211 ;
}
}
@ -89,7 +97,7 @@ ul {
}
}
h1 , h2 , h3 , h4 , h5 , h6 , # header {
h1 , h2 , h3 , h4 , h5 , h6 , # header {
margin : 0 0 0 0 ;
margin : 0 ;
padding : 0 ;
padding : 0 ;
}
}
h1 {
h1 {
@ -103,30 +111,32 @@ h1, h2, h3, h4, h5, h6, #header{
font-size : 100 % ;
font-size : 100 % ;
font-weight : normal ;
font-weight : normal ;
}
}
p {
margin : 0 0 1em 0 ;
}
em {
letter-spacing : 0 ;
}
pre {
pre {
line-height : 1 . 0 ;
line-height : 1 . 0 ;
font-family : monospace ;
font-family : monospace ;
}
}
. paginator {
. paginator {
float : right ;
float : right ;
margin : 0px ;
margin : 0px ;
}
}
# post-list {
# post-list {
padding-left : 0px ;
padding-left : 0px ;
margin-top : 0px ;
margin-top : 0px ;
}
}
/****************************/
/****************************/
/* header & #translation */
/* header & #translation */
# translation {
# translation {
position : absolute ;
position : absolute ;
font-size : 14 . 8 px ;
font-size : 12 px ;
top : -1 5px ;
top : -5px ;
right : 5px ;
right : 5px ;
margin : 0 ;
margin : 0 ;
padding : 0 ;
padding : 0 ;
@ -142,57 +152,34 @@ pre{
font-weight : bold ;
font-weight : bold ;
}
}
header {
width : calc ( 100 % - 50px ) ;
margin-top : 1em ;
line-height : 1 . 5em ;
padding-bottom : 1em ;
}
# title p {
font-family : "Liberation" , monospace ;
font-size : 20px ;
line-height : 1 . 7 ;
font-weight : normal ;
/ * font-family : "CompModern" , monospace ;
font-size : 24px ;
line-height : 1 . 3 ;
font-weight : bold ; * /
}
# title pre {
font-family : 'Inconsolata' ;
font-size : 12px ;
line-height : 1 . 0 ;
float : left ;
width : 200px ;
height : 200px ;
margin-right : 2em ;
padding-right : 5px ;
}
# content {
margin-top : 1em ;
}
/****************************/
/****************************/
/* main/index overview page */
/* main/index overview page */
# content # post-list {
# content # post-list {
width : 100 % ;
width : 100 % ;
}
}
. summary p {
display : inline ;
}
. hentry {
. hentry {
float : left ;
display : inline-block ;
display : inline-block ;
width : 200px ;
width : 200px ;
font-size : 14 . 8 px ;
font-size : 12px ;
line-height : 1 . 5 ;
line-height : 1 . 6 ;
margin : 0 2em 2em 0 ;
margin : 0 2em 2em 0 ;
padding : 0 ;
padding : 0 ;
vertical-align : top ;
}
}
. hentry . article-info . entry-title {
. hentry . article-info . entry-title {
font-size : 120 % ;
font-family : "biolinum" ;
font-weight : normal ;
font-size : 250 % ;
line-height : 1 . 1 ;
font-weight : bold ;
line-height : 0 . 95 ;
hyphens : auto ;
}
. hentry . article-info . entry-title a {
text-decoration : none ;
}
}
/* ascii art styling */
/* ascii art styling */
. hentry pre {
. hentry pre {
font-size : 14 . 4px ;
font-size : 14 . 4px ;
@ -215,13 +202,14 @@ header {
font-weight : bold ;
font-weight : bold ;
}
}
. entry-content {
. entry-content , # page-content {
width : 50 % ;
width : 800px ;
margin : 0 ;
}
}
. entry-content img , . summary img {
. entry-content img , . summary img , # page-content img {
max-width : 100 % ;
max-width : 100 % ;
}
}
. entry-content . seperator hr {
. entry-content . seperator hr , # page-content hr {
max-width : 50 % ;
max-width : 50 % ;
}
}
. post-info {
. post-info {
@ -234,29 +222,9 @@ header {
margin : 3px 0 ;
margin : 3px 0 ;
}
}
/****************************/
/* pages */
# page-content {
width : 50 % ;
margin : 0 auto ;
padding-top : 1em ;
}
# page-content p {
margin : 0 0 28 . 8px 0 ; /* line height 1.8 = 28.8px */
}
# page-content img {
position : relative ;
width : 25 % ;
margin : 0 -100 % 15px 0 ;
float : right ;
left : 10px ;
}
/****************************/
/****************************/
/* other */
/* other */
. highlight {
. highlight {
margin : auto ;
margin : auto ;
max-width : 800px ;
max-width : 800px ;