API tools faq
paste
Advertisement
reptilha

Riley Day — 001

reptilha
Jul 21st, 2018
201
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.75 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Theme desenvolvido por @reptilha
  4. Não copie detalhes e não remova os créditos.
  5.  
  6. Grata pela preferência.
  7. Atenciosamente, G.
  8.  
  9. --->
  10.  
  11.  
  12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  13. "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  14.  
  15. <html xmlns="https://www.w3.org/1999/xhtml">
  16.  
  17. <head>
  18.  
  19. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  20.  
  21. <title>{Title}</title>
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. <link rel="shortcut icon" href="{Favicon}">
  24. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  25.  
  26. <!-- jquery -->
  27. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  28. <!-- jquery -->
  29.  
  30. <script>
  31. $(document).ready(function(){
  32. /**** tumblr blogs avatars ****/
  33. $(".tumblr_blog").each(function() {
  34. var tumblrblogurl = $(this).text();
  35. $(this).before("<img src='https://api.tumblr.com/v2/blog/" + tumblrblogurl + ".tumblr.com/avatar/24' class='tumblr_blog_avatar'/>");
  36. });
  37. /**** tumblr blogs avatars ****/
  38. });
  39. </script>
  40.  
  41. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  42.  
  43. <meta name="image:Foto" content="" />
  44.  
  45. <meta name="color:Font" content="#000"/>
  46. <meta name="color:Background" content="#000"/>
  47. <meta name="color:Links" content="#000"/>
  48. <meta name="color:Links Menu" content="#ccc"/>
  49. <meta name="color:Link Hover" content="#ccc"/>
  50. <meta name="color:Titles" content="#000"/>
  51. <meta name="color:Links Hover Menu" content="#ccc"/>
  52. <meta name="color:Borders" content="#eee"/>
  53.  
  54. <meta name="text:AskLabel" content="perguntou" />
  55. <meta name="if:DarkButtons" content="perguntou" />
  56.  
  57. <meta name="text:Link 1" content="Link" />
  58. <meta name="text:Link 1 url" content="" />
  59. <meta name="text:Link 2" content="Link" />
  60. <meta name="text:Link 2 url" content="" />
  61. <meta name="text:Link 3" content="Link" />
  62. <meta name="text:Link 3 url" content="" />
  63. <meta name="text:Link 4" content="Link" />
  64. <meta name="text:Link 4 url" content="" />
  65. <meta name="text:Link 5" content="Link" />
  66. <meta name="text:Link 5 url" content="" />
  67.  
  68. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  69. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  70. <script> (function($){ $(document).ready(function(){ $("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" }); }); })(jQuery); </script>
  71.  
  72. <style type="text/css">
  73.  
  74. /* config */
  75.  
  76. body{
  77. font-family:times, serif;
  78. background:{color:Background};
  79. font-size:17px;
  80. color:{color:Font};
  81. line-height:22px;
  82. overflow-x:hidden;
  83. }
  84.  
  85. img {
  86. height: auto;
  87. width: auto;
  88. }
  89.  
  90. iframe, img, embed, object, video{
  91. max-width: 100%;
  92. }
  93.  
  94. .photo{
  95. width:100%;
  96. }
  97.  
  98.  
  99. a{
  100. color:{color:Links};
  101. cursor:help;
  102. font-weight:bold;
  103. }
  104.  
  105. .box iframe {
  106. max-width: 100%;
  107.  
  108. }
  109.  
  110. .text img {
  111. max-width: 100%;
  112.  
  113. }
  114.  
  115. blockquote{
  116. margin-left:0%;
  117. width:100%;
  118. }
  119.  
  120. .box img {
  121. display: block;
  122.  
  123. }
  124.  
  125. .clear {
  126. clear: both;
  127.  
  128. }
  129.  
  130. #pagination {
  131. display: none;
  132.  
  133. }
  134.  
  135. a:hover{
  136. color:{color:Link Hover};
  137. -webkit-transition: all 0.3s ease-out;
  138. -moz-transition: all 0.3s ease-out;
  139. -o-transition: all 0.3s ease-out;
  140. transition: all 0.3s ease-out;
  141. }
  142.  
  143. .clearfix:after{
  144. content:".";
  145. display:block;
  146. clear:both;
  147. visibility:hidden;
  148. line-height:0;
  149. height:0;
  150.  
  151. }
  152.  
  153. .clearfix{
  154. display:inline-block;
  155.  
  156. }
  157.  
  158. html[xmlns] .clearfix{
  159. display:block;
  160.  
  161. }*
  162.  
  163. html .clearfix{
  164. height:1%;
  165.  
  166. }
  167.  
  168. a{
  169. text-decoration:none;
  170. }
  171.  
  172. .post {
  173. position: relative;
  174. width:450px;
  175. float:left;
  176. margin-bottom:0px;
  177. margin-top:100px;
  178. {block:PermalinkPage}
  179. width:450px;
  180. {/block:PermalinkPage}
  181.  
  182. }
  183.  
  184. #contain {
  185. width:800px;
  186. margin-left:auto;
  187. height:100%;
  188. margin-top:-10px;
  189. margin-right:auto;
  190. min-height:700px;
  191.  
  192. }
  193.  
  194. #content {
  195. width:450px;
  196. margin-left:330px;
  197. margin-top:0px;
  198. }
  199.  
  200. #infscr-loading {display:none!important;}
  201. #infscr-loading img {display:none;}
  202. #pagination {display:none;}
  203.  
  204. /**** tumblr blogs avatars ****/
  205. .tumblr_blog {margin-left: 36px;text-transform:uppercase;
  206. font-weight:normal; font-size:15px;
  207. } /** aqui você edita a aparência do link do blog **/
  208. .tumblr_blog_avatar {width: 30px; height: 30px; border-radius: 1px;position:absolute;margin-right:px;margin-top:-4px;vertical-align:-5px;} /** aqui você edita a aparência do avatar **/
  209. /**** tumblr blogs avatars ****/
  210.  
  211.  
  212.  
  213. .iframe-controls--desktop {
  214. position:fixed;
  215. padding-top:20px;
  216. padding-right:20px;
  217. z-index:9999999999999999999999999999;
  218. {block:IfDarkButtons}
  219. filter:invert(100%);
  220. -webkit-filter:invert(100%);
  221. {/block:IfDarkButtons}
  222. -webkit-transform:scale(0.6,0.6);
  223. -webkit-transform-origin: 100% 0%;
  224. -ms-transform-origin:100% 0%;
  225. -ms-transform:scale(0.6,0.6);
  226. transform:scale(0.6,0.6);
  227. transform-origin:100% 0%;
  228. }
  229.  
  230. .thememaker{
  231. position:fixed;
  232. margin-top:20px;
  233. right:0px;
  234. font-size:13px;
  235. z-index:9999999999999999999999999999;
  236. {block:IfDarkButtons}
  237. color:black;
  238. {/block:IfDarkButtons}
  239. {block:IfNotDarkButtons}
  240. color:white;
  241. {/block:IfNotDarkButtons}
  242. }
  243.  
  244. #scrollToTop{
  245. right:5px;
  246. bottom:10px;
  247. position:fixed;
  248. font-size:13px;
  249. z-index:9999999999999999999999999999;
  250. {block:IfDarkButtons}
  251. color:black;
  252. {/block:IfDarkButtons}
  253. {block:IfNotDarkButtons}
  254. color:white;
  255. text-shadow: 1px 1px 1px rgba(68,68,68,.4), -1px -1px 1px rgba(68,68,68,.4), -1px 1px 1px rgba(68,68,68,.4), 1px -1px 1px rgba(68,68,68,.4);
  256. {/block:IfNotDarkButtons}
  257. }
  258.  
  259.  
  260.  
  261. ::-moz-selection {color:inherit;background: transparent;}
  262.  
  263. ::selection {color:inherit;background: transparent;}
  264.  
  265. b{
  266. font-weight:bold;
  267. }
  268.  
  269. .caption{
  270. margin-top:10px;
  271. }
  272.  
  273. ::-webkit-scrollbar
  274. {width: 23px; height: 23px; z-index:-1;}
  275. ::-webkit-scrollbar-track-piece
  276. {background-color: {color:Background};-webkit-border-radius:px;}
  277. ::-webkit-scrollbar-thumb:vertical
  278. {height: 3px; background-color: {color:Borders}; -webkit-border-radius:px;border:10px solid {color:Background}; }
  279. ::-webkit-scrollbar-thumb:horizontal
  280. {width: 3px; background-color: {color:Borders}; -webkit-border-radius:px;border:10px solid {color:Background}; }
  281.  
  282. .source{
  283. font-weight:bold;
  284. margin-top:3px;
  285. }
  286.  
  287. #s-m-t-tooltip {
  288. max-width:200px;
  289. padding:3px 10px 3px 10px;
  290. border:1px solid {color:Borders};
  291. margin:15px 20px;
  292. border-radius:3px;
  293. background:{color:Background};
  294. z-index:123456789;
  295.  
  296. }
  297.  
  298. #tumblr_lightbox {
  299. background-color:rgba(225, 225, 225, .7)!important;
  300. z-index:99999!important;
  301. }
  302.  
  303. #tumblr_lightbox img {opacity:0;}
  304.  
  305. #tumblr_lightbox_caption {
  306. color:black!important;
  307. font-family:arial!important;
  308. font-size:10px!important;
  309. font-weight:normal!important;
  310. text-shadow:none!important;
  311. }
  312. #tumblr_lightbox_center_image,
  313. #tumblr_lightbox_left_image,
  314. #tumblr_lightbox_right_image {
  315. background:white!important;
  316. -moz-box-shadow:none!important;
  317. -webkit-box-shadow:none!important;
  318. box-shadow:none!important;
  319. -moz-border-radius:0px!important;
  320. -webkit-border-radius:0px!important;
  321. border-radius:0px!important;
  322. opacity:1!important;
  323. }
  324.  
  325. #tumblr_lightbox_left_image,
  326. #tumblr_lightbox_right_image {opacity:.6!important;}
  327.  
  328. /* config */
  329.  
  330. reb{
  331. display:block;
  332. font-style:italic;
  333. }
  334.  
  335. reb span{
  336. vertical-align:0px;
  337. margin-left:5px;
  338. margin-right:5px;
  339. display:inline-block;
  340. font-size:8px;
  341. }
  342.  
  343. time{ font-style:italic;
  344. margin-right:20px;
  345. {block:PermalinkPage}
  346. display:none;
  347. {/block:PermalinkPage}
  348. }
  349.  
  350. pd{
  351. display:block;
  352. padding:15px;
  353. }
  354.  
  355. /**Fragile Help**/
  356. .lnotes {display:block; margin-top:5px;}
  357. .lnotes .avatar {border:none; margin:5px; width:46px; padding:0;border-radius:1px;}
  358. .lnotes ol {margin:0; padding:0;}
  359. .lnotes li {list-style:none; border:none; float:left; margin:0; padding:0; margin-right:4px; margin-bottom:-2px;}
  360. .lnotes .note .action {display:none; visibility:hidden; margin:0; padding:0;}
  361. .more_box {display:block; width:500px; height:35px; margin:0; padding:0;width:}
  362. .more_notes_link_container a {width:500px; font-style:italic; font-size:12px; font-style:italic; display:block; text-align:center; width:500px;margin-top:30px;margin-bottom:30px;}
  363. .lnotes blockquote {display:none;}
  364.  
  365. lin{
  366. display:block;
  367. padding:10px;
  368. width:500px;
  369. }
  370.  
  371. lin span{
  372. margin:5px;
  373. font-size:15px;
  374. }
  375. {block:Tags}
  376. a{
  377. font-weight:normal;
  378. }
  379. {/block:Tags}
  380.  
  381. .chat li{
  382. list-style:none;
  383. }
  384.  
  385. blockquote{
  386. margin-left:0px;
  387. }
  388.  
  389. .chat span{
  390. font-weight:bold;
  391. font-family:calibri;
  392. text-transform:uppercase;
  393. letter-spacing:1px;
  394. }
  395.  
  396. .pessoa { text-transform:uppercase; font-size:12px; background:{color:Borders};padding:5px;line-height:20px;}
  397. .pessoa a{display:;text-transform:uppercase; font-size:13px; font-weight:normal; color:{color:Links Hover};letter-spacing:x; margin-left:50px;
  398. border-bottom:1px solid {color:Borders};}
  399. .pessoa img{ width:40px;border-radius:1px;margin-bottom:5px;display:inline-block;position:absolute;}
  400. .pergunta { background:; margin-top:10px;padding-bottom:20px; margin-left:0px; border-bottom:1px solid {color:Borders}; text-align:left; }
  401. .resposta { padding:15px; padding-top:px; padding-bottom:10px; background:transparent;margin-top:-20px;}
  402.  
  403. sidebar{
  404. position:fixed;
  405. width:250px;
  406. margin-left:0px;
  407. display:block;
  408. top:70px;
  409. }
  410.  
  411.  
  412. sidebar img{
  413. width:80%;
  414. margin-bottom:20px;
  415. display:block;
  416. border-radius:2px;
  417. }
  418.  
  419. h1, h2, h3{
  420. font-size:19px;
  421. font-weight:normal;
  422. color:{color:Titles};
  423. }
  424.  
  425. bio{
  426. text-align:justify;
  427. display:block;
  428. margin-top:20px;
  429. margin-bottom:20px;
  430. }
  431.  
  432. nav a {
  433. position: relative;
  434. display: inline-block;
  435. color:;
  436. text-decoration: none;
  437. letter-spacing: 1px;
  438. font-weight:normal;
  439. text-shadow: 0 0 1px rgba(255,255,255,0.3);
  440. font-size: em;
  441. }
  442.  
  443. nav a:hover,
  444. nav a:focus {
  445. outline: none;
  446. }
  447.  
  448. .ij-effect-7 a {
  449. padding: 6px 5px 5px;
  450. text-shadow: none;
  451. }
  452.  
  453. .ij-effect-7 a::before,
  454. .ij-effect-7 a::after {
  455. position: absolute;
  456. top: 100%;
  457. left: 0;
  458. width: 100%;
  459. height: 1px;
  460. background:#eee;
  461. content: '';
  462. -webkit-transition: -webkit-transform 0.3s;
  463. -moz-transition: -moz-transform 0.3s;
  464. transition: transform 0.3s;
  465. -webkit-transform: scale(0.85);
  466. -moz-transform: scale(0.85);
  467. transform: scale(0.85);
  468. }
  469.  
  470. .ij-effect-7 a::after {
  471. opacity: 0;
  472. -webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  473. -moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;
  474. transition: top 0.3s, opacity 0.3s, transform 0.3s;
  475. }
  476.  
  477. .ij-effect-7 a:hover::before,
  478. .ij-effect-7 a:hover::after,
  479. .ij-effect-7 a:focus::before,
  480. .ij-effect-7 a:focus::after {
  481. -webkit-transform: scale(1);
  482. -moz-transform: scale(1);
  483. transform: scale(1);
  484. }
  485.  
  486. .ij-effect-7 a:hover::after,
  487. .ij-effect-7 a:focus::after {
  488. top: 0%;
  489. opacity: 1;
  490. }
  491.  
  492. .ij-effect-8 a {
  493. padding: 6px 5px 5px;
  494. text-shadow: none;
  495. }
  496.  
  497. .ij-effect-8 a::before,
  498. .ij-effect-8 a::after {
  499. position: absolute;
  500. bottom: 100%;
  501. left: 0;
  502. width: 100%;
  503. height: 1px;
  504. background:#eee;
  505. content: '';
  506. -webkit-transition: -webkit-transform 0.3s;
  507. -moz-transition: -moz-transform 0.3s;
  508. transition: transform 0.3s;
  509. -webkit-transform: scale(0.85);
  510. -moz-transform: scale(0.85);
  511. transform: scale(0.85);
  512. }
  513.  
  514. .ij-effect-8 a::after {
  515. opacity: 0;
  516. -webkit-transition: bottom 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  517. -moz-transition: bottom 0.3s, opacity 0.3s, -moz-transform 0.3s;
  518. transition: bottom 0.3s, opacity 0.3s, transform 0.3s;
  519. }
  520.  
  521. .ij-effect-8 a:hover::before,
  522. .ij-effect-8 a:hover::after,
  523. .ij-effect-8 a:focus::before,
  524. .ij-effect-8 a:focus::after {
  525. -webkit-transform: scale(1);
  526. -moz-transform: scale(1);
  527. transform: scale(1);
  528. }
  529.  
  530. .ij-effect-8 a:hover::after,
  531. .ij-effect-8 a:focus::after {
  532. bottom: 0%;
  533. opacity: 1;
  534. }
  535.  
  536. .source{
  537. font-style:italic;
  538. font-weight:bold;
  539. }
  540.  
  541. notes{
  542. display:block;
  543. width:80%;
  544. margin-top:10px;
  545. text-align:center;
  546. border-top:1px solid {color:Borders};
  547. font-size:px;
  548. opacity:0.7;
  549. padding-top:15px;
  550. }
  551.  
  552. hov a{
  553. margin-right:20px;
  554. font-weight:normal;
  555. font-style:italic;
  556. }
  557.  
  558.  
  559. </style>
  560.  
  561. <a href="#" id="scrollToTop"><span class="fa fa-angle-up" aria-hidden="true"></span></a>
  562.  
  563. <script type="text/javascript" src="https://static.tumblr.com/kecu8nj/auyouzq5m/jquery.js"></script>
  564. <script type="text/javascript" src="https://static.tumblr.com/kecu8nj/uGBow50r6/info.js"></script>
  565.  
  566. <link href="https://fonts.googleapis.com/css?family=Dosis|Markazi+Text|Montserrat|Oxygen|Source+Serif+Pro" rel="stylesheet">
  567.  
  568. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  569.  
  570. <script src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  571.  
  572. <a class="thememaker" href="https://reptilha.tumblr.com/themes"><span class="fa fa-download"></span></a>
  573.  
  574.  
  575. </head>
  576.  
  577. <body>
  578.  
  579. <div id="contain">
  580.  
  581. <sidebar>
  582. <center>
  583.  
  584. <img src="{image:Foto}"/>
  585.  
  586. <nav class="ij-effect-7">
  587. <a href="{text:Link 1 Url}">{text:Link 1}</a> <a href="{text:Link 2 Url}">{text:Link 2}</a>
  588. </nav>
  589.  
  590. <bio>
  591. {Description}
  592. </bio>
  593.  
  594. <nav class="ij-effect-8">
  595. <a href="{text:Link 3 Url}">{text:Link 3}</a> <a href="{text:Link 4 Url}">{text:Link 4}</a>
  596. </nav>
  597.  
  598. </center>
  599.  
  600. </sidebar>
  601.  
  602.  
  603. <div id="content">
  604. {block:Posts}
  605. <div class="post">
  606.  
  607. {block:Text}
  608. <pd> {block:Title}
  609. <h1>{Title}</h1>
  610. {/block:Title}{Body}</pd>
  611. {/block:Text}
  612.  
  613. {block:Photo}
  614. <pd> <img src="{PhotoURL-500}" alt="{PhotoAlt}" class="photo"/>
  615.  
  616. {block:Caption}
  617. <div class="caption">{Caption}</div>
  618. {/block:Caption}</pd>
  619. {/block:Photo}
  620.  
  621. {block:Panorama}
  622. {LinkOpenTag}
  623. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  624. {LinkCloseTag}<pd>{block:Caption}
  625. <div class="caption">{Caption}</div>
  626. {/block:Caption}</pd>
  627. {/block:Panorama}
  628.  
  629. {block:Photoset}
  630. <pd> {Photoset}
  631. {block:Caption}{Caption}{/block:Caption}</pd>
  632. {/block:Photoset}
  633.  
  634. {block:Quote}
  635. <pd> {Quote}
  636.  
  637. {block:Source}
  638. <div class="source">{Source}</div>
  639. {/block:Source}</pd>
  640. {/block:Quote}
  641.  
  642. {block:Link}
  643. <pd> <a href="{URL}" class="link" {Target}><span class="fa fa-link" style="margin-right:10px;"></span>{Name}</a>
  644. {block:Description}
  645. <div class="description">{Description}</div>
  646. {/block:Description}</pd>
  647. {/block:Link}
  648.  
  649. {block:Chat}
  650. <pd> {block:Title}
  651. <h3><a href="{Permalink}">{Title}</a></h3>
  652. {/block:Title}
  653.  
  654. <ul class="chat">
  655. {block:Lines}
  656. <li class="{Alt} user_{UserNumber}">
  657. {block:Label}
  658. <span class="label">{Label}</span>
  659. {/block:Label}{Line}
  660. </li>
  661. {/block:Lines}
  662. </ul></pd>
  663. {/block:Chat}
  664.  
  665. {block:Video}
  666. {Video-500}<pd>{block:Caption}
  667. <div class="caption">{Caption}</div>
  668. {/block:Caption}</pd>
  669. {/block:Video}
  670.  
  671. {block:Audio}
  672. {AudioEmbed}<pd>{block:Caption}
  673. <div class="caption">{Caption}</div>
  674. {/block:Caption}</pd>
  675. {/block:Audio}
  676.  
  677. {block:Answer}
  678. <pd><div class="pessoa"><img src="{AskerPortraitURL-96}"><br>{Asker} {text:AskLabel}</div>
  679. <div class="pergunta">{Question}</div></pd>
  680. <div class="resposta">{Answer}</div>
  681. {/block:Answer}
  682.  
  683. {block:ContentSource}
  684. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  685. {/block:ContentSource}
  686. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  687.  
  688. <center>{block:IndexPage}<notes>
  689. <time>{TimeAgo}</time> <hov><a href="{Permalink}" title="Dados da Postagem">{NoteCount}</a> <a href="{ReblogUrl}" title="Compartilhar">Compartilhar</a></hov></notes>{/block:IndexPage} </center>
  690.  
  691. </div>
  692.  
  693. {block:PermalinkPage}
  694. {block:PostNotes}
  695. <div class="post">
  696.  
  697. <lin><span class="fa fa-clock-o"></span> {TimeAgo}</lin>
  698. <lin><span class="fa fa-heart"></span> {NoteCountWithLabel}</lin>
  699. {block:ContentSource}
  700. <lin>{lang:Source}:<a href="{SourceURL}">{Source}</a></lin>{/block:ContentSource}
  701. {block:HasTags}<lin><span class="fa fa-tags"></span> Marcadores:{block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags} </lin>{/block:HasTags}
  702.  
  703. </div>
  704. {/block:PostNotes}
  705. {block:PostNotes}<div class="post"><div class="lnotes">{PostNotes-64}</div><br><br></div>{/block:PostNotes}
  706.  
  707. {/block:PermalinkPage}
  708.  
  709. {block:Pagination}
  710. <div id="pagination">
  711. {block:PreviousPage}
  712. <a href="{PreviousPage}"></a>
  713. {/block:PreviousPage}
  714. {block:NextPage}
  715. <a id="nextPage" href="{NextPage}"></a>
  716. {/block:NextPage}
  717. </div>
  718. {/block:Pagination}
  719.  
  720.  
  721.  
  722.  
  723.  
  724. {block:IndexPage}
  725. <script type="text/javascript">
  726. $(window).load(function () {
  727. $('#content').masonry(),
  728. $('.masonryWrap').infinitescroll({
  729. navSelector : '#pagination',
  730. nextSelector : '#nextPage',
  731. itemSelector : ".post, .loading",
  732. bufferPx : 20,
  733. },
  734. function() { $('#content').masonry({ appendedContent: $(this) }); });
  735. });
  736. </script>
  737. {/block:IndexPage}
  738.  
  739. {/block:Posts}
  740.  
  741.  
  742. </div>
  743.  
  744. <div class="loading"></div>
  745.  
  746.  
  747.  
  748. </body>
  749.  
  750. </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!