API tools faq
paste
Advertisement
tanaxmercedes

Living in Coral

tanaxmercedes
Feb 23rd, 2019
1,991
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.98 KB | None | 0 0
raw download clone embed print report
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!