diff options
Diffstat (limited to 'users/fcuny/blog/static/css')
-rw-r--r-- | users/fcuny/blog/static/css/custom.css | 201 |
1 files changed, 201 insertions, 0 deletions
diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css new file mode 100644 index 0000000..70ce618 --- /dev/null +++ b/users/fcuny/blog/static/css/custom.css @@ -0,0 +1,201 @@ +body { + font-family: sans-serif; + font-size: 1em; + line-height: 1.8em; + color: #0e0e0b; + margin: 1em auto; + padding: 0 0.55em; + max-width: 50rem; +} + +h1 { + color: #0e0e0b; + font-size: 2rem; + margin-top: 1em; + margin-bottom: 0.34em; +} + +h2, h3 { + border-bottom: 1px solid #eee; + font-style: italic; +} +h2 { + margin-top: 1.25em; + margin-bottom: 0.41em; + font-size: 1.4rem; +} +h3 { + margin-top: 1.5em; + margin-bottom: 0.5em; + font-size: 1.2rem; +} + +hr{ + color:#000111; + background-color:#000111; + border:none; + height:1px +} + +a { + color:#047bc2; + transition:color .1s ease-in-out; +} + +a:link, +a:hover, +a:focus, +a:active { + color:#047bc2; + text-decoration: underline; + text-underline-offset:.2rem +} + +span.published, span.updated { + display: center; + font-style: oblique; +} + +code { + font-family: monospace; + padding-left: 0.2em; + padding-right: 0.2em; + border-radius: 4px; +} + +p code { + color: black; + background-color: #eee; + padding: 0 0.2rem; + font-size: 1.1em; +} + +pre { + font-family: monospace; + font-size: 1.1em; + margin: 0; + word-wrap: normal; + padding: 0.8em; + overflow-x: auto; + border: 1px solid #eee; + border-radius: 3px; + background-color: #fafafa; +} + +#meta { + display: row; +} + +#meta_tags { + border-radius: 8px; + padding: 0 .5rem; + font-size: 0.9rem; + border: 2px solid #eee; + background-color: #eee; +} + +#meta_tags a { + text-decoration: none; + border-bottom: none; + color: #005a9c; +} + +#meta_date { + font-style: italic; + font-size: 0.9rem; +} + +table { + width: 100%; + border-spacing: 0px; + outline: none; +} + +td{ + padding-right: 0.7em; + padding-top: 0.4em; + padding-bottom: 0.4em; +} +thead { + color: #000; + font-style: bold; + text-align: left; +} +table, th, td { + font-family: monospace; + color: #000; +} + +blockquote { + font-size: 0.95rem; + font-style: italic; + margin: 0 0 1.5em; + padding-left: 1em; + border-left: .2em solid #bdbdbd +} + +nav { + padding-right: 10px; + font-size: 1.4em; + display: flex; + font-family: monospace; + justify-content: space-between; + align-items: center; + padding-top: 0.5rem; +} + +.nav-links { + list-style: none; + display: flex; +} + +.navbar a { + display: inline-block; + text-decoration: none; +} + +.navbar a:hover { + background-color: #b72d2d; + color: #fafafa; + text-decoration: none; +} + +.nav-bold { + font-weight: 700; + color: #b72d2d; + text-decoration: none; +} + +article { + text-align: justify; +} + +.post-permalink { + list-style: none; + margin-left: -20px; +} + +.post-date { + font-family: monospace; + font-weight: 400; + font-size: 1.1em; +} + +footer { + border-top: 2px solid #eee; + margin-top: 2em; + display: flex; + flex-direction: row; + justify-content: left; + align-items: left; +} + +footer a, footer a:link, footer a:focus, footer a:active, footer a:hover { + color: black; + text-decoration: none; + padding: 5px; +} + +footer a:not(:first-child) { + margin-left: 15px; +} |