API tools faq
paste
Advertisement
reptilha

Raleway — 001

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