API tools faq
paste
chaisthemes

01: the wind whips

chaisthemes
Sep 15th, 2018
358
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 23.51 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--
  3. infinite scroll by paul irish (bless @magnusthemes and @sorrism);
  4. photosets.css by @annasthms and @espoirthemes;
  5. style my tooltips by malihu;
  6. customizable audio by @roxiestheme;
  7. tumblr controls by @cyantists;
  8. icon font by @themehive
  9. -->
  10. <html>
  11.     <head>
  12.         <title>{Title}</title>
  13.         <meta name="viewport" content="width=device-width, initial-scale=1">
  14.         <link rel="shortcut icon" href="{Favicon}">
  15.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16.         {block:Description}
  17.             <meta name="description" content="{MetaDescription}" />
  18.         {/block:Description}
  19.         <!--meta tags-->
  20.     <meta name="color:background" content="#f6f6f6" />
  21.     <meta name="color:text" content="#666666" />
  22.     <meta name="color:links" content="#444444" />
  23.     <meta name="color:links hover" content="#a77dc2" />
  24.     <meta name="color:borders" content="#eeeeee" />
  25.     <meta name="color:posts" content="#ffffff" />
  26.     <meta name="color:sidebar" content="#ffffff" />
  27.     <meta name="color:scrollbar" content="#f5f5f5"
  28.    <meta name="color:audio" content="#f5f5f5" />
  29.     <meta name="select:font" content="'ABeeZee', sans-serif" title="abeezee"/>
  30.     <meta name="select:font" content="'Karla', sans-serif" title="karla"/>
  31.     <meta name="select:font" content="'Muli', sans-serif" title="muli"/>
  32.     <meta name="if:infinite scroll" content="1"/>
  33.     <meta name="text:link 1 url" content="" />
  34.     <meta name="text:link 1 title" content="" />
  35.     <meta name="text:link 2 url" content="" />
  36.     <meta name="text:link 2 title" content="" />
  37.     <meta name="text:link 3 url" content="" />
  38.     <meta name="text:link 3 title" content="" />
  39.     <!--links and scripts-->
  40.     <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  41.     <link href="https://static.tumblr.com/0podkko/bwepdyarh/photosets.css" rel="stylesheet">
  42.     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  43.     <script src="https://static.tumblr.com/puqxgda/0i2paplaq/infinite-scroll.pkgd.min.js"></script>
  44.     <link href="https://fonts.googleapis.com/css?family=ABeeZee|Karla|Muli" rel="stylesheet">
  45.     <script src="http://static.tumblr.com/uopakca/GVcnvdwbq/jquery.style-my-tooltips.js"></script>
  46.     <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  47.  
  48.     <script>
  49. (function($){
  50. $(document).ready(function(){
  51. $("a[title]").style_my_tooltips({
  52. tip_follows_cursor:true,
  53. tip_delay_time:90,
  54. tip_fade_speed:700,
  55. attribute:"title"
  56. });
  57. });
  58. })(jQuery);
  59. </script>
  60.  
  61.     <style type="text/css">
  62.     /* TOOLTIPS AND SCROLLBAR */
  63.         #s-m-t-tooltip {
  64.    max-width:300px;
  65.    border-radius: 0px;
  66.    padding:4px;
  67.    margin:5px 10px 5px 0px;
  68.    color:{color:text};
  69.    border:1px solid {color:borders};
  70.    font-family: {select:font}, sans-serif;
  71.    font-size:11px;
  72.    background:{color:background};
  73.    z-index:99999;
  74. }
  75. ::-webkit-scrollbar {
  76.   width: 9px;
  77.   height: 9px;
  78. }
  79. ::-webkit-scrollbar-button {
  80.   width: 0px;
  81.   height: 0px;
  82. }
  83. ::-webkit-scrollbar-thumb {
  84.   background: {color:scrollbar};
  85.   border: 0px none {color:borders};
  86.   border-radius: 2px;
  87. }
  88. ::-webkit-scrollbar-thumb:active {
  89.   background: {color:scrollbar};
  90. }
  91. ::-webkit-scrollbar-track {
  92.   background: {color:posts};
  93.   border: 0px none {color:borders};
  94.   border-radius: 21px;
  95. }
  96. ::-webkit-scrollbar-track:active {
  97.   background: {color:scrollbar};
  98. }
  99. ::-webkit-scrollbar-corner {
  100.   background: transparent;
  101. }
  102.  
  103.     /* GENERAL STYLING */
  104. body {
  105.     background-color: {color:background};
  106.     color: {color:text};
  107.     font-family: {select:font};
  108.     margin: 0;
  109.     font-size: 12px;
  110.     word-break: break-word;
  111. }
  112. a {
  113.   font-family:inherit;
  114.   font-weight: normal;
  115.   color: {color:links};
  116.   text-decoration:none;
  117.   moz-transition-duration: 0.5s;
  118.     -o-transition-duration: 0.5s;
  119.     -webkit-transition-duration: 0.5s;
  120.     transition-duration: 0.5s;
  121. }
  122. a:hover {
  123.   color: {color:links hover};
  124.   moz-transition-duration: 0.5s;
  125.     -o-transition-duration: 0.5s;
  126.     -webkit-transition-duration: 0.5s;
  127.     transition-duration: 0.5s;
  128. }
  129. blockquote {
  130.  border-left: 1px solid {color:borders};
  131.  padding-left: 5px;
  132.  margin-left: 12px;
  133. }
  134.  
  135. blockquote blockquote {
  136.  padding: 0 0 0 5px;
  137.  margin: 0 0 0 12px;
  138. }
  139. h1 {
  140.   font-size: 20px;
  141.   margin-top: 1px;
  142.   text-align: center;
  143.   position: relative;
  144.     color: {color:text};
  145. }
  146. h1:hover {
  147.     color: {color:links hover};
  148.   moz-transition-duration: 0.5s;
  149.     -o-transition-duration: 0.5s;
  150.     -webkit-transition-duration: 0.5s;
  151.     transition-duration: 0.5s;
  152. }
  153. h2, h3, h4, h5, h6 {
  154.     font-size: 14px;
  155.     line-height : 14px;
  156. }
  157. b, strong {
  158. font-weight: bold;
  159. }
  160. i, em {
  161. font-style: italic;
  162. }
  163. /* CONTROLS */
  164. iframe.tmblr-iframe {
  165.     z-index:99999999999999!important;
  166.     top:-2px!important;
  167.     right:0!important;
  168.     opacity:0;
  169.     padding-right:38px;
  170.     /* delete invert(1) from here */
  171.         filter:invert(1) contrast(150%);
  172.         -webkit-filter:invert(1) contrast(150%);
  173.         -o-filter:invert(1) contrast(150%);
  174.         -moz-filter:invert(1) contrast(150%);
  175.         -ms-filter:invert(1) contrast(150%);
  176.     /* to here if your blog has a dark background */
  177.     transform:scale(0.65);
  178.     transform-origin:100% 0;
  179.     -webkit-transform:scale(0.65);
  180.     -webkit-transform-origin:100% 0;
  181.     -o-transform:scale(0.65);
  182.     -o-transform-origin:100% 0;
  183.     -moz-transform:scale(0.65);
  184.     -moz-transform-origin:100% 0;
  185.     -ms-transform:scale(0.65);
  186.     -ms-transform-origin:100% 0;}
  187.  
  188. iframe.tmblr-iframe:hover {
  189.     opacity:0.6!important;}
  190.  
  191. .hcontrols {
  192.     position:fixed;
  193.     top:0;
  194.     right:0;
  195.     z-index:999999999;}
  196.  
  197. .hcontrols svg {
  198.     width:14px;
  199.     height:14px;
  200.     padding:9px;}
  201.  
  202. .hcontrols svg path {
  203.     fill:#000000;/* change this to change the color of the icon */}
  204. /* GENERAL POST STYLING, CONTROLS, AND PERMALINKS */
  205.  
  206. #posts {
  207.     position: absolute;
  208.     width: 1060px;
  209.     top: 22%;
  210.     left: 50%;
  211.     margin-left: -500px;
  212.     column-count: 3;
  213.     grid-gap: 20px;
  214.     margin-bottom: 25px;
  215. }
  216. .wrapper {
  217.     display: inline-block;
  218. }
  219. .post {
  220.     width: 250px;
  221.     background-color: {color:posts};
  222.     padding: 10px;
  223.     margin-bottom: 30px;
  224.     border: 1px solid {color:borders};
  225.     display: inline-block;
  226.     break-inside: avoid;
  227. }
  228. .post img, blockquote, li {
  229.   max-width: 100%;
  230. }
  231. .tags {
  232.     display: none;
  233. }
  234. svg {
  235.    width:10px;
  236.    height:auto;
  237.    opacity:.5;
  238.    padding:1px;
  239.    display:block;
  240.    overflow:visible;
  241. }
  242. .controls a {
  243.    position:relative;
  244.    display:inline-block;
  245.    overflow:hidden;
  246.    padding:5px;
  247.    width:12px;
  248.    height:12px;
  249. }
  250. .controls .reblog {
  251.    opacity:.93;
  252. }
  253. .controls .reblog svg {
  254.    width:9px;
  255.    margin-top:1px;
  256. }
  257. .controls .like .liked + svg {
  258.    opacity:1;
  259. }
  260. .controls .like .liked + svg path {
  261.    fill:#ec5a5a;
  262. }
  263. .controls .like .like_button {
  264.    position:relative;
  265. }
  266. .controls .like .like_button iframe {
  267.    position:absolute;
  268.    top:0;
  269.    left:0;
  270.    bottom:0;
  271.    right:0;
  272.    z-index:2;
  273.    opacity:0;
  274. }
  275. .permalink {
  276.     position: absolute;
  277.     display: inline-block;
  278.     color: #808080;
  279.     font-weight: normal;
  280.     margin-left: 55px;
  281.     margin-top: 3px;
  282. }
  283.  
  284. /* HEADER */
  285. #sidebar {
  286.     position: fixed;
  287.     width: 50%;
  288.     max-height: 100px;
  289.     top: 0px;
  290.     left: 25%;
  291.     background-color: {color:sidebar};
  292.     border: 1px solid {color:borders};
  293.     padding: 10px;
  294.     z-index: 5;
  295. }
  296. #description {
  297.     position: relative;
  298.     text-align: center;
  299.     margin: -10px;
  300. }
  301. .links {
  302.     text-align: center;
  303.     margin: 25px;
  304. }
  305. .links a {
  306.     color: {color:text};
  307. }
  308. .links a:hover {
  309.     color: {color:links hover};
  310.   moz-transition-duration: 0.5s;
  311.     -o-transition-duration: 0.5s;
  312.     -webkit-transition-duration: 0.5s;
  313.     transition-duration: 0.5s;
  314. }
  315. /* POST TYPES */
  316. .quote {
  317.     font-size: 14px;
  318.     text-align: center;
  319. }
  320. .source {
  321.     font-size: 13px;
  322.     text-align: center;
  323.     font-variant: small-caps;
  324. }
  325. .photoset-grid {
  326.     grid-gap: 1px;
  327. }
  328. .audio iframe {
  329.     height: 95px;
  330. }
  331. .chat {
  332.     list-style-type: none;
  333.     padding-left: 3px;
  334. }
  335. .chat li {
  336.     margin-bottom: 3px;
  337. }
  338. .label {
  339.     font-variant: small-caps;
  340. }
  341. .askpic {
  342.     vertical-align: middle;
  343.     padding: 3px;
  344.     margin-bottom: 3px;
  345.     width: 25px;
  346. }
  347. {Asker}, .question {
  348.     vertical-align: middle;
  349.     margin-bottom: 2px;
  350. }
  351. {Answer} {
  352.     padding-left: 5px;
  353. }
  354.  
  355. /* ASK, SUBMIT, AND PERMALINK PAGE */
  356. {block:AskPage}
  357. #posts {
  358.     column-count: 1;
  359.     width: 500px;
  360.     top: 22%;
  361.     left: 50%;
  362.     margin-left: -250px;
  363. }
  364. .post {
  365.     width: 500px;
  366. }
  367. {/block:AskPage}
  368. {block:SubmitPage}
  369. #posts {
  370.     column-count: 1;
  371.     width: 500px;
  372.     top: 22%;
  373.     left: 50%;
  374.     margin-left: -250px;
  375. }
  376. .post {
  377.     width: 500px;
  378. }
  379. {/block:SubmitPage}
  380. {block:PermalinkPage}
  381. #posts {
  382.     column-count: 1;
  383.     width: 500px;
  384.     top: 22%;
  385.     left: 50%;
  386.     margin-left: -250px;
  387. }
  388. .post {
  389.     width: 500px;
  390.     margin-bottom: 10px;
  391. }
  392. .tags {
  393.     text-align: center;
  394.     display: inline-block;
  395.     padding: 4px;
  396. }
  397. {/block:PermalinkPage}
  398.  
  399. /* NOTES */
  400.  
  401. ol.notes {
  402.     list-style-type: none;
  403.     background-color: {color:posts};
  404.     padding: 10px;
  405.     width: 500px;
  406.     border: 1px solid {color:borders};
  407. }
  408. ol.notes li.note {
  409.     padding: 10px;
  410.     vertical-align: middle;
  411.     border-bottom: 1px solid {color:borders};
  412. }
  413. ol.notes li.note img.avatar {
  414.     vertical-align: middle;
  415.     padding: 5px;
  416.     width: 20px;
  417. }
  418. li.note.more_notes_link_container {
  419.     text-transform: lowercase;
  420. }
  421. /* PAGINATION */
  422. #footer {
  423.     position: fixed;
  424.     bottom: 0%;
  425.     width: 50%;
  426.     height: 15px;
  427.     left: 25%;
  428.     background-color: {color:sidebar};
  429.     border: 1px solid {color:borders};
  430.     padding: 10px;
  431.     z-index: 10;
  432.     margin-bottom: 0;
  433.     margin-top: 20px;
  434.     text-align: center;
  435.     word-spacing: 7px;
  436.     letter-spacing: 1px;
  437. }
  438. {block:Ifinfinitescroll}
  439. #footer {
  440.     display: none;
  441. }
  442. {/block:Ifinfinitescroll}
  443.  
  444.  
  445. /* CREDIT - DO NOT TOUCH! */
  446. .credit img {
  447.     width: 20px;
  448.     position: fixed;
  449.     bottom: 15px;
  450.     right: 17px;
  451.     text-align: center;
  452. }
  453. .th-chevron-up:before{
  454. content:'\ec1e';
  455. font-family:'honeybee';
  456. color: {color:accent};
  457. font-size: 20px;
  458. }
  459. #scrollto {
  460.     position: fixed;
  461.     bottom: 45px;
  462.     right: 17px;
  463. }
  464. #scrollto a {
  465.     color: {color:links};
  466. }
  467. #scrollto a:hover {
  468.     color: {color:links hover};
  469.     moz-transition-duration: 0.5s;
  470.     -o-transition-duration: 0.5s;
  471.     -webkit-transition-duration: 0.5s;
  472.     transition-duration: 0.5s;
  473. }
  474. /* MEDIA QUERIES */
  475. @media only screen and (max-width: 1024px) {
  476.     #posts {
  477.         column-count: 2;
  478.         width: 730px;
  479.         grid-gap: 30px;
  480.         margin-left: -300px;
  481.     }
  482.     {block:AskPage}
  483.     #posts {
  484.         margin-left: -250px;
  485.     }
  486.     {/block:AskPage}
  487.     {block:SubmitPage}
  488.     #posts {
  489.         margin-left: -250px;
  490.     }
  491.     {/block:SubmitPage}
  492. }
  493. @media only screen and (max-height: 650px) {
  494.     #posts {
  495.         top: 35%;
  496.     }
  497. }
  498. @media only screen and (max-width: 600px) {
  499.     #posts {
  500.         column-count: 1;
  501.         width: 500px;
  502.         margin-left: -130px;
  503.     }
  504.     {block:AskPage}
  505.     #posts {
  506.         width: 500px;
  507.         margin-left: -130px;
  508.     }
  509.     .post {
  510.         width: 250px;
  511.     }
  512.     {/block:AskPage}
  513.     {block:SubmitPage}
  514.     #posts {
  515.         width: 250px;
  516.         margin-left: -130px;
  517.     }
  518.     .post {
  519.         width: 250px;
  520.     }
  521.     {/block:SubmitPage}
  522.  
  523. }
  524. @media only screen and (min-width: 350px) and (max-width: 600px) {
  525.         #sidebar {
  526.         padding: 20px;
  527.         margin-left: -4%;
  528.     }
  529. }
  530. @media only screen and (max-height: 500px) {
  531.     #posts {
  532.         top: 40%;
  533.     }
  534. }
  535. @media only screen and (max-height: 380px) {
  536.     #posts {
  537.         top: 60%;
  538.     }
  539. }
  540. @media only screen and (max-height: 300px) {
  541.     #posts {
  542.         top: 82%;
  543.     }
  544. }
  545.     </style>
  546.     <!--SCRIPTS-->
  547.     <script>
  548. $(document).ready(function(){
  549. $(window).scroll(function () {
  550.    if ($(this).scrollTop() > 200)
  551.    { $('#scrollto').fadeIn(); }
  552.    else
  553.    { $('#scrollto').fadeOut(); }
  554.    });
  555. $('#scrollto').click(function () {
  556.    $("html, body").animate({scrollTop:0}, 1000); return false;
  557.    });
  558. });
  559. </script>
  560.    {block:Ifinfinitescroll}
  561.     <script>
  562.         $(document).ready(function() {
  563.             var $container = $('#posts')
  564.             $container.infiniteScroll({
  565.                 // options
  566.                 path: '.next',
  567.                 append: '.wrapper',
  568.                 history: false,
  569.             });
  570.             $container.on( 'append.infiniteScroll', function(e,r,p,newElements){
  571.        var $newElems = $(newElements);
  572.        var $newElemsIDs = $newElems.map(function(){
  573.            return this.id;
  574.        }).get();
  575.        Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  576.  
  577.             });
  578.     });
  579.     </script>
  580.     {/block:Ifinfinitescroll}
  581.  
  582.     <script>
  583.    $(document).ready(function() {
  584.       $('iframe.tumblr_audio_player').load( function() {
  585.          $('iframe.tumblr_audio_player').contents().find("head")
  586.             .append($("<style type='text/css'> .audio-player{background:{color:audio} !important} </style>"));
  587.       });
  588.    });
  589. </script>
  590. <!--END SCRIPTS-->
  591.  
  592.     </head>
  593.  
  594.     <body>
  595.  
  596.     <!--HEADER-->
  597.  
  598.     <aside id="sidebar">
  599.         <a href="/"><h1>{Title}</h1></a>
  600.  
  601.         {block:Description}
  602.             <p id="description">{Description}</p>
  603.         {/block:Description}
  604.  
  605.         <div class="links">
  606.         <a href="/" title="index" style="text-align: center;">I.</a>
  607.         {block:AskEnabled}<a href="/ask" title="message">II.</a>{/block:AskEnabled}
  608.         {block:SubmissionsEnabled}<a href="/submit" title="submit">III.</a>{/block:SubmissionsEnabled}
  609.         <a href="{text:link 1 url}" title="{text:link 1 title}">IV.</a>
  610.         <a href="{text:link 2 url}" title="{text:link 2 title}">V.</a>
  611.         <a href="{text:link 3 url}" title="{text:link 3 title}">VI.</a>
  612.         </div>
  613. </aside>
  614. <!--END HEADER-->
  615.  
  616. <!--POSTS-->
  617.         <div id="posts">
  618.             {block:Posts}
  619.             <!--CONTROLS AND PERMALINK-->
  620.             <div class="wrapper" id="{PostID}">
  621.             <div class="controlw">
  622.             {block:Date}<a href="{Permalink}" class="permalink">{DayOfMonth}.{MonthNumber}.{Year}{block:NoteCount}, {NoteCount}{/block:NoteCount}</a>{/block:Date}
  623.             <div class="controls">
  624.             {block:Date}
  625. <a href="{ReblogURL}" target="_blank" class="reblog">
  626. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333    c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5    s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733    C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617    c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6    c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  627. </a>
  628. <a href="#" class="like">{LikeButton}
  629. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95    c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1    c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1    c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z     M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4    c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5    c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767    c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45    c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  630. </a>
  631. {/block:Date}
  632. </div>
  633. </div>
  634. <!--END CONTROLS AND PERMALINK-->
  635. <!--POST TYPES-->
  636.             {block:Text}
  637.                     <div class="post" id="{PostID}">
  638.                         {block:Title}
  639.                             <h3><a href="{Permalink}">{Title}</a></h3>
  640.                         {/block:Title}{Body}
  641.                     </div>
  642.                 {/block:Text}{block:Photo}
  643.                     <div class="post" id="{PostID}">
  644.                         <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  645.  
  646.                         {block:Caption}
  647.                             <div class="caption">{Caption}</div>
  648.                         {/block:Caption}
  649.                     </div>
  650.                 {/block:Photo}{block:Panorama}
  651.                     <div class="post" id="{PostID}">
  652.                         {LinkOpenTag}
  653.                             <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  654.                         {LinkCloseTag}{block:Caption}
  655.                             <div class="caption">{Caption}</div>
  656.                         {/block:Caption}
  657.                     </div>
  658.                 {/block:Panorama}
  659.                 {block:Photoset}
  660.                 <div class="post" id="{PostID}">
  661.                     <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>
  662.                     {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  663. </div>
  664. {/block:Photoset}
  665.                 {block:Quote}
  666.                     <div class="post" id="{PostID}">
  667.                         <div class="quote">"{Quote}"</div><br>
  668.  
  669.                         {block:Source}
  670.                             <div class="source">—{Source}</div>
  671.                         {/block:Source}
  672.                     </div>
  673.                 {/block:Quote}{block:Link}
  674.                     <div class="post" id="{PostID}">
  675.                         <a href="{URL}" class="link" {Target}>{Name}</a>
  676.  
  677.                         {block:Description}
  678.                             <div class="description">{Description}</div>
  679.                         {/block:Description}
  680.                     </div>
  681.                 {/block:Link}{block:Chat}
  682.                     <div class="post" id="{PostID}">
  683.                         {block:Title}
  684.                             <h3><a href="{Permalink}">{Title}</a></h3>
  685.                         {/block:Title}
  686.  
  687.                         <ul class="chat">
  688.                             {block:Lines}
  689.                                 <li class="{Alt} user_{UserNumber}">
  690.                                     {block:Label}
  691.                                         <span class="label">{Label}</span>
  692.                                     {/block:Label}{Line}
  693.                                 </li>
  694.                             {/block:Lines}
  695.                         </ul>
  696.                     </div>
  697.                 {/block:Chat}{block:Video}
  698.                     <div class="post" id="{PostID}">
  699.                         {Video-250}{block:Caption}
  700.                             <div class="caption">{Caption}</div>
  701.                         {/block:Caption}
  702.                     </div>
  703.                 {/block:Video}
  704.                 {block:Audio}
  705.                     <div class="post" id="{PostID}">
  706.                         <div class="audio">{AudioEmbed-250}</div>{block:Caption}
  707.                             <div class="caption">{Caption}</div>
  708.                         {/block:Caption}
  709.                     </div>
  710.                 {/block:Audio}
  711.                 {block:Answer}
  712. <div class="post" id="{PostID}">
  713. <img class="askpic" src="{AskerPortraitURL-30}">
  714. <span class="asker">{Asker} said: </span>
  715. <span class="question">{Question}</span>
  716. <span class="answer">{Answer}</span>
  717. </div>
  718. {/block:Answer}
  719.                 </div>
  720.                 {block:HasTags}
  721.                 {block:Tags}
  722.                 <a href="{TagURL}" class="tags">#{Tag}</a>
  723.                 {/block:Tags}
  724.                 {/block:HasTags}
  725.                 {PostNotes}
  726.                 {/block:Posts}
  727.         </div>
  728.         <!--END POST TYPES-->
  729.         <!--CREDIT AND SCROLL TO TOP - DO NOT TOUCH THE CREDIT-->
  730.        <a id="scrollto" title="scroll to top"><span class="th th-chevron-up"></span></a>
  731.         <a class="credit" href="https://aubadese.tumblr.com" title="theme credit"><img src="https://i.imgur.com/ZLwssBb.png"/></a>
  732.         <!--PAGINATION-->
  733.         {block:Pagination}
  734.         <p id="footer">
  735.             {block:PreviousPage}
  736.                 <a href="{PreviousPage}" class="prev">&#171;Previous</a>
  737.             {/block:PreviousPage}{block:NextPage}
  738.                 <a class="next" href="{NextPage}">Next&#187;</a>
  739.             {/block:NextPage}
  740.         </p>
  741.         {/block:Pagination}
  742.  
  743.         <div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div>
  744.     </body>
  745. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!