API tools faq
paste
ninchuser

Theme 7 - Sunset - cactusthemes

ninchuser
Apr 8th, 2018
3,676
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 51.94 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <head>
  4.  
  5. <!--                            THEME 7 - SUNSET
  6.                                     by cactusthemes
  7. -->
  8.  
  9. <!-- CREDITS:
  10.            - Fade In On Refresh/Tumblr Controls by cyantists
  11.            - Video Resizing Script by shythemes
  12.            - PXU Photosets + Infinite Scroll by shythemes
  13.            - Icon font by fontawesome
  14.            - PXU Photosets by Pixel Union
  15.            - Tooltip by manos malihu
  16.            - Captions by bychloethemes
  17.            - Lightbox by sorrism
  18.            - Like button on infinite scroll by magnusthemes
  19.            - Colour script by magnusthemes
  20.            - Remove via from quotes by annasthms
  21.            - Waves by https://codepen.io/rstacruz/pen/oxJqNv
  22.            - Slideshow by https://codepen.io/JTParrett/pen/wKdna
  23.            - cactus icon by smashicons (https://thenounproject.com/smashicons/)
  24. -->
  25.  
  26. <title>{Title}</title>
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28. <link rel="shortcut icon" href="{Favicon}">
  29. <meta name="description" content="{MetaDescription}">
  30. <meta name="viewport" content="width=device-width, initial-scale=1">
  31.  
  32. <meta name="image:Icon" content=""/>
  33. <meta name="if:Fade In On Refresh" content="1"/>
  34. <meta name="if:Dark Tumblr Controls" content="1"/>
  35. <meta name="if:Searchbar" content="1"/>
  36. <meta name="if:Reveal Tags On Hover" content="1"/>
  37. <meta name="if:Custom Description" content="0"/>
  38. <meta name="if:Infinite Scroll" content="0"/>
  39. <meta name="if:Load More Button" content="0"/>
  40.  
  41. <meta name="select:Icon Shape" content="100" title="Circle"/>
  42. <meta name="select:Icon Shape" content="10" title="Rounded"/>
  43. <meta name="select:Icon Shape" content="0" title="Square"/>
  44.  
  45. <meta name="select:Tag Icon" content="☀" title="Sun"/>
  46. <meta name="select:Tag Icon" content="#" title="Hashtag"/>
  47. <meta name="select:Tag Icon" content="☁" title="Cloud"/>
  48. <meta name="select:Tag Icon" content="❆" title="Snowflake"/>
  49. <meta name="select:Tag Icon" content="★" title="Star"/>
  50. <meta name="select:Tag Icon" content="✔" title="Checkmark"/>
  51. <meta name="select:Tag Icon" content="✗" title="Cross"/>
  52. <meta name="select:Tag Icon" content="✿" title="Flower"/>
  53. <meta name="select:Tag Icon" content="♥" title="Heart"/>
  54. <meta name="select:Tag Icon" content="♪" title="Music Note"/>
  55.  
  56. <meta name="select:Font Size" content="12" title="12px"/>
  57. <meta name="select:Font Size" content="11" title="11px"/>
  58. <meta name="select:Font Size" content="13" title="13px"/>
  59. <meta name="select:Font Size" content="14" title="14px"/>
  60. <meta name="select:Font Size" content="15" title="15px"/>
  61.  
  62. <meta name="select:Font Family" content="karla" title="Karla"/>
  63. <meta name="select:Font Family" content="roboto" title="Roboto"/>
  64. <meta name="select:Font Family" content="montserrat" title="Montserrat"/>
  65. <meta name="select:Font Family" content="quicksand" title="Quicksand"/>
  66. <meta name="select:Font Family" content="muli" title="Muli"/>
  67.  
  68. <meta name="color:Background" content="#eeeeee"/>
  69. <meta name="color:Text" content="#888888"/>
  70. <meta name="color:Bold" content="#666666"/>
  71. <meta name="color:Link" content="#000000"/>
  72. <meta name="color:Blockquote" content="#ededed"/>
  73. <meta name="color:Lightbox" content="#fefafb"/>
  74. <meta name="color:Gradient One" content="#f8de8a"/>
  75. <meta name="color:Gradient Two" content="#fda085"/>
  76. <meta name="color:Gradient Three" content="#fbc2eb"/>
  77. <meta name="color:Gradient Four" content="#c0d1ee"/>
  78. <meta name="color:Sidebar Icons" content="#ffffff"/>
  79. <meta name="color:Post" content="#ffffff"/>
  80.  
  81. <meta name="text:Post Size" content="500"/>
  82. <meta name="text:Title" content="Your title"/>
  83. <meta name="text:Description" content="This is your custom description. If you have that option disabled you can just leave this blank."/>
  84. <meta name="text:Link 1 Title" content="link 1"/>
  85. <meta name="text:Link 1 URL" content=""/>
  86. <meta name="text:Link 2 Title" content="link 2"/>
  87. <meta name="text:Link 2 URL" content=""/>
  88. <meta name="text:Link 3 Title" content="link 3"/>
  89. <meta name="text:Link 3 URL" content=""/>
  90. <meta name="text:Link 4 Title" content="link 4"/>
  91. <meta name="text:Link 4 URL" content=""/>
  92. <meta name="text:Link 5 Title" content="link 5"/>
  93. <meta name="text:Link 5 URL" content=""/>
  94. <meta name="text:Link 6 Title" content="link 6"/>
  95. <meta name="text:Link 6 URL" content=""/>
  96.  
  97. <link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
  98.  
  99. <link href='https://fonts.googleapis.com/css?family=Karla|EB+Garamond|Roboto|Muli|Quicksand|Montserrat' rel='stylesheet' type='text/css'>
  100.  
  101. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  102.  
  103. <link href="https://static.tumblr.com/uxq3xua/Ci6ph2baf/funtumblrfont.css" rel="stylesheet">
  104.  
  105. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  106.  
  107. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  108.  
  109. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  110.  
  111. <script src="https://static.tumblr.com/uxq3xua/zRwp4km6h/magnusthemes.colours.js"></script>
  112.  
  113. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  114.  
  115. <script>
  116. (function($){
  117. $(document).ready(function(){
  118. $("a[title]").style_my_tooltips({
  119. tip_follows_cursor:true,
  120. tip_delay_time:30,
  121. tip_fade_speed:300,
  122. attribute:"title"
  123. });
  124. });
  125. })(jQuery);
  126. </script>
  127.  
  128. <style type="text/css">
  129.  
  130. /* GENERAL */
  131.  
  132. body {
  133.     background:{color:Background};
  134.     font-family:'{select:Font Family}';
  135.     color:{color:Text};
  136. }
  137.  
  138. b, strong {
  139.     color:{color:Bold};
  140. }
  141.  
  142. a:not(.scroll) {
  143.     text-decoration:none;
  144.     transition:all .5s ease-in-out;
  145. }
  146.  
  147. ::-webkit-scrollbar {
  148.     width:12px;
  149.     height:12px;
  150.     background:#e5e5e5;
  151.     border:5px solid #fff;
  152.     border-radius:10px;
  153. }
  154.  
  155. ::-webkit-scrollbar-thumb:vertical {
  156.     background: linear-gradient(to bottom, {color:Gradient Two} 0%, {color:Gradient Three} 50%, {color:Gradient Four} 100%);
  157.     border:2px solid #fff;
  158.     border-radius:10px;
  159. }
  160.  
  161. ::-webkit-scrollbar-thumb:horizontal {
  162.     background: linear-gradient(to right, {color:Gradient Two} 0%, {color:Gradient Three} 50%, {color:Gradient Four} 100%);
  163.     border:2px solid #fff;
  164.     border-radius:10px;
  165. }
  166.  
  167. ::selection {
  168.     color:{color:Sidebar Icons};
  169.     background:{color:Gradient Four};
  170. }
  171.  
  172. ::-moz-selection {
  173.     color:{color:Sidebar Icons};
  174.     background:{color:Gradient Four};
  175. }
  176.  
  177. blockquote {
  178.     margin-left:10px;
  179.     padding-left:10px;
  180.     margin-top:-4px;
  181.     border-left:2px solid {color:Blockquote};
  182. }
  183.  
  184. blockquote blockquote {
  185.     margin-top:-4px;
  186.     margin-left:10px;
  187. }
  188.  
  189. blockquote img {
  190.     max-width:100%;
  191.     height:auto;
  192. }
  193.  
  194. #s-m-t-tooltip {
  195.     max-width:300px;
  196.     overflow-x:auto;
  197.     margin:25px 20px;
  198.     padding:7px;
  199.     background:{color:Gradient Four};
  200.     color:{color:Sidebar Icons};
  201.     font-size:{select:Font Size}px;
  202.     height:auto;
  203.     word-wrap:break-word;
  204.     border-radius:5px;
  205.     box-shadow:0 0 2px rgba(136,136,136,.2);
  206.     z-index:9999 !important;
  207.     text-transform:lowercase;
  208. }
  209.  
  210. iframe.tmblr-iframe {
  211.     white-space:nowrap!important;
  212.     z-index:99999999999999!important;
  213.     top:15px !important;
  214.     right:10px !important;
  215.     {block:ifDarkTumblrControls}
  216.     filter:invert(1) contrast(150%);
  217.     -webkit-filter:invert(1) contrast(150%);
  218.     -o-filter:invert(1) contrast(150%);
  219.     -moz-filter:invert(1) contrast(150%);
  220.     -ms-filter:invert(1) contrast(150%);
  221.     opacity:.6!important;
  222.     {/block:ifDarkTumblrControls}
  223.     {block:ifNotDarkTumblrControls}
  224.     opacity:.8!important;
  225.     {/block:ifNotDarkTumblrControls}
  226.     transition:all .5s ease-in-out;
  227.     transform:scale(0.65);
  228.     transform-origin:100% 0;
  229.     -webkit-transform:scale(0.65);
  230.     -webkit-transform-origin:100% 0;
  231.     -o-transform:scale(0.65);
  232.     -o-transform-origin:100% 0;
  233.     -moz-transform:scale(0.65);
  234.     -moz-transform-origin:100% 0;
  235.     -ms-transform:scale(0.65);
  236.     -ms-transform-origin:100% 0;}
  237. iframe.tmblr-iframe:hover {
  238.     {block:ifDarkTumblrControls}
  239.     opacity:.8!important;
  240.     {/block:ifDarkTumblrControls}
  241.     {block:ifNotDarkTumblrControls}
  242.     opacity:1!important;
  243.     {/block:ifNotDarkTumblrControls}
  244. }
  245.  
  246. {block:ifDarkTumblrControls}
  247. div.status-indicator {
  248.     filter:invert(1)!important;
  249. }
  250. {/block:ifDarkTumblrControls}
  251.  
  252. aside {
  253.     width:300px;
  254.     display:inline-block;
  255.     vertical-align:top;
  256.     position:fixed;
  257.     overflow:hidden;
  258.     margin-left:-250px;
  259.     border-radius:20px 20px 0px 0px;
  260. }
  261.  
  262. aside .first {
  263.     padding-top:10px;
  264.     display:flex;
  265.     flex-direction:column;
  266.     align-items:center;
  267. }
  268.  
  269. aside img {
  270.     display:block;
  271.     width:120px;
  272.     margin-bottom:10px;
  273.     border-radius:{select:Icon Shape}%;
  274. }
  275.  
  276. aside .t {
  277.     display:inline-block;
  278.     text-transform:uppercase;
  279.     color:{color:Sidebar Icons};
  280.     border:2px solid {color:Sidebar Icons};
  281.     margin-bottom:5px;
  282.     font-weight:bold;
  283.     padding:5px;
  284.     font-size:calc({select:Font Size}px + 4px);
  285.     border-radius:5px;
  286.     transition:all .5s ease-in-out;
  287. }
  288.  
  289. aside .t:hover {
  290.     opacity:.7;
  291. }
  292.  
  293. aside .sb {
  294.     background:linear-gradient(to bottom, {color:Gradient One} 0%, {color:Gradient Two} 40%, {color:Gradient Three} 100%);
  295.     padding-bottom:10px;
  296. }
  297.  
  298. aside nav {
  299.     text-align:center;
  300.     margin-top:10px;
  301.     padding-bottom:10px;
  302. }
  303.  
  304. aside nav .fas {
  305.     color:{color:Sidebar Icons};
  306.     cursor:pointer;
  307.     font-size:calc({select:Font Size}px + 4px);
  308.     transition:all .5s ease-in-out;
  309. }
  310.  
  311. aside nav .fas:hover {
  312.     opacity:.7;
  313. }
  314.  
  315. aside nav ul {
  316.     margin:0;
  317.     padding:0;
  318.     list-style:none;
  319.     display:inline;
  320. }
  321.  
  322. aside nav li {
  323.     display:inline;
  324.     margin-right:15px;
  325. }
  326.  
  327. aside nav .fa-code {
  328.     margin-left:13px;
  329. }
  330.  
  331. .slides {
  332.    width:300px;
  333.    max-height:140px;
  334.    overflow:hidden;
  335.    background:transparent;
  336. }
  337.  
  338. .slides .slide {
  339.    width:270px;
  340.    max-height:140px;
  341.    float:left;
  342.    margin-left:15px;
  343.    font-size:{select:Font Size}px;
  344. }
  345.  
  346. ul.col {
  347.     list-style:none;
  348.     margin:0;
  349.     padding:8px 0px;
  350. }
  351.  
  352. ul.col li {
  353.     display:inline-block;
  354.     width:calc(250px / 3);
  355.     text-align:center;
  356. }
  357.  
  358. .slide h6 {
  359.     margin:0;
  360.     padding-bottom:3px;
  361.     text-align:center;
  362.     text-transform:uppercase;
  363.     color:{color:Sidebar Icons};
  364.     background:transparent;
  365.     font-size:calc({select:Font Size}px + 2px);
  366. }
  367.  
  368. article.sc {
  369.     background:{color:Post};
  370.     border-radius:5px;
  371.     box-sizing:border-box;
  372.     padding:5px;
  373.     max-height:120px;
  374.     overflow:auto;
  375. }
  376.  
  377. article.sc a {
  378.     color:{color:Link};
  379.     display:inline-block;
  380.     position:relative;
  381.     z-index:1;
  382.     padding:3px;
  383.     margin:-3px;
  384. }
  385.  
  386. article.sc a:after {
  387.     content:'';
  388.     display:block;
  389.     height:2px;
  390.     position:absolute;
  391.     bottom:0;
  392.     right:5px;
  393.     left:5px;
  394.     background:{color:Gradient Three};
  395.     border-radius:5px;
  396.     transition:all .5s cubic-bezier(.2, 0, 0, 1);
  397.     transform-origin:bottom center;
  398.     z-index:-1;
  399.   }
  400.    
  401. article.sc a:hover:after {
  402.       right:0;
  403.       left:0;
  404.       height:100%;
  405. }
  406.  
  407. {block:ifSearchbar}
  408.  
  409. article.sc .sfm input {
  410.     width:260px;
  411.     text-align:center;
  412.     border:0;
  413.     padding:7px 0px;
  414.     font-family:'{select:Font Family}';
  415.     font-size:{select:Font Size}px;
  416.     color:{color:Text};
  417. }
  418.  
  419. input, .actual-edit-overlay {
  420.     -webkit-text-fill-color:{color:Text};
  421. }
  422.  
  423. .sfm input:focus {
  424.     outline:0;
  425. }
  426.  
  427. {/block:ifSearchbar}
  428.  
  429. aside .box {
  430.   width:300px;
  431.   height:120px;
  432.   background:{color:Background};
  433.   position:relative;
  434.   overflow:hidden;
  435.   transform:translate3d(0, 0, 0);
  436. }
  437.  
  438. aside .box:after {
  439.   content:'';
  440.   display:block;
  441.   left:0;
  442.   top:0;
  443.   width:100%;
  444.   height:100%;
  445.   background:linear-gradient(to bottom, {color:Gradient Three}, transparent 60%, transparent);
  446.   z-index:11;
  447.   transform:translate3d(0, 0, 0);
  448. }
  449.  
  450. aside .wave {
  451.   opacity:.4;
  452.   position:absolute;
  453.   top:3%;
  454.   left:50%;
  455.   background:{color:Gradient Four};
  456.   width:500px;
  457.   height:500px;
  458.   margin-left:-250px;
  459.   margin-top:-400px;
  460.   transform-origin:50% 48%;
  461.   border-radius:43%;
  462.   animation:drift 6000ms infinite linear;
  463. }
  464.  
  465. aside .wave.-two {
  466.   animation:drift 9000ms infinite linear;
  467. }
  468.  
  469. @keyframes drift {
  470.   from { transform:rotate(0deg); }
  471.   from { transform:rotate(360deg); }
  472. }
  473.  
  474. #container {
  475.     position:relative;
  476.     width:500px;
  477.     margin:90px auto;
  478. }
  479.  
  480. #infscr-loading {
  481.     display:none !important;
  482. }
  483.  
  484. section#posts {
  485.     display:inline-block;
  486.     vertical-align:top;
  487.     width:{text:Post Size}px;
  488.     margin-left:120px;
  489. }
  490.  
  491. article.post {
  492.     margin-bottom:80px;
  493.     width:{text:Post Size}px;
  494.     font-size:{select:Font Size}px;
  495.     {block:ifInfiniteScroll}
  496.     {block:IndexPage}
  497.     opacity:0;
  498.     z-index:-1;
  499.     {/block:IndexPage}
  500.     {/block:ifInfiniteScroll}
  501. }
  502.  
  503. .circle {
  504.     position:absolute;
  505.     background:linear-gradient(to bottom, {color:Gradient Two} 0%, {color:Gradient Three} 50%, {color:Gradient Four} 100%);
  506.     left:calc(({text:Post Size}px * 1.08) + 100px);
  507.     padding:10px;
  508.     width:25px;
  509.     cursor:pointer;
  510.     text-align:center;
  511.     border-radius:10px;
  512.     transition:all .5s ease-in-out;
  513. }
  514.  
  515. .circle .fas {
  516.     font-size:22px;
  517.     color:{color:Sidebar Icons};
  518. }
  519.  
  520. .info {
  521.     position:absolute;
  522.     display:none;
  523.     left:calc(({text:Post Size}px * 1.08) + 100px);
  524.     width:75px;
  525.     padding:15px 0px;
  526.     text-align:center;
  527.     font-size:14px;
  528. }
  529.  
  530. .info a {
  531.     display:inline-block;
  532.     margin-right:5px;
  533.     color:{color:Sidebar Icons};
  534. }
  535.  
  536. .info a:hover {
  537.     opacity:.8;
  538. }
  539.  
  540. .info a:last-of-type {
  541.     margin-right:0;
  542. }
  543.  
  544. .like_button {
  545.     display:inline-block;
  546.     position:relative;
  547.     cursor:pointer;
  548. }
  549.  
  550. .like_button iframe {
  551.     height:100%;
  552.     left:0;
  553.     opacity:0;
  554.     position:absolute;
  555.     top:0;
  556.     width:100%;
  557. }
  558.  
  559. .like_button::before{
  560.     content:'\f004';
  561.     font-family:'Font Awesome\ 5 Free';
  562.     font-weight:900;
  563.     position:relative;
  564.     cursor:pointer;
  565. }
  566.  
  567. .post h2 {
  568.     text-transform:uppercase;
  569.     text-align:center;
  570.     font-size:calc({select:Font Size}px + 4px);
  571.     margin:0;
  572. }
  573.  
  574. .post h2 a {
  575.     color:{color:Gradient Two};
  576. }
  577.  
  578. .post h2 a:hover {
  579.     opacity:.7;
  580. }
  581.  
  582. article.post .pic img {
  583.     width:{text:Post Size}px;
  584.     border-radius:5px;
  585. }
  586.  
  587. .post img.main_photo {
  588.     width:100%;
  589. }
  590.  
  591. .post img {
  592.     max-width:100%;
  593.     height:auto;
  594. }
  595.  
  596. .post .photo img {
  597.     margin:0;
  598.     line-height:0;
  599. }
  600.  
  601. .vignette, #vignette {
  602.     opacity:0;
  603. }
  604.    
  605. .lightbox-image, #tumblr_lightbox img {
  606.     box-shadow:0 0 3px rgba(136,136,136,.25)!important;
  607.     max-width:none;
  608.     border-radius:5px!important;
  609. }
  610.  
  611. .tmblr-lightbox, #tumblr_lightbox {
  612.     background-color:rgba({RGBColor:Lightbox},.78) !important;
  613. }
  614.  
  615. .quote {
  616.     font-size:calc({select:Font Size}px + 2px);
  617.     font-family:'EB Garamond';
  618. }
  619.  
  620. .qsource {
  621.     padding-top:5px;
  622.     text-align:right;
  623. }
  624.  
  625. .caption.chat {
  626.     background:transparent;
  627.     padding:0;
  628. }
  629.  
  630. .chat ol {
  631.     list-style:none;
  632.     margin:0;
  633.     padding:0;
  634. }
  635.  
  636. .line {
  637.     padding:5px 10px;
  638.     margin-bottom:8px;
  639.     border-radius:5px;
  640. }
  641.  
  642. .line:last-of-type {
  643.     margin-bottom:0;
  644. }
  645.  
  646. .line.odd {
  647.     text-align:left;
  648.     background:{color:Gradient Three};
  649. }
  650.  
  651. .line.even {
  652.     text-align:right;
  653.     background:{color:Gradient Four};
  654. }
  655.  
  656. .label {
  657.     font-weight:700;
  658.     color:{color:Bold};
  659. }
  660.  
  661. .video {
  662.     overflow:hidden;
  663.     border-radius:5px;
  664. }
  665.  
  666. iframe.instagram-media {
  667.     width:calc({text:Post Size}px - 2px)!important;
  668. }
  669.  
  670. .player {
  671.     display:block;
  672.     overflow:hidden;
  673.     position:absolute;
  674.     height:120px;
  675.     width:120px;
  676.     z-index:1;
  677. }
  678.  
  679. .audioplayer {
  680.     position:relative;
  681.     overflow:hidden;
  682.     width:30px;
  683.     height:30px;
  684.     margin-top:42px;
  685.     margin-left:42px;
  686.     padding:3px;
  687.     opacity:.5;
  688. }
  689.  
  690. .art {
  691.     position:relative;
  692.     float:left;
  693.     width:120px;
  694.     height:120px;
  695.     margin-top:-19px;
  696.     background:{color:Gradient One};
  697.     border-radius:5px;
  698. }
  699.  
  700. .art img {
  701.     width:120px;
  702.     height:120px;
  703.     border-radius:5px;
  704. }
  705.  
  706. .audioinfo {
  707.     width:calc({text:Post Size}px - 145px);
  708.     height:120px;
  709.     position:relative;
  710.     margin-left:145px;
  711.     margin-top:-19px;
  712.     background:{color:Gradient One};
  713.     display:flex;
  714.     align-items:center;
  715.     justify-content:center;
  716.     border-radius:5px;
  717. }
  718.  
  719. .inf {
  720.     position:relative;
  721.     vertical-align:middle;
  722. }
  723.  
  724. .track, .artist, .plays {
  725.     display:block;
  726.     font-size:calc({select:Font Size}px + 1px);
  727. }
  728.  
  729. .i {
  730.     font-weight:600;
  731.     text-transform:uppercase;
  732.     font-size:calc({select:Font Size}px + 3px);
  733. }
  734.  
  735. .askerimg {
  736.     margin-right:15px;
  737.     float:left;
  738. }
  739.  
  740. .askerimg img {
  741.     border-radius:5px;
  742. }
  743.  
  744. .entireask {
  745.     display:inline-block;
  746.     box-sizing:border-box;
  747.     padding:10px;
  748.     width:calc({text:Post Size}px - 64px);
  749.     border-radius:5px;
  750.     min-height:48px;
  751.     background:{color:Gradient One};
  752.     font-size:{select:Font Size}px;
  753. }
  754.  
  755. .asker {
  756.     font-size:calc({select:Font Size}px + 2px);
  757.     text-transform:uppercase;
  758.     color:{color:Bold};
  759. }
  760.  
  761. .asker a:after {
  762.     display:none!important;
  763. }
  764.  
  765. .caption {
  766.     border-radius:5px;
  767.     width:{text:Post Size}px;
  768.     box-sizing:border-box;
  769.     padding:10px 10px 1px 10px;
  770.     background:{color:Post};
  771.     margin-top:10px;
  772.     font-size:{select:Font Size}px;
  773. }
  774.  
  775. .caption.font-11 .reblog-header img {
  776.     width:24px;  
  777. }
  778.  
  779. .caption.font-12 .reblog-header img {
  780.     width:24px;
  781. }
  782.  
  783. .caption.font-13 .reblog-header img {
  784.     width:25px;
  785. }
  786.  
  787. .caption.font-14 .reblog-header img {
  788.     width:25.5px;
  789. }
  790.  
  791. .caption.font-15 .reblog-header img {
  792.     width:27.5px;
  793. }
  794.  
  795. .caption iframe#ask_form, .caption iframe#submit_form {
  796.     margin:-1px 0px -5px 0px;
  797. }
  798.  
  799. .caption p.read_more_container {
  800.     text-align:center;
  801. }
  802.  
  803. .caption a.read_more {
  804.     padding:5px;
  805.     background:{color:Gradient One};
  806.     border-radius:5px;
  807.     border:1px solid transparent;
  808. }
  809.  
  810. .caption a.read_more:after {
  811.     display:none!important;
  812. }
  813.  
  814. .caption a.read_more:hover {
  815.     background:transparent;
  816.     border-color:{color:Gradient One};
  817. }
  818.  
  819. .caption figcaption {
  820.     margin-top:-9px;
  821. }
  822.  
  823. figcaption span.activity ~ blockquote {
  824.     margin-top:-1px;
  825.     margin-bottom:-11px;
  826. }
  827.  
  828. .reblog-header img {
  829.     vertical-align:middle;
  830.     border-radius:5px;
  831.     transition:all .5s ease-in-out;
  832. }
  833.  
  834. .reblog-header img:hover {
  835.     opacity:.7;
  836. }
  837.  
  838. .original-reblog a.blog, .reblog-header a.answerer, .original-reblog span.inactive.blog {
  839.    background:{color:Gradient Three};
  840.    color:{color:Link};
  841. }
  842.  
  843. a.blog.sub, span.sub {
  844.     cursor:pointer;
  845.     transition:all .5s ease-in-out;
  846.     background:{color:Gradient Four};
  847.     color:{color:Link};
  848. }
  849.  
  850. .original-reblog span.inactive.blog::after {
  851.     color:{color:Gradient Three};
  852. }
  853.  
  854. span.inactive.blog::after {
  855.     content:'deactivated';
  856.     opacity:0;
  857.     transition:all .5s ease-in-out;
  858.     position:absolute;
  859.     padding:5px 0px 0px 10px;
  860.     cursor:default;
  861. }
  862.  
  863. span.inactive.blog:hover::after {
  864.     opacity:1;
  865. }
  866.  
  867. span.inactive.blog.sub::after {
  868.     color:{color:Gradient Four};
  869. }
  870.  
  871. .inactive img {
  872.     cursor:pointer;
  873. }
  874.  
  875. .reblog-header a.blog, .reblog-header span.blog, .reblog-header a.answerer {
  876.     padding:5px;
  877.     vertical-align:middle;
  878.     margin-left:2px;
  879.     border-radius:5px;
  880.     color:{color:Link};
  881. }
  882.  
  883. .caption figcaption a, .reblog-content a, .qsource a {
  884.     color:{color:Link};
  885.     margin:-3px;
  886.     padding:1px 3px;
  887.     position:relative;
  888.     display:inline-block;
  889.     z-index:1;
  890. }
  891.  
  892. .caption figcaption a:after, .reblog-content a:after, .qsource a:after {
  893.     content:'';
  894.     display:block;
  895.     height:2px;
  896.     position:absolute;
  897.     bottom:0;
  898.     right:5px;
  899.     left:5px;
  900.     background:{color:Gradient One};
  901.     border-radius:5px;
  902.     transition:all .5s cubic-bezier(.2, 0, 0, 1);
  903.     transform-origin:bottom center;
  904.     z-index:-1;
  905.   }
  906.    
  907. .caption figcaption a:hover:after, .reblog-content a:hover:after, .qsource a:hover:after {
  908.       right:0;
  909.       left:0;
  910.       height:100%;
  911. }
  912.  
  913. .tags {
  914.     margin:5px 5px 0px 5px;
  915.     {block:ifRevealTagsOnHover}
  916.     {block:IndexPage}
  917.     opacity:0;
  918.     {/block:IndexPage}
  919.     {/block:ifRevealTagsOnHover}
  920.     transition:all .5s ease-in-out;
  921. }
  922.  
  923. .tag {
  924.     margin-right:6px;
  925.     display:inline-block;
  926.     font-size:{select:Font Size}px;
  927.     color:{color:Link};
  928.     transition:all .5s ease-in-out;
  929. }
  930.  
  931. .tag:hover {
  932.     opacity:.7;
  933. }
  934.  
  935. {block:ifRevealTagsOnHover}
  936.  
  937. {block:IndexPage}
  938.  
  939. article.post:hover .tags {
  940.     opacity:1;
  941. }
  942.  
  943. {/block:IndexPage}
  944.  
  945. {/block:ifRevealTagsOnHover}
  946.  
  947. .sign {
  948.     margin-right:3px;    
  949.     color:{color:Gradient Two};
  950.     font-size:calc({select:Font Size}px + 1px);
  951.     vertical-align:middle;
  952. }
  953.  
  954. #pagination {
  955.     text-align:center;
  956.     font-size:calc({select:Font Size}px + 3px);
  957.     margin-top:-30px;
  958.     width:{text:Post Size}px;
  959.     font-weight:bold;
  960. }
  961.  
  962. #pagination .pg {
  963.     display:inline-block;
  964.     padding:8px 12px 9px 11px;
  965.     border-radius:5px;
  966.     background:linear-gradient(to left, {color:Gradient Two} 0%, {color:Gradient Three} 50%, {color:Gradient Four} 100%);
  967. }
  968.  
  969. #pagination .pg a {
  970.     color:{color:Sidebar Icons};
  971. }
  972.  
  973. #pagination .pg a:hover {
  974.     opacity:.7;
  975. }
  976.  
  977. .end_container {
  978.     display:none;
  979.     color:{color:Text};
  980.     font-size:calc({select:Font Size}px + 1px);
  981.     text-align:center;
  982.     margin:-10px 0px -20px 20px;
  983.     font-weight:bold;
  984.     width:{text:Post Size}px;
  985. }
  986.  
  987. .more_container {
  988.     width:{text:Post Size}px;
  989.     text-align:center;
  990.     font-size:calc({select:Font Size}px + 3px);
  991.     margin-left:20px;
  992. }
  993.  
  994. a.more {
  995.     padding:8px 12px 9px 11px;
  996.     border-radius:5px;
  997.     font-weight:bold;
  998.     background:linear-gradient(to left, {color:Gradient Two} 0%, {color:Gradient Three} 50%, {color:Gradient Four} 100%);
  999.     color:{color:Sidebar Icons};
  1000. }
  1001.  
  1002. a.more:hover {
  1003.     color:rgba({RGBColor:Sidebar Icons},.7);
  1004. }
  1005.  
  1006. #permalink {
  1007.     font-size:{select:Font Size}px;
  1008.     background:{color:Post};
  1009.     border-radius:10px;
  1010.     margin-top:-20px;
  1011.     margin-bottom:50px;
  1012. }
  1013.  
  1014. #postinfo {
  1015.     display:flex;
  1016.     justify-content:space-between;
  1017.     padding:10px;
  1018.     border-bottom:2px solid {color:Background};
  1019. }
  1020.  
  1021. #postinfo .day, #postinfo .nc {
  1022.     color:{color:Gradient Two};
  1023. }
  1024.  
  1025. .row a:first-of-type {
  1026.     margin-right:5px;
  1027.     color:{color:Gradient Three};
  1028. }
  1029.  
  1030. .row a:last-of-type {
  1031.     color:{color:Gradient Four};
  1032. }
  1033.  
  1034. ol.notes {
  1035.     list-style:none;
  1036.     margin:0;
  1037.     max-height:250px;
  1038.     overflow-y:auto;
  1039.     text-align:left!important;
  1040.     padding:10px;
  1041. }
  1042.  
  1043. ol.notes .action a {
  1044.     text-transform:uppercase;
  1045.     display:inline-block;
  1046.     color:{color:Gradient Four};
  1047. }
  1048.  
  1049. ol.notes .action a:hover {
  1050.     color:{color:Gradient Three};
  1051. }
  1052.  
  1053. ol.notes li.note {
  1054.     padding:5px;
  1055. }
  1056.  
  1057. ol.notes li.reblog:before, ol.notes li.like:before, ol.notes li.reply:before, ol.notes li.original_post:before {
  1058.     font-family:'Font Awesome\ 5 Free';
  1059.     font-weight:900;
  1060.     margin-right:5px;
  1061.     color:{color:Gradient Two};
  1062. }
  1063.  
  1064. ol.notes li.original_post:before {
  1065.     content:'\f303';
  1066. }
  1067.  
  1068. ol.notes li.reply:before {
  1069.     content:'\f075';
  1070. }
  1071.  
  1072. ol.notes li.reblog:before {
  1073.     content:'\f2f1';
  1074. }
  1075.  
  1076. ol.notes li.like:before {
  1077.     content:'\f004';
  1078. }
  1079.  
  1080. img.avatar {
  1081.     display:none;
  1082. }
  1083.  
  1084. ol.notes li.note blockquote {
  1085.     border:none!important;
  1086.     margin:8px 10px 0px 14px;
  1087.     padding:8px;
  1088.     background:{color:Gradient Three};
  1089.     border-radius:10px;
  1090. }
  1091.  
  1092. ol.notes li.note blockquote a {
  1093.     color:{color:Bold};
  1094. }
  1095.  
  1096. ol.notes li.note.more_notes_link_container a, ol.notes .notes_loading {
  1097.     color:{color:Gradient One};
  1098. }
  1099.  
  1100. .scroll {
  1101.    position:fixed;
  1102.    text-decoration:none;
  1103.    bottom:75px;
  1104.    right:30px;
  1105.    display:none;
  1106.    font-size:calc(12px + 1px);
  1107.    cursor:pointer;
  1108.    text-transform:uppercase;
  1109.    text-align:center;
  1110.    color:#888888;
  1111. }
  1112.  
  1113. .scroll .fas {
  1114.     display:block;
  1115. }
  1116.  
  1117. /* DO NOT TOUCH */
  1118.  
  1119. #credz {
  1120.     position:fixed;
  1121.     bottom:20px;
  1122.     right:20px;
  1123.     z-index:99!important;
  1124. }
  1125.  
  1126. #credz .ci {
  1127.     background:#fff;
  1128.     padding:7px 8px 5px 8px;
  1129.     border-radius:50px;
  1130.     box-shadow:0px 0px 1px rgba(0,0,0,.1);
  1131.     transition:all .5s ease-in-out;
  1132. }
  1133.  
  1134. #credz .ci:hover {
  1135.     transform:scale(1.1);
  1136. }
  1137.  
  1138. #credz img {
  1139.     width:35px;
  1140. }
  1141.  
  1142. {block:ifFadeInOnRefresh}
  1143.    
  1144. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  1145. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  1146. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  1147. .fade-in {
  1148.    opacity:0;
  1149.    -webkit-animation:fadeIn ease-in 1;
  1150.    -moz-animation:fadeIn ease-in 1;
  1151.    animation:fadeIn ease-in 1;
  1152.    -webkit-animation-fill-mode:forwards;
  1153.    -moz-animation-fill-mode:forwards;
  1154.    animation-fill-mode:forwards;
  1155.    -webkit-animation-duration:1s;
  1156.    -moz-animation-duration:1s;
  1157.    animation-duration:1s;}
  1158. .fade-in.one {
  1159.    -webkit-animation-delay:0s;
  1160.    -moz-animation-delay:0s;
  1161.    animation-delay:0s;}
  1162. .fade-in.two {
  1163.    -webkit-animation-delay:0.8s;
  1164.    -moz-animation-delay:0.8s;
  1165.    animation-delay:0.8s;}
  1166. {/block:ifFadeInOnRefresh}
  1167.  
  1168. </style>
  1169.  
  1170. {block:ifNotInfiniteScroll}
  1171. <script>
  1172. $(document).ready(function(){
  1173.    $('.photo-slideshow').pxuPhotoset({
  1174.        lightbox: true,
  1175.        rounded: 'corners',
  1176.        gutter: '7px',
  1177.        borderRadius: '10px',
  1178.        photoset: '.photo-slideshow',
  1179.        photoWrap: '.photo-data',
  1180.        photo: '.pxu-photo'
  1181.    });
  1182. });
  1183. </script>
  1184. {/block:ifNotInfiniteScroll}
  1185.  
  1186. {block:Permalink}
  1187.  
  1188. {block:ifInfiniteScroll}
  1189.  
  1190. <script>
  1191. $(document).ready(function(){
  1192.    $('.photo-slideshow').pxuPhotoset({
  1193.        lightbox: true,
  1194.        rounded: 'corners',
  1195.        gutter: '7px',
  1196.        borderRadius: '10px',
  1197.        photoset: '.photo-slideshow',
  1198.        photoWrap: '.photo-data',
  1199.        photo: '.pxu-photo'
  1200.    });
  1201. });
  1202. </script>
  1203.  
  1204. {/block:ifInfiniteScroll}
  1205.  
  1206. {/block:Permalink}
  1207.  
  1208. {block:IndexPage}
  1209. {block:ifInfiniteScroll}
  1210. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1211. <script src="https://unpkg.com/[email protected]/imagesloaded.pkgd.min.js"></script>
  1212. <script>
  1213. $(document).ready(function(){
  1214.     $('.photo-slideshow').pxuPhotoset({
  1215.        lightbox: true,
  1216.        rounded: 'corners',
  1217.        gutter: '7px',
  1218.        borderRadius: '10px',
  1219.        photoset: '.photo-slideshow',
  1220.        photoWrap: '.photo-data',
  1221.        photo: '.pxu-photo'
  1222.    });
  1223.    var $container = $('#posts');
  1224.    $container.imagesLoaded(function(){
  1225.        $container.find('.post').animate({ opacity: 1, zIndex: 1 });
  1226.    });
  1227.    $container.infinitescroll({
  1228.        itemSelector: '.post',
  1229.        navSelector: '#navigation',
  1230.        nextSelector: '#next',
  1231.        loadingImg: '',
  1232.        loadingText: '<em></em>',
  1233.        bufferPx: 2000,
  1234.        errorCallback: function(){
  1235.         $('.end_container').show();  
  1236.         $('.more_container').hide();
  1237.     }
  1238.    },
  1239.    function( newElements ) {
  1240.        var $newElems = $( newElements );
  1241.        var $newElemsIDs = $newElems.map(function(){
  1242.             return this.id;
  1243.         }).get();
  1244.         console.log($newElems, $newElemsIDs);
  1245.         Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1246.        $newElems.find('.photo-slideshow').pxuPhotoset({
  1247.            lightbox: true,
  1248.            rounded: 'corners',
  1249.            gutter: '7px',
  1250.            borderRadius: '5px',
  1251.            photoset: '.photo-slideshow',
  1252.            photoWrap: '.photo-data',
  1253.            photo: '.pxu-photo'
  1254.        });
  1255.        $( newElements ).find('.video iframe').each(function(){
  1256.            var scale = $(this).parents('.video').width() / 500;
  1257.            $(this).attr({
  1258.                width: Math.floor($(this).attr('width') * scale),
  1259.                height: Math.floor($(this).attr('height') * scale)
  1260.            });
  1261.        });
  1262.        $newElems.find('.circle').mouseenter(function(){
  1263.        $(this).children('.fas').fadeOut("slow");
  1264.        $(this).css({"height":"22px"});
  1265.        $(this).animate({"width":"55px"});
  1266.        $(this).siblings('.info').delay( 800 ).fadeIn("slow");
  1267.     });
  1268.         $newElems.find('.info').mouseleave(function(){
  1269.        $(this).siblings('.circle').children('.fas').delay(800).fadeIn("slow");
  1270.        $(this).siblings('.circle').animate({"width":"25px"});
  1271.        $(this).fadeOut("slow");
  1272.     });
  1273.     $newElems.find("a.blog.sub").each(function(){
  1274.     $(this).hover(function(){
  1275.         var newColour = changeColour($(this),"background-color",150);
  1276.         $(this).css("color","rgb("+newColour+")");
  1277.     }, function(){
  1278.         $(this).css({"color":"{color:Link}"});
  1279.     });
  1280. });
  1281.  
  1282.     $newElems.find(".original-reblog a.blog").each(function(){
  1283.     $(this).hover(function(){
  1284.         var newColour = changeColour($(this),"background-color",150);
  1285.         $(this).css("color","rgb("+newColour+")");
  1286.     }, function(){
  1287.         $(this).css({"color":"{color:Link}"});
  1288.     });
  1289. });
  1290.  
  1291.     $newElems.find(".reblog-header a.answerer").each(function(){
  1292.     $(this).hover(function(){
  1293.         var newColour = changeColour($(this),"background-color",150);
  1294.         $(this).css("color","rgb("+newColour+")");
  1295.     }, function(){
  1296.         $(this).css({"color":"{color:Link}"});
  1297.     });
  1298. });
  1299.         $newElems.find('.qsource').each(function(){
  1300.   $(this).text($(this).text().split('(via')[0]);
  1301. });
  1302.        $newElems.imagesLoaded(function(){
  1303.            $newElems.animate({ opacity: 1, zIndex: 1 });
  1304.        });
  1305.    });
  1306.    {block:ifLoadMoreButton}
  1307.    $(window).unbind('.infscr');
  1308. $('.more').click(function(){
  1309.     $container.infinitescroll('retrieve');
  1310.     return false
  1311. });
  1312.    {/block:ifLoadMoreButton}
  1313. });
  1314.    {/block:ifInfiniteScroll}
  1315.    {/block:IndexPage}
  1316. </script>
  1317.  
  1318. </head>
  1319.  
  1320. <body>
  1321.  
  1322. <header>
  1323.  
  1324. </header>
  1325.  
  1326. <div id="container">
  1327.  
  1328. <aside class="fade-in one">
  1329. <div class="sb">
  1330. <div class="first" style="{block:ifNotIconImage}padding-top:15px;{/block:ifNotIconImage}">
  1331. {block:ifIconImage}
  1332. <a href="/"><img src="{image:Icon}"></a>
  1333. {/block:ifIconImage}
  1334. <a href="/">
  1335. <span class="t">
  1336. {text:Title}
  1337. </span>
  1338. </a>
  1339. </div>
  1340. <nav>
  1341. <li><a href="/"><span class="fas fa-home"></span></a></li>
  1342. <li><a href="/ask"><span class="fas fa-envelope"></span></a></li>
  1343. <ul class="buttons">
  1344. <li><span class="fas fa-user"></span></li>
  1345. <li><span class="fas fa-bars"></span></li>
  1346. {block:ifSearchbar}
  1347. <li style="margin-right:0px;"><span class="fas fa-search"></span></li>
  1348. {/block:ifSearchbar}
  1349. </ul>
  1350. </nav>
  1351. <div class="slides">
  1352. <div class="slidesContainer">
  1353. <div class="slide">
  1354.     <h6>about</h6>
  1355.     <article class="sc">
  1356.         {block:ifNotCustomDescription}
  1357.         {Description}
  1358.         {/block:ifNotCustomDescription}
  1359.         {block:ifCustomDescription}
  1360.         {text:Description}
  1361.         {/block:ifCustomDescription}
  1362.     </article>
  1363. </div>
  1364. <div class="slide">
  1365.     <h6>links</h6>
  1366.     <article class="sc">
  1367.     <ul class="col">
  1368.     {block:ifLink1Title}
  1369.     <li><a href="{text:Link 1 URL}">{text:Link 1 Title}</a></li>
  1370.     {/block:ifLink1Title}
  1371.     {block:ifLink2Title}
  1372.     <li><a href="{text:Link 2 URL}">{text:Link 2 Title}</a></li>
  1373.     {/block:ifLink2Title}
  1374.     {block:ifLink3Title}
  1375.     <li><a href="{text:Link 3 URL}">{text:Link 3 Title}</a></li>
  1376.     {/block:ifLink3Title}
  1377.     </ul>
  1378.     <ul class="col">
  1379.     {block:ifLink4Title}
  1380.     <li><a href="{text:Link 4 URL}">{text:Link 4 Title}</a></li>
  1381.     {/block:ifLink4Title}
  1382.     {block:ifLink5Title}
  1383.     <li><a href="{text:Link 5 URL}">{text:Link 5 Title}</a></li>
  1384.     {/block:ifLink5Title}
  1385.     {block:ifLink6Title}
  1386.     <li><a href="{text:Link 6 URL}">{text:Link 6 Title}</a></li>
  1387.     {/block:ifLink6Title}
  1388.     </ul>
  1389.     </article>
  1390. </div>
  1391. {block:ifSearchbar}
  1392. <div class="slide">
  1393.     <h6>search</h6>
  1394.     <article class="sc">
  1395.     <form action="/search" method="get" class="sfm">
  1396.     <input type="text" name="q" color="white" value="{SearchQuery}" autocomplete="off" id="sf" placeholder="search this blog"/>
  1397.     </article>
  1398. </div>
  1399. {/block:ifSearchbar}
  1400. </div>
  1401. </div>
  1402. </div>
  1403. <div class="box">
  1404.   <div class="wave -one"></div>
  1405.   <div class="wave -two"></div>
  1406. </div>
  1407. </aside>
  1408.  
  1409. <section id="posts" class="fade-in two">
  1410.  
  1411. {block:Posts}
  1412.  
  1413. <!-- START POST -->
  1414.  
  1415. <article class="post" id="{PostID}">
  1416.  
  1417. {block:Date}
  1418. <div class="circle" style="{block:Title}margin-top:29.5px;{/block:Title}{block:Link}margin-top:29.5px;{/block:Link}">
  1419.    
  1420. {block:Text}
  1421. <span class="fas fa-font"></span>
  1422. {/block:Text}
  1423.  
  1424. {block:Photo}
  1425. <span class="fas fa-camera"></span>
  1426. {/block:Photo}
  1427.  
  1428. {block:Photoset}
  1429. <span class="fas fa-camera"></span>
  1430. {/block:Photoset}
  1431.  
  1432. {block:Quote}
  1433. <span class="fas fa-quote-right"></span>
  1434. {/block:Quote}
  1435.  
  1436. {block:Link}
  1437. <span class="fas fa-link"></span>
  1438. {/block:Link}
  1439.  
  1440. {block:Chat}
  1441. <span class="fas fa-comments"></span>
  1442. {/block:Chat}
  1443.  
  1444. {block:Video}
  1445. <span class="fas fa-video"></span>
  1446. {/block:Video}
  1447.  
  1448. {block:Audio}
  1449. <span class="fas fa-volume-down"></span>
  1450. {/block:Audio}
  1451.  
  1452. {block:Answer}
  1453. <span class="fas fa-reply"></span>
  1454. {/block:Answer}
  1455.    
  1456. </div>
  1457.  
  1458. <div class="info" style="{block:Title}margin-top:29.5px;{/block:Title}{block:Link}margin-top:29.5px{/block:Link}">
  1459.  
  1460. <a href="{Permalink}" title="{NoteCountwithLabel}"><span class="fas fa-bookmark"></span></a>
  1461.  
  1462. <a href="#" title="like post">{LikeButton}</a>
  1463.  
  1464. <a href="{ReblogURL}" title="reblog post"><span class="fas fa-sync-alt"></span></a>
  1465.  
  1466. </div>
  1467. {/block:Date}
  1468.  
  1469. {block:Text}
  1470.  
  1471. {block:Title}
  1472. <h2><a href="{Permalink}">{Title}</a></h2>
  1473. {/block:Title}
  1474.  
  1475. <div class="caption font-{select:Font Size}">
  1476. {block:NotReblog}
  1477.     <figcaption>
  1478.         <p>{Body}</p>
  1479.     </figcaption>
  1480. {/block:NotReblog}
  1481.  
  1482. {block:RebloggedFrom}
  1483. <div class="reblog-list">
  1484.     {block:Reblogs}
  1485.         <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1486.             <div class="reblog-header">
  1487.  
  1488.                 {block:IsActive}
  1489.                 <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1490.                     <img src="{PortraitURL-64}">
  1491.                 </a>
  1492.                 {/block:IsActive}
  1493.  
  1494.                 {block:IsDeactivated}
  1495.                 <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  1496.                     <img src="{PortraitURL-64}">
  1497.                 </span>
  1498.                 {/block:IsDeactivated}
  1499.  
  1500.                 {block:IsActive}
  1501.                     <a target="_blank" href="{Permalink}" class="blog {block:isNotOriginalEntry}sub{/block:isNotOriginalEntry}">{Username}</a>
  1502.                 {/block:IsActive}
  1503.  
  1504.                 {block:IsDeactivated}
  1505.                     <span class="inactive blog {block:isNotOriginalEntry}sub{/block:isNotOriginalEntry}">{Username}</span>
  1506.                 {/block:IsDeactivated}
  1507.  
  1508.             </div>
  1509.             <div class="reblog-content">
  1510.                 {Body}
  1511.             </div>
  1512.         </div>
  1513.     {/block:Reblogs}
  1514. </div>
  1515. {/block:RebloggedFrom}
  1516. </div>
  1517.  
  1518. {/block:Text}
  1519.  
  1520. {block:Photo}
  1521.  
  1522. <div class="pic">
  1523. <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">
  1524. <img src="{PhotoURL-500}">
  1525. </a>
  1526. </div>
  1527.  
  1528. {block:Caption}
  1529. <div class="caption font-{select:Font Size}">
  1530. {block:NotReblog}
  1531.     <figcaption>
  1532.         <p>{Caption}</p>
  1533.     </figcaption>
  1534. {/block:NotReblog}
  1535.  
  1536. {block:RebloggedFrom}
  1537. <div class="reblog-list">
  1538.     {block:Reblogs}
  1539.         <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1540.             <div class="reblog-header">
  1541.  
  1542.                 {block:IsActive}
  1543.                 <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1544.                     <img src="{PortraitURL-64}">
  1545.                 </a>
  1546.                 {/block:IsActive}
  1547.  
  1548.                 {block:IsDeactivated}
  1549.                 <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  1550.                     <img src="{PortraitURL-64}">
  1551.                 </span>
  1552.                 {/block:IsDeactivated}
  1553.  
  1554.                 {block:IsActive}
  1555.                     <a target="_blank" href="{Permalink}" class="blog {block:isNotOriginalEntry}sub{/block:isNotOriginalEntry}">{Username}</a>
  1556.                 {/block:IsActive}
  1557.  
  1558.                 {block:IsDeactivated}
  1559.                     <span class="inactive blog {block:isNotOriginalEntry}sub{/block:isNotOriginalEntry}">{Username}</span>
  1560.                 {/block:IsDeactivated}
  1561.  
  1562.             </div>
  1563.             <div class="reblog-content">
  1564.                 {Body}
  1565.             </div>
  1566.         </div>
  1567.     {/block:Reblogs}
  1568. </div>
  1569. {/block:RebloggedFrom}
  1570. </div>
  1571. {/block:Caption}
  1572.  
  1573. {/block:Photo}
  1574.  
  1575. {block:Photoset}
  1576.  
  1577. <div class="img">
  1578. <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>
  1579. </div>
  1580.  
  1581. {block:Caption}
  1582. <div class="caption font-{select:Font Size}">
  1583. {block:NotReblog}
  1584.     <figcaption>
  1585.         <p>{Caption}</p>
  1586.     </figcaption>
  1587. {/block:NotReblog}
  1588.  
  1589. {block:RebloggedFrom}
  1590. <div class="reblog-list">
  1591.     {block:Reblogs}
  1592.         <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1593.             <div class="reblog-header">
  1594.  
  1595.                 {block:IsActive}
  1596.                 <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1597.                     <img src="{PortraitURL-64}">
  1598.                 </a>
  1599.                 {/block:IsActive}
  1600.  
  1601.                 {block:IsDeactivated}
  1602.                 <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  1603.                     <img src="{PortraitURL-64}">
  1604.                 </span>
  1605.                 {/block:IsDeactivated}
  1606.  
  1607.                 {block:IsActive}
  1608.                     <a target="_blank" href="{Permalink}" class="blog {block:isNotOriginalEntry}sub{/block:isNotOriginalEntry}">{Username}</a>
  1609.                 {/block:IsActive}
  1610.  
  1611.                 {block:IsDeactivated}
  1612.                     <span class="inactive blog {block:isNotOriginalEntry}sub{/block:isNotOriginalEntry}">{Username}</span>
  1613.                 {/block:IsDeactivated}
  1614.  
  1615.             </div>
  1616.             <div class="reblog-content">
  1617.                 {Body}
  1618.             </div>
  1619.         </div>
  1620.     {/block:Reblogs}
  1621. </div>
  1622. {/block:RebloggedFrom}
  1623. </div>
  1624. {/block:Caption}
  1625.  
  1626. {/block:Photoset}
  1627.  
  1628. {block:Quote}
  1629.  
  1630. <div class="caption font-{select:Font Size}" style="padding-bottom:10px;">
  1631. <div class="quote">“{Quote}”</div>
  1632.  
  1633. {block:Source}
  1634. <div class="qsource">&mdash;&nbsp;{Source}</div>
  1635. {/block:Source}
  1636. </div>
  1637.  
  1638. {/block:Quote}
  1639.  
  1640. {block:Link}
  1641.  
  1642. <h2><a href="{URL}">{Name}</a></h2>
  1643.  
  1644. {block:Description}
  1645. <div class="caption font-{select:Font Size}">
  1646. {block:NotReblog}
  1647.     <figcaption>
  1648.         <p>{Description}</p>
  1649.     </figcaption>
  1650. {/block:NotReblog}
  1651.  
  1652. {block:RebloggedFrom}
  1653. <div class="reblog-list">
  1654.     {block:Reblogs}
  1655.         <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1656.             <div class="reblog-header">
  1657.  
  1658.                 {block:IsActive}
  1659.                 <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1660.                     <img src="{PortraitURL-64}">
  1661.                 </a>
  1662.                 {/block:IsActive}
  1663.  
  1664.                 {block:IsDeactivated}
  1665.                 <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  1666.                     <img src="{PortraitURL-64}">
  1667.                 </span>
  1668.                 {/block:IsDeactivated}
  1669.  
  1670.                 {block:IsActive}
  1671.                     <a target="_blank" href="{Permalink}" class="blog {block:isNotOriginalEntry}sub{/block:isNotOriginalEntry}">{Username}</a>
  1672.                 {/block:IsActive}
  1673.  
  1674.                 {block:IsDeactivated}
  1675.                     <span class="inactive blog {block:isNotOriginalEntry}sub{/block:isNotOriginalEntry}">{Username}</span>
  1676.                 {/block:IsDeactivated}
  1677.  
  1678.             </div>
  1679.             <div class="reblog-content">
  1680.                 {Body}
  1681.             </div>
  1682.         </div>
  1683.     {/block:Reblogs}
  1684. </div>
  1685. {/block:RebloggedFrom}
  1686. </div>
  1687. {/block:Description}
  1688.  
  1689. {/block:Link}
  1690.  
  1691. {block:Chat}
  1692.  
  1693. {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  1694.  
  1695. <div class="caption chat" style="padding-bottom:10px;">
  1696.  
  1697. <ol>
  1698. {block:Lines}
  1699. <li class="line {Alt}">
  1700. {block:Label}
  1701. <span class="label">
  1702. {Label}
  1703. </span>
  1704. {/block:Label}
  1705. {Line}
  1706. </li>
  1707. {/block:Lines}
  1708. </ol>
  1709.  
  1710. </div>
  1711.  
  1712. {/block:Chat}
  1713.  
  1714. {block:Video}
  1715.  
  1716. <div class="video">
  1717. {Video-500}
  1718. </div>
  1719.  
  1720. {block:Caption}
  1721. <div class="caption font-{select:Font Size}" style="margin-top:15px;">
  1722. {block:NotReblog}
  1723.     <figcaption>
  1724.         <p>{Caption}</p>
  1725.     </figcaption>
  1726. {/block:NotReblog}
  1727.  
  1728. {block:RebloggedFrom}
  1729. <div class="reblog-list">
  1730.     {block:Reblogs}
  1731.         <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1732.             <div class="reblog-header">
  1733.  
  1734.                 {block:IsActive}
  1735.                 <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1736.                     <img src="{PortraitURL-64}">
  1737.                 </a>
  1738.                 {/block:IsActive}
  1739.  
  1740.                 {block:IsDeactivated}
  1741.                 <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  1742.                     <img src="{PortraitURL-64}">
  1743.                 </span>
  1744.                 {/block:IsDeactivated}
  1745.  
  1746.                 {block:IsActive}
  1747.                     <a target="_blank" href="{Permalink}" class="blog {block:isNotOriginalEntry}sub{/block:isNotOriginalEntry}">{Username}</a>
  1748.                 {/block:IsActive}
  1749.  
  1750.                 {block:IsDeactivated}
  1751.                     <span class="inactive blog {block:isNotOriginalEntry}sub{/block:isNotOriginalEntry}">{Username}</span>
  1752.                 {/block:IsDeactivated}
  1753.  
  1754.             </div>
  1755.             <div class="reblog-content">
  1756.                 {Body}
  1757.             </div>
  1758.         </div>
  1759.     {/block:Reblogs}
  1760. </div>
  1761. {/block:RebloggedFrom}
  1762. </div>
  1763. {/block:Caption}
  1764.  
  1765. {/block:Video}
  1766.  
  1767. {block:Audio}
  1768.  
  1769. <div class="audio">
  1770. <div class="player">
  1771. <div class="audioplayer">{AudioPlayerWhite}</div></div><br>
  1772. <div class="art">
  1773. {block:AlbumArt}
  1774. <img src="{AlbumArtURL}">
  1775. {/block:AlbumArt}
  1776. </div>
  1777. <div class="audioinfo">
  1778. <div class="inf">
  1779. {block:TrackName}
  1780. <div class="track">
  1781. <span class="i">TRACK:</span> {TrackName}
  1782. </div>
  1783. {/block:TrackName}
  1784. {block:Artist}
  1785. <div class="artist">
  1786. <span class="i">ARTIST:</span> {Artist}
  1787. </div>
  1788. {/block:Artist}
  1789. {block:PlayCount}
  1790. <div class="plays">
  1791. <span class="i">PLAYED</span> {PlayCount} times
  1792. </div>
  1793. {/block:PlayCount}
  1794. </div>
  1795. </div>
  1796. </div>
  1797.  
  1798. {block:Caption}
  1799. <div class="caption font-{select:Font Size}" style="margin-top:15px;">
  1800. {block:NotReblog}
  1801.     <figcaption>
  1802.         <p>{Caption}</p>
  1803.     </figcaption>
  1804. {/block:NotReblog}
  1805.  
  1806. {block:RebloggedFrom}
  1807. <div class="reblog-list">
  1808.     {block:Reblogs}
  1809.         <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1810.             <div class="reblog-header">
  1811.  
  1812.                 {block:IsActive}
  1813.                 <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1814.                     <img src="{PortraitURL-64}">
  1815.                 </a>
  1816.                 {/block:IsActive}
  1817.  
  1818.                 {block:IsDeactivated}
  1819.                 <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  1820.                     <img src="{PortraitURL-64}">
  1821.                 </span>
  1822.                 {/block:IsDeactivated}
  1823.  
  1824.                 {block:IsActive}
  1825.                     <a target="_blank" href="{Permalink}" class="blog {block:isNotOriginalEntry}sub{/block:isNotOriginalEntry}">{Username}</a>
  1826.                 {/block:IsActive}
  1827.  
  1828.                 {block:IsDeactivated}
  1829.                     <span class="inactive blog {block:isNotOriginalEntry}sub{/block:isNotOriginalEntry}">{Username}</span>
  1830.                 {/block:IsDeactivated}
  1831.  
  1832.             </div>
  1833.             <div class="reblog-content">
  1834.                 {Body}
  1835.             </div>
  1836.         </div>
  1837.     {/block:Reblogs}
  1838. </div>
  1839. {/block:RebloggedFrom}
  1840. </div>
  1841. {/block:Caption}
  1842.  
  1843. {/block:Audio}
  1844.  
  1845. {block:Answer}
  1846.  
  1847. <div class="askerimg">
  1848. <img src="{AskerPortraitURL-48}">
  1849. </div>
  1850. <div class="entireask">
  1851. <div class="asker">
  1852. {Asker} said
  1853. </div>
  1854. <div class="question">
  1855. {Question}
  1856. </div>
  1857. </div>
  1858.  
  1859. <div class="caption font-{select:Font Size}">
  1860. {block:NotReblog}
  1861.     <figcaption>
  1862.         <p>{Replies}</p>
  1863.     </figcaption>
  1864. {/block:NotReblog}
  1865.  
  1866. {block:RebloggedFrom}
  1867. {block:Answerer}
  1868. <div class="reblog-header">
  1869.   <a href="{ReblogRootURL} blog">
  1870.     <img src="{AnswererPortraitURL-64}" />
  1871.     <span class="answerer">{Answerer}</span>
  1872.   </a>
  1873. </div>
  1874. <div class="reblog-content">
  1875.   {Answer}
  1876. </div>
  1877. {/block:Answerer}
  1878. <div class="reblog-list">
  1879.     {block:Reblogs}
  1880.         <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1881.             <div class="reblog-header">
  1882.  
  1883.                 {block:IsActive}
  1884.                 <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1885.                     <img src="{PortraitURL-64}">
  1886.                 </a>
  1887.                 {/block:IsActive}
  1888.  
  1889.                 {block:IsDeactivated}
  1890.                 <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  1891.                     <img src="{PortraitURL-64}">
  1892.                 </span>
  1893.                 {/block:IsDeactivated}
  1894.  
  1895.                 {block:IsActive}
  1896.                     <a target="_blank" href="{Permalink}" class="blog {block:isNotOriginalEntry}sub{/block:isNotOriginalEntry}">{Username}</a>
  1897.                 {/block:IsActive}
  1898.  
  1899.                 {block:IsDeactivated}
  1900.                     <span class="inactive blog {block:isNotOriginalEntry}sub{/block:isNotOriginalEntry}">{Username}</span>
  1901.                 {/block:IsDeactivated}
  1902.  
  1903.             </div>
  1904.             <div class="reblog-content">
  1905.                 {Body}
  1906.             </div>
  1907.         </div>
  1908.     {/block:Reblogs}
  1909. </div>
  1910. {/block:RebloggedFrom}
  1911. </div>
  1912.  
  1913. {/block:Answer}
  1914.  
  1915. {block:RebloggedFrom}
  1916. <!-- <a href="{ReblogParentURL}" title="via: {ReblogParentName}"><img style="margin-bottom:-2px;" src="{ReblogParentPortraitURL-16}"></a> -->
  1917. {/block:RebloggedFrom}
  1918.  
  1919. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  1920.  
  1921. {block:HasTags}<div class="tags" style="{block:Chat}margin-top:-5px;{/block:Chat}">{block:Tags}<a href="{TagURL}"><span class= "sign">{select:Tag Icon}</span><span class="tag">{Tag}</span></a>{/block:Tags}</div>{/block:HasTags}
  1922.  
  1923. </article>
  1924.  
  1925. {block:Permalink}
  1926. {block:Date}
  1927. <div id="permalink">
  1928. <div id="postinfo">
  1929. <span class="row">Posted on <span class="day">{DayOfMonthWithZero} {ShortMonth} '{ShortYear}</span> with <span class="nc">{NoteCountwithLabel}</span></span>
  1930. <span class="row">
  1931. <a href="#">{LikeButton}</a>
  1932. <a href="{ReblogURL}"><span class="fas fa-sync-alt"></span></a></span>
  1933. </div>
  1934. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1935. </div>
  1936. {/block:Date}
  1937. {/block:Permalink}
  1938.  
  1939. {/block:Posts}
  1940.  
  1941. <!-- PAGINATION -->
  1942.  
  1943. {block:ifNotInfiniteScroll}
  1944.  
  1945. {block:Pagination}
  1946. <div id="pagination" class="fade-in two">
  1947. {block:PreviousPage}
  1948. <div class="pg" style="margin-right:30px;"><a href="{PreviousPage}">prev</a></div>
  1949. {/block:PreviousPage}
  1950. {block:NextPage}
  1951. <div class="pg"><a href="{NextPage}">next</a></div>
  1952. {/block:NextPage}
  1953. </div>
  1954. {/block:Pagination}
  1955.  
  1956. {/block:ifNotInfiniteScroll}
  1957.  
  1958. {block:IndexPage}
  1959. {block:ifInfiniteScroll}
  1960. <div id="navigation">
  1961. {block:Pagination}
  1962.     {block:PreviousPage}<a href="{PreviousPage}">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  1963.     {block:NextPage}<a href="{NextPage}" id="next">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}
  1964. {/block:Pagination}
  1965. </div>
  1966. {/block:IfInfiniteScroll}
  1967.  
  1968. {/block:IndexPage}
  1969.  
  1970. </section>
  1971.  
  1972. {block:IndexPage}
  1973.  
  1974. {block:ifLoadMoreButton}
  1975. {block:Pagination}
  1976. <div class="more_container fade-in two">
  1977. <a href="#" class="more">load more</a>
  1978. </div>
  1979. {/block:Pagination}
  1980. {/block:ifLoadMoreButton}
  1981.  
  1982. {block:ifInfiniteScroll}
  1983. <div class="end_container">
  1984.     <div class="end">There are no more posts to display!</div>
  1985. </div>
  1986. {/block:ifInfiniteScroll}
  1987. {/block:IndexPage}
  1988.  
  1989. <a class="scroll" href="#"><span class="fas fa-long-arrow-alt-up"></span>go up</a>
  1990.  
  1991. <!-- DO NOT TOUCH THE CREDIT PLEASE AND THANK YOU -->
  1992.  
  1993. <div id="credz" class="fade-in two">
  1994. <a href="https://cactusthemes.tumblr.com" title="theme by cactusthemes">
  1995. <div class="ci">
  1996. <img src="https://static.tumblr.com/uxq3xua/6i1p5p058/cactus_icon_green.png">
  1997. </div>
  1998. </a>
  1999. </div>
  2000.  
  2001. </body>
  2002.  
  2003. {block:IndexPage}
  2004.  
  2005. <script type="text/javascript">
  2006.     $('.circle').mouseenter(function(){
  2007.        $(this).children('.fas').fadeOut("slow");
  2008.        $(this).css({"height":"22px"});
  2009.        $(this).animate({"width":"55px"});
  2010.        $(this).siblings('.info').delay( 800 ).fadeIn("slow");
  2011.     });
  2012.     $('.info').mouseleave(function(){
  2013.        $(this).siblings('.circle').children('.fas').delay(800).fadeIn("slow");
  2014.        $(this).siblings('.circle').animate({"width":"25px"});
  2015.        $(this).fadeOut("slow");
  2016.     });
  2017. </script>
  2018.  
  2019. {/block:IndexPage}
  2020.  
  2021. <script>
  2022.     var slideTotal = $('.slides .slide').length,
  2023.     slidesWidth = $('.slides .slide').width() + 15,
  2024.     maxMargin = -slideTotal * slidesWidth + slidesWidth,
  2025.     pos = 0,
  2026.     curSlide = 0,
  2027.     autoOff = true;
  2028.  
  2029. $(function(){
  2030.   $('.slidesContainer').width(slidesWidth * slideTotal);
  2031.   slideLoop();
  2032.  
  2033.   $('.buttons li').click(function(){
  2034.       $('.slidesContainer').stop();
  2035.       autoOff = true;
  2036.       curSlide = $(this).index() +1;
  2037.       $('.buttons li').removeClass('active');
  2038.       $(this).addClass('active');
  2039.       $('.slidesContainer').animate({ marginLeft: -slidesWidth * curSlide + slidesWidth + 'px' }, 500);
  2040.   });
  2041. });
  2042.  
  2043. function slideLoop(){
  2044.   if(autoOff === false){
  2045.     pos = -slidesWidth * curSlide + slidesWidth;
  2046.     if(pos <= maxMargin){
  2047.      pos = 0;
  2048.      curSlide=1;
  2049.    } else {
  2050.      pos = pos - slidesWidth;
  2051.      curSlide++;
  2052.    }
  2053.    $('.slidesContainer').animate({ marginLeft: pos + 'px' }, 500, function(){
  2054.      setTimeout(function(){ slideLoop() }, 3000);
  2055.    });
  2056.  }
  2057. }
  2058. </script>
  2059.  
  2060. <script>
  2061.     $("a.blog.sub").each(function(){
  2062.     $(this).hover(function(){
  2063.         var newColour = changeColour($(this),"background-color",150);
  2064.         $(this).css("color","rgb("+newColour+")");
  2065.     }, function(){
  2066.         $(this).css({"color":"{color:Link}"});
  2067.     });
  2068. });
  2069.  
  2070.     $(".original-reblog a.blog").each(function(){
  2071.     $(this).hover(function(){
  2072.         var newColour = changeColour($(this),"background-color",150);
  2073.         $(this).css("color","rgb("+newColour+")");
  2074.     }, function(){
  2075.         $(this).css({"color":"{color:Link}"});
  2076.     });
  2077. });
  2078.  
  2079.     $(".reblog-header a.answerer").each(function(){
  2080.     $(this).hover(function(){
  2081.         var newColour = changeColour($(this),"background-color",150);
  2082.         $(this).css("color","rgb("+newColour+")");
  2083.     }, function(){
  2084.         $(this).css({"color":"{color:Link}"});
  2085.     });
  2086. });
  2087. </script>
  2088.  
  2089. <script>
  2090. $('.qsource').each(function(){
  2091.   $(this).text($(this).text().split('(via')[0]);
  2092. });
  2093. </script>
  2094.  
  2095. <script type='text/javascript'>
  2096.  
  2097. $(function(){
  2098.  
  2099. $(window).scroll(function(){
  2100.         if ($(this).scrollTop() > 450) {
  2101.             $('.scroll').fadeIn();
  2102.         } else {
  2103.             $('.scroll').fadeOut();
  2104.         }
  2105.     });
  2106.     $('.scroll').click(function(){
  2107.         $('html, body').animate({scrollTop : 0},900);
  2108.         return false;
  2109.     });
  2110. });
  2111.  
  2112. </script>
  2113.  
  2114. </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!