diff options
author | Zhiming Wang <zmwangx@gmail.com> | 2015-05-04 18:45:17 -0700 |
---|---|---|
committer | Zhiming Wang <zmwangx@gmail.com> | 2015-05-04 18:45:17 -0700 |
commit | 07bf43a314fe65ccd9c7cb663c3c6134a47cc269 (patch) | |
tree | 93104d3f07143b1e62d773d95dd973888cdd7f27 /source/css/theme.css | |
parent | ee374553f2ba385157eec9a816cf9b023fbfb18a (diff) | |
download | my_new_personal_website-07bf43a314fe65ccd9c7cb663c3c6134a47cc269.tar.xz my_new_personal_website-07bf43a314fe65ccd9c7cb663c3c6134a47cc269.zip |
edit posts and (mostly) figured out the theme
Also wrote pyblog that currently can generate parts most of the blog.
Diffstat (limited to 'source/css/theme.css')
-rw-r--r-- | source/css/theme.css | 90 |
1 files changed, 90 insertions, 0 deletions
diff --git a/source/css/theme.css b/source/css/theme.css new file mode 100644 index 00000000..b06fe2a2 --- /dev/null +++ b/source/css/theme.css @@ -0,0 +1,90 @@ +body { + color: #333; + font-family: "PT Serif", serif +} + +nav { + position: fixed; + left: 5%; + top: 10%; +} + +article { + position: absolute; + width: 50%; + left: 20%; + padding: 5%; + font-size: 11pt; + text-align: justify; +} + +h1.title { + text-align: center; + font-size: 18pt; +} + +h2 { + text-align: center; + font-size: 14pt; +} + +h2.meta { + font-size: 11pt; + font-weight: normal; + font-style: italic; +} + +h3 { + font-size: 12pt; +} + +code { + font-family: 'Courier', monospace; + font-size: 10.5pt; +} + +pre { + margin: 0 2em; +} + +pre code { + font-size: 10pt; +} + +blockquote { + margin: 0 2em; + font-style: italic; +} + +img { + display: block; + max-width: 100%; + max-height: 100%; + margin-left: auto; + margin-right: auto; +} + +.figure .caption { + text-align: center; + font-size: 10pt; +} + +a { + color: #333; +} + +footer { + text-align: right; +} + +footer .cc-icon { + width: 16px; + height: 16px; + padding: 0 4px; + display: inline-block; + background-image: url("http://mirrors.creativecommons.org/presskit/icons/cc.svg"); + background-repeat: no-repeat; + background-position: center; + background-size: 16px; + vertical-align: middle; +} |