Theme 14: Mercedes

<!--
Theme 14 - Mercedes By Beautifully Flawless
DO NOT REMOVE THE CREDIT PLEASE!!
DO NOT REMOVE THE CREDIT PLEASE!!
DO NOT REMOVE THE CREDIT PLEASE!!
DO NOT REMOVE THE CREDIT PLEASE!!
-->

<html>
<head>

<script type="text/javascript">
// <![CDATA[
var bgcolour="{color:Sidebanner 2}"; // background colour
var fgcolour="{color:Sidebanner 1}"; // foreground colour
var speed=100; // speed of bubbling, lower is faster
var shades=15; // 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="#fff"/>
<meta name="color:Text" content="#000"/>
<meta name="color:Link" content="#aaa"/>
<meta name="color:Link Hover" content="#ccc"/>
<meta name="color:Posts Border" content="#ddd"/>
<meta name="color:Sidebanner 1" content="#F781F3"/>
<meta name="color:Sidebanner 2" content="#F8E0EC"/>
<meta name="color:Hover Sidebar BG" content="#fff"/>
<meta name="color:Hover Sidebar border" content="#ddd"/>
<meta name="color:Hover Sidebar tab BG" content="#fff"/>
<meta name="color:Hover Sidebar tab Border" content="#888"/>
<meta name="color:Hover Sidebar tab Shadow" content="#888"/>
<meta name="color:Hover Sidebar tab Text shadow" content="#888"/>
<meta name="color:Hover Sidebar tab Text" content="#000"/>
<meta name="color:Banner" content="#000"/>
<meta name="color:Banner Shadow" content="#ddd"/>
<meta name="color:Navigation BG" content="#000"/>
<meta name="color:Navigation Text" content="#fff"/>
<meta name="color:Navigation Border" content="#ddd"/>
<meta name="color:Navigation Hover BG" content="#fff"/>
<meta name="color:Navigation Hover Border" content="#ddd"/>
<meta name="color:Navigation Hover Text" content="#000"/>
<meta name="color:Navigation Shadow" content="#888"/>

<meta name="image:sidebar" content="http://static.tumblr.com/gdh5wux/dNKm785cu/tumblr_lwvc644ccp1qz5ulfo1_500.jpg"/>
<meta name="image:background" content="" />


<!--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: "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: "caviardreams"; src: url('http://static.tumblr.com/alux5te/8BFltyod3/caviardreams.ttf'); }

@font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.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:840px;
z-index:99;
margin-left:440px;
}

.entry {
float:left;
margin:5px;
padding:3px;
overflow:hidden;
background-color:{color:Posts BG};
border:2px solid #ddd;
box-shadow:1px 1px 2px #888;
{block:IndexPage}
width:400px;
{/block:IndexPage}
{block:PermalinkPage}
width:500px;
{/block:PermalinkPage}
}

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

}
a.p
{

color: {color:permalink};
}
.entry:hover .perma {

-webkit-transition: opacity 0.4s linear;
opacity: 1;
-moz-transition: all 0.4s linear;
transition: all 0.4s linear;
filter: alpha(opacity = 100);

}

select {
font-size: 9px;
width: 100px;
margin-left: 10px;

}
option {
font-size: 9px;
text-align: left;

}
input[type=button]
{
font-size: 9px;
}

.likep {
width: 21px;
height: 20px;
overflow: hidden;
position: relative;
z-index: 99;
position: absolute;
margin-top: 26px;
margin-left: 5px;
}
.rep {
width: 24px;
height: 20px;
overflow: hidden;
position: relative;
z-index: 99;
position: absolute;
margin-top: 26px;
margin-left: 29px;
}
.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;
}
.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 img{
width: 24px;
height: 20px;
line-height: 30px;
display: inline;
}

.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;
margin-top: 26px;
margin-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:'stars';
text-transform:none;
font-size:20px;
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;
}

.infinite {
align:right;
background:#ddd;
color:black;
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;
left:-10px;
top:10px;
border-top:5px solid transparent;
border-bottom:5px solid transparent;
border-right:10px solid grey;
}

.askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #ddd;}

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{
position:fixed !important;
width: 430px;
height:650px;
margin-top:-7px;
margin-left:-5px;
background-color:#fff;
overflow:hidden;
overflow-x:hidden;
border:1px solid #ddd;
box-shadow:1px 0px 6px #888;
}

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

#musicplayer{
left:20px;
top:-577px;
color:#000;
position:fixed;
text-align:center;
z-index:1999;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
}

#musicplayer:hover{
top:-10px;
}

#music{
width:430px;
height:550px;
font-family:'silkscreen';
font-size:8px;
text-transform:none;
margin-left:-20px;
background:{color:Hover Sidebar BG};
overflow:auto;
padding:20px 0 5px 0;
border:1px solid {color:Hover Sidebar border};
}

#musictab{
width:430px;
height:40px;
opacity:0.8;
font-size:25px;
line-height:35px;
margin-left:-20px;
font-family:caviardreams;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
color: {color:Hover Sidebar tab Text};
background:{color:Hover Sidebar tab BG};
border:1px solid {color:Hover Sidebar tab Border};
text-shadow: 2px 0px 2px {color:Hover Sidebar tab Text shadow};
box-shadow:2px 2px 2px {color:Hover Sidebar tab Shadow};
}

#faves img {
width:60px;
height:60px;
opacity:1;
padding:0px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition-duration:.7s;
}

#faves img:hover {
width:50px;
height:50px;
opacity:.8;
-moz-border-radius:32px;
border-radius: 32px;
-webkit-transition: 0.2s ease-in;
}

.heart {
display : block;
height: 15px;
text-indent : 5px;
vertical-align : left;
background: url('http://i1119.photobucket.com/albums/k637/kawaiiscraps/weheartit.gif') no-repeat left;
padding-left : 10px;
padding-bottom : 2px;
}

.heart:hover {
display:block;
height:15px;
text-indent:5px;
vertical-align:left;
padding-left :10px;
padding-bottom :2px;
}

#name2{
font-family:"tangerine";
font-size:35px;
line-height:25px;
text-align:left;
border-bottom:1px dotted #000000;
text-transform:none;
}

div#sidebanner{
position:fixed;
width: auto;
height: auto;
left:10px;
margin-top:600px;
text-transform:none;
background-color: transparent;
color:{color:Banner};
font-family: "lainie";
font-size:50px;
line-height: 45px;
text-align: center;
text-shadow: 1px 1px 10px {color:Banner Shadow};
}

div.navigate a{
color:#ddd;
width: 70px;
height:15px;
margin-top:3px;
font-size: 8px;
text-align: center;
padding-bottom:0px;
display:inline-block;
-moz-border-radius:0px;
font-family:"silkscreen";
-webkit-border-radius:0px;
text-transform: Uppercase;
background-color:{color:Navigation BG};
border:1px solid {color:Navigation Border};
-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};
color:{color:Navigation Hover Text};
width: 70px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding-bottom:0px;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
transition: all 1s ease-out;
box-shadow: 4px 4px 9px {color:Navigation Shadow};
}

{CustomCSS}
</style>
<body>

<div id="sidebar"><div id="sidebanner"><span id="bubble">{title}</span></div><img src="{image:sidebar}"></div>

<div id="musicplayer">
<div id="music">
<div id="name2">About the Blogette</div>
<a href="/"><img src="{PortraitURL-64}" style="margin-left:0px; margin-top:0px; float:left; border:1px solid #c4b296; padding:2px; background:#FFFFFF;"/></a>
{description}
<div id="name2">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

<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>
<center>
<div class="heart">INSERT STAT HERE</div>
<div class="heart">INSERT STAT HERE</div>
<div class="heart">INSERT STAT HERE</div>
</center>
<div id="name2">Navigation</div>
<div class="navigate">
<a href="/">refresh</a>
<a href="/ask">ask</a>
<a href="/faq">faq</a>
<a href="/submit">submit</a>
<a href="/more">more</a>
<a href="http://beautifullyflawless.tumblr.com/">credit</a>
</div>
<div id="name2">BlogRoll</div>
<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="45px" height="45px" />{/block:Followed}{/block:Following}</marquee>
</div>
</div>

<div id="musictab">HOVER</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="500"/></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}
<img src="{AskerPortraitURL-48}"width="50"height="50px"align="left"class="askborder">
<div class="infinite">
<span></span>
<b>{Asker}</b>: {Question}&nbsp;</div>
<div style="margin-top:-5px;"><br>{Answer}</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>
</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>