Update layout
This commit is contained in:
parent
322a7fb204
commit
ee74f485af
2 changed files with 42 additions and 32 deletions
|
@ -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 {
|
||||
|
|
|
@ -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
|
||||
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>
|
||||
|
|
Loading…
Reference in a new issue