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 {
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 {

View file

@ -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 &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 class="emblems">
<a href="http://www.catb.org/hacker-emblem/">
<img src="/static/img/hacker.png" alt="hacker emblem" />
</a>
</div>
</div>
</body>
</html>