Haine Theme
<!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>
<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
<!--
Haine Theme
by http://www.naturae.tumblr.com
PLEASE DO NOT REMOVE THE CREDIT, THANK YOU
-->
{block:IfShowDescriptionLink}
<script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
<script>
$(document).ready(function(){
$("a#description").click(function () {
$("p#description").slideToggle("1000");
});
});
</script>
{/block:IfShowDescriptionLink}
<title>{title}</title>
<meta name="color:Background" content="#FFFFFF"/>
<meta name="color:Ask Background" content="#CACACA"/>
<meta name="color:Title" content="#000000"/>
<meta name="color:Title Hover" content="#AAAAAA"/>
<meta name="color:Text" content="#000000"/>
<meta name="color:Links" content="#000000"/>
<meta name="color:Nav Links" content="#000000"/>
<meta name="color:Hover" content="#AAAAAA"/>
<meta name="color:Scroll Bar" content="#000000"/>
<meta name="color:Scroll Bar Background" content="#FFFFFF"/>
<meta name="font:Body" content="Georgia"/>
<meta name="font:If Not Fancy Blog Title" content=""/>
<meta name="text:Font Size" content="9"/>
<meta name="text:Blog Title Size" content="30"/>
<meta name="text:Width" content="300"/>
<meta name="text:Post Gaps" content="20"/>
<meta name="if:Fancy Blog Title" content="1"/>
<meta name="if:Fade Photos" content="1"/>
<meta name="if:Endless Scroll" content="0"/>
<meta name="if:Show Description Link" content="1"/>
<meta name="if:Show RSS Link" content="0"/>
<meta name="if:Show Archive Link" content="1"/>
<link href='http://fonts.googleapis.com/css?family=Zeyada' rel='stylesheet' type='text/css'>
<link rel="shortcut icon" href="{Favicon}">
<style type="text/css">
body{
height:100%;
text-align:justify;
font-family:{font:Body};
font-size:{text:Font Size}px;
line-height: 10px !important;
color:{color:text};
background-color:{color:Background};
}
::-webkit-scrollbar-thumb:vertical {
background-color:{color:scroll bar};
height:100px;
}
::-webkit-scrollbar-thumb:horizontal {
background-color:{color:scroll bar};
height:10px;
}
::-webkit-scrollbar {
height:10px;
width:8px;
background-color:{color:scroll bar background};
}
.tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
.contentcolumn{
margin:auto;
width:{text:Width}px;
margin-top:40px;
overflow:shown;
}
body a{
text-decoration:none;
-webkit-transition: 0.5s ease-in;
color:{color:links};
}
body a:hover{
color:{color:hover};
-webkit-transition: 0.5s ease-in;
}
a img{
border:0px;
}
{block:IfFadePhotos}
img:hover {
-webkit-transition: 0.3s ease-in;
opacity 0.5s linear;
opacity: 0.5;
filter: alpha(opacity = 50);}
{/block:IfFadePhotos}
#entry{
margin-left:0px;
padding-bottom:0px;
margin-bottom:{text:Post Gaps}px;
width:{text:Width}px;
}
#entry img{
max-width:{text:Width}px;
}
#entry:hover .permalink {opacity: 1;}
.title{
font-size:12px;
text-transform:uppercase;
margin-bottom:-5px;
border-bottom: 1px solid #000000;
line-height:12px;
margin-bottom:4px;
text-align:left;
letter-spacing:1px;
}
.blogtitle {
font-weight:bold;
margin-bottom:-5px;
{block:iffancyblogtitle}
font-family:Zeyada;
font-size:{text:blog title size}px;
line-height:{text:blog title size}px;
{/block:iffancyblogtitle}
{block:ifnotfancyblogtitle}
font-family:{font:if not fancy blog title};
font-size:{text:blog title size}px;
line-height:{text:blog title size}px;
margin-bottom:5px;
{/block:ifnotfancyblogtitle}
letter-spacing:2px;
-webkit-transition: 0.5s ease-in;
-webkit-text-stroke: 1px transparent;
text-align:center;
text-decoration:none;
text-transform:none;
color:{color:title};
text-align:center;
width:{text:Width}px;
}
.blogtitle a{
color:{color:title};
}
.blogtitle a:hover{
color:{color:Title Hover};
}
.nav {
text-align:center;
padding-top:1px;
padding-bottom:1px;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
text-transform:uppercase;
letter-spacing:1px;
font-size:9px;
margin-top: -1px;
margin-bottom: 15px;
}
.nav a{
color:{color:Nav Links};
-webkit-transition: 0.5s ease-in;
}
.h2{
-webkit-text-stroke: 1px transparent;
font-family:{Font:Body};
text-transform:uppercase;
font-size:11px;
line-height:12px;
font-style:none;
letter-spacing: 1px;
display:block;
}
.h3{
text-transform:uppercase;
}
.h4{
font-family: georgia;
font-size:20px;
line-height:25px;
font-weight:;
font-style:italic;
letter-spacing: 2px;
text-transform:lowercase;
display:block;
background:{color:title background};
}
.h5{
color:{color:title};
font-family: arial ;
font-size:40px;
line-height:41px;
font-weight:;
font-style:;
text-transform:lowercase;
text-align:right;
}
.audio {
background-color:#000000;
margin-bottom : -10px;
width:{text:Width}px;
}
.answer{
padding:2px;
padding-left:3px;
color:{color:Text};
font-style:italic;
background:{color:Ask Background};
}
.answer b {
text-transform:uppercase;
letter-spacing:1px;
}
div.video embed,
div.post div.video object {
width:{text:Width}px !important;
height:400px !important;
}
.permalink {
float: left;
margin-left: {text:Width}px;
padding-left:10px;
position : absolute;
font-size:9px;
text-align : left;
height:100px;
letter-spacing:1px;
-webkit-transition: 0.5s ease-in;
opacity:0;
}
.permalink a:hover{
color:{color:Hover}
}
p#description {
border-top: none;
border-bottom: none;
text-transform:none;
font-size:{text:Font Size};
line-height: {text:font size}px;
text-align: center;
margin-bottom: 10px;
margin-top: 10px;
width: {text:width}px;
font-family:{Font:Body}
}
</style>
{block:IfEndlessScroll}
<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>
{/block:IfEndlessScroll}
</head>
<body>
<div class="contentcolumn">
<div class="blogtitle"><a href="/">{Title}</a></div>
<div class="nav">
{block:IfShowDescriptionLink}<a id="description" style="cursor:help">info</a> {/block:IfShowDescriptionLink}
{block:IfShowArchiveLink}<a href="/archive">archive</a> {/block:IfShowArchiveLink}
{block:IfShowRSSLink}<a href="{RSS}">rss</a> {/block:IfShowRSSLink}
{block:AskEnabled}<a href="/ask">ask</a> {/block:AskEnabled}
{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a> {/block:Pages}{/block:HasPages}
<a href="http://www.naturae.tumblr.com">theme</a></div>
{block:IfShowDescriptionLink}
<p class="nav" id="description" style="display:none;">
{Description}
</p>
{/block:IfShowDescriptionLink}
{block:IfEndlessScroll}
<div class="autopagerize_page_element">
{/block:IfEndlessScroll}
{block:Posts}
{block:Text}
<div id="entry">
<span class="permalink"><a href="{Permalink}">{block:Date}{12Hour}:{Minutes} {CapitalAmPm}{/block:Date}</a></span>
{block:Title}<div class="title">{Title}</div>{/block:Title}
{Body}
</div>
{/block:Text}
{block:Photo}
<div id="entry">
{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
<img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" width="{text:Width}"/>
{block:IndexPage}</a>{/block:IndexPage}
{block:PermalinkPage}{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
{/block:PermalinkPage}
</div>
{/block:Photo}
{block:Photoset}
<div id="entry">
<span class="permalink"><a href="{Permalink}">{block:Date}{12Hour}:{Minutes} {CapitalAmPm}{/block:Date}</a></span>
{Photoset-500}
{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
</div>
{/block:Photoset}
{block:Quote}
<div id="entry">
<span class="permalink"><a href="{Permalink}">{block:Date}{12Hour}:{Minutes} {CapitalAmPm}{/block:Date}</a></span>"<i>{Quote}</i>" <br><br> — {block:Source}<b>{Source}</b>{/block:Source}
</div>
{/block:Quote}
{block:Link}
<div id="entry">
<span class="permalink"><a href="{Permalink}">{block:Date}{12Hour}:{Minutes} {CapitalAmPm}{/block:Date}</a></span>
<div class="h2"><a href="{URL}"><b><big>⇒</big> {Name}</b></a></div>{block:Description}{Description}{/block:Description}
</div>
{/block:Link}
{block:Chat}
<div id="entry">
<span class="permalink"><a href="{Permalink}">{block:Date}{12Hour}:{Minutes} {CapitalAmPm}{/block:Date}</a></span>
{block:Title}<b>{Title}</b>{/block:Title}
{block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
</div>
{/block:Chat}
{block:Audio}
<div id="entry">
<span class="permalink"><a href="{Permalink}">{block:Date}{12Hour}:{Minutes} {CapitalAmPm}{/block:Date}</a></span>
<div class="audio">
{AudioPlayerBlack}</div><br>
<div style="text-transform:uppercase; padding:2px; font-size:10px; text-align:center; -webkit-text-stroke: 1px transparent;">{block:TrackName}{TrackName}{/block:TrackName} <b>,</b> {block:Artist}{Artist}{/block:Artist} </div>
{block:PermalinkPage}{block:ExternalAudio} <a href="{ExternalAudioURL}"> / download </a> </span>{/block:ExternalAudio}{/block:PermalinkPage}
</div>
{/block:Audio}
{block:Answer}
<div id="entry">
<span class="permalink"><a href="{Permalink}">{block:Date}{24HourWithZero}:{Minutes}{/block:Date}</a></span>
<div class="answer"><b><span style="color:{color:Links};">{Asker}:</span></b> {Question}</div><br>
<div style="margin-top:-15px;">{Answer}</div></div>
{/block:answer}
{block:Video}
<div id="entry">
<div class="video">
<span class="permalink"><a href="{Permalink}">{block:Date}{12Hour}:{Minutes} {CapitalAmPm}{/block:Date}</a></span>
{Video-500}
{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
</div></div>
{/block:Video}
{block:PermalinkPage}
{block:Date}{TimeAgo} • {NoteCountWithLabel} • {Month} {DayOfMonth}{DayOfMonthSuffix}{/block:Date}{block:HasTags}<br>Tagged with {block:Tags}<a href="{TagURL}"><span style="{color:Links}; color:{color:Text}; line-height:14px; text-decoration:underline;">{Tag}</span></a> {/block:Tags}
{/block:HasTags}{/block:PermalinkPage}
{block:PostNotes}
{PostNotes}
{/block:PostNotes}
{/block:Posts}
{block:IfEndlessScroll}</div>{/block:IfEndlessScroll}
{block:IfNotEndlessScroll}{block:Pagination}<div style="margin-top:20px; margin-bottom:10px; letter-spacing:1px; font-size:15px; line-height:10px;"><div style="float:left">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}</div> <div style="float:right;">{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div></div>{/block:Pagination}{/block:IfNotEndlessScroll}
<br>
</div>
</body>
</html> Pasted: Aug 3, 2011, 4:41:15 pm
Views: 5,549