API tools faq
paste
southcodes

theme Elyse

southcodes
Jun 14th, 2021 (edited)
2,663
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 18.51 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.    
  3.     - theme 'Elyse' by skye southcodes.tumblr.com
  4.     - modify as you please but please do not touch the credit
  5.     - any errors? need help? have questions? let me know!
  6.     southcodes.tumblr.com/inbox
  7.    
  8.     - normalize css by https://github.com/necolas
  9.     - fonts by google
  10.     - icon font by https://cappuccicons.com/
  11.     - video resizing & lightboxes by @shythemes
  12.     - embed audio css and hide empty answers script by @gukthemes
  13.     - css photosets by https://annasthms.github.io/photosets/
  14.    
  15. -->
  16.  
  17. <!DOCTYPE html>
  18. <html>
  19. <head>
  20.  
  21.     <title>{Title}</title>
  22.    
  23.     <link rel="shortcut icon" href="{favicon}">
  24.    
  25.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  26.  
  27.     {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  28.    
  29.     <!-- normalize css -->
  30.     <link rel="stylesheet" type="text/css" href="https://necolas.github.io/normalize.css/8.0.1/normalize.css">
  31.    
  32.     <!-- icon font -->
  33.     <script src="//pull.cappuccicons.com/cpf.js"></script>
  34.        
  35.     <!-- fonts -->
  36.     <link rel="preconnect" href="https://fonts.gstatic.com">
  37. <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;1,400;1,600&display=swap" rel="stylesheet">
  38.  
  39.     <!--  Photoset CSS -->
  40.     <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  41.  
  42.     <meta name="color:background" content="#ffffff"/>
  43.     <meta name="color:text" content="#333333"/>
  44.     <meta name="color:links" content="#a3a7a8"/>
  45.     <meta name="color:links hover" content="#4a606d"/>
  46.     <meta name="color:captions" content="#f7f7f7"/>
  47.    
  48.     <meta name="select:column count" content="2"/>
  49.     <meta name="select:column count" content="1"/>
  50.     <meta name="select:column count" content="3"/>
  51.  
  52.     <meta name="select:font size" content="12px"/>
  53.     <meta name="select:font size" content="13px"/>
  54.     <meta name="select:font size" content="14px"/>
  55.     <meta name="select:font size" content="15px"/>
  56.    
  57.     <meta name="text:permalink post width" content="500px"/>
  58.     <meta name="text:column gap" content="3rem"/>
  59.  
  60.     <meta name="text:Link 1" content="index" />
  61.     <meta name="text:Link 1 URL" content="/" />
  62.     <meta name="text:Link 2" content="mail" />
  63.     <meta name="text:Link 2 URL" content="/ask" />
  64.     <meta name="text:Link 3" content="" />
  65.     <meta name="text:Link 3 URL" content="" />
  66.     <meta name="text:Link 4" content="" />
  67.     <meta name="text:Link 4 URL" content="" />
  68.     <meta name="text:Link 5" content="" />
  69.     <meta name="text:Link 5 URL" content="" />
  70.  
  71. <style type="text/css">
  72.  
  73. .tmblr-iframe {margin:.7rem;opacity:.6;-ms-transform: scale(0.85); /* IE 9 */-webkit-transform: scale(0.85); /* Safari */transform: scale(0.85);}
  74. .tmblr-iframe:hover {opacity:.8;}
  75.  
  76. ::-webkit-scrollbar-thumb:vertical {border-left:2px solid {color:links};}
  77. ::-webkit-scrollbar {width:6px;height:0;}
  78. ::-webkit-scrollbar-track-piece{margin:5px 0;}
  79.  
  80. pre {font-family:consolas;
  81.     white-space: pre-wrap;       /* css-3 */
  82.     white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  83.     white-space: -pre-wrap;      /* Opera 4- */
  84.     white-space: -o-pre-wrap;    /* Opera 7 */
  85.     word-wrap: break-word;      /* Internet Explorer 5.5+ */
  86.     background:#fafafa;
  87.     border:1px solid {color:links};
  88.     padding:1rem;
  89. }
  90.  
  91.  
  92. body, figure{margin:0;padding:0}
  93. html{font: 14px 'Open Sans', sans-serif;}
  94. body {font-size:{select:font size};color:{color:text};background:{color:background};}
  95. a {text-decoration: none;color:{color:links};word-break:break-word;}
  96. a:hover {color:{color:links hover};}
  97. blockquote {margin:0;padding:0;}
  98. blockquote blockquote {border-left:1px solid {color:text};padding:.1rem 0 .1rem .7rem;}
  99. img {max-width:100%;height: auto;display: block;margin: 0}
  100. hr {border:0;border-top:1px solid {color:text};margin:1rem 0;}
  101. video { max-width:100%;}
  102.  
  103.  
  104. #main {
  105.     {block:IndexPage}
  106.     column-count: {select:column count};
  107.     column-gap:{text:column gap};
  108.     margin:5rem auto 0;
  109.     padding:0 2rem;
  110.     {/block:IndexPage}
  111. }
  112.  
  113. #header {
  114.     margin:10rem 3rem 6rem;
  115.     {block:PermalinkPage}
  116.     margin:4rem 0 6rem 6rem;
  117.     {/block:PermalinkPage}
  118. }
  119.  
  120.  
  121. #blog-title {
  122.     margin-bottom:1.5rem;
  123. }
  124. #blog-title a {
  125.     color:{color:text};
  126. }
  127.  
  128.  
  129.  
  130. #navigation ul {
  131.     padding:0;
  132.     margin:0;
  133.     list-style-type:none;
  134. }
  135.  
  136. #navigation li{
  137.    
  138.     display:inline-block;
  139.     margin-right:1.5rem;
  140.     margin-bottom:2rem;
  141. }
  142.  
  143.  
  144. #navigation li a:hover{
  145.     color:black;
  146. }
  147.  
  148. #navigation .cp {
  149.     font-size:.9rem;
  150. }
  151.  
  152. #navigation li:hover .link-title {
  153.     visibility:visible;
  154.     transition-duration:.3s;
  155. }
  156.  
  157.  
  158.  
  159. .link-title{
  160.     visibility:hidden;
  161.     position:absolute;
  162.     transition-duration:.3s;
  163.     padding:.7rem 0 0 .5rem;
  164. }
  165.  
  166.  
  167. #description {
  168.     margin-top:0rem;
  169.     font-style:italic;
  170.     letter-spacing:.03rem;
  171. }
  172.  
  173.  
  174. /* main */
  175.  
  176.  
  177. #pinned-post {
  178. }
  179.  
  180. #pinned-post .cp{
  181.     margin-top:.6rem;
  182.     font-size:.9rem;
  183.     float:left;
  184.     color:{color:links};
  185.     -moz-transform: scale(-1, 1);
  186.     -webkit-transform: scale(-1, 1);
  187.     -o-transform: scale(-1, 1);
  188.     -ms-transform: scale(-1, 1);
  189.     transform: scale(-1, 1);
  190. }
  191.    
  192.  
  193. .posts {
  194.     {block:IndexPage}
  195.         break-inside: avoid;
  196.         display:inline-block;
  197.         margin:3rem auto;
  198.     {/block:IndexPage}
  199.  
  200.     {block:PermalinkPage}
  201.         width:{text:permalink post width};
  202.         margin:3rem 0 3rem 6rem;
  203.     {/block:PermalinkPage}
  204. }
  205.  
  206.  
  207.  
  208. .posts .photo {
  209.     display:block;
  210.     width:100%;
  211.     margin:auto;
  212. }
  213.  
  214. .posttitle {
  215.     {block:AskPage}
  216.     {/block:AskPage}
  217.     {block:SubmitPage}
  218.     {/block:SubmitPage}
  219. }
  220.  
  221. .capt {
  222.     background:{color:captions};
  223.     padding: 1rem;
  224.     margin-top:1rem;
  225. }
  226.  
  227.  
  228.  
  229. /*               posts              */
  230.  
  231. .photo {display: block;margin: 0;}
  232.  
  233. .npf_row {margin:0!important}
  234.  
  235. /*      photosets      */
  236.  
  237. [photoset-layout] {
  238.     margin:0;
  239.     grid-gap: 1px;}
  240. [photoset-layout] *{margin:0;}
  241. [photoset-layout] img {cursor:pointer}
  242.  
  243.  
  244. /*      chat posts      */
  245.  
  246. .chat-post {
  247.     line-height:110%;
  248. }
  249. .chat-post .label-odd,.chat-post .label-even {
  250.     font-weight:600;
  251.     margin-right:.7rem;
  252.     font-size:.9rem;
  253. }
  254.  
  255. .chat-post .line-odd,.chat-post .line-even {
  256.    
  257. }
  258. .chat-line-odd, .chat-line-even {
  259.     padding:.7rem;
  260. }
  261. .chat-line-odd{
  262.     background:#f7f7f7;    
  263. }
  264.  
  265. /*      quotes      */
  266.  
  267. .quote-source {
  268.     background:#f7f7f7;  
  269.     text-align:right;
  270.     padding:1rem;
  271.     margin-top:1rem;
  272. }
  273.  
  274. .quote {
  275.     font-size:.9rem;
  276.     font-weight:600;
  277.     letter-spacing:.03rem;
  278.     line-height:170%;
  279. }
  280.  
  281. /*      link posts      */
  282.  
  283. .link-name {
  284.     display:block;
  285.     text-align:center;
  286.     font-size:1.1rem;
  287.     font-weight:600;
  288.     letter-spacing:.04rem;
  289.     margin-bottom:1.5rem;
  290. }
  291.  
  292. .link-name span {
  293.     border-bottom:1px solid {color:text};
  294.     padding:0 .7rem .5rem;
  295.     text-align:center;
  296. }
  297.  
  298.  
  299.  
  300. /*      ask posts      */
  301.  
  302. .ask-post .q {
  303.     background:#f7f7f7;
  304.     padding:1rem;
  305. }
  306.  
  307. .ask-square {
  308.     width:1.2rem;
  309.     height:1.2rem;
  310.     background:#f7f7f7;
  311.     transform:rotate(45deg);
  312.     margin:-.6rem 0 0 .5rem;
  313. }
  314.  
  315. .asker{
  316.     margin:.7rem 0 3rem 0rem;
  317. }
  318. .asker span {
  319.     border-bottom:1px solid {color:text};
  320.     padding:0 .5rem .5rem;
  321. }
  322.  
  323.  
  324. /*      extras      */
  325.  
  326.  
  327. .time {
  328.     text-align:right;
  329.     display:block;
  330.     text-transform:uppercase;
  331.     margin-top:.5rem;
  332.     font-size:.7rem;
  333.     letter-spacing:.03rem;
  334. }
  335.  
  336. .user {
  337.     font-style:italic;
  338. }
  339.  
  340. .notes {
  341.     margin:3rem 0 0 0rem;
  342. }
  343.  
  344. .notes ol li{
  345.     margin:.5rem 0;
  346. }
  347.  
  348. .notes .avatar {
  349.        display:none;
  350. }
  351. .notes ol {
  352.     padding:1rem 3rem 3rem;
  353. }
  354. .notes ol,.notes li {
  355.     background:{color:captions};
  356. }
  357.  
  358. .noteco{
  359.     float:left;
  360.     margin-top:1rem;
  361.     letter-spacing:.03rem;
  362.     font-size:.8rem;
  363. }
  364. .via {
  365.     float:right;
  366.     margin-top:1rem;
  367. }
  368. .via .cp-reblog-alt {
  369.     margin-right:1rem;
  370. }
  371.  
  372. .ttop {
  373.     display:none;
  374.     position:fixed;
  375.     bottom:3rem;right:3rem;
  376. }
  377. .pagi {
  378.     text-align:center;
  379.     margin-bottom:5rem;
  380. }
  381. .pagi .cp {
  382.     font-size:1.3rem;
  383. }
  384. .pagi .cp-arrow-right {
  385.     margin-left:1.5rem;
  386. }
  387.  
  388. .pagi .cp-arrow-left {
  389.    
  390.     margin-right:1.5rem;
  391. }
  392.  
  393. .tags {
  394.     margin-top:1rem;
  395.     letter-spacing:.05rem;
  396.     font-size:.85rem;
  397. }
  398.  
  399. .tags a {
  400.     margin:.3rem 0;
  401.     display:block;
  402.     font-style:italic;
  403. }
  404.  
  405.  
  406. {CustomCSS}
  407.  
  408. /* do not touch */
  409. #credit {
  410.     position:fixed;right:1rem;bottom:1rem;
  411.     font-size:.74rem;
  412.     letter-spacing:.04rem;
  413. }
  414.  
  415.  
  416. </style>
  417. </head>
  418. <body id="top">
  419.  
  420. <main id="main">
  421.  
  422. <header id="header">
  423.  
  424. <h1 id="blog-title">
  425.     <a href="/">{title}</a>
  426. </h1>
  427.  
  428. <nav id="navigation"><ul>
  429.    
  430.     {block:IfLink1}
  431.     <li><a href="{text:Link 1 URL}">
  432.         <i class="cp cp-menu"></i>
  433.         <div class="link-title">{text:Link 1}</div>
  434.         </a>
  435.     </li>
  436.     {/block:IfLink1}
  437.    
  438.    
  439.     {block:IfLink2}
  440.     <li><a href="{text:Link 2 URL}">
  441.         <i class="cp cp-notification-o"></i>
  442.         <div class="link-title">{text:Link 2}</div>
  443.         </a>
  444.     </li>
  445.     {/block:IfLink2}
  446.    
  447.     {block:IfLink3}
  448.     <li><a href="{text:Link 3 URL}">
  449.         <i class="cp cp-plus"></i>
  450.         <div class="link-title">{text:Link 3}</div>
  451.         </a>
  452.     </li>
  453.     {/block:IfLink3}
  454.    
  455.    
  456.     {block:IfLink4}
  457.     <li><a href="{text:Link 4 URL}">
  458.         <i class="cp cp-power"></i>
  459.         <div class="link-title">{text:Link 4}</div>
  460.         </a>
  461.     </li>
  462.     {/block:IfLink4}
  463.    
  464.     {block:IfLink5}
  465.     <li><a href="{text:Link 5 URL}">
  466.         <i class="cp cp-heart-o"></i>
  467.         <div class="link-title">{text:Link 5}</div>
  468.         </a>
  469.     </li>
  470.     {/block:IfLink5}
  471.    
  472.    
  473. </ul></nav>
  474.  
  475. <article id="description">{description}</article>
  476.  
  477. </header>
  478.  
  479.  
  480. {block:Posts}
  481. <article class="posts" id="{PostID}">
  482.  
  483.  
  484. {block:Answer}
  485. <div class="ask-post">
  486.     <div class="q">
  487.         {Question}
  488.     </div>
  489.         <div class="ask-square"></div>
  490.     <div class="asker"><span>{Asker}</span></div>
  491.    
  492.     {block:Answerer}
  493.     <div class="answer">
  494.        <div class="ask-answerer">{Answerer} answered:</div>
  495.     <div class="reply">{Answer}</div>
  496.    
  497.     </div>
  498. </div>
  499. {/block:Answerer}
  500.     {block:NotReblog}{Replies}
  501.     {/block:NotReblog}
  502. {block:RebloggedFrom}
  503. {block:Reblogs}<div class="capt" style="margin-top:1rem">
  504.  
  505. {block:HasPermalink}<a target="_blank" class="user {block:IsDeactivated}userd{/block:IsDeactivated}" href="{Permalink}">{Username}</a>{/block:HasPermalink}
  506.     {block:HasNoPermalink}<span class="user {block:IsDeactivated}userd{/block:IsDeactivated}">{Username}</span>{/block:HasNoPermalink}
  507.    
  508.         {Body}
  509. </div>{/block:Reblogs}{/block:RebloggedFrom}
  510. {/block:Answer}
  511.  
  512.  
  513. {block:Text}
  514. {block:Title}<h2 class="posttitle">{Title}</h2>{/block:Title}
  515. {block:Body}<div class="capt">
  516. {block:NotReblog}{Body}{/block:NotReblog}
  517. {block:RebloggedFrom}{block:Reblogs}
  518. {block:HasPermalink}<a target="_blank" class="user {block:IsDeactivated}userd{/block:IsDeactivated}" href="{Permalink}">{Username}</a>{/block:HasPermalink}
  519. {block:HasNoPermalink}<div class="user {block:IsDeactivated}userd{/block:IsDeactivated}">{Username}</div>{/block:HasNoPermalink}
  520. {Body}
  521. {/block:Reblogs}{/block:RebloggedFrom}
  522. </div>{/block:Body}
  523. {/block:Text}
  524.  
  525.  
  526. {block:Quote}
  527. <div class="quote">{Quote}</div>
  528. {block:Source}<div class="quote-source">— {Source}</div>{/block:Source}
  529. {/block:Quote}
  530.  
  531. {block:Link}
  532. <a href="{URL}" class="link-name"><span>{Name}</span></a>
  533. {block:Excerpt}<div class="link-excerpt">{Excerpt}</div>{/block:Excerpt}
  534. {block:Description}<div class="capt">
  535. {block:NotReblog}{Description}{/block:NotReblog}
  536. {block:RebloggedFrom}
  537. {block:Reblogs}<div class="capt">
  538. {block:HasPermalink}<a target="_blank" class="user {block:IsDeactivated}userd{/block:IsDeactivated}" href="{Permalink}">{Username}</a>{/block:HasPermalink}
  539.     {block:HasNoPermalink}<span class="user {block:IsDeactivated}userd{/block:IsDeactivated}">{Username}</span>{/block:HasNoPermalink}
  540.    
  541.         {Body}
  542. </div>{/block:Reblogs}{/block:RebloggedFrom}
  543. </div>{/block:Description}
  544. {/block:Link}
  545.  
  546.  
  547.  
  548. {block:Chat}<div class="chat-post">
  549. {block:Title}<h2 class="posttitle">{Title}</h2>{/block:Title}
  550. {block:Lines}
  551.     <div class="chat-line-{alt}">
  552.     {block:Label}<span class="label-{alt}">{Label}</span>{/block:Label}
  553.    
  554.     <span class="line-{alt}">{Line}</span>
  555.     </div>
  556. {/block:Lines}
  557. </div>{/block:Chat}
  558.  
  559. {block:Photo}
  560. <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">
  561.     <img class="photo" src="{PhotoURL-HighRes}">
  562. </a>
  563. {block:Caption}<div class="capt">
  564. {block:NotReblog}{Caption}{/block:NotReblog}
  565. {block:RebloggedFrom}{block:Reblogs}
  566. {block:HasPermalink}<a target="_blank" class="user {block:IsDeactivated}userd{/block:IsDeactivated}" href="{Permalink}">{Username}</a>{/block:HasPermalink}
  567.     {block:HasNoPermalink}<div class="user {block:IsDeactivated}userd{/block:IsDeactivated}">{Username}</div>{/block:HasNoPermalink}
  568.         {Body}
  569. {/block:Reblogs}{/block:RebloggedFrom}
  570. </div>{/block:Caption}
  571. {/block:Photo}
  572.  
  573. {block:Photoset}
  574. <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>
  575. {block:Caption}<div class="capt">
  576. {block:NotReblog}{Caption}{/block:NotReblog}
  577. {block:RebloggedFrom}{block:Reblogs}
  578. {block:HasPermalink}<a target="_blank" class="user {block:IsDeactivated}userd{/block:IsDeactivated}" href="{Permalink}">{Username}</a>{/block:HasPermalink}
  579.     {block:HasNoPermalink}<div class="user {block:IsDeactivated}userd{/block:IsDeactivated}">{Username}</div>{/block:HasNoPermalink}
  580.         {Body}
  581. {/block:Reblogs}{/block:RebloggedFrom}
  582. </div>{/block:Caption}
  583. {/block:Photoset}
  584.  
  585. {block:Audio}
  586. {block:AudioEmbed}<div style="height:85px;overflow:hidden;" class="audio">{AudioEmbed}</div>{/block:AudioEmbed}
  587. {block:Caption}<div class="capt">
  588. {block:NotReblog}{Caption}{/block:NotReblog}
  589. {block:RebloggedFrom}{block:Reblogs}
  590. {block:HasPermalink}<a target="_blank" class="user {block:IsDeactivated}userd{/block:IsDeactivated}" href="{Permalink}">{Username}</a>{/block:HasPermalink}
  591.     {block:HasNoPermalink}<div class="user {block:IsDeactivated}userd{/block:IsDeactivated}">{Username}</div>{/block:HasNoPermalink}
  592.         {Body}
  593. {/block:Reblogs}{/block:RebloggedFrom}
  594. </div>{/block:Caption}
  595. {/block:Audio}
  596.  
  597. {block:Video}
  598. <div class="video">{Video-500}</div>
  599. {block:Caption}<div class="capt">
  600. {block:NotReblog}{Caption}{/block:NotReblog}
  601. {block:RebloggedFrom}{block:Reblogs}
  602. {block:HasPermalink}<a target="_blank" class="user {block:IsDeactivated}userd{/block:IsDeactivated}" href="{Permalink}">{Username}</a>{/block:HasPermalink}
  603.     {block:HasNoPermalink}<div class="user {block:IsDeactivated}userd{/block:IsDeactivated}">{Username}</div>{/block:HasNoPermalink}
  604.         {Body}
  605. {/block:Reblogs}{/block:RebloggedFrom}
  606. </div>{/block:Caption}
  607. {/block:Video}
  608.  
  609.  
  610. {block:Date}
  611.  
  612. {block:PermalinkPage}
  613.  
  614.     {block:NoteCount}<div class="noteco"><a href="{Permalink}" title="notes">{NoteCount}</a></div>{/block:NoteCount}
  615.    
  616.     {block:RebloggedFrom}<div class="via">
  617.     <a target="_blank" href="{ReblogParentURL}" title="via: {ReblogParentName}"><i class="cp cp-reblog-alt"></i></a>
  618.     <a target="_blank" href="{ReblogRootURL}" title="source: {ReblogRootName}"><i class="cp cp-user"></i></a>
  619.     </div>{/block:RebloggedFrom}
  620.  
  621. <div style="clear:both"></div>
  622.    
  623. {/block:PermalinkPage}
  624.  
  625. {block:IndexPage}
  626.  
  627. {block:PinnedPostLabel}<div id="pinned-post"><i class="cp cp-pin"></i></div>{/block:PinnedPostLabel}
  628.  
  629. <date class="time"><a href="{Permalink}" title="{TimeAgo}">{ShortDayOfWeek}</a></date>
  630. {/block:IndexPage}
  631.  
  632. {block:PermalinkPage}
  633. {block:HasTags}<div class="tags">Filed: {block:Tags}
  634. <a href="{TagURL}">{Tag} </a>
  635. {/block:Tags}</div>{/block:HasTags}
  636. {/block:PermalinkPage}
  637. {/block:Date}
  638.  
  639. <!-- {block:ContentSource}{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}"height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}{/block:ContentSource}{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  640.  
  641.  
  642. {block:PostNotes}
  643. <div class="notes">{PostNotes}</div>
  644. {/block:PostNotes}
  645.  
  646. </article> <!--posts-->
  647. {/block:Posts}
  648.  
  649. </main>
  650.  
  651.  
  652. {block:Pagination}<div class="pagi">
  653.     {block:PreviousPage}<a title="previous page" href="{PreviousPage}" class="jump-back"><i class="cp cp-arrow-left"></i></a>{/block:PreviousPage}
  654.    
  655.     {block:NextPage}<a title="next page" href="{NextPage}" class="jump-next"><i class="cp cp-arrow-right"></i></a>{/block:NextPage}</div>
  656. {/block:Pagination}
  657.  
  658. <a href="#top" class="achl ttop" title="to top"><i class="cp cp-chevron-up"></i></a>
  659. <!-- do not touch -->
  660. <a title="southcodes" id="credit" href="//southcodes.tumblr.com" target="_blank">SC</a>
  661.  
  662.  
  663. <!-- scripts -->
  664. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  665. <!-- video resizing script by shythemes -->
  666. <script src="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  667. <script type="text/javascript">
  668.  
  669. function gatherData(images, arr) {
  670.   for (let i = 0; i < images.length; i++) {
  671.     let currentData = {
  672.       "width": images[i].getAttribute('data-width'),
  673.       "height": images[i].getAttribute('data-height'),
  674.       "low_res": images[i].getAttribute('data-lowres'),
  675.       "high_res": images[i].getAttribute('data-highres')
  676.     };
  677.     arr.push(currentData);
  678.   }
  679. }
  680. function getIndex(elem) {
  681.   let i = 0;
  682.   while( (elem = elem.previousElementSibling) != null ) i++;
  683.   return i;
  684. }
  685. function lightbox(elem) {
  686.   let currentPhotoset = elem.parentNode;
  687.   let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  688.   let data = [];
  689.   gatherData(photosetPhotos, data);
  690.   Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  691. };
  692.  
  693. $(document).ready(function(){
  694.  
  695.     $(document).scroll(function() {
  696.     var y = $(this).scrollTop();
  697.     if (y > 500) {$('.ttop').fadeIn();}
  698.     else {$('.ttop').fadeOut();}});
  699.  
  700.     $(".audio iframe").each(function(index, elem) {elem.setAttribute("width","100%");});
  701.  
  702.     $( ".ask-post div.reply:empty" ).parent().hide();
  703.  
  704.     $('.achl').click(function(){
  705.     $('html, body').animate({
  706.     scrollTop: $( $(this).attr('href') ).offset().top
  707.     }, 450); return false;});
  708. });
  709. </script>
  710. </body>
  711. </html>
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!