THEME 08

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


<link href='http://fonts.googleapis.com/css?family=La+Belle+Aurore' rel='stylesheet' type='text/css'>


<meta name="color:background" content="#FFFFFF"/>
<meta name="color:post title" content="#000000"/>
<meta name="color:blog title" content="#BBBBBB"/>
<meta name="color:text" content="#303030"/>
<meta name="color:posts" content="#transparent"/>
<meta name="color:sidebar" content="#FFFFFF"/>
<meta name="color:navigation" content="#FFFFFF"/>
<meta name="color:nav hover bg" content="#DFDFDF"/>
<meta name="color:nav hover text" content="#000000"/>
<meta name="color:nav hover bottom" content="#F0A0B9"/>
<meta name="color:link" content="#F0A0B9"/>
<meta name="color:link hover" content="#000000"/>

<meta name="if:Enable Image Opacity" content="0"/>
<meta name="if:Background Image Not Repeat" content="1"/>
<meta name="if:Background Image Fixed" content="1"/>

<meta name="text:Background Image Position" content="right bottom"/>

<meta name="font:body" content="georgia"/>

<meta name="image:sidebar1" content="http://static.tumblr.com/rwenev5/1CQlt9xeq/aa.jpg"/>
<meta name="image:sidebar2" content="http://static.tumblr.com/rwenev5/4t5lt9x7k/aaa.jpg"/>

<meta name="image:Background" content="http://static.tumblr.com/rwenev5/vWLlt9xxq/meumeu.jpg"/>




<meta name="text:link 1 name" content=""/>
<meta name="text:link 1 URL" content=""/>

<meta name="text:link 2 name" content=""/>
<meta name="text:link 2 URL" content=""/>

<meta name="text:link 3 name" content=""/>
<meta name="text:link 3 URL" content=""/>

<meta name="text:link 4 name" content=""/>
<meta name="text:link 4 URL" content=""/>

<meta name="text:link 5 name" content=""/>
<meta name="text:link 5 URL" content=""/>

<meta name="text:link 6 name" content=""/>
<meta name="text:link 6 URL" content=""/>

<meta name="text:link 7 name" content=""/>
<meta name="text:link 7 URL" content=""/>

<style type="text/css">

body {
background-color:{color:Background};
background-image:url({image:Background});
background-position:{text:Background Image Position};
{block:IfBackgroundImageNotRepeat}background-repeat:no-repeat;{/block:IfBackgroundImageNotRepeat}
{block:IfBackgroundImageFixed}background-attachment: fixed;{/block:IfBackgroundImageFixed}
color:{color:Text};
font-size:11px;
line-height:17px;
font-family:{font:body};
}

a, a:visited, a:active {
color:{color:Link};
text-decoration: none;
}

a:hover {
color:{color:link hover};
text-decoration:none;
}

p {
margin: 2px 2px 2px 2px;
line-height:17px;
padding: 0;
}

ol.notes {
padding: 0px;
margin: 25px 0px;
list-style-type: none;
border-bottom: dotted 1px {color:text};
}

ol.notes li.note {
border-top: dotted 1px {color:text};
padding: 10px;
}

ol.notes li.note img.avatar {
margin-right: 10px;
width: 20px;
height: 20px;
}

.markqt {font-size: 60px; font-family: 'La Belle Aurore'; color:{color:text}; line-height: 90px; margin-left: 7px; opacity: 0.8; filter:alpha (opacity=30);}
.qt {font-family: 'La Belle Aurore'; font-size: 22px; line-height: 23px;  margin-top: -85px; margin-left: 45px; padding: 10px;}
.qsr{margin: 5px 15px 0 0; text-align: right; text-transform: none; font-style:italic;}
.qsr a, a:hover{text-transform: none;}




blockquote{padding:0px; padding-left:5px; margin:0px; border-left:1px dotted transparent;}
blockquote img{display:block;}
blockquote p{padding:0px; margin:0px;}
blockquote blockquote{position:relative; left:-5px; margin-top:0px; margin-right:0px; padding-right:0px;}
a img{border:none;}





#content{
position:absolute;
top:55px;
width:520px;
left:420px;
padding:10px;
margin:auto;
}


::-webkit-scrollbar-thumb:vertical {
background-color:{color:link};
height:100px;
}
::-webkit-scrollbar-thumb:horizontal {
background-color:{color:text};
height:10px;
}
::-webkit-scrollbar {
height:10px;
width:8px;
background-color:{color:background};
}


#sidebar{
bottom:11px;
width:320px;
position:fixed;
font-color:{color:text};
font-size:10px;
font-family:{font:body};
text-align:right;
left:65px;
overflow:shown;
padding:10px;
background-color:{color:Sidebar};
}

.simage2 {padding: 0px;}
.simage2 img {display: inline; width:158px; height: auto; text-align:center; margin-bottom: 2px;}
.cred {text-align: center;}

#siden {
top:0px;
width:150px;
height:100%;
position:fixed;
font-color:{color:text};
right:23px;
overflow:shown;
padding:0px;
background-color:#transparent;
}

#post{
padding:10px;
margin-bottom:10px;
background-color:{Color:Posts};
}




h1 {
font-size:24px;
font-weight:normal;
font-family:'La Belle Aurore';
color:{color:post title};
text-transform:none;
line-height:20px;
letter-spacing:-2px;
}


.h2 {
font-size:9px;
font-family:verdana;
color:{color:text};
background-color: transparent;
text-align: right;
text-transform:none;
padding:1px;
letter-spacing:1px;
}


h3 {
margin-top:10px;
margin-bottom:10px;
font-size:28px;
font-weight:normal;
font-family:'La Belle Aurore';
color:{color:post title};
text-transform:none;
line-height:20px;
letter-spacing:-2px;
}

h4 {
margin-top:-70px;
margin-left:17px;
font-size:30px;
font-family:'La Belle Aurore';
color:{color:post title};
text-transform:none;
line-height:auto;
letter-spacing:-2px;
font-weight:normal;
}

.name {
font-size:28px;
font:{font:title};
text-transform:lowercase;
line-height:25px;
letter-spacing:-2px;
font-weight:normal;
}

#credit{
padding-top:5px;
text-align:center;
width:500px;
}


.album-art {
float: left;
width: 100px;
height: 100px;
overflow: hidden;
}

.header{
width:800px;
padding-right:15px;
font-family:'La Belle Aurore';
font-size:37px;
color: {color:header};
letter-spacing:5px;
text-align:right;}



.abouttitle {
font-size:35px;
font-family:'La Belle Aurore';
text-transform:none;
padding:0px;
margin-top:-20px;
letter-spacing:6px;
line-height:50px;
position:relative;
}



div.navigation a{
background: {color:Navigation};
color: #7e7e7e;
top:120px;
font-family:'La Belle Aurore';
font-size:23px;
display:block;
width: 150px;
height: 15px;
text-align: center;
padding-top:2px;
margin-left:2px;
margin-top:2px;
position:relative;
text-align: center;
text-transform: none;
z-index:1; font-weight:
regular; display:
inline-block;
-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;
}

div.navigation a:hover{
background: {color:nav hover bg};
color: {color:nav hover text};
font-style:bold;
text-transform: lowercase;
border-bottom: {color:Nav Hover Bottom} 3px solid;
}


.markqt {font-size: 60px; font-family: 'La Belle Aurore'; color:{color:text}; line-height: 90px; margin-left: 7px; opacity: 0.8; filter:alpha (opacity=30);}






img, a img {
border: 0px !important;
}

.pimg {
{block:IfEnableImageOpacity}
opacity: 0.8; filter:alpha(opacity=85);
{/block:IfEnableImageOpacity}
-webkit-transition-duration: 0.8s;
max-width: 500px;
}

.pimg:hover {
{block:IfEnableImageOpacity}
opacity:1; filter:alpha(opacity=99);
{/block:IfEnableImageOpacity}
}








{CustomCSS}

</style>


</head>

<div class="abouttitle"><a href="/"</a><div style="position:absolute; left:100px; top:20px; padding:5px;"><p>
<div class="header"><script language="JavaScript1.2">
//Neon Lights Text II by G.P.F. (gpf@beta-cc.de)
//visit http://www.beta-cc.de
//Visit http://www.dynamicdrive.com for this script

var message="{title}"
var neonbasecolor="{color:blog title}"
var neontextcolor="{color:link}"
var neontextcolor2="#dddddd"
var flashspeed=150      // speed of flashing in milliseconds
var flashingletters=2     // number of letters flashing in neontextcolor
var flashingletters2=1     // number of letters flashing in neontextcolor2 (0 to disable)
var flashpause=0      // the pause between flash-cycles in milliseconds
///No need to edit below this line/////
var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)
function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}
function neon(){
//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor
if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor
if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return
}
}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script></div><br><br><br>

</div></div><p></a></div><br><p>

<body>

<div id="siden">

<div class="navigation">
<a href="/">home</a>
<a href="/archive">archive</a>
<a href="/ask">ask</a>
{block:IfLink1Name}<a href="{text:link 1 url}">{text:link 1 name}</A>{/block:IfLink1Name}
{block:IfLink2Name}<a href="{text:link 2 url}">{text:link 2 name}</A>{/block:IfLink2Name}
{block:IfLink3Name}<a href="{text:link 3 url}">{text:link 3 name}</A>{/block:IfLink3Name}
{block:IfLink4Name}<a href="{text:link 4 url}">{text:link 4 name}</A>{/block:IfLink4Name}
{block:IfLink5Name}<a href="{text:link 5 url}">{text:link 5 name}</A>{/block:IfLink5Name}
{block:IfLink6Name}<a href="{text:link 6 url}">{text:link 6 name}</A>{/block:IfLink6Name}
{block:IfLink7Name}<a href="{text:link 7 url}">{text:link 7 name}</A>{/block:IfLink7Name}
{block:HasPages}{block:Pages} <a href="{URL}"> {Label}</a>{/block:Pages}{/block:HasPages}

</div><p>
</div>


<div id="sidebar">


<div class="simage2"><img src="{image:sidebar1}"/> <img src="{image:sidebar2}"/> </div>

{block:Description}{Description}{/block:Description}
<br><br>
<em>theme by <a href="http://heloteixeira.tumblr.com">heloísa teixeira</a></em>
</div>


<div id="content">



{block:Posts}



<div id="post">

{block:Text}
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}
{Body}
{/block:Text}

{block:Photo}
{LinkOpenTag}<img class="pimg" src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"/>{LinkCloseTag}
{block:Caption}
{Caption}
{/block:Caption}
{/block:Photo}

{block:Photoset}
<center>{Photoset-500}</center>
{block:Caption}
{Caption}
{/block:Caption}
{/block:Photoset}

{block:Quote}
<b class="markqt">&#10077;</b><div class="qt">{Quote}</div>
{block:Source}<div class="qsr"> — {Source}</div>
{/block:Source}
{/block:Quote}

{block:Link}
<a href="{URL}" class="link" {Target}><h3>{Name} ⇢ </h3></a>
{block:Description}
{Description}
{/block:Description}
{/block:Link}


{block:Chat}
{block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
{block:Lines}
{block:Label}<b>{Label}</b>{/block:Label}
{Line}<br>
{/block:Lines}
{/block:Chat}


{block:Video}
<center>{Video-500}</center>
{block:Caption}
{Caption}
{/block:Caption}
{/block:Video}


{block:Audio}<br/>
{block:AlbumArt}<div class="album-art"><img src="{AlbumArtURL}" height="90px"></div>{/block:AlbumArt}
{AudioPlayerWhite}
{block:Caption}
{Caption}
{/block:Caption}
{PlayCountWithLabel}<br><br>
{/block:Audio}<br>

<div class="h2">

<div style="float: left">posted <a href="{Permalink}">{TimeAgo}</a> with <a href="{Permalink}">{/Block:NoteCount}{block:NoteCount}{NoteCountWithLabel}</a>{/block:NoteCount}</div>
<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">reblog</a>
<br>
{block:RebloggedFrom}originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
</span>{/block:RebloggedFrom}
</div>

{block:PermalinkPage}
<center>{Block:NoteCount}Posted on {Month} {DayOfMonth}{DayOfMonthSuffix} at {12Hour}:{Minutes} {CapitalAmPm}{/Block:NoteCount}
<br>
{block:HasTags} Tagged as: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
{block:RebloggedFrom}
Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
Originally posted by: <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
</center>
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:PermalinkPage}

</div>
{/block:Posts}



<div id="post">
<div id="credit">
<font size="4">
<center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage}{CurrentPage} of {TotalPages}{block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage}{/block:Pagination}
</div>
</center>
</font></div><em>theme by <a href="http://heloteixeira.tumblr.com">heloísa teixeira</a></em></div>



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