API tools faq
paste
reptilha

California Dream — 002

reptilha
Jul 15th, 2018
189
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.11 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;
  78. background:{color:Background};
  79. font-size:15px;
  80. color:{color:Font};
  81. line-height:20px;
  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:x;
  178. {block:PermalinkPage}
  179. width:450px;
  180. {/block:PermalinkPage}
  181.  
  182. }
  183.  
  184. #contain {
  185. width:450px;
  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-top:70px;
  197. }
  198.  
  199. #infscr-loading {display:none!important;}
  200. #infscr-loading img {display:none;}
  201. #pagination {display:none;}
  202.  
  203. /**** tumblr blogs avatars ****/
  204. .tumblr_blog {margin-left: 23px;} /** aqui você edita a aparência do link do blog **/
  205. .tumblr_blog_avatar {width: 20px; height: 20px; border-radius: 100%;position:absolute;margin-right:px;margin-top:px;vertical-align:-3px;} /** aqui você edita a aparência do avatar **/
  206. /**** tumblr blogs avatars ****/
  207.  
  208. .iframe-controls--desktop {
  209. position:fixed;
  210. padding-top:20px;
  211. padding-right:20px;
  212. z-index:9999999999999999999999999999;
  213. {block:IfDarkButtons}
  214. filter:invert(100%);
  215. -webkit-filter:invert(100%);
  216. {/block:IfDarkButtons}
  217. -webkit-transform:scale(0.6,0.6);
  218. -webkit-transform-origin: 100% 0%;
  219. -ms-transform-origin:100% 0%;
  220. -ms-transform:scale(0.6,0.6);
  221. transform:scale(0.6,0.6);
  222. transform-origin:100% 0%;
  223. }
  224.  
  225. .thememaker{
  226. position:fixed;
  227. margin-top:-20px;
  228. right:0px;
  229. font-size:13px;
  230. z-index:9999999999999999999999999999;
  231. {block:IfDarkButtons}
  232. color:black;
  233. {/block:IfDarkButtons}
  234. {block:IfNotDarkButtons}
  235. color:white;
  236. {/block:IfNotDarkButtons}
  237. }
  238.  
  239. #scrollToTop{
  240. right:5px;
  241. bottom:10px;
  242. position:fixed;
  243. font-size:13px;
  244. z-index:9999999999999999999999999999;
  245. {block:IfDarkButtons}
  246. color:black;
  247. {/block:IfDarkButtons}
  248. {block:IfNotDarkButtons}
  249. color:white;
  250. 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);
  251. {/block:IfNotDarkButtons}
  252. }
  253.  
  254.  
  255. ::-moz-selection {color:inherit;background: transparent;}
  256.  
  257. ::selection {color:inherit;background: transparent;}
  258.  
  259. b{
  260. font-weight:bold;
  261. }
  262.  
  263. .caption{
  264. margin-top:10px;
  265. }
  266.  
  267. ::-webkit-scrollbar
  268. {width: 23px; height: 23px; z-index:-1;}
  269. ::-webkit-scrollbar-track-piece
  270. {background-color: {color:Background};-webkit-border-radius:px;}
  271. ::-webkit-scrollbar-thumb:vertical
  272. {height: 3px; background-color: {color:Borders}; -webkit-border-radius:px;border:10px solid {color:Background}; }
  273. ::-webkit-scrollbar-thumb:horizontal
  274. {width: 3px; background-color: {color:Borders}; -webkit-border-radius:px;border:10px solid {color:Background}; }
  275.  
  276. .source{
  277. font-weight:bold;
  278. margin-top:3px;
  279. }
  280.  
  281. #s-m-t-tooltip {
  282. max-width:200px;
  283. padding:3px 10px 3px 10px;
  284. border:1px solid {color:Borders};
  285. margin:15px 20px;
  286. border-radius:3px;
  287. background:{color:Background};
  288. z-index:123456789;
  289.  
  290. }
  291.  
  292. #tumblr_lightbox {
  293. background-color:rgba(225, 225, 225, .7)!important;
  294. z-index:99999!important;
  295. }
  296.  
  297. #tumblr_lightbox img {opacity:0;}
  298.  
  299. #tumblr_lightbox_caption {
  300. color:black!important;
  301. font-family:arial!important;
  302. font-size:10px!important;
  303. font-weight:normal!important;
  304. text-shadow:none!important;
  305. }
  306. #tumblr_lightbox_center_image,
  307. #tumblr_lightbox_left_image,
  308. #tumblr_lightbox_right_image {
  309. background:white!important;
  310. -moz-box-shadow:none!important;
  311. -webkit-box-shadow:none!important;
  312. box-shadow:none!important;
  313. -moz-border-radius:0px!important;
  314. -webkit-border-radius:0px!important;
  315. border-radius:0px!important;
  316. opacity:1!important;
  317. }
  318.  
  319. #tumblr_lightbox_left_image,
  320. #tumblr_lightbox_right_image {opacity:.6!important;}
  321.  
  322. /* config */
  323.  
  324. reb{
  325. display:block;
  326. font-style:italic;
  327. }
  328.  
  329. reb span{
  330. vertical-align:0px;
  331. margin-left:5px;
  332. margin-right:5px;
  333. display:inline-block;
  334. font-size:8px;
  335. }
  336.  
  337. time{ font-style:italic;
  338. margin-right:20px;
  339. {block:PermalinkPage}
  340. display:none;
  341. {/block:PermalinkPage}
  342. }
  343.  
  344. pd{
  345. display:block;
  346. padding:15px;
  347. }
  348.  
  349. /**Fragile Help**/
  350. .lnotes {display:block; margin-top:5px;}
  351. .lnotes .avatar {border:none; margin:5px; width:46px; padding:0;border-radius:100%;}
  352. .lnotes ol {margin:0; padding:0;}
  353. .lnotes li {list-style:none; border:none; float:left; margin:0; padding:0; margin-right:4px; margin-bottom:-2px;}
  354. .lnotes .note .action {display:none; visibility:hidden; margin:0; padding:0;}
  355. .more_box {display:block; width:500px; height:35px; margin:0; padding:0;width:}
  356. .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;}
  357. .lnotes blockquote {display:none;}
  358.  
  359. lin{
  360. display:block;
  361. padding:10px;
  362. width:500px;
  363. }
  364.  
  365. lin span{
  366. margin:5px;
  367. font-size:15px;
  368. }
  369. {block:Tags}
  370. a{
  371. font-weight:normal;
  372. }
  373. {/block:Tags}
  374.  
  375. .chat li{
  376. list-style:none;
  377. }
  378.  
  379. blockquote{
  380. margin-left:0px;
  381. }
  382.  
  383. .chat span{
  384. font-weight:bold;
  385. font-family:calibri;
  386. text-transform:uppercase;
  387. letter-spacing:1px;
  388. }
  389.  
  390. important{
  391. top:60px;
  392. position:fixed;
  393. right:30px;
  394. }
  395.  
  396. important a {
  397. background:{color:Background};
  398. color:{color:Links};
  399. padding:5px;
  400. line-height:14px;
  401. width:14px;
  402. border:1px solid {color:Borders};
  403. height:14px;
  404. margin:2px;
  405. border-radius:2px;
  406. text-align:center;
  407. display:block;
  408. transition:all 0.5s ease-in-out;
  409. }
  410.  
  411.  
  412. .pessoa { text-transform:uppercase; font-size:12px;}
  413. .pessoa a{display:;text-transform:uppercase; font-size:13px; font-weight:normal; color:{color:Links Hover};letter-spacing:x;
  414. border-bottom:1px solid {color:Borders};}
  415. .pessoa img{ width:30px;border-radius:100%; vertical-align:-10px;margin-right:5px;}
  416. .pergunta { background:; margin-top:10px;padding-bottom:20px; margin-left:0px; border-bottom:1px solid {color:Borders}; text-align:left; }
  417. .resposta { padding:15px; padding-top:px; padding-bottom:10px; background:transparent;margin-top:-20px;}
  418.  
  419. nav{
  420. padding:10px;
  421. margin-bottom:0px;
  422. margin-top:-35px;
  423. opacity:0.0;
  424. margin-left:5px;
  425. display:block;
  426. -webkit-transition: all 0.3s ease-out;
  427. -moz-transition: all 0.3s ease-out;
  428. -o-transition: all 0.3s ease-out;
  429. transition: all 0.3s ease-out;
  430. }
  431.  
  432. nav2{
  433. padding:10px;
  434. margin-bottom:0px;
  435. opacity:0.0;
  436. margin-left:5px;
  437. display:block;
  438. -webkit-transition: all 0.3s ease-out;
  439. -moz-transition: all 0.3s ease-out;
  440. -o-transition: all 0.3s ease-out;
  441. transition: all 0.3s ease-out;
  442. }
  443.  
  444. .post:hover nav{
  445. margin-top:-15px;
  446. opacity:1.0;
  447. }
  448.  
  449. .post:hover nav2{
  450. margin-bottom:10px;
  451. opacity:1.0;
  452. }
  453.  
  454. .post:hover nav{
  455. margin-top:-15px;
  456. opacity:1.0;
  457. }
  458.  
  459. .post:hover nav2{
  460. margin-bottom:-5px;
  461. opacity:1.0;
  462. }
  463.  
  464. sidebar{
  465. width:200px;
  466. top:50px;
  467. display:block;
  468. margin-bottom:100px;
  469. }
  470.  
  471. bio{
  472. text-align:left;
  473. display:block;
  474. }
  475.  
  476. #menu{
  477. display:block;
  478. margin-left:0px;
  479. padding-top:10px;
  480. text-align:center;
  481. text-transform:uppercase;
  482. font-size:12px;
  483. letter-spacing:1px;
  484. }
  485.  
  486. sidebar img{
  487. width:100%;
  488. display:block;
  489. }
  490.  
  491. header{
  492. display:block;
  493. height:50px;
  494. text-align:center;
  495. line-height:15px;
  496. margin-top:50px;
  497. z-index:8;
  498. padding-left:20px;
  499. margin-bottom:30px;
  500. }
  501.  
  502. #menu a{
  503. font-family:;
  504. font-weight:normal;
  505. margin:5px;
  506. color:{color:Links Menu};
  507. display:inline-block;
  508. -webkit-transition: all 0.3s ease-out;
  509. -moz-transition: all 0.3s ease-out;
  510. -o-transition: all 0.3s ease-out;
  511. transition: all 0.3s ease-out;
  512. }
  513.  
  514. #menu a:hover{
  515. color:{color:Links Hover Menu};
  516. padding-left:5px;
  517.  
  518. }
  519.  
  520. sidebar h1{
  521. font-size:19px;
  522. font-family: 'Roboto Slab', serif;
  523. font-weight:normal;
  524. margin-bottom:20px;
  525. margin-top:20px;
  526. display:block;
  527. }
  528.  
  529. .segunda{
  530. margin-left:930px;
  531. }
  532.  
  533. h1, h2, h3{
  534. font-size:19px;
  535. font-family: 'Roboto Slab', serif;
  536. font-weight:normal;
  537. color:{color:Titles};
  538. }
  539.  
  540. hov a{
  541. margin-right:10px;
  542. color:{color:Links Hover};
  543. text-transform:uppercase;
  544. font-size:12px;
  545. font-weight:normal;
  546. letter-spacing:1px;
  547. -webkit-transition: all 0.3s ease-out;
  548. -moz-transition: all 0.3s ease-out;
  549. -o-transition: all 0.3s ease-out;
  550. transition: all 0.3s ease-out;
  551. opacity:1.0;
  552. font-size:13px;
  553. }
  554.  
  555. hov{
  556. vertical-align:-2px;
  557. {block:PermalinkPage}
  558. display:none;
  559. {/block:PermalinkPage}
  560. }
  561.  
  562. line{
  563. display:block;
  564. width:70%;
  565. height:1px;
  566. margin-top:20px;
  567. margin-bottom:20px;
  568. background:{color:Borders};
  569. }
  570.  
  571. bloc{
  572. width:200px;
  573. display:block;
  574. }
  575.  
  576. info span{
  577. width:20px;
  578. margin-right:1px;
  579. display:inline-block;
  580. }
  581.  
  582. </style>
  583.  
  584. <a href="#" id="scrollToTop"><span class="fa fa-angle-up" aria-hidden="true"></span></a>
  585.  
  586. <script type="text/javascript" src="https://static.tumblr.com/kecu8nj/auyouzq5m/jquery.js"></script>
  587. <script type="text/javascript" src="https://static.tumblr.com/kecu8nj/uGBow50r6/info.js"></script>
  588.  
  589. <link href="https://fonts.googleapis.com/css?family=Dosis|Markazi+Text|Montserrat|Oxygen|Source+Serif+Pro" rel="stylesheet">
  590.  
  591. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  592.  
  593. <script src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  594.  
  595. <a class="thememaker" href="https://reptilha.tumblr.com/themes"><span class="fa fa-download"></span></a>
  596.  
  597.  
  598. </head>
  599.  
  600. <body>
  601.  
  602. <div id="contain">
  603.  
  604. <center>
  605. <header>
  606.  
  607. <div id="menu">
  608. <a href="{text:Link 1 url}">{text:Link 1}</a>
  609. <a href="{text:Link 2 url}">{text:Link 2}</a>
  610. <a href="{text:Link 3 url}">{text:Link 3}</a>
  611. <a href="{text:Link 4 url}">{text:Link 4}</a>
  612. <a href="{text:Link 5 url}">{text:Link 5}</a>
  613. </div>
  614.  
  615. </header>
  616.  
  617. <sidebar>
  618.  
  619. <img src="{image:Foto}"/>
  620.  
  621. <h1>{Title}</h1>
  622. <line></line>
  623. <bio>
  624. {Description}
  625. </bio>
  626.  
  627. </sidebar>
  628. </center>
  629.  
  630. <div id="content">
  631. {block:Posts}
  632. <div class="post">
  633.  
  634. {block:RebloggedFrom}
  635. {block:IndexPage}
  636. <nav2><reb>{Name}
  637. <span class="sf sf-refresh"></span>
  638. <a href="{ReblogParentURL}">{ReblogParentName}</a></reb>
  639. {/block:IndexPage}
  640. </nav2>{/block:RebloggedFrom}
  641.  
  642. {block:Text}
  643. <pd> {block:Title}
  644. <h1>{Title}</h1>
  645. {/block:Title}{Body}</pd>
  646. {/block:Text}
  647.  
  648. {block:Photo}
  649. <pd> <img src="{PhotoURL-500}" alt="{PhotoAlt}" class="photo"/>
  650.  
  651. {block:Caption}
  652. <div class="caption">{Caption}</div>
  653. {/block:Caption}</pd>
  654. {/block:Photo}
  655.  
  656. {block:Panorama}
  657. {LinkOpenTag}
  658. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  659. {LinkCloseTag}<pd>{block:Caption}
  660. <div class="caption">{Caption}</div>
  661. {/block:Caption}</pd>
  662. {/block:Panorama}
  663.  
  664. {block:Photoset}
  665. <pd> {Photoset}
  666. {block:Caption}{Caption}{/block:Caption}</pd>
  667. {/block:Photoset}
  668.  
  669. {block:Quote}
  670. <pd> {Quote}
  671.  
  672. {block:Source}
  673. <div class="source">{Source}</div>
  674. {/block:Source}</pd>
  675. {/block:Quote}
  676.  
  677. {block:Link}
  678. <pd> <a href="{URL}" class="link" {Target}><span class="fa fa-link" style="margin-right:10px;"></span>{Name}</a>
  679. {block:Description}
  680. <div class="description">{Description}</div>
  681. {/block:Description}</pd>
  682. {/block:Link}
  683.  
  684. {block:Chat}
  685. <pd> {block:Title}
  686. <h3><a href="{Permalink}">{Title}</a></h3>
  687. {/block:Title}
  688.  
  689. <ul class="chat">
  690. {block:Lines}
  691. <li class="{Alt} user_{UserNumber}">
  692. {block:Label}
  693. <span class="label">{Label}</span>
  694. {/block:Label}{Line}
  695. </li>
  696. {/block:Lines}
  697. </ul></pd>
  698. {/block:Chat}
  699.  
  700. {block:Video}
  701. {Video-500}<pd>{block:Caption}
  702. <div class="caption">{Caption}</div>
  703. {/block:Caption}</pd>
  704. {/block:Video}
  705.  
  706. {block:Audio}
  707. {AudioEmbed}<pd>{block:Caption}
  708. <div class="caption">{Caption}</div>
  709. {/block:Caption}</pd>
  710. {/block:Audio}
  711.  
  712. {block:Answer}
  713. <pd><div class="pessoa">{Asker} {text:AskLabel}</div>
  714. <div class="pergunta">{Question}</div></pd>
  715. <div class="resposta">{Answer}</div>
  716. {/block:Answer}
  717.  
  718. {block:ContentSource}
  719. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  720. {/block:ContentSource}
  721. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  722.  
  723. {block:IndexPage}<nav>
  724. <time>{TimeAgo}</time> <hov><a href="{Permalink}" title="Dados da Postagem">{NoteCount}</a> <a href="{ReblogUrl}" title="Compartilhar">Compartilhar</a></hov></nav>{/block:IndexPage}
  725.  
  726. </div>
  727.  
  728. {block:PermalinkPage}
  729. {block:PostNotes}
  730. <div class="post">
  731.  
  732. <lin><span class="fa fa-clock-o"></span> {TimeAgo}</lin>
  733. <lin><span class="fa fa-heart"></span> {NoteCountWithLabel}</lin>
  734. {block:ContentSource}
  735. <lin>{lang:Source}:<a href="{SourceURL}">{Source}</a></lin>{/block:ContentSource}
  736. {block:HasTags}<lin><span class="fa fa-tags"></span> Marcadores:{block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags} </lin>{/block:HasTags}
  737.  
  738. </div>
  739. {/block:PostNotes}
  740. {block:PostNotes}<div class="post"><div class="lnotes">{PostNotes-64}</div><br><br></div>{/block:PostNotes}
  741.  
  742. {/block:PermalinkPage}
  743.  
  744. {block:Pagination}
  745. <div id="pagination">
  746. {block:PreviousPage}
  747. <a href="{PreviousPage}"></a>
  748. {/block:PreviousPage}
  749. {block:NextPage}
  750. <a id="nextPage" href="{NextPage}"></a>
  751. {/block:NextPage}
  752. </div>
  753. {/block:Pagination}
  754.  
  755.  
  756.  
  757.  
  758.  
  759. {block:IndexPage}
  760. <script type="text/javascript">
  761. $(window).load(function () {
  762. $('#content').masonry(),
  763. $('.masonryWrap').infinitescroll({
  764. navSelector : '#pagination',
  765. nextSelector : '#nextPage',
  766. itemSelector : ".post, .loading",
  767. bufferPx : 20,
  768. },
  769. function() { $('#content').masonry({ appendedContent: $(this) }); });
  770. });
  771. </script>
  772. {/block:IndexPage}
  773.  
  774. {/block:Posts}
  775.  
  776.  
  777. </div>
  778.  
  779. <div class="loading"></div>
  780.  
  781. </body>
  782.  
  783. </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!