Theme 6: Alexandra

<!--
Theme 6- Alexandra
By Beautifully Flawless
Base code by 0racular
DO NOT REMOVE CREDIT.
DO NOT REMOVE CREDIT.
DO NOT REMOVE CREDIT.
-->
<html>
<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=10; // 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>

<!--DO NOT DELETE THIS CODING-->
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<!--DO NOT DELETE THIS CODING-->

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

<meta name="color:Background" content="#ffffff" />
<meta name="color:Text" content="#000" />
<meta name="color:Title" content="#000000" />

<meta name="color:Navigation BG" content="#ffffff" />
<meta name="color:Navigation" content="#000000"/>
<meta name="color:Navigation Border" content="#999"/>
<meta name="color:Navigation Shadow" content="#000"/>

<meta name="color:Link Hover" content="#dddddd"/>

<meta name="color:Sidebar BG" content="#ffffff"/>
<meta name="color:Sidebar Border" content="#aaa"/>
<meta name="color:Sidebar Shadow" content="#888"/>

<meta name="color:Permalink BG" content="#ffffff"/>
<meta name="color:Permalink" content="#333"/>

<meta name="color:Scrollbar BG" content="#ffffff"/>
<meta name="color:Scrollbar" content="#000000"/>

<meta name="color:Banner 1" content="#ffffff"/>
<meta name="color:Banner 2" content="#000000"/>


<meta name="image:Sidebar" content="http://static.tumblr.com/gdh5wux/Qs4m5qew2/4222193370192700_y4rjfbqt_c.jpg"/>
<meta name="image:right sidebar" content="http://static.tumblr.com/gdh5wux/SxDm5qepw/b_w_black_white_braid_females_girl_hair-183c5937f9d388bee9c9c9e6e61f3628_h.jpg" />
<meta name="image:Background" content=""/>

<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:Fav 1" content="BLOG NAME"/>
<meta name="text:Fav 2" content="BLOG NAME"/>
<meta name="text:Fav 3" content="BLOG NAME"/>
<meta name="text:Fav 4" content="BLOG NAME"/>
<meta name="text:Fav 5" content="BLOG NAME"/>

<meta name="text:Fav 1 URL" content=""/>
<meta name="text:Fav 2 URL" content=""/>
<meta name="text:Fav 3 URL" content=""/>
<meta name="text:Fav 4 URL" content=""/>
<meta name="text:Fav 5 URL" content=""/>

<meta name="text:Header 1" content="About the Blogette" />
<meta name="text:Header 2" content="Stats" />
<meta name="text:Header 3" content="Favorites" />

<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:Link 1 URL" content="/submit" />
<meta name="text:Link 2 URL" content="/archive" />
<meta name="text:Link 3 URL" content="/links" />

<meta name="text:Link 1" content="Submit" />
<meta name="text:Link 2" content="Archive" />
<meta name="text:Link 3" content="Links" />

<style type="text/css">

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

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

@font-face {
font-family: "promocyja";
src: url('http://static.tumblr.com/nelpcva/v2tm556zz/promocyja.ttf');
}

@font-face { font-family: "lainie"; src: url('http://static.tumblr.com/oetadgc/Uialyjfaa/laine.ttf');
}

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

body, a, a:hover {cursor: url('http://media.tumblr.com/tumblr_m6ani47MHm1rqir0v.png'), progress;}

::-webkit-scrollbar{width:6px;height:4px;background:{color:Scrollbar BG};}
::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}

#tumblr_controls{position:fixed !important;}

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;
color:{color:Text};
text-transform:uppercase;
}

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

a:hover{
color:#ddd;
-webkit-transition: color 0.4s ease-out;
-moz-transition: color 0.4s ease-out;
text-shadow:0px 0px 1px #ddd;
}

div#posts {
width:720px;
margin-left:420px;
float:left;
}

.entry {
margin:1px;
float:left;
background-color: {color:Posts BG};
border: 1px solid {color:Posts Border};
{block:IndexPage}
width:350px;
{/block:IndexPage}
{block:PermalinkPage}
width:500px;
{/block:PermalinkPage}
}

.entry .permalink{
position:absolute;
margin-top:9px;
margin-left:400px;
background-color:{color:Permalink BG};
border:3px double #ddd;
opacity: 0;
padding:5px;
line-height:12px;
font-family:tinytots;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.entry:hover .permalink{
margin-top:9px;
margin-left:6px;
opacity:1;
}

#container {
position:fixed;
top:0px;
left:1000px;
}

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

.title{
font-family:blackswan;
text-transform:none;
font-size:30px;
line-height:30px;
color:#888;
font-weight: normal;
text-shadow: 1px 0px 5px #888;
}

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

div#sidebar{
position:fixed !important;
width:300px;
height:650px;
font-family:"tinytots";
font-size:8px;
margin-left:90px;
background:{color:Sidebar BG};
border: 3px solid {color:Sidebar Border};
box-shadow: 0px 5px 10px {color:Sidebar Shadow};
}

#sidebarpic img{width:300px; height:380px;}

#name2{
width: 250px;
font-size:30px;
line-height:20px;
margin:5px;
font-family:"promocyja";
text-align:center;
text-transform:none;
color:#000000;
border-bottom:1px solid #000000;
}

#faves img {
opacity:1;
margin:1px;
width:50px;
height:50px;
border-radius:0px;
border:2px solid #ddd;
-webkit-transition-duration:.7s;
}

div#titlee{
font-family:"lainie";
font-size:32px;
text-transform:none;
}

.heart{
display:block;
height:10px;
text-indent:5px;
vertical-align:left;
background:url('http://www.hellostar.org/wp-admin/images/q1.gif')no-repeat left;
padding-left:10px;
padding-bottom:2px;
}

.heart:hover{
background:url('http://www.hellostar.org/wp-admin/images/q2.gif')no-repeat left;
}

div#sidebar2{
position:fixed !important;
width:90px;
height:auto;
margin-top:50px;
left:-3px;
}

div.linkss a {
background: {color:Navigation BG};
width:70px;
height:40px;
font-size:15px;
letter-spacing:0px;
margin-top:1px;
margin:10px;
line-height:40px;
border:2px solid {color:Navigation Border};
text-align:center;
box-shadow:0px 0px 4px {color:Navigation Shadow};
display:inline-block;
text-transform:uppercase;
font-family:"caviardreams";
}

#sidepic img{
position:fixed !important;
right:-10%;
left:1140px;
top:200px;
width:200px;
}


{CustomCSS}

</style>
<body>

<div id="sidebar">
<div id="sidebarpic"><img src="{image:sidebar}"></div>
<br>
<center>
<div id="name2">{text:Header 1}</div>
{description}
<div id="name2">{text:Header 2}</div>
<div class="heart">{text:Stats 1}</div>
<div class="heart">{text:Stats 2}</div>
<div class="heart">{text:Stats 3}</div>
<div id="name2">{text:Header 3}</div>
<div id="faves">
<center>
<a href="{text:Fav 1 URL}"><img src='{image:Fav 1}' title="{text:Fav 1}"/></a>
<a href="{text:Fav 2 URL}"><img src='{image:Fav 2}' title="{text:Fav 2}"/></a>
<a href="{text:Fav 3 URL}"><img src='{image:Fav 3}' title="{text:Fav 3}"/></a>
<a href="{text:Fav 4 URL}"><img src='{image:Fav 4}' title="{text:Fav 4}"/></a>
<a href="{text:Fav 5 URL}"><img src='{image:Fav 5}' title="{text:Fav 5}"/></a>
</center>
<div id="titlee"><span id="bubble">{Title}</span></div>
</div>
</div>

<div id="sidebar2">
<div class="linkss">
<a href="/">Home</a>
<a href="/ask">Ask</a>
<a href="{text:Link 1 URL}">{text:Link 1}</a>
<a href="{text:Link 2 URL}">{text:Link 2}</a>
<a href="{text:Link 3 URL}">{text:Link 3}</a>
<a href="http://beautifully-flawless.tumblr.com/">credits</a>
</div>
</div>


<div id="sidepic"><img src="http://static.tumblr.com/gdh5wux/PuEmes11s/flowers3.png"></div>



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

{block:IndexPage}
<div class="permalink">
<a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> <img src="http://th98.photobucket.com/albums/l256/SoccerE92/myspace/th_ht13.gif"> <a href="{ReblogURL}" target="_blank"> reblog</a></span></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="500"/></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}
{block:Source}
<quote>{Source}</quote>
{/block:Source}
{/block:Quote}

{block:Chat}
{block:Title}
<div class="title">{Title}</div>
{/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>
<div style="width:350px; height:30px;">
<div style="float:left">{AudioPlayerWhtie}</div>
<div style="margin-top:10px; float:right;">
{block:ExternalAudio}{/block:ExternalAudio}</div></div></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 src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; border:1px solid {color:border};"/>
{Asker}:{Question}<br>
{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: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(300);} );


});
});
});
</script>

{/block:IndexPage}

{/block:Posts}
</div>
{block:IndexPage}
{block:Pagination}
<div id="pagination">
{block:NextPage}
<a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
{/block:NextPage}
{block:PreviousPage}
<a href="{PreviousPage}">&larr;&nbsp;</a>
{/block:PreviousPage}
</div>
{/block:Pagination}
{/block:IndexPage}
</div>

</body>
</html>