global
?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/2001/REC-xhtml11-20010531/DTD/xhtml11-flat.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Global</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
/*
Theme Name: Global (mlpdesign06)
Theme URI: http://www.mlpdesign.net/
Version: 1.0
Author: Maica L. Policarpio
Author URI: http://www.mlpdesign.net/
*/
/* Global Settings */
body
{ background:url(global-images/bg-body.gif) repeat-x #fff;
color:#666;
font:normal 12px Arial,sans-serif;
text-align:center;
padding:0;
margin:0; }
h1,h2,h3,p,li
{ text-align:left; }
a
{ background-color:inherit;
color:#399;
text-decoration:none; }
ul
{ list-style:none;
padding:1px;
margin:17px 0 10px 15px; }
ul li
{ background: url(global-images/ico-bullet.gif) 0 3px no-repeat;
padding:1px 15px 5px 15px;
margin:0; }
blockquote
{ background-color:inherit;
color:#999;
font:italic 12px "Times New Roman",sans-serif;
border-left:5px solid #ccc;
padding:2px 15px; }
span
{ background-color:inherit;
color:#aaa;
font:normal 11px Arial,sans-serif;
padding:0;
margin:0;}
.clear
{ clear:both; }
/* Wrapper */
#wrapper1
{ width:800px;
padding:0;
margin:0 auto; }
#wrapper2
{ background:#fff;
color:inherit;
width:750px;
padding:10px 0 0 15px;
margin:0 auto; }
/* Navigation Settings*/
ul.menu
{ list-style:none;
padding:15px 0 0 0;
margin:0; }
ul.menu li
{ background:none;
padding:0 10px;
display:inline; }
ul.menu li a
{ background-color:inherit;
color:#eee;
font-weight:bold;
text-decoration:none; }
ul.menu li a:hover
{ text-decoration:underline; }
/* Header Settings */
#header
{ background:url(global-images/bg-header.gif) no-repeat;
background-color:inherit;
color:#fff;
width:800px;
height:200px;
padding:0;
margin:0 auto; }
#title
{ width:275px;
padding-top:25px;
margin:0 auto;}
#title h1
{ font:bold 30px Arial,sans-serif;
text-align:center;
text-transform:uppercase;
padding:0;
margin:0; }
#title a
{ background-color:inherit;
color:#fff; }
#topnav
{ padding:50px 25px 0 0;
float:right; }
/*Sidebar Settings */
#sidebar
{ width:250px;
font-size:11px;
padding:0;
margin:0;
float:left; }
#sidebar h2
{ background:url(global-images/bg-sidebar.gif) no-repeat;
background-color:inherit;
color:#eee;
font:bold 12px Arial,sans-serif;
text-transform:uppercase;
padding:12px 0 12px 35px;
margin:5px 0; }
#sidebar ul
{ margin:17px 0 10px 12px; }
#sidebar ul a
{ background-color:inherit;
color:#666;
font-weight:bold;}
#sidebar ul a:hover
{ background-color:inherit;
color:#399; }
#sidebar ul span
{ display:block; }
/*Content Settings */
#content
{ width:475px;
text-align:left;
padding:0;
margin:0;
float:left;}
#content h1
{ background:url(global-images/bg-postbar.gif) no-repeat;
background-color:inherit;
color:#fff;
font:bold 12px Arial,sans-serif;
text-transform:uppercase;
padding:12px 0 12px 35px;
margin:5px 0; }
#content li
{ background:url(global-images/ico-list.gif) 0 3px no-repeat;
padding:1px 15px 5px 20px;
margin:0; }
#content .item
{ padding:15px 10px 5px 15px;
margin:0;}
#content .item h2
{ font:bold 13px Arial,sans-serif;
padding:0;
margin:0;}
#content .item p
{ text-align:justify;
padding:15px 0 0 0;
margin:0; }
/*Footer Settings*/
#footer
{ background:url(global-images/bg-footer.gif) no-repeat;
background-color:inherit;
color:#ccc;
width:800px;
height:50px;
font-size:11px;
margin:0 auto; }
span#credits a
{ background-color:inherit;
color:#888;
text-decoration:none; }
span#credits a:hover
{ text-decoration:underline; }
</style>
</head>
<body>
<div id="wrapper1">
<div id="header">
<div id="title">
<h1><a href="http://www.free-css.com/">Global</a></h1>
<span><a href="http://www.free-css.com/">www.your-url.com</a></span> </div>
<div id="topnav">
<ul class="menu">
<li><a href="http://www.free-css.com/">Home</a></li>
<li><a href="http://www.free-css.com/">Page 1</a></li>
<li><a href="http://www.free-css.com/">Page 2</a></li>
<li><a href="http://www.free-css.com/">Page 3</a></li>
<li><a href="http://www.free-css.com/">Page 4</a></li>
</ul>
</div>
</div>
<div id="wrapper2">
<div id="sidebar">
<h2>Latest News</h2>
<ul>
<li><a href="http://www.free-css.com/">Now comes the latest headline.</a><span>Posted by webmasterneo on 07.08.2007</span></li>
<li><a href="http://www.free-css.com/">This is headline number two.</a><span>Posted by MLP on 04.19.2007</span></li>
<li><a href="http://www.free-css.com/">Followed by the first headline, number one.</a><span>Posted by MLP on 04.17.2007</span></li>
</ul>
<h2>Categories</h2>
<ul>
<li><a href="http://www.free-css.com/">Suspendisse potenti.</a></li>
<li><a href="http://www.free-css.com/">Proin sed pede.</a></li>
<li><a href="http://www.free-css.com/">Nullam at metus.</a></li>
<li><a href="http://www.free-css.com/">Pellentesque placerat sagittis nisi.</a></li>
<li><a href="http://www.free-css.com/">In cursus mi posuere augue.</a></li>
<li><a href="http://www.free-css.com/">Curabitur varius commodo eros.</a></li>
</ul>
<h2>Blogroll</h2>
<ul>
<li><a href="http://www.free-css.com/">The Open Design Community</a></li>
<li><a href="http://www.free-css.com/">MLP Design</a></li>
<li><a href="http://www.free-css.com/">TextLink Ads</a></li>
</ul>
</div>
<div id="content">
<h1>Page One Title</h1>
<div class="item">
<h2>About the mlpdesign06 a.k.a. "Global" template</h2>
<span>Posted by <a href="http://www.free-css.com/">webmasterneo</a> on 08 July 2007 @ 5:08PM under <a href="http://www.free-css.com/">Uncategorized</a>.</span>
<p>This template is released under the <a target="_blank" 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>
</div>
<div class="item">
<h2>Lorem Ipsum</h2>
<span>Posted by <a href="http://www.free-css.com/">webmasterneo</a> on 08 July 2007 @ 5:08PM under <a href="http://www.free-css.com/">Uncategorized</a>.</span>
<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.</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>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div id="footer">
<ul class="menu">
<li><a href="http://www.free-css.com/">Home</a></li>
<li><a href="http://www.free-css.com/">Page 1</a></li>
<li><a href="http://www.free-css.com/">Page 2</a></li>
<li><a href="http://www.free-css.com/">Page 3</a></li>
<li><a href="http://www.free-css.com/">Page 4</a></li>
</ul>
</div>
<span id="credits">2007 © Copyright <a href="http://www.free-css.com/">Your Name</a>. All rights reserved.<br />
Template design by <a href="http://www.mlpdesign.net">MLP Design</a>. Licensed under <a target="_blank" href="http://creativecommons.org/licenses/by-nc/3.0/">CC-NC 3.0</a> </span> </div>
</body>
</html>
Related examples in the same category