<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<! (c) tumblr theme broken s2 by sskateboy.tumblr.com
não copie nada aqui, e não disponibilize !>
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<!-- DEFAULT VARIABLES -->
<meta name="color:background" content="#f5f5f5" />
<meta name="color:link" content="#000000" />
<meta name="color:linkhover" content="#555555" />
<meta name="color:text" content="#000000" />
<meta name="color:post" content="#ffffff" />
<meta name="color:title" content="#ffffff" />
<meta name="color:border" content="#000000" />
<meta name="color:borderlinks" content="#ffffff" />
<meta name="color:sidebar" content="#ffffff" />
<meta name="color:sidebarlinks" content="#ffffff" />
<meta name="color:sidebacklinks" content="#000000" />
<meta name="image:background" content="" />
<meta name="image:slide" content="http://28.media.tumblr.com/tumblr_lysetkkDvJ1rn9n8io1_500.jpg" />
<meta name="image:slide1" content="http://www.tumblr.com/photo/1280/ilovephotosofcouples/18322047313/1/tumblr_lzyvrbqx7B1qmy4tb" />
<meta name="image:slide2" content="http://30.media.tumblr.com/tumblr_m08fi7iS201r4ydzeo1_500.jpg" />
<meta name="image:slide3" content="http://www.tumblr.com/photo/1280/ilovephotosofcouples/18678117287/1/tumblr_m0aj80TCdv1rp6lyl" />
<meta name="image:slide4" content="http://30.media.tumblr.com/tumblr_lzo501PYuY1qczc1qo1_500.jpg" />
<meta name="image:marquee" content="http://30.media.tumblr.com/tumblr_m08f4dqiNn1r4ydzeo1_500.jpg" />
<meta name="image:marquee1" content="http://30.media.tumblr.com/tumblr_m08a2ucfhv1r4ydzeo1_500.jpg" />
<meta name="image:marquee2" content="http://24.media.tumblr.com/tumblr_lzkb0k0Qzc1r8h0rlo1_500.jpg" />
<meta name="image:marquee3" content="http://26.media.tumblr.com/tumblr_m08bxwpRr11qim9wko1_500.jpg" />
<meta name="text:title" content="You and I always toguether <br>
<small>singing, playing, laughting </small> <br>
<small>and <i>e n j o y ing</i> the life.</small>" />
<meta name="text:Link1" content="/" />
<meta name="text:Link1 Title" content="link" />
<meta name="text:Link2" content="/" />
<meta name="text:Link2 Title" content="link" />
<meta name="text:Link3" content="/" />
<meta name="text:Link3 Title" content="link" />
<meta name="text:Link4" content="/" />
<meta name="text:Link4 Title" content="link" />
<meta name="text:Link5" content="/" />
<meta name="text:Link5 Title" content="link" />
<meta name="text:Link6" content="/" />
<meta name="text:Link6 Title" content="link" />
<meta name="text:Link7" content="/" />
<meta name="text:Link7 Title" content="link" />
<meta name="text:Link8" content="/" />
<meta name="text:Link8 Title" content="link" />
<title>{Title}</title>
<link rel="shortcut icon" href="{favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
<style>
/*-- CORPO --*/
body {background-color: {color:background}; font-family: verdana, Times new Roman, Georgia; font-size: 11px; color: {color:text}; text-transform: none; text-align:justify; overflow-x:hidden; height:100%;}
/*-- PÁGINA --*/
#page {width: 960px; margin: 35px auto 20px auto;}
#content {width: 516px; text-align: justify; float: right; padding-bottom: 8px; margin-bottom: -20px; margin-right:85px; color:{color:text}; margin-top:-3px;}
#content img {max-width: 500px;}
#sidebar {width: 280px; float: left; position: fixed; margin: -3px 0px 0px 111px;}
.box {padding:10px; line-height: 20px; color: {color:text}; text-align: justify; background: {color:post}; margin-bottom: 1px;}
/*-- FORMATAÇÃO --*/
a {color: {color:link}; text-decoration: none; text-transform: none;}
a:hover {color: {color:linkhover}; background-color: transparent; text-decoration: none;}
p {margin: 6px 0 0 0}
blockquote {margin: 5px 5px 5px 5px; border-left: 4px solid {color:text}; padding-left: 5px; }
blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:text};}
blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:text}; }
blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:text};}
#tumblr_controls{position: absolute!important;}
.post img {border:none; max-width: 500px;}
table, td, tr {padding:0px; font: italic 11px georgia, verdana, Tahoma;}
table {padding-left: 8px; font: italic 11px georgia, verdana, Tahoma;}
p {font-family: verdana; font-size: 11px; color: {color:text}; text-align: justify; line-height:14px;}
#espaco {clear: both; margin: 1px 0 0 0;}
blockquote {background :#fff; color:{color:text};}
ul, ol, li{list-style: square; margin:auto; padding:auto; color:{color:text}; border-bottom:1px solid #f7f7f7;}
.audio_player, object {text-align:left; letter-spacing: 1px;}
ol.notes, .action {list-style:none; padding:0px; margin:0px; line-height: 13px;}
.notes li{list-style:none; padding:5px; margin:0px; border-bottom: 1px solid {color:border}; line-height: 14px;}
.notes li:hover {list-style:none; padding:5px; margin:0px; border-bottom: 1px solid {color:border}; line-height: 14px; background: {color:post};}
#cap {width: 500px; padding-top: 5px;}
#dda {font-size: 9px; font-family: verdana; text-transform: lowercase;}
.dda a {font-size: 9px;}
.tags {color: ; font-size: 9px; font-family: verdana; display: inline; list-style: none; text-transform: lowercase; color:{color:text};}
.tags a {font-size: 9px; color: verdana; display: inline; list-style: none; text-transform: lowercase;}
.tags b {font-size:9px;}
.source{padding-top:-15px;}
.clear {margin-top:-22px;}
/*-- TÍTULOS --*/
.text {font:italic 22px georgia; color: {color:text};
line-height:25px; font-weight:normal; text-align:center; letter-spacing: 1px;}
.ezeqt {font-size: 130px; font-family: georgia; line-height: 90px; margin-left: 5px; color:{color:text}; padding-top:20px;}
.quote {font-family: tahoma; font-size: 16px; line-height: 25px; margin-top: -109px; margin-left: 55px; padding: 6px; color:{color:text};}
.quotesource {float:right; color:{color:text} !important;}
/*-- ASK --*/
.question {padding: 5px 5px 5px 10px; background: #f1f1f1;}
.resposta {padding-left: 3px; margin: 2px 0px -7px 5px;}
/*-- BARRA DE ROLAGEM, PAGINAÇÃO E CRÉDITOS --*/
::-webkit-scrollbar-thumb:vertical {background-color: {color:text}; height: 50px;}
::-webkit-scrollbar-thumb:horizontal {background-color: {color:text}; height: 10px;}
::-webkit-scrollbar {height: 5px; width: 4px; background-color: {color:BACKGROUND};}
#paginacaoml {margin-top: -1px; font-family: verdana; font-size: 8px; line-height: 21px; }
#paginacaoml a {background: #fff; margin: 0 1px 0 -2px; padding: 2px 4px; color: {color:link}; text-decoration: none;}
#paginacaoml a:hover {background: #fff; color: {color:linkhover}; border: none;}
#paginacaoml span.pagina_atual {background: #fff; margin: 0 1px 0 -2px; padding: 2px 4px; color: #aaa; font-weight: bold; text-decoration: none;}
#paginacaoml span.info {background: #fff; margin: 0 0 0 -2px; padding: 2px 4px; color: {color:link}; text-decoration: none;}
.boxpag {margin-top: 119px; height: 18px; width: 127px; margin-left: 120px; position: absolute; background: {color:post}; text-align: center; position:fixed; padding-left:5px;}
.credito {text-align: right; font-size: 9px; font-family: verdana; padding: 2px; margin-top: 119px; height: 14px; width: 190px; margin-left: -47px; position: fixed; background: {color:post}; text-align: center; color:{color:text};}
/*-- TUDO DA SIDEBAR --*/
div.menu {position: relative; width: 280px; height: 189px; overflow: hidden; padding: 8px; left:-47px; z-index: 100000;}
div.menu div {position: absolute; top: 0px; left: 0px; -webkit-transition: 1s ease-in-out; background: #fff; padding:7px; z-index: 999999;}
div.menu:hover div.menu1 {-webkit-transition: 2s ease-in-out; z-index: 9999;}
#links {width: 280px; margin-right:-27px; margin-top:1px; padding: 0px; text-align: center; float:right;}
#links a {float: left; display: block; letter-spacing: 0px; font-family: verdana; font-size: 9px; text-align: center; margin-bottom: 1px; width: 109px; background-color: {color:sidebacklinks}; color:{color:sidebarlinks}; border-left: solid 1px #f8f8f8; text-decoration: none; text-transform: none; line-height: 22px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
#links a:hover{text-align: center; background-color:{color:sidebacklinks}; color:{color:linkhover}; letter-spacing: 2px;}
.espaco {background:{color:post}; width:160px; height:3px; margin-top:200px; margin-right:100px; z-index:100000000}
#descri {text-align: center; font-size: 9px; font-family: verdana; position: absolute; margin-left: -47px; width: 280px; height:100px; background-color: {color:post}; color: {color:text}; padding: 7px; margin-top: 8px; background-attachment: fixed; float:left;}
.title {width:294px; height:70px; text-align:center; font: 20px Georgia; margin-right:33px; margin-bottom:1px; letter-spacing:1px; background:{color:post}; float:right; padding-bottom:3px;}
/* STEP CAROUSEL */
.stepcarousel{
background-color: #fff;
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 293px; /*Width of Carousel Viewer itself*/
height: 210px; /*Height should enough to fit largest content's height*/
margin-left: 0px;
margin-top:-484px;}
.stepcarousel .roll{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;}
.stepcarousel .slide{
background-color: #fff;
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-left: -16px; margin-right:6px; margin-top: 5px; /*margin around each panel*/
width: 325px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ }
#container {text-align: center; width: 1000px; margin: 25px auto 0px -46px; padding: 0px; z-index: 1}
</style>
<!--Make sure page contains valid doctype at the very top!-->
<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://almostfamousfame.webs.com/galleryroll.js">
/***********************************************
* Step Carousel Viewer script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
</script>
<script type="text/javascript">
stepcarousel.setup({
galleryid: 'pictures', //id of carousel DIV
beltclass: 'roll', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'slide', //class of panel DIVs each holding content
autostep: {enable:false, moveby:1, pause:3000},
panelbehavior: {speed:500, wraparound:false, wrapbehavior:'slide', persist:true},
defaultbuttons: {enable: true, moveby: 1, leftnav: ['http://static.tumblr.com/8ktidkj/J0xm0fu9s/left.png', 250,-25, 268, -31,], rightnav: ['http://static.tumblr.com/8ktidkj/Mjbm0fu9b/right.png', -26,-25, -42, -31]},
statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
})
</script>
<meta http-equiv="x-dns-prefetch-control" content="off"/></head>
<body>
<div id="page">
<div id="sidebar">
<div class="title">{text:title}</div>
<!--- Fotos da Sidebar --->
<div id="container">
<div style="margin-top: 278px; height:280px; width:7px;"></div>
<div id="pictures" class="stepcarousel"><div class="roll">
<div class="slide">
<img src="{image:slide}" width="280" height="200"/>
</div>
<div class="slide">
<img src="{image:slide1}" width="280" height="200"/>
</div>
<div class="slide">
<img src="{image:slide2}" width="280" height="200"/>
</div>
<div class="slide">
<img src="{image:slide3}" width="280" height="200"/>
</div>
<div class="slide">
<img src="{image:slide4}" width="280" height="200"/>
</div>
</div></div></div>
<div id="links">
<a href="{text:Link1}">{text:Link1 Title}</a>
<a href="{text:Link2}">{text:Link2 Title}</a>
<a href="{text:Link3}">{text:Link3 Title}</a>
<a href="{text:Link4}">{text:Link4 Title}</a>
<a href="{text:Link5}">{text:Link5 Title}</a>
<a href="{text:Link6}">{text:Link6 Title}</a>
<a href="{text:Link7}">{text:Link7 Title}</a>
<a href="{text:Link8}">{text:Link8 Title}</a>
</div>
<div style="padding: 0px; padding-bottom: 0px; border: solid 5px #fff; overflow: auto; background-color: #fff; margin: -7px auto -7px -46px; width: 65px;"><marquee direction="up" scrollamount="3" height="87px" behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">
<img src="{image:marquee}" width= "65px;"><img src="{image:marquee1}" width= "65px;"><img src="{image:marquee2}" width= "65px;"><img src="{image:marquee3}" width= "65px;"></marquee>
</div>
<div id="descri">{Description}</div>
<div class="boxpag"><div id="paginacaoml">
{block:JumpPagination length="4"}
{block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
{/block:JumpPagination}
</div></div>
<div class="credito">theme by <a href="http://freiheita.tumblr.com"><font color="#DBDBDB">freiheita.</font></a> violetbuds copy.</div>
</div>
<div class="post">
<div id="content">
<div id="main">
<!-- POSTS -->
{block:Posts}
<div class="box">
{block:Text}
{block:Title}
<div class="text">{Title}</div>
{/block:Title}
<p>{Body}</p>
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
{/block:ContentSource}
{/block:Text}
{block:Photo}
<img src="{PhotoURL-500}" width="500px" target="_blank" alt="{PhotoAlt}"/>
{block:Caption}
<p>{Caption}</p>
{/block:Caption}
{/block:Photo}
{block:Answer}
<img src="{AskerPortraitURL-48}" style="float: left; margin-left: 0px; background: #eee; padding: 5px; margin-top: 5px; border-radius: 9px; /* CSS 3 */ -o-border-radius: 9px; /* Opera */
-ica-border-radius: 9px; /* iCab */ -khtml-border-radius: 9px; /* Konqueror */ -moz-border-radius:9px; /* Firefox */ -webkit-border-radius: 9px; /* Safari */">
<div class="question">{Asker} sussurou:
{Question} </div>
<div class="resposta">{Answer}</div>
{/block:Answer}
{block:Photoset}
{Photoset-500}
{block:Caption}
<p>{Caption}</p>
{/block:Caption}
{/block:Photoset}
{block:Quote}
<div class="ezeqt">“</div><div class="quote">{Quote}</div>
{block:Source}
<div class="quotesource"><b>—</b> {Source}</div>
{/block:Source}
{/block:Quote}
{block:Link}
<a href="{URL}" target="_blank"><div class="text">{Name}</div></a>
{block:Description}
<p>{Description}</p>
{/block:Description}
{/block:Link}
{block:Chat}
{block:Title}<div class="text">{Title}</div>{/block:Title}
{block:Lines}
{block:Label}
<span class="label"><b>{Label}</b></span>
{/block:Label}
{Line} <br>
{/block:Lines}
<div class="padding-bottom:-20px;"</div></div>
{/block:Chat}
{block:Audio}
<center><div style="width:400px; height:20px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:8px; float:right;"><small>
{FormattedPlayCount} plays {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}</small></div></div></center><BR>
{block:Caption}<p<center>{Caption}</center></p>{/block:Caption}
{/block:Audio}
{block:Video}
{Video-500}
{block:Caption}
<p>{Caption}</p>
{/block:Caption}
{/block:Video}
<div id="cap">
<div class="source"></div>
{block:Date}<div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}<br>{/block:HasTags}</div>
<div id="dda">
<a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} · <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:IndexPage} · <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}
{block:RebloggedFrom}<br>originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:RebloggedFrom} · via <a href="{ReblogParentURL}">{ReblogParentName}</a>
{/block:RebloggedFrom}
</div>{/block:Date}
<br clear="all" /></div>
<div style="padding-top:-10px;"></div>
<div class="clear"></div>
</div>
<!-- Notes -->
{block:PostNotes}
<div class="box">
{PostNotes}</div>
{/block:PostNotes}
<!-- Fim dados do post!-->
{/block:Posts}
</div></div>
</div></div>
</body>
</head></html>