API tools faq
paste
Advertisement
Daichi-Sama

Abel theme

Daichi-Sama
Mar 26th, 2019
187
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 51.27 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. This code has been written by https://ddkinzart.tumblr.com
  3. Do not sell, repost, remove credit or claim as your own.
  4.  
  5. __ ____ _ __
  6. ____/ /___/ / /__(_)___ ____ ____ ______/ /_
  7. / __ / __ / //_/ / __ \/_ / / __ `/ ___/ __/
  8. / /_/ / /_/ / ,< / / / / / / /_/ /_/ / / / /_
  9. \__,_/\__,_/_/|_/_/_/ /_/ /___/\__,_/_/ \__/
  10. __ __ __
  11. / /_/ /_ ___ ____ ___ ___ _________ ____/ /__
  12. / __/ __ \/ _ \/ __ `__ \/ _ \ / ___/ __ \/ __ / _ \
  13. / /_/ / / / __/ / / / / / __/ / /__/ /_/ / /_/ / __/
  14. \__/_/ /_/\___/_/ /_/ /_/\___/ \___/\____/\__,_/\___/
  15.  
  16. -->
  17.  
  18. <html>
  19. <head>
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}
  24. <meta name="description" content="{MetaDescription}" />
  25. {/block:Description}
  26. </head>
  27.  
  28. <!--tooltip script (it's to edit the way the title of your links look when you hover over them -->
  29. <style>figure{margin:0}.tmblr-iframe{position:absolute}.tmblr-iframe.hide{display:none}</style><link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  30. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  31. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  32. <script>
  33. (function($){
  34. $(document).ready(function(){
  35. $("[title]").style_my_tooltips({
  36. tip_follows_cursor:true,
  37. tip_delay_time:200,
  38. tip_fade_speed:500
  39. });
  40. });
  41. })(jQuery);
  42. </script>
  43.  
  44. <!--pop up tabs script-->
  45. <script>
  46. $(document).ready(function(){
  47. $("ul#tabs li").click(function(e){
  48. if (!$(this).hasClass("active")) {
  49. var tabNum = $(this).index();
  50. var nthChild = tabNum+1;
  51. $("ul#tabs li.active").removeClass("active");
  52. $(this).addClass("active");
  53. $("ul#tab li.active").removeClass("active");
  54. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  55. }
  56. });
  57. });
  58. </script>
  59. <!--script end-->
  60.  
  61. <!--tooltip script end-->
  62. <!--pop up script-->
  63. <script type="text/javascript"
  64. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  65. <script>
  66. $(document).ready(function() {
  67. //
  68. $('a.poplight[href^=#]').click(function() {
  69. var popID = $(this).attr('rel'); //Get Popup Name
  70. var popURL = $(this).attr('href'); //Get Popup href to define size
  71. var query= popURL.split('?');
  72. var dim= query[1].split('&');
  73. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  74. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="https://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="escape" alt="escape" /></a>');
  75. var popMargTop = ($('#' + popID).height() + 80) / 2;
  76. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  77. //Apply Margin to Popup
  78. $('#' + popID).css({
  79. 'margin-top' : -popMargTop,
  80. 'margin-left' : -popMargLeft
  81. });
  82. $('body').append('<div id="fade"></div>');
  83. $('#fade').css({'filter' : 'alpha(opacity=100)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  84. return false;
  85. });
  86. $('a.close, #fade').live('click', function() {
  87. $('#fade , .popup_block').fadeOut(function() {
  88. $('#fade, a.close').remove(); //fade them both out
  89. });
  90. return false;
  91. });
  92. });
  93. </script>
  94. <!--ask pop script end-->
  95. <link href="https://fonts.googleapis.com/css?family=Overpass" rel="stylesheet">
  96.  
  97. <style type="text/css">
  98.  
  99.  
  100. /* ☽ CURSOR ☾ */
  101. /*find more at https://pixel-soup.tumblr.com/tagged/cursors */
  102.  
  103. *, body, a { cursor:url("https://i.imgur.com/2qleX.jpg"), auto }
  104. a:hover { cursor:url("https://68.media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif"), auto } /*this defines the pointer cursor*/
  105.  
  106. /* ☽ CURSOR END ☾ */
  107.  
  108. /* ☽ FONTS ☾ */
  109. /*these are the custom fonts, you can install more just by pasting the code here*/
  110. @font-face{font-family:"nightingale";src:url('https://static.tumblr.com/zx3ibzm/mLdovzrvz/nightingale_sample.ttf');}
  111.  
  112. /* ☽ SELECTION COLOR BEGIN ☾ */
  113.  
  114. ::-moz-selection { /* Code for Firefox */
  115. color: #515151; /*text color of selected text*/
  116. background: transparent; /*color of selection bg*/
  117. }
  118.  
  119. ::selection {
  120. color: #515151; /*text color of selected text*/
  121. background: transparent; /*color of selection bg*/
  122. }
  123.  
  124. /* ☽ SELECTION COLOR END ☾ */
  125.  
  126. /* ☽ SCROLLBAR ☾ */
  127.  
  128. ::-webkit-scrollbar-thumb {
  129. background: transparent; /*color of scrollbar*/
  130. height:0px;
  131. }
  132.  
  133. ::-webkit-scrollbar {
  134. height:0px;
  135. width:1px; /*width of slider*/
  136. background-color:transparent; /*scrollbar's main color*/
  137. }
  138.  
  139. /* ☽ SCROLLBAR END ☾ */
  140.  
  141. body {
  142. background-color:#9b9b9b; /*set this the same color as your background image to avoid black areas on different resolutions*/
  143. background-image:url('https://static.tumblr.com/yrkaez0/jvBpoyrts/abel.png'); /*background image goes here*/
  144. background-attachment: fixed;
  145. background-repeat: no-repeat;
  146. background-position: left top;
  147. color:#353535; /*body font color*/
  148. font-weight:normal; /*body font weight*/
  149. font-family: 'calibri'; /*body font*/
  150. text-align:justify; /*body text alignment*/
  151. font-size: 10px; /*body font-size*/
  152. letter-spacing:2px;
  153. text-transform: none;
  154.  
  155.  
  156. }
  157.  
  158. small,sub,sup {
  159. font-size:10px;
  160. }
  161.  
  162. /* ☽ PAGINATION BEGIN ☾ */
  163. /*pagination is the little arrow which navigates between pages*/
  164.  
  165. .pagi {
  166. font-size:25px;
  167. font-family:'overpass';
  168. margin-top:510px; /*position of pagination from the top*/
  169. margin-left:965px; /*position of pagination from the left*/
  170. position:fixed;
  171. -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s;
  172. transition-duration: 0.8s; -o-transition-duration: 0.8s;}
  173.  
  174. .pagi a {
  175. color: #ccc; /*color of pagination*/
  176. text-shadow: 0px 0px 5px #000; /*glow of pagination*/
  177. }
  178.  
  179. .pagi a:hover {
  180. color: #de4747; /*color of pagination on hover*/
  181. text-shadow: 0px 0px 5px #862626; /*glow of pagination on hover*/
  182. }
  183.  
  184. /* ☽ TOOLTIP BEGIN ☾ */
  185.  
  186. /*the tooltip is the text that appears when you hover on a link / tag / etc.
  187. this script stylizes it*/
  188.  
  189. #s-m-t-tooltip{
  190. max-width:400px;
  191. margin:15px;
  192. padding:2px 8px;
  193. background-image: url(""); /*include image if you want a background for the tooltip text*/
  194. background: transparent;
  195. background-repeat:repeat;
  196. background-attachment:fixed;
  197. color:#fff; /*color of tooltip text*/
  198. /*change all the text shadow to change the outline / stroke color of the tooltip text*/
  199. text-shadow:1px 1px #000,
  200. 1px -1px #000,
  201. 1px 0px #000,
  202. 0px 1px #000,
  203. 0px -1px #000,
  204. -1px 1px #000,
  205. -1px 0px #000,
  206. -1px -1px #000;
  207. box-shadow: none;
  208. font-size:10px; /*size of tooltip text*/
  209. letter-spacing:2px;
  210. font-family: 'nightingale';
  211. text-transform:lowercase;
  212. z-index:99999999999999999999;
  213. }
  214.  
  215.  
  216. #s-m-tooltip:hover {
  217. -webkit-transition: all 0.6s ease-out;
  218. -moz-transition: all 0.6s ease-out;
  219. transition: all 0.6s ease-out;
  220. -o-transition:all 0.6s ease;
  221. -ms-transition: all 0.6s ease-in-out;}
  222.  
  223. /* ☽ TOOLTIP END ☾ */
  224.  
  225. /* ☽ TEXT STYLE BEGIN ☾ */
  226.  
  227. b, bold, strong {
  228. font-size:12px; /*size of bold text*/
  229. letter-spacing:1px;
  230. font-weight:bold;
  231. text-transform:uppercase;
  232. line-height: 120%;
  233. font-family: 'times'; /*font family of bold text*/
  234. color: #ccc; /*color of bold text*/
  235. text-shadow: 0px 0px 2px #000; /*color of body text shadow*/
  236. }
  237.  
  238. i, italic, em {
  239. font-size:9px; /*size of italic text*/
  240. color: #ccc; /*color of italic text*/
  241. font-family: 'nightingale'; /*font family of italic text*/
  242. line-height:120%;
  243. text-shadow: 0 0 3px #000, /*glow color of italic text*/
  244. 0 0 5px #000;
  245. font-weight:normal;
  246. letter-spacing:1px;
  247. text-transform:lowercase;
  248. }
  249.  
  250. h3, h4 { /*this styles the headers inside the popups*/
  251. background-image: url(''); /*background image of headers*/
  252. background-repeat:repeat;
  253. background-attachment:fixed;
  254. padding:3px;
  255. color:#ccc; /*text color of header*/
  256. text-shadow: 1px 1px #000,
  257. 1px -1px #000,
  258. 1px 0px #000,
  259. 0px 1px #000,
  260. 0px -1px #000,
  261. -1px 1px #000,
  262. -1px 0px #000,
  263. -1px -1px #000;
  264. /*change all the above to the same color to change the outline text color of the headers*/
  265. font-size:9px;
  266. line-height:120%;
  267. text-transform:uppercase;
  268. border-top:solid 1px #515151;
  269. border-bottom: solid 1px #515151;
  270. border-top-right-radius: 25px;
  271. border-bottom-left-radius: 25px;
  272. text-align:center;}
  273.  
  274. /* ☽ POP-UPS HEADER STYLE END ☾ */
  275.  
  276. /* ☽ BODY LINKS ☾ */
  277.  
  278. a,a:visited,a:active {
  279. color: #ccc; /*color of links*/
  280. letter-spacing: 2px;
  281. text-decoration:none;
  282. text-shadow: 1px 1px #000,
  283. 1px -1px #000,
  284. 1px 0px #000,
  285. 0px 1px #000,
  286. 0px -1px #000,
  287. -1px 1px #000,
  288. -1px 0px #000,
  289. -1px -1px #000;
  290. -moz-transition-duration: 0.6s;
  291. -o-transition-duration: 0.6s;
  292. -webkit-transition-duration: 0.6s;
  293. transition-duration: 0.6s;
  294. }
  295.  
  296. a:hover {
  297. color: #ccc; /*glow color of asker url*/
  298. transition: all 0.6s ease-out;
  299. }
  300.  
  301. /* ☽ LINK END ☾ */
  302.  
  303. /* ☽ POST TITLE SETTINGS ☾ */
  304.  
  305. .titulo {
  306.  
  307. font-family: 'times';
  308. font-weight:normal;
  309. font-size: 18px; /*size of title*/
  310. text-align: center;
  311. text-transform: uppercase;
  312. color: #ccc; /*color of title*/
  313. }
  314.  
  315. /* ☽ TITLE SETTINGS END ☾ */
  316.  
  317. /* ☽ CONTAINER POSITION AND STYLE ☾ */
  318.  
  319. #container {
  320. position:absolute;
  321. left:465px; /*position of container from the left*/
  322. top:252px; /*position of container from top*/
  323. height:270px; /*determines height of container*/
  324. overflow-y:scroll;
  325. border:1px solid transparent;
  326. }
  327.  
  328. #entries {
  329. background-color:transparent; /*color of posts background*/
  330. }
  331.  
  332. #content {
  333. width:423px; /*determines width / size of posts*/
  334. padding:0px 15px;
  335. }
  336.  
  337. #entries img {
  338. max-width: 100%;
  339. height: auto; /*keep auto if you don't want any stretching to occur*/
  340. opacity:1; /*change this to change visibility of post images, set it to 1 if you want it completely visible*/
  341. -moz-transition-duration: 0.5s;
  342. -o-transition-duration: 0.5s;
  343. -webkit-transition-duration: 0.5s;
  344. transition-duration: 0.5s;
  345. padding:5px;
  346.  
  347. }
  348.  
  349. #entries img:hover {
  350. opacity: 1; /*image opacity of posts on hover*/
  351. -moz-transition-duration: 0.5s;
  352. -o-transition-duration: 0.5s;
  353. -webkit-transition-duration: 0.5s;
  354. transition-duration: 0.5s;
  355. padding:5px;
  356.  
  357. }
  358.  
  359. /* ☽ CONTAINER END ☾ */
  360.  
  361. /* ☽ BLOCKQUOTE BEGIN ☾ */
  362.  
  363. blockquote {
  364. border-left: 1px dashed #ccc; /*color of blockquote*/
  365. padding: 0px 0px 2px 15px;
  366. margin: 3px 0 3px 8px;
  367. }
  368.  
  369. blockquote img {
  370. max-width:100%;
  371. height:auto; /*keep as auto to avoid stretched images*/
  372. }
  373.  
  374. /* ☽ BLOCKQUOTE END ☾ */
  375.  
  376. /* ☽ ASK POST BEGIN ☾ */
  377.  
  378. #question {
  379. background-color:#818181; /*color behind question / asker*/
  380. text-align: left;
  381. padding: 10px;
  382.  
  383. }
  384.  
  385. #asker {
  386. color: #ccc; /*color of anonymous asker*/
  387. text-shadow:0px 0px 5px #000; /*glow of anon asker*/
  388. font-size:10px;
  389. padding-bottom: 3px;
  390. font-family:'times';
  391. text-decoration:none;
  392. border-bottom: 1px solid #363333; /*line below asker color/ width*/
  393. -webkit-transition: all 0.6s ease-out;
  394. -moz-transition: all 0.6s ease-out;
  395. transition: all 0.6s ease-out;
  396. -o-transition:all 0.6s ease;
  397. -ms-transition: all 0.6s ease-in-out;
  398.  
  399. }
  400.  
  401. #asker a {
  402. color: #ccc; /*color of asker url if not anonymous*/
  403. text-shadow: 1px 1px #000,
  404. 1px -1px #000,
  405. 1px 0px #000,
  406. 0px 1px #000,
  407. 0px -1px #000,
  408. -1px 1px #000,
  409. -1px 0px #000,
  410. -1px -1px #000;
  411. font-size: 10px;
  412. }
  413.  
  414. #asker a:hover {
  415. color: #ccc; /*glow color of asker url*/
  416. transition: all 0.6s ease-out;
  417. }
  418.  
  419. #whisper { /*whisper is the word next to the asker; you can change it in the html below, but can edit its color / style here*/
  420. font-size:10px;
  421. font-family:'times';
  422. color:#ccc; /*color of 'whispered*/
  423. text-transform:uppercase;
  424. }
  425.  
  426. #ask {
  427. font-size:8px;
  428. font-family:helvetica;
  429. letter-spacing:2px;
  430. padding-top: 5px;
  431. line-height:120%;
  432. text-align:left;
  433. text-transform:uppercase;
  434. color: #ccc; /*color of the question text itself*/
  435. }
  436.  
  437. #answer {
  438. padding-top:0px;
  439. }
  440.  
  441. /* ☽ ASK POST END ☾ */
  442.  
  443. /* ☽ CHAT POST BEGIN ☾ */
  444.  
  445. .convo {
  446. font-size: 10px;
  447. line-height:120%;
  448. text-align:left;
  449. padding:0px;
  450. }
  451.  
  452. .convo li {
  453. list-style:none;
  454. }
  455.  
  456. .convo .label {
  457. text-transform: uppercase;
  458. font-weight:bold;
  459. }
  460.  
  461. .line_odd .label {
  462. color: #fff; /* Color of odd person in the chat */
  463. background: none;
  464. }
  465.  
  466. .line_even .label {
  467. color: #de4747; /* Color of even person in the chat */
  468. }
  469.  
  470. .line_even {
  471. margin:0px 10px;
  472. padding: 5px;
  473. text-align:left;
  474. font-weight:bold;
  475. text-shadow:none;
  476. padding: 10px 20px 10px 20px;
  477. }
  478.  
  479. .line_odd {
  480. margin:0px 10px;
  481. padding: 5px;
  482. background-color:#242121; /*background color of odd text*/
  483. text-align:left;
  484. text-shadow:none;
  485. padding: 10px 20px 10px 20px;
  486. }
  487.  
  488. /* ☽ CHAT POST END ☾ */
  489.  
  490. /* ☽ AUDIO POST BEGIN ☾ */
  491.  
  492. .play {
  493. margin-top:15px;
  494. margin-left: 10px;
  495. position: relative;
  496. height: 35px; /*size of play button*/
  497. width: 35px; /*size of play button*/
  498. padding: 2px;
  499. background-color:none;
  500. overflow: hidden;
  501. z-index:99;
  502. opacity: 0.3;
  503. -webkit-backface-visibility: hidden;
  504. -webkit-transform: translate3d(0,0,0);
  505. }
  506.  
  507. .play:hover {
  508. opacity: 0.7;
  509. -webkit-backface-visibility: hidden;
  510. -webkit-transform: translate3d(0,0,0);
  511.  
  512. }
  513.  
  514. .album img {
  515. position: relative;
  516. margin-top: -50px;
  517. width: 50px; /*size of album art*/
  518. height: 50px; /*size of album art*/
  519. }
  520.  
  521. .trackinfo {
  522. position: relative;
  523. height: 50px;
  524. margin-left: 70px;
  525. margin-top: -55px;
  526. }
  527.  
  528. /* ☽ AUDIO POST END ☾ */
  529.  
  530. /* ☽ QUOTE POST BEGIN ☾ */
  531.  
  532. .quote {
  533. font-family: "nightingale";
  534. font-size: 10px;
  535. font-weight:normal;
  536. padding: 10px 50px;
  537. text-transform: lowercase;
  538. padding-bottom:30px;
  539. text-align: center;
  540. color: #ccc; /*color of quote*/
  541. text-shadow: 0px 0px 2px #862626; /*glow color of quote*/
  542.  
  543. }
  544.  
  545. /* ☽ QUOTE POST END ☾ */
  546.  
  547. /* ☽ LINK POST BEGIN ☾ */
  548.  
  549. #linku {
  550. font-weight:bold;
  551. line-height:100%;
  552. padding-top: 10px;
  553. text-align: center;
  554. }
  555.  
  556. /* ☽ LINK POST END ☾ */
  557.  
  558. /* ☽ SIDEBAR BEGIN ☾ */
  559.  
  560. #boxy {
  561. position:fixed;
  562. width:130px;
  563. height:520px; /*height of sidebar box*/
  564. top:235px; /*position of sidebar box from the top*/
  565. margin-left:925px; /*position of sidebar box from the left*/
  566. opacity:1;
  567. -webkit-transition: all 0.7s ease;
  568. -moz-transition: all 0.7s ease;
  569. -o-transition: all 0.7s ease;
  570. }
  571.  
  572.  
  573. #despacito { /*the small description in the side bar, above the links*/
  574. margin-top:10px;
  575. text-align:center;
  576. font-size: 9px;
  577. letter-spacing: 3px;
  578. font-family:'calibri';
  579. background-color:#909090;
  580. text-transform: uppercase;
  581. color: #353535; /*text color of description*/
  582. margin-top:25px;
  583. margin-bottom: 20px;
  584.  
  585. }
  586.  
  587. /*sidebar links start from here*/
  588.  
  589. #pops {
  590. border: dashed 1px #515151; /*color of border around sidebar links*/
  591. background-color: #909090; /*background color behind side links*/
  592. box-shadow: 0px 0px 2px #909090;
  593. }
  594.  
  595. .sail a { /*sidebar links*/
  596. display: block;
  597. width: 100px;
  598. font-size:10px;
  599. padding: 2px;
  600. line-height:110%;
  601. text-align: center;
  602. letter-spacing: 1px;
  603. margin: 10px;
  604. color:#ccc; /*text color of sidebar links*/
  605. text-shadow: 1px 1px #000,
  606. 1px -1px #000,
  607. 1px 0px #000,
  608. 0px 1px #000,
  609. 0px -1px #000,
  610. -1px 1px #000,
  611. -1px 0px #000,
  612. -1px -1px #000;
  613. /*change all the hex to the same code to change outline / stroke color of text*/
  614. text-transform:uppercase;
  615. background-image: url(''); /*background image of sidelinks*/
  616. background-repeat:none;
  617. background-attachment:fixed;
  618. border-top:solid 1px #515151; /*top border of side links*/
  619. border-left:solid 1px #515151; /*left border of side links*/
  620. border-right: solid 1px #515151; /*right border of side links*/
  621. border-bottom: solid 1px #515151; /*bottom border of side links*/
  622.  
  623. }
  624.  
  625. .sail a:hover {
  626. letter-spacing: 5px;
  627. -webkit-transition: all .5s ease-in-out;
  628. -moz-transition: all .5s ease-in-out;
  629. -ms-transition: all .5s ease-in-out;
  630. -o-transition: all .5s ease-in-out;
  631. transition: all .5s ease-in-out;
  632. }
  633.  
  634. /* ☽ SIDEBAR END ☾ */
  635.  
  636. /* ☽ TAGS & POST INFO BEGIN ☾ */
  637.  
  638. .permalinks { /*permalinks are the small navigation symbols of each post, with the date, etc.*/
  639. background-color:transparent; /*color of permalinks background*/
  640. padding: 1px 5px 5px 1px;
  641. text-align:center;
  642. font-size:11px;
  643. text-transform:uppercase;
  644. margin-top:15px;
  645. -moz-transition-duration:.6s;
  646. -webkit-transition-duration:.6s;
  647. -o-transition-duration:.6s;
  648. -webkit-filter: blur(0px);
  649.  
  650.  
  651. }
  652.  
  653. .permalinks a {
  654. font-family:'calibri';
  655. letter-spacing:5px;
  656. font-size: 11px;
  657. font-weight:normal;
  658. text-decoration:none;
  659. }
  660.  
  661.  
  662. .permalinks a:hover {
  663. letter-spacing:5px;
  664. -webkit-transition: all 0.5s ease-in-out;
  665. -moz-transition: all 0.5s ease-in-out;
  666. -o-transition: all 0.5s ease-in-out;
  667. -ms-transition: all 0.5s ease-in-out;
  668. transition: all 0.5s ease-in-out;
  669. }
  670.  
  671. .tags {
  672.  
  673. text-align:justify;
  674. padding: 0px 50px;
  675. margin-bottom:15px;
  676. color: #ccc; /*this determines the color of the small # before the tags*/
  677. font-size:10px;
  678. text-shadow:0px 0px 3px #000; /*shadow color of # */
  679. padding-bottom: 30px;
  680. }
  681.  
  682. .tags a {
  683. color:#ccc; /*change this for the actual color of the tags*/
  684. font-size:8px;
  685. font-weight:bold;
  686. text-transform:uppercase;
  687. text-shadow: 1px 1px #000,
  688. 1px -1px #000,
  689. 1px 0px #000,
  690. 0px 1px #000,
  691. 0px -1px #000,
  692. -1px 1px #000,
  693. -1px 0px #000,
  694. -1px -1px #000;
  695.  
  696.  
  697. }
  698.  
  699.  
  700. .tags a:hover {
  701. letter-spacing:2px;
  702. color: #fff; /*tag color on hover*/
  703. -webkit-transition: all 0.5s ease-in-out;
  704. -moz-transition: all 0.5s ease-in-out;
  705. -o-transition: all 0.5s ease-in-out;
  706. -ms-transition: all 0.5s ease-in-out;
  707. transition: all 0.5s ease-in-out;
  708.  
  709. }
  710.  
  711. #divider { /*this is the dividing image between the post and its info*/
  712. background-image:url('https://static.tumblr.com/pyp0mui/5Kxpl4198/png.png'); /*place the image here*/
  713. width:95%;
  714. height:4px;
  715. background-position:center;
  716. padding: 2px 10px;
  717. border: solid 1px #6b6b6b; /*border color of the image*/
  718. margin-bottom:5px;
  719. }
  720.  
  721. /* ☽ TAGS & POST INFO END ☾ */
  722.  
  723. /* ☽ POPUPS BEGIN ☾ */
  724.  
  725. #fade {
  726. display: none;
  727. background: #818181; /*color of pop up fade / overlay */
  728. background-image: url('');
  729. position: fixed; left: 0; top: 0;
  730. width: 100%;
  731. height: 100%;
  732. opacity: 0.8;/* you can make it 0 if you don't want a surrounding color to the popup or set it to 1 to have the background posts and theme invisible and only the pop up showing */
  733. z-index: 9999;
  734. }
  735.  
  736. .popup_block {
  737. display:none;
  738. HEIGHT:auto;
  739. width:auto;
  740. background:transparent;
  741. padding:0px;
  742. float:left;
  743. position:fixed;
  744. margin:auto;
  745. z-index: 99999;
  746. }
  747.  
  748. .popup_boxy { /*this is the image behind your popup content*/
  749. background:transparent; /*color of the popup background*/
  750. background-image:url(""); /*image of the popup background; goes behind the content*/
  751. position:absolute;
  752. text-align:center;
  753. font-size: 10px; /*font size of the words inside the box */
  754. padding:20px;
  755. margin:auto;
  756. width: 575px; /*width of pop up background*/
  757. height:650px; /*height of pop up background*/
  758. overflow-y:none;
  759. top:80px; /*position of pop up*/
  760. left:540px;
  761. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  762. }
  763.  
  764. .popup_content { /*this is the box where your pop up text goes*/
  765. height:350px; /*height of pop up content*/
  766. width: 440px; /*width of pop up content*/
  767. padding: 10px 50px;
  768. margin:auto;
  769. margin-top: 100px;
  770. border: dashed 1px #515151; /*border color of popup box*/
  771. box-shadow: :1px 1px #de4747,
  772. 1px -1px #de4747,
  773. 1px 0px #de4747,
  774. 0px 1px #de4747,
  775. 0px -1px #de4747,
  776. -1px 1px #de4747,
  777. -1px 0px #de4747,
  778. -1px -1px #de4747;
  779. /*change all the hex code to change the second border color of the pop up box*/
  780. border-radius:25px;
  781. overflow-y:scroll;
  782. background:#909090; /*background color of pop up box, the background behind your popup text*/
  783. }
  784.  
  785. .tabheader { /*tab header is the pop up title hovering above popup*/
  786. position:absolute;
  787. top:166px; /*make sure to keep this less than position of box so it floats above it always*/
  788. left:523px; /*position of header from left*/
  789. text-align:center;
  790. width:300px;
  791. background:transparent;
  792. color:#ccc; /* color of hanging pop up header */
  793. text-shadow:0px 0px 10px #000, /*glow color of popup header*/
  794. 0px 0px 3px #000,
  795. 0px 0px 5px #000;
  796. overflow-y:scroll;
  797. font-family: 'nightingale';
  798. font-size:15px; /*size of pop up header text*/
  799. font-weight:normal;
  800. letter-spacing:1px;
  801. text-transform:lowercase;
  802. z-index: 999999;
  803. }
  804.  
  805. /* ☽ TABBED POPUPS BEGIN ☾ */
  806.  
  807. #tabid { /*this is the navigation of your tabbed popups*/
  808. position:absolute;
  809. top: 300px; /*position of tab navigation*/
  810. left: 440px; /*position of tab navigation*/
  811. border: dashed 1px #515151;
  812. width:auto;
  813. background:#909090; /*background color of tabbed navigation*/
  814. height:195px;
  815. overflow:scroll;
  816. padding:0px;
  817. z-index: 999999;
  818. text-transform:uppercase;
  819. }
  820.  
  821. ul#tabs {
  822. list-style-type: none;
  823. padding: 0;
  824. text-align: center;
  825. }
  826.  
  827. ul#tabs li.active { /*your active tab*/
  828. width: 100px; /*width of your active tab*/
  829. font-size:10px;
  830. padding: 2px;
  831. line-height:110%;
  832. text-align: center;
  833. letter-spacing: 1px;
  834. margin: 10px;
  835. color:#ccc; /*text color of active tab*/
  836. text-shadow: 1px 1px #000,
  837. 1px -1px #000,
  838. 1px 0px #000,
  839. 0px 1px #000,
  840. 0px -1px #000,
  841. -1px 1px #000,
  842. -1px 0px #000,
  843. -1px -1px #000;
  844. /*change all the hex to change outline color of text*/
  845. text-transform:uppercase;
  846. background-color: #515151; /*background image of active tab*/
  847. background-repeat:repeat;
  848. background-attachment:fixed;
  849. border-top:solid 1px #515151; /*border of active tab*/
  850. border-left:solid 1px #515151;
  851. border-right: solid 1px #515151;
  852. border-bottom: solid 1px #515151;
  853. box-shadow:none;
  854. -webkit-transition: all .5s ease-in-out;
  855. -moz-transition: all .5s ease-in-out;
  856. -ms-transition: all .5s ease-in-out;
  857. -o-transition: all .5s ease-in-out;
  858. transition: all .5s ease-in-out;
  859. }
  860.  
  861. ul#tabs li:hover { /*appearance when you hover on tab titles*/
  862. width: 100px; /*width when you hover on tab*/
  863. font-size:10px;
  864. padding: 2px;
  865. line-height:110%;
  866. text-align: center;
  867. margin: 10px;
  868. color:#ccc; /*text color of text when you hover on tab*/
  869. text-shadow: 1px 1px #000,
  870. 1px -1px #000,
  871. 1px 0px #000,
  872. 0px 1px #000,
  873. 0px -1px #000,
  874. -1px 1px #000,
  875. -1px 0px #000,
  876. -1px -1px #000;
  877. /*change all the hex to change outline color of text*/
  878. text-transform:uppercase;
  879. background-image: url(''); /*background image when you hover on tabs*/
  880. background-repeat:repeat;
  881. background-attachment:fixed;
  882. border-top:solid 1px #515151; /*border when you hover on tabs*/
  883. border-left:solid 1px #515151;
  884. border-right: solid 1px #515151;
  885. border-bottom: solid 1px #515151;
  886. box-shadow:none;
  887. letter-spacing: 5px;
  888. -webkit-transition: all .5s ease-in-out;
  889. -moz-transition: all .5s ease-in-out;
  890. -ms-transition: all .5s ease-in-out;
  891. -o-transition: all .5s ease-in-out;
  892. transition: all .5s ease-in-out;
  893.  
  894. }
  895.  
  896. ul#tabs li { /*the rest of the titles / your inactive ones*/
  897. width: 100px; /*width of inactive tabs*/
  898. font-size:10px;
  899. padding: 2px;
  900. line-height:110%;
  901. text-align: center;
  902. letter-spacing: 1px;
  903. margin: 10px;
  904. color:#ccc; /*text color of inactive tabs*/
  905. text-shadow: 1px 1px #000,
  906. 1px -1px #000,
  907. 1px 0px #000,
  908. 0px 1px #000,
  909. 0px -1px #000,
  910. -1px 1px #000,
  911. -1px 0px #000,
  912. -1px -1px #000;
  913. /*change all the hex to change outline color of text*/
  914. background-color:#818181; /*borders of inactive tab*/
  915. border-top:solid 1px #515151;
  916. border-left:solid 1px #515151;
  917. border-right: solid 1px #515151;
  918. border-bottom: solid 1px #515151;
  919. box-shadow:none;
  920. -webkit-transition: all .5s ease-in-out;
  921. -moz-transition: all .5s ease-in-out;
  922. -ms-transition: all .5s ease-in-out;
  923. -o-transition: all .5s ease-in-out;
  924. transition: all .5s ease-in-out;
  925. }
  926.  
  927. ul#tab {
  928. list-style-type: none;
  929. margin: 0;
  930. padding: 0;
  931. }
  932.  
  933. ul#tab li {
  934. display: none;
  935. }
  936.  
  937. ul#tab li.active {
  938. display: block;
  939. }
  940.  
  941. /* ☽ TABBED POPUPS END ☾ */
  942.  
  943. img.btn_close {
  944. float: right;
  945. margin: -5px -5px 0 0;
  946. }
  947. /*--Making IE6 Understand Fixed Positioning--*/
  948. *html #fade {
  949. position: absolute;
  950. }
  951. *html .popup_block {
  952. position: absolute;
  953. }
  954.  
  955. /* ☽ NAVIGATION POP UP BEGIN ☾ */
  956. /*this is to stylize the links in your navigation pop up, if you choose to include one; aka the pop up with your tags, etc.*/
  957.  
  958. .navi_linksu {
  959. text-align:center;
  960. padding: 2px 50px;
  961. }
  962.  
  963. .navi_linksu a {
  964. display: inline-block;
  965. width: 120px;
  966. padding: 3px;
  967. margin:5px;
  968. font-size:10px;
  969. line-height:110%;
  970. background-image: url('');
  971. color:#ccc; /*text color of navigation links*/
  972. text-shadow: 1px 1px #000,
  973. 1px -1px #000,
  974. 1px 0px #000,
  975. 0px 1px #000,
  976. 0px -1px #000,
  977. -1px 1px #000,
  978. -1px 0px #000,
  979. -1px -1px #000;
  980. /*change all the hex to change outline color of text*/
  981. background-color:#818181; /*background color of navigation links*/
  982. border-top:solid 1px #515151; /*border of navigation links*/
  983. border-left:solid 1px #515151;
  984. border-right: solid 1px #515151;
  985. border-bottom: solid 1px #515151;
  986. text-transform:uppercase;
  987.  
  988.  
  989. }
  990.  
  991. .navi_linksu a:hover {
  992. -webkit-transition: all .5s ease-in-out;
  993. -moz-transition: all .5s ease-in-out;
  994. -ms-transition: all .5s ease-in-out;
  995. -o-transition: all .5s ease-in-out;
  996. transition: all .5s ease-in-out;
  997. background:#818181; /*background color of navigation links on hover*/
  998. border: solid 1px #515151; /*border of navigation links on hover*/
  999. color:#ccc; /*text color of navigation links on hover*/
  1000. text-shadow: 1px 1px #000,
  1001. 1px -1px #000,
  1002. 1px 0px #000,
  1003. 0px 1px #000,
  1004. 0px -1px #000,
  1005. -1px 1px #000,
  1006. -1px 0px #000,
  1007. -1px -1px #000;
  1008. /*change all the hex to change outline color of text*/
  1009. }
  1010.  
  1011. /* ☽ NAVIGATION POP UP END ☾ */
  1012.  
  1013. /* ☽ VERSES POP UP BEGIN ☾ */
  1014.  
  1015. .versu {
  1016. width:80px; /*verse icon size*/
  1017. height:auto;
  1018. float:left; /*verse icon position*/
  1019. padding:20px;
  1020. }
  1021.  
  1022. .vee {
  1023. text-align:center;
  1024. padding:10px;
  1025. margin-bottom:20px;
  1026. }
  1027.  
  1028. /* ☽ VERSES POP UP END ☾ */
  1029.  
  1030. /* ☽ BONDS / RELATIONSHIPS POP UP BEGIN ☾ */
  1031.  
  1032. #bond {
  1033. width: 130px; /*size of each relationship box*/
  1034. height: auto;
  1035. padding: 2px;
  1036. display: inline-block;
  1037. position: relative;
  1038. margin: 5px;
  1039. }
  1040.  
  1041. .smile { /*this is the image of each relationship*/
  1042. width: 80px; /*size of bond image*/
  1043. height:80px; /*size of bond image*/
  1044. float: center;
  1045. padding: 2px;
  1046. border-radius:100%; /*this makes the icons round, remove it if you want square icons*/
  1047. background-color: none;
  1048. }
  1049.  
  1050. .about { /*the description of each bond*/
  1051. padding: 2px;
  1052. text-align: center;
  1053. color: #9b9b9b; /*color of description*/
  1054. text-transform: uppercase;
  1055. font-size: 8px;
  1056. }
  1057.  
  1058. .about a {
  1059. font-size:8px;
  1060. color: #ccc; /*color of partner name / url*/
  1061. text-shadow: 1px 1px #000,
  1062. 1px -1px #000,
  1063. 1px 0px #000,
  1064. 0px 1px #000,
  1065. 0px -1px #000,
  1066. -1px 1px #000,
  1067. -1px 0px #000,
  1068. -1px -1px #000;
  1069. font-family:'arial';
  1070. text-transform:uppercase;
  1071.  
  1072. }
  1073.  
  1074. /* ☽ POP UP END ☾ */
  1075.  
  1076. /* ☽ CREDIT BEGIN ☾ */
  1077.  
  1078. /*DO NOT REMOVE THIS, DO NOT CHANGE CREDIT, AND DO NOT MAKE INVISIBLE OR HIDDEN IN ANY WAY. DO NOT ADD YOUR OWN CREDIT OR ALTER*/
  1079.  
  1080. .credit {
  1081. font-weight:bold;
  1082. padding:10px;
  1083. font-size:15px;
  1084. bottom:0px;
  1085. right:20px;
  1086. position:fixed;
  1087. font-family:'times';
  1088. -webkit-filter: blur(.5px);
  1089. -moz-filter: blur(.5px);
  1090. -o-filter: blur(.5px);
  1091. -ms-filter: blur(.5px);
  1092. filter: blur(.5px);
  1093.  
  1094. }
  1095.  
  1096. .credit a {
  1097. color:#ccc; /*color of credit; you are only allowed to change this, and do not change to a color that doesn't show*/
  1098. }
  1099.  
  1100. .credit a:hover {
  1101. color: #ccc; /*color of credit on hover; you are only allowed to change this but do not change to a color that doesn't show*/
  1102. }
  1103.  
  1104. /* ☽ CREDIT END ☾ */
  1105.  
  1106. </style>
  1107.  
  1108. <body>
  1109. <!--* ☽ SIDEBAR BEGIN HERE ☾ *-->
  1110.  
  1111. <div id="boxy">
  1112. <!--sidebar title!-->
  1113. <div id="despacito">Abel Nightroad roleplay blog from Trinity Blood.
  1114. <!--sidebar description, keep it up to only few lines for best appearance results!-->
  1115. </div>
  1116. <!--* ☽ SIDEBAR LINKS START HERE ☾ *-->
  1117.  
  1118. <div class="sail">
  1119. <div id="pops"> <!--the title determines what shows when you hover on link!-->
  1120. <a href="/" title="home">return</a>
  1121. <a href="#?w=500" rel="box1" class="poplight" title="letters.">Letters</a>
  1122. <a href="#?w=320" rel="box2" class="poplight" title="navigation.">navigation</a>
  1123. <a href="#?w=320" rel="box3" class="poplight" title="rules.">rules</a>
  1124. <a href="#?w=320" rel="verses" class="poplight" title="verses.">verses</a>
  1125. <a href="#?w=320" rel="box5" class="poplight" title="about.">about</a>
  1126. <a href="#?w=320" rel="box6" class="poplight" title="bonds.">bonds</a>
  1127. </div></div>
  1128. </div>
  1129. </div>
  1130.  
  1131. <!--* ☽ SIDEBAR END ☾ *-->
  1132.  
  1133. <!--* ☽ CREDITS BEGIN HERE - DO NOT REMOVE OR MAKE HIDDEN ☾ *-->
  1134.  
  1135. <div class="credit"><a href="https://ddkinzart.tumblr.com" title="theme by ddkinzart">D.</a></div>
  1136.  
  1137. <!--* ☽ CREDIT END ☾ *-->
  1138.  
  1139. <!--* ☽ POST STRUCTURE BEGINS HERE ☾ *-->
  1140.  
  1141. <!--below is where the post structure begins, don't edit below this point if you're not familiar with coding or tumblr theme attritibutes-->
  1142.  
  1143. {block:Pagination}
  1144. <div class="pagi">
  1145. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  1146. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  1147. </div>
  1148. {/block:Pagination}
  1149. <div id="container">
  1150. <div id="entries">
  1151. {block:Posts}
  1152. <div id="content">
  1153. {block:Text}{block:Title}<div class="titulo">{Title}</div>{/block:Title}{Body}{/block:Text}
  1154. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1155. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1156. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}
  1157. {/block:Photoset}
  1158. {block:Quote}<div class="quote">❝{Quote}❞</div>{block:Source}{Source}{/block:Source}{/block:Quote}
  1159. {block:Link}
  1160. {block:Thumbnail}
  1161. <img src="{Thumbnail}" alt="{Name}" style="width:95%;border-radius:25px">
  1162. {/block:Thumbnail}
  1163. <div id="linku">
  1164. <a href="{URL}" class="link" {Target}>{Name}</a>
  1165. </div>
  1166. {/block:Link}
  1167. {block:Chat}
  1168. {block:Title}
  1169. <div class="titulo">{Title}</div>{/block:Title}<br>
  1170. <ul class="convo">{block:Lines}<li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  1171. {Line}</li>{/block:Lines}</ul>
  1172. {/block:Chat}
  1173. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1174. {block:Audio}
  1175. {block:AudioPlayer}
  1176. <div class="play">{AudioPlayer}</div>{/block:AudioPlayer}
  1177. {block:AlbumArt}
  1178. <div class="album"><img src="{AlbumArtURL}"></div>
  1179. {/block:AlbumArt}
  1180. <div class="trackinfo">
  1181. {block:TrackName}<b>Title</b> {TrackName}{/block:TrackName}
  1182. <br>{block:Artist}<b>Artist</b> {Artist}{/block:Artist}
  1183. <br>{block:Album}<b>Album</b> {Album}{/block:Album}
  1184. </div>
  1185. {block:Caption}{Caption}{/block:Caption}
  1186. {/block:Audio}
  1187. {block:Answer}
  1188. <div id="question">
  1189. <div id="asker">{Asker}<span id="whisper"> whispered: </span></div><div id="ask">{Question}</div> <!--you can change the word 'whispered into something else!-->
  1190. </div>
  1191. <div id="answer">
  1192. {Answer}</div>
  1193. {/block:Answer}
  1194. <div class="permalinks">
  1195. <div id="divider">&nbsp;</div>
  1196. {block:RebloggedFrom}
  1197. <a href="{ReblogParentURL}" title="via: {ReblogParentName}" >♰</a>
  1198. {/block:RebloggedFrom}
  1199. <a href="{Permalink}" title="{timeago}">♰</a>{block:NoteCount}
  1200. <a href="{Permalink}" title="{NoteCount} hits.">♰</a>{/block:NoteCount}
  1201. {block:ContentSource}
  1202. <a href="{SourceURL}" title="source: {SourceTitle}">♰</a>
  1203. {/block:ContentSource}
  1204. <a href="{ReblogURL}" title="reblog" target="_blank">♰</a>
  1205. {/block:RebloggedFrom}
  1206. </div>
  1207. <div class="tags">
  1208. {block:HasTags}
  1209. {block:Tags}
  1210. <!--you can change symbol before tags to something else--># <a href="{TagURL}" title="{Tag}">{Tag}</a>
  1211. {/block:Tags}
  1212. {/block:HasTags}
  1213. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1214. </div></div>
  1215. {/block:Posts}
  1216. </div>
  1217. </div>
  1218. </body>
  1219.  
  1220. <!--* ☽ POST STRUCTURE END ☾ *-->
  1221.  
  1222. <!--* ☽ POP UPS BEGIN ☾ *-->
  1223. <!--This is where the pop ups begin, you can edit beyond this point-->
  1224.  
  1225. <!--* ☽ ASK POP UP BEGIN ☾ *-->
  1226.  
  1227. <div id="box1" class="popup_block" style="top:50%;left:50%">
  1228. <i style="text-align:center;">{AskLabel}</i>
  1229. <br><br>
  1230. <div class="queque">
  1231. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="https://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  1232. </div></div> <!--it is set to automatically direct to your ask box, do NOT change the name into something else-->
  1233. </div>
  1234.  
  1235. <!--* ☽ ASK POP UP END ☾ *-->
  1236.  
  1237. <!--* ☽ NAVIGATION POP UP BEGIN ☾ *-->
  1238.  
  1239. <div id="box2" class="popup_block">
  1240. <div class="tabheader">Navigation.</div><div class="popup_boxy">
  1241. <div class="popup_content">
  1242. <div class="navi_linksu">
  1243. <h3>Tags</h3>
  1244. <!--to add more links simply copy each line and change the tag and title accordingly-->
  1245. <a href="/tagged/musing-|-i-wish-i-had-wings-to-sink-into-the-night-sky">musings</a>
  1246. <a href="/tagged/headcanon-|-studies">headcanons</a>
  1247. <a href="/tagged/meme">Memes</a>
  1248. <a href="/tagged/black-eared-rabbit-%2F-silly-priest-%7C-ic">ic posts</a>
  1249. <a href="/tagged/abel-nightroad-%7C-even-now-I%27m-still-a-monster">abel nightroad</a>
  1250. </div>
  1251. </div>
  1252. </div>
  1253. </div>
  1254.  
  1255. <!--* ☽ NAVIGATION POP UP END ☾ *-->
  1256.  
  1257. <!--* ☽ RULES POP UP BEGIN ☾ *-->
  1258.  
  1259. <div id="box3" class="popup_block">
  1260. <div class="tabheader">Rules.</div><div id="tabid">
  1261. <ul id="tabs">
  1262. <li class="active">Rules.</li>
  1263. </ul></div><div class="popup_boxy">
  1264. <div class="popup_content">
  1265.  
  1266. <ul id="tab">
  1267. <li class="active">
  1268.  
  1269. <h3>Following/unfollow</h3><p>This blog is highly private and selective. We must be mutuals to rp. I generally look for an about + rules before following. I will unfollow for drama, vaguing, constant negativity, etc. I have zero tolerance as this is my hobby. Standard RP ettiquite applies. Do not be a gross person and we're good. </p>
  1270. <h3>Interpretation</h3>
  1271. This blog is mixed canon, drawing primarily on the manga with personal headcanons. I also draw from Light novels and anime, moreso the light novels. </p>
  1272. <h3>Interactions</h3>
  1273. <p>If I follow I want to rp with you! I am OC and duplicate friendly. If I know your fandom, I am happy to crossover or try to fit our canons/worlds together. Everyone is given a chance! Sideblogs are welcome as long as we follow each other. </p>
  1274. <h3>Shipping</h3>
  1275. <p>I welcome ships and I am multiship. I get highly invested and I love to talk about them! All relationships are welcome from friends to enemies. We can find some way for our muses to interact. All romantic ships must be with muses who are of legal age, preferably 21+. <b>I do not support aging up muses for romance/smut and you will be blocked. Nor do I support incest ships.</b></p>
  1276. <h3>OTHER THINGS</h3>
  1277. <p>All triggers are tagged 'trigger name tw' for simplicity. Given the series that Trinity Blood is, religious themes, gore, blood, and violence will take place. I will not be writing smut. Suggestive themes possibly, but no smut. the fancy, lightly edited manga icons were given to me by cosmikill. Anime icons were cropped and lightly edited by me. The rest were taken from icon posts I can link to upon request. Ic does not equal ooc.</p>
  1278.  
  1279. </li>
  1280.  
  1281.  
  1282.  
  1283. </ul>
  1284. </div></div></div></div>
  1285.  
  1286. <!--* ☽ RULES POP UP END ☾ *-->
  1287.  
  1288. <!--* ☽ VERSES POP UP BEGIN ☾ *-->
  1289.  
  1290. <div id="verses" class="popup_block"><div class="tabheader">Verses.</div>
  1291. <div id="tabid">
  1292. <ul id="tabs">
  1293. <li class="active">main.</li>
  1294. <li>AU.</li>
  1295. <li>OTHER.</li>
  1296. </ul></div>
  1297.  
  1298. <div class="popup_boxy"><div class="popup_content">
  1299.  
  1300. <ul id="tab">
  1301.  
  1302. <li class="active">
  1303.  
  1304. <h3>MAIN</h3>
  1305.  
  1306. <!--start copying from here if you want more verse blocks-->
  1307.  
  1308. <div class="vee">
  1309.  
  1310. <img class="versu" src="https://static.tumblr.com/pyp0mui/2Bcplbm25/1.png"> <!--REPLACE WITH IMAGE URL-->
  1311.  
  1312. <p><a href="/tagged/%E2%9D%9D-%E1%B6%9C%E1%B5%83%CA%B3%CA%B3%CA%B8-%CA%B0%E2%81%B1%CB%A2-%CB%A2%E2%81%B1%E2%81%BF%CB%A2-%E1%B5%98%E1%B5%96%E1%B5%92%E2%81%BF-%CA%B8%E1%B5%92%E1%B5%98%CA%B3-%CB%A2%CA%B0%E1%B5%92%E1%B5%98%CB%A1%E1%B5%88%E1%B5%89%CA%B3%CB%A2-%E2%9D%9E-%E2%80%96-v%3B-main"><b>DEFAULT</b></a>
  1313. <br><br><b>976 years old</b>
  1314. <br><b>anywhere in canon</b>
  1315. <br><b>Priest/AX enforcer</b>
  1316.  
  1317. <br><br><br><br>This verse is following manga canon, right up to the end of the series. Abel's about page is the main description for this verse.
  1318.  
  1319. </div>
  1320.  
  1321. <!--paste here-->
  1322.  
  1323.  
  1324. </li>
  1325.  
  1326. <li>
  1327.  
  1328. <h3>OTHER FANDOMS</h3>
  1329.  
  1330. <!--start copying from here if you want more verse blocks-->
  1331.  
  1332. <div class="vee">
  1333.  
  1334. <img class="versu" src="https://static.tumblr.com/pyp0mui/pAoplbm29/3.png"> <!--REPLACE WITH IMAGE URL-->
  1335.  
  1336. <p><a href="/tagged/%E2%9D%9D-%E2%81%BF%E1%B5%92-%CA%B3%E1%B5%89%CB%A2%E1%B5%97-%E1%B6%A0%E1%B5%92%CA%B3-%E1%B5%97%CA%B0%E1%B5%89-%CA%B7%E2%81%B1%E1%B6%9C%E1%B5%8F%E1%B5%89%E1%B5%88-%E2%9D%9E-%E2%80%96-v%3B-borderlands"><b>BORDERLANDS</b></a>
  1337. <br><br><b>30</b>
  1338. <br><b>Any</b>
  1339. <br><b>Traveling priest</b>
  1340.  
  1341. <br><br><br><br>Still working this out. *thinking emoji*
  1342.  
  1343. </div>
  1344.  
  1345. <!--paste here-->
  1346.  
  1347.  
  1348. </li>
  1349.  
  1350. <li>
  1351.  
  1352. <h3>OTHER</h3>
  1353.  
  1354. <!--start copying from here if you want more verse blocks-->
  1355.  
  1356. <div class="vee">
  1357.  
  1358. <img class="versu" src="https://static.tumblr.com/pyp0mui/2xiplbm26/2.png"> <!--REPLACE WITH IMAGE URL-->
  1359.  
  1360. <p><a href="/tagged/%E2%9D%9D-%E1%B5%82%E1%B5%83%E2%81%BF%E1%B5%88%E1%B5%89%CA%B3-%E2%81%B1%E2%81%BF%E1%B5%97%E1%B5%92-%E1%B5%97%CA%B0%E1%B5%89-%E1%B5%98%E2%81%BF%E1%B5%8F%E2%81%BF%E1%B5%92%CA%B7%E2%81%BF-%E2%9D%9E-%E2%80%96-v%3B-other-AU"><b>OTHER AUS</b></a>
  1361. <br><br><b>AGE: </b> Plot dependant
  1362. <br><b>TIMELINE:</b> Plot dependant
  1363. <br><b>POSITION:</b> Plot dependant
  1364.  
  1365. <br><br><br><br>This verse is dependant on who I plot with, this can be anything from human modern day AU to other fandoms I haven't mentioned in my fandoms list. This is used when Abel isn't in his usual settings and it doesn't fit into a fandom that isn't his own.
  1366.  
  1367. </div>
  1368.  
  1369. <!--paste here-->
  1370.  
  1371. </li>
  1372.  
  1373. </ul> <!--important don't delete-->
  1374. </div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  1375.  
  1376. <!--* ☽ VERSES POP UP END ☾ *-->
  1377.  
  1378. <!--* ☽ ABOUT POP UP BEGIN ☾ *-->
  1379.  
  1380. <div id="box5" class="popup_block"><div class="tabheader">About.</div>
  1381. <div id="tabid">
  1382. <ul id="tabs">
  1383. <li class="active">main.</li>
  1384. <li>appearance.</li>
  1385. <li>personality</li>
  1386. <li>abilities.</li>
  1387. <li>biography.</li>
  1388. </ul></div>
  1389. <div class="popup_boxy">
  1390. <div class="popup_content">
  1391. ❝ Nothing has changed. Not in the <b>past</b>. Not even <i>now</i>. I am still a <b>monster</b>. ❞
  1392.  
  1393. <ul id="tab">
  1394. <li class="active">
  1395.  
  1396. <p>Abel Elijah-Matthew Nightroad.<br>
  1397. Age: 976, mentally 30, looks 30.<br>
  1398. Gender: cis Male<br>
  1399. Prnouns: he/his, they/them for the Krusnik.<br>
  1400. Occupation: Ax Enforcer, Catholic priest.<br>
  1401. Species: Krusnik, highest sync rate 80% A vampire that feeds off the blood of vampires.<br>
  1402. Religion: agnostic, believes in a higher power/god/the good will of fate.<br>
  1403. Likes: sweets, cute animals, dancing, milk tea with 13 sugars.<br>
  1404. Sexuality: grey-Asexual. Sex neutral.<br>
  1405. Romantic Attreaction: grey romantic, takes time to acknowledge and feel romance. High focus on platonic relationships and the maintaining of friendships. Notable traits: robes of a priest, glasses, rosary, gloves with a red cross on them. Klutzy-prone to falling. Very friendly. His long silver hair. Willing to give everyone a chance. </p>
  1406.  
  1407. </li>
  1408.  
  1409. <li>
  1410. <div><p>Eye color: winter blue<br>
  1411. Haircolor: Silver, has also been described as a silver-blonde.<br>
  1412. Weight: 143 pounds<br>
  1413. Body type: slender, athletic. Horribly underweight for his height/weight ration. Howeer, he is athletically muscular.<br>
  1414. Height:6'0<br>
  1415. Krusnik form: red eyes, black lips, fangs. Black wings which look very much similar to angel wings in appearance. Abel is usually seen wearing glasses due to terrible eyesight. He's always dressed in AX uniform and the robes of a priest. He wears white gloves with the sign of the cross on them. </p>
  1416.  
  1417. </li>
  1418.  
  1419. <li>
  1420.  
  1421. <h3>PERSONALITY</h3>
  1422.  
  1423. <p>On the surface, Abel is a klutzy and overly friendly priest. His surface personality is very extroverted, but he is somewhere inbetween the two. He tends to be reserved about sharing personal information and can become tired from extended, intense social interactions. He's overly kind and self sacrificing and tends to overwork himself. He internalizes a great deal and can cause emotional distress within himself. However, in Krusnik form, Abel is a mix of reserved and down right cruel. The Krusnik is very detached and if Abel is not careful, they will infleunce him. As a Krusnik, Abel's personality is markedly different.<br>
  1424. Myers Briggs type: INFJ </p>
  1425.  
  1426. </li>
  1427.  
  1428. <li>
  1429.  
  1430. <p>Electromagnetic field manipulation, wings, telepathy, telekineses on a small scale. "Haste", able to move at speeds faster than the human or methusalah eye. Blood that can be manipulated into a scythe, blood and wings harder than diamonds and stronger than steel. Fangs. Super Strength, flight. </p>
  1431. </li>
  1432.  
  1433. <li>
  1434.  
  1435. <h3>BIOGRAPHY</h3>
  1436.  
  1437. <p>Abel was born under the surename of Abel Knightlord in a lab in England. He has two other siblings Seth Knightlord and Cain Knightlord. The three of them were successful test tube created humans under the Red Mars Expirements. These experiments were genetic manipulation and gene splicing to create supernatural humans to lead humanity and colonize mars. They're created to age slower, be stronger, the usual. As such, Abel found himself hating humanity for the way he was "born" into this world, being expendable experiment to be used by humanity.</p>
  1438. <p>It was on Mars where the colonists Attacked Abel and the other three experiments, the fourth being Lilith who eventually became his lover. Abel was led out into the mars wilderness where he nearly died until he was rescued by Lilith and the discovered this "ark" with the Krusnik Bacilli and Kudlak Bacilli. Seth eventually did experiments to try and get these nano machines to grow and flourish. The Krusnik would not, but the Kudlack did which eventually became what we know as "vampires".</p>
  1439. <p>It was during one such attack that Cain perished and Seth injected him and another colonist with Krusnik nano machines. The other colonist perished. But Cain actually came back to life. Seth then created the first vampires by injecting other mars colonists with the Kudlak Bacilli and thus started a "Mars Civil war. Abel and the "vampires" eventually won and with the failure of the Mars colony they decided to return to earth.</p>
  1440. <p>Upon their return, they were not welconed by the people of Earth. The hatred reached a boil and Abel led the vampiresinto an all out slaughter against humanity. Abel and Seth fused with their respective Krusniks at this point. Lilith however was disgusted and allied withthe Vatican to save humanity. It was this action that eventually led to Abel considering turning to aid the humans as Lilith was starting to convince him to reconsider his hatred and feelings. Cain, enraged by this, lured Lilith out under the pretense of a "truce" and murdered her. It was this action that drove Abel to despair and he abandoned the cause to mourn her death, making a vow to never kill again, never feed again, to always protect humanity.</p>
  1441. <p>At some point, he rescued Cardinal Sforza when she was a child and made the same promise to her to protect humanity.</p>
  1442.  
  1443. </li>
  1444.  
  1445. </ul> <!--important don't delete-->
  1446. </div></div></div></div></div></div></div></div></div></div></div></div>
  1447. </div>
  1448.  
  1449. </div></div>
  1450.  
  1451. </div></div></div></div></div></div></div></div></div></div></div>
  1452.  
  1453. <!--* ☽ ABOUT POP UP END ☾ *-->
  1454.  
  1455. <!--* ☽ BONDS POP UP BEGIN ☾ *-->
  1456.  
  1457. <div id="box6" class="popup_block">
  1458. <div class="tabheader">Bonds.</div>
  1459. <div class="popup_boxy">
  1460. <div class="popup_content">
  1461.  
  1462. <div class="description">
  1463. Those who are close
  1464. </div>
  1465.  
  1466. <h3>Lambs of GOD</h3>
  1467.  
  1468. <!--TO ADD BONDS START COPYING FROM HERE-->
  1469.  
  1470. <div id="bond">
  1471. <img class="smile" img src="https://media.discordapp.net/attachments/504531453443571714/507409931251613696/icon.png"> <!--REPLACE WITH PARTNER IMAGE-->
  1472. <div class="about">
  1473. <a href="https://upavshiya.tumblr.com/">Gyenya</a>
  1474. <br>Holy Angel</div>
  1475. </div>
  1476.  
  1477. <!--STOP AND PASTE HERE-->
  1478.  
  1479. <!--TO ADD BONDS START COPYING FROM HERE-->
  1480.  
  1481. <div id="bond">
  1482. <img class="smile" img src="https://66.media.tumblr.com/0cafa364333295b5678eba1affe8ab5c/tumblr_inline_phyzxdMo9a1wrrp7s_540.png"> <!--REPLACE WITH PARTNER IMAGE-->
  1483. <div class="about">
  1484. <a href="https://indeliictus.tumblr.com/">Angelica</a>
  1485. <br>one Represents good in this acursed world.</div>
  1486. </div>
  1487.  
  1488. <!--STOP AND PASTE FROM HERE-->
  1489.  
  1490. <!--TO ADD BONDS START COPYING FROM HERE-->
  1491.  
  1492. <div id="bond">
  1493. <img class="smile" img src="https://66.media.tumblr.com/0ec5792afc15efc9dac801113e7b6893/tumblr_inline_pi0d30sxbA1wrrp7s_540.png"> <!--REPLACE WITH PARTNER IMAGE-->
  1494. <div class="about">
  1495. <a href="https://wxtchingtime.tumblr.com/">Chronos</a>
  1496. <br>Sometimes scary, other times funny</div>
  1497. </div>
  1498.  
  1499. <!--STOP AND PASTE FROM HERE-->
  1500.  
  1501. <!--TO ADD BONDS START COPYING FROM HERE-->
  1502.  
  1503. <div id="bond">
  1504. <img class="smile" img src="https://66.media.tumblr.com/3eabdcbac8b8520cd37fbbb6df37933f/tumblr_inline_pi06nxP5DU1wpqwu7_1280.png"> <!--REPLACE WITH PARTNER IMAGE-->
  1505. <div class="about">
  1506. <a href="https://rachel-of-slaughter.tumblr.com/">Ray</a>
  1507. <br>Befriended with doughnuts, lifeless doll</div>
  1508. </div>
  1509.  
  1510. <!--STOP AND PASTE FROM HERE-->
  1511.  
  1512. <!--TO ADD BONDS START COPYING FROM HERE-->
  1513.  
  1514. <div id="bond">
  1515. <img class="smile" img src="https://66.media.tumblr.com/58b41b7b8be75962b78eba49dafe9621/tumblr_inline_pjlm3p9WmV1wrrp7s_540.png"> <!--REPLACE WITH PARTNER IMAGE-->
  1516. <div class="about">
  1517. <a href="https://odigxs.tumblr.com/">Leni</a>
  1518. <br>May or may not love one pagan Soul Guide</div>
  1519. </div>
  1520.  
  1521. <!--STOP AND PASTE FROM HERE-->
  1522.  
  1523. <!--TO ADD BONDS START COPYING FROM HERE-->
  1524.  
  1525. <div id="bond">
  1526. <img class="smile" img src="https://66.media.tumblr.com/58b41b7b8be75962b78eba49dafe9621/tumblr_inline_pjlm3p9WmV1wrrp7s_540.png"> <!--REPLACE WITH PARTNER IMAGE-->
  1527. <div class="about">
  1528. <a href="https://uccisore.tumblr.com/">Jane</a>
  1529. <br>A gremlin</div>
  1530. </div>
  1531.  
  1532. <!--STOP AND PASTE FROM HERE-->
  1533.  
  1534. <!--TO ADD BONDS START COPYING FROM HERE-->
  1535.  
  1536. <div id="bond">
  1537. <img class="smile" img src="https://66.media.tumblr.com/64e8522ef77829addabe9e2c4590bc7a/tumblr_inline_pjlz3iwyUW1wrrp7s_540.png"> <!--REPLACE WITH PARTNER IMAGE-->
  1538. <div class="about">
  1539. <a href="https://13lilypetals.tumblr.com/">Haruhi</a>
  1540. <br>Great conversation partner</div>
  1541. </div>
  1542.  
  1543. <!--STOP AND PASTE FROM HERE-->
  1544.  
  1545.  
  1546. <!--TO ADD BONDS START COPYING FROM HERE-->
  1547.  
  1548. <div id="bond">
  1549. <img class="smile" img src="https://66.media.tumblr.com/58b41b7b8be75962b78eba49dafe9621/tumblr_inline_pjlm3p9WmV1wrrp7s_540.png"> <!--REPLACE WITH PARTNER IMAGE-->
  1550. <div class="about">
  1551. <a href="https://dominapura.tumblr.com/">Gwyn</a>
  1552. <br>Like a little sister</div>
  1553. </div>
  1554.  
  1555. <!--STOP AND PASTE FROM HERE-->
  1556.  
  1557. <!--TO ADD BONDS START COPYING FROM HERE-->
  1558.  
  1559. <div id="bond">
  1560. <img class="smile" img src="https://66.media.tumblr.com/1bf776e871f91d3e1a9f4b64245bbb6a/tumblr_inline_pjlzmr732s1wrrp7s_540.png"> <!--REPLACE WITH PARTNER IMAGE-->
  1561. <div class="about">
  1562. <a href="https://muketsukanjononai.tumblr.com/">Xylem</a>
  1563. <br>Bothersome demon, very rude</div>
  1564. </div>
  1565.  
  1566. <!--STOP AND PASTE FROM HERE-->
  1567.  
  1568. </div></div></div>
  1569. </div>
  1570. </div></div></div></div>
  1571.  
  1572. <!--* ☽ BONDS POP UP END ☾ *-->
  1573.  
  1574. </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!