diff options
| -rw-r--r-- | apioforum/static/style.css | 13 | ||||
| -rw-r--r-- | apioforum/templates/base.html | 69 |
2 files changed, 42 insertions, 40 deletions
diff --git a/apioforum/static/style.css b/apioforum/static/style.css index dbfa6cb..aed6628 100644 --- a/apioforum/static/style.css +++ b/apioforum/static/style.css @@ -2,7 +2,7 @@ body { font-family: sans-serif } :root { --alternating-colour-even: hsl(0,0%,96%); - --alternating-colour-odd: hsl(0,0%,89%); + --alternating-colour-odd: hsl(0,0%,91%); } .post { margin: 0px; } @@ -81,10 +81,6 @@ nav a { color: blue; text-decoration: none } } } -/* very wide screens */ -@media all and (min-width: 1200px) { - .threadlistings { width: 1200px } -} /* small screens */ @media not all and (min-width: 800px) { @@ -139,3 +135,10 @@ nav a { color: blue; text-decoration: none } border:1px solid black; margin-top: 5px; } + +@media all and (min-width: 81px ) { + main { + width: 800px; + margin: auto; + } +} diff --git a/apioforum/templates/base.html b/apioforum/templates/base.html index f81f413..7e01d38 100644 --- a/apioforum/templates/base.html +++ b/apioforum/templates/base.html @@ -7,43 +7,42 @@ <link rel="stylesheet" href="/static/style.css"> </head> <body> - <main> - <nav> - <ul> - <li> - <span style="font-family: monospace;"><b>apio</b><i>forum</i>™</span> - </li> - <li><a href="{{url_for('index')}}">home</a></li> - - {% if g.user %} - <li>{{ g.user }}</li> - <li> - <a href="{{ url_for('auth.logout',next=request.path) }}"> - logout - </a> - </li> - {% else %} - <li> - <a href="{{ url_for('auth.login',next=request.path) }}"> - login - </a> - </li> - <li> - <a href="{{ url_for('auth.register',next=request.path) }}"> - register - </a> - </li> - {% endif %} - </ul> - </nav> - {% for msg in get_flashed_messages() %} - <div class="flashmsg">{{ msg }}</div> - {% endfor %} + <nav> + <ul> + <li> + <span style="font-family: monospace;"><b>apio</b><i>forum</i>™</span> + </li> + <li><a href="{{url_for('index')}}">home</a></li> - <div class="header"> - {% block header %}{% endblock %} - </div> + {% if g.user %} + <li>{{ g.user }}</li> + <li> + <a href="{{ url_for('auth.logout',next=request.path) }}"> + logout + </a> + </li> + {% else %} + <li> + <a href="{{ url_for('auth.login',next=request.path) }}"> + login + </a> + </li> + <li> + <a href="{{ url_for('auth.register',next=request.path) }}"> + register + </a> + </li> + {% endif %} + </ul> + </nav> + {% for msg in get_flashed_messages() %} + <div class="flashmsg">{{ msg }}</div> + {% endfor %} + <div class="header"> + {% block header %}{% endblock %} + </div> + <main> {%block content %}{% endblock %} </main> <script>/* bees */</script> |