Theme 11: Gabrielle

<!--Theme 11- Gabrielle by Beautifully-FLawless-->
<!--Base Code by 0racular-->
<!--Do not remove credit-->

<html>
<head>

<script type="text/javascript">
// <![CDATA[
var bgcolour="{color:Text Header Color 1}"; // background colour
var fgcolour="{color:Text Header Color 2}"; // foreground colour
var speed=100; // 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>

<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="#ffffff"/>
<meta name="color:Sidebar BG" content="#ffffff"/>
<meta name="color:Text" content="#000000"/>
<meta name="color:Title" content="#000000"/>
<meta name="color:Link" content="#686868"/>
<meta name="color:Text Header Color 1" content="#C9C6E3"/>
<meta name="color:Text Header Color 2" content="#FF9FC8"/>
<meta name="color:Sidebar Border" content="#dddddd"/>
<meta name="color:Sidebar 2 BG" content="#ffffff"/>
<meta name="color:Sidebar 2 Border" content="#FF9FC8"/>
<meta name="color:Sidebanner Shadow" content="#dddddd"/>
<meta name="color:Sidebanner" content="#000000"/>
<meta name="color:Posts Border" content="#faa0a0"/>
<meta name="color:Posts BG" content="#ffffff"/>
<meta name="color:Permalink BG" content="#ffffff"/>
<meta name="color:Navigation BG" content="#FF9FC8"/>
<meta name="color:Navigation BG Hover" content="#dddddd"/>
<meta name="color:Navigation" content="#000000"/>
<meta name="color:Scrollbar BG" content="#ffffff"/>
<meta name="color:Scrollbar" content="#000000"/>

<meta name="image:Sidebar" content="http://static.tumblr.com/gdh5wux/3Mjm6x441/tumblr_lnvdhmdyhm1qbwf39o1_500.jpg"/>
<meta name="image:Big Sidebar" content="http://static.tumblr.com/gdh5wux/biam65k86/06015d030950796425b9d09007e678b4-d4etvm4.jpg"/>
<meta name="image:Background" content="http://static.tumblr.com/gdh5wux/C3hm6x45f/170.gif"/>

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

<meta name="text:Link 1" content="CUSTOM LINK"/>
<meta name="text:Link 2" content="CUSTOM LINK"/>
<meta name="text:Link 3" content="CUSTOM LINK"/>
<meta name="text:Link 4" content="CUSTOM LINK"/>
<meta name="text:Link 5" content="CUSTOM LINK"/>

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

::-webkit-scrollbar {width: 9px; height: 4px;background:transparent;}
::-webkit-scrollbar-thumb { background-color:{color:scrollbar};-webkit-box-shadow: inset 0 0 6px #000;-webkit-border-radius: 10px;
border-radius: 10px;
}

#tumblr_controls{
position:fixed !important;
}


@font-face{font-family:"ronda";src:url('http://static.tumblr.com/oct6d4x/Wvalo56tg/pf_ronda_seven.ttf'); }

@font-face{font-family:"silkscreen";src:url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }

@font-face{font-family:"bebas neue";src:url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }

@font-face{font-family:"oregano";src:url('http://static.tumblr.com/gdh5wux/mmimerymw/oregano-regular.ttf'); }

@font-face{font-family:"tinytots";src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.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'); }

@font-face{font-family:"tangerine";src:url('http://static.tumblr.com/gdh5wux/MAfm61bhn/tangerine_regular.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:"ronda";
font-size:8px;
line-height:12px;
color:{color:Text};
text-transform:none;
}

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

#container {
position:relative;
margin:auto;
width:1200px;
}

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

.entry {
float:left;
margin:2px;
overflow:hidden;
background-color:{color:Posts BG};
border:1px solid {color:Posts Border};
{block:IndexPage}
width:350px;
{/block:IndexPage}
{block:PermalinkPage}
width:500px;
{/block:PermalinkPage}
-webkit-transition: opacity 0.9s linear;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
}

.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: rgba(255, 255, 255, 0.9);
border:1px solid #ddd;
width:220px;
height:30px;
bottom:15px;
left:15px;
overflow:hidden;
padding:5px;
opacity:0.0;
font-family:calibri;
font-size:8px;
color:#aaa;
line-height:15px;
text-align:center;
letter-spacing:1px;
text-transform:uppercase;
-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;
}

#info{
font-family:'silkscreen';
color:#888;
font-size:8px;
text-align:right;
line-height:15px;
margin-top:1px;
border-top:1px dotted #aaa;
text-transform:uppercase;
}

#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:30px;
line-height:30px;
color:#333;
text-shadow:1px 0px 2px #000;
text-align:center;
}

.quote{
font-family:'oregano';
font-size:15px;
text-transform:none;
line-height:25px;
text-align:right;
color:#aaa;
}

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{
padding:0px 0px 2px 5px;
margin:0px 0px 2px 10px;
border-left: 7px solid #999999;
}

ul, ol, li{list-style:circle; margin:5px; margin-left:10px; padding-left:3px;}
.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:text};}

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

div#Sidebar{
width:335px;
height:645px;
margin-left:4px;
font-family:tinytots;
font-size:8px;
text-transform:uppercase;
margin-top:0px;
position:fixed;
overflow:hidden;
background-color:{color:Sidebar BG};
border:1px solid {Sidebar Border};
}

#sideimage img {
width:335px;
margin-top:0px;
height:auto;
border:1px dotted #dddddd;
border-radius:20px 20px 20px 20px;
}

div#Sidebar2{
width:300px;
height:auto;
margin-left:1060px;
margin-top:0px;
position:fixed;
overflow:hidden;
background-color:#ffffff;
border:1px dotted {color:Sidebar 2 Border};
}

#sideimage2 img {
width:300px;
margin-top:0px;
height:auto;
}

div.navbuttons a{
width:300px;
height:20px;
margin-top:3px;
display:block;
font-size:8px;
text-align:center;
font-family:"tinytots";
text-transform:Uppercase;
-moz-border-radius:5px;
-webkit-border-radius:5px;
color:{color:Navigation};
background-color:{color:Navigation BG};
}

div.navbuttons a:hover {
-moz-border-radius:10px;
-webkit-border-radius:10px;
background-color:{color:Navigation BG Hover};
}

div#sidebanner{
position:absolute;
width: auto;
height: auto;
left:10px;
margin-top:10px;
text-transform:none;
font-size: 60px;
background-color: transparent;
font-family: "tangerine";
line-height: 45px;
text-align: center;
color:{color:Sidebanner};
text-shadow: 1px 1px 10px {color:Sidebanner Shadow};
}

#name2{
font-size:20px;
line-height:15px;
margin:2px;
font-family:"lainie";
text-align:right;
text-transform:none;
color:#f8989a;
border-bottom:1px solid #dddddd;
}

.heart {
display : block;
-height: 15px;
text-indent : 5px;
vertical-align : left;
text-transform:uppercase;
text-align:center;
background:url('http://media.tumblr.com/tumblr_lkl75f072L1qfamg6.gif') no-repeat left;
padding-left : 10px;
padding-bottom : 2px;
}

.heart:hover {
display : block;
line-height: 15px;
text-indent : 5px;
font-family:"caviardreams";
font-size:10px;
text-transform:uppercase;
vertical-align : left;
background : url('http://media.tumblr.com/tumblr_lkl75omMEM1qfamg6.gif') no-repeat left;
padding-left : 10px;
padding-bottom : 2px;
}

{CustomCSS}
</style>
<body>

<div id="Sidebar2">

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

<div id="sideimage2">
<center><img src="{image:Big Sidebar}"></center>
<div class="navbuttons">
<a href="/">Home</a>
<a href="/ask">Message</a>
<a href="/faq">Faq</a>
<a href="/more">More</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="{text:Link 4 URL}">{text:Link 4}</a>
<a href="{text:Link 5 URL}">{text:Link 5}</a>
<a href="http://beautifully-flawless.tumblr.com/">Credit</a>
</div>
</div>
</div>

<div id="Sidebar">
<div id="sideimage">
<img src="{image:Sidebar}"style="height:250px;">
</div>
<br>
<div id="name2">About the Blogette</div>
{Description}
<div id="name2">Jadore</div>
EXT 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 id="name2">Disclaimer</div>
<center>
I own none of the pictures reblogged or posted unless stated or watermarked, please notify me if proper credit hasn't been given.
</center>
<div id="name2">Stats</div>
<div class="heart">Insert stats here</div>
<div class="heart">Insert stats here</div>
<div class="heart">Insert stats here</div>
<div class="heart">Insert stats here</div>
<div id="name2">Blogroll</div>
<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="50px" height="50px" />{/block:Followed}{/block:Following}</marquee>
</div>


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

{block:Text}
{block:Title}
<div class="title">{Title}</div>
{/block:Title}
<span class="entrytext">{Body}</span>
<div id="info">
<a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
</div>
{/block:Text}

{block:Link}
<div class="title"><a href="{URL}">{Name}</a></div>
{block:Description}
{Description}
{/block:Description}
<div id="info">
<a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
</div>
{block:Link}

{block:Photo}
{block:IndexPage}
<div id="permalink">
posted {timeago}<br>
<a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
</div>
{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}
<div id="permalink">
posted {timeago}<br>
<a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
</div>
{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}
<div id="info">
<a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
</div>
{/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>
<div id="info">
<a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
</div>
{/block:Chat}

{block:Audio}
<center>
<div style="width:350px;height:30px;">
<div style="float:left">{AudioPlayerWhite}</div>
<div style="margin-top:10px; float:right;">
{block:ExternalAudio}
{/block:ExternalAudio}
</div></div>
</center>
<div id="info">
<a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
</div>
{/block:Audio}

{block:Video}
{block:IndexPage}
<center>
{Video-250}
</center>
<div id="info">
<a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
</div>
{/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}
<div id="info">
<a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
</div>
{/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>