Advertisement
reptilha

Elizabeth Grace — 001

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