Professional Documents
Culture Documents
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;
}
</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>“ </span>{Quote}<span> 
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>» <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}">« previous</a> | </span>
{/block:PreviousPage}
<span>page {CurrentPage} of {TotalPages}</span>
{block:NextPage}
<span> | <a href="{NextPage}">next »</a></span>
{/block:NextPage}
</div>
{/block:IndexPage}
</div>