API tools faq
paste
Advertisement
reptilha

Wire One — 004

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