API tools faq
paste
cordiiceps

THEME 04. BY CORDEECEPS

cordiiceps
Feb 26th, 2021 (edited)
540
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.59 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. THEME CREATED BY CORDEECEPS !
  4.  
  5. DO NOT STEAL, REDISTRIBUTE, USE AS A BASE, REMOVE THE CREDIT OR CLAIM AS YOUR OWN !!
  6.  
  7. -->
  8.  
  9. <html>
  10. <head>
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17.  
  18. <link rel="preconnect" href="https://fonts.gstatic.com">
  19. <link href="https://fonts.googleapis.com/css2?family=Kumar+One&display=swap" rel="stylesheet">
  20.  
  21. <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@300&display=swap" rel="stylesheet">
  22.  
  23. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  24. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  25.  
  26. <link href="https://fonts.googleapis.com/css2?family=Syne+Mono&display=swap" rel="stylesheet">
  27.  
  28. <link href="https://fonts.googleapis.com/css2?family=Fira+Code&display=swap" rel="stylesheet">
  29.  
  30. <link href="https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap" rel="stylesheet">
  31.  
  32.  
  33. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  34. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  35. <script>
  36. (function($){
  37. $(document).ready(function(){
  38. $("a[title]").style_my_tooltips({
  39. tip_follows_cursor:true,
  40. tip_delay_time:90,
  41. tip_fade_speed:600,
  42. attribute:"title"
  43. });
  44. });
  45. })(jQuery);
  46. </script>
  47.  
  48.  
  49. <script>
  50. function openCity(evt, cityName) {
  51. var i, tabcontent, tablinks;
  52. tabcontent = document.getElementsByClassName("tabcontent");
  53. for (i = 0; i < tabcontent.length; i++) {
  54. tabcontent[i].style.display = "none";
  55. }
  56. tablinks = document.getElementsByClassName("tablinks");
  57. for (i = 0; i < tablinks.length; i++) {
  58. tablinks[i].className = tablinks[i].className.replace(" active", "");
  59. }
  60. document.getElementById(cityName).style.display = "block";
  61. evt.currentTarget.className += " active";
  62. }
  63. </script>
  64.  
  65.  
  66. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  67. <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script>
  68.  
  69. <script src="https://static.tumblr.com/p0knose/FpAp5c11c/magnusthemes.combofilters.js"></script>
  70.  
  71. <script>
  72. $(document).ready(function() {
  73. var $container = $(".grid"); // the container with all the elements to filter inside
  74. var filters = {}; //should be outside the scope of the filtering function
  75. /* --- read the documentation on isotope.metafizzy.co for more options --- */
  76. var $grid = $container.isotope({
  77. itemSelector: ".item", // the elements to filter
  78. percentPosition: true // put true if you use percentage widths, otherwise put false
  79. });
  80. $(".option-set a").click(function(e) {
  81. var $this = $(this); // cache the clicked link
  82. var filterAttr = "data-filter-value";
  83. var filterValue = $this.attr(filterAttr); // cache the filter
  84. var $optionSet = $this.parents(".option-set"); // cache the parent element
  85. var group = $optionSet.attr("data-filter-group"); // cache the parent filter group
  86. var filterGroup = filters[group];
  87. if (!filterGroup) {
  88. filterGroup = filters[group] = [];
  89. }
  90. var $selectAll = $optionSet.find('a['+filterAttr+'=""]'); // the 'select all' button in the current group
  91. var activeClass = "selected", // the class for active links
  92. exclClass = "exclusive"; // the class for exclusive groups
  93. comboFiltering($this,filters,filterAttr,filterValue,$optionSet,group,$selectAll,activeClass,exclClass);
  94. var comboFilter = getComboFilter(filters);
  95. $grid.isotope({
  96. filter: comboFilter
  97. });
  98. $this.toggleClass(activeClass);
  99. e.preventDefault();
  100. });
  101. });
  102. </script>
  103.  
  104.  
  105. <meta name="image:background" content="https://i.imgur.com/E06w0QI.jpg"/>
  106. <meta name="image:nav img" content="https://64.media.tumblr.com/46b969aa7706a01b376be1d9ca7b3a6d/ed59541bbc0f749a-cc/s2048x3072/8653719d24e40090d5fe15401833d2c7ace222e9.jpg"/>
  107.  
  108. <meta name="color:background" content="#151515"/>
  109. <meta name="color:container bg" content="#111111"/>
  110. <meta name="color:posts" content="#151515"/>
  111. <meta name="color:permalinks" content="#cf5e4b"/>
  112. <meta name="color:text" content="#eee"/>
  113. <meta name="color:borders" content="#252525"/>
  114. <meta name="color:accent 1" content="#10c3a2"/>
  115. <meta name="color:accent 2" content="#a37e40"/>
  116. <meta name="color:accent 3" content="#cf5e4b"/>
  117. <meta name="color:bold shadow" content="#240c00"/>
  118. <meta name="color:tags" content="#4f635f"/>
  119. <meta name="color:nav text" content="#606060"/>
  120.  
  121. <meta name="text:one" content="index."/>
  122. <meta name="text:one link" content="/"/>
  123. <meta name="text:two" content="ask."/>
  124. <meta name="text:two link" content="/ask"/>
  125. <meta name="text:nav tab" content="navigation."/>
  126. <meta name="text:muse tab" content="muses."/>
  127. <meta name="text:five" content="extra link."/>
  128. <meta name="text:five link" content="/"/>
  129.  
  130.  
  131. </head>
  132.  
  133. <style type="text/css">
  134.  
  135. /* IMPORTED FONTS */
  136.  
  137. @font-face{font-family:'seagram'; src:url('https://static.tumblr.com/jgg8ptv/d4Nqp1gyn/seagram_tfb.ttf');}
  138.  
  139. /* TOOLTIPS */
  140.  
  141. #s-m-t-tooltip { max-width:300px; margin:-20px 10px 10px 10px; background-color:{color:posts};
  142. font-family: 'Inconsolata', monospace; font-size:14px; letter-spacing:3px; text-transform:lowercase; color:{color:accent 2}; font-weight: 900;
  143. padding-top:3px; padding-bottom:4px; padding-left:10px; padding-right:2px;
  144. z-index:999999999999999999999999999999999999;
  145. border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; border: 1px solid {color:borders}; }
  146.  
  147. /* SCROLL BAR */
  148.  
  149. ::-webkit-scrollbar {
  150. width: 0px; height: 0px;
  151. }
  152. ::-webkit-scrollbar-button {
  153. width: 0px; height: 0px; }
  154.  
  155. ::-webkit-scrollbar-thumb {
  156. background: {color:container bg}; border: 0px none {color:container bg}; border-radius: 50px; }
  157.  
  158. ::-webkit-scrollbar-thumb:hover {
  159. background: {color:container bg}; }
  160.  
  161. ::-webkit-scrollbar-thumb:active {
  162. background: {color:container bg}; }
  163.  
  164. ::-webkit-scrollbar-track {
  165. background: {color:container bg}; border: 0px none {color:container bg}; border-radius: 0px; }
  166.  
  167. ::-webkit-scrollbar-track:hover {
  168. background: {color:container bg};
  169. }
  170. ::-webkit-scrollbar-track:active {
  171. background: {color:container bg};
  172. }
  173. ::-webkit-scrollbar-corner {
  174. background: transparent;
  175. }
  176.  
  177. /* GENERAL STYLING */
  178.  
  179. body {
  180. background-color: {color:background};
  181. font-family: 'Inconsolata', monospace;
  182. font-size: 14px;
  183. color: {color:text};
  184. letter-spacing:0.5px;
  185. text-align:justify;
  186. }
  187.  
  188. p {
  189. line-height:18px;
  190. padding-left:20px;
  191. padding-right:20px;
  192. }
  193.  
  194. sub, small, sup {
  195. font-size:14px;
  196. }
  197.  
  198. a {
  199. text-decoration:none;
  200. color: {color:accent 1};
  201. -webkit-transition: all 0.5s ease;
  202. -moz-transition: all 0.5s ease;
  203. -o-transition: all 0.5s ease;
  204. }
  205.  
  206. a:hover {
  207. color: {color:accent 3};
  208. }
  209.  
  210. b, strong {
  211. color: {color:accent 3};
  212. font-weight:900;
  213. }
  214.  
  215. i, em {
  216. color: {color:accent 2};
  217. font-family: 'Share Tech Mono', monospace;
  218. }
  219.  
  220. h1, big, h2 {
  221. line-height:35px;
  222. padding-right:10px;
  223. padding-left:10px;
  224. font-family: 'Share Tech Mono', monospace;
  225. color: {color:accent 1};
  226. letter-spacing: 2px;
  227. text-shadow: 0px 0px 5px {color:bold shadow};
  228. text-align:center;
  229. text-transform:uppercase;
  230. }
  231.  
  232. h3 {
  233. font-size:16px;
  234. line-height:14px;
  235. text-align:center;
  236. padding:1px;
  237. color: {color:accent 3};
  238. letter-spacing: 1px;
  239. }
  240.  
  241. blockquote {
  242. padding-right:20px;
  243. margin:0px 0 0px 20px;
  244. border-left: 1px solid {color:borders};
  245. margin-top:20px;
  246. margin-bottom:20px;
  247. }
  248.  
  249. blockquote img {
  250. max-width: 100%;
  251. height:auto;
  252. padding:0px;
  253. right:15px;
  254. }
  255.  
  256. img {
  257. max-width: 100%;
  258. padding-left:20px;
  259. padding-right:20px;
  260. padding-top:5px;
  261. padding-bottom:10px;
  262. }
  263.  
  264. ul {
  265. margin-right:20px;
  266. }
  267.  
  268. .caption img {
  269. max-width:100%;
  270. height:auto;
  271. }
  272.  
  273. .posts img {
  274. max-width:360px;
  275. margin-top:15px; margin-bottom:-5px;}
  276.  
  277. /* CONTAINER */
  278.  
  279. #container {
  280. position:absolute; margin:auto;
  281. left:0px; right:0px; top:0px; bottom:0px;
  282. background-color: {color:container bg};
  283. height: 450px; width: 640px;
  284. overflow-y:scroll;
  285. padding:30px;
  286. border-radius: 2px 2px 2px 2px;
  287. -moz-border-radius: 2px 2px 2px 2px;
  288. -webkit-border-radius: 2px 2px 2px 2px;
  289. border: 1px solid {color:borders};
  290. z-index:9!important;
  291. background-image:url('{image:background}');
  292. background-repeat:no-repeat;
  293. }
  294.  
  295. /* TITLE */
  296.  
  297. .title {
  298. position:fixed;
  299. width:480px;
  300. margin-left: 45px; margin-top:280px;
  301. font-size:60px;
  302. text-align:left;
  303. padding:1px;
  304. overflow:hidden;
  305. text-transform:lowercase;
  306. transform: rotate(270deg); transform-origin: left bottom 0;
  307. }
  308.  
  309. .title h2 {
  310. line-height:35px;
  311. padding-right:0px; padding-left:0px;
  312. font-family: 'seagram';
  313. color: {color:accent 3};
  314. letter-spacing: 4px;
  315. text-shadow: 0px 0px 10px {color:bold shadow};
  316. text-align:left;
  317. text-transform:lowercase;
  318. }
  319.  
  320. /* LINKS */
  321.  
  322. .mainlinks {
  323. position:fixed;
  324. width:100px;
  325. margin-left:655px; margin-top: -20px;
  326. font-size:40px;
  327. text-align:left;
  328. padding:1px;
  329. letter-spacing: 8px;
  330. overflow:hidden;
  331. text-transform:uppercase;
  332. font-family: 'Kumar One';
  333. display:block;
  334. text-shadow: 0px 0px 10px {color:bold shadow};
  335. line-height: 70px;
  336. font-weight:900;
  337. }
  338.  
  339. .pagination {
  340. position:absolute;
  341. margin-left:300px;
  342. -webkit-transition: all 0.5s ease;
  343. -moz-transition: all 0.5s ease;
  344. -o-transition: all 0.5s ease;
  345. }
  346.  
  347. .pagination a:hover {}
  348.  
  349. .th-chevron-right {
  350. font-size:30px; margin-top:8px;
  351. }
  352.  
  353. .th-chevron-left {
  354. font-size:30px; margin-top:8px;
  355. }
  356.  
  357. .fa-quote-left{
  358. font-size: 10px; margin-right:10px;
  359. }
  360.  
  361. /* POSTS */
  362.  
  363. .posts {
  364. width:400px;
  365. background-color: {color:posts};
  366. padding: 0px;
  367. margin-top:10px; margin-bottom:40px; margin-left:15px; margin-right:10px;
  368. border-radius: 2px 2px 2px 2px;
  369. -moz-border-radius: 2px 2px 2px 2px;
  370. -webkit-border-radius: 2px 2px 2px 2px;
  371. border: 1px solid {color:borders};
  372. }
  373.  
  374. .permalinks {
  375. padding:10px;
  376. height:14px;
  377. border-radius: 2px 2px 2px 2px;
  378. -moz-border-radius: 2px 2px 2px 2px;
  379. -webkit-border-radius: 2px 2px 2px 2px;
  380. border-top: 1px solid {color:borders};
  381. margin-top:10px;
  382. }
  383.  
  384. .permalinks a {
  385. text-decoration:none;
  386. font-size: 12px;
  387. color: {color:permalinks};
  388. }
  389.  
  390. .permalinks a:hover {
  391. color: {color:accent 2};
  392. }
  393.  
  394. .reblogs {
  395. float:right;
  396. margin-top:0px;
  397. }
  398.  
  399. .tags {
  400. text-align:center;
  401. margin-top:-30px; margin-bottom:40px; margin-left:15px;
  402. line-height:20px;
  403. overflow-y:auto;
  404. max-width:400px;
  405. }
  406.  
  407. .tags a {
  408. text-decoration:none;
  409. font-size: 12px;
  410. text-transform:none;
  411. color: {color:tags};
  412. word-wrap: normal;
  413. margin-right: 10px;
  414. padding-right:5px;
  415. }
  416.  
  417. .tags a:hover {
  418. color: {color:accent 2};
  419. }
  420.  
  421. .asker {
  422. font-size:16px;
  423. font-weight:900;
  424. text-align:center;
  425. padding-top:20px;
  426. font-family: 'Share Tech Mono', monospace;
  427. text-transform: uppercase;
  428. }
  429.  
  430. .question {
  431. padding:20px;
  432. border-bottom:1px solid {color:borders};
  433. text-align:right;
  434. }
  435.  
  436. .quote {
  437. line-height:25px;
  438. padding-top:20px; padding-left:20px; padding-right:20px;
  439. color: {color:accent 1};
  440. letter-spacing: 2px;
  441. text-shadow: 0px 0px 5px {color:bold shadow};
  442. font-size:20px;
  443. font-weight:900;
  444. margin-bottom:15px;
  445. text-align:right;
  446. }
  447.  
  448. .quotesource {
  449. font-size:12px;
  450. letter-spacing:1px;
  451. text-align:center;
  452. padding-left: 20px; padding-right: 20px; padding-bottom: 10px;
  453. text-align:left;
  454. }
  455.  
  456. .playbutton {
  457. position:relative;
  458. margin-top:50px; margin-left:44px;
  459. z-index:9;
  460. width:33px;
  461. height:30px;
  462. overflow:hidden;
  463. }
  464.  
  465. .albumart img {
  466. position:relative;
  467. margin-top:-75px; margin-left:-10px;
  468. height:100px; width:100px;
  469. -webkit-border-top-left-radius: 2px;
  470. -webkit-border-bottom-left-radius: 2px;
  471. -moz-border-radius-topleft: 2px;
  472. -moz-border-radius-bottomleft: 2px;
  473. border-top-left-radius: 2px;
  474. border-bottom-left-radius: 2px;}
  475.  
  476. .trackinfo {
  477. margin-bottom:10px;
  478. background: {color:permalinks};
  479. color: {color:posts};
  480. position:relative;
  481. margin-left:110px; margin-right:10px; margin-top:-112px;
  482. height:100px;
  483. -webkit-border-top-right-radius: 2px;
  484. -webkit-border-bottom-right-radius: 2px;
  485. -moz-border-radius-topright: 2px;
  486. -moz-border-radius-bottomright: 2px;
  487. border-top-right-radius: 2px;
  488. border-bottom-right-radius: 2px;}
  489.  
  490. .trackname {
  491. position:relative;
  492. padding-top:30px;
  493. text-align:center;
  494. font-size:14px;
  495. text-transform:uppercase;
  496. font-weight: 900;
  497. letter-spacing:2px;}
  498.  
  499. .artist {
  500. text-align:center;
  501. font-size:13px;
  502. text-transform:lowercase;
  503. letter-spacing:4px;
  504. font-weight:900;
  505. }
  506.  
  507. .album {
  508. text-align:center;
  509. font-style: italic;
  510. letter-spacing:4px;
  511. }
  512.  
  513.  
  514. .playcount {
  515. font-weight: bold;
  516. margin-top:5px;
  517. text-align:center;
  518. letter-spacing:2px;}
  519.  
  520. .credit {
  521. z-index:9;
  522. bottom:20px;
  523. right:20px;
  524. position:fixed;
  525. padding:10px;
  526. color: {color:accent 1};
  527. }
  528.  
  529. /* TABS */
  530.  
  531. .tab {
  532. overflow: hidden;
  533. }
  534.  
  535. .tab button:hover {
  536. color: {color:accent 2};
  537. }
  538.  
  539. .tab button.active {}
  540.  
  541. .tabcontent {
  542. display:none;
  543. margin-top:-30px; margin-left:15px;
  544. height:510px; width:402px;
  545. background:{color:container bg};
  546. position:fixed;
  547. }
  548.  
  549. .tablinks {
  550. cursor:pointer;
  551. }
  552.  
  553. /* NAVIGATION TAB */
  554.  
  555. .navtitle {
  556. margin-top:-185px;
  557. padding-right:0px; padding-left:0px;
  558. font-family: 'seagram';
  559. font-size:50px;
  560. color: {color:accent 3};
  561. letter-spacing: 6px;
  562. text-shadow: 0px 0px 10px {color:bold shadow};
  563. text-align:center;
  564. text-transform:lowercase;
  565. }
  566.  
  567. .navimg {
  568. max-width:400px; max-height:150px;
  569. margin-left:-20px; margin-top:105px;
  570. }
  571.  
  572. .navlinks {
  573. margin-top:180px;
  574. font-family: 'Share Tech Mono';
  575. font-size:17px;
  576. padding-right:10px; padding-left:10px;
  577. text-transform:uppercase;
  578. text-align:center;
  579. letter-spacing: 1px;
  580. font-weight:900;
  581. line-height:30px;
  582. height:90px;
  583. overflow-y:scroll;
  584. word-spacing:1px;
  585. }
  586.  
  587. .navlinks a {
  588. color:{color:accent 2};
  589. }
  590.  
  591. .navlinks a:hover {
  592. color:{color:tags};
  593. }
  594.  
  595. .navmun {
  596. color:{color:nav text};
  597. text-align:right;
  598. margin-top:-80px;
  599. }
  600.  
  601. .navquote {
  602. color:{color:nav text};
  603. width:350px; max-height:60px;
  604. overflow:hidden;
  605. text-align:left;
  606. margin-top:12px;
  607. }
  608.  
  609. .navquote b {
  610. color:{color:nav text};
  611. font-weight:900;
  612. }
  613.  
  614. /* MUSES TAB */
  615.  
  616. .musestitle {
  617. font-family: 'seagram';
  618. font-size:50px;
  619. color: {color:accent 3};
  620. letter-spacing: 2px;
  621. text-shadow: 0px 0px 10px {color:bold shadow};
  622. text-align:center;
  623. text-transform:lowercase;
  624. font-weight:900;
  625. margin-bottom:-5px; margin-top:-5px;
  626. }
  627.  
  628. .filters {
  629. height:20px;
  630. overflow:hidden;
  631. margin-top:0px;
  632. text-align:center;
  633. margin-bottom:5px;
  634. }
  635.  
  636. .filters ul {
  637. color:{color:accent 1};
  638. font-family: 'Share Tech Mono', monospace;
  639. padding:0px;
  640. margin-top:0px;
  641. }
  642.  
  643. .filters li {
  644. color: {color:accent 1};
  645. font-weight:900;
  646. display: inline;
  647. }
  648.  
  649. .filters a {
  650. color: {color:text};
  651. }
  652.  
  653. .filters a.selected {
  654. background-color: {color:accent 1};
  655. color:{color:container bg};
  656. font-weight:900;
  657. text-transform:uppercase;
  658. }
  659.  
  660. .grid {
  661. width:400px;
  662. max-height:400px !important;
  663. min-height:400px !important;
  664. overflow:auto;
  665. }
  666.  
  667. .item {
  668. width:397px; height:150px;
  669. margin-bottom:15px;
  670. }
  671.  
  672. .item img {
  673. width:400px;
  674. height:150px;
  675. padding:0px;
  676. margin:1px;
  677. border-radius: 3px 3px 3px 3px;
  678. -moz-border-radius: 3px 3px 3px 3px;
  679. -webkit-border-radius: 3px 3px 3px 3px;
  680. }
  681.  
  682. .char {
  683. color:{color:text};
  684. font-weight:500;
  685. }
  686.  
  687. .overlay {
  688. position: absolute;
  689. top: 0; bottom: 0; left: 0; right: 0;
  690. width:400px;
  691. height:145px;
  692. padding-left:25px; padding-right:25px; padding-top:5px;
  693. margin:1px;
  694. opacity: 0;
  695. transition: .3s ease;
  696. background-color: #151515;
  697. }
  698.  
  699. .char:hover .overlay {
  700. opacity: 0.8;
  701. }
  702.  
  703. .chartitle {
  704. color:{color:accent 3};
  705. text-shadow: 0px 0px 10px {color:bold shadow};
  706. font-family: 'seagram', monospace;
  707. font-size:30px;
  708. text-align:center;
  709. width:360px;
  710. font-weight:900;
  711. text-transform:lowercase;
  712. margin-bottom:7px;
  713. letter-spacing:2px;
  714. }
  715.  
  716. .charabout {
  717. text-align:center;
  718. width:350px;
  719. margin-bottom:5px;
  720. overflow:auto;
  721. height:48px;
  722. }
  723.  
  724. .charlinks {
  725. text-align:center;
  726. width:350px;
  727. font-weight:700;
  728. height:30px;
  729. overflow:auto;
  730. }
  731.  
  732. .charlinks a {
  733. color:{color:accent 2};
  734. background:transparent;
  735. }
  736.  
  737. .charlinks a:hover {
  738. background:{color:accent 2};
  739. color:#000;
  740. padding-left:2px;
  741. }
  742.  
  743. </style>
  744.  
  745. <body>
  746.  
  747.  
  748. <!-- CONTAINER -->
  749.  
  750.  
  751. <div id="container">
  752.  
  753.  
  754. <!-- TITLE -->
  755.  
  756.  
  757. <div class="title">
  758. <h2>{Title}</h2>
  759. </div>
  760.  
  761. <!-- LINKS -->
  762.  
  763.  
  764. <div class="mainlinks">
  765.  
  766. <a href="{text:one link}" title="{text:one}">I.</a>
  767. <a href="{text:two link}" title="{text:two}">II.</a>
  768. <a class="tablinks" onclick="openCity(event, 'nav')" title="{text:nav tab}">III.</a>
  769. <a class="tablinks" onclick="openCity(event, 'muses')" title="{text:muse tab}">IV.</a>
  770. <a href="{text:five link}" title="{text:five}">V.</a>
  771.  
  772. <br>{block:Pagination}{block:PreviousPage} <a href="{PreviousPage}" title="backward."><span class="th th-chevron-left"></span></a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" title="forward."><span class="th th-chevron-right"></span></a>{/block:NextPage}{/block:Pagination}
  773.  
  774. </div>
  775.  
  776.  
  777. <!-- NAVIGATION TAB -->
  778.  
  779.  
  780. <div id="nav" class="tabcontent">
  781.  
  782.  
  783. <div class="navimg">
  784. <img src="{image:nav img}">
  785. </div>
  786.  
  787.  
  788. <div class="navtitle">
  789. navigation
  790. </div>
  791.  
  792.  
  793. <div class="navmun">
  794. mun name. mun age. timezone.
  795. </div>
  796.  
  797.  
  798. <div class="navlinks">
  799. <a class="tablinks" onclick="openCity(event, 'muses')">muses.</a>
  800. <a href="/">connections.</a>
  801. <a href="/">rp main.</a>
  802. <a href="/">ask memes.</a>
  803. <a href="/">introductions.</a>
  804. <a href="/">tags.</a>
  805. <a href="/">use < br >.</a>
  806. <a href="/">if you.</a>
  807. <a href="/">don't have.</a>
  808. <a href="/">enough links.</a>
  809. <a href="/">to fill.</a>
  810. <a href="/">three lines.</a>
  811. </div>
  812.  
  813.  
  814. <div class="navquote">
  815. thanks for coming back for me. <b>my friend's problems are my problems.</b> you're such a sap. <b>all right. how about, my friends can't get out of their own damn way?</b> that's better.
  816. </div>
  817.  
  818.  
  819. <span style="color:{color:tags};line-height:70px;cursor:pointer;" onclick="this.parentElement.style.display='none'">back.</span>
  820.  
  821. </div>
  822.  
  823.  
  824.  
  825.  
  826.  
  827. <div id="muses" class="tabcontent">
  828.  
  829. <div class="musestitle">
  830. muses
  831. </div>
  832.  
  833. <div class="filters">
  834.  
  835. <ul class="filter option-set exclusive" data-filter-group="group1">
  836. <li><a href="#" data-filter-value="" class="selected">all</a>.</li>
  837. <li><a href="#" data-filter-value=".11">oc's</a>.</li>
  838. <li><a href="#" data-filter-value=".12">canon</a>.</li>
  839. <li><a href="#" data-filter-value=".13">semi canon</a>.</li>
  840. </ul>
  841.  
  842. </div>
  843.  
  844.  
  845.  
  846. <div class="grid">
  847.  
  848. <!-- MUSE 01 START -->
  849.  
  850. <div class="item 11">
  851.  
  852. <div class="char">
  853. <img src="https://i.imgur.com/pDOXcYC.jpg" alt="Avatar" class="image">
  854. <div class="overlay">
  855.  
  856. <div class="chartitle">jesse </div>
  857.  
  858. <div class="charabout">
  859. character information or a quote here. make it as long as you want this baby scrolls ! make sure to fill 3 lines, spread things out with < br >
  860. </div>
  861.  
  862. <div class="charlinks">
  863. <a href="/">introduction.</a>
  864. <a href="/">musings.</a>
  865. <a href="/">reflection.</a>
  866. <a href="/">stats.</a>
  867. <a href="/">answered.</a>
  868. <a href="/">character development.</a>
  869. <a href="/">pinterest.</a>
  870. <a href="/">& dina.</a>
  871. <a href="/">& ellie.</a>
  872. <a href="/">& joel.</a>
  873. <a href="/">& tommy.</a>
  874.  
  875. </div></div></div></div>
  876.  
  877. <!-- MUSE 01 END -->
  878.  
  879.  
  880. <!-- MUSE 02 START -->
  881.  
  882. <div class="item 13">
  883.  
  884. <div class="char">
  885. <img src="https://i.imgur.com/pDOXcYC.jpg" alt="Avatar" class="image">
  886. <div class="overlay">
  887.  
  888. <div class="chartitle">jesse </div>
  889.  
  890. <div class="charabout">
  891. character information or a quote here. make it as long as you want this baby scrolls ! make sure to fill 3 lines, spread things out with < br >
  892. </div>
  893.  
  894. <div class="charlinks">
  895. <a href="/">introduction.</a>
  896. <a href="/">musings.</a>
  897. <a href="/">reflection.</a>
  898. <a href="/">stats.</a>
  899. <a href="/">answered.</a>
  900. <a href="/">character development.</a>
  901. <a href="/">pinterest.</a>
  902. <a href="/">& dina.</a>
  903. <a href="/">& ellie.</a>
  904. <a href="/">& joel.</a>
  905. <a href="/">& tommy.</a>
  906.  
  907. </div></div></div></div>
  908.  
  909. <!-- MUSE 02 END -->
  910.  
  911.  
  912. <!-- MUSE 03 START -->
  913.  
  914. <div class="item 12">
  915.  
  916. <div class="char">
  917. <img src="https://i.imgur.com/pDOXcYC.jpg" alt="Avatar" class="image">
  918. <div class="overlay">
  919.  
  920. <div class="chartitle">jesse </div>
  921.  
  922. <div class="charabout">
  923. character information or a quote here. make it as long as you want this baby scrolls ! make sure to fill 3 lines, spread things out with < br >
  924. </div>
  925.  
  926. <div class="charlinks">
  927. <a href="/">introduction.</a>
  928. <a href="/">musings.</a>
  929. <a href="/">reflection.</a>
  930. <a href="/">stats.</a>
  931. <a href="/">answered.</a>
  932. <a href="/">character development.</a>
  933. <a href="/">pinterest.</a>
  934. <a href="/">& dina.</a>
  935. <a href="/">& ellie.</a>
  936. <a href="/">& joel.</a>
  937. <a href="/">& tommy.</a>
  938.  
  939. </div></div></div></div>
  940.  
  941. <!-- MUSE 03 END -->
  942.  
  943.  
  944. <!-- MUSE 04 START -->
  945.  
  946. <div class="item 13">
  947.  
  948. <div class="char">
  949. <img src="https://i.imgur.com/pDOXcYC.jpg" alt="Avatar" class="image">
  950. <div class="overlay">
  951.  
  952. <div class="chartitle">jesse </div>
  953.  
  954. <div class="charabout">
  955. character information or a quote here. make it as long as you want this baby scrolls ! make sure to fill 3 lines, spread things out with < br >
  956. </div>
  957.  
  958. <div class="charlinks">
  959. <a href="/">introduction.</a>
  960. <a href="/">musings.</a>
  961. <a href="/">reflection.</a>
  962. <a href="/">stats.</a>
  963. <a href="/">answered.</a>
  964. <a href="/">character development.</a>
  965. <a href="/">pinterest.</a>
  966. <a href="/">& dina.</a>
  967. <a href="/">& ellie.</a>
  968. <a href="/">& joel.</a>
  969. <a href="/">& tommy.</a>
  970.  
  971. </div></div></div></div>
  972.  
  973. <!-- MUSE 04 END -->
  974.  
  975.  
  976. </div>
  977.  
  978. <span style="color:{color:tags};line-height:25px;cursor:pointer;" onclick="this.parentElement.style.display='none'">back.</span>
  979.  
  980.  
  981. </div>
  982.  
  983.  
  984.  
  985.  
  986.  
  987. {block:Posts}
  988.  
  989. <div class="posts">
  990.  
  991. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  992.  
  993. {block:Photo}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  994.  
  995. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  996.  
  997. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  998.  
  999. {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="quotesource">{Source}</div>{/block:Source}{/block:Quote}
  1000.  
  1001. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  1002.  
  1003. {block:Chat}{block:Title}{Title}</a>{/block:Title}
  1004. {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  1005.  
  1006. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1007.  
  1008. {block:Audio}
  1009. {block:AudioPlayer}
  1010. <div class="playbutton">{AudioPlayerGrey}</div>
  1011. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1012. <div class="trackinfo">
  1013. <div class="trackname">
  1014. {block:TrackName}{TrackName}{/block:TrackName}
  1015. </div>
  1016. <div class="artist">
  1017. {block:Artist}{Artist}{/block:Artist}
  1018. </div>
  1019. <div class="album">
  1020. {block:Album}{Album}{/block:Album}
  1021. </div>
  1022. <div class="playcount">
  1023. {block:PlayCount}Played: {PlayCount} times{/block:PlayCount}
  1024. </div>
  1025. </div>
  1026. {block:Caption}{Caption}{/block:Caption}
  1027. {/block:AudioPlayer}
  1028. {/block:Audio}
  1029.  
  1030. {block:Answer}
  1031. <div class="asker">{Asker} whispered</div>
  1032. <div class="question">{Question}</div>
  1033. {Answer}
  1034. {/block:Answer}
  1035.  
  1036. <div class="permalinks">
  1037. <a href="{Permalink}">{DayOfMonthWithZero} {MonthNumberWithZero} {ShortYear} </a>
  1038. {block:PermalinkPage}<a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a>{/block:PermalinkPage}
  1039. <div class="reblogs">{block:RebloggedFrom}
  1040. <a href="{ReblogParentURL}">VIA</a>
  1041. <a href="{ReblogRootURL}">SOURCE</a>
  1042. {/block:RebloggedFrom}
  1043. <a href="{ReblogURL}">REBLOG</a> </div>
  1044.  
  1045.  
  1046. </div>
  1047. </div>
  1048.  
  1049.  
  1050. <div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  1051.  
  1052.  
  1053. {/block:Posts}
  1054.  
  1055. </div>
  1056.  
  1057. {block:ContentSource}
  1058. <!– {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1059. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1060. {/block:SourceLogo}
  1061. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} –>
  1062. {/block:ContentSource}
  1063.  
  1064. <div class="credit"><a href="https://cordeeceps.tumblr.com/" title="theme by cordeeceps"><span class="th th-alien-o"></span></a></div>
  1065.  
  1066. </body>
  1067. </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!