API tools faq
paste
ninchuser

Theme 2 - Sugary Clouds - cactusthemes

ninchuser
Jun 11th, 2018
4,064
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 41.70 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <head>
  4.  
  5. <!--                        THEME 2 - SUGARY CLOUDS
  6.                                by cactusthemes
  7. -->
  8.  
  9. <!-- CREDITS:
  10.             - Fade in on refresh by cyantists
  11.             - Custom tumblr controls by cyantists
  12.             - Custom sound cloud player by shythemes
  13.             - Infinite scroll by Paul Irish
  14.             - Tooltip by Manos Malihu
  15.             - Icons by fontawesome
  16.             - PXU Extended Photosets by pixel union
  17.             - Captions by bychloethemes
  18.             - Cactus icon by smashicons (https://thenounproject.com/smashicons/)
  19.             - Lightbox by sorrism
  20.             - Video resizing by shythemes
  21. -->
  22.  
  23. <title>{Title}</title>
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <meta name="description" content="{MetaDescription}">
  27. <meta name="viewport" content="width=device-width, initial-scale=1">
  28.  
  29. <meta name="image:Icon" content="">
  30.  
  31. <meta name="if:Fade In On Refresh" content="1">
  32. <meta name="if:Dark Tumblr Controls" content="1">
  33. <meta name="if:American Date" content="0">
  34. <meta name="if:Searchbar" content="1">
  35. <meta name="if:Two Columns" content="0">
  36. <meta name="if:Infinite Scroll" content="0">
  37. <meta name="if:Load More Button" content="0">
  38.  
  39. <meta name="select:Sidebar Position" content="left">
  40. <meta name="select:Sidebar Position" content="right">
  41.  
  42. <meta name="select:Font Size" content="12" title="12px">
  43. <meta name="select:Font Size" content="11" title="11px">
  44. <meta name="select:Font Size" content="13" title="13px">
  45. <meta name="select:Font Size" content="14" title="14px">
  46.  
  47. <meta name="select:Link 1 Icon" content="fa-user" title="user">
  48. <meta name="select:Link 1 Icon" content="fa-location-arrow" title="location">
  49. <meta name="select:Link 1 Icon" content="fa-archive" title="archive">
  50. <meta name="select:Link 1 Icon" content="fa-book" title="book">
  51. <meta name="select:Link 1 Icon" content="fa-bookmark" title="bookmark">
  52. <meta name="select:Link 1 Icon" content="fa-cog" title="cog">
  53. <meta name="select:Link 1 Icon" content="fa-coffee" title="coffee">
  54. <meta name="select:Link 1 Icon" content="fa-cloud" title="cloud">
  55. <meta name="select:Link 1 Icon" content="fa-comment" title="comment">
  56. <meta name="select:Link 1 Icon" content="fa-desktop" title="desktop">
  57. <meta name="select:Link 1 Icon" content="fa-envelope" title="envelope">
  58. <meta name="select:Link 1 Icon" content="fa-exclamation-circle" title="exclamation mark">
  59. <meta name="select:Link 1 Icon" content="fa-filter" title="filter">
  60. <meta name="select:Link 1 Icon" content="fa-folder" title="folder">
  61. <meta name="select:Link 1 Icon" content="fa-home" title="home">
  62. <meta name="select:Link 1 Icon" content="fa-lock" title="lock">
  63. <meta name="select:Link 1 Icon" content="fa-moon" title="moon">
  64. <meta name="select:Link 1 Icon" content="fa-pencil-alt" title="pencil">
  65. <meta name="select:Link 1 Icon" content="fa-paw" title="paw">
  66. <meta name="select:Link 1 Icon" content="fa-question-circle" title="question mark">
  67. <meta name="select:Link 1 Icon" content="fa-rocket" title="rocket">
  68. <meta name="select:Link 1 Icon" content="fa-star" title="star">
  69. <meta name="select:Link 1 Icon" content="fa-wrench" title="wrench">
  70.  
  71. <meta name="select:Link 2 Icon" content="fa-cloud" title="cloud">
  72. <meta name="select:Link 2 Icon" content="fa-location-arrow" title="location">
  73. <meta name="select:Link 2 Icon" content="fa-archive" title="archive">
  74. <meta name="select:Link 2 Icon" content="fa-book" title="book">
  75. <meta name="select:Link 2 Icon" content="fa-bookmark" title="bookmark">
  76. <meta name="select:Link 2 Icon" content="fa-cog" title="cog">
  77. <meta name="select:Link 2 Icon" content="fa-coffee" title="coffee">
  78. <meta name="select:Link 2 Icon" content="fa-comment" title="comment">
  79. <meta name="select:Link 2 Icon" content="fa-desktop" title="desktop">
  80. <meta name="select:Link 2 Icon" content="fa-envelope" title="envelope">
  81. <meta name="select:Link 2 Icon" content="fa-exclamation-circle" title="exclamation mark">
  82. <meta name="select:Link 2 Icon" content="fa-filter" title="filter">
  83. <meta name="select:Link 2 Icon" content="fa-folder" title="folder">
  84. <meta name="select:Link 2 Icon" content="fa-home" title="home">
  85. <meta name="select:Link 2 Icon" content="fa-lock" title="lock">
  86. <meta name="select:Link 2 Icon" content="fa-moon" title="moon">
  87. <meta name="select:Link 2 Icon" content="fa-user" title="user">
  88. <meta name="select:Link 2 Icon" content="fa-pencil-alt" title="pencil">
  89. <meta name="select:Link 2 Icon" content="fa-paw" title="paw">
  90. <meta name="select:Link 2 Icon" content="fa-question-circle" title="question mark">
  91. <meta name="select:Link 2 Icon" content="fa-rocket" title="rocket">
  92. <meta name="select:Link 2 Icon" content="fa-star" title="star">
  93. <meta name="select:Link 2 Icon" content="fa-wrench" title="wrench">
  94.  
  95. <meta name="text:Link 1 Title" content="link 1">
  96. <meta name="text:Link 1 URL" content="">
  97. <meta name="text:Link 2 Title" content="link 2">
  98. <meta name="text:Link 2 URL" content="">
  99.  
  100. <meta name="color:Background" content="#fcf2f0">
  101. <meta name="color:Post Background" content="#fff">
  102. <meta name="color:Text" content="#a0a0a0">
  103. <meta name="color:Borders" content="#ddd">
  104. <meta name="color:Scrollbar" content="#e7d5f0">
  105. <meta name="color:Tooltip" content="#f6ced7">
  106. <meta name="color:Selection Background" content="#fae4e9">
  107. <meta name="color:Selection Text" content="#afafaf">
  108. <meta name="color:Navi Links" content="#f5d6cf">
  109. <meta name="color:Navi Links Hover" content="#f9e4e0">
  110. <meta name="color:Navi Links Icons" content="#fff">
  111. <meta name="color:Links" content="#eebaaf">
  112. <meta name="color:Links Hover" content="#f5d6cf">
  113.  
  114. <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
  115.  
  116. <link href="https://static.tumblr.com/uxq3xua/Ci6ph2baf/funtumblrfont.css" rel="stylesheet">
  117.  
  118. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css">
  119.  
  120. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  121.  
  122. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  123.  
  124. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  125.  
  126. <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  127.  
  128. <script src="https://imagesloaded.desandro.com/imagesloaded.pkgd.js"></script>
  129.  
  130. <script src="//static.tumblr.com/yfztp0u/brUohnb4m/infinitescroll.js"></script>
  131.  
  132. <script src="https://static.tumblr.com/uxq3xua/8n4paun3z/shythemes.vr.js"></script>
  133.  
  134. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  135.  
  136. <script>
  137. (function($){
  138. $(document).ready(function(){
  139. $("a[title]").style_my_tooltips({
  140. tip_follows_cursor:true,
  141. tip_delay_time:30,
  142. tip_fade_speed:300,
  143. attribute:"title"
  144. });
  145. });
  146. })(jQuery);
  147. </script>
  148.  
  149. <script>
  150. $(document).ready(function(){
  151. $('a.search, .close').click(function(){
  152.     $('.overlay').fadeToggle();
  153.     return false;
  154. });
  155. });
  156. </script>
  157.  
  158. <style type="text/css">
  159.  
  160. body {
  161.     background:{color:Background};
  162.     color:{color:Text};
  163.     font-family:'Karla';
  164.     font-size:{select:Font Size}px;
  165. }
  166.  
  167. a {
  168.     transition:all .5s ease-in-out;
  169.     text-decoration:none;
  170. }
  171.  
  172. blockquote {
  173.     margin-left:10px;
  174.     padding-left:10px;
  175.     margin-top:-4px;
  176.     border-left:2px solid {color:Borders};
  177. }
  178.  
  179. blockquote blockquote {
  180.     margin-top:-4px;
  181.     margin-left:10px;
  182. }
  183.  
  184. blockquote img {
  185.     max-width:100%;
  186.     height:auto;
  187. }
  188.  
  189. iframe.tmblr-iframe {
  190.     white-space:nowrap!important;
  191.     z-index:99999999999999!important;
  192.     top:8px!important;
  193.     right:15px!important;
  194.     {block:ifDarkTumblrControls}
  195.     filter:invert(1) contrast(150%);
  196.     -webkit-filter:invert(1) contrast(150%);
  197.     -o-filter:invert(1) contrast(150%);
  198.     -moz-filter:invert(1) contrast(150%);
  199.     -ms-filter:invert(1) contrast(150%);
  200.     opacity:.6!important;
  201.     {/block:ifDarkTumblrControls}
  202.     {block:ifNotDarkTumblrControls}
  203.     opacity:.8!important;
  204.     {/block:ifNotDarkTumblrControls}
  205.     transition:all .5s ease-in-out;
  206.     -moz-transition:all .5s ease-in-out;
  207.     -o-transition:all .5s ease-in-out;
  208.     -webkit-transition:all .5s ease-in-out;
  209.     transform:scale(0.65);
  210.     transform-origin:100% 0;
  211.     -webkit-transform:scale(0.65);
  212.     -webkit-transform-origin:100% 0;
  213.     -o-transform:scale(0.65);
  214.     -o-transform-origin:100% 0;
  215.     -moz-transform:scale(0.65);
  216.     -moz-transform-origin:100% 0;
  217.     -ms-transform:scale(0.65);
  218.     -ms-transform-origin:100% 0;}
  219. iframe.tmblr-iframe:hover {
  220.     {block:ifDarkTumblrControls}
  221.     opacity:.8!important;
  222.     {/block:ifDarkTumblrControls}
  223.     {block:ifNotDarkTumblrControls}
  224.     opacity:1!important;
  225.     {/block:ifNotDarkTumblrControls}
  226. }
  227.  
  228. {block:ifDarkTumblrControls}
  229. div.status-indicator {
  230.     filter:invert(1)!important;
  231. }
  232. {/block:ifDarkTumblrControls}
  233.  
  234. ::selection {
  235.     color:{color:Selection Text};
  236.     background:{color:Selection Background};
  237. }
  238.  
  239. ::-moz-selection {
  240.     color:{color:Selection Text};
  241.     background:{color:Selection Background};
  242. }
  243.  
  244. ::-webkit-scrollbar {
  245.     width:12px;
  246.     height:12px;
  247.     background:#e5e5e5;
  248.     border:5px solid #fff;
  249.     border-radius:10px;
  250. }
  251.  
  252. ::-webkit-scrollbar-thumb {
  253.     background:{color:Scrollbar};
  254.     border:2px solid #fff;
  255.     border-radius:10px;
  256. }
  257.  
  258. #s-m-t-tooltip {
  259.     max-width:300px;
  260.     overflow-x:auto;
  261.     margin:25px 20px;
  262.     padding:7px;
  263.     background:{color:Tooltip};
  264.     color:{color:Navi Links Icons};
  265.     font-size:{select:Font Size}px;
  266.     font-family:'Karla';
  267.     height:auto;
  268.     word-wrap:break-word;
  269.     z-index:9999!important;
  270.     text-transform:lowercase;
  271.     font-style:italic;
  272. }
  273.  
  274. .overlay {
  275.     width:100%;
  276.     height:100%;
  277.     top:0;
  278.     left:0;
  279.     position:fixed;
  280.     z-index:999;
  281.     background:rgba({RGBColor:Background},.7);
  282.     display:none;
  283. }
  284.  
  285. .close {
  286.     width:100%;
  287.     height:100%;
  288.     top:0;
  289.     left:0;
  290.     position:fixed;
  291.     z-index:999;
  292. }
  293.  
  294. .popup {
  295.     top:50%;
  296.     left:50%;
  297.     transform:translate(-50%,-50%);
  298.     position:fixed;
  299.     background:{color:Post Background};
  300.     z-index:10000;
  301.     width:300px;
  302.     height:auto;
  303.     box-sizing:border-box;
  304.     padding:15px;
  305.     font-family:'Karla';
  306.     border:1px solid {color:Borders};
  307.     color:{color:Text};
  308. }
  309.  
  310. .popup h3 {
  311.     font-size:calc({select:Font Size}px + 3px);
  312.     margin:0;
  313.     text-align:center;
  314.     margin-bottom:15px;
  315. }
  316.  
  317. .popup input {
  318.     width:235px;
  319.     border:none;
  320.     height:26px;
  321.     box-shadow:inset 0px -5px 0px rgba({RGBColor:Links},.7);
  322.     transition:all .5s ease-in-out;
  323.     font-family:'Karla';
  324. }
  325.  
  326. .popup input:focus {
  327.     outline:0;
  328.     box-shadow:inset 0px -5px 0px rgba({RGBColor:Links},.9);
  329. }
  330.  
  331. .popup button {
  332.     background:rgba({RGBColor:Links},.7);
  333.     border:0px;
  334.     cursor:pointer;
  335.     padding:5px 7px;
  336.     transition:all .5s ease-in-out;
  337. }
  338.  
  339. .popup button:focus, .popup button:hover {
  340.     background:rgba({RGBColor:Links},.9);
  341. }
  342.  
  343. .popup button:focus {
  344.     outline:0;
  345. }
  346.  
  347. #infscr-loading {
  348.     display:none!important;
  349. }
  350.  
  351. #container {
  352.     margin:auto;
  353.     width:500px;
  354.     position:relative;
  355. }
  356.  
  357. body.left nav {
  358.     {block:ifNotTwoColumns}
  359.     margin-left:-330px;
  360.     {/block:ifNotTwoColumns}
  361.     {block:ifTwoColumns}
  362.     margin-left:-380px;
  363.     {/block:ifTwoColumns}
  364. }
  365.  
  366. body.right nav {
  367.     margin-left:840px;
  368. }
  369.  
  370. nav {
  371.     position:fixed;
  372.     {block:ifNotTwoColumns}
  373.     margin-top:150px;
  374.     {/block:ifNotTwoColumns}
  375.     {block:ifTwoColumns}
  376.     margin-top:170px;
  377.     {/block:ifTwoColumns}
  378. }
  379.  
  380. nav a {
  381.     display:block;
  382.     background:{color:Navi Links};
  383.     color:{color:Navi Links Icons};
  384.     border:1px solid {color:Borders};
  385.     font-size:18px;
  386.     margin-bottom:15px;
  387.     text-align:center;
  388.     padding:5px;
  389. }
  390.  
  391. nav a:hover {
  392.     background:{color:Navi Links Hover};
  393. }
  394.  
  395. body.left aside {
  396.     {block:ifNotTwoColumns}
  397.     margin-left:-280px;
  398.     {/block:ifNotTwoColumns}
  399.     {block:ifTwoColumns}
  400.     margin-left:-330px;
  401.     {/block:ifTwoColumns}
  402. }
  403.  
  404. body.right aside {
  405.     margin-left:520px;
  406. }
  407.  
  408. aside {
  409.     width:300px;
  410.     {block:ifNotSearchbar}
  411.     min-height:190px;
  412.     {/block:ifNotSearchbar}
  413.     {block:ifSearchbar}
  414.     min-height:240px;
  415.     {/block:ifSearchbar}
  416.     background:{color:Post Background};
  417.     position:fixed;
  418.     box-sizing:border-box;
  419.     border:1px solid {color:Borders};
  420.     {block:ifNotTwoColumns}
  421.     margin-top:150px;
  422.     {/block:ifNotTwoColumns}
  423.     {block:ifTwoColumns}
  424.     margin-top:170px;
  425.     {/block:ifTwoColumns}
  426. }
  427.  
  428. aside a, article.post a {
  429.     color:{color:Links};
  430. }
  431.  
  432. aside a:hover, article.post a:hover {
  433.     color:{color:Links Hover};
  434. }
  435.  
  436. aside img {
  437.     width:270px;
  438.     padding:15px 15px 0px 15px;
  439. }
  440.  
  441. aside .desc {
  442.     margin-top:10px;
  443.     padding:0px 15px;
  444.     {block:ifInfiniteScroll}
  445.     {block:ifNotLoadMoreButton}
  446.     padding-bottom:15px;
  447.     {/block:ifNotLoadMoreButton}
  448.     {/block:ifInfiniteScroll}
  449.     {block:Permalink}
  450.     padding-bottom:15px;
  451.     {/block:Permalink}
  452. }
  453.  
  454. aside .pagination {
  455.     text-align:center;
  456.     font-size:17px;
  457.     margin-top:15px;
  458.     border-top:1px solid {color:Borders};
  459.     padding:5px 0px;
  460. }
  461.  
  462. aside .pagination a:nth-of-type(2) {
  463.     margin-left:15px;
  464. }
  465.  
  466. aside .more_container {
  467.     text-align:center;
  468.     font-weight:bold;
  469.     margin-top:15px;
  470.     border-top:1px solid {color:Borders};
  471.     padding:8px 0px;
  472. }
  473.  
  474. aside .more_container .more {
  475.     cursor:pointer;
  476.     color:{color:Links};
  477.     transition:all .5s ease-in-out;
  478. }
  479.  
  480. aside .more_container .more:hover {
  481.     color:{color:Links Hover};
  482. }
  483.  
  484. aside .end_container {
  485.     display:none;
  486.     margin-top:15px;
  487.     text-align:center;
  488.     font-weight:bold;
  489.     border-top:1px solid {color:Borders};
  490.     padding:8px 0px;
  491. }
  492.  
  493. body.left section#posts {
  494.     {block:IndexPage}
  495.     {block:ifNotTwoColumns}
  496.     margin-left:60px;
  497.     {/block:ifNotTwoColumns}
  498.     {block:ifTwoColumns}
  499.     margin-left:10px;
  500.     {/block:ifTwoColumns}
  501.     {/block:IndexPage}
  502.     {block:Permalink}
  503.     margin-left:60px;
  504.     {/block:Permalink}
  505. }
  506.  
  507. body.right section#posts {
  508.     {block:IndexPage}
  509.     {block:ifNotTwoColumns}
  510.     margin-left:-160px;
  511.     {/block:ifNotTwoColumns}
  512.     {block:ifTwoColumns}
  513.     margin-left:-285px;
  514.     {/block:ifTwoColumns}
  515.     {/block:IndexPage}
  516.     {block:Permalink}
  517.     margin-left:-160px;
  518.     {/block:Permalink}
  519. }
  520.  
  521. section#posts {
  522.     position:relative;
  523.     {block:IndexPage}
  524.     {block:ifTwoColumns}
  525.     width:790px;
  526.     margin-top:30px;
  527.     margin-bottom:30px;
  528.     {/block:ifTwoColumns}
  529.     {/block:IndexPage}
  530. }
  531.  
  532. article.post {
  533.     background:{color:Post Background};
  534.     {block:IndexPage}
  535.     {block:ifNotTwoColumns}
  536.     width:540px;
  537.     margin:50px 50px 80px 50px;
  538.     {/block:ifNotTwoColumns}
  539.     {block:ifTwoColumns}
  540.     width:350px;
  541.     margin:20px;
  542.     float:left;
  543.     {/block:ifTwoColumns}
  544.     {/block:IndexPage}
  545.     {block:Permalink}
  546.     width:540px;
  547.     margin:50px 50px 80px 50px;
  548.     {/block:Permalink}
  549.     border:1px solid {color:Borders};
  550.     color:{color:Text};
  551. }
  552.  
  553. article.post h2.title {
  554.     margin:0;
  555.     font-size:calc({select:Font Size}px + 4px);
  556.     text-align:center;
  557.     padding:15px 15px 0px 15px;
  558. }
  559.  
  560. article.post h2.title a {
  561.     color:{color:Text};
  562. }
  563.  
  564. article.post h2.title.link {
  565.     margin-top:-1px;
  566.     background:{color:Navi Links};
  567.     padding-bottom:15px;
  568. }
  569.  
  570. article.post h2.title.link a {
  571.     color:{color:Navi Links Icons};
  572. }
  573.  
  574. article.post .caption {
  575.     padding:15px;
  576. }
  577.  
  578. article.post img.blog {
  579.     width:20px;
  580.     vertical-align:middle;
  581. }
  582.  
  583. article.post .reblog-header:first-of-type {
  584.     margin:0px 0px 10px 0px;
  585. }
  586.  
  587. article.post .reblog-header {
  588.     margin:10px 0px;
  589. }
  590.  
  591. article.post .reblog-header a.active, article.post .reblog-header span.blog {
  592.     vertical-align:middle;
  593.     margin-left:5px;
  594.     font-weight:bold;
  595.     color:{color:Links};
  596.     transition:all .5s ease-in-out;
  597. }
  598.  
  599. article.post .reblog-header a.active:hover > span.blog {
  600.     color:{color:Links Hover};
  601. }
  602.  
  603. article.post .reblog-header span.inactive span.blog {
  604.     cursor:default;
  605. }
  606.  
  607. article.post .reblog-header span.inactive span.blog::after {
  608.     content:'deactivated';
  609.     vertical-align:middle;
  610.     opacity:0;
  611.     position:absolute;
  612.     margin-left:5px;
  613.     margin-top:3px;
  614.     transition:all .5s ease-in-out;
  615. }
  616.  
  617. article.post .reblog-header span.inactive span.blog:hover::after {
  618.     opacity:1;
  619. }
  620.  
  621. article.post .caption p.read_more_container {
  622.     text-align:center;
  623.     margin-top:15px;
  624.     margin-bottom:5px;
  625. }
  626.  
  627. article.post .caption p.read_more_container a.read_more {
  628.     background:{color:Navi Links};
  629.     border:1px solid transparent;
  630.     color:{color:Navi Links Icons};
  631.     padding:7px;
  632. }
  633.  
  634. article.post .caption p.read_more_container a.read_more:hover {
  635.     background:transparent;
  636.     border-color:{color:Navi Links};
  637.     color:{color:Navi Links};
  638. }
  639.  
  640. article.post img.main_photo {
  641.     width:100%;
  642. }
  643.  
  644. article.post img {
  645.     width:100%;
  646.     height:auto;
  647. }
  648.  
  649. article.post figure img {
  650.     max-width:100%;
  651.     height:auto;
  652. }
  653.  
  654. article.post p.tmblr-attribution {
  655.     font-size:calc({select:Font Size}px - 1px);
  656.     margin:0;
  657.     background:{color:Navi Links};
  658. }
  659.  
  660. article.post p.tmblr-attribution a {
  661.     color:{color:Navi Links Icons};
  662. }
  663.  
  664. article.post .pic img {
  665.     width:100%;
  666.     height:auto;
  667. }
  668.  
  669. .vignette, #vignette {
  670.     opacity:0;
  671. }
  672.    
  673. .lightbox-image, #tumblr_lightbox img {
  674.     box-shadow:none!important;
  675.     max-width:none;
  676. }
  677.  
  678. .tmblr-lightbox, #tumblr_lightbox {
  679.     background:rgba({RGBColor:Background},.7)!important;
  680. }
  681.  
  682. article.post .pic img {
  683.     width:100%;
  684.     height:auto;
  685. }
  686.  
  687. article.post .quote {
  688.     font-weight:bold;
  689.     margin-bottom:10px;
  690.     text-align:center;
  691. }
  692.  
  693. article.post .divide {
  694.     border-bottom:1px solid {color:Navi Links};
  695.     position:relative;
  696. }
  697.  
  698. article.post .divide::after {
  699.     content: '';
  700.     position: absolute;
  701.     top: 100%;
  702.     left: 50%;
  703.     margin-left: -10px;
  704.     width: 0;
  705.     height: 0;
  706.     border-top: solid 10px {color:Navi Links};
  707.     border-left: solid 10px transparent;
  708.     border-right: solid 10px transparent;
  709. }
  710.  
  711. article.post .qsource {
  712.     margin-top:15px;
  713.     text-align:center;
  714. }
  715.  
  716. article.post .qsource p {
  717.     margin-bottom:0;
  718. }
  719.  
  720. article.post ol.chat {
  721.     list-style:none;
  722.     margin:0;
  723.     padding:0px 15px;
  724. }
  725.  
  726. article.post ol.chat li.line {
  727.     line-height:20px;
  728.     margin:10px 0px;
  729. }
  730.  
  731. article.post ol.chat .label {
  732.     padding:5px;
  733.     text-align:center;
  734.     display:inline-block;
  735.     background:{color:Navi Links};
  736.     color:{color:Navi Links Icons};
  737. }
  738.  
  739. article.post iframe.spotify_audio_player {
  740.     height:80px!important;
  741. }
  742.  
  743. article.post iframe.instagram-media {
  744.     max-width:100%!important;
  745.     width:100%!important;
  746.     border-radius:0px!important;
  747.     margin:0px 0px 12px -1px!important;
  748. }
  749.  
  750. article.post .player {
  751.     display:block;
  752.     overflow:hidden;
  753.     position:absolute;
  754.     height:120px;
  755.     width:120px;
  756.     z-index:11;
  757. }
  758.  
  759. article.post .audioplayer {
  760.     position:relative;
  761.     overflow:hidden;
  762.     width:32px;
  763.     height:32px;
  764.     opacity:.5;
  765.     margin-top:47px;
  766.     margin-left:45px;
  767. }
  768.  
  769. article.post .art {
  770.     position:relative;
  771.     float:left;
  772.     width:120px;
  773.     height:120px;
  774.     z-index:10;
  775.     margin-top:-1px;
  776. }
  777.  
  778. article.post .art img {
  779.     width:120px;
  780.     height:120px;
  781. }
  782.  
  783. article.post .audioinfo {
  784.     height:120px;
  785.     position:relative;
  786.     background:{color:Navi Links};
  787.     margin-top:-1px;
  788. }
  789.  
  790. article.post .inf {
  791.     position:relative;
  792.     display:flex;
  793.     display:-webkit-flex;
  794.     display:-ms-flexbox;
  795.     align-items:center;
  796.     -webkit-align-items:center;
  797.     -ms-align-items:center;
  798.     height:120px;
  799.     color:{color:Navi Links Icons};
  800. }
  801.  
  802. article.post .inf .part {
  803.     margin-left:15px;
  804. }
  805.  
  806. article.post .entireask {
  807.     background:{color:Navi Links};
  808.     margin-top:-1px;
  809.     padding:6px 6px 4px 6px;
  810. }
  811.  
  812. article.post .entireask img {
  813.     display:inline-block;
  814.     width:48px;
  815. }
  816.  
  817. article.post .entireask .thing {
  818.     display:inline-block;
  819.     margin-left:15px;
  820.     vertical-align:top;
  821. }
  822.  
  823. article.post .entireask .thing .questioner, article.post .entireask .thing .questioner a {
  824.     color:{color:Navi Links Icons};
  825. }
  826.  
  827. article.post .postinfo {
  828.     border-top:1px solid {color:Borders};
  829.     text-align:center;
  830.     padding:7px;
  831. }
  832.  
  833. article.post .postinfo a {
  834.     color:{color:Text};
  835.     margin-right:10px;
  836. }
  837.  
  838. article.post .postinfo a:last-of-type {
  839.     margin-right:0px;
  840. }
  841.  
  842. article.post .postinfo a:hover {
  843.     color:{color:Links};
  844. }
  845.  
  846. article.post .postinfo a .fas {
  847.     color:{color:Text}!important;
  848. }
  849.  
  850. article.post .postinfo .like_button {
  851.     display:inline-block;
  852.     position:relative;
  853.     padding-right:5px;
  854. }
  855.  
  856. article.post .postinfo .like_button iframe {
  857.     height:100%;
  858.     left:0;
  859.     opacity:0;
  860.     position:absolute;
  861.     top:0;
  862.     width:100%;
  863. }
  864.  
  865. article.post .postinfo .like_button::before{
  866.     content:'\f004';
  867.     font-family:'Font Awesome\ 5 Free';
  868.     font-weight:900;
  869.     position:relative;
  870.     color:{color:Text};
  871.     margin-right:3px;
  872. }
  873.  
  874. article.post .postinfo .like_button::after {
  875.     content:'Like';
  876.     transition:all .5s ease-in-out;
  877.     color:{color:Text};
  878. }
  879.  
  880. article.post .postinfo .like_button:hover::after {
  881.     color:{color:Links};
  882. }
  883.  
  884. article.post .tags {
  885.     border-top:1px solid {color:Borders};
  886.     padding:7px;
  887. }
  888.  
  889. article.post .tag {
  890.     display:inline-block;
  891.     margin-right:5px;
  892. }
  893.  
  894. article.post .tag a {
  895.     color:{color:Text};
  896. }
  897.  
  898. article.post .tag a:hover {
  899.     color:{color:Links};
  900. }
  901.  
  902. article.post .tag .sign {
  903.     color:{color:Text}!important;
  904. }
  905.  
  906. ol.notes {
  907.     background:{color:Post Background};
  908.     width:540px;
  909.     padding:20px;
  910.     box-sizing:border-box;
  911.     border:1px solid {color:Borders};
  912.     list-style:none;
  913.     margin-left:50px;
  914.     max-height:250px;
  915.     overflow:auto;
  916.     margin-bottom:50px;
  917. }
  918.  
  919. ol.notes li.note {
  920.     padding:7px 0px;
  921. }
  922.  
  923. ol.notes li.note:first-of-type {
  924.     padding-top:0px;
  925. }
  926.  
  927. ol.notes li.note:last-of-type {
  928.     padding-bottom:0px;
  929. }
  930.  
  931. ol.notes li.note img.avatar {
  932.     display:none;
  933. }
  934.  
  935. ol.notes li.note .action a {
  936.     color:{color:Links};
  937.     font-weight:bold;
  938. }
  939.  
  940. ol.notes li.note .action a:hover {
  941.     color:{color:Links Hover};
  942. }
  943.  
  944. ol.notes li.note blockquote {
  945.     border:none;
  946.     margin:0px;
  947.     padding:0px;
  948.     margin-top:5px;
  949.     margin-left:18px;
  950. }
  951.  
  952. ol.notes li.note blockquote a {
  953.     color:{color:Text};
  954. }
  955.  
  956. ol.notes li.note.like::before, ol.notes li.note.reblog::before, ol.notes li.note.reply::before, ol.notes li.note.original_post::before {
  957.     font-family:'Font Awesome\ 5 Free';
  958.     font-weight:900;
  959.     margin-right:5px;
  960. }
  961.  
  962. ol.notes li.note.like::before {
  963.     content:'\f004';
  964. }
  965.  
  966. ol.notes li.note.reblog::before {
  967.     content:'\f2f1';
  968. }
  969.  
  970. ol.notes li.note.reply::before {
  971.     content:'\f075';
  972. }
  973.  
  974. ol.notes li.note.original_post::before {
  975.     content:'\f044';
  976. }
  977.  
  978. ol.notes a.more_notes_link {
  979.     color:{color:Links};
  980.     font-weight:bold;
  981. }
  982.  
  983. ol.notes a.more_notes_link:hover, ol.notes .notes_loading {
  984.     color:{color:Links Hover};
  985.     font-weight:bold;
  986. }
  987.  
  988. .scroll {
  989.     right:20px;
  990.     text-align:center;
  991.     color:{color:Post Background};
  992.     cursor:pointer;
  993.     position:fixed;
  994.     bottom:80px;
  995.     font-weight:bold;
  996.     font-size:13px;
  997.     display:none;
  998. }
  999.  
  1000. #credz {
  1001.     position:fixed;
  1002.     bottom:20px;
  1003.     right:20px;
  1004.     z-index:99!important;
  1005. }
  1006.  
  1007. #credz .ci {
  1008.     background:#fff;
  1009.     padding:7px 8px 5px 8px;
  1010.     border-radius:50px;
  1011.     box-shadow:0px 0px 1px rgba(0,0,0,.1);
  1012.     transition:all .5s ease-in-out;
  1013. }
  1014.  
  1015. #credz .ci:hover {
  1016.     transform:scale(1.1);
  1017. }
  1018.  
  1019. #credz img {
  1020.     width:35px;
  1021. }
  1022.  
  1023. {block:ifFadeInOnRefresh}
  1024.    
  1025. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  1026. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  1027. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  1028. .fade-in {
  1029.    opacity:0;
  1030.    -webkit-animation:fadeIn ease-in 1;
  1031.    -moz-animation:fadeIn ease-in 1;
  1032.    animation:fadeIn ease-in 1;
  1033.    -webkit-animation-fill-mode:forwards;
  1034.    -moz-animation-fill-mode:forwards;
  1035.    animation-fill-mode:forwards;
  1036.    -webkit-animation-duration:1s;
  1037.    -moz-animation-duration:1s;
  1038.    animation-duration:1s;}
  1039. .fade-in.one {
  1040.    -webkit-animation-delay:0s;
  1041.    -moz-animation-delay:0s;
  1042.    animation-delay:0s;}
  1043. .fade-in.two {
  1044.    -webkit-animation-delay:0.8s;
  1045.    -moz-animation-delay:0.8s;
  1046.    animation-delay:0.8s;}
  1047. {/block:ifFadeInOnRefresh}
  1048.  
  1049. </style>
  1050.  
  1051. <script>
  1052. $(document).ready(function(){
  1053.    $('.photo-slideshow').pxuPhotoset({
  1054.        highres: true,
  1055.        lightbox: true,
  1056.        rounded: false,
  1057.        gutter: '1px',
  1058.        photoset: '.photo-slideshow',
  1059.        photoWrap: '.photo-data',
  1060.        photo: '.pxu-photo'
  1061.    });
  1062.    $('section#posts').each(function(){
  1063.        $(this).children('.post').addClass('two');
  1064.    });
  1065.    $('article.post').each(function(){
  1066.         $(this).find('.reblog-list:empty').css({"display":"none"});
  1067.         $(this).find('.reblog-list:empty').parent('.caption').css({"display":"none"});
  1068.     });
  1069.     $(window).scroll(function(){
  1070.         if ($(this).scrollTop() > 450) {
  1071.             $('.scroll').fadeIn();
  1072.         } else {
  1073.             $('.scroll').fadeOut();
  1074.         }
  1075.     });
  1076.     $('.scroll').click(function(){
  1077.         $('html, body').animate({scrollTop : 0},900);
  1078.         return false;
  1079.     });
  1080.     if ($('#credz').length === 0) {
  1081.         window.location.href = "http://cactusthemes.tumblr.com";
  1082.     }
  1083. // minimal soundcloud player © shythemes.tumblr
  1084.    var color = '{color:Links}'; // color of play button (hex)
  1085.    $('.soundcloud_audio_player').each(function(){
  1086.        $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
  1087.    });
  1088.    {block:IndexPage}
  1089.    {block:ifTwoColumns}
  1090.    $container = $('section#posts');
  1091.    $container.imagesLoaded().progress(function() {
  1092.         $container.masonry({ itemSelector: '.post' });
  1093.    });
  1094.    {/block:ifTwoColumns}
  1095.    {block:ifInfiniteScroll}
  1096.    $container = $('section#posts');
  1097.     $container.infinitescroll({
  1098.     navSelector: '#navigation',
  1099.     nextSelector: '#next',
  1100.     itemSelector: '.post',
  1101.     loading: {
  1102.       img: 'https://upload.wikimedia.org/wikipedia/commons/c/ca/1x1.png',
  1103.       msgText: '<b>loading more posts...</b>',
  1104.     },
  1105.     debug: true,
  1106.     bufferPx: 0,
  1107.     errorCallback: function(){
  1108.         $('.more_container').hide();
  1109.         $('.end_container').show();
  1110.     }
  1111.   }, function(items) {
  1112.     var $items = $(items);
  1113.     $items.addClass('new');
  1114.     $items.find('.video iframe').each(function(){
  1115.     var vw = $('.video').width();
  1116.     var vh = $('.video').height();
  1117.     var scale = $(this).parents('.video').width() / 500;
  1118.     $(this).attr({
  1119.        width: Math.floor($(this).attr('width') * scale),
  1120.        height: Math.floor($(this).attr('height') * scale)
  1121.     });
  1122.     $(this).parents('.tumblr_video_container').css({
  1123.            width: Math.floor(vw),
  1124.            height: Math.floor(vh * scale)
  1125.     });
  1126.     });
  1127.     $items.each(function(){
  1128.         $(this).find('.reblog-list:empty').css({"display":"none"});
  1129.         $(this).find('.reblog-list:empty').parent('.caption').css({"display":"none"});
  1130.     });
  1131.     $items.find('.photo-slideshow').pxuPhotoset({
  1132.            highres: true,
  1133.            lightbox: true,
  1134.            rounded: false,
  1135.            gutter: '1px',
  1136.            photoset: '.photo-slideshow',
  1137.            photoWrap: '.photo-data',
  1138.            photo: '.pxu-photo'
  1139.     });
  1140.     {block:ifTwoColumns}
  1141.     $container.masonry();
  1142.     $items.imagesLoaded(function(){
  1143.        $container.masonry( 'appended', $items );
  1144.     });
  1145.        {/block:ifTwoColumns}
  1146.     $itemsIDs = $items.map(function(){
  1147.       return this.id;
  1148.     }).get();
  1149.     Tumblr.LikeButton.get_status_by_post_ids($itemsIDs);
  1150.     $items.removeClass('new');
  1151.   });
  1152.   {/block:ifInfiniteScroll}
  1153.   {block:ifLoadMoreButton}
  1154.     $(window).unbind('.infscr');
  1155.         $('.more').click(function(){
  1156.         $container.infinitescroll('retrieve');
  1157.     });
  1158.    {/block:IfLoadMoreButton}
  1159.   {/block:IndexPage}
  1160. });
  1161. </script>
  1162.  
  1163. </head>
  1164.  
  1165. <body class="{select:Sidebar Position}">
  1166.  
  1167. <div class="overlay">
  1168.  
  1169. <div class="close"></div>
  1170.  
  1171. <div class="popup">
  1172.  
  1173. <h3>Search</h3>
  1174.  
  1175. <form action="/search" method="get" class="sb">
  1176. <input type="search" name="q" value="" autocomplete="off" placeholder="Search this blog" class="sinput">
  1177. <button type="submit" class="sbutton"><span class="fas fa-search" aria-hidden="true"></span></button>
  1178. </form>
  1179.  
  1180. </div>
  1181.  
  1182. </div>
  1183.  
  1184. <div id="container">
  1185.  
  1186. <nav class="fade-in one">
  1187.  
  1188. <a href="/" title="home"><span class="fas fa-home" aria-hidden="true"></span></a>
  1189.  
  1190. <a href="/ask" title="message"><span class="fas fa-envelope" aria-hiden="true"></span></a>
  1191.  
  1192. {block:ifLink1Title}
  1193. <a href="{text:Link 1 URL}" title="{text:Link 1 Title}"><span class="fas {select:Link 1 Icon}" aria-hidden="true"></span></a>
  1194. {/block:ifLink1Title}
  1195.  
  1196. {block:ifLink2Title}
  1197. <a href="{text:Link 2 URL}" title="{text:Link 2 Title}"><span class="fas {select:Link 2 Icon}" aria-hidden="true"></span></a>
  1198. {/block:ifLink2Title}
  1199.  
  1200. {block:ifSearchbar}
  1201. <a href="#" title="search" class="search"><span class="fas fa-search" aria-hidden="true"></span></a>
  1202. {/block:ifSearchbar}
  1203.  
  1204. </nav>
  1205.  
  1206. <aside class="fade-in one">
  1207.  
  1208. <a href="/"><img src="{image:Icon}"></a>
  1209.  
  1210. <div class="desc">
  1211. {Description}
  1212. </div>
  1213.  
  1214. {block:ifNotInfiniteScroll}
  1215. {block:Pagination}
  1216.  
  1217. <div class="pagination">
  1218.  
  1219. {block:PreviousPage}
  1220. <a href="{PreviousPage}" title="prev"><span class="fas fa-long-arrow-alt-left" aria-hidden="true"></span></a>
  1221. {/block:PreviousPage}
  1222.  
  1223. {block:NextPage}
  1224. <a href="{NextPage}" title="next"><span class="fas fa-long-arrow-alt-right" aria-hidden="true"></span></a>
  1225. {/block:NextPage}
  1226.  
  1227. </div>
  1228.  
  1229. {/block:Pagination}
  1230. {/block:ifNotInfiniteScroll}
  1231.  
  1232. {block:ifInfiniteScroll}
  1233. {block:ifLoadMoreButton}
  1234. <div class="more_container">
  1235. <span class="more">load more posts</span>
  1236. </div>
  1237. {/block:ifLoadMoreButton}
  1238.  
  1239. <div class="end_container">
  1240.     <div class="end">There are no more posts to display!</div>
  1241. </div>
  1242. {/block:ifInfiniteScroll}
  1243.  
  1244. </aside>
  1245.  
  1246. <section id="posts">
  1247.  
  1248. {block:Posts}
  1249.  
  1250. <article class="post fade-in" id="{PostID}">
  1251.  
  1252. {block:Text}
  1253.  
  1254. {block:Title}
  1255. <h2 class="title"><a href="{Permalink}">{Title}</a></h2>
  1256. {/block:Title}
  1257.  
  1258. <div class="caption">
  1259. {block:NotReblog}
  1260.     <figcaption>
  1261.         {Body}
  1262.     </figcaption>
  1263. {/block:NotReblog}
  1264.  
  1265. {block:RebloggedFrom}
  1266. <div class="reblog-list">
  1267.     {block:Reblogs}
  1268.             <div class="reblog-header">
  1269.  
  1270.                 {block:IsActive}
  1271.                 <a href="{Permalink}" target="_blank" class="active">
  1272.                     <img src="{PortraitURL-64}" class="blog">
  1273.                     <span class="blog">{Username}</span>
  1274.                 </a>
  1275.                 {/block:IsActive}
  1276.  
  1277.                 {block:IsDeactivated}
  1278.                 <span class="inactive">
  1279.                     <img src="{PortraitURL-64}" class="blog">
  1280.                     <span class="blog">{Username}</span>
  1281.                 </span>
  1282.                 {/block:IsDeactivated}
  1283.  
  1284.             </div>
  1285.             <div class="reblog-content">
  1286.                 {Body}
  1287.             </div>
  1288.     {/block:Reblogs}
  1289. </div>
  1290. {/block:RebloggedFrom}
  1291. </div>
  1292.  
  1293. {/block:Text}
  1294.  
  1295. {block:Photo}
  1296.  
  1297. <div class="pic">
  1298. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  1299. <img src="{PhotoURL-HighRes}">
  1300. </a>
  1301. </div>
  1302.  
  1303. {block:Caption}
  1304. <div class="caption">
  1305. {block:NotReblog}
  1306.     <figcaption>
  1307.         {Caption}
  1308.     </figcaption>
  1309. {/block:NotReblog}
  1310.  
  1311. {block:RebloggedFrom}
  1312. <div class="reblog-list">
  1313.     {block:Reblogs}
  1314.             <div class="reblog-header">
  1315.  
  1316.                 {block:IsActive}
  1317.                 <a href="{Permalink}" target="_blank" class="active">
  1318.                     <img src="{PortraitURL-64}" class="blog">
  1319.                     <span class="blog">{Username}</span>
  1320.                 </a>
  1321.                 {/block:IsActive}
  1322.  
  1323.                 {block:IsDeactivated}
  1324.                 <span class="inactive">
  1325.                     <img src="{PortraitURL-64}" class="blog">
  1326.                     <span class="blog">{Username}</span>
  1327.                 </span>
  1328.                 {/block:IsDeactivated}
  1329.  
  1330.             </div>
  1331.             <div class="reblog-content">
  1332.                 {Body}
  1333.             </div>
  1334.     {/block:Reblogs}
  1335. </div>
  1336. {/block:RebloggedFrom}
  1337. </div>
  1338. {/block:Caption}
  1339.  
  1340. {/block:Photo}
  1341.  
  1342. {block:Photoset}
  1343.  
  1344. <div class="img">
  1345. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1346. </div>
  1347.  
  1348. {block:Caption}
  1349. <div class="caption">
  1350. {block:NotReblog}
  1351.     <figcaption>
  1352.         {Caption}
  1353.     </figcaption>
  1354. {/block:NotReblog}
  1355.  
  1356. {block:RebloggedFrom}
  1357. <div class="reblog-list">
  1358.     {block:Reblogs}
  1359.             <div class="reblog-header">
  1360.  
  1361.                 {block:IsActive}
  1362.                 <a href="{Permalink}" target="_blank" class="active">
  1363.                     <img src="{PortraitURL-64}" class="blog">
  1364.                     <span class="blog">{Username}</span>
  1365.                 </a>
  1366.                 {/block:IsActive}
  1367.  
  1368.                 {block:IsDeactivated}
  1369.                 <span class="inactive">
  1370.                     <img src="{PortraitURL-64}" class="blog">
  1371.                     <span class="blog">{Username}</span>
  1372.                 </span>
  1373.                 {/block:IsDeactivated}
  1374.  
  1375.             </div>
  1376.             <div class="reblog-content">
  1377.                 {Body}
  1378.             </div>
  1379.     {/block:Reblogs}
  1380. </div>
  1381. {/block:RebloggedFrom}
  1382. </div>
  1383. {/block:Caption}
  1384.  
  1385. {/block:Photoset}
  1386.  
  1387. {block:Quote}
  1388.  
  1389. <div class="caption">
  1390. <div class="quote">“{Quote}”</div>
  1391.  
  1392. {block:Source}
  1393. <div class="divide"></div>
  1394.  
  1395. <div class="qsource">{Source}</div>
  1396. {/block:Source}
  1397. </div>
  1398.  
  1399. {/block:Quote}
  1400.  
  1401. {block:Link}
  1402.  
  1403. <h2 class="title link"><a href="{URL}">{Name}</a></h2>
  1404.  
  1405. {block:Description}
  1406. <div class="caption">
  1407. {block:NotReblog}
  1408.     <figcaption>
  1409.         {Description}
  1410.     </figcaption>
  1411. {/block:NotReblog}
  1412.  
  1413. {block:RebloggedFrom}
  1414. <div class="reblog-list">
  1415.     {block:Reblogs}
  1416.             <div class="reblog-header">
  1417.  
  1418.                 {block:IsActive}
  1419.                 <a href="{Permalink}" target="_blank" class="active">
  1420.                     <img src="{PortraitURL-64}" class="blog">
  1421.                     <span class="blog">{Username}</span>
  1422.                 </a>
  1423.                 {/block:IsActive}
  1424.  
  1425.                 {block:IsDeactivated}
  1426.                 <span class="inactive">
  1427.                     <img src="{PortraitURL-64}" class="blog">
  1428.                     <span class="blog">{Username}</span>
  1429.                 </span>
  1430.                 {/block:IsDeactivated}
  1431.  
  1432.             </div>
  1433.             <div class="reblog-content">
  1434.                 {Body}
  1435.             </div>
  1436.     {/block:Reblogs}
  1437. </div>
  1438. {/block:RebloggedFrom}
  1439. </div>
  1440. {/block:Description}
  1441.  
  1442. {/block:Link}
  1443.  
  1444. {block:Chat}
  1445.  
  1446. {block:Title}<h2 class="title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  1447.  
  1448. <ol class="chat">
  1449. {block:Lines}
  1450. <li class="line">
  1451. {block:Label}
  1452. <span class="label">
  1453. {Label}
  1454. </span>
  1455. {/block:Label}
  1456. {Line}
  1457. </li>
  1458. {/block:Lines}
  1459. </ol>
  1460.  
  1461. {/block:Chat}
  1462.  
  1463. {block:Video}
  1464.  
  1465. <div class="video">
  1466. {Video-500}
  1467. </div>
  1468.  
  1469. {block:Caption}
  1470. <div class="caption">
  1471. {block:NotReblog}
  1472.     <figcaption>
  1473.         {Caption}
  1474.     </figcaption>
  1475. {/block:NotReblog}
  1476.  
  1477. {block:RebloggedFrom}
  1478. <div class="reblog-list">
  1479.     {block:Reblogs}
  1480.             <div class="reblog-header">
  1481.  
  1482.                 {block:IsActive}
  1483.                 <a href="{Permalink}" target="_blank" class="active">
  1484.                     <img src="{PortraitURL-64}" class="blog">
  1485.                     <span class="blog">{Username}</span>
  1486.                 </a>
  1487.                 {/block:IsActive}
  1488.  
  1489.                 {block:IsDeactivated}
  1490.                 <span class="inactive">
  1491.                     <img src="{PortraitURL-64}" class="blog">
  1492.                     <span class="blog">{Username}</span>
  1493.                 </span>
  1494.                 {/block:IsDeactivated}
  1495.  
  1496.             </div>
  1497.             <div class="reblog-content">
  1498.                 {Body}
  1499.             </div>
  1500.     {/block:Reblogs}
  1501. </div>
  1502. {/block:RebloggedFrom}
  1503. </div>
  1504. {/block:Caption}
  1505.  
  1506. {/block:Video}
  1507.  
  1508. {block:Audio}
  1509.  
  1510. <div class="player">
  1511. <div class="audioplayer">{AudioPlayerWhite}</div>
  1512. </div>
  1513. <div class="art">
  1514. {block:AlbumArt}
  1515. <img src="{AlbumArtURL}">
  1516. {/block:AlbumArt}
  1517. </div>
  1518. <div class="audioinfo">
  1519. <div class="inf">
  1520. <div class="part">
  1521. {block:TrackName}
  1522. <b>track: </b>{TrackName}
  1523. {/block:TrackName}
  1524. {block:Artist}
  1525. <br><b>artist: </b>{Artist}
  1526. {/block:Artist}
  1527. {block:PlayCount}
  1528. <br><b>played: </b>{PlayCount} times
  1529. {/block:PlayCount}
  1530. </div>
  1531. </div>
  1532. </div>
  1533.  
  1534. {block:Caption}
  1535. <div class="caption">
  1536. {block:NotReblog}
  1537.     <figcaption>
  1538.         {Caption}
  1539.     </figcaption>
  1540. {/block:NotReblog}
  1541.  
  1542. {block:RebloggedFrom}
  1543. <div class="reblog-list">
  1544.     {block:Reblogs}
  1545.             <div class="reblog-header">
  1546.  
  1547.                 {block:IsActive}
  1548.                 <a href="{Permalink}" target="_blank" class="active">
  1549.                     <img src="{PortraitURL-64}" class="blog">
  1550.                     <span class="blog">{Username}</span>
  1551.                 </a>
  1552.                 {/block:IsActive}
  1553.  
  1554.                 {block:IsDeactivated}
  1555.                 <span class="inactive">
  1556.                     <img src="{PortraitURL-64}" class="blog">
  1557.                     <span class="blog">{Username}</span>
  1558.                 </span>
  1559.                 {/block:IsDeactivated}
  1560.  
  1561.             </div>
  1562.             <div class="reblog-content">
  1563.                 {Body}
  1564.             </div>
  1565.     {/block:Reblogs}
  1566. </div>
  1567. {/block:RebloggedFrom}
  1568. </div>
  1569. {/block:Caption}
  1570.  
  1571. {/block:Audio}
  1572.  
  1573. {block:Answer}
  1574.  
  1575. <div class="entireask">
  1576. <img src="{AskerPortraitURL-48}">
  1577. <div class="thing">
  1578. <div class="questioner">
  1579. {Asker} typed:
  1580. </div>
  1581. <div class="question">
  1582. {Question}
  1583. </div>
  1584. </div>
  1585. </div>
  1586. <div class="divide"></div>
  1587.  
  1588. <div class="caption">
  1589. {block:NotReblog}
  1590.     <figcaption>
  1591.         {Replies}
  1592.     </figcaption>
  1593. {/block:NotReblog}
  1594.  
  1595. {block:RebloggedFrom}
  1596. {block:Answerer}
  1597. <div class="reblog-header">
  1598.   <a href="{ReblogRootURL}" class="active">
  1599.     <img src="{AnswererPortraitURL-64}" class="blog">
  1600.     <span class="blog">{ReblogRootName}</span>
  1601.   </a>
  1602. </div>
  1603. <div class="reblog-content">
  1604.   {Answer}
  1605. </div>
  1606. {/block:Answerer}
  1607. <div class="reblog-list">
  1608.     {block:Reblogs}
  1609.             <div class="reblog-header">
  1610.  
  1611.                 {block:IsActive}
  1612.                 <a href="{Permalink}" target="_blank" class="active">
  1613.                     <img src="{PortraitURL-64}" class="blog">
  1614.                     <span class="blog">{Username}</span>
  1615.                 </a>
  1616.                 {/block:IsActive}
  1617.  
  1618.                 {block:IsDeactivated}
  1619.                 <span class="inactive">
  1620.                     <img src="{PortraitURL-64}" class="blog">
  1621.                     <span class="blog">{Username}</span>
  1622.                 </span>
  1623.                 {/block:IsDeactivated}
  1624.  
  1625.             </div>
  1626.             <div class="reblog-content">
  1627.                 {Body}
  1628.             </div>
  1629.     {/block:Reblogs}
  1630. </div>
  1631. {/block:RebloggedFrom}
  1632. </div>
  1633.  
  1634. {/block:Answer}
  1635.  
  1636. {block:Date}
  1637.  
  1638. {block:RebloggedFrom}
  1639. <!-- <a href="{ReblogParentURL}" title="via: {ReblogParentName}"><img style="margin-bottom:-2px;" src="{ReblogParentPortraitURL-16}"></a> -->
  1640. {/block:RebloggedFrom}
  1641.  
  1642. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  1643.  
  1644. <div class="postinfo">
  1645.  
  1646. <a href="{Permalink}">
  1647. <span class="fas fa-calendar-alt" aria-hidden="true"></span>
  1648. {block:ifNotAmericanDate}
  1649. {DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}
  1650. {/block:ifNotAmericanDate}
  1651. {block:ifAmericanDate}
  1652. {MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}
  1653. {/block:ifAmericanDate}
  1654. </a>
  1655.  
  1656. <a href="{Permalink}">
  1657. <span class="fas fa-star" aria-hidden="true"></span>
  1658. {NoteCountWithLabel}
  1659. </a>
  1660.  
  1661. <a href="#">
  1662. {LikeButton}
  1663. </a>
  1664.  
  1665. <a href="{ReblogURL}">
  1666. <span class="fas fa-sync-alt" aria-hidden="true"></span>
  1667. Reblog
  1668. </a>
  1669.  
  1670. </div>
  1671.  
  1672. {/block:Date}
  1673.  
  1674. {block:HasTags}
  1675.  
  1676. <div class="tags">
  1677.  
  1678. {block:Tags}
  1679.  
  1680. <span class="tag"><a href="{TagURL}"><span class="sign">#</span>{Tag}</a></span>
  1681.  
  1682. {/block:Tags}
  1683.  
  1684. </div>
  1685.  
  1686. {/block:HasTags}
  1687.  
  1688. </article>
  1689.  
  1690. {/block:Posts}
  1691.  
  1692. {block:PostNotes}
  1693.  
  1694. <div class="fade-in two">{PostNotes}</div>
  1695.  
  1696. {/block:PostNotes}
  1697.  
  1698. </section>
  1699.  
  1700. {block:ifInfiniteScroll}
  1701. {block:Pagination}
  1702. <div id="navigation">
  1703.     {block:PreviousPage}<a href="{PreviousPage}">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  1704.     {block:NextPage}<a href="{NextPage}" id="next">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}
  1705. </div>
  1706. {/block:Pagination}
  1707. {/block:ifInfiniteScroll}
  1708.  
  1709. </div>
  1710.  
  1711. <div class="scroll"><span class="fas fa-long-arrow-alt-up" aria-hidden="true"></span><br>scroll up</div>
  1712.  
  1713. <div id="credz" class="fade-in two">
  1714. <a href="http://cactusthemes.tumblr.com">
  1715. <div class="ci">
  1716. <img src="https://static.tumblr.com/uxq3xua/6i1p5p058/cactus_icon_green.png">
  1717. </div>
  1718. </a>
  1719. </div>
  1720.  
  1721. </body>
  1722.  
  1723. </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!