diff options
Diffstat (limited to 'themes/markskitchen/static/css/common.css')
-rw-r--r-- | themes/markskitchen/static/css/common.css | 288 |
1 files changed, 0 insertions, 288 deletions
diff --git a/themes/markskitchen/static/css/common.css b/themes/markskitchen/static/css/common.css deleted file mode 100644 index 0a248e5..0000000 --- a/themes/markskitchen/static/css/common.css +++ /dev/null @@ -1,288 +0,0 @@ -html { - max-width: 70ch; - padding: 3em 1em; - margin: auto; - line-height: 1.75; - font-size: 1.25em; -} - -#main > .post + .post { - margin-top: 2rem; -} - -#main > .post > h2 { - align-items: center; - display: flex; - flex-direction: row; - justify-content: space-between; -} - -#main > .post > h2 > time { - font-size: 1rem; - font-weight: normal; -} - -#main > .post > .content { - padding-top: 1rem; -} - -@media screen and (min-width: 768px) { - #main > .post > div { - margin-left: 2rem; - } -} - -/* global */ - -* { - box-sizing: border-box; - margin: 0; - padding: 0; -} - -a { - color: inherit; -} - -time { - color: gray; - margin-left: 1rem; - min-width: 5rem; -} - -body { - background-color: #FAFAFA; - display: flex; - flex-direction: column; - font-family: 'Latin Modern Roman', 'Times New Roman', serif; - min-height: 100vh; - overflow-wrap: break-word; - padding: 1rem; -} - -.link { - color: #AA0000; - text-decoration: underline; -} - -.paginator { - align-items: flex-end; - display: flex; - flex-direction: row; - justify-content: space-between; - margin-top: 2rem; -} - -::-webkit-scrollbar { - background-color: #FAFAFA; - height: 8px; - width: 8px; -} - -::-webkit-scrollbar-thumb { - background-color: #AAAAAA; -} - -::-webkit-scrollbar-thumb:hover { - background-color: #888888; -} - -/* header */ - -#header { - align-items: center; - display: flex; - flex-direction: column; -} - -#header > h1 { - text-align: center; -} - -@media screen and (min-width: 768px) { - #header > h1 { - font-size: 2.8rem; - } -} - -@media screen and (max-width: 512px) { - .item-date { - display: none; - } -} - -#header > nav { - display: flex; - flex-direction: row; - justify-content: space-around; - flex-wrap: wrap; - max-width: 768px; - width: 100%; - margin: 1rem; -} - -#header > nav > span > a { - font-size: 1.2rem; -} - -/* main */ - -#main { - align-self: center; - display: flex; - flex-direction: column; - flex-grow: 1; - max-width: 768px; - padding: 2rem 0; - width: calc(100% - 2rem); -} - -/* footer */ - -footer { - align-items: center; - display: flex; - font-size: .9rem; - flex-direction: column;; -} - -.content :last-child { - margin-bottom: 0; -} - -.content a { - color: #AA0000; - text-decoration: underline; -} - -.content a.footnote-ref::before { - content: "["; -} - -.content a.footnote-ref::after { - content: "]"; -} - -.content blockquote, -.content div, -.content h1, -.content h2, -.content h3, -.content h4, -.content h5, -.content h6, -.content p, -.content pre, -.content ol, -.content table, -.content ul { - margin-bottom: 1rem; -} - -.content blockquote { - border-left: black 2px solid; - font-style: italic; - padding: 1rem 0 1rem 2rem; -} - -.content code { - background-color: #F5F5F5; - border-radius: .2rem; - color: #AA0000; - font-family: 'Latin Modern Mono', Courier, monospace; - padding: 0 .2rem; -} - -.content h1, .content h2, .content h3, -.content h4, .content h5, .content h6 { - line-height: 1.5; -} - -.content h1 { - font-size: 2.4rem; -} - -.content h2 { - font-size: 1.8rem; -} - -.content h3 { - font-size: 1.4rem; -} - -.content h4 { - font-size: 1.2rem; -} - -.content h5 { - font-size: 1.1rem; -} - -.content h6 { - font-size: 1rem; -} - -.content img { - max-width: 100%; -} - -.content p { - text-align: justify; -} - -.content pre { - background-color: #F5F5F5!important; - border-radius: .2rem; - font-family: 'Latin Modern Mono', Courier, monospace; - margin-top: .5rem; - overflow-x: auto; - padding: .5rem; -} - -.content pre code { - padding: 0; -} - -.content strong.chinese { - font-weight: normal; - text-emphasis-style: dot; - text-emphasis-position: under; - -webkit-text-emphasis-style: dot; - -webkit-text-emphasis-position: under; -} - -.content table { - display: block; - overflow-x: auto; -} - -.content td, .content th { - border: #575C61 1px solid; - padding: .1rem .5rem; -} - -.content th { - background-color: #575C61; - color: #FAFAFA; -} - -.content ol, .content ul { - margin-left: 1.5rem; -} - -dl > dt { - font-weight: bold; -} - -dd { - padding-left: 2em; - padding-bottom: 1em; -} - -li { - margin-bottom: 0.5rem; -} - -.email::after { - content: "@marks.kitchen"; -} |