API tools faq
paste
RageQxeen

Hangman

RageQxeen
Feb 23rd, 2020
186
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.07 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <body>
  3. <script defer>
  4. window.onload = function() {
  5. var isCtrl = false;
  6. document.onkeyup=function(e)
  7. {
  8. if(e.which == 17)
  9. isCtrl=false;
  10. }
  11. document.onkeydown=function(e)
  12. {
  13. if(e.which == 17)
  14. isCtrl=true;
  15. if((e.which == 85) || (e.which == 67) && (isCtrl == true))
  16. {
  17. return false;
  18. }
  19. }
  20. var isNS = (navigator.appName == "Netscape") ? 1 : 0;
  21. if(navigator.appName == "Netscape") document.captureEvents(Event.MOUSEDOWN||Event.MOUSEUP);
  22. function mischandler(){
  23. return false;
  24. }
  25. function mousehandler(e){
  26. var myevent = (isNS) ? e : event;
  27. var eventbutton = (isNS) ? myevent.which : myevent.button;
  28. if((eventbutton==2)||(eventbutton==3)) return false;
  29. }
  30. document.oncontextmenu = mischandler;
  31. document.onmousedown = mousehandler;
  32. document.onmouseup = mousehandler;
  33.  
  34. if (document.addEventListener) { // IE >= 9; other browsers
  35. document.addEventListener('contextmenu', function(e) {
  36. alert(" Try asking RageQxeen for her codes instead."); //here you draw your own menu
  37. e.preventDefault();
  38. }, false);
  39. } else { // IE < 9
  40. document.attachEvent('oncontextmenu', function() {
  41. alert("O sun, abide to death.");
  42. window.event.returnValue = false;
  43. });
  44. }
  45. };
  46. </script>
  47. <style type="text/css">
  48.  
  49. @import url(https://fonts.googleapis.com/css?family=Cinzel|Cinzel+Decorative|Aref+Ruqaa);
  50.  
  51. html, body {
  52. background: #222;
  53. background-image:url("");
  54. background-size:400px;
  55. background-repeat:no-repeat;
  56. background-position:center bottom;
  57. }
  58.  
  59. ::-webkit-scrollbar-button:vertical:{
  60. background-color: #transparent;}
  61.  
  62. ::-webkit-scrollbar-thumb:vertical {
  63. background-color:#transparent;
  64. height:150px;}
  65.  
  66. ::-webkit-scrollbar-thumb:horizontal {
  67. background-color:#transparent;
  68. height:60px;}
  69.  
  70.  
  71. ::-webkit-scrollbar {
  72. height:60px;
  73. width:5px;
  74. background-color:#transparent;}
  75.  
  76. #image {
  77. width: 30vw;
  78. margin: 0px;
  79. border: none;
  80. height: 45vw;
  81. background-color:transparent;
  82. position: absolute;
  83. right: 0vw;
  84. bottom: 0vw;
  85. background-image:url("http://i.picpar.com/cuce.png");
  86. background-repeat:no-repeat;
  87. background-position: bottom;
  88. background-size: 100%;
  89. z-index: 3;
  90. }
  91.  
  92. #holder {
  93. width: 34vw;
  94. height: 5vw;
  95. background-color: #cb4154;
  96. background-image: url("https://www.transparenttextures.com/patterns/brick-wall-dark.png");
  97. position: absolute;
  98. right: 15.5vw;
  99. bottom: 15vw;
  100. margin: auto;
  101. z-index: 2;
  102. border-left: 1px solid #000;
  103. border-right: 1px solid #000;
  104. border-bottom: 1px solid #000;
  105. }
  106.  
  107. #container {
  108. background-color: #cb4154;
  109. background-image: url("https://www.transparenttextures.com/patterns/brick-wall-dark.png");
  110. width: 20vw;
  111. height: 25vw;
  112. margin:auto;
  113. position: absolute;
  114. padding: 5px;
  115. right: 13.4vw;
  116. bottom: 5vw;
  117. border-top: 1px solid #000;
  118. border-right: 1px solid #000;
  119. border-left: 1px solid #000;
  120. z-index:2;
  121. }
  122.  
  123. #content {
  124. background-color:#f8f8ff;
  125. width: 18vw;
  126. height: 25vw;
  127. margin:auto;
  128. position: absolute;
  129. padding: 5px;
  130. font-family: 'Aref Ruqaa', cursive;
  131. font-size: 18px;
  132. color: #000;
  133. right: .7vw;
  134. top: 0.5vw;
  135. z-index:6;
  136. border: 5px double #000;
  137. }
  138.  
  139. #nav {
  140. background-color: transparent;
  141. width: 15vw;
  142. height: 2vw;
  143. margin:auto;
  144. position: absolute;
  145. right: 40vw;
  146. top: 10vw;
  147. text-align:right;
  148. z-index:1;
  149. }
  150.  
  151. #nav a, #nav a:link, #nav a:visited {
  152. display:inline-block;
  153. height: 1vw;
  154. width: 10vw;
  155. text-decoration:none;
  156. background: #cb4154;
  157. background-image: url("https://www.transparenttextures.com/patterns/brick-wall-dark.png");
  158. margin: 5px;
  159. border: solid #000 1px;
  160. -webkit-transition: 0.5s linear;
  161. -moz-transition: 0.5s linear;
  162. -o-transition: 0.5s linear;
  163. transition: 0.5s linear;
  164. z-index:1;
  165. }
  166.  
  167. #nav a:active, #nav a:hover {
  168. display:inline-block;
  169. height: 1vw;
  170. width: 10vw;
  171. text-decoration:none;
  172. background: #333;
  173. margin: 5px;
  174. margin-right: 50px;
  175. box-shadow: #c0c0c0 0px 5px 10px;
  176. -webkit-transition: 0.5s linear;
  177. -moz-transition: 0.5s linear;
  178. -o-transition: 0.5s linear;
  179. transition: 0.5s linear;
  180. z-index:1;
  181. }
  182.  
  183. .name {position: absolute;
  184. font-family: 'Cinzel Decorative';
  185. color: #fff;
  186. font-size: 4.5vw;
  187. top: 1.5vw;
  188. left: 0vw;
  189. width: 27vw;
  190. height: 9vw;
  191. border: 0px solid #000;
  192. text-align: justify;
  193. text-shadow: -1px 0 #c0c0c0, 0 3px #000,3px 0 #000, 0 -1px #c0c0c0;
  194. overflow: auto;
  195. padding:5px 5px 5px 5px;
  196. z-index: 2;}
  197.  
  198. .title { background: transparent;
  199. background:url('https://68.media.tumblr.com/5a64eca6d22b1b82a151c1ee01883ef0/tumblr_nk8lr1LlAq1s0hk4xo1_500.gif') repeat;
  200. background-position: center;
  201. position: absolute;
  202. font-family: 'Cinzel Decorative';
  203. font-size: 4.5vw;
  204. top: 1.5vw;
  205. left: 0vw;
  206. width: 27vw;
  207. height: 9vw;
  208. text-align: justify;
  209. padding:5px 5px 5px 5px;
  210. -webkit-text-fill-color: transparent;
  211. -webkit-background-clip: text;
  212. z-index: 3;}
  213.  
  214. .alias {position: absolute;
  215. font-family: 'Cinzel';
  216. color: #cb4154;
  217. font-size: 1.8vw;
  218. bottom: -4vw;
  219. left: -7vw;
  220. width: 40vw;
  221. height: 2.8vw;
  222. border: 0px solid #000;
  223. text-align: center;
  224. text-shadow: -1px 0 #c0c0c0, 0 1px #000,1px 0 #000, 0 -1px #c0c0c0;
  225. overflow: auto;
  226. padding:5px 5px 5px 5px;
  227. z-index: 7;}
  228.  
  229.  
  230. i{color: #443a59;}
  231. b{color: #000;}
  232. a{color: #444; text-decoration: none;}
  233. h1{border-bottom: 1px solid #000; text-align: center; font-size: 30px; font-family: 'Cinzel', cursive; color: #000;}
  234. h2{border-bottom: 1px solid #000; text-align: left; font-size: 20px; font-family: 'Cinzel', cursive; color: #000;}
  235. h3{text-align: right; font-size: 20px; font-family: 'Cinzel', cursive; color: #000;}
  236. </style>
  237.  
  238. <div id="image"></div>
  239. <div id="nav">
  240. <a href="#one"></a>
  241. <a href="#two"></a>
  242. <a href="#three"></a>
  243. <a href="#four"></a>
  244. </div>
  245. <div id="holder">
  246. <div class="name">Hangman</div>
  247. <div class="title">Hangman</div>
  248. <div class="alias">All the good girls go to Hell</div>
  249.  
  250. <div id="container">
  251. <div id="content">
  252. <div style="width: 18vw; height: 25vw; overflow-y: hidden;">
  253.  
  254. <a name="one"></a>
  255. <div style="width: 18vw; height: 25vw; overflow: auto;">
  256.  
  257. <span style="float:left;"><b>Name</b></span><span style="float:right;">Yoshiba Akane</span><br>
  258. <span style="float:left;"><b>Alias(es)</b></span><span style="float:right;">Hangman</span><br>
  259. <span style="float:left;"><b>Gender</b></span><span style="float:right;">Female</span><br>
  260. <span style="float:left;"><b>Age</b></span><span style="float:right;">16</span><br>
  261. <span style="float:left;"><b>Race</b></span><span style="float:right;">Human</span><br>
  262. <span style="float:left;"><b>Voice</b></span><span style="float:right;">TBA</span><br><br>
  263. <span style="float:left;"><b>Height</b></span><span style="float:right;">5'6"</span><br>
  264. <span style="float:left;"><b>Weight</b></span><span style="float:right;">135</span><br>
  265. <span style="float:left;"><b>Eyes</b></span><span style="float:right;">Red</span><br>
  266. <span style="float:left;"><b>Hair</b></span><span style="float:right;">Pink</span><br>
  267. <span style="float:left;"><b>Build</b></span><span style="float:right;">Curvy</span><br><br>
  268. <span style="float:left;"><b>Orientation</b></span><span style="float:right;">Hetero</span><br>
  269. <span style="float:left;"><b>Relationship</b></span><span style="float:right;">Single</span><br>
  270. <span style="float:left;"><b>Affiliation</b></span><span style="float:right;">Herself</span><br><br>
  271. </div>
  272.  
  273. <a name="two"></a>
  274. <div style="width: 18vw; height: 25vw; overflow: auto;" align="left">
  275. <h1>combat</h1>
  276. <span style="float:left;"><b>Cooperation</b></span><span style="float:right;">●○○○○</span><br><br>
  277. <span style="float:left;"><b>Power</b></span><span style="float:right;">●●●●●</span><br><br>
  278. <span style="float:left;"><b>Speed</b></span><span style="float:right;">●●●○○</span><br><br>
  279. <span style="float:left;"><b>Intelligence</b></span><span style="float:right;">●●●●○</span><br><br>
  280. <span style="float:left;"><b>Technique</b></span><span style="float:right;">●●○○○</span><br><br>
  281.  
  282. <h2>Quirk</h2>
  283. <b>Quirk Name:</b> Bloody Puppeteer<br><br>
  284. <b>Quirk Type:</b> Emitter<br><br>
  285. <b>Quirk Description:</b>
  286. <br>An infection based quirk that allows its user to control the victim through the consumption of the users blood. Depending on how much blood is ingested will determine the amount of time the user retains control. It is possible for the victim to break the control through a test of willpower, however if they are infected over time, they will also suffer symptoms ranging from rage filled episodes to memory loss. The user can also control the dead up until the point blood coagulates and mortis sets in.
  287. </div>
  288.  
  289. <a name="three"></a>
  290. <div style="width: 18vw; height: 25vw; overflow: auto;" align="center">
  291. <h1>headcanons</h1>
  292. <ul>
  293. <li>Akane is actually a huge fan of spanish soap operas, it's a guilty pleasure that she keeps secret.
  294. <li>Also secretly enjoys wearing animal onesies, will only wear them when she knows she is alone and won't be bothered.
  295. <li>Adores popcorn and soda, prefers her popcorn over salted.
  296. <li>Favorite sweet is pocky, ironically.
  297. </ul>
  298. </div>
  299.  
  300.  
  301. <a name="four"></a>
  302. <div style="width: 18vw; height: 25vw; overflow: auto;" align="left">
  303. <h1>out of character</h1>
  304. <center><b>00</b>. Want a code? Go <a target="_blank" href="https://alliealgiere.neocities.org">here</a>. Refrain from stealing.</center><br>
  305. <b>01</b>. Do not approach me with a post, PM is for OOC only unless you are a friend or we have spoken about an RP idea.<br><br>
  306. <b>02</b>. I do adore that block button.<br><br>
  307. <b>03</b>. Leave your bullshit drama at the door, thank you.<br><br>
  308. <b>04</b>. RPing since March of 2008.<br><br>
  309. <b>05</b>. Smut with story, mindless and useless smut is nearly non-existent on my side.<br><br>
  310. <b>06</b>. Extremely light T1, still trying to find the use of it and still learning.<br><br>
  311. <b>07</b>. Typist is female and taken IRL.<br><br>
  312. <b>08</b>. There will be times when I randomly stop speaking, the likely cause is that I am taking care of my father IRL, patience is a virtue, if I miss you entirely just try again later.<br><br>
  313. <b>09</b>. IC =/= OOC<br><br>
  314. <b>10</b>. IRL comes before RP.<br><br>
  315. </div>
  316. </div>
  317. </div>
  318. </div>
  319. </div>
  320. </body>
  321. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!