THEME 08

<!DOCTYPE html>
<head><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}


<!-----------base code by mrsmilicevic@tumblr
you don't have to leave credit but if you want, that's always nice :>
  ADAPTED BY @ MERVEL
------------>

<!--------default variables-------->
<meta name="color:background" content="#ffffff"/>
<meta name="color:text" content="#333333"/>
<meta name="color:links" content="#5b5b5b"/>
<meta name="color:links hover" content="#c9c9c9"/>
<meta name="color:scrollbar bg" content="#ffffff"/>
<meta name="color:scrollbar" content="#eeeeee">

<meta name="image:sidebar image" content=""/>
<meta name="image:background image" content=""/>

<meta name="text:link 1 title" content="link">
<meta name="text:link 1 url" content=" ">
<meta name="text:link 2 title" content="link">
<meta name="text:link 2 url" content=" ">
<meta name="text:link 3 title" content="link">
<meta name="text:link 3 url" content=" ">

<meta name="if:show link 1" content="1" />
<meta name="if:show link 2" content="1" />
<meta name="if:show link 3" content="1" />
<meta name="if:show sidebar image" content="1" />


<!------------------------TOOLTIPS SCRIPT--------------------->

<link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:200,
tip_fade_speed:300
});
});
})(jQuery);
</script>


<!-------------------------------------------------------------------->

<style type="text/css">

/*----------tooltips---------*/

#s-m-t-tooltip {
max-width:300px;
margin:15px;
padding:5px;
border:1px solid #eeeeee;
border-radius:0px;
background:#ffffff;
color:{color:text};
z-index:999999;
font-size:7px;
font-style:none;
font-weight:lighter;
letter-spacing:2px;
font-family:helvetica;
text-transform:uppercase;
box-shadow:1px 1px 3px rgba(0,0,0,.0);
}


/*----------scrollbar---------*/

::-webkit-scrollbar {
background-color: {color:scrollbar bg};
height:8px;
width:5px
}

::-webkit-scrollbar-thumb:vertical {
background-color:{color:scrollbar};
height:50px
}

::-webkit-scrollbar-thumb:horizontal {
background-color:{color:scrollbar bg};
height:8px!important
}


/*----------basics---------*/

body {
background:{color:background} url({image:background image}) repeat right top fixed;
color:{color:text};
font-family:arial;
line-height:15px;
font-size:10px;
margin:0;
text-align:left;
}

blockquote {
padding-left:10px;
border-left:1px solid;
border-color:#eeeeee;
margin:10px;
}

a {
color:{color:links};
text-decoration:none;
}

a:hover {
text-decoration:none;
color: {color:links hover};
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}

img {
opacity:1;
text-decoration:none;
}

h1 {
font-size:11px;
font-weight:bold;
}


/*----------posts---------*/

.container {
left:50%;
width:800px;
position:absolute;
}

.posts {
{block:IndexPage}
margin-bottom:80px;
{/block:IndexPage}
{block:PermalinkPage}
margin-bottom:40px;
{/block:PermalinkPage}
width:500px;
}

.entries {
margin-left:-90px;
width:500px;
margin-top:50px;
margin-bottom:50px;
}

.posts img, .posts li, .posts blockquote {
max-width: 100%;
}

.posts li {
list-style: square;
}

blockquote img {
max-width:320px!important;
}


/*----------post info---------*/

.info {
border-top:1px solid #fdfdfd;
padding-top:15px;
text-transform:uppercase;
font-family:helvetica;
font-size:8px;
letter-spacing:1px;
margin-top:15px;
}

.tags {
margin-top:2px;
font-size:9px;
font-family:'arial';
letter-spacing:1px;
font-style:normal;

}

.tags a {
margin-right:8px;
}


/*----------post notes---------*/

ol.notes {
padding:0px;
margin:25px 0px 0px -10px;
list-style-type:none;
}

ol.notes li.note {
padding:10px;
}

ol.notes li.note img.avatar {
vertical-align:-4px;
margin-right:10px;
width:16px;
height:16px;
}

ol.notes li.note span.action {
font-weight:none;
}

ol.notes li.note .answer_content {
font-weight:normal;
}

ol.notes li.note blockquote {
padding:4px 10px;
margin:10px 0px 0px 25px;
}

ol.notes li.note blockquote a {
text-decoration:none;
}

/*----------sidebar---------*/

.sidebar {
position:fixed;
width:245px;
margin-left:-430px;
top:120px;
}

.sidebarimage {
width:245px;
}

.sidebarimage img {
width:245px;
margin-bottom:10px;
}

.sidetitle {
margin-top:5px;
font-size:13px;
text-transform:uppercase;
font-weight:bold;
width:240px;
text-align:center;
}

.description {
width:240px;
font-family:'helvetica';
text-align:left;
margin-top:10px;
}

.links {
width:240px;
font-family:helvetica;
text-align:center;
margin-top:10px;
word-spacing:3px;
color:{color:links};
}

.links a {
padding:5px;
}

.pagination {
width:240px;
margin-top:20px;
text-align:center;
border-top:1px solid #fdfdfd;
padding-top:15px;
}



/*----------quotes---------*/

.quote {
text-transform:uppercase;
font-size:14px;
font-weight:bold;
text-align:center;
}

.quotesource {
text-align:center;
margin-top:10px;
}


/*----------chat---------*/

.chat {
line-height:20px;
list-style:none;
}

.line.odd {
background:#fafafa;
margin-bottom:2px;
padding:5px;
list-style:none;
font-size:10px;
}

.line.even {
background:#ffffff;
margin-bottom:2px;
padding:5px;
list-style:none;
font-size:10px;
}

.label {
padding-right:1px;
text-transform:uppercase;
font-weight:bold;
color:{color:links};
}


/*----------questions---------*/

.question {
background:#fafafa;
padding:10px;
}

.asker {
text-transform:uppercase;
}

.answer {
padding:10px;
margin-top:-15px;
}

/*----------audio---------*/

.playerbutton {
position:relative;
width:30px;
height:35px;
overflow:hidden;
}

.playerbuttonhug {
position: absolute;
top:-7px;
left:2px;
}

.tumblr_audio_player {
height:50px;
width:500px;
}

.playerbuttonbg {
position:absolute;
width:35px;
height:35px;
background-color:#e4e4e4;
padding:10px;
}

.trackdetails {
width:auto;
display:inline-block;
margin-left:70px;
font-size:10px;
letter-spacing:1px;
text-transform:lowercase;
padding:5px;
line-height:15px;
}

.audiowrapper {
position:relative;
display:inline-block;
}

/*----------credit---------*/

.credit {
font-size:8px;
position:fixed;
font-weight:bold;
bottom:5px;
right:15px;
z-index:10;
text-align:right;
letter-spacing:1px;
padding:2px;
}

.credit a {
color:{color:links};
text-decoration:none;
}

.credit a:hover {
color:{color:links hover};
text-decoration:none;
}


</style>
</head>

<body>
<div class="container">

<div class="credit">
<a title="theme" href="http://mervel.tumblr.com/" target="_blank">©</a></div>


<div class="sidebar">

{block:IfShowSidebarImage}
<div class="sidebarimage">
<a href="/"><img src="{image:sidebar image}">
</a></div>
{/block:IfShowSidebarImage}


<div class="sidetitle">{Title}</div>


<div class="description">{Description}</div>


<div class="links">
<a href="/">home</a>
<a href="/ask">askbox</a>
{block:IfShowLink1}
<a href="{text:link 1 url}">{text:link 1 title}</a>
{/block:IfShowLink1}

{block:IfShowLink2}
<a href="{text:link 2 url}">{text:link 2 title}</a>
{/block:IfShowLink2}

{block:IfShowLink3}
<a href="{text:link 3 url}">{text:link 3 title}</a>
{/block:IfShowLink3}
</div>


<div class="pagination">
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">back</a>{/block:PreviousPage}&nbsp;

{block:NextPage}
<a href="{NextPage}">next</a>
{/block:NextPage}
{/block:Pagination}
</div>

</div>


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

{block:Text}
<h1>{block:Title}{Title}{/block:Title}</h1>
{Body}{/block:Text}


{block:Photo}
{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
{block:Caption}{Caption}{/block:Caption}
{/block:Photo}


{block:Photoset}
{Photoset-500}
{block:Caption}{Caption}{/block:Caption}
{/block:Photoset}


{block:Quote}
<div class="quote">"{Quote}"</div>
{block:Source}<div class="quotesource"> — {Source}</div>
{/block:Source}{/block:Quote}


{block:Link}
<h1><a href="{URL}" {Target}>{Name}</a></h1>
{block:Description}{Description}{/block:Description}
{/block:Link}


{block:Chat}
{block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
{/block:Chat}


{block:Audio}
{block:AudioPlayer}
<div class="audiowrapper">
<div class="playerbuttonbg">
<div class="playerbutton">
<div class="playerbuttonhug">
{AudioPlayerGrey}
</div></div></div>

<div class="trackdetails">
{block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>

{block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>

<b>PLAYS:</b> {FormattedPlayCount}</div></div>
{/block:AudioPlayer}

{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:Audio}


{block:Video}
{Video-500}
{block:Caption}{Caption}{/block:Caption}
{/block:Video}


{block:Answer}
<div class="question">
<div class="asker"><b><u>{Asker}</u> said:</b></div>
{Question}</div><br>
<div class="answer">
{Answer}</div>
{/block:Answer}


<div class="info">
{block:Date}
<b><a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth}/{ShortYear}</b></a>
{/block:Date}

&nbsp;&nbsp;
<font style="color:#C11B17;">♥</font> <a href="{Permalink}">{NoteCountWithLabel}</a>
&nbsp;&nbsp;

{block:RebloggedFrom}
<a href="{ReblogParentURL}" title="{ReblogParenttitle}">via </a>
{block:ContentSource}
<a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}">/ source</a>
{/block:ContentSource}
{/block:RebloggedFrom}

<a href="{ReblogURL}" target="_blank" class="details">— reblog</a>
</div>


{block:HasTags}
<div class="tags">
{block:Tags}
<a href="{TagURL}">#{Tag}</a>
{/block:Tags}
</div>
{/block:HasTags}

</div>


{block:PostNotes}
{PostNotes}
{/block:PostNotes}

{/block:Posts}

{block:ContentSource}
<!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
 {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}

</body>

</div></div></div></div></div></div></div></div></div></div></div>
</html>