Vous êtes sur la page 1sur 11

<html><head>

<link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet'


type='text/css'>
<title>André Caldas</title>
<style type="text/css">
body {
background-color: #FFFFFF;
background-image: url("http://i55.tinypic.com/aaaart.png");
background-repeat:repeat;
font-family: tahoma;
font-size: 11px;
line-height: 11px;
color: #666666;
}
::-moz-selection {
color: transparent;
}
a:link, a:visited, a:active{
font-family: trebuchet ms;
font-size: 9px;
letter-spacing: 2px;
text-transform: uppercase;
padding: 2px;
color: #87CEFF;
text-decoration:none;
}
a:hover{
color: #CFCFCF;
background-color: #F0FFFF;
text-shadow: 1px 1px 1px #CFCFCF;
text-decoration:none;
}
a.link:link, a.link:active, a.link:visited{
text-decoration:none;
background-color: #D2DEE3;
color: #87CEFF;
border-bottom: 1px dashed #AAAAAA;
display: block;
text-align: left;
line-height: 10px;
margin-bottom: 2px;
}
a.link:hover{
color: #CFCFCF;
background-color: #F0FFFF;
border-bottom:1px dashed #CFCFCF;
text-decoration: none;
line-height: 10px;
}
.nav {
font-family: trebuchet ms;
font-size: 9px;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
line-height: 11px;
color: #F5F5F5;
background-color: #EAEAEA;
webkit-box-shadow:0px 0px 10px #EAEAEA;
-moz-box-shadow:0px 0px 10px #EAEAEA;
-moz-border-radius: 2px;
padding: 2px;
margin-bottom: 2px;
}
.navdisplay {
height: 70px;
padding-top: 20px;
padding-left: 183px;
position: fixed;
}
.topheader {
height: 40px;
padding-top: 10px;
padding-left: 92px;
}
.topheaderbg {
padding-top: 20px;
height: 40px;
width: 275px;
font-family: arial;
color: #F5F5F5;
letter-spacing: -4px;
font-size: 36px;
line-height: 10px;
text-align: center;
text-transform: uppercase;
background-color: #F5F5F5;
background-image: url("http://i55.tinypic.com/2n8c4ld.png");
webkit-box-shadow:0px 0px 10px #F5F5F5;
-moz-box-shadow:0px 0px 10px #F5F5F5;
-moz-border-radius: 5px 5px 5px 5px;
position: fixed;
}
.title{
font-family: georgia;
font-size: 20px;
line-height: 15px;
letter-spacing: -1px;
color: #666666;
border-bottom: 1px dashed #AAAAAA;
text-transform: lowercase;
font-style: italic;
margin-bottom: 2px;
}
.date{
font-family: georgia;
font-size: 9px;
line-height: 11px;
letter-spacing: 1px;
color: #F5F5F5;
background-color: #EAEAEA;
font-weight: bold;
text-transform: uppercase;
padding-left: 2px;
margin-bottom: 5px;
}
.bg1 {
font-family: tahoma;
font-size: 11px;
line-height: 11px;
text-align: left;
color: #666666;
background: #F5F5F5;
-webkit-box-shadow:0px 0px 10px #F5F5F5;
-moz-box-shadow:0px 0px 10px #F5F5F5;
width: 265px;
padding: 5px;
-moz-border-radius: 5px 5px 5px 5px;
}
.bg2 {
font-family: tahoma;
font-size: 11px;
line-height: 11px;
text-align: justify;
color: #666666;
background: #E1DBBF;
box-shadow:0px 0px 10px #F5F5F5;
-webkit-box-shadow:0px 0px 10px #F5F5F5;
-moz-box-shadow:0px 0px 10px #F5F5F5;
width: 265px;
padding: 5px;
-moz-border-radius: 5px 5px 5px 5px;
}
.bg3 {
font-family: tahoma;
font-size: 11px;
line-height: 11px;
text-align: justify;
color: #666666;
background: #F5F5F5;
box-shadow:0px 0px 10px #F5F5F5;
-webkit-box-shadow:0px 0px 10px #F5F5F5F;
-moz-box-shadow:0px 0px 10px #F5F5F5;
width: 265px;
padding: 5px;
-moz-border-radius: 5px 5px 5px 5px;
}
.bg4 {
font-family: tahoma;
font-size: 11px;
line-height: 11px;
text-align: justify;
color: #666666;
background: #F5F5F5;
box-shadow:0px 0px 10px #F5F5F5;
-webkit-box-shadow:0px 0px 10px #F5F5F5;
-moz-box-shadow:0px 0px 10px #F5F5F5;
width: 265px;
padding: 5px;
-moz-border-radius: 5px 5px 5px 5px;
}
.icon {
border: 1px solid #EAEAEA;
padding: 5px;
box-shadow: 0px 0px 20px #87CEFF;
-webkit-box-shadow: 0px 0px 20px #87CEFF;
-moz-box-shadow: 0px 0px 20px #87CEFF;
margin-left: 5px;
}
big {
font-family: arial;
font-size: 23px;
line-height: 90%;
letter-spacing: -3px;
text-transform: uppercase;
font-weight: normal;
}
b, strong {
color: #A4D3EE;
}
i, em {
font-family: georgia;
color: #A4D3EE;
}
small, sub, sup {
font-family: small fonts;
font-size: 7px;
line-height: 7px;
letter-spacing: 3px;
text-transform: uppercase;
}
blockquote {
background-color: #F5F5F5;
box-shadow:1px 1px 10px #87CEFF;
-webkit-box-shadow:0px 0px 10px #87CEFF;
-moz-box-shadow:0px 0px 10px #87CEFF;
-moz-border-radius: 5px;
padding: 5px;
}
textarea {
font-family: small fonts;
font-size: 7px;
line-height: 7px;
letter-spacing: 2px;
text-transform: uppercase;
color: #AAAAAA;
border: 1px solid #444444;
background-image: url:("http://i56.tinypic.com/10omfye.png");
width: 85%;
height: 40px;
}
.h1 {
font-family: 'Tangerine', arial, serif;
text-lign: justify;
letter-spacing: 0px;
line-height: 25px;
}
.h2 {
font-family: trebuchet ms;
font-size: 9px;
letter-spacing: 2px;
text-transform: uppercase;
padding: 2px;
}
.blogger-labels {
display: none;
}
img {
border: none;
}
.blogger-labels {
text-transform: lowercase;
}
#navbar-iframe {
display: none;
}
</style></head>
<script>
function changeNavigation(id)
{document.getElementById('main').innerHTML=document.getElementById(id).innerHT
ML}
</script>

<div width="100%""><div align="top">


<div class="topheader"><div class="topheaderbg">
</div></div></div></div>

<div style="position: absolute; width: 265px; left: 90px; top: 75px; padding: 10
px;
position: fixed;">
<div id="main">
<div class="title">profile.</div>
<div class="bg1">
<div class="h2">
<img src="http://i54.tinypic.com/15yu1cz.jpg" class="icon" align="center"><br><b
r>
Às vezes sou legal, às vezes sou chato. Tem dias que eu me chamo André, outros eu poss
o ter qualquer nome. Hoje estou sem mascara, mas amanhã posso colocar uma. Posso s
er simpatico com você agora, e depois ser a pessoa mais chata do mundo. Enfim, ess
e sou eu: alguÉm dificil de se definir. E agora tem <!-- Inicio Codigo Visitas onl
ine gratis opromo.com -->
<script language="Javascript" src="http://www.opromo.com/servicos/usuariosonline
/useronline.php?site=sitehttpandrecaldastumblrcom&corfont1=B3E7FF&texto=8&format
o=normal&tipo=verdana&tamanho=3&simbo=7" type="text/javascript"></script>
<!-- Fim Codigo Visitas online gratis opromo.com -->pessoas online no meu tumbl
r :D<br><br>
<a
href="ask">Ask</a>
</div></div>
<div id="profile" style="display: none;">
<div class="title">perfil.</div>
<div class="bg1">
<img src="http://i523.photobucket.com/albums/w354/colordripped/xedits/icon77.png
"
class="icon" align="right">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec semper aliquet
venenatis. Aliquam erat volutpat. Nam et suscipit velit. Vestibulum placerat, fe
lis quis
dictum interdum, neque est pulvinar neque, at eleifend purus mauris at sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec semper aliquet
venenatis. Aliquam erat volutpat. Nam et suscipit velit. Vestibulum placerat, fe
lis quis
dictum interdum, neque est pulvinar neque, at eleifend purus mauris at sapien.
<br><br>
about yourself here. :)<br>
Normal | <b>Bold</b> | <strike>Strikeout</strike> | <i>Italic</i> | <u>Underline
</u> |
<a href="#">Link</a> | <big>big</big> | <small>small</small>
</div></div></div>
<br>
<div class="title">recomendo.</div>
<div class="bg4">
<a href="http://fazsentir.tumblr.com" target="_blank">Diego</a><br>
<a href="http://improprio.tumblr.com" target="_blank">Adriano</a><br>
<a href="http://tobelieveinyouandme.tumblr.com" target="_blank">Gabriela</a><br>
<a href="http://karinesalazar.tumblr.com" target="_blank">Karine</a><br>
<a href="http://destaques.tumblr.com" target="_blank">Destaques</a><br>
</div>
<br>
<div class="title">créditos.</div>
<div class="bg4">
<div class="h2">
This layout was created by <a href="http://blogskins.com/me/sagacity"
target="blank">saga</a><a href="http://colordripped.blogspot.com/"
target="blank">city</a>. Colors and
inspirations from <a href="http://www.blogskins.com/me/x-annamay"
target="blank">anna</a><a href="http://www.blogskins.com/info/348665"
target="blank">may</a>. Icons used
can be found at <a href="http://www.jaggedsmiles.blogspot.com/"
target="blank">jagged smiles</a>. Adapted by <a
href="http://improprio.tumblr.com">Adriano C. | Improprio </a>.
</div></div></div>
</center>
</div></div>
<div style="background-color: #F5F5F5; border: 1px solid #EAEAEA; box-shadow:0px

0px 10px #EAEAEA; -webkit-box-shadow:0px 0px 10px #EAEAEA;


-moz-box-shadow:0px 0px 10px #EAEAEA; position: absolute; text-align: justify; t
op:
10px; width: 550px; left: 400px; padding: 5px;">
<Blogger>
{block:Posts}<br>
{block:Text}
<div id="box"> <div class="h2"><div id="blogt"><center><img
src="http://i880.photobucket.com/albums/ac5/betahfischer/icon_clock.gif">{24Hour
WithZero}:{Minutes} | <img
src="http://i880.photobucket.com/albums/ac5/betahfischer/1286289333_calendar_day
.
png"> <a
href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}</a> | <img
src="http://i53.tinypic.com/2qns4z5.png">{block:NoteCount}
{NoteCount}</a>{/block:NoteCount} </center</a></div></div></div>
{block:Title}
<div class="h1"><p id="posttitle"> <font
size="7">{Title}</font></p></div>
{/block:Title}
<p><div class="h2">{Body}</div></p>

</li>
<br><br><br>
{/block:Text}
{block:Photo}

<div id="box"> <div class="h2"><div id="blogt"><center><img


src="http://i880.photobucket.com/albums/ac5/betahfischer/icon_clock.gif">{24Hour
WithZero}:{Minutes} | <img
src="http://i880.photobucket.com/albums/ac5/betahfischer/1286289333_calendar_day
.
png"> <a
href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}</a> | <img
src="http://i53.tinypic.com/2qns4z5.png">{block:NoteCount}
{NoteCount}</a>{/block:NoteCount} </center></a></div></div></div><BR>
{LinkOpenTag}<a href="{Permalink}"> <center><img id="pic
"
src="{PhotoURL-400}" alt="{Permalink}" /> </center></a>{LinkCloseTag}
{block:Caption}
<p><div class="h2"><div align="justify">{Caption}</d
iv></div></p>
{/block:Caption}
</li>

<br><br><br>
{/block:Photo}
{block:Quote}
<div id="box"> <div class="h2"><div id="blogt"><center><img
src="http://i880.photobucket.com/albums/ac5/betahfischer/icon_clock.gif">{24Hour
WithZero}:{Minutes} | <img
src="http://i880.photobucket.com/albums/ac5/betahfischer/1286289333_calendar_day
.
png"> <a
href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}</a> | <img
src="http://i53.tinypic.com/2qns4z5.png">{block:NoteCount}
{NoteCount}</a>{/block:NoteCount} </center></a></div></div></div>
<p class="qcontainer">
<div class="h1"><span class="quote"><font
size="7">"{Quote}"</font></span></div>
{block:Source}
<span class="source"><br><div class="h2">{Source}</d
iv></span>
{/block:Source}
</p>
</li>
<br><br><br>
{/block:Quote}
{block:Link}
<div id="box"> <div class="h2"><div id="blogt"><center><img
src="http://i880.photobucket.com/albums/ac5/betahfischer/icon_clock.gif">{24Hour
WithZero}:{Minutes} | <img
src="http://i880.photobucket.com/albums/ac5/betahfischer/1286289333_calendar_day
.
png"> <a
href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}</a> | <img
src="http://i53.tinypic.com/2qns4z5.png">{block:NoteCount}
{NoteCount}</a>{/block:NoteCount} </center></a></div></div></div>
<div class="title"><p><a href="{URL}" id="postlink"
{Target}>{Name}</a></p></div>
{block:Description}
<p><div class="h2">{Description}</div></p>
{/block:Description}

</li>
<br><br><br>
{/block:Link}
{block:Chat}
<div id="box"> <div class="h2"><div id="blogt"><center><img
src="http://i880.photobucket.com/albums/ac5/betahfischer/icon_clock.gif">{24Hour
WithZero}:{Minutes} | <img
src="http://i880.photobucket.com/albums/ac5/betahfischer/1286289333_calendar_day
.
png"> <a
href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}</a> | <img
src="http://i53.tinypic.com/2qns4z5.png">{block:NoteCount}
{NoteCount}</a>{/block:NoteCount} </center></a></div></div></div>
{block:Title}
<font size="4"><div id="posttitle"><a
href="{Permalink}">{Title}</a></div></p></font>
{/block:Title}
<ul class="chat">
{block:Lines}
<li class="{Alt}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
{/block:Lines}
</ul>
</li></li>

<br><br><br>
{/block:Chat}
{block:Video}
<div id="box"> <div class="h2"><div id="blogt"><center><img
src="http://i880.photobucket.com/albums/ac5/betahfischer/icon_clock.gif">{24Hour
WithZero}:{Minutes} | <img
src="http://i880.photobucket.com/albums/ac5/betahfischer/1286289333_calendar_day
.
png"> <a
href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}</a> | <img
src="http://i53.tinypic.com/2qns4z5.png">{block:NoteCount}
{NoteCount}</a>{/block:NoteCount} </center></a></div></div></div>
{Video-400}
{block:Caption}
<p><div class="h2">{Caption}</div></p>
{/block:Caption}

</li>
<br><br><br>
{/block:Video}
{block:Audio}
<div id="box"> <div class="h2"><div id="blogt"><center><img
src="http://i880.photobucket.com/albums/ac5/betahfischer/icon_clock.gif">{24Hour
WithZero}:{Minutes} | <img
src="http://i880.photobucket.com/albums/ac5/betahfischer/1286289333_calendar_day
.
png"> <a
href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}</a> | <img
src="http://i53.tinypic.com/2qns4z5.png">{block:NoteCount}
{NoteCount}</a>{/block:NoteCount} </center></a></div></div></div>
<p align="center">{AudioPlayerBlack}</p>
{block:Caption}
<p><div class="h2">{Caption}</div></p>
{/block:Caption}
</li>
<br><br><br>
{/block:Audio}
{block:Answer}<div id="box"> <div class="h2"><div id="blogt"><center><img
src="http://i880.photobucket.com/albums/ac5/betahfischer/icon_clock.gif">{24Hour
WithZero}:{Minutes} | <img
src="http://i880.photobucket.com/albums/ac5/betahfischer/1286289333_calendar_day
.
png"> <a
href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}</a> | <img
src="http://i53.tinypic.com/2qns4z5.png">{block:NoteCount}
{NoteCount}</a>{/block:NoteCount} </center></a></div></div></div><br>
<div class="h2"><div class="answer"><img src="{AskerPortraitURL-24}" /> @{Asker
}
"<b>{Question}</b>"<br/></div>
{Answer}</div>
<br><br><br>
{/block:Answer}

{block:PostNotes}
{PostNotes}
{/block:PostNotes}
{/block:Posts}
{/block:Posts}
</ol>
<div align="right"><small> <a href="javascript:scroll(0,0)">back to
top</a></small></div>
<center>{block:Pagination}<div id="paginacaoml">
<font size="7">{block:PreviousPage}
<a href="{PreviousPage}">&laquo;</a>
{/block:PreviousPage}</font>
<font size="4"> {block:JumpPagination length="9"}
{block:CurrentPage}
<span class="current_page">{PageNumber}</span>
{/block:CurrentPage}
{block:JumpPage}
<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}</font>
<font size="7"> {block:NextPage}
<a href="{NextPage}">&raquo;</a>
{/block:NextPage}
{/block:Pagination}</font><br>
</center><br>
<br>
</Blogger>

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

Vous aimerez peut-être aussi