chaisthemes

07: the world is

May 22nd, 2020
2,612
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 32.13 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <!--
  3. infinite scroll by paul irish (bless @magnusthemes and @sorrism);
  4. photosets.css by @annasthms and @espoirthemes;
  5. style my tooltips by malihu;
  6. customizable audio by @shudesigns;
  7. tumblr controls by @cyantists;
  8. icons by ICONSVG;
  9. unnest captions base and npf fix by @annasthms;
  10. -->
  11. <html>
  12.     <head>
  13.         <title>{Title}</title>
  14.         <meta name="viewport" content="width=device-width, initial-scale=1">
  15.         <link rel="shortcut icon" href="{Favicon}">
  16.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17.         {block:Description}
  18.             <meta name="description" content="{MetaDescription}" />
  19.         {/block:Description}
  20.         <!--meta tags-->
  21.     <meta name="color:background" content="#f6f6f6" />
  22.     <meta name="color:text" content="#666666" />
  23.     <meta name="color:links" content="#444444" />
  24.     <meta name="color:accent 2" content="#a77dc2" />
  25.     <meta name="color:accent" content="#a77dc2" />
  26.     <meta name="color:borders" content="#eeeeee" />
  27.     <meta name="color:posts" content="#ffffff" />
  28.     <meta name="color:sidebar" content="#ffffff" />
  29.     <meta name="if:infinite scroll" content="1"/>
  30.     <meta name="color:audio" content="#f5f5f5"/>
  31.     <meta name="select:font" title="Source Sans Pro" content="'Source Sans Pro', sans-serif"/>
  32.     <meta name="select:font" title="Rubik" content="'Rubik', sans-serif"/>
  33.     <meta name="select:font" title="Lato" content="'Lato', sans-serif"/>
  34.     <meta name="select:font" title="Fira Sans" content="'Fira Sans', sans-serif"/>
  35.     <meta name="select:heading font" title="Source Sans Pro" content="'Source Sans Pro', sans-serif"/>
  36.     <meta name="select:heading font" title="Rubik" content="'Rubik', sans-serif"/>
  37.     <meta name="select:heading font" title="Lato" content="'Lato', sans-serif"/>
  38.     <meta name="select:heading font" title="Fira Sans" content="'Fira Sans', sans-serif"/>
  39.     <meta name="select:font size" content="12px"/>
  40.     <meta name="select:font size" content="13px"/>
  41.     <meta name="select:font size" content="14px"/>
  42.     <meta name="select:font size" content="15px"/>
  43.     <meta name="text:link 1 url" content="" />
  44.     <meta name="text:link 1 title" content="" />
  45.     <meta name="text:link 2 url" content="" />
  46.     <meta name="text:link 2 title" content="" />
  47.     <meta name="text:link 3 url" content="" />
  48.     <meta name="text:link 3 title" content="" />
  49.     <meta name="text:updates" content=""/>
  50.     <!--links and scripts-->
  51.     <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  52.     <script src="https://static.tumblr.com/0podkko/ZHfq8v9rn/photosets.js"></script>
  53.     <link href="https://static.tumblr.com/0podkko/bwepdyarh/photosets.css" rel="stylesheet">
  54.     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  55.     <script src="https://static.tumblr.com/puqxgda/0i2paplaq/infinite-scroll.pkgd.min.js"></script>
  56. <link href="https://fonts.googleapis.com/css?family=Lato|Fira+Sans|Rubik|Source+Sans+Pro" rel="stylesheet">
  57. <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i&display=swap" rel="stylesheet">
  58.     <script src="https://static.tumblr.com/uopakca/GVcnvdwbq/jquery.style-my-tooltips.js"></script>
  59.  
  60.     <script>
  61. (function($){
  62. $(document).ready(function(){
  63. $("a[title]").style_my_tooltips({
  64. tip_follows_cursor:true,
  65. tip_delay_time:90,
  66. tip_fade_speed:700,
  67. attribute:"title"
  68. });
  69. });
  70. })(jQuery);
  71. </script>
  72.  
  73.     <style type="text/css">
  74.     /* TOOLTIPS AND SCROLLBAR */
  75.         #s-m-t-tooltip {
  76.    max-width:300px;
  77.    border-radius: 0px;
  78.    padding:4px;
  79.    margin:5px 10px 5px 0px;
  80.    color:{color:text};
  81.    border:1px solid {color:borders};
  82.    font-family: {select:font}, sans-serif;
  83.    font-size:11px;
  84.    background:{color:background};
  85.    z-index:99999;
  86. }
  87. ::-webkit-scrollbar {
  88.   width: 9px;
  89.   height: 9px;
  90. }
  91. ::-webkit-scrollbar-button {
  92.   width: 0px;
  93.   height: 0px;
  94. }
  95. ::-webkit-scrollbar-thumb {
  96.   background: {color:accent};
  97.   border: 0px none {color:borders};
  98.   border-radius: 2px;
  99. }
  100. ::-webkit-scrollbar-thumb:active {
  101.   background: {color:accent};
  102. }
  103. ::-webkit-scrollbar-track {
  104.   background: {color:posts};
  105.   border: 0px none {color:borders};
  106.   border-radius: 21px;
  107. }
  108. ::-webkit-scrollbar-corner {
  109.   background: transparent;
  110. }
  111.  
  112.     /* GENERAL STYLING */
  113. body {
  114.     background-color: {color:background};
  115.     color: {color:text};
  116.     font-family: {select:font};
  117.     margin: 0;
  118.     font-size: {select:font size};
  119.     word-break: break-word;
  120. }
  121. a {
  122.   font-family:inherit;
  123.   color: {color:links};
  124.   moz-transition-duration: 0.5s;
  125.     -o-transition-duration: 0.5s;
  126.     -webkit-transition-duration: 0.5s;
  127.     transition-duration: 0.5s;
  128. }
  129. a:hover {
  130.   color: {color:accent 2};
  131.   moz-transition-duration: 0.5s;
  132.     -o-transition-duration: 0.5s;
  133.     -webkit-transition-duration: 0.5s;
  134.     transition-duration: 0.5s;
  135. }
  136. blockquote {
  137.  border-left: 1px solid {color:borders};
  138.  padding-left: 5px;
  139.  margin-left: 12px;
  140. }
  141.  
  142. blockquote blockquote {
  143.  padding: 0 0 0 5px;
  144.  margin: 0 0 0 12px;
  145. }
  146. pre, code {
  147.     font-family: Courier;
  148.     background-color: {color:audio};
  149.     overflow-x: auto;
  150. }
  151. h2, h3, h4, h5, h6 {
  152.     font-family: {select:heading font};
  153.     font-size: calc({select:font size} + 3px);
  154.     line-height : 14px;
  155. }
  156. b, strong {
  157. font-weight: bold;
  158. }
  159. i, em {
  160. font-style: italic;
  161. }
  162. /* CONTROLS */
  163. iframe.tmblr-iframe {
  164.     z-index:99999999999999!important;
  165.     top:-2px!important;
  166.     right:0!important;
  167.     opacity:0;
  168.     padding-right:38px;
  169.     /* delete invert(1) from here */
  170.         filter:invert(1) contrast(150%);
  171.         -webkit-filter:invert(1) contrast(150%);
  172.         -o-filter:invert(1) contrast(150%);
  173.         -moz-filter:invert(1) contrast(150%);
  174.         -ms-filter:invert(1) contrast(150%);
  175.     /* to here if your blog has a dark background */
  176.     transform:scale(0.65);
  177.     transform-origin:100% 0;
  178.     -webkit-transform:scale(0.65);
  179.     -webkit-transform-origin:100% 0;
  180.     -o-transform:scale(0.65);
  181.     -o-transform-origin:100% 0;
  182.     -moz-transform:scale(0.65);
  183.     -moz-transform-origin:100% 0;
  184.     -ms-transform:scale(0.65);
  185.     -ms-transform-origin:100% 0;}
  186.  
  187. iframe.tmblr-iframe:hover {
  188.     opacity:0.6!important;}
  189.  
  190. .hcontrols {
  191.     position:fixed;
  192.     top:0;
  193.     right:0;
  194.     z-index:999999999;}
  195.  
  196. .hcontrols svg {
  197.     width:14px;
  198.     height:14px;
  199.     padding:9px;}
  200.  
  201. .hcontrols svg path {
  202.     fill:#000000;/* change this to change the color of the icon */}
  203.  
  204. section {
  205.     width: 400px;
  206.     position: relative;
  207.     margin: auto;
  208. }
  209.  
  210. .follow-teaser {
  211.     display: none;
  212. }
  213. /* SIDEBAR */
  214. #sidebar {
  215.     width: 175px;
  216.     margin-top: 100px;
  217.     display: inline-block;
  218.     left: 150px;
  219.     padding-right: 50px;
  220.     position: fixed;
  221.     background-color: #fff;
  222.     padding: 10px;
  223.     border: 1px solid {color:borders};
  224.     box-shadow: 0px 0px 10px {color:borders};
  225. }
  226. .sideimg {
  227.     width: 35px;
  228.     border-radius: 100%;
  229.     display: inline-block;
  230.     margin-top: -10px;
  231.     margin-left: 7px;
  232.     float: left;
  233. }
  234. .blogtitle {
  235.     text-align: left;
  236.     padding: 10px;
  237.     padding-bottom: 3px;
  238.     font-size: 18px;
  239. }
  240. .description {
  241.     padding: 10px;
  242.     padding-top: 0px;
  243. }
  244. .sidelinks {
  245.     text-align: right;
  246.     float: right;
  247.     display: inline-block;
  248.     vertical-align: middle;
  249. }
  250. .sidelink {
  251.     color: {color:accent};
  252.     margin-left: 3px;
  253.     font-weight: normal;
  254.     text-decoration: none;
  255. }
  256. .sidelink a:hover {
  257.     color: {color:accent 2};
  258.     moz-transition-duration: 0.5s;
  259.     -o-transition-duration: 0.5s;
  260.     -webkit-transition-duration: 0.5s;
  261.     transition-duration: 0.5s;
  262. }
  263.  
  264. /* GENERAL POST STYLING, CONTROLS, AND PERMALINKS */
  265. #posts {
  266.     position: relative;
  267.     display: inline-block;
  268.     width: 400px;
  269.     margin-top: 50px;
  270.     margin-bottom: 70px;
  271.     margin-left: -250px;
  272.     left: 65%;
  273. }
  274. .wrapper {
  275.     margin-top: 50px;
  276. }
  277. .post {
  278.     width: 400px;
  279.     box-sizing: border-box;
  280.     background-color: {color:posts};
  281.     box-shadow: 0px 0px 10px {color:borders};
  282.     border: 1px solid {color:borders};
  283. }
  284. .post.photo {
  285.     margin-bottom: 0px;
  286. }
  287. .photo img {
  288.     display:block;
  289. }
  290. .commenter img {
  291.     display: inline-block;
  292. }
  293. .body {
  294.     background-color: {color:posts};
  295. }
  296. .post img, blockquote, li {
  297.     max-width: 100%;
  298. }
  299. .date {
  300.     margin-left: 2px;
  301.     text-decoration: none;
  302. }
  303. .tagwrap {
  304.     margin-bottom: 50px;
  305.     background-color: {color:background};
  306.     width: 400px;
  307.     padding: 5px;
  308.     box-sizing: border-box;
  309. }
  310. .tags  {
  311.     text-decoration: none;
  312.     display: inline-block;
  313.     margin-left: 5px;
  314. }
  315. .controlw svg {
  316.    width:10px;
  317.    height:auto;
  318.    opacity:.5;
  319.    padding:1px;
  320.    display:block;
  321.    overflow:visible;
  322. }
  323. .controlw {
  324.     background-color: {color:background};
  325.     border-bottom: 0px transparent;
  326. }
  327. .controls a {
  328.    position:relative;
  329.    display:inline-block;
  330.    overflow:hidden;
  331.    padding:5px;
  332.    width:12px;
  333.    height:12px;
  334. }
  335. .controls .reblog {
  336.    opacity:.93;
  337. }
  338. .controls .reblog svg {
  339.    width:9px;
  340.    margin-top:1px;
  341. }
  342. .controls .like .liked + svg {
  343.    opacity:1;
  344. }
  345. .controls .like .liked + svg path {
  346.    fill:#ec5a5a;
  347. }
  348. .controls .like .like_button {
  349.    position:relative;
  350. }
  351. .controls .like .like_button iframe {
  352.    position:absolute;
  353.    top:0;
  354.    left:0;
  355.    bottom:0;
  356.    right:0;
  357.    z-index:2;
  358.    opacity:0;
  359. }
  360. .permalink {
  361.     position: absolute;
  362.     display: inline-block;
  363.     color: {color:links};
  364.     text-decoration: none;
  365.     font-weight: normal;
  366.     margin-left: 55px;
  367.     margin-top: 3px;
  368. }
  369.  
  370. .text {
  371.     width: 400px;
  372.     box-sizing: border-box;
  373.     background-color: {color:posts};
  374. }
  375. .text h2 {
  376.     text-align: center;
  377. }
  378. .txt {
  379.     padding: 10px;
  380. }
  381. .photo {
  382.     width: 400px;
  383.     display: block;
  384.     padding: 0px;
  385. }
  386. .quote {
  387.     padding: 10px;
  388.     font-size: calc({select:font size} + 3px);
  389.     text-align: center;
  390. }
  391. .source {
  392.     font-size: calc({select:font size} + 2px);
  393.     text-align: center;
  394.     font-variant: small-caps;
  395. }
  396. .link {
  397.     text-align: center;
  398. }
  399. .lnk {
  400.     padding: 10px;
  401.     border-bottom: 1px solid {color:borders};
  402.     background-color: {color:audio};
  403.     font-weight: bold;
  404.     font-size: calc({select:font size} + 2px);
  405. }
  406. .photoset-grid {
  407.     grid-gap: 1px;
  408.     padding: 0px;
  409. }
  410. .post.txt.photo {
  411.     padding: 0px;
  412. }
  413. [photoset-layout] div {
  414.   cursor: pointer;
  415. }
  416. .audio iframe {
  417.     width: 398px;
  418.     height: 85px;
  419.     display: block;
  420. }
  421. {VideoEmbed-500} iframe {
  422.     width: 398px;
  423. }
  424. .cht h2, h3, h4{
  425.     padding:10px;
  426. }
  427. .chat {
  428.     list-style-type: none;
  429.     padding-left: 3px;
  430. }
  431. .line {
  432.     padding: 10px;
  433. }
  434. .line:nth-of-type(odd) {
  435.     background-color: {color:audio};
  436.     text-align: left;
  437.     border: 1px solid {color:borders};
  438.     border-left: 0px transparent;
  439.     border-right: 0px transparent;
  440. }
  441. .line:nth-of-type(even) {
  442.     text-align: right;
  443. }
  444. .post.text.cht > .line:first-child {
  445.     border-top: none;
  446. }
  447. .post.text.cht > .line:last-of-type {
  448.     border-bottom: none;
  449. }
  450. .question {
  451.     padding: 5px;
  452.     background-color: {color:audio};
  453.     border-bottom: 1px solid {color:borders};
  454.     margin-bottom: 3px;
  455. }
  456. .asker img {
  457.     width: 25px;
  458.     display: inline-block;
  459.     vertical-align: middle;
  460.     padding: 2px 0px 0px 5px;
  461. }
  462. .asker {
  463.     padding: 10px 0px 0px 4px;
  464.     text-decoration: none;
  465. }
  466.  
  467. .question_text {
  468.     padding: 10px;
  469.     margin-bottom: 3px;
  470. }
  471. .answerer {
  472.     text-align: right;
  473.     text-decoration: none;
  474.     padding: 0px 10px 0px 7px;
  475. }
  476. .answer_text {
  477.     text-align: right;
  478.     padding: 10px;
  479.     margin-top: -6px;
  480.     text-decoration: none;
  481. }
  482. .answer_container {
  483.     padding: 5px;
  484.     margin-top: 10px;
  485.     margin-bottom: -10px;
  486. }
  487. .replier img {
  488.     width: 25px;
  489.     display: inline-block;
  490.     vertical-align: middle;
  491.     padding: 2px 4px 0px 10px;
  492. }
  493. .replier {
  494.     padding: 10px 0px 0px 2px;
  495.     text-decoration: none;
  496. }
  497. .reply {
  498.     padding: 15px;
  499. }
  500. /* ASK, SUBMIT, AND PERMALINK PAGE */
  501. {block:AskPage}
  502. .txt {
  503.     padding: 0px;
  504. }
  505. {/block:AskPage}
  506. {block:SubmitPage}
  507. .txt {
  508.     padding: 0px;
  509. }
  510. {/block:SubmitPage}
  511. {block:PermalinkPage}
  512. .tags {
  513.     text-align: center;
  514.     display: inline-block;
  515. {/block:PermalinkPage}
  516. }
  517. /* NOTES */
  518.  
  519. ol.notes {
  520.     margin-top: 50px;
  521.     list-style-type: none;
  522.     background-color: {color:posts};
  523.     padding: 10px;
  524.     width: 400px;
  525.     box-sizing: border-box;
  526.     border: 1px solid {color:borders};
  527.     box-shadow: 0px 0px 10px {color:borders};
  528. }
  529. ol.notes li.note {
  530.     padding: 5px;
  531.     vertical-align: middle;
  532. }
  533. ol.notes li.note img.avatar {
  534.     vertical-align: middle;
  535.     padding: 5px;
  536.     width: 20px;
  537. }
  538. li.note.more_notes_link_container {
  539.     text-transform: lowercase;
  540. }
  541. /* PAGINATION */
  542. #footer {
  543.     padding: 5px;
  544.     margin-top: -20px;
  545.     margin-bottom: 40px;
  546.     text-align: center;
  547. }
  548. .prev {
  549.     padding: 5px;
  550.     margin-bottom: 20px;
  551. }
  552. .next {
  553.     padding: 5px;
  554.     margin-bottom: 20px;
  555. }
  556. {block:Ifinfinitescroll}
  557. #footer {
  558.     display: none;
  559. }
  560. {/block:Ifinfinitescroll}
  561.  
  562.  
  563. /* captions */
  564. .commenter img {
  565.     width: 25px;
  566.     vertical-align: middle;
  567.     padding: 5px;
  568. }
  569. .text .commenter {
  570.     padding-bottom: 0px;
  571.     padding-left: 0px;
  572.     text-decoration: none;
  573. }
  574. .text .comment {
  575.     padding: 5px;
  576. }
  577. .commenter {
  578.     padding: 10px;
  579.     padding-bottom: 0px;
  580. }
  581. {Username} a {
  582.     text-decoration: none;
  583. }
  584. .comment {
  585.     padding-bottom: 0px;
  586.     padding: 10px 10px 10px 15px;
  587.     margin-top: -8px;
  588. }
  589. .caption {
  590.     background-color: {color:posts};
  591.     width: 400px;
  592.     box-sizing: border-box;
  593.     border: 1px solid {color:borders};
  594.     border-top: 0px transparent;
  595.     text-decoration: none;
  596. }
  597. .caption img {
  598.     max-width: 100%;
  599. }
  600. .cap {
  601.     padding: 10px;
  602.     text-decoration: none;
  603. }
  604. .comment_container {
  605.     margin-top: -20px;
  606. }
  607. .text .comment_container {
  608.     margin-top: -5px;
  609. }
  610. .comment_container:first-child {
  611.     margin-top: 0;
  612. }
  613. .comment_container:last-child {
  614.     border-bottom: 1px solid transparent;
  615.     margin-bottom: -4px;
  616. }
  617.  
  618. /* CREDIT - DO NOT TOUCH */
  619. .credit {
  620.     font-family: 'Playfair Display';
  621.     font-style: italic;
  622.     font-size: 20px;
  623.     width: 20px;
  624.     position: fixed;
  625.     bottom: 20px;
  626.     right: 17px;
  627.     text-align: center;
  628.     text-decoration: none;
  629. }
  630. #scrollto {
  631.     position: fixed;
  632.     bottom: 45px;
  633.     right: 17px;
  634. }
  635. #scrollto a {
  636.     color: {color:links};
  637. }
  638. #scrollto a:hover {
  639.     color: {color:accent 2};
  640.     moz-transition-duration: 0.5s;
  641.     -o-transition-duration: 0.5s;
  642.     -webkit-transition-duration: 0.5s;
  643.     transition-duration: 0.5s;
  644. }
  645. /*UPDATES TAB*/
  646. .update svg {
  647.     position: fixed;
  648.     top: 30px;
  649.     right: 8px;
  650.     width: 15px;
  651. }
  652. .updates {
  653.     width: 175px;
  654.     position: fixed;
  655.     top: 30px;
  656.     right: 50px;
  657.     border: 1px solid {color:borders};
  658.     background-color: {color:posts};
  659.     padding: 5px;
  660.     text-align: center;
  661.     padding-bottom: 10px;
  662.     display: none;
  663. }
  664. /*MEDIA QUERIES - DON'T TOUCH UNLESS YOU KNOW CSS */
  665. @media only screen and (max-width: 600px) {
  666.      #sidebar {
  667.         margin-top: 0;
  668.         margin: 0;
  669.         left: 0;
  670.         right: 0;
  671.         top: 0;
  672.         width: 100%;
  673.         height: auto;
  674.         z-index: 1;
  675.     }
  676.     .sidelinks {
  677.         margin-right: 15px;
  678.     }
  679.     .blogtitle {
  680.         margin-top: -1px;
  681.     }
  682.     section {
  683.         width: 200px;
  684.     }
  685.     #posts {
  686.         width: 200px;
  687.         margin-left: -100px;
  688.         left: 50%;
  689.         margin-top: 150px;
  690.         padding: 0;
  691.     }
  692.     .post, .wrapper, .tagwrap, ol.notes {
  693.         width: 200px;
  694.     }
  695.     #footer {
  696.         width: 200px;
  697.         margin-left: -10px;
  698.     }
  699.     .controlw {
  700.         width: 248px;
  701.     }
  702.     .audio iframe {
  703.         width: 200px;
  704.     }
  705.     {VideoEmbed-500} iframe {
  706.       width: 198px;
  707.     }
  708.     .photo, .caption {
  709.         width: 200px;
  710.     }
  711.     pre, code {
  712.         overflow-x: auto;
  713.     }
  714.     .updates {
  715.         display: none;
  716.     }
  717. }
  718.  
  719. @media only screen and (max-width: 992px) and (min-width: 601px) {
  720.      #sidebar {
  721.         margin-top: 0;
  722.         margin: 0;
  723.         left: 0;
  724.         right: 0;
  725.         top: 0;
  726.         width: 100%;
  727.         height: auto;
  728.         z-index: 1;
  729.     }
  730.     .sidelinks {
  731.         margin-right: 15px;
  732.     }
  733.     .blogtitle {
  734.         margin-top: -1px;
  735.     }
  736.     #posts {
  737.         width: 400px;
  738.         margin-top: 150px;
  739.         left: 50%;
  740.         margin-left: -200px;
  741.         padding: 0;
  742.     }
  743.     .updates {
  744.         display: none;
  745.     }
  746. }
  747. @media only screen and (min-width: 1024px) and (max-width: 1200px) {
  748.     #sidebar {
  749.         left: 100px;
  750.     }
  751.     #posts {
  752.         padding-left: 50px;
  753.     }
  754. }
  755.  
  756.     </style>
  757.     <!--SCRIPTS-->
  758.     <script>
  759. $(document).ready(function(){
  760. $(window).scroll(function () {
  761.    if ($(this).scrollTop() > 200)
  762.    { $('#scrollto').fadeIn(); }
  763.    else
  764.    { $('#scrollto').fadeOut(); }
  765.    });
  766. $('#scrollto').click(function () {
  767.    $("html, body").animate({scrollTop:0}, 1000); return false;
  768.    });
  769.    $('.caption').each(function(){if($(this).html().trim() == '')$(this).remove();});
  770. });
  771. </script>
  772.    {block:Ifinfinitescroll}
  773.     <script>
  774.         $(document).ready(function() {
  775.             var $container = $('#posts')
  776.             $container.infiniteScroll({
  777.                 // options
  778.                 path: '.next',
  779.                 append: '.wrapper',
  780.                 history: false,
  781.             });
  782.             $container.on( 'append.infiniteScroll', function(e,r,p,newElements){
  783.        var $newElems = $(newElements);
  784.        var $newElemsIDs = $newElems.map(function(){
  785.            return this.id;
  786.        }).get();
  787.        Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  788. $('.caption').each(function(){if($(this).html().trim() == '')$(this).remove();});
  789.             });
  790.     });
  791.     </script>
  792.     {/block:Ifinfinitescroll}
  793.     <script>
  794. function gatherData(images, arr) {
  795.   for (let i = 0; i < images.length; i++) {
  796.    let currentData = {
  797.      "width": images[i].getAttribute('data-width'),
  798.      "height": images[i].getAttribute('data-height'),
  799.      "low_res": images[i].getAttribute('data-lowres'),
  800.      "high_res": images[i].getAttribute('data-highres')
  801.    };
  802.    arr.push(currentData);
  803.  }
  804. }
  805. function getIndex(elem) {
  806.  let i = 0;
  807.  while( (elem = elem.previousElementSibling) != null ) i++;
  808.  return i;
  809. }
  810. function lightbox(elem) {
  811.  let currentPhotoset = elem.parentNode;
  812.  let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  813.  let data = [];
  814.  gatherData(photosetPhotos, data);
  815.  Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  816. }
  817. </script>
  818.  
  819. <script>
  820. $(document).ready(function() {
  821. // audio player
  822. var $audio = $('iframe.tumblr_audio_player');
  823. $audio.load(function() {
  824. $(this).contents().find('head').append('<style type="text/css">' +
  825.   '.audio-player { background: {color:posts alternate}; color: {color:text} !important; }' +
  826.   '.audio-player .audio-info .track-artist { color: {color:text} !important; }' +
  827. '</style>');
  828. });
  829. });
  830. </script>
  831.  
  832. <script>
  833.     $(document).ready(function() {
  834.         undoPhotoset();
  835.         undoPhotoset({
  836.   'posts': '.post.text', // change '.post.text' to the text post selector
  837.   'text class': 'txt', // change 'text' to the text post unique class (can be '')
  838.   'photoset class': 'photo' // change 'photoset' to the photoset post unique class (can be '')
  839. },false); // true = pxu, false = css photosets
  840.        $('.update').on('click', function() {
  841.            $('.updates').fadeToggle();
  842.        })
  843.     })
  844. </script>
  845. <!--END SCRIPTS-->
  846.  
  847.     </head>
  848.  
  849.     <body>
  850. <section>
  851.  <!--SIDEBAR-->
  852.  <div id="sidebar">
  853.      <h2 class="blogtitle">{Title}</h2>
  854.      <p class="description">{Description}</p>
  855.      <img class="sideimg" src="{PortraitURL-128}">
  856.      <div class="sidelinks">
  857.          <a class="sidelink" title="home" href="/">i.</a>
  858.          <a class="sidelink" title="message" href="/ask">ii.</a>
  859.          <a class="sidelink" title="archive" href="/archive">iii.</a>
  860.          <a class="sidelink" title="{text:link 1 title}" href="{text:link 1 url}">iv.</a>
  861.          <a class="sidelink" title="{text:link 2 title}" href="{text:link 2 url}">v.</a>
  862.          <a class="sidelink" title="{text:link 3 title}" href="{text:link 3 url}">vi.</a>
  863.      </div>
  864.  </div>
  865.  
  866.     <!--END SIDEBAR-->
  867.  
  868. <!--POSTS-->
  869.         <div id="posts">
  870.             {block:Posts}
  871.             <!--CONTROLS AND PERMALINK-->
  872.             <div class="wrapper" id="{PostID}">
  873.             <div class="controlw">
  874.             {block:Date}<a href="{Permalink}" class="permalink">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>{/block:Date}
  875.             <div class="controls">
  876.             {block:Date}
  877. <a href="{ReblogURL}" target="_blank" class="reblog">
  878. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333    c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5    s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733    C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617    c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6    c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  879. </a>
  880. <a href="#" class="like">{LikeButton}
  881. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95    c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1    c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1    c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z     M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4    c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5    c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767    c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45    c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  882. </a>
  883. {/block:Date}
  884. </div>
  885. </div>
  886. <!--END CONTROLS AND PERMALINK-->
  887. <!--POST TYPES-->
  888.  
  889.             {block:Text}
  890.             <div class="post text txt" id="{PostId}">{block:Title}<h2>{Title}</h2>{/block:Title}<div class="body">
  891.             {block:NotReblog}{Body}{/block:NotReblog}
  892.             {block:RebloggedFrom}
  893.             {block:Reblogs}
  894.             <div class="comment_container">
  895.                 <div class="commenter">
  896.                     <img src="{PortraitURL-64}" />
  897.                     <span>
  898.                         {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}
  899.                     </span>
  900.                 </div>
  901.                 <div class="comment">{Body}</div>
  902.             </div>
  903.             {/block:Reblogs}
  904.             {/block:RebloggedFrom}
  905.         </div>
  906.         </div>
  907.         {/block:Text}
  908.  
  909.         {block:Photo}
  910.         <div class="post photo" id="{PostID}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></div>{/block:Photo}
  911.  
  912.  
  913.         {block:Photoset}<div class="post photo" id="{PostID}"><div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div></div>{/block:Photoset}
  914.  
  915.         {block:Quote}
  916.         <div class="post text" id="{PostID}"><div class="quote">{Quote}</div>
  917.         {block:Source}<div class="quote">{Source}</div>{/block:Source}</div>
  918.         {/block:Quote}
  919.  
  920.         {block:Link}
  921.         <div class="post text link" id="{PostID}">
  922.         <div class="lnk">
  923.         <a href="{URL}" class="path{block:Description} has-desc{/block:Description}" {Target}>{Name}</a>
  924.         </div>
  925.         {block:Description}
  926.         <div class="link-description">
  927.             {block:NotReblog}{Description}{/block:NotReblog}
  928.             {block:RebloggedFrom}
  929.             {block:Reblogs}
  930.             <div class="comment_container">
  931.                 <div class="commenter">
  932.                     <img src="{PortraitURL-64}" />
  933.                     <span>
  934.                         {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}
  935.                     </span>
  936.                 </div>
  937.                 <div class="comment">{Body}</div>
  938.             </div>
  939.             {/block:Reblogs}
  940.             {/block:RebloggedFrom}
  941.         </div>
  942.         {/block:Description}</div>
  943.         {/block:Link}
  944.  
  945.         {block:Chat}
  946.         <div class="post text cht" id="{PostID}">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}
  947.             <div class="line"><span class="label">{block:Label}{Label}{/block:Label}</span> {Line}</div>
  948.             {/block:Lines}
  949.         </div>
  950.  
  951.         {/block:Chat}
  952.  
  953.         {block:Audio}<div class="post photo" id="{PostID}"><div class="audio">{block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}</div></div>{/block:Audio}
  954.  
  955.         {block:Video}<div class="post photo" id="{PostID}">{VideoEmbed-500}</div>{/block:Video}
  956.  
  957.         {block:Answer}
  958.         <div class="post text" id="{PostID}">
  959.         <div class="question">
  960.             <div class="asker">
  961.             <img src="{AskerPortraitURL-128}">
  962.                 {Asker}
  963.             </div>
  964.             <div class="question_text">{Question}</div>
  965.         </div>
  966.         {block:Answerer}
  967.         <div class="answer_container">
  968.             <div class="answerer">
  969.                 {Answerer}
  970.             </div>
  971.             <div class="answer_text">{Answer}</div>
  972.         </div>
  973.         {block:Reblogs}
  974.         <div class="reply_container">
  975.             <div class="replier">
  976.                 <img src="{PortraitURL-64}" />
  977.                 {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a> {/block:HasPermalink}
  978.             </div>
  979.             <div class="reply">{Body}</div>
  980.         </div>
  981.         {/block:Reblogs}
  982.         {/block:Answerer}
  983.         {block:NotReblog}
  984.         <div class="answer_container">
  985.             <div class="answerer">
  986.                 <a href="{Permalink}">{Name}</a>
  987.             </div>
  988.             <div class="answer_text">{Answer}</div>
  989.         </div>
  990.         {/block:NotReblog}</div>
  991.  
  992.         {/block:Answer}
  993.  
  994.         {block:Caption}
  995.        <div class="caption">
  996.             {block:NotReblog}<div class="cap">{Caption}</div>{/block:NotReblog}
  997.             {block:RebloggedFrom}
  998.             {block:Reblogs}
  999.             <div class="comment_container">
  1000.                 <div class="commenter">
  1001.                     <img src="{PortraitURL-64}" />
  1002.                     <span>
  1003.                         {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}
  1004.                     </span>
  1005.                 </div>
  1006.                 <div class="comment">{Body}</div>
  1007.             </div>
  1008.             {/block:Reblogs}
  1009.             {/block:RebloggedFrom}
  1010.         </div>
  1011.         {/block:Caption}
  1012.    {block:Date}
  1013.    <div class="tagwrap">
  1014.    <a class="date" href="{Permalink}">{DayOfMonth}.{MonthNumber}.{Year}</a>
  1015.    {block:HasTags}
  1016.    {block:Tags}
  1017.    <a href="{TagURL}" class="tags">#{Tag}</a>
  1018.    {/block:Tags}
  1019.    {/block:HasTags}
  1020.    </div>
  1021.    {/block:Date}
  1022.                 {PostNotes}
  1023.                 </div>
  1024.                 {/block:Posts}
  1025.         </div>
  1026.         <!--END POST TYPES-->
  1027.         <!--CREDIT AND SCROLL TO TOP - DO NOT TOUCH THE CREDIT-->
  1028.        <a id="scrollto" title="scroll to top"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M18 15l-6-6-6 6"/></svg></a>
  1029.         <a class="credit" href="https://aubadese.tumblr.com" title="theme credit">a</a>
  1030.         <!--END CREDIT + SCROLL TO TOP-->
  1031.         <!--PAGINATION + CONTROLS-->
  1032.         {block:Pagination}
  1033.         <p id="footer">
  1034.             {block:PreviousPage}
  1035.                 <a href="{PreviousPage}" class="prev"><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M15 18l-6-6 6-6"/></svg></a>
  1036.             {/block:PreviousPage}{block:NextPage}
  1037.                 <a class="next" href="{NextPage}"><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg></a>
  1038.             {/block:NextPage}
  1039.         </p>
  1040.         {/block:Pagination}
  1041.  
  1042.         <div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div>
  1043.         <!--END PAGINATION + CONTROLS-->
  1044. </section>
  1045. <div class="update">
  1046.     <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
  1047.     <div class="updates">
  1048. <h2>updates</h2>
  1049. {text:updates}
  1050. </div>
  1051. </div>
  1052.     </body>
  1053. </html>
Add Comment
Please, Sign In to add comment