Advertisement
CartoonCartoons

Rabbiku

Sep 24th, 2020 (edited)
64
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.76 KB | None | 0 0
  1. ---------PLEAD READ DO NOT COPY AND PASTE THE WHOLE THING-------------
  2.  
  3. -------COPY AND PASTE INTO STYLE------------
  4.  
  5. @import url('//fonts.googleapis.com/css?family=Bungee Shade');
  6. @import url('//fonts.googleapis.com/css?family=Plaster');
  7. @import url('//fonts.googleapis.com/css?family=Emblema One');
  8. @import url('//fonts.googleapis.com/css?family=Press Start 2P');
  9. @import url('//fonts.googleapis.com/css?family=Jomhuria');
  10. @import url('//fonts.googleapis.com/css?family=Audiowide');
  11. @import url('//fonts.googleapis.com/css?family=Bangers');
  12.  
  13. ::-webkit-scrollbar {width: 0px; height: 0px; background: #; }
  14. ::-webkit-scrollbar-thumb { background-color:#; border-radius:0px;}
  15.  
  16. body{overflow:hidden;background-image: linear-gradient(250deg, #000711, #000);}
  17.  
  18. h1{font-family:'Emblema One';font-size:30px;line-height:20px;color:#fff;text-shadow:2px 2px 0px #E740AF;text-align:center;}
  19.  
  20. h2{font-family:'Press Start 2P';font-size:11px;line-height:10px;color:#E740AF;text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}
  21.  
  22. h3{font-family:'Press Start 2P';width:auto;font-size:9px;line-height:20px;border-radius:5px;color:#000;font-size:20px;padding:5px 5px;text-align:center;}
  23.  
  24. ib{background-color:#E740AF;box-shadow:2px 2px 0px #fffff0;border-radius:5px;width:80px;padding:5px;line-height:39px;color:#fffff0;text-shadow:0px 0px 2px #fffff0;letter-spacing:2px;font-size:25px;}
  25.  
  26. bi{background-color:#fffff0;box-shadow:2px 2px 0px #E740AF;border-radius:5px;width:80px;padding:5px;line-height:39px;color:#E740AF;text-shadow:0px 0px 1px #E740AF;font-size:25px;}
  27.  
  28. i{font-style:italic;color:#E740AF;text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}
  29.  
  30. b{font-style:italic;color:#fffff0;text-shadow: 2px 0 0 #E740AF, -2px 0 0 #E740AF, 0 2px 0 #E740AF, 0 -2px 0 #E740AF, 1px 1px #E740AF, -1px -1px 0 #E740AF, 1px -1px 0 #E740AF, -1px 1px 0 #E740AF;letter-spacing:4px;}
  31.  
  32. bii{border-bottom:2px solid #E740AF;box-shadow:0px 2px 0px #fff;width:180px;height:93px;overflow-y:scroll;display:inline-block;padding:5px;border-radius:0px 0px 5px 0px;}
  33.  
  34. a:link, a:visited, a:active{color: #E740AF; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;text-shadow:0px 0px 2px #E740AF;}
  35.  
  36. a:hover { color: #000; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; }
  37.  
  38. .overlay{width:100%;height:100%;background-image:url(https://www.transparenttextures.com/patterns/crissxcross.png);background-repeat:repeat;left:0px;right:0px;z-index:1;}
  39.  
  40. #container{position:absolute;left:180px;bottom:95px;width:940px;height:0px;border-radius:10px 40px 0px 45px;border-top:10px solid #1A8EE8;border-left:4px dashed #1A8EE8;transition: all 1s ease-in-out;}
  41.  
  42. #container:hover{border-top:6px solid #1A8EE8;height:450px;transition: all 1s ease-in-out;}
  43.  
  44. .main{position:absolute;background-image:url(https://i.imgur.com/eTUm24c.jpeg);background-size:100%;background-repeat:no-repeat;left:10px;bottom:10px;width:320px;height:0px;opacity:0;border-radius:10px 10px 10px 40px;box-shadow:5px 5px 1px #FE69D7;border-right:4px solid #fffff0;border-bottom:4px solid #fffff0;transition: all 1s ease-in-out;}
  45.  
  46. #container:hover .main{opacity:1;height:425px;transition: all 1s ease-in-out;}
  47.  
  48. .title{position:absolute;font-family:'Bungee Shade';font-size:40px;color:#fff;text-shadow:-4px 3px 0px #E740AF;opacity:1;left:10px;bottom:0px;line-height:40px;transition: all 1s ease-in-out;}
  49. #container:hover .title{bottom:450px;transition: all 1s ease-in-out;}
  50.  
  51. .tbox{position:absolute;opacity:0;left:600px;bottom:10px;width:320px;height:0px;background-color:#1A8EE8;border-radius:10px 40px 10px 10px;box-shadow:5px 5px 1px #FE69D7;border-right:4px solid #fffff0;border-bottom:4px solid #fffff0;transition: all 1s ease-in-out;}
  52.  
  53. #container:hover .tbox{opacity:1;height:425px;transition: all 1s ease-in-out;}
  54.  
  55. .text{position:absolute;opacity:0;left:610px;bottom:25px;width:300px;height:0px;border-top:2px solid #FE69D7;border-left:2px solid #FE69D7;border-radius:10px 40px 10px 10px;transition: all 1s ease-in-out;}
  56.  
  57. .words{position:absolute;opacity:0;left:620px;bottom:27px;width:287px;height:0px;background-color:#fff;border-radius:10px 40px 10px 10px;transition: all 1s ease-in-out;}
  58.  
  59. #container:hover .words{opacity:.3;height:395px;transition: all 1s ease-in-out;}
  60.  
  61. #container:hover .text{opacity:1;height:405px;transition: all 1s ease-in-out;}
  62.  
  63. #tab1,#tab2,#tab3,#tab4,#tab5,#tab6,#tab7{opacity:0;}
  64.  
  65. #tabbed1,#tabbed2,#tabbed3,#tabbed4,#tabbed5,#tabbed6,#tabbed7{opacity: 0;position: absolute;transition: all 1s ease-in-out;color:#fff;font-family:'Jomhuria', sans-serif;font-size: 24px;line-height: 20px;left:620px;bottom:0px;width:280px;height:0px;overflow-y:scroll;padding:5px;border-radius:10px 40px 10px 10px;}
  66.  
  67. #container:hover #tabbed1,#tabbed2,#tabbed3,#tabbed4,#tabbed5,#tabbed6,#tabbed7{opacity: 0;position: absolute;transition: all 1s ease-in-out;line-height: 18px;height:0px;overflow-y:scroll;padding:5px;border-radius:10px 40px 10px 10px;}
  68.  
  69. #Tab1:checked ~ #container:hover #topt #tabbed1,
  70. #Tab2:checked ~ #container:hover #topt #tabbed2,
  71. #Tab3:checked ~ #container:hover #topt #tabbed3,
  72. #Tab4:checked ~ #container:hover #topt #tabbed4,
  73. #Tab5:checked ~ #container:hover #topt #tabbed5,
  74. #Tab6:checked ~ #container:hover #topt #tabbed6,
  75. #Tab7:checked ~ #container:hover #topt #tabbed7{opacity: 1;z-index:10;height:385px;}
  76.  
  77. #Tab1:checked ~ #container:hover .main,#Tab1:checked ~ #container:hover .main{
  78. background-image:url(https://i.imgur.com/0O5TpdC.png);background-size:cover;background-position:50% 50%;opacity:1;z-index:5;transition: all 1s ease-in-out;}
  79.  
  80. #Tab2:checked ~ #container:hover .main,#Tab2:checked ~ #container:hover .main{
  81. background-image:url(https://i.imgur.com/pqf81wq.png);background-size:cover;background-position:50% 50%;opacity:1;z-index:5;transition: all 1s ease-in-out;}
  82.  
  83. #Tab3:checked ~ #container:hover .main,#Tab3:checked ~ #container:hover .main{
  84. background-image:url(https://i.imgur.com/Fm3M1Vy.jpeg);background-size:cover;background-position:50% 50%;opacity:1;z-index:5;transition: all 1s ease-in-out;}
  85.  
  86. #Tab4:checked ~ #container:hover .main,#Tab4:checked ~ #container:hover .main{
  87. background-image:url(https://i.imgur.com/blGfFlt.png);background-size:cover;background-position:50% 50%;background-color:#000711;opacity:1;z-index:5;transition: all 1s ease-in-out;}
  88.  
  89. #Tab6:checked ~ #container:hover .main,#Tab6:checked ~ #container:hover .main{
  90. background-image:url(https://i.imgur.com/0O5TpdC.png);background-size:cover;background-position:50% 50%;background-color:#000711;opacity:1;z-index:5;transition: all 1s ease-in-out;}
  91.  
  92. #Tab7:checked ~ #container:hover .main,#Tab7:checked ~ #container:hover .main{
  93. background-image:url(https://i.imgur.com/pqf81wq.png);background-size:cover;background-position:50% 50%;background-color:#000711;opacity:1;z-index:5;transition: all 1s ease-in-out;}
  94.  
  95.  
  96. .holder{position:absolute;z-index:4;opacity:0;left:347px;height:0px;bottom:0px;transition: all 1s ease-in-out;}
  97. #container:hover .holder{height:405px;z-index:10;opacity: 1;transition: all 1s ease-in-out;}
  98.  
  99. .button{opacity:1;z-index:10;left:5px;background-image:url(http://i.picpar.com/huXe.png);background-repeat:no-repeat;background-size:30%;background-position:105% 65%;background-color:#1A8EE8;padding:0px 5px;width:220px;border:2px solid #022B6B;position:absolute;border-radius:5px;font-family:'Plaster';text-align:left;color:#fffff0;text-shadow:2px 2px 0px #E740AF;font-size:25px;transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;cursor: help;}
  100. .button:hover{background-color:#FE8BE2;border:2px solid #E740AF;color:#1A8EE8;text-shadow:2px 2px 0px #fff;transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
  101.  
  102. .button2{opacity:1;z-index:10;left:5px;background-image:url(http://i.picpar.com/huXe.png);background-repeat:no-repeat;background-size:30%;display:inline-block;background-position:5% 65%;background-color:#1A8EE8;padding:0px 5px;width:220px;border:2px solid #022B6B;position:absolute;border-radius:5px;font-family:'Plaster';text-align:right;color:#fffff0;text-shadow:2px 2px 0px #E740AF;font-size:25px;transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;cursor: help;}
  103. .button2:hover{background-color:#FE8BE2;border:2px solid #E740AF;color:#1A8EE8;text-shadow:2px 2px 0px #fff;transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
  104.  
  105.  
  106. .button3{opacity:1;z-index:10;left:5px;background-image:url(http://i.picpar.com/huXe.png);background-repeat:no-repeat;background-size:30%;background-position:105% 65%;background-color:#1A8EE8;padding:0px 5px;width:220px;border:2px solid #022B6B;position:absolute;border-radius:5px;font-family:'Plaster';text-align:left;color:#fffff0;text-shadow:2px 2px 0px #E740AF;font-size:25px;transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;cursor: help;}
  107. .button3:hover{background-color:#FE8BE2;border:2px solid #E740AF;color:#1A8EE8;text-shadow:2px 2px 0px #fff;transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
  108.  
  109. .button4{opacity:1;z-index:10;left:5px;background-image:url(http://i.picpar.com/huXe.png);background-repeat:no-repeat;background-size:30%;display:inline-block;background-position:5% 65%;background-color:#1A8EE8;padding:0px 5px;width:220px;border:2px solid #022B6B;position:absolute;border-radius:5px;font-family:'Plaster';text-align:right;color:#fffff0;text-shadow:2px 2px 0px #E740AF;font-size:25px;transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;cursor: help;}
  110. .button4:hover{background-color:#FE8BE2;border:2px solid #E740AF;color:#1A8EE8;text-shadow:2px 2px 0px #fff;transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
  111.  
  112. .button5{opacity:1;z-index:10;left:5px;background-image:url(http://i.picpar.com/huXe.png);background-repeat:no-repeat;background-size:30%;background-position:105% 65%;background-color:#1A8EE8;padding:0px 5px;width:220px;border:2px solid #022B6B;position:absolute;border-radius:5px;font-family:'Plaster';text-align:left;color:#fffff0;text-shadow:2px 2px 0px #E740AF;font-size:25px;transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;cursor: help;}
  113. .button5:hover{background-color:#FE8BE2;border:2px solid #E740AF;color:#1A8EE8;text-shadow:2px 2px 0px #fff;transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
  114.  
  115. .button6{opacity:1;z-index:10;left:5px;background-image:url(http://i.picpar.com/huXe.png);background-repeat:no-repeat;background-size:30%;display:inline-block;background-position:-12% 65%;background-color:#1A8EE8;padding:0px 5px;width:220px;border:2px solid #022B6B;position:absolute;border-radius:5px;font-family:'Plaster';text-align:right;color:#fffff0;text-shadow:2px 2px 0px #E740AF;font-size:25px;transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;cursor: help;}
  116. .button6:hover{background-color:#FE8BE2;border:2px solid #E740AF;color:#1A8EE8;text-shadow:2px 2px 0px #fff;transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
  117.  
  118. .button7{opacity:1;z-index:10;left:5px;background-image:url(http://i.picpar.com/huXe.png);background-repeat:no-repeat;background-size:30%;background-position:105% 65%;background-color:#1A8EE8;padding:0px 5px;width:220px;border:2px solid #022B6B;position:absolute;border-radius:5px;font-family:'Plaster';text-align:left;color:#fffff0;text-shadow:2px 2px 0px #E740AF;font-size:25px;transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;cursor: help;}
  119. .button7:hover{background-color:#FE8BE2;border:2px solid #E740AF;color:#1A8EE8;text-shadow:2px 2px 0px #fff;transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
  120.  
  121. #topt{opacity:1;left:0px;bottom:27px;width:280px;height:385px;position:absolute;border-radius:10px 40px 10px 10px;}
  122.  
  123. #topt{opacity: 1; transition: all 1s ease-in-out;}
  124.  
  125. #container:hover #topt{opacity: 1; transition: all 1s ease-in-out;}
  126.  
  127. .pics{width:150px;height:150px;border:4px solid #fff;box-shadow:3px 3px 0px #E740AF;border-radius:5px;}
  128. .pics:hover{border:4px solid #E740AF;box-shadow:3px 3px 0px #fff;}
  129.  
  130. .friend{width:80px;height:90px;border-radius:5px;;border:4px solid #fff;box-shadow:3px 3px 0px #E740AF;display:inline;spacing:5px;}
  131. .friend:hover{border:4px solid #E740AF;box-shadow:3px 3px 0px #fff;}
  132.  
  133. .inv{border:2px solid #000;width:262px;font-family:'Press Start 2P';padding:5px;font-size:8px;border-radius:5px;background-color:#fffff0;color:#000;}
  134.  
  135. .credit{position:absolute;right:2px;bottom:0px;z-index:100;font-family:'Audiowide';font-size:15px;}
  136.  
  137.  
  138. --------END STYLE----------
  139.  
  140.  
  141.  
  142. -------------COPY AND PASTE INTO BODY------------
  143.  
  144. <input type="radio" name="HubSwitch" id="Tab1">
  145. <input type="radio" name="HubSwitch" id="Tab2">
  146. <input type="radio" name="HubSwitch" id="Tab3">
  147. <input type="radio" name="HubSwitch" id="Tab4">
  148. <input type="radio" name="HubSwitch" id="Tab5">
  149. <input type="radio" name="HubSwitch" id="Tab6">
  150. <input type="radio" name="HubSwitch" id="Tab7">
  151.  
  152. <div class="overlay"></div>
  153.  
  154. <div id="container">
  155. <div class="main"></div>
  156. <div class="title">RABBIKU【兎】</div>
  157. <div class="tbox"></div>
  158. <div class="text"></div>
  159. <div class="words"></div>
  160.  
  161. <div id="topt">
  162. <div id="tabbed1">
  163. <h1>【Statistics】</h1>
  164.  
  165. <ib>NAME</ib><bi>Rabbiku</bi><br>
  166.  
  167. <ib>ALIAS</ib><bi>"Rab" - "Baby Bun" - "Rabbi"</bi><br>
  168.  
  169. <ib>GENDER/SEX</ib><bi>Male</bi><br>
  170.  
  171. <ib>AGE</ib><bi>24</bi><br>
  172.  
  173. <ib>HEIGHT</ib><bi>5'8"</bi><br>
  174.  
  175. <ib>ORIENTATION</ib><bi>Heterosexual</bi><br>
  176.  
  177. <ib>MARITAL</ib><bi>Single</bi><br>
  178.  
  179. <ib>OCCUPATION</ib><bi>Transporter</bi><br>
  180.  
  181.  
  182. </div>
  183.  
  184. <div id="tabbed2">
  185. <h1>【About】</h1>
  186.  
  187. <img src="https://i.imgur.com/6RnKiSn.png" width="40%" align="right">Rabbiku is an usagi-jin, sporting rabbit ears instead of a normal humans. These give him above-average hearing, but he also has a few other traits given to him by his race, but those are not so obvious initially. Androgynous looking if you were just to see his face, his masculine energy and poise lead you to instantly know he is more of a pretty boy than a "femboy". Often seen in a slightly over-sized hoody, baggy pants, and a massive backpack.
  188. <br><br>
  189. Rabbiku is head of his own transport business, "Jisatsu Usagi 自殺うさぎ Transporter Services" also known as "【<b>JUTS</B>】", which operates out of the Mutoken Slums. While he is the lone employee, he takes his job <i>very</i> seriously.<img src="https://i.imgur.com/m2vvsZh.png" width="40%" align="right"> Transporting anything with complete secrecy, ranging from personal letters to human trafficking. Standing within his way normally prompts him to one of three actions; 01. Talking himself out of the situation, 02. Fleeing, 03. Killing whomever seeks to get in his way. They are normally performed in this order as to try and not take someone's life, but he is more than capable and willing.
  190. <br><br>
  191.  
  192. Charismatic, aloof, and generally harmless, his personality is one of staying calm and cool. Ever the talker, he can prove to be a chatterbox and socialite, but for more of the underground and unsavory. However, despite his amiable appearance and aura, they are mere deceptions to what lies underneath. Sadistic and depraved, he cares little for anyone. In fact, he is as cynical as they come, believing that anyone is bound to betray given the opportunity to do so. As such, he is also very untrustworthy at times and will exploit those who prove to be exploitable.
  193. <br><br>
  194. Rabbiku also has a severe lack of morality, but only whenever he cannot get what he wants by conventional means. Rabbiku has no problem stealing anything he cannot buy or trade for. A woman who he finds sexually attractive who will not bed him, even at the promise of money or luxury items, may wake up to find herself chained to a bed and being raped after taking a drugged drink he offered in hospitality. Hell, even someone in business who does not give Rabbiku that big contract may find their associates, and their partners, murdered with the product stolen in some back alley. The rabbit-boy is nothing if not ruthless and relentless when it comes to the pursuit of the things he wants. While appearances state otherwise, those deep in the underground knows that if he offers you a contract...<i>you take it</i>.
  195.  
  196. </div>
  197.  
  198. <div id="tabbed3">
  199. <h1>【Abilities】</h1>
  200. <h2>01. Super Strength</h2> Rabbiku has extreme strength, it does not fit his body whatsoever and is an abnormality within his race.
  201. <br><br>
  202. <h2>02. Jumping Ability</h2> Possesses the ability to jump higher and farther than usual fairly easily; this is important for the function of his Ninja-Tabi.
  203. <br><br>
  204. <h2>03. Super Hearing</h2> His rabbit ears give him superior hearing compared to normal people; able to hear fairly faint sounds easily when closing his eyes and focusing. Also, he is able to emit small clicks similar to tribal people for the purpose of pinpoint echo location for traveling in darker-than-black areas.
  205. <br><br>
  206. <h2>04. Durability</h2> His durability is higher than usual, mostly due to the amount of dense muscle that facilitates his super strength.
  207. </div>
  208.  
  209. <div id="tabbed4">
  210. <h1>【Inventory】</h1>
  211.  
  212. <div class="inv"><center>
  213. <img src="https://i.imgur.com/hn9NdUf.png" width="50%">
  214. <h3>BAG OF THE INFINITE</h3>
  215. The bag itself has infinite space but cannot house items that exceed the width of the bag. Rabbiku can pull out whatever he wants as it is bound to him, others will pull out any random object already within it. The outside pouches carry an assortment of items; kunai, smoke bombs, trackers, etc.
  216. </div>
  217. <br>
  218. <div class="inv"><center>
  219. <img src="https://i.imgur.com/UbnhHRN.png" width="50%">
  220. <h3>ENERGY NINJATO</h3>
  221. Capable of cutting & slashing extremely dense material, this Ninja Sword was specifically made for Rabbiku and is to be wielded reverse-gripped and one-handed. Can also channel ethereal energy to create an "Inter-dimensiontal Gateway" which acts as a walkway between places, dimensions, realms, and reality.
  222. </div>
  223. <br>
  224. <div class="inv"><center>
  225. <img src="https://i.imgur.com/DvUZnQK.png" width="50%">
  226. <h3>MODERN NINJA-TABI</h3>
  227. Present-day shinobi shoes with built-in shock absorbers and kinetic-force reapplication; also extremely silent. Allows jumping from extreme heights unaffected and can reapply the kinetic energy to launch himself great distances afterwards; "Bunny Hopping". Powerful kicks are delivered in proportion to the amount of kinetic energy stored.
  228. </div>
  229. <br>
  230. <div class="inv"><center>
  231. <img src="https://i.imgur.com/N5b0e2S.png" width="50%">
  232. <h3>JUTS TACTICAL VEST</h3>
  233. This <b>JUTS</b> Tactical Vest was made by the legendary blacksmith Vergessa who specialized in both traditional and magical warfare; made as a favor to Rabbiku. Strong enough to stop bullets and piercing sword attacks, durable enough to take laser and impaling energy projectiles, while being flexible enough to move in. Considered to be a Class-S item; worn under hoodie.
  234. </div>
  235. <br>
  236. <div class="inv"><center>
  237. <img src="https://i.imgur.com/lwn0hdA.png" width="50%">
  238. <h3>SHOCK DISPERSION GLOVES</h3>
  239. The gloves that Rabbiku wear are meant to soften the kinetic blowback during collision. Being extremely strong means he is liable to severely damage or break something if the impact of his blow is heavy enough. The gloves are meant to lessen the force received by his hand, wrist, elbow, and shoulder when throwing punches.
  240. </div>
  241. <br>
  242. <div class="inv"><center>
  243. <img src="https://i.imgur.com/jiKD04B.png" width="50%">
  244. <h3>title</h3>
  245. stuff goes here
  246. </div>
  247. <br>
  248. <div class="inv"><center>
  249. <img src="https://i.imgur.com/AQWmVC9.png" width="50%">
  250. <h3>title</h3>
  251. stuff goes here
  252. </div>
  253. <br>
  254. <div class="inv"><center>
  255. <img src="https://i.imgur.com/8Dc7bIf.png" width="50%">
  256. <h3>title</h3>
  257. stuff goes here
  258. </div>
  259.  
  260.  
  261. </div>
  262.  
  263. <div id="tabbed5">
  264. <h1>【Gallery】</h1>
  265. <center>
  266. <a target="_blank" href="https://i.imgur.com/0O5TpdC.png">
  267. <img src="https://i.imgur.com/0O5TpdC.png" alt="Jisatsu Usagi" class="pics"></a>
  268. <br><br>
  269.  
  270. <a target="_blank" href="https://i.imgur.com/blGfFlt.png">
  271. <img src="https://i.imgur.com/blGfFlt.png" alt="Chibi Rabbiku" class="pics"></a>
  272. <br><br>
  273.  
  274. <a target="_blank" href="https://i.imgur.com/Fm3M1Vy.jpg">
  275. <img src="https://i.imgur.com/Fm3M1Vy.jpg" class="pics"></a>
  276. <br><br>
  277.  
  278. <a target="_blank" href="https://i.imgur.com/pqf81wq.png">
  279. <img src="https://i.imgur.com/pqf81wq.png" class="pics"></a>
  280. </center>
  281. </div>
  282.  
  283. <div id="tabbed6">
  284. <h1>【Connections】</h1>
  285.  
  286. <a href="https://roleplay.chat/profile.php?user=slut+tiffany" target="_blank"><img src="https://i.imgur.com/bRsGENw.png" class="friend"></a><bii>A prostitute in the slums; she's an incredibly sweet girl who loves her job. One of Rabbiku's fondest persons and key sources of stress relief... for only 40 Credits ♥</bii>
  287.  
  288. <a href="https://roleplay.chat/profile.php?user=Atis" target="_blank"><img src="https://i.imgur.com/OmmYCru.png" class="friend"></a><bii>Girlfriend to one of his clients; compromising intel has led her to be <b>very</b> reasonable to Rabbiku's requests~hehe</bii>
  289.  
  290. <a href="friend link" target="_blank"><img src="" class="friend"></a><bii>friend description here</bii>
  291.  
  292. <a href="friend link" target="_blank"><img src="" class="friend"></a><bii>friend description here</bii>
  293.  
  294.  
  295. </div>
  296.  
  297. <div id="tabbed7">
  298. <h1>【Out of Character】</h1>
  299. <b>01.</b> First and foremost; art and code are both mine. Art is drawn/commissioned by me, code was commissioned by me from <a target="_blank" href="https://roleplay.chat/profile.php?user=words">words</a> and heavily edited by me. Please do not steal. Arigatou ありがとう!
  300. <br><br>
  301. <b>02.</b> If you message me and want to RP, please state that <b>IMMEDIATELY</B>. There is nothing I hate more than someone messaging me asking the default "Hey how are you?", and having an entire dialogue only to say they want to RP. <img src="https://i.imgur.com/FDsipCJ.png" width="50%" align="right">I am here to RP much more than I am to talk; and if I do chat, it's only with people I've been RP'ing with for a bit. Get to the point as <b>QUICKLY</b> as possible. I am extremely DM friendly, just understand that being here to RP is my priority. Too much OOC will turn me off from RP'ing with you.
  302. <br><br>
  303. <b>03.</b> I do para to multi-para RP. I hate one-liners as well as novellas; one is no effort, one is too much fluff and not enough substance. Please be able to do at least semi-para consistency. I don't mind short-term nor long-term, clean or smut.
  304. <br><br>
  305. <b>04.</b> Please be literate; have decent punctuation, spelling, capitalization, and sentence structure. No, I am not an elitist, I just want at least basic writing skill. We are all here for text-based RP, the least we can do is have the foundations of our craft down. I would also prefer it if you have a profile and an anime/cartoon picture. I really detest real-life face claims and I find it nearly impossible to want to RP with anyone that has one.
  306. <br><br>
  307. <b>05.</b> I will respond to everyone, even if it's just to tell you I am not interested in RP. If I do not answer I am either gaming, writing a script, or have simply fallen asleep at the computer. Oh! I am also fine with you starting off with a post (I prefer it, actually), just have an idea of what you want when you start.
  308. <br><br>
  309. <b>06.</b> While I work Friday to Sunday, 7PM - 7AM. My schedule means I am free Monday to Thursday. If you want to RP with me long-term, please understand I will barely be around on the weekends.
  310. <br><br>
  311. <b>07.</b> Outside contact is possible via Discord or Facebook if we are long-term, become legitimate friends, or game outside of RPC. If all we are doing is role-playing, then I prefer to do that on RPC and will not have a reason to give you an outside source to contact me.<br><br>
  312. Profile coded by <a target="_blank" href="https://roleplay.chat/profile.php?user=ReverieStyles" target="_blank">RStyles</a>. Hit them up if you're interested in a code.</div>
  313. </div>
  314.  
  315.  
  316.  
  317. <div class="holder">
  318. <label for="Tab1"><div class="button">Statistics</div></label><br><bR><bR>
  319.  
  320. <label for="Tab2"><div class="button2">About</div></label><br><bR><bR>
  321.  
  322. <label for="Tab3"><div class="button3">Abilities</div></label><br><bR><bR>
  323.  
  324. <label for="Tab4"><div class="button4">Inventory</div></label><br><bR><bR>
  325.  
  326. <label for="Tab5"><div class="button5">Gallery</div></label><br><bR><bR>
  327.  
  328. <label for="Tab6"><div class="button6">Connections</div></label><br><bR><bR>
  329.  
  330. <label for="Tab7"><div class="button7">O.O.C</div></label>
  331.  
  332. </div></div>
  333.  
  334. <div class="credit"><a target="_blank" href="https://roleplay.chat/profile.php?user=ReverieStyles" style="color:#fff;text-shadow:0px 0px 5px #fff" target="_blank"><img src="http://i.picpar.com/xRMe.png" style="width:40px; height:40px;">@Panda-Codes</a></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement