Theme Mr. Colorful

<!--------------------------------------------------------------------
           Theme por sounds-of-war + base por assombroso

			->Dtl cerejadosundae<-

                 \\   Não retire os créditos .  //
--------------------------------------------------------------------->


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}
<meta name="description" content="{MetaDescription}" />

<!---imagens--->
<meta name="image:Background" content""/>
<meta name="image:Sidebar" content""/>

<!---links--->
<meta name="text:Link1" content="" />
<meta name="text:Link1 Title" content="" />
<meta name="text:Link2" content="" />
<meta name="text:Link2 Title" content="" />
<meta name="text:Link3" content=""/>
<meta name="text:Link3 Title" content=""/>
<meta name="text:Link4" content=""/>
<meta name="text:Link4 Title" content=""/>
<meta name="text:Link5" content="" />
<meta name="text:Link5 Title" content="" />
<meta name="text:Link6" content="" />
<meta name="text:Link6 Title" content="" />


<!---colors--->
<meta name="color:Background" content="#ffffff"/>
<meta name="color:Sidebar" content="#ffffff"/>
<meta name="color:Barrarolagem" content="#ffffff"/>
<meta name="color:Titulo" content="#ffffff"/>
<meta name="color:Descricao" content="#ffffff"/>
<meta name="color:Fundodosposts" content="#ffffff"/>
<meta name="color:Fundomenu" content="#ffffff"/>
<meta name="color:Fundodaask" content="#ffffff"/>


{/block:Description}
<link rel=StyleSheet href="http://assombroso.tumblr.com/fade-in" type="text/css">
<script src="http://assombroso.tumblr.com/basealt"></script>

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

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

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


</head>
<style>
    body{background-color:{color:Background};background-image:url({image:Background});font-family:'Offside', cursive;font-size:11px;margin:0;background-position:bottom left;background-attachment:fixed;background-repeat:repeat;background-size:100%;color:#636363}
    a{color:#636363;text-decoration:none;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;}
    a:hover{opacity:.8}
    li,ol{list-style:none}
    blockquote{border-left: 3px solid #000;padding-left:4px;}
    .quotea{text-align:center;font-family:'Offside', cursive;margin-bottom:5px}
    .quotea:before { content: '\201C'; }
    .quotea:after { content: '\201D'; }
    #posts{width:370px;position:relative;padding:0px;left:210px;margin-top:0;margin-left:100px}
    .chat {line-height: 13px; list-style: none }
    .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:13px;}
.pessoa1,.pessoa2 {color:#000;padding:5px 0;border:1px solid #222;border-top:0;}
.pessoa1:first-child{border-top:1px solid #222}
.pessoa1 .label,.pessoa2 .label {font-weight: bold;color:#fff;background:#000;padding:5px;position:relative;}
     h3,.h3{font-size:17px;font-family:'Offside', cursive;text-transform:uppercase;margin:0;text-align:center;display:block;font-weight:normal}
    .post{background:{color:Fundodosposts};padding:10px;width:400px;border:1px solid #eee;border-top:0;overflow:hidden}
    .post img{max-width:400px}
    .photo img{width:400px;}
    .playeraudio{background:#fff}
    .baixo{position:relative;text-align:center;font-family:calibri;font-size:11px;text-transform:uppercase;top:5px}
    .caption{position:relative}
    .source{text-align:right;display:none}
    .sourcequote{margin-bottom:5px;text-align:right}
    .ft{position:relative}
    .ft img{width:100%;height:auto;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out}
    .ft img:hover{opacity:.7}
    .centra{width:733px;margin:auto;z-index:2}
    .links{position:relative;text-align:center;top:5px;margin-bottom:8px}
    .links a{text-transform:uppercase;font-family:calibri;padding:3px}
    .links a:hover{background-color:black;color:white;opacity:.7;text-shadow: 0 0 10px white, 0 0 20px white, 0 0 30px white, 0 0 40px #4F4F4F;}

.give {
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transform: rotate(0deg) scale(1) skew(1deg) translate(10px);
-webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(10px);
-moz-transform: rotate(0deg) scale(1) skew(1deg) translate(10px);
-o-transform: rotate(0deg) scale(1) skew(1deg) translate(10px);
-ms-transform: rotate(0deg) scale(1) skew(1deg) translate(10px);}

.give:hover{
transform: rotate(30deg) scale(1.5) skew(1deg) translate(3px);
-webkit-transform: rotate(30deg) scale(1.5) skew(1deg) translate(3px);
-moz-transform: rotate(30deg) scale(1.5) skew(1deg) translate(3px);
-o-transform: rotate(30deg) scale(1.5) skew(1deg) translate(3px);
-ms-transform: rotate(30deg) scale(1.5) skew(1deg) translate(3px);}


    #sidebar{position:fixed;margin-left:20px;width:200px;height:300px;background:{color:Sidebar};z-index:9;padding:4.5px;margin-top:80px;border-radius:4px;}
    #sidebar img{position:fixed;z-index:20;opacity:0.99;z-index:50;}

    #mv{position:fixed;display:block;background:{color:Fundomenu};width:50px;height:301px;bottom:0px;z-index:999;top:85px;}

    #tit{display:block;color:{color:Titulo};position:fixed;margin-left:20px;top:390px;width:200px;height:50px;font-style:none;font-family: 'Gloria Hallelujah', cursive;font-size:20px;text-align:center;}


.cred2 a{background:white;border:1px solid #E8E8E8;width:80px;border-radius:40px;font-size:9px;font-family:tahoma;position:fixed;left:10px;bottom:30px;-webkit-transition-duration:1s;text-align:center;}

/**Efeito 5 (cerejadosundae)***/
#imagesm5 {width:193px;height:300px;position:relative;display: inline-block; } #imagesm5 img {margin-left:5px;position:absolute; width:193px;height:300px;-webkit-transition-duration: .99s;}

#imagesm5:hover img{opacity:0.10;-webkit-transform:scale(0.0); -moz-transform:scale(0.0); -o-transform:scale(0.0);-webkit-transition-duration: .99s;} .imageside5 {float:center;width:193px;height:300px; overflow:hidden; }

#texto5 { width:135px;height:290px;background:{color:Descricao};margin-left:53px;opacity:1;margin-top:-0px;padding:4px;color:#fff;padding: 15px 2px 10px  2px ;text-align:center;font-family:'Offside', cursive; }

    .paginacao{background:transparent;position:fixed;margin-left:295px;width:295px;top:200px;z-index:1;font-size:30px;}
    .paginacao a{text-shadow:0px 0px 1px #eee;padding:0px 10px 7px 10px;}
    .ante{float:left;!important}
    .prox{float:right;!important}
    ::selection{background:#000;color:#FFF}

 /*lala*/
.entry:hover .permalink{opacity: 1; filter: alpha(opacity = 100);-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3;}

.photo_perma{position:absolute;margin:5px 0px 0px 5px;background:transparent;padding:10px;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;opacity:0;filter: alpha(opacity = 0);-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3;z-index:1;}

.entry:hover .photo_perma{margin-left:-22px;opacity:0.75;filter: alpha(opacity = 75);-moz-transition: all 0.3s;-webkit-transition: all 0.3s;
-o-transition: all 0.3s;transition: all 0.3;}

/*estilo de ask*/
.asker {background: {color:Fundodaask}; color: #fff; padding: 4px; text-align: center}
.asker a{color: #fff;}
.fotosk {border-radius: 90px; margin: 5px;}
.question {background: #f7f7f7; color: #aaa; padding: 5px;}
/* Fim do estilo de ask */

/*Barra de rolagem*/
::-webkit-scrollbar-thumb:vertical {background-color:{color:Barrarolagem};height:5px;}
::-webkit-scrollbar-thumb:horizontal {background-color:{color:Barrarolagem};height:5px}
::-webkit-scrollbar {height:5px; width:5px; background-color:#F5F0F5;}

</style>

<body>
<!-- Paginação -->
<div class="paginacao">
{block:PreviousPage}<a href="{PreviousPage}" class="ante" title="Pagina anterior">&lsaquo;</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}" class="prox" title="Próxima pagina">&rsaquo;</a>{/block:NextPage}
</div>

<!---centralização--->
<div class="centra">




<!-- Sidebar -->
    <div id="sidebar">
<div id="imagesm5" class="imageside5"><img src="{image:Sidebar}"class="image5">
<div id="texto5"><center>{description}</center></div></div>

<div id="mv"><br><br><br>
<a href="{text:Link1}" title="{text:Link1 Title}"><img src="http://static.tumblr.com/nejodqc/Y43m6z3x9/icon2.png" width="35" height="35" class="give"></a><br><br><br>

<a href="{text:Link2}" title="{text:Link2 Title}"><img src="http://static.tumblr.com/nejodqc/jYUm6z3x8/icon3.png" width="35" height="35" class="give"></a><br><br><br>

<a href="{text:Link3}" title="{text:Link3 Title}"><img src="http://static.tumblr.com/nejodqc/mvwm6z3xl/icon6.png" width="35" height="35" class="give"></a><br><br><br>

<a href="{text:Link4}" title="{text:Link4 Title}"><img src="http://static.tumblr.com/nejodqc/Wsmm6z3xd/icon4.png" width="35" height="35" class="give"></a><br><br><br>

<a href="{text:Link5}" title="{text:Link5 Title}"><img src="http://static.tumblr.com/nejodqc/7Fqm6z3xp/icon7.png" width="35" height="35" class="give"></a><br><br><br>

<a href="{text:Link6}" title="{text:Link6 Title}"><img src="http://static.tumblr.com/nejodqc/0Elm6z3xh/icon5.png" width="35" height="35" class="give"></a>
</div>
<div class="cred2"><a href="http://sounds-of-war.tumblr.com" target="blank" title="Theme by SOUNDS-OF-WAR. Base by Assombroso. Dtl by cerejadosundae. Don't copy!">&copy; ALL THEME</a></div>
    </div>

<div id="tit">
{title}
</div>

<!-- Posts -->
<ol id="posts">

{block:Posts}
<div class="entry">
<div class="photo_perma"><a href="{ReblogURL}" target="_blank"><img src="http://media.tumblr.com/tumblr_m3379bJxXz1r5ehrc.png" width="26"/></a></div>

<!--text-->
{block:Text}
<li class="post text">
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}
{Body}
{block:Date}
<div class="baixo">
<a href="{Permalink}">{TimeAgo}</a> <b>-</b> <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a>
{block:RebloggedFrom} <b>-</b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">original</a> <b>·</b> <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
</div>
{/block:Date}
</li>
{/block:Text}

<!--photo-->
{block:Photo}
<li class="post photo">
<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{block:Date}
<div class="baixo">
<a href="{Permalink}">{TimeAgo}</a> <b>-</b> <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a>
{block:RebloggedFrom} <b>-</b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">original</a> <b>·</b> <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
</div>
{/block:Date}
</li>
{/block:Photo}

<!--photoset-->
{block:Photoset}
<li class="post photoset">
{Photoset-400}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{block:Date}
<div class="baixo">
<a href="{Permalink}">{TimeAgo}</a> <b>-</b> <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a>
{block:RebloggedFrom} <b>-</b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">original</a> <b>·</b> <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
</div>
{/block:Date}
</li>
{/block:Photoset}

<!--quote-->
{block:Quote}
<li class="post quote">
<div class="quotea">{Quote}</div>
{block:Source}<div class="sourcequote"> — {Source}</div>{block:Source}
{block:Date}
<div class="baixo">
<a href="{Permalink}">{TimeAgo}</a> <b>-</b> <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a>
{block:RebloggedFrom} <b>-</b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">original</a> <b>·</b> <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
</div>
{/block:Date}
</li>
{/block:Quote}

<!--link-->
{block:Link}
<li class="post link">
<a href="{URL}" class="h3" {Target}>{Name}</a>
{block:Description}
{/block:Description}
{block:Date}
<div class="baixo">
<a href="{Permalink}">{TimeAgo}</a> <b>-</b> <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a>
{block:RebloggedFrom} <b>-</b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">original</a> <b>·</b> <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
</div>
{/block:Date}
</li>
{/block:Link}

<!--chat-->
{block:Chat}
<li class="post chat">
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}
<ul class="chat">
{block:Lines}
<li class="pessoa{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
{block:Date}
<div class="baixo">
<a href="{Permalink}">{TimeAgo}</a> <b>-</b> <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a>
{block:RebloggedFrom} <b>-</b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">original</a> <b>·</b> <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
</div>
{/block:Date}
</li>
{/block:Chat}

<!--video-->
{block:Video}
<li class="post video">
{Video-500}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{block:Date}
<div class="baixo">
<a href="{Permalink}">{TimeAgo}</a> <b>-</b> <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a>
{block:RebloggedFrom} <b>-</b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">original</a> <b>·</b> <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
</div>
{/block:Date}
</li>
{/block:Video}

<!--audio-->
{block:Audio}
<li class="post audio">
<div class="playeraudio">{AudioPlayerWhite}</div>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{block:Date}
<div class="baixo">
<a href="{Permalink}">{TimeAgo}</a> <b>-</b> <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a>
{block:RebloggedFrom} <b>-</b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">original</a> <b>·</b> <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
</div>
{/block:Date}
</li>
{/block:Audio}

<!--asker-->
{block:Answer}
<li class="post answer">
<img src="{AskerPortraitURL-40}" align="left" class="fotosk"><div class="asker">{Asker} disse:</div>

<div class="question">{Question}</div><p>

{Answer}
{block:Date}
<div class="baixo">
<a href="{Permalink}">{TimeAgo}</a> <b>-</b> <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a>
{block:RebloggedFrom} <b>-</b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">original</a> <b>·</b> <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
</div>
{/block:Date}
</li>
{/block:Answer}

<!--source-->
<div class="source">
{block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a>{/block:ContentSource}
</div></div>
{/block:Posts}
</ol></div>


    </body>
</html>