math3usbastos

Theme: Perfect & Simple v1.2

Nov 17th, 2012
885
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 35.73 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.Source/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.Source/1999/xhtml">
  3. <!--
  4.   Theme PERFECT & SIMPLE v1.2
  5.   Developed by Matheus Bastos.
  6.   [v1.2]
  7.   - Bugs Fixed on Energy Saving Mode.
  8.  
  9.   http://ultimanoite.tumblr.com -->
  10. <head>
  11.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  12.     <title>{Title}</title>
  13.    
  14.     <link rel="shortcut icon" href="{Favicon}">
  15.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16.    
  17.     <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,400italic,600italic,700italic' rel='stylesheet' type='text/css'>
  18.    
  19.     {block:IfEnergySavingMode}<script language="javascript" type="text/javascript" src="http://static.tumblr.com/iq2dgat/DlXmecruc/savetheenvironment.js?lang=en&time=120"></script>{/block:IfEnergySavingMode}
  20.    
  21.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" charset="utf-8"></script>
  22.     <script src="http://static.tumblr.com/iq2dgat/099mdlvqt/jquery.lazyload.js" charset="utf-8"></script>
  23.     <script type="text/javascript" charset="utf-8">
  24.       $(function() {
  25.           $("img").lazyload({
  26.               effect : "fadeIn",
  27.           });
  28.       });
  29.     </script>
  30.    
  31.     {block:IfShakeImages}<script src="http://static.tumblr.com/iq2dgat/7Rgmdnzhs/shakeimage.js" charset="utf-8"></script>{/block:IfShakeImages}
  32.     <script type="text/javascript" language="javascript" src="http://static.tumblr.com/iq2dgat/dMnmeiyw0/vbokonly.js"></script>
  33.    
  34.     <!-- DEFAULTS -->
  35.     <meta name="if:Follow Us" content="1"/>
  36.     <meta name="if:Style On Images" content="0"/>
  37.     <meta name="if:Energy Saving Mode" content="1"/>
  38.     <meta name="if:Show Tags On Home Page" content="0"/>
  39.     <meta name="if:Shake Images" content="1"/>
  40.  
  41.     <!-- DEFAULT IMAGE -->
  42.     <meta name="image:Background" content=""/>
  43.     <meta name="image:Avatar" content="http://static.tumblr.com/iq2dgat/xjemdjqj9/mc4fwpxg5p1qim9wko1.png"/>
  44.    
  45.     <!-- DEFAULT TEXT -->
  46.     <meta name="text:Link 1" content="start"/>
  47.     <meta name="text:Link URL 1" content="/"/>
  48.     <meta name="text:Link 2" content="ask"/>
  49.     <meta name="text:Link URL 2" content="/ask"/>
  50.     <meta name="text:Link 3" content="texts"/>
  51.     <meta name="text:Link URL 3" content="/tagged/texts"/>
  52.     <meta name="text:Link 4" content=""/>
  53.     <meta name="text:Link URL 4" content=""/>
  54.     <meta name="text:Disqus User" content=""/>
  55.     <meta name="text:Google Analytics ID" content=""/>
  56.    
  57.     <!-- DEFAULT COLORS -->
  58.     <meta name="color:Background" content="#FFFFFF"/>
  59.     <meta name="color:Text" content="#AAAAAA"/>
  60.     <meta name="color:Link" content="#7e7e7e"/>
  61.     <meta name="color:Link Hover" content="#474747"/>
  62.     <meta name="color:Titles" content="#7E7E7E"/>
  63.     <meta name="color:Scrollbar" content="#AAAAAA"/>
  64.    
  65.     <style type="text/css">
  66.         @import url("http://static.tumblr.com/iq2dgat/o4Hmeiz5h/vbokonly.css");
  67.         body{
  68.             background:url('{image:Background}') {color:Background};
  69.             color:{color:Text};
  70.             font-family: 'Source Sans Pro', sans-serif;
  71.             font-size:11px;
  72.            
  73.             word-wrap:break-word;
  74.             padding:0;margin:0;
  75.         }
  76.             a{
  77.                 color:{color:Link};
  78.                 text-decoration:none;
  79.                
  80.                 transition:color 0.2s ease-out;
  81.                 -moz-transition:color 0.2s ease-out;
  82.                 -o-transition:color 0.2s ease-out;
  83.                 -webkit-transition:color 0.2s ease-out;
  84.             }
  85.                 a:hover{
  86.                     color:{color:Link Hover};
  87.                 }
  88.         p{margin:3px 0;}
  89.         blockquote{margin:5px 0 3px 16px;}
  90.         ul{margin:10px;padding-left:20px;}
  91.         li{list-style:square;}
  92.        
  93.         #tumblr_controls{
  94.             position:fixed !important;
  95.             opacity:0.7;
  96.            
  97.             transition:opacity 0.25s ease-out;
  98.             -moz-transition:opacity 0.25s ease-out;
  99.             -o-transition:opacity 0.25s ease-out;
  100.             -webkit-transition:opacity 0.25s ease-out;
  101.         }
  102.             #tumblr_controls:hover{
  103.                 opacity:1;
  104.             }
  105.            
  106.         {block:IfFollowUs}#follow_us{
  107.             background-image: url(http://static.tumblr.com/iq2dgat/crimc23ij/follow_us.png);
  108.             height: 44px;
  109.             width: 107px;
  110.             top: 33px;
  111.             right: 20px;
  112.             position: fixed;
  113.            
  114.             animation:followus 10s;
  115.             -webkit-animation-duration:followus 10s;
  116.             -moz-animation:followus 10s;
  117.             -webkit-animation:followus 10s;
  118.             -o-animation:followus 10s;
  119.         }
  120.             @keyframes followus{
  121.                 0%   {opacity:0.1;}
  122.                 35%  {opacity:1;}
  123.             }
  124.             @-moz-keyframes followus{
  125.                 0%   {opacity:0.1;}
  126.                 35%  {opacity:1;}
  127.             }
  128.             @-webkit-keyframes followus{
  129.                 0%   {opacity:0.1;}
  130.                 35%  {opacity:1;}
  131.             }
  132.             @-o-keyframes followus{
  133.                 0%   {opacity:0.1;}
  134.                 35%  {opacity:1;}
  135.             }{/block:IfFollowUs}
  136.  
  137.        
  138.         ::-webkit-scrollbar-thumb:vertical {
  139.             background-color:{color:Scrollbar};
  140.             height:12px;width:11px;
  141.             -webkit-border-radius:5px;
  142.             border:3px solid {color:Background};
  143.         }
  144.          
  145.         ::-webkit-scrollbar-thumb:horizontal {
  146.             background-color:{color:Scrollbar};
  147.             height:12px !important;
  148.             border:3px solid {color:Background};
  149.             -webkit-border-radius:5px;
  150.         }
  151.            
  152.         ::-webkit-scrollbar {
  153.             height:12px;
  154.             width:11px;
  155.             background-color:{color:Background};
  156.         }
  157.    
  158.        
  159.         #general{
  160.             width:735px;
  161.             margin:20px auto 0;
  162.         }
  163.            
  164.         #sidebar{
  165.             width:200px;
  166.             float:left;
  167.             margin-top:50px;
  168.             position:fixed;
  169.         }
  170.             #sidebar .avatar_side{
  171.                 {block:IfStyleOnImages}background:url(http://static.tumblr.com/iq2dgat/wLSmbfb64/screen-pattern.png);{/block:IfStyleOnImages}
  172.                 width:190px
  173.             }
  174.                 #sidebar .avatar_side .align{
  175.                     {block:IfStyleOnImages}opacity:0.95;
  176.                     background:{color:Background};{/block:IfStyleOnImages}
  177.                     width:190px;
  178.                 }
  179.                     #sidebar .avatar_side .align img{
  180.                         max-width:190px;
  181.                     }
  182.             #sidebar .menu{
  183.                 margin-top:7px;
  184.             }
  185.                 #sidebar .menu a{
  186.                     text-transform:lowercase;
  187.                 }
  188.                 #sidebar .menu span{
  189.                     padding:0 3px;
  190.                     opacity:0.5;
  191.                 }
  192.             #sidebar p.description{
  193.                 margin-top:7px;
  194.             }
  195.             #sidebar .pagination{
  196.                 margin-top:3px;
  197.             }
  198.                 #sidebar .pagination a{
  199.                     font-size:14px;
  200.                     padding: 0 3px;
  201.                 }
  202.        
  203.         #container{
  204.             width:516px;
  205.             float:right;
  206.         }
  207.             #container .post{
  208.                 margin-bottom:15px;
  209.                 padding:8px;
  210.             }
  211.                 #container .post .text{}
  212.                     #container .post .text h1{
  213.                         font-weight: 600;
  214.                         margin: 0;
  215.                         font-size: 18px;
  216.                         color:{color:Titles};
  217.                     }
  218.                     #container .post .text h2{
  219.                         font-weight: 600;
  220.                         margin: 0;
  221.                         font-size: 17px;
  222.                         color:{color:Titles};
  223.                     }
  224.                
  225.                
  226.                 #container .post .media{
  227.                     padding:0 !important;
  228.                     margin:0 !important;
  229.                     {block:IfStyleOnImages}background:url(http://static.tumblr.com/iq2dgat/wLSmbfb64/screen-pattern.png);{/block:IfStyleOnImages}
  230.                 }
  231.                     #container .post .media .align{
  232.                         {block:IfStyleOnImages}background:{color:Background} !important;
  233.                         opacity:0.91;{/block:IfStyleOnImages}
  234.                         {block:IfNotStyleOnImages}
  235.                         opacity:0.95;{/block:IfNotStyleOnImages}
  236.                         width:100%;
  237.                        
  238.                         transition:opacity 0.3s ease-out;
  239.                         -moz-transition:opacity 0.3s ease-out;
  240.                         -o-transition:opacity 0.3s ease-out;
  241.                         -webkit-transition:opacity 0.3s ease-out;
  242.                     }
  243.                         #container .post .media .align:hover{
  244.                             {block:IfStyleOnImages}opacity:0.95;{/block:IfStyleOnImages}
  245.                             {block:IfNotStyleOnImages}opacity:1;{/block:IfNotStyleOnImages}
  246.                         }
  247.                     #container .post .media .align img{
  248.                         max-width:500px;
  249.                         cursor:pointer;
  250.                     }
  251.                         {block:IfShakeImages}#container .post .media .align img.shakeimage{
  252.                             position:relative;
  253.                         }{/block:IfShakeImages}
  254.                     #container .post .media .align iframe{
  255.                         {block:IfStyleOnImages}background:{color:Background} !important;
  256.                         opacity:0.91;{/block:IfStyleOnImages}
  257.                         {block:IfNotStyleOnImages}
  258.                         opacity:0.95;{/block:IfNotStyleOnImages}
  259.                        
  260.                         transition:opacity 0.3s ease-out;
  261.                         -moz-transition:opacity 0.3s ease-out;
  262.                         -o-transition:opacity 0.3s ease-out;
  263.                         -webkit-transition:opacity 0.3s ease-out;
  264.                     }
  265.                         #container .post .media .align iframe:hover{
  266.                             {block:IfStyleOnImages}opacity:0.95;{/block:IfStyleOnImages}
  267.                             {block:IfNotStyleOnImages}opacity:1;{/block:IfNotStyleOnImages}
  268.                         }
  269.                
  270.                 #container .post .audio{                   
  271.                     {block:IfStyleOnImages}background:url(http://static.tumblr.com/iq2dgat/wLSmbfb64/screen-pattern.png);{/block:IfStyleOnImages}
  272.                 }
  273.                     #container .post .audio .info{
  274.                         width:306px;
  275.                         float:left;
  276.                         height:151px;
  277.                         background:#f2f2f2;
  278.                         {block:IfStyleOnImages}opacity:0.95;{/block:IfStyleOnImages}
  279.                     }
  280.                         #container .post .audio .info .player{
  281.                             background:#FFFFFF;
  282.                             margin:5px 5px;
  283.                             padding:2px 0;
  284.                         }
  285.                         #container .post .audio .info .song{
  286.                             padding:7px 10px;
  287.                             background:#FFFFFF;
  288.                             margin:9px 5px;
  289.                         }
  290.                         #container .post .audio .info .artist{
  291.                             padding:7px 10px;
  292.                             background:#FFFFFF;
  293.                             margin:8px 5px;
  294.                         }
  295.                         #container .post .audio .info .played{
  296.                             padding:7px 10px;
  297.                             background:#FFFFFF;
  298.                             margin:8px 5px;
  299.                         }
  300.                             #container .post .audio .info .played span{
  301.                                 padding:0 3px;
  302.                             }
  303.                     #container .post .audio .album{
  304.                         width:193px;
  305.                         float:right;
  306.                         height:151px;
  307.                         background: url('http://static.tumblr.com/dbek3sy/jG9lswgfn/audio_cover.png') no-repeat -150px 0px #f2f2f2;
  308.                         opacity:0.95;
  309.                     }
  310.                     #container .post .audio .clear{clear:both;}
  311.                
  312.                
  313.                        
  314.                 #container .post .question{
  315.                    
  316.                 }
  317.                     #container .post .question img.asker_portrait{
  318.                         display: block;
  319.                         float: left;
  320.                         height: auto;
  321.                         margin: 0 8px 6px 0;
  322.                         width: 30px;
  323.                     }
  324.                     #container .post .question strong{
  325.                         text-transform:uppercase;
  326.                     }
  327.                 #container .post .answer{
  328.                     font-style:italic;
  329.                     margin-top:8px;
  330.                 }
  331.                     #container .post .answer img{
  332.                         max-width:100%;
  333.                     }
  334.                     #container .post .answer img.asker_portrait{
  335.                         display: block;
  336.                         float: left;
  337.                         height: auto;
  338.                         margin: 0 8px 6px 0;
  339.                         width: 30px;
  340.                     }
  341.                     #container .post .answer strong{
  342.                         text-transform:uppercase;
  343.                         font-style:normal;
  344.                     }
  345.                    
  346.                 #container .post .quote{
  347.                    
  348.                 }
  349.                     #container .post .quote span{
  350.                         font-size:12px;
  351.                         padding:2px 0 2px 0;
  352.                     }
  353.                     #container .post .quote .clear{clear:both;}
  354.                        
  355.                 #container .post .caption{
  356.                     padding-top:5px !important;
  357.                 }
  358.                     #container .post .caption p{
  359.                         margin:2px 0;
  360.                         padding:0;
  361.                     }
  362.                     #container .post .caption img{
  363.                         max-width:100%;
  364.                     }
  365.                     #container .post .caption span{
  366.                         padding-right:3px;
  367.                     }
  368.                     #container .post .text_padding{
  369.                         padding-top:0;
  370.                     }
  371.                
  372.                 #container .post .chat_margin{
  373.                     margin-bottom:7px;
  374.                 }
  375.                 #container .post .chat{
  376.                     {block:IfStyleOnImages}background:url(http://static.tumblr.com/iq2dgat/wLSmbfb64/screen-pattern.png);{/block:IfStyleOnImages}
  377.                 }
  378.                     #container .post .chat ul{
  379.                         padding:0;
  380.                         margin:0;
  381.                         {block:IfStyleOnImages}opacity:0.95;{/block:IfStyleOnImages}
  382.                     }
  383.                     #container .post .chat li{
  384.                         list-style:none;
  385.                         padding:4px 2px;
  386.                     }
  387.                         #container .post .chat li#odd{
  388.                             background:rgba(255, 255, 255, 0.95);
  389.                         }
  390.                         #container .post .chat li#even{
  391.                             background:#FFFFFF;
  392.                         }
  393.                    
  394.                    
  395.                 #container .post .footer{
  396.                     font-family:Calibri;
  397.                     font-size:10px;
  398.                     text-transform:uppercase;
  399.                     margin-top:7px;
  400.                     opacity:0.5;
  401.                    
  402.                     transition:opacity 0.3s ease-out;
  403.                     -moz-transition:opacity 0.3s ease-out;
  404.                     -o-transition:opacity 0.3s ease-out;
  405.                     -webkit-transition:opacity 0.3s ease-out;
  406.                 }
  407.                     #container .post:hover .footer{opacity:0.98;}
  408.                     #container .post .footer span{
  409.                         padding:0 4px;
  410.                     }
  411.                     #container .post .footer a.tag{
  412.                         padding-right:5px;
  413.                     }
  414.                    
  415.                    
  416.                 #container .post ol.notes {
  417.                     padding: 0;
  418.                     margin: 0;
  419.                     list-style-type: none;
  420.                     margin-left: 12px;
  421.                 }
  422.                     #container .post ol.notes li.note {
  423.                         float: left;
  424.                         height: 16px;
  425.                         margin: 6px !important;
  426.                         overflow: hidden;
  427.                         width: 16px;
  428.                         clear:none !important;
  429.                         display: block;
  430.                     }
  431.                         #container .post ol.notes li.note span{
  432.                             display:none;
  433.                         }
  434.                             #container .post ol.notes li.note span.action a{
  435.                                 font-weight: bold;
  436.                             }
  437.                         #container .post ol.notes li.note .answer_content {
  438.                             font-weight: normal;
  439.                             display:none;
  440.                         }
  441.                         #container .post ol.notes li.note img.avatar {
  442.                             display: block;
  443.                             float: left;
  444.                             height: 16px;
  445.                             margin-right: 10px;
  446.                             vertical-align: -4px;
  447.                             width: 16px;
  448.                         }
  449.                         #container .post ol.notes li.note blockquote {
  450.                             padding: 4px 10px;
  451.                             margin: 10px 0 10px 30px;
  452.                             display:none;
  453.                         }
  454.                             #container .post ol.notes li.note blockquote a {
  455.                                 text-decoration: none;
  456.                                 display:none;
  457.                             }
  458.                     #container .post ol.notes li.more_notes_link_container{
  459.                         font-size: 9px;
  460.                         font-weight: bold;
  461.                         height: 11px;
  462.                         margin: -34px 0 0 !important;
  463.                         padding: 22px;
  464.                         text-align: center;
  465.                         text-transform: uppercase;
  466.                         width: 432px;
  467.                         background: none repeat scroll 0 0 white;
  468.                     }
  469.                    
  470.                 #container .post .clear{clear:both;}
  471.                    
  472.         #general #clear{clear:both;}
  473.        
  474.         {CustomCSS}
  475.     </style>
  476. </head>
  477.  
  478. <body>
  479.     <div id="general">
  480.         <div id="sidebar" align="center">
  481.             {block:IfAvatarImage}<div class="avatar_side">
  482.                 <div class="align">
  483.                     <img src="{image:Avatar}" />
  484.                 </div>
  485.             </div>{/block:IfAvatarImage}
  486.            
  487.             <div class="menu">
  488.                 {block:IfLink1}<a href="{text:Link URL 1}" title="{text:Link 1}">{text:Link 1}</a> <span>/</span>{/block:IfLink1}
  489.                 {block:IfLink2}<a href="{text:Link URL 2}" title="{text:Link 2}">{text:Link 2}</a> <span>/</span>{/block:IfLink2}
  490.                 {block:IfLink3}<a href="{text:Link URL 3}" title="{text:Link 3}">{text:Link 3}</a> <span>/</span>{/block:IfLink3}
  491.                 {block:IfLink4}<a href="{text:Link URL 4}" title="{text:Link 4}">{text:Link 4}</a> <span>/</span>{/block:IfLink4}
  492.                 <a href="http://ultimanoite.tumblr.com" title="themes for tumblr" target="_blank">theme</a>
  493.             </div>
  494.            
  495.             {block:Description}<p class="description">
  496.                 {Description}
  497.             </p>{/block:Description}
  498.            
  499.             {block:Pagination}<div class="pagination">
  500.                 {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  501.                 {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  502.             </div>{/block:Pagination}
  503.         </div>
  504.        
  505.         <div id="container">
  506.         {block:Posts}
  507.             {block:Text}<!-- POST: TEXT -->
  508.             <div class="post">
  509.                 {block:Title}<div class="text">
  510.                     <h1>{Title}</h1>
  511.                 </div>{/block:Title}
  512.                
  513.                 <div class="{block:Title}caption{/block:Title} text_padding">
  514.                     {Body}
  515.                 </div>
  516.                
  517.                 {block:Date}<div class="footer">
  518.                     <a href="{Permalink}" title="{TimeAgo}">{TimeAgo}</a> <span>·</span>
  519.                     {block:NoteCount} <a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCountWithLabel}</a> <span>·</span>{/block:NoteCount}
  520.                     {block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank">Via</a> <span>·</span> {/block:RebloggedFrom}
  521.                     {block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a> <span>·</span> {/block:ContentSource}
  522.                     <a href="{ReblogURL}" title="{text:Reblog String}" target="_blank">Reblog</a>
  523.                    
  524.                     {block:IfShowTagsOnHomePage}
  525.                     {block:HasTags}<br />
  526.                     {block:Tags}<a href="{TagURL}" title="{Tag}" class="tag">#{Tag}</a>{/block:Tags}
  527.                     {/block:HasTags}
  528.                     {/block:IfShowTagsOnHomePage}
  529.                    
  530.                     {block:IfNotShowTagsOnHomePage}
  531.                     {block:PermalinkPage}{block:HasTags}<br />
  532.                     {block:Tags}<a href="{TagURL}" title="{Tag}" class="tag">#{Tag}</a>{/block:Tags}
  533.                     {/block:HasTags}{/block:PermalinkPage}
  534.                     {/block:IfNotShowTagsOnHomePage}
  535.                 </div>{/block:Date}
  536.             </div>{/block:Text}
  537.            
  538.             {block:Photo}<!-- POST: PHOTO -->
  539.             <div class="post">
  540.                 <div class="media">
  541.                     <div class="align" align="center">
  542.                         {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" class="{block:IfShakeImages}shakeimage {/block:IfShakeImages}lazy" data-original="{PhotoURL-500}"{block:IfShakeImages} onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()"{/block:IfShakeImages} />{LinkCloseTag}
  543.                     </div>
  544.                 </div>
  545.                
  546.                 {block:Caption}<div class="caption">
  547.                     {Caption}
  548.                 </div>{/block:Caption}
  549.                
  550.               {block:Date}<div class="footer">
  551.                     <a href="{Permalink}" title="{TimeAgo}">{TimeAgo}</a> <span>·</span>
  552.                     {block:NoteCount} <a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCountWithLabel}</a> <span>·</span>{/block:NoteCount}
  553.                     {block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank">Via</a> <span>·</span> {/block:RebloggedFrom}
  554.                     {block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a> <span>·</span> {/block:ContentSource}
  555.                     <a href="{ReblogURL}" title="{text:Reblog String}" target="_blank">Reblog</a>
  556.                    
  557.                     {block:IfShowTagsOnHomePage}
  558.                     {block:HasTags}<br />
  559.                     {block:Tags}<a href="{TagURL}" title="{Tag}" class="tag">#{Tag}</a>{/block:Tags}
  560.                     {/block:HasTags}
  561.                     {/block:IfShowTagsOnHomePage}
  562.                    
  563.                     {block:IfNotShowTagsOnHomePage}
  564.                     {block:PermalinkPage}{block:HasTags}<br />
  565.                     {block:Tags}<a href="{TagURL}" title="{Tag}" class="tag">#{Tag}</a>{/block:Tags}
  566.                     {/block:HasTags}{/block:PermalinkPage}
  567.                     {/block:IfNotShowTagsOnHomePage}
  568.                 </div>{/block:Date}
  569.             </div>{/block:Photo}
  570.            
  571.             {block:Photoset}<!-- POST: PHOTOSET -->
  572.             <div class="post">
  573.                 <div class="media">
  574.                     <div class="align" align="center">
  575.                         {Photoset-500}
  576.                     </div>
  577.                 </div>
  578.                
  579.                 {block:Caption}<div class="caption">
  580.                     {Caption}
  581.                 </div>{/block:Caption}
  582.                
  583.                 {block:Date}<div class="footer">
  584.                     <a href="{Permalink}" title="{TimeAgo}">{TimeAgo}</a> <span>·</span>
  585.                     {block:NoteCount} <a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCountWithLabel}</a> <span>·</span>{/block:NoteCount}
  586.                     {block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank">Via</a> <span>·</span> {/block:RebloggedFrom}
  587.                     {block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a> <span>·</span> {/block:ContentSource}
  588.                     <a href="{ReblogURL}" title="{text:Reblog String}" target="_blank">Reblog</a>
  589.                    
  590.                     {block:IfShowTagsOnHomePage}
  591.                     {block:HasTags}<br />
  592.                     {block:Tags}<a href="{TagURL}" title="{Tag}" class="tag">#{Tag}</a>{/block:Tags}
  593.                     {/block:HasTags}
  594.                     {/block:IfShowTagsOnHomePage}
  595.                    
  596.                     {block:IfNotShowTagsOnHomePage}
  597.                     {block:PermalinkPage}{block:HasTags}<br />
  598.                     {block:Tags}<a href="{TagURL}" title="{Tag}" class="tag">#{Tag}</a>{/block:Tags}
  599.                     {/block:HasTags}{/block:PermalinkPage}
  600.                     {/block:IfNotShowTagsOnHomePage}
  601.                 </div>{/block:Date}
  602.             </div>{/block:Photoset}
  603.            
  604.             {block:Quote}<!-- POST: QUOTE -->
  605.             <div class="post">
  606.                 <div class="quote">
  607.                     <span>"</span>
  608.                     {Quote}
  609.                     <span>"</span>
  610.                 </div>
  611.                
  612.                 {block:Source}<div class="caption">
  613.                     <span></span> {Source}
  614.                 </div>{/block:Source}
  615.                
  616.                 {block:Date}<div class="footer">
  617.                     <a href="{Permalink}" title="{TimeAgo}">{TimeAgo}</a> <span>·</span>
  618.                     {block:NoteCount} <a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCountWithLabel}</a> <span>·</span>{/block:NoteCount}
  619.                     {block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank">Via</a> <span>·</span> {/block:RebloggedFrom}
  620.                     {block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a> <span>·</span> {/block:ContentSource}
  621.                     <a href="{ReblogURL}" title="{text:Reblog String}" target="_blank">Reblog</a>
  622.                    
  623.                     {block:IfShowTagsOnHomePage}
  624.                     {block:HasTags}<br />
  625.                     {block:Tags}<a href="{TagURL}" title="{Tag}" class="tag">#{Tag}</a>{/block:Tags}
  626.                     {/block:HasTags}
  627.                     {/block:IfShowTagsOnHomePage}
  628.                    
  629.                     {block:IfNotShowTagsOnHomePage}
  630.                     {block:PermalinkPage}{block:HasTags}<br />
  631.                     {block:Tags}<a href="{TagURL}" title="{Tag}" class="tag">#{Tag}</a>{/block:Tags}
  632.                     {/block:HasTags}{/block:PermalinkPage}
  633.                     {/block:IfNotShowTagsOnHomePage}
  634.                 </div>{/block:Date}
  635.             </div>{/block:Quote}
  636.            
  637.             {block:Link}<!-- POST: LINK -->
  638.             <div class="post">
  639.                 <div class="text">
  640.                     <h2><a href="{URL}" title="{Name}" {Target}>{Name}</a></h2>
  641.                 </div>
  642.                
  643.                 {block:Description}<div class="caption">
  644.                     {Description}
  645.                 </div>{/block:Description}
  646.                
  647.                 {block:Date}<div class="footer">
  648.                     <a href="{Permalink}" title="{TimeAgo}">{TimeAgo}</a> <span>·</span>
  649.                     {block:NoteCount} <a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCountWithLabel}</a> <span>·</span>{/block:NoteCount}
  650.                     {block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank">Via</a> <span>·</span> {/block:RebloggedFrom}
  651.                     {block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a> <span>·</span> {/block:ContentSource}
  652.                     <a href="{ReblogURL}" title="{text:Reblog String}" target="_blank">Reblog</a>
  653.                    
  654.                     {block:IfShowTagsOnHomePage}
  655.                     {block:HasTags}<br />
  656.                     {block:Tags}<a href="{TagURL}" title="{Tag}" class="tag">#{Tag}</a>{/block:Tags}
  657.                     {/block:HasTags}
  658.                     {/block:IfShowTagsOnHomePage}
  659.                    
  660.                     {block:IfNotShowTagsOnHomePage}
  661.                     {block:PermalinkPage}{block:HasTags}<br />
  662.                     {block:Tags}<a href="{TagURL}" title="{Tag}" class="tag">#{Tag}</a>{/block:Tags}
  663.                     {/block:HasTags}{/block:PermalinkPage}
  664.                     {/block:IfNotShowTagsOnHomePage}
  665.                 </div>{/block:Date}
  666.             </div>{/block:Link}
  667.            
  668.             {block:Chat}<!-- POST: CHAT -->
  669.             <div class="post">
  670.                 {block:Title}<div class="text chat_margin">
  671.                     <h2>{Title}</h2>
  672.                 </div>{/block:Title}
  673.                
  674.                 <div class="chat">
  675.                     <ul>
  676.                         {block:Lines}<li id="{Alt}">
  677.                             {block:Label}
  678.                             <strong>{Label}</strong>
  679.                             {/block:Label}
  680.                            
  681.                             {Line}
  682.                         </li>{/block:Lines}
  683.                     </ul>
  684.                 </div>
  685.                
  686.                 {block:Date}<div class="footer">
  687.                     <a href="{Permalink}" title="{TimeAgo}">{TimeAgo}</a> <span>·</span>
  688.                     {block:NoteCount} <a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCountWithLabel}</a> <span>·</span>{/block:NoteCount}
  689.                     {block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank">Via</a> <span>·</span> {/block:RebloggedFrom}
  690.                     {block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a> <span>·</span> {/block:ContentSource}
  691.                     <a href="{ReblogURL}" title="{text:Reblog String}" target="_blank">Reblog</a>
  692.                    
  693.                     {block:IfShowTagsOnHomePage}
  694.                     {block:HasTags}<br />
  695.                     {block:Tags}<a href="{TagURL}" title="{Tag}" class="tag">#{Tag}</a>{/block:Tags}
  696.                     {/block:HasTags}
  697.                     {/block:IfShowTagsOnHomePage}
  698.                    
  699.                     {block:IfNotShowTagsOnHomePage}
  700.                     {block:PermalinkPage}{block:HasTags}<br />
  701.                     {block:Tags}<a href="{TagURL}" title="{Tag}" class="tag">#{Tag}</a>{/block:Tags}
  702.                     {/block:HasTags}{/block:PermalinkPage}
  703.                     {/block:IfNotShowTagsOnHomePage}
  704.                 </div>{/block:Date}
  705.             </div>{/block:Chat}
  706.            
  707.             {block:Audio}<!-- POST: AUDIO -->
  708.             <div class="post">
  709.                 <div class="audio">
  710.                     <div class="info">
  711.                         <div class="player">
  712.                             {AudioPlayerWhite}
  713.                         </div>
  714.                        
  715.                         <div class="song">
  716.                             <strong>Song</strong>: {block:TrackName}{TrackName}{/block:TrackName}
  717.                         </div>
  718.                        
  719.                         <div class="artist">
  720.                             <strong>Artist</strong>: {block:Artist}{Artist}{/block:Artist}
  721.                         </div>
  722.                        
  723.                         <div class="played">
  724.                             {PlayCountWithLabel} {block:ExternalAudio}<span>·</span> <a href="{ExternalAudioURL}" title="Download">Download</a>{/block:ExternalAudio}
  725.                         </div>
  726.                     </div>
  727.                    
  728.                     <div class="album">
  729.                         {block:AlbumArt}<img width="150" src="{AlbumArtURL}" alt="{TrackName} - {Artist}">{/block:AlbumArt}
  730.                     </div>
  731.                    
  732.                     <div class="clear"></div>
  733.                 </div>
  734.                
  735.                 {block:Caption}<div class="caption">
  736.                     {Caption}
  737.                 </div>{/block:Caption}
  738.                
  739.                 {block:Date}<div class="footer">
  740.                     <a href="{Permalink}" title="{TimeAgo}">{TimeAgo}</a> <span>·</span>
  741.                     {block:NoteCount} <a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCountWithLabel}</a> <span>·</span>{/block:NoteCount}
  742.                     {block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank">Via</a> <span>·</span> {/block:RebloggedFrom}
  743.                     {block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a> <span>·</span> {/block:ContentSource}
  744.                     <a href="{ReblogURL}" title="{text:Reblog String}" target="_blank">Reblog</a>
  745.                    
  746.                     {block:IfShowTagsOnHomePage}
  747.                     {block:HasTags}<br />
  748.                     {block:Tags}<a href="{TagURL}" title="{Tag}" class="tag">#{Tag}</a>{/block:Tags}
  749.                     {/block:HasTags}
  750.                     {/block:IfShowTagsOnHomePage}
  751.                    
  752.                     {block:IfNotShowTagsOnHomePage}
  753.                     {block:PermalinkPage}{block:HasTags}<br />
  754.                     {block:Tags}<a href="{TagURL}" title="{Tag}" class="tag">#{Tag}</a>{/block:Tags}
  755.                     {/block:HasTags}{/block:PermalinkPage}
  756.                     {/block:IfNotShowTagsOnHomePage}
  757.                 </div>{/block:Date}
  758.             </div>{/block:Audio}
  759.            
  760.             {block:Video}<!-- POST: VIDEO -->
  761.             <div class="post">
  762.                 <div class="media">
  763.                     <div class="align">
  764.                         {Video-500}
  765.                     </div>
  766.                 </div>
  767.                
  768.                 {block:Caption}<div class="caption">
  769.                     {Caption}
  770.                 </div>{/block:Caption}
  771.                
  772.                 {block:Date}<div class="footer">
  773.                     <a href="{Permalink}" title="{TimeAgo}">{TimeAgo}</a> <span>·</span>
  774.                     {block:NoteCount} <a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCountWithLabel}</a> <span>·</span>{/block:NoteCount}
  775.                     {block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank">Via</a> <span>·</span> {/block:RebloggedFrom}
  776.                     {block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a> <span>·</span> {/block:ContentSource}
  777.                     <a href="{ReblogURL}" title="{text:Reblog String}" target="_blank">Reblog</a>
  778.                    
  779.                     {block:IfShowTagsOnHomePage}
  780.                     {block:HasTags}<br />
  781.                     {block:Tags}<a href="{TagURL}" title="{Tag}" class="tag">#{Tag}</a>{/block:Tags}
  782.                     {/block:HasTags}
  783.                     {/block:IfShowTagsOnHomePage}
  784.                    
  785.                     {block:IfNotShowTagsOnHomePage}
  786.                     {block:PermalinkPage}{block:HasTags}<br />
  787.                     {block:Tags}<a href="{TagURL}" title="{Tag}" class="tag">#{Tag}</a>{/block:Tags}
  788.                     {/block:HasTags}{/block:PermalinkPage}
  789.                     {/block:IfNotShowTagsOnHomePage}
  790.                 </div>{/block:Date}
  791.             </div>{/block:Video}
  792.            
  793.             {block:Answer}<!-- POST: ANSWER -->
  794.             <div class="post">
  795.                 <div class="question">
  796.                     <img src="{AskerPortraitURL-64}" class="asker_portrait" />
  797.                     <strong>{Asker}</strong> <br />
  798.                     <p>{Question}</p>
  799.                 </div>
  800.                
  801.                 <div class="answer">
  802.                     <img src="{PortraitURL-64}" class="asker_portrait" />
  803.                     <strong>Me</strong> <br />
  804.                     {Answer}
  805.                 </div>
  806.                
  807.                 {block:Date}<div class="footer">
  808.                     <a href="{Permalink}" title="{TimeAgo}">{TimeAgo}</a>
  809.                     {block:NoteCount} <span>·</span> <a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCountWithLabel}</a>{/block:NoteCount}
  810.                    
  811.                     {block:IfShowTagsOnHomePage}
  812.                     {block:HasTags}<br />
  813.                     {block:Tags}<a href="{TagURL}" title="{Tag}" class="tag">#{Tag}</a>{/block:Tags}
  814.                     {/block:HasTags}
  815.                     {/block:IfShowTagsOnHomePage}
  816.                    
  817.                     {block:IfNotShowTagsOnHomePage}
  818.                     {block:PermalinkPage}{block:HasTags}<br />
  819.                     {block:Tags}<a href="{TagURL}" title="{Tag}" class="tag">#{Tag}</a>{/block:Tags}
  820.                     {/block:HasTags}{/block:PermalinkPage}
  821.                     {/block:IfNotShowTagsOnHomePage}
  822.                 </div>{/block:Date}
  823.             </div>{/block:Answer}
  824.            
  825.             {block:PostNotes}<div class="post">
  826.                 {PostNotes}
  827.                
  828.                 <div class="clear"></div>
  829.             </div>{/block:PostNotes}
  830.            
  831.             {block:IfDisqusUser}{block:PermalinkPage}<div class="post">
  832.                 <div id="disqus_thread"></div>
  833.                 <script type="text/javascript">
  834.                     /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  835.                     var disqus_shortname = '{text:Disqus User}'; // required: replace example with your forum shortname
  836.        
  837.                     /* * * DON'T EDIT BELOW THIS LINE * * */
  838.                     (function() {
  839.                         var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  840.                         dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
  841.                         (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  842.                     })();
  843.                 </script>
  844.                 <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  845.                 <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
  846.             </div>{/block:PermalinkPage}{/block:IfDisqusUser}
  847.            
  848.         {/block:Posts}    
  849.         </div>
  850.         <script type="text/javascript" language="javascript">document.write(vbOKOnly);</script>
  851.         <div id="clear"></clear>
  852.     </div>
  853.  
  854.     {Block:IfGoogleAnalyticsID}<script type="text/javascript">
  855.  
  856.       var _gaq = _gaq || [];
  857.       _gaq.push(['_setAccount', '{text:Google Analytics ID}']);
  858.       _gaq.push(['_trackPageview']);
  859.    
  860.       (function() {
  861.         var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  862.         ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  863.         var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  864.       })();
  865.    
  866.     </script>{/Block:IfGoogleAnalyticsID}
  867.    
  868.     <div id="follow_us"></div>
  869. </body>
  870. </html>
Advertisement
Add Comment
Please, Sign In to add comment