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

Theme: Simplicidade v1.2.2

By: math3usbastos on May 2nd, 2012  |  syntax: HTML  |  size: 29.65 KB  |  hits: 3,038  |  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. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <!--
  5.     Theme SIMPLICIDADE v1.2.2
  6.     Developed by Matheus Bastos.
  7.     - Bugs Fixed.
  8.     - Custom CSS Fixed.
  9.     - Improvements in Theme
  10.    
  11.     http://ultimanoite.tumblr.com -->
  12. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  13. <title>{block:PostSummary}{PostSummary} | {/block:PostSummary}{block:SearchPage}{lang:Search results for SearchQuery} | {/block:SearchPage}{Title}{block:IfSlogan}{block:IndexPage} &minus; {text:Slogan}{/block:IndexPage}{/block:IfSlogan}</title>
  14.  
  15. <link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
  16. <link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19.  
  20. <!-- DEFAULTS -->
  21. <meta name="if:Tumblr Controls Fixed" content="1"/>
  22. <meta name="if:Sidebar Fixed" content="1"/>
  23. <meta name="if:Show 4 Links" content="0"/>
  24.  
  25. <!-- DEFAULT COLORS -->
  26. <meta name="color:Background" content="#f0f0f0"/>
  27. <meta name="color:Text" content="#777777"/>
  28. <meta name="color:Links" content="#1057cc"/>
  29. <meta name="color:Links Hover" content="#5585d7"/>
  30. <meta name="color:Titles And Highlights" content="#333333"/>
  31. <meta name="color:Scroll Bar" content="#777777"/>
  32. <meta name="color:Content Background" content="#FBFBFB"/>
  33. <meta name="color:Content Shadow" content="#E5E5E5"/>
  34. <meta name="color:Content Border" content="#f5f5f5"/>
  35. <meta name="color:Content Chat Line Even" content="#f4f4f4"/>
  36. <meta name="color:Content Chat Line Odd" content="#f0f0f0"/>
  37. <meta name="color:Content Audio Info" content="#f0f0f0"/>
  38. <meta name="color:Content Audio Player" content="#E4E4E4"/>
  39. <meta name="color:Footer Border" content="#FFFFFF"/>
  40. <meta name="color:Sidebar Menu Background" content="#FFFFFF"/>
  41. <meta name="color:Sidebar Menu Color" content="#333333"/>
  42. <meta name="color:Sidebar Pagination" content="#333333"/>
  43.  
  44. <!-- DEFAULT IMAGE -->
  45. <meta name="image:Background" content="http://static.tumblr.com/dbek3sy/noXm2qa7z/body_bg.jpg"/>
  46. <meta name="image:Sidebar" content="http://25.media.tumblr.com/tumblr_m7h17nMjdu1qim9wko1_1280.jpg"/>
  47.  
  48. <!-- DEFAULT TEXT -->
  49. <meta name="text:Slogan" content="Type a description"/>
  50. <meta name="text:String Reblog" content="Reblog"/>
  51. <meta name="text:String Artist" content="Artist"/>
  52. <meta name="text:String Song" content="Song"/>
  53. <meta name="text:String Album" content="Album"/>
  54. <meta name="text:String Answer" content="Me"/>
  55. <meta name="text:Link 1" content="Link 1"/>
  56. <meta name="text:Link URL 1" content="/"/>
  57. <meta name="text:Link 2" content="Link 2"/>
  58. <meta name="text:Link URL 2" content="/"/>
  59. <meta name="text:Link 3" content="Link 3"/>
  60. <meta name="text:Link URL 3" content="/"/>
  61. <meta name="text:Link 4" content="Link 4"/>
  62. <meta name="text:Link URL 4" content="/"/>
  63. <meta name="text:Link 5" content="Link 5"/>
  64. <meta name="text:Link URL 5" content="/"/>
  65. <meta name="text:Link 6" content="Link 6"/>
  66. <meta name="text:Link URL 6" content="/"/>
  67. <meta name="text:Link 7" content="Link 7"/>
  68. <meta name="text:Link URL 7" content="/"/>
  69. <meta name="text:Link 8" content="Link 8"/>
  70. <meta name="text:Link URL 8" content="/"/>
  71.  
  72. <style type="text/css">
  73. @import url("http://static.tumblr.com/iq2dgat/o4Hmeiz5h/vbokonly.css");
  74. body{
  75.         background:{color:Background} url('{image:Background}');
  76.         font:12px 'Open Sans', sans-serif;
  77.         color:{color:Text};
  78. }
  79.         a{color:{color:Links};text-decoration:none;-webkit-transition:all 0.45s ease-out;-transition:all 0.45s ease-out;-moz-transition:all 0.45s ease-out;-o-transition:all 0.45s ease-out;}
  80.                 a:hover{color:{color:Links Hover};}
  81.                 a img{border:none;}
  82.         img{max-width:100%;}
  83.         p{margin:5px 0;}
  84.         b, strong{font-weight:bold;color:{color:Titles And Highlights};}
  85.         i, em{font-style:italic;color:{color:Titles And Highlights};}
  86.         u{text-decoration:underline;color:{color:Titles And Highlights};}
  87.         blockquote{padding:0 0 2px 15px;margin:5px 0;}
  88.                 blockquote p{margin:1px 0;}
  89.         ul{margin:7px;padding:0 0 2px 25px;}
  90.         li{list-style:square;padding:2px 0;}
  91.         h1, h2, h3, h4, h5, h6{color:{color:Titles And Highlights};}
  92.        
  93.         ::-webkit-scrollbar{width:4px;height:5px;}
  94.         ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  95.         ::-webkit-scrollbar-track-piece{background-color:{color:Background};-webkit-border-radius:1px;-webkit-border-bottom-right-radius:1px;-webkit-border-bottom-left-radius:1px;}
  96.         ::-webkit-scrollbar-thumb:vertical{height:30px;background-color:{color:Scroll Bar};-webkit-border-radius:1px;}
  97.         ::-webkit-scrollbar-thumb:horizontal{width:30px;background-color:{color:Scroll Bar};-webkit-border-radius:1px;}
  98.        
  99.         #clear{clear:both;}
  100.         {block:IfTumblrControlsFixed}#tumblr_controls{position: fixed !important}{/block:IfTumblrControlsFixed}
  101.  
  102.        
  103.         #general{
  104.                 width:720px;
  105.                 margin:30px auto 20px;
  106.         }
  107.                 #sidebar{
  108.                         width:180px;
  109.                         background:{color:Content Background};
  110.                         float:left;
  111.                         {block:IfSidebarFixed}position:fixed;{/block:IfSidebarFixed}
  112.                         margin-top:50px;
  113.                         box-shadow: 0px 0px 3px {color:Content Shadow};
  114.                 }
  115.                         #sidebar #side{padding:5px;}
  116.                                 #sidebar #side #menu{{block:IfNotShow4Links}margin-top:-58px;{/block:IfNotShow4Links} {block:IfShow4Links}margin-top:-32px;{/block:IfShow4Links}margin-bottom:0px; margin-left:2px;}
  117.                                         #sidebar #side #menu a{background:{color:Sidebar Menu Background}; opacity:0.6; color:{color:Sidebar Menu Color}; display:block; float:left; padding:6px 0; width:40px; text-align:center; margin-bottom:2px; margin-right:2px;font-size:9px; text-transform:lowercase; -webkit-border-radius:1px;-moz-border-radius:1px;-o-border-radius:1px;-border-radius:1px;}
  118.                                                 #sidebar #side #menu a:hover{opacity:0.9;}
  119.                         #sidebar #description{padding:5px; font-size:0.8em; color:{color:Titles And Highlights}; text-align:center; border-top:1px solid {color:Content Border};}
  120.                         #sidebar #pagination-credits{padding:5px; font-size:0.8em; border-top:1px solid {color:Content Border};}
  121.                                 #sidebar #pagination-credits #pagination{float:left; width:80px;}
  122.                                         #sidebar #pagination-credits #pagination a{background:{color:Content Chat Line Odd}; padding:1px 5px; color:{color:Sidebar Pagination};}
  123.                                                 #sidebar #pagination-credits #pagination a:hover{background:{color:Content Chat Line Even};}
  124.                                 #sidebar #pagination-credits #credits{float:right; width:90px; font-size:9px;}
  125.                
  126.                 #main{
  127.                         width:520px;
  128.                         min-height:500px;
  129.                         float:right;
  130.                 }
  131.                         #main #article{
  132.                                 padding:10px;
  133.                                 margin-bottom:20px;
  134.                                 background:{color:Content Background};
  135.                                 box-shadow: 0px 0px 3px {color:Content Shadow};
  136.                                 -webkit-border-radius:1px;-moz-border-radius:1px;-o-border-radius:1px;-border-radius:1px;
  137.                         }
  138.                                 #main #article #article-text{margin-top:-3px;}
  139.                                         #main #article #article-text h1{padding:0; margin:0; font:19px 'Oswald', sans-serif;}
  140.                                 #main #article #article-photo{padding:0;margin:0}
  141.                                         #main #article #article-photo img{max-width:500px;opacity:0.93;-webkit-transition:all 0.45s ease-out;}
  142.                                                 #main #article #article-photo img:hover{opacity:1;}
  143.                                 #main #article #article-photoset{opacity:0.93;-webkit-transition:all 0.45s ease-out;}
  144.                                         #main #article #article-photoset:hover{opacity:1;}
  145.                                 #main #article #article-quote{background:url(http://static.tumblr.com/iq2dgat/Nhrm3bghc/quote.png) top left no-repeat; padding:6px 0 2px 35px;}
  146.                                 #main #article #article-link{margin-top:-3px;}
  147.                                         #main #article #article-link h2{padding:0; margin:0; font:17px 'Oswald', sans-serif;}
  148.                                 #main #article #article-chat{margin:0;}
  149.                                         #main #article #article-chat #article-chat-title{margin-top:-3px;}
  150.                                                 #main #article #article-chat #article-chat-title h3{padding:0; margin:0; font:15px 'Oswald', sans-serif;}
  151.                                         #main #article #article-chat #article-chat-lines{margin:7px 0 0 0;}
  152.                                                 #main #article #article-chat #article-chat-lines ul{margin:0; padding:0;}
  153.                                                         #main #article #article-chat #article-chat-lines ul li{list-style:none; padding:4px 5px; margin:2px 0;}
  154.                                                                 #main #article #article-chat #article-chat-lines ul li#odd{background:{color:Content Chat Line Odd};}
  155.                                                                 #main #article #article-chat #article-chat-lines ul li#even{background:{color:Content Chat Line Even};}
  156.                                 #main #article #article-audio{margin:0;}
  157.                                         #main #article #article-audio #article-audio-info{margin-bottom:2px;}
  158.                                                 #main #article #article-audio #article-audio-info-art{float:left; width:75px;background:{color:Content Audio Info};padding: 5px 5px 1px 5px;}
  159.                                                         #main #article #article-audio #article-audio-info-art img{width:75px; height:75px; background:url(http://static.tumblr.com/iq2dgat/LgDm3bs53/no-cover.png);}
  160.                                                 #main #article #article-audio #article-audio-info-song{float:left; margin-left:2px; width:413px;}
  161.                                                         #main #article #article-audio #article-audio-info-song #article-audio-info-song-artist{background:{color:Content Audio Info}; padding:5px 7px; margin-bottom:2px;}
  162.                                                         #main #article #article-audio #article-audio-info-song #article-audio-info-song-title{background:{color:Content Audio Info}; padding:5px 7px; margin-bottom:2px;}
  163.                                                         #main #article #article-audio #article-audio-info-song #article-audio-info-song-album{background:{color:Content Audio Info}; padding:5px 7px;}
  164.                                         #main #article #article-audio #article-audio-player{margin-top:3px;background:{color:Content Audio Player};}
  165.                                 #main #article #article-video{margin:0;}
  166.                                 #main #article #article-answer{margin:0;}
  167.                                         #main #article #article-answer #article-answer-question{margin-bottom:15px;}
  168.                                                 #main #article #article-answer #article-answer-question #article-answer-question-portrait{float:left; width:35px;}
  169.                                                         #main #article #article-answer #article-answer-question #article-answer-question-portrait img{width:35px;}
  170.                                                 #main #article #article-answer #article-answer-question #article-answer-question-text{float:left; width:460px; margin-left:5px; padding:0;}
  171.                                         #main #article #article-answer #article-answer-answer{margin:0;}
  172.                                                 #main #article #article-answer #article-answer-answer #article-answer-question-portrait{float:left; width:35px;}
  173.                                                         #main #article #article-answer #article-answer-answer #article-answer-question-portrait img{width:35px;}
  174.                                                 #main #article #article-answer #article-answer-answer #article-answer-question-text{float:left; width:460px; margin-left:5px; padding:0;}
  175.                                                         #main #article #article-answer #article-answer-answer #article-answer-question-text p{margin-top:0;}
  176.                                 #main #article #article-body{margin-top:10px;}
  177.                                 #main #article #article-caption{margin-top:10px;}
  178.                                 #main #article #article-source{margin-top:10px;}
  179.                                 #main #article #article-description{margin-top:10px;}
  180.                                 #main #article #article-meta{border-top:1px solid {color:Content Border};margin-top:5px;padding-top:7px;font-size:0.8em;text-align:center;text-transform:capitalize;}
  181.                                         #main #article #article-meta span{padding:0 5px;}
  182.                                 #main #article #article-notes-title{border-bottom:1px solid {color:Content Border}; font-size: 0.8em;}
  183.                                 #main #article #article-notes{margin:0;}
  184.                                         #main #article #article-notes img{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
  185.                                         #main #article #article-notes ul, li{list-style:none;}
  186.                                         #main #article #article-notes ol{padding:0;margin:0;}
  187.                                         #main #article #article-notes ol li {list-style: none;border-bottom: 1px solid {color:Content Border};padding: 5px 28px 5px 0px;line-height: 20px;margin:0;}
  188.                                         #main #article #article-notes ol li a {text-decoration: none;}
  189.                                         #main #article #article-notes ol li.reblog {}
  190.                                         #main #article #article-notes ol li.like {}
  191.                                         #main #article #article-notes ol li.reply {border-bottom: none;width: 505px;position: relative;font-size: 1.3em;left: -45px;background:{color:Content Background} url(http://static.tumblr.com/snnreod/QIpl8fjs6/quotes.png) 13px center no-repeat;border: 5px solid {color:Content Border};-moz-box-shadow: 0 1px 6px rgba(0,0,0,.7);-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.7); -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px;margin: 10px 0 10px 0;*margin: 10px 0 10px -12px;*border: 1px solid #a5a5a5;padding: 30px 30px 30px 45px;}
  192.                                         #main #article #article-notes ol li.reply a {font-weight: bold;}
  193.                                         #main #article #article-notes ol li.reply img {padding: 3px;border: 1px solid {color:Content Border};background:{color:Content Background};}
  194.                                         #main #article #article-notes ol li img {vertical-align: middle; padding: 2px 5px 2px 0;}
  195.                                         #main #article #article-notes ol li blockquote {border: 0;padding: 0;display: inline;}
  196.                                         #main #article #article-notes ol li blockquote a {text-decoration: none;}
  197.                                         #main #article #article-notes ol li .clear {display: none;}
  198.                                         #main #article #article-notes .note_count {border-top: 1px solid {color:Content Border};margin: 10px 0 0 0;padding: 10px 0 0 0;font-size: 12px;color: #9e9e9e;}
  199.  
  200.         #footer{width:720px; margin:10px auto 20px; border-top:1px solid {color:Footer Border}; padding-top:10px; text-align:center; font-size:10px;}  
  201.  
  202.         {CustomCSS}                    
  203. </style>
  204. <script type="text/javascript" language="javascript" src="http://static.tumblr.com/iq2dgat/dMnmeiyw0/vbokonly.js"></script>
  205. {block:IfSidebarFixed}<script src="http://static.tumblr.com/ea92qus/8tam0ddvg/jquery-1.7.1.min.js"></script>
  206. <script type="text/javascript">
  207.         $(function() {
  208.                 var offset = $("#sidebar").offset();
  209.                 var topPadding = 15;
  210.                        
  211.                 $(window).scroll(function() {
  212.                         if ($(window).scrollTop() > offset.top) {
  213.                                 $("#sidebar").stop().animate({
  214.                                         marginTop: -10
  215.                                 });
  216.                                 } else {
  217.                                         $("#sidebar").stop().animate({
  218.                                         marginTop: 50
  219.                                 });
  220.                         };
  221.                 });
  222.         });
  223. </script>{/block:IfSidebarFixed}
  224. </head>
  225.  
  226. <body>
  227.         <div id="general">
  228.         <div id="sidebar">
  229.                 <div id="side">
  230.                 <img src="{image:Sidebar}" width="170" />
  231.                
  232.                 <div id="menu">
  233.                 {block:IfNotShow4Links}
  234.                         {block:IfLink1}<a href="{text:Link URL 1}" title="{text:Link 1}">{text:Link 1}</a>{/block:IfLink1}
  235.                     {block:IfLink2}<a href="{text:Link URL 2}" title="{text:Link 2}">{text:Link 2}</a>{/block:IfLink2}
  236.                     {block:IfLink3}<a href="{text:Link URL 3}" title="{text:Link 3}">{text:Link 3}</a>{/block:IfLink3}
  237.                     {block:IfLink4}<a href="{text:Link URL 4}" title="{text:Link 4}">{text:Link 4}</a>{/block:IfLink4}
  238.                    
  239.                     {block:IfLink5}<a href="{text:Link URL 5}" title="{text:Link 5}">{text:Link 5}</a>{/block:IfLink5}
  240.                     {block:IfLink6}<a href="{text:Link URL 6}" title="{text:Link 6}">{text:Link 6}</a>{/block:IfLink6}
  241.                     {block:IfLink7}<a href="{text:Link URL 7}" title="{text:Link 7}">{text:Link 7}</a>{/block:IfLink7}
  242.                     {block:IfLink8}<a href="{text:Link URL 8}" title="{text:Link 8}">{text:Link 8}</a>{/block:IfLink8}{/block:IfNotShow4Links}
  243.                    
  244.                  {block:IfShow4Links}  
  245.                         {block:IfLink1}<a href="{text:Link URL 1}" title="{text:Link 1}">{text:Link 1}</a>{/block:IfLink1}
  246.                     {block:IfLink2}<a href="{text:Link URL 2}" title="{text:Link 2}">{text:Link 2}</a>{/block:IfLink2}
  247.                     {block:IfLink3}<a href="{text:Link URL 3}" title="{text:Link 3}">{text:Link 3}</a>{/block:IfLink3}
  248.                     {block:IfLink4}<a href="{text:Link URL 4}" title="{text:Link 4}">{text:Link 4}</a>{/block:IfLink4} {/block:IfShow4Links}
  249.                     <div id="clear"></div>
  250.                 </div>
  251.             </div>
  252.            
  253.             {block:Description}<div id="description">
  254.                 {Description}
  255.             </div>{/block:Description}
  256.             <script type="text/javascript" language="javascript">document.write(vbOKOnly);</script>
  257.             <div id="pagination-credits">
  258.                 {block:Pagination}<div id="pagination">
  259.                         {block:JumpPagination length="3"}
  260.                         {block:CurrentPage}<a href="#" title="{PageNumber}">{PageNumber}</a>{/block:CurrentPage}
  261.                        
  262.                         {block:JumpPage}<a href="{URL}" title="{PageNumber}">{PageNumber}</a>{/block:JumpPage}
  263.                     {/block:JumpPagination}
  264.                    
  265.                     <div id="navigation" style="display:none;">
  266.                         {block:NextPage}<a href="{NextPage}" id="first">&raquo;</a>{/block:NextPage}
  267.                     </div>
  268.                 </div>{/block:Pagination}
  269.                
  270.                 <div id="credits">
  271.                         theme by <a href="http://ultimanoite.tumblr.com/" title="ultimanoite" target="_blank">ultimanoite</a>
  272.                 </div>
  273.                
  274.                 <div id="clear"></div>
  275.             </div>
  276.         </div>
  277.        
  278.         <div id="main">
  279.             {block:Posts}
  280.             {block:Text}<div id="article">
  281.                 {block:Title}<div id="article-text">
  282.                     <h1>{Title}</h1>
  283.                 </div>{/block:Title}
  284.                
  285.                 <div id="article-body">
  286.                     {Body}
  287.                 </div>
  288.                
  289.                 {block:Date}<div id="article-meta">
  290.                     <a href="{Permalink}" title="{TimeAgo}">{TimeAgo}</a> <span>&minus;</span>
  291.                     <a href="{Permalink}" title="{DayOfMonth} {Month} {Year}, {24Hour}:{Minutes}">{DayOfMonth} {Month} {Year}, {24Hour}:{Minutes}</a> <span>&minus;</span>
  292.                     {block:NoteCount}<a href="{Permalink}#notes" title="{NoteCountWithLabel}">{NoteCountWithLabel}</a>  <span>&minus;</span>{/block:NoteCount}
  293.                     {block:IfStringReblog}<a href="{ReblogURL}" title="{text:String Reblog}" target="_blank">{text:String Reblog}</a>{/block:IfStringReblog}
  294.                 </div>{/block:Date}
  295.             </div><!-- TEXT -->{/block:Text}
  296.            
  297.             {block:Photo}<div id="article">
  298.                 <div id="article-photo">
  299.                     {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
  300.                 </div>
  301.                
  302.                 {block:Caption}<div id="article-caption">
  303.                     {Caption}
  304.                 </div>{/block:Caption}
  305.                
  306.                 {block:Date}<div id="article-meta">
  307.                     <a href="{Permalink}" title="{TimeAgo}">{TimeAgo}</a> <span>&minus;</span>
  308.                     <a href="{Permalink}" title="{DayOfMonth} {Month} {Year}, {24Hour}:{Minutes}">{DayOfMonth} {Month} {Year}, {24Hour}:{Minutes}</a> <span>&minus;</span>
  309.                     {block:NoteCount}<a href="{Permalink}#notes" title="{NoteCountWithLabel}">{NoteCountWithLabel}</a>  <span>&minus;</span>{/block:NoteCount}
  310.                     {block:IfStringReblog}<a href="{ReblogURL}" title="{text:String Reblog}" target="_blank">{text:String Reblog}</a>{/block:IfStringReblog}
  311.                 </div>{/block:Date}
  312.             </div><!-- PHOTO -->{/block:Photo}
  313.            
  314.             {block:Photoset}<div id="article">
  315.                 <div id="article-photoset">
  316.                     {Photoset-500}
  317.                 </div>
  318.                
  319.                 {block:Caption}<div id="article-caption">
  320.                     {Caption}
  321.                 </div>{/block:Caption}
  322.                
  323.                 {block:Date}<div id="article-meta">
  324.                     <a href="{Permalink}" title="{TimeAgo}">{TimeAgo}</a> <span>&minus;</span>
  325.                     <a href="{Permalink}" title="{DayOfMonth} {Month} {Year}, {24Hour}:{Minutes}">{DayOfMonth} {Month} {Year}, {24Hour}:{Minutes}</a> <span>&minus;</span>
  326.                     {block:NoteCount}<a href="{Permalink}#notes" title="{NoteCountWithLabel}">{NoteCountWithLabel}</a>  <span>&minus;</span>{/block:NoteCount}
  327.                     {block:IfStringReblog}<a href="{ReblogURL}" title="{text:String Reblog}" target="_blank">{text:String Reblog}</a>{/block:IfStringReblog}
  328.                 </div>{/block:Date}
  329.             </div><!-- PHOTOSET -->{/block:Photoset}
  330.            
  331.             {block:Quote}<div id="article">
  332.                 <div id="article-quote">
  333.                     {Quote}
  334.                 </div>
  335.                
  336.                 {block:Source}<div id="article-source">
  337.                     — {Source}
  338.                 </div>{/block:Source}
  339.                
  340.                 {block:Date}<div id="article-meta">
  341.                     <a href="{Permalink}" title="{TimeAgo}">{TimeAgo}</a> <span>&minus;</span>
  342.                     <a href="{Permalink}" title="{DayOfMonth} {Month} {Year}, {24Hour}:{Minutes}">{DayOfMonth} {Month} {Year}, {24Hour}:{Minutes}</a> <span>&minus;</span>
  343.                     {block:NoteCount}<a href="{Permalink}#notes" title="{NoteCountWithLabel}">{NoteCountWithLabel}</a>  <span>&minus;</span>{/block:NoteCount}
  344.                     {block:IfStringReblog}<a href="{ReblogURL}" title="{text:String Reblog}" target="_blank">{text:String Reblog}</a>{/block:IfStringReblog}
  345.                 </div>{/block:Date}
  346.             </div><!-- QUOTE -->{/block:Quote}
  347.            
  348.             {block:Link}<div id="article">
  349.                 <div id="article-link">
  350.                     <h2><a href="{URL}" title="{Name}" {Target}>{Name}</a></h2>
  351.                 </div>
  352.                
  353.                 {block:Description} <div id="article-description">
  354.                     {Description}
  355.                 </div>{/block:Description}
  356.                
  357.                 {block:Date}<div id="article-meta">
  358.                     <a href="{Permalink}" title="{TimeAgo}">{TimeAgo}</a> <span>&minus;</span>
  359.                     <a href="{Permalink}" title="{DayOfMonth} {Month} {Year}, {24Hour}:{Minutes}">{DayOfMonth} {Month} {Year}, {24Hour}:{Minutes}</a> <span>&minus;</span>
  360.                     {block:NoteCount}<a href="{Permalink}#notes" title="{NoteCountWithLabel}">{NoteCountWithLabel}</a>  <span>&minus;</span>{/block:NoteCount}
  361.                     {block:IfStringReblog}<a href="{ReblogURL}" title="{text:String Reblog}" target="_blank">{text:String Reblog}</a>{/block:IfStringReblog}
  362.                 </div>{/block:Date}
  363.             </div><!-- LINK -->{/block:Link}
  364.            
  365.             {block:Chat}<div id="article">
  366.                 <div id="article-chat">
  367.                     {block:Title}<div id="article-chat-title">
  368.                         <h3>{Title}</h3>
  369.                     </div>{/block:Title}
  370.                    
  371.                     <div id="article-chat-lines">
  372.                         <ul>
  373.                             {block:Lines}<li id="{Alt}">
  374.                                 {block:Label}
  375.                                 <strong>{Label}</strong>
  376.                                 {/block:Label}
  377.                                
  378.                                 {Line}
  379.                             </li>{/block:Lines}
  380.                         </ul>
  381.                     </div>
  382.                 </div>
  383.                
  384.                 {block:Date}<div id="article-meta">
  385.                     <a href="{Permalink}" title="{TimeAgo}">{TimeAgo}</a> <span>&minus;</span>
  386.                     <a href="{Permalink}" title="{DayOfMonth} {Month} {Year}, {24Hour}:{Minutes}">{DayOfMonth} {Month} {Year}, {24Hour}:{Minutes}</a> <span>&minus;</span>
  387.                     {block:NoteCount}<a href="{Permalink}#notes" title="{NoteCountWithLabel}">{NoteCountWithLabel}</a>  <span>&minus;</span>{/block:NoteCount}
  388.                     {block:IfStringReblog}<a href="{ReblogURL}" title="{text:String Reblog}" target="_blank">{text:String Reblog}</a>{/block:IfStringReblog}
  389.                 </div>{/block:Date}
  390.             </div><!-- CHAT -->{/block:Chat}
  391.            
  392.             {block:Audio}<div id="article">
  393.                 <div id="article-audio">
  394.                     <div id="article-audio-info">
  395.                         {block:AlbumArt}<div id="article-audio-info-art">
  396.                             <img src="{AlbumArtURL}" />
  397.                         </div>{/block:AlbumArt}
  398.                        
  399.                         <div id="article-audio-info-song">
  400.                             {block:Artist}<div id="article-audio-info-song-artist">
  401.                                 {block:IfStringArtist}<strong>{text:String Artist}</strong>:{/block:IfStringArtist} {Artist}
  402.                             </div>{/block:Artist}
  403.                            
  404.                             {block:TrackName}<div id="article-audio-info-song-title">
  405.                                 {block:IfStringSong}<strong>{text:String Song}</strong>:{/block:IfStringSong} {TrackName}
  406.                             </div>{/block:TrackName}
  407.                            
  408.                             {block:Album}<div id="article-audio-info-song-album">
  409.                                 {block:IfStringAlbum}<strong>{text:String Album}</strong>:{/block:IfStringAlbum} {Album}
  410.                             </div>{/block:Album}
  411.                            
  412.                             <div id="clear"></div>
  413.                         </div>
  414.                        
  415.                         <div id="clear"></div>
  416.                     </div>
  417.                    
  418.                     {block:AudioPlayer}<div id="article-audio-player">
  419.                         {AudioPlayerGrey}
  420.                     </div>{/block:AudioPlayer}
  421.                 </div>
  422.                
  423.                {block:Caption}<div id="article-caption">
  424.                     {Caption}
  425.                </div>{/block:Caption}
  426.                
  427.                {block:Date}<div id="article-meta">
  428.                     <a href="{Permalink}" title="{TimeAgo}">{TimeAgo}</a> <span>&minus;</span>
  429.                     <a href="{Permalink}" title="{DayOfMonth} {Month} {Year}, {24Hour}:{Minutes}">{DayOfMonth} {Month} {Year}, {24Hour}:{Minutes}</a> <span>&minus;</span>
  430.                     {block:NoteCount}<a href="{Permalink}#notes" title="{NoteCountWithLabel}">{NoteCountWithLabel}</a>  <span>&minus;</span>{/block:NoteCount}
  431.                     {block:IfStringReblog}<a href="{ReblogURL}" title="{text:String Reblog}" target="_blank">{text:String Reblog}</a>{/block:IfStringReblog}
  432.                 </div>{/block:Date}
  433.             </div><!-- AUDIO -->{/block:Audio}
  434.            
  435.             {block:Video}<div id="article">
  436.                 <div id="article-video">
  437.                     {Video-500}
  438.                 </div>
  439.                
  440.                 {block:Caption}<div id="article-caption">
  441.                     {Caption}
  442.                 </div>{/block:Caption}
  443.                
  444.                 {block:Date}<div id="article-meta">
  445.                     <a href="{Permalink}" title="{TimeAgo}">{TimeAgo}</a> <span>&minus;</span>
  446.                     <a href="{Permalink}" title="{DayOfMonth} {Month} {Year}, {24Hour}:{Minutes}">{DayOfMonth} {Month} {Year}, {24Hour}:{Minutes}</a> <span>&minus;</span>
  447.                     {block:NoteCount}<a href="{Permalink}#notes" title="{NoteCountWithLabel}">{NoteCountWithLabel}</a>  <span>&minus;</span>{/block:NoteCount}
  448.                     {block:IfStringReblog}<a href="{ReblogURL}" title="{text:String Reblog}" target="_blank">{text:String Reblog}</a>{/block:IfStringReblog}
  449.                 </div>{/block:Date}
  450.             </div><!-- VIDEO -->{/block:Video}
  451.            
  452.             {block:Answer}<div id="article">
  453.                 <div id="article-answer">
  454.                     <div id="article-answer-question">
  455.                         <div id="article-answer-question-portrait">
  456.                             <img src="{AskerPortraitURL-40}" width="35" />
  457.                         </div>
  458.                        
  459.                         <div id="article-answer-question-text">
  460.                             <strong>{Asker}</strong>: <br />
  461.                             {Question}
  462.                         </div>
  463.                        
  464.                         <div id="clear"></div>
  465.                     </div>
  466.                    
  467.                     <div id="article-answer-answer">
  468.                         <div id="article-answer-question-portrait">
  469.                             <img src="{PortraitURL-40}" width="35" />
  470.                         </div>
  471.                        
  472.                         <div id="article-answer-question-text">
  473.                             {block:IfStringAnswer}<strong>{text:String Answer}</strong>:<br />{/block:IfStringAnswer}
  474.                             {Answer}
  475.                         </div>
  476.                        
  477.                         <div id="clear"></div>
  478.                     </div>
  479.                 </div>
  480.                
  481.                 {block:Date}<div id="article-meta">
  482.                     <a href="{Permalink}" title="{TimeAgo}">{TimeAgo}</a> <span>&minus;</span>
  483.                     <a href="{Permalink}" title="{DayOfMonth} {Month} {Year}, {24Hour}:{Minutes}">{DayOfMonth} {Month} {Year}, {24Hour}:{Minutes}</a>
  484.                     {block:NoteCount}<span>&minus;</span> <a href="{Permalink}#notes" title="{NoteCountWithLabel}">{NoteCountWithLabel}</a>{/block:NoteCount}
  485.                 </div>{/block:Date}
  486.             </div><!-- ANSWER -->{/block:Answer}
  487.             {/block:Posts}
  488.            
  489.             {block:PostNotes}<div id="article">
  490.                 <div id="article-notes-title">
  491.                     <a name="notes" id="notes"></a>
  492.                 </div>
  493.                
  494.                 <div id="article-notes">
  495.                     {PostNotes}
  496.                 </div>
  497.             </div><!-- NOTES -->{/block:PostNotes}
  498.         </div>
  499.        
  500.         <div id="clear"></div>
  501.     </div>
  502.    
  503.     <div id="footer">
  504.         theme <a href="http://ultimanoite.tumblr.com/" title="Simplicidade" target="_blank">SIMPLICIDADE</a> by <a href="http://ultimanoite.tumblr.com/" title="ultimanoite" target="_blank">ultimanoite</a> <br />
  505.         <a href="/" title="{Title}" target="_blank">{Title}</a>, tumblr
  506.     </div><!-- FOOTER -->
  507. </body>
  508. </html>