Theme 45: Penelope

<!--Theme 45: Penelope
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[
// all colours must be in format '#NNNNNN', not 'red' or 'rgb(7,8,9)'
var fgcolour="{color:Banner FG}"; // foreground colour
var hlcolour="{color:Banner Highlight}"; // highlight colour
var bgcolour="{color:Banner BG}"; // background colour
var glcolour="{color:Banner Glow}"; // colour of glow around letters
var speed=75; // speed colours change, 1 second = 1000
var delay=20; // how long to wait between wipes
var alink=""; // page to link text to (set to ="" for no link)

/****************************
*Multi-Wipe Neon Text Effect*
*(c)2003-12 mf2fm web-design*
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var w_txt, w_txl;
var w_flp=bgcolour;
var w_sty=Math.floor(Math.random()*8);
var w_cnt=-1;
var wipes=new Array();
var wrand=new Array();
window.onload=function() { if (document.getElementById) {
var i, wiper, wipei;
wiper=document.getElementById("wipe");
w_txt=wiper.firstChild.nodeValue;
w_txl=w_txt.length;
while (wiper.childNodes.length) wiper.removeChild(wiper.childNodes[0]);
for (i=0; i<w_txl; i++) {
wipei=document.createElement("span");
wipei.appendChild(document.createTextNode(w_txt.charAt(i)));
wipes[i]=wipei.style;
wipes[i].textShadow=glcolour+" 0px 0px 5px";
wipes[i].color=fgcolour;
wiper.appendChild(wipei);
}
if (alink) {
wiper.style.cursor="pointer";
wiper.onclick=function() { top.location.href=alink; }
}
for (i=0; i<w_txl; i++) wrand[i]=i;
wiper=setInterval("randwipe()", speed);
}}

function c(i, shade) {
if (shade==bgcolour) wipes[i].textShadow="none";
else wipes[i].textShadow=glcolour+" 0px 0px 15px";
wipes[i].color=shade;
}

function randwipe() {
var w_old;
if (w_cnt++<w_txl+2+delay*(w_flp==fgcolour)) eval("wipe"+w_sty+"();");
else {
w_cnt=-1;
w_flp=(w_flp==fgcolour)?bgcolour:fgcolour;
w_old=w_sty;
while (w_old==w_sty) w_sty=Math.floor(Math.random()*9);
}
}

function dechex(dec) { return ((dec<16)?"0":"")+dec.toString(16); }

function wipe0() { // full curtains
var half=Math.floor(w_txl/2);
if (w_cnt<w_txl) {
c(w_cnt, (w_cnt<half)?hlcolour:w_flp);
c(w_txl-w_cnt-1, (w_cnt<half)?hlcolour:w_flp);
}
}

function wipe1() { // random
var i, rand, temp;
if (w_cnt==0) {
for (i=0; i<w_txl; i++) {
rand=Math.floor(Math.random()*w_txl);
temp=wrand[i];
wrand[i]=wrand[rand];
wrand[rand]=temp;
}
}
if (w_cnt<w_txl) c(wrand[w_cnt], hlcolour);
if (w_cnt>0 && w_cnt<w_txl+1) c(wrand[w_cnt-1], w_flp);
}

function wipe2() { // forwards
if (w_cnt<w_txl) c(w_cnt, hlcolour);
if (w_cnt>0 && w_cnt<w_txl+1) c(w_cnt-1, w_flp);
}

function wipe3() { // backwards
if (w_cnt<w_txl) c(w_txl-(w_cnt+1), hlcolour);
if (w_cnt>0 && w_cnt<w_txl+1) c(w_txl-w_cnt, w_flp);
}

function wipe4() { // searchlight
if (w_cnt<w_txl) c(w_cnt, hlcolour);
if (w_cnt>0 && w_cnt<w_txl+1) c(w_cnt-1, w_flp);
if (w_cnt>1 && w_cnt<w_txl+2) c(w_cnt-2, hlcolour);
if (w_cnt>2 && w_cnt<w_txl+3) c(w_cnt-3, (w_flp==fgcolour)?bgcolour:fgcolour);
if (w_cnt==w_txl+2) w_flp=(w_flp==fgcolour)?bgcolour:fgcolour;
}

function wipe5() { // fade
var i;
if (w_cnt<w_txl+3) {
var start=(w_flp==fgcolour)?bgcolour:fgcolour;
var temp="#";
for (i=1; i<6; i+=2) {
var hex1=parseInt(start.substring(i,i+2),16);
var hex2=parseInt(w_flp.substring(i,i+2),16);
temp+=dechex(Math.floor(hex1+(hex2-hex1)*(w_cnt/(w_txl+2))));
}
for (i=0; i<w_txl; i++) c(i, temp);
}
}

function wipe6() { // flash
var i;
if (w_cnt<6*Math.floor(w_txl/6)+3) {
if (w_cnt%6==0 || w_cnt%6==3) for (i=0; i<w_txl; i++) c(i, hlcolour);
else if (w_cnt%6==1) for (i=0; i<w_txl; i++) c(i, w_flp);
else if (w_cnt%6==4) for (i=0; i<w_txl; i++) c(i, (w_flp==fgcolour)?bgcolour:fgcolour);
}
}

function wipe7() { // checkerboard
var qtr=Math.floor(w_txl/4);
if (w_cnt<qtr) {
c(w_cnt, hlcolour);
c(w_cnt+2*qtr, hlcolour);
}
else if (w_cnt<2*qtr) {
c(w_cnt-qtr, w_flp);
c(w_cnt+qtr, w_flp);
}
else if (w_cnt<3*qtr) {
c(w_cnt-qtr, hlcolour);
c(w_cnt+qtr, hlcolour);
}
else if (w_cnt<w_txl) {
c(w_cnt-2*qtr, w_flp);
c(w_cnt, w_flp);
}
}

function wipe8() { // half curtains
var half=Math.floor(w_txl/2);
if (w_cnt<half) {
c(w_cnt, hlcolour);
c(w_txl-w_cnt-1, hlcolour);
}
else if (w_cnt<w_txl) {
c(w_cnt-half, w_flp);
c(w_txl+half-w_cnt-1, w_flp);
}
}
// ]]>
</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="#fff"/>
<meta name="color:text" content="#000" />
<meta name="color:Link" content="#888"/>
<meta name="color:Link Hover" content="#444"/>
<meta name="color:Posts Border" content="#ddd"/>
<meta name="color:Posts BG" content="#fff"/>
<meta name="color:Banner FG" content="#808080"/>
<meta name="color:Banner BG" content="#c0c0c0"/>
<meta name="color:Banner Highlight" content="#8B8589"/>
<meta name="color:Banner Glow" content="#dddddd"/>
<meta name="color:Navigation BG" content="#fff"/>
<meta name="color:Navigation TXT" content="000"/>
<meta name="color:Navigation Border" content="#ddd"/>
<meta name="color:Header" content="#000"/>
<meta name="color:Header First Letter" content="#ddd"/>
<meta name="color:Scrollbar" content="#fff"/>

<meta name="image:Background" content="" />

<meta name="if:smallfont" content="1" />
<meta name="if:rondafont" content="" />

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


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

::-webkit-scrollbar {width: 9px; 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: 'pixel'; src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff'); }

@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: "edwardian"; src: url('http://static.tumblr.com/oetadgc/sUtm6d6kz/ufonts.com_edwardian-script-itc-2.ttf'); }

@font-face{ font-family:"chopin"; src:url('http://static.tumblr.com/gdh5wux/FYdm826v4/chops___.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.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;
color:{color:Link Hover};
}

div#posts {
float:left;
width:920px;
margin-left:400px;
}

.entry {
float:left;
margin:2px;
overflow:hidden;
border:1px solid {color:Posts Border};
background-color:{color:Posts BG};
{block:IndexPage}
width:300px;
{/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: rgba(255, 255, 255, 0.9);
border:1px solid #ddd;
width:300px;
height:30px;
top:0px;
left:0px;
overflow:hidden;
opacity:0.0;
font-family:calibri;
font-size:8px;
color:#666;
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:center;
line-height:15px;
margin-top:1px;
border-top:1px solid #eee;
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:'edwardian';
text-transform:none;
font-size:30px;
line-height:30px;
color:#333;
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;}

#sidebarpic img{
position:fixed;
width:390px;
margin-left:4px;
margin-top:4px;
}

#description{
position:fixed;
width:400px;
height:380px;
margin-top:290px;
margin-left:0px;
{block:ifsmallfont}
font-family:pixel;
{/block:ifsmallfont}
{block:ifrondafont}
font-family:ronda;
{/block:ifrondafont}
background-color:transparent;
}

div.navigate a{
height:20px;
width: 60px;
background-color:{color:Navigation BG};
border:2px double {color:Navigation Border};
font-family:pixel;
font-size:8px;
text-transform:uppercase;
margin:3px;
margin-left:10px;
float:left;
text-align: center;
line-height:20px;
color:{color:Navigation TXT};
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
transition: all 1s ease-out;
}

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

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


#name{
color:{color:Header};
font-family:"tangerine";
font-size:30px;
line-height:20px;
text-align:center;
text-transform:none;
}

#name:first-letter{
font-family:"chopin";
font-size:40px;
color:{color:Header First Letter};
text-shadow:0px 0px 5px {color:Header First Letter};
}

#navbox{
position:fixed;
width:400px;
height:30px;
text-align:center;
margin-top:260px;
margin-left:-5px;
z-index:9999;
}

#banner{
position:fixed;
width:auto;
height:auto;
background-color:transparent;
margin-top:20px;
margin-left:0px;
font-family:edwardian;
font-size:65px;
color:#000;
text-transform:none;
}

{CustomCSS}
</style>
<body>

<div id="banner"><span id="wipe">{title}</span></div>


<div id="sidebarpic"><img src="http://static.tumblr.com/gdh5wux/w6kmh4zi9/candice_swanepoel_crop_650x440.png"></div>
<div id="description">
<center><img src="http://static.tumblr.com/gdh5wux/OKQmh509o/58.png"></center>
<br>
<div id="name">About the Pretty Girl</div>
{description}
<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
<br>
<div id="name">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="navbox">
<div class="navigate">
<a href="/">Home</a>
<a href="/ask">Inbox</a>
<a href="/submit">Submit</a>
<a href="/links">Links</a>
<a href="http://beautifully-flawless.tumblr.com/">Credit</a>
</div>
</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>