Advertisement
reptilha

After — 003

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