Advertisement
Guest User

banana

a guest
Dec 7th, 2016
83
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.80 KB | None | 0 0
  1. <html>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}" />
  8. {/block:Description}
  9. </head>
  10.  
  11. <!--
  12. THEMES BY NAPS
  13. ● find me at http://napsthemes.tumblr.com/
  14. ● Theme #2
  15. ● do not remove credit.
  16. ● do not claim as your own.
  17. ● do not use as a base code.
  18. -->
  19. <meta name="image:background" content="http://static.tumblr.com/91fd9c6234a4165e8e9d57d65dea368a/86jccts/ZAQo6x6l1/tumblr_static_a33f50lq4bkgko8cwwg04skok.jpg" />
  20.  
  21. <meta name="color:background" content="#000000">
  22. <meta name="color:text" content="#3f3f3f">
  23. <meta name="color:bold" content="#3f3f3f">
  24. <meta name="color:italic" content="#3f3f3f">
  25. <meta name="color:blockquote" content="#3f3f3f">
  26. <meta name="color:border" content="#7d2121">
  27. <meta name="color:link" content="#dcdcdc">
  28. <meta name="color:link hover" content="#cbcbcb">
  29. <meta name="color:pagination" content="#dcdcdc">
  30. <meta name="color:pagination hover" content="#cbcbcb">
  31. <meta name="color:navigation" content="#dcdcdc">
  32. <meta name="color:navigation hover" content="#cbcbcb">
  33. <meta name="color:scrollbar" content="#fb9d28" />
  34. <meta name="color:selectiontext" content="#ffffff" />
  35. <meta name="color:selectionbg" content="#8c8c8c" />
  36. <meta name="color:info" content="#8c8c8c" />
  37. <meta name="color:info hover" content="#ffffff" />
  38. <meta name="color:tags" content="#8c8c8c" />
  39. <meta name="color:tags hover" content="#ffffff" />
  40. <meta name="color:hover title" content="#ffffff" />
  41. <meta name="text:font size" content="11" />
  42.  
  43. <meta name="text:hover title" content="HOVER" />
  44. <meta name="text:navi links" content="⧗" />
  45. <meta name="text:perma links" content="✖" />
  46.  
  47. <meta name="text:link 1" content="link1 url" />
  48. <meta name="text:link 1 hover" content="link1 hover" />
  49. <meta name="text:link 2" content="link2 url" />
  50. <meta name="text:link 2 hover" content="link2 hover" />
  51. <meta name="text:link 3" content="link3 url" />
  52. <meta name="text:link 3 hover" content="link3 hover" />
  53. <meta name="text:link 4" content="link4 url" />
  54. <meta name="text:link 4 hover" content="link4 hover" />
  55.  
  56.  
  57. <link href='https://fonts.googleapis.com/css?family=Trade+Winds' rel='stylesheet' type='text/css'>
  58.  
  59. <link href='https://fonts.googleapis.com/css?family=Josefin+Sans:400,300italic' rel='stylesheet' type='text/css'>
  60.  
  61. <link href='https://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
  62.  
  63. <link href='https://fonts.googleapis.com/css?family=Cinzel:400,900' rel='stylesheet' type='text/css'>
  64.  
  65. <link href='https://fonts.googleapis.com/css?family=Gidugu' rel='stylesheet' type='text/css'>
  66.  
  67. <!--- START Hover Pagnation Links --->
  68. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  69.  
  70. <script src="http://static.tumblr.com/uopakca/GVcnvdwbq/jquery.style-my-tooltips.js"></script>
  71.  
  72. <link href='https://fonts.googleapis.com/css?family=Sue+Ellen+Francisco' rel='stylesheet' type='text/css'>
  73.  
  74. <script>
  75. (function($){
  76. $(document).ready(function(){
  77. $("a[title]").style_my_tooltips({
  78. tip_follows_cursor:true,
  79. tip_delay_time:90,
  80. tip_fade_speed:600,
  81. attribute:"title"
  82. });
  83. });
  84. })(jQuery);
  85. </script>
  86.  
  87. <!--- END Hover Pagnation Links --->
  88.  
  89. <!--- START Pop Up Script --->
  90. <script type="text/javascript"
  91. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  92. <script>
  93. $(document).ready(function() {
  94. //
  95. $('a.poplight[href^=#]').click(function() {
  96. var popID = $(this).attr('rel'); //Get Popup Name
  97. var popURL = $(this).attr('href'); //Get Popup href to define size
  98. var query= popURL.split('?');
  99. var dim= query[1].split('&');
  100. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  101. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  102. var popMargTop = ($('#' + popID).height() + 80) / 2;
  103. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  104. //Apply Margin to Popup
  105. $('#' + popID).css({
  106. 'margin-top' : -popMargTop,
  107. 'margin-left' : -popMargLeft
  108. });
  109. $('body').append('<div id="fade"></div>');
  110. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  111. return false;
  112. });
  113. $('a.close, #fade').live('click', function() {
  114. $('#fade , .popup_block').fadeOut(function() {
  115. $('#fade, a.close').remove(); //fade them both out
  116. });
  117. return false;
  118. });
  119. });
  120. </script>
  121.  
  122. <!--- END Pop Up Script --->
  123.  
  124. <style type="text/css">
  125.  
  126. iframe {
  127. height:350px;
  128. }
  129.  
  130. /* Hover Pagnation Links */
  131.  
  132. #s-m-t-tooltip {
  133. max-width:300px;
  134. border-radius: 0px; /* you can add in a border radius here for curved corners if you like */
  135. padding:4px; /* space around the text */
  136. margin:5px 50px 5px 0px; /* positioning of your hover info in relation to the link */
  137. color:{color:text}; /* text color */
  138. font-family: ‘Fjalla One’, sans-serif; /* i’ve added a custom font in here but you can remove this line if you don’t use custom fonts */
  139. font-size:10px; /* font size of your hover info */
  140. letter-spacing:2px; /* optional letter spacing */
  141. background:{color:background}; /* change the background color of your hover info */
  142. z-index:99999;}
  143.  
  144. /* END Hover Pagnation Links */
  145.  
  146. /*Hover Description*/
  147.  
  148. #hovertitle {
  149. font-family: 'trebuchet ms';
  150. text-align:center;
  151. font-size: 15px;
  152. line-height: 100%;
  153. letter-spacing:4px;
  154. font-weight:normal;
  155. text-transform:uppercase;
  156. color:{color:hover title};
  157. text-shadow: 0px 0px 10px #000;
  158. -webkit-transform: rotate(90deg);
  159. position:fixed;
  160. top:600px;
  161. left:780px;
  162.  
  163. }
  164.  
  165. #hoverbox {
  166. position:fixed;
  167. top:250px;
  168. margin-left:870px;}
  169.  
  170. #hovercontent {
  171. font-family: 'trebuchet ms';
  172. font-size: 10px;
  173. text-align:center;
  174. margin-top:10px;
  175. width:150px;
  176. color:#fff;
  177. opacity:0;
  178. -webkit-transition: all 0.7s ease;
  179. -moz-transition: all 0.7s ease;
  180. -o-transition: all 0.7s ease;}
  181.  
  182. #hoverbox:hover #hovercontent {
  183. opacity:1;
  184. -webkit-transition: all 0.7s ease;
  185. -moz-transition: all 0.7s ease;
  186. -o-transition: all 0.7s ease;}
  187.  
  188. /* END Hover Description */
  189.  
  190. ::-webkit-scrollbar{
  191. height:3px;
  192. width:3px;
  193. background:inherit;}
  194.  
  195. ::-webkit-scrollbar-thumb {
  196. background: -webkit-linear-gradient({color:background}, {color:scrollbar}, {color:background});}
  197.  
  198. ::-webkit-scrollbar-track {
  199. margin-top:20px;
  200. margin-bottom:20px;
  201. background:transparent;}
  202.  
  203. ::-moz-selection {
  204. color:{color:selectiontext};
  205. background:{color:selectionbg};}
  206.  
  207. ::selection {
  208. color:{color:selectiontext};
  209. background:{color:selectionbg};}
  210.  
  211. body {
  212. background-color:{color:background};
  213. font-family:'trebuchet ms';
  214. font-size: {text:font size}px;
  215. color:{color:text};
  216. background-image: url('{image:background}');
  217. background-attachment:fixed;
  218. background-repeat:no-repeat;
  219. background-position: top left;
  220. }
  221.  
  222. a {
  223. text-decoration:none;
  224. font-family: trebuchet ms;
  225. font-style:italic;
  226. color:{color:link};
  227. -webkit-transition: all 0.7s ease;
  228. -moz-transition: all 0.7s ease;
  229. -o-transition: all 0.7s ease;
  230. }
  231.  
  232. a:hover {
  233. color:{color:link hover};
  234. }
  235.  
  236. b, strong {
  237. font-size:10px;
  238. font-family: 'trebuchet ms';
  239. color:{color:bold};
  240. text-transform:uppercase;
  241. }
  242.  
  243. i, em {
  244. font-size:10px;
  245. font-family: 'trebuchet ms';
  246. color:{color:italic};
  247. text-transform:lowercase;
  248. }
  249.  
  250. blockquote {
  251. text-align:justify;
  252. padding:2px 7px;
  253. margin:3px 0 3px 8px;
  254. border-radius:5px;
  255. border-left:1px dotted {color:blockquote};
  256. }
  257.  
  258. blockquote img {
  259. max-width:100%;
  260. height:auto;
  261. }
  262.  
  263. img {
  264. max-width: 100%;
  265. }
  266.  
  267. h1 {
  268. font-size:30px;
  269. line-height:30px;
  270. text-align:center;
  271. padding:10px;
  272. }
  273.  
  274. h2 {
  275. font-size:25px;
  276. line-height:100%;
  277. text-align:center;
  278. padding:10px;
  279. font-family: 'trebuchet ms';
  280. text-transform:uppercase;
  281.  
  282. }
  283.  
  284. #container {
  285. text-align:justify;
  286. position:absolute;
  287. width:320px;
  288. height:540px;
  289. overflow-x:hidden;
  290. overflow-y:scroll;
  291. top:140px;
  292. left:480px;
  293. }
  294.  
  295. .posts {
  296. font-family: 'trebuchet ms';
  297. text-align:justify;
  298. width:285px;
  299. background-color:transparent;
  300. padding:8px;
  301. margin-bottom:30px;
  302.  
  303. }
  304.  
  305. .permalinks {
  306. background-color:transparent;
  307. text-align:center;
  308. padding:5px;
  309. height:12px;
  310. background: -webkit-linear-gradient(-180deg,{color:grad1},{color:grad2},{color:grad3});
  311. border:1px dotted {color:bold};
  312. -webkit-mask-image: -webkit-gradient(linear, center 40%, right, from(rgba(0,0,0,20)), to(rgba(20,0,0,0)));
  313.  
  314.  
  315. }
  316.  
  317. .permalinks {
  318. background:url('http://i.imgur.com/hg4jDkg.png');
  319. border:1px dotted #404040;
  320. text-align:center;
  321. border-bottom-right-radius: 5px;
  322. border-top-left-radius: 5px;
  323. padding:5px;
  324. height:12px;
  325. }
  326.  
  327. .permalinks a {
  328. text-decoration:none;
  329. font-size:9px;
  330. color:#7f7f7f;
  331. }
  332.  
  333. .permalinks a:hover {
  334. color:#686868;
  335. }
  336.  
  337. .tags {
  338. max-height:0px;
  339. line-height:130%;
  340. text-align:center;
  341. font-size:9px;
  342. opacity:0;}
  343.  
  344. .tags a {
  345. text-decoration:none;
  346. font-size: 9px;
  347. text-transform:lowercase;
  348. color:#8c8c8c;
  349. -webkit-transition: all 0.7s ease;
  350. transition: all 0.7s ease;
  351. -moz-transition: all 0.7s ease;
  352. -o-transition: all 0.7s ease;}
  353.  
  354. .tags a:hover {
  355. color:#ffffff;
  356. -webkit-transition: all 0.7s ease;
  357. transition: all 0.7s ease;
  358. -moz-transition: all 0.7s ease;
  359. -o-transition: all 0.7s ease;}
  360.  
  361. .posts:hover .tags{
  362. max-height:300px;
  363. opacity:1;
  364. -webkit-transition: all 0.7s ease;
  365. transition: all 0.7s ease;
  366. -moz-transition: all 0.7s ease;
  367. -o-transition: all 0.7s ease;
  368. }
  369.  
  370. #description {
  371. font-size: {text:font size}px;
  372. color:{color:text};
  373. text-align:right;
  374. padding:10px;
  375. }
  376.  
  377. #sideimage img {
  378. max-width:250px;
  379. margin-left:10px;
  380. }
  381.  
  382. #links {
  383. line-height:35px;
  384. font-size:15px;
  385. width:160px;
  386. position:fixed;
  387. text-align:right;
  388. top:180px;
  389. left:680px;
  390. margin-bottom:-240px;}
  391.  
  392. #links a {
  393. margin-bottom:3px;
  394. padding-right:8px;
  395. color:{color:navigation};
  396. display:block;
  397. -webkit-transition: all 0.7s ease;
  398. transition: all 0.7s ease;
  399. -moz-transition: all 0.7s ease;
  400. -o-transition: all 0.7s ease;}
  401.  
  402. #links a:hover {
  403. color:{color:navigation hover};
  404. letter-spacing:2px;
  405. -webkit-transition: all 0.7s ease;
  406. transition: all 0.7s ease;
  407. -moz-transition: all 0.7s ease;
  408. -o-transition: all 0.7s ease;}
  409.  
  410. #pagination {
  411. position:fixed;
  412. bottom:30px;
  413. left:350px;
  414. }
  415.  
  416. #pagination a {
  417. color:{color:pagination};
  418. font-size:25px;
  419. -webkit-transition: all 0.7s ease;
  420. -moz-transition: all 0.7s ease;
  421. -o-transition: all 0.7s ease;
  422. }
  423.  
  424. #pagination a:hover {
  425. color:{color:pagination hover};
  426. }
  427.  
  428. .askerr {
  429. padding: 0px 0px 2px 45px;
  430. letter-spacing:5px;
  431. line-height:115%;
  432. text-transform: uppercase;
  433. font-family: 'Sue Ellen Francisco', cursive;
  434. }
  435.  
  436. .question {
  437. position: relative;
  438. font-size:11px;
  439. background:url('http://i.imgur.com/hg4jDkg.png');
  440. margin: 0px 0px 20px 0px;
  441. padding: 15px;
  442. }
  443.  
  444. .answer {
  445. margin-bottom: 20px;
  446. }
  447.  
  448. .quote {
  449. font-family: 'Gidugu', sans-serif;
  450. font-size:13px;
  451. letter-spacing:1px;
  452. text-align:center;
  453. margin-bottom:5px;
  454. padding-bottom:3px;
  455. }
  456.  
  457. .quotesource {
  458. font-size:10px;
  459. letter-spacing:1px;
  460. text-align:center;
  461. margin-bottom:5px;
  462. }
  463.  
  464. /* CREDIT: DO NOT REMOVE */
  465. #credit {
  466. font-family: trebuchet ms;
  467. z-index:8;
  468. bottom:-10px;
  469. right:20px;
  470. height:30px;
  471. width:30px;
  472. opacity:0.8;
  473. font-size:12px;
  474. position:fixed;
  475. padding:5px;}
  476.  
  477. /* POP UP CODES */
  478.  
  479. .popup_block{
  480. text-align:justify;
  481. WIDTH: 300px;
  482. MAX-HEIGHT: 400px;
  483. OVERFLOW-Y:SCROLL;
  484. OVERFLOW-X:HIDDEN;
  485. display:none;
  486. background:url('http://i.imgur.com/kEfh2zb.png');
  487. padding:20px;
  488. border:1px solid {color:border}; /* if you want a solid white pop-up, delete this */
  489. float:left;
  490. position:fixed;
  491. top:50%;left:50%;
  492. z-index: 99999;
  493. -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  494. -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  495. box-shadow: 0px 0px 20px #000; /* delete for solid white */
  496. }
  497.  
  498. *html #fade {position: absolute;}
  499. *html .popup_block {position: absolute;}
  500. #fade {
  501. display:none;
  502. position:fixed;
  503. left:0px;
  504. top:0px;
  505. width:100%;
  506. height:100%;
  507. z-index:9999;
  508. background:#000; /* change to #fff for solid white */
  509. opacity:0.5; /* change to opacity:1; */
  510. }
  511.  
  512. </style>
  513.  
  514. <body>
  515.  
  516. <div id="ask" class="popup_block">
  517. <Center><iframe frameborder="0" scrolling="yes" width="100%" height="290" src="http://www.tumblr.com/ask_form/deviliciious.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  518. </center></div>
  519. </div>
  520.  
  521. </div></div></div></div></div></div></div></div></div></div>
  522.  
  523. <div id="rules" class="popup_block">
  524. <h2>please read!</h2>
  525. <p><center><small>
  526. This is an independant, semi-selective, non-exclusive; roleplay blog for <b>Sebastian Michaelis</b> from Yana Toboso's <b>Kuroshitsuji</b>. Portayal is mostly based on the manga but includes characteristics from the anime. It also includes personal headcanons and respective development.<p>
  527. <h2>Following + Content</h2>
  528. <p>
  529. I do not always follow everyone that follows me but I may interact with non-mutuals. Priority is given towards mutuals but once in a while, I include followers into starter calls and will respond to memes from them whenever possible. I may unfollow for several reasons, the main one being you have unfollowed me first. Too much out of character content, untagged #nsfw or drama will earn you an unfollow. You are free to unfollow me whenever you wish and for whatever reason! No hard feelings c:
  530. <p>
  531. I <b>request</b> that you tag your #nsfw, #eye horror and #gore (especially live action or something very graphical). Thank you!
  532. <p>
  533. As for content, the mun of this blog is well above the legal age of consent (currently 22 years old) and will write mature topics. The blog will contain sexual themes (which are tagged as #nsfw), triggering topics (#blood tw, #body horror tw, #skeletons tw, #gore tw, etc) and mentions of abuse and animal death ( #abuse mention cw, #animal death cw), it will also invole mentions of alcohol, drugs, demonic and religious symbolism, may include dark humor which can be considered insensitive to some and other darker topics.
  534. <p>
  535. Anything you need a proper tag for, please leave me a message!
  536. <p>
  537. <h2>SHIPPING + WRITING</h2>
  538. <p>
  539. This blog <b>does not</b> ship Sebastian and Ciel. I will not ship with underaged muses. Romance and sexual themes are reserved for muses and muns that are above the legal age in most countries (18+). Shipping is not my main focus but it may happen with proper development and communication. Keep in mind that there can be other relationships beyond romantic or sexual such as platonic, friends and enemies!<p>
  540. As for writing, I use small text (sub+sup) and tend to format it using bolds and italics. I use icons as well but you are not required to match the way I write nor use icons. All that I wish is for you to respect the length of my reply and try to give me something to work with. If I write several paragraphs and you reply with only a few lines, it tends to demotivate me and lose interest in the thread and future interactions.
  541. <p>
  542. <h2>BASIC INFORMATION</h2>
  543. <p>
  544. You are free to send me messages (ic and ooc) whenever you want. You may send memes and request a thread or suggest any ideas for a plot. Mutuals may use the I.M feature to approach me whenever needed and I may give my Skype contact as well!<p>
  545. If we are mutuals, you are free to mention me in posts and tag me in any random starters you may want to write for me. I promise to do my best to reply to them and I always try to leave a message saying that I have seen the starter and have saved it in my drafts.<p>
  546. Please do not reblog too much content from me as it tends to flood my activity feed. I do not practice reblog karma so, go ahead and reblog a meme from me even without sending anything, I do not mind! But do not be shy if you are interested in sending one, alright? :)<p>
  547. Please do not take content from this blog without proper permission. I have given credits on a proper pop-up page and I would like you to refer to that if you wish to see where I have taken some icons from. Do not take headcanons from this blog or pieces of writing without asking me first.<p>
  548. Please do not spam me with messages and try to be patient with how I write. I will always respect whatever time you take in answering threads or messages so, never feel pressured to match my speed.
  549. <p>
  550. Anything else you may need to know, my askbox is always open!
  551.  
  552. <p>
  553. Here is an adorable video of some <a href="https://www.youtube.com/watch?v=lAIGb1lfpBw">cute animated cats</a> in case you needed it!</small></center>
  554. </div>
  555. </div>
  556.  
  557. <div id="about" class="popup_block">
  558. <h2>basic information</h2>
  559. <p>
  560. <img src="http://images6.fanpop.com/image/photos/32500000/Sebastian-kuroshitsuji-32534603-400-204.gif"><p>
  561. <small><center>
  562. <b>NAME:</b> Raum, Knhum (?), Sebastian Michaelis ( human name )<br>
  563. <b>AGE:</b> Unknown, over two thousand years old as of early 1800's<br>
  564. <b>SPECIES:</b> Demon, a fallen angel<br>
  565. <b>APPEARANCE:</b> Always tall and pale with very bright coloured eyes, appearance may change depending on verse and contract but for convenience's sake, it will be the default one seen in the franchise<br>
  566. <b>VOICE CANON:</b> CDAWGVA = <a href="https://www.youtube.com/watch?v=CONbHm7qtyU">example 1</a>, <a href="https://www.youtube.com/watch?v=3BFixnka4Xw">example 2</a>
  567. <p>
  568. <h2>background story</h2>
  569. <p>
  570. Before you read this, please understand that I have come up with a very specific universe that harbours several religions but may not be a hundred-percent accurate to how they work. Summoning demons is not as easy as making some type of ritual, I see God, the 'Devil', angels and demons as how most see them but some things may change. This is how I have chosen how to portray Sebastian Michaelis, it is in no way related to canon since there is not much information on his origins to begin with.
  571. <p>
  572. Once an angel adored by the Creator and his bretheren, Raum was one of the most beautiful angels in Heaven. His wings were well-kept, his hair and eyes reminded other of the Earth and he seemed to have a bright attitude. After decades after decades of observing mankind, Raum started to grow rebellious, believing they were unworthy of life due to their selfish and violent nature as an attempt to learn and commune with humans to change his views, he left Heaven and began mingling with the mortals.
  573. <p>
  574. With time came patience and with patience came understanding. He saw kindness in the world even with all of the cruelty, understood that humans deserved to be alive and to be given the chance to learn just as he had been given the chance to thread between them. He fell in-love with a woman, not knowing much of affections besides innocent touches he ended up sleeping with a female human and succumbing to the sin of lust. He was forced to return to Heaven to meet a disappointed Creator, told that he would have to leave Paradise for succumbing to carnal desires and becoming emotionally attached to a human.
  575. <p>
  576. After the Fall, Raum found himself losing his wings; though in a metaphorical sense. They would exist physically but darkened and heavy, impossible to use to symbolize the weight of his sins. Dragged into Hell where the Princes of Hell sealed any memories related to his life as an angel, Raum was 'reborn' as a demon and with hatred towards the Creator and angels, began experiencing his new life as a creature from the underworld.
  577. <p>
  578. After the Black Plague which he unleashed to gain a large amount of power, he was 'promoted' to a higher-position in Hell. Given an army, a mansion, powers he never had dreamed off, Raum became one of the most powerful demons in a short amount of time. He is still power-hungry; his personality is corrupted, he is capable of being cruel and kind, unpredictable and difficult to read. He is sadistic, manipulative and violent at times but there is still a part of him that never seemed to be locked away; the ability to revert to a kinder state from when he was an angel. Raum is prone to fits of pyromania, suffers from a large ego which makes him arrogant, often sees others as inferior if they do not match him in physical nor mental strength.
  579.  
  580. <p><b>He is always being developed! </b>
  581. <p>
  582. <h2>more information</h2>
  583. <p>
  584. For a detailed description of his powers and some headcanons about this muse, feel free to <a href="/p">check out this page!</a> Information may be subject to change and is not 100% reliable so, take this page with a grain of salt. As more canon information is released, this page will be edited in whichever way necessary. Anything you need to know, message me and I will do my best to answer you!
  585. </small></center>
  586. </div>
  587. </div>
  588.  
  589. <div id="navigation" class="popup_block">
  590. <h2>related to the muse</h2>
  591. <p>
  592. <center><a href="/tagged/▌: ( a butler's aesthetic ) ; ">the butler</a> | <a href="/tagged/▌ : ( a demon's anatomy ) ;">the demon (tw!)</a> | <a href="/tagged/☾his skillful hands☽;">musings</a> | <a href="/tagged/☾those charming paws☽;"> cats</a> <br> <a href="/tagged/☾creatures from hell☽;">monsters from hell (tw!)</a> | <a href="/tagged/☾sins of the flesh☽;">desires (nsfw!)</a></center>
  593.  
  594. <h2>related to writing</h2>
  595. <p>
  596. <center><a href="/tagged/‹ headcanon ›">headcanons</a> | <a href="/tagged/‹ in character ›">messages</a> | <a href="/tagged/‹ interactions ›">interactions</a> | <a href="/tagged/|| memes! ;">memes</a></center>
  597.  
  598.  
  599. <h2>out of characters + others</h2>
  600. <p>
  601. <center><a href="/tagged/☾record player☽;">music</a> | <a href="/tagged/ || ooc ;">out of character</a> | <a href="/tagged/ || info! ;">information</a> | <a href="/tagged/|| saved! ;">treasures</a> | <a href="/tagged/|| promo! ;">promotions</a>
  602. <h2>other pages</h2>
  603. <p>
  604. <a href="/p">powers and more</a> | <a href="/v">verses (tba) </a> | <a href="/f">relationships (tba)</a>
  605. </center>
  606. </div>
  607. </div>
  608.  
  609. <div id="disclaimer" class="popup_block">
  610. <h2>credits</h2>
  611. <p>
  612. <small><center>Content is free to be used and altered if proper credit is given. If you see your work here and would like me to remove it then feel free to contact me. Do not take content from this blog without asking for permission. All of this is for private use.</p></small>
  613. <b>BACKGROUND:</b> official art's edit by <a href="http://vengefulsoul.tumblr.com">vengefulsoul</a>
  614. <p><b>ICONS:</b> most cropped by me from the manga, some edited from bases ( <a href="http://dawns-icons.tumblr.com/">here</a>, <a href="http://himesuga.tumblr.com/">here</a>, <a href="http://iconography.dreamwidth.org/">here</a> ), some cropped from official art, fanart and doujinshis ( pink kitten, kuromamepack, shina himetsuka, sagawa x and others ), chibi icons cropped from <a href="http://tenshi-no-hikari.deviantart.com/">tenshi-no-hikari</a> works
  615. <p><b>THEME'S CODE:</b> <a href="http://napsthemes.tumblr.com" target="_blank">naps themes</a></center>
  616. </div></div>
  617.  
  618.  
  619. </div></div></div></div></div></div></div></div></div></div>
  620.  
  621.  
  622. <div id="hoverbox">
  623. <div id="hovertitle">{text:hover title}</div>
  624. <div id="hovercontent">{description}</div>
  625. </div>
  626.  
  627. <div id="sidebar">
  628. <div id="links">
  629. <a href="/" title="home">{text:navi links}</a>
  630. <a href="#?w=400" rel="ask" class="poplight" title="message">{text:navi links}</a>
  631. <a href="#?w=400" rel="rules" class="poplight" title="rules">{text:navi links}</a>
  632. <a href="#?w=400" rel="about" class="poplight" title="about muse">{text:navi links}</a>
  633. <a href="#?w=400" rel="navigation" class="poplight" title="navigation">{text:navi links}</a>
  634. <a href="#?w=400" rel="disclaimer" class="poplight" title="disclaimer">{text:navi links}</a>
  635. <br>
  636. {block:Pagination}
  637. {block:PreviousPage}<a href="{PreviousPage}" title="go back">◀</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" title="go forth">►</a>
  638. {/block:NextPage}
  639. {/block:Pagination}</div>
  640.  
  641. </div>
  642.  
  643.  
  644.  
  645. <div id="container">
  646.  
  647. {block:Posts}
  648.  
  649. <div class="posts">
  650.  
  651. {block:Text}{block:Title}{Title}{/block:Title}{Body}{/block:Text}
  652.  
  653. {block:Photo}<center><img src="{PhotoURL-250}" alt="{PhotoAlt}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  654.  
  655. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  656.  
  657. {block:Photoset}<center>{Photoset-250}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  658.  
  659. {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="quotesource">{Source}</div>{/block:Source}{/block:Quote}
  660.  
  661. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  662.  
  663. {block:Chat}{block:Title}{Title}</a>{/block:Title}
  664. {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  665.  
  666. {block:Video}<center>{Video-250}</center>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  667.  
  668. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  669.  
  670. {block:Answer}
  671. <div class="askerr">{Asker} {text:asked}</div>
  672. <div class="question">{Question}</div>
  673. <div class="answer"><p>{Answer}</p></div>
  674. {/block:Answer}
  675.  
  676. <div class="permalinks">
  677.  
  678. {block:Date}
  679. <a href="{Permalink}" title="posted {TimeAgo}"> {text:perma links} &nbsp; </a>{/block:Date}
  680. <a href="{Permalink}" title="{NoteCountWithLabel}"> {text:perma links} &nbsp; </a>
  681. {block:RebloggedFrom}
  682. <a href="{ReblogParentURL}" title="via : {ReblogParentName}"> {text:perma links} &nbsp; </a>
  683. <a href="{ReblogRootURL}" title="source : {ReblogRootName}"> {text:perma links} &nbsp; </a>
  684. {/block:RebloggedFrom} <a href="{ReblogURL}" title="reblog this"> {text:perma links} </a>
  685. </div>
  686.  
  687. <div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}">&nbsp; #&nbsp;{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  688.  
  689. {block:PostNotes}{PostNotes}
  690. {/block:PostNotes}
  691.  
  692. </div>
  693.  
  694. {/block:Posts}
  695.  
  696. </div>
  697.  
  698. {block:ContentSource}
  699. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  700. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  701. {/block:SourceLogo}
  702. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  703. {/block:ContentSource}
  704. </body>
  705. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement