Advertisement
SinfulCoding

Untitled

Oct 18th, 2018
443
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.86 KB | None | 0 0
  1. <html>
  2. <head>
  3. <META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
  4. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  5. <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
  6. <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.6.5/dat.gui.min.js"></script>
  7. <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
  8. <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.11.0/d3.min.js"></script>
  9. <script src="https://roleplay.chat/jquery.tooltipster.js?v=8"></script>
  10. <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js"></script>
  11. <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/87/three.js"></script>
  12. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
  13. <link href="https://roleplay.chat/tooltipster.css" rel="stylesheet" type="text/css">
  14. <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
  15. <script defer>
  16. window.onload = function() {
  17.  
  18. };
  19. </script>
  20. <style>
  21.  
  22. </style>
  23. </head>
  24. <body>
  25. <style>
  26.  
  27. @import url(https://fonts.googleapis.com/css?family=Droid+Serif|Open+Sans+Condensed:300|Fjalla+One|Cinzel+Decorative);
  28. @import url(https://fonts.googleapis.com/css?family=Lobster+Two);
  29. @import url(https://fonts.googleapis.com/css?family=Just+Me+Again+Down+Here);
  30. @import url(https://fonts.googleapis.com/css?family=Averia+Sans+Libre);
  31. @import url(https://fonts.googleapis.com/css?family=UnifrakturMaguntia);
  32. @import url(https://fonts.googleapis.com/css?family=Monsieur+La+Doulaise);
  33. @import url(https://fonts.googleapis.com/css?family=Playball);
  34. @import url(https://fonts.googleapis.com/css?family=Play|Arizonia);
  35. @import url(https://fonts.googleapis.com/css?family=Mr+Dafoe);
  36.  
  37.  
  38. body {
  39. background-color: #ffbe55;
  40. background-image: url('');
  41. background-position: bottom left;
  42. background-size: 100% 100%;
  43. background-attachment: fixed;
  44. background-repeat: no-repeat, repeat;
  45. overflow-x:hidden;
  46. }
  47.  
  48. @font-face{ font-family: 'Death Hope'; src:url(https://dl.dropboxusercontent.com/s/wxzl4jpfxposlkh/Aisha%20Script.ttf); }
  49.  
  50. @font-face{
  51. font-family: 'Holy Grail';
  52. src:url(https://dl.dropboxusercontent.com/s/z5qtqdvx27xebtf/Neverwinter.ttf);
  53. }
  54. @font-face{
  55. font-family: 'Saber-class';
  56. src:url(https://dl.dropboxusercontent.com/s/czwl3uf5tc83e0w/Beyond%20Wonderland.ttf);
  57. }
  58. @font-face{
  59. font-family: 'Archer-class';
  60. src:url(https://dl.dropboxusercontent.com/s/xqpyw7pdrql5tdz/Diskontented.ttf);
  61. }
  62. @font-face{
  63. font-family: 'Rider-class';
  64. src:url(https://dl.dropboxusercontent.com/s/zqmk5gjbsm8pxiu/Universal%20Mind.ttf);
  65. }
  66. @font-face{
  67. font-family: 'Berserker-class';
  68. src:url(https://dl.dropboxusercontent.com/s/xcrka98ux527b1v/Vtks%20Raladeira2.ttf);
  69. }
  70. @font-face{
  71. font-family: 'Assassin-class';
  72. src:url(https://dl.dropboxusercontent.com/s/bvhmypvwia1jozh/VladTepesII%28Vlads%20Dad%29.ttf);
  73. }
  74. @font-face{
  75. font-family: 'Caster-class';
  76. src:url(https://dl.dropboxusercontent.com/s/alg5g13y7mtxxil/Lost%20Lubbock%20Motels.ttf);
  77. }
  78. @font-face{
  79. font-family: 'Lancer-class';
  80. src:url(https://dl.dropboxusercontent.com/s/ji3pd5y0vj4w643/Some%20Distant%20Memory%20Dark.ttf);
  81. }
  82. @font-face{
  83. font-family: 'Avenger-class';
  84. src:url(https://dl.dropboxusercontent.com/s/bpgc6l5ynqjkzfu/DESPAIR.TTF);
  85. }
  86.  
  87. @font-face{
  88. font-family: 'Ruler-class';
  89. src:url(https://dl.dropboxusercontent.com/s/vq283dyil05s3nx/BLKCHCRY.TTF);
  90. }
  91. @font-face{
  92. font-family: 'Mages Association';
  93. src:url(https://dl.dropboxusercontent.com/s/f5maffkeaBAD5t5c/Magnificent.ttf);
  94. }
  95. @font-face{
  96. font-family: 'The Church';
  97. src:url(https://dl.dropboxusercontent.com/s/74y6p2azmpyxj2y/Every%20end%20is%20a%20new%20beginning.ttf);
  98. }
  99. @font-face{
  100. font-family: 'Red Faction';
  101. src:url(https://dl.dropboxusercontent.com/s/hrgwfxbxrno95n5/berylium%20rg.ttf);
  102. }
  103. @font-face{
  104. font-family: 'Black Faction';
  105. src:url(https://dl.dropboxusercontent.com/s/50yeqc16tucvren/Sister%20Morphine.ttf);
  106. }
  107. @font-face{
  108. font-family: 'Grand Order';
  109. src:url(https://dl.dropboxusercontent.com/s/15bjd541pq3ksg1/Snake.ttf);
  110. }
  111. @font-face{
  112. font-family: 'Magus';
  113. src:url(https://dl.dropboxusercontent.com/s/aw1tzm6fqjpsr1y/footfight.ttf);
  114. }
  115. @font-face{
  116. font-family: 'Master';
  117. src:url(https://dl.dropboxusercontent.com/s/fnh7dsc009a71as/zekton%20rg.ttf);
  118. }
  119. @font-face{
  120. font-family: 'Servant';
  121. src:url(https://dl.dropboxusercontent.com/s/26hauflmr5ne3el/Caveat-Regular.ttf);
  122. }
  123.  
  124. ::selection {color: #DC394B; background-color:#3F2E49;}
  125. ::-moz-selection {color: #DC394B; background-color:#671C28;}
  126.  
  127. ::-webkit-scrollbar { width: 5px; height:0px; }
  128. ::-webkit-scrollbar-thumb:vertical {
  129. background-color: #671C28; border: 1px solid #DC394B; }
  130.  
  131.  
  132. b, strong { color: #C74640; }
  133. i, strong { color: #ffbe55; }
  134.  
  135. a:active, a:link, a:visited {
  136. color: #ffbe55;
  137. text-decoration: none;
  138. -webkit-transition: all 0.4s ease-in;
  139. -moz-transition: all 0.4s ease-in;
  140. -ms-transition: all 0.4s ease-in;
  141. -o-transition: all 0.4s ease-in;
  142. transition: all 0.4s ease-in;
  143. }
  144.  
  145. a:hover {
  146. color: #ffbe55;
  147. -moz-transition-duration:0.5s;
  148. -webkit-transition-duration:0.5s;
  149. -o-transition-duration:0.5s;
  150. transition-duration:0.5s;
  151. }
  152.  
  153. #Clock-face {
  154. position: absolute;
  155. bottom: 0%;
  156. left: 50%;
  157. height: 660px;
  158. width: 660px;
  159. background: url("http://i.picpar.com/fZbc.png") center;
  160. background-size: 100%;
  161. background-repeat: no-repeat;
  162. z-index: -2;
  163. }
  164.  
  165. #Kurumi {
  166. position: absolute;
  167. bottom: 0%;
  168. left: 61%;
  169. height: 660px;
  170. width: 370px;
  171. background: url("http://i.picpar.com/hZbc.png") center;
  172. background-size: 100%;
  173. background-repeat: no-repeat;
  174. z-index: -2;
  175. }
  176. .menu{position:absolute;top:10%;left:15%;height:216px;background-color:#;width:292px;border-radius:2%;border:;text-align:center;opacity:0;z-index:2;transition: all 0.9s ease-in-out;
  177. -webkit-transition: all 0.9s ease-in-out;
  178. -moz-transition: all 0.9s ease-in-out;
  179. -o-transition: all 0.9s ease-in-out;
  180. -ms-transition: all 0.9s ease-in-out;overflow:auto;}
  181. .menu:target{z-index:1;opacity:1;transition: all 0.9s ease-in-out;
  182. -webkit-transition: all 0.9s ease-in-out;
  183. -moz-transition: all 0.9s ease-in-out;
  184. -o-transition: all 0.9s ease-in-out;
  185. -ms-transition: all 0.9s ease-in-out;}
  186.  
  187. .invisibutton1{text-decoration:none;position:absolute;top:7.8%;left:72.2%;border-radius:50%;height:8%;width:4%;background-color:;border:;}
  188. .invisibutton2{text-decoration:none;position:absolute;top:47.5%;left:52.5%;border-radius:50%;height:8%;width:4%;background-color:;border:;}
  189. .invisibutton3{text-decoration:none;position:absolute;top:47.5%;left:91.6%;border-radius:50%;height:8%;width:4%;background-color:;border:;}
  190. .invisibutton4{text-decoration:none;position:absolute;top:87%;left:72%;border-radius:50%;height:8%;width:4%;background-color:;border:;}
  191. .invisibutton5{text-decoration:none;position:absolute;top:28.5%;left:62.5%;border-radius:50%;height:48%;width:24%;background-color:;border:;}
  192. .invisibutton1:hover,.invisibutton2:hover,.invisibutton3:hover,.invisibutton4:hover,.invisibutton5:hover{background-color:#gold;color:#000; opacity: 0.5;}
  193.  
  194. .pages {
  195. position: fixed;
  196. left: 0px;
  197. top: 50px;
  198. width: 460px;
  199. height: 240px;
  200. border-radius: 7px;
  201. border-top: 4px solid #ccc;
  202. border-bottom: 4px solid #ccc;
  203. border-left: 4px solid #ccc;
  204. border-right: 4px solid #ccc;
  205. background-color: #000;
  206. background-image: url();
  207. background-repeat: repeat;
  208. color: #C74640;
  209. padding: 10px;
  210. font-family: Play;
  211. font-size: 16px;
  212. letter-spacing: 0px;
  213. word-spacing: 1px;
  214. line-height: 13px;
  215. text-align: center;
  216. opacity: 0;
  217. z-index: ;
  218. overflow: auto;
  219. transition: all 0.7s ease-in-out;
  220. -webkit-transition: all 0.7s ease-in-out;
  221. -moz-transition: all 0.7s ease-in-out;
  222. -o-transition: all 0.7s ease-in-out;
  223. -ms-transition: all 0.7s ease-in-out;
  224. }
  225.  
  226. .pages:target {
  227. top: 32.5%;
  228. left: 0%;
  229. opacity: 1;
  230. z-index: 1;
  231. transition: all 0.7s ease-in-out;
  232. -webkit-transition: all 0.7s ease-in-out;
  233. -moz-transition: all 0.7s ease-in-out;
  234. -o-transition: all 0.7s ease-in-out;
  235. -ms-transition: all 0.7s ease-in-out;
  236. }
  237.  
  238.  
  239. .pages2 {
  240. position: fixed;
  241. left: 700px;
  242. top: 800px;
  243. width: 460px;
  244. height: 240px;
  245. border-radius: 7px;
  246. border-top: 4px solid #ccc;
  247. border-bottom: 4px solid #ccc;
  248. border-left: 4px solid #ccc;
  249. border-right: 4px solid #ccc;
  250. background-color: #000;
  251. background-image: url();
  252. background-repeat: repeat;
  253. color: #C74640;
  254. padding: 10px;
  255. font-family: Play;
  256. font-size: 16px;
  257. letter-spacing: 0px;
  258. word-spacing: 1px;
  259. line-height: 13px;
  260. text-align: center;
  261. opacity: 0;
  262. z-index: ;
  263. overflow: auto;
  264. transition: all 0.7s ease-in-out;
  265. -webkit-transition: all 0.7s ease-in-out;
  266. -moz-transition: all 0.7s ease-in-out;
  267. -o-transition: all 0.7s ease-in-out;
  268. -ms-transition: all 0.7s ease-in-out;
  269. }
  270.  
  271. .pages2:target {
  272. top: 32.5%;
  273. left: 0%;
  274. opacity: 1;
  275. z-index: 1;
  276. transition: all 0.7s ease-in-out;
  277. -webkit-transition: all 0.7s ease-in-out;
  278. -moz-transition: all 0.7s ease-in-out;
  279. -o-transition: all 0.7s ease-in-out;
  280. -ms-transition: all 0.7s ease-in-out;
  281. }
  282.  
  283. .pages3 {
  284. position: fixed;
  285. left: 320px;
  286. top: 800px;
  287. width: 460px;
  288. height: 240px;
  289. border-radius: 7px;
  290. border-top: 4px solid #ccc;
  291. border-bottom: 4px solid #ccc;
  292. border-left: 4px solid #ccc;
  293. border-right: 4px solid #ccc;
  294. background-color: #000;
  295. background-image: url();
  296. background-repeat: repeat;
  297. color: #C74640;
  298. padding: 10px;
  299. font-family: Play;
  300. font-size: 16px;
  301. letter-spacing: 0px;
  302. word-spacing: 1px;
  303. line-height: 13px;
  304. text-align: center;
  305. opacity: 0;
  306. z-index: ;
  307. overflow: auto;
  308. transition: all 0.7s ease-in-out;
  309. -webkit-transition: all 0.7s ease-in-out;
  310. -moz-transition: all 0.7s ease-in-out;
  311. -o-transition: all 0.7s ease-in-out;
  312. -ms-transition: all 0.7s ease-in-out;
  313. }
  314.  
  315. .pages3:target {
  316. top: 32.5%;
  317. left: 0%;
  318. opacity: 1;
  319. z-index: 1;
  320. transition: all 0.7s ease-in-out;
  321. -webkit-transition: all 0.7s ease-in-out;
  322. -moz-transition: all 0.7s ease-in-out;
  323. -o-transition: all 0.7s ease-in-out;
  324. -ms-transition: all 0.7s ease-in-out;
  325. }
  326.  
  327. .pages4 {
  328. position: fixed;
  329. left: -320px;
  330. top: 500px;
  331. width: 460px;
  332. height: 240px;
  333. border-radius: 7px;
  334. border-top: 4px solid #ccc;
  335. border-bottom: 4px solid #ccc;
  336. border-left: 4px solid #ccc;
  337. border-right: 4px solid #ccc;
  338. background-color: #000;
  339. background-image: url();
  340. background-repeat: repeat;
  341. color: #C74640;
  342. padding: 10px;
  343. font-family: Play;
  344. font-size: 16px;
  345. letter-spacing: 0px;
  346. word-spacing: 1px;
  347. line-height: 13px;
  348. text-align: center;
  349. opacity: 0;
  350. z-index: ;
  351. overflow: auto;
  352. transition: all 0.7s ease-in-out;
  353. -webkit-transition: all 0.7s ease-in-out;
  354. -moz-transition: all 0.7s ease-in-out;
  355. -o-transition: all 0.7s ease-in-out;
  356. -ms-transition: all 0.7s ease-in-out;
  357. }
  358.  
  359. .pages4:target {
  360. top: 32.5%;
  361. left: 0%;
  362. opacity: 1;
  363. z-index: 1;
  364. transition: all 0.7s ease-in-out;
  365. -webkit-transition: all 0.7s ease-in-out;
  366. -moz-transition: all 0.7s ease-in-out;
  367. -o-transition: all 0.7s ease-in-out;
  368. -ms-transition: all 0.7s ease-in-out;
  369. }
  370.  
  371. h1 {
  372. font-family: Ruler-class;
  373. color: #FFF470;
  374. font-size:13px;
  375. letter-spacing:2px;
  376. margin-bottom:5px;
  377. margin-top:8px;
  378. text-align: center;
  379. width: 100%;
  380. border-bottom:1px solid gray;}
  381.  
  382. h4 {
  383. font-family: Playball;
  384. color: #ffbe55;
  385. font-size:19px;
  386. letter-spacing:2px;
  387. margin-bottom:5px;
  388. margin-top:8px;
  389. text-align: left;
  390. width: 100%;
  391. border-bottom:1px solid gray;
  392. }
  393.  
  394. h3 {
  395. font-family: Death Hope;
  396. color: #ffbe55;
  397. font-size:18px;
  398. letter-spacing:2px;
  399. margin-bottom:8px;
  400. margin-top:2px;
  401. line-height: 25px
  402. text-align: center;
  403. width: 100%;
  404. border-bottom:1px solid gray;}
  405.  
  406. h2{
  407. font-size: 20px;
  408. width: 100%;
  409. color: #ffbe55;
  410. font-family: 'Death Hope';
  411. margin-top: 2px;
  412. line-height: 25px;
  413. text-align: center;
  414. border-bottom: 1px solid solid gray;
  415. }
  416.  
  417. .title{
  418. position: fixed;
  419. top: 20%;
  420. left: 0%;
  421. height: 100px;
  422. width: 450px;
  423. text-align: center;
  424. font-size: 60px;
  425. color: #C74640;
  426. text-shadow: 1px -1px 1px #FFE88B, -1px 1px 1px #FFE88B;
  427. font-family: 'Holy Grail', cursive;
  428. overflow: hidden;
  429. }
  430.  
  431. a.credit {
  432. position: fixed;
  433. z-index: 2;
  434. right: 0.5%;
  435. bottom: 0.5%;
  436. color: #6E467A;
  437. text-shadow:0px 0px 2px #fff;
  438. font-family: play;
  439. font-size: 13px;
  440. font-weight: 300;
  441. text-decoration: none;}
  442.  
  443. </style>
  444. <a target="_blank" href="https://roleplay.chat/profile.php?user=Shulk" class="credit" target="_blank" title="This code was a commission that was made by Gaia. Do not touch it. Want a code similar? Talk to Gaia.">Layout © Gaia.</a>
  445.  
  446. <div id="Clock-face">
  447. </div></div>
  448. <div id="Kurumi">
  449. </div></div>
  450. <a class="invisibutton1" href="#1"></a>
  451. <a class="invisibutton2" href="#4"></a>
  452. <a class="invisibutton3" href="#2"></a>
  453. <a class="invisibutton4" href="#3"></a>
  454. <a class="invisibutton5" href="#reset"></a>
  455. </div></div>
  456. <div id="1" class="pages">
  457. <h2>Basic Stats.</h2>
  458. <span style="float:left;"><b>Name:</b></span> <span style="float:right;">Kurumi Tokisaki</span><br>
  459. <span style="float:left;"><b>Moniker:</b></span> <span style="float:right;"><a title="Nightmare, Kurumin.">Hover.</a></span><br>
  460. <span style="float:left;"><b>Race:</b></span><span style="float:right;">Spirit of sorts.</span><br>
  461. <span style="float:left;"><b>Gender:</b></span> <span style="float:right;">Female.</span><br>
  462. <span style="float:left;"><b>Age:</b> </span> <span style="float:right;">Countless.</span><br>
  463. <span style="float:left;"><b>Tresses:</b> </span> <span style="float:right;">Black.</span><br>
  464. <span style="float:left;"><b>Irises:</b> </span> <span style="float:right;">One red, one yellow with a clocks face.</span><br>
  465. <span style="float:left;"><b>Height:</b> </span> <span style="float:right;"> 5 ft 2 in</span><br>
  466. <span style="float:left;"><b>Weight:</b></span><span style="float:right;">You don't need this information.</span><br>
  467. <span style="float:left;"><b>Lenience:</b> </span> <span style="float:right;">Pansexual.</span><br>
  468. <span style="float:left;"><b>Marital:</b> </span> <span style="float:right;">Single.</span><br>
  469. <span style="float:left;"><b>Interest:</b> </span> <span style="float:right;">Uninterested.</span><br>
  470. <span style="float:left;"><b>Morality:</b> </span> <span style="float:right;">Fluctuates.</span><br>
  471. </div></div>
  472.  
  473. <div id="2" class="pages2">
  474. <h2> History </h2>
  475. <p> Kurumi was once an ordinary human, just as the largest majority of the population. However, for some unannounced reason she bonded with a Sephira Crystal, which contains Zafkiel. Thus, turning her into a spirit. At the time of her creation, it was unknown if Kurumi had lost her memories as all the other spirits had after their transformation.
  476. <p> Kurumi developed the ability to clone herself. With this power, she created a massive network of information and knowledge. This was how she discovered that all spirits were derived from the very First Spirit. Kurumi didn't view that as a good thing since to her, they were all a mistake. Killing thousands of people to gain enough power, she set off with the mind set to kill the Spirit at the time of her birth, or creation if you will. Of course, the killing of thousands of innocents wouldn't go unnoticed and so, there was Mana. Mana Takamiya was sent to end the reign of terror brought forth by Kurumi. She succeeded in every single fight they had, killing Kurumi time and time again. Yet, the poor thing was only killing the clones!
  477. <p> Kurumi continued on her path, killing over and over again until a "phantom" appeared before her and told her of a boy. A boy that held a vast amount of Spirit mana within his body, which was exactly what she needed to eliminate the First Spirit. By some unknown means, Kurumi infiltrated Raizen High School where Shido Itsuka attended. The rest, as they say, is history. Not history that will be told here just yet.
  478.  
  479. </div></div>
  480.  
  481. <div id="3" class="pages3">
  482. <h2> Contacts. </h2>
  483.  
  484. <a target="_blank" href="http://roleplay.chat/profile.php?user=Chance." target="_blank"><img src="http://i.picpar.com/kIac.gif" height="120" width="120" align="right"></a> - Chance -<br> This guy!
  485.  
  486. </div></div>
  487.  
  488. <div id="4" class="pages4">
  489. <h2> The OOC </h2>
  490. <br> One: IC IS NOT OOC. Fuck off with your petty drama.
  491. <br> Two: This will not always be played cannon, don't like it? I don't care. She's mine!
  492. <br> Three: This is MY code made by GAIA. You can NOT steal it.
  493. <br> Four: I do not own the image. It will be taken down with proof from the creator.
  494. <br> Five: Long term over short term. Always.
  495. <br> Six: I am not interested in your random smut. At all.
  496. <br> Seven: Do not approach with a post, you can pm me your request for rp.
  497. <br> Eight: I rp in third person. I semi para to multi para. Please do not one line me.
  498. <br> Nine: GRAMMAR PLEASE! It doesn't have to be perfect but fucking come on! Give me something!
  499. <br> Ten: I do not enjoy pm rp's often.
  500. <br> Eleven: I do have skype, you are not likely to get it.
  501. <br> Twelve: Very much a W.I.P.
  502. </div></div>
  503.  
  504. <div class="title">Tokisaki, Kurumi.</div>
  505. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement