API tools faq
paste
Advertisement
reptilha

Nathalia — 003

reptilha
Jul 19th, 2018
1,223
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.30 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. <meta name="color:Posts" content="#f8f8f8"/>
  54.  
  55. <meta name="text:AskLabel" content="perguntou" />
  56. <meta name="if:DarkButtons" content="perguntou" />
  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. <meta name="text:Link 5" content="Link" />
  67. <meta name="text:Link 5 url" content="" />
  68.  
  69.  
  70. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  71. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  72. <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>
  73.  
  74. <style type="text/css">
  75.  
  76. /* config */
  77.  
  78. body{
  79. font-family:times;
  80. background:{color:Background};
  81. font-size:15px;
  82. color:{color:Font};
  83. line-height:20px;
  84. overflow-x:hidden;
  85. }
  86.  
  87. img {
  88. height: auto;
  89. width: auto;
  90. }
  91.  
  92. iframe, img, embed, object, video{
  93. max-width: 100%;
  94. }
  95.  
  96. .photo{
  97. width:100%;
  98. }
  99.  
  100.  
  101. a{
  102. color:{color:Links};
  103. cursor:help;
  104. font-weight:bold;
  105. }
  106.  
  107. .box iframe {
  108. max-width: 100%;
  109.  
  110. }
  111.  
  112. .text img {
  113. max-width: 100%;
  114.  
  115. }
  116.  
  117. blockquote{
  118. margin-left:0%;
  119. width:100%;
  120. }
  121.  
  122. .box img {
  123. display: block;
  124.  
  125. }
  126.  
  127. .clear {
  128. clear: both;
  129.  
  130. }
  131.  
  132. #pagination {
  133. display: none;
  134.  
  135. }
  136.  
  137. a:hover{
  138. color:{color:Link Hover};
  139. -webkit-transition: all 0.3s ease-out;
  140. -moz-transition: all 0.3s ease-out;
  141. -o-transition: all 0.3s ease-out;
  142. transition: all 0.3s ease-out;
  143. }
  144.  
  145. .clearfix:after{
  146. content:".";
  147. display:block;
  148. clear:both;
  149. visibility:hidden;
  150. line-height:0;
  151. height:0;
  152.  
  153. }
  154.  
  155. .clearfix{
  156. display:inline-block;
  157.  
  158. }
  159.  
  160. html[xmlns] .clearfix{
  161. display:block;
  162.  
  163. }*
  164.  
  165. html .clearfix{
  166. height:1%;
  167.  
  168. }
  169.  
  170. a{
  171. text-decoration:none;
  172. }
  173.  
  174. .post {
  175. position: relative;
  176. width:400px;
  177. float:left;
  178. background:{color:Posts};
  179. padding:20px;
  180. margin-bottom:20px;
  181. {block:PermalinkPage}
  182. width:400px;
  183. {/block:PermalinkPage}
  184.  
  185. }
  186.  
  187. #contain {
  188. width:900px;
  189. margin-left:auto;
  190. height:100%;
  191. margin-right:auto;
  192. margin-top:30px;
  193. min-height:700px;
  194.  
  195. }
  196.  
  197. #content {
  198. width:450px;
  199. margin-top:0px;
  200. margin-left:300px;
  201. }
  202.  
  203. #infscr-loading {display:none!important;}
  204. #infscr-loading img {display:none;}
  205. #pagination {display:none;}
  206.  
  207. /**** tumblr blogs avatars ****/
  208. .tumblr_blog {margin-left: 23px;} /** aqui você edita a aparência do link do blog **/
  209. .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 **/
  210. /**** tumblr blogs avatars ****/
  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:-10px;
  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)!important;
  256. {/block:IfNotDarkButtons}
  257. }
  258.  
  259.  
  260. ::-moz-selection {color:inherit;background: transparent;}
  261.  
  262. ::selection {color:inherit;background: transparent;}
  263.  
  264. b{
  265. font-weight:bold;
  266. }
  267.  
  268. .caption{
  269. margin-top:10px;
  270. }
  271.  
  272. ::-webkit-scrollbar
  273. {width: 23px; height: 23px; z-index:-1;}
  274. ::-webkit-scrollbar-track-piece
  275. {background-color: {color:Background};-webkit-border-radius:px;}
  276. ::-webkit-scrollbar-thumb:vertical
  277. {height: 3px; background-color: {color:Borders}; -webkit-border-radius:px;border:10px solid {color:Background}; }
  278. ::-webkit-scrollbar-thumb:horizontal
  279. {width: 3px; background-color: {color:Borders}; -webkit-border-radius:px;border:10px solid {color:Background}; }
  280.  
  281. .source{
  282. font-weight:bold;
  283. margin-top:3px;
  284. }
  285.  
  286. #s-m-t-tooltip {
  287. max-width:200px;
  288. padding:3px 10px 3px 10px;
  289. border:1px solid {color:Borders};
  290. margin:15px 20px;
  291. border-radius:3px;
  292. background:{color:Background};
  293. z-index:123456789;
  294.  
  295. }
  296.  
  297. #tumblr_lightbox {
  298. background-color:rgba(225, 225, 225, .7)!important;
  299. z-index:99999!important;
  300. }
  301.  
  302. #tumblr_lightbox img {opacity:0;}
  303.  
  304. #tumblr_lightbox_caption {
  305. color:black!important;
  306. font-family:arial!important;
  307. font-size:10px!important;
  308. font-weight:normal!important;
  309. text-shadow:none!important;
  310. }
  311. #tumblr_lightbox_center_image,
  312. #tumblr_lightbox_left_image,
  313. #tumblr_lightbox_right_image {
  314. background:white!important;
  315. -moz-box-shadow:none!important;
  316. -webkit-box-shadow:none!important;
  317. box-shadow:none!important;
  318. -moz-border-radius:0px!important;
  319. -webkit-border-radius:0px!important;
  320. border-radius:0px!important;
  321. opacity:1!important;
  322. }
  323.  
  324. #tumblr_lightbox_left_image,
  325. #tumblr_lightbox_right_image {opacity:.6!important;}
  326.  
  327. /* config */
  328.  
  329. reb{
  330. display:block;
  331. font-style:italic;
  332. }
  333.  
  334. reb span{
  335. vertical-align:0px;
  336. margin-left:5px;
  337. margin-right:5px;
  338. display:inline-block;
  339. font-size:8px;
  340. }
  341.  
  342. time{ font-style:italic;
  343. margin-right:20px;
  344. {block:PermalinkPage}
  345. display:none;
  346. {/block:PermalinkPage}
  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:px; padding-top:15px; padding-bottom:10px; background:transparent;margin-top:-20px;}
  418.  
  419. nav{
  420. padding:0px;
  421. margin-bottom:0px;
  422. margin-top:-5px;
  423. opacity:1.0;
  424. margin-left:px;
  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. .sidebar{
  433. width:230px;
  434. margin-left:0px;
  435. z-index:-6;
  436. margin-top:-20px;
  437. position:fixed!important;
  438. display:block;
  439. }
  440.  
  441. bio{
  442. text-align:justify;
  443. display:block;
  444. }
  445.  
  446. #menu{
  447. display:block;
  448. margin-left:790px;
  449. margin-top:0px;
  450. position:fixed;
  451. text-transform:uppercase;
  452. font-size:12px;
  453. letter-spacing:1px;
  454. }
  455.  
  456. .sidebar img{
  457. width:100%;
  458. margin-top:20px;
  459. background:white;
  460. display:block;
  461. }
  462.  
  463. #menu a{
  464. font-family:;
  465. font-weight:bold;
  466. font-family:calibri;
  467. margin:5px;
  468. border-bottom:1px solid transparent;
  469. color:{color:Links Menu};
  470. display:block;
  471. -webkit-transition: all 0.3s ease-out;
  472. -moz-transition: all 0.3s ease-out;
  473. -o-transition: all 0.3s ease-out;
  474. transition: all 0.3s ease-out;
  475. }
  476.  
  477. #menu a::before, #menu a::after{
  478. display:inline-block; opacity:0;
  479. -webkit-transition: -webkit-transform 0.3s,
  480. opacity 0.2s;
  481. -moz-transition: -moz-transform 0.3s,
  482. opacity 0.2s;
  483. transition: transform 0.3s,
  484. opacity 0.2s;
  485.  
  486. }
  487.  
  488. #menu a::before{
  489. margin-right:2px;
  490. content:'[';
  491. -webkit-transform: translateX(10px);
  492. -moz-transform: translateX(10px);
  493. transform: translateX(10px);
  494.  
  495. }
  496.  
  497. #menu a::after{
  498. margin-left:2px; content:']';
  499. -webkit-transform:translateX(-10px);
  500. -moz-transform:translateX(-10px);
  501. transform:translateX(-10px);
  502.  
  503. }
  504.  
  505. #menu a:hover::before, #menu a:hover::after, #menu a:focus::before, #menu a:focus::after{
  506. opacity:1;
  507. -webkit-transform: translateX(0px);
  508. -moz-transform: translateX(0px);
  509. transform: translateX(0px);
  510.  
  511. }
  512.  
  513. .sidebar h1{
  514. font-size:19px;
  515. font-family: 'Dosis', sans-serif;
  516. font-weight:bold;
  517. margin-bottom:10px;
  518. margin-top:20px;
  519. display:block;
  520. }
  521.  
  522. #segunda{
  523. margin-left:930px;
  524. position:fixed!important;
  525. }
  526.  
  527. h1, h2, h3{
  528. font-size:19px;
  529. font-family: 'Dosis', sans-serif;
  530. font-weight:bold;
  531. color:{color:Titles};
  532. }
  533.  
  534. hov a{
  535. margin-right:10px;
  536. color:{color:Links Hover};
  537. text-transform:uppercase;
  538. font-size:12px;
  539. font-weight:normal;
  540. font-family:calibri;
  541. letter-spacing:1px;
  542. -webkit-transition: all 0.3s ease-out;
  543. -moz-transition: all 0.3s ease-out;
  544. -o-transition: all 0.3s ease-out;
  545. transition: all 0.3s ease-out;
  546. opacity:1.0;
  547. font-size:13px;
  548. }
  549.  
  550. hov{
  551. vertical-align:-2px;
  552. {block:PermalinkPage}
  553. display:none;
  554. {/block:PermalinkPage}
  555. }
  556.  
  557. line{
  558. display:block;
  559. width:70%;
  560. height:1px;
  561. margin-top:20px;
  562. margin-bottom:20px;
  563. background:{color:Borders};
  564. }
  565.  
  566. info span{
  567. width:20px;
  568. margin-right:1px;
  569. display:inline-block;
  570. }
  571.  
  572. info{
  573. text-align:left;
  574. }
  575.  
  576. info p{
  577. height:15px;
  578. }
  579.  
  580. bloc{
  581. background:{color:Sidebar e Header};
  582. display:block;
  583. padding:20px;
  584. }
  585.  
  586. </style>
  587.  
  588. <a href="#" id="scrollToTop"><span class="fa fa-angle-up" aria-hidden="true"></span></a>
  589.  
  590. <script type="text/javascript" src="https://static.tumblr.com/kecu8nj/auyouzq5m/jquery.js"></script>
  591. <script type="text/javascript" src="https://static.tumblr.com/kecu8nj/uGBow50r6/info.js"></script>
  592.  
  593. <link href="https://fonts.googleapis.com/css?family=Dosis|Markazi+Text|Montserrat|Oxygen|Source+Serif+Pro" rel="stylesheet">
  594.  
  595. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  596.  
  597. <script src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  598.  
  599. <a class="thememaker" href="https://reptilha.tumblr.com/themes"><span class="fa fa-download"></span></a>
  600.  
  601. </head>
  602.  
  603. <body>
  604.  
  605. <div id="contain">
  606.  
  607. <div class="sidebar">
  608. <center>
  609.  
  610. <img src="{image:Foto}"/>
  611.  
  612. <h1>{Title}</h1>
  613. <line></line>
  614.  
  615. <bio>
  616. {Description}
  617. </bio>
  618.  
  619. </div>
  620.  
  621. <div id="menu">
  622. <a href="{text:Link 1 url}">{text:Link 1}</a>
  623. <a href="{text:Link 2 url}">{text:Link 2}</a>
  624. <a href="{text:Link 3 url}">{text:Link 3}</a>
  625. <a href="{text:Link 4 url}">{text:Link 4}</a>
  626. <a href="{text:Link 5 url}">{text:Link 5}</a>
  627.  
  628. </div>
  629.  
  630. <div id="content">
  631. {block:Posts}
  632. <div class="post">
  633.  
  634. {block:Text}
  635. {block:Title}
  636. <h1>{Title}</h1>
  637. {/block:Title}{Body}</pd>
  638. {/block:Text}
  639.  
  640. {block:Photo}
  641. <img src="{PhotoURL-500}" alt="{PhotoAlt}" class="photo"/>
  642.  
  643. {block:Caption}
  644. <div class="caption">{Caption}</div>
  645. {/block:Caption}</pd>
  646. {/block:Photo}
  647.  
  648. {block:Panorama}
  649. {LinkOpenTag}
  650. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  651. {LinkCloseTag}<pd>{block:Caption}
  652. <div class="caption">{Caption}</div>
  653. {/block:Caption}</pd>
  654. {/block:Panorama}
  655.  
  656. {block:Photoset}
  657. <pd> {Photoset}
  658. {block:Caption}{Caption}{/block:Caption}</pd>
  659. {/block:Photoset}
  660.  
  661. {block:Quote}
  662. <pd> {Quote}
  663.  
  664. {block:Source}
  665. <div class="source">{Source}</div><br>
  666. {/block:Source}</pd>
  667. {/block:Quote}
  668.  
  669. {block:Link}
  670. <pd> <a href="{URL}" class="link" {Target}><span class="fa fa-link" style="margin-right:10px;"></span>{Name}</a>
  671. {block:Description}
  672. <div class="description">{Description}</div>
  673. {/block:Description}<br><br></pd>
  674. {/block:Link}
  675.  
  676. {block:Chat}
  677. <pd> {block:Title}
  678. <h3><a href="{Permalink}">{Title}</a></h3>
  679. {/block:Title}
  680.  
  681. <ul class="chat">
  682. {block:Lines}
  683. <li class="{Alt} user_{UserNumber}">
  684. {block:Label}
  685. <span class="label">{Label}</span>
  686. {/block:Label}{Line}
  687. </li>
  688. {/block:Lines}
  689. </ul></pd>
  690. {/block:Chat}
  691.  
  692. {block:Video}
  693. {Video-500}<pd>{block:Caption}
  694. <div class="caption">{Caption}</div>
  695. {/block:Caption}</pd>
  696. {/block:Video}
  697.  
  698. {block:Audio}
  699. {AudioEmbed}<pd>{block:Caption}
  700. <div class="caption">{Caption}</div>
  701. {/block:Caption}</pd>
  702. {/block:Audio}
  703.  
  704. {block:Answer}
  705. <pd><div class="pessoa">{Asker} {text:AskLabel}</div>
  706. <div class="pergunta">{Question}</div></pd>
  707. <div class="resposta">{Answer}</div>
  708. {/block:Answer}
  709.  
  710. {block:ContentSource}
  711. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  712. {/block:ContentSource}
  713. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  714.  
  715. {block:IndexPage}<nav>
  716. <time>{TimeAgo}</time> <hov><a href="{Permalink}" title="Dados da Postagem">{NoteCount}</a> <a href="{ReblogUrl}" title="Compartilhar">Compartilhar</a></hov></nav>{/block:IndexPage}
  717.  
  718. </div>
  719.  
  720. {block:PermalinkPage}
  721. {block:PostNotes}
  722. <div class="post">
  723.  
  724. <lin><span class="fa fa-clock-o"></span> {TimeAgo}</lin>
  725. <lin><span class="fa fa-heart"></span> {NoteCountWithLabel}</lin>
  726. {block:ContentSource}
  727. <lin>{lang:Source}:<a href="{SourceURL}">{Source}</a></lin>{/block:ContentSource}
  728. {block:HasTags}<lin><span class="fa fa-tags"></span> Marcadores:{block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags} </lin>{/block:HasTags}
  729.  
  730. </div>
  731. {/block:PostNotes}
  732. {block:PostNotes}<div class="post"><div class="lnotes">{PostNotes-64}</div><br><br></div>{/block:PostNotes}
  733.  
  734. {/block:PermalinkPage}
  735.  
  736. {block:Pagination}
  737. <div id="pagination">
  738. {block:PreviousPage}
  739. <a href="{PreviousPage}"></a>
  740. {/block:PreviousPage}
  741. {block:NextPage}
  742. <a id="nextPage" href="{NextPage}"></a>
  743. {/block:NextPage}
  744. </div>
  745. {/block:Pagination}
  746.  
  747.  
  748.  
  749.  
  750.  
  751. {block:IndexPage}
  752. <script type="text/javascript">
  753. $(window).load(function () {
  754. $('#content').masonry(),
  755. $('.masonryWrap').infinitescroll({
  756. navSelector : '#pagination',
  757. nextSelector : '#nextPage',
  758. itemSelector : ".post, .loading",
  759. bufferPx : 20,
  760. },
  761. function() { $('#content').masonry({ appendedContent: $(this) }); });
  762. });
  763. </script>
  764. {/block:IndexPage}
  765.  
  766. {/block:Posts}
  767.  
  768.  
  769. </div>
  770.  
  771. <div class="loading"></div>
  772.  
  773.  
  774. </body>
  775.  
  776. </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!