theme dems

<html>
<head>


<!------

                   theme made by mary @stilesflop

                    (oficinadehtml.tumblr.com)

------->


<link rel="shortcut icon"{favicon}">

<title>{title}</title>

<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300' rel='stylesheet' type='text/css'>


<!-- start of script tooltip -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:90,
tip_fade_speed:600,
attribute:"title"
});
});
})(jQuery);
</script>
<!-- end of script tooltip -->


{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#939394"/>
<meta name="color:Menu" content="#ee6a72"/>
<meta name="color:Menu Hover" content="#ffe079"/>
<meta name="color:Border" content="#ffe079"/>
<meta name="color:Name" content="#ee6a72"/>
<meta name="color:Info" content="#ee6a72"/>
<meta name="color:Info letter" content="#ffffff"/>
<meta name="image:Sidebar" content="http://static.tumblr.com/51b3ef3455a7d56df43fd29d2b030dad/nqcm3ld/j6hmyj2aw/tumblr_static_11.png"/>
<meta name="text:Link 1" content=""/>
<meta name="text:Link 1 Text" content=""/>
<meta name="text:Link 2" content=""/>
<meta name="text:Link 2 Text" content=""/>
<meta name="text:Link 3" content=""/>
<meta name="text:Link 3 Text" content=""/>
<meta name="text:Link 4" content=""/>
<meta name="text:Link 4 Text" content=""/>
<meta name="text:title" content="tumblr name" />

<style>

body{background:{color:background}; color: {color:text}; font: 11px 'verdana'; width:700px; margin-left:auto; margin-right:auto; text-align:justify;}

::-webkit-scrollbar-thumb {
height:auto;
background-color:{color:Info};
}

::-webkit-scrollbar {
height:5px;
width:10px;
background-color:#eee;
}

a:link,a:active,a:visited { color: {color:text}; text-decoration: none; -webkit-transition-duration: .50s;}

a:hover { color: {color:Info};}

b, strong {color: #000000; text-decoration: none;}
s {color: #000000;cursor: help;}
i {color: #000000; text-decoration: none;}
u, underline {color: #000000; text-decoration: none; border-bottom: 1px dashed #000000;}

h1 {color: {color:text}; font-family: 'Roboto Condensed', sans-serif; font-size:35px; line-height:30px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:justify; letter-spacing: 1px;}

h2 {color: {color:text}; font-family: 'Courier New', tahoma; font-size:35px; line-height:25px; font-weight: normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:justify; letter-spacing: 1px;}

.side {color: 000; margin-bottom: 25px; padding: 5px; width: 135px; text-align: justify; position: fixed; top:250px; font-family: arial; font-size:10px; margin-left:545px;}

.posts {background: #ffffff;color: {color:text}; margin-top: 50px; padding: 5px; width:500px; margin-left:0px;}

.info {background:{color:Info}; color: {color:Info letter}; text-align:left; width:455px; padding:5px; margin-left:0px; border-radius:0px; text-transform: uppercase; font: 11px 'verdana'; margin-top:10px; border-left:50px solid {color:Border};}

.info a {color: {color:Info letter};}

.menu{text-align: center; text-decoration: none;}

.menu a{text-transform:uppercase!important; padding: 5px; display: inline-block; background:{color:Menu}; margin-top: 13px; font-size: 8px; color: #ffffff; font-family: 'tahoma'; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; font-weight: bold; width:100%; border-radius:0px;}

.menu a:hover{background:{color:Menu Hover}; color: #ffffff;}

blockquote {font-size: 11px; font-family: 'verdana'; color: {color:text}; background: #ffffff; border-left:3px solid {color:Border}; padding-left:5px;}

.pics {border:5px solid {color:Border}; padding:3px; width:100px; height:100px; border-radius:0px;}

.nome {color: {color:Name}; font-family: 'tahoma'; font-weight: bold; font-size:19px; width:135px; text-align:center; margin-bottom:3px; padding:5px; letter-spacing:3px; text-transform: uppercase; border-radius:2px;}

.desc {margin-bottom:6px; padding:5px; letter-spacing:1px; text-transform: uppercase; text-align:justify; width:135px; font-size:9px; background:#fff; color: {color:text};}

.side1 {width:135px; float:left; }

.side2 {width:10px; float:right; margin-top:-3px;}

#s-m-t-tooltip {
max-width:300px; /* maximum width */
background-color:#ffffff; /* color background */
border:1px solid #eee; /* color, shape and thickness of the border */
font-size:10px; /* font size */
color:#363636; /* font color */
letter-spacing:1px; /* font spacing */
text-transform:lowercase; /* uppercase, lowercase, none */
padding:3px; /* padding size */
margin:20px 0px 0px 20px; /* margin size */
z-index:9999999999999999999999;
border-radius: 2px; /* border radius */
}

</style>

</head>

<body>

<div class="side">

<div class="nome">{block:PreviousPage}
<a href="{PreviousPage}"> ← </a>
{/block:PreviousPage}

{text:title}

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

</div>


<div class="desc">{description}</div>

<div class="side1">

<center>
<img src="{image:Sidebar}" width="100%" class="pics"/>
</center>

<div class="menu">
<a href="/" class="menus">refresh</a>
<a href="{text:Link 1}" class="menus">{text:Link 1 Text}</a>
<a href="{text:Link 2}" class="menus">{text:Link 2 Text}</a>
<a href="{text:Link 3}" class="menus">{text:Link 3 Text}</a>
<a href="{text:Link 4}" class="menus">{text:Link 4 Text}</a>
</div>

</div>

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


<div class="post">

{block:Posts}

<!--TEXTOS-->
{block:Text}<div class="posts">
{block:Title}<a href="{Permalink}" class="title"><h1>{Title}</h1></a>{/block:Title}
<div>{Body}</div>
</div>{/block:Text}


<!--PERGUNTAS E MENSAGENS-->
{block:Answer}<div class="posts">
{Question}
<strong>@{Asker}</strong><br />
{Answer}
</div>{/block:Answer}


<!--LINKS-->
{block:Link}<div class="posts">
<a href="{URL}"><h1>{Name}</h1></a>
{block:Description}{Description}{/block:Description}
</div>{block:Link}


<!--FOTOS-->
{block:Photo}<div class="posts">
<center>{LinkOpenTag}<img src="{PhotoURL-500}" title="{PhotoAlt}" />{LinkCloseTag}</center>
{block:Caption}{Caption}{/block:Caption}
</div>{/block:Photo}

{block:Photoset}
<div class="post photoset">
<img src="{Photoset-500}"/>
{block:Caption}{Caption}{/block:Caption}
</div>
{/block:Photoset}


<!--FRASES-->
{block:Quote}<div class="posts">
<h1>❝{Quote}❞</h1>
{block:Source}— {Source}{/block:Source}
</div>{/block:Quote}


<!--DIALOGOS-->
{block:Chat}<div class="posts">
{block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
<table>
{block:Lines}
<tr>
{block:Label}<td class="name">{Label}</td>{block:Label}
<td class="words">{Line}</td>
</tr>
{/block:Lines}
</table>
</div>{/block:Chat}


<!--MUSICAS-->
{block:Audio}<div class="posts">
<div style="float:right; margin-top: 6px;"><i>Música ouvida {PlayCount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
<center>{AudioPlayerWhite}</centeR>
{block:Caption}{Caption}{/block:Caption}<br />
</div>{/block:Audio}


<!--VIDEOS-->
{block:Video}<div class="posts">
<center>{Video-400}</center>
{block:Caption}{Caption}{/block:Caption}<br />
</div>{/block:Video}

<div class="info"><small>{NoteCount} notes • <a href="{ReblogURL}" target="_blank">Reblog</a> • <a href="{Permalink}"> Like </a></small></div>

<div class="tags"><small></small></div>


{/block:Posts}</div></div><br><br>

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


<div style="bottom:30px;right:20px;position:fixed;font-size:8px; padding:5px;"><a href="http://oficinadehtml.tumblr.com" title="© THEME BY MARY | @stilesflop">THEME</a></div>

</body>

</html>