X-Git-Url: http://unremediatedgender.space/source?p=Ultimately_Untrue_Thought.git;a=blobdiff_plain;f=theme%2Fstatic%2Fcss%2Fmain.css;h=057c4d0b99b3b25ba431e4aca16a05223500bb60;hp=6725c0fc4f7a85a50e61753ba3d1169904e233ff;hb=HEAD;hpb=c0423b325bfab128a28b4d19a3c51b7b418832a8

diff --git a/theme/static/css/main.css b/theme/static/css/main.css
index 6725c0f..c8fdbf8 100644
--- a/theme/static/css/main.css
+++ b/theme/static/css/main.css
@@ -1,18 +1,9 @@
-/*
-Colors :
-- #40403F
-- #4D4D4C
-- #7F7F7E
-- #E5E5E3
-- #F0F0F0
-*/
-
 /* Imports */
 
 @import url("pygment.css");
 
 
-/* Latout */
+/* Layout */
 
 article,
 figcaption,
@@ -25,23 +16,17 @@ 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: #4D4D4C;
+  color: #1D1D1D;
   padding: 0;
   min-width: 740px;
 }
 
 header {
-  background-color: #40403F;
+  background-color: #101010;
   height: 50px;
   line-height: 50px;
   padding: 0 1em;
@@ -68,7 +53,7 @@ header {
 
 footer {
   border-top: 1px dotted #D6D6D6;
-  line-height: 30px;
+  line-height: 15px;
   padding: 0 1em;
   font-size: 0.8em;
 }
@@ -128,8 +113,10 @@ h1, h2, h3, h4, h5, h6 {
 
 h1 {
   font-size: 2em;
-  margin: 0.67em 0;
-  padding: 0.7em 0 0.3em;
+}
+
+h3 {
+  font-size: 1.35em;
 }
 
 h1 a {
@@ -145,15 +132,15 @@ p {
 }
 
 a {
-  text-decoration: none;
-  border-bottom: 1px dotted #4D4D4C;
-  color: #4D4D4C;
+    color: inherit;
+    text-decoration: dotted underline #4D4D4C from-font;
+    text-underline-position: from-font;
+    text-underline-offset: 0.1em;
 }
 
 a:hover, a:active {
-  text-decoration: none;
-  border-bottom: 1px dotted #4271AE;
-  color: #4271AE;
+    color: #C07095;
+    text-decoration-color: currentcolor;
 }
 
 .literal {
@@ -176,7 +163,6 @@ pre {
 }
 
 hr {
-  margin: 40px 5% 60px 5%;
   color: #d6d6d6;
   box-shadow: 0.1em 0.1em 0.1em #EFEFEF;
   border-radius: 5px;
@@ -194,14 +180,17 @@ article.summary > div {
   margin-left: 28%;
 }
 
+article .metadata,
 article.full .metadata,
 article.summary .metadata {
-  padding: 1%;  
+  background: #FFFFFF;
+  padding: 1%;
   border: 1px dotted #EFEFEF;
   box-shadow: 0.1em 0.1em 0.1em #EFEFEF;
   font-style: italic;
 }
 
+article .metadata,
 article.full .metadata {
   width: 25%;
   float: right;
@@ -218,6 +207,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 {
@@ -233,6 +231,7 @@ ol.archive li .tags
 }
 
 
+
 /* Social */
 
 .social {
@@ -246,7 +245,7 @@ ol.archive li .tags
 
 .social a {}
 
-.social i { 
+.social i {
   float: left;
   margin-right: 3px;
   padding-top: 4px;
@@ -309,3 +308,145 @@ li.tag-4 { font-size: 110%; margin: 0 1em; }
   }
 }
 
+
+/* 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%;
+}
+
+.comments-link-container {
+    font-weight: bold;
+    font-size: 85%;
+}
+
+/* XXX—why isn't this working?! https://stackoverflow.com/questions/15643614/double-underline-tag */
+.extra-underline {
+    text-decoration: underline;
+    border-bottom: 3px double solid #000;
+}
+
+
+/* Thanks to Said Achmiz for table-of-contents styling */
+.toc {
+	max-width: 50%;
+	font-size: 0.85em;
+	padding: 0.5em;
+	margin: 1.5em 0;
+	border: 2px dotted #d6d6d6;
+}
+.toctitle {
+	display: block;
+	margin: 0 0 0.5em 0.375em;
+	opacity: 0.5;
+}
+.toc ul {
+	list-style-type: none;
+	padding-left: 1.5em;
+	margin: 0;
+	line-height: 1.2;
+}
+.toc li {
+	text-indent: -1.5em;
+	margin-bottom: 0.25em;
+	padding-left: 1.5em;
+	position: relative;
+}
+.toc li::before {
+	content: counter(list-item);
+	position: absolute;
+	width: 1em;
+	text-indent: 0;
+	right: calc(100% + 0.5em);
+	text-align: right;
+	color: #bbb;
+}
+
+/* remove link underlines for navigational links */
+.toc a {
+    text-decoration: none;
+}
+.title {
+    text-decoration: none;
+}
+.pages a {
+    text-decoration: none;
+}
+.content h1 a {
+    text-decoration: none;
+}
+
+
+/* And thanks again to Said Achmiz for making superscripts not mess up line spacing. */
+sup, sub {
+	position: relative;
+	vertical-align: baseline;
+	font-size: 0.8em;
+}
+sup {
+	bottom: 0.4em;
+}
+sup a {
+	padding: 0 0.1em;
+}
+sub {
+	top: 0.25em;
+}