diff options
| author |  Tom Willemsen | 2011-12-09 16:59:24 +0100 |
|---|---|---|
| committer | Tom Willemsen | 2011-12-09 16:59:24 +0100 |
| commit | ee74f485af6e6c1821b990635921804d98fedb86 (patch) | |
| tree | 7f5fe21792705e15c1badf45919a47f854da282f | |
| parent | 322a7fb204ac4c9d7b034a6a7d6e45eaf24706c6 (diff) | |
| download | dotfiles-ee74f485af6e6c1821b990635921804d98fedb86.tar.gz dotfiles-ee74f485af6e6c1821b990635921804d98fedb86.zip | |
Update layout
| -rw-r--r-- | static/css/main.css | 41 | ||||
| -rw-r--r-- | templates/base.html | 33 |
2 files changed, 42 insertions, 32 deletions
diff --git a/static/css/main.css b/static/css/main.css index 17453e2..cb37520 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -20,8 +20,7 @@ a:visited { body { background-color : #000000; color : #000000; - font-family : sans, sans-serif; - padding-left : 10px; + font-family : "DejaVu Sans", sans, sans-serif; } dd { @@ -42,7 +41,7 @@ ul { } #container { - margin : 20px auto; + margin : 0 auto 0 auto; width : 700px; } @@ -50,21 +49,14 @@ ul { background-color : #0C191C; color : #EEEEEC; font-size : 10px; - padding-left : 5px; -} - -#container #header { - border-top-left-radius : 30px; - border-top-right-radius : 30px; - -moz-border-radius-topleft : 30px; - -moz-border-radius-topright : 30px; + padding : 5px; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } #content { margin-left : 100px; - padding-bottom : 1px; - padding-left : 20px; - padding-right : 20px; + padding: 5px 20px 1px 20px; } #content .container { @@ -100,26 +92,37 @@ ul { background-color : #252A2B; } +#subheader { + background-color: #0c181b; + color: #fff; + text-align: right; + font-size: 12px; + padding: 5px; +} + #logo { float : left; height : 100px; - margin : -13px 20px 23px 5px; + margin : 0 20px 23px 0; width : 100px; } #ryu { color : #F57900; + position: relative; + top: -3px; } #slash { position: relative; - top: 5px; + top: 3px; } #menu { margin-left : -5px; float : left; width : 100px; + clear: left; } #menu a { @@ -129,8 +132,8 @@ ul { #title { color : #EEEEEC; - height : 100px; - line-height : 100px; + height : 50px; + line-height : 50px; } #title sup { @@ -193,6 +196,8 @@ ul { .emblems { text-align: right; + float: right; + margin-top: -2px; } .markdown h3 { diff --git a/templates/base.html b/templates/base.html index 6c451a8..9222fb2 100644 --- a/templates/base.html +++ b/templates/base.html @@ -8,16 +8,20 @@ {% block extrastyle %}{% endblock %} </head> <body> - <div id="container"> - <div id="header"> - <img id="logo" src="/static/img/logo.png" width="100" height="100" /> - <h1 id="title"> - <span id="ryu">ryu</span><span id="slash">slash</span> - </h1> - </div> + <div id="header"> + <img id="logo" src="/static/img/logo.png" width="100" height="100" /> + <h1 id="title"> + <span id="ryu">ryu</span><span id="slash">slash</span> + </h1> + </div> + + <div id="subheader"> + <tt>This might just be my website.</tt> + </div> + <div id="container"> <div id="body"> - <div class="clearleft"></div> + <!-- <div class="clearleft"></div> --> <div id="menu"> <div class="container"> @@ -40,14 +44,15 @@ </div> <div id="footer"> - Copyright © 2011 Tom Willemsen - </div> + Created by <a href="http://ryuslash.org">Tom Willemsen</a> - <div class="emblems"> - <a href="http://www.catb.org/hacker-emblem/"> - <img src="/static/img/hacker.png" alt="hacker emblem" /> - </a> + <div class="emblems"> + <a href="http://www.catb.org/hacker-emblem/"> + <img src="/static/img/hacker.png" alt="hacker emblem" /> + </a> + </div> </div> + </div> </body> </html> |