Theme 32: Rebekah

<!--Theme 32: Rebekah
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[
var bgcolour="{color:Blogtitle1}"; // background colour
var fgcolour="{color:Blogtitle2}"; // foreground colour
var speed=30; // speed of bubbling, lower is faster
var shades=40; // 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>

<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:Scrollbar" content="#FF0000" />
<meta name="color:Selection" content="#FF0000" />
<meta name="color:Background" content="#000000" />
<meta name="color:Text" content="#000000" />
<meta name="color:Links" content="#FF0000" />
<meta name="color:Links Hover" content="#ddd" />
<meta name="color:Posts Bg" content="#fff" />
<meta name="color:Posts Border" content="#ddd" />
<meta name="color:Permalink " content="#888" />
<meta name="color:Posts Header" content="#333" />
<meta name="color:Posts Header Shadow" content="#151515" />
<meta name="color:Quote" content="#666" />
<meta name="color:Quote Shadow" content="#625E6E" />
<meta name="color:Source" content="#999" />
<meta name="color:Sidebar Bg" content="#000" />
<meta name="color:Sidebar Border" content="#ddd" />
<meta name="color:Stats" content="#ffffff" />
<meta name="color:Sidebar Header" content="#FF0000" />
<meta name="color:Navigation Bg" content="#000000" />
<meta name="color:Navigation Border" content="#ffffff" />
<meta name="color:Navigation Text" content="#888888" />
<meta name="color:Boxes Borders" content="#ffffff" />
<meta name="color:Sidebar Text" content="#ffffff" />
<meta name="color:Favorites Border" content="#ffffff" />
<meta name="color:Hover" content="#fff" />
<meta name="color:Blogtitle1" content="#FF0000" />
<meta name="color:Blogtitle2" content="#EEEEEE" />
<meta name="color:Lines Shadow" content="#FF0000" />
<meta name="color:ImgBox Border" content="#FF0000" />

<meta name="image:Sidebar"content="http://static.tumblr.com/52a496eae0a873df934e91a391a65202/gdh5wux/I5rmsxtpm/tumblr_static_3647e4_281129_0.jpg"/>
<meta name="image:Background"content=""/>

<meta name="text:Smltitle" content="Hover For More" />
<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:STATS 4" content="INSERT STAT HERE" />

<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"/>
<!--Google Fonts-->
<link href='http://fonts.googleapis.com/css?family=Antic|Carrois Gothic SC|Bilbo Swash Caps|Tulpen One|Fjalla One|Yanone Kaffeesatz|Metrophobic|Berkshire Swash|Felipa|Pathway Gothic One|Permanent Marker|Parisienne|Great+Vibes|Satisfy|Cookie|Cedarville+Cursive|Herr+Von+Muellerhoff|Homemade+Apple' rel='stylesheet' type='text/css'>

<style type="text/css">

::-webkit-scrollbar{width:10px;height:3px; background:black;}
::-webkit-scrollbar-thumb{background:{color:Scrollbar};border-radius:5px;box-shadow:inset 0px 0px 40px #000000;}

::selection{background:{color:Selection};} ::-moz-selection{background:{color:Selection};} ::-webkit-selection{background:{color:Selection};}

#sidebanner{
position:absolute;
font-family:'Great Vibes';
z-index:9999;
font-size:60px;
left:0px;
bottom:30px;
text-transform:none;
color:{color:Blogtitle1};
text-shadow:0px 0px 10px {color:Blogtitle1};
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
}

/* ~ BASICS ~  */

body {
background-image: url('{image:Background}');
background-attachment:fixed;
background-position:left;
background-repeat:repeat;
background-color:{color:Background};
}

body, div, p, textarea, submit, input {
font-family:'calibri';
color:{color:Text};
font-size:11px;
line-height:100%;
text-align:justify;
}

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

a:hover {
color:{color:Links Hover};
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

#content{
position:relative;
width:530px;
float:left;
margin-left:520px;
}

.entry{
float:left;
padding:5px;
margin:5px;
overflow:hidden;
border:4px double {color:Posts Border};
background-color:{color:Posts Bg};
{block:IndexPage}
width:500px;
{/block:IndexPage}
{block:PermalinkPage}
width:500px;
{/block:PermalinkPage}
}

#info{
color:{color:Permalink};
font-size:10px;
margin-top:1px;
line-height:15px;
text-align:center;
font-family:'calibri';
text-transform:uppercase;
border-top:1px dotted #aaa;
}

#posttitle{
font-family:'Fjalla One';
font-size:25px;
line-height:28px;
color:{color:Posts Header};
text-align:center;
text-transform:uppercase;
text-shadow: 0px 2px 3px {color:Posts Header Shadow};
}

.user_1 .label {color:#5D5D5D; font-weight:bold;}
.user_2 .label {color:#7D7D7D; font-weight:bold;}

blockquote{
border-left:5px double #888;
padding:5px;
}

quote{
color:{color:Quote};
font-family:'Permanent Marker';
font-size:12px;
line-height:20px;
text-transform:uppercase;
text-shadow: 0px 1px 2px {color:Quote Shadow};
}

#source{
font-family:'Felipa';
font-size:12px;
line-height:12px;
color:{color:Source};
text-transform:none;
letter-spacing:1px;
text-align:right;
}

asker{
font-family:'Antic';
font-size:12px;
text-transform:uppercase;
color:#222;
}

#ask{
padding:6px;
font-family:'Antic';
font-size:12px;
text-transform:none;
color:#929292;
}

#askbox{
background-image:url('http://static.tumblr.com/gdh5wux/RpIm7hlh7/bg.jpg');
border:3px double #dddddd;
border-radius:5px;
margin:0px;
margin-top:-5px;
overflow:auto;
padding:7px;
box-shadow: 0px 2px 2px #5D5D5D;
}

#sidebar{
position:fixed;
width:450px;
height:600px;
top:15px;
left:20px;
background-color:{color:Sidebar Bg};
border:4px double {color:Sidebar Border};
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
}

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

#sidebar:hover #description{
opacity:1;
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
}

#description{
position:absolute;
width:450px;
height:600px;
top:0px;
left:0px;
opacity:0;
overflow:hidden;
background-color:{color:Sidebar Bg};
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
}

.heart{
display:block;
text-align:center;
text-transform:uppercase;
font-size:8px;
font-family:'verdana';
color:{color:Stats};
line-height:16px;
vertical-align:middle;
-webkit-transition-duration:.50s;
background:url('http://media.tumblr.com/tumblr_m9r3j5b3DY1rvgs5m.png')no-repeat left;}

#name2{
font-size:30px;
line-height:30px;
margin:2px;
font-family:"Bilbo Swash Caps";
text-align:left;
text-transform:none;
color:{color:Sidebar Header};
border-bottom:1px dotted #fff;
}

div.navigate a{
height:20px;
width: 70px;
background:{color:Navigation Bg};
border:1px dotted {color:Navigation Border};
border-radius:5px;
font-family:'Arial';
font-size:9px;
text-transform:uppercase;
margin:3px;
margin-left:10px;
float:left;
text-align:center;
line-height:20px;
color:{color:Navigation Text};
}

#des{
position:absolute;
width:210px;
height:180px;
top:10px;
left:10px;
font-size:10px;
text-transform:none;
text-align:center;
font-family:calibri;
border:1px solid {color:Boxes Borders};
color:{color:Sidebar Text};
}

#jadore{
position:absolute;
width:210px;
height:180px;
top:10px;
left:230px;
font-size:10px;
text-transform:none;
text-align:center;
font-family:calibri;
border:1px solid {color:Boxes Borders};
color:{color:Sidebar Text};
}

#statistics{
position:absolute;
width:430px;
height:100px;
top:210px;
left:10px;
text-transform:none;
text-align:center;
font-family:calibri;
border:1px solid {color:Boxes Borders};
color:{color:Sidebar Text};
}

#navigation{
position:absolute;
width:430px;
height:100px;
top:330px;
left:10px;
text-transform:none;
text-align:center;
font-family:calibri;
border:1px solid {color:Boxes Borders};
color:{color:Sidebar Text};
}

#favorites{
position:absolute;
width:430px;
height:120px;
top:450px;
left:10px;
text-transform:none;
text-align:center;
font-family:calibri;
border:1px solid {color:Boxes Borders};
color:{color:Sidebar Text};
}

#faves img {
opacity:1;
width:60px;
height:60px;
margin-left:5px;
border-radius:0px;
border:3px double {color:Favorites Border};
-webkit-transition-duration:.7s;
}

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


#hover{
position:absolute;
font-family:'Pathway Gothic One';
font-size:20px;
right:10px;
bottom:10px;
color:{color:Hover};
text-transform:uppercase;
}





#sidebar:hover #hover{
opacity:0;
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
}


#sidebar:hover #sidebanner{
opacity:0;
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
}

#line1{
position:fixed;
width:6px;
height:100%;
top:0px;
left:1120px;
box-shadow:0px 0px 10px {color:Lines Shadow};
}

#line2{
position:fixed;
width:6px;
height:100%;
top:0px;
left:1180px;
box-shadow:0px 0px 10px {color:Lines Shadow};
}

#line3{
position:fixed;
width:6px;
height:100%;
top:0px;
left:1240px;
box-shadow:0px 0px 10px {color:Lines Shadow};
}

#imgbox1 img{
position:fixed;
width:180px;
height:180px;
top:30px;
left:1095px;
border:1px solid {color:ImgBox Border};
}

#imgbox2 img{
position:fixed;
width:180px;
height:180px;
top:230px;
left:1095px;
border:1px solid {color:ImgBox Border};
}


#imgbox3 img{
position:fixed;
width:180px;
height:180px;
top:430px;
left:1095px;
border:1px solid {color:ImgBox Border};
}


</style>
<body>

<div id="sidebar">
<div id="description">

<div id="des">
<div id="name2">About Her</div>
{description}
</div>


<div id="jadore">
<div id="name2">Jadore</div>
TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE
</div>

<div id="statistics">
<div id="name2">Statistics</div>
<div class="heart">{text:STATS 1}</div>
<div class="heart">{text:STATS 2}</div>
<div class="heart">{text:STATS 3}</div>
<div class="heart">{text:STATS 4}</div>
</div>

<div id="navigation">
<div id="name2">Navigation</div>
<div class="navigate">
<a href="/">Home</a>
<a href="/ask">Inbox</a>
<a href="/submit">Submit</a>
<a href=".faves">Favs</a>
<a href="/links">Links</a>
<a href="http://beautifully-flawless.tumblr.com/">Credit</a>
</div>
</div>

<div id="favorites">
<div id="name2">Favorites</div>
<div id="faves" >
<center>
<br>
<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>
<a href="{text:Favorite 5 URL}"><img src='{image:Fav 5}'title="{text:Favorite 5}"/></a>
</center>
</div>
</div>

</div>

<div id="sidebanner"><span id="bubble">{title}</span></div>
<div id="hover">{text:Smltitle}</div>

<img src="{image:Sidebar}">

</div>

<div id="line1"></div>
<div id="line2"></div>
<div id="line3"></div>

<div id="imgbox1"><img src="http://i.imgur.com/5u9e3Xn.jpg"></div>

<div id="imgbox2"><img src="http://i.imgur.com/lQQniL9.jpg"></div>

<div id="imgbox3"><img src="http://i.imgur.com/vhXB7Jr.jpg"></div>


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

{block:Text}
{block:Title}
<div id="posttitle">{Title}</div>
{/block:Title}
{Body}
{/block:Text}

{block:Photo}
{LinkOpenTag}
<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
{LinkCloseTag}
{/block:Photo}

{block:Photoset}
{Photoset-500}
{/block:Photoset}

{block:Quote}
<quote>{Quote}</quote>
{block:Source}
<div id="source">-{Source}</div>
{/block:Source}
{/block:Quote}

{block:Link}
<a href="{URL}">{Target}<div id="posttitle">{Name}</div></a>
{block:Description}{Description}{/block:Description}
{/block:Link}

{block:Chat}
{block:Title}<div id="posttitle">{Title}</div>{/block:Title}
<ul class="chat">
{block:Lines}
<li class="user_{UserNumber}">

{block:Label}
<span class="label">{Label}</span>

{/block:Label}

&nbsp;{Line}</li>
{/block:Lines}</ul>
{/block:Chat}

{block:Audio}
{block:AlbumArt}
<img src="{AlbumArtURL}" width="55px" height="55px" align="left" style="margin-right:10px" />
{/block:AlbumArt}
{block:TrackName}
Song: <b>{TrackName}</b>
<br>
{/block:TrackName}
{block:Artist}
Artist: <b>{Artist}</b>
<br>
{/block:Artist}
<br>
{AudioPlayerWhite}
<br>
{/block:Audio}

{block:Video}
{Video-500}
{/block:Video}

{block:Answer}
<div id="askbox">
<img src="{AskerPortraitURL-30}" width="40" align="left" style="margin-right:6px; box-shadow: 0px 0px 0px 2px #666;"/>
<asker>{Asker}:</asker>
<div id="ask">{Question}</div>
</div>
{Answer}
{/block:Answer}


{Block:IndexPage}
<div id="info">
Posted: {timeago} // <a href="{permalink}">{NoteCount} Notes</a> // <a href="{ReblogURL}">Reblog</a>
{block:ContentSource}
<a href="{SourceURL}" title="source"> </a>
{block:ContentSource}
{block:RebloggedFrom}
<a href="{ReblogParentURL}"></a>
<a href="{ReblogRootURL}"></a>
{/block:RebloggedFrom}

</div>
{/Block:IndexPage}


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

{block:ContentSource}
<a href="{SourceURL}" title="source"> </a>
{block:ContentSource}
{block:RebloggedFrom}
<a href="{ReblogParentURL}"></a>
<a href="{ReblogRootURL}"></a>
{/block:RebloggedFrom}
<br>
{block:HasTags}
{block:Tags}# <a href="{TagURL}">{Tag}</a> {/block:Tags}
{/block:HasTags}
</center>
{/Block:PermalinkPage}

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