كود
القالب :
<?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'>
<head>
<b:include
data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[
*//*
Variable Definitions
====================
<Variable
name="textocolor" description="Text Color"
type="color"
default="#63565f" value="#63565f">
<Variable
name="enlacecolor" description="Link Color"
type="color"
default="#cc0000" value="#cc0000">
<Variable
name="colorenlaceencima" description="Hover Link
Color"
type="color"
default="#ff6600" value="#ff6600">
<Variable
name="colortituloblog" description="Blog Title Color"
type="color"
default="#660000" value="#660000">
<Variable
name="descripcioncolor" description="Blog Description
Color"
type="color"
default="#cc0000" value="#cc0000">
<Variable
name="colortituloentrada" description="Post Title
Color"
type="color"
default="#109dd0" value="#109dd0">
<Variable
name="colormenu" description="Menu Color"
type="color"
default="#cc0000" value="#cc0000">
<Variable
name="colortituloslateral" description="Sidebar Title
Color"
type="color"
default="#660000" value="#660000">
<Variable
name="colortextolateral" description="Sidebar Text
Color"
type="color"
default="#cc0000" value="#cc0000">
<Variable
name="colortituloslateral2" description="Sidebar Title
Color Right"
type="color"
default="#660000" value="#660000">
<Variable
name="colortextolateral2" description="Sidebar Text
Color Right"
type="color"
default="#cc0000" value="#cc0000">
*/
#outer-wrapper
{
width:
1010px; margin: 0 auto;
}
/**/
* html .Header { height: 130px;} /* */
#navbar-iframe
{
display:none
!important;
}
/*--
(General) --*/
body
{ background: #f3f2e8
url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/bp.gif)
no-repeat center top; font-family: "Trebuchet MS", Arial,
Helvetica, sans-serif; font-size: 12px; padding: 0px; margin: 0px;
color:#35383d;}
html
{ padding: 0; margin: 0;}
a:link
{ text-decoration: none; color : $enlacecolor; border: 0px;
-moz-outline-style: none;}
a:active
{ text-decoration: underline; color : #cc0000; border: 0px;
-moz-outline-style: none;}
a:visited
{ text-decoration: none; color : #cc0000; border: 0px;
-moz-outline-style: none;}
a:hover {
text-decoration: underline; color : $colorenlaceencima; border: 0px;
-moz-outline-style: none;}
a:focus
{ outline: none;-moz-outline-style: none;}
h1,
h2, h3, h4 {font-family: "Trebuchet MS", Arial, Helvetica,
sans-serif;}
img
{ padding: 0px; margin: 0px; border: none; text-align: center;}
hr
{ border-left:0px solid #abb0b5; border-right:0px solid #abb0b5;
border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5;
height : 1px; }
form
{ padding: 0px; margin: 0px;}
input
{ font-family: 'Verdana'; color: #282b31; font-size: 11px;}
textarea
{ font-family: 'Verdana'; color: #282b31; font-size: 11px;}
select
{ font-family: 'Verdana'; color: #282b31; font-size: 11px;}
#main-wrapper
{overflow:hidden;}
.clear
{clear:both;}
#blog-pager-newer-link
{float: left;}
#blog-pager-older-link
{float: right;}
#blog-pager
{text-align: center; }
/*--
(Header) --*/
#header-wrapper
{
width:
1010px;
margin:
0 auto;
position:relative;
min-height:
130px;
}
#header-inner
{
float:
right; width: 510px;
}
#header-wrapper
h1 {
font-size:
55px; line-height: 55px; letter-spacing: -3px; padding: 0px; margin:
0px; font-weight: bold; font-family: "Trebuchet MS";position:
absolute; top: 48px; color:$colortituloblog; }
#header-wrapper
h1 a, #header-wrapper h1 { color:$colortituloblog; text-decoration:
none; }
#header-wrapper
h1 a:visited { color:#660000; text-decoration: none; }
#header-wrapper
h1 a:hover { color:#660000; text-decoration: none; }
#header-wrapper
p {
position:
absolute; top: 105px; color:$descripcioncolor; font-size: 14px;
line-height: 14px; font-weight: bold; font-family: "Trebuchet
MS"; padding: 0px; margin: 0px;
}
/*--
(Menu) --*/
.Menu
{ width: 470px; padding: 0px 0px 0px 30px; float: left; position:
absolute; top: 100px; }
.Menu
em { display: none}
.Menu
ul { list-style: none; margin: 0px; padding: 0px;}
.Menu
ul li { padding: 0px; margin: 0px; display: inline; font-size: 14px;
line-height: 14px; font-weight: bold; font-family: "Trebuchet
MS"; }
.Menu
ul li a { padding: 0px 0px 0px 9px; background:
url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/menuleft.gif)
no-repeat left top; float: left;}
.Menu
ul li a span { padding: 4px 9px 9px 0px; display: block; background:
url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/menuright.gif)
no-repeat right top; float: right; }
.Menu
ul li a span { float: none; color: $colormenu;}
.Menu
ul li a:hover span { color: #cc0000;}
.Menu
ul li a:hover { background-position: 0% -27px; color:#ffff99;
text-decoration: none;}
.Menu
ul li a:hover span { background-position: 100% -27px;
color:#ffff99;}
.Menu
ul li ul { display: none;}
/*--
(Content) --*/
#content-wrapper
{
width:
980px; float: left; padding: 14px; border: solid 1px #e1dfd0;
background: #fff;
}
/*--
(Main) --*/
#main-wrapper
{
width:
435px; float: left; padding: 0px 15px 0px 15px;
}
.post
{
padding:
15px 0px; position: relative; clear: left;
}
.PostHead
{ margin-left: 55px; }
.post-title,
.post-title a { font-size: 24px; line-height: 24px; letter-spacing:
-1px; font-weight: bold; padding: 0px 0px 1px 0px; margin: 0px; }
.post-title
a { color:$colortituloentrada; text-decoration: none;}
.post-title
a:visited { color: #109dd0; text-decoration: none;}
.post-title
a:hover { color:#000; text-decoration: none;}
.post-body
{ padding: 10px 0px 0px 0px; font-size: 13px; line-height: 1.4em ;
color:$textocolor}
.post-body
p { font-size: 13px; line-height: 1.4em;}
.post-body
p strong {}
.post-body
img {}
.post-body
ol { padding: 10px 0px 10px 25px; margin: 0px; }
.post-body
ol li { padding: 2px 0px 2px 0px; font-size: 12px; line-height: 15px;
color:#63565f; }
.post-body
ul { padding: 5px 0px; margin: 0px; }
.post-body
ul li { padding: 2px 0px 2px 15px; list-style-type: none; background:
url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/postcontentliicotr2.png)
no-repeat left top; font-size: 12px; line-height: 15px;
color:#63565f; }
.post-body
blockquote { padding: 10px; margin: 0px; color:#993366; background:
#eaf7ff;}
.post-body
blockquote p { font-size: 12px; padding: 0px; margin: 0px;
line-height: 15px;}
.post-body
blockquote li { padding: 2px 0px 2px 15px; list-style-type: none;
font-size: 12px; line-height: 15px;}
.post-body
blockquote a { color:#336699;}
.post-body
blockquote a:visited { color:#336699;}
.post-body
blockquote a:hover { color:#000033;}
/**/
* html .post-body p img {} /* */
.post-body
p img { max-width: 420px;}
.post-body
p img { width:expression(this.width > 420 ? "420px" :
this.width); }
.post-body
img { margin: 0px 10px 10px 0px; float: left; border:solid 1px
#495b6b;}
.PostHead
small {display:block; font-size:11px; font-weight:bold;
line-height:14px; margin:0px; padding:0px; }
/**/
* html #fecha { left: -70px;} /**/
#fecha
{ padding: 0px; margin: 0px; position: absolute; left: -15px; top:
3px; background:
url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/PostTimeBkg.gif)
no-repeat; height: 71px; width: 67px; text-align: center; color:#fff;
}
#fecha
strong { display: block; line-height: 9px; font-family: 'Verdana';}
small#fecha
{
padding:
0px; margin: 0px; font-size: 11px; line-height: 14px; font-weight:
bold; display: block
}
#fecha
.fecha_dia{ font-size: 16px; line-height: 18px; letter-spacing: -1px;
padding-top: 20px; font-family: 'Arial';}
#fecha
.fecha_mes { font-size: 10px; text-transform: lowercase;}
#fecha
.fecha_anio { padding-top: 7px; font-weight: normal; }
#fecha
span {padding: 0px; margin: 0px; font-size: 11px; line-height: 14px;
font-weight: bold; display: block}
.post-labels
{ color:#ff6600; }
.post-labels
a { color:#ff6600; text-decoration: none; }
.post-labels
a:visited { color:#ff6600; text-decoration: none; }
.post-labels
a:hover { color:#ff6600; text-decoration: none; }
.post-author
{color:#999;}
.post-comment-link
.comment-link {padding: 5px 0px 5px 20px;display: inline;
color:#336699; font-size: 12px; background:
url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/PostCom.png)
no-repeat left center;}
.post-comment-link
a {font-weight: bold; text-decoration: none; color:#ff6600;}
.post-comment-link
li a:visited { font-weight: bold; text-decoration: none;
color:#ff6600;}
.post-comment-link
li a:hover { font-weight: bold; text-decoration: none;
color:#cc0000;}
#blog-pager
{ font-size: 11px; padding: 10px 0px; color:#666; font-family:
'Verdana';}
#blog-pager
a { padding: 1px 6px 1px 4px; font-size: 11px;}
#blog-pager
a:visited { padding: 1px 6px 1px 4px; }
#blog-pager
a:hover { padding: 1px 6px 1px 4px; text-decoration: none;}
/*--
(Sidebar) --*/
#sidebar-wrapper
{
width:
500px; float: right; position: relative; padding: 0px;
}
#sidebar-itz
{ width: 320px; float: left; position: relative;}
#sidebar-izq
{ width: 320px; float: left; position: relative;}
#sidebar-izq
.widget { background: #fff3e2
url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/SRL-widgetbkg.gif)
repeat-x left top; padding: 10px; margin-bottom: 10px;}
#sidebar-izq
.widget h2 { color:$colortituloslateral; font-size: 14px;
border-bottom: solid 1px #ffe0bf; padding: 0px 0px 5px 0px; margin:
0px;}
#sidebar-izq
.widget ul { margin: 0px; padding: 0px;}
#sidebar-izq
.widget li { margin: 0px; padding: 0px; list-style-type: none; }
#sidebar-izq
.widget a { color:$colortextolateral;}
#sidebar-izq
.widget a:visited { color:#cc0000;}
#sidebar-izq
.widget a:hover { color:#ff6600; text-decoration: none;}
/**/
*html .Search { height: 74px;} /**/
.Search
{ background: #cc0000
url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/Search.gif)
no-repeat left top; right: 0px; padding: 45px 20px 20px 20px;
min-height: 74px;}
.Search
form { background:
url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/SearchForm.gif)
no-repeat left top; padding: 0px; margin: 0px; }
.Search
input { color: #330033; font-size: 12px;}
.Search
input.keyword { background: none; border: none; padding: 5px
0px 5px 8px; width: 240px; }
.Search
input.search { width: 27px; height: 24px; background:
url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/SearchButton.gif)
no-repeat;}
.Search
.bt { padding: 0px; margin: 43px 0px 0px 0px; top: 2px; background:
none; position: absolute; right: 23px; }
.Syn
ul { margin: 0px; padding: 5px 0px;}
.Syn
li { background:
url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/SynIco.png)
no-repeat left center; margin: 0px 5px 0px 0px; padding: 3px 0px 3px
15px; list-style-type: none; font-size: 14px; color:#ffcc66; display:
inline; font-weight: bold;}
.Syn
li a {color:#fff; }
.Syn
li a:visited {color:#fff; }
.Syn
li a:hover {color:#fff; }
/*
Description Blog */
.About
{ background: #ff6600
url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/AboutBkg.gif)
no-repeat left bottom; padding: 0px 20px 10px 20px; color:#fff;}
.About
h2 { padding: 0px; margin: 0px; font-size: 18px; font-weight:
normal;}
.About
p { padding: 5px 0px; margin: 0px; font-size: 13px; line-height:
16px;}
.Recent
{
background:#FFE0BF
url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/RecentBkg-1.gif)
repeat-x scroll left top;
margin-bottom:10px;
padding:10px;
}
.TabMenu
{
float:left;
margin:0px;
padding:0px;
}
.TabMenu
li {
display:inline;
font-family:"Trebuchet
MS";
font-size:14px;
font-weight:bold;
line-height:14px;
list-style-type:none;
margin:0px;
padding:0px;
text-transform:lowercase;
}
.TabMenu
li a {
background:transparent
url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/mleft.gif)
no-repeat scroll left top;
float:left;
margin-right:7px;
padding:0px
0px 0px 9px;
}
.TabMenu
li a span {
background:transparent
url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/mright.gif)
no-repeat scroll right top;
display:block;
float:right;
padding:4px
9px 9px 0px;
}
.TabMenu
li a span {
color:#CC0000;
float:none;
}
.TabMenu
li a:hover span {
color:#CC0000;
}
.TabMenu
li a:hover {
background-position:0%
-27px;
color:#FFFF99;
text-decoration:none;
}
.TabMenu
li a:hover span {
background-position:100%
-27px;
color:#FFFF99;
}
.TabLink
a.active:link {
background-position:0%
-27px;
color:#FFFF99;
text-decoration:none;
}
.TabLink
a.active:link span {
background-position:0%
-27px;
color:#FFFF99;
text-decoration:none;
}
.TabLink
a.active:visited {
background-position:left
bottom;
color:#FFFF99;
}
.TabLink
a.active:visited span {
background-position:right
bottom;
color:#FFFF99;
}
.TabContent
{
clear:left;
padding-top:10px;
}
.TabContent
ul {
margin:0px;
padding:0px;
}
.TabContent
li {
border-bottom:1px
solid #ECC9A5;
color:#000033;
font-size:13px;
list-style-type:none;
margin:0px;
padding:1px
0px;
}
.TabContent
li a {
color:#336699;
text-decoration:none;
}
.TabContent
li a:visited {
color:#336699;
text-decoration:none;
}
.TabContent
li a:hover {
color:#000033;
text-decoration:none;
}
#sidebar-der
{ width: 165px; float: right; padding: 0px 0px 0px 0px;}
#sidebar-der
h2 { color:$colortituloslateral2; font-size: 16px; border-bottom:
solid 1px #eeede4; letter-spacing: -1px; padding: 5px 0px; margin:
0px;}
#sidebar-der
ul { margin: 0px; padding: 0px;}
#sidebar-der
li { margin: 0px; padding: 0px; list-style-type: none; }
#sidebar-der
a { color:$colortextolateral2;}
#sidebar-der
a:visited { color:#cc0000;}
#sidebar-der
a:hover { color:#ff6600; text-decoration: none;}
#sidebar-der
.widget { margin: 0px 0px 10px 0px; padding: 0px;}
#sidebar-der
.widget ul { margin: 0px; padding: 0px;}
#sidebar-der
.widget li { margin: 0px; padding: 1px 0px 1px 0px; list-style-type:
none; font-size: 12px; border-bottom: solid 1px #eeede4; color:#999;}
#sidebar-der
.widget li a { color:$colortextolateral2;}
#sidebar-der
.widget li a:visited { color:#cc0000;}
#sidebar-der
.widget li a:hover { color:#ff6600; text-decoration: none;}
#sidebar-wrapper
.Label ul { margin: 0px; padding: 0px;}
#sidebar-wrapper
.Label ul li { margin: 0px; padding: 1px 0px 1px 0px;
list-style-type: none; font-size: 12px; border-bottom: solid 1px
#eeede4; color:#999; font-weight: bold;}
#sidebar-wrapper
.Label ul li a { color:#cc0000;}
#sidebar-wrapper
.Label ul li a:visited { color:#cc0000;}
#sidebar-wrapper
.Label ul li a:hover { color:#ff6600; text-decoration: none;}
.widget-content
{
}
.sidebar
.widget {
}
#footer-wrapper
{ width: 100%; float: left; padding: 0px;
}
#footer-wrapper
{ width: 980px; margin: 0 auto; background:
url(http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/FooterIco.gif)
no-repeat left center; padding: 10px 0px 10px 30px;}
#footer-wrapper
p { font-size: 10px; line-height: 12px; color:#999; padding: 0px;
margin: 0px; font-family: 'Verdana'; }
#footer-wrapper
a { color:#999; text-decoration: underline;}
#footer-wrapper
.links {
}
/*--
(Comments) --*/
#comments
h4 {
font-size:
16px; letter-spacing: -1px; margin: 0px 0px 5px 0px; padding: 10px
0px; color:#660000; border-bottom: solid 2px #660000;
}
#comments
dl {
padding:
0px; margin: 0px;
}
.comment-author
{ margin: 15px 0 0 0; padding: 0px; font-size: 11px; line-height:
12px; color:#999; font: bold 16px "Trebuchet MS",
sans-serif; letter-spacing: -1px; color:#666;}
.comment-author
a { color:#cc0000; text-decoration: none;}
.comment-body
{ margin: 10px 0px 0px 0px; padding: 0px; font-size: 12px;
line-height: 16px; border-top: solid 1px #ccc;}
.comment-body
p { margin: 0px; padding: 5px 0px; font-size: 12px; line-height:
16px;}
dd
.comment-timestamp a {
color:#999999;
text-decoration:none;
}
dd.comment-footer
{
margin-left:0;
padding-left:0;
}
/**
Page structure tweaks for layout editor wireframe */
body#layout
#sidebar, body#layout #main,
body#layout
#main-wrapper,
body#layout
#outer-wrapper,
body#layout
#sidebar-wrapper {
padding:
0;
}
body#layout
#outer-wrapper {
width:
740px;
margin-left:
auto;
margin-right:
auto;
}
body#layout
#wrap2 {
width:
740px;
margin-left:
auto;
margin-right:
auto;
}
body#layout
#content-wrapper {
margin-left:
0px;
margin-right:
0px;
width:
740px;
padding:
0;
}
body#layout
#header-wrapper {
margin-left:
0px;
margin-right:
0px;
width:
740px;
padding:
0;
}
body#layout
#footer-wrapper {
margin-left:
0px;
margin-right:
0px;
width:
740px;
padding:
0;
}
body#layout
#header-inner {
margin-left:
0px;
margin-right:
0px;
width:
740px;
padding:
0;
}
body#layout
.Menu {
margin-left:
0px;
margin-right:
0px;
width:
740px;
padding:
0;
}
body#layout
#footer1 {
margin-left:
0px;
margin-right:
0px;
width:
740px;
padding:
0;
}
body#layout
#main-wrapper {
margin-left:
0px;
margin-right:
0px;
width:
500px;
padding:
0 0 0 0;
}
body#layout
#sidebar-wrapper {
margin-left:
0px;
margin-right:
0px;
width:
240px;
padding:
0 0 0 0px;
}
body#layout
#container-bottom {
width:740px;
margin:0
auto;
padding-top:15px;
}
body#layout
#sidebar-itz {
margin-left:
0px;
margin-right:
0px;
width:
110px;
padding:
0 0 0 0px;
}
body#layout
#sidebar-der {
margin-left:
0px;
margin-right:
0px;
width:
110px;
padding:
0 0 0 0px;
}
body#layout
#sidebar-izq {
margin-left:
0px;
margin-right:
0px;
width:
110px;
padding:
0 0 0 0px;
}
body#layout
.container-top {
width:740px;
margin:0
auto;
padding-top:15px;
}
]]></b:skin>
<script>
function
remplaza_fecha(d){
var
da = d.split(' ');
dia
= "<strong
class='fecha_dia'>"+da[2].replace(/,/,"")+"</strong>";
mes
= "<strong
class='fecha_mes'>"+da[1].slice(0,3)+"</strong>";
anio
= "<strong
class='fecha_anio'>"+da[3]+"</strong>";
document.write(dia+mes+anio);
}
</script>
<script
type="text/javascript">
//
<![CDATA[
function
display(id)
{
var
zDD=document.getElementById('show').getElementsByTagName('div');
var
ZON=document.getElementById('name_'+id);
for(var
i=0;i<zDD.length;i++){
zDD[i].className='hide';
}
ZON.className='show';
var
d1=document.getElementById('topTab');
dArr=d1.getElementsByTagName('a');
for(var
i=0;i<dArr.length; i++)
{
if(id==(i+1))
{
str=dArr[i].className;
dArr[i].className=str.replace('_on','')+'_on';
}
else{
str=dArr[i].className;
dArr[i].className=str.replace('_on','');
}
}
/*
if(id==1){
d1.className='cautare_on'; d2.className='contulmeu';}
else{
d1.className='cautare'; d2.className='contulmeu_on'; }
*/
}
function
ShowTab(T)
{
i
= 0;
while(document.getElementById("tab"
+ i) != null){
document.getElementById("div"
+ i).style.display = "none";
document.getElementById("tab"
+ i).className = "";
document.getElementById("paging"
+ i).style.display = "none";
i++;
}
document.getElementById("paging"
+ T).style.display = "";
document.getElementById("div"
+ T).style.display = "";
document.getElementById("tab"
+ T).className = "active";
}
//
]]>
</script>
</head>
<body>
<div
id='outer-wrapper'>
<div
id='wrap2'>
<!-- skip
links for text browsers -->
<span
id='skiplinks' style='display:none;'>
<a
href='#main'>skip to main </a>
<a
href='#sidebar'>skip to sidebar</a>
</span>
<!--
(Header) -->
<div
id='header-wrapper'>
<div
id='header-in'>
<b:section
class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget
id='Header1' locked='true' title='Dilectio (header)' type='Header'>
<b:includable
id='main'>
<b:if
cond='data:useImage'>
<b:if
cond='data:imagePlacement == "REPLACE"'>
<!--Show
just the image, no text-->
<div
id='header-inner'>
<a
expr:href='data:blog.homepageUrl' style='display: block'>
<img
expr:alt='data:title' expr:height='data:height'
expr:id='data:widget.instanceId + "_headerimg"'
expr:src='data:sourceUrl' expr:width='data:width' style='display:
block'/>
</a>
</div>
<b:else/>
<!--
Show image
as background to text. You can't really calculate the width
reliably
in JS because margins are not taken into account by any of
clientWidth,
offsetWidth or scrollWidth, so we don't force a minimum
width.
This results in a margin-width's worth of pixels being cropped,
which is
probably better than having them overflow out of the div.
-->
<b:if
cond='data:blog.languageDirection == "rtl"'>
<div
expr:style='"background-image: url(\"" +
data:sourceUrl + "\"); "
+
"background-position: right; "
+ "min-height:
" + data:height + "px;"
+ "_height: "
+ data:height + "px;"
+ "background-repeat:
no-repeat; "' id='header-inner'>
<div
class='titlewrapper' style='background: transparent'>
<h1
class='title' style='background: transparent; border-width: 0px'>
<b:include
name='title'/>
</h1>
</div>
<b:include
name='description'/>
</div>
<b:else/>
<div
expr:style='"background-image: url(\"" +
data:sourceUrl + "\"); "
+
"background-position: left; "
+ "min-height: "
+ data:height + "px;"
+ "_height: " +
data:height + "px;"
+ "background-repeat:
no-repeat; "' id='header-inner'>
<div
class='titlewrapper' style='background: transparent'>
<h1
class='title' style='background: transparent; border-width: 0px'>
<b:include
name='title'/>
</h1>
</div>
<b:include
name='description'/>
</div>
</b:if>
</b:if>
<b:else/>
<!--No header
image -->
<div
id='header-inner'>
<div
class='titlewrapper'>
<h1
class='title'>
<b:include
name='title'/>
</h1>
</div>
<b:include
name='description'/>
</div>
</b:if>
</b:includable>
<b:includable
id='title'>
<b:if
cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a
expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable
id='description'>
<div
class='descriptionwrapper'>
<p
class='description'><span><data:description/></span></p>
</div>
</b:includable>
</b:widget>
<b:widget
id='LinkList3' locked='true' title='Top Tabs' type='LinkList'>
<b:includable
id='main'>
<div
class='widget-content'>
<b:if
cond='data:title'></b:if>
<div
class='Menu'>
<ul>
<li class='page_item'><a href='/'><span>Home</span></a></li>
<b:loop
values='data:links' var='link'>
<li
class='page_item'><a
expr:href='data:link.target'><span><data:link.name/></span></a></li>
</b:loop>
</ul>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div><!--
header in -->
</div><!--
header wrapper -->
<!--
(Container) -->
<div
id='content-wrapper'>
<!--
(Main) -->
<div
id='main-wrapper'>
<b:section
class='main' id='main' showaddelement='no'>
<b:widget
id='Blog1' locked='true' title='Entradas del blog' type='Blog'>
<b:includable
id='nextprev'>
<div
class='blog-pager' id='blog-pager'>
<b:if
cond='data:newerPageUrl'>
<span
id='blog-pager-newer-link'>
<a
class='blog-pager-newer-link' expr:href='data:newerPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-newer-link"'
expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if
cond='data:olderPageUrl'>
<span
id='blog-pager-older-link'>
<a
class='blog-pager-older-link' expr:href='data:olderPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-older-link"'
expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<b:if
cond='data:blog.homepageUrl != data:blog.url'>
<a
class='home-link'
expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if
cond='data:newerPageUrl'>
<a
class='home-link'
expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div>
<div
class='clear'/>
</b:includable>
<b:includable
id='backlinks' var='post'>
<a
name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if
cond='data:post.numBacklinks != 0'>
<dl
class='comments-block' id='comments-block'>
<b:loop
values='data:post.backlinks' var='backlink'>
<div
class='collapsed-backlink backlink-control'>
<dt
class='comment-title'>
<span
class='backlink-toggle-zippy'> </span>
<a
expr:href='data:backlink.url'
rel='nofollow'><data:backlink.title/></a>
<b:include
data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd
class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd
class='comment-footer collapseable'>
<span
class='comment-author'><data:post.authorLabel/>
<data:backlink.author/></span>
<span
class='comment-timestamp'><data:post.timestampLabel/>
<data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p
class='comment-footer'>
<a
class='comment-link' expr:href='data:post.createLinkUrl'
expr:id='data:widget.instanceId + "_backlinks-create-link"'
target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable
id='post' var='post'>
<div
class='post hentry uncustomized-post-template'><div
class='PostHead'>
<a
expr:name='data:post.id'/>
<b:if
cond='data:post.title'>
<h2
class='post-title entry-title'>
<b:if
cond='data:post.link'>
<a
expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if
cond='data:post.url'>
<a
expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<small
id='fecha'>
<script>remplaza_fecha('<data:post.timestamp/>');</script>
</small>
<small
class='post-author vcard'>
<b:if
cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span
class='fn'><data:post.author/></span>
</b:if>
</small>
<small
class='post-labels'>
<b:if
cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop
values='data:post.labels' var='label'>
<a
expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if
cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</small>
</div>
<div
class='post-header-line-1'/>
<div
class='post-body entry-content'>
<p><data:post.body/></p>
<div
style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div
class='post-footer'>
<p
class='post-footer-line post-footer-line-1'>
<span
class='post-comment-link'>
<b:if
cond='data:blog.pageType != "item"'>
<b:if
cond='data:post.allowComments'>
<a
class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><b:if
cond='data:post.numComments == 1'>1
<data:top.commentLabel/><b:else/><data:post.numComments/>
<data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>
<!--
backlinks -->
<span
class='post-backlinks post-comment-link'>
<b:if
cond='data:blog.pageType != "item"'>
<b:if
cond='data:post.showBacklinks'>
<a
class='comment-link' expr:href='data:post.url +
"#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span>
<span
class='post-icons'>
<!--
email post links -->
<b:if
cond='data:post.emailPostUrl'>
<span
class='item-action'>
<a
expr:href='data:post.emailPostUrl'
expr:title='data:top.emailPostMsg'>
<img
alt='' class='icon-action'
src='http://www.blogger.com/img/icon18_email.gif'/>
</a>
</span>
</b:if>
<!--
quickedit pencil -->
<b:include
data='post' name='postQuickEdit'/>
</span>
</p>
<p
class='post-footer-line post-footer-line-2'/>
<p
class='post-footer-line post-footer-line-3'/>
</div>
</div>
</b:includable>
<b:includable
id='commentDeleteIcon' var='comment'>
<span
expr:class='"item-control " + data:comment.adminClass'>
<a
expr:href='data:comment.deleteUrl'
expr:title='data:top.deleteCommentMsg'>
<span
class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable
id='status-message'>
<b:if
cond='data:navMessage'>
<div
class='status-msg-wrap'>
<div
class='status-msg-body'>
<data:navMessage/>
</div>
<div
class='status-msg-border'>
<div
class='status-msg-bg'>
<div
class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div
style='clear: both;'/>
</b:if>
</b:includable>
<b:includable
id='feedLinks'>
<b:if
cond='data:blog.pageType != "item"'> <!-- Blog feed
links -->
<b:if
cond='data:feedLinks'>
<div
class='blog-feeds'>
<b:include
data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/>
<!--Post feed links -->
<div
class='post-feeds'>
<b:loop
values='data:posts' var='post'>
<b:if
cond='data:post.allowComments'>
<b:if
cond='data:post.feedLinks'>
<b:include
data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable
id='backlinkDeleteIcon' var='backlink'>
<span
expr:class='"item-control " + data:backlink.adminClass'>
<a
expr:href='data:backlink.deleteUrl'
expr:title='data:top.deleteBacklinkMsg'>
<span
class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable
id='feedLinksBody' var='links'>
<div
class='feed-links'>
<data:feedLinksMsg/>
<b:loop
values='data:links' var='f'>
<a
class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType'
target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable
id='postQuickEdit' var='post'>
<b:if
cond='data:post.editUrl'>
<span
expr:class='"item-control " + data:post.adminClass'>
<a
expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img
alt='' class='icon-action'
src='http://www.blogger.com/img/icon18_edit_allbkg.gif'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable
id='comments' var='post'>
<div
class='comments' id='comments'>
<a
name='comments'/>
<b:if
cond='data:post.allowComments'>
<h4>
<b:if
cond='data:post.numComments == 1'>
1
<data:commentLabel/>:
<b:else/>
<data:post.numComments/>
<data:commentLabelPlural/>:
</b:if>
</h4>
<dl
id='comments-block'>
<b:loop
values='data:post.comments' var='comment'>
<dt
expr:class='"comment-author " + data:comment.authorClass'
expr:id='data:comment.anchorName'>
<a
expr:name='data:comment.anchorName'/>
<b:if
cond='data:comment.authorUrl'>
<a
expr:href='data:comment.authorUrl'
rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd
class='comment-body'>
<b:if
cond='data:comment.isDeleted'>
<span
class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd
class='comment-footer'>
<span
class='comment-timestamp'>
<a
expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include
data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
<p
class='comment-footer'>
<a
expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</p>
</b:if>
<div
id='backlinks-container'>
<div
expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if
cond='data:post.showBacklinks'>
<b:include
data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable
id='main' var='top'>
<!--
posts -->
<div
class='blog-posts hfeed'>
<b:include
data='top' name='status-message'/>
<data:adStart/>
<b:loop
values='data:posts' var='post'>
<!--
***************************************************************************
<b:if
cond='data:post.dateHeader'>
<h2
class='date-header'><data:post.dateHeader/></h2>
</b:if>
-->
<b:include
data='post' name='post'/>
<b:if
cond='data:blog.pageType == "item"'>
<b:include
data='post' name='comments'/>
</b:if>
<b:if
cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
<!--
navigation -->
<b:include
name='nextprev'/>
<!--
feed links -->
<b:include
name='feedLinks'/>
</b:includable>
</b:widget>
</b:section>
</div>
<!--
(Sidebar) -->
<div
id='sidebar-wrapper'>
<div
id='sidebar-itz'>
<b:section
class='sidebar-top' id='sidebar-top' preferred='yes'>
<b:widget
id='SearchBox' locked='true' title='Search' type='HTML'>
<b:includable
id='main'>
<div
class='Search'>
<form
expr:action='data:blog.homepageUrl + "search"'
method='get'>
<b:if
cond='data:title'></b:if>
<input
class='keyword' name='q' type='text' value='' />
<div
class='bt'>
<input
alt='Search' class='search' name='submit'
src='http://i254.photobucket.com/albums/hh92/eblogtemplates/dilectio/buttontransparentkb4.png'
title='Search' type='image'/>
</div>
</form>
<div
class='Syn'>
<ul>
<li><a
expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Entries</a>
(RSS)</li>
<li><a
expr:href='data:blog.homepageUrl +
"feeds/comments/default"'>Comments</a> (RSS)</li>
</ul>
</div>
</div>
</b:includable>
</b:widget>
<b:widget
id='About1' locked='false' title='About' type='HTML'>
<b:includable
id='main'>
<div
class='About'>
<b:if
cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div
class='widget-content'>
<!--
if content is empty, show placeholder images -->
<b:if
cond='data:content == ""'>
<p>This
is the ideal place to describe the site, edit it sees
"Template", "Edit html" and looks
the same text. Lorem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur.</p>
</b:if>
<p><data:content/></p>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
<!--
Start Recent Comments/Articles -->
<div
class="Recent">
<b:section
class='sidebar-top-recent' id='sidebar-top-recent' preferred='yes'>
<b:widget
id='Recent-Posts-Widget1' locked='false' title='Recent Posts'
type='Feed'>
<b:includable
id='main'>
<b:if
cond='data:title'></b:if>
<div
class='widget-content'>
<ul
class="TabMenu">
<li
class="TabLink"><a href="#top" id="tab0"
onclick="ShowTab(0)"><span>Recent
Articles</span></a></li>
<li
class="TabLink"><a href="#top" id="tab1"
onclick="ShowTab(1)"><span>Recent
Comments</span></a></li>
<li
class="NavLinks" id="paging0"><div
style="display:none"></div></li>
<li
class="NavLinks" id="paging1"><div
style="display:none"></div></li>
</ul>
<div
class="TabContent" style="display:none"
id="div0">
<ul
expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
<b:loop
values='data:feedData.items' var='i'>
<li>
<span
class='item-title'>
<a
expr:href='data:i.alternate.href'>
<data:i.title/>
</a>
</span>
<b:if
cond='data:showItemDate'>
<b:if
cond='data:i.str_published != ""'>
<span
class='item-date'>
 - <data:i.str_published/>
</span>
</b:if>
</b:if>
<b:if
cond='data:showItemAuthor'>
<b:if
cond='data:i.author != ""'>
<span
class='item-author'>
 - <data:i.author/>
</span>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
</div>
</div>
</b:includable>
</b:widget>
<b:widget
id='Recent-Comments-Widget1' locked='false' title='Recent Comments'
type='Feed'>
<b:includable
id='main'>
<b:if
cond='data:title'></b:if>
<div
class='widget-content'>
<div
class="TabContent" style="display:none"
id="div1">
<ul
expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
<b:loop
values='data:feedData.items' var='i'>
<li>
<span
class='item-title'>
<a
expr:href='data:i.alternate.href'>
<data:i.title/>
</a>
</span>
<b:if
cond='data:showItemDate'>
<b:if
cond='data:i.str_published != ""'>
<span
class='item-date'>
 - <data:i.str_published/>
</span>
</b:if>
</b:if>
<b:if
cond='data:showItemAuthor'>
<b:if
cond='data:i.author != ""'>
<span
class='item-author'>
 - <data:i.author/>
</span>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
<script
type="text/javascript">ShowTab(0);</script>
</div>
<!--
End Recent Comments/Articles -->
</div>
<div
id='sidebar-der'>
<b:section
class='sidebar' id='sidebar2' preferred='yes'>
<b:widget
id='Label1' locked='false' title='Categories' type='Label'>
<b:includable
id='main'>
<b:if
cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div
class='widget-content'>
<ul>
<b:loop
values='data:labels' var='label'>
<li>
<b:if
cond='data:blog.url == data:label.url'>
<span
expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a
expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span
dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
<b:widget
id='BlogArchive1' locked='false' title='Archives' type='BlogArchive'>
<b:includable
id='main'>
<b:if
cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div
class='widget-content'>
<div
expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:include
data='data' name='flat'/>
</div>
</div>
</b:includable>
<b:includable
id='flat' var='data'>
<ul>
<b:loop
values='data:data' var='i'>
<li
class='archivedate'>
<a
expr:href='data:i.url'><data:i.name/></a>
(<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable
id='posts' var='posts'>
<ul
class='posts'>
<b:loop
values='data:posts' var='i'>
<li><a
expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
</b:widget>
<b:widget
id='LinkList1' locked='false' title='Links' type='LinkList'>
<b:includable
id='main'>
<b:if
cond='data:title'><h2><data:title/></h2></b:if>
<div
class='widget-content'>
<ul>
<b:loop
values='data:links' var='link'>
<li><a
expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div
id='sidebar-izq'>
<b:section
class='sidebar' id='sidebar1' preferred='yes'>
<b:widget
id='LinkList2' locked='false' title='Blogroll' type='LinkList'>
<b:includable
id='main'>
<b:if
cond='data:title'><h2><data:title/></h2></b:if>
<div
class='widget-content'>
<ul>
<b:loop
values='data:links' var='link'>
<li><a
expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
<b:widget
id='AdSense1' locked='false' title='Sponsors' type='AdSense'>
<b:includable
id='main'>
<b:if
cond='data:title != ""'>
<h2
class='title'><data:title/></h2>
</b:if>
<div
class='widget-content'>
<data:adCode/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div
class='clear'/>
</div> <!--
end content-wrapper -->
<div
id='footer-wrapper'>
<b:section
class='footer' id='footer' showaddelement='yes'/>
</div>
<!--
Don't delete or change please! We worked many hours converting this
free template for you. All we ask in return is to keep the footer
credits -->
<p><strong>Copyright
© 2008 - <a expr:href='data:blog.homepageUrl'
style='text-decoration: none;'><data:blog.title/></a>
- is proudly powered by <a href='http://www.blogger.com/'
style='text-decoration: none;'>Blogger</a></strong><br/>
<a
href='http://blogger-templates.blogspot.com/' title='Blogger
Templates'>Blogger Template</a></p>
</div>
</div>
<!-- end outer-wrapper -->
</body>
</html>
