API tools faq
paste
seiche

base code

seiche
Nov 28th, 2020 (edited)
13,318
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.33 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>{Title} {block:TagPage}/ #{Tag}{/block:TagPage}{block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
  5.  
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  9. <meta charset="utf-8">
  10. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  11.  
  12. <!---
  13.  
  14. BASE CODE BY SEYCHE.TUMBLR.COM
  15.  
  16. TERMS:
  17. -if you use this to make your own theme and release it, I only ask that you make significant changes and credit me somewhere. please don't claim this as your own base or release it as your own base code.
  18. -if you use this to make your own theme, you may replace my credit in the bottom left corner with your own.
  19. -if you use this as a full theme without making any changes, please leave my credit where it is.
  20.  
  21. --->
  22.  
  23. <!----- VARIABLES AND OPTIONS ----->
  24.  
  25. <meta name="image:Sidebar" content=""/>
  26.  
  27. <meta name="color:Background" content="#ffffff"/>
  28. <meta name="color:Text" content="#707070"/>
  29. <meta name="color:Link" content="#313131"/>
  30. <meta name="color:Accent" content="#71d3d7"/>
  31. <meta name="color:Borders" content="#dcdcdc"/>
  32.  
  33. <meta name="select:Post Width" content="400px" title="400px"/>
  34. <meta name="select:Post Width" content="500px" title="500px"/>
  35. <meta name="select:Post Width" content="540px" title="540px"/>
  36.  
  37. <meta name="text:Post Margin" content="150"/>
  38.  
  39. <meta name="text:Home Link" content="home"/>
  40. <meta name="text:Ask Link" content="ask"/>
  41. <meta name="text:Archive Link" content="archive"/>
  42. <meta name="text:Submit Link" content=""/>
  43. <meta name="text:Link 1 URL" content=""/>
  44. <meta name="text:Link 1" content=""/>
  45. <meta name="text:Link 2 URL" content=""/>
  46. <meta name="text:Link 2" content=""/>
  47. <meta name="text:Link 3 URL" content=""/>
  48. <meta name="text:Link 3" content=""/>
  49.  
  50. <!----- CSS ----->
  51.  
  52. <style type="text/css">
  53.  
  54. /*----- BASIC STYLING -----*/
  55.  
  56. body {
  57. font-family: sans-serif;
  58. font-size: 15px;
  59. color: {color:text};
  60. background-color: {color:background};
  61. line-height: 160%;
  62. word-wrap: break-word;
  63. letter-spacing: 0.04em;
  64. margin: 0;
  65. padding: 0;
  66. }
  67.  
  68. a {
  69. color: {color:link};
  70. text-decoration: none;
  71. -webkit-transition: all 0.3s;
  72. -moz-transition: all 0.3s;
  73. -ms-transition: all 0.3s;
  74. -o-transition: all 0.3s;
  75. transition: all 0.3s;
  76. }
  77.  
  78. a:hover {
  79. color: {color:accent};
  80. -webkit-transition: all 0.3s;
  81. -moz-transition: all 0.3s;
  82. -ms-transition: all 0.3s;
  83. -o-transition: all 0.3s;
  84. transition: all 0.3s;
  85. }
  86.  
  87. blockquote {
  88. padding: 0 0 0 1.5em;
  89. border-left: 1px solid {color:borders};
  90. margin: 1.5em 0 1.5em 1.5em;
  91. }
  92.  
  93. h1, h2, h3, h4, h5, .title {
  94. letter-spacing: 0.06em;
  95. line-height: 145%;
  96. font-weight: bold;
  97. }
  98.  
  99. h1, .title {font-size: 1.5em;}
  100. h2 {font-size: 1.3em;}
  101. h3 {font-size: 1.25em;}
  102. h4 {font-size: 1.1em;}
  103. h5 {font-size: 1em;}
  104.  
  105. small {font-size: 0.9em;}
  106. big {font-size: 1.1em;}
  107.  
  108. hr {
  109. height: 1px;
  110. border: none;
  111. box-shadow: none;
  112. background-color: {color:borders};
  113. }
  114.  
  115. pre {
  116. line-height: inherit;
  117. font-size: inherit;
  118. white-space: pre-wrap;
  119. white-space: -moz-pre-wrap;
  120. white-space: -pre-wrap;
  121. white-space: -o-pre-wrap;
  122. word-wrap: break-word;
  123. }
  124.  
  125. .tmblr-iframe-compact .tmblr-iframe--unified-controls {z-index: 999999999!important;}
  126.  
  127. /*----- SIDEBAR -----*/
  128.  
  129. #sidebar {
  130. width: 250px;
  131. position: fixed;
  132. top: {text:post margin}px;
  133. text-align: center;
  134. }
  135.  
  136. {block:ifSidebarImage}
  137. #side-img {margin-bottom: 1.5em;}
  138. {/block:ifSidebarImage}
  139.  
  140. #description, nav {margin-top: 1.25em;}
  141. nav a {margin: auto 0.5em;}
  142.  
  143. /*----- POSTS -----*/
  144.  
  145. main {
  146. position: relative;
  147. width: calc(250px + {select:post width} + 150px);
  148. margin: auto;
  149. }
  150.  
  151. section {
  152. position: relative;
  153. width: {select:post width};
  154. margin-left: 400px;
  155. }
  156.  
  157. article {
  158. width: 100%;
  159. position: relative;
  160. margin: {text:post margin}px auto;
  161. }
  162.  
  163. .posts li, .posts blockquote, figure, video, iframe, .video, .video iframe, figure.tmblr-embed.tmblr-full, figure.tmblr-embed.tmblr-full iframe, .caption iframe {max-width: 100%;}
  164.  
  165. /*----- CAPTIONS -----*/
  166.  
  167. .caption {margin-top: 2em; list-style-type: none;}
  168. .text-caption:first-of-type {margin-top: 0;}
  169.  
  170. .user-icon, .ask-icon {
  171. display: inline-block;
  172. vertical-align: middle;
  173. width: 2em;
  174. height: 2em;
  175. margin-right: 1em;
  176. }
  177.  
  178. .username {
  179. display: inline-block;
  180. vertical-align: middle;
  181. font-weight: bold;
  182. }
  183.  
  184. .deactive::after {
  185. content: '(deactivated)';
  186. margin-left: 1em;
  187. opacity: 0.75;
  188. color: {color:text};
  189. }
  190.  
  191. p.tmblr-attribution {margin-top: 1em !important;}
  192.  
  193. /*----- TEXT -----*/
  194.  
  195. h1.post-title {margin-top: 0;}
  196.  
  197. /*----- LINK -----*/
  198.  
  199. a.link-wrap {display: block; border: 1px solid {color:borders};}
  200. .link {padding: 2em;}
  201. .link-host, .link-txt {margin-top: 1.5em;}
  202.  
  203. .npf-link-block {
  204. margin-top: 1.5em;
  205. background-color: inherit;
  206. border: 1px solid inherit;
  207. color: inherit;
  208. }
  209.  
  210. /*----- PHOTO -----*/
  211.  
  212. img {
  213. margin: 0;
  214. display: block;
  215. height: auto;
  216. max-width: 100%;
  217. }
  218.  
  219. .photo img {width: 100%;}
  220. .vignette, #vignette {opacity: 0;}
  221. .tmblr-lightbox, #tumblr_lightbox {background-color: rgba(130, 130, 130, 0.75) !important;}
  222.  
  223. .lightbox-image, #tumblr_lightbox img {
  224. box-shadow: none !important;
  225. border-radius: 0 !important;
  226. max-width: none;
  227. }
  228.  
  229. #tumblr_lightbox_caption, .lightbox-caption {
  230. color: #fff !important;
  231. font-family: inherit;
  232. margin-top: 1em !important;
  233. }
  234.  
  235. /*----- PHOTOSET -----*/
  236.  
  237. .post-content div.npf_row, .post div.npf_row, body div.npf_row {
  238. margin-left: 0 !important;
  239. margin-right: 0 !important;
  240. }
  241.  
  242. /*----- QUOTE -----*/
  243.  
  244. .quote {line-height: 160%; font-size: 1.25em;}
  245.  
  246. .quote p:first-of-type {margin-top: 0;}
  247. .quote p:last-of-type {margin-bottom: 0;}
  248.  
  249. .source {margin-top: 1.5em;}
  250.  
  251. /*----- CHAT -----*/
  252.  
  253. .chat {padding: 0; margin: 0;}
  254. .chat li {list-style-type: none; margin-top: 1em;}
  255. .chat li:first-of-type {margin-top: 0;}
  256. .chatter {font-weight: bold;}
  257.  
  258. p.npf_chat, p.npf_chat b {font-family: inherit;}
  259.  
  260. /*----- ANSWER -----*/
  261.  
  262. .ask-wrap {border-bottom: 1px solid {color:borders}; padding-bottom: 2em;}
  263.  
  264. .ask-wrap .asking {
  265. display: inline-block;
  266. margin-left: 1em;
  267. font-weight: bold;
  268. }
  269.  
  270. .question {margin-top: 1em;}
  271. .question p:first-of-type {margin-top: 0;}
  272. .question p:last-of-type {margin-bottom: 0;}
  273.  
  274. /*----- AUDIO -----*/
  275.  
  276. .audiopost {padding: 2em; border: 1px solid {color:borders};}
  277.  
  278. .album-art {
  279. z-index: 1;
  280. display: inline-block;
  281. vertical-align: middle;
  282. float: left;
  283. width: 100px;
  284. height: 100px;
  285. }
  286.  
  287. .audio-player-wrap {
  288. width: 100px;
  289. height: 100px;
  290. display: inline-block;
  291. }
  292.  
  293. .button {
  294. width: 30px;
  295. height: 30px;
  296. overflow: hidden;
  297. position: relative;
  298. z-index: 2;
  299. margin: 7px;
  300. }
  301.  
  302. .audiobox {
  303. background-color: #f2f2f2;
  304. z-index: 3;
  305. position: absolute;
  306. margin: 28px 0 0 28px;
  307. border-radius: 50%;
  308. }
  309.  
  310. .audioinfo {
  311. display: inline-block;
  312. height: 100px;
  313. max-width: calc(100% - 100px);
  314. margin-left: 100px;
  315. display: flex;
  316. justify-content: center;
  317. flex-direction: column;
  318. box-sizing: border-box;
  319. padding-left: 2em;
  320. }
  321.  
  322. .audioinfo li {list-style-type: none;}
  323. .track {font-weight: bold;}
  324.  
  325. /*----- INFO -----*/
  326.  
  327. .info {margin-top: 2em;}
  328. .info a {display: inline-block; vertical-align: middle;}
  329.  
  330. .likeb {
  331. position: relative;
  332. display: inline-block;
  333. height: 1.6em;
  334. margin-bottom: -1px;
  335. }
  336.  
  337. .likeb .like_button iframe {
  338. position: absolute;
  339. top: 0;
  340. left: 0;
  341. bottom: 0;
  342. right: 0;
  343. z-index: 2;
  344. opacity: 0;
  345. }
  346.  
  347. .like_button iframe {width: 100% !important; height: 100% !important;}
  348. .likeb .liked + .actual-button {color: red;}
  349. .likeb .liked + .actual-button:after {content: 'd';}
  350.  
  351. .info a, .tags a {margin-right: 0.75em;}
  352.  
  353. a.pinned-post {font-weight: bold; color: {color:accent};}
  354.  
  355. /*---- POST NOTES -----*/
  356.  
  357. .notes {margin: {text:post margin}px 0;}
  358.  
  359. ol.notes {
  360. max-width: 100%;
  361. padding: 0;
  362. margin: 2em 0 0 0;
  363. }
  364.  
  365. ol.notes li.note {padding: 0.5em 0; list-style-type: none;}
  366.  
  367. ol.notes li.note img.avatar {
  368. margin-right: 1em;
  369. vertical-align: middle;
  370. display: inline-block;
  371. width: 1.25em;
  372. height: 1.25em;
  373. }
  374.  
  375. /*---- PAGINATION -----*/
  376.  
  377. #page-navigation {text-align: center;}
  378. #page-navigation a, .current-page {margin: 0 0.5em;}
  379. .current-page {font-weight: bold; color: {color:accent};}
  380.  
  381. /*---- CREDIT -----*/
  382.  
  383. #credit {
  384. position: fixed;
  385. bottom: 20px;
  386. right: 20px;
  387. font-size: 15px;
  388. }
  389.  
  390. /*----
  391.  
  392. MEDIA QUERIES AND RESPONSIVENESS:
  393.  
  394. if you change the basic layout (i.e. sidebar to header), you MUST modify or delete this section, or else your theme will get screwed up on smaller screen sizes. if you're unfamiliar with media queries and/or you aren't interested in making responsive themes, I recommend deleting this whole section.
  395.  
  396. -----*/
  397.  
  398. /*--- for small desktop/tablet screens. converts sidebar to header ---*/
  399.  
  400. @media only screen and (max-width: 1100px) {
  401. main {width: {select:post width};}
  402.  
  403. #sidebar {
  404. position: relative;
  405. margin: {text:post margin}px auto;
  406. width: 100%;
  407. top: auto;
  408. }
  409.  
  410. section {margin-left: 0;}
  411. }
  412.  
  413. /*--- for mobile devices ---*/
  414.  
  415. @media only screen and (max-width: 720px) {
  416. main, section {width: 80vw;}
  417. }
  418.  
  419. /*---- END OF MEDIA QUERIES -----*/
  420.  
  421. {CustomCSS}
  422.  
  423. </style>
  424. </head>
  425.  
  426. <!----- HTML ----->
  427.  
  428. <body>
  429.  
  430. <!-- main = main container -->
  431.  
  432. <main>
  433.  
  434. <!----- SIDEBAR ----->
  435.  
  436. <aside id="sidebar">
  437. {block:ifSidebarImage}<img src="{image:Sidebar}" id="side-img" alt="Sidebar image"/></a>{/block:ifSidebarImage}
  438. <div class="title"><a href="/">{Title}</a></div>
  439. {block:Description}<div id="description">{Description}</div>{/block:Description}
  440. <nav>
  441. {block:ifHomeLink}<a href="/">{text:Home Link}</a>{/block:ifHomeLink}
  442. {block:AskEnabled}{block:ifAskLink}<a href="/ask">{text:Ask Link}</a>{/block:ifAskLink}{/block:AskEnabled}
  443. {block:ifArchiveLink}<a href="/archive">{text:Archive Link}</a>{/block:ifArchiveLink}
  444. {block:SubmissionsEnabled}{block:ifSubmitLink}<a href="/submit">{text:Submit Link}</a>{/block:ifSubmitLink}{/block:SubmissionsEnabled}
  445. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  446. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  447. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  448. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  449. </nav>
  450. </aside>
  451.  
  452. <!----- TAG AND DAY PAGES ----->
  453.  
  454. <!-- section = post container -->
  455.  
  456. <section>
  457.  
  458. {block:TagPage}
  459. <article>
  460. Viewing posts filed under #{Tag}
  461. </article>
  462. {/block:TagPage}
  463.  
  464. {block:DayPage}
  465. <article>
  466. Viewing posts made on {Month} {DayOfMonth}, {Year}
  467. </article>
  468. {/block:DayPage}
  469.  
  470. <!----- POSTS ----->
  471.  
  472. {block:Posts}
  473. <article class="posts" id="{PostID}">
  474.  
  475. {block:Text}
  476. {block:Title}<h1 class="post-title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  477. {block:NotReblog}
  478. <li class="caption text-caption">
  479. {Body}
  480. </li>
  481. {/block:NotReblog}
  482. {block:RebloggedFrom}
  483. {block:Reblogs}
  484. <li class="caption text-caption">
  485. <img src="{PortraitURL-64}" class="user-icon">
  486. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  487. {Body}
  488. </li>
  489. {/block:Reblogs}
  490. {/block:RebloggedFrom}
  491. {/block:Text}
  492.  
  493. {block:Link}
  494. <a href="{URL}" class="link-wrap">
  495. {block:Thumbnail}<img src="{Thumbnail-HighRes}">{/block:Thumbnail}
  496. <div class="link">
  497. <div class="title">{Name}</div>
  498. {block:Excerpt}<div class="link-txt">{Excerpt}</div>{/block:Excerpt}
  499. {block:Host}<div class="link-host">{Host}</div>{/block:Host}
  500. </div>
  501. </a>
  502. {block:Description}
  503. {block:NotReblog}
  504. <li class="caption">
  505. {Description}
  506. </li>
  507. {/block:NotReblog}
  508. {/block:Description}
  509. {block:RebloggedFrom}
  510. {block:Reblogs}
  511. <li class="caption">
  512. <img src="{PortraitURL-64}" class="user-icon">
  513. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  514. {Body}
  515. </li>
  516. {/block:Reblogs}
  517. {/block:RebloggedFrom}
  518. {/block:Link}
  519.  
  520. {block:Photo}
  521. <div class="photo">
  522. {LinkOpenTag}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a>{LinkCloseTag}
  523. </div>
  524. {block:Caption}
  525. {block:NotReblog}
  526. <li class="caption">
  527. {Caption}
  528. </li>
  529. {/block:NotReblog}
  530. {block:RebloggedFrom}
  531. {block:Reblogs}
  532. <li class="caption">
  533. <img src="{PortraitURL-64}" class="user-icon">
  534. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  535. {Body}
  536. </li>
  537. {/block:Reblogs}
  538. {/block:RebloggedFrom}
  539. {/block:Caption}
  540. {/block:Photo}
  541.  
  542. {block:Photoset}
  543. <div class="photo">{Photoset-700}</div>
  544. {block:Caption}
  545. {block:NotReblog}
  546. <li class="caption">
  547. {Caption}
  548. </li>
  549. {/block:NotReblog}
  550. {block:RebloggedFrom}
  551. {block:Reblogs}
  552. <li class="caption">
  553. <img src="{PortraitURL-64}" class="user-icon">
  554. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  555. {Body}
  556. </li>
  557. {/block:Reblogs}
  558. {/block:RebloggedFrom}
  559. {/block:Caption}
  560. {/block:Photoset}
  561.  
  562. {block:Video}
  563. <div class="video">{Video-500}</div>
  564. {block:Caption}
  565. {block:NotReblog}
  566. <li class="caption">
  567. {Caption}
  568. </li>
  569. {/block:NotReblog}
  570. {block:RebloggedFrom}
  571. {block:Reblogs}
  572. <li class="caption">
  573. <img src="{PortraitURL-64}" class="user-icon">
  574. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  575. {Body}
  576. </li>
  577. {/block:Reblogs}
  578. {/block:RebloggedFrom}
  579. {/block:Caption}
  580. {/block:Video}
  581.  
  582. {block:Quote}
  583. <div class="quote">{Quote}</div>
  584. {block:Source}<div class="source">{Source}</div>{/block:Source}
  585. {/block:Quote}
  586.  
  587. {block:Chat}
  588. {block:Title}<h1 class="post-title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  589. <ul class="chat">{block:Lines}
  590. <li>
  591. {block:Label}<div class="chatter">{Label}</div>{/block:Label}
  592. {Line}
  593. </li>
  594. {/block:Lines}</ul>
  595. {/block:Chat}
  596.  
  597. {block:Answer}
  598. <div class="ask-wrap">
  599. <img src="{AskerPortraitURL-64}" class="ask-icon">
  600. <div class="asking">{Asker} asked</div>
  601. <div class="question">{Question}</div>
  602. </div>
  603. {block:Answerer}
  604. <li class="caption">
  605. <img src="{AnswererPortraitURL-64}" class="user-icon">
  606. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Answerer}</a></div>
  607. {Answer}
  608. </li>
  609. {/block:Answerer}
  610. {block:NotReblog}
  611. <li class="caption">
  612. {Replies}
  613. </li>
  614. {/block:NotReblog}
  615. {block:RebloggedFrom}
  616. {block:Reblogs}
  617. <li class="caption">
  618. <img src="{PortraitURL-64}" class="user-icon">
  619. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  620. {Body}
  621. </li>
  622. {/block:Reblogs}
  623. {/block:RebloggedFrom}
  624. {/block:Answer}
  625.  
  626. {block:Audio}
  627. <div class="audiopost">
  628. <div class="audiobox">
  629. <div class="button">
  630. {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
  631. </div>
  632. </div>
  633. {block:AlbumArt}
  634. <img src="{AlbumArtURL}" class="album-art">
  635. {/block:AlbumArt}
  636. <div class="audioinfo">
  637. {block:TrackName}<li class="track">{TrackName}</li>{/block:TrackName}
  638. {block:Artist}<li>{Artist}</li>{/block:Artist}
  639. {block:Album}<li>{Album}</li>{/block:Album}
  640. </div>
  641. </div>
  642. {block:Caption}
  643. {block:NotReblog}
  644. <li class="caption">
  645. {Caption}
  646. </li>
  647. {/block:NotReblog}
  648. {block:RebloggedFrom}
  649. {block:Reblogs}
  650. <li class="caption">
  651. <img src="{PortraitURL-64}" class="user-icon">
  652. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  653. {Body}
  654. </li>
  655. {/block:Reblogs}
  656. {/block:RebloggedFrom}
  657. {/block:Caption}
  658. {/block:Audio}
  659.  
  660. <!----- INFO ----->
  661.  
  662. {block:Date}
  663. <div class="info">
  664. {block:PinnedPostLabel}<a href="{Permalink}" class="pinned-post">{PinnedPostLabel}</a>{/block:PinnedPostLabel}
  665. <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a>
  666. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  667.  
  668. <!-- reblog info and content source on permalink pages -->
  669.  
  670. {block:PermalinkPage}
  671.  
  672. {block:RebloggedFrom}
  673. <a href="{ReblogParentURL}">via</a>
  674. <a href="{ReblogRootURL}">originally</a>
  675. {/block:RebloggedFrom}
  676. {block:ContentSource}<a href="{SourceURL}">{lang:Source}</a>{/block:ContentSource}
  677.  
  678. {/block:PermalinkPage}
  679.  
  680. <!-- like and reblog buttons -->
  681.  
  682. <a href="{ReblogURL}" target="_blank">reblog</a>
  683. <a class="likeb" href="#">{LikeButton}<span class="actual-button">like</span></a>
  684.  
  685. </div>
  686. {/block:Date}
  687.  
  688. <!----- TAGS ----->
  689.  
  690. {block:HasTags}
  691. <div class="tags">
  692. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  693. </div>
  694. {/block:HasTags}
  695.  
  696. <!----- POST NOTES ----->
  697.  
  698. {block:PermalinkPage}{block:Date}
  699. {block:NoteCount}{block:PostNotes}
  700. <div class="notes">
  701. {PostNotes-64}
  702. </div>
  703. {/block:PostNotes}{/block:NoteCount}
  704. {/block:Date}{/block:PermalinkPage}
  705.  
  706. </article>
  707. {/block:Posts}
  708.  
  709. <!-- end of posts container -->
  710.  
  711. </section>
  712.  
  713. <!----- PAGINATION ----->
  714.  
  715. {block:Pagination}
  716. <article id="page-navigation">
  717. {block:PreviousPage}<a href="{PreviousPage}">previous page</a>{/block:PreviousPage}
  718. {block:JumpPagination length="5"}
  719. {block:CurrentPage}<span class="current-page">{PageNumber}</span>{/block:CurrentPage}
  720. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  721. {/block:JumpPagination}
  722. {block:NextPage}<a href="{NextPage}">next page</a>{/block:NextPage}
  723. </article>
  724. {/block:Pagination}
  725.  
  726. <!-- end of main container -->
  727.  
  728. </main>
  729.  
  730. <!----- CREDIT: if you make significant modifications, feel free to replace with your own. if you use this as a theme without changes, leave in place. ----->
  731.  
  732. <a href="https://seyche.tumblr.com" title="base code by seyche" id="credit">&.</a>
  733.  
  734. </body>
  735. </html>
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!