http://thevampirediaresitalia.blogspot.com/
questo è il tema originale
http://btemplates.com/2009/04/23/template-abril/
vedete la riga rossa? quando inserisco l'immagine vengono erroneamente sovrapposte..come modifico l'html per far si che non succeda?
<?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 expr:dir='data:blog.languageDirection' 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[/*
-----------------------------------------------
Blogger Template Style
Name: Minima
Designer: Douglas Bowman
URL: http://www.stopdesign.com
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#ffffff">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#e6e6e6">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#ffc5e8">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#ffc5e8">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#80717a">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#e4c5ff">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#cccccc">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#ffd1f0">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#e6e6e6">
<Variable name="sidebarlinkcolor" description="Sidebar Link Color"
type="color" default="#666" value="#806374">
<Variable name="sidebarlinkhover" description="Sidebar Link Hover"
type="color" default="#666" value="#ffc5e8">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#6131BD">
<Variable name="diacolor" description="Dia Color"
type="color" default="#999" value="#e895cc">
<Variable name="mescolor" description="Mês Color"
type="color" default="#999" value="#806374">
<Variable name="anocolor" description="Ano Color"
type="color" default="#999" value="#806374">
<Variable name="menulinkcolor" description="Menu Link Color"
type="color" default="#999" value="#ffe2f3">
<Variable name="menulinkhover" description="Menu Link Hover"
type="color" default="#999" value="#806374">
<Variable name="textbloquotecolor" description="Text Blockquote Color"
type="color" default="#999" value="#806374">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 99% Arial, sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 115% Arial, sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="normal normal 259% Arial, sans-serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 86% Arial, 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 70% Arial, sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/
/* Use this with templates/template-twocol.html */
body {
background:url(http://2.bp.blogspot.com/_V-IXTBBt1Bg/SfAM187kgJI/AAAAAAAABBY/gB1YOc7NMvM/s1600/back.png) repeat;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}
#navbar-iframe{height:0px}
/* Header
-----------------------------------------------
*/
#header-wrapper {
width:100%;
margin:0 auto 0px;
height:128px;
}
#headerleft {
float:left;
font-size:14px;
margin:0 0 0;
padding:0 0 0;
width:640px;}
#header h1 {
margin:0;
color:$pagetitlecolor;
padding:35px 0px 0px 60px;
line-height:1.2em;
text-transform:capitalie;
letter-spacing:0em;
font: $pagetitlefont;
}
#header a {
color:$pagetitlecolor;
text-decoration:none; }
#header a:hover {
color:$pagetitlecolor; }
#header .description {
margin:0;
padding:8px 0px 0px 70px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}
#headerright {
float:right;
font-weight:normal;
margin:0px;
padding:60px 0px 0px 0px;
_padding:35x 0px 0px 0px;
width:300px;
height: 88px
}
#headerright p {
margin:0 0 0 10px;
padding:0 0 0 0px;
color:#fff;
}
#headerright a, #headerright a:visited {
color:#f4f4f4;
font-size:11px;
padding:0;
text-decoration:none;
text-transform:uppercase;
}
#headerright a img {
border:medium none;
margin:0 1px 1px 0;
padding:0;
}
#headerright ul {
list-style-type:none;
margin:0;
padding:0;
}
.signup {
margin:0 0 0;
height:40px;
padding:5px 0 0 0;
*padding:0px 0 0 0;
_padding:0px 0 0 0;
}
#subscribe {
margin:5px 0 0 0;
overflow:hidden;
padding:0;
}
#box {
background:#F5F5F5 !important;
border-color:#666666 #DDDDDD #DDDDDD #666666;
border-style:solid;
border-width:1px;
color:#000000;
display:inline;
font-family:Arial,Tahoma,Verdana;
font-size:12px;
font-weight:normal;
margin:10px 0 0 0px;
padding:2px;
width:210px;
}
#navigation{
height:47px;
width: 100%;
line-height:2.2em;
margin:0px auto 0px;
position: relative;
}
#navigation ul{
margin: 18px 0 0 35px;
_margin: 0px 0 0 35px;
padding: 0px 0 0 0px;}
#navigation li{
float:left;
list-style-type:none;
white-space:nowrap;
}
#navigation li a{
display:block;
padding:0 20px;
font-size:0.9em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: $menulinkcolor;
}
#navigation .selected,#navigation a:hover{
color:$menulinkhover;
text-decoration:none;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 1046px;
margin:0 auto;
padding:0px;
text-align:$startSide;
font: $bodyfont;
background: url(http://1.bp.blogspot.com/_V-IXTBBt1Bg/SfAM10jXYII/AAAAAAAABBo/dY2nDvnTL5Y/s1600/page-body.png) repeat-y;
}
#outer-top {
margin:0 auto;
padding:0px;
background: url(http://2.bp.blogspot.com/_V-IXTBBt1Bg/SfAM2DWXwpI/AAAAAAAABB4/frGICom-lbw/s1600/page-top.png) no-repeat top center;
}
#outer-bottom{
margin:0 auto;
padding:0px;
background: url(http://4.bp.blogspot.com/_V-IXTBBt1Bg/SfAM2Cc1LhI/AAAAAAAABBw/vKo9uJzI_3g/s1600/page-bottom.png) no-repeat bottom center;
}
#content-wrapper{
width: 980px;
margin: 0 auto}
#main-wrapper {
width: 660px;
float: $startSide;
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 */
}
#sidebar-wrapper {
width: 260px;
margin-right: 15px;
float: $endSide;
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 */
}
/* Headings
----------------------------------------------- */
h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}
body#layout #navigation{padding-bottom:100px;}
body#layout #outer-wrapper{width: 1046px; margin:0 auto 0;}
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}
#fecha {
display:block;
float:left;
margin-left: 10px;
padding-right:8px;
padding-top:0px;
width:46px;
height:50px;
line-height:0.8em;
}
.fecha_dia {
display:block;
color:$diacolor;
font-size:14px;
font-weight:bold;
text-align:center;
clear:both;
padding-top:3px;
}
.fecha_mes {
display:block;
font-size:12px;
color:$mescolor;
font-weight:normal;
text-transform:uppercase;
padding-top:4px;
text-align: center;
}
.fecha_anio {
display:block;
text-align:center;
font-size:12px;
line-height:0.5em;
padding-top:5px;
color:$anocolor;
}
.post {
margin:0 auto 20px;
border:1px solid #7a7876;
padding:1.2em;_padding:0.6em;
background: url(http://3.bp.blogspot.com/_V-IXTBBt1Bg/SfAM2dS3DoI/AAAAAAAABCA/BKSzjUpEByY/s1600/post.png) repeat;
}
.post h3 {
margin:0 0 0;
padding:0 0 0px 12px;
font-size:160%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {
color:$textcolor;
}
.left{float:left; padding-top:7px;}
.right{float:right;padding-top:7px;}
.post-body {
margin:0 0 .75em;
line-height:1.6em;
padding: 18px 8px;
}
.post-body blockquote {
line-height:1.3em;
background: #2e2b2a;
}
.post-footer {
margin: 4px 10px 12px 10px;
border-bottom: 1px dotted #7a7876;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.6em;
}
.comment-link {text-transform:capitalize; font-size: 120%;margin-right:0px; *margin-right:20px;_margin-right:15px;}
.post-labels{text-transform:capitalize; font-size: 120%;}
.post img {
padding:4px;
border:1px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
background: #3a3836;
padding: 9px 9px 9px 15px;
border-left: 2px solid #f01860;
color: $textbloquotecolor;
}
.post blockquote p {
margin:.75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
width: 550px;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;padding:7px;
background: #2e2c2a; border:1px solid #7a7876;
}
.comment-timestamp{text-transform:capitalize; font-size: 88%; float:right;}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#blog-pager-newer-link {
float: $startSide;
}
#blog-pager-older-link {
float: $endSide;
}
#blog-pager {
text-align: center;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
padding-top:20px;
}
.sidebar h2{
margin:0;
padding:4px 0px 3px 0px;
letter-spacing:0px;
text-transform:capitalize;
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
background:transparent url(http://3.bp.blogspot.com/_V-IXTBBt1Bg/SfAM1wS5v_I/AAAAAAAABBg/0k3kRzZvyiQ/s1600/li.gif) repeat-x scroll left bottom;
color:#666666;
padding-bottom:5px;
padding-left:15px;
text-indent:0px;
padding-top:4px;}
.sidebar a:link, a:visited{
color:$sidebarlinkcolor;
}
.sidebar a:hover{
color: $sidebarlinkhover;
}
.sidebar .widget{
margin:0 auto 5px;
padding: 0.8em 1.2em;
}
.main .widget {
margin:0 0 0;
padding:0 0 1.2em;
}
.main .Blog {
border-bottom-width: 0;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}
/* Footer
----------------------------------------------- */
#footer {
width:100%;
clear:both;
margin:0 auto;
padding-top:5px;
line-height: 1.5em;
text-transform:capitalizee;
letter-spacing:0;
text-align: center;
}
]]></b:skin>
</head>
<script>
function remplaza_fecha(d){
var da = d.split(' ');
dia = "<div class='fecha_dia'>"+da[0]+"</div>"; //Le otorgamos una clase al día
mes = "<div class='fecha_mes'>"+da[1].slice(0,3)+"</div>"; //Le otorgamos una clase al mes
anio = "<div class='fecha_anio'>"+da[2]+"</div>"; //Le otorgamos una clase al año
document.write(dia+mes+anio);
}
</script>
<body>
<div id='outer-wrapper'><div id='outer-top'><div id='outer-bottom'>
<!-- 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>
<div id='header-wrapper'>
<div id='headerleft'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='The Vampire Diares Italia (Intestazione)' type='Header'/>
</b:section>
</div>
<div id='headerright'>
<p>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Subscribe to Content via RSS'>
<img alt='Subscribe' src='http://2.bp.blogspot.com/_hcF8ssiWKd4/SfAaLjDBk3I/AAAAAAAAAYk/5ojLzKMRxcM/s1600/2wftzi8.jpg.gif' style='vertical-align: middle;'/></a>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Subscribe to Content via RSS'>News Feed</a>
<a expr:href='data:blog.homepageUrl + "feeds/comments/default"' title='Subscribe to Content via RSS'>
<img alt='Subscribe' src='http://2.bp.blogspot.com/_hcF8ssiWKd4/SfAaLjDBk3I/AAAAAAAAAYk/5ojLzKMRxcM/s1600/2wftzi8.jpg.gif' style='vertical-align: middle; margin-left: 10px;'/></a>
<a expr:href='data:blog.homepageUrl + "feeds/comments/default"' title='Subscribe to Content via RSS'>Comments</a>
</p>
<div class='signup'>
<!--Substitua o código abaixo pelo seu código Email Subscriptions do FeedBurner
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=Your-Feedburner-ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='padding: 3px; text-align: left;' target='popupwindow'>
<p>Iscriviti via email
<input id='box' name='email' style='width:130px'/>
<input name='uri' type='hidden' value='Your-Blog-Name'/>
<input name='loc' type='hidden' value='en_US'/>
<input type='submit' value='Vai'/>
</p>
</form>
<!--Fim do código do FeedBurner
</div>
</div>
</div>
<!--fim do header
<div id='navigation'><b:section class='navigation' id='navigation' showaddelement='yes'>
<b:widget id='PageList1' locked='false' title='' type='PageList'/>
</b:section></div>
<div id='content-wrapper'>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='CustomSearch1' locked='false' title='Cerca in questo blog' type='CustomSearch'/>
<b:widget id='AdSense1' locked='false' title='' type='AdSense'/>
<b:widget id='Text1' locked='false' title='The Vampire Diares Italia' type='Text'/>
<b:widget id='BlogArchive1' locked='false' title='Archivio' type='BlogArchive'/>
<b:widget id='Label1' locked='false' title='Categorie' type='Label'/>
</b:section>
</div>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Post sul blog' type='Blog'/>
</b:section>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div> <!-- end content-wrapper
</div></div> </div><!-- end outer-wrapper
<div id='footer-wrapper'>
<b:section class='footer' id='footer'>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
<b:widget id='AdSense2' locked='false' title='' type='AdSense'/>
</b:section>
</div><div id='credit' style='margin:0 auto; width: 100%; text-align:center;background: #000;'><a expr:href='data:blog.homepageUrl'><data:blog.title/></a> | <a href='http://templatesparanovoblogger.blogspot.com'>TNB</a></div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' 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[/*
-----------------------------------------------
Blogger Template Style
Name: Minima
Designer: Douglas Bowman
URL: http://www.stopdesign.com
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#ffffff">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#e6e6e6">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#ffc5e8">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#ffc5e8">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#80717a">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#e4c5ff">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#cccccc">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#ffd1f0">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#e6e6e6">
<Variable name="sidebarlinkcolor" description="Sidebar Link Color"
type="color" default="#666" value="#806374">
<Variable name="sidebarlinkhover" description="Sidebar Link Hover"
type="color" default="#666" value="#ffc5e8">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#6131BD">
<Variable name="diacolor" description="Dia Color"
type="color" default="#999" value="#e895cc">
<Variable name="mescolor" description="Mês Color"
type="color" default="#999" value="#806374">
<Variable name="anocolor" description="Ano Color"
type="color" default="#999" value="#806374">
<Variable name="menulinkcolor" description="Menu Link Color"
type="color" default="#999" value="#ffe2f3">
<Variable name="menulinkhover" description="Menu Link Hover"
type="color" default="#999" value="#806374">
<Variable name="textbloquotecolor" description="Text Blockquote Color"
type="color" default="#999" value="#806374">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 99% Arial, sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 115% Arial, sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="normal normal 259% Arial, sans-serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 86% Arial, 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 70% Arial, sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/
/* Use this with templates/template-twocol.html */
body {
background:url(http://2.bp.blogspot.com/_V-IXTBBt1Bg/SfAM187kgJI/AAAAAAAABBY/gB1YOc7NMvM/s1600/back.png) repeat;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}
#navbar-iframe{height:0px}
/* Header
-----------------------------------------------
*/
#header-wrapper {
width:100%;
margin:0 auto 0px;
height:128px;
}
#headerleft {
float:left;
font-size:14px;
margin:0 0 0;
padding:0 0 0;
width:640px;}
#header h1 {
margin:0;
color:$pagetitlecolor;
padding:35px 0px 0px 60px;
line-height:1.2em;
text-transform:capitalie;
letter-spacing:0em;
font: $pagetitlefont;
}
#header a {
color:$pagetitlecolor;
text-decoration:none; }
#header a:hover {
color:$pagetitlecolor; }
#header .description {
margin:0;
padding:8px 0px 0px 70px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}
#headerright {
float:right;
font-weight:normal;
margin:0px;
padding:60px 0px 0px 0px;
_padding:35x 0px 0px 0px;
width:300px;
height: 88px
}
#headerright p {
margin:0 0 0 10px;
padding:0 0 0 0px;
color:#fff;
}
#headerright a, #headerright a:visited {
color:#f4f4f4;
font-size:11px;
padding:0;
text-decoration:none;
text-transform:uppercase;
}
#headerright a img {
border:medium none;
margin:0 1px 1px 0;
padding:0;
}
#headerright ul {
list-style-type:none;
margin:0;
padding:0;
}
.signup {
margin:0 0 0;
height:40px;
padding:5px 0 0 0;
*padding:0px 0 0 0;
_padding:0px 0 0 0;
}
#subscribe {
margin:5px 0 0 0;
overflow:hidden;
padding:0;
}
#box {
background:#F5F5F5 !important;
border-color:#666666 #DDDDDD #DDDDDD #666666;
border-style:solid;
border-width:1px;
color:#000000;
display:inline;
font-family:Arial,Tahoma,Verdana;
font-size:12px;
font-weight:normal;
margin:10px 0 0 0px;
padding:2px;
width:210px;
}
#navigation{
height:47px;
width: 100%;
line-height:2.2em;
margin:0px auto 0px;
position: relative;
}
#navigation ul{
margin: 18px 0 0 35px;
_margin: 0px 0 0 35px;
padding: 0px 0 0 0px;}
#navigation li{
float:left;
list-style-type:none;
white-space:nowrap;
}
#navigation li a{
display:block;
padding:0 20px;
font-size:0.9em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: $menulinkcolor;
}
#navigation .selected,#navigation a:hover{
color:$menulinkhover;
text-decoration:none;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 1046px;
margin:0 auto;
padding:0px;
text-align:$startSide;
font: $bodyfont;
background: url(http://1.bp.blogspot.com/_V-IXTBBt1Bg/SfAM10jXYII/AAAAAAAABBo/dY2nDvnTL5Y/s1600/page-body.png) repeat-y;
}
#outer-top {
margin:0 auto;
padding:0px;
background: url(http://2.bp.blogspot.com/_V-IXTBBt1Bg/SfAM2DWXwpI/AAAAAAAABB4/frGICom-lbw/s1600/page-top.png) no-repeat top center;
}
#outer-bottom{
margin:0 auto;
padding:0px;
background: url(http://4.bp.blogspot.com/_V-IXTBBt1Bg/SfAM2Cc1LhI/AAAAAAAABBw/vKo9uJzI_3g/s1600/page-bottom.png) no-repeat bottom center;
}
#content-wrapper{
width: 980px;
margin: 0 auto}
#main-wrapper {
width: 660px;
float: $startSide;
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 */
}
#sidebar-wrapper {
width: 260px;
margin-right: 15px;
float: $endSide;
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 */
}
/* Headings
----------------------------------------------- */
h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}
body#layout #navigation{padding-bottom:100px;}
body#layout #outer-wrapper{width: 1046px; margin:0 auto 0;}
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}
#fecha {
display:block;
float:left;
margin-left: 10px;
padding-right:8px;
padding-top:0px;
width:46px;
height:50px;
line-height:0.8em;
}
.fecha_dia {
display:block;
color:$diacolor;
font-size:14px;
font-weight:bold;
text-align:center;
clear:both;
padding-top:3px;
}
.fecha_mes {
display:block;
font-size:12px;
color:$mescolor;
font-weight:normal;
text-transform:uppercase;
padding-top:4px;
text-align: center;
}
.fecha_anio {
display:block;
text-align:center;
font-size:12px;
line-height:0.5em;
padding-top:5px;
color:$anocolor;
}
.post {
margin:0 auto 20px;
border:1px solid #7a7876;
padding:1.2em;_padding:0.6em;
background: url(http://3.bp.blogspot.com/_V-IXTBBt1Bg/SfAM2dS3DoI/AAAAAAAABCA/BKSzjUpEByY/s1600/post.png) repeat;
}
.post h3 {
margin:0 0 0;
padding:0 0 0px 12px;
font-size:160%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {
color:$textcolor;
}
.left{float:left; padding-top:7px;}
.right{float:right;padding-top:7px;}
.post-body {
margin:0 0 .75em;
line-height:1.6em;
padding: 18px 8px;
}
.post-body blockquote {
line-height:1.3em;
background: #2e2b2a;
}
.post-footer {
margin: 4px 10px 12px 10px;
border-bottom: 1px dotted #7a7876;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.6em;
}
.comment-link {text-transform:capitalize; font-size: 120%;margin-right:0px; *margin-right:20px;_margin-right:15px;}
.post-labels{text-transform:capitalize; font-size: 120%;}
.post img {
padding:4px;
border:1px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
background: #3a3836;
padding: 9px 9px 9px 15px;
border-left: 2px solid #f01860;
color: $textbloquotecolor;
}
.post blockquote p {
margin:.75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
width: 550px;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;padding:7px;
background: #2e2c2a; border:1px solid #7a7876;
}
.comment-timestamp{text-transform:capitalize; font-size: 88%; float:right;}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#blog-pager-newer-link {
float: $startSide;
}
#blog-pager-older-link {
float: $endSide;
}
#blog-pager {
text-align: center;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
padding-top:20px;
}
.sidebar h2{
margin:0;
padding:4px 0px 3px 0px;
letter-spacing:0px;
text-transform:capitalize;
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
background:transparent url(http://3.bp.blogspot.com/_V-IXTBBt1Bg/SfAM1wS5v_I/AAAAAAAABBg/0k3kRzZvyiQ/s1600/li.gif) repeat-x scroll left bottom;
color:#666666;
padding-bottom:5px;
padding-left:15px;
text-indent:0px;
padding-top:4px;}
.sidebar a:link, a:visited{
color:$sidebarlinkcolor;
}
.sidebar a:hover{
color: $sidebarlinkhover;
}
.sidebar .widget{
margin:0 auto 5px;
padding: 0.8em 1.2em;
}
.main .widget {
margin:0 0 0;
padding:0 0 1.2em;
}
.main .Blog {
border-bottom-width: 0;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}
/* Footer
----------------------------------------------- */
#footer {
width:100%;
clear:both;
margin:0 auto;
padding-top:5px;
line-height: 1.5em;
text-transform:capitalizee;
letter-spacing:0;
text-align: center;
}
]]></b:skin>
</head>
<script>
function remplaza_fecha(d){
var da = d.split(' ');
dia = "<div class='fecha_dia'>"+da[0]+"</div>"; //Le otorgamos una clase al día
mes = "<div class='fecha_mes'>"+da[1].slice(0,3)+"</div>"; //Le otorgamos una clase al mes
anio = "<div class='fecha_anio'>"+da[2]+"</div>"; //Le otorgamos una clase al año
document.write(dia+mes+anio);
}
</script>
<body>
<div id='outer-wrapper'><div id='outer-top'><div id='outer-bottom'>
<!-- 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>
<div id='header-wrapper'>
<div id='headerleft'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='The Vampire Diares Italia (Intestazione)' type='Header'/>
</b:section>
</div>
<div id='headerright'>
<p>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Subscribe to Content via RSS'>
<img alt='Subscribe' src='http://2.bp.blogspot.com/_hcF8ssiWKd4/SfAaLjDBk3I/AAAAAAAAAYk/5ojLzKMRxcM/s1600/2wftzi8.jpg.gif' style='vertical-align: middle;'/></a>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Subscribe to Content via RSS'>News Feed</a>
<a expr:href='data:blog.homepageUrl + "feeds/comments/default"' title='Subscribe to Content via RSS'>
<img alt='Subscribe' src='http://2.bp.blogspot.com/_hcF8ssiWKd4/SfAaLjDBk3I/AAAAAAAAAYk/5ojLzKMRxcM/s1600/2wftzi8.jpg.gif' style='vertical-align: middle; margin-left: 10px;'/></a>
<a expr:href='data:blog.homepageUrl + "feeds/comments/default"' title='Subscribe to Content via RSS'>Comments</a>
</p>
<div class='signup'>
<!--Substitua o código abaixo pelo seu código Email Subscriptions do FeedBurner
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=Your-Feedburner-ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='padding: 3px; text-align: left;' target='popupwindow'>
<p>Iscriviti via email
<input id='box' name='email' style='width:130px'/>
<input name='uri' type='hidden' value='Your-Blog-Name'/>
<input name='loc' type='hidden' value='en_US'/>
<input type='submit' value='Vai'/>
</p>
</form>
<!--Fim do código do FeedBurner
</div>
</div>
</div>
<!--fim do header
<div id='navigation'><b:section class='navigation' id='navigation' showaddelement='yes'>
<b:widget id='PageList1' locked='false' title='' type='PageList'/>
</b:section></div>
<div id='content-wrapper'>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='CustomSearch1' locked='false' title='Cerca in questo blog' type='CustomSearch'/>
<b:widget id='AdSense1' locked='false' title='' type='AdSense'/>
<b:widget id='Text1' locked='false' title='The Vampire Diares Italia' type='Text'/>
<b:widget id='BlogArchive1' locked='false' title='Archivio' type='BlogArchive'/>
<b:widget id='Label1' locked='false' title='Categorie' type='Label'/>
</b:section>
</div>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Post sul blog' type='Blog'/>
</b:section>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div> <!-- end content-wrapper
</div></div> </div><!-- end outer-wrapper
<div id='footer-wrapper'>
<b:section class='footer' id='footer'>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
<b:widget id='AdSense2' locked='false' title='' type='AdSense'/>
</b:section>
</div><div id='credit' style='margin:0 auto; width: 100%; text-align:center;background: #000;'><a expr:href='data:blog.homepageUrl'><data:blog.title/></a> | <a href='http://templatesparanovoblogger.blogspot.com'>TNB</a></div>
</body>
</html>