<head>
<!--
theme one by arc4de c:
if you remove credit I'M GON FIND YOU~~
---
READ THIS OR ELSE~
k, this is my first theme so it's not going to be the best-
Comes with the ability to upload your own custom cursor, & change the tab colors, ect
INSTRUCTIONS:
Copy code, paste html into your custom theme html box, then save. After you save, reload your custom theme editor thingy and you'll actually be able to edit the theme.
*NOTE: The first tab is where your description goes.
*If your title isn't alinged right, message me.
If you have any problems with anything just drop me a question at:
http://arc4de.tumblr.com/
-->
<title>{Title}</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="color:background" content=""/>
<meta name="color:text" content=""/>
<meta name="color:title" content=""/>
<meta name="color:link" content=""/>
<meta name="color:hover" content=""/>
<meta name="color:shadow" content=""/>
<meta name="color:TabColor" content=""/>
<meta name="color:TabContentBackground" content=""/>
<meta name="color:TabLinkColor" content=""/>
<meta name="color:TabLinkBgHover" content=""/>
<meta name="color:TabLinkBorderColor" content=""/>
<meta name="color:scrollbarcolor" content=""/>
<meta name="image:Background" content=""/>
<meta name="image:Sidebar" content=""/>
<meta name="image:cursor" content=""/>
<meta name="if:showblogtitle" content=""/>
<meta name="if:rainbowlinks" content=""/>
<meta name="if:customcursor" content=""/>
<meta name="if:tinyscrollbar" content=""/>
<meta name="text:Tab One Title" content=""/>
<meta name="text:Tab Two Title" content=""/>
<meta name="text:Tab Three Title" content=""/>
<meta name="text:Tab Three Content" content=""/>
<meta name="text:Link One Title" content=""/>
<meta name="text:Link One" content=""/>
<meta name="text:Link Two Title" content=""/>
<meta name="text:Link Two" content=""/>
<meta name="text:Link Three Title" content=""/>
<meta name="text:Link Three" content=""/>
<meta name="text:Link Four Title" content=""/>
<meta name="text:Link Four" content=""/>
<!-- don't remove/edit -->
<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript">
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
<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)').slideLeft().prev().removeClass('open');}
else {
$('li.drawer div:visible:nth-child(2)').slideLeft().prev().removeClass('open');
$(this).next().slideRight();
$(this).addClass('open');}
});
});
</script>
<!-- don't remove/edit -->
<style type="text/css">
body{
{block:ifcustomcursor}
cursor: url("{image:cursor}"), auto;
{/block:ifcustomcursor}
margin:0px;
background-color: {color:Background};
font-family: "tinytots",verdana;
font-size: 8px;
line-height:10px;
color:{color:Text};
background-image:url("{image:Background}");
width:750px;
}
@font-face {
font-family: "tinytots";
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
html{
{block:ifcustomcursor}
cursor: url("{image:cursor}"), auto;
{/block:ifcustomcursor}
}
h2{font-size: 12pt; font-family: "Atamic CS"; font-weight:normal; line-height:20px; margin:0px; color: #696969;}
li {
{block:ifcustomcursor}
cursor: url("{image:cursor}"), auto;
{/block:ifcustomcursor}
}
i{
font-style: italic;
}
p{
margin-top: 0px;
margin-bottom: 0px;
}
b{
color:#080808;
text-shadow: 0 0 2px #888;
}
{block:iftinyscrollbar}
::-webkit-scrollbar {width: 6px; height: 4px; background: #FFFFFF; }
::-webkit-scrollbar-thumb { background-color: {color:scrollbarcolor}; -webkit-border-radius: 0px; outline:1px solid rgba(0, 0, 0, .1); border:2px solid rgba(0, 0, 0, .05);}
{/block:iftinyscrollbar}
a:link, a:active, a:visited{
color:{color:link};
{block:ifcustomcursor}
cursor: url("{image:cursor}"), auto;
{/block:ifcustomcursor}
text-decoration: none;
-webkit-transition: color 0.4s ease-out;
-moz-transition: color 0.4s ease-out;
transition: color 0.4s ease-out;
}
a:hover {
color:{color:Hover};
text-decoration: none;
font-style: none;
-webkit-transition-duration: 0.8s;
{block:ifcustomcursor}
cursor: url("{image:cursor}"), auto;
{/block:ifcustomcursor}
}
div#center{
margin-left:450px;
position:relative;
width:680px;
overflow:auto;
overflow-y:hidden;
font-family:"tinytots";
}
div#content{
float:right;
width:497px;
padding-bottom: 1px;
padding-top: 1px;
margin-top: -25;
margin-right: -300px;
{block:ifcustomcursor}
cursor: url("{image:cursor}"), auto;
{/block:ifcustomcursor}
}
div#entry{
float:left;
margin-top: 1px;
margin-bottom: 1px;
margin-right: 0px;
margin-left:1px;
background-color:;
margin-top:0px;
width: 247px;
height: 175px;
}
div#entry .permalink2 a{
float: bottom;
color:#000;
}
div#entry .permalink2{
margin-right: -10px;
margin-top: 10px;
width:247px;
position: absolute;
font-family: tinytots;
font-size: 8px;
text-align: center;
background-color:#eeeeee;
overflow:hidden;
opacity:0.0;
-webkit-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}
div#entry:hover .permalink2{
margin-right: 250px;
margin-top:0px;
overflow:visible;
-webkit-transition: all 0.4s linear; opacity: 0.9;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
transition: all 0.4s linear;
}
div#container{
position:fixed !important;
}
.titleman{
position:fixed !important;
width:220px;
height:auto;
font-family: 'Amatic SC', cursive;
font-size: 43px;
line-height: 35px;
color: {color:title};
padding-bottom:50px;
text-align:center;
text-shadow: 0px 1px 5px #fff;
letter-spacing: -2px;
margin-top:60px;
top:23px;
z-index:99999;
}
.text1{
font-size:8px;
height:52px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-webkit-transition-duration: .6s;
display: inline-block;
}
.text1{
margin-top:9px;
margin-left:-22px;
width: 57px;
height: 21px;
background-color:{color:TabColor};
padding: 2px;
font-size:8px;
letter-spacing:0px;
line-height:15px;
text-align:center;
-webkit-transition-duration: .6s;
display: inline-block;
}
.text2{
font-size:8px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
width: 51px;
height: 19px;
margin-left:-21px;
background-color: {color:TabColor};
padding: 2px;
margin-top:5px;
font-size:8px;
letter-spacing:0px;
line-height:15px;
text-align:center;
border: 1px solid {color:TabColor};
-webkit-transition-duration: .6s;
display: inline-block;
}
.text3{
font-size:8px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
width: 51px;
height: 20px;
margin-left:-20px;
background-color: {color:TabColor};
padding: 2px;
margin-top:8px;
letter-spacing:0px;
line-height:15px;
text-align:center;
border: 1px solid {color:TabColor};
-webkit-transition-duration: .6s;
display: inline-block;
}
div#sidebar{
background-color:#fff;
position:fixed !important;
width:auto;
height:200px;
padding-bottom:0px;
margin-top:119px;
margin-left: -233px;
padding:0px;
z-index:999;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}
div#sidebar2{
position:fixed !important;
margin-top:100px;
width:300px;
height:justify;
margin-left: -230px;
z-index:999;
}
div#links {text-align:center;font-size: 9px;position:fixed;padding:5px;left:0px;left:200px;-webkit-transition: all .8s ease-in-out;-moz-transition: all .8s ease-in-out;-o-transition: all .8s ease-in-out;z-index:999; font-family:"tinytots";}
div#links:hover {left:45px;padding:5px;}
div#links2 {overflow-y:scroll;overflow-x:hidden;font-family:"tinytots";font-size:8px; background-color:{color:TabContentBackground};margin-top:115px;margin-left:11px;padding: 3px;border: 2px solid {color:TabContentBackground};border-top: 3px solid {color:TabContentBackground};width:150px;height:50px;z-index: 9999;font-family:"tinytots";}
div#links3{
background-color:{color:TabColor};
border:2px solid {color:TabColor};
padding-top:7px;
text-align:center;
margin-top:-61px;
height:50px;
margin-left:-11px;
width: 21px;
z-index: 999;}
div#linkjigs1 {text-align:center;font-size: 9px;position:fixed;padding:5px;left:0px;left:200px;-webkit-transition: all .8s ease-in-out;-moz-transition: all .8s ease-in-out;-o-transition: all .8s ease-in-out;z-index:998; font-family:"tinytots";}
div#linkjigs1:hover {left:45px;padding:5px;}
div#linkjigs2 {font-family:"tinytots"; font-size:8px; border: 2px solid #c6c6c6;background-color:{color:TabLinkColor};margin-top:187px;margin-left:10px;padding: 0px;border:0px solid {color:TabLinkColor};width:170px;height:57px;z-index: 9999;font-family:"tinytots";}
div#linkjigs3 {font-family:"tinytots";font-size:8px;padding-top:7px; ;margin-top:-53px;height:48px;margin-left:-8px;width: 20px;z-index: 9999;
}
div#linknigs1 {text-align:center;font-size: 9px;position:fixed;padding:5px;left:0px;left:200px;-webkit-transition: all .8s ease-in-out;-moz-transition: all .8s ease-in-out;-o-transition: all .8s ease-in-out;z-index:997; font-family:"tinytots";text-align:center;}
div#linknigs1:hover {left:45px;padding:5px;}
div#linknigs2 {border: 5px solid {color:TabContentBackground};font-family:"tinytots"; font-size:8px; background-color:{color:TabContentBackground};margin-top:256px;margin-left:10px;padding: 4px;border:0px solid #fff;width:155px;height:50px;z-index: 9999;font-family:"tinytots";}
div#linknigs3 {font-family:"tinytots";font-size:8px;padding-top:8px; ;margin-top:-58px;height:48px;margin-left:-8px;width: 20px;z-index: 997;
}
div.button a{
top:15px;
display: inline-block;
background-color:{color:TabLinkColor};
height:12px;
width: 160px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
text-align:center;
padding-right:5px;
padding-top:2px;
border-left: 0px solid {color:TabLinkBorderColor};
cursor: url("http://i39.tinypic.com/1tn0aw.png"), auto;
}
div.button a:hover{
width: 140px;
text-align:right;
border-right: 125px solid {color:TabLinkBorderColor};
padding-left:2px;
background-color:{color:TabLinkBgHover};
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
cursor: url("http://i44.tinypic.com/35ioua1.png"), auto;
}
div#permapage{
width: 248px;
font-family: cambria;
font-size: 10px;
line-height: 10px;
text-align: center;
margin-bottom: 12px;
margin-top: 3px;
}
.video embed, .post div.video object {
width:160px !important;
height:110px; !important;
}
blockquote{
padding:2px 2px 2px 5px;
margin:2px 2px 2px 1px;
border-left: 1px dotted {color:Text};
}
blockquote p, ul{
margin:0px;
padding:0px;
}
ul, li{list-style:none; margin:0px; padding:0px;}
ul, ol, li{list-style:none; margin:0px; padding:0px;}
a img{border: 0px;}
ul, ol, li{list-style:none; margin:0px; padding:0px;}
.user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
.user_7 .label, .user_8 .label, .user_9 .label {color:#000;}
.notes img{width:10px; position:relative; top:3px;
}
.permalink{
color:{color:links};
display:block;
margin-left: -10px;
position: absolute;
text-align: right;
}
small{font-size: 90%;}
iframe#tumblr_controls {
top: 0% !important;
right:0% !important;
position: fixed !important;}
</style>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
<meta name="viewport" content="width=820" />
{block:ifrainbowlinks}
<script type='text/javascript'>
//<![CDATA[
var rate = 20;
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="cage">
<div id="center">
<div id="cage">
</div>
<div id="container">
<div id="sidebar2">
{block:ifshowblogtitle}
<div class="titleman"><div align="center">{Title}</div>
{block:ifshowblogtitle}
</div</div></div></div>
<div id="links">
<div id="links2">
<div id="name"></div>{Description}</div>
<div id="links3"><div class="text1">{text:Tab One Title}</div></div></div>
<div id="linkjigs1">
<div id="linkjigs2">
<div id="name"></div><div class="button"><a href="{text:Link One}">{text:Link One Title}</a><a href="{text:Link Two}">{text:Link Two Title}</a>
<a href="{text:Link Three}">{text:Link Three Title}</a><a href="{text:Link Four}">{text:Link Four Title}</a>
</div></div>
<div id="linkjigs3"><div class="text2">{text:Tab Two Title}</div></div></div>
<div id="linknigs1">
<div id="linknigs2">
<div id="name"></div>{text:Tab Three Content}
</div>
<div id="linknigs3"><div class="text3">{text:Tab Three Title}</div></div></div>
<div id="sidebar">
<a href="/"><img src="{image:Sidebar}" height=200px></a>
<div align="right">
<br>
</div>
</div>
</div>
<br><br>
</div></div></div>
<div id="content">
{block:Posts}
<div id="entry">
<div class="permalink2">
<a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog </a> / <a href="{permalink}">{TimeAgo}</a></span></div>
{block:Text}
{block:Title}<span class="title">{Title}</span>{/block:Title}
<span class="entrytext">{Body}</span> <div align="right">-</div>
{/block:Text}
{block:Link}
<a href="{URL}" class="title">{Name}</a>
{block:Description}{Description}{/block:Description}
<div align="right">-</div>
{block:Link}
{block:Photo}
{block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=247px height=175px/></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=400px/>{LinkCloseTag}{/block:PermalinkPage}{/block:Photo}
{block:Quote}
<span class="title">{Quote}</span>
{block:Source}{Source}{/block:Source}
<div align="right">-</div>
{/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>
<div align="right">-</div>
{/block:Chat}
{block:Audio}
<center><div style="width=275px height=133px"><div
style="float:left">{AudioPlayerWhite}</div><div style="margin-top:8px;
float:bottom;"><small>
{FormattedPlayCount} plays {block:ExternalAudio} // <a
href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}
</small></div></div></centeR><BR>
{block:permalinkpage}{block:caption}{caption}{/block:caption}{/block:permalinkpage}
{/block:Audio}
{block:Video}<center>
{Video-200}<BR>
{block:permalinkpage}on}{/block:permalinkpage}</center>
{/block:Video}
{block:PostNotes}
<center>
{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel} <img src="http://i214.photobucket.com/albums/cc105/24168/egobox/vf/pixels/icons/23.gif">{/block:NoteCount}{block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}
<p>{block:RebloggedFrom}
reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
{/block:RebloggedFrom}
</center></span>
<br>
<div id="postnotes">{PostNotes}</div><br>
<center>{block:ContentSource}
<br><a href="{SourceURL}">
{lang:Source}:
{block:SourceLogo}
<img src="{BlackLogoURL}" width="{LogoWidth}"
height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}
{SourceLink}
{/block:NoSourceLogo}
</a>
{/block:ContentSource}</center>
{/block:PostNotes}
</div>
{/block:Posts}
</div></div>
</div>
<div style="position:fixed; bottom:0px; left:5px;">
theme by <a href="http://arc4de.tumblr.com">arc4de</a>
</body>
</html>