API tools faq
paste
feiinho

Snapshot Theme by stylized.adorablethemes.com

feiinho
May 14th, 2019
334
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.81 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!-- Snapshot Theme by stylized.adorablethemes.com -->
  5. <title>{block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}"/>
  7. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  9. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  10. <meta charset="UTF-8" />
  11. <meta name="viewport" content="width=device-width, initial-scale=1">
  12. {block:Hidden}
  13. <meta name="image:Profile Photo" content=""/>
  14. <meta name="font:Body" content="helvetica, arial, sans-serif"/>
  15. <meta name="color:Background" content="#dcecf5"/>
  16. <meta name="color:Sidebar" content="#bad8eb"/>
  17. <meta name="color:Text" content="#333333"/>
  18. <meta name="color:Hover" content="#ffffff"/>
  19. <meta name="color:Link Border" content="#333333"/>
  20. <meta name="text:Custom Link 1 URL" content=""/>
  21. <meta name="text:Custom Link 1 Name" content=""/>
  22. <meta name="text:Facebook URL" content=""/>
  23. <meta name="text:Instagram URL" content=""/>
  24. <meta name="text:Twitter URL" content=""/>
  25. <meta name="if:Show Archive Link" content=""/>
  26. <meta name="if:Show Random Link" content=""/>
  27. <meta name="if:Infinite Scrolling" content=""/>
  28. {/block:Hidden}
  29. <!--[if (lte IE 8)]><script type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
  30. <link href="//netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
  31. <link href="https://fonts.googleapis.com/css?family=Reenie+Beanie" rel="stylesheet">
  32. <style type="text/css">
  33. body {
  34. color: {color:Text};
  35. background: {color:Background} url('');
  36. background-repeat: repeat;
  37. background-position: bottom left;
  38. background-attachment: fixed;
  39. font-family: {font:Body};
  40. margin: 0;
  41. }
  42.  
  43. /*containers */
  44. .wrapper {
  45. width: 1230px;
  46. margin: 0 auto;
  47. }
  48. .main {
  49. float: right;
  50. background-color: transparent;
  51. width: 960px;
  52. padding-top: 30px;
  53. margin-left: 270px;
  54. }
  55.  
  56. a {
  57. color: {color:Text};
  58. text-decoration: none;
  59. }
  60.  
  61. a:hover {
  62. color: {color:Text};
  63. text-decoration: none;
  64. }
  65.  
  66. ul {
  67. list-style-type: none;
  68. padding-left: 0;
  69. }
  70.  
  71. /* headings */
  72. h1 {
  73. display: block;
  74. font-size: 34px;
  75. line-height: 34px;
  76. font-family: 'Reenie Beanie', cursive;
  77. color: {color:Text};
  78. background-color: transparent;
  79. padding: 0px;
  80. text-align: center;
  81. text-transform: normal;
  82. font-weight: normal;
  83. }
  84. h1 a, h1 a:hover, h3 a, h3 a:hover, h4 a, h4 a:hover {
  85. color: {color:Text};
  86. text-decoration: none;
  87. }
  88. h2, h3 {
  89. color: {color:Text};
  90. font-size: 24px;
  91. line-height: 24px;
  92. padding: 10px 20px 5px 20px;
  93. margin-top: 0px;
  94. margin-bottom: 0px;
  95. text-align: center;
  96. font-family: 'Reenie Beanie', cursive;
  97. font-weight: normal;
  98. text-transform: normal;
  99. }
  100. h4 {
  101. color: {color:Text};
  102. font-size: 13px;
  103. line-height: 13px;
  104. padding: 5px 15px 20px 15px;
  105. margin-bottom: 0px;
  106. text-align: center;
  107. font-family: {font:Body};
  108. font-weight: normal;
  109. text-transform: uppercase;
  110. }
  111.  
  112. /* header */
  113. header {
  114. float: left;
  115. position: fixed;
  116. width: 240px;
  117. padding: 71px 15px 0px 15px;
  118. text-align: left;
  119. background-color: {color:Sidebar};
  120. box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  121. min-height: 100%;
  122. }
  123. .profile-photo {
  124. width: 75px;
  125. height: 75px;
  126. border-top: 5px solid #fff;
  127. border-right: 5px solid #fff;
  128. border-bottom: 15px solid #fff;
  129. border-left: 5px solid #fff;
  130. box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  131. display: inline-block;
  132. }
  133. p#description {
  134. width: 100%;
  135. height: auto;
  136. font-size: 11px;
  137. line-height: 118%;
  138. color: {color:Text};
  139. text-align: justify;
  140. background-color: transparent;
  141. margin-top: -15px;
  142. margin-left: auto;
  143. margin-right: auto;
  144. margin-bottom: 0;
  145. padding: 0;
  146. }
  147. nav {
  148. width: 240px;
  149. color: {color:Text};
  150. background-color: none;
  151. padding: 10px 0px 0px 0px;
  152. }
  153. ul.sidelinks li {
  154. color: {color:Text};
  155. }
  156. a.sidelink {
  157. -moz-box-sizing: border-box;
  158. box-sizing: border-box;
  159. width: 240px;
  160. font-family: 'Reenie Beanie', cursive;
  161. color: {color:Text};
  162. background-color: transparent;
  163. text-align: left;
  164. text-transform: normal;
  165. text-decoration: none;
  166. display: block;
  167. padding: 10px 5px;
  168. font-size: 20px;
  169. line-height: 24px;
  170. font-weight: normal;
  171. border-bottom: 1px dotted rgba({RGBcolor:Link Border}, 0.4);
  172. -webkit-transition: all 0.3s ease;
  173. -moz-transition: all 0.3s ease;
  174. -ms-transition: all 0.3s ease;
  175. -o-transition: all 0.3s ease;
  176. transition: all 0.3s ease;
  177. }
  178. a.sidelink:hover {
  179. color: {color:Text};
  180. background-color: rgba({RGBcolor:Hover}, 0.2);
  181. }
  182.  
  183. /* main post styles */
  184. .post {
  185. width: 250px;
  186. height: auto;
  187. float: left;
  188. position: relative;
  189. background-color: #fff;
  190. margin: 25px;
  191. padding: 10px;
  192. box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.2);
  193. overflow: hidden;
  194. }
  195. .post iframe {
  196. display: block;
  197. max-width: 100%;
  198. }
  199.  
  200. /* adds padding to things in a post */
  201. .content {
  202. padding: 0px 20px;
  203. font-size: 11px;
  204. line-height: 120%;
  205. }
  206. .content-answer {
  207. padding: 5px 10px;
  208. font-size: 11px;
  209. line-height: 120%;
  210. }
  211.  
  212. /* text post styles */
  213. .text p {
  214. font-size: 11px;
  215. line-height: 120%;
  216. text-align: justify;
  217. -webkit-hyphens: auto;
  218. -moz-hyphens: auto;
  219. -ms-hyphens: auto;
  220. -o-hyphens: auto;
  221. hyphens: auto;
  222. }
  223. .text ul {
  224. list-style-type: square;
  225. font-size: 10px;
  226. padding-left: 20px;
  227. }
  228. .quote blockquote {
  229. font-family: 'Reenie Beanie', cursive;
  230. color: {color:Text};
  231. background-color: transparent;
  232. font-size: 24px;
  233. line-height: 20px;
  234. padding: 15px 5px 10px 5px;
  235. margin: 1px;
  236. text-align: justify;
  237. text-indent: -0.4em;
  238. }
  239. .source, .source p, .source a, .source a:hover {
  240. color: #333;
  241. font-size: 11px;
  242. line-height: 12px;
  243. text-align: center;
  244. text-transform: normal;
  245. letter-spacing: 2px;
  246. }
  247.  
  248. .post img {
  249. background-color: none;
  250. max-width: 100%;
  251. height: auto;
  252. display: block;
  253. opacity: 1;
  254. }
  255. .chat {
  256. font-size: 13px;
  257. line-height: 16px;
  258. }
  259. .chat .label {
  260. font-weight: bold;
  261. text-align: right;
  262. }
  263. .chat li {
  264. border-bottom: 0px solid #fff;
  265. padding-top: 6px;
  266. padding-bottom: 6px;
  267. }
  268. .chat li:last-child {
  269. border-bottom: none;
  270. }
  271.  
  272. .answer img {
  273. width: 100%;
  274. height: auto;
  275. margin-left: 0px;
  276. }
  277.  
  278. a img.credit {
  279. position: fixed;
  280. bottom: 0;
  281. right: 0;
  282. }
  283.  
  284. .imgback {
  285. background-color: transparent;
  286. }
  287.  
  288. .spotify_audio_player {
  289. height: 80px;
  290. }
  291.  
  292. /* shown on the permalink page; has notes, source, and time posted */
  293. .perma-info {
  294. color: {color:Text};
  295. background-color: transparent;
  296. font-size: 11px;
  297. line-height: 13px;
  298. font-weight: normal;
  299. padding: 5px 1px;
  300. overflow: hidden;
  301. }
  302. .perma-info a {
  303. color: {color:Text};
  304. text-decoration: none;
  305. }
  306. .perma-info a:hover {
  307. color: {color:Text};
  308. text-decoration: underline;
  309. }
  310.  
  311. /* notes stuff */
  312. ol.notes {
  313. list-style-type: none;
  314. padding-left: 0;
  315. }
  316. .note {
  317. padding: 1px 0px;
  318. }
  319. .note:last-child {
  320. border-bottom: 0;
  321. margin-bottom: 15px;
  322. }
  323. .note blockquote {
  324. color: {color:Text};
  325. background-color: transparent;
  326. border: none;
  327. }
  328.  
  329. /* info bar on index page posts */
  330. .index-info {
  331. color: #333;
  332. background-color: #fff;
  333. font-family: 'Reenie Beanie', cursive;
  334. font-size: 20px;
  335. line-height: 26px;
  336. font-weight: normal;
  337. margin-top: 15px;
  338. padding-left: 5px;
  339. padding-right: 5px;
  340. overflow:hidden;
  341. border-radius: 5px;
  342. }
  343. .index-info a, .index-info a:hover {
  344. color: #333;
  345. text-decoration: none;
  346. }
  347.  
  348. /* remove blank space from bottom of photoset posts */
  349. iframe.photoset {
  350. display: block;
  351. }
  352.  
  353. .photoset-content img {
  354. margin-bottom: 10px;
  355. }
  356.  
  357. /* line */
  358. hr {
  359. clear: both;
  360. border: 0;
  361. border-bottom: 1px dotted rgba({RGBcolor:Text}, 0.5);
  362. margin: 15px 0px;
  363. }
  364.  
  365. /* fix height of element with floats inside */
  366. .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
  367. .clearfix:after { clear: both; }
  368. .clearfix { zoom: 1; }
  369.  
  370. /* remove border on linked images in IE */
  371. a img {
  372. border: 0;
  373. }
  374.  
  375. /* you shouldn't see this div if infinite scroll is on */
  376. div.pagination {
  377. background-color: none;
  378. margin-bottom: 10px;
  379. clear: both;
  380. text-align: center;
  381. }
  382.  
  383. /* previous and next page buttons */
  384. #previous, #next, .page-info {
  385. color: {color:Text};
  386. font-family: {font:Body};
  387. font-size: 11px;
  388. background: transparent;
  389. font-weight: normal;
  390. padding: 5px 7px 5px 7px;
  391. }
  392. #previous:hover, #next:hover {
  393. color: {color:Text};
  394. }
  395.  
  396. /*stylized.adorablethemes.com*/
  397.  
  398. /* Note icons */
  399. .reblog {background: transparent url('https://static.tumblr.com/anzluor/nF5ml4elu/reblog.png') right center no-repeat;}
  400. .like {background: transparent url('https://static.tumblr.com/anzluor/O7Nml4ekz/like.png') right center no-repeat;}
  401.  
  402. @media screen and (max-width:1230px) {
  403. .wrapper {
  404. width: 910px;
  405. }
  406. .main {
  407. width: 640px;
  408. }
  409. }
  410.  
  411. @media screen and (max-width:910px) {
  412. .wrapper {
  413. width: 590px;
  414. }
  415. .main {
  416. width: 320px;
  417. }
  418. }
  419.  
  420. @media screen and (max-width:590px) {
  421. .wrapper {
  422. width: 320px;
  423. }
  424. .main {
  425. width: 320px;
  426. padding-top: 10px;
  427. margin-left: 0px;
  428. }
  429. header {
  430. -moz-box-sizing: border-box;
  431. box-sizing: border-box;
  432. position: static;
  433. width: 100%;
  434. display: block;
  435. text-align: center;
  436. padding: 25px 15px 15px 15px;
  437. }
  438. p#description {
  439. width: 80%;
  440. }
  441. nav {
  442. width: 240px;
  443. margin: 0 auto;
  444. padding: 0px;
  445. }
  446. a.sidelink {
  447. width: 100%;
  448. }
  449. }
  450.  
  451. /* special styling for permalink pages */
  452. {block:PermalinkPage}
  453. .wrapper {
  454. width: 500px;
  455. margin-left: 315px;
  456. }
  457. .main {
  458. width: 500px;
  459. padding-top: 40px;
  460. }
  461. .post {
  462. float: none;
  463. padding: 10px;
  464. width: 500px;
  465. }
  466. .post img {
  467. width: 500px;
  468. height: auto;
  469. }
  470. .post:hover .photo-post-photo {
  471. transform: none;
  472. }
  473.  
  474. @media screen and (max-width:910px) {
  475. .wrapper {
  476. width: 590px;
  477. margin: 0 auto;
  478. }
  479. .main {
  480. width: 320px;
  481. }
  482. .post {
  483. width: 250px;
  484. }
  485. .post img {
  486. width: 250px;
  487. }
  488. }
  489. @media screen and (max-width:590px) {
  490. .wrapper {
  491. width: 320px;
  492. }
  493. .main {
  494. width: 320px;
  495. padding-top: 10px;
  496. margin-left: 0px;
  497. }
  498. .post {
  499. width: 250px;
  500. float: left;
  501. position: relative;
  502. overflow: hidden;
  503. }
  504. .post img {
  505. width: 250px;
  506. }
  507. }
  508. {/block:PermalinkPage}
  509.  
  510. /* make sure avatars don't get huge */
  511. img.avatar {
  512. width: 20px;
  513. height: 20px;
  514. vertical-align: middle;
  515. display: inline;
  516. margin-right: 15px;
  517. border-top: 2px solid #fff;
  518. border-right: 2px solid #fff;
  519. border-bottom: 8px solid #fff;
  520. border-left: 2px solid #fff;
  521. box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  522. }
  523. img.avatar-ask {
  524. width: 48px;
  525. height: 48px;
  526. vertical-align: middle;
  527. display: inline;
  528. margin-right: 15px;
  529. margin-bottom: 5px;
  530. border-top: 4px solid #fff;
  531. border-right: 4px solid #fff;
  532. border-bottom: 12px solid #fff;
  533. border-left: 4px solid #fff;
  534. box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  535. }
  536.  
  537. {CustomCSS}
  538. </style>
  539. </head>
  540. <body>
  541.  
  542. <header class="clearfix">
  543.  
  544. <center>
  545. {block:IfProfilePhotoImage}<a href="/"><img class="profile-photo" src="{image:Profile Photo}" alt="" /></a>{/block:IfProfilePhotoImage}
  546. </center>
  547.  
  548. {block:ShowTitle}<h1><a href="/">{Title}</a></h1>{/block:ShowTitle}
  549. {block:HideTitle}<h1></h1>{/block:HideTitle}
  550.  
  551. {block:Description}
  552. <p id="description">{Description}</p>
  553. {/block:Description}
  554.  
  555.  
  556. <nav>
  557. <ul class="sidelinks">
  558.  
  559. {block:HasPages}
  560. {block:Pages}
  561. <a class="sidelink" href="{URL}"><i class="fa fa-file-o"></i> {Label}</a>
  562. {/block:Pages}
  563. {/block:HasPages}
  564.  
  565. {block:AskEnabled}<a class="sidelink" href="/ask"><i class="fa fa-envelope-o"></i> {AskLabel}</a>{/block:AskEnabled}
  566.  
  567. {block:SubmissionsEnabled}<a class="sidelink" href="/submit"><i class="fa fa-cog"></i> {SubmitLabel}</a>{/block:SubmissionsEnabled}
  568.  
  569. {block:IfShowArchiveLink}<a class="sidelink" href="/archive"><i class="fa fa-folder-open"></i> {lang:Archive}</a>{/block:IfShowArchiveLink}
  570.  
  571. {block:IfShowRandomLink}<a class="sidelink" href="/random"><i class="fa fa-question-circle"></i> {lang:Random}</a>{/block:IfShowRandomLink}
  572.  
  573. {block:IfCustomLink1URL}
  574. <a class="sidelink" href="{text:Custom Link 1 URL}" target="_blank"><i class="fa fa-asterisk"></i> {text:Custom Link 1 Name}</a>
  575. {/block:IfCustomLink1URL}
  576.  
  577. {block:IfFacebookURL}
  578. <a class="sidelink" href="{text:Facebook URL}" target="_blank" title="facebook"><i class="fa fa-facebook"></i> Facebook</a>
  579. {/block:IfFacebookURL}
  580.  
  581. {block:IfInstagramURL}
  582. <a class="sidelink" href="{text:Instagram URL}" target="_blank" title="instagram"><i class="fa fa-instagram"></i> Instagram</a>
  583. {/block:IfInstagramURL}
  584.  
  585. {block:IfTwitterURL}
  586. <a class="sidelink" href="{text:Twitter URL}" target="_blank" title="twitter"><i class="fa fa-twitter"></i> Twitter</a>
  587. {/block:IfTwitterURL}
  588.  
  589. </ul>
  590. </nav>
  591.  
  592. </header>
  593. <div class="wrapper">
  594.  
  595. <div class="main">
  596.  
  597. <ul id="posts">
  598. {block:Posts}
  599. <li class="post {PostType}">
  600.  
  601. {block:Text}
  602. {block:Title}
  603. <h3>{Title}</h3>
  604. {/block:Title}
  605.  
  606. <div class="content">{Body}</div>
  607. {/block:Text}
  608.  
  609.  
  610. {block:Answer}
  611. <div class="content-answer">
  612. <img class="avatar-ask" style="float:left" src="{AskerPortraitURL-64}"/>
  613. <p>{lang:Asker asked}: <b>{Question}</b></p>
  614.  
  615.  
  616. {Answer}</div>
  617. {/block:Answer}
  618.  
  619.  
  620. {block:Photo}
  621. {block:IndexPage}
  622. <div class="imgback"><center><a href="{Permalink}"><img class="photo-post-photo" src="{PhotoURL-250}" alt="{PhotoAlt}" /></a></center></div>
  623. {/block:IndexPage}
  624. {block:PermalinkPage}
  625. <div class="imgback"><center>{LinkOpenTag}<img src="{PhotoURL-1280}" class="photo-post-photo" alt="{PhotoAlt}" />{LinkCloseTag}</center></div>
  626. {/block:PermalinkPage}
  627.  
  628. {block:PermalinkPage}{block:Caption}
  629. <div class="content">{Caption}</div>
  630. {/block:Caption}{/block:PermalinkPage}
  631. {/block:Photo}
  632.  
  633.  
  634. {block:Photoset}
  635. {block:IndexPage}
  636. <figure class="photoset-content">
  637. <center>
  638. {block:Photos}<a href="{Permalink}"><img class="photo-post-photo" src="{PhotoURL-250}" alt="{PhotoAlt}" /></a>{/block:Photos}</center>
  639.  
  640. </figure>
  641. {/block:IndexPage}
  642. {block:PermalinkPage}
  643. {Photoset-500}
  644. {/block:PermalinkPage}
  645.  
  646. {block:PermalinkPage}{block:Caption}
  647. <div class="content">{Caption}</div>
  648. {/block:Caption}{/block:PermalinkPage}
  649. {/block:Photoset}
  650.  
  651.  
  652. {block:Quote}
  653. <div class="content"><blockquote>"{Quote}"</blockquote>
  654.  
  655. {block:Source}
  656. <div class="source">{Source}</div>
  657. {/block:Source}
  658. </div>
  659. {/block:Quote}
  660.  
  661.  
  662.  
  663. {block:Link}
  664. <h4><a href="{URL}" class="link" {Target}>{Name} &rarr;</a></h4>
  665.  
  666. {block:Description}
  667. <div class="content">{Description}</div>
  668. {/block:Description}
  669. {/block:Link}
  670.  
  671.  
  672. {block:Chat}
  673. {block:Title}
  674. <h3><a href="{Permalink}">{Title}</a></h3>
  675. {/block:Title}
  676. <div class="content">
  677. <ul class="chat">
  678. {block:Lines}
  679. <li class="{Alt} user_{UserNumber}">
  680. {block:Label}
  681. <span class="label">{Label}</span>
  682. {/block:Label}
  683.  
  684. <span class="line"> {Line}</span>
  685. </li>
  686. {/block:Lines}
  687. </ul>
  688. </div>
  689. {/block:Chat}
  690.  
  691.  
  692. {block:Video}
  693. {block:IndexPage}
  694. {VideoEmbed-250}
  695. {/block:IndexPage}
  696. {block:PermalinkPage}
  697. {VideoEmbed-500}
  698. {/block:PermalinkPage}
  699.  
  700. {block:PermalinkPage}{block:Caption}
  701. <div class="content">{Caption}</div>
  702. {/block:Caption}{/block:PermalinkPage}
  703. {/block:Video}
  704.  
  705.  
  706. {block:Audio}
  707. {block:IndexPage}
  708. {AudioEmbed}
  709. {/block:IndexPage}
  710. {block:PermalinkPage}
  711. {AudioEmbed}
  712. {/block:PermalinkPage}
  713. {block:PermalinkPage}
  714. {block:Caption}
  715. {Caption}
  716. {/block:Caption}
  717. {/block:PermalinkPage}
  718. {/block:Audio}
  719.  
  720.  
  721. {block:IndexPage}
  722. <div class="index-info">
  723. <a class="postnotes" href='{Permalink}'>{NoteCountWithLabel}</a>
  724.  
  725. {block:Date}<a style="float:right; text-align: right" class="timeago" href='{Permalink}'>{TimeAgo}</a>{/block:Date}
  726.  
  727. </div>
  728. {/block:IndexPage}
  729.  
  730.  
  731. {block:PermalinkPage}
  732. {block:PermalinkPagination}
  733. <div class="perma-info">
  734.  
  735. {block:PostNotes}<a class="postnotes" href='{Permalink}'>{NoteCountWithLabel}</a>{/block:PostNotes}
  736. {block:ContentSource}&nbsp;&mdash;&nbsp;<a href="{SourceURL}">Source</a>{/block:ContentSource}
  737. {block:RebloggedFrom} (<a href="{ReblogParentURL}">via</a>){/block:RebloggedFrom}
  738.  
  739. {block:Date}<a style="float:right; text-align: right" class="timeago" href='{Permalink}'>{TimeAgo}</a>{/block:Date}
  740.  
  741. {block:PostNotes}
  742. <hr />
  743. {PostNotes-64}
  744. {/block:PostNotes}
  745. </div>
  746. {/block:PermalinkPagination}
  747. {/block:PermalinkPage}
  748. </li>
  749. {/block:Posts}
  750. </ul>
  751. <div class="pagination">
  752. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" id="next">&laquo; {lang:Previous Page}</a> {/block:PreviousPage}
  753.  
  754. <span class="page-info">{lang:CurrentPage of TotalPages}</span>
  755.  
  756. {block:NextPage}<a href="{NextPage}" id="next">{lang:Next Page} &raquo;</a>{/block:NextPage}{/block:Pagination}
  757. </div>
  758. </div>
  759. </div>
  760. <a href="https://stylizedthemes.tumblr.com/" alt="Tumblr Themes" title="Get this theme!"><img class="credit" src="https://static.tumblr.com/ohnymtu/fmJoejmpk/credit3.jpg" alt="" /></a>
  761. {block:IndexPage}
  762. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  763. {block:IfInfiniteScrolling}<script src="//static.tumblr.com/anzluor/ycPn74dop/jquery.infinitescroll.min.js"></script>{/block:IfInfiniteScrolling}
  764. <script src="//static.tumblr.com/anzluor/Np0nv9fs0/masonry.pkgd.min.js"></script>
  765. <script>
  766. $(function(){
  767. var container = $('ul#posts');
  768.  
  769. container.imagesLoaded( function(){
  770. container.masonry({
  771. itemSelector : 'li.post'
  772. });
  773. });
  774.  
  775. {block:IfInfiniteScrolling}
  776. container.infinitescroll({
  777. navSelector : 'div.pagination',
  778. nextSelector : 'div.pagination a#next',
  779. itemSelector : 'li.post',
  780. },
  781. function( newElements ) {
  782. var $newElems = $( newElements ).css({ opacity: 0 });
  783. $newElems.imagesLoaded(function(){
  784. $newElems.animate({ opacity: 1 });
  785. container.masonry( 'appended', $newElems, true );
  786. });
  787. }
  788. );
  789. {/block:IfInfiniteScrolling}
  790. });
  791. </script>
  792. {/block:IndexPage}
  793.  
  794. </body>
  795. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!