Jonathan Hodgson
5 years ago
parent
6f1abd3fe5
commit
6af240e82a
3 changed files with 4 additions and 325 deletions
@ -1,323 +0,0 @@ |
||||
html { |
||||
background-color: #282828; |
||||
} |
||||
body { |
||||
background-color: #282828; |
||||
color: #fbf1c7; |
||||
margin: 0; |
||||
} |
||||
.container { |
||||
display: flex; |
||||
flex-direction: row-reverse; |
||||
flex-wrap: wrap-reverse; |
||||
justify-content: center; |
||||
max-width: 80em; |
||||
margin: 0 auto; |
||||
padding-top: 4em; |
||||
} |
||||
@media (min-width: 50em) { |
||||
.container { |
||||
flex-wrap: nowrap; |
||||
} |
||||
} |
||||
aside { |
||||
margin: 1em; |
||||
margin-bottom: 3em; |
||||
width: 12em; |
||||
} |
||||
main { |
||||
margin: 1em; |
||||
width: 65em; |
||||
max-width: 95%; |
||||
} |
||||
@media (min-width: 50em) { |
||||
main { |
||||
max-width: 70%; |
||||
} |
||||
} |
||||
pre { |
||||
overflow: auto; |
||||
} |
||||
article { |
||||
background-color: #3c3836; |
||||
margin: 1em; |
||||
padding: 1em; |
||||
border-radius: 1em; |
||||
} |
||||
footer { |
||||
display: block; |
||||
background-color: #665c54; |
||||
padding: 0.5em; |
||||
} |
||||
footer a.coffee { |
||||
display: block; |
||||
} |
||||
img { |
||||
max-width: 100%; |
||||
} |
||||
.blog-name { |
||||
font-size: 2rem; |
||||
font-weight: 400; |
||||
margin-bottom: 0.8em; |
||||
display: block; |
||||
color: #fbf1c7; |
||||
text-decoration: none; |
||||
text-align: center; |
||||
} |
||||
.blog-name:visited, |
||||
.blog-name:hover, |
||||
.blog-name:active { |
||||
color: inherit; |
||||
text-decoration: none; |
||||
} |
||||
.article-details { |
||||
display: flex; |
||||
flex-direction: row; |
||||
justify-content: space-between; |
||||
} |
||||
ul.tags { |
||||
list-style: none; |
||||
padding: 0; |
||||
margin: 0; |
||||
} |
||||
ul.tags li { |
||||
display: inline-block; |
||||
margin: 0 1em; |
||||
padding: 0; |
||||
} |
||||
a, |
||||
a:visited { |
||||
color: #8ec07c; |
||||
} |
||||
a:active, |
||||
a:hover { |
||||
color: #689d6a; |
||||
} |
||||
p code { |
||||
display: inline-block; |
||||
background-color: #504945; |
||||
padding: 0.2em; |
||||
} |
||||
code { |
||||
white-space: pre-wrap; |
||||
} |
||||
span.smallcaps { |
||||
font-variant: small-caps; |
||||
} |
||||
span.underline { |
||||
text-decoration: underline; |
||||
} |
||||
div.column { |
||||
display: inline-block; |
||||
vertical-align: top; |
||||
width: 50%; |
||||
} |
||||
div.hanging-indent { |
||||
margin-left: 1.5em; |
||||
text-indent: -1.5em; |
||||
} |
||||
ul.task-list { |
||||
list-style: none; |
||||
} |
||||
pre > code { |
||||
white-space: pre; |
||||
position: relative; |
||||
} |
||||
pre > code.sourceCode { |
||||
white-space: pre; |
||||
position: relative; |
||||
} |
||||
pre > code.sourceCode > span { |
||||
display: inline-block; |
||||
line-height: 1.25; |
||||
} |
||||
pre > code.sourceCode > span:empty { |
||||
height: 1.2em; |
||||
} |
||||
code.sourceCode > span { |
||||
color: inherit; |
||||
text-decoration: inherit; |
||||
} |
||||
div.sourceCode { |
||||
margin: 1em 0; |
||||
} |
||||
pre.sourceCode { |
||||
margin: 0; |
||||
} |
||||
@media screen { |
||||
div.sourceCode { |
||||
overflow: auto; |
||||
} |
||||
} |
||||
@media print { |
||||
pre > code.sourceCode { |
||||
white-space: pre-wrap; |
||||
} |
||||
pre > code.sourceCode > span { |
||||
text-indent: -5em; |
||||
padding-left: 5em; |
||||
} |
||||
} |
||||
pre.numberSource code { |
||||
counter-reset: source-line 0; |
||||
} |
||||
pre.numberSource code > span { |
||||
position: relative; |
||||
left: -4em; |
||||
counter-increment: source-line; |
||||
} |
||||
pre.numberSource code > span > a:first-child::before { |
||||
content: counter(source-line); |
||||
position: relative; |
||||
left: -1em; |
||||
text-align: right; |
||||
vertical-align: baseline; |
||||
border: none; |
||||
display: inline-block; |
||||
-webkit-touch-callout: none; |
||||
-webkit-user-select: none; |
||||
-khtml-user-select: none; |
||||
-moz-user-select: none; |
||||
-ms-user-select: none; |
||||
user-select: none; |
||||
padding: 0 4px; |
||||
width: 4em; |
||||
color: #aaaaaa; |
||||
} |
||||
pre.numberSource { |
||||
margin-left: 3em; |
||||
border-left: 1px solid #aaaaaa; |
||||
padding-left: 4px; |
||||
} |
||||
@media screen { |
||||
pre > code.sourceCode > span > a:first-child::before { |
||||
text-decoration: underline; |
||||
} |
||||
} |
||||
code span.al { |
||||
color: #ff0000; |
||||
font-weight: bold; |
||||
} |
||||
/* Alert */ |
||||
code span.an { |
||||
color: #60a0b0; |
||||
font-weight: bold; |
||||
font-style: italic; |
||||
} |
||||
/* Annotation */ |
||||
code span.at { |
||||
color: #7d9029; |
||||
} |
||||
/* Attribute */ |
||||
code span.bn { |
||||
color: #40a070; |
||||
} |
||||
/* BaseN */ |
||||
code span.bu { |
||||
color: #83a598; |
||||
} |
||||
/* BuiltIn */ |
||||
code span.cf { |
||||
color: #007020; |
||||
font-weight: bold; |
||||
} |
||||
/* ControlFlow */ |
||||
code span.ch { |
||||
color: #4070a0; |
||||
} |
||||
/* Char */ |
||||
code span.cn { |
||||
color: #880000; |
||||
} |
||||
/* Constant */ |
||||
code span.co { |
||||
color: #60a0b0; |
||||
font-style: italic; |
||||
} |
||||
/* Comment */ |
||||
code span.cv { |
||||
color: #60a0b0; |
||||
font-weight: bold; |
||||
font-style: italic; |
||||
} |
||||
/* CommentVar */ |
||||
code span.do { |
||||
color: #ba2121; |
||||
font-style: italic; |
||||
} |
||||
/* Documentation */ |
||||
code span.dt { |
||||
color: #902000; |
||||
} |
||||
/* DataType */ |
||||
code span.dv { |
||||
color: #40a070; |
||||
} |
||||
/* DecVal */ |
||||
code span.er { |
||||
color: #ff0000; |
||||
font-weight: bold; |
||||
} |
||||
/* Error */ |
||||
code span.ex { |
||||
color: #458588; |
||||
} |
||||
/* Extension */ |
||||
code span.fl { |
||||
color: #40a070; |
||||
} |
||||
/* Float */ |
||||
code span.fu { |
||||
color: #458588; |
||||
} |
||||
/* Function */ |
||||
/* Import */ |
||||
code span.in { |
||||
color: #60a0b0; |
||||
font-weight: bold; |
||||
font-style: italic; |
||||
} |
||||
/* Information */ |
||||
code span.kw { |
||||
color: #98971a; |
||||
font-weight: bold; |
||||
} |
||||
/* Keyword */ |
||||
code span.op { |
||||
color: #666666; |
||||
} |
||||
/* Operator */ |
||||
code span.ot { |
||||
color: #007020; |
||||
} |
||||
/* Other */ |
||||
code span.pp { |
||||
color: #bc7a00; |
||||
} |
||||
/* Preprocessor */ |
||||
code span.sc { |
||||
color: #4070a0; |
||||
} |
||||
/* SpecialChar */ |
||||
code span.ss { |
||||
color: #bb6688; |
||||
} |
||||
/* SpecialString */ |
||||
code span.st { |
||||
color: #d79921; |
||||
} |
||||
/* String */ |
||||
code span.va { |
||||
color: #cc241d; |
||||
} |
||||
/* Variable */ |
||||
code span.vs { |
||||
color: #4070a0; |
||||
} |
||||
/* VerbatimString */ |
||||
code span.wa { |
||||
color: #60a0b0; |
||||
font-weight: bold; |
||||
font-style: italic; |
||||
} |
||||
/* Warning */ |
||||
Loading…
Reference in new issue