Theme 13: Rachel

<!--
Theme:13- Rachel
Made By: Beautifully-Flawless.
Please Do Not Remove Credit Unless I Say So.
-->

<html>
<head>

<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:Text" content="#000"/>
<meta name="color:Link" content="#aaa"/>
<meta name="color:Center BG" content="#fff"/>
<meta name="color:Center Border" content="#ddd"/>
<meta name="color:Posts Border" content="#ddd"/>
<meta name="color:Sidebar BG" content="#fff"/>
<meta name="color:Navigate BG" content="#fff"/>
<meta name="color:Navigation Text" content="#000"/>
<meta name="color:Navigation Border" content="#D8D8D8"/>
<meta name="color:Navigation Hover BG" content="#ddd"/>
<meta name="color:Navigation Hover Text" content="#000"/>
<meta name="color:Navigation Hover Border" content=""/>
<meta name="color:Navigation Hover Shadow" content="#888"/>
<meta name="color:Title" content="#000"/>
<meta name="color:Title Shadow" content="#ddd"/>
<meta name="color:Titlee" content="#666"/>
<meta name="color:Titlee Shadow" content="#888"/>

<meta name="image:Sidebar" content="http://static.tumblr.com/gdh5wux/H0am77ykh/4_large.jpg"/>

<meta name="text:Quote" content="Fashion Fades, But style is eternal- Coco Channel"/>

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

::-webkit-scrollbar {width:8px; height:4px;background:transparent;}
::-webkit-scrollbar-thumb { background-color:#ddd;-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: "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: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }

@font-face { font-family: "lovenote"; src: url('http://static.tumblr.com/4yxykdm/k6plrfhwf/ck_love_note.ttf'); }

@font-face { font-family: "Sail"; src: url('http://static.tumblr.com/aorjzw7/b3Jmrt9nk/sail-regular.otf'); }

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

body {
margin: 0px;
background-color:{color:Background};
background-image:url('http://static.tumblr.com/gdh5wux/BSMm7hthi/tumblr_m4g4ah5ezv1r0z8gw.png');
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.5s ease-out;
-moz-transition: color 0.5s ease-out;
transition: color 0.5s ease-out;
}

a:hover{
-webkit-transition: color 0.5s ease-out;
-moz-transition: color 0.5s ease-out;
transition: color 0.5s ease-out;
text-shadow:0px 0px 20px #A4A4A4;
}

.left{
float:left;
margin-right:200px;
width:1000px;
}

.right{
float:right;
width:300px;
}

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

div#center{
height:603px;
width:1200px;
margin-left:0px;
margin-top:30px;
background-color:{color:Center BG};
border:3px solid {color:Center Border};
overflow-x:hidden;
overflow-y:scroll;
position:fixed;
}

div#cage{
width:440px;
height:603px;
margin-left:370px;
overflow-x:hidden;
overflow-y:scroll;
position:fixed;
}

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

.entry {
float:left;
margin:5px;
padding:5px;
overflow:hidden;
background-color:#fff;
border:1px solid {color:Posts Border};
{block:IndexPage}
width:400px;
{/block:IndexPage}
{block:PermalinkPage}
width:410px;
{/block:PermalinkPage}
}

#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:'oregano';
text-transform:none;
font-size:30px;
line-height:30px;
color:#333;
text-shadow:0px 2px 3px #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:'Sail';
font-size:20px;
text-transform:none;
color:#888;
line-height:20px;
}

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

.askerimg img{
width:40px;
align:left;
float:left;
padding:3px;
background:#ddd;
margin-right:6px;
border-radius:10px;
box-shadow:0px 1px 1px #888;
}

#askbox{
overflow:auto;
padding:4px;
border-radius:10px;
border:2px solid #ddd;
box-shadow:0px 1px 1px #888;
}

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

#sidebar{
background-color:#fff;
margin-left:810px;
margin-top:0px;
position:fixed;
height:605px;
width:390px;
color:#000;
}

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


#sidebar2{
width:380px;
height:597px;
margin-left:0px;
margin-top:0px;
background-color:{color:Sidebar BG};
color:#000;
position:fixed;
font-family:'tinytots';
font-size:8px;
text-transform:uppercase;
}

div.navigate a{
background-color:{color:Navigate BG};
color:{color:Navigation Text};
top:3px;
left:5px;
margin:5px;
border: 1px solid {color:Navigation Border};
display:inline-block;
text-align: center;
font-family:"silkscreen";
text-transform: Uppercase;
font-size:8px;
height:20px;
width: 50px;
float:left;
text-align:center;
line-height:20px;
border-radius:20px;
-webkit-transform: rotate(0deg)
-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;;
}


div.navigate a:hover{
background-color:{color:Navigation Hover BG};
border:1px dashed {color:Navigation Hover Border};
margin-left: 0px;
color:{color:Navigation Hover Text};
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
transition: all 1s ease-out;
-webkit-transform: rotate(360deg);
-moz-box-shadow: 4px 4px 9px {color:Navigation Hover Shadow};
-webkit-box-shadow: 4px 9px 9px {color:Navigation Hover Shadow};
box-shadow: 4px 4px 9px {color:Navigation Hover Shadow};
}

#name{
width:365px;
font-size:35px;
line-height:25px;
text-align:center;
font-weight:normal;
text-transform:none;
font-family:"lovenote";
border-bottom:1px dashed #000000;
color:{color:Text};
}

.heart {
display: block;
font-size: 8px;
font-family: tinytots;
color:{color:Text};
line-height: 10px;
text-align:center;
text-transform:uppercase;
text-indent: 5px;
vertical-align: middle;
-webkit-transition-duration: .50s;
background: url('http://media.tumblr.com/tumblr_ltsfswn7kZ1r1b4vq.gif') no-repeat left;
padding-left: 20px;
padding-bottom: 2px;
}

div#title1{
position:fixed;
font-family:"lainie";
color:{color:Title};
font-size:60px;
font-weight: normal;
letter-spacing: 1px;
font-style: normal;
text-transform: none;
text-align: center;
text-shadow: 1px 1px 2px {color:Title Shadow};
padding: 0px;
margin:0px;
margin-left:-5px;
float: left;
margin-top:460px;
background-color:transparent;
width:auto;
height:auto;
}

div#title2{
position:fixed;
font-family:"discipuli";
color:{color:Titlee};
font-size:40px;
text-transform:none;
text-align:center;
text-shadow:1px 1px 2px {color:Titlee Shadow};
margin-left:40px;
float:left;
margin-top:500px;
}

#paginacaoml{
font-family:silkscreen;
font-size:8px;
border-radius:10px;
margin-top:10px;
}

#paginacaoml a {
background:#FFA6C9;
padding:5px;
margin-left:10px;
color: #fff;
text-decoration:none;
border-radius: 10px;
}

#paginacaoml a:hover{
background:#fff;
border:1px solid #888;
color:#000;
text-decoration:none;
}

#paginacaoml span.pagina_atual {
background:#fff;
margin:1px;
padding:5px;
color:#000;
text-decoration:none;
border-radius:10px;
}

#paginacaoml span.info {
margin:1px;
padding:4px;
color: #777;
text-decoration:none;
}

{CustomCSS}
</style>
<body>
<div id="container">
<div class="left">
<div id="center">

<div id="sidebar2">
<div id="name">About the blogette</div>
<a href="/"><img src="{PortraitURL-64}"style="margin-left:0px;-top:2px; float:left;border:1px solid #ddd;padding:2px;background:#fff;"/></a>
{description}
<br><br>
<div id="name">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 TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE
<div id="name">Statistics</div>
<div class="heart">INSERT STAT HERE</div>
<div class="heart">INSERT STAT HERE</div>
<div class="heart">INSERT STAT HERE</div>
<div id="name">Disclaimer</div>
I do not own any pictures, music, videos or anything that has been posted on this blog unless I say otherwise or watermarked. Any type of plagrism will be dealt with accordingly.
<div id="name">Quote</div>
<div style="font-family:Sail;line-height:30px;font-size:18px; text-transform:none;color:#666;">{text:Quote}</div>
<div id="name">Navigation</div>
<div class="navigate">
<a href="/">Home</a>
<a href="/ask">Ask</a>
<a href="/faq">Faq</a>
<a href="/submit">Submit</a>
<a href="/more">More</a>
<a href="http://beautifully-flawless.tumblr.com/">credit</a>
</div>
<div id="name">Pagination</div>
<div id="paginacaoml"><span class="pagina_atual">1</span>    <a class="jump_page" href="/page/2">2</a>   <a class="jump_page" href="/page/3">3</a>   <a class="jump_page" href="/page/4">4</a>   <a class="jump_page" href="/page/5">5</a>   <a class="jump_page" href="/page/6">6</a>   <a class="jump_page" href="/page/7">7</a>   <a class="jump_page" href="/page/8">8</a>   <a class="jump_page" href="/page/9">9</a>   <a class="jump_page" href="/page/10">10</a>  <a href="/page/2">next →</a>
</div>
</div>

<div id="sidebar">
<div id="title1">Welcome to</div>
<div id="title2">{title}</div>
<img src="{image:Sidebar}">
</div>

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

{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}
{Photoset-400}
{/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>
<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>
{/block:Audio}

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

{block:Answer}
<div id="askbox">
<div class="askerimg"><img src="{AskerPortraitURL-40}"></div>
<asker>{Asker}:</asker>
<div id="ask">{Question}</div>
</div>
{Answer}
{/block:Answer}

{block:IndexPage}
<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>
<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>
</div>
</div>
</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>