daily pastebin goal
39%
SHARE
TWEET

Living in Coral

tanaxmercedes Feb 23rd, 2019 245 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!--
  2.  
  3.  
  4. living in coral theme by
  5.  
  6. โ’ธ๐™’๐™๐™ž๐™ข๐™จ๐™ฎ๐™๐™๐™š๐™ข๐™š๐™จ on tumblr
  7.  
  8.  
  9. release date: 02.23.019
  10. last update: 02.23.019
  11.  
  12. -->
  13.  
  14. <!DOCTYPE html>
  15. <html>
  16. <head>
  17.  
  18.  
  19. <meta name="color:Background" content="#f6f6f6"/>
  20. <meta name="color:Text" content="#909090"/>
  21. <meta name="color:Link" content="#ff6f61"/>
  22. <meta name="color:Header BG" content="#ffffff"/>
  23. <meta name="color:Post BG" content="#ffffff"/>
  24. <meta name="color:Border" content="#ffffff"/>
  25. <meta name="color:Accent" content="#FF6F61">
  26. <meta name="color:Highlight" content="#FF6F61">
  27.  
  28. <meta name="image:Background" content=""/>
  29.  
  30. <meta name="if:Show Blog Title" content="1"/>
  31. <meta name="if:Show Description" content="1"/>
  32. <meta name="if:Show Links" content="1"/>
  33. <meta name="if:Show Caption" content="1"/>
  34. <meta name="if:Show Tags" content="1"/>
  35. <meta name="if:Sepia Posts" content="1"/>
  36. <meta name="if:Grayscale Posts" content="1"/>
  37. <meta name="if:Infinite Scroll" content="1"/>
  38. <meta name="if:Four Columns" content="1"/>
  39. <meta name="if:Custom Link 1" content="1"/>
  40. <meta name="if:Custom Link 2" content="1"/>
  41. <meta name="if:Custom Link 3" content="1"/>
  42.  
  43. <meta name="text:Font Size" content="11px"/>
  44. <meta name="text:Link 1 Title" content=".01"/>
  45. <meta name="text:Link 1 url" content="/"/>
  46. <meta name="text:Link 2 Title" content=".02"/>
  47. <meta name="text:Link 2 url" content="/"/>
  48. <meta name="text:Link 3 Title" content=".03"/>
  49. <meta name="text:Link 3 url" content="/"/>
  50.  
  51. <meta name="select:Font" content="Raleway">
  52. <meta name="select:Font" content="Montserrat">
  53. <meta name="select:Font" content="trebuchet ms">
  54. <meta name="select:Font" content="lucida console">
  55. <meta name="select:Font" content="times new roman">
  56. <meta name="select:Font" content="georgia">
  57. <meta name="select:Font" content="verdana">
  58. <meta name="select:Font" content="courier new">
  59. <meta name="select:Font" content="arial">
  60. <meta name="select:Font" content="calibri">
  61. <meta name="select:Font" content="consolas">
  62. <meta name="select:Font" content="ms gothic">
  63.  
  64. <meta name="select:Title Font" content="Raleway">
  65. <meta name="select:Title Font" content="Montserrat">
  66. <meta name="select:Title Font" content="trebuchet ms">
  67. <meta name="select:Title Font" content="lucida console">
  68. <meta name="select:Title Font" content="times new roman">
  69. <meta name="select:Title Font" content="georgia">
  70. <meta name="select:Title Font" content="verdana">
  71. <meta name="select:Title Font" content="courier new">
  72. <meta name="select:Title Font" content="arial">
  73. <meta name="select:Title Font" content="calibri">
  74. <meta name="select:Title Font" content="consolas">
  75. <meta name="select:Title Font" content="ms gothic">
  76.  
  77. <meta name="select:Description Text Align" content="justify">
  78. <meta name="select:Description Text Align" content="center">
  79. <meta name="select:Description Text Align" content="left">
  80. <meta name="select:Description Text Align" content="right">
  81.  
  82. <meta name="viewport" content="width=device-width, initial-scale=1">
  83.  
  84. <title>{Title}</title>
  85. <link rel="shortcut icon" href="{Favicon}">
  86. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  87. <link href="https://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  88. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  89. <link href='https://static.tumblr.com/blpgwiz/u8Qmijy1c/fade_in_up.css' rel='stylesheet' type='text/css'>
  90. <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
  91. <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  92.  
  93.  
  94. <style type="text/css">
  95.  
  96. @-webkit-keyframes fadeInLeftBig {0% {opacity: 0; -webkit-transform: translateX(2000px);} 100% {opacity: 1; -webkit-transform: translateX(0);}}
  97.  
  98.     /* TUMBLR CONTROLS */
  99.  
  100. iframe.tmblr-iframe {
  101.     z-index:99999999999999!important;
  102.     top:0!important;
  103.     right:0!important;
  104.     opacity:0.4;
  105.     /* delete invert(1) from here */
  106.         filter:invert(1) contrast(150%);
  107.         -webkit-filter:invert(1) contrast(150%);
  108.         -o-filter:invert(1) contrast(150%);
  109.         -moz-filter:invert(1) contrast(150%);
  110.         -ms-filter:invert(1) contrast(150%);
  111.     /* to here if your blog has a dark background */
  112.     transform:scale(0.65);
  113.     transform-origin:100% 0;
  114.     -webkit-transform:scale(0.65);
  115.     -webkit-transform-origin:100% 0;
  116.     -o-transform:scale(0.65);
  117.     -o-transform-origin:100% 0;
  118.     -moz-transform:scale(0.65);
  119.     -moz-transform-origin:100% 0;
  120.     -ms-transform:scale(0.65);
  121.     -ms-transform-origin:100% 0;}
  122.  
  123. iframe.tmblr-iframe:hover {
  124.     opacity:0.6!important;}
  125.  
  126.      /* TOOLTIPS */
  127.  
  128. #s-m-t-tooltip{
  129.     font-size:8px;
  130.     color:#000;
  131.     background-color:#fff;
  132.     letter-spacing:2px;
  133.     min-width:50px;
  134.     max-width:200px;
  135.     overflow:auto;
  136.     text-transform:uppercase;
  137.     font-style:italic;
  138.     display: none;
  139.     position: absolute;
  140.     z-index: 999999999999;
  141.     padding:5px;
  142.     margin:30px 0 15px 10px;
  143.     -webkit-transition: all 0.2s ease-in-out;
  144.     -moz-transition: all 0.2s ease-in-out;
  145.     transition: all 0.2s ease-in-out;}
  146.  
  147.     /* SCROLLBAR */
  148.    
  149. ::-webkit-scrollbar {
  150.     width: 3px;
  151.     height: 3px;
  152.     }
  153. ::-webkit-scrollbar-button {
  154.     width: 0px;
  155.     height: 0px;
  156.     }
  157. ::-webkit-scrollbar-thumb {
  158.     background: #e1e1e1;
  159.     border: 0px none #ffffff;
  160.     border-radius: 50px;
  161.     }
  162.    
  163.     /* SELECTION */
  164.    
  165. ::selection {
  166.     color: {color:Accent};
  167.     background: {color:Background};
  168.     }
  169. ::-moz-selection {
  170.     color: {color:Accent};
  171.     background: {color:Background};
  172.     }
  173.  
  174. #content {
  175.     margin-left:4%;
  176.     margin-top:80px;
  177.     width: 900px; /*changes # of columns*/
  178.     float: left;
  179. }
  180.  
  181. body {
  182.     background-color: {color:background};
  183.     background-image: url({image:background});
  184.     background-attachment:fixed;
  185.     background-repeat:repeat;
  186.     background-position:center;
  187.     font-family: {select:Font};
  188.     font-size: {text:Font Size};
  189.     color: {color:text};
  190. }
  191.  
  192. a {
  193.     color: {color:link};
  194.     text-decoration:none;
  195. }
  196.    
  197. blockquote {
  198.     padding-left:5px;
  199.     border-left:1px dotted {color:Accent};
  200.     color: {color:text};
  201.     margin-left:3px;
  202.     margin-bottom:5px;
  203.     width:90%;
  204. }
  205.  
  206. iframe, img, embed, object, video {
  207.     max-width: 100%;
  208. }
  209.  
  210. img {
  211.     height: auto;
  212.     width: auto;
  213. }
  214.  
  215. #header {
  216.     position:fixed;
  217.     z-index:9999999;
  218.     background: {color:header bg};
  219.     width:100%;
  220.     height:10%;
  221.     top:0;
  222.     left:0;
  223. }
  224.  
  225. .portrait {
  226.     float:left;
  227.     padding:10px;
  228. }
  229.  
  230. #sidebar {
  231.     max-height:auto;
  232.     width:180px;
  233.     margin-top:210px;
  234.     padding:10px;
  235.     right:8%;
  236.     position:fixed;
  237.     background: {color:post bg};
  238.     color:{color:text};
  239.     border: 1px solid {color:border};
  240.     font-size: 10px;
  241.     font-family:arial;
  242.     text-align:center;
  243. }
  244.  
  245. #blogtitle {
  246.     width:auto;
  247.     font-size:3em;
  248.     margin-top:30px;
  249.     text-transform:lowercase;
  250.     color:#ddd;
  251.     -webkit-animation: fadeInLeftBig 2s;
  252.     -moz-animation: fadeInLeftBig 2s;
  253.     -ms-animation: fadeInLeftBig 2s;
  254.     -o-animation: fadeInLeftBig 2s;
  255.     animation: fadeInLeftBig 2s;
  256. }
  257.  
  258. #blogtitle a {
  259.     color:{color:accent}!important;
  260.     text-transform:uppercase;
  261. }
  262.  
  263. .description {
  264.     text-align:{select:description text align};
  265.     padding:4px;
  266.     margin:12px;
  267. }
  268.  
  269. #navlinks {
  270.     margin:8px;
  271.     width:100%;
  272. }
  273.  
  274. #navlinks a {
  275.     font-size:14px;
  276.     letter-spacing:6px;
  277.     text-align:center;
  278. }
  279.  
  280. #cuslnks {
  281.     margin-top:150px;
  282.     padding:10px;
  283.     right:90px;
  284.     position:fixed;
  285. }
  286.  
  287. #cuslnks a {
  288.     padding: 4px 8px 4px 8px;
  289.     margin:8px;
  290.     background:#fff;
  291.     font-size:14px;
  292.     border-radius:5px;
  293.     border-bottom:2px solid {color:accent};
  294.     border-right:1px solid {color:accent};
  295.     -webkit-transition: .2s ease-in-out;
  296.     -moz-transition: .2s ease-in-out;
  297.     -o-transition: .2s ease-in-out;
  298.     transition: .2s ease-in-out;
  299. }
  300.  
  301. #cuslnks a:hover {
  302.     letter-spacing:2px;
  303.     font-weight:bolder;
  304.     border-bottom:2px solid {color:accent};
  305.     border-right:2px solid {color:accent};
  306. }
  307.  
  308. article {
  309.     background: {color:post bg};
  310.     margin: 12px;
  311.     padding: 8px;
  312.     border: 1px solid {color:border};
  313.    
  314.     {block:IndexPage}
  315.     max-height:400px;
  316.     width: 450px!important;
  317.     {block:iffourcolumns}
  318.         width: 180px!important;
  319.     {/block:iffourcolumns}
  320.     overflow:auto;
  321.     {/block:IndexPage}
  322.    
  323.     {block:PermalinkPage}
  324.     width:500px!important;
  325.     font-size:2em;
  326.     {/block:PermalinkPage}
  327.     -webkit-animation: fadeInUpยท2s;
  328.     -moz-animation: fadeInUp 2s;
  329.     -ms-animation: fadeInUp 2s;
  330.     -o-animation: fadeInUp 2s;
  331.     animation: fadeInUp 2s;
  332.  
  333. }
  334.  
  335. article img {
  336.     {block:ifSepiaPosts}
  337.     -webkit-filter: sepia(100%);
  338.     filter: sepia(100%);
  339.     {/block:ifSepiaPosts}
  340.     {block:ifGrayscalePosts}
  341.     -webkit-filter: grayscale(100%);
  342.     filter: grayscale(100%);
  343.     {/block:ifGrayscalePosts}
  344.     -webkit-transition: 1s ease-in-out;
  345.     -moz-transition: 1s ease-in-out;
  346.     -o-transition: 1s ease-in-out;
  347.     transition: 1s ease-in-out;
  348.     width:100%;
  349. }
  350.  
  351. article img:hover {
  352.     -webkit-filter: sepia(0%);
  353.     filter: sepia(0%);
  354. }
  355.  
  356. .title {
  357.     font-size:2em;
  358.     text-align:center;
  359.     text-transform:uppercase;
  360.     font-family: {select:Title Font};
  361. }
  362.  
  363. .text {
  364.     font-family: {select:Font};
  365.     font-size: {text:Font Size};
  366.     color: {color:text};
  367.     width:100%;
  368. }
  369.  
  370. .photo {
  371. }
  372.  
  373. .photoset {
  374. }
  375.  
  376. .quote {
  377.     text-align:center;
  378. }
  379.  
  380. .link {
  381. }
  382.  
  383. .audio {
  384.     width:100%;
  385. }
  386.  
  387. .video{
  388. }
  389.  
  390. .video-player {
  391.    
  392. }
  393.  
  394. .answer {
  395. }
  396.  
  397. .ques {
  398.     font-weight:bolder;
  399.     background:{color:Accent};
  400.     padding:4px;
  401.     color:#FFCCC7;
  402.     border-radius:3px;
  403. }
  404.  
  405. .ans {
  406.     font-style:italic;
  407.     text-align:right;
  408. }
  409.  
  410. .chat{
  411.     margin-left:-30px;
  412. }
  413.  
  414. .chat span {
  415.     float: left;
  416.     margin-right: 12px;
  417.     margin:6px;
  418. }
  419.  
  420. .chat:nth-child(even) {
  421.     background:#f9f9f9;
  422.     font-weight:bolder;
  423. }
  424.  
  425. .odd{
  426.        
  427.     background:{color:post bg};
  428.     padding:4px;
  429.     color:{color:link};
  430.     border-radius:3px;
  431.     font-weight:bolder;
  432. }
  433.  
  434.  
  435. #perma {
  436.     text-align: center;
  437.     position: relative;
  438.     text-transform:uppercase;
  439.     margin-top:2px;
  440.     padding:4px;
  441.     font-size: 8px;
  442.     {block:PermalinkPage}
  443.         display:none;
  444.     {/block:PermalinkPage}
  445. }
  446.  
  447. .tumblr_audio_player {
  448.     width: 100%;
  449.     height: 100px;
  450.     overflow: hidden;
  451.     position: relative;
  452.     z-index: 1000;
  453. }
  454.  
  455. .pagination {
  456.    
  457. }
  458.  
  459.     {block:ifnotinfinitescroll}
  460. .pagi {
  461.     font-size:10px;
  462.     font: {select:font};
  463.     color: {color:link};
  464.     text-align:center;
  465.     padding:2px;
  466.     padding-top:5px;
  467. }
  468.     {/block:ifnotinfinitescroll}
  469.  
  470.     {block:ifinfinitescroll}
  471. .pagi {
  472.     display:none;
  473. }
  474.     {/block:ifinfinitescroll}
  475.    
  476. hr {
  477.     width:75%;
  478.     border: 0;
  479.     height: 1px;
  480.     background-image: linear-gradient(to right, rgba(0, 0, 0, 0), {color:accent}, rgba(0, 0, 0, 0));
  481. }
  482.  
  483. b {
  484.     font-weight:700;
  485. }
  486.  
  487. em {
  488.     background:{color:accent};
  489.     color:#fff;
  490.     padding:1px;
  491. }
  492.  
  493. strike {
  494.     position: relative;
  495.     display: inline-block;
  496.     text-decoration:none;
  497. }
  498. strike::before, strike::after {
  499.     content: '';
  500.     width: 100%;
  501.     position: absolute;
  502.     right: 0;
  503.     top: 50%;
  504. }
  505. strike::before {
  506.     border-bottom: 1px solid {color:accent};
  507.     -webkit-transform: skewY(-10deg);
  508.     transform: skewY(-10deg);
  509. }
  510. strike::after {
  511.     border-bottom: 0px solid blue;
  512.     -webkit-transform: skewY(10deg);
  513.     transform: skewY(10deg);
  514. }
  515.  
  516. caption {
  517.     margin:12px;
  518. }
  519.  
  520. #postnotes {
  521.     background: {color:post bg};
  522.     padding: 0px;
  523.     border: 1px solid {color:border};
  524.     position:absolute;
  525.     top:-0px;
  526.     left:50%;
  527.     margin-left:300px;
  528.     width:350px;
  529.     height:400px;
  530.     overflow:scroll;
  531.     font-size:10px;
  532. }
  533.  
  534. .pnportraits img {
  535.     max-width:16px;
  536.     padding:3px;
  537. }
  538.  
  539. @font-face { font-family: "zerocal"; src: url('https://dl.dropboxusercontent.com/s/x3r5exznaaw50rl/Zerocalcare%20Blackletter.ttf'); format("truetype");}
  540.  
  541. </style>
  542. </head>
  543. <body>
  544.  
  545. <div id="header">
  546.     <img src="{PortraitURL-48}" class="portrait">
  547.     {block:ifshowblogtitle}
  548.     <div id="blogtitle">THIS IS <a href="/" title="index">{Title}</a></div>
  549.     {/block:ifshowblogtitle}
  550. </div>
  551.  
  552. <div id="sidebar">
  553.     <hr>
  554. {block:ifshowdescription}
  555. <div class="description">&nbsp;{Description}</div>
  556. {/block:ifshowdescription}
  557. {block:ifshowlinks}
  558.     <div id="navlinks">
  559.         <a href="/" title="index"><i class="fas fa-store-alt"></i></a>
  560.         <a href="/ask" title="inquire"><i class="fas fa-comment-alt"></i></a>
  561.         <a href="/archive" title="grid"><i class="fas fa-th-large"></i></a>
  562.         <a href="https://whimsythemes.tumblr.com" title="theme by whimsythemes"><i class="fas fa-code"></i></a>
  563. </div>
  564. {/block:ifshowlinks}
  565.  
  566. {block:Pagination}
  567. <div class="pagination">
  568. <div class="pagi"><br>
  569. {block:PreviousPage}<a href="{PreviousPage}" title="to present" style="float:left;"><i class="fas fa-arrow-left"></i></a>{/block:PreviousPage}
  570. {block:NextPage}<a href="{NextPage}" title="to past" style="float:right;"><i class="fas fa-arrow-right"></i></a>{/block:NextPage}
  571. </div></div>
  572. {/block:Pagination}
  573. </div>
  574.  
  575. <div id="cuslnks">
  576.         {block:ifcustomlink1}<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:ifcustomlink1}    
  577.         {block:ifcustomlink2}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:ifcustomlink2}
  578.         {block:ifcustomlink3}<a href="{text:link 3 url}">{text:link 3 title}</a>{/block:ifcustomlink3}
  579. </div>
  580.  
  581. <nav>
  582. <ul>
  583. {block:HasPages}
  584. {block:Pages}
  585. <li> <a href="{URL}">{Label}</a></li>
  586. {/block:Pages}
  587. {/block:HasPages}
  588. </ul>
  589. </nav>
  590.  
  591. <div id="content">
  592. {block:Posts}
  593. <article>
  594. {block:Text}
  595. <div class="text">
  596. {block:Title}<h1 class="title">
  597. <a href="{Permalink}">{Title}</a>
  598. </h1><hr>{/block:Title}
  599. {Body}
  600. {/block:Text}
  601.  
  602. {block:Photo}
  603. <div class="photo">
  604. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
  605. {block:ifShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaption}
  606. {/block:Photo}
  607.  
  608. {block:Photoset}
  609. <div class="photoset">
  610. {block:IndexPage}
  611. {Photoset-500}
  612. {/block:IndexPage}
  613. {block:PermalinkPage}
  614. {Photoset-500}
  615. {/block:PermalinkPage}
  616. {block:ifShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaption}
  617. {/block:Photoset}
  618.  
  619. {block:Quote}
  620. <div class="quote">
  621. <span style="font-size:30px;color:{color:accent}";>โ</span> {Quote}
  622. <br><br>{block:Source}<cite>&mdash; {Source}</cite>{/block:Source}
  623. {/block:Quote}
  624.  
  625. {block:Link}
  626. <div class="link">
  627. <h1 class="title"><a href="{URL}">{Name}</a><hr></h1>
  628. {block:Description}{Description}{/block:Description}
  629. {/block:Link}
  630.  
  631. {block:Chat}
  632. <div class="chat">
  633. <ul>
  634. {block:Lines}
  635.     <div class="{Alt} user_{UserNumber}">
  636. {block:Label}
  637. <b>{Label}</b>{/block:Label}
  638. {Line}
  639. </div>
  640. {/block:Lines}
  641. </ul>
  642. {/block:Chat}
  643.  
  644. {block:Audio}
  645. <div class="audio">
  646.     {block:AlbumArt}
  647.         <img src="{AlbumArtURL}" width="100px" height="100px"/>
  648.     {/block:AlbumArt}
  649.  
  650.     {block:AudioEmbed}
  651.         {AudioEmbed}
  652.     {/block:AudioEmbed}<br>
  653.  
  654.     {block:TrackName}
  655.         <b>track:</b> {TrackName}
  656.     {/block:TrackName}</span><br>
  657.     {block:Artist}
  658.         <b>artist:</b> {Artist}
  659.     {/block:Artist}
  660.     {block:Caption}
  661.         {Caption}
  662.     {/block:Caption}
  663. {/block:Audio}
  664.  
  665. {block:Video}
  666. <div class="video">
  667. <div class="video-player">{Video-500}</div>
  668. {block:ifShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaption}
  669. {/block:Video}
  670.  
  671. {block:Answer}
  672. <div class="answer">
  673. <i class="fas fa-user"></i> &nbsp; <span style="color:{color:Accent};font-weight:bolder;text-transform:uppercase;">{Asker}</span> whispered . . . <br><br> <b><div class="ques">{Question}</div></b>
  674. <div class="ans">{Answer}
  675. </div>
  676. {/block:Answer}
  677. </div>
  678.  
  679. <div id="perma">
  680.  
  681. <hr><a href="{Permalink}" title="post info &mdash;"><span class="th th-cherry" style="font-size:14px;"></span>
  682. </a>
  683.  
  684. {block:PermalinkPage}
  685. <hr><a href="{Permalink}" title="this post has {NoteCount} notes">{NoteCount} <i class="fas fa-heart"></i></a>  &nbsp;  <a href="{reblogURL}" title="reblog this post">reblog</a>  &nbsp;  <a href="{Permalink}" title="posted &mdash; {ShortMonth} {DayOfMonth} {Year} {12Hour}:{Minutes}{AmPm}">{TimeAgo}</a> &nbsp; {block:ifShowTags}{block:HasTags} <a style="font-size:9px;" title="{block:Tags}#{Tag} {/block:Tags}"><i class="fas fa-hashtag"></i></a>{block:HasTags} {block:ifShowTags}
  686. {/block:PermalinkPage}
  687.  
  688. </div>
  689.  
  690.  
  691. {block:PermalinkPage}
  692. <div id="postnotes">
  693. <div style="background:#eee;padding:6px;">
  694. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  695. <br>
  696. {block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} @{12Hour}:{Minutes}{/block:Date}
  697. <br>
  698. {block:HasTags}tagged as: {block:Tags}<a href="{TagURL}">#{Tag}</a>, {/block:Tags}{/block:HasTags}
  699. <br>
  700. {block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a> <br> reblogged via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  701. </div>
  702. {block:PostNotes}<div class="pnportraits">{PostNotes-16}</div>{/block:PostNotes}
  703. </div>
  704. </div></div>
  705. {/block:PermalinkPage}
  706. </footer>
  707. </article>
  708. {/block:Posts}
  709. </div>
  710.  
  711. <!-- SCRIPTS -->
  712.  
  713. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
  714. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  715. <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  716. {block:IfInfiniteScroll}
  717. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  718. <script src="https://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  719. {/block:IfInfiniteScroll}
  720.  
  721. <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  722. <script>
  723.    (function($){
  724.        $(document).ready(function(){
  725.            $("[title]").style_my_tooltips({
  726.                tip_follows_cursor:true,
  727.                tip_delay_time:0,
  728.                tip_fade_speed:0
  729.            }
  730.                );
  731.        });
  732.    })(jQuery);
  733. </script>
  734.  
  735. <script>
  736. (function() {
  737.     var $tumblelog = $('#content');
  738.     {block:IfInfiniteScroll}
  739.     $tumblelog.infinitescroll({
  740.         navSelector  : ".pagination",            
  741.         nextSelector : ".pagination a:first",    
  742.         itemSelector : "article",
  743.         bufferPx     : 50,
  744.         done : "",
  745.         loading: {
  746.             img : "",
  747.             msgText: ""
  748.         },
  749.     },
  750.       function( newElements ) {
  751.             var $newElems = $( newElements ).css({ opacity: 0 });
  752.             $newElems.imagesLoaded(function(){
  753.                 $newElems.animate({ opacity: 1 });
  754.                 $tumblelog.masonry( 'appended', $newElems);
  755.             });
  756.           }
  757.     );
  758.     {/block:IfInfiniteScroll}
  759.     $tumblelog.imagesLoaded( function(){
  760.       $tumblelog.masonry({
  761.         columnWidth: function( containerWidth ) {
  762.             return containerWidth / 100;
  763.           }
  764.       });
  765.     });
  766. })();
  767. </script>
  768.  
  769. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.js"></script>
  770. <script>
  771. SmoothScroll({
  772.     // Scrolling Core
  773.     animationTime    : 700, // [ms]
  774.     stepSize         : 100, // [px]
  775.     // Acceleration
  776.     accelerationDelta : 50,  // 50
  777.     accelerationMax   : 3,   // 3
  778.     // Keyboard Settings
  779.     keyboardSupport   : true,  // option
  780.     arrowScroll       : 100,    // [px]
  781.     // Pulse (less tweakable)
  782.     // ratio of "tail" to "acceleration"
  783.     pulseAlgorithm   : true,
  784.     pulseScale       : 4,
  785.     pulseNormalize   : 1,
  786.     // Other
  787.     touchpadSupport   : false, // ignore touchpad by default
  788.     fixedBackground   : true,
  789.     excluded          : ''  
  790. });
  791. </script>
  792.  
  793.  
  794. <a href="https://whimsythemes.tumblr.com" title="theme by whimsythemes." style="position:fixed;font-size:40px;bottom:0px;right:5px;font-family:'zerocal';">
  795. W
  796. </a>
  797.  
  798. </body>
  799.  
  800. </html>
RAW Paste Data
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
 
Top