API tools faq
paste
recurscs

NOOB - #001 Recurscs Theme

recurscs
Jul 26th, 2025
356
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.22 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>{Title}</title>
  5. <meta name="description" content="{MetaDescription}" />
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="apple-touch-icon" href="{PortraitURL-128}">
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9.  
  10. <!--
  11. ==========================================================================
  12.  
  13. ⋆˚｡⋆୨୧˚ RECURSCS - Theme #001 ˚୨୧⋆｡˚⋆
  14.  
  15. Theme: NOOB
  16. Made by Recurscs
  17.  
  18. GUIDELINES
  19. - Don't steal parts of this code to use on other themes
  20. - Don't use as base
  21. - Don't claim as your own
  22. - Don't remove credit
  23. - Feel free to ask questions or support if you run into issues, i'll do my best to help!
  24.  
  25. ==========================================================================
  26. -->
  27.  
  28. <!-- =================== THEME OPTIONS =================== -->
  29. <!-- Colors -->
  30. <meta name="color:Background" content="#fdf2f4"/>
  31. <meta name="color:Container Background" content="#ffffff"/>
  32. <meta name="color:Post Background" content="#fef7f8"/>
  33. <meta name="color:Text" content="#5d5d5d"/>
  34. <meta name="color:Overlay Text" content="#ffffff"/>
  35. <meta name="color:Accent" content="#e85d75"/>
  36. <meta name="color:Post Link" content="#4a90e2"/>
  37. <meta name="color:Post Title" content="#111111"/>
  38. <meta name="color:Post Footer Bar" content="#fadadd"/>
  39. <meta name="color:Post Footer Text" content="#d14a63"/>
  40. <meta name="color:Header Overlay" content="#ffcdd2"/>
  41. <meta name="color:Sidebar Overlay" content="#ef9a9a"/>
  42. <meta name="color:Active Icon" content="#25d366"/>
  43. <meta name="color:Active Icon Border" content="#ffffff"/>
  44. <meta name="color:Active Icon Glow" content="#25d366"/>
  45. <meta name="color:Shadow" content="#fadadd"/>
  46. <meta name="color:Title Gradient Start" content="#e85d75"/>
  47. <meta name="color:Title Gradient End" content="#fadadd"/>
  48.  
  49. <!-- General Settings -->
  50. <meta name="if:Show Top Title" content="1"/>
  51. <meta name="if:Show Top Avatar" content="1"/>
  52. <meta name="if:Show Active Icon" content="1"/>
  53.  
  54. <!-- Opacity Settings -->
  55. <meta name="text:Header Overlay Opacity" content="0.6"/>
  56. <meta name="text:Sidebar Overlay Opacity" content="0.7"/>
  57.  
  58. <!-- Header Block -->
  59. <meta name="image:Header" content=""/>
  60. <meta name="text:Header Title" content="This is a Title"/>
  61. <meta name="text:Header Subtitle" content="OVERLAY TEXT GOES HERE!"/>
  62.  
  63. <!-- Navigation Links -->
  64. <meta name="text:Link 1 Text" content="HOME"/>
  65. <meta name="text:Link 1 URL" content="/"/>
  66. <meta name="text:Link 2 Text" content="ASK"/>
  67. <meta name="text:Link 2 URL" content="/ask"/>
  68. <meta name="text:Link 3 Text" content="ARCHIVE"/>
  69. <meta name="text:Link 3 URL" content="/archive"/>
  70. <meta name="text:Link 4 Text" content="LINK"/>
  71. <meta name="text:Link 4 URL" content="#"/>
  72.  
  73. <!-- Sidebar -->
  74. <meta name="image:Sidebar Image 1" content=""/>
  75. <meta name="text:Sidebar Image 1 Name" content="NAME"/>
  76. <meta name="text:Sidebar Image 1 Quote" content="LITTLE QUOTE"/>
  77. <meta name="image:Sidebar Image 2" content=""/>
  78. <meta name="image:Sidebar Image 3" content=""/>
  79. <meta name="text:Sidebar Paragraph" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."/>
  80.  
  81.  
  82. <style>
  83. /* Change this bit if you want to change the font of your overall blog. Currently, the post, titles, overlay texts, etc are all using a fixed font: Nunito Sans */
  84. @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700;900&display=swap');
  85.  
  86. /* CSS Variables */
  87. :root {
  88. --bg-color: {color:Background};
  89. --container-bg-color: {color:Container Background};
  90. --post-bg-color: {color:Post Background};
  91. --text-color: {color:Text};
  92. --accent-color: {color:Accent};
  93. --post-link-color: {color:Post Link};
  94. --shadow-color: {color:Shadow};
  95. --post-title-color: {color:Post Title};
  96. --post-footer-bar-color: {color:Post Footer Bar};
  97. --post-footer-text-color: {color:Post Footer Text};
  98. --post-footer-font-size: 8px; /* Hardcoded */
  99. --tag-font-size: 8px; /* Hardcoded */
  100. --header-overlay-color: {color:Header Overlay};
  101. --header-overlay-opacity: {text:Header Overlay Opacity};
  102. --sidebar-overlay-color: {color:Sidebar Overlay};
  103. --sidebar-overlay-opacity: {text:Sidebar Overlay Opacity};
  104. --active-color: {color:Active Icon};
  105.  
  106. --body-font: 'Nunito Sans', sans-serif;
  107. --title-font: 'Nunito Sans', sans-serif;
  108. --header-title-font: 'Nunito Sans', sans-serif;
  109. --body-font-size: 10px; /* Hardcoded */
  110. }
  111.  
  112. /* Pulsing Glow Animation */
  113. @keyframes pulse-glow {
  114. 0% { box-shadow: 0 0 5px 0px {color:Active Icon Glow}; }
  115. 50% { box-shadow: 0 0 12px 4px {color:Active Icon Glow}; }
  116. 100% { box-shadow: 0 0 5px 0px {color:Active Icon Glow}; }
  117. }
  118.  
  119. /* Basic Reset & Body Styles */
  120. * { box-sizing: border-box; margin: 0; padding: 0; }
  121. body {
  122. background-color: var(--bg-color);
  123. color: var(--text-color);
  124. font-family: var(--body-font);
  125. line-height: 1.6;
  126. font-size: var(--body-font-size);
  127. }
  128. a { color: var(--accent-color); text-decoration: none; transition: all 0.2s; }
  129. a:hover { opacity: 0.8; }
  130. img { max-width: 100%; height: auto; display: block; }
  131. h1, h2, h3, h4, h5, h6 { font-family: var(--title-font); text-transform: uppercase; }
  132.  
  133. /* Overall Wrapper */
  134. .theme-wrapper {
  135. width: 580px;
  136. margin: 40px auto;
  137. position: relative;
  138. }
  139.  
  140. /* External Header */
  141. .external-header {
  142. display: flex;
  143. justify-content: center;
  144. align-items: center;
  145. margin-bottom: 20px;
  146. gap: 20px;
  147. }
  148. .main-nav {
  149. background-color: var(--accent-color);
  150. border-radius: 50px;
  151. padding: 2px 4px;
  152. text-align: center;
  153. position: relative;
  154. }
  155. .main-nav a {
  156. color: white;
  157. padding: 4px 12px;
  158. display: inline-block;
  159. font-family: var(--body-font);
  160. font-size: 0.7rem;
  161. font-weight: 700;
  162. text-transform: uppercase;
  163. letter-spacing: 0.5px;
  164. }
  165. .top-avatar-wrapper {
  166. position: relative;
  167. flex-shrink: 0;
  168. }
  169. .top-avatar-img {
  170. width: 48px;
  171. height: 48px;
  172. border-radius: 50%;
  173. display: block;
  174. }
  175. .top-avatar-wrapper.active-story::before {
  176. content: '';
  177. position: absolute;
  178. top: -3px; left: -3px; right: -3px; bottom: -3px;
  179. border: 2px solid var(--active-color);
  180. border-radius: 50%;
  181. }
  182. .top-avatar-wrapper.active-story::after {
  183. content: '';
  184. position: absolute;
  185. width: 14px;
  186. height: 14px;
  187. background-color: var(--active-color);
  188. border: 2px solid {color:Active Icon Border};
  189. border-radius: 50%;
  190. bottom: -2px;
  191. right: -2px;
  192. animation: pulse-glow 2.5s infinite ease-in-out;
  193. }
  194. .top-title h1 {
  195. font-family: var(--header-title-font);
  196. font-size: 1.8rem;
  197. background: linear-gradient(to right, {color:Title Gradient Start}, {color:Title Gradient End});
  198. -webkit-background-clip: text;
  199. -webkit-text-fill-color: transparent;
  200. background-clip: text;
  201. letter-spacing: 1px;
  202. text-transform: none;
  203. }
  204.  
  205. /* Main Container & Layout */
  206. .container {
  207. width: 100%;
  208. height: 520px;
  209. padding: 20px;
  210. background-color: var(--container-bg-color);
  211. border-radius: 20px;
  212. box-shadow: 0 10px 40px -10px var(--shadow-color);
  213. border: 1px solid rgba(0,0,0,0.05);
  214. display: flex;
  215. gap: 20px;
  216. overflow: hidden;
  217. margin-bottom: 5px;
  218. }
  219.  
  220. .left-column {
  221. width: 370px;
  222. flex-shrink: 0;
  223. display: flex;
  224. flex-direction: column;
  225. position: relative;
  226. }
  227.  
  228. .right-column {
  229. flex: 1;
  230. }
  231.  
  232. /* Header Block */
  233. .header-image-container {
  234. width: 85%;
  235. margin-left: auto;
  236. margin-right: auto;
  237. height: 130px;
  238. flex-shrink: 0;
  239. background-image: url('{image:Header}');
  240. background-size: cover;
  241. background-position: center;
  242. border-radius: 16px;
  243. position: relative;
  244. display: flex;
  245. flex-direction: column;
  246. align-items: center;
  247. justify-content: center;
  248. text-align: center;
  249. padding: 10px;
  250. color: {color:Overlay Text};
  251. }
  252. .header-image-container::before {
  253. content: '';
  254. position: absolute;
  255. top: 0; left: 0;
  256. width: 100%; height: 100%;
  257. z-index: 1;
  258. border-radius: 16px;
  259. }
  260. .header-image-container::before {
  261. background-color: var(--header-overlay-color);
  262. opacity: var(--header-overlay-opacity);
  263. }
  264. .header-content {
  265. position: relative;
  266. z-index: 2;
  267. text-shadow: 1px 1px 4px rgba(0,0,0,0.6);
  268. }
  269. .header-title {
  270. font-size: 1rem;
  271. font-weight: 900;
  272. line-height: 1.2;
  273. text-transform: uppercase;
  274. }
  275. .header-subtitle {
  276. font-size: 0.5rem;
  277. line-height: 1.1;
  278. margin-top: 4px;
  279. font-weight: 700;
  280. text-transform: uppercase;
  281. }
  282.  
  283. /* Posts */
  284. .posts-wrapper {
  285. margin-top: 15px;
  286. flex-grow: 1;
  287. overflow-y: auto;
  288. overflow-x: hidden;
  289. padding-left: 15px;
  290. direction: rtl;
  291. }
  292. .posts-wrapper::-webkit-scrollbar { width: 7px; }
  293. .posts-wrapper::-webkit-scrollbar-track { background: rgba(0,0,0,0.05); border-radius: 7px; }
  294. .posts-wrapper::-webkit-scrollbar-thumb { background: var(--accent-color); border-radius: 7px;}
  295. .posts-wrapper::-webkit-scrollbar-thumb:hover { opacity: 0.8; }
  296.  
  297. .posts {
  298. list-style: none;
  299. direction: ltr;
  300. padding-right: 15px;
  301. }
  302.  
  303. .post {
  304. background-color: var(--post-bg-color);
  305. padding: 20px;
  306. border-radius: 14px;
  307. margin-bottom: 20px;
  308. }
  309.  
  310. .post-title {
  311. font-size: 1.5rem;
  312. color: var(--post-title-color);
  313. margin-bottom: 12px;
  314. text-align: center;
  315. }
  316. .post-title a { color: inherit; }
  317. .post-body { text-align: justify; }
  318. .post-body p { margin-bottom: 1em; }
  319. .post-body a { color: var(--post-link-color); }
  320. .post-body blockquote { border-left: 2px solid var(--accent-color); padding-left: 10px; margin: 1em 0; font-style: italic; }
  321.  
  322. .post-body ul,
  323. .post-body ol {
  324. padding-left: 25px;
  325. }
  326. .post-body blockquote ul,
  327. .post-body blockquote ol {
  328. padding-left: 20px;
  329. }
  330.  
  331. .post img, .post .photoset-grid { border-radius: 10px; margin-top: 8px; margin-bottom: 8px;}
  332.  
  333. /* --- Ask Post Styling --- */
  334. .question-bubble {
  335. background-color: var(--post-bg-color);
  336. color: var(--text-color);
  337. padding: 15px;
  338. border-radius: 12px;
  339. margin-bottom: 20px;
  340. }
  341. .asker-info {
  342. font-weight: bold;
  343. display: inline;
  344. }
  345.  
  346. /* --- CHAT POST STYLING --- */
  347. .chat-container {
  348. list-style: none;
  349. }
  350. .chat-line {
  351. padding: 2px 0;
  352. }
  353.  
  354.  
  355. /* --- POST FOOTER --- */
  356. .post-footer-wrapper {
  357. margin-top: 20px;
  358. }
  359. .post-footer-bar {
  360. background-color: var(--post-footer-bar-color);
  361. color: var(--post-footer-text-color);
  362. padding: 5px 12px;
  363. border-radius: 50px;
  364. display: flex;
  365. align-items: center;
  366. justify-content: space-between;
  367. font-size: var(--post-footer-font-size);
  368. font-weight: 600;
  369. }
  370. .footer-info {
  371.  
  372. }
  373. .footer-info a {
  374. color: inherit;
  375. text-transform: uppercase;
  376. }
  377. .footer-info a:hover {
  378. opacity: 0.7;
  379. }
  380. .post-tags-container {
  381. text-align: center;
  382. margin-top: 8px;
  383. font-size: var(--tag-font-size);
  384. color: var(--text-color);
  385. opacity: 0.7;
  386. }
  387. .post-tags-container a {
  388. color: inherit;
  389. margin: 0 3px;
  390. }
  391. .post-tags-container a:hover {
  392. color: var(--accent-color);
  393. }
  394.  
  395. /* Sidebar */
  396. .sidebar-widgets {
  397. height: 100%;
  398. display: flex;
  399. flex-direction: column;
  400. gap: 15px;
  401. }
  402. .sidebar-widget {
  403. border-radius: 16px;
  404. overflow: hidden;
  405. position: relative;
  406. background-size: cover;
  407. background-position: center;
  408. color: {color:Overlay Text};
  409. text-shadow: 1px 1px 4px rgba(0,0,0,0.6);
  410. display: flex;
  411. flex-direction: column;
  412. padding: 12px;
  413. transition: all 0.3s ease-in-out;
  414. }
  415. .sidebar-widget:hover {
  416. transform: scale(1.03);
  417. }
  418. .sidebar-widget-1 {
  419. flex-basis: 130px;
  420. flex-grow: 0;
  421. flex-shrink: 0;
  422. background-image: url('{image:Sidebar Image 1}');
  423. justify-content: flex-end;
  424. }
  425. .sidebar-widget-1 .widget-content {
  426. text-align: right;
  427. }
  428. .sidebar-widget-2 {
  429. flex-grow: 1;
  430. background-image: url('{image:Sidebar Image 2}');
  431. }
  432. .sidebar-widget-3 {
  433. flex-basis: 130px;
  434. flex-grow: 0;
  435. flex-shrink: 0;
  436. background-image: url('{image:Sidebar Image 3}');
  437. justify-content: center;
  438. align-items: center;
  439. }
  440. .sidebar-widget-1::before, .sidebar-widget-3::before {
  441. content: '';
  442. position: absolute;
  443. top: 0; left: 0;
  444. width: 100%; height: 100%;
  445. z-index: 1;
  446. }
  447. .sidebar-widget-1::before, .sidebar-widget-3::before {
  448. background-color: var(--sidebar-overlay-color);
  449. opacity: var(--sidebar-overlay-opacity);
  450. }
  451.  
  452. .widget-content { position: relative; z-index: 2; }
  453. .sidebar-widget-1-name {
  454. font-family: var(--title-font);
  455. font-size: 1.3rem;
  456. font-weight: 900;
  457. line-height: 1.2;
  458. }
  459. .sidebar-widget-1-quote {
  460. font-size: 0.5rem;
  461. line-height: 1.1;
  462. }
  463. .widget-sparkle {
  464. position: absolute;
  465. top: 12px;
  466. left: 12px;
  467. font-size: 1.3rem;
  468. z-index: 2;
  469. }
  470. .sidebar-widget-3 .widget-content {
  471. max-height: 90px;
  472. width: 90%;
  473. overflow-y: auto;
  474. padding-right: 5px;
  475. }
  476. .sidebar-widget-3 .widget-content::-webkit-scrollbar { width: 4px; }
  477. .sidebar-widget-3 .widget-content::-webkit-scrollbar-track { background: rgba(255,255,255,0.2); border-radius: 4px; }
  478. .sidebar-widget-3 .widget-content::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.5); border-radius: 4px;}
  479. .sidebar-paragraph {
  480. font-family: var(--body-font);
  481. font-size: 9px;
  482. font-weight: 400;
  483. text-transform: none;
  484. text-align: justify;
  485. text-align-last: center;
  486. line-height: 1.5;
  487. }
  488.  
  489. /* Pagination */
  490. .pagination {
  491. display: flex;
  492. justify-content: center;
  493. gap: 8px;
  494. padding-top: 10px;
  495. }
  496. .pagination-arrow {
  497. width: 28px;
  498. height: 28px;
  499. background-color: var(--accent-color);
  500. color: white;
  501. border-radius: 50%;
  502. display: flex;
  503. justify-content: center;
  504. align-items: center;
  505. font-size: 1.5rem;
  506. font-weight: 600;
  507. line-height: 1;
  508. padding-bottom: 2px;
  509. }
  510. .pagination-arrow:hover {
  511. opacity: 0.8;
  512. color: white;
  513. }
  514.  
  515. /* Credit */
  516. .credit {
  517. text-align: center;
  518. margin-top: 15px;
  519. font-size: 1.5rem;
  520. }
  521.  
  522. </style>
  523. </head>
  524. <body>
  525.  
  526. <div class="theme-wrapper">
  527. <header class="external-header">
  528. <nav class="main-nav">
  529. {block:ifLink1Text}<a href="{text:Link 1 URL}">{text:Link 1 Text}</a>{/block:ifLink1Text}
  530. {block:ifLink2Text}<a href="{text:Link 2 URL}">{text:Link 2 Text}</a>{/block:ifLink2Text}
  531. {block:ifLink3Text}<a href="{text:Link 3 URL}">{text:Link 3 Text}</a>{/block:ifLink3Text}
  532. {block:ifLink4Text}<a href="{text:Link 4 URL}">{text:Link 4 Text}</a>{/block:ifLink4Text}
  533. </nav>
  534. {block:ifShowTopAvatar}
  535. <a href="/" class="top-avatar-wrapper {block:ifShowActiveIcon}active-story{/block:ifShowActiveIcon}">
  536. <img src="{PortraitURL-64}" alt="Avatar" class="top-avatar-img">
  537. </a>
  538. {/block:ifShowTopAvatar}
  539. {block:ifShowTopTitle}
  540. <div class="top-title">
  541. <h1><a href="/">{Title}</a></h1>
  542. </div>
  543. {/block:ifShowTopTitle}
  544. </header>
  545.  
  546. <div class="container">
  547. <div class="left-column">
  548. <div class="header-image-container">
  549. <div class="header-content">
  550. <div class="header-title">{text:Header Title}</div>
  551. <div class="header-subtitle">{text:Header Subtitle}</div>
  552. </div>
  553. </div>
  554.  
  555. <div class="posts-wrapper">
  556. <main class="posts">
  557. {block:Posts}
  558. <article class="post {PostType}" data-reblog-url="{ReblogURL}" data-post-id="{PostID}">
  559.  
  560. {block:Ask}
  561. <div class="question-bubble">
  562. <p><span class="asker-info">{Asker} asked:</span> {Question}</p>
  563. </div>
  564. <div class="post-body">
  565. {Answer}
  566. </div>
  567. {/block:Ask}
  568.  
  569. {block:Text}
  570. {block:Title}<h2 class="post-title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  571. <div class="post-body">{Body}</div>
  572. {/block:Text}
  573.  
  574. {block:Photo}
  575. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  576. {block:Caption}<div class="post-body">{Caption}</div>{/block:Caption}
  577. {/block:Photo}
  578.  
  579. {block:Photoset}
  580. {Photoset-400}
  581. {block:Caption}<div class="post-body">{Caption}</div>{/block:Caption}
  582. {/block:Photoset}
  583.  
  584. {block:Quote}
  585. <h2 class="post-title" style="font-style: italic;">"{Quote}"</h2>
  586. {block:Source}<div class="post-body" style="text-align:right;">— {Source}</div>{/block:Source}
  587. {/block:Quote}
  588.  
  589. {block:Link}
  590. <h2 class="post-title"><a href="{URL}" {Target}>→ {Name}</a></h2>
  591. {block:Description}<div class="post-body">{Description}</div>{/block:Description}
  592. {/block:Link}
  593.  
  594. {block:Chat}
  595. {block:Title}<h2 class="post-title">{Title}</h2>{/block:Title}
  596. <ul class="chat-container">
  597. {block:Lines}
  598. <li class="chat-line">{Line}</li>
  599. {/block:Lines}
  600. </ul>
  601. {/block:Chat}
  602.  
  603. {block:Audio}
  604. {AudioPlayerWhite}
  605. {block:Caption}<div class="post-body">{Caption}</div>{/block:Caption}
  606. {/block:Audio}
  607.  
  608. {block:Video}
  609. {Video-400}
  610. {block:Caption}<div class="post-body">{Caption}</div>{/block:Caption}
  611. {/block:Video}
  612.  
  613. <footer class="post-footer-wrapper">
  614. <a href="{Permalink}" class="post-footer-bar">
  615. <span class="footer-deco-sparkle">✦</span>
  616. <span class="footer-info">
  617. {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} &nbsp;&nbsp;—&nbsp;&nbsp; {NoteCountWithLabel}
  618. {block:SourceURL}
  619. &nbsp;&nbsp;—&nbsp;&nbsp; <a href="{SourceURL}">Source</a>
  620. {/block:SourceURL}
  621. </span>
  622. <span class="footer-deco-sparkle">✦</span>
  623. </a>
  624. {block:HasTags}
  625. <div class="post-tags-container">
  626. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  627. </div>
  628. {/block:HasTags}
  629. </footer>
  630. </article>
  631. {/block:Posts}
  632. </main>
  633. </div>
  634. </div>
  635.  
  636. <aside class="right-column">
  637. <div class="sidebar-widgets">
  638. <div class="sidebar-widget sidebar-widget-1">
  639. <span class="widget-sparkle">✦</span>
  640. <div class="widget-content">
  641. <div class="sidebar-widget-1-name">{text:Sidebar Image 1 Name}</div>
  642. <div class="sidebar-widget-1-quote">{text:Sidebar Image 1 Quote}</div>
  643. </div>
  644. </div>
  645. <div class="sidebar-widget sidebar-widget-2">
  646. <!-- Just the image shows -->
  647. </div>
  648. <div class="sidebar-widget sidebar-widget-3">
  649. <div class="widget-content">
  650. <p class="sidebar-paragraph">{text:Sidebar Paragraph}</p>
  651. </div>
  652. </div>
  653. </div>
  654. </aside>
  655. </div>
  656.  
  657. <div class="pagination">
  658. {block:PreviousPage}
  659. <a href="{PreviousPage}" class="pagination-arrow prev">‹</a>
  660. {/block:PreviousPage}
  661. {block:NextPage}
  662. <a href="{NextPage}" class="pagination-arrow next">›</a>
  663. {/block:NextPage}
  664. </div>
  665.  
  666. <div class="credit">
  667. <a href="https://recurscs.tumblr.com/">✦</a>
  668. </div>
  669. </div>
  670.  
  671. </body>
  672. </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!