API tools faq
paste
RageQxeen

The Nogistune

RageQxeen
Apr 26th, 2019
153
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.87 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <body><style type="text/css">
  3.  
  4. @import url('https://fonts.googleapis.com/css?family=Bangers|Aref+Ruqaa');
  5.  
  6. html, body {
  7. background: #f3fff0;
  8. background-image:url("https://thumbs.gfycat.com/FeistySelfishEasternglasslizard-size_restricted.gif");
  9. background-size:100%;
  10. background-repeat:no-repeat;
  11. background-position:center bottom;
  12. }
  13.  
  14. ::-webkit-scrollbar-button:vertical:{
  15. background-color: #transparent;}
  16.  
  17. ::-webkit-scrollbar-thumb:vertical {
  18. background-color:#transparent;
  19. height:150px;}
  20.  
  21. ::-webkit-scrollbar-thumb:horizontal {
  22. background-color:#transparent;
  23. height:60px;}
  24.  
  25.  
  26. ::-webkit-scrollbar {
  27. height:60px;
  28. width:5px;
  29. background-color:#transparent;}
  30.  
  31. #nav {
  32. background-color: transparent;
  33. width: 200px;
  34. height: 10px;
  35. margin:auto;
  36. position: absolute;
  37. left: 2%;
  38. bottom: 16%;
  39. text-align: center;
  40. z-index:1000;
  41. }
  42.  
  43. #nav a, #nav a:link, #nav a:visited {
  44. display:inline-block;
  45. background: #990000;
  46. margin-top: 0px;
  47. margin-bottom: 0px;
  48. margin-left: 0px;
  49. box-shadow: 0px 0px 5px #777;
  50. height: 10px;
  51. width: 40px;
  52. border-radius: 5px;
  53. }
  54.  
  55. #nav a:active, #nav a:hover {
  56. display:inline-block;
  57. height: 10px;
  58. width: 40px;
  59. text-decoration:none;
  60. box-shadow: 0px 0px 5px #990000;
  61. background: #777;
  62. margin: 0px;
  63. }
  64.  
  65. #image {
  66. width: 400px;
  67. margin: 0px;
  68. border: none;
  69. height: 700px;
  70. background-color:transparent;
  71. position: absolute;
  72. right: 0%;
  73. bottom: 0%;
  74. background-image:url("http://i.picpar.com/twrd.png");
  75. background-repeat:no-repeat;
  76. background-position: bottom;
  77. background-size: 100%;
  78. z-index: 10;
  79. }
  80.  
  81. #container{
  82. background-color: #000;
  83. width: 100%;
  84. height: 100px;
  85. bottom: 15%;
  86. right: 0%;
  87. position: absolute;
  88. margin: auto;
  89. opacity: .8;
  90. }
  91.  
  92. #content {
  93. background-color: #000;
  94. width: 650px;
  95. height: 500px;
  96. left: 30%;
  97. bottom: 20%;
  98. position: absolute;
  99. margin: auto;
  100. z-index: 100;
  101. }
  102.  
  103. #content2 {
  104. background-color: #f3f3f3;
  105. width: 585px;
  106. height: 350px;
  107. margin:auto;
  108. position: absolute;
  109. padding: 10px;
  110. right: 3%;
  111. top: 3%;
  112. font-family: 'Aref Ruqaa', cursive;
  113. z-index:1;
  114. border: #C0C0C0 solid 3px;
  115. }
  116.  
  117.  
  118.  
  119. #name {
  120. z-index:15;
  121. position: absolute;
  122. left: 10%;
  123. bottom: -13%;
  124. margin: auto;
  125. background: #fff;
  126. width: 600px;
  127. height: 100px;
  128. font-family: 'Bangers', cursive;
  129. font-size: 65px;
  130. background: url(https://media.giphy.com/media/atwmyY8aUO90I/giphy.gif) -20px -20px repeat;
  131. -webkit-text-fill-color: transparent;
  132. -webkit-background-clip: text;
  133. background-position: center;
  134. display:inline;
  135. text-align: left;
  136. letter-spacing: 1px;
  137. -webkit-transition:opacity 2s linear;
  138. line-height:3.6vw;
  139. }
  140.  
  141. #nameunder{
  142. z-index:15;
  143. position: absolute;
  144. left: 10%;
  145. bottom: -13%;
  146. margin: auto;
  147. background: #fff;
  148. width: 600px;
  149. height: 100px;
  150. font-family: 'Bangers', cursive;
  151. font-size: 65px;
  152. -webkit-text-fill-color: transparent;
  153. text-transform: none;
  154. -webkit-background-clip: text;
  155. display:inline;
  156. text-shadow: -1px 0 #777, 0 1px #777,1px 0 #990000, 0 -1px #990000;
  157. text-align: left;
  158. letter-spacing: 1px;
  159. -webkit-transition:opacity 2s linear;
  160. line-height:3.6vw;
  161. }
  162.  
  163. #editthis{ position:fixed;height: 27px; width: 30px; bottom: 28%; right: 30%; margin: auto; z-index:100;}
  164.  
  165. #music1{ position:fixed; padding:2px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
  166.  
  167. #music1:hover #music2{ opacity: 0; margin-top:-20px; z-index:-1;}
  168.  
  169. #music1:hover #music3{ opacity: .5; margin-top:-5px; z-index:99;}
  170.  
  171. #music1:hover #musiclist{ opacity: .5;}
  172.  
  173. #music2{ opacity: .5; background-color:#000000; padding:6px; border-radius: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
  174.  
  175. #music3{ opacity: 0; position:fixed; background-color:#000000; background-image: url('https://www.pngkey.com/png/full/11-113290_playbutton-video-player-button-pngx.png'); background-repeat: no-repeat; background-size: 25px; border:1px dotted #b3b3e5; border-radius: 50px; width:25px; height:25px; z-index:99 margin-left:0px; overflow:hidden; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  176.  
  177. h1 {font-family: 'Bangers', cursive; text-align: center; border-bottom: 1px solid #000;}
  178. h2 {font-family: 'Bangers', cursive; }
  179. a {text-decoration: none; color: #111;}
  180. i {color: #0000FF; font-weight: bold;}
  181.  
  182. .credit{
  183. position: fixed;
  184. bottom: 0px;
  185. left: 2px;
  186. height: 25px;
  187. width: 25px;
  188. line-height: 15px;
  189. font-size: 10px;
  190. color: #000;
  191. text-align: center;
  192. font-family: roboto;
  193. }
  194.  
  195. #Layout {position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px;}
  196. </style>
  197. <div id="Layout" oncontextmenu="return false;">
  198.  
  199. <div class="credit" title="Profile by RageQxeen">♛</div>
  200.  
  201. <div id="container">
  202.  
  203.  
  204. <div id="content">
  205.  
  206. <div id="nav">
  207. <a href="#one"></a>
  208. <a href="#two"></a>
  209. <a href="#three"></a>
  210. <a href="#four"></a>
  211. </div>
  212.  
  213. <div id="nameunder">Dark Hero: Nogitsune</div><div id="name">Dark Hero: Nogitsune</div>
  214.  
  215. <div id="editthis"><div id="music1"><div id="music2">
  216. <img src="http://38.media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif" style="opacity: 0.8;"></div>
  217. <div id="music3"><Div style="margin-top:4px;">
  218. <audio controls style="opacity: 0;"><source src="http://k007.kiwi6.com/hotlink/yrci4nsq88/Echos_-_Vacant.mp3"></audio>
  219. </div></div></div></div>
  220.  
  221. <div id="content2">
  222. <div style="width: 585px; height: 350px; overflow-y: hidden;">
  223.  
  224. <a name="one"></a>
  225. <div style="width: 585px; height: 350px; overflow: auto;" align="center">
  226. <h1>the usual</h1>
  227. <span style="float:left;"><b>Name</b></span><span style="float:right;">Fushimi, Kageka</span><br>
  228. <span style="float:left;"><b>Alias(es)</b></span><span style="float:right;"><a title="TBA">hover</a></span><br>
  229. <span style="float:left;"><b>Hero Name</b></span><span style="float:right;">Dark Hero: Nogitsune</span><br>
  230. <span style="float:left;"><b>Gender</b></span><span style="float:right;">Female</span><br>
  231. <span style="float:left;"><b>Age</b></span><span style="float:right;">16</span><br>
  232. <span style="float:left;"><b>Race</b></span><span style="float:right;">Human</span><br>
  233. <span style="float:left;"><b>Voice</b></span><span style="float:right;"><a target="_blank" href="https://www.youtube.com/watch?v=UQdHqHGc0aE" target="_blank">Click~</a></span><br>
  234. <span style="float:left;"><b>Class</b></span><span style="float:right;">2-Z</span><br><br>
  235. <span style="float:left;"><b>Height</b></span><span style="float:right;">165 cm/5'5"</span><br>
  236. <span style="float:left;"><b>Weight</b></span><span style="float:right;">54 kg/119 lbs</span><br>
  237. <span style="float:left;"><b>Eyes</b></span><span style="float:right;">Black Sclera ; Crimson Iris</span><br>
  238. <span style="float:left;"><b>Hair</b></span><span style="float:right;">Black</span><br>
  239. <span style="float:left;"><b>Build</b></span><span style="float:right;">Lean</span><br><br>
  240. <span style="float:left;"><b>Orientation</b></span><span style="float:right;">Straight</span><br>
  241. <span style="float:left;"><b>Relationship</b></span><span style="float:right;">Unattached</span><br>
  242. <span style="float:left;"><b>Quirk</b></span><span style="float:right;"><a href="TBA" target="_blank">Shadow Hopper</a></span><br>
  243. <span style="float:left;"><b>Affiliation</b></span><span style="float:right;">Yuuei</span><br><br>
  244. </div>
  245.  
  246. <a name="two"></a>
  247. <div style="width: 585px; height: 350px; overflow: auto;" align="left">
  248. <h1>combat</h1>
  249. <span style="float:left;"><b>Cooperation</b></span><span style="float:right;">●●●●○</span><br><br>
  250. <span style="float:left;"><b>Power</b></span><span style="float:right;">●●●○○</span><br><br>
  251. <span style="float:left;"><b>Speed</b></span><span style="float:right;">●●●●○</span><br><br>
  252. <span style="float:left;"><b>Intelligence</b></span><span style="float:right;">●●●○○</span><br><br>
  253.  
  254. <h2>headcanons</h2>
  255. <ul>
  256.  
  257. </ul>
  258. </div>
  259.  
  260.  
  261. <a name="three"></a>
  262. <div style="width: 585px; height: 350px; overflow: auto;" align="center">
  263. <h1>connections</h1>
  264. <a target="_blank" href="/profile.php?user=HERE" title="HERE"><img style="border-radius: 50%" src="HERE" align="left" height="100" width="100"></a>
  265. <a target="_blank" href="/profile.php?user=HERE" title="HERE"><img style="border-radius: 50%" src="HERE" align="left" height="100" width="100"></a>
  266. <a target="_blank" href="/profile.php?user=HERE" title="HERE"><img style="border-radius: 50%" src="HERE" align="left" height="100" width="100"></a>
  267. <a target="_blank" href="/profile.php?user=HERE" title="HERE"><img style="border-radius: 50%" src="HERE" align="left" height="100" width="100"></a>
  268.  
  269. </div>
  270.  
  271.  
  272. <a name="four"></a>
  273. <div style="width: 585px; height: 350px; overflow: auto;" align="center">
  274. <h1>out of character</h1>
  275. <b>00</b>. Made by RageQxeen, free codes can be found <a target="_blank" href="https://alliealgiere.neocities.org">here</a>.<br><br>
  276. <b>01</b>. Images found <a target="_blank" href="http://e-shuushuu.net/image/682376" target="_blank">here</a>. All rights for that image go to them. Will remove upon request.<br><br>
  277. <b>02</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>
  278. <b>03</b>. I do adore that block button.<br><br>
  279. <b>04</b>. Leave your bullshit drama at the door, thank you.<br><br>
  280. <b>05</b>. RPing since March of 2008.<br><br>
  281. <b>06</b>. Smut with story, mindless and useless smut is nearly non-existent on my side.<br><br>
  282. <b>07</b>. Extremely light T1, still trying to find the use of it and still learning.<br><br>
  283. <b>08</b>. Typist is female and taken IRL.<br><br>
  284. <b>09</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>
  285. <b>10</b>. IC =/= OOC<br><br>
  286. <b>11</b>. IRL comes before RP.<br><br>
  287. </div>
  288.  
  289. </div>
  290. </div>
  291. </div>
  292. </div>
  293. </div>
  294.  
  295. <div id="image"></div>
  296.  
  297. </body>
  298. </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!