Update layout

This commit is contained in:
Tom Willemsen 2011-12-09 16:59:24 +01:00
parent 322a7fb204
commit ee74f485af
2 changed files with 42 additions and 32 deletions

View file

@ -20,8 +20,7 @@ a:visited {
body { body {
background-color : #000000; background-color : #000000;
color : #000000; color : #000000;
font-family : sans, sans-serif; font-family : "DejaVu Sans", sans, sans-serif;
padding-left : 10px;
} }
dd { dd {
@ -42,7 +41,7 @@ ul {
} }
#container { #container {
margin : 20px auto; margin : 0 auto 0 auto;
width : 700px; width : 700px;
} }
@ -50,21 +49,14 @@ ul {
background-color : #0C191C; background-color : #0C191C;
color : #EEEEEC; color : #EEEEEC;
font-size : 10px; font-size : 10px;
padding-left : 5px; padding : 5px;
} border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
#container #header {
border-top-left-radius : 30px;
border-top-right-radius : 30px;
-moz-border-radius-topleft : 30px;
-moz-border-radius-topright : 30px;
} }
#content { #content {
margin-left : 100px; margin-left : 100px;
padding-bottom : 1px; padding: 5px 20px 1px 20px;
padding-left : 20px;
padding-right : 20px;
} }
#content .container { #content .container {
@ -100,26 +92,37 @@ ul {
background-color : #252A2B; background-color : #252A2B;
} }
#subheader {
background-color: #0c181b;
color: #fff;
text-align: right;
font-size: 12px;
padding: 5px;
}
#logo { #logo {
float : left; float : left;
height : 100px; height : 100px;
margin : -13px 20px 23px 5px; margin : 0 20px 23px 0;
width : 100px; width : 100px;
} }
#ryu { #ryu {
color : #F57900; color : #F57900;
position: relative;
top: -3px;
} }
#slash { #slash {
position: relative; position: relative;
top: 5px; top: 3px;
} }
#menu { #menu {
margin-left : -5px; margin-left : -5px;
float : left; float : left;
width : 100px; width : 100px;
clear: left;
} }
#menu a { #menu a {
@ -129,8 +132,8 @@ ul {
#title { #title {
color : #EEEEEC; color : #EEEEEC;
height : 100px; height : 50px;
line-height : 100px; line-height : 50px;
} }
#title sup { #title sup {
@ -193,6 +196,8 @@ ul {
.emblems { .emblems {
text-align: right; text-align: right;
float: right;
margin-top: -2px;
} }
.markdown h3 { .markdown h3 {

View file

@ -8,16 +8,20 @@
{% block extrastyle %}{% endblock %} {% block extrastyle %}{% endblock %}
</head> </head>
<body> <body>
<div id="container"> <div id="header">
<div id="header"> <img id="logo" src="/static/img/logo.png" width="100" height="100" />
<img id="logo" src="/static/img/logo.png" width="100" height="100" /> <h1 id="title">
<h1 id="title"> <span id="ryu">ryu</span><span id="slash">slash</span>
<span id="ryu">ryu</span><span id="slash">slash</span> </h1>
</h1> </div>
</div>
<div id="subheader">
<tt>This might just be my website.</tt>
</div>
<div id="container">
<div id="body"> <div id="body">
<div class="clearleft"></div> <!-- <div class="clearleft"></div> -->
<div id="menu"> <div id="menu">
<div class="container"> <div class="container">
@ -40,14 +44,15 @@
</div> </div>
<div id="footer"> <div id="footer">
Copyright &copy; 2011 Tom Willemsen 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>
</div> </div>
<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> </body>
</html> </html>