API tools faq
paste
Advertisement
littlemisswhoever

Theme: nobilitaas (Viper)

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