API tools faq
paste
rephtilledesign

Iveline | Basic Tumblr Theme

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