Basic page design

rewrite
Sven Slootweg 12 years ago
parent 2a85e4b65f
commit 93244cab30

@ -0,0 +1,28 @@
<!doctype html>
<html>
<head>
<title>AnonNews.org</title>
<link href='http://fonts.googleapis.com/css?family=Istok+Web:400,700,400italic' rel='stylesheet' type='text/css'>
<link href="static/style.css" rel="stylesheet">
</head>
<body>
<div class="page-header">
<h1><strong>AnonNews.org</strong> Everything Anonymous</h1>
<nav>
<a href="/popular" class="active">Most popular</a>
<a href="/recent">Most recent</a>
<a href="/trash">Trashbin</a>
<a href="/forum" class="section">Forums</a>
<a href="/faq" class="section">FAQ</a>
<a href="/donate" class="section" id="button_donate">Donate</a>
<a href="/submit" class="submit">Submit a press release or article</a>
<div class="clear-left"></div>
</nav>
</div>
<div class="license">
<p>Header background image by <a href="http://www.flickr.com/photos/seier/4338268272/">seier+seier</a> used under a Creative Commons Attribution license.</p>
<p>All content on this website, including design and written material, is automatically licensed under a Creative Commons Attribution license. You are free to redistribute and/or remix it, but you have to credit the author, or, if the author is unknown ("Anonymous"), place a backlink to the corresponding page on AnonNews and attribute it to "Anonymous".</p>
</div>
</body>
</html>

@ -0,0 +1,96 @@
body
{
background-color: #EEEEEE;
font-family: 'Istok Web', sans-serif;
padding: 0px;
margin: 0px;
}
.clear
{
clear: both;
}
.clear-left
{
clear: left;
}
.page-header
{
padding: 8px 12px 0px 12px;
background: url(images/background.jpg);
}
.page-header h1
{
margin: 4px 0px;
font-weight: normal;
}
.page-header nav a
{
display: block;
float: left;
margin: 0px 4px;
padding: 4px 8px;
background-color: #CECECE;
color: #3D3D3D;
text-decoration: none;
border: 1px solid gray;
border-bottom: none;
}
.page-header nav a.section
{
background-color: #BFBDCA;
}
.page-header nav a.submit
{
background-color: #E7D99B;
}
.page-header nav a:hover
{
color: black;
background-color: #B5B5B5;
}
.page-header nav a.section:hover
{
background-color: #A29CC6;
}
.page-header nav a.submit:hover
{
background-color: #E6CF64;
}
.page-header nav a.active
{
color: black;
background-color: #EEEEEE;
}
#button_donate
{
color: #060051;
border-color: #242058;
}
.license
{
clear: both;
margin: 8px 24px;
padding: 6px 11px;
font-size: 12px;
background-color: #E5E5E5;
}
.license p
{
margin: 3px 0px;
}
Loading…
Cancel
Save