templates: add contact email in footer

[chloro.git] / chloro / phyll / static / css / style.scss

diff --git a/chloro/phyll/static/css/style.scss b/chloro/phyll/static/css/style.scss
index 4354edb73917e0d73567caacbd4a9678a86a8b03..5e2f05b53e4303d344bac1a79d52d1cc87b481c6 100644 (file)
--- a/chloro/phyll/static/css/style.scss
+++ b/chloro/phyll/static/css/style.scss
@@ -47,18 +47,22 @@ header {
 
 div.actions {
        position: absolute;
-       top: 1rem;
-       right: 1rem;
+       top: 0.5rem;
+       left: 1rem;
+       z-index: 100;
        a {
-               margin-left: 1rem;
+               margin-right: 1rem;
        }
 }
 
-main {
+main, footer {
        margin: 0 4em;
        padding: 1em;
-       background: #fafaff;
        max-width: 70em;
+}
+
+main {
+       background: #fafaff;
        min-height: 70vh;
        clip-path: polygon(0px 0px, 96.35% -24px, 101.99% 7.86%, 100.61% 103.56%, 10% 100%, 0% 100%, 0px 0px);
 }
@@ -116,6 +120,15 @@ main {
                        font-style: italic;
                }
        }
+       p {
+               line-height: 160%;
+       }
+       code,
+       pre.screen {
+               background: #111;
+               color: white;
+               padding: 2px;
+       }
        div.meta {
                margin-top: 3em;
                color: lighten($text-color, 40%);
@@ -144,5 +157,27 @@ main {
                        font-size: 60%;
                }
        }
+}
+
+.older.post-list {
+       margin: 5em 0 2em 0;
+       padding: 1em 0;
+       border-top: 0.1em dotted $link-color;
+       border-bottom: 0.1em dotted $link-color;
+       line-height: 200%;
+       li {
+               display: inline;
+               a {
+                       padding-top: 0;
+                       display: inline;
+                       font-size: 120%;
+               }
+       }
+}
 
+footer {
+       p {
+               text-align: right;
+               font-size: 100%;
+       }
 }