Theme 36: Victoria

<!--Theme 36: Victoria
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"
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:text" content="#000" />
<meta name="color:Posts Border" content="#ddd"/>
<meta name="color:Posts BG" content="#fff"/>
<meta name="color:Background" content="#000"/>
<meta name="color:Link" content="#888"/>
<meta name="color:Link Hover" content="#fff"/>
<meta name="color:Scrollbar Shadow" content="#FFCFF1"/>
<meta name="color:Scrollbar" content="#FFCFF1"/>
<meta name="color:Posts Shadow"content="#fff"/>
<meta name="color:Sidebar BG"content="#000"/>
<meta name="color:Sidebar Border"content="#FFCFF1"/>
<meta name="color:Sidebar Shadow"content="#FFCFF1"/>
<meta name="color:Sidebar Text"content="#fff"/>
<meta name="color:Header"content="#fff"/>
<meta name="color:Header First Letter"content="#FFCFF1"/>
<meta name="color:Header First Letter Shadow"content="#FFCFF1"/>
<meta name="color:Navigation BG"content="#000"/>
<meta name="color:Navigation Border"content="#FFCFF1"/>
<meta name="color:Navigation Text"content="#fff"/>
<meta name="color:Favorites Shadow"content="#FFCFF1"/>
<meta name="color:Banner"content="#fff"/>
<meta name="color:Banner Shadow"content="#FFCFF1"/>
<meta name="color:Banner First Letter"content="#FFCFF1"/>
<meta name="color:Banner First Letter Shadow"content="#FFCFF1"/>

<meta name="image:Background" content="" />
<meta name="image:Sidebar" content="http://static.tumblr.com/gdh5wux/llfme5kpd/tumblr_me07ioq1vn1qjyg7ro1_500.png" />

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

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


::-webkit-scrollbar {width: 9px; height: 3px; background:transparent;}
::-webkit-scrollbar-thumb {background:{color:Scrollbar}; border-radius:5px; box-shadow:0px 0px 10px {color:Scrollbar Shadow};}

#tumblr_controls{
position:fixed !important;
}

@font-face{font-family:"tinytots";src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}

@font-face{font-family:"caviardreams";src:url('http://static.tumblr.com/alux5te/8BFltyod3/caviardreams.ttf'); }

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

@font-face { font-family: "brock"; src: url('http://static.tumblr.com/gdh5wux/aMcmequju/brockscript.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:"tinytots";
font-size:8px;
line-height:12px;
color:{color:Text};
text-transform:uppercase;
cursor:url('http://media.tumblr.com/tumblr_m6aniyrSbO1rqir0v.png'), progress;
}

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

div#posts {
float:left;
width:750px;
background-image:url('http://static.tumblr.com/gdh5wux/EVAm7hth0/tumblr_m3sd0v7kfw1qhxwq3.gif');
box-shadow:0px 0px 10px {color:Posts Shadow};
}

.entry {
margin:3px;
float:left;
padding:8px;
overflow:hidden;
border:1px solid {color:Posts Border};
background-color:{color:Posts BG};
{block:IndexPage}
width:350px;
{/block:IndexPage}
{block:PermalinkPage}
width:500px;
{/block:PermalinkPage}
}

.perma{
opacity: 0.0;
filter:alpha(opacity = 0);
margin-top:-21px;
width:0px;
height:30px;
line-height:30px;
font-size:9px;
position:absolute;
text-align:center;
z-index:800;
color:#000;
}

a.p{color:#fff;}


.entry:hover .perma {
opacity: 1;
transition: all 0.4s linear;
filter: alpha(opacity = 100);
-webkit-transition: opacity 0.4s linear;
-moz-transition: all 0.4s linear;
}

.likep{
top:26px;
left:5px;
z-index:99;
width:21px;
height:20px;
overflow:hidden;
position: absolute;
}

.likep img {
width:21px;
height:20px;
webkit-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}

.rep{
top:26px;
left:29px;
width:24px;
height:20px;
overflow:hidden;
position:absolute;
z-index:99;
}

.rep img{
width:24px;
height:20px;
line-height:30px;
display:inline;
}


.likep a:hover{background-position: 0px 0px;}

.likep a{
background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
background-position:0px 0px;
display:block;
z-index:99;
webkit-transition: all 0s linear;
-webkit-transition: all 0s linear;
-moz-transition: all 0s linear;
transition: all 0s linear;
}

.not{
position:absolute;
background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
height:20px;
font-size:11px;
line-height:20px;
color:#fff;
position:absolute;
top:26px;
left: 56px;
padding-left:4px;
padding-right:4px;
-moz-border-radius:2px;
border-radius:2px;
}

.not a{
color:#fff;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

.entry:hover .not, .entry:hover .rep, .entry:hover .likep{opacity: 0.8;filter: alpha(opacity = 80);}

.not:hover , .rep:hover, .likep:hover{opacity: 1!important;filter: alpha(opacity = 100)!important;}


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

.title{
font-family:'chopin';
text-transform:none;
font-size:30px;
line-height:35px;
background:
-webkit-gradient(linear,left bottom, left top, from(#FFCFF1), to(#000));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align:center;
}

.quote{
font-family:caviardreams;
font-size:12px;
color:#888;
text-transform:none;
line-height:10px;
text-align:right;
}

blockquote{
padding:0px 0px 2px 5px;
margin:0px 0px 2px 10px;
border-left: 1px dotted #555555;
}

.infinite {
align:right;
background:#aaa;
color:white;
margin:3px 0px 5px 60px;
padding:7px;
padding-top:5px;
position:relative;
border-radius:5px;
}

.infinite span {
display:block;
position:absolute;
width:1px;height:1px;
font-size: 8px;
font-family:tinytots;
line-height:1px;
left:-10px;
top:10px;
border-top:5px solid transparent;
border-bottom:5px solid transparent;
border-right:10px solid #aaa;
}

.askborder{float:left;margin:1px 4px 0 0;}

ul, ol, li{list-style:none; margin:0px; padding:0px;}
.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:{color:text};}
.notes img{width:10px; position:relative; top:3px;}

#sidebarpic img{position:fixed;width:500px;left:650px;top:0px;}

#sidebar{
position:fixed;
width:260px;
height:500px;
padding:5px;
top:110px;
left:1050px;
border-radius:5px;
color:{color:Sidebar Text};
background-color:{color:Sidebar BG};
border:1px dotted {color:Sidebar Border};
box-shadow:0px 0px 20px {color:Sidebar Shadow};
}

#name{
font-family:'caviardreams';
font-size:15px;
line-height:30px;
text-transform:uppercase;
color:{color:Header};
}

#name:first-letter{
font-family:'chopin';
font-size:30px;
line-height:30px;
color:{color:Header First Letter};
text-shadow:1px 1px 10px {color:Header First Letter Shadow};
}

.heart{
display:block;
line-height:14px;
font-family:tinytots;
color:#fff;
text-align:center;
vertical-align:middle;
background:url('http://media.tumblr.com/tumblr_ltsfswn7kZ1r1b4vq.gif')no-repeat left;
}

div.links a{
height:20px;
width:70px;
float:left;
font-size:8px;
margin-left:10px;
margin-right:4px;
margin-bottom:12px;
line-height:20px;
border-radius:5px;
text-align:center;
font-family:'tinytots';
text-transform:uppercase;
color:{color:Navigation Text};
background-color:{color:Navigation BG};
border: 1px dotted {color:Navigation Border};
}


#faves img {
height:50px;
width:50px;
opacity:.8;
margin:5px;
border-radius:32px;
-webkit-transition-duration:.7s;
box-shadow:0px 0px 5px {color:Favorites Shadow};
}

#faves img:hover {
opacity:1;
width:50px;
height:50px;
border-radius:5px;
-webkit-transition:0.2s ease-in;
box-shadow:0px 0px 10px {color:Favorites Shadow};
}

#banner{
position:fixed;
font-family:caviardreams;
font-size:25px;
color:{color:Banner};
margin-left:1040px;
margin-top:60px;
text-shadow:0px 0px 20px {color:Banner Shadow};
text-transform:uppercase;
}

#banner:first-letter{
font-family:brock;
font-size:50px;
color:{color:Banner First Letter};
text-shadow:1px 1px 10px {color:Banner First Letter Shadow};
}

{CustomCSS}
</style>
<body>

<div id="sidebarpic"><img src="{image:Sidebar}"></div>

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

<div id="sidebar">
<div id="name">About the Blogette</div>
{description}
<br><br>
<div id="name">Statistics</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>
<br><br>
<div id="name">Navigation</div>
<div class="links">
<a href="/">Home</a>
<a href="/ask">Message</a>
<a href="/faq">Faq</a>
<a href="/submit">Submit</a>
<a href="/more">More Links</a>
<a href="http://beautifully-flawless.tumblr.com/">Credit</a>
</div>
<div id="name">Favorites</div>
<div id="faves">
<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>
</div>

</div>

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

{block:IndexPage}
<div class="perma">

<div class="likep">
<a id="like{PostID}"href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif"width="21" height="20"alt="Like this post"id="likeimage{PostID}"/></a>
</div>

<div class="rep"><a href="{reblogurl}"target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png"width="30"/></a></div>

<div class="not">
<a id="notes{PostID}"href="{Permalink}">{NoteCount}</a></div>
</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="100%"></a>
{LinkCloseTag}
{/block:PermalinkPage}
{/block:Photo}

{block:Photoset}
{block:IndexPage}
<center>
{Photoset-250}
</center>
{/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>{AudioPlayerWhite}</center>
{/block:Audio}

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

{block:Answer}
<img style="border:1px solid #aaa; width:40px;height:40px;"src="{AskerPortraitURL-40}"align="left"class="askborder">
<div class="infinite">
<span>
</span>
{Asker}:{Question}&nbsp;
</div>
<div style="margin-top:-5px;">
<br>{Answer}
</div>
{block:IndexPage}
{/block:IndexPage}
{/block:Answer}

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

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

{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}
</div>
<script type="text/javascript" src="http://.ic.tumblr.com/uiqhh9x/aK8m1cpdr/like2.js"></script>
<iframe id="likeiframe" style="width: 0px; height: 0px; border:0px;"></iframe>
<span id="scriptsinsert"> </span>
</body>
</html>