<!--
by ab0lish.
don't remove credits, please.
-->
<html lang="en">
<head>
<!-- DEFAULT VARIABLES -->
<meta name="image:Background" content=""/>
<meta name="color:background" content="#86FFA3"/>
<meta name="color:text" content="#000000"/>
<meta name="color:title" content="#000000"/>
<meta name="color:link" content="#777777"/>
<meta name="color:hover" content="#FFF"/>
<meta name="font:text" content="arial"/>
<meta name="font:title" content="helvetica"/>
<meta name="text:title font size" content="12px"/>
<meta name="text:text font size" content="9px"/>
<meta name="text:title line height" content="12px"/>
<meta name="text:text line height" content="9px"/>
<meta name="color:sidebar background" content="#ffffff" />
<meta name="color:posts background" content="#ffffff" />
<meta name="image:Sidebar" content="1"/>
<meta name="if:show blog title" content="1"/>
<meta name="if:show photo" content="0"/>
<meta name="if:show captions" content="0"/>
<meta name="if:show arrow" content="0"/>
<meta name="if:infinite scrolling" content="1"/>
<meta name="if:center" content="1"/>
<meta name="if:thin scrollbar" content="1"/>
<meta name="if:tiny cursor" content="1"/>
<meta name="if:tiny hand cursor" content="0"/>
<meta name="if:rainbow links" content="1"/>
<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
{block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
<script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('li.drawer div:nth-child(2)').hide();
$('li.drawer h4').click(function () {
if ($(this).hasClass('open')) {
$('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}
else {
$('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');
$(this).next().slideDown();
$(this).addClass('open');}
});
});
</script>
<style type="text/css">
{block:iftinycursor}
body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-6/cur568.cur), progress;}
{/block:iftinycursor}
{block:iftinyhandcursor}
body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}
{/block:iftinyhandcursor}
{block:ifthinscrollbar}
::-webkit-scrollbar {width: 8px; height: 4px; background: {color:Background}; }
::-webkit-scrollbar-thumb { background-color: #fff; -webkit-border-radius: 1ex; border: 1px solid black;}
{/block:ifthinscrollbar}
body{
margin:0px;
background-color: {color:Background};
font-family: {font:text};
font-size: {text:text font size};
line-height:10px;
color:{color:Text};
}
p{
margin-top: 0px;
margin-bottom: 0px;
}
a:link, a:active, a:visited{
color: {color:Link};
text-decoration: none;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}
a:hover{
color:{color:Hover};
text-decoration: none;
}
#center{
margin:auto;
position:relative;
width:740px;
overflow:auto;
overflow-y:hidden;
}
#posts{
float:right;
width: 250px;
height:auto;
margin-right:230px;
padding-right:1px;
padding-left:1px;
padding-top:1px;
background-color:#fff;
margin-top: 5px;
margin-bottom: 0px;
}
#entry{
margin-bottom:1px;
float: left;
width: 250px;
}
#entry .perma a{
color:#000;
}
#entry .perma{
width:250px;
position: absolute;
font-family: {font:text};
font-size: {text:text font size};
line-height: 15px;
text-align: center;
overflow:hidden;
opacity: 0.0;
background-color:#fff;
}
#entry:hover .perma{
overflow:visible;
-webkit-transition: opacity 0.2s linear; opacity: 0.8;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#sidebar{
position:fixed !important;
width:150px;
height:auto;
background-color:#fff;
padding:1px;
margin-top:5px;
margin-left: 100px;
}
#pages{
font-family: {font:text};
font-size: {text:text font size};
margin-top: 9px;
text-align: center;
}
#permapage{
width: 250px;
font-family: {font:text};
font-size: {text:text font size};
line-height: 10px;
text-align: center;
margin-bottom: 12px;
margin-top: 3px;
}
.title{
font-family: {font:title};
font-size: {text:title font size};
line-height: 13px;
color: {color:Title};
font-weight: normal;
}
.blogtitle{
font-family: {font:text};
font-size: {text:text font size};
line-height: 13px;
color: {color:Link};
font-weight: normal;
}
.video embed, .post div.video object {
width:160px !important;
height:110px; !important;
}
blockquote{
padding:0px 0px 2px 5px;
margin:0px 0px 2px 1px;
border-left: 1px dotted #555555;
}
blockquote p, ul{
margin:0px;
padding:0px;
}
ul, li{list-style:none; margin:0px; padding:0px;}
ul#drawers {width: 100px; list-style: none; margin: 0 auto; padding: 0px; border-top: 0px; color: #000;}
ul#drawers a {text-decoration: none; color: #000;}
ul#drawers li h4 {margin: 0; padding: 1px; text-transform: Camelcase; font-size: 10px; text-align: center; background-color: #363835; background: rgba(255, 255, 255, 0.0); -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out;
transition: background-color 0.5s ease-out;}
h4.small {display: table-cell; width: 100px; margin: 0px; height: 100%;}
li.drawer h4.open {background-color: #121213; border-top: 0px;}
li.drawer div {padding: 2px; margin: 0px; line-height: 12px; background-color: #363835; background: rgba(255, 255, 255, 0.0);}
li.drawer div li {list-style-type: disc;}
li.drawer div ul {-webkit-padding-start: 12px;}
</style>
{block:ifrainbowlinks}
<script type='text/javascript'>
//<![CDATA[
var rate = 50;
if (document.getElementById)
window.onerror=new Function("return true")
var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
objActive.style.color = makeColor();
}
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?
// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return '#' + elmR + elmG + elmB;
}
//]]>
</script>
{/block:ifrainbowlinks}
</head>
<body>
<div id="center">
<div id="sidebar">
<div align="center">
{block:ifshowblogtitle}<div class="blogtitle"><a href="/"><font size="2">{Title}</font></a></div>{/block:ifshowblogtitle}
{block:ifshowphoto}<a href="/"><img src=" onClick=”top.focus()”{image:sidebar}" width=150px></a>{/block:ifshowphoto}
{Description}<br>
{block:ifshowarrow}
{block:PreviousPage}<a href="{PreviousPage}"><font size="3"><b><img src="http://upload.wikimedia.org/wikipedia/commons/c/c2/U%2B21DC.gif"></b></font></a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}"><font size="3"><b><img src="http://upload.wikimedia.org/wikipedia/commons/d/df/U%2B21DD.gif"></b></font></a>{/block:NextPage}
{/block:ifshowarrow}
{block:ifinfinitescrolling}<a href="http://ab0lish.tumblr.com/"><font size="1">credit</font></a>{/block:ifinfinitescrolling}
</div></div>
<div id="posts">
{block:Posts}
<div id="entry">
{block:IndexPage}
<div class="perma">
<a href="{permalink}">{NoteCountWithLabel}</a> ~ <a href="{ReblogURL}" target="_blank">reblog</a></span></div>
{/block:IndexPage}
{block:Text}
{block:Title}<span class="title">{Title}</span>{/block:Title}
<span class="entrytext">{Body}</span>
{/block:Text}
{block:Link}
<a href="{URL}" class="title">{Name}</a>
{block:Description}{Description}{/block:Description}
{block:Link}
{block:Photo}
{block:IndexPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=250px/>{LinkCloseTag}{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=250px/>{LinkCloseTag}{/block:PermalinkPage}{/block:Photo}
{block:Quote}
{Quote}
{block:Source}<b>{Source}</b>{/block:Source}
{/block:Quote}
{block:Chat}
{block:Title}<span class="title">{Title}</span>{/block:Title}
<ul class="chat">
{block:Lines}
<li class="user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
{/block:Chat}
{block:Audio}
<div style="width:140px; height:20px; margin-top: 30px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:8px; float:right; margin-right: 10px;"><small><a href="{Permalink}">{FormattedPlayCount} ♫ </a> {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}</small></div></div>
{/block:Audio}
{block:Video}
<div class="video">{Video-400}</div>
{block:Video}
{block:PermalinkPage}
<div id="permapage">{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{block:NoteCount} ~ {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} ~ {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
{/block:PermalinkPage}
{block:PostNotes}{PostNotes}
{/block:PostNotes}
</div>
{/block:Posts}
{block:ifshowpagelink}<center>theme by <a href="http://ab0lish.tumblr.com/">ab0lish</a></center>{/block:ifshowpagelink}
</div>
</div>
</div>
</center>
</body>
</html>

