API tools faq
paste
littlemisswhoever

Theme: loialte / Emma

littlemisswhoever
Jun 5th, 2020
150
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 64.08 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!-- (BASE) THEME BY SAE (INIZIARE) -->
  4.  
  5.  
  6.  
  7. <head>
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}" />
  13. {/block:Description}
  14. </head>
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21. <!-- SCRIPT: JQUERY -->
  22.  
  23. <script src="https://static.tumblr.com/gjexvml/cszpz4vyd/jquery-3.4.1.min.js"></script>
  24.  
  25.  
  26.  
  27.  
  28. <!-- SCRIPT: TOOLTIP -->
  29.  
  30. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  31. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  32. <script>
  33. (function($){
  34. $(document).ready(function(){
  35. $("[title],a[title],img[title]").style_my_tooltips({
  36. tip_follows_cursor:true,
  37. tip_delay_time:90,
  38. tip_fade_speed:600,
  39. attribute:"title"
  40. });
  41. });
  42. })(jQuery);
  43. </script>
  44.  
  45.  
  46.  
  47.  
  48.  
  49. <!-- SCRIPT: NAVIGATION TABS -->
  50.  
  51. <script>
  52. function openNavi(naviName) {
  53. var i;
  54. var x = document.getElementsByClassName("navi");
  55. for (i = 0; i < x.length; i++) {
  56. x[i].style.display = "none";
  57. }
  58. document.getElementById(naviName).style.display = "block";
  59. }
  60. </script>
  61.  
  62.  
  63.  
  64. <script>
  65. function openMuse(museName) {
  66. var i;
  67. var x = document.getElementsByClassName("muse");
  68. for (i = 0; i < x.length; i++) {
  69. x[i].style.display = "none";
  70. }
  71. document.getElementById(museName).style.display = "block";
  72. }
  73. </script>
  74.  
  75.  
  76.  
  77.  
  78.  
  79.  
  80. <!-- SCRIPT: NAVIGATION TABS -->
  81.  
  82.  
  83. <script>
  84. function openPage(pageName) {
  85. var i;
  86. var x = document.getElementsByClassName("page");
  87. for (i = 0; i < x.length; i++) {
  88. x[i].style.display = "none";
  89. }
  90. document.getElementById(pageName).style.display = "block";
  91. }
  92.  
  93. </script>
  94.  
  95.  
  96.  
  97.  
  98. <!-- SCRIPT: CLICK MENU #3 -->
  99.  
  100. <script>
  101. $(document).ready(function(){
  102. jQuery('.dropbtn3').click( function() {
  103. $(this).next('.dropdown-content3').fadeToggle();
  104. return false;
  105. });
  106. });
  107. </script>
  108.  
  109.  
  110.  
  111.  
  112. <!-- SCRIPT: CLICK MENU -->
  113.  
  114. <script>
  115. $(document).ready(function(){
  116. jQuery('.dropbtn').click( function() {
  117. $(this).next('.dropdown-content').fadeToggle();
  118. return false;
  119. });
  120. });
  121. </script>
  122.  
  123.  
  124.  
  125.  
  126. <!-- SCRIPT: AUDIO PLAYER -->
  127.  
  128. <script>
  129. $(document).ready(function() {
  130. $('iframe.tumblr_audio_player').load( function() {
  131. $('iframe.tumblr_audio_player').contents().find("head")
  132. .append($("<style type='text/css'> .audio-player{background:transparent!important; color:{color:bold}!important;} </style>"));
  133. });
  134. });
  135. </script>
  136.  
  137.  
  138.  
  139.  
  140.  
  141. <!-- SCRIPT: POPUP TABS -->
  142.  
  143. <script>$(document).ready(function(){
  144. $("ul#tabs li").click(function(e){
  145. if (!$(this).hasClass("active")) {
  146. var tabNum = $(this).index();
  147. var nthChild = tabNum+1;
  148. $("ul#tabs li.active").removeClass("active");
  149. $(this).addClass("active");
  150. $("ul#tab li.active").removeClass("active");
  151. $("ul#tab li:nth-child("+nthChild+")").addClass("active");}});});</script>
  152.  
  153.  
  154.  
  155.  
  156.  
  157.  
  158. <!-- SCRIPT: TOGGLE -->
  159.  
  160. <script>
  161. $(document).ready(function(){
  162. $(".nlinksbutton").click(function(){
  163. $(".nlinkscontent").toggle();
  164. });
  165. });
  166. </script>
  167.  
  168. <script>
  169. $(document).ready(function(){
  170. $(".nlinksbutton1").click(function(){
  171. $(".nlinkscontent1").toggle();
  172. });
  173. });
  174. </script>
  175.  
  176. <script>
  177. $(document).ready(function(){
  178. $(".nlinksbutton2").click(function(){
  179. $(".nlinkscontent2").toggle();
  180. });
  181. });
  182. </script>
  183.  
  184. <script>
  185. $(document).ready(function(){
  186. $(".nlinksbutton3").click(function(){
  187. $(".nlinkscontent3").toggle();
  188. });
  189. });
  190. </script>
  191.  
  192.  
  193.  
  194.  
  195.  
  196.  
  197. <script>
  198.  
  199. jQuery(document).ready(function($){
  200.  
  201.  
  202. let themeName = localStorage.getItem('theme');
  203.  
  204. switch(themeName) {
  205. case 'steve':
  206. setSteveTheme()
  207. break;
  208. case 'dugan':
  209. setDuganTheme()
  210. break;
  211. case 'brian':
  212. setBrianTheme()
  213. break;
  214. case 'dean':
  215. setDeanTheme()
  216. break;
  217. case 'mary':
  218. setMaryTheme()
  219. break;
  220. case 'alec':
  221. setAlecTheme()
  222. break;
  223. case 'valentine':
  224. setValentineTheme()
  225. break;
  226. case 'stefan':
  227. setStefanTheme()
  228. break;
  229. case 'claudia':
  230. setClaudiaTheme()
  231. break;
  232. case 'luther':
  233. setLutherTheme()
  234. break;
  235. case 'ethan':
  236. setEthanTheme()
  237. break;
  238. case 'porthos':
  239. setPorthosTheme()
  240. break;
  241.  
  242. default:
  243. setSteveTheme()
  244. }
  245.  
  246.  
  247.  
  248. $('.steve').on({
  249. 'click': function() {
  250. setSteveTheme()
  251. }
  252. });
  253.  
  254. $('.dugan').on({
  255. 'click': function() {
  256. setDuganTheme()
  257. }
  258. });
  259.  
  260. $('.brian').on({
  261. 'click': function() {
  262. setBrianTheme()
  263. }
  264. });
  265.  
  266. $('.dean').on({
  267. 'click': function() {
  268. setDeanTheme()
  269. }
  270. });
  271.  
  272. $('.mary').on({
  273. 'click': function() {
  274. setMaryTheme()
  275. }
  276. });
  277.  
  278. $('.alec').on({
  279. 'click': function() {
  280. setAlecTheme()
  281. }
  282. });
  283.  
  284. $('.valentine').on({
  285. 'click': function() {
  286. setValentineTheme()
  287. }
  288. });
  289.  
  290. $('.stefan').on({
  291. 'click': function() {
  292. setStefanTheme()
  293. }
  294. });
  295.  
  296. $('.claudia').on({
  297. 'click': function() {
  298. setClaudiaTheme()
  299. }
  300. });
  301.  
  302. $('.luther').on({
  303. 'click': function() {
  304. setLutherTheme()
  305. }
  306. });
  307.  
  308. $('.ethan').on({
  309. 'click': function() {
  310. setEthanTheme()
  311. }
  312. });
  313.  
  314. $('.porthos').on({
  315. 'click': function() {
  316. setPorthosTheme()
  317. }
  318. });
  319.  
  320.  
  321.  
  322.  
  323.  
  324. function setSteveTheme() {
  325. console.log("steve")
  326. $('.rightimg1').attr('src','https://i.imgur.com/KhqQV0K.png');
  327. $('.rightimg2').attr('src','https://i.imgur.com/u4TMuLI.png');
  328. $('.leftimg').attr('src','https://i.imgur.com/f5Ppp3R.png');
  329. $("body").css('background-image', 'url(https://i.imgur.com/Jnb60Rb.png');
  330.  
  331. localStorage.setItem('theme', 'steve')
  332. }
  333.  
  334.  
  335. function setDuganTheme() {
  336. console.log("dugan")
  337. $('.rightimg1').attr('src','https://static.tumblr.com/ibha82r/ofUqbb88p/duganside01.png');
  338. $('.rightimg2').attr('src','https://i.imgur.com/ylG4pP9.png');
  339. $('.leftimg').attr('src','https://static.tumblr.com/ibha82r/WiHqbb8bf/duganside03.png');
  340. $("body").css('background-image', 'url(https://i.imgur.com/myUYNgd.png');
  341.  
  342. localStorage.setItem('theme', 'dugan')
  343. }
  344.  
  345.  
  346. function setBrianTheme() {
  347. console.log("brian")
  348. $('.rightimg1').attr('src','https://i.imgur.com/HcybmYH.png');
  349. $('.rightimg2').attr('src','https://i.imgur.com/POcVd4n.png');
  350. $('.leftimg').attr('src','https://i.imgur.com/r3uXX81.png');
  351. $("body").css('background-image', 'url(https://i.imgur.com/XuORmBk.png');
  352.  
  353. localStorage.setItem('theme', 'brian')
  354. }
  355.  
  356.  
  357. function setDeanTheme() {
  358. console.log("dean")
  359. $('.rightimg1').attr('src','https://i.imgur.com/4JV30Tf.png');
  360. $('.rightimg2').attr('src','https://i.imgur.com/EtjUbua.png');
  361. $('.leftimg').attr('src','https://i.imgur.com/ttIP6KT.png');
  362. $("body").css('background-image', 'url(https://i.imgur.com/Y6vI9u5.png');
  363.  
  364. localStorage.setItem('theme', 'dean')
  365. }
  366.  
  367.  
  368. function setMaryTheme() {
  369. console.log("mary")
  370. $('.rightimg1').attr('src','https://i.imgur.com/dxSLBYc.png');
  371. $('.rightimg2').attr('src','https://i.imgur.com/d00ScKn.png');
  372. $('.leftimg').attr('src','https://i.imgur.com/3rIKb6e.png');
  373. $("body").css('background-image', 'url(https://i.imgur.com/obPnzgx.png');
  374.  
  375. localStorage.setItem('theme', 'mary')
  376. }
  377.  
  378.  
  379. function setAlecTheme() {
  380. console.log("alec")
  381. $('.rightimg1').attr('src','https://i.imgur.com/SnOpaQW.png');
  382. $('.rightimg2').attr('src','https://i.imgur.com/rKghJXA.png');
  383. $('.leftimg').attr('src','https://i.imgur.com/qzaJYku.png');
  384. $("body").css('background-image', 'url(https://i.imgur.com/9ialJrR.png');
  385.  
  386. localStorage.setItem('theme', 'alec')
  387. }
  388.  
  389.  
  390. function setValentineTheme() {
  391. console.log("valentine")
  392. $('.rightimg1').attr('src','https://i.imgur.com/XdZrPoK.png');
  393. $('.rightimg2').attr('src','https://i.imgur.com/zCyvbu0.png');
  394. $('.leftimg').attr('src','https://i.imgur.com/mJbUyjK.png');
  395. $("body").css('background-image', 'url(https://i.imgur.com/afHThxF.png');
  396.  
  397. localStorage.setItem('theme', 'valentine')
  398. }
  399.  
  400.  
  401. function setStefanTheme() {
  402. console.log("stefan")
  403. $('.rightimg1').attr('src','https://i.imgur.com/xfHHl6c.png');
  404. $('.rightimg2').attr('src','https://i.imgur.com/lPjkKPL.png');
  405. $('.leftimg').attr('src','https://i.imgur.com/N96xF8e.png');
  406. $("body").css('background-image', 'url(https://i.imgur.com/soLI45H.png');
  407.  
  408. localStorage.setItem('theme', 'stefan')
  409. }
  410.  
  411.  
  412. function setClaudiaTheme() {
  413. console.log("claudia")
  414. $('.rightimg1').attr('src','https://i.imgur.com/zk3w6J0.png');
  415. $('.rightimg2').attr('src','https://i.imgur.com/GuFyPFh.png');
  416. $('.leftimg').attr('src','https://i.imgur.com/8NeWD6B.png');
  417. $("body").css('background-image', 'url(https://i.imgur.com/FUNyvCr.png');
  418.  
  419. localStorage.setItem('theme', 'claudia')
  420. }
  421.  
  422.  
  423.  
  424. function setLutherTheme() {
  425. console.log("luther")
  426. $('.rightimg1').attr('src','https://i.imgur.com/kiejGHd.png');
  427. $('.rightimg2').attr('src','https://i.imgur.com/WmPaQTj.png');
  428. $('.leftimg').attr('src','https://i.imgur.com/3hpFSIc.png');
  429. $("body").css('background-image', 'url(https://i.imgur.com/mTa3Lb2.png');
  430.  
  431. localStorage.setItem('theme', 'luther')
  432. }
  433.  
  434.  
  435. function setEthanTheme() {
  436. console.log("ethan")
  437. $('.rightimg1').attr('src','https://i.imgur.com/h2cm8UW.png');
  438. $('.rightimg2').attr('src','https://i.imgur.com/XjuVLAb.png');
  439. $('.leftimg').attr('src','https://i.imgur.com/p2sBhFP.png');
  440. $("body").css('background-image', 'url(https://i.imgur.com/bBSn5fv.png');
  441.  
  442. localStorage.setItem('theme', 'ethan')
  443. }
  444.  
  445.  
  446. function setPorthosTheme() {
  447. console.log("porthos")
  448. $('.rightimg1').attr('src','https://i.imgur.com/ZoS0h1Y.png');
  449. $('.rightimg2').attr('src','https://i.imgur.com/cpx9S59.png');
  450. $('.leftimg').attr('src','https://i.imgur.com/Lt6f4QI.png');
  451. $("body").css('background-image', 'url(https://i.imgur.com/4j9zIyd.png');
  452.  
  453. localStorage.setItem('theme', 'porthos')
  454. }
  455.  
  456.  
  457.  
  458. });
  459.  
  460. </script>
  461.  
  462.  
  463.  
  464.  
  465.  
  466.  
  467.  
  468.  
  469. <!-- CUSTOM FONTS -->
  470.  
  471.  
  472.  
  473. <link href="https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre" rel="stylesheet">
  474.  
  475. <link rel="stylesheet" href="https://static.tumblr.com/gjexvml/yTwpxxahr/stylesheet.css">
  476.  
  477.  
  478.  
  479.  
  480.  
  481.  
  482. <!-- META LINES -->
  483.  
  484. <meta name="image:Background" content=""/>
  485. <meta name="color:Border" content="#151515"/>
  486. <meta name="image:Sidebar1" content=""/>
  487. <meta name="image:Sidebar2" content=""/>
  488. <meta name="image:Sidebar3" content=""/>
  489.  
  490.  
  491.  
  492. <meta name="color:Background" content="#000000"/>
  493. <meta name="color:Text" content="#c6c6c6"/>
  494. <meta name="color:Title" content="#000000"/>
  495. <meta name="color:Title Shadow" content="#151515"/>
  496. <meta name="color:Links" content=""/>
  497. <meta name="color:Links Hover" content=""/>
  498. <meta name="color:Bold" content="#303030"/>
  499. <meta name="color:Italic" content="#ffffff"/>
  500. <meta name="color:Links" content="#ffffff"/>
  501. <meta name="color:Permalink" content="#303030">
  502.  
  503. <meta name="color:Top Title" content=""/>
  504. <meta name="color:Top Title border" content=""/>
  505.  
  506.  
  507.  
  508.  
  509.  
  510.  
  511. <style type="text/css">
  512.  
  513.  
  514.  
  515.  
  516.  
  517.  
  518. /* SCROLLBAR */
  519.  
  520.  
  521. ::-webkit-scrollbar {
  522. background-color:transparent;
  523. height: 0px;
  524. display:none;
  525. width: 0px
  526. -ms-overflow-style: none; // IE 10+
  527. overflow: -moz-scrollbars-none; // Firefox
  528. }
  529.  
  530.  
  531. ::-webkit-scrollbar-thumb {
  532. background-color:transparent;
  533. }
  534.  
  535.  
  536.  
  537.  
  538. .tooltip {
  539. display:inline;
  540. position:relative;
  541. }
  542.  
  543.  
  544. #s-m-t-tooltip {
  545. max-width:250px;
  546. line-height:13px;
  547. margin-left:12.5px;
  548. margin-top:12.5px;
  549. font-weight:bold;
  550. background-color:{color:background};
  551. border:1px solid {color:border};
  552. padding-left:25px;
  553. padding-right:25px;
  554. padding-top:12px;
  555. padding-bottom:12px;
  556. font-family:calibri;
  557. font-size:8.5px;
  558. letter-spacing:0.3px;
  559. text-transform:uppercase;
  560. font-family: calibri, sans-serif;
  561. font-weight:bold!important;
  562. color:;
  563. text-shadow: 0px 0px 1px {color:bold};
  564. color: {color:italic};
  565. text-transform:uppercase;
  566. text-shadow: 0px 0px 1px {color:italic};
  567. }
  568.  
  569.  
  570.  
  571.  
  572.  
  573. /* TOOLTIP */
  574.  
  575.  
  576. #s-m-t-tooltip {
  577. z-index:9999999999999999999999!important;
  578. }
  579.  
  580.  
  581.  
  582.  
  583.  
  584.  
  585. /* FOUNDATION */
  586.  
  587.  
  588. body {
  589. background-image:url({image:background});
  590. background-attachment:fixed;
  591. background-repeat:no-repeat;
  592. background-position:left top;
  593. background-color:{color:background};
  594. font-family: 'Frank Ruhl Libre';
  595. font-size:10px;
  596. line-height:12px;
  597. color:{color:text};
  598. }
  599.  
  600.  
  601. body a {
  602. text-transform:uppercase;
  603. text-decoration:none!important;
  604. font-family:calibri;
  605. font-weight:bold!important;
  606. color:{color:text};
  607. -moz-transition-duration:1.5s;
  608. -webkit-transition-duration:1.5s;
  609. -o-transition-duration:1.5s;
  610. }
  611.  
  612.  
  613. body a:hover {
  614. color:{color:links hover}!important;
  615. text-shadow: 0px 0px 1px {color:links hover};
  616. -moz-transition-duration:1.5s;
  617. -webkit-transition-duration:1.5s;
  618. -o-transition-duration:1.5s;
  619. }
  620.  
  621.  
  622.  
  623.  
  624.  
  625.  
  626. /* FONT-RELATED */
  627.  
  628.  
  629. b, bold, strong {
  630. font-size:8.5px;
  631. letter-spacing:0.3px;
  632. text-transform:uppercase;
  633. font-family: calibri, sans-serif;
  634. font-weight:bold!important;
  635. color:{color:bold};
  636. text-shadow: 0px 0px 1px {color:bold};
  637. }
  638.  
  639.  
  640. b i, bold i {
  641. color:{color:bold}!important;
  642. text-shadow: 0px 0px 1px {color:bold};
  643. }
  644.  
  645.  
  646. em, i, italic {
  647. color: {color:italic};
  648. margin-right:1px;
  649. text-shadow: 0px 0px 1px {color:italic};
  650. }
  651.  
  652.  
  653. small {
  654. font-size:10px;
  655. }
  656.  
  657.  
  658. sub, sup {
  659. font-size:10px;
  660. vertical-align: baseline!important;
  661. position: relative!important;
  662. top: 0em!important;
  663. line-height:14px;
  664. }
  665.  
  666.  
  667. big {
  668. font-size:125%;
  669. }
  670.  
  671.  
  672. ul, ol {
  673. padding:0px;
  674. margin-left:13px;
  675. }
  676.  
  677.  
  678. li {
  679. padding-left: 0px;
  680. }
  681.  
  682.  
  683. u, u a {
  684. background-color: #000000;
  685. outline: 1px solid #151515;
  686. font-family:'Frank Ruhl Libre', serif;
  687. color:#000000!important;
  688. text-decoration:none!important;
  689. font-style:normal!important;
  690. font-weight:bold!important;
  691. text-transform:uppercase!important;
  692. float:left;
  693. margin-top:1px;
  694. margin-left:1px;
  695. height:60px;
  696. width:60px;
  697. font-size: 48px;
  698. margin-right: 13px;
  699. position: relative;
  700. text-align: center;
  701. vertical-align: middle;
  702. line-height: 60px;
  703. text-shadow:
  704. -1px -1px 0 #151515,
  705. 1px -1px 0 #151515,
  706. -1px 1px 0 #151515,
  707. 1px 1px 0 #151515;
  708. }
  709.  
  710.  
  711. pre {
  712. overflow: auto;
  713. position:relative;
  714. z-index:15;
  715. background-color: {color:background};
  716. outline:1px solid {color:border};
  717. margin-left:1px;
  718. margin-right:1px;
  719. font-weight:bold;
  720. padding-left:25px;
  721. padding-right:25px;
  722. margin-top:1px!important;
  723. margin-bottom:12px!important;
  724. font-family:monospace;
  725. letter-spacing:0.75px;
  726. font-size:8.4px;
  727. text-shadow: 0px 0px 1px {color:headers};
  728. text-transform:uppercase;
  729. text-align:left;
  730. padding-top:8px;
  731. padding-bottom:8px;
  732. outline:1px solid #151515;
  733. white-space: pre-wrap;
  734. white-space: -moz-pre-wrap;
  735. white-space: -pre-wrap;
  736. white-space: -o-pre-wrap;
  737. word-wrap: break-word;
  738. }
  739.  
  740.  
  741. pre b, pre strong {
  742. font-family:monospace!important;
  743. letter-spacing:0.75px;
  744. margin-top:0px!important;
  745. font-size:8.4px;
  746. word-wrap: break-word;
  747. white-space: pre-wrap;
  748. white-space: -moz-pre-wrap;
  749. white-space: -pre-wrap;
  750. white-space: -o-pre-wrap;
  751. word-wrap: break-word;
  752. text-shadow: 0px 0px 1px {color:bold};
  753. color:{color:bold};
  754. -moz-transition-duration:1.5s;
  755. -webkit-transition-duration:1.5s;
  756. -o-transition-duration:1.5s;
  757. }
  758.  
  759.  
  760. pre a {
  761. font-family:monospace!important;
  762. letter-spacing:0.5px;
  763. margin-top:0px!important;
  764. font-size:8.4px;
  765. word-wrap: break-word;
  766. white-space: pre-wrap;
  767. white-space: -moz-pre-wrap;
  768. white-space: -pre-wrap;
  769. white-space: -o-pre-wrap;
  770. word-wrap: break-word;
  771. text-shadow: 0px 0px 1px {color:links};
  772. color:{color:links};
  773. -moz-transition-duration:1.5s;
  774. -webkit-transition-duration:1.5s;
  775. -o-transition-duration:1.5s;
  776. }
  777.  
  778.  
  779.  
  780. /* HEADERS */
  781.  
  782.  
  783. h1 {
  784. outline: 1px solid {color:border};
  785. background-color:{color:background};
  786. overflow:hidden;
  787. margin-left:1px;
  788. margin-right:1px;
  789. margin-bottom:12px;
  790. padding-left:25px;
  791. padding-right:25px;
  792. height:25px;
  793. line-height:25px;
  794. text-align:left!important;
  795. font-family:calibri;
  796. font-weight:bold;
  797. font-size:9.6px!important;
  798. text-transform:uppercase;
  799. color:{color:bold}!important;
  800. text-shadow: 0px 0px 1px {color:bold};
  801. }
  802.  
  803.  
  804. h1 a {
  805. color: {color:links};
  806. font-size:10px!important;
  807. text-shadow: 0px 0px 1px {color:links};
  808. }
  809.  
  810.  
  811. h2 {
  812. height:36px;
  813. line-height:36px;
  814. padding-left:25px;
  815. padding-right:25px;
  816. margin-bottom:12px;
  817. font-size:8.5px;
  818. letter-spacing:0.3px;
  819. text-transform:uppercase;
  820. font-family: calibri, sans-serif;
  821. outline:1px solid {color:border};
  822. font-weight:bold!important;
  823. text-align:left;
  824. text-shadow: 0px 0px 1px {color:text};
  825. }
  826.  
  827.  
  828. h2 a {
  829. font-family: calibri, sans-serif;
  830. font-size:11px!important;
  831. text-transform:uppercase!important;
  832. color:{color:links};
  833. letter-spacing:-0.4px;
  834. text-shadow: 0px 0px 1px {color:links};
  835. }
  836.  
  837.  
  838. h4 {
  839. outline:1px solid {color:border};
  840. margin-left:1px;
  841. margin-right:1px;
  842. margin-bottom:12px;
  843. margin-top:12px;
  844. padding-left:25px;
  845. padding-right:25px;
  846. height:25px;
  847. text-align:left;
  848. font-family:monospace;
  849. letter-spacing:0.6px;
  850. font-size:8.4px;
  851. font-style:normal;
  852. font-weight:bold;
  853. line-height:25px;
  854. color:{color:body text};
  855. text-transform:uppercase;
  856. text-shadow: 0px 0px 1px {color:headers};
  857. }
  858.  
  859.  
  860. h4:first-child {
  861. margin-top:1px;
  862. }
  863.  
  864.  
  865. h4 a {
  866. font-family:calibri;
  867. font-style:normal;
  868. font-weight:700;
  869. font-size:10px;
  870. line-height:10px;
  871. color: {color:links};
  872. text-shadow: 0px 0px 1px {color:links};
  873. }
  874.  
  875.  
  876.  
  877. hr {
  878. height:12px;
  879. outline:1px solid {color:border}!important;
  880. border:none!important;
  881. margin-top:12px;
  882. margin-bottom:12px!important;
  883. margin-left:1px;
  884. margin-right:1px;
  885. }
  886.  
  887.  
  888.  
  889.  
  890.  
  891. /* BLOCKQUOTES */
  892.  
  893.  
  894. blockquote {
  895. padding-left:25px;
  896. padding-right:25px;
  897. padding-top:12px;
  898. padding-bottom:12px;
  899. margin-top:12px;
  900. margin-bottom:12px;
  901. text-align:justify;
  902. margin-left:1px;
  903. margin-right:1px;
  904. outline:1px solid {color:border};
  905. word-wrap: break-word!important;
  906. }
  907.  
  908.  
  909. blockquote blockquote {
  910. outline:0px solid {color:border};
  911. border-left:1px solid {color:border}!important;
  912. border-top:0px!important;
  913. border-bottom:0px!important;
  914. border-right:0px!important;
  915. padding-top:0px!important;
  916. padding-bottom:0px!important;
  917. padding-left:25px;
  918. padding-right:0px;
  919. margin-top:12px!important;
  920. margin-bottom:0px!important;
  921. margin-left:-1px;
  922. }
  923.  
  924.  
  925.  
  926.  
  927.  
  928.  
  929. /* CONTAINER */
  930.  
  931.  
  932. #container {
  933. position:absolute;
  934. left:150px;
  935. height:470px;
  936. width:1050px;
  937. margin-top:120px;
  938. outline:1px solid #151515;
  939. padding:25px;
  940. background:rgba(0,0,0,.85);
  941. -webkit-box-shadow: 0px 0px 100px 30px {color:background};
  942. -moz-box-shadow: 0px 0px 100px 30px {color:background};
  943. box-shadow: 0px 0px 100px 30px {color:background};
  944. }
  945.  
  946.  
  947. #containertitle {
  948. z-index:150!important;
  949. position:absolute;
  950. font-family: 'janeaustennosecret';
  951. color:#000;
  952. font-weight:lighter!important;
  953. font-size:115px;
  954. width:1050px;
  955. margin-left:2px;
  956. margin-top:-25px;
  957. line-height:14px;
  958. letter-spacing:-6px;
  959. word-spacing:-1px;
  960. text-align:center!important;
  961. padding-left:0px;
  962. pointer-events:none;
  963. background-color:transparent;
  964. text-shadow:
  965. -1px -1px 0 #151515,
  966. 1px -1px 0 #151515,
  967. -1px 1px 0 #151515,
  968. 1px 1px 0 #151515;
  969. }
  970.  
  971.  
  972.  
  973.  
  974.  
  975.  
  976.  
  977.  
  978. /* SIDE */
  979.  
  980.  
  981. #side {
  982. position:absolute;
  983. margin-top:26px!important;
  984. left:284px;
  985. height:120px;
  986. width:231px;
  987. }
  988.  
  989.  
  990.  
  991.  
  992.  
  993.  
  994. /* SIDE LEFT */
  995.  
  996.  
  997. #left {
  998. position:absolute;
  999. left:26px;
  1000. top:26px!important;
  1001. height:240px;
  1002. width:231px;
  1003. }
  1004.  
  1005.  
  1006. #leftboxheader {
  1007. font-family:calibri, sans-serif;
  1008. text-transform:uppercase;
  1009. font-weight:bold;
  1010. text-align:center;
  1011. outline:1px solid #151515;
  1012. padding-left:25px;
  1013. padding-right:25px;
  1014. height:25px;
  1015. line-height:25px;
  1016. overflow:hidden;
  1017. text-shadow: 0px 0px 1px {color:text};
  1018. background:rgba(0,0,0,.6);
  1019. }
  1020.  
  1021.  
  1022. #leftbox {
  1023. position:absolute;
  1024. margin-top:1px!important;
  1025. height:241px;
  1026. width:231px;
  1027. box-sizing:border-box;
  1028. border-top:0px solid {color:background};
  1029. border-bottom:0px solid {color:background};
  1030. padding-top:25px;
  1031. padding-left:25px;
  1032. padding-right:25px;
  1033. text-align:justify;
  1034. background:rgba(0,0,0,.6);
  1035. outline:1px solid #151515;
  1036. overflow-x:hidden;
  1037. overflow-y:hidden;
  1038. }
  1039.  
  1040.  
  1041. .leftimg {
  1042. position:absolute;
  1043. position:relative;
  1044. background-image:url('{Sidebar}');
  1045. margin-top:269px!important;
  1046. left:0px;
  1047. height:120px;
  1048. width:231px;
  1049. outline:1px solid #151515;
  1050. overflow:hidden;
  1051. }
  1052.  
  1053.  
  1054.  
  1055.  
  1056.  
  1057.  
  1058. /* SIDE RIGHT */
  1059.  
  1060.  
  1061. .rightimg1 {
  1062. background-image:url('{Sidebar}');
  1063. margin-top:-25px!important;
  1064. height:120px;
  1065. width:231px;
  1066. outline:1px solid #151515;
  1067. overflow:hidden;
  1068. }
  1069.  
  1070.  
  1071. .rightimg2 {
  1072. background-image:url('{Sidebar}');
  1073. margin-top:24px!important;
  1074. left:0px;
  1075. height:120px;
  1076. width:231px;
  1077. outline:1px solid #151515;
  1078. overflow:hidden;
  1079. }
  1080.  
  1081.  
  1082. #rightboxheader {
  1083. box-sizing:border-box;
  1084. width:231px;
  1085. font-family:calibri;
  1086. text-transform:uppercase;
  1087. font-weight:bold;
  1088. text-align:center;
  1089. outline:1px solid #151515;
  1090. padding-left:25px;
  1091. padding-right:25px;
  1092. top:24px!important;
  1093. height:25px;
  1094. line-height:25px;
  1095. text-shadow: 0px 0px 1px {color:text};
  1096. }
  1097.  
  1098.  
  1099. #rightbox {
  1100. position:relative;
  1101. box-sizing:border-box;
  1102. margin-top:-1px!important;
  1103. height:96px;
  1104. width:231px;
  1105. outline:1px solid #151515;
  1106. background:rgba(0,0,0,.6);
  1107. overflow:hidden;
  1108. text-align:justify;
  1109. border-top:24px solid {color:background};
  1110. border-bottom:25px solid {color:background};
  1111. padding-left:25px;
  1112. padding-right:25px;
  1113. overflow-x:hidden;
  1114. overflow-y:hidden;
  1115. }
  1116.  
  1117.  
  1118. #rightbox a {
  1119. text-transform:uppercase;
  1120. font-family:monospace;
  1121. margin-right:0px;
  1122. letter-spacing:0.4px;
  1123. margin-top:0px!important;
  1124. font-size:8.5px;
  1125. color:{color:links};
  1126. text-shadow: 0px 0px 1px {color:links};
  1127. -moz-transition-duration:1.5s;
  1128. -webkit-transition-duration:1.5s;
  1129. -o-transition-duration:1.5s;
  1130. }
  1131.  
  1132.  
  1133.  
  1134.  
  1135.  
  1136.  
  1137. /* NAVIGATION BAR */
  1138.  
  1139.  
  1140. #bottombar {
  1141. position:absolute;
  1142. width:489px;
  1143. height:27px;
  1144. top:467px;
  1145. margin-left:1px;
  1146. line-height:25px;
  1147. overflow:hidden;
  1148. outline:1px solid #151515;
  1149. }
  1150.  
  1151.  
  1152. #bottombar button, #bottombar a.button {
  1153. box-sizing:border-box;
  1154. font-family:calibri;
  1155. text-transform:uppercase;
  1156. font-weight:bold;
  1157. display:block;
  1158. float:left;
  1159. font-size:9.6px;
  1160. width:125px!important;
  1161. outline:0px solid #151515;
  1162. border-left:1px solid #151515;
  1163. border-right:0px solid #151515;
  1164. border-top:0px;
  1165. border-bottom:0px;
  1166. height:25px;
  1167. line-height:25px;
  1168. text-align:center;
  1169. margin-top:1px;
  1170. margin-left:-1px;
  1171. color:{color:permalink}!important;
  1172. background:rgba(0,0,0,.9);
  1173. text-shadow: 0px 0px 1px {color:permalink};
  1174. }
  1175.  
  1176.  
  1177. #bottombar button:last-of-type {
  1178. border-right:1px solid #000!important;
  1179. }
  1180.  
  1181.  
  1182.  
  1183.  
  1184.  
  1185.  
  1186. /* NAVIGATION LIST */
  1187.  
  1188.  
  1189. .nlist {
  1190. position:absolute;
  1191. overflow-x:hidden;
  1192. overflow-y:scroll;
  1193. z-index:150!important;
  1194. left:434px;
  1195. margin-top:440px;
  1196. height:120px;
  1197. width:235px;
  1198. max-width:231px;
  1199. background-color:{color:background};
  1200. overflow-y:scroll;
  1201. padding-left:0px;
  1202. padding-right:0px;
  1203. outline:1px solid {color:border}!important;
  1204. }
  1205.  
  1206.  
  1207. .nlist::-webkit-scrollbar {
  1208. width: 12px;
  1209. border-left:1px solid {color:border};
  1210. }
  1211.  
  1212.  
  1213. .nlist::-webkit-scrollbar-track {
  1214. background-color:transparent;
  1215. border-left:1px solid {color:border};
  1216. }
  1217.  
  1218.  
  1219. .nlist::-webkit-scrollbar-thumb {
  1220. color:{color:background};
  1221. border-top:1px solid {color:border};
  1222. border-bottom:1px solid {color:border};
  1223. }
  1224.  
  1225.  
  1226. .nlinks {
  1227. margin-top:-1px;
  1228. padding-left:0px!important;
  1229. width:275px;
  1230. background-color:{color:background};
  1231. }
  1232.  
  1233.  
  1234. .nlinks a {
  1235. display:inline-block;
  1236. box-sizing: border-box;
  1237. border-top:1px solid {color:border}!important;
  1238. background-color:{color:background};
  1239. overflow:hidden;
  1240. width:232px;
  1241. height:31px;
  1242. line-height:31px;
  1243. padding-left:0px;
  1244. padding-right:25px;
  1245. margin-left:-1px;
  1246. font-family:calibri;
  1247. text-align:center;
  1248. font-style:normal;
  1249. font-weight:bold;
  1250. margin-right:0px;
  1251. margin-bottom:-3px;
  1252. font-size:9.6px;
  1253. letter-spacing:0px;
  1254. color:{color:bold};
  1255. text-shadow: 0px 0px 1px {color:bold}!important;
  1256. text-transform:uppercase;
  1257. font-weight:bold;
  1258. cursor:pointer;
  1259. -moz-transition-duration:1.5s;
  1260. -webkit-transition-duration:1.5s;
  1261. -o-transition-duration:1.5s;
  1262. }
  1263.  
  1264.  
  1265. .nlinks li:hover, .nlinks a:hover, .nlinks li:nth-of-type(even):hover {
  1266. color:#fff!important;
  1267. text-shadow: 0px 0px 1px {color:links};
  1268. -moz-transition-duration:1.5s;
  1269. -webkit-transition-duration:1.5s;
  1270. -o-transition-duration:1.5s;
  1271. }
  1272.  
  1273.  
  1274. .nlinksbutton, .nlinksbutton1, .nlinksbutton2, .nlinksbutton3 {
  1275. display:inline-block;
  1276. box-sizing: border-box;
  1277. border-top:1px solid {color:border};
  1278. background-color:{color:background};
  1279. width:230px;
  1280. overflow:hidden;
  1281. height:30px;
  1282. line-height:30px;
  1283. padding-left:25px;
  1284. padding-right:25px;
  1285. text-align:center;
  1286. color:{color:body text};
  1287. font-family:monospace;
  1288. letter-spacing:0.6px;
  1289. font-size:8.4px;
  1290. font-weight:lighter;
  1291. font-style:normal;
  1292. font-weight:bold;
  1293. margin-right:0px;
  1294. margin-bottom:-3px;
  1295. text-transform:uppercase;
  1296. cursor:pointer;
  1297. -moz-transition-duration:1.5s;
  1298. -webkit-transition-duration:1.5s;
  1299. -o-transition-duration:1.5s;
  1300. }
  1301.  
  1302.  
  1303.  
  1304. .nlinkscontent, .nlinkscontent1, .nlinkscontent2, .nlinkscontent3 {
  1305. display:none;
  1306. max-width:484px;
  1307. background-color:#000000;
  1308. overflow:hidden;
  1309. outline:0px solid {color:border};
  1310. }
  1311.  
  1312.  
  1313. .nlinkscontent a, .nlinkscontent1 a, .nlinkscontent2 a, .nlinkscontent3 a {
  1314. display:inline-block;
  1315. box-sizing: border-box;
  1316. border-top:1px solid {color:border}!important;
  1317. background-color:{color:background};
  1318. overflow:hidden;
  1319. height:31px;
  1320. line-height:31px;
  1321. padding-left:0px;
  1322. padding-right:0px;
  1323. margin-left:-1px;
  1324. font-family:calibri;
  1325. text-align:center;
  1326. font-style:normal;
  1327. font-weight:bold;
  1328. margin-right:0px;
  1329. margin-bottom:-3px;
  1330. font-size:9.6px;
  1331. letter-spacing:0px;
  1332. color:{color:bold};
  1333. text-shadow: 0px 0px 1px {color:bold}!important;
  1334. text-transform:uppercase;
  1335. font-weight:bold;
  1336. cursor:pointer;
  1337. -moz-transition-duration:1.5s;
  1338. -webkit-transition-duration:1.5s;
  1339. -o-transition-duration:1.5s;
  1340. }
  1341.  
  1342.  
  1343. .nlinkscontent a:nth-child (odd) {
  1344. border-right:1px solid {color:border};
  1345. width:243px!important;
  1346. }
  1347.  
  1348.  
  1349.  
  1350.  
  1351.  
  1352.  
  1353.  
  1354.  
  1355.  
  1356.  
  1357. /* POSTS: GENERAL */
  1358.  
  1359.  
  1360. #content {
  1361. position:absolute;
  1362. margin-top:1px;
  1363. margin-left:517px;
  1364. height:468px;
  1365. width:482px;
  1366. outline:1px solid #151515;
  1367. overflow:scroll;
  1368. padding-left:25px;
  1369. padding-right:25px;
  1370. background:rgba(0,0,0,.4);
  1371. }
  1372.  
  1373.  
  1374. #content2 {
  1375. position:absolute;
  1376. margin-top:1px;
  1377. margin-left:517px;
  1378. height:419px;
  1379. width:532px;
  1380. overflow-y:scroll;
  1381. margin-left:-25px;
  1382. margin-top:25px!important;
  1383. }
  1384.  
  1385.  
  1386. .posts {
  1387. width:482px;
  1388. max-width:482px;
  1389. word-wrap: break-word!important;
  1390. text-align:justify;
  1391. line-height:12px;
  1392. margin-bottom:35px;
  1393. padding-left:25px;
  1394. }
  1395.  
  1396.  
  1397. .posts:first-child, .posts:first-of-type {
  1398. margin-top:13px;
  1399. }
  1400.  
  1401.  
  1402. .posts:last-child {
  1403. margin-bottom:0px!important;
  1404. }
  1405.  
  1406.  
  1407. .posts li:first-letter {
  1408. text-transform:uppercase;
  1409. }
  1410.  
  1411.  
  1412. .posts a {
  1413. text-transform:uppercase;
  1414. font-weight:bold;
  1415. font-family:monospace;
  1416. margin-right:0px;
  1417. letter-spacing:0.75px;
  1418. margin-top:0px!important;
  1419. font-size:8.4px;
  1420. text-shadow: 0px 0px 1px {color:headers};
  1421. color:{color:links};
  1422. text-shadow: 0px 0px 1px {color:links};
  1423. -moz-transition-duration:1.5s;
  1424. -webkit-transition-duration:1.5s;
  1425. -o-transition-duration:1.5s;
  1426. }
  1427.  
  1428.  
  1429. .posts a:hover {
  1430. color:{color:links hover};
  1431. -moz-transition-duration:1.5s;
  1432. -webkit-transition-duration:1.5s;
  1433. -o-transition-duration:1.5s;
  1434. }
  1435.  
  1436.  
  1437. .posts img {
  1438. max-width: -webkit-calc(100% - 20px);
  1439. max-width: -moz-calc(100% - 20px);
  1440. max-width: calc(100% - 20px);
  1441. height:auto;
  1442. }
  1443.  
  1444.  
  1445.  
  1446.  
  1447.  
  1448.  
  1449. /* POSTS: GENERAL */
  1450.  
  1451.  
  1452. .pagination {
  1453. margin-left:25px;
  1454. margin-right:25px!important;
  1455. margin-top:-8px!important;
  1456. background-color:#000000;
  1457. margin-bottom:1px;
  1458. box-sizing: border-box;
  1459. outline:1px solid {color:border};
  1460. height:25px;
  1461. line-height:25px;
  1462. min-width:478px;
  1463. padding-left:25px;
  1464. padding-right:25px;
  1465. }
  1466.  
  1467.  
  1468. .pagination a {
  1469. min-width:235px;
  1470. color:{color:bold}!important;
  1471. text-shadow: 0px 0px 1px {color:bold}!important;
  1472.  
  1473. }
  1474.  
  1475.  
  1476.  
  1477. /* POSTS: TEXT */
  1478.  
  1479. #textbody {
  1480. margin-top:-12px!important;
  1481. {block:permalinkpage}
  1482. margin-top:-12px!important;
  1483. {/block:permalinkpage}
  1484. }
  1485.  
  1486.  
  1487. #textbody::after {
  1488. content: "";
  1489. clear: both;
  1490. display: table;
  1491. margin-top:-8px!important;
  1492. }
  1493.  
  1494.  
  1495.  
  1496. /* POSTS: PHOTO/PHOTOSETS */
  1497.  
  1498.  
  1499. #psingle {
  1500. width: 502px;
  1501. margin-top:-6px!important;
  1502. pointer-events:none;
  1503. -webkit-filter: brightness(1) contrast(1) saturate(0.75);
  1504. -webkit-transition: all 1.5s ease-in-out;
  1505. -moz-transition: all 1.5s ease-in-out;
  1506. -o-transition: all 1.5s ease-in-out;
  1507. -ms-transition: all 1.5s ease-in-out;
  1508. transition: all 1.5s ease-in-out;
  1509. }
  1510.  
  1511.  
  1512. #psingle:hover {
  1513. -webkit-filter: brightness(1) contrast(1) saturate(0.75);
  1514. -webkit-transition: all 1.5s ease-in-out;
  1515. -moz-transition: all 1.5s ease-in-out;
  1516. -o-transition: all 1.5s ease-in-out;
  1517. -ms-transition: all 1.5s ease-in-out;
  1518. transition: all 1.5s ease-in-out;
  1519. }
  1520.  
  1521.  
  1522. #pset {
  1523. margin-top:-6px!important;
  1524. {block:permalinkpage}
  1525. margin-top:0px;
  1526. {block:permalinkpage}
  1527. width: 485px;
  1528. pointer-events:none;
  1529. -webkit-filter: brightness(.6) contrast(1.1) saturate(0.75);
  1530. -webkit-transition: all 1.5s ease-in-out;
  1531. -moz-transition: all 1.5s ease-in-out;
  1532. -o-transition: all 1.5s ease-in-out;
  1533. -ms-transition: all 1.5s ease-in-out;
  1534. transition: all 1.5s ease-in-out;
  1535. }
  1536.  
  1537.  
  1538. #pset:hover {
  1539. -webkit-filter: brightness(.6) contrast(1.1) saturate(0.75);
  1540. -webkit-transition: all 1.5s ease-in-out;
  1541. -moz-transition: all 1.5s ease-in-out;
  1542. -o-transition: all 1.5s ease-in-out;
  1543. -ms-transition: all 1.5s ease-in-out;
  1544. transition: all 1.5s ease-in-out;
  1545. }
  1546.  
  1547.  
  1548.  
  1549.  
  1550.  
  1551.  
  1552. /* POSTS: QUOTE */
  1553.  
  1554.  
  1555. #quote {
  1556. font-size:15px;
  1557. text-align:left;
  1558. padding-top:0px;
  1559. padding-bottom:0px;
  1560. letter-spacing:-1px;
  1561. line-height:15px;
  1562. margin-top:-6px!important;
  1563. }
  1564.  
  1565.  
  1566. .source {
  1567. border:1px solid {color:border};
  1568. font-family:calibri;
  1569. font-weight:bold;
  1570. text-align:left;
  1571. font-size:9.5px;
  1572. height:25px;
  1573. line-height:25px;
  1574. color: {color:bold};
  1575. text-transform:uppercase;
  1576. letter-spacing:0.2px;
  1577. margin-top:25px;
  1578. padding-right:25px;
  1579. padding-left:25px;
  1580. margin-top:25px;
  1581. text-shadow: 0px 0px 1px {color:bold};
  1582. }
  1583.  
  1584.  
  1585. .source a {
  1586. color: {color:bold};
  1587. text-shadow: 0px 0px 1px {color:bold};
  1588. }
  1589.  
  1590.  
  1591.  
  1592.  
  1593.  
  1594.  
  1595. /* POSTS: LINK */
  1596.  
  1597.  
  1598. #link {
  1599. outline:1px solid {color:border};
  1600. padding:25px;
  1601. margin-top:-6px!important;
  1602. }
  1603.  
  1604.  
  1605. #link a {
  1606. font-size:12px;
  1607. }
  1608.  
  1609.  
  1610.  
  1611.  
  1612.  
  1613.  
  1614. /* POSTS: CHAT */
  1615.  
  1616.  
  1617. #chat {
  1618. margin-top:-6px!important;
  1619. padding-left:0px;
  1620. padding-right:0px;
  1621. }
  1622.  
  1623.  
  1624.  
  1625.  
  1626.  
  1627.  
  1628. /* POSTS: AUDIO */
  1629.  
  1630.  
  1631. .audioplayer {
  1632. margin-left:12.5px;
  1633. margin-top:-10px!important;
  1634. width: 25px;
  1635. height: 25px;
  1636. overflow: hidden;
  1637. padding-top:0px;
  1638. }
  1639.  
  1640.  
  1641. .audioinfo {
  1642. outline:1px solid {color:border};
  1643. margin-right: 0px;
  1644. padding-left:60px;
  1645. padding-right:25px;
  1646. margin-top:-25px;
  1647. margin-bottom:12px;
  1648. height:25px;
  1649. line-height:25px;
  1650. display: block;
  1651. font-family:calibri;
  1652. font-weight:bold;
  1653. text-transform: uppercase;
  1654. text-align: left;
  1655. letter-spacing:0.2px;
  1656. word-spacing:-0.5px;
  1657. overflow:hidden;
  1658. font-size:9.5px;
  1659. color:{color:bold};
  1660. text-shadow: 0px 0px 1px {color:bold};
  1661. }
  1662.  
  1663.  
  1664.  
  1665.  
  1666.  
  1667.  
  1668. /* POSTS: VIDEO */
  1669.  
  1670.  
  1671. .video {
  1672. margin-top:0px!important;
  1673. }
  1674.  
  1675.  
  1676.  
  1677.  
  1678.  
  1679.  
  1680. /* POSTS: ASK */
  1681.  
  1682.  
  1683. #question {
  1684. position:relative;
  1685. width: 80%;
  1686. height:70px;
  1687. margin-left:0px;
  1688. margin-top:-8px!important;
  1689. background-color:{color:background};
  1690. }
  1691.  
  1692.  
  1693. #ask {
  1694. position:relative;
  1695. z-index:999999!important;
  1696. float:left;
  1697. font-family:calibri!important;
  1698. text-transform:uppercase;
  1699. font-weight:bold;
  1700. background-color:{color:background};
  1701. font-size:8.5px;
  1702. letter-spacing:0.3px;
  1703. line-height:12px!important;
  1704. width:368px;
  1705. min-height:22px;
  1706. max-height:22px;
  1707. overflow:scroll;
  1708. margin-top:1px;
  1709. margin-left:0px;
  1710. margin-bottom:0px;
  1711. padding-left:24px;
  1712. padding-right:24px;
  1713. outline:solid 1px {color:border};
  1714. border-top:22px solid {color:background};
  1715. border-bottom:22px solid {color:background};
  1716. -moz-transition-duration:1.5s;
  1717. -webkit-transition-duration:1.5s;
  1718. -o-transition-duration:1.5s;
  1719. }
  1720.  
  1721.  
  1722. #ask p {
  1723. display:inline!important;
  1724. }
  1725.  
  1726.  
  1727. #ask:hover {
  1728. max-height:35px!important;
  1729. width:432px;
  1730. z-index:999999!important;
  1731. -moz-transition-duration:1.5s;
  1732. -webkit-transition-duration:1.5s;
  1733. -o-transition-duration:1.5s;
  1734. }
  1735.  
  1736.  
  1737. #ask a {
  1738. font-family:monospace!important;
  1739. font-weight:lighter!important;
  1740. font-size:8.4px!important;
  1741. letter-spacing:0.6px!important;
  1742. color:{color:italic};
  1743. text-decoration:none;
  1744. }
  1745.  
  1746.  
  1747. #ask b {
  1748. color:{color:bold};
  1749. font-size:8.5px!important;
  1750. letter-spacing:0.6px!important;
  1751. line-height:11px;
  1752. text-shadow: 0px 0px 1px {color:bold};
  1753. }
  1754.  
  1755.  
  1756. .letterask {
  1757. font-family:'Frank Ruhl Libre', serif;
  1758. color:#000000!important;
  1759. text-decoration:none!important;
  1760. font-style:normal!important;
  1761. font-weight:bold!important;
  1762. text-transform:uppercase!important;
  1763. position:absolute;
  1764. z-index:9999!important;
  1765. text-align:center;
  1766. font-size:48px;
  1767. width:60px;
  1768. margin-left:417px;
  1769. outline:1px solid {color:border};
  1770. background-color:{color:background};
  1771. margin-top:1px;
  1772. padding-top:25px;
  1773. padding-bottom:29px;
  1774. padding-right:3px;
  1775. color:{color:title};
  1776. -webkit-user-select: none;
  1777. -moz-user-select: none;
  1778. -ms-user-select: none;
  1779. user-select: none;
  1780. text-shadow:
  1781. -1px -1px 0 {color:border},
  1782. 1px -1px 0 {color:border},
  1783. -1px 1px 0 {color:border},
  1784. 1px 1px 0 {color:border};
  1785. }
  1786.  
  1787.  
  1788. #response {
  1789. margin-top:25px!important;
  1790. }
  1791.  
  1792.  
  1793. #response strike {
  1794. background-color: #000000;
  1795. outline: 1px solid #151515;
  1796. font-family:'Frank Ruhl Libre', serif;
  1797. color:#000000!important;
  1798. text-decoration:none!important;
  1799. font-style:normal!important;
  1800. font-weight:bold!important;
  1801. text-transform:uppercase!important;
  1802. float:left;
  1803. margin-top:1px;
  1804. margin-left:1px;
  1805. height:60px;
  1806. width:60px;
  1807. font-size: 48px;
  1808. margin-right: 13px;
  1809. position: relative;
  1810. text-align: center;
  1811. vertical-align: middle;
  1812. line-height: 60px;
  1813. text-shadow:
  1814. -1px -1px 0 #151515,
  1815. 1px -1px 0 #151515,
  1816. -1px 1px 0 #151515,
  1817. 1px 1px 0 #151515;
  1818. }
  1819.  
  1820.  
  1821. #response:first-letter {
  1822. font-size:200%;
  1823. }
  1824.  
  1825.  
  1826. #response blockquote {
  1827. margin-top:12px;
  1828. margin-bottom:12px!important;
  1829. padding-top:12px;
  1830. padding-bottom:12px;
  1831. }
  1832.  
  1833.  
  1834. #response pre {
  1835. margin-bottom:6px!important;
  1836. word-wrap: break-word;
  1837. white-space: pre-wrap;
  1838. white-space: -moz-pre-wrap;
  1839. white-space: -pre-wrap;
  1840. white-space: -o-pre-wrap;
  1841. word-wrap: break-word;
  1842. }
  1843.  
  1844.  
  1845. #response::after {
  1846. content: "";
  1847. clear: both;
  1848. display: table;
  1849. margin-top:-8px!important;
  1850. }
  1851.  
  1852.  
  1853.  
  1854.  
  1855.  
  1856. /* POST INFORMATION */
  1857.  
  1858.  
  1859. .permalink {
  1860. margin-top:25px!important;
  1861. margin-left:-27px;
  1862. margin-right:-27px;
  1863. margin-bottom:25px!important;
  1864. }
  1865.  
  1866.  
  1867.  
  1868. .permalinkbuttons {
  1869. height:25px;
  1870. background-color:{color:background};
  1871. font-weight:bold!important;
  1872. line-height:25px;
  1873. letter-spacing:-0.2px;
  1874. margin-left:0px!important;
  1875. margin-bottom:1px!important;
  1876. border:1px solid {color:border};
  1877. color:{color:bold}!important;
  1878. }
  1879.  
  1880.  
  1881. .permalinkbuttons a {
  1882. letter-spacing:0px;
  1883. display:inline-block;
  1884. box-sizing: border-box;
  1885. font-size:9.6px!important;
  1886. text-align:center;
  1887. padding-left:25px;
  1888. padding-right:25px;
  1889. font-family: calibri, sans-serif;
  1890. text-transform:uppercase;
  1891. width:177px;
  1892. max-width:177px;
  1893. height:25px;
  1894. background-color:{color:background};
  1895. outline:1px solid {color:border};
  1896. line-height:25px;
  1897. color:{color:permalink}!important;
  1898. font-weight:bold!important;
  1899. overflow:hidden;
  1900. text-shadow: 0px 0px 1px {color:permalink};
  1901. }
  1902.  
  1903.  
  1904. .permalinkbuttons a:hover {
  1905. color:{color:links hover};
  1906. -moz-transition-duration:1.5s;
  1907. -webkit-transition-duration:1.5s;
  1908. -o-transition-duration:1.5s;
  1909. text-shadow: 0px 0px 1px {color:links hover};
  1910. }
  1911.  
  1912.  
  1913. .tags {
  1914. font-family: calibri!important;
  1915. font-weight:bold!important;
  1916. background-color:{color:background};
  1917. border:1px solid {color:border};
  1918. padding-top:12px;
  1919. padding-bottom:12px;
  1920. padding-left:24px;
  1921. padding-right:24px;
  1922. margin-top:-2px;
  1923. color:{color:border};
  1924. text-transform:uppercase!important;
  1925. font-style:normal;
  1926. line-height:150%;
  1927. font-size:8.5px;
  1928. text-align:justify;
  1929. -moz-text-align-last: center; /* Code for Firefox */
  1930. text-align-last: center;
  1931. }
  1932.  
  1933.  
  1934. .tags a {
  1935. text-decoration:none!important;
  1936. font-weight:lighter!important;
  1937. font-size:8.4px;
  1938. margin-right:0px;
  1939. letter-spacing:0px;
  1940. text-transform:uppercase!important;
  1941. font-family: calibri!important;
  1942. color:{color:border};
  1943. -moz-transition-duration:1.5s;
  1944. -webkit-transition-duration:1.5s;
  1945. -o-transition-duration:1.5s;
  1946. text-shadow: 0px 0px 1px {color:border};
  1947. }
  1948.  
  1949.  
  1950.  
  1951. .tags a:hover {
  1952. font-weight:bold;
  1953. color:{color:italic}!important;
  1954. -moz-transition-duration:1.5s;
  1955. -webkit-transition-duration:1.5s;
  1956. -o-transition-duration:1.5s;
  1957. text-shadow: 0px 0px 1px {color:italic};
  1958. {block:ifBiggerTagsonHover}
  1959. font-size:9px!important;
  1960. {block:ifBiggerTagsonHover}
  1961. }
  1962.  
  1963.  
  1964.  
  1965.  
  1966.  
  1967.  
  1968. /* PERMAPAGE NOTES */
  1969.  
  1970.  
  1971. #notes {
  1972. outline:1px solid {color:border};
  1973. font-family:calibri!important;
  1974. margin-bottom:1px!important;
  1975. margin-left:0px;
  1976. margin-right:0px;
  1977. margin-top:25px!important;
  1978. padding-top:16px;
  1979. padding-bottom:16px;
  1980. padding-left:15px;
  1981. padding-right:15px;
  1982. letter-spacing:-0.3px;
  1983. font-weight:bold;
  1984. font-size:9.4px!important;
  1985. color:{color:bold}!important;
  1986. background-color:#000000;
  1987. text-shadow: 0px 0px 1px {color:bold};
  1988. }
  1989.  
  1990.  
  1991.  
  1992. #notes span, .note span {
  1993. font-family:calibri;
  1994. color:{color:bold}!important;
  1995. text-shadow: 0px 0px 1px {color:bold};
  1996. }
  1997.  
  1998.  
  1999.  
  2000. .note li, .note {
  2001. font-family:calibri!important;
  2002. font-weight:bold!important;
  2003. font-family: monospace;
  2004. letter-spacing:0.6px;
  2005. text-transform:uppercase;
  2006. font-size:8.4px;
  2007. color:{color:bold};
  2008. text-shadow: 0px 0px 1px {color:bold};
  2009. -moz-transition-duration:1.5s;
  2010. -webkit-transition-duration:1.5s;
  2011. -o-transition-duration:1.5s;
  2012. list-style-type:none;
  2013. text-align:left!important;
  2014. }
  2015.  
  2016.  
  2017. .note li a {
  2018. font-weight:bold!important;
  2019. font-family: monospace;
  2020. letter-spacing:0.6px;
  2021. text-transform:uppercase;
  2022. font-size:8.4px;
  2023. text-shadow: 0px 0px 1px {color:links};
  2024. color:{color:links};
  2025. -moz-transition-duration:1.5s;
  2026. -webkit-transition-duration:1.5s;
  2027. -o-transition-duration:1.5s;
  2028. list-style-type:none;
  2029. text-align:left!important;
  2030. }
  2031.  
  2032.  
  2033. .more_notes_link, .more_notes_link a {
  2034. text-align:left!important;
  2035. margin-top:25px!important;
  2036. padding-top:25px!important;
  2037. color:{color:links}!important;
  2038. }
  2039.  
  2040.  
  2041. .note blockquote a {
  2042. padding-top:12px;
  2043. padding-bottom:12px;
  2044. padding-left:24px;
  2045. padding-right:24px;
  2046. margin-top:12px;
  2047. margin-bottom:12px;
  2048. margin-left:0px;
  2049. margin-right:0px;
  2050. color:{color:links}!important;
  2051. }
  2052.  
  2053.  
  2054. .note img.avatar {
  2055. display:none;
  2056. width: 0px;
  2057. height: 0px;
  2058. }
  2059.  
  2060.  
  2061.  
  2062.  
  2063.  
  2064.  
  2065.  
  2066.  
  2067. /* NAVIGATION PAGES */
  2068.  
  2069.  
  2070. .pageheader {
  2071. display:none;
  2072. margin-top:0px;
  2073. margin-left:-25px;
  2074. margin-bottom:0px!important;
  2075. height:75px;
  2076. width:538px;
  2077. overflow:hidden;
  2078. outline:1px solid {color:border};
  2079. -webkit-filter: brightness(1.1) contrast(1) saturate(1);
  2080. }
  2081.  
  2082.  
  2083. .pageheader1 {
  2084. margin-top:0px;
  2085. margin-left:-25px;
  2086. margin-bottom:0px!important;
  2087. height:75px;
  2088. width:538px;
  2089. overflow:hidden;
  2090. outline:1px solid {color:border};
  2091. -webkit-filter: brightness(1.1) contrast(1) saturate(1);
  2092. }
  2093.  
  2094.  
  2095. .pagenavi {
  2096. margin-top:0px!important;
  2097. margin-left:-26px!important;
  2098. margin-right:-25px!important;
  2099. margin-bottom:0px;
  2100. outline:0px;
  2101. }
  2102.  
  2103.  
  2104. .dropbtn {
  2105. display:inline-block;
  2106. box-sizing: border-box;
  2107. font-size:9.4px;
  2108. text-align:center;
  2109. min-width:492px!important;
  2110. padding-left:25px;
  2111. padding-right:25px;
  2112. margin-left:-1px;
  2113. margin-top:-1px;
  2114. margin-bottom:0px!important;
  2115. font-family: calibri, sans-serif;
  2116. text-transform:uppercase;
  2117. height:26px;
  2118. background-color:transparent;
  2119. outline:1px solid {color:border};
  2120. border:0px solid {color:border};
  2121. line-height:23px;
  2122. margin-right:0px;
  2123. color: #fff;
  2124. font-weight:bold!important;
  2125. overflow:hidden; /* older browsers */
  2126. }
  2127.  
  2128.  
  2129. .dropbtn:hover, .dropbtn:focus {
  2130. color:{color:links};
  2131. }
  2132.  
  2133.  
  2134. .dropdown {
  2135. position: relative;
  2136. display: inline-block;
  2137. }
  2138.  
  2139.  
  2140. .dropdown-content {
  2141. display: none;
  2142. position: absolute;
  2143. margin-top:-1px!important;
  2144. margin-left:1px;
  2145. margin-bottom:0px!important;
  2146. outline:0px solid {color:border};
  2147. border-top:1px solid {color:border};
  2148. border-bottom:0px solid {color:border};
  2149. background-color: {color:background};
  2150. width:537px;
  2151. z-index: 99;
  2152. -webkit-box-shadow: 0px 25px 0px -1px rgba(0,0,0,1);
  2153. -moz-box-shadow: 0px 25px 0px -1px rgba(0,0,0,1);
  2154. box-shadow: 0px 25px 0px -1px rgba(0,0,0,1);
  2155. }
  2156.  
  2157.  
  2158. .dropdown-content a {
  2159. color: black;
  2160. padding: 12px 16px;
  2161. text-decoration: none;
  2162. display: block;
  2163. }
  2164.  
  2165.  
  2166. .dropdown-content a:hover, .dropdown a:hover {
  2167. color:{color:links hover};!important;
  2168. }
  2169.  
  2170.  
  2171. .show {
  2172. display:block;
  2173. }
  2174.  
  2175.  
  2176. ul#tabs {
  2177. text-align: left;
  2178. Cursor:pointer;
  2179. }
  2180.  
  2181.  
  2182. ul#tabs li {
  2183. display:inline-block;
  2184. box-sizing: border-box;
  2185. font-size:9.6px;
  2186. text-align:center;
  2187. padding-left:24px;
  2188. padding-right:24px;
  2189. margin-bottom:-5px!important;
  2190. font-family: calibri, sans-serif;
  2191. text-transform:uppercase;
  2192. width:245.5px;
  2193. max-width:245.5px;
  2194. height:25px;
  2195. background-color:transparent;
  2196. border-bottom:1px solid {color:border};
  2197. border-left:0px solid {color:border};
  2198. border-right:1px solid {color:border};
  2199. line-height:25px;
  2200. margin-left:-1px;
  2201. margin-right:-1px;
  2202. color:{color:bold}!important;
  2203. text-shadow: 0px 0px 1px {color:bold}!important;
  2204. font-weight:bold!important;
  2205. overflow:hidden;
  2206. }
  2207.  
  2208.  
  2209. ul#tabs li.active {
  2210. color:{color:body text};
  2211. }
  2212.  
  2213.  
  2214. ul#tab, ul#tabs{
  2215. list-style-type:none;
  2216. margin:0px;
  2217. padding:0px;
  2218. }
  2219.  
  2220.  
  2221. ul#tab li.active {
  2222. display: block;
  2223. }
  2224.  
  2225.  
  2226. ul#tab li {
  2227. display: none;
  2228. }
  2229.  
  2230.  
  2231. .pageinfo {
  2232. margin-top:2px!important;
  2233. border-top:25px solid {color:background};
  2234. border-bottom:25px solid {color:background};
  2235. overflow-y:scroll!important;
  2236. margin-left:1px;
  2237. margin-right:1px;
  2238. height:182px;
  2239. background-color:{color:background};
  2240. }
  2241.  
  2242.  
  2243. .pageinfo h4 {
  2244. margin-top:12px;
  2245. margin-bottom:12px;
  2246. }
  2247.  
  2248.  
  2249. .pageinfo h4:first-child {
  2250. margin-top:1px!important;
  2251. }
  2252.  
  2253.  
  2254. .pagelinks {
  2255. margin-top:0px!important;
  2256. margin-bottom:0px!important;
  2257. margin-left:0px;
  2258. margin-right:0px;
  2259. background-color:transparent!important;
  2260. width:444px;
  2261. }
  2262.  
  2263.  
  2264. .pagelinks h4 {
  2265. margin-bottom:12px;
  2266. max-width:385px!important;
  2267. }
  2268.  
  2269.  
  2270. .pagelinks a {
  2271. font-family:calibri;
  2272. text-align:center;
  2273. font-style:normal;
  2274. font-weight:bold;
  2275. margin-right:0px;
  2276. margin-bottom:-3px;
  2277. font-size:9.6px;
  2278. letter-spacing:0px;
  2279. color:{color:bold}!important;
  2280. text-transform:uppercase;
  2281. display:inline-block;
  2282. box-sizing: border-box;
  2283. width:214.5px;
  2284. height:25px!important;
  2285. padding-left:25px;
  2286. padding-right:25px;
  2287. line-height:25px;
  2288. margin-left:-0px;
  2289. margin-right:6px;
  2290. margin-bottom:8.4px;
  2291. text-align:left;
  2292. border: 1px solid {color:border};
  2293. color:{color:bold}!important;
  2294. text-shadow: 0px 0px 1px {color:bold}!important;
  2295. }
  2296.  
  2297.  
  2298.  
  2299. .pagelinks a:hover, .pagelinks:hover {
  2300. color:#fff!important;
  2301. -moz-transition-duration:1.5s;
  2302. -webkit-transition-duration:1.5s;
  2303. -o-transition-duration:1.5s;
  2304. text-shadow: 0px 0px 1px {color:links hover};
  2305. }
  2306.  
  2307.  
  2308. #pagecontainer {
  2309. z-index:99999999999999999999999999999999999999!important;
  2310. position:absolute;
  2311. height:267px;
  2312. width:489px;
  2313. background-color:#fff;
  2314. left:176px;
  2315. margin-top:146px;
  2316. overflow:hidden;
  2317. outline:1px solid {color:border};
  2318. }
  2319.  
  2320.  
  2321. #pagecontent {
  2322. z-index:20!important;
  2323. position:absolute;
  2324. overflow:hidden;
  2325. text-align:justify;
  2326. box-sizing: border-box;
  2327. height:300px;
  2328. width:491px;
  2329. padding-top:0px!important;
  2330. background-color:{color:background};
  2331. border-right:1px solid {color:border};
  2332. border-left:0px solid {color:border};
  2333. padding-left:25px;
  2334. padding-right:25px;
  2335. }
  2336.  
  2337.  
  2338. .pageimg {
  2339. display:none!important;
  2340. z-index:9999999999999999999999999!important;
  2341. position:absolute;
  2342. top:294px;
  2343. height:120px;
  2344. width:231px;
  2345. outline:1px solid #151515;
  2346. overflow:hidden;
  2347. background-color:#fff;
  2348. }
  2349.  
  2350.  
  2351. .pageimg1 {
  2352. display:none!important;
  2353. z-index:9999999999999999999999999!important;
  2354. position:absolute;
  2355. top:294px;
  2356. height:120px;
  2357. width:231px;
  2358. outline:1px solid #151515;
  2359. overflow:hidden;
  2360. background-color:#fff;
  2361. }
  2362.  
  2363.  
  2364.  
  2365.  
  2366.  
  2367. /* TEXT-WRAPPING AROUND ICONS/IMAGES */
  2368.  
  2369.  
  2370. #wrap img {
  2371. background-color:{color:background};
  2372. margin-top:1px!important;
  2373. margin-bottom:0px!important;
  2374. padding-right:3px;
  2375. padding-bottom:3px;
  2376. float:left;
  2377. margin-right:13px;
  2378. padding:13px;
  2379. outline:1px solid {color:border};
  2380. -webkit-filter: brightness(1) contrast(1) saturate(1);
  2381. }
  2382.  
  2383.  
  2384. #wrap blockquote img {
  2385. background-color:{color:background};
  2386. margin-top:0px!important;
  2387. margin-bottom:0px!important;
  2388. margin-left:16px;
  2389. margin-right:0px!important;
  2390. float:right;
  2391. -webkit-filter: brightness(.8) contrast(1) saturate(1);
  2392. }
  2393.  
  2394.  
  2395.  
  2396. .dropdown-content3 {
  2397. display: none;
  2398. position: absolute;
  2399. margin-top:-1px!important;
  2400. margin-left:0px;
  2401. outline:0px solid {color:border};
  2402. border-bottom:1px solid {color:border};
  2403. background:rgba(0,0,0,1);
  2404. width:231px!important;
  2405. min-height:96px;
  2406. height:96px;
  2407. max-height:96px;
  2408. overflow-y:scroll;
  2409. z-index: 99;
  2410. }
  2411.  
  2412.  
  2413. .dropdown-content3 button {
  2414. background:rgba(0,0,0,1);
  2415. text-align:center!important;
  2416. margin-left:-1px;
  2417. margin-bottom:-1px!important;
  2418. width:118px;
  2419. height:32.9px!important;
  2420. line-height:32.9px!important;
  2421. color:{color:bold}important;
  2422. text-shadow: 0px 0px 1px {color:bold};
  2423. }
  2424.  
  2425.  
  2426.  
  2427. .dropdown-content3 button:focus, .dropdown-content3 button:active {
  2428. color: {color:links};
  2429. text-shadow: 0px 0px 1px {color:links};
  2430. }
  2431.  
  2432.  
  2433. .dropdown-content3 a {
  2434. text-decoration: none;
  2435. display: block;
  2436. color:{color:links};
  2437. text-shadow: 0px 0px 1px {color:links};
  2438. }
  2439.  
  2440.  
  2441. .dropdown-content3 a:hover, .dropdown3 a:hover {
  2442. color:{color:links hover};!important;
  2443. }
  2444.  
  2445.  
  2446. .dropbtn3 {
  2447. min-width:233px!important;
  2448. display:fixed;
  2449. letter-spacing:0px;
  2450. font-size:9.4px;
  2451. text-align:center;
  2452. padding-left:25px;
  2453. padding-right:25px;
  2454. margin-left:-1px;
  2455. margin-top:23px;
  2456. margin-bottom:0px!important;
  2457. font-family: calibri, sans-serif;
  2458. text-transform:uppercase;
  2459. height:25px;
  2460. background-color:{color:background};
  2461. outline:0px solid {color:border};
  2462. border:1px solid {color:border};
  2463. line-height:25px;
  2464. margin-right:0px;
  2465. font-weight:bold!important;
  2466. }
  2467.  
  2468.  
  2469. .dropbtn3:hover, .dropbtn3:focus {
  2470. color:{color:links};
  2471. }
  2472.  
  2473.  
  2474. button {
  2475. display:inline-block;
  2476. box-sizing: border-box;
  2477. text-align:center;
  2478. padding-left:25px;
  2479. padding-right:25px;
  2480. font-weight:bold!important;
  2481. font-family: calibri;
  2482. letter-spacing:0px;
  2483. text-transform:uppercase;
  2484. font-size:9px;
  2485. width:180px;
  2486. max-width:180px;
  2487. height:25px;
  2488. background-color:{color:background};
  2489. border:1px solid {color:border};
  2490. line-height:22px;
  2491. margin-left:0px;
  2492. margin-right:-4px;
  2493. color: {color:bold};
  2494. cursor:pointer;
  2495. font-weight:bold!important;
  2496. overflow:hidden;
  2497. text-shadow: 0px 0px 1px {color:bold};
  2498. -webkit-transition: all 1.5s ease-in-out;
  2499. -moz-transition: all 1.5s ease-in-out;
  2500. -o-transition: all 1.5s ease-in-out;
  2501. -ms-transition: all 1.5s ease-in-out;
  2502. transition: all 1.5s ease-in-out;
  2503. }
  2504.  
  2505.  
  2506. button:focus {
  2507. outline:none!important;
  2508. }
  2509.  
  2510.  
  2511. button:hover {
  2512. color:{color:links hover}!important;
  2513. -webkit-transition: all 1.5s ease-in-out;
  2514. -moz-transition: all 1.5s ease-in-out;
  2515. -o-transition: all 1.5s ease-in-out;
  2516. -ms-transition: all 1.5s ease-in-out;
  2517. transition: all 1.5s ease-in-out;
  2518. text-shadow: 0px 0px 1px {color:links hover};
  2519. }
  2520.  
  2521.  
  2522.  
  2523. button:last-child,
  2524. :nth-last-child(2) {
  2525. border-bottom:0px!important;
  2526. }
  2527.  
  2528.  
  2529.  
  2530.  
  2531. </style>
  2532. </head>
  2533.  
  2534.  
  2535.  
  2536.  
  2537.  
  2538.  
  2539.  
  2540. <body>
  2541.  
  2542.  
  2543.  
  2544.  
  2545. <div id="container">
  2546.  
  2547. <div id="containertitle">
  2548. loialte
  2549. </div id="containertitle">
  2550.  
  2551.  
  2552.  
  2553.  
  2554.  
  2555. <div id="side">
  2556.  
  2557. <img class="rightimg1" src="{image:Sidebar1}"/>
  2558.  
  2559.  
  2560. <img class="rightimg2" src="{image:Sidebar2}"/>
  2561.  
  2562.  
  2563. <div class="rightboxheader">
  2564. <div class="dropdown3">
  2565.  
  2566. <button onclick="myFunction()" class="dropbtn3" style="color:{color:text}!important; text-align:center; text-shadow: 0px 0px 1px {color:text}!important;">
  2567. Click here to select a theme aesthetic
  2568. </button>
  2569. <div id="myDropdown" class="dropdown-content3">
  2570.  
  2571. <button class="steve">Steve</button>
  2572. <button class="dugan">Dugan</button>
  2573. <button class="brian">Brian</button>
  2574. <button class="dean">Dean</button>
  2575. <button class="mary">Mary</button>
  2576. <button class="alec">Alec</button>
  2577. <button class="valentine">Valentine</button>
  2578. <button class="stefan">Stefan</button>
  2579. <button class="claudia">Claudia</button>
  2580. <button class="luther">Luther</button>
  2581. <button class="ethan">Ethan</button>
  2582. <button class="porthos">Porthos</button>
  2583.  
  2584. </div id="myDropdown" class="dropdown-content3">
  2585.  
  2586. </div class="dropdown3">
  2587. </div class="rightboxheader">
  2588.  
  2589. <div id="rightbox">
  2590.  
  2591. <b><big>The themes:</big></b> The old are archived <a href="https://iniziarearchive.tumblr.com">here,</a> while any/all inquiries can be directed to this blog, as will new/updated themes be featured here. Don't hesitate to message!
  2592.  
  2593. </div id="rightbox">
  2594.  
  2595. </div id="side">
  2596.  
  2597.  
  2598. <div id="left">
  2599.  
  2600.  
  2601. <div id="leftboxheader">
  2602. A Multimuse; as authored by Shae
  2603. </div id="leftboxheader">
  2604.  
  2605.  
  2606.  
  2607. <div id="leftbox">
  2608.  
  2609. "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>
  2610.  
  2611. <hr>
  2612.  
  2613. <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.
  2614.  
  2615. <p><b>Originally established in December 2018.</b>
  2616. <br><b style="color:{color:text}!important">Written and ever adored by Sae.</b>
  2617.  
  2618. </div id="leftbox">
  2619.  
  2620.  
  2621.  
  2622. <img class="leftimg" src="{image:Sidebar3}"/>
  2623.  
  2624. </div id="left">
  2625.  
  2626.  
  2627.  
  2628.  
  2629.  
  2630.  
  2631.  
  2632. <div id="content">
  2633. <div id="content2">
  2634.  
  2635. {block:Posts}
  2636. <div class="posts">
  2637.  
  2638.  
  2639.  
  2640.  
  2641.  
  2642.  
  2643. <!-- POSTS: TEXT -->
  2644.  
  2645.  
  2646. {block:Text}
  2647. <div id="textbody">
  2648. {block:Title}
  2649. <h1>{Title}</h1>
  2650. {/block:Title}
  2651.  
  2652. <div id="wrap">
  2653. {Body}
  2654. </div id="wrap">
  2655. </div id="textbody">
  2656. {/block:Text}
  2657.  
  2658.  
  2659.  
  2660.  
  2661.  
  2662.  
  2663. <!-- POSTS: PHOTO/SET -->
  2664.  
  2665.  
  2666. {block:Photo}
  2667. <div id="psingle">
  2668. {LinkOpenTag}
  2669.  
  2670. <img src="{PhotoURL-HighRes}">
  2671. {LinkCloseTag}
  2672.  
  2673. </div id="psingle">
  2674.  
  2675.  
  2676. {block:Caption}
  2677.  
  2678. <div id="pcaption">
  2679. {Caption}
  2680. </div id="pcaption">
  2681.  
  2682. {/block:Caption}
  2683.  
  2684. {/block:Photo}
  2685.  
  2686.  
  2687.  
  2688.  
  2689. {block:Photoset}
  2690. <div id="pset">
  2691. {Photoset}
  2692. </div id="pset">
  2693.  
  2694. {block:Caption}
  2695. {Caption}
  2696. {/block:Caption}
  2697.  
  2698. {/block:Photoset}
  2699.  
  2700.  
  2701.  
  2702.  
  2703.  
  2704.  
  2705. <!-- POSTS: QUOTE -->
  2706.  
  2707.  
  2708. {block:Quote}
  2709. <div id="quote">
  2710. "{Quote}"
  2711.  
  2712. <div class="source">
  2713. Source: {Source}
  2714. </div class="source">
  2715.  
  2716. </div id="quote">
  2717. {/block:Quote}
  2718.  
  2719.  
  2720.  
  2721.  
  2722.  
  2723.  
  2724. <!-- POSTS: LINK -->
  2725.  
  2726.  
  2727. {block:Link}
  2728. <div id="link">
  2729.  
  2730. <a href="{URL}" {Target}>{Name}&nbsp;&nbsp; Next</a>
  2731.  
  2732. </div id="link">
  2733. {/block:Link}
  2734.  
  2735.  
  2736.  
  2737.  
  2738.  
  2739.  
  2740. <!-- POSTS: CHAT -->
  2741.  
  2742.  
  2743. {block:Chat}
  2744. <div id="chat">
  2745.  
  2746. {block:Lines}
  2747. <div id="{Alt}">
  2748.  
  2749. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  2750.  
  2751. </div id="{Alt}">
  2752. {/block:Lines}
  2753.  
  2754. </div id="chat">
  2755. {/block:Chat}
  2756.  
  2757.  
  2758.  
  2759.  
  2760.  
  2761.  
  2762. <!-- POSTS: AUDIO -->
  2763.  
  2764.  
  2765. {block:Audio}
  2766. <div class="audioplayer">
  2767.  
  2768. {AudioPlayerWhite}
  2769.  
  2770. </div class="audioplayer">
  2771.  
  2772.  
  2773. <div class="audioinfo">
  2774. {block:TrackName}{TrackName}{/block:TrackName} — {block:Artist}{Artist}{/block:Artist}
  2775. </div class="audioinfo">
  2776.  
  2777. {block:Caption}
  2778. {Caption}
  2779. {/block:Caption}
  2780.  
  2781. {/block:Audio}
  2782.  
  2783.  
  2784.  
  2785.  
  2786.  
  2787.  
  2788. <!-- POSTS: VIDEO -->
  2789.  
  2790.  
  2791. {block:Video}
  2792. <div class="video">
  2793.  
  2794. {VideoEmbed-500}
  2795.  
  2796. </div class="video">
  2797.  
  2798. {block:Caption}
  2799. {Caption}
  2800. {/block:Caption}
  2801.  
  2802. {/block:Video}
  2803.  
  2804.  
  2805.  
  2806.  
  2807.  
  2808.  
  2809. <!-- POSTS: ASK -->
  2810.  
  2811.  
  2812. {block:Answer}
  2813.  
  2814. <div id="question">
  2815. <div id="ask">
  2816.  
  2817. <b>{Asker} is inquiring:</b> {Question}
  2818.  
  2819. </div id="ask">
  2820. <div class="letterask">Q</div class="letterask">
  2821.  
  2822. </div id="question">
  2823.  
  2824. <div id="response">
  2825. <div id="wrap"><span>{Answer}</span></div id="wrap">
  2826.  
  2827. </div id="response">
  2828.  
  2829. {/block:Answer}
  2830.  
  2831.  
  2832.  
  2833.  
  2834.  
  2835.  
  2836.  
  2837.  
  2838. <!-- POST INFORMATION -->
  2839.  
  2840.  
  2841.  
  2842. {block:Date}
  2843.  
  2844. {block:indexpage}
  2845.  
  2846. <div class="permalink">
  2847. <div class="permalinkbuttons">
  2848.  
  2849. <a href="{Permalink}" style="text-align:left;" title="{NoteCountWithLabel}">
  2850. {Month} {DayOfMonth}{DayOfMonthSuffix} / {12Hour}:{Minutes}{CapitalAmPm}</a>
  2851.  
  2852. {block:RebloggedFrom}
  2853. <a href="{ReblogParentURL}" title="{ReblogParentName}: {ReblogParentTitle}" style="margin-left:-1px; min-width:178px!important;max-width:178px!important;">
  2854. REBLOGGED FROM / VIA
  2855. </a>
  2856. {/block:RebloggedFrom}
  2857.  
  2858. <a href="{ReblogURL}" target="_blank" class="details" style="float:right; text-align:right;">
  2859. CLICK HERE TO REBLOG THIS POST
  2860. </a>
  2861.  
  2862. </div class="permalinkbuttons">
  2863.  
  2864.  
  2865. {block:HasTags}
  2866. <div class="tags">
  2867.  
  2868. {block:Tags}
  2869. <a href="{TagURL}">{Tag}&nbsp;&nbsp;</a>
  2870. {/block:Tags}
  2871.  
  2872. </div class="tags">
  2873. {/block:HasTags}
  2874.  
  2875.  
  2876. </div class="permalink">
  2877. {/block:indexpage}
  2878.  
  2879.  
  2880.  
  2881.  
  2882.  
  2883. {block:permalinkpage}
  2884. <div class="permalink">
  2885. <div class="permalinkbuttons">
  2886.  
  2887. {block:RebloggedFrom}
  2888. <a href="{ReblogParentName}" title="{ReblogParentName}" style="text-align:left;">
  2889. REBLOGGED FROM / VIA
  2890. </a>
  2891. {/block:RebloggedFrom}
  2892.  
  2893. <a href="{ReblogURL}" target="_blank" class="details" style="float:right; ">
  2894. CLICK HERE TO REBLOG THIS POST
  2895. </a>
  2896.  
  2897. </div class="permalinkbuttons">
  2898.  
  2899. {block:HasTags}
  2900. <div class="tags">
  2901. {block:Tags}
  2902.  
  2903. <a href="{TagURL}">
  2904. {Tag}&nbsp;&nbsp;
  2905. </a>
  2906.  
  2907. {/block:Tags}
  2908. </div class="tags">
  2909. {/block:HasTags}
  2910.  
  2911. </div class="permalink">
  2912. {/block:permalinkpage}
  2913.  
  2914. {/block:Date}
  2915.  
  2916.  
  2917.  
  2918.  
  2919.  
  2920.  
  2921. <!-- NOTES -->
  2922.  
  2923. {block:PostNotes}
  2924. <div id="notes">
  2925.  
  2926. <div class="note">
  2927. {PostNotes}
  2928. </div class="note">
  2929.  
  2930. </div id="notes">
  2931. {/block:PostNotes}
  2932.  
  2933.  
  2934.  
  2935.  
  2936.  
  2937.  
  2938. <!-- HIDE VIA/SOURCE IN POSTS -->
  2939.  
  2940.  
  2941. {block:ContentSource}<!-- {SourceURL}
  2942. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  2943. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2944. {/block:ContentSource}
  2945.  
  2946.  
  2947. <!-- {block:NoRebloggedFrom}
  2948. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  2949. {/block:NoRebloggedFrom} -->
  2950.  
  2951. </div class="posts">
  2952. {/block:Posts}
  2953.  
  2954.  
  2955. <div class="pagination">
  2956.  
  2957. {block:Indexpage}
  2958. {block:PreviousPage}<a href="{PreviousPage}">RETURN TO LAST PAGE</a>{/block:PreviousPage}
  2959. {block:NextPage}<a href="{NextPage}" style="float:right; margin-right:1px; text-align:right;">PROCEED TO NEXT PAGE</a>{/block:NextPage}
  2960. {/block:Indexpage}
  2961.  
  2962.  
  2963.  
  2964. {block:PermalinkPagination}
  2965. {block:PreviousPost}<a href="{PreviousPost}" title="Previous Post">RETURN TO LAST POST</a>{/block:PreviousPost}
  2966. {block:NextPost}<a href="{NextPost}" title="Next Post" style="float:right; margin-right:1px; text-align:right;">PROCEED TO NEXT POST</a>{/block:NextPost}
  2967. {/block:PermalinkPagination}
  2968.  
  2969. </div class="pagination">
  2970.  
  2971.  
  2972.  
  2973. </div id="content2">
  2974. </div id="content">
  2975.  
  2976.  
  2977.  
  2978.  
  2979.  
  2980.  
  2981. <div id="bottombar">
  2982.  
  2983. <a href="/" class="button">
  2984. Refresh / Index
  2985. </a>
  2986.  
  2987.  
  2988. <button class="w3-bar-item w3-button" onclick="openPage('Inquiries')">
  2989. The Askbox
  2990. </button>
  2991.  
  2992.  
  2993. <button class="w3-bar-item w3-button" onclick="openMuse('Muses')">
  2994. Active Muses
  2995. </button>
  2996.  
  2997.  
  2998. <a href="https://docs.google.com/document/d/1FSGju3i19c1oh8rZ2VBlQgOkJjKhfQSUdDdxPsV0aVc/edit" class="button">Information</a>
  2999.  
  3000.  
  3001. </div id="bottombar">
  3002.  
  3003.  
  3004. </div id="container">
  3005.  
  3006.  
  3007.  
  3008.  
  3009.  
  3010. <div id="Index" class="Muse; navi; page;" style="display:block">
  3011.  
  3012. </div id="Index" class="Muse; navi; page;">
  3013.  
  3014.  
  3015.  
  3016.  
  3017.  
  3018.  
  3019.  
  3020.  
  3021.  
  3022.  
  3023.  
  3024. <!-- NAVIGATIONAL LIST LINKS -->
  3025.  
  3026. <div id="Navigation" class="muse" style="display:none;">
  3027.  
  3028.  
  3029. <div class="nlist">
  3030. <div class="nlinks">
  3031.  
  3032.  
  3033.  
  3034. <!-- COPY/PASTE THESE IF YOU WANT MORE LINKS -->
  3035.  
  3036. <li onclick="" style="color:{color:text}!important; font-family:monospace; letter-spacing:0.6px; font-size:8.4px; font-weight:lighter;">
  3037. Scroll to see more pages!
  3038. </li>
  3039.  
  3040.  
  3041. <li onclick="openPage('Guidelines')">
  3042. Guidelines / Regulations
  3043. </li>
  3044.  
  3045.  
  3046. <li onclick="openPage('Tags')">
  3047. General Navigation / Tags
  3048. </li>
  3049.  
  3050.  
  3051. <li onclick="openPage('')">
  3052. Themes / Resources <i>(Coming soon!)</i>
  3053. </li>
  3054.  
  3055.  
  3056. <a href="https://iniziarearchive.tumblr.com">My old themes / Resources</a>
  3057.  
  3058.  
  3059. <!-- / COPY/PASTE THESE IF YOU WANT MORE LINKS -->
  3060.  
  3061.  
  3062.  
  3063. </div class="nlinks">
  3064. </div class="nlist">
  3065.  
  3066. </div id="Navigation" class="muse">
  3067.  
  3068.  
  3069.  
  3070.  
  3071.  
  3072.  
  3073.  
  3074.  
  3075.  
  3076.  
  3077.  
  3078. <!-- NAVIGATIONAL LIST LINKS -->
  3079.  
  3080. <div id="Muses" class="muse" style="display:none;">
  3081.  
  3082.  
  3083. <div class="nlist">
  3084. <div class="nlinks">
  3085.  
  3086.  
  3087.  
  3088. <!-- COPY/PASTE THESE IF YOU WANT MORE LINKS -->
  3089.  
  3090. <div class="nlinksbutton" style="pointer-events:none; font-family:calibri; font-weight:bold!important; color:{color:bold}; text-shadow: 0px 0px 1px {color:bold};
  3091. font-size:8.5px;letter-spacing:0.3px;">Click the groups to expand them!</div>
  3092.  
  3093. <div class="nlinksbutton">From the screen</div>
  3094. <div class="nlinkscontent">
  3095.  
  3096.  
  3097. <a href="https://docs.google.com/document/d/1TWvHra3tQwmETCmLcUBwy_lQ6_3AyeTuSIQmxefqKvo/edit">
  3098. Steve Rogers
  3099. </a>
  3100.  
  3101.  
  3102. <a href="https://docs.google.com/document/d/1AJyPzTgeSfAMjpHbmUJ82nnSHrXcWUFLKYxxE49AF5s/edit">
  3103. Dum Dum Dugan
  3104. </a>
  3105.  
  3106.  
  3107. <a href="https://docs.google.com/document/d/1Fm0IQfm1nKMZyNZwVdHrPQ7Fn4kvlVLsFVhBJio4_Mg/edit">
  3108. Dean Winchester
  3109. </a>
  3110.  
  3111.  
  3112. <a href="">
  3113. Mary Stuart
  3114. </a>
  3115.  
  3116.  
  3117. <a href="">
  3118. Stefan Salvatore
  3119. </a>
  3120.  
  3121.  
  3122. <a href="">
  3123. Ethan Chandler
  3124. </a>
  3125.  
  3126.  
  3127. <a href="">
  3128. Porthos du Vallon
  3129. </a>
  3130.  
  3131.  
  3132. </div class="nlinkscontent">
  3133.  
  3134.  
  3135.  
  3136.  
  3137. <div class="nlinksbutton1">From the page</div>
  3138. <div class="nlinkscontent1">
  3139.  
  3140. <a href="https://docs.google.com/document/d/1k1EOm7lSwk826dQlPoh9_GrVh9eqgalmtdXOeRFKkYs/edit">
  3141. Brian Falsworth
  3142. </a>
  3143.  
  3144.  
  3145. <a href="https://docs.google.com/document/d/1FeGazUeHccgzy1xmQBYtNM_geErFeXC2Xe3kZiRwyCE/edit">
  3146. Alec Lightwood
  3147. </a>
  3148.  
  3149.  
  3150. <a href="https://docs.google.com/document/d/1mGljoSMwCmrixMv0aADSq0Ob7SrcZ9TONXMHp1mPhgs/edit">
  3151. Valentine Morgenstern
  3152. </a>
  3153.  
  3154.  
  3155. </div class="nlinkscontent">
  3156.  
  3157.  
  3158.  
  3159.  
  3160.  
  3161.  
  3162.  
  3163.  
  3164. <div class="nlinksbutton3">From video games</div>
  3165. <div class="nlinkscontent3">
  3166.  
  3167.  
  3168. <a href="/">
  3169. Claudia Auditore
  3170. </a>
  3171.  
  3172.  
  3173. <a href="https://docs.google.com/document/d/1hTUwnJnit4ZM5y6HM6byVHAZQ3Gpj31UNgMC_WBLOH8/edit">
  3174. Luther / TR400 Android
  3175. </a>
  3176.  
  3177.  
  3178. </div class="nlinkscontent">
  3179.  
  3180.  
  3181. <!-- / COPY/PASTE THESE IF YOU WANT MORE LINKS -->
  3182.  
  3183.  
  3184.  
  3185. </div class="nlinks">
  3186. </div class="nlist">
  3187.  
  3188. </div id="Muses" class="muse">
  3189.  
  3190.  
  3191.  
  3192.  
  3193.  
  3194.  
  3195.  
  3196.  
  3197.  
  3198.  
  3199.  
  3200.  
  3201.  
  3202.  
  3203.  
  3204. <!-- PAGE: INQUIRIES -->
  3205.  
  3206. <div id="Inquiries" class="page" style="display:none;">
  3207. <div id="pagecontainer">
  3208. <div id="pagecontent">
  3209.  
  3210.  
  3211. <div class="pagenavi" style="margin-left:-25px;">
  3212. <div class="dropdown">
  3213.  
  3214. <button onclick="myFunction()" class="dropbtn">
  3215. Inquiries / Askbox / Curiosities</button>
  3216.  
  3217. </div class="dropdown">
  3218. </div class="pagenavi">
  3219.  
  3220.  
  3221. <!-- TAB ONE -->
  3222.  
  3223.  
  3224. <div class="pageinfo">
  3225.  
  3226. <iframe frameborder="0" scrolling="yes" width="418px" height="200px" src="https://www.tumblr.com/ask_form/loialte.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>
  3227.  
  3228. </div class="pageinfo">
  3229. </div id="pagecontent">
  3230.  
  3231. <img class="pageimg1" src="https://static.tumblr.com/m7qloac/Jhfq7zame/rustyside04.png"/>
  3232.  
  3233.  
  3234. </div id="pagecontainer">
  3235.  
  3236.  
  3237. </div id="Inquiries" class="page">
  3238.  
  3239.  
  3240.  
  3241.  
  3242.  
  3243.  
  3244.  
  3245.  
  3246.  
  3247.  
  3248. </body>
  3249. </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!