API tools faq
paste
Advertisement
Tsunland

Karna's old theme

Tsunland
Jun 26th, 2018
153
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 52.25 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4.  
  5.  
  6. <!---THEME BY AELIN / TCMBRAIDER. DO NOT STEAL OR USE AS A BASE CODE.
  7. TAB TUTORIAL BY SHOMAXTER. BASE, ANIMATION & POP UP TUTORIAL BY OCTOMOOSEY TOOLTIPS ACUITE. AUDIO POSTS ETTUDIS. IMAGE WRAPPING INVICTUSMANET--->
  8.  
  9. <!---YOU ABSOLUTELY HAVE NO BUSINESS HERE IN THE THEME CODE, IF YOU WANT SOMETHING ASK FOR IT. KINDLY TURN AROUND, NOW. --->
  10.  
  11. <script type="text/javascript" src="http://scmplayer.co/script.js"
  12. data-config="{'skin':'http://static.tumblr.com/zeaszfj/6I9n2rp0t/.css','volume':15,'autoplay':true,'shuffle':true,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'mage pride | dragon age II .','url':'https://www.youtube.com/watch?v=lPrHBpUdhgA'}]}" ></script>
  13.  
  14. <script type="text/javascript"
  15. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  16. <script>
  17. $(document).ready(function() {
  18. //
  19. $('a.poplight[href^=#]').click(function() {
  20. var popID = $(this).attr('rel'); //Get Popup Name
  21. var popURL = $(this).attr('href'); //Get Popup href to define size
  22. var query= popURL.split('?');
  23. var dim= query[1].split('&');
  24. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  25. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="" class="btn_close" title="" alt="" /></a>');
  26. var popMargTop = ($('#' + popID).height() + 80) / 2;
  27. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  28. //Apply Margin to Popup
  29. $('#' + popID).css({
  30. 'margin-top' : -popMargTop,
  31. 'margin-left' : -popMargLeft
  32. });
  33. $('body').append('<div id="fade"></div>');
  34. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  35. return false;
  36. });
  37. $('a.close, #fade').live('click', function() {
  38. $('#fade , .popup_block').fadeOut(function() {
  39. $('#fade, a.close').remove(); //fade them both out
  40. });
  41. return false;
  42. });
  43. });
  44. </script>
  45.  
  46. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  47. <script type="text/javascript">
  48. $(document).ready(function(){
  49. $('.versebox_body').hide();
  50. $('.versebox_head').click(function(){
  51. $(this).next('.versebox_body').slideToggle('fast');
  52. }); }); </script>
  53. <style type="text/css">
  54. .versebox_list { margin:0px; padding:0px; width:100%;}
  55. .versebox_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
  56. .versebox_body { padding:10px; text-align:left; display:none;}
  57. </style>
  58.  
  59. <!--tooltip styling script-->
  60.  
  61.  
  62. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  63. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  64. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  65. <script>
  66. (function($){
  67. $(document).ready(function(){
  68. $("[title]").style_my_tooltips({
  69. tip_follows_cursor:true,
  70. tip_delay_time:200,
  71. tip_fade_speed:500
  72. });
  73. });
  74. })(jQuery);
  75. </script>
  76.  
  77. <script>
  78.  
  79. $(document).ready(function(){
  80. $("ul#tabs li").click(function(e){
  81. if (!$(this).hasClass("active")) {
  82. var tabNum = $(this).index();
  83. var nthChild = tabNum+1;
  84. $("ul#tabs li.active").removeClass("active");
  85. $(this).addClass("active");
  86. $("ul#tab li.active").removeClass("active");
  87. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  88. }
  89. });
  90. });
  91. </script>
  92.  
  93.  
  94.  
  95.  
  96. <title>{Title}</title>
  97. <link rel="shortcut icon" href="{Favicon}">
  98. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  99. {block:Description}
  100. <meta name="description" content="{MetaDescription}" />
  101. {/block:Description}
  102.  
  103.  
  104.  
  105. </head>
  106.  
  107.  
  108.  
  109. <!---custom fonts--->
  110.  
  111. <link href="https://fonts.googleapis.com/css?family=Cookie|Dancing+Script|Great+Vibes|Homemade+Apple|Orbitron|Shadows+Into+Light|Shadows+Into+Light+Two|Unica+One" rel="stylesheet">
  112. <link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet">
  113. <link href="https://fonts.googleapis.com/css?family=Geo" rel="stylesheet">
  114. <link href="https://fonts.googleapis.com/css?family=Mrs+Saint+Delafield" rel="stylesheet">
  115. <link href="https://fonts.googleapis.com/css?family=Kristi" rel="stylesheet">
  116. <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
  117. <link href="https://fonts.googleapis.com/css?family=Crimson+Text:400,700" rel="stylesheet">
  118. <link href="https://fonts.googleapis.com/css?family=Damion|Rosario|Satisfy" rel="stylesheet">
  119. <link href="https://fonts.googleapis.com/css?family=Share+Tech+Mono" rel="stylesheet">
  120. <link href="https://fonts.googleapis.com/css?family=Pathway+Gothic+One" rel="stylesheet">
  121. <link href="https://fonts.googleapis.com/css?family=VT323" rel="stylesheet">
  122. <link href="https://fonts.googleapis.com/css?family=Shadows+Into+Light" rel="stylesheet">
  123. <link href="https://fonts.googleapis.com/css?family=Economica" rel="stylesheet">
  124. <link href="https://fonts.googleapis.com/css?family=Seaweed+Script" rel="stylesheet">
  125. <link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet">
  126. <link href="https://fonts.googleapis.com/css?family=Alex+Brush" rel="stylesheet">
  127. <link href="https://fonts.googleapis.com/css?family=Spectral" rel="stylesheet">
  128. <link href="https://fonts.googleapis.com/css?family=Cedarville+Cursive" rel="stylesheet">
  129. <link href="https://fonts.googleapis.com/css?family=Pathway+Gothic+One" rel="stylesheet">
  130. <link href="https://fonts.googleapis.com/css?family=Mrs+Saint+Delafield" rel="stylesheet">
  131. <link href="https://fonts.googleapis.com/css?family=Cambay:700|Gidugu|Lora:700|Parisienne|Playfair+Display:400i|Roboto+Condensed:400i|Cutive+Mono|Muli:800" rel="stylesheet">
  132.  
  133.  
  134.  
  135.  
  136.  
  137. <style type="text/css">
  138. @font-face { font-family:"quil"; src: url('https://dl.dropboxusercontent.com/s/vjx3n6utzrjjr2r/quil_s_t.ttf'); format("truetype");}
  139. @font-face { font-family: "ambarella"; src: url('https://dl.dropboxusercontent.com/s/5n01hn5ijf0beuz/Ambarella.ttf'); format("truetype");}
  140. @font-face { font-family: "mocking"; src: url('https://dl.dropboxusercontent.com/s/6dvctjevo33lcyb/Mocking-Regular.ttf'); format("truetype");}
  141. @font-face{ font-family:"redalert"; src:url('https://dl.dropboxusercontent.com/s/mvd0eofd3pxfanl/redalert.ttf');}
  142. @font-face { font-family: "botdoh"; src: url('https://dl.dropboxusercontent.com/s/pqv5lk11d4cngsr/Botdoh.ttf'); format("truetype");}
  143.  
  144.  
  145.  
  146.  
  147.  
  148. @keyframes bbounce{
  149. 0% {transform:translate(0px,0px);}
  150. 50% {transform:translate(0px,10px);}
  151. 100% {transform:translate(0px, 0px);}
  152. }
  153.  
  154. @-moz-keyframes bbounce{
  155. 0% {-moz-transform:translate(0px,0px);}
  156. 50% {-moz-transform:translate(0px,10px);}
  157. 100% {-moz-transform:translate(0px,0px);}
  158. }
  159.  
  160. @-webkit-keyframes bbounce {
  161. 0% {-webkit-transform:translate(0px,0px);}
  162. 50% {-webkit-transform:translate(0px,10px);}
  163. 100% {-webkit-transform:translate(0px,0px);}
  164. }
  165.  
  166. @-o-keyframes bbounce {
  167. 0% {-o-transform:translate(0px,0px);}
  168. 50% {-o-transform:translate(0px,10px);}
  169. 100% {-o-transform:translate(0px,0px);}
  170. }
  171.  
  172. @-ms-keyframes bbounce {
  173. 0% {-ms-transform:translate(0px,0px);}
  174. 50% {-ms-transform:translate(0px,10px);}
  175. 100% {-ms-transform:translate(0px,0px);}
  176. }
  177.  
  178. ul#tabs {
  179. list-style-type: none;
  180. padding: 0;
  181. text-align: center;
  182. font-size:8px;
  183. letter-spacing:1px;
  184. min-width:120px;
  185. }
  186.  
  187. ul#tabs li {
  188. display: table;
  189. background-color: #000;
  190. border: solid 1px #fff;
  191. padding: 4px 12px;
  192. margin-bottom: 4px;
  193. color: #fff;
  194. cursor: pointer;
  195. }
  196.  
  197. ul#tabs li:hover {
  198. background-color: #000;
  199. color: #f76060;
  200. border: 1px solid #fff;
  201. }
  202.  
  203. ul#tabs li.active {
  204. background-color: #000;
  205. color: #f76060;
  206. border: 1px solid #fff;
  207. }
  208.  
  209. ul#tab {
  210. list-style-type: none;
  211. margin: 0;
  212. padding: 0;
  213. }
  214.  
  215. ul#tab li {
  216. display: none;
  217. }
  218.  
  219. ul#tab li.active {
  220. display: block;
  221. }
  222.  
  223. .popup_block{
  224. width: 280px;
  225. height: 650px;
  226. size:80%;
  227. overflow-y:scroll;
  228. overflow-x:hidden;
  229. display:none;
  230. background:transparent;
  231. color:#cecece;
  232. padding:20px;
  233. border:0px solid #eee;
  234. float:left;
  235. position: absolute;
  236. top:510px;
  237. left: 410px;
  238. z-index: 99999;
  239. font-size:10px;
  240. }
  241.  
  242. .popup_block b, strong, bold{
  243. color:#b00028;
  244. font-weight:bold;
  245. }
  246.  
  247.  
  248. *html #fade {position: absolute;}
  249. *html .popup_block {position: absolute;}
  250. #fade {
  251. display:none;
  252. position:fixed;
  253. left:0px;
  254. top:0px;
  255. width:100%;
  256. height:100%;
  257. z-index:9999;
  258. background:transparent; /* change to #fff for solid white */
  259. opacity:1; /* change to opacity:1; */
  260. }
  261.  
  262.  
  263.  
  264. ::-webkit-scrollbar {
  265. height: 0px;
  266. width: 2px;
  267. background:transparent;
  268. border-left:0px solid transparent;
  269. border-right:0px solid transparent;}
  270.  
  271.  
  272. ::-webkit-scrollbar-thumb {
  273. background:transparent;}
  274.  
  275.  
  276.  
  277.  
  278.  
  279.  
  280.  
  281.  
  282. body {
  283. background-image:url('https://static.tumblr.com/hp5uu6j/Cvup6rcq1/karna-theme.png');
  284. background-attachment:fixed;
  285. background-repeat:no-repeat;
  286. background-color: #e1d8d8;
  287. color: #fff;
  288. color:#cecece;
  289. text-align:justify;
  290. line-height:auto;
  291. font-family: 'Rosario';
  292. font-size: 10px;
  293. letter-spacing:1px;
  294. line-height:100%;
  295.  
  296.  
  297.  
  298. }
  299.  
  300.  
  301.  
  302. a {
  303. text-decoration:none;
  304. color: #fff;
  305. font-family: helvetica;
  306. text-transform:lowercase;
  307. font-weight: 600;
  308. font-size:11px;
  309. text-shadow: 0px 0px 5px #bebebe;
  310. }
  311.  
  312. a:hover {
  313. color: #fff;
  314. -webkit-transition: all 0.7s ease;
  315. -moz-transition: all 0.7s ease;
  316. -o-transition: all 0.7s ease;
  317. }
  318.  
  319. b, bold {
  320. color:#b00028;
  321. font-weight:bold;
  322. text-transform:uppercase;
  323.  
  324. }
  325.  
  326. i, italic {
  327. color:#fff28e;
  328.  
  329. }
  330.  
  331.  
  332.  
  333. h4, h2, h1 {
  334. display:block;
  335. color: #fff;
  336. background-color:#333333;
  337. font-family: 'Oswald', sans-serif;
  338. text-transform:uppercase;
  339. font-size: 14px;
  340. padding:5px 0px;
  341. margin-left:auto;
  342. margin-right:auto;
  343. text-shadow: 0px 0px 1.5px #fff;
  344. text-align:center;
  345. width:97%;
  346. border-left: 5px solid #262626;
  347. border-right: 5px solid #262626;
  348.  
  349. }
  350.  
  351. h3 {
  352. color: #fff;
  353. font-family: 'Lora', serif;
  354. text-transform:lowercase;
  355. font-size: 12px;
  356. font-weight:100;
  357. line-height:13px;
  358. padding:5px 0px;
  359. margin-left:auto;
  360. margin-right:auto;
  361. text-shadow: 0px 0px 1px #fff;
  362. text-align:right;
  363. width:97%;
  364. }
  365.  
  366. big {
  367. color: #a11e1e;
  368. text-transform: uppercase;
  369. font-family: 'Orbitron', sans-serif;
  370. font-size: 11px;
  371. }
  372.  
  373. pre {
  374. white-space: pre-wrap;
  375. white-space: -moz-pre-wrap;
  376. white-space: -pre-wrap;
  377. white-space: -o-pre-wrap;
  378. word-wrap: break-word;
  379. background-image:url('');
  380. background-color:#333333;
  381. background-repeat:repeat;
  382. background-attachment:fixed;
  383. text-align:justify;
  384. padding: 8px;
  385. font-size:10px;
  386. border-left: 5px solid #262626;
  387. border-right: 5px solid #262626;
  388. }
  389.  
  390. sub, sup, small {
  391. font-size:10px;
  392. line-height: 13px;
  393. }
  394.  
  395. hr {
  396. border: 0;
  397. height: 0;
  398. border-top: 1px solid rgba(0, 0, 0, 0.1);
  399. border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  400. }
  401.  
  402.  
  403. blockquote {
  404. padding:2px 10px;
  405. margin:3px 0 4px 10px;
  406. border-left: 1px solid #ababab;
  407. border-radius: 0px;
  408. font-size:10px;
  409. }
  410.  
  411. blockquote img {
  412. max-width:100%;
  413. height:auto;
  414. }
  415.  
  416.  
  417.  
  418.  
  419. img {
  420. max-width:100%;
  421. height:auto;
  422. margin-top:7px;
  423. }
  424.  
  425.  
  426.  
  427. #container {
  428. position: absolute;
  429. top:200px;
  430. left: 425px;
  431. height:375px;
  432. width: 275px;
  433. overflow-y:scroll;
  434. overflow-x:hidden;
  435. opacity:1;
  436.  
  437. }
  438.  
  439. #container:hover {
  440. opacity:1;
  441. transition: opacity .7s ease-in-out;
  442. -moz-transition: opacity .7s ease-in-out;
  443. -webkit-transition: opacity .7s ease-in-out;}
  444.  
  445.  
  446.  
  447. .luxveritatis {
  448. width: auto;
  449. background-color: transparent;
  450. padding: 10px;
  451. margin-bottom: 5px;
  452. opacity:1.0;
  453.  
  454. }
  455.  
  456.  
  457. .asker {
  458. width:130px;
  459. font-size:20px;
  460. text-transform:uppercase;
  461. letter-spacing:1px;
  462. font-family: 'Crimson Text', serif;
  463. margin:-40px 0px 0px 20px;
  464. margin-bottom:5px;
  465. padding-bottom:0px;
  466. padding-top: 4px;
  467. color: #fff;
  468. text-shadow: 1px 1px 1px #000;
  469. }
  470.  
  471. .asker a {
  472. text-transform:lowercase;
  473. color: #ededed;
  474. text-shadow: 1px 1px 1px #000;
  475. }
  476.  
  477.  
  478. .question {
  479. color: #fff;
  480. text-align:auto;
  481. font-family: calibri;
  482. text-align:justify;
  483. font-size: 10px;
  484. letter-spacing:1px;
  485. line-height:100%;
  486. padding-top: 5px;
  487. margin-left:3px;
  488. width: 240px;
  489. text-transform:uppercase;
  490.  
  491. background-repeat:repeat;
  492. background-color: transparent;
  493. border-top: 1px dashed #fff;
  494. border-bottom: 1px dashed #fff;
  495. padding:15px;
  496.  
  497.  
  498. }
  499.  
  500. .answer {
  501. padding-top:10px;
  502. text-align:justify;
  503. }
  504.  
  505.  
  506.  
  507. #info {
  508. font-family: 'Abel', sans-serif;
  509. width:270px;
  510. left:10px;
  511. font-size:15px;
  512. color: #838281;
  513. margin-top:3px;
  514. padding-top:-20px;
  515. padding-bottom:12px;
  516. background-color:#b00028;
  517. border: 1px solid #262626;
  518. text-shadow: 1px 1px 1px #000;
  519. }
  520.  
  521. #info a {
  522. font-size:9px;
  523. color: #838281;
  524. font-style:normal;
  525. text-shadow: 1px 1px 1px #000;
  526. }
  527.  
  528. #info a:hover {
  529. color:#615c55;
  530. }
  531.  
  532. #tags {
  533. color: #fff;
  534. text-align:auto;
  535. font-family: calibri;
  536. text-align:justify;
  537. font-size: 10px;
  538. background-color:transparent;
  539. margin-top:5px;
  540. width: auto;
  541. margin-left:0px;
  542. height:30px;
  543. overflow-y:scroll;
  544. padding-left:1px;
  545. line-height:14px;
  546. text-transform:lowercase;
  547. min-height:20;
  548. max-height:auto;
  549. padding-top:5px;
  550. padding-bottom:10px;
  551. text-shadow: 1px 1px 1px #000;
  552.  
  553. }
  554.  
  555. #tags a {
  556. color: #fff;
  557. text-align:auto;
  558. font-family: calibri;
  559. text-align:justify;
  560. font-size: 10px;
  561. }
  562.  
  563. #tags a:hover {color:#7a716e;}
  564.  
  565.  
  566. .chat .line {
  567. margin: 1px 25px;
  568. padding: 2px;
  569. line-height:150%;
  570. color: #292827
  571. font-family: arial;
  572. font-size: 10px;
  573. }
  574.  
  575. .chat .line.odd {
  576. color: #fff
  577. font-family: arial;
  578. text-align:right;
  579. font-size: 10px;
  580. text-shadow: 1px 1px 1px #000;
  581. }
  582.  
  583. .label {
  584. font-family:arial;
  585. text-transform:uppercase;
  586. font-size:10.5px;
  587. color:#fff;
  588. text-shadow: 0px 0px 1px #d3d1d1;
  589. }
  590.  
  591.  
  592. .note li {
  593. font-size:9px;
  594. text-transform:uppercase;
  595. font-family: arial;
  596. text-align:left;
  597. margin:0px;
  598. -moz-transition-duration:0.5s;
  599. -webkit-transition-duration:0.5s;
  600. -o-transition-duration:0.5s;
  601. }
  602.  
  603.  
  604.  
  605. #pagination {
  606. position:fixed;
  607. font-size:17px;
  608. width: 200px;
  609. text-transform:uppercase;
  610. font-family: 'Oswald', sans-serif;
  611. top:600px;
  612. left:110px;
  613. transform: rotate(0deg);
  614. color: #393939;
  615. z-index:9;
  616. }
  617.  
  618.  
  619. #pagination a {
  620. text-transform:uppercase;
  621. color: #fff;
  622. z-index:9;
  623. -webkit-filter: blur(0px);
  624. -webkit-transition: 0.8s ease-in;
  625. -moz-transition: 1s ease-in;
  626. font-family: 'Oswald', sans-serif;
  627. font-size: 20px;
  628. text-shadow: 0px 0px 0px #393939;
  629. }
  630.  
  631. #pagination a:hover {
  632. -webkit-filter: blur(0px);
  633. -webkit-transition: 0.2s ease-in;
  634. -moz-transition: 1s ease-in;
  635. transition: 1s ease-in;
  636. z-index:9;
  637. }
  638.  
  639.  
  640.  
  641.  
  642. /* DESCRIPTION */
  643.  
  644.  
  645. #cabal {
  646. font-family: 'Abel', sans-serif;
  647. font-size:10px;
  648. background:#030303;
  649. color: #9e9f9f;
  650. width:150px;
  651. height:150px;
  652. left: 750px;
  653. top: 340px;
  654. text-align:justify;
  655. position:fixed;
  656. opacity:1;
  657. }
  658.  
  659.  
  660.  
  661. #cabal:hover {
  662. -webkit-filter:none;
  663. -webkit-transition: all 0.6s ease-in-out;
  664. opacity:1;
  665. -webkit-transition: all 0.6s ease-in-out;
  666. -moz-transition: all 0.6s ease-in-out;
  667. -o-transition: all 0.6s ease-in-out;
  668. -ms-transition: all 0.6s ease-in-out;
  669. transition: all 0.6s ease-in-out;
  670. }
  671.  
  672.  
  673.  
  674. .alinks {
  675. z-index:9999;
  676. position:fixed;
  677. margin-left:60px;
  678. margin-top:50px;
  679. width:70px;
  680. color:#fff;
  681. font-family: 'Unica One', cursive;
  682. font-size:47px;
  683. text-shadow:0 0 1px #b4a9a5;
  684. -webkit-transition: all 0.5s ease-in-out;
  685. -moz-transition: all 0.5s ease-in-out;
  686. -o-transition: all 0.5s ease-in-out;
  687. -ms-transition: all 0.5s ease-in-out;
  688. transition: all 0.5s ease-in-out;
  689. -webkit-filter: blur(0px);
  690. -webkit-transition: 0.8s ease-in;
  691. -moz-transition: 1s ease-in;
  692. transition: 1s ease-in;
  693. -webkit-transform: rotate(30deg);
  694. -moz-transform: rotate(30deg);
  695. -o-transform: rotate(30deg);
  696. }
  697.  
  698. .alinks a {
  699. font-size:27px;
  700. color:#fff28c;
  701. }
  702.  
  703. .blinks {
  704. z-index:9999;
  705. position:fixed;
  706. margin-left:120px;
  707. margin-top:50px;
  708. width:70px;
  709. color:#b4a9a5;
  710. font-family: 'Unica One', cursive;
  711. font-size:20px;
  712. text-shadow:0 0 1px #b4a9a5;
  713. -webkit-transition: all 0.5s ease-in-out;
  714. -moz-transition: all 0.5s ease-in-out;
  715. -o-transition: all 0.5s ease-in-out;
  716. -ms-transition: all 0.5s ease-in-out;
  717. transition: all 0.5s ease-in-out;
  718. -webkit-filter: blur(0px);
  719. -webkit-transition: 0.8s ease-in;
  720. -moz-transition: 1s ease-in;
  721. transition: 1s ease-in;
  722. -webkit-transform: rotate(13deg);
  723. -moz-transform: rotate(13deg);
  724. -o-transform: rotate(13deg);
  725. }
  726.  
  727. .blinks a {
  728. font-size:22px;
  729. color:#ea0610;
  730. }
  731.  
  732. .clinks {
  733. z-index:9999;
  734. position:fixed;
  735. margin-left:50px;
  736. margin-top:120px;
  737. width:70px;
  738. color:#b4a9a5;
  739. font-family: 'Unica One', cursive;
  740. font-size:30px;
  741. text-shadow:0 0 1px #b4a9a5;
  742. -webkit-transition: all 0.5s ease-in-out;
  743. -moz-transition: all 0.5s ease-in-out;
  744. -o-transition: all 0.5s ease-in-out;
  745. -ms-transition: all 0.5s ease-in-out;
  746. transition: all 0.5s ease-in-out;
  747. -webkit-filter: blur(0px);
  748. -webkit-transition: 0.8s ease-in;
  749. -moz-transition: 1s ease-in;
  750. transition: 1s ease-in;
  751. -webkit-transform: rotate(60deg);
  752. -moz-transform: rotate(60deg);
  753. -o-transform: rotate(60deg);
  754. }
  755.  
  756. .clinks a {
  757. font-size:27px;
  758. color: #ea0610;
  759. }
  760.  
  761. .credit {
  762. color: #cdb2a7;
  763. position:fixed;
  764. text-shadow: 0px 0px 11px #fff;
  765. right:15px;
  766. width:80px;
  767. bottom:15px;
  768. font-family: 'Orbitron', sans-serif;
  769. font-size: 16px;
  770. text-shadow: 1px 1px 1px #000;
  771. }
  772.  
  773.  
  774. .credit a {
  775. padding:10px;
  776. color:#fff;
  777. width:30px;
  778. margin-right:0px;
  779. font-family: 'Oswald', sans-serif;
  780. text-transform:uppercase;
  781. }
  782.  
  783. .credit a:hover {
  784. -webkit-transition: all 0.6s ease-in-out;
  785. -moz-transition: all 0.6s ease-in-out;
  786. -o-transition: all 0.6s ease-in-out;
  787. -ms-transition: all 0.6s ease-in-out;
  788. transition: all 0.6s ease-in-out;
  789. color: #fff;
  790. text-shadow: 0px 3px 3px #fff;
  791. }
  792.  
  793.  
  794.  
  795.  
  796.  
  797. .quote {
  798. font-size:13px;
  799. letter-spacing:1px;
  800. text-align:center;
  801. border-bottom:1px solid #615c55;
  802. margin-bottom:5px;
  803. padding-bottom:3px;
  804. }
  805.  
  806. .quotesource {
  807. font-size: 5px;
  808. letter-spacing:1px;
  809. text-align:center;
  810. margin-bottom:5px;
  811. }
  812.  
  813.  
  814. .playerbuttonbg {
  815. position: absolute;
  816. left: 20px;
  817. top: 20px;
  818. width: 19px;
  819. height: 19px;
  820. background-color: #ffffff;
  821. padding: 10px;
  822. -webkit-border-radius: 40px;
  823. -moz-border-radius: 40px;
  824. border-radius: 40px;
  825. opacity: .4;
  826. filter: alpha(opacity=40);
  827. -moz-opacity: 0.4;
  828. -khtml-opacity: 0.4;
  829. transition: opacity .7s ease-in-out;
  830. -moz-transition: opacity .7s ease-in-out;
  831. -webkit-transition: opacity .7s ease-in-out;
  832. }
  833.  
  834. .playerbuttonbg:hover {
  835. opacity: 1;
  836. filter: alpha(opacity=100);
  837. -moz-opacity: 1;
  838. -khtml-opacity: 1;
  839. }
  840.  
  841. .newplayerbutton {
  842. position: relative;
  843. width: 19px;
  844. height: 19px;
  845. overflow: hidden;
  846. }
  847.  
  848. .playerbuttonhug {
  849. position: absolute;
  850. top: -18px;
  851. left: -7px;
  852. }
  853.  
  854. .tumblr_audio_player {
  855. height: 90px;
  856. width: 250px;
  857. -moz-transform: scale(0.60, 0.60);
  858. -webkit-transform: scale(0.60, 0.60);
  859. -o-transform: scale(0.60, 0.60);
  860. -ms-transform: scale(0.60, 0.60);
  861. transform: scale(0.60, 0.60);
  862. -moz-transform-origin: top left;
  863. -webkit-transform-origin: top left;
  864. -o-transform-origin: top left;
  865. -ms-transform-origin: top left;
  866. transform-origin: top left;
  867. }
  868.  
  869. .audioimgwrapper {
  870. position: absolute;
  871. left: 0px;
  872. top: 0px;
  873. -webkit-border-radius: 40px;
  874. -moz-border-radius: 40px;
  875. border-radius: 40px;
  876. overflow: hidden;
  877. width: 79px;
  878. height: 79px;
  879. }
  880.  
  881. .audioimgwrapper img {
  882. width: 100%;
  883. height: auto;
  884. -webkit-border-radius: 40px;
  885. -moz-border-radius: 40px;
  886. border-radius: 40px;
  887. }
  888.  
  889. .trackdetails {
  890. width: auto;
  891. display:inline-block;
  892. margin-left: 90px;
  893. min-height: 85px;
  894. }
  895.  
  896. .audiowrapper {
  897. position: relative;
  898. display:inline-block;
  899. }
  900.  
  901. #quote {
  902.  
  903. text-transform: uppercase;
  904. font-family: Helvetica;
  905. color:#fff;
  906. letter-spacing: 3px;
  907. line-height: 11px;
  908. font-size: 11px;
  909. text-align: center;
  910. }
  911.  
  912. #source {
  913. text-transform: uppercase,bold;
  914. font-size: 7px;
  915. text-align:left;
  916. }
  917.  
  918. /* NAVIGATION */
  919.  
  920. .marcobartoli {
  921. text-align:center;
  922. width: auto;
  923. height:405px;
  924. padding:10px;
  925. margin-top: -20px;
  926. }
  927.  
  928. .marcobartoli a {
  929. margin-left:5px;
  930. margin-top:10px;
  931. display: inline-block;
  932. padding:8px;
  933. letter-spacing:1px;
  934. font-size:7px;
  935. font-family:arial;
  936. color: #fff;
  937. width:80px;
  938. text-align:center;
  939. -moz-transition-duration:0.8s;
  940. -webkit-transition-duration:0.8s;
  941. -o-transition-duration:0.8s;
  942. }
  943.  
  944.  
  945.  
  946.  
  947.  
  948.  
  949. /* tooltip! */
  950.  
  951.  
  952.  
  953. #s-m-t-tooltip{
  954. color:#ababab;
  955. background-color:#282625;
  956. display:none;
  957. text-align:center;
  958. position:absolute;
  959. z-index:9999999;
  960. border:1px solid #ababab;
  961. font-size:8px;
  962. font-family:'redalert';
  963. letter-spacing:1px;
  964. text-transform:uppercase;
  965. padding:0px 6px 0px 6px;
  966. margin-top:30px;
  967. -webkit-transition:all 0.1s ease-out
  968. -moz-transition:all 0.1s ease-out;
  969. transition:all 0.1s ease-out;
  970. }
  971.  
  972.  
  973.  
  974.  
  975. #musicicon {
  976. position: fixed;
  977. top: 20px;
  978. left: 20px;
  979. width: 26px;
  980. height: 26px;
  981. -webkit-transition: all .7s ease;
  982. -moz-transition: all .7s ease;
  983. -o-transition: all .7s ease;
  984. transition: all .7s ease;
  985. }
  986.  
  987. .micon {
  988. z-index: 1;
  989. width: 15px;
  990. background: transparent; /* music icon background */
  991. padding: 2px;
  992. width: 26px;
  993. height: 26px;
  994. border-radius: 4px;
  995. -webkit-transition: all .7s ease;
  996. -moz-transition: all .7s ease;
  997. -o-transition: all .7s ease;
  998. transition: all .7s ease;
  999. }
  1000.  
  1001. .micon:hover{
  1002. border-top-left-radius: 4px;
  1003. border-bottom-left-radius: 4px;
  1004. border-top-right-radius: 0px;
  1005. border-bottom-right-radius: 0px;
  1006. }
  1007.  
  1008. .micon img { width: 15px; margin: 5px; }
  1009.  
  1010. .musicplayer {
  1011. z-index: -1;
  1012. position: absolute;
  1013. margin-top: -30px;
  1014. background:transparent; /* music player background */
  1015. border: 0px solid #5ec6cb; /* music player border */
  1016. margin-left: 5px;
  1017. border-radius: 4px;
  1018. width: 0px;
  1019. padding: 9px;
  1020. overflow: hidden;
  1021. -webkit-transition: all .7s ease;
  1022. -moz-transition: all .7s ease;
  1023. -o-transition: all .7s ease;
  1024. transition: all .7s ease;
  1025. }
  1026.  
  1027. .mplayer { margin-left: -27px; }
  1028.  
  1029. #musicicon:hover .musicplayer {
  1030. margin-left: 29px;
  1031. width: 120px;
  1032. border-top-left-radius: 0px;
  1033. border-bottom-left-radius: 0px;
  1034. border-top-right-radius: 4px;
  1035. border-bottom-right-radius: 4px;
  1036. }
  1037.  
  1038. #musicicon:hover .micon {
  1039. border-top-left-radius: 4px;
  1040. border-bottom-left-radius: 4px;
  1041. border-top-right-radius: 0px;
  1042. border-bottom-right-radius: 0px;
  1043. }
  1044.  
  1045.  
  1046.  
  1047.  
  1048.  
  1049.  
  1050. .popupcontent {
  1051. position:absolute;
  1052. text-align:justify;
  1053. padding:20px;
  1054. width:367px;
  1055. height:480px;
  1056. overflow-y:scroll;
  1057. margin-left:347px;
  1058. margin-top:30px;
  1059. }
  1060.  
  1061. /*animation tutorial by octomoosey*/
  1062.  
  1063. /* the first two sections of css are just setting up our object. you can set the positioning and any colours, backgrounds etc as usual! */
  1064. .moose-animation{
  1065. position:fixed;
  1066. margin-left:10px;
  1067. margin-top:10px;
  1068. /* this is where we set up the animation for the object, there are several lines which seem to repeat the same information, but this is just for cross browser compatibility */
  1069.  
  1070. /* the next section picks apart the 3 lines needed to set up the animation and explains each. this is the duration, the iteration and the origin */
  1071.  
  1072. animation: bbounce linear 2.5s; /* this line links us to the keyframe name we set up. it also gives the total duration of the animation, if you want to make the animation slower, increase the time, for a quicker animation, decrease the time */
  1073. animation-iteration-count: infinite; /* this makes sure the animation will continue to play, you can change this to a number if you only want the animation to play a certain number of times ( or to 1 if you only want it to play on page loading for example ) */
  1074. transform-origin: 50% 50%; /* this just specifies that we want all transformations or effects to be centered on the object. you can change this if you want to pin the transition effect to a corner of your object */
  1075.  
  1076. /* Safari 4+, Android, Chrome */
  1077. -webkit-animation: bbounce linear 2.5s;
  1078. -webkit-animation-iteration-count: infinite;
  1079. -webkit-transform-origin: 50% 50%;
  1080.  
  1081. /* Fx 5+ */
  1082. -moz-animation: bbounce linear 2.5s;
  1083. -moz-animation-iteration-count: infinite;
  1084. -moz-transform-origin: 50% 50%;
  1085.  
  1086. /* Opera 12+ */
  1087. -o-animation: bbounce linear 2.5s;
  1088. -o-animation-iteration-count: infinite;
  1089. -o-transform-origin: 50% 50%;
  1090.  
  1091. /* IE 10+, Fx 29+ */
  1092. -ms-animation: bbounce linear 2.5s;
  1093. -ms-animation-iteration-count: infinite;
  1094. -ms-transform-origin: 50% 50%;}
  1095.  
  1096. .moose-animation img {
  1097. height:60px;
  1098. width:80px;
  1099. padding:5px;
  1100. background:transparent;}
  1101.  
  1102. /* -------- JUMP CODE ( coding for the click and jump feature in verses / bio ) ------- */
  1103.  
  1104. .jump {
  1105. display:inline-block;
  1106. background-color:#f76060;
  1107. width:100px;
  1108. text-align:center;
  1109. padding:13px;
  1110. font-family: calibri;
  1111. font-size: 10px;
  1112. letter-spacing: 1px;
  1113. text-transform: uppercase;
  1114. color:#ffffff;
  1115. font-weight:bold;
  1116. text-shadow: 1px 1px 1px #000000;
  1117. text-shadow: -1px -1px -1px #000000;
  1118.  
  1119. }
  1120.  
  1121. #headerbar {
  1122. left:50%;
  1123. top:50%;
  1124. margin-left:….PX; /*– FOR PLACING –*/
  1125. margin-top:…PX; /*– FOR PLACING –*/
  1126. width:…PX; /*– SETS WIDTH OF YOUR TEXT –*/
  1127. overflow:scroll;
  1128. text-align:justify;
  1129. color:#555;
  1130. font-size:10px;
  1131. }
  1132.  
  1133. #tabbar {
  1134. left:50%;
  1135. top:50%;
  1136. margin-left:….PX; /*– FOR PLACING –*/
  1137. margin-top:…PX; /*– FOR PLACING –*/
  1138.  
  1139. }
  1140.  
  1141.  
  1142. flame#tabs {text-align: center;}
  1143. flame#tabs li { /*– your inactive / not viewed tabs –*/
  1144.  
  1145. background:url('https://i.imgur.com/uBUkSVF.png');
  1146. background-repeat:repeat;
  1147. background-attachment:fixed;
  1148. border-radius:10px;
  1149. display:inline-block;
  1150. padding:10px;
  1151. cursor:pointer;
  1152. font-family: 'Playfair Display', serif;
  1153. font-size: 10px;
  1154. letter-spacing: 1px;
  1155. text-transform: uppercase;
  1156. color:#ffffff;
  1157. font-weight:bold;
  1158. text-shadow: 1px 1px 1px #000000;
  1159. text-shadow: -1px -1px -1px #000000;
  1160.  
  1161. }
  1162.  
  1163. flame#tabs li.active { /*– your active tab –*/
  1164. background-color:#222;
  1165. color:#ffffff;
  1166. padding:10px;
  1167. border:double 3px #ffffff;
  1168.  
  1169. }
  1170.  
  1171. flame#tab, flame#tabs{list-style-type:none;margin:0px;padding:0px;}
  1172. ul#tab li.active {display: block;}
  1173. ul#tab li {display: none;}
  1174.  
  1175.  
  1176. .navigationlink {
  1177. display:inline-block;
  1178. background-color:#9c9b9b;
  1179. width:152px;
  1180. text-align:center;
  1181. padding:8px;
  1182. font-family: 'Playfair Display', serif;
  1183. font-size: 10px;
  1184. letter-spacing: 1px;
  1185. text-transform: uppercase;
  1186. color:{color:Navigation Link};
  1187. font-weight:bold;
  1188. text-shadow: 1px 1px 1px #ddd;
  1189. text-shadow: -1px -1px -1px #ddd;
  1190.  
  1191. }
  1192.  
  1193. .navigationlink2 {
  1194. display:inline-block;
  1195. background-color:#9c9b9b;
  1196. width:322px;
  1197. text-align:center;
  1198. padding:8px;
  1199. font-family: 'Playfair Display', serif;
  1200. font-size: 10px;
  1201. letter-spacing: 1px;
  1202. text-transform: uppercase;
  1203. color:{color:Navigation Link};
  1204. font-weight:bold;
  1205. text-shadow: 1px 1px 1px #ddd;
  1206. text-shadow: -1px -1px -1px #ddd;
  1207.  
  1208. }
  1209.  
  1210. </style>
  1211.  
  1212. <body>
  1213.  
  1214.  
  1215.  
  1216.  
  1217. <div id="links">
  1218. <div class="alinks">
  1219. <a href="/" title="refresh"><div class="moose-animation">✦︎</a>
  1220. </div></div></div>
  1221.  
  1222. <div class="blinks">
  1223. <a href="/ask" title="inquiries"><div class="moose-animation">✦</a>
  1224. </div></div>
  1225.  
  1226. <div class="clinks">
  1227. <a href="#?w=630" rel="03" class="poplight" title="navigation"><div class="moose-animation">✦</a>
  1228. </div></div>
  1229.  
  1230.  
  1231.  
  1232.  
  1233. </div>
  1234.  
  1235.  
  1236. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">BACK.</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">FORTH.</a>{/block:NextPage}{/block:Pagination}</div>
  1237.  
  1238.  
  1239. <div id="container">
  1240.  
  1241. {block:Posts}
  1242. {block:ContentSource}<!-- {SourceURL}
  1243. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1244. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1245. {/block:ContentSource}
  1246.  
  1247. <div class="luxveritatis">
  1248.  
  1249. {block:Text}{block:Title}<span style="color:#fff;font-size:13px;font-family:VT323;text-transform:uppercase;letter-spacing:3px;text-align:center;">{Title}</span>{/block:Title} <div id="xian">{Body}</div>
  1250. {/block:Text}
  1251.  
  1252.  
  1253.  
  1254. <center>{block:Photo}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/></center>{block:Caption}{/block:Caption}{/block:Photo} <!-- {block:NoRebloggedFrom}
  1255. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1256. {/block:NoRebloggedFrom} -->
  1257.  
  1258. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{/block:Caption}{/block:Panorama}
  1259.  
  1260. {block:Photoset}{Photoset-250}{block:Caption}{/block:Caption}{/block:Photoset}
  1261.  
  1262. <div id="quote">{block:Quote}<span style="font-size:20px;z-index:9;">❛❛</span>{Quote}<br>{block:Source}<div class="quotesource" style= padding-top:15px;>{Source}</div>{/block:Source}{/block:Quote}</div>
  1263.  
  1264. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  1265.  
  1266. {block:Chat}{block:Title}<h3>{Title}</h3>{/block:Title}<div class="chat">{block:Lines}<div class="chat"><div class="line {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</div></div></div>{/block:Lines}</div>{/block:Chat}
  1267.  
  1268. {block:Video}<center>{Video-250}</center>{block:Caption}{/block:Caption}{/block:Video}
  1269.  
  1270. {block:AudioPlayer} <div class="audiowrapper"> {block:AlbumArt} <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div> {/block:AlbumArt} <div class="playerbuttonbg"> <div class="newplayerbutton"> <div class="playerbuttonhug"> {AudioPlayerWhite}</div></div></div> <div class="trackdetails"> {block:TrackName}{TrackName}{/block:TrackName}<br/> {block:Artist}Artist: {Artist}{/block:Artist}<br/></div></div> {/block:AudioPlayer}
  1271.  
  1272. {block:Caption}{Caption}{/block:Caption}
  1273.  
  1274. {block:Answer}
  1275. <div id="askheader"></div><div class="question">{Question}</div><br><br><br>
  1276. <div class="asker" style= "float:right;">{Asker}</div>
  1277. <div class="answer">
  1278. <div id="xian">{Answer}</div></div>
  1279. {/block:Answer}
  1280.  
  1281. {block:Date}<div id="info"><br>
  1282. <a href="{Permalink}" title="{NoteCountwithLabel}" style="font-family:arial;text-transform:uppercase;float:left;padding-left:8px;padding-bottom:5px;margin-top:-4px;"><a href="{Permalink}" title="{timeago}" style="font-family:arial;font-size:12px;text-transform:uppercase;color:#fff;float:left;padding-left:8px;padding-bottom:5px;margin-top:-4px;"> ✦</a></a>
  1283.  
  1284.  
  1285. <a href="{ReblogURL}" title="reblog" style="font-family:arial;color:#fff;text-transform:uppercase;font-size:12px;float:left;padding-left:10px;margin-bottom:8px;margin-top:-4px;">✦</a> {/block:Date}
  1286. </div>
  1287. <div id="tags">{block:HasTags} {block:Tags}# <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  1288. <div class="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  1289.  
  1290.  
  1291. {block:AskEnabled}<a class="various3" href="http://www.tumblr.com/ask_form/{Name}.tumblr.com"></a>{/block:AskEnabled}
  1292.  
  1293.  
  1294.  
  1295.  
  1296. </div>
  1297.  
  1298. {/block:Posts}
  1299.  
  1300. </div>
  1301.  
  1302.  
  1303.  
  1304.  
  1305.  
  1306. </body>
  1307.  
  1308.  
  1309. <div id="03" class="popup_block">
  1310.  
  1311. <ul id="tabs" style="width:80px;margin-left:220px;margin-top:280px;align:right;">
  1312. <li class="active">RULES.</li>
  1313. <li>ABOUT.</li>
  1314. <li>VERSES.</li>
  1315. <li>MAINS.</li>
  1316. <li>NAVIGATION.</li>
  1317. </ul>
  1318.  
  1319.  
  1320.  
  1321.  
  1322.  
  1323. <ul id="tab">
  1324. <li class="active">
  1325. <div style="width:280px;height:410px;overflow-y:scroll;overflow-x:hidden;margin-left:352px;margin-top:-415px; background:#030303; ">
  1326.  
  1327. <div class="luxveritatis">
  1328. <h3>DISCLAIMER.</h3>
  1329.  
  1330. <p>this is a private &amp; selective and mythology based blog for the hero of charity karna / vasusena.&nbsp;</p>
  1331. <p>the portrayal is a mixture of the actual mahābhārata and personal headcanons i have for him. if you are for whatever reason uncomfortable or disagree do not hesitate to unfollow i do not mind.&nbsp;&nbsp;</p>
  1332. <p><strong> I. highly selective. </strong>i am highly selective about who i follow and will often look at a few things before following back such as theme layout, cutting posts and the amount of ooc vs ic. i tend to look for two to three of the same characters to actively roleplay with so i won&rsquo;t overwork myself, however, exceptions can be made. <strong><em>for time being this will be a mutuals only blog.</em></strong></p>
  1333. <p>also, I check who follows and unfollows me. I will unfollow if you haven&rsquo;t followed me back in a time span of 4-7 days. reasons above mentioned such as a lot of ooc or actively participating in so-called&nbsp;&rsquo; witch hunts &lsquo;&nbsp; will also lead to an unfollow.<br /><br /><strong>II. interactions. </strong>personally, i prefer plotted threads over winged ones so the threads don&rsquo;t become repetitive. i do not mind pre-established relationships but please do not be offended / disappointed&nbsp;if i reject the idea. that said despite my&nbsp;preferences do not hesitate to approach at random ( but only if you know the secret handshake&nbsp;<span style="color: #545454; font-family: arial, sans-serif; font-size: small;"><strong>&hearts;</strong></span> )</p>
  1334. <p>i often try to do replies in chronological order&nbsp;but sometimes&nbsp;my motivation can be found elsewhere. if i do&nbsp;not reply in a certain timespan without&nbsp;apparent reason&nbsp;don&rsquo;t hesitate to&nbsp;notify me, chances are i&nbsp;may have missed it.</p>
  1335. <p><strong>III. triggers.</strong>&nbsp;should triggers occur expect them to be tagged accordingly.&nbsp;if you have a specific trigger mention it so that i can tag it for you. the only thing i will not tag are duplicates of a muse you may be roleplaying as well because that&rsquo;s just plain rude towards the other person.&nbsp;<br /><br /><strong>IV.&nbsp;</strong><strong>exclusivity &amp; mains.</strong>&nbsp;i&nbsp;always welcome mains or exclusive partners though i prefer knowing the person behind the blog before giving such position away.&nbsp;<br /><br /><strong>V. writer.</strong>&nbsp;alicia 22 she / her. i live in the netherlands&nbsp;and thus in the GMT +1 timezone. mutuals can ask for my discord / twitter.&nbsp;<br /><br /><strong>VI. credit.</strong>&nbsp;none of the art on this blog belongs to me, if you&rsquo;re wondering about the artist of a certain art piece that&rsquo;s displayed on the blog i will link you the source. other than that only the writing and additions to the blog are mine.&nbsp;&nbsp;<br /><br /></p>
  1336. <p>theme graphic: made by <a href="http://firstpaced.tumblr.com/">nyx</a><br />theme code: <a href="http://tcmbraider.tumblr.com">tcmbraider</a><br /><br
  1337. </li>
  1338. <li>
  1339.  
  1340.  
  1341. <div style="width:280px;height:410px;overflow-y:scroll;overflow-x:hidden;margin-left:352px;margin-top:-415px; background:#030303; ">
  1342.  
  1343. <div class="luxveritatis">
  1344.  
  1345.  
  1346.  
  1347. <div class="tab">
  1348. <div class="tabcontent">
  1349.  
  1350. <div class="tabcontent">
  1351. <div id="header">
  1352. </div>
  1353.  
  1354. <p><a href="#generalstats" class="jump">General.</a>
  1355. <a href="#appearance" class="jump">Physical.</a>
  1356.  
  1357. <p><a href="#family" class="jump">Personality.</a>
  1358. <a href="#psychologicalevaluation" class="jump">Skills</a>
  1359.  
  1360. <br><p>
  1361. <br><p>
  1362. <a name="generalstats" style="color:#ffffff"><div id="header">General information.</div></a>
  1363.  
  1364. <p><strong><em>Name:</em></strong>&nbsp;karna&nbsp;<br /><strong><em>Alias:</em></strong>&nbsp;vasusena</p>
  1365. <p><strong><em>Name meaning:</em></strong></p>
  1366. <blockquote><strong>karna.</strong>&nbsp;cutter of his own armor.
  1367. <p><strong>vasusena.</strong>&nbsp;he who is born with wealth.</p>
  1368. </blockquote>
  1369. <p><strong><em>pronouns: </em></strong>he / him</p>
  1370. <p><strong><em>gender:</em></strong> male.</p>
  1371. <p><strong><em>age:</em>&nbsp;</strong>107 with the appearance of someone in their late twenties.</p>
  1372. <p><strong><em>birthday: </em></strong>15th of january</p>
  1373. <p><strong><em>species:</em>&nbsp;</strong>demi-god.</p>
  1374. <p><em><strong>nationality:</strong></em> indian.</p>
  1375. <p><strong><em>class:</em></strong>&nbsp;<strike>royal</strike> peasant.&nbsp;</p>
  1376. <p><strong><em>occupation:</em></strong>&nbsp;<strike>charioteer</strike>&nbsp;kshatriya.<strike><br /></strike></p>
  1377.  
  1378. <br><p>
  1379.  
  1380. <p><a name="appearance" style="color:#ffffff"><div id="header">appearance</div></a>
  1381.  
  1382.  
  1383.  
  1384. <p><img src="http://78.media.tumblr.com/eb86013440bc9f0627eaf87c53eaa06f/tumblr_inline_p6d63k0HlE1vd5ira_75sq.png" />&nbsp;<img src="http://78.media.tumblr.com/5018532d6a3025dfb1131493d8f0f901/tumblr_inline_p6f1qq9jXS1vd5ira_75sq.png" />&nbsp;<img src="http://78.media.tumblr.com/ac038de5e83df538d4bb346a8e565b99/tumblr_inline_p6217xx7ta1vd5ira_75sq.png" /></p>
  1385. <p><strong><em>height: </em></strong>178cm&nbsp;<br /><strong><br /><em>weight: </em></strong>65kg</p>
  1386. <p><strong><em>hair:</em>&nbsp;</strong>silver.&nbsp;&nbsp;</p>
  1387. <p><em><strong>eyes:</strong>&nbsp;</em>blue.&nbsp;</p>
  1388. <br><p>
  1389.  
  1390. <p><a name="family" style="color:#ffffff"><div id="header">personality.</div></a>
  1391. <p><strong><em>personality:&nbsp;</em></strong>as his title &rsquo; the hero of charity &rsquo; suggests he embodies everything that the title implies. to his core&nbsp;he is humble&nbsp;and&nbsp;selflessness, his devotion to others&nbsp;unmatched. in the end, he is simply a man that accepts and appreciates what he has instead of&nbsp;what he doesn&rsquo;t have. grateful&nbsp;for&nbsp;the small fortunes that were given to him in&nbsp;his lifetime despite&nbsp;having encountered a lot of misfortune. it is because of&nbsp;those small fortunes&nbsp;that he is able&nbsp;to appreciate the world as it is. never&nbsp;could he be angry or resentful to those that wronged him and accepts it as it is. a c'est la vie mentality so to speak.</p>
  1392. <p>despite his own standings towards the world and people he never enforces his own beliefs onto people and instead tries to understand their perspective. judging a character becomes easy with his ability called &rsquo; discernment of the poor. &rsquo; which allows him to see the true nature of a person.</p>
  1393. <p>speaking of true natures, karna never considered himself special. he may be the son of the sun god surya&nbsp;making him a demigod&nbsp;or even&nbsp;his title&nbsp;hero of charity but&nbsp;he never saw it as special and would never use it against the people. he is karna that&rsquo;s all. those elements don&rsquo;t make him more special or more valuable as much as the next person.&nbsp;</p>
  1394. <p>it is why he could never be hurt by those of &rsquo; higher &rsquo; status that look down on him. however, when it comes to someone else&rsquo;s honour he is sworn by an unmatched loyalty and will go to incredibly great lengths to defend it. as such is the case with duryodhana and jinako ( fate extra / ccc&nbsp;) which works in two ways. one he is incredibly charitable for looking after them like he did. but it also made him appear as ruthless and coldhearted for following their orders so readily (especially in duryodhana&rsquo;s case ).</p>
  1395. <p>while his actions are loud and clear he even himself admits that communication isn&rsquo;t his strongest suit. this in combination with&nbsp;his ability discernment of the poor makes him easily disliked by others. he&rsquo;s honest albeit a bit too honest and blunt sometimes.</p>
  1396. <p>but he knows of his flaws and continues to work on them in order to improve this such is seen in his conversation with his master in fate grand order where he states that &ldquo; as a certain master (jinako) of mine once told me, it&rsquo;s not that i say too much, it&rsquo;s just that I say too little. since then, i think I&rsquo;ve been working to address this &rdquo;</p>
  1397. <p>in short karna is a lot of things, charitable, kind, but also honest and incredibly blunt who will not hesitate to pierce a spear through you if his master ordered him too.&nbsp;&nbsp;</p>
  1398. <p><strong><em>alignment: </em>lawful good.</strong> A lawful good character acts as a good person is expected or required to act. He combines a commitment to oppose evil with the discipline to fight relentlessly. He tells the truth, keeps his word, helps those in need, and speaks out against injustice. A lawful good character hates to see the guilty go unpunished.Lawful good is the best alignment you can be because it combines honour and compassion. Lawful good can be a dangerous alignment when it restricts freedom and criminalizes self-interest.</p>
  1399. <p><em><strong>mbti:</strong>&nbsp;</em>INTP, INTPs are known for their quest for logical purity, which motivates them to examine universal truths and principles. They are constantly asking themselves and others the questions &lsquo;Why?&rsquo; and &lsquo;Why not?&rsquo; Clear and quick thinkers, they are able to focus with great intensity on their interests. They appreciate elegance and efficiency in thought processes and require them, even more so, in their own communications. They may be seen as unwilling to accept what everyone else regards as truth. While often low key in outward appearance and approach, the INTP is &lsquo;hard as nails&rsquo; when challenging a truth. INTPs do not like to deal with the obvious. They are at their best in building conceptual models and developing unusual and complex ideas.</p>
  1400.  
  1401. <p><a name="psychologicalevaluation" style="color:#ffffff"><div id="header">skills & abilities.</div></a>
  1402.  
  1403. <p><strong>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; passive skills<br /><br /></strong><strong><em>divinity:&nbsp;</em></strong>after his passing, he reunited with his father surya in the afterlife thus granting him the highest rank of divinity.&nbsp;&nbsp;<br /><br /><strong><em>riding:&nbsp;</em></strong>anything mountable comes&nbsp;inherently to karna due to chariots being used in the mahabharata.</p>
  1404. <p><strong><em>magical resistance:</em> </strong>if he is not wearing his armour&nbsp;then spells with only two verses or lower will not affect him.&nbsp;</p>
  1405. <p><strong><em>uncrowned matrial</em>&nbsp;</strong><strong><em>arts &amp; arms mastery:</em></strong>his abilities were hardly recognized in history thus granting him the ability to mask his skill level. his skills will be displayed as one rank lower as long the opponent does not know who he is.<br /><br /><strong><em>discernment of the poor:&nbsp;</em></strong>this ability allows him to see the true nature of a person a sort of built-in lie detector. it helps him to understand the person outside and in battle.</p>
  1406. <p><strong>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; active skills</strong></p>
  1407. <p><strong><em>mana burst (flames):&nbsp;</em></strong>with his father being the sun god surya his mana burst translates into flames. he is able to enhance his weapons with the element.&nbsp;</p>
  1408. <p><strong>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; noble phantasms&nbsp;</strong></p>
  1409. <p><strong><em>kavacha and kundala</em></strong><strong><em>: </em></strong>his armour and earrings. the proof that he is indeed the son of the sun god surya. the armor protects karna from all harm and damage is reduced to only a tenth of the original damage.&nbsp;</p>
  1410. <p><strong><em>brahmastra</em></strong><strong><em>: </em></strong>a giant inescapable laster beam that gets fired from his eye if he is summoned as a rider or lancer otherwise as an archer it gets fired as a projectile. however, if the enemy is stronger than him he cannot use this ability.</p>
  1411. <p><strong><em>brahmastra&nbsp;kundala</em></strong><strong><em>:&nbsp;</em></strong>same as above except he must sacrifice his armour in order to increase its strength. after having sacrificed his armour the power of this skill equals a nuclear bomb with a bigger range.&nbsp;&nbsp;<br /><br /><strong><em>vasavi shakti:&nbsp;</em></strong>the spear given to him by indra after having cut off his own ears and part of his skin in order to remove his armour and earrings. out of his noble act indra gave him the spear that is said to be able to slay the gods. however for him to use it he must permanently sacrifice his armour.&nbsp;</p>
  1412.  
  1413.  
  1414.  
  1415.  
  1416.  
  1417. </li>
  1418. <li>
  1419.  
  1420.  
  1421. <div style="width:280px;height:410px;overflow-y:scroll;overflow-x:hidden;margin-left:352px;margin-top:-415px; background:#030303; ">
  1422.  
  1423. <div class="luxveritatis">
  1424.  
  1425.  
  1426. <b><center>grand order.</center></b>
  1427. <hr>
  1428. <img src="https://static.tumblr.com/hp5uu6j/4sXp6tp6c/verses-2.png" style=float:left;>
  1429. <br><br><b>VERSE</b> Verse 001.
  1430. <br><b>VERSE TYPE</b> Main.<br><br><br> <center>
  1431. <div class="versebox_list">
  1432. <div class="versebox_head">More Info</div>
  1433. <div class="versebox_body">a verse that covers the events where karna is summoned as a servant by ritsuka fujimaru. summoned as a lancer he joins them and mash and travels through different singularities in order to save humanity from extinction.</div></center><p>
  1434.  
  1435.  
  1436. <b><center>apocrypha.</center></b>
  1437. <hr>
  1438. <img src="https://static.tumblr.com/hp5uu6j/G8xp6tpdo/verses-1.png" style=float:left;>
  1439. <br><br><b>VERSE</b> Verse 002.
  1440. <br><b>VERSE TYPE</b> Sub.<br><br><br> <center>
  1441. <div class="versebox_list">
  1442. <div class="versebox_head">More Info</div>
  1443. <div class="versebox_body">a verse that covers the events where karna is summoned as a servant by feend vor sembren. summoned as a lancer during the war between the faction of black and red. however his original master soon falls into the scheme created by shirou kotomine and semiramis which transferred feend’s command seals to shirou instead. having accepted this he continues to fight for the red faction however wishes to free the original masters and fight siegfried again.</div></center><p>
  1444.  
  1445. <b><center>extella.</center></b>
  1446. <hr>
  1447. <img src="https://static.tumblr.com/hp5uu6j/XfLp6tpoh/verses-3.png" style=float:left;>
  1448. <br><br><b>VERSE</b> Verse 003.
  1449. <br><b>VERSE TYPE</b> Sub.<br><br><br> <center>
  1450. <div class="versebox_list">
  1451. <div class="versebox_head">More Info</div>
  1452. <div class="versebox_body">a verse that covers the events where karna is summoned as a servant by jinako carigiri. summoned as a ’ launcher ’ (lancer). however duo to jinako being a particularly weak master karna’s abilities greatly get reduced. jinako has no desire nor the courage to participate in the moon cell holy grail war to the point where she locks herself up in a janitor room and actively refuses to participate. they eventually lose the grail war and while jinako survives karna gets send to the moon.
  1453.  
  1454. once the grail war is won by hakuno and saber(nero) they took control of the moon cell. its there were another war will break out. this time karna joins the side of caster (tamamo no mae).</div></center><p>
  1455.  
  1456. <b><center>florist.</center></b>
  1457. <hr>
  1458. <img src="https://static.tumblr.com/hp5uu6j/UaDp6trvi/verses-4.png" style=float:left;>
  1459. <br><br><b>VERSE</b> Verse 004.
  1460. <br><b>VERSE TYPE</b> Alternative Universe.<br><br><br> <center>
  1461. <div class="versebox_list">
  1462. <div class="versebox_head">More Info</div>
  1463. <div class="versebox_body">a verse that covers what could have been his modern life. in this verse karna owns a flower shop which has become quite popular. with the flower shop booming karna takes it upon himself to donate as much as he can to charity. because of this his flower shop has begun to draw even more attention to the point where others having starting to use the popularity of the area to set up shops of their own. in fact there’s a certain coffee shop owner that is rather hostile towards him for reasons he does not know.</div></center><p>
  1464.  
  1465. <b><center>alter.</center></b>
  1466. <hr>
  1467. <img src="https://static.tumblr.com/hp5uu6j/VFFp6tt32/verses-6.png" style=float:left;>
  1468. <br><br><b>VERSE</b> Verse 005.
  1469. <br><b>VERSE TYPE</b> Alternative Universe.<br><br><br> <center>
  1470. <div class="versebox_list">
  1471. <div class="versebox_head">More Info</div>
  1472. <div class="versebox_body">
  1473. a verse that covers a what if situation that shaped the being we know as ‘karna alter’. karna alter can be summoned as a rider or avenger. what is different compared to the karna we know is that he symbolises the sun’s wrath rather than it’s warmth. this karna is filled with hatred towards those who have humiliated and schemed against him. despite his curses, he succeeded and won the war together with Suyodhana who crowned him king after finding out about karna’s origin. </div></center><p>
  1474.  
  1475. <b><center>mahabharata alt.</center></b>
  1476. <hr>
  1477. <img src="https://static.tumblr.com/hp5uu6j/B1Up6tsnd/verses-5.png" style=float:left;>
  1478. <br><br><b>VERSE</b> Verse 007.
  1479. <br><b>VERSE TYPE</b> Alternative Universe.<br><br><br> <center>
  1480. <div class="versebox_list">
  1481. <div class="versebox_head">More Info</div>
  1482. <div class="versebox_body">a verse that covers a 'what if’ situation. what if karna had not been abandoned by his mother and lived like a pandava instead. </strong><p></div></center><p>
  1483.  
  1484.  
  1485.  
  1486. </li>
  1487. <li>
  1488.  
  1489. <div style="width:280px;height:410px;overflow-y:scroll;overflow-x:hidden;margin-left:352px;margin-top:-415px; background:#030303; ">
  1490.  
  1491. <div class="luxveritatis">
  1492.  
  1493. <b><center>arjuna.</center></b>
  1494. <hr>
  1495. <img src="https://static.tumblr.com/hp5uu6j/H5Rp6tu8p/arjuna.png" style=float:left;>
  1496. <br><br><b>URL</b> ganshnu
  1497. <br><b>RELATIONSHIP</b> it's complicated.<br><br><br>
  1498.  
  1499. <b><center>frankenstein.</center></b>
  1500. <hr>
  1501. <img src="https://static.tumblr.com/hp5uu6j/3Aup6tuci/fran.png" style=float:left;>
  1502. <br><br><b>URL</b> wcddingday
  1503. <br><b>RELATIONSHIP</b> socially inept duo.<br><br><br>
  1504.  
  1505. <b><center>andesha.</center></b>
  1506. <hr>
  1507. <img src="https://static.tumblr.com/hp5uu6j/6kXp6tuz9/andesha.png" style=float:left;>
  1508. <br><br><b>URL</b> streethealed
  1509. <br><b>RELATIONSHIP</b> master.<br><br><br>
  1510.  
  1511. <b><center>midoriya.</center></b>
  1512. <hr>
  1513. <img src="https://static.tumblr.com/hp5uu6j/8P2p6tv1p/deku.png" style=float:left;>
  1514. <br><br><b>URL</b> dckv
  1515. <br><b>RELATIONSHIP</b> employee.<br><br><br>
  1516.  
  1517.  
  1518.  
  1519.  
  1520. </li>
  1521. <li>
  1522.  
  1523. <div style="width:280px;height:410px;overflow-y:scroll;overflow-x:hidden;margin-left:352px;margin-top:-415px; background:#030303; ">
  1524.  
  1525. <div class="luxveritatis">
  1526.  
  1527. <h3>navigation</h3>
  1528. <div class="marcobartoli">
  1529. <!-- copy / delete these for every link you wish to add / remove! -->
  1530. <p><a href="/✧*. — ( aesthetics: sun’s warmth. ) ">Aesthetics.</a> <a href="/tagged/✧*. — ( ic: answered. )">Answered.</a> <a href="/tagged/✧*. — ( ic: headcanon. )">Headcanons.</a> <a href="/petite ">Mun.</a>&nbsp;<a href="/tagged/✧*. — ( muse: to give but never take. ) ">Musings.</a> <a href="/tagged/✧*. — ( ooc. ) ">OOC.</a> <a href="/tagged/✧*. — ( ooc: promo. )">Promos.</a></p>
  1531. <h3>Characters</h3>
  1532. <p><a href="/tagged/✧*. — ( people: awarded hero. ) ">arjuna.</a>&nbsp;<a href="/tagged/✧*. — ( muse: hero of charity. ) ">karna.</a>
  1533.  
  1534.  
  1535. </li>
  1536. </ul>
  1537.  
  1538.  
  1539.  
  1540. </div></div></div>
  1541. </div></div></div>
  1542.  
  1543.  
  1544. </div></div></div>
  1545. </div>
  1546.  
  1547. </html>
  1548.  
  1549. <!--
  1550.  
  1551. -->
  1552.  
  1553.  
  1554.  
  1555.  
  1556.  
  1557.  
  1558.  
  1559. </center>
  1560.  
  1561.  
  1562.  
  1563.  
  1564. </center>
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!