You are on page 1of 13

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.

0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<!-- DEFAULT COLORS -->
<meta name="color:Background" content="#eee"/>
<meta name="color:Content Background" content="#fff"/>
<meta name="color:Title" content="#444"/>
<meta name="color:Description" content="#666"/>
<meta name="color:Post Title" content="#c00"/>
<meta name="color:Text" content="#444"/>
<meta name="color:Inline Link" content="#c00"/>
<meta name="color:Quote" content="#666"/>
<meta name="color:Quote Source" content="#444"/>
<meta name="color:Link Post" content="#c00"/>
<meta name="color:Conversation Background" content="#f8f8f8"/>
<meta name="color:Conversation Border" content="#ddd"/>
<meta name="color:Conversation Text" content="#444"/>
<meta name="color:Conversation Label" content="#111"/>
<meta name="color:Photo Border" content="#eee"/>
<meta name="color:Date" content="#fff"/>
<meta name="color:Date Background" content="#ccc"/>
<!-- END DEFAULT COLORS -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
<link rel="icon" href="{Favicon}"/>
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}
"/>
<meta name="viewport" content="width=775"/> <!-- iPhone -->
<style type="text/css">
body {
margin: 0px auto 0px auto;
text-align: center;
background-image: url(http://lab.sid05.com/MYTumblr/tinat/top.png);
background-repeat: repeat-x;
background-position: left top;
background-color: #fff;
}
#container {
width: 780px;
margin-right: auto;
margin-left: auto;
position: relative;
background-image: url(http://lab.sid05.com/MYTumblr/tinat/top-arrow.png)
;
background-repeat: no-repeat;
background-position: 10px top;
}
#navbar {
background-color: #000000;
height: 28px;
vertical-align: middle;
}
#navbar p{
text-align: left;
margin: 0px;
color: #666666;
padding-top: 6px;
padding-right: 0px;
padding-left: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
#navbar p a{
color: #FF3366;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
}
h1.header a{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 72px;
color: #000000;
text-decoration: none;
font-weight: normal;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}
h1.header a:hover{
color: #000000;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ff3366;
}
#content {
margin-left: 250px;
text-align: left;
}
#sidebar {
width: 210px;
text-align: left;
display: block;
padding: 0px;
margin: 0px;
float: left;
}
#sidebar h3{
padding: 0px;
margin-top: 15px;
margin-right: 0px;
margin-bottom: 3px;
margin-left: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #333333;
}
#sidebar p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
line-height: 16px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
#sidebar ul{
margin: 0px 0px 0px 22px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
color: #999999;
list-style-position: inset;
list-style-image: url(http://lab.sid05.com/MYTumblr/tinat/list.png);
}
#sidebar li a{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FF3366;
color: #666666;
text-decoration: none;
}
#sidebar div.following{
margin-top: 5px;
margin-bottom: 10px;
}
#sidebar div.following a img{
border: 1px solid #999999;
padding: 1px;
margin: 1px;
}
#sidebar div.following a img:hover{
border: 1px solid #FF3366;
padding: 1px;
margin: 1px;
}
h1 {
margin: 25px 5px 40px;
padding: 0px;
text-align: left;
}
h4 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
color: #666;
margin-top: 40px;
margin-bottom: 20px;
display: block;
margin-right: 0px;
margin-left: 0px;
padding: 2px 0px 5px 5px;
font-weight: normal;
text-transform: uppercase;
line-height: 20px;
background-color: #f3f3f3;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
div.normal-text, div.photo, div.quote, div.link, div.video, div.chat, div.audio
{
color: #333333;
display: block;
padding-right: 10px;
padding-left: 10px;
margin-bottom: 0px;
padding-bottom: 0px;
padding-top: 5px;
margin-top: 20px;
}
div.normal-text h2{
margin: 0px 0px 10px;
padding: 0px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: bold;
color: #333333;
font-style: normal;
}
div.normal-text p, div.quote p, div.photo p, div.link p, div.video p, div.chat p
, div.audio p{
margin: 10px 0px;
padding: 0px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
line-height: 18px;
}
div.normal-text ol{
padding: 0px;
list-style-position: inset;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
color: #666666;
line-height: 18px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 30px;
}
div.normal-text ul{
padding: 0px;
list-style-position: inset;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
color: #666666;
line-height: 18px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 26px;
}
div.normal-text blockquote{
margin: 0px 0px 10px 10px;
padding: 0px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
line-height: 18px;
}
div.normal-text a, p.permalink a, div.quote p a, #sidebar p a, div.photo p a, di
v.link p a,div.video p a, div.chat p a, div.audio p a, div#footer div.row p a,
div.photo blockquote a, div.link blockquote a, div.video blockquote a, div.audio
blockquote a{
color: #FF3366;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}
div.normal-text a:hover, p.permalink a:hover, div.quote p a:hover, #sidebar p a:
hover, #sidebar li a:hover, div.photo p a:hover, div.link a:hover, #index-naviga
tion a:hover, div.video a:hover, div.chat a:hover, div.audio a:hover, div#footer
div.row p a:hover, div.photo blockquote a:hover, div.link blockquote a:hover,
div.video blockquote a:hover, div.audio blockquote a:hover{
color: #FF3366;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
}

div.quote span span{


color: #999999;
font-style: normal;
text-align: center;
}
div.quote span.short{
font-size: 13px;
color: #5B5B5B;
font-family: Georgia, "Times New Roman", Times, serif;
margin-bottom: 5px;
padding: 10px 10px 30px;
display: block;
margin-top: 20px;
background-color: #F4F4F4;
background-image: url(http://lab.sid05.com/MYTumblr/tinat/quotebottom.pn
g);
background-repeat: no-repeat;
background-position: left bottom;
font-weight: bold;
line-height: 15px;
}
div.photo img {
margin-bottom: 15px;
display: block;
margin-top: 20px;
}
div.photo a img {
padding: 1px;
border: 1px solid #ccc;
}
div.photo a img:hover {
padding: 1px;
border: 1px solid #ff6633;
}
div.photo blockquote{
margin: 0px 0px 10px 10px;
padding: 0px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
line-height: 18px;
}
div.link h2 {
margin-bottom: 15px;
font-size: 24px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #333;
}
div.link h2 a{
color: #FF3366;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFF;
}
div.link blockquote, div.video blockquote, div.audio blockquote {
margin: 0px 0px 10px 10px;
padding: 0px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
line-height: 18px;
}
div.chat h2{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: bold;
color: #333333;
font-weight: normal;
margin-bottom: 5px;
}
div.chat ul{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
color: #666666;
margin: 10px 5px;
padding: 0px;
list-style-type: none;
background-color: #F4F4F4;
}
div.chat ul li{
padding: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
margin: 0px;
}
div.audio div.playeraudio {
margin-top: 20px;
margin-bottom: 10px;
}
div.video div.playervideo {
margin-top: 20px;
margin-bottom: 10px;
}
p.permalink {
padding: 8px 71px 0px 0px;
margin-top: -5px;
margin-right: 10px;
margin-bottom: 30px;
margin-left: 0px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
font-weight: normal;
display: block;
background-image: url(http://lab.sid05.com/MYTumblr/tinat/line.png);
background-repeat: no-repeat;
background-position: right top;
text-align: right;
color: #333333;
border-left-width: 10px;
border-left-style: solid;
border-left-color: #FFFFFF;
}
div#index-navigation {
background-color: #F3F3F3;
padding: 8px;
margin-top: 50px;
margin-bottom: 30px;
text-align: right;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #CCCCCC;
border-bottom-color: #CCCCCC;
}
div#index-navigation span{
margin-left: 2px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
margin-right: 2px;
}
div#index-navigation span a{
font-weight: bold;
text-decoration: none;
color: #333333;
}
div#footer {
padding: 20px 0px 10px;
display: block;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
clear: left;
}
div#footer div.row{
float: left;
width: 248px;
margin-right: 4px;
margin-left: 4px;
text-align: left;
margin-top: 5px;
}
div#footer div.row ul{
text-align: left;
margin: 0px;
padding: 0px;
list-style-type: none;
}
div#footer div.row li a{
font-size: 24px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #000000;
text-decoration: none;
display: block;
padding: 2px 5px;
margin: 0px;
line-height: 32px;
}
div#footer div.row li a:hover{
color: #FFFFFF;
background-color: #000000;
}
div#footer div.row p{
margin: 10px 7px 5px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
line-height: 16px;
}
div.row a img{
padding: 1px;
border: 1px solid #CCCCCC;
margin-right: 1px;
margin-bottom: 1px;
}
div.row a img:hover{
border: 1px solid #FF3366;
}
div.breack{
display: block;
clear: both;
}
div#credits{
background-color: #000000;
clear: both;
padding: 16px 16px;
margin-top: 10px;
margin-bottom: 0px;
display: block;
font-family: Georgia, "Times New Roman", Times, serif;
margin-right: 0px;
margin-left: 0px;
color: #999999;
}
div#credits span{
padding-right: 60px;
padding-left: 60px;
font-size: 12px;
}
div#credits span a{
color: #FF3366;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
}
div#credits span a:hover, #navbar p a:hover{
color: #FFFFFF;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FF3366;
}
{CustomCSS}
</style>

</head>
<body>
<div id="container">
<div id="navbar">
<p><a href="/mobile/">Mobile</a> | <a href="/archive/">Archive</a> | <a href="/r
ss/">RSS</a> </p>
</div>
<h1 class="header"><a href="/"><img src="{PortraitURL-64}" width="52" height="52
" border="0"/> {Title}</a></h1>
<!-- Left sidebar -->
<div id="sidebar">
<h3>About me</h3>
<p>{Description}</p>
<h3>Link section</h3>
<ul>
<li><a href="#">link 1</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
</ul>

{block:Following}
<h3>Follow this</h3>
<div class="following">
{block:Followed}
<a href="{FollowedURL}"><img src="{FollowedPortraitURL-24}" alt="{FollowedURL}"/
></a>
{/block:Followed}
</div>
{/block:Following}
</div>
<!-- Content -->
<div id="content">
<!-- Post -->
{block:Posts}
{block:NewDayDate}
<h4>{DayOfMonthWithZero}/{MonthNumberWithZero}/{Year
}</h4>
{/block:NewDayDate}

{block:Regular}
<div class="normal-text">
{block:Title}<h2>{Title}</h2>{/block:Title}
{Body}
</div>
{block:NewDayDate}
<p class="permalink">Text posted at <a href="{Permalink}">{24HourWithZero}:{
Minutes}</a></p>
{/block:NewDayDate}
{block:SameDayDate}
<p class="permalink">Text posted at <a href="{Permalink}">{24HourWithZero}:{
Minutes}</a></p>
{/block:SameDayDate}
{/block:Regular}
{block:Photo}
<div class="photo">
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAl
t}"/>{LinkCloseTag}
{block:Caption}
<p>{Caption}</p>
{/block:Caption}
</div>
{block:NewDayDate}
<p class="permalink">Photo posted at <a href="{Permalink}">{24HourWithZero}:
{Minutes}</a></p>
{/block:NewDayDate}
{block:SameDayDate}
<p class="permalink">Photo posted at <a href="{Permalink}">{24HourWithZero}:
{Minutes}</a></p>
{/block:SameDayDate}
{/block:Photo}
{block:Quote}
<div class="quote">
<span class="short">
<span>&#8220;&nbsp;</span>{Quote}<span>&nbsp;&#8
222;</span>
</span>
{block:Source}<p>{Source}</p>{/block:Source}
</div>
{block:NewDayDate}
<p class="permalink">Quote posted at <a href="{Permalink}">{24HourWithZero}:
{Minutes}</a></p>
{/block:NewDayDate}
{block:SameDayDate}
<p class="permalink">Quote posted at <a href="{Permalink}">{24HourWithZero}:
{Minutes}</a></p>
{/block:SameDayDate}
{/block:Quote}
{block:Link}
<div class="link">
<h2>&raquo; <a href="{URL}" class="link" {Target}>{N
ame}</a></h2>
{block:Description}
<p>{Description}</p>
{/block:Description}
</div>
{block:NewDayDate}
<p class="permalink">Link posted at <a href="{Permalink}">{24HourWithZero}:{
Minutes}</a></p>
{/block:NewDayDate}
{block:SameDayDate}
<p class="permalink">Link posted at <a href="{Permalink}">{24HourWithZero}:{
Minutes}</a></p>
{/block:SameDayDate}
{/block:Link}
{block:Conversation}
<div class="chat">
{block:Title}<h2>{Title}</h2>{/block:Title}
<ul>
{block:Lines}
<li>
{block:Label}<span class="label">{Label}
</span>{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
</div>
{block:NewDayDate}
<p class="permalink">Conversation posted at <a href="{Permalink}">{24HourWit
hZero}:{Minutes}</a></p>
{/block:NewDayDate}
{block:SameDayDate}
<p class="permalink">Conversation posted at <a href="{Permalink}">{24HourWit
hZero}:{Minutes}</a></p>
{/block:SameDayDate}
{/block:Conversation}
{block:Audio}
<div class="audio">
<div class="playeraudio">{AudioPlayerWhite}</div>
{block:Caption}
<p>{Caption}</p>
{/block:Caption}
</div>
{block:NewDayDate}
<p class="permalink">Audio posted at <a href="{Permalink}">{24HourWithZero}:
{Minutes}</a></p>
{/block:NewDayDate}
{block:SameDayDate}
<p class="permalink">Audio posted at <a href="{Permalink}">{24HourWithZero}:
{Minutes}</a></p>
{/block:SameDayDate}
{/block:Audio}
{block:Video}
<div class="video">
<div class="playervideo">{Video-500}</div>
{block:Caption}
<p>{Caption}</p>
{/block:Caption}
</div>
{block:NewDayDate}
<p class="permalink">Video posted at <a href="{Permalink}">{24HourWithZero}:
{Minutes}</a></p>
{/block:NewDayDate}
{block:SameDayDate}
<p class="permalink">Video posted at <a href="{Permalink}">{24HourWithZero}:
{Minutes}</a></p>
{/block:SameDayDate}
{/block:Video}
{/block:Posts}
{block:IndexPage}
<div id="index-navigation">
{block:PreviousPage}
<span><a href="{PreviousPage}">&laquo; previous</a> | </span>
{/block:PreviousPage}
<span>page {CurrentPage} of {TotalPages}</span>
{block:NextPage}
<span> | <a href="{NextPage}">next &raquo;</a></span>
{/block:NextPage}
</div>
{/block:IndexPage}
</div>

<!-- Footer -->


<div id="footer">
<div class="row">
<p>Customize this footer section with your links, images and profiles.</p>
<p><strong>This is not a template</strong> is a free Tumblr template realized by
<a href="http://sid05.com">Sid05</a>. </p>
<p>feedback at <em>info [AT] sid05 [DOT] com</em></p>
<p><a href="/">Home</a> | <a href="/archive">Archive</a> | <a href="/rss">RSS</a
></p>
</div>
<div class="row">
<ul>
<li><a href="#">link 1</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
<li><a href="#">link 4</a></li>
</ul>
</div>
<div class="row">
<a href="http://www.flickr.com/photos/sid05/2149953142/" title="sid05.tumblr.com
di Sid05, su Flickr"><img src="http://farm3.static.flickr.com/2079/2149953142_4
7d923c7f7_s.jpg" width="75" height="75" alt="sid05.tumblr.com" /></a>
<a href="http://www.flickr.com/photos/sid05/1285094227/" title="Me-1-foto-di-Fab
io-Bini di Sid05, su Flickr"><img src="http://farm2.static.flickr.com/1014/12850
94227_4e28d2ee2d_s.jpg" width="75" height="75" alt="Me-1-foto-di-Fabio-Bini" /><
/a>
<a href="http://www.flickr.com/photos/sid05/1233651015/" title="ye-old-blogger d
i Sid05, su Flickr"><img src="http://farm2.static.flickr.com/1353/1233651015_d6b
7c3d0cf_s.jpg" width="75" height="75" alt="ye-old-blogger" /></a>
<a href="http://www.flickr.com/photos/sid05/1149275546/" title="retromania-03ata
ri2600 di Sid05, su Flickr"><img src="http://farm2.static.flickr.com/1323/114927
5546_bcb5772f84_s.jpg" width="75" height="75" alt="retromania-03atari2600" /></a
>
<a href="http://www.flickr.com/photos/sid05/566066769/" title="Muse-3 di Sid05,
su Flickr"><img src="http://farm2.static.flickr.com/1174/566066769_5e9c584a00_s.
jpg" width="75" height="75" alt="Muse-3" /></a>
<a href="http://www.flickr.com/photos/sid05/277499620/" title="106-0671_IMG di S
id05, su Flickr"><img src="http://farm1.static.flickr.com/108/277499620_d6f4600d
ab_s.jpg" width="75" height="75" alt="106-0671_IMG" /></a>
</div>
<div class="breack">&nbsp;</div>
</div>
</div>
<!-- Credits are good, don't remove -->
<div id="credits">
<span><a href="http://www.tumblr.com">Tumblr</a> &raquo; powered</span>
<span><a href="http://www.sid05.com">Sid05</a> &raquo; templated</span>
</div>
</body>
</html>

You might also like