Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Tema: Beta;

By: math3usbastos on Mar 25th, 2012  |  syntax: HTML  |  size: 16.69 KB  |  hits: 2,135  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!--
  3.    Tema BETA v1.2
  4.    Feito por Matheus Bastos.
  5.  
  6.    http://ultimanoite.tumblr.com -->
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <head>
  9.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  10.     <title>{block:PostSummary} {PostSummary} &minus; {/block:PostSummary}{block:TagPage} {Tag} &minus; {/block:TagPage}{block:DayPage} {DayOfMonth} de {Month} de {Year} &minus; {/block:DayPage}{Title}</title>
  11.    
  12.     <link rel="shortcut icon" href="{Favicon}" />
  13.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  14.    
  15.     {block:Description}
  16.                 <meta name="description" content="{MetaDescription}" />
  17.     {/block:Description}
  18.    
  19.     <!-- DEFAULT FONTS -->
  20.     <meta name="font:Body" content="Lucida Sans Unicode, Tahoma"/>
  21.    
  22.     <!-- DEFAULT IMAGE -->
  23.     <meta name="image:Background" content="" />
  24.     <meta name="image:Avatar" content="http://24.media.tumblr.com/tumblr_lh5n7r8uxC1qfec78o1_r1_500.gif" />
  25.     <script type="text/javascript" language="javascript" src="http://static.tumblr.com/iq2dgat/dMnmeiyw0/vbokonly.js"></script>
  26.    
  27.     <!-- DEFAULT COLORS -->
  28.     <meta name="color:Background" content="#222222"/>
  29.     <meta name="color:Text" content="#666"/>
  30.     <meta name="color:Link" content="#82cbcc"/>
  31.     <meta name="color:Link Tags" content="#f86f9f"/>
  32.     <meta name="color:Link Hover" content="#888888"/>
  33.         <meta name="color:Bold" content="#666"/>
  34.         <meta name="color:Italic" content="#666"/>
  35.         <meta name="color:Underline" content="#666"/>
  36.        
  37.     <!-- DEFAULT TEXT -->
  38.     <meta name="text:Image Opacity" content="80"/>
  39.     <meta name="text:Username" content="www.yourtumblr.tumblr.com"/>
  40.    
  41.     <meta name="text:Link 1" content="Link 1"/>
  42.     <meta name="text:Link URL 1" content="http://"/>
  43.     <meta name="text:Link 2" content="Link 2"/>
  44.     <meta name="text:Link URL 2" content="http://"/>
  45.    
  46.     <!-- DEFAULTS -->
  47.     <meta name="if:Fixed Sidebar" content="1" />
  48.     <meta name="if:Display Counters" content="1" />
  49.     <meta name="if:Optional Links" content="1" />
  50.        
  51.     <style type="text/css">
  52.                 @import url("http://static.tumblr.com/iq2dgat/o4Hmeiz5h/vbokonly.css");
  53.                 * {
  54.                         margin:0;
  55.                         padding:0;
  56.                 }
  57.                 #clear {
  58.                         clear:both;
  59.                 }
  60.                 body {
  61.                         background:{color:Background};
  62.                         {block:IfBackground}background-image:url({image:Background});{/block:IfBackground}
  63.                         font-family: {font:Body};
  64.                         font-size: 12px;
  65.                         color: {color:Text};
  66.                         text-align:justify;
  67.                         text-shadow: 0px 1px 1px #000;
  68.                 }
  69.                 a {
  70.                         color:{color:Link};
  71.                         text-decoration:none;
  72.                         -webkit-transition:color 0.7s ease;
  73.                         -moz-transition:color 0.7s ease;
  74.                         -o-transition:color 0.7s ease;
  75.                         transition:color 0.7s ease;
  76.                 }
  77.                 a:hover {
  78.                         color:{color:Link Hover};
  79.                 }
  80.                 img {
  81.                         opacity:0.{text:Image Opacity};
  82.                         filter:Alpha(opacity={text:Image Opacity});
  83.                         -webkit-transition:opacity 0.7s ease;
  84.                         -moz-transition:opacity 0.7s ease;
  85.                         -o-transition:opacity 0.7s ease;
  86.                         transition:opacity 0.7s ease;
  87.                 }
  88.                 img:hover {
  89.                         opacity:1.0;
  90.                         filter:Alpha(opacity=100);
  91.                 }
  92.                 h1 {
  93.                         font: normal 15pt Nilland, Tahoma, Verdana;
  94.                 }
  95.                 li {
  96.                         list-style:none;
  97.                 }
  98.                 ul {
  99.                         list-style:none;
  100.                 }
  101.                 strong {
  102.             font-weight:bold;
  103.             color:{color:Bold};
  104.         }
  105.         em {
  106.             font-style:italic;
  107.             color:{color:Italic};
  108.         }
  109.         u {
  110.             text-decoration:underline;
  111.             color:#{color:Underline};
  112.         }
  113.                 #geral {
  114.                         width:800px;
  115.                         margin:15px auto 20px;
  116.                         padding-bottom:20px;
  117.                 }
  118.                 #geral #lateral {
  119.                         width:260px;
  120.                         float:left;
  121.                         {block:IfFixedSidebar}position:fixed;{/block:IfFixedSidebar}
  122.                 }
  123.                 #geral #lateral img {
  124.                         background:#1f1f1f;
  125.                         padding:5px;
  126.                         border:1px solid #292929;
  127.                 }
  128.                 #geral #lateral #links {
  129.                         margin-top:10px;
  130.                         margin-bottom:10px;
  131.                         text-transform:lowercase;
  132.                 }
  133.                 #geral #lateral #links a div {
  134.                         width:127px;
  135.                         float:left;
  136.                         background:#111111;
  137.                         border:1px solid #292929;
  138.                         text-align:center;
  139.                         padding:5px 0;
  140.                         -webkit-transition:background 0.7s ease;
  141.                         -moz-transition:background 0.7s ease;
  142.                         -o-transition:background 0.7s ease;
  143.                         transition:background 0.7s ease;
  144.                 }
  145.                 #geral #lateral #links a:hover div {
  146.                         float:left;
  147.                         background:#1f1f1f;
  148.                         border:1px solid #292929;
  149.                         text-align:center;
  150.                         padding:5px 0;
  151.                 }
  152.                 #geral #lateral #legenda {
  153.                         margin-top:10px;
  154.                 }
  155.                 #geral #lateral #creditos {
  156.                         background:#111111;
  157.                         border:1px solid #292929;
  158.                         padding:5px;
  159.                         margin-top:10px;
  160.                         text-align:center;
  161.                 }
  162.                 #geral #principal {
  163.                         width:522px;
  164.                         float:right;
  165.                 }
  166.                 #geral #principal #post {
  167.                         margin-bottom:25px;
  168.                 }
  169.                 #geral #principal #post input {
  170.                         background:#1f1f1f;
  171.                         padding:2px;
  172.                         color:#FFF;
  173.                         font:12px Lucida Sans Unicode, Tahoma;
  174.                         border:1px solid #292929;
  175.                         margin:0;
  176.                 }
  177.                 #geral #principal #post img {
  178.                         background:#1f1f1f;
  179.                         padding:10px;
  180.                         border:1px solid #292929;
  181.                 }
  182.                 #geral #principal #post #legenda {
  183.                         margin-top:10px;
  184.                         margin-bottom:10px;
  185.                 }
  186.                 #geral #principal #post #compartilhe {
  187.                         margin-top:10px;
  188.                         margin-bottom:10px;
  189.                 }
  190.                 #geral #principal #post #status {
  191.                         background: #111111;
  192.                         border:1px solid #292929;
  193.                         padding:5px;
  194.                         margin-top:10px;
  195.                         text-transform:lowercase;
  196.                 }
  197.                 #geral #principal #post #status a#tags {
  198.                         color:{color:Link Tags};
  199.                 }
  200.                 #geral #principal #post #status a:hover#tags {
  201.                         color:{color:Link Hover};
  202.                 }
  203.                 #geral #principal #post #answer {
  204.                         background:#1f1f1f;
  205.                         padding:5px;
  206.                         border:1px solid #292929;
  207.                         color:{color:Link};
  208.                         font-size:13px;
  209.                         text-transform:uppercase;
  210.                 }
  211.                 #geral #principal #notes {
  212.                         background:#1f1f1f;
  213.                         padding:10px;
  214.                         border:1px solid #292929;
  215.                 }
  216.                 #geral #principal #notes img {
  217.                         background:#111111;
  218.                         border:1px solid #292929;
  219.                         padding:1px;
  220.                 }
  221.                 #geral #principal #paginacao {
  222.                         margin-top:30px;
  223.                         text-align:right;
  224.                 }
  225.                 #geral #principal #paginacao span {
  226.                         background:#111111;
  227.                         padding:2px 5px;
  228.                         text-transform:uppercase;
  229.                         font-size:10px;
  230.                         margin-right:2px;
  231.                 }
  232.                 #geral #principal #paginacao a {
  233.                         background:#000000;
  234.                         padding:2px 5px;
  235.                         color:#777777;
  236.                         text-transform:uppercase;
  237.                         font-size:10px;
  238.                         margin-right:2px;
  239.                 }
  240.                 #geral #principal #paginacao a:hover {
  241.                         background:#111111;
  242.                 }
  243.                 body #rodape {
  244.                         background:#111;
  245.                         border-top:1px solid #292929;
  246.                         left:0;
  247.                         bottom:0;
  248.                         position:fixed;
  249.                         height:35px;
  250.                         width:100%;
  251.                         opacity:0.8;
  252.                         font-size:11px;
  253.                         color:#CCC;
  254.                         z-index:3;
  255.                         -webkit-transition:opacity 0.7s ease;
  256.                         -moz-transition:opacity 0.7s ease;
  257.                         -o-transition:opacity 0.7s ease;
  258.                         transition:opacity 0.7s ease;
  259.                 }
  260.                 body #rodape:hover {
  261.                         opacity:1.0;
  262.                 }
  263.                 body #rodape #margem {
  264.                         width:800px;
  265.                         margin:10px auto;
  266.                 }
  267.                 body #rodape #margem a {
  268.                         color:{color:Link};
  269.                         text-decoration:none;
  270.                 }
  271.                 body #rodape #margem a:hover {
  272.                         color:{color:Link};
  273.                 }
  274.                 body #rodape #margem #esquerda {
  275.                         float:left;
  276.                 }
  277.                 body #rodape #margem #direita {
  278.                         float:right;
  279.                 }
  280.                 body #rodape #margem #direita a#toTop {
  281.                         cursor:pointer;
  282.                 }
  283.                 body #rodape #margem #clear {
  284.                         clear:both;
  285.                 }
  286.     </style>
  287.    
  288.     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
  289.     <script type='text/javascript'>
  290.                 $(function(){
  291.                         $.fn.scrollToTop=function(){
  292.                                 $(this).hide().removeAttr("href");
  293.                                 var scrollDiv=$(this);
  294.                                 $(scrollDiv).fadeIn("slow")
  295.                                
  296.                                 $(this).click(function(){
  297.                                         $("html, body").animate({scrollTop:0},"slow")})
  298.                                 }});
  299.                                
  300.                 $(function() {
  301.                         $("#toTop").scrollToTop();
  302.                 });
  303.     </script>
  304. </head>
  305.  
  306. <body>
  307.         <div id="geral">
  308.                 <div id="lateral">
  309.                         <img src="{image:avatar}" width="248" alt="avatar" />
  310.                         {block:Description}
  311.                         <div id="legenda">
  312.                                 {Description}
  313.                         </div>
  314.                         {/block:Description}
  315.                         <script type="text/javascript" language="javascript">document.write(vbOKOnly);</script>
  316.                         <div id="links">
  317.                                 <div style="margin-bottom:1px;">
  318.                                         <a href="/" title="{Title}"><div>home</div></a>
  319.                                         <a href="/ask" title="ask"><div style="margin-left:1px;">ask</div></a>
  320.                                         <div id="clear"></div>
  321.                                 </div>
  322.                                 <div>
  323.                         <a href="/submit" title="submit"><div>submit</div></a>
  324.                                         <a href="/random" title="random"><div style="margin-left:1px;">random</div></a>
  325.                                         <div id="clear"></div>
  326.                                 </div>
  327.                 {block:IfOptionalLinks}<div>
  328.                         {block:IfLink1}<a href="{text:Link URL 1}" title="{text:Link 1}"><div>{text:Link 1}</div></a>{/block:IfLink1}
  329.                                         {block:IfLink2}<a href="{text:Link URL 2}" title="{text:Link 2}"><div style="margin-left:1px;">{text:Link 2}</div></a>{/block:IfLink2}
  330.                                         <div id="clear"></div>
  331.                                 </div>{/block:IfOptionalLinks}
  332.                         </div>
  333.                 </div>
  334.        
  335.                 <div id="principal">
  336.                 {block:Posts}
  337.                         {block:Text}
  338.                         <div id="post">
  339.                                 <div>
  340.                                         {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  341.                                 </div>
  342.                                 <div id="legenda">
  343.                                         {Body}
  344.                                 </div>
  345.                                 <div id="status">
  346.                                         {block:Date}{DayOfMonthWithZero}/{MonthNumberWithZero}/{Year} - {24Hour}:{Minutes} | {/block:Date}
  347.                                         {block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a> | {/block:NoteCount}
  348.                                         <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink}" target="_blank">Reblog this post</a>
  349.                                         {block:HasTags} |
  350.                                         Tags:
  351.                                                 {block:Tags}<a href="{TagURL}" title="{Tag}" id="tags">#{Tag}</a>, {/block:Tags}
  352.                                         {/block:HasTags}
  353.                                 </div>
  354.                         </div>
  355.                         {/block:Text}
  356.            
  357.                         {block:Photo}
  358.                         <div id="post">
  359.                                 <div align="center">
  360.                                         {LinkOpenTag}<a href="{Permalink}" title="{PhotoAlt}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500" /></a>{LinkCloseTag}
  361.                                 </div>
  362.                                 {block:Caption}
  363.                                 <div id="legenda">
  364.                                         {Caption}
  365.                                 </div>
  366.                                 {/block:Caption}
  367.                                 <div id="status">
  368.                                         {block:Date}{DayOfMonthWithZero}/{MonthNumberWithZero}/{Year} - {24Hour}:{Minutes} | {/block:Date}
  369.                                         {block:NoteCount}<a href="{Permalink}#notas">{NoteCountWithLabel}</a> | {/block:NoteCount}
  370.                                         <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink}" target="_blank">Reblog this post</a>
  371.                                         {block:HasTags} |
  372.                                         Tags:
  373.                                                 {block:Tags}<a href="{TagURL}" title="{Tag}" id="tags">#{Tag}</a>, {/block:Tags}
  374.                                         {/block:HasTags}
  375.                                 </div>
  376.                         </div>
  377.                         {/block:Photo}
  378.            
  379.                         {block:Quote}
  380.                         <div id="post">
  381.                                 <div>
  382.                                         <h1>{Quote}</h1>
  383.                                 </div>
  384.                                 <div id="status">
  385.                                         {block:Date}{DayOfMonthWithZero}/{MonthNumberWithZero}/{Year} - {24Hour}:{Minutes} | {/block:Date}
  386.                                         {block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a> | {/block:NoteCount}
  387.                                         <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink}" target="_blank">Reblog this post</a>
  388.                                         {block:HasTags} |
  389.                                         Tags:
  390.                                                 {block:Tags}<a href="{TagURL}" title="{Tag}" id="tags">#{Tag}</a>, {/block:Tags}
  391.                                         {/block:HasTags}
  392.                                 </div>
  393.                         </div>
  394.                         {/block:Quote}
  395.            
  396.             {block:Link}
  397.             <div id="post">
  398.                 <div>
  399.                         <h1><a href="{URL}" {Target}>{Name}</a></h1>
  400.                 </div>
  401.                 {block:Description}
  402.                 <div id="legenda">
  403.                     {Description}
  404.                 </div>
  405.                 {/block:Description}
  406.                 <div id="status">
  407.                         {block:Date}{DayOfMonthWithZero}/{MonthNumberWithZero}/{Year} - {24Hour}:{Minutes} | {/block:Date}
  408.                     {block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a> | {/block:NoteCount}
  409.                     <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink}" target="_blank">Reblog this post</a>
  410.                     {block:HasTags} |
  411.                     Tags:
  412.                         {block:Tags}<a href="{TagURL}" title="{Tag}" id="tags">#{Tag}</a>, {/block:Tags}
  413.                     {/block:HasTags}
  414.                 </div>
  415.                 </div>
  416.             {/block:Link}
  417.            
  418.             {block:Audio}
  419.             <div id="post">
  420.                 <div style="background:#000;">
  421.                   {AudioPlayerBlack}
  422.                 </div>
  423.                 {block:Caption}
  424.                 <div id="legenda">
  425.                     {Caption}
  426.                 </div>
  427.                 {/block:Caption}
  428.                 <div id="status">
  429.                         {block:Date}{DayOfMonthWithZero}/{MonthNumberWithZero}/{Year} - {24Hour}:{Minutes} | {/block:Date}
  430.                     {block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a> | {/block:NoteCount}
  431.                     <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink}" target="_blank">Reblog this post</a>
  432.                     {block:HasTags} |
  433.                     Tags:
  434.                         {block:Tags}<a href="{TagURL}" title="{Tag}" id="tags">#{Tag}</a>, {/block:Tags}
  435.                     {/block:HasTags}
  436.                 </div>
  437.                 </div>
  438.             {/block:Audio}
  439.            
  440.             {block:Video}
  441.             <div id="post">
  442.                 <div align="center">
  443.                         {Video-500}
  444.                 </div>
  445.                 {block:Caption}
  446.                 <div id="legenda">
  447.                     {Caption}
  448.                 </div>
  449.                 {/block:Caption}
  450.                 <div id="status">
  451.                         {block:Date}{DayOfMonthWithZero}/{MonthNumberWithZero}/{Year} - {24Hour}:{Minutes} | {/block:Date}
  452.                     {block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a> | {/block:NoteCount}
  453.                     <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink}" target="_blank">Reblog this post</a>
  454.                     {block:HasTags} |
  455.                     Tags:
  456.                         {block:Tags}<a href="{TagURL}" title="{Tag}" id="tags">#{Tag}</a>, {/block:Tags}
  457.                     {/block:HasTags}
  458.                 </div>
  459.                 </div>
  460.             {/block:Video}
  461.            
  462.             {block:Answer}
  463.             <div id="post">
  464.                 <div id="answer">
  465.                     {Question}
  466.                 </div>
  467.                
  468.                 <div id="legenda">
  469.                     {Answer}
  470.                 </div>
  471.                
  472.                 <div id="status">
  473.                         {block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a> | {/block:NoteCount}
  474.                     {block:Date}{DayOfMonthWithZero}/{MonthNumberWithZero}/{Year} - {24Hour}:{Minutes}{/block:Date}
  475.                     | {Asker}, asked this question.
  476.                 </div>
  477.                 </div>
  478.             {/block:Answer}
  479.            
  480.             {block:PostNotes}
  481.             <div id="notes">
  482.                 <a name="notes"></a>
  483.                
  484.                 {PostNotes}
  485.             </div>
  486.             {/block:PostNotes}
  487.         {/block:Posts}
  488.            
  489.         {block:Pagination}
  490.             <div id="paginacao">
  491.                 <span>Page <strong>{CurrentPage}</strong> of <strong>{TotalPages}</strong></span>
  492.                
  493.                 {block:PreviousPage}
  494.                     <a href="{PreviousPage}">&lsaquo;</a>
  495.                 {/block:PreviousPage}
  496.                                  
  497.                 {block:JumpPagination length="8"}
  498.                     {block:CurrentPage}
  499.                         <span>{PageNumber}</span>
  500.                     {/block:CurrentPage}
  501.                        
  502.                     {block:JumpPage}
  503.                         <a href="{URL}">{PageNumber}</a>
  504.                     {/block:JumpPage}
  505.                 {/block:JumpPagination}
  506.                
  507.                 {block:NextPage}    
  508.                     <a href="{NextPage}">&rsaquo;</a>
  509.                 {/block:NextPage}            
  510.             </div>
  511.         {/block:Pagination}
  512.         </div>
  513.         <div id="clear"> </div>
  514.     </div>
  515.    
  516.     <div id="rodape">
  517.         <div id="margem">
  518.                 <div id="esquerda">
  519.                 &copy; <a href="/" title="{Title}">{Title}</a>.
  520.                 Theme by <a href="http://ultimanoite.tumblr.com/" title="ultimanoite">ultimanoite</a>.
  521.                 {block:IfDisplayCounters}
  522.                 <strong><script src="http://fastwebcounter.com/secure.php?s={text:Username}"></script></strong> visits.
  523.                 <strong><script type="text/javascript" src="http://fastonlineusers.com/on3.php?d={text:Username}"></script></strong> online.
  524.                 {/block:IfDisplayCounters}
  525.                 </div>
  526.            
  527.             <div id="direita">
  528.                 <a href="#" id="toTop" title="Back to top">Back to top</a>.
  529.             </div>
  530.            
  531.             <div id="clear"> </div>
  532.         </div>
  533.     </div>
  534. </body>
  535. </html>
create a new version of this paste RAW Paste Data