-/*
-Colors :
-- #40403F
-- #4D4D4C
-- #7F7F7E
-- #E5E5E3
-- #F0F0F0
-*/
-
/* Imports */
@import url("pygment.css");
-/* Latout */
+/* Layout */
article,
figcaption,
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;
footer {
border-top: 1px dotted #D6D6D6;
- line-height: 30px;
+ line-height: 15px;
padding: 0 1em;
font-size: 0.8em;
}
h1 {
font-size: 2em;
- margin: 0.67em 0;
- padding: 0.7em 0 0.3em;
+}
+
+h3 {
+ font-size: 1.35em;
}
h1 a {
}
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 {
}
hr {
- margin: 40px 5% 60px 5%;
color: #d6d6d6;
box-shadow: 0.1em 0.1em 0.1em #EFEFEF;
border-radius: 5px;
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;
margin: 0;
}
+
+blockquote {
+ background: #F0F0F0;
+ border-left: 10px solid #C07095;
+ margin: 1.5em 10px;
+ padding: 0.5em 10px;
+}
+
+
/* Listings */
ol.archive li {
}
+
/* Social */
.social {
.social a {}
-.social i {
+.social i {
float: left;
margin-right: 3px;
padding-top: 4px;
}
}
+
+/* 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;
+}
+.toc a {
+ border: 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;
+}