diff options
Diffstat (limited to 'assets/css')
-rw-r--r-- | assets/css/main.css | 281 | ||||
-rw-r--r-- | assets/css/min770px.css | 54 |
2 files changed, 0 insertions, 335 deletions
diff --git a/assets/css/main.css b/assets/css/main.css deleted file mode 100644 index c55dd2c..0000000 --- a/assets/css/main.css +++ /dev/null @@ -1,281 +0,0 @@ -*, *:before, *:after { - box-sizing: border-box; -} - -html { - font-size: 62.5%; -} - -body { - font-size: 26px; - font-size: 1.6rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - color: #313a3d; - width: 100%; - margin: 0 auto; - padding: 0 16px; - line-height: 1.6; -} - -header#banner { - margin: 25px 0; -} - -header#banner a { - color: #313a3d; - text-decoration: none; -} - -header#banner a:hover { - text-decoration: underline; -} - -header#banner h2 { - display: inline; - font-size: 21px; - font-size: 2.1rem; - margin: 0 8px 0 0; -} - -header#banner nav { - display: inline-block; -} - -header#banner nav ul { - list-style-type: none; - font-size: 1.05em; - text-transform: lowercase; - margin: 0; - padding: 0; -} - -header#banner nav ul li { - display: inline; - margin: 0 3px; -} - -header#banner nav ul li a { - color: #454545; -} - -main#content a { - color: #007dfa; - text-decoration: none; -} - -main#content a:hover { - text-decoration: underline; -} - -main#content h1, -main#content h2, -main#content h3, -main#content h4, -main#content h5, -main#content h6 { - margin-bottom: 0; - line-height: 1.15; -} - -main#content h3 { - font-size: 19px; - font-size: 1.9rem; -} - -main#content h1 + p, -main#content h2 + p, -main#content h3 + p, -main#content h4 + p, -main#content h5 + p, -main#content h6 + p { - margin-top: 5px; -} - -main#content p { - color: #394548; - margin: 16px 0; -} - -main#content hr { - height: 1px; - border: 0; - background: #d8d8d8; -} - -main#content abbr { - cursor: help; -} - -/* index.html styles */ -main#content ul#posts { - list-style-type: none; - font-size: 12px; - font-size: 1.6rem; - margin-top: 0; - padding: 0; -} - -main#content ul#posts li { - margin: 5px 0; - padding: 0; -} - -main#content ul#posts small { - font-size: 0.8em; - color: #767676; - margin-left: 10px; -} - -main#content ul#posts li a { - text-decoration: none; -} - -main#content ul#posts li a:hover { - color: #369aff; -} - -main#content ul#posts li a:hover small { - color: inherit; -} - -/* single.html styles */ -main#content header#post-header h1 { - display: block; - font-size: 23px; - font-size: 2.3rem; - font-weight: 600; - line-height: 1.15; -} - -main#content header#post-header > div { - display: block; - font-size: 0.85em; - color: #767676; -} - -main#content #toc { - border: 1px solid #b1b1b1; - border-radius: 1px; - line-height: 26px; - margin: 16px 0; - padding: 9px 14px; -} - -main#content #toc h4 { - font-size: 1.06em; - color: #3d3d3d; - margin: 0; -} - -main#content #toc nav#TableOfContents { - margin-top: 4px; -} - -main#content #toc nav#TableOfContents > ul, main#content #toc nav#TableOfContents > ol { - margin-left: -40px; -} - -main#content #toc ul, main#content #toc ol { - font-size: 0.98em; - margin: 0; - padding: 0 0 0 40px; -} - -main#content #toc ul { - list-style-type: none; -} - -main#content #toc ol { - counter-reset: item; -} - -main#content #toc ol li { - display: block; -} - -main#content #toc ol li:before { - content: counters(item, ".") ". "; - counter-increment: item; -} - -main#content img { - max-width: 100%; - margin: 0 auto; -} - -main#content figure { - margin: 16px 0; -} - -main#content figure img { - display: block; - max-width: 100%; - margin: 0 auto; -} - -main#content figure figcaption { - font-size: 0.92em; - font-style: italic; - line-height: 22px; - text-align: center; - margin-top: 6px; - padding: 0 10px; -} - -main#content figure figcaption h4 { - font-style: normal; - display: inline; - margin: 0; -} - -main#content figure figcaption p { - display: inline; - margin: 0; - padding-left: 8px; -} - -main#content blockquote { - font-style: italic; - margin-top: 10px; - margin-bottom: 10px; - margin-left: 50px; - padding-left: 15px; - border-left: 3px solid #ccc; -} - -main#content code, -main#content pre { - font-family: 'Menlo', monospace; -} - -main#content code { - font-size: 0.96em; - padding: 0 5px; -} - -main#content pre { - display: block; - overflow-x: auto; - font-size: 14px; - font-size: 1.4rem; - white-space: pre; - margin: 20px 0; - padding: 1.5rem 1.5rem; - line-height: 1.4; -} - -main#content pre code { - padding: 0; -} - -main#content section.footnotes { - font-size: 0.9em; -} - -footer#footer { - font-size: 14px; - font-size: 1.4rem; - font-weight: 400; - color: #b3b3b3; - margin: 40px 0; -} diff --git a/assets/css/min770px.css b/assets/css/min770px.css deleted file mode 100644 index dfa9450..0000000 --- a/assets/css/min770px.css +++ /dev/null @@ -1,54 +0,0 @@ -@media (min-width: 770px) { -body { - width: 800px; - line-height: 1.5; - background: #b5b5b5; - font-size: 12px; -} - -main#content hr { - width: 108%; - margin-left: -3.8%; -} - -/* index.html styles */ -header#banner h2 { - font-size: 25px; - font-size: 2.5rem; -} - -main#content h3 { - font-size: 20px; - font-size: 2rem; -} - -main#content ul#posts { - font-size: 18px; - font-size: 1.8rem; -} - -/* single.html styles */ -main#content header#post-header h1 { - font-size: 24px; - font-size: 2.4rem; -} - -main#content img { - max-width: 108%; - margin-left: -3.8%; -} - -main#content figure { - margin-left: -3.8%; -} - -main#content figure img { - max-width: 108%; -} - -main#content pre { - width: 108%; - margin-left: -3.8%; - padding: 1.5rem 2.2rem; -} -} |