API tools faq
paste
rephtilledesign

Katya | Basic Tumblr Theme

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