API tools faq
paste
littlemisswhoever

3 column theme: edomson

littlemisswhoever
Sep 30th, 2018
178
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 63.84 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.  
  41.  
  42.  
  43. <!-- SCRIPT: POPUPS -->
  44.  
  45. <script type="text/javascript"
  46. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  47. <script>
  48. $(document).ready(function() {
  49. //
  50. $('a.poplight[href^=#]').click(function() {
  51. var popID = $(this).attr('rel'); //Get Popup Name
  52. var popURL = $(this).attr('href'); //Get Popup href to define size
  53. var query= popURL.split('?');
  54. var dim= query[1].split('&');
  55. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  56. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  57. var popMargTop = ($('#' + popID).height() + 80) / 2;
  58. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  59. //Apply Margin to Popup
  60. $('#' + popID).css({
  61. 'margin-top' : -popMargTop,
  62. 'margin-left' : -popMargLeft
  63. });
  64. $('body').append('<div id="fade"></div>');
  65. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  66. return false;
  67. });
  68. $('a.close, #fade').live('click', function() {
  69. $('#fade , .popup_block').fadeOut(function() {
  70. $('#fade, a.close').remove(); //fade them both out
  71. });
  72. return false;
  73. });
  74. });
  75. </script>
  76.  
  77.  
  78. <!-- SCRIPT: jQuery -->
  79.  
  80. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  81.  
  82.  
  83.  
  84. <!-- SCRIPT: AUDIO PLAYER -->
  85.  
  86. <script>
  87. $(document).ready(function() {
  88. $('iframe.tumblr_audio_player').load( function() {
  89. $('iframe.tumblr_audio_player').contents().find("head")
  90. .append($("<style type='text/css'> .audio-player{background:transparent !important; color:{color:bold} !important;} </style>"));
  91. });
  92. });
  93. </script>
  94.  
  95.  
  96.  
  97. <!-- SCRIPT: POPUP TABS -->
  98.  
  99. <script>$(document).ready(function(){
  100. $("ul#tabs li").click(function(e){
  101. if (!$(this).hasClass("active")) {
  102. var tabNum = $(this).index();
  103. var nthChild = tabNum+1;
  104. $("ul#tabs li.active").removeClass("active");
  105. $(this).addClass("active");
  106. $("ul#tab li.active").removeClass("active");
  107. $("ul#tab li:nth-child("+nthChild+")").addClass("active");}});});</script>
  108.  
  109.  
  110.  
  111. <!-- SCRIPT: EXPAND -->
  112.  
  113. <script>
  114. $(document).ready(function(){
  115. $(".tags").hide();
  116. $(".hide").show();$('.hide').toggle(function(){
  117. $(".tags").slideDown(function(){});
  118. },function(){
  119. $(".tags").slideUp(function(){});
  120. });
  121. });
  122. </script>
  123.  
  124.  
  125.  
  126.  
  127. <!-- CUSTOM FONTS -->
  128.  
  129. <link href="https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre" rel="stylesheet">
  130.  
  131.  
  132. <link rel="stylesheet" href="https://static.tumblr.com/8rqi4zd/Ldipc2gaa/jace1.css">
  133.  
  134.  
  135. <link rel="stylesheet" href="https://static.tumblr.com/8rqi4zd/JDOpb0bk5/regular.css">
  136.  
  137.  
  138.  
  139.  
  140.  
  141.  
  142.  
  143. <!-- META LINES -->
  144.  
  145.  
  146. <meta name="image:Background" content="https://static.tumblr.com/8rqi4zd/Hpppfwgmt/002.gif"/>
  147.  
  148. <meta name="text:Font" content="'Frank Ruhl Libre'"/>
  149. <meta name="text:Font Size" content="10px"/>
  150. <meta name="text:Line Height" content="18px;" />
  151. <meta name="text:Custom Capitals Font" content="'customfonthere'">
  152.  
  153. <meta name="color:Body Text" content="#c6c6c6" />
  154. <meta name="color:Bold" content="#4f284f" />
  155. <meta name="color:Italic" content="#ffffff" />
  156. <meta name="color:First Letter" content="#151515" />
  157. <meta name="color:Links" content="#4f284f" />
  158. <meta name="color:Links Hover" content="#ffffff" />
  159.  
  160.  
  161.  
  162. <meta name="if:Text Wrapping" content="1"/>
  163. <meta name="if:Icon Borders" content="1"/>
  164. <meta name="if:First Letter Styling" content="0"/>
  165.  
  166.  
  167.  
  168.  
  169.  
  170. <style type="text/css">
  171.  
  172.  
  173.  
  174.  
  175. /* SCROLLBAR */
  176.  
  177. ::-webkit-scrollbar {
  178. background:transparent;
  179. height: 0px;
  180. display:none;
  181. width: 0px; /* remove scrollbar space */
  182. -ms-overflow-style: none; // IE 10+
  183. overflow: -moz-scrollbars-none; // Firefox
  184. }
  185.  
  186.  
  187. ::-webkit-scrollbar-thumb {
  188. background:transparent;
  189. }
  190.  
  191.  
  192.  
  193.  
  194. /* TEXT SELECTION */
  195.  
  196. ::selection {background: #000000; color:#ffffff;}
  197. ::-moz-selection {background: #000000; color:#ffffff;}
  198.  
  199.  
  200.  
  201.  
  202.  
  203. /* TOOLTIP */
  204.  
  205.  
  206. #s-m-t-tooltip {
  207. z-index:999999;
  208. max-width:350px;
  209. margin-left:10px;
  210. margin-top:10px;
  211. font-weight:lighter;
  212. background-color:#000000;
  213. background:rgba(0,0,0,1);
  214. border:1px solid #151515;
  215. padding-top:6px;
  216. padding-bottom:6px;
  217. padding-left:16px;
  218. padding-right:16px;
  219. font-family:calibri;
  220. font-style:normal;
  221. font-weight:700;
  222. font-size:10px;
  223. text-shadow: 0px 0px 1px #000;
  224. color: #e8e8e8;
  225. text-transform:uppercase;
  226. letter-spacing:0px;
  227. -webkit-box-shadow: 0px 1px 19px 4px rgba(0,0,0,0.75);
  228. -moz-box-shadow: 0px 1px 19px 4px rgba(0,0,0,0.75);
  229. box-shadow: 0px 1px 19px 4px rgba(0,0,0,0.75);
  230. }
  231.  
  232.  
  233.  
  234.  
  235.  
  236.  
  237. /* FOUNDATION */
  238.  
  239.  
  240. body {
  241. background-image:url('{image:Background}');
  242. background-attachment:fixed;
  243. background-repeat:no-repeat;
  244. background-position:top left;
  245. background-color:#000000;
  246. color:{color:Body Text};
  247. font-size:{text:Font Size};
  248. line-height:14px;
  249. word-spacing:-0.5px;
  250. color:{color:Body Text};
  251. font-family:{text:Font};
  252. word-wrap: break-word;
  253. }
  254.  
  255.  
  256. body a {
  257. font-size:12px;
  258. color:{color:links};
  259. font-weight:bold;
  260. text-decoration:none!important;
  261. -moz-transition-duration:2s;
  262. -webkit-transition-duration:2s;
  263. -o-transition-duration:2s;
  264. }
  265.  
  266. body a:hover {
  267. color:{color:links hover};
  268. -moz-transition-duration:2s;
  269. -webkit-transition-duration:2s;
  270. -o-transition-duration:2s;
  271. }
  272.  
  273.  
  274.  
  275.  
  276.  
  277. /* BLOCKQUOTES */
  278.  
  279.  
  280. blockquote {
  281. background-image:
  282. url('http://static.tumblr.com/lb10yte/HSfona8ku/date.gif');
  283. background-color:#000000!important;
  284. padding-left:24px;
  285. padding-right:24px;
  286. padding-top:12px;
  287. padding-bottom:12px;
  288. margin-top:12px;
  289. margin-bottom:24px;
  290. text-align:justify;
  291. margin-left:0px;
  292. margin-right:0px;
  293. border:1px solid #151515;
  294. word-wrap: break-word!important;
  295. }
  296.  
  297.  
  298.  
  299. blockquote blockquote {
  300. border-left:1px solid #151515!important;
  301. border-top:0px!important;
  302. border-bottom:0px!important;
  303. border-right:0px!important;
  304. outline:0px solid transparent;
  305. padding-left:24px;
  306. padding-right:0px;
  307. padding-top:0px;
  308. padding-bottom:0px;
  309. margin-top:12px!important;
  310. margin-bottom:0px!important;
  311. }
  312.  
  313.  
  314. blockquote p:not(:first-child):first-letter {
  315. text-transform:uppercase;
  316. }
  317.  
  318.  
  319.  
  320. .stretch {
  321. margin-left:-25px;
  322. margin-right:-25px;
  323. margin-top:-27px;
  324. margin-bottom:25px;
  325. }
  326.  
  327.  
  328.  
  329.  
  330.  
  331. /* TEXT-WRAPPING AROUND ICONS/IMAGES */
  332.  
  333.  
  334. #wrap img {
  335. margin-top:2px!important;
  336. margin-bottom:0px!important;
  337. background-color:#000000;
  338. padding-right:3px;
  339. padding-bottom:3px;
  340. {block:IfTextWrapping}
  341. float:left;
  342. margin-right:14px;
  343. {/block:IfTextWrapping}
  344. {block:ificonborders}
  345. padding:9px;
  346. border:1px solid #151515;
  347. {/block:ificonborders}
  348. -webkit-filter: brightness(1) contrast(1) saturate(1);
  349. }
  350.  
  351.  
  352. {block:IfTextWrapping}
  353. #wrap blockquote img {
  354. border:1px solid #222222;
  355. background-color:#000000;
  356. clear:both!important;
  357. margin-top:11px!important;
  358. margin-bottom:0px!important;
  359. margin-left:14px;
  360. margin-right:0px!important;
  361. float:right;
  362. -webkit-filter: brightness(0.9) contrast(1.1) saturate(.9);
  363. }
  364. {/block:IfTextWrapping}
  365.  
  366.  
  367.  
  368.  
  369.  
  370. /* FONT-RELATED */
  371.  
  372.  
  373. small, sub, sup {
  374. font-size:{text:Font Size};
  375. }
  376.  
  377.  
  378. big {
  379. font-size:120%;
  380. }
  381.  
  382.  
  383. b, bold, strong {
  384. font-size:10px;
  385. font-family: calibri;
  386. text-transform:uppercase;
  387. letter-spacing:-0.05px;
  388. font-weight:bold;
  389. color:{color:Bold};
  390. padding-right:0px;
  391. padding-left:0px;
  392. text-shadow: 0px 0px 1px rgba(69, 64, 64, 0.45);
  393. }
  394.  
  395. em, i, italic {
  396. font-family:calibri;
  397. font-style:normal;
  398. font-weight:700;
  399. font-size:9.5px;
  400. text-shadow: 0px 0px 1px #000;
  401. color: {color:Italic};
  402. text-transform:uppercase;
  403. }
  404.  
  405.  
  406.  
  407. u {
  408. text-decoration:none!important;
  409. }
  410.  
  411.  
  412. {block:ifFirstLetterStyling}
  413. u, u a {
  414. background-image:
  415. url('http://static.tumblr.com/lb10yte/HSfona8ku/date.gif');
  416. background-color: #000000;
  417. border: 1px solid #151515;
  418. font-family:{text:Custom Capitals Font}, 'Frank Ruhl Libre', serif;
  419. color:{color:first letter};!important;
  420. text-decoration:none!important;
  421. font-style:normal!important;
  422. font-weight:lighter!important;
  423. text-transform:uppercase!important;
  424. float:left;
  425. margin-top:2px;
  426. height:55px;
  427. width:55px;
  428. font-size: 40px;
  429. margin-right: 11px;
  430. position: relative;
  431. text-align: center;
  432. vertical-align: middle;
  433. line-height: 57px;
  434. }
  435. {/block:ifFirstLetterStyling}
  436.  
  437.  
  438.  
  439. pre {
  440. padding-top:8px;
  441. padding-bottom:8px;
  442. font-weight:lighter;
  443. text-transform:uppercase;
  444. color: #d1d1d1;
  445. line-height:155%;
  446. font-weight:lighter!important;
  447. color:#e6e6e6;
  448. font-size:8.4px;
  449. letter-spacing:0.6px;
  450. white-space: pre-wrap;
  451. white-space: -moz-pre-wrap;
  452. white-space: -pre-wrap;
  453. white-space: -o-pre-wrap;
  454. word-wrap: break-word;
  455. }
  456.  
  457.  
  458. pre a {
  459. color:{color:links};
  460. -moz-transition-duration:2s;
  461. -webkit-transition-duration:2s;
  462. -o-transition-duration:2s;
  463. }
  464.  
  465.  
  466.  
  467. h1 {
  468. word-spacing:-0.5px;
  469. font-size:12px;
  470. color: #ffffff;
  471. font-weight:bold;
  472. font-family:calibri;
  473. text-align:left!important;
  474. text-transform:uppercase;
  475. }
  476.  
  477.  
  478.  
  479. h1 a {
  480. font-weight:bold;
  481. color: #d1d1d1!important;
  482. }
  483.  
  484.  
  485.  
  486. h2 {
  487. font-family: calibri, sans-serif;
  488. font-size:13.4px;
  489. text-transform:uppercase!important;
  490. color:{color:bold};
  491. letter-spacing:-0.4px;
  492. }
  493.  
  494.  
  495.  
  496. h2 a {
  497. font-family: calibri, sans-serif;
  498. font-size:13.4px!important;
  499. text-transform:uppercase!important;
  500. color:{color:links};
  501. letter-spacing:-0.4px;
  502. }
  503.  
  504.  
  505.  
  506. h3 {
  507. font-family: calibri, sans-serif;
  508. font-size:13.4px;
  509. text-transform:uppercase!important;
  510. color:{color:bold};
  511. letter-spacing:-0.4px;
  512. }
  513.  
  514.  
  515.  
  516. h3 a {
  517. font-family: calibri, sans-serif;
  518. font-size:13.4px!important;
  519. text-transform:uppercase!important;
  520. color:{color:links};
  521. letter-spacing:-0.4px;
  522. }
  523.  
  524.  
  525.  
  526. h4 {
  527. background-image:url('');
  528. background-repeat:repeat;
  529. background-attachment:fixed;
  530. border:1px solid #151515;
  531. margin-bottom:24px;
  532. margin-top:24px;
  533. width:479px;
  534. height:24px;
  535. margin-left:-25px;
  536. text-align:center;
  537. font-family:calibri;
  538. font-style:normal;
  539. font-weight:bold;
  540. font-size:10px;
  541. line-height:23px;
  542. color: {color:first letter};
  543. text-transform:uppercase;
  544. text-shadow: 0px 0px 1px rgba(69, 64, 64, 0.15);
  545. }
  546.  
  547.  
  548.  
  549.  
  550. h4 a {
  551. font-family:calibri;
  552. font-style:normal;
  553. font-weight:700;
  554. font-size:10px!important;
  555. line-height:10px;
  556. text-shadow: 0px 0px 1px rgba(69, 64, 64, 0.15);
  557. color: #e8e8e8;
  558. }
  559.  
  560.  
  561.  
  562. header {
  563. border: 1px solid #151515;
  564. background-color:#030303;
  565. letter-spacing:0px;
  566. word-spacing:-0.5px;
  567. font-size:11px;
  568. color: #ffffff;
  569. font-family:calibri;
  570. padding-bottom:0px;
  571. padding-top:7px;
  572. margin-top:-55px;
  573. font-weight:bold;
  574. margin-bottom:24px!important;
  575. width:478px;
  576. height:24px;
  577. margin-left:-25px;
  578. text-align:center!important;
  579. text-transform:uppercase;
  580. z-index:9999999;
  581. position:fixed;
  582. }
  583.  
  584.  
  585. ul {
  586. list-style-position: inside;
  587. padding-left: 1.2em; }
  588.  
  589. ol {
  590. list-style-position: inside;
  591. padding-left: 1.2em;
  592. }
  593.  
  594.  
  595.  
  596. /* SIDEBAR */
  597.  
  598.  
  599. #sidebar {
  600. position: fixed;
  601. line-height:165%;
  602. background:transparent;
  603. width:125px;
  604. left: 74px;
  605. top: 93px;
  606. }
  607.  
  608.  
  609. .sideheadertop {
  610. width:160px;
  611. height:24px;
  612. background-color:#030303;
  613. outline:1px solid #151515;
  614. text-align: center;
  615. margin-left:-6px;
  616. margin-top:-8px;
  617. }
  618.  
  619.  
  620.  
  621. .sideheaderbottom {
  622. width:160px;
  623. height:24px;
  624. background-color:#030303;
  625. outline:1px solid #151515;
  626. margin-top: 29px;
  627. text-align: center;
  628. margin-left:-6px;
  629. }
  630.  
  631.  
  632.  
  633.  
  634. #sidetext {
  635. height:451px;
  636. width:114px;
  637. margin-top:24px;
  638. margin-left:17px;
  639. text-align:justify;
  640. overflow:scroll;
  641. line-height:14px;
  642. text-align-last: center;
  643. }
  644.  
  645.  
  646. #sidetext a {
  647. font-size:9.5px;
  648. font-family: calibri;
  649. text-transform:uppercase;
  650. letter-spacing:-0.05px;
  651. font-weight:bold;
  652. color:{color:Links};
  653. padding-right:0px;
  654. padding-left:0px;
  655. }
  656.  
  657.  
  658.  
  659.  
  660. /* DESCRIPTION */
  661.  
  662.  
  663.  
  664. .bottombox {
  665. position:fixed;
  666. width:478px;
  667. left:253px;
  668. top:478px;
  669. border:1px solid #151515;
  670. background-color:#000000;
  671. }
  672.  
  673.  
  674. .description {
  675. height:59px;
  676. max-height:59px;
  677. padding-left:24px;
  678. padding-right:24px;
  679. border-top:24px solid #000000;
  680. border-bottom:24px solid #000000;
  681. line-height:14px;
  682. text-align:justify;
  683. overflow-y:scroll;
  684. }
  685.  
  686.  
  687.  
  688. .description a {
  689. font-family: calibri;
  690. text-transform:uppercase;
  691. font-size:9px;
  692. font-weight:bold!important;
  693. -moz-transition-duration:2s;
  694. -webkit-transition-duration:2s;
  695. -o-transition-duration:2s;
  696. }
  697.  
  698.  
  699.  
  700. #navi {
  701. background-image:
  702. url('http://static.tumblr.com/lb10yte/HSfona8ku/date.gif');
  703. width:478px;
  704. height:24px;
  705. border-top:1px solid #151515;
  706. border-bottom:1px solid #151515;
  707. border-left:1px solid #151515;
  708. border-right:1px solid #151515;
  709. background-color:#000000;
  710. text-align: center;
  711. line-height:23px;
  712. margin-left:-1px;
  713. margin-top:-1px!important;
  714. overflow:hidden;
  715. font-family:calibri!important;
  716. text-shadow: 0px 0px 1px rgba(69, 64, 64, 0.08);
  717. -webkit-user-select: none; /* Chrome all / Safari all */
  718. -moz-user-select: none; /* Firefox all */
  719. -ms-user-select: none; /* IE 10+ */
  720. user-select: none; /* Likely future */
  721. }
  722.  
  723.  
  724. #navi b {
  725. color:#151515;
  726. text-shadow: 0px 0px 1px rgba(69, 64, 64, 0.08);
  727. }
  728.  
  729.  
  730.  
  731. #navi a {
  732. font-family:calibri;
  733. font-size:9.5px;
  734. letter-spacing:0px;
  735. margin-right:25px;
  736. color:#151515!important;
  737. }
  738.  
  739.  
  740. #navi a:last-child {
  741. margin-right:0px!important;
  742. }
  743.  
  744.  
  745. #navi a:hover {
  746. background-color:#000000!important;
  747. font-weight:bold!important;
  748. color:{color:links}!important;
  749. -moz-transition-duration:2s;
  750. -webkit-transition-duration:2s;
  751. -o-transition-duration:2s;
  752. }
  753.  
  754.  
  755.  
  756.  
  757.  
  758.  
  759. /* POSTS: GENERAL */
  760.  
  761.  
  762. #container {
  763. position:fixed;
  764. height:552px;
  765. width:430px;
  766. left:757px;
  767. top:84px;
  768. background-color:#000000;
  769. overflow-y:scroll;
  770. padding-left:24px;
  771. padding-right:24px;
  772. z-index:9999;
  773. border:1px solid #151515!important;
  774. }
  775.  
  776.  
  777.  
  778. .containerheadertop {
  779. position:fixed;
  780. width:478px;
  781. height:24px;
  782. background-color:#030303;
  783. border:1px solid #151515;
  784. text-align: center;
  785. margin-left:-25px;
  786. margin-top:-1px;
  787. z-index:99999;
  788. }
  789.  
  790.  
  791.  
  792. #containertopspace {
  793. position:fixed;
  794. width:478px;
  795. height:24px;
  796. background-color:transparent;
  797. margin-left:-24px;
  798. border-bottom:24px solid #000000;
  799. margin-top:-1px;
  800. z-index:999;
  801. }
  802.  
  803.  
  804.  
  805. .containerheaderbottom {
  806. position:fixed;
  807. width:478px;
  808. height:24px;
  809. background-color:#030303;
  810. border:1px solid #151515;
  811. text-align: center;
  812. left:758px;
  813. top:612px;
  814. margin-left:-1px;
  815. z-index:9999999;
  816. }
  817.  
  818.  
  819.  
  820. #containerbottomspace {
  821. position:fixed;
  822. left:782px;
  823. top:582px;
  824. width:478px;
  825. height:24px;
  826. background-color:#000000;
  827. text-align: center;
  828. margin-left:-24px;
  829. margin-top:6px;
  830. z-index:999999;
  831. }
  832.  
  833.  
  834.  
  835. .posts {
  836. width:430px;
  837. padding-right:25px;
  838. padding-left:25px;
  839. margin-left:-25px;
  840. word-wrap: break-word;
  841. text-align:justify;
  842. line-height:14px;
  843. margin-bottom:84px;
  844. }
  845.  
  846.  
  847.  
  848.  
  849.  
  850. .posts a {
  851. font-family: calibri;
  852. text-transform:uppercase;
  853. font-size:9px;
  854. font-weight:bold!important;
  855. -moz-transition-duration:2s;
  856. -webkit-transition-duration:2s;
  857. -o-transition-duration:2s;
  858. }
  859.  
  860.  
  861.  
  862. .posts a:hover {
  863. color:{color:links hover};
  864. -moz-transition-duration:2s;
  865. -webkit-transition-duration:2s;
  866. -o-transition-duration:2s;
  867. }
  868.  
  869.  
  870. .posts img {
  871. max-width: -webkit-calc(100% - 22px);
  872. max-width: -moz-calc(100% - 22px);
  873. max-width: calc(100% - 22px);
  874. height:auto;
  875. }
  876.  
  877.  
  878.  
  879.  
  880.  
  881. /* POSTS: TEXT */
  882.  
  883.  
  884. #text {
  885. border:1px solid #151515;
  886. margin-left:-25px;
  887. margin-right:-25px;
  888. margin-bottom:-27px;
  889. margin-top:26px;
  890. padding-left:24px;
  891. padding-right:24px;
  892. padding-top:14px;
  893. padding-bottom:14px;
  894. }
  895.  
  896.  
  897. #textbody {
  898. {block:permalinkpage}
  899. margin-top:-24px;
  900. padding-top:0px;
  901. {/block:permalinkpage}
  902. margin-top:3px;
  903. }
  904.  
  905.  
  906.  
  907.  
  908.  
  909.  
  910.  
  911. /* POSTS: PHOTO/PHOTOSETS */
  912.  
  913.  
  914. #psingle {
  915. position:relative;
  916. z-index:99999999!important;
  917. margin-top:-1px;
  918. margin-bottom:-28px;
  919. margin-left:-26px;
  920. margin-right:-25px;
  921. border-top:1px solid #2e2e2e;
  922. -webkit-filter: brightness(.75) contrast(1.1) saturate(0.73);
  923. -webkit-transition: all 0.9s ease-in-out;
  924. -moz-transition: all 0.9s ease-in-out;
  925. -o-transition: all 0.9s ease-in-out;
  926. -ms-transition: all 0.9s ease-in-out;
  927. transition: all 0.9s ease-in-out;
  928. }
  929.  
  930.  
  931.  
  932. #psingle:hover {
  933. -webkit-filter: brightness(.75) contrast(1.1) saturate(0.73);
  934. -webkit-transition: all 0.9s ease-in-out;
  935. -moz-transition: all 0.9s ease-in-out;
  936. -o-transition: all 0.9s ease-in-out;
  937. -ms-transition: all 0.9s ease-in-out;
  938. transition: all 0.9s ease-in-out;
  939. }
  940.  
  941.  
  942.  
  943. #pset {
  944. position:relative;
  945. z-index:99999999!important;
  946. width: 480px;
  947. margin-top:-1px!important;
  948. background-color:#000000;
  949. margin-bottom:-30px;
  950. margin-left:-24px;
  951. border-top:1px solid #2e2e2e;
  952. -webkit-filter: brightness(.75) contrast(1.1) saturate(0.73);
  953. -webkit-transition: all 0.9s ease-in-out;
  954. -moz-transition: all 0.9s ease-in-out;
  955. -o-transition: all 0.9s ease-in-out;
  956. -ms-transition: all 0.9s ease-in-out;
  957. transition: all 0.9s ease-in-out;
  958. }
  959.  
  960.  
  961.  
  962. #pset:hover {
  963. -webkit-filter: brightness(.75) contrast(1.1) saturate(0.73);
  964. -webkit-transition: all 0.9s ease-in-out;
  965. -moz-transition: all 0.9s ease-in-out;
  966. -o-transition: all 0.9s ease-in-out;
  967. -ms-transition: all 0.9s ease-in-out;
  968. transition: all 0.9s ease-in-out;
  969. }
  970.  
  971.  
  972.  
  973.  
  974. #pcaption {
  975. border-top:1px solid #151515;
  976. margin-top:26px;
  977. margin-left:-24px;
  978. margin-right:-24px;
  979. padding-left:24px;
  980. padding-right:24px;
  981. }
  982.  
  983.  
  984. #pcaption a {
  985. font-size:10px;
  986. }
  987.  
  988.  
  989.  
  990.  
  991.  
  992.  
  993.  
  994. /* POSTS: QUOTE */
  995.  
  996. #quotebox {
  997. border-top:1px solid #151515;
  998. padding-left:24px;
  999. padding-right:24px;
  1000. padding-top:24px;
  1001. padding-bottom:0px;
  1002. margin-left:-25px;
  1003. margin-right:-25px;
  1004. margin-bottom:-27px;
  1005. margin-top:30px;
  1006. }
  1007.  
  1008.  
  1009.  
  1010. #quote {
  1011. font-size:12px;
  1012. text-align:left;
  1013. padding-top:0px;
  1014. padding-bottom:24px;
  1015. letter-spacing:-0.5px;
  1016. line-height:16px;
  1017. }
  1018.  
  1019.  
  1020.  
  1021.  
  1022. .source {
  1023. font-family:calibri;
  1024. font-weight:bold;
  1025. text-align:left;
  1026. font-size:10px;
  1027. color: #e8e8e8;
  1028. height:24px;
  1029. line-height:23px;
  1030. text-transform:uppercase;
  1031. border:1px solid #151515;
  1032. margin-top:-1px;
  1033. padding-right:24px;
  1034. padding-left:24px;
  1035. margin-bottom:-24px;
  1036. margin-top:24px;
  1037. margin-left:-25px;
  1038. margin-right:-25px;
  1039. background-color:#030303;
  1040. }
  1041.  
  1042.  
  1043.  
  1044.  
  1045.  
  1046.  
  1047.  
  1048.  
  1049. /* POSTS: LINK */
  1050.  
  1051. #linkpost {
  1052. margin-right:-25px;
  1053. margin-left:-25px!important;
  1054. {block:permalinkpage}
  1055. margin-top:0px;
  1056. {/block:permalinkpage}
  1057. padding-top:0px;
  1058. margin-bottom:-25px;
  1059. }
  1060.  
  1061.  
  1062.  
  1063. #link {
  1064. margin-top:32px;
  1065. border:1px solid #151515;
  1066. padding:24px;
  1067. }
  1068.  
  1069.  
  1070. #link a {
  1071. font-size:12px;
  1072. }
  1073.  
  1074.  
  1075.  
  1076.  
  1077.  
  1078.  
  1079.  
  1080.  
  1081. /* POSTS: CHAT */
  1082.  
  1083. #chatbox {
  1084. margin-right:-25px;
  1085. margin-left:-25px!important;
  1086. padding-bottom:0px!important;
  1087. }
  1088.  
  1089.  
  1090.  
  1091. #chat {
  1092. margin-top:25px;
  1093. border-top:1px solid #151515;
  1094. padding-top:27px;
  1095. padding-left:24px;
  1096. padding-right:24px;
  1097. }
  1098.  
  1099.  
  1100.  
  1101.  
  1102.  
  1103.  
  1104.  
  1105.  
  1106. /* POSTS: AUDIO */
  1107.  
  1108. #audiobox {
  1109. {block:permalinkpage}
  1110. margin-top:0px;
  1111. {/block:permalinkpage}
  1112. padding-left:24px;
  1113. padding-right:24px;
  1114. padding-bottom:0px;
  1115. padding-top:24px;
  1116. margin-left:-25px;
  1117. margin-right:-25px;
  1118. margin-bottom:-27px;
  1119. }
  1120.  
  1121.  
  1122.  
  1123. .player {
  1124. opacity: 1;
  1125. position: absolute;
  1126. z-index: 1;
  1127. line-height:33px;
  1128. margin-left: -12px;
  1129. margin-top:29px;
  1130. display: block;
  1131. }
  1132.  
  1133. .audioplayer {
  1134. width: 24px;
  1135. height: 24px;
  1136. margin-left: 0px;
  1137. overflow: hidden;
  1138. padding: 0px;
  1139. }
  1140.  
  1141.  
  1142.  
  1143. .audioinfo {
  1144. border:1px solid #151515;
  1145. margin-left: -25px;
  1146. margin-right: -25px;
  1147. padding-right:24px;
  1148. padding-left:50px;
  1149. margin-top:30px;
  1150. height:24px;
  1151. overflow: hidden;
  1152. line-height:23px;
  1153. display: block;
  1154. font-family:calibri;
  1155. font-weight:bold;
  1156. text-transform: uppercase;
  1157. text-align: left;
  1158. letter-spacing:-0.08px;
  1159. word-spacing:-0.5px;
  1160. font-size:10px;
  1161. color:#c6c6c6;
  1162. background: transparent;
  1163. text-shadow: 0px 0px 1px rgba(69, 64, 64, 0.45);
  1164. }
  1165.  
  1166.  
  1167. #acaption {
  1168. border-top:0px solid #151515;
  1169. padding-top:12px;
  1170. padding-bottom:12px;
  1171. margin-left:-24px;
  1172. padding-left:24px;
  1173. }
  1174.  
  1175. #acaption a {
  1176. font-size:10px;
  1177. }
  1178.  
  1179.  
  1180.  
  1181.  
  1182.  
  1183.  
  1184.  
  1185. /* POSTS: VIDEO */
  1186.  
  1187. .video-container {
  1188. margin-top:46px;
  1189. position: relative;
  1190. padding-bottom: 56.25%;
  1191. height: 0;
  1192. overflow: hidden;
  1193. margin-left:-24px;
  1194. width: 480px;
  1195. margin-bottom:-24px;
  1196. }
  1197.  
  1198.  
  1199. .video-container iframe,
  1200. .video-container object,
  1201. .video-container embed {
  1202. position: absolute;
  1203. top: 0;
  1204. left: 0;
  1205. height: 100%;
  1206. width:100%;
  1207. }
  1208.  
  1209.  
  1210.  
  1211.  
  1212.  
  1213. /* POSTS: ASK */
  1214.  
  1215.  
  1216. #answer {
  1217. padding-left:24px;
  1218. padding-right:24px;
  1219. margin-left:-25px;
  1220. margin-right:-25px;
  1221. margin-top:-7px;
  1222. }
  1223.  
  1224.  
  1225. #question {
  1226. background-image:
  1227. url('http://static.tumblr.com/lb10yte/HSfona8ku/date.gif');
  1228. border-top:0px solid #151515;
  1229. width: 80%;
  1230. margin-top:32px;
  1231. height:70px;
  1232. width:447px;
  1233. margin-left:-25px;
  1234. }
  1235.  
  1236.  
  1237.  
  1238. #ask {
  1239. background-image:
  1240. url('http://static.tumblr.com/lb10yte/HSfona8ku/date.gif');
  1241. float:left;
  1242. font-family:calibri, sans-serif;
  1243. text-transform:uppercase;
  1244. position: absolute;
  1245. font-weight:bold;
  1246. background-color:#000000;
  1247. font-size:9px;
  1248. line-height:12px!important;
  1249. width:365px;
  1250. min-height:21px;
  1251. max-height:21px;
  1252. overflow:scroll;
  1253. margin-top:0px;
  1254. margin-left:1px;
  1255. margin-bottom:0px;
  1256. padding-left:24px;
  1257. padding-right:24px;
  1258. outline:solid 1px #151515;
  1259. border-top:22px solid #000000;
  1260. border-bottom:22px solid #000000;
  1261. -moz-transition-duration:1.5s;
  1262. -webkit-transition-duration:1.5s;
  1263. -o-transition-duration:1.5s;
  1264. }
  1265.  
  1266.  
  1267.  
  1268. #ask:hover {
  1269. background-image:
  1270. url('http://static.tumblr.com/lb10yte/HSfona8ku/date.gif');
  1271. max-height:46px!important;
  1272. -moz-transition-duration:1.5s;
  1273. -webkit-transition-duration:1.5s;
  1274. -o-transition-duration:1.5s;
  1275. }
  1276.  
  1277.  
  1278. #ask a {
  1279. font-weight:lighter;
  1280. color:{color:bold};
  1281. font-size:9px;
  1282. text-decoration:none;
  1283. }
  1284.  
  1285.  
  1286. #ask b {
  1287. color:{color:bold};
  1288. font-size:9px;
  1289. line-height:11px;
  1290. font-family:calibri!important;
  1291. }
  1292.  
  1293.  
  1294.  
  1295. #ask img {
  1296. -webkit-filter:grayscale(1);
  1297. }
  1298.  
  1299.  
  1300.  
  1301. .letterask {
  1302. position:relative;
  1303. z-index:9999!important;
  1304. position:absolute;
  1305. text-align:center;
  1306. font-size:44px;
  1307. margin-left:415px;
  1308. outline:1px solid #151515;
  1309. padding-top:25px;
  1310. padding-bottom:26px;
  1311. padding-left:17px;
  1312. padding-right:17px;
  1313. color:#151515;
  1314. -webkit-user-select: none; /* Chrome all / Safari all */
  1315. -moz-user-select: none; /* Firefox all */
  1316. -ms-user-select: none; /* IE 10+ */
  1317. user-select: none; /* Likely future */
  1318. }
  1319.  
  1320.  
  1321.  
  1322.  
  1323. #response {
  1324. margin-top:24px;
  1325. padding-top:0px;
  1326. padding-bottom:0px;
  1327. }
  1328.  
  1329.  
  1330. #response blockquote {
  1331. margin-top:15px;
  1332. margin-bottom:24px;
  1333. padding-top:6px;
  1334. padding-left:25px;
  1335. padding-right:25px;
  1336. padding-bottom:6px;
  1337. border-left:1px solid #151515;
  1338. border-right:1px solid #151515;
  1339. border-bottom:1px solid #151515;
  1340. border-top:1px solid #151515;
  1341. background-color:#030303;
  1342. }
  1343.  
  1344.  
  1345. #response img {
  1346. float:left;
  1347. position:relative;
  1348. margin-left:-1px!important;
  1349. margin-right:13px;
  1350. margin-top:2px;
  1351. margin-bottom:5px;
  1352. padding:8px;
  1353. border:1px solid #151515;
  1354. -webkit-filter: brightness(1) contrast(1) saturate(1);
  1355. }
  1356.  
  1357.  
  1358.  
  1359.  
  1360.  
  1361.  
  1362.  
  1363. /* POPUPS: GENERAL */
  1364.  
  1365.  
  1366. .popupheadertop {
  1367. position:fixed;
  1368. width:478px;
  1369. height:24px;
  1370. background-color:#030303;
  1371. outline:1px solid #151515;
  1372. text-align: center;
  1373. margin-left:-24px;
  1374. margin-top:-49px;
  1375. }
  1376.  
  1377.  
  1378. .popup_block {
  1379. display:none;
  1380. background-color:#000000;
  1381. height:320px!important;
  1382. top:310px;
  1383. left:509px!important;
  1384. opacity:1;
  1385. position:fixed;
  1386. z-index:9999999;
  1387. padding-left:24px!important;
  1388. padding-right:24px!important;
  1389. outline:1px solid #151515;
  1390. border-bottom:24px solid #000000;
  1391. border-top:24px solid #000000;
  1392. overflow-y:scroll;
  1393. text-align:justify;
  1394. overflow-x:hidden;
  1395. }
  1396.  
  1397.  
  1398.  
  1399.  
  1400.  
  1401. .popup_block a {
  1402. font-family: calibri;
  1403. text-transform:uppercase;
  1404. font-size:9px;
  1405. font-weight:bold!important;
  1406. -moz-transition-duration:2s;
  1407. -webkit-transition-duration:2s;
  1408. -o-transition-duration:2s;
  1409. }
  1410.  
  1411.  
  1412.  
  1413. *html #fade {
  1414. position: absolute;
  1415. }
  1416.  
  1417.  
  1418.  
  1419. *html .popup_block {
  1420. position: absolute;
  1421. }
  1422.  
  1423.  
  1424.  
  1425. #fade {
  1426. display:none;
  1427. position:fixed;
  1428. left:0px;
  1429. top:0px;
  1430. width:100%;
  1431. height:100%;
  1432. z-index:9;
  1433. background:#000;
  1434. opacity:0;
  1435. }
  1436.  
  1437.  
  1438. #intro {
  1439. margin-top:5px;
  1440. margin-bottom:24px;
  1441. border:1px solid #151515;
  1442. padding-left:24px;
  1443. padding-right:24px;
  1444. padding-top:24px;
  1445. padding-bottom:24px;
  1446. }
  1447.  
  1448.  
  1449.  
  1450.  
  1451.  
  1452. /* POPUPS: TABS */
  1453.  
  1454.  
  1455. #tabbar{
  1456. left:50%;
  1457. top:50%;
  1458. margin-left:
  1459. overflow: scroll;
  1460. text-align:justify;
  1461. color:#222;
  1462. font-family:calibri;
  1463. font-size:12px;
  1464. }
  1465.  
  1466. ul#tabs {
  1467. text-align: center;
  1468. }
  1469.  
  1470.  
  1471. ul#tabs li {
  1472. display: inline-block;
  1473. background-repeat:repeat;
  1474. background-attachment:fixed;
  1475. border:1px solid #151515; /* INACTIVE TAB */
  1476. width:190px;
  1477. font-weight:bold;
  1478. text-align:center;
  1479. font-family:calibri;
  1480. font-style:normal;
  1481. font-weight:700;
  1482. font-size:10px;
  1483. line-height:10px;
  1484. text-shadow: 0px 0px 1px #000;
  1485. padding: 10px 10px;
  1486. margin-bottom: 2px;
  1487. cursor:pointer;
  1488. color:{color:first letter};
  1489. }
  1490.  
  1491. ul#tabs li.active {
  1492. display: inline-block;
  1493. padding:9px;
  1494. text-align:center;
  1495. font-family:calibri;
  1496. font-style:normal;
  1497. font-weight:700;
  1498. font-size:10px;
  1499. line-height:10px;
  1500. text-shadow: 0px 0px 1px #000;
  1501. background:#000000;
  1502. font-weight:bold;
  1503. font-size:10px;
  1504. border:1px solid #151515; /* ACTIVE TAB */
  1505. color:{color:italic};
  1506. padding: 10px 10px;
  1507. margin-bottom: 2px;
  1508. cursor:pointer;
  1509. }
  1510.  
  1511. ul#tab, ul#tabs{
  1512. list-style-type:none;
  1513. margin:0px;padding:0px;
  1514. }
  1515.  
  1516. ul#tab li.active {
  1517. display: block;
  1518. }
  1519.  
  1520. ul#tab li {
  1521. display: none;
  1522. }
  1523.  
  1524.  
  1525.  
  1526.  
  1527.  
  1528.  
  1529.  
  1530.  
  1531.  
  1532. /* POPUPS: NAVIGATION */
  1533.  
  1534.  
  1535. #nvbar {
  1536. width:434px;
  1537. }
  1538.  
  1539.  
  1540.  
  1541. .nvlinks {
  1542. margin-left:0px;
  1543. padding-top:0px;
  1544. padding-bottom:0px;
  1545. text-align:center;
  1546. }
  1547.  
  1548.  
  1549.  
  1550. .nvlinks a {
  1551. display:inline-block;
  1552. font-family: calibri, sans-serif;
  1553. font-weight:lighter!important;
  1554. width: 210px;
  1555. height:21px!important;
  1556. line-height:21px;
  1557. margin-right:3px;
  1558. margin-bottom:6px;
  1559. text-align:center;
  1560. background:#000000;
  1561. border: 1px solid #151515;
  1562. color:#e6e6e6;
  1563. font-size:8.6px;
  1564. letter-spacing:0.6px;
  1565. cursor: pointer;
  1566. z-index:2;
  1567. -moz-transition-duration:1s;
  1568. -webkit-transition-duration:1s;
  1569. -o-transition-duration:1s;
  1570. }
  1571.  
  1572.  
  1573. .nvlinks a:nth-last-child(2) {
  1574. margin-bottom:0px!important;
  1575. }
  1576.  
  1577.  
  1578. .nvlinks a:last-child {
  1579. margin-bottom:0px!important;
  1580. }
  1581.  
  1582.  
  1583. .nvlinks a:hover {
  1584. background-color: rgba(92, 47, 92, .18);
  1585. -moz-transition-duration:1s;
  1586. -webkit-transition-duration:1s;
  1587. -o-transition-duration:1s;
  1588. }
  1589.  
  1590.  
  1591.  
  1592.  
  1593.  
  1594.  
  1595. /* POST INFORMATION */
  1596.  
  1597.  
  1598. .permalinkbar {
  1599. width:480px;
  1600. margin-top:26px!important;
  1601. margin-left:-25px;
  1602. margin-right:-25px;
  1603. color:#151515!important;
  1604. }
  1605.  
  1606.  
  1607. .permalinkbuttons {
  1608. height:24px;
  1609. background-color:#000000;
  1610. font-weight:bold!important;
  1611. padding-left:24px;
  1612. padding-right:24px;
  1613. line-height:23px;
  1614. letter-spacing:-0.2px;
  1615. margin-left:0px!important;
  1616. margin-bottom:1px!important;
  1617. border-top:1px solid #151515;
  1618. border-bottom:1px solid #151515;
  1619. color:#151515!important;
  1620. }
  1621.  
  1622.  
  1623. .permalinkbuttons a {
  1624. background-image:
  1625. url('http://static.tumblr.com/lb10yte/HSfona8ku/date.gif');
  1626. font-family:calibri;
  1627. background-color:transparent;
  1628. font-weight:bold!important;
  1629. color:#151515;
  1630. font-size:10px;
  1631. letter-spacing:-0.2px;
  1632. -moz-transition-duration:2s;
  1633. -webkit-transition-duration:2s;
  1634. -o-transition-duration:2s;
  1635. -webkit-user-select: none; /* Chrome all / Safari all */
  1636. -moz-user-select: none; /* Firefox all */
  1637. -ms-user-select: none; /* IE 10+ */
  1638. user-select: none; /* Likely future */
  1639. }
  1640.  
  1641.  
  1642. .permalinkbuttons a:hover {
  1643. background-color:#000000!important;
  1644. font-weight:bold!important;
  1645. color:{color:links};
  1646. -moz-transition-duration:2s;
  1647. -webkit-transition-duration:2s;
  1648. -o-transition-duration:2s;
  1649. }
  1650.  
  1651.  
  1652.  
  1653.  
  1654.  
  1655. .tags {
  1656. font-family: calibri!important;
  1657. font-weight:bold!important;
  1658. background-color:#000000;
  1659. border-bottom:1px solid #151515;
  1660. padding-top:12px;
  1661. padding-bottom:12px;
  1662. padding-left:24px;
  1663. padding-right:24px;
  1664. margin-left:-25px;
  1665. margin-right:-25px;
  1666. margin-bottom:-1px;
  1667. margin-top:0px;
  1668. color:#151515!important;
  1669. text-transform:uppercase!important;
  1670. font-style:normal;
  1671. line-height:150%;
  1672. font-size:8.5px;
  1673. text-align:justify;
  1674. -moz-text-align-last: center; /* Code for Firefox */
  1675. text-align-last: center;
  1676. }
  1677.  
  1678.  
  1679.  
  1680. .tags a {
  1681. text-decoration:none!important;
  1682. font-weight:bold!important;
  1683. font-size:8.5px;
  1684. margin-right:1px;
  1685. text-transform:uppercase!important;
  1686. font-family: calibri!important;
  1687. color:#151515!important;
  1688. }
  1689.  
  1690.  
  1691. .tags a:hover {
  1692. color:#ffffff!important;
  1693. -moz-transition-duration:1s;
  1694. -webkit-transition-duration:1s;
  1695. -o-transition-duration:1s;
  1696. {block:ifBiggerTagsonHover}
  1697. font-size:10px!important;
  1698. {block:ifBiggerTagsonHover}
  1699. }
  1700.  
  1701.  
  1702.  
  1703. .permatags {
  1704. font-family: calibri!important;
  1705. font-weight:bold!important;
  1706. background-color:#000000;
  1707. border-bottom:1px solid #151515;
  1708. padding-top:12px;
  1709. padding-bottom:12px;
  1710. padding-left:24px;
  1711. padding-right:24px;
  1712. margin-left:-25px;
  1713. margin-right:-25px;
  1714. margin-bottom:-1px;
  1715. margin-top:0px;
  1716. color:#2c2c2c;
  1717. text-transform:uppercase!important;
  1718. font-style:normal;
  1719. line-height:150%;
  1720. font-size:8.5px;
  1721. text-align:justify;
  1722. -moz-text-align-last: center; /* Code for Firefox */
  1723. text-align-last: center;
  1724. }
  1725.  
  1726.  
  1727.  
  1728. .permatags a {
  1729. text-decoration:none!important;
  1730. font-weight:bold!important;
  1731. font-size:8.5px;
  1732. margin-right:1px;
  1733. text-transform:uppercase!important;
  1734. font-family: calibri!important;
  1735. color:#151515!important;
  1736. }
  1737.  
  1738.  
  1739. .permatags a:hover {
  1740. color:#ffffff!important;
  1741. -moz-transition-duration:1s;
  1742. -webkit-transition-duration:1s;
  1743. -o-transition-duration:1s;
  1744. {block:ifBiggerTagsonHover}
  1745. font-size:10px!important;
  1746. {block:ifBiggerTagsonHover}
  1747. }
  1748.  
  1749.  
  1750.  
  1751.  
  1752.  
  1753.  
  1754. /* NOTES */
  1755.  
  1756.  
  1757. #notes {
  1758. margin-bottom:62px;
  1759. margin-top:75px;
  1760. margin-left:-36px;
  1761. margin-right:-25px;
  1762. }
  1763.  
  1764.  
  1765.  
  1766. .note li {
  1767. list-style-type:none;
  1768. padding-top:12px;
  1769. padding-bottom:12px;
  1770. padding-left:24px;
  1771. padding-right:25px;
  1772. border-bottom:1px solid #151515;
  1773. border-top:1px solid #151515;
  1774. margin-bottom:-1px;
  1775. text-align:left;
  1776. -moz-transition-duration:0.5s;
  1777. -webkit-transition-duration:0.5s;
  1778. -o-transition-duration:0.5s;
  1779. font-family:calibri!important;
  1780. font-size:9px!important;
  1781. font-weight:bold;
  1782. text-transform:uppercase;
  1783. color: {color:body text};
  1784. }
  1785.  
  1786.  
  1787. .note li a {
  1788. font-family:calibri!important;
  1789. font-size:10px!important;
  1790. padding-right:2px;
  1791. font-weight:bold;
  1792. text-transform:uppercase;
  1793. letter-spacing:0px;
  1794. color: {color:bold};
  1795. }
  1796.  
  1797.  
  1798.  
  1799. .note blockquote {
  1800. padding-top:12px;
  1801. padding-bottom:12px;
  1802. padding-left:24px;
  1803. padding-right:24px;
  1804. margin-top:12px;
  1805. margin-bottom:12px;
  1806. margin-left:0px;
  1807. margin-right:0px;
  1808. }
  1809.  
  1810.  
  1811. .note img.avatar {
  1812. display:none;
  1813. width: 0px;
  1814. height: 0px;
  1815. }
  1816.  
  1817.  
  1818.  
  1819.  
  1820.  
  1821. /* CREDIT */
  1822.  
  1823. #credit {
  1824. z-index:999;
  1825. position:fixed;
  1826. bottom:25px;
  1827. right:25px;
  1828. width:10px;
  1829. height:13px;
  1830. word-wrap:break-word;
  1831. overflow:hidden;
  1832. -webkit-transition:all 1s ease;
  1833. -moz-transition:all 1s ease;
  1834. -o-transition:all 1s ease;
  1835. transition:all 1s ease-in-out;
  1836. }
  1837.  
  1838. #credit a {
  1839. font-family:calibri;
  1840. color:{color:body text};
  1841. text-transform:uppercase;
  1842. font-size:10px;
  1843. }
  1844.  
  1845. #credit:hover {width:84px;}
  1846.  
  1847. #credit span {
  1848. font-family:calibri;
  1849. text-shadow:1px 1px .2px #000;
  1850. color:{color:bold};
  1851. margin-right:5px;
  1852. font-size:11px;
  1853. }
  1854.  
  1855.  
  1856.  
  1857.  
  1858.  
  1859. </style>
  1860.  
  1861. </head>
  1862.  
  1863. <body>
  1864.  
  1865.  
  1866. <!-- SIDEBAR -->
  1867.  
  1868.  
  1869. <div id ="sidebar"><div class="sideheadertop"></div>
  1870. <div id="sidetext">
  1871.  
  1872. <u>T</u>hat's what humans did: they left one another messages through time, <b>pressed between pages or carved into a rock.</b> Like reaching out a hand through time, and trusting in a phantom hoped-for hands to catch yours. ———Humans did not live forever. They could <i>only hope what they made <center>would endure.”</i></center>
  1873.  
  1874. <p style="margin-top:11px;"><img src="https://static.tumblr.com/8rqi4zd/LA2pfw9hf/z1.gif" style="color:transparent!important; background-color:transparent!important; border:0px solid transparent!important;">
  1875.  
  1876. <p style="margin-top:10px;"><u>S</u><b>incerity, gravity,</b> ———— in Magnus's opinion, were highly overrated, as was being forced to relive unpleasant memories. <i>He would much rather be amused and amusing.”</i>
  1877.  
  1878.  
  1879.  
  1880.  
  1881.  
  1882. </div>
  1883.  
  1884. <div class="sideheaderbottom"></div>
  1885. </div id ="sidebar">
  1886.  
  1887.  
  1888.  
  1889.  
  1890. <!-- DESCRIPTION + NAVIGATION BAR -->
  1891.  
  1892.  
  1893.  
  1894. <div class="bottombox">
  1895.  
  1896. <div id="navi" style="margin-top:0px;">
  1897. <a href="/" title="Refresh">INDEX/REFRESH</a>
  1898. <a href="#?w=430" rel="pageMSG" class="poplight" title="Inquiries">INQUIRE</a>
  1899. <a href="#?w=430" rel="pageGDL" class="poplight" title="The Accords">ACCORDS</a>
  1900. <a href="#?w=430" rel="pageABT" class="poplight" title="Biography">CLAVE FILE</a>
  1901. <a href="#?w=430" rel="pageNAV" class="poplight" title="Navigation">NAVIGATION</a>
  1902.  
  1903.  
  1904. {block:IndexPage}
  1905. {block:PreviousPage}
  1906. <a href="{PreviousPage}" title="Previous Page">BACK</a>
  1907. {/block:PreviousPage}
  1908.  
  1909.  
  1910. {block:NextPage}
  1911. <a href="{NextPage}" title="Next Page">NEXT</a>
  1912. {/block:NextPage}
  1913. {/block:IndexPage}
  1914.  
  1915.  
  1916. {block:PermalinkPagination}
  1917. <a href="{PreviousPost}" title="Previous Post">BACK</a>
  1918.  
  1919.  
  1920. <a href="{NextPost}" title="Next Post">NEXT</a>
  1921. {/block:PermalinkPagination}
  1922.  
  1923.  
  1924.  
  1925. </div id="navi">
  1926. <div class="description">
  1927.  
  1928. <u>T</u><i>he myth. The legend. The baddest bitch of all." </i> An independent and very selective portrayal for <b>Magnus Bane,</b> a character from Cassandra Clare's <i>The Shadowhunter Chronicles.</i> While primarily book-based, this interpretation bears some influences from Freeform's Shadowhunters. <b>Originally established June '13, written by Ber.</b>
  1929.  
  1930. </div class="description">
  1931.  
  1932.  
  1933. <div class="sideheaderbottom" style="width:478px; margin-top:2px; margin-left:0px;"></div>
  1934.  
  1935. </div class="bottombox">
  1936.  
  1937.  
  1938.  
  1939.  
  1940.  
  1941. <!-- POSTS -->
  1942.  
  1943.  
  1944.  
  1945. <div id="container">
  1946.  
  1947. <div class="containerheadertop"></div>
  1948. <div id="containertopspace"></div>
  1949.  
  1950. {block:Posts}
  1951. <div class="posts">
  1952.  
  1953.  
  1954.  
  1955.  
  1956.  
  1957. <!-- POSTS: TEXT -->
  1958.  
  1959.  
  1960. {block:Text}
  1961. <div id="text">
  1962.  
  1963.  
  1964.  
  1965. <div id="textbody">
  1966. {block:Title}
  1967. <h1>{Title}</a></h1>
  1968. {/block:Title}
  1969. <div id="wrap">
  1970. {Body}
  1971. <div style="clear:both">
  1972. </div style="clear:both">
  1973. </div id="wrap">
  1974. </div>
  1975.  
  1976. </div id="text">
  1977.  
  1978. {/block:Text}
  1979.  
  1980.  
  1981.  
  1982.  
  1983.  
  1984. <!-- POSTS: PHOTO/SET -->
  1985.  
  1986. {block:Photo}
  1987. <div id="psingle">
  1988. {LinkOpenTag}
  1989. <img src="{PhotoURL-HighRes}" style="min-width:480px!important; width:480px!important; margin-top:0px;">
  1990. {LinkCloseTag}
  1991. </div id="psingle">
  1992.  
  1993. {block:Caption}
  1994. <div id="pcaption">
  1995. {Caption}
  1996. </div id="pcaption">
  1997. {/block:Caption}
  1998. {/block:Photo}
  1999.  
  2000.  
  2001. {block:Photoset}
  2002. <div id="pset">
  2003. {Photoset}
  2004. </div id="pset">
  2005.  
  2006. {block:Caption}
  2007. <div id="pcaption">
  2008. {Caption}
  2009. </div id="pcaption">
  2010. {/block:Caption}
  2011. {/block:Photoset}
  2012.  
  2013.  
  2014.  
  2015.  
  2016.  
  2017. <!-- POSTS: QUOTE -->
  2018.  
  2019. {block:Quote}
  2020. <div id="quotebox">
  2021. <div id="quote">
  2022. {Quote}
  2023. <div class="source">
  2024. —{Source}
  2025. </div>
  2026. </div id="quote">
  2027.  
  2028. </div>
  2029. {/block:Quote}
  2030.  
  2031.  
  2032.  
  2033.  
  2034.  
  2035. <!-- POSTS: LINK -->
  2036.  
  2037. {block:Link}
  2038. <div id="linkpost">
  2039. <div id="link">
  2040. <a href="{URL}" {Target}>{Name}&nbsp;&nbsp; ►</a>
  2041. </div id="link">
  2042. </div id="linkpost">
  2043. {/block:Link}
  2044.  
  2045.  
  2046.  
  2047.  
  2048.  
  2049. <!-- POSTS: CHAT -->
  2050.  
  2051.  
  2052. {block:Chat}
  2053.  
  2054. <div id="chatbox">
  2055. <div id="chat">
  2056. {block:Lines}
  2057. <div id="{Alt}">
  2058. {block:Label}<i>{Label}</i>{/block:Label} {Line}
  2059. </div id="{Alt}">
  2060. {/block:Lines}
  2061. </div id="chat">
  2062. </div id="chatbox">
  2063.  
  2064. {/block:Chat}
  2065.  
  2066.  
  2067.  
  2068.  
  2069.  
  2070. <!-- POSTS: AUDIO -->
  2071.  
  2072. {block:Audio}
  2073. <div id="audiobox">
  2074.  
  2075.  
  2076. <div class="player">
  2077. <div class="audioplayer">
  2078.  
  2079. {AudioPlayerBlack}
  2080.  
  2081. </div class="audioplayer">
  2082. </div class="player">
  2083.  
  2084. <div class="audioinfo">
  2085. {block:Artist}Artist: {Artist}{/block:Artist} — {block:TrackName}Track name: {TrackName}{/block:TrackName}
  2086. </div class="audioinfo">
  2087.  
  2088.  
  2089. {block:Caption}
  2090. <div id="acaption">
  2091. {Caption}
  2092. </div id="acaption">
  2093. {/block:Caption}
  2094.  
  2095. </div id="audiobox">
  2096. {/block:Audio}
  2097.  
  2098.  
  2099.  
  2100.  
  2101.  
  2102. <!-- POSTS: VIDEO -->
  2103.  
  2104. {block:Video}
  2105. <div class="video-container">
  2106. {Video-400}
  2107. {block:Caption}{Caption}{/block:Caption}
  2108. </div class="video-container">
  2109. {/block:Video}
  2110.  
  2111.  
  2112.  
  2113.  
  2114.  
  2115. <!-- POSTS: ASK -->
  2116.  
  2117. {block:Answer}
  2118. <div id="answer">
  2119.  
  2120. <div id="question"><div id="ask"><b>{Asker} is interrupting the high warlock's precious time:</b>
  2121. <br>{Question}</div><div class="letterask">Q</div></div>
  2122.  
  2123. <h4 style="margin-top:-5px; padding:0px!important; width:480px; height:24px; background-color:#030303!important;"></h4>
  2124.  
  2125. <div id="response">{Answer}<div style="clear:both; margin-bottom:-5px;">
  2126. </div>
  2127. </div id="response">
  2128.  
  2129. </div id="answer">
  2130. {/block:Answer}
  2131.  
  2132.  
  2133.  
  2134.  
  2135.  
  2136.  
  2137. <!-- POST INFORMATION -->
  2138.  
  2139.  
  2140. {block:Date}
  2141. {block:indexpage}
  2142.  
  2143. <div class="permalinkbar">
  2144. <div class="permalinkbuttons">
  2145. <a href="{Permalink}" title="{12Hour}:{Minutes}{CapitalAmPm} / {NoteCountWithLabel}" style="float:left; text-align:left!important; margin-right:0px!important;">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>
  2146. &nbsp;&nbsp; / &nbsp;
  2147. <a href="#" class="hide">CLICK HERE FOR TAGS </a>
  2148. <a href="{ReblogURL}" target="_blank" class="details" style="float:right; ">CLICK HERE TO REBLOG THIS POST</a>
  2149. </div class="permalinkbuttons">
  2150.  
  2151.  
  2152. </div class="permalinkbar">
  2153.  
  2154. <div class="tags">
  2155. {block:HasTags}
  2156. Tagged with:
  2157. {block:Tags}
  2158. <a href="{TagURL}">{Tag}&nbsp;&nbsp;</a>
  2159. {/block:Tags}
  2160. {/block:HasTags}
  2161.  
  2162. </div class="tags">
  2163. {/block:indexpage}
  2164.  
  2165.  
  2166.  
  2167.  
  2168. {block:permalinkpage}
  2169. <div class="permalinkbar">
  2170. <div class="permalinkbuttons">
  2171. {block:RebloggedFrom}
  2172. <a href="{ReblogParentURL}">REBLOGGED FROM / VIA / SOURCE</a>
  2173. {/block:RebloggedFrom}
  2174.  
  2175. <a href="{ReblogURL}" target="_blank" class="details" style="float:right; ">CLICK HERE TO REBLOG THIS POST</a>
  2176. </div class="permalinkbuttons">
  2177.  
  2178.  
  2179. </div class="permalinkbar">
  2180.  
  2181. <div class="permatags">
  2182. {block:HasTags}
  2183. {block:Tags}
  2184. <a href="{TagURL}">{Tag}&nbsp;&nbsp;</a>
  2185. {/block:Tags}
  2186. {/block:HasTags}
  2187.  
  2188. </div class="permatags">
  2189. {/block:permalinkpage}
  2190.  
  2191.  
  2192. {/block:Date}
  2193.  
  2194.  
  2195.  
  2196.  
  2197.  
  2198. <!-- NOTES -->
  2199.  
  2200. {block:PostNotes}
  2201. <div id="notes">
  2202. <div class="note">
  2203. {PostNotes}
  2204. </div class="note">
  2205. </div id="notes">
  2206. {/block:PostNotes}
  2207.  
  2208.  
  2209.  
  2210.  
  2211. <!-- HIDE VIA/SOURCE IN POSTS -->
  2212.  
  2213.  
  2214. {block:ContentSource}<!-- {SourceURL}
  2215. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  2216. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2217. {/block:ContentSource}
  2218.  
  2219.  
  2220. <!-- {block:NoRebloggedFrom}
  2221. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  2222. {/block:NoRebloggedFrom} -->
  2223.  
  2224.  
  2225.  
  2226.  
  2227. </div class="posts">
  2228.  
  2229. {/block:Posts}
  2230.  
  2231.  
  2232. <div class="containerheaderbottom">
  2233. <div id="containerbottomspace"></div>
  2234. </div class="containerheaderbottom">
  2235.  
  2236.  
  2237. </div id="container">
  2238.  
  2239.  
  2240.  
  2241. <!-- POPUP PAGES. -->
  2242.  
  2243.  
  2244.  
  2245. <!-- POPUP PAGE MSG. -->
  2246.  
  2247. <div id="pageMSG" class="popup_block"><div class="popupheadertop"></div>
  2248.  
  2249.  
  2250. <ul id="tabs">
  2251. <div id="sae" style="margin-top:0px;"><li class="active">INQUIRIES</li>
  2252. &nbsp;&nbsp;<li>SUBMISSIONS</li></div>
  2253. </ul>
  2254. <ul id="tab">
  2255. <li class="active">
  2256.  
  2257.  
  2258. <div id="intro">
  2259.  
  2260. <u>I</u>'m not sure that's such a great idea," Luke said. <b>"It's a fabulous idea."</b> Jace dropped the paper back onto the table, and began to slide off his jacket. ———— "I've got a stele we can use. Who wants to do me?" — <i>"A regrettable choice of words," muttered Magnus.</i>
  2261.  
  2262. </div id="intro">
  2263.  
  2264. <h4 style="margin-top:5px;">THE ASKBOX / INQUIRIES</h4>
  2265.  
  2266.  
  2267. <iframe frameborder="0" allowtransparency="true" scrolling="no" width="404px" height="200px" src="http://www.tumblr.com/ask_form/edomson.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;">
  2268.  
  2269. </li>
  2270. <li>
  2271.  
  2272.  
  2273. <div id="intro">
  2274.  
  2275. <u>I</u>'m not sure that's such a great idea," Luke said. <b>"It's a fabulous idea."</b> Jace dropped the paper back onto the table, and began to slide off his jacket. ———— "I've got a stele we can use. Who wants to do me?" — <i>"A regrettable choice of words," muttered Magnus.</i>
  2276.  
  2277. </div id="intro">
  2278.  
  2279.  
  2280. <h4>SUBMISSIONS</h4>
  2281.  
  2282. <iframe frameborder="0" scrolling="no" width="404px" height="300px" id="submit_form" src="http://www.tumblr.com/submit_form/edomson.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>
  2283.  
  2284.  
  2285. </li>
  2286. </ul>
  2287. </div id="pageMSG" class="popup_block">
  2288.  
  2289.  
  2290.  
  2291.  
  2292.  
  2293. <!-- POPUP PAGE GDL. -->
  2294.  
  2295.  
  2296. <div id="pageGDL" class="popup_block"> <div class="popupheadertop"></div>
  2297.  
  2298.  
  2299. <ul id="tabs">
  2300. <div id="sae"><li class="active">GUIDELINES</li>
  2301. &nbsp;&nbsp;<li>SHOW KEPT DIFFERENCES</li></div>
  2302. </ul>
  2303.  
  2304.  
  2305. <ul id="tab">
  2306. <li class="active">
  2307.  
  2308.  
  2309. <div id="intro">
  2310.  
  2311. <u>M</u>agnus, standing by the door, snapped his fingers impatiently. "Move it along, teenagers. The only person who gets to canoodle in my bedroom <b>is my magnificent self."</b> — <i>"Canoodle?"</i> repeated Clary, never having heard the word before. "Magnificent?" repeated Jace, who was just being nasty. Magnus growled. <i>The growl sounded like "Get out.”</i>
  2312.  
  2313. </div id="intro">
  2314.  
  2315.  
  2316.  
  2317. <h4>RULES AND NEED-TO-KNOWS ABOUT ROLEPLAYING WITH ME</h4>
  2318.  
  2319.  
  2320. 1. Sometimes I forget that it’s my turn. I do, in fact, have a horrible memory. Not like most either that are just absentminded. I literally have a horrible short-term memory. So, if I forget and don’t reply within a <i>DAY,</i> let me know. Don’t constantly spam me with asks saying it is my turn, though. That will just make me not want to reply. Also, be aware that sometimes asks do eaten and that doesn’t mean I am ignoring you. Though, sometimes if I’m feeling stressed or asked about something multiple times, I won’t answer. Don’t overwhelm me, please.
  2321.  
  2322. <p>2. All starter calls are for mutuals only. Memes can be sent in by anyone, but I reserve the right that if my muse isn’t speaking for that ask, I won’t force it. Simple as that.
  2323.  
  2324. <p>3. <b>I DO ROLEPLAY WITH OCS,</b> but if I feel Magnus has no chemistry with them, I might drop the thread and we can try again later. Not all characters are meant to get along. Just like all people aren’t meant to get along.
  2325.  
  2326. <p>4. I swear I’m nice and easy to talk to, but I’ve decided that I can only roleplay with literate roleplayers. I have seen some people where it is simply hard to read their writing and I’m big on punctuation and grammar. I know some people make mistakes off and on because so do I. No one is perfect, but when some people don’t even try? It makes me wonder why I should try to roleplay with them. Mean, maybe, but that’s how I feel.
  2327.  
  2328. <p>5. <i>There will be NSFW things on this blog.</i> If you’re not comfortable with sex, violence, and even torture, you might not want to follow this blog. Things that are NSFW will be marked as such, if they bother you, blacklist that tag or don’t follow. Simple as that.
  2329.  
  2330. <p>6. Yes, Magnus is bi-sexual. No, that <i>DOES NOT</i> mean he will sleep with just anyone. Just because your muse is suddenly flirting with him, it doesn’t mean he’ll instantly have sex with them. Also, he does lean more towards men because if you look at him in the books, he does seem to be more interested in men, besides Camille.
  2331.  
  2332. <p>7. <b>ANON HATE, I WILL NOT POST. YOU’RE WASTING YOUR TIME.</b>
  2333.  
  2334. <p>8. Posting needless callout posts will cause me to unfollow you immediately. No questions asked.
  2335.  
  2336. <p>9. Sometimes my replies can be paragraphs, a few sentences or just one. It really depends on my mood at the moment.
  2337.  
  2338. <p>10. I do icon roleplaying, but you may respond with whatever you like. If the image is too big though I will cut it down before replying.
  2339.  
  2340. <p>11. If we do smut, I will only roleplay that out with those that are 17+, since the state I live in 17 is the legal age of consent. Sorry, I will not get in trouble for you.
  2341.  
  2342. <p>12. Now when it comes to roleplaying with others, I can be a little picky I suppose, but don’t hold that against me. No, it doesn’t mean you need to type paragraphs. I can do one-liners along with multiple paragraphs. It all depends on my muse for that thread and if my head can get into that mode. But I do like a person who it literate, can spell and knows at least where to put a period and knows what to capitalize and what not to. Also, if I lose a muse for a thread, I might drop it. That doesn’t mean I hate you or your muse, it just means my muse gave up on me in that thread. I will gladly start another.
  2343.  
  2344. </li>
  2345.  
  2346.  
  2347. <li>
  2348.  
  2349.  
  2350.  
  2351. <!-- POPUP PAGE GDL.: TAB 2 -->
  2352.  
  2353.  
  2354.  
  2355. <div id="intro">
  2356.  
  2357. <u>W</u>hile the differences between show and book Magnus Bane are <i>minimal in comparison to other characters</i> <b>and I primarily stick to the source material</b> in my portrayal for this portrayal, there are certain aspects that I keep from Freeform's adaptation of his character, as seen below.
  2358.  
  2359. </div id="intro">
  2360.  
  2361.  
  2362. <h4>Pandemonium</h4>
  2363.  
  2364. While Magnus Bane doesn't own a nightclub in any capacity in the books, he does within the show. The drive behind my decision to keep this lies with the fact that his life is relatively colorful and exciting and he thrives within such an environment. And between you and me, <b>it attracts clients.</b>
  2365.  
  2366. <h4>Malec</h4>
  2367. The parts regarding this ship that I'm choosing to keep from the show are as follows:
  2368.  
  2369. <blockquote>
  2370. 1. Magnus and Alec shared their first kiss in Magnus' loft.
  2371. <br>2. Alec was the first one to say 'I love you', instead of Magnus.
  2372. </blockquote>
  2373.  
  2374.  
  2375. <h4>Appearance</h4>
  2376. While Magnus has cat eyes in the source material/books which he makes no effort to hide whatsoever from fellow Downworlders, Shadowhunters and Mundanes alike, I follow show canon's decision to have him glamour them.
  2377.  
  2378. <h4>Portals</h4>
  2379. This is where I blend my canons a little bit and opt to go with the reality that he <i>can</i> create portals, however it takes <b>significant time and effort.</b>
  2380.  
  2381.  
  2382. </li>
  2383. </ul>
  2384. </div id="pageGDL" class="popup_block">
  2385.  
  2386.  
  2387.  
  2388.  
  2389.  
  2390.  
  2391. <!-- POPUP PAGE ABT. -->
  2392.  
  2393.  
  2394.  
  2395. <div id="pageABT" class="popup_block"><div class="popupheadertop"></div>
  2396.  
  2397.  
  2398.  
  2399. <ul id="tabs">
  2400. <div id="sae" style="margin-top:0px;"><li class="active">ENCYCLOPEDIA</li>
  2401. &nbsp;&nbsp;<li>BIOGRAPHY</li></div>
  2402. </ul>
  2403.  
  2404.  
  2405. <ul id="tab">
  2406. <li class="active">
  2407.  
  2408.  
  2409.  
  2410. <div id="intro">
  2411.  
  2412. <u>T</u><b>he Shadowhunter Chronicles 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>
  2413.  
  2414. </div id="intro">
  2415.  
  2416.  
  2417. <p><h4>Nephilim / Shadowhunters</h4>
  2418. <i>Descensus facilis Averno est.</i> The Nephilim, commonly known as Shadowhunters are a race of being that serve as protectors that're born human and appear as such, but have angelic blood running through their veins. They represent an order, if you will, that fights against demons in the Shadow World that is invisible to the mere human eye. In essence, the Nephilim's 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. While in the past they opposed every form of demon, their hunt has since loosened, where they find themselves generally at peace with Downworlders, who they also fight alongside of against purebred demons.
  2419.  
  2420.  
  2421. <p><h4>The Angel Raziel</h4>
  2422. Known as the patron and creator of the race of the Shadowhunters. Legend goes that this species of protectors 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.
  2423.  
  2424.  
  2425. <p><h4>Mundanes & Glamour </h4>
  2426. 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.
  2427.  
  2428. <p><h4>The Sight </h4>
  2429. 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.
  2430.  
  2431. <p><h4>Runes // Stele</h4>
  2432. For Shadowhunters, these runes (known as <b>Marks)</b> are the language of Angels, a very <i>complex runic language</i> that was granted to them by the Angel Raziel. It consists of symbols that are burned into a Nephilim's skin with help of a stele (which is 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.
  2433.  
  2434. <p>Most runes are temporary and fade to white before vanishing from a Shadowhunter’s skin entirely through time. There are few runes that are permanent and they are Voyance, Parabatai and Mnemosyne. The first rune that a shadowhunter receives is the Voyance rune and it is placed upon their <i>dominant hand,</i> this is simultaneously also the clearest identification marker of a Shadowhunter. Young shadowhunters slowly learn the different runes to understand their use and how to draw them properly, which take fair practice and patience, but skillful accuracy is rewarded with maximum benefit. As power is released from the runes, they begin to fade on the body until they inevitably turns silvery-white. <i>Important: </i> Runes drawn closest to the heart and aorta will be most effective, as the strongest presence of blood mirrors the effectiveness of the runes.
  2435.  
  2436. <p><h4>Downworlders</h4>
  2437. 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.
  2438.  
  2439.  
  2440. <h4>WARLOCKS</h4>
  2441.  
  2442. Warlocks, also known as <b>Lilith's Children,</b> 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. 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.
  2443. 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. Additionally, warlocks are unable to have children. Warlock pregnancy always results in stillbirth as they are crossbreeds and are thus sterile.
  2444.  
  2445. <blockquote>Because of their half-demon, half-human nature, other Downworlders sometimes insultingly refer to them as "half-breeds."</blockquote>
  2446.  
  2447.  
  2448. <p>An exception from these limitations are the 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.
  2449.  
  2450.  
  2451.  
  2452.  
  2453. <p><h4>The Accords</h4>
  2454. These are a set of amendments that together signify a peace treaty between Nephilim 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.
  2455.  
  2456.  
  2457. <p><h4>SILENT BROTHERS & IRON SISTERS</h4>
  2458. <i>The Silent Brothers</i> 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.
  2459.  
  2460. <p><i>The Iron Sisters</i> 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.
  2461.  
  2462. </li>
  2463. <li>
  2464.  
  2465.  
  2466. <!-- POPUP PAGE ABT.: TAB 2 -->
  2467.  
  2468.  
  2469. <div id="intro">
  2470.  
  2471. <u>E</u>ven the Inquisitor's eyebrows shot up when Magnus strode through the gate. <i>The High Warlock was wearing black leather pants,</i> a belt with a buckle in the shape of a jeweled M, and a cobalt-blue Prussian military jacket open over a white lace shirt. <b>He shimmered with layers of glitter.</b> His gaze rested for a moment on Alec's face with amusement and a hint of something else before moving on to Jace, prone on the ground.
  2472.  
  2473. </div id="intro">
  2474.  
  2475.  
  2476.  
  2477. <h4>General Information</h4>
  2478.  
  2479.  
  2480. Magnus was born to a half-Dutch and half-Indonesian woman and <a href="http://shadowhunters.wikia.com/wiki/Asmodeus">Asmodeus</a> (the Prince of Hell) in the <i>17th century in Jakarta, Indonesia,</i> back then known as <i>Batavia of the Dutch East Indies.</i> He was born seemingly normal, only with unusual amber eyes.
  2481.  
  2482. <p>Magnus was raised on a farm with his mother and her husband, both of whom raised him lovingly. However, when Magnus's warlock mark developed and they realized that he was the son of a demon, they both feared him. Magnus despised himself, and his mother soon hung herself in their barn. When he was ten, his stepfather attempted to drown him but was instead burned when Magnus lashed out with his powers at him. He was then brought up by churchmen and raised by the <i>Silent Brothers of Madrid,</i> Spain, in the 17th century, <b>from who he received the name "Magnus Bane" from them.</b>
  2483.  
  2484.  
  2485. <h4><a href="http://shadowhunters.wikia.com/wiki/Magnus_Bane">More information here</a></h4>
  2486.  
  2487.  
  2488. </li>
  2489. </ul>
  2490. </div id="pageABT" class="popup_block">
  2491.  
  2492.  
  2493.  
  2494.  
  2495.  
  2496.  
  2497. <!-- POPUP PAGE NAV. -->
  2498.  
  2499.  
  2500.  
  2501. <div id="pageNAV" class="popup_block"><div class="popupheadertop"></div>
  2502.  
  2503.  
  2504.  
  2505. <div id="intro">
  2506.  
  2507. <u>A</u> pair of werewolves occupied another booth. They were eating raw shanks of lamb and arguing about who would win in a fight: <i>Dumbledore from Harry Potter books or Magnus Bane.</i> "Dumbledore would totally win," said the first one. "He has the badass Killing Curse." The second werewolf made a trenchant point. "But Dumbledore isn't real." — "I don't think that Magnus Bane is real either," scoffed the first. <b>"Have you ever met him?"</b>
  2508.  
  2509. </div>
  2510.  
  2511.  
  2512. <h4>GENERAL TAGS</h4>
  2513.  
  2514. <div id="nvbar" class="nvlinks">
  2515.  
  2516. <a href="/search/%28%28%C2%A0%E2%87%A8----don%27t-pay-attention-to-the-woman-behind-the-curtain----%3B%3B-ooc">
  2517. OOC POSTS
  2518. </a>
  2519.  
  2520. <a href="/search/%28%28%C2%A0%E2%98%85---let-me-get-a-little-sneak-peek----%3B%3B-munday">
  2521. MUNDAY
  2522. </a>
  2523.  
  2524. <a href="/search/%3B%3B-%F0%9F%87%AD%F0%9F%87%A6%F0%9F%87%B7-%F0%9F%87%AD%F0%9F%87%A6%F0%9F%87%B7-%F0%9F%87%AD%F0%9F%87%A6%F0%9F%87%B7-%28-crack-%29">
  2525. CRACK
  2526. </a>
  2527.  
  2528. <a href="/search/%28%28%C2%A0%E2%99%94----magnificent-being----%3B%3B-self">
  2529. MAGNUS BANE
  2530. </a>
  2531.  
  2532. <a href="/search/%28%28%C2%A0%E2%9C%97----heart-and-soul-this-is-me----%3B%3B-musings">
  2533. MUSINGS
  2534. </a>
  2535.  
  2536. <a href="/search/%28%28%C2%A0%E2%9C%89----if-the-memes-keep-coming-don%27t-go-knocking----%3B%3B-memes">
  2537. MEMES / PROMPTS
  2538. </a>
  2539.  
  2540. <a href="/search/%28%28-%C2%A0✐----i-keep-these-as-a-way-to-remember----%3B%3B-interactions">
  2541. INTERACTIONS
  2542. </a>
  2543.  
  2544. <a href="/search/%28%28-%E2%9C%89----please-speak-clearly-into-the-intercom-kthx----%3B%3B-answered">
  2545. ANSWERED ASKS
  2546. </a>
  2547.  
  2548. <a href="/search/%28%28%C2%A0%E2%9C%89----ring-a-ling-a-ding-dong----%3B%3B-starter-call">
  2549. STARTER CALLS
  2550. </a>
  2551.  
  2552. <a href="/">
  2553. ————————
  2554. </a>
  2555.  
  2556. </div id="nvbar" class="nvlinks">
  2557.  
  2558.  
  2559.  
  2560.  
  2561.  
  2562. <h4>SHIP=SPECIFIC TAGS</h4>
  2563.  
  2564. <div id="nvbar" class="nvlinks">
  2565.  
  2566. <a href="/search/%28%28----%C2%A0%E2%99%A5-there%27s-an-energy-when-you-hold-me-when-you-touch-me-it%27s-so-powerful-%3B%3B-alexander-lightwood----takeseffort">
  2567. ALEXANDER LIGHTWOOD (TAKESEFFORT)
  2568. </a>
  2569.  
  2570. <a href="/search/%28%28%C2%A0%E2%97%A0%E2%97%A1----caspar-isn%27t-always-a-friendly-ghost-but-he-is-mine-alone----%3B%3B-caspar-levi-parr-%E2%84%A2">
  2571. caspar levi parr ( buriedson )
  2572. </a>
  2573.  
  2574. <a href="/search/%28%28-----%E2%99%A5-you-see-a-dragon-but-i-see-my-heart----%3B%3B-aaron-custos">
  2575. aaron custos ( letagin )
  2576. </a>
  2577.  
  2578. <a href="/">
  2579. jacob frye ( tophatandbrassknuckles )
  2580. </a>
  2581.  
  2582. <a href="/search/%28%28%C2%A0%E2%97%A0%E2%97%A1----will-easily-rip-your-heart-out-and-come-home-to-kiss-me-afterward----%3B%3B-rathain-%E2%84%A2">
  2583. rathain ( crueltymcde )
  2584. </a>
  2585.  
  2586. <a href="/search/%28%28----%C2%A0%E2%99%A5-specks-of-gold-a-flower-crown-with-a-smile-that-can-kill-%3B%3B-loras-tyrell">
  2587. loras tyrell ( goldenngore )
  2588. </a>
  2589.  
  2590. <a href="/search/%28%28%C2%A0%E2%97%A0%E2%97%A1----they-say-a-wolf-has-the-sharpest-claws-but-my-love-has-the-gentlest-touch----%3B%3B-callum-bennet-%E2%84%A2">
  2591. callum bennet ( darkesthowl )
  2592. </a>
  2593.  
  2594. <a href="/">
  2595. ————————
  2596. </a>
  2597.  
  2598.  
  2599. </div id="nvbar" class="nvlinks">
  2600.  
  2601.  
  2602.  
  2603.  
  2604. <h4>CONNECTION TAGS</h4>
  2605.  
  2606. <div id="nvbar" class="nvlinks">
  2607.  
  2608.  
  2609. <a href="/search/%28%28%C2%A0%E2%97%A0%E2%97%A1----rough-like-a-soldier-until-he-is-with-me-my-soft-lover----%3B%3B-alexander-lightwood-%E2%84%A2">
  2610. ALEXANDER LIGHTWOOD
  2611. </a>
  2612.  
  2613. <a href="/">
  2614. CATARINA LOSS
  2615. </a>
  2616.  
  2617. <a href="">
  2618. RAGNOR FELL
  2619. </a>
  2620.  
  2621. <a href="/">
  2622. TESSA GRAY
  2623. </a>
  2624.  
  2625. <a href="/">
  2626. WILLIAM HERONDALE
  2627. </a>
  2628.  
  2629. <a href="/">
  2630. JEM CARSTAIRS
  2631. </a>
  2632.  
  2633. <a href="/">
  2634. CAMILLE BELCOURT
  2635. </a>
  2636.  
  2637. <a href="/">
  2638. WOOLSEY SCOTT
  2639. </a>
  2640.  
  2641. <a href="/">
  2642. RAPHAEL SANTIAGO
  2643. </a>
  2644.  
  2645. <a href="/">
  2646. JOCELYN FAIRCHILD
  2647. </a>
  2648.  
  2649. <a href="/search/%28%28%C2%A0%E2%98%84----better-than-any-biscuit-from-kfc-only-this-one-is-a-little-salty----%3B%3B-clary-fray">
  2650. CLARY FRAY
  2651. </a>
  2652.  
  2653. <a href="/">
  2654. JACE LIGHTWOOD HERONDALE
  2655. </a>
  2656.  
  2657. <a href="/">
  2658. ISABELLE LIGHTWOOD
  2659. </a>
  2660.  
  2661. <a href="/">
  2662. SIMON LEWIS
  2663. </a>
  2664.  
  2665.  
  2666. </div id="nvbar" class="nvlinks">
  2667.  
  2668.  
  2669.  
  2670.  
  2671. </div id="pageNAV" class="popup_block">
  2672.  
  2673.  
  2674.  
  2675.  
  2676. <!-- CREDIT -->
  2677.  
  2678. <div id="credit"><div style="width:105px;margin-right:10px;">
  2679. <a href="http://iniziare.tumblr.com/post/172148130832/theme-francis-live-preview-in-useaction" target="blank">
  2680. <span>S.</span>MADE BY SAE.</a>
  2681. </div></div>
  2682.  
  2683.  
  2684.  
  2685. </body>
  2686.  
  2687. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!