API tools faq
paste
Advertisement
Tsunland

Todoroki Theme

Tsunland
Feb 11th, 2018
421
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 48.91 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. <script type="text/javascript" src="http://scmplayer.co/script.js"
  10. data-config="{'skin':'http://static.tumblr.com/zeaszfj/6I9n2rp0t/.css','volume':15,'autoplay':true,'shuffle':true,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'dream catcher | vexento .','url':'https://www.youtube.com/watch?v=nK5blLPbFyE'}]}" ></script>
  11.  
  12.  
  13.  
  14.  
  15. <script type="text/javascript"
  16. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  17. <script>
  18. $(document).ready(function() {
  19. //
  20. $('a.poplight[href^=#]').click(function() {
  21. var popID = $(this).attr('rel'); //Get Popup Name
  22. var popURL = $(this).attr('href'); //Get Popup href to define size
  23. var query= popURL.split('?');
  24. var dim= query[1].split('&');
  25. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  26. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="" class="btn_close" title="" alt="" /></a>');
  27. var popMargTop = ($('#' + popID).height() + 80) / 2;
  28. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  29. //Apply Margin to Popup
  30. $('#' + popID).css({
  31. 'margin-top' : -popMargTop,
  32. 'margin-left' : -popMargLeft
  33. });
  34. $('body').append('<div id="fade"></div>');
  35. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  36. return false;
  37. });
  38. $('a.close, #fade').live('click', function() {
  39. $('#fade , .popup_block').fadeOut(function() {
  40. $('#fade, a.close').remove(); //fade them both out
  41. });
  42. return false;
  43. });
  44. });
  45. </script>
  46.  
  47. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  48. <script type="text/javascript">
  49. $(document).ready(function(){
  50. $('.versebox_body').hide();
  51. $('.versebox_head').click(function(){
  52. $(this).next('.versebox_body').slideToggle('fast');
  53. }); }); </script>
  54. <style type="text/css">
  55. .versebox_list { margin:0px; padding:0px; width:100%;}
  56. .versebox_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
  57. .versebox_body { padding:10px; text-align:left; display:none;}
  58. </style>
  59.  
  60. <!--tooltip styling script-->
  61.  
  62.  
  63. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  64. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  65. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  66. <script>
  67. (function($){
  68. $(document).ready(function(){
  69. $("[title]").style_my_tooltips({
  70. tip_follows_cursor:true,
  71. tip_delay_time:200,
  72. tip_fade_speed:500
  73. });
  74. });
  75. })(jQuery);
  76. </script>
  77.  
  78. <script>
  79.  
  80. $(document).ready(function(){
  81. $("ul#tabs li").click(function(e){
  82. if (!$(this).hasClass("active")) {
  83. var tabNum = $(this).index();
  84. var nthChild = tabNum+1;
  85. $("ul#tabs li.active").removeClass("active");
  86. $(this).addClass("active");
  87. $("ul#tab li.active").removeClass("active");
  88. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  89. }
  90. });
  91. });
  92. </script>
  93.  
  94.  
  95.  
  96.  
  97. <title>{Title}</title>
  98. <link rel="shortcut icon" href="{Favicon}">
  99. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  100. {block:Description}
  101. <meta name="description" content="{MetaDescription}" />
  102. {/block:Description}
  103.  
  104.  
  105.  
  106. </head>
  107.  
  108.  
  109.  
  110. <!---custom fonts--->
  111.  
  112. <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">
  113. <link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet">
  114. <link href="https://fonts.googleapis.com/css?family=Geo" rel="stylesheet">
  115. <link href="https://fonts.googleapis.com/css?family=Mrs+Saint+Delafield" rel="stylesheet">
  116. <link href="https://fonts.googleapis.com/css?family=Kristi" rel="stylesheet">
  117. <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
  118. <link href="https://fonts.googleapis.com/css?family=Share+Tech+Mono" rel="stylesheet">
  119. <link href="https://fonts.googleapis.com/css?family=Pathway+Gothic+One" rel="stylesheet">
  120. <link href="https://fonts.googleapis.com/css?family=VT323" rel="stylesheet">
  121. <link href="https://fonts.googleapis.com/css?family=Shadows+Into+Light" rel="stylesheet">
  122. <link href="https://fonts.googleapis.com/css?family=Economica" rel="stylesheet">
  123. <link href="https://fonts.googleapis.com/css?family=Seaweed+Script" rel="stylesheet">
  124. <link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet">
  125. <link href="https://fonts.googleapis.com/css?family=Alex+Brush" rel="stylesheet">
  126. <link href="https://fonts.googleapis.com/css?family=Spectral" rel="stylesheet">
  127. <link href="https://fonts.googleapis.com/css?family=Cedarville+Cursive" rel="stylesheet">
  128. <link href="https://fonts.googleapis.com/css?family=Pathway+Gothic+One" rel="stylesheet">
  129. <link href="https://fonts.googleapis.com/css?family=Mrs+Saint+Delafield" rel="stylesheet">
  130. <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">
  131.  
  132.  
  133.  
  134.  
  135.  
  136. <style type="text/css">
  137. @font-face { font-family:"quil"; src: url('https://dl.dropboxusercontent.com/s/vjx3n6utzrjjr2r/quil_s_t.ttf'); format("truetype");}
  138. @font-face { font-family: "ambarella"; src: url('https://dl.dropboxusercontent.com/s/5n01hn5ijf0beuz/Ambarella.ttf'); format("truetype");}
  139. @font-face { font-family: "mocking"; src: url('https://dl.dropboxusercontent.com/s/6dvctjevo33lcyb/Mocking-Regular.ttf'); format("truetype");}
  140. @font-face{ font-family:"redalert"; src:url('https://dl.dropboxusercontent.com/s/mvd0eofd3pxfanl/redalert.ttf');}
  141. @font-face { font-family: "botdoh"; src: url('https://dl.dropboxusercontent.com/s/pqv5lk11d4cngsr/Botdoh.ttf'); format("truetype");}
  142.  
  143.  
  144.  
  145.  
  146. @keyframes bbounce{
  147. 0% {transform:translate(0px,0px);}
  148. 50% {transform:translate(0px,10px);}
  149. 100% {transform:translate(0px, 0px);}
  150. }
  151.  
  152. @-moz-keyframes bbounce{
  153. 0% {-moz-transform:translate(0px,0px);}
  154. 50% {-moz-transform:translate(0px,10px);}
  155. 100% {-moz-transform:translate(0px,0px);}
  156. }
  157.  
  158. @-webkit-keyframes bbounce {
  159. 0% {-webkit-transform:translate(0px,0px);}
  160. 50% {-webkit-transform:translate(0px,10px);}
  161. 100% {-webkit-transform:translate(0px,0px);}
  162. }
  163.  
  164. @-o-keyframes bbounce {
  165. 0% {-o-transform:translate(0px,0px);}
  166. 50% {-o-transform:translate(0px,10px);}
  167. 100% {-o-transform:translate(0px,0px);}
  168. }
  169.  
  170. @-ms-keyframes bbounce {
  171. 0% {-ms-transform:translate(0px,0px);}
  172. 50% {-ms-transform:translate(0px,10px);}
  173. 100% {-ms-transform:translate(0px,0px);}
  174. }
  175.  
  176. ul#tabs {
  177. list-style-type: none;
  178. padding: 0;
  179. text-align: center;
  180. font-size:8px;
  181. letter-spacing:1px;
  182. min-width:120px;
  183. }
  184.  
  185. ul#tabs li {
  186. display: table;
  187. background-color: #393939;
  188. border: solid 1px #838281;
  189. padding: 4px 12px;
  190. margin-bottom: 4px;
  191. color: #9e9f9f;
  192. cursor: pointer;
  193. }
  194.  
  195. ul#tabs li:hover {
  196. background-color: #393939;
  197. }
  198.  
  199. ul#tabs li.active {
  200. background-color: #393939;
  201. border: 1px solid #838281;
  202. }
  203.  
  204. ul#tab {
  205. list-style-type: none;
  206. margin: 0;
  207. padding: 0;
  208. }
  209.  
  210. ul#tab li {
  211. display: none;
  212. }
  213.  
  214. ul#tab li.active {
  215. display: block;
  216. }
  217.  
  218. .popup_block{
  219. width: 280px;
  220. height: 650px;
  221. size:80%;
  222. overflow-y:scroll;
  223. overflow-x:hidden;
  224. display:none;
  225. background:transparent;
  226. color:#9e9f9f;
  227. padding:20px;
  228. border:0px solid #eee;
  229. float:left;
  230. position: absolute;
  231. top:510px;
  232. left: 410px;
  233. z-index: 99999;
  234. font-size:10px;
  235. }
  236.  
  237.  
  238. *html #fade {position: absolute;}
  239. *html .popup_block {position: absolute;}
  240. #fade {
  241. display:none;
  242. position:fixed;
  243. left:0px;
  244. top:0px;
  245. width:100%;
  246. height:100%;
  247. z-index:9999;
  248. background:transparent; /* change to #fff for solid white */
  249. opacity:1; /* change to opacity:1; */
  250. }
  251.  
  252.  
  253.  
  254. ::-webkit-scrollbar {
  255. height: 0px;
  256. width: 2px;
  257. background:transparent;
  258. border-left:0px solid transparent;
  259. border-right:0px solid transparent;}
  260.  
  261.  
  262. ::-webkit-scrollbar-thumb {
  263. background:transparent;}
  264.  
  265.  
  266.  
  267.  
  268.  
  269.  
  270.  
  271.  
  272. body {
  273. background-image:url('https://i.imgur.com/uPscABT.png');
  274. background-attachment:fixed;
  275. background-repeat:no-repeat;
  276. background-color: #030303;
  277. font-family: 'calibri', sans-serif;
  278. font-size: 10px;
  279. color: #9e9f9f;
  280. text-align:auto;
  281. word-spacing:2px;
  282. letter-spacing:0px;
  283. line-height:100%;
  284. text-shadow: 1px 1px 1px #000;
  285.  
  286. }
  287.  
  288.  
  289.  
  290. a {
  291. text-decoration:none;
  292. color: #fff;
  293. font-family: helvetica;
  294. text-transform:lowercase;
  295. font-weight: 600;
  296. font-size:11px;
  297. text-shadow: 0px 0px 5px #bebebe;
  298. }
  299.  
  300. a:hover {
  301. color: #fff;
  302. -webkit-transition: all 0.7s ease;
  303. -moz-transition: all 0.7s ease;
  304. -o-transition: all 0.7s ease;
  305. }
  306.  
  307. b, strong {
  308. color: #8e5858;
  309. text-transform: uppercase;
  310. font-weight:300;
  311. font-family: 'Lora', serif;
  312. font-size: 9px;
  313. line-height:10px;
  314. text-shadow: 1px 1px 1px #8e5858;
  315. }
  316.  
  317. i, em {
  318. color: #fff;
  319. text-transform: lowercase;
  320. font-family: 'Playfair Display', serif;
  321. font-size: 10px;
  322. font-weight:200;
  323. text-shadow: 0px 0px 5px #fff;
  324. }
  325.  
  326.  
  327. h4, h2, h1 {
  328. display:block;
  329. color: #fff;
  330. background-color:#333333;
  331. font-family: 'Oswald', sans-serif;
  332. text-transform:uppercase;
  333. font-size: 14px;
  334. padding:5px 0px;
  335. margin-left:auto;
  336. margin-right:auto;
  337. text-shadow: 0px 0px 1.5px #fff;
  338. text-align:center;
  339. width:97%;
  340. border-left: 5px solid #262626;
  341. border-right: 5px solid #262626;
  342.  
  343. }
  344.  
  345. h3 {
  346. color: #fff;
  347. font-family: 'Lora', serif;
  348. text-transform:lowercase;
  349. font-size: 12px;
  350. font-weight:100;
  351. line-height:13px;
  352. padding:5px 0px;
  353. margin-left:auto;
  354. margin-right:auto;
  355. text-shadow: 0px 0px 1px #fff;
  356. text-align:right;
  357. width:97%;
  358. }
  359.  
  360. big {
  361. color: #a11e1e;
  362. text-transform: uppercase;
  363. font-family: 'Orbitron', sans-serif;
  364. font-size: 11px;
  365. }
  366.  
  367. pre {
  368. white-space: pre-wrap;
  369. white-space: -moz-pre-wrap;
  370. white-space: -pre-wrap;
  371. white-space: -o-pre-wrap;
  372. word-wrap: break-word;
  373. background-image:url('');
  374. background-color:#333333;
  375. background-repeat:repeat;
  376. background-attachment:fixed;
  377. text-align:justify;
  378. padding: 8px;
  379. font-size:10px;
  380. border-left: 5px solid #262626;
  381. border-right: 5px solid #262626;
  382. }
  383.  
  384. sub, sup, small {
  385. font-size:10px;
  386. line-height: 10px;
  387. }
  388.  
  389. hr {
  390. border: 0;
  391. height: 0;
  392. border-top: 1px solid rgba(0, 0, 0, 0.1);
  393. border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  394. }
  395.  
  396.  
  397. blockquote {
  398. padding:2px 10px;
  399. margin:3px 0 4px 10px;
  400. border-left: 1px solid #ababab;
  401. border-radius: 0px;
  402. font-size:10px;
  403. }
  404.  
  405. blockquote img {
  406. max-width:100%;
  407. height:auto;
  408. }
  409.  
  410.  
  411.  
  412.  
  413. img {
  414. max-width:100%;
  415. height:auto;
  416. margin-top:-5px;
  417. }
  418.  
  419.  
  420.  
  421. #container {
  422. position: absolute;
  423. top:350px;
  424. left: 410px;
  425. height:350px;
  426. width: 300px;
  427. overflow-y:scroll;
  428. overflow-x:hidden;
  429. opacity:1;
  430. -webkit-mask-image: -webkit-gradient(
  431. linear, center 75%, center bottom,
  432. from(rgba(0,0,0,20)),
  433. to(rgba(20,0,0,0)));
  434. }
  435.  
  436. #container:hover {
  437. opacity:1;
  438. transition: opacity .7s ease-in-out;
  439. -moz-transition: opacity .7s ease-in-out;
  440. -webkit-transition: opacity .7s ease-in-out;}
  441.  
  442.  
  443.  
  444. .luxveritatis {
  445. width: auto;
  446. background-color: transparent;
  447. padding: 10px;
  448. margin-bottom: 5px;
  449. opacity:0.7;
  450.  
  451. }
  452.  
  453.  
  454. .asker {
  455. width:130px;
  456. font-size:20px;
  457. font-family: "ambarella";
  458. margin:-40px 0px 0px 55px;
  459. margin-bottom:5px;
  460. padding-bottom:0px;
  461. padding-top: 4px;
  462. color: #ededed;
  463. text-shadow: 1px 1px 1px #000;
  464. }
  465.  
  466. .asker a {
  467. text-transform:lowercase;
  468. color: #ededed;
  469. text-shadow: 1px 1px 1px #000;
  470. }
  471.  
  472.  
  473. .question {
  474. padding:5px;
  475. text-shadow: 1px 1px 1px #000;
  476. color:#ededed;
  477. font-size:11px;
  478. font-weight:500;
  479. padding-top: 5px;
  480. margin-left:3px;
  481. width: 260px;
  482. text-transform:uppercase;
  483. text-align:justify;
  484. letter-spacing:2px;
  485. padding:5px;
  486. background: url("");
  487. background-repeat:repeat;
  488. background-color: #393939;
  489. border-top: 1px solid #2e2e2e;
  490. border-bottom: 1px solid #2e2e2e;
  491. padding:10px;
  492. letter-spacing:2px;
  493. }
  494.  
  495. .answer {
  496. padding-top:10px;
  497. text-align:justify;
  498. }
  499.  
  500.  
  501.  
  502. #info {
  503. font-family: 'Abel', sans-serif;
  504. width:270px;
  505. left:10px;
  506. font-size:15px;
  507. color: #838281;
  508. margin-top:3px;
  509. padding-top:-20px;
  510. padding-bottom:12px;
  511. background-color:#333333;
  512. border: 1px solid #262626;
  513. text-shadow: 1px 1px 1px #000;
  514. }
  515.  
  516. #info a {
  517. font-size:9px;
  518. color: #838281;
  519. font-style:normal;
  520. text-shadow: 1px 1px 1px #000;
  521. }
  522.  
  523. #info a:hover {
  524. color:#615c55;
  525. }
  526.  
  527. #tags {
  528. color:#ababab;
  529. background-color:transparent;
  530. margin-top:5px;
  531. width: auto;
  532. margin-left:0px;
  533. height:30px;
  534. overflow-y:scroll;
  535. padding-left:1px;
  536. text-align:justify;
  537. line-height:14px;
  538. text-transform:uppercase;
  539. font-size:8px;
  540. font-family: 'redalert';
  541. min-height:20;
  542. max-height:auto;
  543. padding-top:5px;
  544. padding-bottom:10px;
  545. text-shadow: 1px 1px 1px #000;
  546.  
  547. }
  548.  
  549. #tags a {
  550. color:#ababab;
  551. font-size: 11px;
  552. text-transform:uppercase;
  553. font-style: none;
  554. font-family: 'redalert';
  555. text-shadow: 0px 0px 0px;
  556. }
  557.  
  558. #tags a:hover {color:#7a716e;}
  559.  
  560.  
  561. .chat .line {
  562. margin: 1px 25px;
  563. padding: 2px;
  564. line-height:150%;
  565. color: #292827
  566. font-family: arial;
  567. font-size: 10px;
  568. }
  569.  
  570. .chat .line.odd {
  571. color: #fff
  572. font-family: arial;
  573. text-align:right;
  574. font-size: 10px;
  575. text-shadow: 1px 1px 1px #000;
  576. }
  577.  
  578. .label {
  579. font-family:arial;
  580. text-transform:uppercase;
  581. font-size:10.5px;
  582. color:#fff;
  583. text-shadow: 0px 0px 1px #d3d1d1;
  584. }
  585.  
  586.  
  587. .note li {
  588. font-size:9px;
  589. text-transform:uppercase;
  590. font-family: arial;
  591. text-align:left;
  592. margin:0px;
  593. -moz-transition-duration:0.5s;
  594. -webkit-transition-duration:0.5s;
  595. -o-transition-duration:0.5s;
  596. }
  597.  
  598.  
  599.  
  600. #pagination {
  601. position:fixed;
  602. font-size:17px;
  603. width: 200px;
  604. text-transform:uppercase;
  605. font-family: 'Oswald', sans-serif;
  606. top:300px;
  607. left:625px;
  608. transform: rotate(0deg);
  609. color: #393939;
  610. z-index:9;
  611. }
  612.  
  613.  
  614. #pagination a {
  615. text-transform:uppercase;
  616. color: #fff;
  617. z-index:9;
  618. -webkit-filter: blur(0px);
  619. -webkit-transition: 0.8s ease-in;
  620. -moz-transition: 1s ease-in;
  621. font-family: 'Oswald', sans-serif;
  622. font-size: 20px;
  623. text-shadow: 0px 0px 0px #393939;
  624. }
  625.  
  626. #pagination a:hover {
  627. -webkit-filter: blur(0px);
  628. -webkit-transition: 0.2s ease-in;
  629. -moz-transition: 1s ease-in;
  630. transition: 1s ease-in;
  631. z-index:9;
  632. }
  633.  
  634.  
  635.  
  636.  
  637. /* DESCRIPTION */
  638.  
  639.  
  640. #cabal {
  641. font-family: 'Abel', sans-serif;
  642. font-size:10px;
  643. background:#030303;
  644. color: #9e9f9f;
  645. width:150px;
  646. height:150px;
  647. left: 750px;
  648. top: 340px;
  649. text-align:justify;
  650. position:fixed;
  651. opacity:1;
  652. }
  653.  
  654.  
  655.  
  656. #cabal:hover {
  657. -webkit-filter:none;
  658. -webkit-transition: all 0.6s ease-in-out;
  659. opacity:1;
  660. -webkit-transition: all 0.6s ease-in-out;
  661. -moz-transition: all 0.6s ease-in-out;
  662. -o-transition: all 0.6s ease-in-out;
  663. -ms-transition: all 0.6s ease-in-out;
  664. transition: all 0.6s ease-in-out;
  665. }
  666.  
  667.  
  668.  
  669. .alinks {
  670. z-index:9999;
  671. position:fixed;
  672. margin-left:260px;
  673. margin-top:50px;
  674. width:70px;
  675. color:#fff;
  676. font-family: 'Unica One', cursive;
  677. font-size:47px;
  678. text-shadow:0 0 1px #b4a9a5;
  679. -webkit-transition: all 0.5s ease-in-out;
  680. -moz-transition: all 0.5s ease-in-out;
  681. -o-transition: all 0.5s ease-in-out;
  682. -ms-transition: all 0.5s ease-in-out;
  683. transition: all 0.5s ease-in-out;
  684. -webkit-filter: blur(0px);
  685. -webkit-transition: 0.8s ease-in;
  686. -moz-transition: 1s ease-in;
  687. transition: 1s ease-in;
  688. -webkit-transform: rotate(30deg);
  689. -moz-transform: rotate(30deg);
  690. -o-transform: rotate(30deg);
  691. }
  692.  
  693. .alinks a {
  694. font-size:27px;
  695. }
  696.  
  697. .blinks {
  698. z-index:9999;
  699. position:fixed;
  700. margin-left:320px;
  701. margin-top:50px;
  702. width:70px;
  703. color:#b4a9a5;
  704. font-family: 'Unica One', cursive;
  705. font-size:20px;
  706. text-shadow:0 0 1px #b4a9a5;
  707. -webkit-transition: all 0.5s ease-in-out;
  708. -moz-transition: all 0.5s ease-in-out;
  709. -o-transition: all 0.5s ease-in-out;
  710. -ms-transition: all 0.5s ease-in-out;
  711. transition: all 0.5s ease-in-out;
  712. -webkit-filter: blur(0px);
  713. -webkit-transition: 0.8s ease-in;
  714. -moz-transition: 1s ease-in;
  715. transition: 1s ease-in;
  716. -webkit-transform: rotate(13deg);
  717. -moz-transform: rotate(13deg);
  718. -o-transform: rotate(13deg);
  719. }
  720.  
  721. .blinks a {
  722. font-size:22px;
  723. }
  724.  
  725. .clinks {
  726. z-index:9999;
  727. position:fixed;
  728. margin-left:250px;
  729. margin-top:120px;
  730. width:70px;
  731. color:#b4a9a5;
  732. font-family: 'Unica One', cursive;
  733. font-size:30px;
  734. text-shadow:0 0 1px #b4a9a5;
  735. -webkit-transition: all 0.5s ease-in-out;
  736. -moz-transition: all 0.5s ease-in-out;
  737. -o-transition: all 0.5s ease-in-out;
  738. -ms-transition: all 0.5s ease-in-out;
  739. transition: all 0.5s ease-in-out;
  740. -webkit-filter: blur(0px);
  741. -webkit-transition: 0.8s ease-in;
  742. -moz-transition: 1s ease-in;
  743. transition: 1s ease-in;
  744. -webkit-transform: rotate(60deg);
  745. -moz-transform: rotate(60deg);
  746. -o-transform: rotate(60deg);
  747. }
  748.  
  749. .clinks a {
  750. font-size:27px;
  751. }
  752.  
  753. .credit {
  754. color: #cdb2a7;
  755. position:fixed;
  756. text-shadow: 0px 0px 11px #fff;
  757. right:15px;
  758. width:80px;
  759. bottom:15px;
  760. font-family: 'Orbitron', sans-serif;
  761. font-size: 16px;
  762. text-shadow: 1px 1px 1px #000;
  763. }
  764.  
  765.  
  766. .credit a {
  767. padding:10px;
  768. color:#fff;
  769. width:30px;
  770. margin-right:0px;
  771. font-family: 'Oswald', sans-serif;
  772. text-transform:uppercase;
  773. }
  774.  
  775. .credit a:hover {
  776. -webkit-transition: all 0.6s ease-in-out;
  777. -moz-transition: all 0.6s ease-in-out;
  778. -o-transition: all 0.6s ease-in-out;
  779. -ms-transition: all 0.6s ease-in-out;
  780. transition: all 0.6s ease-in-out;
  781. color: #fff;
  782. text-shadow: 0px 3px 3px #fff;
  783. }
  784.  
  785.  
  786.  
  787.  
  788.  
  789. .quote {
  790. font-size:13px;
  791. letter-spacing:1px;
  792. text-align:center;
  793. border-bottom:1px solid #615c55;
  794. margin-bottom:5px;
  795. padding-bottom:3px;
  796. }
  797.  
  798. .quotesource {
  799. font-size: 5px;
  800. letter-spacing:1px;
  801. text-align:center;
  802. margin-bottom:5px;
  803. }
  804.  
  805.  
  806. .playerbuttonbg {
  807. position: absolute;
  808. left: 20px;
  809. top: 20px;
  810. width: 19px;
  811. height: 19px;
  812. background-color: #ffffff;
  813. padding: 10px;
  814. -webkit-border-radius: 40px;
  815. -moz-border-radius: 40px;
  816. border-radius: 40px;
  817. opacity: .4;
  818. filter: alpha(opacity=40);
  819. -moz-opacity: 0.4;
  820. -khtml-opacity: 0.4;
  821. transition: opacity .7s ease-in-out;
  822. -moz-transition: opacity .7s ease-in-out;
  823. -webkit-transition: opacity .7s ease-in-out;
  824. }
  825.  
  826. .playerbuttonbg:hover {
  827. opacity: 1;
  828. filter: alpha(opacity=100);
  829. -moz-opacity: 1;
  830. -khtml-opacity: 1;
  831. }
  832.  
  833. .newplayerbutton {
  834. position: relative;
  835. width: 19px;
  836. height: 19px;
  837. overflow: hidden;
  838. }
  839.  
  840. .playerbuttonhug {
  841. position: absolute;
  842. top: -18px;
  843. left: -7px;
  844. }
  845.  
  846. .tumblr_audio_player {
  847. height: 90px;
  848. width: 250px;
  849. -moz-transform: scale(0.60, 0.60);
  850. -webkit-transform: scale(0.60, 0.60);
  851. -o-transform: scale(0.60, 0.60);
  852. -ms-transform: scale(0.60, 0.60);
  853. transform: scale(0.60, 0.60);
  854. -moz-transform-origin: top left;
  855. -webkit-transform-origin: top left;
  856. -o-transform-origin: top left;
  857. -ms-transform-origin: top left;
  858. transform-origin: top left;
  859. }
  860.  
  861. .audioimgwrapper {
  862. position: absolute;
  863. left: 0px;
  864. top: 0px;
  865. -webkit-border-radius: 40px;
  866. -moz-border-radius: 40px;
  867. border-radius: 40px;
  868. overflow: hidden;
  869. width: 79px;
  870. height: 79px;
  871. }
  872.  
  873. .audioimgwrapper img {
  874. width: 100%;
  875. height: auto;
  876. -webkit-border-radius: 40px;
  877. -moz-border-radius: 40px;
  878. border-radius: 40px;
  879. }
  880.  
  881. .trackdetails {
  882. width: auto;
  883. display:inline-block;
  884. margin-left: 90px;
  885. min-height: 85px;
  886. }
  887.  
  888. .audiowrapper {
  889. position: relative;
  890. display:inline-block;
  891. }
  892.  
  893. #quote {
  894.  
  895. text-transform: uppercase;
  896. font-family: Helvetica;
  897. color:#fff;
  898. letter-spacing: 3px;
  899. line-height: 11px;
  900. font-size: 11px;
  901. text-align: center;
  902. }
  903.  
  904. #source {
  905. text-transform: uppercase,bold;
  906. font-size: 7px;
  907. text-align:left;
  908. }
  909.  
  910. /* NAVIGATION */
  911.  
  912. .marcobartoli {
  913. text-align:center;
  914. width: auto;
  915. height:405px;
  916. padding:10px;
  917. margin-top: -20px;
  918. }
  919.  
  920. .marcobartoli a {
  921. margin-left:5px;
  922. margin-top:10px;
  923. display: inline-block;
  924. padding:8px;
  925. letter-spacing:1px;
  926. font-size:7px;
  927. font-family:arial;
  928. color: #fff;
  929. width:80px;
  930. text-align:center;
  931. -moz-transition-duration:0.8s;
  932. -webkit-transition-duration:0.8s;
  933. -o-transition-duration:0.8s;
  934. }
  935.  
  936.  
  937.  
  938.  
  939.  
  940.  
  941. /* tooltip! */
  942.  
  943.  
  944.  
  945. #s-m-t-tooltip{
  946. color:#ababab;
  947. background-color:#282625;
  948. display:none;
  949. text-align:center;
  950. position:absolute;
  951. z-index:9999999;
  952. border:1px solid #ababab;
  953. font-size:8px;
  954. font-family:'redalert';
  955. letter-spacing:1px;
  956. text-transform:uppercase;
  957. padding:0px 6px 0px 6px;
  958. margin-top:30px;
  959. -webkit-transition:all 0.1s ease-out
  960. -moz-transition:all 0.1s ease-out;
  961. transition:all 0.1s ease-out;
  962. }
  963.  
  964.  
  965.  
  966.  
  967. #musicicon {
  968. position: fixed;
  969. top: 20px;
  970. left: 20px;
  971. width: 26px;
  972. height: 26px;
  973. -webkit-transition: all .7s ease;
  974. -moz-transition: all .7s ease;
  975. -o-transition: all .7s ease;
  976. transition: all .7s ease;
  977. }
  978.  
  979. .micon {
  980. z-index: 1;
  981. width: 15px;
  982. background: transparent; /* music icon background */
  983. padding: 2px;
  984. width: 26px;
  985. height: 26px;
  986. border-radius: 4px;
  987. -webkit-transition: all .7s ease;
  988. -moz-transition: all .7s ease;
  989. -o-transition: all .7s ease;
  990. transition: all .7s ease;
  991. }
  992.  
  993. .micon:hover{
  994. border-top-left-radius: 4px;
  995. border-bottom-left-radius: 4px;
  996. border-top-right-radius: 0px;
  997. border-bottom-right-radius: 0px;
  998. }
  999.  
  1000. .micon img { width: 15px; margin: 5px; }
  1001.  
  1002. .musicplayer {
  1003. z-index: -1;
  1004. position: absolute;
  1005. margin-top: -30px;
  1006. background:transparent; /* music player background */
  1007. border: 0px solid #5ec6cb; /* music player border */
  1008. margin-left: 5px;
  1009. border-radius: 4px;
  1010. width: 0px;
  1011. padding: 9px;
  1012. overflow: hidden;
  1013. -webkit-transition: all .7s ease;
  1014. -moz-transition: all .7s ease;
  1015. -o-transition: all .7s ease;
  1016. transition: all .7s ease;
  1017. }
  1018.  
  1019. .mplayer { margin-left: -27px; }
  1020.  
  1021. #musicicon:hover .musicplayer {
  1022. margin-left: 29px;
  1023. width: 120px;
  1024. border-top-left-radius: 0px;
  1025. border-bottom-left-radius: 0px;
  1026. border-top-right-radius: 4px;
  1027. border-bottom-right-radius: 4px;
  1028. }
  1029.  
  1030. #musicicon:hover .micon {
  1031. border-top-left-radius: 4px;
  1032. border-bottom-left-radius: 4px;
  1033. border-top-right-radius: 0px;
  1034. border-bottom-right-radius: 0px;
  1035. }
  1036.  
  1037.  
  1038.  
  1039. #xian2 img {
  1040. float:right;
  1041. padding-left:2px;
  1042. }
  1043.  
  1044.  
  1045.  
  1046. .popupcontent {
  1047. position:absolute;
  1048. text-align:justify;
  1049. padding:20px;
  1050. width:367px;
  1051. height:480px;
  1052. overflow-y:scroll;
  1053. margin-left:347px;
  1054. margin-top:30px;
  1055. }
  1056.  
  1057. /*animation tutorial by octomoosey*/
  1058.  
  1059. /* the first two sections of css are just setting up our object. you can set the positioning and any colours, backgrounds etc as usual! */
  1060. .moose-animation{
  1061. position:fixed;
  1062. margin-left:10px;
  1063. margin-top:10px;
  1064. /* 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 */
  1065.  
  1066. /* 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 */
  1067.  
  1068. 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 */
  1069. 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 ) */
  1070. 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 */
  1071.  
  1072. /* Safari 4+, Android, Chrome */
  1073. -webkit-animation: bbounce linear 2.5s;
  1074. -webkit-animation-iteration-count: infinite;
  1075. -webkit-transform-origin: 50% 50%;
  1076.  
  1077. /* Fx 5+ */
  1078. -moz-animation: bbounce linear 2.5s;
  1079. -moz-animation-iteration-count: infinite;
  1080. -moz-transform-origin: 50% 50%;
  1081.  
  1082. /* Opera 12+ */
  1083. -o-animation: bbounce linear 2.5s;
  1084. -o-animation-iteration-count: infinite;
  1085. -o-transform-origin: 50% 50%;
  1086.  
  1087. /* IE 10+, Fx 29+ */
  1088. -ms-animation: bbounce linear 2.5s;
  1089. -ms-animation-iteration-count: infinite;
  1090. -ms-transform-origin: 50% 50%;}
  1091.  
  1092. .moose-animation img {
  1093. height:60px;
  1094. width:80px;
  1095. padding:5px;
  1096. background:transparent;}
  1097.  
  1098.  
  1099.  
  1100.  
  1101. </style>
  1102.  
  1103. <body>
  1104.  
  1105.  
  1106.  
  1107.  
  1108. <div id="links">
  1109. <div class="alinks">
  1110. <a href="/" title="refresh"><div class="moose-animation">❄︎</a>
  1111. </div></div></div>
  1112.  
  1113. <div class="blinks">
  1114. <a href="/ask" title="inquiries"><div class="moose-animation">❄</a>
  1115. </div></div>
  1116.  
  1117. <div class="clinks">
  1118. <a href="#?w=630" rel="03" class="poplight" title="navigation"><div class="moose-animation">❄</a>
  1119. </div></div>
  1120.  
  1121.  
  1122.  
  1123.  
  1124. </div>
  1125.  
  1126.  
  1127. <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>
  1128.  
  1129.  
  1130. <div id="container">
  1131.  
  1132. {block:Posts}
  1133. {block:ContentSource}<!-- {SourceURL}
  1134. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1135. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1136. {/block:ContentSource}
  1137.  
  1138. <div class="luxveritatis">
  1139.  
  1140. {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>
  1141. {/block:Text}
  1142.  
  1143.  
  1144.  
  1145. <center>{block:Photo}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/></center>{block:Caption}{/block:Caption}{/block:Photo} <!-- {block:NoRebloggedFrom}
  1146. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1147. {/block:NoRebloggedFrom} -->
  1148.  
  1149. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{/block:Caption}{/block:Panorama}
  1150.  
  1151. {block:Photoset}{Photoset-250}{block:Caption}{/block:Caption}{/block:Photoset}
  1152.  
  1153. <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>
  1154.  
  1155. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  1156.  
  1157. {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}
  1158.  
  1159. {block:Video}<center>{Video-250}</center>{block:Caption}{/block:Caption}{/block:Video}
  1160.  
  1161. {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}
  1162.  
  1163. {block:Caption}{Caption}{/block:Caption}
  1164.  
  1165. {block:Answer}
  1166. <div id="askheader"></div><div class="question">{Question}</div><br><br><br>
  1167. <div class="asker" style= "float:right;">{Asker}</div>
  1168. <div class="answer">
  1169. <div id="xian">{Answer}</div></div>
  1170. {/block:Answer}
  1171.  
  1172. {block:Date}<div id="info"><br>
  1173. <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;text-transform:uppercase;float:left;padding-left:8px;padding-bottom:5px;margin-top:-4px;"> details</a></a>
  1174.  
  1175.  
  1176. <a href="{ReblogURL}" title="reblog" style="font-family:arial;text-transform:uppercase;float:right;padding-right:14px;margin-bottom:8px;margin-top:-4px;">⤿</a> {/block:Date}
  1177. </div>
  1178. <div id="tags">{block:HasTags} {block:Tags}# <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  1179. <div class="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  1180.  
  1181.  
  1182. {block:AskEnabled}<a class="various3" href="http://www.tumblr.com/ask_form/{Name}.tumblr.com"></a>{/block:AskEnabled}
  1183.  
  1184.  
  1185.  
  1186.  
  1187. </div>
  1188.  
  1189. {/block:Posts}
  1190.  
  1191. </div>
  1192.  
  1193.  
  1194.  
  1195.  
  1196.  
  1197. </body>
  1198.  
  1199.  
  1200. <div id="03" class="popup_block">
  1201.  
  1202. <ul id="tabs" style="width:80px;margin-left:220px;margin-top:180px;align:right;">
  1203. <li class="active">RULES.</li>
  1204. <li>ABOUT.</li>
  1205. <li>VERSES.</li>
  1206. <li>EXCLUSIVES.</li>
  1207. <li>NAVIGATION.</li>
  1208. </ul>
  1209.  
  1210.  
  1211.  
  1212.  
  1213.  
  1214. <ul id="tab">
  1215. <li class="active">
  1216. <div style="width:285px;height:350px;overflow-y:scroll;overflow-x:hidden;margin-left:345px;margin-top:-125px; background:#030303; ">
  1217.  
  1218.  
  1219. <h3>DISCLAIMER.</h3>
  1220.  
  1221. <p align="center"><small>&nbsp;private, canon divergent and headcanon based<br /><em>Todoroki Shoto</em><br />#dualborn</small></p>
  1222. <p align="center"><strong>TL;DR SECTION.</strong></p>
  1223. <p align="center"><strong>&bull;&nbsp;be polite and respectful</strong><br /><strong>&bull;</strong>&nbsp;oc &amp; crossover friendly.<br /><strong>&bull;</strong>&nbsp;highly selective.<br /><strong>&bull;</strong>&nbsp;you don&rsquo;t need to match my length.<br /><strong>&bull; </strong>writer&nbsp;is busy, i won&rsquo;t always be here.<br /><strong>&bull;</strong>&nbsp;this blog will have a lot of triggers.<br /><strong>&bull;</strong>&nbsp;single ship &amp; multiverse.<br /><strong>&bull;</strong>&nbsp;i don&rsquo;t send in guideline passwords to prove they have been read.<br /><strong>&bull;</strong><strong>&bull;</strong>&nbsp;no smut with people under 18.<br /><strong>&bull;</strong>&nbsp;todoroki&nbsp;apologist.</p>
  1224.  
  1225. <h4>RULES</h4><br>
  1226.  
  1227.  
  1228. <b>I. highly selective.</b> i am selective with who i follow and who i want to interact with. it ain't personal, i simply can't interact with all my followers without overworking myself. i usually look for two to three of the same characters to actively rp with, however exceptions can be made.<br><br>
  1229.  
  1230. <b>II. follow & unfollow.</b> I check who follows and unfollows me. I will unfollow if you haven't followed me back in a time span of two weeks. I also will unfollow for too much dash clutter.<br><br>
  1231.  
  1232. <b>III.replies.</b> i try to do replies in chronological order but sometimes my motivation and muse die when i do this. thus i have decided i will reply to the threads i have most muse for first. <br><br>
  1233.  
  1234. <b>IV. triggers.</b> this blog will have triggers due to the character's background. mentions of abuse are likely to be present but shall be tagged.<br><br>
  1235.  
  1236. <b>V. shipping.</b> selective with shipping. i will only roleplay with one version of a character. i expect the same from my partner.<br><br>
  1237.  
  1238. <b>VI. exclusivity & mains.</b> always happy to! though i would prefer to know the writer better before deciding to do so.<br><br>
  1239.  
  1240. <b>VII. mutuals.</b> can ask for platforms to interact on aside from Tumblr (i.e Discord, Twitter)
  1241. <br><br>
  1242.  
  1243. <b>VIII. credit.</b> theme graphic is made by <a href="http://noquirk.tumblr.com">noquirk</a>. the theme code comes from [<a href="http://tcmbraider.tumblr.com/">x</a>] and adjustments have been done by me! The dashboard art was made by <a href="https://twitter.com/hegi_10">hegi 10</a>
  1244. <br><br>
  1245.  
  1246. </li>
  1247. <li>
  1248.  
  1249.  
  1250. <div style="width:285px;height:350px;overflow-y:scroll;overflow-x:hidden;margin-left:345px;margin-top:-125px; background:#030303; ">
  1251.  
  1252. <p><img src="https://78.media.tumblr.com/85ad3e6ebfea6a0fada26feb7c7c232e/tumblr_inline_p1oenpd8JG1v777s2_500.png" /><img src="https://78.media.tumblr.com/76fdcba36b789616f910bd10ec314319/tumblr_inline_p1oentfSd81v777s2_500.png" /><img src="https://78.media.tumblr.com/d6e48c241432cc8c71aa624038c02f89/tumblr_inline_p1oenySPJG1v777s2_500.png" /></p>
  1253.  
  1254.  
  1255. <p><em>Name:&nbsp;</em>shoto todoroki.</p>
  1256. <p><em>Name meaning:</em></p>
  1257. <blockquote><strong>shoto.</strong>&nbsp;burn, scorch, frozen, congeal
  1258. <p><strong>todorki.</strong>&nbsp;roar, thunder, boom resound</p>
  1259. </blockquote>
  1260. <p><em>pronouns: </em>he / him.</p>
  1261. <p><em>gender:</em> male.</p>
  1262. <p><em>age:</em>&nbsp;16.</p>
  1263. <p><em>birthday: </em>11th of january.&nbsp;</p>
  1264. <p><em>species:</em> human.</p>
  1265. <p><em>nationality:</em> japanese.</p>
  1266. <p><em>class:</em>&nbsp;upperclass.&nbsp;</p>
  1267. <p><em>occupation:</em>&nbsp; hero in training.&nbsp;</p>
  1268. <p><strong>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; physical</strong></p>
  1269. <p><em>height: </em>176cm (5&rsquo; 9&frac14;)</p>
  1270. <p><em>hair:</em>&nbsp;white (right side) red (left side)</p>
  1271. <p><em>eyes:&nbsp;</em>grey (right side) turquoise (left side)&nbsp;</p>
  1272. <p><strong>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; personality</strong></p>
  1273. <p><em>personality:&nbsp;</em><em>a</em>t first glance shoto may seem distant, aloof and stoic. In both attitude and words he makes it clear that he has no interest in making friends. despite showing concern for his classmates, it doesn&rsquo;t seem genuine at all but it&rsquo;s rather something he does because it is expected of him.</p>
  1274. <p>the cold and stoic nature stems largely from his harsh upbringing as he was raised as an object rather than a son. he witnessed plenty of abuse towards his mother and himself. with his mother eventually taken away he began to isolate himself in order to shield himself from that pain.</p>
  1275. <p>to say the least his isolation has taken a toll on him. he, however, isn&rsquo;t emotionless and certainly not a mute but it becomes quickly clear that he lacks the social skills necessary for a boy his age. while he is not unkind or disrespectful he has trouble reading the mood. he tends to be overly serious and cannot read when to be serious or when to be casual. he does try to improve himself more by opening up a little to his fellow classmates.&nbsp;</p>
  1276. <p>by all means, do not hesitate to approach him, but be careful he still does not know what a filter is and he may a be a tad bit too honest.</p>
  1277. <p><em>alignment: </em>neutral&nbsp;good. A neutral good character does the best that a good person can do. He is devoted to helping others. He works with kings and magistrates but does not feel beholden to them. Neutral good is the best alignment you can be because it means doing what is good without bias for or against&nbsp;order.&nbsp;Neutral good can be a dangerous alignment when it advances mediocrity by limiting the actions of the truly capable.</p>
  1278. <p><em>mbti:&nbsp;</em>INTJ, INTJs are strong individualists who seek new angles or novel ways of looking at things. They enjoy coming to new understandings. They are insightful and mentally quick; however, this mental quickness may not always be outwardly apparent to others since they keep a great deal to themselves. They are very determined people who trust their vision of the possibilities, regardless of what others think. They may even be considered the most independent of all of the sixteen personality types. INTJs are at their best in quietly and firmly developing their ideas, theories, and principles.</p>
  1279. <p><strong>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; abilities</strong></p>
  1280. <p><em>half hot half cold:&nbsp;</em></p>
  1281. <p>shoto's&nbsp;quirk gives him the ability freeze with the right half of his body and burn with the left half. the appendages on his right side can drastically lower temperatures of anything they touch, enough so to create large waves of ice. the limbs on his left side generate heat and allow shoto to create and shoot streams of fire.</p>
  1282. <p>the drawback to his quirk arises from his need to maintain his own body temperature, as excessive use of his ice power causes shoto to suffer from frostbite. the frost that covers his body slows him down physical and weakens the strength and speed of his ice attacks. however, this weakness can be counteracted if shoto uses his left side to offset the low temperature.&nbsp;<br />another shortcoming is that shoto is unable to fully control the fire and ice he generates. while he is capable of using these two abilities simultaneously, he has said that he isn&rsquo;t used to doing this, and still needs practice in dual wielding his quirk.</p>
  1283. <p><em>giant wall of ice:</em></p>
  1284. <p>shoto creates an enormous ice glacier.</p>
  1285. <p><em>enhanced durability:</em></p>
  1286. <p>shoto has proven himself to be quite resilient, being able to withstand multiple of izuku midoriya&rsquo;s attacks, including a direct, one for all-enhanced punch to the stomach, without sustaining major injuries.</p>
  1287. <p><em>enhanced endurance:</em></p>
  1288. <p>shoto has shown to be able to endure combat even while injured, such as in his battle with stain, where he is able to continue fighting and supporting his allies despite suffering from multiple bleeding injuries on his arm and face, and still to drag the villain&rsquo;s unconscious body once the battle is over.</p>
  1289. <p><em>enhanced agility:</em></p>
  1290. <p>shoto is fast and agile and has quick reflexes, being able to create ice walls in a split second in order to prevent himself form getting thrown out of the ring during his battles with izuku and katsuki during the sports festival. he is also able to partially dodge a knife thrown at his face and several other attacks by chizome, a notably agile opponent.</p>
  1291.  
  1292.  
  1293.  
  1294. </li>
  1295. <li>
  1296.  
  1297.  
  1298. <div style="width:285px;height:350px;overflow-y:scroll;overflow-x:hidden;margin-left:345px;margin-top:-125px; background:#030303; ">
  1299.  
  1300.  
  1301. <b><center>childhood.</center></b>
  1302. <hr>
  1303. <img src="https://static.tumblr.com/2of5gjx/tPIp3xj7w/5.png" style=float:left;>
  1304. <br><br><b>AGE</b> 5-12
  1305. <br><b>VERSE</b> Verse 001.<br><br><br> <center>
  1306. <div class="versebox_list">
  1307. <div class="versebox_head">More Info</div>
  1308. <div class="versebox_body">A verse that covers both pre and post burn. In this first Shoto’s quirk(s) begin to manifest. It is also during this time where he becomes subject to his father’s harsh training and witnesses how his mother gets beaten while trying to protect him from this training. Not being allowed to interact with his siblings and eventually his mother turning ‘against’ him. It all resulted into a lonely and harsh childhood in which he today still suffers from.</div></center><p>
  1309.  
  1310.  
  1311. <b><center>rebellion.</center></b>
  1312. <hr>
  1313. <img src="https://static.tumblr.com/2of5gjx/lVDp3xjc2/8.png" style=float:left;>
  1314. <br><br><b>AGE</b> 13-16
  1315. <br><b>VERSE</b> Verse 002.<br><br><br> <center>
  1316. <div class="versebox_list">
  1317. <div class="versebox_head">More Info</div>
  1318. <div class="versebox_body">Tired of his father’s harsh training and lessons Shoto decides that he no longer will do what the man wants or says and goes in rebellion. Refusing to use his fire quirk and going as far to do anything against the man’s wishes just to spite his dad.</div></center><p>
  1319.  
  1320. <b><center>acceptance.</center></b>
  1321. <hr>
  1322. <img src="https://static.tumblr.com/2of5gjx/t2Hp3xjf3/9.png" style=float:left;>
  1323. <br><br><b>AGE</b> 16
  1324. <br><b>VERSE</b> Verse main.<br><br><br> <center>
  1325. <div class="versebox_list">
  1326. <div class="versebox_head">More Info</div>
  1327. <div class="versebox_body">Shoto has come to accept his left side and fire quirk. He has begun to regularly visits his mother and continues to strive the hero his mother and he wants to be.</div></center><p>
  1328.  
  1329. <b><center>(AU) fantasy.</center></b>
  1330. <hr>
  1331. <img src="https://static.tumblr.com/2of5gjx/Z6np3xjfi/2.png" style=float:left;>
  1332. <br><br><b>AGE</b> 16
  1333. <br><b>VERSE</b> Verse 004.<br><br><br> <center>
  1334. <div class="versebox_list">
  1335. <div class="versebox_head">More Info</div>
  1336. <div class="versebox_body">third prince and heir to the throne. his father is a tyrant than has plunged his country into an endless war. shoto has fled his country in search for aid to find his mother and bring his father's tyranny to an end.</div></center><p>
  1337.  
  1338. <b><center>(AU) villain.</center></b>
  1339. <hr>
  1340. <img src="https://static.tumblr.com/2of5gjx/BEhp3xj9m/7.png" style=float:left;>
  1341. <br><br><b>AGE</b> 16
  1342. <br><b>VERSE</b> Verse 005.<br><br><br> <center>
  1343. <div class="versebox_list">
  1344. <div class="versebox_head">More Info</div>
  1345. <div class="versebox_body">his dream of becoming a hero nothing but crushed by the one who should have been his idol - his father. having lost faith in heroes and the world the boy found himself leaning towards the sides of the villains. not for justice, not to make things right in the world again like stain wanted it to be. but simply to reject everything that his father wanted him to be. while in his heart he isn't necessarily an evil person he has simply lost his ability to care about anything and anyone (including himself). by committing these acts of evils he aims to cause an uproar and dethrone his dad from his number one position. petty crimes or actual murder he no longer cares as long the man suffers. the world can burn for all he cares. </div></center><p>
  1346.  
  1347. <b><center>(AU) overwatch.</center></b>
  1348. <hr>
  1349. <img src="https://static.tumblr.com/2of5gjx/fGnp3zjdq/13.png" style=float:left;>
  1350. <br><br><b>AGE</b> 18
  1351. <br><b>VERSE</b> Verse 006.<br><br><br> <center>
  1352. <div class="versebox_list">
  1353. <div class="versebox_head">More Info</div>
  1354. <div class="versebox_body">his father enji todoroki is a general in japan's self defence forces. with the constant threat of omnic attacks he took it upon himself to create a special force (an experiment you may call it) by using his own children. from a young age they were trained to be a soldier and nothing else. the training sessions were rough and harsh but nontheless effective. upon reaching the age of 18 he and one of his brothers (codename: dabi) left the force after a disagreement while the other two remained. shoto now wanders the world alone as a vigilante trying to find his place in the world and saving those in need.<p> <strong>passive:</strong> his boots generate ice making him faster and allowing him to wallride<p>
  1355. <strong>left click:</strong> his gun serves as a flamethrower<p>
  1356. <strong>E:</strong> Freeze punch, a punch that takes a while to charge but if it connects with an opponent it instantly freezes them for a duration of 1 second. </strong><p
  1357. <strong>Shift:</strong> Flame shield, flames surround him negating incoming damage for 2 seconds, however the shield damages allies. </strong><p>
  1358. <strong>Q:</strong> Half Hot Half Cold, firing a cold projectile that slows the target (but does little to no damage) if the first projectile connects with an enemy he may fire another projective which is a projectile made out of flames which does significantly more damage (but no more than 150hp) </strong><p></div></center><p>
  1359.  
  1360. <b><center>(AU) pokemon.</center></b>
  1361. <hr>
  1362. <img src="https://static.tumblr.com/2of5gjx/cLpp3xjgk/10.png" style=float:left;>
  1363. <br><br><b>AGE</b> 16
  1364. <br><b>VERSE</b> Verse 006.<br><br><br> <center>
  1365. <div class="versebox_list">
  1366. <div class="versebox_head">More Info</div>
  1367. <div class="versebox_body">A trainer original from the kanto region who has journey both through the kanto and alola regions. His pokemon team includes: vulpix (alolan) vulpix (kanto), absol, snover, nidoking and victini. <p>He also owns a glaceon, flareon, delphox, weavile and a zangoose. They can can be found at his sister’s place back in his hometown.</div></center><p>
  1368.  
  1369. <b><center>(AU) fate.</center></b>
  1370. <hr>
  1371. <img src="https://static.tumblr.com/2of5gjx/8Ihp3xjk7/11.png" style=float:left;>
  1372. <br><br><b>AGE</b> 16
  1373. <br><b>VERSE</b> Verse 007.<br><br><br> <center>
  1374. <div class="versebox_list">
  1375. <div class="versebox_head">More Info</div>
  1376. <div class="versebox_body">a master in the holy grail war he has no wish for at the end of the grail war due to being forced to participate by his father. he hopes to find it during the war. </div></center><p>
  1377.  
  1378. </p>
  1379.  
  1380. </li>
  1381. <li>
  1382.  
  1383. <div style="width:285px;height:350px;overflow-y:scroll;overflow-x:hidden;margin-left:345px;margin-top:-125px; background:#030303; ">
  1384.  
  1385. <h4>Mains</h4>
  1386.  
  1387. <h3>bakugou katsuki.</h3>
  1388. <img src="https://static.tumblr.com/2of5gjx/3rYp3xjre/bakugou.png" style=float:left;>
  1389. <b>URL: <i>blastborn</i></b><br>
  1390. <b>RELATIONSHIP:</b> <i>rivals.</i>.<br>
  1391. <b>VERSE:</b> <i>main</i><br><br><p>
  1392.  
  1393. <h3>momo yaoyorozu.</h3>
  1394. <img src="https://static.tumblr.com/2of5gjx/sVfp3xjsl/momo.png" style=float:left;padding:4px;><b>URL: <i>materialborn</i></b><br>
  1395. <b>RELATIONSHIP:</b> <i>friends. </i>.<br>
  1396. <b>VERSE:</b> <i>main</i><br><br>
  1397.  
  1398.  
  1399. <h3>uraraka ochaco.</h3>
  1400. <img src="https://static.tumblr.com/2of5gjx/g5sp3xjni/ochaco.png" style=float:left;padding:4px;><b>URL: <i>gravityborn</i></b><br>
  1401. <b>RELATIONSHIP:</b> <i>friends. </i>.<br>
  1402. <b>VERSE:</b> <i>main</i><br><br>
  1403.  
  1404.  
  1405.  
  1406.  
  1407. </li>
  1408. <li>
  1409.  
  1410. <div style="width:285px;height:350px;overflow-y:scroll;overflow-x:hidden;margin-left:345px;margin-top:-125px; background:#030303; ">
  1411.  
  1412. <h3>navigation</h3>
  1413. <div class="marcobartoli">
  1414. <!-- copy / delete these for every link you wish to add / remove! -->
  1415. <p><a href="/tagged/%E2%9C%A7*.%20%E2%80%94%20(%20a%20question%20only%20he%20can%20answer%20)">Answered.</a> <a href="/tagged/%E2%9C%A7*.%20%E2%80%94%20(%20made%20of%20dreams%20and%20broken%20things%20)">Headcanons.</a> <a href="/tagged/%E2%9C%A7*.%20%E2%80%94%20(%20but%20i%20am%20a%20warrior%20-%20and%20the%20fight%20goes%20on%20)">Isms.</a>&nbsp;<a href="/petite">Mun.</a> <a href="/tagged/%E2%9C%A7*.%20%E2%80%94%20(%20time%20for%20some%20hot%20choco%20)">OOC.</a> <a href="/tagged/%E2%9C%A7*.%20%E2%80%94%20(%20a%20tale%20of%20an%20upcoming%20hero%20)">Promos.</a></p>
  1416. <h3>Characters</h3>
  1417. <p><a href="/tagged/%E2%9C%A7*.%20%E2%80%94%20(%20he%20fell%20before%20he%20learnt%20how%20to%20fly%20)">todoroki.</a>&nbsp;<a href="/tagged/%E2%9C%A7*.%20%E2%80%94%20(%20gentle%20snowflake%20melted%20by%20flames%20)">mother.</a>&nbsp;<a href="/tagged/%E2%9C%A7*.%20%E2%80%94%20(%20all%20he%20knew%20was%20how%20to%20burn%20)">enji.</a>&nbsp;<a href="/tagged/%E2%9C%A7*.%20%E2%80%94%20(%20hailstorm%20disguised%20as%20the%20winter%20sun%20)">fuyumi.</a>&nbsp;<a href="/tagged/%E2%9C%A7*.%20%E2%80%94%20(%20committing%20evil%20for%20the%20sake%20of%20good%20)">dabi.</a>&nbsp;<a href="/tagged/%E2%9C%A7*.%20%E2%80%94%20(%20we%20are%20stronger%20together%20)">classmates.</a>&nbsp;</p>
  1418. <h3>People</h3>
  1419. <p><a href="/someday%20ill%20think%20of%20a%20tag">blastborn.</a>&nbsp;<a href="/tagged/%E2%9C%A7*.%20%E2%80%94%20(%20you%20are%20like%20the%20sun%20-%20guiding%20me%20home%20)">gravityborn.</a>&nbsp;<a href="/tagged/%E2%9C%A7*.%20%E2%80%94%20(%20my%20voice%20of%20reason%20-%20made%20my%20home%20your%20heartbeat%20)">materialborn.</a></p>
  1420.  
  1421. </li>
  1422. </ul>
  1423.  
  1424.  
  1425.  
  1426. </div></div></div>
  1427. </div></div></div>
  1428.  
  1429.  
  1430. </div></div></div>
  1431. </div>
  1432.  
  1433. </html>
  1434.  
  1435. <!--
  1436.  
  1437. -->
  1438.  
  1439.  
  1440.  
  1441.  
  1442. <div id="cabal">
  1443. <div style="width:auto;height:135px;overflow:scroll;padding:2px;font-size:10px;font-family:arial;text-transform:lowercase;
  1444. opacity: 1;background:#030303">
  1445. <h3>you are a blizzard you are an inferno</h3>
  1446.  
  1447. Private, Selective & canon divergent + headcanon based<p> <center><i>shouto todoroki</i></center><p>
  1448.  
  1449. <p><center> As adored by<big> <i>alicia</i></big><br>
  1450. 21 she/her<p></center>
  1451. <p> <p>
  1452.  
  1453.  
  1454.  
  1455. <h3>born of an hailstorm & born of a hellfire.</h3>
  1456. Please read the rules & pages before interacting!
  1457.  
  1458.  
  1459. </center>
  1460.  
  1461.  
  1462.  
  1463.  
  1464. </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!