<div id="header"> <h1><a href="#">kralcss</a></h1> <p>By <a href="http://www.kralcss.tr.gg/">bedava temlalar</a></p> </div> <!-- end header --> <div id="page">
</div> <!-- end content --> <div id="sidebar"> <ul> <li id="menu" class="bg6"> <h2 class="bg1">Menu</h2> <ul> <li class="first"><a href="#" accesskey="1" title="">Home</a></li> <li><a href="#" accesskey="2" title="">Blogs</a></li> <li><a href="#" accesskey="3" title="">Photos</a></li> <li><a href="#" accesskey="4" title="">Links</a></li> <li><a href="#" accesskey="5" title="">About</a></li> <li><a href="#" accesskey="6" title="">Contact</a></li> </ul> </li> <li id="news"> <h2 class="bg2">Categories</h2> <ul> <li class="first">6/15: <a href="#">Donec dictum metus lorem ipsum …</a></li> <li>6/12: <a href="#">Etiam rhoncus volutpat lorem ipsum…</a></li> <li>6/9: <a href="#">Integer gravida nibh lorem ipsum…</a></li> </ul> </li> <li id="archives"> <h2 class="bg3">Archives</h2> <ul> <li class="first"><a href="#">June 2007</a> <i>(2)</i></li> <li><a href="#">May 2007</a> <i>(31)</i></li> <li><a href="#">April 2007</a> <i>(30)</i></li> </ul> </li> </ul> </div> <!-- end sidebar --> <div style="clear: both;"> </div> </div> <!-- end page --> <div id="footer"> <p id="legal"><strong>Canvass</strong> © 2007. Designed by <a href="http://www.kralcss.tr.gg/">Kralcss</a></p> <p id="links"> <a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p> </div> <!-- end footer -->
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */ body { margin: 0; padding: 0; background: #FFFFFF url(http://www.hizliresim.com/2008/10/8/5463.gif) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; } h1, h2, h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; } h1 { font-weight: normal; font-size: 237%; } a { border-bottom: 1px dotted #CCCCCC; text-decoration: none; color: #1777B1; } a:hover { border-bottom: none; color: #FF7400; } img { border: 3px solid #7F7772; } img.left { float: left; margin: 6px 15px 0 0; } img.right { float: right; margin: 6px 0 0 15px; } .bg1 { background: url(http://www.hizliresim.com/2008/10/8/5467.gif) no-repeat left bottom; } .bg2 { background: url(http://www.hizliresim.com/2008/10/8/5473.gif) no-repeat left bottom; } .bg3 { background: url(http://www.hizliresim.com/2008/10/8/5476.gif) no-repeat left bottom; } .bg4 { background: url(http://www.hizliresim.com/2008/10/8/5479.gif) no-repeat left bottom; } .bg5 { background: url(http://www.hizliresim.com/2008/10/8/5483.gif) no-repeat left bottom; } .bg6 { background: url(http://www.hizliresim.com/2008/10/8/5486.gif) no-repeat right bottom; } .bg7 { background: url(http://www.hizliresim.com/2008/10/8/5492.gif) no-repeat right bottom; } .feature { } .feature .image { padding: 0 0 0 40px; } .feature .title { } .feature .content { padding: 0 0 0 40px; } .box { float: left; width: 250px; } .box .title { height: 40px; padding: 20px 0 0 40px; text-transform: lowercase; font-size: 167%; } .box .content { } .list { margin-left: 0; padding-left: 0; list-style: none; } .list li { padding-left: 10px; background: url(http://www.hizliresim.com/2008/10/8/5498.gif) no-repeat left center; } /* Header */ #header { width: 760px; height: 150px; margin: 0 auto; background: url(http://www.hizliresim.com/2008/10/8/5504.gif) no-repeat; } #header h1, #header p { margin: 0; margin: 0; font-weight: normal; color: #000000; } #header h1 { float: left; padding: 58px 0 0 12px; text-transform: lowercase; line-height: 72px; font-size: 72px; } #header p { float: right; padding: 102px 0 0 0; text-transform: uppercase; font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; } #header p a { font-size: 167%; } #header a { border: none; color: #000000; } /* Page */ #page { width: 760px; margin: 0 auto; } /* Content */ #content { float: right; width: 519px; } #content p, #content ul, #content ol { line-height: 1.8em; } /* Sidebar */ #sidebar { float: left; width: 200px; padding: 0 20px 0 0; border-right: 1px dotted #DCDCDC; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { } #sidebar li ul { } #sidebar li li { padding: 5px 10px; background: url(http://www.hizliresim.com/2008/10/8/5513.gif) no-repeat 0 10px; border-top: 1px dotted #DCDCDC; } #sidebar li li.first { border-top-color: #FFFFFF; } #sidebar h2 { height: 40px; padding: 20px 0 0 40px; text-transform: lowercase; font-size: 167%; } #sidebar a { border: none; } #sidebar a:hover { border-bottom: 1px dotted #666666; } /* Footer */ #footer { clear: both; height: 150px; padding: 20px 0 0 0; background: #000000; } #footer p { background: #000000; margin: 0; text-align: center; font-size: 85%; } #footer a { border: none; color: #CCCCCC; } #footer a:hover { color: #FFFFFF; } #legal { } #legal strong { display: block; padding: 20px 0 0 0; background: url(http://www.hizliresim.com/2008/10/8/5521.gif) no-repeat center top; text-transform: lowercase; letter-spacing: 3px; font-size: 182%; font-weight: normal; } #links { }
