API tools faq
paste
rephtilledesign

Tihuana | Basic Tumblr Theme

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