Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>Green Lush</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="MSSmartTagsPreventParsing" content="true" /> <meta name="generator" content="Blogger" /> <link rel="alternate" type="application/atom+xml" title="Green Lush - Atom" href="http://green-lush.blogspot.com/feeds/posts/default" /> <link rel="alternate" type="application/rss+xml" title="Green Lush - RSS" href="http://green-lush.blogspot.com/feeds/posts/default?alt=rss" /> <link rel="service.post" type="application/atom+xml" title="Green Lush - Atom" href="http://www.blogger.com/feeds/31178424/posts/default" /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.g?blogID=31178424" /> <style type="text/css"> @import url("http://www.blogger.com/css/blog_controls.css"); @import url("http://www.blogger.com/dyn-css/authorization.css?blogID=31178424"); </style> <style type="text/css" media="screen"> /* Theme Name: Green Lush Theme URI: http://www.bloggertemplates.org/review/green-lush Description: Green Lush is a modification of the layout originally created by Yamazaki, which can be found at Open Source Web Design website; http://www.oswd.org/design/preview/id/2898 Version: 0.1 Author: Ali Kuru Author URI: http://www.acemiblogcu.com Licence: (cc) Creative Commons Attribution-ShareAlike 2.5 Licence URI: http://creativecommons.org/licenses/by-sa/2.5/ */ body { font-size: 62.5%; /* reset 1EM to 10px */ margin: 0; padding: 0; font-family: 'lucida grande', arial, tahoma, sans-serif; } body p { font-family: 'lucida grande', 'franklin gothic medium', sans-serif; color: #767676; font-size: 1.2em; line-height: 170%; } body a { color: #94c258; text-decoration: none; } body a:hover { color: #767676; background-color:#d8f7af; text-decoration: none; } #gcontainer { margin: 0 auto; width: 683px; position: relative; } #gheader { margin: 0 auto; width: 640px; height: 96px; } .headtitle { position: relative; font-family: 'lucida grande', arial, tahoma, sans-serif; font-size: 30px; color: #FFF; top: 8px; left: 12px; } #menu { margin: 0 20px; height: 29px; background: #bbd75a !important; background: #b3d24e; padding: 5px 0; } #menu ul { margin: 0; padding: 7px; height: 29px; } #menu ul li { list-style: none; display: inline; } #menu ul li a:link, #menu ul li a:active, #menu ul li a:visited { color: #767676; padding: 13px 7px 15px 7px; font-size: 1em; font-family: 'lucida grande', arial, sans-serif; font-weight: bold; text-decoration: none; } #menu ul li a:hover { color: #FDFDFD; } #roundedheader { width: 640px; height: 18px; margin: 0 auto; _margin-top: -14px !important; /* IE Hack */ } #content { min-height: 390px; width: 640px; margin: 0 auto; } #insidecontent { float: left; padding-left: 25px; width: 355px; } #insidecontent p { margin: 0; color: #767676; font-family: 'lucida grande', 'franklin gothic medium', sans-serif; font-size: 1.2em; line-height: 170%; } #insidecontent ul { margin-left: 8px; _margin-left: 45px; /* IE Hack */ color: #767676; font-family: 'lucida grande', 'franklin gothic medium', sans-serif; font-size: 1.2em; line-height: 125%; } #insidecontent ul li { list-style-type: disc !important; } #comments ol li { margin-top: 10px; margin-bottom: 10px; } blockquote { margin: 10px 0px 10px 20px; padding: 5px 10px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; font: 1.2em 'lucida grande', 'franklin gothic medium', sans-serif; line-height: 125%; color: #767676; } code { font: 0.8em 'Courier New', Courier, Fixed; background-color:#d8f7af; line-height: 125% !important; display: block; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } #sidebar { padding: 0 20px 10px 20px; float: right; width: 210px; background: #f6f6f6; } #sidebar p { margin: 0; color: #565656; font-family: 'lucida grande', 'franklin gothic medium', sans-serif; font-size: 1em; line-height: 170%; } #sidebar a:link, #sidebar a:active, #sidebar a:visited { text-decoration: underline; color: #e36767; } #sidebar a:hover { background-color:#C0C0C0; text-decoration: none; } #sidebar ul { margin-top: 10px; margin-bottom: 10px; } #sidebar ul li { margin-left: -10px; line-height: 150%; list-style-type: none; padding: 0 0 0 15px; } #sidebar h3 { margin: 5px 0px 5px 0px; font-size: 1.5em; font-weight: normal; color: #94C258; } #roundedfooter { width: 640px; height: 17px; margin: 0 auto; } h1 { margin: 0; font-weight: normal; color: #d8f7af; font-size: 3.2em; }