Theme 32: Rebekah (Two Columned)

<!--Theme 32: Rebekah (Two Columned)
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>

<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: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"/>


<!--Variables-->

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

#tumblr_controls{
position:fixed !important;
}

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

body, div, p, textarea, submit, input {
font-family:'calibri';
color:{color:Text};
font-size:10px;
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;
}

div#posts {
float:left;
width:820px;
z-index:99;
margin-left:480px;
}

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

.entry:hover #permalink{
opacity:1.0;
-webkit-transition: opacity 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

#permalink{
position:absolute;
background:#fff;
border-bottom:5px solid #ddd;
width:350px;
height:20px;
top:0px;
left:0px;
overflow:hidden;
padding:5px;
opacity:0.0;
font-size:10px;
line-height:20px;
text-align:center;
font-family:'calibri';
text-transform:uppercase;
letter-spacing:1px;
color:{color:Permalink};
-webkit-transition:opacity 0.6s ease-out;
-webkit-transition:all 0.6s ease-out;
-moz-transition:all 0.6s ease-out;
transition:all 0.6s ease-out;
}

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

.title{
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};
}

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

asker{
font-family:'oregano';
font-size:10px;
text-transform:uppercase;
color:#888;
}

#ask{
padding:3px;
font-family:'silkscreen';
font-size:8px;
text-transform:uppercase;
color:#999;
}

#askbox{
border:3px solid #ddd;
margin-top:0px;
margin-left:5px;
overflow:auto;
padding:4px;
box-shadow: 1px 1px 1px #000;
}

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

ul, ol, li{
list-style:circle;
margin:5px;
margin-left:10px;
padding-left:3px;
}

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

.notes img{width:10px; position:relative; top:3px;}

#sidebar{
position:fixed;
width:450px;
height:600px;
top:0px;
left:10px;
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;
}

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

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


{CustomCSS}
</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="posts">
{block:Posts}
<div class="entry">

{Block:IndexPage}
<div id="permalink">
posted {timeago} / <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
</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}
{Photoset-250}
{/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}
<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}
&nbsp;{Line}</li>
{/block:Lines}</ul>
{/block:Chat}

{block:Audio}
<center>
{AudioPlayerWhite}
</center>
{/block:Audio}

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

{block:Answer}
<img src="{AskerPortraitURL-40}" width="40" align="left" style="margin-right:6px; box-shadow: 1px 1px 1px #000; padding:3px; background:#fff;"/>
<div id="askbox">
<asker>{Asker}:</asker>
<div id="ask">{Question}</div>
</div>
{Answer}
{/block:Answer}

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

{block:ContentSource}<a href="{SourceURL}"> </a>{block:ContentSource}

{block:RebloggedFrom}
<a href="{ReblogParentURL}"> </a>
<a href="{ReblogRootURL}"> </a>
{/block:RebloggedFrom}

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

{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}
</div>
</body>
</html>