API tools faq
paste
yeoli

Theme 33

yeoli
Jun 4th, 2017 (edited)
9,384
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.83 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 33 ( http://yeolithemepreview-33.tumblr.com/ )
  13. Version 2.1
  14. Released: 24/10/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="color:Background" content="#f9f9f9"/>
  49. <meta name="color:Body text" content="#aaaaaa"/>
  50. <meta name="color:Bold text" content="#7d8c97"/>
  51. <meta name="color:Italic text" content="#ced1c4"/>
  52. <meta name="color:Headings" content="#444444"/>
  53. <meta name="color:Links" content="#555555"/>
  54. <meta name="color:Links hover" content="#e89e8c"/>
  55. <meta name="color:Bullet points" content="#555555"/>
  56. <meta name="color:Numbered lists" content="#555555"/>
  57. <meta name="color:Blockquote borders" content="#e7e1d3"/>
  58. <meta name="color:Pre text" content="#aaaaaa"/>
  59. <meta name="color:Pre text background" content="#f9f9f9"/>
  60. <meta name="color:Post borders" content="#f1f1f1"/>
  61. <meta name="color:Post background" content="#ffffff"/>
  62. <meta name="color:Answer post text" content="#aaaaaa"/>
  63. <meta name="color:Answer post background" content="#f9f9f9"/>
  64. <meta name="color:Tags text" content="#ffffff"/>
  65. <meta name="color:Tags background" content="#e7e1d3"/>
  66. <meta name="color:Speech Bubble Text" content="#ffffff"/>
  67. <meta name="color:Speech Bubble Background" content="#a9b7c0"/>
  68. <meta name="color:Icons" content="#bbbbbb"/>
  69. <meta name="color:Icons hover" content="#e89e8c"/>
  70. <meta name="color:Sidebar links hover" content="#e89e8c"/>
  71. <meta name="color:Tooltip Text" content="#ffffff"/>
  72. <meta name="color:Tooltip Background" content="#222222"/>
  73.  
  74. <meta name="select:Post size" content="fourpx" title="400px"/>
  75. <meta name="select:Post size" content="fivepx" title="500px"/>
  76.  
  77. <meta name="select:Post captions visibility" content="vcap" title="visible"/>
  78. <meta name="select:Post captions visibility" content="hcap" title="hidden"/>
  79.  
  80. <meta name="select:Post tags visibility" content="ttag" title="toggle"/>
  81. <meta name="select:Post tags visibility" content="vtag" title="visible"/>
  82. <meta name="select:Post tags visibility" content="htag" title="hidden"/>
  83.  
  84. <meta name="select:Sidebar position" content="sideleft" title="left"/>
  85. <meta name="select:Sidebar position" content="sideright" title="right"/>
  86.  
  87. <meta name="if:Bold headings" content="0"/>
  88. <meta name="if:Rounded corners" content="1"/>
  89. <meta name="if:Show searchbar" content="1"/>
  90. <meta name="if:Show sidebar links" content="1"/>
  91.  
  92. <meta name="if:Enable google fonts" content="1"/>
  93.  
  94. <meta name="text:Font family" content="Lato"/>
  95. <meta name="text:Font size" content="11px"/>
  96.  
  97. <meta name="text:Post gutter size" content="120px"/>
  98. <meta name="text:Photoset gutter size" content="1px"/>
  99.  
  100. <meta name="text:Link 1 label" content="Link 1"/>
  101. <meta name="text:Link 1 URL" content=""/>
  102. <meta name="text:Link 2 label" content="Link 2"/>
  103. <meta name="text:Link 2 URL" content=""/>
  104. <meta name="text:Link 3 label" content="Link 3"/>
  105. <meta name="text:Link 3 URL" content=""/>
  106. <meta name="text:Link 4 label" content="Link 4"/>
  107. <meta name="text:Link 4 URL" content=""/>
  108. <meta name="text:Link 5 label" content="Link 5"/>
  109. <meta name="text:Link 5 URL" content=""/>
  110. {/block:Hidden}
  111.  
  112. {block:IfEnableGoogleFonts}
  113. <link href="https://fonts.googleapis.com/css?family={text:Font family}:400,400i,700,700i" rel="stylesheet">
  114. {/block:IfEnableGoogleFonts}
  115.  
  116. <link href='https://cdn.jsdelivr.net/npm/[email protected]/css/boxicons.min.css' rel='stylesheet'>
  117. <link href="https://static.tumblr.com/kmw8hta/p0jpgtbdt/tooltipster_main.css" rel="stylesheet">
  118. <link href="https://cdn.jsdelivr.net/gh/echxn/yeolithm@master/src/css/thm33.css" rel="stylesheet">
  119.  
  120. <!-- HTML5 Shiv -->
  121. <!--[if lt IE 9]>
  122. <script src="https://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script>
  123. <![endif]-->
  124.  
  125.  
  126. <style>
  127.  
  128.  
  129. :root {
  130. --photosetGutterSize: {text:Photoset gutter size};
  131. }
  132.  
  133.  
  134. /* Body font & colors: */
  135.  
  136. body {
  137. font-family: '{text:Font family}', 'Arial', sans-serif;
  138. font-size: {text:Font size};
  139. color: {color:Body text};
  140. background-color: {color:Background};
  141. }
  142.  
  143. /* Heading colors: */
  144.  
  145. h1, h2, h3, h4, h5, h6 {
  146. {block:IfNotBoldHeadings}font-weight: 400;{/block:IfNotBoldHeadings}
  147. color: {color:Headings};
  148. }
  149.  
  150. /* Links colors: */
  151.  
  152. a, a:link, a:active, a:visited {
  153. color: {color:Links};
  154. transition: all .2s ease;
  155. }
  156.  
  157. a:hover {
  158. color: {color:Links hover};
  159. }
  160.  
  161. /* Miscellaneous colors: */
  162.  
  163. b, strong {
  164. color: {color:Bold text};
  165. }
  166.  
  167. em, i {
  168. color: {color:Italic text};
  169. }
  170.  
  171. ol > li:before {
  172. color: {color:Numbered lists};
  173. }
  174.  
  175. ul > li:before {
  176. background-color: {color:Bullet points};
  177. }
  178.  
  179. hr {
  180. border-color: {color:Post borders};
  181. }
  182.  
  183. blockquote {
  184. border-color: {color:Blockquote borders};
  185. }
  186.  
  187. pre,
  188. code {
  189. font-family: monospace;
  190. color: {color:Pre text};
  191. background-color: {color:Pre text background};
  192. }
  193.  
  194. /* Toolitp colors */
  195.  
  196. .tooltipster-content {
  197. font-size: .82em;
  198. text-transform: uppercase;
  199. border-radius: 2px;
  200. color: {color:Tooltip text};
  201. background-color: {color:Tooltip background};
  202. }
  203.  
  204. /* Pagination & post margin */
  205.  
  206. #pagination,
  207. .posts {
  208. margin: {text:Post gutter size} 0;
  209. }
  210.  
  211. /* Post colors */
  212.  
  213. .post-bg {
  214. background-color: {color:Post background};
  215. border-color: {color:Post borders};
  216. }
  217.  
  218. .date,
  219. .notecount {
  220. font-size: .91em;
  221. text-transform: uppercase;
  222. }
  223.  
  224. .date:before,
  225. .post-icon:before {
  226. border-top-color: {color:Speech bubble background};
  227. }
  228.  
  229. .post-icon {
  230. color: {color:Speech bubble text};
  231. background-color: {color:Speech bubble background};
  232. }
  233.  
  234. .question,
  235. .answerer {
  236. color: {color:Answer post text};
  237. background-color: {color:Answer post background};
  238. }
  239.  
  240. .sender {
  241. color: {color:Links};
  242. }
  243.  
  244. .answer,
  245. .caption,
  246. .post-reblog-item,
  247. .hasdate .content-border {
  248. border-color: {color:Post borders};
  249. }
  250.  
  251. .tumblelog-name {
  252. color: {color:Links};
  253. }
  254.  
  255. .post-tags a {
  256. color: {color:Tags text};
  257. background-color: {color:Tags background};
  258. }
  259.  
  260. .post-tags a:hover {
  261. color: {color:Tags background};
  262. background-color: {color:Tags text};
  263. }
  264.  
  265. .post-buttons a,
  266. .like-btn .bx-heart {
  267. color: {color:Icons};
  268. }
  269.  
  270. .post-buttons a:hover,
  271. .like-btn .like_button:hover ~ .bx-heart {
  272. color: {color:Icons hover};
  273. }
  274.  
  275. .like-btn .like_button.liked ~ .bx-heart {
  276. color: #cc0000;
  277. }
  278.  
  279. /* Sidebar & blog title colors */
  280.  
  281. #sidebar-wrapper,
  282. .bubble {
  283. padding: 120px 0;
  284. }
  285.  
  286. a.sidebar-icon,
  287. .searchbar {
  288. border-color: {color:Post borders};
  289. }
  290.  
  291. .searchbar {
  292. font-size: .82em;
  293. text-transform: uppercase;
  294. }
  295.  
  296. .navigation a {
  297. color: {color:Icons};
  298. }
  299.  
  300. .navigation a:hover {
  301. color: {color:Icons hover};
  302. }
  303.  
  304. .links {
  305. font-size: .91em;
  306. text-transform: uppercase;
  307. }
  308.  
  309. .links > li {
  310. border-color: {color:Post borders};
  311. }
  312.  
  313. .links a {
  314. color: {color:Body text};
  315. }
  316.  
  317. .links a:hover {
  318. color: {color:Sidebar links hover};
  319. border-color: {color:Blockquote borders};
  320. }
  321.  
  322. .blog-title {
  323. color: {color:Speech bubble text};
  324. background: {color:Speech bubble background};
  325. }
  326.  
  327. .blog-title:after {
  328. border-top-color: {color:Speech bubble background};
  329. }
  330.  
  331. {CustomCSS}
  332. </style>
  333. </head>
  334. <body class="{select:Post size} {block:IndexPage}{select:Post captions visibility}{/block:IndexPage} {select:Sidebar position}{block:IfRoundedCorners} rounded{/block:IfRoundedCorners}">
  335.  
  336. <div id="container">
  337.  
  338. <aside id="bubble-wrapper">
  339. <div class="bubble">
  340. <h2 class="blog-title">{Title}</h2>
  341. </div>
  342. </aside>
  343.  
  344. <aside id="sidebar-wrapper">
  345. <div class="sidebar post-bg">
  346. <a href="/" class="sidebar-icon {AvatarShape}"><img src="{PortraitURL-128}"/></a>
  347. {block:Description}
  348. <div class="description">{Description}</div>
  349. {/block:Description}
  350. {block:IfShowSearchbar}
  351. <form action="/search" method="get" class="searchbar">
  352. <input type="text" name="q" value="{SearchQuery}" placeholder="Search..." class="search"/>
  353. </form>
  354. {/block:IfShowSearchbar}
  355. <ul class="navigation">
  356. <li class="tooltip" title="home"><a href="/" class="bx bx-home"></a></li>
  357. {block:AskEnabled}<li class="tooltip" title="message"><a href="/ask" class="bx bx-envelope"></a></li>{/block:AskEnabled}
  358. {block:IfShowSidebarLinks}<li class="links-btn tooltip" title="links"><a href="#links" class="bx bx-menu"></a></li>{/block:IfShowSidebarLinks}
  359. <li class="tooltip" title="archive"><a href="/archive" class="bx bx-calendar"></a></li>
  360. <li class="tooltip" title="theme"><a href="https://yeoli-thm.tumblr.com" class="bx bx-copyright"></a></li>
  361. </ul>
  362. <ul class="links">
  363. {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}{/block:HasPages}
  364. {block:IfLink1Label}<li><a href="{text:Link 1 URL}">{text:Link 1 label}</a></li>{/block:IfLink1Label}
  365. {block:IfLink2Label}<li><a href="{text:Link 2 URL}">{text:Link 2 label}</a></li>{/block:IfLink2Label}
  366. {block:IfLink3Label}<li><a href="{text:Link 3 URL}">{text:Link 3 label}</a></li>{/block:IfLink3Label}
  367. {block:IfLink4Label}<li><a href="{text:Link 4 URL}">{text:Link 4 label}</a></li>{/block:IfLink4Label}
  368. {block:IfLink5Label}<li><a href="{text:Link 5 URL}">{text:Link 5 label}</a></li>{/block:IfLink5Label}
  369. </ul>
  370. </div>
  371. </aside>
  372.  
  373. <main>
  374. {block:Posts inlineMediaWidth="900" inlineNestedMediaWidth="900"}
  375. <article class="posts{block:Date} hasdate{/block:Date}" id="{PostID}" data-notes-url="{PostNotesURL}">
  376.  
  377. <section class="post-bg">
  378. {block:Date}
  379. <header class="post-head">
  380. <div class="date">{ShortMonth} {DayOfMonthWithZero}, {ShortYear}</div>
  381. <div class="post-icon">
  382. {block:Text}<span class="bx bx-file"></span>{/block:Text}
  383. {block:Photo}<span class="bx bx-image"></span>{/block:Photo}
  384. {block:Photoset}<span class="bx bx-images"></span>{/block:Photoset}
  385. {block:Video}<span class="bx bx-film"></span>{/block:Video}
  386. {block:Quote}<span class="bx bx-idea"></span>{/block:Quote}
  387. {block:Link}<span class="bx bx-link"></span>{/block:Link}
  388. {block:Chat}<span class="bx bx-group"></span>{/block:Chat}
  389. {block:Audio}<span class="bx bx-music"></span>{/block:Audio}
  390. {block:Answer}<span class="bx bx-question-mark"></span>{/block:Answer}
  391. </div>
  392. </header>
  393. {/block:Date}
  394.  
  395. {block:Text}
  396. <div class="content-border">
  397. {block:Title}
  398. <h1 class="post-title">{Title}</h1>
  399. {/block:Title}
  400. {block:NotReblog}
  401. <div class="entry">{Body}</div>
  402. {/block:NotReblog}
  403. {block:RebloggedFrom}
  404. {block:Reblogs}
  405. <div class="post-reblog-item">
  406. <div class="entry">
  407. <div class="tumblelog-name">
  408. {block:IsActive}
  409. <a href="{Permalink}" {Target}><span class="bx bxs-user-circle"></span> {Username}:</a>
  410. {/block:IsActive}
  411. {block:IsDeactivated}
  412. <span class="bx bxs-user-circle"></span> {Username} <span class="deactivated">(deactivated)</span>:
  413. {/block:IsDeactivated}
  414. </div>
  415. <div class="tumblelog-item">{Body}</div>
  416. </div>
  417. </div>
  418. {/block:Reblogs}
  419. {/block:RebloggedFrom}
  420. </div>
  421. {/block:Text}
  422.  
  423. {block:Photo}
  424. <figure>
  425. <div class="media">
  426. <img src="{PhotoURL-HighRes}" style="display:block;width:100%"/>
  427. </div>
  428. {block:Caption}
  429. <div class="caption">
  430. {block:NotReblog}
  431. <figcaption class="entry">{Caption}</figcaption>
  432. {/block:NotReblog}
  433. {block:RebloggedFrom}
  434. {block:Reblogs}
  435. <div class="post-reblog-item">
  436. <div class="entry">
  437. <div class="tumblelog-name">
  438. {block:IsActive}
  439. <a href="{Permalink}" {Target}><span class="bx bxs-user-circle"></span> {Username}:</a>
  440. {/block:IsActive}
  441. {block:IsDeactivated}
  442. <span class="bx bxs-user-circle"></span> {Username} <span class="deactivated">(deactivated)</span>:
  443. {/block:IsDeactivated}
  444. </div>
  445. <div class="tumblelog-item">{Body}</div>
  446. </div>
  447. </div>
  448. {/block:Reblogs}
  449. {/block:RebloggedFrom}
  450. </div>
  451. {/block:Caption}
  452. </figure>
  453. {/block:Photo}
  454.  
  455. {block:Photoset}
  456. <figure>
  457. <div class="media">
  458. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  459. {block:Photos}
  460. <div class="photo-data">
  461. <div class="pxu-photo">
  462. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"/>
  463. </div>
  464. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  465. </div>
  466. {/block:Photos}
  467. </div>
  468. </div>
  469. {block:Caption}
  470. <div class="caption">
  471. {block:NotReblog}
  472. <figcaption class="entry">{Caption}</figcaption>
  473. {/block:NotReblog}
  474. {block:RebloggedFrom}
  475. {block:Reblogs}
  476. <div class="post-reblog-item">
  477. <div class="entry">
  478. <div class="tumblelog-name">
  479. {block:IsActive}
  480. <a href="{Permalink}" {Target}><span class="bx bxs-user-circle"></span> {Username}:</a>
  481. {/block:IsActive}
  482. {block:IsDeactivated}
  483. <span class="bx bxs-user-circle"></span> {Username} <span class="deactivated">(deactivated)</span>:
  484. {/block:IsDeactivated}
  485. </div>
  486. <div class="tumblelog-item">{Body}</div>
  487. </div>
  488. </div>
  489. {/block:Reblogs}
  490. {/block:RebloggedFrom}
  491. </div>
  492. {/block:Caption}
  493. </figure>
  494. {/block:Photoset}
  495.  
  496. {block:Video}
  497. <figure>
  498. <div class="media">
  499. <div class="tmblr-embed">
  500. {VideoEmbed-500}
  501. </div>
  502. </div>
  503. {block:Caption}
  504. <div class="caption">
  505. {block:NotReblog}
  506. <figcaption class="entry">{Caption}</figcaption>
  507. {/block:NotReblog}
  508. {block:RebloggedFrom}
  509. {block:Reblogs}
  510. <div class="post-reblog-item">
  511. <div class="entry">
  512. <div class="tumblelog-name">
  513. {block:IsActive}
  514. <a href="{Permalink}" {Target}><span class="bx bxs-user-circle"></span> {Username}:</a>
  515. {/block:IsActive}
  516. {block:IsDeactivated}
  517. <span class="bx bxs-user-circle"></span> {Username} <span class="deactivated">(deactivated)</span>:
  518. {/block:IsDeactivated}
  519. </div>
  520. <div class="tumblelog-item">{Body}</div>
  521. </div>
  522. </div>
  523. {/block:Reblogs}
  524. {/block:RebloggedFrom}
  525. </div>
  526. {/block:Caption}
  527. </figure>
  528. {/block:Video}
  529.  
  530. {block:Quote}
  531. <div class="content-border">
  532. <h5 class="post-title quote">
  533. <i>{Quote}</i>
  534. </h5>
  535. {block:Source}
  536. <div class="entry quote-source">
  537. <span class="bx bx-minus"></span> {Source}
  538. </div>
  539. {/block:Source}
  540. </div>
  541. {/block:Quote}
  542.  
  543. {block:Link}
  544. <div class="content-border">
  545. <h1 class="post-title"><a class="post-link" href="{URL}" target="{Target}">{Name} <span class="bx bx-chevron-right"></span></a></h1>
  546. {block:NotReblog}
  547. {block:Description}
  548. <div class="entry">
  549. {Description}
  550. </div>
  551. {/block:Description}
  552. {/block:NotReblog}
  553. {block:RebloggedFrom}
  554. {block:Reblogs}
  555. <div class="post-reblog-item">
  556. <div class="entry">
  557. <div class="tumblelog-name">
  558. {block:IsActive}
  559. <a href="{Permalink}" {Target}><span class="bx bxs-user-circle"></span> {Username}:</a>
  560. {/block:IsActive}
  561. {block:IsDeactivated}
  562. <span class="bx bxs-user-circle"></span> {Username} <span class="deactivated">(deactivated)</span>:
  563. {/block:IsDeactivated}
  564. </div>
  565. <div class="tumblelog-item">{Body}</div>
  566. </div>
  567. </div>
  568. {/block:Reblogs}
  569. {/block:RebloggedFrom}
  570. </div>
  571. {/block:Link}
  572.  
  573. {block:Chat}
  574. <div class="content-border">
  575. {block:Title}<h1 class="post-title">{Title}</h1>{/block:Title}
  576. <ul class="entry chat">
  577. {block:Lines}
  578. <li class="chat-{Alt}">
  579. {block:Label}<b>{Label}</b>{/block:Label}
  580. {Line}
  581. </li>
  582. {/block:Lines}
  583. </ul>
  584. </div>
  585. {/block:Chat}
  586.  
  587. {block:Audio}
  588. <figure>
  589. <div class="media">
  590. <div class="audio">
  591. {AudioEmbed}
  592. </div>
  593. </div>
  594. {block:Caption}
  595. <div class="caption">
  596. {block:NotReblog}
  597. <figcaption class="entry">{Caption}</figcaption>
  598. {/block:NotReblog}
  599. {block:RebloggedFrom}
  600. {block:Reblogs}
  601. <div class="post-reblog-item">
  602. <div class="entry">
  603. <div class="tumblelog-name">
  604. {block:IsActive}
  605. <a href="{Permalink}" {Target}><span class="bx bxs-user-circle"></span> {Username}:</a>
  606. {/block:IsActive}
  607. {block:IsDeactivated}
  608. <span class="bx bxs-user-circle"></span> {Username} <span class="deactivated">(deactivated)</span>:
  609. {/block:IsDeactivated}
  610. </div>
  611. <div class="tumblelog-item">{Body}</div>
  612. </div>
  613. </div>
  614. {/block:Reblogs}
  615. {/block:RebloggedFrom}
  616. </div>
  617. {/block:Caption}
  618. </figure>
  619. {/block:Audio}
  620.  
  621. {block:Answer}
  622. <div class="question">
  623. <span class="sender">{Asker} sent:</span> {Question}
  624. </div>
  625. {block:Answerer}
  626. <div class="answerer">
  627. <span class="sender">{Answerer} replied:</span> {Answer}
  628. </div>
  629. {block:Answerer}
  630. {block:NotReblog}
  631. <div class="answer">
  632. <div class="entry">
  633. {Replies}
  634. </div>
  635. </div>
  636. {/block:NotReblog}
  637. {block:RebloggedFrom}
  638. {block:Reblogs}
  639. <div class="post-reblog-item">
  640. <div class="entry">
  641. <div class="tumblelog-name">
  642. {block:IsActive}
  643. <a href="{Permalink}" {Target}><span class="bx bxs-user-circle"></span> {Username}:</a>
  644. {/block:IsActive}
  645. {block:IsDeactivated}
  646. <span class="bx bxs-user-circle"></span> {Username} <span class="deactivated">(deactivated)</span>:
  647. {/block:IsDeactivated}
  648. </div>
  649. <div class="tumblelog-item">{Body}</div>
  650. </div>
  651. </div>
  652. {/block:Reblogs}
  653. {/block:RebloggedFrom}
  654. {/block:Answer}
  655.  
  656. {block:HasTags}
  657. <ul class="post-tags{block:IndexPage} {select:Post tags visibility}{/block:IndexPage}">
  658. {block:Tags}<li><a href="{TagURL}"><span class="bx bx-purchase-tag"></span>{Tag}</a>{/block:Tags}
  659. </ul>
  660. {/block:HasTags}
  661.  
  662. {block:Date}
  663. <footer class="post-foot">
  664. <div class="like-btn tooltip" title="like ?">
  665. {LikeButton size="20"}
  666. <span class="bx bx-heart"></span>
  667. </div>
  668. <div class="notecount">{NoteCount}</div>
  669. <ul class="post-buttons{block:PermalinkPage} open{/block:PermalinkPage}">
  670. {block:Photo}
  671. <li class="tooltip" title="high res"><a href="/image/{PostID}" class="bx bx-zoom-in" target="_blank"></a></li>
  672. {/block:Photo}
  673. {block:RebloggedFrom}
  674. <li class="tooltip" title="reblogged via: {ReblogParentName}"><a href="{ReblogParentURL}" class="bx bxs-user-plus" target="_blank"></a></li>
  675. <li class="tooltip" title="posted by: {ReblogRootName}"><a href="{ReblogRootUrl}" class="bx bxs-user-circle" target="_blank"></a></li>
  676. {/block:RebloggedFrom}
  677. {block:ContentSource}
  678. <li class="tooltip" title="source: {SourceTitle}"><a href="{SourceURL}" class="bx bx-map-pin" target="_blank"></a></li>
  679. {/block:ContentSource}
  680. {block:IndexPage}
  681. {block:NoteCount}<li class="notes-btn tooltip" title="view notes"><a href="#notes" class="bx bx-stats"></a></li>{/block:NoteCount}
  682. {/block:IndexPage}
  683. <li class="tooltip" title="reblog ?"><a href="{ReblogURL}" class="bx bx-repost"{block:IndexPage} {Target}{/block:IndexPage}></a></li>
  684. {block:IndexPage}
  685. <li class="tooltip" title="permalink"><a href="{Permalink}" class="bx bx-bookmark-star"></a></li>
  686. <li class="more-btn tooltip" title="more">
  687. <a href="#more" class="bx bx-plus"></a>
  688. <a href="#close" class="bx bx-x"></a>
  689. </li>
  690. {/block:IndexPage}
  691. </ul>
  692. </footer>
  693. {/block:Date}
  694. </section>
  695.  
  696. {block:PostNotes}
  697. <section class="post-bg notes-wrapper">
  698. {PostNotes}
  699. </section>
  700. {/block:PostNotes}
  701.  
  702. {block:HomePage}
  703. {block:NoteCount}
  704. <section class="post-bg notes-wrapper" style="display:none">
  705. <div class="notes-loader">
  706. <span class="bx bx-loader-circle bx-spin"></span>
  707. </div>
  708. <div class="notes-container unprocessed"></div>
  709. </section>
  710. {/block:NoteCount}
  711. {/block:HomePage}
  712.  
  713. </article>
  714. {/block:Posts}
  715. </main>
  716.  
  717. {block:Pagination}
  718. <div id="pagination">
  719. <a{block:PreviousPage} href="{PreviousPage}"{/block:PreviousPage} class="post-bg{block:PreviousPage} active{/block:PreviousPage}">{lang:Prev}</a>
  720. <a{block:NextPage} href="{NextPage}"{/block:NextPage} class="post-bg{block:NextPage} active{/block:NextPage}">{lang:Next}</a>
  721. </div>
  722. {/block:Pagination}
  723.  
  724. </div>
  725.  
  726.  
  727. <script>
  728. var photosetGutter = '{text:Photoset gutter size}';
  729. </script>
  730.  
  731. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  732. <script src="https://static.tumblr.com/kmw8hta/1WKpaiuda/tooltipster.main.min.js"></script>
  733. <script src="https://static.tumblr.com/kmw8hta/heppglaoh/tooltipster-discovery.min.js"></script>
  734. <script src="https://static.tumblr.com/kmw8hta/rVKpb21vn/pxuphotoset.min.js"></script>
  735. <script src="https://cdn.jsdelivr.net/gh/echxn/yeolithm@master/src/js/thm33.js"></script>
  736.  
  737.  
  738. <!--
  739. ==========================================================
  740.  
  741.  
  742. // Credits:
  743.  
  744. Boxicons
  745. - https://boxicons.com/
  746. - Copyright (c) Atisa
  747. - Licensed under the SIL OFL 1.1 & MIT license
  748.  
  749. PXU Photost Extended
  750. - https://github.com/pixelunion/Extended-Tumblr-Photoset
  751. - Copyright (c) 2013 Pixel Union
  752. - Licensed under the MIT license
  753.  
  754. Tooltipster
  755. - https://github.com/iamceege/tooltipster
  756. - Copyright (c) 2012,2016 Caleb Jacob and Louis Ameline
  757. - Licensed under the MIT license
  758.  
  759.  
  760. ==========================================================
  761. -->
  762.  
  763.  
  764. </body>
  765. </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!