feelings of the heart: theme para tumblr da Avril Lavigne

<html>

<head>



<link rel="shortcut icon" href="{Favicon}">



<title>Título</title>



<style type="text/css">

body {background-color: #fff; font-family: Arial, serif; color: #000; text-align: center; font-size: 11px; background-image:url('http://www.lazerbeleza.com/wp-content/uploads/2010/03/Marca-de-roupas-de-Avril-Lavigne12.jpg'); background-attachment: fixed;background-position:right bottom;background-repeat:no-repeat; }

#pagina {width: 810px;}
#conteudo {margin-left:400px; margin-top:5px; width: 540px; padding: 5px; text-shadow: 0 1px 1px #fff; }
#conteudo .post {margin-bottom:10px;}

/*** espacos ***/
.both{clear: both;}

h1 {color: #FFB6C1; font-family: 'Never Say Never', serif; font-size:20px; line-height:25px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left; letter-spacing: 1px;}

h2 {color: #FFB6C1; font-family: 'Arial', tahoma; font-size:20px; line-height:25px; font-weight: normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left; letter-spacing: 1px;}

/*** paginação seta ***/

.pagset {display: inline-block; padding:5px; text-align:center; line-height:15px; color:#FFB6C1; float: center; font-family:arial; font-size:40px; alpha(Opacity=90);-webkit-transition-duration: .80s; margin-left: 1px; margin-right: 1px; text-shadow: 0 1px 1px #FFF; justify; margin-top: 5px;}

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

.right {float: right;margin: 1px 4px 0 4px;}

.post{margin-bottom:20px;}
.post .title {margin:0; padding:0; font-size:18px; line-height:22px; font-weight:normal;}
img, a img {border:0;}
.info {border-bottom:1px solid #DB7093; margin:10px 0 0 0; padding:0 0 5px 0; font-size:11px; line-height:14px; color:#999999;}
.name{ text-align:right; line-height: 15px; font-family: tahoma;font-size: 11px;font-weight:bold; }

.box {overflow:hidden; letter-spacing: 1px; text-align: justify; color: #666; font: 11px tahoma; background-color: #FFF; padding:6px;}

.wishlist { display: block; background-color: transparent; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eee; padding-top: 1px; padding-bottom: 1px; padding-right: 2px; padding-left: 2px; margin-right: 2px; }

.center {text-align: center; display: block; margin-left: auto; margin-right: auto;}
.left {float: left; margin: 1px 4px 0 4px;}
.right {float: right; margin: 1px 4px 0 4px;}

a.notes{text-decoration:none}
a.notes{text-decoration:noneposition:relative;left:1px;}

.source {margin-top:9px;}
#info {font-family: tahoma; font-size:7pt; border-top:1px dashed #000000;}
#infoo {border-top:2px dashed #000000;}

.notes-bottom ol, .notes-bottom ul {margin: 0; padding: 0; list-style: none;}
.notes-bottom li {background #BEBEBE; border-bottom: 1px solid f0f0f0; margin: 0; padding: 5px 0 20px 0; font-size: 10px;}
.notes-bottom li:hover {border-bottom: 1px solid f0f0f0; background: #DB7093; bottom:1px;
font-size: 10px; position: relative;}
.notes-bottom li img.avatar {
margin: 0 5px 0 0;
float: left;
width: auto;
padding: 2px; background:#DB7093;border:1px solid #000000; }

.divdate {border-bottom: 2px dashed #EE494B; margin: 5px 0px 5px 0px;}
.date {font-family: Tahoma; font-size:7pt;}

.meta{margin:5px 0 5px;font-family:verdana, serif; font-size:11px;border-bottom:1px solid #f0f0f0;}
a.tag{color:#DB7093;}
a.tag:hover{color:#DB7093;text-decoration:none;position:Relative;bottom:1px;}
a.reblog{color#DB7093;}
a.reblog:hover{color:#DB7093;text-decoration:none;}
a.notas{color:#DB7093;}
a.notas:hover{color:#DB7093;text-decoration:none;}
.both{clear:both;}

img {max-width: 500px;}

a {
color: #DB7093;
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 {
color: #FFB6C1;
filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}

blockquote{margin-left:15px; border-left: 4px solid #DB7093; padding-left:5px; }



.border {display: block; margin-left: auto; margin-right: auto; padding: 6px; text-align: center; background: url(http://static.tumblr.com/f9r1gcx/I6Alniw93/seamless-floral-pattern-in-blue-thumb17738482.jpg);}

.borda {display: block; margin-left: auto; margin-right: auto; padding: 4px; text-align: center; background: url(http://static.tumblr.com/f9r1gcx/I6Alniw93/seamless-floral-pattern-in-blue-thumb17738482.jpg);}

.borderimage {margin-left: -07px; max-width:700px; margin-top: -07px;}

.infopost {display: block; font-family: Verdana; font-size: 10px; letter-spacing: 1px; text-align: left; color: #eee; padding: 2px; margin-top: -3px; border-bottom: 1px solid #eee;}



.ask {
background:#eee;
text-align: left;
margin-left: 56px;
padding: 5px 5px 5px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-bottom: 1px solid #DCDCDC;
}



s {color: #ACACAC;} i {color: #849BC6;} em {color: #849BC6;} b {color:#ACACAC;} strong {color: #ACACAC;} u, span.sublinha {text-decoration: none; border-bottom: 1px solid #ACACAC;}

#side{
text-align:justify;
float:left;
position:fixed;
width: 300px;
margin-top:18px;
margin-left:45px;
padding:0px;}

.caixap2{
padding: 3px;
height: 20px;
background: #fff;
background-repeat: no-repeat;
font-family: verdana;
font-style: normal;
font-size: 11px;
color: #A292A5;
text-align:justify;
margin-bottom: 10px;
}

un {font-family: Tahoma; width: 28%; float: left; background:#FFB6C1; padding: 5px; text-align: center; margin: 2px; -moz-border-radius: 03px; -webkit-border-radius: 07px; font-size: 08pt; color: #fff;}

un:hover {font-family: Tahoma; width: 28%; float: left; background:#DB7093; padding: 5px; text-align: center; margin: 2px; -moz-border-radius: 03px; -webkit-border-radius: 07px; font-size: 08pt; color: #fff;}

.caixa {background: #fff; padding: 5px 5px 8px 5px;}

</style>

</head>

<body>



<div id="side">

<div style="position: fixed; width: 270px; left: 72px; padding-top: 0px; z-index: 2;">

<img src="http://i40.tinypic.com/35cjz8m.gif" width="265" class="border"><br>

<div class="caixa">



<center><a href="/" title="Voltar aos posts"><un>Home</un></a>

<span onClick="document.getElementById('liuc').innerHTML=
document.getElementById('01').innerHTML" style="CURSOR:hand;"title="Saiba mais sobre mim (:"><un>About</span>

<span onClick="document.getElementById('liuc').innerHTML=
document.getElementById('02').innerHTML" style="CURSOR:hand;" title="Ask-me"><un>Ask me</span>

<span onClick="document.getElementById('liuc').innerHTML=
document.getElementById('03').innerHTML" style="CURSOR:hand;" title="Veja quem eu sigo, créditos e recomendo!"><un>Tumblr</span>

<a href="LINK"><un>Link 1</un></a>

<a href="LINK"><un>Link 2</un></a></center>



Cumprir todas as regras tornaria minha vida tão chata. Eu quero poder dizer que extrapolei. Então, tirem meus pés do chão. Me dêem qualquer coisa que faça eu me sentir viva.
</br>
Eu to pouco me fudendo para o que os outros vão diser.
</br>
Quando você vai embora
Os pedaços do meu coração
Sentem a sua falta.
<br></div>
<object width="262" height="25"><param name="movie" value="http://www.youtube-nocookie.com/v/p---FegxGuM?hl=en&autoplay=1&loop=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube-nocookie.com/v/p---FegxGuM?hl=en&autoplay=1&loop=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="262" height="25"><noembed><a href="http://www.youtube.com/watch?v=p---FegxGuM?hl=en&autoplay=1&loop=1"><img src="http://www.gtaero.net/ytmusic/play.png" alt="Play" style="border:0px;" /></a></noembed></object>

<div class="left"><div class="pagset">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}</div></div>
<div class="right"><div class="pagset">{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div></div>
<br><br>
</div></div></p></div></div></div>

<div style="clear:both;"></div>
</div>

</div></div>


</div>
<div id="conteudo">

<div id="liuc">




<div style="position:absolute; width:540px; left: 420px; top:10px; padding-top:0px;">

<img src="http://farm6.static.flickr.com/5124/5312229428_33d46d93ba.jpg" width="1003" class="border">

{block:Posts}

{block:Regular}<div class="post"><div class="box">
{block:Title}<h1>{Title}</h1>{/block:Title}
<div class="entry">{Body}</div>

<div class="divdate"></div>


<div class="date"><a class="notes" href="{Permalink}"><center>Texto</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</center></div>

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

</div></div>
{/block:Regular}



{block:Photo}
<div class="post"><div class="box">
<center>{LinkOpenTag}<img src="{PhotoURL-500}" class="borderimage" alt="{PhotoAlt}" width=550px/>{LinkCloseTag}</center>
{block:Caption}
<br>
<div class="caption">{Caption}</div>
{/block:Caption}
<div style="clear:both;"></div>
<BR>

<div class="divdate"></div>


<div class="date"><a class="notes" href="{Permalink}"><center>Photo</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</center></div>

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

</div></div>
{/block:Photo}

<div style="clear:both;"></div>


{block:Answer}
<div class="post"><DIV CLASS="BOX">
<img src="{AskerPortraitURL-40}"align="left" class="borda"/>
<div class="ask"><b>{Asker}</b>:
<br>{Question}<br></div>
{Answer}

<div style="clear:both;"></div>

<BR>

<div class="divdate"></div>


<div class="date"><a class="notes" href="{Permalink}"><center>Mensagem</a> postada em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> </center></div>

</div></div>
{block:Answer}

<div style="clear:both;"></div>



{block:Quote}
<div class="post"><div class="box">
<h1>{Quote}</h1>
</span>
{block:Source}<div class="source">— {Source}</div>{/block:Source}

<BR>
<div class="divdate"></div>


<div class="date"><a class="notes" href="{Permalink}"><center>Quote</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</center></div>

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

</div></div>
{/block:Quote}

<div style="clear:both;"></div>



{block:Link}
<div class="post"><div class="box"><a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}

<BR>
<div class="divdate"></div>


<div class="date"><a class="notes" href="{Permalink}"><center>Link</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</center></div>

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

</div></div>
{/block:Link}

<div style="clear:both;"></div>


{block:Chat}
<div class="post"><div class="box">
{block:Title}<div class="h1"><a href="{Permalink}">{Title}</a></div>
{/block:Title}
<div class="chat">
{block:Lines}
<div class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</div>
{/block:Lines}
</div>
<BR>
<div class="divdate"></div>


<div class="date"><a class="notes" href="{Permalink}"><center>Chat</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</center></div>

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

</div></div>
{/block:Chat}

<div style="clear:both;"></div>


{block:Audio}
<div class="post"><div class="box">
{AudioPlayerWhite}
{block:Caption}
<div class="caption">{Caption}</div>
<div style="float:right; margin-top: -50px;"><h>Música ouvida {PlayCount} vezes</h> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
{/block:Caption}

<div class="divdate"></div>


<div class="date"><a class="notes" href="{Permalink}"><center>Música</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</center></div>

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

</div></div>
{/block:Audio}

<div style="clear:both;"></div>


{block:Video}
<div class="post">
<div class="box">
{Video-500}
<br>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}

<BR>
<div class="divdate"></div>


<div class="date"><a class="notes" href="{Permalink}"><center>Vídeo</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</center></div>

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

</div></div>
{/block:Video}

<div style="clear:both;"></div>


{block:PostNotes}<div class="box">
<div class="notes-bottom">
{PostNotes}
</div>
{/block:PostNotes}


{/block:Posts}

<br>
</div>

</div></div>



<div id="01" style="display:none;"><div class="box">
<h2>Profile</h2>
<div class="infopost"></div><br>

<b>Coloca</b> <u>aqui</u> <i>alguma</i> coisa sobre você, sua idade, o signo e blábláblá. Coloca o que tu gosta de fazer, suas manias, fala sobre a escola, as matérias que você gosta, as que não gosta. Põe o link do orkut, do forms, seilá! Coloca livros que você gosta, filmes, músicas que te encantam. Coloca as séries que você gosta, o que você acha sobre tal coisa, como é sua relação com sua mãe, se você tem bichinho de estimação, qual o nome dele> Fala sobre esmaltes, sobre televisão. fala sobre o teu estilo, se você gosta de florzinhas, e lacinhos. Ah, bota o que quiser aqui... To só enrolando pra encher o espaço e ficar bonitinho quando vocês forem ver. Beijos ;*

</div></div></div></div><br>

<div id="02" style="display:none;"><div class="box">
<h2>Ask me</h2>
<div class="infopost"></div><br>

<iframe frameborder="0" scrolling="no" width="100%" height="150" src="http://meumundotheme.tumblr.com/ask" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe></p></span>

</div>
</div></div><br>

<div id="03" style="display:none;"><div class="box">
<h2>Recomendo</h2>
<div class="infopost"></div>

<br>

<a href="http://mesalvedomundo.tumblr.com">Láah.</a><br>

<a href="link">Nome</a><br>
<a href="link">Nome</a><br>
<a href="link">Nome</a><br>
<a href="link">Nome</a><br>

</div>

<br>

<div class="box">
<h2>Créditos</h2>
<div class="infopost"></div>

<div class="wishlist">Theme por <a href="meumundothemes.tumblr.com">ThamiresCampos</a></div>
<div class="wishlist">Pelas imagens postadas aqui - <a href="http://weheartit.com/">We?It</a></div>
<div class="wishlist">Base do CSS pela <a href="http://marlivia.tumblr.com">Marlivia</a></div>
<div class="wishlist">Paginação pela <a href="http://madlyluv.com/">Ana Flávia</a></div>
<div class="wishlist">Tags dos posts: <a href="http://s-erendipidade.tumblr.com/">Bruninha Amaro</a></div>
</div><br>

<div class="box">
<h2>Quem eu sigo...</h2>
<div class="infopost"></div><br>
{block:Following}
{block:Followed}
<a title="{FollowedTitle}" target=_blank" href="{FollowedURL}"><img src="{FollowedPortraitURL-30}"alt="{FollowedURL}" style="border: 5px solid #eee" class="opacidade"/></a>
{/block:Followed}
{/block:Following}</center>

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

</body>
</html>

feelings of the heart

segunda-feira, 31 de outubro de 2011

theme para tumblr da Avril Lavigne

Nenhum comentário:

Postar um comentário