diff options
author | Nan Xiao <road2stat@gmail.com> | 2018-10-17 07:56:21 +0300 |
---|---|---|
committer | Nan Xiao <road2stat@gmail.com> | 2018-10-17 07:56:21 +0300 |
commit | 18c9eb82e4eb5ac3a9f775e64aa04ad560cd2e0a (patch) | |
tree | 70a45747eefdf231b5671ee16cf0b02e1191535b | |
parent | 69674b06e1a2e5cc4482f0c2d77eb247fcc21d9b (diff) |
beautify css
-rw-r--r-- | static/css/style.css | 159 |
1 files changed, 42 insertions, 117 deletions
diff --git a/static/css/style.css b/static/css/style.css index c0ed88e..63a89c6 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -8,7 +8,6 @@ color: #333; text-decoration-skip: ink; } - body { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-size: 17px; @@ -17,39 +16,31 @@ body { max-width: 700px; margin: auto; } - p { margin: 20px 0; } - 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: 14px; padding: 4px; } - pre { margin-top: 0; margin-bottom: 16px; @@ -59,7 +50,6 @@ pre { font-size: 85%; line-height: 1.45; } - pre>code { padding: 0; margin: 0; @@ -69,7 +59,6 @@ pre>code { background: transparent; border: 0; } - pre code { display: inline; max-width: auto; @@ -81,223 +70,173 @@ pre code { background-color: transparent; border: 0; } - -pre code::before, -pre code::after { +pre code::before, pre code::after { content: normal; } - /* footnotes */ - - sup { - vertical-align: super; - font-size: .75em; - } - +sup { + vertical-align: super; + font-size: .75em; +} .footnotes { font-size: .9em; } - /* figure captions */ - .caption { - text-align: center + text-align: center } - em,q,em,dfn { font-style:italic; } - .sans,html .gist .gist-file .gist-meta { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } - .mono,pre,code,tt,p code,li code { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; } - .heading,.serif,h1,h2,h3 { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-weight: 600; line-height: 120%; } - strong { font-weight:600; } - q:before { content:"\201C"; } - q:after { content:"\201D"; } - del,s { text-decoration:line-through; } - blockquote { text-align:center; padding:16px; } - blockquote p { display:inline-block; font-style:italic; } - blockquote:before,blockquote:after { content: "\201C"; font-size: 35px; color: #738491; } - blockquote:after { content: "\201D"; } - hr { width:40%; height: 1px; background:#738491; 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: #738491; font-size: 15px; } - #sub-header { margin: 0 4px; } - #nav h1 a { font-size: 35px; color: #333; line-height: 120%; } - .posts_listing a,#nav a { text-decoration: none; } - li { margin-left: 20px; } - ul li { margin-left: 5px; } - ul li { list-style-type: none; } ul li:before { content:"\00BB \0020 \00a0"; } - #nav ul li:before, .posts_listing li:before { content:''; margin-right:0; } - #content { text-align: left; width: 100%; font-size: 17px; padding: 60px 0 80px; } - #content h1,#content h2 { margin-bottom: 5px; } - #content h2 { font-size: 25px; } - #content .entry-content { margin-top: 16px; } - #content time { margin-left:3px; } - #content h1 { font-size: 30px; } - .highlight { margin: 10px 0; } - .posts_listing { margin:0 0 50px; } - .posts_listing li { margin:0 0 25px 15px; } - .posts_listing li a:hover,#nav a:hover { text-decoration: underline; } - #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: 16px; 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: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-size: 200px; @@ -305,71 +244,57 @@ ul li:before { display: inline-block; padding-top: 225px; } - @media (max-width: 750px) { body { - padding-left:20px; - padding-right:20px; - } - + padding-left:20px; + padding-right:20px; + } #nav h1 a { - font-size: 28px; - } - + font-size: 28px; + } #nav li { - font-size: 16px; - padding: 0 16px; - } - + font-size: 16px; + padding: 0 16px; + } #content { - margin-top: 0; - padding-top: 50px; - font-size: 16px; - } - + margin-top: 0; + padding-top: 50px; + font-size: 16px; + } #content h1 { - font-size: 25px; - } - + font-size: 25px; + } #content h2 { - font-size: 22px; - } - + font-size: 22px; + } .posts_listing li div { - font-size: 12px; - } + font-size: 12px; + } } - @media (max-width: 400px) { body { - padding-left:20px; - padding-right:20px; - } - + padding-left:20px; + padding-right:20px; + } #nav h1 a { - font-size: 22px; - } - + font-size: 22px; + } #nav li { - font-size: 14px; - padding: 0 12px; - } - + font-size: 14px; + padding: 0 12px; + } #content { - margin-top: 0; - padding-top: 20px; - font-size: 16px; - } - + margin-top: 0; + padding-top: 20px; + font-size: 16px; + } #content h1 { - font-size: 20px; - } - + font-size: 20px; + } #content h2 { - font-size: 18px; - } - + font-size: 18px; + } .posts_listing li div{ - font-size: 12px; - } + font-size: 12px; + } } |