API tools faq
paste
Advertisement
yeoli

Theme 36

yeoli
Nov 25th, 2017 (edited)
9,845
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 61.19 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--[if IE 8]><html class="lt-ie10 lt-ie9"> <![endif]-->
  3. <!--[if IE 9]><html class="lt-ie10"> <![endif]-->
  4. <!--[if gt IE 9]><!--> <html> <!--<![endif]-->
  5. <head>
  6.  
  7.  
  8. <!--
  9. ==========================================================
  10.  
  11.  
  12. Theme 36 ( https://yeoli-thm36.tumblr.com/ )
  13. Version 2.1
  14. Released: 25/11/2017
  15. Updated: 05/03/2021
  16. Created by: yeoli-thm
  17. Website: yeoli-thm.tumblr.com
  18. Support: yeoli-thm.tumblr.com
  19.  
  20. Copyright (c) 2021. Powered by Tumblr.
  21.  
  22.  
  23. ==========================================================
  24.  
  25.  
  26. // Terms Of Use:
  27. - Do not steal or use as base codes.
  28. - Do not repost or redistribute codes.
  29. - Feel free to customize theme for your personal use
  30. but please do not remove the credits.
  31.  
  32.  
  33. ==========================================================
  34. -->
  35.  
  36.  
  37. <meta charset="utf-8">
  38. <title>{Title}</title>
  39. {block:Description}
  40. <meta name="description" content="{MetaDescription}">
  41. {/block:Description}
  42.  
  43. <link rel="shortcut icon" href="{Favicon}">
  44. <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  45. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  46.  
  47. {block:Hidden}
  48. <meta name="image:Alternate sidebar icon" content=""/>
  49.  
  50. <meta name="color:Background" content="#f9f9f9"/>
  51. <meta name="color:Post bg" content="#ffffff"/>
  52. <meta name="color:Post borders" content="#ffffff"/>
  53. <meta name="color:Body text" content="#bbbbbb"/>
  54. <meta name="color:Bold text" content="#92afb0"/>
  55. <meta name="color:Italic text" content="#abd2d4"/>
  56. <meta name="color:Links" content="#444444"/>
  57. <meta name="color:Links hover" content="#ced1c4"/>
  58. <meta name="color:Headings" content="#2f2f2f"/>
  59. <meta name="color:Bullet points" content="#444444"/>
  60. <meta name="color:Numbered lists" content="#444444"/>
  61. <meta name="color:Answer post usernames" content="#dda09f"/>
  62. <meta name="color:Tumblr usernames in captions" content="#ced1c4"/>
  63. <meta name="color:Blockquote borders" content="#e7e7e7"/>
  64. <meta name="color:Reblog button bg" content="#ced1c4"/>
  65. <meta name="color:Reblog button text" content="#ffffff"/>
  66. <meta name="color:Permalink icon bg" content="#ffebc2"/>
  67. <meta name="color:Permalink icon text" content="#e5cc9b"/>
  68. <meta name="color:Notecount" content="#ced1c4"/>
  69. <meta name="color:Notecount hover bg" content="#ced1c4"/>
  70. <meta name="color:Notecount hover text" content="#ffffff"/>
  71. <meta name="color:Tags bg" content="#e5b7b6"/>
  72. <meta name="color:Tags text" content="#ffffff"/>
  73. <meta name="color:Header bg" content="#000000"/>
  74. <meta name="color:Header links" content="#dddddd"/>
  75. <meta name="color:Header links hover" content="#ffffff"/>
  76. <meta name="color:Header links bullet point" content="#dda09f"/>
  77. <meta name="color:Sidebar follow button bg" content="#ced1c4"/>
  78. <meta name="color:Sidebar follow button text" content="#ffffff"/>
  79. <meta name="color:Sidebar links" content="#bbbbbb"/>
  80. <meta name="color:Sidebar links hover" content="#444444"/>
  81. <meta name="color:Tooltip bg" content="#000000"/>
  82. <meta name="color:Tooltip text" content="#ffffff"/>
  83.  
  84. <meta name="select:Pagination" content="defaultpagi" title="default"/>
  85. <meta name="select:Pagination" content="ifntscroll" title="infinite scroll"/>
  86. <meta name="select:Pagination" content="manualload" title="manual load"/>
  87.  
  88. <meta name="select:Sidebar position" content="leftside" title="left"/>
  89. <meta name="select:Sidebar position" content="rightside" title="right"/>
  90.  
  91. <meta name="select:Post size" content="fourpx" title="400px"/>
  92. <meta name="select:Post size" content="fivepx" title="500px"/>
  93.  
  94. <meta name="select:Post audio player color" content="audioblack" title="black"/>
  95. <meta name="select:Post audio player color" content="audiogrey" title="grey"/>
  96. <meta name="select:Post audio player color" content="audiowhite" title="white"/>
  97.  
  98. <meta name="if:Fixed header" content="0"/>
  99. <meta name="if:Rounded corners" content="1"/>
  100. <meta name="if:Post borders" content="1"/>
  101. <meta name="if:Show post captions" content="1"/>
  102. <meta name="if:Show post tags" content="1"/>
  103. <meta name="if:Show sidebar links" content="1"/>
  104. <meta name="if:Show search bar" content="1"/>
  105.  
  106. <meta name="if:Enable google fonts" content="0"/>
  107.  
  108. <meta name="text:Font family" content="Calibri"/>
  109. <meta name="text:Font size" content="11px"/>
  110.  
  111. <meta name="text:Box shadow opacity" content="0.1"/>
  112. <meta name="text:Post photoset gutter size" content="1px"/>
  113.  
  114. <meta name="text:Header link 1 label" content="Header link 1"/>
  115. <meta name="text:Header link 1 URL" content=""/>
  116. <meta name="text:Header link 2 label" content="Header link 2"/>
  117. <meta name="text:Header link 2 URL" content=""/>
  118. <meta name="text:Link 1 label" content="Link 1"/>
  119. <meta name="text:Link 1 URL" content=""/>
  120. <meta name="text:Link 2 label" content="Link 2"/>
  121. <meta name="text:Link 2 URL" content=""/>
  122. <meta name="text:Link 3 label" content="Link 3"/>
  123. <meta name="text:Link 3 URL" content=""/>
  124. <meta name="text:Link 4 label" content="Link 4"/>
  125. <meta name="text:Link 4 URL" content=""/>
  126. <meta name="text:Link 5 label" content="Link 5"/>
  127. <meta name="text:Link 5 URL" content=""/>
  128. <meta name="text:Link 6 label" content="Link 6"/>
  129. <meta name="text:Link 6 URL" content=""/>
  130. <meta name="text:Link 7 label" content="Link 7"/>
  131. <meta name="text:Link 7 URL" content=""/>
  132. <meta name="text:Link 8 label" content="Link 8"/>
  133. <meta name="text:Link 8 URL" content=""/>
  134. {/block:Hidden}
  135.  
  136. <link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700{block:IfEnableGoogleFonts}|{text:Font family}:400,400i,700,700i{/block:IfEnableGoogleFonts}" rel="stylesheet">
  137.  
  138. <link href="https://static.tumblr.com/kmw8hta/p0jpgtbdt/tooltipster_main.css" rel="stylesheet">
  139. <link href="https://static.tumblr.com/kmw8hta/K7Xqpi177/boxicons.css" rel="stylesheet">
  140. <link href="https://cdn.jsdelivr.net/gh/echxn/yeolithm@master/src/css/thm36.css" rel="stylesheet">
  141.  
  142. <!-- HTML5 Shiv -->
  143. <!--[if lt IE 9]>
  144. <script src="https://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script>
  145. <![endif]-->
  146.  
  147.  
  148. <style>
  149.  
  150.  
  151. :root {
  152. --photosetGutterSize: {text:Post photoset gutter size};
  153. }
  154.  
  155.  
  156. /* Body font style & colors: */
  157.  
  158. body {
  159. font-family: {text:Font family}, 'Calibri', sans-serif;
  160. font-size: {text:Font size};
  161. color: {color:Body text};
  162. background-color: {color:Background};
  163. }
  164.  
  165. /* Heading color: */
  166.  
  167. h1, h2, h3, h4, h5, h6 {
  168. color: {color:Headings};
  169. }
  170.  
  171. /* Links colors: */
  172.  
  173. a, a:link, a:active, a:visited {
  174. color: {color:Links};
  175. }
  176.  
  177. a:hover {
  178. color: {color:Links hover};
  179. }
  180.  
  181. /* Miscellaneous colors: */
  182.  
  183. b, strong {
  184. color: {color:Bold text};
  185. }
  186.  
  187. i, em {
  188. color: {color:Italic text};
  189. }
  190.  
  191. ol > li:before {
  192. color: {color:Numbered lists};
  193. }
  194.  
  195. ul > li:before {
  196. background-color: {color:Bullet points};
  197. }
  198.  
  199. blockquote,
  200. pre {
  201. border-color: {color:Blockquote borders};
  202. }
  203.  
  204. /* Tooltip color: */
  205.  
  206. .tooltipster-content {
  207. color: {color:Tooltip text};
  208. background-color: {color:Tooltip bg};
  209. }
  210.  
  211. /* Post styling and colors: */
  212.  
  213. .bg {
  214. background-color: {color:Post bg};
  215. box-shadow: 0 1px 4px rgba(0,0,0,{text:Box shadow opacity});
  216. }
  217.  
  218. .border .bg {
  219. border: 1px solid {color:Post borders};
  220. }
  221.  
  222. .post-buttons {
  223. color: {color:Reblog button text};
  224. background: {color:Reblog button bg};
  225. }
  226.  
  227. a.permalink-button,
  228. .content-source > a {
  229. color: {color:Permalink icon text};
  230. background-color: {color:Permalink icon bg};
  231. }
  232.  
  233. .photo-slideshow.processed {
  234. margin-bottom: -{text:Post photoset gutter size};
  235. }
  236.  
  237. .trackname {
  238. color: inherit;
  239. }
  240.  
  241. .post-ask .post-tumblelog-name {
  242. color: {color:Answer post usernames};
  243. }
  244.  
  245. .post-tumblelog-name,
  246. a.post-tumblelog-name,
  247. .notes > li:before,
  248. .notes .action a,
  249. a.more_notes_link {
  250. color: {color:Tumblr usernames in captions};
  251. }
  252.  
  253. .notes-button,
  254. a.notes-button {
  255. color: {color:Notecount};
  256. border-color: {color:Notecount};
  257. }
  258.  
  259. a.notes-button:hover {
  260. color: {color:Notecount hover text};
  261. background-color: {color:Notecount hover bg};
  262. border-color: {color:Notecount hover bg};
  263. }
  264.  
  265. .tags > li:hover,
  266. .tags > li.tag-icon {
  267. color: {color:Tags text};
  268. background-color: {color:Tags bg};
  269. }
  270.  
  271. .tags > li a:before {
  272. border-color: {color:Tags bg};
  273. }
  274.  
  275. .tags > li:hover a:before {
  276. border-color: {color:Tags text};
  277. }
  278.  
  279. .tag a {
  280. font-family: 'Inconsolata', monospace;
  281. }
  282.  
  283. /* Sidebar: */
  284.  
  285. a.follow,
  286. a.blog-avatar {
  287. color: {color:Sidebar follow button text};
  288. background-color: {color:Sidebar follow button bg};
  289. }
  290.  
  291. .blog-title {
  292. color: inherit;
  293. }
  294.  
  295. .side-links a {
  296. color: {color:Sidebar links};
  297. }
  298.  
  299. .side-links a:hover {
  300. color: {color:Sidebar links hover};
  301. }
  302.  
  303. .search-query {
  304. font-family: 'Inconsolata', monospace;
  305. box-shadow: inset 0 1px 3px rgba(0,0,0,{text:Box shadow opacity});
  306. }
  307.  
  308. /* Pagination: */
  309.  
  310. #pagination a {
  311. color: rgba({RGBcolor:Body text},.6);
  312. }
  313.  
  314. #pagination a.page-active {
  315. color: rgba({RGBcolor:Body text},1)
  316. }
  317.  
  318. #pagination a.page-active:hover,
  319. .load-button:hover {
  320. color: {color:Reblog button text};
  321. background-color: {color:Reblog button bg};
  322. }
  323.  
  324. /* Header: */
  325.  
  326. #header {
  327. background: {color:Header bg};
  328. box-shadow: 0 1px 4px rgba(0,0,0,{text:Box shadow opacity});
  329. }
  330.  
  331. .border #header {
  332. border-bottom: 1px solid {color:Post borders};
  333. }
  334.  
  335. .nav a {
  336. color: {color:Header links};
  337. }
  338.  
  339. .nav a:hover {
  340. color: {color:Header links hover};
  341. }
  342.  
  343. .nav a:before {
  344. color: {color:Header links bullet point};
  345. }
  346.  
  347. .nav a:after {
  348. border-color: {color:Header links bullet point};
  349. }
  350.  
  351. .nav span {
  352. text-shadow: -1px -1px 0px {color:Header bg},
  353. 0px -1px 0px {color:Header bg},
  354. 1px -1px 0px {color:Header bg},
  355. -1px 0px 0px {color:Header bg},
  356. 1px 0px 0px {color:Header bg},
  357. -1px 1px 0px {color:Header bg},
  358. 0px 1px 0px {color:Header bg},
  359. 1px 1px 0px {color:Header bg},
  360. -2px -2px 0px {color:Header bg},
  361. -1px -2px 0px {color:Header bg},
  362. 0px -2px 0px {color:Header bg},
  363. 1px -2px 0px {color:Header bg},
  364. 2px -2px 0px {color:Header bg},
  365. 2px -1px 0px {color:Header bg},
  366. 2px 0px 0px {color:Header bg},
  367. 2px 1px 0px {color:Header bg},
  368. 2px 2px 0px {color:Header bg},
  369. 1px 2px 0px {color:Header bg},
  370. 0px 2px 0px {color:Header bg},
  371. -1px 2px 0px {color:Header bg},
  372. -2px 2px 0px {color:Header bg},
  373. -2px 1px 0px {color:Header bg},
  374. -2px 0px 0px {color:Header bg},
  375. -2px -1px 0px {color:Header bg};
  376. }
  377.  
  378. /* Back to top button colors: */
  379.  
  380. .top-button:hover {
  381. background-color: {color:Reblog button bg};
  382. }
  383.  
  384. .arrow-icon span {
  385. color: {color:Body text};
  386. }
  387.  
  388. .up {
  389. color: {color:Reblog button text};
  390. }
  391.  
  392. {CustomCSS}
  393. </style>
  394. </head>
  395. <body class="{select:Sidebar position} {select:Post size}{block:IfFixedHeader} fixedheader{/block:IfFixedHeader}{block:IfRoundedCorners} round{/block:IfRoundedCorners}{block:IfPostBorders} border{/block:IfPostBorders}{block:IndexPage} index{/block:IndexPage}{block:PermalinkPage} permalink{/block:PermalinkPage}{block:Pagination} {select:Pagination}{/block:Pagination}">
  396.  
  397. <div id="top-button">
  398. <button class="top-button bg">
  399. <div class="arrow-icon">
  400. <span class="bx bx-arrow-back"></span>
  401. </div>
  402. <div class="up">
  403. <span>up</span>
  404. </div>
  405. </button>
  406. </div>
  407.  
  408. <header id="header">
  409. <ul class="nav">
  410. <li><a href="/"><span>Home</span></a></li>
  411. {block:AskEnabled}<li><a href="/ask"><span>Ask</span></a></li>{/block:AskEnabled}
  412. {block:SubmissionsEnabled}<li><a href="/submit"><span>Submit</span></a></li>{/block:SubmissionsEnabled}
  413. <li><a href="/archive"><span>Archive</span></a></li>
  414. {block:IfHeaderLink1Label}<li><a href="{text:Header link 1 URL}"><span>{text:Header link 1 label}</span></a></li>{/block:IfHeaderLink1Label}
  415. {block:IfHeaderLink2Label}<li><a href="{text:Header link 2 URL}"><span>{text:Header link 2 label}</span></a></li>{/block:IfHeaderLink2Label}
  416. <li><a href="https://yeoli-thm.tumblr.com" target="_blank"><span>Theme</span></a></li>
  417. </ul>
  418. </header>
  419.  
  420. <div id="container">
  421.  
  422. <aside id="sidebar">
  423.  
  424. <header class="bg side-head">
  425. <div class="side-head-body">
  426. <div class="blog-avatar-wrapper">
  427. <a href="/" class="blog-avatar">
  428. {block:IfNotAlternateSidebarIconImage}
  429. <img src="{PortraitURL-64}" alt=""/>
  430. {block:IfNotAlternateSidebarIconImage}
  431. {block:IfAlternateSidebarIconImage}
  432. <img src="{image:Alternate sidebar icon}" alt=""/>
  433. {/block:IfAlternateSidebarIconImage}
  434. <span class="bx bx-home"></span>
  435. </a>
  436. </div>
  437. <div class="blog-title-wrapper">
  438. <h4 class="blog-title">{Title}</h4>
  439. <a href="https://www.tumblr.com/follow/{Name}" class="follow">{lang:Follow}</a>
  440. </div>
  441. </div>
  442. </header>
  443.  
  444. {block:Description}
  445. <section class="bg side-entry description">
  446. <div class="body-text ">
  447. {Description}
  448. </div>
  449. </section>
  450. {/block:Description}
  451.  
  452. {block:IfShowSidebarLinks}
  453. <section class="bg side-entry">
  454. <ul class="side-links">
  455. {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}{/block:HasPages}
  456. {block:IfLink1Label}<li><a href="{text:Link 1 URL}">{text:Link 1 label}</a></li>{/block:IfLink1Label}
  457. {block:IfLink2Label}<li><a href="{text:Link 2 URL}">{text:Link 2 label}</a></li>{/block:IfLink2Label}
  458. {block:IfLink3Label}<li><a href="{text:Link 3 URL}">{text:Link 3 label}</a></li>{/block:IfLink3Label}
  459. {block:IfLink4Label}<li><a href="{text:Link 4 URL}">{text:Link 4 label}</a></li>{/block:IfLink4Label}
  460. {block:IfLink5Label}<li><a href="{text:Link 5 URL}">{text:Link 5 label}</a></li>{/block:IfLink5Label}
  461. {block:IfLink6Label}<li><a href="{text:Link 6 URL}">{text:Link 6 label}</a></li>{/block:IfLink6Label}
  462. {block:IfLink7Label}<li><a href="{text:Link 7 URL}">{text:Link 7 label}</a></li>{/block:IfLink7Label}
  463. {block:IfLink8Label}<li><a href="{text:Link 8 URL}">{text:Link 8 label}</a></li>{/block:IfLink8Label}
  464. </ul>
  465. </section>
  466. {/block:IfShowSidebarLinks}
  467.  
  468. {block:IfShowSearchBar}
  469. <div id="searchbar" class="bg">
  470. <form action="/search" method="get" class="search">
  471. <input type="text" name="q" value="{SearchQuery}" class="search-query" placeholder="{lang:Search}..."/>
  472. <input type="submit" value="Search" id="search-button" hidden/>
  473. <label for="search-button" class="search-button" title="{lang:Search}">
  474. <span class="bx bx-search"></span>
  475. </label>
  476. </form>
  477. </div>
  478. {/block:IfShowSearchBar}
  479.  
  480. {block:Pagination}
  481. <div id="pagination">
  482. <a{block:PreviousPage} href="{PreviousPage}"{/block:PreviousPage} class="bg page-{block:PreviousPage}active{block:PreviousPage}">{Lang:Prev}</a>
  483. <span>{CurrentPage} | {TotalPages}</span>
  484. <a{block:NextPage} href="{NextPage}" id="next"{/block:NextPage} class="bg page-{block:NextPage}active{block:NextPage}">{Lang:Next}</a>
  485. </div>
  486. {/block:Pagination}
  487.  
  488. </aside>
  489.  
  490. <main>
  491. {block:IndexPage}
  492. {block:NoPosts}
  493. <article class="post">
  494. <div class="bg post-title">
  495. <h6>{lang:This Tumblr hasnt made any posts}</h6>
  496. </div>
  497. </article>
  498. {/block:NoPosts}
  499. {/block:IndexPage}
  500. {block:SearchPage}
  501. {block:NoSearchResults}
  502. <article class="post">
  503. <div class="bg post-title">
  504. <h1>{lang:No results found}</h1>
  505. </div>
  506. <div class="bg post-entry">
  507. <div class="body-text">
  508. <p>There are no results matching your search.</p>
  509. </div>
  510. </div>
  511. </article>
  512. {/block:NoSearchResults}
  513. {/block:SearchPage}
  514. {block:Posts inlineMediaWidth="900" inlineNestedMediaWidth="900"}
  515. <article class="post{block:Caption} has-cap{block:IfShowPostCaptions}-show{/block:IfShowPostCaptions}{block:IfNotShowPostCaptions}-hide{/block:IfNotShowPostCaptions}{/block:Caption}" id="{postID}">
  516.  
  517. {block:Date}
  518. <header class="post-head">
  519. <div class="bg date">
  520. <span>{DayOfWeek} {DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</span>
  521. </div>
  522. <ul class="bg post-buttons">
  523. <li class="like-btn tooltip" title="like ?">
  524. {LikeButton size="20"}
  525. <span class="bx bx-heart"></span>
  526. </li>
  527. <li class="tooltip" title="reblog ?">
  528. <a href="{ReblogURL}"{block:IndexPage} target="_blank"{/block:IndexPage}>
  529. <span class="bx bx-repost"></span>
  530. </a>
  531. </li>
  532. </ul>
  533. </header>
  534. {block:IndexPage}
  535. <a href="{Permalink}" class="bg permalink-button">
  536. <div class="perm-icon">
  537. {block:Text}<span class="bx bx-file"></span>{/block:Text}
  538. {block:Photo}<span class="bx bx-image"></span>{/block:Photo}
  539. {block:Photoset}<span class="bx bx-images"></span>{/block:Photoset}
  540. {block:Video}<span class="bx bx-film"></span>{/block:Video}
  541. {block:Quote}<span class="bx bxs-quote-right"></span>{/block:Quote}
  542. {block:Link}<span class="bx bx-link"></span>{/block:Link}
  543. {block:Chat}<span class="bx bx-group"></span>{/block:Chat}
  544. {block:Audio}<span class="bx bx-music"></span>{/block:Audio}
  545. {block:Answer}<span class="bx bx-envelope"></span>{/block:Answer}
  546. </div>
  547. <div class="perm-text">
  548. <span>I N</span>
  549. <span>F O</span>
  550. </div>
  551. </a>
  552. {/block:IndexPage}
  553. {block:PermalinkPage}
  554. <div class="content-source">
  555. {block:RebloggedFrom}
  556. <a href="{ReblogParentURL}" {Target} class="bg tooltip" title="Via: {ReblogParentName}">
  557. <span class="bx bx-user-plus"></span>
  558. </a>
  559. <a href="{ReblogRootURL}" {Target} class="bg tooltip" title="Origin: {ReblogRootName}">
  560. <span class="bx bx-user-circle"></span>
  561. </a>
  562. {/block:RebloggedFrom}
  563. {block:ContentSource}
  564. <a href="{SourceURL}" {Target} class="bg tooltip" title="Source: {SourceTitle}">
  565. <span class="bx bx-map-pin"></span>
  566. </a>
  567. {/block:ContentSource}
  568. </div>
  569. {/block:PermalinkPage}
  570. {/block:Date}
  571.  
  572. {block:Text}
  573. {block:Title}
  574. <div class="bg post-title">
  575. <h1>{Title}</h1>
  576. </div>
  577. {/block:Title}
  578. {block:NotReblog}
  579. <div class="bg post-entry">
  580. <div class="body-text">
  581. {Body}
  582. </div>
  583. {block:Date}
  584. <div class="notecount">
  585. {block:IndexPage}
  586. <a href="{BlogURL}post/{postID}" class="notes-button">{NoteCountWithLabel}</a>
  587. {/block:IndexPage}
  588. {block:PermalinkPage}
  589. <span class="notes-button">{NoteCountWithLabel}</span>
  590. {/block:PermalinkPage}
  591. </div>
  592. {/block:Date}
  593. </div>
  594. {/block:NotReblog}
  595. {block:RebloggedFrom}
  596. <div class="reblog-list">
  597. {block:Reblogs}
  598. <div class="post-reblog-trail">
  599. <div class="bg post-reblog-avatar">
  600. <img src="{PortraitURL-64}" alt=""/>
  601. </div>
  602. <div class="bg post-reblog-entry">
  603. <div class="body-text">
  604. {block:HasPermalink}
  605. <a href="{Permalink}" target="_blank" class="post-tumblelog-name">{Username}</a>
  606. {/block:HasPermalink}
  607. {block:HasNoPermalink}
  608. <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  609. {/block:HasNoPermalink}
  610. {Body}
  611. </div>
  612. <div class="notecount">
  613. {block:IndexPage}
  614. <a href="{BlogURL}post/{postID}" class="notes-button">{NoteCountWithLabel}</a>
  615. {/block:IndexPage}
  616. {block:PermalinkPage}
  617. <span class="notes-button">{NoteCountWithLabel}</span>
  618. {/block:PermalinkPage}
  619. </div>
  620. </div>
  621. </div>
  622. {/block:Reblogs}
  623. </div>
  624. {/block:RebloggedFrom}
  625. {/block:Text}
  626.  
  627. {block:Photo}
  628. <figure>
  629. <div class="bg post-entry">
  630. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" style="display:block;width:100%"/>
  631. </div>
  632. {block:Caption}
  633. <figcaption class="caption">
  634. {block:NotReblog}
  635. <div class="bg post-entry">
  636. <div class="body-text">
  637. {Caption}
  638. </div>
  639. <div class="notecount">
  640. {block:IndexPage}
  641. <a href="{BlogURL}post/{postID}" class="notes-button">{NoteCountWithLabel}</a>
  642. {/block:IndexPage}
  643. {block:PermalinkPage}
  644. <span class="notes-button">{NoteCountWithLabel}</span>
  645. {/block:PermalinkPage}
  646. </div>
  647. </div>
  648. {/block:NotReblog}
  649. {block:RebloggedFrom}
  650. <div class="reblog-list">
  651. {block:Reblogs}
  652. <div class="post-reblog-trail">
  653. <div class="bg post-reblog-avatar">
  654. <img src="{PortraitURL-64}" alt=""/>
  655. </div>
  656. <div class="bg post-reblog-entry">
  657. <div class="body-text">
  658. {block:HasPermalink}
  659. <a href="{Permalink}" target="_blank" class="post-tumblelog-name">{Username}</a>
  660. {/block:HasPermalink}
  661. {block:HasNoPermalink}
  662. <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  663. {/block:HasNoPermalink}
  664. {Body}
  665. </div>
  666. <div class="notecount">
  667. {block:IndexPage}
  668. <a href="{BlogURL}post/{postID}" class="notes-button">{NoteCountWithLabel}</a>
  669. {/block:IndexPage}
  670. {block:PermalinkPage}
  671. <span class="notes-button">{NoteCountWithLabel}</span>
  672. {/block:PermalinkPage}
  673. </div>
  674. </div>
  675. </div>
  676. {/block:Reblogs}
  677. </div>
  678. {/block:RebloggedFrom}
  679. </figcaption>
  680. {/block:Caption}
  681. <div class="bg post-entry media-notes">
  682. <div class="notecount">
  683. {block:IndexPage}
  684. <a href="{BlogURL}post/{postID}" class="notes-button">{NoteCountWithLabel}</a>
  685. {/block:IndexPage}
  686. {block:PermalinkPage}
  687. <span class="notes-button">{NoteCountWithLabel}</span>
  688. {/block:PermalinkPage}
  689. </div>
  690. </div>
  691. </figure>
  692. {/block:Photo}
  693.  
  694. {block:Photoset}
  695. <figure>
  696. <div class="bg post-entry">
  697. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  698. {block:Photos}
  699. <div class="photo-data">
  700. <div class="pxu-photo">
  701. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"/>
  702. </div>
  703. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  704. </div>
  705. {/block:Photos}
  706. </div>
  707. </div>
  708. {block:Caption}
  709. <figcaption class="caption">
  710. {block:NotReblog}
  711. <div class="bg post-entry">
  712. <div class="body-text">
  713. {Caption}
  714. </div>
  715. <div class="notecount">
  716. {block:IndexPage}
  717. <a href="{BlogURL}post/{postID}" class="notes-button">{NoteCountWithLabel}</a>
  718. {/block:IndexPage}
  719. {block:PermalinkPage}
  720. <span class="notes-button">{NoteCountWithLabel}</span>
  721. {/block:PermalinkPage}
  722. </div>
  723. </div>
  724. {/block:NotReblog}
  725. {block:RebloggedFrom}
  726. <div class="reblog-list">
  727. {block:Reblogs}
  728. <div class="post-reblog-trail">
  729. <div class="bg post-reblog-avatar">
  730. <img src="{PortraitURL-64}" alt=""/>
  731. </div>
  732. <div class="bg post-reblog-entry">
  733. <div class="body-text">
  734. {block:HasPermalink}
  735. <a href="{Permalink}" target="_blank" class="post-tumblelog-name">{Username}</a>
  736. {/block:HasPermalink}
  737. {block:HasNoPermalink}
  738. <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  739. {/block:HasNoPermalink}
  740. {Body}
  741. </div>
  742. <div class="notecount">
  743. {block:IndexPage}
  744. <a href="{BlogURL}post/{postID}" class="notes-button">{NoteCountWithLabel}</a>
  745. {/block:IndexPage}
  746. {block:PermalinkPage}
  747. <span class="notes-button">{NoteCountWithLabel}</span>
  748. {/block:PermalinkPage}
  749. </div>
  750. </div>
  751. </div>
  752. {/block:Reblogs}
  753. </div>
  754. {/block:RebloggedFrom}
  755. </figcaption>
  756. {/block:Caption}
  757. <div class="bg post-entry media-notes">
  758. <div class="notecount">
  759. {block:IndexPage}
  760. <a href="{BlogURL}post/{postID}" class="notes-button">{NoteCountWithLabel}</a>
  761. {/block:IndexPage}
  762. {block:PermalinkPage}
  763. <span class="notes-button">{NoteCountWithLabel}</span>
  764. {/block:PermalinkPage}
  765. </div>
  766. </div>
  767. </figure>
  768. {/block:Photoset}
  769.  
  770. {block:Video}
  771. <figure>
  772. <div class="bg post-entry">
  773. <div class="tmblr-embed">
  774. {VideoEmbed-500}
  775. </div>
  776. </div>
  777. {block:Caption}
  778. <figcaption class="caption">
  779. {block:NotReblog}
  780. <div class="bg post-entry">
  781. <div class="body-text">
  782. {Caption}
  783. </div>
  784. <div class="notecount">
  785. {block:IndexPage}
  786. <a href="{BlogURL}post/{postID}" class="notes-button">{NoteCountWithLabel}</a>
  787. {/block:IndexPage}
  788. {block:PermalinkPage}
  789. <span class="notes-button">{NoteCountWithLabel}</span>
  790. {/block:PermalinkPage}
  791. </div>
  792. </div>
  793. {/block:NotReblog}
  794. {block:RebloggedFrom}
  795. <div class="reblog-list">
  796. {block:Reblogs}
  797. <div class="post-reblog-trail">
  798. <div class="bg post-reblog-avatar">
  799. <img src="{PortraitURL-64}" alt=""/>
  800. </div>
  801. <div class="bg post-reblog-entry">
  802. <div class="body-text">
  803. {block:HasPermalink}
  804. <a href="{Permalink}" target="_blank" class="post-tumblelog-name">{Username}</a>
  805. {/block:HasPermalink}
  806. {block:HasNoPermalink}
  807. <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  808. {/block:HasNoPermalink}
  809. {Body}
  810. </div>
  811. <div class="notecount">
  812. {block:IndexPage}
  813. <a href="{BlogURL}post/{postID}" class="notes-button">{NoteCountWithLabel}</a>
  814. {/block:IndexPage}
  815. {block:PermalinkPage}
  816. <span class="notes-button">{NoteCountWithLabel}</span>
  817. {/block:PermalinkPage}
  818. </div>
  819. </div>
  820. </div>
  821. {/block:Reblogs}
  822. </div>
  823. {/block:RebloggedFrom}
  824. </figcaption>
  825. {/block:Caption}
  826. <div class="bg post-entry media-notes">
  827. <div class="notecount">
  828. {block:IndexPage}
  829. <a href="{BlogURL}post/{postID}" class="notes-button">{NoteCountWithLabel}</a>
  830. {/block:IndexPage}
  831. {block:PermalinkPage}
  832. <span class="notes-button">{NoteCountWithLabel}</span>
  833. {/block:PermalinkPage}
  834. </div>
  835. </div>
  836. </figure>
  837. {/block:Video}
  838.  
  839. {block:Quote}
  840. <div class="bg post-quote">
  841. <h4>{Quote}</h4>
  842. </div>
  843. <div class="bg post-entry">
  844. {block:Source}
  845. <div class="body-text">
  846. <div class="quote-source">
  847. {block:NotReblog}
  848. <p>{Source}</p>
  849. {/block:NotReblog}
  850. {block:RebloggedFrom}
  851. {Source}
  852. {/block:RebloggedFrom}
  853. </div>
  854. </div>
  855. {/block:Source}
  856. <div class="notecount">
  857. {block:IndexPage}
  858. <a href="{BlogURL}post/{postID}" class="notes-button">{NoteCountWithLabel}</a>
  859. {/block:IndexPage}
  860. {block:PermalinkPage}
  861. <span class="notes-button">{NoteCountWithLabel}</span>
  862. {/block:PermalinkPage}
  863. </div>
  864. </div>
  865. {/block:Quote}
  866.  
  867. {block:Link}
  868. <div class="bg post-title">
  869. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  870. </div>
  871. {block:NotReblog}
  872. <div class="bg post-entry">
  873. {block:Description}
  874. <div class="body-text">
  875. {Description}
  876. </div>
  877. {/block:Description}
  878. {block:Date}
  879. <div class="notecount">
  880. {block:IndexPage}
  881. <a href="{BlogURL}post/{postID}" class="notes-button">{NoteCountWithLabel}</a>
  882. {/block:IndexPage}
  883. {block:PermalinkPage}
  884. <span class="notes-button">{NoteCountWithLabel}</span>
  885. {/block:PermalinkPage}
  886. </div>
  887. {/block:Date}
  888. </div>
  889. {/block:NotReblog}
  890. {block:RebloggedFrom}
  891. <div class="reblog-list">
  892. {block:Reblogs}
  893. <div class="post-reblog-trail">
  894. <div class="bg post-reblog-avatar">
  895. <img src="{PortraitURL-64}" alt=""/>
  896. </div>
  897. <div class="bg post-reblog-entry">
  898. <div class="body-text">
  899. {block:HasPermalink}
  900. <a href="{Permalink}" target="_blank" class="post-tumblelog-name">{Username}</a>
  901. {/block:HasPermalink}
  902. {block:HasNoPermalink}
  903. <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  904. {/block:HasNoPermalink}
  905. {Body}
  906. </div>
  907. <div class="notecount">
  908. {block:IndexPage}
  909. <a href="{BlogURL}post/{postID}" class="notes-button">{NoteCountWithLabel}</a>
  910. {/block:IndexPage}
  911. {block:PermalinkPage}
  912. <span class="notes-button">{NoteCountWithLabel}</span>
  913. {/block:PermalinkPage}
  914. </div>
  915. </div>
  916. </div>
  917. {/block:Reblogs}
  918. </div>
  919. {/block:RebloggedFrom}
  920. {/block:Link}
  921.  
  922. {block:Chat}
  923. {block:Title}
  924. <div class="bg post-title">
  925. <h1>{Title}</h1>
  926. </div>
  927. {/block:Title}
  928. <div class="chat">
  929. {block:Lines}
  930. <div class="bg post-entry">
  931. <div class="body-text">
  932. {block:Label}<b class="chat-label">{Label}</b>{/block:Label} <span class="chat-line">{Line}</span>
  933. </div>
  934. <div class="notecount">
  935. {block:IndexPage}
  936. <a href="{BlogURL}post/{postID}" class="notes-button">{NoteCountWithLabel}</a>
  937. {/block:IndexPage}
  938. {block:PermalinkPage}
  939. <span class="notes-button">{NoteCountWithLabel}</span>
  940. {/block:PermalinkPage}
  941. </div>
  942. </div>
  943. {/block:Lines}
  944. </div>
  945. {/block:Chat}
  946.  
  947. {block:Audio}
  948. <figure>
  949. <div class="bg post-entry">
  950. {block:AudioEmbed}
  951. <div class="tmblr-embed">
  952. {AudioEmbed}
  953. </div>
  954. {/block:AudioEmbed}
  955. {block:AudioPlayer}
  956. <div class="audio-wrapper {select:Post audio player color}">
  957. {block:AlbumArt}
  958. <div class="albumart">
  959. <img src="{AlbumArtURL}" alt=""/>
  960. </div>
  961. {/block:AlbumArt}
  962. <div class="audio">
  963. {block:TrackName}
  964. <div class="trackname">{TrackName}</div>
  965. {/block:TrackName}
  966. <div class="player">
  967. <span class="bx bx-skip-previous"></span>
  968. <div class="audioplayer">{AudioPlayer}</div>
  969. <span class="bx bx-stop"></span>
  970. <span class="bx bx-skip-next"></span>
  971. </div>
  972. </div>
  973. </div>
  974. {/block:AudioPlayer}
  975. </div>
  976. {block:Caption}
  977. <figcaption class="caption">
  978. {block:NotReblog}
  979. <div class="bg post-entry">
  980. <div class="body-text">
  981. {Caption}
  982. </div>
  983. <div class="notecount">
  984. {block:IndexPage}
  985. <a href="{BlogURL}post/{postID}" class="notes-button">{NoteCountWithLabel}</a>
  986. {/block:IndexPage}
  987. {block:PermalinkPage}
  988. <span class="notes-button">{NoteCountWithLabel}</span>
  989. {/block:PermalinkPage}
  990. </div>
  991. </div>
  992. {/block:NotReblog}
  993. {block:RebloggedFrom}
  994. <div class="reblog-list">
  995. {block:Reblogs}
  996. <div class="post-reblog-trail">
  997. <div class="bg post-reblog-avatar">
  998. <img src="{PortraitURL-64}" alt=""/>
  999. </div>
  1000. <div class="bg post-reblog-entry">
  1001. <div class="body-text">
  1002. {block:HasPermalink}
  1003. <a href="{Permalink}" target="_blank" class="post-tumblelog-name">{Username}</a>
  1004. {/block:HasPermalink}
  1005. {block:HasNoPermalink}
  1006. <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  1007. {/block:HasNoPermalink}
  1008. {Body}
  1009. </div>
  1010. <div class="notecount">
  1011. {block:IndexPage}
  1012. <a href="{BlogURL}post/{postID}" class="notes-button">{NoteCountWithLabel}</a>
  1013. {/block:IndexPage}
  1014. {block:PermalinkPage}
  1015. <span class="notes-button">{NoteCountWithLabel}</span>
  1016. {/block:PermalinkPage}
  1017. </div>
  1018. </div>
  1019. </div>
  1020. {/block:Reblogs}
  1021. </div>
  1022. {/block:RebloggedFrom}
  1023. </figcaption>
  1024. {/block:Caption}
  1025. <div class="bg post-entry media-notes">
  1026. <div class="notecount">
  1027. {block:IndexPage}
  1028. <a href="{BlogURL}post/{postID}" class="notes-button">{NoteCountWithLabel}</a>
  1029. {/block:IndexPage}
  1030. {block:PermalinkPage}
  1031. <span class="notes-button">{NoteCountWithLabel}</span>
  1032. {/block:PermalinkPage}
  1033. </div>
  1034. </div>
  1035. </figure>
  1036. {/block:Audio}
  1037.  
  1038. {block:Answer}
  1039. <div class="post-ask">
  1040. <div class="bg post-reblog-avatar">
  1041. <img src="{AskerPortraitURL-64}" alt=""/>
  1042. </div>
  1043. <div class="bg post-entry">
  1044. <div class="body-text">
  1045. <span class="post-tumblelog-name">{Asker} sent</span>
  1046. <p>{Question}</p>
  1047. </div>
  1048. </div>
  1049. </div>
  1050. {block:NotReblog}
  1051. <div class="bg post-entry">
  1052. <div class="body-text">
  1053. {Answer}
  1054. </div>
  1055. <div class="notecount">
  1056. {block:IndexPage}
  1057. <a href="{BlogURL}post/{postID}" class="notes-button">{NoteCountWithLabel}</a>
  1058. {/block:IndexPage}
  1059. {block:PermalinkPage}
  1060. <span class="notes-button">{NoteCountWithLabel}</span>
  1061. {/block:PermalinkPage}
  1062. </div>
  1063. </div>
  1064. {/block:NotReblog}
  1065. {block:RebloggedFrom}
  1066. <div class="reblog-list">
  1067. {block:Answerer}
  1068. <div class="post-reblog-trail post-ask">
  1069. <div class="bg post-reblog-avatar">
  1070. <img src="{AnswererPortraitURL-64}" alt=""/>
  1071. </div>
  1072. <div class="bg post-entry">
  1073. <div class="body-text">
  1074. <span class="post-tumblelog-name">{Answerer} replied</span>
  1075. <p>{Answer}</p>
  1076. </div>
  1077. <div class="notecount">
  1078. {block:IndexPage}
  1079. <a href="{BlogURL}post/{postID}" class="notes-button">{NoteCountWithLabel}</a>
  1080. {/block:IndexPage}
  1081. {block:PermalinkPage}
  1082. <span class="notes-button">{NoteCountWithLabel}</span>
  1083. {/block:PermalinkPage}
  1084. </div>
  1085. </div>
  1086. </div>
  1087. {/block:Answerer}
  1088. {block:Reblogs}
  1089. <div class="post-reblog-trail">
  1090. <div class="bg post-reblog-avatar">
  1091. <img src="{PortraitURL-64}" alt=""/>
  1092. </div>
  1093. <div class="bg post-reblog-entry">
  1094. <div class="body-text">
  1095. {block:HasPermalink}
  1096. <a href="{Permalink}" target="_blank" class="post-tumblelog-name">{Username}</a>
  1097. {/block:HasPermalink}
  1098. {block:HasNoPermalink}
  1099. <span class="post-tumblelog-name {block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}</span>
  1100. {/block:HasNoPermalink}
  1101. {Body}
  1102. </div>
  1103. <div class="notecount">
  1104. {block:IndexPage}
  1105. <a href="{BlogURL}post/{postID}" class="notes-button">{NoteCountWithLabel}</a>
  1106. {/block:IndexPage}
  1107. {block:PermalinkPage}
  1108. <span class="notes-button">{NoteCountWithLabel}</span>
  1109. {/block:PermalinkPage}
  1110. </div>
  1111. </div>
  1112. </div>
  1113. {/block:Reblogs}
  1114. </div>
  1115. {/block:RebloggedFrom}
  1116. {/block:Answer}
  1117.  
  1118. {block:PostNotes}
  1119. <div class="bg notes-wrapper">
  1120. <div class="body-text">
  1121. {PostNotes}
  1122. </div>
  1123. </div>
  1124. {/block:PostNotes}
  1125.  
  1126. {block:HasTags}
  1127. <ul class="tags{block:IfNotShowPostTags} hide-tags{/block:IfNotShowPostTags}">
  1128. <li class="bg tag-icon"><span class="bx bx-purchase-tag"></span></li>{block:Tags}<li class="bg tag"><a href="{TagURL}">{Tag}</a></li>{/block:Tags}
  1129. </ul>
  1130. {/block:HasTags}
  1131.  
  1132. </article>
  1133. {/block:Posts}
  1134. </main>
  1135.  
  1136. {block:Pagination}
  1137. {block:NextPage}
  1138. <div id="infinitescroll">
  1139. <div class="page-load-status">
  1140. <p class="infinite-scroll-request"><span class="bx bx-loader-alt bx-spin loader"></span></p>
  1141. <p class="infinite-scroll-last">End of content.</p>
  1142. <p class="infinite-scroll-error">Could not load posts.</p>
  1143. </div>
  1144. <button class="bg load-button page-active">Load more</button>
  1145. </div>
  1146. {/block:NextPage}
  1147. {/block:Pagination}
  1148.  
  1149. </div>
  1150.  
  1151.  
  1152. <script>
  1153. var photosetGutterSize = '{text:Post photoset gutter size}';
  1154. </script>
  1155.  
  1156. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  1157. <script src="https://static.tumblr.com/kmw8hta/1WKpaiuda/tooltipster.main.min.js"></script>
  1158. <script src="https://static.tumblr.com/kmw8hta/heppglaoh/tooltipster-discovery.min.js"></script>
  1159. <script src="https://static.tumblr.com/kmw8hta/Fh2pk761a/infinite-scroll.pkgd.min.js"></script>
  1160. <script src="https://static.tumblr.com/kmw8hta/rVKpb21vn/pxuphotoset.min.js"></script>
  1161. <script src="https://cdn.jsdelivr.net/gh/echxn/yeolithm@master/src/js/thm36.js"></script>
  1162.  
  1163.  
  1164. <!--
  1165. ==========================================================
  1166.  
  1167.  
  1168. // Credits:
  1169.  
  1170. Boxicons
  1171. - https://boxicons.com/
  1172. - Copyright (c) Atisa
  1173. - Licensed under the SIL OFL 1.1 & MIT license
  1174.  
  1175. Infinite Scroll
  1176. - https://infinite-scroll.com
  1177. - Copyright (c) Metafizzy (https://metafizzy.co)
  1178. - Licensed under Infinite Scroll Commercial Developer License
  1179.  
  1180. PXU Photost Extended
  1181. - https://github.com/pixelunion/Extended-Tumblr-Photoset
  1182. - Copyright (c) 2013 Pixel Union
  1183. - Licensed under the MIT license
  1184.  
  1185. Tooltipster
  1186. - https://github.com/iamceege/tooltipster
  1187. - Copyright (c) 2012,2016 Caleb Jacob and Louis Ameline
  1188. - Licensed under the MIT license
  1189.  
  1190.  
  1191. ==========================================================
  1192. -->
  1193.  
  1194.  
  1195. </body>
  1196. </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!