- <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};
- {block:ifcustomcursor}
- cursor: url("{image:cursor}"), auto;
- {/block:ifcustomcursor}
- }
- 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;
- {block:ifcustomcursor}
- cursor: url("{image:cursor}"), auto;
- {/block:ifcustomcursor}
- }
- 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>