aboutsummaryrefslogtreecommitdiff
path: root/source/css/theme.css
diff options
context:
space:
mode:
authorZhiming Wang <zmwangx@gmail.com>2015-05-04 18:45:17 -0700
committerZhiming Wang <zmwangx@gmail.com>2015-05-04 18:45:17 -0700
commit07bf43a314fe65ccd9c7cb663c3c6134a47cc269 (patch)
tree93104d3f07143b1e62d773d95dd973888cdd7f27 /source/css/theme.css
parentee374553f2ba385157eec9a816cf9b023fbfb18a (diff)
downloadmy_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.css90
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;
+}