1 files changed, 425 insertions, 0 deletions
diff --git a/static/css/base.css b/static/css/base.css
new file mode 100644
index 0000000..9d732bc
--- /dev/null
+++ b/static/css/base.css
@@ -0,0 +1,425 @@
+/* Public domain 2017. All rights waived */
+
+a:link, a:visited {
+    border-color: #F4BB15;
+    border-style: none none solid none;
+    border-width: thin;
+    color: #1A1A1A;
+    text-decoration: none;
+}
+
+a:active, a:focus, a:hover {
+    border-color: #F49B15;
+    border-style: none none dashed none;
+    color: black;
+}
+
+a img {
+    border-style: none;
+}
+
+abbr {
+    cursor: help;
+}
+
+blockquote {
+    color: #565656;
+    font-style: italic;
+}
+
+body {
+    font-family: sans-serif;
+    font-size: 16px;
+    margin: 0;
+}
+
+code {
+    color: maroon;
+    font-size: 0.8em;
+}
+
+code, pre {
+    font-family: monospace;
+}
+
+html {
+    background-color: #333;
+}
+
+main {
+    background-color: white;
+}
+
+pre {
+    background-color: #F2EFE4;
+    border-style: solid;
+    border-color: #D4CBB6;
+    border-radius: .3em;
+    border-width: thin;
+    overflow: auto;
+    padding: 2em;
+}
+
+pre,
+pre code {
+    color: inherit;
+    font-size: 0.9em;
+}
+
+table {
+    border-collapse: collapse;
+    width: 100%;
+}
+
+table, td, th {
+    border-color: gray;
+    border-style: solid;
+    border-width: thin;
+}
+
+td, th {
+    padding: 5px 10px;
+}
+
+td {
+    font-size: 0.9em;
+}
+
+th {
+    background-color: #F5F5F5;
+}
+
+.centered-block {
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.centered-text {
+    text-align: center;
+}
+
+.fineprint {
+    font-size: small;
+}
+
+.float-cleaner {
+    clear: both;
+}
+
+.hidden {
+    visibility: hidden;
+}
+
+.justify {
+    text-align: justify;
+}
+
+.justify-left {
+    text-align: left;
+}
+
+.justify-right {
+    text-align: right;
+}
+
+.mono {
+    font-family: monospace;
+}
+
+.light-text {
+    color: #E6E6E6;
+}
+
+.limit-width {
+    max-width: 960px;
+}
+
+.link-more:active,
+.link-more:focus,
+.link-more:hover {
+    color: black;
+}
+
+.link-more-light:link,
+.link-more-light:visited {
+    color: #E6E6E6;
+}
+
+.link-light:active,
+.link-light:focus,
+.link-light:hover {
+    color: black;
+}
+
+.link-light:link,
+.link-light:visited {
+    border-style: none;
+    color: #E6E6E6;
+    font-size: 1.2em;
+    line-height: 20px;
+    margin: 20px 0;
+    padding-right: 30px;
+}
+
+.link-subtle:link,
+.link-subtle:visited {
+    border-color: transparent;
+    color: #4D4D4D;
+}
+
+.link-subtle:active,
+.link-subtle:focus,
+.link-subtle:hover {
+    border-color: #4D4D4D;
+    color: black;
+}
+
+.link-yellow:link,
+.link-yellow:visited {
+    border-style: none;
+    color: #F4BB15;
+}
+
+.link-yellow:active,
+.link-yellow:focus,
+.link-yellow:hover {
+    color: #F49B15;
+}
+
+.page-number-indicator {
+    display: block;
+    font-size: 0.4em;
+    font-weight: normal;
+    padding: 10px 5px;
+}
+
+.page-selector {
+    box-sizing: border-box;
+    padding: 20px;
+}
+
+.unpadded {
+    padding: 0;
+}
+
+.responsive-image {
+    display: block;
+    height: auto;
+    max-width: 100%;
+}
+
+.sheet {
+    box-sizing: border-box;
+}
+
+.table-box {
+    overflow-x: auto;
+}
+
+
+@media screen and (min-width: 1280px) {
+    .sheet {
+        display: inline-block;
+        vertical-align: top;
+        width: 75%;
+    }
+
+    .sheet-padded {
+        padding-right: 20px;
+    }
+}
+
+.bold {
+    font-weight: bold;
+}
+
+.centered-block {
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.centered-text {
+    text-align: center;
+}
+
+.fineprint {
+    font-size: small;
+}
+
+.float-cleaner {
+    clear: both;
+}
+
+.hidden {
+    visibility: hidden;
+}
+
+.justify {
+    text-align: justify;
+}
+
+.justify-left {
+    text-align: left;
+}
+
+.justify-right {
+    text-align: right;
+}
+
+.mono {
+    font-family: monospace;
+}
+
+.light-text {
+    color: #E6E6E6;
+}
+
+.limit-width {
+    max-width: 960px;
+}
+
+.page-number-indicator {
+    display: block;
+    font-size: 0.4em;
+    font-weight: normal;
+    padding: 10px 5px;
+}
+
+.page-selector {
+    box-sizing: border-box;
+    padding: 20px;
+}
+
+.unpadded {
+    padding: 0;
+}
+
+.responsive-image {
+    display: block;
+    height: auto;
+    max-width: 100%;
+}
+
+.sheet {
+    box-sizing: border-box;
+}
+
+.table-box {
+    overflow-x: auto;
+}
+
+@media screen and (min-width: 1280px) {
+    .sheet {
+        display: inline-block;
+        vertical-align: top;
+        width: 75%;
+    }
+
+    .sheet-padded {
+        padding-right: 20px;
+    }
+}
+
+#post-list {
+    list-style: none;
+    padding-left: 11em;
+    font-size: 1.6em;
+}
+
+#post-list li {
+    min-height: 3em;
+}
+
+#post-list li time {
+    float: left;
+    font-size: 1em;
+    margin-left: -7em;
+    display: inline-block;
+    text-align: right;
+    width: 6em;
+}
+
+#post-list li time div {
+    font-size: 0.7em;
+}
+
+.draft-post {
+    font-style: italic;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5 {
+    color: #4D4D4D;
+    line-height: 1.2em;
+}
+
+h2 {
+    font-size: 2.5em;
+    text-align: center;
+    line-height: 1.2em;
+}
+
+h3 {
+    font-size: 1.5em;
+    line-height: 1.2em;
+}
+
+.page {
+    background-color: white;
+    padding: 20px 20px;
+}
+
+header div {
+    max-width: 960px;
+    margin-left: auto;
+    margin-right: auto;
+    color: #E6E6E6;
+    text-align: center;
+}
+
+header div a {
+    color: #E6E6E6 !important;
+}
+
+header h1 {
+    display: inline-block;
+    text-align: center;
+}
+
+article #center {
+    display: inline-block;
+    text-align: center;
+    width: 70%;
+}
+
+article #left-nav {
+    display: inline-block;
+    text-align: center;
+    width: 15%;
+}
+
+article #right-nav {
+    display: inline-block;
+    text-align: center;
+    width: 15%;
+}
+
+header h1 {
+    text-align: center;
+    color: #E6E6E6;
+}
+
+footer {
+    background-color: #333;
+    color: white;
+    font-size: 0.8em;
+    padding: 20px;
+    text-align: center;
+}
+
+.metta {
+    color: #F4BB15;
+}