summaryrefslogtreecommitdiff
path: root/static/css
diff options
context:
space:
mode:
Diffstat (limited to 'static/css')
-rw-r--r--static/css/base.css425
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;
+}