Markdown footnote styling!
[Ultimately_Untrue_Thought.git] / theme / static / css / main.css
index 909a71c..8531a76 100644 (file)
@@ -3,7 +3,7 @@
 @import url("pygment.css");
 
 
-/* Latout */
+/* Layout */
 
 article,
 figcaption,
@@ -16,15 +16,9 @@ time {
   display: block;
 }
 
-html {
-  font-size: 100%;
-  -ms-text-size-adjust: 100%;
-  -webkit-text-size-adjust: 100%;
-}
 body {
   font-family: 'Source Sans Pro', sans-serif;
-  font-size: 16px;
-  line-height: 150%;
+  font-size: 14px;
   text-align: left;
   color: #1D1D1D;
   padding: 0;
@@ -59,7 +53,7 @@ header {
 
 footer {
   border-top: 1px dotted #D6D6D6;
-  line-height: 30px;
+  line-height: 15px;
   padding: 0 1em;
   font-size: 0.8em;
 }
@@ -185,6 +179,7 @@ article.summary > div {
 article .metadata,
 article.full .metadata,
 article.summary .metadata {
+  background: #FFFFFF;
   padding: 1%;
   border: 1px dotted #EFEFEF;
   box-shadow: 0.1em 0.1em 0.1em #EFEFEF;
@@ -208,6 +203,15 @@ article.summary .metadata {
   margin: 0;
 }
 
+
+blockquote {
+    background: #F0F0F0;
+    border-left: 10px solid #C07095;
+    margin: 1.5em 10px;
+    padding: 0.5em 10px;
+}
+
+
 /* Listings */
 
 ol.archive li {
@@ -223,6 +227,7 @@ ol.archive li .tags
 }
 
 
+
 /* Social */
 
 .social {
@@ -298,3 +303,68 @@ li.tag-4 { font-size: 110%; margin: 0 1em; }
     margin: 0 4%;
   }
 }
+
+
+/* tag cloud */
+
+span.tag-1 {
+    font-size: 160%;
+}
+span.tag-2 {
+    font-size: 140%;
+}
+span.tag-3 {
+    font-size: 125%;
+}
+span.tag-4 {
+    font-size: 110%;
+}
+span.tag-5 {
+    font-size: 95%;
+}
+span.tag-6 {
+    font-size: 75%;
+}
+
+
+/* footnotes */
+p#notes-header {
+    font-weight: bold;
+}
+
+ol.simple-footnotes {
+    font-size: 85%;
+}
+
+
+/* sidebar-aside */
+aside.boxout {
+    width: 80%;
+    font-size: 85%;
+    background-color: #E5E5E5;
+    outline-style: solid;
+    outline-color: black;
+    outline-width: 1px;
+    padding: 6px;
+}
+
+span.photo-credit {
+    font-size: 85%;
+}
+
+.dialogue > p {
+    margin: 0.25em 0 0.25em;
+}
+
+.dialogue-character-label {
+    font-weight: bold;
+    font-variant: small-caps;
+}
+
+p.flower-break {
+    text-align: center;
+}
+
+.footnote {
+    font-size: 85%;
+}