The old Pelican theme I used to use for mcol.xyz
git clone https://mcol.xyz/code/rice-theme
Log | Files | Refs | README

commit e4966ceef07e9dc388e674695e1fda10c9c91ebd
parent 8d5049262f50eaebd4c1785437c73810bf8f2936
Author: mcol <mcol@posteo.net>
Date:   Sat,  1 Aug 2020 20:03:47 +0100

position main content with nav windows nicely

Diffstat:
Mstatic/css/main.css | 29++++++++++++++++++-----------
Mtemplates/withnav.html | 8+++++---
2 files changed, 23 insertions(+), 14 deletions(-)

diff --git a/static/css/main.css b/static/css/main.css @@ -25,10 +25,11 @@ body { font-size: 1.4em; color: var(--text); - height: 95vh; + height: 98vh; display: flex; justify-content: space-evenly; align-items: center; + flex-flow: row wrap; background-color: var(--bg); } @@ -115,12 +116,12 @@ li { @media (min-width: 491px) and (max-width: 780px) { #home1 { - right:5%; - margin-left:auto; + right: 5%; + margin-left: auto; } #home2 { - left:5%; - margin-left:auto; + left: 5%; + margin-left: auto; } } @@ -129,17 +130,23 @@ li { flex-direction: column; } #home1,#home2 { - width:77%; + width: 77%; position: initial; } } +#nav { + margin: 0 8%; +} + #page { - align-self: flex-start; - overflow-x: wrap; - overflow-y: auto; - padding-top: 3%; - width: 50%; + height: 98vh; + flex: 1 1 50%; + overflow: auto; +} + +#page > div { + padding: 5% 15% 3% 0; } ::selection { diff --git a/templates/withnav.html b/templates/withnav.html @@ -2,7 +2,7 @@ {% block body %} -<div class=win> +<div class=win id=nav> <div class=bar></div> <div class=wc> {% include "menu.html" %} @@ -10,8 +10,10 @@ </div> <div id=page> - {% block content %} - {% endblock %} + <div> + {% block content %} + {% endblock %} + </div> </div> {% endblock %}