|
@ -1,36 +1,36 @@ |
|
|
@font-face { |
|
|
@font-face { |
|
|
font-family: "header"; |
|
|
font-family: "header"; |
|
|
src:url('../fonts/cmuntt.ttf'); |
|
|
src: url("../fonts/cmuntt.ttf"); |
|
|
font-weight: normal; |
|
|
font-weight: normal; |
|
|
font-style: normal; |
|
|
font-style: normal; |
|
|
} |
|
|
} |
|
|
@font-face { |
|
|
@font-face { |
|
|
font-family: "kop"; |
|
|
font-family: "kop"; |
|
|
src:url('../fonts/cmunssdc.ttf'); |
|
|
src: url("../fonts/cmunssdc.ttf"); |
|
|
font-weight: normal; |
|
|
font-weight: normal; |
|
|
font-style: normal; |
|
|
font-style: normal; |
|
|
} |
|
|
} |
|
|
@font-face { |
|
|
@font-face { |
|
|
font-family: "main"; |
|
|
font-family: "main"; |
|
|
src:url('../fonts/cooper-hewitt/CooperHewitt-Medium.otf'); |
|
|
src: url("../fonts/cooper-hewitt/CooperHewitt-Medium.otf"); |
|
|
font-weight: normal; |
|
|
font-weight: normal; |
|
|
font-style: normal; |
|
|
font-style: normal; |
|
|
} |
|
|
} |
|
|
@font-face { |
|
|
@font-face { |
|
|
font-family: "main"; |
|
|
font-family: "main"; |
|
|
src:url('../fonts/cooper-hewitt/CooperHewitt-Bold.otf'); |
|
|
src: url("../fonts/cooper-hewitt/CooperHewitt-Bold.otf"); |
|
|
font-weight: bold; |
|
|
font-weight: bold; |
|
|
font-style: normal; |
|
|
font-style: normal; |
|
|
} |
|
|
} |
|
|
@font-face { |
|
|
@font-face { |
|
|
font-family: "main"; |
|
|
font-family: "main"; |
|
|
src:url('../fonts/cooper-hewitt/CooperHewitt-MediumItalic.otf'); |
|
|
src: url("../fonts/cooper-hewitt/CooperHewitt-MediumItalic.otf"); |
|
|
font-weight: normal; |
|
|
font-weight: normal; |
|
|
font-style: italic; |
|
|
font-style: italic; |
|
|
} |
|
|
} |
|
|
@font-face { |
|
|
@font-face { |
|
|
font-family: "main"; |
|
|
font-family: "main"; |
|
|
src:url('../fonts/cooper-hewitt/CooperHewitt-BoldItalic.otf'); |
|
|
src: url("../fonts/cooper-hewitt/CooperHewitt-BoldItalic.otf"); |
|
|
font-weight: bold; |
|
|
font-weight: bold; |
|
|
font-style: italic; |
|
|
font-style: italic; |
|
|
} |
|
|
} |
|
@ -61,7 +61,13 @@ a:hover{ |
|
|
border: 0; |
|
|
border: 0; |
|
|
text-decoration: none; |
|
|
text-decoration: none; |
|
|
} |
|
|
} |
|
|
h1, h2, h3, h4, h5, h6, #header{ |
|
|
h1, |
|
|
|
|
|
h2, |
|
|
|
|
|
h3, |
|
|
|
|
|
h4, |
|
|
|
|
|
h5, |
|
|
|
|
|
h6, |
|
|
|
|
|
#header { |
|
|
margin: 0; |
|
|
margin: 0; |
|
|
padding: 0; |
|
|
padding: 0; |
|
|
} |
|
|
} |
|
@ -81,7 +87,6 @@ p{ |
|
|
margin: 0 0 1em 0; |
|
|
margin: 0 0 1em 0; |
|
|
} |
|
|
} |
|
|
em { |
|
|
em { |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
small { |
|
|
small { |
|
|
display: block; |
|
|
display: block; |
|
@ -93,15 +98,16 @@ sup{ |
|
|
font-size: 12px; |
|
|
font-size: 12px; |
|
|
} |
|
|
} |
|
|
pre { |
|
|
pre { |
|
|
line-height: 1.0; |
|
|
line-height: 1; |
|
|
font-family: monospace; |
|
|
font-family: monospace; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
hr, .separator hr { |
|
|
hr, |
|
|
|
|
|
.separator hr { |
|
|
border: 0; |
|
|
border: 0; |
|
|
border-top: 1px dotted #7e5211; |
|
|
border-top: 1px dotted #7e5211; |
|
|
color: black; |
|
|
color: black; |
|
|
margin:1em 0 .5em; |
|
|
margin: 1em 0 0.5em; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
blockquote { |
|
|
blockquote { |
|
@ -125,7 +131,7 @@ ul li{ |
|
|
margin: 0 0 0 20px; |
|
|
margin: 0 0 0 20px; |
|
|
} |
|
|
} |
|
|
ul li:before { |
|
|
ul li:before { |
|
|
content: '* '; |
|
|
content: "* "; |
|
|
margin: 0 4px 0 -20px; |
|
|
margin: 0 4px 0 -20px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
@ -164,14 +170,15 @@ ul li{ |
|
|
.post-info .article-translation { |
|
|
.post-info .article-translation { |
|
|
margin-top: 1em; |
|
|
margin-top: 1em; |
|
|
} |
|
|
} |
|
|
.post-info .categories:before, .post-info .article-translation:before{ |
|
|
.post-info .categories:before, |
|
|
content:'↓'; |
|
|
.post-info .article-translation:before { |
|
|
|
|
|
content: "↓"; |
|
|
color: #7e5211; |
|
|
color: #7e5211; |
|
|
font-family: sans-serif; |
|
|
font-family: sans-serif; |
|
|
padding-right: 5px; |
|
|
padding-right: 5px; |
|
|
} |
|
|
} |
|
|
.post-info .article-translation:before { |
|
|
.post-info .article-translation:before { |
|
|
content:'→'; |
|
|
content: "→"; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/****************************/ |
|
|
/****************************/ |
|
@ -239,7 +246,7 @@ button.stream-button { |
|
|
background: #fbfdc6; |
|
|
background: #fbfdc6; |
|
|
font-size: 1em; |
|
|
font-size: 1em; |
|
|
border-radius: 25px; |
|
|
border-radius: 25px; |
|
|
font-family: 'kop'; |
|
|
font-family: "kop"; |
|
|
outline: none; |
|
|
outline: none; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
@ -258,7 +265,8 @@ button.stream-button { |
|
|
margin: 0; |
|
|
margin: 0; |
|
|
padding: 0; |
|
|
padding: 0; |
|
|
} |
|
|
} |
|
|
.buttons.top, .buttons.side{ |
|
|
.buttons.top, |
|
|
|
|
|
.buttons.side { |
|
|
top: 10px; |
|
|
top: 10px; |
|
|
right: 15px; |
|
|
right: 15px; |
|
|
text-align: right; |
|
|
text-align: right; |
|
@ -292,7 +300,7 @@ button.stream-button { |
|
|
display: inline; |
|
|
display: inline; |
|
|
} |
|
|
} |
|
|
.summary .read_more:before { |
|
|
.summary .read_more:before { |
|
|
content:'→'; |
|
|
content: "→"; |
|
|
padding: 0 5px; |
|
|
padding: 0 5px; |
|
|
font-family: sans-serif; |
|
|
font-family: sans-serif; |
|
|
font-size: 12px; |
|
|
font-size: 12px; |
|
@ -338,11 +346,16 @@ button.stream-button { |
|
|
clear: both; /*to prevent the ascii to break up*/ |
|
|
clear: both; /*to prevent the ascii to break up*/ |
|
|
} |
|
|
} |
|
|
/* double-blocks for super important categories */ |
|
|
/* double-blocks for super important categories */ |
|
|
.hentry.current, .hentry.article, .hentry.artikel, .hentry.current .article-info, .hentry.current .featured-image img{ |
|
|
.hentry.current, |
|
|
|
|
|
.hentry.article, |
|
|
|
|
|
.hentry.artikel, |
|
|
|
|
|
.hentry.current .article-info, |
|
|
|
|
|
.hentry.current .featured-image img { |
|
|
width: calc(400px + 1em); |
|
|
width: calc(400px + 1em); |
|
|
} |
|
|
} |
|
|
/* color background for articles */ |
|
|
/* color background for articles */ |
|
|
.hentry.article, .hentry.artikel{ |
|
|
.hentry.article, |
|
|
|
|
|
.hentry.artikel { |
|
|
padding: 1.5em 1em 1em 1em; |
|
|
padding: 1.5em 1em 1em 1em; |
|
|
border: 1px dashed #7e5211; |
|
|
border: 1px dashed #7e5211; |
|
|
border-radius: 15px; |
|
|
border-radius: 15px; |
|
@ -364,21 +377,25 @@ button.stream-button { |
|
|
width: 200px; |
|
|
width: 200px; |
|
|
float: left; |
|
|
float: left; |
|
|
} |
|
|
} |
|
|
.entry-content-container, #page-content-container{ |
|
|
.entry-content-container, |
|
|
|
|
|
#page-content-container { |
|
|
width: calc(100% - 260px); |
|
|
width: calc(100% - 260px); |
|
|
float: right; |
|
|
float: right; |
|
|
padding: 0 30px; |
|
|
padding: 0 30px; |
|
|
margin-bottom: 25px; |
|
|
margin-bottom: 25px; |
|
|
} |
|
|
} |
|
|
.entry-content, #page-content{ |
|
|
.entry-content, |
|
|
|
|
|
#page-content { |
|
|
position: relative; |
|
|
position: relative; |
|
|
max-width: 750px; |
|
|
max-width: 750px; |
|
|
margin: -3px auto 0 20px; |
|
|
margin: -3px auto 0 20px; |
|
|
} |
|
|
} |
|
|
.entry-content img, #page-content img{ |
|
|
.entry-content img, |
|
|
|
|
|
#page-content img { |
|
|
max-height: 400px; |
|
|
max-height: 400px; |
|
|
} |
|
|
} |
|
|
.entry-content .seperator hr, #page-content hr{ |
|
|
.entry-content .seperator hr, |
|
|
|
|
|
#page-content hr { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
@ -428,13 +445,11 @@ sup span{ |
|
|
/****************************/ |
|
|
/****************************/ |
|
|
/*mobile style*/ |
|
|
/*mobile style*/ |
|
|
|
|
|
|
|
|
@media only screen |
|
|
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { |
|
|
and (min-device-width: 320px) |
|
|
|
|
|
and (max-device-width: 480px) { |
|
|
|
|
|
|
|
|
|
|
|
/*home page*/ |
|
|
/*home page*/ |
|
|
|
|
|
|
|
|
html, body { |
|
|
html, |
|
|
|
|
|
body { |
|
|
padding: 0; |
|
|
padding: 0; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
@ -472,7 +487,11 @@ sup span{ |
|
|
width: calc(100% - 30px); |
|
|
width: calc(100% - 30px); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.hentry.current, .hentry.article, .hentry.artikel, .hentry.current .article-info, .hentry.current .featured-image img { |
|
|
.hentry.current, |
|
|
|
|
|
.hentry.article, |
|
|
|
|
|
.hentry.artikel, |
|
|
|
|
|
.hentry.current .article-info, |
|
|
|
|
|
.hentry.current .featured-image img { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
@ -481,7 +500,8 @@ sup span{ |
|
|
margin-right: 0; |
|
|
margin-right: 0; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.hentry.article, .hentry.artikel { |
|
|
.hentry.article, |
|
|
|
|
|
.hentry.artikel { |
|
|
width: 90%; |
|
|
width: 90%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
@ -489,7 +509,6 @@ sup span{ |
|
|
font-size: 9px; |
|
|
font-size: 9px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*single page*/ |
|
|
/*single page*/ |
|
|
|
|
|
|
|
|
#content.body .entry-title { |
|
|
#content.body .entry-title { |
|
@ -505,28 +524,32 @@ sup span{ |
|
|
margin-bottom: 30px; |
|
|
margin-bottom: 30px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.entry-content-container, #page-content-container { |
|
|
.entry-content-container, |
|
|
|
|
|
#page-content-container { |
|
|
float: none; |
|
|
float: none; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
padding: 0; |
|
|
padding: 0; |
|
|
font-size: 16px; |
|
|
font-size: 16px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.entry-content, #page-content { |
|
|
.entry-content, |
|
|
|
|
|
#page-content { |
|
|
margin: 0; |
|
|
margin: 0; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.entry-content img, #page-content img { |
|
|
.entry-content img, |
|
|
|
|
|
#page-content img { |
|
|
max-width: 100%; |
|
|
max-width: 100%; |
|
|
height: auto; |
|
|
height: auto; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/*about*/ |
|
|
/*about*/ |
|
|
|
|
|
|
|
|
.entry-content, #page-content p, .entry-content, #page-content h1 { |
|
|
.entry-content, |
|
|
|
|
|
#page-content p, |
|
|
|
|
|
.entry-content, |
|
|
|
|
|
#page-content h1 { |
|
|
font-size: 16px; |
|
|
font-size: 16px; |
|
|
padding: 0 15px; |
|
|
padding: 0 15px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|