diff options
| author | Jed Barber <jjbarber@y7mail.com> | 2016-12-31 14:13:09 +1100 |
|---|---|---|
| committer | Jed Barber <jjbarber@y7mail.com> | 2016-12-31 14:13:09 +1100 |
| commit | 4c3e4a2244e66e73dc87ce1988ad8b61b794baba (patch) | |
| tree | df098123536f6f3ae510fa2e4695f041c466135f | |
| parent | 1ded97cca520f8cddf0f61dad76298243156639f (diff) | |
Navbar now nice and horizontal
| -rw-r--r-- | project/assets/css/default.css | 29 | ||||
| -rw-r--r-- | project/templates/base.html | 16 |
2 files changed, 37 insertions, 8 deletions
diff --git a/project/assets/css/default.css b/project/assets/css/default.css index a56111e..a3805ee 100644 --- a/project/assets/css/default.css +++ b/project/assets/css/default.css @@ -1,8 +1,37 @@ +/* Some hopefully sensible defaults. */ + body { margin:1em auto; max-width:40em; font:1.2em/1.62em sans-serif; } + + + +/* A bunch of nonsense to make the navbar + horizontal and evenly spaced. */ + +nav ul { + width: 85%; + text-align: justify; + line-height: 0; + margin: 0 auto 0 auto; + padding: 0; +} + + +nav ul:after { + content: ''; + display: inline-block; + width: 100%; +} + + +nav ul li { + display: inline-block; + line-height: 100%; +} + diff --git a/project/templates/base.html b/project/templates/base.html index d8d7322..2e5a549 100644 --- a/project/templates/base.html +++ b/project/templates/base.html @@ -1,22 +1,22 @@ <!DOCTYPE html> <html lang="en"> -<meta charset="utf-8"> <head> + <meta charset="utf-8"> <title>Jed Barber - {% block title %}{% endblock %}</title> <link href="/css/default.css" rel="stylesheet"> </head> <body> - <div class="navbar"> - <ul class="nav"> - <li><a href="/">Home</a></li> - <li><a href="/about.html">About</a></li> + <nav> + <ul> + <li><a href="/">Index</a></li> + <!--<li><a href="/about.html">About</a></li>--> <li><a href="/git.html">Git</a></li> </ul> - </div> + </nav> <hr> - <div class="content"> + <article> {% block content %} {% endblock %} - </div> + </article> </body> </html> |