From 9fce418b46c9f0894f429384ef9e3dabaeffbeb4 Mon Sep 17 00:00:00 2001
From: Case Duckworth
Date: Tue, 14 Apr 2015 16:36:17 -0700
Subject: Change file hierarchy and rewrite makefile

- File hierarchy is now as follows:
    - /
        - appendix/  < appendix source files
        - backlinks/ < backlink sources & builds
        - hapax/     < *.hapax source files
        - scripts/   < scripts, like *.js, *.hs, etc.
        - templates/ < templates for outputs
        - text/      < source files
        - trunk/     < assets, like css, images, heads, etc.
        - index.html
        - *.html
        - Makefile
---
 trunk/style.css | 640 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 640 insertions(+)
 create mode 100644 trunk/style.css

(limited to 'trunk/style.css')

diff --git a/trunk/style.css b/trunk/style.css
new file mode 100644
index 0000000..5f6a289
--- /dev/null
+++ b/trunk/style.css
@@ -0,0 +1,640 @@
+/* CSS for Autocento at the breakfast table
+ * Case Duckworth | autocento.me
+ * vim: fdm=marker
+ */
+/* COMMON CSS */
+/* @IMPORTS {{{ */
+/* Playfair Display: headings */
+@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic&subset=latin,latin-ext);
+/* Linux Libertine: body text */
+@import url(trunk/libertine.css);
+/* Courier New: typewriter text */
+@import url(trunk/courier-prime.css);
+/* @imports }}} */
+/* MAIN LAYOUT ELEMENTS {{{ */
+/* HTML + BODY {{{ */
+html, body {
+    margin: 0;
+    padding: 0;
+    font-family: "Libertine", Georgia, serif;
+    font-size: 100%;
+}
+html {
+    height: 100%;
+}
+body {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    min-height: 100%;
+    padding-left: 1em;
+    padding-right: 1em;
+}
+/* html + body }}} */
+/* HEADER + .CONTAINER + .CONTENT {{{ */
+header {
+    max-width: 39em;
+    margin: auto;
+    text-align: center;
+    border-bottom: 1px solid black;
+    padding: 1em 0;
+    margin-bottom: 1em;
+    position: relative;
+}
+.container {
+    margin: 0 auto;
+    padding-bottom: 30px;
+    text-align: center;
+}
+.content {
+    line-height: 1.3em;
+}
+/* header + .container + .content }}} */
+/* NAV + .FOOTNOTES {{{ */
+nav {
+    height: 24px;
+    width: 100%;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    text-align: center;
+    overflow: hidden;
+}
+.footnotes {
+    font-size: 0.85em;
+    width: 100%;
+    position: absolute;
+    top: 100%;
+    left: 0;
+}
+/* nav + .footnotes }}} */
+/* main layout elements }}} */
+/* HEADER ELEMENTS {{{ */
+/* .TITLE + .SUBTITLE {{{ */
+.title {
+    text-align: left;
+    display: inline-block;
+    font-family: "Playfair Display", Georgia, serif;
+    font-size: 1.5em;
+    font-weight: 400;
+    letter-spacing: 0.1em;
+    text-transform: uppercase;
+    margin: 0;
+}
+.subtitle {
+    text-align: center;
+    display: block;
+    font-family: "Playfair Display", Georgia, serif;
+    font-size: 1.25em;
+    font-style: italic;
+    font-weight: 400;
+    margin-top: 0;
+    margin-bottom: 0;
+}
+/* .title + .subtitle }}} */
+/* .HEADER-EXTRA {{{ */
+/* DEDICATION {{{ */
+.dedication {
+    font-style: italic;
+    font-size: 0.92em;
+    margin-top: 1em;
+    text-align: left;
+}
+.dedication::before {
+    content: 'for ';
+    font-style: italic;
+}
+.dedication:only-child {
+    text-align: right;
+}
+/* dedication }}} */
+/* EPIGRAPH {{{ */
+.epigraph {
+    text-align: right;
+    font-size: 0.92em;
+    font-style: italic;
+    margin-top: 1em;
+}
+.epigraph p {
+    margin: 0;
+}
+.epigraph .attrib {
+    text-align: right;
+    margin-top: 0;
+    font-size: 0.92em;
+    font-style: normal;
+}
+.epigraph .attrib::before {
+    content: '– ';
+}
+/* epigraph }}} */
+.header-extra {
+    text-align: right;
+}
+.dedication,.epigraph {
+    vertical-align: bottom;
+    display: inline-block;
+    margin-left: 2%;
+    margin-right: 2%;
+    width: 45%;
+}
+/* header-extra }}} */
+/* #SRC {{{ */
+#src {
+    border: none;
+    position: absolute;
+    top: 0;
+    right: 10px;
+    color: gray;
+    font-size: 8pt;
+}
+/* #src }}} */
+/* header elements }}} */
+/* .EKPHRASTIC {{{ */
+.ekphrastic {
+    max-width: 41em;
+    /* margin-top: -1em; */
+    margin-bottom: 1em;
+    margin-left: auto;
+    margin-right: auto;
+    text-align: center;
+}
+.ekphrastic a:link { border: none; }
+/* .ekphrastic }}} */
+/* .CONTENT ELEMENTS {{{ */
+/* BLOCK ELEMENTS {{{ */
+.content :first-child {
+    margin-top: 0;
+}
+h2 {
+    font-family: "Playfair Display", Georgia, serif;
+    font-size: 1em;
+    font-weight: 600;
+}
+blockquote {
+    border-left: 1px solid gray;
+    padding-left: 2em;
+    margin-left: 2em;
+    font-style: italic;
+}
+img {
+    max-width: 100%;
+    margin: auto;
+}
+/* block elements }}} */
+/* LINKS {{{ */
+a:link {
+    padding-top: 1px;
+    color: inherit;
+    text-decoration: none;
+    border-bottom: 1px dotted black;
+}
+a:visited {
+    color: inherit;
+}
+a:hover {
+    /* text-decoration: underline; */
+    border-bottom: 1px solid black;
+}
+a:active {
+    /* text-decoration: underline; */
+    border-bottom: 1px solid black;
+}
+/* External Links */
+a[href^="http"]:link {
+    text-decoration: none;
+    border-bottom: 1px dotted #a1a3a1;
+}
+a[href^="http"]:visited {
+}
+a[href^="http"]:hover {
+    border-bottom: 1px dashed black;
+}
+a[href^="http"]:active {
+    border-bottom: 1px dashed black;
+}
+/* links }}} */
+/* .content elements }}} */
+/* NAV ELEMENTS {{{ */
+nav a:link { border-bottom: none; }
+nav a:active { border: none; }
+nav .prevlink {
+    float: left;
+    text-align: left;
+}
+nav .nextlink {
+    float: right;
+    text-align: right;
+}
+/* Properties both types of navlinks share */
+nav .prevlink, nav .nextlink {
+    margin: 0 0.5em;
+    width: 20%;
+    display: block;
+    font-size: 0.85em;
+    font-family: "Playfair Display", Georgia, serif;
+    font-style: italic;
+    text-transform: lowercase;
+    height: 20px;
+    text-decoration: none;
+    position: relative;
+    display: table;
+    vertical-align: top;
+}
+nav .prevlink::before {
+    content: ' «';
+    font-style: normal;
+    display: table-cell;
+    vertical-align: top;
+    text-align: left;
+    padding-left: 0.5em;
+    padding-right: 0.5em;
+    width: 1em;
+}
+nav .nextlink::after {
+    content: ' »';
+    font-style: normal;
+    display: table-cell;
+    vertical-align: top;
+    text-align: right;
+    padding-left: 0.5em;
+    padding-right: 0.5em;
+    width: 1em;
+}
+#randomlink {
+    text-decoration: none;
+}
+nav .anchors {
+    position: absolute;
+    width: 100%;
+    text-align: center;
+}
+nav .anchors a {
+    margin-right: 0.25em;
+    margin-left: 0.25em;
+}
+/* nav elements }}} */
+/* .FOOTNOTES ELEMENTS {{{ */
+.footnotes li {
+    margin-right: 2em;
+    border-bottom: 1px solid gray;
+    max-width: 45em;
+    margin: auto;
+}
+.footnotes li:last-child {
+    border-bottom: none;
+}
+.footnotes p::first-line {
+    font-variant: normal !important;
+}
+.footnotes a[href^="#fnref"] {
+    float: right;
+}
+a.footnoteRef {
+    border: none;
+}
+/* .footnotes elements }}} */
+/* /1* CODE {{{ *1/ */
+/* .sourceCode { */
+/*     max-width: 100%; */
+/*     overflow: auto; */
+/*     background-color: #303030; */
+/*     color: #cccccc; */
+/*     font-family: "Courier Prime", "Courier New", Courier, monospace; */
+/*     font-size: 10pt; */
+/* } */
+/* .sourceCode .kw { /1* keywords *1/ */
+/*     color: #f0dfaf; */
+/*     font-weight: bold; */
+/* } */
+/* .sourceCode .dt { /1* datatype *1/ */
+/*     color: #dfdfbf; */
+/* } */
+/* .sourceCode .dv { /1* decimal value *1/ */
+/*     color: #dcdccc; */
+/* } */
+/* .sourceCode .bn { /1* base N *1/ */
+/*     color: #dca3a3; */
+/* } */
+/* .sourceCode .fl { /1* float *1/ */
+/*     color: #c0bed1; */
+/* } */
+/* .sourceCode .ch { /1* char *1/ */
+/*     color: #dca3a3; */
+/* } */
+/* .sourceCode .st { /1* string *1/ */
+/*     color: #cc9393; */
+/* } */
+/* .sourceCode .co { /1* comment *1/ */
+/*     color: #7f9f7f; */
+/*     font-style: italic; */
+/* } */
+/* .sourceCode .ot { /1* other token *1/ */
+/*     color: #efef8f; */
+/* } */
+/* .sourceCode .at { /1* alert token *1/ */
+/*     color: #ffcfaf; */
+/* } */
+/* .sourceCode .fu { /1* function *1/ */
+/*     color: #efef8f; */
+/* } */
+/* .sourceCode .re { /1* region marker *1/ */
+/* } */
+/* .sourceCode .er { /1* error token *1/ */
+/*     color: #c3bf9f; */
+/* } */
+/* /1* code }}} *1/ */
+/* GENRE CSS */
+/* .PROSE {{{ */
+.prose {
+    display: inline-block;
+    text-align: justify;
+    max-width: 39em;
+    margin: auto;
+    hyphens: auto;
+    -moz-hyphens: auto;
+}
+.prose p::first-child::first-line {
+    font-variant: small-caps;
+    letter-spacing: 0.1em;
+}
+/* .prose }}} */
+/* .VERSE {{{ */
+.verse {
+    display: inline-block;
+    text-align: left;
+}
+.verse p {
+    margin-bottom: 1em;
+    margin-top: 1em;
+}
+.line {
+    display: block;
+    margin: 0;
+    text-indent: -1em;
+    margin-left: 1em;
+}
+/* .verse }}} */
+/* .LIST {{{ */
+.list {
+    display: inline-block;
+    text-align: left;
+    max-width: 39em;
+    margin: auto;
+    hyphens: auto;
+    -moz-hyphens: auto;
+}
+/* .list }}} */
+/* .TABLE {{{ */
+.table {
+    display: inline-block;
+    text-align: left;
+}
+/* .table }}} */
+/* PROJECT CSS */
+/* #COVER {{{ */
+/* Flexboxing {{{ */
+#cover {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    display: -webkit-box;
+    display: -moz-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-direction: normal;
+    -moz-box-direction: normal;
+    -webkit-box-orient: vertical;
+    -moz-box-orient: vertical;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-flex-wrap: nowrap;
+    -ms-flex-wrap: nowrap;
+    flex-wrap: nowrap;
+    -webkit-box-pack: center;
+    -moz-box-pack: center;
+    -webkit-justify-content: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -webkit-align-content: center;
+    -ms-flex-line-pack: center;
+    align-content: center;
+    -webkit-box-align: center;
+    -moz-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
+    }
+#cover .title {
+    -webkit-box-ordinal-group: 1;
+    -moz-box-ordinal-group: 1;
+    -webkit-order: 0;
+    -ms-flex-order: 0;
+    order: 0;
+    -webkit-box-flex: 0;
+    -moz-box-flex: 0;
+    -webkit-flex: 0 1 auto;
+    -ms-flex: 0 1 auto;
+    flex: 0 1 auto;
+    -webkit-align-self: auto;
+    -ms-flex-item-align: auto;
+    align-self: auto;
+}
+#cover .byline {
+    -webkit-box-ordinal-group: 1;
+    -moz-box-ordinal-group: 1;
+    -webkit-order: 0;
+    -ms-flex-order: 0;
+    order: 0;
+    -webkit-box-flex: 0;
+    -moz-box-flex: 0;
+    -webkit-flex: 0 1 auto;
+    -ms-flex: 0 1 auto;
+    flex: 0 1 auto;
+    -webkit-align-self: auto;
+    -ms-flex-item-align: auto;
+    align-self: auto;
+}
+#cover .anchors {
+    -webkit-box-ordinal-group: 1;
+    -moz-box-ordinal-group: 1;
+    -webkit-order: 0;
+    -ms-flex-order: 0;
+    order: 0;
+    -webkit-box-flex: 0;
+    -moz-box-flex: 0;
+    -webkit-flex: 0 1 auto;
+    -ms-flex: 0 1 auto;
+    flex: 0 1 auto;
+    -webkit-align-self: auto;
+    -ms-flex-item-align: auto;
+    align-self: auto;
+}
+/* }}} */
+#cover {
+    color: #b2d9e5;
+    background-image: url('black-streak.jpg');
+    background-position: 0 0;
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+    background-clip: border-box;
+    background-color: black;
+}
+#cover header {
+    border: none;
+    margin: auto;
+    padding: 0;
+}
+#cover .content {
+    max-width: 39em;
+    margin: auto;
+}
+#cover a {
+    text-decoration: none;
+    border: none;
+}
+#cover a:link {
+    color: #b2d9e5;
+}
+#cover a:visited {
+    color: #b2b2e5;
+}
+#cover a:hover {
+    color: #e5bfb2;
+}
+#cover a:active {
+    color: #e5e5b2;
+}
+#cover li {
+    list-style: none;
+}
+#cover .title {
+    text-transform: uppercase;
+    text-align: center;
+    font-size: 1.8em;
+    letter-spacing: 0.5em;
+    color: #efefb2;
+}
+#cover .byline {
+    font-style: italic;
+    text-align: center;
+    font-size: 1.3em;
+    letter-spacing: 0.2em;
+    color: #e5bfb2;
+}
+#cover .anchors a {
+    margin-left: 0.25em;
+    margin-right: 0.25em;
+}
+#cover .randomlink {
+    text-align: center;
+    font-size: 1em;
+    color: #e5bfb2;
+}
+/* #cover }}} */
+/* .ELEGIES {{{ */
+.elegies {
+}
+/* .elegies }}} */
+/* .HEZEKIAH {{{ */
+/* .hezekiah }}} */
+/* .STARK {{{ */
+/* TODO: Change to Everything Changes? */
+table { border-collapse: collapse; }
+td {
+    vertical-align: top;
+    padding-top: 0.25em;
+    padding-bottom: 0.25em;
+}
+tr {
+    border-bottom: 1px solid black;
+    border-top: 1px solid black;
+}
+/* .stark }}} */
+/* .PAUL {{{ */
+/* Blockquote = typewriter */
+.paul blockquote {
+    font-family: "Courier Prime", "Courier New", Courier, monospace;
+    font-style: normal;
+    font-size: 10pt;
+    border: 1px solid black;
+    max-width: 30em;
+    margin: auto;
+    padding: 1em;
+    text-align: left;
+}
+.paul blockquote :last-child {
+    margin: 0;
+}
+.paul blockquote p::first-line {
+    font-variant: normal !important;
+}
+.paul blockquote ul {
+    list-style-type: none;
+}
+.paul blockquote ul li::before {
+    content: '- ';
+}
+
+/* Emphasis = handwritten */
+.paul em {
+    /* font-family: "Playfair Display", Georgia, sans-serif; */
+    font-style: italic;
+}
+/* .paul }}} */
+/* .AUTOCENTO {{{ */
+.autocento {
+    background-color: white;
+}
+/* .autocento }}} */
+/* .BACKLINKS {{{ */
+.backlinks .daisy a:link {
+    font-size: 0.5em;
+    font-style: italic;
+    margin-left: 0.5em;
+    color: gray;
+    border: none;
+    position: relative;
+    top: -1em;
+}
+.backlinks .daisy a:visited {
+    color: #b2b2e5;
+}
+.backlinks .daisy a:hover {
+    color: #e5bfb2;
+}
+.backlinks .daisy a:active {
+    color: #e5e5b2;
+}
+/* .backlinks }}} */
+/* ARTICLE CSS */
+/* #TABLE_CONTENTS {{{ */
+#table_contents table {
+    max-width: 39em;
+}
+#table_contents tr {
+    border: none;
+}
+#table_contents td {
+    max-width: 50%;
+}
+/* #table_contents }}} */
+/* #ABOUT_AUTHOR {{{ */
+#about-the-author td {
+    vertical-align: middle;
+}
+/* #about_author }}} */
+/* #ABOUT {{{ */
+#about img {
+    max-width: 10em;
+    float: right;
+    padding-top: 0.5em;
+    padding-left: 1em;
+}
+/* #about }}} */
-- 
cgit 1.4.1-21-gabe81