Advertisement
enbythemes

theme 04: tuesday the 17th

Oct 9th, 2020 (edited)
107
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.88 KB | None | 0 0
  1. <!--
  2. tueday the 17th © xroub.tumblr.com
  3.  
  4. credits:
  5. base codes by egg.design and annasthms.tumblr.com
  6. change audio player color by shudesigns.tumblr.com
  7. responise videos by nouvae.tumblr.com
  8. -->
  9. <!DOCTYPE html>
  10. <html>
  11. <head>
  12. <link rel="shortcut icon" href="{Favicon}" />
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  14. <title>{Title}</title>
  15. {block:Description}
  16. <meta name="description" content="{MetaDescription}" />
  17. {/block:Description}
  18.  
  19. <!-- meta tags -->
  20. <meta name="color:background" content="#1e1e1e">
  21. <meta name="color:font color" content="#f0f0f0">
  22. <meta name="color:sidebar" content="#2c2c2c">
  23. <meta name="color:posts" content="#2c2c2c">
  24. <meta name="color:borders" content="#535353">
  25. <meta name="color:links" content="#ff6600">
  26. <meta name="color:sidebar links" content="#8351b9">
  27. <meta name="color:post info links" content="#ff6600">
  28. <meta name="color:links hover" content="#f0f0f0">
  29. <meta name="color:font icons" content="#ff6600">
  30. <meta name="color:bold text" content="#8351b9">
  31. <meta name="color:headings color" content="#ff6600">
  32. <meta name="color:audio player" content="#8351b9">
  33. <meta name="color:gradient color 1" content="#ff6600">
  34. <meta name="color:gradient color 2" content="#8351b9">
  35.  
  36. <meta name="text:google font" content="Karla">
  37. <meta name="text:font size" content="14px">
  38.  
  39. <meta name="text:link one" content="link one">
  40. <meta name="text:link one url" content="/">
  41. <meta name="text:link two" content="link two">
  42. <meta name="text:link two url" content="/">
  43. <meta name="text:link three" content="link three">
  44. <meta name="text:link three url" content="/">
  45.  
  46. <meta name="if:normal" content="">
  47.  
  48. <meta name="if:show link 1" content="1">
  49. <meta name="if:show link 2" content="1">
  50. <meta name="if:show link 3" content="1">
  51.  
  52.  
  53. <!-- scripts -->
  54. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  55.  
  56. <link href="https://fonts.googleapis.com/css?family={text:Google Font}:700,400>" rel="stylesheet">
  57.  
  58. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  59.  
  60. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  61.  
  62. <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  63.  
  64. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  65.  
  66. <script>
  67. // change audio player color
  68. $(document).ready(function() {
  69. var $audio = $('iframe.tumblr_audio_player');
  70. $audio.load(function() {
  71. $(this).contents().find('head').append('<style type="text/css">' +
  72. '.audio-player { background: {color:audio player}; color: #fff !important; }' +
  73. '.audio-player .audio-info .track-artist { color: #fff !important; }' +
  74. '</style>');
  75. });
  76. });
  77.  
  78. // responsive videos
  79. $(document).ready(function() {
  80. flexibleFrames($(".video"));
  81. });
  82. </script>
  83.  
  84. <style>
  85. /* html */
  86. body {
  87. margin: 0;
  88. background: {color:background};
  89. font-family: {text:google font};
  90. font-size: {text:font size};
  91. color: {color:font color};
  92. word-wrap: break-word;
  93. }
  94.  
  95. h1, h2, h3, h4, h5, big, small, sub, sup {font-size: 1em;text-align:center;}
  96.  
  97. a {
  98. text-decoration: none;
  99. color: {color:links};
  100. transition: 0.4s ease;
  101. }
  102.  
  103. a:hover {color: {color:links hover};}
  104. b, strong {color: {color:bold text};}
  105.  
  106. blockquote {
  107. margin: 1em 0;
  108. padding-left: 10px;
  109. border-left: 2px solid {color:borders};
  110. }
  111.  
  112. pre {
  113. word-wrap: break-word!important;
  114. white-space: pre-wrap;
  115. }
  116.  
  117. article ol, article ul {margin: 1em 0;padding: 0;}
  118. article ol {margin-left: 10px;}
  119. article ul {margin-left: 15px;}
  120.  
  121. /* contents */
  122. main {width: 100%;}
  123.  
  124. /* sidebar */
  125. aside {
  126. width: 200px;
  127. background: {color:sidebar};
  128. position: fixed;
  129. top: calc(5% + 50px);
  130. left: 5%;
  131. border-radius: 5px;
  132. }
  133.  
  134. .avtr {
  135. width: 110px;
  136. margin: -50px auto 0;
  137. }
  138.  
  139. .border {
  140. width: 100px;
  141. height: 100px;
  142. position: relative;
  143. border: 4px solid transparent;
  144. border-radius: 100%;
  145. background: linear-gradient(150deg, {color:gradient color 1}, {color:gradient color 2});
  146. background-clip: padding-box;
  147. padding: 4px;
  148. }
  149.  
  150. .border::after {
  151. content: "";
  152. position: absolute;
  153. top: -4px;
  154. bottom: -4px;
  155. left: -4px;
  156. right: -4px;
  157. z-index: -1;
  158. border-radius: 100%;
  159. }
  160.  
  161. .border img {
  162. width: 94px;
  163. border-radius: 100%;
  164. padding: 3px;
  165. background: {color:background};
  166. }
  167.  
  168. .blogttl, .desc, .links {padding: 5px 10px;}
  169. .blogttl, .desc {margin: 0;}
  170.  
  171. .blogttl {
  172. font-size: 1.25em;
  173. font-weight: 700;
  174. text-transform: uppercase;
  175. letter-spacing: 1px;
  176. color: {color:headings color};
  177. text-align: center;
  178. }
  179.  
  180. /* links */
  181. .links {
  182. border-top: 2px solid {color:borders};
  183. margin-top: 5px;
  184. padding-top: 10px;
  185. list-style-type: none;
  186. }
  187.  
  188. .links li:not(:last-of-type) {padding-bottom: 5px;}
  189.  
  190. .links .th {
  191. color: {color:font icons};
  192. margin-right: 6px;
  193. font-size: 0.8em;
  194. }
  195.  
  196. .links a {color: {color:sidebar links};}
  197. .links a:hover {margin-left: 4px;color:{color:links hover};}
  198.  
  199. /* posts */
  200. section {
  201. width: calc(90% - 300px);
  202. margin: 5% 0 0 300px;
  203. }
  204.  
  205. article.posts {
  206. background: {color:posts};
  207. width: 100%;
  208. max-width: 700px;
  209. margin: 50px auto 100px 50px;
  210. }
  211.  
  212. /* text posts */
  213. .ttl {
  214. color: {color:headings color};
  215. font-size: 1.25em;
  216. text-transform: uppercase;
  217. letter-spacing: 1px;
  218. padding: 10px 20px 0;
  219. margin: 5px 0 -5px;
  220. }
  221.  
  222. /* photo posts */
  223. .photo {
  224. max-width: 100%;
  225. height: auto!important;
  226. }
  227.  
  228. /* quote posts */
  229. .quote {font-size: 1.25em;}
  230.  
  231. .quote .th {
  232. font-size: .8em;
  233. color: {color:font icons};
  234. margin-right: 6px;
  235. }
  236.  
  237. .src {
  238. font-style: italic;
  239. margin-top: 4px;
  240. }
  241.  
  242. /* link posts */
  243. .link {
  244. font-size: 1.25em;
  245. text-align: center;
  246. padding: 10px;
  247. }
  248.  
  249. /* chat posts */
  250. .chat {
  251. list-style: none;
  252. margin: 0;
  253. padding: 0;
  254. }
  255.  
  256. /*audio posts */
  257. iframe.tumblr_audio_player {
  258. height: 85px;
  259. width: 100%;
  260. }
  261.  
  262. /* ask posts */
  263. .question_container, .answer_container, .reply_container {padding: 5px 20px;}
  264. .asker {margin-top: 10px;}
  265.  
  266. .asker .th {
  267. margin-right: 5px;
  268. vertical-align: middle;
  269. margin-top: -1px;
  270. font-size: 0.9em;
  271. }
  272.  
  273. .question_text {margin-top: 5px;}
  274. .answerer {margin: 5px 0 -5px;}
  275. .replier {margin: -5px 0;}
  276.  
  277. /* captions */
  278. .caption {padding: 10px 20px;}
  279.  
  280. .caption img {
  281. max-width: 100%;
  282. height: auto!important;
  283. }
  284.  
  285. .reblog-header {position: relative;margin-left: 15px;}
  286.  
  287. .reblog-header a {
  288. font-weight: 700;
  289. position: relative;
  290. margin-left: 2px;
  291. }
  292.  
  293. {block:ifNotNormal}
  294. .reblog-header::before {
  295. display: inline-block;
  296. position: absolute;
  297. font-size: 0.9em;
  298. font-family: 'Honeybee';
  299. content: "\ec1c";
  300. top: 3px;
  301. left: -15px;
  302. color: {color:bold text};
  303. }
  304. {/block:ifNotNormal}
  305.  
  306. {block:ifNormal}
  307. .reblog-header {margin-left: 10px;}
  308.  
  309. .reblog-header::before {
  310. content: "";
  311. display: inline-block;
  312. position: absolute;
  313. font-size: 0.9em;
  314. width: 8px;
  315. height: 8px;
  316. background: {color:bold text};
  317. border-radius: 100%;
  318. top: 5px;
  319. left: -10px;
  320. }
  321. {/block:ifNormal}
  322.  
  323. .inactive:hover:after {
  324. content:'deactivated';
  325. }
  326.  
  327. /* pagination */
  328. .pagination {
  329. width: 100%;
  330. max-width: 700px;
  331. margin: -50px 0 50px;
  332. text-align: center;
  333. }
  334.  
  335. .pagination a {
  336. margin: 0 6px;
  337. }
  338.  
  339. /* permalinks */
  340. .permalinks {
  341. text-transform: uppercase;
  342. font-size: 0.9em;
  343. font-weight: 700;
  344. padding: 10px 20px;
  345. border-top: 2px solid {color:borders};
  346. overflow: hidden;
  347. }
  348.  
  349. .permalinks a {color: {color:post info links};}
  350. .permalinks a:hover {color: {color:links hover};}
  351.  
  352. .pinned {
  353. margin-right: 6px;
  354. font-size: 0.9em;
  355. }
  356.  
  357. .notecount {
  358. margin-left: 25px;
  359. position: relative;
  360. }
  361.  
  362. {block:ifNotNormal}
  363. .notecount::before {
  364. display: inline-block;
  365. position: absolute;
  366. font-size: 0.9em;
  367. font-family: 'Honeybee';
  368. content: "\ec67";
  369. top: 1px;
  370. left: -17px;
  371. color: {color:bold text};
  372. }
  373. {/block:ifNotNormal}
  374.  
  375. {block:ifNormal}
  376. .notecount::before {
  377. content: "";
  378. display: inline-block;
  379. position: absolute;
  380. font-size: 0.9em;
  381. width: 8px;
  382. height: 8px;
  383. background: {color:bold text};
  384. border-radius: 100%;
  385. top: 4px;
  386. left: -15px;
  387. }
  388. {/block:ifNormal}
  389.  
  390. /* like and reblog */
  391. .like-reblog {float: right;}
  392.  
  393. .like-reblog a {
  394. position: relative;
  395. display: inline-block;
  396. overflow: hidden;
  397. }
  398.  
  399. .like-reblog .reblog {
  400. opacity: .9;
  401. margin-right: 8px;
  402. }
  403.  
  404. .like-reblog .like .liked + svg {opacity: 1;}
  405. .like-reblog .like .liked + svg path {fill: #ec5a5a;}
  406. .like-reblog .like .like_button {position: relative;}
  407.  
  408. .like-reblog .like .like_button iframe {
  409. position:absolute;
  410. top: 0;
  411. left: 0;
  412. bottom: 0;
  413. right: 0;
  414. z-index: 2;
  415. opacity: 0.000001;
  416. }
  417.  
  418. /* tags */
  419. .tags {
  420. width: 100%;
  421. max-width: 700px;
  422. margin: -85px auto 100px 50px;
  423. }
  424.  
  425. .tags a {
  426. display: inline-block;
  427. background: {color:posts};
  428. padding: 8px 10px;
  429. margin: 0 .7em 1em 0;
  430. }
  431.  
  432. /* notes on permalink page */
  433. ol.notes {
  434. list-style: none;
  435. width: 100%;
  436. max-width: 700px;
  437. background: {color:posts};
  438. padding: 10px 0;
  439. margin: 0 0 50px 50px;
  440. }
  441.  
  442. ol.notes li {
  443. padding: 4px 0 4px 15px;
  444. margin: 0;
  445. }
  446.  
  447. ol.notes li img {
  448. border-radius: 100%;
  449. vertical-align: middle;
  450. margin-right: 5px;
  451. }
  452.  
  453. /*credit */
  454. .crd {
  455. bottom: 10px;
  456. right: 10px;
  457. position: fixed;
  458. background: {color:posts};
  459. padding: 5px 8px;
  460. font-size: .9em;
  461. }
  462.  
  463. /* tumblr controls */
  464. .iframe-controls--desktop {
  465. position:fixed;
  466. top:0px;
  467. right:0px;
  468. z-index:214748364789123456789;
  469. -webkit-transform:scale(0.6,0.6);
  470. -webkit-transform-origin: 100% 0%;
  471. -ms-transform-origin:100% 0%;
  472. -ms-transform:scale(0.6,0.6);
  473. transform:scale(0.6,0.6);
  474. transform-origin:100% 0%;
  475. }
  476.  
  477. .iframe-controls--phone-mobile {display:none!important;}
  478. .tmblr-iframe-pushdown {padding-top:0!important;}
  479. .tmblr-iframe--app-cta-button {display:none!important;}
  480.  
  481. /* desktop and mobile responsive queries */
  482. @media only screen and (min-width: 1281px) {
  483. section {
  484. margin: 5% auto 0;
  485. width: 700px;
  486. }
  487.  
  488. article.posts {margin: 0 0 100px;}
  489. .tags {margin-left: 0px;}
  490. .postnotes {margin-left: -50px;}
  491. }
  492.  
  493. @media screen and (max-width: 800px) {
  494. aside {
  495. position: relative;
  496. width: 95%;
  497. max-width: 700px;
  498. left: auto;
  499. margin: 150px auto 100px;
  500. }
  501.  
  502. .avtr {
  503. width: 110px;
  504. transform: translateY(-50px);
  505. margin-bottom: -50px;
  506. }
  507.  
  508. .links li {
  509. display: inline-block;
  510. margin-right: 5px;
  511. }
  512.  
  513. .links li a:hover {margin: 0;}
  514.  
  515. section {
  516. width: 95%;
  517. max-width: 700px;
  518. margin: 0 auto;
  519. }
  520.  
  521. article.posts {
  522. width: 100%;
  523. margin: 0 auto 100px;
  524. }
  525.  
  526. .tags {margin-left: 0px;}
  527. .postnotes {margin: 0 auto 0 -50px;}
  528. .pagniation {margin: 50px auto 50px -50px;}
  529. }
  530. {CustomCSS}
  531. </style>
  532. </head>
  533. <body>
  534. <main>
  535.  
  536. <aside>
  537. <div class="user">
  538.  
  539. <div class="avtr"><div class="border">
  540. <img src="{PortraitURL-128}">
  541. </div></div>
  542.  
  543. <h1 class="blogttl">{Title}</h1>
  544. {block:Description}
  545. <div class="desc">
  546. {Description}
  547. </div>
  548. {block:Description}
  549. </div>
  550.  
  551. {block:ifNotNormal}
  552. <ul class="links">
  553. <li><span class="th th-pumpkin"></span><a href="/">home</a></li>
  554. <li><span class="th th-alien"></span><a href="/ask">ask</a></li>
  555. {block:ifShowLink1}<li><span class="th th-bat"></span><a href="{text:link one url}">{text:link one}</a></li>{/block:ifShowLink1}
  556. {block:ifShowLink2}<li><span class="th th-spider-web"></span><a href="{text:link two url}">{text:link two}</a></li>{/block:ifShowLink2}
  557. {block:ifShowLink3}<li><span class="th th-cat"></span><a href="{text:link three url}">{text:link three}</a></li>{/block:ifShowLink3}
  558. </ul>
  559. {/block:ifNotNormal}
  560.  
  561. {block:ifNormal}
  562. <ul class="links">
  563. <li><span class="th th-home"></span><a href="/">home</a></li>
  564. <li><span class="th th-envelope"></span><a href="/ask">ask</a></li>
  565. {block:ifShowLink1}<li><span class="th th-edit"></span><a href="{text:link one url}">{text:link one}</a></li>{/block:ifShowLink1}
  566. {block:ifShowLink2}<li><span class="th th-heart-1"></span><a href="{text:link two url}">{text:link two}</a></li>{/block:ifShowLink2}
  567. {block:ifShowLink3}<li><span class="th th-star"></span><a href="{text:link three url}">{text:link three}</a></li>{/block:ifShowLink3}
  568. </ul>
  569. {/block:ifNormal}
  570. </aside>
  571.  
  572. <section>
  573. {block:Posts}
  574. <!-- {block:NoRebloggedFrom}
  575. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  576. {/block:NoRebloggedFrom} -->
  577. {block:ContentSource}<!-- {SourceURL}
  578. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  579. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  580. {/block:ContentSource}
  581. <article class="{posttype}post posts" id="{PostID}">
  582. <!-- text posts -->
  583. {block:Text}
  584. {block:Title}
  585. <h1 class="ttl">{Title}</h1>
  586. {/block:Title}
  587.  
  588. {block:Notreblog}
  589. <div class="caption">
  590. {Body}
  591. </div>
  592. {/block:Notreblog}
  593.  
  594. {block:Rebloggedfrom}
  595. <div class="caption">
  596. <div class="reblog-list">
  597. {block:Reblogs}
  598. <div class="reblogs">
  599. <div class="reblog-header">
  600. {block:IsActive}
  601. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  602. </a>
  603. {/block:IsActive}
  604. {block:IsDeactivated}
  605. <span class="inactive {block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}">
  606. </span>
  607. {/block:IsDeactivated}
  608. {block:isactive}
  609. <a href="{permalink}">{username}</a>
  610. {/block:isactive}
  611. {block:isdeactivated}
  612. <a href="{permalink}" class="inactive">{username}</a>
  613. {/block:isdeactivated}
  614. </div>
  615. <div class="reblog-content">
  616. {Body}
  617. </div>
  618. </div>
  619. {/block:Reblogs}
  620. </div>
  621. </div>
  622. {/block:RebloggedFrom}
  623. {/block:Text}
  624.  
  625. <!-- photo posts -->
  626. {block:Photo}
  627. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="photo">
  628. {/block:Photo}
  629.  
  630. <!-- photoset posts -->
  631. {block:Photoset}
  632. {Photoset}
  633. {/block:Photoset}
  634.  
  635. <!-- quote possts -->
  636. {block:Quote}
  637. <div class="caption">
  638. <div class="quote"><span class="th th-quote-up"></span>{Quote}</div>
  639. <div class="src">{Source}</div>
  640. </div>
  641. {/block:Quote}
  642.  
  643. <!-- link posts -->
  644. {block:Link}
  645. <div class="caption">
  646. <div class="link">
  647. <a href="{URL}">{Name}</a>
  648. </div>
  649. </div>
  650. {/block:Link}
  651.  
  652. <!-- chat posts -->
  653. {block:Chat}
  654. <div class="caption">
  655. <ul class="chat">
  656. {block:Lines}
  657. <li>{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>
  658. {/block:Lines}
  659. </ul>
  660. </div>
  661. {/block:Chat}
  662.  
  663. <!-- audio posts -->
  664. {block:Audio}
  665. {AudioEmbeded}
  666. {/block:Audio}
  667.  
  668. <!-- video posts -->
  669. {block:Video}
  670. <div class="video">{Video-500}</div>
  671. {/block:Video}
  672.  
  673. <!-- ask posts -->
  674. {block:Answer}
  675. <div class="question_container">
  676. <div class="asker">
  677. <span class="th th-question-o"></span>{Asker} sent a message</div>
  678. <div class="question_text">{Question}</div>
  679. </div>
  680.  
  681. {block:Answerer}
  682. <div class="answer_container">
  683. <div class="answerer">
  684. {Answerer}
  685. </div>
  686. <div class="answer_text">{Answer}</div>
  687. </div>
  688. {block:Reblogs}
  689. <div class="reply_container">
  690. <div class="replier">
  691. {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a> {/block:HasPermalink}
  692. </div>
  693. <div class="reply">{Body}</div>
  694. </div>
  695. {/block:Reblogs}
  696. {/block:Answerer}
  697.  
  698. {block:NotReblog}
  699. <div class="answer_container">
  700. <div class="answer_text">{Answer}</div>
  701. </div>
  702. {/block:NotReblog}
  703. {/block:Answer}
  704.  
  705. <!-- captions -->
  706. {block:Caption}
  707. <div class="caption">
  708. {block:notreblog}
  709. {Caption}
  710. {/block:notreblog}
  711. {block:Rebloggedfrom}
  712. <div class="reblog-list">
  713. {block:Reblogs}
  714. <div class="reblogs">
  715. <div class="reblog-header">
  716. {block:IsActive}
  717. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  718. </a>
  719. {/block:IsActive}
  720. {block:IsDeactivated}
  721. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  722. </span>
  723. {/block:IsDeactivated}
  724. {block:isactive}
  725. <a href="{permalink}">{username}</a>
  726. {/block:isactive}
  727. {block:isdeactivated}
  728. <a href="{permalink}" class="inactive">{username}</a>
  729. {/block:isdeactivated}
  730. </div>
  731. <div class="reblog-content">
  732. {Body}
  733. </div>
  734. </div>
  735. {/block:Reblogs}
  736. </div>
  737. {/block:RebloggedFrom}
  738. </div>
  739. {/block:Caption}
  740.  
  741. <!-- permalinks -->
  742. {block:Date}
  743. <div class="permalinks">
  744. {block:PinnedPostLabel}
  745. <span class="pinned"><span class="th th-push-pin-o" title="pinned post"></span></span>
  746. {/block:PinnedPostLabel}
  747. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a>
  748. {block:NoteCount}
  749. <span class="notecount"><a href="{Permalink}">{NoteCountWithLabel}</a></span>
  750. {block:NoteCount}
  751.  
  752. <div class="like-reblog">
  753. <a href="{ReblogURL}" target="_blank" class="reblog"><span class="th th-reblog"></span></a>
  754. <a href="#" class="like">{LikeButton}<span class="th th-heart-1-o"></span></a>
  755. </div>
  756. </div>
  757. {/block:Date}
  758. </article>
  759.  
  760. <!-- tags -->
  761. {block:HasTags}
  762. <div class="tags">
  763. {block:Tags}
  764. <a href="{TagURL}">{Tag}</a>
  765. {/block:Tags}
  766. </div>
  767. {/block:HasTags}
  768.  
  769. <!-- post notes on permalink page -->
  770. {block:Permalink}
  771. <div class="postnotes">{PostNotes}</div>
  772. {/block:Permalink}
  773. {/block:Posts}
  774.  
  775. <!-- pagination -->
  776. {block:Pagination}
  777. <div class="pagination">
  778. {block:PreviousPage}<a href="{PreviousPage}">forward</a>{/block:PreviousPage}
  779. {block:NextPage}<a href="{NextPage}">forward</a>{block:NextPage}
  780. </div>
  781. {/block:Pagination}
  782. </section>
  783. <!-- credit -->
  784. <!-- if you ever want to move my credit, please send me an ask or message to let me know -->
  785. <div class="crd"><a href="https://enbythemes.tumblr.com" title="code by rou">ENBY</a></div>
  786. </main>
  787. </body>
  788. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement