Advertisement
tasty2punch

roy baibai theme

Mar 1st, 2014
86
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 25.60 KB | None | 0 0
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5.  
  6. <!--
  7.  
  8. THEME 7 by ARYASNARK
  9.  
  10. Copyright © Aryasnark 2013 All Rights Reserved. No part of this website may be reproduced without my express consent.
  11.  
  12. -->
  13.  
  14. <head>
  15. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  16.     <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif">
  17.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19.  <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif">
  20.  <link href="http://static.tumblr.com/xkion9m/Ybpmm6rx4/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  21.  
  22. <script type="text/javascript"
  23. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  24.  
  25. <script>
  26. $(document).ready(function() {
  27. //When you click on a link with class of poplight and the href starts with a #
  28. $('a.poplight[href^=#]').click(function() {
  29.     var popID = $(this).attr('rel'); //Get Popup Name
  30.     var popURL = $(this).attr('href'); //Get Popup href to define size
  31.     //Pull Query & Variables from href URL
  32.    var query= popURL.split('?');
  33.     var dim= query[1].split('&');
  34.     var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  35.     //Fade in the Popup and add close button
  36.     $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img class="btn_close"/></a>');
  37.     //Define margin for center alignment (vertical   horizontal) - we add 80px to the height/width to accomodate for the padding  and border width defined in the css
  38.     var popMargTop = ($('#' + popID).height() + 80) / 2;
  39.     var popMargLeft = ($('#' + popID).width() + 80) / 2;
  40.     //Apply Margin to Popup
  41.     $('#' + popID).css({
  42.         'margin-top' : -popMargTop,
  43.         'margin-left' : -popMargLeft
  44.     });
  45.     //Fade in Background
  46.     $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  47.     $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  48.     return false;
  49. });
  50. //Close Popups and Fade Layer
  51. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  52.     $('#fade , .popup_block').fadeOut(function() {
  53.         $('#fade, a.close').remove();  //fade them both out
  54.     });
  55.     return false;
  56. });
  57. });
  58. </script>
  59.  
  60. <meta name="color:background" content="#ffffff">
  61. <meta name="color:title" content ="#3b3b3b">
  62. <meta name="color:text" content="#3b3b3b">
  63. <meta name="color:tags" content="#555555">
  64. <meta name="color:tags hover" content="#555555">
  65. <meta name="color:link" content="#aaaaaa">
  66. <meta name="color:link hover" content="#232323">
  67. <meta name="color:sidelink" content="#3b3b3b">
  68. <meta name="color:sidelink hover" content="#292929">
  69. <meta name="color:border" content="#eeeeee">
  70. <meta name="color:scrollbar" content="#eeeeee">
  71. <meta name="color:scrollbar bg" content="#ffffff">
  72.  
  73. <meta name="if:400px" content="1"/>
  74. <meta name="if:500px" content="0"/>
  75. <meta name="if:show captions" content="1"/>
  76. <meta name="if:hover" content="1"/>
  77. <meta name="if:sidebarimg" content="0"/>
  78. <meta name="text:username" content=""/>
  79. <meta name="text:ask title" content=""/>
  80.  
  81. <meta name="text:link 1 title" content="link 1"/>
  82. <meta name="text:link 2 title" content="link 2"/>
  83. <meta name="text:link 3 title" content="link 3"/>
  84.  
  85. <meta name="image:sidebar" content=""/>
  86.  
  87. <script src="http://static.tumblr.com/zghte9h/MAlmv02wo/style-my-tooltips-with-br.js"></script>
  88. <script>
  89.          (function($){
  90.              $(document).ready(function(){
  91.                  $("[title]").style_my_tooltips({
  92.         tip_follows_cursor:true,
  93.         tip_delay_time:300,
  94.         tip_fade_speed:400,
  95.         attribute:"title"
  96.     });
  97.              });
  98.          })(jQuery);
  99. </script>
  100. <style type="text/css">
  101.  #s-m-t-tooltip {
  102. max-width:400px;
  103. color:{color:text};
  104. font-family:'Georgia', serif;
  105. font-size:9px;
  106. margin:7px 0px 0px 10px;
  107. background-color: {color:background};
  108. z-index: 999999;
  109. text-transform: lowercase;
  110. padding:3px 25px;
  111. }
  112.  
  113. ::-webkit-scrollbar {width:7px; height:auto; background:{color:scrollbar bg};}
  114. ::-webkit-scrollbar-corner {background:{color:scrollbar};}
  115. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
  116. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};}
  117.  
  118. body {
  119.     margin:0px;
  120.     padding:0px;
  121.     font-family:Georgia, serif;
  122.     letter-spacing: 1px;
  123.     font-size:10px;
  124.     color:{color:text};
  125.     background:{color:background};
  126.     line height:110%;
  127.     font-weight:lighter;
  128. }
  129.  
  130. a:link, a, a:active, a:visited {
  131.     text-decoration:none;
  132.     color:{color:link};
  133.     transition-duration: 0.6s;  
  134.     -moz-transition-duration: 0.6s;  
  135.     -webkit-transition-duration: 0.6s;  
  136.     -o-transition-duration: 0.6s;
  137. }
  138. a:hover {
  139.     color:{color:link hover};
  140.    transition-duration: 0.6s;  
  141.     -moz-transition-duration: 0.6s;  
  142.     -webkit-transition-duration: 0.6s;  
  143.     -o-transition-duration: 0.6s;
  144.     }
  145.  
  146. #entry {
  147.     margin-left:420px;
  148.     margin-top:30px;
  149.     width:440px;
  150.     font-family:Georgia, Helvetica;
  151.     {block:if500px}
  152.     width:540px;
  153.     {/block:if500px}
  154. }
  155.  
  156. .post {
  157.     overflow:hidden;
  158.     float:center;
  159.     text-align:justify;
  160.     margin-top:10px;
  161.     margin-bottom:70px;
  162.     padding-top:20px;
  163.     padding-bottom:10px;
  164.     width:400px;
  165.     overflow:hidden;
  166.     {block:if500px}
  167.     width:500px;
  168.     {/block:if500px}
  169. }
  170.  
  171. .info {
  172.     width:400px;
  173.     margin-bottom:10px;
  174.     font-family: Helvetica;
  175.     letter-spacing: 1px;
  176.     font-size:8px;
  177.     font-style:none;
  178.     text-align:center;
  179.     letter-spacing:1px;
  180.     line-height:150%;
  181.     text-transform:lowercase;
  182.     padding-top:5px;
  183.     {block:indexpage}
  184.     {block:ifhover}
  185.     opacity:0;
  186.     {/block:ifhover}
  187.     {block:indexpage}
  188.     transition-duration: 0.5s;  
  189.     -moz-transition-duration: 0.5s;  
  190.     -webkit-transition-duration: 0.5s;  
  191.     -o-transition-duration: 0.5s;
  192.     {block:if500px}
  193.     width:500px;
  194.     padding-top:7px;
  195.     {/block:if500px}
  196. }
  197.  
  198. .info a {
  199.     color:{color:tags};
  200.     padding:5px;
  201. }
  202. .info a:hover {
  203.     color:{color:tags hover};
  204. }
  205.  
  206. {block:ifhover}
  207. .post:hover .info {
  208.     opacity:1;
  209.     -webkit-transition: all 0.5s ease-in-out;
  210.     -moz-transition: all 0.5s ease-in-out;
  211.     -o-transition: all 0.5s ease-in-out;
  212.     -ms-transition: all 0.5s ease-in-out;
  213. }
  214. {/block:ifhover}
  215.  
  216. h1 {
  217.     font-family:helvetica;
  218.     text-transform:uppercase;
  219.     font-size:12px;
  220.     font-weight:lighter;
  221.     text-align:center;
  222.     padding:7px;
  223.     letter-spacing:6px;
  224.     background:#f8f8f8;
  225. }
  226. h1 a {
  227.     color:{color:title};
  228.     text-transform:uppercase;
  229.     font-weight:lighter;
  230. }
  231.  
  232. h3 {
  233.     font-family:helvetica;
  234.     text-transform:uppercase;
  235.     font-size:12px;
  236.     font-weight:lighter !important;
  237.     text-align:center;
  238.     padding:7px;
  239.     letter-spacing:6px;
  240.     line-height:150%;
  241.     color:{color:background};
  242. }
  243.  
  244. #sidebar {
  245.     width:280px;
  246.     height:100%;
  247.     left:110px;
  248.     position:fixed;
  249.     top:160px;
  250.     overflow:hidden;
  251.     {block:ifsidebarimg}
  252.     top:50px;
  253.     {/block:ifsidebarimg}
  254. }
  255.  
  256. {block:ifsidebarimg}
  257. #sidebar img {
  258.     width:185px;
  259.     height:auto;
  260.     margin-bottom:10px;
  261.     border:5px solid #f8f8f8;
  262.     margin-left:10px;
  263. }
  264. {/block:ifsidebarimg}
  265.  
  266. #blogtitle {
  267.     display: none;
  268.     width:260px;
  269.     font-family:helvetica;
  270.     text-transform:uppercase;
  271.     font-size:14px;
  272.     font-weight:lighter;
  273.     text-align:left;
  274.     padding:10px;
  275.     padding-bottom:9px;
  276.     letter-spacing:8px;
  277. }
  278. #blogtitle a {
  279.     color:{color:title};
  280. }
  281.  
  282. /*sidebar shit*/
  283. div { position:relative; }
  284.  
  285. input[type=checkbox] {
  286.    position:absolute;
  287.    top:0;
  288.    left:0;
  289.    width:100%;
  290.    height:100%;
  291.    opacity:0;
  292. }
  293.  
  294. h2 {
  295.     display:navigate;
  296.     font-family:Georgia,helvetica;
  297.     font-weight:lighter;
  298.     width:100px;
  299.     font-size:9px;
  300.     letter-spacing:1px;
  301.     text-align:left;
  302.     font-style:none;
  303.     text-transform:lowercase;
  304.     line-height:180%;
  305.     padding-left:3px;
  306.     padding-right:3px;
  307.     margin-left:15px;
  308.     z-index:9999;
  309.     color:{color:sidelink};
  310. }
  311. h2 a {
  312.     color:{color:sidelink} !important;
  313. }
  314.    
  315. label {
  316.     cursor:pointer;
  317. }
  318. label {
  319.     position:relative;
  320.     display:block;
  321.     padding-left:10px;
  322.     font-family:Georgia, helvetica;
  323.     font-weight:lighter;
  324.     z-index:9999;
  325. }
  326.  
  327. label:before {
  328.     content:"";
  329.     position:absolute;
  330.     width:0;
  331.     height:0;
  332.     top:50%;
  333.     left:10px;
  334.     z-index:9999;
  335.  
  336. }
  337.  
  338. input[type=checkbox]:checked ~ h2 label:before {
  339.     margin-left:-4px;
  340.     margin-top:-4px;
  341.     z-index:9999;
  342. }
  343.  
  344. #description {
  345.     max-height:0;
  346.     overflow:hidden;
  347.     padding-left:30px;
  348.     transition:max-height 0.8s ease;
  349.     font-family:Georgia, helvetica;
  350.     letter-spacing: 1px;
  351.     font-weight:lighter;
  352.     font-size:10px;
  353.     letter-spacing:1px;
  354.     width:170px;
  355.     line-height:150%;
  356. }
  357. #description2 {
  358.     overflow:hidden;
  359.     padding-left:30px;
  360.     font-family:Georgia, helvetica;
  361.     letter-spacing: 1px;
  362.     font-weight:lighter;
  363.     font-size:10px;
  364.     letter-spacing:1px;
  365.     width:170px;
  366.     line-height:150%;
  367. }
  368.  
  369. input[type=checkbox]:checked ~ h2 ~ #description {
  370.     max-height:250px; /*MAX HEIGHT OF SIDEBAR CONTENT CHANGED HERE*/
  371.     z-index:9999;
  372. }
  373.  
  374. .text_box:before {
  375.     content :"";
  376.     position :absolute;
  377.     margin-left:2px;
  378.     width:2px;
  379.     height:16px;
  380.     background:#f8f8f8;
  381.     filter:alpha(opacity=100);
  382.     -moz-opacity:1;
  383.     -khtml-opacity:1;
  384.     opacity:1;
  385.     z-index:999;
  386.     transition-duration: 0.8s;  
  387.     -moz-transition-duration: 0.8s;  
  388.     -webkit-transition-duration: 0.8s;  
  389.     -o-transition-duration: 0.8s;
  390. }
  391.  
  392. input[type="checkbox"]:hover ~ h2 .text_box:before {
  393.     width:2px;
  394.     background:#dddddd;
  395.     transition-duration: 0.8s;  
  396.     -moz-transition-duration: 0.8s;  
  397.     -webkit-transition-duration: 0.8s;  
  398.     -o-transition-duration: 0.8s;
  399. }
  400.  
  401. input[type="checkbox"]:checked ~ h2 .text_box:before {
  402.     width:100px;
  403.     background:#f8f8f8;
  404.     transition-duration: 0.8s;  
  405.     -moz-transition-duration: 0.8s;  
  406.     -webkit-transition-duration: 0.8s;  
  407.     -o-transition-duration: 0.8s;
  408. }
  409.  
  410. #pagination {
  411.     display:none;
  412.     width:400px;
  413.     bottom:20px;
  414.     padding-bottom:30px;
  415.     font-size:8px;
  416.     font-family:Georgia,helvetica;
  417.     text-align:center;
  418.     letter-spacing:6px;
  419.     {block:if500px}
  420.     width:500px;
  421.     {/block:if500px}
  422. }
  423. #pagination a {
  424.     color:{color:sidelink};
  425. }
  426. .jump_page {
  427.     padding:10px;
  428.     color:{color:sidelink};
  429.     border-top:2px solid {color:background};
  430. }
  431. .jump_page:hover {
  432.     color:{color:sidelink hover};
  433.     border-top:2px solid #eeeeee;
  434. }
  435. .current_page {
  436.     padding:10px 8px 10px 10px;
  437.     color:{color:sidelink};
  438.     border-top:2px solid {color:border};
  439. }
  440.  
  441.  
  442. .quote {
  443.     font-family:Georgia, helvetica;
  444.     letter-spacing: 1px;
  445.     font-size:10px;
  446.     font-style:none;
  447.     text-align:center;
  448.    
  449.     line-height:110%;
  450.     padding:10px;
  451.     border:2px solid #f8f8f8;
  452. }
  453.  
  454. #source {
  455.     font-size:7px;
  456.     text-transform:uppercase;
  457.     letter-spacing:4px;
  458.     font-family:helvetica;
  459.     text-align:center;
  460.     padding:8px 5px 5px 5px;
  461.     background-color:#f8f8f8;
  462. }
  463.  
  464. #source a {
  465.     color:{color:text};
  466.     border-bottom:1px solid #b8b8b8;
  467. }
  468.  
  469. .playbutton {
  470.     width:20px;
  471.     height:30px;
  472.     overflow:hidden;
  473.     position:relative;
  474.     opacity:0.6;
  475.     margin-top:27px;
  476.     margin-left:10px;
  477.     z-index:100;
  478.     margin:9px 18px 7px 10px;
  479. }
  480.  
  481. .playbox {
  482.     margin-top:15px;
  483.     margin-left:13px;
  484.     opacity:0.6;
  485.     background-color:#fff;
  486.     position: absolute;
  487.     z-index: 100;
  488.     -webkit-border-radius: 25px;
  489.     -moz-border-radius: 25px;
  490.     border-radius: 25px;
  491. }
  492.    
  493. .audio{
  494.     position:absolute;
  495.     width:40px;
  496.     height:40px;
  497. }
  498.  
  499. .audioimg{
  500.     width:75px;
  501.     height:75px;
  502.     position:absolute;
  503. }
  504.  
  505. .audioimg img{
  506.     margin-left:0px;
  507.     float:left;
  508.     opacity:1;
  509.     width:75px;
  510. }
  511.  
  512. .audiodata {
  513.     background-color:{color:background};
  514.     font-size:9px;
  515.  
  516.     font-family:Georgia, helvetica;
  517.     letter-spacing: 1px;
  518.     color:{color:text};
  519.     padding:10px;
  520.     text-transform:none;
  521.     height:55px;
  522.     width:305px;
  523.     margin-top:0px;
  524.     margin-left:75px;
  525.     text-align:center;
  526.     {block:if500px}
  527.     width:405px;
  528.     {/block:if500px}
  529. }
  530.  
  531. .caption {
  532.     text-align:left;
  533.     font-size:10px;
  534.     letter-spacing: 1px;
  535.     padding:3px 20px 3px 30px;
  536.     font-family:Georgia, helvetica;
  537.     display:block;
  538.     color:{color:text};
  539.     background:#f8f8f8;
  540. }
  541. .caption img {
  542.     max-width:360px;
  543. }
  544. .caption a {
  545.     color:{color:text};
  546.     border-bottom:1px solid #b8b8b8;
  547. }
  548.  
  549. blockquote {
  550.     padding-left:5px;
  551.     border-left:2px solid {color:border};
  552. }
  553.  
  554. #asker {
  555.     text-align:left;
  556.     margin-top:0px;
  557.     margin-bottom:-10px;
  558.     font-size:10px;
  559.     font-style:none;
  560.     padding:10px;
  561.     letter-spacing: 1px;
  562.     font-family:helvetica;
  563.     background-color:#f8f8f8;
  564.     text-transform: uppercase;
  565. }
  566.  
  567. #asker a {
  568.     font-size:10px;
  569.     font-family:helvetica;
  570.     letter-spacing:1px;
  571.     background:none;
  572.     border-bottom:1px solid #b8b8b8;
  573.     color:{color:text}
  574.     text-transform: uppercase;
  575. }
  576.  
  577. #asked {
  578.     font-size:10px;
  579.     font-family: helvetica;
  580.     letter-spacing:1px;
  581.     background:none;
  582.     text-transform: uppercase;
  583. }
  584.  
  585. #answer {
  586.     font-family:Georgia,helvetica;
  587.     font-size:10px;
  588.     font-style:none;
  589.     text-align:left;
  590.     letter-spacing:1px;
  591.     padding:2px 10px 5px 10px;
  592.     margin-top:7px;
  593.     margin-bottom:5px;
  594.     border:2px solid #f8f8f8;
  595. }
  596.  
  597.  
  598.  
  599.     ol.notes {
  600.         padding-bottom:2%;
  601.         width:360px;
  602.         list-style-type:upper-roman;
  603.         text-align:left;
  604.         font-size:9px;
  605.         {block:if500px}
  606.         width:460px;
  607.         {/block:if500px}
  608.         }
  609.    
  610.     ol.notes li.note{
  611.         border-bottom:1px solid {color:border};
  612.         padding:2%;
  613.         }
  614.        
  615.     ol.notes li.note img.avatar{
  616.         width:0px;
  617.         height:0px;}
  618.        
  619. #fade {
  620.     display: none;
  621.     background: #000;
  622.     position: fixed;
  623.     left: 0;
  624.     top: 0;
  625.     width: 100%;
  626.     height: 100%;
  627.     opacity: .80;
  628.     z-index: 9999;
  629. }
  630.  
  631. .popup_block{
  632.     display: none;
  633.     background:transparent;
  634.     padding: 20px;
  635.     float: left;
  636.     position: fixed;
  637.     top: 50%;
  638.     left: 50%;
  639.     z-index: 99999;
  640. }
  641. pre, code {
  642.     word-wrap:break-word;
  643. }
  644. *html #fade {
  645.     position: absolute;
  646. }
  647.  
  648. *html .popup_block {
  649.     position: absolute;
  650. }
  651.  
  652.  
  653. .showhide_element {
  654.  display: none;
  655. }
  656.  
  657. #credit {
  658.     text-transform:lowercase;
  659.     position:fixed;
  660.     right:7px;
  661.     bottom:7px;
  662.     text-align:center;
  663.     font-size:9px;
  664.     letter-spacing:1px;
  665.     font-family:Georgia,helvetica;
  666.     opacity:.60;
  667.     width:30px;
  668.     }
  669. #bye
  670. {
  671.     {block:IndexPage}  
  672.      position: absolute;
  673.    top: 50%;
  674.    left: 50%;
  675.  
  676.    margin-top: -125px; /* Half the height */
  677.    margin-left: -100px; /* Half the width */
  678.       opacity:0.1;
  679.    -moz-transition-duration: 0.6s;  
  680.     -webkit-transition-duration: 0.6s;  
  681.     -o-transition-duration: 0.6s;
  682.     -webkit-filter: grayscale(100%);
  683. -moz-filter: grayscale(100%);
  684. filter: grayscale(100%);
  685.     -moz-transition-duration: 0.6s;  
  686.     -webkit-transition-duration: 0.6s;  
  687.     -o-transition-duration: 0.6s;
  688.      {/block:IndexPage}
  689.     {block:TagPage}
  690.     display:none;
  691.     {/block:TagPage}
  692. }
  693. #bye:hover
  694. {
  695.     opacity:1.0;
  696.     -webkit-filter: grayscale(0%);
  697. -moz-filter: grayscale(0%);
  698. filter: grayscale(0%);
  699.     -moz-transition-duration: 0.6s;  
  700.     -webkit-transition-duration: 0.6s;  
  701.     -o-transition-duration: 0.6s;
  702.    
  703. }
  704.  
  705. #bye div
  706. {
  707.     width: 230px;
  708.     padding: 10px;
  709.     text-align: justify;
  710. }
  711.  
  712. #bye img {
  713.    width: 250px;
  714.    height: 200px;
  715.  
  716. }
  717.  
  718. </style></head>
  719. <body>
  720. {block:IndexPage}
  721.   <div id="bye">
  722.   <img src="https://31.media.tumblr.com/56a4f7c8d35af2f0429d147a4e19f2e7/tumblr_mlsry539Ax1ricqw5o3_250.gif" />
  723.  
  724.     <div><h1>bye!</h1><p>I know this is a really silly picture, but I like it and I'd just like to keep this place happy. </p>
  725.         <p style="text-align: center">☮ ♥ ☺ </p>
  726.     </div>
  727.   </div>
  728.  
  729. {/block:IndexPage}
  730. {block:TagPage}
  731. <div>
  732.  
  733. <div id="sidebar">
  734. {block:ifsidebarimg}<div id="sidebar img"><a href="/"><img src="{image:sidebar}"/></a></div>{/block:ifsidebarimg}
  735.  
  736.  
  737. <div id="description2">
  738. {block:Description}{Description}{/block:Description}
  739.  
  740. </div>
  741.  
  742.  
  743.  
  744.  
  745. </div>
  746.  
  747. <div id="entry">
  748.  
  749. {block:Posts}
  750.  
  751. <div class="post">
  752.  
  753. {block:Text}
  754.     {block:Title}<h1>{Title}</h1>{/block:Title}
  755.     {Body}
  756. {/block:Text}
  757.  
  758.  
  759. {block:Photo}
  760. {block:if400px}
  761.     <center><a href="{Permalink}"><img src="{PhotoURL-400}"></a></center>
  762. {/block:if400px}
  763. {block:if500px}
  764.     <center><a href="{Permalink}"><img src="{PhotoURL-500}"></a></center>
  765. {/block:if500px}
  766.  
  767. {block:Caption}
  768. {block:ifshowcaptions}
  769.     <span class="caption">{Caption}</span>
  770. {/block:ifshowcaptions}
  771. {/block:Caption}
  772. {/block:Photo}
  773.  
  774.  
  775. {block:Photoset}
  776. {block:if400px}
  777.     {Photoset-400}
  778. {/block:if400px}
  779. {block:if500px}
  780.     {Photoset-500}
  781. {/block:if500px}
  782.  
  783. {block:Caption}
  784. {block:ifshowcaptions}
  785.     <span class="caption">{Caption}</span>
  786. {/block:ifshowcaptions}
  787. {/block:Caption}
  788. {/block:Photoset}
  789.  
  790. {block:Quote}
  791. {block:Source}
  792.     <div id="source">{Source}</div>
  793. {/block:Source}
  794.     <div class="quote">❝ {Quote} ❞</div>
  795. {/block:Quote}
  796.  
  797.  
  798. {block:Link}
  799.     <h1><a href="{URL}" {Target}>{Name}</a></h1>
  800. {block:Description}
  801.     <div style="padding-left:5px;padding-right:5px;">{Description}</div>
  802. {/block:Description}
  803. {/block:Link}
  804.  
  805.  
  806. {block:Chat}
  807. {block:Title}<h1>{Title}</h1>{/block:Title}
  808. {block:Lines}
  809. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  810. {/block:Lines}
  811. {/block:Chat}
  812.  
  813. {block:Audio}
  814. <div class="audio">
  815. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  816. <div class="audioimg"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg"></div>{block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  817. <div class="audiodata"><br>{block:TrackName}{TrackName} - {/block:TrackName}
  818. {block:Artist}{Artist}{/block:Artist}<br><br><small><small>{PlayCountWithLabel}</small></small></div>
  819.  
  820. {block:Caption}
  821. {block:ifshowcaptions}
  822.     <span class="caption">{Caption}</span>
  823. {/block:ifshowcaptions}
  824. {/block:Caption}
  825. {/block:Audio}
  826.  
  827.  
  828.  
  829. {block:Video}
  830. {block:if400px}
  831.     {Video-400}
  832. {/block:if400px}
  833. {block:if500px}
  834.     {Video-500}
  835. {/block:if500px}
  836.  
  837. {block:Caption}
  838. {block:ifshowcaptions}
  839.     <span class="caption">{Caption}</span>
  840. {/block:ifshowcaptions}
  841. {/block:Caption}
  842. {/block:Video}
  843.  
  844.  
  845. {block:Answer}
  846.     <div id="asker">{Asker} <font id="asked">asked:</font>
  847.     <font-style="font-family:times new roman;"><i>{Question}</i></font></div>
  848.     <div id="answer">{Answer}</div>
  849. {/block:Answer}
  850.  
  851. {block:IndexPage}
  852. <div class="info">{block:Date}<a href="{Permalink}"><small>{TimeAgo}</small></a>{/block:Date} {block:HasTags}{block:Tags}
  853. <a href="/tagged/{Tag}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}{block:NoteCount}&nbsp;&nbsp; <small>+{NoteCount}</small>{/block:NoteCount}</div>
  854. {/block:IndexPage}
  855.  
  856. {block:PermalinkPage}
  857. <div class="info">{block:Date}<a href="{Permalink}"><small>{24Hour}:{Minutes} . {DayOfMonth} . {MonthNumberWithZero} . {ShortYear}</small></a>{/block:Date} {block:HasTags}{block:Tags}
  858. <a href="/tagged/{Tag}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}{block:NoteCount}&nbsp;&nbsp; <small>+{NoteCount}</small>{/block:NoteCount}</div>
  859. <center><font style="padding:5px;font-size:6px;text-transform:uppercase;letter-spacing:3px;">{block:ContentSource}by: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource} {block:RebloggedFrom} &nbsp; via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</a></font></center>
  860. {/block:PermalinkPage}
  861.  
  862. </div>
  863. {/block:Posts}
  864.  
  865. {block:PermalinkPage}
  866. {block:PostNotes}
  867.     <div id="notes">{PostNotes}</div>
  868. {/block:PostNotes}
  869. {/block:permalinkpage}
  870.  
  871.  
  872.  
  873.  
  874.  
  875. </div>
  876.  
  877. </div>
  878.  
  879. <div id="askpop" class="popup_block">
  880. <center>
  881. <h3>{text:ask title}</h3>
  882. <iframe frameborder="0" border="0" scrolling="no" width="100%" height="190" allowtransparency="true" src="http://www.tumblr.com/ask_form/{text:username}.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe>
  883. </center>
  884. </div>
  885. </div></div></div></div></div></div></div></div></div></div>
  886. <div id="pagination">
  887. {block:IndexPage}
  888. {block:Pagination}
  889. {block:PreviousPage}
  890. <a href="{PreviousPage}"></a>&nbsp;&nbsp;
  891. {/block:PreviousPage}
  892. {block:JumpPagination length="5"}
  893. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  894. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  895. {/block:JumpPagination}
  896. {block:NextPage}
  897. &nbsp;&nbsp;<a href="{NextPage}"></a>
  898. {/block:NextPage}
  899. {/block:Pagination}
  900. {/block:IndexPage}
  901. </div>
  902. {/block:TagPage}
  903. {block:PermalinkPage}
  904. <div>
  905.  
  906. <div id="sidebar">
  907. {block:ifsidebarimg}<div id="sidebar img"><a href="/"><img src="{image:sidebar}"/></a></div>{/block:ifsidebarimg}
  908.  
  909. <div id="description2">
  910. {block:Description}{Description}{/block:Description}
  911.  
  912. </div>
  913.  
  914.  
  915. </div>
  916.  
  917. <div id="entry">
  918.  
  919. {block:Posts}
  920.  
  921. <div class="post">
  922.  
  923. {block:Text}
  924.     {block:Title}<h1>{Title}</h1>{/block:Title}
  925.     {Body}
  926. {/block:Text}
  927.  
  928.  
  929. {block:Photo}
  930. {block:if400px}
  931.     <center><a href="{Permalink}"><img src="{PhotoURL-400}"></a></center>
  932. {/block:if400px}
  933. {block:if500px}
  934.     <center><a href="{Permalink}"><img src="{PhotoURL-500}"></a></center>
  935. {/block:if500px}
  936.  
  937. {block:Caption}
  938. {block:ifshowcaptions}
  939.     <span class="caption">{Caption}</span>
  940. {/block:ifshowcaptions}
  941. {/block:Caption}
  942. {/block:Photo}
  943.  
  944.  
  945. {block:Photoset}
  946. {block:if400px}
  947.     {Photoset-400}
  948. {/block:if400px}
  949. {block:if500px}
  950.     {Photoset-500}
  951. {/block:if500px}
  952.  
  953. {block:Caption}
  954. {block:ifshowcaptions}
  955.     <span class="caption">{Caption}</span>
  956. {/block:ifshowcaptions}
  957. {/block:Caption}
  958. {/block:Photoset}
  959.  
  960. {block:Quote}
  961. {block:Source}
  962.     <div id="source">{Source}</div>
  963. {/block:Source}
  964.     <div class="quote">❝ {Quote} ❞</div>
  965. {/block:Quote}
  966.  
  967.  
  968. {block:Link}
  969.     <h1><a href="{URL}" {Target}>{Name}</a></h1>
  970. {block:Description}
  971.     <div style="padding-left:5px;padding-right:5px;">{Description}</div>
  972. {/block:Description}
  973. {/block:Link}
  974.  
  975.  
  976. {block:Chat}
  977. {block:Title}<h1>{Title}</h1>{/block:Title}
  978. {block:Lines}
  979. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  980. {/block:Lines}
  981. {/block:Chat}
  982.  
  983. {block:Audio}
  984. <div class="audio">
  985. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  986. <div class="audioimg"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg"></div>{block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  987. <div class="audiodata"><br>{block:TrackName}{TrackName} - {/block:TrackName}
  988. {block:Artist}{Artist}{/block:Artist}<br><br><small><small>{PlayCountWithLabel}</small></small></div>
  989.  
  990. {block:Caption}
  991. {block:ifshowcaptions}
  992.     <span class="caption">{Caption}</span>
  993. {/block:ifshowcaptions}
  994. {/block:Caption}
  995. {/block:Audio}
  996.  
  997.  
  998.  
  999. {block:Video}
  1000. {block:if400px}
  1001.     {Video-400}
  1002. {/block:if400px}
  1003. {block:if500px}
  1004.     {Video-500}
  1005. {/block:if500px}
  1006.  
  1007. {block:Caption}
  1008. {block:ifshowcaptions}
  1009.     <span class="caption">{Caption}</span>
  1010. {/block:ifshowcaptions}
  1011. {/block:Caption}
  1012. {/block:Video}
  1013.  
  1014.  
  1015. {block:Answer}
  1016.     <div id="asker">{Asker} <font id="asked">asked:</font>
  1017.     <font-style="font-family:times new roman;"><i>{Question}</i></font></div>
  1018.     <div id="answer">{Answer}</div>
  1019. {/block:Answer}
  1020.  
  1021. {block:IndexPage}
  1022. <div class="info">{block:Date}<a href="{Permalink}"><small>{TimeAgo}</small></a>{/block:Date} {block:HasTags}{block:Tags}
  1023. <a href="/tagged/{Tag}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}{block:NoteCount}&nbsp;&nbsp; <small>+{NoteCount}</small>{/block:NoteCount}</div>
  1024. {/block:IndexPage}
  1025.  
  1026. {block:PermalinkPage}
  1027. <div class="info">{block:Date}<a href="{Permalink}"><small>{24Hour}:{Minutes} . {DayOfMonth} . {MonthNumberWithZero} . {ShortYear}</small></a>{/block:Date} {block:HasTags}{block:Tags}
  1028. <a href="/tagged/{Tag}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}{block:NoteCount}&nbsp;&nbsp; <small>+{NoteCount}</small>{/block:NoteCount}</div>
  1029. <center><font style="padding:5px;font-size:6px;text-transform:uppercase;letter-spacing:3px;">{block:ContentSource}by: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource} {block:RebloggedFrom} &nbsp; via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</a></font></center>
  1030. {/block:PermalinkPage}
  1031.  
  1032. </div>
  1033. {/block:Posts}
  1034.  
  1035. {block:PermalinkPage}
  1036. {block:PostNotes}
  1037.     <div id="notes">{PostNotes}</div>
  1038. {/block:PostNotes}
  1039. {/block:permalinkpage}
  1040.  
  1041.  
  1042.  
  1043.  
  1044.  
  1045. </div>
  1046.  
  1047. </div>
  1048.  
  1049. <div id="askpop" class="popup_block">
  1050. <center>
  1051. <h3>{text:ask title}</h3>
  1052. <iframe frameborder="0" border="0" scrolling="no" width="100%" height="190" allowtransparency="true" src="http://www.tumblr.com/ask_form/{text:username}.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe>
  1053. </center>
  1054. </div>
  1055. </div></div></div></div></div></div></div></div></div></div>
  1056. {/block:PermalinkPage}
  1057.  
  1058. <div id="credit"><a href="http://aryasnark.tumblr.com">© ARYASNARK</a></div>
  1059. </body>
  1060. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement