API tools faq
paste
Advertisement
littlemisswhoever

Theme: beggarsdie

littlemisswhoever
Jun 30th, 2018
145
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 47.37 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!-- (BASE) THEME BY INIZIARE (LUMENRECTIS / KHRUSEOS) -->
  4.  
  5.  
  6.  
  7.  
  8. <html>
  9. <head>
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}
  14. <meta name="description" content="{MetaDescription}" />
  15. {/block:Description}
  16. </head>
  17.  
  18.  
  19. <!-- SCRIPT: TOOLTIP -->
  20.  
  21.  
  22. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  23. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  24. <script>
  25. (function($){
  26. $(document).ready(function(){
  27. $("a[title]").style_my_tooltips({
  28. tip_follows_cursor:true,
  29. tip_delay_time:90,
  30. tip_fade_speed:600,
  31. attribute:"title"
  32. });
  33. });
  34. })(jQuery);
  35. </script>
  36.  
  37.  
  38.  
  39. <!-- SCRIPT: POPUPS -->
  40.  
  41. <script type="text/javascript"
  42. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  43. <script>
  44. $(document).ready(function() {
  45. //
  46. $('a.poplight[href^=#]').click(function() {
  47. var popID = $(this).attr('rel'); //Get Popup Name
  48. var popURL = $(this).attr('href'); //Get Popup href to define size
  49. var query= popURL.split('?');
  50. var dim= query[1].split('&');
  51. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  52. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  53. var popMargTop = ($('#' + popID).height() + 80) / 2;
  54. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  55. //Apply Margin to Popup
  56. $('#' + popID).css({
  57. 'margin-top' : -popMargTop,
  58. 'margin-left' : -popMargLeft
  59. });
  60. $('body').append('<div id="fade"></div>');
  61. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  62. return false;
  63. });
  64. $('a.close, #fade').live('click', function() {
  65. $('#fade , .popup_block').fadeOut(function() {
  66. $('#fade, a.close').remove(); //fade them both out
  67. });
  68. return false;
  69. });
  70. });
  71. </script>
  72.  
  73.  
  74.  
  75.  
  76. <!-- SCRIPT: jQuery -->
  77.  
  78. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  79.  
  80.  
  81.  
  82.  
  83. <!-- SCRIPT: AUDIO PLAYER -->
  84.  
  85. <script>
  86. $(document).ready(function() {
  87. $('iframe.tumblr_audio_player').load( function() {
  88. $('iframe.tumblr_audio_player').contents().find("head")
  89. .append($("<style type='text/css'> .audio-player{background:#000000 !important; color:#ffffff !important;} </style>"));
  90. });
  91. });
  92. </script>
  93.  
  94.  
  95.  
  96.  
  97. <!-- SCRIPT: POPUP TABS -->
  98.  
  99. <script>$(document).ready(function(){
  100. $("ul#tabs li").click(function(e){
  101. if (!$(this).hasClass("active")) {
  102. var tabNum = $(this).index();
  103. var nthChild = tabNum+1;
  104. $("ul#tabs li.active").removeClass("active");
  105. $(this).addClass("active");
  106. $("ul#tab li.active").removeClass("active");
  107. $("ul#tab li:nth-child("+nthChild+")").addClass("active");}});});</script>
  108.  
  109.  
  110.  
  111.  
  112. <!-- CUSTOM FONTS -->
  113.  
  114. <link href="https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre" rel="stylesheet">
  115.  
  116.  
  117. <link rel="stylesheet" href="CUSTOMFONTHERE">
  118.  
  119.  
  120.  
  121.  
  122.  
  123.  
  124. <!-- META LINES -->
  125.  
  126.  
  127. <meta name="text:Font" content="'Frank Ruhl Libre'"/>
  128. <meta name="text:Font Size" content="10px"/>
  129. <meta name="text:Custom Capitals Font" content="'customfonthere'">
  130.  
  131. <meta name="color:Italic" content="#ffffff" />
  132. <meta name="color:Links" content="#ffffff" />
  133. <meta name="color:Links Hover" content="#ffffff" />
  134.  
  135.  
  136.  
  137. <meta name="if:Text Wrapping" content="1"/>
  138. <meta name="if:Boxed Blockquotes" content="1"/>
  139. <meta name="if:Icon Borders" content="1"/>
  140. <meta name="if:Bigger Tags on Hover" content="0"/>
  141. <meta name="if:First Letter Styling" content="0"/>
  142.  
  143.  
  144.  
  145. <style type="text/css">
  146.  
  147.  
  148.  
  149.  
  150. /* SCROLLBAR */
  151.  
  152. ::-webkit-scrollbar {
  153. background:transparent;
  154. height: 0px;
  155. display:none;
  156. width: 0px; /* remove scrollbar space */
  157. -ms-overflow-style: none; // IE 10+
  158. overflow: -moz-scrollbars-none; // Firefox
  159. }
  160.  
  161.  
  162. ::-webkit-scrollbar-thumb {
  163. background:transparent;
  164. }
  165.  
  166.  
  167. /* TEXT SELECTION */
  168.  
  169. ::selection {background: #000000; color:#ffffff;}
  170. ::-moz-selection {background: #000000; color:#ffffff;}
  171.  
  172.  
  173.  
  174.  
  175.  
  176. /* TOOLTIP */
  177.  
  178.  
  179. #s-m-t-tooltip {
  180. z-index:999999;
  181. max-width:350px;
  182. margin-left:10px;
  183. margin-top:10px;
  184. font-weight:lighter;
  185. background-color:#000000;
  186. background:rgba(0,0,0,1);
  187. border:1px solid #1a1a1a;
  188. padding-top:6px;
  189. padding-bottom:6px;
  190. padding-left:16px;
  191. padding-right:16px;
  192. font-family:calibri;
  193. font-style:normal;
  194. font-weight:700;
  195. font-size:10px;
  196. text-shadow: 0px 0px 1px #000;
  197. color: #e8e8e8;
  198. text-transform:uppercase;
  199. letter-spacing:0px;
  200. -webkit-box-shadow: 0px 1px 19px 4px rgba(0,0,0,0.75);
  201. -moz-box-shadow: 0px 1px 19px 4px rgba(0,0,0,0.75);
  202. box-shadow: 0px 1px 19px 4px rgba(0,0,0,0.75);
  203. }
  204.  
  205.  
  206.  
  207.  
  208.  
  209.  
  210. /* FOUNDATION */
  211.  
  212.  
  213. body {
  214. background-image:url('https://i.imgur.com/L01LxPS.png');
  215. background-attachment:fixed;
  216. background-repeat:no-repeat;
  217. background-position:top left;
  218. background-color:#000000;
  219. color:#c6c6c6;
  220. font-size:{text:Font Size};
  221. line-height:{text:Line Height}
  222. word-spacing:-0.5px;
  223. color:{color:Body Text};
  224. font-family:{text:Font};
  225. word-wrap: break-word;
  226. }
  227.  
  228.  
  229. body a {
  230. font-size:12px;
  231. color:#ffffff;
  232. font-weight:bold;
  233. text-decoration:none!important;
  234. -moz-transition-duration:1s;
  235. -webkit-transition-duration:1s;
  236. -o-transition-duration:1s;
  237. }
  238.  
  239. body a:hover {
  240. color:{color:links hover};
  241. -moz-transition-duration:1s;
  242. -webkit-transition-duration:1s;
  243. -o-transition-duration:1s;
  244. }
  245.  
  246.  
  247.  
  248.  
  249.  
  250. /* BLOCKQUOTES */
  251.  
  252. {block:IfBoxedBlockquotes}
  253. blockquote {
  254. padding-left:24px;
  255. padding-right:24px;
  256. padding-top:14px;
  257. padding-bottom:12px;
  258. margin-top:12px;
  259. text-align:justify;
  260. margin-bottom:24px;
  261. margin-left:-25px;
  262. margin-right:-25px;
  263. border-left:1px solid #141414;
  264. border-right:1px solid #141414;
  265. border-bottom:1px solid #141414;
  266. border-top:1px solid #141414;
  267. background-color:transparent;
  268. word-wrap: break-word!important;
  269. }
  270.  
  271.  
  272. blockquote blockquote {
  273. margin-left:0px;
  274. margin-right:0px;
  275. }
  276. {/block:IfBoxedBlockquotes}
  277.  
  278.  
  279. {block:IfNotBoxedBlockquotes}
  280. blockquote {
  281. padding-left:24px;
  282. margin-top:12px;
  283. margin-left:0px;
  284. margin-right:0px;
  285. text-align:justify;
  286. margin-bottom:24px;
  287. border-left:1px solid #141414;
  288. background-color:transparent;
  289. word-wrap: break-word!important;
  290. }
  291.  
  292.  
  293.  
  294. blockquote blockquote {
  295. margin-top:15px;
  296. margin-bottom:15px;
  297. }
  298.  
  299.  
  300. blockquote img {
  301. max-width:386px!important;
  302. height:auto;
  303. }
  304. {/block:IfNotBoxedBlockquotes}
  305.  
  306.  
  307.  
  308.  
  309.  
  310. /* FONT-RELATED */
  311.  
  312.  
  313. small, sub, sup {
  314. font-size:{text:Font Size};
  315. }
  316.  
  317.  
  318. big {
  319. font-size:120%;
  320. }
  321.  
  322.  
  323. b, bold, strong {
  324. font-size:10px;
  325. text-transform:uppercase;
  326. font-family: calibri;
  327. font-weight:bold;
  328. color:#4c3b57;
  329. padding-right:1px;
  330. padding-left:1px;
  331. text-shadow: 0px 0px 1px rgba(77, 18, 19, 0.85);
  332. }
  333.  
  334. em, i, italic {
  335. font-family:calibri;
  336. font-style:normal;
  337. font-weight:700;
  338. font-size:10px;
  339. line-height:10px;
  340. text-shadow: 0px 0px 1px #000;
  341. color: {color:Italic};
  342. text-transform:uppercase;
  343. }
  344.  
  345.  
  346. u {
  347. text-decoration:none!important;
  348. }
  349.  
  350.  
  351. {block:ifFirstLetterStyling}
  352. u, u a {
  353. background-color: #000000;
  354. border: 1px solid #151515;
  355. font-family:'Frank Ruhl Libre', serif;
  356. color: #cecece;
  357. text-decoration:none!important;
  358. font-style:normal!important;
  359. font-weight:100!important;
  360. text-transform:uppercase!important;
  361. float: left;
  362. height:50px;
  363. width:50px;
  364. font-size: 36px;
  365. margin-right: 11px;
  366. position: relative;
  367. text-align: center;
  368. vertical-align: middle;
  369. line-height: 50px;
  370. }
  371. {/block:ifFirstLetterStyling}
  372.  
  373.  
  374.  
  375. pre {
  376. font-weight:lighter;
  377. text-transform:uppercase;
  378. color: #d1d1d1;
  379. line-height:155%;
  380. font-weight:lighter!important;
  381. color:#e6e6e6;
  382. font-size:8.6px;
  383. letter-spacing:0.6px;
  384. white-space: pre-wrap;
  385. white-space: -moz-pre-wrap;
  386. white-space: -pre-wrap;
  387. white-space: -o-pre-wrap;
  388. word-wrap: break-word;
  389. }
  390.  
  391.  
  392. pre a {
  393. color:#ffffff;
  394. -moz-transition-duration:2s;
  395. -webkit-transition-duration:2s;
  396. -o-transition-duration:2s;
  397. }
  398.  
  399.  
  400.  
  401. h1 {
  402. word-spacing:-0.5px;
  403. font-size:12px;
  404. color: #ffffff;
  405. font-weight:bold;
  406. font-family:calibri;
  407. margin-bottom:24px;
  408. text-align:left!important;
  409. text-transform:uppercase;
  410. }
  411.  
  412.  
  413.  
  414. h1 a {
  415. font-weight:bold;
  416. color: #d1d1d1!important;
  417. }
  418.  
  419.  
  420.  
  421. h2 {
  422. font-family: calibri, sans-serif;
  423. font-size:13.4px;
  424. text-transform:uppercase!important;
  425. color:{color:bold};
  426. letter-spacing:-0.4px;
  427. }
  428.  
  429.  
  430.  
  431. h2 a {
  432. font-family: calibri, sans-serif;
  433. font-size:13.4px!important;
  434. text-transform:uppercase!important;
  435. color:#ffffff;
  436. letter-spacing:-0.4px;
  437. }
  438.  
  439.  
  440.  
  441. h3 {
  442. text-transform:uppercase;
  443. font-family: 'Josefin Sans', sans-serif;
  444. font-size:10.5px;
  445. text-transform:uppercase;
  446. letter-spacing:0px;
  447. word-spacing:-1px;
  448. color: #dadada;
  449. text-shadow:1px 1px 0 #000;
  450. text-align:center;
  451. margin-bottom:6px;
  452. padding-right:10px;
  453. padding-left:10px;
  454. background-color:#000000;
  455. border:1px solid #171717;
  456. background-image:url('');
  457. font-weight:bold!important;
  458. text-transform:uppercase;
  459. padding-top:12px;
  460. padding-bottom:12px;
  461. }
  462.  
  463.  
  464.  
  465. h4 {
  466. background-image:url('');
  467. background-repeat:repeat;
  468. background-attachment:fixed;
  469. border:1px solid #171717;
  470. margin-bottom:24px;
  471. margin-top:24px;
  472. padding-top:12px;
  473. padding-bottom:12px;
  474. width:479px;
  475. margin-left:-26px;
  476. text-align:center;
  477. font-family:calibri;
  478. font-style:normal;
  479. font-weight:bold;
  480. font-size:10px;
  481. line-height:10px;
  482. color: #ffffff;
  483. text-transform:uppercase;
  484. }
  485.  
  486.  
  487.  
  488. h4 a {
  489. font-family:calibri;
  490. font-style:normal;
  491. font-weight:700;
  492. font-size:10px;
  493. line-height:10px;
  494. text-shadow: 0px 0px 1px #000;
  495. color:#ffffff;
  496. }
  497.  
  498.  
  499.  
  500. header {
  501. position:fixed!important;
  502. border: 1px solid #151515;
  503. background-color:#030303;
  504. letter-spacing:0px;
  505. word-spacing:-0.5px;
  506. font-size:11px;
  507. color: #ffffff;
  508. font-family:calibri;
  509. padding-bottom:0px;
  510. padding-top:7px;
  511. margin-top:-55px;
  512. font-weight:bold;
  513. margin-bottom:24px!important;
  514. width:478px;
  515. height:24px;
  516. margin-left:-25px;
  517. text-align:center!important;
  518. text-transform:uppercase;
  519. z-index:9999999;
  520. }
  521.  
  522.  
  523.  
  524.  
  525. /* DESCRIPTION */
  526.  
  527. .bottombox {
  528. position:fixed;
  529. width:478px;
  530. left:142px;
  531. top:489px;
  532. }
  533.  
  534.  
  535.  
  536. .description {
  537. height:50px;
  538. max-height:50px;
  539. padding-left:24px;
  540. padding-right:24px;
  541. border-top:18px solid transparent;
  542. padding-bottom:18px;
  543. line-height:14px;
  544. margin-top:5px;
  545. text-align:justify;
  546. overflow-y:scroll;
  547. }
  548.  
  549.  
  550. .description:first-letter {
  551. background-color: #000000;
  552. border: 1px solid #151515;
  553. font-family:'Frank Ruhl Libre', serif;
  554. color: #cecece;
  555. text-decoration:none!important;
  556. font-style:normal!important;
  557. font-weight:100!important;
  558. text-transform:uppercase!important;
  559. float: left;
  560. font-size: 36px;
  561. margin-right: 11px;
  562. position: relative;
  563. text-align: center;
  564. vertical-align: middle;
  565. line-height: 46px;
  566. padding-left:13px;
  567. padding-right:13px;
  568. }
  569.  
  570.  
  571. .navi {
  572. width:466px;
  573. height:19px;
  574. font-size:12px;
  575. border-top:1px solid #191919;
  576. border-bottom:1px solid #191919;
  577. border-left:1px solid #151515;
  578. border-right:1px solid #151515;
  579. background-color:#030303;
  580. text-align: center;
  581. letter-spacing:0.3px;
  582. left:141px;
  583. top:606px!important;
  584. font-family:calibri!important;
  585. padding:6px;
  586. position:fixed;
  587. }
  588.  
  589.  
  590.  
  591. .navi a {
  592. font-family:calibri;
  593. font-size:11px;
  594. padding-top:9px!important;
  595. letter-spacing:0.2px;
  596. text-decoration:none!important;
  597. color:#cdcdcd;
  598. margin-left:24px;
  599. }
  600.  
  601.  
  602. .navi b {
  603. color:#4c3b57;
  604. }
  605.  
  606.  
  607.  
  608.  
  609.  
  610. /* POPUPS: GENERAL */
  611.  
  612.  
  613. .popup_block {
  614. display:none;
  615. background-color:#000000;
  616. height:300px!important;
  617. top:305px;
  618. left:397px!important;
  619. opacity:1;
  620. position:fixed;
  621. z-index:9999999;
  622. padding-left:24px!important;
  623. padding-right:24px!important;
  624. outline:1px solid #151515;
  625. border-top:24px solid #000000;
  626. border-bottom:24px solid #000000;
  627. overflow-y:scroll;
  628. text-align:justify;
  629. overflow-x:hidden;
  630. }
  631.  
  632.  
  633.  
  634.  
  635.  
  636. .popup_block a {
  637. margin-right:0px;
  638. vertical-align:top;
  639. font-family: calibri, sans-serif;
  640. font-size:8px;
  641. color:#ffffff;
  642. font-weight:lighter!important;
  643. padding-bottom:3px;
  644. position: relative;
  645. text-decoration:none;
  646. text-transform:uppercase;
  647. }
  648.  
  649.  
  650.  
  651. *html #fade {
  652. position: absolute;
  653. }
  654.  
  655.  
  656.  
  657. *html .popup_block {
  658. position: absolute;
  659. }
  660.  
  661.  
  662.  
  663. #fade {
  664. display:none;
  665. position:fixed;
  666. left:0px;
  667. top:0px;
  668. width:100%;
  669. height:100%;
  670. z-index:9;
  671. background:#000;
  672. opacity:0;
  673. }
  674.  
  675.  
  676. #intro {
  677. margin-top:4px;
  678. margin-bottom:24px;
  679. border:1px solid #151515;
  680. padding-left:24px;
  681. padding-right:24px;
  682. padding-top:24px;
  683. padding-bottom:24px;
  684. {block:ifFirstLetterStyling}
  685. min-height:42px;
  686. {/block:ifFirstLetterStyling}
  687. }
  688.  
  689. {block:ifFirstLetterStyling}
  690. #intro:first-letter {
  691. background-color: #000000;
  692. border: 1px solid #151515;
  693. font-family:{text:Custom Capitals Font}, 'Frank Ruhl Libre', serif;
  694. color: #cecece;
  695. text-decoration:none!important;
  696. font-style:normal!important;
  697. font-weight:100!important;
  698. text-transform:uppercase!important;
  699. float: left;
  700. font-size: 36px;
  701. margin-right: 11px;
  702. margin-top: 0px;
  703. padding-right: 15px;
  704. padding-top:14px;
  705. padding-bottom:14px;
  706. padding-left:15px;
  707. }
  708. {/block:ifFirstLetterStyling}
  709.  
  710.  
  711.  
  712.  
  713.  
  714.  
  715.  
  716. /* POPUPS: TABS */
  717.  
  718. #headerbar{
  719. left:50%;
  720. top:50%;
  721. overflow:scroll;
  722. text-align:justify;
  723. color:#eee;
  724. font-family:calibri;
  725. font-size:12px;
  726. }
  727.  
  728. #tabbar{
  729. left:50%;
  730. top:50%;
  731. margin-left:
  732. overflow: scroll;
  733. text-align:justify;
  734. color:#222;
  735. font-family:calibri;
  736. font-size:12px;
  737. }
  738.  
  739. ul#tabs {text-align: center;}
  740. ul#tabs li {
  741. display: inline-block;
  742. background-repeat:repeat;
  743. background-attachment:fixed;
  744. border:1px solid #171717; /* INACTIVE TAB */
  745. width:158px;
  746. font-weight:bold;
  747. text-align:center;
  748. font-family:calibri;
  749. font-style:normal;
  750. font-weight:700;
  751. font-size:10px;
  752. line-height:10px;
  753. text-shadow: 0px 0px 1px #000;
  754. padding: 10px 10px;
  755. margin-bottom: 4px;
  756. cursor:pointer;
  757. }
  758.  
  759. ul#tabs li.active {
  760. display: inline-block;
  761. padding:9px;
  762. text-align:center;
  763. font-family:calibri;
  764. font-style:normal;
  765. font-weight:700;
  766. font-size:10px;
  767. line-height:10px;
  768. text-shadow: 0px 0px 1px #000;
  769. background:#000000;
  770. font-weight:bold;
  771. font-size:10px;
  772. border:1px solid #171717; /* ACTIVE TAB */
  773. color:#e6e6e6;
  774. padding: 10px 10px;
  775. margin-bottom: 4px;
  776. cursor:pointer;
  777. }
  778.  
  779. ul#tab, ul#tabs{
  780. list-style-type:none;
  781. margin:0px;padding:0px;
  782. }
  783.  
  784. ul#tab li.active {
  785. display: block;
  786. }
  787.  
  788. ul#tab li {
  789. display: none;
  790. }
  791.  
  792.  
  793.  
  794.  
  795.  
  796. /* POPUPS: NAVIGATION */
  797.  
  798.  
  799. #nvroom {
  800. width:434px;
  801. }
  802.  
  803.  
  804.  
  805. .nvlinks {
  806. margin-left:-2px;
  807. padding-top:0px;
  808. padding-bottom:0px;
  809. text-align:center;
  810. }
  811.  
  812.  
  813.  
  814. .nvlinks a {
  815. display:inline-block;
  816. font-family: calibri, sans-serif;
  817. font-weight:lighter!important;
  818. width: 211px;
  819. height: 10px;
  820. margin-right:2px;
  821. margin-bottom:4px;
  822. padding-top:8px;
  823. padding-bottom:8px!important;
  824. text-align:center;
  825. background:#000000;
  826. border: 1px solid #151515;
  827. color:#e6e6e6;
  828. font-size:8.6px;
  829. letter-spacing:0.6px;
  830. cursor: pointer;
  831. z-index:2;
  832. }
  833.  
  834.  
  835.  
  836. .nvlinks a:before {
  837. content: '';
  838. display: block;
  839. position: absolute;
  840. left: 0;
  841. bottom: 0;
  842. height: 30px;
  843. width: 0;
  844. transition: width 0s ease;
  845. background 1.5s ease;
  846. z-index:1;
  847. }
  848.  
  849.  
  850.  
  851. .nvlinks a:after {
  852. content: '';
  853. display: block;
  854. position: absolute;
  855. right: 0;
  856. bottom: 0;
  857. height: 30px;
  858. width: 0;
  859. background: rgba(16, 16, 16, 0.5); /* 50% opaque blue */
  860. transition: width 1.5s ease;
  861. z-index:1;
  862. }
  863.  
  864.  
  865.  
  866. .nvlinks a:hover:before {
  867. width: 100%;
  868. background: rgba(16, 16, 16, 0.5); /* 50% opaque blue */
  869. transition: width 1.5s ease;
  870. }
  871.  
  872.  
  873.  
  874. .nvlinks a:hover:after {
  875. width: 100%;
  876. background: transparent;
  877. transition: all 0s ease;
  878. }
  879.  
  880.  
  881.  
  882.  
  883.  
  884.  
  885.  
  886. /* POSTS: GENERAL */
  887.  
  888.  
  889. #container {
  890. position:fixed;
  891. height:553px;
  892. width:430px;
  893. left:670px;
  894. top:84px;
  895. background-color:#000000;
  896. overflow-y:scroll;
  897. padding-left:24px;
  898. padding-right:24px;
  899. z-index:9999;
  900. border:1px solid #151515!important;
  901. }
  902.  
  903.  
  904.  
  905. .containerheadertop {
  906. position:fixed;
  907. width:478px;
  908. height:31px;
  909. background-color:#030303;
  910. border:1px solid #151515;
  911. text-align: center;
  912. margin-left:-25px;
  913. margin-top:-1px;
  914. z-index:99999;
  915. }
  916.  
  917.  
  918.  
  919. #containertopspace {
  920. position:fixed;
  921. width:478px;
  922. height:31px;
  923. background-color:transparent;
  924. margin-left:-24px;
  925. border-bottom:24px solid #000000;
  926. margin-top:-1px;
  927. z-index:999;
  928. }
  929.  
  930.  
  931.  
  932. .containerheaderbottom {
  933. position:fixed;
  934. width:478px;
  935. height:31px;
  936. background-color:#030303;
  937. border:1px solid #151515;
  938. text-align: center;
  939. left:671px;
  940. top:606px;
  941. margin-left:-1px;
  942. z-index:9999999;
  943. }
  944.  
  945.  
  946.  
  947. #containerbottomspace {
  948. position:fixed;
  949. left:695px;
  950. top:574px;
  951. width:478px;
  952. height:25px;
  953. background-color:#000000;
  954. text-align: center;
  955. margin-left:-24px;
  956. margin-top:7px;
  957. z-index:999999;
  958. }
  959.  
  960.  
  961.  
  962.  
  963. .posts {
  964. width:430px;
  965. padding-right:25px;
  966. padding-left:25px;
  967. margin-left:-25px;
  968. word-wrap: break-word;
  969. text-align:justify;
  970. line-height:14px;
  971. }
  972.  
  973.  
  974.  
  975.  
  976. .posts a {
  977. font-family: calibri;
  978. text-transform:uppercase;
  979. font-size:9px;
  980. font-weight:bold!important;
  981. -moz-transition-duration:2s;
  982. -webkit-transition-duration:2s;
  983. -o-transition-duration:2s;
  984. }
  985.  
  986. .posts a:hover {
  987. color:{color:links hover};
  988. -moz-transition-duration:2s;
  989. -webkit-transition-duration:2s;
  990. -o-transition-duration:2s;
  991. }
  992.  
  993.  
  994. .posts img {
  995. margin-top:14px;
  996. max-width:410px;
  997. height:auto;
  998. }
  999.  
  1000.  
  1001.  
  1002.  
  1003.  
  1004.  
  1005.  
  1006.  
  1007. /* TEXT-WRAPPING AROUND ICONS/IMAGES */
  1008.  
  1009.  
  1010. #wrap img {
  1011. margin-top:0px!important;
  1012. margin-bottom:0px!important;
  1013. padding-right:3px;
  1014. padding-bottom:3px;
  1015. {block:IfTextWrapping}
  1016. float:left;
  1017. margin-right:14px;
  1018. {/block:IfTextWrapping}
  1019. {block:ificonborders}
  1020. padding:9px;
  1021. border:1px solid #151515;
  1022. {/block:ificonborders}
  1023. -webkit-filter: brightness(1) contrast(1) saturate(1);
  1024. }
  1025.  
  1026.  
  1027. {block:IfTextWrapping}
  1028. #wrap blockquote img {
  1029. margin-top:8px!important;
  1030. margin-bottom:0px!important;
  1031. margin-left:14px;
  1032. margin-right:0px!important;
  1033. float:right;
  1034. }
  1035. {/block:IfTextWrapping}
  1036.  
  1037.  
  1038.  
  1039.  
  1040.  
  1041. /* POSTS: TEXT */
  1042.  
  1043. #text {
  1044. border:1px solid #151515;
  1045. padding-left:24px;
  1046. padding-right:24px;
  1047. padding-top:24px;
  1048. padding-bottom:0px;
  1049. margin-left:-25px;
  1050. margin-right:-25px;
  1051. margin-bottom:-25px;
  1052. margin-top:30px;
  1053. }
  1054.  
  1055.  
  1056. #textbody {
  1057. {block:permalinkpage}
  1058. margin-top:-24px;
  1059. padding-top:0px;
  1060. {/block:permalinkpage}
  1061. margin-top:-24px;
  1062. padding-top:14px;
  1063. padding-bottom:14px;
  1064.  
  1065. }
  1066.  
  1067.  
  1068.  
  1069.  
  1070.  
  1071. /* POSTS: PHOTO/PHOTOSETS */
  1072.  
  1073. #psingle {
  1074. position:relative;
  1075. z-index:99999999!important;
  1076. margin-top:-1px;
  1077. margin-bottom:-30px;
  1078. margin-left:-26px;
  1079. margin-right:-25px;
  1080. border-top:1px solid #2e2e2e;
  1081. -webkit-filter: brightness(.75) contrast(1.1) saturate(0.75);
  1082. -webkit-transition: all 0.9s ease-in-out;
  1083. -moz-transition: all 0.9s ease-in-out;
  1084. -o-transition: all 0.9s ease-in-out;
  1085. -ms-transition: all 0.9s ease-in-out;
  1086. transition: all 0.9s ease-in-out;
  1087. }
  1088.  
  1089.  
  1090.  
  1091. #psingle:hover {
  1092. -webkit-filter: brightness(.75) contrast(1.1) saturate(0.75);
  1093. -webkit-transition: all 0.9s ease-in-out;
  1094. -moz-transition: all 0.9s ease-in-out;
  1095. -o-transition: all 0.9s ease-in-out;
  1096. -ms-transition: all 0.9s ease-in-out;
  1097. transition: all 0.9s ease-in-out;
  1098. }
  1099.  
  1100.  
  1101.  
  1102. #pset {
  1103. {block:permalinkpage}
  1104. margin-top:-2px!important;
  1105. {/block:permalinkpage}
  1106. position:relative;
  1107. z-index:99999999!important;
  1108. width: 480px;
  1109. margin-top:0px!important;
  1110. margin-bottom:-28px;
  1111. margin-left:-24px;
  1112. border-top:1px solid #2e2e2e;
  1113. -webkit-filter: brightness(.75) contrast(1.1) saturate(0.75);
  1114. -webkit-transition: all 0.9s ease-in-out;
  1115. -moz-transition: all 0.9s ease-in-out;
  1116. -o-transition: all 0.9s ease-in-out;
  1117. -ms-transition: all 0.9s ease-in-out;
  1118. transition: all 0.9s ease-in-out;
  1119. }
  1120.  
  1121.  
  1122.  
  1123. #pset:hover {
  1124. -webkit-filter: brightness(.75) contrast(1.1) saturate(0.75);
  1125. -webkit-transition: all 0.9s ease-in-out;
  1126. -moz-transition: all 0.9s ease-in-out;
  1127. -o-transition: all 0.9s ease-in-out;
  1128. -ms-transition: all 0.9s ease-in-out;
  1129. transition: all 0.9s ease-in-out;
  1130. }
  1131.  
  1132.  
  1133.  
  1134.  
  1135. #pcaption {
  1136. border-top:1px solid #151515;
  1137. margin-top:24px;
  1138. margin-left:-24px;
  1139. margin-right:-24px;
  1140. padding-left:24px;
  1141. padding-right:24px;
  1142. }
  1143.  
  1144.  
  1145.  
  1146. #pcaption a {
  1147. font-size:10px;
  1148. }
  1149.  
  1150.  
  1151.  
  1152.  
  1153.  
  1154.  
  1155. /* POSTS: QUOTE */
  1156.  
  1157. #quotebox {
  1158. border:1px solid #151515;
  1159. padding-left:24px;
  1160. padding-right:24px;
  1161. padding-top:24px;
  1162. padding-bottom:0px;
  1163. margin-left:-25px;
  1164. margin-right:-25px;
  1165. margin-bottom:-26px;
  1166. margin-top:30px;
  1167. }
  1168.  
  1169.  
  1170.  
  1171. #quote {
  1172. text-align:justify;
  1173. font-size:14px;
  1174. padding-top:0px;
  1175. padding-bottom:24px;
  1176. line-height:165%;
  1177. letter-spacing:-0.6px;
  1178. min-height:52px;
  1179. }
  1180.  
  1181.  
  1182.  
  1183. #quote:first-letter {
  1184. background-color: #000000;
  1185. border: 1px solid #151515;
  1186. font-family:{text:Custom Capitals Font}, 'Frank Ruhl Libre', serif;
  1187. color:{color:First Letter}!important;
  1188. text-decoration:none!important;
  1189. font-style:normal!important;
  1190. font-weight:100!important;
  1191. text-transform:uppercase!important;
  1192. float: left;
  1193. font-size: 42px;
  1194. margin-right: 11px;
  1195. margin-top: 0px;
  1196. padding-right: 13px;
  1197. padding-top:17px;
  1198. padding-bottom:17px;
  1199. padding-left:13px;
  1200. }
  1201.  
  1202.  
  1203.  
  1204. .source {
  1205. font-family:calibri;
  1206. font-weight:bold;
  1207. text-align:left;
  1208. font-size:10px;
  1209. color: #e8e8e8;
  1210. text-transform:uppercase;
  1211. border:1px solid #151515;
  1212. margin-top:-1px;
  1213. padding-top:12px;
  1214. padding-bottom:12px;
  1215. padding-right:24px;
  1216. padding-left:24px;
  1217. margin-left:-25px;
  1218. margin-right:-25px;
  1219. background-color:#030303;
  1220. }
  1221.  
  1222.  
  1223.  
  1224.  
  1225.  
  1226.  
  1227. /* POSTS: LINK */
  1228.  
  1229. #linkpost {
  1230. margin-right:-25px;
  1231. margin-left:-25px!important;
  1232. {block:permalinkpage}
  1233. margin-top:0px;
  1234. {/block:permalinkpage}
  1235. padding-top:0px;
  1236. margin-bottom:-25px;
  1237. }
  1238.  
  1239.  
  1240.  
  1241. #link {
  1242. margin-top:32px;
  1243. border:1px solid #151515;
  1244. padding:24px;
  1245. }
  1246.  
  1247.  
  1248. #link a {
  1249. font-size:12px;
  1250. }
  1251.  
  1252.  
  1253.  
  1254.  
  1255.  
  1256.  
  1257. /* POSTS: CHAT */
  1258.  
  1259. #chatbox {
  1260. margin-right:-25px;
  1261. margin-left:-25px!important;
  1262. padding-bottom:0px!important;
  1263. }
  1264.  
  1265.  
  1266.  
  1267. #chat {
  1268. margin-top:25px;
  1269. border-top:1px solid #151515;
  1270. padding-top:27px;
  1271. padding-left:24px;
  1272. padding-right:24px;
  1273. }
  1274.  
  1275.  
  1276.  
  1277.  
  1278.  
  1279.  
  1280. /* POSTS: AUDIO */
  1281.  
  1282. #audiobox {
  1283. {block:permalinkpage}
  1284. margin-top:0px;
  1285. {/block:permalinkpage}
  1286. padding-left:24px;
  1287. padding-right:24px;
  1288. padding-bottom:0px;
  1289. margin-left:-25px;
  1290. margin-right:-25px;
  1291. margin-bottom:-25px;
  1292. }
  1293.  
  1294.  
  1295.  
  1296. .player {
  1297. opacity: 1;
  1298. position: absolute;
  1299. z-index: 1;
  1300. width: 50px;
  1301. height: 36px;
  1302. margin-top: 20px;
  1303. margin-left: -5px;
  1304. display: block;
  1305. color:#000000;
  1306. background-color:transparent!important;
  1307. }
  1308.  
  1309. .audioplayer {
  1310. width: 24px;
  1311. height: 24px;
  1312. margin-left: 0px;
  1313. overflow: hidden;
  1314. padding: 0px;
  1315. color:#000000!important;
  1316. background-color:transparent!important;
  1317. }
  1318.  
  1319.  
  1320.  
  1321. .audioinfo {
  1322. border:1px solid #151515;
  1323. margin-left: -25px;
  1324. margin-right: -25px;
  1325. margin-top:30px;
  1326. padding:24px;
  1327. display: block;
  1328. font-family:calibri;
  1329. font-weight:bold;
  1330. text-transform: uppercase;
  1331. text-align: center;
  1332. letter-spacing:0px;
  1333. word-spacing:-0.5px;
  1334. font-size:11px;
  1335. color: #ffffff;
  1336. background: transparent;
  1337. }
  1338.  
  1339.  
  1340. #acaption {
  1341. border-top:1px solid #151515;
  1342. width:455px;
  1343. margin-left:-24px;
  1344. padding-left:24px;
  1345. }
  1346.  
  1347. #acaption a {
  1348. font-size:10px;
  1349. }
  1350.  
  1351.  
  1352.  
  1353.  
  1354.  
  1355.  
  1356. /* POSTS: VIDEO */
  1357.  
  1358. .video-container {
  1359. position: relative;
  1360. padding-bottom: 56.25%;
  1361. padding-top: 30px;
  1362. height: 0;
  1363. overflow: hidden;
  1364. }
  1365.  
  1366. .video-container iframe,
  1367. .video-container object,
  1368. .video-container embed {
  1369. position: absolute;
  1370. top: 0;
  1371. left: 0;
  1372. width: 100%;
  1373. height: 100%;
  1374. }
  1375.  
  1376.  
  1377.  
  1378.  
  1379.  
  1380.  
  1381.  
  1382. /* POSTS: ASK */
  1383.  
  1384. #answer {
  1385. padding-left:24px;
  1386. padding-right:24px;
  1387. margin-left:-25px;
  1388. margin-right:-25px;
  1389. margin-top:0px;
  1390. }
  1391.  
  1392.  
  1393. #question {
  1394. border-top:0px solid #151515;
  1395. width: 80%;
  1396. margin-top:32px;
  1397. height:70px;
  1398. width:447px;
  1399. margin-left:-25px;
  1400. }
  1401.  
  1402.  
  1403.  
  1404. #ask {
  1405. float:left;
  1406. font-family:calibri, sans-serif;
  1407. text-transform:uppercase;
  1408. position: absolute;
  1409. font-weight:bold;
  1410. background-color:#000000;
  1411. font-size:9px;
  1412. line-height:12px!important;
  1413. width:365px;
  1414. min-height:21px;
  1415. max-height:21px;
  1416. overflow:scroll;
  1417. margin-top:0px;
  1418. margin-left:1px;
  1419. margin-bottom:0px;
  1420. padding-left:24px;
  1421. padding-right:24px;
  1422. outline:solid 1px #151515;
  1423. border-top:22px solid #000000;
  1424. border-bottom:22px solid #000000;
  1425. -moz-transition-duration:1.5s;
  1426. -webkit-transition-duration:1.5s;
  1427. -o-transition-duration:1.5s;
  1428. }
  1429.  
  1430.  
  1431.  
  1432. #ask:hover {
  1433. max-height:49px!important;
  1434. -moz-transition-duration:1.5s;
  1435. -webkit-transition-duration:1.5s;
  1436. -o-transition-duration:1.5s;
  1437. }
  1438.  
  1439.  
  1440. #ask a {
  1441. font-weight:lighter;
  1442. color:#ffffff;
  1443. font-size:9px;
  1444. text-decoration:none;
  1445. }
  1446.  
  1447.  
  1448. #ask b {
  1449. color:#ffffff;
  1450. font-size:9px;
  1451. line-height:11px;
  1452. font-family:calibri!important;
  1453. }
  1454.  
  1455.  
  1456.  
  1457. #ask img {
  1458. -webkit-filter:grayscale(1);
  1459. }
  1460.  
  1461.  
  1462.  
  1463. .letterask {
  1464. position:relative;
  1465. z-index:9999!important;
  1466. position:absolute;
  1467. text-align:center;
  1468. font-size:44px;
  1469. margin-left:415px;
  1470. outline:1px solid #151515;
  1471. padding-top:25px;
  1472. padding-bottom:26px;
  1473. padding-left:17px;
  1474. padding-right:17px;
  1475. color:#151515;
  1476. -webkit-user-select: none; /* Chrome all / Safari all */
  1477. -moz-user-select: none; /* Firefox all */
  1478. -ms-user-select: none; /* IE 10+ */
  1479. user-select: none; /* Likely future */
  1480. }
  1481.  
  1482.  
  1483.  
  1484.  
  1485. #response {
  1486. margin-top:24px;
  1487. padding-top:0px;
  1488. padding-bottom:0px;
  1489. }
  1490.  
  1491.  
  1492. #response blockquote {
  1493. margin-top:15px;
  1494. margin-bottom:24px;
  1495. margin-left:-25px;
  1496. margin-right:-25px;
  1497. padding-top:12px;
  1498. padding-left:25px;
  1499. padding-right:25px;
  1500. padding-bottom:12px;
  1501. border-left:1px solid #151515;
  1502. border-right:1px solid #151515;
  1503. border-bottom:1px solid #151515;
  1504. border-top:1px solid #151515;
  1505. background-color:#030303;
  1506. }
  1507.  
  1508.  
  1509. #response img {
  1510. float:left;
  1511. position:relative;
  1512. margin-left:-1px!important;
  1513. margin-right:13px;
  1514. margin-top:0px;
  1515. margin-bottom:5px;
  1516. padding:8px;
  1517. border:1px solid #151515;
  1518. -webkit-filter: brightness(1) contrast(1) saturate(1);
  1519. }
  1520.  
  1521.  
  1522.  
  1523.  
  1524. /* POST INFORMATION */
  1525.  
  1526.  
  1527. .permalinkbar {
  1528. width:478px;
  1529. margin-top:24px!important;
  1530. margin-left:-25px;
  1531. }
  1532.  
  1533.  
  1534. .permalinkbuttons {
  1535. width:478px;
  1536. height:30px;
  1537. font-size:12.6px!important;
  1538. margin-left:-1px!important;
  1539. margin-bottom:1px!important;
  1540. border-top:1px solid #151515;
  1541. border-bottom:0px solid #151515;
  1542. }
  1543.  
  1544.  
  1545. .permalinkbuttons a {
  1546. font-family:calibri;
  1547. display:inline-block;
  1548. padding-top:8px;
  1549. padding-bottom:8px;
  1550. margin-right:-5px;
  1551. width:216px;
  1552. background-color:#000000;
  1553. border-bottom:1px solid #151515;
  1554. font-weight:bold!important;
  1555. color:#151515;
  1556. font-size:11px;
  1557. -moz-transition-duration:2s;
  1558. -webkit-transition-duration:2s;
  1559. -o-transition-duration:2s;
  1560. -webkit-user-select: none; /* Chrome all / Safari all */
  1561. -moz-user-select: none; /* Firefox all */
  1562. -ms-user-select: none; /* IE 10+ */
  1563. user-select: none; /* Likely future */
  1564. }
  1565.  
  1566.  
  1567. .permalinkbuttons a:hover {
  1568. background-color:#000000!important;
  1569. font-weight:bold!important;
  1570. color:#bebebe;
  1571. -moz-transition-duration:2s;
  1572. -webkit-transition-duration:2s;
  1573. -o-transition-duration:2s;
  1574. }
  1575.  
  1576.  
  1577.  
  1578.  
  1579.  
  1580. #tagsbox {
  1581. {block:permalinkpage}
  1582. margin-top:28px!important;
  1583. {/block:permalinkpage}
  1584. margin-bottom:88px;
  1585. border:1px solid #151515;
  1586. margin-top:-1px;
  1587. padding-top:11px;
  1588. padding-bottom:11px;
  1589. padding-left:24px;
  1590. padding-right:24px;
  1591. margin-left:-25px;
  1592. margin-right:-25px;
  1593. width:430px;
  1594. }
  1595.  
  1596.  
  1597.  
  1598. .tags {
  1599. font-family: calibri!important;
  1600. font-weight:bold!important;
  1601. background-color:#000000;
  1602. color:#2c2c2c;
  1603. text-transform:uppercase!important;
  1604. font-style:normal;
  1605. line-height:150%;
  1606. font-size:8.5px;
  1607. text-align:justify;
  1608. -moz-text-align-last: center; /* Code for Firefox */
  1609. text-align-last: center;
  1610. -moz-transition-duration:2s;
  1611. -webkit-transition-duration:2s;
  1612. -o-transition-duration:2s;
  1613. }
  1614.  
  1615.  
  1616.  
  1617. .tags a {
  1618. text-decoration:none!important;
  1619. font-weight:bold!important;
  1620. font-size:8.5px;
  1621. margin-right:1px;
  1622. text-transform:uppercase!important;
  1623. font-family: calibri!important;
  1624. color:#151515!important;
  1625. -moz-transition-duration:2s;
  1626. -webkit-transition-duration:0.2
  1627. }
  1628.  
  1629.  
  1630. .tags a:hover {
  1631. color:#ffffff!important;
  1632. -moz-transition-duration:1s;
  1633. -webkit-transition-duration:1s;
  1634. -o-transition-duration:1s;
  1635. {block:ifBiggerTagsonHover}
  1636. font-size:10px!important;
  1637. {block:ifBiggerTagsonHover}
  1638. }
  1639.  
  1640.  
  1641.  
  1642.  
  1643.  
  1644. /* PERMAPAGE NOTES */
  1645.  
  1646.  
  1647. .note {
  1648. text-transform:normal;
  1649. font-style:normal;
  1650. font-size: 10px;
  1651. text-align:left;
  1652. margin-left:-32px;
  1653. }
  1654.  
  1655.  
  1656. .note li {
  1657. list-style-type:none;
  1658. padding:12px 23px 12px 23px;
  1659. border-bottom:1px solid #171717;
  1660. border-top:1px solid #171717;
  1661. margin-bottom:-1px;
  1662. text-align:left;
  1663. margin-right:-24px;
  1664. -moz-transition-duration:0.5s;
  1665. -webkit-transition-duration:0.5s;
  1666. -o-transition-duration:0.5s;
  1667. }
  1668.  
  1669. .note blockquote {
  1670. padding-top:12px;
  1671. padding-bottom:12px;
  1672. padding-left:24px;
  1673. padding-right:24px;
  1674. margin-top:12px;
  1675. margin-bottom:12px;
  1676. margin-left:0px;
  1677. margin-right:0px;
  1678. }
  1679.  
  1680.  
  1681. .note img.avatar {
  1682. width: 0px;
  1683. height: 0px;
  1684. }
  1685.  
  1686.  
  1687. .note li a {
  1688. font-family:calibri!important;
  1689. font-size:10px!important;
  1690. padding-right:2px;
  1691. font-weight:bold;
  1692. text-transform:uppercase;
  1693. letter-spacing:0px;
  1694. color: {color:links};
  1695. }
  1696.  
  1697. .note li a:hover {
  1698. color: {color:links hover};
  1699. }
  1700.  
  1701.  
  1702.  
  1703.  
  1704.  
  1705. /* CREDITS */
  1706.  
  1707. #credit {
  1708. z-index:999;
  1709. position:absolute;
  1710. bottom:5px;
  1711. right:5px;
  1712. width:10px;
  1713. height:13px;
  1714. word-wrap:break-word;
  1715. overflow:hidden;
  1716. -webkit-transition:all 1s ease;
  1717. -moz-transition:all 1s ease;
  1718. -o-transition:all 1s ease;
  1719. transition:all 1s ease-in-out;
  1720. }
  1721.  
  1722.  
  1723. #credit a {
  1724. color:{color:body text};
  1725. text-transform:uppercase;
  1726. font-size:10px;
  1727. }
  1728.  
  1729. #credit:hover {width:84px;}
  1730.  
  1731. #credit span {
  1732. text-shadow:1px 1px .2px #000;
  1733. color:{color:body text};
  1734. margin-right:5px;
  1735. font-size:11px;
  1736. }
  1737.  
  1738.  
  1739.  
  1740.  
  1741. </style>
  1742.  
  1743. </head>
  1744.  
  1745. <body>
  1746.  
  1747.  
  1748.  
  1749. <!-- DESCRIPTION + NAVIGATION BAR -->
  1750.  
  1751.  
  1752. <div class="bottombox">
  1753. <div class="description">
  1754.  
  1755. This is an independent, semi-private and selective portrayal of the character <b>Maryse Lightwood</b> from Cassandra Clare's <i>The SHADOWHUNTER CHRONICLES,</i> along with Freeform's <i>Shadowhunters.</i> However, my portrayal is is canon divergent from both canons, taking bits from both and sometimes run off in my own direction entirely. My pages explain the exact differences, so please read them before interacting! <i> // Written by Portia.</i>
  1756.  
  1757. </div class="bottombox">
  1758. </div class="description">
  1759.  
  1760.  
  1761.  
  1762.  
  1763. <div class="navi">
  1764. <b>NAVIGATION:&nbsp;&nbsp;</b>
  1765. <a href="/" title="{text:Description IND Hover}">IND.</a>
  1766. <a href="#?w=430" rel="pageASK" class="poplight" title="{text:Description ASK Hover}">ASK.</a>
  1767. <a href="#?w=430" rel="pageGDL" class="poplight" title="{text:Description GDL Hover}">GDL.</a>
  1768. <a href="#?w=430" rel="pageVRS" class="poplight" title="{text:Description VRS Hover}">VRS.</a>
  1769. <a href="#?w=430" rel="pageNAV" class="poplight" title="{text:Description NAV Hover}">NAV.</a>
  1770.  
  1771.  
  1772.  
  1773.  
  1774. {block:IndexPage}{block:PreviousPage}
  1775. <a href="{PreviousPage}"><b>Prev.</b></a>
  1776. {/block:PreviousPage}
  1777.  
  1778. {block:NextPage}
  1779. <a href="{NextPage}"><b>Next.</b></a>
  1780. {/block:NextPage}{/block:IndexPage}
  1781.  
  1782.  
  1783. {block:PermalinkPagination}{block:PreviousPost}
  1784. <a href="{PreviousPost}"><b>Prev.</b></a>
  1785. {/block:PreviousPost}
  1786.  
  1787. {block:NextPost}
  1788. <a href="{NextPost}"><b>Next.</b></a>
  1789. {/block:NextPost}{/block:PermalinkPagination}
  1790.  
  1791. </div class="navi">
  1792.  
  1793.  
  1794.  
  1795.  
  1796.  
  1797. <!-- POSTS -->
  1798.  
  1799.  
  1800.  
  1801. <div id="container">
  1802.  
  1803. <div class="containerheadertop"></div>
  1804. <div id="containertopspace"></div>
  1805.  
  1806. {block:Posts}
  1807. <div class="posts">
  1808.  
  1809.  
  1810.  
  1811.  
  1812.  
  1813. <!-- POSTS: TEXT -->
  1814.  
  1815.  
  1816. {block:Text}
  1817. <div id="text">
  1818.  
  1819.  
  1820.  
  1821. <div id="textbody">
  1822. {block:Title}
  1823. <h1>{Title}</a></h1>
  1824. {/block:Title}
  1825. <div id="wrap">
  1826. {Body}
  1827. <div style="clear:both">
  1828. </div style="clear:both">
  1829. </div id="wrap">
  1830. </div>
  1831.  
  1832. </div id="text">
  1833.  
  1834. {/block:Text}
  1835.  
  1836.  
  1837.  
  1838.  
  1839.  
  1840. <!-- POSTS: PHOTO/SET -->
  1841.  
  1842. {block:Photo}
  1843. <div id="psingle">
  1844. {LinkOpenTag}
  1845. <img src="{PhotoURL-HighRes}" style="min-width:480px!important; width:480px!important; margin-top:0px;">
  1846. {LinkCloseTag}
  1847. </div id="psingle">
  1848.  
  1849. {block:Caption}
  1850. <div id="pcaption">
  1851. {Caption}
  1852. </div id="pcaption">
  1853. {/block:Caption}
  1854. {/block:Photo}
  1855.  
  1856.  
  1857. {block:Photoset}
  1858. <div id="pset">
  1859. {Photoset}
  1860. </div id="pset">
  1861.  
  1862. {block:Caption}
  1863. <div id="pcaption">
  1864. {Caption}
  1865. </div id="pcaption">
  1866. {/block:Caption}
  1867. {/block:Photoset}
  1868.  
  1869.  
  1870.  
  1871.  
  1872.  
  1873. <!-- POSTS: QUOTE -->
  1874.  
  1875. {block:Quote}
  1876. <div id="quotebox">
  1877. <div id="quote">
  1878. {Quote}
  1879. </div id="quote">
  1880. <div class="source">
  1881. {Source}
  1882. </div class="source">
  1883. </div>
  1884. {/block:Quote}
  1885.  
  1886.  
  1887.  
  1888.  
  1889.  
  1890. <!-- POSTS: LINK -->
  1891.  
  1892. {block:Link}
  1893. <div id="linkpost">
  1894. <div id="link">
  1895. <a href="{URL}" {Target}>{Name}&nbsp;&nbsp; ►</a>
  1896. </div id="link">
  1897. </div id="linkpost">
  1898. {/block:Link}
  1899.  
  1900.  
  1901.  
  1902.  
  1903.  
  1904. <!-- POSTS: CHAT -->
  1905.  
  1906.  
  1907. {block:Chat}
  1908.  
  1909. <div id="chatbox">
  1910. <div id="chat">
  1911. {block:Lines}
  1912. <div id="{Alt}">
  1913. {block:Label}<i>{Label}</i>{/block:Label} {Line}
  1914. </div id="{Alt}">
  1915. {/block:Lines}
  1916. </div id="chat">
  1917. </div id="chatbox">
  1918.  
  1919. {/block:Chat}
  1920.  
  1921.  
  1922.  
  1923.  
  1924.  
  1925. <!-- POSTS: AUDIO -->
  1926.  
  1927. {block:Audio}
  1928. <div id="audiobox">
  1929.  
  1930. <div style="-webkit-filter:grayscale(1);">
  1931.  
  1932. <div class="player">
  1933. <div class="audioplayer">
  1934.  
  1935. {AudioPlayerWhite}
  1936.  
  1937. </div class="audioplayer">
  1938. </div class="player">
  1939.  
  1940. <div class="audioinfo">
  1941. {block:TrackName}{TrackName}{/block:TrackName} — {block:Artist}{Artist}{/block:Artist}
  1942. </div class="audioinfo">
  1943.  
  1944. </div style>
  1945.  
  1946. {block:Caption}
  1947. <div id="pcaption">
  1948. {Caption}
  1949. </div id="pcaption">
  1950. {/block:Caption}
  1951.  
  1952. </div id="audiobox">
  1953. {/block:Audio}
  1954.  
  1955.  
  1956.  
  1957.  
  1958.  
  1959. <!-- POSTS: VIDEO -->
  1960.  
  1961. {block:Video}
  1962. <div class="video-container">
  1963. {Video-400}
  1964. {block:Caption}{Caption}{/block:Caption}
  1965. </div class="video-container">
  1966. {/block:Video}
  1967.  
  1968.  
  1969.  
  1970.  
  1971. <!-- POSTS: ASK -->
  1972.  
  1973. {block:Answer}
  1974. <div id="answer">
  1975.  
  1976. <div id="question"><div id="ask"><b style="color:#4c3b57;">{Asker} is inquiring for information:</b>
  1977. <br>{Question}</div><div class="letterask">Q</div></div>
  1978.  
  1979.  
  1980. <h4 style="margin-top:-5px; height:5px; padding-right:1px; background-color:#030303!important;"></h4>
  1981.  
  1982.  
  1983. <div id="response">{Answer}<div style="clear:both; margin-bottom:-5px;"></div>
  1984. </div id="response">
  1985.  
  1986. </div id="answer">
  1987. {/block:Answer}
  1988.  
  1989.  
  1990.  
  1991.  
  1992.  
  1993. <!-- POST INFORMATION -->
  1994.  
  1995.  
  1996. {block:Date}
  1997.  
  1998. {block:indexpage}
  1999. <div class="permalinkbar">
  2000. <div class="permalinkbuttons">
  2001. <a href="{Permalink}" style="text-align:left; padding-left:24px;" title="{TimeAgo}">{Month} {DayOfMonth}{DayOfMonthSuffix} / {12Hour}:{Minutes}{CapitalAmPm} / {NoteCountWithLabel}</a>
  2002. <a href="{ReblogURL}" target="_blank" class="details" style="margin-left:-1px!important; text-align:right; padding-right:25px;">CLICK HERE TO REBLOG THIS POST</a>
  2003. </div class="permalinkbuttons">
  2004. </div class="permalinkbar">
  2005.  
  2006. <div id="tagsbox">
  2007. <div class="tags">
  2008. {block:HasTags}
  2009. {block:Tags}
  2010. <a href="{TagURL}">{Tag}&nbsp;&nbsp;</a>
  2011. {/block:Tags}
  2012. {/block:HasTags}
  2013.  
  2014. </div class="tags">
  2015. </div id="tagsbox">
  2016.  
  2017. {/block:indexpage}
  2018.  
  2019.  
  2020. {block:permalinkpage}
  2021. <div class="permalinkbar">
  2022. <div class="permalinkbuttons">
  2023. <a href="{Permalink}" style="text-align:left; padding-left:24px;">{Month} {DayOfMonth}{DayOfMonthSuffix} / {12Hour}:{Minutes}{CapitalAmPm} / {NoteCountWithLabel}</a>
  2024. <a href="{ReblogURL}" target="_blank" class="details" style="margin-left:-1px!important; text-align:right; padding-right:25px;">CLICK HERE TO REBLOG THIS POST</a>
  2025. {block:RebloggedFrom}
  2026. <a href="{ReblogParentURL}" style="text-align: center; width:480px; margin-top:-2px; height:13px; border-top:1px solid #151515; border-bottom:1px solid #151515l;">REBLOGGED FROM / VIA / SOURCE</a>
  2027. {/block:RebloggedFrom}
  2028. </div class="permalinkbuttons">
  2029. </div class="permalinkbar">
  2030.  
  2031. <div id="tagsbox">
  2032. <div class="tags">
  2033. {block:HasTags}
  2034. {block:Tags}
  2035. <a href="{TagURL}">{Tag}&nbsp;&nbsp;</a>
  2036. {/block:Tags}
  2037. {/block:HasTags}
  2038.  
  2039. </div class="tags">
  2040. </div id="tagsbox">
  2041.  
  2042. {/block:permalinkpage}
  2043.  
  2044.  
  2045.  
  2046. {/block:Date}
  2047.  
  2048.  
  2049.  
  2050.  
  2051.  
  2052. <!-- NOTES -->
  2053.  
  2054. <div class="note">
  2055. {block:PostNotes}{PostNotes}{/block:PostNotes}
  2056. </div class="note">
  2057.  
  2058.  
  2059.  
  2060.  
  2061.  
  2062. <!-- HIDE VIA/SOURCE IN POSTS -->
  2063.  
  2064.  
  2065. {block:ContentSource}<!-- {SourceURL}
  2066. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  2067. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2068. {/block:ContentSource}
  2069.  
  2070.  
  2071. <!-- {block:NoRebloggedFrom}
  2072. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  2073. {/block:NoRebloggedFrom} -->
  2074.  
  2075.  
  2076.  
  2077. </div class="posts">
  2078.  
  2079. {/block:Posts}
  2080.  
  2081.  
  2082. <div class="containerheaderbottom">
  2083. <div id="containerbottomspace"></div>
  2084. </div class="containerheaderbottom">
  2085.  
  2086.  
  2087. </div id="container">
  2088.  
  2089. </div>
  2090.  
  2091.  
  2092.  
  2093.  
  2094. <!-- POPUP PAGES -->
  2095.  
  2096.  
  2097.  
  2098. <!-- POPUP PAGE: ASK. -->
  2099.  
  2100. <div id="pageASK" class="popup_block">
  2101.  
  2102.  
  2103. <header>INQUIRIES</header>
  2104.  
  2105. <p>
  2106.  
  2107. <iframe frameborder="0" allowtransparency="true" scrolling="no" width="416px" height="200px" src="http://www.tumblr.com/ask_form/beggarsdie.tumblr.com/" style="background-color:#000000!important; padding:6px; overflow:hidden;border:1px solid #151515;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  2108.  
  2109. <p>
  2110. </div id="pageASK" class="popup_block">
  2111. </div>
  2112.  
  2113.  
  2114.  
  2115.  
  2116.  
  2117. <!-- POPUP PAGE: GDL. -->
  2118.  
  2119.  
  2120. <div id="pageGDL" class="popup_block">
  2121.  
  2122. <header>SED LEX DURA LEX</header>
  2123.  
  2124. <div id="intro">
  2125. I want to thank you, sincerely, reader, for opening this page. In no small part because my Maryse is <i>canon divergent, from both book and show canon.</i> <b>I take bits from both,</b> and sometimes run off in my own direction entirely. Reading my pages is basically the only way to know this until we figure out telepathy. So. Let’s get to the boring rules before the cool ones. </div id="intro">
  2126.  
  2127.  
  2128. <h4>INSTITUTE RULES: housekeeping & basic etiquette</h4>
  2129.  
  2130. - The person behind the runes uses she/her pronouns.
  2131. <br>- Mun is 22. This means that I have a hard rule against shipping with minors, and absolutely against nsfw content with minors. Nsfw could happen, but is unlikely.
  2132. <br>- <i>I only interact with mutuals.</i> <b>However,</b> any and all mutuals are encouraged to ask me for my Discord, come into my inbox, send a meme, like a starter call, or do literally anything they want.
  2133. <br>- Activity is sometimes sporadic, but I do indeed try and reply to you eventually. It might be in the same day, it might be much, much later, but I will get to it. Poking me to see if I’m alive is alright, just don’t make it excessive.
  2134. <br>- Memes can be turned into threads, and I often do the same!
  2135. <br>- Basic RP etiquette about metagaming and other such nonsense is expected.
  2136. <br>- I’m not one to often hold exclusives, but if you do, I will honor that and am willing ot make exclusivity mutual. Just message me about it!
  2137. <br>- <b>I ship Maryse x Chemistry.</b> If you have a shippy thought, come at me in DMs or send me a shippy meme to test the waters.
  2138. <br>- My memes don’t expire. Send in a meme from my tag at any time!
  2139.  
  2140.  
  2141.  
  2142. <h4>CODEX. muse-specific rules & canon divergences</h4>
  2143.  
  2144. - <b>Most of these rules apply primarily to my main/default verses.</b> I am willing to write AU’s of blog!canon with the things I leave out here. I merely prefer not to default to them.
  2145. <br>- In my <i>main verses,</i> I do not honor S3 of the show stripping Maryse’s runes. I’m frankly not sure where the logic was in that, and she will be a nephilim til she dies.
  2146.  
  2147. <p>- I do adhere to the book’s timing of Max’s death. This means that in my blog canon, he was killed by Sebastian at the age of 10. I’m not sure I can separate so much of Maryse’s later arc from having outlived her child.
  2148. <br>- I’m more inclined to have Maryse have a closeness to her daughter like the books do, but I do think it’s complicated by a more show-esque severness, and in this regard I’m of blended canon compliance. She loves her children and would absolutely hug them when she comes home. But also she’s a hardass at the smallest slight.
  2149. <br>- I write Maryse as bisexual. This is not something she is, in most verses, aware of, but shipping is open to muses of all genders, and Maryse’s feelings for people who aren’t men are not always strictly platonic
  2150. <br>- I prefer not to acknowledge the Lydia Branwell arc and keep her Institute leader status somewhat constant, and don’t really love Alec’s near-marriage arc, but I’m willing to let it stand if my RP partner wishes. I may DM you when we plot to ask if Maryse is no longer institute head, etc, etc.
  2151.  
  2152.  
  2153. <p>
  2154. </div id="pageGDL" class="popup_block">
  2155. </div>
  2156.  
  2157.  
  2158.  
  2159.  
  2160.  
  2161. <!-- POPUP PAGE: BIO. -->
  2162.  
  2163.  
  2164. <div id="pageVRS" class="popup_block">
  2165.  
  2166. <header>
  2167. UNIVERSES / TIMELINES
  2168. </header>
  2169.  
  2170. <h4>VERSE 001. if i only could make a deal with god</h4>
  2171.  
  2172. <b>Main verse of the moment.</b> Set during present-show canon-ish. Currently following the Dark War/Edom/Lilith arc in the overall storyline. Maryse is still running the institute, and frantically dealing with the Clave, and hoping her children remain safe.
  2173.  
  2174. <h4>VERSE 002. and i need to be redeemed</h4>
  2175.  
  2176. Set from the time Maryse is sent to New York after the Uprising, through the beginning of canon shenanigans. This verse deals mainly with the time she spends running the Institute while under the impression that Valentine is dead.
  2177.  
  2178. <h4>VERSE 003. it’s a new dawn & a new day</h4>
  2179.  
  2180. <b>Set post-canon.</b> Maryse is divorced, the war is over, and life is beginning to return to normal for her, her children, and her children’s partners, whom she loves dearly.
  2181.  
  2182. <h4>VERSE 004. ‘cause I’m feeling like a criminal</h4>
  2183.  
  2184. Set during Maryse’s younger years from age seventeen to age 23 in Idris. This covers her later years in the academy and time as a circle member, ending when she abandons the Uprising and is sent to New York.
  2185.  
  2186. <h4>VERSE 005. I have the falling sickness</h4>
  2187.  
  2188. <b>Deruned!verse.</b> In this universe, Maryse is faulted for the misgivings and happenings at the Institute, as well as for her former circle crimes, and stripped of runes.
  2189.  
  2190. <h4>VERSE 006. when there’s nothing left to burn</h4>
  2191.  
  2192. <b>Vampire!verse.</b> At 23, Maryse was sent on the same mission that killed Stephen Herondale. However, unlike Stephen, Maryse escaped. She was turned into a vampire, and fled Idris, leaving behind a husband, and a small son.
  2193.  
  2194. <h4>VERSE 007. a world in the walls</h4>
  2195.  
  2196. <b>Alternate Universe based on 1x10.</b> Maryse is a lawyer, high-powered and overworked. She knows nothing of demons, or the world she was ordinarily born into. Her drive and ambition went instead into professional success and notoriety. Otherwise, she’s a fairly ordinary mother of a few children, and a respected professional among her peers, with a marriage that’s failing in all the usual ways.
  2197.  
  2198.  
  2199.  
  2200.  
  2201. <p>
  2202. </div id="pageVRS" class="popup_block">
  2203. </div>
  2204.  
  2205.  
  2206.  
  2207.  
  2208.  
  2209.  
  2210.  
  2211. <!-- POPUP PAGE 005. -->
  2212.  
  2213.  
  2214. <div id="pageNAV" class="popup_block">
  2215.  
  2216.  
  2217. <header>DIRECTORY</header>
  2218.  
  2219.  
  2220. <p>
  2221. <div id="nvroom">
  2222. <div class="nvlinks">
  2223.  
  2224.  
  2225. <h4>GENERAL</h4>
  2226.  
  2227. <a href="/tagged/%28-ooc-%29.-are-you-suggesting-that-coconuts-migrate%3F">
  2228. Out of character posts
  2229. </a>
  2230.  
  2231. <a href="/tagged/%28-ic-%29.-the-fault-lies-in-ourselves">
  2232. In character posts
  2233. </a>
  2234.  
  2235. <a href="/tagged/%28-askbox-%29.-you-answer-with-a-wicked-tongue">
  2236. ANSWERED
  2237. </a>
  2238.  
  2239. <a href="/tags#mce_temp_url#">
  2240. MEMES
  2241. </a>
  2242.  
  2243. </div id="nvroom">
  2244. </div class="nvlinks">
  2245.  
  2246.  
  2247.  
  2248. <h4>CHARACTER</h4>
  2249.  
  2250.  
  2251. <div id="nvroom">
  2252. <div class="nvlinks">
  2253.  
  2254.  
  2255. <a href="/tagged/%28-about-maryse-%29.-straight-for-the-knife-%26-i-prepared-to-die">
  2256. ABOUT MARYSE
  2257. </a>
  2258.  
  2259. <a href="/tagged/%28-headcanon-%29.-you-cannot-hide-from-the-mess-inside">
  2260. HEADCANONS
  2261. </a>
  2262.  
  2263. <a href="/tagged/%28-faceclaim-%29.-mock-the-tide-with-fairest-show">
  2264. FACE CLAIM
  2265. </a>
  2266.  
  2267. </div id="nvroom">
  2268. </div class="nvlinks">
  2269.  
  2270.  
  2271. <h4>RELATIONSHIPS</h4>
  2272.  
  2273.  
  2274. <a href="/tagged/">
  2275.  
  2276. </a>
  2277.  
  2278. <a href="/tagged/">
  2279.  
  2280. </a>
  2281.  
  2282. <a href="/tagged/">
  2283.  
  2284. </a>
  2285.  
  2286. <a href="/tagged/">
  2287.  
  2288. </a>
  2289.  
  2290.  
  2291. </div id="nvroom">
  2292. </div class="nvlinks">
  2293.  
  2294. <br>
  2295. </div id="pageNAV" class="popup_block">
  2296.  
  2297.  
  2298.  
  2299.  
  2300.  
  2301. <!-- CREDIT -->
  2302.  
  2303. <div id="credit"><div style="width:105px;margin-right:10px;">
  2304. <a href="http://iniziare.tumblr.com/" target="blank">
  2305. <span>S.</span>MADE BY SAE.</a>
  2306. </div></div>
  2307.  
  2308. </body>
  2309. </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!