Theme 06 - Version Tшo

<!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">

<!--  THEME 06 - VERSION TШO
      MADE BY YEOLI-THM.TUMBLR.COM

      ***PLEASE DO NOT REMOVE CREDITS***   -->

<head>
<script src=”http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js” type=”text/javascript”></script>
<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
<link rel="shortcut icon" href="{Favicon}" />
<meta name="description" content="{MetaDescription}" />
<meta name="color:Background" content="#ffffff"/>
<meta name="color:Borders" content="#d7d7d7"/>
<meta name="color:Text" content="#8a8a8a"/>
<meta name="color:BoldText" content="#9ab2ca"/>
<meta name="color:Links" content="#a9ccca"/>
<meta name="color:LinksHover" content="#dce7e1"/>
<meta name="color:PostBackground" content="#ffffff"/>
<meta name="color:BlogTitle" content="#8a8a8a"/>
<meta name="color:Description" content="#8a8a8a"/>
<meta name="color:SidebarBackground" content="#ffffff"/>
<meta name="color:SidebarBorders" content="#d7d7d7"/>
<meta name="color:SidebarLinks" content="#ffffff"/>
<meta name="color:SidebarLinksHover" content="#c7c7c7"/>
<meta name="color:SidebarLinksBackground" content="#d5d5d5"/>
<meta name="color:QuestionBackground" content="#fafafa"/>
<meta name="color:Scrollbar" content="#d7d7d7"/>
<meta name="color:ScrollbarBackground" content="#fafafa"/>
<meta name="image:Background" content="http://media.tumblr.com/tumblr_m9ey9bOcsx1r0x4q9.jpg"/>
<meta name="image:SidebarImage" content=""/>
<meta name="text:Link1 URL"content=""/>
<meta name="text:Link1" content="Link 1"/>
<meta name="text:Link2 URL"content=""/>
<meta name="text:Link2" content="Link 2"/>
<meta name="text:Link3 URL"content=""/>
<meta name="text:Link3" content="Link 3"/>
<meta name="text:Link4 URL"content=""/>
<meta name="text:Link4" content="Link 4"/>
<meta name="text:Link5 URL"content=""/>
<meta name="text:Link5" content="Link 5"/>
<meta name="if:InfiniteScroll" content="1"/>
<meta name="if:250px" content="1"/>
<meta name="if:400px" content="0"/>
<meta name="if:ShowSidebarImage" content="1"/>
<style type="text/css">
#tumblr_controls, .tmblr-iframe{
    position:fixed!important;
    z-index:99999!important;
    top:0px!important;
    right:0px!important;
}
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color:{color:ScrollbarBackground};
}
::-webkit-scrollbar-thumb:vertical{
    height: 20px;
    background-color: {color:Scrollbar};
}
::-webkit-scrollbar-button:end:increment{
    height:21px;
    display:block;
    background-color:{color:SidebarBackground};
    border-top:1px solid {color:SidebarBorders};
}
body {
    cursor: url(http://i.imgur.com/ZOrzC.png), auto;
    background-attachment:fixed;
    background-repeat:repeat;
    margin:0px;
    padding:0px;
    background-image:url('{image:Background}');
    background-color:{color:Background};
}
a, a:link, a:active, a:visited{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    text-decoration: none;
    cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
    color: {color:Links};
}
a:hover{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
    text-decoration: none;
    color: {color:LinksHover};
}
#content{
    margin:auto;
    {block:IndexPage}{block:If250px}width:270px;{/block:If250px}
    {block:If400px}width:420px;{/block:If400px}{/block:IndexPage}
    {block:PermalinkPage}width:420px;{block:PermalinkPage}
}
.post{
    overflow:hidden;
    float:justify;
    font-size:9px;
    padding-top:20px;
    padding-bottom:18px;
    padding-left:20px;
    padding-right:20px;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    margin-bottom:10px;
    font-family:arial;
    text-align:left;
    color:{color:Text};
    background:{color:PostBackground};
    border:1px solid {color:Borders};
    {block:IndexPage}{block:If250px}width:250px;{/block:If250px}
    {block:If400px}width:400px;{/block:If400px}{/block:IndexPage}
    {block:PermalinkPage}width:400px;{/block:PermalinkPage}
}
.post a{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    color:{color:Links};
}
.post a:hover{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    color:{color:LinksHover};
}
b, strong{
    color:{color:BoldText};
}
blockquote{
    padding-left: 5px;
    padding-right: 5px;
    border-left: 1px solid {color:Borders};
}
#headings{
    text-transform:uppercase;
    text-align:right;
    padding-left:5px;
    padding-right:5px;
    padding-top:1px;
    font-size:9px;
    border-bottom:1px solid {color:Borders};
}
#quote{
    font: italic 10px  arial;
    text-align: center;
    display: block;
}
#audio {
    background: #ffffff;
    display: block;
    margin: auto;
    width: 250px;
    {block:IndexPage}{block:If250px}padding-left:0px;
    padding-right:0px;{/block:If250px}
    {block:If400px}padding-left:75px;
    padding-right:75px;{/block:If400px}{/block:IndexPage}
    {block:PermalinkPage}padding-left:75px;
    padding-right:75px;{/block:PermalinkPage}
}
#question{
    text-align: left;
    min-height:14px;
    font-family:arial;
    padding:5px;
    background:{color:QuestionBackground};
    {block:IndexPage}{block:If250px}font-size:9px;{/block:If250px}
    {block:If400px}font-size:10px;{/block:If400px}{/block:IndexPage}
    {block:PermalinkPage}font-size:10px;{/block:PermalinkPage}
}
#perma{
    font-size: 8px;
    font-family:consolas;
    position:absolute;
    margin-left:0px;
    margin-top:0px;
    height:0px;
    padding-right:20px;
    padding-top:6px;
    overflow:hidden;
    opacity:0;
    text-align:right;
    color:#8a8a8a;
    background:#ffffff;
    -webkit-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    transition: all 0.6s linear;
    text-transform:uppercase;
    {block:If250px}width:230px;{/block:If250px}
    {block:If400px}width:380px;{/block:If400px}
}
.post:hover #perma{
    opacity:0.9;
    height:18px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.post:hover #perma:hover{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    opacity:1;
}
#perm{
    width:50px;
    font-size: 8px;
    font-family:consolas;
    position:absolute;
    padding-top:6px;
    margin-top:0px;
    height:16px;
    overflow:hidden;
    opacity:0;
    text-align:center;
    color:#8a8a8a;
    background:#ffffff;
    -webkit-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    transition: all 0.6s linear;
    text-transform:uppercase;
    {block:If250px}margin-left:195px;{/block:If250px}
    {block:If400px}margin-left:345px;{/block:If400px}
}
.post:hover #perm{
    height:16px;
    margin-top:-30px;
    opacity:0.9;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.post:hover #perm:hover{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    opacity:1;
}
#per{
    overflow:hidden;
    font-size: 8px;
    font-family:consolas;
    position:absolute;
    padding:3px;
    margin-top:-21px;
    opacity:1;
    text-align:left;
    text-transform:uppercase;
    color:{color:Text};
    background:{color:PostBackground};
    border:1px solid {color:borders};
    -webkit-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    transition: all 0.6s linear;
    {block:If250px}margin-left:270px;{/block:If250px}
    {block:If400px}margin-left:420px;{/block:If400px}
}
#info{
    margin-top:-11px;
    margin-bottom:10px;
    margin-left:auto;
    margin-right:auto;
    width:432px;
    font-size:8px;
    font-family: consolas;
    text-align:center;
    text-transform:uppercase;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:5px;
    padding-right:5px;
    color:{color:SidebarLinks};
    background:{color:SidebarLinksBackground};
}
#info a{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    color:{color:Links};
}
#info a:hover{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    color:{color:SidebarLinks};
}
#notes{
    width:400px;
    padding:20px;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:auto;
    margin-right:auto;
    font-size:8px;
    font-family: consolas;
    text-align:left;
    color:{color:Text};
    background:{color:PostBackground};
    text-transform:uppercase;
    border:1px solid {color:borders};
}
ol.notes{
    padding-left:20px;
    margin:0px;
    list-style:none;
}
#bar{
    position:fixed;
    left:0px;
    bottom:0px;
    width:100%;
    height:20px;
    background:{color:SidebarBackground};
    opacity:1;
    border-top:1px solid {color:SidebarBorders};
}
#title{
    position:fixed;
    bottom:5px;
    text-transform:uppercase;
    font-size:9px;
    font-family:consolas;
    text-align:center;
    color:{color:BlogTitle};
    {block:IndexPage}{block:If250px}width:290px;{/block:If250px}
    {block:If400px}width:440px;{/block:If400px}{/block:IndexPage}
    {block:PermalinkPage}width:440px;{/block:PermalinkPage}
}
#sidebar{
    bottom:20px;
    position:fixed;
    padding:20px;
    width:152px;
    margin-left:-250px;
    padding-bottom:10px;
    background:{color:SidebarBackground};
    border-top:1px solid {color:SidebarBorders};
    border-left:1px solid {color:SidebarBorders};
    border-right:1px solid {color:SidebarBorders};
}
#sideimage{
    margin-left:0px;
    width:140px;
    padding-left:5px;
    padding-top:5px;
    padding-right:5px;
    padding-bottom:2px;
    border:1px solid {color:SidebarBorders};
    background:{color:PostBackground};
}
#side img{
    width:140px;
    overflow:hidden;
}
#description{
    width:150px;
    text-align:center;
    margin-left:0px;
    margin-top:10px;
    text-transform:uppercase;
    font-size:8px;
    font-family:consolas;
    margin-bottom:10px;
    color:{color:Description};
}
#navi{
    width:150px;
    text-align:center;
    margin-top:5px;
    text-transform:uppercase;
    font-size:8px;
    font-family:consolas;
    margin-bottom:0px;
    {block:IfNotShowSidebarImage}border-bottom:1px solid {color:SidebarBorders};{/block:IfNotShowSidebarImage}
}
#navi a{
    padding-left:5px;
    padding-right:5px;
    color:{color:SidebarLinks};
    display:inline;
    background:{color:SidebarLinksBackground};
    border-top:1px solid {color:SidebarBackground};
}
#navi a:hover{
    color:{color:SidebarLinksHover};
    background:{color:SidebarBackground};
    border-top:1px solid {color:SidebarBorders};
}
#links{
    width:150px;
    margin-left:0px;
    text-transform:uppercase;
    font-size:8px;
    font-family:consolas;
    margin-bottom:10px;
}
#links a{
    text-align:center;
    color:{color:SidebarLinks};
    display:block;
    margin-top:1px;
    background:{color:SidebarLinksBackground};
    border-top:1px solid {color:SidebarBackground};
    border-bottom:1px solid {color:SidebarBackground};
}
#links a:hover, #pagi a:hover{
    color:{color:SidebarLinksHover};
    background:{color:SidebarBackground};
    border-top:1px solid {color:SidebarBorders};
    border-bottom:1px solid {color:SidebarBorders};
}
#pagination{
    top:40px;
    position:fixed;
    font-size:30px;
    font-family:consolas;
    {block:If250px}margin-left:341px;{/block:If250px}
    {block:If400px}margin-left:491px;{/block:If400px}
}
</style>
</head>
<body>
{block:IfInfiniteScroll}
<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
{/block:IfInfiniteScroll}
<div id="content">
{block:IndexPage}
{block:IfNotInfiniteScroll}
{block:Pagination}
<div id="pagination">
{block:NextPage}<a href="{NextPage}">▶</a>{/block:NextPage}
<p/>
{block:PreviousPage}<a href="{PreviousPage}">◀</a>{/block:PreviousPage}
</div>
{/block:Pagination}
{/block:IfNotInfiniteScroll}
{/block:IndexPage}
<div id="bar"></div>
<div id="title">{title}</div>
<div id="sidebar">
<div id="navi">
<a href="/">index</a>
<a href="/ask">ask</a>
<a href="/archive">history</a>
<a href="http://yeoli-thm.tumblr.com">theme</a></div>
{block:IfShowSidebarImage}
<div id="sideimage"><div id="side"><a href="/"><img src="{image:SidebarImage}"></a></div></div>{/block:IfShowSidebarImage}
<div id="description">{description}</div>
<div id="links">
{block:IfLink1}<a href="{text:Link1 URL}">{text:link1}</a>{/block:IfLink1}
{block:IfLink2}<a href="{text:Link2 URL}">{text:link2}</a>{/block:IfLink2}
{block:IfLink3}<a href="{text:Link3 URL}">{text:link3}</a>{/block:IfLink3}
{block:IfLink4}<a href="{text:Link4 URL}">{text:link4}</a>{/block:IfLink4}
{block:IfLink5}<a href="{text:Link5 URL}">{text:link5}</a>{/block:IfLink5}
</div>
</div>
<div class = "autopagerize_page_element" >
{block:Posts}
<div class="post">
{block:Text}
{block:IndexPage}
<a href="{Permalink}"><div id="per">x</div></a>
{/block:IndexPage}
{block:Title}<div id="headings"> {Title}</div>{/block:Title}
{Body}
{/block:Text}
{block:Photo}
{block:IndexPage}
<a href="{Permalink}"><div id="perma">posted {TimeAgo} with {NoteCountWithLabel}</div></a>
{block:If250px}<img src="{PhotoURL-500}" width="250px" />{block:If250px}
{block:If400px}<img src="{PhotoURL-500}" width="400px"/>{block:If400px}
<a href="{ReblogURL}" target="blank"><div id="perm">reblog</div></a>{/block:IndexPage}
{block:PermalinkPage}<a href="{LinkURL}"><img src="{PhotoURL-500}" width="400px"/></a>{block:PermalinkPage}
{block:PermalinkPage}
{block:Caption}{Caption}{/block:Caption}
{/block:PermalinkPage}
{/block:Photo}
{block:Photoset}
{block:IndexPage}
<a href="{Permalink}"><div id="perma">posted {TimeAgo} with {NoteCountWithLabel}</div></a>
{block:If250px}{Photoset-250}{/block:If250px}
{block:If400px}{Photoset-400}{/block:If400px}
<a href="{ReblogURL}" target="blank"><div id="perm">reblog</div></a>{/block:IndexPage}
{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
{block:PermalinkPage}
{block:Caption}{Caption}{/block:Caption}
{/block:PermalinkPage}
{/block:Photoset}
{block:Video}
{block:IndexPage}
<a href="{Permalink}"><div id="perma">posted {TimeAgo} with {NoteCountWithLabel}</div></a>
{block:If250px}{Video-250}{/block:If250px}
{block:If400px}{Video-400}{/block:If400px}
<a href="{ReblogURL}" target="blank"><div id="perm">reblog</div></a>{/block:IndexPage}
{block:PermalinkPage}{Video-400}{/block:PermalinkPage}
{block:PermalinkPage}
{block:Caption}{Caption}{/block:Caption}
{/block:PermalinkPage}
{/block:Video}
{block:Quote}
{block:IndexPage}
<a href="{Permalink}"><div id="per">x</div></a>
{/block:IndexPage}
<div id="quote">" {Quote} "</div>
{block:Source}<div align="center">- {Source}</div>{/block:Source}
{/block:Quote}
{block:Link}
{block:IndexPage}
<a href="{Permalink}"><div id="per">x</div></a>
{/block:IndexPage}
<div id="headings"><a href="{URL}" target="{Target}">{Name}</a></div>
{block:Description}{Description}{/block:Description}
{block:PermalinkPage}
{block:Caption}{Caption}{/block:Caption}
{/block:PermalinkPage}
{/block:Link}
{block:Chat}
{block:IndexPage}
<a href="{Permalink}"><div id="per">x</div></a>
{/block:IndexPage}
{block:Title}<div id="headings">{Title}</div>{/block:Title}
{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
{/block:Chat}
{block:Audio}
{block:IndexPage}
<a href="{Permalink}"><div id="per">x</div></a>
{/block:IndexPage}
<div id="audio">{AudioPlayerWhite}</div>
{block:PermalinkPage}
{block:Caption}{Caption}{/block:Caption}
{PhotoAlt}
{/block:PermalinkPage}
{/block:Audio}
{block:Answer}
{block:IndexPage}
<a href="{Permalink}"><div id="per">x</div></a>
{/block:IndexPage}
<img src="{AskerPortraitURL-24}" style="float: left;margin:0px;padding-top:5px;padding-left:5px;padding-right:5px;" />
<div id="question">{Asker}: {Question}</div>
{Answer}
{/block:Answer}
</div>
{block:PermalinkPage}
<div id="info">
{block:Date}posted on {ShortMonth} {DayOfMonthWithZero}, {Year}{/block:Date}
{block:RebloggedFrom}
( via: <a href="{ReblogParentURL" title="{ReblogParentTitle">{ReblogParentName}</a> ・ origin: <a href="{ReblogRootURL}" title="{ReblogRootTitle">{ReblogRootName}</a> )
{/block:RebloggedFrom}
<br/>
{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
</div>
{block:PostNotes}
<div id="notes">
with {NoteCountWithLabel}:
<p/>
{PostNotes}</div>
{/block:PostNotes}
{/block:PermalinkPage}
{/block:Posts}
</div>
</div>
<div style="margin-bottom:30px"></div>
<a style="position: fixed; text-align: right; bottom: 13px; right: 10px; width: 60px; font-size: 30px; font-family: consolas;" href="#top">▲</a>
</body>
</html>