API tools faq
paste
Advertisement
reptilha

Itália — 001

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