Tema para Tumblr - Vasco 2 | Templah - Themes for Facebook, blogger, tumblr and more.

Novo tema do Clube de Regatas Vasco da Gama para você personalizar o Tema do seu Tumblr. Para instalar é muito fácil. Aqui mesmo no Templah você encontra um tutorial que explica como fazer. Você encontra aqui no link abaixo da foto do tema ou então no menu ajuda. Esse tema é nas cores do Vasco, o gigante da Colina para você colocar no seu Tumblr.

_{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/tumblr/vasco-2-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 - Vasco 2

Translate

And More

patrocinados

How Install

Blogs

Veja Também

Facebook

Google

Twitter