API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 23rd, 2020
97
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 141.20 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3.  
  4.  
  5. <!-- (BASE) THEME BY SAE (INIZIARE) -->
  6.  
  7.  
  8.  
  9. <head>
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}
  14. <meta name="description" content="{MetaDescription}" />
  15. {/block:Description}
  16. </head>
  17.  
  18.  
  19.  
  20.  
  21.  
  22.  
  23.  
  24.  
  25. <!-- SCRIPT: TOOLTIP -->
  26.  
  27. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  28. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  29. <script>
  30. (function($){
  31. $(document).ready(function(){
  32. $("a[title]").style_my_tooltips({
  33. tip_follows_cursor:true,
  34. tip_delay_time:90,
  35. tip_fade_speed:600,
  36. attribute:"title"
  37. });
  38. });
  39. })(jQuery);
  40. </script>
  41.  
  42.  
  43.  
  44.  
  45.  
  46.  
  47.  
  48.  
  49. <!-- SCRIPT: jQuery -->
  50.  
  51. <script src="https://static.tumblr.com/gjexvml/cszpz4vyd/jquery-3.4.1.min.js"></script>
  52.  
  53.  
  54.  
  55.  
  56.  
  57.  
  58.  
  59.  
  60. <!-- SCRIPT: AUDIO PLAYER -->
  61.  
  62. <script>
  63. $(document).ready(function() {
  64. $('iframe.tumblr_audio_player').load( function() {
  65. $('iframe.tumblr_audio_player').contents().find("head")
  66. .append($("<style type='text/css'> .audio-player{background:transparent!important; color:{color:bold}!important;} </style>"));
  67. });
  68. });
  69. </script>
  70.  
  71.  
  72.  
  73.  
  74.  
  75. <!-- SCRIPT: CLICK MENU -->
  76.  
  77. <script>
  78. $(document).ready(function(){
  79. jQuery('.dropbtn').click( function() {
  80. $(this).next('.dropdown-content').fadeToggle();
  81. return false;
  82. });
  83. });
  84. </script>
  85.  
  86.  
  87.  
  88.  
  89.  
  90.  
  91. <!-- SCRIPT: CLICK MENU #2 -->
  92.  
  93. <script>
  94. $(document).ready(function(){
  95. jQuery('.dropbtn2').click( function() {
  96. $(this).next('.dropdown-content2').fadeToggle();
  97. return false;
  98. });
  99. });
  100. </script>
  101.  
  102.  
  103.  
  104.  
  105.  
  106. <!-- SCRIPT: CLICK MENU #3 -->
  107.  
  108. <script>
  109. $(document).ready(function(){
  110. jQuery('.dropbtn3').click( function() {
  111. $(this).next('.dropdown-content3').fadeToggle();
  112. return false;
  113. });
  114. });
  115. </script>
  116.  
  117.  
  118.  
  119.  
  120.  
  121. <!-- SCRIPT: NAVIGATION TABS -->
  122.  
  123. <script>
  124. function openNavi(naviName) {
  125. var i;
  126. var x = document.getElementsByClassName("navi");
  127. for (i = 0; i < x.length; i++) {
  128. x[i].style.display = "none";
  129. }
  130. document.getElementById(naviName).style.display = "block";
  131. }
  132. </script>
  133.  
  134.  
  135.  
  136. <script>
  137. function openMuse(museName) {
  138. var i;
  139. var x = document.getElementsByClassName("muse");
  140. for (i = 0; i < x.length; i++) {
  141. x[i].style.display = "none";
  142. }
  143. document.getElementById(museName).style.display = "block";
  144. }
  145. </script>
  146.  
  147.  
  148.  
  149.  
  150.  
  151. <script type="text/javascript" src="https://static.tumblr.com/8pnyeus/10hors8sn/themekid-popup.min.js">
  152. </script>
  153.  
  154. <script type="text/javascript">
  155. $(document).ready(function(){
  156. popUp(true);
  157. });
  158. </script>
  159.  
  160.  
  161.  
  162.  
  163.  
  164. <!-- SCRIPT: NAVIGATION TABS -->
  165.  
  166.  
  167. <script>
  168. function openPage(pageName) {
  169. var i;
  170. var x = document.getElementsByClassName("page");
  171. for (i = 0; i < x.length; i++) {
  172. x[i].style.display = "none";
  173. }
  174. document.getElementById(pageName).style.display = "block";
  175. }
  176.  
  177. </script>
  178.  
  179.  
  180.  
  181.  
  182.  
  183. <!-- SCRIPT: TOGGLE -->
  184.  
  185. <script>
  186. $(document).ready(function(){
  187. $(".nlinksbutton").click(function(){
  188. $(".nlinkscontent").toggle();
  189. });
  190. });
  191. </script>
  192.  
  193. <script>
  194. $(document).ready(function(){
  195. $(".nlinksbutton1").click(function(){
  196. $(".nlinkscontent1").toggle();
  197. });
  198. });
  199. </script>
  200.  
  201. <script>
  202. $(document).ready(function(){
  203. $(".nlinksbutton2").click(function(){
  204. $(".nlinkscontent2").toggle();
  205. });
  206. });
  207. </script>
  208.  
  209. <script>
  210. $(document).ready(function(){
  211. $(".nlinksbutton3").click(function(){
  212. $(".nlinkscontent3").toggle();
  213. });
  214. });
  215. </script>
  216.  
  217. <script>
  218. $(document).ready(function(){
  219. $(".nlinksbutton4").click(function(){
  220. $(".nlinkscontent4").toggle();
  221. });
  222. });
  223. </script>
  224.  
  225.  
  226.  
  227.  
  228. <!-- SCRIPT: POPUP TABS -->
  229.  
  230. <script>$(document).ready(function(){
  231. $("ul#tabs li").click(function(e){
  232. if (!$(this).hasClass("active")) {
  233. var tabNum = $(this).index();
  234. var nthChild = tabNum+1;
  235. $("ul#tabs li.active").removeClass("active");
  236. $(this).addClass("active");
  237. $("ul#tab li.active").removeClass("active");
  238. $("ul#tab li:nth-child("+nthChild+")").addClass("active");}});});</script>
  239.  
  240.  
  241.  
  242. <!-- SCRIPT: VIDEO WIDTH (CREDIT: SHYTHEMES) -->
  243.  
  244. <script>
  245. $(document).ready(function(){
  246. resizeVideos();
  247. });
  248. function resizeVideos() {
  249. $('.video:not(.resized) iframe:not(.tumblr_video_iframe)').each(function(){
  250. var vw = $(this).width(482);
  251. var vh = $(this).height(auto);
  252. var scale = $(this).parents('.video').width() / vw;
  253. $(this).attr({
  254. width: Math.floor($(this).attr('width') * scale),
  255. height: Math.floor($(this).attr('height') * scale)
  256. });
  257. $(this).parents('.video').addClass('resized');
  258. });
  259. $('.video:not(.resized) .tumblr_video_iframe').each(function(){
  260. var vw = $(this).width();
  261. var vh = $(this).height();
  262. var scale = $(this).parents('.video').width() / vw;
  263. $(this).css({
  264. 'transform': 'scale(' + scale + ')',
  265. 'margin': vh * (scale - 1) / 2 + 'px ' + vw * (scale - 1) / 2 + 'px'
  266. });
  267. $(this).parents('.tumblr_video_container').css({
  268. width: Math.floor(vw * ( scale + 1 ) / 2),
  269. height: Math.floor(vh * ( scale + 1 ) / 2)
  270. });
  271. $(this).parents('.video').addClass('resized');
  272. });
  273. }
  274. </script>
  275.  
  276.  
  277.  
  278.  
  279.  
  280.  
  281. <!-- CUSTOM FONTS -->
  282.  
  283. <link href="https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre" rel="stylesheet">
  284.  
  285. <link rel="stylesheet" href="https://static.tumblr.com/gjexvml/yTwpxxahr/stylesheet.css">
  286.  
  287.  
  288.  
  289.  
  290.  
  291.  
  292. <!-- META LINES -->
  293.  
  294. <meta name="image:Background" content="https://static.tumblr.com/m7qloac/B4Aq65obz/bg6.png"/>
  295. <meta name="image:Sidebar Background" content="https://static.tumblr.com/m7qloac/KWzq65ocf/008.png"/>
  296. <meta name="image:Sidebar Image Top" content="https://static.tumblr.com/m7qloac/LrAq65ocv/009.png"/>
  297. <meta name="image:Sidebar Image Bottom" content="https://static.tumblr.com/m7qloac/z59q65od5/007.png"/>
  298.  
  299. <meta name="text:Custom Capitals Font" content="'customfonthere'">
  300. <meta name="text:Sidebar Title" content="Side"/>
  301. <meta name="text:Title" content="Title">
  302. <meta name="text:Title Font Size" content="111px">
  303.  
  304. <meta name="color:Background" content="#191919"/>
  305. <meta name="color:Border" content="#47423f"/>
  306. <meta name="color:Body Text" content="#c6c6c6"/>
  307. <meta name="color:Button Active" content="#c6c6c6"/>
  308. <meta name="color:Button Inactive" content="#494543"/>
  309. <meta name="color:Bold" content="#605b57"/>
  310. <meta name="color:Headers" content ="#5d5855"/>
  311. <meta name="color:Italic" content="#ffffff"/>
  312. <meta name="color:Links" content="#ffffff"/>
  313. <meta name="color:Navigation List Links" content="#5d5855"/>
  314. <meta name="color:Links Hover" content="#ffffff"/>
  315. <meta name="color:First Letter" content="#151515"/>
  316. <meta name="color:Title" content="#000000"/>
  317. <meta name="color:Title Shadow" content="#151515"/>
  318. <meta name="color:Permalink" content="#55504f"/>
  319. <meta name="color:Tags" content="#282726"/>
  320.  
  321. <meta name="if:Text Wrapping" content="1"/>
  322. <meta name="if:Boxed Blockquotes" content="1"/>
  323. <meta name="if:Icon Borders" content="1"/>
  324. <meta name="if:Bigger Tags on Hover" content="0"/>
  325. <meta name="if:First Letter Styling" content="0"/>
  326. <meta name="if:Calibri Font" content="0"/>
  327. <meta name="if:BlogTitle" content="0"/>
  328. <meta name="if:SidebarTitle" content="0"/>
  329.  
  330. <style type="text/css">
  331.  
  332.  
  333.  
  334.  
  335. /* SCROLLBAR */
  336.  
  337.  
  338. /* Set all margins and paddings to 0 on all browsers */
  339.  
  340.  
  341. ::-webkit-scrollbar {
  342. background-color:transparent;
  343. height: 0px;
  344. display:none;
  345. width: 0px
  346. -ms-overflow-style: none; // IE 10+
  347. overflow: -moz-scrollbars-none; // Firefox
  348. }
  349.  
  350.  
  351. ::-webkit-scrollbar-thumb {
  352. background-color:transparent;
  353. }
  354.  
  355.  
  356.  
  357. /* TEXT SELECTION */
  358.  
  359. ::selection {
  360. background: {color:background};
  361. color:{color:links};
  362. }
  363.  
  364.  
  365. ::-moz-selection {
  366. background: {color:background};
  367. color:{color:links};
  368. }
  369.  
  370.  
  371.  
  372.  
  373.  
  374.  
  375. /* TOOLTIP */
  376.  
  377.  
  378. #s-m-t-tooltip {
  379. z-index:99;
  380. max-width:250px;
  381. line-height:13px;
  382. margin-left:12.5px;
  383. margin-top:12.5px;
  384. font-weight:bold;
  385. background-color:{color:background};
  386. border:1px solid {color:border};
  387. padding-left:25px;
  388. padding-right:25px;
  389. padding-top:12.5px;
  390. padding-bottom:12.5px;
  391. font-family:calibri;
  392. font-size:10px;
  393. color: {color:italic};
  394. text-transform:uppercase;
  395. text-shadow: 0px 0px 1px {color:italic};
  396. }
  397.  
  398.  
  399.  
  400.  
  401.  
  402. /* FOUNDATION */
  403.  
  404.  
  405. body {
  406. background-image:url({image:background});
  407. background-attachment:fixed;
  408. background-repeat:no-repeat;
  409. background-position:top left;
  410. background-color:{color:background};
  411. color:{color:Body Text};
  412. font-size:10px;
  413. line-height:14px;
  414. word-spacing:-1px;
  415. color:{color:Body Text};
  416. font-family: 'Frank Ruhl Libre', serif;
  417. {block:ifCalibriFont}
  418. font-family:calibri;
  419. {/block:ifCalibriFont}
  420. word-wrap: break-word;
  421. }
  422.  
  423.  
  424. body a {
  425. font-size:10px;
  426. font-weight:bold;
  427. color:{color:links};
  428. text-decoration:none!important;
  429. -moz-transition-duration:1.5s;
  430. -webkit-transition-duration:1.5s;
  431. -o-transition-duration:1.5s;
  432. text-shadow: 0px 0px 1px {color:links};
  433. }
  434.  
  435.  
  436. body a:hover {
  437. color:{color:links hover};
  438. -moz-transition-duration:1.5s;
  439. -webkit-transition-duration:1.5s;
  440. -o-transition-duration:1.5s;
  441. text-shadow: 0px 0px 1px {color:links hover};
  442. }
  443.  
  444.  
  445.  
  446.  
  447. p:first-letter {
  448. text-transform:capitalize!important;
  449. }
  450.  
  451.  
  452.  
  453.  
  454.  
  455. /* BLOCKQUOTES */
  456.  
  457.  
  458. {block:IfBoxedBlockquotes}
  459.  
  460. blockquote {
  461. padding-left:25px;
  462. padding-right:25px;
  463. padding-top:12px;
  464. padding-bottom:12px;
  465. margin-top:12px;
  466. margin-bottom:12px;
  467. text-align:justify;
  468. margin-left:0px;
  469. margin-right:0px;
  470. outline:1px solid {color:border};
  471. word-wrap: break-word!important;
  472. }
  473.  
  474.  
  475.  
  476. blockquote blockquote {
  477. outline:0px solid {color:border};
  478. border-left:1px solid {color:border}!important;
  479. border-top:0px!important;
  480. border-bottom:0px!important;
  481. border-right:0px!important;
  482. padding-top:0px!important;
  483. padding-bottom:0px!important;
  484. padding-left:25px;
  485. padding-right:0px;
  486. margin-top:12px!important;
  487. margin-bottom:0px!important;
  488. }
  489. {/block:IfBoxedBlockquotes}
  490.  
  491.  
  492.  
  493.  
  494. {block:IfNotBoxedBlockquotes}
  495. blockquote {
  496. padding-left:25px;
  497. margin-top:12px;
  498. margin-left:0px;
  499. margin-right:0px;
  500. text-align:justify;
  501. margin-bottom:25px;
  502. border-left:1px solid {color:border};
  503. background-color:transparent;
  504. word-wrap: break-word!important;
  505. }
  506.  
  507.  
  508.  
  509. blockquote blockquote {
  510. margin-top:12px;
  511. margin-bottom:12px;
  512. }
  513.  
  514.  
  515.  
  516. blockquote img {
  517. max-width:386px!important;
  518. height:auto;
  519. }
  520. {/block:IfNotBoxedBlockquotes}
  521.  
  522.  
  523.  
  524.  
  525.  
  526. /* FONT-RELATED */
  527.  
  528.  
  529. small {
  530. font-size:10px;
  531. }
  532.  
  533.  
  534. sub, sup {
  535. font-size:10px;
  536. vertical-align: baseline!important;
  537. position: relative!important;
  538. top: 0em!important;
  539. line-height:14px;
  540. }
  541.  
  542.  
  543. big {
  544. font-size:125%;
  545. }
  546.  
  547.  
  548. ul, ol {
  549. padding:0;
  550. list-style: decimal outside;
  551. margin-left:8px;
  552. }
  553.  
  554.  
  555. li {
  556. padding-left:2px;
  557. }
  558.  
  559.  
  560. b, bold, strong {
  561. font-size:9.5px;
  562. text-transform:uppercase;
  563. font-family: calibri, sans-serif;
  564. font-weight:bold!important;
  565. color:{color:bold};
  566. text-shadow: 0px 0px 1px {color:bold};
  567.  
  568. }
  569.  
  570.  
  571. em, i, italic {
  572. color: {color:italic};
  573. margin-right:1px;
  574. }
  575.  
  576.  
  577. {block:ifFirstLetterStyling}
  578. u, u a {
  579. background-color: {color:background};
  580. outline: 1px solid {color:border};
  581. font-family:'Frank Ruhl Libre', serif;
  582. color:{color:background};!important;
  583. text-decoration:none!important;
  584. font-style:normal!important;
  585. font-weight:bold!important;
  586. text-transform:uppercase!important;
  587. float:left;
  588. margin-top:0px;
  589. height:60px;
  590. width:60px;
  591. font-size: 48px;
  592. margin-right: 12px;
  593. position: relative;
  594. text-align: center;
  595. vertical-align: middle;
  596. line-height: 60px;
  597. text-shadow:
  598. -1px -1px 0 {color:border},
  599. 1px -1px 0 {color:border},
  600. -1px 1px 0 {color:border},
  601. 1px 1px 0 {color:border};
  602. }
  603. {/block:ifFirstLetterStyling}
  604.  
  605.  
  606.  
  607.  
  608. pre {
  609. overflow: hidden;
  610. background-color: {color:background};
  611. outline:1px solid {color:border};
  612. padding-left:25px;
  613. padding-right:25px;
  614. padding-top:8px;
  615. padding-bottom:8px;
  616. margin-bottom:18px!important;
  617. margin-top:18px!important;
  618. margin-right:1px;
  619. text-transform:uppercase;
  620. line-height:155%;
  621. font-weight:lighter!important;
  622. color:{color:body text};
  623. font-size:8.4px;
  624. letter-spacing:0.6px;
  625. white-space: pre-wrap;
  626. white-space: -moz-pre-wrap;
  627. white-space: -pre-wrap;
  628. white-space: -o-pre-wrap;
  629. word-wrap: break-word;
  630. }
  631.  
  632.  
  633.  
  634. pre a, pre b, pre strong {
  635. font-family:monospace!important;
  636. font-weight:lighter!important;
  637. font-size:8.4px!important;
  638. letter-spacing:0.6px!important;
  639. line-height:155%;
  640. color:{color:bold};
  641. -moz-transition-duration:1.5s;
  642. -webkit-transition-duration:1.5s;
  643. -o-transition-duration:1.5s;
  644. }
  645.  
  646.  
  647.  
  648. h1 {
  649. outline: 1px solid {color:border};
  650. background-color:{color:background};
  651. overflow:hidden;
  652. margin-top:8px!important;
  653. margin-left:0px;
  654. margin-bottom:12px;
  655. padding-left:25px;
  656. padding-right:25px;
  657. height:25px;
  658. line-height:25px;
  659. text-align:left!important;
  660. font-family:calibri;
  661. font-weight:bold;
  662. font-size:10px!important;
  663. text-transform:uppercase;
  664. color: {color:headers};
  665. text-shadow: 0px 0px 1px {color:headers};
  666. }
  667.  
  668.  
  669.  
  670. h1 a {
  671. color: {color:links};
  672. font-size:10px!important;
  673. text-shadow: 0px 0px 1px {color:links};
  674. }
  675.  
  676.  
  677.  
  678. h2 {
  679. font-family: calibri, sans-serif;
  680. font-size:11px!important;
  681. text-transform:uppercase!important;
  682. color:{color:headers};
  683. letter-spacing:-0.2px;
  684. text-shadow: 0px 0px 1px {color:headers};
  685. }
  686.  
  687.  
  688. h2 a {
  689. font-family: calibri, sans-serif;
  690. font-size:11px!important;
  691. text-transform:uppercase!important;
  692. color:{color:links};
  693. letter-spacing:-0.4px;
  694. text-shadow: 0px 0px 1px {color:links};
  695. }
  696.  
  697.  
  698. h4 {
  699. border:1px solid {color:border};
  700. margin-bottom:12.5px;
  701. margin-top:12.5px;
  702. padding-left:25px;
  703. padding-right:25px;
  704. height:25px;
  705. text-align:left;
  706. font-family:calibri;
  707. font-style:normal;
  708. font-weight:bold;
  709. font-size:10px;
  710. line-height:25px;
  711. color: {color:headers};
  712. text-transform:uppercase;
  713. text-shadow: 0px 0px 1px {color:headers};
  714. }
  715.  
  716.  
  717. h4:first-child {
  718. margin-top:0px;
  719. }
  720.  
  721.  
  722. h4 a {
  723. font-family:calibri;
  724. font-style:normal;
  725. font-weight:700;
  726. font-size:10px;
  727. line-height:10px;
  728. color: {color:links};
  729. text-shadow: 0px 0px 1px {color:links};
  730. }
  731.  
  732.  
  733.  
  734.  
  735.  
  736.  
  737.  
  738.  
  739. /* CONTAINER */
  740.  
  741.  
  742. #container {
  743. z-index:98;
  744. left: 50%;
  745. margin-left:-450px;
  746. margin-top:175px;
  747. position:fixed;
  748. width:895px;
  749. height:475px;
  750. overflow:hidden;
  751. outline:1px solid {color:border};
  752. background:rgba(25,25,25,.95);
  753. -webkit-box-shadow: 0px 0px 48px 20px {color:background};
  754. -moz-box-shadow: 0px 0px 48px 20px {color:background};
  755. box-shadow: 0px 0px 48px 20px {color:background};
  756. }
  757.  
  758.  
  759.  
  760. .sidebar {
  761. position:absolute;
  762. width:283px;
  763. height:423px;
  764. left:26px;
  765. top:26px;
  766. overflow-y:hidden;
  767. outline:1px solid {color:border};
  768. }
  769.  
  770.  
  771.  
  772. {block:ifSidebarTitle}
  773. .sidebartitle {
  774. position:absolute;
  775. font-family: 'janeaustennosecret';
  776. color:{color:title};
  777. font-weight:bold!important;
  778. text-transform:none;
  779. padding-left:4px;
  780. padding-right:4px;
  781. font-size:55px;
  782. width:222px;
  783. left:26px;
  784. top:133px;
  785. line-height:14px;
  786. letter-spacing:-2px;
  787. text-align:right!important;
  788. z-index:999;
  789. pointer-events:none;
  790. background-color:transparent;
  791. text-shadow:
  792. -1px -1px 0 {color:title shadow},
  793. 1px -1px 0 {color:title shadow},
  794. -1px 1px 0 {color:title shadow},
  795. 1px 1px 0 {color:title shadow};
  796. }
  797. {/block:ifSidebarTitle}
  798.  
  799.  
  800.  
  801.  
  802. .sidebarbg {
  803. background-image:url('{Sidebar Background}');
  804. background-position:top left;
  805. position:absolute;
  806. width:284px;
  807. height:423px;
  808. -webkit-filter: brightness(.4) contrast(.88) saturate(1);
  809. }
  810.  
  811.  
  812.  
  813. .inner {
  814. position:absolute;
  815. width:231px;
  816. margin-left:26px;
  817. margin-top:26px;
  818. outline:0px solid {color:border};
  819. background:rgba(0,0,0,0);
  820. -webkit-box-shadow: 0px 0px 48px 4px {color:background};
  821. -moz-box-shadow: 0px 0px 48px 4px {color:background};
  822. box-shadow: 0px 0px 48px 4px {color:background};
  823. }
  824.  
  825.  
  826. .sidebarimgtop {
  827. background-image:url('{Sidebar Image Top}');
  828. background-position:top left;
  829. outline:1px solid {color:border};
  830. overflow:hidden;
  831. width:231px;
  832. height:120px!important;
  833. -webkit-filter: brightness(1) contrast(1) saturate(1);
  834. }
  835.  
  836.  
  837. .sidebarimgbottom {
  838. background-image:url('{Sidebar Image Bottom}');
  839. background-position:top left;
  840. margin-top:0px;
  841. outline:1px solid {color:border};
  842. overflow:hidden;
  843. width:231px;
  844. height:120px;
  845. -webkit-filter: brightness(1) contrast(1) saturate(1);
  846. }
  847.  
  848.  
  849. {block:ifBlogTitle}
  850. .title {
  851. position:fixed;
  852. font-family: 'janeaustennosecret';
  853. color:{color:title};
  854. font-weight:lighter!important;
  855. text-transform:none;
  856. padding-left:8px;
  857. padding-right:8px;
  858. font-size:{text:title font size};
  859. width:490px;
  860. margin-left:340px;
  861. margin-top:400px;
  862. line-height:14px;
  863. letter-spacing:-4px;
  864. word-spacing:-1px;
  865. text-align:right!important;
  866. z-index:70!important;
  867. padding-right:25px;
  868. pointer-events:none;
  869. background-color:transparent;
  870. text-shadow:
  871. -1px -1px 0 {color:title shadow},
  872. 1px -1px 0 {color:title shadow},
  873. -1px 1px 0 {color:title shadow},
  874. 1px 1px 0 {color:title shadow};
  875. }
  876. {/block:ifBlogTitle}
  877.  
  878.  
  879.  
  880.  
  881.  
  882.  
  883. .description {
  884. width:181px;
  885. height:80px;
  886. padding-left:25px;
  887. padding-right:25px;
  888. outline:1px solid {color:border};
  889. border-top:25px solid {color:background};
  890. border-bottom:25px solid {color:background};
  891. background-color:{color:background};
  892. text-shadow: 0px 0px 1px {color:Navigation List Links};
  893. line-height:13px;
  894. margin-top:-3px;
  895. text-align:justify;
  896. overflow-y:scroll;
  897. background-color:{color:background};
  898. -moz-transition-duration:1.5s;
  899. -webkit-transition-duration:1.5s;
  900. -o-transition-duration:1.5s;
  901. }
  902.  
  903.  
  904.  
  905.  
  906. .description a {
  907. color:{color:body text};
  908. font-family:monospace;
  909. letter-spacing:0.6px;
  910. font-size:8.4px;
  911. font-weight:lighter;
  912. font-style:normal;
  913. text-transform:uppercase;
  914. -moz-transition-duration:1.5s;
  915. -webkit-transition-duration:1.5s;
  916. -o-transition-duration:1.5s;
  917. text-shadow: 0px 0px 1px {color:bold};
  918. }
  919.  
  920.  
  921.  
  922.  
  923.  
  924.  
  925.  
  926.  
  927.  
  928. /* POSTS: GENERAL */
  929.  
  930.  
  931. #content {
  932. position:absolute;
  933. text-align:justify;
  934. height:320px;
  935. width:533px;
  936. left:336px;
  937. top:76px;
  938. background-color:transparent;
  939. overflow-y:scroll;
  940. overflow-x:hidden;
  941. z-index:9;
  942. outline:1px solid {color:border}!important;
  943. }
  944.  
  945.  
  946. #content2 {
  947. width:483px;
  948. height:270px;
  949. overflow-y:scroll;
  950. padding-left:25px;
  951. padding-right:25px;
  952. margin-left:0px;
  953. margin-top:25px!important;
  954. }
  955.  
  956.  
  957.  
  958. .posts {
  959. width:482px;
  960. word-wrap: break-word;
  961. text-align:justify;
  962. line-height:15px;
  963. margin-bottom:36px;
  964. }
  965.  
  966.  
  967. .posts:first-child, .posts:first-of-type {
  968. margin-top:13px;
  969. }
  970.  
  971.  
  972. .posts:last-child {
  973. margin-bottom:0px!important;
  974. }
  975.  
  976.  
  977.  
  978. .posts a {
  979. font-weight:lighter!important;
  980. font-family: monospace;
  981. letter-spacing:0.6px;
  982. text-transform:uppercase;
  983. font-size:8.4px;
  984. color:{color:links};
  985. -moz-transition-duration:1.5s;
  986. -webkit-transition-duration:1.5s;
  987. -o-transition-duration:1.5s;
  988. }
  989.  
  990.  
  991. .posts a:hover {
  992. color:{color:links hover};
  993. -moz-transition-duration:1.5s;
  994. -webkit-transition-duration:1.5s;
  995. -o-transition-duration:1.5s;
  996. }
  997.  
  998.  
  999. .posts img {
  1000. max-width: -webkit-calc(100% - 22px);
  1001. max-width: -moz-calc(100% - 22px);
  1002. max-width: calc(100% - 22px);
  1003. height:auto;
  1004. }
  1005.  
  1006.  
  1007.  
  1008.  
  1009.  
  1010.  
  1011.  
  1012.  
  1013.  
  1014. /* TEXT-WRAPPING AROUND ICONS/IMAGES */
  1015.  
  1016. #wrap {
  1017. margin-top:12px;
  1018. margin-bottom: 12px;
  1019. }
  1020.  
  1021.  
  1022. #wrap img {
  1023. width: auto;
  1024. overflow: hidden;
  1025. background-color:{color:background}!important;
  1026. margin-top:0px!important;
  1027. margin-bottom:0px!important;
  1028. padding-right:3px;
  1029. padding-bottom:3px;
  1030. {block:IfTextWrapping}
  1031. float:left;
  1032. margin-right:12px;
  1033. {/block:IfTextWrapping}
  1034. {block:ificonborders}
  1035. padding:12px;
  1036. outline:1px solid {color:border};
  1037. {/block:ificonborders}
  1038. }
  1039.  
  1040.  
  1041.  
  1042. {block:IfTextWrapping}
  1043. #wrap blockquote img {
  1044. position:relative;
  1045. background-color:{color:background}!important;
  1046. margin-top:12px!important;
  1047. margin-bottom:0px!important;
  1048. margin-left:16px;
  1049. margin-right:0px!important;
  1050. float:right;
  1051. z-index:150;
  1052. }
  1053. {/block:IfTextWrapping}
  1054.  
  1055.  
  1056.  
  1057.  
  1058.  
  1059.  
  1060. /* NAVIGATION BAR */
  1061.  
  1062.  
  1063. .navigation {
  1064. top:25px;
  1065. left:335px;
  1066. width:600px;
  1067. position:absolute;
  1068. border:0px!important;
  1069. height:25px;
  1070. z-index:99!important;
  1071. }
  1072.  
  1073.  
  1074. button {
  1075. display:inline-block;
  1076. box-sizing: border-box;
  1077. font-size:9.5px;
  1078. text-align:center;
  1079. padding-left:25px;
  1080. padding-right:25px;
  1081. font-family: calibri, sans-serif;
  1082. text-transform:uppercase;
  1083. width:180px;
  1084. max-width:180px;
  1085. height:25px;
  1086. background-color:{color:background};
  1087. border:1px solid {color:border};
  1088. line-height:22px;
  1089. margin-left:0px;
  1090. margin-right:-4px;
  1091. color: {color:button inactive};
  1092. cursor:pointer;
  1093. font-weight:bold!important;
  1094. overflow:hidden;
  1095. text-shadow: 0px 0px 1px {color:button inactive};
  1096. -webkit-transition: all 1.5s ease-in-out;
  1097. -moz-transition: all 1.5s ease-in-out;
  1098. -o-transition: all 1.5s ease-in-out;
  1099. -ms-transition: all 1.5s ease-in-out;
  1100. transition: all 1.5s ease-in-out;
  1101. }
  1102.  
  1103.  
  1104. button:focus, button:active {
  1105. border:1px solid {color:border}!important;
  1106. outline:0px!important;
  1107. color:{color:button active}!important;
  1108. text-shadow: 0px 0px 1px {color:button active};
  1109. }
  1110.  
  1111.  
  1112.  
  1113. button:hover {
  1114. color:{color:links hover}!important;
  1115. -webkit-transition: all 1.5s ease-in-out;
  1116. -moz-transition: all 1.5s ease-in-out;
  1117. -o-transition: all 1.5s ease-in-out;
  1118. -ms-transition: all 1.5s ease-in-out;
  1119. transition: all 1.5s ease-in-out;
  1120. text-shadow: 0px 0px 1px {color:links hover};
  1121. }
  1122.  
  1123.  
  1124.  
  1125. #tabcontent {
  1126. z-index:75;
  1127. position:absolute;
  1128. text-align:justify;
  1129. box-sizing: border-box;
  1130. height:296px;
  1131. max-height:300px;
  1132. width:844px;
  1133. left:25px;
  1134. top:26px;
  1135. padding-top:0px!important;
  1136. background-color:{color:background}!important;
  1137. border-top:0px solid {color:background};
  1138. border-bottom:0px solid {color:background};
  1139. padding-left:25px;
  1140. padding-right:25px;
  1141. outline:0px solid {color:border}!important;
  1142. }
  1143.  
  1144.  
  1145.  
  1146.  
  1147.  
  1148.  
  1149.  
  1150. /* POSTS: TEXT */
  1151.  
  1152. #textbody {
  1153. margin-top:-12px!important;
  1154. {block:permalinkpage}
  1155. margin-top:-12px!important;
  1156. {/block:permalinkpage}
  1157. }
  1158.  
  1159.  
  1160.  
  1161.  
  1162.  
  1163.  
  1164. /* POSTS: PHOTO/PHOTOSETS */
  1165.  
  1166.  
  1167. #psingle {
  1168. width: 502px;
  1169. margin-top:-12px!important;
  1170. pointer-events:none;
  1171. -webkit-filter: brightness(.6) contrast(.8) saturate(0.7);
  1172. -webkit-transition: all 1.5s ease-in-out;
  1173. -moz-transition: all 1.5s ease-in-out;
  1174. -o-transition: all 1.5s ease-in-out;
  1175. -ms-transition: all 1.5s ease-in-out;
  1176. transition: all 1.5s ease-in-out;
  1177. }
  1178.  
  1179.  
  1180. #psingle:hover {
  1181. -webkit-filter: brightness(.6) contrast(.8) saturate(0.7);
  1182. -webkit-transition: all 1.5s ease-in-out;
  1183. -moz-transition: all 1.5s ease-in-out;
  1184. -o-transition: all 1.5s ease-in-out;
  1185. -ms-transition: all 1.5s ease-in-out;
  1186. transition: all 1.5s ease-in-out;
  1187. }
  1188.  
  1189.  
  1190. #pset {
  1191. margin-top:-11px!important;
  1192. {block:permalinkpage}
  1193. margin-top:0px;
  1194. {block:permalinkpage}
  1195. width: 485px;
  1196. pointer-events:none;
  1197. -webkit-filter: brightness(.6) contrast(.8) saturate(0.7);
  1198. -webkit-transition: all 1.5s ease-in-out;
  1199. -moz-transition: all 1.5s ease-in-out;
  1200. -o-transition: all 1.5s ease-in-out;
  1201. -ms-transition: all 1.5s ease-in-out;
  1202. transition: all 1.5s ease-in-out;
  1203. }
  1204.  
  1205.  
  1206. #pset:hover {
  1207. -webkit-filter: brightness(.6) contrast(.8) saturate(0.7);
  1208. -webkit-transition: all 1.5s ease-in-out;
  1209. -moz-transition: all 1.5s ease-in-out;
  1210. -o-transition: all 1.5s ease-in-out;
  1211. -ms-transition: all 1.5s ease-in-out;
  1212. transition: all 1.5s ease-in-out;
  1213. }
  1214.  
  1215.  
  1216.  
  1217.  
  1218.  
  1219.  
  1220. /* POSTS: QUOTE */
  1221.  
  1222.  
  1223. #quote {
  1224. font-size:15px;
  1225. text-align:left;
  1226. padding-top:0px;
  1227. padding-bottom:0px;
  1228. letter-spacing:-1px;
  1229. line-height:15px;
  1230. margin-top:-12px!important;
  1231. }
  1232.  
  1233.  
  1234. .source {
  1235. border:1px solid {color:border};
  1236. font-family:calibri;
  1237. font-weight:bold;
  1238. text-align:left;
  1239. font-size:9.5px;
  1240. height:25px;
  1241. line-height:25px;
  1242. color: {color:bold};
  1243. text-transform:uppercase;
  1244. letter-spacing:0.2px;
  1245. margin-top:25px;
  1246. padding-right:25px;
  1247. padding-left:25px;
  1248. margin-top:25px;
  1249. text-shadow: 0px 0px 1px {color:bold};
  1250. }
  1251.  
  1252.  
  1253. .source a {
  1254. color: {color:bold};
  1255. text-shadow: 0px 0px 1px {color:bold};
  1256. }
  1257.  
  1258.  
  1259. .source:first-letter {
  1260. position:relative;
  1261. z-index:50;
  1262. background-color: transparent;
  1263. font-family: 'janeaustennosecret';
  1264. color:{color:title}!important;
  1265. font-weight:bold!important;
  1266. text-transform:uppercase!important;
  1267. float:left;
  1268. padding-left:0px;
  1269. padding-right:9px;
  1270. font-size:44px;
  1271. margin-left:-6px;
  1272. margin-right: 12.5px;
  1273. margin-top:12px;
  1274. margin-bottom:12px;
  1275. vertical-align: middle;
  1276. text-shadow:
  1277. -1px -1px 0 {color:title shadow},
  1278. 1px -1px 0 {color:title shadow},
  1279. -1px 1px 0 {color:title shadow},
  1280. 1px 1px 0 {color:title shadow};
  1281. }
  1282.  
  1283.  
  1284.  
  1285.  
  1286. /* POSTS: LINK */
  1287.  
  1288.  
  1289. #link {
  1290. outline:1px solid {color:border};
  1291. padding:25px;
  1292. margin-top:-12px!important;
  1293. }
  1294.  
  1295.  
  1296. #link a {
  1297. font-size:12px;
  1298. }
  1299.  
  1300.  
  1301.  
  1302.  
  1303.  
  1304.  
  1305. /* POSTS: CHAT */
  1306.  
  1307.  
  1308. #chat {
  1309. margin-top:-16px!important;
  1310. padding-left:0px;
  1311. padding-right:0px;
  1312. }
  1313.  
  1314.  
  1315.  
  1316.  
  1317.  
  1318.  
  1319. /* POSTS: AUDIO */
  1320.  
  1321.  
  1322. .audioplayer {
  1323. margin-left:12.5px;
  1324. margin-top:-12px!important;
  1325. width: 25px;
  1326. height: 25px;
  1327. overflow: hidden;
  1328. }
  1329.  
  1330.  
  1331. .audioinfo {
  1332. outline:1px solid {color:border};
  1333. margin-right: 0px;
  1334. padding-left:60px;
  1335. padding-right:25px;
  1336. margin-top:-24px;
  1337. margin-bottom:12px;
  1338. height:25px;
  1339. line-height:25px;
  1340. display: block;
  1341. font-family:calibri;
  1342. font-weight:bold;
  1343. text-transform: uppercase;
  1344. text-align: left;
  1345. letter-spacing:0.2px;
  1346. word-spacing:-0.5px;
  1347. overflow:hidden;
  1348. font-size:9.5px;
  1349. color:{color:bold};
  1350. text-shadow: 0px 0px 1px {color:bold};
  1351. }
  1352.  
  1353.  
  1354.  
  1355.  
  1356.  
  1357.  
  1358.  
  1359. /* POSTS: VIDEO */
  1360.  
  1361.  
  1362. .video {
  1363. margin-top:-15px!important;
  1364. }
  1365.  
  1366.  
  1367.  
  1368.  
  1369.  
  1370.  
  1371. /* POSTS: ASK */
  1372.  
  1373.  
  1374. #question {
  1375. position:relative;
  1376. width: 80%;
  1377. height:70px;
  1378. margin-left:0px;
  1379. margin-top:-9px!important;
  1380. background-color:{color:background};
  1381. }
  1382.  
  1383.  
  1384. #ask {
  1385. position:relative;
  1386. z-index:999999!important;
  1387. float:left;
  1388. font-family:calibri!important;
  1389. text-transform:uppercase;
  1390. font-weight:bold;
  1391. background-color:{color:background};
  1392. font-size:8.5px!important;
  1393. letter-spacing:0.2px!important;
  1394. line-height:12px!important;
  1395. width:368px;
  1396. min-height:21px;
  1397. max-height:21px;
  1398. overflow:scroll;
  1399. margin-top:0px;
  1400. margin-left:0px;
  1401. margin-bottom:0px;
  1402. padding-left:24px;
  1403. padding-right:24px;
  1404. outline:solid 1px {color:border};
  1405. border-top:22px solid {color:background};
  1406. border-bottom:22px solid {color:background};
  1407. -moz-transition-duration:1.5s;
  1408. -webkit-transition-duration:1.5s;
  1409. -o-transition-duration:1.5s;
  1410. }
  1411.  
  1412.  
  1413. #ask:hover {
  1414. max-height:35px!important;
  1415. width:432px;
  1416. z-index:999999!important;
  1417. -moz-transition-duration:1.5s;
  1418. -webkit-transition-duration:1.5s;
  1419. -o-transition-duration:1.5s;
  1420. }
  1421.  
  1422.  
  1423. #ask a {
  1424. font-family:monospace!important;
  1425. font-weight:lighter!important;
  1426. font-size:8.5px!important;
  1427. letter-spacing:0.6px!important;
  1428. color:{color:bold};
  1429. text-decoration:none;
  1430. text-shadow: 0px 0px 1px {color:bold};
  1431. }
  1432.  
  1433.  
  1434. #ask b {
  1435. color:{color:bold};
  1436. font-family:monospace!important;
  1437. font-weight:lighter!important;
  1438. font-size:8.5px!important;
  1439. letter-spacing:0.6px!important;
  1440. line-height:11px;
  1441. text-shadow: 0px 0px 1px {color:bold};
  1442. }
  1443.  
  1444.  
  1445. .letterask {
  1446. font-family:'Frank Ruhl Libre', serif;
  1447. color:#000000!important;
  1448. text-decoration:none!important;
  1449. font-style:normal!important;
  1450. font-weight:bold!important;
  1451. text-transform:uppercase!important;
  1452. position:absolute;
  1453. z-index:9999!important;
  1454. text-align:center;
  1455. font-size:48px;
  1456. width:60px;
  1457. margin-left:417px;
  1458. outline:1px solid {color:border};
  1459. background-color:{color:background};
  1460. padding-top:25px;
  1461. padding-bottom:27px;
  1462. padding-right:3px;
  1463. color:{color:title};
  1464. -webkit-user-select: none;
  1465. -moz-user-select: none;
  1466. -ms-user-select: none;
  1467. user-select: none;
  1468. text-shadow:
  1469. -1px -1px 0 {color:title shadow},
  1470. 1px -1px 0 {color:title shadow},
  1471. -1px 1px 0 {color:title shadow},
  1472. 1px 1px 0 {color:title shadow};
  1473. }
  1474.  
  1475.  
  1476. #response {
  1477. margin-bottom:-4px!important;
  1478. margin-top:20px;
  1479. }
  1480.  
  1481.  
  1482. #response blockquote {
  1483. margin-top:12px;
  1484. margin-bottom:12px!important;
  1485. padding-top:12px;
  1486. padding-bottom:12px;
  1487. }
  1488.  
  1489.  
  1490.  
  1491.  
  1492.  
  1493.  
  1494. /* POST INFORMATION */
  1495.  
  1496.  
  1497. .permalink {
  1498. margin-top:25px!important;
  1499. margin-left:-27px!important;
  1500. margin-right:-27px;
  1501. margin-bottom:25px!important;
  1502. }
  1503.  
  1504.  
  1505.  
  1506. .permalinkbuttons {
  1507. height:25px;
  1508. background-color:{color:background};
  1509. font-weight:bold!important;
  1510. line-height:25px;
  1511. letter-spacing:-0.2px;
  1512. margin-left:0px!important;
  1513. margin-bottom:1px!important;
  1514. border:1px solid {color:border};
  1515. color: {color:permalink};
  1516. }
  1517.  
  1518.  
  1519. .permalinkbuttons a {
  1520. letter-spacing:0px;
  1521. display:inline-block;
  1522. box-sizing: border-box;
  1523. font-size:9.5px!important;
  1524. text-align:center;
  1525. padding-left:25px;
  1526. padding-right:25px;
  1527. font-family: calibri, sans-serif;
  1528. text-transform:uppercase;
  1529. width:177px;
  1530. max-width:177px;
  1531. height:25px;
  1532. background-color:{color:background};
  1533. outline:1px solid {color:border};
  1534. line-height:25px;
  1535. color: {color:permalink};
  1536. font-weight:bold!important;
  1537. overflow:hidden;
  1538. text-shadow: 0px 0px 1px {color:permalink};
  1539. }
  1540.  
  1541.  
  1542. .permalinkbuttons a:hover {
  1543. color:{color:links hover};
  1544. -moz-transition-duration:1.5s;
  1545. -webkit-transition-duration:1.5s;
  1546. -o-transition-duration:1.5s;
  1547. text-shadow: 0px 0px 1px {color:links hover};
  1548. }
  1549.  
  1550.  
  1551. .tags {
  1552. font-family: calibri!important;
  1553. font-weight:bold!important;
  1554. background-color:{color:background};
  1555. border:1px solid {color:border};
  1556. padding-top:12px;
  1557. padding-bottom:12px;
  1558. padding-left:24px;
  1559. padding-right:24px;
  1560. margin-top:-2px;
  1561. color:{color:tags};
  1562. text-transform:uppercase!important;
  1563. font-style:normal;
  1564. line-height:150%;
  1565. font-size:8.5px;
  1566. text-align:justify;
  1567. -moz-text-align-last: center; /* Code for Firefox */
  1568. text-align-last: center;
  1569.  
  1570. }
  1571.  
  1572.  
  1573. .tags a {
  1574. text-decoration:none!important;
  1575. font-weight:lighter!important;
  1576. font-size:8.5px;
  1577. margin-right:0px;
  1578. letter-spacing:0px;
  1579. text-transform:uppercase!important;
  1580. font-family: calibri!important;
  1581. color:{color:tags};
  1582. -moz-transition-duration:1.5s;
  1583. -webkit-transition-duration:1.5s;
  1584. -o-transition-duration:1.5s;
  1585. text-shadow: 0px 0px 1px {color:border};
  1586. }
  1587.  
  1588.  
  1589.  
  1590. .tags a:hover {
  1591. color:{color:italic}!important;
  1592. -moz-transition-duration:1.5s;
  1593. -webkit-transition-duration:1.5s;
  1594. -o-transition-duration:1.5s;
  1595. text-shadow: 0px 0px 1px {color:links hover};
  1596. {block:ifBiggerTagsonHover}
  1597. font-size:9px!important;
  1598. {block:ifBiggerTagsonHover}
  1599. }
  1600.  
  1601.  
  1602.  
  1603.  
  1604.  
  1605.  
  1606. /* PERMAPAGE NOTES */
  1607.  
  1608.  
  1609. #notes {
  1610. outline:1px solid {color:border};
  1611. margin-bottom:1px!important;
  1612. margin-left:1px;
  1613. margin-right:1px;
  1614. margin-top:25px!important;
  1615. padding-top:16px;
  1616. padding-bottom:16px;
  1617. padding-left:16px;
  1618. padding-right:16px;
  1619. letter-spacing:0px;
  1620. font-weight:bold;
  1621. font-size:9.4px!important;
  1622. color:{color:permalink}!important;
  1623. text-shadow: 0px 0px 1px {color:permalink};
  1624. }
  1625.  
  1626.  
  1627.  
  1628. #notes span, .note span {
  1629. color:{color:permalink}!important;
  1630. text-shadow: 0px 0px 1px {color:permalink};
  1631. }
  1632.  
  1633.  
  1634.  
  1635. .note li, .note, .note a {
  1636. list-style-type:none;
  1637. padding-top:0px;
  1638. line-height:14px;
  1639. padding-bottom:0px;
  1640. padding-left:0px;
  1641. padding-right:2px;
  1642. letter-spacing:-0.3px;
  1643. text-align:left!important;
  1644. -moz-transition-duration:0.5s;
  1645. -webkit-transition-duration:0.5s;
  1646. -o-transition-duration:0.5s;
  1647. font-family:calibri!important;
  1648. font-size:9.4px!important;
  1649. font-weight:bold;
  1650. text-transform:uppercase;
  1651. color:{color:permalink}!important;
  1652. text-shadow: 0px 0px 1px {color:permalink};
  1653. }
  1654.  
  1655.  
  1656. .note li a {
  1657. text-align:left!important;
  1658. font-family:calibri!important;
  1659. font-size:9.4px!important;
  1660. padding-right:2px;
  1661. letter-spacing:-0.3px;
  1662. font-weight:bold;
  1663. text-transform:uppercase;
  1664. color:{color:button active}!important;
  1665. text-shadow: 0px 0px 1px {color:button active};
  1666. }
  1667.  
  1668.  
  1669. .more_notes_link, .more_notes_link a {
  1670. text-align:left!important;
  1671. margin-top:25px!important;
  1672. padding-top:25px!important;
  1673. color:{color:button active}!important;
  1674. text-shadow: 0px 0px 1px {color:button active};
  1675. }
  1676.  
  1677.  
  1678. .note blockquote a {
  1679. padding-top:12px;
  1680. padding-bottom:12px;
  1681. padding-left:24px;
  1682. padding-right:24px;
  1683. margin-top:12px;
  1684. margin-bottom:12px;
  1685. margin-left:0px;
  1686. margin-right:0px;
  1687. font-weight:bold;
  1688. color:{color:button active}!important;
  1689. text-shadow: 0px 0px 1px {color:button active};
  1690. }
  1691.  
  1692.  
  1693. .note img.avatar {
  1694. display:none;
  1695. width: 0px;
  1696. height: 0px;
  1697. }
  1698.  
  1699.  
  1700.  
  1701.  
  1702.  
  1703.  
  1704. /* PAGINATION */
  1705.  
  1706.  
  1707. .navigationbottom {
  1708. left:336px;
  1709. top:424px;
  1710. position:absolute;
  1711. width: 533px;
  1712. outline:1px solid {color:border};
  1713. height:25px;
  1714. line-height:25px;
  1715. z-index:5;
  1716. }
  1717.  
  1718.  
  1719. .pagination {
  1720. height:25px;
  1721. line-height:25px;
  1722. }
  1723.  
  1724.  
  1725. .pagination b {
  1726. color:{color:button inactive}!important;
  1727. text-shadow: 0px 0px 1px {color:button inactive};
  1728. }
  1729.  
  1730.  
  1731. .pagination a {
  1732. display:inline-block;
  1733. box-sizing: border-box;
  1734. font-size:10px;
  1735. text-align:center;
  1736. padding-left:25px;
  1737. padding-right:25px;
  1738. font-family: calibri, sans-serif;
  1739. text-transform:uppercase;
  1740. width:177px;
  1741. max-width:177px;
  1742. height:25px;
  1743. background-color:{color:background};
  1744. outline:1px solid {color:border};
  1745. line-height:25px;
  1746. margin-right:0px;
  1747. color: {color:button inactive};
  1748. font-weight:bold!important;
  1749. overflow:hidden;
  1750. text-shadow: 0px 0px 1px {color:button inactive};
  1751. }
  1752.  
  1753.  
  1754. .pagination a:first-child {
  1755. margin-left:0px!important;
  1756. }
  1757.  
  1758.  
  1759. .pagination a:last-child {
  1760. margin-right:0px!important;
  1761. }
  1762.  
  1763.  
  1764. .navigationbottom a:hover, .pagination a:hover, .pagination:hover {
  1765. font-weight:bold!important;
  1766. color:{color:links hover}!important;
  1767. -moz-transition-duration:1.5s;
  1768. -webkit-transition-duration:1.5s;
  1769. -o-transition-duration:1.5s;
  1770. text-shadow: 0px 0px 1px {color:links hover};
  1771. }
  1772.  
  1773.  
  1774.  
  1775.  
  1776.  
  1777.  
  1778.  
  1779.  
  1780.  
  1781.  
  1782.  
  1783.  
  1784. /* TRANSFORM */
  1785.  
  1786.  
  1787. .transformmenu {
  1788. position:fixed;
  1789. margin-top:25px!important;
  1790. margin-left:0px!important;
  1791. font-family:calibri;
  1792. text-transform:uppercase;
  1793. font-weight:bold;
  1794. padding-left:25px;
  1795. padding-right:25px;
  1796. height:25px;
  1797. line-height:25px;
  1798. }
  1799.  
  1800.  
  1801.  
  1802. .transformlist {
  1803. position:absolute;
  1804. z-index:99!important;
  1805. margin-left:26px;
  1806. margin-top:75px;
  1807. height:119px;
  1808. max-height:119px;
  1809. width:178px;
  1810. max-width:178px;
  1811. background-color:{color:background};
  1812. overflow-y:scroll;
  1813. padding-left:0px;
  1814. padding-right:0px;
  1815. outline:1px solid {color:border}!important;
  1816. }
  1817.  
  1818.  
  1819. .transformlinks {
  1820. margin-top:-1px;
  1821. margin-left:-1px;
  1822. width:275px;
  1823. background-color:{color:background};
  1824. }
  1825.  
  1826.  
  1827. .transformlinks a, .transformlinks li, .transformlinks button {
  1828. display:inline-block;
  1829. box-sizing: border-box;
  1830. padding-right:24px;
  1831. border-top:1px solid {color:border};
  1832. background-color:{color:background};
  1833. width:275px;
  1834. overflow:hidden;
  1835. height:32.5px;
  1836. padding-left:24px;
  1837. padding-right:24px;
  1838. font-family:calibri;
  1839. text-align:left!important;
  1840. font-style:normal;
  1841. font-weight:bold!important;
  1842. margin-right:0px;
  1843. margin-bottom:-3px;
  1844. font-size:9.5px;
  1845. letter-spacing:0px;
  1846. line-height:32.5px;
  1847. color: {color:Navigation List Links};
  1848. text-transform:uppercase;
  1849. cursor:pointer;
  1850. text-shadow: 0px 0px 1px {color:Navigation List Links};
  1851. -moz-transition-duration:1.5s;
  1852. -webkit-transition-duration:1.5s;
  1853. -o-transition-duration:1.5s;
  1854. }
  1855.  
  1856.  
  1857. .transformlinks li:hover, .transformlinks li:nth-of-type(even):hover {
  1858. color:{color:links}!important;
  1859. text-shadow: 0px 0px 1px {color:links};
  1860. -moz-transition-duration:1.5s;
  1861. -webkit-transition-duration:1.5s;
  1862. -o-transition-duration:1.5s;
  1863. }
  1864.  
  1865.  
  1866.  
  1867.  
  1868.  
  1869.  
  1870.  
  1871.  
  1872.  
  1873.  
  1874.  
  1875.  
  1876. /* POPUPS: GENERAL */
  1877.  
  1878.  
  1879. .popup_block {
  1880. box-sizing: border-box;
  1881. width:400px;
  1882. height:388px;
  1883. max-height:388px;
  1884. margin-top:76px!important;
  1885. margin-left:337px!important;
  1886. display:none;
  1887. background-color:{color:background}!important;
  1888. outline:1px solid {color:border};
  1889. border-bottom:24px solid {color:background};
  1890. padding-left:24px;
  1891. padding-right:24px;
  1892. position:absolute;
  1893. z-index:99999999;
  1894. opacity:1;
  1895. overflow-y:hidden;
  1896. text-align:justify;
  1897. overflow-x:hidden;
  1898. }
  1899.  
  1900.  
  1901. .popup_block a {
  1902. margin-right:0px;
  1903. vertical-align:top;
  1904. font-family: calibri, sans-serif;
  1905. font-size:9.5px;
  1906. color:{color:links};
  1907. font-weight:bold!important;
  1908. position: relative;
  1909. text-decoration:none;
  1910. text-transform:uppercase;
  1911. text-shadow: 0px 0px 1px {color:links};
  1912. }
  1913.  
  1914.  
  1915. *html #fade {
  1916. position: absolute;
  1917. }
  1918.  
  1919.  
  1920. *html .popup_block {
  1921. position: absolute;
  1922. }
  1923.  
  1924.  
  1925. #fade {
  1926. display:none;
  1927. position:fixed;
  1928. left:0px;
  1929. top:0px;
  1930. width:100%;
  1931. height:100%;
  1932. z-index:9;
  1933. background:transparent;
  1934. opacity:0;
  1935. }
  1936.  
  1937.  
  1938.  
  1939.  
  1940.  
  1941.  
  1942. /* NAVIGATION LIST */
  1943.  
  1944.  
  1945. .nlist {
  1946. position:absolute;
  1947. z-index:88!important;
  1948. left:52px;
  1949. margin-top:173px;
  1950. height:129px;
  1951. max-height:129px;
  1952. width:231px;
  1953. max-width:231px;
  1954. border-bottom:0px solid {color:background}!important;
  1955. border-top:0px solid {color:background}!important;
  1956. background-color:{color:background};
  1957. overflow-y:scroll;
  1958. padding-left:0px;
  1959. padding-right:0px;
  1960. outline:0px solid {color:border}!important;
  1961. }
  1962.  
  1963.  
  1964. .nlinks {
  1965. margin-top:-1px;
  1966. padding-left:0px!important;
  1967. width:275px;
  1968. background-color:{color:background};
  1969. }
  1970.  
  1971.  
  1972. .nlinks a, .nlinks li {
  1973. display:inline-block;
  1974. box-sizing: border-box;
  1975. border-top:1px solid {color:border};
  1976. background-color:{color:background};
  1977. width:275px;
  1978. overflow:hidden;
  1979. height:31.5px;
  1980. padding-left:25px;
  1981. padding-right:25px;
  1982. font-family:calibri;
  1983. text-align:left;
  1984. font-style:normal;
  1985. font-weight:bold;
  1986. margin-right:0px;
  1987. margin-bottom:-3px;
  1988. font-size:9.4px;
  1989. letter-spacing:0px;
  1990. line-height:31.5px;
  1991. color: {color:Navigation List Links};
  1992. text-transform:uppercase;
  1993. font-weight:bold;
  1994. cursor:pointer;
  1995. text-shadow: 0px 0px 1px {color:Navigation List Links};
  1996. -moz-transition-duration:1.5s;
  1997. -webkit-transition-duration:1.5s;
  1998. -o-transition-duration:1.5s;
  1999. }
  2000.  
  2001.  
  2002. .nlinks li:hover, .nlinks li:nth-of-type(even):hover {
  2003. color:{color:links}!important;
  2004. text-shadow: 0px 0px 1px {color:links};
  2005. -moz-transition-duration:1.5s;
  2006. -webkit-transition-duration:1.5s;
  2007. -o-transition-duration:1.5s;
  2008. }
  2009.  
  2010.  
  2011.  
  2012. .nlinksbutton, .nlinksbutton1, .nlinksbutton2, .nlinksbutton3, .nlinksbutton4 {
  2013. display:inline-block;
  2014. box-sizing: border-box;
  2015. border-top:1px solid {color:border};
  2016. background-color:{color:background};
  2017. width:275px;
  2018. overflow:hidden;
  2019. height:31.5px;
  2020. padding-left:25px;
  2021. padding-right:25px;
  2022. text-align:left;
  2023. color:{color:body text};
  2024. font-family:monospace;
  2025. letter-spacing:0.6px;
  2026. font-size:8.4px;
  2027. font-weight:lighter;
  2028. font-style:normal;
  2029. font-weight:bold;
  2030. margin-right:0px;
  2031. margin-bottom:-3px;
  2032. line-height:31.5px;
  2033. text-transform:uppercase;
  2034. cursor:pointer;
  2035. -moz-transition-duration:1.5s;
  2036. -webkit-transition-duration:1.5s;
  2037. -o-transition-duration:1.5s;
  2038. }
  2039.  
  2040.  
  2041.  
  2042. .nlinkscontent, .nlinkscontent1, .nlinkscontent2, .nlinkscontent3, .nlinkscontent4 {
  2043. display:none;
  2044. max-width:484px;
  2045. background-color:#000000;
  2046. overflow:hidden;
  2047. outline:0px solid {color:border};
  2048. }
  2049.  
  2050.  
  2051. .nlinkscontent a {
  2052. outline:0px solid {color:border};
  2053. border:0px;
  2054. width:242.1px!important;
  2055. margin-top:-1px!important;
  2056. margin-left:0px!important;
  2057. margin-right:-1px!important;
  2058. margin-bottom:0px!important;
  2059. }
  2060.  
  2061.  
  2062. .nlinkscontent a:nth-child (odd) {
  2063. border-right:1px solid {color:border};
  2064. width:243px!important;
  2065. }
  2066.  
  2067.  
  2068.  
  2069. /*NAVIGATION PAGES: SIDEBAR */
  2070.  
  2071.  
  2072. .npside {
  2073. position:absolute;
  2074. width:283px;
  2075. height:423px;
  2076. left:1px;
  2077. top:0px;
  2078. overflow-y:hidden;
  2079. outline:1px solid {color:border};
  2080. background-color:{color:background}!important;
  2081. }
  2082.  
  2083.  
  2084. .npsidetitle {
  2085. position:absolute;
  2086. font-family: 'janeaustennosecret';
  2087. color:{color:title};
  2088. font-weight:bold!important;
  2089. text-transform:none;
  2090. padding-left:25px;
  2091. padding-right:25px;
  2092. font-size:70px;
  2093. width:488px;
  2094. margin-left:-24px;
  2095. top:123px;
  2096. line-height:14px;
  2097. letter-spacing:-2px;
  2098. text-align:right!important;
  2099. z-index:90;
  2100. pointer-events:none;
  2101. background-color:transparent;
  2102. text-shadow:
  2103. -1px -1px 0 {color:title shadow},
  2104. 1px -1px 0 {color:title shadow},
  2105. -1px 1px 0 {color:title shadow},
  2106. 1px 1px 0 {color:title shadow};
  2107. }
  2108.  
  2109.  
  2110.  
  2111. .npsideinner {
  2112. position:absolute;
  2113. width:231px;
  2114. margin-left:26px;
  2115. margin-top:26px;
  2116. outline:1px solid {color:border};
  2117. background-color:{color:background};
  2118. -webkit-box-shadow: 0px 0px 48px 4px {color:background};
  2119. -moz-box-shadow: 0px 0px 48px 4px {color:background};
  2120. box-shadow: 0px 0px 48px 4px {color:background};
  2121. }
  2122.  
  2123.  
  2124. .npsideimgtop {
  2125. background-image:url('{Sidebar Image Top}');
  2126. background-position:top left;
  2127. outline:1px solid {color:border};
  2128. overflow:hidden;
  2129. width:231px;
  2130. height:120px!important;
  2131. -webkit-filter: brightness(1) contrast(1) saturate(1);
  2132. }
  2133.  
  2134.  
  2135. .npsideimgbottom {
  2136. background-image:url('{Sidebar Image Bottom}');
  2137. background-position:top left;
  2138. outline:1px solid {color:border};
  2139. margin-top:131px;
  2140. overflow:hidden;
  2141. width:231px;
  2142. height:120px;
  2143. -webkit-filter: brightness(1) contrast(1) saturate(1);
  2144. }
  2145.  
  2146.  
  2147.  
  2148.  
  2149. .nlist2 {
  2150. position:relative;
  2151. z-index:20!important;
  2152. margin-left:0px;
  2153. margin-top:1px;
  2154. height:129px;
  2155. max-height:129px;
  2156. width:231px;
  2157. max-width:231px;
  2158. border-bottom:0px solid {color:background}!important;
  2159. border-top:0px solid {color:background}!important;
  2160. background-color:{color:background};
  2161. overflow-y:scroll;
  2162. padding-left:0px;
  2163. padding-right:0px;
  2164. outline:1px solid {color:border}!important;
  2165. }
  2166.  
  2167.  
  2168. .nlinks2 {
  2169. margin-top:0px;
  2170. padding-left:0px!important;
  2171. width:275px;
  2172. background-color:{color:background};
  2173. }
  2174.  
  2175.  
  2176. .nlinks2 a, .nlinks2 li {
  2177. display:inline-block;
  2178. box-sizing: border-box;
  2179. padding-right:24px;
  2180. outline:1px solid {color:border};
  2181. background-color:{color:background};
  2182. width:275px;
  2183. overflow:hidden;
  2184. height:31.5px;
  2185. padding-left:24px;
  2186. padding-right:24px;
  2187. font-family:calibri;
  2188. text-align:left;
  2189. font-style:normal;
  2190. font-weight:bold!important;
  2191. margin-right:0px;
  2192. margin-bottom:-3px;
  2193. font-size:9.5px;
  2194. letter-spacing:0px;
  2195. line-height:31.5px;
  2196. color: {color:Navigation List Links};
  2197. text-transform:uppercase;
  2198. cursor:pointer;
  2199. text-shadow: 0px 0px 1px {color:Navigation List Links};
  2200. }
  2201.  
  2202.  
  2203. .nlinks2 li:hover, .nlinks2 li:nth-of-type(even):hover {
  2204. color:{color:links}!important;
  2205. text-shadow: 0px 0px 1px {color:links};
  2206. -moz-transition-duration:1.5s;
  2207. -webkit-transition-duration:1.5s;
  2208. -o-transition-duration:1.5s;
  2209. }
  2210.  
  2211.  
  2212.  
  2213.  
  2214.  
  2215.  
  2216.  
  2217.  
  2218.  
  2219.  
  2220.  
  2221.  
  2222. /* NAVIGATION PAGES */
  2223.  
  2224.  
  2225. #page {
  2226. width:484px;
  2227. height:373px;
  2228. margin-left:286px;
  2229. margin-top:50px;
  2230. overflow-x:hidden;
  2231. outline:1px solid {color:border};
  2232. padding-left:24px;
  2233. padding-right:25px;
  2234. background-color:{color:background}!important;
  2235. }
  2236.  
  2237.  
  2238.  
  2239. #page pre {
  2240. overflow: hidden;
  2241. background-color: {color:background};
  2242. outline:1px solid {color:border};
  2243. padding-left:25px;
  2244. padding-right:25px;
  2245. width:432px;
  2246. padding-top:8px;
  2247. padding-bottom:8px;
  2248. margin-bottom:18px!important;
  2249. margin-top:18px!important;
  2250. text-transform:uppercase;
  2251. line-height:155%;
  2252. font-weight:lighter!important;
  2253. color:{color:body text};
  2254. font-size:8.4px;
  2255. letter-spacing:0.6px;
  2256. white-space: pre-wrap;
  2257. white-space: -moz-pre-wrap;
  2258. white-space: -pre-wrap;
  2259. white-space: -o-pre-wrap;
  2260. word-wrap: break-word;
  2261. }
  2262.  
  2263.  
  2264. #pre a {
  2265. color:{links hover}!important;
  2266. text-shadow: 0px 0px 1px {links hover}!important;
  2267. }
  2268.  
  2269.  
  2270. #page pre:first-child {
  2271. margin-top:1px!important;
  2272. }
  2273.  
  2274.  
  2275.  
  2276.  
  2277. .npheader {
  2278. margin-top:0px;
  2279. margin-left:-24px;
  2280. margin-bottom:0px!important;
  2281. height:90px;
  2282. width:538px;
  2283. overflow:hidden;
  2284. outline:1px solid {color:border};
  2285. -webkit-filter: brightness(1.1) contrast(1) saturate(1);
  2286. }
  2287.  
  2288.  
  2289. .npnavi {
  2290. margin-top:1px;
  2291. margin-left:-25px!important;
  2292. margin-right:-25px!important;
  2293. margin-bottom:0px;
  2294. outline:0px;
  2295. }
  2296.  
  2297.  
  2298.  
  2299.  
  2300. .npnavi2 {
  2301. margin-top:1px;
  2302. margin-left:-25px!important;
  2303. margin-right:-25px!important;
  2304. margin-bottom:0px;
  2305. outline:0px;
  2306. }
  2307.  
  2308.  
  2309.  
  2310.  
  2311. .dropbtn {
  2312. display:inline-block;
  2313. box-sizing: border-box;
  2314. font-size:9.5px;
  2315. text-align:center;
  2316. min-width:539px!important;
  2317. padding-left:25px;
  2318. padding-right:25px;
  2319. margin-left:0px;
  2320. margin-top:-1px;
  2321. margin-bottom:0px!important;
  2322. font-family: calibri, sans-serif;
  2323. text-transform:uppercase;
  2324. height:26px;
  2325. background-color:transparent;
  2326. outline:0px solid {color:border};
  2327. border:1px solid {color:border};
  2328. line-height:23px;
  2329. margin-right:0px;
  2330. color: {color:bold};
  2331. font-weight:bold!important;
  2332. overflow:hidden; /* older browsers */
  2333. }
  2334.  
  2335.  
  2336.  
  2337.  
  2338. .dropbtn:hover, .dropbtn:focus {
  2339. color:{color:links};
  2340. }
  2341.  
  2342.  
  2343.  
  2344.  
  2345. .dropdown {
  2346. position: relative;
  2347. display: inline-block;
  2348. }
  2349.  
  2350.  
  2351.  
  2352. .dropdown-content {
  2353. display: none;
  2354. position: absolute;
  2355. margin-top:-1px!important;
  2356. margin-left:0px;
  2357. outline:1px solid {color:border};
  2358. border:0px solid {color:border};
  2359. background-color: {color:background};
  2360. width:537px;
  2361. z-index: 99;
  2362. -webkit-box-shadow: 0px 25px 0px -1px rgba(25,25,25,1);
  2363. -moz-box-shadow: 0px 25px 0px -1px rgba(25,25,25,1);
  2364. box-shadow: 0px 25px 0px -1px rgba(25,25,25,1);
  2365. }
  2366.  
  2367.  
  2368. .dropdown-content a {
  2369. color: black;
  2370. padding: 12px 16px;
  2371. text-decoration: none;
  2372. display: block;
  2373. }
  2374.  
  2375.  
  2376. .dropdown-content a:hover, .dropdown a:hover {
  2377. color:{color:links hover};!important;
  2378. }
  2379.  
  2380.  
  2381.  
  2382.  
  2383. .dropdown2 {
  2384. position: relative;
  2385. display: inline-block;
  2386. }
  2387.  
  2388.  
  2389.  
  2390.  
  2391. .dropdown-content2 {
  2392. display: none;
  2393. position: absolute;
  2394. margin-top:-1px!important;
  2395. margin-left:1px;
  2396. outline:1px solid {color:border};
  2397. border:0px solid {color:border};
  2398. background-color: {color:background};
  2399. width:200px;
  2400. z-index: 99;
  2401. -webkit-box-shadow: 0px 25px 0px -1px rgba(0,0,0,1);
  2402. -moz-box-shadow: 0px 25px 0px -1px rgba(0,0,0,1);
  2403. box-shadow: 0px 25px 0px -1px rgba(0,0,0,1);
  2404. }
  2405.  
  2406.  
  2407. .dropdown-content2 a {
  2408. color: black;
  2409. padding: 12px 16px;
  2410. text-decoration: none;
  2411. display: block;
  2412. }
  2413.  
  2414.  
  2415. .dropdown-content2 a:hover, .dropdown2 a:hover {
  2416. color:{color:links hover};!important;
  2417. }
  2418.  
  2419.  
  2420.  
  2421.  
  2422.  
  2423.  
  2424. .show {
  2425. display:block;
  2426. }
  2427.  
  2428.  
  2429. ul#tabs {
  2430. text-align: left;
  2431. Cursor:pointer;
  2432. }
  2433.  
  2434.  
  2435. ul#tabs li {
  2436. display:inline-block;
  2437. box-sizing: border-box;
  2438. font-size:9.5px;
  2439. text-align:center;
  2440. padding-left:24px;
  2441. padding-right:24px;
  2442. margin-bottom:-5px!important;
  2443. font-family: calibri, sans-serif;
  2444. text-transform:uppercase;
  2445. width:268.5px;
  2446. max-width:268.5px;
  2447. height:25px;
  2448. background-color:transparent;
  2449. border-bottom:1px solid {color:border};
  2450. border-left:1px solid {color:border};
  2451. border-right:1px solid {color:border};
  2452. line-height:25px;
  2453. margin-left:-1px;
  2454. margin-right:-1px;
  2455. color: {color:navigation list links};
  2456. font-weight:bold!important;
  2457. overflow:hidden;
  2458. text-shadow: 0px 0px 1px {color:navigation list links};
  2459. }
  2460.  
  2461.  
  2462. ul#tabs li.active {
  2463. color:{color:body text};
  2464. }
  2465.  
  2466.  
  2467. ul#tab, ul#tabs{
  2468. list-style-type:none;
  2469. margin:0px;
  2470. padding:0px;
  2471. }
  2472.  
  2473.  
  2474. ul#tab li.active {
  2475. display: block;
  2476. }
  2477.  
  2478.  
  2479. ul#tab li {
  2480. display: none;
  2481. }
  2482.  
  2483.  
  2484. .npcontent {
  2485. margin-top:2px!important;
  2486. border-top:24px solid {color:background};
  2487. border-bottom:24px solid {color:background};
  2488. padding-left:25px;
  2489. padding-right:25px;
  2490. margin-left:-25px;
  2491. margin-right:-25px;
  2492. overflow-y:scroll!important;
  2493. height:205px;
  2494. background-color:{color:background};
  2495. }
  2496.  
  2497.  
  2498. .nplinks {
  2499. margin-top:0px!important;
  2500. margin-bottom:0px!important;
  2501. padding-top:0px!important;
  2502. padding-bottom:0px;
  2503. background-color:{color:background};
  2504. width:491px;
  2505. }
  2506.  
  2507.  
  2508. .nplinks h4 {
  2509. color:{color:headers}!important;
  2510. width:433px!important;
  2511. text-shadow: 0px 0px 1px {color:headers};
  2512. }
  2513.  
  2514.  
  2515. .nplinks a {
  2516. font-family:calibri!important;
  2517. font-weight:bold!important;
  2518. color: {color:bold}!important;
  2519. text-transform:uppercase;
  2520. display:inline-block;
  2521. box-sizing: border-box;
  2522. width:238.7px;
  2523. height:25px!important;
  2524. padding-left:25px;
  2525. padding-right:25px;
  2526. line-height:25px;
  2527. margin-left:-0px;
  2528. margin-right:6px;
  2529. margin-bottom:8.4px;
  2530. text-align:left;
  2531. border: 1px solid {color:border};
  2532. font-size:9.5px;
  2533. text-shadow: 0px 0px 0px {color:bold}!important;
  2534. }
  2535.  
  2536.  
  2537. .nplinks a:hover, .nplinks:hover {
  2538. color:{color:links hover}!important;
  2539. -moz-transition-duration:1.5s;
  2540. -webkit-transition-duration:1.5s;
  2541. -o-transition-duration:1.5s;
  2542. text-shadow: 0px 0px 1px {color:links hover};
  2543. }
  2544.  
  2545.  
  2546. .nplinks a:last-child, .nplinks a:last-of-type {
  2547. margin-right:-2px!important;
  2548. }
  2549.  
  2550.  
  2551.  
  2552.  
  2553.  
  2554. /* CREDIT */
  2555.  
  2556.  
  2557. #credit {
  2558. background-color:{color:background};
  2559. border:1px solid {color:border};
  2560. padding:6px 10px;
  2561. z-index:999;
  2562. position:absolute;
  2563. bottom:44px;
  2564. right:44px;
  2565. width:6px;
  2566. height:14px;
  2567. word-wrap:break-word;
  2568. font-family:calibri;
  2569. overflow:hidden;
  2570. -webkit-transition:all 1.5s ease;
  2571. -moz-transition:all 1.5s ease;
  2572. -o-transition:all 1.5s ease;
  2573. transition:all 1.5s ease-in-out;
  2574. }
  2575.  
  2576.  
  2577. #credit a {
  2578. color:{color:links};
  2579. text-transform:uppercase;
  2580. font-size:9.5px;
  2581. text-shadow: 0px 0px 1px {color:links};
  2582. }
  2583.  
  2584.  
  2585. #credit:hover {
  2586. width:73px;
  2587. }
  2588.  
  2589.  
  2590. #credit span {
  2591. color:{color:bold};
  2592. font-family:calibri;
  2593. margin-right:10px;
  2594. font-size:10.5px;
  2595. text-shadow: 0px 0px 1px {color:bold};
  2596. }
  2597.  
  2598.  
  2599. </style>
  2600. </head>
  2601.  
  2602.  
  2603.  
  2604.  
  2605. <body>
  2606.  
  2607.  
  2608.  
  2609.  
  2610.  
  2611. <!-- CONTAINER -->
  2612.  
  2613. <div id="container">
  2614.  
  2615.  
  2616.  
  2617.  
  2618. <!-- SIDEBAR -->
  2619.  
  2620. <div class="sidebar">
  2621.  
  2622. {block:ifSidebarTitle}
  2623. <div class="sidebartitle">
  2624. {text:Sidebar Title}
  2625. </div class="sidebartitle">
  2626. {/block:ifSidebarTitle}
  2627.  
  2628. <div class="sidebarbg">
  2629. <img src="{image:Sidebar Background}">
  2630. </div class="sidebarbg">
  2631.  
  2632.  
  2633. <div class="inner">
  2634.  
  2635. <img class="sidebarimgtop" src="{image:Sidebar Image Top}" alt="Black Image" />
  2636.  
  2637.  
  2638. <div class="description">
  2639.  
  2640. <b>“Gentlemen, milady ---- you will always remember this as the day you <i>almost</i> caught Captain Jack Sparrow."</b> Indie RP blog for Captain Jack Sparrow, adored by Lottie. Established on 21st August 2014, rebooted on 23rd February 2020.
  2641.  
  2642. </div class="description">
  2643.  
  2644.  
  2645. <img class="sidebarimgbottom" src="{image:Sidebar Image Bottom}" alt="Black Image" />
  2646.  
  2647.  
  2648. </div class="inner">
  2649.  
  2650. </div class="sidebar">
  2651.  
  2652.  
  2653.  
  2654.  
  2655.  
  2656.  
  2657. <!-- NAVIGATION: TOP -->
  2658.  
  2659.  
  2660. <div class="navigation">
  2661.  
  2662. <button class="w3-bar-item w3-button" onclick="openPage('Index'); openNavi('Index'); openMuse('Index');" autofocus style="text-align:left; color:{color:button active}; text-shadow: 0px 0px 1px {color:button active};">
  2663. Close the popups
  2664. </button>
  2665.  
  2666. <button class="w3-bar-item w3-button" onclick="openMuse('Inquiries')">
  2667. Parley
  2668. </button>
  2669.  
  2670. <button class="w3-bar-item w3-button" onclick="openMuse('Muses')" style="text-align:right;">
  2671. The Navigation
  2672. </button>
  2673.  
  2674. </div class="navigation">
  2675.  
  2676.  
  2677.  
  2678.  
  2679.  
  2680.  
  2681.  
  2682. <!-- POSTS -->
  2683.  
  2684.  
  2685. <div id="content">
  2686. <div id="content2">
  2687.  
  2688.  
  2689. {block:Posts}
  2690. <div class="posts">
  2691.  
  2692.  
  2693.  
  2694.  
  2695.  
  2696.  
  2697. <!-- POSTS: TEXT -->
  2698.  
  2699.  
  2700. {block:Text}
  2701. <div id="textbody">
  2702. {block:Title}
  2703. <h1>{Title}</h1>
  2704. {/block:Title}
  2705.  
  2706. <div id="wrap">
  2707. {Body}
  2708. </div id="wrap">
  2709. <div style="clear:both">
  2710. </div style="clear:both">
  2711. </div id="textbody">
  2712. {/block:Text}
  2713.  
  2714.  
  2715.  
  2716.  
  2717.  
  2718.  
  2719. <!-- POSTS: PHOTO/SET -->
  2720.  
  2721.  
  2722. {block:Photo}
  2723. <div id="psingle">
  2724. {LinkOpenTag}
  2725.  
  2726. <img src="{PhotoURL-HighRes}">
  2727. {LinkCloseTag}
  2728.  
  2729. </div id="psingle">
  2730.  
  2731.  
  2732. {block:Caption}
  2733.  
  2734. <div id="pcaption">
  2735. {Caption}
  2736. </div id="pcaption">
  2737.  
  2738. {/block:Caption}
  2739.  
  2740. {/block:Photo}
  2741.  
  2742.  
  2743.  
  2744.  
  2745. {block:Photoset}
  2746. <div id="pset">
  2747. {Photoset}
  2748. </div id="pset">
  2749.  
  2750. {block:Caption}
  2751. {Caption}
  2752. {/block:Caption}
  2753.  
  2754. {/block:Photoset}
  2755.  
  2756.  
  2757.  
  2758.  
  2759.  
  2760.  
  2761. <!-- POSTS: QUOTE -->
  2762.  
  2763.  
  2764. {block:Quote}
  2765. <div id="quote">
  2766. "{Quote}"
  2767.  
  2768. <div class="source">
  2769. Source: {Source}
  2770. </div class="source">
  2771.  
  2772. </div id="quote">
  2773. {/block:Quote}
  2774.  
  2775.  
  2776.  
  2777.  
  2778.  
  2779.  
  2780. <!-- POSTS: LINK -->
  2781.  
  2782.  
  2783. {block:Link}
  2784. <div id="link">
  2785.  
  2786. <a href="{URL}" {Target}>{Name}&nbsp;&nbsp; ►</a>
  2787.  
  2788. </div id="link">
  2789. {/block:Link}
  2790.  
  2791.  
  2792.  
  2793.  
  2794.  
  2795.  
  2796. <!-- POSTS: CHAT -->
  2797.  
  2798.  
  2799. {block:Chat}
  2800. <div id="chat">
  2801.  
  2802. {block:Lines}
  2803. <div id="{Alt}">
  2804.  
  2805. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  2806.  
  2807. </div id="{Alt}">
  2808. {/block:Lines}
  2809.  
  2810. </div id="chat">
  2811. {/block:Chat}
  2812.  
  2813.  
  2814.  
  2815.  
  2816.  
  2817.  
  2818. <!-- POSTS: AUDIO -->
  2819.  
  2820.  
  2821. {block:Audio}
  2822. <div class="audioplayer">
  2823.  
  2824. {AudioPlayerWhite}
  2825.  
  2826. </div class="audioplayer">
  2827.  
  2828.  
  2829. <div class="audioinfo">
  2830. {block:TrackName}{TrackName}{/block:TrackName} — {block:Artist}{Artist}{/block:Artist}
  2831. </div class="audioinfo">
  2832.  
  2833. {block:Caption}
  2834. {Caption}
  2835. {/block:Caption}
  2836.  
  2837. {/block:Audio}
  2838.  
  2839.  
  2840.  
  2841.  
  2842.  
  2843.  
  2844. <!-- POSTS: VIDEO -->
  2845.  
  2846.  
  2847. {block:Video}
  2848. <div class="video">
  2849.  
  2850. {VideoEmbed-500}
  2851.  
  2852. </div class="video">
  2853.  
  2854. {block:Caption}
  2855. {Caption}
  2856. {/block:Caption}
  2857.  
  2858. {/block:Video}
  2859.  
  2860.  
  2861.  
  2862.  
  2863.  
  2864.  
  2865. <!-- POSTS: ASK -->
  2866.  
  2867.  
  2868. {block:Answer}
  2869.  
  2870. <div id="question">
  2871. <div id="ask">
  2872.  
  2873. <b>{Asker} has come bearing inquiries:</b>
  2874. {Question}
  2875.  
  2876. </div id="ask">
  2877. <div class="letterask">Q</div class="letterask">
  2878.  
  2879. </div id="question">
  2880.  
  2881. <div id="response">
  2882. <div id="wrap">{Answer}</div id="wrap">
  2883.  
  2884. </div id="response">
  2885.  
  2886. {/block:Answer}
  2887.  
  2888.  
  2889.  
  2890.  
  2891.  
  2892.  
  2893.  
  2894.  
  2895. <!-- POST INFORMATION -->
  2896.  
  2897.  
  2898.  
  2899. {block:Date}
  2900.  
  2901. {block:indexpage}
  2902.  
  2903. <div class="permalink">
  2904. <div class="permalinkbuttons">
  2905.  
  2906. <a href="{Permalink}" style="text-align:left;" title="{NoteCountWithLabel}">
  2907. {Month} {DayOfMonth}{DayOfMonthSuffix} / {12Hour}:{Minutes}{CapitalAmPm}</a>
  2908.  
  2909. {block:RebloggedFrom}
  2910. <a href="{ReblogParentURL}" title="{ReblogParentName}: {ReblogParentTitle}">
  2911. REBLOGGED FROM / VIA
  2912. </a>
  2913. {/block:RebloggedFrom}
  2914.  
  2915. <a href="{ReblogURL}" target="_blank" class="details" style="float:right; text-align:right;">
  2916. CLICK HERE TO REBLOG THIS POST
  2917. </a>
  2918.  
  2919. </div class="permalinkbuttons">
  2920.  
  2921.  
  2922. {block:HasTags}
  2923. <div class="tags">
  2924.  
  2925. {block:Tags}
  2926. <a href="{TagURL}">{Tag}&nbsp;&nbsp;</a>
  2927. {/block:Tags}
  2928.  
  2929. </div class="tags">
  2930. {/block:HasTags}
  2931.  
  2932.  
  2933. </div class="permalink">
  2934. {/block:indexpage}
  2935.  
  2936.  
  2937.  
  2938.  
  2939.  
  2940.  
  2941. {block:permalinkpage}
  2942. <div class="permalink">
  2943. <div class="permalinkbuttons">
  2944.  
  2945. {block:RebloggedFrom}
  2946. <a href="{ReblogParentName}" title="{ReblogParentName}" style="text-align:left;">
  2947. REBLOGGED FROM / VIA
  2948. </a>
  2949. {/block:RebloggedFrom}
  2950.  
  2951. <a href="{ReblogURL}" target="_blank" class="details" style="float:right; ">
  2952. CLICK HERE TO REBLOG THIS POST
  2953. </a>
  2954.  
  2955. </div class="permalinkbuttons">
  2956.  
  2957. {block:HasTags}
  2958. <div class="tags">
  2959. {block:Tags}
  2960.  
  2961. <a href="{TagURL}">
  2962. {Tag}&nbsp;&nbsp;
  2963. </a>
  2964.  
  2965. {/block:Tags}
  2966. </div class="tags">
  2967. {/block:HasTags}
  2968.  
  2969. </div class="permalink">
  2970. {/block:permalinkpage}
  2971.  
  2972. {/block:Date}
  2973.  
  2974.  
  2975.  
  2976.  
  2977.  
  2978.  
  2979. <!-- NOTES -->
  2980.  
  2981. {block:PostNotes}
  2982. <div id="notes">
  2983.  
  2984. <div class="note">
  2985. {PostNotes}
  2986. </div class="note">
  2987.  
  2988. </div id="notes">
  2989. {/block:PostNotes}
  2990.  
  2991.  
  2992.  
  2993.  
  2994.  
  2995.  
  2996. <!-- HIDE VIA/SOURCE IN POSTS -->
  2997.  
  2998.  
  2999. {block:ContentSource}<!-- {SourceURL}
  3000. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  3001. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  3002. {/block:ContentSource}
  3003.  
  3004.  
  3005. <!-- {block:NoRebloggedFrom}
  3006. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  3007. {/block:NoRebloggedFrom} -->
  3008.  
  3009.  
  3010. </div class="posts">
  3011. {/block:Posts}
  3012.  
  3013.  
  3014. </div id="content2">
  3015. </div id="content">
  3016.  
  3017.  
  3018.  
  3019.  
  3020.  
  3021. {block:ifBlogTitle}
  3022. <div class="title">
  3023. {text:Title}
  3024. </div class="title">
  3025. {/block:ifBlogTitle}
  3026.  
  3027.  
  3028.  
  3029.  
  3030.  
  3031.  
  3032.  
  3033.  
  3034.  
  3035. <!-- NAVIGATION: BOTTOM -->
  3036.  
  3037.  
  3038. <div class="navigationbottom">
  3039. <div class="pagination">
  3040.  
  3041. <a href="/" title="Refresh the page" autofocus style="text-align:left; color:{color:button active}; text-shadow: 0px 0px 1px {color:button active};">RETURN TO MAIN PAGE</a>
  3042.  
  3043. {block:Indexpage}
  3044. {block:PreviousPage}<a href="{PreviousPage}">RETURN TO LAST PAGE</a>{/block:PreviousPage}
  3045. {block:NextPage}<a href="{NextPage}" style="float:right; margin-right:1px; text-align:right;">PROCEED TO NEXT PAGE</a>{/block:NextPage}
  3046. {/block:Indexpage}
  3047.  
  3048.  
  3049.  
  3050. {block:PermalinkPagination}
  3051. {block:PreviousPost}<a href="{PreviousPost}" title="Previous Post">RETURN TO LAST POST</a>{/block:PreviousPost}
  3052. {block:NextPost}<a href="{NextPost}" title="Next Post" style="float:right; margin-right:1px; text-align:right;">PROCEED TO NEXT POST</a>{/block:NextPost}
  3053. {/block:PermalinkPagination}
  3054.  
  3055.  
  3056. </div class="pagination">
  3057. </div class="navigationbottom">
  3058.  
  3059.  
  3060.  
  3061.  
  3062. <div id="Index" class="Muse; navi; page;" style="display:block">
  3063.  
  3064. </div id="Index" class="Muse; navi; page;">
  3065.  
  3066.  
  3067.  
  3068.  
  3069.  
  3070.  
  3071.  
  3072.  
  3073.  
  3074.  
  3075.  
  3076.  
  3077.  
  3078.  
  3079.  
  3080. <!-- PAGE: INQUIRIES -->
  3081.  
  3082. <div id="Inquiries" class="page" style="display:none;">
  3083. <div id="tabcontent">
  3084.  
  3085.  
  3086. <div class="npside">
  3087.  
  3088.  
  3089. <div class="sidebarbg">
  3090. <img src="{image:Sidebar Background}">
  3091. </div class="sidebarbg">
  3092.  
  3093.  
  3094. <div class="inner">
  3095.  
  3096.  
  3097. <img class="sidebarimgtop" src="{image:Sidebar Image Top}" alt="Black Image" />
  3098.  
  3099.  
  3100. <div class="description">
  3101.  
  3102. <b>"Gentlemen, my lady— ... You will always remember this as the day you almost caught <i>Captain</i> Jack Sparrow."</b> This is an independent RP for Captain Jack Sparrow, adored by Lottie. This blog was originally established on the 21st of August, 2014.
  3103.  
  3104. </div class="description">
  3105.  
  3106.  
  3107. <img class="sidebarimgbottom" src="{image:Sidebar Image Bottom}" alt="Black Image" />
  3108.  
  3109.  
  3110. </div class="inner">
  3111. </div class="npside">
  3112.  
  3113.  
  3114. <div id="page">
  3115.  
  3116.  
  3117. <div class="npheader">
  3118. <img src="https://static.tumblr.com/m7qloac/qw2q4j931/guidelinesheader02.png">
  3119. </div class="npheader">
  3120.  
  3121.  
  3122. <div class="npnavi">
  3123. <div class="dropdown">
  3124.  
  3125. <button onclick="myFunction()" class="dropbtn" style="pointer-events:none;">
  3126. Inquiries / Askbox / Curiosities</button>
  3127.  
  3128. </div class="dropdown">
  3129. </div class="npnavi">
  3130.  
  3131.  
  3132. <!-- TAB ONE -->
  3133.  
  3134. <ul id="tab"><li class="active">
  3135.  
  3136. <div class="npcontent">
  3137.  
  3138. <iframe frameborder="0" scrolling="yes" width="465px" height="200px" src="https://www.tumblr.com/ask_form/trickstercaptain.tumblr.com" style="padding:8px;margin-top:px; background-color:transparent; border:1px solid #151515; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  3139.  
  3140.  
  3141. </div class="npcontent">
  3142.  
  3143.  
  3144.  
  3145. </div id="page">
  3146.  
  3147.  
  3148. </div id="tabcontent">
  3149. </div id="Inquiries" class="page">
  3150.  
  3151.  
  3152.  
  3153.  
  3154.  
  3155.  
  3156.  
  3157.  
  3158.  
  3159.  
  3160.  
  3161.  
  3162.  
  3163.  
  3164.  
  3165.  
  3166. <!-- NAVIGATIONAL LIST LINKS -->
  3167.  
  3168. <div id="Muses" class="muse" style="display:none;">
  3169.  
  3170.  
  3171. <div class="nlist">
  3172. <div class="nlinks">
  3173.  
  3174.  
  3175.  
  3176. <!-- COPY/PASTE THESE IF YOU WANT MORE LINKS -->
  3177.  
  3178. <div class="nlinksbutton">Guidelines / Notes</div>
  3179. <div class="nlinkscontent">
  3180.  
  3181. <li onclick="openPage('Codex')">
  3182. The Pirata Codex
  3183. </li>
  3184.  
  3185. <li onclick="openPage('Mains')">
  3186. Mains / Exclusives
  3187. </li>
  3188.  
  3189. <li onclick="openPage('Navigation')">
  3190. The Navigation
  3191. </li>
  3192.  
  3193. </div class="nlinkscontent">
  3194.  
  3195.  
  3196.  
  3197.  
  3198. <div class="nlinksbutton1">Universes: Canon</div>
  3199. <div class="nlinkscontent1">
  3200.  
  3201. <li onclick="openPage('CanonBio')">
  3202. Information: Biography
  3203. </li>
  3204.  
  3205. <li onclick="openPage('CanonYoung')">
  3206. Timeline: Young
  3207. </li>
  3208.  
  3209. <li onclick="openPage('CanonEITC')">
  3210. Timeline: East India Trading Company
  3211. </li>
  3212.  
  3213. <li onclick="openPage('CanonPPMutiny')">
  3214. Timeline: Pre/Post-Mutiny
  3215. </li>
  3216.  
  3217. <li onclick="openPage('CanonFilms')">
  3218. Timeline: Individual Films
  3219. </li>
  3220.  
  3221. <li onclick="openPage('CanonAlternate')">
  3222. Timeline: Alternate(s)
  3223. </li>
  3224.  
  3225.  
  3226. </div class="nlinkscontent">
  3227.  
  3228.  
  3229.  
  3230.  
  3231.  
  3232.  
  3233.  
  3234. <div class="nlinksbutton2">Universes: Modern</div>
  3235. <div class="nlinkscontent2">
  3236.  
  3237. <li onclick="openPage('ModernBio')">
  3238. Information: Biography
  3239. </li>
  3240.  
  3241. <li onclick="openPage('ModernYoung')">
  3242. Timeline: Young
  3243. </li>
  3244.  
  3245. <li onclick="openPage('ModernMagic')">
  3246. Timeline: Magic / Supernatural
  3247. </li>
  3248.  
  3249. <li onclick="openPage('ModernMCU')">
  3250. Timeline: Marvel Cinematic Universe
  3251. </li>
  3252.  
  3253. <li onclick="openPage('ModernAlternate')">
  3254. Timeline: Alternate(s)
  3255. </li>
  3256.  
  3257.  
  3258. </div class="nlinkscontent">
  3259.  
  3260.  
  3261.  
  3262.  
  3263.  
  3264.  
  3265. <div class="nlinksbutton3">Universes: Crossover</div>
  3266. <div class="nlinkscontent3">
  3267.  
  3268. <li onclick="openPage('CrossoverWizard')">
  3269. Timeline: Wizarding World
  3270. </li>
  3271.  
  3272. <li onclick="openPage('CrossoverASOIAF')">
  3273. Timeline: A Song of Ice and Fire
  3274. </li>
  3275.  
  3276. <li onclick="openPage('CrossoverVictorian')">
  3277. Timeline: Victorian
  3278. </li>
  3279.  
  3280. <li onclick="openPage('CrossoverBS')">
  3281. Timeline: Black Sails
  3282. </li>
  3283.  
  3284. <li onclick="openPage('CrossoverDA')">
  3285. Timeline: Dragon Age
  3286. </li>
  3287.  
  3288. <li onclick="openPage('CrossoverTHG')">
  3289. Timeline: The Hunger Games
  3290. </li>
  3291.  
  3292. <li onclick="openPage('CrossoverWW')">
  3293. Westworld
  3294. </li>
  3295.  
  3296. </div class="nlinkscontent">
  3297.  
  3298.  
  3299.  
  3300.  
  3301.  
  3302.  
  3303.  
  3304. <div class="nlinksbutton4">Universes: Private</div>
  3305. <div class="nlinkscontent4">
  3306.  
  3307. <li onclick="openPage('PrivatePirateWar')">
  3308. Timeline: Pirate War
  3309. </li>
  3310.  
  3311. <li onclick="openPage('PrivateSoulmate')">
  3312. Timeline: Soulmate AU
  3313. </li>
  3314.  
  3315. <li onclick="openPage('PrivateApocalypse')">
  3316. Timeline: Apocalypse
  3317. </li>
  3318.  
  3319. <li onclick="openPage('PrivatePearl')">
  3320. Timeline: Humanised Pearl
  3321. </li>
  3322.  
  3323. </div class="nlinkscontent">
  3324.  
  3325.  
  3326. <!-- / COPY/PASTE THESE IF YOU WANT MORE LINKS -->
  3327.  
  3328.  
  3329.  
  3330. </div class="nlinks">
  3331. </div class="nlist">
  3332.  
  3333. </div id="Muses" class="muse">
  3334.  
  3335.  
  3336.  
  3337.  
  3338.  
  3339.  
  3340.  
  3341.  
  3342.  
  3343.  
  3344.  
  3345.  
  3346.  
  3347.  
  3348.  
  3349. <!-- PAGE: CODEX -->
  3350.  
  3351. <div id="Codex" class="page" style="display:none;">
  3352. <div id="tabcontent">
  3353.  
  3354.  
  3355. <div class="npside">
  3356.  
  3357.  
  3358. <div class="sidebarbg">
  3359. <img src="{image:Sidebar Background}">
  3360. </div class="sidebarbg">
  3361.  
  3362.  
  3363. <div class="npsideinner">
  3364.  
  3365.  
  3366. <div class="npsideimgtop">
  3367. <img src="https://static.tumblr.com/m7qloac/zoLq4j95k/guidelineslefttop02.png">
  3368. </div class="npsideimgtop">
  3369.  
  3370.  
  3371.  
  3372. <div class="npsideimgbottom">
  3373. <img src="https://static.tumblr.com/m7qloac/lmjq4j99f/guidelinesleftbottom02.png">
  3374. </div class="npsideimgbottom">
  3375.  
  3376.  
  3377. </div class="npsideinner">
  3378. </div class="npside">
  3379.  
  3380.  
  3381. <div id="page">
  3382.  
  3383.  
  3384.  
  3385. <div class="npheader">
  3386. <img src="https://static.tumblr.com/m7qloac/qw2q4j931/guidelinesheader02.png">
  3387. </div class="npheader">
  3388.  
  3389.  
  3390. <div class="npnavi">
  3391. <div class="dropdown">
  3392.  
  3393. <button onclick="myFunction()" class="dropbtn" style="pointer-events:none;">
  3394. The Pirata Codex
  3395. </button>
  3396. <div id="myDropdown" class="dropdown-content">
  3397.  
  3398.  
  3399. </div id="myDropdown" class="dropdown-content">
  3400.  
  3401. </div class="dropdown">
  3402. </div class="npnavi">
  3403.  
  3404.  
  3405. <!-- TAB ONE -->
  3406.  
  3407. <ul id="tab"><li class="active">
  3408.  
  3409. <div class="npcontent">
  3410.  
  3411.  
  3412. <h4>001. Introduction</h4>
  3413.  
  3414. First things first, a couple of notes about my particular portrayal:
  3415.  
  3416. <p>My portrayal of Jack draws on both movie & book canon, primarily the trilogy and Ann Crispin’s <i>The Price of Freedom</i>, the latter of which concerns Jack’s past, although I do borrow sparingly from other sources across extended canon. He is much more than the witty rogue with a fondness for rum that he is often dismissed as; I therefore ask that you please respect this and my reasons for being picky when it comes to incorporating certain ‘canon’ established in <i>Dead Men Tell No Tales</i> in particular.
  3417.  
  3418. <p>I have been writing Jack on this blog for more than five years now. In that time, I have developed him far beyond his canon, and have covered a lot of ground in terms of interactions. In particular, having written a reply to many a tavern starter over the years, I can no longer guarantee that my muse will spark into life if you write me a generic greeter starter without any prior plotting beforehand. This isn’t to say that I won’t reply to one, only to point out that you may wait a while for a reply and therefore it is much better to come to me to plot out something if you’re ever unsure of the sort of starter to throw my way.
  3419.  
  3420. <p>Essentially, communication is the key! And after all this time, plotted dynamics and threads are far more likely to convince Jack’s muse into sticking beyond only a few replies, so just be aware of this.
  3421.  
  3422. <h4>002. Private / Selective </h4>
  3423.  
  3424. This blog is private and selective, meaning that I only write with mutuals for my own state of mind. I work and have a busy life outside of tumblr which takes priority, so I cannot write with everyone. I also do sometimes practice exclusivity, although I tend to be very picky about this: any portrayal to which I am mains or exclusive is listed in that tab to the left of this page.
  3425.  
  3426. <h4>003. Drama / Tumblr Politics</h4>
  3427.  
  3428. I do not care to see call out posts or any other kind of drama. I will unfollow and potentially block if I see it on my dash: I am here to <i>write</i>, not to engage in tumblr politics.
  3429.  
  3430. <h4>004. Shipping</h4>
  3431.  
  3432. I am multiship and Jack is <i>bisexual</i>, but both mun and muse are picky when it comes to shipping. Just because Jack is promiscuous does not necessarily mean that he will emotionally invest or jump into bed with just anyone. He is, however, a huge flirt, but conversely please do not assume that this is an attempt to force a ship on you and your muse. My son just loves to turn on the charm.
  3433.  
  3434. <h4>005. General Etiquette</h4>
  3435.  
  3436. Usual Tumblr etiquette applies. Please don’t godmod, don’t rush me on replies as I am very slow, please make sure meme replies are transferred over to a new post etc etc. Icons were made, although not capped by me, so please do not take them.
  3437.  
  3438.  
  3439. <h4>006. Mature Content / Triggers</h4>
  3440.  
  3441. NSFW may appear from time to time, as well as certain dark topics considering that Jack is a pirate and a dangerous individual. I do not have any triggers myself, but I will certainly try to tag anything particularly sensitive that may appear on this blog.
  3442.  
  3443.  
  3444. <h4>007. Following = Writing</h4>
  3445.  
  3446. If we are mutuals, I absolutely want to write with you! Hitting up my IMs for plotting is likely the easiest way to get something going with me, but sending a meme or liking a starter/interaction call absolutely works too!
  3447.  
  3448.  
  3449. <h4>008. About the mun</h4>
  3450.  
  3451. Lottie. Early twenties. She/hers. GMT timezone, so I live in the land of tea and the never-ending dfs sale. Mutuals are certainly welcome to ask for my discord!
  3452.  
  3453.  
  3454. <h4>009. Disclaimer / Rights</h4>
  3455.  
  3456. I do not have any association with Disney, Pirates of the Caribbean, or the wonderful Johnny Depp. Any ignorant and uneducated hate towards my faceclaim will not be tolerated on my dash and, out of respect to him as a human being, as well as for my own comfort, I will not write or interact with any blog who uses Amber Heard as a faceclaim.
  3457.  
  3458.  
  3459. </div class="npcontent">
  3460.  
  3461.  
  3462. </li></ul>
  3463.  
  3464.  
  3465. </div id="page">
  3466.  
  3467.  
  3468. </div id="tabcontent">
  3469. </div id="Codex" class="page">
  3470.  
  3471.  
  3472.  
  3473.  
  3474.  
  3475.  
  3476.  
  3477.  
  3478.  
  3479.  
  3480.  
  3481.  
  3482.  
  3483.  
  3484.  
  3485.  
  3486.  
  3487.  
  3488.  
  3489.  
  3490.  
  3491. <!-- PAGE: MAINS -->
  3492.  
  3493. <div id="Mains" class="page" style="display:none;">
  3494. <div id="tabcontent">
  3495.  
  3496.  
  3497. <div class="npside">
  3498.  
  3499.  
  3500. <div class="sidebarbg">
  3501. <img src="{image:Sidebar Background}">
  3502. </div class="sidebarbg">
  3503.  
  3504.  
  3505. <div class="npsideinner">
  3506.  
  3507.  
  3508. <div class="npsideimgtop">
  3509. <img src="https://static.tumblr.com/m7qloac/zoLq4j95k/guidelineslefttop02.png">
  3510. </div class="npsideimgtop">
  3511.  
  3512.  
  3513.  
  3514. <div class="npsideimgbottom">
  3515. <img src="https://static.tumblr.com/m7qloac/lmjq4j99f/guidelinesleftbottom02.png">
  3516. </div class="npsideimgbottom">
  3517.  
  3518.  
  3519. </div class="npsideinner">
  3520. </div class="npside">
  3521.  
  3522.  
  3523. <div id="page">
  3524.  
  3525.  
  3526.  
  3527. <div class="npheader">
  3528. <img src="https://static.tumblr.com/m7qloac/qw2q4j931/guidelinesheader02.png">
  3529. </div class="npheader">
  3530.  
  3531.  
  3532. <div class="npnavi">
  3533. <div class="dropdown">
  3534.  
  3535. <button onclick="myFunction()" class="dropbtn" style="pointer-events:none;">
  3536. Mains / Exclusives
  3537. </button>
  3538. <div id="myDropdown" class="dropdown-content">
  3539.  
  3540.  
  3541. </div id="myDropdown" class="dropdown-content">
  3542.  
  3543. </div class="dropdown">
  3544. </div class="npnavi">
  3545.  
  3546.  
  3547. <!-- TAB ONE -->
  3548.  
  3549. <ul id="tab"><li class="active">
  3550.  
  3551. <p>All of the portrayals listed on this page are near and dear to my heart, and have been in most cases for several years. Exclusives are my one and only, and something I only tend to extend to others when there is copious plotting and a strong out of character relationship involved.</p>
  3552.  
  3553. <div class="nplinks">
  3554.  
  3555. <h4>Exclusives</h4>
  3556.  
  3557.  
  3558. <a href="http://empireburned.tumblr.com">
  3559. angelica / empireburned
  3560. </a>
  3561.  
  3562. <a href="http://krakensdotter.tumblr.com">
  3563. asha greyjoy / krakensdotter
  3564. </a>
  3565.  
  3566. <a href="http://thecodekeeper.tumblr.com">
  3567. edward teague / thecodekeeper
  3568. </a>
  3569.  
  3570. <a href="http://hangtherules.tumblr.com">
  3571. elizabeth swann / hangtherules
  3572. </a>
  3573.  
  3574. <a href="http://crimeblogger.tumblr.com">
  3575. john watson / crimeblogger
  3576. </a>
  3577.  
  3578. <a href="http://piraticalwit.tumblr.com">
  3579. killian jones / piraticalwit
  3580. </a>
  3581.  
  3582. <a href="http;//empireburned.tumblr.com">
  3583. maria sparrow / empireburned
  3584. </a>
  3585.  
  3586. <a href="http://scavengered.tumblr.com">
  3587. rey / scavengered
  3588. </a>
  3589.  
  3590. <a href="http://nailedbats.tumblr.com">
  3591. steve harrington / nailedbats
  3592. </a>
  3593.  
  3594. <a href="http://talktoten.tumblr.com">
  3595. tenth doctor / talktoten
  3596. </a>
  3597. </div class="nplinks">
  3598.  
  3599. <p>In regards to mains, I will accept up to <strong>two per character/muse,</strong> who I will prioritise when it comes to plotting and writing. However, with these, I am still open to interacting with other portrayals.</p>
  3600.  
  3601. <div class="nplinks">
  3602.  
  3603. <h4>Mains</h4>
  3604.  
  3605. <a href="http://empireburned.tumblr.com">
  3606. carina smyth / empireburned
  3607. </a>
  3608.  
  3609. <a href="http://empireburned.tumblr.com">
  3610. claire fraser / empireburned
  3611. </a>
  3612.  
  3613. <a href="http://empireburned.tumblr.com">
  3614. eleanor guthrie / empireburned
  3615. </a>
  3616.  
  3617. <a href="http://khruseos.tumblr.com">
  3618. ezio auditore / khruseos
  3619. </a>
  3620.  
  3621. <a href="http;//saliberte.tumblr.com">
  3622. humanised pearl / saliberte
  3623. </a>
  3624.  
  3625. <a href="http://thevictors.tumblr.com">
  3626. tia dalma / thevictors
  3627. </a>
  3628.  
  3629.  
  3630. </div class="nplinks">
  3631.  
  3632.  
  3633.  
  3634. </li></ul>
  3635.  
  3636.  
  3637. </div id="page">
  3638.  
  3639.  
  3640. </div id="tabcontent">
  3641. </div id="Mains" class="page">
  3642.  
  3643.  
  3644.  
  3645.  
  3646.  
  3647.  
  3648.  
  3649.  
  3650.  
  3651.  
  3652.  
  3653.  
  3654.  
  3655.  
  3656.  
  3657.  
  3658.  
  3659.  
  3660. <!-- PAGE: NAVIGATION -->
  3661.  
  3662. <div id="Navigation" class="page" style="display:none;">
  3663. <div id="tabcontent">
  3664.  
  3665.  
  3666. <div class="npside">
  3667.  
  3668.  
  3669. <div class="sidebarbg">
  3670. <img src="{image:Sidebar Background}">
  3671. </div class="sidebarbg">
  3672.  
  3673.  
  3674. <div class="npsideinner">
  3675.  
  3676.  
  3677. <div class="npsideimgtop">
  3678. <img src="https://static.tumblr.com/m7qloac/zoLq4j95k/guidelineslefttop02.png">
  3679. </div class="npsideimgtop">
  3680.  
  3681.  
  3682.  
  3683. <div class="npsideimgbottom">
  3684. <img src="https://static.tumblr.com/m7qloac/lmjq4j99f/guidelinesleftbottom02.png">
  3685. </div class="npsideimgbottom">
  3686.  
  3687.  
  3688. </div class="npsideinner">
  3689. </div class="npside">
  3690.  
  3691.  
  3692. <div id="page">
  3693.  
  3694.  
  3695.  
  3696. <div class="npheader">
  3697. <img src="https://static.tumblr.com/m7qloac/qw2q4j931/guidelinesheader02.png">
  3698. </div class="npheader">
  3699.  
  3700.  
  3701. <div class="npnavi">
  3702. <div class="dropdown">
  3703.  
  3704. <button onclick="myFunction()" class="dropbtn" style="pointer-events:none;">
  3705. General Navigation
  3706. </button>
  3707. <div id="myDropdown" class="dropdown-content">
  3708.  
  3709.  
  3710. </div id="myDropdown" class="dropdown-content">
  3711.  
  3712. </div class="dropdown">
  3713. </div class="npnavi">
  3714.  
  3715.  
  3716. <!-- TAB ONE -->
  3717.  
  3718. <ul id="tab"><li class="active">
  3719.  
  3720. <div class="npcontent">
  3721.  
  3722.  
  3723. <div class="nplinks">
  3724.  
  3725. <h4>General / Informative</h4>
  3726.  
  3727.  
  3728. <a href="/tagged/%5B-out-of-character.-%5D-i%27m-not-questioning-your-powers-of-observation.-i%27m-merely-remarking-on-the-paradox-of-asking-a-masked-man-who-he-is.">
  3729. Out of character posts
  3730. </a>
  3731.  
  3732. <a href="/tagged/%5B-in-character.-%5D-you-got-this-right%3F-%2F-got-what%3F-i-don%27t-even-know-what-i%27m-supposed-to-get%21">
  3733. In character posts
  3734. </a>
  3735.  
  3736. <a href="/tagged/%5B-crack.-%5D-i%27m-going-to-get-you-a-dictionary-for-christmas-this-year-so-you-can-look-up-%27fun.%27-i%27m-not-sure-you-know-what-it-means.">
  3737. Crack / Humor
  3738. </a>
  3739.  
  3740. <a href="/tagged/%5B-salt.-%5D-there-once-was-a-man-named-duccio.-a-rat-with-lecherous-taste.-whenever-he-would-show-himself.-my-fist-would-find-his-face.">
  3741. Salt / Opinions
  3742. </a>
  3743.  
  3744. <a href="/tagged/%5B-my-resources-%2F-edits.-%5D-welcome-to-the-birthing-suite.-i%27m-pleased-to-announce-the-imminent-arrival-of-your-bouncing-badass-baby-brother.">
  3745. Resources / Edits
  3746. </a>
  3747.  
  3748. <a href="/tagged/%5B-all-meta.-%5D-artists-use-lies-to-tell-the-truth.-yes-i-created-a-lie.-but-because-you-believed-it.-you-found-something-true-about-yourself.">
  3749. All written meta
  3750. </a>
  3751.  
  3752. <a href="/tagged/%5B-self-promotion.-%5D-have-you-fallen-in-love-with-the-wrong-person-yet%3F-%2F-unfortunately-lady-of-the-haven.-my-one-true-love-remains-myself.">
  3753. Self Promotions
  3754. </a>
  3755.  
  3756. <a href="/tagged/%5B-other-promotions.-%5D-i-told-you-i-don%27t-wanna-join-your-super-secret-boy-band.">
  3757. Other Promotions
  3758. </a>
  3759.  
  3760.  
  3761. <h4>Social Aspects</h4>
  3762.  
  3763.  
  3764. <a href="/tagged/%5B-saved.-%5D-i-don%27t-want-to-harp-on-this-but-did-you-like-the-custom-rabbit%3F-%2F-...-did-i-like-it%3F-%2F-nailed-it.-right%3F">
  3765. Saved messages / Treasures
  3766. </a>
  3767.  
  3768. <a href="/tagged/%5B-public-service-announcement.-%5D-obviously-you-can-quote-me-on-that.-%27cause-i-just-said-it.">
  3769. Public Service Announcements
  3770. </a>
  3771.  
  3772. <a href="/tagged/%5B-inquiries%3A-out-of-character.-%5D-you-can-call-me-anytime.-i%27ll-put-you-on-hold.-i-like-to-watch-the-line-blink.">
  3773. Answered: Out of character
  3774. </a>
  3775.  
  3776. <a href="/tagged/%5B-inquiries%3A-in-character.-%5D-so-you-came-here-to-torture-me-and-talk-about-yourself%3F-%2F-you-may-not-remember-but-that%27s-kind-of-our-thing.">
  3777. Answered: In character
  3778. </a>
  3779.  
  3780. <a href="/tagged/%5B-inquiries%3A-memes-%2F-prompts.-%5D-this-is-probably-a-bad-idea.-like-a-record-breakingly-bad-idea.-like-a-go-down-in-history-bad-idea.">
  3781. Answered: Memes / Prompts
  3782. </a>
  3783.  
  3784. <a href="/tagged/%5B-memes-%2F-prompts.-%5D-either-you%27ve-been-out-fighting-the-forces-of-evil-or-you%27ve-come-from-a-much-wilder-party-than-we-have.">
  3785. Memes / Prompts
  3786. </a>
  3787.  
  3788. <a href="/tagged/%5B-et-cetera.-%5D-what-was-done-to-me-created-me%3A-a-basic-principle-of-the-universe-that-every-action-causes-an-equal-and-opposing-reaction.">
  3789. Et cetera / Various
  3790. </a>
  3791.  
  3792.  
  3793. <h4>Contact</h4>
  3794.  
  3795. <a href="https://iniziare.tumblr.com">
  3796. My Theme Blog
  3797. </a>
  3798.  
  3799. <a href="https://dyksa.tumblr.com">
  3800. My Personal / My Edits
  3801. </a>
  3802.  
  3803. <a href="https://nl.pinterest.com/cantrous/">
  3804. My Pinterest Aesthetics
  3805. </a>
  3806.  
  3807. <a href="https://open.spotify.com/user/5z17pfywk5x5h11orutliixfo?si=mud-vGyzQwuvVwlH7v9KqA">
  3808. My Spotify Playlists
  3809. </a>
  3810.  
  3811. <a href="">
  3812. Discord: Sae#3614
  3813. </a>
  3814.  
  3815. <a href="">
  3816. Skype: Littlemisswhoever
  3817. </a>
  3818.  
  3819. </div class="nplinks">
  3820.  
  3821.  
  3822. </div class="npcontent">
  3823.  
  3824.  
  3825. </li></ul>
  3826.  
  3827.  
  3828. </div id="page">
  3829.  
  3830.  
  3831. </div id="tabcontent">
  3832. </div id="Navigation" class="page">
  3833.  
  3834.  
  3835.  
  3836.  
  3837.  
  3838.  
  3839.  
  3840.  
  3841.  
  3842.  
  3843.  
  3844.  
  3845.  
  3846.  
  3847.  
  3848.  
  3849.  
  3850.  
  3851.  
  3852. <!-- PAGE: CANONBIO -->
  3853.  
  3854. <div id="CanonBio" class="page" style="display:none;">
  3855. <div id="tabcontent">
  3856.  
  3857.  
  3858. <div class="npside">
  3859.  
  3860.  
  3861. <div class="sidebarbg">
  3862. <img src="{image:Sidebar Background}">
  3863. </div class="sidebarbg">
  3864.  
  3865.  
  3866. <div class="npsideinner">
  3867.  
  3868.  
  3869. <div class="npsideimgtop">
  3870. <img src="https://static.tumblr.com/m7qloac/lc8q60nuw/canonside06.png">
  3871. </div class="npsideimgtop">
  3872.  
  3873.  
  3874.  
  3875. <div class="npsideimgbottom">
  3876. <img src="https://static.tumblr.com/m7qloac/BFqq5g3xc/canonside01.png">
  3877. </div class="npsideimgbottom">
  3878.  
  3879.  
  3880.  
  3881. </div class="npsideinner">
  3882. </div class="npside">
  3883.  
  3884.  
  3885. <div id="page">
  3886.  
  3887.  
  3888.  
  3889. <div class="npheader">
  3890. <img src="https://static.tumblr.com/m7qloac/vaQq5g4w4/canonheader02.png">
  3891. </div class="npheader">
  3892.  
  3893.  
  3894. <div class="npnavi">
  3895. <div class="dropdown">
  3896.  
  3897. <button onclick="myFunction()" class="dropbtn">
  3898. Click for links
  3899. </button>
  3900. <div id="myDropdown" class="dropdown-content">
  3901.  
  3902.  
  3903. <ul id="tabs">
  3904. <li style="text-align:left;" autofocus>Biography</li>
  3905. <li style="text-align:right;">Timeline</li>
  3906. <li style="text-align:left;">Important Headcanons/Meta</li>
  3907. </ul id="tabs">
  3908.  
  3909.  
  3910. </div id="myDropdown" class="dropdown-content">
  3911.  
  3912. </div class="dropdown">
  3913. </div class="npnavi">
  3914.  
  3915.  
  3916. <!-- TAB ONE -->
  3917.  
  3918. <ul id="tab">
  3919. <li class="active">
  3920.  
  3921. <div class="npcontent">
  3922.  
  3923. <h4>Basic information</h4>
  3924.  
  3925.  
  3926. <strong>FULL NAME:</strong> Captain Jack Sparrow <br />
  3927. <strong>NICKNAME(S):</strong> Jackie, Jacky boy, Witty Jack, mi corazón, Captain Looby, Uncle Jack, little bird <br />
  3928. <strong>ALIAS(ES):</strong> Mister / Justice Smith <br />
  3929. <strong>OCCUPATION:</strong> Pirate / Captain of the Black Pearl / Pirate Lord of the Caribbean <br />
  3930. <strong>AGE:</strong> 38 ( post AWE / main verse ) <br />
  3931. <strong>SEXUAL ORIENTATION:</strong> Bisexual <br />
  3932. <strong>ROMANTIC ORIENTATION:</strong> Demiromantic <br />
  3933. <strong>DATE OF BIRTH:</strong> 6th August 1704 <br />
  3934. <strong>NATIONALITY:</strong> English <br />
  3935. <strong>RELIGION:</strong> Agnostic
  3936.  
  3937. <h4>PHYSICAL INFORMATION</h4>
  3938.  
  3939. <p><strong>HEIGHT:</strong> 5'10" <br />
  3940. <strong>EYE COLOUR:</strong> Brown <br />
  3941. <strong>HAIR COLOUR:</strong> Black <br />
  3942. <strong>DOMINANT HAND:</strong> Right, but somewhat ambidextrous <br />
  3943. <strong>DISTINGUISHING FEATURES:</strong> High cheekbones, mane of hair, large, kohl-rimmed eyes <br />
  3944. <strong>TATTOO(S):</strong> Sparrow flying over stylised waves on his right forearm, ‘mi corazón’ on the left hand side of his chest, the desiderata poem on his back <br />
  3945. <strong>SCAR(S):</strong> ‘P’ brand on his right wrist/forearm, two powder burns on the right hand side of his chest, extensive burns along his left arm, scar through his right eyebrow, other nicks and scars scattered across his torso<br />
  3946. <strong>PIERCING(S):</strong> Both ears <br />
  3947.  
  3948. <h4>BACKGROUND INFORMATION</h4>
  3949.  
  3950. <strong>HOMETOWN:</strong> Shipwreck Cove <br />
  3951. <strong>CURRENT RESIDENCE:</strong> The Black Pearl, Tortuga, at sea <br />
  3952. <strong>LANGUAGE(S):</strong> English, Spanish, French, along with some Latin, Mandarin & others <br />
  3953. <strong>PARENTS:</strong> Edward Teague & Maria Sparrow <i>( deceased )</i><br />
  3954. <strong>SIBLING(S):</strong> None <i>( Isobel Sparrow in an AU )</i> <br />
  3955. <strong>EXTENDED FAMILY:</strong> Uncle Jack <i>( Paternal Uncle )</i>, Henry Turner <i>( Stepson / Surrogate Son )</i>, Bartholomew <i>( Paternal Grandfather )</i>, Anne Teague <i>( Paternal Grandmother )</i> <br />
  3956. <strong>SIGNIFICANT OTHER:</strong> Multiple, verse dependent <br />
  3957. <strong>CHILD(REN):</strong> Verse dependent; Emma, Jacob & Lily Swann Sparrow <br />
  3958. <strong>PET(S):</strong> Tim <i>( Dog with Keys )</i>, the animals on board the Pearl, including Cotton’s Parrot and, begrudgingly, Jack the Monkey <br />
  3959. <strong>FRIENDS / ALLIES:</strong> Joshamee Gibbs, Will Turner, Elizabeth Swann, Marty, Cotton, Anamaria, Scrum, Tia Dalma, Bootstrap Bill Turner, Carina Smyth, John Watson, Asha Greyjoy, Tenth Doctor <br />
  3960. <strong>ENEMIES / ANIMOSITIES:</strong> Cutler Beckett, Davy Jones, Edward Teach, Ian Mercer, the Royal Navy, the East India Trading Company, Sao Feng, Hector Barbossa, the cursed crew, James Norrington, Christophe-Julien de Rapièr, Armando Salazar
  3961.  
  3962. <h4>PERSONALITY INFORMATION</h4>
  3963.  
  3964. <strong>POSITIVE TRAITS:</strong> Independent, charming, open-minded, unprejudiced, intelligent, perceptive, hard-working, ambitious, well-read, merciful, witty, capable of gentleness & selflessness, flirtatious, individualistic, opinionated, charismatic, resilient, adaptable, flamboyant <br />
  3965. <strong>FLAWS:</strong> Stubborn, manipulative, perfectionistic, emotionally stunted, self-serving, reckless, spiteful, petty, cynical, untrustworthy, proud, distrustful, paranoid, egocentric, obsessive, unreliable, chaotic, unpredictable, moody, sometimes melancholic <br />
  3966. <strong>LIKES:</strong> Freedom, sailing, trouble-making, gambling, reading, rum, risk-taking, swimming <br />
  3967. <strong>DISLIKES:</strong> Stupidity, ignorance, injustice, cruelty, complacency, staying in one place <br />
  3968. <strong>FEARS:</strong> Not being good enough, loneliness, abandonment, not being remembered, death, failure, fire <br />
  3969. <strong>SKILLS:</strong> Navigation, cartography, sailing, fencing, using a pistol/musket, reading people, improvising, learning languages, disguise, leadership <br />
  3970.  
  3971. <h4>VICES + HABITS</h4>
  3972.  
  3973. <strong>SMOKES?</strong> No <br /> 
  3974. <strong>DRINKS?</strong> Yes <br />
  3975. <strong>DRUGS?</strong> Occasional recreational use <br />
  3976. <strong>SELF-DESTRUCTIVE?</strong> Yes <br />
  3977.  
  3978. <h4>MISCELLANEOUS INFORMATION</h4>
  3979.  
  3980. <strong>HOUSE:</strong> Slytherin <br />
  3981. <strong>ZODIAC:</strong> Leo <br />
  3982. <strong>VICE:</strong> All of them at one point or another <br />
  3983. <strong>VIRTUE:</strong> Cricket noises <br />
  3984. <strong>ELEMENT:</strong> Fire & water <br />
  3985. <strong>ALIGNMENT:</strong> Chaotic Neutral <br />
  3986. <strong>MBTI:</strong> ENTP <br />
  3987.  
  3988. <h4>BIOGRAPHY</h4>
  3989.  
  3990. <blockquote><i>❝ I grew up here and there, love. My first memory is of climbing up the ratlines to the yardarm and seeing the ocean, all spread out. As for raising… I more or less raised meself. ❞</i></blockquote>
  3991.  
  3992. <p>The Indian Ocean. 1704. A storm is raging out to sea, and as it calmed around the Misty Lady, the first cries of a baby sparrow could be heard by the exhausted, rain-sodden crew. His mother: a lady of education and breeding, fled from the slave plantation owned by her father both in search of adventure, and to avoid the prospect of an arranged marriage. His father: one of the most notorious pirate captains to sail these waters, his harshness tempered by the woman who taught him how to love.</p>
  3993.  
  3994. <p>The arrival of a child into their lives created a fissure that would never heal between them: a storm of their own, a human life in need of love and stability in a life of anything but. The young Jack Sparrow was shielded from the brunt of the tension, however, by his mother, spending the first seven years of his childhood in relative happiness. He was not immediately a pirate, spending time in more legitimate ports as Captain Teague took up a privateering contract, and even when he was tempted back into more dishonest means of making a living, Jack did not know true loneliness and pain until his mother died of an illness when he was seven years old.</p>
  3995.  
  3996. <p>On that day, he all but lost both parents. A year was spent in the company of his brutal grandmother, abandoned by everyone, before he was taken on as a cabin boy on Teague’s ship. Father became an all but forbidden word: it was captain and protégé, though Jack never felt good enough to live up to the latter. Still, he learned all he could, growing up wild and street savvy in Shipwreck Cove between voyages, quickly realising that his true strength resided in his wits, not his fists. He paid a Portuguese master of the blade to teach him swordplay, and perfected his aim with the help of abandoned, empty rum bottles from the stores of one of the island’s many taverns.</p>
  3997.  
  3998. <p>Making a name for himself was not something that would happen here, stuck both in Edward Teague’s shadow and the scrutiny of his gaze. But when he read a passage of the Pirate’s Code regarding freedom aged fourteen and stowed on a ship away from Shipwreck, he was quickly dragged back to a place that was quickly becoming a prison. One ( seemingly ) good thing came of it though: a meeting with a dashing French captain during Jack’s adolescence: Christophe-Julien de Rapièr. A man who Jack came to idolise, and one of the few friends he had.</p>
  3999.  
  4000. <p>Jack had resolved to leave with the older man’s crew on numerous occasions, but was thwarted at every turn by Teague and his apparent efforts to keep him where he was, something which only served to greater infuriate him. Even in the face of a growing threat to the Brethren: rogue pirates, those who refuse to follow the Pirate Codex and slaughtered the crews of the ships they took as prizes, before burning the evidence. With their presence in the Caribbean came a greater threat from the navies dedicated to hunting pirates down, and Teague, along with the Pirate Lords had put themselves in charge of dealing with them.</p>
  4001.  
  4002. <p>It was during one of these rogue hunting missions that the Brethren came into contact with Armando Salazar, a Spanish naval captain intent on seeing all pirates rid from the West Indies. Serving on Troudabour, Teague’s ship, it was Jack’s ingenuity that won them the day – winning him some respect among his peers, but only serving as further proof that little would change while he was unable to escape the Keeper of the Code.</p>
  4003.  
  4004. <p>Shipwreck Cove welcomed Hector Barbossa for the first time, a victim of a rogue attack on his ship, and another new visitor: the Lady Esmeralda, granddaughter to Pirate Lord of the Caribbean Don Rafael. Jack was captivated. But as the two grew closer, Christophe began to interfere with the chasteness of their meetings, and Jack began to get closer to the truth of the rogues’ whereabouts: traitors in Shipwreck themselves, members of the very Court who proclaimed to follow the Code.</p>
  4005.  
  4006. <p>After summoning Davy Jones himself, the traitors names became clear – but as Christophe de Rapièr was named, Jack’s outrage at what could only be a false accusation was inflamed. He resolved to break his innocent friend out of gaol and help him escape, but as soon as he’d unlocked the cell, the Frenchman’s true nature was revealed. Pirates began to riot as the rest of the rogue crews were freed, and before Jack had a chance to do anything, he was knocked out and pressganged on board the man’s ship.</p>
  4007.  
  4008. <p>He had few options now. Returning to Shipwreck would carry a death sentence for breaking the Code and turning his back on his very own heritage and, having not been given a chance to sign the articles of Christophe’s ship, Jack could expect no help were he to be wounded in battle. So, with the aid of a fellow conscriptee, Robby Greene, Jack escaped the ship with enough supplies to get the two new friends to shore, and they both signed onto the East India Trading Company.</p>
  4009.  
  4010. <blockquote><i>❝ As long as he stayed within the letter of the law, and didn’t bend the rules too much, he’d never again have to fear mounting a scaffold to the sound of a drumbeat, then feeling the noose tighten around his neck. ❞</i></blockquote>
  4011.  
  4012. <p>Five years passed, and in that time Jack finally found a place where his merits were recognised. Stifled as he was in the dress and manner of an honest merchant sailor, Jack rose through the ranks to the role of first mate – and, after a chance reunion with Esmeralda, his first love – was handed an opportunity to vie for the position of captain. His new employer in West Africa granted it to him, Cutler Beckett, and so Jack became the commander of a charming, if weather-beaten brig: the Wicked Wench. It was love at first sight.</p>
  4013.  
  4014. <p>The two began a successful partnership working to transport material cargo around the Triangle for Beckett, and are enlisted for a venture of particular interest. The lost island of Kerma was said to contain a trove of treasure within its labyrinth, recorded in a book that both Jack and Cutler had read avidly as younger men. With one of the Zerzurans in his custody, Beckett requested that Jack earn her trust, and get her to lead him to the island ready to hand over the coordinates.</p>
  4015.  
  4016. <p>As the venture wore on, confronted by the people of Zerzura and the vulnerabilities of their magical island ( as well as a final, fateful confrontation with the very Frenchman who had betrayed him ), Jack began to doubt the motives of Beckett and the company behind him. Taking his share of the treasure from the labyrinth for helping the captured Zerzuran, the lost princess of the island, return home, Jack refused to divulge the bearings. Covering his tracks well, Beckett was unable to prove his employee’s dishonesty, and so set about teaching him a lesson for his disobedience.</p>
  4017.  
  4018. <p>Having previously objected to getting involved in the Atlantic slave trade, Beckett offered him an ultimatum: transport these slaves for me and you can purchase the Wench for just one shilling. Refusing on principle, Jack was then told that to resign his position would mean he’d owe money for lost cargo due to pirate attacks and other misfortunes that had befallen him during his voyages for the company.</p>
  4019.  
  4020. <p>He had no choice but to accept.</p>
  4021.  
  4022. <blockquote><i>❝ “And what is it that I want, Jack?” Beckett asked, sounding genuinely puzzled, as though he really didn’t know.<br /> Jack looked at him. “Fear. Love. Respect. None of which you will get from me.” ❞</i></blockquote>
  4023.  
  4024. <p>Days into the slave voyage, roaming his own ship like a wraith, Jack decided to renege on his agreement. He took the people on his ship to Zerzura, whose people agree to offer them asylum and a safe place away from those who would see them recaptured. But as he made for his escape, intending to sail for Port Royal and release any unwilling sailors there, before going back on the account, the Wench is captured by Beckett’s forces. </p>
  4025.  
  4026. <p>Imprisoned along with Robby for nigh on a month, Jack was eventually taken on board an EITC ship out to sea, only to see his own ship moored opposite. Branding his former employee a pirate wasn’t enough: Beckett then saw to it that the vessel Jack so loved was set aflame, and left to sink beneath the waves.</p>
  4027.  
  4028. <p>Jack broke free of his captors and desperately tried to save her, but ended up suck inside of his own cabin, suffocating as the ship sank into the depths. Stuck between life and death, Jack did the only thing he could think of, and summoned Davy Jones, offering him an ultimatum of his own. His ship, his life and his freedom for thirteen years, in exchange for his immortal soul.</p>
  4029.  
  4030. <p>True to his word, the Wench was restored to her former glory, albeit charred and scarred like her captain. Inspired by the words of his former friend Robby, who he had urged to save himself during their final confrontation with Beckett, Jack rechristened her the Black Pearl, and had her hull painted black to hide the scorch marks. Never again would he serve a king or company or empire. True freedom was in the pirate’s life and, with both rogue pirates he’d previously freed dead, he could make a plea for a pardon from the Brethren and finally create a legend worth telling stories about.</p>
  4031.  
  4032. <blockquote><i>❝ He plays things closer to the vest now. And a hard-learned lesson it was. See, three days out on the venture, the first mate comes to him and says everything’s an equal share. That should mean the location of the treasure, too. So, Jack gives up the bearings. That night, there was a mutiny. They marooned Jack on an island and left him to die, but not before he’d gone mad with the heat. ❞</i></blockquote>
  4033.  
  4034. <p>Two years into his newly discovered freedom, Jack Sparrow suffered the cruel hand of betrayal again, this time by Hector Barbossa as the two set out for the Aztec gold believed to be contained on the Isla de Muerta. Given a pistol with one shot meant to put him out of his misery, Jack languished for three days on a deserted island before salvation arrived in the form of rumrunners, using the island as a cache from which to smuggle alcohol into legitimate ports. Jack struck a bargain for passage off of his place of abandonment, offering the only thing he had left to give: service as an able hand before the mast.</p>
  4035.  
  4036. <p>After weeks of smuggling rum and paying back his due to the rumrunners, Jack is left in Tortuga with vengeance in his heart. However, with his mutinous first mate and the Black Pearl unattainable, beginning a ten year campaign of terror across the West Indies, the help of a new friend, Joshamee Gibbs, ensured that Jack did not forget to live. He travelled the world, captaining multiple ships of his own, and made a name for himself before a spurned marriage proposal ( or two ) led him on a stolen dory to Port Royal, setting into a motion a series of events that would give him the leverage needed to gain his ship back.</p>
  4037.  
  4038. <p>But not before tragedy struck, and the position of Pirate Lord of the Caribbean passed from the late Lady Esmeralda, Doña Pirata, to Jack.</p>
  4039.  
  4040. <p>With the help of Governor’s daughter Elizabeth Swann and the blacksmith Will Turner, the curse set upon Barbossa and his mutinous crew when they arrived at the Isla de Muerta is lifted, and justice is served. Escaping from his very own hanging, Jack is reunited with the ship he gave up his soul for, roughly a year before the terms of his agreement with Davy Jones were due to run out.</p>
  4041.  
  4042. <p>The subsequent year was spent chasing a fantasy: from revisiting the Isla de Muerta only to find that the treasure had been reclaimed by the sea, to being chased across the Atlantic and almost through a hurricane by an enraged James Norrington, Jack’s crew went from one misfortune to the other. With discontent growing, Jack feared another mutiny would soon be on his hands – but a need to find a way out of the debt that he would soon owe led him to Constantinople.</p>
  4043.  
  4044. <p>Inside one of their most notorious prisons supposedly held the answer to Jack’s prayers: a man who had survived an encounter with the Flying Dutchman, or so the stories said. Breaking into the gaol, Jack gained some of the information he sought, but during a botched break-out attempt he became the only survivor. Frustrated, and still no closer to actually leveraging his way out of his pact, it was that night that he received an emissary from Jones himself: none other than Bootstrap Bill Turner, the one man to stand up for him after the mutiny more than a decade before.</p>
  4045.  
  4046. <p>With the black spot for his trouble, a visceral symbol that Jones had marked him for death, so began a frantic search for the dead man’s chest – and in it, the heart of Davy Jones, cut out of his body after suffering a betrayal from the sea goddess, Calypso. But with Jones’ re-emergence also came that of another old adversary: Cutler Beckett, now a lord of the realm and intent on controlling the seas for himself.</p>
  4047.  
  4048. <p>One Judas kiss later, and Jack finally had to face what he had feared all along: Davy Jones’ Locker, a living purgatory, designed to recreate the deepest fear of the man contained in it. For Jack, that meant a vast desert, stretching on forever, and for months he languished there, with naught but himself and his demons for company.</p>
  4049.  
  4050. <blockquote><i>❝ No, mate. I’m free forever. Free to sail the seas beyond the edges of the map. Free from death itself. ❞ </i></blockquote>
  4051.  
  4052. <p>Haunted from his time in the Locker, and determined not to end up there again once his rescue arrives, Jack resolves that there is only one way forward from here: to stab the heart of Davy Jones himself, taking his place as Captain of the Dutchman and sailing the seas forever. It takes a moment’s hesitation, during the height of the struggle for the Brethren to assert their freedom over Lord Beckett and the forces of the East India Trading Company, for Davy Jones’ blade to pierce Will Turner’s chest and change Jack’s mind. Making Will the new Captain of the Dutchman, his actions separate the two lovers but spare their lives, leaving him – for the first time since she was rechristened – with his Black Pearl in his possession and unburdened by a debt.<strong>*</strong></p>
  4053.  
  4054. <p>Once again losing the Pearl to Barbossa, Jack spends the subsequent years chasing both her and his next shot at immortality, the Fountain of Youth. In the meantime, he regularly visits Shipwreck Cove, bridging boundaries and rekindling a friendship with Elizabeth and her son, Henry. His quest for the Fountain culminates when he encounters Angelica, an old flame who informs him of her next con: tricking the famed Blackbeard into believing that she was his daughter. Knowing that Jack had learned the whereabouts of the Fountain, sought after by Teach to combat a prophecy told by one of his crew, Angelica coerces him into helping her – and once again Jack is forced into a position to give up the immortality he sought.</p>
  4055.  
  4056. <p>However, his desire for eternal youth soon comes back to bite him. As the years pass following his venture to the Fountain, bottled Pearl in his possession ( but without the means to release her back into her true form ), his aging slows. Jack even begins to wonder whether he truly has become immortal, whether the waters of the Fountain have rubbed off on him somehow… but, having reached the peak of his legendary status, cemented as a figure set to go down in the history books, there is only one way to go from there and that is down.</p>
  4057.  
  4058. <p>A curse, set upon him in envy, impacts his ability to free his beloved ship, and sends him into a self-destructive spiral of misfortune after misfortune, reawakening past trauma and leading him to his very lowest point since the Locker. Losing their fleet of bottled ships, Jack and the few remaining loyal members of his crew are forced to captain the pitiful Dying Gull to the island of Saint Martin, where the skiff is beached and leaves them stranded.</p>
  4059.  
  4060. <p>Jack has one last ditch plan to save them, and it involves the seduction of the Governor’s wife, Frances Dix, and an ambitious bank robbery that would give them the funds to refit theDying Gull and get back to sea. But it ends in failure. His crew storm off in a huff, and Jack finally hits rock bottom. The curse inflicted upon him then sets about its crowning glory, forcing Jack to betray the compass he owns and release an imprisoned evil upon the seas, taking command of the dead…</p>
  4061.  
  4062. <h4>extra notes:</h4>
  4063. <strong>*</strong>Default point of my main verse. Unless specified otherwise all interactions will take place immediately post-At World's End, <i>with</i> the Black Pearl in Jack's possession.</p>
  4064.  
  4065.  
  4066. </div class="npcontent">
  4067.  
  4068. </li>
  4069.  
  4070.  
  4071.  
  4072.  
  4073.  
  4074.  
  4075.  
  4076. <li>
  4077.  
  4078. <div class="npcontent">
  4079.  
  4080. Text for timeline
  4081.  
  4082. <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In non vehicula nisi, at laoreet odio. Integer et turpis vitae sem ultrices hendrerit sed eget sapien. Etiam erat dolor, finibus et est sit amet, blandit mollis nisi. Etiam laoreet vel justo vitae condimentum. Nam quis erat volutpat, venenatis lorem vitae, suscipit urna. Aenean luctus venenatis enim. Sed lacinia mi eu arcu faucibus vestibulum. Nunc eget eros libero. Nullam et sem venenatis, euismod dui vel, cursus lacus.
  4083.  
  4084. </div class="npcontent">
  4085.  
  4086. </li>
  4087.  
  4088.  
  4089.  
  4090.  
  4091.  
  4092.  
  4093. <li>
  4094.  
  4095. <div class="npcontent">
  4096.  
  4097. Text for meta
  4098.  
  4099. <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In non vehicula nisi, at laoreet odio. Integer et turpis vitae sem ultrices hendrerit sed eget sapien. Etiam erat dolor, finibus et est sit amet, blandit mollis nisi. Etiam laoreet vel justo vitae condimentum. Nam quis erat volutpat, venenatis lorem vitae, suscipit urna. Aenean luctus venenatis enim. Sed lacinia mi eu arcu faucibus vestibulum. Nunc eget eros libero. Nullam et sem venenatis, euismod dui vel, cursus lacus.
  4100.  
  4101. </div class="npcontent">
  4102.  
  4103. </li>
  4104.  
  4105.  
  4106. </ul id="tab">
  4107.  
  4108.  
  4109.  
  4110. </div id="page">
  4111.  
  4112.  
  4113. </div id="tabcontent">
  4114. </div id="CanonBio" class="page">
  4115.  
  4116.  
  4117.  
  4118.  
  4119.  
  4120.  
  4121.  
  4122.  
  4123.  
  4124.  
  4125.  
  4126.  
  4127.  
  4128.  
  4129.  
  4130. <!-- PAGE: CANONYOUNG -->
  4131.  
  4132. <div id="CanonYoung" class="page" style="display:none;">
  4133. <div id="tabcontent">
  4134.  
  4135.  
  4136. <div class="npside">
  4137.  
  4138.  
  4139. <div class="sidebarbg">
  4140. <img src="{image:Sidebar Background}">
  4141. </div class="sidebarbg">
  4142.  
  4143.  
  4144. <div class="npsideinner">
  4145.  
  4146.  
  4147. <div class="npsideimgtop">
  4148. <img src="https://static.tumblr.com/m7qloac/LxDq4mqqa/youngside03.png">
  4149. </div class="npsideimgtop">
  4150.  
  4151.  
  4152.  
  4153. <div class="npsideimgbottom">
  4154. <img src="https://static.tumblr.com/m7qloac/bGrq4mqsw/youngside04.png">
  4155. </div class="npsideimgbottom">
  4156.  
  4157.  
  4158. </div class="npsideinner">
  4159. </div class="npside">
  4160.  
  4161.  
  4162. <div id="page">
  4163.  
  4164.  
  4165.  
  4166. <div class="npheader">
  4167. <img src="https://static.tumblr.com/m7qloac/e45q4mqou/youngheader02.png">
  4168. </div class="npheader">
  4169.  
  4170.  
  4171. <div class="npnavi">
  4172. <div class="dropdown">
  4173.  
  4174. <button onclick="myFunction()" class="dropbtn" style="pointer-events:none;">
  4175. Timeline: Young
  4176. </button>
  4177. <div id="myDropdown" class="dropdown-content">
  4178.  
  4179.  
  4180. </div id="myDropdown" class="dropdown-content">
  4181.  
  4182. </div class="dropdown">
  4183. </div class="npnavi">
  4184.  
  4185.  
  4186. <!-- TAB ONE -->
  4187.  
  4188. <ul id="tab"><li class="active">
  4189.  
  4190. <div class="npcontent">
  4191.  
  4192.  
  4193.  
  4194.  
  4195. TEXT HERE
  4196.  
  4197.  
  4198.  
  4199.  
  4200.  
  4201. </div class="npcontent">
  4202.  
  4203.  
  4204. </li></ul>
  4205.  
  4206.  
  4207. </div id="page">
  4208.  
  4209.  
  4210. </div id="tabcontent">
  4211. </div id="CanonYoung" class="page">
  4212.  
  4213.  
  4214.  
  4215.  
  4216.  
  4217.  
  4218.  
  4219.  
  4220.  
  4221.  
  4222.  
  4223.  
  4224.  
  4225.  
  4226.  
  4227.  
  4228.  
  4229. <!-- PAGE: CANONEITC -->
  4230.  
  4231. <div id="CanonEITC" class="page" style="display:none;">
  4232. <div id="tabcontent">
  4233.  
  4234.  
  4235. <div class="npside">
  4236.  
  4237.  
  4238. <div class="sidebarbg">
  4239. <img src="{image:Sidebar Background}">
  4240. </div class="sidebarbg">
  4241.  
  4242.  
  4243. <div class="npsideinner">
  4244.  
  4245.  
  4246. <div class="npsideimgtop">
  4247. <img src="https://static.tumblr.com/m7qloac/Q6lq4mows/eitcleft04.png">
  4248. </div class="npsideimgtop">
  4249.  
  4250.  
  4251.  
  4252. <div class="npsideimgbottom">
  4253. <img src="https://static.tumblr.com/m7qloac/bczq4mpsf/eitcleft07.png">
  4254. </div class="npsideimgbottom">
  4255.  
  4256.  
  4257. </div class="npsideinner">
  4258. </div class="npside">
  4259.  
  4260.  
  4261. <div id="page">
  4262.  
  4263.  
  4264.  
  4265. <div class="npheader">
  4266. <img src="https://static.tumblr.com/m7qloac/Vtiq4mofw/eitcheader.png">
  4267. </div class="npheader">
  4268.  
  4269.  
  4270. <div class="npnavi">
  4271. <div class="dropdown">
  4272.  
  4273. <button onclick="myFunction()" class="dropbtn" style="pointer-events:none;">
  4274. Timeline: East India Trading Company
  4275. </button>
  4276. <div id="myDropdown" class="dropdown-content">
  4277.  
  4278.  
  4279. </div id="myDropdown" class="dropdown-content">
  4280.  
  4281. </div class="dropdown">
  4282. </div class="npnavi">
  4283.  
  4284.  
  4285. <!-- TAB ONE -->
  4286.  
  4287. <ul id="tab"><li class="active">
  4288.  
  4289. <div class="npcontent">
  4290.  
  4291.  
  4292.  
  4293.  
  4294. TEXT HERE
  4295.  
  4296.  
  4297.  
  4298.  
  4299.  
  4300.  
  4301. </div class="npcontent">
  4302.  
  4303.  
  4304. </li></ul>
  4305.  
  4306.  
  4307. </div id="page">
  4308.  
  4309.  
  4310. </div id="tabcontent">
  4311. </div id="CanonEITC" class="page">
  4312.  
  4313.  
  4314.  
  4315.  
  4316.  
  4317.  
  4318.  
  4319.  
  4320.  
  4321.  
  4322.  
  4323.  
  4324.  
  4325.  
  4326.  
  4327.  
  4328.  
  4329. <!-- PAGE: CanonPPMutiny -->
  4330.  
  4331. <div id="CanonPPMutiny" class="page" style="display:none;">
  4332. <div id="tabcontent">
  4333.  
  4334.  
  4335. <div class="npside">
  4336.  
  4337.  
  4338. <div class="sidebarbg">
  4339. <img src="{image:Sidebar Background}">
  4340. </div class="sidebarbg">
  4341.  
  4342.  
  4343. <div class="npsideinner">
  4344.  
  4345.  
  4346. <div class="npsideimgtop">
  4347. <img src="https://static.tumblr.com/m7qloac/lc8q60nuw/canonside06.png">
  4348. </div class="npsideimgtop">
  4349.  
  4350.  
  4351.  
  4352. <div class="npsideimgbottom">
  4353. <img src="https://static.tumblr.com/m7qloac/BFqq5g3xc/canonside01.png">
  4354. </div class="npsideimgbottom">
  4355.  
  4356.  
  4357.  
  4358. </div class="npsideinner">
  4359. </div class="npside">
  4360.  
  4361.  
  4362. <div id="page">
  4363.  
  4364.  
  4365.  
  4366. <div class="npheader">
  4367. <img src="https://static.tumblr.com/m7qloac/vaQq5g4w4/canonheader02.png">
  4368. </div class="npheader">
  4369.  
  4370.  
  4371. <div class="npnavi">
  4372. <div class="dropdown">
  4373.  
  4374. <button onclick="myFunction()" class="dropbtn" style="pointer-events:none;">
  4375. Timeline: Pre-Mutiny
  4376. </button>
  4377. <div id="myDropdown" class="dropdown-content">
  4378.  
  4379.  
  4380. </div id="myDropdown" class="dropdown-content">
  4381.  
  4382. </div class="dropdown">
  4383. </div class="npnavi">
  4384.  
  4385.  
  4386. <!-- TAB ONE -->
  4387.  
  4388. <ul id="tab"><li class="active">
  4389.  
  4390. <div class="npcontent">
  4391.  
  4392.  
  4393.  
  4394.  
  4395.  
  4396.  
  4397. TEXT HERE
  4398.  
  4399.  
  4400.  
  4401.  
  4402.  
  4403.  
  4404. </div class="npcontent">
  4405.  
  4406.  
  4407. </li></ul>
  4408.  
  4409.  
  4410. </div id="page">
  4411.  
  4412.  
  4413. </div id="tabcontent">
  4414. </div id="CanonPPMutiny" class="page">
  4415.  
  4416.  
  4417.  
  4418.  
  4419.  
  4420.  
  4421.  
  4422.  
  4423.  
  4424.  
  4425.  
  4426.  
  4427.  
  4428.  
  4429.  
  4430.  
  4431.  
  4432. <!-- PAGE: CanonFilms -->
  4433.  
  4434. <div id="CanonFilms" class="page" style="display:none;">
  4435. <div id="tabcontent">
  4436.  
  4437.  
  4438. <div class="npside">
  4439.  
  4440.  
  4441. <div class="sidebarbg">
  4442. <img src="{image:Sidebar Background}">
  4443. </div class="sidebarbg">
  4444.  
  4445.  
  4446. <div class="npsideinner">
  4447.  
  4448.  
  4449. <div class="npsideimgtop">
  4450. <img src="https://static.tumblr.com/m7qloac/lc8q60nuw/canonside06.png">
  4451. </div class="npsideimgtop">
  4452.  
  4453.  
  4454.  
  4455. <div class="npsideimgbottom">
  4456. <img src="https://static.tumblr.com/m7qloac/BFqq5g3xc/canonside01.png">
  4457. </div class="npsideimgbottom">
  4458.  
  4459.  
  4460.  
  4461. </div class="npsideinner">
  4462. </div class="npside">
  4463.  
  4464.  
  4465. <div id="page">
  4466.  
  4467.  
  4468.  
  4469. <div class="npheader">
  4470. <img src="https://static.tumblr.com/m7qloac/vaQq5g4w4/canonheader02.png">
  4471. </div class="npheader">
  4472.  
  4473.  
  4474. <div class="npnavi">
  4475. <div class="dropdown">
  4476.  
  4477. <button onclick="myFunction()" class="dropbtn">
  4478. Timeline: Individual Films
  4479. </button>
  4480. <div id="myDropdown" class="dropdown-content">
  4481.  
  4482.  
  4483. <ul id="tabs">
  4484. <li style="text-align:left;" autofocus>Curse of the Black Pearl</li>
  4485. <li style="text-align:right;">Dead Man's Chest</li>
  4486. <li style="text-align:left;">At World's End</li>
  4487. <li style="text-align:right;">Post-At World's End</li>
  4488. <li style="text-align:left;">On Stranger Tides</li>
  4489. <li style="text-align:right;">Dead Men Tell No Tales</li>
  4490. <li style="text-align:left;">Post-Dead Men Tell No Tales</li>
  4491.  
  4492.  
  4493. </ul id="tabs">
  4494.  
  4495.  
  4496. </div id="myDropdown" class="dropdown-content">
  4497.  
  4498. </div class="dropdown">
  4499. </div class="npnavi">
  4500.  
  4501.  
  4502. <!-- TAB ONE -->
  4503.  
  4504. <ul id="tab">
  4505. <li class="active">
  4506.  
  4507. <div class="npcontent">
  4508.  
  4509. <h4>Curse of the Black Pearl</h4>
  4510.  
  4511. <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In non vehicula nisi, at laoreet odio. Integer et turpis vitae sem ultrices hendrerit sed eget sapien. Etiam erat dolor, finibus et est sit amet, blandit mollis nisi. Etiam laoreet vel justo vitae condimentum. Nam quis erat volutpat, venenatis lorem vitae, suscipit urna. Aenean luctus venenatis enim. Sed lacinia mi eu arcu faucibus vestibulum. Nunc eget eros libero. Nullam et sem venenatis, euismod dui vel, cursus lacus.
  4512.  
  4513. </div class="npcontent">
  4514.  
  4515. </li>
  4516.  
  4517.  
  4518.  
  4519.  
  4520.  
  4521.  
  4522.  
  4523.  
  4524.  
  4525. <li>
  4526.  
  4527. <div class="npcontent">
  4528.  
  4529. <h4>Dead Man's Chest</h4>
  4530.  
  4531. <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In non vehicula nisi, at laoreet odio. Integer et turpis vitae sem ultrices hendrerit sed eget sapien. Etiam erat dolor, finibus et est sit amet, blandit mollis nisi. Etiam laoreet vel justo vitae condimentum. Nam quis erat volutpat, venenatis lorem vitae, suscipit urna. Aenean luctus venenatis enim. Sed lacinia mi eu arcu faucibus vestibulum. Nunc eget eros libero. Nullam et sem venenatis, euismod dui vel, cursus lacus.
  4532.  
  4533. </div class="npcontent">
  4534.  
  4535. </li>
  4536.  
  4537.  
  4538.  
  4539.  
  4540.  
  4541.  
  4542. <li>
  4543.  
  4544. <div class="npcontent">
  4545.  
  4546. <h4>At World's End</h4>
  4547.  
  4548. <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In non vehicula nisi, at laoreet odio. Integer et turpis vitae sem ultrices hendrerit sed eget sapien. Etiam erat dolor, finibus et est sit amet, blandit mollis nisi. Etiam laoreet vel justo vitae condimentum. Nam quis erat volutpat, venenatis lorem vitae, suscipit urna. Aenean luctus venenatis enim. Sed lacinia mi eu arcu faucibus vestibulum. Nunc eget eros libero. Nullam et sem venenatis, euismod dui vel, cursus lacus.
  4549.  
  4550. </div class="npcontent">
  4551.  
  4552. </li>
  4553.  
  4554.  
  4555.  
  4556.  
  4557.  
  4558.  
  4559.  
  4560. <li>
  4561.  
  4562. <div class="npcontent">
  4563.  
  4564. <h4>Post-At World's End</h4>
  4565.  
  4566. <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In non vehicula nisi, at laoreet odio. Integer et turpis vitae sem ultrices hendrerit sed eget sapien. Etiam erat dolor, finibus et est sit amet, blandit mollis nisi. Etiam laoreet vel justo vitae condimentum. Nam quis erat volutpat, venenatis lorem vitae, suscipit urna. Aenean luctus venenatis enim. Sed lacinia mi eu arcu faucibus vestibulum. Nunc eget eros libero. Nullam et sem venenatis, euismod dui vel, cursus lacus.
  4567.  
  4568. </div class="npcontent">
  4569.  
  4570. </li>
  4571.  
  4572.  
  4573.  
  4574.  
  4575.  
  4576.  
  4577.  
  4578. <li>
  4579.  
  4580. <div class="npcontent">
  4581.  
  4582. <h4>On Stranger Tides</h4>
  4583.  
  4584. <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In non vehicula nisi, at laoreet odio. Integer et turpis vitae sem ultrices hendrerit sed eget sapien. Etiam erat dolor, finibus et est sit amet, blandit mollis nisi. Etiam laoreet vel justo vitae condimentum. Nam quis erat volutpat, venenatis lorem vitae, suscipit urna. Aenean luctus venenatis enim. Sed lacinia mi eu arcu faucibus vestibulum. Nunc eget eros libero. Nullam et sem venenatis, euismod dui vel, cursus lacus.
  4585.  
  4586. </div class="npcontent">
  4587.  
  4588. </li>
  4589.  
  4590.  
  4591.  
  4592.  
  4593.  
  4594.  
  4595.  
  4596. <li>
  4597.  
  4598. <div class="npcontent">
  4599.  
  4600. <h4>Dead Men Tell No Tales</h4>
  4601.  
  4602. <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In non vehicula nisi, at laoreet odio. Integer et turpis vitae sem ultrices hendrerit sed eget sapien. Etiam erat dolor, finibus et est sit amet, blandit mollis nisi. Etiam laoreet vel justo vitae condimentum. Nam quis erat volutpat, venenatis lorem vitae, suscipit urna. Aenean luctus venenatis enim. Sed lacinia mi eu arcu faucibus vestibulum. Nunc eget eros libero. Nullam et sem venenatis, euismod dui vel, cursus lacus.
  4603.  
  4604. </div class="npcontent">
  4605.  
  4606. </li>
  4607.  
  4608.  
  4609.  
  4610.  
  4611.  
  4612.  
  4613.  
  4614. <li>
  4615.  
  4616. <div class="npcontent">
  4617.  
  4618. <h4>Post-Dead Men Tell No Tales</h4>
  4619.  
  4620. <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In non vehicula nisi, at laoreet odio. Integer et turpis vitae sem ultrices hendrerit sed eget sapien. Etiam erat dolor, finibus et est sit amet, blandit mollis nisi. Etiam laoreet vel justo vitae condimentum. Nam quis erat volutpat, venenatis lorem vitae, suscipit urna. Aenean luctus venenatis enim. Sed lacinia mi eu arcu faucibus vestibulum. Nunc eget eros libero. Nullam et sem venenatis, euismod dui vel, cursus lacus.
  4621.  
  4622. </div class="npcontent">
  4623.  
  4624. </li>
  4625.  
  4626.  
  4627. </ul id="tab">
  4628.  
  4629.  
  4630. </div id="page">
  4631.  
  4632.  
  4633. </div id="tabcontent">
  4634. </div id="CanonFilms" class="page">
  4635.  
  4636.  
  4637.  
  4638.  
  4639.  
  4640.  
  4641.  
  4642.  
  4643.  
  4644.  
  4645.  
  4646.  
  4647.  
  4648.  
  4649.  
  4650. <!-- PAGE: CanonAlternate -->
  4651.  
  4652. <div id="CanonAlternate" class="page" style="display:none;">
  4653. <div id="tabcontent">
  4654.  
  4655.  
  4656. <div class="npside">
  4657.  
  4658.  
  4659. <div class="sidebarbg">
  4660. <img src="{image:Sidebar Background}">
  4661. </div class="sidebarbg">
  4662.  
  4663.  
  4664. <div class="npsideinner">
  4665.  
  4666.  
  4667. <div class="npsideimgtop">
  4668. <img src="https://static.tumblr.com/m7qloac/lc8q60nuw/canonside06.png">
  4669. </div class="npsideimgtop">
  4670.  
  4671.  
  4672.  
  4673. <div class="npsideimgbottom">
  4674. <img src="https://static.tumblr.com/m7qloac/BFqq5g3xc/canonside01.png">
  4675. </div class="npsideimgbottom">
  4676.  
  4677.  
  4678.  
  4679. </div class="npsideinner">
  4680. </div class="npside">
  4681.  
  4682.  
  4683. <div id="page">
  4684.  
  4685.  
  4686.  
  4687. <div class="npheader">
  4688. <img src="https://static.tumblr.com/m7qloac/vaQq5g4w4/canonheader02.png">
  4689. </div class="npheader">
  4690.  
  4691.  
  4692. <div class="npnavi">
  4693. <div class="dropdown">
  4694.  
  4695. <button onclick="myFunction()" class="dropbtn">
  4696. Timeline: Alternate(s)
  4697. </button>
  4698. <div id="myDropdown" class="dropdown-content">
  4699.  
  4700. <ul id="tabs">
  4701. <li style="text-align:left;" autofocus>Sparrabeth</li>
  4702. <li style="text-align:right;">Canon Post-AWE</li>
  4703. </ul id="tabs">
  4704.  
  4705. </div id="myDropdown" class="dropdown-content">
  4706.  
  4707. </div class="dropdown">
  4708. </div class="npnavi">
  4709.  
  4710.  
  4711. <!-- TAB ONE -->
  4712.  
  4713. <ul id="tab">
  4714. <li class="active">
  4715.  
  4716. <div class="npcontent">
  4717.  
  4718. <h4>Sparrabeth Verse</h4>
  4719.  
  4720. <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In non vehicula nisi, at laoreet odio. Integer et turpis vitae sem ultrices hendrerit sed eget sapien. Etiam erat dolor, finibus et est sit amet, blandit mollis nisi. Etiam laoreet vel justo vitae condimentum. Nam quis erat volutpat, venenatis lorem vitae, suscipit urna. Aenean luctus venenatis enim. Sed lacinia mi eu arcu faucibus vestibulum. Nunc eget eros libero. Nullam et sem venenatis, euismod dui vel, cursus lacus.
  4721.  
  4722. </div class="npcontent">
  4723.  
  4724. </li>
  4725.  
  4726.  
  4727.  
  4728.  
  4729.  
  4730.  
  4731.  
  4732.  
  4733.  
  4734. <li>
  4735.  
  4736. <div class="npcontent">
  4737.  
  4738. <h4>Canon post-AWE</h4>
  4739.  
  4740. <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In non vehicula nisi, at laoreet odio. Integer et turpis vitae sem ultrices hendrerit sed eget sapien. Etiam erat dolor, finibus et est sit amet, blandit mollis nisi. Etiam laoreet vel justo vitae condimentum. Nam quis erat volutpat, venenatis lorem vitae, suscipit urna. Aenean luctus venenatis enim. Sed lacinia mi eu arcu faucibus vestibulum. Nunc eget eros libero. Nullam et sem venenatis, euismod dui vel, cursus lacus.
  4741.  
  4742. </div class="npcontent">
  4743.  
  4744. </li>
  4745.  
  4746.  
  4747. </ul>
  4748.  
  4749. </div id="page">
  4750.  
  4751.  
  4752. </div id="tabcontent">
  4753. </div id="CanonAlternate" class="page">
  4754.  
  4755.  
  4756.  
  4757.  
  4758.  
  4759.  
  4760.  
  4761.  
  4762.  
  4763.  
  4764.  
  4765.  
  4766.  
  4767.  
  4768.  
  4769. <!-- PAGE: ModernBio -->
  4770.  
  4771. <div id="ModernBio" class="page" style="display:none;">
  4772. <div id="tabcontent">
  4773.  
  4774.  
  4775. <div class="npside">
  4776.  
  4777.  
  4778. <div class="sidebarbg">
  4779. <img src="{image:Sidebar Background}">
  4780. </div class="sidebarbg">
  4781.  
  4782.  
  4783. <div class="npsideinner">
  4784.  
  4785.  
  4786. <div class="npsideimgtop">
  4787. <img src="https://static.tumblr.com/m7qloac/0Wsq4saul/modernside02.png">
  4788. </div class="npsideimgtop">
  4789.  
  4790.  
  4791.  
  4792. <div class="npsideimgbottom">
  4793. <img src="https://static.tumblr.com/m7qloac/jYTq4scjk/modernside03.png">
  4794. </div class="npsideimgbottom">
  4795.  
  4796.  
  4797. </div class="npsideinner">
  4798. </div class="npside">
  4799.  
  4800.  
  4801. <div id="page">
  4802.  
  4803.  
  4804.  
  4805. <div class="npheader">
  4806. <img src="https://static.tumblr.com/m7qloac/Vebq4scll/canonheader02.png">
  4807. </div class="npheader">
  4808.  
  4809.  
  4810. <div class="npnavi">
  4811. <div class="dropdown">
  4812.  
  4813. <button onclick="myFunction()" class="dropbtn">
  4814. Information: Biography
  4815. </button>
  4816. <div id="myDropdown" class="dropdown-content">
  4817.  
  4818. <ul id="tabs">
  4819. <li style="text-align:left;" autofocus>Biography</li>
  4820. <li style="text-align:right;">Important headcanons/meta</li>
  4821. </ul id="tabs">
  4822.  
  4823. </div id="myDropdown" class="dropdown-content">
  4824.  
  4825. </div class="dropdown">
  4826. </div class="npnavi">
  4827.  
  4828.  
  4829. <!-- TAB ONE -->
  4830.  
  4831. <ul id="tab">
  4832. <li class="active">
  4833.  
  4834. <div class="npcontent">
  4835.  
  4836. <h4>Biography</h4>
  4837.  
  4838. <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In non vehicula nisi, at laoreet odio. Integer et turpis vitae sem ultrices hendrerit sed eget sapien. Etiam erat dolor, finibus et est sit amet, blandit mollis nisi. Etiam laoreet vel justo vitae condimentum. Nam quis erat volutpat, venenatis lorem vitae, suscipit urna. Aenean luctus venenatis enim. Sed lacinia mi eu arcu faucibus vestibulum. Nunc eget eros libero. Nullam et sem venenatis, euismod dui vel, cursus lacus.
  4839.  
  4840. </div class="npcontent">
  4841.  
  4842. </li>
  4843.  
  4844.  
  4845.  
  4846.  
  4847.  
  4848.  
  4849.  
  4850.  
  4851.  
  4852. <li>
  4853.  
  4854. <div class="npcontent">
  4855.  
  4856. <h4>Important headcanons</h4>
  4857.  
  4858. <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In non vehicula nisi, at laoreet odio. Integer et turpis vitae sem ultrices hendrerit sed eget sapien. Etiam erat dolor, finibus et est sit amet, blandit mollis nisi. Etiam laoreet vel justo vitae condimentum. Nam quis erat volutpat, venenatis lorem vitae, suscipit urna. Aenean luctus venenatis enim. Sed lacinia mi eu arcu faucibus vestibulum. Nunc eget eros libero. Nullam et sem venenatis, euismod dui vel, cursus lacus.
  4859.  
  4860. </div class="npcontent">
  4861.  
  4862. </li>
  4863. </ul>
  4864.  
  4865.  
  4866. </div id="page">
  4867.  
  4868.  
  4869. </div id="tabcontent">
  4870. </div id="ModernBio" class="page">
  4871.  
  4872.  
  4873.  
  4874.  
  4875.  
  4876.  
  4877.  
  4878.  
  4879.  
  4880.  
  4881.  
  4882.  
  4883.  
  4884.  
  4885.  
  4886. <!-- PAGE: ModernYoung -->
  4887.  
  4888. <div id="ModernYoung" class="page" style="display:none;">
  4889. <div id="tabcontent">
  4890.  
  4891.  
  4892. <div class="npside">
  4893.  
  4894.  
  4895. <div class="sidebarbg">
  4896. <img src="{image:Sidebar Background}">
  4897. </div class="sidebarbg">
  4898.  
  4899.  
  4900. <div class="npsideinner">
  4901.  
  4902.  
  4903. <div class="npsideimgtop">
  4904. <img src="https://static.tumblr.com/m7qloac/bVvq60r5t/myoungside03.png">
  4905. </div class="npsideimgtop">
  4906.  
  4907.  
  4908.  
  4909. <div class="npsideimgbottom">
  4910. <img src="https://static.tumblr.com/m7qloac/ueEq4s9mh/canonside02.png">
  4911. </div class="npsideimgbottom">
  4912.  
  4913.  
  4914. </div class="npsideinner">
  4915. </div class="npside">
  4916.  
  4917.  
  4918. <div id="page">
  4919.  
  4920.  
  4921.  
  4922. <div class="npheader">
  4923. <img src="https://static.tumblr.com/m7qloac/rDlq4s9nr/canonheader01.png">
  4924. </div class="npheader">
  4925.  
  4926.  
  4927. <div class="npnavi">
  4928. <div class="dropdown">
  4929.  
  4930. <button onclick="myFunction()" class="dropbtn" style="pointer-events:none;">
  4931. Timeline: Young
  4932. </button>
  4933. <div id="myDropdown" class="dropdown-content">
  4934.  
  4935.  
  4936. </div id="myDropdown" class="dropdown-content">
  4937.  
  4938. </div class="dropdown">
  4939. </div class="npnavi">
  4940.  
  4941.  
  4942. <!-- TAB ONE -->
  4943.  
  4944. <ul id="tab"><li class="active">
  4945.  
  4946. <div class="npcontent">
  4947.  
  4948.  
  4949. TEXT HERE
  4950.  
  4951.  
  4952. </div class="npcontent">
  4953.  
  4954.  
  4955. </li></ul>
  4956.  
  4957.  
  4958. </div id="page">
  4959.  
  4960.  
  4961. </div id="tabcontent">
  4962. </div id="ModernYoung" class="page">
  4963.  
  4964.  
  4965.  
  4966.  
  4967.  
  4968.  
  4969.  
  4970.  
  4971.  
  4972.  
  4973.  
  4974.  
  4975.  
  4976.  
  4977.  
  4978. <!-- PAGE: ModernMagic -->
  4979.  
  4980. <div id="ModernMagic" class="page" style="display:none;">
  4981. <div id="tabcontent">
  4982.  
  4983.  
  4984. <div class="npside">
  4985.  
  4986.  
  4987. <div class="sidebarbg">
  4988. <img src="{image:Sidebar Background}">
  4989. </div class="sidebarbg">
  4990.  
  4991.  
  4992. <div class="npsideinner">
  4993.  
  4994.  
  4995.  
  4996.  
  4997. <div class="npsideimgtop">
  4998. <img src="https://static.tumblr.com/m7qloac/Zmxq5g5x5/wizardingside02.png">
  4999. </div class="npsideimgtop">
  5000.  
  5001.  
  5002.  
  5003. <div class="npsideimgbottom">
  5004. <img src="https://static.tumblr.com/m7qloac/HTgq5gd59/wizardingside05.png">
  5005. </div class="npsideimgbottom">
  5006.  
  5007.  
  5008. </div class="npsideinner">
  5009. </div class="npside">
  5010.  
  5011.  
  5012. <div id="page">
  5013.  
  5014.  
  5015.  
  5016. <div class="npheader">
  5017. <img src="https://static.tumblr.com/m7qloac/Xwuq60req/wizardingheader01.png">
  5018. </div class="npheader">
  5019.  
  5020.  
  5021. <div class="npnavi">
  5022. <div class="dropdown">
  5023.  
  5024. <button onclick="myFunction()" class="dropbtn" style="pointer-events:none;">
  5025. Timeline: Magic/Supernatural
  5026. </button>
  5027. <div id="myDropdown" class="dropdown-content">
  5028.  
  5029.  
  5030. </div id="myDropdown" class="dropdown-content">
  5031.  
  5032. </div class="dropdown">
  5033. </div class="npnavi">
  5034.  
  5035.  
  5036. <!-- TAB ONE -->
  5037.  
  5038. <ul id="tab"><li class="active">
  5039.  
  5040. <div class="npcontent">
  5041.  
  5042.  
  5043. TEXT HERE
  5044.  
  5045.  
  5046. </div class="npcontent">
  5047.  
  5048.  
  5049. </li></ul>
  5050.  
  5051.  
  5052. </div id="page">
  5053.  
  5054.  
  5055. </div id="tabcontent">
  5056. </div id="ModernMagic" class="page">
  5057.  
  5058.  
  5059.  
  5060.  
  5061.  
  5062.  
  5063.  
  5064.  
  5065.  
  5066.  
  5067.  
  5068.  
  5069.  
  5070.  
  5071.  
  5072.  
  5073.  
  5074.  
  5075.  
  5076.  
  5077. <!-- PAGE: ModernMCU -->
  5078.  
  5079. <div id="ModernMCU" class="page" style="display:none;">
  5080. <div id="tabcontent">
  5081.  
  5082.  
  5083. <div class="npside">
  5084.  
  5085.  
  5086. <div class="sidebarbg">
  5087. <img src="{image:Sidebar Background}">
  5088. </div class="sidebarbg">
  5089.  
  5090.  
  5091. <div class="npsideinner">
  5092.  
  5093.  
  5094. <div class="npsideimgtop">
  5095. <img src="https://static.tumblr.com/m7qloac/hgkq60rvu/mcuside02.png">
  5096. </div class="npsideimgtop">
  5097.  
  5098.  
  5099.  
  5100. <div class="npsideimgbottom">
  5101. <img src="https://static.tumblr.com/m7qloac/JnEq60rq9/mcuside01.png">
  5102. </div class="npsideimgbottom">
  5103.  
  5104.  
  5105. </div class="npsideinner">
  5106. </div class="npside">
  5107.  
  5108.  
  5109. <div id="page">
  5110.  
  5111.  
  5112.  
  5113. <div class="npheader">
  5114. <img src="https://static.tumblr.com/m7qloac/j9Jq60ry8/mcuheader01.png">
  5115. </div class="npheader">
  5116.  
  5117.  
  5118. <div class="npnavi">
  5119. <div class="dropdown">
  5120.  
  5121. <button onclick="myFunction()" class="dropbtn" style="pointer-events:none;">
  5122. Timeline: Marvel Cinematic Universe
  5123. </button>
  5124. <div id="myDropdown" class="dropdown-content">
  5125.  
  5126.  
  5127. </div id="myDropdown" class="dropdown-content">
  5128.  
  5129. </div class="dropdown">
  5130. </div class="npnavi">
  5131.  
  5132.  
  5133. <!-- TAB ONE -->
  5134.  
  5135. <ul id="tab"><li class="active">
  5136.  
  5137. <div class="npcontent">
  5138.  
  5139.  
  5140. TEXT HERE
  5141.  
  5142.  
  5143. </div class="npcontent">
  5144.  
  5145.  
  5146. </li></ul>
  5147.  
  5148.  
  5149. </div id="page">
  5150.  
  5151.  
  5152. </div id="tabcontent">
  5153. </div id="ModernMCU" class="page">
  5154.  
  5155.  
  5156.  
  5157.  
  5158.  
  5159.  
  5160.  
  5161.  
  5162.  
  5163.  
  5164.  
  5165.  
  5166.  
  5167. <!-- PAGE: ModernAlternate -->
  5168.  
  5169. <div id="ModernAlternate" class="page" style="display:none;">
  5170. <div id="tabcontent">
  5171.  
  5172.  
  5173. <div class="npside">
  5174.  
  5175.  
  5176. <div class="sidebarbg">
  5177. <img src="{image:Sidebar Background}">
  5178. </div class="sidebarbg">
  5179.  
  5180.  
  5181. <div class="npsideinner">
  5182.  
  5183.  
  5184. <div class="npsideimgtop">
  5185. <img src="https://static.tumblr.com/m7qloac/0Wsq4saul/modernside02.png">
  5186. </div class="npsideimgtop">
  5187.  
  5188.  
  5189.  
  5190. <div class="npsideimgbottom">
  5191. <img src="https://static.tumblr.com/m7qloac/jYTq4scjk/modernside03.png">
  5192. </div class="npsideimgbottom">
  5193.  
  5194.  
  5195. </div class="npsideinner">
  5196. </div class="npside">
  5197.  
  5198.  
  5199. <div id="page">
  5200.  
  5201.  
  5202.  
  5203. <div class="npheader">
  5204. <img src="https://static.tumblr.com/m7qloac/Vebq4scll/canonheader02.png">
  5205. </div class="npheader">
  5206.  
  5207.  
  5208. <div class="npnavi">
  5209. <div class="dropdown">
  5210.  
  5211. <button onclick="myFunction()" class="dropbtn">
  5212. Timeline: Alternate(s)
  5213. </button>
  5214. <div id="myDropdown" class="dropdown-content">
  5215.  
  5216. <ul id="tabs">
  5217. <li style="text-align:left;" autofocus>Professor</li>
  5218. <li style="text-align:right;">Lawyer</li>
  5219. <li style="text-align:left;">Spice World</li>
  5220. <li style="text-align:right;">Modern Sparrabeth</li>
  5221. </ul id="tabs">
  5222.  
  5223. </div id="myDropdown" class="dropdown-content">
  5224.  
  5225. </div class="dropdown">
  5226. </div class="npnavi">
  5227.  
  5228.  
  5229. <!-- TAB ONE -->
  5230.  
  5231. <ul id="tab">
  5232. <li class="active">
  5233.  
  5234. <div class="npcontent">
  5235.  
  5236. <h4>Professor</h4>
  5237.  
  5238. <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In non vehicula nisi, at laoreet odio. Integer et turpis vitae sem ultrices hendrerit sed eget sapien. Etiam erat dolor, finibus et est sit amet, blandit mollis nisi. Etiam laoreet vel justo vitae condimentum. Nam quis erat volutpat, venenatis lorem vitae, suscipit urna. Aenean luctus venenatis enim. Sed lacinia mi eu arcu faucibus vestibulum. Nunc eget eros libero. Nullam et sem venenatis, euismod dui vel, cursus lacus.
  5239.  
  5240. </div class="npcontent">
  5241.  
  5242. </li>
  5243.  
  5244.  
  5245.  
  5246.  
  5247.  
  5248.  
  5249.  
  5250.  
  5251.  
  5252. <li>
  5253.  
  5254. <div class="npcontent">
  5255.  
  5256. <h4>Lawyer</h4>
  5257.  
  5258. <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In non vehicula nisi, at laoreet odio. Integer et turpis vitae sem ultrices hendrerit sed eget sapien. Etiam erat dolor, finibus et est sit amet, blandit mollis nisi. Etiam laoreet vel justo vitae condimentum. Nam quis erat volutpat, venenatis lorem vitae, suscipit urna. Aenean luctus venenatis enim. Sed lacinia mi eu arcu faucibus vestibulum. Nunc eget eros libero. Nullam et sem venenatis, euismod dui vel, cursus lacus.
  5259.  
  5260. </div class="npcontent">
  5261.  
  5262. </li>
  5263.  
  5264.  
  5265.  
  5266.  
  5267.  
  5268.  
  5269. <li>
  5270.  
  5271. <div class="npcontent">
  5272.  
  5273. <h4>Spice World</h4>
  5274.  
  5275. <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In non vehicula nisi, at laoreet odio. Integer et turpis vitae sem ultrices hendrerit sed eget sapien. Etiam erat dolor, finibus et est sit amet, blandit mollis nisi. Etiam laoreet vel justo vitae condimentum. Nam quis erat volutpat, venenatis lorem vitae, suscipit urna. Aenean luctus venenatis enim. Sed lacinia mi eu arcu faucibus vestibulum. Nunc eget eros libero. Nullam et sem venenatis, euismod dui vel, cursus lacus.
  5276.  
  5277. </div class="npcontent">
  5278.  
  5279. </li>
  5280.  
  5281.  
  5282.  
  5283.  
  5284.  
  5285.  
  5286.  
  5287. <li>
  5288.  
  5289. <div class="npcontent">
  5290.  
  5291. <h4>Modern Sparrabeth</h4>
  5292.  
  5293. <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In non vehicula nisi, at laoreet odio. Integer et turpis vitae sem ultrices hendrerit sed eget sapien. Etiam erat dolor, finibus et est sit amet, blandit mollis nisi. Etiam laoreet vel justo vitae condimentum. Nam quis erat volutpat, venenatis lorem vitae, suscipit urna. Aenean luctus venenatis enim. Sed lacinia mi eu arcu faucibus vestibulum. Nunc eget eros libero. Nullam et sem venenatis, euismod dui vel, cursus lacus.
  5294.  
  5295. </div class="npcontent">
  5296.  
  5297.  
  5298. </li>
  5299.  
  5300.  
  5301. </ul>
  5302.  
  5303.  
  5304. </div id="page">
  5305.  
  5306.  
  5307. </div id="tabcontent">
  5308. </div id="ModernAlternate" class="page">
  5309.  
  5310.  
  5311.  
  5312.  
  5313.  
  5314.  
  5315.  
  5316.  
  5317.  
  5318.  
  5319.  
  5320.  
  5321.  
  5322.  
  5323.  
  5324.  
  5325.  
  5326.  
  5327. <!-- PAGE: CrossoverWizard -->
  5328.  
  5329. <div id="CrossoverWizard" class="page" style="display:none;">
  5330. <div id="tabcontent">
  5331.  
  5332.  
  5333. <div class="npside">
  5334.  
  5335.  
  5336. <div class="sidebarbg">
  5337. <img src="{image:Sidebar Background}">
  5338. </div class="sidebarbg">
  5339.  
  5340.  
  5341. <div class="npsideinner">
  5342.  
  5343.  
  5344. <div class="npsideimgtop">
  5345. <img src="https://static.tumblr.com/m7qloac/Zmxq5g5x5/wizardingside02.png">
  5346. </div class="npsideimgtop">
  5347.  
  5348.  
  5349.  
  5350. <div class="npsideimgbottom">
  5351. <img src="https://static.tumblr.com/m7qloac/HTgq5gd59/wizardingside05.png">
  5352. </div class="npsideimgbottom">
  5353.  
  5354.  
  5355. </div class="npsideinner">
  5356. </div class="npside">
  5357.  
  5358.  
  5359. <div id="page">
  5360.  
  5361.  
  5362.  
  5363. <div class="npheader">
  5364. <img src="https://static.tumblr.com/m7qloac/Xwuq60req/wizardingheader01.png">
  5365. </div class="npheader">
  5366.  
  5367.  
  5368. <div class="npnavi">
  5369. <div class="dropdown">
  5370.  
  5371. <button onclick="myFunction()" class="dropbtn" style="pointer-events:none;">
  5372. Crossover: Wizarding World
  5373. </button>
  5374. <div id="myDropdown" class="dropdown-content">
  5375.  
  5376.  
  5377. </div id="myDropdown" class="dropdown-content">
  5378.  
  5379. </div class="dropdown">
  5380. </div class="npnavi">
  5381.  
  5382.  
  5383. <!-- TAB ONE -->
  5384.  
  5385. <ul id="tab"><li class="active">
  5386.  
  5387. <div class="npcontent">
  5388.  
  5389.  
  5390. TEXT HERE
  5391.  
  5392.  
  5393. </div class="npcontent">
  5394.  
  5395.  
  5396. </li></ul>
  5397.  
  5398.  
  5399. </div id="page">
  5400.  
  5401.  
  5402. </div id="tabcontent">
  5403. </div id="CrossoverWizard" class="page">
  5404.  
  5405.  
  5406.  
  5407.  
  5408.  
  5409.  
  5410.  
  5411.  
  5412.  
  5413.  
  5414.  
  5415.  
  5416.  
  5417.  
  5418. <!-- PAGE: CrossoverASOIAF -->
  5419.  
  5420. <div id="CrossoverASOIAF" class="page" style="display:none;">
  5421. <div id="tabcontent">
  5422.  
  5423.  
  5424. <div class="npside">
  5425.  
  5426.  
  5427. <div class="sidebarbg">
  5428. <img src="{image:Sidebar Background}">
  5429. </div class="sidebarbg">
  5430.  
  5431.  
  5432. <div class="npsideinner">
  5433.  
  5434.  
  5435. <div class="npsideimgtop">
  5436. <img src="https://static.tumblr.com/m7qloac/21Zq5gdax/asoiafside05.png">
  5437. </div class="npsideimgtop">
  5438.  
  5439.  
  5440.  
  5441. <div class="npsideimgbottom">
  5442. <img src="https://static.tumblr.com/m7qloac/Pzsq5gdbd/asoiafside02.png">
  5443. </div class="npsideimgbottom">
  5444.  
  5445.  
  5446. </div class="npsideinner">
  5447. </div class="npside">
  5448.  
  5449.  
  5450. <div id="page">
  5451.  
  5452.  
  5453.  
  5454. <div class="npheader">
  5455. <img src="https://static.tumblr.com/m7qloac/ybtq5gdc9/asoiafheader03.png">
  5456. </div class="npheader">
  5457.  
  5458.  
  5459. <div class="npnavi">
  5460. <div class="dropdown">
  5461.  
  5462. <button onclick="myFunction()" class="dropbtn" style="pointer-events:none;">
  5463. Crossover: A Song of Ice and Fire
  5464. </button>
  5465. <div id="myDropdown" class="dropdown-content">
  5466.  
  5467.  
  5468. </div id="myDropdown" class="dropdown-content">
  5469.  
  5470. </div class="dropdown">
  5471. </div class="npnavi">
  5472.  
  5473.  
  5474. <!-- TAB ONE -->
  5475.  
  5476. <ul id="tab"><li class="active">
  5477.  
  5478. <div class="npcontent">
  5479.  
  5480.  
  5481. TEXT HERE
  5482.  
  5483.  
  5484. </div class="npcontent">
  5485.  
  5486.  
  5487. </li></ul>
  5488.  
  5489.  
  5490. </div id="page">
  5491.  
  5492.  
  5493. </div id="tabcontent">
  5494. </div id="CrossoverASOIAF" class="page">
  5495.  
  5496.  
  5497.  
  5498.  
  5499.  
  5500.  
  5501.  
  5502.  
  5503.  
  5504.  
  5505.  
  5506.  
  5507.  
  5508.  
  5509. <!-- PAGE: CrossoverVictorian -->
  5510.  
  5511. <div id="CrossoverVictorian" class="page" style="display:none;">
  5512. <div id="tabcontent">
  5513.  
  5514.  
  5515. <div class="npside">
  5516.  
  5517.  
  5518. <div class="sidebarbg">
  5519. <img src="{image:Sidebar Background}">
  5520. </div class="sidebarbg">
  5521.  
  5522.  
  5523. <div class="npsideinner">
  5524.  
  5525.  
  5526. <div class="npsideimgtop">
  5527. <img src="https://static.tumblr.com/m7qloac/kvYq5ft7x/victorianside02.png">
  5528. </div class="npsideimgtop">
  5529.  
  5530.  
  5531.  
  5532. <div class="npsideimgbottom">
  5533. <img src="https://static.tumblr.com/m7qloac/Y2wq5fsn3/victorianside01.png">
  5534. </div class="npsideimgbottom">
  5535.  
  5536.  
  5537. </div class="npsideinner">
  5538. </div class="npside">
  5539.  
  5540.  
  5541. <div id="page">
  5542.  
  5543.  
  5544.  
  5545. <div class="npheader">
  5546. <img src="https://static.tumblr.com/m7qloac/abiq5ft8u/victorianheader01.png">
  5547. </div class="npheader">
  5548.  
  5549.  
  5550. <div class="npnavi">
  5551. <div class="dropdown">
  5552.  
  5553. <button onclick="myFunction()" class="dropbtn" style="pointer-events:none;">
  5554. Crossover: Victorian
  5555. </button>
  5556. <div id="myDropdown" class="dropdown-content">
  5557.  
  5558.  
  5559. </div id="myDropdown" class="dropdown-content">
  5560.  
  5561. </div class="dropdown">
  5562. </div class="npnavi">
  5563.  
  5564.  
  5565. <!-- TAB ONE -->
  5566.  
  5567. <ul id="tab"><li class="active">
  5568.  
  5569. <div class="npcontent">
  5570.  
  5571.  
  5572. TEXT HERE
  5573.  
  5574.  
  5575. </div class="npcontent">
  5576.  
  5577.  
  5578. </li></ul>
  5579.  
  5580.  
  5581. </div id="page">
  5582.  
  5583.  
  5584. </div id="tabcontent">
  5585. </div id="CrossoverVictorian" class="page">
  5586.  
  5587.  
  5588.  
  5589.  
  5590.  
  5591.  
  5592.  
  5593.  
  5594.  
  5595.  
  5596.  
  5597.  
  5598.  
  5599.  
  5600.  
  5601.  
  5602. <!-- PAGE: CrossoverBS -->
  5603.  
  5604. <div id="CrossoverBS" class="page" style="display:none;">
  5605. <div id="tabcontent">
  5606.  
  5607.  
  5608. <div class="npside">
  5609.  
  5610.  
  5611. <div class="sidebarbg">
  5612. <img src="{image:Sidebar Background}">
  5613. </div class="sidebarbg">
  5614.  
  5615.  
  5616. <div class="npsideinner">
  5617.  
  5618.  
  5619. <div class="npsideimgtop">
  5620. <img src="https://static.tumblr.com/m7qloac/lc8q60nuw/canonside06.png">
  5621. </div class="npsideimgtop">
  5622.  
  5623.  
  5624.  
  5625. <div class="npsideimgbottom">
  5626. <img src="https://static.tumblr.com/m7qloac/BFqq5g3xc/canonside01.png">
  5627. </div class="npsideimgbottom">
  5628.  
  5629.  
  5630.  
  5631. </div class="npsideinner">
  5632. </div class="npside">
  5633.  
  5634.  
  5635. <div id="page">
  5636.  
  5637.  
  5638.  
  5639. <div class="npheader">
  5640. <img src="https://static.tumblr.com/m7qloac/vaQq5g4w4/canonheader02.png">
  5641. </div class="npheader">
  5642.  
  5643.  
  5644. <div class="npnavi">
  5645. <div class="dropdown">
  5646.  
  5647. <button onclick="myFunction()" class="dropbtn" style="pointer-events:none;">
  5648. Crossover: Black Sails
  5649. </button>
  5650. <div id="myDropdown" class="dropdown-content">
  5651.  
  5652.  
  5653. </div id="myDropdown" class="dropdown-content">
  5654.  
  5655. </div class="dropdown">
  5656. </div class="npnavi">
  5657.  
  5658.  
  5659. <!-- TAB ONE -->
  5660.  
  5661. <ul id="tab"><li class="active">
  5662.  
  5663. <div class="npcontent">
  5664.  
  5665.  
  5666. TEXT HERE
  5667.  
  5668.  
  5669. </div class="npcontent">
  5670.  
  5671.  
  5672. </li></ul>
  5673.  
  5674.  
  5675. </div id="page">
  5676.  
  5677.  
  5678. </div id="tabcontent">
  5679. </div id="CrossoverBS" class="page">
  5680.  
  5681.  
  5682.  
  5683.  
  5684.  
  5685.  
  5686.  
  5687.  
  5688.  
  5689.  
  5690.  
  5691.  
  5692.  
  5693. <!-- PAGE: CrossoverDA -->
  5694.  
  5695. <div id="CrossoverDA" class="page" style="display:none;">
  5696. <div id="tabcontent">
  5697.  
  5698.  
  5699. <div class="npside">
  5700.  
  5701.  
  5702. <div class="sidebarbg">
  5703. <img src="{image:Sidebar Background}">
  5704. </div class="sidebarbg">
  5705.  
  5706.  
  5707. <div class="npsideinner">
  5708.  
  5709.  
  5710. <div class="npsideimgtop">
  5711. <img src="https://static.tumblr.com/m7qloac/lc8q60nuw/canonside06.png">
  5712. </div class="npsideimgtop">
  5713.  
  5714.  
  5715.  
  5716. <div class="npsideimgbottom">
  5717. <img src="https://static.tumblr.com/m7qloac/BFqq5g3xc/canonside01.png">
  5718. </div class="npsideimgbottom">
  5719.  
  5720.  
  5721.  
  5722. </div class="npsideinner">
  5723. </div class="npside">
  5724.  
  5725.  
  5726. <div id="page">
  5727.  
  5728.  
  5729.  
  5730. <div class="npheader">
  5731. <img src="https://static.tumblr.com/m7qloac/vaQq5g4w4/canonheader02.png">
  5732. </div class="npheader">
  5733.  
  5734.  
  5735. <div class="npnavi">
  5736. <div class="dropdown">
  5737.  
  5738. <button onclick="myFunction()" class="dropbtn" style="pointer-events:none;">
  5739. Crossover: Dragon Age
  5740. </button>
  5741. <div id="myDropdown" class="dropdown-content">
  5742.  
  5743.  
  5744. </div id="myDropdown" class="dropdown-content">
  5745.  
  5746. </div class="dropdown">
  5747. </div class="npnavi">
  5748.  
  5749.  
  5750. <!-- TAB ONE -->
  5751.  
  5752. <ul id="tab"><li class="active">
  5753.  
  5754. <div class="npcontent">
  5755.  
  5756.  
  5757. TEXT HERE
  5758.  
  5759.  
  5760. </div class="npcontent">
  5761.  
  5762.  
  5763. </li></ul>
  5764.  
  5765.  
  5766. </div id="page">
  5767.  
  5768.  
  5769. </div id="tabcontent">
  5770. </div id="CrossoverDA" class="page">
  5771.  
  5772.  
  5773.  
  5774.  
  5775.  
  5776.  
  5777.  
  5778.  
  5779.  
  5780.  
  5781.  
  5782. <!-- PAGE: CrossoverTHG -->
  5783.  
  5784. <div id="CrossoverTHG" class="page" style="display:none;">
  5785. <div id="tabcontent">
  5786.  
  5787.  
  5788. <div class="npside">
  5789.  
  5790.  
  5791. <div class="sidebarbg">
  5792. <img src="{image:Sidebar Background}">
  5793. </div class="sidebarbg">
  5794.  
  5795.  
  5796. <div class="npsideinner">
  5797.  
  5798.  
  5799. <div class="npsideimgtop">
  5800. <img src="https://static.tumblr.com/m7qloac/ffxq5ftx6/thgside01.png">
  5801. </div class="npsideimgtop">
  5802.  
  5803.  
  5804.  
  5805. <div class="npsideimgbottom">
  5806. <img src="https://static.tumblr.com/m7qloac/W1eq5fu2a/thgside02.png">
  5807. </div class="npsideimgbottom">
  5808.  
  5809.  
  5810. </div class="npsideinner">
  5811. </div class="npside">
  5812.  
  5813.  
  5814. <div id="page">
  5815.  
  5816.  
  5817.  
  5818. <div class="npheader">
  5819. <img src="https://static.tumblr.com/m7qloac/HMsq5fts4/thgheader01.png">
  5820. </div class="npheader">
  5821.  
  5822.  
  5823. <div class="npnavi">
  5824. <div class="dropdown">
  5825.  
  5826. <button onclick="myFunction()" class="dropbtn" style="pointer-events:none;">
  5827. Crossover: The Hunger Games
  5828. </button>
  5829. <div id="myDropdown" class="dropdown-content">
  5830.  
  5831.  
  5832. </div id="myDropdown" class="dropdown-content">
  5833.  
  5834. </div class="dropdown">
  5835. </div class="npnavi">
  5836.  
  5837.  
  5838. <!-- TAB ONE -->
  5839.  
  5840. <ul id="tab"><li class="active">
  5841.  
  5842. <div class="npcontent">
  5843.  
  5844.  
  5845. TEXT HERE
  5846.  
  5847.  
  5848. </div class="npcontent">
  5849.  
  5850.  
  5851. </li></ul>
  5852.  
  5853.  
  5854. </div id="page">
  5855.  
  5856.  
  5857. </div id="tabcontent">
  5858. </div id="CrossoverTHG" class="page">
  5859.  
  5860.  
  5861.  
  5862.  
  5863.  
  5864.  
  5865.  
  5866.  
  5867.  
  5868.  
  5869.  
  5870.  
  5871.  
  5872.  
  5873.  
  5874. <!-- PAGE: CrossoverWW -->
  5875.  
  5876. <div id="CrossoverWW" class="page" style="display:none;">
  5877. <div id="tabcontent">
  5878.  
  5879.  
  5880. <div class="npside">
  5881.  
  5882.  
  5883. <div class="sidebarbg">
  5884. <img src="{image:Sidebar Background}">
  5885. </div class="sidebarbg">
  5886.  
  5887.  
  5888. <div class="npsideinner">
  5889.  
  5890.  
  5891. <div class="npsideimgtop">
  5892. <img src="https://static.tumblr.com/m7qloac/IWGq5fufs/westworldside02.png">
  5893. </div class="npsideimgtop">
  5894.  
  5895.  
  5896.  
  5897. <div class="npsideimgbottom">
  5898. <img src="https://static.tumblr.com/m7qloac/lBvq5fuad/westworldside01.png">
  5899. </div class="npsideimgbottom">
  5900.  
  5901.  
  5902. </div class="npsideinner">
  5903. </div class="npside">
  5904.  
  5905.  
  5906. <div id="page">
  5907.  
  5908.  
  5909.  
  5910. <div class="npheader">
  5911. <img src="https://static.tumblr.com/m7qloac/aS9q5fv72/westworldheader01.png">
  5912. </div class="npheader">
  5913.  
  5914.  
  5915. <div class="npnavi">
  5916. <div class="dropdown">
  5917.  
  5918. <button onclick="myFunction()" class="dropbtn" style="pointer-events:none;">
  5919. Crossover: Westworld
  5920. </button>
  5921. <div id="myDropdown" class="dropdown-content">
  5922.  
  5923.  
  5924. </div id="myDropdown" class="dropdown-content">
  5925.  
  5926. </div class="dropdown">
  5927. </div class="npnavi">
  5928.  
  5929.  
  5930. <!-- TAB ONE -->
  5931.  
  5932. <ul id="tab"><li class="active">
  5933.  
  5934. <div class="npcontent">
  5935.  
  5936.  
  5937. TEXT HERE
  5938.  
  5939.  
  5940. </div class="npcontent">
  5941.  
  5942.  
  5943. </li></ul>
  5944.  
  5945.  
  5946. </div id="page">
  5947.  
  5948.  
  5949. </div id="tabcontent">
  5950. </div id="CrossoverWW" class="page">
  5951.  
  5952.  
  5953.  
  5954.  
  5955.  
  5956.  
  5957.  
  5958.  
  5959.  
  5960.  
  5961.  
  5962.  
  5963.  
  5964.  
  5965.  
  5966.  
  5967.  
  5968.  
  5969.  
  5970.  
  5971.  
  5972. <!-- PAGE: PrivatePirateWar -->
  5973.  
  5974. <div id="PrivatePirateWar" class="page" style="display:none;">
  5975. <div id="tabcontent">
  5976.  
  5977.  
  5978. <div class="npside">
  5979.  
  5980.  
  5981. <div class="sidebarbg">
  5982. <img src="{image:Sidebar Background}">
  5983. </div class="sidebarbg">
  5984.  
  5985.  
  5986. <div class="npsideinner">
  5987.  
  5988.  
  5989. <div class="npsideimgtop">
  5990. <img src="https://static.tumblr.com/m7qloac/lc8q60nuw/canonside06.png">
  5991. </div class="npsideimgtop">
  5992.  
  5993.  
  5994.  
  5995. <div class="npsideimgbottom">
  5996. <img src="https://static.tumblr.com/m7qloac/BFqq5g3xc/canonside01.png">
  5997. </div class="npsideimgbottom">
  5998.  
  5999.  
  6000.  
  6001. </div class="npsideinner">
  6002. </div class="npside">
  6003.  
  6004.  
  6005. <div id="page">
  6006.  
  6007.  
  6008.  
  6009. <div class="npheader">
  6010. <img src="https://static.tumblr.com/m7qloac/vaQq5g4w4/canonheader02.png">
  6011. </div class="npheader">
  6012.  
  6013.  
  6014. <div class="npnavi">
  6015. <div class="dropdown">
  6016.  
  6017. <button onclick="myFunction()" class="dropbtn" style="pointer-events:none;">
  6018. Private verse: Pirate War
  6019. </button>
  6020. <div id="myDropdown" class="dropdown-content">
  6021.  
  6022.  
  6023. </div id="myDropdown" class="dropdown-content">
  6024.  
  6025. </div class="dropdown">
  6026. </div class="npnavi">
  6027.  
  6028.  
  6029. <!-- TAB ONE -->
  6030.  
  6031. <ul id="tab"><li class="active">
  6032.  
  6033. <div class="npcontent">
  6034.  
  6035.  
  6036. TEXT HERE
  6037.  
  6038.  
  6039. </div class="npcontent">
  6040.  
  6041.  
  6042. </li></ul>
  6043.  
  6044.  
  6045. </div id="page">
  6046.  
  6047.  
  6048. </div id="tabcontent">
  6049. </div id="PrivatePirateWar" class="page">
  6050.  
  6051.  
  6052.  
  6053.  
  6054.  
  6055.  
  6056.  
  6057.  
  6058.  
  6059.  
  6060.  
  6061.  
  6062. <!-- PAGE: PrivateSoulmate -->
  6063.  
  6064. <div id="PrivateSoulmate" class="page" style="display:none;">
  6065. <div id="tabcontent">
  6066.  
  6067.  
  6068. <div class="npside">
  6069.  
  6070.  
  6071. <div class="sidebarbg">
  6072. <img src="{image:Sidebar Background}">
  6073. </div class="sidebarbg">
  6074.  
  6075.  
  6076. <div class="npsideinner">
  6077.  
  6078.  
  6079. <div class="npsideimgtop">
  6080. <img src="https://static.tumblr.com/m7qloac/lc8q60nuw/canonside06.png">
  6081. </div class="npsideimgtop">
  6082.  
  6083.  
  6084.  
  6085. <div class="npsideimgbottom">
  6086. <img src="https://static.tumblr.com/m7qloac/BFqq5g3xc/canonside01.png">
  6087. </div class="npsideimgbottom">
  6088.  
  6089.  
  6090.  
  6091. </div class="npsideinner">
  6092. </div class="npside">
  6093.  
  6094.  
  6095. <div id="page">
  6096.  
  6097.  
  6098.  
  6099. <div class="npheader">
  6100. <img src="https://static.tumblr.com/m7qloac/vaQq5g4w4/canonheader02.png">
  6101. </div class="npheader">
  6102.  
  6103.  
  6104. <div class="npnavi">
  6105. <div class="dropdown">
  6106.  
  6107. <button onclick="myFunction()" class="dropbtn" style="pointer-events:none;">
  6108. Private verse: Soulmate AU
  6109. </button>
  6110. <div id="myDropdown" class="dropdown-content">
  6111.  
  6112.  
  6113. </div id="myDropdown" class="dropdown-content">
  6114.  
  6115. </div class="dropdown">
  6116. </div class="npnavi">
  6117.  
  6118.  
  6119. <!-- TAB ONE -->
  6120.  
  6121. <ul id="tab"><li class="active">
  6122.  
  6123. <div class="npcontent">
  6124.  
  6125.  
  6126. TEXT HERE
  6127.  
  6128.  
  6129. </div class="npcontent">
  6130.  
  6131.  
  6132. </li></ul>
  6133.  
  6134.  
  6135. </div id="page">
  6136.  
  6137.  
  6138. </div id="tabcontent">
  6139. </div id="PrivateSoulmate" class="page">
  6140.  
  6141.  
  6142.  
  6143.  
  6144.  
  6145.  
  6146.  
  6147.  
  6148.  
  6149.  
  6150.  
  6151.  
  6152.  
  6153.  
  6154.  
  6155. <!-- PAGE: PrivateApocalypse -->
  6156.  
  6157. <div id="PrivateApocalypse" class="page" style="display:none;">
  6158. <div id="tabcontent">
  6159.  
  6160.  
  6161. <div class="npside">
  6162.  
  6163.  
  6164. <div class="sidebarbg">
  6165. <img src="{image:Sidebar Background}">
  6166. </div class="sidebarbg">
  6167.  
  6168.  
  6169. <div class="npsideinner">
  6170.  
  6171.  
  6172. <div class="npsideimgtop">
  6173. <img src="https://static.tumblr.com/m7qloac/lajq5fwt0/apocalypseside03.png">
  6174. </div class="npsideimgtop">
  6175.  
  6176.  
  6177.  
  6178. <div class="npsideimgbottom">
  6179. <img src="https://static.tumblr.com/m7qloac/ALmq5fwaj/apocalypseside02.png">
  6180. </div class="npsideimgbottom">
  6181.  
  6182.  
  6183. </div class="npsideinner">
  6184. </div class="npside">
  6185.  
  6186.  
  6187. <div id="page">
  6188.  
  6189.  
  6190.  
  6191.  
  6192. <div class="npheader">
  6193. <img src="https://static.tumblr.com/m7qloac/RdPq5fw1o/apocalypseheader01.png">
  6194. </div class="npheader">
  6195.  
  6196.  
  6197. <div class="npnavi">
  6198. <div class="dropdown">
  6199.  
  6200. <button onclick="myFunction()" class="dropbtn" style="pointer-events:none;">
  6201. Private verse: Apocalypse
  6202. </button>
  6203. <div id="myDropdown" class="dropdown-content">
  6204.  
  6205.  
  6206. </div id="myDropdown" class="dropdown-content">
  6207.  
  6208. </div class="dropdown">
  6209. </div class="npnavi">
  6210.  
  6211.  
  6212. <!-- TAB ONE -->
  6213.  
  6214. <ul id="tab"><li class="active">
  6215.  
  6216. <div class="npcontent">
  6217.  
  6218.  
  6219. TEXT HERE
  6220.  
  6221.  
  6222. </div class="npcontent">
  6223.  
  6224.  
  6225. </li></ul>
  6226.  
  6227.  
  6228. </div id="page">
  6229.  
  6230.  
  6231. </div id="tabcontent">
  6232. </div id="PrivateApocalypse" class="page">
  6233.  
  6234.  
  6235.  
  6236.  
  6237.  
  6238.  
  6239.  
  6240.  
  6241.  
  6242.  
  6243.  
  6244.  
  6245.  
  6246.  
  6247.  
  6248.  
  6249. <!-- PAGE: PrivatePearl -->
  6250.  
  6251. <div id="PrivatePearl" class="page" style="display:none;">
  6252. <div id="tabcontent">
  6253.  
  6254.  
  6255. <div class="npside">
  6256.  
  6257.  
  6258. <div class="sidebarbg">
  6259. <img src="{image:Sidebar Background}">
  6260. </div class="sidebarbg">
  6261.  
  6262.  
  6263. <div class="npsideinner">
  6264.  
  6265.  
  6266. <div class="npsideimgtop">
  6267. <img src="https://static.tumblr.com/m7qloac/lc8q60nuw/canonside06.png">
  6268. </div class="npsideimgtop">
  6269.  
  6270.  
  6271.  
  6272. <div class="npsideimgbottom">
  6273. <img src="https://static.tumblr.com/m7qloac/BFqq5g3xc/canonside01.png">
  6274. </div class="npsideimgbottom">
  6275.  
  6276.  
  6277.  
  6278. </div class="npsideinner">
  6279. </div class="npside">
  6280.  
  6281.  
  6282. <div id="page">
  6283.  
  6284.  
  6285.  
  6286. <div class="npheader">
  6287. <img src="https://static.tumblr.com/m7qloac/vaQq5g4w4/canonheader02.png">
  6288. </div class="npheader">
  6289.  
  6290.  
  6291. <div class="npnavi">
  6292. <div class="dropdown">
  6293.  
  6294. <button onclick="myFunction()" class="dropbtn" style="pointer-events:none;">
  6295. Private verse: Humanised Pearl
  6296. </button>
  6297. <div id="myDropdown" class="dropdown-content">
  6298.  
  6299.  
  6300. </div id="myDropdown" class="dropdown-content">
  6301.  
  6302. </div class="dropdown">
  6303. </div class="npnavi">
  6304.  
  6305.  
  6306. <!-- TAB ONE -->
  6307.  
  6308. <ul id="tab"><li class="active">
  6309.  
  6310. <div class="npcontent">
  6311.  
  6312.  
  6313. TEXT HERE
  6314.  
  6315.  
  6316. </div class="npcontent">
  6317.  
  6318.  
  6319. </li></ul>
  6320.  
  6321.  
  6322. </div id="page">
  6323.  
  6324.  
  6325. </div id="tabcontent">
  6326. </div id="PrivatePearl" class="page">
  6327.  
  6328.  
  6329.  
  6330.  
  6331.  
  6332.  
  6333.  
  6334.  
  6335.  
  6336.  
  6337. </div id="container">
  6338.  
  6339.  
  6340. <!-- CREDIT -->
  6341.  
  6342. <div id="credit">
  6343. <div style="width:105px;margin-right:10px;">
  6344.  
  6345.  
  6346. <a href="http://iniziare.tumblr.com/post/183826974792/base-theme-viper-preview-download-code" target="blank">
  6347. <span>S.</span>MADE BY SAE.</a>
  6348.  
  6349.  
  6350. </div style>
  6351. </div id="credit">
  6352.  
  6353. </body>
  6354. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!