Theme 39: Alicia

<!--Theme 39: Alicia
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.
-->

<head>

<script type="text/javascript">
// <![CDATA[
var bgcolour="{color:Banner 1}"; // background colour
var fgcolour="{color:Banner 2}"; // foreground colour
var speed=80; // speed of bubbling, lower is faster
var shades=14; // number of shades of bubble

/****************************
* Bubbling Text Effect *
*(c) 2003-6 mf2fm web-design*
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var bubbcol=new Array();
var bubbler, bubbtxt;
var bubbchr=new Array();
window.onload=function() { if (document.getElementById) {
for (bubbler=0; bubbler<=shades; bubbler++) {
bubbtxt="#";
for (var i=1; i<6; i+=2) {
var bg=parseInt(bgcolour.substring(i,i+2),16);
bubbtxt+=dechex(Math.floor(bg+(parseInt(fgcolour.substring(i,i+2),16)-bg)*(bubbler/shades)));
}
bubbcol[bubbler+1]=bubbtxt;
}
bubbler=document.getElementById("bubble");
bubbtxt=bubbler.firstChild.nodeValue;
while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
for (var i=0; i<bubbtxt.length; i++) {
var bubbi=document.createElement("span");
bubbi.setAttribute("id", "bubb"+i);
bubbi.appendChild(document.createTextNode(bubbtxt.charAt(i)));
bubbler.appendChild(bubbi);
}
bubbler=setInterval ("bubbling()", speed);
}}

function dechex(dec) {
var hex=dec.toString(16);
if (dec<16) return "0"+hex;
else return hex;
}

function bubbling() {
for (var i=0; i<bubbtxt.length; i++) {
var bubbme=document.getElementById("bubb"+i);
if (bubbchr[i]) {
bubbme.style.color=bubbcol[bubbchr[i]];
bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
}
else if (Math.random()<0.75/bubbchr.length) bubbchr[i]=1;
}
}
// ]]>
</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:Background" content="#000" />
<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="#888"/>
<meta name="color:Link Hover" content="#fff"/>
<meta name="color:Banner 1" content="#FF55A3" />
<meta name="color:Banner 2" content="#FFA2CD" />
<meta name="color:Scrollbar" content="#FF55A3" />
<meta name="color:Scrollbar Shadow" content="#FF55A3" />
<meta name="color:Title" content="#000" />
<meta name="color:Sidebarpic Border" content="#FF55A3" />
<meta name="color:Banner Shadow" content="#FF55A3" />
<meta name="color:Banner First Letter" content="#FF55A3" />
<meta name="color:Banner First Letter Shadow" content="#FF55A3" />
<meta name="color:Header" content="#fff" />
<meta name="color:Header First Letter" content="#FF55A3" />
<meta name="color:Header First Letter Shadow" content="#FF55A3" />
<meta name="color:Navigation BG" content="#000" />
<meta name="color:Navigation Border" content="#fff" />
<meta name="color:Navigation Text" content="#FF55A3" />
<meta name="color:Navigation Text Shadow" content="#FF55A3" />
<meta name="color:Favorites Shadow" content="#FF55A3" />

<meta name="image:Background" content="" />
<meta name="image:sidebar" content="http://static.tumblr.com/gdh5wux/hIEmedhr4/tumblr_m02jdveooo1rpx0nlo1_500.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="image:fav 5" content="http://i41.tinypic.com/r0sew6.png"/>

<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 5 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"/>
<meta name="text:Favorite 5" content="BLOG NAME"/>

<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" />
<!--Variables-->


<style type="text/css">

::-webkit-scrollbar {width: 7px; height: 3px; background:black;}
::-webkit-scrollbar-thumb {background-color:{color:Scrollbar}; box-shadow:0px 0px 20px {color:Scrollbar Shadow}; border-bottom-left-radius:10px;}

#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:"lainie";src: url('http://static.tumblr.com/oetadgc/Uialyjfaa/laine.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'); }

@font-face { font-family: "blackswan"; src: url('http://static.tumblr.com/q54tzar/7POm34eyl/a_s_black_swan_3_.ttf'); }

@font-face{font-family:"forelle";src: url('http://static.tumblr.com/qq3drzq/cHbmbwn9q/forelle.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 {
width:920px;
margin-left:410px;
margin-top:0px;
z-index:1;
float:left;
}

.entry {
margin:2px;
border:1px solid {color:Posts Border};
float:left;
overflow:hidden;
background-color:{color:Posts BG};
{block:IndexPage}
width:300px;
{/block:IndexPage}
{block:PermalinkPage}
width:500px;
border:2px inset #FF55A3;
background-color:#000;
box-shadow:0px 0px 10px #FF55A3;
margin-left:100px;
{/block:PermalinkPage}
}

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

}
a.p
{

color: {color:permalink};
}
.entry:hover .perma {

-webkit-transition: opacity 0.4s linear;
opacity: 1;
-moz-transition: all 0.4s linear;
transition: all 0.4s linear;
filter: alpha(opacity = 100);

}

select {
font-size: 9px;
width: 100px;
margin-left: 10px;

}
option {
font-size: 9px;
text-align: left;

}
input[type=button]
{
font-size: 9px;
}

.likep {
width: 21px;
height: 20px;
overflow: hidden;
position: relative;
z-index: 99;
position: absolute;
margin-top: 26px;
margin-left: 5px;
}
.rep {
width: 24px;
height: 20px;
overflow: hidden;
position: relative;
z-index: 99;
position: absolute;
margin-top: 26px;
margin-left: 29px;
}
.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;
}
.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 img{
width: 24px;
height: 20px;
line-height: 30px;
display: inline;
}

.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;
margin-top: 26px;
margin-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:'caviardreams';
text-transform:uppercase;
font-size:24px;
line-height:30px;
text-align:center;
color:{color:Title};
}

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

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;}

.infinite {
align:right;
background:#ddd;
color:white;
margin:3px 0px 5px 66px;
padding:7px;
padding-top:5px;
position:relative;
border-radius:5px;
}

.infinite span {
display:block;
position:absolute;
width:1px;height:1px;
font-size: 8px;
font-family:tinytots;
line-height:1px;
left:-10px;
top:10px;
border-top:5px solid transparent;
border-bottom:5px solid transparent;
border-right:10px solid #ddd;
}

.askborder{float:left;margin:1px 4px 0 0;}

/*--You May Edit From Here--*/

.heart {display:block; line-height: 10px; font-family:tinytots; color:#fff; text-indent : 5px; vertical-align : middle; background:
url('http://media.tumblr.com/tumblr_lu2ddr89Zt1qfoi4t.gif') no-repeat left; padding-left : 10px;
padding-bottom : 2px;}


#sidebarpic{
width:340px;
height:210px;
margin-left:20px;
margin-top:8px;
border:3px double {color:Sidebarpic Border};
}

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

#sidebar{
position:fixed;
left:10px;
top:80px;
text-align:center;
z-index:9999;
height:auto;
width:380px;
height:320px;
color:#fff;
-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;
}

#sidebar:hover{
top:20px;
overflow:hidden;
height:580px;
background:#000;
border:4px double #fff;
color:#fff;
box-shadow:0px 0px 1px #ddd;
}

#sidebar:hover #box{
opacity:1;
color:#fff;
}

#sidebar #des{
color:#fff;
-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;
}

#box{
opacity:0;
height:auto;
width:350px;
color:#fff;
-webkit-transition: opacity 0.3s linear;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}


#banner{
position:absolute;
font-family:"blackswan";
font-size:60px;
text-shadow:0px 0px 10px {color:Banner Shadow};
text-transform:none;
color:#fff;
top:50px;
left:20px;
text-align:center;
letter-spacing:1px;
}

#name{
font-family:caviardreams;
font-size:15px;
line-height:30px;
color:{color:Header};
text-transform:uppercase;
}

#name:first-letter{
font-family:forelle;
font-size:30px;
line-height:30px;
color:{color:Header First Letter};
text-shadow:1px 1px 10px {color:Header First Letter Shadow};
}

div.navigate a{
height:20px;
width:60px;
background-color:{color:Navigation BG};
border:1px dotted {color:Navigation Border};
font-family:tinytots;
font-size:8px;
text-transform:uppercase;
margin-left:25px;
margin-bottom:10px;
float:left;
text-align:center;
line-height:20px;
color:{color:Navigation Text};
text-shadow:0px 0px 3px {color:Navigation Text Shadow};
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
transition: all 1s ease-out;
-webkit-transform: rotate(0deg);
}

#faves img {
opacity:0.5;
width:40px;
height:40px;
margin-right:10px;
margin-left:15px;
box-shadow:0px 0px 10px {color:Favorites Shadow};
-webkit-transition-duration:.7s;
}

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




{CustomCSS}
</style>
<body>

<div id="sidebar">
<br><br>
<div id="banner"><span id="bubble">{title}</span></div>
<br><br><br>
<div id="sidebarpic"><img src="{image:sidebar}"></div>
<div id="des">
<div id="name">Description</div>
{description}
</div>
<div id="box">
<div id="name">Statistics</div>
<div class="heart">{text:STATS 1}</div>
<div class="heart">{text:STATS 2}</div>
<div class="heart">{text:STATS 3}</div>
<div id="name">Navigation</div>
<div class="navigate">
<a href="/">Refresh</a>
<a href="/ask">Inbox</a>
<a href="/submit">Submit</a>
<a href="/archive">Archive</a>
<a href="/faves">Favs</a>
<a href="/links">Links</a>
<a href="#?w=500" rel="03" class="poplight">Blogroll</a>
<a href="http://beautifully-flawless.tumblr.com/">Credit</a>
</div>

</div>
</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-250}
</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-250}
</center>
{/block:IndexPage}
{block:PermalinkPage}
<center>
{Video-500}
</center>
{/block:PermalinkPage}
{block:Video}

{block:Answer}
<img style="border:1px solid #aaa; width:40px;height:40px;"src="{AskerPortraitURL-40}"align="left"class="askborder">
<div class="infinite">
<span>
</span>
{Asker}:{Question}&nbsp;
</div>
<div style="margin-top:-5px;">
<br>{Answer}
</div>
{block:IndexPage}
{/block:IndexPage}
{/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>