ally

themes/ally/static/css/main.css

@@ -0,0 +1,147 @@
+@import url('https://fonts.googleapis.com/css?family=Gentium+Book+Basic|Ubuntu|Merriweather+Sans&display=swap');
+
+/* Resets */
+*,
+*::before,
+*::after {
+    font-family: inherit;
+    background-color: inherit;
+    color: inherit;
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+html {
+    font-size: calc(1em + 0.33vw);
+    font-family: Arial, Helvetica Neue, sans-serif;
+    line-height: 1.5;
+    color: #111;
+    background-color: #fefefe;
+}
+* + * {
+    margin-top: 2.25rem;
+}
+br,
+dt,
+dd,
+th,
+td,
+option,
+[hidden] + *,
+li + li,
+body,
+.main-and-footer {
+    margin-top: 0;
+}
+p + p,
+blockquote + p {
+    margin-top: 0.75rem;
+}
+.priority {
+  margin-top: 0;
+}
+a {
+    text-decoration: none;
+    border-bottom: 1px solid;
+}
+abbr {
+    text-decoration: none;
+    cursor: help;
+    border-bottom: 1px dashed;
+}
+img {
+    max-width: 100%;
+    max-height: 50vh;
+}
+p img {
+    margin: 0.75rem 0;
+}
+figure p img {
+    margin: 0;
+}
+:focus:not([tabindex="-1"]),
+[data-expands]:focus svg,
+.patterns a:focus .text,
+[for="themer"] :focus + [aria-hidden] {
+    outline: 4px solid #999;
+}
+a {
+  outline-offset: 2px;
+}
+
+/* Specific stuff */
+body {
+    background-color: #fffffe;
+    color: #222;
+    font-size: 16pt;
+}
+header {
+    font-family: 'Ubuntu', monospace;
+    margin: 1rem;
+}
+h1 {
+    padding: 0;
+    margin: 0;
+}
+main, footer {
+    max-width: 960px;
+    margin: 0 auto;
+    padding: 0 1rem;
+    font-family: 'Gentium Book Basic', serif;
+}
+footer {
+    color: #888;
+    margin-top: 5rem;
+    font-size: 12pt;
+    padding-bottom: 1rem;
+}
+blockquote {
+    font-family: 'Merriweather Sans', sans-serif;
+    margin-top: 0.75rem;
+    padding: 0.5rem 1rem;
+    font-size: 14pt;
+    color: #444;
+    border-left: 0.5rem solid #444;
+}
+.verse {
+    white-space: pre-wrap;
+}
+
+/* pagination */
+ul.pagination {
+    list-style-type: none;
+    display: block;
+    margin-top: 5rem;
+    text-align: center;
+}
+
+ul.pagination li {
+    display: inline-block;
+    border: 2px solid currentColor;
+    padding: 2px;
+    min-width: 2rem;
+    text-align: center;
+    margin-right: -7px;
+}
+
+ul.pagination li:last-of-type {
+    border-top-right-radius: 5px;
+    border-bottom-right-radius: 5px;
+}
+
+ul.pagination li:first-of-type {
+    border-top-left-radius: 5px;
+    border-bottom-left-radius: 5px;
+}
+
+ul.pagination .page-item.disabled a {
+    color: #666;
+    border: none;
+    cursor: text;
+}
+
+ul.pagination .page-item.active a {
+    text-decoration: none;
+    border: none;
+    cursor: text;
+}