include direct links to latest posts on homepage

[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 3c78e427de302538e146d93ef13853c4e51c16a6..bce2e84cdf736e2cf87b70c4282e069e28654aa0 100644 (file)
--- a/chloro/phyll/static/css/style.scss
+++ b/chloro/phyll/static/css/style.scss
@@ -47,10 +47,11 @@ header {
 
 div.actions {
        position: absolute;
 
 div.actions {
        position: absolute;

-       top: 1rem;
-       right: 1rem;
+       top: 0.5rem;
+       left: 1rem;
+       z-index: 100;

        a {
        a {

-               margin-left: 1rem;
+               margin-right: 1rem;

        }
 }
 
        }
 }
 


@@ -64,18 +65,41 @@ main {
 }
 
 .home {
 }
 
 .home {

-       a {
+       nav a {

                text-transform: uppercase;
                text-transform: uppercase;

-               display: block;
+               display: inline-block;

                text-decoration: none;
                font-size: 500%;
                font-weight: bold;
                padding-top: 0.5em;
                line-height: 50%;
                text-decoration: none;
                font-size: 500%;
                font-weight: bold;
                padding-top: 0.5em;
                line-height: 50%;

+               width: 100%;

                span {
                        font-size: 30%;
                }
                span {
                        font-size: 30%;
                }

-               margin-bottom: 2rem;
+               margin-bottom: 1rem;
+               &.divers {
+                       width: 49%;
+               }
+               &.vrac {
+                       width: 49%;
+                       text-align: right;
+                       float: right;
+               }
+       }
+       .latest {
+               margin-top: 2em;
+               h2 {
+                       margin: 0;
+                       font-size: 400%;
+                       font-weight: bold;
+                       text-transform: uppercase;
+               }
+               .meta {
+                       padding-top: 0.5rem;
+                       padding-left: 0.5rem;
+                       color: lighten($text-color, 40%);
+               }

        }
 }
 
        }
 }
 


@@ -88,6 +112,23 @@ main {
                        border: 1px solid gray;
                        padding: 3px;
                }
                        border: 1px solid gray;
                        padding: 3px;
                }

+               .caption {
+                       margin-top: 0;
+                       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%);

        }
 }
 
        }
 }
 


@@ -113,5 +154,20 @@ main {
                        font-size: 60%;
                }
        }
                        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%;
+               }
+       }

 }
 }