From cc5e3e3ecd01a0074455337bbf5a60b3d16e6b14 Mon Sep 17 00:00:00 2001 From: Midgard Date: Wed, 22 Jul 2020 17:25:59 +0200 Subject: [PATCH] Layout-fu --- static/main.css | 43 +++++++++++++++++-------- templates/base.html | 78 ++++++++++++++++++++++++--------------------- 2 files changed, 71 insertions(+), 50 deletions(-) diff --git a/static/main.css b/static/main.css index ee7fc6d..9043f1e 100644 --- a/static/main.css +++ b/static/main.css @@ -2,14 +2,27 @@ body { background: #141313; color: #999; margin: 0; + font-family: monospace; +} + +input, textarea { + font-family: inherit; + font-size: inherit; +} + + +header { + color: #141313; + background-color: #ff8000; +} +header h1 { + margin: 0; + font-size: 120%; + padding: 10px; } nav { - width: 100vw; - background-color: #ff8000; - margin-bottom: 1em; - padding-top: 1rem; - padding-bottom: 1em; + background-color: rgba(0, 0, 0, 0.1); } nav ul { @@ -20,14 +33,11 @@ nav ul { nav li { list-style-type: none; display: inline-block; - margin: 0 1.5vw; - /* 3% of the height of the viewport */ - font-size: 2vh; + margin: 0 1vw; } nav span { padding: 2vw; - font-family: monospace; } nav a { @@ -71,10 +81,17 @@ that have a width less or equal than 500px*/ } } -main { - margin: auto; - width: 50%; - padding: 10px; +@media only screen and (min-width: 750px) { + body { + font-size: 18px; + } + + .align { + margin-left: auto; + margin-right: auto; + width: 50%; + padding: 10px; + } } input { diff --git a/templates/base.html b/templates/base.html index ef7a105..dc45b48 100644 --- a/templates/base.html +++ b/templates/base.html @@ -10,44 +10,48 @@ - + +
{% block content %}{% endblock %}