API tools faq
paste
yeoli

Theme 34

yeoli
Oct 1st, 2017 (edited)
12,671
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 51.24 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 34 ( https://yeolithm-34.tumblr.com/ )
  13. Version 1.3
  14. Released: 01/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="#f5f5f5"/>
  49. <meta name="color:Body text" content="#9f9f9f"/>
  50. <meta name="color:Bold text" content="#d1a4a4"/>
  51. <meta name="color:Italic text" content="#eac5c5"/>
  52. <meta name="color:Links" content="#000000"/>
  53. <meta name="color:Links hover" content="#d1a4a4"/>
  54. <meta name="color:Headings" content="#d1a4a4"/>
  55. <meta name="color:Bullet points" content="#444444"/>
  56. <meta name="color:Numbered lists" content="#444444"/>
  57. <meta name="color:Blockquote text" content="#9f9f9f"/>
  58. <meta name="color:Blockquote bg" content="#f9f9f9"/>
  59. <meta name="color:Blockquote border" content="#d1a4a4"/>
  60. <meta name="color:Post bg" content="#ffffff"/>
  61. <meta name="color:Post header text" content="#ffffff"/>
  62. <meta name="color:Post header bg" content="#e5cece"/>
  63. <meta name="color:Post tags text" content="#ffffff"/>
  64. <meta name="color:Post tags bg" content="#d1a4a4"/>
  65. <meta name="color:Sidebar bg" content="#ffffff"/>
  66. <meta name="color:Navigation icons" content="#8f8f8f"/>
  67. <meta name="color:Navigation label" content="#ffffff"/>
  68. <meta name="color:Navigation label bg" content="#000000"/>
  69. <meta name="color:Sidebar blog title" content="#d1a4a4"/>
  70. <meta name="color:Sidebar description" content="#9f9f9f"/>
  71. <meta name="color:Sidebar description bg" content="#f9f9f9"/>
  72. <meta name="color:Sidebar description border" content="#d1a4a4"/>
  73. <meta name="color:Sidebar links" content="#000000"/>
  74. <meta name="color:Sidebar links hover" content="#d1a4a4"/>
  75.  
  76. <meta name="select:Post layout" content="atwo" title="1 column: 250px"/>
  77. <meta name="select:Post layout" content="afour" title="1 column: 400px"/>
  78. <meta name="select:Post layout" content="afive" title="1 column: 500px"/>
  79. <meta name="select:Post layout" content="btwo" title="2 columns: 250px"/>
  80. <meta name="select:Post layout" content="bfour" title="2 columns: 400px"/>
  81. <meta name="select:Post layout" content="ctwo" title="3 columns: 250px"/>
  82.  
  83. <meta name="select:Post audio player color" content="audioblack" title="black"/>
  84. <meta name="select:Post audio player color" content="audiogrey" title="grey"/>
  85. <meta name="select:Post audio player color" content="audiowhite" title="white"/>
  86.  
  87. <meta name="if:Background image repeat" content="1"/>
  88. <meta name="if:Background image stretch" content="0"/>
  89.  
  90. <meta name="if:Show post captions" content="1"/>
  91. <meta name="if:Show post tags" content="1"/>
  92. <meta name="if:Show search box" content="1"/>
  93.  
  94. <meta name="if:Enable rounded corners" content="0"/>
  95. <meta name="if:Enable infinite scroll" content="0"/>
  96. <meta name="if:Enable google fonts" content="0"/>
  97.  
  98. <meta name="text:Font name" content="Calibri"/>
  99. <meta name="text:Font size" content="12px"/>
  100.  
  101. <meta name="text:Link 1 label" content="Link 1"/>
  102. <meta name="text:Link 1 URL" content=""/>
  103. <meta name="text:Link 2 label" content="Link 2"/>
  104. <meta name="text:Link 2 URL" content=""/>
  105. <meta name="text:Link 3 label" content="Link 3"/>
  106. <meta name="text:Link 3 URL" content=""/>
  107. <meta name="text:Link 4 label" content="Link 4"/>
  108. <meta name="text:Link 4 URL" content=""/>
  109. <meta name="text:Link 5 label" content="Link 5"/>
  110. <meta name="text:Link 5 URL" content=""/>
  111. <meta name="text:Link 6 label" content="Link 6"/>
  112. <meta name="text:Link 6 URL" content=""/>
  113.  
  114. <meta name="text:Post photoset gutter size" content="1px"/>
  115.  
  116. <meta name="text:Background image positioning" content="center top"/> <meta name="image:Background image" content=""/>
  117. {/block:Hidden}
  118.  
  119. <link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700{block:IfEnableGoogleFonts}|{text:Font name}:400,400i,700,700i{/block:IfEnableGoogleFonts}" rel="stylesheet">
  120.  
  121. <link href="https://static.tumblr.com/kmw8hta/rXuqpi23k/peicon7stroke.css" rel="stylesheet"/>
  122. <link href="https://cdn.jsdelivr.net/gh/echxn/yeolithm@master/src/css/thm34.css" rel="stylesheet"/>
  123.  
  124. <!-- HTML5 Shiv -->
  125. <!--[if lt IE 9]>
  126. <script src="https://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script>
  127. <![endif]-->
  128.  
  129.  
  130. <style>
  131.  
  132.  
  133. :root {
  134. --photosetGutterSize: {text:Post photoset gutter size};
  135. }
  136.  
  137. /* Body font & background: */
  138.  
  139. body {
  140. font-family: '{text:Font name}', 'Calibri', sans-serif;
  141. font-size: {text:Font size};
  142. color: {color:Body text};
  143. background-color: {color:Background};
  144. background-attachment: fixed;
  145. background-position: {text:Background image positioning};
  146. {block:IfBackgroundImageRepeat}
  147. background-repeat: repeat;
  148. {/block:IfBackgroundImageRepeat}
  149. {block:IfNotBackgroundImageRepeat}
  150. background-repeat: no-repeat;
  151. {/block:IfNotBackgroundImageRepeat}
  152. {block:IfBackgroundImageStretch}
  153. background-size: cover;
  154. {/block:IfBackgroundImageStretch}
  155. {block:IfBackgroundImageImage}
  156. background-image: url('{image:Background image}');
  157. {/block:IfBackgroundImageImage}
  158. }
  159.  
  160. /* Heading colors: */
  161.  
  162. h1, h2, h3, h4, h5, h6 {
  163. color: {color:Headings};
  164. }
  165.  
  166. /* Links colors: */
  167.  
  168. a {
  169. color: {color:Links};
  170. }
  171.  
  172. a:hover {
  173. color: {color:Links hover};
  174. }
  175.  
  176. /* Miscellaneous colors: */
  177.  
  178. b, strong {
  179. color: {color:Bold text};
  180. }
  181.  
  182. i, em {
  183. color: {color:Italic text};
  184. }
  185.  
  186. ol > li:before {
  187. color: {color:Numbered lists};
  188. }
  189.  
  190. ul > li:before {
  191. background-color: {color:Bullet points};
  192. }
  193.  
  194. pre,
  195. blockquote,
  196. .reblog-body {
  197. color: {color:Blockquote text};
  198. background-color: {color:Blockquote bg};
  199. border-color: {color:Blockquote border};
  200. }
  201.  
  202. /* Post colors: */
  203.  
  204. .post {
  205. background: {color:Post bg};
  206. }
  207.  
  208. .post-head {
  209. color: {color:Post header text};
  210. background-color: {color:Post header bg};
  211. }
  212.  
  213. .overlay {
  214. color: #fff;
  215. background-color: rgba(0,0,0,.8);
  216. }
  217.  
  218. .media-date {
  219. border-color: #fff;
  220. }
  221.  
  222. .heading h2:before {
  223. background-color: {color:Headings};
  224. }
  225.  
  226. .post-answer-user {
  227. color: {color:Headings};
  228. }
  229.  
  230. .answer-action {
  231. border-color: {color:Headings};
  232. }
  233.  
  234. .asker,
  235. .reblog-user {
  236. color: {color:Links};
  237. }
  238.  
  239. .tags a {
  240. color: {color:Post tags text};
  241. background-color: {color:Post tags bg};
  242. }
  243.  
  244. .tags a:hover {
  245. color: {color:Post tags bg};
  246. background-color: {color:Post tags text};
  247. }
  248.  
  249. /* Sidebar colors: */
  250.  
  251. [id*="_side"] {
  252. background-color: {color:Sidebar bg};
  253. }
  254.  
  255. [class$="_nav"] {
  256. color: {color:Navigation icons};
  257. }
  258.  
  259. .nav-label,
  260. .search-query {
  261. color: {color:Navigation label};
  262. background-color: {color:Navigation label bg};
  263. }
  264.  
  265. .blog-title {
  266. color: {color:Sidebar blog title};
  267. }
  268.  
  269. .blog-title:before {
  270. background-color: {color:Sidebar blog title};
  271. }
  272.  
  273. .desc {
  274. color: {color:Sidebar description};
  275. background-color: {color:Sidebar description bg};
  276. border-color: {color:Sidebar description border};
  277. }
  278.  
  279. .links a {
  280. color: {color:Sidebar links};
  281. }
  282.  
  283. .links a:hover {
  284. color: {color:Sidebar links hover};
  285. }
  286.  
  287. .links a:before {
  288. background-color: {color:Sidebar links hover};
  289. }
  290.  
  291. #sidebar,
  292. [class$="_nav"] > li,
  293. .tags,
  294. .post-foot,
  295. .post-notes,
  296. .reblog-item,
  297. .post-answer,
  298. .post:not(.hide-cap) .post-embed.has-cap {
  299. border-color: {color:Background};
  300. }
  301.  
  302.  
  303. {CustomCSS}
  304. </style>
  305. </head>
  306. <body class="{select:Post layout}{block:IndexPage} index{/block:IndexPage}{block:PermalinkPage} permalink{/block:PermalinkPage}{block:IfEnableRoundedCorners} round{/block:IfEnableRoundedCorners}{block:IfEnableInfiniteScroll} ifntscroll{/block:IfEnableInfiniteScroll}">
  307.  
  308.  
  309. <input type="checkbox" id="menu" name="m" hidden/>
  310. <aside id="left_side">
  311. <ul class="left_nav">
  312. <li>
  313. <a href="/"><span class="pe-7s-home"></span></a>
  314. <div class="nav-label">Home</div>
  315. </li>
  316. {block:AskEnabled}<li>
  317. <a href="/ask"><span class="pe-7s-comment"></span></a>
  318. <div class="nav-label">Message</div>
  319. </li>{/block:AskEnabled}
  320. <li>
  321. <a href="/archive"><span class="pe-7s-clock"></span></a>
  322. <div class="nav-label">Archive</div>
  323. </li>
  324. <li>
  325. <label for="menu" class="more-btn"><span class="pe-7s-more"></span></label>
  326. <div class="nav-label">More</div>
  327. </li>
  328. <li>
  329. <a href="https://yeoli-thm.tumblr.com" target="_blank"><span class="pe-7s-door-lock"></span></a>
  330. <div class="nav-label">Theme</div>
  331. </li>
  332. </ul>
  333. <section id="sidebar">
  334. <div class="sidebar-body">
  335. <h3 class="blog-title">{Title}</h3>
  336. {block:Description}
  337. <div class="desc">{Description}</div>
  338. {/block:Description}
  339. <nav class="links">
  340. {block:SubmissionsEnabled}<a href="/submit">Summit</a>{/block:SubmissionsEnabled}
  341. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  342. {block:IfLink1Label}<a href="{text:Link 1 URL}">{text:Link 1 label}</a>{/block:IfLink1Label}
  343. {block:IfLink2Label}<a href="{text:Link 2 URL}">{text:Link 2 label}</a>{/block:IfLink2Label}
  344. {block:IfLink3Label}<a href="{text:Link 3 URL}">{text:Link 3 label}</a>{/block:IfLink3Label}
  345. {block:IfLink4Label}<a href="{text:Link 4 URL}">{text:Link 4 label}</a>{/block:IfLink4Label}
  346. {block:IfLink5Label}<a href="{text:Link 5 URL}">{text:Link 5 label}</a>{/block:IfLink5Label}
  347. {block:IfLink6Label}<a href="{text:Link 6 URL}">{text:Link 6 label}</a>{/block:IfLink6Label}
  348. </nav>
  349. </div>
  350. </section>
  351. </aside>
  352.  
  353. <aside id="right_side">
  354. <ul class="right_nav">
  355. {block:IfNotEnableInfiniteScroll}{block:Pagination}
  356. {block:NextPage}<li>
  357. <a href="{NextPage}"><span class="pe-7s-angle-right"></span></a>
  358. <div class="nav-label">Next</div>
  359. </li>{/block:NextPage}
  360. {/block:Pagination}{/block:IfNotEnableInfiniteScroll}
  361. {block:PermalinkPagination}
  362. {block:NextPost}<li>
  363. <a href="{NextPost}"><span class="pe-7s-angle-right"></span></a>
  364. <div class="nav-label">Next</div>
  365. </li>{/block:NextPost}
  366. {/block:PermalinkPagination}
  367. {block:IfShowSearchBox}<li>
  368. <form action="/search" method="get" class="search">
  369. <input type="submit" value="Search" id="search-btn" hidden/>
  370. <label for="search-btn">
  371. <span class="pe-7s-search"></span>
  372. </label>
  373. <input type="text" name="q" class="search-query" value="{SearchQuery}" placeholder="{lang:Search}..."/>
  374. </form>
  375. </li>{/block:IfShowSearchBox}
  376. {block:IfNotEnableInfiniteScroll}{block:Pagination}
  377. {block:PreviousPage}<li>
  378. <a href="{PreviousPage}"><span class="pe-7s-angle-left"></span></a>
  379. <div class="nav-label">Prev</div>
  380. </li>{/block:PreviousPage}
  381. {/block:Pagination}{/block:IfNotEnableInfiniteScroll}
  382. {block:PermalinkPagination}
  383. {block:PreviousPost}<li>
  384. <a href="{PreviousPost}"><span class="pe-7s-angle-left"></span></a>
  385. <div class="nav-label">Prev</div>
  386. </li>{/block:PreviousPost}
  387. {/block:PermalinkPagination}
  388. <li id="top">
  389. <a><span class="pe-7s-angle-up"></span></a>
  390. <div class="nav-label">Top</div>
  391. </li>
  392. </ul>
  393. </aside>
  394.  
  395. <div id="container">
  396. <main id="main">
  397. <div class="post-gutter"></div>
  398. {block:IndexPage}
  399. {block:NoPosts}
  400. <article class="post">
  401. <section class="post-body">
  402. <div class="post-entry">
  403. <h3>{lang:This Tumblr hasnt made any posts}</h3>
  404. </div>
  405. </section>
  406. </article>
  407. {/block:NoPosts}
  408. {/block:IndexPage}
  409. {block:SearchPage}
  410. {block:NoSearchResults}
  411. <article class="post">
  412. <section class="post-body">
  413. <div class="heading">
  414. <h2>{lang:No results found}</h2>
  415. </div>
  416. <div class="post-entry">
  417. There are no results matching your search.
  418. </div>
  419. </section>
  420. </article>
  421. {/block:NoSearchResults}
  422. {/block:SearchPage}
  423. {block:Posts}
  424. <article class="post{block:IndexPage}{block:Photo} photo{/block:Photo}{block:Photoset} photo{/block:Photoset}{block:Caption}{block:IfNotShowPostCaptions} hide-cap{/block:IfNotShowPostCaptions}{/block:Caption}{block:HasTags}{block:IfNotShowPostTags} hide-tags{/block:IfNotShowPostTags}{/block:HasTags}{/block:IndexPage}" id="{postID}">
  425.  
  426. {block:Text}
  427. {block:Date}
  428. <header class="post-head">
  429. <div class="header-date">
  430. {block:IndexPage}{ShortDayOfWeek} {DayOfMonth} {ShortMonth}{/block:IndexPage}
  431. {block:PermalinkPage}{TimeAgo}{/block:PermalinkPage}
  432. </div>
  433. <ul class="post-buttons">
  434. <li><a href="{ReblogURL}" {Target}><span class="pe-7s-back"></span></a></li>
  435. {block:IndexPage}<li><a href="{Permalink}"><span class="pe-7s-ribbon"></span></a></li>{/block:IndexPage}
  436. <li>{LikeButton size="16"}<span class="pe-7s-like"></span></li>
  437. </ul>
  438. </header>
  439. {/block:Date}
  440. <section class="post-body">
  441. {block:Title}
  442. <div class="heading">
  443. <h2>{Title}</h2>
  444. </div>
  445. {/block:Title}
  446. {block:NotReblog}
  447. <div class="post-entry">
  448. {Body}
  449. </div>
  450. {/block:NotReblog}
  451. {block:RebloggedFrom}
  452. <div class="reblog-list">
  453. {block:Reblogs}
  454. <div class="reblog-item">
  455. <div class="post-entry">
  456. <div class="reblog-user">
  457. {block:HasPermalink}
  458. <a href="{Permalink}" target="_blank" class="post-tumblelog-name">{Username}</a>:
  459. {/block:HasPermalink}
  460. {block:HasNoPermalink}
  461. <span class="post-tumblelog-name">{Username}{block:IsDeactivated}-deactivated{/block:IsDeactivated}:</span>
  462. {/block:HasNoPermalink}
  463. </div>
  464. <div class="reblog-body">
  465. {Body}
  466. </div>
  467. </div>
  468. </div>
  469. {/block:Reblogs}
  470. </div>
  471. {/block:RebloggedFrom}
  472. </section>
  473. {/block:Text}
  474.  
  475. {block:Photo}
  476. {block:PermalinkPage}
  477. <header class="post-head">
  478. <div class="header-date">
  479. {TimeAgo}
  480. </div>
  481. <ul class="post-buttons">
  482. <li><a href="{ReblogURL}" {Target}><span class="pe-7s-back"></span></a></li>
  483. <li>{LikeButton size="16"}<span class="pe-7s-like"></span></li>
  484. </ul>
  485. </header>
  486. {/block:PermalinkPage}
  487. <section class="post-body">
  488. <figure>
  489. <div class="media-wrapper">
  490. {block:IndexPage}
  491. <div class="overlay">
  492. <ul class="post-buttons">
  493. <li><a href="{ReblogURL}" {Target}><span class="pe-7s-back"></span></a></li>
  494. <li><a href="{Permalink}"><span class="pe-7s-ribbon"></span></a></li>
  495. <li>{LikeButton size="16"}<span class="pe-7s-like"></span></li>
  496. </ul>
  497. <div class="media-info-box">
  498. <div class="media-info">
  499. <div class="media-date">{ShortDayOfWeek} {DayOfMonth} {ShortMonth}</div>
  500. <div class="media-notecount">with {NoteCountWithLabel}</div>
  501. </div>
  502. </div>
  503. </div>
  504. {/block:IndexPage}
  505. <div class="photo-media">
  506. {block:IndexPage}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" style="display:block;width:100%"/>{/block:IndexPage}
  507. {block:PermalinkPage}<a href="/image/{PostID}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" style="display:block;width:100%"/></a>{/block:PermalinkPage}
  508. </div>
  509. </div>
  510. {block:Caption}
  511. <figcaption class="caption">
  512. {block:NotReblog}
  513. <div class="post-entry">
  514. {Caption}
  515. </div>
  516. {/block:NotReblog}
  517. {block:RebloggedFrom}
  518. <div class="reblog-list">
  519. {block:Reblogs}
  520. <div class="reblog-item">
  521. <div class="post-entry">
  522. <div class="reblog-user">
  523. {block:HasPermalink}
  524. <a href="{Permalink}" target="_blank" class="post-tumblelog-name">{Username}</a>:
  525. {/block:HasPermalink}
  526. {block:HasNoPermalink}
  527. <span class="post-tumblelog-name">{Username}{block:IsDeactivated}-deactivated{/block:IsDeactivated}:</span>
  528. {/block:HasNoPermalink}
  529. </div>
  530. <div class="reblog-body">
  531. {Body}
  532. </div>
  533. </div>
  534. </div>
  535. {/block:Reblogs}
  536. </div>
  537. {/block:RebloggedFrom}
  538. </figcaption>
  539. {/block:Caption}
  540. </figure>
  541. </section>
  542. {/block:Photo}
  543.  
  544. {block:Photoset}
  545. {block:PermalinkPage}
  546. <header class="post-head">
  547. <div class="header-date">
  548. {TimeAgo}
  549. </div>
  550. <ul class="post-buttons">
  551. <li><a href="{ReblogURL}" {Target}><span class="pe-7s-back"></span></a></li>
  552. <li>{LikeButton size="16"}<span class="pe-7s-like"></span></li>
  553. </ul>
  554. </header>
  555. {/block:PermalinkPage}
  556. <section class="post-body">
  557. <figure>
  558. <div class="media-wrapper">
  559. {block:IndexPage}
  560. <div class="overlay">
  561. <ul class="post-buttons">
  562. <li><a href="{ReblogURL}" {Target}><span class="pe-7s-back"></span></a></li>
  563. <li><a href="{Permalink}"><span class="pe-7s-ribbon"></span></a></li>
  564. <li>{LikeButton size="16"}<span class="pe-7s-like"></span></li>
  565. </ul>
  566. <div class="media-info-box">
  567. <div class="media-info">
  568. <div class="media-date">{ShortDayOfWeek} {DayOfMonth} {ShortMonth}</div>
  569. <div class="media-notecount">with {NoteCountWithLabel}</div>
  570. </div>
  571. </div>
  572. </div>
  573. {/block:IndexPage}
  574. <div class="photo-media">
  575. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  576. {block:Photos}
  577. <div class="photo-data">
  578. <div class="pxu-photo">
  579. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"/>
  580. </div>
  581. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  582. </div>
  583. {/block:Photos}
  584. </div>
  585. </div>
  586. </div>
  587. {block:Caption}
  588. <figcaption class="caption">
  589. {block:NotReblog}
  590. <div class="post-entry">
  591. {Caption}
  592. </div>
  593. {/block:NotReblog}
  594. {block:RebloggedFrom}
  595. <div class="reblog-list">
  596. {block:Reblogs}
  597. <div class="reblog-item">
  598. <div class="post-entry">
  599. <div class="reblog-user">
  600. {block:HasPermalink}
  601. <a href="{Permalink}" target="_blank" class="post-tumblelog-name">{Username}</a>:
  602. {/block:HasPermalink}
  603. {block:HasNoPermalink}
  604. <span class="post-tumblelog-name">{Username}{block:IsDeactivated}-deactivated{/block:IsDeactivated}:</span>
  605. {/block:HasNoPermalink}
  606. </div>
  607. <div class="reblog-body">
  608. {Body}
  609. </div>
  610. </div>
  611. </div>
  612. {/block:Reblogs}
  613. </div>
  614. {/block:RebloggedFrom}
  615. </figcaption>
  616. {/block:Caption}
  617. </figure>
  618. </section>
  619. {/block:Photoset}
  620.  
  621. {block:Video}
  622. {block:Date}
  623. <header class="post-head">
  624. <div class="header-date">
  625. {block:IndexPage}{ShortDayOfWeek} {DayOfMonth} {ShortMonth}{/block:IndexPage}
  626. {block:PermalinkPage}{TimeAgo}{/block:PermalinkPage}
  627. </div>
  628. <ul class="post-buttons">
  629. <li><a href="{ReblogURL}" {Target}><span class="pe-7s-back"></span></a></li>
  630. {block:IndexPage}<li><a href="{Permalink}"><span class="pe-7s-ribbon"></span></a></li>{/block:IndexPage}
  631. <li>{LikeButton size="16"}<span class="pe-7s-like"></span></li>
  632. </ul>
  633. </header>
  634. {/block:Date}
  635. <section class="post-body">
  636. <figure>
  637. <div class="post-embed{block:Caption} has-cap{/block:Caption}">
  638. <div class="tmblr-embed">
  639. {VideoEmbed-500}
  640. </div>
  641. </div>
  642. {block:Caption}
  643. <figcaption class="caption">
  644. {block:NotReblog}
  645. <div class="post-entry">
  646. {Caption}
  647. </div>
  648. {/block:NotReblog}
  649. {block:RebloggedFrom}
  650. <div class="reblog-list">
  651. {block:Reblogs}
  652. <div class="reblog-item">
  653. <div class="post-entry">
  654. <div class="reblog-user">
  655. {block:HasPermalink}
  656. <a href="{Permalink}" target="_blank" class="post-tumblelog-name">{Username}</a>:
  657. {/block:HasPermalink}
  658. {block:HasNoPermalink}
  659. <span class="post-tumblelog-name">{Username}{block:IsDeactivated}-deactivated{/block:IsDeactivated}:</span>
  660. {/block:HasNoPermalink}
  661. </div>
  662. <div class="reblog-body">
  663. {Body}
  664. </div>
  665. </div>
  666. </div>
  667. {/block:Reblogs}
  668. </div>
  669. {/block:RebloggedFrom}
  670. </figcaption>
  671. {/block:Caption}
  672. </figure>
  673. </section>
  674. {/block:Video}
  675.  
  676. {block:Quote}
  677. {block:Date}
  678. <header class="post-head">
  679. <div class="header-date">
  680. {block:IndexPage}{ShortDayOfWeek} {DayOfMonth} {ShortMonth}{/block:IndexPage}
  681. {block:PermalinkPage}{TimeAgo}{/block:PermalinkPage}
  682. </div>
  683. <ul class="post-buttons">
  684. <li><a href="{ReblogURL}" {Target}><span class="pe-7s-back"></span></a></li>
  685. {block:IndexPage}<li><a href="{Permalink}"><span class="pe-7s-ribbon"></span></a></li>{/block:IndexPage}
  686. <li>{LikeButton size="16"}<span class="pe-7s-like"></span></li>
  687. </ul>
  688. </header>
  689. {/block:Date}
  690. <section class="post-body">
  691. <h4 class="quote">
  692. {Quote}
  693. </h4>
  694. {block:Source}
  695. <div class="quote-source">
  696. {Source}
  697. </div>
  698. {/block:Source}
  699. </section>
  700. {/block:Quote}
  701.  
  702. {block:Link}
  703. {block:Date}
  704. <header class="post-head">
  705. <div class="header-date">
  706. {block:IndexPage}{ShortDayOfWeek} {DayOfMonth} {ShortMonth}{/block:IndexPage}
  707. {block:PermalinkPage}{TimeAgo}{/block:PermalinkPage}
  708. </div>
  709. <ul class="post-buttons">
  710. <li><a href="{ReblogURL}" {Target}><span class="pe-7s-back"></span></a></li>
  711. {block:IndexPage}<li><a href="{Permalink}"><span class="pe-7s-ribbon"></span></a></li>{/block:IndexPage}
  712. <li>{LikeButton size="16"}<span class="pe-7s-like"></span></li>
  713. </ul>
  714. </header>
  715. {/block:Date}
  716. <section class="post-body">
  717. <div class="heading">
  718. <h2><a href="{URL}" class="post-link" {Target}>{Name}</a></h2>
  719. </div>
  720. {block:Description}
  721. {block:NotReblog}
  722. <div class="post-entry">
  723. {Description}
  724. </div>
  725. {/block:NotReblog}
  726. {block:RebloggedFrom}
  727. <div class="reblog-list">
  728. {block:Reblogs}
  729. <div class="reblog-item">
  730. <div class="post-entry">
  731. <div class="reblog-user">
  732. {block:HasPermalink}
  733. <a href="{Permalink}" target="_blank" class="post-tumblelog-name">{Username}</a>:
  734. {/block:HasPermalink}
  735. {block:HasNoPermalink}
  736. <span class="post-tumblelog-name">{Username}{block:IsDeactivated}-deactivated{/block:IsDeactivated}:</span>
  737. {/block:HasNoPermalink}
  738. </div>
  739. <div class="reblog-body">
  740. {Body}
  741. </div>
  742. </div>
  743. </div>
  744. {/block:Reblogs}
  745. </div>
  746. {/block:RebloggedFrom}
  747. {/block:Description}
  748. </section>
  749. {/block:Link}
  750.  
  751. {block:Chat}
  752. {block:Date}
  753. <header class="post-head">
  754. <div class="header-date">
  755. {block:IndexPage}{ShortDayOfWeek} {DayOfMonth} {ShortMonth}{/block:IndexPage}
  756. {block:PermalinkPage}{TimeAgo}{/block:PermalinkPage}
  757. </div>
  758. <ul class="post-buttons">
  759. <li><a href="{ReblogURL}" {Target}><span class="pe-7s-back"></span></a></li>
  760. {block:IndexPage}<li><a href="{Permalink}"><span class="pe-7s-ribbon"></span></a></li>{/block:IndexPage}
  761. <li>{LikeButton size="16"}<span class="pe-7s-like"></span></li>
  762. </ul>
  763. </header>
  764. {/block:Date}
  765. <section class="post-body">
  766. {block:Title}
  767. <div class="heading">
  768. <h1>{Title}</h1>
  769. </div>
  770. {/block:Title}
  771. <ul class="post-chat">
  772. {block:Lines}
  773. <li>
  774. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  775. </li>
  776. {/block:Lines}
  777. </ul>
  778. </section>
  779. {/block:Chat}
  780.  
  781. {block:Audio}
  782. {block:Date}
  783. <header class="post-head">
  784. <div class="header-date">
  785. {block:IndexPage}{ShortDayOfWeek} {DayOfMonth} {ShortMonth}{/block:IndexPage}
  786. {block:PermalinkPage}{TimeAgo}{/block:PermalinkPage}
  787. </div>
  788. <ul class="post-buttons">
  789. <li><a href="{ReblogURL}" {Target}><span class="pe-7s-back"></span></a></li>
  790. {block:IndexPage}<li><a href="{Permalink}"><span class="pe-7s-ribbon"></span></a></li>{/block:IndexPage}
  791. <li>{LikeButton size="16"}<span class="pe-7s-like"></span></li>
  792. </ul>
  793. </header>
  794. {/block:Date}
  795. <section class="post-body">
  796. <figure>
  797. {block:AudioEmbed}
  798. <div class="post-embed{block:Caption} has-cap{/block:Caption}">
  799. <div class="tmblr-embed">
  800. {AudioEmbed}
  801. </div>
  802. </div>
  803. {/block:AudioEmbed}
  804. {block:AudioPlayer}
  805. <div class="post-embed{block:Caption} has-cap{/block:Caption}">
  806. <div class="audio-wrapper {select:Post audio player color}">
  807. <div class="audioplayer">
  808. <div class="player">{AudioPlayer}</div>
  809. </div>
  810. <div class="audio-info">
  811. {block:TrackName}<p class="trackname">{TrackName}</p>{/block:TrackName}
  812. {block:Artist}<p class="artist">{Artist}</p>{/block:Artist}
  813. </div>
  814. {block:AlbumArt}
  815. <div class="albumart"><img src="{AlbumArtURL}" alt=""/></div>
  816. {/block:AlbumArt}
  817. </div>
  818. </div>
  819. {/block:AudioPlayer}
  820. {block:Caption}
  821. <figcaption class="caption">
  822. {block:NotReblog}
  823. <div class="post-entry">
  824. {Caption}
  825. </div>
  826. {/block:NotReblog}
  827. {block:RebloggedFrom}
  828. <div class="reblog-list">
  829. {block:Reblogs}
  830. <div class="reblog-item">
  831. <div class="post-entry">
  832. <div class="reblog-user">
  833. {block:HasPermalink}
  834. <a href="{Permalink}" target="_blank" class="post-tumblelog-name">{Username}</a>:
  835. {/block:HasPermalink}
  836. {block:HasNoPermalink}
  837. <span class="post-tumblelog-name">{Username}{block:IsDeactivated}-deactivated{/block:IsDeactivated}:</span>
  838. {/block:HasNoPermalink}
  839. </div>
  840. <div class="reblog-body">
  841. {Body}
  842. </div>
  843. </div>
  844. </div>
  845. {/block:Reblogs}
  846. </div>
  847. {/block:RebloggedFrom}
  848. </figcaption>
  849. {/block:Caption}
  850. </figure>
  851. </section>
  852. {/block:Audio}
  853.  
  854. {block:Answer}
  855. {block:Date}
  856. <header class="post-head">
  857. <div class="header-date">
  858. {block:IndexPage}{ShortDayOfWeek} {DayOfMonth} {ShortMonth}{/block:IndexPage}
  859. {block:PermalinkPage}{TimeAgo}{/block:PermalinkPage}
  860. </div>
  861. <ul class="post-buttons">
  862. <li><a href="{ReblogURL}" {Target}><span class="pe-7s-back"></span></a></li>
  863. {block:IndexPage}<li><a href="{Permalink}"><span class="pe-7s-ribbon"></span></a></li>{/block:IndexPage}
  864. <li>{LikeButton size="16"}<span class="pe-7s-like"></span></li>
  865. </ul>
  866. </header>
  867. {/block:Date}
  868. <section class="post-body">
  869. <div class="post-answer">
  870. <div class="post-entry">
  871. <div class="post-answer-user">
  872. <span class="answer-action">Sent by</span> <span class="asker">{Asker}</span>:
  873. </div>
  874. <div class="reblog-body">
  875. <p>{Question}</p>
  876. </div>
  877. </div>
  878. </div>
  879. {block:NotReblog}
  880. <div class="post-entry">
  881. {Answer}
  882. </div>
  883. {/block:NotReblog}
  884. {block:RebloggedFrom}
  885. <div class="reblog-list">
  886. {block:Answerer}
  887. <div class="reblog-item">
  888. <div class="post-entry answerer">
  889. <div class="post-answer-user">
  890. <span class="answer-action">Replied by</span> {Answerer}:
  891. </div>
  892. <div class="reblog-body">
  893. {Answer}
  894. </div>
  895. </div>
  896. </div>
  897. {/block:Answerer}
  898. {block:Reblogs}
  899. <div class="reblog-item">
  900. <div class="post-entry">
  901. <div class="reblog-user">
  902. {block:HasPermalink}
  903. <a href="{Permalink}" target="_blank" class="post-tumblelog-name">{Username}</a>:
  904. {/block:HasPermalink}
  905. {block:HasNoPermalink}
  906. <span class="post-tumblelog-name">{Username}{block:IsDeactivated}-deactivated{/block:IsDeactivated}:</span>
  907. {/block:HasNoPermalink}
  908. </div>
  909. <div class="reblog-body">
  910. {Body}
  911. </div>
  912. </div>
  913. </div>
  914. {/block:Reblogs}
  915. </div>
  916. {/block:RebloggedFrom}
  917. </section>
  918. {/block:Answer}
  919.  
  920. {block:Date}{block:PermalinkPage}
  921. <section class="post-foot">
  922. <div class="post-entry">
  923. <blockquote>
  924. <p>
  925. Posted on: {DayOfWeek} {DayOfMonth} {Month}, {Year}
  926. <br>with: {NoteCountWithLabel}
  927. {block:RebloggedFrom}
  928. <br>Reblogged via: <a href="{ReblogParentURL}" {Target}>{ReblogParentName}</a>
  929. <br>Originally posted by: <a href="{ReblogRootURL}" {Target}>{ReblogRootName}</a>
  930. {/block:RebloggedFrom}
  931. {block:ContentSource}
  932. <br>Content source: <a href="{SourceURL}" {Target}>{SourceTitle}</a>
  933. {/block:ContentSource}
  934. </p>
  935. </blockquote>
  936. </div>
  937. </section>
  938. {/block:PermalinkPage}{/block:Date}
  939.  
  940. {block:HasTags}
  941. <ul class="tags">
  942. {block:Tags}<li><a href="{TagURL}">{Tag}</a>{/block:Tags}
  943. </ul>
  944. {/block:HasTags}
  945.  
  946. {block:PostNotes}
  947. <section class="post-notes">
  948. {PostNotes-16}
  949. </section>
  950. {/block:PostNotes}
  951.  
  952. </article>
  953. {/block:Posts}
  954. </main>
  955. </div>
  956.  
  957. {block:IfEnableInfiniteScroll}{block:Pagination}
  958. {block:NextPage}<a href="{NextPage}" id="next" style="hidden"></a>{/block:NextPage}
  959. {/block:Pagination}{/block:IfEnableInfiniteScroll}
  960.  
  961.  
  962. <script>
  963. var photosetGutterSize = '{text:Post photoset gutter size}';
  964. </script>
  965.  
  966. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  967. <script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
  968. <script src="https://unpkg.com/infinite-scroll@3/dist/infinite-scroll.pkgd.min.js"></script>
  969. <script src="https://static.tumblr.com/kmw8hta/rVKpb21vn/pxuphotoset.min.js"></script>
  970. <script src="https://cdn.jsdelivr.net/gh/echxn/yeolithm@master/src/js/thm34.js"></script>
  971.  
  972.  
  973. <!--
  974. ==========================================================
  975.  
  976.  
  977. // Credits:
  978.  
  979. Stroke Icons Font
  980. - https://www.pixeden.com/icon-fonts/stroke-7-icon-font-set
  981. - Copyright (c) 2014 Pixeden (https://www.pixeden.com/)
  982. - Licensed under the open source license
  983.  
  984. Infinite Scroll
  985. - https://infinite-scroll.com
  986. - Copyright (c) Metafizzy (https://metafizzy.co)
  987. - Licensed under the GPLv3 open source license
  988.  
  989. Masonry
  990. - https://masonry.desandro.com
  991. - Copyright (c) 2018 David DeSandro
  992. - Licensed under the MIT license
  993.  
  994. PXU Photost Extended
  995. - https://github.com/pixelunion/Extended-Tumblr-Photoset
  996. - Copyright (c) 2013 Pixel Union
  997. - Licensed under the MIT license
  998.  
  999.  
  1000. ==========================================================
  1001. -->
  1002.  
  1003.  
  1004. </body>
  1005. </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!