API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jun 25th, 2018
72
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.68 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. theme by jenesis aka vielenes - made from a base code by neonbikethemes.
  8.  
  9. -->
  10.  
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}" />
  13. {/block:Description}
  14. <meta charset="utf-8">
  15. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  16. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19.  
  20.  
  21.  
  22. <meta name="color:Background" content="#ffffff" />
  23. <meta name="color:Selection" content="#000000" />
  24. <meta name="color:Scrollbar" content="#947979" />
  25. <meta name="color:Text" content="#555" />
  26. <meta name="color:Bold" content="#947979" />
  27. <meta name="color:Italic" content="#947979" />
  28. <meta name="color:Header" content="#947979" />
  29. <meta name="color:Blockquote" content="#555" />
  30. <meta name="color:PostInfoText" content="#555" />
  31. <meta name="color:Tags" content="#555" />
  32. <meta name="color:Navigation Link" conteont="#947979" />
  33.  
  34.  
  35. <meta name="image:sidepic" content=""/>
  36.  
  37.  
  38. <!-- FONT SCRIPTS -->
  39.  
  40. <link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">
  41.  
  42.  
  43.  
  44.  
  45.  
  46.  
  47. <!-- IMPORTANT SCRIPTS - DO NOT REMOVE -->
  48.  
  49. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  50.  
  51. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  52.  
  53. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  54.  
  55. <script>
  56.  
  57. $(document).ready(function(){
  58. $("ul#tabs li").click(function(e){
  59. if (!$(this).hasClass("active")) {
  60. var tabNum = $(this).index();
  61. var nthChild = tabNum+1;
  62. $("ul#tabs li.active").removeClass("active");
  63. $(this).addClass("active");
  64. $("ul#tab li.active").removeClass("active");
  65. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  66. }
  67. });
  68. });
  69. </script>
  70.  
  71. <!-- TOOLTIP SCRIPT -->
  72.  
  73. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  74. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  75. <script>
  76. (function($){
  77. $(document).ready(function(){
  78. $("a[title]").style_my_tooltips({
  79. tip_follows_cursor:true,
  80. tip_delay_time:90,
  81. tip_fade_speed:600,
  82. attribute:"title"
  83. });
  84. });
  85. })(jQuery);
  86. </script>
  87.  
  88.  
  89.  
  90. <style type="text/css">
  91.  
  92.  
  93. /* -------- SELECTION COLOR ------- */
  94.  
  95. ::-moz-selection {
  96. background: {color:selection};
  97. color: #ffffff;
  98. }
  99.  
  100. ::selection {
  101. background: {color:selection};
  102. color: #ffffff;
  103. }
  104.  
  105. /* -------- SCROLLBAR ------- */
  106.  
  107. ::-webkit-scrollbar {
  108. width: 2px;
  109. }
  110.  
  111. /* Track */
  112. ::-webkit-scrollbar-track {
  113. background:transparent;
  114. }
  115.  
  116. /* Handle */
  117. ::-webkit-scrollbar-thumb {
  118. background:{color:Scrollbar};
  119.  
  120. }
  121. ::-webkit-scrollbar-thumb:window-inactive {
  122. background: transparent;
  123. }
  124.  
  125. /* ------- TOOLTIP ------ */
  126.  
  127. #s-m-t-tooltip {
  128. max-width:300px;
  129. margin:22px 20px 0px 10px;
  130. background:url('https://i.imgur.com/uBUkSVF.png');
  131. background-repeat:repeat;
  132. background-attachment:fixed;
  133. border:1px solid #ffffff;
  134. border-radius:10px;
  135. padding:5px;
  136. font-family: 'Playfair Display', serif;
  137. font-size: 10px;
  138. letter-spacing: 1px;
  139. text-transform: uppercase;
  140. color:#ffffff;
  141. font-weight:bold;
  142. text-shadow: 1px 1px 1px #000000;
  143. text-shadow: -1px -1px -1px #000000;
  144. z-index:999999999999999999999999999999999999;
  145. }
  146.  
  147.  
  148. /* -------- BODY STYLING ------- */
  149.  
  150. body {
  151.  
  152. color:{color:text};
  153. background-color:{color:background};
  154. background-image:url('https://static.tumblr.com/u721u1f/1Slpaw8sj/edit.png'); /*bg image goes here*/
  155. background-attachment: fixed;
  156. background-repeat: no-repeat;
  157. background-position: -130px -45px;
  158. background-size: cover;
  159. color:{color:body text}; /*body font color*/
  160. font-family:'arial';
  161. text-align:justify;
  162. font-size:9px;
  163. font-style:normal;
  164. letter-spacing:1px;
  165. text-decoration:none;
  166. line-height:18px;
  167.  
  168.  
  169.  
  170.  
  171.  
  172.  
  173.  
  174.  
  175.  
  176. }
  177.  
  178. /* -------- BOLD, ITALIC, LINK, H1, H2 STYLING ------- */
  179.  
  180. b,bold,strong {
  181. font-family: 'Playfair Display', serif;
  182. font-size: 10px;
  183. letter-spacing: 1px;
  184. text-transform: uppercase;
  185. color:{color:bold};
  186. font-weight:bold;
  187. text-shadow: 1px 1px 1px #ddd;
  188. text-shadow: -1px -1px -1px #ddd;
  189. }
  190.  
  191. i,italic,em {
  192. color:{color:italic};
  193. font-family: 'Playfair Display', serif;
  194. font-size: 10px;
  195. letter-spacing: 1px;
  196. text-transform: uppercase;
  197. font-weight:bold;
  198. text-shadow: 1px 1px 1px #ddd;
  199. text-shadow: -1px -1px -1px #ddd;
  200. }
  201.  
  202. a {
  203. color: #555;
  204. text-decoration: none;
  205. -moz-transition-duration:.6s;
  206. -webkit-transition-duration:.6s;
  207. -o-transition-duration:.6s;
  208. -webkit-filter: blur(0px);
  209.  
  210. }
  211.  
  212. a:hover{
  213. color:none;
  214. -moz-transition-duration:.6s;
  215. -webkit-transition-duration:.6s;
  216. -o-transition-duration:.6s;
  217. -webkit-filter: blur(1px);
  218.  
  219.  
  220. }
  221.  
  222. small,s,sup{
  223. font-size:10px;
  224. }
  225.  
  226. blockquote {
  227. border-left:1px solid {color:blockquote};
  228. padding-left:10px;
  229. padding-right:25px;
  230. margin:5px 5px 5px 10px;
  231. line-height:auto;
  232.  
  233. }
  234.  
  235. iframe, img, embed, object, video {
  236. max-width: 100%;
  237. }
  238.  
  239. p{
  240. margin-bottom:10px;
  241. }
  242.  
  243. img {
  244. height: auto;
  245. width:auto;
  246. max-width:100%;
  247. }
  248.  
  249. h1{
  250. font-family: 'Playfair Display', serif;
  251. font-size: 10px;
  252. letter-spacing: 1px;
  253. text-transform: uppercase;
  254. color:{color:header};
  255. font-weight:bold;
  256. text-shadow: 1px 1px 1px #ddd;
  257. text-shadow: -1px -1px -1px #ddd;
  258. }
  259.  
  260. h2{
  261. font-family: 'Playfair Display', serif;
  262. font-size: 10px;
  263. letter-spacing: 1px;
  264. text-transform: uppercase;
  265. color:{color:header};
  266. font-weight:bold;
  267. text-shadow: 1px 1px 1px #ddd;
  268. text-shadow: -1px -1px -1px #ddd;
  269. }
  270.  
  271. ul{
  272. list-style-type:square;
  273. }
  274.  
  275. ol{
  276. list-style-type:;
  277. }
  278.  
  279. #bigcon{
  280. width:520px;
  281. margin-left:auto;
  282. margin-right:auto;
  283. }
  284.  
  285. /* -------- TABBED CONTENT ------- */
  286.  
  287. .tabcontent {
  288. position:absolute;
  289. margin-left:-240px;
  290. width: 380px;
  291. height:480px;
  292. text-align:justify;
  293. margin-top:245px;
  294. overflow:scroll;
  295.  
  296. }
  297.  
  298. /* -------- POSTS CONTAINER ------- */
  299.  
  300. #postcontainer {
  301. position:absolute;
  302. left:220px; /*change to position posts to your bg image*/
  303. top:245px;
  304. width:380px;
  305. height:500px; /*determines height of container*/
  306. overflow-y:scroll;
  307. overflow-x:hidden;
  308.  
  309.  
  310.  
  311. }
  312.  
  313.  
  314. /* -------- TOP IMAGE - 200px wide ------- */
  315.  
  316. #sidepic img {
  317. position:fixed;
  318. width:200px;
  319. margin-left:336px;
  320. margin-top:250px;
  321.  
  322.  
  323. }
  324.  
  325. /* -------- DESCRIPTION - keep the same length as icons for aesthetic!! ------- */
  326.  
  327. #description{
  328. position:fixed;
  329. width:195px;
  330. line-height:16px;
  331. text-align:justify;
  332. margin-left:340px;
  333. margin-top:360px;
  334. }
  335.  
  336. /* -------- LINKS STYLING ( icons ) ------- */
  337.  
  338. #navbar{
  339. position:fixed;
  340. margin-left:340px;
  341. margin-top:660px;
  342. text-transform:uppercase;
  343. border-top:1px solid #ededed;
  344. width:200px;
  345. padding:1px;
  346. font-size:8px;
  347. letter-spacing:1px;
  348. text-align:center;
  349. font-weight:bold;
  350.  
  351. }
  352.  
  353.  
  354.  
  355. /* -------- HEADER STYLING ------- */
  356.  
  357. #header{
  358. background:url('https://i.imgur.com/uBUkSVF.png');
  359. background-repeat:repeat;
  360. background-attachment:fixed;
  361. border-radius:10px;
  362. text-align:center;
  363. padding:8px;
  364. font-family: 'Playfair Display', serif;
  365. font-size: 10px;
  366. letter-spacing: 1px;
  367. text-transform: uppercase;
  368. font-weight:bold;
  369. color:#ffffff;
  370. text-shadow: 1px 1px 1px #000000;
  371. text-shadow: -1px -1px -1px #000000;
  372. }
  373.  
  374. /* -------- TAB STYLING ( do not touch unless you're confident, it gets sticky ) ------- */
  375.  
  376. .tabs {
  377.  
  378. width:100%;
  379. margin-left:0px;
  380. display:inline-block;
  381.  
  382.  
  383. }
  384.  
  385. /* -------- TAB LINKS ------- */
  386.  
  387. /* Clearfix */
  388. .tab-links:after {
  389. display:block;
  390. clear:both;
  391. content:'';
  392. }
  393.  
  394. .tab-links li {
  395.  
  396. margin-right:0px;
  397. display:inline-block;
  398. list-style:none;
  399. text-transform:uppercase;
  400. }
  401.  
  402. .tab-links a {
  403. font-family:'Playfair Display';
  404. font-weight:bold;
  405. font-size:8px;
  406. display:inline-block;
  407. padding:2px 0px 2px 4px;
  408. transition:all linear 0.15s;
  409. }
  410.  
  411. /* -------- TAB LINKS HOVER STYLING ------- */
  412.  
  413. .tab-links a:hover {
  414. text-decoration:none;
  415. }
  416.  
  417. li.active a, li.active a:hover {
  418. background:transparent;
  419. color:#000000;
  420. background:transparent;
  421. -webkit-transition: all .3s;
  422. -moz-transition: all .3s;
  423. -o-transition: all .3s;
  424. -ms-transition: all .3s;
  425. transition: all .3s;
  426. }
  427.  
  428. /* -------- TAB CONTENT ( do not touch ) ------- */
  429.  
  430. .tab-content {
  431. }
  432.  
  433. .tab {
  434. display:none;
  435. }
  436.  
  437. .tab.active {
  438. display:block;
  439. }
  440.  
  441. /* -------- POST STYLING ( article contains your individual post styling ) ------- */
  442.  
  443. article {
  444. float:left;
  445. background:transparent;
  446. padding: 20px;
  447. width: 350px;
  448. text-align:justify;
  449. margin-bottom:80px;
  450.  
  451. }
  452.  
  453.  
  454. #borders {
  455. width:350px;
  456. border-top:1px solid {color:Scrollbar};
  457. margin-top:0px;
  458. margin-left:0px;
  459. margin-bottom:-9px;
  460. }
  461.  
  462. /* -------- POST INFO STYLING ------- */
  463.  
  464. .postinfo{
  465. background-color:transparent;
  466. width:380px;
  467. padding:5px;
  468. margin-top:10px;
  469. text-align:center;
  470. font-family: 'Playfair Display', serif;
  471. font-size: 8px;
  472. letter-spacing: 1px;
  473. text-transform: uppercase;
  474. font-weight:bold;
  475. text-shadow: 1px 1px 1px #ddd;
  476. text-shadow: -1px -1px -1px #ddd;
  477. }
  478.  
  479. .postinfo a{
  480. color:{color:PostInfoText};
  481. }
  482.  
  483. /* -------- TAGS ------- */
  484.  
  485. .tags {
  486. margin-top:5px;
  487. font-weight:normal;
  488. }
  489.  
  490. .tags a{
  491. color:{color:tags};
  492. }
  493.  
  494. /* -------- POST NOTES ------- */
  495.  
  496. ol.notes {
  497. display:block;
  498. text-align:left;
  499. list-style-type:none;
  500. margin-left:-40px;
  501. }
  502.  
  503. ol.notes li.note{
  504. margin-bottom:5px;
  505. }
  506.  
  507. .pagenotes {
  508. text-align:left;
  509. margin-top:15px;
  510. }
  511.  
  512. .pagenotes img{
  513. padding-right:5px;
  514. padding-top:5px;
  515. margin-bottom:-5px;
  516. }
  517.  
  518.  
  519. /* -------- CHAT POST ------- */
  520.  
  521. ul.chat{
  522. list-style:none;
  523. margin-left:-40px;
  524. }
  525.  
  526. .chat span {
  527. float: left;
  528. }
  529.  
  530. /* -------- QUOTE POST ------- */
  531.  
  532. .quote{
  533. font-family:'Playfair Display', serif;
  534. font-size:12px;
  535. line-height:150%;
  536. }
  537.  
  538. .quotesource{
  539. text-align:right;
  540. margin-bottom:10px;
  541. }
  542.  
  543. /* -------- ASK POST ------- */
  544.  
  545. .question{
  546. margin-bottom:15px;
  547. padding:15px;
  548. border-bottom:1px solid #ededed;
  549. }
  550.  
  551. .answer {
  552. font-size:11px;
  553. }
  554.  
  555.  
  556.  
  557. /* -------- AUDIO POST ------- */
  558.  
  559. .songart{
  560. float:left;
  561. margin-right:10px;
  562. }
  563.  
  564. .songart img{
  565. width:80px;
  566. height:80px;
  567. }
  568.  
  569. .songtitle{
  570. margin-bottom:10px;
  571. margin-left:90px;
  572. }
  573.  
  574. .songauthor{
  575. margin-bottom:10px;
  576. font-size:8px;
  577. margin-left:90px;
  578. }
  579.  
  580. .tumblr_audio_player {
  581. height: 50px;
  582. }
  583.  
  584. /* -------- PAGINATION ------- */
  585.  
  586. #pagination{
  587. position:static;
  588. margin-top:30px;
  589. text-align:center;
  590. }
  591.  
  592. .pagibutton{
  593. font-family:'Playfair Display', serif;
  594. font-weight:bold;
  595. position:relative;
  596. display:inline-block;
  597. background:transparent;
  598. padding:15px;
  599. }
  600.  
  601. /* -------- JUMP CODE ( coding for the click and jump feature in verses / bio ) ------- */
  602.  
  603. .jump {
  604. display:inline-block;
  605. background-color:#b7b6b5;
  606. width:132px;
  607. text-align:center;
  608. padding:8px;
  609. font-family: 'Playfair Display', serif;
  610. font-size: 10px;
  611. letter-spacing: 1px;
  612. text-transform: uppercase;
  613. color:#ffffff;
  614. font-weight:bold;
  615. text-shadow: 1px 1px 1px #000000;
  616. text-shadow: -1px -1px -1px #000000;
  617.  
  618. }
  619.  
  620. #headerbar {
  621. left:50%;
  622. top:50%;
  623. margin-left:….PX; /*– FOR PLACING –*/
  624. margin-top:…PX; /*– FOR PLACING –*/
  625. width:…PX; /*– SETS WIDTH OF YOUR TEXT –*/
  626. overflow:scroll;
  627. text-align:justify;
  628. color:#555;
  629. font-size:10px;
  630. }
  631.  
  632. #tabbar {
  633. left:50%;
  634. top:50%;
  635. margin-left:….PX; /*– FOR PLACING –*/
  636. margin-top:…PX; /*– FOR PLACING –*/
  637.  
  638. }
  639.  
  640.  
  641. ul#tabs {text-align: center;}
  642. ul#tabs li { /*– your inactive / not viewed tabs –*/
  643.  
  644. background:url('https://i.imgur.com/uBUkSVF.png');
  645. background-repeat:repeat;
  646. background-attachment:fixed;
  647. border-radius:10px;
  648. display:inline-block;
  649. padding:10px;
  650. cursor:pointer;
  651. font-family: 'Playfair Display', serif;
  652. font-size: 10px;
  653. letter-spacing: 1px;
  654. text-transform: uppercase;
  655. color:#ffffff;
  656. font-weight:bold;
  657. text-shadow: 1px 1px 1px #000000;
  658. text-shadow: -1px -1px -1px #000000;
  659.  
  660. }
  661.  
  662. ul#tabs li.active { /*– your active tab –*/
  663. background-color:#222;
  664. color:#ffffff;
  665. padding:10px;
  666. border:double 3px #ffffff;
  667.  
  668. }
  669.  
  670. ul#tab, ul#tabs{list-style-type:none;margin:0px;padding:0px;}
  671. ul#tab li.active {display: block;}
  672. ul#tab li {display: none;}
  673.  
  674.  
  675. .navigationlink {
  676. color:#ffffff;
  677. display:inline-block;
  678. background-color:{color:navigation link};
  679. width:132px;
  680. text-align:center;
  681. padding:8px;
  682. font-family: 'Playfair Display', serif;
  683. font-size: 10px;
  684. letter-spacing: 1px;
  685. text-transform: uppercase;
  686. font-weight:bold;
  687. text-shadow: 1px 1px 1px #000000;
  688. text-shadow: -1px -1px -1px #000000;
  689.  
  690. }
  691.  
  692. .navigationlink2 {
  693. display:inline-block;
  694. background-color:{color:navigation link};
  695. width:284px;
  696. text-align:center;
  697. padding:8px;
  698. font-family: 'Playfair Display', serif;
  699. font-size: 10px;
  700. letter-spacing: 1px;
  701. text-transform: uppercase;
  702. color:#ffffff;
  703. font-weight:bold;
  704. text-shadow: 1px 1px 1px #000000;
  705. text-shadow: -1px -1px -1px #000000;
  706.  
  707. }
  708.  
  709.  
  710. /* -------- CREDIT ( do NOT touch otherwise I will send fire-breathing worms after you ) ------- */
  711.  
  712. .credit {
  713. font-family:'Playfair Display', serif;
  714. font-size:15px;
  715. position:fixed;
  716. right:15px;
  717. bottom:15px;
  718. opacity:1;
  719.  
  720. }
  721.  
  722.  
  723.  
  724. /* --------------------------- Custom CSS -------------------------- */
  725. {CustomCSS}
  726. </style>
  727. </head>
  728. <body>
  729.  
  730.  
  731.  
  732. <div id="bigcon">
  733.  
  734.  
  735. <!--TOPBAR-->
  736.  
  737.  
  738.  
  739. <div id="sidepic">
  740. <a href="/" title="refresh"> <img src="{image:sidepic}"> </a>
  741. </div>
  742.  
  743.  
  744.  
  745. <div id="description">
  746.  
  747. <p><b>For a fire</b> is kindled in my rage, and burns to the lowest parts of my soul; it consumes the earth with its yield and <i>sets aflame the foundations of mountains. </i>
  748.  
  749. <p><blockquote>
  750.  
  751. INDEPENDENT / HIGHLY SELECTIVE / OC FRIENDLY roleplay blog for <b>lea / axel</b>, a character from <b>kingdom hearts</b>, written by <i>enya</i>. est june 2017.
  752.  
  753. </blockquote>
  754.  
  755.  
  756.  
  757. </div>
  758.  
  759.  
  760.  
  761.  
  762.  
  763. <div id="navbar">
  764. <div class="tabs">
  765. <ul class="tab-links">
  766. <li class="active" style="margin-left:-40px">
  767. <a href="#tab1" title="index">one</a></li>
  768. <li><a href="#tab2" title="contact">two</a></li>
  769. <li><a href="#tab3" title="rules">three</li>
  770. <li><a href="#tab4" title="biography">four</a></li>
  771. <li><a href="#tab5" title="navigation">five</a></li>
  772. </ul>
  773. </div>
  774. </div>
  775.  
  776.  
  777. <div class="credit">
  778. <a href="http://vielenes.tumblr.com/" title="theme made by jenesis!">J</a>
  779. </div>
  780.  
  781.  
  782. <!-- --------------------------- TABS -------------------------- -->
  783.  
  784.  
  785. <div class="tabs">
  786.  
  787.  
  788. <!-- --------------------------- TAB 1 -------------------------- -->
  789.  
  790. <div class="tab-content">
  791. <div id="tab1" class="tab active">
  792.  
  793. <div id="postcontainer">
  794.  
  795. {block:Posts}
  796. <article>
  797.  
  798. <!--TEXT POST-->
  799. {block:Text}
  800. {block:Title}
  801. <h1 class="title">
  802. <a href="{Permalink}">{Title}</a></h1>
  803. {/block:Title}
  804. {Body}
  805. {/block:Text}
  806.  
  807.  
  808. <!--PHOTO POST-->
  809. {block:Photo}
  810. {block:IndexPage}
  811. {LinkOpenTag}
  812. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  813. {LinkCloseTag}
  814. {/block:IndexPage}
  815. {block:PermalinkPage}
  816. {LinkOpenTag}
  817. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  818. {LinkCloseTag}{/block:PermalinkPage}
  819. <div class="text">{Caption}</div>{/block:Caption}
  820. {/block:Photo}
  821.  
  822.  
  823. <!--PHOTOSET POST-->
  824. {block:Photoset}
  825. {block:IndexPage}{Photoset-500}{/block:IndexPage}
  826. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  827. <div class="text">{Caption}</div>{/block:Caption}
  828. {/block:Photoset}
  829.  
  830.  
  831.  
  832. <!--QUOTE POST-->
  833. {block:Quote}
  834. <div class="quote">❝ {Quote} ❞</div>
  835. {block:Source}
  836. <div class="quotesource">{Source}</div>
  837. {/block:Source}
  838. {/block:Quote}
  839.  
  840.  
  841. <!--LINK POST-->
  842. {block:Link}
  843. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  844. {block:Description}{Description}{/block:Description}
  845. {/block:Link}
  846.  
  847.  
  848. <!--CHAT POST-->
  849. {block:Chat}
  850. <ul class="chat">
  851. {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
  852. </ul>
  853. {/block:Chat}
  854.  
  855.  
  856. <!--AUDIO POST-->
  857. {block:Audio}
  858. {block:AlbumArt}
  859. <div class="songart">
  860. <img src="{AlbumArtURL}">
  861. </div>
  862. {/block:AlbumArt}
  863. <div class="songtitle">
  864. {block:TrackName}
  865. {TrackName}
  866. {/block:TrackName}
  867. </div>
  868. <div class="songauthor">
  869. By
  870. {block:Artist}
  871. {Artist}
  872. {/block:Artist}
  873. </div>
  874. {AudioPlayerWhite}
  875. <div class="text">{Caption}</div>{/block:Caption}
  876. {/block:Audio}
  877.  
  878.  
  879. <!--VIDEO POST-->
  880. {block:Video}
  881. <div class="video">
  882. <div class="video-player">{Video-500}</div>
  883. <div class="text">{Caption}</div>{/block:Caption}
  884. {/block:Video}
  885.  
  886.  
  887. <!--ANSWER POST-->
  888. {block:Answer}
  889.  
  890. <center><b>{Asker} asked:</b>
  891. <div class="question">{Question}</div></center>
  892. <br>
  893. <p><div class="answer">{Answer}</div>
  894. {/block:Answer}
  895.  
  896.  
  897.  
  898. <!--POST INFORMATION-->
  899.  
  900. <div id="borders"></div>
  901. <div class="postinfo">
  902.  
  903. <!--PERMALINK-->
  904. <a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero} - {TimeAgo}">
  905. {block:Date}
  906. 🕒 {ShortMonth} {DayOfMonth}
  907. {/block:Date}
  908. </a>
  909.  
  910.  
  911. <!--NOTES-->
  912. {block:NoteCount}
  913. &nbsp; <a href="{Permalink}" title="{NoteCount} notes">❤ {NoteCount} notes </a>
  914. {/block:NoteCount}
  915.  
  916.  
  917. &nbsp;
  918.  
  919.  
  920. <a href="{ReblogURL}"target="_blank" title="reblog">↻ reblog</a>
  921.  
  922.  
  923.  
  924.  
  925. </div>
  926.  
  927. <!--TAGS-->
  928. {block:HasTags}
  929. <div class="tags">
  930. {block:Tags}
  931. <a href="{TagURL}">#{Tag},</a>
  932. {/block:Tags}
  933. </div>
  934. {/block:HasTags}
  935.  
  936. <!--POST NOTES-->
  937. {block:PostNotes}
  938. <div class="pagenotes">{PostNotes-16}</div>
  939. {/block:PostNotes}
  940.  
  941.  
  942. </article>
  943. {/block:Posts}
  944. <!--Close of article-->
  945.  
  946.  
  947. <!--PAGINATION-->
  948. {block:Pagination}
  949. <div class="pagination">
  950. {block:PreviousPage}
  951. <a href="{PreviousPage}">
  952. <div class="pagibutton" style="float:left">PREVIOUS</div></a>
  953. {/block:PreviousPage}
  954. {block:NextPage}
  955. <a href="{NextPage}">
  956. <div class="pagibutton" style="float:right">NEXT</div></a>
  957. {/block:NextPage}
  958. </div>
  959. {/block:Pagination}
  960.  
  961. </div>
  962.  
  963. </div>
  964.  
  965. <!-- -------------------------- TAB 2 -------------------------- -->
  966.  
  967. <div id="tab2" class="tab">
  968. <div class="tabcontent">
  969.  
  970. <div id="header">
  971. ask
  972. </div>
  973.  
  974. <center>
  975. <p><iframe frameborder="0" border="0" scrolling="no" width="290" height="300" allowtransparency="true" src="http://www.tumblr.com/ask_form/gotitmemorised.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe>
  976. </center>
  977.  
  978.  
  979. </div>
  980. </div>
  981.  
  982.  
  983. <!-- -------------------------- TAB 3 -------------------------- -->
  984.  
  985. <div id="tab3" class="tab">
  986. <div class="tabcontent">
  987.  
  988. <div id="header">
  989. rules
  990.  
  991. </div>
  992.  
  993. <p><b>general disclaimer</b>
  994.  
  995. I do not own the characters Axel or Lea, nor any content pertaining to the Kingdom Hearts franchise. That said, please do not steal any of my headcanons.</p>
  996.  
  997. <p>* <b>I don’t tolerate hate.</b> If you try to start drama, consider yourself blocked<br/>
  998. * <b>This blog is highly selective and mostly slow.</b> I will try to write with as many people as I can, but I have a full-time job which can result in lack of energy when I’m home. This can mean that at times I only reply to threads I have inspiration for and give priority to my mains. This is nothing personal. You’re always free to give me a nudge or ask for a new thread or even drop our thread, but I do ask for some patience and understanding.<br/>
  999. * <b>Multi-everything.</b> I’m familiar with the games as well as the manga.<br/>
  1000. * <b>Mun is 18+</b> so NSFW may occur. That said, I will tag most graphic content pertaining to smut and gore. I won’t RP smut with minors. If anything needs tagging, let me know.<br/>
  1001. * <b>One-liners, paras and multi-paras</b> are all a-okay.<br/>
  1002. * <b>I won’t tolerate godmoding or meta-gaming.</b> I know Axel is a popular character so you can headcanon that your character already knows him / is friends with him, but I won't agree to any pre-defined relationship unless it was discussed with me first. <br/>
  1003. * <b>Personals are welcome to follow</b> as long as they don't reblog any of my RPs or spam like all my posts. <br/>
  1004. * <b>I’m open to ships of any kind,</b> including pre-plotted ships - please don’t hesitate to approach me if you feel like shipping with me. That said, I’d rather you not try to force a ship. If I’m not feeling it and tell you so, please respect that. It’s perhaps also <b>important to note</b> that in canon I see Axel/Roxas <i>only as platonic soulmates</i> and I will not consider a romantic ship with them. Thanks for respecting that.<br/>
  1005. * <b>If you want for your muse and mine to be exclusive or mains</b>, you can approach me about it and I will take it into consideration. I don’t mind RP'ing with duplicates, though I'm generally a little picky. If your muse is a fellow canon KH muse I’ll be more inclined to be mains rather than exclusives, just as an FYI.
  1006.  
  1007.  
  1008. </div>
  1009. </div>
  1010.  
  1011.  
  1012. <!-- -------------------------- TAB 4 -------------------------- -->
  1013.  
  1014. <div id="tab4" class="tab">
  1015. <div class="tabcontent">
  1016.  
  1017. <div id="header">
  1018. biography
  1019. </div>
  1020.  
  1021. <p><b>documented name:</b> Axel<br/>
  1022. <b>alias/title:</b> The Flurry of Dancing Flames<br/>
  1023. <b>species:</b> Nobody<br/>
  1024. <b>original persona:</b> Lea<br/>
  1025. <b>place of birth:</b> Radiant Garden<br/>
  1026. <b>current locations:</b> The World That Never Was, Castle Oblivion, Twilight Town<br/>
  1027. <b>affiliations:</b> Organization XIII, Sora, Yen Sid ( as Lea )<br/>
  1028. <b>gender:</b> Male<br/>
  1029. <b>mental health:</b> As a nobody, Axel has no Heart and thus no real knowledge of emotions. Though he later begins to show emotions through his close friendship with Roxas, it still makes him a very ambiguous and oftentimes callous and cruel person. As Lea he suffers from various signs of PTSD and mild depression.<br/>
  1030. <b>physical health:</b> Is in good physical health, as a proficient fighter and user of fire magic. <br/>
  1031. <b>height:</b> 6'2’<br/>
  1032. <b>eye color | hair color:</b> Turquoise | Vivid Red<br/>
  1033. <b>distinguishing marks:</b> He’s got symmetrical tear-shaped red tattoos on his cheekbones and his hair looks like flames on top of his head<br/>
  1034. <b>abilities:</b> Pyrokinesis or fire manipulation. He can conjure pillars of flame at will, hide himself in a circle of fire and is a very adept fighter using his weapons, which he can also have surrounded by fire. His most powerful attack is Explosion, in which he can cause small explosions by charging his weapons with flame and throwing them forcefully at his opponents. He also controls the Assassin nobodies. As Lea he eventually becomes the wielder of a Keyblade and he retains much of the same abilities as Axel.
  1035. weapons: He operates two Chakrams, called Eternal flames: these are circular, silver and red discs surrounded by eight spikes which he throws around in a boomerang fashion, uses as shields against counter attacks and he can also use them as melee weapons. He often uses them in combination with his various fire attacks. Axel is said to be one of the strongers fighters of the Organisation, oftentimes putting his entire being into his fights which most often renders him unconscious at the end. Lea can also fight with the Chakrams and eventually gets his own keyblade<br/>
  1036. <b>sexual preference:</b> Gray Sexual bordering on Asexual. Due to his lack of Heart, he reacts little to people flirting with him and though his own nature can sometimes be seen as flirtatious, it’s usually used in a manipulative way. There are some notable connections he’s formed, most strongly with Roxas who he’s said gives him a bizarre illusion of humanity. Lea on the other hand is bisexual.<br/>
  1037. <b>close friends:</b> Saix, and original persona Isa, Roxas and Xion. <br/>
  1038. <b>other friends:</b> Sora, Riku, Kairi, Naminé<br/>
  1039. <b>occupation:</b> As a member of the Organisation, he’s the one mostly tasked to weed out traitors and bring back defectors to the fold. He’s used as assassin, double agent and the person to carry out the sticky, dirty assignments for Xemnas. As Lea he is a hero of the Light.<br/>
  1040. <b>habits:</b> He has a catch-phrase he uses quite often, ‘Got it memorized?’ this spells from his original persona Lea’s wish to become immortalized through other people’s memories of him. He also moves his hands a lot while talking, whenever he’s not holding his Chakrams to fight. <br/>
  1041. <b>hobbies:</b> Eating seasalt ice-cream with Roxas and later on Xion on top of the Twilight clock tower after missions. Can occasionally be found reading<br/>.
  1042. <b>positive traits:</b> level-headed, protective, humorous, witty, knowledgeable and laid-back. As Lea he’s (also) loyal, friendly, curious and kind.<br/>
  1043. <b>negative traits:</b> Cruel, sarcastic bordering on scathing, remorseless, manipulative, aloof, temperamental and he’s a very skilled liar and a known killer. As Lea he’s (also) impulsive, childish and sometimes callous. <br/>
  1044.  
  1045. <p>Due to his status as a Nobody, he can form no real emotional connections and though he retains memories from his past life as Lea, he remains consciously detached from them. Before his friendship with Roxas he would often play two sides and carry out orders to kill without blinking an eye or showing any form of regret. Though he’s been actually known to show emotion before Roxas, it’s through his friendship with Roxas that it becomes more prominent: showing an uncharacteristic protective and kind side which eventually causes him to go against the Organisation’s wishes and goals, going off on his own in a bid to bring back Roxas and Xion and keep them safe from Xemnas’ / Xenahort’s plans to use them as a final vessels. Though his reasons do have selfish motivation, the friendship he feels towards Roxas and Xion is, in his eyes, genuine. </p>
  1046.  
  1047. <p>I also recommend reading some of the meta-posts I reblogged and headcanons which I linked in the navigation page!
  1048.  
  1049.  
  1050.  
  1051. <br>
  1052. <br>
  1053. <br>
  1054. <br>
  1055. <br>
  1056.  
  1057.  
  1058. </div>
  1059. </div>
  1060.  
  1061.  
  1062. <!-- -------------------------- TAB 5 -------------------------- -->
  1063.  
  1064.  
  1065. <div id="tab5" class="tab">
  1066. <div class="tabcontent">
  1067.  
  1068. <div id="headerbar">
  1069. <ul id="tabs">
  1070. <li class="active">verses.</li>
  1071. &nbsp;
  1072. <li>mains</li>
  1073. &nbsp;
  1074. <li>links</li>
  1075. </ul>
  1076. </div>
  1077.  
  1078.  
  1079. <div id="tabbar">
  1080. <ul id="tab">
  1081.  
  1082. <li class="active">
  1083.  
  1084.  
  1085. <div id="header">
  1086. verses
  1087. </div>
  1088.  
  1089. <center>
  1090. <p><a href="#verse1" class="jump" style="background-color:#b7b6b5;color:#ffffff">GAME VERSES</a>
  1091. <a href="#verse2" class="jump" style="background-color:#b7b6b5;color:#ffffff">AU VERSES</a>
  1092. </center>
  1093.  
  1094.  
  1095. <p><center><a name="verse1"><h2><a href="/tagged/">game verses</a></h2></center></a>
  1096.  
  1097.  
  1098. <p>below are the tags I use for every game related verse. KHIII will follow once the game is out and I actually know what happens, until then Dream Drop Distance is still current canon and everything else speculation.</p>
  1099. <p>v. inside people’s mind i can live forever ( bbs )<br/>
  1100. v. follow your memories ( com )<br/>
  1101. v. nobodies can’t be somebodies ( 358 days )<br/>
  1102. v. if you have a dream don’t wait. act ( khii )<br/>
  1103. v. dark rescue is my middle name ( ddd )<br/></P>
  1104.  
  1105.  
  1106.  
  1107. <p><center><a name="verse2"><h2><a href="/tagged/">AU VERSES</a></h2></center></a>
  1108.  
  1109.  
  1110. <p><b>FINAL FANTASY VII</b> v. livin' la vida turk ( ffvii )<br/>
  1111. Axel works as a Turk for the Shinra company ( and President Rufus later one ).</p>
  1112. <p><b>FINAL FANTASY IX</b> v. black waltz red nocturne ( ffix )</br>
  1113. Axel is an assassin for hire and former member of The Organisation - a gang based in Dark City Treno.</p>
  1114. <p><b>FINAL FANTASY XII</b> v. a sky pirate free to go where i will ( ffxii )<br/>
  1115. Axel is a sky pirate and bounty hunter for the Empire. Secretly a double agent for the Resistance, but not many would know this.</p>
  1116. <b>CHEF COOK/MODERN AU</b> v. out of the frying pan into the fire ( modern )<br/>
  1117. Axel as a former gang member, now working as a chef in a fancy restaurant. </p>
  1118. <b>ELDRITCH/HORROR AU</b> v. darkness rotting beneath my skin ( horror )<br/>
  1119. HP Lovecraft inspired AU based on the premise that the Darkness is actually an Eldritch abomination and the Nobodies and Heartless show many Eldritch characteristics because of it. </p>
  1120. <b>FAE AU</b> v. let’s dance upon the mountains like a flame ( fae )<br/>
  1121. Axel is a Fae cast out of his home realm for helping a traitor. He is looking for a way back home, powers greatly diminished though no less dangerous.
  1122.  
  1123.  
  1124.  
  1125. </li>
  1126.  
  1127. <li>
  1128.  
  1129. <div id="header">
  1130. mains
  1131. </div>
  1132.  
  1133.  
  1134. <p>I usually accept up to two ( sometimes even three ) mains per character, especially for canon characters as there are so many amazing blogs out there. being mains with me usually means priority in replies / more extensive plotting and our headcanons will be considered canon.</p>
  1135.  
  1136. <b>KYOUMINAINE</b>. cloud strife ( + ship exclusive )<br/>
  1137. <b>JJILLEKKOT</b>. yuffie kisaragi ( + ship exclusive )<br/>
  1138. <b>BLUEMOONVII</b>. saix / isa ( + ship exclusive )<br/>
  1139. <b>NOTKAIRI</b>. xion && <b>XIONWHOMST</b>. xion<br/>
  1140. <b>HXARTSMITH</b>. sora && <b>CAELIGHT</b>. sora<br/>
  1141. <b>PRAESTIGII</b>. zexion / ienzo<br/>
  1142. <b>BRIEFLIGHTS</b>. roxas<br/>
  1143. <b>THALXSSAS</b>. kairi<br/>
  1144. <b>RE-NO</b>. reno (ff7)<br/>
  1145. <b>XKUJA</b>. kuja (ff9)
  1146.  
  1147.  
  1148.  
  1149. </li>
  1150.  
  1151. <li>
  1152.  
  1153. <div id="header">
  1154. navigation
  1155. </div>
  1156.  
  1157. <center>
  1158.  
  1159. <p><a href="/tagged/headcanon." class="navigationlink" style="background-color:#b7b6b5">headcanon</a>
  1160. <a href="/tagged/memes" class="navigationlink" style="background-color:#b7b6b5">memes</a>
  1161.  
  1162. </center>
  1163.  
  1164. </li>
  1165.  
  1166.  
  1167. </ul>
  1168. </div>
  1169.  
  1170.  
  1171.  
  1172.  
  1173.  
  1174.  
  1175. </div>
  1176. </div>
  1177.  
  1178.  
  1179.  
  1180.  
  1181.  
  1182. <!-- END OF TABS -->
  1183.  
  1184. </div>
  1185. </div>
  1186. </div>
  1187. </div>
  1188. </div>
  1189.  
  1190.  
  1191. <!-- TABS/ALL-INN-ONE SCRIPTS DO NOT REMOVE!!! -->
  1192.  
  1193. <script>
  1194. $(document).ready(function() {
  1195. $('.tabs .tab-links a').on('click', function(e) {
  1196. var currentAttrValue = $(this).attr('href');
  1197.  
  1198. // Show/Hide Tabs
  1199. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  1200.  
  1201. // Change/remove current tab to active
  1202. $(this).parent('li').addClass('active').siblings().removeClass('active');
  1203.  
  1204. e.preventDefault();
  1205. });
  1206. });
  1207. </script>
  1208.  
  1209. <script>
  1210. $(document).ready(function() {
  1211. $('#filterOptions li a').click(function() {
  1212. // fetch the class of the clicked item
  1213. var ourClass = $(this).attr('class');
  1214.  
  1215. // reset the active class on all the buttons
  1216. $('#filterOptions li').removeClass('active');
  1217. // update the active state on our clicked button
  1218. $(this).parent().addClass('active');
  1219.  
  1220. if(ourClass == 'all') {
  1221. // show all our items
  1222. $('#ourHolder').children('div.item').show();
  1223. }
  1224. else {
  1225. // hide all elements that don't share ourClass
  1226. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  1227. // show all elements that do share ourClass
  1228. $('#ourHolder').children('div.' + ourClass).show();
  1229. }
  1230. return false;
  1231. });
  1232. });
  1233. </script>
  1234.  
  1235.  
  1236.  
  1237.  
  1238. </body>
  1239. </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!