Theme 1

<!---------------------------------------------------------------------
                ʙᴀsᴇ ᴄᴏᴅᴇ ᴍᴀᴅᴇ ʙʏ >SOONJUN<. [ʏᴏɴɢ.ᴄᴏ.ᴠᴜ]
                sᴏᴏɴᴊᴜɴᴛʜᴇᴍᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
----------------------------------------------------------------------->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<script type="text/javascript">
//Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
function tb8_makeArray(n){
this.length = n;
return this.length;
}
tb8_messages = new tb8_makeArray(2);
tb8_messages[0] = "MENSAGEM 1"; //Aqui Você muda para a mensagem que você quiser, pode ser o seu titulo tambem.//
tb8_messages[1] = "MENSAGEM 2";
tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 100;
tb8_delay = 2000;
var tb8_counter=1;
var tb8_currMsg=0;
var tb8_tekst ="";
var tb8_i=0;
var tb8_TID = null;
function tb8_pisi(){
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
document.title = tb8_tekst;
tb8_sp=tb8_speed;
tb8_i++;
if (tb8_i==tb8_messages[tb8_currMsg].length){
tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
}
if (tb8_currMsg == tb8_messages.length){
if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
clearTimeout(tb8_TID);
return;
}
tb8_counter++;
tb8_currMsg = 0;
}
tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
}
tb8_pisi()
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/2wl9p6g/G70lj5t0q/animatedcollapse.js"></script>

<script type="text/javascript">
animatedcollapse.addDiv('jason', 'fade=1,height=80px')
animatedcollapse.addDiv('kelly', 'fade=1,height=100px')
animatedcollapse.addDiv('michael', 'fade=1,height=120px')
animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets')
animatedcollapse.addDiv('dog', 'fade=0,speed=400,group=pets,persist=1,hide=1')
animatedcollapse.addDiv('rabbit', 'fade=0,speed=400,group=pets,hide=1')
animatedcollapse.ontoggle=function($, divobj, state){ //fires each time a DIV is expanded/contracted
    //$: Access to jQuery
    //divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID
    //state: "block" or "none", depending on state
}
animatedcollapse.init()
</script>
<title>{Title}</title>
<link rel="shortcut icon" href="{favicon}">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />

<meta name="color:background" content="#ffffff" />
<meta name="color:posts title" content="#aaa" />
<meta name="color:text" content="#9b9898" />
<meta name="color:bold" content="#6f6e6e" />
<meta name="color:italic" content="#b9b8b8" />
<meta name="color:description" content="#b9b8b8" />
<meta name="color:navigation links" content="#aaa" />
<meta name="color:hyperlinks" content="#a2a2a2"/>
<meta name="color:posts border" content="#f5f5f5" />
<meta name="color:info bg" content="#fafafa" />

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

<style type="text/css">

iframe#tumblr_controls {
    right:0px !important;
    position:fixed !important;
}

::-webkit-scrollbar-track {background-color:#fff;}
::-webkit-scrollbar-thumb {background-color:#fafafa;}
::-webkit-scrollbar {width:5px;height:5px;}

body{
    background-color: {color:background};
    font-family:calibri;
    line-height:100%;
    color:{color:text};
    word-wrap: break-word;
    font-size:10px;
    text-align:justify;}

a { text-decoration:none;
    cursor:pointer;
    color:{color:hyperlinks};}

a:link, a:active, a:visited {
    color: {color:hyperlinks};}

a:hover {color:#000;}

b, strong {
    font-weight:heavy;
    color:{color:bold};}

i, em {
    font-weight:light;
    color:{color:italic};}

blockquote {
    margin: 5px;
    padding:0px 3px 0px 3px;
    line-height:90%;;
    border-left: 1px solid  #ddd;}

 pre, xmp, plaintext, listing {
    display: block;
    white-space: pre;
    padding: 5px;
    word-wrap: break-word;
    font-size: 10px;}

#entry{
    margin-top: 70px;
    margin-bottom: 70px;
    margin-left: 300px;
    width:500px;}

#posts{
    line-height:90%;
    background:#fff;
    width:500px;
    padding:20px;
    margin-bottom:20px;}

#sidebar {
    position: fixed;
    top: 150px;
    left: 140px;}

#sidebarimage {display: block;}

#sidebarimage img {
    width: 95px;
    padding:15px;
    background:#fff;
    border:1px solid #f5f5f5;}

#description {
    font-size:9px;
    letter-spacing:1px;
    text-align: justify;
    color:{color:description};
    font-family:calibri;
    padding: 10px;
    width: 105px;
    line-height:110%;}

#navigation{
    display:inline-block;
    width: 125px;
    margin-top:5px;
    text-align:center;}

#navigation  a.links {
    display:inline-block;
    width:50px;
    text-align:center;
    text-transform: uppercase;
    color: {color:navigation links};
    font-size:8px;
    padding:2px;
    margin:2px;
    font-family:calibri;
    letter-spacing:2px;
    box-shadow:0px 1px 1px rgba(0,0,0,.1);
    cursor:pointer;}

#navigation a.links:hover {color:#aaa;}

#pagination {
    display:inline-block;
    width:125px;
    text-align:center;
    font-size:10px;
    font-weight:bold;
    font-family:consolas;
    color:#ddd;
    width:123px;
    padding:1px;}

.info {
    position:absolute;
    margin-top:10px;
    width:490px;
    text-transform:uppercase;
    text-align: center;
    letter-spacing:1px;
    font-family: consolas;
    font-size:8px;
    color:#777;
    border-top:1px solid #f5f5f5;
    padding:6px;
    background:{color:info bg};}

.pnotes {
    background:transparent;
    max-height:250px;
    width:500px;
    text-align: left;
    overflow:auto;
    line-height:15px;
    padding:5px;
    margin-left: -20px;}

.pnotes img{width:16px;}

.pnotes li{list-style-type:none; border-bottom: 1px solid #ebebeb;padding:4px;margin-right: 20px;margin-bottom:2px;}

ol.notes {margin: 25px 0px;}

img.avatar {
    vertical-align: -4px;
    width: 16px;
    height: 16px;
    padding: 1px;}

.posttitle{
    color:{color:posts title};
    font-family: cambria;
    font-style:oblique;
    line-height: 100%;
    font-size:25px;}

#asker {
    font-family:calibri;
    text-transform: lowercase;
    line-height: 100%;
    text-align:left;
    padding:7px;
    font-size:15px;}

#questions {
    text-align:justify;
    color: {color:text};
    padding:10px;
    font-family:calibri;
    font-size:10px;
    background:#fafafa;}

#quote {
    font-family: cambria;
    font-style:oblique;
    font-size: 18px;
    letter-spacing:1px;
    line-height: 100%;
    padding: 10px;
    text-align:left;
    margin-bottom: 10px;}

#source {font-size: 9px; text-align: right;font-family:calibri;}

.label {color:{color:bold};font-weight:bold;letter-spacing:1px;font-size:10px;text-transform:uppercase;}
ul.chat{margin-bottom:12px;margin-top:0px;padding:0px;}
.chat li{
    list-style-type: none;
    margin-top:2px;
    padding:8px;}

.audio {height:47px;margin-bottom:10px;}
.audio-player{height:26px;width:26px; margin-top: 7px; margin-left: 7px;overflow:hidden;opacity:0.6;border: 3px solid #f9f9f9; position:absolute; z-index:2; }
.audio-album { position:absolute; width:32px; border: 7px solid #efefef;}
.audio-info { height: 30px;margin-left:45px; padding:10px 10px 10px 10px;text-align:left; font-family:calibri;font-size:9px;line-height:110%;}
 .roda { -webkit-transition-duration: 1.20s;}

.roda:hover { -webkit-transform: rotate(360deg);}
img {
opacity: 0.82;
}
img:hover {
opacity: 1;
}
/*** Lívia */
#credits{position:absolute;z-index:9999;padding:5px;background-color:#fff;line-height:16px;bottom:5px;right:10px;}
</style>

</head>
<body>
<div id="credits">Theme by <a href="http://veteran-a.tumblr.com" target="_blank">Veteran-a</a></div>
<pre><a href="#"><div id="top"></div></a>



<div id="content">
<div id="sidebar">
<marquee> sua frase aqui </marquee>

<div id="sidebarimage">
<img src="{image:sidebar}">
</div>
<div id="navigation">
<div class:"roda"><a class="links" href="/">home</a><a class="links" href="/ask">ask</a></div>
<div class:"roda"><a class="links" href="/submit">submit</a><a class="links" href="/">link</a></div>
<div class:"roda"><a class="links" href="/submit">Link</a><a class="links" href="/">link</a></div>
</div>
<div id="description">
{block:Description}{Description}{/block:Description}
</div>
<div id="pagination">
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}">&larr; </a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}"> &rarr;</a>{/block:NextPage}
{/block:Pagination}
</div></div>


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

{block:Quote}
<div id="quote">"{Quote}"<br><div id="source">---{Source}</small></div></div>
{block:indexpage}
<div class="info">
{block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
{block:NoteCount}{NoteCount}{/block:NoteCount}
{block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
{block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
{/block:indexpage}
{/block:Quote}

{block:Photo}
{block:indexpage}
<center><img src="{PhotoURL-500}" style="max-width:500px;"/></center>
{block:Caption}{Caption}{/block:Caption}
<div class="info">
{block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
{block:NoteCount}{NoteCount}{/block:NoteCount}
{block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
{block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
{/block:indexpage}
{block:permalinkpage}
<center><img src="{PhotoURL-500}" alt="{PhotoAlt}" style="max-width:500px;"></center>
{block:Caption}{Caption}{/block:Caption}
{/block:permalinkpage}
{/block:Photo}

{block:Photoset}
{block:indexpage}
<center>{Photoset-500}</center>
{block:Caption}{Caption}{/block:Caption}
<div class="info">
{block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
{block:NoteCount}{NoteCount}{/block:NoteCount}
{block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
{block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
{/block:indexpage}
{block:permalinkpage}
<center>{Photoset-500}</center>
{block:Caption}{Caption}{/block:Caption}
{/block:permalinkpage}
{/block:Photoset}

{block:Link}
<a href="{URL}" class="link" {Target}><div class="posttitle">{Name} &rarr;</div></a>
{block:Description}{Description}{/block:Description}
{block:indexpage}
<div class="info">
{block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
{block:NoteCount}{NoteCount}{/block:NoteCount}
{block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
{block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
{/block:indexpage}
{block:Link}

{block:Chat}
{block:Title}<div class="posttitle">{Title}</div>{/block:Title}
<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
{/block:Label}
{block:indexpage}
<div class="info">
{block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
{block:NoteCount}{NoteCount}{/block:NoteCount}
{block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
{block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
{/block:indexpage}
{/block:Chat}

{block:Audio}
<div class="audio">
{block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}" style="width:32px;">{/block:AlbumArt}
<div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
 <div class="audio-info">
{block:TrackName} {TrackName}<br>{/block:TrackName}
{block:PlayCount} {FormattedPlayCount} plays<br>{/block:PlayCount}
</div></div>
{block:Caption}{Caption}{/block:Caption}
{block:indexpage}
<div class="info">
{block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
{block:NoteCount}{NoteCount}{/block:NoteCount}
{block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
{block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
{/block:indexpage}
{/block:Audio}

{block:Text}
{block:Title}
<div class="posttitle">{Title}</div>
{/block:Title}
{Body}
{block:indexpage}
<div class="info">
{block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
{block:NoteCount}{NoteCount}{/block:NoteCount}
{block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
{block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
{/block:indexpage}
{/block:Text}

{block:Video}
{Video-500}
{block:ifcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifcaption}
{block:indexpage}
<div class="info">
{block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
{block:NoteCount}{NoteCount}{/block:NoteCount}
{block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
{block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
{/block:indexpage}
{block:permalinkpage}
<center>{Video-500}</center>
{block:Caption}{Caption}{/block:Caption}
{/block:permalinkpage}
{block:Video}

{block:Answer}
<div id="asker">{Asker}:</div><div id="questions">{Question}</div>{Answer}
{block:indexpage}
<div class="info">
{block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
{block:NoteCount}{NoteCount}{/block:NoteCount}
{block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
{block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
{/block:indexpage}
{/block:Answer}


{block:permalinkpage}
<p>
{block:Date}{Month} {DayOfMonth}, {Year}{/block:Date}
{block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
{block:ContentSource}source: <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}
{block:HasTags}
{block:Tags} <a href="{TagURL}"> <small>#</small>{Tag}</a> {/block:Tags}{/block:HasTags}
{block:NoteCount}<p>{NoteCountWithLabel}{/block:NoteCount}

<div class="pnotes">
{block:PostNotes}
{PostNotes-16}
{/block:PostNotes}
 </div>{/block:permalinkpage}</div>

{/block:Posts}
</div>
{block:IndexPage}
{block:Pagination}

{block:PreviousPage}
<a href="{PreviousPage}"><pg>«</pg></a>
{/block:PreviousPage}

{block:NextPage}<a href="{NextPage}"><pg2>»</pg2></a>
{/block:NextPage}

{/block:Pagination}
{/block:IndexPage}
</body>
</html>