Theme 47: Fantasia

<!--Theme 47: Fantasia
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:Background" content="#000"/>
<meta name="color:text" content="#000" />
<meta name="color:Link" content="#FF0038"/>
<meta name="color:Link Hover" content="#888"/>
<meta name="color:ScrollBar BG" content="#000"/>
<meta name="color:Scrollbar" content="#FF0038"/>
<meta name="color:Posts BG" content="#fff"/>
<meta name="color:Posts Border" content="#FF0038"/>
<meta name="color:Title" content="#888"/>
<meta name="color:Title Shadow" content="#888"/>
<meta name="color:Sidebar BG" content="#000"/>
<meta name="color:Sidebar Text" content="#fff"/>
<meta name="color:Sidebar Border" content="#FF0038"/>
<meta name="color:Sidebar Shadow" content="#FF0038"/>
<meta name="color:Description Boxes BG" content="#000"/>
<meta name="color:Description Boxes Text" content="#fff"/>
<meta name="color:Navigation BG" content="#FF0038"/>
<meta name="color:Navigation Text" content="#fff"/>
<meta name="color:Navigation Shadow" content="#FF0038"/>
<meta name="color:Banner" content="#FF0038"/>
<meta name="color:Banner Shadow" content="#FF0038"/>
<meta name="color:Banner First Letter Shadow" content="#FF0038"/>
<meta name="color:Accent" content="#FF0038"/>
<meta name="color:Stats Text" content="#fff" />
<meta name="color:Favorites Shadow" content="#FF0038" />
<meta name="color:Blogroll Border" content="#FF0038" />

<meta name="image:Background" content="" />
<meta name="image:sidebar" content="http://static.tumblr.com/gdh5wux/z34mf4t2h/55169164154780063_9z36dtby_c.jpg"/>

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

<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 6 URL" content=""/>
<meta name="text:Link 7 URL" content=""/>
<meta name="text:Link 1" content=""/>
<meta name="text:Link 2" content=""/>
<meta name="text:Link 3" content=""/>
<meta name="text:Link 4" content=""/>
<meta name="text:Link 5" content=""/>
<meta name="text:Link 6" content=""/>
<meta name="text:Link 7" 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: 3px; background:transparent;}
::-webkit-scrollbar-thumb {background:{color:Scrollbar}; border-radius:5px; -webkit-box-shadow: inset 0 0 20px #000000;}

#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:"lainie";src:url('http://static.tumblr.com/oetadgc/Uialyjfaa/laine.ttf');}

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

@font-face { font-family: "alex"; src: url('http://static.tumblr.com/gdh5wux/hKLmeryef/alexbrush-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:"tinytots";
font-size:8px;
line-height:12px;
color:{color:Text};
text-transform:uppercase;
}

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:805px;
margin-left:500px;
margin-top:0px;
padding:5px;
background-image:url('http://static.tumblr.com/gdh5wux/TDQm7hsv9/relic-xmas-paper.gif');
}

.entry {
margin-left:50px;
margin-right:-45px;
margin-bottom:3px;
float:left;
overflow:hidden;
border:1px solid #fff;
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:tangerine;
text-transform:none;
font-size:30px;
line-height:30px;
color:#000;
}

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

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

.infinite {
align:right;
background:#ddd;
color:white;
margin:3px 0px 5px 66px;
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 #ddd;
}

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

#sidebar{
position:fixed;
width:348px;
height:600px;
margin-top:15px;
margin-left:20px;
color:{color:Sidebar Text};
text-align:center;
background-color:{color:Sidebar BG};
border:1px solid {color:Sidebar Border};
box-shadow:0px -2px 20px {color:Sidebar Shadow};
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}

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

#sidebar:hover #des{
opacity:.8;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}

#sidebar:hover #des2{
opacity:.8;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}

#des{
position:fixed;
width:340px;
height:295px;
margin-top:4px;
margin-left:4px;
background-color:{color:Description Boxes BG};
opacity:0;
color:{color:Description Boxes Text};
text-align:center;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}

#des2{
position:fixed;
width:340px;
height:295px;
margin-top:300px;
margin-left:4px;
background-color:{color:Description Boxes BG};
opacity:0;
color:{color:Description Boxes Text};
text-align:center;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}

#links{
position:fixed;
width:100px;
height:auto;
margin-top:60px;
margin-left:390px;
}

div.navigate a {
height:20px;
width:90px;
background-color:{color:Navigation BG};
box-shadow:0px 0px 10px {color:Navigation Shadow};
font-family:tinytots;
font-size:8px;
text-transform:uppercase;
margin-left:5px;
margin-bottom:20px;
float:left;
text-align:center;
line-height:20px;
letter-spacing:1px;
color:{color:Navigation Text} !important ;
-webkit-transition: all 5s ease-out;
-moz-transition: all 5s ease-out;
transition: all 5s ease-out;
}

#banner{
position:fixed;
font-family:alex;
font-size:46px;
color:{color:Banner};
text-shadow:2px 2px 20px {color:Banner Shadow};
margin-left:0px;
text-transform:none;
}

#banner:first-letter{
font-family:tangerine;
font-size:60px;
text-shadow:2px 2px 10px {color:Banner First Letter Shadow};
text-transform:uppercase;
}

accent{color:{color:Accent};}

.heart {
font-family:tinytots;
display:block;
height:15px;
color:{color:Stats Text};
text-indent:5px;
vertical-align:left;
background:url('http://i595.photobucket.com/albums/tt37/paravidatodazipnet/FAVICONS/FAVICONPARAVIDATODAZIPNET15.gif') no-repeat left;
padding-left:10px;
padding-bottom:2px;
}

#blogroll{
position:fixed;
width:320px;
height:60px;
border-bottom:4px double {color:Blogroll Border};
border-top:4px double {color:Blogroll Border};
margin-left:9px;
margin-top:0px;
}

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

#faves img:hover {
-webkit-transition: 0.5s ease-in;
border-radius:0px;
opacity:0.5;
}


{CustomCSS}
</style>
<body>

<div id="sidebar">
<div id="des">
<br><br>
<div id="banner">{title}</div>
<br><br><br>
{description}
<br><br>
<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>
<br>
<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>
<a href="{text:Favorite 5 URL}"><img src='{image:Fav 5}'title="{text:Favorite 5}"/></a>
</div>

</div>

<div id="des2">
Write what ever you want here, to find this spot, just go into the HTML and click CTRL + F and search for "RedRose" (exact spelling) and you'll find it, just erase from the word "Write" to "want" and write what you want

<br>
You can also add anything about yourself here, the blogroll will move down when you add anything.
<div id="blogroll">
<div id="faves">
<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="40px" height="40px" />{/block:Followed}{/block:Following}</marquee>
</div>
</div>
</div>
<img src="{image:sidebar}">
</div>



<div id="links">
<br><br><br>
<div class="navigate">
<a href="/">Home</a>
<a href="/ask">Inbox</a>
<a href="/submit">Submit</a>

{Block:iflink1}
<a href="{text:Link 1 URL}">{text:Link 1}</a>
{/Block:iflink1}
{Block:iflink2}
<a href="{text:Link 2 URL}">{text:Link 2}</a>
{/Block:iflink2}
{Block:iflink3}
<a href="{text:Link 3 URL}">{text:Link 3}</a>
{/Block:iflink3}
{Block:iflink4}
<a href="{text:Link 4 URL}">{text:Link 4}</a>
{/Block:iflink4}
{Block:iflink5}
<a href="{text:Link 5 URL}">{text:Link 5}</a>
{/Block:iflink5}
{Block:iflink6}
<a href="{text:Link 6 URL}">{text:Link 6}</a>
{/Block:iflink6}
{Block:iflink7}
<a href="{text:Link 7 URL}">{text:Link 7}</a>
{/Block:iflink7}

<a href="#http://beautifully-flawless.tumblr.com/">Credit</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:30px; height:30px;"src="{AskerPortraitURL-30}"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>