From 567babc35984a658fef417dabb7d66a6b5a1efdb Mon Sep 17 00:00:00 2001 From: Mikkel Munch Mortensen <3xm@detfalskested.dk> Date: Sat, 23 Jun 2018 20:19:37 +0200 Subject: [PATCH] Add a base template and some exquisite styling Wow! --- membersystem/static/css/membersystem.css | 79 ++++++++++++++++++++++++ membersystem/templates/base.html | 50 +++++++++++++++ 2 files changed, 129 insertions(+) create mode 100644 membersystem/static/css/membersystem.css create mode 100644 membersystem/templates/base.html diff --git a/membersystem/static/css/membersystem.css b/membersystem/static/css/membersystem.css new file mode 100644 index 0000000..cbf11d5 --- /dev/null +++ b/membersystem/static/css/membersystem.css @@ -0,0 +1,79 @@ +/* General styles */ +html +{ + margin: 0; + padding: 0; + font-family: sans-serif; + font-size: 2.5vmin; + background: #f8f8f8; +} + +body +{ + background: #fff; + color: #000; + margin: 1em auto; + max-width: 50em; + padding: 0 1em; + box-shadow: 0 0 2.5em rgba(0, 0, 0, 20%); +} + +header, +footer +{ + background: #eee; + padding: .5em; + margin: 0 -1em; +} + +footer +{ + margin-top: 2em; +} + + +header h1 +{ + font-size: 1em; + float: left; + padding: .5em .5em; + margin: 0; +} + +header ul, +footer ul +{ + list-style-type: none; + padding: 0; + margin: 0; + text-align: right; +} + +header ul li, +footer ul li +{ + display: inline; +} + +header ul li a, +footer ul li a +{ + display: inline-block; + margin: 0; + padding: .5em .5em; +} + + +/* Forms */ +label +{ + display: block; + padding: .5em 0; +} + +button, +input, +textarea +{ + font-size: inherit; +} diff --git a/membersystem/templates/base.html b/membersystem/templates/base.html new file mode 100644 index 0000000..0c21c7b --- /dev/null +++ b/membersystem/templates/base.html @@ -0,0 +1,50 @@ + +{% load static %} + + + {% block head_title %}{% endblock %} – {{ site.name }} + {% block extra_head %}{% endblock %} + + + +
+

+ {{ site.name }} +

+ +
+ {% block body %} + {% if messages %} + + {% endif %} + + {% block content %} + {% endblock %} + {% endblock %} + {% block extra_body %} + {% endblock %} + + + +