API tools faq
paste
rephtilledesign

Agatha | Basic Tumblr Theme

rephtilledesign
Nov 15th, 2020
637
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.25 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Theme desenvolvido por @rephtille
  4. Não copie detalhes e não remova os créditos.
  5.  
  6. Grata pela preferência.
  7. Atenciosamente, G.
  8.  
  9. Theme developed by @rephitlle
  10. Do not copy or remove the credits.
  11.  
  12. Thank you for choosing.
  13. Attently, G.
  14.  
  15. --->
  16.  
  17. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  18. "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  19. <html xmlns="https://www.w3.org/1999/xhtml">
  20. <head>
  21.  
  22. <!-- HEAD -->
  23. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  24. <title>{Title}</title>
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. <link rel="shortcut icon" href="{Favicon}">
  27. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  28.  
  29. <!-- META -->
  30. <meta name="image:Profile" content="https://66.media.tumblr.com/4b48ee50096c3c36b396f32d7389d431/1e797fe6ed80c8bf-61/s2048x3072/90da7f481525e5d4225bc854256fad814b513c63.jpg" />
  31. <meta name="image:Header" content="" />
  32. <meta name="image:Background" content="" />
  33.  
  34. <meta name="text:Link 1" content="Home" />
  35. <meta name="text:Link 1 Url" content="" />
  36. <meta name="text:Link 2" content="Message" />
  37. <meta name="text:Link 2 Url" content="" />
  38. <meta name="text:Link 3" content="Autorships" />
  39. <meta name="text:Link 3 Url" content="" />
  40. <meta name="text:Link 4" content="Tags" />
  41. <meta name="text:Link 4 Url" content="" />
  42. <meta name="text:Link 5" content="Themes" />
  43. <meta name="text:Link 5 Url" content="" />
  44. <meta name="text:Link 6" content="Themes" />
  45. <meta name="text:Link 6 Url" content="" />
  46.  
  47. <meta name="select:Controls Color" content="0%" />
  48. <meta name="select:Controls Color" content="10%" />
  49. <meta name="select:Controls Color" content="20%" />
  50. <meta name="select:Controls Color" content="30%" />
  51. <meta name="select:Controls Color" content="40%" />
  52. <meta name="select:Controls Color" content="50%" />
  53. <meta name="select:Controls Color" content="60%" />
  54. <meta name="select:Controls Color" content="70%" />
  55. <meta name="select:Controls Color" content="80%" />
  56. <meta name="select:Controls Color" content="90%" />
  57. <meta name="select:Controls Color" content="100%" />
  58.  
  59. <meta name="text:Instagram Link" content="" />
  60. <meta name="text:Facebook Link" content="" />
  61. <meta name="text:Twitter Link" content="" />
  62.  
  63. <meta name="if:Header" content="" />
  64.  
  65. <meta name="color:Border" content="#eeeeee" />
  66. <meta name="color:Background" content="#fafafa" />
  67. <meta name="color:Font" content="#696969" />
  68. <meta name="color:Titles" content="#7b9689" />
  69. <meta name="color:Details" content="#7b9689" />
  70. <meta name="color:Menu Links" content="#7b9689" />
  71. <meta name="color:Blocks" content="#fefefe" />
  72. <meta name="color:Scrollbar" content="#cccccc" />
  73. <meta name="color:Link" content="#222222" />
  74.  
  75. <!-- SCRIPTS 01-->
  76. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.js"></script>
  77. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  78. <script>
  79. $(document).ready(function(){
  80. $(".tumblr_blog").each(function() {
  81. var tumblrblogurl = $(this).text();
  82. $(this).before("<img src='https://api.tumblr.com/v2/blog/" + tumblrblogurl + ".tumblr.com/avatar/24' class='tumblr_blog_avatar'/>");
  83. });
  84. });
  85. </script>
  86. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  87. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  88. <script>(function($){$(document).ready(function(){$("[title]")
  89. .style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:20,
  90. tip_fade_speed:400, attribute:"title"});});})(jQuery);</script>
  91.  
  92. <!-- FONTS -->
  93. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  94. <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap" rel="stylesheet">
  95. <link href="https://fonts.googleapis.com/css2?family=Satisfy&display=swap" rel="stylesheet">
  96.  
  97.  
  98.  
  99. <style type="text/css">
  100.  
  101. /* config */
  102. body{
  103. font-family: 'Source Sans Pro', sans-serif;
  104. background:{color:Background};
  105. background-image:url('{image:Background}');
  106. background-repeat:no-repeat;
  107. background-attachment:fixed;
  108. background-size:100%;
  109. font-size:14px;
  110. -webkit-font-smoothing: antialiased;
  111. color:{color:Font};
  112. line-height:20px;
  113. overflow-x:hidden;
  114. overflow-y:hidden;
  115. }
  116. html{
  117. overflow-y: scroll;
  118. scroll-behavior: smooth;
  119. }
  120. img {
  121. height: auto;
  122. width: auto;
  123. }
  124. iframe, img, embed, object, video{
  125. max-width: 100%;
  126. }
  127. blockquote{
  128. margin-left:0%;
  129. width:100%;
  130. }
  131. .clear {
  132. clear: both;
  133.  
  134. }
  135. .clearfix:after{
  136. content:".";
  137. display:block;
  138. clear:both;
  139. visibility:hidden;
  140. line-height:0;
  141. height:0;
  142.  
  143. }
  144. .clearfix{
  145. display:inline-block;
  146.  
  147. }
  148. html[xmlns] .clearfix{
  149. display:block;
  150.  
  151. }*
  152. html .clearfix{
  153. height:1%;
  154.  
  155. }
  156.  
  157. /** LINKS **/
  158. a{
  159. color:{color:Link};
  160. text-decoration:none;
  161. -webkit-transition: all 0.5s ease-out;
  162. -moz-transition: all 0.5s ease-out;
  163. -o-transition: all 0.5s ease-out;
  164. transition: all 0.5s ease-out;
  165. }
  166.  
  167. /** POSTS **/
  168. .posts {
  169. position: relative;
  170. width:29%;
  171. float:left;
  172. border-bottom:2px solid {color:Border};
  173. background:{color:Blocks};
  174. text-align:justify;
  175. margin:2%;
  176. z-index:1;
  177. {block:PermalinkPage}
  178. width:80%;
  179. margin-right:0%;
  180. border-bottom:2px solid {color:Border};
  181. {/block:PermalinkPage}
  182. -webkit-animation:smo 1s;
  183. -moz-animation:smo 1s;
  184. -ms-animation:smo 1s;
  185. }
  186.  
  187. pd{
  188. padding:40px;
  189. display:block;
  190. }
  191.  
  192.  
  193. #entry {
  194.  
  195. width:90%;
  196. margin-right:auto;
  197. margin-top:50px;
  198. display:block;
  199. z-index:-1;
  200.  
  201. margin-left:auto;
  202. margin-right:auto;
  203.  
  204. {block:PermalinkPage}
  205. width:50%;
  206. {/block:PermalinkPage}
  207.  
  208. }
  209.  
  210. contain{
  211. }
  212.  
  213. #infscr-loading {
  214. display:none!important;
  215. z-index:-999999999;
  216.  
  217. }
  218. #infscr-loading img {
  219. display:none;
  220.  
  221. }
  222. #pagination {
  223. display:block;
  224. width:100%;
  225. text-align:center;
  226. text-transform:uppercase;
  227. letter-spacing:3px;
  228. word-spacing:5px;
  229. padding-bottom:60px;
  230. {block:IfTinyVersion}
  231. letter-spacing:2px;
  232. word-spacing:3px;
  233. {/block:IfTinyVersion}
  234.  
  235. }
  236.  
  237. /** APPARENCE 01 **/
  238. .tumblr_blog {
  239. margin-left:0px;
  240. text-transform:uppercase;
  241. font-weight:bold;
  242. font-size:0.7em;
  243. color:{color:Details};
  244. letter-spacing:1px;
  245.  
  246. }
  247. .tumblr_blog_avatar {
  248. display:none;
  249.  
  250. }
  251. .iframe-controls--desktop {
  252. position:absolute!important;
  253. padding-top:35px;
  254. padding-right:13%;
  255. z-index:9999999999999999999999999999;
  256. -webkit-transform:scale(0.6,0.6);
  257. -webkit-transform-origin: 100% 0%;
  258. -ms-transform-origin:100% 0%;
  259. -ms-transform:scale(0.6,0.6);
  260. transform:scale(0.6,0.6);
  261. transform-origin:100% 0%;
  262. -webkit-filter: invert({select:Controls Color});
  263. }
  264.  
  265. h1, h2, h3{
  266. margin-top:0px;
  267. display:block;
  268. text-align:left;
  269. font-size:1.3em;
  270. line-height:25px;
  271. font-weight:bold;
  272. color:{color:Titles};
  273. }
  274.  
  275. ::-moz-selection {
  276. color:inherit;
  277. background: transparent;
  278.  
  279. }
  280. ::selection {
  281. color:inherit;
  282. background: transparent;
  283.  
  284. }
  285. ::-webkit-scrollbar{
  286. width: 7px;
  287. height: 7px;
  288. z-index:-1;
  289.  
  290. }
  291. ::-webkit-scrollbar-track-piece{
  292. background-color:{color:Border};
  293. }
  294. ::-webkit-scrollbar-thumb:vertical{
  295. height: 3px;
  296. background-color:{color:Scrollbar};
  297.  
  298. }
  299. ::-webkit-scrollbar-thumb:horizontal{
  300. width: 3px;
  301. background-color:{color:Scrollbar};
  302.  
  303. }
  304. #s-m-t-tooltip {
  305. max-width:100px;
  306. padding:3px 5px 3px 5px;
  307. margin:15px 20px;
  308. background:{color:Blocks};
  309. z-index:123456789;
  310. border-bottom:2px solid {color:Border}};
  311.  
  312. }
  313.  
  314. /** THEME **/
  315. .tabn a{
  316. display:block;
  317. margin-top:0px;
  318. }
  319.  
  320. .chat .lines {
  321. padding: 5px;
  322. padding-left:0px;
  323. margin-bottom: 2px;
  324.  
  325. }
  326. .chat .lines span {
  327. font-weight: bold;
  328. text-transform:uppercase;
  329. letter-spacing:2px;
  330. font-size:0.9em;
  331. }
  332.  
  333. nav1{
  334. display:block;
  335. margin-top:px;
  336. padding:10px;
  337. border-left:2px solid {color:Border};
  338. margin-left:40px;
  339. margin-right:40px;
  340. margin-top:-30px;
  341. margin-bottom:40px;
  342. line-height:40px;
  343. height:40px;
  344. border-right:2px solid {color:Border};
  345. text-align:center;
  346. opacity:;
  347. }
  348.  
  349. nav1 a{
  350. margin-left:15px;
  351. margin-right:15px;
  352. }
  353.  
  354. nav1:hover a{
  355. opacity:0.3;
  356. }
  357.  
  358. nav1 a:hover{
  359. opacity:1.0;
  360. }
  361.  
  362. .photo{
  363. border-radius:0px;
  364. }
  365.  
  366. #pagination{
  367. display:block;
  368. width:100%;
  369. text-align:center;
  370. text-transform:uppercase;
  371. letter-spacing:3px;
  372. word-spacing:5px;
  373. margin-top:70px;
  374. margin-bottom:30px;
  375. }
  376.  
  377.  
  378. who{
  379. display:block;
  380. text-transform:lowercase;
  381. font-style:italic;
  382. height:40px;
  383. border-bottom:2px solid {color:Border};
  384. background:;
  385. line-height:40px;
  386. padding-bottom:10px;
  387. }
  388.  
  389. ft img{
  390. width:30px;
  391. margin-top:40px;
  392. border:2px solid {color:Border};
  393. margin-top:px;
  394. }
  395.  
  396. who span{
  397. margin-right:px;
  398. vertical-align:-1px;
  399. }
  400.  
  401. what{
  402. display:block;
  403. border-bottom:2px solid {color:Border};
  404. padding-left:40px;
  405. padding-right:40px;
  406. }
  407.  
  408. ans{
  409. display:block;
  410. margin-top:-15px;
  411. font-style:italic;
  412. }
  413.  
  414. .source{
  415. color:{color:Details};
  416. font-weight:bolf;
  417. }
  418.  
  419. .notes .avatar {
  420. border:none;
  421. margin:5px;
  422. width:26px;
  423. padding:0;
  424. border-radius:100%;
  425. border-radius:px;
  426. display:none;
  427. }
  428. .notes ol {
  429. margin:0;
  430. padding:0;
  431. display:block!important;
  432.  
  433. }
  434. .notes a{
  435. text-transform:uppercase;
  436. letter-spacing:2px;
  437. font-size:0.8em;
  438. font-weight:normal;
  439. }
  440. .notes li {
  441. list-style:;
  442. border:none;
  443. display:block!important;
  444. float:left;
  445. width:100%;
  446. margin:0;
  447. padding:0;
  448. margin-right:px;
  449. margin-bottom:px;
  450.  
  451. }
  452. .notes span{
  453. display:block!important;
  454. width:100%;
  455. }
  456. .notes .note .action {
  457. display:;
  458. visibility:;
  459. margin:0;
  460. padding:0;
  461.  
  462. }
  463. .more_box {
  464. display:block;
  465. height:35px;
  466. margin:0;
  467. opacity:0.0;
  468. padding:0;
  469.  
  470. }
  471. .more_notes_link_container a {
  472. display:block;
  473. text-align:left;
  474. font-style:italic;
  475. border:1px solid {color:Border};
  476. padding-left:4px;
  477. padding-right:4px;
  478. padding-top:1px;
  479. padding-bottom:1px;
  480. border-radius:4px;
  481. margin-bottom:10px;
  482. opacity:0.0;
  483.  
  484. }
  485. .notes blockquote {
  486. display:none;
  487.  
  488. }
  489.  
  490. @-webkit-keyframes smo {
  491. 0% {
  492. opacity: 0;
  493. -webkit-transform: translateY(30px);}
  494.  
  495. 100% {
  496. opacity: 1;
  497. -webkit-transform: translateY(0);}}
  498.  
  499. @-moz-keyframes smo {
  500. 0% {
  501. opacity: 0;
  502. -moz-transform: translateY(30px);}
  503.  
  504. 100% {
  505. opacity: 1;
  506. -moz-transform: translateY(0);}}
  507.  
  508. @-ms-keyframes smo {
  509. 0% {
  510. opacity: 0;
  511. -ms-transform: translateY(30px);
  512. }
  513.  
  514. 100% {
  515. opacity: 1;
  516. -ms-transform: translateY(0);}}
  517.  
  518. @-o-keyframes smo {
  519. 0% {
  520. opacity: 0;
  521. -o-transform: translateY(30px);}
  522.  
  523. 100% {
  524. opacity: 1;
  525. -o-transform: translateY(0);}}
  526.  
  527. @keyframes smo {
  528. 0% {opacity: 0;
  529. transform: translateY(30px);}
  530.  
  531. 100% {
  532. opacity: 1;
  533. transform: translateY(0);}}
  534.  
  535.  
  536. @-webkit-keyframes smi {
  537. 0% {
  538. opacity: 0;
  539. -webkit-transform: translateY(-30px);}
  540.  
  541. 100% {
  542. opacity: 1;
  543. -webkit-transform: translateY(0);}}
  544.  
  545. @-moz-keyframes smi {
  546. 0% {
  547. opacity: 0;
  548. -moz-transform: translateY(-30px);}
  549.  
  550. 100% {
  551. opacity: 1;
  552. -moz-transform: translateY(0);}}
  553.  
  554. @-ms-keyframes smi {}
  555.  
  556. @-o-keyframes smi {
  557. 0% {
  558. opacity: 0;
  559. -o-transform: translateY(-30px);}
  560.  
  561. 100% {
  562. opacity: 1;
  563. -o-transform: translateY(0);}}
  564.  
  565. @keyframes smi {
  566. 0% {opacity: 0;
  567. transform: translateY(-30px);}
  568.  
  569. 100% {
  570. opacity: 1;
  571. transform: translateY(0);}}
  572.  
  573. .credit{
  574. width:10px;
  575. height:10px;
  576. border-bottom:2px solid {color:Border};
  577. border-radius:0px;
  578. right:8%;
  579. margin-top:50px;
  580. background:{color:Blocks};
  581. display:block;
  582. z-index:99999999;
  583. position:absolute;
  584. }
  585.  
  586. menav{
  587. display:block;
  588. margin-left:35px;
  589. margin-right:35px;
  590. text-align:left;
  591. margin-top:10px;
  592. margin-bottom:40px;
  593. }
  594.  
  595. menav a{
  596. margin:5px;
  597. display:inline-block;
  598. font-weight:bold;
  599. color:{color:Menu Links};
  600. }
  601.  
  602. line{
  603. display:block;
  604. height:1px;
  605. background:{color:Border};
  606. width:100%;
  607. }
  608.  
  609. menav:hover a{
  610. opacity:0.4;
  611. }
  612.  
  613. menav a:hover{
  614. opacity:1.0;
  615. }
  616.  
  617. li{
  618. list-style:none;
  619. border-left:1px solid {color:Border};
  620. margin-left:0px;
  621. margin-left:-40px;
  622. padding-left:10px;
  623. }
  624.  
  625. blockquote{
  626. width:100%;
  627. }
  628.  
  629. .profile{
  630. width:80px;
  631. border:5px solid {color:Blocks};
  632. {block:IfHeader}
  633. margin-top:-25px;
  634. {/block:IfHeader}
  635. {block:IfNotHeader}
  636. margin-top:40px;
  637. {/block:IfNotHeader}
  638. margin-left:40px;
  639. }
  640.  
  641. name{
  642. display:block;
  643. margin-top:-60px;
  644. margin-left:150px;
  645. margin-bottom:30px;
  646. }
  647.  
  648. url{
  649. display:block;
  650. font-style:italic;
  651. font-size:0.9em;
  652. }
  653.  
  654. nm{
  655. font-weight:bold;
  656. color:{color:Titles};
  657. }
  658. bio{
  659. display:Block;
  660. padding-left:40px;
  661. padding-right:40px;
  662. }
  663.  
  664.  
  665. social{
  666. display:block;
  667. margin-left:35px;
  668. margin-right:35px;
  669. margin-top:10px;
  670.  
  671. }
  672.  
  673. social a{
  674. font-size:10px;
  675. margin:5px;
  676. padding-bottom:3px;
  677. border-bottom:2px solid {color:Border};
  678. }
  679.  
  680. {CustomCss}
  681.  
  682. </style>
  683.  
  684. <a class="credit" href="https://reptilha.tumblr.com/" title="Theme Credit"></a>
  685.  
  686. <!-- SCRIPTS 02 -->
  687. <script type="text/javascript" src="https://static.tumblr.com/kecu8nj/auyouzq5m/jquery.js"></script>
  688. <script type="text/javascript" src="https://static.tumblr.com/kecu8nj/qfAovx3no/min.js"></script>
  689.  
  690. </head>
  691.  
  692. <body>
  693.  
  694. <contain>
  695.  
  696. <div id="entry">
  697. {block:HomePage}
  698. <div class="posts">
  699. <sideba>
  700.  
  701. {block:IfHeader}
  702. <img src="{image:Header}">
  703. {/block:IfHeader}
  704. <img src="{image:Profile}" class="profile">
  705.  
  706. <name>
  707. <nm>{Title}</nm>
  708. <url>@{Name}</url>
  709. </name>
  710.  
  711. <bio>{Description}</bio>
  712.  
  713. <social>
  714. <a href="{text:Instagram Link}" title="Instagram"><span class="th th-instagram-o"></span></a>
  715. <a href="{text:Facebook Link}" title="Facebook"><span class="th th-facebook"></span></a>
  716. <a href="{text:Twitter Link}" title="Twitter"><span class="th th-twitter-o"></span></a>
  717. </social>
  718.  
  719. <menav>
  720. <a href="{text:Link 1 Url}">{text:Link 1}</a>
  721. <a href="{text:Link 2 Url}">{text:Link 2}</a>
  722. <a href="{text:Link 3 Url}">{text:Link 3}</a>
  723. <a href="{text:Link 4 Url}">{text:Link 4}</a>
  724. <a href="{text:Link 5 Url}">{text:Link 5}</a>
  725. <a href="{text:Link 6 Url}">{text:Link 6}</a>
  726. </menav>
  727. </sideba>
  728. </div>
  729. {/block:HomePage}
  730. {block:Posts}
  731. <div class="posts">
  732.  
  733.  
  734. {block:Text}
  735. <pd>
  736. {block:Title}
  737. <h1>{Title}</h1>
  738. {/block:Title}{Body}
  739. </pd>
  740. {/block:Text}
  741.  
  742. {block:Photo}
  743. <img src="{PhotoURL-500}" alt="{PhotoAlt}" class="photo"/>
  744.  
  745. {block:Caption}
  746. <pd> <div class="caption">{Caption}</div></pd>
  747. {/block:Caption}
  748. {/block:Photo}
  749.  
  750. {block:Panorama}
  751. {LinkOpenTag}
  752. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  753. {LinkCloseTag}{block:Caption}
  754. <pd> <div class="caption">{Caption}</div></pd>
  755. {/block:Caption}
  756. {/block:Panorama}
  757.  
  758. {block:Photoset}
  759. {Photoset}
  760.  
  761. {block:Caption}<pd>{Caption}</pd>{/block:Caption}
  762. {/block:Photoset}
  763.  
  764. {block:Quote}
  765. <pd> <span class="th th-quote-up" style="font-size:0.6em;margin-right:2px;color:{color:Details};"></span> {Quote}
  766.  
  767. {block:Source}
  768. <div class="source">{Source}</div>
  769. {/block:Source} </pd>
  770. {/block:Quote}
  771.  
  772. {block:Link}
  773. <pd> <a href="{URL}" class="link" {Target}>Link <span class="th th-link" style="margin-left:4px;font-size:9px;"></span><br>{Name} <span class="th th-chevron-right" style="margin-left:4px;font-size:8px;"></span></a>
  774. {block:Description}
  775. <div class="description">{Description}</div>
  776. {/block:Description}</pd>
  777. {/block:Link}
  778.  
  779. {block:Chat}
  780. <pd>{block:Lines}
  781. <div class="chat">
  782. <div class="lines">{block:Label}
  783. <span>{Label}</span>
  784. {/block:Label}
  785. {Line}</div></div>
  786. {/block:Lines}</pd>
  787. {/block:Chat}
  788.  
  789. {block:Video}
  790. {Video-500}{block:Caption}
  791. <div class="caption">{Caption}</div>
  792. {/block:Caption}
  793. {/block:Video}
  794.  
  795. {block:Audio}
  796. {AudioEmbed}{block:Caption}
  797. <div class="caption"><pd>{Caption}</pd></div>
  798. {/block:Caption}
  799. {/block:Audio}
  800.  
  801. {block:Answer}
  802. <center>
  803. <ft><img src="{AskerPortraitURL-96}"></ft>
  804. <who>@{Asker}</who>
  805. </center>
  806. <what>{Question}</what>
  807. <pd><ans>{Answer}</ans></pd>
  808. {/block:Answer}
  809.  
  810. {block:IndexPage}
  811. <nav1>
  812. {block:Date}<a href="{Permalink}">{TimeAgo}</a> {/block:Date}
  813. <a href="{ReblogUrl}" style="font-size:10px;margin-left:3px;margin-right:3px;"><span class="th th-reblog"></span></a>
  814. <a href="{Permalink}"><span class="notecount">{NoteCount}</span></a>
  815. </nav1>
  816. {/block:IndexPage}
  817.  
  818. {block:ContentSource}
  819. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  820. {/block:ContentSource}
  821. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  822. </div>
  823.  
  824. <!-- PERMALINK PAGE-->
  825. {block:PermalinkPage}
  826. <div class="posts">
  827. <pd>
  828. <perma>
  829. <p>{block:Date}<data>{ShortDayOfWeek} — {ShortMonth}, {DayOfMonth}</data> {/block:Date} </p>
  830. <p>{block:HasTags}Hashtags: {block:Tags} #{Tag} {/block:Tags} {/block:HasTags}</p><br><br>
  831. </perma>
  832.  
  833. {block:PostNotes}<div class="notes">{PostNotes-64}</div>{/block:PostNotes}
  834. </pd></div>
  835. {/block:PermalinkPage}
  836.  
  837. {/block:Posts}
  838.  
  839.  
  840. <!-----------
  841.  
  842.  
  843.  
  844. INFINIT SCROLL BY SOMEONE DISPO BY NEVALISCA
  845.  
  846.  
  847.  
  848.  
  849. ------------->
  850.  
  851. {block:indexpage}
  852. <script type="text/javascript" src="https://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  853. <script src="https://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  854. <script src="https://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  855.  
  856. <script type="text/javascript">
  857. $(window).load(function () {
  858. $('#entry').masonry(),
  859. $('.masonryWrap').infinitescroll({
  860. navSelector : "div#navigation",
  861. nextSelector : "div#navigation a#nextPage",
  862. itemSelector : ".posts",
  863. bufferPx : 10000,
  864. extraScrollPx: 11000,
  865. loadingImg : "https://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  866. loadingText : "<i> </i>",
  867. },
  868. // call masonry as a callback.
  869. function() { $('#entry').masonry({ appendedContent: $(this) }); }
  870. );
  871. });
  872. </script>
  873. </div></div></div>
  874.  
  875. </contain>
  876.  
  877. <footer>
  878. <!-- PAGINATION-->
  879. {block:Pagination}
  880. <div id="pagination">
  881. {block:NextPage}
  882. <a id="nextPage" href="{NextPage}">load more posts</a
  883. {/block:NextPage}
  884. </div>
  885. {/block:Pagination}
  886. </footer>
  887.  
  888.  
  889. </body>
  890.  
  891. </html>
Advertisement
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!