pure
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Pure</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type='text/css'>
/*
Theme Name: Pure
Theme URI: http://krneky.com/
Description: Simple, one column theme.
Version: 1.0
Author: Robbie
Author URI: http://krneky.com/
*/
body {
background: #f6f6f6 url("pure-images/backg.gif") center repeat-y;
color: #555;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
margin: 0px;
padding: 0px;
}
a {
color: #707070;
text-decoration: none;
}
a:hover {
color: #888888;
text-decoration: underline;
}
.top {
background-color: #EEE;
width: auto;
height: 17px;
}
.space {padding-top:10px;}
h1 {
font: 17px verdana;
color: #579;
margin: 5px;
padding-left:7px;
}
h2 {
font-size: 11px;
color: #787878;
margin: 9px;
padding-left:12px;
}
.main {
width: 602px;
background: #fff;
padding: 0;
margin: 0 auto;
}
.content {
width: 540px;
height: auto;
margin-left: auto;
margin-right: auto;
}
.navlist {
padding: 0 0 9px 9px;
background-color: #f2f2f2;
padding-top: 3px;
text-align: right;
}
.navlist ul, .navlist li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
.navlist a:link, .navlist a:visited {
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
border-bottom: 2px solid #ddd;
padding-bottom: 1px;
}
.navlist a:link#current, .navlist a:visited#current, .navlist a:hover {
border-bottom: 2px solid #d1d1d1;
padding-bottom: 1px;
background: transparent;
}
.post {
width: 545px;
}
.posttitle {
font: 17px verdana;
color: #579;
margin: 5px;
}
.date {
font-size: 10px;
margin-left: 16px;
}
.img {
float: left;
padding-right: 5px;
padding-bottom: 5px;
}
.right {
float: right;
padding-top: 10px;
padding-right: 15px;
}
.info {
font-family: 'Verdana', 'Arial', Sans-Serif;
font-size: 1em;
background: #F5F5F5;
border: 1px solid #E3E4E4;
text-align: right;
padding: 5px 10px 5px 0px;
}
.clear {
clear:both;
padding-top: 15px;
}
li {padding-top: 5px;}
.footer {
border-top: 1px solid #e4e4e4;
margin: 25px auto 0px auto;
padding: 5px 0 6px 0;
text-align: center;
width: 500px;
font-size: 10px;
}
</style>
</head>
<body>
<div class="main">
<div class="top"></div>
<form method="get" class="right" action="http://www.free-css.com/">
<small>
<input type="text" class="compad" value="" name="s" size="14" />
<input type="submit" class="buttonsubmit" value="Search" style="font-size: 13px;" />
</small>
</form>
<h1><a href="http://www.free-css.com/">Site name</a></h1>
<h2>Your little slogan here</h2>
<div class="space"></div>
<div class="navlist">
<ul>
<li><a href="http://www.free-css.com/">Home</a></li>
<li><a href="http://www.free-css.com/">About</a></li>
<li><a href="http://www.free-css.com/">Downloads</a></li>
<li><a href="http://www.free-css.com/">Contact</a></li>
</ul>
</div>
<div class="space"></div>
<div class="content">
<div class="post">
<div class="posttitle"><a href="http://www.free-css.com/">Random ipsum</a></div>
<div class="date">27th August, 2007</div>
<p>Here it goes, another template from <a href="http://krneky.com">Krneky</a>. This template has
been also customized as a WordPress theme.</p>
<p>Like <b>always</b>, this template is Public Domain License, which means you can do anything you
wish with the template. The same goes for the WordPress theme</p>
I <b> do not </b> require the link in the footer, and you <b>can <u>remove</u></b> at any time.
<p>Aenean semper, erat non fermentum rutrum, risus elit sagittis felis
Here's some random text. Integer ligula sem, adipiscing non, vestibulum et,
aliquet sit amet, purus. Sed luctus convallis massa. Fusce ut nisi ut leo
fermentum egestas. Quisque tincidunt.</p>
<p class="info"> <a href="http://www.free-css.com/" title="Comments">5 Comments »</a></p>
</div>
<div class="post">
<div class="posttitle"><a href="http://www.free-css.com/">Previous lorem</a></div>
<div class="date">27th August, 2007</div>
<p>Donec et massa. Etiam enim turpis, scelerisque sed, venenatis a, dapibus et, risus. Phasellus sagittis pede vel metus. Sed nisi enim, ullamcorper id, sodales a, condimentum quis, urna. Integer semper, velit sed ornare eleifend, pede lacus ullamcorper nulla, id feugiat mi augue nec turpis.</p>
<p>Aenean semper, erat non fermentum rutrum, risus elit sagittis felis</p>
<p>Donec vitae pede nec massa rhoncus volutpat. Integer ligula sem, adipiscing non, vestibulum et, aliquet sit amet, purus. Sed luctus convallis massa. Fusce ut nisi ut leo fermentum egestas. Quisque tincidunt.</p>
<p>Donec vitae pede nec massa rhoncus volutpat. Integer ligula sem, adipiscing non, vestibulum et, aliquet sit amet, purus. Sed luctus convallis massa. Fusce ut nisi ut leo fermentum egestas. Quisque tincidunt.</p>
<p class="info"> <a href="http://www.free-css.com/" title="Comments">2 Comments »</a></p>
</div>
</div>
<div class="clear"></div>
<div class="footer"> ©2007 Yoursite | Template by <a href="http://krneky.com/">Krneky</a> </div>
</div>
</body>
</html>
Related examples in the same category