Theme 31: Miranda

<!--Theme 31: Miranda
By Beautifully Flawless
DO NOT REMOVE CREDIT, OR YOU WILL BE REPORTED.
DO NOT REMOVE CREDIT, OR YOU WILL BE REPORTED.
DO NOT REMOVE CREDIT, OR YOU WILL BE REPORTED.
DO NOT REMOVE CREDIT, OR YOU WILL BE REPORTED.
DO NOT REMOVE CREDIT, OR YOU WILL BE REPORTED.
DO NOT REMOVE CREDIT, OR YOU WILL BE REPORTED.
-->
<html>
<head>
<script type="text/javascript">
// <![CDATA[
// all colours must be in format '#NNNNNN', not 'red' or 'rgb(7,8,9)'
var fgcolour="#ffffff"; // foreground colour
var hlcolour="#c3c3c3"; // highlight colour
var bgcolour="#8b8b8b"; // background colour
var glcolour="#ffffff"; // colour of glow around letters
var speed=75; // speed colours change, 1 second = 1000
var delay=20; // how long to wait between wipes
var alink=""; // page to link text to (set to ="" for no link)

/****************************
*Multi-Wipe Neon Text Effect*
*(c)2003-12 mf2fm web-design*
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var w_txt, w_txl;
var w_flp=bgcolour;
var w_sty=Math.floor(Math.random()*8);
var w_cnt=-1;
var wipes=new Array();
var wrand=new Array();
window.onload=function() { if (document.getElementById) {
var i, wiper, wipei;
wiper=document.getElementById("wipe");
w_txt=wiper.firstChild.nodeValue;
w_txl=w_txt.length;
while (wiper.childNodes.length) wiper.removeChild(wiper.childNodes[0]);
for (i=0; i<w_txl; i++) {
wipei=document.createElement("span");
wipei.appendChild(document.createTextNode(w_txt.charAt(i)));
wipes[i]=wipei.style;
wipes[i].textShadow=glcolour+" 0px 0px 5px";
wipes[i].color=fgcolour;
wiper.appendChild(wipei);
}
if (alink) {
wiper.style.cursor="pointer";
wiper.onclick=function() { top.location.href=alink; }
}
for (i=0; i<w_txl; i++) wrand[i]=i;
wiper=setInterval("randwipe()", speed);
}}

function c(i, shade) {
if (shade==bgcolour) wipes[i].textShadow="none";
else wipes[i].textShadow=glcolour+" 0px 0px 15px";
wipes[i].color=shade;
}

function randwipe() {
var w_old;
if (w_cnt++<w_txl+2+delay*(w_flp==fgcolour)) eval("wipe"+w_sty+"();");
else {
w_cnt=-1;
w_flp=(w_flp==fgcolour)?bgcolour:fgcolour;
w_old=w_sty;
while (w_old==w_sty) w_sty=Math.floor(Math.random()*9);
}
}

function dechex(dec) { return ((dec<16)?"0":"")+dec.toString(16); }

function wipe0() { // full curtains
var half=Math.floor(w_txl/2);
if (w_cnt<w_txl) {
c(w_cnt, (w_cnt<half)?hlcolour:w_flp);
c(w_txl-w_cnt-1, (w_cnt<half)?hlcolour:w_flp);
}
}

function wipe1() { // random
var i, rand, temp;
if (w_cnt==0) {
for (i=0; i<w_txl; i++) {
rand=Math.floor(Math.random()*w_txl);
temp=wrand[i];
wrand[i]=wrand[rand];
wrand[rand]=temp;
}
}
if (w_cnt<w_txl) c(wrand[w_cnt], hlcolour);
if (w_cnt>0 && w_cnt<w_txl+1) c(wrand[w_cnt-1], w_flp);
}

function wipe2() { // forwards
if (w_cnt<w_txl) c(w_cnt, hlcolour);
if (w_cnt>0 && w_cnt<w_txl+1) c(w_cnt-1, w_flp);
}

function wipe3() { // backwards
if (w_cnt<w_txl) c(w_txl-(w_cnt+1), hlcolour);
if (w_cnt>0 && w_cnt<w_txl+1) c(w_txl-w_cnt, w_flp);
}

function wipe4() { // searchlight
if (w_cnt<w_txl) c(w_cnt, hlcolour);
if (w_cnt>0 && w_cnt<w_txl+1) c(w_cnt-1, w_flp);
if (w_cnt>1 && w_cnt<w_txl+2) c(w_cnt-2, hlcolour);
if (w_cnt>2 && w_cnt<w_txl+3) c(w_cnt-3, (w_flp==fgcolour)?bgcolour:fgcolour);
if (w_cnt==w_txl+2) w_flp=(w_flp==fgcolour)?bgcolour:fgcolour;
}

function wipe5() { // fade
var i;
if (w_cnt<w_txl+3) {
var start=(w_flp==fgcolour)?bgcolour:fgcolour;
var temp="#";
for (i=1; i<6; i+=2) {
var hex1=parseInt(start.substring(i,i+2),16);
var hex2=parseInt(w_flp.substring(i,i+2),16);
temp+=dechex(Math.floor(hex1+(hex2-hex1)*(w_cnt/(w_txl+2))));
}
for (i=0; i<w_txl; i++) c(i, temp);
}
}

function wipe6() { // flash
var i;
if (w_cnt<6*Math.floor(w_txl/6)+3) {
if (w_cnt%6==0 || w_cnt%6==3) for (i=0; i<w_txl; i++) c(i, hlcolour);
else if (w_cnt%6==1) for (i=0; i<w_txl; i++) c(i, w_flp);
else if (w_cnt%6==4) for (i=0; i<w_txl; i++) c(i, (w_flp==fgcolour)?bgcolour:fgcolour);
}
}

function wipe7() { // checkerboard
var qtr=Math.floor(w_txl/4);
if (w_cnt<qtr) {
c(w_cnt, hlcolour);
c(w_cnt+2*qtr, hlcolour);
}
else if (w_cnt<2*qtr) {
c(w_cnt-qtr, w_flp);
c(w_cnt+qtr, w_flp);
}
else if (w_cnt<3*qtr) {
c(w_cnt-qtr, hlcolour);
c(w_cnt+qtr, hlcolour);
}
else if (w_cnt<w_txl) {
c(w_cnt-2*qtr, w_flp);
c(w_cnt, w_flp);
}
}

function wipe8() { // half curtains
var half=Math.floor(w_txl/2);
if (w_cnt<half) {
c(w_cnt, hlcolour);
c(w_txl-w_cnt-1, hlcolour);
}
else if (w_cnt<w_txl) {
c(w_cnt-half, w_flp);
c(w_txl+half-w_cnt-1, w_flp);
}
}
// ]]>
</script>

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

<title>{Title}</title>
<link rel="shortcut icon" href="{favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description"content="{MetaDescription}"/>{/block:Description}

<!--Variables-->
<meta name="color:Text" content="#000" />
<meta name="color:Posts Border" content="#ddd"/>
<meta name="color:Posts BG" content="#fff"/>
<meta name="color:Background" content="#000"/>
<meta name="color:Link" content="#FFA0C2"/>
<meta name="color:Link Hover" content="#fff"/>
<meta name="color:Scrollbar Shadow" content="#888"/>
<meta name="color:Scrollbar" content="#fff"/>
<meta name="color:Banner" content="#fff"/>
<meta name="color:Banner First Letter" content="#fff"/>
<meta name="color:Banner First Letter Shadow" content="#ddd"/>
<meta name="color:Banner Box Border" content="#fff"/>
<meta name="color:Navigation Bar Border" content="#fff"/>
<meta name="color:Navigation BG" content="#000"/>
<meta name="color:Navigation Border" content="#ddd"/>
<meta name="color:Music Box Border" content="#fff"/>

<meta name="image:Background" content="" />
<meta name="image:sidebar" content="http://static.tumblr.com/gdh5wux/azQmcf8uy/070130_torkil_pb4.jpg"/>
<meta name="image:fav 1" content="http://i42.tinypic.com/fk2o3r.png"/>
<meta name="image:fav 2" content="http://i40.tinypic.com/33xtz7r.png"/>
<meta name="image:fav 3" content="http://i43.tinypic.com/2nsqr7p.png"/>
<meta name="image:fav 4" content="http://i44.tinypic.com/121vot5.png"/>

<meta name="text:STATS 1" content="INSERT STAT HERE" />
<meta name="text:STATS 2" content="INSERT STAT HERE" />
<meta name="text:STATS 3" content="INSERT STAT HERE" />
<meta name="text:Favorite 1 URL" content=""/>
<meta name="text:Favorite 2 URL" content=""/>
<meta name="text:Favorite 3 URL" content=""/>
<meta name="text:Favorite 4 URL" content=""/>
<meta name="text:Favorite 1" content="BLOG NAME"/>
<meta name="text:Favorite 2" content="BLOG NAME"/>
<meta name="text:Favorite 3" content="BLOG NAME"/>
<meta name="text:Favorite 4" content="BLOG NAME"/>

<!--Variables-->
<style type="text/css">


::-webkit-scrollbar {width: 9px; height: 3px; background:black;}
::-webkit-scrollbar-thumb {background:{color:Scrollbar}; border-radius:5px; box-shadow:0px 0px 10px {color:Scrollbar Shadow};}

#tumblr_controls{
position:fixed !important;
}

@font-face{font-family:"tinytots";src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}

@font-face{font-family:"caviardreams";src:url('http://static.tumblr.com/alux5te/8BFltyod3/caviardreams.ttf'); }

@font-face{font-family:"tangerine";src:url('http://static.tumblr.com/gdh5wux/MAfm61bhn/tangerine_regular.ttf');}

@font-face{font-family:"chopin";src:url('http://static.tumblr.com/gdh5wux/FYdm826v4/chops___.ttf');}

body {
margin: 0px;
background-color:{color:background};
background-image:url('{image:Background}');
background-attachment:fixed;
background-repeat:repeat;
background-position:center;
}

body, div, p, textarea, submit, input {
font-family:"tinytots";
font-size:8px;
line-height:12px;
color:{color:Text};
text-transform:uppercase;
}

a:link, a:active, a:visited{
color:{color:Link};
text-decoration: none;
-webkit-transition: color 0.4s ease-out;
-moz-transition: color 0.4s ease-out;
}

a:hover{
color:{color:Link Hover};
-webkit-transition: color 0.4s ease-out;
-moz-transition: color 0.4s ease-out;
}

div#posts {
float:left;
width:840px;
margin-left:400px;
margin-top:0px;
background-color:#fff;
background-image:url('http://static.tumblr.com/gdh5wux/EVAm7hth0/tumblr_m3sd0v7kfw1qhxwq3.gif');
}

.entry {
margin:2px;
border:1px solid {color:Posts Border};
float:left;
padding:6px;
overflow:hidden;
background-color:{color:Posts BG};
{block:IndexPage}
width:400px;
{/block:IndexPage}
{block:PermalinkPage}
width:500px;
{/block:PermalinkPage}
}

.perma{
opacity: 0.0;
filter:alpha(opacity = 0);
margin-top:-21px;
width:0px;
height:30px;
line-height:30px;
font-size:9px;
position:absolute;
text-align:center;
z-index:800;
color:#000;
}

a.p{color:#fff;}


.entry:hover .perma {
opacity: 1;
transition: all 0.4s linear;
filter: alpha(opacity = 100);
-webkit-transition: opacity 0.4s linear;
-moz-transition: all 0.4s linear;
}

.likep{
top:26px;
left:5px;
z-index:99;
width:21px;
height:20px;
overflow:hidden;
position: absolute;
}

.likep img {
width:21px;
height:20px;
webkit-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}

.rep{
top:26px;
left:29px;
width:24px;
height:20px;
overflow:hidden;
position:absolute;
z-index:99;
}

.rep img{
width:24px;
height:20px;
line-height:30px;
display:inline;
}


.likep a:hover{background-position: 0px 0px;}

.likep a{
background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
background-position:0px 0px;
display:block;
z-index:99;
webkit-transition: all 0s linear;
-webkit-transition: all 0s linear;
-moz-transition: all 0s linear;
transition: all 0s linear;
}

.not{
position:absolute;
background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
height:20px;
font-size:11px;
line-height:20px;
color:#fff;
position:absolute;
top:26px;
left: 56px;
padding-left:4px;
padding-right:4px;
-moz-border-radius:2px;
border-radius:2px;
}

.not a{
color:#fff;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

.entry:hover .not, .entry:hover .rep, .entry:hover .likep{opacity: 0.8;filter: alpha(opacity = 80);}

.not:hover , .rep:hover, .likep:hover{opacity: 1!important;filter: alpha(opacity = 100)!important;}


#infscr-loading{
bottom: -70px;
position: absolute;
left: 50%;
margin-left:-8px;
width:16px;
height:11px;
overflow:hidden;
margin-bottom: 50px;
}

.title{
font-family:tangerine;
text-transform:none;
font-size:40px;
line-height:40px;
color:#555;
text-align:center;
}

.quote{
font-family:caviardreams;
font-size:12px;
color:#888;
text-transform:none;
line-height:10px;
text-align:right;
}

asker{
font-family:'verdana';
font-size:10px;
line-height:20px;
text-transform:uppercase;
color:#ccc;
}

#ask{
padding:6px;
font-family:'Calibri';
font-size:9px;
text-transform:uppercase;
color:#555;
}

#askbox{
border-bottom:2px solid #ddd;
overflow:hidden;
margin-top:3px;
padding:3px;
}

blockquote{
padding:0px 0px 2px 5px;
margin:0px 0px 2px 10px;
border-left: 1px dotted #555555;
}

ul, ol, li{list-style:none; margin:0px; padding:0px;}
.user_1 .label, .user_4 .label, .user_7 .label, .user_2 .label, .user_5 .label, .user_8 .label, .user_3 .label, .user_6 .label,
.user_9 .label {color:{color:text};}
.notes img{width:10px; position:relative; top:3px;}


.heart {display : block; line-height: 10px; color:#fff; text-indent : 5px; vertical-align : middle; background:
url('http://i1132.photobucket.com/albums/m579/mag1ckingd0m/Heart%20Pixels/th_102.gif') no-repeat left; padding-left : 10px;
padding-bottom : 2px;}


.heart:hover {display : block; line-height: color:#fff; 10px; text-indent : 5px; vertical-align : middle; background:
url('http://i1132.photobucket.com/albums/m579/mag1ckingd0m/Heart%20Pixels/th_10.gif') no-repeat left; padding-left :10px; padding-bottom : 2px;}

div.navigate a{
background:#000;
color:#fff;
width:80px;
height:15px;
margin:6px;
margin-left:20px;
font-size:8px;
line-height:15px;
text-align:center;
display:inline-block;
border:1px solid #fff;
font-family:'tinytots';
text-transform:uppercase;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

div.navigate a:hover{
background: #fff;
text-shadow: 1px 1px 1px #000;
color: #000;
border: none;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#box1{
width:180px;
height:180px;
left:10px;
top:70px;
border:1px solid #888;
position:fixed;
}

#box1 img{width:100%; height:100%;}

#box2{
width:180px;
height:180px;
left:210px;
top:70px;
border:1px solid #888;
color:#fff;
position:fixed;
text-align:center;
}

#box3{
width:380px;
height:60px;
left:10px;
top:260px;
border:1px solid #888;
position:fixed;
color:#fff;
}

#box4{
width:380px;
height:90px;
left:10px;
top:330px;
border:1px solid #888;
position:fixed;
color:#fff;
}

#box5{
width:380px;
height:auto;
left:10px;
top:530px;
border:1px solid #888;
position:fixed;
color:#fff;
}

#box6{
width:380px;
height:70px;
left:10px;
top:440px;
border:1px solid #888;
position:fixed;
color:#fff;
}

#sidebanner{
position:fixed !important;
top:40px;
left:10px;
color:#fff;
font-family:"Sacramento";
font-size:50px;
text-shadow:1px 1px 11px #ddd;
text-transform:none;
}

#faves img {
opacity:1;
width:70px;
height:70px;
margin:5px;
border:1px dotted #fff;
-webkit-transition-duration:.5s;
}

#faves img:hover {
border-radius:60px;
-webkit-transition: 0.8s ease-in;
}


@font-face { font-family:"Sacramento"; src: url('http://static.tumblr.com/gdh5wux/VxLmputm5/sacramento.ttf'); }

{CustomCSS}
</style>
<body>

<div id="sidebar">
<div id="sidebanner"><span id="wipe">{title}</span></div>

<div id="box1"><img src="{image:sidebar}"></div>

<div id="box2">{description}</div>

<div id="box3">
<center>
<div class="heart">INSERT STATS HERE</div>
<div class="heart">INSERT STATS HERE</div>
<div class="heart">INSERT STATS HERE</div>
<div class="heart">best viewed on google chrome</div>
</center>
</div>

<div id="box4">
<div id="faves">
<center>
<a href="{text:Favorite 1 URL}"><img src='{image:Fav 1}'title="{text:Favorite 1}"/></a>
<a href="{text:Favorite 2 URL}"><img src='{image:Fav 2}'title="{text:Favorite 2}"/></a>
<a href="{text:Favorite 3 URL}"><img src='{image:Fav 3}'title="{text:Favorite 3}"/></a>
<a href="{text:Favorite 4 URL}"><img src='{image:Fav 4}'title="{text:Favorite 4}"/></a>
</center>
</div>
</div>

<div id="box5">
<div class="navigate">
<a href="/">Home</a>
<a href="/ask">Ask</a>
<a href="faves">Faves</a>
<a href="/submit">Submit</a>
<a href="/more">More</a>
<a href="http://beautifully-flawless.tumblr.com/">Credit</a>
</div>
</div>
<div id="box6">
<marquee behavior="scroll" scrollamount="5" direction="left" onmouseover="this.stop();" onmouseout="this.start();">{block:Following}{block:Followed}<a target='_blank' href='{FollowedURL}'><img border='0' src='{FollowedPortraitURL-96}' width="70px" height="70px" />{/block:Followed}{/block:Following}</marquee>
</div>

</div>


<div style="width:60px; text-align:center; height:60px; background-color:#151515; line-height:60px; border-radius:60px; bottom:5px; right:8px; position:fixed; left:1300px; opacity:1; font-family:caviardreams; font-size:20px; color:#fff; "><a href="/#top">TOP</a></div>

<div id="posts">
{block:Posts}
<div class="entry">

{block:IndexPage}
<div class="perma">

<div class="likep">
<a id="like{PostID}"href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif"width="21" height="20"alt="Like this post"id="likeimage{PostID}"/></a>
</div>

<div class="rep"><a href="{reblogurl}"target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png"width="30"/></a></div>

<div class="not">
<a id="notes{PostID}"href="{Permalink}">{NoteCount}</a></div>
</div>
{/block:IndexPage}

{block:Text}
{block:Title}
<div class="title">{Title}</div>
{/block:Title}
<span class="entrytext">{Body}</span>
{/block:Text}

{block:Link}
<div class="title"><a href="{URL}">{Name}</a></div>
{block:Description}{Description}{/block:Description}
{block:Link}

{block:Photo}
{block:IndexPage}
{LinkOpenTag}
<div class="photo"><a href="{permalink}">
<img class="photo"src="{PhotoURL-HighRes}"alt="{PhotoAlt}"width="100%"></a></div>
{LinkCloseTag}
{/block:IndexPage}
{block:PermalinkPage}
{LinkOpenTag}
<a href="{permalink}"><img class="photo"src="{PhotoURL-HighRes}"alt="{PhotoAlt}"width="100%"></a>
{LinkCloseTag}
{/block:PermalinkPage}
{/block:Photo}

{block:Photoset}
{block:IndexPage}
<center>
{Photoset-400}
</center>
{/block:IndexPage}
{block:PermalinkPage}
<center>
{Photoset-500}
</center>
{/block:PermalinkPage}
{/block:Photoset}

{block:Quote}
{Quote}
</span>
{block:Source}
<div class="quote">{Source}</div>
{/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}
<center>{AudioPlayerWhite}</center>
{/block:Audio}

{block:Video}
{block:IndexPage}
<center>
{Video-400}
</center>
{/block:IndexPage}
{block:PermalinkPage}
<center>
{Video-500}
</center>
{/block:PermalinkPage}
{block:Video}

{block:Answer}
<div id="askbox">
<img src="{AskerPortraitURL-40}" width="40" align="left" style="border-radius:20px; margin-right:6px;border-bottom:2px solid #ddd;"/>
<asker>{Asker}:</asker>
<div id="ask">{Question}</div>
</div>
{Answer}
{/block:Answer}

{block:PermalinkPage}
<center>
<br>
{block:Caption}
{Caption}
{/block:Caption}

{block:NoteCount}
{NoteCountWithLabel}
{/block:NoteCount}

{block:HasTags}
&middot;{block:Tags}<a href="TagURL">#{Tag}</a>{/block:Tags}
{/block:hasTags}
</center>
{/block:PermalinkPage}


{block:PostNotes}
{PostNotes}
{/block:PostNotes}
</div>

{/block:Posts}
</div>
</div>

{block:IndexPage}
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>

<script type="text/javascript">
$(window).load(function () {
var $content = $('#posts');
$content.masonry({itemSelector: '.entry'}),
$content.infinitescroll({
navSelector : 'div#pagination',
nextSelector : 'div#pagination a#nextPage',
itemSelector : '.entry',
loading: {
finishedMsg: '',
img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
},
bufferPx : 600,
debug : false,
},
// call masonry as a callback.
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
$content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(400);} );


});
});
});
</script>
{/block:IndexPage}

{block:IndexPage}
{block:Pagination}
<div id="pagination">
{block:NextPage}
<a id="nextPage" href="{NextPage}"></a>
{/block:NextPage}
{block:PreviousPage}
<a href="{PreviousPage}"></a>
{/block:PreviousPage}
</div>
{/block:Pagination}
{/block:IndexPage}
</div>
<script type="text/javascript" src="http://.ic.tumblr.com/uiqhh9x/aK8m1cpdr/like2.js"></script>
<iframe id="likeiframe" style="width: 0px; height: 0px; border:0px;"></iframe>
<span id="scriptsinsert"> </span>
</body>
</html>