<?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[/*
-----------------------------------------------
Template Blogger
Name: Template Girasoli
Designer: Adele
URL: blografando.splinder.com
Date: 05 maggio 2008
----------------------------------------------- */
/* Variabili
------------
<Variable name="mainBgColor" description="Main Background Color"
type="color" default="#1E1A0F" value="#1E1A0F">
<Variable name="mainTextColor" description="Text Color"
type="color" default="#555544" value="#6F7213">
<Variable name="pageHeaderColor" description="Blog Title Color"
type="color" default="#FFFFFF" value="#e1771e">
<Variable name="blogDescriptionColor" description="Blog Description Color"
type="color" default="#555544" value="#6E7213">
<Variable name="linkColor" description="Link Color"
type="color" default="#669922" value="#669922">
<Variable name="hoverLinkColor" description="Link Hover Color"
type="color" default="#88bb22" value="#88bb22">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#ffffff" value="#e1771e">
<Variable name="sidebarHeaderColor" description="Sidebar Title Color"
type="color" default="#555544" value="#6E7213">
<Variable name="sidebarTextColor" description="Sidebar Text Color"
type="color" default="#555544" value="#FF6600">
<Variable name="bodyFont" description="Text Font" type="font"
default="normal normal 90% tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif" value="italic normal 81% Verdana, sans-serif">
<Variable name="startSide" description="Start side in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="End side in blog language"
type="automatic" default="right" value="right">
*/
/*Layout principale*/
body {
background-image: url(http://www.adelebox.it/TemplatesBlogger/TemplateGirasoli/sf-2.jpg);
background-repeat: repeat-x;
background-attachment:fixed;
margin: 0;
padding: 0;
border: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: $mainTextColor;
font-size: small;
}
.clear {
clear: both;}
img {
border: 0;
display: block;
}
/* ---- Wrapper-Contenitore ---- */
#outer-wrapper {
width: 930px;
margin: 0 auto;
border: 0;
text-align: $startSide;
font: $bodyFont;
}
/* ---- Header ---- */
#header-wrapper {
background: url(http://www.adelebox.it/TemplatesBlogger/TemplateGirasoli/girasoli.jpg);$startSide repeat-x;
height: 350px;
padding-$endSide: 0;
padding-$startSide: 0;
border: double #FB8E1F 3px;
margin-bottom: 10px;
}
#header h1 {
text-align: center;
font-size: 200%;
letter-spacing: 0.2em;
color: $pageHeaderColor;
margin: 30px 0 0 0;
padding-top: 15px;
padding-$endSide: 20px;
padding-top: 30px;
padding-$startSide: 20px;
background-position: bottom $endSide;
}
h1 a, h1 a:link, h1 a:visited {
color: $pageHeaderColor;
}
#header .description {
font-size: 14px;
letter-spacing: 0.2em;
text-align: $startSide;
padding: 0 10px 0 10px;
line-height:140%;
color: $blogDescriptionColor;
}
/* ---- interno corpo ---- */
#content-wrapper {
padding: 0;
}
/* ---- area post ---- */
.post-title{
ont-size:12px;
font-weight:bold;
color:#FF6600;
text-align:center;
width:370px;
margin-top:20px;
margin-left:auto;
margin-right: auto;
padding-right: 5px;
background-image: url(http://www.adelebox.it/TemplatesBlogger/TemplateGirasoli/girasole.gif);
height: 20px;
background-repeat: no-repeat;
background-position: top;
padding-top: 35px;
}
.post-footer{
margin:20px auto 40px auto;
text-align: center;
color: #FF6600;
font-size:11px;
padding: 15px 10px 15px 10px;
background-color: #D4DC4E;
background-image: url(http://www.adelebox.it/TemplatesBlogger/TemplateGirasoli/s.jpg);
background-repeat: no-repeat;
height: 56px;
background-position: left center;
}
#main {
width: 560px;
text-align: justify;
float:left;
padding: 10px;
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 */
}
/* ---- Colonne laterali ---- */
#right-sidebar-wrapper {
background-image: url(http://www.adelebox.it/TemplatesBlogger/TemplateGirasoli/sfdx.jpg);
width: 160px;
float: right;
word-wrap: break-word;
overflow: hidden;
margin-left:10px;
}
#left-sidebar-wrapper {
background-image: url(http://www.adelebox.it/TemplatesBlogger/TemplateGirasoli/sfsx.jpg);
width: 160px;
float: left;
word-wrap: break-word;
overflow: hidden;
margin-right:15px;
margin-left:0;
}
#box1{
background-image: url(http://www.adelebox.it/TemplatesBlogger/TemplateGirasoli/box1.jpg);
height: 81px;
width: 160px;
}
#box2{
background-image: url(http://www.adelebox.it/TemplatesBlogger/TemplateGirasoli/box2.jpg);
background-repeat: no-repeat;
height: 81px;
width: 160px;
}
#box1-1{
background-image: url(http://www.adelebox.it/TemplatesBlogger/TemplateGirasoli/box1-1.jpg);
height: 81px;
width: 160px;
}
#box2-2{
background-image: url(http://www.adelebox.it/TemplatesBlogger/TemplateGirasoli/box2-2.jpg);
background-repeat: no-repeat;
height: 81px;
width: 160px;
}
/* ---- Footer ---- */
#footer {
clear: $startSide;
margin: 0 0 7px 0;
height: 65px;
background-image: url(http://www.adelebox.it/TemplatesBlogger/TemplateGirasoli/piede-1.jpg);
background-repeat: repeat-x;
background-position: center;
}
#footer .widget {
text-align: $startSide;
margin: 0;
padding: 10px 0;
background-color: transparent;
}
#credits {
text-align: right;
margin-bottom: 10px;
}
/* links */
a:link, a:visited {
font-weight: bold;
text-decoration: none;
color: $linkColor;
background: transparent;
}
a:hover {
font-weight: bold;
text-decoration: underline;
color: $hoverLinkColor;
background: transparent;
}
a:active {
font-weight : bold;
text-decoration : none;
color: $hoverLinkColor;
background: transparent;
}
/* ---- Font e paragrafi ---- */
.main p, .sidebar p {
line-height: 140%;
margin-top: 5px;
margin-bottom: 1em;
}
h2, h3, h4, h5 {
margin: 0;
padding: 0;
}
h2 {
font-size: 130%;
}
h2.date-header {
color: $dateHeaderColor;
text-align:center; }
.post h3 {
margin-top: 5px;
font-size: 120%;
}
.post-footer {
font-style: italic;
}
.sidebar h2 {
color: $sidebarHeaderColor;
}
.sidebar .widget {
margin-top: 12px;
margin-$endSide: 0;
margin-bottom: 13px;
margin-$startSide: 0;
padding: 10px;
}
.widget-content {
margin-top: 0.5em;
}
.main .widget {
margin-top: 12px;
margin-$endSide: 0;
margin-bottom: 0;
margin-$startSide: 0;
}
li {
line-height: 160%;
}
.sidebar ul {
margin-$startSide: 0;
margin-top: 0;
padding-$startSide: 0;
}
.sidebar ul li {
list-style: disc url(http://www.blogblog.com/moto_son/diamond.gif) inside;
vertical-align: top;
padding: 0;
margin: 0;
}
/* ---- Profilo ---- */
.profile-datablock {
margin-top: 3px;
margin-$endSide: 0;
margin-bottom: 5px;
margin-$startSide: 0;
line-height: 140%;
}
.profile-textblock {
margin-$startSide: 0;
}
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 5px;
border:0;
width:30px;
height:30px;
}
/* ---- Commenti ---- */
#comments {
border: 0;
border-top: 1px dashed #eed;
margin-top: 10px;
margin-$endSide: 0;
margin-bottom: 0;
margin-$startSide: 0;
padding: 0;
}
#comments h4 {
margin-top: 10px;
font-weight: normal;
font-style: italic;
text-transform: uppercase;
letter-spacing: 1px;
}
#comments dl dt {
font-weight: bold;
font-style: italic;
margin-top: 35px;
padding-top: 1px;
padding-$endSide: 0;
padding-bottom: 0;
padding-$startSide: 18px;
background: transparent url(http://www.blogblog.com/moto_son/commentbug.gif) top $startSide no-repeat;
}
#comments dl dd {
padding: 0;
margin: 0;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
float: $startSide;
}
#blog-pager-older-link {
float: $endSide;
}
#blog-pager {
text-align: center;
}
/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper {
padding-top: 0;
}
body#layout #header,
body#layout #content-wrapper,
body#layout #footer {
padding: 0;
}
]]></b:skin>
</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>
<DIV id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blog di prova (Intestazione)' type='Header'/>
</b:section>
</DIV>
<DIV id='content-wrapper'>
<DIV id='left-sidebar-wrapper'>
<DIV id='box1'/>
<b:section class='sidebar' id='left-sidebar' preferred='yes'>
<b:widget id='Text1' locked='false' title='Box' type='Text'/>
<b:widget id='BloggerButton1' locked='false' title='' type='BloggerButton'/>
</b:section>
<DIV id='box1-1'/>
</DIV>
<DIV id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</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>
<DIV id='right-sidebar-wrapper'>
<DIV id='box2'/>
<b:section class='sidebar' id='right-sidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='Informazioni personali' type='Profile'/>
<b:widget id='BlogArchive1' locked='false' title='Archivio blog' type='BlogArchive'/>
</b:section>
<DIV id='box2-2'/>
</DIV>
<!-- spacer for skins that want sidebar and main to be the same height-->
<DIV class='clear'> </DIV>
</DIV> <!-- end content-wrapper -->
<DIV id='credits'>Layout by <A href='http://blografando.splinder.com'>Blografando</A>
Image wakoo
</DIV>
<DIV id='footer'>
</DIV>
</DIV></DIV> <!-- end outer-wrapper -->
</body>
</html>