mlpdesign08
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>mlpdesign08 || Hot Pink</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="title" content="mlpdesign08 || Hot Pink. Another free template from MLP Design.net" />
<meta name="author" content="MLP Design, webmasterneo" />
<style type='text/css'>
/*
Template Name: mlpdesign08 -- Fuchsia
Author:webmasterneo, MLP Design
Author URI: http://www.mlpdesign.net/
*/
/* Global Settings */
body
{ background-color:#000;
color:#333;
font:normal 14px Verdana,Tahoma,sans-serif;
text-align:center;
padding:0;
margin:0; }
h1,h2,h3,p,li
{ text-align:left; }
a
{ background-color:inherit;
color:#f06;
text-decoration:none; }
a:hover
{ text-decoration:underline; }
img
{ border:0;}
blockquote
{ background-color:inherit;
color:#999;
font:italic 15px "Times New Roman",serif;
border-left:5px solid #f06;
padding:2px 15px; }
/*Miscellaneous*/
.center
{ text-align:center;
padding:5px 0;
margin:0 auto; }
.clear
{ clear:both; }
.hidden
{ display:none;
margin:0;}
/*Wrappers*/
#wrapper
{ width:800px;
padding:0;
margin:15px auto; }
#body
{ background:url(mlpdesign08-images/bg-header.jpg) 49% 0 no-repeat #fff;
color:inherit;
width:775px;
padding:10px 10px 2px 10px;
margin:0; }
#container
{ width:560px;
padding:0;
margin:0;
float:left; }
/*Header Items*/
#header
{ width:555px;
height:205px;
text-align:left;
padding:0;
margin:0; }
#header h1
{ background-color:inherit;
color:#fff;
font:normal 36px Tahoma,sans-serif;
padding:20px 0 0 15px;
margin:0; }
#header em
{ background-color:inherit;
color:#000;
font:normal 36px Tahoma,sans-serif; }
div#tagline
{ background-color:inherit;
color:#fff;
font:normal 14px Tahoma,sans-serif;
padding:2px 0 0 15px;
margin:0;}
/* Tab Menu */
ul#topnav
{ list-style:none;
padding:0;
margin:63px 0 0 15px;
font:normal 12px Tahoma,sans-serif; }
ul#topnav li
{ padding:0;
margin:0;
display:inline;
}
ul#topnav li a
{ background-color:inherit;
color:#f09;
text-decoration:none;
padding:7px 0;}
ul#topnav li a span.left
{ background:url(mlpdesign08-images/tab_off-left.jpg) top left no-repeat #333;
padding:7px 2px;}
ul#topnav li a span.right
{ background:url(mlpdesign08-images/tab_off-right.jpg) top right no-repeat #333;
padding:7px 2px;}
ul#topnav li a span.menu
{ background-color: #333;
padding:7px 2px;}
ul#topnav li a:hover
{ background-color:inherit;
color:#fff;
text-decoration:none;}
ul#topnav li a:hover span.left
{ background:url(mlpdesign08-images/tab_on-left.jpg) top left no-repeat #f09;
padding:7px 2px;}
ul#topnav li a:hover span.right
{ background:url(mlpdesign08-images/tab_on-right.jpg) top right no-repeat #f09;
padding:7px 2px;}
ul#topnav li a:hover span.menu
{ background-color: #f09;
padding:7px 2px;}
ul#topnav li#active span.left
{ background:url(mlpdesign08-images/tab-left.jpg) top left no-repeat #fff;
padding:7px 2px;}
ul#topnav li#active span.right
{ background:url(mlpdesign08-images/tab-right.jpg) top right no-repeat #fff;
padding:7px 2px;}
ul#topnav li#active a
{ background-color:#fff;
color:#333;
padding:7px 2px;
text-decoration:none;}
/*Content Items*/
#content
{ background-color:#fff;
width:555px;
text-align:left;
padding:5px 0 15px 0;
margin:0;
float:left; }
#content h1
{ font:normal 18px Arial,sans-serif;
padding:0; }
#content ul
{ list-style:none;
width:500px;}
#content ul li
{ background:url(mlpdesign08-images/ico-bullet_content.jpg) 0 8px no-repeat;
padding:2px 0 2px 10px;
margin:0; }
#content .item
{ line-height:1.25em;
padding:10px 5px 8px 15px;
margin:0; }
#content .item span
{ background-color:inherit;
color:#999;
font-size:11px; }
/*Sidebar Items */
#sidebar
{ background:url(mlpdesign08-images/bg-sidebar.jpg) no-repeat;
width:190px;
font-size:11px;
padding:15px 8px 15px 12px;
float:left; }
#sidebar h2
{ background-color:inherit;
color:#f06;
font:normal 16px Arial,sans-serif;
border-bottom:2px solid #f06;
padding:8px 0 5px 0; }
#sidebar ul
{ list-style:none;
padding:2px;
margin:0;}
#sidebar ul li
{ background:url(mlpdesign08-images/ico-bullet_sidebar.jpg) 0 8px no-repeat;
padding:2px 0 2px 10px;
margin:0; }
#sidebar ul li a
{ background-color:inherit;
color:#333;
text-decoration:none;
padding:3px 0 3px 5px;
display:block; }
#sidebar ul li a:hover
{ background-color:#f06;
color:#fff; }
/*Footer Items*/
#footer
{ background:url(mlpdesign08-images/bg-footer.jpg) 49% 0 no-repeat;
color:#eee;
width:795px;
height:60px;
font:normal 12px Arial,sans-serif;
padding:25px 0 0 0;
margin:0;
clear:both; }
#footer a
{ background-color:inherit;
color:#fff; }
#footer a:hover
{ background-color:inherit;
color:#333;
text-decoration:none;}
#footer span.left
{ text-align:left;
padding-left:15px;
float:left; }
#footer span.right
{ text-align:right;
padding-right:15px;
float:right; }
#credits
{ background-color:inherit;
color:#888;
width:780px;
font:normal 11px Arial,sans-serif;
text-align:right;
padding:0 5px 5px 10px;
margin:0; }
#credits a
{ background-color:inherit;
color:#888;
text-decoration:none;}
#credits a:hover
{ background-color:inherit;
color:#aaa;
text-decoration:none;}
</style>
</head>
<body>
<!--start wrapper-->
<div id="wrapper">
<!--start body-->
<div id="body">
<!--start containter-->
<div id="container">
<!--start header-->
<div id="header">
<h1>Hot<em>Pink</em></h1>
<div id="tagline">The round corners version of "Khaki". <br />Another free Open Source template from MLP Design.net</div>
<ul id="topnav">
<li id="active"><span class="left"> </span><a>Home</a><span class="right"> </span></li>
<li><a href="#"><span class="left"> </span><span class="menu">Page 1</span><span class="right"> </span></a></li>
<li><a href="#"><span class="left"> </span><span class="menu">Page 2</span><span class="right"> </span></a></li>
<li><a href="#"><span class="left"> </span><span class="menu">Page 3</span><span class="right"> </span></a></li>
<li><a href="#"><span class="left"> </span><span class="menu">Page 4</span><span class="right"> </span></a></li>
</ul>
</div>
<!--end of header-->
<!--start content-->
<div id="content">
<!--post item-->
<div class="item">
<h1>Sample paragraph, blockquote, and list</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed eleifend laoreet magna. Donec auctor libero id massa. Aenean sit amet enim ac urna dictum lobortis. Praesent convallis sapien eu tortor. Phasellus eros tortor, lacinia ut, pellentesque in, venenatis in, elit. Suspendisse potenti. Proin sed pede. Suspendisse elementum, augue et venenatis malesuada, nisl pede commodo eros, id faucibus purus arcu vel risus. Nullam at metus.</p>
<blockquote><p>Proin congue risus eget eros. Morbi ornare, enim ac convallis pellentesque, metus arcu sagittis diam, nec fringilla nunc eros id arcu. Nunc sagittis ligula id justo. Nam et pede a mi facilisis consequat. Quisque tincidunt, turpis vel commodo lacinia, arcu odio bibendum metus, eget elementum ipsum eros sit amet velit.</p></blockquote>
<ul>
<li>Mauris in lacus</li>
<li>Sed ullamcorper bibendum libero</li>
<li> Morbi fringilla imperdiet lorem</li>
<li> In cursus mi posuere augue</li>
</ul>
<span>17 July 2007 @ 1:28 PM | <a href="#">0 Comment(s)</a> | Posted by <a href="#">webmasterneo</a></span>
</div>
<!--another post item-->
<div class="item">
<h1>Space fillers</h1>
<p>Donec non dui. Morbi fringilla imperdiet lorem. Fusce risus diam, rutrum eu, hendrerit et, accumsan non, neque. Fusce vitae pede ut massa sodales mattis. Nulla sed justo. Integer nec sem vel tellus tempor gravida. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc faucibus. Nullam nulla ipsum, accumsan sed, tempus sed, adipiscing a, metus. Curabitur varius commodo eros.</p>
<span>17 July 2007 @ 6:24 PM | <a href="#">0 Comment(s)</a> | Posted by <a href="#">webmasterneo</a></span>
</div>
<!--end of another post item-->
</div>
<!--end of content-->
</div>
<!--end of container-->
<!--start sidebar-->
<div id="sidebar">
<h2>About</h2>
<p>This template is released under the <a href="http://creativecommons.org/licenses/by-nc/3.0/">Creative Commons Attribution Non-Commercial License</a>. If you use it, you must retain the "Template Design by MLP Design" tag and link in place. You MAY NOT use the templates in adult or adult-oriented websites!</p>
<p>If you wish to use a template for commercial purposes or wish to remove the credit tag and link, please contact us.</p>
<h2>Categories</h2>
<ul>
<li><a href="#">Suspendisse potenti</a></li>
<li><a href="#">Proin sed pede</a></li>
<li><a href="#">Maecenas ac nisi</a></li>
<li><a href="#">Curabitur eget enim id</a></li>
<li><a href="#">Nunc metus nisl dapibus</a></li>
<li><a href="#">Fusce pellentesque odio sed</a></li>
</ul>
<h2>Archives</h2>
<ul>
<li><a href="#">2008-Jun</a></li>
<li><a href="#">2008-May</a></li>
<li><a href="#">2008-Apr</a></li>
<li><a href="#">2008-Mar</a></li>
<li><a href="#">2008-Feb</a></li>
<li><a href="#">2008-Jan</a></li>
</ul>
<h2>Links</h2>
<ul>
<li><a href="http://www.opendesigns.org">The Open Design Community</a></li>
<li><a href="http://www.mlpdesign.net">MLP Design</a></li>
</ul>
</div>
<div class="clear"></div>
<!--end of sidebar-->
</div>
<!--end of body-->
<!--start footer-->
<div id="footer">
<span class="left">2007 © Copyright <a href="#">Your Name</a>. All rights reserved.</span>
<span class="right"><a href="#">Contact</a> | <a href="#">Site Map</a></span>
</div>
<!--end of footer-->
<!--start credits-->
<!--//Under CC-NC 3.0, this portion must be left intact and must not be hidden.//-->
<div id="credits">
<span><a href="http://www.mlpdesign.net" title="CSS & XHTML by MLP Design.net">CSS & XHTML</a> by MLP Design<br /><a href="http://creativecommons.org/licenses/by-nc/3.0/" title="Licensed under Creative Commons Non-Commercial">Licensed under CC-NC 3.0</a></span>
</div>
<!--end of credits-->
</div>
<!--end of wrapper-->
</body>
</html>
Related examples in the same category