Change template and CSS for flatter structure

- Change CSS to one file
- Change template to reflect CSS flattening

23 files changed, 0 insertions, 534 deletions

@@ -1,257 +0,0 @@
-/* Common CSS for all of Autocento at the breakfast table
- * vim: fdm=marker
- */
-/* 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) */
-@import url("fonts/libertine.css");
-/* @import url("fonts/courier-prime.css");
- * ^^^^^^ for typewriter pages in Paul */
-/* imports }}} */
-/* LAYOUT {{{ */
-html, body {
-    margin: 0;
-    padding: 0;
-
-    font-family: "Libertine", serif;
-    font-size: 100%; /* = 12pt = 16px */
-}
-html { height: 100%; }
-body {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    min-height: 100%;
-    padding-left: 1em;
-    padding-right: 1em;
-}
-header {
-    max-width: 39em;
-    margin: auto;
-    text-align: center;
-    border-bottom: 1px solid black;
-    padding: 1em 0;
-    margin-bottom: 1em;
-}
-.title {
-    text-align: left;
-    display: inline-block;
-}
-.subtitle {
-    text-align: center;
-    display: block;
-}
-.dedication {
-    text-align: left;
-}
-#container {
-    /* max-width: 39em; */
-    margin: 0 auto;
-    padding-bottom: 30px;
-}
-.content p:first-child {
-    margin-top: 0
-}
-.content {
-    line-height: 1.3em;
-}
-blockquote {
-    border-left: 1px solid gray;
-    padding-left: 2em;
-    margin-left: 2em;
-    font-style: italic;
-}
-nav {
-    height: 24px;
-    width: 100%;
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    text-align: center;
-}
-.footnotes {
-    font-size: 0.85em;
-    width: 100%;
-    position: absolute;
-    top: 100%;
-    left: 0;
-}
-.footnotes li {
-    margin-right: 2em;
-    border-bottom: 1px solid gray;
-    max-width: 45em;
-    margin: auto;
-}
-.footnotes li:last-child {
-    border-bottom: none;
-}
-/* layout }}} */
-/* HEADINGS {{{ */
-.title {
-    font-family: "Playfair Display", Georgia, serif;
-    font-size: 1.5em;
-    /* font-weight: bold; */
-    font-weight: 400;
-    letter-spacing: 0.1em;
-    text-transform: uppercase;
-    margin: 0;
-}
-.subtitle {
-    font-family: "Playfair Display", Georgia, serif;
-    font-size: 1.25em;
-    font-style: italic;
-    font-weight: 400;
-    /* position: relative; */
-    /* top: -0.5em; */
-    margin-top: 0;
-    margin-bottom: 0;
-}
-h2 {
-    font-family: "Playfair Display", Georgia, serif;
-    font-size: 1em;
-    font-weight: 600;
-}
-header {
-    position: relative;
-}
-/* headings }}} */
-/* 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 }}} */
-/* IMAGES {{{ */
-.ekphrastic {
-    max-width: 41em;
-    /* margin-top: -1em; */
-    margin-bottom: 1em;
-    margin-left: auto;
-    margin-right: auto;
-    text-align: center;
-}
-.ekphrastic a:link { border: none; }
-img {
-    max-width: 100%;
-    margin: auto;
-}
-/* images }}} */
-/* HEADER-EXTRA {{{ */
-.header-extra {
-    text-align: right;
-}
-.dedication,.epigraph {
-    vertical-align: bottom;
-    display: inline-block;
-    margin-left: 2%;
-    margin-right: 2%;
-    width: 45%;
-}
-/* DEDICATION {{{ */
-.dedication {
-    font-style: italic;
-    font-size: 0.92em;
-    margin-top: 1em;
-}
-.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 }}} */
-/* NAV {{{ */
-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;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    text-decoration: none;
-    position: relative;
-}
-nav .prevlink::before {
-    content: ' «';
-    font-style: normal;
-}
-nav .nextlink::after {
-    content: ' »';
-    font-style: normal;
-}
-#lozenge {
-    position: absolute;
-    left: 50%;
-    text-decoration: none;
-}
-/* nav }}} */
-/* FOOTNOTES {{{ */
-.footnotes p::first-line {
-    font-variant: normal !important;
-}
-.footnotes a[href^="#fnref"] {
-    float: right;
-}
-a.footnoteRef {
-    border: none;
-}
-/* footnotes }}} */
@@ -1,137 +0,0 @@
-/* vim: fdm=marker
- */
-@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic&subset=latin,latin-ext);
-/* 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;
-    }
-.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;
-}
-.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;
-}
-.lozenge {
-    -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;
-}
-/* }}} */
-body {
-    font-family: "Playfair Display", Georgia, serif;
-    font-weight: 400;
-    font-size: 100%;
-    color: #b2d9e5;
-}
-#cover {
-    background-image: url('../img/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;
-}
-a {
-    text-decoration: none;
-}
-a:link {
-    color: #b2d9e5;
-}
-a:visited {
-    color: #b2b2e5;
-}
-a:hover {
-    color: #e5bfb2;
-}
-a:active {
-    color: #e5e5b2;
-}
-li {
-    list-style: none;
-}
-.title {
-    text-transform: uppercase;
-    text-align: center;
-    font-size: 1.8em;
-    letter-spacing: 0.5em;
-    color: #efefb2;
-}
-.byline {
-    font-style: italic;
-    text-align: center;
-    font-size: 1.3em;
-    letter-spacing: 0.2em;
-    color: #e5bfb2;
-}
-.lozenge {
-    text-align: center;
-    font-size: 1em;
-    color: #e5bfb2;
-}
@@ -1,30 +0,0 @@
-/* COURIER PRIME FONT for Autocento project.
- * ONLY PUT @font-face RULES HERE.
- */
-
-/* Normal = normal */
-@font-face {
-    font-family: "Courier Prime";
-    font-weight: normal;
-    font-style: normal;
-    src: url("Courier_Prime.ttf");
-}
-@font-face {
-    font-family: "Courier Prime";
-    font-weight: normal;
-    font-style: italic;
-    src: url("Courier_Prime_Italic.ttf");
-}
-/* Bold = bold */
-@font-face {
-    font-family: "Courier Prime";
-    font-weight: bold;
-    font-style: normal;
-    src: url("Courier_Prime_Bold.ttf");
-}
-@font-face {
-    font-family: "Courier Prime";
-    font-weight: bold;
-    font-style: italic;
-    src: url("Courier_Prime_Bold_Italic.ttf");
-}
@@ -1,31 +0,0 @@
-/* CSS for Linux Libertine family of fonts */
-
-@font-face {
-    font-family: "Libertine";
-    src: url('LinLibertine_R.woff'),
-         url('LinLibertine_R.otf');
-    font-weight: 400;
-    font-style: normal;
-}
-@font-face {
-    font-family: "Libertine";
-    src: url('LinLibertine_RB.woff'),
-         url('LinLibertine_RB.otf');
-    font-weight: 700;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: "Libertine";
-    src: url('LinLibertine_RI.woff'),
-         url('LinLibertine_RI.otf');
-    font-weight: 400;
-    font-style: italic;
-}
-@font-face {
-    font-family: "Libertine";
-    src: url('LinLibertine_RBI.woff'),
-         url('LinLibertine_RBI.otf');
-    font-weight: 700;
-    font-style: italic;
-}
@@ -1,34 +0,0 @@
-/* BUILDINGS OUT OF AIR: PAUL IN THE WOODS
- * project stylesheet
- */
-
-/* Playfair Display (headings) */
-@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic&subset=latin,latin-ext);
-/* Fira Sans (body) */
-@import url(http://code.cdn.mozilla.net/fonts/fira.css);
-
-/* Blockquote = typewriter */
-blockquote {
-    font-family: "Courier Prime", "Courier New", Courier, monospace;
-    font-size: 10pt;
-    border: 1px solid black;
-    max-width: 30em;
-    margin: auto;
-    padding: 0 1em;
-    text-align: left;
-}
-blockquote p::first-line {
-    font-variant: normal !important;
-}
-blockquote ul {
-    list-style-type: none;
-}
-blockquote ul li::before {
-    content: '- ';
-}
-
-/* Emphasis = handwritten */
-em {
-    /* font-family: "Playfair Display", Georgia, sans-serif; */
-    font-style: italic;
-}
@@ -1,18 +0,0 @@
-/* PROSE css for Autocento.
- * for PROSE considerations ONLY, e.g.:
- * line-height
- * hyphenation
- * etc.
- */
-
-.prose {
-    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;
-}
@@ -1,12 +0,0 @@
-/* STARK RAVING css project rules */
-
-/* TABLES {{{ */
-table { border-collapse: collapse; }
-td {
-    vertical-align: top;
-}
-tr {
-    border-bottom: 1px solid #aaa;
-    border-top: 1px solid #aaa;
-}
-/* tables }}} */
@@ -1,15 +0,0 @@
-/* VERSE css for Autocento.
- * for VERSE considerations ONLY, e.g.:
- * line breaks
- * how to continue lines
- * etc.
- */
-
-#container {
-    text-align: center;
-}
-
-.verse {
-    display: inline-block;
-    text-align: left;
-}