API tools faq
paste
Advertisement
littlemisswhoever

Theme: Cainmarked (3 column Aug 30)

littlemisswhoever
Aug 29th, 2018
207
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 65.13 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:#000000 !important; color:#ffffff !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.  
  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/UAupe8ji7/simon.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/oKrpe8zyl/19.png"/>
  147.  
  148. <meta name="text:Font" content="'Frank Ruhl Libre'"/>
  149. <meta name="text:Font Size" content="10px"/>
  150. <meta name="text:Custom Capitals Font" content="'customfonthere'">
  151. <meta name="text:askline" content="is inquiring for information"/>
  152.  
  153. <meta name="color:Body Text" content="#c6c6c6" />
  154. <meta name="color:Bold" content="#942925" />
  155. <meta name="color:Italic" content="#ffffff" />
  156. <meta name="color:First Letter" content="#103b62" />
  157. <meta name="color:Links" content="#942925" />
  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-color:#000000!important;
  282. padding-left:24px;
  283. padding-right:24px;
  284. padding-top:12px;
  285. padding-bottom:12px;
  286. margin-top:12px;
  287. margin-bottom:24px;
  288. text-align:justify;
  289. margin-left:0px;
  290. margin-right:0px;
  291. border:1px solid #151515;
  292. word-wrap: break-word!important;
  293. }
  294.  
  295.  
  296.  
  297. blockquote blockquote {
  298. border-left:1px solid #151515!important;
  299. border-top:0px!important;
  300. border-bottom:0px!important;
  301. border-right:0px!important;
  302. outline:0px solid transparent;
  303. padding-left:24px;
  304. padding-right:0px;
  305. padding-top:0px;
  306. padding-bottom:0px;
  307. margin-top:12px!important;
  308. margin-bottom:0px!important;
  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:0px!important;
  329. margin-bottom:0px!important;
  330. padding-right:4px;
  331. padding-bottom:0px;
  332. {block:IfTextWrapping}
  333. float:left;
  334. margin-right:14px;
  335. {/block:IfTextWrapping}
  336. {block:ificonborders}
  337. padding:9px;
  338. border:1px solid #151515;
  339. {/block:ificonborders}
  340. -webkit-filter: brightness(1) contrast(1) saturate(1);
  341. }
  342.  
  343.  
  344. {block:IfTextWrapping}
  345. #wrap blockquote img {
  346. clear:both!important;
  347. margin-top:11px!important;
  348. margin-bottom:0px!important;
  349. margin-left:14px;
  350. margin-right:0px!important;
  351. float:right;
  352. }
  353. {/block:IfTextWrapping}
  354.  
  355.  
  356.  
  357.  
  358.  
  359. /* FONT-RELATED */
  360.  
  361.  
  362. small, sub, sup {
  363. font-size:{text:Font Size};
  364. }
  365.  
  366.  
  367. big {
  368. font-size:120%;
  369. }
  370.  
  371.  
  372. b, bold, strong {
  373. font-size:9.5px;
  374. font-family: calibri;
  375. text-transform:uppercase;
  376. letter-spacing:-0.05px;
  377. font-weight:bold;
  378. color:{color:Bold};
  379. padding-right:0px;
  380. padding-left:0px;
  381. text-shadow: 0px 0px 1px rgba(69, 64, 64, 0.45);
  382. }
  383.  
  384. em, i, italic {
  385. font-family:calibri;
  386. font-style:normal;
  387. font-weight:700;
  388. font-size:10px;
  389. line-height:10px;
  390. text-shadow: 0px 0px 1px #000;
  391. color: {color:Italic};
  392. text-transform:uppercase;
  393. }
  394.  
  395.  
  396. u {
  397. text-decoration:none!important;
  398. }
  399.  
  400.  
  401. {block:ifFirstLetterStyling}
  402. u, u a {
  403. border: 1px solid #290707;
  404. font-family:{text:Custom Capitals Font}, 'Frank Ruhl Libre', serif;
  405. color:{color:first letter};!important;
  406. text-decoration:none!important;
  407. font-style:normal!important;
  408. font-weight:normal!important;
  409. text-transform:uppercase!important;
  410. float:left;
  411. margin-top:0px;
  412. height:55px;
  413. width:55px;
  414. font-size: 40px;
  415. margin-right: 12px;
  416. position: relative;
  417. text-align: center;
  418. vertical-align: middle;
  419. line-height: 49px;
  420.  
  421. /* THIS IS THE OUTLINE/STROKE */
  422. -webkit-text-stroke-width: 1px;
  423. -webkit-text-stroke-color: {color:first letter};
  424. -webkit-text-fill-color: #000000;
  425. /* THIS IS THE OUTLINE/STROKE */
  426. }
  427. {/block:ifFirstLetterStyling}
  428.  
  429. #331212;
  430.  
  431. pre {
  432. padding-top:8px;
  433. padding-bottom:8px;
  434. font-weight:lighter;
  435. text-transform:uppercase;
  436. color: #d1d1d1;
  437. line-height:155%;
  438. font-weight:lighter!important;
  439. color:#e6e6e6;
  440. font-size:8.4px;
  441. letter-spacing:0.6px;
  442. white-space: pre-wrap;
  443. white-space: -moz-pre-wrap;
  444. white-space: -pre-wrap;
  445. white-space: -o-pre-wrap;
  446. word-wrap: break-word;
  447. }
  448.  
  449.  
  450. pre a {
  451. color:{color:links};
  452. -moz-transition-duration:2s;
  453. -webkit-transition-duration:2s;
  454. -o-transition-duration:2s;
  455. }
  456.  
  457.  
  458.  
  459. h1 {
  460. word-spacing:-0.5px;
  461. font-size:12px;
  462. color: #ffffff;
  463. font-weight:bold;
  464. font-family:calibri;
  465. margin-bottom:24px;
  466. text-align:left!important;
  467. text-transform:uppercase;
  468. }
  469.  
  470.  
  471.  
  472. h1 a {
  473. font-weight:bold;
  474. color: #d1d1d1!important;
  475. }
  476.  
  477.  
  478.  
  479. h2 {
  480. font-family: calibri, sans-serif;
  481. font-size:13.4px;
  482. text-transform:uppercase!important;
  483. color:{color:bold};
  484. letter-spacing:-0.4px;
  485. }
  486.  
  487.  
  488.  
  489. h2 a {
  490. font-family: calibri, sans-serif;
  491. font-size:13.4px!important;
  492. text-transform:uppercase!important;
  493. color:{color:links};
  494. letter-spacing:-0.4px;
  495. }
  496.  
  497.  
  498.  
  499. h3 {
  500. font-family: calibri, sans-serif;
  501. font-size:13.4px;
  502. text-transform:uppercase!important;
  503. color:{color:bold};
  504. letter-spacing:-0.4px;
  505. }
  506.  
  507.  
  508.  
  509. h3 a {
  510. font-family: calibri, sans-serif;
  511. font-size:13.4px!important;
  512. text-transform:uppercase!important;
  513. color:{color:links};
  514. letter-spacing:-0.4px;
  515. }
  516.  
  517.  
  518.  
  519. h4 {
  520. background-image:url('');
  521. background-repeat:repeat;
  522. background-attachment:fixed;
  523. border:1px solid #151515;
  524. margin-bottom:24px;
  525. margin-top:24px;
  526. padding-top:11px;
  527. padding-bottom:11px;
  528. width:479px;
  529. margin-left:-26px;
  530. text-align:center;
  531. font-family:calibri;
  532. font-style:normal;
  533. font-weight:bold;
  534. font-size:10px;
  535. line-height:10px;
  536. color: {color:first letter};
  537. text-transform:uppercase;
  538. }
  539.  
  540.  
  541.  
  542. h4 a {
  543. font-family:calibri;
  544. font-style:normal;
  545. font-weight:700;
  546. font-size:10px!important;
  547. line-height:10px;
  548. text-shadow: 0px 0px 1px #000;
  549. color: #e8e8e8;
  550. }
  551.  
  552.  
  553.  
  554. header {
  555. border: 1px solid #151515;
  556. background-color:#030303;
  557. letter-spacing:0px;
  558. word-spacing:-0.5px;
  559. font-size:11px;
  560. color: #ffffff;
  561. font-family:calibri;
  562. padding-bottom:0px;
  563. padding-top:7px;
  564. margin-top:-55px;
  565. font-weight:bold;
  566. margin-bottom:24px!important;
  567. width:478px;
  568. height:24px;
  569. margin-left:-25px;
  570. text-align:center!important;
  571. text-transform:uppercase;
  572. z-index:9999999;
  573. position:fixed;
  574. }
  575.  
  576.  
  577. ul {
  578. list-style-position: inside;
  579. padding-left: 1.2em; }
  580.  
  581. ol {
  582. list-style-position: inside;
  583. padding-left: 1.2em;
  584. }
  585.  
  586.  
  587.  
  588. /* SIDEBAR */
  589.  
  590.  
  591. #sidebar {
  592. position: fixed;
  593. line-height:165%;
  594. background:transparent;
  595. width:125px;
  596. left: 74px;
  597. top: 93px;
  598. }
  599.  
  600.  
  601.  
  602. .sideheadertop {
  603. width:160px;
  604. height:31px;
  605. background-color:#030303;
  606. outline:1px solid #151515;
  607. text-align: center;
  608. margin-left:-6px;
  609. margin-top:-9px;
  610. }
  611.  
  612.  
  613.  
  614. .sideheaderbottom {
  615. width:160px;
  616. height:31px;
  617. background-color:#030303;
  618. outline:1px solid #151515;
  619. margin-top: 28px;
  620. text-align: center;
  621. margin-left:-6px;
  622. }
  623.  
  624.  
  625.  
  626.  
  627. #sidetext {
  628. height:439px;
  629. width:114px;
  630. margin-top:24px;
  631. margin-left:17px;
  632. background-color:#000000;
  633. text-align:justify;
  634. overflow:scroll;
  635. line-height:14px;
  636. text-align-last: center;
  637. }
  638.  
  639.  
  640.  
  641.  
  642. /* DESCRIPTION */
  643.  
  644. .bottombox {
  645. position:fixed;
  646. width:478px;
  647. left:254px;
  648. top:489px;
  649. }
  650.  
  651.  
  652.  
  653. .description {
  654. height:58px;
  655. max-height:58px;
  656. padding-left:24px;
  657. padding-right:24px;
  658. border-top:17px solid transparent;
  659. padding-bottom:16px;
  660. line-height:15px;
  661. margin-top:4px;
  662. text-align:justify;
  663. overflow-y:scroll;
  664. }
  665.  
  666.  
  667. .description a {
  668. font-family:calibri;
  669. font-size:10px;
  670. }
  671.  
  672.  
  673. .description u {
  674. width:52px;
  675. height:52px;
  676. line-height:46px;
  677.  
  678. }
  679.  
  680.  
  681.  
  682. .navi {
  683. width:466px;
  684. height:19px;
  685. max-height:19px;
  686. font-size:12px;
  687. overflow:hidden;
  688. font-size:10px;
  689. font-weight:bold!important;
  690. color:{color:first letter}!important;
  691. border-top:1px solid #151515;
  692. border-bottom:1px solid #151515;
  693. border-left:1px solid #151515;
  694. border-right:1px solid #151515;
  695. background-color:#030303;
  696. text-align: center;
  697. letter-spacing:0.3px;
  698. left:253px;
  699. top:605px!important;
  700. overflow:hidden;
  701. font-family:calibri!important;
  702. padding:6px;
  703. position:fixed;
  704. -webkit-user-select: none; /* Chrome all / Safari all */
  705. -moz-user-select: none; /* Firefox all */
  706. -ms-user-select: none; /* IE 10+ */
  707. user-select: none; /* Likely future */
  708. }
  709.  
  710.  
  711.  
  712. .navi a {
  713. font-family:calibri;
  714. font-size:10px;
  715. padding-top:9px!important;
  716. letter-spacing:0.2px;
  717. text-decoration:none!important;
  718. color:#cdcdcd;
  719. margin-left:23px;
  720. }
  721.  
  722.  
  723. .navi b {
  724. color:{color:links}!important;
  725. }
  726.  
  727.  
  728.  
  729.  
  730.  
  731.  
  732.  
  733. /* POSTS: GENERAL */
  734.  
  735.  
  736. #container {
  737. position:fixed;
  738. height:553px;
  739. width:430px;
  740. left:757px;
  741. top:84px;
  742. background-color:#000000;
  743. overflow-y:scroll;
  744. padding-left:24px;
  745. padding-right:24px;
  746. z-index:9999;
  747. border:1px solid #151515!important;
  748. }
  749.  
  750.  
  751.  
  752. .containerheadertop {
  753. position:fixed;
  754. width:478px;
  755. height:31px;
  756. background-color:#030303;
  757. border:1px solid #151515;
  758. text-align: center;
  759. margin-left:-25px;
  760. margin-top:-1px;
  761. z-index:99999;
  762. }
  763.  
  764.  
  765.  
  766. #containertopspace {
  767. position:fixed;
  768. width:478px;
  769. height:31px;
  770. background-color:transparent;
  771. margin-left:-24px;
  772. border-bottom:24px solid #000000;
  773. margin-top:-1px;
  774. z-index:999;
  775. }
  776.  
  777.  
  778.  
  779. .containerheaderbottom {
  780. position:fixed;
  781. width:478px;
  782. height:31px;
  783. background-color:#030303;
  784. border:1px solid #151515;
  785. text-align: center;
  786. left:758px;
  787. top:606px;
  788. margin-left:-1px;
  789. z-index:9999999;
  790. }
  791.  
  792.  
  793.  
  794. #containerbottomspace {
  795. position:fixed;
  796. left:782px;
  797. top:575px;
  798. width:478px;
  799. height:25px;
  800. background-color:#000000;
  801. text-align: center;
  802. margin-left:-24px;
  803. margin-top:6px;
  804. z-index:999999;
  805. }
  806.  
  807.  
  808.  
  809. .posts {
  810. width:430px;
  811. padding-right:25px;
  812. padding-left:25px;
  813. margin-left:-25px;
  814. word-wrap: break-word;
  815. text-align:justify;
  816. line-height:14px;
  817. margin-bottom:84px;
  818. }
  819.  
  820.  
  821.  
  822.  
  823. .posts a {
  824. font-family: calibri;
  825. text-transform:uppercase;
  826. font-size:9px;
  827. font-weight:bold!important;
  828. -moz-transition-duration:2s;
  829. -webkit-transition-duration:2s;
  830. -o-transition-duration:2s;
  831. }
  832.  
  833. .posts a:hover {
  834. color:{color:links hover};
  835. -moz-transition-duration:2s;
  836. -webkit-transition-duration:2s;
  837. -o-transition-duration:2s;
  838. }
  839.  
  840.  
  841. .posts img {
  842. max-width: -webkit-calc(100% - 22px);
  843. max-width: -moz-calc(100% - 22px);
  844. max-width: calc(100% - 22px);
  845. height:auto;
  846. }
  847.  
  848.  
  849.  
  850.  
  851.  
  852.  
  853. /* POSTS: TEXT */
  854.  
  855.  
  856. #text {
  857. border:1px solid #151515;
  858. margin-left:-25px;
  859. margin-right:-25px;
  860. margin-bottom:-27px;
  861. margin-top:34px;
  862. padding-left:24px;
  863. padding-right:24px;
  864. padding-top:14px;
  865. padding-bottom:14px;
  866. }
  867.  
  868.  
  869. #textbody {
  870. {block:permalinkpage}
  871. margin-top:-24px;
  872. padding-top:0px;
  873. {/block:permalinkpage}
  874. margin-top:3px;
  875. }
  876.  
  877.  
  878.  
  879.  
  880.  
  881.  
  882.  
  883. /* POSTS: PHOTO/PHOTOSETS */
  884.  
  885.  
  886. #psingle {
  887. position:relative;
  888. z-index:99999999!important;
  889. margin-top:-1px;
  890. margin-bottom:-28px;
  891. margin-left:-26px;
  892. margin-right:-25px;
  893. border-top:1px solid #2e2e2e;
  894. -webkit-filter: brightness(.75) contrast(1.1) saturate(0.80);
  895. -webkit-transition: all 0.9s ease-in-out;
  896. -moz-transition: all 0.9s ease-in-out;
  897. -o-transition: all 0.9s ease-in-out;
  898. -ms-transition: all 0.9s ease-in-out;
  899. transition: all 0.9s ease-in-out;
  900. }
  901.  
  902.  
  903.  
  904. #psingle:hover {
  905. -webkit-filter: brightness(.75) contrast(1.1) saturate(0.80);
  906. -webkit-transition: all 0.9s ease-in-out;
  907. -moz-transition: all 0.9s ease-in-out;
  908. -o-transition: all 0.9s ease-in-out;
  909. -ms-transition: all 0.9s ease-in-out;
  910. transition: all 0.9s ease-in-out;
  911. }
  912.  
  913.  
  914.  
  915. #pset {
  916. position:relative;
  917. z-index:99999999!important;
  918. width: 480px;
  919. margin-top:-1px!important;
  920. margin-bottom:-30px;
  921. margin-left:-24px;
  922. border-top:1px solid #2e2e2e;
  923. -webkit-filter: brightness(.75) contrast(1.1) saturate(0.90);
  924. -webkit-transition: all 0.9s ease-in-out;
  925. -moz-transition: all 0.9s ease-in-out;
  926. -o-transition: all 0.9s ease-in-out;
  927. -ms-transition: all 0.9s ease-in-out;
  928. transition: all 0.9s ease-in-out;
  929. }
  930.  
  931.  
  932.  
  933. #pset:hover {
  934. -webkit-filter: brightness(.75) contrast(1.1) saturate(0.90);
  935. -webkit-transition: all 0.9s ease-in-out;
  936. -moz-transition: all 0.9s ease-in-out;
  937. -o-transition: all 0.9s ease-in-out;
  938. -ms-transition: all 0.9s ease-in-out;
  939. transition: all 0.9s ease-in-out;
  940. }
  941.  
  942.  
  943.  
  944.  
  945. #pcaption {
  946. border-top:1px solid #151515;
  947. margin-top:26px;
  948. margin-left:-24px;
  949. margin-right:-24px;
  950. padding-left:24px;
  951. padding-right:24px;
  952. }
  953.  
  954.  
  955. #pcaption a {
  956. font-size:10px;
  957. }
  958.  
  959.  
  960.  
  961.  
  962.  
  963.  
  964.  
  965. /* POSTS: QUOTE */
  966.  
  967. #quotebox {
  968. border-top:1px solid #151515;
  969. padding-left:24px;
  970. padding-right:24px;
  971. padding-top:24px;
  972. padding-bottom:0px;
  973. margin-left:-25px;
  974. margin-right:-25px;
  975. margin-bottom:-27px;
  976. margin-top:30px;
  977. }
  978.  
  979.  
  980.  
  981. #quote {
  982. font-family:calibri;
  983. text-transform:uppercase;
  984. text-align:justify;
  985. font-size:10px;
  986. font-weight:bold;
  987. font-style:normal;
  988. padding-top:0px;
  989. padding-bottom:24px;
  990. line-height:16px;
  991. letter-spacing:0px;
  992. }
  993.  
  994.  
  995.  
  996. .source {
  997. font-family:calibri;
  998. font-weight:bold;
  999. color: {color:first letter};
  1000. text-transform:uppercase;
  1001. }
  1002.  
  1003.  
  1004.  
  1005.  
  1006.  
  1007. /* POSTS: LINK */
  1008.  
  1009. #linkpost {
  1010. margin-right:-25px;
  1011. margin-left:-25px!important;
  1012. {block:permalinkpage}
  1013. margin-top:0px;
  1014. {/block:permalinkpage}
  1015. padding-top:0px;
  1016. margin-bottom:-25px;
  1017. }
  1018.  
  1019.  
  1020.  
  1021. #link {
  1022. margin-top:32px;
  1023. border:1px solid #151515;
  1024. padding:24px;
  1025. }
  1026.  
  1027.  
  1028. #link a {
  1029. font-size:12px;
  1030. }
  1031.  
  1032.  
  1033.  
  1034.  
  1035.  
  1036.  
  1037.  
  1038.  
  1039. /* POSTS: CHAT */
  1040.  
  1041. #chatbox {
  1042. margin-right:-25px;
  1043. margin-left:-25px!important;
  1044. padding-bottom:0px!important;
  1045. }
  1046.  
  1047.  
  1048.  
  1049. #chat {
  1050. margin-top:25px;
  1051. border-top:1px solid #151515;
  1052. padding-top:27px;
  1053. padding-left:24px;
  1054. padding-right:24px;
  1055. }
  1056.  
  1057.  
  1058.  
  1059.  
  1060.  
  1061.  
  1062.  
  1063.  
  1064. /* POSTS: AUDIO */
  1065.  
  1066. #audiobox {
  1067. {block:permalinkpage}
  1068. margin-top:0px;
  1069. {/block:permalinkpage}
  1070. padding-left:24px;
  1071. padding-right:24px;
  1072. padding-bottom:0px;
  1073. margin-left:-25px;
  1074. margin-right:-25px;
  1075. margin-bottom:-25px;
  1076. }
  1077.  
  1078.  
  1079.  
  1080. .player {
  1081. opacity: 1;
  1082. position: absolute;
  1083. z-index: 1;
  1084. width: 50px;
  1085. height: 36px;
  1086. margin-top: 24px;
  1087. margin-left: -5px;
  1088. display: block;
  1089. color:#000000;
  1090. background-color:transparent!important;
  1091. }
  1092.  
  1093. .audioplayer {
  1094. width: 24px;
  1095. height: 24px;
  1096. margin-left: 0px;
  1097. overflow: hidden;
  1098. padding: 0px;
  1099. color:#000000!important;
  1100. background-color:transparent!important;
  1101. }
  1102.  
  1103.  
  1104.  
  1105. .audioinfo {
  1106. border:1px solid #151515;
  1107. margin-left: -25px;
  1108. margin-right: -25px;
  1109. margin-top:30px;
  1110. padding:24px;
  1111. display: block;
  1112. font-family:calibri;
  1113. font-weight:bold;
  1114. text-transform: uppercase;
  1115. text-align: center;
  1116. letter-spacing:0px;
  1117. word-spacing:-0.5px;
  1118. font-size:11px;
  1119. color: #ffffff;
  1120. background: transparent;
  1121. }
  1122.  
  1123.  
  1124. #acaption {
  1125. border-top:1px solid #151515;
  1126. width:455px;
  1127. margin-left:-24px;
  1128. padding-left:24px;
  1129. }
  1130.  
  1131. #acaption a {
  1132. font-size:10px;
  1133. }
  1134.  
  1135.  
  1136.  
  1137.  
  1138.  
  1139.  
  1140. /* POSTS: VIDEO */
  1141.  
  1142. .video-container {
  1143. margin-top:46px;
  1144. position: relative;
  1145. padding-bottom: 56.25%;
  1146. height: 0;
  1147. overflow: hidden;
  1148. margin-left:-24px;
  1149. width: 480px;
  1150. margin-bottom:-24px;
  1151. }
  1152.  
  1153.  
  1154. .video-container iframe,
  1155. .video-container object,
  1156. .video-container embed {
  1157. position: absolute;
  1158. top: 0;
  1159. left: 0;
  1160. height: 100%;
  1161. width:100%;
  1162. }
  1163.  
  1164.  
  1165.  
  1166.  
  1167.  
  1168. /* POSTS: ASK */
  1169.  
  1170. #answer {
  1171. padding-left:24px;
  1172. padding-right:24px;
  1173. margin-left:-25px;
  1174. margin-right:-25px;
  1175. margin-top:0px;
  1176. }
  1177.  
  1178.  
  1179. #question {
  1180. border-top:0px solid #151515;
  1181. width: 80%;
  1182. margin-top:32px;
  1183. height:70px;
  1184. width:447px;
  1185. margin-left:-25px;
  1186. }
  1187.  
  1188.  
  1189.  
  1190. #ask {
  1191. float:left;
  1192. font-family:calibri, sans-serif;
  1193. text-transform:uppercase;
  1194. position: absolute;
  1195. font-weight:bold;
  1196. background-color:#000000;
  1197. font-size:9px;
  1198. line-height:12px!important;
  1199. width:365px;
  1200. min-height:21px;
  1201. max-height:21px;
  1202. overflow:scroll;
  1203. margin-top:0px;
  1204. margin-left:1px;
  1205. margin-bottom:0px;
  1206. padding-left:24px;
  1207. padding-right:24px;
  1208. outline:solid 1px #151515;
  1209. border-top:22px solid #000000;
  1210. border-bottom:22px solid #000000;
  1211. -moz-transition-duration:1.5s;
  1212. -webkit-transition-duration:1.5s;
  1213. -o-transition-duration:1.5s;
  1214. }
  1215.  
  1216.  
  1217.  
  1218. #ask:hover {
  1219. max-height:49px!important;
  1220. -moz-transition-duration:1.5s;
  1221. -webkit-transition-duration:1.5s;
  1222. -o-transition-duration:1.5s;
  1223. }
  1224.  
  1225.  
  1226. #ask a {
  1227. font-weight:lighter;
  1228. color:{color:first letter};
  1229. font-size:9px;
  1230. text-decoration:none;
  1231. }
  1232.  
  1233.  
  1234. #ask b {
  1235. color:{color:bold};
  1236. font-size:9px;
  1237. line-height:11px;
  1238. font-family:calibri!important;
  1239. }
  1240.  
  1241.  
  1242.  
  1243.  
  1244.  
  1245. .letterask {
  1246. margin-left:415px;
  1247. z-index:9999!important;
  1248. outline:1px solid #151515;
  1249. font-family:{text:Custom Capitals Font}, 'Frank Ruhl Libre', serif;
  1250. color:#151515;
  1251. text-decoration:none!important;
  1252. font-style:normal!important;
  1253. font-weight:lighter!important;
  1254. text-transform:uppercase!important;
  1255. float:left;
  1256. margin-top:0px;
  1257. height:65px;
  1258. width:65px;
  1259. font-size: 55px;
  1260. margin-right: 11px;
  1261. position: relative;
  1262. text-align: center;
  1263. vertical-align: middle;
  1264. line-height: 57px;
  1265. -webkit-text-stroke-width: 1px;
  1266. -webkit-text-stroke-color: #1c1c1c;
  1267. -webkit-text-fill-color: #000000;
  1268. }
  1269.  
  1270.  
  1271.  
  1272.  
  1273. #response {
  1274. margin-top:24px;
  1275. padding-top:0px;
  1276. padding-bottom:0px;
  1277. }
  1278.  
  1279.  
  1280. #response blockquote {
  1281. margin-top:15px;
  1282. margin-bottom:24px;
  1283. margin-left:-25px;
  1284. margin-right:-25px;
  1285. padding-top:12px;
  1286. padding-left:25px;
  1287. padding-right:25px;
  1288. padding-bottom:12px;
  1289. border-left:1px solid #151515;
  1290. border-right:1px solid #151515;
  1291. border-bottom:1px solid #151515;
  1292. border-top:1px solid #151515;
  1293. background-color:#030303;
  1294. }
  1295.  
  1296.  
  1297. #response img {
  1298. float:left;
  1299. position:relative;
  1300. margin-left:-1px!important;
  1301. margin-right:13px;
  1302. margin-top:0px;
  1303. margin-bottom:5px;
  1304. padding:8px;
  1305. border:1px solid #151515;
  1306. -webkit-filter: brightness(1) contrast(1) saturate(1);
  1307. }
  1308.  
  1309.  
  1310.  
  1311.  
  1312.  
  1313.  
  1314.  
  1315.  
  1316. /* POPUPS: GENERAL */
  1317.  
  1318.  
  1319. .popup_block {
  1320. display:none;
  1321. background-color:#000000;
  1322. height:300px!important;
  1323. top:304px;
  1324. left:509px!important;
  1325. opacity:1;
  1326. position:fixed;
  1327. z-index:9999999;
  1328. padding-left:24px!important;
  1329. padding-right:24px!important;
  1330. outline:1px solid #151515;
  1331. border-top:25px solid #000000;
  1332. border-bottom:25px solid #000000;
  1333. overflow-y:scroll;
  1334. text-align:justify;
  1335. overflow-x:hidden;
  1336. }
  1337.  
  1338.  
  1339.  
  1340.  
  1341.  
  1342. .popup_block a {
  1343. margin-right:0px;
  1344. vertical-align:top;
  1345. font-family: calibri, sans-serif;
  1346. font-size:10px;
  1347. color:{color:first letter};
  1348. font-weight:bolder!important;
  1349. position: relative;
  1350. text-decoration:none;
  1351. text-transform:uppercase;
  1352. }
  1353.  
  1354.  
  1355.  
  1356. *html #fade {
  1357. position: absolute;
  1358. }
  1359.  
  1360.  
  1361.  
  1362. *html .popup_block {
  1363. position: absolute;
  1364. }
  1365.  
  1366.  
  1367.  
  1368. #fade {
  1369. display:none;
  1370. position:fixed;
  1371. left:0px;
  1372. top:0px;
  1373. width:100%;
  1374. height:100%;
  1375. z-index:9;
  1376. background:#000;
  1377. opacity:0;
  1378. }
  1379.  
  1380.  
  1381. #intro {
  1382. margin-top:4px;
  1383. margin-bottom:24px;
  1384. border:1px solid #151515;
  1385. padding-left:24px;
  1386. padding-right:24px;
  1387. padding-top:24px;
  1388. padding-bottom:24px;
  1389. }
  1390.  
  1391.  
  1392.  
  1393.  
  1394.  
  1395.  
  1396.  
  1397.  
  1398.  
  1399. /* POPUPS: TABS */
  1400.  
  1401.  
  1402. #tabbar{
  1403. left:50%;
  1404. top:50%;
  1405. margin-left:
  1406. overflow: scroll;
  1407. text-align:justify;
  1408. color:#222;
  1409. font-family:calibri;
  1410. font-size:12px;
  1411. }
  1412.  
  1413. ul#tabs {
  1414. text-align: center;
  1415. }
  1416.  
  1417.  
  1418. ul#tabs li {
  1419. display: inline-block;
  1420. background-repeat:repeat;
  1421. background-attachment:fixed;
  1422. border:1px solid #151515; /* INACTIVE TAB */
  1423. width:190px;
  1424. font-weight:bold;
  1425. text-align:center;
  1426. font-family:calibri;
  1427. font-style:normal;
  1428. font-weight:700;
  1429. font-size:10px;
  1430. line-height:10px;
  1431. text-shadow: 0px 0px 1px #000;
  1432. padding: 10px 10px;
  1433. margin-bottom: 2px;
  1434. cursor:pointer;
  1435. color:{color:bold};
  1436. }
  1437.  
  1438. ul#tabs li.active {
  1439. display: inline-block;
  1440. padding:9px;
  1441. text-align:center;
  1442. font-family:calibri;
  1443. font-style:normal;
  1444. font-weight:700;
  1445. font-size:10px;
  1446. line-height:10px;
  1447. text-shadow: 0px 0px 1px #000;
  1448. background:#000000;
  1449. font-weight:bold;
  1450. font-size:10px;
  1451. border:1px solid #151515; /* ACTIVE TAB */
  1452. color:#e6e6e6;
  1453. padding: 10px 10px;
  1454. margin-bottom: 2px;
  1455. cursor:pointer;
  1456. }
  1457.  
  1458. ul#tab, ul#tabs{
  1459. list-style-type:none;
  1460. margin:0px;padding:0px;
  1461. }
  1462.  
  1463. ul#tab li.active {
  1464. display: block;
  1465. }
  1466.  
  1467. ul#tab li {
  1468. display: none;
  1469. }
  1470.  
  1471.  
  1472.  
  1473.  
  1474.  
  1475.  
  1476.  
  1477.  
  1478.  
  1479. /* POPUPS: NAVIGATION */
  1480.  
  1481.  
  1482. #nvbar {
  1483. width:434px;
  1484. }
  1485.  
  1486.  
  1487.  
  1488. .nvlinks {
  1489. margin-left:0px;
  1490. padding-top:0px;
  1491. padding-bottom:0px;
  1492. text-align:center;
  1493. }
  1494.  
  1495.  
  1496.  
  1497. .nvlinks a {
  1498. display:inline-block;
  1499. font-family: calibri, sans-serif;
  1500. font-weight:lighter!important;
  1501. width: 210px;
  1502. margin-right:2px;
  1503. margin-bottom:4px;
  1504. padding-top:8px;
  1505. padding-bottom:8px!important;
  1506. text-align:center;
  1507. background:#000000;
  1508. border: 1px solid #151515;
  1509. color:#e6e6e6;
  1510. font-size:8.6px;
  1511. letter-spacing:0.6px;
  1512. cursor: pointer;
  1513. z-index:2;
  1514. -moz-transition-duration:1s;
  1515. -webkit-transition-duration:1s;
  1516. -o-transition-duration:1s;
  1517. }
  1518.  
  1519.  
  1520. .nvlinks a:hover {
  1521. background-color: rgba(16, 16, 16, 0.5);
  1522. -moz-transition-duration:1s;
  1523. -webkit-transition-duration:1s;
  1524. -o-transition-duration:1s;
  1525. }
  1526.  
  1527.  
  1528.  
  1529.  
  1530.  
  1531.  
  1532. /* POST INFORMATION */
  1533.  
  1534.  
  1535. .permalinkbar {
  1536. width:480px;
  1537. margin-top:26px!important;
  1538. margin-left:-25px;
  1539. margin-right:-25px;
  1540. color:#151515!important;
  1541. }
  1542.  
  1543.  
  1544. .permalinkbuttons {
  1545. height:14px;
  1546. background-color:#000000;
  1547. font-weight:bold!important;
  1548. padding-left:24px;
  1549. padding-right:24px;
  1550. padding-top:7px;
  1551. padding-bottom:7px;
  1552. letter-spacing:-0.2px;
  1553. margin-left:0px!important;
  1554. margin-bottom:1px!important;
  1555. border-top:1px solid #151515;
  1556. border-bottom:1px solid #151515;
  1557. color:#151515!important;
  1558. }
  1559.  
  1560.  
  1561. .permalinkbuttons a {
  1562. font-family:calibri;
  1563. background-color:transparent;
  1564. font-weight:bold!important;
  1565. color:#151515;
  1566. font-size:10px;
  1567. letter-spacing:-0.2px;
  1568. -moz-transition-duration:2s;
  1569. -webkit-transition-duration:2s;
  1570. -o-transition-duration:2s;
  1571. -webkit-user-select: none; /* Chrome all / Safari all */
  1572. -moz-user-select: none; /* Firefox all */
  1573. -ms-user-select: none; /* IE 10+ */
  1574. user-select: none; /* Likely future */
  1575. }
  1576.  
  1577.  
  1578. .permalinkbuttons a:hover {
  1579. background-color:#000000!important;
  1580. font-weight:bold!important;
  1581. color:{color:links};
  1582. -moz-transition-duration:2s;
  1583. -webkit-transition-duration:2s;
  1584. -o-transition-duration:2s;
  1585. }
  1586.  
  1587.  
  1588.  
  1589.  
  1590.  
  1591. .tags {
  1592. font-family: calibri!important;
  1593. font-weight:bold!important;
  1594. background-color:#000000;
  1595. border-bottom:1px solid #151515;
  1596. padding-top:12px;
  1597. padding-bottom:12px;
  1598. padding-left:24px;
  1599. padding-right:24px;
  1600. margin-left:-25px;
  1601. margin-right:-25px;
  1602. margin-bottom:-1px;
  1603. margin-top:0px;
  1604. color:#151515!important;
  1605. text-transform:uppercase!important;
  1606. font-style:normal;
  1607. line-height:150%;
  1608. font-size:8.5px;
  1609. text-align:justify;
  1610. -moz-text-align-last: center; /* Code for Firefox */
  1611. text-align-last: center;
  1612. }
  1613.  
  1614.  
  1615.  
  1616. .tags a {
  1617. text-decoration:none!important;
  1618. font-weight:bold!important;
  1619. font-size:8.5px;
  1620. margin-right:1px;
  1621. text-transform:uppercase!important;
  1622. font-family: calibri!important;
  1623. color:#151515!important;
  1624. }
  1625.  
  1626.  
  1627. .tags a:hover {
  1628. color:#ffffff!important;
  1629. -moz-transition-duration:1s;
  1630. -webkit-transition-duration:1s;
  1631. -o-transition-duration:1s;
  1632. {block:ifBiggerTagsonHover}
  1633. font-size:10px!important;
  1634. {block:ifBiggerTagsonHover}
  1635. }
  1636.  
  1637.  
  1638.  
  1639. .permatags {
  1640. font-family: calibri!important;
  1641. font-weight:bold!important;
  1642. background-color:#000000;
  1643. border-bottom:1px solid #151515;
  1644. padding-top:12px;
  1645. padding-bottom:12px;
  1646. padding-left:24px;
  1647. padding-right:24px;
  1648. margin-left:-25px;
  1649. margin-right:-25px;
  1650. margin-bottom:-1px;
  1651. margin-top:0px;
  1652. color:#2c2c2c;
  1653. text-transform:uppercase!important;
  1654. font-style:normal;
  1655. line-height:150%;
  1656. font-size:8.5px;
  1657. text-align:justify;
  1658. -moz-text-align-last: center; /* Code for Firefox */
  1659. text-align-last: center;
  1660. }
  1661.  
  1662.  
  1663.  
  1664. .permatags a {
  1665. text-decoration:none!important;
  1666. font-weight:bold!important;
  1667. font-size:8.5px;
  1668. margin-right:1px;
  1669. text-transform:uppercase!important;
  1670. font-family: calibri!important;
  1671. color:#151515!important;
  1672. }
  1673.  
  1674.  
  1675. .permatags a:hover {
  1676. color:#ffffff!important;
  1677. -moz-transition-duration:1s;
  1678. -webkit-transition-duration:1s;
  1679. -o-transition-duration:1s;
  1680. {block:ifBiggerTagsonHover}
  1681. font-size:10px!important;
  1682. {block:ifBiggerTagsonHover}
  1683. }
  1684.  
  1685.  
  1686.  
  1687.  
  1688.  
  1689.  
  1690.  
  1691. /* NOTES */
  1692.  
  1693.  
  1694. #notes {
  1695. margin-bottom:62px;
  1696. margin-top:75px;
  1697. margin-left:-36px;
  1698. margin-right:-25px;
  1699. }
  1700.  
  1701.  
  1702.  
  1703. .note li {
  1704. list-style-type:none;
  1705. padding-top:12px;
  1706. padding-bottom:12px;
  1707. padding-left:24px;
  1708. padding-right:25px;
  1709. border-bottom:1px solid #151515;
  1710. border-top:1px solid #151515;
  1711. margin-bottom:-1px;
  1712. text-align:left;
  1713. -moz-transition-duration:0.5s;
  1714. -webkit-transition-duration:0.5s;
  1715. -o-transition-duration:0.5s;
  1716. font-family:calibri!important;
  1717. font-size:9px!important;
  1718. font-weight:bold;
  1719. text-transform:uppercase;
  1720. color: {color:body text};
  1721. }
  1722.  
  1723.  
  1724. .note li a {
  1725. font-family:calibri!important;
  1726. font-size:10px!important;
  1727. padding-right:0px;
  1728. font-weight:bold;
  1729. text-transform:uppercase;
  1730. letter-spacing:0px;
  1731. color: {color:bold};
  1732. }
  1733.  
  1734.  
  1735.  
  1736. .note blockquote {
  1737. padding-top:12px;
  1738. padding-bottom:12px;
  1739. padding-left:24px;
  1740. padding-right:24px;
  1741. margin-top:12px;
  1742. margin-bottom:12px;
  1743. margin-left:0px;
  1744. margin-right:0px;
  1745. }
  1746.  
  1747.  
  1748. .note blockquote a {
  1749. color:{color:first letter}!important;
  1750. }
  1751.  
  1752.  
  1753. .note img.avatar {
  1754. display:none;
  1755. width: 0px;
  1756. height: 0px;
  1757. }
  1758.  
  1759.  
  1760.  
  1761.  
  1762.  
  1763. /* CREDIT */
  1764.  
  1765. #credit {
  1766. z-index:999;
  1767. position:fixed;
  1768. bottom:44px;
  1769. right:44px;
  1770. width:10px;
  1771. height:13px;
  1772. word-wrap:break-word;
  1773. overflow:hidden;
  1774. -webkit-transition:all 1s ease;
  1775. -moz-transition:all 1s ease;
  1776. -o-transition:all 1s ease;
  1777. transition:all 1s ease-in-out;
  1778. }
  1779.  
  1780. #credit a {
  1781. font-family:calibri;
  1782. color:{color:first letter};
  1783. text-transform:uppercase;
  1784. font-size:11px;
  1785. }
  1786.  
  1787. #credit:hover {width:84px;}
  1788.  
  1789. #credit span {
  1790. text-shadow:1px 1px .2px #000;
  1791. color:{color:bold};
  1792. margin-right:5px;
  1793. font-size:11px;
  1794. }
  1795.  
  1796.  
  1797.  
  1798.  
  1799.  
  1800. </style>
  1801.  
  1802. </head>
  1803.  
  1804. <body>
  1805.  
  1806.  
  1807. <!-- SIDEBAR -->
  1808.  
  1809.  
  1810. <div id ="sidebar"><div class="sideheadertop"></div>
  1811. <div id="sidetext">
  1812.  
  1813. <u>T</u>hat is— if you want to tell me, but you don't have to. <b>We all have secrets.</b> I have chased away the most amazing girl that I have ever met, because I’m too much of a loser as to <b style="color:{color:first letter}!important">manage being myself.</b> That’s my secret: I want to be a hero, but I’m not one. Everybody thinks that I’m some amazing warrior who summoned angels, rescued Shadowhunters and saved the world, but it’s a joke. <i>I can’t even remember what I did.</i> I can’t imagine how I did it. I am no one special.
  1814.  
  1815. <p style="margin-top:23px;"><u style="text-transform:lowercase!important;">N</u>o one is going to be fooled for long, and I don’t even know what I’m doing here. So, you have a secret <b>that can beat that?</b>
  1816.  
  1817.  
  1818.  
  1819. </div>
  1820.  
  1821. <div class="sideheaderbottom"></div>
  1822. </div id ="sidebar">
  1823.  
  1824.  
  1825.  
  1826.  
  1827. <!-- DESCRIPTION + NAVIGATION BAR -->
  1828.  
  1829.  
  1830.  
  1831. <div class="bottombox">
  1832. <div class="description">
  1833.  
  1834. <u style="text-transform:lowercase!important;">I</u>ndependent, semi-private and selective portrayal of the character <b style="color:{color:first letter}!important;">SIMON LEWIS</b> from Cassandra Clare's, <i>THE SHADOWHUNTER CHRONICLES</i> franchise. This blog is heavily <a href-"/">BOOK-BASED</a> (with very minor show influence), is multiverse and multiship, and is definitely NOT spoiler free in whatsoever way. Originally established in December of 2016, this blog portrayal is <a href="">WRITTEN (AND VERY DEEPLY LOVED) BY MIN.</a>
  1835.  
  1836. </div class="bottombox">
  1837. </div class="description">
  1838.  
  1839.  
  1840.  
  1841. <div class="navi">
  1842. NAVIGATION:
  1843. <a href="/" title="Refresh">IND.</a>
  1844. <a href="#?w=430" rel="pageMSG" class="poplight" title="Inquiries">MSG.</a>
  1845. <a href="#?w=430" rel="pageGDL" class="poplight" title="The Accords">GDL.</a>
  1846. <a href="#?w=430" rel="pageABT" class="poplight" title="Biography">ABT.</a>
  1847. {block:ifVersesPopupPage}
  1848. <a href="#?w=430" rel="pageVRS" class="poplight" title="Universes / Timelines">VS.</a>
  1849. {/block:ifVersesPopupPage}
  1850. <a href="#?w=430" rel="pageNAV" class="poplight" title="Navigation">NAV.</a>
  1851.  
  1852.  
  1853.  
  1854.  
  1855. {block:IndexPage}
  1856. {block:PreviousPage}
  1857. <a href="{PreviousPage}" style="color:{color:links}!important;"><b>PREV.</b></a>
  1858. {/block:PreviousPage}
  1859.  
  1860. {block:NextPage}
  1861. <a href="{NextPage}" style="color:{color:links}!important;"><b>NEXT.</b></a>
  1862. {/block:NextPage}
  1863. {/block:IndexPage}
  1864.  
  1865.  
  1866. {block:PermalinkPagination}
  1867. {block:PreviousPost}
  1868. <a href="{PreviousPost}" style="color:{color:links}!important;"><b>PREV.</b></a>
  1869. {/block:PreviousPost}
  1870.  
  1871. {block:NextPost}
  1872. <a href="{NextPost}" style="color:{color:links}!important;"><b>NEXT.</b></a>
  1873. {/block:NextPost}
  1874. {/block:PermalinkPagination}
  1875.  
  1876. </div class="navi">
  1877.  
  1878.  
  1879.  
  1880.  
  1881.  
  1882. <!-- POSTS -->
  1883.  
  1884.  
  1885.  
  1886. <div id="container">
  1887.  
  1888. <div class="containerheadertop"></div>
  1889. <div id="containertopspace"></div>
  1890.  
  1891. {block:Posts}
  1892. <div class="posts">
  1893.  
  1894.  
  1895.  
  1896.  
  1897.  
  1898. <!-- POSTS: TEXT -->
  1899.  
  1900.  
  1901. {block:Text}
  1902. <div id="text">
  1903.  
  1904.  
  1905.  
  1906. <div id="textbody">
  1907. {block:Title}
  1908. <h1>{Title}</a></h1>
  1909. {/block:Title}
  1910. <div id="wrap">
  1911. {Body}
  1912. <div style="clear:both">
  1913. </div style="clear:both">
  1914. </div id="wrap">
  1915. </div>
  1916.  
  1917. </div id="text">
  1918.  
  1919. {/block:Text}
  1920.  
  1921.  
  1922.  
  1923.  
  1924.  
  1925. <!-- POSTS: PHOTO/SET -->
  1926.  
  1927. {block:Photo}
  1928. <div id="psingle">
  1929. {LinkOpenTag}
  1930. <img src="{PhotoURL-HighRes}" style="min-width:480px!important; width:480px!important; margin-top:0px;">
  1931. {LinkCloseTag}
  1932. </div id="psingle">
  1933.  
  1934. {block:Caption}
  1935. <div id="pcaption">
  1936. {Caption}
  1937. </div id="pcaption">
  1938. {/block:Caption}
  1939. {/block:Photo}
  1940.  
  1941.  
  1942. {block:Photoset}
  1943. <div id="pset">
  1944. {Photoset}
  1945. </div id="pset">
  1946.  
  1947. {block:Caption}
  1948. <div id="pcaption">
  1949. {Caption}
  1950. </div id="pcaption">
  1951. {/block:Caption}
  1952. {/block:Photoset}
  1953.  
  1954.  
  1955.  
  1956.  
  1957.  
  1958. <!-- POSTS: QUOTE -->
  1959.  
  1960. {block:Quote}
  1961. <div id="quotebox">
  1962. <div id="quote">
  1963. "{Quote}" <b style="color:{color:first letter};">&nbsp;&nbsp;— {Source}</b>
  1964. </div id="quote">
  1965. </div>
  1966. {/block:Quote}
  1967.  
  1968.  
  1969.  
  1970.  
  1971.  
  1972. <!-- POSTS: LINK -->
  1973.  
  1974. {block:Link}
  1975. <div id="linkpost">
  1976. <div id="link">
  1977. <a href="{URL}" {Target}>{Name}&nbsp;&nbsp; ►</a>
  1978. </div id="link">
  1979. </div id="linkpost">
  1980. {/block:Link}
  1981.  
  1982.  
  1983.  
  1984.  
  1985.  
  1986. <!-- POSTS: CHAT -->
  1987.  
  1988.  
  1989. {block:Chat}
  1990.  
  1991. <div id="chatbox">
  1992. <div id="chat">
  1993. {block:Lines}
  1994. <div id="{Alt}">
  1995. {block:Label}<i>{Label}</i>{/block:Label} {Line}
  1996. </div id="{Alt}">
  1997. {/block:Lines}
  1998. </div id="chat">
  1999. </div id="chatbox">
  2000.  
  2001. {/block:Chat}
  2002.  
  2003.  
  2004.  
  2005.  
  2006.  
  2007. <!-- POSTS: AUDIO -->
  2008.  
  2009. {block:Audio}
  2010. <div id="audiobox">
  2011.  
  2012. <div style="-webkit-filter:grayscale(1);">
  2013.  
  2014. <div class="player">
  2015. <div class="audioplayer">
  2016.  
  2017. {AudioPlayerWhite}
  2018.  
  2019. </div class="audioplayer">
  2020. </div class="player">
  2021.  
  2022. <div class="audioinfo">
  2023. {block:TrackName}{TrackName}{/block:TrackName} — {block:Artist}{Artist}{/block:Artist}
  2024. </div class="audioinfo">
  2025.  
  2026. </div style>
  2027.  
  2028. {block:Caption}
  2029. <div id="pcaption">
  2030. {Caption}
  2031. </div id="pcaption">
  2032. {/block:Caption}
  2033.  
  2034. </div id="audiobox">
  2035. {/block:Audio}
  2036.  
  2037.  
  2038.  
  2039.  
  2040.  
  2041. <!-- POSTS: VIDEO -->
  2042.  
  2043. {block:Video}
  2044. <div class="video-container">
  2045. {Video-400}
  2046. {block:Caption}{Caption}{/block:Caption}
  2047. </div class="video-container">
  2048. {/block:Video}
  2049.  
  2050.  
  2051.  
  2052.  
  2053.  
  2054. <!-- POSTS: ASK -->
  2055.  
  2056. {block:Answer}
  2057. <div id="answer">
  2058.  
  2059. <div id="question"><div id="ask"><b>{Asker} {text:askline}:</b>
  2060. <br>{Question}</div><div class="letterask">?</div></div>
  2061.  
  2062.  
  2063. <h4 style="margin-top:-5px; height:5px; padding-right:1px; background-color:#030303!important;"></h4>
  2064.  
  2065.  
  2066. <div id="response">{Answer}<div style="clear:both; margin-bottom:-5px;"></div>
  2067. </div id="response">
  2068.  
  2069. </div id="answer">
  2070. {/block:Answer}
  2071.  
  2072.  
  2073.  
  2074.  
  2075.  
  2076. <!-- POST INFORMATION -->
  2077.  
  2078.  
  2079. {block:Date}
  2080. {block:indexpage}
  2081.  
  2082. <div class="permalinkbar">
  2083. <div class="permalinkbuttons">
  2084. <a href="{Permalink}" title="{12Hour}:{Minutes}{CapitalAmPm} / {NoteCountWithLabel}" style="float:left; text-align:left!important; margin-right:0px!important;">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>
  2085. &nbsp;&nbsp; / &nbsp;
  2086. <a href="#" class="hide">CLICK HERE FOR TAGS </a>
  2087. <a href="{ReblogURL}" target="_blank" class="details" style="float:right; ">CLICK HERE TO REBLOG THIS POST</a>
  2088. </div class="permalinkbuttons">
  2089.  
  2090.  
  2091. </div class="permalinkbar">
  2092.  
  2093. <div class="tags">
  2094. {block:HasTags}
  2095. Tagged with:
  2096. {block:Tags}
  2097. <a href="{TagURL}">{Tag}&nbsp;&nbsp;</a>
  2098. {/block:Tags}
  2099. {/block:HasTags}
  2100.  
  2101. </div class="tags">
  2102. {/block:indexpage}
  2103.  
  2104.  
  2105.  
  2106.  
  2107. {block:permalinkpage}
  2108. <div class="permalinkbar">
  2109. <div class="permalinkbuttons">
  2110. {block:RebloggedFrom}
  2111. <a href="{ReblogParentURL}">REBLOGGED FROM / VIA / SOURCE</a>
  2112. {/block:RebloggedFrom}
  2113.  
  2114. <a href="{ReblogURL}" target="_blank" class="details" style="float:right; ">CLICK HERE TO REBLOG THIS POST</a>
  2115. </div class="permalinkbuttons">
  2116.  
  2117.  
  2118. </div class="permalinkbar">
  2119.  
  2120. <div class="permatags">
  2121. {block:HasTags}
  2122. {block:Tags}
  2123. <a href="{TagURL}">{Tag}&nbsp;&nbsp;</a>
  2124. {/block:Tags}
  2125. {/block:HasTags}
  2126.  
  2127. </div class="permatags">
  2128. {/block:permalinkpage}
  2129.  
  2130.  
  2131. {/block:Date}
  2132.  
  2133.  
  2134.  
  2135.  
  2136.  
  2137. <!-- NOTES -->
  2138.  
  2139. {block:PostNotes}
  2140. <div id="notes">
  2141. <div class="note">
  2142. {PostNotes}
  2143. </div class="note">
  2144. </div id="notes">
  2145. {/block:PostNotes}
  2146.  
  2147.  
  2148.  
  2149.  
  2150. <!-- HIDE VIA/SOURCE IN POSTS -->
  2151.  
  2152.  
  2153. {block:ContentSource}<!-- {SourceURL}
  2154. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  2155. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2156. {/block:ContentSource}
  2157.  
  2158.  
  2159. <!-- {block:NoRebloggedFrom}
  2160. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  2161. {/block:NoRebloggedFrom} -->
  2162.  
  2163.  
  2164.  
  2165.  
  2166. </div class="posts">
  2167.  
  2168. {/block:Posts}
  2169.  
  2170.  
  2171. <div class="containerheaderbottom">
  2172. <div id="containerbottomspace"></div>
  2173. </div class="containerheaderbottom">
  2174.  
  2175.  
  2176. </div id="container">
  2177.  
  2178.  
  2179.  
  2180. <!-- POPUP PAGES. -->
  2181.  
  2182.  
  2183.  
  2184. <!-- POPUP PAGE MSG. -->
  2185.  
  2186. <div id="pageMSG" class="popup_block">
  2187.  
  2188.  
  2189. <header>MEANS OF CONTACT</header>
  2190.  
  2191. <ul id="tabs">
  2192. <div id="sae" style="margin-top:0px;"><li class="active">INQUIRIES</li>
  2193. &nbsp;&nbsp;<li>SUBMISSIONS</li></div>
  2194. </ul>
  2195.  
  2196.  
  2197. <ul id="tab">
  2198. <li class="active">
  2199.  
  2200.  
  2201. <div id="intro">
  2202.  
  2203. <u>T</u><i>he more manly you are, the less you say?"</i> — "Right." Simon nodded. Past him she could see the humid fog lowering over the East River, shrouding the waterfront in feathery gray mist. "That's why when major badasses greet each other in movies, they don't say anything, they just nod. The nod means, <i>'I am a badass, and I recognize that you, too, are a badass,'</i> but they don't say anything because they're Wolverine and Magneto and it would mess up their vibe to explain."
  2204.  
  2205. </div>
  2206.  
  2207.  
  2208. <h4 style="margin-top:5px;">THE ASKBOX / INQUIRIES</h4>
  2209.  
  2210.  
  2211. <iframe frameborder="0" allowtransparency="true" scrolling="no" width="404px" height="200px" src="http://www.tumblr.com/ask_form/cainmarked.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;">
  2212.  
  2213. </li>
  2214. <li>
  2215.  
  2216.  
  2217. <div id="intro">
  2218.  
  2219. <u>I</u> don't know who Azazel is," he said. "Isn't he the cat from The Smurfs?" He cast about and Isabelle rolled her eyes at him. "Clary?" he thought. Her voice came through, tinged with alarm. "What is it? What happened? Did my mom find out I'm gone?" — "Not yet," he thought back. <i>"Is Azazel the cat from The Smurfs?"</i> There was a long pause. "That's Azrael, Simon. And no more using the magic rings for Smurf questions."
  2220.  
  2221. </div>
  2222.  
  2223.  
  2224. <h4>SUBMISSIONS</h4>
  2225.  
  2226. <iframe frameborder="0" scrolling="no" width="404px" height="300px" id="submit_form" src="http://www.tumblr.com/submit_form/cainmarked.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>
  2227.  
  2228.  
  2229. </li>
  2230. </ul>
  2231. </div>
  2232.  
  2233.  
  2234.  
  2235.  
  2236.  
  2237. <!-- POPUP PAGE GDL. -->
  2238.  
  2239.  
  2240. <div id="pageGDL" class="popup_block">
  2241.  
  2242. <header>GUIDELINES AND REGULATIONS</header>
  2243.  
  2244.  
  2245.  
  2246. <div id="intro">
  2247.  
  2248. <u style="text-transform:lowercase!important;">I</u><i>’d do almost anything for you,”</i> Simon said quietly. <b>“I’d die for you.</b> You know that. But would I kill someone else, someone innocent? What about a lot of innocent lives? What about the whole world? Is it really love to tell someone that if it came down to picking between them and every other life on the planet, that you'd pick them? <i>Is that—</i> I don’t know, <i>is that a moral sort of love at all?”</i>
  2249.  
  2250. </div>
  2251.  
  2252.  
  2253.  
  2254. <h4>Disclaimer</h4>
  2255. This is a <b>ROLEPLAY BLOG FOR SIMON LEWIS</b> of Cassandra Clare’s <i>THE MORTAL INSTRUMENTS</i> and the <i>CITY OF BONES</i> movie. My portrayal might be influenced by Freeform's Shadowhunters in <b>MINOR WAY,</b> but I will not incorporate the show's storyline of Simon in my writing in any way. Please respect that. The person who runs this blog is in no way affiliated with Cassandra Clare, The Mortal Instruments, Robert Sheehan, Alberto Rosende, or the Shadowhunters TV series.
  2256.  
  2257.  
  2258. <h4>IMPORTANT NOTE CONCERNING SIMON’S RELIGION</h4>
  2259. As we know from the books, <b>Simon is JEWISH.</b> However, as I’ve been informed by a Jewish friend of mine many things about his religion mentioned in the books or on the show are partly or entirely incorrect, and his general lifestyle does not conform to the quite strict law of Judaism. I am not a Jew myself, so I know very little about it, and I apologise in advance if I mess something up. Therefore I have decided to portray Simon as someone who is Jewish on the paper and who does respect the religion and traditions, but does not really follow the law in most things. It is quite obvious in the books that he is proud of his religion, but at the same time he is not very consequent about it/not strictly conservative, which I guess could be blamed on him growing up in a pretty Christian-influenced western society.
  2260.  
  2261.  
  2262.  
  2263. <h4>ABOUT THE MUN / WRITER</h4>
  2264. 1. I'm over 21.
  2265. <br>2. I'm a college student with a part-time job (= low activity).
  2266. <br>3. I live in the HMT+1 timezone.
  2267. <br>4. I'm a human being with good days and bad days, but generally very approachable.
  2268. <br>5. I have no problem with personal blogs reblogging or liking my things, but my roleplaying partners might, so please check their rules before you reblog our threads.
  2269. <br><b>6. I use ROBERT SHEEHAN as faceclaim for Simon.</b>
  2270.  
  2271.  
  2272. <h4>Selectivity</h4>
  2273.  
  2274. 1. This blog is <i>INDEPENDENT,</i> which means I'm affiliated with any roleplay group.
  2275. <br>2. This blog is <b>PRIVATE AND SELECTIVE,</b> meaning that I will not follow back everyone who follows me, and I will only roleplay with mutuals.
  2276. <br>3. This blog will accept <i>MEMES from everyone,</i> even non-mutuals.
  2277. <br>4. This blog is <b>MULTIVERSE</b> and all threads are set in separate verses until otherwise discussed.
  2278.  
  2279.  
  2280.  
  2281. <h4>MAINS AND EXCLUSIVES</h4>
  2282.  
  2283. <p style="margin-top:24px!important;"><div id="nvbar" class="nvlinks">
  2284.  
  2285. <a href="/"> </a>
  2286. <a href="/"> </a>
  2287. <a href="/"> </a>
  2288. <a href="/"> </a>
  2289. <a href=""> </a>
  2290. <a href=""> </a>
  2291.  
  2292. </div id="nvbar" class="nvlinks">
  2293.  
  2294.  
  2295.  
  2296. <h4>WRITING</h4>
  2297. 1. I format my posts, but not majorly, and I don’t care if my partners format or not - the only thing I expect is that you <b>CUT YOUR POSTS.</b>
  2298. <br>2. I will vary between using icons, using no icons, and using a post header; again I don’t care if my partners use icons or not.
  2299. <br>3. I prefer <i>PLOTTING</i> over random threads.
  2300. <br>4. I generally enjoy threads developed out of memes, so feel free to continue them if we’re mutuals. Please copy them in a new post, though.
  2301. <br>5. I tend to write <b>LONG (MULTIPARA) REPLIES.</b> One-liners tend to get boring and repetitive fast, or simply lead nowhere.
  2302. <br>6. There will likely be dark themes (such as violence, abuse, torture, murder, incest mention etc.) in my writing. I usually tag these things, but if you have any questions or requests about my tags, don’t hesitate to contact me!
  2303.  
  2304.  
  2305.  
  2306. <h4>SHIPPING</h4>
  2307. 1. I am a ship whore and a hopeless case when it comes to unpopular or unusual ships. That being said, staying in character with my muses is <b>THE MOST IMPORTANT THING TO ME,</b> and I refuse to distort them or their stories in absurd ways just to make ships happen.
  2308. <br>2. I am open to mutual ship exclusivity if we've been writing for a long time together.
  2309. <br>3. I will not write smut with any mun under the age of 18, and I am generally not very interested in writing smut on this blog. But I am not ruling it out entirely.
  2310. <br>4. I am playing Simon as pansexual.
  2311.  
  2312.  
  2313. <h4>FINAL NOTE</h4>
  2314.  
  2315. 1. If you continuously disregard one or several of my blog rules, I will most likely unfollow you/not follow you in the first place.
  2316. <br>2. Anon hate will be deleted without comment, unless it has entertainment value. Then I might post it. If you send ship hate, be prepared for fanart or fanfic of said ship as response.
  2317. <br>3. OOC drama is entirely unwelcome on this blog.
  2318. <br>4. Rules are subject to change.
  2319. <br><i>5. THANK YOU FOR READING MY RULES!!</i>
  2320.  
  2321. <p><b>MAY THE FORCE BE WITH YOU!</b>
  2322.  
  2323.  
  2324. </div>
  2325.  
  2326.  
  2327.  
  2328.  
  2329.  
  2330.  
  2331. <!-- POPUP PAGE ABT. -->
  2332.  
  2333.  
  2334.  
  2335. <div id="pageABT" class="popup_block">
  2336.  
  2337.  
  2338. <header>INFORMATIVE BEGINNINGS</header>
  2339.  
  2340. <ul id="tabs">
  2341. <div id="sae" style="margin-top:0px;"><li class="active">BOOK/SHOW DIFFERENCES</li>
  2342. &nbsp;&nbsp;<li>THE ENCYCLOPEDIA</li></div>
  2343. </ul>
  2344.  
  2345.  
  2346. <ul id="tab">
  2347. <li class="active">
  2348.  
  2349.  
  2350.  
  2351. <div id="intro">
  2352.  
  2353. <u>S</u>imon's character's changed quite a fair bit from the books to Freeform's TV series adaptation. Since my portrayal of him is <b>BOOK-BASED,</b> I want to offer a bit of an explanation for the differences and what you can expect from my writing of him. This page serves to help old-time book readers to remember certain details or inform those entirely unfamiliar with the books, of the <i>MAJOR differences</i> of Simon Lewis' character and aspects of his life.
  2354.  
  2355. </div id="intro">
  2356.  
  2357.  
  2358. <h4>Personality</h4>
  2359. This one's a little longer, bear with me. <i>Under construction!</i>
  2360.  
  2361.  
  2362. <h4>SEXUALITY & ROMANCE</h4>
  2363.  
  2364. For most of his life, Simon was in love with his best friend Clary Fray. She did not return his feelings, however, which created some tension between them when they came in contact with the Shadowworld and Clary met (and fell in love with) Jace Wayland. Until that point, Simon had not been interested in anyone other than Clary.
  2365.  
  2366. <p><b>CLARY FRAY:</b> After Jace "finds out" he's Valentine's son, and therefore Clary's brother, the two break up and Simon finally gets a chance to be with Clary. She agrees to date him, but it soon becomes obvious that she still loves Jace, and Simon breaks up with her but agrees to stay (best) friends despite being hurt. <i>CLARY AND SIMON DO NOT HAVE SEX WHILE DATING!</i> Keep that far away from me, please.
  2367.  
  2368. <p><b>MAIA ROBERTS:</b> Maia and Simon become friends along the way, bonding over their shared interest in geeky things. After he is turned into a vampire she initially becomes reluctant to stay friendly, due to the feud between vampires and werewolves, but their mutual fondness eventually turns out stronger than that. After the Mortal War Simon starts dating her, but also dates Isabelle Lightwood at the same time - not out of ill intent, but because he sort of "slithered into it", "neither of them told him they were dating" and "he has no idea how to get out of this situation". It doesn't go well for long, of course, and upon finding out about it both of them break up with him. After a while Maia manages to forgive him, however, and they go back to being friends.
  2369.  
  2370. <p><b>ISABELLE LIGHTWOOD:</b> Simon is attracted to Isabelle from the start, but also pretty sure that she is way out of his league. However, over the course of the weeks and months Clary and Simon spend with the Lightwoods something of a friendship develops between Simon and Izzy. They eventually start dating after the Mortal War, but Simon dates Maia at the same time (see above), which leads to Isabelle breaking up with him. They agree to remain friends and it's not long before their relationship starts growing more intense again: they spend a lot of time together, share a bed, and Isabelle lets Simon feed on her blood. They don't officially admit to being a couple, however, until they're stuck in Edom. In order to be freed, Simon sacrifices his immortality and all his memories, naturally those of Isabelle as well. He does not start regaining them until after he ascends and becomes a shadowhunter. <i>ISABELLE IS SIMON'S ONCE AND FUTURE QUEEN AND NOBODY CAN CONVINCE ME OTHERWISE.</i>
  2371.  
  2372. <p><b>MAUREEN BROWN:</b> Yeah, no. Book!Maureen is a 14-year old girl, who is in love with Simon and comes to all his band's gigs because of that. They never date or anything of the sort. Simon is, however, in a way responsible for Maureen's violent death and subsequent transformation into a vampire.
  2373.  
  2374.  
  2375.  
  2376. <h4>VAMPIRISM</h4>
  2377.  
  2378. <b>Turning:</b> At Magnus Bane's party, Simon was turned into a rat by drinking a strange drink, and (accidentally) taken to the Hotel Dumort by a group of vampires. Clary and Jace followed him there to rescue him, assuming the vampires had kidnapped him. In the ensuing fight Rat-Simon bit Raphael Santiago's hand, accidentally drinking some of his blood and unknowingly becoming a fledgling. In the days to follow Simon felt increasingly sick and eventually started to fear that he was turning into a vampire. After a particularly upsetting event (the group's visit to the Seelie Court, in which the Seelie Queen made Jace and Clary kiss and implicitly admit their feelings for each other) Simon went back to the Hotel Dumort and was bitten and almost killed by the vampires there. Raphael Santiago chose to save his life and brought him to Clary, who decided to bury him (at a Jewish cemetary) and let him turn into a vampire.
  2379.  
  2380. <p><b>Blood:</b> Simon was a vegetarian before he turned into a vampire. That, his religion, as well as the fact that he is a gentle soul and does not want to be responsible for anyone's pain <i>(except maybe Jace's, if it's a kick to the shin)</i> make it very difficult for him to accept that he needs to drink blood in order to survive. He tends to stretch out the periods where he doesn't feed, until it starts to show on his body and he grows really weak and hungry. This is ultimately what leads to him biting Maureen, and almost killing her.
  2381.  
  2382.  
  2383. <p><b>Daylighter:</b> Simon gained the ability to walk in the sun after Valentine kidnapped and almost killed him, and Jace offered his blood to save his life. This ability later gave Simon the title of <i>Daylighter</i>.
  2384.  
  2385.  
  2386.  
  2387. <h4>Mark of Cain</h4>
  2388.  
  2389. During the fight with Valentine the vampires, led by Raphael Santiago, give the shadowhunters an ultimatum: they will fight alongside them against Valentine's army, if they hand over Simon. (Raphael believes being a daylighter makes him too dangerous and wants to kill him). Simon insists on going, despite Clary's protests, knowing that he might save lives doing so. Before letting him go, <b>CLARY DRAWS THE MARK OF CAIN,</b> or Mark of the Wanderer, an ancient angelic rune <i>ON HIS FOREHEAD,</i> which causes anyone who tries to harm him to be punished sevenfold. Thus, it prevents Raphael from killing Simon. It later destroys the demon Lilith when she tries to hurt Clary and Simon steps in her way, and allows Simon to summon the angel Raziel in order to ask for the sword Clary needs to kill her brother. In return for the sword, however, Raziel removes the Mark from Simon's body.
  2390.  
  2391.  
  2392. <h4>Simon's Band</h4>
  2393.  
  2394. Contrary to the quite talented and aspiring hobby musician that is show!Simon, book Simon's band is nowhere near as successful as that. He is in this band together with his friends Eric, Kirk and Matt, and for a short time Jordan Kyle, who comes to their audition in order to get close to Simon, as his mission from the Praetor Lupus demands. The three (/four) of them regularly meet in a garage to hang out and "practice", although most of the time they do little music and instead just eat, hang out and discuss new band names. They are friends with the owner of a small bar, who allows them to perform on Saturday nights whenever they want to, but they rarely attract much of an audience. That doesn't discourage them majorly, however. Simon is not a bad musician, but he is not a great one either. Upon entering the Shadowhunter Academy he is forced to leave the band, obviously, and writes one last song with them, in which he incorporates some of Jordan's music in honor of him. Around that time their band takes on the name <b>THE MORTAL INSTRUMENTS,</b> and after Simon leaves, they actually start becoming more popuar and successful. Simon still likes to make music and writes the occasional song (among them a song about Magnus' cat, which he composes together with Jace), but he is not majorly upset over not being part of his former band anymore.
  2395.  
  2396.  
  2397.  
  2398. </li>
  2399. <li>
  2400.  
  2401.  
  2402.  
  2403.  
  2404.  
  2405.  
  2406. <!-- POPUP PAGE 3: TAB 2 -->
  2407.  
  2408.  
  2409. <div id="intro">
  2410.  
  2411. <u>T</u>he franchise of <i>THE MORTAL INSTRUMENTS</i> franchise 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. <b>THIS LIST WILL BE UPDATED AS TIME PASSES.</b>
  2412.  
  2413. </div id="intro">
  2414.  
  2415.  
  2416.  
  2417. <h4>Nephilim / Shadowhunters</h4>
  2418. <b>Descensus facilis Averno est.</b> 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,</i> <b>faeries,</b> <i>vampires</i> <b>and warlocks.</b> 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. <p><h4>The Accords</h4>
  2440. 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 <b>the Clave</b> (Nephilim's political body) and the representatives of all involved Downworlders.
  2441.  
  2442.  
  2443. <p><h4>SILENT BROTHERS & IRON SISTERS</h4>
  2444. <i>The Silent Brothers</i> are a powerful group of <b>male Shadowhunters</b> who 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.
  2445.  
  2446. <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.
  2447.  
  2448.  
  2449. </li>
  2450. </ul>
  2451. </div id="pageBG" class="popup_block">
  2452.  
  2453.  
  2454.  
  2455.  
  2456.  
  2457.  
  2458. <!-- POPUP PAGE NAV. -->
  2459.  
  2460.  
  2461.  
  2462. <div id="pageNAV" class="popup_block">
  2463.  
  2464. <header>NAVIGATION</header>
  2465.  
  2466.  
  2467. <div id="intro">
  2468.  
  2469. <u style="text-transform:lowercase!important;">I</u><b>t’s a joke, Isabelle.</b> He’s the Count. He likes counting. You know. <i>‘What did the Count eat today, children?</i> One chocolate chip cookie, two chocolate chip cookies, three chocolate chip cookies...’” — There was a rush of cold air as the door of the restaurant opened, letting in another customer. Isabelle shivered and reached for her black silk scarf. “It’s not realistic.” — “What would you prefer? <b>‘What did the Count eat today,</b> children? One helpless villager, two helpless villagers, three helpless villagers...'?"
  2470.  
  2471. </div>
  2472.  
  2473.  
  2474. <h4>OUT OF CHARACTER / INTRO</h4>
  2475.  
  2476. <div id="nvbar" class="nvlinks">
  2477.  
  2478. <a href="http://cainmarked.tumblr.com/tagged/(%20meme.%20)">
  2479. MEMES
  2480. </a>
  2481.  
  2482. <a href="http://cainmarked.tumblr.com/tagged/(%20meme%20reply.%20)">
  2483. ANSWERED MEMES
  2484. </a>
  2485.  
  2486. <a href="http://cainmarked.tumblr.com/tagged/(%20ooc%20asks.%20)">
  2487. OOC REPLIES
  2488. </a>
  2489.  
  2490. <a href="http://cainmarked.tumblr.com/tagged/(%20ic%20asks.%20)">
  2491. IC REPLIES
  2492. </a>
  2493.  
  2494. <a href="http://cainmarked.tumblr.com/tagged/(%20starter%20call.%20)">
  2495. STARTER CALLS
  2496. </a>
  2497.  
  2498. <a href="http://cainmarked.tumblr.com/tagged/(%20open.%20)">
  2499. OPEN STARTERS
  2500. </a>
  2501.  
  2502. </div id="nvbar" class="nvlinks">
  2503.  
  2504.  
  2505.  
  2506. <h4>PERSONAL CREATIONS</h4>
  2507.  
  2508. <div id="nvbar" class="nvlinks">
  2509.  
  2510. <a href="/tagged/⌈✧⌋-i-didn%27t-have-toys.-i-had-weapons.-%5B-my-edits.-%5D">
  2511. MY EDITS / GRAPHICS
  2512. </a>
  2513.  
  2514. <a href="/tagged/⌈✧⌋-don%27t-touch-my-weapons.-%5B-my-resources.-%5D">
  2515. PERSONAL RESOURCES
  2516. </a>
  2517.  
  2518.  
  2519.  
  2520. </div id="nvbar" class="nvlinks">
  2521.  
  2522.  
  2523.  
  2524.  
  2525. <h4>INSPIRATION</h4>
  2526.  
  2527. <div id="nvbar" class="nvlinks">
  2528.  
  2529.  
  2530. <a href="http://cainmarked.tumblr.com/tagged/(%20musing.%20)">
  2531. IMAGES
  2532. </a>
  2533.  
  2534. <a href="http://cainmarked.tumblr.com/tagged/(%20aesthetic.%20)">
  2535. AESTHETIC
  2536. </a>
  2537.  
  2538.  
  2539. <a href="http://cainmarked.tumblr.com/tagged/(%20musings.%20)">
  2540. INSPIRATIONAL
  2541. </a>
  2542.  
  2543. <a href="http://cainmarked.tumblr.com/tagged/(%20headcanon.%20)">
  2544. HEADCANONS
  2545. </a>
  2546.  
  2547.  
  2548. </div id="nvbar" class="nvlinks">
  2549.  
  2550.  
  2551.  
  2552. </div id="pageNV" class="popup_block">
  2553.  
  2554.  
  2555.  
  2556.  
  2557. <!-- CREDIT -->
  2558.  
  2559. <div id="credit"><div style="width:105px;margin-right:10px;">
  2560. <a href="http://iniziare.tumblr.com/post/172148130832/theme-francis-live-preview-in-useaction" target="blank">
  2561. <span>S.</span>MADE BY SAE.</a>
  2562. </div></div>
  2563.  
  2564.  
  2565.  
  2566. </body>
  2567.  
  2568. </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!