Plantilla [codigo HTML]: Plantilla 7

<?xml version="1.0" encoding="UTF-8" ?>
<!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' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<style type='text/css'>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

<b:skin><![CDATA[/*

/***********************************************/
/* http://www.thurboeders.nl/ */
/* http://webjcp.blogspot.com/ */
/***********************************************/

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#FFF" value="#000000">
<Variable name="fbgcolor" description="Footer Background Color"
type="color" default="#222" value="#020C33">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#e6e6e6">
<Variable name="ftextcolor" description="Footer Text Color"
type="color" default="#CCC" value="#CCCCCC">
<Variable name="linkcolor" description="Link Color"
type="color" default="#004276" value="#004276">
<Variable name="hovercolor" description="Hover Color"
type="color" default="#2b9cce" value="#2b9cce">
<Variable name="clinkcolor" description="Column Link Color"
type="color" default="#CCC" value="#CCCCCC">
<Variable name="cvisitedcolor" description="Column Visited Color"
type="color" default="#99CCFF" value="#99CCFF">
<Variable name="chovercolor" description="Column Hover Color"
type="color" default="#f67c2a" value="#0089f6">
<Variable name="hbcolor" description="Header Border Color"
type="color" default="#f67c2a" value="#80c7ff">
<Variable name="bodyfont" description="Body Font"
type="font" default="normal normal 90% Geneva, Arial, Helvetica, sans-serif" value="normal normal 90% Verdana, sans-serif">
<Variable name="commentfooterfont" description="Comment Footer Font"
type="font" default="normal normal 70% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 70% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% Courier, monospace">

*/

body {
margin: 0;
padding: 0;
font: $bodyfont;
text-align: center;
background-color: $fbgcolor;
color: $textcolor;
}

/***********************************************/
/* Las tres columnas de abajo */
/***********************************************/

#top-wrapper {
width: 100%;
background-color: $bgcolor;
}

#container {
width: 760px;
margin: 0 auto;
text-align: left;
}

#container2 {
width: 760px;
background-color: #010B32;
margin: 0 auto;
color: #43A7D4;
text-align: left;
}

#column {
float: left;
width: 253px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#column1, #column2, #column3, #column4, #column5, #column6, #main {
padding: 10px;
}

/***********************************************/
/* Link */
/***********************************************/

a:link {
color: #CCFFCC;
text-decoration: none;
}

a:visited {
color: #33CCCC;
text-decoration: none;
}

a:hover {
color: #99CC00;
text-decoration: none;

}

a img {
border: none;
}

#column a:link {
color: #FFFF99;
text-decoration: none;
}

#column a:visited {
color: $cvisitedcolor;
text-decoration: none;
}

#column a:hover {
color: #FF7E00;
text-decoration: none;
}

#column ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}

#column li {
margin:0;
padding:0 0 .25em 15px;
text-indent:-15px;
line-height:1.5em;
}

/***********************************************/
/* Titulo */
/***********************************************/

#header{
border-bottom: 3px solid #192D43;
}

#header h1{
font-size: 4em;
color: #BB0000;
margin: 0;
padding: 15px 0 0 10px;
}

.description {
padding: 0 0 0 10px;
}

/***********************************************/
/* Entradas */
/***********************************************/

#container h3 {
padding: 15px 0;
font-size: 1.4em;
line-height: 1em;
}

#container2 h2 {
font-size: 1.4em;
border-bottom: 2px solid #192D43;
}

h2.date-header {
margin: 1.5em 0 .5em;
font-size: 0.8em;
background-color: #192D43;
color: #33CCCC;
border-bottom: 2px solid #192D43;
float:right;
padding: 6px;
}

.post {
margin: .5em 0 1.5em;
border-bottom: 1px dotted #CCC;
padding-bottom: 1.5em;
}

.post h3 {
margin: .25em 0 0;
padding: 0 0 4px;
font-size: 140%;
font-weight: normal;
line-height: 1.4em;
color: #C60;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display: block;
text-decoration: none;
color: #C60;
font-weight: normal;
}

.post h3 strong, .post h3 a:hover {
color: #333;
}

.post p {
margin: 0 0 .75em;
line-height: 1.6em;
}

.post-footer {
margin: .75em 0;
color: #999;
letter-spacing: .1em;
font: $postfooterfont;
line-height: 1.4em;
}

.comment-link {
margin-left: .6em;
}

.post img {
padding: 4px;
border: 0px solid #CCC;
}

/***********************************************/
/* Para resaltar texto en las entradas */
/***********************************************/

blockquote{
background-color: #192D43;
color: #43A7D4;
font-size: 1em;
margin-left: 10%;
margin-right: 10%;
letter-spacing: 1px;
text-align: justify;
}

/***********************************************/
/* Comentarios */
/***********************************************/

#comments h4 {
margin:1em 0;
line-height: 1.4em;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}

#comments-block .comment-author {
margin:.5em 0;
}

#comments-block .comment-body {
margin: .25em 0;
padding: 0 .5em;
border-left: 1px solid #CCC;
}

#comments-block .comment-footer {
margin: -.25em 0 2em;
font: $commentfooterfont;
color: #999;
text-transform: uppercase;
letter-spacing: .1em;
line-height: 1.4em;
}

#comments-block .comment-body p {
margin: 0 0 .75em;
}

.deleted-comment {
font-style: italic;
color: #CCC;
}

#blog-pager-newer-link {
float: left;
}

#blog-pager-older-link {
float: right;
}

#blog-pager {
text-align: center;
}

.feed-links {
clear: both;
margin: .75em 0;
color: #999;
letter-spacing: .1em;
font: $postfooterfont;
line-height: 1.4em;
}

/***********************************************/
/* Footer */
/***********************************************/

#footer {
clear: both;
width: 100%;
text-align: center;
font-size: .8em;
padding-bottom: 20px;
background-color: #192D43;
}

]]></b:skin>

</head>

<body>

<div id='top-wrapper'>

<div id='container'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Plantilla siete [7] (cabecera)' type='Header'/>
</b:section>
<div id='wrapper'>
<div id='content'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>
</b:section>
</div>
</div>
</div>

</div>



<div id='container2'>

<div id='column'>
<b:section class='column1' id='column1' preferred='yes'>
<b:widget id='HTML2' locked='false' title='Linkeame' type='HTML'/>
<b:widget id='BloggerButton1' locked='false' title='' type='BloggerButton'/>
</b:section>
</div>

<div id='column'>
<b:section class='column2' id='column2' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Blog personal' type='HTML'/>
</b:section>
</div>

<div id='column'>
<b:section class='column3' id='column3' preferred='yes'>
<b:widget id='HTML4' locked='false' title='Blog amigos' type='HTML'/>
</b:section>
</div>

</div>



<div id='container2'>

<div id='column'>
<b:section class='column4' id='column4' preferred='yes'/>
</div>

<div id='column'>
<b:section class='column5' id='column5' preferred='yes'/>
</div>

<div id='column'>
<b:section class='column6' id='column6' preferred='yes'/>
</div>



<div id='footer'>
<div id='inner-wrapper'>
<p>Diseño de <a href='http://thrbrtemplates.blogspot.com/'>thrbrtemplates</a> - Modificado por <a href='http://webjcp.blogspot.com/'>WebJCP</a> julio 2007</p>
</div>
</div>

</div>


</body>
</html>