API tools faq
paste
Advertisement
littlemisswhoever

3 column theme: chatreus

littlemisswhoever
Oct 4th, 2018
283
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 87.59 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.  
  40. <!-- SCRIPT: EXPAND -->
  41.  
  42. <script>
  43. $(document).ready(function(){
  44. $(".tags").hide();
  45. $(".hide").show();$('.hide').toggle(function(){
  46. $(".tags").slideDown(function(){});
  47. },function(){
  48. $(".tags").slideUp(function(){});
  49. });
  50. });
  51. </script>
  52.  
  53.  
  54.  
  55.  
  56.  
  57. <!-- SCRIPT: POPUPS -->
  58.  
  59. <script type="text/javascript"
  60. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  61. <script>
  62. $(document).ready(function() {
  63. //
  64. $('a.poplight[href^=#]').click(function() {
  65. var popID = $(this).attr('rel'); //Get Popup Name
  66. var popURL = $(this).attr('href'); //Get Popup href to define size
  67. var query= popURL.split('?');
  68. var dim= query[1].split('&');
  69. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  70. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  71. var popMargTop = ($('#' + popID).height() + 80) / 2;
  72. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  73. //Apply Margin to Popup
  74. $('#' + popID).css({
  75. 'margin-top' : -popMargTop,
  76. 'margin-left' : -popMargLeft
  77. });
  78. $('body').append('<div id="fade"></div>');
  79. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  80. return false;
  81. });
  82. $('a.close, #fade').live('click', function() {
  83. $('#fade , .popup_block').fadeOut(function() {
  84. $('#fade, a.close').remove(); //fade them both out
  85. });
  86. return false;
  87. });
  88. });
  89. </script>
  90.  
  91.  
  92. <!-- SCRIPT: jQuery -->
  93.  
  94. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  95.  
  96.  
  97.  
  98. <!-- SCRIPT: AUDIO PLAYER -->
  99.  
  100. <script>
  101. $(document).ready(function() {
  102. $('iframe.tumblr_audio_player').load( function() {
  103. $('iframe.tumblr_audio_player').contents().find("head")
  104. .append($("<style type='text/css'> .audio-player{background:transparent !important; color:{color:bold} !important;} </style>"));
  105. });
  106. });
  107. </script>
  108.  
  109.  
  110.  
  111. <!-- SCRIPT: POPUP TABS -->
  112.  
  113. <script>$(document).ready(function(){
  114. $("ul#tabs li").click(function(e){
  115. if (!$(this).hasClass("active")) {
  116. var tabNum = $(this).index();
  117. var nthChild = tabNum+1;
  118. $("ul#tabs li.active").removeClass("active");
  119. $(this).addClass("active");
  120. $("ul#tab li.active").removeClass("active");
  121. $("ul#tab li:nth-child("+nthChild+")").addClass("active");}});});</script>
  122.  
  123.  
  124.  
  125.  
  126. <!-- CUSTOM FONTS -->
  127.  
  128. <link href="https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre" rel="stylesheet">
  129.  
  130.  
  131. <link rel="stylesheet" href="https://static.tumblr.com/8rqi4zd/Ldipc2gaa/jace1.css">
  132.  
  133.  
  134. <link rel="stylesheet" href="https://static.tumblr.com/8rqi4zd/JDOpb0bk5/regular.css">
  135.  
  136.  
  137.  
  138.  
  139.  
  140.  
  141.  
  142. <!-- META LINES -->
  143.  
  144.  
  145. <meta name="image:Background" content="https://static.tumblr.com/8rqi4zd/8TDpg378i/17.png"/>
  146.  
  147. <meta name="text:Font" content="'Frank Ruhl Libre'"/>
  148. <meta name="text:Font Size" content="10px"/>
  149. <meta name="text:Line Height" content="18px;" />
  150. <meta name="text:Custom Capitals Font" content="'customfonthere'">
  151.  
  152. <meta name="color:Body Text" content="#c6c6c6" />
  153. <meta name="color:Bold" content="#ad9271" />
  154. <meta name="color:Italic" content="#ffffff" />
  155. <meta name="color:First Letter" content="#151515" />
  156. <meta name="color:Links" content="#ad9271" />
  157. <meta name="color:Links Hover" content="#ffffff" />
  158.  
  159.  
  160.  
  161.  
  162.  
  163.  
  164.  
  165. <style type="text/css">
  166.  
  167.  
  168.  
  169.  
  170. /* SCROLLBAR */
  171.  
  172. ::-webkit-scrollbar {
  173. background:transparent;
  174. height: 0px;
  175. display:none;
  176. width: 0px; /* remove scrollbar space */
  177. -ms-overflow-style: none; // IE 10+
  178. overflow: -moz-scrollbars-none; // Firefox
  179. }
  180.  
  181.  
  182. ::-webkit-scrollbar-thumb {
  183. background:transparent;
  184. }
  185.  
  186.  
  187.  
  188.  
  189. /* TEXT SELECTION */
  190.  
  191. ::selection {background: #000000; color:#ffffff;}
  192. ::-moz-selection {background: #000000; color:#ffffff;}
  193.  
  194.  
  195.  
  196.  
  197.  
  198. /* TOOLTIP */
  199.  
  200.  
  201. #s-m-t-tooltip {
  202. z-index:999999;
  203. max-width:350px;
  204. margin-left:10px;
  205. margin-top:10px;
  206. font-weight:lighter;
  207. background-color:#000000;
  208. background:rgba(0,0,0,1);
  209. border:1px solid #151515;
  210. padding-top:6px;
  211. padding-bottom:6px;
  212. padding-left:16px;
  213. padding-right:16px;
  214. font-family:calibri;
  215. font-style:normal;
  216. font-weight:700;
  217. font-size:10px;
  218. text-shadow: 0px 0px 1px #000;
  219. color: #e8e8e8;
  220. text-transform:uppercase;
  221. letter-spacing:0px;
  222. -webkit-box-shadow: 0px 1px 19px 4px rgba(0,0,0,0.75);
  223. -moz-box-shadow: 0px 1px 19px 4px rgba(0,0,0,0.75);
  224. box-shadow: 0px 1px 19px 4px rgba(0,0,0,0.75);
  225. }
  226.  
  227.  
  228.  
  229.  
  230.  
  231.  
  232. /* FOUNDATION */
  233.  
  234.  
  235. body {
  236. background-image:url('{image:Background}');
  237. background-attachment:fixed;
  238. background-repeat:no-repeat;
  239. background-position:top left;
  240. background-color:#000000;
  241. color:{color:Body Text};
  242. font-size:{text:Font Size};
  243. line-height:14px;
  244. word-spacing:-0.5px;
  245. color:{color:Body Text};
  246. font-family:{text:Font};
  247. word-wrap: break-word;
  248. }
  249.  
  250.  
  251. body a {
  252. font-size:12px;
  253. color:{color:links};
  254. font-weight:bold;
  255. text-decoration:none!important;
  256. -moz-transition-duration:2s;
  257. -webkit-transition-duration:2s;
  258. -o-transition-duration:2s;
  259. }
  260.  
  261. body a:hover {
  262. color:{color:links hover};
  263. -moz-transition-duration:2s;
  264. -webkit-transition-duration:2s;
  265. -o-transition-duration:2s;
  266. }
  267.  
  268.  
  269.  
  270.  
  271.  
  272. /* BLOCKQUOTES */
  273.  
  274.  
  275. blockquote {
  276. background-color:#000000!important;
  277. padding-left:24px;
  278. padding-right:24px;
  279. padding-top:12px;
  280. padding-bottom:12px;
  281. margin-top:12px;
  282. margin-bottom:12px;
  283. text-align:justify;
  284. margin-left:0px;
  285. margin-right:0px;
  286. border:1px solid #151515;
  287. word-wrap: break-word!important;
  288. }
  289.  
  290.  
  291.  
  292. blockquote blockquote {
  293. border-left:1px solid #151515!important;
  294. border-top:0px!important;
  295. border-bottom:0px!important;
  296. border-right:0px!important;
  297. outline:0px solid transparent;
  298. padding-left:24px;
  299. padding-right:0px;
  300. padding-top:0px;
  301. padding-bottom:0px;
  302. margin-top:12px!important;
  303. margin-bottom:0px!important;
  304. }
  305.  
  306.  
  307. blockquote p:not(:first-child):first-letter {
  308. text-transform:uppercase;
  309. }
  310.  
  311.  
  312.  
  313. .stretch {
  314. margin-left:-25px;
  315. margin-right:-25px;
  316. margin-top:-27px;
  317. margin-bottom:25px;
  318. }
  319.  
  320.  
  321.  
  322.  
  323.  
  324. /* TEXT-WRAPPING AROUND ICONS/IMAGES */
  325.  
  326.  
  327. #wrap img {
  328. margin-top:2px!important;
  329. margin-bottom:0px!important;
  330. padding-right:3px;
  331. padding-bottom:3px;
  332. float:left;
  333. margin-right:14px;
  334. padding:9px;
  335. border:1px solid #151515;
  336. -webkit-filter: brightness(1) contrast(1) saturate(1);
  337. }
  338.  
  339.  
  340. #wrap blockquote img {
  341. clear:both!important;
  342. margin-top:11px!important;
  343. margin-bottom:0px!important;
  344. margin-left:14px;
  345. margin-right:0px!important;
  346. float:right;
  347. }
  348.  
  349.  
  350.  
  351.  
  352.  
  353. /* FONT-RELATED */
  354.  
  355.  
  356. small, sub, sup {
  357. font-size:{text:Font Size};
  358. }
  359.  
  360.  
  361. big {
  362. font-size:120%;
  363. }
  364.  
  365.  
  366. b, bold, strong {
  367. font-size:9.5px;
  368. font-family: calibri;
  369. text-transform:uppercase;
  370. font-weight:bold;
  371. color:{color:Bold};
  372. padding-right:0px;
  373. padding-left:0px;
  374. text-shadow: 0px 0px 1px rgba(69, 64, 64, 0.45);
  375. }
  376.  
  377. em, i, italic {
  378. font-family:calibri;
  379. font-style:normal;
  380. font-weight:700;
  381. font-size:9.5px;
  382. text-shadow: 0px 0px 1px #000;
  383. color: {color:Italic};
  384. text-transform:uppercase;
  385. }
  386.  
  387.  
  388.  
  389.  
  390. u, u a {
  391. background-color: #000000;
  392. border: 1px solid #151515;
  393. font-family:{text:Custom Capitals Font}, 'Frank Ruhl Libre', serif;
  394. color:{color:first letter};!important;
  395. text-decoration:none!important;
  396. font-style:normal!important;
  397. font-weight:lighter!important;
  398. text-transform:uppercase!important;
  399. float:left;
  400. margin-top:2px;
  401. height:55px;
  402. width:55px;
  403. font-size: 44px;
  404. margin-right: 11px;
  405. position: relative;
  406. text-align: center;
  407. vertical-align: middle;
  408. line-height: 58px;
  409. }
  410.  
  411.  
  412.  
  413.  
  414. pre {
  415. padding-top:8px;
  416. padding-bottom:8px;
  417. font-weight:lighter;
  418. text-transform:uppercase;
  419. color: #d1d1d1;
  420. line-height:155%;
  421. font-weight:lighter!important;
  422. color:#e6e6e6;
  423. font-size:8.4px;
  424. letter-spacing:0.6px;
  425. white-space: pre-wrap;
  426. white-space: -moz-pre-wrap;
  427. white-space: -pre-wrap;
  428. white-space: -o-pre-wrap;
  429. word-wrap: break-word;
  430. }
  431.  
  432.  
  433.  
  434. pre a {
  435. color:{color:links};
  436. -moz-transition-duration:2s;
  437. -webkit-transition-duration:2s;
  438. -o-transition-duration:2s;
  439. }
  440.  
  441.  
  442.  
  443. h1 {
  444. word-spacing:-0.5px;
  445. font-size:12px;
  446. color: #ffffff;
  447. font-weight:bold;
  448. font-family:calibri;
  449. text-align:left!important;
  450. text-transform:uppercase;
  451. }
  452.  
  453.  
  454.  
  455. h1 a {
  456. font-weight:bold;
  457. color: #d1d1d1!important;
  458. }
  459.  
  460.  
  461.  
  462. h2 {
  463. font-family: calibri, sans-serif;
  464. font-size:13.4px;
  465. text-transform:uppercase!important;
  466. color:{color:bold};
  467. letter-spacing:-0.4px;
  468. }
  469.  
  470.  
  471.  
  472. h2 a {
  473. font-family: calibri, sans-serif;
  474. font-size:13.4px!important;
  475. text-transform:uppercase!important;
  476. color:{color:links};
  477. letter-spacing:-0.4px;
  478. }
  479.  
  480.  
  481.  
  482. h3 {
  483. font-family: calibri, sans-serif;
  484. font-size:13.4px;
  485. text-transform:uppercase!important;
  486. color:{color:bold};
  487. letter-spacing:-0.4px;
  488. }
  489.  
  490.  
  491.  
  492. h3 a {
  493. font-family: calibri, sans-serif;
  494. font-size:13.4px!important;
  495. text-transform:uppercase!important;
  496. color:{color:links};
  497. letter-spacing:-0.4px;
  498. }
  499.  
  500.  
  501.  
  502. h4 {
  503. background-image:url('');
  504. background-repeat:repeat;
  505. background-attachment:fixed;
  506. border:1px solid #151515;
  507. margin-bottom:24px;
  508. margin-top:24px;
  509. width:479px;
  510. height:24px;
  511. margin-left:-25px;
  512. text-align:center;
  513. font-family:calibri;
  514. font-style:normal;
  515. font-weight:bold;
  516. font-size:10px;
  517. line-height:23px;
  518. color: {color:first letter};
  519. text-transform:uppercase;
  520. -moz-transition-duration:1.5s;
  521. -webkit-transition-duration:1.5s;
  522. -o-transition-duration:1.5s;
  523. }
  524.  
  525.  
  526.  
  527. h4:hover {
  528. color:{color:links};
  529. -moz-transition-duration:1.5s;
  530. -webkit-transition-duration:1.5s;
  531. -o-transition-duration:1.5s;
  532. }
  533.  
  534.  
  535.  
  536.  
  537. h4 a {
  538. font-family:calibri;
  539. font-style:normal;
  540. font-weight:700;
  541. font-size:10px!important;
  542. line-height:10px;
  543. text-shadow: 0px 0px 1px #000;
  544. color: #e8e8e8;
  545. }
  546.  
  547.  
  548.  
  549. ul {
  550. list-style-position: inside;
  551. padding-left: 1.2em; }
  552.  
  553. ol {
  554. list-style-position: inside;
  555. padding-left: 1.2em;
  556. }
  557.  
  558.  
  559.  
  560. /* SIDEBAR */
  561.  
  562.  
  563. #sidebar {
  564. position: fixed;
  565. line-height:165%;
  566. background:transparent;
  567. width:125px;
  568. left: 74px;
  569. top: 93px;
  570. }
  571.  
  572.  
  573. .sideheadertop {
  574. width:160px;
  575. height:24px;
  576. background-color:#030303;
  577. outline:1px solid #151515;
  578. text-align: center;
  579. margin-left:-6px;
  580. margin-top:-8px;
  581. }
  582.  
  583.  
  584.  
  585. .sideheaderbottom {
  586. width:160px;
  587. height:24px;
  588. background-color:#030303;
  589. outline:1px solid #151515;
  590. margin-top: 29px;
  591. text-align: center;
  592. margin-left:-6px;
  593. }
  594.  
  595.  
  596.  
  597.  
  598. #sidetext {
  599. height:451px;
  600. width:114px;
  601. margin-top:24px;
  602. margin-left:17px;
  603. background-color:#000000;
  604. text-align:justify;
  605. overflow:scroll;
  606. line-height:14px;
  607. text-align-last: center;
  608. }
  609.  
  610.  
  611. #sidetext a {
  612. font-size:9.5px;
  613. font-family: calibri;
  614. text-transform:uppercase;
  615. letter-spacing:-0.05px;
  616. font-weight:bold;
  617. color:{color:Links};
  618. padding-right:0px;
  619. padding-left:0px;
  620. text-shadow: 0px 0px 1px rgba(69, 64, 64, 0.45);
  621. }
  622.  
  623.  
  624.  
  625.  
  626. /* DESCRIPTION */
  627.  
  628.  
  629.  
  630. .bottombox {
  631. position:fixed;
  632. width:478px;
  633. left:253px;
  634. top:478px;
  635. border:1px solid #151515;
  636. background-color:#000000;
  637. }
  638.  
  639.  
  640. .description {
  641. height:59px;
  642. max-height:59px;
  643. padding-left:24px;
  644. padding-right:24px;
  645. border-top:24px solid #000000;
  646. border-bottom:24px solid #000000;
  647. line-height:14px;
  648. text-align:justify;
  649. overflow-y:scroll;
  650. }
  651.  
  652.  
  653.  
  654. .description a {
  655. font-family: calibri;
  656. text-transform:uppercase;
  657. font-size:9px;
  658. font-weight:bold!important;
  659. -moz-transition-duration:2s;
  660. -webkit-transition-duration:2s;
  661. -o-transition-duration:2s;
  662. }
  663.  
  664.  
  665.  
  666. #navi {
  667. width:478px;
  668. height:24px;
  669. border-top:1px solid #151515;
  670. border-bottom:1px solid #151515;
  671. border-left:1px solid #151515;
  672. border-right:1px solid #151515;
  673. background-color:#000000;
  674. text-align: center;
  675. line-height:23px;
  676. margin-left:-1px;
  677. margin-top:-1px!important;
  678. overflow:hidden;
  679. font-family:calibri!important;
  680. text-shadow: 0px 0px 1px rgba(11, 11, 11, 0.2);
  681. -webkit-user-select: none; /* Chrome all / Safari all */
  682. -moz-user-select: none; /* Firefox all */
  683. -ms-user-select: none; /* IE 10+ */
  684. user-select: none; /* Likely future */
  685. }
  686.  
  687.  
  688. #navi b {
  689. color:#151515;
  690. text-shadow: 0px 0px 1px rgba(11, 11, 11, 0.2);
  691. }
  692.  
  693.  
  694.  
  695. #navi a {
  696. font-family:calibri;
  697. font-size:9.5px;
  698. letter-spacing:0px;
  699. margin-right:25px;
  700. color:#151515!important;
  701. }
  702.  
  703.  
  704. #navi a:last-child {
  705. margin-right:0px!important;
  706. }
  707.  
  708.  
  709. #navi a:hover {
  710. background-color:#000000!important;
  711. font-weight:bold!important;
  712. color:{color:links}!important;
  713. -moz-transition-duration:2s;
  714. -webkit-transition-duration:2s;
  715. -o-transition-duration:2s;
  716. }
  717.  
  718.  
  719.  
  720.  
  721.  
  722.  
  723. /* POSTS: GENERAL */
  724.  
  725.  
  726. #container {
  727. position:fixed;
  728. height:552px;
  729. width:430px;
  730. left:757px;
  731. top:84px;
  732. background-color:#000000;
  733. overflow-y:scroll;
  734. padding-left:24px;
  735. padding-right:24px;
  736. z-index:9999;
  737. border:1px solid #151515!important;
  738. }
  739.  
  740.  
  741.  
  742. .containerheadertop {
  743. position:fixed;
  744. width:478px;
  745. height:24px;
  746. background-color:#030303;
  747. border:1px solid #151515;
  748. text-align: center;
  749. margin-left:-25px;
  750. margin-top:-1px;
  751. z-index:99999;
  752. }
  753.  
  754.  
  755.  
  756. #containertopspace {
  757. position:fixed;
  758. width:478px;
  759. height:24px;
  760. background-color:transparent;
  761. margin-left:-24px;
  762. border-bottom:24px solid #000000;
  763. margin-top:-1px;
  764. z-index:999;
  765. }
  766.  
  767.  
  768.  
  769. .containerheaderbottom {
  770. position:fixed;
  771. width:478px;
  772. height:24px;
  773. background-color:#030303;
  774. border:1px solid #151515;
  775. text-align: center;
  776. left:758px;
  777. top:612px;
  778. margin-left:-1px;
  779. z-index:9999999;
  780. }
  781.  
  782.  
  783.  
  784. #containerbottomspace {
  785. position:fixed;
  786. left:782px;
  787. top:582px;
  788. width:478px;
  789. height:24px;
  790. background-color:#000000;
  791. text-align: center;
  792. margin-left:-24px;
  793. margin-top:6px;
  794. z-index:999999;
  795. }
  796.  
  797.  
  798.  
  799. .posts {
  800. width:430px;
  801. padding-right:25px;
  802. padding-left:25px;
  803. margin-left:-25px;
  804. word-wrap: break-word;
  805. text-align:justify;
  806. line-height:14px;
  807. margin-bottom:84px;
  808. }
  809.  
  810.  
  811.  
  812.  
  813.  
  814. .posts a {
  815. font-family: calibri;
  816. text-transform:uppercase;
  817. font-size:9.4px;
  818. font-weight:bold!important;
  819. -moz-transition-duration:2s;
  820. -webkit-transition-duration:2s;
  821. -o-transition-duration:2s;
  822. }
  823.  
  824.  
  825.  
  826. .posts a:hover {
  827. color:{color:links hover};
  828. -moz-transition-duration:2s;
  829. -webkit-transition-duration:2s;
  830. -o-transition-duration:2s;
  831. }
  832.  
  833.  
  834. .posts img {
  835. max-width: -webkit-calc(100% - 22px);
  836. max-width: -moz-calc(100% - 22px);
  837. max-width: calc(100% - 22px);
  838. height:auto;
  839. }
  840.  
  841.  
  842.  
  843.  
  844.  
  845. /* POSTS: TEXT */
  846.  
  847.  
  848. #text {
  849. border:1px solid #151515;
  850. margin-left:-25px;
  851. margin-right:-25px;
  852. margin-bottom:-27px;
  853. margin-top:26px;
  854. padding-left:24px;
  855. padding-right:24px;
  856. padding-top:14px;
  857. padding-bottom:14px;
  858. }
  859.  
  860.  
  861. #textbody {
  862. {block:permalinkpage}
  863. margin-top:-24px;
  864. padding-top:0px;
  865. {/block:permalinkpage}
  866. margin-top:3px;
  867. }
  868.  
  869.  
  870.  
  871.  
  872.  
  873.  
  874.  
  875. /* POSTS: PHOTO/PHOTOSETS */
  876.  
  877.  
  878. #psingle {
  879. position:relative;
  880. z-index:99999999!important;
  881. margin-top:-1px;
  882. margin-bottom:-28px;
  883. margin-left:-26px;
  884. margin-right:-25px;
  885. border-top:1px solid #2e2e2e;
  886. -webkit-filter: brightness(.75) contrast(1.1) saturate(0.55);
  887. -webkit-transition: all 0.9s ease-in-out;
  888. -moz-transition: all 0.9s ease-in-out;
  889. -o-transition: all 0.9s ease-in-out;
  890. -ms-transition: all 0.9s ease-in-out;
  891. transition: all 0.9s ease-in-out;
  892. }
  893.  
  894.  
  895.  
  896. #psingle:hover {
  897. -webkit-filter: brightness(.75) contrast(1.1) saturate(0.55);
  898. -webkit-transition: all 0.9s ease-in-out;
  899. -moz-transition: all 0.9s ease-in-out;
  900. -o-transition: all 0.9s ease-in-out;
  901. -ms-transition: all 0.9s ease-in-out;
  902. transition: all 0.9s ease-in-out;
  903. }
  904.  
  905.  
  906.  
  907. #pset {
  908. position:relative;
  909. z-index:99999999!important;
  910. width: 480px;
  911. margin-top:-1px!important;
  912. background-color:#000000;
  913. margin-bottom:-30px;
  914. margin-left:-24px;
  915. border-top:1px solid #2e2e2e;
  916. -webkit-filter: brightness(.75) contrast(1.1) saturate(0.55);
  917. -webkit-transition: all 0.9s ease-in-out;
  918. -moz-transition: all 0.9s ease-in-out;
  919. -o-transition: all 0.9s ease-in-out;
  920. -ms-transition: all 0.9s ease-in-out;
  921. transition: all 0.9s ease-in-out;
  922. }
  923.  
  924.  
  925.  
  926. #pset:hover {
  927. -webkit-filter: brightness(.75) contrast(1.1) saturate(0.55);
  928. -webkit-transition: all 0.9s ease-in-out;
  929. -moz-transition: all 0.9s ease-in-out;
  930. -o-transition: all 0.9s ease-in-out;
  931. -ms-transition: all 0.9s ease-in-out;
  932. transition: all 0.9s ease-in-out;
  933. }
  934.  
  935.  
  936.  
  937.  
  938. #pcaption {
  939. border-top:1px solid #151515;
  940. margin-top:26px;
  941. margin-left:-24px;
  942. margin-right:-24px;
  943. padding-left:24px;
  944. padding-right:24px;
  945. }
  946.  
  947.  
  948. #pcaption a {
  949. font-size:10px;
  950. }
  951.  
  952.  
  953.  
  954.  
  955.  
  956.  
  957.  
  958. /* POSTS: QUOTE */
  959.  
  960. #quotebox {
  961. border-top:1px solid #151515;
  962. padding-left:24px;
  963. padding-right:24px;
  964. padding-top:24px;
  965. padding-bottom:0px;
  966. margin-left:-25px;
  967. margin-right:-25px;
  968. margin-bottom:-27px;
  969. margin-top:30px;
  970. }
  971.  
  972.  
  973.  
  974. #quote {
  975. font-size:12px;
  976. text-align:left;
  977. padding-top:0px;
  978. padding-bottom:24px;
  979. letter-spacing:-0.5px;
  980. line-height:16px;
  981. }
  982.  
  983.  
  984.  
  985.  
  986. .source {
  987. font-family:calibri;
  988. font-weight:bold;
  989. text-align:left;
  990. font-size:10px;
  991. color: #e8e8e8;
  992. text-transform:uppercase;
  993. border:1px solid #151515;
  994. margin-top:-1px;
  995. height:24px;
  996. line-height:23px;
  997. padding-left:24px;
  998. padding-right:24px;
  999. margin-bottom:-24px;
  1000. margin-top:24px;
  1001. margin-left:-25px;
  1002. margin-right:-25px;
  1003. background-color:#030303;
  1004. }
  1005.  
  1006.  
  1007.  
  1008.  
  1009.  
  1010.  
  1011.  
  1012.  
  1013. /* POSTS: LINK */
  1014.  
  1015. #linkpost {
  1016. margin-right:-25px;
  1017. margin-left:-25px!important;
  1018. {block:permalinkpage}
  1019. margin-top:0px;
  1020. {/block:permalinkpage}
  1021. padding-top:0px;
  1022. margin-bottom:-25px;
  1023. }
  1024.  
  1025.  
  1026.  
  1027. #link {
  1028. margin-top:32px;
  1029. border:1px solid #151515;
  1030. padding:24px;
  1031. }
  1032.  
  1033.  
  1034. #link a {
  1035. font-size:12px;
  1036. }
  1037.  
  1038.  
  1039.  
  1040.  
  1041.  
  1042.  
  1043.  
  1044.  
  1045. /* POSTS: CHAT */
  1046.  
  1047. #chatbox {
  1048. margin-right:-25px;
  1049. margin-left:-25px!important;
  1050. padding-bottom:0px!important;
  1051. }
  1052.  
  1053.  
  1054.  
  1055. #chat {
  1056. margin-top:25px;
  1057. border-top:1px solid #151515;
  1058. padding-top:27px;
  1059. padding-left:24px;
  1060. padding-right:24px;
  1061. }
  1062.  
  1063.  
  1064.  
  1065.  
  1066.  
  1067.  
  1068.  
  1069.  
  1070. /* POSTS: AUDIO */
  1071.  
  1072. #audiobox {
  1073. {block:permalinkpage}
  1074. margin-top:0px;
  1075. {/block:permalinkpage}
  1076. padding-left:24px;
  1077. padding-right:24px;
  1078. padding-bottom:0px;
  1079. padding-top:24px;
  1080. margin-left:-25px;
  1081. margin-right:-25px;
  1082. margin-bottom:-27px;
  1083. }
  1084.  
  1085.  
  1086.  
  1087. .player {
  1088. opacity: 1;
  1089. position: absolute;
  1090. z-index: 1;
  1091. line-height:33px;
  1092. margin-left: -12px;
  1093. margin-top:29px;
  1094. display: block;
  1095. }
  1096.  
  1097. .audioplayer {
  1098. width: 24px;
  1099. height: 24px;
  1100. margin-left: 0px;
  1101. overflow: hidden;
  1102. padding: 0px;
  1103. }
  1104.  
  1105.  
  1106.  
  1107. .audioinfo {
  1108. border:1px solid #151515;
  1109. margin-left: -25px;
  1110. margin-right: -25px;
  1111. padding-left:50px;
  1112. margin-top:30px;
  1113. height:24px;
  1114. line-height:23px;
  1115. display: block;
  1116. font-family:calibri;
  1117. font-weight:bold;
  1118. text-transform: uppercase;
  1119. text-align: left;
  1120. letter-spacing:-0.08px;
  1121. word-spacing:-0.5px;
  1122. font-size:10px;
  1123. color:#151515;
  1124. background: transparent;
  1125. text-shadow: 0px 0px 1px rgba(69, 64, 64, 0.15);
  1126. -moz-transition-duration:1.5s;
  1127. -webkit-transition-duration:1.5s;
  1128. -o-transition-duration:1.5s;
  1129. }
  1130.  
  1131.  
  1132. .audioinfo:hover {
  1133. color:{color:links};
  1134. -moz-transition-duration:1.5s;
  1135. -webkit-transition-duration:1.5s;
  1136. -o-transition-duration:1.5s;
  1137. }
  1138.  
  1139.  
  1140. #acaption {
  1141. border-top:0px solid #151515;
  1142. padding-top:12px;
  1143. padding-bottom:12px;
  1144. margin-left:-24px;
  1145. padding-left:24px;
  1146. }
  1147.  
  1148. #acaption a {
  1149. font-size:10px;
  1150. }
  1151.  
  1152.  
  1153.  
  1154.  
  1155.  
  1156.  
  1157.  
  1158. /* POSTS: VIDEO */
  1159.  
  1160. .video-container {
  1161. margin-top:46px;
  1162. position: relative;
  1163. padding-bottom: 56.25%;
  1164. height: 0;
  1165. overflow: hidden;
  1166. margin-left:-24px;
  1167. width: 480px;
  1168. margin-bottom:-24px;
  1169. }
  1170.  
  1171.  
  1172. .video-container iframe,
  1173. .video-container object,
  1174. .video-container embed {
  1175. position: absolute;
  1176. top: 0;
  1177. left: 0;
  1178. height: 100%;
  1179. width:100%;
  1180. }
  1181.  
  1182.  
  1183.  
  1184.  
  1185.  
  1186. /* POSTS: ASK */
  1187.  
  1188.  
  1189. #answer {
  1190. padding-left:24px;
  1191. padding-right:24px;
  1192. margin-left:-25px;
  1193. margin-right:-25px;
  1194. margin-top:-7px;
  1195. }
  1196.  
  1197.  
  1198. #question {
  1199. border-top:0px solid #151515;
  1200. width: 80%;
  1201. margin-top:32px;
  1202. height:70px;
  1203. width:447px;
  1204. margin-left:-25px;
  1205. }
  1206.  
  1207.  
  1208.  
  1209. #ask {
  1210. float:left;
  1211. font-family:calibri, sans-serif;
  1212. text-transform:uppercase;
  1213. position: absolute;
  1214. font-weight:bold;
  1215. background-color:#000000;
  1216. font-size:9px;
  1217. line-height:12px!important;
  1218. width:365px;
  1219. min-height:21px;
  1220. max-height:21px;
  1221. overflow:scroll;
  1222. margin-top:0px;
  1223. margin-left:1px;
  1224. margin-bottom:0px;
  1225. padding-left:24px;
  1226. padding-right:24px;
  1227. outline:solid 1px #151515;
  1228. border-top:22px solid #000000;
  1229. border-bottom:22px solid #000000;
  1230. -moz-transition-duration:1.5s;
  1231. -webkit-transition-duration:1.5s;
  1232. -o-transition-duration:1.5s;
  1233. }
  1234.  
  1235.  
  1236.  
  1237. #ask:hover {
  1238. max-height:46px!important;
  1239. -moz-transition-duration:1.5s;
  1240. -webkit-transition-duration:1.5s;
  1241. -o-transition-duration:1.5s;
  1242. }
  1243.  
  1244.  
  1245. #ask a {
  1246. font-weight:lighter;
  1247. color:{color:bold};
  1248. font-size:9px;
  1249. text-decoration:none;
  1250. }
  1251.  
  1252.  
  1253. #ask b {
  1254. color:{color:bold};
  1255. font-size:9px;
  1256. line-height:11px;
  1257. font-family:calibri!important;
  1258. }
  1259.  
  1260.  
  1261.  
  1262. #ask img {
  1263. -webkit-filter:grayscale(1);
  1264. }
  1265.  
  1266.  
  1267.  
  1268. .letterask {
  1269. position:relative;
  1270. z-index:9999!important;
  1271. position:absolute;
  1272. text-align:center;
  1273. font-size:44px;
  1274. margin-left:415px;
  1275. outline:1px solid #151515;
  1276. padding-top:25px;
  1277. padding-bottom:26px;
  1278. padding-left:17px;
  1279. padding-right:17px;
  1280. color:#151515;
  1281. -webkit-user-select: none; /* Chrome all / Safari all */
  1282. -moz-user-select: none; /* Firefox all */
  1283. -ms-user-select: none; /* IE 10+ */
  1284. user-select: none; /* Likely future */
  1285. }
  1286.  
  1287.  
  1288.  
  1289.  
  1290. #response {
  1291. margin-top:24px;
  1292. padding-top:0px;
  1293. padding-bottom:0px;
  1294. }
  1295.  
  1296.  
  1297. #response blockquote {
  1298. margin-top:15px;
  1299. margin-bottom:24px;
  1300. margin-left:-25px;
  1301. margin-right:-25px;
  1302. padding-top:12px;
  1303. padding-left:25px;
  1304. padding-right:25px;
  1305. padding-bottom:12px;
  1306. border-left:1px solid #151515;
  1307. border-right:1px solid #151515;
  1308. border-bottom:1px solid #151515;
  1309. border-top:1px solid #151515;
  1310. background-color:#030303;
  1311. }
  1312.  
  1313.  
  1314. #response img {
  1315. float:left;
  1316. position:relative;
  1317. margin-left:-1px!important;
  1318. margin-right:13px;
  1319. margin-top:2px;
  1320. margin-bottom:5px;
  1321. padding:8px;
  1322. border:1px solid #151515;
  1323. -webkit-filter: brightness(1) contrast(1) saturate(1);
  1324. }
  1325.  
  1326.  
  1327.  
  1328.  
  1329.  
  1330.  
  1331.  
  1332. /* POPUPS: GENERAL */
  1333.  
  1334.  
  1335. .popupheadertop {
  1336. position:fixed;
  1337. width:478px;
  1338. height:24px;
  1339. background-color:#030303;
  1340. outline:1px solid #151515;
  1341. text-align: center;
  1342. margin-left:-24px;
  1343. margin-top:-49px;
  1344. }
  1345.  
  1346.  
  1347. .popup_block {
  1348. display:none;
  1349. background-color:#000000;
  1350. height:320px!important;
  1351. top:310px;
  1352. left:509px!important;
  1353. opacity:1;
  1354. position:fixed;
  1355. z-index:9999999;
  1356. padding-left:24px!important;
  1357. padding-right:24px!important;
  1358. outline:1px solid #151515;
  1359. border-bottom:24px solid #000000;
  1360. border-top:24px solid #000000;
  1361. overflow-y:scroll;
  1362. text-align:justify;
  1363. overflow-x:hidden;
  1364. }
  1365.  
  1366.  
  1367.  
  1368.  
  1369.  
  1370. .popup_block a {
  1371. font-family: calibri;
  1372. text-transform:uppercase;
  1373. font-size:9px;
  1374. font-weight:bold!important;
  1375. -moz-transition-duration:2s;
  1376. -webkit-transition-duration:2s;
  1377. -o-transition-duration:2s;
  1378. }
  1379.  
  1380.  
  1381.  
  1382. *html #fade {
  1383. position: absolute;
  1384. }
  1385.  
  1386.  
  1387.  
  1388. *html .popup_block {
  1389. position: absolute;
  1390. }
  1391.  
  1392.  
  1393.  
  1394. #fade {
  1395. display:none;
  1396. position:fixed;
  1397. left:0px;
  1398. top:0px;
  1399. width:100%;
  1400. height:100%;
  1401. z-index:9;
  1402. background:#000;
  1403. opacity:0;
  1404. }
  1405.  
  1406.  
  1407. #intro {
  1408. margin-top:5px;
  1409. margin-bottom:24px;
  1410. border:1px solid #151515;
  1411. padding-left:24px;
  1412. padding-right:24px;
  1413. padding-top:24px;
  1414. padding-bottom:24px;
  1415. }
  1416.  
  1417.  
  1418.  
  1419.  
  1420.  
  1421. /* POPUPS: TABS */
  1422.  
  1423.  
  1424. #tabbar{
  1425. left:50%;
  1426. top:50%;
  1427. margin-left:
  1428. overflow: scroll;
  1429. text-align:justify;
  1430. color:#222;
  1431. font-family:calibri;
  1432. font-size:12px;
  1433. }
  1434.  
  1435. ul#tabs {
  1436. text-align: center;
  1437. }
  1438.  
  1439.  
  1440. ul#tabs li {
  1441. display: inline-block;
  1442. background-repeat:repeat;
  1443. background-attachment:fixed;
  1444. border:1px solid #151515; /* INACTIVE TAB */
  1445. width:190px;
  1446. font-weight:bold;
  1447. text-align:center;
  1448. font-family:calibri;
  1449. font-style:normal;
  1450. font-weight:700;
  1451. font-size:10px;
  1452. line-height:10px;
  1453. text-shadow: 0px 0px 1px #000;
  1454. padding: 10px 10px;
  1455. margin-bottom: 2px;
  1456. cursor:pointer;
  1457. color:{color:links};
  1458. }
  1459.  
  1460. ul#tabs li.active {
  1461. display: inline-block;
  1462. padding:9px;
  1463. text-align:center;
  1464. font-family:calibri;
  1465. font-style:normal;
  1466. font-weight:700;
  1467. font-size:10px;
  1468. line-height:10px;
  1469. text-shadow: 0px 0px 1px #000;
  1470. background:#000000;
  1471. font-weight:bold;
  1472. font-size:10px;
  1473. border:1px solid #151515; /* ACTIVE TAB */
  1474. color:#e6e6e6;
  1475. padding: 10px 10px;
  1476. margin-bottom: 2px;
  1477. cursor:pointer;
  1478. }
  1479.  
  1480. ul#tab, ul#tabs{
  1481. list-style-type:none;
  1482. margin:0px;padding:0px;
  1483. }
  1484.  
  1485. ul#tab li.active {
  1486. display: block;
  1487. }
  1488.  
  1489. ul#tab li {
  1490. display: none;
  1491. }
  1492.  
  1493.  
  1494.  
  1495.  
  1496.  
  1497.  
  1498.  
  1499.  
  1500.  
  1501. /* POPUPS: NAVIGATION */
  1502.  
  1503.  
  1504. #nvbar {
  1505. width:434px;
  1506. }
  1507.  
  1508.  
  1509.  
  1510. .nvlinks {
  1511. margin-left:0px;
  1512. padding-top:0px;
  1513. padding-bottom:0px;
  1514. text-align:center;
  1515. }
  1516.  
  1517.  
  1518.  
  1519. .nvlinks a {
  1520. display:inline-block;
  1521. font-family: calibri, sans-serif;
  1522. font-weight:lighter!important;
  1523. width: 210px;
  1524. height:21px!important;
  1525. line-height:21px;
  1526. margin-right:3px;
  1527. margin-bottom:6px;
  1528. text-align:center;
  1529. background:#000000;
  1530. border: 1px solid #151515;
  1531. color:#e6e6e6;
  1532. font-size:8.6px;
  1533. letter-spacing:0.6px;
  1534. cursor: pointer;
  1535. z-index:2;
  1536. -moz-transition-duration:1s;
  1537. -webkit-transition-duration:1s;
  1538. -o-transition-duration:1s;
  1539. }
  1540.  
  1541.  
  1542. .nvlinks a:nth-last-child(2) {
  1543. margin-bottom:0px!important;
  1544. }
  1545.  
  1546.  
  1547. .nvlinks a:last-child {
  1548. margin-bottom:0px!important;
  1549. }
  1550.  
  1551.  
  1552. .nvlinks a:hover {
  1553. background-color: rgba(196, 156, 108, .22);
  1554. -moz-transition-duration:1s;
  1555. -webkit-transition-duration:1s;
  1556. -o-transition-duration:1s;
  1557. }
  1558.  
  1559.  
  1560.  
  1561.  
  1562.  
  1563.  
  1564. /* POST INFORMATION */
  1565.  
  1566.  
  1567. .permalinkbar {
  1568. width:480px;
  1569. margin-top:26px!important;
  1570. margin-left:-25px;
  1571. margin-right:-25px;
  1572. color:#151515!important;
  1573. }
  1574.  
  1575.  
  1576. .permalinkbuttons {
  1577. height:24px;
  1578. background-color:#000000;
  1579. font-weight:bold!important;
  1580. padding-left:24px;
  1581. padding-right:24px;
  1582. line-height:23px;
  1583. letter-spacing:-0.2px;
  1584. margin-left:0px!important;
  1585. margin-bottom:1px!important;
  1586. border-top:1px solid #151515;
  1587. border-bottom:1px solid #151515;
  1588. color:#151515!important;
  1589. }
  1590.  
  1591.  
  1592. .permalinkbuttons a {
  1593. font-family:calibri;
  1594. background-color:transparent;
  1595. font-weight:bold!important;
  1596. color:#151515;
  1597. font-size:10px;
  1598. letter-spacing:-0.2px;
  1599. -moz-transition-duration:2s;
  1600. -webkit-transition-duration:2s;
  1601. -o-transition-duration:2s;
  1602. -webkit-user-select: none; /* Chrome all / Safari all */
  1603. -moz-user-select: none; /* Firefox all */
  1604. -ms-user-select: none; /* IE 10+ */
  1605. user-select: none; /* Likely future */
  1606. }
  1607.  
  1608.  
  1609. .permalinkbuttons a:hover {
  1610. background-color:#000000!important;
  1611. font-weight:bold!important;
  1612. color:{color:links};
  1613. -moz-transition-duration:2s;
  1614. -webkit-transition-duration:2s;
  1615. -o-transition-duration:2s;
  1616. }
  1617.  
  1618.  
  1619.  
  1620.  
  1621.  
  1622. .tags {
  1623. font-family: calibri!important;
  1624. font-weight:bold!important;
  1625. background-color:#000000;
  1626. border-bottom:1px solid #151515;
  1627. padding-top:5px;
  1628. padding-bottom:7px;
  1629. padding-left:24px;
  1630. padding-right:24px;
  1631. margin-left:-25px;
  1632. margin-right:-25px;
  1633. margin-bottom:-1px;
  1634. margin-top:0px;
  1635. color:#151515!important;
  1636. text-transform:uppercase!important;
  1637. font-style:normal;
  1638. line-height:150%;
  1639. font-size:8.5px;
  1640. text-align:justify;
  1641. -moz-text-align-last: center; /* Code for Firefox */
  1642. text-align-last: center;
  1643. }
  1644.  
  1645.  
  1646.  
  1647. .tags a {
  1648. text-decoration:none!important;
  1649. font-weight:bold!important;
  1650. font-size:8.5px;
  1651. margin-right:1px;
  1652. text-transform:uppercase!important;
  1653. font-family: calibri!important;
  1654. color:#151515!important;
  1655. }
  1656.  
  1657.  
  1658. .tags a:hover {
  1659. color:#ffffff!important;
  1660. -moz-transition-duration:1s;
  1661. -webkit-transition-duration:1s;
  1662. -o-transition-duration:1s;
  1663. {block:ifBiggerTagsonHover}
  1664. font-size:10px!important;
  1665. {block:ifBiggerTagsonHover}
  1666. }
  1667.  
  1668.  
  1669.  
  1670. .permatags {
  1671. font-family: calibri!important;
  1672. font-weight:bold!important;
  1673. background-color:#000000;
  1674. border-bottom:1px solid #151515;
  1675. padding-top:5px;
  1676. padding-bottom:7px;
  1677. padding-left:24px;
  1678. padding-right:24px;
  1679. margin-left:-25px;
  1680. margin-right:-25px;
  1681. margin-bottom:-1px;
  1682. margin-top:0px;
  1683. color:#2c2c2c;
  1684. text-transform:uppercase!important;
  1685. font-style:normal;
  1686. line-height:150%;
  1687. font-size:8.5px;
  1688. text-align:justify;
  1689. -moz-text-align-last: center; /* Code for Firefox */
  1690. text-align-last: center;
  1691. }
  1692.  
  1693.  
  1694.  
  1695. .permatags a {
  1696. text-decoration:none!important;
  1697. font-weight:bold!important;
  1698. font-size:8.5px;
  1699. margin-right:1px;
  1700. text-transform:uppercase!important;
  1701. font-family: calibri!important;
  1702. color:#151515!important;
  1703. }
  1704.  
  1705.  
  1706. .permatags a:hover {
  1707. color:#ffffff!important;
  1708. -moz-transition-duration:1s;
  1709. -webkit-transition-duration:1s;
  1710. -o-transition-duration:1s;
  1711. {block:ifBiggerTagsonHover}
  1712. font-size:10px!important;
  1713. {block:ifBiggerTagsonHover}
  1714. }
  1715.  
  1716.  
  1717.  
  1718.  
  1719.  
  1720.  
  1721. /* NOTES */
  1722.  
  1723.  
  1724. #notes {
  1725. margin-bottom:62px;
  1726. margin-top:75px;
  1727. margin-left:-36px;
  1728. margin-right:-25px;
  1729. }
  1730.  
  1731.  
  1732.  
  1733. .note li {
  1734. list-style-type:none;
  1735. padding-top:12px;
  1736. padding-bottom:12px;
  1737. padding-left:24px;
  1738. padding-right:25px;
  1739. border-bottom:1px solid #151515;
  1740. border-top:1px solid #151515;
  1741. margin-bottom:-1px;
  1742. text-align:left;
  1743. -moz-transition-duration:0.5s;
  1744. -webkit-transition-duration:0.5s;
  1745. -o-transition-duration:0.5s;
  1746. font-family:calibri!important;
  1747. font-size:9px!important;
  1748. font-weight:bold;
  1749. text-transform:uppercase;
  1750. color: {color:body text};
  1751. }
  1752.  
  1753.  
  1754. .note li a {
  1755. font-family:calibri!important;
  1756. font-size:10px!important;
  1757. padding-right:2px;
  1758. font-weight:bold;
  1759. text-transform:uppercase;
  1760. letter-spacing:0px;
  1761. color: {color:bold};
  1762. }
  1763.  
  1764.  
  1765.  
  1766. .note blockquote {
  1767. padding-top:12px;
  1768. padding-bottom:12px;
  1769. padding-left:24px;
  1770. padding-right:24px;
  1771. margin-top:12px;
  1772. margin-bottom:12px;
  1773. margin-left:0px;
  1774. margin-right:0px;
  1775. }
  1776.  
  1777.  
  1778. .note img.avatar {
  1779. display:none;
  1780. width: 0px;
  1781. height: 0px;
  1782. }
  1783.  
  1784.  
  1785.  
  1786.  
  1787.  
  1788. /* CREDIT */
  1789.  
  1790. #credit {
  1791. z-index:999;
  1792. position:fixed;
  1793. bottom:25px;
  1794. right:25px;
  1795. width:10px;
  1796. height:13px;
  1797. word-wrap:break-word;
  1798. overflow:hidden;
  1799. -webkit-transition:all 1s ease;
  1800. -moz-transition:all 1s ease;
  1801. -o-transition:all 1s ease;
  1802. transition:all 1s ease-in-out;
  1803. }
  1804.  
  1805. #credit a {
  1806. color:{color:body text};
  1807. text-transform:uppercase;
  1808. font-size:10px;
  1809. font-family:calibri;
  1810. }
  1811.  
  1812. #credit:hover {width:84px;}
  1813.  
  1814. #credit span {
  1815. text-shadow:1px 1px .2px #000;
  1816. color:{color:bold};
  1817. margin-right:5px;
  1818. font-size:11px;
  1819. }
  1820.  
  1821.  
  1822.  
  1823.  
  1824.  
  1825. </style>
  1826.  
  1827. </head>
  1828.  
  1829. <body>
  1830.  
  1831.  
  1832. <!-- SIDEBAR -->
  1833.  
  1834.  
  1835. <div id ="sidebar"><div class="sideheadertop"></div>
  1836. <div id="sidetext">
  1837.  
  1838.  
  1839. <u>A</u> <b>SCIENTIFIC PHENOMENON</b> <i>that happens when an object is in motion.</i> You think you know exactly what path it will take and where it will end up. Then suddenly, you can see that the arc changes. It goes somewhere you would never <i>HAVE EXPECTED.</i> It's called the <b>MAGNUS EFFECT.</b>
  1840.  
  1841.  
  1842. <p style="margin-top:48px;">
  1843.  
  1844. <!-- ALTER THE 'MARGIN-TOP' VALUE ABOVE IF NEEDED TO INCREASE OR DECREASE THE SPACING BETWEEN TWO PARAGRAPHS TO FILL THE BOX AS MUCH AS POSSIBLE. OR REMOVE THE ABOVE LINE ALTOGETHER -->
  1845.  
  1846.  
  1847. <u>T</u>ime was like rain, glittering as it fell, changing the world, but something that could also be taken for granted. Until you loved a mortal. Then time became gold in a miser's hands, every bright year <i>counted out carefully, infinitely precious,</i> and each one slipping through <b>your fingers.</b>
  1848.  
  1849. </div id="sidetext">
  1850.  
  1851.  
  1852. <div class="sideheaderbottom"></div>
  1853. </div id ="sidebar">
  1854.  
  1855.  
  1856.  
  1857.  
  1858. <!-- DESCRIPTION + NAVIGATION BAR -->
  1859.  
  1860.  
  1861.  
  1862. <div class="bottombox">
  1863.  
  1864. <div id="navi" style="margin-top:0px;">
  1865. <a href="/" title="Refresh">INDEX/REFRESH</a>
  1866. <a href="#?w=430" rel="pageMSG" class="poplight" title="Inquiries">INQUIRE</a>
  1867. <a href="#?w=430" rel="pageGDL" class="poplight" title="The Accords">ACCORDS</a>
  1868. <a href="#?w=430" rel="pageABT" class="poplight" title="Clave File">CLAVE FILE</a>
  1869. <a href="#?w=430" rel="pageNAV" class="poplight" title="Navigation">NAVIGATION</a>
  1870.  
  1871.  
  1872. {block:IndexPage}
  1873. {block:PreviousPage}
  1874. <a href="{PreviousPage}" title="Previous Page">BACK</a>
  1875. {/block:PreviousPage}
  1876.  
  1877.  
  1878. {block:NextPage}
  1879. <a href="{NextPage}" title="Next Page">NEXT</a>
  1880. {/block:NextPage}
  1881. {/block:IndexPage}
  1882.  
  1883.  
  1884. {block:PermalinkPagination}
  1885. <a href="{PreviousPost}" title="Previous Post">BACK</a>
  1886.  
  1887.  
  1888. <a href="{NextPost}" title="Next Post">NEXT</a>
  1889. {/block:PermalinkPagination}
  1890.  
  1891.  
  1892.  
  1893. </div id="navi">
  1894. <div class="description">
  1895.  
  1896. <u>A</u>n independent and selective portrayal of <b>Magnus Bane</b> from Cassandra Clare's book series <i>THE Shadowhunter Chronicles.</i> This blog is very strictly <i>BOOK BASED</i> and will, in no way, branch into any show portrayal, but am up to plot with dual canon blogs. <b>// PASSIONATELY WRITTEN AND HEAVILY ADORED BY SHAE.</b>
  1897.  
  1898. </div class="description">
  1899.  
  1900.  
  1901. <div class="sideheaderbottom" style="width:478px; margin-top:2px; margin-left:0px;"></div>
  1902.  
  1903. </div class="bottombox">
  1904.  
  1905.  
  1906.  
  1907.  
  1908.  
  1909. <!-- POSTS -->
  1910.  
  1911.  
  1912.  
  1913. <div id="container">
  1914.  
  1915. <div class="containerheadertop"></div>
  1916. <div id="containertopspace"></div>
  1917.  
  1918. {block:Posts}
  1919. <div class="posts">
  1920.  
  1921.  
  1922.  
  1923.  
  1924.  
  1925. <!-- POSTS: TEXT -->
  1926.  
  1927.  
  1928. {block:Text}
  1929. <div id="text">
  1930.  
  1931.  
  1932.  
  1933. <div id="textbody">
  1934. {block:Title}
  1935. <h1>{Title}</a></h1>
  1936. {/block:Title}
  1937. <div id="wrap">
  1938. {Body}
  1939. <div style="clear:both">
  1940. </div style="clear:both">
  1941. </div id="wrap">
  1942. </div>
  1943.  
  1944. </div id="text">
  1945.  
  1946. {/block:Text}
  1947.  
  1948.  
  1949.  
  1950.  
  1951.  
  1952. <!-- POSTS: PHOTO/SET -->
  1953.  
  1954. {block:Photo}
  1955. <div id="psingle">
  1956. {LinkOpenTag}
  1957. <img src="{PhotoURL-HighRes}" style="min-width:480px!important; width:480px!important; margin-top:0px;">
  1958. {LinkCloseTag}
  1959. </div id="psingle">
  1960.  
  1961. {block:Caption}
  1962. <div id="pcaption">
  1963. {Caption}
  1964. </div id="pcaption">
  1965. {/block:Caption}
  1966. {/block:Photo}
  1967.  
  1968.  
  1969. {block:Photoset}
  1970. <div id="pset">
  1971. {Photoset}
  1972. </div id="pset">
  1973.  
  1974. {block:Caption}
  1975. <div id="pcaption">
  1976. {Caption}
  1977. </div id="pcaption">
  1978. {/block:Caption}
  1979. {/block:Photoset}
  1980.  
  1981.  
  1982.  
  1983.  
  1984.  
  1985. <!-- POSTS: QUOTE -->
  1986.  
  1987. {block:Quote}
  1988. <div id="quotebox">
  1989. <div id="quote">
  1990. {Quote}
  1991. <div class="source">
  1992. —{Source}
  1993. </div>
  1994. </div id="quote">
  1995.  
  1996. </div>
  1997. {/block:Quote}
  1998.  
  1999.  
  2000.  
  2001.  
  2002.  
  2003. <!-- POSTS: LINK -->
  2004.  
  2005. {block:Link}
  2006. <div id="linkpost">
  2007. <div id="link">
  2008. <a href="{URL}" {Target}>{Name}&nbsp;&nbsp; ►</a>
  2009. </div id="link">
  2010. </div id="linkpost">
  2011. {/block:Link}
  2012.  
  2013.  
  2014.  
  2015.  
  2016.  
  2017. <!-- POSTS: CHAT -->
  2018.  
  2019.  
  2020. {block:Chat}
  2021.  
  2022. <div id="chatbox">
  2023. <div id="chat">
  2024. {block:Lines}
  2025. <div id="{Alt}">
  2026. {block:Label}<i>{Label}</i>{/block:Label} {Line}
  2027. </div id="{Alt}">
  2028. {/block:Lines}
  2029. </div id="chat">
  2030. </div id="chatbox">
  2031.  
  2032. {/block:Chat}
  2033.  
  2034.  
  2035.  
  2036.  
  2037.  
  2038. <!-- POSTS: AUDIO -->
  2039.  
  2040. {block:Audio}
  2041. <div id="audiobox">
  2042.  
  2043.  
  2044. <div class="player">
  2045. <div class="audioplayer">
  2046.  
  2047. {AudioPlayerBlack}
  2048.  
  2049. </div class="audioplayer">
  2050. </div class="player">
  2051.  
  2052. <div class="audioinfo">
  2053. {block:Artist}Artist: {Artist}{/block:Artist} — {block:TrackName}Track name: {TrackName}{/block:TrackName}
  2054. </div class="audioinfo">
  2055.  
  2056.  
  2057. {block:Caption}
  2058. <div id="acaption">
  2059. {Caption}
  2060. </div id="acaption">
  2061. {/block:Caption}
  2062.  
  2063. </div id="audiobox">
  2064. {/block:Audio}
  2065.  
  2066.  
  2067.  
  2068.  
  2069.  
  2070. <!-- POSTS: VIDEO -->
  2071.  
  2072. {block:Video}
  2073. <div class="video-container">
  2074. {Video-400}
  2075. {block:Caption}{Caption}{/block:Caption}
  2076. </div class="video-container">
  2077. {/block:Video}
  2078.  
  2079.  
  2080.  
  2081.  
  2082.  
  2083. <!-- POSTS: ASK -->
  2084.  
  2085. {block:Answer}
  2086. <div id="answer">
  2087.  
  2088. <div id="question"><div id="ask"><b>{Asker} DARES DISTURB THE HIGH WARLOCK OF BROOKLYN: </b>
  2089. <br>{Question}</div><div class="letterask">Q</div></div>
  2090.  
  2091. <h4 style="margin-top:-5px; padding:0px!important; width:480px; height:24px; background-color:#030303!important;"></h4>
  2092.  
  2093. <div id="response">{Answer}<div style="clear:both; margin-bottom:-5px;">
  2094. </div>
  2095. </div id="response">
  2096.  
  2097. </div id="answer">
  2098. {/block:Answer}
  2099.  
  2100.  
  2101.  
  2102.  
  2103.  
  2104.  
  2105. <!-- POST INFORMATION -->
  2106.  
  2107.  
  2108. {block:Date}
  2109. {block:indexpage}
  2110.  
  2111. <div class="permalinkbar">
  2112. <div class="permalinkbuttons">
  2113. <a href="{Permalink}" title="{12Hour}:{Minutes}{CapitalAmPm} / {NoteCountWithLabel}" style="float:left; text-align:left!important; margin-right:0px!important;">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>
  2114. &nbsp;&nbsp; / &nbsp;
  2115. <a href="#" class="hide">CLICK HERE FOR TAGS </a>
  2116. <a href="{ReblogURL}" target="_blank" class="details" style="float:right; ">CLICK HERE TO REBLOG THIS POST</a>
  2117. </div class="permalinkbuttons">
  2118.  
  2119.  
  2120. </div class="permalinkbar">
  2121.  
  2122. <div class="tags">
  2123. {block:HasTags}
  2124. Tagged with:
  2125. {block:Tags}
  2126. <a href="{TagURL}">{Tag}&nbsp;&nbsp;</a>
  2127. {/block:Tags}
  2128. {/block:HasTags}
  2129.  
  2130. </div class="tags">
  2131. {/block:indexpage}
  2132.  
  2133.  
  2134.  
  2135.  
  2136. {block:permalinkpage}
  2137. <div class="permalinkbar">
  2138. <div class="permalinkbuttons">
  2139. {block:RebloggedFrom}
  2140. <a href="{ReblogParentURL}">REBLOGGED FROM / VIA / SOURCE</a>
  2141. {/block:RebloggedFrom}
  2142.  
  2143. <a href="{ReblogURL}" target="_blank" class="details" style="float:right; ">CLICK HERE TO REBLOG THIS POST</a>
  2144. </div class="permalinkbuttons">
  2145.  
  2146.  
  2147. </div class="permalinkbar">
  2148.  
  2149. <div class="permatags">
  2150. {block:HasTags}
  2151. {block:Tags}
  2152. <a href="{TagURL}">{Tag}&nbsp;&nbsp;</a>
  2153. {/block:Tags}
  2154. {/block:HasTags}
  2155.  
  2156. </div class="permatags">
  2157. {/block:permalinkpage}
  2158.  
  2159.  
  2160. {/block:Date}
  2161.  
  2162.  
  2163.  
  2164.  
  2165.  
  2166. <!-- NOTES -->
  2167.  
  2168. {block:PostNotes}
  2169. <div id="notes">
  2170. <div class="note">
  2171. {PostNotes}
  2172. </div class="note">
  2173. </div id="notes">
  2174. {/block:PostNotes}
  2175.  
  2176.  
  2177.  
  2178.  
  2179. <!-- HIDE VIA/SOURCE IN POSTS -->
  2180.  
  2181.  
  2182. {block:ContentSource}<!-- {SourceURL}
  2183. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  2184. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2185. {/block:ContentSource}
  2186.  
  2187.  
  2188. <!-- {block:NoRebloggedFrom}
  2189. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  2190. {/block:NoRebloggedFrom} -->
  2191.  
  2192.  
  2193.  
  2194.  
  2195. </div class="posts">
  2196.  
  2197. {/block:Posts}
  2198.  
  2199.  
  2200. <div class="containerheaderbottom">
  2201. <div id="containerbottomspace"></div>
  2202. </div class="containerheaderbottom">
  2203.  
  2204.  
  2205. </div id="container">
  2206.  
  2207.  
  2208.  
  2209. <!-- POPUP PAGES. -->
  2210.  
  2211.  
  2212.  
  2213. <!-- POPUP PAGE MSG. -->
  2214.  
  2215. <div id="pageMSG" class="popup_block"><div class="popupheadertop"></div>
  2216.  
  2217.  
  2218.  
  2219. <ul id="tabs">
  2220. <div id="sae" style="margin-top:0px;"><li class="active">INQUIRIES</li>
  2221. &nbsp;&nbsp;<li>SUBMISSIONS</li></div>
  2222. </ul>
  2223. <ul id="tab">
  2224. <li class="active">
  2225.  
  2226.  
  2227.  
  2228. <h4 style="margin-top:24px;">THE ASKBOX / INQUIRIES</h4>
  2229.  
  2230.  
  2231. <iframe frameborder="0" allowtransparency="true" scrolling="no" width="404px" height="200px" src="http://www.tumblr.com/ask_form/deusidvult.tumblr.com/" style="background-color:#000000!important; padding:12px; overflow:hidden;border:1px solid #151515;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--><p style="margin-bottom:8px;">
  2232.  
  2233. </li>
  2234. <li>
  2235.  
  2236.  
  2237. <h4>SUBMISSIONS</h4>
  2238.  
  2239. <iframe frameborder="0" scrolling="no" width="404px" height="300px" id="submit_form" src="http://www.tumblr.com/submit_form/deusidvult.tumblr.com" style="background-color:#000000!important; padding:12px; overflow:hidden;border:1px solid #151515;"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('submit_form').allowTransparency=true;</script><![endif]--></p><p>
  2240.  
  2241.  
  2242. </li>
  2243. </ul>
  2244. </div>
  2245.  
  2246.  
  2247.  
  2248.  
  2249.  
  2250. <!-- POPUP PAGE GDL. -->
  2251.  
  2252.  
  2253. <div id="pageGDL" class="popup_block"><div class="popupheadertop"></div>
  2254.  
  2255.  
  2256. <!-- TABS -->
  2257.  
  2258. <ul id="tabs">
  2259. <li class="active">GUIDELINES</li>
  2260. &nbsp;&nbsp;<li>BOOK/SHOW DIFFERENCES</li>
  2261. </ul>
  2262.  
  2263. <ul id="tab">
  2264.  
  2265.  
  2266.  
  2267.  
  2268.  
  2269.  
  2270. <!-- POPUP PAGE GDL.: TAB 1 -->
  2271.  
  2272. <li class="active">
  2273.  
  2274.  
  2275. <div id="intro">
  2276.  
  2277. <u>T</u><i>here were always Downworlders that would break the Accords,</i> and Shadowhunters made them pay of it. <b>But Magnus had not been born yesterday,</b> <i>or even in this century.</i> Shadowhunters didn't need to find excuses to dislike Downworlders, they simply always had.
  2278.  
  2279. </div id="intro">
  2280.  
  2281.  
  2282.  
  2283.  
  2284. <h4>001. DISCLAIMER</h4>
  2285. First and foremost, this blog will have dark themes, due to the nature of Magnus Bane, the Downworld and the Shadowhunter Chronicles as a whole. I am not affiliated with Cassandra Clare, the franchise of the Shadowhunter Chronicles, Godfrey Gao or any face claims used in general for my portrayal of Magnus Bane.
  2286.  
  2287.  
  2288. <h4>002. REGARDING THE SHOW</h4>
  2289. Know from the start, though I did once follow the Freeform show Shadowhunters, I no longer do so and I do not roleplay anything from the show. I am rather critical of it and the direction it has been taken in, therefore please understand that you are likely to see my own opinions and comments on the show if you follow me. Know that, <i>though I support the actors and their work on the show,</i> <b>I do not support the show writers purely based on the material they have provided for the show.</b> This is my own opinion and in no way should influence your own views.
  2290.  
  2291.  
  2292. <h4>003. REGARDING MOVIE AND SHOW BLOGS</h4>
  2293.  
  2294. I would <i>love</i>&nbsp;to rp with any/all show or movie based blogs – in fact I would be <b>thrilled</b>. Here’s my deal though: my blog is <i>book based</i>. Now lets be real here, The Mortal Instruments: City of Bones was <i>pretty damn close</i>&nbsp;to the books – close enough that honestly? It shouldn’t matter too much what we touch on because it’s <b>close enough</b>. With Shadowhunters, it’s a completely different story. <i>Regardless of the facts,</i>&nbsp;if your blog is outside of book canon, we will have to chat about our muses and how to work them together. Mostly so I can hear the things you liked about the show or movie and what you would want to keep! I’m one of those people where, <i>if you can tell me a sound reason for keeping the the thing you want to keep that differs from the book</i>, I can usually find a way to make it work for me. An example of this is that I rp with a duel show/book canon Alec – they have a sound reason for keeping the wedding and the fact that he is the head of the New York Institute in their portrayal and I’m a fan of their passion for it.</small></p>
  2295.  
  2296. <b>TLDR:</b> Just because I am <i>book based</i>, does not mean that I have a problem following and/or RPing with movie or show based blogs, provided we can find a <b>common ground</b>&nbsp;for our muses and we can plot about it first –&nbsp;<i>especially</i>&nbsp;when it comes to alternate canons!
  2297.  
  2298.  
  2299. <h4>004. MATURE THEMES AND TRIGGERING CONTENT</h4>
  2300. Being over 18, mature themes will be present. This includes character death, smut, gore, etcera. If you have any triggers, please make me aware of them and I will be happy to tag appropriately. <i>My own triggers include:</i> <b>SPIDERS</b> (in photographic, GIF and/or video form).
  2301.  
  2302.  
  2303. <h4>005. INTERACTIONS</h4>
  2304. If we're mutuals <b>please feel free to approach for plotting,</b> like for a starter or send meme's and continue them (as long as they're on a separate text post). Be aware that I am strictly <i>book based</i> and all plotted threads will always take priority. Established relationships help to develop my muse more than random reply threads.
  2305.  
  2306. <p><i>Do not:</i> god-mod, pressure me for replies or force ships (I support chemistry).
  2307.  
  2308.  
  2309. <h4>006. MAINS</h4>
  2310.  
  2311. <div id="nvbar" class="nvlinks">
  2312. <a href="http://khruseos.tumblr.com">JACE LIGHTWOOD HERONDALE</a>
  2313. <a href="http://leuthros.tumblr.com/">CLARY FAIRCHILD</a>
  2314. <a href="http://serpentcoil.tumblr.com">ISABELLE LIGHTWOOD</a>
  2315. <a href="https://cainmarked.tumblr.com">SIMON LEWIS</a>
  2316. </div id="nvbar" class="nvlinks">
  2317.  
  2318. <p style="padding-bottom:-0px;">
  2319.  
  2320.  
  2321. <h4>007. ICONS AND THEME</h4>
  2322. Theme rights remain with the creator (<a href="http://iniziare.tumblr.com/">iniziare</a>), not myself. Icons used are my own and are not for redistribution or for the use of others. Icon psd is not mine, credit remains with creator.
  2323.  
  2324.  
  2325. <h4>008. MY URL</h4>
  2326. <i>Chatreus</i> comes from the word <b>chartreuse</b>, which is the colour of yellow and green (the collective colour of Magnus Bane's eyes). It is also the name of a French liqueur that was known to be an "elixir of long life" in 1605, an alchemical manuscript that contained the recipe in the same century as Magnus' birth. The shortening of the word <b>chartreuse</b> came by making the French word masculine, removing the 'e' from the end, making it <i>chartreus</i>. Then came a play-on-words; so by removing the 'r' from the first half of the word, came the French word <i>chat</i> – meaning <i>cat</i> (and coincidentally, 'reus', the second half, translates to 'giant' in Dutch). Thus, the url became <i>chatreus</i>.
  2327.  
  2328.  
  2329. <h4>009. THE MUN</h4>
  2330. Hey! I'm Shae. I'm in my twenties. I was born and raised in England. Please know that this blog is low activity/slow reply, due to my work schedule and my poor attention span. I do also have another blog that you may find me on. If you ever want to approach me to chat, feel free! Usually I'm available over IM or ask but if I can't be reached then please feel free to contact me on my other blog or other messaging platforms.</p>
  2331.  
  2332. <p><div id="nvbar" class="nvlinks">
  2333.  
  2334. <a href="http://deusidvult.tumblr.com/">VALENTINE MORGENSTERN</a>
  2335. <a href="http://halfthorn.tumblr.com/">PERSONAL BLOG</a>
  2336. <a href="http://chatreus.tumblr.com/">DISCORD: halfthorn#8905</a>
  2337. <a href="https://www.rpthreadtracker.com/public/allthreads?userId=42392&currentBlog=chatreus&sortDescending=false&currentOrderBy=LastPostDate&filteredTag=">THREAD TRACKER</a>
  2338.  
  2339. </div id="nvbar" class="nvlinks">
  2340.  
  2341.  
  2342.  
  2343.  
  2344. </li>
  2345.  
  2346.  
  2347.  
  2348.  
  2349.  
  2350.  
  2351.  
  2352. <!-- POPUP PAGE GDL.: TAB 2 -->
  2353.  
  2354. <li>
  2355.  
  2356.  
  2357.  
  2358. <div id="intro">
  2359. <u>T</u>here are a great many differences between the show <i>Shadowhunters</i> and the books, <i>The Shadowhunter Chronicles</i>. I have compiled a list of things in the show that are <i>not</i> the same as in the books. Remember, this blog is <i>strictly book based</i> and so this list is purely to help those that aren't sure about what won't be the same between the books and the show, should we interact. This may be added to in the future, but for now, these are the things that are <b>important</b> to remember when interacting with my Magnus.
  2360. </div id="intro">
  2361.  
  2362.  
  2363.  
  2364. <h4>SMOKING</h4>
  2365. Though you never see Magnus smoke in the show, the reality is that Magnus <i>does</i>, in fact, smoke. It's the one addictive thing that he does, considering he won't touch drugs (claiming that drugs and magic don't mix), and will drink as much as he likes without any worries about his liver. He's immortal, he needs his vices. Just remember, he's lived through a great many years where smoking was <i>the thing to do</i>. He just hasn't kicked the habit.
  2366.  
  2367. <h4>PORTALS</h4>
  2368. Contrary to the show's wonderful world of <b>a portal can be created by a warlock at any time, anywhere</b>, mentality... Portal's don't actually work that way. The only person who can whip up a portal on a whim is Clary Fairchild, and she has Angelic Blood to help her do that. The fact is, portals are either created temporarily and specifically for a purpose, which takes some time to put together, or the ones that already exist are utilised – which is more usually the case. Want to portal in New York? Then we're travelling to the nearest one and if you want Magnus Bane to do it, then it'll probably cost you more than a plane ticket would.
  2369.  
  2370. <h4>PANDEMONIUM</h4>
  2371. I don't actually know where the show got the idea that Magnus owned and ran a nightclub known as Pandemonium. They were probably combining Magnus' love for partying, the fact that he did run a bar after the war in the 1900's, and the idea of a Pandemonium club... but first and foremost, and the thing to remember is; Magnus doesn't actually enjoy Pandemonium Club's. Secondly, these clubs are primarily run by Mundane's interested in the Shadow World and thus, Magnus never ran one. The truth is, Pandemonium Club's have a lot of shady goings on in them and if you read <b>The Infernal Devices</b>, this would all be common knowledge. Sure, the idea of Magnus running a nightclub <i>sounds</i> good, but being the High Warlock of Brooklyn is more than enough to be getting on with, without also adding the stress of actually owning and running a nightclub on top of it. He'll stick to spontaneously throwing outstanding parties, thank you.
  2372.  
  2373. <h4>AGE</h4>
  2374. If you check out Magnus Bane's Clave file (not that I'm claiming that the Clave know the first thing about Magnus), you will find that Magnus was born in Batavia, the Dutch East Indies in the early 1600's. Just to clarify this a little for those that haven't looked into the history of what we now call Indonesia; Batavia was only known by that name from the year 1619, before that, the City was known as Jayakarta. This means that Magnus was born <i>after</i> that date, though possibly near it, if we go by Cassandra Clare's note of his birth being in the <b>early</b> 1600's. This makes his actual age <i>over</i> 400 years old, but not by much. What's your point, I hear you ask? Well, I mention this because showrunner Todd Slavkin has also stated that Show!Magnus is much older that his book counterpart. Listen, we all know that Magnus likes to exaggerate his age. He does it to fool people into thinking he's more powerful than he is. He's been doing that all of his professional (I use that term loosely) life. Just because he <i>says</i> that he was around when the Dead Sea "was just a lake that was feeling a little bit poorly", doesn't mean that he <b>actually was</b>! Most things that Magnus says about his age, need to be taken with a pinch of salt.
  2375.  
  2376. <h4>RELATIONSHIPS</h4>
  2377. This part continues a little from the 'age' talk above. Here's the thing, Magnus is in his 400's, age wise. I'm literally going to point out the ridiculousness of the show runner's here because, if Magnus Bane is 400, then how could he <i>possibly</i> have been with 17,000 lovers in his time? Please do the math for a moment. If Magnus is 400, that would mean that he would need to be sleeping or in a relationship with 42 people a day, every day, for exactly 400 years. I don't know how that sit's with anyone else, but the idea of that just seems outright <i>ridiculous</i>.
  2378. <p>Now, I'm not saying that Magnus hasn't had his fair share of relationships, because lets face it, he has. We only know of a handful of them but that handful gives us an insight into what Magnus is like when in a relationship. Take into consideration, also, that Magnus hadn't been in a relationship since Etta back in the early 1900's before Alec Lightwood comes along. Much to the show's contradiction, Magnus Bane <b>isn't</b> a slut. He'll sleep with his share of people, but he <b>does</b> have self respect, thank you, Todd Slavakin.
  2379.  
  2380. <h4>INSECURITIES</h4>
  2381. Magnus Bane is <i>proud</i> of his eyes, he doesn't hide them and he would never <b>dream</b> of glamouring them to anyone unnecessarily. The whole idea the show has about Magnus being self conscious of his eyes, which is one of <i>two</i> Warlock marks that he has, is outstandingly wrong. He's lived 400 years with these physical features, why would he still have those insecurities about himself but have the self confidence to supposedly have slept with 17,000 individuals? Honestly, I don't know where the show runners are making this stuff up? He also, in the show, seemingly has deep trust issues (I'm not going to dispute the trust issues, honestly) and anxiety about Alec wanting to hide their relationship or that he, Magnus, has done something wrong. I'm sorry, remind me, which one of the two is the 400 year old Warlock and which one is the 18 year old in their first relationship?? Because honestly, at this point I'm not sure.
  2382.  
  2383. <h4>THE BREAK UP™</h4>
  2384. The Angel give me strength... Honestly, I know a lot of show watchers liked the break up but really? The show writers took something so important to Magnus and Alec's development and made it meaningless. Firstly, what was Magnus' reasons for breaking up with Alec? Because Alec has 'hidden' the fact that the Soul Sword, that wasn't even activated by the way, was missing. Okay, sure, if that thing was activated, then it could do some real damage to the Downworld... but it wasn't activated! Also the two people that <i>can</i> activate it are both within reach? Honestly, were the show runner's reaching with this one or what?!
  2385. <p>The book break up goes thus; Alec is secretly meeting up with Camille Belcourt, someone that Magnus warned was manipulative, talking about a way to take away Magnus' immortality. (Doesn't this sound like a really good reason to break up with someone? I know!) Magnus hadn't been opening up to Alec properly and had been talking about people he had previously been with, Alec was jealous and sneaking around. In short, Magnus follows Alec one time when he goes to meet Camille and Magnus out's him, breaks up with him and admits that he loves Alec but that it doesn't change anything. There we go, a <i>legitimate</i> reason to break up with someone.
  2386.  
  2387. <h4>ACTIONS AND REACTIONS</h4>
  2388. This follows a little from the 'insecurities' talk above. Once again, I mention Magnus' age. He's lived for a very many years and learnt a lot over his time. Patience is one of them, the fact that people aren't perfect and make mistakes is another. Basically, Magnus is usually a very understanding individual, unless you're doing something fundamentally wrong. Some of Magnus' reactions in the show are extremely against his character. An example of this is the way he <i>overreacts</i> when Luke informs him of the Soul Sword being missing and that Alec knew about it. Because, <b>please</b>, that was unnecessary. Another example is the way that Magnus treats Alec after their break up. What was that? Is Magnus the 18 year old? Was this his first relationship? Are his sodium levels okay? That is the most out of character thing I have seen in the entirety of the show's interpretation of Magnus Bane. Just no.
  2389.  
  2390. <h4>THE SEELIE QUEEN</h4>
  2391. Honestly what was this? Do I really need to say anything here? Magnus and the Seelie Queen have an unpleasant history. I'm just going to say <i>the team up that happened in the show would never happen</i> and leave you with a conversation that Magnus and Alec have in City of Lost Souls.
  2392. <p>“How was the Seelie Queen?"<br/>
  2393. "Same as usual."<br/>
  2394. "Raging bitch, then?"<br/>
  2395. "Pretty much.”
  2396.  
  2397. <h4>MAX LIGHTWOOD'S DEATH</h4>
  2398. I don't fully understand why Max didn't die in the show? I know the death of a child can be traumatic and alter the characters affected by that death in many ways, but <i>that</i> is the reason why Max Lightwood's death is so important to the Lightwood family and their development. It's part of what spurs Jace on to kill Sebastian. It's what allows Maryse and Robert to separate. It's what play's on Alec's mind and Max is who Alec and Magnus name their Warlock son after when they adopt him. Alec wants to do the best he can by his son so that he gets to do right by his brother in some way. Max's death is <i>important</i> for character development. <b>Max had to die.</b> I never would ask for the death of a child, regardless of the fact that he's a fictional character, but Max Lightwood's death is important in so many ways and the show has brushed it aside as if all the things that Max's death brings about are unimportant.
  2399.  
  2400. <h4>JOCELYN FAIRCHILD'S DEATH</h4>
  2401. This woman has been cheated in the show. She deserved better than the death she got. She deserves to fight until the end, she deserves to see her daughter happy, she deserves to marry Lucien Graymark, she deserves a second chance at happiness. I understand that sometimes actors have other commitments and have to leave a show, but honestly they could have just recast her. I'm pretty sure the fandom would have gotten over it. Not only has her death affected Clary, it also affected Luke; another person who deserved some happiness. I'm pretty sure I'm always going to be disappointed in this particular part of the show's development, but there we go.
  2402.  
  2403. <h4>DOROTHEA ROLLINS</h4>
  2404. Honestly, this character doesn't exist in the books and won't exist to my Magnus. The show character 'Dot' is a nice mix of Etta, who Magnus dated in the 1900's and Madam Dorothea, the old woman that is possessed by a greater demon in City of Bones. I'm not even entirely sure what her purpose was in the show? To die a pointless and unacknowledged death? If so, good job, show runners! You achieved your goal.
  2405.  
  2406.  
  2407.  
  2408. </li>
  2409. </ul id="tab">
  2410.  
  2411. </div id="pageGD" class="popup_block">
  2412.  
  2413.  
  2414.  
  2415.  
  2416.  
  2417.  
  2418. <!-- POPUP PAGE ABT. -->
  2419.  
  2420.  
  2421.  
  2422. <div id="pageABT" class="popup_block"><div class="popupheadertop"></div>
  2423.  
  2424.  
  2425. <!-- TAB SETUP -->
  2426.  
  2427. <ul id="tabs">
  2428. <li class="active">ENCYCLOPEDIA</li>
  2429. &nbsp;&nbsp;<li>BIOGRAPHY</li>
  2430. </ul>
  2431.  
  2432. <ul id="tab">
  2433.  
  2434.  
  2435.  
  2436.  
  2437. <!-- POPUP PAGE ABT.: TAB 1 -->
  2438.  
  2439. <li class="active">
  2440.  
  2441.  
  2442.  
  2443. <div id="intro">
  2444.  
  2445. <u>T</u><b>he Mortal Instruments franchise</b> introduces us to a world that contains terminology that'll be entirely confusing for anyone unfamiliar with the novels. So while I could easily refer people to the according wiki pages that will each contain more information than you need to grasp the concept of each word, I'm assembling a list consisting of numerous terms that you're likely to come across at one point on this blog. See it as an encyclopedia of sorts. <i>This list will be updated as time passes.</i>
  2446.  
  2447. </div id="intro">
  2448.  
  2449.  
  2450. <h4>Shadowhunters / Nephilim</h4>
  2451. <i>Descensus facilis Averno est;</i> <b>The descent into Hell is easy.</b> The Nephilim, commonly known as Shadowhunters are a race of mortal beings that're born human and appear as such, but have angelic blood running through their veins. They represent an order, if you will, that fight against demons alongside Downworlders in the Shadow World that is invisible to the mere human eye. In essence, the Shadowhunters' objective is to one day rid the world of Earth of these demons, bringing an end to a war that dates back well over a thousand years.
  2452.  
  2453.  
  2454. <h4>The Angel Raziel</h4>
  2455. Known as the patron and creator of the race of the Shadowhunters. Legend goes that they were created well over a thousand years ago, during an uprising of demons invading the Mundane world. A warlock is said to have summoned an angel by the name of Raziel. This assumed archangel chose to mix his own blood with that of mortal men into a cup, that would later become known as the <i>Mortal Cup,</i> and offered the mixture to these same men to drink. Those who chose to consume it became Shadowhunters, a decision that would mark their family's line, as all descendants would then be born Nephilim as well.
  2456.  
  2457.  
  2458. <h4>Mundanes & Glamour </h4>
  2459. In the world of Cassandra Clare's <b>The Mortal Instruments,</b> the term <i>mundane</i> is utilized for those of human birth. In essence, they are individuals like you and I. They are generally entirely oblivious to the existence of Nephilim, demons and Downworlders as a whole— as this war is combatted behind <i>glamour,</i> which is a form of magic that conceals the Shadow World to the naked eye, visible to only those with ability known as The Sight.
  2460.  
  2461. <h4>The Sight </h4>
  2462. Shadowhunters are generally <i>naturally born with</i> the ability of <b>The Sight</b> to see through glamour; it is a trait that is inherited through their Shadowhunter parents, which is bettered through training and then further improved upon further through usage of a permanent rune known as the rune of Voyance.
  2463.  
  2464. <h4>Runes</h4>
  2465. For Shadowhunters, these runes (known as <b>Marks)</b> are a <i>complex runic language</i> granted to them by the Angel Raziel, consisting of symbols that are burned into a Nephilim's skin with help of a stele (a tool created for the specific purpose of drawing these symbols) and work as empowerments, protection or various other uses. There are thousands of runes in existence.
  2466.  
  2467. <h4>Downworlders</h4>
  2468. This is a commonly used term for the, in essence, counterpart of the Nephilim. Where they are part human and part angel, the Downworlders are part human and part demon. The Downworlders consist of the <i>werewolves, faeries, vampires and warlocks.</i> While they are all demonic in origin and nature, they are regarded as human by the inhabitants of Heaven due to possessing human souls, which is what sets them apart from demons as a whole. Though often considered the logical and biological counterpart of the Shadowhunters, they live in peace and can fight side by side against demons in an allegiance created by the Accords.
  2469.  
  2470. <h4>WARLOCKS</h4>
  2471. Warlocks, also known as Lilith's Children, are an immortal race of Downworlder offsprings of demons and mundanes. Warlocks are born from demons and humans, usually rape or deceit from shape-shifting Eidolon demons, disguised as humans or a human's loved one or an object of sexual desire.
  2472. Warlocks are immortal beings. At one point in their lives, they stop ageing—which point exactly will depend on their warlock parent. At one point, however, after an unspecific but long duration of time, warlocks, like most immortal or long-lived beings such as Silent Brothers, can "fade" and "petrify"—when they grow bored or unsurprised by life and stop looking forward to their years ahead, when the weight of their long lives settle on them, they may begin to lose their minds, and/or stop feeling and living, in all other essences of the word except literally.
  2473. <p>A universal trait among them are their warlock or demon marks, a part of their body that is strange or unique that identifies them as unearthly.
  2474. Additionally, warlocks are unable to have children. Warlock pregnancy always results in stillbirth as they are crossbreeds and are thus sterile.
  2475. <p>An exception from these limitations are the very rare offspring of demons and unmarked Shadowhunters; without Marks to resist the demonic energy in a fetus, the pregnancy results in a living child—particularly, a dominantly Shadowhunter being with traces of warlock abilities. The only known case so far is Tessa Gray, who does not have a warlock mark and has given birth.
  2476. <p>Because of their half-demon, half-human nature, other Downworlders sometimes insultingly refer to them as "half-breeds."
  2477.  
  2478. <h4>The Accords</h4>
  2479. These are a set of amendments that together signify a peace treaty between Shadowhunters and Downworlders. As long as each of these amendments are never broken, the two can live side by side without bother, even finding allegiance when the need so arises. These Accords are revised and signed every fifteen years by <i>the Clave</i> (the political body of the Nephilim) and the representatives of all involved Downworlders.
  2480.  
  2481. <h4>THE MORTAL INSTRUMENTS</h4>
  2482. Three divine items given by the Angel Raziel to Jonathan Shadowhunter, the first of the Nephilim. Raziel gave them to the Nephilim not only for individual use, but also in case of dire emergency, when he would heed their call only once; when used all together, the Instruments would summon the Angel.
  2483. <p>A thousand years ago, the Angel Raziel was summoned during a time when the Incursion was at its peak, when a huge wave of demons crossed dimensions into the human world. Raziel rose from Lake Lyn and mixed some of his own blood with the blood of Jonathan in a Cup, which became known as the Mortal Cup, and gave it to him to drink, entrusting with him the responsibility of creating more of his kind by letting others drink from it. Along with the Cup, Raziel also gave him the Mortal Sword.
  2484. <p>For years, however, the Mortal Mirror was believed to be lost. It was in 2007 when it was revealed, after being deduced by Hodge Starkweather, that it was in fact Lake Lyn in Idris. The same year, the Mortal Instruments were used by Valentine Morgenstern to summon Raziel. Because of this, the Instruments can apparently no longer be used to re-summon him.
  2485.  
  2486. <h4>INSTITUTE</h4>
  2487. An Institute is an asylum for Shadowhunters, and in some cases Downworlders and mundanes under their protection, and a safe house meant to lodge and assist Nephilim from around the world in their quest to kill demons. They are found in every major city across the world and are often located in churches or built on holy ground.
  2488.  
  2489. <h4>PORTALS</h4>
  2490. The invention of the first successful Portal was a product of a collaboration between a Shadowhunter and a Downworlder, namely Henry Branwell from the London Institute, who drafted the plans for the device, and Magnus Bane, the warlock, whose name as the co-creator of the Portal is not recorded or credited in history, who used magic and demonic runes to make it work, in 1878.
  2491. Sometimes referred to as a Five-Dimensional Door, a portal is a magical means of transportation used by Shadowhunters.
  2492. <p>Portals are used as means for rapid travel all over the world which, if not warded properly, may be used by powerful demons to get through.
  2493. When a Portal is active, the surroundings light up brightly.
  2494. <p>The kind of runic manipulation required to create Portals is not available to Shadowhunters, and so they need to be created and set up by warlocks. To get around this, a large number of permanent Portals have been established to transport Nephilim to and from Idris without having to hire warlocks for every trip, which is still the case in other parts of the world. Warlocks are now also able to easily create Portals.
  2495. <p>The only known Shadowhunter to have successfully made a Portal without aid from a warlock is Clary Fray, who first managed it in late 2007 with an ancient rune.
  2496. <p>Additionally, a person needs to be familiar with the destination when going through a Portal. Otherwise, it will take the person to whatever place he/she is thinking of, or the place the last user of the Portal went to.
  2497.  
  2498. <h4>WITCHLIGHT</h4>
  2499. Witchlight is a light, flat, smooth gray stone that emits light, giving off a pure white glow when held by Shadowhunters. All Shadowhunters carry witchlight stones to remind them that light can be found even among the darkest shadows, and also to supply them with actual light when they are literally among dark shadows. Shadowhunters typically carry two witchlights.
  2500. <p>Although witchlight normally does not respond to the touch of mundanes and Downworlders; it glows a deep red, instead of the usual bright white, when held by Magnus Bane. This a result of his ancestry, as his father, Asmodeus, is a fallen angel.
  2501.  
  2502. <h4>THE GRAY BROOK</h4>
  2503. The Gray Book, formally The Book of Gramarye, is a tome that contains an exact replica of the original Book of the Covenant, in which the Angel Raziel inscribed the runes, or Marks, the Nephilim are permitted to use.
  2504. <p>There are only a few copies of the book, as each has to be specially made by Silent Brothers, particularly because it requires special paper to withstand the power of the runes. The High Warlock of Brooklyn, Magnus Bane, and every Institute each have their own copy of the book.
  2505. <p>All young Shadowhunters learn the Marks from this book. Because of the fragility of the human mind, most Shadowhunter children grow up learning one rune from the Book at a time over a period of years. Reading too many runes at once would apparently give the reader a headache.
  2506.  
  2507. <h4>THE CLAVE</h4>
  2508. The Clave is the collective name for the political body made up of all active Shadowhunters. The Clave keeps and interprets the Law, and makes decisions about the guidance of the Nephilim through history as it unfolds and decides on important matters that affect the Nephilim.
  2509.  
  2510. <h4>SILENT BROTHERS</h4>
  2511. The Silent Brothers are a powerful group of male Shadowhunterswho serve as archivists and medics of the Nephilim. To strengthen their minds, they have taken upon themselves the most powerful of runes known to Shadowhunters. They are feared among the Nephilim. They reside in the Silent City, away from the rest of their kind. In the 17th century, as an orphan, Magnus Bane was raised by the Silent Brothers in Madrid, Spain.
  2512.  
  2513. <h4>IRON SISTERS</h4>
  2514. The Iron Sisters are a communal organization of female Shadowhunters that forge weapons for their kind. The Iron Sisters are considered the female counterparts of the Silent Brothers, albeit more secluded. They reside in the Adamant Citadel, where they live in almost total solitude and speak only, and occasionally, to female Shadowhunters.
  2515.  
  2516. <h4>PRAETOR LUPUS</h4>
  2517. Praetor Lupus is an alliance of werewolves founded by Woolsey Scott in the 1800s. It literally means "Wolf Guardians," and is based on the Praetorians, an elite Roman military force. The Praetor is the first and largest self-policing organization among the Downworlders.
  2518.  
  2519. <h4>SCHOLOMANCE</h4>
  2520. The Scholomance is a Shadowhunter school where the most elite of Shadowhunters are trained to deal with demons and Downworlders.
  2521. It had been open for centuries until it was closed in 1872, when the First Accords were signed, as a show of good faith that Downworlders and Shadowhunters were no longer at war.
  2522. <p>A while after the Dark War in 2007, the Scholomance was reopened during the advent of the Cold Peace. It now trains Centurions to investigate cases involving faeries and continue their research.
  2523.  
  2524. <h4>THE WILD HUNT</h4>
  2525. The Wild Hunt are an independent and free-ranging group of faeries who have no allegiance to any of the earthly Courts, which they disdain. They also have no agreement with the Nephilim. They do not fall under and nor do they recognize or the jurisdiction of the Clave; they do not abide by any laws and refuse to involve themselves with the Accords.
  2526. <p>Led by Gwyn ap Nudd, the Wild Hunt rides at night across the skies or along the ground, in mad pursuit of an eternal hunt. They anticipate battles and lie in wait until it's all over, after which they come to gather the dead, though at times they choose their battles. From these dying men, they claim some to either serve them or join them in their hunts. Aside from this, new Hunters are recruited once a year, when a mortal is allowed or given the opportunity to join them; once they join the Hunt, however, they can never leave it. The only time a Hunter may leave is when they are actually given permission.</p>
  2527.  
  2528. <header>ASSOCIATIONS</header>
  2529.  
  2530. <h4>CATARINA LOSS</h4>
  2531. Catarina is one of Magnus's closest friends. They share a close relationship with each other since they both are immortal, and Magnus had saved Catarina from being burned as a witch. Magnus says that Catarina "had a good heart" since she chose to heal others.
  2532. <p>She is an exceptionally powerful warlock who used to work as a nurse at the Beth Israel Hospital in New York. Catarina taught at the Shadowhunter Academy for the first few years since its reopening. Though she is currently at the Scholomance, she still occasionally gives lectures on Downworlder studies at the Academy.
  2533.  
  2534. <h4>RAGNOR FELL</h4>
  2535. Along with Catarina, these three warlocks were a very close group of warlock friends. Ragnor often chastised and mocked Magnus for his decisions, but they were good friends nonetheless. He was also a regular lecturer at the Shadowhunter Academy.
  2536.  
  2537. <h4>ASMODEUS</h4>
  2538. A Greater Demon, particularly a Prince of Hell and a fallen angel. He is also the father of the warlock Magnus Bane who, because of Asmodeus' influence and power, is often let off by other demons.
  2539.  
  2540. <h4>CAMILLE BELCOURT</h4>
  2541. In The Infernal Devices, Magnus is the lover of Lady Camille Belcourt. However, they break up after Magnus discovers that Camille has gone to St. Petersburg to be with a human lover. Despite what happened, however, Magnus still cared for her enough to help her and her vampire clan quit their addiction to drugs. He does, however, have Catarina Loss take the memory of helping her and remains cold toward her in the time after. He often refers to her as cold and manipulative.
  2542.  
  2543. <h4>TESSA GRAY</h4>
  2544. An American warlock, particularly a new kind of warlock—the rare half-Shadowhunter, half-Eidolon demon. She moved to London in 1878 and her life has since been entangled in the lives of the Nephilim.
  2545. <p>Magnus and Tessa became close friends over the years since they first met at Alexei de Quincey's party in 1878. Following the death of Tessa's husband in 1937, she and Magnus shared an apartment in Paris for five years. During that time, he helped her get over her lover's death. They have since been good friends, occasionally visiting each other.
  2546.  
  2547. <h4>BROTHER ZACHARIAH</h4>
  2548. Brother Zachariah was a Silent Brother, a feared and respected figure in the Shadow World. He was the most frequently called upon Silent Brother in London until the 1900s, and in New York in 2007 after the death of Brother Jeremiah.
  2549. <p>Zachariah was the name used by Jem Carstairs during his time among the Silent Brothers. Because of the circumstances leading to his transformation and subsequent joining of the Brotherhood, Brother Zachariah maintained more of his humanity than his fellow Brothers. As of 2008, he has been cured of his illness and has left the Brotherhood.
  2550.  
  2551. <h4>ALDOUS NIX</h4>
  2552. Supposedly born into the world early, Aldous apparently lived for almost two thousand years. By 1929, he had already become the High Warlock of Manhattan. With the passage of time, however, Aldous had become very powerful but also eccentric, losing bits of his sanity the longer he lived in isolation.
  2553. <p>Although he had grown sick of mundane ways and the world they lived in, he allowed himself to be hired by mundanes so he could live at the Hotel Dumont. During this period, he studied a way to open a Portal to Pandemonium in the Void, otherwise known as Hell, where his parentage resided. Aldous had also correctly predicted the crash of the stock market.
  2554. <p>The day the stock market crashed, Aldous completed the final part of his Portal. He offered Magnus the chance to join him in what he considered to be their true home. Magnus refused but didn't stop Aldous from trying to complete the final piece: sacrificing warlock blood. Before he could do so, however, a Shadowhunter shot him with an arrow. Regardless, his blood dripped into the spell and activated the channel. His body was ultimately consumed by the Portal and, according to Magnus's mysterious father, has joined his brethren, in a way allowing him to fulfil his goal of living in the Void.
  2555.  
  2556.  
  2557.  
  2558. </li>
  2559.  
  2560.  
  2561.  
  2562.  
  2563.  
  2564.  
  2565. <!-- POPUP PAGE ABT.: TAB 2 -->
  2566.  
  2567. <li>
  2568.  
  2569.  
  2570.  
  2571. <div id="intro">
  2572.  
  2573. <u>T</u>here are some people — <b>people the universe seems to have singled out for special destinies.</b> Special favors and special torments. God knows we’re all drawn toward what’s beautiful and broken; I have been, but some people cannot be fixed. Or if they can be, <i>it’s only by love and sacrifice so great it destroys the giver.”</i>
  2574.  
  2575. </div id="intro">
  2576.  
  2577.  
  2578.  
  2579. <h4>BASICS</h4>
  2580. • <i>full Name:</i> Magnus Bane.
  2581. <br>• <i>commonly Known As:</i> Magnus.
  2582. <br>• <i>other Names:</i> Warlock, High Warlock, Bane.
  2583. <br>• <i>date Of Birth:</i> 8 December, post-1619.
  2584. <br>• <i>place Of Birth:</i> Batavia, Dutch East Indies.
  2585. <br>• <i>age:</i> Approx 400.
  2586. <br>• <i>current Location:</i> Brookyln, NY.
  2587. <br>• <i>gender:</i> Male.
  2588. <br>• <i>pronouns:</i> He/him/his.
  2589. <br>• <i>orientation:</i> Bisexual.
  2590. <br>• <i>species:</i> Warlock.
  2591. <br>• <i>occupation:</i> High Warlock of Brooklyn.
  2592. <br>• <i>abilities:</i> Magic.
  2593. <br>• <i>languages Spoken:</i> Indonesian, Spanish, Dutch, English, French, Portuguese, Latin, Chthonian, Purgatic, Gehennic, Tartarian, etc.
  2594.  
  2595.  
  2596. <p><h4>APPEARANCE</h4>
  2597. • <i>Face Claim:</i> Godfrey Gao.
  2598. <br>• <i>Hair Colour:</i> Black.
  2599. <br>• <i>Eye Colour:</i> Yellow-green.
  2600. <br>• <i>Height:</i> 6'2".
  2601. <br>• <i>Build:</i> Lean and Muscular.
  2602. <br>• <i>Distinguishing Marks:</i> Cat's eyes, no belly button.
  2603. <br>• <i>Tattoos:</i> None.
  2604. <br>• <i>Piercings:</i> Ears.
  2605. <br>• <i>Clothing Style:</i> Flamboyant, glitzy.
  2606.  
  2607.  
  2608. <h4>HEALTH</h4>
  2609. • <i>allergies:</i> None known.
  2610. <br>• <i>sleeping Habits:</i> Sleeps when he can, no schedule.
  2611. <br>• <i>body Temperature:</i> Average.
  2612. <br>• <i>drug Use:</i> Strictly none.
  2613. <br>• <i>tobacco Use:</i> Casual smoker.
  2614. <br>• <i>alcohol Use:</i> Whenever he wants a drink, he has one.
  2615.  
  2616.  
  2617. <h4>personality</h4>
  2618. <br>• <i>positive Traits:</i> Glamorous, caring, wise, helpful.
  2619. <br>• <i>negative Traits:</i> Self-indulged, lonely.
  2620. <br>• <i>fears:</i> Loss of those he loves or cares for.
  2621. <br>• <i>hobbies:</i> Cat collecting, reading.
  2622. <br>• <i>habits:</i> Takes in Downworlders and Shadowhunters without realisation, magically acquires objects (effectively stealing), has a tendency to throw aside anything he is holding that he loses interest in.
  2623.  
  2624. <h4>family</h4>
  2625. • <i>birth Father:</i> Asmodeus (Fallen Angel/demon).
  2626. <br>• <i>boyfriend:</i> Alexander Lightwood.
  2627. <br>• <i>children:</i> Max Lightwood-Bane, Rafael Lightwood-Bane.
  2628.  
  2629.  
  2630. <p><h4>PHYSICAL DESCRIPTION</h4>
  2631.  
  2632. Magnus stopped ageing at around 19 and thus looks quite young. Magnus has brown skin, is very tall, with a long and lean body. His warlock marks are his gold-green "cat-like" eyes with vertical pupils and his lack of a belly button. He is also noted to have a somewhat Asian appearance, due to the curve of his eyes. He has dark black hair; his hairstyles has changed over the years, ranging from short and spiked to straight and shoulder length.
  2633.  
  2634. <p>He wears all kinds of make-up, such as glitter around his eyes, lipstick, and nail polish. He likes to flaunt his beauty by often dressing in flamboyant and glitzy ensembles, which is seen by some as strange, or unique.
  2635.  
  2636.  
  2637. <p><h4>ETYMOLOGY</h4>
  2638.  
  2639. Magnus chose the name "Magnus" in reference to the term Magnus effect — a phenomenon where an object in motion suddenly changes its path and "goes somewhere you would never have expected."
  2640. The name Magnus means 'great' in Latin and was one of the first names used among Romans. His surname, Bane, would mean 'glorious defender' in Slavic; however, the more appropriate translation of Bane is 'destruction'. If his whole name is translated, Magnus Bane would mean 'great destruction'.
  2641.  
  2642.  
  2643. <p><h4>QUICK BIO</h4>
  2644.  
  2645. Magnus Bane is the High Warlock of Brooklyn. He is described as very tall and very thin, and at least partly Asian. He has black hair that is usually spiked and glittery. He wears all kinds of make-up, such as glitter around his eyes and lipstick. He likes to flaunt his sexuality by wearing rainbow leather pants and other flashy accessories. Isabelle once said he was a "sexy, sexy, warlock." Simon once described him as "a warlock who looks like a gay Sonic the Hedgehog and dresses like the Child Catcher from Chitty Chitty Bang Bang". He is also described as having gold-green cat's eyes, and no belly button.
  2646.  
  2647. <p>At a young age, Magnus's parents hated him. When his mother found out what he was, she hung herself in a barn. His father was later driven into an attempt to drown him. In response, Magnus burned him where he stood. He was brought up by Churchmen and raised by the Silent Brothers of Madrid, Spain, in the 17th Century.
  2648.  
  2649. <p>** For additional information please see Magnus Bane's wiki page <a href="http://shadowhunters.wikia.com/wiki/Magnus_Bane">here.</a>
  2650.  
  2651.  
  2652. </li>
  2653. </ul id="tab">
  2654. </div id="pageBG" class="popup_block">
  2655.  
  2656.  
  2657.  
  2658.  
  2659.  
  2660.  
  2661. <!-- POPUP PAGE NAV. -->
  2662.  
  2663.  
  2664.  
  2665. <div id="pageNAV" class="popup_block"><div class="popupheadertop"></div>
  2666.  
  2667.  
  2668. <div id="intro">
  2669.  
  2670. <u>S</u>imon rolled his eyes. “It’s a good thing we know the person who’s dating Magnus Bane,” he said. <i>“Otherwise, I get the feeling we’d all just lie around all the time wondering what the hell to do next.</i> Or trying to raise the money to hire him by selling lemonade or something.”
  2671. <p>Alec looked merely irritated by this comment. <b>“The only way you could raise enough money to hire Magnus by selling lemonade is if you put meth in it.” </i></b>
  2672.  
  2673. </div id="intro">
  2674.  
  2675.  
  2676.  
  2677.  
  2678. <div id="nvbar" class="nvlinks">
  2679.  
  2680.  
  2681. <a href="/tagged/i.-%C2%A0-‹‹-———-%C2%A0i%27m-feeling-posh-so-address-me-with-an-accent%21-%C2%A0-%C2%A0-%C2%A0ooc.">OUT OF CHARACTER</a>
  2682.  
  2683. <a href="/tagged/ii.-%C2%A0-‹‹-———-%C2%A0sometimes-you’re-better-off-alone.-%C2%A0-%C2%A0-%C2%A0psa.">ANNOUNCEMENTS</a>
  2684.  
  2685. <a href="/tagged/iii.-%C2%A0-‹‹-———-%C2%A0don’t-threaten-me-with-a-good-time.-%C2%A0-%C2%A0-%C2%A0promo.">PROMOTIONS</a>
  2686.  
  2687. <a href="/tagged/v.-%C2%A0-‹‹-———-%C2%A0i-pray-for-the-wicked-on-the-weekend.-%C2%A0-%C2%A0-%C2%A0headcanon.">HEADCANONS</a>
  2688.  
  2689. <a href="/tagged/vi.-%C2%A0-‹‹-———-%C2%A0time-was-like-rain-%3B-glittering-as-it-fell-changing-the-world.-%C2%A0-%C2%A0-%C2%A0meme.">MEMES</a>
  2690.  
  2691. <a href="/tagged/vii.-%C2%A0-‹‹-———-%C2%A0got-kaleidoscopes-in-my-hairdo.-%C2%A0-%C2%A0-%C2%A0music.">MUSIC</a>
  2692.  
  2693. <a href="/tagged/viii.-%C2%A0-‹‹-———-%C2%A0i’m-falling-right-back-in-love-with-being-alive.-%C2%A0-%C2%A0-%C2%A0ch-study.">CHARACTER STUDY</a>
  2694.  
  2695. <a href="/tagged/ix.-%C2%A0-‹‹-———-%C2%A0show-them-all-you’re-not-the-ordinary-type.-%C2%A0-%C2%A0-%C2%A0anonymous.">ANONYMOUS</a>
  2696.  
  2697.  
  2698. </div id="nvbar" class="nvlinks">
  2699.  
  2700.  
  2701.  
  2702.  
  2703. <h4>UNIVERSES</h4>
  2704.  
  2705. <div id="nvbar" class="nvlinks">
  2706.  
  2707.  
  2708. <a href="/tagged/%21-%C2%A0-‹-———-%C2%A0bane-chronicles-%C2%A0-%C2%A0v-%3A-the-past-is-yesterday’s-problem.">BANE CHRONICLES</a>
  2709.  
  2710. <a href="/tagged/%21-%C2%A0-‹-———-%C2%A0infernal-devices-%C2%A0-%C2%A0v-%3A-the-future-is-tomorrow’s-mystery.">INFERNAL DEVICES</a>
  2711.  
  2712. <a href="/tagged/%21-%C2%A0-‹-———-%C2%A0mortal-instruments-%C2%A0-%C2%A0v-%3A-today-won’t-last-forever.">MORTAL INSTRUMENTS</a>
  2713.  
  2714. <a href="/tagged/%21-%C2%A0-‹-———-%C2%A0shadowhunter-academy-%C2%A0-%C2%A0v-%3A-peace-comes-in-the-interim.">SHADOWHUNTER ACADEMY</a>
  2715.  
  2716. <a href="/tagged/%21-%C2%A0-‹-———-%C2%A0dark-artifices-%C2%A0-%C2%A0v-%3A-tomorrow-is-a-path-unpaved.">DARK ARTIFICES</a>
  2717.  
  2718. <a href="/tagged/%21-%C2%A0-‹-———-%C2%A0unknown-%C2%A0-%C2%A0v-%3A-it’s-called-the-magnus-effect.">UNKNOWN INTERACTIONS</a>
  2719.  
  2720.  
  2721. </div id="nvbar" class="nvlinks">
  2722.  
  2723.  
  2724.  
  2725.  
  2726. <h4>CONNECTIONS</h4>
  2727.  
  2728. <div id="nvbar" class="nvlinks">
  2729.  
  2730.  
  2731. <a href="/tagged/⟡-⁎°-%C2%A0-‹‹-———-%C2%A0memories-turn-into-daydreams-become-a-taboo.-%C2%A0-%C2%A0vis-%3A-%C2%A0magnus-%21">MAGNUS BANE</a>
  2732.  
  2733. <a href="/tagged/✝-%C2%A0-‹‹-———-%C2%A0i-realize-he’s-a-knockout-but-i-am-afraid-i-have-to-whisk-him-away.-%C2%A0-%C2%A0ref-%3A-%C2%A0alexander-lightwood-%21">ALEXANDER LIGHTWOOD</a>
  2734.  
  2735. <a href="/tagged/✝-%C2%A0-‹‹-———-%C2%A0maybe-one-day-it-will-be-just-you-and-me-my-little-blueberry.-%C2%A0-%C2%A0ref-%3A-%C2%A0max-lightwood-bane-%21">MAX LIGHTWOOD-BANE</a>
  2736.  
  2737. <a href="/tagged/✝-%C2%A0-‹‹-———-%C2%A0spanish-lullabies-from-a-soft-tongue.-%C2%A0-%C2%A0ref-%3A-%C2%A0rafael-lightwood-bane-%21">RAFAEL LIGHTWOOD-BANE</a>
  2738.  
  2739. <a href="/tagged/✝-%C2%A0-‹‹-———-%C2%A0i-never-date-anyone-my-cat-doesn’t-like.-%C2%A0-%C2%A0ref-%3A-%C2%A0chairman-meow-%21">CHAIRMAN MEOW</a>
  2740.  
  2741. </div id="nvbar" class="nvlinks">
  2742.  
  2743. <br><br>
  2744.  
  2745.  
  2746. <div id="nvbar" class="nvlinks">
  2747.  
  2748.  
  2749. <a href="/tagged/✝-%C2%A0-‹‹-———-%C2%A0more-of-a-hero-than-any-shadowhunter-that-he-had-ever-met.-%C2%A0-%C2%A0ref-%3A-%C2%A0catarina-loss-%21">CATARINA LOSS</a>
  2750. <a href="/tagged/✝-%C2%A0-‹‹-———-%C2%A0you-know-i-love-it-when-you-make-jokes-about-your-complexion.-%C2%A0-%C2%A0ref-%3A-%C2%A0rangor-fell-%21">RAGNOR FELL</a>
  2751. <a href="/tagged/✝-%C2%A0-‹‹-———-%C2%A0she-was-one-of-the-few-remaining-constants.-%C2%A0ref-%3A-%C2%A0tessa-gray-%21">TESSA GRAY</a>
  2752. <a href="/tagged/✝-%C2%A0-‹‹-———-%C2%A0all-roads-led-back-to-lady-camille’s-bosom.-%C2%A0-%C2%A0ref-%3A-%C2%A0camille-belcourt-%21">CAMILLE BELCOURT</a>
  2753. <a href="/tagged/✝-%C2%A0-‹‹-———-%C2%A0still-musician%27s-hands-after-all-this-time.-%C2%A0ref-%3A-%C2%A0jem-carstairs-%21">BROTHER ZACHARIAH / JEM CARSTAIRS</a>
  2754.  
  2755. </div id="nvbar" class="nvlinks">
  2756.  
  2757.  
  2758. <br><br>
  2759.  
  2760. <div id="nvbar" class="nvlinks">
  2761.  
  2762. <a href="/tagged/✝-%C2%A0-‹‹-———-%C2%A0a-thousand-gallons-of-trouble-in-a-pint-sized-body.-%C2%A0-%C2%A0ref-%3A-%C2%A0clary-fairchild-%21">CLARY FAIRCHILD</a>
  2763.  
  2764. <a href="/tagged/✝-%C2%A0-‹‹-———-%C2%A0golden-hair-%3B-sunlight-through-a-golden-halo.-%C2%A0-%C2%A0ref-%3A-%C2%A0jace-herondale-%21">JACE LIGHTWOOD HERONDALE</a>
  2765.  
  2766. <a href="/tagged/✝-%C2%A0-‹‹-———-%C2%A0the-most-beautiful-thing-a-woman-can-wear-is-confidence.-%C2%A0-%C2%A0ref-%3A-%C2%A0isabelle-lightwood-%21">ISABELLE LIGHTWOOD</a>
  2767.  
  2768. <a href="/tagged/✝-%C2%A0-‹‹-———-%C2%A0with-great-power-comes-great-responsibility.-%C2%A0-%C2%A0ref-%3A-%C2%A0simon-lewis-%21">SIMON LEWIS</a>
  2769.  
  2770.  
  2771. </div id="nvbar" class="nvlinks">
  2772.  
  2773.  
  2774.  
  2775. </div id="pageNAV" class="popup_block">
  2776.  
  2777.  
  2778.  
  2779.  
  2780. <!-- CREDIT -->
  2781.  
  2782. <div id="credit"><div style="width:105px;margin-right:10px;">
  2783. <a href="http://iniziare.tumblr.com/post/172148130832/theme-francis-live-preview-in-useaction" target="blank">
  2784. <span>S.</span>MADE BY SAE.</a>
  2785. </div></div>
  2786.  
  2787.  
  2788.  
  2789. </body>
  2790.  
  2791. </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!