API tools faq
paste
littlemisswhoever

Theme: sicsemper (WIP)

littlemisswhoever
May 31st, 2020
165
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 57.23 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!-- (BASE) THEME BY SAE (INIZIARE) -->
  4.  
  5.  
  6.  
  7. <head>
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}" />
  13. {/block:Description}
  14. </head>
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21. <!-- SCRIPT: JQUERY -->
  22.  
  23. <script src="https://static.tumblr.com/gjexvml/cszpz4vyd/jquery-3.4.1.min.js"></script>
  24.  
  25.  
  26.  
  27.  
  28. <!-- SCRIPT: TOOLTIP -->
  29.  
  30. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  31. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  32. <script>
  33. (function($){
  34. $(document).ready(function(){
  35. $("[title],a[title],img[title]").style_my_tooltips({
  36. tip_follows_cursor:true,
  37. tip_delay_time:90,
  38. tip_fade_speed:600,
  39. attribute:"title"
  40. });
  41. });
  42. })(jQuery);
  43. </script>
  44.  
  45.  
  46.  
  47.  
  48.  
  49. <!-- SCRIPT: NAVIGATION TABS -->
  50.  
  51. <script>
  52. function openNavi(naviName) {
  53. var i;
  54. var x = document.getElementsByClassName("navi");
  55. for (i = 0; i < x.length; i++) {
  56. x[i].style.display = "none";
  57. }
  58. document.getElementById(naviName).style.display = "block";
  59. }
  60. </script>
  61.  
  62.  
  63.  
  64. <script>
  65. function openMuse(museName) {
  66. var i;
  67. var x = document.getElementsByClassName("muse");
  68. for (i = 0; i < x.length; i++) {
  69. x[i].style.display = "none";
  70. }
  71. document.getElementById(museName).style.display = "block";
  72. }
  73. </script>
  74.  
  75.  
  76.  
  77.  
  78.  
  79.  
  80. <!-- SCRIPT: NAVIGATION TABS -->
  81.  
  82.  
  83. <script>
  84. function openPage(pageName) {
  85. var i;
  86. var x = document.getElementsByClassName("page");
  87. for (i = 0; i < x.length; i++) {
  88. x[i].style.display = "none";
  89. }
  90. document.getElementById(pageName).style.display = "block";
  91. }
  92.  
  93. </script>
  94.  
  95.  
  96.  
  97.  
  98. <!-- SCRIPT: CLICK MENU #3 -->
  99.  
  100. <script>
  101. $(document).ready(function(){
  102. jQuery('.dropbtn3').click( function() {
  103. $(this).next('.dropdown-content3').fadeToggle();
  104. return false;
  105. });
  106. });
  107. </script>
  108.  
  109.  
  110.  
  111.  
  112. <!-- SCRIPT: CLICK MENU -->
  113.  
  114. <script>
  115. $(document).ready(function(){
  116. jQuery('.dropbtn').click( function() {
  117. $(this).next('.dropdown-content').fadeToggle();
  118. return false;
  119. });
  120. });
  121. </script>
  122.  
  123.  
  124.  
  125.  
  126. <!-- SCRIPT: AUDIO PLAYER -->
  127.  
  128. <script>
  129. $(document).ready(function() {
  130. $('iframe.tumblr_audio_player').load( function() {
  131. $('iframe.tumblr_audio_player').contents().find("head")
  132. .append($("<style type='text/css'> .audio-player{background:transparent!important; color:{color:bold}!important;} </style>"));
  133. });
  134. });
  135. </script>
  136.  
  137.  
  138.  
  139.  
  140.  
  141. <!-- SCRIPT: POPUP TABS -->
  142.  
  143. <script>$(document).ready(function(){
  144. $("ul#tabs li").click(function(e){
  145. if (!$(this).hasClass("active")) {
  146. var tabNum = $(this).index();
  147. var nthChild = tabNum+1;
  148. $("ul#tabs li.active").removeClass("active");
  149. $(this).addClass("active");
  150. $("ul#tab li.active").removeClass("active");
  151. $("ul#tab li:nth-child("+nthChild+")").addClass("active");}});});</script>
  152.  
  153.  
  154.  
  155.  
  156.  
  157.  
  158. <!-- SCRIPT: TOGGLE -->
  159.  
  160. <script>
  161. $(document).ready(function(){
  162. $(".nlinksbutton").click(function(){
  163. $(".nlinkscontent").toggle();
  164. });
  165. });
  166. </script>
  167.  
  168. <script>
  169. $(document).ready(function(){
  170. $(".nlinksbutton1").click(function(){
  171. $(".nlinkscontent1").toggle();
  172. });
  173. });
  174. </script>
  175.  
  176. <script>
  177. $(document).ready(function(){
  178. $(".nlinksbutton2").click(function(){
  179. $(".nlinkscontent2").toggle();
  180. });
  181. });
  182. </script>
  183.  
  184. <script>
  185. $(document).ready(function(){
  186. $(".nlinksbutton3").click(function(){
  187. $(".nlinkscontent3").toggle();
  188. });
  189. });
  190. </script>
  191.  
  192.  
  193.  
  194.  
  195.  
  196.  
  197. <!-- SCRIPT: AESTHETIC SWATCH -->
  198.  
  199.  
  200.  
  201. <script>
  202.  
  203. jQuery(document).ready(function($){
  204.  
  205.  
  206. let themeName = localStorage.getItem('theme');
  207.  
  208. switch(themeName) {
  209. case 'castiel':
  210. setCastielTheme()
  211. break;
  212. case 'connor':
  213. setConnorTheme()
  214. break;
  215. case 'mulder':
  216. setMulderTheme()
  217. break;
  218. case 'sam':
  219. setSamTheme()
  220. break;
  221. case 'merlin':
  222. setMerlinTheme()
  223. break;
  224. case 'aramis':
  225. setAramisTheme()
  226. break;
  227. case 'clint':
  228. setClintTheme()
  229. break;
  230. case 'matt':
  231. setMattTheme()
  232. break;
  233.  
  234. default:
  235. setCastielTheme()
  236. }
  237.  
  238.  
  239.  
  240. $('.castiel').on({
  241. 'click': function() {
  242. setCastielTheme()
  243. }
  244. });
  245.  
  246. $('.connor').on({
  247. 'click': function() {
  248. setConnorTheme()
  249. }
  250. });
  251.  
  252. $('.mulder').on({
  253. 'click': function() {
  254. setMulderTheme()
  255. }
  256. });
  257.  
  258. $('.merlin').on({
  259. 'click': function() {
  260. setMerlinTheme()
  261. }
  262. });
  263.  
  264. $('.aramis').on({
  265. 'click': function() {
  266. setAramisTheme()
  267. }
  268. });
  269.  
  270. $('.sam').on({
  271. 'click': function() {
  272. setSamTheme()
  273. }
  274. });
  275.  
  276. $('.clint').on({
  277. 'click': function() {
  278. setClintTheme()
  279. }
  280. });
  281.  
  282. $('.matt').on({
  283. 'click': function() {
  284. setMattTheme()
  285. }
  286. });
  287.  
  288.  
  289.  
  290. function setCastielTheme() {
  291. $('.rightimg1').attr('src','https://i.imgur.com/zqVcYUj.png');
  292. $('.rightimg2').attr('src','https://i.imgur.com/QdDGnqI.png');
  293. $('.rightimg3').attr('src','https://i.imgur.com/GwK7xL3.png');
  294. $("body").css('background-image', 'url(https://i.imgur.com/uclNXDy.png');
  295.  
  296. localStorage.setItem('theme', 'castiel')
  297. }
  298.  
  299.  
  300. function setConnorTheme() {
  301. $('.rightimg1').attr('src','https://i.imgur.com/Q1cDKOo.png');
  302. $('.rightimg2').attr('src','https://i.imgur.com/xeVVQuW.png');
  303. $('.rightimg3').attr('src','https://i.imgur.com/5HD0Nl9.png');
  304. $("body").css('background-image', 'url(https://i.imgur.com/4xla1y9.png');
  305.  
  306. localStorage.setItem('theme', 'connor')
  307. }
  308.  
  309.  
  310. function setMulderTheme() {
  311. $('.rightimg1').attr('src','https://static.tumblr.com/ibha82r/Riqqb7czk/side11.png');
  312. $('.rightimg2').attr('src','https://static.tumblr.com/ibha82r/hKQqb7d0g/side04.png');
  313. $('.rightimg3').attr('src','https://i.imgur.com/Sb9qMiJ.png');
  314. $("body").css('background-image', 'url(https://i.imgur.com/GKuRdEX.png');
  315.  
  316. localStorage.setItem('theme', 'mulder')
  317. }
  318.  
  319.  
  320. function setMerlinTheme() {
  321. $('.rightimg1').attr('src','https://i.imgur.com/F1fkzds.png');
  322. $('.rightimg2').attr('src','https://i.imgur.com/DWfX7bL.png');
  323. $('.rightimg3').attr('src','https://i.imgur.com/KR1zkMD.png');
  324. $("body").css('background-image', 'url(https://i.imgur.com/vPVZNsi.png');
  325.  
  326. localStorage.setItem('theme', 'merlin')
  327. }
  328.  
  329.  
  330. function setAramisTheme() {
  331. $('.rightimg1').attr('src','https://i.imgur.com/DqQaX7D.png');
  332. $('.rightimg2').attr('src','https://i.imgur.com/wlxjvbw.png');
  333. $('.rightimg3').attr('src','https://i.imgur.com/8jLNSCt.png');
  334. $("body").css('background-image', 'url(https://i.imgur.com/Yp2D1mX.png');
  335.  
  336. localStorage.setItem('theme', 'aramis')
  337. }
  338.  
  339.  
  340. function setSamTheme() {
  341. $('.rightimg1').attr('src','https://i.imgur.com/yRxx8nL.png');
  342. $('.rightimg2').attr('src','https://i.imgur.com/CCPRt09.png');
  343. $('.rightimg3').attr('src','https://i.imgur.com/GStokMY.png');
  344. $("body").css('background-image', 'url(https://i.imgur.com/jeX6xZ7.png');
  345.  
  346. localStorage.setItem('theme', 'sam')
  347. }
  348.  
  349.  
  350. function setClintTheme() {
  351. $('.rightimg1').attr('src','https://i.imgur.com/goMmxSV.png');
  352. $('.rightimg2').attr('src','https://i.imgur.com/Qm3gd98.png');
  353. $('.rightimg3').attr('src','https://i.imgur.com/pBBGFcd.png');
  354. $("body").css('background-image', 'url(https://i.imgur.com/xkAkKFF.png');
  355.  
  356. localStorage.setItem('theme', 'clint')
  357. }
  358.  
  359.  
  360. function setMattTheme() {
  361. $('.rightimg1').attr('src','https://i.imgur.com/ku7ScQX.png');
  362. $('.rightimg2').attr('src','https://i.imgur.com/QWmmUrK.png');
  363. $('.rightimg3').attr('src','https://i.imgur.com/tOPsh8y.png');
  364. $("body").css('background-image', 'url(https://i.imgur.com/Xwtba4A.png');
  365.  
  366. localStorage.setItem('theme', 'matt')
  367. }
  368.  
  369.  
  370.  
  371.  
  372. });
  373.  
  374. </script>
  375.  
  376.  
  377.  
  378.  
  379.  
  380.  
  381.  
  382.  
  383.  
  384.  
  385. <!-- CUSTOM FONTS -->
  386.  
  387. <link href="https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre" rel="stylesheet">
  388.  
  389. <link rel="stylesheet" href="https://static.tumblr.com/gjexvml/yTwpxxahr/stylesheet.css">
  390.  
  391.  
  392.  
  393.  
  394.  
  395.  
  396. <!-- META LINES -->
  397.  
  398. <meta name="image:Background" content="https://static.tumblr.com/ibha82r/UOPqb7d2a/bg12.png"/>
  399. <meta name="color:Border" content="#151515"/>
  400. <meta name="image:Sidebar1" content="https://static.tumblr.com/ibha82r/Riqqb7czk/side11.png"/>
  401. <meta name="image:Sidebar2" content="https://static.tumblr.com/ibha82r/hKQqb7d0g/side04.png"/>
  402. <meta name="image:Sidebar3" content="https://static.tumblr.com/ibha82r/iiaqb7d11/side10.png"/>
  403.  
  404. <meta name="color:Background" content="#000000"/>
  405. <meta name="color:Border" content="#151515"/>
  406. <meta name="color:Text" content="#c6c6c6"/>
  407. <meta name="color:Title" content="#000000"/>
  408. <meta name="color:Title Shadow" content="#151515"/>
  409. <meta name="color:Links" content="#ffffff"/>
  410. <meta name="color:Links Hover" content=""/>
  411. <meta name="color:Bold" content="#555555"/>
  412. <meta name="color:Headers" content ="#555555"/>
  413. <meta name="color:Italic" content="#ffffff"/>
  414. <meta name="color:Links" content="#ffffff"/>
  415.  
  416. <meta name="if:Text Wrapping" content="1"/>
  417. <meta name="if:Icon Borders" content="1"/>
  418. <meta name="if:Calibri Font" content="0"/>
  419.  
  420.  
  421.  
  422.  
  423.  
  424.  
  425. <style type="text/css">
  426.  
  427.  
  428.  
  429.  
  430.  
  431.  
  432. /* SCROLLBAR */
  433.  
  434.  
  435. ::-webkit-scrollbar {
  436. background-color:transparent;
  437. height: 0px;
  438. display:none;
  439. width: 0px
  440. -ms-overflow-style: none; // IE 10+
  441. overflow: -moz-scrollbars-none; // Firefox
  442. }
  443.  
  444.  
  445. ::-webkit-scrollbar-thumb {
  446. background-color:transparent;
  447. }
  448.  
  449.  
  450.  
  451.  
  452. .tooltip {
  453. display:inline;
  454. position:relative;
  455. }
  456.  
  457.  
  458. #s-m-t-tooltip {
  459. max-width:250px;
  460. line-height:13px;
  461. margin-left:12.5px;
  462. margin-top:12.5px;
  463. font-weight:bold;
  464. background-color:{color:background};
  465. border:1px solid {color:border};
  466. padding-left:25px;
  467. padding-right:25px;
  468. padding-top:12px;
  469. padding-bottom:12px;
  470. font-family:calibri;
  471. font-size:8.5px;
  472. letter-spacing:0.3px;
  473. text-transform:uppercase;
  474. font-family: calibri, sans-serif;
  475. font-weight:bold!important;
  476. color:;
  477. text-shadow: 0px 0px 1px #555555;
  478. color: {color:italic};
  479. text-transform:uppercase;
  480. text-shadow: 0px 0px 1px {color:italic};
  481. }
  482.  
  483.  
  484.  
  485.  
  486.  
  487. /* TOOLTIP */
  488.  
  489.  
  490. #s-m-t-tooltip {
  491. z-index:9999999999999999999999!important;
  492. }
  493.  
  494.  
  495.  
  496.  
  497.  
  498.  
  499. /* FOUNDATION */
  500.  
  501.  
  502. body {
  503. background-image:url({image:background});
  504. background-attachment:fixed;
  505. background-repeat:no-repeat;
  506. background-position:top left;
  507. background-color:{color:background};
  508. font-family: 'Frank Ruhl Libre';
  509. font-size:10px;
  510. line-height:12px;
  511. color:{color:text};
  512. {block:ifCalibriFont}
  513. font-family:calibri;
  514. {/block:ifCalibriFont}
  515. }
  516.  
  517.  
  518. body a {
  519. text-transform:uppercase;
  520. text-decoration:none!important;
  521. font-family:calibri;
  522. font-weight:bold!important;
  523. color:{color:text};
  524. -moz-transition-duration:1.5s;
  525. -webkit-transition-duration:1.5s;
  526. -o-transition-duration:1.5s;
  527. }
  528.  
  529.  
  530. body a:hover {
  531. color:{color:links hover}!important;
  532. text-shadow: 0px 0px 1px {color:links hover};
  533. -moz-transition-duration:1.5s;
  534. -webkit-transition-duration:1.5s;
  535. -o-transition-duration:1.5s;
  536. }
  537.  
  538.  
  539.  
  540.  
  541.  
  542.  
  543. /* FONT-RELATED */
  544.  
  545.  
  546. b, bold, strong {
  547. font-size:8.5px;
  548. letter-spacing:0.3px;
  549. text-transform:uppercase;
  550. font-family: calibri, sans-serif;
  551. font-weight:bold!important;
  552. color:#555555;
  553. text-shadow: 0px 0px 1px #555555;
  554. }
  555.  
  556.  
  557. b i, bold i {
  558. color:#555555!important;
  559. text-shadow: 0px 0px 1px #555555;
  560. }
  561.  
  562.  
  563. em, i, italic {
  564. color: {color:italic};
  565. margin-right:1px;
  566. text-shadow: 0px 0px 1px #ffffff;
  567. }
  568.  
  569.  
  570. small {
  571. font-size:10px;
  572. }
  573.  
  574.  
  575. sub, sup {
  576. font-size:10px;
  577. vertical-align: baseline!important;
  578. position: relative!important;
  579. top: 0em!important;
  580. line-height:14px;
  581. }
  582.  
  583.  
  584. big {
  585. font-size:125%;
  586. }
  587.  
  588.  
  589. ul, ol {
  590. padding:0px;
  591. margin-left:13px;
  592. }
  593.  
  594.  
  595. li {
  596. padding-left: 0px;
  597. }
  598.  
  599.  
  600. u, u a {
  601. background-color: #000000;
  602. outline: 1px solid #151515;
  603. font-family:'Frank Ruhl Libre', serif;
  604. color:#000000!important;
  605. text-decoration:none!important;
  606. font-style:normal!important;
  607. font-weight:bold!important;
  608. text-transform:uppercase!important;
  609. float:left;
  610. margin-top:1px;
  611. margin-left:1px;
  612. height:60px;
  613. width:60px;
  614. font-size: 48px;
  615. margin-right: 13px;
  616. position: relative;
  617. text-align: center;
  618. vertical-align: middle;
  619. line-height: 60px;
  620. text-shadow:
  621. -1px -1px 0 #151515,
  622. 1px -1px 0 #151515,
  623. -1px 1px 0 #151515,
  624. 1px 1px 0 #151515;
  625. }
  626.  
  627.  
  628. pre {
  629. overflow: auto;
  630. position:relative;
  631. z-index:15;
  632. background-color: {color:background};
  633. outline:1px solid {color:border};
  634. margin-left:1px;
  635. margin-right:1px;
  636. font-weight:bold;
  637. padding-left:25px;
  638. padding-right:25px;
  639. margin-top:1px!important;
  640. margin-bottom:12px!important;
  641. font-family:monospace;
  642. letter-spacing:0.75px;
  643. font-size:8.4px;
  644. text-shadow: 0px 0px 1px {color:headers};
  645. text-transform:uppercase;
  646. text-align:left;
  647. padding-top:8px;
  648. padding-bottom:8px;
  649. outline:1px solid #151515;
  650. white-space: pre-wrap;
  651. white-space: -moz-pre-wrap;
  652. white-space: -pre-wrap;
  653. white-space: -o-pre-wrap;
  654. word-wrap: break-word;
  655. }
  656.  
  657.  
  658. pre b, pre strong {
  659. font-family:monospace!important;
  660. letter-spacing:0.75px;
  661. margin-top:0px!important;
  662. font-size:8.4px;
  663. word-wrap: break-word;
  664. white-space: pre-wrap;
  665. white-space: -moz-pre-wrap;
  666. white-space: -pre-wrap;
  667. white-space: -o-pre-wrap;
  668. word-wrap: break-word;
  669. text-shadow: 0px 0px 1px {color:bold};
  670. color:{color:bold};
  671. -moz-transition-duration:1.5s;
  672. -webkit-transition-duration:1.5s;
  673. -o-transition-duration:1.5s;
  674. }
  675.  
  676.  
  677. pre a {
  678. font-family:monospace!important;
  679. letter-spacing:0.5px;
  680. margin-top:0px!important;
  681. font-size:8.4px;
  682. word-wrap: break-word;
  683. white-space: pre-wrap;
  684. white-space: -moz-pre-wrap;
  685. white-space: -pre-wrap;
  686. white-space: -o-pre-wrap;
  687. word-wrap: break-word;
  688. text-shadow: 0px 0px 1px {color:links};
  689. color:{color:links};
  690. -moz-transition-duration:1.5s;
  691. -webkit-transition-duration:1.5s;
  692. -o-transition-duration:1.5s;
  693. }
  694.  
  695.  
  696.  
  697. /* HEADERS */
  698.  
  699.  
  700. h1 {
  701. outline: 1px solid {color:border};
  702. background-color:{color:background};
  703. overflow:hidden;
  704. margin-left:1px;
  705. margin-right:1px;
  706. margin-bottom:12px;
  707. padding-left:25px;
  708. padding-right:25px;
  709. height:25px;
  710. line-height:25px;
  711. text-align:left!important;
  712. font-family:calibri;
  713. font-weight:bold;
  714. font-size:9.6px!important;
  715. text-transform:uppercase;
  716. color:{color:bold}!important;
  717. text-shadow: 0px 0px 1px {color:bold};
  718. }
  719.  
  720.  
  721. h1 a {
  722. color: {color:links};
  723. font-size:10px!important;
  724. text-shadow: 0px 0px 1px {color:links};
  725. }
  726.  
  727.  
  728. h2 {
  729. height:36px;
  730. line-height:36px;
  731. padding-left:25px;
  732. padding-right:25px;
  733. margin-bottom:12px;
  734. font-size:8.5px;
  735. letter-spacing:0.3px;
  736. text-transform:uppercase;
  737. font-family: calibri, sans-serif;
  738. outline:1px solid {color:border};
  739. font-weight:bold!important;
  740. text-align:left;
  741. text-shadow: 0px 0px 1px {color:text};
  742. }
  743.  
  744.  
  745. h2 a {
  746. font-family: calibri, sans-serif;
  747. font-size:11px!important;
  748. text-transform:uppercase!important;
  749. color:{color:links};
  750. letter-spacing:-0.4px;
  751. text-shadow: 0px 0px 1px {color:links};
  752. }
  753.  
  754.  
  755. h4 {
  756. outline:1px solid {color:border};
  757. margin-left:1px;
  758. margin-right:1px;
  759. margin-bottom:12px;
  760. margin-top:12px;
  761. padding-left:25px;
  762. padding-right:25px;
  763. height:25px;
  764. line-height:25px;
  765. text-align:left;
  766. font-family:calibri;
  767. text-transform:uppercase;
  768. font-weight:bold;
  769. font-size:9.4px;
  770. color:{color:links}!important;
  771. text-shadow: 0px 0px 1px {color:links};
  772. }
  773.  
  774.  
  775. h4:first-child {
  776. margin-top:1px;
  777. }
  778.  
  779.  
  780. h4 a {
  781. font-family:calibri;
  782. font-style:normal;
  783. font-weight:700;
  784. font-size:10px;
  785. line-height:10px;
  786. color: {color:links};
  787. text-shadow: 0px 0px 1px {color:links};
  788. }
  789.  
  790.  
  791.  
  792. hr {
  793. height:12px;
  794. outline:1px solid {color:border}!important;
  795. border:none!important;
  796. margin-top:19px;
  797. margin-bottom:19px!important;
  798. margin-left:1px;
  799. margin-right:1px;
  800. }
  801.  
  802.  
  803.  
  804.  
  805.  
  806. /* BLOCKQUOTES */
  807.  
  808.  
  809. blockquote {
  810. padding-left:25px;
  811. padding-right:25px;
  812. padding-top:12px;
  813. padding-bottom:12px;
  814. margin-top:12px;
  815. margin-bottom:12px;
  816. text-align:justify;
  817. margin-left:1px;
  818. margin-right:1px;
  819. outline:1px solid {color:border};
  820. word-wrap: break-word!important;
  821. }
  822.  
  823.  
  824. blockquote blockquote {
  825. outline:0px solid {color:border};
  826. border-left:1px solid {color:border}!important;
  827. border-top:0px!important;
  828. border-bottom:0px!important;
  829. border-right:0px!important;
  830. padding-top:0px!important;
  831. padding-bottom:0px!important;
  832. padding-left:25px;
  833. padding-right:0px;
  834. margin-top:12px!important;
  835. margin-bottom:0px!important;
  836. margin-left:-1px;
  837. }
  838.  
  839.  
  840.  
  841.  
  842.  
  843.  
  844. /* CONTAINER */
  845.  
  846.  
  847. #container {
  848. position:absolute;
  849. left:150px;
  850. height:470px;
  851. width:1050px;
  852. margin-top:90px;
  853. outline:1px solid #151515;
  854. padding:25px;
  855. background:rgba(0,0,0,.91);
  856. -webkit-box-shadow: 0px 0px 100px 30px {color:background};
  857. -moz-box-shadow: 0px 0px 100px 30px {color:background};
  858. box-shadow: 0px 0px 100px 30px {color:background};
  859. }
  860.  
  861.  
  862. #containertitle {
  863. z-index:150!important;
  864. position:absolute;
  865. font-family: 'janeaustennosecret';
  866. color:#000;
  867. font-weight:lighter!important;
  868. font-size:115px;
  869. width:1050px;
  870. margin-left:2px;
  871. margin-top:-25px;
  872. line-height:14px;
  873. letter-spacing:-6px;
  874. word-spacing:-1px;
  875. text-align:center!important;
  876. padding-left:0px;
  877. pointer-events:none;
  878. background-color:transparent;
  879. text-shadow:
  880. -1px -1px 0 #151515,
  881. 1px -1px 0 #151515,
  882. -1px 1px 0 #151515,
  883. 1px 1px 0 #151515;
  884. }
  885.  
  886.  
  887.  
  888.  
  889.  
  890.  
  891.  
  892.  
  893. /* SIDE */
  894.  
  895.  
  896. #side {
  897. position:absolute;
  898. margin-top:26px!important;
  899. left:284px;
  900. height:120px;
  901. width:231px;
  902. }
  903.  
  904.  
  905.  
  906.  
  907.  
  908.  
  909. /* SIDE LEFT */
  910.  
  911.  
  912. #left {
  913. position:absolute;
  914. left:26px;
  915. top:1px!important;
  916. height:240px;
  917. width:231px;
  918. }
  919.  
  920.  
  921. #leftboxheader {
  922. text-transform:uppercase;
  923. font-family:monospace;
  924. margin-right:0px;
  925. letter-spacing:0.75px;
  926. margin-top:0px!important;
  927. font-size:8.4px;
  928. color:{color:links};
  929. text-shadow: 0px 0px 1px {color:links};
  930. text-align:center;
  931. outline:1px solid #151515;
  932. padding-left:25px;
  933. padding-right:25px;
  934. height:25px;
  935. line-height:25px;
  936. overflow:hidden;
  937. }
  938.  
  939.  
  940. #leftbox {
  941. position:absolute;
  942. margin-top:1px!important;
  943. height:390px;
  944. width:231px;
  945. line-height:12px;
  946. box-sizing:border-box;
  947. border-top:25px solid {color:background};
  948. border-bottom:25px solid {color:background};
  949. padding-left:25px;
  950. padding-right:25px;
  951. text-align:justify;
  952. outline:1px solid #151515;
  953. overflow-x:hidden;
  954. overflow-y:hidden;
  955. }
  956.  
  957.  
  958.  
  959.  
  960.  
  961. /* SIDE RIGHT */
  962.  
  963.  
  964. .rightimg1 {
  965. background-image:url('{Sidebar}');
  966. margin-top:-25px!important;
  967. height:120px;
  968. width:231px;
  969. outline:1px solid #151515;
  970. overflow:hidden;
  971. }
  972.  
  973.  
  974. .rightimg2 {
  975. background-image:url('{Sidebar}');
  976. margin-top:24px!important;
  977. left:0px;
  978. height:120px;
  979. width:231px;
  980. outline:1px solid #151515;
  981. overflow:hidden;
  982. }
  983.  
  984.  
  985. .rightimg3 {
  986. position:absolute;
  987. position:relative;
  988. background-image:url('{Sidebar}');
  989. margin-top:24px!important;
  990. left:0px;
  991. height:120px;
  992. width:231px;
  993. outline:1px solid #151515;
  994. overflow:hidden;
  995. }
  996.  
  997.  
  998.  
  999.  
  1000.  
  1001.  
  1002. /* NAVIGATION BAR */
  1003.  
  1004.  
  1005. #bottombar {
  1006. position:absolute;
  1007. width:489px;
  1008. height:27px;
  1009. top:467px;
  1010. margin-left:0px;
  1011. line-height:25px;
  1012. overflow:hidden;
  1013. border:1px solid #151515;
  1014. }
  1015.  
  1016.  
  1017. #bottombar button {
  1018. box-sizing:border-box;
  1019. font-family:calibri;
  1020. text-transform:uppercase;
  1021. font-weight:bold;
  1022. display:block;
  1023. float:left;
  1024. font-size:9.6px;
  1025. width:125px!important;
  1026. outline:0px solid #151515;
  1027. border-left:1px solid #151515;
  1028. border-right:1px solid #151515;
  1029. border-top:0px;
  1030. border-bottom:0px;
  1031. height:25px;
  1032. line-height:25px;
  1033. text-align:center;
  1034. margin-top:1px;
  1035. margin-left:-1px;
  1036. color:#303030!important;
  1037. background:rgba(0,0,0,.9);
  1038. text-shadow: 0px 0px 1px #303030;
  1039. }
  1040.  
  1041.  
  1042. #bottombar button:last-of-type {
  1043. border-right:1px solid #000!important;
  1044. }
  1045.  
  1046.  
  1047. #bottombar a {
  1048. box-sizing:border-box;
  1049. font-family:calibri;
  1050. text-transform:uppercase;
  1051. font-weight:bold;
  1052. display:block;
  1053. float:left;
  1054. font-size:9.6px;
  1055. width:125px!important;
  1056. border-right:0px solid #151515;
  1057. border-left:0px;
  1058. border-top:0px;
  1059. border-bottom:0px;
  1060. height:25px;
  1061. line-height:25px;
  1062. text-align:center;
  1063. margin-top:1px;
  1064. margin-left:1px;
  1065. color:#303030!important;
  1066. background:rgba(0,0,0,.9);
  1067. }
  1068.  
  1069.  
  1070.  
  1071.  
  1072.  
  1073.  
  1074. /* NAVIGATION LIST */
  1075.  
  1076.  
  1077. .nlist {
  1078. position:absolute;
  1079. overflow-x:hidden;
  1080. overflow-y:scroll;
  1081. z-index:150!important;
  1082. left:434px;
  1083. margin-top:410px;
  1084. height:120px;
  1085. width:235px;
  1086. max-width:231px;
  1087. background-color:{color:background};
  1088. overflow-y:scroll;
  1089. padding-left:0px;
  1090. padding-right:0px;
  1091. outline:1px solid {color:border}!important;
  1092. }
  1093.  
  1094.  
  1095. .nlist::-webkit-scrollbar {
  1096. width: 12px;
  1097. border-left:1px solid {color:border};
  1098. }
  1099.  
  1100.  
  1101. .nlist::-webkit-scrollbar-track {
  1102. background-color:transparent;
  1103. border-left:1px solid {color:border};
  1104. }
  1105.  
  1106.  
  1107. .nlist::-webkit-scrollbar-thumb {
  1108. color:{color:background};
  1109. border-top:1px solid {color:border};
  1110. border-bottom:1px solid {color:border};
  1111. }
  1112.  
  1113.  
  1114. .nlinks {
  1115. margin-top:-1px;
  1116. padding-left:0px!important;
  1117. width:275px;
  1118. background-color:{color:background};
  1119. }
  1120.  
  1121.  
  1122. .nlinks a, .nlinks li {
  1123. display:inline-block;
  1124. box-sizing: border-box;
  1125. border-top:1px solid {color:border};
  1126. background-color:{color:background};
  1127. width:235px;
  1128. overflow:hidden;
  1129. height:31px;
  1130. line-height:31px;
  1131. padding-left:25px;
  1132. padding-right:25px;
  1133. margin-left:-1px;
  1134. font-family:calibri;
  1135. text-align:center;
  1136. font-style:normal;
  1137. font-weight:bold;
  1138. margin-right:0px;
  1139. margin-bottom:-3px;
  1140. font-size:9.6px;
  1141. letter-spacing:0px;
  1142. color:#393939;
  1143. text-shadow: 0px 0px 1px #393939!important;
  1144. text-transform:uppercase;
  1145. font-weight:bold;
  1146. cursor:pointer;
  1147. -moz-transition-duration:1.5s;
  1148. -webkit-transition-duration:1.5s;
  1149. -o-transition-duration:1.5s;
  1150. }
  1151.  
  1152.  
  1153. .nlinks li:hover, .nlinks a:hover, .nlinks li:nth-of-type(even):hover {
  1154. color:#fff!important;
  1155. text-shadow: 0px 0px 1px {color:links};
  1156. -moz-transition-duration:1.5s;
  1157. -webkit-transition-duration:1.5s;
  1158. -o-transition-duration:1.5s;
  1159. }
  1160.  
  1161.  
  1162. .nlinksbutton, .nlinksbutton1, .nlinksbutton2, .nlinksbutton3 {
  1163. display:inline-block;
  1164. box-sizing: border-box;
  1165. border-top:1px solid {color:border};
  1166. background-color:{color:background};
  1167. width:230px;
  1168. overflow:hidden;
  1169. height:30px;
  1170. line-height:30px;
  1171. padding-left:25px;
  1172. padding-right:25px;
  1173. text-align:center;
  1174. font-family:calibri;
  1175. text-transform:uppercase;
  1176. font-weight:bold;
  1177. font-size:9.6px;
  1178. color:{color:links}!important;
  1179. text-shadow: 0px 0px 1px {color:links};
  1180. margin-right:0px;
  1181. margin-bottom:-3px;
  1182. cursor:pointer;
  1183. -moz-transition-duration:1.5s;
  1184. -webkit-transition-duration:1.5s;
  1185. -o-transition-duration:1.5s;
  1186. }
  1187.  
  1188.  
  1189.  
  1190. .nlinkscontent, .nlinkscontent1, .nlinkscontent2, .nlinkscontent3 {
  1191. display:none;
  1192. max-width:484px;
  1193. background-color:#000000;
  1194. overflow:hidden;
  1195. outline:0px solid {color:border};
  1196. }
  1197.  
  1198.  
  1199. .nlinkscontent a {
  1200. outline:0px solid {color:border};
  1201. border:0px;
  1202. width:242.1px!important;
  1203. margin-top:-1px!important;
  1204. margin-left:0px!important;
  1205. margin-right:-1px!important;
  1206. margin-bottom:0px!important;
  1207. }
  1208.  
  1209.  
  1210. .nlinkscontent a:nth-child (odd) {
  1211. border-right:1px solid {color:border};
  1212. width:243px!important;
  1213. }
  1214.  
  1215.  
  1216.  
  1217.  
  1218.  
  1219.  
  1220.  
  1221.  
  1222.  
  1223.  
  1224. /* POSTS: GENERAL */
  1225.  
  1226.  
  1227. #content {
  1228. position:absolute;
  1229. margin-top:1px;
  1230. margin-left:517px;
  1231. height:468px;
  1232. width:482px;
  1233. outline:1px solid #151515;
  1234. overflow:scroll;
  1235. padding-left:25px;
  1236. padding-right:25px;
  1237. background:rgba(0,0,0,.25);
  1238. }
  1239.  
  1240.  
  1241. #content2 {
  1242. position:absolute;
  1243. margin-top:1px;
  1244. margin-left:517px;
  1245. height:415px;
  1246. width:532px;
  1247. overflow-y:scroll;
  1248. margin-left:-25px;
  1249. margin-top:25px!important;
  1250. }
  1251.  
  1252.  
  1253. .posts {
  1254. width:482px;
  1255. max-width:482px;
  1256. word-wrap: break-word!important;
  1257. text-align:justify;
  1258. line-height:12px;
  1259. margin-bottom:35px;
  1260. padding-left:25px;
  1261. }
  1262.  
  1263.  
  1264. .posts:first-child, .posts:first-of-type {
  1265. margin-top:13px;
  1266. }
  1267.  
  1268.  
  1269. .posts:last-child {
  1270. margin-bottom:0px!important;
  1271. }
  1272.  
  1273.  
  1274. .posts li:first-letter {
  1275. text-transform:uppercase;
  1276. }
  1277.  
  1278.  
  1279. .posts a {
  1280. font-family:calibri;
  1281. text-transform:uppercase;
  1282. font-weight:bold;
  1283. font-size:9.6px;
  1284. color:{color:links}!important;
  1285. text-shadow: 0px 0px 1px {color:links};
  1286. }
  1287.  
  1288.  
  1289. .posts a:hover {
  1290. color:{color:links hover};
  1291. -moz-transition-duration:1.5s;
  1292. -webkit-transition-duration:1.5s;
  1293. -o-transition-duration:1.5s;
  1294. }
  1295.  
  1296.  
  1297. .posts img {
  1298. max-width: -webkit-calc(100% - 20px);
  1299. max-width: -moz-calc(100% - 20px);
  1300. max-width: calc(100% - 20px);
  1301. height:auto;
  1302. }
  1303.  
  1304.  
  1305.  
  1306.  
  1307.  
  1308.  
  1309. /* POSTS: GENERAL */
  1310.  
  1311.  
  1312. .pagination {
  1313. margin-left:25px;
  1314. margin-right:25px!important;
  1315. margin-top:-9px!important;
  1316. background-color:#000000;
  1317. margin-bottom:1px;
  1318. box-sizing: border-box;
  1319. outline:1px solid {color:border};
  1320. height:25px;
  1321. line-height:25px;
  1322. min-width:478px;
  1323. padding-left:25px;
  1324. padding-right:25px;
  1325. }
  1326.  
  1327.  
  1328. .pagination a {
  1329. min-width:235px;
  1330. color:#303030!important;
  1331. text-shadow: 0px 0px 1px #303030!important;
  1332.  
  1333. }
  1334.  
  1335.  
  1336.  
  1337. /* POSTS: TEXT */
  1338.  
  1339. #textbody {
  1340. margin-top:-12px!important;
  1341. {block:permalinkpage}
  1342. margin-top:-12px!important;
  1343. {/block:permalinkpage}
  1344. }
  1345.  
  1346.  
  1347. #textbody::after {
  1348. content: "";
  1349. clear: both;
  1350. display: table;
  1351. margin-top:-8px!important;
  1352. }
  1353.  
  1354.  
  1355.  
  1356. /* POSTS: PHOTO/PHOTOSETS */
  1357.  
  1358.  
  1359. #psingle {
  1360. width: 502px;
  1361. margin-top:-6px!important;
  1362. pointer-events:none;
  1363. -webkit-filter: brightness(1) contrast(1) saturate(0.75);
  1364. -webkit-transition: all 1.5s ease-in-out;
  1365. -moz-transition: all 1.5s ease-in-out;
  1366. -o-transition: all 1.5s ease-in-out;
  1367. -ms-transition: all 1.5s ease-in-out;
  1368. transition: all 1.5s ease-in-out;
  1369. }
  1370.  
  1371.  
  1372. #psingle:hover {
  1373. -webkit-filter: brightness(1) contrast(1) saturate(0.75);
  1374. -webkit-transition: all 1.5s ease-in-out;
  1375. -moz-transition: all 1.5s ease-in-out;
  1376. -o-transition: all 1.5s ease-in-out;
  1377. -ms-transition: all 1.5s ease-in-out;
  1378. transition: all 1.5s ease-in-out;
  1379. }
  1380.  
  1381.  
  1382. #pset {
  1383. margin-top:-6px!important;
  1384. {block:permalinkpage}
  1385. margin-top:0px;
  1386. {block:permalinkpage}
  1387. width: 485px;
  1388. pointer-events:none;
  1389. -webkit-filter: brightness(.6) contrast(1.1) saturate(0.75);
  1390. -webkit-transition: all 1.5s ease-in-out;
  1391. -moz-transition: all 1.5s ease-in-out;
  1392. -o-transition: all 1.5s ease-in-out;
  1393. -ms-transition: all 1.5s ease-in-out;
  1394. transition: all 1.5s ease-in-out;
  1395. }
  1396.  
  1397.  
  1398. #pset:hover {
  1399. -webkit-filter: brightness(.6) contrast(1.1) saturate(0.75);
  1400. -webkit-transition: all 1.5s ease-in-out;
  1401. -moz-transition: all 1.5s ease-in-out;
  1402. -o-transition: all 1.5s ease-in-out;
  1403. -ms-transition: all 1.5s ease-in-out;
  1404. transition: all 1.5s ease-in-out;
  1405. }
  1406.  
  1407.  
  1408. #caption pre {
  1409. margin-top:12px!important;
  1410. }
  1411.  
  1412.  
  1413.  
  1414.  
  1415.  
  1416.  
  1417. /* POSTS: QUOTE */
  1418.  
  1419.  
  1420. #quote {
  1421. font-size:15px;
  1422. text-align:left;
  1423. padding-top:0px;
  1424. padding-bottom:0px;
  1425. letter-spacing:-1px;
  1426. line-height:15px;
  1427. margin-top:-6px!important;
  1428. }
  1429.  
  1430.  
  1431. .source {
  1432. border:1px solid {color:border};
  1433. font-family:calibri;
  1434. font-weight:bold;
  1435. text-align:left;
  1436. font-size:9.5px;
  1437. height:25px;
  1438. line-height:25px;
  1439. color: {color:bold};
  1440. text-transform:uppercase;
  1441. letter-spacing:0.2px;
  1442. margin-top:25px;
  1443. padding-right:25px;
  1444. padding-left:25px;
  1445. margin-top:25px;
  1446. text-shadow: 0px 0px 1px {color:bold};
  1447. }
  1448.  
  1449.  
  1450. .source a {
  1451. color: {color:bold};
  1452. text-shadow: 0px 0px 1px {color:bold};
  1453. }
  1454.  
  1455.  
  1456.  
  1457.  
  1458.  
  1459.  
  1460. /* POSTS: LINK */
  1461.  
  1462.  
  1463. #link {
  1464. outline:1px solid {color:border};
  1465. padding:25px;
  1466. margin-top:-6px!important;
  1467. }
  1468.  
  1469.  
  1470. #link a {
  1471. font-size:12px;
  1472. }
  1473.  
  1474.  
  1475.  
  1476.  
  1477.  
  1478.  
  1479. /* POSTS: CHAT */
  1480.  
  1481.  
  1482. #chat {
  1483. margin-top:-6px!important;
  1484. padding-left:0px;
  1485. padding-right:0px;
  1486. }
  1487.  
  1488.  
  1489.  
  1490.  
  1491.  
  1492.  
  1493. /* POSTS: AUDIO */
  1494.  
  1495.  
  1496. .audioplayer {
  1497. margin-left:12.5px;
  1498. margin-top:-10px!important;
  1499. width: 25px;
  1500. height: 25px;
  1501. overflow: hidden;
  1502. padding-top:0px;
  1503. }
  1504.  
  1505.  
  1506. .audioinfo {
  1507. outline:1px solid {color:border};
  1508. margin-right: 0px;
  1509. padding-left:60px;
  1510. padding-right:25px;
  1511. margin-top:-25px;
  1512. margin-bottom:12px;
  1513. height:25px;
  1514. line-height:25px;
  1515. display: block;
  1516. font-family:calibri;
  1517. font-weight:bold;
  1518. text-transform: uppercase;
  1519. text-align: left;
  1520. letter-spacing:0.2px;
  1521. word-spacing:-0.5px;
  1522. overflow:hidden;
  1523. font-size:9.5px;
  1524. color:{color:bold};
  1525. text-shadow: 0px 0px 1px {color:bold};
  1526. }
  1527.  
  1528.  
  1529.  
  1530.  
  1531.  
  1532.  
  1533. /* POSTS: VIDEO */
  1534.  
  1535.  
  1536. .video {
  1537. margin-top:0px!important;
  1538. }
  1539.  
  1540.  
  1541.  
  1542.  
  1543.  
  1544.  
  1545. /* POSTS: ASK */
  1546.  
  1547.  
  1548. #question {
  1549. position:relative;
  1550. width: 80%;
  1551. height:70px;
  1552. margin-left:0px;
  1553. margin-top:-12px!important;
  1554. background-color:{color:background};
  1555. }
  1556.  
  1557.  
  1558. #ask {
  1559. position:relative;
  1560. z-index:999999!important;
  1561. float:left;
  1562. font-family:calibri!important;
  1563. text-transform:uppercase;
  1564. font-weight:bold;
  1565. background-color:{color:background};
  1566. font-size:8.5px;
  1567. letter-spacing:0.3px;
  1568. line-height:12px!important;
  1569. width:368px;
  1570. min-height:22px;
  1571. max-height:22px;
  1572. overflow:scroll;
  1573. margin-top:1px;
  1574. margin-left:0px;
  1575. margin-bottom:0px;
  1576. padding-left:24px;
  1577. padding-right:24px;
  1578. outline:solid 1px {color:border};
  1579. border-top:22px solid {color:background};
  1580. border-bottom:22px solid {color:background};
  1581. -moz-transition-duration:1.5s;
  1582. -webkit-transition-duration:1.5s;
  1583. -o-transition-duration:1.5s;
  1584. }
  1585.  
  1586.  
  1587. #ask p {
  1588. display:inline!important;
  1589. }
  1590.  
  1591.  
  1592. #ask:hover {
  1593. max-height:35px!important;
  1594. width:432px;
  1595. z-index:999999!important;
  1596. -moz-transition-duration:1.5s;
  1597. -webkit-transition-duration:1.5s;
  1598. -o-transition-duration:1.5s;
  1599. }
  1600.  
  1601.  
  1602. #ask a {
  1603. font-family:calibri;
  1604. text-transform:uppercase;
  1605. font-weight:bold;
  1606. font-size:9.6px;
  1607. color:{color:links}!important;
  1608. text-shadow: 0px 0px 1px {color:links};
  1609. }
  1610. }
  1611.  
  1612.  
  1613. #ask b {
  1614. color:{color:bold};
  1615. font-weight:bold!important;
  1616. font-size:8.4px!important;
  1617. letter-spacing:0.6px!important;
  1618. line-height:11px;
  1619. text-shadow: 0px 0px 1px {color:bold};
  1620. }
  1621.  
  1622.  
  1623. .letterask {
  1624. font-family:'Frank Ruhl Libre', serif;
  1625. color:#000000!important;
  1626. text-decoration:none!important;
  1627. font-style:normal!important;
  1628. font-weight:bold!important;
  1629. text-transform:uppercase!important;
  1630. position:absolute;
  1631. z-index:9999!important;
  1632. text-align:center;
  1633. font-size:48px;
  1634. width:60px;
  1635. margin-left:417px;
  1636. outline:1px solid {color:border};
  1637. background-color:{color:background};
  1638. margin-top:1px;
  1639. padding-top:25px;
  1640. padding-bottom:29px;
  1641. padding-right:3px;
  1642. color:{color:title};
  1643. -webkit-user-select: none;
  1644. -moz-user-select: none;
  1645. -ms-user-select: none;
  1646. user-select: none;
  1647. text-shadow:
  1648. -1px -1px 0 {color:border},
  1649. 1px -1px 0 {color:border},
  1650. -1px 1px 0 {color:border},
  1651. 1px 1px 0 {color:border};
  1652. }
  1653.  
  1654.  
  1655. #response {
  1656. margin-top:25px!important;
  1657. }
  1658.  
  1659.  
  1660. #response strike {
  1661. background-color: #000000;
  1662. outline: 1px solid #151515;
  1663. font-family:'Frank Ruhl Libre', serif;
  1664. color:#000000!important;
  1665. text-decoration:none!important;
  1666. font-style:normal!important;
  1667. font-weight:bold!important;
  1668. text-transform:uppercase!important;
  1669. float:left;
  1670. margin-top:1px;
  1671. margin-left:1px;
  1672. height:60px;
  1673. width:60px;
  1674. font-size: 48px;
  1675. margin-right: 13px;
  1676. position: relative;
  1677. text-align: center;
  1678. vertical-align: middle;
  1679. line-height: 60px;
  1680. text-shadow:
  1681. -1px -1px 0 #151515,
  1682. 1px -1px 0 #151515,
  1683. -1px 1px 0 #151515,
  1684. 1px 1px 0 #151515;
  1685. }
  1686.  
  1687.  
  1688. #response:first-letter {
  1689. font-size:200%;
  1690. }
  1691.  
  1692.  
  1693. #response blockquote {
  1694. margin-top:12px;
  1695. margin-bottom:12px!important;
  1696. padding-top:12px;
  1697. padding-bottom:12px;
  1698. }
  1699.  
  1700.  
  1701. #response pre {
  1702. margin-bottom:6px!important;
  1703. word-wrap: break-word;
  1704. white-space: pre-wrap;
  1705. white-space: -moz-pre-wrap;
  1706. white-space: -pre-wrap;
  1707. white-space: -o-pre-wrap;
  1708. word-wrap: break-word;
  1709. }
  1710.  
  1711.  
  1712. #response::after {
  1713. content: "";
  1714. clear: both;
  1715. display: table;
  1716. margin-top:-8px!important;
  1717. }
  1718.  
  1719.  
  1720.  
  1721.  
  1722.  
  1723. /* POST INFORMATION */
  1724.  
  1725.  
  1726. .permalink {
  1727. margin-top:25px!important;
  1728. margin-left:-27px;
  1729. margin-right:-27px;
  1730. margin-bottom:25px!important;
  1731. }
  1732.  
  1733.  
  1734.  
  1735. .permalinkbuttons {
  1736. height:25px;
  1737. background-color:{color:background};
  1738. font-weight:bold!important;
  1739. line-height:25px;
  1740. letter-spacing:-0.2px;
  1741. margin-left:0px!important;
  1742. margin-bottom:1px!important;
  1743. border:1px solid {color:border};
  1744. color:#303030!important;
  1745. }
  1746.  
  1747.  
  1748. .permalinkbuttons a {
  1749. letter-spacing:0px;
  1750. display:inline-block;
  1751. box-sizing: border-box;
  1752. font-size:9.6px!important;
  1753. text-align:center;
  1754. padding-left:25px;
  1755. padding-right:25px;
  1756. font-family: calibri, sans-serif;
  1757. text-transform:uppercase;
  1758. width:177px;
  1759. max-width:177px;
  1760. height:25px;
  1761. background-color:{color:background};
  1762. outline:1px solid {color:border};
  1763. line-height:25px;
  1764. color:#303030!important;
  1765. font-weight:bold!important;
  1766. overflow:hidden;
  1767. text-shadow: 0px 0px 1px #303030;
  1768. }
  1769.  
  1770.  
  1771. .permalinkbuttons a:hover {
  1772. color:{color:links hover};
  1773. -moz-transition-duration:1.5s;
  1774. -webkit-transition-duration:1.5s;
  1775. -o-transition-duration:1.5s;
  1776. text-shadow: 0px 0px 1px {color:links hover};
  1777. }
  1778.  
  1779.  
  1780. .tags {
  1781. font-family: calibri!important;
  1782. font-weight:bold!important;
  1783. background-color:{color:background};
  1784. border:1px solid {color:border};
  1785. padding-top:12px;
  1786. padding-bottom:12px;
  1787. padding-left:24px;
  1788. padding-right:24px;
  1789. margin-top:-2px;
  1790. color:{color:border};
  1791. text-transform:uppercase!important;
  1792. font-style:normal;
  1793. line-height:150%;
  1794. font-size:8.5px;
  1795. text-align:justify;
  1796. -moz-text-align-last: center; /* Code for Firefox */
  1797. text-align-last: center;
  1798. }
  1799.  
  1800.  
  1801. .tags a {
  1802. text-decoration:none!important;
  1803. font-weight:lighter!important;
  1804. font-size:8.4px;
  1805. margin-right:0px;
  1806. letter-spacing:0px;
  1807. text-transform:uppercase!important;
  1808. font-family: calibri!important;
  1809. color:{color:border}!important;
  1810. -moz-transition-duration:1.5s;
  1811. -webkit-transition-duration:1.5s;
  1812. -o-transition-duration:1.5s;
  1813. text-shadow: 0px 0px 1px {color:border};
  1814. }
  1815.  
  1816.  
  1817.  
  1818. .tags a:hover {
  1819. font-weight:bold;
  1820. color:{color:italic}!important;
  1821. -moz-transition-duration:1.5s;
  1822. -webkit-transition-duration:1.5s;
  1823. -o-transition-duration:1.5s;
  1824. text-shadow: 0px 0px 1px {color:italic};
  1825. {block:ifBiggerTagsonHover}
  1826. font-size:9px!important;
  1827. {block:ifBiggerTagsonHover}
  1828. }
  1829.  
  1830.  
  1831.  
  1832.  
  1833.  
  1834.  
  1835. /* PERMAPAGE NOTES */
  1836.  
  1837.  
  1838. #notes {
  1839. outline:1px solid {color:border};
  1840. font-family:calibri!important;
  1841. margin-bottom:1px!important;
  1842. margin-left:0px;
  1843. margin-right:0px;
  1844. margin-top:25px!important;
  1845. padding-top:16px;
  1846. padding-bottom:16px;
  1847. padding-left:15px;
  1848. padding-right:15px;
  1849. letter-spacing:-0.3px;
  1850. font-weight:bold;
  1851. font-size:9.4px!important;
  1852. color:{color:bold}!important;
  1853. background-color:#000000;
  1854. text-shadow: 0px 0px 1px {color:bold};
  1855. }
  1856.  
  1857.  
  1858.  
  1859. #notes span, .note span {
  1860. font-family:calibri;
  1861. color:{color:bold}!important;
  1862. text-shadow: 0px 0px 1px {color:bold};
  1863. }
  1864.  
  1865.  
  1866.  
  1867. .note li, .note {
  1868. font-family:calibri!important;
  1869. font-family: monospace;
  1870. letter-spacing:0.6px;
  1871. text-transform:uppercase;
  1872. font-size:8.4px;
  1873. color:{color:bold};
  1874. text-shadow: 0px 0px 1px {color:bold};
  1875. -moz-transition-duration:1.5s;
  1876. -webkit-transition-duration:1.5s;
  1877. -o-transition-duration:1.5s;
  1878. list-style-type:none;
  1879. text-align:left!important;
  1880. }
  1881.  
  1882.  
  1883. .note li a {
  1884. font-family: monospace;
  1885. letter-spacing:0.6px;
  1886. text-transform:uppercase;
  1887. font-size:8.4px;
  1888. text-shadow: 0px 0px 1px {color:links};
  1889. color:{color:links};
  1890. -moz-transition-duration:1.5s;
  1891. -webkit-transition-duration:1.5s;
  1892. -o-transition-duration:1.5s;
  1893. list-style-type:none;
  1894. text-align:left!important;
  1895. }
  1896.  
  1897.  
  1898. .more_notes_link, .more_notes_link a {
  1899. text-align:left!important;
  1900. margin-top:25px!important;
  1901. padding-top:25px!important;
  1902. color:{color:links}!important;
  1903. }
  1904.  
  1905.  
  1906. .note blockquote a {
  1907. padding-top:12px;
  1908. padding-bottom:12px;
  1909. padding-left:24px;
  1910. padding-right:24px;
  1911. margin-top:12px;
  1912. margin-bottom:12px;
  1913. margin-left:0px;
  1914. margin-right:0px;
  1915. color:{color:links}!important;
  1916. }
  1917.  
  1918.  
  1919. .note img.avatar {
  1920. display:none;
  1921. width: 0px;
  1922. height: 0px;
  1923. }
  1924.  
  1925.  
  1926.  
  1927.  
  1928.  
  1929.  
  1930.  
  1931.  
  1932. /* NAVIGATION PAGES */
  1933.  
  1934.  
  1935. .pagenavi {
  1936. margin-top:-3px!important;
  1937. margin-left:-26px!important;
  1938. margin-right:-25px!important;
  1939. margin-bottom:0px;
  1940. outline:0px;
  1941. }
  1942.  
  1943.  
  1944. .dropbtn {
  1945. display:inline-block;
  1946. box-sizing: border-box;
  1947. font-size:9.4px;
  1948. text-align:center;
  1949. padding-left:25px;
  1950. padding-right:25px;
  1951. margin-left:-1px;
  1952. min-width:234px;
  1953. margin-top:0px;
  1954. margin-bottom:0px!important;
  1955. font-family: calibri, sans-serif;
  1956. text-transform:uppercase;
  1957. height:26px;
  1958. background-color:transparent;
  1959. outline:0px solid {color:border};
  1960. border:1px solid {color:border};
  1961. line-height:23px;
  1962. margin-right:0px;
  1963. color: {color:text};
  1964. text-shadow: 0px 0px 1px {color:text}!important;
  1965. font-weight:bold!important;
  1966. overflow:hidden; /* older browsers */
  1967. }
  1968.  
  1969.  
  1970. .dropbtn:hover, .dropbtn:focus {
  1971. color:{color:links};
  1972. }
  1973.  
  1974.  
  1975. .dropdown {
  1976. position: relative;
  1977. display: inline-block;
  1978. }
  1979.  
  1980.  
  1981. .dropdown-content {
  1982. display: none;
  1983. position: absolute;
  1984. margin-top:-1px!important;
  1985. margin-left:1px;
  1986. margin-bottom:0px!important;
  1987. outline:0px solid {color:border};
  1988. border-top:1px solid {color:border};
  1989. border-bottom:0px solid {color:border};
  1990. background-color: {color:background};
  1991. width:538px;
  1992. z-index: 99;
  1993. -webkit-box-shadow: 0px 25px 0px -1px rgba(0,0,0,1);
  1994. -moz-box-shadow: 0px 25px 0px -1px rgba(0,0,0,1);
  1995. box-shadow: 0px 25px 0px -1px rgba(0,0,0,1);
  1996. }
  1997.  
  1998.  
  1999. .dropdown-content a {
  2000. color: black;
  2001. padding: 12px 16px;
  2002. text-decoration: none;
  2003. display: block;
  2004. }
  2005.  
  2006.  
  2007. .dropdown-content a:hover, .dropdown a:hover {
  2008. color:{color:links hover};!important;
  2009. }
  2010.  
  2011.  
  2012. .show {
  2013. display:block;
  2014. }
  2015.  
  2016.  
  2017. ul#tabs {
  2018. text-align: left;
  2019. Cursor:pointer;
  2020. }
  2021.  
  2022.  
  2023. ul#tabs li {
  2024. display:inline-block;
  2025. box-sizing: border-box;
  2026. font-size:9.6px;
  2027. text-align:center;
  2028. padding-left:24px;
  2029. padding-right:24px;
  2030. margin-bottom:-5px!important;
  2031. font-family: calibri, sans-serif;
  2032. text-transform:uppercase;
  2033. width:117px;
  2034. max-width:117px;
  2035. height:25px;
  2036. background-color:transparent;
  2037. border-bottom:1px solid {color:border};
  2038. border-left:0px solid {color:border};
  2039. border-right:1px solid {color:border};
  2040. line-height:25px;
  2041. margin-left:-1px;
  2042. margin-right:-1px;
  2043. color:#393939!important;
  2044. text-shadow: 0px 0px 1px #393939!important;
  2045. font-weight:bold!important;
  2046. overflow:hidden;
  2047. }
  2048.  
  2049.  
  2050. ul#tabs li.active {
  2051. color:{color:body text};
  2052. }
  2053.  
  2054.  
  2055. ul#tab, ul#tabs{
  2056. list-style-type:none;
  2057. margin:0px;
  2058. padding:0px;
  2059. }
  2060.  
  2061.  
  2062. ul#tab li.active {
  2063. display: block;
  2064. }
  2065.  
  2066.  
  2067. ul#tab li {
  2068. display: none;
  2069. }
  2070.  
  2071.  
  2072. .pageinfo {
  2073. margin-top:2px!important;
  2074. border-top:25px solid {color:background};
  2075. border-bottom:25px solid {color:background};
  2076. overflow-y:scroll!important;
  2077. margin-left:1px;
  2078. margin-right:1px;
  2079. height:340px;
  2080. background-color:{color:background};
  2081. }
  2082.  
  2083.  
  2084. .pagelinks {
  2085. margin-top:0px!important;
  2086. margin-bottom:0px!important;
  2087. margin-left:0px;
  2088. margin-right:0px;
  2089. background-color:transparent!important;
  2090. width:178px;
  2091. }
  2092.  
  2093.  
  2094. .pagelinks h4 {
  2095. margin-top:6px;
  2096. margin-bottom:12px;
  2097. max-width:150px!important;
  2098. }
  2099.  
  2100.  
  2101. .pagelinks h4:first-child {
  2102. margin-top:1px;
  2103. }
  2104.  
  2105.  
  2106. .pagelinks a {
  2107. font-family:calibri;
  2108. text-align:center;
  2109. font-style:normal;
  2110. font-weight:bold;
  2111. margin-right:0px;
  2112. margin-bottom:-3px;
  2113. font-size:9.6px;
  2114. letter-spacing:0px;
  2115. color:#303030!important;
  2116. text-transform:uppercase;
  2117. display:inline-block;
  2118. box-sizing: border-box;
  2119. width:178px;
  2120. height:25px!important;
  2121. padding-left:25px;
  2122. padding-right:25px;
  2123. line-height:25px;
  2124. margin-left:-0px;
  2125. margin-right:6px;
  2126. margin-bottom:5px;
  2127. text-align:left;
  2128. overflow:hidden;
  2129. border: 1px solid {color:border};
  2130. color:#303030!important;
  2131. text-shadow: 0px 0px 1px #303030!important;
  2132. }
  2133.  
  2134.  
  2135.  
  2136. .pagelinks a:hover, .pagelinks:hover {
  2137. color:#fff!important;
  2138. -moz-transition-duration:1.5s;
  2139. -webkit-transition-duration:1.5s;
  2140. -o-transition-duration:1.5s;
  2141. text-shadow: 0px 0px 1px {color:links hover};
  2142. }
  2143.  
  2144.  
  2145. #pagecontainer {
  2146. z-index:99999999999999999999999999999999999999!important;
  2147. position:absolute;
  2148. height:414px;
  2149. width:233px;
  2150. background-color:transparent;
  2151. left:175px;
  2152. margin-top:116px;
  2153. overflow:hidden;
  2154. }
  2155.  
  2156.  
  2157. #pagecontent {
  2158. z-index:20!important;
  2159. position:absolute;
  2160. overflow:hidden;
  2161. text-align:justify;
  2162. box-sizing: border-box;
  2163. height:417px;
  2164. width:233px;
  2165. padding-top:0px!important;
  2166. background-color:{color:background};
  2167. border-right:1px solid {color:border};
  2168. border-bottom:1px solid {color:border};
  2169. border-left:1px solid {color:border};
  2170. padding-left:25px;
  2171. padding-right:25px;
  2172. }
  2173.  
  2174.  
  2175. .pageimg {
  2176. display:none!important;
  2177. z-index:9999999999999999999999999!important;
  2178. position:absolute;
  2179. top:294px;
  2180. height:120px;
  2181. width:231px;
  2182. outline:1px solid #151515;
  2183. overflow:hidden;
  2184. background-color:#fff;
  2185. }
  2186.  
  2187.  
  2188. .pageimg1 {
  2189. display:none!important;
  2190. z-index:9999999999999999999999999!important;
  2191. position:absolute;
  2192. top:294px;
  2193. height:120px;
  2194. width:231px;
  2195. outline:1px solid #151515;
  2196. overflow:hidden;
  2197. background-color:#fff;
  2198. }
  2199.  
  2200.  
  2201.  
  2202.  
  2203.  
  2204. /* TEXT-WRAPPING AROUND ICONS/IMAGES */
  2205.  
  2206.  
  2207. #wrap img {
  2208. overflow: hidden;
  2209. background-color:{color:background};
  2210. margin-top:0px!important;
  2211. margin-bottom:12px!important;
  2212. padding-right:3px;
  2213. padding-bottom:3px;
  2214. {block:IfTextWrapping}
  2215. float:left;
  2216. margin-right:14px;
  2217. {/block:IfTextWrapping}
  2218. {block:ificonborders}
  2219. padding:12px;
  2220. border:1px solid {color:border};
  2221. {/block:ificonborders}
  2222. -webkit-filter: brightness(1) contrast(1) saturate(1);
  2223. }
  2224.  
  2225.  
  2226.  
  2227. {block:IfTextWrapping}
  2228. #wrap blockquote img {
  2229. background-color:{color:background};
  2230. margin-top:12px!important;
  2231. margin-bottom:10px!important;
  2232. margin-left:12px;
  2233. margin-right:0px!important;
  2234. float:right;
  2235. -webkit-filter: brightness(.88) contrast(1) saturate(1);
  2236. }
  2237. {/block:IfTextWrapping}
  2238.  
  2239.  
  2240.  
  2241. .dropdown-content3 {
  2242. display: none;
  2243. position: absolute;
  2244. margin-top:101px!important;
  2245. margin-left:0px;
  2246. outline:0px solid {color:border};
  2247. border-bottom:1px solid {color:border};
  2248. background:rgba(0,0,0,1);
  2249. width:231px!important;
  2250. z-index: 99;
  2251. }
  2252.  
  2253.  
  2254.  
  2255. .dropdown-content3 button {
  2256. background:rgba(0,0,0,1);
  2257. text-align:center!important;
  2258. margin-left:-1px;
  2259. margin-bottom:-1px!important;
  2260. width:118px;
  2261. height:33px!important;
  2262. line-height:30px!important;
  2263. color:{color:links};!important;
  2264. }
  2265.  
  2266.  
  2267.  
  2268. .dropdown-content3 button:focus, .dropdown-content3 button:active {
  2269. color: {color:links};
  2270. text-shadow: 0px 0px 1px {color:links};
  2271. }
  2272.  
  2273.  
  2274. .dropdown-content3 a {
  2275. text-decoration: none;
  2276. display: block;
  2277. color:{color:links};
  2278. text-shadow: 0px 0px 1px {color:links};
  2279. }
  2280.  
  2281.  
  2282. .dropdown-content3 a:hover, .dropdown3 a:hover {
  2283. color:{color:links hover};!important;
  2284. }
  2285.  
  2286.  
  2287. .dropbtn3 {
  2288. min-width:233px!important;
  2289. display:fixed;
  2290. letter-spacing:0px;
  2291. font-size:9.4px;
  2292. text-align:center;
  2293. padding-left:25px;
  2294. padding-right:25px;
  2295. margin-left:-1px;
  2296. margin-top:0px;
  2297. margin-bottom:-1px!important;
  2298. font-family: calibri, sans-serif;
  2299. text-transform:uppercase;
  2300. height:25px;
  2301. background-color:{color:background};
  2302. outline:0px solid {color:border};
  2303. border:1px solid {color:border};
  2304. line-height:25px;
  2305. margin-right:0px;
  2306. font-weight:bold!important;
  2307. }
  2308.  
  2309.  
  2310. .dropbtn3:hover, .dropbtn3:focus {
  2311. color:{color:links};
  2312. }
  2313.  
  2314.  
  2315. button {
  2316. display:inline-block;
  2317. box-sizing: border-box;
  2318. text-align:center;
  2319. padding-left:25px;
  2320. padding-right:25px;
  2321. font-weight:bold!important;
  2322. font-family: calibri;
  2323. letter-spacing:0px;
  2324. text-transform:uppercase;
  2325. font-size:9px;
  2326. width:180px;
  2327. max-width:180px;
  2328. height:25px;
  2329. background-color:{color:background};
  2330. border:1px solid {color:border};
  2331. line-height:22px;
  2332. margin-left:0px;
  2333. margin-right:-4px;
  2334. color: {color:bold};
  2335. cursor:pointer;
  2336. font-weight:bold!important;
  2337. overflow:hidden;
  2338. text-shadow: 0px 0px 1px {color:bold};
  2339. -webkit-transition: all 1.5s ease-in-out;
  2340. -moz-transition: all 1.5s ease-in-out;
  2341. -o-transition: all 1.5s ease-in-out;
  2342. -ms-transition: all 1.5s ease-in-out;
  2343. transition: all 1.5s ease-in-out;
  2344. }
  2345.  
  2346.  
  2347. button:focus {
  2348. outline:none!important;
  2349. }
  2350.  
  2351.  
  2352. button:hover {
  2353. color:{color:links hover}!important;
  2354. -webkit-transition: all 1.5s ease-in-out;
  2355. -moz-transition: all 1.5s ease-in-out;
  2356. -o-transition: all 1.5s ease-in-out;
  2357. -ms-transition: all 1.5s ease-in-out;
  2358. transition: all 1.5s ease-in-out;
  2359. text-shadow: 0px 0px 1px {color:links hover};
  2360. }
  2361.  
  2362.  
  2363.  
  2364.  
  2365.  
  2366. </style>
  2367. </head>
  2368.  
  2369.  
  2370.  
  2371.  
  2372.  
  2373.  
  2374.  
  2375. <body>
  2376.  
  2377.  
  2378.  
  2379.  
  2380. <div id="container">
  2381.  
  2382. <div id="containertitle">
  2383. sic semper
  2384. </div id="containertitle">
  2385.  
  2386.  
  2387.  
  2388.  
  2389.  
  2390. <div id="side">
  2391.  
  2392. <img class="rightimg1" src="{image:Sidebar1}"/>
  2393.  
  2394.  
  2395. <img class="rightimg2" src="{image:Sidebar2}"/>
  2396.  
  2397.  
  2398. <img class="rightimg3" src="{image:Sidebar3}"/>
  2399.  
  2400.  
  2401. </div id="side">
  2402.  
  2403.  
  2404. <div id="left">
  2405.  
  2406.  
  2407. <div class="dropdown3">
  2408.  
  2409. <button onclick="myFunction()" class="dropbtn3" style="color:{color:text}!important; text-align:center; text-shadow: 0px 0px 1px {color:text}!important; margin-top:24px!important;">
  2410. Click here to select a theme aesthetic
  2411. </button>
  2412. <div id="myDropdown" class="dropdown-content3">
  2413.  
  2414. <button class="castiel">Castiel</button>
  2415. <button class="connor">Connor</button>
  2416. <button class="mulder">Mulder</button>
  2417. <button class="sam">Sam</button>
  2418. <button class="merlin">Merlin</button>
  2419. <button class="aramis">Aramis</button>
  2420. <button class="clint">Clint</button>
  2421. <button class="matt">Matt</button>
  2422.  
  2423. </div id="myDropdown" class="dropdown-content3">
  2424.  
  2425. </div class="dropdown3">
  2426.  
  2427.  
  2428.  
  2429. <div id="leftbox">
  2430.  
  2431. "While the truncheon may be used in lieu of conversation, <i>words will always retain their power.</i> ——Words offer the means to meaning, and for those who would listen, <b>the enunciation of truth."</b>
  2432.  
  2433. <hr>
  2434.  
  2435. <b>Muses from:</b> Marvel Cinematic Universe, Tolkien (movie-based for now), Pirates of the Caribbean, Ocean's, Assassin's Creed, How I Met Your Mother, Outlander, The Vampire Diaries and World of Warcraft.
  2436.  
  2437. <hr>
  2438.  
  2439. "While the truncheon may be used in lieu of conversation, <i>words will always retain their power.</i> ——Words offer the means to meaning, and for those who would listen, <b>the enunciation of truth.</b> While the truncheon may be used in lieu of conversation, <i>words will always retain their power.</i> ——Words offer the means to meaning, and for those who would listen, <b>the enunciation of truth."</b>
  2440.  
  2441. </div id="leftbox">
  2442.  
  2443. </div id="left">
  2444.  
  2445.  
  2446.  
  2447.  
  2448.  
  2449.  
  2450.  
  2451. <div id="content">
  2452. <div id="content2">
  2453.  
  2454. {block:Posts}
  2455. <div class="posts">
  2456.  
  2457.  
  2458.  
  2459.  
  2460.  
  2461.  
  2462. <!-- POSTS: TEXT -->
  2463.  
  2464.  
  2465. {block:Text}
  2466. <div id="textbody">
  2467. {block:Title}
  2468. <h1>{Title}</h1>
  2469. {/block:Title}
  2470.  
  2471. <div id="wrap">
  2472. {Body}
  2473. </div id="wrap">
  2474. </div id="textbody">
  2475. {/block:Text}
  2476.  
  2477.  
  2478.  
  2479.  
  2480.  
  2481.  
  2482. <!-- POSTS: PHOTO/SET -->
  2483.  
  2484.  
  2485. {block:Photo}
  2486. <div id="psingle">
  2487. {LinkOpenTag}
  2488.  
  2489. <img src="{PhotoURL-HighRes}">
  2490. {LinkCloseTag}
  2491.  
  2492. </div id="psingle">
  2493.  
  2494.  
  2495. {block:Caption}
  2496.  
  2497. <div id="pcaption">
  2498. {Caption}
  2499. </div id="pcaption">
  2500.  
  2501. {/block:Caption}
  2502.  
  2503. {/block:Photo}
  2504.  
  2505.  
  2506.  
  2507.  
  2508. {block:Photoset}
  2509. <div id="pset">
  2510. {Photoset}
  2511. </div id="pset">
  2512.  
  2513. {block:Caption}
  2514. <div id="caption">
  2515. {Caption}
  2516. </div id="caption">
  2517. {/block:Caption}
  2518.  
  2519. {/block:Photoset}
  2520.  
  2521.  
  2522.  
  2523.  
  2524.  
  2525.  
  2526. <!-- POSTS: QUOTE -->
  2527.  
  2528.  
  2529. {block:Quote}
  2530. <div id="quote">
  2531. "{Quote}"
  2532.  
  2533. <div class="source">
  2534. Source: {Source}
  2535. </div class="source">
  2536.  
  2537. </div id="quote">
  2538. {/block:Quote}
  2539.  
  2540.  
  2541.  
  2542.  
  2543.  
  2544.  
  2545. <!-- POSTS: LINK -->
  2546.  
  2547.  
  2548. {block:Link}
  2549. <div id="link">
  2550.  
  2551. <a href="{URL}" {Target}>{Name}&nbsp;&nbsp; Next</a>
  2552.  
  2553. </div id="link">
  2554. {/block:Link}
  2555.  
  2556.  
  2557.  
  2558.  
  2559.  
  2560.  
  2561. <!-- POSTS: CHAT -->
  2562.  
  2563.  
  2564. {block:Chat}
  2565. <div id="chat">
  2566.  
  2567. {block:Lines}
  2568. <div id="{Alt}">
  2569.  
  2570. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  2571.  
  2572. </div id="{Alt}">
  2573. {/block:Lines}
  2574.  
  2575. </div id="chat">
  2576. {/block:Chat}
  2577.  
  2578.  
  2579.  
  2580.  
  2581.  
  2582.  
  2583. <!-- POSTS: AUDIO -->
  2584.  
  2585.  
  2586. {block:Audio}
  2587. <div class="audioplayer">
  2588.  
  2589. {AudioPlayerWhite}
  2590.  
  2591. </div class="audioplayer">
  2592.  
  2593.  
  2594. <div class="audioinfo">
  2595. {block:TrackName}{TrackName}{/block:TrackName} — {block:Artist}{Artist}{/block:Artist}
  2596. </div class="audioinfo">
  2597.  
  2598. {block:Caption}
  2599. {Caption}
  2600. {/block:Caption}
  2601.  
  2602. {/block:Audio}
  2603.  
  2604.  
  2605.  
  2606.  
  2607.  
  2608.  
  2609. <!-- POSTS: VIDEO -->
  2610.  
  2611.  
  2612. {block:Video}
  2613. <div class="video">
  2614.  
  2615. {VideoEmbed-500}
  2616.  
  2617. </div class="video">
  2618.  
  2619. {block:Caption}
  2620. {Caption}
  2621. {/block:Caption}
  2622.  
  2623. {/block:Video}
  2624.  
  2625.  
  2626.  
  2627.  
  2628.  
  2629.  
  2630. <!-- POSTS: ASK -->
  2631.  
  2632.  
  2633. {block:Answer}
  2634.  
  2635. <div id="question">
  2636. <div id="ask">
  2637.  
  2638. <b>{Asker} has come bearing inquiries:</b> {Question}
  2639.  
  2640. </div id="ask">
  2641. <div class="letterask">Q</div class="letterask">
  2642.  
  2643. </div id="question">
  2644.  
  2645. <div id="response">
  2646. <div id="wrap"><span>{Answer}</span></div id="wrap">
  2647.  
  2648. </div id="response">
  2649.  
  2650. {/block:Answer}
  2651.  
  2652.  
  2653.  
  2654.  
  2655.  
  2656.  
  2657.  
  2658.  
  2659. <!-- POST INFORMATION -->
  2660.  
  2661.  
  2662.  
  2663. {block:Date}
  2664.  
  2665. {block:indexpage}
  2666.  
  2667. <div class="permalink">
  2668. <div class="permalinkbuttons">
  2669.  
  2670. <a href="{Permalink}" style="text-align:left;" title="{NoteCountWithLabel}">
  2671. {Month} {DayOfMonth}{DayOfMonthSuffix} / {12Hour}:{Minutes}{CapitalAmPm}</a>
  2672.  
  2673. {block:RebloggedFrom}
  2674. <a href="{ReblogParentURL}" title="{ReblogParentName}: {ReblogParentTitle}" style="margin-left:-1px; min-width:178px!important;max-width:178px!important;">
  2675. REBLOGGED FROM / VIA
  2676. </a>
  2677. {/block:RebloggedFrom}
  2678.  
  2679. <a href="{ReblogURL}" target="_blank" class="details" style="float:right; text-align:right;">
  2680. CLICK HERE TO REBLOG THIS POST
  2681. </a>
  2682.  
  2683. </div class="permalinkbuttons">
  2684.  
  2685.  
  2686. {block:HasTags}
  2687. <div class="tags">
  2688.  
  2689. {block:Tags}
  2690. <a href="{TagURL}">{Tag}&nbsp;&nbsp;</a>
  2691. {/block:Tags}
  2692.  
  2693. </div class="tags">
  2694. {/block:HasTags}
  2695.  
  2696.  
  2697. </div class="permalink">
  2698. {/block:indexpage}
  2699.  
  2700.  
  2701.  
  2702.  
  2703.  
  2704. {block:permalinkpage}
  2705. <div class="permalink">
  2706. <div class="permalinkbuttons">
  2707.  
  2708. {block:RebloggedFrom}
  2709. <a href="{ReblogParentName}" title="{ReblogParentName}" style="text-align:left;">
  2710. REBLOGGED FROM / VIA
  2711. </a>
  2712. {/block:RebloggedFrom}
  2713.  
  2714. <a href="{ReblogURL}" target="_blank" class="details" style="float:right; ">
  2715. CLICK HERE TO REBLOG THIS POST
  2716. </a>
  2717.  
  2718. </div class="permalinkbuttons">
  2719.  
  2720. {block:HasTags}
  2721. <div class="tags">
  2722. {block:Tags}
  2723.  
  2724. <a href="{TagURL}">
  2725. {Tag}&nbsp;&nbsp;
  2726. </a>
  2727.  
  2728. {/block:Tags}
  2729. </div class="tags">
  2730. {/block:HasTags}
  2731.  
  2732. </div class="permalink">
  2733. {/block:permalinkpage}
  2734.  
  2735. {/block:Date}
  2736.  
  2737.  
  2738.  
  2739.  
  2740.  
  2741.  
  2742. <!-- NOTES -->
  2743.  
  2744. {block:PostNotes}
  2745. <div id="notes">
  2746.  
  2747. <div class="note">
  2748. {PostNotes}
  2749. </div class="note">
  2750.  
  2751. </div id="notes">
  2752. {/block:PostNotes}
  2753.  
  2754.  
  2755.  
  2756.  
  2757.  
  2758.  
  2759. <!-- HIDE VIA/SOURCE IN POSTS -->
  2760.  
  2761.  
  2762. {block:ContentSource}<!-- {SourceURL}
  2763. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  2764. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2765. {/block:ContentSource}
  2766.  
  2767.  
  2768. <!-- {block:NoRebloggedFrom}
  2769. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  2770. {/block:NoRebloggedFrom} -->
  2771.  
  2772. </div class="posts">
  2773. {/block:Posts}
  2774.  
  2775.  
  2776. <div class="pagination">
  2777.  
  2778. {block:Indexpage}
  2779. {block:PreviousPage}<a href="{PreviousPage}">RETURN TO LAST PAGE</a>{/block:PreviousPage}
  2780. {block:NextPage}<a href="{NextPage}" style="float:right; margin-right:1px; text-align:right;">PROCEED TO NEXT PAGE</a>{/block:NextPage}
  2781. {/block:Indexpage}
  2782.  
  2783.  
  2784.  
  2785. {block:PermalinkPagination}
  2786. {block:PreviousPost}<a href="{PreviousPost}" title="Previous Post">RETURN TO LAST POST</a>{/block:PreviousPost}
  2787. {block:NextPost}<a href="{NextPost}" title="Next Post" style="float:right; margin-right:1px; text-align:right;">PROCEED TO NEXT POST</a>{/block:NextPost}
  2788. {/block:PermalinkPagination}
  2789.  
  2790. </div class="pagination">
  2791.  
  2792.  
  2793.  
  2794. </div id="content2">
  2795. </div id="content">
  2796.  
  2797.  
  2798.  
  2799.  
  2800.  
  2801.  
  2802. <div id="bottombar">
  2803.  
  2804. <a href="/" style="width:125px!important;">
  2805. Refresh the Page
  2806. </a>
  2807.  
  2808.  
  2809. <button class="w3-bar-item w3-button" onclick="openMuse('Muses')">
  2810. Current Muses
  2811. </button>
  2812.  
  2813.  
  2814. <button class="w3-bar-item w3-button" onclick="openMuse('Navigation')">
  2815. Navigation
  2816. </button>
  2817.  
  2818.  
  2819. <button class="w3-bar-item w3-button" onclick="openPage('Index'); openNavi('Index'); openMuse('Index');" autofocus style="color:{color:button active};">
  2820. Close the Tabs
  2821. </button>
  2822.  
  2823.  
  2824. </div id="bottombar">
  2825.  
  2826.  
  2827. </div id="container">
  2828.  
  2829.  
  2830.  
  2831.  
  2832.  
  2833. <div id="Index" class="Muse; navi; page;" style="display:block">
  2834.  
  2835. </div id="Index" class="Muse; navi; page;">
  2836.  
  2837.  
  2838.  
  2839.  
  2840.  
  2841.  
  2842.  
  2843.  
  2844.  
  2845.  
  2846.  
  2847.  
  2848.  
  2849.  
  2850.  
  2851. <!-- NAVIGATIONAL LIST LINKS -->
  2852.  
  2853. <div id="Muses" class="muse" style="display:none;">
  2854.  
  2855.  
  2856. <div class="nlist">
  2857. <div class="nlinks">
  2858.  
  2859.  
  2860. <!-- COPY/PASTE THESE IF YOU WANT MORE LINKS -->
  2861.  
  2862. <div class="nlinksbutton" style="color:{color:links}!important; text-shadow: 0px 0px 1px {color:links};">
  2863. Scroll to see more muses!</div>
  2864.  
  2865. <li onclick="openPage('Castiel')">
  2866. Castiel
  2867. </li>
  2868.  
  2869. <li onclick="openPage('Connor')">
  2870. Connor
  2871. </li>
  2872.  
  2873.  
  2874. <li onclick="openPage('Mulder')">
  2875. Fox Mulder
  2876. </li>
  2877.  
  2878.  
  2879. <li onclick="openPage('Sam')">
  2880. Sam Winchester
  2881. </li>
  2882.  
  2883.  
  2884. <li onclick="openPage('Merlin')">
  2885. Merlin
  2886. </li>
  2887.  
  2888.  
  2889. <li onclick="openPage('Aramis')">
  2890. Aramis
  2891. </li>
  2892.  
  2893.  
  2894. <li onclick="openPage('Clint)">
  2895. Clint Barton
  2896. </li>
  2897.  
  2898.  
  2899. <li onclick="openPage('Matt')">
  2900. Matt Murdock
  2901. </li>
  2902.  
  2903.  
  2904.  
  2905. <!-- / COPY/PASTE THESE IF YOU WANT MORE LINKS -->
  2906.  
  2907.  
  2908.  
  2909. </div class="nlinks">
  2910. </div class="nlist">
  2911.  
  2912. </div id="Muses" class="muse">
  2913.  
  2914.  
  2915.  
  2916.  
  2917.  
  2918.  
  2919.  
  2920.  
  2921.  
  2922.  
  2923. <!-- NAVIGATIONAL LIST LINKS -->
  2924.  
  2925. <div id="Navigation" class="muse" style="display:none;">
  2926.  
  2927.  
  2928. <div class="nlist">
  2929. <div class="nlinks">
  2930.  
  2931.  
  2932.  
  2933. <!-- COPY/PASTE THESE IF YOU WANT MORE LINKS -->
  2934.  
  2935. <div class="nlinksbutton" style="color:{color:links}!important; text-shadow: 0px 0px 1px {color:links};">
  2936. Scroll to see more pages!
  2937. </div>
  2938.  
  2939. <li onclick="openPage('Inquiries')">
  2940. Askbox / Inquiries
  2941. </li>
  2942.  
  2943.  
  2944. <li onclick="openPage('Guidelines')">
  2945. Guidelines / Regulations
  2946. </li>
  2947.  
  2948.  
  2949. <li onclick="openPage('Tags')">
  2950. General Navigation / Tags
  2951. </li>
  2952.  
  2953.  
  2954. <!-- / COPY/PASTE THESE IF YOU WANT MORE LINKS -->
  2955.  
  2956.  
  2957.  
  2958. </div class="nlinks">
  2959. </div class="nlist">
  2960.  
  2961. </div id="Navigation" class="muse">
  2962.  
  2963.  
  2964.  
  2965.  
  2966.  
  2967.  
  2968.  
  2969.  
  2970.  
  2971.  
  2972.  
  2973.  
  2974.  
  2975.  
  2976.  
  2977.  
  2978.  
  2979.  
  2980. <!-- PAGE: INQUIRIES -->
  2981.  
  2982. <div id="Inquiries" class="page" style="display:none;">
  2983. <div id="pagecontainer">
  2984. <div id="pagecontent">
  2985.  
  2986.  
  2987. <div class="pagenavi">
  2988. <div class="dropdown">
  2989.  
  2990. <button onclick="myFunction()" class="dropbtn">
  2991. Inquiries / Askbox / Curiosities</button>
  2992.  
  2993. </div class="dropdown">
  2994. </div class="pagenavi">
  2995.  
  2996.  
  2997. <!-- TAB ONE -->
  2998.  
  2999.  
  3000. <div class="pageinfo">
  3001.  
  3002. <iframe frameborder="0" scrolling="yes" width="161px" height="200px" src="https://www.tumblr.com/ask_form/sicsemper.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>
  3003.  
  3004. </div class="pageinfo">
  3005. </div id="pagecontent">
  3006.  
  3007. <img class="pageimg1" src="https://static.tumblr.com/ibha82r/Riqqb7czk/side11.png"/>
  3008.  
  3009.  
  3010. </div id="pagecontainer">
  3011.  
  3012.  
  3013. </div id="Inquiries" class="page">
  3014.  
  3015.  
  3016.  
  3017.  
  3018.  
  3019.  
  3020.  
  3021.  
  3022.  
  3023.  
  3024.  
  3025.  
  3026.  
  3027.  
  3028.  
  3029.  
  3030.  
  3031.  
  3032.  
  3033.  
  3034. <!-- PAGE: GUIDELINES -->
  3035.  
  3036. <div id="Guidelines" class="page" style="display:none;">
  3037. <div id="pagecontainer">
  3038. <div id="pagecontent">
  3039.  
  3040.  
  3041. <div class="pagenavi" style="margin-left:-25px;">
  3042. <div class="dropdown">
  3043.  
  3044. <button onclick="myFunction()" class="dropbtn">
  3045. Guidelines / Regulations</button>
  3046.  
  3047. </div class="dropdown">
  3048. </div class="pagenavi">
  3049.  
  3050.  
  3051. <!-- TAB ONE -->
  3052.  
  3053.  
  3054. <div class="pageinfo">
  3055.  
  3056. <h4>Header one</h4>
  3057.  
  3058. Morbi vestibulum, tellus eu egestas maximus, ipsum odio mollis ligula, eu fringilla ex massa in nibh. Maecenas fringilla et augue ac sagittis. Nam eget tellus blandit, porta lacus ac, ultrices lacus. Vestibulum eget lobortis enim, vitae vulputate est. Nulla facilisi. Suspendisse orci justo, euismod et dapibus id, consequat a lorem. Aenean luctus laoreet risus quis euismod. Sed erat arcu, varius id elementum hendrerit, aliquam sed augue. Aenean nec congue ante, quis tincidunt tellus. Aenean interdum, metus at pellentesque mattis, tellus lectus porta lorem, quis scelerisque erat enim vitae lorem. Vestibulum sed nisi in sem sagittis venenatis. Ut blandit ex risus, sed molestie augue pretium in.
  3059.  
  3060.  
  3061. <h4>Header two</h4>
  3062.  
  3063. Suspendisse magna nunc, feugiat eu bibendum quis, posuere sed orci. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam non erat eros. Vivamus ullamcorper tincidunt ante sit amet sollicitudin. Donec odio mi, rhoncus sed purus nec, tempus suscipit ligula. Etiam convallis urna non elit suscipit efficitur eu id ante. Nullam ultricies sem mattis, ultricies lectus non, porta ipsum. Duis vulputate nunc quis purus consequat sollicitudin.
  3064.  
  3065.  
  3066. </div class="pageinfo">
  3067. </div id="pagecontent">
  3068.  
  3069.  
  3070. </div id="pagecontainer">
  3071. </div id="Guidelines" class="page">
  3072.  
  3073.  
  3074.  
  3075.  
  3076.  
  3077.  
  3078.  
  3079.  
  3080.  
  3081.  
  3082.  
  3083.  
  3084.  
  3085.  
  3086.  
  3087.  
  3088. <!-- PAGE: TAGS -->
  3089.  
  3090. <div id="Tags" class="page" style="display:none;">
  3091. <div id="pagecontainer">
  3092. <div id="pagecontent">
  3093.  
  3094. <div class="pagenavi" style="margin-left:-25px;">
  3095. <div class="dropdown">
  3096.  
  3097. <button onclick="myFunction()" class="dropbtn">
  3098. Guidelines / Regulations</button>
  3099.  
  3100. </div class="dropdown">
  3101. </div class="pagenavi">
  3102.  
  3103.  
  3104. <!-- TAB ONE -->
  3105.  
  3106.  
  3107. <div class="pageinfo">
  3108.  
  3109. <div class="pagelinks">
  3110.  
  3111. <h4>General / Informative</h4>
  3112.  
  3113.  
  3114. <a href="URL HERE">
  3115. Link
  3116. </a>
  3117.  
  3118. <a href="URL HERE">
  3119. Link
  3120. </a>
  3121.  
  3122. <a href="URL HERE">
  3123. Link
  3124. </a>
  3125.  
  3126. <a href="URL HERE">
  3127. Link
  3128. </a>
  3129.  
  3130.  
  3131. <h4>General / Informative</h4>
  3132.  
  3133. <a href="URL HERE">
  3134. Link
  3135. </a>
  3136.  
  3137. <a href="URL HERE">
  3138. Link
  3139. </a>
  3140.  
  3141. <a href="URL HERE">
  3142. Link
  3143. </a>
  3144.  
  3145. <a href="URL HERE">
  3146. Link
  3147. </a>
  3148.  
  3149. <a href="URL HERE">
  3150. Link
  3151. </a>
  3152.  
  3153. <a href="URL HERE">
  3154. Link
  3155. </a>
  3156.  
  3157. </div class="pagelinks">
  3158. </div class="pageinfo">
  3159. </div id="pagecontent">
  3160.  
  3161.  
  3162. </div id="pagecontainer">
  3163. </div id="Tags" class="page">
  3164.  
  3165.  
  3166.  
  3167.  
  3168.  
  3169.  
  3170.  
  3171.  
  3172.  
  3173.  
  3174.  
  3175.  
  3176.  
  3177.  
  3178.  
  3179.  
  3180. <!-- PAGE: CASTIEL -->
  3181.  
  3182.  
  3183. <div id="Castiel" class="page" style="display:none;">
  3184. <div id="pagecontainer">
  3185. <div id="pagecontent">
  3186.  
  3187.  
  3188. <div class="pagenavi">
  3189. <div class="dropdown">
  3190.  
  3191. <button onclick="myFunction()" class="dropbtn">
  3192. Click for extra pages!
  3193. </button>
  3194. <div id="myDropdown" class="dropdown-content">
  3195.  
  3196. <ul id="tabs">
  3197. <li style="text-align:left;" autofocus>Information</li>
  3198. <li style="text-align:right;">Navigation</li>
  3199.  
  3200. </ul id="tabs">
  3201.  
  3202. </div id="myDropdown" class="dropdown-content">
  3203.  
  3204. </div class="dropdown">
  3205. </div class="pagenavi">
  3206.  
  3207.  
  3208. <!-- TAB ONE -->
  3209.  
  3210.  
  3211. <ul id="tab"><li class="active">
  3212.  
  3213. <div class="pageinfo">
  3214.  
  3215. <h4>Header one</h4>
  3216.  
  3217. Morbi vestibulum, tellus eu egestas maximus, ipsum odio mollis ligula, eu fringilla ex massa in nibh. Maecenas fringilla et augue ac sagittis. Nam eget tellus blandit, porta lacus ac, ultrices lacus. Vestibulum eget lobortis enim, vitae vulputate est. Nulla facilisi. Suspendisse orci justo, euismod et dapibus id, consequat a lorem. Aenean luctus laoreet risus quis euismod. Sed erat arcu, varius id elementum hendrerit, aliquam sed augue. Aenean nec congue ante, quis tincidunt tellus. Aenean interdum, metus at pellentesque mattis, tellus lectus porta lorem, quis scelerisque erat enim vitae lorem. Vestibulum sed nisi in sem sagittis venenatis. Ut blandit ex risus, sed molestie augue pretium in.
  3218.  
  3219.  
  3220. <h4>Header two</h4>
  3221.  
  3222. Suspendisse magna nunc, feugiat eu bibendum quis, posuere sed orci. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam non erat eros. Vivamus ullamcorper tincidunt ante sit amet sollicitudin. Donec odio mi, rhoncus sed purus nec, tempus suscipit ligula. Etiam convallis urna non elit suscipit efficitur eu id ante. Nullam ultricies sem mattis, ultricies lectus non, porta ipsum. Duis vulputate nunc quis purus consequat sollicitudin.
  3223.  
  3224.  
  3225. </div class="pageinfo">
  3226.  
  3227. </li>
  3228. <li>
  3229.  
  3230. <div class="pageinfo">
  3231. <div class="pagelinks">
  3232.  
  3233.  
  3234. <h4>General / Informative</h4>
  3235.  
  3236.  
  3237. <a href="URL HERE">
  3238. Link
  3239. </a>
  3240.  
  3241. <a href="URL HERE">
  3242. Link
  3243. </a>
  3244.  
  3245. <a href="URL HERE">
  3246. Link
  3247. </a>
  3248.  
  3249. <a href="URL HERE">
  3250. Link
  3251. </a>
  3252.  
  3253.  
  3254. <h4>General / Informative</h4>
  3255.  
  3256. <a href="URL HERE">
  3257. Link
  3258. </a>
  3259.  
  3260. <a href="URL HERE">
  3261. Link
  3262. </a>
  3263.  
  3264. <a href="URL HERE">
  3265. Link
  3266. </a>
  3267.  
  3268. <a href="URL HERE">
  3269. Link
  3270. </a>
  3271.  
  3272. <a href="URL HERE">
  3273. Link
  3274. </a>
  3275.  
  3276. <a href="URL HERE">
  3277. Link
  3278. </a>
  3279.  
  3280.  
  3281.  
  3282. </div class="pagelinks">
  3283. </div class="pageinfo">
  3284.  
  3285. </li>
  3286. </ul>
  3287.  
  3288.  
  3289. </div id="pagecontent">
  3290.  
  3291. </div id="pagecontainer">
  3292. </div id="Castiel" class="page">
  3293.  
  3294.  
  3295.  
  3296.  
  3297.  
  3298.  
  3299.  
  3300.  
  3301.  
  3302.  
  3303.  
  3304.  
  3305.  
  3306.  
  3307.  
  3308. <!-- PAGE: CONNOR -->
  3309.  
  3310.  
  3311. <div id="Connor" class="page" style="display:none;">
  3312. <div id="pagecontainer">
  3313. <div id="pagecontent">
  3314.  
  3315.  
  3316. <div class="pagenavi">
  3317. <div class="dropdown">
  3318.  
  3319. <button onclick="myFunction()" class="dropbtn">
  3320. Click for extra pages!
  3321. </button>
  3322. <div id="myDropdown" class="dropdown-content">
  3323.  
  3324. <ul id="tabs">
  3325. <li style="text-align:left;" autofocus>Information</li>
  3326. <li style="text-align:right;">Navigation</li>
  3327.  
  3328. </ul id="tabs">
  3329.  
  3330. </div id="myDropdown" class="dropdown-content">
  3331.  
  3332. </div class="dropdown">
  3333. </div class="pagenavi">
  3334.  
  3335.  
  3336. <!-- TAB ONE -->
  3337.  
  3338.  
  3339. <ul id="tab"><li class="active">
  3340.  
  3341. <div class="pageinfo">
  3342.  
  3343. <h4>Header one</h4>
  3344.  
  3345. Morbi vestibulum, tellus eu egestas maximus, ipsum odio mollis ligula, eu fringilla ex massa in nibh. Maecenas fringilla et augue ac sagittis. Nam eget tellus blandit, porta lacus ac, ultrices lacus. Vestibulum eget lobortis enim, vitae vulputate est. Nulla facilisi. Suspendisse orci justo, euismod et dapibus id, consequat a lorem. Aenean luctus laoreet risus quis euismod. Sed erat arcu, varius id elementum hendrerit, aliquam sed augue. Aenean nec congue ante, quis tincidunt tellus. Aenean interdum, metus at pellentesque mattis, tellus lectus porta lorem, quis scelerisque erat enim vitae lorem. Vestibulum sed nisi in sem sagittis venenatis. Ut blandit ex risus, sed molestie augue pretium in.
  3346.  
  3347.  
  3348. <h4>Header two</h4>
  3349.  
  3350. Suspendisse magna nunc, feugiat eu bibendum quis, posuere sed orci. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam non erat eros. Vivamus ullamcorper tincidunt ante sit amet sollicitudin. Donec odio mi, rhoncus sed purus nec, tempus suscipit ligula. Etiam convallis urna non elit suscipit efficitur eu id ante. Nullam ultricies sem mattis, ultricies lectus non, porta ipsum. Duis vulputate nunc quis purus consequat sollicitudin.
  3351.  
  3352.  
  3353. </div class="pageinfo">
  3354.  
  3355. </li>
  3356. <li>
  3357.  
  3358. <div class="pageinfo">
  3359. <div class="pagelinks">
  3360.  
  3361.  
  3362. <h4>General / Informative</h4>
  3363.  
  3364.  
  3365. <a href="URL HERE">
  3366. Link
  3367. </a>
  3368.  
  3369. <a href="URL HERE">
  3370. Link
  3371. </a>
  3372.  
  3373. <a href="URL HERE">
  3374. Link
  3375. </a>
  3376.  
  3377. <a href="URL HERE">
  3378. Link
  3379. </a>
  3380.  
  3381.  
  3382. <h4>General / Informative</h4>
  3383.  
  3384. <a href="URL HERE">
  3385. Link
  3386. </a>
  3387.  
  3388. <a href="URL HERE">
  3389. Link
  3390. </a>
  3391.  
  3392. <a href="URL HERE">
  3393. Link
  3394. </a>
  3395.  
  3396. <a href="URL HERE">
  3397. Link
  3398. </a>
  3399.  
  3400. <a href="URL HERE">
  3401. Link
  3402. </a>
  3403.  
  3404. <a href="URL HERE">
  3405. Link
  3406. </a>
  3407.  
  3408.  
  3409.  
  3410. </div class="pagelinks">
  3411. </div class="pageinfo">
  3412.  
  3413. </li>
  3414. </ul>
  3415.  
  3416.  
  3417. </div id="pagecontent">
  3418.  
  3419. </div id="pagecontainer">
  3420. </div id="Connor" class="page">
  3421.  
  3422.  
  3423.  
  3424.  
  3425.  
  3426.  
  3427.  
  3428.  
  3429.  
  3430.  
  3431.  
  3432.  
  3433.  
  3434.  
  3435.  
  3436.  
  3437.  
  3438. <!-- PAGE: MULDER -->
  3439.  
  3440.  
  3441. <div id="Mulder" class="page" style="display:none;">
  3442. <div id="pagecontainer">
  3443. <div id="pagecontent">
  3444.  
  3445.  
  3446. <div class="pagenavi">
  3447. <div class="dropdown">
  3448.  
  3449. <button onclick="myFunction()" class="dropbtn">
  3450. Click for extra pages!
  3451. </button>
  3452. <div id="myDropdown" class="dropdown-content">
  3453.  
  3454. <ul id="tabs">
  3455. <li style="text-align:left;" autofocus>Information</li>
  3456. <li style="text-align:right;">Navigation</li>
  3457.  
  3458. </ul id="tabs">
  3459.  
  3460. </div id="myDropdown" class="dropdown-content">
  3461.  
  3462. </div class="dropdown">
  3463. </div class="pagenavi">
  3464.  
  3465.  
  3466. <!-- TAB ONE -->
  3467.  
  3468.  
  3469. <ul id="tab"><li class="active">
  3470.  
  3471. <div class="pageinfo">
  3472.  
  3473. <h4>Header one</h4>
  3474.  
  3475. Morbi vestibulum, tellus eu egestas maximus, ipsum odio mollis ligula, eu fringilla ex massa in nibh. Maecenas fringilla et augue ac sagittis. Nam eget tellus blandit, porta lacus ac, ultrices lacus. Vestibulum eget lobortis enim, vitae vulputate est. Nulla facilisi. Suspendisse orci justo, euismod et dapibus id, consequat a lorem. Aenean luctus laoreet risus quis euismod. Sed erat arcu, varius id elementum hendrerit, aliquam sed augue. Aenean nec congue ante, quis tincidunt tellus. Aenean interdum, metus at pellentesque mattis, tellus lectus porta lorem, quis scelerisque erat enim vitae lorem. Vestibulum sed nisi in sem sagittis venenatis. Ut blandit ex risus, sed molestie augue pretium in.
  3476.  
  3477.  
  3478. <h4>Header two</h4>
  3479.  
  3480. Suspendisse magna nunc, feugiat eu bibendum quis, posuere sed orci. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam non erat eros. Vivamus ullamcorper tincidunt ante sit amet sollicitudin. Donec odio mi, rhoncus sed purus nec, tempus suscipit ligula. Etiam convallis urna non elit suscipit efficitur eu id ante. Nullam ultricies sem mattis, ultricies lectus non, porta ipsum. Duis vulputate nunc quis purus consequat sollicitudin.
  3481.  
  3482.  
  3483. </div class="pageinfo">
  3484.  
  3485. </li>
  3486. <li>
  3487.  
  3488. <div class="pageinfo">
  3489. <div class="pagelinks">
  3490.  
  3491.  
  3492. <h4>General / Informative</h4>
  3493.  
  3494.  
  3495. <a href="URL HERE">
  3496. Link
  3497. </a>
  3498.  
  3499. <a href="URL HERE">
  3500. Link
  3501. </a>
  3502.  
  3503. <a href="URL HERE">
  3504. Link
  3505. </a>
  3506.  
  3507. <a href="URL HERE">
  3508. Link
  3509. </a>
  3510.  
  3511.  
  3512. <h4>General / Informative</h4>
  3513.  
  3514. <a href="URL HERE">
  3515. Link
  3516. </a>
  3517.  
  3518. <a href="URL HERE">
  3519. Link
  3520. </a>
  3521.  
  3522. <a href="URL HERE">
  3523. Link
  3524. </a>
  3525.  
  3526. <a href="URL HERE">
  3527. Link
  3528. </a>
  3529.  
  3530. <a href="URL HERE">
  3531. Link
  3532. </a>
  3533.  
  3534. <a href="URL HERE">
  3535. Link
  3536. </a>
  3537.  
  3538.  
  3539.  
  3540. </div class="pagelinks">
  3541. </div class="pageinfo">
  3542.  
  3543. </li>
  3544. </ul>
  3545.  
  3546.  
  3547. </div id="pagecontent">
  3548.  
  3549. </div id="pagecontainer">
  3550. </div id="Mulder" class="page">
  3551.  
  3552.  
  3553.  
  3554.  
  3555.  
  3556.  
  3557.  
  3558.  
  3559.  
  3560.  
  3561.  
  3562.  
  3563.  
  3564.  
  3565.  
  3566.  
  3567.  
  3568. <!-- PAGE: SAM -->
  3569.  
  3570.  
  3571. <div id="Sam" class="page" style="display:none;">
  3572. <div id="pagecontainer">
  3573. <div id="pagecontent">
  3574.  
  3575.  
  3576. <div class="pagenavi">
  3577. <div class="dropdown">
  3578.  
  3579. <button onclick="myFunction()" class="dropbtn">
  3580. Click for extra pages!
  3581. </button>
  3582. <div id="myDropdown" class="dropdown-content">
  3583.  
  3584. <ul id="tabs">
  3585. <li style="text-align:left;" autofocus>Information</li>
  3586. <li style="text-align:right;">Navigation</li>
  3587.  
  3588. </ul id="tabs">
  3589.  
  3590. </div id="myDropdown" class="dropdown-content">
  3591.  
  3592. </div class="dropdown">
  3593. </div class="pagenavi">
  3594.  
  3595.  
  3596. <!-- TAB ONE -->
  3597.  
  3598.  
  3599. <ul id="tab"><li class="active">
  3600.  
  3601. <div class="pageinfo">
  3602.  
  3603. <h4>Header one</h4>
  3604.  
  3605. Morbi vestibulum, tellus eu egestas maximus, ipsum odio mollis ligula, eu fringilla ex massa in nibh. Maecenas fringilla et augue ac sagittis. Nam eget tellus blandit, porta lacus ac, ultrices lacus. Vestibulum eget lobortis enim, vitae vulputate est. Nulla facilisi. Suspendisse orci justo, euismod et dapibus id, consequat a lorem. Aenean luctus laoreet risus quis euismod. Sed erat arcu, varius id elementum hendrerit, aliquam sed augue. Aenean nec congue ante, quis tincidunt tellus. Aenean interdum, metus at pellentesque mattis, tellus lectus porta lorem, quis scelerisque erat enim vitae lorem. Vestibulum sed nisi in sem sagittis venenatis. Ut blandit ex risus, sed molestie augue pretium in.
  3606.  
  3607.  
  3608. <h4>Header two</h4>
  3609.  
  3610. Suspendisse magna nunc, feugiat eu bibendum quis, posuere sed orci. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam non erat eros. Vivamus ullamcorper tincidunt ante sit amet sollicitudin. Donec odio mi, rhoncus sed purus nec, tempus suscipit ligula. Etiam convallis urna non elit suscipit efficitur eu id ante. Nullam ultricies sem mattis, ultricies lectus non, porta ipsum. Duis vulputate nunc quis purus consequat sollicitudin.
  3611.  
  3612.  
  3613. </div class="pageinfo">
  3614.  
  3615. </li>
  3616. <li>
  3617.  
  3618. <div class="pageinfo">
  3619. <div class="pagelinks">
  3620.  
  3621.  
  3622. <h4>General / Informative</h4>
  3623.  
  3624.  
  3625. <a href="URL HERE">
  3626. Link
  3627. </a>
  3628.  
  3629. <a href="URL HERE">
  3630. Link
  3631. </a>
  3632.  
  3633. <a href="URL HERE">
  3634. Link
  3635. </a>
  3636.  
  3637. <a href="URL HERE">
  3638. Link
  3639. </a>
  3640.  
  3641.  
  3642. <h4>General / Informative</h4>
  3643.  
  3644. <a href="URL HERE">
  3645. Link
  3646. </a>
  3647.  
  3648. <a href="URL HERE">
  3649. Link
  3650. </a>
  3651.  
  3652. <a href="URL HERE">
  3653. Link
  3654. </a>
  3655.  
  3656. <a href="URL HERE">
  3657. Link
  3658. </a>
  3659.  
  3660. <a href="URL HERE">
  3661. Link
  3662. </a>
  3663.  
  3664. <a href="URL HERE">
  3665. Link
  3666. </a>
  3667.  
  3668.  
  3669.  
  3670. </div class="pagelinks">
  3671. </div class="pageinfo">
  3672.  
  3673. </li>
  3674. </ul>
  3675.  
  3676.  
  3677. </div id="pagecontent">
  3678.  
  3679. </div id="pagecontainer">
  3680. </div id="Sam" class="page">
  3681.  
  3682.  
  3683.  
  3684.  
  3685.  
  3686.  
  3687.  
  3688.  
  3689.  
  3690.  
  3691.  
  3692.  
  3693.  
  3694.  
  3695. <!-- PAGE: MERLIN -->
  3696.  
  3697.  
  3698. <div id="Merlin" class="page" style="display:none;">
  3699. <div id="pagecontainer">
  3700. <div id="pagecontent">
  3701.  
  3702.  
  3703. <div class="pagenavi">
  3704. <div class="dropdown">
  3705.  
  3706. <button onclick="myFunction()" class="dropbtn">
  3707. Click for extra pages!
  3708. </button>
  3709. <div id="myDropdown" class="dropdown-content">
  3710.  
  3711. <ul id="tabs">
  3712. <li style="text-align:left;" autofocus>Information</li>
  3713. <li style="text-align:right;">Navigation</li>
  3714.  
  3715. </ul id="tabs">
  3716.  
  3717. </div id="myDropdown" class="dropdown-content">
  3718.  
  3719. </div class="dropdown">
  3720. </div class="pagenavi">
  3721.  
  3722.  
  3723. <!-- TAB ONE -->
  3724.  
  3725.  
  3726. <ul id="tab"><li class="active">
  3727.  
  3728. <div class="pageinfo">
  3729.  
  3730. <h4>Header one</h4>
  3731.  
  3732. Morbi vestibulum, tellus eu egestas maximus, ipsum odio mollis ligula, eu fringilla ex massa in nibh. Maecenas fringilla et augue ac sagittis. Nam eget tellus blandit, porta lacus ac, ultrices lacus. Vestibulum eget lobortis enim, vitae vulputate est. Nulla facilisi. Suspendisse orci justo, euismod et dapibus id, consequat a lorem. Aenean luctus laoreet risus quis euismod. Sed erat arcu, varius id elementum hendrerit, aliquam sed augue. Aenean nec congue ante, quis tincidunt tellus. Aenean interdum, metus at pellentesque mattis, tellus lectus porta lorem, quis scelerisque erat enim vitae lorem. Vestibulum sed nisi in sem sagittis venenatis. Ut blandit ex risus, sed molestie augue pretium in.
  3733.  
  3734.  
  3735. <h4>Header two</h4>
  3736.  
  3737. Suspendisse magna nunc, feugiat eu bibendum quis, posuere sed orci. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam non erat eros. Vivamus ullamcorper tincidunt ante sit amet sollicitudin. Donec odio mi, rhoncus sed purus nec, tempus suscipit ligula. Etiam convallis urna non elit suscipit efficitur eu id ante. Nullam ultricies sem mattis, ultricies lectus non, porta ipsum. Duis vulputate nunc quis purus consequat sollicitudin.
  3738.  
  3739.  
  3740. </div class="pageinfo">
  3741.  
  3742. </li>
  3743. <li>
  3744.  
  3745. <div class="pageinfo">
  3746. <div class="pagelinks">
  3747.  
  3748.  
  3749. <h4>General / Informative</h4>
  3750.  
  3751.  
  3752. <a href="URL HERE">
  3753. Link
  3754. </a>
  3755.  
  3756. <a href="URL HERE">
  3757. Link
  3758. </a>
  3759.  
  3760. <a href="URL HERE">
  3761. Link
  3762. </a>
  3763.  
  3764. <a href="URL HERE">
  3765. Link
  3766. </a>
  3767.  
  3768.  
  3769. <h4>General / Informative</h4>
  3770.  
  3771. <a href="URL HERE">
  3772. Link
  3773. </a>
  3774.  
  3775. <a href="URL HERE">
  3776. Link
  3777. </a>
  3778.  
  3779. <a href="URL HERE">
  3780. Link
  3781. </a>
  3782.  
  3783. <a href="URL HERE">
  3784. Link
  3785. </a>
  3786.  
  3787. <a href="URL HERE">
  3788. Link
  3789. </a>
  3790.  
  3791. <a href="URL HERE">
  3792. Link
  3793. </a>
  3794.  
  3795.  
  3796.  
  3797. </div class="pagelinks">
  3798. </div class="pageinfo">
  3799.  
  3800. </li>
  3801. </ul>
  3802.  
  3803.  
  3804. </div id="pagecontent">
  3805.  
  3806. </div id="pagecontainer">
  3807. </div id="Merlin" class="page">
  3808.  
  3809.  
  3810.  
  3811.  
  3812.  
  3813.  
  3814.  
  3815.  
  3816.  
  3817.  
  3818.  
  3819.  
  3820.  
  3821.  
  3822.  
  3823.  
  3824.  
  3825.  
  3826. <!-- PAGE: ARAMIS -->
  3827.  
  3828.  
  3829. <div id="Aramis" class="page" style="display:none;">
  3830. <div id="pagecontainer">
  3831. <div id="pagecontent">
  3832.  
  3833.  
  3834. <div class="pagenavi">
  3835. <div class="dropdown">
  3836.  
  3837. <button onclick="myFunction()" class="dropbtn">
  3838. Click for extra pages!
  3839. </button>
  3840. <div id="myDropdown" class="dropdown-content">
  3841.  
  3842. <ul id="tabs">
  3843. <li style="text-align:left;" autofocus>Information</li>
  3844. <li style="text-align:right;">Navigation</li>
  3845.  
  3846. </ul id="tabs">
  3847.  
  3848. </div id="myDropdown" class="dropdown-content">
  3849.  
  3850. </div class="dropdown">
  3851. </div class="pagenavi">
  3852.  
  3853.  
  3854. <!-- TAB ONE -->
  3855.  
  3856.  
  3857. <ul id="tab"><li class="active">
  3858.  
  3859. <div class="pageinfo">
  3860.  
  3861. <h4>Header one</h4>
  3862.  
  3863. Morbi vestibulum, tellus eu egestas maximus, ipsum odio mollis ligula, eu fringilla ex massa in nibh. Maecenas fringilla et augue ac sagittis. Nam eget tellus blandit, porta lacus ac, ultrices lacus. Vestibulum eget lobortis enim, vitae vulputate est. Nulla facilisi. Suspendisse orci justo, euismod et dapibus id, consequat a lorem. Aenean luctus laoreet risus quis euismod. Sed erat arcu, varius id elementum hendrerit, aliquam sed augue. Aenean nec congue ante, quis tincidunt tellus. Aenean interdum, metus at pellentesque mattis, tellus lectus porta lorem, quis scelerisque erat enim vitae lorem. Vestibulum sed nisi in sem sagittis venenatis. Ut blandit ex risus, sed molestie augue pretium in.
  3864.  
  3865.  
  3866. <h4>Header two</h4>
  3867.  
  3868. Suspendisse magna nunc, feugiat eu bibendum quis, posuere sed orci. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam non erat eros. Vivamus ullamcorper tincidunt ante sit amet sollicitudin. Donec odio mi, rhoncus sed purus nec, tempus suscipit ligula. Etiam convallis urna non elit suscipit efficitur eu id ante. Nullam ultricies sem mattis, ultricies lectus non, porta ipsum. Duis vulputate nunc quis purus consequat sollicitudin.
  3869.  
  3870.  
  3871. </div class="pageinfo">
  3872.  
  3873. </li>
  3874. <li>
  3875.  
  3876. <div class="pageinfo">
  3877. <div class="pagelinks">
  3878.  
  3879.  
  3880. <h4>General / Informative</h4>
  3881.  
  3882.  
  3883. <a href="URL HERE">
  3884. Link
  3885. </a>
  3886.  
  3887. <a href="URL HERE">
  3888. Link
  3889. </a>
  3890.  
  3891. <a href="URL HERE">
  3892. Link
  3893. </a>
  3894.  
  3895. <a href="URL HERE">
  3896. Link
  3897. </a>
  3898.  
  3899.  
  3900. <h4>General / Informative</h4>
  3901.  
  3902. <a href="URL HERE">
  3903. Link
  3904. </a>
  3905.  
  3906. <a href="URL HERE">
  3907. Link
  3908. </a>
  3909.  
  3910. <a href="URL HERE">
  3911. Link
  3912. </a>
  3913.  
  3914. <a href="URL HERE">
  3915. Link
  3916. </a>
  3917.  
  3918. <a href="URL HERE">
  3919. Link
  3920. </a>
  3921.  
  3922. <a href="URL HERE">
  3923. Link
  3924. </a>
  3925.  
  3926.  
  3927.  
  3928. </div class="pagelinks">
  3929. </div class="pageinfo">
  3930.  
  3931. </li>
  3932. </ul>
  3933.  
  3934.  
  3935. </div id="pagecontent">
  3936.  
  3937. </div id="pagecontainer">
  3938. </div id="Aramis" class="page">
  3939.  
  3940.  
  3941.  
  3942.  
  3943.  
  3944.  
  3945.  
  3946.  
  3947.  
  3948.  
  3949.  
  3950.  
  3951.  
  3952.  
  3953.  
  3954.  
  3955. <!-- PAGE: CLINT -->
  3956.  
  3957.  
  3958. <div id="Clint" class="page" style="display:none;">
  3959. <div id="pagecontainer">
  3960. <div id="pagecontent">
  3961.  
  3962.  
  3963. <div class="pagenavi">
  3964. <div class="dropdown">
  3965.  
  3966. <button onclick="myFunction()" class="dropbtn">
  3967. Click for extra pages!
  3968. </button>
  3969. <div id="myDropdown" class="dropdown-content">
  3970.  
  3971. <ul id="tabs">
  3972. <li style="text-align:left;" autofocus>Information</li>
  3973. <li style="text-align:right;">Navigation</li>
  3974.  
  3975. </ul id="tabs">
  3976.  
  3977. </div id="myDropdown" class="dropdown-content">
  3978.  
  3979. </div class="dropdown">
  3980. </div class="pagenavi">
  3981.  
  3982.  
  3983. <!-- TAB ONE -->
  3984.  
  3985.  
  3986. <ul id="tab"><li class="active">
  3987.  
  3988. <div class="pageinfo">
  3989.  
  3990. <h4>Header one</h4>
  3991.  
  3992. Morbi vestibulum, tellus eu egestas maximus, ipsum odio mollis ligula, eu fringilla ex massa in nibh. Maecenas fringilla et augue ac sagittis. Nam eget tellus blandit, porta lacus ac, ultrices lacus. Vestibulum eget lobortis enim, vitae vulputate est. Nulla facilisi. Suspendisse orci justo, euismod et dapibus id, consequat a lorem. Aenean luctus laoreet risus quis euismod. Sed erat arcu, varius id elementum hendrerit, aliquam sed augue. Aenean nec congue ante, quis tincidunt tellus. Aenean interdum, metus at pellentesque mattis, tellus lectus porta lorem, quis scelerisque erat enim vitae lorem. Vestibulum sed nisi in sem sagittis venenatis. Ut blandit ex risus, sed molestie augue pretium in.
  3993.  
  3994.  
  3995. <h4>Header two</h4>
  3996.  
  3997. Suspendisse magna nunc, feugiat eu bibendum quis, posuere sed orci. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam non erat eros. Vivamus ullamcorper tincidunt ante sit amet sollicitudin. Donec odio mi, rhoncus sed purus nec, tempus suscipit ligula. Etiam convallis urna non elit suscipit efficitur eu id ante. Nullam ultricies sem mattis, ultricies lectus non, porta ipsum. Duis vulputate nunc quis purus consequat sollicitudin.
  3998.  
  3999.  
  4000. </div class="pageinfo">
  4001.  
  4002. </li>
  4003. <li>
  4004.  
  4005. <div class="pageinfo">
  4006. <div class="pagelinks">
  4007.  
  4008.  
  4009. <h4>General / Informative</h4>
  4010.  
  4011.  
  4012. <a href="URL HERE">
  4013. Link
  4014. </a>
  4015.  
  4016. <a href="URL HERE">
  4017. Link
  4018. </a>
  4019.  
  4020. <a href="URL HERE">
  4021. Link
  4022. </a>
  4023.  
  4024. <a href="URL HERE">
  4025. Link
  4026. </a>
  4027.  
  4028.  
  4029. <h4>General / Informative</h4>
  4030.  
  4031. <a href="URL HERE">
  4032. Link
  4033. </a>
  4034.  
  4035. <a href="URL HERE">
  4036. Link
  4037. </a>
  4038.  
  4039. <a href="URL HERE">
  4040. Link
  4041. </a>
  4042.  
  4043. <a href="URL HERE">
  4044. Link
  4045. </a>
  4046.  
  4047. <a href="URL HERE">
  4048. Link
  4049. </a>
  4050.  
  4051. <a href="URL HERE">
  4052. Link
  4053. </a>
  4054.  
  4055.  
  4056.  
  4057. </div class="pagelinks">
  4058. </div class="pageinfo">
  4059.  
  4060. </li>
  4061. </ul>
  4062.  
  4063.  
  4064. </div id="pagecontent">
  4065.  
  4066. </div id="pagecontainer">
  4067. </div id="Clint" class="page">
  4068.  
  4069.  
  4070.  
  4071.  
  4072.  
  4073.  
  4074.  
  4075.  
  4076.  
  4077.  
  4078.  
  4079.  
  4080.  
  4081.  
  4082.  
  4083.  
  4084. <!-- PAGE: MATT -->
  4085.  
  4086.  
  4087. <div id="Matt" class="page" style="display:none;">
  4088. <div id="pagecontainer">
  4089. <div id="pagecontent">
  4090.  
  4091.  
  4092. <div class="pagenavi">
  4093. <div class="dropdown">
  4094.  
  4095. <button onclick="myFunction()" class="dropbtn">
  4096. Click for extra pages!
  4097. </button>
  4098. <div id="myDropdown" class="dropdown-content">
  4099.  
  4100. <ul id="tabs">
  4101. <li style="text-align:left;" autofocus>Information</li>
  4102. <li style="text-align:right;">Navigation</li>
  4103.  
  4104. </ul id="tabs">
  4105.  
  4106. </div id="myDropdown" class="dropdown-content">
  4107.  
  4108. </div class="dropdown">
  4109. </div class="pagenavi">
  4110.  
  4111.  
  4112. <!-- TAB ONE -->
  4113.  
  4114.  
  4115. <ul id="tab"><li class="active">
  4116.  
  4117. <div class="pageinfo">
  4118.  
  4119. <h4>Header one</h4>
  4120.  
  4121. Morbi vestibulum, tellus eu egestas maximus, ipsum odio mollis ligula, eu fringilla ex massa in nibh. Maecenas fringilla et augue ac sagittis. Nam eget tellus blandit, porta lacus ac, ultrices lacus. Vestibulum eget lobortis enim, vitae vulputate est. Nulla facilisi. Suspendisse orci justo, euismod et dapibus id, consequat a lorem. Aenean luctus laoreet risus quis euismod. Sed erat arcu, varius id elementum hendrerit, aliquam sed augue. Aenean nec congue ante, quis tincidunt tellus. Aenean interdum, metus at pellentesque mattis, tellus lectus porta lorem, quis scelerisque erat enim vitae lorem. Vestibulum sed nisi in sem sagittis venenatis. Ut blandit ex risus, sed molestie augue pretium in.
  4122.  
  4123.  
  4124. <h4>Header two</h4>
  4125.  
  4126. Suspendisse magna nunc, feugiat eu bibendum quis, posuere sed orci. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam non erat eros. Vivamus ullamcorper tincidunt ante sit amet sollicitudin. Donec odio mi, rhoncus sed purus nec, tempus suscipit ligula. Etiam convallis urna non elit suscipit efficitur eu id ante. Nullam ultricies sem mattis, ultricies lectus non, porta ipsum. Duis vulputate nunc quis purus consequat sollicitudin.
  4127.  
  4128.  
  4129. </div class="pageinfo">
  4130.  
  4131. </li>
  4132. <li>
  4133.  
  4134. <div class="pageinfo">
  4135. <div class="pagelinks">
  4136.  
  4137.  
  4138. <h4>General / Informative</h4>
  4139.  
  4140.  
  4141. <a href="URL HERE">
  4142. Link
  4143. </a>
  4144.  
  4145. <a href="URL HERE">
  4146. Link
  4147. </a>
  4148.  
  4149. <a href="URL HERE">
  4150. Link
  4151. </a>
  4152.  
  4153. <a href="URL HERE">
  4154. Link
  4155. </a>
  4156.  
  4157.  
  4158. <h4>General / Informative</h4>
  4159.  
  4160. <a href="URL HERE">
  4161. Link
  4162. </a>
  4163.  
  4164. <a href="URL HERE">
  4165. Link
  4166. </a>
  4167.  
  4168. <a href="URL HERE">
  4169. Link
  4170. </a>
  4171.  
  4172. <a href="URL HERE">
  4173. Link
  4174. </a>
  4175.  
  4176. <a href="URL HERE">
  4177. Link
  4178. </a>
  4179.  
  4180. <a href="URL HERE">
  4181. Link
  4182. </a>
  4183.  
  4184.  
  4185.  
  4186. </div class="pagelinks">
  4187. </div class="pageinfo">
  4188.  
  4189. </li>
  4190. </ul>
  4191.  
  4192.  
  4193. </div id="pagecontent">
  4194.  
  4195. </div id="pagecontainer">
  4196. </div id="Matt" class="page">
  4197.  
  4198.  
  4199.  
  4200.  
  4201. </body>
  4202. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!