API tools faq
paste
mhango

Castaway Theme

mhango
May 29th, 2015 (edited)
735
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.65 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6. Theme: Castaway by mhango
  7.  
  8. Credits to
  9. @buildthemes for the base code
  10. @painthemes for the scroll to top
  11. fonts.google.com for the fonts
  12.  
  13. Rules: - don't reupload or claim as your own
  14. - never remove the credit!!!
  15. - thievery will be reported immediately
  16.  
  17. -->
  18.  
  19. <meta name="color:Background" content="#ffffff" />
  20. <meta name="color:Text" content="#000000" />
  21. <meta name="color:Links" content="#000000" />
  22. <meta name="color:Link Hover" content="#000000" />
  23. <meta name="color:Sidebar background" content="#ffffff" />
  24. <meta name="color:Sidebar links" content="#000000" />
  25. <meta name="color:Sidebar text" content="#000000" />
  26. <meta name="color:Post Background" content="#ffffff" />
  27. <meta name="color:Borders" content="#000000" />
  28. <meta name="color:Tooltip Borders" content="#ddd" />
  29. <meta name="color:Tooltip Bg" content="#ddd" />
  30. <meta name="color:Navigation Hover" content="#bbbbbb" />
  31. <meta name="color:Notes Background" content="#dddddd" />
  32. <meta name="color:Text Highlight" content="#bbbbbb" />
  33.  
  34. <meta name="font:Body" content='Avalon'/>
  35.  
  36.  
  37. <meta name="if:Show Banner" content="0"/>
  38. <meta name="if:Cute Title" content="1"/>
  39.  
  40. <meta name="image:Background" content="" />
  41. <meta name="image:Sidebar BG" content="" />
  42. <meta name="image:Banner" content="" />
  43.  
  44. <meta name="text:home title" content="home" />
  45. <meta name="text:ask title" content="ask" />
  46. <meta name="text:submit title" content="submit" />
  47. <meta name="text:archive title" content="archive" />
  48. <meta name="text:link 1 title" content="" />
  49. <meta name="text:link 1" content="" />
  50. <meta name="text:link 2 title" content="" />
  51. <meta name="text:link 2" content="" />
  52. <meta name="text:link 3 title" content="" />
  53. <meta name="text:link 3" content="" />
  54. <meta name="text:link 4 title" content="" />
  55. <meta name="text:link 4" content="" />
  56.  
  57. <link href='https://fonts.googleapis.com/css?family=Shadows+Into+Light+Two' rel='stylesheet' type='text/css'>
  58.  
  59.  
  60.  
  61.  
  62. {block:Description}
  63. <meta name="description" content="{MetaDescription}" />
  64. {/block:Description}
  65.  
  66. <meta charset="utf-8">
  67.  
  68. <title>{Title}</title>
  69.  
  70. <link rel="shortcut icon" href="{Favicon}">
  71.  
  72. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  73.  
  74. <link href="https://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  75.  
  76. <style type="text/css">
  77.  
  78. body {
  79. background: {color:Background} url('{image:Background}');
  80. background-attachment:fixed;
  81. background-repeat:repeat;
  82. color: {color:text};
  83. font-family: {font:Body};
  84. font-size: 12px;
  85. margin: 0;
  86. padding: 0;
  87. }
  88.  
  89. a:link, a:active, a:visited {
  90. color: {color:links};
  91. text-decoration: none;
  92. -webkit-transition: all 0.5s ease-in-out;
  93. -moz-transition: all 0.5s ease-in-out;
  94. -o-transition: all 0.5s ease-in-out;
  95. -ms-transition: all 0.5s ease-in-out;
  96. transition: all 0.5s ease-in-out;
  97. }
  98.  
  99. a:hover{
  100. color:{color:link hover};
  101. -webkit-transition: all 0.5s ease-in-out;
  102. -moz-transition: all 0.5s ease-in-out;
  103. -o-transition: all 0.5s ease-in-out;
  104. -ms-transition: all 0.5s ease-in-out;
  105. transition: all 0.5s ease-in-out;}
  106.  
  107.  
  108. blockquote {
  109. background: {color:background};
  110. border-left: 1px solid {color:text};
  111.  
  112. margin: 0;
  113. padding: 2%;
  114. }
  115.  
  116. iframe, img, embed, object, video {
  117. max-width: 100%;
  118. }
  119.  
  120. img {
  121. height: auto;
  122. width: auto;
  123. }
  124.  
  125.  
  126. #s-m-t-tooltip {
  127. font-size: 11px;
  128. color:{color:text};
  129. background-color:{color:tooltip bg};
  130. text-align: center;
  131. min-width:50px;
  132. max-width:150px;
  133. border: 1px solid {color:tooltip borders};
  134. overflow:auto;
  135. position: absolute;
  136. z-index: 999999999999;
  137. padding: 3px;
  138. box-shadow:0px 0px rgba(0,0,0,0.2);
  139. -webkit-transition: all 0.2s ease-in-out;
  140. -moz-transition: all 0.2s ease-in-out;
  141. transition: all 0.2s ease-in-out;
  142. margin:20px 0px 15px 10px;
  143. z-index:999999999999;
  144.  
  145. }
  146.  
  147.  
  148. ::-webkit-scrollbar-thumb{
  149. background-color: {color:text};
  150. border: 3px solid {color:background};
  151. height:auto;
  152. -moz-border-radius: 10px;
  153. border-radius: 0px;
  154. }
  155.  
  156. ::-webkit-scrollbar {
  157. height:auto;
  158. width:9px;
  159. background-color: {color:text};
  160. border: 4px solid {color:background};
  161. }
  162.  
  163. ::-moz-selection {
  164. background: {color:Text highlight};
  165. color: #fff;
  166. }
  167. ::selection {
  168. background: {color:Text highlight};
  169. color: #fff;
  170. }
  171.  
  172. .notebox {
  173. text-align:center;
  174. background-color:{color:notes background};
  175. border:1px solid {color:borders};
  176. padding: 5px;
  177. margin-top:2px;
  178. }
  179.  
  180. .notebox a {
  181. color: {color:text};
  182. }
  183.  
  184.  
  185. #content {
  186. left:50%;
  187. {block:indexpage}
  188.  
  189. margin-left: -272px;
  190. margin-top:20px;
  191. width: 800px;{/block:indexpage}
  192.  
  193. {block:permalinkpage}
  194. margin-left:-230px;
  195. width:400px;
  196. margin-top:20px;
  197. {/block:permalinkpage}
  198. float: left;
  199. position:absolute;
  200.  
  201. }
  202.  
  203. .post {
  204. background: {color:Post Background};
  205. margin: 12px;
  206. padding: 5px;
  207. width: 30%;
  208. border:1px solid {color:borders};
  209.  
  210. {block:PermalinkPage}
  211. width:400px;
  212. height:auto;
  213. {/block:PermalinkPage}
  214. }
  215.  
  216.  
  217. /*sidebar/Sidebar*/
  218. #sidebar {
  219. background: {color:sidebar background} url('{image:sidebar bg}');
  220. padding-top: 20px;
  221. padding-bottom: 20px;
  222. padding-right:20px;
  223. padding-left: 20px;
  224. color: {color:sidebar text};
  225. width: 150px;
  226. float:left;
  227. text-align:center;
  228. line-height:14px;
  229. height:auto;
  230. right: 50%;
  231. margin-right:320px;
  232. top: 200px;
  233. position:fixed;
  234. border:0px solid {color:borders};
  235. }
  236. #sidebar a {
  237. color: {color:sidebar links};
  238. }
  239.  
  240. .blogtitle {
  241. padding-top:0px;
  242. font-size:22px;
  243. font-weight:normal;
  244. font-family: {font:body};
  245. color:red;
  246. }
  247.  
  248. .blogtitle2 {
  249. padding-top:0px;
  250. font-size:26px;
  251. font-weight:normal;
  252. font-family: 'Shadows Into Light Two', cursive;
  253. }
  254.  
  255. .navigation {
  256. text-align:center;
  257. border:1px solid {color:borders};
  258. height:18px;
  259. width:150px;
  260. padding-top:6px;
  261.  
  262. }
  263.  
  264.  
  265. .navigation {
  266.  
  267.  
  268. -webkit-transform: translateZ(0);
  269. transform: translateZ(0);
  270. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  271. -webkit-backface-visibility: hidden;
  272. backface-visibility: hidden;
  273. -moz-osx-font-smoothing: grayscale;
  274. position: relative;
  275. -webkit-transition-property: color;
  276. transition-property: color;
  277. -webkit-transition-duration: 0.3s;
  278. transition-duration: 0.3s;
  279. }
  280. .navigation:before {
  281. content: "";
  282. position: absolute;
  283. z-index: -1;
  284. top: 0;
  285. left: 0;
  286. right: 0;
  287. bottom: 0;
  288. background: {color:Navigation Hover};
  289. -webkit-transform: scaleX(0);
  290. transform: scaleX(0);
  291. -webkit-transform-origin: 0 50%;
  292. transform-origin: 0 50%;
  293. -webkit-transition-property: transform;
  294. transition-property: transform;
  295. -webkit-transition-duration: 0.3s;
  296. transition-duration: 0.3s;
  297. -webkit-transition-timing-function: ease-out;
  298. transition-timing-function: ease-out;
  299. }
  300. .navigation:hover, .navigation:focus, .navigation:active {
  301. color: {color:Sidebar Text};
  302. }
  303. .navigation:hover:before, .navigation:focus:before, .navigation:active:before {
  304. -webkit-transform: scaleX(1);
  305. transform: scaleX(1);
  306. }
  307.  
  308. nav li {
  309. display: inline;
  310. }
  311.  
  312. .title {
  313. padding-top:0px;
  314. font-size:18px;
  315. font-weight:normal;
  316. }
  317.  
  318. .title a {
  319. color:{color:text};
  320. }
  321.  
  322. .text {
  323. padding: 2px;
  324. }
  325.  
  326. .text a {
  327. max-width:100%;
  328. }
  329.  
  330. .text img {
  331. width:96%;
  332. text-align:center;
  333. margin:auto;
  334. }
  335.  
  336. .asker {
  337. color:{color:link};
  338. font-weight:700;
  339. }
  340.  
  341. .quoteyo {
  342. font-size:13px;
  343. }
  344.  
  345. .quotesource {
  346. padding-top:5px;
  347. }
  348.  
  349. .chat {
  350. padding:8px;
  351. }
  352.  
  353. .chat .label {
  354. font-weight:700;
  355. }
  356.  
  357. .chat span {
  358. float: left;
  359. margin-right: 1%;
  360. }
  361.  
  362. #notes {
  363. display:inline-block;
  364. }
  365.  
  366. #notes img {
  367. display:inline-block;
  368. }
  369.  
  370. .notes {
  371. clear: both;
  372. padding: 0;
  373. }
  374.  
  375. ol.notes {
  376. list-style-type:none;
  377. line-height:150%;
  378. padding:0px;
  379. margin 0px 0px;
  380. border-bottom:solid 1px {color:borders};
  381. }
  382.  
  383. ol.notes li.note {
  384. border-top:1px solid {color:borders};
  385. padding:5px;
  386. }
  387.  
  388. ol.notes li.note img {
  389. padding:0px !important;
  390. }
  391.  
  392. ol.notes li.note img.avatar {
  393. vertical-align:-4px;
  394. margin-right:5px;
  395. width:16px;
  396. height:16px;
  397. }
  398.  
  399. #tags {
  400. text-align:left;
  401. opacity: 1;
  402. }
  403.  
  404. /*
  405. #tags {
  406. margin:4px;
  407. text-align:right;
  408. opacity: .8;
  409. -moz-opacity: .8;
  410. filter: alpha(opacity = 80);
  411. -webkit-transition: all 0.4s ease-in-out;
  412. -moz-transition: all 0.4s ease-in-out;
  413. -o-transition: all 0.4s ease-in-out;
  414. -ms-transition: all 0.4s ease-in-out;
  415. transition: all 0.4s ease-in-out;}
  416. */
  417.  
  418. #tags, nav ul, .chat ul {
  419. list-style: none;
  420. list-style-image: none;
  421. margin: 0;
  422. padding: 0;
  423. }
  424. #tags li {
  425. float: left;
  426. margin-right: 1%;
  427. }
  428.  
  429. .caption {
  430. margin:10px 0px 0px 20px;
  431. }
  432.  
  433. .caption ul {
  434. list-style: none;
  435. list-style-image: none;
  436. margin: 0;
  437. padding: 0;
  438. line-height:150%;
  439. }
  440.  
  441. .infoheading {
  442. font-weight:700;
  443. color:{color:text};
  444. -moz-osx-font-smoothing:grayscale;
  445. -webkit-font-smoothing:antialiased;
  446. font-smoothing:antialiased;
  447. }
  448.  
  449. #important{
  450. bottom:4px;
  451. left:4px;
  452. font-size:10px;
  453. position:fixed;
  454. font-family:'calibri';
  455. }
  456.  
  457. #important a{
  458. color:#777;
  459. }
  460.  
  461.  
  462. .metadata {
  463. display: inline-block;
  464. width: 100%;
  465. }
  466. .notecount {
  467. float: right;
  468. }
  469. .reblogged {
  470. float: right;
  471. margin: 3% 0;
  472. width: 100%;
  473. }
  474.  
  475. .sourcesxxx {
  476. filter:alpha(opacity=0);
  477. opacity:0;
  478. }
  479.  
  480.  
  481.  
  482.  
  483.  
  484.  
  485. /*Custom CSS*/
  486. {CustomCSS}
  487. </style>
  488. </head>
  489. <body>
  490. <!--Sidebar/sidebar-->
  491. <div id="sidebar">
  492. <!--Details: portrait (optional), title and description-->
  493.  
  494. {block:ifnotshowbanner}
  495.  
  496.  
  497. {block:ifnotcutetitle}<div class="blogtitle"><a href="/">{Title}</a></div>{/block:ifnotcutetitle}
  498. {block:ifcutetitle}
  499. <div class="blogtitle2"><a href="/">{Title}</a></div>
  500. {/block:ifcutetitle}<br>
  501. {/block:ifnotshowbanner}
  502.  
  503.  
  504.  
  505.  
  506. {block:ifshowbanner} <a href="/"><img src="{image:banner}" width="245px"></a>{/block:ifshowbanner}
  507.  
  508. {block:Description}
  509. <p>{Description}</p>
  510. {block:Description}
  511.  
  512. <!--Navigation-->
  513.  
  514. {block:ifhometitle} <a href="/"><div class="navigation">{text:home title}</div></a><br>{/block:ifhometitle}
  515. {block:ifasktitle}
  516. <a href="/ask"><div class="navigation">{text:ask title}</div></a><br>
  517. {/block:ifasktitle}
  518. {block:ifsubmittitle}
  519. <a href="/submit"><div class="navigation">{text:Submit title}
  520. </div></a><br>{/block:ifsubmittitle}
  521. {block:ifarchivetitle}
  522. <a href="/archive"><div class="navigation">{text:archive title}
  523. </div></a><br>{/block:ifarchivetitle}
  524. {block:iflink1}<a href="{text:link 1}"><div class="navigation">{text:link 1 title}</div></a><br>{/block:iflink1}
  525. {block:iflink2}<a href="{text:link 2}"><div class="navigation">{text:link 2 title}</div></a><br>{/block:iflink2}
  526. {block:iflink3}<a href="{text:link 3}"><div class="navigation">{text:link 3 title}</div></a><br>{/block:iflink3}
  527. {block:iflink4}<a href="{text:link 4}"><div class="navigation">{text:link 4 title}</div></a><br>{/block:iflink4}
  528.  
  529. <!-- {block:HasPages}
  530. {block:Pages}
  531. <a href="{URL}">{Label}</a>
  532. {/block:Pages}
  533. {/block:HasPages}-->
  534. <a href="https://mhango.tumblr.com"><div class="navigation">theme</div></a>
  535.  
  536. <!--Search form (optional)-->
  537.  
  538. </div>
  539.  
  540.  
  541. <div id="content">
  542.  
  543. {block:Posts}
  544.  
  545. {block:ContentSource}<!-- {SourceURL}
  546. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  547. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  548. {/block:ContentSource}
  549.  
  550. <!-- {block:NoRebloggedFrom}
  551. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  552. {/block:NoRebloggedFrom} -->
  553.  
  554. <div class="post">
  555.  
  556. {block:Text}
  557.  
  558. <div class="text">
  559. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  560. <div class="textbody">{Body}</div>
  561. {block:indexpage}<div class="notebox"><a href="{permalink}">{notecountwithlabel} </a> / <a href="{ReblogURL}">reblog</a></a></div>
  562. {/block:indexpage}
  563. </div>
  564. {/block:Text}
  565.  
  566. {block:Photo}
  567. <div class="photo">
  568. {LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>{LinkCloseTag}
  569. {block:indexpage}<div class="notebox"><a href="{permalink}">{notecountwithlabel} </a> / <a href="{ReblogURL}">reblog</a></a></div>
  570. {/block:indexpage}
  571. </div>
  572. {/block:Photo}
  573.  
  574. {block:Photoset}
  575.  
  576. <div class="photoset">
  577. {block:IndexPage}
  578.  
  579. {block:Photos}
  580. <a href="{permalink}"><img src="{PhotoURL-500}" width="218px"/></a>
  581. {/block:Photos}
  582. <div class="notebox"><a href="{permalink}">{notecountwithlabel} </a> / <a href="{ReblogURL}">reblog</a></a></div>
  583. {/block:IndexPage}
  584. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  585. </div>
  586. {/block:Photoset}
  587.  
  588. {block:Quote}
  589.  
  590. <div class="text">
  591. <div class="quoteyo">{Quote}</div>
  592. <div class="quotesource">{block:Source}- {Source}{/block:Source}</div>
  593. {block:indexpage}<div class="notebox"><a href="{permalink}">{notecountwithlabel} </a> / <a href="{ReblogURL}">reblog</a></a></div>
  594. {/block:indexpage}
  595. </div>
  596. {/block:Quote}
  597.  
  598. {block:Link}
  599. <div class="text">
  600. <div class="title"><a href="{URL}">{Name}</a></div>
  601. {block:Description}{Description}{/block:Description}
  602. {block:indexpage}<div class="notebox"><a href="{permalink}">{notecountwithlabel} </a> / <a href="{ReblogURL}">reblog</a></a></div>
  603. {/block:indexpage}
  604. </div>
  605. {/block:Link}
  606.  
  607. {block:Chat}
  608.  
  609. <div class="chat">
  610. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  611. <ul>
  612. {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
  613. </ul>
  614. {block:indexpage}<div class="notebox"><a href="{permalink}">{notecountwithlabel} </a> / <a href="{ReblogURL}">reblog</a></a></div>
  615. {/block:indexpage}
  616. </div>
  617. {/block:Chat}
  618.  
  619. {block:Audio}
  620.  
  621. <div class="audio">{block:TrackName}{TrackName} by{/block:TrackName} {block:Artist}{Artist} <br><br>{/block:Artist}
  622. {AudioPlayerGrey}
  623. {block:indexpage}<div class="notebox"><a href="{permalink}">{notecountwithlabel} </a> / <a href="{ReblogURL}">reblog</a></a></div>
  624. {/block:indexpage}
  625. </div>
  626. {/block:Audio}
  627.  
  628. {block:Video}
  629.  
  630. <div class="video">
  631. <div class="video-player">{Video-500}</div>
  632. {block:indexpage}<div class="notebox"><a href="{permalink}">{notecountwithlabel} </a> / <a href="{ReblogURL}">reblog</a></a></div>
  633. {/block:indexpage}
  634. </div>
  635. {/block:Video}
  636.  
  637. {block:Answer}
  638.  
  639. <div class="text">
  640. <p><div style="border-bottom: 1px solid {color:borders};"><span class="asker">{Asker} said:</span> {Question}</p></div>
  641. {Answer}
  642. {block:indexpage}<div class="notebox"><a href="{permalink}">{notecountwithlabel} </a> / <a href="{ReblogURL}">reblog</a></a></div>
  643. {/block:indexpage}
  644. </div>
  645. {/block:Answer}
  646.  
  647.  
  648. <footer class="details">
  649. {block:PermalinkPage}
  650. <div class="caption">
  651. {block:caption}{Caption}{/block:caption}
  652. {block:Date}
  653. <ul>
  654. {block:HasTags}<li><div id="tags"><span class="infoheading">Tagged with:</span> {block:Tags}<a href="{TagURL}">#{Tag} </a> {/block:Tags}</div></li>{/block:HasTags}
  655. <li><span class="infoheading">Posted:</span> {timeago}</li>
  656. {block:NoteCount}<li><span class="infoheading">Notecount:</span> {notecount}</li>{/block:NoteCount}
  657. {block:RebloggedFrom}<li><span class="infoheading">Via:</span> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a></li>{/block:RebloggedFrom}
  658. {block:ContentSource}<li><span class="infoheading">Source:</span> <a href="{SourceURL}" target="_blank">{SourceTitle}</a></li>{/block:ContentSource}
  659. </ul>
  660. {/block:Date}
  661. {block:PostNotes}<div id="notes">{PostNotes-16}</div>{/block:PostNotes}
  662. </div>
  663. {/block:PermalinkPage}</footer>
  664.  
  665. </div>
  666.  
  667. {/block:Posts}
  668.  
  669. </div>
  670.  
  671. {block:Pagination}
  672.  
  673. <div class="pagination">
  674. {block:PreviousPage}<a href="{PreviousPage}"> </a>{/block:PreviousPage}
  675. {block:NextPage}<a href="{NextPage}"> </a>{/block:NextPage}
  676. </div>
  677.  
  678. {/block:Pagination}
  679.  
  680. <!--Links to jQuery library, Masonry, infinite scroll and imagesLoaded -->
  681.  
  682. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  683. <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  684.  
  685. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  686. <script src="https://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  687.  
  688.  
  689. <!-- scroll to top code 1 -->
  690.  
  691.  
  692. <script type="text/javascript">
  693.  
  694. $(function(){$window=$(window);$link=$("#scroll");$link.click(function(){$("html, body").animate({scrollTop:0},"slow")});$window.scroll(function(){if($window.scrollTop()<=0){$link.fadeOut("slow")}else{$link.fadeIn("fast")}})});
  695.  
  696. </script>
  697.  
  698.  
  699. <!-- tooltip script -->
  700.  
  701. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  702.  
  703. <script>
  704.  
  705. (function($){
  706.  
  707. $(document).ready(function(){
  708.  
  709. $("[title]").style_my_tooltips({
  710.  
  711. tip_follows_cursor:true,
  712.  
  713. tip_delay_time:100,
  714.  
  715. tip_fade_speed:250,
  716.  
  717. attribute:"title"
  718.  
  719. });
  720.  
  721. });
  722.  
  723. })(jQuery);
  724.  
  725. </script>
  726.  
  727.  
  728. <!--Code for infinite scroll and grid layout -->
  729.  
  730. <script>
  731. (function() {
  732. var $tumblelog = $('#content');
  733.  
  734. $tumblelog.infinitescroll({
  735. navSelector : ".pagination",
  736. nextSelector : ".pagination a:first",
  737. itemSelector : ".post",
  738. bufferPx : 50,
  739. done : "",
  740. loading: {
  741. img : "",
  742. msgText: ""
  743. },
  744. },
  745. function( newElements ) {
  746. var $newElems = $( newElements ).css({ opacity: 0 });
  747. $newElems.imagesLoaded(function(){
  748. $newElems.animate({ opacity: 1 });
  749. $tumblelog.masonry( 'appended', $newElems);
  750. });
  751. }
  752. );
  753.  
  754. $tumblelog.imagesLoaded( function(){
  755. $tumblelog.masonry({
  756. columnWidth: function( containerWidth ) {
  757. return containerWidth / 100;
  758. }
  759. });
  760. });
  761. })();
  762. </script>
  763.  
  764. <script type="text/javascript" src="https://static.tumblr.com/kjtbii3/RQJmuycrq/scrolltotop.js"></script>
  765.  
  766.  
  767. <!-- Ok if you dare to remove this part I'll report your blog and do everything that it will get deleted. Removing this credit will be seen as thievery so you'll better not. And tbh it's not even that visible so calm down and just let it be there okk? xx -->
  768. <div id="important"><a href="https://mhango.tumblr.com" target="_blank" title="theme by mhango">THEME</a></div>
  769.  
  770.  
  771. </body>
  772.  
  773.  
  774. </html>
  775.  
  776.  
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!