API tools faq
paste
littlemisswhoever

Theme: copiesofher

littlemisswhoever
May 8th, 2021
116
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 92.34 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!-- (BASE) THEME BY SAE (INIZIARE) -->
  4.  
  5.  
  6.  
  7. <head>
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}" />
  13. {/block:Description}
  14. </head>
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21. <!-- SCRIPT: JQUERY -->
  22.  
  23. <script src="https://static.tumblr.com/gjexvml/cszpz4vyd/jquery-3.4.1.min.js"></script>
  24.  
  25.  
  26.  
  27.  
  28. <!-- SCRIPT: TOOLTIP -->
  29.  
  30. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  31. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  32. <script>
  33. (function($){
  34. $(document).ready(function(){
  35. $("[title],a[title],img[title]").style_my_tooltips({
  36. tip_follows_cursor:true,
  37. tip_delay_time:90,
  38. tip_fade_speed:600,
  39. attribute:"title"
  40. });
  41. });
  42. })(jQuery);
  43. </script>
  44.  
  45.  
  46.  
  47.  
  48.  
  49. <!-- SCRIPT: NAVIGATION TABS -->
  50.  
  51. <script>
  52. function openNavi(naviName) {
  53. var i;
  54. var x = document.getElementsByClassName("navi");
  55. for (i = 0; i < x.length; i++) {
  56. x[i].style.display = "none";
  57. }
  58. document.getElementById(naviName).style.display = "block";
  59. }
  60. </script>
  61.  
  62.  
  63.  
  64. <script>
  65. function openMuse(museName) {
  66. var i;
  67. var x = document.getElementsByClassName("muse");
  68. for (i = 0; i < x.length; i++) {
  69. x[i].style.display = "none";
  70. }
  71. document.getElementById(museName).style.display = "block";
  72. }
  73. </script>
  74.  
  75.  
  76.  
  77.  
  78.  
  79.  
  80. <!-- SCRIPT: NAVIGATION TABS -->
  81.  
  82.  
  83. <script>
  84. function openPage(pageName) {
  85. var i;
  86. var x = document.getElementsByClassName("page");
  87. for (i = 0; i < x.length; i++) {
  88. x[i].style.display = "none";
  89. }
  90. document.getElementById(pageName).style.display = "block";
  91. }
  92.  
  93. </script>
  94.  
  95.  
  96.  
  97.  
  98. <!-- SCRIPT: CLICK MENU #3 -->
  99.  
  100. <script>
  101. $(document).ready(function(){
  102. jQuery('.dropbtn3').click( function() {
  103. $(this).next('.dropdown-content3').fadeToggle();
  104. return false;
  105. });
  106. });
  107. </script>
  108.  
  109.  
  110.  
  111.  
  112. <!-- SCRIPT: CLICK MENU -->
  113.  
  114. <script>
  115. $(document).ready(function(){
  116. jQuery('.dropbtn').click( function() {
  117. $(this).next('.dropdown-content').fadeToggle();
  118. return false;
  119. });
  120. });
  121. </script>
  122.  
  123.  
  124.  
  125.  
  126. <!-- SCRIPT: AUDIO PLAYER -->
  127.  
  128. <script>
  129. $(document).ready(function() {
  130. $('iframe.tumblr_audio_player').load( function() {
  131. $('iframe.tumblr_audio_player').contents().find("head")
  132. .append($("<style type='text/css'> .audio-player{background:transparent!important; color:{color:bold}!important;} </style>"));
  133. });
  134. });
  135. </script>
  136.  
  137.  
  138.  
  139.  
  140.  
  141. <!-- SCRIPT: POPUP TABS -->
  142.  
  143. <script>$(document).ready(function(){
  144. $("ul#tabs li").click(function(e){
  145. if (!$(this).hasClass("active")) {
  146. var tabNum = $(this).index();
  147. var nthChild = tabNum+1;
  148. $("ul#tabs li.active").removeClass("active");
  149. $(this).addClass("active");
  150. $("ul#tab li.active").removeClass("active");
  151. $("ul#tab li:nth-child("+nthChild+")").addClass("active");}});});</script>
  152.  
  153.  
  154.  
  155.  
  156.  
  157.  
  158. <!-- SCRIPT: TOGGLE -->
  159.  
  160. <script>
  161. $(document).ready(function(){
  162. $(".nlinksbutton").click(function(){
  163. $(".nlinkscontent").toggle();
  164. });
  165. });
  166. </script>
  167.  
  168. <script>
  169. $(document).ready(function(){
  170. $(".nlinksbutton1").click(function(){
  171. $(".nlinkscontent1").toggle();
  172. });
  173. });
  174. </script>
  175.  
  176. <script>
  177. $(document).ready(function(){
  178. $(".nlinksbutton2").click(function(){
  179. $(".nlinkscontent2").toggle();
  180. });
  181. });
  182. </script>
  183.  
  184. <script>
  185. $(document).ready(function(){
  186. $(".nlinksbutton3").click(function(){
  187. $(".nlinkscontent3").toggle();
  188. });
  189. });
  190. </script>
  191.  
  192.  
  193.  
  194.  
  195.  
  196.  
  197. <script>
  198.  
  199. jQuery(document).ready(function($){
  200.  
  201.  
  202. let themeName = localStorage.getItem('theme');
  203.  
  204. switch(themeName) {
  205. case 'Anne':
  206. setAnneTheme()
  207. break;
  208. case 'Carwen':
  209. setCarwenTheme()
  210. break;
  211. case 'Antoinetta':
  212. setAntoinettaTheme()
  213. break;
  214. case 'Methredhel':
  215. setMethredhelTheme()
  216. break;
  217. case 'Mattie':
  218. setMattieTheme()
  219. break;
  220. case 'Clara':
  221. setClaraTheme()
  222. break;
  223. case 'Logan':
  224. setLoganTheme()
  225. break;
  226.  
  227. default:
  228. setAnneTheme()
  229. }
  230.  
  231.  
  232.  
  233. $('.Anne').on({
  234. 'click': function() {
  235. setAnneTheme()
  236. }
  237. });
  238.  
  239. $('.Carwen').on({
  240. 'click': function() {
  241. setCarwenTheme()
  242. }
  243. });
  244.  
  245. $('.Antoinetta').on({
  246. 'click': function() {
  247. setAntoinettaTheme()
  248. }
  249. });
  250.  
  251. $('.Methredhel').on({
  252. 'click': function() {
  253. setMethredhelTheme()
  254. }
  255. });
  256.  
  257. $('.Mattie').on({
  258. 'click': function() {
  259. setMattieTheme()
  260. }
  261. });
  262.  
  263. $('.Clara').on({
  264. 'click': function() {
  265. setClaraTheme()
  266. }
  267. });
  268.  
  269. $('.Logan').on({
  270. 'click': function() {
  271. setLoganTheme()
  272. }
  273. });
  274.  
  275.  
  276.  
  277.  
  278.  
  279. function setAnneTheme() {
  280. console.log("Anne")
  281. $('.rightimg1').attr('src','https://i.imgur.com/ooZT7PB.png');
  282. $('.rightimg2').attr('src','https://i.imgur.com/gqBfCGR.png');
  283. $('.leftimg').attr('src','https://i.imgur.com/pntalgV.png');
  284. $("body").css('background-image', 'url(https://i.imgur.com/ma18sCd.png');
  285.  
  286. localStorage.setItem('theme', 'Anne')
  287. }
  288.  
  289.  
  290. function setCarwenTheme() {
  291. console.log("Carwen")
  292. $('.rightimg1').attr('src','https://i.imgur.com/9gM4ZdS.png');
  293. $('.rightimg2').attr('src','https://i.imgur.com/7b5Uk7Y.png');
  294. $('.leftimg').attr('src','https://i.imgur.com/PPPGFUi.png');
  295. $("body").css('background-image', 'url(https://i.imgur.com/h3VHIL3.png');
  296.  
  297. localStorage.setItem('theme', 'Carwen')
  298. }
  299.  
  300.  
  301. function setAntoinettaTheme() {
  302. console.log("Antoinetta")
  303. $('.rightimg1').attr('src','https://i.imgur.com/oBwIUYY.png');
  304. $('.rightimg2').attr('src','https://i.imgur.com/14ZPELc.png');
  305. $('.leftimg').attr('src','https://i.imgur.com/b0Fru2b.png');
  306. $("body").css('background-image', 'url(https://i.imgur.com/BsbigGH.png');
  307.  
  308. localStorage.setItem('theme', 'Antoinetta')
  309. }
  310.  
  311.  
  312. function setMethredhelTheme() {
  313. console.log("Methredhelt")
  314. $('.rightimg1').attr('src','https://i.imgur.com/vB0icTz.png');
  315. $('.rightimg2').attr('src','https://i.imgur.com/O8P5jTP.png');
  316. $('.leftimg').attr('src','https://i.imgur.com/mAg2U2V.png');
  317. $("body").css('background-image', 'url(https://i.imgur.com/HnP1PoQ.png');
  318.  
  319. localStorage.setItem('theme', 'Methredhel')
  320. }
  321.  
  322.  
  323. function setMattieTheme() {
  324. console.log("Mattie")
  325. $('.rightimg1').attr('src','https://i.imgur.com/6xN0zOC.png');
  326. $('.rightimg2').attr('src','https://i.imgur.com/96gXHYe.png');
  327. $('.leftimg').attr('src','https://i.imgur.com/kHqbMEc.png');
  328. $("body").css('background-image', 'url(https://i.imgur.com/6Se5zKv.png');
  329.  
  330. localStorage.setItem('theme', 'Mattie')
  331. }
  332.  
  333.  
  334. function setClaraTheme() {
  335. console.log("Clara")
  336. $('.rightimg1').attr('src','https://i.imgur.com/jBbVfGc.png');
  337. $('.rightimg2').attr('src','https://i.imgur.com/GJe918w.png');
  338. $('.leftimg').attr('src','https://i.imgur.com/G0BUgWN.png');
  339. $("body").css('background-image', 'url(https://i.imgur.com/s9wOYFv.png');
  340.  
  341. localStorage.setItem('theme', 'Clara')
  342. }
  343.  
  344.  
  345. function setLoganTheme() {
  346. console.log("Logan")
  347. $('.rightimg1').attr('src','https://i.imgur.com/jDCTiPV.png');
  348. $('.rightimg2').attr('src','https://i.imgur.com/mABhR92.png');
  349. $('.leftimg').attr('src','https://i.imgur.com/QiRrizn.png');
  350. $("body").css('background-image', 'url(https://i.imgur.com/UMzmG2h.png');
  351.  
  352. localStorage.setItem('theme', 'Logan')
  353. }
  354.  
  355.  
  356. });
  357.  
  358. </script>
  359.  
  360.  
  361.  
  362.  
  363.  
  364.  
  365.  
  366.  
  367. <!-- CUSTOM FONTS -->
  368.  
  369. <link href="https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre" rel="stylesheet">
  370.  
  371. <link rel="stylesheet" href="https://static.tumblr.com/gjexvml/yTwpxxahr/stylesheet.css">
  372.  
  373. <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@500&display=swap" rel="stylesheet">
  374.  
  375. <link href="https://fonts.googleapis.com/css2?family=Space+Mono&display=swap" rel="stylesheet">
  376.  
  377.  
  378.  
  379.  
  380.  
  381. <!-- META LINES -->
  382.  
  383. <meta name="image:Sidebar1" content=""/>
  384. <meta name="image:Sidebar2" content=""/>
  385. <meta name="image:Sidebar3" content=""/>
  386.  
  387. <meta name="color:Background" content="#000000"/>
  388. <meta name="color:Border" content="#151515"/>
  389. <meta name="color:Text" content="#c6c6c6"/>
  390. <meta name="color:Title" content="#000000"/>
  391. <meta name="color:Title Shadow" content="{color:border}"/>
  392. <meta name="color:Links" content=""/>
  393. <meta name="color:Links Hover" content=""/>
  394. <meta name="color:Bold" content="#555555"/>
  395. <meta name="color:Headers" content ="#555555"/>
  396. <meta name="color:Italic" content="#ffffff"/>
  397. <meta name="color:Links" content="#ffffff"/>
  398.  
  399. <meta name="color:Top Title" content=""/>
  400. <meta name="color:Top Title border" content=""/>
  401.  
  402.  
  403.  
  404.  
  405.  
  406.  
  407. <style type="text/css">
  408.  
  409.  
  410.  
  411. .iframe-controls-container.iframe-controls-container--praeludio .iframe-controls-background {
  412. background-color: transparent!important;
  413. }
  414.  
  415.  
  416.  
  417.  
  418. /* SCROLLBAR */
  419.  
  420.  
  421. ::-webkit-scrollbar {
  422. scrollbar-width: none;
  423. background-color:transparent;
  424. height: 0px;
  425. display:none;
  426. width: 0px
  427. -ms-overflow-style: none; // IE 10+
  428. overflow: -moz-scrollbars-none; // Firefox
  429. }
  430.  
  431.  
  432. ::-webkit-scrollbar-thumb {
  433. background-color:transparent;
  434. }
  435.  
  436.  
  437.  
  438.  
  439. .tooltip {
  440. display:inline;
  441. position:relative;
  442. }
  443.  
  444.  
  445. #s-m-t-tooltip {
  446. max-width:250px;
  447. line-height:13px;
  448. margin-left:12.5px;
  449. margin-top:12.5px;
  450. font-weight:bold;
  451. background-color:{color:background};
  452. border:1px solid {color:border};
  453. padding-left:25px;
  454. padding-right:25px;
  455. padding-top:12px;
  456. padding-bottom:12px;
  457. font-family:calibri;
  458. font-size:8.5px;
  459. letter-spacing:0.3px;
  460. text-transform:uppercase;
  461. font-family: calibri, sans-serif;
  462. font-weight:bold!important;
  463. color:;
  464. text-shadow: 0px 0px 1px {color:bold};
  465. color: {color:italic};
  466. text-transform:uppercase;
  467. text-shadow: 0px 0px 1px {color:italic};
  468. }
  469.  
  470.  
  471.  
  472.  
  473.  
  474.  
  475. /* TOOLTIP */
  476.  
  477.  
  478. #s-m-t-tooltip {
  479. z-index:9999999999999999999999!important;
  480. }
  481.  
  482.  
  483. .tmblr-iframe-pushdown {
  484. padding-top: 0px!important;
  485. }
  486.  
  487.  
  488.  
  489.  
  490. /* FOUNDATION */
  491.  
  492.  
  493. body {
  494. background-image:url({image:background});
  495. background-attachment:fixed;
  496. background-repeat:no-repeat;
  497. background-position:top left;
  498. background-color:{color:background};
  499. font-family: 'Frank Ruhl Libre';
  500. font-size:10px;
  501. line-height:12px;
  502. color:{color:text};
  503. }
  504.  
  505.  
  506. body a {
  507. text-transform:uppercase;
  508. text-decoration:none!important;
  509. font-family:calibri;
  510. font-weight:bold!important;
  511. color:{color:text};
  512. -moz-transition-duration:1.5s;
  513. -webkit-transition-duration:1.5s;
  514. -o-transition-duration:1.5s;
  515. }
  516.  
  517.  
  518. body a:hover {
  519. color:{color:links hover}!important;
  520. text-shadow: 0px 0px 1px {color:links hover};
  521. -moz-transition-duration:1.5s;
  522. -webkit-transition-duration:1.5s;
  523. -o-transition-duration:1.5s;
  524. }
  525.  
  526.  
  527.  
  528.  
  529.  
  530.  
  531. /* FONT-RELATED */
  532.  
  533.  
  534. b, bold, strong {
  535. font-size:8.5px;
  536. letter-spacing:0.3px;
  537. text-transform:uppercase;
  538. font-family: calibri, sans-serif;
  539. font-weight:bold!important;
  540. color:{color:bold};
  541. text-shadow: 0px 0px 1px {color:bold};
  542. }
  543.  
  544.  
  545. b i, bold i {
  546. color:{color:bold}!important;
  547. text-shadow: 0px 0px 1px {color:bold};
  548. }
  549.  
  550.  
  551. em, i, italic {
  552. font-style:normal!important;
  553. font-size:8.5px;
  554. letter-spacing:0.3px;
  555. text-transform:uppercase;
  556. font-family: calibri, sans-serif;
  557. font-weight:bold!important;
  558. color:{color:italic}!important;
  559. text-shadow: 0px 0px 1px {color:italic};
  560. }
  561.  
  562.  
  563. small {
  564. font-size:10px;
  565. }
  566.  
  567.  
  568. sub, sup {
  569. font-size:10px;
  570. vertical-align: baseline!important;
  571. position: relative!important;
  572. top: 0em!important;
  573. line-height:13px;
  574. }
  575.  
  576.  
  577. big {
  578. font-size:125%;
  579. }
  580.  
  581.  
  582. ul, ol {
  583. padding:0px;
  584. margin-left:13px;
  585. }
  586.  
  587.  
  588. li {
  589. padding-left: 0px;
  590. }
  591.  
  592.  
  593. u, u a {
  594. background-color: #000000;
  595. outline: 1px solid {color:border};
  596. font-family:'Frank Ruhl Libre', serif;
  597. color:#000000!important;
  598. text-decoration:none!important;
  599. font-style:normal!important;
  600. font-weight:bold!important;
  601. text-transform:uppercase!important;
  602. float:left;
  603. margin-top:1px;
  604. margin-left:1px;
  605. height:60px;
  606. width:60px;
  607. font-size: 48px;
  608. margin-right: 13px;
  609. position: relative;
  610. text-align: center;
  611. vertical-align: middle;
  612. line-height: 60px;
  613. text-shadow:
  614. -1px -1px 0 {color:border},
  615. 1px -1px 0 {color:border},
  616. -1px 1px 0 {color:border},
  617. 1px 1px 0 {color:border};
  618. }
  619.  
  620.  
  621. pre, content2 pre {
  622. overflow: auto;
  623. position:relative;
  624. z-index:15;
  625. background-color: {color:background};
  626. outline:1px solid {color:border};
  627. margin-left:1px;
  628. margin-right:1px;
  629. font-weight:bold;
  630. padding-left:25px;
  631. padding-right:25px;
  632. margin-top:1px!important;
  633. margin-bottom:12px!important;
  634. font-family:monospace;
  635. letter-spacing:0.75px;
  636. word-spacing:0px!important;
  637. font-size:8.4px;
  638. text-shadow: 0px 0px 1px {color:headers};
  639. text-transform:uppercase;
  640. text-align:left;
  641. padding-top:8px;
  642. padding-bottom:8px;
  643. text-align:justify;
  644. outline:1px solid {color:border};
  645. white-space: pre-wrap;
  646. white-space: -moz-pre-wrap;
  647. white-space: -pre-wrap;
  648. white-space: -o-pre-wrap;
  649. word-wrap: break-word;
  650. }
  651.  
  652.  
  653. pre b, pre strong {
  654. color:{color:body text}!important;
  655. font-family:monospace!important;
  656. font-weight:bold!important;
  657. letter-spacing:0.75px;
  658. margin-top:0px!important;
  659. font-size:8.4px;
  660. word-wrap: break-word;
  661. white-space: pre-wrap;
  662. white-space: -moz-pre-wrap;
  663. white-space: -pre-wrap;
  664. white-space: -o-pre-wrap;
  665. word-wrap: break-word;
  666. text-shadow: 0px 0px 1px {color:body text};
  667. -moz-transition-duration:1.5s;
  668. -webkit-transition-duration:1.5s;
  669. -o-transition-duration:1.5s;
  670. }
  671.  
  672.  
  673. pre a {
  674. font-family:monospace!important;
  675. font-weight:lighter!important;
  676. letter-spacing:0.5px;
  677. margin-top:0px!important;
  678. font-size:8.4px;
  679. word-wrap: break-word;
  680. white-space: pre-wrap;
  681. white-space: -moz-pre-wrap;
  682. white-space: -pre-wrap;
  683. white-space: -o-pre-wrap;
  684. word-wrap: break-word;
  685. color:{color:links};
  686. -moz-transition-duration:1.5s;
  687. -webkit-transition-duration:1.5s;
  688. -o-transition-duration:1.5s;
  689. }
  690.  
  691.  
  692.  
  693. /* HEADERS */
  694.  
  695.  
  696. h1 {
  697. outline: 1px solid {color:border};
  698. background-color:{color:background};
  699. overflow:hidden;
  700. margin-left:1px;
  701. margin-right:1px;
  702. margin-bottom:12px;
  703. padding-left:25px;
  704. padding-right:25px;
  705. height:25px;
  706. line-height:25px;
  707. text-align:left!important;
  708. font-family:calibri;
  709. font-weight:bold;
  710. font-size:9.6px!important;
  711. text-transform:uppercase;
  712. color:{color:bold}!important;
  713. text-shadow: 0px 0px 1px {color:bold};
  714. }
  715.  
  716.  
  717. h1 a {
  718. color: {color:links};
  719. font-size:10px!important;
  720. text-shadow: 0px 0px 1px {color:links};
  721. }
  722.  
  723.  
  724. h2 {
  725. line-height:16px;
  726. padding-left:25px;
  727. padding-right:25px;
  728. margin-bottom:12px;
  729. margin-left:1px;
  730. margin-right:1px;
  731. font-size:8.5px;
  732. padding-top:12px;
  733. padding-bottom:12px;
  734. letter-spacing:0.3px;
  735. text-transform:uppercase;
  736. font-family: calibri, sans-serif;
  737. outline:1px solid {color:border};
  738. font-weight:bold!important;
  739. text-align:left;
  740. text-shadow: 0px 0px 1px {color:text};
  741. }
  742.  
  743.  
  744. h2 a {
  745. font-family: calibri, sans-serif;
  746. text-transform:uppercase!important;
  747. color:{color:links};
  748. letter-spacing:-0.4px;
  749. text-shadow: 0px 0px 1px {color:links};
  750. }
  751.  
  752.  
  753. h4 {
  754. outline:1px solid {color:border};
  755. margin-left:1px;
  756. margin-right:1px;
  757. margin-bottom:12px;
  758. margin-top:12px;
  759. padding-left:25px;
  760. padding-right:25px;
  761. height:25px;
  762. text-align:left;
  763. font-family:monospace;
  764. letter-spacing:0.6px;
  765. font-size:8.4px;
  766. font-style:normal;
  767. font-weight:bold;
  768. line-height:25px;
  769. color:{color:body text};
  770. text-transform:uppercase;
  771. text-shadow: 0px 0px 1px {color:headers};
  772. }
  773.  
  774.  
  775. h4:first-child {
  776. margin-top:1px;
  777. }
  778.  
  779.  
  780. h4 a {
  781. font-family:calibri;
  782. font-style:normal;
  783. font-weight:700;
  784. font-size:10px;
  785. line-height:10px;
  786. color: {color:links};
  787. text-shadow: 0px 0px 1px {color:links};
  788. }
  789.  
  790.  
  791.  
  792. hr {
  793. height:12px;
  794. outline:1px solid {color:border}!important;
  795. border:none!important;
  796. margin-top:18px;
  797. margin-bottom:18px!important;
  798. margin-left:1px;
  799. margin-right:1px;
  800. }
  801.  
  802.  
  803.  
  804.  
  805.  
  806. /* BLOCKQUOTES */
  807.  
  808.  
  809. blockquote {
  810. padding-left:25px;
  811. padding-right:25px;
  812. padding-top:12px;
  813. padding-bottom:12px;
  814. margin-top:12px;
  815. margin-bottom:12px;
  816. text-align:justify;
  817. margin-left:1px;
  818. margin-right:1px;
  819. outline:1px solid {color:border};
  820. word-wrap: break-word!important;
  821. }
  822.  
  823.  
  824. blockquote blockquote {
  825. outline:0px solid {color:border};
  826. border-left:1px solid {color:border}!important;
  827. border-top:0px!important;
  828. border-bottom:0px!important;
  829. border-right:0px!important;
  830. padding-top:0px!important;
  831. padding-bottom:0px!important;
  832. padding-left:25px;
  833. padding-right:0px;
  834. margin-top:12px!important;
  835. margin-bottom:0px!important;
  836. margin-left:0px;
  837. }
  838.  
  839.  
  840.  
  841.  
  842.  
  843.  
  844. /* CONTAINER */
  845.  
  846.  
  847. #container {
  848. position:absolute;
  849. left:150px;
  850. height:470px;
  851. width:1050px;
  852. margin-top:120px;
  853. outline:1px solid {color:border};
  854. padding:25px;
  855. background:rgba(0,0,0,.95);
  856. -webkit-box-shadow: 0px 0px 100px 30px {color:background};
  857. -moz-box-shadow: 0px 0px 100px 30px {color:background};
  858. box-shadow: 0px 0px 100px 30px {color:background};
  859. }
  860.  
  861.  
  862. #containertitle {
  863. z-index:9999999!important;
  864. position:absolute;
  865. font-family: 'janeaustennosecret';
  866. color:#000;
  867. font-weight:lighter!important;
  868. font-size:115px;
  869. width:1050px;
  870. margin-left:2px;
  871. margin-top:-25px;
  872. line-height:14px;
  873. letter-spacing:-6px;
  874. word-spacing:-1px;
  875. text-align:center!important;
  876. padding-left:0px;
  877. pointer-events:none;
  878. background-color:transparent;
  879. text-shadow:
  880. -1px -1px 0 {color:border},
  881. 1px -1px 0 {color:border},
  882. -1px 1px 0 {color:border},
  883. 1px 1px 0 {color:border};
  884. }
  885.  
  886.  
  887.  
  888.  
  889.  
  890.  
  891.  
  892.  
  893. /* SIDE */
  894.  
  895.  
  896. #side {
  897. position:absolute;
  898. margin-top:26px!important;
  899. left:284px;
  900. height:120px;
  901. width:231px;
  902. }
  903.  
  904.  
  905.  
  906.  
  907.  
  908.  
  909. /* SIDE LEFT */
  910.  
  911.  
  912. #left {
  913. position:absolute;
  914. left:26px;
  915. top:26px!important;
  916. height:240px;
  917. width:231px;
  918. }
  919.  
  920.  
  921. #leftboxheader {
  922. font-family:calibri, sans-serif;
  923. text-transform:uppercase;
  924. font-weight:bold;
  925. text-align:center;
  926. outline:1px solid {color:border};
  927. padding-left:25px;
  928. padding-right:25px;
  929. height:25px;
  930. color:{color:bold}!important;
  931. line-height:25px;
  932. overflow:hidden;
  933. text-shadow: 0px 0px 1px {color:bold};
  934. }
  935.  
  936.  
  937. #leftbox {
  938. position:absolute;
  939. margin-top:1px!important;
  940. height:241px;
  941. width:231px;
  942. box-sizing:border-box;
  943. border-top:25px solid {color:background};
  944. border-bottom:25px solid {color:background};
  945. padding-left:25px;
  946. padding-right:25px;
  947. text-align:justify;
  948. outline:1px solid {color:border};
  949. overflow-x:hidden;
  950. overflow-y:hidden;
  951. background:rgba(0,0,0,.75);
  952. }
  953.  
  954.  
  955. #leftbox b, bold, strong {
  956. font-size:8.8px;
  957. }
  958.  
  959.  
  960. .leftimg {
  961. position:absolute;
  962. position:relative;
  963. background-image:url('{Sidebar}');
  964. margin-top:269px!important;
  965. left:0px;
  966. height:120px;
  967. width:231px;
  968. outline:1px solid {color:border};
  969. overflow:hidden;
  970. pointer-events:none;
  971. }
  972.  
  973.  
  974.  
  975.  
  976.  
  977.  
  978. /* SIDE RIGHT */
  979.  
  980.  
  981. .rightimg1 {
  982. background-image:url('{Sidebar}');
  983. margin-top:-25px!important;
  984. height:120px;
  985. width:231px;
  986. outline:1px solid {color:border};
  987. overflow:hidden;
  988. pointer-events:none;
  989. }
  990.  
  991.  
  992. .rightimg2 {
  993. background-image:url('{Sidebar}');
  994. margin-top:24px!important;
  995. left:0px;
  996. height:120px;
  997. width:231px;
  998. outline:1px solid {color:border};
  999. overflow:hidden;
  1000. pointer-events:none;
  1001. }
  1002.  
  1003.  
  1004. #rightboxheader {
  1005. position:relative;
  1006. box-sizing:border-box;
  1007. margin-top:50px!important;
  1008. height:120px;
  1009. width:231px;
  1010. font-family:calibri;
  1011. text-transform:uppercase;
  1012. font-weight:bold;
  1013. text-align:center;
  1014. border:1px solid {color:border};
  1015. padding-left:25px;
  1016. padding-right:25px;
  1017. height:25px;
  1018. line-height:25px;
  1019. text-shadow: 0px 0px 1px {color:text};
  1020. }
  1021.  
  1022.  
  1023. #rightbox {
  1024. position:relative;
  1025. box-sizing:border-box;
  1026. margin-top:0px!important;
  1027. height:95px;
  1028. width:231px;
  1029. outline:1px solid {color:border};
  1030. overflow:hidden;
  1031. text-align:justify;
  1032. border-top:24px solid {color:background};
  1033. border-bottom:24px solid {color:background};
  1034. padding-left:25px;
  1035. padding-right:25px;
  1036. overflow-x:hidden;
  1037. overflow-y:hidden;
  1038. background-color:{color:background};
  1039. }
  1040.  
  1041.  
  1042. #rightbox a {
  1043. font-size:8.5px;
  1044. letter-spacing:0.3px;
  1045. text-transform:uppercase;
  1046. font-family: calibri, sans-serif;
  1047. font-weight:bold!important;
  1048. margin-right:0px;
  1049. margin-top:0px!important;
  1050. color:{color:links};
  1051. text-shadow: 0px 0px 1px {color:links};
  1052. -moz-transition-duration:1.5s;
  1053. -webkit-transition-duration:1.5s;
  1054. -o-transition-duration:1.5s;
  1055. }
  1056.  
  1057.  
  1058.  
  1059.  
  1060.  
  1061.  
  1062. /* NAVIGATION BAR */
  1063.  
  1064.  
  1065. #bottombar {
  1066. position:absolute;
  1067. width:489px;
  1068. height:27px;
  1069. top:467px;
  1070. margin-left:1px;
  1071. line-height:25px;
  1072. overflow:hidden;
  1073. outline:1px solid {color:border};
  1074. }
  1075.  
  1076.  
  1077. #bottombar button {
  1078. box-sizing:border-box;
  1079. font-family:calibri;
  1080. text-transform:uppercase;
  1081. font-weight:bold;
  1082. display:block;
  1083. float:left;
  1084. font-size:9.6px;
  1085. width:125px!important;
  1086. outline:0px solid {color:border};
  1087. border-left:1px solid {color:border};
  1088. border-right:1px solid {color:border};
  1089. border-top:0px;
  1090. border-bottom:0px;
  1091. height:25px;
  1092. line-height:25px;
  1093. text-align:center;
  1094. margin-top:1px;
  1095. margin-left:-1px;
  1096. color:#303030!important;
  1097. background:rgba(0,0,0,.9);
  1098. text-shadow: 0px 0px 1px #424242;
  1099. }
  1100.  
  1101.  
  1102. #bottombar button:first-of-type {
  1103. width:125px!important;
  1104. }
  1105.  
  1106.  
  1107. #bottombar a {
  1108. box-sizing:border-box;
  1109. font-family:calibri;
  1110. text-transform:uppercase;
  1111. font-weight:bold;
  1112. display:block;
  1113. float:left;
  1114. font-size:9.6px;
  1115. width:125px!important;
  1116. border-right:0px solid {color:border};
  1117. border-left:0px;
  1118. border-top:0px;
  1119. border-bottom:0px;
  1120. height:25px;
  1121. line-height:25px;
  1122. text-align:center;
  1123. margin-top:1px;
  1124. margin-left:1px;
  1125. color:#303030!important;
  1126. background:rgba(0,0,0,.9);
  1127. text-shadow: 0px 0px 1px #424242;
  1128. }
  1129.  
  1130.  
  1131.  
  1132.  
  1133.  
  1134. /* NAVIGATION LIST */
  1135.  
  1136.  
  1137. .nlist {
  1138. position:absolute;
  1139. overflow-x:hidden;
  1140. overflow-y:scroll;
  1141. scrollbar-width: none;
  1142. z-index:150!important;
  1143. left:434px;
  1144. margin-top:440px;
  1145. height:120px;
  1146. width:235px;
  1147. max-width:231px;
  1148. background-color:{color:background};
  1149. overflow-y:scroll;
  1150. padding-left:0px;
  1151. padding-right:0px;
  1152. outline:1px solid {color:border}!important;
  1153. }
  1154.  
  1155.  
  1156. .nlist::-webkit-scrollbar {
  1157. width: 12px;
  1158. border-left:1px solid {color:border};
  1159. }
  1160.  
  1161.  
  1162. .nlist::-webkit-scrollbar-track {
  1163. background-color:transparent;
  1164. border-left:1px solid {color:border};
  1165. }
  1166.  
  1167.  
  1168. .nlist::-webkit-scrollbar-thumb {
  1169. color:{color:background};
  1170. border-top:1px solid {color:border};
  1171. border-bottom:1px solid {color:border};
  1172. }
  1173.  
  1174.  
  1175. .nlinks {
  1176. margin-top:-1px;
  1177. padding-left:0px!important;
  1178. width:275px;
  1179. background-color:{color:background};
  1180. }
  1181.  
  1182.  
  1183. .nlinks a, .nlinks li {
  1184. display:inline-block;
  1185. box-sizing: border-box;
  1186. border-top:1px solid {color:border};
  1187. border-right:1px solid {color:border};
  1188. text-align:center!important;
  1189. margin-left:-1px;
  1190. margin-top:-1px!important;
  1191. width:118px;
  1192. height:32.9px!important;
  1193. line-height:32.9px!important;
  1194. overflow:hidden;
  1195. padding-left:25px;
  1196. padding-right:25px;
  1197. margin-left:-1px;
  1198. font-family:calibri;
  1199. font-style:normal;
  1200. font-weight:bold!important;
  1201. margin-right:0px;
  1202. margin-bottom:-3px;
  1203. font-size:9.6px;
  1204. letter-spacing:0px;
  1205. color:#424242;
  1206. text-shadow: 0px 0px 1px #303030!important;
  1207. text-transform:uppercase;
  1208. cursor:pointer;
  1209. -moz-transition-duration:1.5s;
  1210. -webkit-transition-duration:1.5s;
  1211. -o-transition-duration:1.5s;
  1212. }
  1213.  
  1214.  
  1215. .nlinks li:hover, .nlinks a:hover, .nlinks li:nth-of-type(even):hover {
  1216. color:#fff!important;
  1217. text-shadow: 0px 0px 1px {color:links};
  1218. -moz-transition-duration:1.5s;
  1219. -webkit-transition-duration:1.5s;
  1220. -o-transition-duration:1.5s;
  1221. }
  1222.  
  1223.  
  1224. .nlinksbutton, .nlinksbutton1, .nlinksbutton2, .nlinksbutton3 {
  1225. display:inline-block;
  1226. box-sizing: border-box;
  1227. border-top:1px solid {color:border};
  1228. border-bottom:1px solid {color:border};
  1229. background-color:{color:background};
  1230. width:230px;
  1231. overflow:hidden;
  1232. height:33px;
  1233. line-height:33px;
  1234. padding-left:25px;
  1235. padding-right:25px;
  1236. text-align:center;
  1237. font-size:8.5px;
  1238. letter-spacing:0.3px;
  1239. text-transform:uppercase;
  1240. font-family: calibri, sans-serif;
  1241. font-weight:bold!important;
  1242. margin-right:0px;
  1243. margin-top:-1px!important;
  1244. color:{color:links};
  1245. text-shadow: 0px 0px 1px {color:links};
  1246. margin-right:0px;
  1247. margin-bottom:-3px;
  1248. cursor:pointer;
  1249. -moz-transition-duration:1.5s;
  1250. -webkit-transition-duration:1.5s;
  1251. -o-transition-duration:1.5s;
  1252. }
  1253.  
  1254.  
  1255. .nlinkscontent, .nlinkscontent1, .nlinkscontent2, .nlinkscontent3 {
  1256. display:none;
  1257. max-width:484px;
  1258. background-color:#000000;
  1259. overflow:hidden;
  1260. outline:0px solid {color:border};
  1261. }
  1262.  
  1263.  
  1264. .nlinkscontent3 li:last-child {
  1265. border-bottom:none!important;
  1266. }
  1267.  
  1268.  
  1269. .nlinkscontent a {
  1270. outline:0px solid {color:border};
  1271. border:0px;
  1272. width:242.1px!important;
  1273. margin-top:-1px!important;
  1274. margin-left:0px!important;
  1275. margin-right:-1px!important;
  1276. }
  1277.  
  1278.  
  1279. .nlinkscontent li, .nlinkscontent1 li, .nlinkscontent2 li, .nlinkscontent3 li {
  1280. background:rgba(0,0,0,1);
  1281. text-align:center!important;
  1282. margin-left:-1px;
  1283. margin-top:-1px!important;
  1284. border-right:1px solid {color:border};
  1285. border-bottom:1px solid {color:border};
  1286. width:118px;
  1287. height:32.9px!important;
  1288. line-height:30px!important;
  1289. color:{color:links};!important;
  1290. }
  1291.  
  1292.  
  1293.  
  1294.  
  1295.  
  1296.  
  1297.  
  1298. /* POSTS: GENERAL */
  1299.  
  1300.  
  1301. #content {
  1302. position:absolute;
  1303. margin-top:1px;
  1304. margin-left:517px;
  1305. height:468px;
  1306. width:482px;
  1307. outline:1px solid {color:border};
  1308. overflow:scroll;
  1309. padding-left:25px;
  1310. padding-right:25px;
  1311. background:rgba(0,0,0,.25);
  1312. scrollbar-width: none;
  1313. }
  1314.  
  1315.  
  1316. #content2 {
  1317. position:absolute;
  1318. margin-top:1px;
  1319. margin-left:517px;
  1320. height:418px;
  1321. width:530px;
  1322. overflow-y:scroll;
  1323. overflow-x:hidden;
  1324. margin-left:-25px;
  1325. margin-top:25px!important;
  1326. scrollbar-width: none;
  1327. }
  1328.  
  1329.  
  1330. .posts {
  1331. width:482px;
  1332. max-width:482px;
  1333. word-wrap: break-word!important;
  1334. text-align:justify;
  1335. line-height:13px;
  1336. margin-bottom:35px;
  1337. padding-left:25px;
  1338. scrollbar-width: none;
  1339. }
  1340.  
  1341.  
  1342. .posts:first-child, .posts:first-of-type {
  1343. margin-top:13px;
  1344. }
  1345.  
  1346.  
  1347. .posts:last-child {
  1348. margin-bottom:0px!important;
  1349. }
  1350.  
  1351.  
  1352. .posts li:first-letter {
  1353. text-transform:uppercase;
  1354. }
  1355.  
  1356.  
  1357. .posts a {
  1358. font-family:monospace;
  1359. letter-spacing:0.75px;
  1360. font-size:8.4px;
  1361. text-shadow: 0px 0px 1px {color:headers};
  1362. text-transform:uppercase;
  1363. font-weight:bold!important;
  1364. margin-right:0px;
  1365. margin-top:0px!important;
  1366. color:{color:links};
  1367. text-shadow: 0px 0px 1px {color:links};
  1368. -moz-transition-duration:1.5s;
  1369. -webkit-transition-duration:1.5s;
  1370. -o-transition-duration:1.5s;
  1371. }
  1372.  
  1373.  
  1374. .posts a:hover {
  1375. color:{color:links hover};
  1376. -moz-transition-duration:1.5s;
  1377. -webkit-transition-duration:1.5s;
  1378. -o-transition-duration:1.5s;
  1379. }
  1380.  
  1381.  
  1382. .posts img {
  1383. max-width: -webkit-calc(100% - 22px);
  1384. max-width: -moz-calc(100% - 22px);
  1385. max-width: calc(100% - 22px);
  1386. height:auto;
  1387. }
  1388.  
  1389.  
  1390.  
  1391.  
  1392.  
  1393.  
  1394. /* POSTS: GENERAL */
  1395.  
  1396.  
  1397. .pagination {
  1398. margin-left:25px;
  1399. margin-right:25px!important;
  1400. margin-top:-12px!important;
  1401. background-color:#000000;
  1402. margin-bottom:1px;
  1403. box-sizing: border-box;
  1404. outline:1px solid {color:border};
  1405. height:25px;
  1406. line-height:25px;
  1407. min-width:478px;
  1408. padding-left:25px;
  1409. padding-right:25px;
  1410. }
  1411.  
  1412.  
  1413. .pagination a {
  1414. min-width:235px;
  1415. color:#303030!important;
  1416. text-shadow: 0px 0px 1px #303030!important;
  1417.  
  1418. }
  1419.  
  1420.  
  1421.  
  1422. /* POSTS: TEXT */
  1423.  
  1424. #textbody {
  1425. margin-top:-8px!important;
  1426. {block:permalinkpage}
  1427. margin-top:-12px!important;
  1428. {/block:permalinkpage}
  1429. }
  1430.  
  1431.  
  1432. #textbody::after {
  1433. content: "";
  1434. clear: both;
  1435. display: table;
  1436. margin-top:-8px!important;
  1437. }
  1438.  
  1439.  
  1440.  
  1441. /* POSTS: PHOTO/PHOTOSETS */
  1442.  
  1443.  
  1444. #psingle {
  1445. width: 502px;
  1446. margin-top:-6px!important;
  1447. pointer-events:none;
  1448. -webkit-filter: brightness(.9) contrast(1.15) saturate(0.6);
  1449. -webkit-transition: all 1.5s ease-in-out;
  1450. -moz-transition: all 1.5s ease-in-out;
  1451. -o-transition: all 1.5s ease-in-out;
  1452. -ms-transition: all 1.5s ease-in-out;
  1453. transition: all 1.5s ease-in-out;
  1454. }
  1455.  
  1456.  
  1457. #psingle:hover {
  1458. -webkit-filter: brightness(.9) contrast(1.1) saturate(0.6);
  1459. -webkit-transition: all 1.5s ease-in-out;
  1460. -moz-transition: all 1.5s ease-in-out;
  1461. -o-transition: all 1.5s ease-in-out;
  1462. -ms-transition: all 1.5s ease-in-out;
  1463. transition: all 1.5s ease-in-out;
  1464. }
  1465.  
  1466.  
  1467. #pset {
  1468. margin-top:-6px!important;
  1469. {block:permalinkpage}
  1470. margin-top:0px;
  1471. {block:permalinkpage}
  1472. width: 485px;
  1473. pointer-events:none;
  1474. -webkit-filter: brightness(.6) contrast(1.1) saturate(0.6);
  1475. -webkit-transition: all 1.5s ease-in-out;
  1476. -moz-transition: all 1.5s ease-in-out;
  1477. -o-transition: all 1.5s ease-in-out;
  1478. -ms-transition: all 1.5s ease-in-out;
  1479. transition: all 1.5s ease-in-out;
  1480. }
  1481.  
  1482.  
  1483. #pset:hover {
  1484. -webkit-filter: brightness(.6) contrast(1.1) saturate(0.6);
  1485. -webkit-transition: all 1.5s ease-in-out;
  1486. -moz-transition: all 1.5s ease-in-out;
  1487. -o-transition: all 1.5s ease-in-out;
  1488. -ms-transition: all 1.5s ease-in-out;
  1489. transition: all 1.5s ease-in-out;
  1490. }
  1491.  
  1492.  
  1493.  
  1494.  
  1495.  
  1496.  
  1497. /* POSTS: QUOTE */
  1498.  
  1499.  
  1500. #quote {
  1501. font-size:15px;
  1502. text-align:left;
  1503. padding-top:0px;
  1504. padding-bottom:0px;
  1505. letter-spacing:-1px;
  1506. line-height:15px;
  1507. margin-top:-6px!important;
  1508. }
  1509.  
  1510.  
  1511. .source {
  1512. border:1px solid {color:border};
  1513. font-family:calibri;
  1514. font-weight:bold;
  1515. text-align:left;
  1516. font-size:9.5px;
  1517. height:25px;
  1518. line-height:25px;
  1519. color: {color:bold};
  1520. text-transform:uppercase;
  1521. letter-spacing:0.2px;
  1522. margin-top:25px;
  1523. padding-right:25px;
  1524. padding-left:25px;
  1525. margin-top:25px;
  1526. text-shadow: 0px 0px 1px {color:bold};
  1527. }
  1528.  
  1529.  
  1530. .source a {
  1531. color: {color:bold};
  1532. text-shadow: 0px 0px 1px {color:bold};
  1533. }
  1534.  
  1535.  
  1536.  
  1537.  
  1538.  
  1539.  
  1540. /* POSTS: LINK */
  1541.  
  1542.  
  1543. #link {
  1544. outline:1px solid {color:border};
  1545. padding:25px;
  1546. margin-top:-6px!important;
  1547. }
  1548.  
  1549.  
  1550. #link a {
  1551. font-size:12px;
  1552. }
  1553.  
  1554.  
  1555.  
  1556.  
  1557.  
  1558.  
  1559. /* POSTS: CHAT */
  1560.  
  1561.  
  1562. #chat {
  1563. margin-top:-6px!important;
  1564. padding-left:0px;
  1565. padding-right:0px;
  1566. }
  1567.  
  1568.  
  1569.  
  1570.  
  1571.  
  1572.  
  1573. /* POSTS: AUDIO */
  1574.  
  1575.  
  1576. .audioplayer {
  1577. margin-left:12.5px;
  1578. margin-top:-10px!important;
  1579. width: 25px;
  1580. height: 25px;
  1581. overflow: hidden;
  1582. padding-top:0px;
  1583. }
  1584.  
  1585.  
  1586. .audioinfo {
  1587. outline:1px solid {color:border};
  1588. margin-right: 0px;
  1589. padding-left:60px;
  1590. padding-right:25px;
  1591. margin-top:-25px;
  1592. margin-bottom:12px;
  1593. height:25px;
  1594. line-height:25px;
  1595. display: block;
  1596. font-family:calibri;
  1597. font-weight:bold;
  1598. text-transform: uppercase;
  1599. text-align: left;
  1600. letter-spacing:0.2px;
  1601. word-spacing:-0.5px;
  1602. overflow:hidden;
  1603. font-size:9.5px;
  1604. color:{color:bold};
  1605. text-shadow: 0px 0px 1px {color:bold};
  1606. }
  1607.  
  1608.  
  1609.  
  1610.  
  1611.  
  1612.  
  1613. /* POSTS: VIDEO */
  1614.  
  1615.  
  1616. .video {
  1617. margin-top:0px!important;
  1618. }
  1619.  
  1620.  
  1621.  
  1622.  
  1623.  
  1624.  
  1625. /* POSTS: ASK */
  1626.  
  1627.  
  1628. #question {
  1629. position:relative;
  1630. width: 80%;
  1631. height:70px;
  1632. margin-left:1px;
  1633. margin-top:-10px!important;
  1634. background-color:{color:background};
  1635. }
  1636.  
  1637.  
  1638. #ask {
  1639. position:relative;
  1640. z-index:999999!important;
  1641. float:left;
  1642. font-family:calibri!important;
  1643. text-transform:uppercase;
  1644. font-weight:bold;
  1645. background-color:{color:background};
  1646. font-size:8.5px;
  1647. letter-spacing:0.3px;
  1648. line-height:12px!important;
  1649. width:368px;
  1650. min-height:22px;
  1651. max-height:22px;
  1652. overflow:scroll;
  1653. scrollbar-width: none;
  1654. margin-top:1px;
  1655. margin-left:0px;
  1656. margin-bottom:0px;
  1657. padding-left:24px;
  1658. padding-right:24px;
  1659. outline:solid 1px {color:border};
  1660. border-top:22px solid {color:background};
  1661. border-bottom:22px solid {color:background};
  1662. -moz-transition-duration:1.5s;
  1663. -webkit-transition-duration:1.5s;
  1664. -o-transition-duration:1.5s;
  1665. }
  1666.  
  1667.  
  1668. #ask p {
  1669. display:inline!important;
  1670. }
  1671.  
  1672.  
  1673. #ask:hover {
  1674. max-height:35px!important;
  1675. width:432px;
  1676. z-index:999999!important;
  1677. -moz-transition-duration:1.5s;
  1678. -webkit-transition-duration:1.5s;
  1679. -o-transition-duration:1.5s;
  1680. }
  1681.  
  1682.  
  1683. #ask a {
  1684. font-family:calibri!important;
  1685. text-transform:uppercase;
  1686. font-weight:bold;
  1687. font-size:8.5px;
  1688. letter-spacing:0.3px;
  1689. color:{color:bold};
  1690. text-shadow: 0px 0px 1px {color:bold};
  1691. }
  1692.  
  1693.  
  1694. #ask b {
  1695. color:{color:bold};
  1696. font-size:8.5px!important;
  1697. letter-spacing:0.6px!important;
  1698. line-height:11px;
  1699. text-shadow: 0px 0px 1px {color:bold};
  1700. }
  1701.  
  1702.  
  1703. .letterask {
  1704. font-family:'Frank Ruhl Libre', serif;
  1705. color:#000000!important;
  1706. text-decoration:none!important;
  1707. font-style:normal!important;
  1708. font-weight:bold!important;
  1709. text-transform:uppercase!important;
  1710. position:absolute;
  1711. z-index:9999!important;
  1712. text-align:center;
  1713. font-size:48px;
  1714. width:60px;
  1715. margin-left:417px;
  1716. outline:1px solid {color:border};
  1717. background-color:{color:background};
  1718. margin-top:1px;
  1719. padding-top:25px;
  1720. padding-bottom:29px;
  1721. padding-right:3px;
  1722. color:{color:title};
  1723. -webkit-user-select: none;
  1724. -moz-user-select: none;
  1725. -ms-user-select: none;
  1726. user-select: none;
  1727. text-shadow:
  1728. -1px -1px 0 {color:border},
  1729. 1px -1px 0 {color:border},
  1730. -1px 1px 0 {color:border},
  1731. 1px 1px 0 {color:border};
  1732. }
  1733.  
  1734.  
  1735. #response {
  1736. margin-top:25px!important;
  1737. }
  1738.  
  1739.  
  1740. #response strike {
  1741. background-color: #000000;
  1742. outline: 1px solid {color:border};
  1743. font-family:'Frank Ruhl Libre', serif;
  1744. color:#000000!important;
  1745. text-decoration:none!important;
  1746. font-style:normal!important;
  1747. font-weight:bold!important;
  1748. text-transform:uppercase!important;
  1749. float:left;
  1750. margin-top:1px;
  1751. margin-left:1px;
  1752. height:60px;
  1753. width:60px;
  1754. font-size: 48px;
  1755. margin-right: 13px;
  1756. position: relative;
  1757. text-align: center;
  1758. vertical-align: middle;
  1759. line-height: 60px;
  1760. text-shadow:
  1761. -1px -1px 0 {color:border},
  1762. 1px -1px 0 {color:border},
  1763. -1px 1px 0 {color:border},
  1764. 1px 1px 0 {color:border};
  1765. }
  1766.  
  1767.  
  1768. #response blockquote {
  1769. margin-top:12px;
  1770. margin-bottom:12px!important;
  1771. padding-top:12px;
  1772. padding-bottom:12px;
  1773. }
  1774.  
  1775.  
  1776. #response h2 {
  1777. margin-bottom:6px!important;
  1778. word-wrap: break-word;
  1779. white-space: pre-wrap;
  1780. white-space: -moz-pre-wrap;
  1781. white-space: -pre-wrap;
  1782. white-space: -o-pre-wrap;
  1783. word-wrap: break-word;
  1784. overflow: auto;
  1785. position:relative;
  1786. z-index:15;
  1787. background-color: {color:background};
  1788. outline:1px solid {color:border};
  1789. margin-left:1px;
  1790. margin-right:1px;
  1791. font-weight:bold;
  1792. padding-left:25px;
  1793. padding-right:25px;
  1794. margin-top:1px!important;
  1795. margin-bottom:12px!important;
  1796. font-family:monospace;
  1797. letter-spacing:0.75px;
  1798. word-spacing:-3px!important;
  1799. font-size:8.4px;
  1800. text-shadow: 0px 0px 1px {color:headers};
  1801. text-transform:uppercase;
  1802. text-align:left;
  1803. padding-top:8px;
  1804. padding-bottom:8px;
  1805. text-align:justify;
  1806. outline:1px solid {color:border};
  1807. white-space: pre-wrap;
  1808. white-space: -moz-pre-wrap;
  1809. white-space: -pre-wrap;
  1810. white-space: -o-pre-wrap;
  1811. word-wrap: break-word;
  1812. }
  1813.  
  1814.  
  1815. #response::after {
  1816. content: "";
  1817. clear: both;
  1818. display: table;
  1819. margin-top:-8px!important;
  1820. }
  1821.  
  1822.  
  1823. #pre {
  1824. overflow: auto;
  1825. position:relative;
  1826. z-index:15;
  1827. background-color: {color:background};
  1828. outline:1px solid {color:border};
  1829. margin-left:1px;
  1830. margin-right:1px;
  1831. font-weight:bold;
  1832. padding-left:25px;
  1833. padding-right:25px;
  1834. margin-top:1px!important;
  1835. margin-bottom:12px!important;
  1836. font-family:monospace;
  1837. letter-spacing:0.75px;
  1838. word-spacing:0px!important;
  1839. font-size:8.4px;
  1840. text-shadow: 0px 0px 1px {color:headers};
  1841. text-transform:uppercase;
  1842. text-align:left;
  1843. padding-top:8px;
  1844. padding-bottom:8px;
  1845. text-align:justify;
  1846. outline:1px solid {color:border};
  1847. white-space: pre-wrap;
  1848. white-space: -moz-pre-wrap;
  1849. white-space: -pre-wrap;
  1850. white-space: -o-pre-wrap;
  1851. word-wrap: break-word;
  1852. }
  1853.  
  1854.  
  1855.  
  1856.  
  1857. /* POST INFORMATION */
  1858.  
  1859.  
  1860. .permalink {
  1861. margin-top:25px!important;
  1862. margin-left:-27px;
  1863. margin-right:-27px;
  1864. margin-bottom:25px!important;
  1865. }
  1866.  
  1867.  
  1868.  
  1869. .permalinkbuttons {
  1870. height:25px;
  1871. background-color:{color:background};
  1872. font-weight:bold!important;
  1873. line-height:25px;
  1874. letter-spacing:-0.2px;
  1875. margin-left:0px!important;
  1876. margin-bottom:1px!important;
  1877. border:1px solid {color:border};
  1878. color:#303030!important;
  1879. }
  1880.  
  1881.  
  1882. .permalinkbuttons a {
  1883. letter-spacing:0px;
  1884. display:inline-block;
  1885. box-sizing: border-box;
  1886. font-size:9.6px!important;
  1887. text-align:center;
  1888. padding-left:25px;
  1889. padding-right:25px;
  1890. font-family: calibri, sans-serif;
  1891. text-transform:uppercase;
  1892. width:177px;
  1893. max-width:177px;
  1894. height:25px;
  1895. word-spacing:0px!important;
  1896. background-color:{color:background};
  1897. outline:1px solid {color:border};
  1898. line-height:25px;
  1899. color:#424242;!important;
  1900. font-weight:bold!important;
  1901. overflow:hidden;
  1902. text-shadow: 0px 0px 1px #424242;
  1903. }
  1904.  
  1905.  
  1906. .permalinkbuttons a:hover {
  1907. color:{color:links hover};
  1908. -moz-transition-duration:1.5s;
  1909. -webkit-transition-duration:1.5s;
  1910. -o-transition-duration:1.5s;
  1911. text-shadow: 0px 0px 1px {color:links hover};
  1912. }
  1913.  
  1914.  
  1915. .tags {
  1916. font-family: calibri!important;
  1917. font-weight:bold!important;
  1918. border:1px solid {color:border};
  1919. padding-top:12px;
  1920. padding-bottom:12px;
  1921. padding-left:24px;
  1922. padding-right:24px;
  1923. margin-top:-2px;
  1924. color:#2c2c2c;
  1925. letter-spacing:0px;
  1926. word-spacing:0px!important;
  1927. text-transform:uppercase!important;
  1928. font-style:normal;
  1929. font-size:8.5px;
  1930. text-align:justify;
  1931. -moz-text-align-last: center; /* Code for Firefox */
  1932. text-align-last: center;
  1933. -moz-transition-duration:2s;
  1934. -webkit-transition-duration:2s;
  1935. -o-transition-duration:2s;
  1936. }
  1937.  
  1938.  
  1939. .tags a {
  1940. text-decoration:none!important;
  1941. font-weight:bold!important;
  1942. font-size:8.5px;
  1943. line-height:150%;
  1944. margin-right:1px;
  1945. letter-spacing:0px;
  1946. word-spacing:0px!important;
  1947. text-transform:uppercase!important;
  1948. font-family: calibri!important;
  1949. color:{color:border};
  1950. -moz-transition-duration:1.5s;
  1951. -webkit-transition-duration:1.5s;
  1952. -o-transition-duration:1.5s;
  1953. text-shadow: 0px 0px 1px {color:border};
  1954. }
  1955.  
  1956.  
  1957.  
  1958. .tags a:hover {
  1959. font-weight:bold;
  1960. color:{color:italic}!important;
  1961. -moz-transition-duration:1.5s;
  1962. -webkit-transition-duration:1.5s;
  1963. -o-transition-duration:1.5s;
  1964. text-shadow: 0px 0px 1px {color:italic};
  1965. }
  1966.  
  1967.  
  1968.  
  1969.  
  1970.  
  1971.  
  1972. /* PERMAPAGE NOTES */
  1973.  
  1974.  
  1975. #notes {
  1976. outline:1px solid {color:border};
  1977. font-family:calibri!important;
  1978. margin-bottom:1px!important;
  1979. text-transform:uppercase;
  1980. margin-left:0px;
  1981. margin-right:0px;
  1982. margin-top:25px!important;
  1983. padding-top:16px;
  1984. padding-bottom:16px;
  1985. padding-left:15px;
  1986. padding-right:15px;
  1987. letter-spacing:-0.3px;
  1988. font-weight:bold!important;
  1989. font-size:9.4px!important;
  1990. color:{color:bold}!important;
  1991. background-color:#000000;
  1992. text-shadow: 0px 0px 1px {color:bold};
  1993. }
  1994.  
  1995.  
  1996.  
  1997. #notes span, .note span {
  1998. font-family:calibri;
  1999. color:{color:bold}!important;
  2000. text-shadow: 0px 0px 1px {color:bold};
  2001. font-weight:bold!important;
  2002. }
  2003.  
  2004.  
  2005. .note li, .note {
  2006. font-weight:bold!important;
  2007. font-family: calibri;
  2008. font-size:8.5px;
  2009. letter-spacing:0.3px;
  2010. color:{color:bold};
  2011. text-shadow: 0px 0px 1px {color:bold};
  2012. -moz-transition-duration:1.5s;
  2013. -webkit-transition-duration:1.5s;
  2014. -o-transition-duration:1.5s;
  2015. list-style-type:none;
  2016. text-align:left!important;
  2017. }
  2018.  
  2019.  
  2020. .note li a {
  2021. font-weight:bold!important;
  2022. font-family: calibri;
  2023. font-size:8.5px;
  2024. letter-spacing:0.3px;
  2025. text-transform:uppercase;
  2026. text-shadow: 0px 0px 1px {color:links};
  2027. color:{color:links};
  2028. -moz-transition-duration:1.5s;
  2029. -webkit-transition-duration:1.5s;
  2030. -o-transition-duration:1.5s;
  2031. list-style-type:none;
  2032. text-align:left!important;
  2033. }
  2034.  
  2035.  
  2036. .more_notes_link, .more_notes_link a {
  2037. text-align:left!important;
  2038. margin-top:25px!important;
  2039. padding-top:25px!important;
  2040. color:{color:links}!important;
  2041. }
  2042.  
  2043.  
  2044. .note blockquote a {
  2045. padding-top:12px;
  2046. padding-bottom:12px;
  2047. padding-left:0px;
  2048. padding-right:24px;
  2049. margin-top:12px;
  2050. margin-bottom:12px;
  2051. margin-left:0px;
  2052. margin-right:0px;
  2053. color:{color:links}!important;
  2054. }
  2055.  
  2056.  
  2057. .note img.avatar {
  2058. display:none;
  2059. width: 0px;
  2060. height: 0px;
  2061. }
  2062.  
  2063.  
  2064.  
  2065.  
  2066.  
  2067.  
  2068.  
  2069.  
  2070. /* NAVIGATION PAGES */
  2071.  
  2072.  
  2073. .pageheader {
  2074. display:none;
  2075. margin-top:0px;
  2076. margin-left:-25px;
  2077. margin-bottom:0px!important;
  2078. height:75px;
  2079. width:538px;
  2080. overflow:hidden;
  2081. outline:1px solid {color:border};
  2082. -webkit-filter: brightness(1.1) contrast(1) saturate(1);
  2083. }
  2084.  
  2085.  
  2086. .pageheader1 {
  2087. margin-top:0px;
  2088. margin-left:-25px;
  2089. margin-bottom:0px!important;
  2090. height:75px;
  2091. width:538px;
  2092. overflow:hidden;
  2093. outline:1px solid {color:border};
  2094. -webkit-filter: brightness(1.1) contrast(1) saturate(1);
  2095. }
  2096.  
  2097.  
  2098. .pagenavi {
  2099. margin-top:0px!important;
  2100. margin-left:-26px!important;
  2101. margin-right:-25px!important;
  2102. margin-bottom:0px;
  2103. outline:0px;
  2104. }
  2105.  
  2106.  
  2107. .dropbtn {
  2108. display:inline-block;
  2109. box-sizing: border-box;
  2110. font-size:9.4px;
  2111. text-align:center;
  2112. min-width:492px!important;
  2113. padding-left:25px;
  2114. padding-right:25px;
  2115. margin-left:-1px;
  2116. margin-top:-1px;
  2117. margin-bottom:0px!important;
  2118. font-family: calibri, sans-serif;
  2119. text-transform:uppercase;
  2120. height:25px;
  2121. background-color:transparent;
  2122. outline:0px solid {color:border};
  2123. border:1px solid {color:border};
  2124. line-height:23px;
  2125. margin-right:0px;
  2126. color: #fff;
  2127. font-weight:bold!important;
  2128. overflow:hidden; /* older browsers */
  2129. }
  2130.  
  2131.  
  2132. .dropbtn:hover, .dropbtn:focus {
  2133. color:{color:links};
  2134. }
  2135.  
  2136.  
  2137. .dropdown {
  2138. position: relative;
  2139. display: inline-block;
  2140. }
  2141.  
  2142.  
  2143. .dropdown-content {
  2144. display: none;
  2145. position: absolute;
  2146. margin-top:-1px!important;
  2147. margin-left:1px;
  2148. margin-bottom:0px!important;
  2149. outline:0px solid {color:border};
  2150. border-top:1px solid {color:border};
  2151. border-bottom:0px solid {color:border};
  2152. background-color: {color:background};
  2153. width:537px;
  2154. z-index: 99;
  2155. -webkit-box-shadow: 0px 25px 0px -1px rgba(0,0,0,1);
  2156. -moz-box-shadow: 0px 25px 0px -1px rgba(0,0,0,1);
  2157. box-shadow: 0px 25px 0px -1px rgba(0,0,0,1);
  2158. }
  2159.  
  2160.  
  2161. .dropdown-content a {
  2162. color: black;
  2163. padding: 12px 16px;
  2164. text-decoration: none;
  2165. display: block;
  2166. }
  2167.  
  2168.  
  2169. .dropdown-content a:hover, .dropdown a:hover {
  2170. color:{color:links hover};!important;
  2171. }
  2172.  
  2173.  
  2174. .show {
  2175. display:block;
  2176. }
  2177.  
  2178.  
  2179. ul#tabs {
  2180. text-align: left;
  2181. Cursor:pointer;
  2182. }
  2183.  
  2184.  
  2185. ul#tabs li {
  2186. display:inline-block;
  2187. box-sizing: border-box;
  2188. font-size:9.6px;
  2189. text-align:center;
  2190. padding-left:24px;
  2191. padding-right:24px;
  2192. margin-bottom:-5px!important;
  2193. font-family: calibri, sans-serif;
  2194. text-transform:uppercase;
  2195. width:245.5px;
  2196. max-width:245.5px;
  2197. height:25px;
  2198. background-color:transparent;
  2199. border-bottom:1px solid {color:border};
  2200. border-left:0px solid {color:border};
  2201. border-right:1px solid {color:border};
  2202. line-height:25px;
  2203. margin-left:-1px;
  2204. margin-right:-1px;
  2205. color:{color:bold}!important;
  2206. text-shadow: 0px 0px 1px {color:bold}!important;
  2207. font-weight:bold!important;
  2208. overflow:hidden;
  2209. }
  2210.  
  2211.  
  2212. ul#tabs li.active {
  2213. color:{color:body text};
  2214. }
  2215.  
  2216.  
  2217. ul#tab, ul#tabs{
  2218. list-style-type:none;
  2219. margin:0px;
  2220. padding:0px;
  2221. }
  2222.  
  2223.  
  2224. ul#tab li.active {
  2225. display: block;
  2226. }
  2227.  
  2228.  
  2229. ul#tab li {
  2230. display: none;
  2231. }
  2232.  
  2233.  
  2234. .pageinfo {
  2235. margin-top:2px!important;
  2236. border-top:25px solid {color:background};
  2237. border-bottom:25px solid {color:background};
  2238. overflow-y:scroll!important;
  2239. scrollbar-width: none;
  2240. margin-left:1px;
  2241. margin-right:1px;
  2242. height:192px;
  2243. background-color:{color:background};
  2244. }
  2245.  
  2246.  
  2247. .pageinfo h4 {
  2248. margin-top:12px;
  2249. margin-bottom:12px;
  2250. }
  2251.  
  2252.  
  2253. .pageinfo h4:first-child {
  2254. margin-top:1px!important;
  2255. }
  2256.  
  2257.  
  2258. .pagelinks {
  2259. margin-top:0px!important;
  2260. margin-bottom:0px!important;
  2261. margin-left:0px;
  2262. margin-right:0px;
  2263. background-color:transparent!important;
  2264. width:444px;
  2265. }
  2266.  
  2267.  
  2268. .pagelinks h4 {
  2269. margin-bottom:12px;
  2270. max-width:386px!important;
  2271. }
  2272.  
  2273.  
  2274. .pagelinks a {
  2275. font-family:calibri;
  2276. text-align:center;
  2277. font-style:normal;
  2278. margin-right:0px;
  2279. margin-bottom:-3px;
  2280. font-size:9.6px;
  2281. letter-spacing:0px;
  2282. color:#303030!important;
  2283. text-transform:uppercase;
  2284. display:inline-block;
  2285. box-sizing: border-box;
  2286. width:214.5px;
  2287. height:25px!important;
  2288. padding-left:25px;
  2289. padding-right:25px;
  2290. line-height:25px;
  2291. margin-left:-0px;
  2292. margin-right:6px;
  2293. margin-bottom:8.4px;
  2294. text-align:left;
  2295. border: 1px solid {color:border};
  2296. color:{color:bold}!important;
  2297. text-shadow: 0px 0px 1px {color:bold}!important;
  2298. }
  2299.  
  2300.  
  2301.  
  2302. .pagelinks a:hover {
  2303. color:#fff!important;
  2304. -moz-transition-duration:1.5s;
  2305. -webkit-transition-duration:1.5s;
  2306. -o-transition-duration:1.5s;
  2307. text-shadow: 0px 0px 1px {color:links hover};
  2308. }
  2309.  
  2310.  
  2311. #pagecontainer {
  2312. z-index:99999999999999999999999999999999999999!important;
  2313. position:absolute;
  2314. height:267px;
  2315. width:489px;
  2316. background-color:#fff;
  2317. left:176px;
  2318. margin-top:146px;
  2319. overflow:hidden;
  2320. outline:1px solid {color:border};
  2321. }
  2322.  
  2323.  
  2324. #pagecontent {
  2325. z-index:20!important;
  2326. position:absolute;
  2327. overflow:hidden;
  2328. text-align:justify;
  2329. box-sizing: border-box;
  2330. height:300px;
  2331. width:491px;
  2332. padding-top:0px!important;
  2333. background-color:{color:background};
  2334. border-right:1px solid {color:border};
  2335. border-left:0px solid {color:border};
  2336. padding-left:25px;
  2337. padding-right:25px;
  2338. }
  2339.  
  2340.  
  2341.  
  2342.  
  2343.  
  2344.  
  2345.  
  2346. /* TEXT-WRAPPING AROUND ICONS/IMAGES */
  2347.  
  2348.  
  2349. #wrap img {
  2350. background-color:{color:background};
  2351. margin-top:1px!important;
  2352. margin-bottom:12px!important;
  2353. padding-right:3px;
  2354. padding-bottom:3px;
  2355. float:left;
  2356. margin-right:12px;
  2357. margin-left:1px;
  2358. padding:10px;
  2359. outline:1px solid {color:border};
  2360. -webkit-filter: brightness(1) contrast(1) saturate(1);
  2361. }
  2362.  
  2363.  
  2364. #wrap blockquote img {
  2365. background-color:{color:background};
  2366. margin-top:0px!important;
  2367. margin-bottom:12px!important;
  2368. margin-left:12px;
  2369. margin-right:1px!important;
  2370. float:right;
  2371. -webkit-filter: brightness(.8) contrast(1) saturate(1);
  2372. }
  2373.  
  2374.  
  2375.  
  2376. .dropdown-content3 {
  2377. display: none;
  2378. position: absolute;
  2379. margin-top:0px!important;
  2380. margin-left:0px;
  2381. outline:1px solid {color:border};
  2382. border-bottom:0px solid {color:border};
  2383. background:rgba(0,0,0,1);
  2384. width:231px!important;
  2385. min-height:95px;
  2386. height:95px;
  2387. max-height:95px;
  2388. overflow-y:scroll;
  2389. scrollbar-width: none;
  2390. z-index: 99;
  2391. }
  2392.  
  2393.  
  2394. .dropdown-content3 button {
  2395. background:rgba(0,0,0,1);
  2396. text-align:center!important;
  2397. margin-left:-1px;
  2398. margin-top:-1px!important;
  2399. width:118px;
  2400. height:32.9px!important;
  2401. line-height:32.9px!important;
  2402. color:{color:links};!important;
  2403. }
  2404.  
  2405.  
  2406. .dropdown-content3 button:nth-last-child(-n+2) {
  2407. border-bottom:none!important;
  2408. }
  2409.  
  2410.  
  2411. .dropdown-content3 button:focus, .dropdown-content3 button:active {
  2412. color: {color:links};
  2413. text-shadow: 0px 0px 1px {color:links};
  2414. }
  2415.  
  2416.  
  2417. .dropdown-content3 a {
  2418. text-decoration: none;
  2419. display: block;
  2420. color:{color:links};
  2421. text-shadow: 0px 0px 1px {color:links};
  2422. }
  2423.  
  2424.  
  2425. .dropdown-content3 a:hover, .dropdown3 a:hover {
  2426. color:{color:links hover};!important;
  2427. }
  2428.  
  2429.  
  2430. .dropbtn3 {
  2431. min-width:233px!important;
  2432. display:fixed;
  2433. letter-spacing:0px;
  2434. font-size:9.4px;
  2435. text-align:center;
  2436. padding-left:25px;
  2437. padding-right:25px;
  2438. margin-left:-1px;
  2439. margin-top:0px;
  2440. margin-bottom:0px!important;
  2441. font-family: calibri, sans-serif;
  2442. text-transform:uppercase;
  2443. height:25px;
  2444. background-color:{color:background};
  2445. outline:0px solid {color:border};
  2446. border:1px solid {color:border};
  2447. line-height:25px;
  2448. margin-right:0px;
  2449. font-weight:bold!important;
  2450. }
  2451.  
  2452.  
  2453. .dropbtn3:hover, .dropbtn3:focus {
  2454. color:{color:links};
  2455. }
  2456.  
  2457.  
  2458. button {
  2459. display:inline-block;
  2460. box-sizing: border-box;
  2461. text-align:center;
  2462. padding-left:25px;
  2463. padding-right:25px;
  2464. font-weight:bold!important;
  2465. font-family: calibri;
  2466. letter-spacing:0px;
  2467. text-transform:uppercase;
  2468. font-size:9px;
  2469. width:180px;
  2470. max-width:180px;
  2471. height:25px;
  2472. background-color:{color:background};
  2473. border:1px solid {color:border};
  2474. line-height:22px;
  2475. margin-left:0px;
  2476. margin-right:-4px;
  2477. color: {color:bold};
  2478. cursor:pointer;
  2479. font-weight:bold!important;
  2480. overflow:hidden;
  2481. text-shadow: 0px 0px 1px {color:bold};
  2482. -webkit-transition: all 1.5s ease-in-out;
  2483. -moz-transition: all 1.5s ease-in-out;
  2484. -o-transition: all 1.5s ease-in-out;
  2485. -ms-transition: all 1.5s ease-in-out;
  2486. transition: all 1.5s ease-in-out;
  2487. }
  2488.  
  2489.  
  2490. button:focus {
  2491. outline:none!important;
  2492. }
  2493.  
  2494.  
  2495. button:hover {
  2496. color:{color:links hover}!important;
  2497. -webkit-transition: all 1.5s ease-in-out;
  2498. -moz-transition: all 1.5s ease-in-out;
  2499. -o-transition: all 1.5s ease-in-out;
  2500. -ms-transition: all 1.5s ease-in-out;
  2501. transition: all 1.5s ease-in-out;
  2502. text-shadow: 0px 0px 1px {color:links hover};
  2503. }
  2504.  
  2505.  
  2506.  
  2507.  
  2508.  
  2509.  
  2510.  
  2511. /* CREDIT */
  2512.  
  2513.  
  2514. #credit {
  2515. background-color:{color:background};
  2516. border:1px solid {color:border};
  2517. padding:6px 10px;
  2518. z-index:999;
  2519. position:absolute;
  2520. bottom:44px;
  2521. right:44px;
  2522. width:6px;
  2523. height:14px;
  2524. word-wrap:break-word;
  2525. font-family:calibri;
  2526. overflow:hidden;
  2527. -webkit-transition:all 1.5s ease;
  2528. -moz-transition:all 1.5s ease;
  2529. -o-transition:all 1.5s ease;
  2530. transition:all 1.5s ease-in-out;
  2531. }
  2532.  
  2533.  
  2534. #credit a {
  2535. color:{color:links};
  2536. text-transform:uppercase;
  2537. font-size:9.5px;
  2538. text-shadow: 0px 0px 1px {color:links};
  2539. }
  2540.  
  2541.  
  2542. #credit:hover {
  2543. width:73px;
  2544. }
  2545.  
  2546.  
  2547. #credit span {
  2548. color:{color:bold};
  2549. font-family:calibri;
  2550. margin-right:10px;
  2551. font-size:10.5px;
  2552. text-shadow: 0px 0px 1px {color:bold};
  2553. }
  2554.  
  2555.  
  2556.  
  2557.  
  2558.  
  2559. </style>
  2560. </head>
  2561.  
  2562.  
  2563.  
  2564.  
  2565.  
  2566.  
  2567.  
  2568. <body>
  2569.  
  2570.  
  2571.  
  2572.  
  2573. <div id="container">
  2574.  
  2575. <div id="containertitle">
  2576. iniziare
  2577. </div id="containertitle">
  2578.  
  2579.  
  2580.  
  2581.  
  2582.  
  2583. <div id="side">
  2584.  
  2585. <img class="rightimg1" src="{image:Sidebar1}"/>
  2586.  
  2587.  
  2588. <img class="rightimg2" src="{image:Sidebar2}"/>
  2589.  
  2590.  
  2591. <div class="rightboxheader">
  2592. <div class="dropdown3">
  2593.  
  2594. <button onclick="myFunction()" class="dropbtn3" style="color:{color:text}!important; text-align:center; text-shadow: 0px 0px 1px {color:text}!important; margin-top:24px!important;">
  2595. Click here to select a theme aesthetic
  2596. </button>
  2597. <div id="myDropdown" class="dropdown-content3">
  2598.  
  2599. <button class="Anne">Anne</button>
  2600. <button class="Carwen">Carwen</button>
  2601. <button class="Antoinetta">Antoinetta</button>
  2602. <button class="Methredhel">Methredhel</button>
  2603. <button class="Mattie">Mattie</button>
  2604. <button class="Clara" style="border-bottom:1px solid {color:border}!important;">Clara</button>
  2605. <button class="Logan" style="margin-left:-3px!important;">Logan</button>
  2606.  
  2607. </div id="myDropdown" class="dropdown-content3">
  2608.  
  2609. </div class="dropdown3">
  2610. </div class="rightboxheader">
  2611.  
  2612.  
  2613.  
  2614.  
  2615. <div id="rightbox">
  2616.  
  2617. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam nunc justo, rutrum luctus tempor id, sagittis at justo. Ut et nulla ut turpis blandit viverra. Nam nec dictum ligula. Cras non est quis enim blandit convallis et vitae diam. In ut blandit massa, nec auctor nisl.
  2618.  
  2619. </div id="rightbox">
  2620.  
  2621.  
  2622.  
  2623. </div id="side">
  2624.  
  2625.  
  2626. <div id="left">
  2627.  
  2628.  
  2629. <div id="leftboxheader">
  2630. Strange Creatures
  2631. </div id="leftboxheader">
  2632.  
  2633.  
  2634.  
  2635. <div id="leftbox">
  2636.  
  2637. <i><center>Fortune, fortune; smiling fate.</center></i>
  2638.  
  2639. <br>Independent multi-muse blog, <i>written by Hannah, 27, UK.</i> <b>This blog is multi-verse:</b> This means that all verses are very easily edited to make interactions with people from other franchises easier. You only need to ask!
  2640.  
  2641. <hr>
  2642.  
  2643. <p><b>The franchise lineup:</b> Assassin’s Creed IV, The Elder Scrolls IV: Oblivion, True Grit, Byzantium, Paladins, Anne with an E, Westworld and the Sims 3.
  2644.  
  2645. </div id="leftbox">
  2646.  
  2647.  
  2648.  
  2649. <img class="leftimg" src="{image:Sidebar3}"/>
  2650.  
  2651. </div id="left">
  2652.  
  2653.  
  2654.  
  2655.  
  2656.  
  2657.  
  2658.  
  2659. <div id="content">
  2660. <div id="content2">
  2661.  
  2662. {block:Posts}
  2663. <div class="posts">
  2664.  
  2665.  
  2666.  
  2667.  
  2668.  
  2669.  
  2670. <!-- POSTS: TEXT -->
  2671.  
  2672.  
  2673. {block:Text}
  2674. <div id="textbody">
  2675. {block:Title}
  2676. <h1>{Title}</h1>
  2677. {/block:Title}
  2678.  
  2679. <div id="wrap">
  2680. {Body}
  2681. </div id="wrap">
  2682. </div id="textbody">
  2683. {/block:Text}
  2684.  
  2685.  
  2686.  
  2687.  
  2688.  
  2689.  
  2690. <!-- POSTS: PHOTO/SET -->
  2691.  
  2692.  
  2693. {block:Photo}
  2694. <div id="psingle">
  2695. {LinkOpenTag}
  2696.  
  2697. <img src="{PhotoURL-HighRes}">
  2698. {LinkCloseTag}
  2699.  
  2700. </div id="psingle">
  2701.  
  2702.  
  2703. {block:Caption}
  2704.  
  2705. <div id="pcaption">
  2706. {Caption}
  2707. </div id="pcaption">
  2708.  
  2709. {/block:Caption}
  2710.  
  2711. {/block:Photo}
  2712.  
  2713.  
  2714.  
  2715.  
  2716. {block:Photoset}
  2717. <div id="pset">
  2718. {Photoset}
  2719. </div id="pset">
  2720.  
  2721. {block:Caption}
  2722. {Caption}
  2723. {/block:Caption}
  2724.  
  2725. {/block:Photoset}
  2726.  
  2727.  
  2728.  
  2729.  
  2730.  
  2731.  
  2732. <!-- POSTS: QUOTE -->
  2733.  
  2734.  
  2735. {block:Quote}
  2736. <div id="quote">
  2737. "{Quote}"
  2738.  
  2739. <div class="source">
  2740. Source: {Source}
  2741. </div class="source">
  2742.  
  2743. </div id="quote">
  2744. {/block:Quote}
  2745.  
  2746.  
  2747.  
  2748.  
  2749.  
  2750.  
  2751. <!-- POSTS: LINK -->
  2752.  
  2753.  
  2754. {block:Link}
  2755. <div id="link">
  2756.  
  2757. <a href="{URL}" {Target}>{Name}&nbsp;&nbsp; Next</a>
  2758.  
  2759. </div id="link">
  2760. {/block:Link}
  2761.  
  2762.  
  2763.  
  2764.  
  2765.  
  2766.  
  2767. <!-- POSTS: CHAT -->
  2768.  
  2769.  
  2770. {block:Chat}
  2771. <div id="chat">
  2772.  
  2773. {block:Lines}
  2774. <div id="{Alt}">
  2775.  
  2776. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  2777.  
  2778. </div id="{Alt}">
  2779. {/block:Lines}
  2780.  
  2781. </div id="chat">
  2782. {/block:Chat}
  2783.  
  2784.  
  2785.  
  2786.  
  2787.  
  2788.  
  2789. <!-- POSTS: AUDIO -->
  2790.  
  2791.  
  2792. {block:Audio}
  2793. <div class="audioplayer">
  2794.  
  2795. {AudioPlayerWhite}
  2796.  
  2797. </div class="audioplayer">
  2798.  
  2799.  
  2800. <div class="audioinfo">
  2801. {block:TrackName}{TrackName}{/block:TrackName} — {block:Artist}{Artist}{/block:Artist}
  2802. </div class="audioinfo">
  2803.  
  2804. {block:Caption}
  2805. {Caption}
  2806. {/block:Caption}
  2807.  
  2808. {/block:Audio}
  2809.  
  2810.  
  2811.  
  2812.  
  2813.  
  2814.  
  2815. <!-- POSTS: VIDEO -->
  2816.  
  2817.  
  2818. {block:Video}
  2819. <div class="video">
  2820.  
  2821. {VideoEmbed-500}
  2822.  
  2823. </div class="video">
  2824.  
  2825. {block:Caption}
  2826. {Caption}
  2827. {/block:Caption}
  2828.  
  2829. {/block:Video}
  2830.  
  2831.  
  2832.  
  2833.  
  2834.  
  2835.  
  2836. <!-- POSTS: ASK -->
  2837.  
  2838.  
  2839. {block:Answer}
  2840.  
  2841. <div id="question">
  2842. <div id="ask">
  2843.  
  2844. <b>{Asker} inquires:</b> {Question}
  2845.  
  2846. </div id="ask">
  2847. <div class="letterask">Q</div class="letterask">
  2848.  
  2849. </div id="question">
  2850.  
  2851. <div id="response">
  2852. <div id="wrap"><span>{Answer}</span></div id="wrap">
  2853.  
  2854. </div id="response">
  2855.  
  2856. {/block:Answer}
  2857.  
  2858.  
  2859.  
  2860.  
  2861.  
  2862.  
  2863.  
  2864.  
  2865. <!-- POST INFORMATION -->
  2866.  
  2867.  
  2868.  
  2869. {block:Date}
  2870.  
  2871. {block:indexpage}
  2872.  
  2873. <div class="permalink">
  2874. <div class="permalinkbuttons">
  2875.  
  2876. <a href="{Permalink}" style="text-align:left;" title="{TimeAgo} / {NoteCountWithLabel}">
  2877. {Month} {DayOfMonth}{DayOfMonthSuffix} / {12Hour}:{Minutes}{CapitalAmPm}</a>
  2878.  
  2879. {block:RebloggedFrom}
  2880. <a href="{ReblogParentURL}" title="{ReblogParentName}: {ReblogParentTitle}" style="margin-left:-1px; min-width:178px!important;max-width:178px!important;">
  2881. REBLOGGED FROM / VIA
  2882. </a>
  2883. {/block:RebloggedFrom}
  2884.  
  2885. <a href="{ReblogURL}" target="_blank" class="details" style="float:right; text-align:right;">
  2886. CLICK HERE TO REBLOG THIS POST
  2887. </a>
  2888.  
  2889. </div class="permalinkbuttons">
  2890.  
  2891.  
  2892. {block:HasTags}
  2893. <div class="tags">
  2894.  
  2895. {block:Tags}
  2896. <a href="{TagURL}">{Tag}&nbsp;</a>
  2897. {/block:Tags}
  2898.  
  2899. </div class="tags">
  2900. {/block:HasTags}
  2901.  
  2902.  
  2903. </div class="permalink">
  2904. {/block:indexpage}
  2905.  
  2906.  
  2907.  
  2908.  
  2909.  
  2910. {block:permalinkpage}
  2911. <div class="permalink">
  2912. <div class="permalinkbuttons">
  2913.  
  2914. {block:RebloggedFrom}
  2915. <a href="{ReblogParentName}" title="{ReblogParentName}" style="text-align:left;">
  2916. REBLOGGED FROM / VIA
  2917. </a>
  2918. {/block:RebloggedFrom}
  2919.  
  2920. <a href="{ReblogURL}" target="_blank" class="details" style="float:right; ">
  2921. CLICK HERE TO REBLOG THIS POST
  2922. </a>
  2923.  
  2924. </div class="permalinkbuttons">
  2925.  
  2926. {block:HasTags}
  2927. <div class="tags">
  2928. {block:Tags}
  2929.  
  2930. <a href="{TagURL}">
  2931. {Tag}&nbsp;&nbsp;
  2932. </a>
  2933.  
  2934. {/block:Tags}
  2935. </div class="tags">
  2936. {/block:HasTags}
  2937.  
  2938. </div class="permalink">
  2939. {/block:permalinkpage}
  2940.  
  2941. {/block:Date}
  2942.  
  2943.  
  2944.  
  2945.  
  2946.  
  2947.  
  2948. <!-- NOTES -->
  2949.  
  2950. {block:PostNotes}
  2951. <div id="notes">
  2952.  
  2953. <div class="note">
  2954. {PostNotes}
  2955. </div class="note">
  2956.  
  2957. </div id="notes">
  2958. {/block:PostNotes}
  2959.  
  2960.  
  2961.  
  2962.  
  2963.  
  2964.  
  2965. <!-- HIDE VIA/SOURCE IN POSTS -->
  2966.  
  2967.  
  2968. {block:ContentSource}<!-- {SourceURL}
  2969. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  2970. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2971. {/block:ContentSource}
  2972.  
  2973.  
  2974. <!-- {block:NoRebloggedFrom}
  2975. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  2976. {/block:NoRebloggedFrom} -->
  2977.  
  2978. </div class="posts">
  2979. {/block:Posts}
  2980.  
  2981.  
  2982. <div class="pagination">
  2983.  
  2984. {block:Indexpage}
  2985. {block:PreviousPage}<a href="{PreviousPage}">RETURN TO LAST PAGE</a>{/block:PreviousPage}
  2986. {block:NextPage}<a href="{NextPage}" style="float:right; margin-right:1px; text-align:right;">PROCEED TO NEXT PAGE</a>{/block:NextPage}
  2987. {/block:Indexpage}
  2988.  
  2989.  
  2990.  
  2991. {block:PermalinkPagination}
  2992. {block:PreviousPost}<a href="{PreviousPost}" title="Previous Post">RETURN TO LAST POST</a>{/block:PreviousPost}
  2993. {block:NextPost}<a href="{NextPost}" title="Next Post" style="float:right; margin-right:1px; text-align:right;">PROCEED TO NEXT POST</a>{/block:NextPost}
  2994. {/block:PermalinkPagination}
  2995.  
  2996. </div class="pagination">
  2997.  
  2998.  
  2999.  
  3000. </div id="content2">
  3001. </div id="content">
  3002.  
  3003.  
  3004.  
  3005.  
  3006.  
  3007.  
  3008.  
  3009.  
  3010.  
  3011.  
  3012.  
  3013.  
  3014.  
  3015.  
  3016.  
  3017.  
  3018. <div id="bottombar">
  3019.  
  3020. <a href="/">
  3021. Refresh / Index
  3022. </a>
  3023.  
  3024.  
  3025. <button class="w3-bar-item w3-button" onclick="openMuse('Muses')">
  3026. Current Muses
  3027. </button>
  3028.  
  3029.  
  3030. <button class="w3-bar-item w3-button" onclick="openMuse('Navigation')">
  3031. The Navigation
  3032. </button>
  3033.  
  3034.  
  3035. <button class="w3-bar-item w3-button" onclick="openPage('Index'); openNavi('Index'); openMuse('Index');" autofocus style="color:{color:button active};">
  3036. Close the Tabs
  3037. </button>
  3038.  
  3039.  
  3040. </div id="bottombar">
  3041.  
  3042.  
  3043. </div id="container">
  3044.  
  3045.  
  3046.  
  3047.  
  3048.  
  3049.  
  3050.  
  3051.  
  3052. <!-- CREDIT -->
  3053.  
  3054. <div id="credit">
  3055. <div style="width:105px;margin-right:10px;">
  3056.  
  3057.  
  3058. <a href="http://iniziarearchive.tumblr.com/post/183826974792/base-theme-viper-preview-download-code" target="blank">
  3059. <span>S.</span>MADE BY SAE.</a>
  3060.  
  3061.  
  3062. </div style>
  3063. </div id="credit">
  3064.  
  3065.  
  3066.  
  3067.  
  3068.  
  3069.  
  3070.  
  3071.  
  3072.  
  3073.  
  3074. <div id="Index" class="Muse; navi; page;" style="display:block">
  3075.  
  3076. </div id="Index" class="Muse; navi; page;">
  3077.  
  3078.  
  3079.  
  3080.  
  3081.  
  3082.  
  3083.  
  3084.  
  3085.  
  3086.  
  3087.  
  3088. <!-- NAVIGATIONAL LIST LINKS -->
  3089.  
  3090. <div id="Navigation" class="muse" style="display:none;">
  3091.  
  3092.  
  3093. <div class="nlist">
  3094. <div class="nlinks">
  3095.  
  3096.  
  3097.  
  3098. <!-- COPY/PASTE THESE IF YOU WANT MORE LINKS -->
  3099.  
  3100. <li onclick="" style="pointer-events:none; height:25px; line-height:25px; width:233px!important;">
  3101. <i>The General Navigation</i>
  3102. </li>
  3103.  
  3104.  
  3105. <li onclick="openPage('Inquiries')" style="width:233px!important;">
  3106. Inquiries
  3107. </li>
  3108.  
  3109.  
  3110. <li onclick="openPage('Guidelines')" style="width:233px!important;">
  3111. Guidelines
  3112. </li>
  3113.  
  3114.  
  3115. <li onclick="openPage('Tags')" style="width:233px!important;">
  3116. Navigation
  3117. </li>
  3118.  
  3119.  
  3120.  
  3121.  
  3122.  
  3123. <!-- / COPY/PASTE THESE IF YOU WANT MORE LINKS -->
  3124.  
  3125.  
  3126.  
  3127. </div class="nlinks">
  3128. </div class="nlist">
  3129.  
  3130. </div id="Navigation" class="muse">
  3131.  
  3132.  
  3133.  
  3134.  
  3135.  
  3136.  
  3137.  
  3138.  
  3139.  
  3140.  
  3141.  
  3142. <!-- NAVIGATIONAL LIST LINKS -->
  3143.  
  3144. <div id="Muses" class="muse" style="display:none;">
  3145.  
  3146.  
  3147. <div class="nlist">
  3148. <div class="nlinks">
  3149.  
  3150.  
  3151.  
  3152. <!-- COPY/PASTE THESE IF YOU WANT MORE LINKS -->
  3153.  
  3154. <div class="nlinksbutton" style="pointer-events:none; font-family:calibri; font-weight:bold!important; color:{color:bold}; text-shadow: 0px 0px 1px {color:bold}; font-size:8.5px;letter-spacing:0.3px; height:27px; line-height:27px;">Click the groups to expand them!</div>
  3155.  
  3156.  
  3157. <div class="nlinksbutton3">Muses from video games</div>
  3158. <div class="nlinkscontent3">
  3159.  
  3160.  
  3161. <li onclick="openPage('Anne')">
  3162. Anne
  3163. </li>
  3164.  
  3165. <li onclick="openPage('Carwen')">
  3166. Carwen
  3167. </li>
  3168.  
  3169. <li onclick="openPage('Antoinetta')">
  3170. Antoinetta
  3171. </li>
  3172.  
  3173. <li onclick="openPage('Methredhel')">
  3174. Methredhel
  3175. </li>
  3176.  
  3177. <li onclick="openPage('Augusta')">
  3178. Augusta
  3179. </li>
  3180.  
  3181. <li onclick="openPage('Maeve')">
  3182. Maeve
  3183. </li>
  3184.  
  3185. <li onclick="openPage('Morgana')">
  3186. Morgana
  3187. </li>
  3188.  
  3189. <li onclick="openPage('Bula')">
  3190. Bula
  3191. </li>
  3192.  
  3193.  
  3194. </div class="nlinkscontent">
  3195.  
  3196.  
  3197.  
  3198.  
  3199. <div class="nlinksbutton">Muses from the screen</div>
  3200. <div class="nlinkscontent">
  3201.  
  3202.  
  3203.  
  3204. <li onclick="openPage('Clara')">
  3205. Clara
  3206. </li>
  3207.  
  3208.  
  3209. <li onclick="openPage('Logan')">
  3210. Logan
  3211. </li>
  3212.  
  3213. <li onclick="openPage('Winifred')">
  3214. Winifred
  3215. </li>
  3216.  
  3217. <li onclick="openPage('Penelope')">
  3218. Penelope
  3219. </li>
  3220.  
  3221.  
  3222. </div class="nlinkscontent">
  3223.  
  3224.  
  3225.  
  3226.  
  3227. <div class="nlinksbutton1">Muses From literature</div>
  3228. <div class="nlinkscontent1">
  3229.  
  3230.  
  3231. <li onclick="openPage('Mattie')" style="border-bottom:0xp!important;">
  3232. Mattie
  3233. </li>
  3234.  
  3235.  
  3236. </div class="nlinkscontent">
  3237.  
  3238.  
  3239.  
  3240. <!-- / COPY/PASTE THESE IF YOU WANT MORE LINKS -->
  3241.  
  3242.  
  3243.  
  3244. </div class="nlinks">
  3245. </div class="nlist">
  3246.  
  3247. </div id="Muses" class="muse">
  3248.  
  3249.  
  3250.  
  3251.  
  3252.  
  3253.  
  3254.  
  3255.  
  3256.  
  3257.  
  3258.  
  3259.  
  3260.  
  3261.  
  3262.  
  3263. <!-- PAGE: INQUIRIES -->
  3264.  
  3265. <div id="Inquiries" class="page" style="display:none;">
  3266. <div id="pagecontainer">
  3267. <div id="pagecontent">
  3268.  
  3269.  
  3270. <div class="pagenavi" style="margin-left:-25px;">
  3271. <div class="dropdown">
  3272.  
  3273. <button onclick="myFunction()" class="dropbtn">
  3274. Inquiries / Askbox / Curiosities</button>
  3275.  
  3276. </div class="dropdown">
  3277. </div class="pagenavi">
  3278.  
  3279.  
  3280. <!-- TAB ONE -->
  3281.  
  3282.  
  3283. <div class="pageinfo">
  3284.  
  3285. <iframe frameborder="0" allowtransparency="true" scrolling="no" width="418px" height="200px" src="https://www.tumblr.com/ask_form/copiesofher.tumblr.com" style="padding:8px;margin-top:0px; border:1px solid {color:border};" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  3286.  
  3287. </div class="pageinfo">
  3288. </div id="pagecontent">
  3289.  
  3290.  
  3291. </div id="pagecontainer">
  3292.  
  3293.  
  3294. </div id="Inquiries" class="page">
  3295.  
  3296.  
  3297.  
  3298.  
  3299.  
  3300.  
  3301.  
  3302.  
  3303.  
  3304.  
  3305.  
  3306.  
  3307.  
  3308.  
  3309.  
  3310.  
  3311.  
  3312.  
  3313.  
  3314.  
  3315. <!-- PAGE: GUIDELINES -->
  3316.  
  3317. <div id="Guidelines" class="page" style="display:none;">
  3318. <div id="pagecontainer">
  3319. <div id="pagecontent">
  3320.  
  3321.  
  3322. <div class="pagenavi" style="margin-left:-25px;">
  3323. <div class="dropdown">
  3324.  
  3325. <button onclick="myFunction()" class="dropbtn">
  3326. Guidelines / Regulations</button>
  3327.  
  3328. </div class="dropdown">
  3329. </div class="pagenavi">
  3330.  
  3331.  
  3332. <!-- TAB ONE -->
  3333.  
  3334.  
  3335. <div class="pageinfo">
  3336.  
  3337.  
  3338. <h4>WELCOME TO #COPIESOFHER.</h4>
  3339.  
  3340. Hello, my name is Hannah. I am 26 and I hail from the United Kingdom. This is an independent and highly selective multimuse with characters from a handful of fandoms. All characterisations on this blog are entirely my own, as are the headcanons and edits. There are some villains on this blog, please bear in mind that I will not be toning them down.
  3341.  
  3342. <p><blockquote><b>PLEASE TAG ALL NEON COLOURS AS EYE STRAIN AS THEY TRIGGER MIGRAINES FOR ME.</b> If you require an example of what should be tagged, you will find an example here. Repeated failure to tag it will result in an immediate block.
  3343.  
  3344. <p><i>this includes banners, promos and gifsets that take up most of the screen. I do not need it tagged for icons or little things.</i></blockquote>
  3345.  
  3346.  
  3347. <h4>TALKING WITH THE MUN.</h4>
  3348.  
  3349. Please do not get passive-aggressive with me. It’s shit that this needs to be said, but after multiple bad experiences with people who thought a good way to approach an issue they had, it will be met with a hardblock. I am an introvert and conversation doesn’t come easily to me, and I do go quiet sometimes to recharge. Respect that or jog on. Please do not project out of character thirst onto my characters.
  3350.  
  3351. If we have never spoken before, do not message me with the intention to talk about NSFW content. I will not talk about it with anyone but relevant RP partners.
  3352.  
  3353.  
  3354. <h4>DRAMA, VAGUING AND CALLOUT POSTS.</h4>
  3355.  
  3356. If you are frequently involved in drama, vaguing and callout posts, I will not follow. These make me increasingly anxious and uncomfortable when they pop up on dash. My blog is supposed to be an escape from the shit that’s going on in my life. Any attempts to drag me into something that is none of my business will be met with a hard block. I have enough crap going on IRL without it coming across my dash, too.
  3357.  
  3358.  
  3359. <h4>SHIPPING AND ROMANCE.</h4>
  3360.  
  3361. I will not be writing romantic material with anyone outside of @copiesofme. This is not going to change, though I am always open to (and heavily encourage) platonic ones. Give me friendships, enemies, familial and mentorship bonds.
  3362.  
  3363. <p><blockquote><b>*NEW: TWO MUSES ARE OPEN TO SHIPPING.</b> <i>METHREDHEL & CARWEN.</i> Methredhel is open to female muses only & Carwen is fair game. <i>Please note:</i> I will not insta ship or immediately go into romantic plotting. Everything must happen organically through in character interactions.</blockquote>
  3364.  
  3365. Do not hint at wanting to ship. I have made it perfectly clear that I don’t want to ship with anyone outside of the two above. It makes me uncomfortable and it puts me on the spot.
  3366.  
  3367.  
  3368. <h4>TAGGING AND TRIGGERS.</h4>
  3369.  
  3370. I tag any and all triggers with fairly simple tags so people’s blacklists can catch ‘em. Ex: Blood /. If you need something specifically tagged, please don’t hesitate to ask. Your dash needs to be a safe place for you and I will do my best to try to remember. I ask that neon / sharp colours are tagged with eye strain. If you see something tagged that you know is one of your squicks, or makes you uncomfortable and it’s hidden under a read more, that is on you. It was tagged and as hidden as it could be. You are in charge of your own experiences here.
  3371.  
  3372. <blockquote><i>Please note:</i> If you find yourself upset or triggered by the mere mention of something that is correctly tagged, there is a setting in xkit that completely hides the post. It’s a godsend, honestly.</blockquote>
  3373.  
  3374.  
  3375. <h4>PLOTTING.</h4>
  3376.  
  3377. If you have expressed an interest in plotting with me, do not respond to everything I offer with a one-word or dismissive answers. I tend to try my best to offer up one of my many verses, potential divergences, ideas etc. to make it easier to interact. There is nothing more disheartening than offering up ideas and whatnot just to get an: Idk or lol ok. I’m gonna lose interest fairly quickly that way. Plotting takes two to tango.
  3378.  
  3379.  
  3380. <h4>MUN IS NOT MUSE.</h4>
  3381.  
  3382. I'm not any of the muses written on this blog. I'm not responsible for any of their actions. Do not take in-character conflict as a personal slight because your muse insulted mine and they reacted in kind.
  3383.  
  3384.  
  3385. </div class="pageinfo">
  3386. </div id="pagecontent">
  3387.  
  3388.  
  3389.  
  3390. </div id="pagecontainer">
  3391. </div id="Guidelines" class="page">
  3392.  
  3393.  
  3394.  
  3395.  
  3396.  
  3397.  
  3398.  
  3399.  
  3400.  
  3401.  
  3402.  
  3403.  
  3404.  
  3405.  
  3406.  
  3407.  
  3408.  
  3409.  
  3410.  
  3411.  
  3412.  
  3413.  
  3414. <!-- PAGE: TAGS -->
  3415.  
  3416. <div id="Tags" class="page" style="display:none;">
  3417. <div id="pagecontainer">
  3418. <div id="pagecontent">
  3419.  
  3420.  
  3421. <div class="pagenavi" style="margin-left:-25px;">
  3422. <div class="dropdown">
  3423.  
  3424. <button onclick="myFunction()" class="dropbtn">
  3425. Guidelines / Regulations</button>
  3426.  
  3427. </div class="dropdown">
  3428. </div class="pagenavi">
  3429.  
  3430.  
  3431. <!-- TAB ONE -->
  3432.  
  3433.  
  3434. <div class="pageinfo">
  3435.  
  3436. <div class="pagelinks">
  3437.  
  3438. <h4>LINK HEADER</h4>
  3439.  
  3440.  
  3441. <a href="URL">
  3442. LINK TITLE
  3443. </a>
  3444.  
  3445. <a href="URL">
  3446. LINK TITLE
  3447. </a>
  3448.  
  3449. <a href="URL">
  3450. LINK TITLE
  3451. </a>
  3452.  
  3453. <a href="URL">
  3454. LINK TITLE
  3455. </a>
  3456.  
  3457.  
  3458.  
  3459. <h4>LINK HEADER</h4>
  3460.  
  3461.  
  3462. <a href="URL">
  3463. LINK TITLE
  3464. </a>
  3465.  
  3466. <a href="URL">
  3467. LINK TITLE
  3468. </a>
  3469.  
  3470. <a href="URL">
  3471. LINK TITLE
  3472. </a>
  3473.  
  3474. <a href="URL">
  3475. LINK TITLE
  3476. </a>
  3477.  
  3478. </div class="pagelinks">
  3479.  
  3480. </div class="pageinfo">
  3481. </div id="pagecontent">
  3482.  
  3483.  
  3484.  
  3485. </div id="pagecontainer">
  3486. </div id="Tags" class="page">
  3487.  
  3488.  
  3489.  
  3490.  
  3491.  
  3492.  
  3493.  
  3494.  
  3495.  
  3496.  
  3497.  
  3498.  
  3499.  
  3500.  
  3501.  
  3502.  
  3503.  
  3504.  
  3505.  
  3506.  
  3507.  
  3508.  
  3509.  
  3510.  
  3511.  
  3512. <!-- PAGE: Anne -->
  3513.  
  3514. <div id="Anne" class="page" style="display:none;">
  3515. <div id="pagecontainer">
  3516. <div id="pagecontent">
  3517.  
  3518.  
  3519.  
  3520. <div class="pageheader">
  3521. <img src="https://i.imgur.com/Jw0tHx8.png">
  3522. </div class="pageheader">
  3523.  
  3524.  
  3525. <div class="pagenavi">
  3526. <div class="dropdown">
  3527.  
  3528. <button onclick="myFunction()" class="dropbtn">
  3529. (re) Click here for Navigational Pages</button>
  3530. <div id="myDropdown" class="dropdown-content">
  3531.  
  3532. <ul id="tabs">
  3533. <li style="text-align:left;" autofocus>General Information</li>
  3534. <li style="text-align:right;">General Navigation</li>
  3535.  
  3536. </ul id="tabs">
  3537.  
  3538. </div id="myDropdown" class="dropdown-content">
  3539.  
  3540. </div class="dropdown">
  3541. </div class="pagenavi">
  3542.  
  3543.  
  3544. <!-- TAB ONE -->
  3545.  
  3546. <ul id="tab"><li class="active">
  3547.  
  3548. <div class="pageinfo">
  3549.  
  3550. <h4>Anne Bonny</h4>
  3551.  
  3552. Under construction.
  3553.  
  3554.  
  3555.  
  3556.  
  3557. <h4>Exclusives</h4>
  3558.  
  3559. <div class="pagelinks" style="margin-top:12px!important;">
  3560.  
  3561. <a href="URL">
  3562. Name here</a>
  3563.  
  3564. <a href="URL">
  3565. Name here</a>
  3566.  
  3567. </div class="pagelinks">
  3568.  
  3569.  
  3570.  
  3571.  
  3572.  
  3573. </div class="pageinfo">
  3574.  
  3575.  
  3576. </li>
  3577.  
  3578.  
  3579.  
  3580.  
  3581.  
  3582.  
  3583. <!-- TAB TWO -->
  3584.  
  3585. <li>
  3586.  
  3587.  
  3588. <div class="pageinfo">
  3589.  
  3590.  
  3591. <div class="pagelinks">
  3592.  
  3593.  
  3594. <h4>Link header</h4>
  3595.  
  3596. <a href="URL">
  3597. Link here
  3598. </a>
  3599.  
  3600. <a href="URL">
  3601. Link here
  3602. </a>
  3603.  
  3604. <a href="URL">
  3605. Link here
  3606. </a>
  3607.  
  3608. <a href="URL">
  3609. Link here
  3610. </a>
  3611.  
  3612.  
  3613.  
  3614. <h4>Link header</h4>
  3615.  
  3616. <a href="URL">
  3617. Link here
  3618. </a>
  3619.  
  3620. <a href="URL">
  3621. Link here
  3622. </a>
  3623.  
  3624. <a href="URL">
  3625. Link here
  3626. </a>
  3627.  
  3628. <a href="URL">
  3629. Link here
  3630. </a>
  3631.  
  3632.  
  3633.  
  3634.  
  3635. </div class="pagelinks">
  3636.  
  3637. </div class="pageinfo">
  3638. </div id="pagecontent">
  3639.  
  3640. </li></ul>
  3641.  
  3642.  
  3643. </div id="pagecontainer">
  3644.  
  3645.  
  3646. </div id="tabcontent">
  3647. </div id="Anne" class="page">
  3648.  
  3649.  
  3650.  
  3651.  
  3652.  
  3653.  
  3654.  
  3655.  
  3656.  
  3657.  
  3658.  
  3659.  
  3660.  
  3661.  
  3662.  
  3663.  
  3664.  
  3665.  
  3666.  
  3667. <!-- PAGE: Carwen -->
  3668.  
  3669. <div id="Carwen" class="page" style="display:none;">
  3670. <div id="pagecontainer">
  3671. <div id="pagecontent">
  3672.  
  3673.  
  3674.  
  3675. <div class="pageheader">
  3676. <img src="https://i.imgur.com/Jw0tHx8.png">
  3677. </div class="pageheader">
  3678.  
  3679.  
  3680. <div class="pagenavi">
  3681. <div class="dropdown">
  3682.  
  3683. <button onclick="myFunction()" class="dropbtn">
  3684. (re) Click here for Navigational Pages</button>
  3685. <div id="myDropdown" class="dropdown-content">
  3686.  
  3687. <ul id="tabs">
  3688. <li style="text-align:left;" autofocus>General Information</li>
  3689. <li style="text-align:right;">General Navigation</li>
  3690.  
  3691. </ul id="tabs">
  3692.  
  3693. </div id="myDropdown" class="dropdown-content">
  3694.  
  3695. </div class="dropdown">
  3696. </div class="pagenavi">
  3697.  
  3698.  
  3699. <!-- TAB ONE -->
  3700.  
  3701. <ul id="tab"><li class="active">
  3702.  
  3703. <div class="pageinfo">
  3704.  
  3705. <h4>Carwen</h4>
  3706.  
  3707. Under construction.
  3708.  
  3709.  
  3710.  
  3711.  
  3712. <h4>Exclusives</h4>
  3713.  
  3714. <div class="pagelinks" style="margin-top:12px!important;">
  3715.  
  3716. <a href="URL">
  3717. Name here</a>
  3718.  
  3719. <a href="URL">
  3720. Name here</a>
  3721.  
  3722. </div class="pagelinks">
  3723.  
  3724.  
  3725.  
  3726.  
  3727.  
  3728. </div class="pageinfo">
  3729.  
  3730.  
  3731. </li>
  3732.  
  3733.  
  3734.  
  3735.  
  3736.  
  3737.  
  3738. <!-- TAB TWO -->
  3739.  
  3740. <li>
  3741.  
  3742.  
  3743. <div class="pageinfo">
  3744.  
  3745.  
  3746. <div class="pagelinks">
  3747.  
  3748.  
  3749. <h4>Link header</h4>
  3750.  
  3751. <a href="URL">
  3752. Link here
  3753. </a>
  3754.  
  3755. <a href="URL">
  3756. Link here
  3757. </a>
  3758.  
  3759. <a href="URL">
  3760. Link here
  3761. </a>
  3762.  
  3763. <a href="URL">
  3764. Link here
  3765. </a>
  3766.  
  3767.  
  3768.  
  3769. <h4>Link header</h4>
  3770.  
  3771. <a href="URL">
  3772. Link here
  3773. </a>
  3774.  
  3775. <a href="URL">
  3776. Link here
  3777. </a>
  3778.  
  3779. <a href="URL">
  3780. Link here
  3781. </a>
  3782.  
  3783. <a href="URL">
  3784. Link here
  3785. </a>
  3786.  
  3787.  
  3788.  
  3789.  
  3790. </div class="pagelinks">
  3791.  
  3792. </div class="pageinfo">
  3793. </div id="pagecontent">
  3794.  
  3795. </li></ul>
  3796.  
  3797.  
  3798. </div id="pagecontainer">
  3799.  
  3800.  
  3801. </div id="tabcontent">
  3802. </div id="Carwen" class="page">
  3803.  
  3804.  
  3805.  
  3806.  
  3807.  
  3808.  
  3809.  
  3810.  
  3811.  
  3812.  
  3813.  
  3814.  
  3815.  
  3816.  
  3817.  
  3818.  
  3819.  
  3820.  
  3821.  
  3822.  
  3823. <!-- PAGE: Antoinetta -->
  3824.  
  3825. <div id="Antoinetta" class="page" style="display:none;">
  3826. <div id="pagecontainer">
  3827. <div id="pagecontent">
  3828.  
  3829.  
  3830.  
  3831. <div class="pageheader">
  3832. <img src="https://i.imgur.com/Jw0tHx8.png">
  3833. </div class="pageheader">
  3834.  
  3835.  
  3836. <div class="pagenavi">
  3837. <div class="dropdown">
  3838.  
  3839. <button onclick="myFunction()" class="dropbtn">
  3840. (re) Click here for Navigational Pages</button>
  3841. <div id="myDropdown" class="dropdown-content">
  3842.  
  3843. <ul id="tabs">
  3844. <li style="text-align:left;" autofocus>General Information</li>
  3845. <li style="text-align:right;">General Navigation</li>
  3846.  
  3847. </ul id="tabs">
  3848.  
  3849. </div id="myDropdown" class="dropdown-content">
  3850.  
  3851. </div class="dropdown">
  3852. </div class="pagenavi">
  3853.  
  3854.  
  3855. <!-- TAB ONE -->
  3856.  
  3857. <ul id="tab"><li class="active">
  3858.  
  3859. <div class="pageinfo">
  3860.  
  3861. <h4>Antoinetta</h4>
  3862.  
  3863. Under construction.
  3864.  
  3865.  
  3866.  
  3867.  
  3868. <h4>Exclusives</h4>
  3869.  
  3870. <div class="pagelinks" style="margin-top:12px!important;">
  3871.  
  3872. <a href="URL">
  3873. Name here</a>
  3874.  
  3875. <a href="URL">
  3876. Name here</a>
  3877.  
  3878. </div class="pagelinks">
  3879.  
  3880.  
  3881.  
  3882.  
  3883.  
  3884. </div class="pageinfo">
  3885.  
  3886.  
  3887. </li>
  3888.  
  3889.  
  3890.  
  3891.  
  3892.  
  3893.  
  3894. <!-- TAB TWO -->
  3895.  
  3896. <li>
  3897.  
  3898.  
  3899. <div class="pageinfo">
  3900.  
  3901.  
  3902. <div class="pagelinks">
  3903.  
  3904.  
  3905. <h4>Link header</h4>
  3906.  
  3907. <a href="URL">
  3908. Link here
  3909. </a>
  3910.  
  3911. <a href="URL">
  3912. Link here
  3913. </a>
  3914.  
  3915. <a href="URL">
  3916. Link here
  3917. </a>
  3918.  
  3919. <a href="URL">
  3920. Link here
  3921. </a>
  3922.  
  3923.  
  3924.  
  3925. <h4>Link header</h4>
  3926.  
  3927. <a href="URL">
  3928. Link here
  3929. </a>
  3930.  
  3931. <a href="URL">
  3932. Link here
  3933. </a>
  3934.  
  3935. <a href="URL">
  3936. Link here
  3937. </a>
  3938.  
  3939. <a href="URL">
  3940. Link here
  3941. </a>
  3942.  
  3943.  
  3944.  
  3945.  
  3946. </div class="pagelinks">
  3947.  
  3948. </div class="pageinfo">
  3949. </div id="pagecontent">
  3950.  
  3951. </li></ul>
  3952.  
  3953.  
  3954. </div id="pagecontainer">
  3955.  
  3956.  
  3957. </div id="tabcontent">
  3958. </div id="Antoinetta" class="page">
  3959.  
  3960.  
  3961.  
  3962.  
  3963.  
  3964.  
  3965.  
  3966.  
  3967.  
  3968.  
  3969.  
  3970.  
  3971.  
  3972.  
  3973.  
  3974.  
  3975.  
  3976.  
  3977.  
  3978.  
  3979.  
  3980. <!-- PAGE: Methredhel -->
  3981.  
  3982. <div id="Methredhel" class="page" style="display:none;">
  3983. <div id="pagecontainer">
  3984. <div id="pagecontent">
  3985.  
  3986.  
  3987.  
  3988. <div class="pageheader">
  3989. <img src="https://i.imgur.com/Jw0tHx8.png">
  3990. </div class="pageheader">
  3991.  
  3992.  
  3993. <div class="pagenavi">
  3994. <div class="dropdown">
  3995.  
  3996. <button onclick="myFunction()" class="dropbtn">
  3997. (re) Click here for Navigational Pages</button>
  3998. <div id="myDropdown" class="dropdown-content">
  3999.  
  4000. <ul id="tabs">
  4001. <li style="text-align:left;" autofocus>General Information</li>
  4002. <li style="text-align:right;">General Navigation</li>
  4003.  
  4004. </ul id="tabs">
  4005.  
  4006. </div id="myDropdown" class="dropdown-content">
  4007.  
  4008. </div class="dropdown">
  4009. </div class="pagenavi">
  4010.  
  4011.  
  4012. <!-- TAB ONE -->
  4013.  
  4014. <ul id="tab"><li class="active">
  4015.  
  4016. <div class="pageinfo">
  4017.  
  4018. <h4>Methredhel</h4>
  4019.  
  4020. Under construction.
  4021.  
  4022.  
  4023.  
  4024.  
  4025. <h4>Exclusives</h4>
  4026.  
  4027. <div class="pagelinks" style="margin-top:12px!important;">
  4028.  
  4029. <a href="URL">
  4030. Name here</a>
  4031.  
  4032. <a href="URL">
  4033. Name here</a>
  4034.  
  4035. </div class="pagelinks">
  4036.  
  4037.  
  4038.  
  4039.  
  4040.  
  4041. </div class="pageinfo">
  4042.  
  4043.  
  4044. </li>
  4045.  
  4046.  
  4047.  
  4048.  
  4049.  
  4050.  
  4051. <!-- TAB TWO -->
  4052.  
  4053. <li>
  4054.  
  4055.  
  4056. <div class="pageinfo">
  4057.  
  4058.  
  4059. <div class="pagelinks">
  4060.  
  4061.  
  4062. <h4>Link header</h4>
  4063.  
  4064. <a href="URL">
  4065. Link here
  4066. </a>
  4067.  
  4068. <a href="URL">
  4069. Link here
  4070. </a>
  4071.  
  4072. <a href="URL">
  4073. Link here
  4074. </a>
  4075.  
  4076. <a href="URL">
  4077. Link here
  4078. </a>
  4079.  
  4080.  
  4081.  
  4082. <h4>Link header</h4>
  4083.  
  4084. <a href="URL">
  4085. Link here
  4086. </a>
  4087.  
  4088. <a href="URL">
  4089. Link here
  4090. </a>
  4091.  
  4092. <a href="URL">
  4093. Link here
  4094. </a>
  4095.  
  4096. <a href="URL">
  4097. Link here
  4098. </a>
  4099.  
  4100.  
  4101.  
  4102.  
  4103. </div class="pagelinks">
  4104.  
  4105. </div class="pageinfo">
  4106. </div id="pagecontent">
  4107.  
  4108. </li></ul>
  4109.  
  4110.  
  4111. </div id="pagecontainer">
  4112.  
  4113.  
  4114. </div id="tabcontent">
  4115. </div id="Methredhel" class="page">
  4116.  
  4117.  
  4118.  
  4119.  
  4120.  
  4121.  
  4122.  
  4123.  
  4124.  
  4125.  
  4126.  
  4127.  
  4128.  
  4129.  
  4130.  
  4131.  
  4132.  
  4133.  
  4134.  
  4135.  
  4136.  
  4137.  
  4138.  
  4139.  
  4140.  
  4141. <!-- PAGE: Augusta -->
  4142.  
  4143. <div id="Augusta" class="page" style="display:none;">
  4144. <div id="pagecontainer">
  4145. <div id="pagecontent">
  4146.  
  4147.  
  4148.  
  4149. <div class="pageheader">
  4150. <img src="https://i.imgur.com/Jw0tHx8.png">
  4151. </div class="pageheader">
  4152.  
  4153.  
  4154. <div class="pagenavi">
  4155. <div class="dropdown">
  4156.  
  4157. <button onclick="myFunction()" class="dropbtn">
  4158. (re) Click here for Navigational Pages</button>
  4159. <div id="myDropdown" class="dropdown-content">
  4160.  
  4161. <ul id="tabs">
  4162. <li style="text-align:left;" autofocus>General Information</li>
  4163. <li style="text-align:right;">General Navigation</li>
  4164.  
  4165. </ul id="tabs">
  4166.  
  4167. </div id="myDropdown" class="dropdown-content">
  4168.  
  4169. </div class="dropdown">
  4170. </div class="pagenavi">
  4171.  
  4172.  
  4173. <!-- TAB ONE -->
  4174.  
  4175. <ul id="tab"><li class="active">
  4176.  
  4177. <div class="pageinfo">
  4178.  
  4179. <h4>Augusta</h4>
  4180.  
  4181. Under construction.
  4182.  
  4183.  
  4184.  
  4185.  
  4186. <h4>Exclusives</h4>
  4187.  
  4188. <div class="pagelinks" style="margin-top:12px!important;">
  4189.  
  4190. <a href="URL">
  4191. Name here</a>
  4192.  
  4193. <a href="URL">
  4194. Name here</a>
  4195.  
  4196. </div class="pagelinks">
  4197.  
  4198.  
  4199.  
  4200.  
  4201.  
  4202. </div class="pageinfo">
  4203.  
  4204.  
  4205. </li>
  4206.  
  4207.  
  4208.  
  4209.  
  4210.  
  4211.  
  4212. <!-- TAB TWO -->
  4213.  
  4214. <li>
  4215.  
  4216.  
  4217. <div class="pageinfo">
  4218.  
  4219.  
  4220. <div class="pagelinks">
  4221.  
  4222.  
  4223. <h4>Link header</h4>
  4224.  
  4225. <a href="URL">
  4226. Link here
  4227. </a>
  4228.  
  4229. <a href="URL">
  4230. Link here
  4231. </a>
  4232.  
  4233. <a href="URL">
  4234. Link here
  4235. </a>
  4236.  
  4237. <a href="URL">
  4238. Link here
  4239. </a>
  4240.  
  4241.  
  4242.  
  4243. <h4>Link header</h4>
  4244.  
  4245. <a href="URL">
  4246. Link here
  4247. </a>
  4248.  
  4249. <a href="URL">
  4250. Link here
  4251. </a>
  4252.  
  4253. <a href="URL">
  4254. Link here
  4255. </a>
  4256.  
  4257. <a href="URL">
  4258. Link here
  4259. </a>
  4260.  
  4261.  
  4262.  
  4263.  
  4264. </div class="pagelinks">
  4265.  
  4266. </div class="pageinfo">
  4267. </div id="pagecontent">
  4268.  
  4269. </li></ul>
  4270.  
  4271.  
  4272. </div id="pagecontainer">
  4273.  
  4274.  
  4275. </div id="tabcontent">
  4276. </div id="Augusta" class="page">
  4277.  
  4278.  
  4279.  
  4280.  
  4281.  
  4282.  
  4283.  
  4284.  
  4285.  
  4286.  
  4287.  
  4288.  
  4289.  
  4290.  
  4291.  
  4292.  
  4293.  
  4294.  
  4295.  
  4296.  
  4297. <!-- PAGE: Maeve -->
  4298.  
  4299. <div id="Maeve" class="page" style="display:none;">
  4300. <div id="pagecontainer">
  4301. <div id="pagecontent">
  4302.  
  4303.  
  4304.  
  4305. <div class="pageheader">
  4306. <img src="https://i.imgur.com/Jw0tHx8.png">
  4307. </div class="pageheader">
  4308.  
  4309.  
  4310. <div class="pagenavi">
  4311. <div class="dropdown">
  4312.  
  4313. <button onclick="myFunction()" class="dropbtn">
  4314. (re) Click here for Navigational Pages</button>
  4315. <div id="myDropdown" class="dropdown-content">
  4316.  
  4317. <ul id="tabs">
  4318. <li style="text-align:left;" autofocus>General Information</li>
  4319. <li style="text-align:right;">General Navigation</li>
  4320.  
  4321. </ul id="tabs">
  4322.  
  4323. </div id="myDropdown" class="dropdown-content">
  4324.  
  4325. </div class="dropdown">
  4326. </div class="pagenavi">
  4327.  
  4328.  
  4329. <!-- TAB ONE -->
  4330.  
  4331. <ul id="tab"><li class="active">
  4332.  
  4333. <div class="pageinfo">
  4334.  
  4335. <h4>Maeve</h4>
  4336.  
  4337. Under construction.
  4338.  
  4339.  
  4340.  
  4341.  
  4342. <h4>Exclusives</h4>
  4343.  
  4344. <div class="pagelinks" style="margin-top:12px!important;">
  4345.  
  4346. <a href="URL">
  4347. Name here</a>
  4348.  
  4349. <a href="URL">
  4350. Name here</a>
  4351.  
  4352. </div class="pagelinks">
  4353.  
  4354.  
  4355.  
  4356.  
  4357.  
  4358. </div class="pageinfo">
  4359.  
  4360.  
  4361. </li>
  4362.  
  4363.  
  4364.  
  4365.  
  4366.  
  4367.  
  4368. <!-- TAB TWO -->
  4369.  
  4370. <li>
  4371.  
  4372.  
  4373. <div class="pageinfo">
  4374.  
  4375.  
  4376. <div class="pagelinks">
  4377.  
  4378.  
  4379. <h4>Link header</h4>
  4380.  
  4381. <a href="URL">
  4382. Link here
  4383. </a>
  4384.  
  4385. <a href="URL">
  4386. Link here
  4387. </a>
  4388.  
  4389. <a href="URL">
  4390. Link here
  4391. </a>
  4392.  
  4393. <a href="URL">
  4394. Link here
  4395. </a>
  4396.  
  4397.  
  4398.  
  4399. <h4>Link header</h4>
  4400.  
  4401. <a href="URL">
  4402. Link here
  4403. </a>
  4404.  
  4405. <a href="URL">
  4406. Link here
  4407. </a>
  4408.  
  4409. <a href="URL">
  4410. Link here
  4411. </a>
  4412.  
  4413. <a href="URL">
  4414. Link here
  4415. </a>
  4416.  
  4417.  
  4418.  
  4419.  
  4420. </div class="pagelinks">
  4421.  
  4422. </div class="pageinfo">
  4423. </div id="pagecontent">
  4424.  
  4425. </li></ul>
  4426.  
  4427.  
  4428. </div id="pagecontainer">
  4429.  
  4430.  
  4431. </div id="tabcontent">
  4432. </div id="Maeve" class="page">
  4433.  
  4434.  
  4435.  
  4436.  
  4437.  
  4438.  
  4439.  
  4440.  
  4441.  
  4442.  
  4443.  
  4444.  
  4445.  
  4446.  
  4447.  
  4448.  
  4449.  
  4450.  
  4451.  
  4452.  
  4453.  
  4454.  
  4455.  
  4456.  
  4457.  
  4458.  
  4459.  
  4460. <!-- PAGE: Morgana -->
  4461.  
  4462. <div id="Morgana" class="page" style="display:none;">
  4463. <div id="pagecontainer">
  4464. <div id="pagecontent">
  4465.  
  4466.  
  4467.  
  4468. <div class="pageheader">
  4469. <img src="https://i.imgur.com/Jw0tHx8.png">
  4470. </div class="pageheader">
  4471.  
  4472.  
  4473. <div class="pagenavi">
  4474. <div class="dropdown">
  4475.  
  4476. <button onclick="myFunction()" class="dropbtn">
  4477. (re) Click here for Navigational Pages</button>
  4478. <div id="myDropdown" class="dropdown-content">
  4479.  
  4480. <ul id="tabs">
  4481. <li style="text-align:left;" autofocus>General Information</li>
  4482. <li style="text-align:right;">General Navigation</li>
  4483.  
  4484. </ul id="tabs">
  4485.  
  4486. </div id="myDropdown" class="dropdown-content">
  4487.  
  4488. </div class="dropdown">
  4489. </div class="pagenavi">
  4490.  
  4491.  
  4492. <!-- TAB ONE -->
  4493.  
  4494. <ul id="tab"><li class="active">
  4495.  
  4496. <div class="pageinfo">
  4497.  
  4498. <h4>Morgana</h4>
  4499.  
  4500. Under construction.
  4501.  
  4502.  
  4503.  
  4504.  
  4505. <h4>Exclusives</h4>
  4506.  
  4507. <div class="pagelinks" style="margin-top:12px!important;">
  4508.  
  4509. <a href="URL">
  4510. Name here</a>
  4511.  
  4512. <a href="URL">
  4513. Name here</a>
  4514.  
  4515. </div class="pagelinks">
  4516.  
  4517.  
  4518.  
  4519.  
  4520.  
  4521. </div class="pageinfo">
  4522.  
  4523.  
  4524. </li>
  4525.  
  4526.  
  4527.  
  4528.  
  4529.  
  4530.  
  4531. <!-- TAB TWO -->
  4532.  
  4533. <li>
  4534.  
  4535.  
  4536. <div class="pageinfo">
  4537.  
  4538.  
  4539. <div class="pagelinks">
  4540.  
  4541.  
  4542. <h4>Link header</h4>
  4543.  
  4544. <a href="URL">
  4545. Link here
  4546. </a>
  4547.  
  4548. <a href="URL">
  4549. Link here
  4550. </a>
  4551.  
  4552. <a href="URL">
  4553. Link here
  4554. </a>
  4555.  
  4556. <a href="URL">
  4557. Link here
  4558. </a>
  4559.  
  4560.  
  4561.  
  4562. <h4>Link header</h4>
  4563.  
  4564. <a href="URL">
  4565. Link here
  4566. </a>
  4567.  
  4568. <a href="URL">
  4569. Link here
  4570. </a>
  4571.  
  4572. <a href="URL">
  4573. Link here
  4574. </a>
  4575.  
  4576. <a href="URL">
  4577. Link here
  4578. </a>
  4579.  
  4580.  
  4581.  
  4582.  
  4583. </div class="pagelinks">
  4584.  
  4585. </div class="pageinfo">
  4586. </div id="pagecontent">
  4587.  
  4588. </li></ul>
  4589.  
  4590.  
  4591. </div id="pagecontainer">
  4592.  
  4593.  
  4594. </div id="tabcontent">
  4595. </div id="Morgana" class="page">
  4596.  
  4597.  
  4598.  
  4599.  
  4600.  
  4601.  
  4602.  
  4603.  
  4604.  
  4605.  
  4606.  
  4607.  
  4608.  
  4609.  
  4610.  
  4611.  
  4612.  
  4613.  
  4614.  
  4615.  
  4616. <!-- PAGE: Bula -->
  4617.  
  4618. <div id="Bula" class="page" style="display:none;">
  4619. <div id="pagecontainer">
  4620. <div id="pagecontent">
  4621.  
  4622.  
  4623.  
  4624. <div class="pageheader">
  4625. <img src="https://i.imgur.com/Jw0tHx8.png">
  4626. </div class="pageheader">
  4627.  
  4628.  
  4629. <div class="pagenavi">
  4630. <div class="dropdown">
  4631.  
  4632. <button onclick="myFunction()" class="dropbtn">
  4633. (re) Click here for Navigational Pages</button>
  4634. <div id="myDropdown" class="dropdown-content">
  4635.  
  4636. <ul id="tabs">
  4637. <li style="text-align:left;" autofocus>General Information</li>
  4638. <li style="text-align:right;">General Navigation</li>
  4639.  
  4640. </ul id="tabs">
  4641.  
  4642. </div id="myDropdown" class="dropdown-content">
  4643.  
  4644. </div class="dropdown">
  4645. </div class="pagenavi">
  4646.  
  4647.  
  4648. <!-- TAB ONE -->
  4649.  
  4650. <ul id="tab"><li class="active">
  4651.  
  4652. <div class="pageinfo">
  4653.  
  4654. <h4>Bula</h4>
  4655.  
  4656. Under construction.
  4657.  
  4658.  
  4659.  
  4660.  
  4661. <h4>Exclusives</h4>
  4662.  
  4663. <div class="pagelinks" style="margin-top:12px!important;">
  4664.  
  4665. <a href="URL">
  4666. Name here</a>
  4667.  
  4668. <a href="URL">
  4669. Name here</a>
  4670.  
  4671. </div class="pagelinks">
  4672.  
  4673.  
  4674.  
  4675.  
  4676.  
  4677. </div class="pageinfo">
  4678.  
  4679.  
  4680. </li>
  4681.  
  4682.  
  4683.  
  4684.  
  4685.  
  4686.  
  4687. <!-- TAB TWO -->
  4688.  
  4689. <li>
  4690.  
  4691.  
  4692. <div class="pageinfo">
  4693.  
  4694.  
  4695. <div class="pagelinks">
  4696.  
  4697.  
  4698. <h4>Link header</h4>
  4699.  
  4700. <a href="URL">
  4701. Link here
  4702. </a>
  4703.  
  4704. <a href="URL">
  4705. Link here
  4706. </a>
  4707.  
  4708. <a href="URL">
  4709. Link here
  4710. </a>
  4711.  
  4712. <a href="URL">
  4713. Link here
  4714. </a>
  4715.  
  4716.  
  4717.  
  4718. <h4>Link header</h4>
  4719.  
  4720. <a href="URL">
  4721. Link here
  4722. </a>
  4723.  
  4724. <a href="URL">
  4725. Link here
  4726. </a>
  4727.  
  4728. <a href="URL">
  4729. Link here
  4730. </a>
  4731.  
  4732. <a href="URL">
  4733. Link here
  4734. </a>
  4735.  
  4736.  
  4737.  
  4738.  
  4739. </div class="pagelinks">
  4740.  
  4741. </div class="pageinfo">
  4742. </div id="pagecontent">
  4743.  
  4744. </li></ul>
  4745.  
  4746.  
  4747. </div id="pagecontainer">
  4748.  
  4749.  
  4750. </div id="tabcontent">
  4751. </div id="Bula" class="page">
  4752.  
  4753.  
  4754.  
  4755.  
  4756.  
  4757.  
  4758.  
  4759.  
  4760.  
  4761.  
  4762.  
  4763.  
  4764.  
  4765.  
  4766.  
  4767.  
  4768.  
  4769.  
  4770.  
  4771.  
  4772.  
  4773.  
  4774.  
  4775.  
  4776.  
  4777.  
  4778.  
  4779.  
  4780.  
  4781.  
  4782.  
  4783.  
  4784. <!-- PAGE: Clara -->
  4785.  
  4786. <div id="Clara" class="page" style="display:none;">
  4787. <div id="pagecontainer">
  4788. <div id="pagecontent">
  4789.  
  4790.  
  4791.  
  4792. <div class="pageheader">
  4793. <img src="https://i.imgur.com/Jw0tHx8.png">
  4794. </div class="pageheader">
  4795.  
  4796.  
  4797. <div class="pagenavi">
  4798. <div class="dropdown">
  4799.  
  4800. <button onclick="myFunction()" class="dropbtn">
  4801. (re) Click here for Navigational Pages</button>
  4802. <div id="myDropdown" class="dropdown-content">
  4803.  
  4804. <ul id="tabs">
  4805. <li style="text-align:left;" autofocus>General Information</li>
  4806. <li style="text-align:right;">General Navigation</li>
  4807.  
  4808. </ul id="tabs">
  4809.  
  4810. </div id="myDropdown" class="dropdown-content">
  4811.  
  4812. </div class="dropdown">
  4813. </div class="pagenavi">
  4814.  
  4815.  
  4816. <!-- TAB ONE -->
  4817.  
  4818. <ul id="tab"><li class="active">
  4819.  
  4820. <div class="pageinfo">
  4821.  
  4822. <h4>Clara</h4>
  4823.  
  4824. Under construction.
  4825.  
  4826.  
  4827.  
  4828.  
  4829. <h4>Exclusives</h4>
  4830.  
  4831. <div class="pagelinks" style="margin-top:12px!important;">
  4832.  
  4833. <a href="URL">
  4834. Name here</a>
  4835.  
  4836. <a href="URL">
  4837. Name here</a>
  4838.  
  4839. </div class="pagelinks">
  4840.  
  4841.  
  4842.  
  4843.  
  4844.  
  4845. </div class="pageinfo">
  4846.  
  4847.  
  4848. </li>
  4849.  
  4850.  
  4851.  
  4852.  
  4853.  
  4854.  
  4855. <!-- TAB TWO -->
  4856.  
  4857. <li>
  4858.  
  4859.  
  4860. <div class="pageinfo">
  4861.  
  4862.  
  4863. <div class="pagelinks">
  4864.  
  4865.  
  4866. <h4>Link header</h4>
  4867.  
  4868. <a href="URL">
  4869. Link here
  4870. </a>
  4871.  
  4872. <a href="URL">
  4873. Link here
  4874. </a>
  4875.  
  4876. <a href="URL">
  4877. Link here
  4878. </a>
  4879.  
  4880. <a href="URL">
  4881. Link here
  4882. </a>
  4883.  
  4884.  
  4885.  
  4886. <h4>Link header</h4>
  4887.  
  4888. <a href="URL">
  4889. Link here
  4890. </a>
  4891.  
  4892. <a href="URL">
  4893. Link here
  4894. </a>
  4895.  
  4896. <a href="URL">
  4897. Link here
  4898. </a>
  4899.  
  4900. <a href="URL">
  4901. Link here
  4902. </a>
  4903.  
  4904.  
  4905.  
  4906.  
  4907. </div class="pagelinks">
  4908.  
  4909. </div class="pageinfo">
  4910. </div id="pagecontent">
  4911.  
  4912. </li></ul>
  4913.  
  4914.  
  4915. </div id="pagecontainer">
  4916.  
  4917.  
  4918. </div id="tabcontent">
  4919. </div id="Clara" class="page">
  4920.  
  4921.  
  4922.  
  4923.  
  4924.  
  4925.  
  4926.  
  4927.  
  4928.  
  4929.  
  4930.  
  4931.  
  4932.  
  4933.  
  4934.  
  4935.  
  4936.  
  4937.  
  4938.  
  4939.  
  4940.  
  4941.  
  4942.  
  4943.  
  4944.  
  4945.  
  4946.  
  4947.  
  4948.  
  4949.  
  4950.  
  4951.  
  4952. <!-- PAGE: Logan -->
  4953.  
  4954. <div id="Logan" class="page" style="display:none;">
  4955. <div id="pagecontainer">
  4956. <div id="pagecontent">
  4957.  
  4958.  
  4959.  
  4960. <div class="pageheader">
  4961. <img src="https://i.imgur.com/Jw0tHx8.png">
  4962. </div class="pageheader">
  4963.  
  4964.  
  4965. <div class="pagenavi">
  4966. <div class="dropdown">
  4967.  
  4968. <button onclick="myFunction()" class="dropbtn">
  4969. (re) Click here for Navigational Pages</button>
  4970. <div id="myDropdown" class="dropdown-content">
  4971.  
  4972. <ul id="tabs">
  4973. <li style="text-align:left;" autofocus>General Information</li>
  4974. <li style="text-align:right;">General Navigation</li>
  4975.  
  4976. </ul id="tabs">
  4977.  
  4978. </div id="myDropdown" class="dropdown-content">
  4979.  
  4980. </div class="dropdown">
  4981. </div class="pagenavi">
  4982.  
  4983.  
  4984. <!-- TAB ONE -->
  4985.  
  4986. <ul id="tab"><li class="active">
  4987.  
  4988. <div class="pageinfo">
  4989.  
  4990. <h4>Logan</h4>
  4991.  
  4992. Under construction.
  4993.  
  4994.  
  4995.  
  4996.  
  4997. <h4>Exclusives</h4>
  4998.  
  4999. <div class="pagelinks" style="margin-top:12px!important;">
  5000.  
  5001. <a href="URL">
  5002. Name here</a>
  5003.  
  5004. <a href="URL">
  5005. Name here</a>
  5006.  
  5007. </div class="pagelinks">
  5008.  
  5009.  
  5010.  
  5011.  
  5012.  
  5013. </div class="pageinfo">
  5014.  
  5015.  
  5016. </li>
  5017.  
  5018.  
  5019.  
  5020.  
  5021.  
  5022.  
  5023. <!-- TAB TWO -->
  5024.  
  5025. <li>
  5026.  
  5027.  
  5028. <div class="pageinfo">
  5029.  
  5030.  
  5031. <div class="pagelinks">
  5032.  
  5033.  
  5034. <h4>Link header</h4>
  5035.  
  5036. <a href="URL">
  5037. Link here
  5038. </a>
  5039.  
  5040. <a href="URL">
  5041. Link here
  5042. </a>
  5043.  
  5044. <a href="URL">
  5045. Link here
  5046. </a>
  5047.  
  5048. <a href="URL">
  5049. Link here
  5050. </a>
  5051.  
  5052.  
  5053.  
  5054. <h4>Link header</h4>
  5055.  
  5056. <a href="URL">
  5057. Link here
  5058. </a>
  5059.  
  5060. <a href="URL">
  5061. Link here
  5062. </a>
  5063.  
  5064. <a href="URL">
  5065. Link here
  5066. </a>
  5067.  
  5068. <a href="URL">
  5069. Link here
  5070. </a>
  5071.  
  5072.  
  5073.  
  5074.  
  5075. </div class="pagelinks">
  5076.  
  5077. </div class="pageinfo">
  5078. </div id="pagecontent">
  5079.  
  5080. </li></ul>
  5081.  
  5082.  
  5083. </div id="pagecontainer">
  5084.  
  5085.  
  5086. </div id="tabcontent">
  5087. </div id="Logan" class="page">
  5088.  
  5089.  
  5090.  
  5091.  
  5092.  
  5093.  
  5094.  
  5095.  
  5096.  
  5097.  
  5098.  
  5099.  
  5100.  
  5101.  
  5102.  
  5103.  
  5104.  
  5105.  
  5106.  
  5107.  
  5108.  
  5109.  
  5110.  
  5111.  
  5112.  
  5113.  
  5114.  
  5115.  
  5116.  
  5117.  
  5118.  
  5119.  
  5120. <!-- PAGE: Winifred -->
  5121.  
  5122. <div id="Winifred" class="page" style="display:none;">
  5123. <div id="pagecontainer">
  5124. <div id="pagecontent">
  5125.  
  5126.  
  5127.  
  5128. <div class="pageheader">
  5129. <img src="https://i.imgur.com/Jw0tHx8.png">
  5130. </div class="pageheader">
  5131.  
  5132.  
  5133. <div class="pagenavi">
  5134. <div class="dropdown">
  5135.  
  5136. <button onclick="myFunction()" class="dropbtn">
  5137. (re) Click here for Navigational Pages</button>
  5138. <div id="myDropdown" class="dropdown-content">
  5139.  
  5140. <ul id="tabs">
  5141. <li style="text-align:left;" autofocus>General Information</li>
  5142. <li style="text-align:right;">General Navigation</li>
  5143.  
  5144. </ul id="tabs">
  5145.  
  5146. </div id="myDropdown" class="dropdown-content">
  5147.  
  5148. </div class="dropdown">
  5149. </div class="pagenavi">
  5150.  
  5151.  
  5152. <!-- TAB ONE -->
  5153.  
  5154. <ul id="tab"><li class="active">
  5155.  
  5156. <div class="pageinfo">
  5157.  
  5158. <h4>Winifred</h4>
  5159.  
  5160. Under construction.
  5161.  
  5162.  
  5163.  
  5164.  
  5165. <h4>Exclusives</h4>
  5166.  
  5167. <div class="pagelinks" style="margin-top:12px!important;">
  5168.  
  5169. <a href="URL">
  5170. Name here</a>
  5171.  
  5172. <a href="URL">
  5173. Name here</a>
  5174.  
  5175. </div class="pagelinks">
  5176.  
  5177.  
  5178.  
  5179.  
  5180.  
  5181. </div class="pageinfo">
  5182.  
  5183.  
  5184. </li>
  5185.  
  5186.  
  5187.  
  5188.  
  5189.  
  5190.  
  5191. <!-- TAB TWO -->
  5192.  
  5193. <li>
  5194.  
  5195.  
  5196. <div class="pageinfo">
  5197.  
  5198.  
  5199. <div class="pagelinks">
  5200.  
  5201.  
  5202. <h4>Link header</h4>
  5203.  
  5204. <a href="URL">
  5205. Link here
  5206. </a>
  5207.  
  5208. <a href="URL">
  5209. Link here
  5210. </a>
  5211.  
  5212. <a href="URL">
  5213. Link here
  5214. </a>
  5215.  
  5216. <a href="URL">
  5217. Link here
  5218. </a>
  5219.  
  5220.  
  5221.  
  5222. <h4>Link header</h4>
  5223.  
  5224. <a href="URL">
  5225. Link here
  5226. </a>
  5227.  
  5228. <a href="URL">
  5229. Link here
  5230. </a>
  5231.  
  5232. <a href="URL">
  5233. Link here
  5234. </a>
  5235.  
  5236. <a href="URL">
  5237. Link here
  5238. </a>
  5239.  
  5240.  
  5241.  
  5242.  
  5243. </div class="pagelinks">
  5244.  
  5245. </div class="pageinfo">
  5246. </div id="pagecontent">
  5247.  
  5248. </li></ul>
  5249.  
  5250.  
  5251. </div id="pagecontainer">
  5252.  
  5253.  
  5254. </div id="tabcontent">
  5255. </div id="Winifred" class="page">
  5256.  
  5257.  
  5258.  
  5259.  
  5260.  
  5261.  
  5262.  
  5263.  
  5264.  
  5265.  
  5266.  
  5267.  
  5268.  
  5269.  
  5270.  
  5271.  
  5272.  
  5273.  
  5274.  
  5275.  
  5276.  
  5277.  
  5278.  
  5279.  
  5280.  
  5281.  
  5282.  
  5283.  
  5284.  
  5285.  
  5286.  
  5287.  
  5288.  
  5289.  
  5290.  
  5291.  
  5292.  
  5293.  
  5294.  
  5295.  
  5296. <!-- PAGE: Penelope -->
  5297.  
  5298. <div id="Penelope" class="page" style="display:none;">
  5299. <div id="pagecontainer">
  5300. <div id="pagecontent">
  5301.  
  5302.  
  5303.  
  5304. <div class="pageheader">
  5305. <img src="https://i.imgur.com/Jw0tHx8.png">
  5306. </div class="pageheader">
  5307.  
  5308.  
  5309. <div class="pagenavi">
  5310. <div class="dropdown">
  5311.  
  5312. <button onclick="myFunction()" class="dropbtn">
  5313. (re) Click here for Navigational Pages</button>
  5314. <div id="myDropdown" class="dropdown-content">
  5315.  
  5316. <ul id="tabs">
  5317. <li style="text-align:left;" autofocus>General Information</li>
  5318. <li style="text-align:right;">General Navigation</li>
  5319.  
  5320. </ul id="tabs">
  5321.  
  5322. </div id="myDropdown" class="dropdown-content">
  5323.  
  5324. </div class="dropdown">
  5325. </div class="pagenavi">
  5326.  
  5327.  
  5328. <!-- TAB ONE -->
  5329.  
  5330. <ul id="tab"><li class="active">
  5331.  
  5332. <div class="pageinfo">
  5333.  
  5334. <h4>Penelope</h4>
  5335.  
  5336. Under construction.
  5337.  
  5338.  
  5339.  
  5340.  
  5341. <h4>Exclusives</h4>
  5342.  
  5343. <div class="pagelinks" style="margin-top:12px!important;">
  5344.  
  5345. <a href="URL">
  5346. Name here</a>
  5347.  
  5348. <a href="URL">
  5349. Name here</a>
  5350.  
  5351. </div class="pagelinks">
  5352.  
  5353.  
  5354.  
  5355.  
  5356.  
  5357. </div class="pageinfo">
  5358.  
  5359.  
  5360. </li>
  5361.  
  5362.  
  5363.  
  5364.  
  5365.  
  5366.  
  5367. <!-- TAB TWO -->
  5368.  
  5369. <li>
  5370.  
  5371.  
  5372. <div class="pageinfo">
  5373.  
  5374.  
  5375. <div class="pagelinks">
  5376.  
  5377.  
  5378. <h4>Link header</h4>
  5379.  
  5380. <a href="URL">
  5381. Link here
  5382. </a>
  5383.  
  5384. <a href="URL">
  5385. Link here
  5386. </a>
  5387.  
  5388. <a href="URL">
  5389. Link here
  5390. </a>
  5391.  
  5392. <a href="URL">
  5393. Link here
  5394. </a>
  5395.  
  5396.  
  5397.  
  5398. <h4>Link header</h4>
  5399.  
  5400. <a href="URL">
  5401. Link here
  5402. </a>
  5403.  
  5404. <a href="URL">
  5405. Link here
  5406. </a>
  5407.  
  5408. <a href="URL">
  5409. Link here
  5410. </a>
  5411.  
  5412. <a href="URL">
  5413. Link here
  5414. </a>
  5415.  
  5416.  
  5417.  
  5418.  
  5419. </div class="pagelinks">
  5420.  
  5421. </div class="pageinfo">
  5422. </div id="pagecontent">
  5423.  
  5424. </li></ul>
  5425.  
  5426.  
  5427. </div id="pagecontainer">
  5428.  
  5429.  
  5430. </div id="tabcontent">
  5431. </div id="Penelope" class="page">
  5432.  
  5433.  
  5434.  
  5435.  
  5436.  
  5437.  
  5438.  
  5439.  
  5440.  
  5441.  
  5442.  
  5443.  
  5444.  
  5445.  
  5446.  
  5447.  
  5448.  
  5449.  
  5450.  
  5451.  
  5452.  
  5453.  
  5454.  
  5455. <!-- PAGE: Mattie -->
  5456.  
  5457. <div id="Mattie" class="page" style="display:none;">
  5458. <div id="pagecontainer">
  5459. <div id="pagecontent">
  5460.  
  5461.  
  5462.  
  5463. <div class="pageheader">
  5464. <img src="https://i.imgur.com/Jw0tHx8.png">
  5465. </div class="pageheader">
  5466.  
  5467.  
  5468. <div class="pagenavi">
  5469. <div class="dropdown">
  5470.  
  5471. <button onclick="myFunction()" class="dropbtn">
  5472. (re) Click here for Navigational Pages</button>
  5473. <div id="myDropdown" class="dropdown-content">
  5474.  
  5475. <ul id="tabs">
  5476. <li style="text-align:left;" autofocus>General Information</li>
  5477. <li style="text-align:right;">General Navigation</li>
  5478.  
  5479. </ul id="tabs">
  5480.  
  5481. </div id="myDropdown" class="dropdown-content">
  5482.  
  5483. </div class="dropdown">
  5484. </div class="pagenavi">
  5485.  
  5486.  
  5487. <!-- TAB ONE -->
  5488.  
  5489. <ul id="tab"><li class="active">
  5490.  
  5491. <div class="pageinfo">
  5492.  
  5493. <h4>Mattie</h4>
  5494.  
  5495. Under construction.
  5496.  
  5497.  
  5498.  
  5499.  
  5500. <h4>Exclusives</h4>
  5501.  
  5502. <div class="pagelinks" style="margin-top:12px!important;">
  5503.  
  5504. <a href="URL">
  5505. Name here</a>
  5506.  
  5507. <a href="URL">
  5508. Name here</a>
  5509.  
  5510. </div class="pagelinks">
  5511.  
  5512.  
  5513.  
  5514.  
  5515.  
  5516. </div class="pageinfo">
  5517.  
  5518.  
  5519. </li>
  5520.  
  5521.  
  5522.  
  5523.  
  5524.  
  5525.  
  5526. <!-- TAB TWO -->
  5527.  
  5528. <li>
  5529.  
  5530.  
  5531. <div class="pageinfo">
  5532.  
  5533.  
  5534. <div class="pagelinks">
  5535.  
  5536.  
  5537. <h4>Link header</h4>
  5538.  
  5539. <a href="URL">
  5540. Link here
  5541. </a>
  5542.  
  5543. <a href="URL">
  5544. Link here
  5545. </a>
  5546.  
  5547. <a href="URL">
  5548. Link here
  5549. </a>
  5550.  
  5551. <a href="URL">
  5552. Link here
  5553. </a>
  5554.  
  5555.  
  5556.  
  5557. <h4>Link header</h4>
  5558.  
  5559. <a href="URL">
  5560. Link here
  5561. </a>
  5562.  
  5563. <a href="URL">
  5564. Link here
  5565. </a>
  5566.  
  5567. <a href="URL">
  5568. Link here
  5569. </a>
  5570.  
  5571. <a href="URL">
  5572. Link here
  5573. </a>
  5574.  
  5575.  
  5576.  
  5577.  
  5578. </div class="pagelinks">
  5579.  
  5580. </div class="pageinfo">
  5581. </div id="pagecontent">
  5582.  
  5583. </li></ul>
  5584.  
  5585.  
  5586. </div id="pagecontainer">
  5587.  
  5588.  
  5589. </div id="tabcontent">
  5590. </div id="Mattie" class="page">
  5591.  
  5592.  
  5593.  
  5594.  
  5595.  
  5596.  
  5597.  
  5598. </body>
  5599. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!