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 {
|
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 {
|
||||||
|
|
|
@ -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 © 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>
|
||||||
|
|
Loading…
Reference in a new issue