API tools faq
paste
Advertisement
Tsunland

Leon's old Theme

Tsunland
Jun 8th, 2016
133
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 63.34 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. THEME BY
  5. █▀▀█ █▀▄▀█ █▀▀▄ ▀█▀ 　 ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
  6. █░░█ █░▀░█ █░░█ ░█░ 　 ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
  7. ▀▀▀▀ ▀░░░▀ ▀░░▀ ▀▀▀ 　 ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
  8. DO NOT REMOVE CREDIT
  9. -->
  10.  
  11.  
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13. <html>
  14. <head>
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21.  
  22. <!-- S C R I P T S -->
  23. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  24. <script>
  25. $(document).ready(function() {
  26. //
  27. $('a.poplight[href^=#]').click(function() {
  28. var popID = $(this).attr('rel'); //Get Popup Name
  29. var popURL = $(this).attr('href'); //Get Popup href to define size
  30. var query= popURL.split('?');
  31. var dim= query[1].split('&');
  32. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  33. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  34. var popMargTop = ($('#' + popID).height() + 80) / 2;
  35. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  36. //Apply Margin to Popup
  37. $('#' + popID).css({
  38. 'margin-top' : -popMargTop,
  39. 'margin-left' : -popMargLeft
  40. });
  41. $('body').append('<div id="fade"></div>');
  42. $('#fade').css({'filter' : 'alpha(opacity=80)', 'filter' : 'blur(20px)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  43. return false;
  44. });
  45. $('a.close, #fade').live('click', function() {
  46. $('#fade , .popup_block').fadeOut(function() {
  47. $('#fade, a.close').remove(); //fade them both out
  48. });
  49. return false;
  50. });
  51. });
  52. </script>
  53.  
  54. <!--- drop down script - tutorial by @acuite --->
  55. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  56. <script type="text/javascript">
  57. $(document).ready(function(){
  58. $(".droptags").hide();
  59. $(".droptitle").click(function(){
  60. $(this).next(".droptags").slideToggle('fast');
  61. }); });
  62. </script>
  63.  
  64. <!-- C O L O U R S -->
  65. <meta name="color:background" content="#1d2027"/>
  66. <meta name="color:links" content="white"/>
  67. <meta name="color:linkh" content="acb64a"/>
  68. <meta name="color:title" content="white"/>
  69. <meta name="color:accent" content="#d87f2a"/>
  70. <meta name="color:blockline" content="#d87f2a"/>
  71. <meta name="color:text" content="#c6c6c6"/>
  72. <meta name="color:navlinks" content="cb5729"/>
  73. <meta name="color:bold" content="d87f2a"/>
  74. <meta name="color:italic" content="#acb64a"/>
  75. <meta name="color:decriptiontitle" content="#000"/>
  76.  
  77. <!-- L I N K S -->
  78. <meta name="text:link1URL" content="/"/>
  79. <meta name="text:link1name" content="home"/>
  80. <meta name="text:link2URL" content="/ask"/>
  81. <meta name="text:link2name" content="message"/>
  82. <meta name="text:link3name" content="bio"/>
  83. <meta name="text:link4name" content="nav"/>
  84. <meta name="text:link5name" content="rules"/>
  85. <meta name="text:link6name" content="verses"/>
  86.  
  87. <!---- C O N T R O L S --->
  88. <meta name="text:height" content="510px"/>
  89. <meta name="text:margintop" content="95px"/>
  90. <meta name="text:marginleft" content="440px"/>
  91.  
  92. <!-- R G B A C O L O U R S -->
  93. <meta name="text:backgrounds" content="rgba(29,32,39,.8)"/>
  94. <meta name="text:accent" content="rgba(172,182,75,.4)"/>
  95.  
  96. <!---- P O P U P S --->
  97. <meta name="text:box1" content="insert faq html (askbox already there)"/>
  98. <meta name="text:box2" content="insert html"/>
  99. <meta name="text:box3" content="insert html"/>
  100. <meta name="text:box4" content="insert html"/>
  101.  
  102. <!---- U P D A T E --->
  103. <meta name="text:update1text" content="words, words, words"/>
  104. <meta name="text:update2text" content="words, words, words"/>
  105. <meta name="text:update3text" content="words, words, words"/>
  106. <meta name="if:updates" content=""/>
  107.  
  108. <!-- F O N T S -->
  109. <link href='http://fonts.googleapis.com/css?family=Arimo' rel='stylesheet' type='text/css'>
  110. <link href='https://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
  111. <link href='https://fonts.googleapis.com/css?family=Archivo+Narrow' rel='stylesheet' type='text/css'>
  112. <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
  113. <link href='https://fonts.googleapis.com/css?family=Neuton' rel='stylesheet' type='text/css'>
  114. <link href='https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic' rel='stylesheet' type='text/css'>
  115. <link href='https://fonts.googleapis.com/css?family=Oswald:700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  116.  
  117.  
  118. <!---- O T H E R --->
  119. <meta name="text:url" content="insert username"/>
  120.  
  121. <!-- I M A G E S -->
  122. <meta name="image:background image" content="http://www.mediafire.com/convkey/8f89/lsv3dbcw9s00br2zg.jpg"/>
  123. <meta name="image:infosmall" content="http://static.tumblr.com/jlxoeum/ZfBnzb35b/pop.gif"/>
  124. <meta name="image:popborder" content="http://static.tumblr.com/jlxoeum/Rtanzb35v/backerdistordarkt.png"/>
  125.  
  126. <style type="text/css">
  127.  
  128. /*---- S C R O L L ---*/
  129. ::-webkit-scrollbar-thumb:vertical {
  130. background-color: transparent;
  131. border-radius: 6px;
  132. height: 10px;
  133. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  134. }
  135.  
  136. ::-webkit-scrollbar-thumb:horizontal {
  137. background-color: transparent;
  138. height:10px!important;
  139. }
  140.  
  141. ::-webkit-scrollbar {
  142. background-color: transparent;
  143. height:10px;
  144. width:12px;
  145. }
  146.  
  147. #update ::-webkit-scrollbar-thumb:vertical {
  148. background-color: transparent;
  149. height: 4px;
  150. }
  151.  
  152. #update ::-webkit-scrollbar-thumb:horizontal {
  153. background-color: transparent;
  154. height:4px!important;
  155. }
  156.  
  157. #update ::-webkit-scrollbar {
  158. background-color: transparent;
  159. height:4px;
  160. width:4px;
  161. }
  162.  
  163. /*---- S E L E C T ---*/
  164.  
  165. ::selection
  166. {
  167. opacity: 1;
  168. background: #000;
  169. color: {color:accent};
  170. }
  171.  
  172. ::-moz-selection
  173. {
  174. opacity: 1;
  175. background: #000;
  176. color: {color:accent};
  177. }
  178.  
  179. p::selection
  180. {
  181. opacity: 1;
  182. background: #000;
  183. color: {color:accent};
  184. }
  185.  
  186. p::-moz-selection
  187. {
  188. opacity: 1;
  189. background: #464133;
  190. color: {color:accent};
  191. }
  192.  
  193. /*---- T O O L T I P ---*/
  194.  
  195. div#qTip
  196. {
  197. background-image: url({image:infosmall});
  198. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  199. border-radius: 3px;
  200. text-align: center;
  201. font-family: Courier, monospace;
  202. letter-spacing: 2px;
  203. font-size: 11px;
  204. font-weight: bold;
  205. text-transform: uppercase;
  206. display: none;
  207. position: fixed;
  208. z-index: 9999999999999999999999;
  209. margin: 2px;
  210. color: rgba(0,0,0,.0);
  211. text-shadow: 0px 0px .5px {color:text};
  212. font-weight: bold;
  213. padding:5px;
  214. -webkit-transition-duration: 1s; /* Safari */
  215. transition-duration: 1s;
  216. }
  217.  
  218. /*---- P O P U P ---*/
  219. .popup_block{
  220. display:none;
  221. background-color: transparent;
  222. float:left;
  223. position:fixed;
  224. top:35%;
  225. left:45%;
  226. z-index: 99999;
  227. overflow:scroll;
  228. overflow-x:hidden;
  229. width:650px;
  230. height: 650px;
  231. background-image: url("{image:popborder}");
  232. background-position:top center;
  233. background-repeat:no-repeat;
  234. opacity:1;
  235.  
  236. }
  237.  
  238. .boxe{
  239.  
  240. width:950px;
  241. height: 79px;
  242. background-image:url(http://static.tumblr.com/i5bkmnv/bFKo6n619/exclu.png);
  243. background-repeat:no-repeat;
  244. overflow:scroll;
  245. overflow-x:hidden;
  246. position:absolute;
  247.  
  248. top:86%;left:0%;
  249. z-index: 2;
  250.  
  251.  
  252. }
  253.  
  254. .boxa{
  255.  
  256. width:950px;
  257. height: 79px;
  258. background-image:url(http://static.tumblr.com/i5bkmnv/7hIo6p4u8/audience.png);
  259. background-repeat:no-repeat;
  260. overflow:scroll;
  261. overflow-x:hidden;
  262. position:absolute;
  263. top:86%;left:0%;
  264. z-index: 2;
  265.  
  266.  
  267. }
  268.  
  269. .boxr{
  270.  
  271. width:1950px;
  272. height: 125px;
  273. background-image:url(http://static.tumblr.com/i5bkmnv/jYDo6tptv/regulations.png);
  274. overflow:scroll;
  275. overflow-x:hidden;
  276. position:absolute;
  277. background-repeat:no-repeat;
  278. top:82%;left:-30%;
  279. z-index: 2;
  280.  
  281.  
  282. }
  283.  
  284. .boxn{
  285.  
  286. width:950px;
  287. height: 79px;
  288. background-image:url(http://static.tumblr.com/i5bkmnv/CwDo6tpuj/navigation.png);
  289. overflow:scroll;
  290. overflow-x:hidden;
  291. position:absolute;
  292. background-repeat:no-repeat;
  293. top:86%;left:0%;
  294. z-index: 2;
  295.  
  296.  
  297. }
  298.  
  299.  
  300.  
  301.  
  302. *html #fade {position: absolute;}
  303. *html .popup_block {position: absolute;}
  304. #fade {
  305. display:none;
  306. position:fixed;
  307. left:0px;
  308. top:0px;
  309. width:100%;
  310. height:100%;
  311. z-index:9999;
  312. background:#131212;
  313. opacity:1;
  314.  
  315. }
  316.  
  317.  
  318. /*---- M A I N T H E M E ---*/
  319.  
  320. body {
  321. background: url("{image:background image}") {color:background};
  322. background-attachment: fixed;
  323. background-repeat: no-repeat;
  324. margin:0px;
  325. color:{color:text};
  326. font-family:'Source Sans Pro';
  327.  
  328. font-size: 12px;
  329. line-height:100%;
  330. }
  331.  
  332. a {
  333. color: rgba(0,0,0,.0);
  334. text-shadow: 0px 0px 1px {color:links};
  335. text-decoration: none;
  336. -webkit-transition-duration: 1s; /* Safari */
  337. transition-duration: 1s;
  338. }
  339.  
  340. a:hover{
  341. color: {color:linkh};
  342. text-shadow: 0px 0px 7px {color:linkh};
  343. text-decoration: none;
  344. -webkit-transition-duration: 1s; /* Safari */
  345. transition-duration: 1s;
  346. }
  347.  
  348. blockquote{
  349. border-left: 1px solid {color:blockline};
  350. padding: 15px;
  351. margin-left: 20px;
  352. margin-right: 10px;
  353. background: transparent;
  354. border-radius: 20px 10px 10px 20px;
  355. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  356. }
  357.  
  358. h1{
  359. color: rgba(0,0,0,.0);
  360. text-shadow: 0px 0px 1px {color:title};
  361. text-align: center;
  362. font-family: Courier, monospace;
  363. text-transform: uppercase;
  364. background-color: transparent;
  365. line-height: 100%;
  366. padding: 10px;
  367. border-radius: 20px;
  368. }
  369.  
  370. b, strong {
  371.  
  372. font-family: 'Oswald', sans-serif;
  373.  
  374. text-shadow: 0px 0px 1px #000000;
  375. color: {color:bold};
  376. font-weight: bold;
  377. text-shadow: 0px 0px 10px {color:bold}, 0px 0px 20px {color:bold};
  378. font-size: 100%;
  379. }
  380.  
  381. i, em {
  382. color: {color:italic};
  383. font-family: 'Libre Baskerville' serif;
  384. font-size: 120%;
  385. text-shadow: 0px 0px 10px {color:italic}, 0px 0px 20px {color:italic};
  386. }
  387.  
  388. pre {
  389. font-family: monospace;
  390. background-color: rgba(32,32,32,.5);
  391. padding: 7px;
  392. border-radius: 10px;
  393. border: 1px solid {text:accent};
  394. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  395. text-shadow: 1px 1px 3px rgba(0,0,0,.4);
  396. font-size: 11px;
  397. line-height: 100%;
  398. word-wrap: break-word;
  399. }
  400.  
  401. h2{
  402. color: {color:italic};
  403. text-shadow: 0px 0px 10px {color:italic}, 0px 0px 20px {color:italic};
  404. font-family: Courier, monospace;
  405. text-align: center;
  406. line-height: 100%;
  407. text-transform: uppercase;
  408. }
  409.  
  410. h3{
  411. text-align: center;
  412. line-height: 100%;
  413. }
  414.  
  415. h1 a{
  416. text-shadow: 0px 0px 1px {color:background};
  417. }
  418.  
  419.  
  420. h1 a:hover{
  421. color: {color:linkh};
  422. text-shadow: 0px 0px 7px {color:linkh};
  423. text-decoration: none;
  424. }
  425.  
  426. h2 a{
  427. text-shadow: 0px 0px 1px {color:italic};
  428. }
  429.  
  430.  
  431. h2 a:hover{
  432. color: {color:links};
  433. text-shadow: 0px 0px 7px {color:links};
  434. text-decoration: none;
  435. }
  436.  
  437. hr{
  438. background: ;
  439. height: 10px;
  440. margin-right:10px;
  441. border: none;
  442. border-radius: 10px;
  443. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  444. }
  445.  
  446. #info{
  447. color: rgba(0,0,0,.0);
  448. background-image: url('http://static.tumblr.com/i5bkmnv/z1Ko7tqxc/pp.gif');
  449.  
  450. text-shadow: 0px 0px 1px {color:links};
  451. text-align: center;
  452. font-family: 'Archivo Narrow';
  453. font-size: 16px;
  454. margin-top: -5px;
  455. text-transform: uppercase;
  456. line-height: 100%;
  457. padding: 10px;
  458. border-radius: 10px;
  459.  
  460. background-color: {text:accent};
  461. }
  462.  
  463. #info a{
  464. color: rgba(0,0,0,.0);
  465. text-shadow: 0px 0px 2.5px {color:links};
  466. text-decoration: none;
  467. }
  468.  
  469. #info a:hover{
  470. color: rgba(0,0,0,.0);
  471. text-shadow: 0px 0px 2px {color:background};
  472. }
  473.  
  474. #inforite{
  475. text-align: left;
  476. margin-left: 10px;
  477. margin-top: 15px;
  478. }
  479.  
  480. #inforite a{
  481. color: {color:links};
  482. text-shadow: 0px 0px 11px {color:links};
  483. text-decoration: none;
  484. }
  485.  
  486. #inforite a:hover{
  487. color: rgba(0,0,0,.0);
  488. text-shadow: 0px 0px 2px {color:links};
  489. }
  490.  
  491. #entries {
  492. width: 405px;
  493. height: {text:height};
  494. overflow: scroll;
  495. overflow-x: hidden;
  496. border-radius: 30px;
  497. margin-top: {text:margintop};
  498. margin-left: {text:marginleft};
  499. }
  500.  
  501. #posts{
  502. width: 385px;
  503. padding:10px;
  504. background: transparent;
  505. margin-top: 10px;
  506. margin-bottom: 30px;
  507. margin-left: auto;
  508. margin-right: auto;
  509. border-radius: 20px;
  510. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  511. }
  512.  
  513. #tagooo{
  514. text-align: center;
  515. text-transform: uppercase;
  516. margin-top: 5px;
  517. font-size: 10px;
  518. }
  519.  
  520. #tagooo a {
  521. color: {color:links};
  522. text-shadow: 0px 0px 10px {color:links}, 1px 1px 4px rgba(0,0,0,.6);
  523. }
  524.  
  525. #tagooo a:hover{
  526. color: rgba(0,0,0,.0);
  527. text-shadow: 0px 0px 2px {color:links};
  528. }
  529.  
  530. /*---- N A V I G A T E ---*/
  531.  
  532. #navigate {
  533. font-size: 70px;
  534. margin-left: 100px;
  535. top: 390px;
  536. position: fixed;
  537. -ms-transform: rotate(7deg); /* IE 9 */
  538. -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
  539. transform: rotate(7deg);
  540. }
  541.  
  542. #navigate2 {
  543. font-size: 50px;
  544. margin-left: 290px;
  545. top: 340px;
  546. position: fixed;
  547. -ms-transform: rotate(-7deg); /* IE 9 */
  548. -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
  549. transform: rotate(-7deg);
  550. }
  551.  
  552. #navigate3 {
  553. font-size: 40px;
  554. margin-left: 240px;
  555. top: 410px;
  556. position: fixed;
  557. -ms-transform: rotate(-9deg); /* IE 9 */
  558. -webkit-transform: rotate(-9deg); /* Chrome, Safari, Opera */
  559. transform: rotate(-9deg);
  560. }
  561.  
  562. #navigate4 {
  563. font-size: 50px;
  564. margin-left: 280px;
  565. top: 470px;
  566. position: fixed;
  567. -ms-transform: rotate(17deg); /* IE 9 */
  568. -webkit-transform: rotate(17deg); /* Chrome, Safari, Opera */
  569. transform: rotate(17deg);
  570. }
  571.  
  572. #navigate5 {
  573. font-size: 40px;
  574. margin-left: 170px;
  575. top: 510px;
  576. position: fixed;
  577. -ms-transform: rotate(-27deg); /* IE 9 */
  578. -webkit-transform: rotate(-27deg); /* Chrome, Safari, Opera */
  579. transform: rotate(-27deg);
  580. }
  581.  
  582. #navi a {
  583. font-family: Courier, monospace;
  584. color: {color:navlinks};
  585. text-shadow: 0px 0px 5px #86090e, 1px 1px 4px rgba(0,0,0,.6);
  586. }
  587.  
  588. #navi a:hover{
  589. color: rgba(0,0,0,.0);
  590. text-shadow: 0px 0px 4px rgba(255,255,255,.3);
  591. -ms-transform: rotate(-360deg); /* IE 9 */
  592. -webkit-transform: rotate(-360deg); /* Chrome, Safari, Opera */
  593. transform: rotate(-360deg);
  594. font-size: 80%;
  595. }
  596.  
  597. #previ a {
  598. font-family: calibri;
  599. color: {color:navlinks};
  600. text-shadow: 0px 0px 5px {color:navlinks}, 1px 1px 4px rgba(0,0,0,.6);
  601. }
  602.  
  603. #previ a:hover{
  604. color: rgba(0,0,0,.0);
  605. text-shadow: 0px 0px 4px rgba(255,255,255,.3);
  606. }
  607.  
  608. #previ2 {
  609. font-size: 70px;
  610. margin-left: 910px;
  611. margin-top: 30px;
  612. position: fixed;
  613. }
  614.  
  615. #previ1 {
  616. font-size: 70px;
  617. margin-left: 875px;
  618. margin-top: 30px;
  619. position: fixed;
  620. }
  621.  
  622. /*---- A N S W E R S ---*/
  623.  
  624. #asker {
  625. border-radius: 10px;
  626. text-shadow: 1px 1px 3px #333, 0px 0px 15px {color:titles};
  627. font-size: 14px;
  628. padding: 7px;
  629. min-height: 70px;
  630. display: inline-block;
  631. }
  632.  
  633. #asker {
  634. float:left;
  635. margin-right:5px;
  636. }
  637.  
  638. #askiz a{
  639. color: {color:titles};
  640. }
  641.  
  642. #askon a{
  643. color: {color:navlinks};
  644. text-shadow: 0px 0px 30px {color:navlinks}, 1px 1px 4px rgba(0,0,0,.6);
  645. }
  646.  
  647. #askon a:hover{
  648. color: rgba(0,0,0,.0);
  649. text-shadow: 0px 0px 4px {color:navlinks};
  650. }
  651.  
  652. #asker img{
  653. border-radius: 100%;
  654. background: rgba(0,0,0,0.0);
  655. margin-left: 10px;
  656. margin-top: -10px;
  657. box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  658. }
  659.  
  660. #askiz {
  661. text-align: center;
  662. font-family: Calligraffitti;
  663. background-image: url('http://static.tumblr.com/i5bkmnv/Tj4nzjqo1/questions.png');
  664. margin-top: -27px;
  665. color: {color:titles};
  666. font-weight: bold;
  667. border-radius: 10px;
  668. text-shadow: 1px 1px 3px #333, 0px 0px 15px {color:titles};
  669. font-size: 23px;
  670. padding: 7px;
  671. min-height: 100px;
  672. }
  673.  
  674. #asksh{
  675. text-align: left;
  676. text-shadow: none;
  677. text-transform: uppercase;
  678. font-weight: normal;
  679. font-family: Calibri;
  680. font-size: 14px;
  681. text-shadow: 0px 0px 20px {color:background};
  682. line-height: 100%;
  683. -ms-transform: rotate(-1.5deg); /* IE 9 */
  684. -webkit-transform: rotate(-1.5deg); /* Chrome, Safari, Opera */
  685. transform: rotate(-1.5deg);
  686. }
  687.  
  688. #askon{
  689. text-shadow: none;
  690. font-weight: bold;
  691. margin-top: -10px;
  692. text-align: left;
  693. margin-left: 15px;
  694. font-family: Calligraffitti;
  695. font-size: 27px;
  696.  
  697. }
  698.  
  699. /*---- N O T E S ---*/
  700.  
  701. ol.notes {
  702. list-style-type: none;
  703. text-transform: uppercase;
  704. margin-top: -20px;
  705. width: 500px;
  706. padding:10px;
  707. background: {text:backgrounds};
  708. margin-left: auto;
  709. margin-right: auto;
  710. border-radius: 20px;
  711. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  712. }
  713.  
  714. ol.notes a {
  715. color: {color:links};
  716. }
  717.  
  718. ol.notes a:hover{
  719. color: rgba(0,0,0,.0);
  720. text-shadow: 0px 0px 2px {color:linkh};
  721. text-decoration: none;
  722. }
  723.  
  724. ol.notes img {
  725. border-radius: 100%;
  726. margin-left: 5px;
  727. margin-top: 5px;
  728. }
  729.  
  730. /*---- M U S I C ---*/
  731.  
  732. .playerbuttonbg {
  733. position: absolute;
  734. left: 13px;
  735. top: 13px;
  736. width: 40px;
  737. height: 40px;
  738. background-color: #000;
  739. padding: 10px;
  740. -webkit-border-radius: 40px;
  741. -moz-border-radius: 40px;
  742. border-radius: 40px;
  743. opacity: .4;
  744. filter: alpha(opacity=40);
  745. -moz-opacity: 0.4;
  746. -khtml-opacity: 0.4;
  747. transition: opacity .7s ease-in-out;
  748. -moz-transition: opacity .7s ease-in-out;
  749. -webkit-transition: opacity .7s ease-in-out;
  750. }
  751.  
  752. .playerbuttonbg:hover {
  753. opacity: 1;
  754. filter: alpha(opacity=100);
  755. -moz-opacity: 1;
  756. -khtml-opacity: 1;
  757. }
  758.  
  759. .newplayerbutton {
  760. position: relative;
  761. margin-top: 10px;
  762. margin-left: 2px;
  763. width: 35px;
  764. height: 30px;
  765. overflow: hidden;
  766. }
  767.  
  768. .playerbuttonhug {
  769. position: absolute;
  770. top: 3px;
  771. left: 6px;
  772. }
  773.  
  774. .tumblr_audio_player {
  775. margin-top: -20px;
  776. height: 90px;
  777. width: 270px;
  778. -moz-transform: scale(0.60, 0.60);
  779. -webkit-transform: scale(0.60, 0.60);
  780. -o-transform: scale(0.60, 0.60);
  781. -ms-transform: scale(0.60, 0.60);
  782. transform: scale(0.60, 0.60);
  783. -moz-transform-origin: top left;
  784. -webkit-transform-origin: top left;
  785. -o-transform-origin: top left;
  786. -ms-transform-origin: top left;
  787. transform-origin: top left;
  788. }
  789.  
  790. .audioimgwrapper {
  791. position: absolute;
  792. left: 0px;
  793. top: 0px;
  794. text-transform: uppercase;
  795. -webkit-border-radius: 40px;
  796. -moz-border-radius: 40px;
  797. border-radius: 100%;
  798. overflow: hidden;
  799. border: 3px solid {color:accent};
  800. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  801. width: 79px;
  802. height: 79px;
  803. }
  804.  
  805. .audioimgwrapper img {
  806. width: 100%;
  807. -webkit-border-radius: 40px;
  808. -moz-border-radius: 40px;
  809. border-radius: 100%;
  810. }
  811.  
  812. .trackdetails {
  813. width: 370px;
  814. text-transform: uppercase;
  815. display:inline-block;
  816. color: rgba(0,0,0,.0);
  817. text-shadow: 0px 0px .5px {color:text};
  818. text-align: left;
  819. font-family: Courier, monospace;
  820. padding-top: 4px;
  821. margin-left: 90px;
  822. padding-left: 20px;
  823. min-height: 100px;
  824. border-radius: 20px;
  825. border-left: 10px solid {color:accent};
  826. background: {text:backgrounds};
  827. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  828. }
  829.  
  830. .trackdetails i {
  831. color: {color:italic};
  832. text-transform: none;
  833. font-family: Georgia;
  834. font-size: 120%;
  835. text-shadow: 0px 0px 10px {color:italic}, 0px 0px 20px {color:italic};
  836. }
  837.  
  838. .audiowrapper {
  839. color: {color:bold};
  840. text-shadow: 0px 0px 1px {color:bold};
  841. position: relative;
  842. display:inline-block;
  843. }
  844.  
  845. /*---- C R E D I T
  846. do not alter this in any way ---*/
  847.  
  848. #credyo {
  849. font-family: monospace;
  850. width: 220px;
  851. background-color: {text:backgrounds};
  852. padding: 7px;
  853. border-radius: 5px;
  854. border: 1px solid {text:accent};
  855. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  856. text-align: center;
  857. font-size: 10px;
  858. line-height: 100%;
  859. text-transform: uppercase;
  860. position: fixed;
  861. z-index: 99999999999999999;
  862. text-shadow: 1px 0px 2px rgba(114,111,64,.7);
  863. left:20px;
  864. letter-spacing:1px;
  865. bottom:20px;
  866. }
  867.  
  868. /*---- D E S C R I P T I O N
  869. ©omni themes, do not claim as your own---*/
  870.  
  871. #update #utitle{
  872. margin-left: 320px;
  873. opacity: 1;
  874. margin-top: 200px;
  875. font-family: Courier, monospace;
  876. position: fixed;
  877. font-size: 15px;
  878. color: #fff;
  879. text-shadow: 0px 0px 3px {color:decriptiontitle}; 1px 1px 4px rgba(0,0,0,.6);
  880. -ms-transform: rotate(-90deg); /* IE 9 */
  881. -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
  882. transform: rotate(-90deg);
  883. -webkit-transition-duration: 1s; /* Safari */
  884. transition-duration: 1s;
  885. }
  886.  
  887. #update:hover #utitle{
  888. color: rgba(0,0,0,.0);
  889. text-shadow: 0px 0px 4px {color:decriptiontitle};
  890. -webkit-transition-duration: 1s; /* Safari */
  891. transition-duration: 1s;
  892. }
  893.  
  894. #ariamap{
  895. width: 320px;
  896. height: 300px;
  897. left: 100px;
  898. top: 285px;
  899. background: none;
  900. position: fixed;
  901. }
  902.  
  903.  
  904.  
  905. #lines{
  906. margin-left: 1140px;
  907. margin-top: 200px;
  908. position: fixed;
  909. }
  910.  
  911. /* 1ST UPDATE THING */
  912.  
  913. #lines1{
  914. text-align: justify;
  915. font-size:10px;
  916. }
  917.  
  918. #lines1line{
  919. width: 40px;
  920. height: 4px;
  921. background: #8f1b1b;
  922. position: fixed;
  923. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  924. -webkit-transition-duration: 1s; /* Safari */
  925. transition-duration: 1s;
  926. }
  927.  
  928. #lines1content{
  929. width: 0px;
  930. height: 0px;
  931. opacity: 0;
  932. padding: 5px;
  933. padding-left: 45px;
  934. overflow-x: none;
  935. overflow-y: none;
  936. margin-top: 4px;
  937. position: fixed;
  938. background: transparent;
  939. border-radius: 0px 0px 20px 0px;
  940. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  941. -webkit-transition-duration: 1s; /* Safari */
  942. transition-duration: 1s;
  943. }
  944.  
  945. #lines1:hover #lines1line{
  946. width: 200px;
  947. -webkit-transition-duration: 1s; /* Safari */
  948. transition-duration: 1s;
  949. }
  950.  
  951. #lines1:hover #lines1content{
  952. width: 150px;
  953. height: 200px;
  954. opacity: 1;
  955. -webkit-transition-duration: 1s; /* Safari */
  956. transition-duration: 1s;
  957. }
  958.  
  959. /* 2ND UPDATE THING */
  960.  
  961. #lines2{
  962. text-align: justify;
  963. font-size:10px;
  964. }
  965.  
  966. #lines2line{
  967. width: 40px;
  968. height: 4px;
  969. background: #8f1b1b;
  970. position: fixed;
  971. margin-top: 10px;
  972. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  973. -webkit-transition-duration: 1s; /* Safari */
  974. transition-duration: 1s;
  975. }
  976.  
  977. #lines2content{
  978. width: 0px;
  979. height: 0px;
  980. opacity: 0;
  981. padding: 5px;
  982. padding-left: 45px;
  983. overflow-x: none;
  984. overflow-y: none;
  985. margin-top: 14px;
  986. position: fixed;
  987. background: transparent;
  988. border-radius: 0px 0px 20px 0px;
  989. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  990. -webkit-transition-duration: 1s; /* Safari */
  991. transition-duration: 1s;
  992. }
  993.  
  994. #lines2:hover #lines2line{
  995. width: 200px;
  996. -webkit-transition-duration: 1s; /* Safari */
  997. transition-duration: 1s;
  998. }
  999.  
  1000. #lines2:hover #lines2content{
  1001. width: 150px;
  1002. height: 200px;
  1003. opacity: 1;
  1004. -webkit-transition-duration: 1s; /* Safari */
  1005. transition-duration: 1s;
  1006. }
  1007.  
  1008. /* 3RD UPDATE THING */
  1009.  
  1010. /* FOR A NEW TAB COPY FROM HERE */
  1011.  
  1012. #lines3{
  1013. text-align: justify;
  1014. font-size:10px;
  1015. }
  1016.  
  1017. #lines3line{
  1018. width: 40px; /* HOW LONG LINE IS BEFORE HOVER */
  1019. height: 4px; /* HOW THICK LINE IS */
  1020. background: #8f1b1b; /* LINE COLOUR */
  1021. position: fixed;
  1022. margin-top: 20px; /* ADD 10 */
  1023. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  1024. -webkit-transition-duration: 1s; /* Safari */
  1025. transition-duration: 1s;
  1026. }
  1027.  
  1028. #lines3content{
  1029. width: 0px;
  1030. height: 0px;
  1031. opacity: 0;
  1032. padding: 5px;
  1033. padding-left: 45px;
  1034. overflow-x: none;
  1035. overflow-y: none;
  1036. margin-top: 24px; /* ADD 10 */
  1037. position: fixed;
  1038. background: transparent; /* BOX COLOUR */
  1039. border-radius: 0px 0px 20px 0px;
  1040. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  1041. -webkit-transition-duration: 1s; /* Safari */
  1042. transition-duration: 1s;
  1043. }
  1044.  
  1045. #lines3:hover #lines3line{
  1046. width: 200px;
  1047. -webkit-transition-duration: 1s; /* Safari */
  1048. transition-duration: 1s;
  1049. }
  1050.  
  1051. #lines3:hover #lines3content{
  1052. width: 150px; /* WIDTH OF BOX */
  1053. height: 200px; /* HEIGHT OF BOX */
  1054. opacity: 1;
  1055. -webkit-transition-duration: 1s; /* Safari */
  1056. transition-duration: 1s;
  1057. }
  1058.  
  1059. /* TO HERE */
  1060.  
  1061. /* TO CREATE A NEW TAB, COPY AND PASTE FROM WHERE SHOWN, FOLLOW THE INSTRUCTIONS AND REPPLACE THE '#lines' NUMBERS WITH THE NEXT NUMBER (EG '#lines3' BECOMES '#lines4'), ET CETERA */
  1062.  
  1063.  
  1064. /*---- E X C L U S I V E S ---*/
  1065.  
  1066. #charabox{
  1067. position:relative;
  1068. width:400px;
  1069. height:250px;
  1070. margin:0 10px 20px 10px;
  1071. display:inline-block;
  1072. }
  1073.  
  1074. .titlebox{
  1075. position:absolute;
  1076. width:100%;
  1077. height:25px;
  1078. color:#333;
  1079. border-bottom:1px solid #f9f1e3;
  1080. }
  1081.  
  1082. .titlebox i{
  1083. color:#f7a0b9;
  1084. margin-right:2px;
  1085. }
  1086. .smallchar{
  1087. position:relative;
  1088. top:-3px;
  1089. }
  1090. .nametag{
  1091. position:absolute;
  1092. color:#f9f1e3;
  1093. top:5px;
  1094. }
  1095.  
  1096. .fandomtag{
  1097. position:absolute;
  1098. right:0;
  1099. top:10px;
  1100. font-size:11px;
  1101. }
  1102.  
  1103. .boxtag{
  1104. position:absolute;
  1105. right:0;
  1106. border-top:1px solid #f9f1e3;
  1107. width:100%;
  1108. bottom:-10px;
  1109. text-align:right;
  1110. }
  1111.  
  1112. .boxtag a{
  1113. display:inline-block;
  1114. color:#f7a0b9;
  1115. text-decoration:none;
  1116. }
  1117.  
  1118. .boxtag a:hover{
  1119. color:#cbdd89;
  1120. }
  1121.  
  1122. .tagi{
  1123. position:relative;
  1124. margin-right:2px;
  1125. top:1px;
  1126. color:#82685d;
  1127. }
  1128.  
  1129. .imagebox{
  1130. position:absolute;
  1131. top:25px;
  1132. width:150px;
  1133. height:215px;
  1134. }
  1135.  
  1136. .imageresize{
  1137. position:absolute;
  1138. margin:auto;
  1139. top:0;
  1140. bottom:0;
  1141. right:0;
  1142. left:0;
  1143. max-height:200px;
  1144. max-width:150px;
  1145. }
  1146.  
  1147. .infobox{
  1148. position:absolute;
  1149. right:0;
  1150. top:33px;
  1151. height:200px;
  1152. width:245px;
  1153. background-color: #4a4545;
  1154. border-top:1px solid #f9f1e3;
  1155. border-right:1px solid #f9f1e3;
  1156. border-bottom:1px solid #f9f1e3;
  1157. border-left:1px solid #f9f1e3;
  1158. box-sizing: border-box;
  1159. text-align:center;
  1160. }
  1161.  
  1162. .det{
  1163. position:relative;
  1164. display:inline-block;
  1165. width:105px;
  1166. height:30px;
  1167. margin:5px;
  1168. }
  1169.  
  1170.  
  1171. .det1{
  1172. position:absolute;
  1173. bottom:0px;
  1174. border-top:1px solid #f9f1e3;
  1175. width:100%;
  1176. text-align:right;
  1177. font-size:10px;
  1178. }
  1179.  
  1180. .det2{
  1181. text-align:left;
  1182. font-size:14px;
  1183. }
  1184.  
  1185. .yes{
  1186. color:#46c453;
  1187. }
  1188.  
  1189. .no{
  1190. color:#c91c1c;
  1191. }
  1192.  
  1193. .ask{
  1194. color:#f7ad1b;
  1195. }
  1196.  
  1197. .extras{
  1198. height:150px;
  1199. width:244px;
  1200. overflow:hidden;
  1201. box-sizing: border-box;
  1202. text-align:left;
  1203. margin-top:-5px;
  1204. overflow-y: scroll;
  1205. padding-left:10px;
  1206. padding-right:20px;
  1207. }
  1208.  
  1209. .extras li{
  1210. list-style:none;
  1211. display:block;
  1212. font-size:12px;
  1213. color:#222 !important;
  1214. }
  1215.  
  1216. .extras li:before{
  1217. content:"■";
  1218. font-size:15px;
  1219. margin:0 2px 0 0;
  1220. padding:0 0 5px 0;
  1221. }
  1222.  
  1223. .extras p{
  1224. color:black !important;
  1225. display:inline;
  1226. padding:0 0 5px 0;
  1227. }
  1228.  
  1229. .extras li:nth-child(1) { color: #82685d !important; }
  1230. .extras li:nth-child(2) { color: #cbdd89 !important; }
  1231. .extras li:nth-child(3) { color: #f2e2ae !important; }
  1232. .extras li:nth-child(4) { color: #ffdbc4 !important; }
  1233. .extras li:nth-child(5) { color: #fff3c6 !important; }
  1234.  
  1235. .{
  1236. font-size:13px;
  1237. padding:0 0 10px 0;
  1238. height:150px;
  1239. margin:0;
  1240. text-align:justify;
  1241. }
  1242.  
  1243. /*---- N A V I G A T I O N ---*/
  1244.  
  1245. #main {
  1246. position:relative;
  1247. margin:-65px auto 0px auto;
  1248. width:580px;
  1249. }
  1250.  
  1251. /*--- columns ---*/
  1252. #col1, #col2, #col3 {
  1253. position:absolute;
  1254. margin-bottom:200px;
  1255. }
  1256.  
  1257. #col2 {
  1258. margin:0px 33.3%;
  1259. }
  1260.  
  1261. #col3 {
  1262. margin:0px 66.6%;
  1263. }
  1264. /*--- end columns ---*/
  1265.  
  1266. .box {
  1267. width:150px;
  1268. margin:0px 25px;
  1269. }
  1270.  
  1271. .box h1 {
  1272. color:#444;
  1273. font-size:11px;
  1274. font-weight:600;
  1275. text-transform:uppercase;
  1276. text-align:center;
  1277. background:#fff;
  1278. padding:10px;
  1279. border:1px solid #eee;
  1280. margin-top:80px;
  1281. }
  1282.  
  1283. .tags {
  1284. margin-top:5px;
  1285. background:#fff;
  1286. border:1px solid #eee;
  1287. }
  1288.  
  1289. .tags a {
  1290. margin-top:7px;
  1291. margin-bottom:7px;
  1292. line-height:200%;
  1293. display:block;
  1294. padding-left:15px;
  1295. text-transform:uppercase;
  1296. }
  1297.  
  1298. .tags a:hover {
  1299. margin-left:10px;
  1300. }
  1301.  
  1302. .droptitle {
  1303. margin-top:7px;
  1304. margin-bottom:7px;
  1305. line-height:200%;
  1306. display:block;
  1307. padding-left:15px;
  1308. text-transform:lowercase;
  1309. cursor:pointer;
  1310. color:#888;
  1311. font-size:10px;
  1312. font-weight:400;
  1313. transition-duration: 0.6s;
  1314. -moz-transition-duration: 0.6s;
  1315. -webkit-transition-duration: 0.6s;
  1316. -o-transition-duration: 0.6s
  1317. }
  1318.  
  1319. .droptitle:hover {
  1320. margin-left:10px;
  1321. color:#000;
  1322. transition-duration: 0.6s;
  1323. -moz-transition-duration: 0.6s;
  1324. -webkit-transition-duration: 0.6s;
  1325. -o-transition-duration: 0.6s
  1326. }
  1327.  
  1328. .droptags {
  1329. padding-left:15px;
  1330. text-transform:lowercase;
  1331. max-height:150px; /*--- height of dropdown tags ---*/
  1332. overflow-y:scroll;
  1333. }
  1334.  
  1335. .droptags a {
  1336. line-height:130%;
  1337. }
  1338.  
  1339. /*--- credit - DO NOT TOUCH ---*/
  1340. .credit a {
  1341. font-size:10px;
  1342. bottom:15px;
  1343. right:20px;
  1344. position:fixed;
  1345. text-transform:uppercase;
  1346. }
  1347.  
  1348. /*---- R U L E S ---*/
  1349.  
  1350. .t{font-size:20px;font-weight:bold;color:#5a2b2b;text-transform:lowercase;font-style:italic;}
  1351. .s{font-size:11px;}
  1352.  
  1353.  
  1354. {CustomCSS}</style>
  1355.  
  1356. </head>
  1357. <body>
  1358.  
  1359.  
  1360.  
  1361. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  1362.  
  1363.  
  1364. <!-- D E S C R I P T I O N & N A V I G A T I O N
  1365. ©omni themes, do not claim as your own -->
  1366.  
  1367. <div id="update">
  1368. <div id="ariamap"></div>
  1369. <div id="navi">
  1370.  
  1371. <div id="navigate">
  1372. <a href="{text:link1url}" title="{text:link1name}">♚</a>
  1373. </div>
  1374.  
  1375. <div id="navigate2">
  1376. <a href="#?w=1080" rel="link2" class="poplight" title="{text:link2name}">♟</a>
  1377. </div>
  1378.  
  1379. <div id="navigate3">
  1380. <a href="#?w=1080" rel="link3" class="poplight" title="{text:link3name}">♜</a>
  1381. </div>
  1382.  
  1383. <div id="navigate4">
  1384. <a href="#?w=1080" rel="link4" class="poplight" title="{text:link4name}">♞</a>
  1385. </div>
  1386.  
  1387. <div id="navigate5">
  1388. <a href="#?w=1080" rel="link5" class="poplight" title="{text:link5name}">♛</a>
  1389.  
  1390.  
  1391. </div></div>
  1392. <div id="up">{Description}</div>
  1393. </div>
  1394.  
  1395. <!-- U P D A T E S
  1396. ©omni themes, do not claim as your own -->
  1397.  
  1398. {block:Ifupdates}
  1399. <div id="lines">
  1400. <div id="lines1">
  1401. <div id="lines1line"></div>
  1402. <div id="lines1content">
  1403. {text:update1text}
  1404. </div>
  1405. </div>
  1406.  
  1407. <div id="lines2">
  1408. <div id="lines2line"></div>
  1409. <div id="lines2content">
  1410. {text:update2text}
  1411. </div>
  1412. </div>
  1413.  
  1414. <!-- FOR A NEW TAB COPY FROM HERE -->
  1415.  
  1416. <div id="lines3"> <!-- ID BECOMES "lines4" -->
  1417. <div id="lines3line"></div> <!-- ID BECOMES "lines4line" -->
  1418. <div id="lines3content"> <!-- ID BECOMES "lines4content" -->
  1419. {text:update3text}
  1420. </div>
  1421. </div>
  1422.  
  1423. <!-- TO HERE -->
  1424.  
  1425. <!-- TO CREATE A NEW TAB, COPY AND PASTE FROM WHERE SHOWN, FOLLOW THE INSTRUCTIONS AND REPPLACE THE NUMBERS WITH THE NEXT NUMBER -->
  1426.  
  1427. </div>
  1428.  
  1429. {/block:Ifupdates}
  1430.  
  1431. <!-- P O S T S -->
  1432.  
  1433. <div id="entries">
  1434. {block:Posts}
  1435. <div id="posts">
  1436.  
  1437. <!-- {block:NoRebloggedFrom}
  1438. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1439. {/block:NoRebloggedFrom} -->
  1440.  
  1441. {block:ContentSource}<!-- {SourceURL}
  1442. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1443. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1444. {/block:ContentSource}
  1445.  
  1446. {block:Text}
  1447. {block:Title}
  1448. <h1>{Title}</h1>
  1449. {/block:Title}
  1450. {Body}
  1451. {/block:Text}
  1452.  
  1453. {block:Photo}
  1454. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  1455. {block:Caption}
  1456. {Caption}
  1457. {/block:Caption}
  1458. {/block:Photo}
  1459.  
  1460. {block:Photoset}
  1461. {Photoset-400}{block:Caption}
  1462. {Caption}
  1463. {/block:Caption}
  1464. {/block:Photoset}
  1465.  
  1466. {block:Quote}
  1467. <h2>"{Quote}"</h2>
  1468. {block:Source}
  1469. <h3>—— {Source}</h3>
  1470. {/block:Source}
  1471. {/block:Quote}
  1472.  
  1473. {block:Link}
  1474. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  1475. {block:Description}
  1476. {Description}
  1477. {/block:Description}
  1478. {/block:Link}
  1479.  
  1480. {block:Chat}
  1481. {block:Title}
  1482. <h1>{Title}</h1>
  1483. {/block:Title}
  1484. {block:Lines}
  1485. {block:Label}
  1486. <b>{Label}</b>
  1487. {/block:Label}{Line}<br>
  1488. {/block:Lines}
  1489. {/block:Chat}
  1490.  
  1491. {block:Video}
  1492. {Video-500}
  1493. {block:Caption}
  1494. {Caption}
  1495. {/block:Caption}
  1496. {/block:Video}
  1497.  
  1498. {block:AudioPlayer}
  1499. <div class="audiowrapper">
  1500. {block:AlbumArt}
  1501. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1502. {/block:AlbumArt}
  1503. <div class="playerbuttonbg">
  1504. <div class="newplayerbutton">
  1505. <div class="playerbuttonhug">
  1506. {AudioPlayerBlack}
  1507. </div>
  1508. </div>
  1509. </div>
  1510. <div class="trackdetails">
  1511. <i><big>{block:TrackName}<p>{TrackName}{/block:TrackName}</big></i><br><hr><br>
  1512. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>
  1513. {block:Album}<b>Album:</b> {Album}{/block:Album}<br/>
  1514. {PlayCountWithLabel}</p>
  1515. </div>
  1516. </div>
  1517. {/block:AudioPlayer}
  1518.  
  1519. {block:Answer}
  1520. <div id="askon"><p>{Asker} begged:</div><div id="asker"></div><div id="askiz"><p><div id="asksh"><big><big>❝</big></big>&nbsp;&nbsp;{Question}&nbsp;&nbsp;<big><big>❞</big></big></p></div></div><br><blockquote>{Answer}</blockquote>
  1521. {/block:Answer}
  1522.  
  1523.  
  1524. <div id="info">
  1525. Posted <a href="{Permalink}">{TimeAgo}</a>, with <a href="{Permalink}">{NoteCount} notes</a>
  1526. </div>
  1527.  
  1528. <div id="tagooo">{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  1529.  
  1530. </div>
  1531.  
  1532. {PostNotes}{/block:Posts}
  1533.  
  1534. {/block:Posts}
  1535. </div>
  1536.  
  1537. <div id="previ">
  1538. <div id="previ1">
  1539. {block:PreviousPage}
  1540. <a href="{PreviousPage}">«</a>
  1541. {/block:PreviousPage}
  1542. </div>
  1543. <div id="previ2">
  1544. {block:NextPage}
  1545. <a href="{NextPage}">»</a>
  1546. {/block:NextPage}
  1547. </div>
  1548. </div>
  1549.  
  1550. </body>
  1551.  
  1552.  
  1553. <!-- B O X E S -->
  1554.  
  1555. <div id="link2" class="popup_block">
  1556. <div class="boxa"></div>
  1557. <div style="width: 450px; height: 320px; overflow-y: scroll; overflow-x: hidden; margin-top:325px; margin-left:450px;">
  1558. {text:box1}
  1559. <p><iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/aeoelu.tumblr.com" width="100%" style="background-color: transparent; overflow: hidden;"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p></p>
  1560. </div></div>
  1561.  
  1562.  
  1563. <div id="link3" class="popup_block">
  1564. <div class="boxr"></div>
  1565. <div style="width: 450px; height: 275px; overflow-y: scroll; overflow-x: hidden; margin-top:325px; margin-left:450px;">
  1566. <div class="t">TLDR Section</div><br>
  1567. <div class="s">
  1568. • BE POLITE AND RESPECTFUL!<br>
  1569. • Inspiration is ok but don't steal things from this blog.<br>
  1570. • oc & crossover friendly.<br>
  1571. • Highly Selective.<br>
  1572. • You don't need to match my length.<br>
  1573. • Mun is busy RL, I won't always be here.<br>
  1574. • this blog will have a large amount of triggers.<br>
  1575. • single ship & multiverse.<br>
  1576. • I don't send in guideline passwords or like rule posts to prove they have been read.<br>
  1577. •• no smut with people under 18.<br>
  1578. • Leon Apologist.<br>
  1579. </div><br>
  1580.  
  1581.  
  1582. <div class="t">Basics</div><br>
  1583. <div class="s">This is an independent and Private Fire Emblem If blog for Leon, the Second Prince of Nohr.<br>
  1584.  
  1585. <p>This blogs follows the Japanese version rather than the localized version. So please use&nbsp;<strong>Leon</strong> instead of <em>Leo&nbsp;</em>while referring to my muse.&nbsp;</p>
  1586. <p>My portrayal will be based on the Japanese game and lot of my own historical analysis as well as the headcanons that go along with it.</p>
  1587. <p>The main route used for him is Birthright (Nohr P.O.V ), but any other verse is available upon request.&nbsp;</p>
  1588. <p><strong>[ Update ]&nbsp;this blog is now officially canon divergent! &nbsp;</strong></p>
  1589. <p>On a side note, I call Leon the </span><strong>Third</strong><span > Eldest Royal Sibling rather than the </span><strong>fourth</strong><span> because Kamui is not an official member; this is also written this way because of the main verse</span></p>
  1590. <p>In recent light of events that occurred in the fandom: Mun sees Nohr as a reference to the <em>British Empire</em> and whatever may be confirmed, discussed or whatsoever it will remain the same on this blog. Thank you.&nbsp;</div><br>
  1591. <div class="t">Crossovers</div><br>
  1592. <div class="s">I am willing to roleplay with characters of all different kinds platforms. This obviously includes fandoms that I am not familiar with and while I try to do some research if I state something wrong or get something wrong don&rsquo;t hesitate to notify me in a polite manner of course.</div><br>
  1593. <div class="t">Selectiveness</div><br>
  1594. <div class="s">This blog is <em>Highly Selective and I will check your blog over to see if you fulfill my small list of must haves. </em>If I do not follow back it is not to be rude, but I like to keep my dash clean as much as possible.</p>
  1595. <p>I prefer to roleplay with mutuals only and I will unfollow if you have not followed me back in x amount of days.</p>
  1596. <p>That said my open posts are <strong>meant for everyone</strong> to be responded to I shall not be picky about who replies.</div><br>
  1597.  
  1598. <div class="t">Exclusivity</div><br>
  1599. <div class="s">I am willing to become exclusives or mains. I don't become mains or exclusives that fast because I would like to know the mun well before doing so. Unless said mun specified I cannot roleplay with different versions I am willing to roleplay with duplicates. However the ones Leon will be mentioning during threads are the ones on the list. </div><br>
  1600. <div class="t">Selectiveness</div><br>
  1601. <div class="s">Friendly reminder that I am still willing to roleplay with other roleplayers who roleplay the same characters as them! However, the character development with those roleplayers will be considered roleplay canon. Of course should another mun who roleplays a duplicate of someone that&rsquo;s already on the list, an exception may be made.&nbsp;</div><br>
  1602. <div class="t">Plagiarism</div><br>
  1603. <div class="s">I detest any form of plagiarism so don&rsquo;t be that person who does that, inspiration is fine, but make it your own, yeah?</div><br>
  1604. <div class="t">OC</div><br>
  1605. <div class="s">So with 4 years on Tumblr and still counting I didn&rsquo;t have too many good encounters when it comes to OC&rsquo;s, still I am <strong>very willing</strong> to rp with them. Though do note that I won&rsquo;t be 100% eager to join in and would like to see/read a bit more about your muse first before jumping in.</div><br>
  1606. <div class="t">Threads</div><br>
  1607. <div class="s">Don&rsquo;t feel obligated to match the amount that I write. Sometimes I try to describe the setting &amp; write extra to keep the thread going which tends to translate in paragraph upon paragraph. As long as you give me something to work with all is fine.</p>
  1608. <p>I will try to match the length my partner uses.</p>
  1609. <p>The last couple of months I have noticed that the speed I reply with has severely decreased which is mostly because of university so please be patient with me &amp; I will be patient with you.</p>
  1610. <p>If you wish to drop the thread because of this or you no longer have muse for it that is fine with me.</p>
  1611. <p>I am always open for new threads no matter how many we have ongoing already.</div><br>
  1612. <div class="t">OOC Contact</div><br>
  1613. <div class="s">You can reach me through inbox messaging, personal blog, twitter or skype. It is available upon request if we&rsquo;re mutual followers.</div><br>
  1614. <div class="t">Forbidden</div><br>
  1615. <div class="s">I won&rsquo;t be accepting Mystery Anons and I doubt I ever will do such,&nbsp;<br /><br />I will not tolerate god modding or meta-gaming.&nbsp;<br /><br />Nor will I tolerate it when the other mun decides to disregard character development and decides to skip the necessary character development needed to create a proper bond with Leon<br /><br />If any of this happens I have all right to drop the thread without any excuse.</div><br>
  1616. <div class="t">Permissions</div><br>
  1617. <div class="s">li><strong style="font-size: 14px; line-height: 1.4;">May I hug/kiss/flirt with Leon</strong></li>
  1618. </ul>
  1619. <p>I don&rsquo;t think he&rsquo;ll react positive to any of those, but you are free to try it, perhaps he will react positively to it perhaps not, time will tell.</p>
  1620. <ul>
  1621. <li><strong style="font-size: 14px; line-height: 1.4;">Smut/Romance</strong></li>
  1622. </ul>
  1623. <p>Same as mentioned above, however, to add a little bit more, while the mun is comfortable with smut, she will not engage Leon into such activity without the proper character development and OOC contact wise with the mun behind the other muse.</p>
  1624. <ul>
  1625. <li><strong style="font-size: 14px; line-height: 1.4;">May I fight/kill Leon?</strong></li>
  1626. </ul>
  1627. <p>Yes, you may, I&rsquo;m always open for fighting threads even though I rarely rp such in my years of roleplaying. Still if killing is going to be involved I rather have this discussed OOC wise, this also goes if Leon is going to kill someone else.&nbsp;</p>
  1628. <ul>
  1629. <li><strong style="font-size: 14px; line-height: 1.4;">Pre-Established Relationships</strong></li>
  1630. </ul>
  1631. <p>Fire Emblem is a game where you can literally pair up anyone with anyone and I am willing to do the same. At the current moment, I don&rsquo;t have a pairing that I ultimately have in mind for Leon for I haven&rsquo;t warmed up to many of his possible ships just yet. At the current moment, I do have a Leokumi thread planned with <a href="http://proximityxshot.tumblr.com">Takumi&nbsp;</a> however I am always willing to explore more pairings, just don&rsquo;t force them on me.</p></div><br>
  1632. <div class="t">Triggers</div><br>
  1633. <div class="s">Mun is overall comfortable with every trigger so there is no reason for you to tag anything for me.</p>
  1634. <p>Still this blog may have some trigger warnings the most common one involving death, abuse all triggers will be tagged as tw:____</div><br>
  1635. <div class="t">Disclaimer</div><br>
  1636. <div class="s">I don&rsquo;t own anything on this blog aside from alterations to this blog and the edits that were made on this blog.<br /><br />Credit for the icons goes to me as I made them and edited them, I will not tolerate them being stolen.</p>
  1637. <p>Credit for theme goes to&nbsp;omnipotenceisoverrated</p>
  1638. <p>Credit for rules layout goes to&nbsp;salazhar</p>
  1639. <p>Credit for Exclusive Layout goes to&nbsp;noiretblanc-themes</p>
  1640. <p>Credit for Exclusive Navigation goes to&nbsp;alydae</p>
  1641. <p>The corner image was made by <a href="http://www.pixiv.net/member.php?id=8700275"> カリ</a><br />Leon belongs to Yusuke Kozaki</p></div><br>
  1642.  
  1643.  
  1644. </div></div>
  1645.  
  1646. <div id="link4" class="popup_block">
  1647. <div class="boxn"></div>
  1648. <div style="width: 425px; height: 250px; overflow-y: scroll; overflow-x: hidden; margin-top:325px; margin-left:450px;">
  1649. <div id="main">
  1650.  
  1651.  
  1652. <!--- column one start --->
  1653. <div id="col1">
  1654.  
  1655. <!--- box one start --->
  1656. <div class="box">
  1657. <h1>Prince Leon</h1>
  1658.  
  1659. <div class="tags">
  1660.  
  1661. <a href="/tagged/II.-┊-ᵖʳᵒᵈᶦᵍᵃᶫ-ᵐᵃᵍᵉ">Character Tag</a>
  1662. <a href="/King">About</a>
  1663. <a href="/tagged/II. ┊ ᵖʳᶦᶰᶜᵉ'ˢ ᵈᵒᶜᵗʳᶦᶰᵉ">Headcanons</a>
  1664. <a href="/tagged/II. ┊ ᵍᵉᶰᶦᵘˢ ᵐᶦᶰᵈ ᵖᵃᶫᵃᶜᵉ">Musings</a>
  1665. <a href="/Paths">Verses</a>
  1666.  
  1667.  
  1668. </div>
  1669. </div>
  1670. <!--- box one end --->
  1671.  
  1672. <!--- box two start --->
  1673. <div class="box">
  1674. <h1>Miscellaneous</h1>
  1675.  
  1676. <div class="tags">
  1677.  
  1678. <a href="/tagged/III. ┊ ᵈᶦˢᶜᶫᵃᶦᵐᵉʳ">Disclaimer</a>
  1679. <a href="/tagged/V. ┊ ᵃˢᵏ ᵃᶰᵈ ᵗʰᵒᵘ ˢʰᵃᶫᵗ ʳᵉᶜᵉᶦᵛᵉ ">Inquiries</a>
  1680. <a href="/tagged/III. ┊ ᵖˢᵃ">PSA</a>
  1681. <a href="/tagged/IV. ┊ ʳᵒʸᵃᶫ ᵗʳᵉᵃˢᵘʳᵉˢ">Gifts</a>
  1682. <a href="/tagged/IV. ┊ ᶰᵒʰʳᶦᵃᶰ ᵖʳᵒᵖᵃᵍᵃᶰᵈᵃ">Propoganda</a>
  1683. <a href="/Queen">Queen</a>
  1684.  
  1685. </div>
  1686. </div>
  1687. <!--- box two end --->
  1688.  
  1689. </div>
  1690. <!--- column one end --->
  1691.  
  1692.  
  1693.  
  1694.  
  1695.  
  1696. <!--- column two start --->
  1697. <div id="col2">
  1698.  
  1699. <!--- box one start --->
  1700. <div class="box">
  1701. <h1>Character Gallery</h1>
  1702.  
  1703. <div class="tags">
  1704. <div class="droptitle"><i class="fa fa-angle-down"></i>&nbsp; &nbsp; OTPS</div>
  1705. <div class="droptags">
  1706. <a href="/tagged/VI. ┊ ᵗʰᵉ ᶫᶦᵍʰᵗ ᴵ ᶜᵃᶫᶫ ʰᵒᵐᵉ ">Leokumi</a>
  1707. <a href="/tagged/VI.-┊-ᵃ-ˢᵉᶜᵒᶰᵈ-ᶜʰᵃᶰᶜᵉ ">ZeroLeo</a>
  1708. <a href="/tagged/VI.-┊-ᵃᵇᵒᵛᵉ-ᵃᶫᶫ-ʲᵘˢᵗ-ᵇᵉ-ʸᵒᵘʳˢᵉᶫᶠ ">LeoMozu</a>
  1709.  
  1710. </div>
  1711. <div class="droptitle"><i class="fa fa-angle-down"></i>&nbsp; &nbsp; Misc</div>
  1712. <div class="droptags">
  1713. <a href="/tagged/VI. ┊ ᶫᶦᵗᵗᶫᵉ ᵗʰᶦᶰᵍˢ ᶦᶰ ᶫᶦᶠᵉ ">Interests</a>
  1714. <a href="/tagged/VI. ┊ ʰᶦˢ ᶦᶰᶠᶦᶰᶦᵗᵉ ᵃʳˢᵉᶰᵃᶫ ᵒᶠ ˢᵏᶦᶫᶫˢ ">Skills</a>
  1715. <a href="/tagged/VI. ┊ ᵐᵘˢᶦᶜ ᵗᵒ ʰᶦˢ ᵉᵃʳˢ">Music</a>
  1716.  
  1717. </div>
  1718. <a href="/tagged/VI. ┊ ᵏᶰᵒʷᶰ ᶠᵒʳ ᶜᵉᶰᵗᵘʳᶦᵉˢ ʰᶦˢ ᵏᶰᵒʷᶫᵉᵈᵍᵉ ʷᵃˢ ᶫᵉᵍᵉᶰᵈᵃʳʸ">Prince of Darkness</a>
  1719. <a href="/tagged/VI. ┊ ˢᵒᶰˢ ᵒᶠ ᶰᵒʰʳ ">Sons of Nohr</a>
  1720. <a href="/tagged/VI. ┊ ᵗʷᵒ ˢᶦᵈᵉˢ ᵒᶠ ᵗʰᵉ ˢᵃᵐᵉ ᶜᵒᶦᶰ ">Two Sides of the Same Coin</a>
  1721. <a href="/tagged/VI. ┊ ᶦʳʳᵉᵖᶫᵃᶜᵉᵃᵇᶫᵉ ᵃᶰᵈ ᵗʳᵘˢᵗᵉᵈ">Blind Trust</a>
  1722. <a href="/tagged/tagged/VI.-┊-ᵃᵈᵒʳᵃᵗᶦᵒᶰ-ᵗʰᵃᵗ-ᶰᵒ-ᵉᶰᵛʸ-ᶜᵃᶰ-ᵗᵃᵏᵉ-ᵃʷᵃʸ">Through tick and thin</a>
  1723. <a href="/tagged/VI.-┊-ˢᵗᵃᶰᵈ-ˢᵗʳᵒᶰᵍ-ʰᵉᵃᵈ-ʰᵉᶫᵈ-ᵘᵖ-ʰᶦᵍʰ">Head Held up High</a>
  1724. <a href="/tagged/VI. ┊ ᵇᵒᵘᶰᵈ ᵇʸ ᶫᵒʸᵃᶫᵗʸ ">Family</a>
  1725. <a href="/tagged/VI. ┊ ᵐᵘᵗᵘᵃᶫ ᵃˢˢᵘʳᵉᵈ ᵈᵉˢᵗʳᵘᶜᵗᶦᵒᶰ">Mutual Assured Destruction</a>
  1726.  
  1727. </div>
  1728. </div>
  1729. <!--- box one end --->
  1730.  
  1731.  
  1732. </div>
  1733. <!--- column two end --->
  1734.  
  1735.  
  1736. </div>
  1737.  
  1738.  
  1739. </div></div>
  1740.  
  1741. <!-- E X C L U S I V E S -->
  1742.  
  1743. <div id="link5" class="popup_block">
  1744. <div class="boxe"></div>
  1745. <div style="width: 601px; height: 250px; overflow-y: scroll; overflow-x: hidden; margin-top:305px; margin-left:525px;">
  1746.  
  1747. <div id="exclusives">
  1748.  
  1749. <div id="charabox">
  1750. <div class="titlebox">
  1751. <div class="nametag"><i class="fa fa-quote-left smallchar"></i>
  1752. <!--Character Name--> Elise <!--Character Name-->
  1753. </div><div class="fandomtag"><i class="fa fa-star-o"></i>
  1754. <!--Fandom Name--> Rodfaire <!--Fandom Name-->
  1755. </div></div>
  1756.  
  1757. <div class="imagebox">
  1758.  
  1759. <!--Character image-->
  1760. <img src="http://static.tumblr.com/i5bkmnv/DT0o5zx3l/elise.png" class="imageresize">
  1761. </div>
  1762.  
  1763. <div class="infobox">
  1764.  
  1765. <!--Add/Remove info of the character by copying/erasing the next code-->
  1766. <div class="det">
  1767. <div class="det1">Status</div>
  1768. <div class="det2">Younger Sister</div>
  1769. </div>
  1770. <!--Add/Remove info of the character by copying/erasing the previous code-->
  1771.  
  1772. <div class="det">
  1773. <div class="det1">Verses</div>
  1774. <div class="det2">In all verses</div>
  1775. </div>
  1776.  
  1777.  
  1778.  
  1779. <!--Extra info of the character-->
  1780. <div class="extras">
  1781. <br>
  1782. <!--Copy from here for a paragraph format-->
  1783. <p class="infotext">"Elise is the second princess of Nohr and the sibling whom Leon is closest too. She is the light in his life and will do everything in his powers to protect her from harm."</p>
  1784. <!--End of paragraph format-->
  1785.  
  1786. </div></div>
  1787. <!--End of extra info-->
  1788.  
  1789. <!--Character tags-->
  1790. <div class="boxtag"><i class="fa fa-tags tagi"></i>
  1791.  
  1792. <!--Add all tags after this piece of code. Fell free to add/remove at will-->
  1793. <a href="http://rodfaire.tumblr.com" title="Blog" class="masterTooltip"><i class="fa fa-square-o"></i></a>
  1794.  
  1795.  
  1796. </div>
  1797. </div>
  1798.  
  1799. <div id="charabox" >
  1800. <div class="titlebox">
  1801. <div class="nametag"><i class="fa fa-quote-left smallchar"></i>
  1802. <!--Character Name--> Camilla <!--Character Name-->
  1803. </div><div class="fandomtag"><i class="fa fa-star-o"></i>
  1804. <!--Fandom Name--> Wyvernfaire <!--Fandom Name-->
  1805. </div></div>
  1806.  
  1807. <div class="imagebox">
  1808.  
  1809. <!--Character image-->
  1810. <img src="http://static.tumblr.com/i5bkmnv/px3o5zy0r/camilla.png" class="imageresize">
  1811. </div>
  1812.  
  1813. <div class="infobox">
  1814.  
  1815.  
  1816. <!--Add/Remove info of the character by copying/erasing the next code-->
  1817. <div class="det">
  1818. <div class="det1">Status</div>
  1819. <div class="det2">Older Sister</div>
  1820. </div>
  1821. <!--Add/Remove info of the character by copying/erasing the previous code-->
  1822.  
  1823. <div class="det">
  1824. <div class="det1">Verses</div>
  1825. <div class="det2">In all verses</div>
  1826. </div>
  1827.  
  1828.  
  1829.  
  1830. <!--Extra info of the character-->
  1831. <div class="extras">
  1832. <br>
  1833. <!--Copy from here for a paragraph format-->
  1834. <p class="infotext">"Camilla is the first princess of Nohr and the one who Leon craves attention from. She is the first one who made him feel like he is worth something other than being a tool for power."</p>
  1835. <!--End of paragraph format-->
  1836.  
  1837. </div></div>
  1838. <!--End of extra info-->
  1839.  
  1840. <!--Character tags-->
  1841. <div class="boxtag"><i class="fa fa-tags tagi"></i>
  1842.  
  1843. <!--Add all tags after this piece of code. Fell free to add/remove at will-->
  1844. <a href="http://wyvernfaire.tumblr.com" title="Blog" class="masterTooltip"><i class="fa fa-square-o"></i></a>
  1845.  
  1846.  
  1847.  
  1848. </div>
  1849. </div>
  1850.  
  1851. <div id="charabox" >
  1852. <div class="titlebox">
  1853. <div class="nametag"><i class="fa fa-quote-left smallchar"></i>
  1854. <!--Character Name--> Marx <!--Character Name-->
  1855. </div><div class="fandomtag"><i class="fa fa-star-o"></i>
  1856. <!--Fandom Name--> Aeoeling <!--Fandom Name-->
  1857. </div></div>
  1858.  
  1859. <div class="imagebox">
  1860.  
  1861. <!--Character image-->
  1862. <img src="http://static.tumblr.com/i5bkmnv/Yeyo68yv1/marx.png" class="imageresize">
  1863. </div>
  1864.  
  1865. <div class="infobox">
  1866.  
  1867.  
  1868. <!--Add/Remove info of the character by copying/erasing the next code-->
  1869. <div class="det">
  1870. <div class="det1">Status</div>
  1871. <div class="det2">Older Brother</div>
  1872. </div>
  1873. <!--Add/Remove info of the character by copying/erasing the previous code-->
  1874.  
  1875. <div class="det">
  1876. <div class="det1">Verses</div>
  1877. <div class="det2">In all verses</div>
  1878. </div>
  1879.  
  1880.  
  1881.  
  1882. <!--Extra info of the character-->
  1883. <div class="extras">
  1884. <br>
  1885. <!--Copy from here for a paragraph format-->
  1886. <p class="infotext">"Marx is the first prince of Nohr and the crown prince of Nohr. Leon idiolizes his brother, but does not wish to become just like him. He seeks to stand besides his brother once he is crowned king. "</p>
  1887. <!--End of paragraph format-->
  1888.  
  1889. </div></div>
  1890. <!--End of extra info-->
  1891.  
  1892. <!--Character tags-->
  1893. <div class="boxtag"><i class="fa fa-tags tagi"></i>
  1894.  
  1895. <!--Add all tags after this piece of code. Fell free to add/remove at will-->
  1896. <a href="http://aeoeling.tumblr.com" title="Blog" class="masterTooltip"><i class="fa fa-square-o"></i></a>
  1897.  
  1898.  
  1899. </div>
  1900. </div>
  1901.  
  1902. <div id="charabox" >
  1903. <div class="titlebox">
  1904. <div class="nametag"><i class="fa fa-quote-left smallchar"></i>
  1905. <!--Character Name--> Kamui <!--Character Name-->
  1906. </div><div class="fandomtag"><i class="fa fa-star-o"></i>
  1907. <!--Fandom Name--> Victorums <!--Fandom Name-->
  1908. </div></div>
  1909.  
  1910. <div class="imagebox">
  1911.  
  1912. <!--Character image-->
  1913. <img src="http://static.tumblr.com/i5bkmnv/Zqwo68yv7/kamui.png" class="imageresize">
  1914. </div>
  1915.  
  1916. <div class="infobox">
  1917.  
  1918.  
  1919. <!--Add/Remove info of the character by copying/erasing the next code-->
  1920. <div class="det">
  1921. <div class="det1">Status</div>
  1922. <div class="det2">Older Half-Sister</div>
  1923. </div>
  1924. <!--Add/Remove info of the character by copying/erasing the previous code-->
  1925.  
  1926. <div class="det">
  1927. <div class="det1">Verses</div>
  1928. <div class="det2">In all verses</div>
  1929. </div>
  1930.  
  1931.  
  1932.  
  1933. <!--Extra info of the character-->
  1934. <div class="extras">
  1935. <br>
  1936. <!--Copy from here for a paragraph format-->
  1937. <p class="infotext">"Kamui is Leon's half-sister. Their relationship is rather complicated ( mostly from Leon's side ) but despite his jealousies there is no doubt he cares for her. "</p>
  1938. <!--End of paragraph format-->
  1939.  
  1940. </div></div>
  1941. <!--End of extra info-->
  1942.  
  1943. <!--Character tags-->
  1944. <div class="boxtag"><i class="fa fa-tags tagi"></i>
  1945.  
  1946. <!--Add all tags after this piece of code. Fell free to add/remove at will-->
  1947. <a href="http://victorums.tumblr.com" title="Blog" class="masterTooltip"><i class="fa fa-square-o"></i></a>
  1948.  
  1949.  
  1950. </div>
  1951. </div>
  1952.  
  1953. <div id="charabox" >
  1954. <div class="titlebox">
  1955. <div class="nametag"><i class="fa fa-quote-left smallchar"></i>
  1956. <!--Character Name--> Takumi <!--Character Name-->
  1957. </div><div class="fandomtag"><i class="fa fa-star-o"></i>
  1958. <!--Fandom Name--> Proximityxshot <!--Fandom Name-->
  1959. </div></div>
  1960.  
  1961. <div class="imagebox">
  1962.  
  1963. <!--Character image-->
  1964. <img src="http://static.tumblr.com/i5bkmnv/JoEo68zl4/takumi.png" class="imageresize">
  1965. </div>
  1966.  
  1967. <div class="infobox">
  1968.  
  1969.  
  1970. <!--Add/Remove info of the character by copying/erasing the next code-->
  1971. <div class="det">
  1972. <div class="det1">Status</div>
  1973. <div class="det2">Lover</div>
  1974. </div>
  1975. <!--Add/Remove info of the character by copying/erasing the previous code-->
  1976.  
  1977. <div class="det">
  1978. <div class="det1">Verses</div>
  1979. <div class="det2">Revelation</div>
  1980. </div>
  1981.  
  1982.  
  1983.  
  1984. <!--Extra info of the character-->
  1985. <div class="extras">
  1986. <br>
  1987. <!--Copy from here for a paragraph format-->
  1988. <p class="infotext">"They think no one has noticed their relationship yet, sadly everyone already noticed before even they did. Currently they're dating in secret. "</p>
  1989. <!--End of paragraph format-->
  1990.  
  1991. </div></div>
  1992. <!--End of extra info-->
  1993.  
  1994. <!--Character tags-->
  1995. <div class="boxtag"><i class="fa fa-tags tagi"></i>
  1996.  
  1997. <!--Add all tags after this piece of code. Fell free to add/remove at will-->
  1998. <a href="http://proximityxshot.tumblr.com" title="Blog" class="masterTooltip"><i class="fa fa-square-o"></i></a>
  1999.  
  2000.  
  2001. </div>
  2002. </div>
  2003.  
  2004.  
  2005. <div id="charabox" >
  2006. <div class="titlebox">
  2007. <div class="nametag"><i class="fa fa-quote-left smallchar"></i>
  2008. <!--Character Name--> Zero <!--Character Name-->
  2009. </div><div class="fandomtag"><i class="fa fa-star-o"></i>
  2010. <!--Fandom Name--> Latrocinari <!--Fandom Name-->
  2011. </div></div>
  2012.  
  2013. <div class="imagebox">
  2014.  
  2015. <!--Character image-->
  2016. <img src="http://static.tumblr.com/i5bkmnv/mITo6hp66/zero.png" class="imageresize">
  2017. </div>
  2018.  
  2019. <div class="infobox">
  2020.  
  2021.  
  2022. <!--Add/Remove info of the character by copying/erasing the next code-->
  2023. <div class="det">
  2024. <div class="det1">Status</div>
  2025. <div class="det2">Retainer</div>
  2026. </div>
  2027. <!--Add/Remove info of the character by copying/erasing the previous code-->
  2028.  
  2029. <div class="det">
  2030. <div class="det1">Verses</div>
  2031. <div class="det2">In all verses</div>
  2032. </div>
  2033.  
  2034.  
  2035.  
  2036. <!--Extra info of the character-->
  2037. <div class="extras">
  2038. <br>
  2039. <!--Copy from here for a paragraph format-->
  2040. <p class="infotext">"Zero is Leon's retainer and his right hand. Leon spared the man when he broke in into the castle, seeing worth in the outlaw and believing that he would be someone the prince can save "</p>
  2041. <!--End of paragraph format-->
  2042.  
  2043. </div></div>
  2044. <!--End of extra info-->
  2045.  
  2046. <!--Character tags-->
  2047. <div class="boxtag"><i class="fa fa-tags tagi"></i>
  2048.  
  2049. <!--Add all tags after this piece of code. Fell free to add/remove at will-->
  2050. <a href="http://latrocinari.tumblr.com" title="Blog" class="masterTooltip"><i class="fa fa-square-o"></i></a>
  2051.  
  2052.  
  2053. </div>
  2054. </div>
  2055.  
  2056. <div id="charabox" >
  2057. <div class="titlebox">
  2058. <div class="nametag"><i class="fa fa-quote-left smallchar"></i>
  2059. <!--Character Name--> Joker <!--Character Name-->
  2060. </div><div class="fandomtag"><i class="fa fa-star-o"></i>
  2061. <!--Fandom Name--> Byrelan <!--Fandom Name-->
  2062. </div></div>
  2063.  
  2064. <div class="imagebox">
  2065.  
  2066. <!--Character image-->
  2067. <img src="http://static.tumblr.com/i5bkmnv/qulo6p3ys/joker.png" class="imageresize">
  2068. </div>
  2069.  
  2070. <div class="infobox">
  2071.  
  2072.  
  2073. <!--Add/Remove info of the character by copying/erasing the next code-->
  2074. <div class="det">
  2075. <div class="det1">Status</div>
  2076. <div class="det2">Servant</div>
  2077. </div>
  2078. <!--Add/Remove info of the character by copying/erasing the previous code-->
  2079.  
  2080. <div class="det">
  2081. <div class="det1">Verses</div>
  2082. <div class="det2">Conquest & IK </div>
  2083. </div>
  2084.  
  2085.  
  2086.  
  2087. <!--Extra info of the character-->
  2088. <div class="extras">
  2089. <br>
  2090. <!--Copy from here for a paragraph format-->
  2091. <p class="infotext">"A sassy prick, but a loyal prick. "</p>
  2092. <!--End of paragraph format-->
  2093.  
  2094. </div></div>
  2095. <!--End of extra info-->
  2096.  
  2097. <!--Character tags-->
  2098. <div class="boxtag"><i class="fa fa-tags tagi"></i>
  2099.  
  2100. <!--Add all tags after this piece of code. Fell free to add/remove at will-->
  2101. <a href="http://byrelan.tumblr.com" title="Blog" class="masterTooltip"><i class="fa fa-square-o"></i></a>
  2102.  
  2103.  
  2104. </div>
  2105. </div>
  2106.  
  2107.  
  2108. <div id="charabox" >
  2109. <div class="titlebox">
  2110. <div class="nametag"><i class="fa fa-quote-left smallchar"></i>
  2111. <!--Character Name--> Kaguya <!--Character Name-->
  2112. </div><div class="fandomtag"><i class="fa fa-star-o"></i>
  2113. <!--Fandom Name--> kcguya <!--Fandom Name-->
  2114. </div></div>
  2115.  
  2116. <div class="imagebox">
  2117.  
  2118. <!--Character image-->
  2119. <img src="http://static.tumblr.com/i5bkmnv/er3o6p41n/kaguya.png" class="imageresize">
  2120. </div>
  2121.  
  2122. <div class="infobox">
  2123.  
  2124.  
  2125. <!--Add/Remove info of the character by copying/erasing the next code-->
  2126. <div class="det">
  2127. <div class="det1">Status</div>
  2128. <div class="det2">Personal Advisor</div>
  2129. </div>
  2130. <!--Add/Remove info of the character by copying/erasing the previous code-->
  2131.  
  2132. <div class="det">
  2133. <div class="det1">Verses</div>
  2134. <div class="det2">In all verses</div>
  2135. </div>
  2136.  
  2137.  
  2138.  
  2139. <!--Extra info of the character-->
  2140. <div class="extras">
  2141. <br>
  2142. <!--Copy from here for a paragraph format-->
  2143. <p class="infotext">" Leon's personal advisor, she is loyal to him till the moment he will draw his last breath. She are his eyes when Zero cannot be "</p>
  2144. <!--End of paragraph format-->
  2145.  
  2146. </div></div>
  2147. <!--End of extra info-->
  2148.  
  2149. <!--Character tags-->
  2150. <div class="boxtag"><i class="fa fa-tags tagi"></i>
  2151.  
  2152. <!--Add all tags after this piece of code. Fell free to add/remove at will-->
  2153. <a href="http://glassmemoir.tumblr.com" title="Blog" class="masterTooltip"><i class="fa fa-square-o"></i></a>
  2154.  
  2155.  
  2156. </div>
  2157. </div>
  2158.  
  2159. <div id="charabox" >
  2160. <div class="titlebox">
  2161. <div class="nametag"><i class="fa fa-quote-left smallchar"></i>
  2162. <!--Character Name--> Nicole <!--Character Name-->
  2163. </div><div class="fandomtag"><i class="fa fa-star-o"></i>
  2164. <!--Fandom Name--> glassmemoir <!--Fandom Name-->
  2165. </div></div>
  2166.  
  2167. <div class="imagebox">
  2168.  
  2169. <!--Character image-->
  2170. <img src="http://static.tumblr.com/i5bkmnv/of3o6p4d8/nicole.png" class="imageresize">
  2171. </div>
  2172.  
  2173. <div class="infobox">
  2174.  
  2175.  
  2176. <!--Add/Remove info of the character by copying/erasing the next code-->
  2177. <div class="det">
  2178. <div class="det1">Status</div>
  2179. <div class="det2">Student</div>
  2180. </div>
  2181. <!--Add/Remove info of the character by copying/erasing the previous code-->
  2182.  
  2183. <div class="det">
  2184. <div class="det1">Verses</div>
  2185. <div class="det2">In all verses</div>
  2186. </div>
  2187.  
  2188.  
  2189.  
  2190. <!--Extra info of the character-->
  2191. <div class="extras">
  2192. <br>
  2193. <!--Copy from here for a paragraph format-->
  2194. <p class="infotext">" Nicole is Leon's student. Leon teaches her how she can control and use psychokinetics better. "</p>
  2195. <!--End of paragraph format-->
  2196.  
  2197. </div></div>
  2198. <!--End of extra info-->
  2199.  
  2200. <!--Character tags-->
  2201. <div class="boxtag"><i class="fa fa-tags tagi"></i>
  2202.  
  2203. <!--Add all tags after this piece of code. Fell free to add/remove at will-->
  2204. <a href="http://kcguya.tumblr.com" title="Blog" class="masterTooltip"><i class="fa fa-square-o"></i></a>
  2205.  
  2206.  
  2207. </div>
  2208. </div>
  2209.  
  2210.  
  2211.  
  2212.  
  2213.  
  2214.  
  2215.  
  2216. <p></p>
  2217. <p></p>
  2218. </div></div>
  2219. </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!