Advertisement
Guest User

Kendra New Code

a guest
Jul 18th, 2019
132
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.95 KB | None | 0 0
  1. <body>
  2. <html>
  3. <head>
  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 type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  10. <script src="https://roleplay.chat/jquery.tooltipster.js?v=8"></script>
  11. <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js"></script>
  12. <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/87/three.js"></script>
  13. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
  14. <link href="https://roleplay.chat/tooltipster.css" rel="stylesheet" type="text/css">
  15. <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
  16. <script defer>
  17. window.onload = function() {
  18.  
  19. };
  20. </script>
  21.  
  22. <script type="text/javascript">
  23. $(document).ready(function() {
  24. // Tooltip only Text
  25. $('.masterTooltip').hover(function(){
  26. // Hover over code
  27. var title = $(this).attr('title');
  28. $(this).data('tipText', title).removeAttr('title');
  29. $('<p class="tooltip"></p>')
  30. .text(title)
  31. .appendTo('body')
  32. .fadeIn('slow');
  33. }, function() {
  34. // Hover out code
  35. $(this).attr('title', $(this).data('tipText'));
  36. $('.tooltip').remove();
  37. }).mousemove(function(e) {
  38. var mousex = e.pageX + 20; //Get X coordinates
  39. var mousey = e.pageY + 10; //Get Y coordinates
  40. $('.tooltip')
  41. .css({ top: mousey, left: mousex })
  42. });
  43. });
  44. </script>
  45.  
  46. <style>
  47. @import url('https://fonts.googleapis.com/css?family=Economica|Roboto Condensed|Six Caps');
  48.  
  49.  
  50.  
  51.  
  52.  
  53.  
  54.  
  55.  
  56.  
  57.  
  58. body { cursor: url(https://i.imgur.com/WIeMSiR.png), auto;background-color: #ba4d9d;
  59. background-image: url("https://transparenttextures.com/patterns/p2.png");
  60. /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */);
  61. }
  62.  
  63. ::-webkit-scrollbar {
  64. width: 4px;
  65. }
  66.  
  67. /* Track */
  68. ::-webkit-scrollbar-track {
  69. background: #;
  70. }
  71.  
  72. /* Handle */
  73. ::-webkit-scrollbar-thumb {
  74. background: #;
  75. }
  76.  
  77. /* Handle on hover */
  78. ::-webkit-scrollbar-thumb:hover {
  79. background: #;
  80. }
  81.  
  82.  
  83.  
  84.  
  85. /* The typing effect */
  86. @keyframes typing {
  87. from { width: 0 }
  88. to { width: 100% }
  89. }
  90.  
  91. /* The typewriter cursor effect */
  92. @keyframes blink-caret {
  93. from, to { border-color: transparent }
  94. 50% { border-color: }
  95. }
  96.  
  97. a {cursor: url(https://i.imgur.com/WIeMSiR.png), auto;}
  98.  
  99.  
  100.  
  101. @font-face{
  102. src:url(
  103.  
  104. https://dl.dropbox.com/s/f4rvkr4ybrkqryz/Geomancy%20-%20Extra%20Bold.otf);
  105.  
  106. font-family:'geo';}
  107.  
  108.  
  109.  
  110. @font-face{
  111. src:url(
  112. https://dl.dropbox.com/s/9ln5dag3xxe3du3/staravenue.ttf);
  113.  
  114. font-family:'star';}
  115.  
  116.  
  117. .mainbox {position: fixed; background-color: #;
  118. background-image: url(""); width: 710px; height: 425px; border:0px solid; border-color: #fff; margin: auto; left: 0px; right: 0px; top: 120px; bottom: 80px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 2px #a8277c); }
  119.  
  120. .box1 {position: fixed; background-color: #faa5db;
  121. background-image: url(''); width: 180px; height: 275px; border:0px solid; border-color: #fff; margin: auto; left: -390px; right: 0px; top: 0px; bottom: 0px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
  122.  
  123. .inbox1{position: fixed; background-color: #faa5db;
  124. background-image: url(""); width: 180px; height: 35px; border:0px solid; border-color: #fff; margin: auto; left: -390px; right: 0px; top: -360px; bottom: 0px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #);}
  125.  
  126. .box2 {position: fixed; background-color: #faa5db;
  127. background-image: url(""); width: 180px; height: 275px; border:0px solid; border-color: #fff; margin: auto; left: -10px; right: 0px; top: 0px; bottom: 0px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
  128.  
  129. .inbox2{position: fixed; background-color: #faa5db;
  130. background-image: url(""); width: 180px; height: 35px; border:0px solid; border-color: #fff; margin: auto; left: -10px; right: 0px; top: -360px; bottom: 0px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #);}
  131.  
  132. .box3 {position: fixed; background-color: #faa5db;
  133. background-image: url(""); width: 180px; height: 275px; border:0px solid; border-color: #fff; margin: auto; left: 370px; right: 0px; top: 0px; bottom: 0px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
  134.  
  135. .inbox3{position: fixed; background-color: #faa5db;
  136. background-image: url(""); width: 180px; height: 35px; border:0px solid; border-color: #fff; margin: auto; left: 370px; right: 0px; top: -360px; bottom: 0px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #);}
  137.  
  138.  
  139. .box4 {position: fixed; background-color: #faa5db;
  140. background-image: url(""); width: 745px; height: 85px; border:0px solid; border-color: #fff; margin: auto; left: -22px; right: 0px; top: -73px; bottom: -450px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
  141.  
  142.  
  143.  
  144. .cb1 {position: fixed; background-color: #141318;
  145. width: 320px; height: 30px; border: px solid; border-color: #3e0a0a; margin: auto; left: -8265px; right: 0px; top: 00px; bottom: 300px; z-index:7; border-radius:0px; box-shadow: 1px 2px 2px #; filter:drop-shadow(0px 0px 1px #); background-image: url("https://www.transparenttextures.com/patterns/60-lines.png"); }
  146.  
  147. .cb2 {position: fixed; background-color: #141318;
  148. width: 280px; height: 30px; border: px solid; border-color: #3e0a0a; margin: auto; left: -7620px; right: 0px; top: 00px; bottom: 300px; z-index:7; border-radius:0px; box-shadow: 1px 2px 2px #; filter:drop-shadow(0px 0px 1px #); background-image: url("https://www.transparenttextures.com/patterns/60-lines.png"); }
  149.  
  150. .cb3 {position: fixed; background-color: #141318;
  151. width: 280px; height: 30px; border: px solid; border-color: #3e0a0a; margin: auto; left: -7005px; right: 0px; top: 00px; bottom: 300px; background-image: url("https://www.transparenttextures.com/patterns/60-lines.png"); z-index:7; border-radius:0px; box-shadow: 1px 2px 2px #; filter:drop-shadow(0px 0px 1px #); }
  152.  
  153.  
  154.  
  155. .g1{position: fixed; background-color: #580505; width: 200px; height: 280px; border: px solid; border-color: #3e0a0a; margin: auto; left: -5880px; right: 0px; top: 354px; bottom: 353px; background-size: 100%; z-index:0; border-radius:0px; box-shadow: 1px 2px 2px #; filter:drop-shadow(0px 0px 1px #); }
  156.  
  157.  
  158. .gif1{ position: absolute; width: 160px; height:110px; border: px solid; border-color: #013201; left: 195px; right: 0px; top: 180px; bottom: 353px; background: url(https://66.media.tumblr.com/tumblr_mc114fxlEd1qd1240o12_r2_250.gif
  159. ); background-size: 100%; z-index:7;border-radius:00px ;transition: 0.5s;
  160. opacity:0.8;
  161. }
  162.  
  163.  
  164. .g2{position: fixed; background-color: #580505; width: 200px; height: 280px; border: px solid; border-color: #3e0a0a; margin: auto; left: -5450px; right: 0px; top: 354px; bottom: 353px; background-size: 100%; z-index:0; border-radius:0px; box-shadow: 1px 2px 2px #; filter:drop-shadow(0px 0px 1px #); }
  165.  
  166. .gif2{ position: absolute; width: 160px; height:110px; border: px solid; border-color: #013201; left: 355px; right: 0px; top: 180px; bottom: 353px; background: url(https://66.media.tumblr.com/tumblr_mc114fxlEd1qd1240o10_r1_250.gif
  167. ); background-size: 100%; z-index:7;border-radius:00px ;transition: 0.5s;
  168. opacity:0.8;
  169. }
  170.  
  171. .g3{position: fixed; background-color: #580505; width: 200px; height: 280px; border: px solid; border-color: #3e0a0a; margin: auto; left: -8250px; right: 0px; top: 354px; bottom: 353px; background-size: 100%; z-index:0; border-radius:0px; box-shadow: 1px 2px 2px #; filter:drop-shadow(0px 0px 1px #); }
  172.  
  173.  
  174. .gif3{ position: absolute; width: 150px; height:120px; border: px solid; border-color: #013201; left: 10px; right: 0px; top: 295px; bottom: 353px; background: url(https://66.media.tumblr.com/9b850921f0d1e4e61ab509d1e0767eba/tumblr_mm363djV9v1r3egono4_250.gif
  175. ); background-size: 100%; z-index:7;border-radius:00px ;transition: 0.5s;
  176. opacity:0.80;
  177. }
  178.  
  179.  
  180.  
  181. .g4{position: fixed; background-color: #580505; width: 200px; height: 280px; border: px solid; border-color: #3e0a0a; margin: auto; left: -8680px; right: 0px; top: 354px; bottom: 353px; background-size: 100%; z-index:0; border-radius:0px; box-shadow: 1px 2px 2px #; filter:drop-shadow(0px 0px 1px #); }
  182.  
  183.  
  184. .gif4{ position: absolute; width: 150px; height:120px; border: px solid; border-color: #013201; left: 550px; right: 0px; top: 295px; bottom: 353px; background: url(https://i.imgur.com/Kw0l89M.gif
  185. ); background-size: 100%; z-index:7;border-radius:00px ;transition: 0.5s;
  186. opacity:0.80;
  187. }
  188.  
  189.  
  190. .mainimg{background-image:url(https://66.media.tumblr.com/20db5ad2d5485047b934a5054e9e74f0/tumblr_inline_ohzy6vptX11uq5jh4_100.gif);
  191. background-repeat:no-repeat;
  192. width:110px;
  193. height:150px;
  194. background-size:100%;
  195. position:absolute;
  196. top:5;
  197. left:-35;
  198. z-index:4;
  199. filter:drop-shadow(0px 0px 2px #fff);
  200. border: 0px solid; border-color: #;
  201. opacity:0.91;
  202. }
  203.  
  204. .mainimg2 {background-image:url(https://66.media.tumblr.com/a6246d66caa3c821bd8a546ca7339fad/tumblr_inline_ohzy7wOMDa1uq5jh4_100.gif);
  205. background-repeat:no-repeat;
  206. width:110px;
  207. height:150px;
  208. background-size:100%;
  209. position:absolute;
  210. top:250;
  211. left:-35;
  212. z-index:4;
  213. filter:drop-shadow(0px 0px 2px #fff);
  214. border: 0px solid; border-color: #;
  215. opacity:0.91;
  216. }
  217.  
  218.  
  219.  
  220. .mainimg3 {background-image:url(https://66.media.tumblr.com/f0d3bbc9f29405f0c320cea779a8ca58/tumblr_inline_ohzy7s33M11uq5jh4_100.gif);
  221. background-repeat:no-repeat;
  222. width:110px;
  223. height:150px;
  224. background-size:100%;
  225. position:absolute;
  226. top:128;
  227. left:-35;
  228. z-index:4;
  229. filter:drop-shadow(0px 0px 2px #fff);
  230. border: 0px solid; border-color: #;
  231. opacity:0.91;
  232. }
  233.  
  234.  
  235. .mainimg4 {background-image:url(https://66.media.tumblr.com/364739800f3c62050970810d42b8fc7c/tumblr_inline_ohzy6y4A5a1uq5jh4_100.gif);
  236. background-repeat:no-repeat;
  237. width:110px;
  238. height:150px;
  239. background-size:100%;
  240. position:absolute;
  241. top:6;
  242. left:625;
  243. z-index:4;
  244. filter:drop-shadow(0px 0px 2px #fff);
  245. border: 0px solid; border-color: #;
  246. opacity:0.91;
  247. }
  248.  
  249. .mainimg5 {background-image:url(https://66.media.tumblr.com/b8554bc40d4f18c638d72267093f3dc0/tumblr_inline_ohzy727m4f1uq5jh4_100.gif);
  250. background-repeat:no-repeat;
  251. width:110px;
  252. height:150px;
  253. background-size:100%;
  254. position:absolute;
  255. top:128;
  256. left:625;
  257. z-index:4;
  258. filter:drop-shadow(0px 0px 2px #fff);
  259. border: 0px solid; border-color: #;
  260. opacity:0.91;
  261. }
  262.  
  263. .mainimg6 {background-image:url(https://66.media.tumblr.com/8854166f1c2c0e51b6cf441faf8b05a0/tumblr_inline_ohzy85LF4G1uq5jh4_100.gif);
  264. background-repeat:no-repeat;
  265. width:110px;
  266. height:150px;
  267. background-size:100%;
  268. position:absolute;
  269. top:250;
  270. left:625;
  271. z-index:4;
  272. filter:drop-shadow(0px 0px 2px #fff);
  273. border: 0px solid; border-color: #;
  274. opacity:0.91;
  275. }
  276. @font-face{
  277. src:url(https://dl.dropboxusercontent.com/s/ck1f13sl8sx05dc/varsity_regular.ttf);
  278. font-family:'Varsity';}
  279.  
  280.  
  281.  
  282.  
  283. .img3{background-image:url(https://66.media.tumblr.com/ebc5800e7cea170a625938a702330606/tumblr_inline_nv1jb3jT4o1sc3ygs_250.gif);
  284. background-repeat:no-repeat;
  285. width:120px;
  286. height:120px;
  287. background-size:100%;
  288. position:absolute;
  289. top:5;
  290. left:370;
  291. z-index:4;
  292. filter:drop-shadow(0px 0px 1px #fff);
  293. border: 2px solid; border-color: #fff;
  294. opacity:0.61;
  295. }
  296.  
  297.  
  298.  
  299.  
  300. @font-face{
  301. src:url(https://dl.dropbox.com/s/bn6sco7m410kv1j/Signatrue.ttf);
  302. font-family:'kendra';}
  303.  
  304.  
  305. .bar1 {position: fixed; background-color: #faa5db;
  306. background-image: url(""); width: 85px; height: 20px; border:0px solid; border-color: #fff; margin: auto; left: -671px; right: 0px; top: -181px; bottom: 0px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
  307.  
  308. .bar2 {position: fixed; background-color: #faa5db;
  309. background-image: url(""); width: 85px; height: 20px; border:0px solid; border-color: #fff; margin: auto; left: -671px; right: 0px; top: 65px; bottom: 0px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
  310.  
  311.  
  312.  
  313. .bar3 {position: fixed; background-color: #faa5db;
  314. background-image: url(""); width: 85px; height: 20px; border:0px solid; border-color: #fff; margin: auto; left:638px; right: 0px; top: -181px; bottom: 0px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
  315.  
  316.  
  317.  
  318. .bar4 {position: fixed; background-color: #faa5db;
  319. background-image: url(""); width: 85px; height: 20px; border:0px solid; border-color: #fff; margin: auto; left: 638px; right: 0px; top: 65px; bottom: 0px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
  320.  
  321.  
  322.  
  323.  
  324.  
  325.  
  326. .kal:hover {opacity:1; transition:0.6s;}
  327.  
  328.  
  329.  
  330. .KAL{
  331. position:fixed;
  332. bottom:10px;
  333. left:97%;
  334. opacity:0.5;
  335. width: 50px; height: 30px; transition:0.6s;
  336. }
  337.  
  338.  
  339.  
  340. .ooc { letter-spacing: 0; z-index: 10; position: fixed; left:20px; bottom: -33px; font-family: 'kendra', cursive; font-size: 30px; color: #fff; position: absolute; width: 220px; filter:drop-shadow(0px 0px 1px #000); }
  341.  
  342.  
  343. .ooc2 { letter-spacing: 0; z-index: 10; position: fixed; left:20px; bottom: -36px; font-family: 'kendra', cursive; font-size: 30px; color: #fff; position: absolute; width: 220px; filter:drop-shadow(0px 0px 1px #000); }
  344.  
  345. .ooc3 { letter-spacing: 0; z-index: 10; position: fixed; left:5px; bottom: -30px; font-family: 'kendra', cursive; font-size: 23px; color: #fff; position: absolute; width: 220px; filter:drop-shadow(0px 0px 1px #000); }
  346.  
  347.  
  348. .ooc4 { letter-spacing: 0; z-index: 10; position: fixed; left:273px; bottom: 130px; font-family: 'sign', cursive; font-size: 40px; color: #fff; position: absolute; width: 220px; filter:drop-shadow(0px 0px 2px #000); }
  349.  
  350. @font-face{
  351. src:url(https://dl.dropbox.com/s/br2skah67bjh2a9/MORVA.ttf);
  352. font-family:'sign';}
  353.  
  354. .title{ letter-spacing: 0; z-index: 5; position: fixed; left: 67px; bottom: 385px; font-family: 'sign', cursive; font-size:101px; color: #faa5db; text-shadow: 0px 0px 3px #; position: absolute; width:1500px; filter:drop-shadow(0px 0px px #000); }
  355.  
  356. .title2{ letter-spacing: 0; z-index: 5; position: fixed; left: 358px; bottom: 422px; font-family: '', cursive; font-size:50px; color: #faa5db; text-shadow: 0px 0px 3px #; position: absolute; width:10px; filter:drop-shadow(0px 0px px #000); transition: 0.3s;}
  357.  
  358. .title2:hover { filter:drop-shadow(0px 0px 2px #faa5db); color: #fff; transition: 0.3s; }
  359.  
  360. .words{position: absolute; bottom: -300px; left: 10px; margin: auto;
  361. opacity:1;
  362. height: 260px;
  363. width: 165px;
  364. padding: 0px;
  365. text-align: justify;
  366. font-size: 13px;
  367. overflow: auto;
  368. text-ident: 10px;
  369. color: #000;
  370. font-family: economica; letter-spacing: 0;
  371. z-index:10
  372. }
  373.  
  374. .words2 {position: absolute; bottom: -300px; left: 10px; margin: auto;
  375. opacity:1;
  376. height: 260px;
  377. width: 165px;
  378. padding: 0px;
  379. text-align: justify;
  380. font-size: 13px;
  381. overflow: auto;
  382. text-ident: 10px;
  383. color: #000;
  384. font-family: economica; letter-spacing: 0;
  385. z-index:0
  386. }
  387.  
  388.  
  389. p{
  390. font-family: 'Economica';
  391. font-size: 14px;
  392. letter-spacing: 0px;
  393. word-spacing: 0px;
  394. color: #e1e1e1;
  395. text-align: justify;f
  396.  
  397. line-height: 20px;
  398. margin: 0px 0px 0px 1px;}
  399.  
  400.  
  401.  
  402.  
  403. b {
  404. letter-spacing: 0.5px;
  405. font-family: sign;
  406. color: #fff;
  407. font-weight: bold;
  408. font-size:14px;
  409. text-transform: uppercase;
  410. font-weight: 100; filter:drop-shadow(0px 0px 1px #000);}
  411.  
  412. .fr1{ width: 70px; height: 70px; margin-bottom: 5px; margin-top: 0px; margin-right: 6px; margin-left: 2px; border: px solid #000; border-radius: 00px; z-index:9; }
  413.  
  414. strong {
  415. font-family: ant;
  416. color: #b40000;
  417. font-weight: bold;
  418. font-size: 18px;
  419. text-transform: uppercase;
  420. font-weight: 100; }
  421.  
  422.  
  423. .put{position: absolute; bottom: -295px; left: 10px; margin: auto;
  424. opacity:1;
  425. height: 260px;
  426. width: 170px;
  427. padding: 0px;
  428. text-align: center;
  429. font-size: 1px;
  430. overflow: auto;
  431. text-indent: 0px;
  432. color: #e1e1e1;
  433. font-family: Barlow Condensed;
  434.  
  435. z-index:2;overflow:auto transition: all 0.9s ease-in-out;
  436. -webkit-transition: all 0.4s ease-in-out;
  437. -moz-transition: all 0.4s ease-in-out;
  438. -o-transition: all 0.4s ease-in-out;
  439. -ms-transition: all 0.4s ease-in-out;}
  440.  
  441.  
  442. p.td {
  443. text-align: right;
  444. font-family: economica;
  445. margin-left: -20px;
  446. font-size: 13px;
  447. line-height: 29px;
  448. color: #000; }
  449.  
  450. td {
  451. text-align: left;
  452. line-height: 20px; }
  453.  
  454. .img2{position: absolute; width: 30px; height: 30px; border: 0px solid; top:-98px; border-color: #1a6752; left:87.4; background: url(https://i.imgur.com/pDz3cLt.png); background-size: 100%; z-index:5;border-radius:1px; transition: 0.2s;}
  455.  
  456. .img2:hover {filter:drop-shadow(0px 0px 5px #fff);}
  457.  
  458. .put:target{ opacity:1;
  459. z-index:11;transition: all 0.4s ease-in-out;
  460. -webkit-transition: all 0.4s ease-in-out;
  461. -moz-transition: all 0.4s ease-in-out;z
  462. -o-transition: all 0.4s ease-in-out;
  463. -ms-transition: all 0.4s ease-in-out;overflow:auto;}
  464.  
  465.  
  466.  
  467. a {font-family: sign;
  468. color: #fff;
  469. font-weight: bold;
  470. font-size: 14px;
  471. text-transform: ; filter:drop-shadow(0px 0px 1px #a80c71);
  472. text-decoration: none;
  473. font-weight: 100; cursor: url(https://i.imgur.com/WIeMSiR.png), auto; transition: 0.3s;}
  474.  
  475. a:hover {transition: 0.3s; filter:drop-shadow(0px 0px 1px #fff); }
  476.  
  477. .newer{position: absolute; bottom:-22px; left:0px; margin: auto;
  478. opacity:1;
  479. height: 90px;
  480. width: 730px;
  481. padding:10px;
  482. text-align: center;
  483. font-size: 13px;
  484. overflow: auto;
  485. text-ident: 10px;
  486.  
  487. z-index:20;overflow:auto transition: all 0.9s ease-in-out;
  488. -webkit-transition: all 0.4s ease-in-out;
  489. -moz-transition: all 0.4s ease-in-out;
  490. -o-transition: all 0.4s ease-in-out;
  491. -ms-transition: all 0.4s ease-in-out;}
  492.  
  493. .new{position: absolute; bottom: 5px; left: 5px; margin: auto;
  494. opacity:1;
  495. height: 200px;
  496. width: 27=65px;
  497. padding:10px;
  498. text-align: center;
  499. font-size: 13px;
  500. overflow: auto;
  501. text-ident: 10px;
  502.  
  503.  
  504. z-index:0;overflow:auto transition: all 0.9s ease-in-out;
  505. -webkit-transition: all 0.4s ease-in-out;
  506. -moz-transition: all 0.4s ease-in-out;
  507. -o-transition: all 0.4s ease-in-out;
  508. -ms-transition: all 0.4s ease-in-out;}
  509.  
  510. .new:target{ opacity:1;
  511. z-index:11;transition: all 0.4s ease-in-out;
  512. -webkit-transition: all 0.4s ease-in-out;
  513. -moz-transition: all 0.4s ease-in-out;
  514. -o-transition: all 0.4s ease-in-out;
  515. -ms-transition: all 0.2s ease-in-out;overflow:auto;}
  516.  
  517.  
  518.  
  519.  
  520. #app1{
  521.  
  522.  
  523. -webkit-animation:move 0.0s 1;
  524. animation:move 1.8s 1;
  525. animation-delay:0.0s;
  526. animation-fill-mode:forwards;
  527. -webkit-animation-delay:1s;
  528. -webkit-animation-fill-mode:forwards;
  529. }
  530.  
  531.  
  532.  
  533.  
  534. @keyframes move{
  535. from{ background-image:url(https://i.imgur.com/L3hOOvS.png);
  536.  
  537. width:300px;
  538. height:207px;
  539. background-size:100%;
  540. position:absolute;
  541. top:-207px;
  542. left:145px;
  543. z-index:-1;
  544. filter:drop-shadow(0px 0px 1px #596be3);}
  545. to{ background-image:url(https://i.imgur.com/CsCMJwh.png);
  546. background-repeat:no-repeat;
  547. width:800px;
  548. height:407px;
  549. background-size:100%;
  550. position:absolute;
  551. top:-407px;
  552. left:-100px;
  553. z-index:3;
  554. filter:drop-shadow(0px 0px 1px #596be3);}
  555. }
  556.  
  557.  
  558.  
  559. @-webkit-keyframes move{
  560. from{ background-image:url(https://i.imgur.com/L3hOOvS.png);;
  561. background-repeat:no-repeat;
  562. width:300px;
  563. background-size:100%;
  564. position:absolute;
  565. top:-207px;
  566. left:145px;
  567. z-index:-1;
  568. filter:drop-shadow(0px 0px 1px #596be3);}
  569. to{ background-image:url(https://i.imgur.com/CsCMJwh.png);
  570. background-repeat:no-repeat;
  571. width:800px;
  572. height:407px;
  573. background-size:100%;
  574. position:absolute;
  575.  
  576. z-index:3;
  577. filter:drop-shadow(0px 0px 1px #596be3);}
  578. }
  579.  
  580.  
  581.  
  582. </style>
  583. </head>
  584. <body>
  585.  
  586.  
  587.  
  588. <div class="mainbox">
  589.  
  590.  
  591. <div class="box1"><div class="inbox1"><div class="ooc">Headcanons</div>
  592.  
  593. <div class="words2">
  594.  
  595. <b>❥</b> This space is for Headcanons. This is <b>Bold</b>. This is a <a>Link</a>. <br><br>
  596.  
  597. <b>❥</b> This space is for Headcanons. This is <b>Bold</b>. This is a <a>Link</a>. <br><br>
  598.  
  599. <b>❥</b> This space is for Headcanons. This is <b>Bold</b>. This is a <a>Link</a>. <br><br>
  600.  
  601. <b>❥</b> This space is for Headcanons. This is <b>Bold</b>. This is a <a>Link</a>. <br><br>
  602.  
  603. <b>❥</b> This space is for Headcanons. This is <b>Bold</b>. This is a <a>Link</a>. <br><br>
  604.  
  605. <b>❥</b> This space is for Headcanons. This is <b>Bold</b>. This is a <a>Link</a>. <br><br>
  606.  
  607. <b>❥</b> This space is for Headcanons. This is <b>Bold</b>. This is a <a>Link</a>. <br><br>
  608.  
  609. <b>❥</b> This space is for Headcanons. This is <b>Bold</b>. This is a <a>Link</a>. <br><br>
  610.  
  611.  
  612.  
  613.  
  614.  
  615.  
  616.  
  617.  
  618.  
  619.  
  620.  
  621.  
  622.  
  623. </div>
  624.  
  625.  
  626.  
  627. </div></div>
  628.  
  629. <div class="box2"><div class="inbox2"><div class="ooc2">Statistics</div>
  630.  
  631.  
  632. <div id="01" class="put">
  633.  
  634. <table border="0" cellspacing="0">
  635. <tr>
  636. <td><b>Name</b></td>
  637. <td>
  638. <p class="td">Kendra Nicole Maine</p>
  639. </td>
  640. </tr>
  641.  
  642.  
  643. <tr>
  644. <td><b>Alias</b></td>
  645. <td>
  646. <p class="td">Princess, Keke, Kiwi</p>
  647. </td>
  648. </tr>
  649.  
  650.  
  651. <tr>
  652. <td><b>Gender</b></td>
  653. <td>
  654. <p class="td">♀ Female</p>
  655. </td>
  656. </tr>
  657.  
  658. <td><b>Birthdate</b></td>
  659. <td>
  660. <p class="td">March 14th / Pisces</p>
  661. </td>
  662. </tr>
  663.  
  664. <tr>
  665. <td><b>Birthplace</b></td>
  666. <td>
  667. <p class="td">Manila, Philippines</p>
  668. </td>
  669. </tr>
  670.  
  671. <tr>
  672. <td><b>Location</b></td>
  673. <td>
  674. <p class="td">New York University</p>
  675. </td>
  676. </tr>
  677.  
  678. <tr>
  679. <td><b>Occupation</b></td>
  680. <td>
  681. <p class="td">Freshman @ NYU</p>
  682. </td>
  683. </tr>
  684. <tr>
  685.  
  686. <td><b>Major</b></td>
  687. <td>
  688. <p class="td">Undeclared</p>
  689. </td>
  690. </tr>
  691.  
  692. <tr>
  693. <td><b>Clubs</b></td>
  694. <td>
  695. <p class="td">Dance, Cheerleader</p>
  696. </td>
  697. </tr>
  698. <tr>
  699. <tr>
  700.  
  701. <tr>
  702. <td><b>Marital Status</b></td>
  703. <td>
  704. <p class="td">Single</p>
  705. </td>
  706. </tr>
  707.  
  708. <tr>
  709. <td><b>Orientation</b></td>
  710. <td>
  711. <p class="td">Heterosexual</p>
  712. </td>
  713. </tr>
  714.  
  715. <tr>
  716. <td><b>Height</b></td>
  717. <td>
  718. <p class="td">5'4"</p>
  719. </td>
  720. </tr>
  721.  
  722. <tr>
  723. <td><b>Weight</b></td>
  724. <td>
  725. <p class="td">123 lbs</p>
  726. </td>
  727. </tr>
  728.  
  729. <tr>
  730. <td><b>Build</b></td>
  731. <td>
  732. <p class="td">Lithe/Slender</p>
  733. </td>
  734. </tr>
  735.  
  736. <tr>
  737. <td><b>Hair Color</b></td>
  738. <td>
  739. <p class="td">Brunette/Dyed</p>
  740. </td>
  741. </tr>
  742.  
  743. <tr>
  744. <td><b>Eye Color</b></td>
  745. <td>
  746. <p class="td">Brown</p>
  747. </td>
  748. </tr>
  749.  
  750. <tr>
  751. <td><b>Scent</b></td>
  752. <td>
  753. <p class="td">Strawberry and Kiwi</p>
  754. </td>
  755. </tr>
  756.  
  757. <tr>
  758. <td><b>Allergies</b></td>
  759. <td>
  760. <p class="td">--</p>
  761. </td>
  762. </tr>
  763.  
  764.  
  765. </table>
  766. </div>
  767.  
  768.  
  769.  
  770.  
  771.  
  772.  
  773.  
  774.  
  775. </div></div>
  776.  
  777. <div class="box3"><div class="inbox3"><div class="ooc3">Out of Character</div>
  778. <div class="words">
  779.  
  780. <b>❥</b> This code was made for me by <a href="https://roleplay.chat/profile.php?user=kal">Kal</a>, please do not <b>steal</b> or <b>alter</b> in any way, shape, or form. If you want one, please leave him a <b>mail</b> or a <b>DM</b>. <br><br>
  781.  
  782. <b>❥</b> This space is for OOCs. This is <b>Bold</b>. This is a <a>Link</a>. <br><br>
  783.  
  784. <b>❥</b> This space is for OOCs. This is <b>Bold</b>. This is a <a>Link</a>. <br><br>
  785.  
  786. <b>❥</b> This space is for OOCs. This is <b>Bold</b>. This is a <a>Link</a>. <br><br>
  787.  
  788. <b>❥</b> This space is for OOCs. This is <b>Bold</b>. This is a <a>Link</a>. <br><br>
  789.  
  790. <b>❥</b> This space is for OOCs. This is <b>Bold</b>. This is a <a>Link</a>. <br><br>
  791.  
  792. <b>❥</b> This space is for OOCs. This is <b>Bold</b>. This is a <a>Link</a>. <br><br>
  793.  
  794. <b>❥</b> This space is for OOCs. This is <b>Bold</b>. This is a <a>Link</a>. <br><br>
  795.  
  796.  
  797.  
  798.  
  799.  
  800.  
  801.  
  802.  
  803.  
  804.  
  805.  
  806.  
  807.  
  808. </div>
  809.  
  810.  
  811.  
  812.  
  813.  
  814. </div></div>
  815.  
  816. <div class="box4">
  817.  
  818.  
  819. <div id="03" class="newer">
  820.  
  821.  
  822.  
  823. <a target="_blank" href="https://roleplay.chat/profile.php?user=Kian"><img src="https://66.media.tumblr.com/a8b4c749380b1309e5689403bfa9a64e/tumblr_inline_o26ea6rF5W1rifr4k_500.gif" style="filter:grayscale(40%);" class="fr1" title="Kian Keller"></a>
  824.  
  825. <a target="_blank" href="https://4.roleplay.chat/profile.php?user="><img src="https://66.media.tumblr.com/8a4c990ed8a9d84455fdc2988f650717/tumblr_inline_ogz1nvEDjJ1r2z5wy_100.gif" style="filter:grayscale(40%);" class="fr1" title=""></a>
  826.  
  827. <a target="_blank" href="https://4.roleplay.chat/profile.php?user="><img src="https://66.media.tumblr.com/8a4c990ed8a9d84455fdc2988f650717/tumblr_inline_ogz1nvEDjJ1r2z5wy_100.gif" style="filter:grayscale(40%);" class="fr1" title=""></a>
  828.  
  829. <a target="_blank" href="https://4.roleplay.chat/profile.php?user="><img src="https://66.media.tumblr.com/8a4c990ed8a9d84455fdc2988f650717/tumblr_inline_ogz1nvEDjJ1r2z5wy_100.gif" style="filter:grayscale(40%);" class="fr1" title=""></a>
  830.  
  831. <a target="_blank" href="https://4.roleplay.chat/profile.php?user="><img src="https://66.media.tumblr.com/8a4c990ed8a9d84455fdc2988f650717/tumblr_inline_ogz1nvEDjJ1r2z5wy_100.gif" style="filter:grayscale(40%);" class="fr1" title=""></a>
  832.  
  833. <a target="_blank" href="https://4.roleplay.chat/profile.php?user="><img src="https://66.media.tumblr.com/8a4c990ed8a9d84455fdc2988f650717/tumblr_inline_ogz1nvEDjJ1r2z5wy_100.gif" style="filter:grayscale(40%);" class="fr1" title=""></a>
  834.  
  835. <a target="_blank" href="https://4.roleplay.chat/profile.php?user="><img src="https://66.media.tumblr.com/8a4c990ed8a9d84455fdc2988f650717/tumblr_inline_ogz1nvEDjJ1r2z5wy_100.gif" style="filter:grayscale(40%);" class="fr1" title=""></a>
  836.  
  837. <a target="_blank" href="https://4.roleplay.chat/profile.php?user="><img src="https://66.media.tumblr.com/8a4c990ed8a9d84455fdc2988f650717/tumblr_inline_ogz1nvEDjJ1r2z5wy_100.gif" style="filter:grayscale(40%);" class="fr1" title=""></a>
  838.  
  839. <a target="_blank" href="https://4.roleplay.chat/profile.php?user="><img src="https://66.media.tumblr.com/8a4c990ed8a9d84455fdc2988f650717/tumblr_inline_ogz1nvEDjJ1r2z5wy_100.gif" style="filter:grayscale(40%);" class="fr1" title=""></a>
  840.  
  841.  
  842. </span></a>
  843.  
  844.  
  845.  
  846.  
  847. </div>
  848.  
  849.  
  850. </div>
  851.  
  852. <div class="title">Kendra Maine </div>
  853.  
  854. <div class="title2">♡ </div>
  855.  
  856.  
  857.  
  858.  
  859. <div class="mainimg"></div>
  860. <div class="mainimg2"></div>
  861. <div class="mainimg3"></div>
  862.  
  863. <div class="mainimg4"></div>
  864. <div class="mainimg5"></div>
  865. <div class="mainimg6"></div>
  866.  
  867. <div class="bar1"></div>
  868. <div class="bar2"></div>
  869. <div class="bar3"></div>
  870. <div class="bar4"></div>
  871.  
  872.  
  873. </div>
  874.  
  875. <a target="_blank" href="https://roleplay.chat/profile.php?user=Kal" > <img src="https://i.imgur.com/Msn91L7.png" class="KAL"/></a>
  876.  
  877. </body>
  878. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement