API tools faq
paste
Advertisement
littlemisswhoever

3 column theme: Serpentcoil

littlemisswhoever
Aug 4th, 2018
144
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 56.59 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!-- (BASE) THEME BY INIZIARE (LUMENRECTIS / KHRUSEOS) -->
  4.  
  5.  
  6.  
  7.  
  8. <html>
  9. <head>
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}
  14. <meta name="description" content="{MetaDescription}" />
  15. {/block:Description}
  16. </head>
  17.  
  18.  
  19. <!-- SCRIPT: TOOLTIP -->
  20.  
  21.  
  22. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  23. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  24. <script>
  25. (function($){
  26. $(document).ready(function(){
  27. $("a[title]").style_my_tooltips({
  28. tip_follows_cursor:true,
  29. tip_delay_time:90,
  30. tip_fade_speed:600,
  31. attribute:"title"
  32. });
  33. });
  34. })(jQuery);
  35. </script>
  36.  
  37.  
  38.  
  39. <!-- SCRIPT: POPUPS -->
  40.  
  41. <script type="text/javascript"
  42. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  43. <script>
  44. $(document).ready(function() {
  45. //
  46. $('a.poplight[href^=#]').click(function() {
  47. var popID = $(this).attr('rel'); //Get Popup Name
  48. var popURL = $(this).attr('href'); //Get Popup href to define size
  49. var query= popURL.split('?');
  50. var dim= query[1].split('&');
  51. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  52. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  53. var popMargTop = ($('#' + popID).height() + 80) / 2;
  54. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  55. //Apply Margin to Popup
  56. $('#' + popID).css({
  57. 'margin-top' : -popMargTop,
  58. 'margin-left' : -popMargLeft
  59. });
  60. $('body').append('<div id="fade"></div>');
  61. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  62. return false;
  63. });
  64. $('a.close, #fade').live('click', function() {
  65. $('#fade , .popup_block').fadeOut(function() {
  66. $('#fade, a.close').remove(); //fade them both out
  67. });
  68. return false;
  69. });
  70. });
  71. </script>
  72.  
  73.  
  74. <!-- SCRIPT: jQuery -->
  75.  
  76. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  77.  
  78.  
  79.  
  80. <!-- SCRIPT: AUDIO PLAYER -->
  81.  
  82. <script>
  83. $(document).ready(function() {
  84. $('iframe.tumblr_audio_player').load( function() {
  85. $('iframe.tumblr_audio_player').contents().find("head")
  86. .append($("<style type='text/css'> .audio-player{background:#000000 !important; color:#ffffff !important;} </style>"));
  87. });
  88. });
  89. </script>
  90.  
  91.  
  92.  
  93. <!-- SCRIPT: POPUP TABS -->
  94.  
  95. <script>$(document).ready(function(){
  96. $("ul#tabs li").click(function(e){
  97. if (!$(this).hasClass("active")) {
  98. var tabNum = $(this).index();
  99. var nthChild = tabNum+1;
  100. $("ul#tabs li.active").removeClass("active");
  101. $(this).addClass("active");
  102. $("ul#tab li.active").removeClass("active");
  103. $("ul#tab li:nth-child("+nthChild+")").addClass("active");}});});</script>
  104.  
  105.  
  106.  
  107.  
  108.  
  109. <!-- CUSTOM FONTS -->
  110.  
  111. <link href="https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre" rel="stylesheet">
  112.  
  113.  
  114. <link rel="stylesheet" href="https://static.tumblr.com/8rqi4zd/2kEpcyw57/izzy.css">
  115.  
  116.  
  117.  
  118. <link rel="stylesheet" href="https://static.tumblr.com/8rqi4zd/JDOpb0bk5/regular.css">
  119.  
  120.  
  121.  
  122.  
  123.  
  124.  
  125.  
  126. <!-- META LINES -->
  127.  
  128.  
  129. <meta name="text:Font" content="'Frank Ruhl Libre'"/>
  130. <meta name="text:Font Size" content="10px"/>
  131.  
  132. <meta name="if:Text Wrapping" content="1"/>
  133. <meta name="if:Icon Borders" content="1"/>
  134. <meta name="if:Bigger Tags on Hover" content="0"/>
  135.  
  136.  
  137.  
  138.  
  139.  
  140. <style type="text/css">
  141.  
  142.  
  143.  
  144.  
  145. /* SCROLLBAR */
  146.  
  147. ::-webkit-scrollbar {
  148. background:transparent;
  149. height: 0px;
  150. display:none;
  151. width: 0px; /* remove scrollbar space */
  152. -ms-overflow-style: none; // IE 10+
  153. overflow: -moz-scrollbars-none; // Firefox
  154. }
  155.  
  156.  
  157. ::-webkit-scrollbar-thumb {
  158. background:transparent;
  159. }
  160.  
  161.  
  162.  
  163.  
  164. /* TEXT SELECTION */
  165.  
  166. ::selection {background: #000000; color:#ffffff;}
  167. ::-moz-selection {background: #000000; color:#ffffff;}
  168.  
  169.  
  170.  
  171.  
  172.  
  173. /* TOOLTIP */
  174.  
  175.  
  176. #s-m-t-tooltip {
  177. z-index:999999;
  178. max-width:350px;
  179. margin-left:10px;
  180. margin-top:10px;
  181. font-weight:lighter;
  182. background-color:#000000;
  183. background:rgba(0,0,0,1);
  184. border:1px solid #151515;
  185. padding-top:6px;
  186. padding-bottom:6px;
  187. padding-left:16px;
  188. padding-right:16px;
  189. font-family:calibri;
  190. font-style:normal;
  191. font-weight:700;
  192. font-size:10px;
  193. text-shadow: 0px 0px 1px #000;
  194. color: #e8e8e8;
  195. text-transform:uppercase;
  196. letter-spacing:0px;
  197. -webkit-box-shadow: 0px 1px 19px 4px rgba(0,0,0,0.75);
  198. -moz-box-shadow: 0px 1px 19px 4px rgba(0,0,0,0.75);
  199. box-shadow: 0px 1px 19px 4px rgba(0,0,0,0.75);
  200. }
  201.  
  202.  
  203.  
  204.  
  205.  
  206.  
  207. /* FOUNDATION */
  208.  
  209.  
  210. body {
  211. background-image:url('https://static.tumblr.com/8rqi4zd/MyVpcyjee/20.png');
  212. background-attachment:fixed;
  213. background-repeat:no-repeat;
  214. background-position:top left;
  215. background-color:#000000;
  216. color:{color:Body Text};
  217. font-size:{text:Font Size};
  218. line-height:14px;
  219. word-spacing:-0.5px;
  220. color:#c6c6c6;
  221. font-family:{text:Font};
  222. word-wrap: break-word;
  223. }
  224.  
  225.  
  226. body a {
  227. font-size:12px;
  228. color:#812828;
  229. font-weight:bold;
  230. text-decoration:none!important;
  231. -moz-transition-duration:2s;
  232. -webkit-transition-duration:2s;
  233. -o-transition-duration:2s;
  234. }
  235.  
  236. body a:hover {
  237. color:{color:links hover};
  238. -moz-transition-duration:2s;
  239. -webkit-transition-duration:2s;
  240. -o-transition-duration:2s;
  241. }
  242.  
  243.  
  244.  
  245.  
  246.  
  247. /* BLOCKQUOTES */
  248.  
  249.  
  250. blockquote {
  251. background-color:#000000!important;
  252. padding-left:24px;
  253. padding-right:24px;
  254. padding-top:12px;
  255. padding-bottom:12px;
  256. margin-top:12px;
  257. margin-bottom:24px;
  258. text-align:justify;
  259. margin-left:0px;
  260. margin-right:0px;
  261. border:1px solid #151515;
  262. word-wrap: break-word!important;
  263. }
  264.  
  265.  
  266.  
  267. blockquote blockquote {
  268. border-left:1px solid #151515!important;
  269. border-top:0px!important;
  270. border-bottom:0px!important;
  271. border-right:0px!important;
  272. outline:0px solid transparent;
  273. padding-left:24px;
  274. padding-right:0px;
  275. padding-top:0px;
  276. padding-bottom:0px;
  277. margin-top:12px!important;
  278. margin-bottom:0px!important;
  279. }
  280.  
  281.  
  282.  
  283. .stretch {
  284. margin-left:-25px;
  285. margin-right:-25px;
  286. margin-top:-27px;
  287. margin-bottom:25px;
  288. }
  289.  
  290.  
  291.  
  292.  
  293.  
  294. /* TEXT-WRAPPING AROUND ICONS/IMAGES */
  295.  
  296.  
  297. #wrap img {
  298. margin-top:2px!important;
  299. margin-bottom:0px!important;
  300. padding-right:3px;
  301. padding-bottom:3px;
  302. {block:IfTextWrapping}
  303. float:left;
  304. margin-right:14px;
  305. {/block:IfTextWrapping}
  306. {block:ificonborders}
  307. padding:9px;
  308. border:1px solid #151515;
  309. {/block:ificonborders}
  310. -webkit-filter: brightness(1) contrast(1) saturate(1);
  311. }
  312.  
  313.  
  314. {block:IfTextWrapping}
  315. #wrap blockquote img {
  316. clear:both!important;
  317. margin-top:11px!important;
  318. margin-bottom:0px!important;
  319. margin-left:14px;
  320. margin-right:0px!important;
  321. float:right;
  322. }
  323. {/block:IfTextWrapping}
  324.  
  325.  
  326.  
  327.  
  328.  
  329. /* FONT-RELATED */
  330.  
  331.  
  332. small, sub, sup {
  333. font-size:{text:Font Size};
  334. }
  335.  
  336.  
  337. big {
  338. font-size:120%;
  339. }
  340.  
  341.  
  342. b, bold, strong {
  343. font-size:9.5px;
  344. font-family: calibri;
  345. text-transform:uppercase;
  346. letter-spacing:-0.05px;
  347. font-weight:bold;
  348. color:#812828;
  349. padding-right:0px;
  350. padding-left:0px;
  351. text-shadow: 0px 0px 1px rgba(69, 64, 64, 0.45);
  352. }
  353.  
  354. em, i, italic {
  355. font-family:calibri;
  356. font-style:normal;
  357. font-weight:700;
  358. font-size:10px;
  359. line-height:10px;
  360. text-shadow: 0px 0px 1px #000;
  361. color: #ffffff;
  362. text-transform:uppercase;
  363. }
  364.  
  365.  
  366.  
  367.  
  368. u, u a {
  369. background-color: #000000;
  370. border: 1px solid #151515;
  371. font-family:'exodus_demostencil', 'Frank Ruhl Libre', serif;
  372. color: #151515;
  373. text-decoration:none!important;
  374. font-style:normal!important;
  375. font-weight:lighter!important;
  376. text-transform:uppercase!important;
  377. float:left;
  378. margin-top:2px;
  379. height:57px;
  380. width:57px;
  381. font-size: 42px;
  382. margin-right: 11px;
  383. position: relative;
  384. text-align: center;
  385. vertical-align: middle;
  386. line-height: 65px;
  387. }
  388.  
  389.  
  390.  
  391. pre {
  392. font-weight:lighter;
  393. text-transform:uppercase;
  394. color: #d1d1d1;
  395. line-height:155%;
  396. font-weight:lighter!important;
  397. color:#e6e6e6;
  398. font-size:8.4px;
  399. letter-spacing:0.6px;
  400. white-space: pre-wrap;
  401. white-space: -moz-pre-wrap;
  402. white-space: -pre-wrap;
  403. white-space: -o-pre-wrap;
  404. word-wrap: break-word;
  405. }
  406.  
  407.  
  408. pre a {
  409. color:#812828;
  410. -moz-transition-duration:2s;
  411. -webkit-transition-duration:2s;
  412. -o-transition-duration:2s;
  413. }
  414.  
  415.  
  416.  
  417. h1 {
  418. word-spacing:-0.5px;
  419. font-size:12px;
  420. color: #ffffff;
  421. font-weight:bold;
  422. font-family:calibri;
  423. margin-bottom:24px;
  424. text-align:left!important;
  425. text-transform:uppercase;
  426. }
  427.  
  428.  
  429.  
  430. h1 a {
  431. font-weight:bold;
  432. color: #d1d1d1!important;
  433. }
  434.  
  435.  
  436.  
  437. h2 {
  438. font-family: calibri, sans-serif;
  439. font-size:13.4px;
  440. text-transform:uppercase!important;
  441. color:#812828;
  442. letter-spacing:-0.4px;
  443. }
  444.  
  445.  
  446.  
  447. h2 a {
  448. font-family: calibri, sans-serif;
  449. font-size:13.4px!important;
  450. text-transform:uppercase!important;
  451. color:#812828;
  452. letter-spacing:-0.4px;
  453. }
  454.  
  455.  
  456.  
  457. h3 {
  458. font-family: calibri, sans-serif;
  459. font-size:13.4px;
  460. text-transform:uppercase!important;
  461. color:#812828;
  462. letter-spacing:-0.4px;
  463. }
  464.  
  465.  
  466.  
  467. h3 a {
  468. font-family: calibri, sans-serif;
  469. font-size:13.4px!important;
  470. text-transform:uppercase!important;
  471. color:#812828;
  472. letter-spacing:-0.4px;
  473. }
  474.  
  475.  
  476.  
  477. h4 {
  478. background-image:url('');
  479. background-repeat:repeat;
  480. background-attachment:fixed;
  481. border:1px solid #151515;
  482. margin-bottom:24px;
  483. margin-top:24px;
  484. padding-top:11px;
  485. padding-bottom:11px;
  486. width:479px;
  487. margin-left:-26px;
  488. text-align:center;
  489. font-family:calibri;
  490. font-style:normal;
  491. font-weight:bold;
  492. font-size:10px;
  493. line-height:10px;
  494. color: #812828;
  495. text-transform:uppercase;
  496. }
  497.  
  498.  
  499.  
  500. h4 a {
  501. font-family:calibri;
  502. font-style:normal;
  503. font-weight:700;
  504. font-size:10px!important;
  505. line-height:10px;
  506. text-shadow: 0px 0px 1px #000;
  507. color: #e8e8e8;
  508. }
  509.  
  510.  
  511.  
  512.  
  513. header {
  514. border: 1px solid #151515;
  515. background-color:#030303;
  516. letter-spacing:0px;
  517. word-spacing:-0.5px;
  518. font-size:11px;
  519. color: #ffffff;
  520. font-family:calibri;
  521. padding-bottom:0px;
  522. padding-top:7px;
  523. margin-top:-55px;
  524. font-weight:bold;
  525. margin-bottom:24px!important;
  526. width:478px;
  527. height:24px;
  528. margin-left:-25px;
  529. text-align:center!important;
  530. text-transform:uppercase;
  531. z-index:9999999;
  532. position:fixed;
  533. }
  534.  
  535.  
  536.  
  537. /* SIDEBAR */
  538.  
  539.  
  540. #sidebar {
  541. position: fixed;
  542. line-height:165%;
  543. background:transparent;
  544. width:125px;
  545. left: 74px;
  546. top: 93px;
  547. }
  548.  
  549.  
  550.  
  551. .sideheadertop {
  552. width:160px;
  553. height:31px;
  554. background-color:#030303;
  555. outline:1px solid #151515;
  556. text-align: center;
  557. margin-left:-6px;
  558. margin-top:-9px;
  559. }
  560.  
  561.  
  562.  
  563. .sideheaderbottom {
  564. width:160px;
  565. height:31px;
  566. background-color:#030303;
  567. outline:1px solid #151515;
  568. margin-top: 28px;
  569. text-align: center;
  570. margin-left:-6px;
  571. }
  572.  
  573.  
  574.  
  575.  
  576. #sidetext {
  577. height:439px;
  578. width:114px;
  579. margin-top:24px;
  580. margin-left:17px;
  581. background-color:#000000;
  582. text-align:justify;
  583. overflow:scroll;
  584. line-height:14px;
  585. text-align-last: center;
  586. }
  587.  
  588.  
  589.  
  590.  
  591. /* DESCRIPTION */
  592.  
  593. .bottombox {
  594. position:fixed;
  595. width:478px;
  596. left:252px;
  597. top:489px;
  598. }
  599.  
  600.  
  601.  
  602. .description {
  603. max-height:53px;
  604. padding-left:24px;
  605. padding-right:24px;
  606. border-top:17px solid transparent;
  607. padding-bottom:16px;
  608. line-height:14px;
  609. margin-top:5px;
  610. text-align:justify;
  611. overflow-y:scroll;
  612. }
  613.  
  614.  
  615.  
  616. .description:first-letter {
  617. background-color: #000000;
  618. border: 1px solid #151515;
  619. font-family:'exodus_demostencil', 'Frank Ruhl Libre', serif;
  620. color: #151515;
  621. text-decoration:none!important;
  622. font-style:normal!important;
  623. font-weight:lighter!important;
  624. text-transform:uppercase!important;
  625. float:left;
  626. margin-top:2px;
  627. font-size: 44px;
  628. margin-right: 11px;
  629. position: relative;
  630. text-align: center;
  631. vertical-align: middle;
  632. padding-top:28px;
  633. padding-bottom:23px;
  634. padding-left:15px;
  635. padding-right:15px;
  636. }
  637.  
  638.  
  639. .navi {
  640. width:466px;
  641. height:19px;
  642. max-height:19px;
  643. font-size:12px;
  644. overflow:hidden;
  645. border-top:1px solid #151515;
  646. border-bottom:1px solid #151515;
  647. border-left:1px solid #151515;
  648. border-right:1px solid #151515;
  649. background-color:#030303;
  650. text-align: center;
  651. letter-spacing:0.3px;
  652. left:253px;
  653. top:605px!important;
  654. overflow:hidden;
  655. font-family:calibri!important;
  656. padding:6px;
  657. position:fixed;
  658. -webkit-user-select: none; /* Chrome all / Safari all */
  659. -moz-user-select: none; /* Firefox all */
  660. -ms-user-select: none; /* IE 10+ */
  661. user-select: none; /* Likely future */
  662. }
  663.  
  664.  
  665.  
  666. .navi a {
  667. font-family:calibri;
  668. font-size:11px;
  669. padding-top:9px!important;
  670. letter-spacing:0.2px;
  671. text-decoration:none!important;
  672. color:#cdcdcd;
  673. margin-left:23px;
  674. }
  675.  
  676.  
  677. .navi b {
  678. color:#812828!important;
  679. }
  680.  
  681.  
  682.  
  683.  
  684.  
  685.  
  686.  
  687. /* POSTS: GENERAL */
  688.  
  689.  
  690. #container {
  691. position:fixed;
  692. height:552px;
  693. width:430px;
  694. left:757px;
  695. top:84px;
  696. background-color:#000000;
  697. overflow-y:scroll;
  698. padding-left:24px;
  699. padding-right:24px;
  700. z-index:9999;
  701. border:1px solid #151515!important;
  702. }
  703.  
  704.  
  705.  
  706. .containerheadertop {
  707. position:fixed;
  708. width:478px;
  709. height:31px;
  710. background-color:#030303;
  711. border:1px solid #151515;
  712. text-align: center;
  713. margin-left:-25px;
  714. margin-top:-1px;
  715. z-index:99999;
  716. }
  717.  
  718.  
  719.  
  720. #containertopspace {
  721. position:fixed;
  722. width:478px;
  723. height:31px;
  724. background-color:transparent;
  725. margin-left:-24px;
  726. border-bottom:24px solid #000000;
  727. margin-top:-1px;
  728. z-index:999;
  729. }
  730.  
  731.  
  732.  
  733. .containerheaderbottom {
  734. position:fixed;
  735. width:478px;
  736. height:31px;
  737. background-color:#030303;
  738. border:1px solid #151515;
  739. text-align: center;
  740. left:758px;
  741. top:605px;
  742. margin-left:-1px;
  743. z-index:9999999;
  744. }
  745.  
  746.  
  747.  
  748. #containerbottomspace {
  749. position:fixed;
  750. left:782px;
  751. top:575px;
  752. width:478px;
  753. height:25px;
  754. background-color:#000000;
  755. text-align: center;
  756. margin-left:-24px;
  757. margin-top:5px;
  758. z-index:999999;
  759. }
  760.  
  761.  
  762.  
  763. .posts {
  764. width:430px;
  765. padding-right:25px;
  766. padding-left:25px;
  767. margin-left:-25px;
  768. word-wrap: break-word;
  769. text-align:justify;
  770. line-height:14px;
  771. }
  772.  
  773.  
  774.  
  775.  
  776. .posts a {
  777. font-family: calibri;
  778. text-transform:uppercase;
  779. font-size:9px;
  780. font-weight:bold!important;
  781. -moz-transition-duration:2s;
  782. -webkit-transition-duration:2s;
  783. -o-transition-duration:2s;
  784. }
  785.  
  786. .posts a:hover {
  787. color:{color:links hover};
  788. -moz-transition-duration:2s;
  789. -webkit-transition-duration:2s;
  790. -o-transition-duration:2s;
  791. }
  792.  
  793.  
  794. .posts img {
  795. max-width: -webkit-calc(100% - 22px);
  796. max-width: -moz-calc(100% - 22px);
  797. max-width: calc(100% - 22px);
  798. height:auto;
  799. }
  800.  
  801.  
  802.  
  803. .posts:first-letter {
  804. text-transform:uppercase;
  805. }
  806.  
  807.  
  808.  
  809.  
  810.  
  811. /* POSTS: TEXT */
  812.  
  813. #text {
  814. border:1px solid #151515;
  815. padding-left:24px;
  816. padding-right:24px;
  817. padding-top:14px;
  818. padding-bottom:0px;
  819. margin-left:-25px;
  820. margin-right:-25px;
  821. margin-bottom:-27px;
  822. margin-top:34px;
  823. }
  824.  
  825.  
  826. #textbody {
  827. {block:permalinkpage}
  828. margin-top:-24px;
  829. padding-top:0px;
  830. {/block:permalinkpage}
  831. margin-top:-18px;
  832. padding-top:16px;
  833. padding-bottom:14px;
  834.  
  835. }
  836.  
  837.  
  838.  
  839.  
  840.  
  841.  
  842.  
  843. /* POSTS: PHOTO/PHOTOSETS */
  844.  
  845.  
  846. #psingle {
  847. position:relative;
  848. z-index:99999999!important;
  849. margin-top:-1px;
  850. margin-bottom:-28px;
  851. margin-left:-26px;
  852. margin-right:-25px;
  853. border-top:1px solid #2e2e2e;
  854. -webkit-filter: brightness(.75) contrast(1.1) saturate(0.85);
  855. -webkit-transition: all 0.9s ease-in-out;
  856. -moz-transition: all 0.9s ease-in-out;
  857. -o-transition: all 0.9s ease-in-out;
  858. -ms-transition: all 0.9s ease-in-out;
  859. transition: all 0.9s ease-in-out;
  860. }
  861.  
  862.  
  863.  
  864. #psingle:hover {
  865. -webkit-filter: brightness(.75) contrast(1.1) saturate(0.85);
  866. -webkit-transition: all 0.9s ease-in-out;
  867. -moz-transition: all 0.9s ease-in-out;
  868. -o-transition: all 0.9s ease-in-out;
  869. -ms-transition: all 0.9s ease-in-out;
  870. transition: all 0.9s ease-in-out;
  871. }
  872.  
  873.  
  874.  
  875. #pset {
  876. position:relative;
  877. z-index:99999999!important;
  878. width: 480px;
  879. margin-top:-1px!important;
  880. margin-bottom:-30px;
  881. margin-left:-24px;
  882. border-top:1px solid #2e2e2e;
  883. -webkit-filter: brightness(.75) contrast(1.1) saturate(0.85);
  884. -webkit-transition: all 0.9s ease-in-out;
  885. -moz-transition: all 0.9s ease-in-out;
  886. -o-transition: all 0.9s ease-in-out;
  887. -ms-transition: all 0.9s ease-in-out;
  888. transition: all 0.9s ease-in-out;
  889. }
  890.  
  891.  
  892.  
  893. #pset:hover {
  894. -webkit-filter: brightness(.75) contrast(1.1) saturate(0.85);
  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.  
  905. #pcaption {
  906. border-top:1px solid #151515;
  907. margin-top:26px;
  908. margin-left:-24px;
  909. margin-right:-24px;
  910. padding-left:24px;
  911. padding-right:24px;
  912. }
  913.  
  914.  
  915. #pcaption a {
  916. font-size:10px;
  917. }
  918.  
  919.  
  920.  
  921.  
  922.  
  923.  
  924.  
  925. /* POSTS: QUOTE */
  926.  
  927. #quotebox {
  928. border-top:1px solid #151515;
  929. padding-left:24px;
  930. padding-right:24px;
  931. padding-top:24px;
  932. padding-bottom:0px;
  933. margin-left:-25px;
  934. margin-right:-25px;
  935. margin-bottom:-27px;
  936. margin-top:30px;
  937. }
  938.  
  939.  
  940.  
  941. #quote {
  942. text-align:justify;
  943. font-size:13px;
  944. font-style:italic;
  945. padding-top:0px;
  946. padding-bottom:24px;
  947. line-height:16px;
  948. letter-spacing:-0.5px;
  949. min-height:63px;
  950. }
  951.  
  952.  
  953.  
  954. #quote:first-letter {
  955. background-color: #000000;
  956. border: 1px solid #151515;
  957. font-family:'exodus_demostencil', 'Frank Ruhl Libre', serif;
  958. color: #151515;
  959. text-decoration:none!important;
  960. font-style:normal!important;
  961. font-weight:100!important;
  962. text-transform:uppercase!important;
  963. float:left;
  964. margin-top:0px;
  965. height:60px;
  966. width:60px;
  967. font-size: 44px;
  968. margin-right: 11px;
  969. position: relative;
  970. text-align: center;
  971. vertical-align: middle;
  972. line-height: 60px;
  973. padding-top:4px;
  974. padding-left:12px;
  975. padding-right:12px;
  976. }
  977.  
  978.  
  979.  
  980. .source {
  981. font-family:calibri;
  982. font-weight:bold;
  983. text-align:left;
  984. font-size:10px;
  985. color: #e8e8e8;
  986. text-transform:uppercase;
  987. border:1px solid #151515;
  988. margin-top:-1px;
  989. padding-top:12px;
  990. padding-bottom:12px;
  991. padding-right:24px;
  992. padding-left:24px;
  993. margin-left:-25px;
  994. margin-right:-25px;
  995. background-color:#030303;
  996. }
  997.  
  998.  
  999.  
  1000.  
  1001.  
  1002.  
  1003.  
  1004.  
  1005. /* POSTS: LINK */
  1006.  
  1007. #linkpost {
  1008. margin-right:-25px;
  1009. margin-left:-25px!important;
  1010. {block:permalinkpage}
  1011. margin-top:0px;
  1012. {/block:permalinkpage}
  1013. padding-top:0px;
  1014. margin-bottom:-25px;
  1015. }
  1016.  
  1017.  
  1018.  
  1019. #link {
  1020. margin-top:32px;
  1021. border:1px solid #151515;
  1022. padding:24px;
  1023. }
  1024.  
  1025.  
  1026. #link a {
  1027. font-size:12px;
  1028. }
  1029.  
  1030.  
  1031.  
  1032.  
  1033.  
  1034.  
  1035.  
  1036.  
  1037. /* POSTS: CHAT */
  1038.  
  1039. #chatbox {
  1040. margin-right:-25px;
  1041. margin-left:-25px!important;
  1042. padding-bottom:0px!important;
  1043. }
  1044.  
  1045.  
  1046.  
  1047. #chat {
  1048. margin-top:25px;
  1049. border-top:1px solid #151515;
  1050. padding-top:27px;
  1051. padding-left:24px;
  1052. padding-right:24px;
  1053. }
  1054.  
  1055.  
  1056.  
  1057.  
  1058.  
  1059.  
  1060.  
  1061.  
  1062. /* POSTS: AUDIO */
  1063.  
  1064. #audiobox {
  1065. {block:permalinkpage}
  1066. margin-top:0px;
  1067. {/block:permalinkpage}
  1068. padding-left:24px;
  1069. padding-right:24px;
  1070. padding-bottom:0px;
  1071. margin-left:-25px;
  1072. margin-right:-25px;
  1073. margin-bottom:-25px;
  1074. }
  1075.  
  1076.  
  1077.  
  1078. .player {
  1079. opacity: 1;
  1080. position: absolute;
  1081. z-index: 1;
  1082. width: 50px;
  1083. height: 36px;
  1084. margin-top: 24px;
  1085. margin-left: -5px;
  1086. display: block;
  1087. color:#000000;
  1088. background-color:transparent!important;
  1089. }
  1090.  
  1091. .audioplayer {
  1092. width: 24px;
  1093. height: 24px;
  1094. margin-left: 0px;
  1095. overflow: hidden;
  1096. padding: 0px;
  1097. color:#000000!important;
  1098. background-color:transparent!important;
  1099. }
  1100.  
  1101.  
  1102.  
  1103. .audioinfo {
  1104. border:1px solid #151515;
  1105. margin-left: -25px;
  1106. margin-right: -25px;
  1107. margin-top:30px;
  1108. padding:24px;
  1109. display: block;
  1110. font-family:calibri;
  1111. font-weight:bold;
  1112. text-transform: uppercase;
  1113. text-align: center;
  1114. letter-spacing:0px;
  1115. word-spacing:-0.5px;
  1116. font-size:11px;
  1117. color: #ffffff;
  1118. background: transparent;
  1119. }
  1120.  
  1121.  
  1122. #acaption {
  1123. border-top:1px solid #151515;
  1124. width:455px;
  1125. margin-left:-24px;
  1126. padding-left:24px;
  1127. }
  1128.  
  1129. #acaption a {
  1130. font-size:10px;
  1131. }
  1132.  
  1133.  
  1134.  
  1135.  
  1136.  
  1137.  
  1138. /* POSTS: VIDEO */
  1139.  
  1140. .video-container {
  1141. margin-top:46px;
  1142. position: relative;
  1143. padding-bottom: 56.25%;
  1144. height: 0;
  1145. overflow: hidden;
  1146. margin-left:-24px;
  1147. width: 480px;
  1148. margin-bottom:-24px;
  1149. }
  1150.  
  1151.  
  1152. .video-container iframe,
  1153. .video-container object,
  1154. .video-container embed {
  1155. position: absolute;
  1156. top: 0;
  1157. left: 0;
  1158. height: 100%;
  1159. width:100%;
  1160. }
  1161.  
  1162.  
  1163.  
  1164.  
  1165.  
  1166. /* POSTS: ASK */
  1167.  
  1168. #answer {
  1169. padding-left:24px;
  1170. padding-right:24px;
  1171. margin-left:-25px;
  1172. margin-right:-25px;
  1173. margin-top:0px;
  1174. }
  1175.  
  1176.  
  1177. #question {
  1178. border-top:0px solid #151515;
  1179. width: 80%;
  1180. margin-top:32px;
  1181. height:70px;
  1182. width:447px;
  1183. margin-left:-25px;
  1184. }
  1185.  
  1186.  
  1187.  
  1188. #ask {
  1189. float:left;
  1190. font-family:calibri, sans-serif;
  1191. text-transform:uppercase;
  1192. position: absolute;
  1193. font-weight:bold;
  1194. background-color:#000000;
  1195. font-size:9px;
  1196. line-height:12px!important;
  1197. width:365px;
  1198. min-height:21px;
  1199. max-height:21px;
  1200. overflow:scroll;
  1201. margin-top:0px;
  1202. margin-left:1px;
  1203. margin-bottom:0px;
  1204. padding-left:24px;
  1205. padding-right:24px;
  1206. outline:solid 1px #151515;
  1207. border-top:22px solid #000000;
  1208. border-bottom:22px solid #000000;
  1209. -moz-transition-duration:1.5s;
  1210. -webkit-transition-duration:1.5s;
  1211. -o-transition-duration:1.5s;
  1212. }
  1213.  
  1214.  
  1215.  
  1216. #ask:hover {
  1217. max-height:49px!important;
  1218. -moz-transition-duration:1.5s;
  1219. -webkit-transition-duration:1.5s;
  1220. -o-transition-duration:1.5s;
  1221. }
  1222.  
  1223.  
  1224. #ask a {
  1225. font-weight:lighter;
  1226. color:#812828;
  1227. font-size:9px;
  1228. text-decoration:none;
  1229. }
  1230.  
  1231.  
  1232. #ask b {
  1233. color:#812828;
  1234. font-size:9px;
  1235. line-height:11px;
  1236. font-family:calibri!important;
  1237. }
  1238.  
  1239.  
  1240.  
  1241. #ask img {
  1242. -webkit-filter:grayscale(1);
  1243. }
  1244.  
  1245.  
  1246.  
  1247. .letterask {
  1248. position:relative;
  1249. z-index:9999!important;
  1250. position:absolute;
  1251. text-align:center;
  1252. font-size:44px;
  1253. margin-left:415px;
  1254. outline:1px solid #151515;
  1255. padding-top:25px;
  1256. padding-bottom:26px;
  1257. padding-left:17px;
  1258. padding-right:17px;
  1259. color:#151515;
  1260. -webkit-user-select: none; /* Chrome all / Safari all */
  1261. -moz-user-select: none; /* Firefox all */
  1262. -ms-user-select: none; /* IE 10+ */
  1263. user-select: none; /* Likely future */
  1264. }
  1265.  
  1266.  
  1267.  
  1268.  
  1269. #response {
  1270. margin-top:24px;
  1271. padding-top:0px;
  1272. padding-bottom:0px;
  1273. }
  1274.  
  1275.  
  1276. #response blockquote {
  1277. margin-top:15px;
  1278. margin-bottom:24px;
  1279. margin-left:-25px;
  1280. margin-right:-25px;
  1281. padding-top:12px;
  1282. padding-left:25px;
  1283. padding-right:25px;
  1284. padding-bottom:12px;
  1285. border-left:1px solid #151515;
  1286. border-right:1px solid #151515;
  1287. border-bottom:1px solid #151515;
  1288. border-top:1px solid #151515;
  1289. background-color:#030303;
  1290. }
  1291.  
  1292.  
  1293. #response img {
  1294. float:left;
  1295. position:relative;
  1296. margin-left:-1px!important;
  1297. margin-right:13px;
  1298. margin-top:0px;
  1299. margin-bottom:5px;
  1300. padding:8px;
  1301. border:1px solid #151515;
  1302. -webkit-filter: brightness(1) contrast(1) saturate(1);
  1303. }
  1304.  
  1305.  
  1306.  
  1307.  
  1308.  
  1309.  
  1310.  
  1311.  
  1312. /* POPUPS: GENERAL */
  1313.  
  1314.  
  1315. .popup_block {
  1316. display:none;
  1317. background-color:#000000;
  1318. height:300px!important;
  1319. top:304px;
  1320. left:509px!important;
  1321. opacity:1;
  1322. position:fixed;
  1323. z-index:9999999;
  1324. padding-left:24px!important;
  1325. padding-right:24px!important;
  1326. outline:1px solid #151515;
  1327. border-top:25px solid #000000;
  1328. border-bottom:25px solid #000000;
  1329. overflow-y:scroll;
  1330. text-align:justify;
  1331. overflow-x:hidden;
  1332. }
  1333.  
  1334.  
  1335.  
  1336.  
  1337.  
  1338. .popup_block a {
  1339. margin-right:0px;
  1340. vertical-align:top;
  1341. font-family: calibri, sans-serif;
  1342. font-size:9px;
  1343. color:#ffffff;
  1344. font-weight:lighter!important;
  1345. padding-bottom:3px;
  1346. position: relative;
  1347. text-decoration:none;
  1348. text-transform:uppercase;
  1349. }
  1350.  
  1351.  
  1352.  
  1353. *html #fade {
  1354. position: absolute;
  1355. }
  1356.  
  1357.  
  1358.  
  1359. *html .popup_block {
  1360. position: absolute;
  1361. }
  1362.  
  1363.  
  1364.  
  1365. #fade {
  1366. display:none;
  1367. position:fixed;
  1368. left:0px;
  1369. top:0px;
  1370. width:100%;
  1371. height:100%;
  1372. z-index:9;
  1373. background:#000;
  1374. opacity:0;
  1375. }
  1376.  
  1377.  
  1378. #intro {
  1379. margin-top:4px;
  1380. margin-bottom:24px;
  1381. border:1px solid #151515;
  1382. padding-left:24px;
  1383. padding-right:24px;
  1384. padding-top:24px;
  1385. padding-bottom:24px;
  1386. }
  1387.  
  1388.  
  1389.  
  1390.  
  1391.  
  1392.  
  1393.  
  1394.  
  1395.  
  1396. /* POPUPS: TABS */
  1397.  
  1398.  
  1399. #tabbar{
  1400. left:50%;
  1401. top:50%;
  1402. margin-left:
  1403. overflow: scroll;
  1404. text-align:justify;
  1405. color:#222;
  1406. font-family:calibri;
  1407. font-size:12px;
  1408. }
  1409.  
  1410. ul#tabs {
  1411. text-align: center;
  1412. }
  1413.  
  1414.  
  1415. ul#tabs li {
  1416. display: inline-block;
  1417. background-repeat:repeat;
  1418. background-attachment:fixed;
  1419. border:1px solid #151515; /* INACTIVE TAB */
  1420. width:190px;
  1421. font-weight:bold;
  1422. text-align:center;
  1423. font-family:calibri;
  1424. font-style:normal;
  1425. font-weight:700;
  1426. font-size:10px;
  1427. line-height:10px;
  1428. text-shadow: 0px 0px 1px #000;
  1429. padding: 10px 10px;
  1430. margin-bottom: 2px;
  1431. cursor:pointer;
  1432. color:#812828;
  1433. }
  1434.  
  1435. ul#tabs li.active {
  1436. display: inline-block;
  1437. padding:9px;
  1438. text-align:center;
  1439. font-family:calibri;
  1440. font-style:normal;
  1441. font-weight:700;
  1442. font-size:10px;
  1443. line-height:10px;
  1444. text-shadow: 0px 0px 1px #000;
  1445. background:#000000;
  1446. font-weight:bold;
  1447. font-size:10px;
  1448. border:1px solid #151515; /* ACTIVE TAB */
  1449. color:#e6e6e6;
  1450. padding: 10px 10px;
  1451. margin-bottom: 2px;
  1452. cursor:pointer;
  1453. }
  1454.  
  1455. ul#tab, ul#tabs{
  1456. list-style-type:none;
  1457. margin:0px;padding:0px;
  1458. }
  1459.  
  1460. ul#tab li.active {
  1461. display: block;
  1462. }
  1463.  
  1464. ul#tab li {
  1465. display: none;
  1466. }
  1467.  
  1468.  
  1469.  
  1470.  
  1471.  
  1472.  
  1473.  
  1474.  
  1475.  
  1476. /* POPUPS: NAVIGATION */
  1477.  
  1478.  
  1479. #nvbar {
  1480. width:434px;
  1481. }
  1482.  
  1483.  
  1484.  
  1485. .nvlinks {
  1486. margin-left:0px;
  1487. padding-top:0px;
  1488. padding-bottom:0px;
  1489. text-align:center;
  1490. }
  1491.  
  1492.  
  1493.  
  1494. .nvlinks a {
  1495. display:inline-block;
  1496. font-family: calibri, sans-serif;
  1497. font-weight:lighter!important;
  1498. width: 210px;
  1499. margin-right:2px;
  1500. margin-bottom:4px;
  1501. padding-top:8px;
  1502. padding-bottom:8px!important;
  1503. text-align:center;
  1504. background:#000000;
  1505. border: 1px solid #151515;
  1506. color:#e6e6e6;
  1507. font-size:8.6px;
  1508. letter-spacing:0.6px;
  1509. cursor: pointer;
  1510. z-index:2;
  1511. }
  1512.  
  1513.  
  1514. .nvlinks a:hover {
  1515. border: 1px solid #2c2a29;
  1516. }
  1517.  
  1518.  
  1519.  
  1520.  
  1521.  
  1522.  
  1523. /* POST INFORMATION */
  1524.  
  1525.  
  1526. .permalinkbar {
  1527. margin-top:24px!important;
  1528. margin-left:-25px;
  1529. margin-right:-25px;
  1530. }
  1531.  
  1532.  
  1533. .permalinkbuttons {
  1534. width:479px;
  1535. height:28px;
  1536. background-color:#000000;
  1537. margin-left:0px!important;
  1538. margin-bottom:1px!important;
  1539. border-top:1px solid #151515;
  1540. border-bottom:0px solid #151515;
  1541. }
  1542.  
  1543.  
  1544. .permalinkbuttons a {
  1545. font-family:calibri;
  1546. display:inline-block;
  1547. padding-top:7px;
  1548. padding-bottom:7px;
  1549. margin-right:0px;
  1550. width:214px;
  1551. background-color:#000000;
  1552. border-bottom:1px solid #151515;
  1553. font-weight:bold!important;
  1554. color:#151515;
  1555. font-size:10px;
  1556. letter-spacing:-0.2px;
  1557. -moz-transition-duration:2s;
  1558. -webkit-transition-duration:2s;
  1559. -o-transition-duration:2s;
  1560. -webkit-user-select: none; /* Chrome all / Safari all */
  1561. -moz-user-select: none; /* Firefox all */
  1562. -ms-user-select: none; /* IE 10+ */
  1563. user-select: none; /* Likely future */
  1564. }
  1565.  
  1566.  
  1567. .permalinkbuttons a:hover {
  1568. background-color:#000000!important;
  1569. font-weight:bold!important;
  1570. color:#812828;
  1571. -moz-transition-duration:2s;
  1572. -webkit-transition-duration:2s;
  1573. -o-transition-duration:2s;
  1574. }
  1575.  
  1576.  
  1577.  
  1578.  
  1579.  
  1580. #tagsbox {
  1581. {block:permalinkpage}
  1582. margin-top:27px!important;
  1583. {/block:permalinkpage}
  1584. margin-bottom:88px;
  1585. border:1px solid #151515;
  1586. margin-top:-1px;
  1587. padding-top:11px;
  1588. padding-bottom:11px;
  1589. padding-left:24px;
  1590. padding-right:24px;
  1591. margin-left:-25px;
  1592. margin-right:-25px;
  1593. width:430px;
  1594. }
  1595.  
  1596.  
  1597.  
  1598. .tags {
  1599. font-family: calibri!important;
  1600. font-weight:bold!important;
  1601. background-color:#000000;
  1602. color:#2c2c2c;
  1603. text-transform:uppercase!important;
  1604. font-style:normal;
  1605. line-height:150%;
  1606. font-size:8.5px;
  1607. text-align:justify;
  1608. -moz-text-align-last: center; /* Code for Firefox */
  1609. text-align-last: center;
  1610. -moz-transition-duration:2s;
  1611. -webkit-transition-duration:2s;
  1612. -o-transition-duration:2s;
  1613. }
  1614.  
  1615.  
  1616.  
  1617. .tags a {
  1618. text-decoration:none!important;
  1619. font-weight:bold!important;
  1620. font-size:8.5px;
  1621. margin-right:1px;
  1622. text-transform:uppercase!important;
  1623. font-family: calibri!important;
  1624. color:#151515!important;
  1625. -moz-transition-duration:2s;
  1626. -webkit-transition-duration:0.2
  1627. }
  1628.  
  1629.  
  1630. .tags a:hover {
  1631. color:#ffffff!important;
  1632. -moz-transition-duration:1s;
  1633. -webkit-transition-duration:1s;
  1634. -o-transition-duration:1s;
  1635. {block:ifBiggerTagsonHover}
  1636. font-size:10px!important;
  1637. {block:ifBiggerTagsonHover}
  1638. }
  1639.  
  1640.  
  1641.  
  1642.  
  1643.  
  1644.  
  1645.  
  1646. /* NOTES */
  1647.  
  1648.  
  1649. #notes {
  1650. margin-bottom:62px;
  1651. }
  1652.  
  1653.  
  1654. .note {
  1655. text-transform:normal;
  1656. font-style:normal;
  1657. font-size: 10px;
  1658. text-align:left;
  1659. margin-left:-32px;
  1660. }
  1661.  
  1662.  
  1663. .note li {
  1664. list-style-type:none;
  1665. padding:12px 23px 12px 23px;
  1666. border-bottom:1px solid #151515;
  1667. border-top:1px solid #151515;
  1668. margin-bottom:-1px;
  1669. text-align:left;
  1670. margin-right:-24px;
  1671. -moz-transition-duration:0.5s;
  1672. -webkit-transition-duration:0.5s;
  1673. -o-transition-duration:0.5s;
  1674. }
  1675.  
  1676. .note blockquote {
  1677. padding-top:12px;
  1678. padding-bottom:12px;
  1679. padding-left:24px;
  1680. padding-right:24px;
  1681. margin-top:12px;
  1682. margin-bottom:12px;
  1683. margin-left:0px;
  1684. margin-right:0px;
  1685. }
  1686.  
  1687.  
  1688. .note img.avatar {
  1689. width: 0px;
  1690. height: 0px;
  1691. }
  1692.  
  1693.  
  1694. .note li a {
  1695. font-family:calibri!important;
  1696. font-size:10px!important;
  1697. padding-right:2px;
  1698. font-weight:bold;
  1699. text-transform:uppercase;
  1700. letter-spacing:0px;
  1701. color: #812828;
  1702. }
  1703.  
  1704.  
  1705.  
  1706.  
  1707.  
  1708. /* CREDIT */
  1709.  
  1710. #credit {
  1711. z-index:999;
  1712. position:fixed;
  1713. bottom:5px;
  1714. right:5px;
  1715. width:10px;
  1716. height:13px;
  1717. word-wrap:break-word;
  1718. overflow:hidden;
  1719. -webkit-transition:all 1s ease;
  1720. -moz-transition:all 1s ease;
  1721. -o-transition:all 1s ease;
  1722. transition:all 1s ease-in-out;
  1723. }
  1724.  
  1725. #credit a {
  1726. color:#c6c6c6;
  1727. text-transform:uppercase;
  1728. font-size:10px;
  1729. }
  1730.  
  1731. #credit:hover {width:84px;}
  1732.  
  1733. #credit span {
  1734. text-shadow:1px 1px .2px #000;
  1735. color:#c6c6c6;
  1736. margin-right:5px;
  1737. font-size:11px;
  1738. }
  1739.  
  1740.  
  1741.  
  1742.  
  1743.  
  1744. </style>
  1745.  
  1746. </head>
  1747.  
  1748. <body>
  1749.  
  1750.  
  1751. <!-- SIDEBAR -->
  1752.  
  1753.  
  1754. <div id ="sidebar"><div class="sideheadertop"></div>
  1755. <div id="sidetext">
  1756.  
  1757. <u>S</u>he was so beautiful ———for a <i>human.</i> Long hair nearly the precise color of <b>black ink,</b> with charcoaled eyes. A floor-length white gown, the kind women used to wear when this world was younger. Lace sleeves belled out around her slim arms. Around her neck was a thick silver chain, on which hung a dark red pendant the size of <i>a baby’s fist.</i> He only had to narrow his eyes to know that it was real——— <b>real and precious.</b>
  1758.  
  1759. <p style="margin-top:22px;">
  1760.  
  1761. <u>H</u>is mouth started to water as ——— she neared him. Vital energy pulsed from her like blood from an open wound. She smiled as she passed him, <b>beckoning with her eyes.</b>
  1762.  
  1763.  
  1764.  
  1765. </div>
  1766.  
  1767. <div class="sideheaderbottom"></div>
  1768. </div id ="sidebar">
  1769.  
  1770.  
  1771.  
  1772.  
  1773. <!-- DESCRIPTION + NAVIGATION BAR -->
  1774.  
  1775.  
  1776.  
  1777. <div class="bottombox">
  1778. <div class="description">
  1779.  
  1780. This is an independent, private and selective portrayal of the character <b>Isabelle Sophia Lightwood</b> from <i>The Mortal Instruments,</i> which is the first series from Cassandra Clare's The Shadowhunter Chronicles franchise. While this blog is <i>primarily book-based,</i> I am <b>more than open</b> and welcoming to interacting with both interpretations. <i>Written and loved by Liliana.</i>
  1781.  
  1782. </div class="bottombox">
  1783. </div class="description">
  1784.  
  1785.  
  1786.  
  1787. <div class="navi">
  1788. <b>NAVIGATION:</b>
  1789. <a href="/" title="Refresh">IND.</a>
  1790. <a href="#?w=430" rel="pageMG" class="poplight" title="Inquiries">MSG.</a>
  1791. <a href="#?w=430" rel="pageGD" class="poplight" title="The Accords">GDL.</a>
  1792. <a href="#?w=430" rel="pageBG" class="poplight" title="Biography">ABT.</a>
  1793. {block:ifVersesPopupPage}
  1794. <a href="#?w=430" rel="pageVS" class="poplight" title="Universes / Timelines">VS.</a>
  1795. {/block:ifVersesPopupPage}
  1796. <a href="#?w=430" rel="pageNV" class="poplight" title="Navigation">NAV.</a>
  1797.  
  1798.  
  1799.  
  1800.  
  1801. {block:IndexPage}
  1802. {block:PreviousPage}
  1803. <a href="{PreviousPage}"><b>PREV.</b></a>
  1804. {/block:PreviousPage}
  1805.  
  1806. {block:NextPage}
  1807. <a href="{NextPage}"><b>NEXT.</b></a>
  1808. {/block:NextPage}
  1809. {/block:IndexPage}
  1810.  
  1811.  
  1812. {block:PermalinkPagination}
  1813. {block:PreviousPost}
  1814. <a href="{PreviousPost}"><b>PREV.</b></a>
  1815. {/block:PreviousPost}
  1816.  
  1817. {block:NextPost}
  1818. <a href="{NextPost}"><b>NEXT.</b></a>
  1819. {/block:NextPost}
  1820. {/block:PermalinkPagination}
  1821.  
  1822. </div class="navi">
  1823.  
  1824.  
  1825.  
  1826.  
  1827.  
  1828. <!-- POSTS -->
  1829.  
  1830.  
  1831.  
  1832. <div id="container">
  1833.  
  1834. <div class="containerheadertop"></div>
  1835. <div id="containertopspace"></div>
  1836.  
  1837. {block:Posts}
  1838. <div class="posts">
  1839.  
  1840.  
  1841.  
  1842.  
  1843.  
  1844. <!-- POSTS: TEXT -->
  1845.  
  1846.  
  1847. {block:Text}
  1848. <div id="text">
  1849.  
  1850.  
  1851.  
  1852. <div id="textbody">
  1853. {block:Title}
  1854. <h1>{Title}</a></h1>
  1855. {/block:Title}
  1856. <div id="wrap">
  1857. {Body}
  1858. <div style="clear:both">
  1859. </div style="clear:both">
  1860. </div id="wrap">
  1861. </div>
  1862.  
  1863. </div id="text">
  1864.  
  1865. {/block:Text}
  1866.  
  1867.  
  1868.  
  1869.  
  1870.  
  1871. <!-- POSTS: PHOTO/SET -->
  1872.  
  1873. {block:Photo}
  1874. <div id="psingle">
  1875. {LinkOpenTag}
  1876. <img src="{PhotoURL-HighRes}" style="min-width:480px!important; width:480px!important; margin-top:0px;">
  1877. {LinkCloseTag}
  1878. </div id="psingle">
  1879.  
  1880. {block:Caption}
  1881. <div id="pcaption">
  1882. {Caption}
  1883. </div id="pcaption">
  1884. {/block:Caption}
  1885. {/block:Photo}
  1886.  
  1887.  
  1888. {block:Photoset}
  1889. <div id="pset">
  1890. {Photoset}
  1891. </div id="pset">
  1892.  
  1893. {block:Caption}
  1894. <div id="pcaption">
  1895. {Caption}
  1896. </div id="pcaption">
  1897. {/block:Caption}
  1898. {/block:Photoset}
  1899.  
  1900.  
  1901.  
  1902.  
  1903.  
  1904. <!-- POSTS: QUOTE -->
  1905.  
  1906. {block:Quote}
  1907. <div id="quotebox">
  1908. <div id="quote">
  1909. "{Quote}"
  1910. </div id="quote">
  1911. <div class="source">
  1912. {Source}
  1913. </div class="source">
  1914. </div>
  1915. {/block:Quote}
  1916.  
  1917.  
  1918.  
  1919.  
  1920.  
  1921. <!-- POSTS: LINK -->
  1922.  
  1923. {block:Link}
  1924. <div id="linkpost">
  1925. <div id="link">
  1926. <a href="{URL}" {Target}>{Name}&nbsp;&nbsp; ►</a>
  1927. </div id="link">
  1928. </div id="linkpost">
  1929. {/block:Link}
  1930.  
  1931.  
  1932.  
  1933.  
  1934.  
  1935. <!-- POSTS: CHAT -->
  1936.  
  1937.  
  1938. {block:Chat}
  1939.  
  1940. <div id="chatbox">
  1941. <div id="chat">
  1942. {block:Lines}
  1943. <div id="{Alt}">
  1944. {block:Label}<i>{Label}</i>{/block:Label} {Line}
  1945. </div id="{Alt}">
  1946. {/block:Lines}
  1947. </div id="chat">
  1948. </div id="chatbox">
  1949.  
  1950. {/block:Chat}
  1951.  
  1952.  
  1953.  
  1954.  
  1955.  
  1956. <!-- POSTS: AUDIO -->
  1957.  
  1958. {block:Audio}
  1959. <div id="audiobox">
  1960.  
  1961. <div style="-webkit-filter:grayscale(1);">
  1962.  
  1963. <div class="player">
  1964. <div class="audioplayer">
  1965.  
  1966. {AudioPlayerWhite}
  1967.  
  1968. </div class="audioplayer">
  1969. </div class="player">
  1970.  
  1971. <div class="audioinfo">
  1972. {block:TrackName}{TrackName}{/block:TrackName} — {block:Artist}{Artist}{/block:Artist}
  1973. </div class="audioinfo">
  1974.  
  1975. </div style>
  1976.  
  1977. {block:Caption}
  1978. <div id="pcaption">
  1979. {Caption}
  1980. </div id="pcaption">
  1981. {/block:Caption}
  1982.  
  1983. </div id="audiobox">
  1984. {/block:Audio}
  1985.  
  1986.  
  1987.  
  1988.  
  1989.  
  1990. <!-- POSTS: VIDEO -->
  1991.  
  1992. {block:Video}
  1993. <div class="video-container">
  1994. {Video-400}
  1995. {block:Caption}{Caption}{/block:Caption}
  1996. </div class="video-container">
  1997. {/block:Video}
  1998.  
  1999.  
  2000.  
  2001.  
  2002.  
  2003. <!-- POSTS: ASK -->
  2004.  
  2005. {block:Answer}
  2006. <div id="answer">
  2007.  
  2008. <div id="question"><div id="ask"><b>{Asker} {text:askline}:</b>
  2009. <br>{Question}</div><div class="letterask">Q</div></div>
  2010.  
  2011.  
  2012. <h4 style="margin-top:-5px; height:5px; padding-right:1px; background-color:#030303!important;"></h4>
  2013.  
  2014.  
  2015. <div id="response">{Answer}<div style="clear:both; margin-bottom:-5px;"></div>
  2016. </div id="response">
  2017.  
  2018. </div id="answer">
  2019. {/block:Answer}
  2020.  
  2021.  
  2022.  
  2023.  
  2024.  
  2025. <!-- POST INFORMATION -->
  2026.  
  2027.  
  2028. {block:Date}
  2029.  
  2030. {block:indexpage}
  2031. <div class="permalinkbar">
  2032. <div class="permalinkbuttons">
  2033. <a href="{Permalink}" style="text-align:left; padding-left:25px;" title="{TimeAgo}">{Month} {DayOfMonth}{DayOfMonthSuffix} / {12Hour}:{Minutes}{CapitalAmPm} / {NoteCountWithLabel}</a>
  2034. <a href="{ReblogURL}" target="_blank" class="details" style="margin-left:-1px!important; text-align:right; padding-right:25px;">CLICK HERE TO REBLOG THIS POST</a>
  2035. </div class="permalinkbuttons">
  2036. </div class="permalinkbar">
  2037.  
  2038. <div id="tagsbox">
  2039. <div class="tags">
  2040. {block:HasTags}
  2041. {block:Tags}
  2042. <a href="{TagURL}">{Tag}&nbsp;&nbsp;</a>
  2043. {/block:Tags}
  2044. {/block:HasTags}
  2045.  
  2046. </div class="tags">
  2047. </div id="tagsbox">
  2048.  
  2049. {/block:indexpage}
  2050.  
  2051.  
  2052. {block:permalinkpage}
  2053. <div class="permalinkbar">
  2054. <div class="permalinkbuttons">
  2055. <a href="{Permalink}" style="text-align:left; padding-left:24px;">{Month} {DayOfMonth}{DayOfMonthSuffix} / {12Hour}:{Minutes}{CapitalAmPm} / {NoteCountWithLabel}</a>
  2056. <a href="{ReblogURL}" target="_blank" class="details" style="margin-left:-1px!important; text-align:right; padding-right:25px;">CLICK HERE TO REBLOG THIS POST</a>
  2057. {block:RebloggedFrom}
  2058. <a href="{ReblogParentURL}" style="text-align: center; width:480px; margin-top:-2px; height:13px; border-top:1px solid #151515; border-bottom:1px solid #151515l;">REBLOGGED FROM / VIA / SOURCE</a>
  2059. {/block:RebloggedFrom}
  2060. </div class="permalinkbuttons">
  2061. </div class="permalinkbar">
  2062.  
  2063. <div id="tagsbox">
  2064. <div class="tags">
  2065. {block:HasTags}
  2066. {block:Tags}
  2067. <a href="{TagURL}">{Tag}&nbsp;&nbsp;</a>
  2068. {/block:Tags}
  2069. {/block:HasTags}
  2070.  
  2071. </div class="tags">
  2072. </div id="tagsbox">
  2073.  
  2074. {/block:permalinkpage}
  2075.  
  2076. {/block:Date}
  2077.  
  2078.  
  2079.  
  2080.  
  2081.  
  2082. <!-- NOTES -->
  2083.  
  2084. {block:PostNotes}
  2085. <div id="notes">
  2086. <div class="note">
  2087. {PostNotes}
  2088. </div class="note">
  2089. </div id="notes">
  2090. {/block:PostNotes}
  2091.  
  2092.  
  2093.  
  2094.  
  2095. <!-- HIDE VIA/SOURCE IN POSTS -->
  2096.  
  2097.  
  2098. {block:ContentSource}<!-- {SourceURL}
  2099. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  2100. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2101. {/block:ContentSource}
  2102.  
  2103.  
  2104. <!-- {block:NoRebloggedFrom}
  2105. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  2106. {/block:NoRebloggedFrom} -->
  2107.  
  2108.  
  2109.  
  2110.  
  2111. </div class="posts">
  2112.  
  2113. {/block:Posts}
  2114.  
  2115.  
  2116. <div class="containerheaderbottom">
  2117. <div id="containerbottomspace"></div>
  2118. </div class="containerheaderbottom">
  2119.  
  2120.  
  2121. </div id="container">
  2122.  
  2123.  
  2124.  
  2125. <!-- POPUP PAGES. -->
  2126.  
  2127.  
  2128.  
  2129. <!-- POPUP PAGE 002. -->
  2130.  
  2131. <div id="pageMG" class="popup_block">
  2132.  
  2133.  
  2134. <header>MEANS OF CONTACT</header>
  2135.  
  2136. <ul id="tabs">
  2137. <div id="sae" style="margin-top:0px;"><li class="active">INQUIRIES</li>
  2138. &nbsp;&nbsp;<li>SUBMISSIONS</li></div>
  2139. </ul>
  2140. <ul id="tab">
  2141. <li class="active">
  2142.  
  2143.  
  2144. <h4>THE ASKBOX / INQUIRIES</h4>
  2145.  
  2146.  
  2147. <iframe frameborder="0" allowtransparency="true" scrolling="no" width="404px" height="200px" src="http://www.tumblr.com/ask_form/serpentcoil.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;">
  2148.  
  2149. </li>
  2150. <li>
  2151.  
  2152.  
  2153. <h4>SUBMISSIONS</h4>
  2154.  
  2155. <iframe frameborder="0" scrolling="no" width="404px" height="300px" id="submit_form" src="http://www.tumblr.com/submit_form/serpentcoil.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>
  2156.  
  2157.  
  2158. </li>
  2159. </ul>
  2160. </div>
  2161.  
  2162.  
  2163.  
  2164.  
  2165.  
  2166. <!-- POPUP PAGE 003. -->
  2167.  
  2168.  
  2169. <div id="pageGD" class="popup_block">
  2170.  
  2171. <header>THE ACCORDS</header>
  2172.  
  2173. <ul id="tabs">
  2174. <div id="sae"><li class="active">GUIDELINES</li>
  2175. &nbsp;&nbsp;<li>BOOK/SHOW DIFFERENCES</li></div>
  2176. </ul>
  2177.  
  2178.  
  2179. <ul id="tab">
  2180. <li class="active">
  2181.  
  2182.  
  2183. <div id="intro">
  2184.  
  2185. <b><u>I</u> will be Raziel's Sword,</b> extending his arm to strike down evil. I will be Raziel's Cup, offering my blood to our mission. I will be Raziel's Mirror; when my enemies behold me, let them see his face in mine. <i>I hereby promise:</i> I will serve with the angels' courage I will serve the angels' justice. And I will serve with the angels' mercy. Until such time as I die, <b>I will be Nephilim.</b> I pledge myself in Covenant as a Nephilim, and <i>I pledge my life</i> and my family to the Clave of Idris.
  2186.  
  2187. </div>
  2188.  
  2189.  
  2190.  
  2191. <h4>INTRODUCTIONS</h4>
  2192.  
  2193. <u>H</u>ello! I’m <b>LILIANA!</b> Thank you so much for taking the time to come check out my blog and read over this page. This blog is dedicated to the wonderful and strong <i>Isabelle Lightwood from The Mortal Instruments book series.</i> This blog is <b>primarily book based</b> but I am open to both book and show interpretations.
  2194.  
  2195.  
  2196. <h4>ABOUT THE BLOG</h4>
  2197.  
  2198. <u>T</u>his blog is selective and private, which means that I will <i>only roleplay with mutuals.</i> This is for my own peace of mind because it's too hard to interact with everyone. I read rules and a sample of writing before I follow/follow back. This gives me an idea of your muse and how our muses would be able to fit together. I'm open to writing with characters from other universes and fandoms. If I don't know much about your muse, rest assured that I will research them before interacting.
  2199.  
  2200.  
  2201. <h4>ROLEPLAYING</h4>
  2202. <u>I</u>f I'm following you and you want to interact, send me a message and we can plot. You can also tag me in a random starter. I love that.
  2203.  
  2204. <br><i>✮</i> Shipping with Izzy is <b>chemistry based.</b> NSFW content may be present on this blog but full, lengthy smut will only occur when I'm comfortable with the other writer and there has been some development between the muses.
  2205.  
  2206. <br><i>✮</i> My icons are 70x70 and I use small text. I understand that formatting is individual and you do not need to match me in any way.
  2207.  
  2208. <br><i>✮</i> I hope to be consistently active on Izzy but I do work full-time and my work often comes home with me, which means I can be as slow as a baby turtle sometimes. If I haven't replied to you in a couple of weeks, you can send me a reminder.
  2209.  
  2210. <b>See you on the dash. <3</b>
  2211.  
  2212.  
  2213. <h4>CURRENT MAINS</h4>
  2214.  
  2215.  
  2216. <p><div id="nvbar" class="nvlinks">
  2217.  
  2218.  
  2219. <a href="http://seolofor.tumblr.com">Alec Lightwood: seolofor</a>
  2220.  
  2221. <a href="http://khruseos.tumblr.com">Jace Herondale: khruseos</a>
  2222.  
  2223. <a href="https://chatreus.tumblr.com">Magnus Bane: chatreus</a>
  2224.  
  2225. <a href="http://kreao.tumblr.com">Clary Fray: kreao</a>
  2226.  
  2227. </div id="nvbar" class="nvlinks">
  2228.  
  2229. </li>
  2230.  
  2231.  
  2232. <li>
  2233.  
  2234.  
  2235.  
  2236. <!-- POPUP PAGE 2: TAB 2 -->
  2237.  
  2238.  
  2239.  
  2240. <div id="intro">
  2241.  
  2242. <u>I</u>t is very important to note that there are <b>SOME DIFFERENCES</b> in regards to Isabelle's character when comparing the show to the books. While some minor, I want to address the major differences here, so that you know ahead of time what you could potentially expect in threads in case these come up; <i>AS TO AVOID ANY POTENTIAL CONFUSION.</i> These are subject to change as time passes, so keep an eye out!
  2243.  
  2244. </div id="intro">
  2245.  
  2246.  
  2247. <h4>HEADER ONE</h4>
  2248.  
  2249. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dignissim nulla id tristique volutpat. Phasellus libero massa, vehicula pretium imperdiet a, gravida porttitor urna. Nam nec vehicula orci. Suspendisse eget turpis sed massa posuere accumsan. Morbi malesuada eleifend nisi id aliquam. Fusce placerat finibus porta. Suspendisse egestas purus nec massa lacinia, non volutpat sapien dapibus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent vitae dui vel quam fermentum luctus eu et neque. Fusce feugiat libero at placerat tincidunt. Donec elementum imperdiet pellentesque. Integer et lacus feugiat, varius ex vitae, hendrerit eros. Mauris sem mi, mattis lobortis posuere sit amet, lobortis eu purus. Phasellus aliquet, enim sed blandit rutrum, lacus metus cursus enim, eget consectetur erat magna nec tortor. Pellentesque sodales vestibulum nulla, consectetur pretium leo accumsan vitae. Vestibulum volutpat, odio pharetra finibus volutpat, lectus urna mollis tellus, sit amet tristique leo enim a velit. Duis viverra tellus at ornare pretium. Proin sagittis libero at dui luctus, sit amet dignissim sapien maximus. Interdum et malesuada fames ac ante ipsum primis in faucibus.
  2250.  
  2251.  
  2252.  
  2253. <h4>HEADER TWO</h4>
  2254.  
  2255. Donec elementum imperdiet pellentesque. Integer et lacus feugiat, varius ex vitae, hendrerit eros. Mauris sem mi, mattis lobortis posuere sit amet, lobortis eu purus. Phasellus aliquet, enim sed blandit rutrum, lacus metus cursus enim, eget consectetur erat magna nec tortor. Pellentesque sodales vestibulum nulla, consectetur pretium leo accumsan vitae. Vestibulum volutpat, odio pharetra finibus volutpat, lectus urna mollis tellus, sit amet tristique leo enim a velit. Duis viverra tellus at ornare pretium. Proin sagittis libero at dui luctus, sit amet dignissim sapien maximus. Interdum et malesuada fames ac ante ipsum primis in faucibus.
  2256.  
  2257.  
  2258.  
  2259. </li>
  2260. </ul>
  2261. </div id="pageGD" class="popup_block">
  2262.  
  2263.  
  2264.  
  2265.  
  2266.  
  2267.  
  2268. <!-- POPUP PAGE 004. -->
  2269.  
  2270.  
  2271.  
  2272. <div id="pageBG" class="popup_block">
  2273.  
  2274.  
  2275. <header>INFORMATIVE BEGINNINGS</header>
  2276.  
  2277. <ul id="tabs">
  2278. <div id="sae" style="margin-top:0px;"><li class="active">ENCYCLOPEDIA</li>
  2279. &nbsp;&nbsp;<li>BIOGRAPHY</li></div>
  2280. </ul>
  2281.  
  2282.  
  2283. <ul id="tab">
  2284. <li class="active">
  2285.  
  2286.  
  2287.  
  2288. <div id="intro">
  2289.  
  2290. <u>T</u><b>HE MORTAL INSTRUMENTS FRANCHISE introduces us to a world</b> 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>
  2291.  
  2292. </div id="intro">
  2293.  
  2294.  
  2295. <h4>Shadowhunters / Nephilim</h4>
  2296. <i>Descensus facilis Averno est;</i> <b>The descent into Hell is easy.</b> The Nephilim, commonly known as Shadowhunters are a race of mortal beings that're born human and appear as such, but have angelic blood running through their veins. They represent an order, if you will, that fight against demons alongside Downworlders in the Shadow World that is invisible to the mere human eye. In essence, the Shadowhunters' objective is to one day rid the world of Earth of these demons, bringing an end to a war that dates back well over a thousand years.
  2297.  
  2298.  
  2299. <p><h4>The Angel Raziel</h4>
  2300. Known as the patron and creator of the race of the Shadowhunters. Legend goes that they were created well over a thousand years ago, during an uprising of demons invading the Mundane world. A warlock is said to have summoned an angel by the name of Raziel. This assumed archangel chose to mix his own blood with that of mortal men into a cup, that would later become known as the <i>Mortal Cup,</i> and offered the mixture to these same men to drink. Those who chose to consume it became Shadowhunters, a decision that would mark their family's line, as all descendants would then be born Nephilim as well.
  2301.  
  2302.  
  2303. <p><h4>Mundanes & Glamour </h4>
  2304. 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.
  2305.  
  2306. <p><h4>The Sight </h4>
  2307. 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.
  2308.  
  2309. <p><h4>Runes (+ Stele)</h4>
  2310. 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.
  2311.  
  2312. <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.
  2313.  
  2314. <p><h4>Downworlders</h4>
  2315. 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.
  2316.  
  2317. <p><h4>The Accords</h4>
  2318. These are a set of amendments that together signify a peace treaty between Shadowhunters and Downworlders. As long as each of these amendments are never broken, the two can live side by side without bother, even finding allegiance when the need so arises. These Accords are revised and signed every fifteen years by <i>the Clave</i> (the political body of the Nephilim) and the representatives of all involved Downworlders.
  2319.  
  2320.  
  2321. <p><h4>SILENT BROTHERS</h4>
  2322. The Silent Brothers are a powerful group of male Shadowhunterswho serve as archivists and medics of the Nephilim. To strengthen their minds, they have taken upon themselves the most powerful of runes known to Shadowhunters. They are feared among the Nephilim. They reside in the Silent City, away from the rest of their kind.
  2323.  
  2324.  
  2325. <p><h4>IRON SISTERS</h4>
  2326. The Iron Sisters are a communal organization of female Shadowhunters that forge weapons for their kind. The Iron Sisters are considered the female counterparts of the Silent Brothers, albeit more secluded. They reside in the Adamant Citadel, where they live in almost total solitude and speak only, and occasionally, to female Shadowhunters.
  2327.  
  2328. <p><h4>To be updated!</h4>
  2329.  
  2330.  
  2331. </li>
  2332. <li>
  2333.  
  2334.  
  2335. <!-- POPUP PAGE 3: TAB 2 -->
  2336.  
  2337.  
  2338. <div id="intro">
  2339.  
  2340. <u>S</u>imon thought of a younger Isabelle, keeping the secret, never telling anyone, hiding it from her brothers. Knowing things about their family that they would never know. “She shouldn’t have asked you to do that,” he said, suddenly angry. <b>“That wasn’t fair.”</b> — “Maybe,” said Isabelle. <i>“I thought it made me special.</i> I didn’t think about how it might have changed me. But I watch my brothers give their hearts away and I think, Don’t you know better? Hearts are breakable. And I think even when you heal, you’re never what you were before.” — <b>“Maybe you’re better.”</b>
  2341.  
  2342. </div id="intro">
  2343.  
  2344.  
  2345.  
  2346. <h4>General Information</h4>
  2347.  
  2348.  
  2349. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia dignissim pellentesque. Morbi ornare eros risus, id commodo lacus viverra vitae. Etiam dapibus gravida ultrices. Nunc eget dictum dui. Fusce sed congue metus, nec auctor dui. Donec vitae lacinia erat. Integer at porta lectus. Proin orci felis, posuere nec felis eu, sagittis molestie diam. Sed vel tincidunt magna. Nunc molestie convallis velit, in aliquet mi tempor in. Sed blandit, augue sit amet feugiat varius, est lacus bibendum tellus, ut lacinia metus eros in turpis. Nullam venenatis, ante id ornare pharetra, tellus quam tincidunt sapien, non pharetra enim diam a erat. Vestibulum tempor fringilla elementum. Vestibulum dapibus tellus id eros dapibus, aliquet suscipit sapien egestas.
  2350.  
  2351.  
  2352.  
  2353. <h4>Personality</h4>
  2354.  
  2355. Praesent vitae mauris vitae elit dapibus dapibus. Quisque tincidunt arcu quis laoreet suscipit. Donec placerat dolor at neque tristique bibendum. Curabitur pretium dui ligula, sed molestie nisl luctus ac. Nunc lacus nulla, condimentum vel elit ac, pellentesque dictum nisl. Duis erat magna, hendrerit vitae neque placerat, posuere fringilla tortor. Aliquam accumsan hendrerit luctus. Cras venenatis pulvinar nisl. Donec bibendum nisl sed nulla scelerisque tempus. Etiam ultrices consectetur lacus. Duis dolor sapien, rutrum eget vulputate aliquet, gravida ac nisl. Maecenas pharetra lorem quis vulputate lacinia. Quisque at mi ac dolor convallis consequat. Nam ut sollicitudin neque. Donec mollis dui dui, ac accumsan ex dictum at. Ut porttitor interdum justo, at lacinia ex cursus vel.
  2356.  
  2357.  
  2358. <h4>I NEED TO DO THIS PAGE SOME DAY!</h4>
  2359.  
  2360.  
  2361. </li>
  2362. </ul>
  2363. </div id="pageBG" class="popup_block">
  2364.  
  2365.  
  2366.  
  2367.  
  2368.  
  2369.  
  2370. <!-- POPUP PAGE 006. -->
  2371.  
  2372.  
  2373.  
  2374. <div id="pageNV" class="popup_block">
  2375.  
  2376. <header>NAVIGATION</header>
  2377.  
  2378.  
  2379. <div id="intro">
  2380.  
  2381. <u>"B</u><i>oys, boys,"</i> said Isabelle, who had been examining her face in the elevator's mirrored wall. "Don't fight." She turned away from the glass with a sunny smile. "All right, so it was a little more action than we were expecting, but <b>I thought it was fun."</b> Alec looked at her and shook his head. "How do you manage never to get mud on you?" Isabelle shrugged philosophically. "I'm pure at heart. <i>It repels the dirt."</i>
  2382.  
  2383. </div id="intro">
  2384.  
  2385.  
  2386. <h4>POTENTIAL HEADER</h4>
  2387.  
  2388. <div id="nvbar" class="nvlinks">
  2389.  
  2390. <a href="URLHERE">
  2391. LINK TITLE
  2392. </a>
  2393.  
  2394. <a href="URLHERE">
  2395. LINK TITLE
  2396. </a>
  2397.  
  2398. <a href="URLHERE">
  2399. LINK TITLE
  2400. </a>
  2401.  
  2402. <a href="URLHERE">
  2403. LINK TITLE
  2404. </a>
  2405.  
  2406. <a href="URLHERE">
  2407. LINK TITLE
  2408. </a>
  2409.  
  2410. <a href="URLHERE">
  2411. LINK TITLE
  2412. </a>
  2413.  
  2414. </div id="nvbar" class="nvlinks">
  2415.  
  2416.  
  2417.  
  2418.  
  2419.  
  2420. <h4>POTENTIAL HEADER</h4>
  2421.  
  2422. <div id="nvbar" class="nvlinks">
  2423.  
  2424. <a href="URLHERE">
  2425. LINK TITLE
  2426. </a>
  2427.  
  2428. <a href="URLHERE">
  2429. LINK TITLE
  2430. </a>
  2431.  
  2432. <a href="URLHERE">
  2433. LINK TITLE
  2434. </a>
  2435.  
  2436. <a href="URLHERE">
  2437. LINK TITLE
  2438. </a>
  2439.  
  2440. <a href="URLHERE">
  2441. LINK TITLE
  2442. </a>
  2443.  
  2444. <a href="URLHERE">
  2445. LINK TITLE
  2446. </a>
  2447.  
  2448.  
  2449. </div id="nvbar" class="nvlinks">
  2450.  
  2451.  
  2452. </div id="pageNV" class="popup_block">
  2453.  
  2454.  
  2455.  
  2456.  
  2457. <!-- CREDIT -->
  2458.  
  2459. <div id="credit"><div style="width:105px;margin-right:10px;">
  2460. <a href="http://iniziare.tumblr.com/" target="blank">
  2461. <span>S.</span>MADE BY SAE.</a>
  2462. </div></div>
  2463.  
  2464.  
  2465.  
  2466. </body>
  2467.  
  2468. </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!