API tools faq
paste
Advertisement
tiffxny21

single muse update //

tiffxny21
Dec 28th, 2019
265
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 47.74 KB | None | 0 0
raw download clone embed print report
  1. <!-- code by whitley -->
  2.  
  3. <html>
  4. <head>
  5.  
  6.  
  7.  
  8. <script type="text/javascript" src=
  9. "https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
  10. </script><script type="text/javascript">
  11. //<![CDATA[
  12. $(document).ready(function() {
  13. //
  14. $('a.poplight[href^=#]').click(function() {
  15. var popID = $(this).attr('rel'); //Get Popup Name
  16. var popURL = $(this).attr('href'); //Get Popup href to define size
  17. var query= popURL.split('?');
  18. var dim= query[1].split('&');
  19. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  20. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  21. var popMargTop = ($('#' + popID).height() + 80) / 2;
  22. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  23. //Applyoy Margin to Popup
  24. $('#' + popID).css({
  25. 'margin-top' : -popMargTop,
  26. 'margin-left' : -popMargLeft
  27. });
  28. $('body').append('<div id="fade"><\/div>');
  29. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  30. return false;
  31. });
  32. $('a.close, #fade').live('click', function() {
  33. $('#fade , .popup_block, .ask_block').fadeOut(function() {
  34. $('#fade, a.close').remove(); //fade them both out
  35. });
  36. return false;
  37. });
  38. });
  39. //]]>
  40. </script>
  41.  
  42.  
  43.  
  44. <script type="text/javascript" src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  45. <script type="text/javascript">
  46. $(document).ready(function(){
  47. $(".links_body").hide();
  48. $(".links_head").click(function(){
  49. $(this).next(".links_body").slideToggle('fast');
  50. }); }); </script>
  51. <style type="text/css">
  52. .links_list { margin:0px; padding:0px; width:100%;}
  53. .links_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
  54. .links_body { padding:10px; text-align:left; display:none;}
  55. </style>
  56.  
  57. <link rel="stylesheet" href="https://use.typekit.net/ave5mjm.css">
  58.  
  59. <link href="https://fonts.googleapis.com/css?family=Staatliches&display=swap" rel="stylesheet">
  60. <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
  61. <link href="https://fonts.googleapis.com/css?family=Paytone+One&display=swap" rel="stylesheet">
  62. <link href="https://fonts.googleapis.com/css?family=Lexend+Deca&display=swap" rel="stylesheet">
  63. <link href="https://fonts.googleapis.com/css?family=Bitter&display=swap" rel="stylesheet">
  64.  
  65.  
  66.  
  67. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  68. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  69. <script>
  70. (function($){
  71. $(document).ready(function(){
  72. $("a[title]").style_my_tooltips({
  73. tip_follows_cursor:true,
  74. tip_delay_time:50,
  75. tip_fade_speed:200,
  76. attribute:"title"
  77. });
  78. });
  79. })(jQuery);
  80. </script>
  81.  
  82.  
  83. <script src="https://kit.fontawesome.com/2b37e2f836.js"></script>
  84.  
  85. <link rel="shortcut icon" href="{Favicon}" />
  86. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  87. <title>{Title}</title>
  88. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  89.  
  90.  
  91. <meta name="color:background" content="#656565">
  92. <meta name="color:pre" content="#656565">
  93.  
  94. <meta name="color:text" content="#dadada" />
  95. <meta name="color:link hover" content="#ffffff" />
  96. <meta name="color:link" content="#c66262" />
  97. <meta name="color:Bold" content="#da938d" />
  98. <meta name="color:Italic" content="#d4b175"/>
  99. <meta name="color:container" content="#525252" />
  100. <meta name="color:border" content="#282828" />
  101. <meta name="color:outline" content="#282828" />
  102. <meta name="color:shadow" content="#000000" />
  103. <meta name="color:chatone" content="#3e3e3e" />
  104. <meta name="color:chattwo" content="#313131" />
  105.  
  106. <meta name="image:infoimage" content="https://storage.needpix.com/rsynced_images/rose-grayscale.jpg"/>
  107.  
  108. <meta name="image:munpic" content="http://placehold.jp/200x250.png"/>
  109. <meta name="image:navpic" content="https://via.placeholder.com/402x201.png"/>
  110.  
  111. <meta name="image:aboutpic" content="http://placehold.jp/200x250.png"/>
  112.  
  113. <meta name="image:background" content=""/>
  114. <link href="https://fonts.googleapis.com/css?family=Pacifico&display=swap" rel="stylesheet">
  115.  
  116.  
  117. </head>
  118.  
  119.  
  120. <style type="text/css">
  121.  
  122.  
  123. .tooltip{
  124. display: inline;
  125. position: relative;}
  126.  
  127.  
  128. iframe.tmblr-iframe {
  129. top:0!important;
  130. right:0!important;
  131. opacity:0;
  132. transform:scale(0.8);
  133. transform-origin:100% 0;
  134. -webkit-transform-origin:100% 0;
  135. -o-transform-origin:100% 0;
  136. -moz-transform-origin:100% 0;
  137. z-index:1000000000000000000888800000000000000000999999999999999999999999999900000000009999
  138. }
  139.  
  140. iframe.tmblr-iframe:hover {
  141. opacity:0.6!important;
  142. -moz-transition-duration:.9s;
  143. -webkit-transition-duration:.9s;
  144. -o-transition-duration:.9s;
  145. }
  146.  
  147. .hcontrols {
  148. position:fixed;
  149. top:0;
  150. right:0;
  151. z-index:999999999;}
  152.  
  153.  
  154. .iframe-controls-container
  155. {;
  156. }
  157.  
  158.  
  159.  
  160. #s-m-t-tooltip {
  161. padding:6px;
  162. width:auto;
  163. max-width:300px;
  164. text-shadow:
  165. 1px 1px 0px #000,
  166. 1px -1px 0px #000,
  167. -1px -1px 0px #000,
  168. -1px 1px 0px #000,
  169. 0px 1px 0px #000,
  170. 0px -1px 0px #000,
  171. 1px 0px 0px #000,
  172. -1px 0px 0px #000,
  173. 0px 0px 5px #000;
  174. border: 1px solid {color:border}; outline: 1px solid {color:outline}; outline-offset: 3px;padding-top:5px; display:block; padding-bottom:5px; width:auto; font-size:11px; font-family:verdana;margin-top:10px; text-transform:uppercase; border-radius:0px; background: {color:chatone} url('{image:infoimage}');background-attachment:fixed; text-align:center;
  175.  
  176. z-index:99999999999999999999999999999999999999999999999999999;
  177. transition:0.7s ease-in-out;
  178. -o-transition:0.7s ease-in-out;
  179. -ms-transition:0.7s ease-in-out;
  180. -moz-transition:0.7s ease-in-out;
  181. -webkit-transition:0.7s ease-in-out;
  182. }
  183.  
  184.  
  185.  
  186.  
  187. body {color:{color:text}; background: {color:background} url('{image:background}') no-repeat fixed 0% 0%; font-family:verdana; font-size:11px; line-height:17px; text-align:justify; overflow-x:hidden; }
  188.  
  189. a:link, a:active, a:visited{color: {color:link};text-transform:uppercase; text-decoration:none}
  190.  
  191. a:hover {
  192. color:{color:link hover}; -moz-transition-duration:.9s;
  193. -webkit-transition-duration:.9s;
  194. -o-transition-duration:.9s;}
  195.  
  196. small{font-size:11px}
  197.  
  198. big{font-size:14px}
  199.  
  200. b, strong{color:{color:bold}; text-transform:uppercase; }
  201.  
  202. a{
  203.  
  204. }
  205.  
  206. p b {
  207. font-size:13px;
  208. }
  209.  
  210.  
  211. p i {
  212. font-size:13px;
  213. }
  214.  
  215.  
  216. h1 {font-size:15px;}
  217.  
  218. i, em {color:{color:italic}}
  219.  
  220. p{margin-top:6px; margin-bottom:6px}
  221.  
  222. blockquote {padding:0px; padding-left:10px; margin:8px; border-left:1px dotted {color:outline}}
  223.  
  224. img a{border:none; width:100%;}
  225.  
  226. p {
  227. margin-bottom:15px;
  228. margin-top:5px;
  229. }
  230.  
  231. hr {
  232. width:100%;
  233. margin-top:3px;
  234. margin-bottom:3px;
  235. height:2px;
  236. border:none;
  237. background: {color:chatone} url({image:infoimage});
  238. background-attachment:fixed;
  239. background-repeat:repeat;
  240. }
  241.  
  242.  
  243. h1 {font-size:30px;
  244. font-family: 'Lexend Deca', sans-serif;
  245. color: {color:bold};
  246. text-align:center;
  247. text-transform:uppercase;
  248. line-height:90%;
  249. letter-spacing:0px;
  250. text-align:center;
  251. text-shadow:none;}
  252. h2 {text-align:center; font-size:22px;
  253. color:{color:italic};
  254. font-weight:bold;
  255. line-height:90%;
  256. margin-bottom:-5px;
  257. text-align: center;
  258. text-transform:uppercase;
  259. text-shadow: 0px 1px 1px {color:shadow} ;
  260. font-family: 'Lexend Deca', sans-serif;
  261. line-height:30px;
  262.  
  263. }
  264.  
  265.  
  266.  
  267. .content img {
  268. max-width:100%;
  269. height:auto;
  270. }
  271.  
  272. h3 {text-align:center; font-size:18px;
  273. font-family: 'Bitter', serif;
  274. text-shadow: 0px 1px 1px {color:shadow};
  275. text-align:center;
  276. text-transform:lowercase;
  277. font-style:italic;
  278. line-height:130%;
  279. font-size:14px;
  280. letter-spacing:0px;
  281. padding-bottom:-10px;
  282. color: {color:italic};
  283. }
  284. h4 {border: 1px solid {color:border}; outline: 1px solid {color:outline}; outline-offset: 3px;padding-top:5px; display:block; padding-bottom:5px; width:auto; font-size:9px; font-family:verdana;margin-top:10px; text-transform:uppercase; border-radius:0px; background: {color:chatone} url('{image:infoimage}');background-attachment:fixed; text-align:center; text-shadow:
  285. 1px 1px 0px #000,
  286. 1px -1px 0px #000,
  287. -1px -1px 0px #000,
  288. -1px 1px 0px #000,
  289. 0px 1px 0px #000,
  290. 0px -1px 0px #000,
  291. 1px 0px 0px #000,
  292. -1px 0px 0px #000,
  293. 0px 0px 5px #000;}
  294. h5 {text-align:center;}
  295. h6 {text-align:center;}
  296.  
  297.  
  298.  
  299.  
  300.  
  301. #container {scrollbar-width: none;
  302. left: 752px;
  303. top:100px;
  304. margin-left:-164px;width: 423px;height:488px; position:fixed;background-color:{color:container};padding-left:3px;outline: 1px solid {color:outline}; outline-offset:3px;border: 1px solid {color:border};}
  305.  
  306.  
  307. #entries { scrollbar-width: none;
  308.  
  309. left: 752px;
  310. top:101px;
  311. margin-left:-164px; text-align: justify;background-color:transparent;width: 423px;height:488px; margin-bottom:0px;padding-bottom:15px; position:fixed;overflow:scroll; padding-left:3px;
  312. }
  313.  
  314.  
  315.  
  316. #posts p a:hover {font-size:11px; -moz-transition-duration:.9s;
  317. -webkit-transition-duration:.9s;
  318. -o-transition-duration:.9s;}
  319.  
  320.  
  321. ::-webkit-scrollbar {
  322. width: 0px;
  323. background-color: transparent;
  324. }
  325.  
  326. ::-webkit-scrollbar-track {
  327. background-color: transparent
  328. }
  329.  
  330. ::-webkit-scrollbar-thumb {
  331. background-color: transparent;
  332. }
  333.  
  334.  
  335.  
  336.  
  337.  
  338. #posts {margin: 10px 0 60px 0; width: 400px;text-align: justify; padding: 10px;}
  339.  
  340. #posts img {max-width:100%; height:auto;}
  341.  
  342. #sidebar{scrollbar-width: none;
  343. position:fixed; width:412px; background:{color:container}; padding:7px 7px 0px 7px; overflow:scroll; left: 752px; height:84px;
  344. top:0px;
  345. margin-left:-164px; border: 1px solid {color:border}; outline: 1px solid {color:outline}; outline-offset:3px; {color:container}; margin-bottom:40px; font-size:8px;}
  346.  
  347. #purblock{scrollbar-width: none;
  348. position:fixed; width:412px; background:{color:container}; padding:7px 7px 0px 7px; overflow:scroll; left: 752px; height:84px;
  349. top:0px;
  350. margin-left:-164px; border: 1px solid {color:border}; outline: 1px solid {color:outline}; outline-offset: 3px; {color:container}; margin-bottom:40px; font-size:8px;}
  351.  
  352.  
  353.  
  354. .blueblock {
  355. position:fixed; width:412px; background:{color:container}; padding:7px 7px 0px 7px; overflow:scroll; left: 752px; height:84px;
  356. top:0px;
  357. margin-left:-164px; border: 1px solid {color:border}; outline: 1px solid {color:outline}; outline-offset:3px; {color:container}; margin-bottom:40px; font-size:8px; z-index:1000000000000;}
  358.  
  359.  
  360. #sidebartext
  361.  
  362. {
  363. scrollbar-width: none;
  364. position:fixed; width:412px; background:transparent; padding:0px 7px 7px 7px; overflow:scroll; left: 752px; height:101px;
  365. top:0px;
  366. margin-left:-164px;
  367. margin-bottom:100px;
  368.  
  369. }
  370.  
  371.  
  372. .user_1 {
  373.  
  374. background-color:{color:chatone};
  375. border-left:{color:border};
  376. text-align:left; }
  377.  
  378. .user_2 {
  379.  
  380. background-color:{color:chattwo};
  381. border-right:{color:border};
  382. text-align:right;
  383. }
  384.  
  385.  
  386. .chat ol {
  387. line-height:110%;
  388. }
  389.  
  390.  
  391.  
  392. #links a:hover {
  393.  
  394. color:{color:link hover};
  395.  
  396. }
  397.  
  398. #links a
  399. {position: fixed;
  400.  
  401. color:{color:border};
  402. top:94px;
  403. }
  404.  
  405.  
  406. /*
  407. @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
  408. @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
  409. @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
  410.  
  411. */
  412. #refresh {
  413. left: 752px;
  414. margin-left: -32px;
  415. margin-top: 486px;
  416. font-size: 30px;
  417. position: absolute;
  418. z-index: 1000000;
  419.  
  420. }
  421.  
  422. #refresh img {
  423. width:30px;
  424. height:auto;
  425. filter: blur(0);
  426.  
  427.  
  428. -moz-transition-duration:.9s;
  429. -webkit-transition-duration:.9s;
  430. -o-transition-duration:.9s;
  431. }
  432.  
  433. #nav {
  434. left: 752px;
  435. margin-top: 486px;
  436. margin-left: 106px;
  437. font-size: 30px;z-index: 1000000;
  438. position:absolute;
  439. }
  440.  
  441. #nav img {
  442. width:30px;
  443. height:auto;
  444. filter: blur(0);
  445.  
  446.  
  447. -moz-transition-duration:.9s;
  448. -webkit-transition-duration:.9s;
  449. -o-transition-duration:.9s;
  450. }
  451.  
  452.  
  453. #pagef {
  454. left: 752px;
  455. margin-left: 240px;
  456. margin-top: 486px;
  457. font-size: 30px;
  458. position: absolute;z-index: 1000000;
  459. }
  460.  
  461. #pagef img {
  462. width:30px;
  463. height:auto;
  464. filter: blur(0);
  465.  
  466.  
  467. -moz-transition-duration:.9s;
  468. -webkit-transition-duration:.9s;
  469. -o-transition-duration:.9s;
  470. }
  471.  
  472. #pagep {
  473. left: 752px;
  474. margin-left: -160px;
  475. margin-top: 486px;
  476. font-size: 30px;z-index: 1000000;
  477. position: absolute;
  478. }
  479.  
  480.  
  481. #pagep img {
  482. width:30px;
  483. height:auto;
  484. filter: blur(0);
  485.  
  486.  
  487.  
  488. -moz-transition-duration:.9s;
  489. -webkit-transition-duration:.9s;
  490. -o-transition-duration:.9s;
  491. }
  492.  
  493.  
  494. #pagep img:hover, #pagef img:hover, #nav img:hover, #refresh img:hover {
  495.  
  496. filter: blur(10px);
  497.  
  498.  
  499. -moz-transition-duration:.9s;
  500. -webkit-transition-duration:.9s;
  501. -o-transition-duration:.9s;
  502.  
  503. }
  504.  
  505.  
  506. #links i
  507. {color: {color:link};
  508. -moz-transition-duration:.9s;
  509. -webkit-transition-duration:.9s;
  510. -o-transition-duration:.9s;
  511.  
  512. }
  513.  
  514. #links i:hover
  515. {color: {color:link hover};
  516. -moz-transition-duration:.9s;
  517. -webkit-transition-duration:.9s;
  518. -o-transition-duration:.9s;
  519.  
  520. }
  521.  
  522.  
  523. .popup_block{
  524. display:none;
  525. background-image:transparent;
  526. background-repeat: no-repeat;
  527. float:left;
  528. font-family: 'Roboto', sans-serif;
  529. height: 10px;
  530. position:fixed;
  531. z-index: 99999;
  532. overflow-y: scroll;
  533. overflow-x: hidden;
  534.  
  535. }
  536.  
  537.  
  538. *html #fade {position: absolute;}
  539. *html .popup_block {position: absolute;}
  540. #fade {
  541. display:none;
  542. position:fixed;
  543. left:0px;
  544. top:100px;
  545. width:100%;
  546. height:488px;
  547. z-index:9999;
  548. background:{color:background};
  549. opacity:0;
  550. }
  551.  
  552.  
  553. .popcontent {
  554. background: {color:container};
  555. width: 402px;
  556. height:443px;
  557. padding:10px;
  558. top:101px;
  559. left: 752px;
  560. margin-left:-161px;
  561. font-weight:500;
  562. overflow: scroll;
  563. padding-left:12px;
  564. font-size:11px;
  565. position: fixed;
  566. padding-top:35px;
  567. text-align:justify;
  568.  
  569. z-index:1000000000000000000000000000000000000000000000;
  570.  
  571. }
  572.  
  573.  
  574.  
  575.  
  576. .tabslist {
  577.  
  578. scrollbar-width: none;
  579. background:transparent;
  580. padding:0px 9px;
  581. font-weight:500;
  582. font-size:11px;
  583. position: fixed;
  584. overflow-y:scroll;
  585. overflow-x:hidden;
  586. padding-top:20px;
  587.  
  588. text-align:center;
  589. margin-left:-163px;
  590. position:fixed; width:405px; overflow:scroll; left: 752px; height:89px;
  591. overflow-x:hidden;
  592. top:0px;
  593. margin-bottom:0px padding-bottom:0px;
  594.  
  595.  
  596. z-index:100000000000000000000000000000000000000000000; -moz-transition-duration:.9s;
  597. -webkit-transition-duration:.9s;
  598. -o-transition-duration:.9s;}
  599. }
  600. }
  601.  
  602.  
  603. .leftlink {
  604. float:left;
  605. width:75px;
  606. max-width:75px;
  607. text-align:center;
  608. }
  609.  
  610.  
  611.  
  612.  
  613. .rightlink {
  614. float:right;
  615.  
  616. width:75px;
  617. max-width:75px;
  618.  
  619. text-align:center;
  620. }
  621.  
  622.  
  623.  
  624.  
  625.  
  626. #credit{position:fixed; bottom:10px; left:10px; font-size:11px;font-family: 'Pacifico', cursive;;
  627. color:{color:text}; text-transform:uppercase;letter-spacing: 0px; font-style:normal; border: 1px solid transparent; outline: 1px solid transparent; outline-offset:3px; padding:3px;}
  628.  
  629. #info{border: 1px solid {color:border}; height:18px; outline: 1px solid {color:outline};outline-offset:3px;padding-top:5px; border-radius:0px; display:block; padding-bottom:5px; width:auto; font-size:11px; font-family:verdana;margin-top:20px; text-transform:uppercase;background: {color:chatone} url('{image:infoimage}');background-attachment:fixed; text-shadow:
  630. 1px 1px 0px #000,
  631. 1px -1px 0px #000,
  632. -1px -1px 0px #000,
  633. -1px 1px 0px #000,
  634. 0px 1px 0px #000,
  635. 0px -1px 0px #000,
  636. 1px 0px 0px #000,
  637. -1px 0px 0px #000,
  638. 0px 0px 5px #000;}
  639.  
  640. pre { padding-top:6px;
  641. padding:6px;
  642. white-space:pre-wrap;
  643. width:auto;
  644. text-align: center;
  645. word-wrap: break-word;
  646. color:{color:text};
  647. background-color:{color:pre};
  648. border-left:1px solid {color:border};
  649. border-right: 1px solid {color:border};
  650. font-family: 'Montserrat', sans-serif;
  651. text-transform:uppercase;
  652. line-height:100%;
  653. letter-spacing}
  654.  
  655.  
  656. figure {
  657. margin:0px;
  658. }
  659.  
  660.  
  661. .tags
  662. {
  663.  
  664. font-size:8px;
  665. }
  666.  
  667. #info1 {
  668. margin-left:45px;
  669. margin-top:0px;
  670. position:absolute;
  671. font-size:11px;
  672. text-decoration:none;
  673. }
  674.  
  675.  
  676. #info2 {
  677. margin-left:100px;
  678. margin-top:0px;
  679. position:absolute;
  680. font-size:11px;
  681. text-decoration:none;
  682. }
  683.  
  684.  
  685. #info3 {
  686. margin-left:155px;
  687. margin-top:0px;
  688. position:absolute;
  689. font-size:11px;
  690. text-decoration:none;
  691. }
  692.  
  693.  
  694. #info4 {
  695. margin-left:210px;
  696. margin-top:0px;
  697. position:absolute;
  698. font-size:11px;
  699. color:#ddd;
  700. text-decoration:none;
  701. }
  702.  
  703.  
  704. [type=radio]:checked ~ label {
  705. z-index: 2;
  706. color: {color:link hover};
  707.  
  708. border: 1px solid {color:border}; border-radius:0px; background: {color:chatone} url('{image:infoimage}');
  709. -moz-transition-duration:.9s;
  710. -webkit-transition-duration:.9s;
  711. -o-transition-duration:.9s;
  712. }
  713.  
  714. .tab [type=radio] {
  715. display: none;
  716. }
  717.  
  718. .content {
  719. scrollbar-width: none;
  720.  
  721. background: {color:container};
  722. width: 404px;
  723. overflow-x:hidden;
  724. padding:10px 10px 0px 10px;
  725. left: 752px;
  726. top:101px;
  727. margin-left:-164px;
  728. overflow-y:scroll;
  729. font-weight:500;
  730. padding-left:12px;
  731. font-size:11px;
  732. position: fixed;
  733. padding-top:30px;
  734. padding-bottom:15px;;
  735. text-align:justify;
  736.  
  737. width: 402px;
  738. height:468px;
  739. padding:10px;
  740. left: 752px;
  741. margin-left:-161px;
  742. -moz-transition-duration:.9s;
  743. -webkit-transition-duration:.9s;
  744. -o-transition-duration:.9s;
  745.  
  746. }
  747.  
  748. [type=radio]:checked ~ label ~ .content {
  749. z-index: 1;
  750. }
  751.  
  752.  
  753. .tab {
  754. width:60px;
  755. margin: -20px 2px;
  756. margin-bottom:10px;
  757. display: inline-block;
  758.  
  759. }
  760.  
  761.  
  762. .tab label {
  763. color: {color:bold};
  764. letter-spacing: 2px;
  765. font-size: 8px;
  766. line-height: 14px;
  767. font-weight: bold;
  768. background-color: {color:container};
  769. width:60px;
  770. text-transform: uppercase;
  771. text-align: center;
  772. cursor: pointer;
  773. box-sizing:border-box;
  774. display: block;
  775. margin-bottom: 5px;
  776. padding:5px 10px;
  777. border: 1px solid {color:container};
  778. border-radius:0px;
  779.  
  780. -moz-transition-duration:.9s;
  781. -webkit-transition-duration:.9s;
  782. -o-transition-duration:.9s;}
  783.  
  784.  
  785. }
  786.  
  787. .tab label:hover {
  788. background: {color:bold};
  789. color:{color:link hover};
  790. font-size: 10px;
  791.  
  792. border: 1px solid {color:border}; border-radius:0px; background: {color:chatone} url('{image:infoimage}'); background-attachment:fixed; -moz-transition-duration:.9s;
  793. -webkit-transition-duration:.9s;
  794. -o-transition-duration:.9s;
  795. }
  796.  
  797.  
  798. .tab a {
  799. color;{color:link};
  800. text-align: center;
  801. width:150px;
  802. -moz-transition-duration:.9s;
  803. -webkit-transition-duration:.9s;
  804. -o-transition-duration:.9s;
  805.  
  806. }
  807.  
  808.  
  809.  
  810. .tab a:hover {
  811.  
  812. color;{color:link};
  813. -moz-transition-duration:.9s;
  814. -webkit-transition-duration:.9s;
  815. -o-transition-duration:.2s;
  816.  
  817. }
  818.  
  819.  
  820. ::selection {
  821. background: {color:container};
  822. color: {color:link};/* WebKit/Blink Browsers */
  823. }
  824. ::-moz-selection {
  825. background: {color:container};
  826. color: {color:link};/* WebKit/Blink Browsers */}
  827.  
  828.  
  829.  
  830. .audio{background-color:black; display:block}
  831.  
  832.  
  833. .user_1 .label {color:{color:link}; font-weight:bold}
  834. .user_2 .label {color:{color:link}; font-weight:bold}
  835. .user_3 .label {color:{color:link}; font-weight:bold}
  836.  
  837. ul.chat {
  838. padding:20px 0px
  839. }
  840.  
  841. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:5px;}
  842.  
  843. .notes img{width:10px; position:relative; top:1px}
  844. ol.notes, .notes li{width:490px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
  845.  
  846.  
  847. .longpic {
  848.  
  849. font-size:10px;
  850. min-height:250px;
  851. margin-top:15px;
  852. margin-bottom:15px;
  853. overflow:hidden;
  854. }
  855.  
  856. .longpic img {
  857. padding: 0px;
  858. width: 200px;
  859. height: 250px;
  860. border-radius:10%;
  861. text-align:justify;
  862. margin-bottom: 40px;
  863.  
  864. }
  865.  
  866.  
  867.  
  868. .shortpic {
  869.  
  870. font-size:11px;
  871. min-height:100px;
  872. margin-top:15px;
  873. margin-bottom:15px;
  874.  
  875. }
  876.  
  877. .shortpic p{
  878. margin-top:-3px;
  879. line-height:130%;
  880. }
  881.  
  882. .shortpic img {
  883. padding: 0px;
  884. width: 100px;
  885. height: 100px;
  886. border-radius:10%;
  887. text-align:justify;
  888. margin-bottom:13px;
  889. }
  890.  
  891.  
  892.  
  893.  
  894.  
  895. .navpic
  896. {
  897. width:402px;
  898. height:auto;
  899. margin-bottom:15px;
  900. border-radius:20px;
  901. }
  902.  
  903.  
  904. .right
  905. {
  906.  
  907. float:right;
  908. margin-left: 11px;
  909. margin-right: 0px;
  910. }
  911.  
  912. .left
  913. {
  914. margin-left: 0px;
  915. margin-right: 11px;
  916.  
  917. float:left;
  918. }
  919.  
  920.  
  921. .right img
  922. {
  923.  
  924. float:right;
  925. }
  926.  
  927.  
  928. .left img
  929. {
  930. float: left;
  931.  
  932. }
  933.  
  934. #pagination {
  935.  
  936.  
  937.  
  938.  
  939. }
  940.  
  941. .linkbutton{
  942. text-align:center;
  943. text-transform:uppercase;
  944. font-family:'Roboto', sans-serif;
  945. font-size:9px;
  946. margin-bottom:15px;
  947. }
  948.  
  949. .linkbutton a {
  950. width:112px;
  951. margin-left:4px;
  952. margin-right:4px;
  953. margin-top:4px;
  954. margin-bottom:8px;
  955. display:inline-block;
  956. background-color:{color:pre};
  957.  
  958. color:{color:text};
  959. text-shadow:0px 0px 5px {color:bold};
  960. padding: 4px;
  961. line-height:20px;
  962. margin-top:2px;
  963. letter-spacing:1px;
  964. transition-duration: 0.6s;
  965. border:1px solid {color:border};
  966. -webkit-transition: .9s ease-in-out;
  967. -moz-transition: .9s ease-in-out;
  968. -o-transition: .9s ease-in-out;
  969. }
  970.  
  971. .linkbutton a:hover {
  972. background:{color:chatone} url('{image:infoimage}');
  973. background-attachment:fixed; }
  974.  
  975.  
  976.  
  977. #asker
  978. {
  979. min-height:70px;
  980. padding:00px 20px 0px 20px;
  981. border:1px solid {color:border};
  982. outline: 1px solid {color:outline};outline-offset:3px;
  983. background: {color:chatone} url('{image:infoimage}');background-attachment:fixed;
  984. background-attachment: fixed;
  985.  
  986.  
  987. }
  988. #asker a
  989. { color:{color:bold};
  990.  
  991. }
  992.  
  993. #asker a:hover
  994. { color:{color:link hover};
  995.  
  996. }
  997.  
  998.  
  999. #answer a
  1000. { color:{color:bold};
  1001.  
  1002. }
  1003.  
  1004. #answer a:hover
  1005. { color:{color:link hover};
  1006.  
  1007. }
  1008.  
  1009. #answer h3
  1010. { padding-bottom:10px;
  1011. margin-top:0px;
  1012. text-align:justify;
  1013. }
  1014. #asker h3
  1015. { color:{color:text};
  1016. text-align:justify;
  1017. }
  1018. #answer
  1019. {
  1020. padding:20px 20px 0px 20px;
  1021.  
  1022. }
  1023.  
  1024.  
  1025. iframe#ask_form {
  1026. min-height:270px;
  1027.  
  1028.  
  1029. }
  1030.  
  1031.  
  1032. #video {
  1033.  
  1034. margin-bottom:15px;
  1035. }
  1036.  
  1037. .audio_player {width: 33px;
  1038. height: 25px;
  1039. overflow: hidden;
  1040. position: relative;
  1041. border-radius:25px;
  1042. z-index: 10000000;}
  1043.  
  1044.  
  1045. .audiopic
  1046. {
  1047. width:100px;
  1048. height:110px;
  1049. border-radius:10px;
  1050. max-width:110px;
  1051. background-color: {color:border};
  1052. border-radius:10px;
  1053.  
  1054. margin-bottom:20px;
  1055. }
  1056.  
  1057. .audiopic img
  1058. {
  1059. border:3px solid transparent;
  1060. border-radius:10px;
  1061. }
  1062.  
  1063.  
  1064. .musicinfo
  1065. {
  1066.  
  1067. position:relative;
  1068. top: 0px;
  1069. left:110px;
  1070. width:295px;
  1071. }
  1072.  
  1073. .extraspace
  1074. {
  1075. padding:10px;
  1076. margin:10px;
  1077.  
  1078. }
  1079.  
  1080.  
  1081. .notes li
  1082. {
  1083. width:400px;}
  1084.  
  1085.  
  1086.  
  1087. ol.notes
  1088. {
  1089. width:400px;}
  1090.  
  1091.  
  1092.  
  1093. input[type='checkbox'] {
  1094. display: none;
  1095. }
  1096.  
  1097.  
  1098. /* Style the buttons that are used to open and close the accordion panel */
  1099. .accordion {
  1100. cursor: pointer;
  1101. width: 100%;
  1102. border: none;
  1103. outline: none;
  1104. transition: 0.9s;
  1105. margin-bottom:20px;
  1106. margin-top:-10px;
  1107.  
  1108. font-family: 'Lexend Deca', sans-serif;
  1109. }
  1110.  
  1111.  
  1112.  
  1113. .accordion:after {
  1114. content: '+'; /* Unicode character for "plus" sign (+) */
  1115. float: right;
  1116.  
  1117. color:{color:italic};
  1118. font-weight:bold;
  1119. line-height:100%;
  1120. text-transform:uppercase;
  1121. text-shadow: 0px 1px 1px {color:shadow} ;
  1122.  
  1123. line-height:30px;
  1124. font-size:22px;
  1125.  
  1126. margin-right: 5px;
  1127. padding-right:5px;
  1128. margin-top:-30px;
  1129. }
  1130.  
  1131. .active:after {
  1132. content: "-"; /* Unicode character for "minus" sign (-) */
  1133.  
  1134. }
  1135.  
  1136. button {
  1137. background:transparent;
  1138. padding:0px;
  1139. margin:0px;
  1140. }
  1141.  
  1142. button h2{
  1143. background-color:{color:pre};
  1144. color:{color:italic};
  1145. padding:5px 10px;
  1146. text-align:left;
  1147. border:1px {color:border} solid;
  1148. background:{color:chatone} url('{image:infoimage}'); background-attachment:fixed;
  1149. }
  1150.  
  1151. button h2:hover {
  1152.  
  1153. color:{color:link};
  1154. transition: 0.9s;
  1155. background:{color:pre};
  1156. }
  1157.  
  1158. button:hover {
  1159.  
  1160. }
  1161.  
  1162.  
  1163. /* Style the accordion panel. Note: hidden by default */
  1164. .panel {
  1165. max-height: 0;
  1166. overflow: hidden;
  1167. transition: max-height 0.9s ease-out;
  1168. }
  1169.  
  1170.  
  1171. /* GRID */
  1172.  
  1173. a.selected
  1174. {
  1175. color:{color:italic};
  1176. font-size:12px;
  1177. }
  1178.  
  1179. h2 a.selected
  1180. {
  1181. color:{color:italic};
  1182. font-size:17px;
  1183. }
  1184.  
  1185. #grid {
  1186. position:fixed;
  1187. display:block;
  1188. width:280px;
  1189. transition:0.9s;
  1190. top:-10px;
  1191. right: -132px;
  1192. overflow:scroll;
  1193. height:456px;
  1194.  
  1195. }
  1196.  
  1197.  
  1198.  
  1199.  
  1200. .isotope {
  1201.  
  1202. width:402px;
  1203. min-width:30%;
  1204. position:fixed;
  1205.  
  1206. }
  1207. .grid-item {
  1208. width:50%;
  1209. margin:0px;
  1210. padding:10px;
  1211. box-sizing:border-box;height:240px;
  1212. margin:0px auto;
  1213. }
  1214.  
  1215. .grid-item img{
  1216. max-width:100%;
  1217. height:auto;
  1218. border-radius:5px;
  1219. }
  1220.  
  1221. .tooltip{
  1222. display: inline;
  1223. position: relative;}
  1224.  
  1225. #sort {
  1226. position:fixed;
  1227. z-index:10000000000000000000000000000099999999999999999999999999999999999999;
  1228. margin-top:41px;
  1229. }
  1230.  
  1231. #filters {
  1232. width:120px;
  1233. height:389px;
  1234. margin-top: 6px;
  1235. }
  1236.  
  1237. #filters ul{
  1238. list-style:none;
  1239. padding:0px;
  1240. width:120px;
  1241. text-align:center;
  1242. }
  1243.  
  1244.  
  1245. #filters a{
  1246. padding:10px;
  1247. }
  1248. #filters li{
  1249.  
  1250. padding-bottom:10px;
  1251. float:left;
  1252. margin:0px auto;
  1253. width:120px;
  1254. }
  1255. #filters p{
  1256. clear:both;
  1257. margin-bottom:1px;
  1258. padding-bottom:10px;
  1259. }
  1260.  
  1261. .story
  1262. {transition:0.9s; };
  1263.  
  1264. #filters b {
  1265. }
  1266.  
  1267.  
  1268. #parentgrid
  1269.  
  1270. {
  1271. position: fixed;
  1272. width: 416px;
  1273. left: 600px;
  1274. overflow: scroll;
  1275. top: 160px;
  1276. height: 446px;
  1277. }
  1278.  
  1279.  
  1280. .grid-item label
  1281. {
  1282. color: initial;
  1283. padding: initial;
  1284. margin-bottom: initial;
  1285. text-transform: uppercase;
  1286. text-align: center;
  1287. cursor: pointer;
  1288. box-sizing: border-box;
  1289. display: block;
  1290. width:111.984px;
  1291. background-color:transparent;
  1292. margin-bottom: 5px;
  1293. border: none;
  1294. border-radius: 0px;
  1295. -moz-transition-duration: .9s;
  1296. -webkit-transition-duration: .9s;
  1297. -o-transition-duration: .9s;
  1298. }
  1299. /* GRID */
  1300. </style>
  1301.  
  1302.  
  1303. <body>
  1304.  
  1305. <div id="navpage" class="popup_block">
  1306. <div class="popcontent">
  1307. <div id="purblock"></div>
  1308. <div class="tabslist">
  1309. <h1 style="margin-top:-6px;">* BLOGNAME !</h1>
  1310. <div class="tab">
  1311. <input type="radio" id="tab-1" name="tab-group-1" checked>
  1312. <label for="tab-1"><a>NAV</a></label>
  1313. <div class="content">
  1314. <h4>NAVIGATION</h4>
  1315. <img class="navpic" src="{image:navpic}">
  1316. <div class="linkbutton">
  1317. <a href="link1">Link 1</a>
  1318. <a href="link2">Link 2</a>
  1319. <a href="link3">Link 3</a>
  1320. <a href="link4">Link 4</a>
  1321. <a href="link5">Link 5</a>
  1322. <a href="link6">Link 6</a>
  1323. <a href="link7">Link 7</a>
  1324. <a href="link8">Link 8</a>
  1325. <a href="link9">Link 9</a>
  1326. <p>
  1327. </div>
  1328. <div class="extraspace">
  1329. </p>
  1330. <p>
  1331. </p>
  1332. <p>
  1333. </div>
  1334. <div class="extraspace">
  1335. </p>
  1336. <p>
  1337. </p>
  1338. <p>
  1339. </div>
  1340. <div class="extraspace">
  1341. </p>
  1342. <p>
  1343. </p>
  1344. <p>
  1345. </div>
  1346.  
  1347. </div>
  1348. </div>
  1349. <div class="tab">
  1350. <input type="radio" id="tab-2" name="tab-group-1">
  1351. <label for="tab-2"><a>INBOX</a></label>
  1352. <div class="content">
  1353. <h4> MESSAGES </h4>
  1354. <center>
  1355. <p>
  1356. <iframe frameborder="0" height="240" id="ask_form" scrolling="yes" src="https://www.tumblr.com/ask_form/{Name}.tumblr.com" width="90%"></iframe>
  1357. </center>
  1358. <p>
  1359. <p>
  1360. <p>
  1361.  
  1362.  
  1363. <div class="extraspace">
  1364. </p>
  1365. <p>
  1366. </p>
  1367. <p>
  1368. </div>
  1369. <div class="extraspace">
  1370. </p>
  1371. <p>
  1372. </p>
  1373. <p>
  1374. </div>
  1375. <div class="extraspace">
  1376. </p>
  1377. <p>
  1378. </p>
  1379. <p>
  1380. </div>
  1381.  
  1382.  
  1383.  
  1384. </div>
  1385. </div>
  1386.  
  1387.  
  1388. <div class="tab">
  1389. <input type="radio" id="tab-3" name="tab-group-1" >
  1390. <label for="tab-3"><a>RULES</a></label>
  1391. <div class="content">
  1392. <h4>RULES</h4>
  1393.  
  1394. <h3>Disclaimer:</h3>
  1395.  
  1396. <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
  1397.  
  1398.  
  1399. <h4>Category</h4>
  1400.  
  1401.  
  1402.  
  1403. <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
  1404.  
  1405.  
  1406. <h4>category</h4>
  1407.  
  1408.  
  1409.  
  1410. <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
  1411.  
  1412.  
  1413. <div class="extraspace">
  1414. </p>
  1415. <p>
  1416. </p>
  1417. <p>
  1418. </div>
  1419. <div class="extraspace">
  1420. </p>
  1421. <p>
  1422. </p>
  1423. <p>
  1424. </div>
  1425. <div class="extraspace">
  1426. </p>
  1427. <p>
  1428. </p>
  1429. <p>
  1430. </div>
  1431.  
  1432. </div>
  1433. </div>
  1434.  
  1435. <div class="tab">
  1436. <input type="radio" id="tab-4" name="tab-group-1">
  1437. <label for="tab-4"><a>ABOUT</a></label>
  1438. <div class="content">
  1439. <h4>ABOUT</h4>
  1440.  
  1441.  
  1442. <div class="longpic"><img class="left" src="{image:aboutpic}">
  1443.  
  1444. <b>Name: </b>Full Muse Name Here<br>
  1445. <b>Better Known As: </b>Nicknames Here<br>
  1446. <b>Gender: </b>Gender Identity Here<br>
  1447. <b>Orientation: </b>Sexual Orientation Here<br>
  1448. <b>Date Of Birth: </b>Birthday Here<br>
  1449. <b>Residence: </b>Location Here<br>
  1450. <b>Occupation: </b>Muse Occupation Here<br>
  1451. <b>Education: </b>Muse Education Level Here<br>
  1452. <b>Class: </b>Muse Economic Class Here<br>
  1453. <b>Spirituality: </b>Muse Spirituality Here<br>
  1454. <b>Virtues: </b>Positive Traits Here<br>
  1455. <b>Vices: </b>Negative Traits Here<br>
  1456. </div>
  1457. <hr>
  1458. <h3>"Put a book excerpt here!"<p>
  1459. <i>-Author's Name</i></i>
  1460. </h3>
  1461.  
  1462. <hr>
  1463. <h1>put a quote here!</h1>
  1464. <hr>
  1465.  
  1466. <h4><p>
  1467. <b>Appearance</b><p> Muse Appearance Here
  1468. <p>
  1469. <b>Habits</b><p> Muse Habits Here
  1470. <p>
  1471. <b>Health</b><p> Muse Health Here
  1472. </h4>
  1473.  
  1474. <hr>
  1475. <h1>put another quote here!</h1>
  1476. <hr>
  1477.  
  1478. <h2>Analysis</h2>
  1479. <div class="linkbutton">
  1480. <a href="Alignment">D&D ALIGNMENT</a>
  1481. <a href="MBTI">MBTI</a>
  1482. <br>
  1483. <a href="Element">Four Elements</a>
  1484. <a href="VisualDNA">VisualDNA</a>
  1485. <a href="ENNEAGRAM">ENNEAGRAM</a>
  1486. <br>
  1487. <a href="Temperament">Temperament</a>
  1488. <a href="Intelligence">Intelligence</a>
  1489. <p>
  1490. </div>
  1491.  
  1492. <hr>
  1493.  
  1494.  
  1495. <h3>SUN IN [SIGN]</h3>
  1496. <div class="shortpic"><img class="left" src="https://themcaa.org/wp-content/uploads/2015/12/blogpost-placeholder-100x100-300x300.png"><p><b>THE SUN: THE NATURAL SELF</b> [SIGN TRAITS GO HERE] Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
  1497.  
  1498.  
  1499. </div>
  1500. <p>
  1501. <h3>MOON IN [SIGN]</h3>
  1502. <div class="shortpic"><img class="right" src="https://themcaa.org/wp-content/uploads/2015/12/blogpost-placeholder-100x100-300x300.png"><p><b>THE MOON: THE EMOTIONAL SELF</b> [SIGN TRAITS GO HERE] Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
  1503.  
  1504.  
  1505. </div>
  1506. <p>
  1507. <h3>RISING IN [SIGN]</h3>
  1508. <div class="shortpic"><img class="left" src="https://themcaa.org/wp-content/uploads/2015/12/blogpost-placeholder-100x100-300x300.png"><p><b>THE ASCENDANT: THE PRESENTED SELF</b> [SIGN TRAITS GO HERE] Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
  1509.  
  1510.  
  1511. </div>
  1512. <p>
  1513. <hr>
  1514. <p>
  1515. <h3>Relatives</h3>
  1516. <center>
  1517. <a title="Mother">Mother</a> |
  1518. <a title="Father">Father</a> |
  1519. <a title="Child">Child</a>
  1520. </center>
  1521. <h3>Connections</h3>
  1522. <center>
  1523. <a title="Boss">Boss</a> |
  1524. <a title="Friend">Friend</a> |
  1525. <a title="Employee">Employee</a>
  1526. </center>
  1527. <div class="extraspace">
  1528. </p>
  1529. <p>
  1530. </p>
  1531. <p>
  1532. </div>
  1533. <div class="extraspace">
  1534. </p>
  1535. <p>
  1536. </p>
  1537. <p>
  1538. </div>
  1539. <div class="extraspace">
  1540. </p>
  1541. <p>
  1542. </p>
  1543. <p>
  1544. </div>
  1545.  
  1546.  
  1547. </div>
  1548. </div>
  1549.  
  1550.  
  1551. <div class="tab">
  1552. <input type="radio" id="tab-5" name="tab-group-1" >
  1553. <label for="tab-5"><a>VERSES</a></label>
  1554. <div class="content">
  1555. <h4>VERSES</h4>
  1556.  
  1557.  
  1558. <button class="accordion">
  1559. <h2>VERSE NAME</h2></button> <div class="panel">
  1560. <div class="shortpic"><img class="left" src="https://themcaa.org/wp-content/uploads/2015/12/blogpost-placeholder-100x100.png"><p>
  1561. <b>NAME:</b> <br>
  1562. <b>AGE:</b> <br>
  1563. <b>RESIDENCE:</b> <br>
  1564. <b>STATUS:</b> <br>
  1565.  
  1566. </div>
  1567.  
  1568.  
  1569. Verse Description.</div>
  1570.  
  1571. <button class="accordion">
  1572. <h2>VERSE NAME</h2></button> <div class="panel">
  1573. <div class="shortpic"><img class="right" src="https://themcaa.org/wp-content/uploads/2015/12/blogpost-placeholder-100x100.png"><p>
  1574. <b>NAME:</b> <br>
  1575. <b>AGE:</b> <br>
  1576. <b>RESIDENCE:</b> <br>
  1577. <b>STATUS:</b> <br>
  1578.  
  1579. </div>
  1580.  
  1581.  
  1582. Verse Description.</div>
  1583.  
  1584. <button class="accordion">
  1585. <h2>VERSE NAME</h2></button> <div class="panel">
  1586. <div class="shortpic"><img class="left" src="https://themcaa.org/wp-content/uploads/2015/12/blogpost-placeholder-100x100.png"><p>
  1587. <b>NAME:</b> <br>
  1588. <b>AGE:</b> <br>
  1589. <b>RESIDENCE:</b> <br>
  1590. <b>STATUS:</b> <br>
  1591.  
  1592. </div>
  1593.  
  1594.  
  1595. Verse Description.</div>
  1596.  
  1597. <button class="accordion">
  1598. <h2>VERSE NAME</h2></button> <div class="panel">
  1599. <div class="shortpic"><img class="right" src="https://themcaa.org/wp-content/uploads/2015/12/blogpost-placeholder-100x100.png"><p>
  1600. <b>NAME:</b> <br>
  1601. <b>AGE:</b> <br>
  1602. <b>RESIDENCE:</b> <br>
  1603. <b>STATUS:</b> <br>
  1604.  
  1605. </div>
  1606.  
  1607.  
  1608. Verse Description.</div>
  1609.  
  1610.  
  1611.  
  1612. <script>
  1613. var acc = document.getElementsByClassName("accordion");
  1614. var i;
  1615.  
  1616. for (i = 0; i < acc.length; i++) {
  1617. acc[i].addEventListener("click", function() {
  1618. this.classList.toggle("active");
  1619. var panel = this.nextElementSibling;
  1620. if (panel.style.maxHeight) {
  1621. panel.style.maxHeight = null;
  1622. } else {
  1623. panel.style.maxHeight = panel.scrollHeight + "px";
  1624. }
  1625. });
  1626. }
  1627. </script>
  1628.  
  1629. <div class="extraspace">
  1630. </p>
  1631. <p>
  1632. </p>
  1633. <p>
  1634. </div>
  1635. <div class="extraspace">
  1636. </p>
  1637. <p>
  1638. </p>
  1639. <p>
  1640. </div>
  1641. <div class="extraspace">
  1642. </p>
  1643. <p>
  1644. </p>
  1645. <p>
  1646. </div>
  1647.  
  1648. </div>
  1649. </div>
  1650.  
  1651. <div class="tab">
  1652. <input type="radio" id="tab-6" name="tab-group-1">
  1653. <label for="tab-6"><a>CONNECT</a></label>
  1654. <div class="content">
  1655. <h3>CONNECTIONS</h3>
  1656.  
  1657. <h4>EXCLUSIVE</h4>
  1658.  
  1659. <img src="https://i.imgur.com/7pHtf9i.png" style="margin-top:20px; margin-left:10px; max-width:50px; " draggable="false"> Ardyn Izunia
  1660.  
  1661. <blockquote><small>
  1662. <a href="/tagged/ahdynn">🌙 interaction</a>
  1663. <a href="/tagged/┊❦-❛-ʏᴏᴜ-ᴡɪʟʟ-ғᴏʀᴇᴠᴇʀ-ʙᴇ-ᴍʏ-ᴀʟᴡᴀʏs-–-%5B-ᴀʀᴅʏɴ-%26-ʟᴜɴᴀғʀᴇʏᴀ-%5D.">🌙 ship tag</a>
  1664. <a href="/tagged/┊♔-❛-ᴀ-ᴍᴀɴ-ᴡɪᴛʜ-ᴀ-ʙʀᴏᴋᴇɴ-ᴄʀᴏᴡɴ-–-%5B-ᴀʀᴅʏɴ-ɪᴢᴜɴɪᴀ-%5D.">🌙 gallery</a>
  1665. <a href="https://ahdynn.tumblr.com/">🌙 blog</a>
  1666. </small></blockquote>
  1667.  
  1668.  
  1669.  
  1670. <img src="https://i.imgur.com/q0Cnv0S.png" style="margin-top:20px; margin-left:10px; max-width:50px; " draggable="false"> Somnus Lucis Caelum
  1671.  
  1672. <blockquote><small>
  1673. <a href="/tagged/fragmenthearted">🌙 interaction</a>
  1674. <a href="/tagged/┊❦-❛-ɪ%27ʟʟ-ʙᴇ-ʏᴏᴜʀ-ᴍᴏᴏɴ-ɪғ-ʏᴏᴜ%27ʟʟ-ʙᴇ-ᴍʏ-sᴛᴀʀs-–-%5B-sᴏᴍɴᴜs-%26-ʟᴜɴᴀғʀᴇʏᴀ-%5D.">🌙 ship tag</a>
  1675. <a href="/tagged/┊♚-❛-ᴛʜᴇ-ғᴏᴜɴᴅᴇʀ-ᴋɪɴɢ-–-%5B-sᴏᴍɴᴜs-ʟᴜᴄɪs-ᴄᴀᴇʟᴜᴍ-%5D.">🌙 gallery</a>
  1676. <a href="https://fragmenthearted.tumblr.com/">🌙 blog</a>
  1677. </small></blockquote>
  1678.  
  1679.  
  1680.  
  1681. <h4>RELATIONSHIP</h4>
  1682.  
  1683.  
  1684.  
  1685. <img src="https://i.imgur.com/N0hCWsj.png" style="margin-top:20px; margin-left:10px; max-width:50px; " draggable="false"> Ignis Scientia
  1686.  
  1687. <blockquote><small>
  1688. <a href="/tagged/praeteritus-memories%2A">🌙 interaction</a>
  1689. <a href="/tagged/┊❦-❛-ᴏɴʟʏ-ʏᴏᴜ-ᴄᴀɴ-ɢɪᴠᴇ-ᴍᴇ-ᴛʜᴀᴛ-ғᴇᴇʟɪɴɢ-–-%5B-ɪɢɴɪs-%26-ʟᴜɴᴀғʀᴇʏᴀ-%5D.">🌙 ship tag</a>
  1690. <a href="/tagged/┊⚔-❛-ʟᴏʏᴀʟ-ᴀᴅᴠɪsᴏʀ-–-%5B-ɪɢɴɪs-sᴄɪᴇɴᴛɪᴀ-%5D.">🌙 gallery</a>
  1691. <a href="https://praeteritus-memories.tumblr.com/">🌙 blog</a>
  1692. </small></blockquote>
  1693.  
  1694.  
  1695.  
  1696. <img src="https://i.imgur.com/jdJxQde.png" style="margin-top:20px; margin-left:10px; max-width:50px; " draggable="false"> Aranea Highwind
  1697.  
  1698. <blockquote><small>
  1699. <a href="/tagged/dragoondive">🌙 interaction</a>
  1700. <a href="/tagged/┊❦-❛-ʏᴏᴜ%27ʀᴇ-ᴛʜᴇ-ʀɪsᴋ-ɪ%27ʟʟ-ᴀʟᴡᴀʏs-ᴛᴀᴋᴇ-–-%5B-ᴀʀᴀɴᴇᴀ-%26-ʟᴜɴᴀғʀᴇʏᴀ-%5D.">🌙 ship tag</a>
  1701. <a href="/tagged/┊✯-❛-ᴛʜᴇ-ᴅʀᴀɢᴏᴏɴ-–-%5B-ᴀʀᴀɴᴇᴀ-ʜɪɢʜᴡɪɴᴅ-%5D.">🌙 gallery</a>
  1702. <a href="https://dragoonxdive.tumblr.com/">🌙 blog</a>
  1703. </small></blockquote>
  1704.  
  1705.  
  1706.  
  1707. <img src="https://i.imgur.com/fPJOu9p.png" style="margin-top:20px; margin-left:10px; max-width:50px; " draggable="false"> Noctis Lucis Caelum
  1708.  
  1709. <blockquote><small>
  1710. <a href="/tagged/praeteritus+memories">🌙 interaction</a>
  1711. <a href="/">🌙 tag tbd</a>
  1712. <a href="/tagged/┊♡-❛-ᴋɪɴɢ-ᴏғ-ᴋɪɴɢs-–-%5B-ɴᴏᴄᴛɪs-ʟᴜᴄɪs-ᴄᴀᴇʟᴜᴍ-%5D.">🌙 gallery</a>
  1713. <a href="https://praeteritus-memories.tumblr.com/">🌙 blog</a>
  1714. </small></blockquote>
  1715.  
  1716.  
  1717. <h4>FRIENDSHIP</h4>
  1718.  
  1719.  
  1720.  
  1721. <img src="https://i.imgur.com/gfz1NpX.png" style="margin-top:20px; margin-left:10px; max-width:50px; " draggable="false"> Prompto Argentum
  1722.  
  1723. <blockquote><small>
  1724. <a href="/tagged/triggerxhappy">🌙 interaction</a>
  1725. <a href="/tagged/┊✨-❛-ᴛʀᴜᴇ-ғʀɪᴇɴᴅsʜɪᴘ-ɪs-sᴇʀᴇɴᴇ-–-%5B-ᴘʀᴏᴍᴘᴛᴏ-%26-ʟᴜɴᴀғʀᴇʏᴀ-%5D.">🌙 tag</a>
  1726. <a href="/tagged/┊📷-❛-ᴘʜᴏᴛᴏɢʀᴀᴘʜᴇʀ-%26-ɢᴜɴɴᴇʀ-–-%5B-ᴘʀᴏᴍᴘᴛᴏ-ᴀʀɢᴇɴᴛᴜᴍ-%5D.">🌙 gallery</a>
  1727. <a href="https://triggerxhappy.tumblr.com/">🌙 blog</a>
  1728. </small></blockquote>
  1729.  
  1730.  
  1731.  
  1732. <img src="https://i.imgur.com/d3JAt9F.png" style="margin-top:20px; margin-left:10px; max-width:50px; " draggable="false"> Ignis Scientia
  1733.  
  1734. <blockquote><small>
  1735. <a href="/tagged/totalxclarity">🌙 interaction</a>
  1736. <a href="/tagged/┊✨-❛-ᴀ-ғʀɪᴇɴᴅ-ᴛʜᴀᴛ’s-ᴀ-ʜɪᴅᴅᴇɴ-ᴛʀᴇᴀsᴜʀᴇ-–-%5B-ɪɢɴɪs-%26-ʟᴜɴᴀғʀᴇʏᴀ-%5D.">🌙 tag</a>
  1737. <a href="/tagged/┊⚔-❛-ʟᴏʏᴀʟ-ᴀᴅᴠɪsᴏʀ-–-%5B-ɪɢɴɪs-sᴄɪᴇɴᴛɪᴀ-%5D.">🌙 gallery</a>
  1738. <a href="https://totalxclarity.tumblr.com/">🌙 blog</a>
  1739. </small></blockquote>
  1740.  
  1741.  
  1742.  
  1743. <img src="https://i.imgur.com/nUILLsW.png" style="margin-top:20px; margin-left:10px; max-width:50px; " draggable="false"> Leon S. Kennedy
  1744.  
  1745. <blockquote><small>
  1746. <a href="/tagged/rpdrookie">🌙 interaction</a>
  1747. <a href="/tagged/┊✨-❛-ᴜɴᴛɪʟ-ᴛʜᴇ-ᴇɴᴅ-ʏᴏᴜ%27ʀᴇ-ᴍʏ-ғʀɪᴇɴᴅ-–-%5B-ʟᴇᴏɴ-%26-ʟᴜɴᴀғʀᴇʏᴀ-%5D.">🌙 tag</a>
  1748. <a href="/tagged/┊⭐️-❛-ʀᴏᴏᴋɪᴇ-ᴄᴏᴘ-–-%5B-ʟᴇᴏɴ-s-ᴋᴇɴɴᴇᴅʏ-%5D.">🌙 gallery</a>
  1749. <a href="https://rpdrookie.tumblr.com/">🌙 blog</a>
  1750. </small></blockquote>
  1751.  
  1752.  
  1753.  
  1754. <h4>ENEMY</h4>
  1755.  
  1756.  
  1757.  
  1758. <p> None</p>
  1759.  
  1760.  
  1761. <div class="extraspace">
  1762. </p>
  1763. <p>
  1764. </p>
  1765. <p>
  1766. </div>
  1767. <div class="extraspace">
  1768. </p>
  1769. <p>
  1770. </p>
  1771. <p>
  1772. </div>
  1773. <div class="extraspace">
  1774. </p>
  1775. <p>
  1776. </p>
  1777. <p>
  1778. </div>
  1779.  
  1780. </div>
  1781. </div>
  1782.  
  1783.  
  1784. </div>
  1785. </div></div>
  1786.  
  1787.  
  1788.  
  1789. <div id="sidebar">
  1790.  
  1791. <div id="sidebartext">
  1792.  
  1793. <h1 style="margin-top:14px;">* BLOGNAME !</h1>
  1794. <h3 style="margin-bottom:20px;"> theme by Whitley </h3>
  1795. <h4> this is a h4 </h4>
  1796. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  1797.  
  1798.  
  1799. <h4> you can put stuff in it </h4>
  1800.  
  1801.  
  1802. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
  1803.  
  1804. </p>
  1805.  
  1806.  
  1807. <h4>the sidebar scrolls </h4>
  1808. <p>Oh! and the sidebar goes to the max height of the page. As does the container.
  1809.  
  1810.  
  1811. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  1812.  
  1813. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  1814.  
  1815. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  1816.  
  1817. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  1818.  
  1819. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  1820.  
  1821. </p>
  1822.  
  1823. <div class="extraspace">
  1824. </p>
  1825. <p>
  1826. </p>
  1827. <p>
  1828. </div>
  1829. </div>
  1830. </div>
  1831. </center>
  1832. <div id="links">
  1833. <a id="refresh" href="/" title="refresh">✦</a>
  1834. <a id="nav" href="#?w=450" rel="navpage" class="poplight" title="navigate">✦</a>
  1835. {block:NextPage}<a id="pagef" href="{NextPage}" rel="navpage" class="poplight" title="forward">✦</a>{/block:NextPage}
  1836. {block:PreviousPage}<a id="pagep" href="{PreviousPage}" rel="navpage" class="poplight" title="previous">✦</a>{/block:PreviousPage}</div>
  1837.  
  1838.  
  1839. <div id="credit"><a href="http://imbicilite.tumblr.com/" title="theme by whitley">I.</a></div>
  1840. <div id=container>
  1841. <div id="entries">
  1842. {block:posts}
  1843.  
  1844. <div id="posts">
  1845. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1846.  
  1847.  
  1848. {block:Quote}<h2>“{Quote}” — {Source}</h2><br>{/block:Quote}
  1849.  
  1850. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  1851. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  1852.  
  1853. {block:Photo}<center><img src="{PhotoURL-400}"/></center>
  1854. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1855.  
  1856. {block:Photoset}<center>{Photoset-400}</center>
  1857. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1858.  
  1859. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  1860.  
  1861. {block:Video}<div id="video">{Video-400}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1862.  
  1863. {block:Answer}<div id="asker"><div class="shortpic"><h3><img class="right" src="{AskerPortraitURL-128}"><b>{Asker} inquired:</b> <small>{Question}</small></h3></div></div><div id="answer">{block:isOriginalEntry}<img class="left" src="{PortraitURL-128}"><b><h3><a href="{SourceURL}">{Name}</a> repsonded:</b></h3> {/block:isOriginalEntry} {Answer}</div>{/block:Answer}
  1864.  
  1865.  
  1866. {block:Audio} <div class="audiopic">{block:AlbumArt}
  1867. <img class="right" src="{AlbumArtURL}"></img>{/block:AlbumArt}{AudioPlayerBlack} <div class="musicinfo">{block:TrackName}
  1868. <i>{TrackName}</i>
  1869. {/block:TrackName}{block:Artist}
  1870. -<b> {Artist}</b>
  1871. {/block:Artist}<br> {block:PlayCount}Played <b>{PlayCount}</b> Times{/block:PlayCount} <br></div></div>
  1872. {block:Caption}{Caption}{/block:Caption} {/block:Audio}
  1873.  
  1874. <center><div id="info"><div id="info1"> <a href="{Permalink}" title="{TimeAgo} - {NoteCountwithlabel}"><span class="fa fa-link"></span> </a> </div>
  1875. <div id="info2"> <a href="{ReblogURL}" title="reblog"> <span class="fa fa-retweet"></span> </a> </div>
  1876. <div id="info3"> {block:RebloggedFrom}<a title="↺ {ReblogParentName}" href="{ReblogParentURL}" > <span class="fa fa-history"></span> </a>{/block:RebloggedFrom} </div>
  1877. <div id="info4"> {block:ContentSource}
  1878. <a title="src. {SourceTitle}" href="{SourceURL}" target="_blank" title="{SourceTitle}"> <span class="fa fa-rss"></span> </a>
  1879. {/block:ContentSource}</div></center><p>
  1880.  
  1881. <center><div class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a> {/block:Tags}{/block:HasTags}
  1882. <br /></div></div>
  1883.  
  1884. {/block:Posts}
  1885.  
  1886. {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
  1887. </div>
  1888. </div></div>
  1889.  
  1890. </body>
  1891.  
  1892. </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!