329 lines
4.4 KiB
HTML
329 lines
4.4 KiB
HTML
<style>
|
|
* {
|
|
border:0;
|
|
font:inherit;
|
|
font-size:100%;
|
|
vertical-align:baseline;
|
|
margin:0;
|
|
padding:0;
|
|
color: black;
|
|
text-decoration-skip: ink;
|
|
}
|
|
|
|
body {
|
|
font-family: monospace;
|
|
font-size:17px;
|
|
color:#1d1313;
|
|
max-width:700px;
|
|
margin:auto;
|
|
}
|
|
|
|
p {
|
|
margin: 20px 0;
|
|
line-height:130%;
|
|
}
|
|
|
|
a img {
|
|
border:none;
|
|
}
|
|
|
|
img {
|
|
margin: 10px auto 10px auto;
|
|
max-width: 100%;
|
|
display: block;
|
|
}
|
|
|
|
.left-justify {
|
|
float: left;
|
|
}
|
|
|
|
.right-justify {
|
|
float:right;
|
|
}
|
|
|
|
pre, code {
|
|
font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
|
background-color: #f7f7f7;
|
|
}
|
|
|
|
code {
|
|
font-size: 12px;
|
|
padding: 4px;
|
|
}
|
|
|
|
pre {
|
|
margin-top: 0;
|
|
margin-bottom: 16px;
|
|
word-wrap: normal;
|
|
padding: 16px;
|
|
overflow: auto;
|
|
font-size: 85%;
|
|
line-height: 1.45;
|
|
}
|
|
|
|
pre>code {
|
|
padding: 0;
|
|
margin: 0;
|
|
font-size: 100%;
|
|
word-break: normal;
|
|
white-space: pre;
|
|
background: transparent;
|
|
border: 0;
|
|
}
|
|
|
|
pre code {
|
|
display: inline;
|
|
max-width: auto;
|
|
padding: 0;
|
|
margin: 0;
|
|
overflow: visible;
|
|
line-height: inherit;
|
|
word-wrap: normal;
|
|
background-color: transparent;
|
|
border: 0;
|
|
}
|
|
|
|
pre code::before,
|
|
pre code::after {
|
|
content: normal;
|
|
}
|
|
|
|
em,q,em,dfn {
|
|
font-style:italic;
|
|
}
|
|
|
|
ul.posts_listing li {
|
|
list-style: none;
|
|
|
|
}
|
|
|
|
.mono,pre,code,tt,p code,li code {
|
|
font-family:Menlo,Monaco,"Andale Mono","lucida console","Courier New",monospace;
|
|
}
|
|
|
|
.serif {
|
|
font-family:"Old Standard TT",serif;
|
|
}
|
|
|
|
strong {
|
|
font-weight:600;
|
|
}
|
|
|
|
q:before {
|
|
content:"\201C";
|
|
}
|
|
|
|
q:after {
|
|
content:"\201D";
|
|
}
|
|
|
|
del,s {
|
|
text-decoration:line-through;
|
|
}
|
|
|
|
blockquote {
|
|
font-family:"Old Standard TT",serif;
|
|
text-align:center;
|
|
padding:50px;
|
|
}
|
|
|
|
blockquote p {
|
|
display:inline-block;
|
|
font-style:italic;
|
|
}
|
|
|
|
blockquote:before,blockquote:after {
|
|
font-family:"Old Standard TT",serif;
|
|
content:'\201C';
|
|
font-size:35px;
|
|
color:#403c3b;
|
|
}
|
|
|
|
blockquote:after {
|
|
content:'\201D';
|
|
}
|
|
|
|
hr {
|
|
width:40%;
|
|
height: 1px;
|
|
background:#403c3b;
|
|
margin: 25px auto;
|
|
}
|
|
|
|
h1 {
|
|
font-size:35px;
|
|
}
|
|
|
|
h2 {
|
|
font-size:28px;
|
|
}
|
|
|
|
h3 {
|
|
font-size:22px;
|
|
margin-top:18px;
|
|
}
|
|
|
|
h1 a,h2 a,h3 a {
|
|
text-decoration:none;
|
|
}
|
|
|
|
h1,h2 {
|
|
margin-top:28px;
|
|
}
|
|
|
|
#sub-header, time {
|
|
color:#403c3b;
|
|
font-size:13px;
|
|
}
|
|
|
|
#nav h1 a {
|
|
font-size:35px;
|
|
color:#00bbbd;
|
|
padding-bottom: 10px;
|
|
border-bottom: 3px solid #DDD;
|
|
margin-bottom: 20px;
|
|
display: block;
|
|
}
|
|
|
|
#content {
|
|
text-align:left;
|
|
width:100%;
|
|
font-size:15px;
|
|
padding:60px 0 80px;
|
|
}
|
|
|
|
#content h1,#content h2 {
|
|
margin-bottom:5px;
|
|
}
|
|
|
|
#content h2 {
|
|
font-size:25px;
|
|
}
|
|
|
|
#content .entry-content {
|
|
margin-top:15px;
|
|
}
|
|
|
|
#content h1 {
|
|
font-size:30px;
|
|
}
|
|
|
|
#content ol {
|
|
margin-left: 45px;
|
|
}
|
|
|
|
.highlight {
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.posts_listing {
|
|
margin:0 0 50px;
|
|
}
|
|
|
|
#nav {
|
|
text-align:center;
|
|
position:static;
|
|
margin-top:60px;
|
|
}
|
|
|
|
#nav ul {
|
|
display: table;
|
|
margin: 8px auto 0 auto;
|
|
}
|
|
|
|
#nav li {
|
|
list-style-type:none;
|
|
display:table-cell;
|
|
font-size:15px;
|
|
padding: 0 20px;
|
|
}
|
|
|
|
#links {
|
|
margin: 50px 0 0 0;
|
|
}
|
|
|
|
#links :nth-child(2) {
|
|
float:right;
|
|
}
|
|
|
|
#not-found {
|
|
text-align: center;
|
|
}
|
|
|
|
#not-found a {
|
|
font-family:"Old Standard TT",serif;
|
|
font-size: 200px;
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
padding-top: 225px;
|
|
}
|
|
|
|
@media (max-width: 750px) {
|
|
body {
|
|
padding-left:20px;
|
|
padding-right:20px;
|
|
}
|
|
|
|
#nav h1 a {
|
|
font-size:28px;
|
|
}
|
|
|
|
#nav li {
|
|
font-size:13px;
|
|
padding: 0 15px;
|
|
}
|
|
|
|
#content {
|
|
margin-top:0;
|
|
padding-top:50px;
|
|
font-size:14px;
|
|
}
|
|
|
|
#content h1 {
|
|
font-size:25px;
|
|
}
|
|
|
|
#content h2 {
|
|
font-size:22px;
|
|
}
|
|
|
|
.posts_listing li div {
|
|
font-size:12px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 400px) {
|
|
body {
|
|
padding-left:20px;
|
|
padding-right:20px;
|
|
}
|
|
|
|
#nav h1 a {
|
|
font-size:22px;
|
|
}
|
|
|
|
#nav li {
|
|
font-size:12px;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
#content {
|
|
margin-top:0;
|
|
padding-top:20px;
|
|
font-size:12px;
|
|
}
|
|
|
|
#content h1 {
|
|
font-size:20px;
|
|
}
|
|
|
|
#content h2 {
|
|
font-size:18px;
|
|
}
|
|
|
|
.posts_listing li div{
|
|
font-size:12px;
|
|
}
|
|
}
|
|
</style>
|