Tema para Tumblr - Fluminense 1 | Templah - Themes for Facebook, blogger, tumblr and more.

Tema para o seu blog no Tumblr com as cores do fluminense. Pra quem é torcedor do tricolor do Rio e quer mostrar a sua paixão também no Tumblr. Lembrando que, como todos os outros temas do Templah, os temas para o tumblr aqui no site são gratuitos. Se ainda não sabe como fazer para mudar o seu tema veja o nosso tutorial que explica como fazer.

_{Select all the code below and copy. / Selecione todo o código abaixo e copie .}

_{How to change the theme Tumblr. / Como mudar o Tema do Tumblr.}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
                                         
        .                                 .o8       oooo               
      .o8                                "888       `888               
    .o888oo oooo  oooo  ooo. .oo.  .oo.   888oooo.   888  oooo d8b     
      888   `888  `888  `888P"Y88bP"Y88b  d88' `88b  888  `888""8P     
      888    888   888   888   888   888  888   888  888   888        
      888 .  888   888   888   888   888  888   888  888   888    .o. 
      "888"  `V88V"V8P' o888o o888o o888o `Y8bod8P' o888o d888b   Y8P   
      
      
      
      THEMES BY 
                                                                                                                  
         TEMPLAH.COM

-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

/* MAIN */

html { 
  font-size: 100%; 
}

a, a:active, a:visited {
  color: {color:Link};
  outline: none;
  text-decoration: none;
}

a:hover {
  color: {color:Link Hover};
}

a img {
  border: 0;
}

pre {
  background-color: #ebebeb;
}

/* BACKGROUND TEMPLAH */

body {
  background: {color:Background} url('http://i264.photobucket.com/albums/ii171/ppiedade/fluminense-1.jpg') center top no-repeat fixed;
  color: #fff;
  font: normal 1em/1.5 "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
  text-align: center;
}

/* HEADERS & BLOCKQUOTES */

h1 {
  font: 30px "Arial", Cambria, Helvetica;
  color: #FFF;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

#description {
  font: 11px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
  line-height: 18px;
  margin-bottom: 10px;
  text-indent: 15px;
}

#description:first-letter {
  font: 11px Times New Roman, Rockwell, Georgia, Bookman Old Style Serif;
  padding-right: 2px;
}

blockquote {
  margin: 5px 20px 0px 10px;
  padding-left: 10px;
  border-left: solid 1px {color:Caption}
}

p {
  margin: 0px 0px 10px 0px;
  line-height: 18px;
}

/* LAYOUT */

#contain {
  margin: 0 auto;
  padding-top: 100px;
  text-align: left;
  width: 900px;
}

.title {
  color: {color:Link};
  margin: 40px 0px -30px 70px;
  max-width: 600px;
  font: 39px arial, rockwell, archer medium, georgia, palatino serif;
}

#header {
  margin: 0px 0px -6px 0px;
  padding: 0px 0px 0px 0px;
}

#content {
  float: left;
  width: 526px;
  padding: 10px 30px 0px 30px;
  margin: 0px 0px 20px 70px;
  background: rgba(0, 0, 0, .30);
  background: url('http://i264.photobucket.com/albums/ii171/ppiedade/30_percent.png');
  border-radius: 15px 0px 15px 15px;
  -moz-border-radius: 15px 0px 15px 15px; 
  -webkit-border-top-left-radius: 20px;
}

/* DATE */

.newdate, .samedate {
  position: relative;
  font: 12px arial, rockwell, georgia, palatino serif;
  font-weight: bold;
  float: left;
  margin: 0 0 0 -117px;
  background: rgba(0, 0, 0, .30);
  background: url('http://i264.photobucket.com/albums/ii171/ppiedade/30_percent.png');
  padding: 6px;
  border-radius: ;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;  
}

.newdate:hover, .samedate:hover {
  background: rgba(0, 0, 0, .50);
  background: url('http://i264.photobucket.com/albums/ii171/ppiedade/50_percent.png');
}

/* POST LOOPS */

.post {
  margin: 10px 0 50px 0;
  padding-top:10px;
}

.postcont {
  margin: 0px 0px 0px 0px;   
  width:480px;
  padding: 0px 0px 0px 0px; 
}

.post h3 {
  margin: 0px 0px 10px 0px;
  color: {color:Caption};
  font: 30px arial, archer medium, rockwell, georgia, palatino serif;
}

.post .caption {
  margin-bottom: 1.5em;
}

/* TEXT POST */

.text_body {
  color: {color:Caption};
  font: 13px "Helvetica", Verdana, Cambria, "Helvetica Neue", "Lucida Grande",  Arial, sans-serif;
  line-height: 18px;
}

.text_body:first-letter {
  font-size: 13px;
}

.text_body p img {
  padding-top: 5px;
}

.text_body a {
  color: {color:Link};
  text-decoration: none;
}

.text_body a:hover {
  color: {color:Link Hover};
}

/* LINK POST */

.link_header {
  text-align: center;
  background: rgba(0, 0, 0, .30);
  background: url('http://i264.photobucket.com/albums/ii171/ppiedade/30_percent.png');
  margin: 0px 0px 10px 0px;
  padding: 2px;
  font: 25px verdana, rockwell, georgia, palatino serif;
  border-radius: 10px; 
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px;
}

.link_header a {
  color:{color:Post Link};
}

.link_header a:hover {
 color: {color:Link Hover};
}

/* QUOTE POST */

.thequote {
  font-size: 28px;
  font-style: italic;
  color: {color:Quote};
  font-family: Arial;
}

.quote_source {
 color: {color:Caption};
 font-size: 13px;
 text-align: right;
 font-family: Arial;
}

.quote_source a {
 color: {color:Link};
}

.quote_source a:hover {
 color: {color:Link Hover};
}

/* AUDIO POST */

.audio {
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px;
}

.audiobox {
  margin: 0px 0px 0px 0px; 
  padding: 30px 0px 0px 130px;
  width: 360px;
  height: 83px;
  background: transparent url('http://i264.photobucket.com/albums/ii171/ppiedade/audio_player.png');
  background-repeat: no-repeat;
}

.audio_caption {
  margin: -20px 0px -20px 0px;
  font: 13px Cambria, Helvetica Neue, Lucida Grande, Helvetica, "Arial", sans-serif;
  color: {color:Caption};
  text-align: left;
}

.audio_caption a {
  color: {color:Link};
  text-decoration: none;
}

.audio_caption a:hover{
  color: {color:Link Hover};
}

.play_count {
  font: 10px Cambria, "Helvetica", Lucida Grande, "Helvetica", Arial, sans-serif;
  color: {color:Caption};
  text-align: right;
}

/* PHOTO POST */

.photograph {
  padding: 13px 10px 10px 10px;
  background: rgba(0, 0, 0, .30);
  background: url('http://i264.photobucket.com/albums/ii171/ppiedade/30_percent.png');
  text-align: center;
  border-radius: 5px;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;  
}

.caption_photo {
  margin: 5px 0px 0px 0px;
  font: 13px Cambria, "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
  color: {color:Caption};
  line-height: 18px;
}

.caption_photo a{
  color: {color:Link};
  text-decoration: none;
 
}

.caption_photo a:hover {
  color: {color:Link Hover};
}

/* VIDEO POST */

.television_top {
  margin: 0px 0px 0px -12px;
  padding: 0px 0px 0px 0px; 
  width: 550px;
  height: 41px;
  background: transparent url('http://i264.photobucket.com/albums/ii171/ppiedade/top5.png');
  background-repeat: no-repeat;
}

.television_bottom {
  margin: 0px 0px 0px -12px;
  padding: 0px 0px 0px 0px; 
  width: 550px;
  height: 69px;
  background: transparent url('http://i264.photobucket.com/albums/ii171/ppiedade/box_bottom2.png');
  background-repeat: no-repeat;
}

.television {
  margin: 0px 0px 0px -10px;
  padding: 0px 0px 0px 0px;
  width: 547px;
  background: rgba(0, 0, 0, .50);
  background: url('http://i264.photobucket.com/albums/ii171/ppiedade/50_percent.png');
}

.video_caption {
  margin: 10px 0px 0px 0px;
  font: 13px Cambria, "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
  text-align: left;
  color: {color:Caption};
}

/* CONVERSATION POST */

.chat .conversation {
  list-style: none;
  padding: 0;
  font: 14px "Arial", Cambria, Helvetica Neue, Lucida Grande, Helvetica, sans-serif;
}

.chat .conversation .line {
  border-bottom: 1px solid {color:Caption};
  padding: 0.4em;
  width: 500px;
}

.chat .conversation .person {
  font-weight: normal;
  color: {color:Caption};
}

.chat .conversation li.odd {
  background: none;
}

.chat .conversation li.even {
  background: rgba(0, 0, 0, .30);
  background: url('http://i264.photobucket.com/albums/ii171/ppiedade/30_percent.png');
}
  
  
                                              /* PAGE & POST NAVIGATION */

.previous-next {
  margin-bottom: 30px;
  padding: 20px 0px 15px 0px;
  font: 18px rockwell, georgia, palatino serif;
  line-height: 10px;
}

.previous-next .previous {
  margin-left: 430px;
}

.previous-next .next {
  margin-right: 0px;
}

/* SIDEBAR */

#sidebar {
  font-size: 14px;
  float: left;
  width: 205px;
  margin: 0px 0px 0px 0px;
  padding: 20px 15px 15px 15px;
  background: rgba(0, 0, 0, .30);
  border-radius: 0px 0px 15px 0px;
  -moz-border-radius: 0px 0px 15px 0px; 
  -webkit-border-bottom-right-radius: 15px;
  background: url('http://i264.photobucket.com/albums/ii171/ppiedade/30_percent.png');
}

#sidebar h4 {
  font: 18px Arial, Rockwell,  Serif;
  margin: 0 0 15px 0;
  text-transform: capitalize;
  letter-spacing: 0px;
  border-bottom: 2px solid #FFFFFF;  
}

#sidebar p.credit {
  margin: 10px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
  font-size: 10px;
  line-height: 12px;
}

/* FOLLOWING */

.following{
  margin-top: 15px;
  margin-bottom: 5px;

}
.following a img{
  border: 1px solid {color:Caption};
  padding: 2px;
  margin: 1px;
}

.following a img:hover{
  border: 1px solid {color:link hover};
  padding: 2px;
  margin: 1px;
}

/* REBLOGGING & TAGS */

.post-footer p.reblogged {
  font: 12px "Arial", Cambria, Helvetica Neue, Lucida Grande, Helvetica,  sans-serif;
  color: {color:Caption};
  padding:5px 0;
}

.post-footer p.reblogged a {
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: center left;
  padding: 2px 0 2px 18px;
}

#tags {
  text-transform: capitalize;
  text-align: right;
  color: {color:Caption};
  font: 10px "Verdana", Cambria, Helvetica Neue, Lucida Grande, "Helvetica", Arial, sans-serif;
  margin: -20px 0px 30px 0px
}

/* COMMENTS */

#comment {
  font-size: 10px;
  text-align: left;
  line-height: 18px;
  margin: 0px 0px 0px 0px;
}

#comment a {
  text-decoration: none;
  color: {color:Caption};
}

#comment a:hover {
  text-decoration: none;
  color: {color:Link Hover};
}

#dsq-content {
  background: rgba(0, 0, 0, .30);
  background: url('http://i264.photobucket.com/albums/ii171/ppiedade/30_percent.png');
  padding: 5px 20px 20px 20px;
  margin-top: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
}

/* NOTES */

.notes {
  font: 10px arial, helvetica, serif;
}

ol.notes {
  padding: 0px;
  margin: 25px 0px;
  list-style-type: none;
  border-bottom: solid 1px #ccc;
}

ol.notes li.note {
  border-top: solid 1px #ccc;
  padding: 5px;
}

ol.notes li.note img.avatar {
  vertical-align: -4px;
  margin-right: 10px;
  width: 16px;
  height: 16px;
}

ol.notes li.note span.action {
  font-weight: bold;
  font-size: 11px;
}

ol.notes li.note .answer_content {
  font-weight: normal;
}

ol.notes li.note blockquote {
  border-color: #eee;
  padding: 4px 10px;
  margin: 10px 0px 0px 25px;
}

ol.notes li.note blockquote a {
  text-decoration: none;
}

</style>

{CustomCSS}

</head>
<body>

<div class="title">{Title}</div>

</div>

{block:Posts}

{block:NewDayDate}
             <h4 class="newdate">
<span class="date"><a href="{Permalink}">{DayOfMonth} {ShortMonth} {Year}</a></span>
<div id="comment"><a href="{Permalink}#disqus_thread">Comments</a></div>
<div>{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
             </h4>
          {/block:NewDayDate}

{block:SameDayDate} 
             <h4 class="newdate">
<span class="date"><a href="{Permalink}">{DayOfMonth} {ShortMonth} {Year}</a></span>
<div id="comment"><a href="{Permalink}#disqus_thread">Comments</a></div>
<div>{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
              </h4>
           {/block:SameDayDate}

{block:Text}        
           </div>

<div class="text">
          {block:Title}<h3>{Title}</h3>{/block:Title}

<div class="text_body">
                 {Body}
            </div>
        </div>
        
<div class="addthis_toolbox addthis_default_style " addthis:title="{Title}" addthis:url="{Permalink}">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_pinterest_pinit"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-50338e2c3b95e399"></script>

        {/block:Text}

{block:Quote}
          
        </div> 
        
        <div class="thequote">
            “{Quote}”
        </div>
                   {block:Source}
                        <div class="quote_source">— {Source}</div>
                   {/block:Source}
        
        {/block:Quote}

{block:Link}

</div>
  
               
<div class="link_header">
      <a href="{URL}"{Target}>{Name}</a>
</div>

{block:Description}
 <div class="caption_photo">              
       {Description}
</div>
{/block:Description}
        
        {/block:Link}

{block:Video}
 
        </div> 
  
        <div class="video">
          <div class="television_top"></div>
             <div class="television"><center>{Video-500}</center></div>
               <div class="television_bottom"></div>
          {block:Caption}<div class="video_caption">{Caption}</div>{/block:Caption}

</div> 
        {/block:Video}

{block:Audio}

</div>
  
        <div class="audio">
          <div class="audiobox">{AudioPlayerWhite}</div>
          {block:Caption}<div class="audio_caption">{Caption}</div>{/block:Caption}
             <div class="play_count">
                    Play count: {FormattedPlayCount} {block:ExternalAudio}| <a href="{ExternalAudioURL}">Download</a>{/block:ExternalAudio}
                 </div>

</div>
        {/block:Audio}

{block:Photo}
          
        </div> 
     <div class="photo">
           {LinkOpenTag}
<div class="photograph"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></div>
           {LinkCloseTag}
          {block:Caption}<div class="caption_photo">{Caption}</div>{/block:Caption}
     </div>
{/block:Photo}

{block:Chat}
          
        </div> 
  
        <div class="chat">
          {block:Title}<h3>{Title}</h3>{/block:Title}
          <ul class="conversation">
            {block:Lines}
            <li class="line {Alt}">
              {block:Label}<span class="person">{Label}</span>{/block:Label}
              <span class="person-said">{Line}</span>
            </li>
            {/block:Lines}
          </ul>
        </div> 
        {/block:Chat}
 
      </div>

<div class="post-footer">
         
                {block:RebloggedFrom}

<p class="reblogged">
Reblogged: <a href="{ReblogParentURL}" style="background-image: url({ReblogParentPortraitURL-16});">{ReblogParentName}</a></p>

{/block:RebloggedFrom}

{block:HasTags}
  <div id="tags">
             Tags: 
       {block:Tags} <a href="{TagURL}">{Tag}</a>. {/block:Tags}      
  </div>
{/block:HasTags}
  
</div>

{/block:Posts}

{block:PostNotes} 
{PostNotes}
{/block:PostNotes}

{block:PermalinkPagination}
   
      <p class="previous-next">
 
        {block:NextPost}
<a href="{NextPost}" class="next">← Next</a>
        {/block:NextPost}

{block:PreviousPost}
<a href="{PreviousPost}" class="previous">Previous →</a>
        {/block:PreviousPost}

</p>

{/block:PermalinkPagination}

{block:Pagination}
      
      <p class="previous-next">

{block:PreviousPage}
<a href="{PreviousPage}" class="next">← Next</a>
        {/block:PreviousPage}

{block:NextPage}
<a href="{NextPage}" class="previous">Previous →</a>
        {/block:NextPage}
        
      </p> 
      {/block:Pagination}

</div>

<div id="sidebar">

{block:Description}
   <h4>About Me</h4>

<div id="description">
                {Description}
                    </div>
{/block:Description}

<h4>Search</h4>

{block:Following}
     <div class="following">
        <h4 id="following-header">Following</h4>
<center>    {block:Followed} 
         <a href="{FollowedURL}"><img src="{FollowedPortraitURL-24}" alt="{FollowedName}" title="{FollowedTitle}"/></a>
   {/block:Followed}  
      </div>  </center>
{/block:Following}

<p class="credit">
Themed by <a href="http://www.templah.com">Templah</a> |
See more <a href="http://www.templah.com/search/label/Tumblr">Themes</a>
</p>
    </div>

</div>

</body>
</html>

Find Your Theme / Procure seu Tema

Tema para Tumblr - Fluminense 1

Translate

And More

patrocinados

How Install

Blogs

Veja Também

Facebook

Google

Twitter