diff --git a/static/base.css b/static/base.css index e69de29..71b9934 100644 --- a/static/base.css +++ b/static/base.css @@ -0,0 +1,47 @@ +:root { + font-family: monospace; + color-scheme: light dark; +} + +nav { + font-size: 1.5em; + line-height: 1.2em; + padding: 0.3em; + background-color: #bdf; + border-radius: 0.3em; + display: flex; + flex-wrap: wrap; + align-items: baseline; +} + +nav>* { + padding: 0 1ch; + border-left: 0.1em solid black; +} + +nav> :first-child { + font-weight: bold; + padding-left: 0; + border: none; +} + +nav> :last-child { + margin-left: auto; + padding-right: 0.1em; + border: none; +} + +nav a { + color: black; + text-decoration: none; +} + +nav a:hover { + text-decoration: underline; +} + +nav img { + width: 1.2em; + height: 1.2em; + vertical-align: -20%; +} diff --git a/templates/base.html b/templates/base.html index ed94605..91a9c72 100644 --- a/templates/base.html +++ b/templates/base.html @@ -11,7 +11,15 @@ {% block body %}{% endblock %}