API tools faq
paste
Advertisement
anats

promise

anats
Dec 15th, 2019
532
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.44 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. PROMISE : A THEME BY ANNA
  8.  
  9. sprfluous.tumblr.com / patreon.com/codesbyanna
  10.  
  11. Terms of Use:
  12. In using this code:
  13. - You agree that you have acquired this code through fair and legal means, i.e. the creator's Patreon or have otherwise been granted express permission by the creator to use this code or it is a code intended to be publicly available.
  14. - You agree to not edit this code in any way unless for your sole and exclusive use.
  15. - You agree to never distribute this code to another person without express written permission from the creator.
  16. - You agree to never attempt to make profit from this code in any way without express written permission from the creator.
  17. - You agree that in failing to comply with these terms, you lose any and all rights to use, edit, distribute, profit from or display the code or page that you may previously have held
  18.  
  19. -->
  20.  
  21. <title>{Title}</title> <!-- if u wanna change the title on the tab on ur browser u can but otherwise it'll just be ur blog title -->
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24.  
  25. <!-- IMPORTED SCRIPTS - DON'T REMOVE -->
  26.  
  27. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  28.  
  29. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  30.  
  31. <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap" rel="stylesheet">
  32.  
  33. <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,700,700i&display=swap" rel="stylesheet">
  34.  
  35. <link href="https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap" rel="stylesheet">
  36.  
  37. <link href="https://fonts.googleapis.com/css?family=Space+Mono:400,400i,700,700i&display=swap" rel="stylesheet">
  38.  
  39. <link href="https://fonts.googleapis.com/css?family=Raleway:400,400i,500,500i,600,600i,700,700i&display=swap" rel="stylesheet">
  40.  
  41. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  42.  
  43. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
  44.  
  45. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  46.  
  47. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  48.  
  49. <script>
  50. (function($){
  51. $(document).ready(function() {
  52. $("[title]").style_my_tooltips({
  53. tip_follows_cursor:false,
  54. tip_delay_time:90,
  55. tip_fade_speed:600,
  56. attribute:"title"
  57. });
  58. });
  59. })(jQuery);
  60.  
  61. </script>
  62.  
  63. <!-- META TAGS
  64.  
  65. <meta name="" content=""/>
  66.  
  67. -->
  68.  
  69. <meta name="image:background" content=""/>
  70. <meta name="image:sidebar image" content="https://via.placeholder.com/150x400"/>
  71. <meta name="image:nav tab image" content="https://via.placeholder.com/320x100"/>
  72.  
  73. <meta name="image:muse 1" content="https://via.placeholder.com/80x80"/>
  74. <meta name="image:muse 2" content="https://via.placeholder.com/80x80"/>
  75. <meta name="image:muse 3" content="https://via.placeholder.com/80x80"/>
  76. <meta name="image:muse 4" content="https://via.placeholder.com/80x80"/>
  77. <meta name="image:muse 5" content="https://via.placeholder.com/80x80"/>
  78. <meta name="image:muse 6" content="https://via.placeholder.com/80x80"/>
  79. <meta name="image:muse 7" content="https://via.placeholder.com/80x80"/>
  80. <meta name="image:muse 8" content="https://via.placeholder.com/80x80"/>
  81. <meta name="image:muse 9" content="https://via.placeholder.com/80x80"/>
  82. <meta name="image:muse 10" content="https://via.placeholder.com/80x80"/>
  83. <meta name="image:muse 11" content="https://via.placeholder.com/80x80"/>
  84. <meta name="image:muse 12" content="https://via.placeholder.com/80x80"/>
  85.  
  86. <meta name="color:background" content="#fff"/>
  87. <meta name="color:container" content="#f8f8f8"/>
  88. <meta name="color:borders" content="#eee"/>
  89. <meta name="color:posts" content="#fff"/>
  90. <meta name="color:text" content="#000"/>
  91. <meta name="color:links" content="#eee"/>
  92. <meta name="color:links hover" content="#000"/>
  93. <meta name="color:tags" content="#eee"/>
  94. <meta name="color:tags hover" content="#eee"/>
  95. <meta name="color:italic" content="#eee"/>
  96. <meta name="color:bold" content="#eee"/>
  97. <meta name="color:accent" content="#eee"/>
  98.  
  99. <meta name="if:day month year format" content="1"/>
  100. <meta name="if:time ago format" content="0"/>
  101.  
  102. <meta name="text:sidebar title" content="lorem ipsum dolor sit amet"/>
  103.  
  104. <meta name="text:sidebar desc" content="lorem ipsum dolor sit amet, consectetur adipiscing elit. fusce ornare mauris vitae ante vestibulum, vel pellentesque erat pharetra. proin eu enim eget nulla congue pharetra non a odio. cras quis nisi quis ante condimentum mollis. phasellus accumsan nec mi elementum volutpat. nunc condimentum ipsum odio, quis volutpat libero auctor ut."/>
  105.  
  106. <meta name="text:link 1 url" content="/"/>
  107. <meta name="text:link 1 name" content="link name"/>
  108.  
  109. <meta name="text:link 2 url" content="/"/>
  110. <meta name="text:link 2 name" content="link name"/>
  111.  
  112. <meta name="text:link 3 url" content="/"/>
  113. <meta name="text:link 3 name" content="link name"/>
  114.  
  115. <meta name="text:link 4 url" content="/"/>
  116. <meta name="text:link 4 name" content="link name"/>
  117.  
  118. <meta name="text:link 5 url" content="/"/>
  119. <meta name="text:link 5 name" content="link name"/>
  120.  
  121. <meta name="text:link 6 url" content="/"/>
  122. <meta name="text:link 6 name" content="link name"/>
  123.  
  124. <meta name="text:nav tab title" content="lorem ipsum dolor sit amet, elit."/>
  125.  
  126. <style>
  127.  
  128. /* --------- FONTS -------- */
  129.  
  130. @font-face { font-family: "trashhand"; src: url('https://dl.dropboxusercontent.com/s/8qbt5la50mzrxo8/TrashHand.TTF'); }
  131.  
  132. /* -------- SCROLLBAR ------- */
  133.  
  134. ::-webkit-scrollbar {
  135. display:none;
  136. }
  137.  
  138. /* ------- TOOLTIPS ------ */
  139.  
  140. #s-m-t-tooltip {
  141. max-width:300px;
  142. margin:10px 0px 0px 10px;
  143. background-color:{color:posts};
  144. font-size:11px;
  145. border-radius:5px;
  146. border:1px {color:borders} solid;
  147. padding:3px 8px 3px 8px;
  148. color:{color:text};
  149. z-index:999999999999999999999999999999999999;
  150. }
  151.  
  152. /* -------- BASICS ------- */
  153.  
  154. body {
  155. font-family:'space mono';
  156. font-size:12px;
  157. background:{color:background};
  158. background-image:url('{image:background}');
  159. background-size:cover;
  160. color:{color:text};
  161. }
  162.  
  163. a, a:visited {
  164. text-decoration:none;
  165. color:{color:links};
  166. transition:.5s linear;
  167. }
  168.  
  169. a:hover {
  170. text-decoration:none;
  171. color:{color:links hover};
  172. transition:.5s linear;
  173. }
  174.  
  175. i, em {
  176. color:{color:italic};
  177. }
  178.  
  179. b, strong {
  180. color:{color:bold};
  181. font-weight:bold;
  182. }
  183.  
  184. h1, title {
  185. color:{color:accent};
  186. font-size:50px;
  187. line-height:50px;
  188. margin:20px 0px 0px 0px;
  189. font-family:'trashhand';
  190. text-align:center;
  191. letter-spacing:2px;
  192. }
  193.  
  194. h2 {
  195. color:{color:bold};
  196. font-size:20px;
  197. text-align:center;
  198. line-height:20px;
  199. margin-top:10px;
  200. margin-bottom:0px;
  201. font-weight:600;
  202. }
  203.  
  204. small {
  205. font-size:12px;
  206. text-transform:normal;
  207. text-decoration:none;
  208. }
  209.  
  210. sup, sub {
  211. font-size:11px;
  212. text-transform:normal;
  213. text-decoration:none;
  214. }
  215.  
  216. blockquote {
  217. border-left:1px {color:accent} solid;
  218. margin-left:0px;
  219. padding-left:20px;
  220. width:329px;
  221. margin-top:10px;
  222. }
  223.  
  224. blockquote blockquote {
  225. border-left:1px {color:accent} solid;
  226. margin-left:0px;
  227. padding-left:20px;
  228. width:308px;
  229. }
  230.  
  231. blockquote img {
  232. max-width:329px;
  233. height:auto;
  234. }
  235.  
  236. blockquote blockquote img {
  237. max-width:308px;
  238. height:auto;
  239. }
  240.  
  241. ul {
  242. list-style-type:circle;
  243. margin-left:-25px;
  244. }
  245.  
  246. ol {
  247. margin-left:-25px;
  248. }
  249.  
  250. li {
  251. padding-left:5px;
  252. }
  253.  
  254. /* CONTAINER */
  255.  
  256. #container {
  257. width:860px;
  258. height:550px;
  259. position:absolute;
  260. top:0px;
  261. left:0px;
  262. right:0px;
  263. bottom:0px;
  264. margin:auto;
  265. overflow:visible;
  266. background:{color:container};
  267. border-radius:15px;
  268. }
  269.  
  270. /* SIDEBAR */
  271.  
  272. #sideimg {
  273. width:161.5px;
  274. height:430px;
  275. position:absolute;
  276. bottom:35px;
  277. left:35px;
  278. border-radius:15px;
  279. overflow:hidden;
  280. border:5px {color:bold} solid;
  281. }
  282.  
  283. #sideimg img {
  284. height:440px;
  285. width:auto;
  286. }
  287.  
  288. #sidetxt {
  289. width:200px;
  290. height:500px;
  291. transform:rotate(-5deg);
  292. position:absolute;
  293. top:50px;
  294. left:-100px;
  295. font-family:'trashhand';
  296. font-size:60px;
  297. color:{color:accent};
  298. text-align:center;
  299. text-shadow:0px 0px 2px {color:posts};
  300. }
  301.  
  302. #sidedesc {
  303. width:170px;
  304. height:300px;
  305. position:absolute;
  306. top:75px;
  307. left:245px;
  308. text-align:justify;
  309. overflow-y:scroll;
  310. }
  311.  
  312. #sidelinkz {
  313. width:172px;
  314. height:132px;
  315. position:absolute;
  316. bottom:33px;
  317. left:245px;
  318. }
  319.  
  320. .link {
  321. width:84px;
  322. height:64px;
  323. border-radius:5px;
  324. background:{color:accent};
  325. color:{color:posts};
  326. line-height:64px;
  327. text-align:center;
  328. font-size:16px;
  329. float:left;
  330. margin-right:2px;
  331. margin-bottom:2px;
  332. cursor:pointer;
  333. }
  334.  
  335. /* TABS */
  336.  
  337. .tab {
  338. width:390px;
  339. height:470px;
  340. border:1px {color:borders} solid;
  341. border-radius:15px;
  342. position:absolute;
  343. bottom:19px;
  344. right:19px;
  345. background:{color:posts};
  346. display:none;
  347. animation:fadeIn .5s;
  348. }
  349.  
  350. @keyframes fadeIn{
  351. from{opacity:0}
  352. to{opacity:1;}
  353. }
  354.  
  355. .close {
  356. width:100%;
  357. height:auto;
  358. text-align:center;
  359. position:absolute;
  360. top:12px;
  361. }
  362.  
  363. /* NAV TAB */
  364.  
  365. #navlinks {
  366. width:322px;
  367. height:154px;
  368. position:absolute;
  369. top:45px;
  370. left:35px;
  371. }
  372.  
  373. .navlink {
  374. width:159px;
  375. height:50px;
  376. line-height:50px;
  377. text-align:center;
  378. font-size:14px;
  379. float:left;
  380. margin-right:2px;
  381. margin-bottom:2px;
  382. border-radius:5px;
  383. background:{color:italic};
  384. color:{color:posts};
  385. }
  386.  
  387. #navtitle {
  388. width:350px;
  389. height:100px;
  390. font-size:50px;
  391. font-family:trashhand;
  392. text-align:center;
  393. position:absolute;
  394. top:220px;
  395. left:20px;
  396. line-height:50px;
  397. color:{color:accent};
  398. }
  399.  
  400. #navtabimg {
  401. width:320px;
  402. height:100px;
  403. position:absolute;
  404. bottom:35px;
  405. left:35px;
  406. overflow:hidden;
  407. border-radius:5px;
  408. }
  409.  
  410. #navtabimg img {
  411. width:320px;
  412. height:auto;
  413. }
  414.  
  415. /* MUSES TAB */
  416.  
  417. #musez {
  418. width:246px;
  419. height:326px;
  420. position:absolute;
  421. top:77px;
  422. left:72px;
  423. overflow-y:scroll;
  424. }
  425.  
  426. .muse {
  427. width:80px;
  428. height:80px;
  429. float:left;
  430. margin:0px 2px 2px 0px;
  431. overflow:hidden;
  432. border-radius:5px;
  433. cursor:pointer;
  434. }
  435.  
  436. .muse img {
  437. width:80px;
  438. height:auto;
  439. }
  440.  
  441. /* POPUPS */
  442.  
  443. #veil {
  444. width:100vw;
  445. height:100vh;
  446. position:absolute;
  447. top:0px;
  448. left:0px;
  449. right:0px;
  450. bottom:0px;
  451. margin:auto;
  452. background:{color:posts};
  453. opacity:.5;
  454. display:none;
  455. animation:partialFade .5s;
  456. }
  457.  
  458. @keyframes partialFade{
  459. from{opacity:0}
  460. to{opacity:.5;}
  461. }
  462.  
  463. .popup {
  464. width:400px;
  465. height:300px;
  466. border-radius:15px;
  467. background:{color:posts};
  468. position:absolute;
  469. top:0px;
  470. left:0px;
  471. right:0px;
  472. bottom:0px;
  473. margin:auto;
  474. border:5px {color:bold} solid;
  475. display:none;
  476. animation:fadeIn .5s;
  477. }
  478.  
  479. .museicon {
  480. width:80px;
  481. height:80px;
  482. border-radius:40px;
  483. overflow:hidden;
  484. position:absolute;
  485. top:35px;
  486. left:35px;
  487. }
  488.  
  489. .museicon img {
  490. width:80px;
  491. height:auto;
  492. }
  493.  
  494. .musename {
  495. width:230px;
  496. height:80px;
  497. font-size:40px;
  498. font-family:trashhand;
  499. line-height:80px; /* switch to 40px for long names */
  500. position:absolute;
  501. top:35px;
  502. right:35px;
  503. color:{color:accent};
  504. text-align:right;
  505. }
  506.  
  507. .musedesc {
  508. width:230px;
  509. height:150px;
  510. position:absolute;
  511. bottom:35px;
  512. right:35px;
  513. overflow-y:scroll;
  514. text-align:justify;
  515. font-size:11px;
  516. }
  517.  
  518. .musetag {
  519. width:80px;
  520. height:42px;
  521. font-size:20px;
  522. line-height:42px;
  523. text-align:center;
  524. position:absolute;
  525. background:{color:accent};
  526. border-radius:5px;
  527. color:{color:posts};
  528. }
  529.  
  530. /* TOP BAR STUFF */
  531.  
  532. #urlbar {
  533. width:860px;
  534. height:40px;
  535. position:absolute;
  536. top:0px;
  537. left:0px;
  538. background:{color:posts};
  539. -webkit-filter:drop-shadow(0px 0px 1px {color:borders});
  540. filter:drop-shadow(0px 0px 1px {color:borders});
  541. border-radius:15px 15px 0px 0px;
  542. }
  543.  
  544. #urlbar1 {
  545. width:660px;
  546. height:25px;
  547. line-height:25px;
  548. position:absolute;
  549. top:7px;
  550. left:100px;
  551. background:{color:borders};
  552. border-radius:25px;
  553. text-align:center;
  554. opacity:.3;
  555. }
  556.  
  557. #urlbar2 {
  558. width:660px;
  559. height:25px;
  560. line-height:25px;
  561. position:absolute;
  562. top:7px;
  563. left:100px;
  564. border-radius:25px;
  565. text-align:center;
  566. opacity:1;
  567. }
  568.  
  569. /* POSTS STYLING */
  570.  
  571. .posts {
  572. width:430px;
  573. height:510px;
  574. overflow-y:scroll;
  575. position:absolute;
  576. right:0px;
  577. top:40px;
  578. }
  579.  
  580. .postholder {
  581. width:390px;
  582. height:auto;
  583. display:inline-block;
  584. margin-left:19px;
  585. margin-top:19px;
  586. margin-bottom:0px;
  587. overflow:hidden;
  588. background:{color:posts};
  589. border-radius:15px;
  590. border:1px {color:borders} solid;
  591. }
  592.  
  593. .post {
  594. background:{color:posts};
  595. width:350px;
  596. display:inline-block;
  597. height:auto;
  598. padding:0px 20px 10px 20px;
  599. font-size:12px;
  600. text-align:justify;
  601. }
  602.  
  603. .postholder:last-of-type {
  604. margin-bottom:20px;
  605. }
  606.  
  607. .post img {
  608. max-width:350px;
  609. height:auto;
  610. border-radius:5px;
  611. }
  612.  
  613. .photoset {
  614. width:350px;
  615. border-radius:5px;
  616. margin-top:10px;
  617. }
  618.  
  619. /* ASK POSTS */
  620.  
  621. .askee {
  622. text-transform:lowercase;
  623. width:330px;
  624. text-align:left;
  625. padding:10px;
  626. background:{color:borders};
  627. color:{color:accent};
  628. border-radius:10px 10px 0px 0px;
  629. }
  630.  
  631. .askee i {
  632. color:{color:accent};
  633. }
  634.  
  635. .askee a {
  636. color:{color:accent};
  637. }
  638.  
  639. .question {
  640. width:328px;
  641. padding:10px;
  642. text-align:justify;
  643. text-align-last:center;
  644. border:1px {color:borders} solid;
  645. border-radius:0px 0px 10px 10px;
  646. }
  647.  
  648. /* QUOTE POSTS */
  649.  
  650. .quotetext {
  651. width:330px;
  652. font-size:13px;
  653. text-align:center;
  654. margin-bottom:20px;
  655. }
  656.  
  657. .source {
  658. font-size:12px;
  659. float:right;
  660. }
  661.  
  662. /* AUDIO */
  663.  
  664. .playbutton {
  665. border-radius:200px;
  666. width:20px;
  667. height:20px;
  668. z-index:400;
  669. overflow:hidden;
  670. -webkit-filter:contrast(0%) brightness(1500%);
  671. filter:contrast(0%) brightness(1500%);
  672. position:relative;
  673. margin-top:30px;
  674. margin-left:30px;
  675. }
  676.  
  677. .albumart {
  678. position:relative;
  679. margin-top:-50px;
  680. width:80px;
  681. height:80px;
  682. overflow:hidden;
  683. }
  684.  
  685. .albumart img {
  686. width:80px;
  687. }
  688.  
  689. .trackinfo {
  690. width:250px;
  691. padding-left:20px;
  692. padding-top:25px;
  693. padding-bottom:20px;
  694. height:35px;
  695. overflow:hidden;
  696. position:relative;
  697. margin-top:-80px;
  698. margin-bottom:20px;
  699. left:80px;
  700. background:#fff;
  701. }
  702.  
  703. .trackname {
  704. font-weight:bold;
  705. color:#000;
  706. font-size:13px;
  707. }
  708.  
  709. .artist {
  710. color:#333;
  711. font-size:11px;
  712. }
  713.  
  714. /* INFO */
  715.  
  716. .tags {
  717. width:350px;
  718. text-align:justify;
  719. text-align-last:center;
  720. padding:10px 20px 20px 20px;
  721. font-size:11px;
  722. margin-left:20px;
  723. }
  724.  
  725. .tag a {
  726. text-transform:lowercase;
  727. color:{color:tags};
  728. transition: all 1s ease-in-out;
  729. moz-transition: all 1s ease-in-out;
  730. -webkit-transition: all 1s ease-in-out;
  731. }
  732.  
  733. .tag a:hover {
  734. text-transform:lowercase;
  735. color:{color:tags hover};
  736. text-decoration:none;
  737. }
  738.  
  739. .tag {
  740. padding-right:10px;
  741. display:inline;
  742. }
  743.  
  744. .postinfo {
  745. width:390px;
  746. height:30px;
  747. padding-bottom:0px;
  748. }
  749.  
  750. .postinfo a {
  751. color:{color:tags};
  752. }
  753.  
  754. .postinfo span {
  755. margin-right:5px;
  756. }
  757.  
  758. .postdate {
  759. float:left;
  760. padding-right:10px;
  761. height:24px;
  762. line-height:26px;
  763. text-align:center;
  764. text-transform:lowercase;
  765. font-size:11px;
  766. margin-left:20px;
  767. margin-top:10px;
  768. border-right:1px {color:borders} solid;
  769. }
  770.  
  771. .postnotestat {
  772. float:left;
  773. height:24px;
  774. line-height:26px;
  775. text-align:center;
  776. text-transform:lowercase;
  777. font-size:11px;
  778. margin-top:10px;
  779. margin-left:10px;
  780. padding-right:10px;
  781. border-right:1px {color:borders} solid;
  782. }
  783.  
  784. .reblogpost {
  785. float:left;
  786. height:24px;
  787. line-height:26px;
  788. text-align:center;
  789. text-transform:lowercase;
  790. font-size:11px;
  791. margin-top:10px;
  792. margin-left:10px;
  793. }
  794.  
  795. /* PAGINATION */
  796.  
  797. #pagibox {
  798. width:390px;
  799. height:30px;
  800. padding:0px;
  801. line-height:30px;
  802. font-size:14px;
  803. text-align:center;
  804. display:inline-block;
  805. margin-left:20px;
  806. margin-top:20px;
  807. margin-bottom:20px;
  808. word-spacing:20px;
  809. color:{color:text};
  810. border-radius:10px;
  811. }
  812.  
  813. #pagibox a {
  814. color:{color:text};
  815. }
  816.  
  817. /* CREDIT STYLING : PLS DON'T DELETE! IT'S SMALL & UNOBTRUSIVE & LETS PEOPLE KNOW WHERE YOUR THEME CAME FROM */
  818.  
  819. .ananas {
  820. width:20px;
  821. height:20px;
  822. padding:0px;
  823. border-radius:10px;
  824. font-size:18px;
  825. position:absolute;
  826. bottom:20px;
  827. left:20px;
  828. line-height:20px;
  829. text-align:center;
  830. color:{color:accent};
  831. }
  832.  
  833. .ananas a {
  834. color:{color:accent};
  835. }
  836.  
  837. /* TUMBLR CONTROLS */
  838.  
  839. iframe.tmblr-iframe {
  840. z-index:99999999999999!important;
  841. top:0!important;
  842. right:0!important;
  843. opacity:0.4;
  844. transform:scale(0.5);
  845. transform-origin:100% 0;
  846. -webkit-transform:scale(0.5);
  847. -webkit-transform-origin:100% 0;
  848. -o-transform:scale(0.5);
  849. -o-transform-origin:100% 0;
  850. -moz-transform:scale(0.5);
  851. -moz-transform-origin:100% 0;
  852. -ms-transform:scale(0.5);
  853. -ms-transform-origin:100% 0;}
  854.  
  855. iframe.tmblr-iframe:hover {
  856. opacity:0.6!important;}
  857.  
  858.  
  859. </style>
  860. </head>
  861. <body>
  862.  
  863. <script>
  864.  
  865. function openTab(tabname){
  866. document.getElementsByClassName('posts')[0].style.display = 'none';
  867. var x = document.getElementsByClassName('tab');
  868. for (i = 0; i < x.length; i++) {
  869. x[i].style.display = 'none';
  870. }
  871. document.getElementById(tabname).style.display = 'block';
  872. }
  873.  
  874. function openPopup(popupname){
  875. document.getElementById('veil').style.display = 'block';
  876. document.getElementById(popupname).style.display = 'block';
  877. }
  878.  
  879. function closePopups(veil){
  880. veil.style.display = 'none';
  881. var x = document.getElementsByClassName('popup');
  882. for (i = 0; i < x.length; i++){
  883. x[i].style.display = 'none';
  884. }
  885. }
  886.  
  887. </script>
  888.  
  889. <div id="container">
  890.  
  891. <!-- POSTS -->
  892.  
  893. <div class="posts">
  894. {block:Posts}
  895. <div class="postholder">
  896.  
  897. <!-- POST INFO -->
  898. <div class="postinfo">
  899.  
  900. {block:IfDayMonthYearFormat}
  901. <div class="postdate"><a href="{Permalink}"><span class="lnr lnr-clock"></span> {block:Date} {DayOfMonth} {ShortMonth} {Year}{/block:Date}</a></div>
  902. {/block:IfDayMonthYearFormat}
  903. {block:IfTimeAgoFormat}
  904. <div class="postdate"><a href="{Permalink}"><span class="lnr lnr-clock"></span> {block:Date} {TimeAgo} {/block:Date}</a></div>
  905. {/block:IfTimeAgoFormat}
  906. <div class="postnotestat"><a href="{Permalink}"><span class="lnr lnr-tag"></span> {NoteCountWithLabel}</a></div>
  907. <div class="reblogpost"><a href="{ReblogURL}"><span class="lnr lnr-sync"></span> reblog</a></div>
  908. </div>
  909.  
  910. <div class="post">
  911.  
  912. <!-- TEXT POSTS -->
  913. {block:Text}
  914. {block:Title}<h1>{Title}</h1>{/block:Title}
  915. {Body}
  916. {/block:Text}
  917.  
  918. <!-- ANSWER POSTS -->
  919. {block:Answer}
  920. <div class="askee"><i> {Asker} asked:</i></div><div class="question">{Question}
  921. </div>
  922. {Answer}
  923. {/block:Answer}
  924.  
  925. <!-- QUOTE POSTS -->
  926. {block:Quote}
  927. <div class="quotetext">“ {Quote} ”
  928. {block:Source}<br><div class="source">— <i>{Source}</i></div>{/block:Source}
  929. </div>
  930. {/block:Quote}
  931.  
  932. <!-- LINK POSTS -->
  933. {block:Link}
  934. <link><a href="{URL}">{Name}</a></link>
  935. {block:Description}{Description}{/block:Description}
  936. {/block:Link}
  937.  
  938. <!-- CHAT POSTS -->
  939. {block:Chat}
  940. {block:Title}<h2>{Title}</h2>{/block:Title}
  941. {block:Lines}
  942. {block:Label}<b>{Label}</b>{/block:Label}
  943. {Line}<br>
  944. {/block:Lines}
  945. {/block:Chat}
  946. <!-- PHOTO POSTS -->
  947. {block:Photo}
  948. {LinkOpenTag}<img style="margin-top:10px;" src="{PhotoURL-500}" alt="{PhotoAlt}" width="400px">{LinkCloseTag}
  949.  
  950. {block:Caption}{Caption}{/block:Caption}
  951. {/block:Photo}
  952.  
  953. <!-- PHOTOSET POSTS -->
  954. {block:Photoset}
  955. {Photoset}
  956. {block:Caption}{Caption}{/block:Caption}
  957. {/block:Photoset}
  958.  
  959. <!-- AUDIO POSTS -->
  960.  
  961. {block:Audio}
  962. {block:AudioPlayer}
  963. <div class="playbutton">{AudioPlayerWhite}</div>
  964. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  965. <div class="trackinfo">
  966. <div class="trackname">
  967. {block:TrackName}{TrackName}{/block:TrackName}
  968. </div>
  969. <div class="artist">
  970. {block:Artist}{Artist}{/block:Artist}
  971. </div>
  972. <div class="album">
  973. {block:Album}{Album}{/block:Album}
  974. </div>
  975. <div class="playcount">
  976. {block:PlayCount}Played: {PlayCount} times{/block:PlayCount}
  977. </div>
  978. </div>
  979. {block:Caption}{Caption}{/block:Caption}
  980. {/block:AudioPlayer}
  981. {/block:Audio}
  982.  
  983.  
  984. <!-- VIDEO POSTS -->
  985. {block:Video}
  986. <div class="video">{Video-500}</div>
  987. {block:Caption}{Caption}{/block:Caption}
  988. {/block:Video}
  989.  
  990. </div>
  991.  
  992. </div>
  993.  
  994. <!-- TAGS -->
  995.  
  996. {block:HasTags} <div class="tags">{block:Tags} <div class="tag"><a href="{TagURL}"># {TAG}</a></div> {/block:Tags}</div> {/block:HasTags}
  997.  
  998. {block:PostNotes}<div class="postnotes">{PostNotes}</div>{/block:PostNotes}
  999.  
  1000. {/block:Posts}
  1001.  
  1002. {block:Pagination}
  1003. <div id="pagibox">{block:PreviousPage}<a href="{PreviousPage}" title="BACK"><span class="fas fa-arrow-left"></span></a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" title="FORTH"><span class="fas fa-arrow-right"></span></a>{/block:NextPage}
  1004. </div>
  1005. {/block:Pagination}
  1006.  
  1007. </div>
  1008.  
  1009. <!-- END POSTS -->
  1010.  
  1011. <!-- SIDEBAR STUFF -->
  1012.  
  1013. <div id="sideimg"><img src="{image:sidebar image}"/></div>
  1014.  
  1015. <div id="sidedesc">{text:sidebar desc}</div>
  1016.  
  1017. <div id="sidelinkz">
  1018.  
  1019. <a href="/"><div class="link"><span class="lnr lnr-home"></span></div></a>
  1020. <a href="/ask"><div class="link"><span class="lnr lnr-bubble"></span></div></a>
  1021. <a onclick="openTab('navi')"><div class="link"><span class="lnr lnr-earth"></span></div></a>
  1022. <a onclick="openTab('muses')"><div class="link"><span class="lnr lnr-user"></span></div></a>
  1023.  
  1024. </div>
  1025.  
  1026. <!-- TABS -->
  1027.  
  1028. <!-- NAV TAB -->
  1029.  
  1030. <div class="tab" id="navi">
  1031.  
  1032. <span class="close"><span onclick="this.parentElement.parentElement.style.display = 'none';document.getElementsByClassName('posts')[0].style.display = 'block';" style="cursor:pointer;">close this tab</span></span>
  1033.  
  1034. <div id="navlinks">
  1035.  
  1036. <a href="{text:link 1 url}"><div class="navlink">{text:link 1 name}</div></a>
  1037. <a href="{text:link 2 url}"><div class="navlink">{text:link 2 name}</div></a>
  1038. <a href="{text:link 3 url}"><div class="navlink">{text:link 3 name}</div></a>
  1039. <a href="{text:link 4 url}"><div class="navlink">{text:link 4 name}</div></a>
  1040. <a href="{text:link 5 url}"><div class="navlink">{text:link 5 name}</div></a>
  1041. <a href="{text:link 6 url}"><div class="navlink">{text:link 6 name}</div></a>
  1042.  
  1043. </div>
  1044.  
  1045. <div id="navtitle">{text:nav tab title}</div>
  1046.  
  1047. <div id="navtabimg"><img src="{image:nav tab image}"/></div>
  1048.  
  1049. </div>
  1050.  
  1051. <!-- MUSES TAB -->
  1052.  
  1053. <div class="tab" id="muses">
  1054.  
  1055. <span class="close"><span onclick="this.parentElement.parentElement.style.display = 'none';document.getElementsByClassName('posts')[0].style.display = 'block';" style="cursor:pointer;">close this tab</span></span>
  1056.  
  1057. <div id="musez">
  1058.  
  1059. <div class="muse" onclick="openPopup('muse1')"><img src="{image:muse 1}"/></div>
  1060. <div class="muse" onclick="openPopup('muse2')"><img src="{image:muse 2}"/></div>
  1061. <div class="muse" onclick="openPopup('muse3')"><img src="{image:muse 3}"/></div>
  1062. <div class="muse" onclick="openPopup('muse4')"><img src="{image:muse 4}"/></div>
  1063. <div class="muse" onclick="openPopup('muse5')"><img src="{image:muse 5}"/></div>
  1064. <div class="muse" onclick="openPopup('muse6')"><img src="{image:muse 6}"/></div>
  1065. <div class="muse" onclick="openPopup('muse7')"><img src="{image:muse 7}"/></div>
  1066. <div class="muse" onclick="openPopup('muse8')"><img src="{image:muse 8}"/></div>
  1067. <div class="muse" onclick="openPopup('muse9')"><img src="{image:muse 9}"/></div>
  1068. <div class="muse" onclick="openPopup('muse10')"><img src="{image:muse 10}"/></div>
  1069. <div class="muse" onclick="openPopup('muse11')"><img src="{image:muse 11}"/></div>
  1070. <div class="muse" onclick="openPopup('muse12')"><img src="{image:muse 12}"/></div>
  1071.  
  1072. </div>
  1073.  
  1074. </div>
  1075.  
  1076. <!-- END TABS -->
  1077.  
  1078. <!-- TOP BAR -->
  1079.  
  1080. <div id="urlbar">
  1081.  
  1082. <div id="urlbar1"></div>
  1083. <div id="urlbar2">{BlogURL}</div>
  1084.  
  1085. </div>
  1086.  
  1087. <!-- END TOP BAR -->
  1088.  
  1089. <div id="sidetxt">{text:sidebar title}</div>
  1090.  
  1091. </div>
  1092.  
  1093. <!-- END CONTAINER -->
  1094.  
  1095. <!-- BEGIN POPUPS -->
  1096.  
  1097. <div id="veil" onclick="closePopups(this)" style="cursor:pointer;" title="click to close popup"></div>
  1098.  
  1099. <!-- POPUP ONE -->
  1100.  
  1101. <div class="popup" id="muse1">
  1102.  
  1103. <div class="museicon"><img src="https://via.placeholder.com/80x80"/></div>
  1104.  
  1105. <div class="musename">
  1106. character name
  1107. </div>
  1108.  
  1109. <div class="musedesc">
  1110.  
  1111. <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. in odio mi, facilisis non massa id, blandit cursus tellus. vestibulum sit amet sodales ex, gravida dignissim tortor. integer ut nulla in augue lacinia suscipit a ut arcu. aliquam ornare venenatis neque, sed tempor sapien sodales et. nam fringilla rhoncus sem in condimentum. suspendisse rutrum quam sit amet nunc ultricies iaculis. vestibulum nisl erat, egestas ut lacinia vitae, ultricies eget nulla. nulla tempor augue felis, vel elementum nunc laoreet vitae. sed scelerisque vitae diam et viverra. donec tincidunt mattis lectus, et vehicula ex vestibulum nec. sed felis libero, semper sit amet vestibulum vitae, tincidunt ac tellus. suspendisse potenti.</p>
  1112.  
  1113. </div>
  1114.  
  1115. <a href="/url" title="full bio"><div class="musetag" style="top:135px;left:35px;"><span class="lnr lnr-user"></span></div></a>
  1116. <a href="/url" title="musings tag"><div class="musetag" style="top:179px;left:35px;"><span class="lnr lnr-tag"></span></div></a>
  1117. <a href="/url" title="connections"><div class="musetag" style="top:223px;left:35px;"><span class="lnr lnr-heart"></span></div></a>
  1118.  
  1119. </div>
  1120.  
  1121. <!-- POPUP TWO -->
  1122.  
  1123. <div class="popup" id="muse2">
  1124.  
  1125. <div class="museicon"><img src="https://via.placeholder.com/80x80"/></div>
  1126.  
  1127. <div class="musename">
  1128. character name
  1129. </div>
  1130.  
  1131. <div class="musedesc">
  1132.  
  1133. <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. in odio mi, facilisis non massa id, blandit cursus tellus. vestibulum sit amet sodales ex, gravida dignissim tortor. integer ut nulla in augue lacinia suscipit a ut arcu. aliquam ornare venenatis neque, sed tempor sapien sodales et. nam fringilla rhoncus sem in condimentum. suspendisse rutrum quam sit amet nunc ultricies iaculis. vestibulum nisl erat, egestas ut lacinia vitae, ultricies eget nulla. nulla tempor augue felis, vel elementum nunc laoreet vitae. sed scelerisque vitae diam et viverra. donec tincidunt mattis lectus, et vehicula ex vestibulum nec. sed felis libero, semper sit amet vestibulum vitae, tincidunt ac tellus. suspendisse potenti.</p>
  1134.  
  1135. </div>
  1136.  
  1137. <a href="/url" title="full bio"><div class="musetag" style="top:135px;left:35px;"><span class="lnr lnr-user"></span></div></a>
  1138. <a href="/url" title="musings tag"><div class="musetag" style="top:179px;left:35px;"><span class="lnr lnr-tag"></span></div></a>
  1139. <a href="/url" title="connections"><div class="musetag" style="top:223px;left:35px;"><span class="lnr lnr-heart"></span></div></a>
  1140.  
  1141. </div>
  1142.  
  1143. <!-- POPUP THREE -->
  1144.  
  1145. <div class="popup" id="muse3">
  1146.  
  1147. <div class="museicon"><img src="https://via.placeholder.com/80x80"/></div>
  1148.  
  1149. <div class="musename">
  1150. character name
  1151. </div>
  1152.  
  1153. <div class="musedesc">
  1154.  
  1155. <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. in odio mi, facilisis non massa id, blandit cursus tellus. vestibulum sit amet sodales ex, gravida dignissim tortor. integer ut nulla in augue lacinia suscipit a ut arcu. aliquam ornare venenatis neque, sed tempor sapien sodales et. nam fringilla rhoncus sem in condimentum. suspendisse rutrum quam sit amet nunc ultricies iaculis. vestibulum nisl erat, egestas ut lacinia vitae, ultricies eget nulla. nulla tempor augue felis, vel elementum nunc laoreet vitae. sed scelerisque vitae diam et viverra. donec tincidunt mattis lectus, et vehicula ex vestibulum nec. sed felis libero, semper sit amet vestibulum vitae, tincidunt ac tellus. suspendisse potenti.</p>
  1156.  
  1157. </div>
  1158.  
  1159. <a href="/url" title="full bio"><div class="musetag" style="top:135px;left:35px;"><span class="lnr lnr-user"></span></div></a>
  1160. <a href="/url" title="musings tag"><div class="musetag" style="top:179px;left:35px;"><span class="lnr lnr-tag"></span></div></a>
  1161. <a href="/url" title="connections"><div class="musetag" style="top:223px;left:35px;"><span class="lnr lnr-heart"></span></div></a>
  1162.  
  1163. </div>
  1164.  
  1165. <!-- POPUP FOUR -->
  1166.  
  1167. <div class="popup" id="muse4">
  1168.  
  1169. <div class="museicon"><img src="https://via.placeholder.com/80x80"/></div>
  1170.  
  1171. <div class="musename">
  1172. character name
  1173. </div>
  1174.  
  1175. <div class="musedesc">
  1176.  
  1177. <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. in odio mi, facilisis non massa id, blandit cursus tellus. vestibulum sit amet sodales ex, gravida dignissim tortor. integer ut nulla in augue lacinia suscipit a ut arcu. aliquam ornare venenatis neque, sed tempor sapien sodales et. nam fringilla rhoncus sem in condimentum. suspendisse rutrum quam sit amet nunc ultricies iaculis. vestibulum nisl erat, egestas ut lacinia vitae, ultricies eget nulla. nulla tempor augue felis, vel elementum nunc laoreet vitae. sed scelerisque vitae diam et viverra. donec tincidunt mattis lectus, et vehicula ex vestibulum nec. sed felis libero, semper sit amet vestibulum vitae, tincidunt ac tellus. suspendisse potenti.</p>
  1178.  
  1179. </div>
  1180.  
  1181. <a href="/url" title="full bio"><div class="musetag" style="top:135px;left:35px;"><span class="lnr lnr-user"></span></div></a>
  1182. <a href="/url" title="musings tag"><div class="musetag" style="top:179px;left:35px;"><span class="lnr lnr-tag"></span></div></a>
  1183. <a href="/url" title="connections"><div class="musetag" style="top:223px;left:35px;"><span class="lnr lnr-heart"></span></div></a>
  1184.  
  1185. </div>
  1186.  
  1187. <!-- POPUP FIVE -->
  1188.  
  1189. <div class="popup" id="muse5">
  1190.  
  1191. <div class="museicon"><img src="https://via.placeholder.com/80x80"/></div>
  1192.  
  1193. <div class="musename">
  1194. character name
  1195. </div>
  1196.  
  1197. <div class="musedesc">
  1198.  
  1199. <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. in odio mi, facilisis non massa id, blandit cursus tellus. vestibulum sit amet sodales ex, gravida dignissim tortor. integer ut nulla in augue lacinia suscipit a ut arcu. aliquam ornare venenatis neque, sed tempor sapien sodales et. nam fringilla rhoncus sem in condimentum. suspendisse rutrum quam sit amet nunc ultricies iaculis. vestibulum nisl erat, egestas ut lacinia vitae, ultricies eget nulla. nulla tempor augue felis, vel elementum nunc laoreet vitae. sed scelerisque vitae diam et viverra. donec tincidunt mattis lectus, et vehicula ex vestibulum nec. sed felis libero, semper sit amet vestibulum vitae, tincidunt ac tellus. suspendisse potenti.</p>
  1200.  
  1201. </div>
  1202.  
  1203. <a href="/url" title="full bio"><div class="musetag" style="top:135px;left:35px;"><span class="lnr lnr-user"></span></div></a>
  1204. <a href="/url" title="musings tag"><div class="musetag" style="top:179px;left:35px;"><span class="lnr lnr-tag"></span></div></a>
  1205. <a href="/url" title="connections"><div class="musetag" style="top:223px;left:35px;"><span class="lnr lnr-heart"></span></div></a>
  1206.  
  1207. </div>
  1208.  
  1209. <!-- POPUP SIX -->
  1210.  
  1211. <div class="popup" id="muse6">
  1212.  
  1213. <div class="museicon"><img src="https://via.placeholder.com/80x80"/></div>
  1214.  
  1215. <div class="musename">
  1216. character name
  1217. </div>
  1218.  
  1219. <div class="musedesc">
  1220.  
  1221. <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. in odio mi, facilisis non massa id, blandit cursus tellus. vestibulum sit amet sodales ex, gravida dignissim tortor. integer ut nulla in augue lacinia suscipit a ut arcu. aliquam ornare venenatis neque, sed tempor sapien sodales et. nam fringilla rhoncus sem in condimentum. suspendisse rutrum quam sit amet nunc ultricies iaculis. vestibulum nisl erat, egestas ut lacinia vitae, ultricies eget nulla. nulla tempor augue felis, vel elementum nunc laoreet vitae. sed scelerisque vitae diam et viverra. donec tincidunt mattis lectus, et vehicula ex vestibulum nec. sed felis libero, semper sit amet vestibulum vitae, tincidunt ac tellus. suspendisse potenti.</p>
  1222.  
  1223. </div>
  1224.  
  1225. <a href="/url" title="full bio"><div class="musetag" style="top:135px;left:35px;"><span class="lnr lnr-user"></span></div></a>
  1226. <a href="/url" title="musings tag"><div class="musetag" style="top:179px;left:35px;"><span class="lnr lnr-tag"></span></div></a>
  1227. <a href="/url" title="connections"><div class="musetag" style="top:223px;left:35px;"><span class="lnr lnr-heart"></span></div></a>
  1228.  
  1229. </div>
  1230.  
  1231. <!-- POPUP SEVEN -->
  1232.  
  1233. <div class="popup" id="muse7">
  1234.  
  1235. <div class="museicon"><img src="https://via.placeholder.com/80x80"/></div>
  1236.  
  1237. <div class="musename">
  1238. character name
  1239. </div>
  1240.  
  1241. <div class="musedesc">
  1242.  
  1243. <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. in odio mi, facilisis non massa id, blandit cursus tellus. vestibulum sit amet sodales ex, gravida dignissim tortor. integer ut nulla in augue lacinia suscipit a ut arcu. aliquam ornare venenatis neque, sed tempor sapien sodales et. nam fringilla rhoncus sem in condimentum. suspendisse rutrum quam sit amet nunc ultricies iaculis. vestibulum nisl erat, egestas ut lacinia vitae, ultricies eget nulla. nulla tempor augue felis, vel elementum nunc laoreet vitae. sed scelerisque vitae diam et viverra. donec tincidunt mattis lectus, et vehicula ex vestibulum nec. sed felis libero, semper sit amet vestibulum vitae, tincidunt ac tellus. suspendisse potenti.</p>
  1244.  
  1245. </div>
  1246.  
  1247. <a href="/url" title="full bio"><div class="musetag" style="top:135px;left:35px;"><span class="lnr lnr-user"></span></div></a>
  1248. <a href="/url" title="musings tag"><div class="musetag" style="top:179px;left:35px;"><span class="lnr lnr-tag"></span></div></a>
  1249. <a href="/url" title="connections"><div class="musetag" style="top:223px;left:35px;"><span class="lnr lnr-heart"></span></div></a>
  1250.  
  1251. </div>
  1252.  
  1253. <!-- POPUP EIGHT -->
  1254.  
  1255. <div class="popup" id="muse8">
  1256.  
  1257. <div class="museicon"><img src="https://via.placeholder.com/80x80"/></div>
  1258.  
  1259. <div class="musename">
  1260. character name
  1261. </div>
  1262.  
  1263. <div class="musedesc">
  1264.  
  1265. <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. in odio mi, facilisis non massa id, blandit cursus tellus. vestibulum sit amet sodales ex, gravida dignissim tortor. integer ut nulla in augue lacinia suscipit a ut arcu. aliquam ornare venenatis neque, sed tempor sapien sodales et. nam fringilla rhoncus sem in condimentum. suspendisse rutrum quam sit amet nunc ultricies iaculis. vestibulum nisl erat, egestas ut lacinia vitae, ultricies eget nulla. nulla tempor augue felis, vel elementum nunc laoreet vitae. sed scelerisque vitae diam et viverra. donec tincidunt mattis lectus, et vehicula ex vestibulum nec. sed felis libero, semper sit amet vestibulum vitae, tincidunt ac tellus. suspendisse potenti.</p>
  1266.  
  1267. </div>
  1268.  
  1269. <a href="/url" title="full bio"><div class="musetag" style="top:135px;left:35px;"><span class="lnr lnr-user"></span></div></a>
  1270. <a href="/url" title="musings tag"><div class="musetag" style="top:179px;left:35px;"><span class="lnr lnr-tag"></span></div></a>
  1271. <a href="/url" title="connections"><div class="musetag" style="top:223px;left:35px;"><span class="lnr lnr-heart"></span></div></a>
  1272.  
  1273. </div>
  1274.  
  1275. <!-- POPUP NINE -->
  1276.  
  1277. <div class="popup" id="muse9">
  1278.  
  1279. <div class="museicon"><img src="https://via.placeholder.com/80x80"/></div>
  1280.  
  1281. <div class="musename">
  1282. character name
  1283. </div>
  1284.  
  1285. <div class="musedesc">
  1286.  
  1287. <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. in odio mi, facilisis non massa id, blandit cursus tellus. vestibulum sit amet sodales ex, gravida dignissim tortor. integer ut nulla in augue lacinia suscipit a ut arcu. aliquam ornare venenatis neque, sed tempor sapien sodales et. nam fringilla rhoncus sem in condimentum. suspendisse rutrum quam sit amet nunc ultricies iaculis. vestibulum nisl erat, egestas ut lacinia vitae, ultricies eget nulla. nulla tempor augue felis, vel elementum nunc laoreet vitae. sed scelerisque vitae diam et viverra. donec tincidunt mattis lectus, et vehicula ex vestibulum nec. sed felis libero, semper sit amet vestibulum vitae, tincidunt ac tellus. suspendisse potenti.</p>
  1288.  
  1289. </div>
  1290.  
  1291. <a href="/url" title="full bio"><div class="musetag" style="top:135px;left:35px;"><span class="lnr lnr-user"></span></div></a>
  1292. <a href="/url" title="musings tag"><div class="musetag" style="top:179px;left:35px;"><span class="lnr lnr-tag"></span></div></a>
  1293. <a href="/url" title="connections"><div class="musetag" style="top:223px;left:35px;"><span class="lnr lnr-heart"></span></div></a>
  1294.  
  1295. </div>
  1296.  
  1297. <!-- POPUP TEN -->
  1298.  
  1299. <div class="popup" id="muse10">
  1300.  
  1301. <div class="museicon"><img src="https://via.placeholder.com/80x80"/></div>
  1302.  
  1303. <div class="musename">
  1304. character name
  1305. </div>
  1306.  
  1307. <div class="musedesc">
  1308.  
  1309. <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. in odio mi, facilisis non massa id, blandit cursus tellus. vestibulum sit amet sodales ex, gravida dignissim tortor. integer ut nulla in augue lacinia suscipit a ut arcu. aliquam ornare venenatis neque, sed tempor sapien sodales et. nam fringilla rhoncus sem in condimentum. suspendisse rutrum quam sit amet nunc ultricies iaculis. vestibulum nisl erat, egestas ut lacinia vitae, ultricies eget nulla. nulla tempor augue felis, vel elementum nunc laoreet vitae. sed scelerisque vitae diam et viverra. donec tincidunt mattis lectus, et vehicula ex vestibulum nec. sed felis libero, semper sit amet vestibulum vitae, tincidunt ac tellus. suspendisse potenti.</p>
  1310.  
  1311. </div>
  1312.  
  1313. <a href="/url" title="full bio"><div class="musetag" style="top:135px;left:35px;"><span class="lnr lnr-user"></span></div></a>
  1314. <a href="/url" title="musings tag"><div class="musetag" style="top:179px;left:35px;"><span class="lnr lnr-tag"></span></div></a>
  1315. <a href="/url" title="connections"><div class="musetag" style="top:223px;left:35px;"><span class="lnr lnr-heart"></span></div></a>
  1316.  
  1317. </div>
  1318.  
  1319. <!-- POPUP ELEVEN -->
  1320.  
  1321. <div class="popup" id="muse11">
  1322.  
  1323. <div class="museicon"><img src="https://via.placeholder.com/80x80"/></div>
  1324.  
  1325. <div class="musename">
  1326. character name
  1327. </div>
  1328.  
  1329. <div class="musedesc">
  1330.  
  1331. <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. in odio mi, facilisis non massa id, blandit cursus tellus. vestibulum sit amet sodales ex, gravida dignissim tortor. integer ut nulla in augue lacinia suscipit a ut arcu. aliquam ornare venenatis neque, sed tempor sapien sodales et. nam fringilla rhoncus sem in condimentum. suspendisse rutrum quam sit amet nunc ultricies iaculis. vestibulum nisl erat, egestas ut lacinia vitae, ultricies eget nulla. nulla tempor augue felis, vel elementum nunc laoreet vitae. sed scelerisque vitae diam et viverra. donec tincidunt mattis lectus, et vehicula ex vestibulum nec. sed felis libero, semper sit amet vestibulum vitae, tincidunt ac tellus. suspendisse potenti.</p>
  1332.  
  1333. </div>
  1334.  
  1335. <a href="/url" title="full bio"><div class="musetag" style="top:135px;left:35px;"><span class="lnr lnr-user"></span></div></a>
  1336. <a href="/url" title="musings tag"><div class="musetag" style="top:179px;left:35px;"><span class="lnr lnr-tag"></span></div></a>
  1337. <a href="/url" title="connections"><div class="musetag" style="top:223px;left:35px;"><span class="lnr lnr-heart"></span></div></a>
  1338.  
  1339. </div>
  1340.  
  1341. <!-- POPUP TWELVE -->
  1342.  
  1343. <div class="popup" id="muse12">
  1344.  
  1345. <div class="museicon"><img src="https://via.placeholder.com/80x80"/></div>
  1346.  
  1347. <div class="musename">
  1348. character name
  1349. </div>
  1350.  
  1351. <div class="musedesc">
  1352.  
  1353. <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. in odio mi, facilisis non massa id, blandit cursus tellus. vestibulum sit amet sodales ex, gravida dignissim tortor. integer ut nulla in augue lacinia suscipit a ut arcu. aliquam ornare venenatis neque, sed tempor sapien sodales et. nam fringilla rhoncus sem in condimentum. suspendisse rutrum quam sit amet nunc ultricies iaculis. vestibulum nisl erat, egestas ut lacinia vitae, ultricies eget nulla. nulla tempor augue felis, vel elementum nunc laoreet vitae. sed scelerisque vitae diam et viverra. donec tincidunt mattis lectus, et vehicula ex vestibulum nec. sed felis libero, semper sit amet vestibulum vitae, tincidunt ac tellus. suspendisse potenti.</p>
  1354.  
  1355. </div>
  1356.  
  1357. <a href="/url" title="full bio"><div class="musetag" style="top:135px;left:35px;"><span class="lnr lnr-user"></span></div></a>
  1358. <a href="/url" title="musings tag"><div class="musetag" style="top:179px;left:35px;"><span class="lnr lnr-tag"></span></div></a>
  1359. <a href="/url" title="connections"><div class="musetag" style="top:223px;left:35px;"><span class="lnr lnr-heart"></span></div></a>
  1360.  
  1361. </div>
  1362.  
  1363. <!-- END POPUPS -->
  1364.  
  1365. <!-- CREDIT : PLS DONT DELETE! -->
  1366.  
  1367. <div class="ananas"><a href="https://sprfluous.tumblr.com" title="code by anna"><span class="th th-pineapple-o"></span></a></div>
  1368.  
  1369. </body>
  1370. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!