API tools faq
paste
Advertisement
tanaxmercedes

Eucalyptus Theme

tanaxmercedes
Nov 21st, 2018
1,101
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.07 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. eucalyptus theme
  5. by Ⓒ𝙒𝙝𝙞𝙢𝙨𝙮𝙏𝙝𝙚𝙢𝙚𝙨
  6. designed and coded
  7. by @tanaboo
  8.  
  9. release date: nov.21.'18
  10. last update: nov.21.'18
  11.  
  12.  
  13. -->
  14.  
  15. <!DOCTYPE html>
  16. <head>
  17.  
  18. <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  19.  
  20. <link rel="shortcut icon" href="{favicon}">
  21.  
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}
  24. <meta name="description" content="{MetaDescription}" />
  25. {/block:Description}
  26.  
  27. <!-- META TAGS -->
  28.  
  29. <meta name="image:sidebar" content=""/>
  30.  
  31. <meta name="color:Background" content="#ffffff"/>
  32. <meta name="color:Text" content="#cccccc"/>
  33. <meta name="color:Link" content="#a7a7a7"/>
  34. <meta name="color:Hoverlink" content="#ffffff"/>
  35. <meta name="color:NavLink" content="#ffffff"/>
  36. <meta name="color:Link Hover" content="#aaaaaa"/>
  37. <meta name="color:Blogtitle"content="#ffffff"/>
  38. <meta name="color:Title"content="#000000"/>
  39. <meta name="color:Scrollbar" content="#d5d5d5" />
  40. <meta name="color:Borders" content="#eee"/>
  41. <meta name="color:Highlight" content="#E0D2C5">
  42. <meta name="color:Accent" content="#ffed8b">
  43.  
  44. <meta name="color:Gradient Color One" content="#96fbc8">
  45. <meta name="color:Gradient Color Two" content="#ffed8b">
  46.  
  47. <meta name="select:Text" content="9px">
  48. <meta name="select:Text" content="10px">
  49. <meta name="select:Text" content="11px">
  50. <meta name="select:Text" content="12px">
  51. <meta name="select:Text" content="13px">
  52. <meta name="select:Text" content="14px">
  53.  
  54. <meta name="select:Post" content="300px">
  55. <meta name="select:Post" content="400px">
  56. <meta name="select:Post" content="500px">
  57.  
  58. <meta name="select:Font" content="Poppins">
  59. <meta name="select:Font" content="trebuchet ms">
  60. <meta name="select:Font" content="lucida console">
  61. <meta name="select:Font" content="times new roman">
  62. <meta name="select:Font" content="georgia">
  63. <meta name="select:Font" content="verdana">
  64. <meta name="select:Font" content="courier new">
  65. <meta name="select:Font" content="arial">
  66. <meta name="select:Font" content="calibri">
  67. <meta name="select:Font" content="consolas">
  68. <meta name="select:Font" content="ms gothic">
  69.  
  70. <meta name="if:No Gradients" content="0">
  71. <meta name="if:Infinite Scroll" content="1"/>
  72.  
  73. <meta name="text:Link One" content="one" >
  74. <meta name="text:Link One URL" content="/">
  75. <meta name="text:Link One Title" content="title">
  76. <meta name="text:Link Two" content="two" >
  77. <meta name="text:Link Two URL" content="/">
  78. <meta name="text:Link Two Title" content="title">
  79. <meta name="text:Link Three" content="three" >
  80. <meta name="text:Link Three URL" content="/">
  81. <meta name="text:Link Three Title" content="title">
  82. <meta name="text:Link Four" content="four" >
  83. <meta name="text:Link Four URL" content="/">
  84. <meta name="text:Link Four Title" content="title">
  85.  
  86. <meta name="text:Home Title" content="index"/>
  87. <meta name="text:Ask Title" content="message"/>
  88. <meta name="text:Navigation Title" content="navigation"/>
  89. <meta name="text:Archive Title" content="history"/>
  90.  
  91. <meta name="text:Navigation Page Link" content="/navigation">
  92. <meta name="text:Sidebar Quote" content="dwell on the beauty of life" >
  93.  
  94.  
  95.  
  96. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  97. <link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
  98. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  99. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
  100.  
  101. <!-- BODY CSS -->
  102.  
  103. <style type="text/css">
  104.  
  105. /* TUMBLR CONTROLS */
  106.  
  107. .iframe-controls--desktop {
  108. white-space:nowrap!important;
  109. top:50px!important;
  110. right:-35px!important;
  111. opacity:.3!important;
  112. position:fixed!important;
  113. transform: scale(.7);
  114. }
  115.  
  116. /* TOOLTIPS */
  117.  
  118. .ui-tooltip {
  119. position:Absolute;
  120. z-index:9999;
  121. padding-top:4px;
  122. padding-left:10px;
  123. }
  124.  
  125. .ui-tooltip-content {
  126. background-image: linear-gradient(to left, {color:Gradient Color One}, {color:Gradient Color Two});
  127. padding:4px 6px;
  128. font-size:10px;
  129. font-style:italic;
  130. color:{color:hoverlink};
  131. text-transform:lowercase;
  132. border-radius:3px;
  133. }
  134.  
  135. /* SCROLLBAR */
  136.  
  137. ::-webkit-scrollbar { width: 4px; background-color: transparent; }
  138.  
  139. ::-webkit-scrollbar-track { border-radius: 10px; background-color: transparent; }
  140.  
  141. ::-webkit-scrollbar-thumb { border-radius: 10px; background-image: linear-gradient(to bottom, {color:Gradient Color One}, {color:Gradient Color Two}); }
  142.  
  143. ::-webkit-scrollbar-corner { background: transparent ; }
  144.  
  145. /* BODY STRUCTURE */
  146.  
  147. body {
  148. background: {color:Background};
  149. color:{color:text};
  150. font: {select:Text} {select:Font};
  151. word-wrap: break-word;
  152. text-align: left;
  153. overflow-x:hidden;
  154. margin:0;
  155. }
  156.  
  157. a {
  158. color:{color:link};
  159. text-decoration:none;
  160. transition:all .3s linear;
  161. -webkit-transition:all .3s linear;
  162. -o-transition:all .3s linear;
  163. -moz-transition:all .3s linear;
  164. }
  165.  
  166. a, a img {cursor:pointer;}
  167.  
  168. a:hover {
  169. color:{color:link hover}!important;
  170. text-decoration:none;
  171. }
  172.  
  173. img {
  174. opacity:1;
  175. border:0;
  176. text-decoration:none;
  177. max-width:100%;
  178. height:auto;
  179. display:block;
  180. }
  181.  
  182. blockquote {
  183. padding:.25em 0 .25em 15px;
  184. margin:.5em 0;
  185. border-left:1px solid {color:borders};
  186. }
  187.  
  188. pre {
  189. padding:0;
  190. margin:0;
  191. line-height:inherit!important;
  192. background:transparent;
  193. font-family:inherit!Important;
  194. font-size:inherit!important;
  195. white-space:pre-wrap;
  196. white-space:-moz-pre-wrap;
  197. white-space:-pre-wrap;
  198. white-space:-o-pre-wrap;
  199. word-wrap:break-word;
  200. }
  201.  
  202. p {
  203. margin:1em 0;}
  204.  
  205. p:first-of-type {
  206. margin-top:0;}
  207.  
  208. p:last-of-type {
  209. margin-bottom:0;}
  210.  
  211. b, strong, b a, strong a {
  212. font-weight:bold!important;
  213. color:{color:title};
  214. }
  215.  
  216. small, big, sub, pre {
  217. font-size:1em!important;
  218. line-height:1.4em!important;
  219. vertical-align:baseline!important;
  220. }
  221.  
  222. h1, h2, h3, h4 {
  223. margin:1.5em 0;
  224. font-size:1.5em;
  225. padding:0;
  226. color:{color:title};
  227. font-weight:bold;
  228. }
  229.  
  230. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {
  231. margin-top:0;}
  232.  
  233. hr {
  234. border:none;
  235. box-shadow:0;
  236. margin:2em auto;
  237. width:75px;
  238. border-top:1px solid {color:borders}
  239. }
  240.  
  241. #header{
  242. width:100%;
  243. background-image: linear-gradient(to left, {color:Gradient Color One}, {color:Gradient Color Two});
  244. {block:ifNoGradients}
  245. Background:{color:Gradient Color One};
  246. {/block:ifNoGradients}
  247. height:auto;
  248. padding:12px;
  249. position:fixed;
  250. top:0;
  251. left:0;
  252. z-index:9999;
  253. border-bottom:solid 6px rgba(255,255,255, 0.3);
  254. }
  255.  
  256. .sfm input {
  257. float:left;
  258. background-color: #f2f2f2;
  259. font-size: 9px;
  260. border: 0px;
  261. text-transform: uppercase;
  262. margin-top: 0px;
  263. color: #909090;
  264. letter-spacing: 1px;
  265. padding: 6px 6px;
  266. margin-right:8px;
  267. }
  268.  
  269. /* sidebar */
  270.  
  271.  
  272. #sidebar {
  273. position:fixed;
  274. width:250px;
  275. margin:100px auto 75px auto;
  276. background:white;
  277. padding:18px;
  278. right:0;
  279. border:1px solid #eee;
  280. border-radius:3px;
  281. }
  282.  
  283. #sidebar:after{
  284. content:"";
  285. background-image: linear-gradient(to left, {color:Gradient Color One}, {color:Gradient Color Two});
  286. {block:ifNoGradients}
  287. Background:{color:Gradient Color One};
  288. {/block:ifNoGradients}
  289. display: block;
  290. height:10px;
  291. width: 100%;
  292. position: absolute;
  293. left:0;
  294. bottom:0;
  295.  
  296. }
  297.  
  298. #sidebar img {
  299. display:block;
  300. width:60px;
  301. height:60px;
  302. margin:0 auto 20px auto;
  303. }
  304.  
  305. #blogtitle {
  306. float:right;
  307. margin-right:30px;
  308. text-transform:uppercase;
  309. letter-spacing:3px;
  310. font-size:1.5em;
  311. color:{color:blogtitle};
  312. }
  313.  
  314. #quo{
  315. text-align:right;
  316. font-size:10px;
  317. margin-bottom:12px;
  318. font-style:italic;
  319. }
  320.  
  321. #desc {
  322. font-size:12px;
  323. max-height:200px;
  324. text-align:justify;
  325. margin-top:0px;
  326. }
  327.  
  328. nav {
  329. display:block;
  330. margin-top:-85px;
  331. margin-left:-49px;
  332. width:30px;
  333. height:auto;
  334. border-radius: 10px 0px 0px 10px;
  335. -moz-border-radius: 10px 0px 0px 10px;
  336. -webkit-border-radius: 10px 0px 0px 10px;
  337. background:#e4e4e4;
  338. }
  339.  
  340. nav a {
  341. color:{color:NavLink};
  342. font-size:14px;
  343. display:inline-block;
  344. margin:6px;
  345. margin-left:8px;
  346.  
  347. }
  348.  
  349. /* PAGINATION [IF NOT INFINITE SCROLL] */
  350.  
  351. footer {
  352. font-size: 10px;
  353. text-align:left;
  354. color:#fff;
  355. margin-left:190px;
  356. margin-bottom:100px;
  357. {block:ifinfinitescroll}
  358. display:none;
  359. {/block:ifinfinitescroll}
  360. }
  361.  
  362. footer span {
  363. text-align:left;
  364. display:inline-block;
  365. }
  366.  
  367. .current_page {
  368. font-size: 22px;
  369. font-style:italc;
  370. color:{color:title};
  371. padding:6px;
  372. }
  373.  
  374. footer a {
  375. display:inline-block;
  376. border:0;
  377. padding:4px;
  378. margin:0 5px;
  379. border-radius:3px;
  380. }
  381.  
  382. #infscr-loading {
  383. display:none!important;}
  384.  
  385. /* POSTS */
  386.  
  387. section {
  388. position:absolute;
  389. width:400px;
  390. float:left;
  391. left:50%;
  392. margin-left:-262px;
  393. }
  394.  
  395. .posts {
  396. background:white;
  397. padding:12px;
  398. width:{select:Post};
  399. margin-top:100px;
  400. margin-bottom:100px;
  401. border:1px solid {color:Borders};
  402. border-radius:3px;
  403. overflow:hidden;
  404. {block:PermalinkPage}
  405. width:500px;
  406. margin-left:-360px;
  407. {/block:PermalinkPage}
  408. }
  409.  
  410. .ph {
  411. position:relative;
  412. overflow:hidden;
  413. }
  414.  
  415. .ph img {
  416. width:100%;
  417. display:block;
  418. }
  419.  
  420. /* TITLES */
  421.  
  422. .title {
  423. color:{color:title};
  424. font-size:1.25em;
  425. line-height:1.75em;
  426. }
  427.  
  428. .title a {
  429. color:{color:title};}
  430.  
  431. .title a:hover {
  432. color:{color:link};}
  433.  
  434. .ted {
  435. margin-top:10px;}
  436.  
  437. /* POST CAPTIONS */
  438.  
  439. .comment {
  440. padding:0 0 1.5em 0;
  441. list-style:none;
  442. }
  443.  
  444. .comment:last-of-type {
  445. padding-bottom:0!important;}
  446.  
  447. .user {
  448. display:inline-block;
  449. line-height:1em;
  450. font-style:italic;
  451. margin-bottom:.75em;
  452. }
  453.  
  454. .captioned .comment:first-of-type {
  455. margin-top:2em;}
  456.  
  457. .tex li, .tex blockquote {
  458. text-align:left;}
  459.  
  460. /* QUOTES */
  461.  
  462. .source {
  463. margin-top:5px;}
  464.  
  465. /* AUDIOS */
  466.  
  467. .player {
  468. width:25px;
  469. height:24px;
  470. position:absolute;
  471. left:10px;
  472. top:calc(50% - 15px);
  473. display:block;
  474. overflow:hidden;
  475. }
  476.  
  477. .hold {
  478. text-align:left;
  479. {color:Gradient Color One}:{color:background};
  480. border:1px solid {color:borders};
  481. position:relative;
  482. display:block;
  483. min-height:24px;
  484. padding:15px;
  485. }
  486.  
  487. .audio_info {
  488. vertical-align:middle;
  489. line-height:12px;
  490. margin-left:35px;
  491. max-width:calc(100% - 35px);
  492. }
  493.  
  494. .audio_info span {
  495. white-space:nowrap;
  496. overflow:hidden;
  497. text-overflow:ellipsis;
  498. display:block;
  499. }
  500.  
  501. .hold .track {
  502. color:{color:title};}
  503.  
  504. /* ASKS */
  505.  
  506. .q {
  507. text-align:left;
  508. padding:15px;
  509. margin-bottom:2em;
  510. border:1px solid {color:borders};
  511. }
  512.  
  513. .as {
  514. text-transform:lowercase;}
  515.  
  516. .as a {
  517. color:{color:text};}
  518.  
  519. .as a:hover {
  520. color:{color:link hover};}
  521.  
  522. /* CHATS */
  523.  
  524. .chat {
  525. text-align:left;
  526. margin:0;
  527. padding:0;
  528. list-style:none;
  529. }
  530.  
  531. .l {
  532. padding:15px 0;
  533. border-bottom:1px solid {color:borders};
  534. }
  535.  
  536. .label {
  537. font-weight:bold;
  538. color:{color:title};
  539. display:inline-block;
  540. }
  541.  
  542. .l:first-of-type {
  543. padding-top:0;}
  544.  
  545. .l:last-of-type {
  546. padding-bottom:0;
  547. border:0;
  548. }
  549.  
  550. /* PERMALINKS AND NOTES */
  551.  
  552. .postfooter {
  553. text-align:center;
  554. margin-top:15px;}
  555.  
  556. .postfooter span {
  557. display:block;}
  558.  
  559. .tags {
  560. margin-top:.5em;
  561. color:{color:text};
  562. }
  563.  
  564. .tags a {
  565. font-style:italic;
  566. color:{color:text};
  567. display:inline;
  568. margin:0 2.5px;
  569. }
  570.  
  571. .tags a:hover{
  572. color:{color:Gradient Color One} !important;
  573. }
  574.  
  575. .pagenotes {
  576. width:350px;
  577. max-height:350px;
  578. position:absolute;
  579. top:0px;
  580. left:550px;
  581. overflow:scroll;
  582. padding-top:2em;
  583. border-top:1px solid {color:borders};
  584. }
  585.  
  586. ol.notes {
  587. list-style-type:none;
  588. padding:0px;
  589. margin:0px;
  590. }
  591.  
  592. ol.notes li.note {
  593. display:block;
  594. padding:0;
  595. margin:5px 0;
  596. }
  597.  
  598. ol.notes li.note img.avatar {
  599. display:none!important;}
  600.  
  601. a.more_notes_link {
  602. display:block;
  603. text-align:center;
  604. color:{color:title};
  605. }
  606.  
  607. #datenum {
  608. position:absolute;
  609. right:415px;
  610. color:{color:Blogtitle};
  611. padding:6px 18px 6px 18px;
  612. margin-top:-12px;
  613. font-size:25px;
  614. border-radius:3px;
  615. background:{color:Borders};
  616. {block:PermalinkPage}
  617. display:none;
  618. {/block:PermalinkPage}
  619. }
  620.  
  621. #datenum a {
  622. color:{color:Blogtitle};
  623. }
  624.  
  625. #datenum:after{
  626. content:"";
  627. background-image: linear-gradient(to left, {color:Gradient Color One}, {color:Gradient Color Two});
  628. {block:ifNoGradients}
  629. Background:{color:Gradient Color One};
  630. {/block:ifNoGradients}
  631. display: block;
  632. height:8px;
  633. width: 100%;
  634. position: absolute;
  635. left:0;
  636. bottom:0;
  637.  
  638. }
  639.  
  640.  
  641. {CustomCSS}
  642.  
  643. </style>
  644.  
  645. </head>
  646.  
  647. <body>
  648.  
  649.  
  650.  
  651. <div id="header">
  652. <form action="/search" method="get" class="sfm">
  653. <input type="text" name="q" value="{SearchQuery}"/>
  654. <input type="submit" value="Search"/>
  655. </form>
  656. <a id="blogtitle" href="/">{Title}</a>
  657. </div>
  658.  
  659. <div id="sidebar">
  660.  
  661. <div id="quo"> <span class="th th-information-o" style="float:left; font-size:14px;"></span> {text:Sidebar Quote} &mdash;</div>
  662. <div id="desc">{Description}</div>
  663.  
  664. <nav>
  665. {block:ifHomeTitle}
  666. <a href="/" title="index"><span class="th th-placeholder-4"></span></a>
  667. {/block:ifHomeTitle}
  668. {block:ifAskTitle}
  669. <a href="/ask" title="message"><span class="th th-paper-plane"></span></a>
  670. {/block:ifAskTitle}
  671. {block:ifNavigationTitle}
  672. <a href="{text:NavigationPageLink}" title="navigation"><span class="th th-menu-2"></span></a>
  673. {/block:ifNavigationTitle}
  674. {block:ifArchiveTitle}
  675. <a href="/archive" title="archives"><span class="th th-folder-16"></span></a>
  676. {/block:ifArchiveTitle}
  677. {block:ifLink1}
  678. <a href="{text:Link One url}" title="{text:Link One Title}">{text:Link One}</a>
  679. {/block:ifLink1}
  680. {block:ifLink2}
  681. <a href="{text:Link Two url}" title="{text:Link Two Title}">{text:Link Two}</a>
  682. {/block:ifLink2}
  683. {block:ifLink3}
  684. <a href="{text:Link Three url}" title="{text:Link Three Title}">{text:Link Three}</a>
  685. {/block:ifLink3}
  686. {block:ifLink4}
  687. <a href="{text:Link Four url}" title="{text:Link Four Title}">{text:Link Four}</a>
  688. {/block:ifLink4}
  689. </nav>
  690. </div>
  691.  
  692. <section id="entries">{block:posts}
  693. <article class="posts {block:caption}captioned{/block:caption}">
  694.  
  695. <div id="datenum">
  696. <a href="{Permalink}">
  697. .{PostNumber}
  698. </a>
  699. </div>
  700.  
  701. {block:Quote}
  702. <div class="title quote">{quote}</div>
  703. {block:Source}
  704. <div class="source">{source}</div>
  705. {/block:Source}
  706. {/block:Quote}
  707.  
  708. {block:Text}
  709. {block:Title}
  710. <div class="title">{title}</div>
  711. {/block:Title}
  712. {block:RebloggedFrom}
  713. {block:Reblogs}
  714. <li class="comment {block:Title}ted{/block:Title}">
  715. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  716. <div class="tex">{body}</div>
  717. </li>
  718. {/block:Reblogs}
  719. {/block:RebloggedFrom}
  720. {block:NotReblog}
  721. <li class="comment {block:Title}ted{/block:Title}">
  722. <div class="tex">{body}</div>
  723. </li>
  724. {/block:NotReblog}
  725. {/block:Text}
  726.  
  727. {block:Link}<div class="title"><a href="{URL}">{name}</a></div>
  728. {block:Description}
  729. {block:NotReblog}
  730. <li class="comment ted">
  731. <div class="tex">{description}</div>
  732. </li>
  733. {/block:NotReblog}
  734. {/block:Description}
  735. {block:RebloggedFrom}
  736. {block:Reblogs}
  737. <li class="comment">
  738. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  739. <div class="tex">{body}</div>
  740. </li>
  741. {/block:Reblogs}
  742. {/block:RebloggedFrom}
  743. {/block:Link}
  744.  
  745. {block:Chat}
  746. {block:Title}<div id="title">{title}</div>{/block:Title}
  747. <ol class="chat {block:Title}ted{/block:Title}">
  748. {block:lines}
  749. <li class="l {Alt}">
  750. {block:label}<span class="label">{label}</span>{/block:label} {line}
  751. </li>
  752. {/block:lines}
  753. </ol>
  754. {/block:Chat}
  755.  
  756. <div class="ph">
  757.  
  758. {block:Photo}
  759. {linkopentag}
  760. <img src="{photoURL-HighRes}" alt="{PhotoAlt}"/>
  761. {linkclosetag}
  762. {/block:Photo}
  763.  
  764. {block:Photoset}
  765. {photoset}
  766. {/block:Photoset}
  767.  
  768. {block:Video}
  769. {video-400}
  770. {/block:Video}
  771.  
  772. {block:Audio}
  773. {block:audioplayer}
  774. <div class="hold">
  775. <div class="player">{audioplayerwhite}</div>
  776. <div class="audio_info">
  777. {block:trackname}<span class="track">{trackname}</span>{/block:trackname}
  778. {block:artist}<span class="artist">{artist}</span>{/block:artist}
  779. </div>
  780. </div>
  781. {/block:audioplayer}
  782. {/block:Audio}
  783.  
  784. {block:caption}
  785. {block:Reblogs}
  786. <li class="comment">
  787. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  788. <div class="tex">{body}</div>
  789. </li>
  790. {/block:Reblogs}
  791. {block:NotReblog}
  792. <li class="comment">
  793. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{name}</a>
  794. <div class="tex">{caption}</div>
  795. </li>
  796. {/block:NotReblog}
  797. {/block:caption}
  798.  
  799. </div>
  800.  
  801. {block:Answer}
  802. <div class="q">
  803. <span class="as">{asker} sent &mdash;</span>
  804. {question}
  805. </div>
  806. {block:Answerer}
  807. <li class="comment">
  808. <div class="user">{answerer} replied:</div>
  809. <div class="tex">{answer}</div>
  810. </li>
  811. {/block:Answerer}
  812. {block:NotReblog}
  813. <li class="comment">
  814. <div class="tex">{replies}</div>
  815. </li>
  816. {/block:NotReblog}
  817. {block:RebloggedFrom}
  818. {block:Reblogs}
  819. <li class="comment">
  820. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  821. <div class="tex">{body}</div>
  822. </li>
  823. {/block:Reblogs}
  824. {/block:RebloggedFrom}
  825. {/block:Answer}
  826.  
  827.  
  828. {block:Date}
  829. <div class="postfooter">
  830. <hr>
  831. <a href="{Permalink}" style="font-size:20px;" title="permalink"><i class="fab fa-pagelines"></i></a>
  832. <br>
  833. {block:hastags}
  834. <span class="tags">{block:Tags}<a href="{TagUrl}"><i class="fas fa-hashtag"></i> {Tag}</a>{/block:Tags}</span>
  835. {/block:hasTags}
  836. </div>
  837. {/block:Date}
  838.  
  839. </article>
  840.  
  841. {block:PostNotes}
  842. <article class="posts pagenotes">
  843. <div class="title">{NoteCountWithLabel}</div>
  844. {block:RebloggedFrom}
  845. <span style="margin-top:5px">via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  846. {block:ContentSource} &mdash; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}
  847. </span>
  848. {/block:RebloggedFrom}
  849. <hr>
  850. {PostNotes}
  851. </article>
  852. {/block:PostNotes}
  853.  
  854. {/block:Posts}
  855.  
  856. {block:Pagination}
  857. <footer id="pagination">
  858. {block:PreviousPage}
  859. <a href="{PreviousPage}">Previous</a>
  860. {/block:PreviousPage}
  861.  
  862. {block:JumpPagination length="5"}
  863. {block:CurrentPage}
  864. <span class="current_page">{PageNumber}</span>
  865. {/block:CurrentPage}
  866.  
  867. {block:JumpPage}
  868. <a class="jump_page" href="{URL}">{PageNumber}</a>
  869. {/block:JumpPage}
  870. {/block:JumpPagination}
  871.  
  872. {block:NextPage}
  873. <a href="{NextPage}">Next</a>
  874. {/block:NextPage}
  875. </footer>
  876. {/block:Pagination}
  877.  
  878. </section>
  879.  
  880. {block:indexpage}{block:ifinfinitescroll}<script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}{/block:indexpage}
  881.  
  882. <script>
  883. $(document).ready(function(){
  884. $('body').tooltip({track:true});
  885. $('iframe.tumblr_audio_player').load( function() {
  886. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:background} !important} </style>"));
  887. });
  888. {block:indexpage}
  889. {block:ifinfinitescroll}
  890. var $container = $('section');
  891. $container.infinitescroll({
  892. itemSelector: 'article',
  893. navSelector: 'footer',
  894. nextSelector: 'footer a',
  895. loadingImg: '',
  896. loadingText: '<em></em>',
  897. bufferPx: 100
  898. },
  899. function( newElements ) {
  900. var $newElems = $( newElements );
  901. $newElems.find('iframe.tumblr_audio_player').load(function(){
  902. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:background}!important} </style>"));
  903. });
  904. });
  905. {/block:ifinfinitescroll}
  906. {/block:indexpage}
  907. });
  908. </script>
  909.  
  910. {block:ContentSource}
  911. {SourceURL}
  912. {block:SourceLogo}
  913. <img src="{BlackLogoURL}"
  914. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  915. {/block:SourceLogo}
  916. {block:NoSourceLogo}
  917. {SourceLink}
  918. {/block:NoSourceLogo}
  919. {/block:ContentSource}
  920.  
  921. <div style="z-index:999999999999999999999999999; position:fixed; bottom:3px; right:10px; opacity:.7; text-transform:none; font-style:none; color: #000; text-shadow: 2px 1px 0px {color:Gradient Color One}, -1px -1px 0px {color:Gradient Color Two};">
  922. <a href="http://whimsythemes.tumblr.com" title="Eucalyptus Theme by WhimsyThemes." style="text-decoration:none;">
  923. <span style="color:{color:Link}; font-size:24px">Ꮗ.</span>
  924. </a>
  925. </div>
  926.  
  927. </body>
  928.  
  929. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!