API tools faq
paste
Advertisement
bythestars

Kal's Code - Kendra

bythestars
Aug 14th, 2020
48
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.84 KB | None | 0 0
raw download clone embed print report
  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> Kendra was adopted as a newborn by the Maines. She was never held, seen or named by her birth mother. <br><br>
  596.  
  597. <b>❥</b> All of her adopted siblings are of different ethnicity, versus their very wealthy white parents (Roger and Marlene) and their natural son <a target="_blank" href="https://roleplay.chat/profile.php?user=scott">Scott</a>. <br><br>
  598.  
  599. <b>❥</b> The Maines make great effort to let their brood know all about their roots, in the most offensive displays possible (that typically are inaccurate and racial profiling), despite their "good intentions." <br><br>
  600.  
  601. <b>❥</b> From the moment she could walk has been enrolled in various dance, ice skating, cheer leading and gymnastic programs. To fluff her talent program for beauty pageants, and to compete professionally. <br><br>
  602.  
  603. <b>❥</b> While she cannot speak Korean or Filipino, is fluent in Spanish and knows a few phrases in French, German and Italian. Mostly the suggestive ones. <br><br>
  604.  
  605. <b>❥</b> As a child had a modeling contract, and can be found in a McDonalds commercial and a few clothing ads. Later in her preteens was in a Crest toothpaste commercial. <br><br>
  606.  
  607. <b>❥</b> Fell in love with dance, and wants to make a career of it. Potentially even becoming a dance choreographer. At present is under the advisory of a talent agent to use a modeling platform to branch out into her personal interests. <br><br>
  608.  
  609. <b>❥</b> Is very confident of her appearance and worth, to the point it comes off egotistical and can be a turn off for the insecure or jealous. This has caused several problems with other girls, and can be very intimidating for men. <br><br>
  610.  
  611. <b>❥</b> One of the first things acquired when moving into an apartment in Los Angeles, was a black pug which is affectionately named <a target="_blank" href="https://i.imgur.com/7veFVGW.jpg">Pogi</a>. He is a rescue from the local ASPCA program, loves to cuddle and extremely tolerant of wearing ridiculous outfits.<br><br>
  612.  
  613.  
  614.  
  615. </div>
  616.  
  617.  
  618.  
  619. </div></div>
  620.  
  621. <div class="box2"><div class="inbox2"><div class="ooc2">Statistics</div>
  622.  
  623.  
  624. <div id="01" class="put">
  625.  
  626. <table border="0" cellspacing="0">
  627. <tr>
  628. <td><b>Name</b></td>
  629. <td>
  630. <p class="td">Kendra Nicole Maine</p>
  631. </td>
  632. </tr>
  633.  
  634.  
  635. <tr>
  636. <td><b>Alias</b></td>
  637. <td>
  638. <p class="td">Princess, Kiwi</p>
  639. </td>
  640. </tr>
  641.  
  642.  
  643. <tr>
  644. <td><b>Gender</b></td>
  645. <td>
  646. <p class="td">♀ Female</p>
  647. </td>
  648. </tr>
  649.  
  650. <td><b>Birthdate</b></td>
  651. <td>
  652. <p class="td">March 14th / Pisces</p>
  653. </td>
  654. </tr>
  655.  
  656. <tr>
  657. <td><b>Birthplace</b></td>
  658. <td>
  659. <p class="td">Manila, Philippines</p>
  660. </td>
  661. </tr>
  662.  
  663. <tr>
  664. <td><b>Occupation</b></td>
  665. <td>
  666. <p class="td">Dancer, Model</p>
  667. </td>
  668. </tr>
  669. <tr>
  670.  
  671. <tr>
  672. <td><b>Marital Status</b></td>
  673. <td>
  674. <p class="td"><a target="_blank" href="https://roleplay.chat/profile.php?user=namehere">Single</a></p>
  675. </td>
  676. </tr>
  677.  
  678. <tr>
  679. <td><b>Orientation</b></td>
  680. <td>
  681. <p class="td">Heterosexual</p>
  682. </td>
  683. </tr>
  684.  
  685. <tr>
  686. <td><b>Ethnicity</b></td>
  687. <td>
  688. <p class="td">Filipino, Korean</p>
  689. </td>
  690. </tr>
  691.  
  692. <tr>
  693. <td><b>Height</b></td>
  694. <td>
  695. <p class="td">5'4"</p>
  696. </td>
  697. </tr>
  698.  
  699. <tr>
  700. <td><b>Weight</b></td>
  701. <td>
  702. <p class="td">123 lbs</p>
  703. </td>
  704. </tr>
  705.  
  706. <tr>
  707. <td><b>Build</b></td>
  708. <td>
  709. <p class="td">Lithe/Slender</p>
  710. </td>
  711. </tr>
  712.  
  713. <tr>
  714. <td><b>Hair Color</b></td>
  715. <td>
  716. <p class="td">Brown</p>
  717. </td>
  718. </tr>
  719.  
  720. <tr>
  721. <td><b>Eye Color</b></td>
  722. <td>
  723. <p class="td">Brown</p>
  724. </td>
  725. </tr>
  726.  
  727. <tr>
  728. <td><b>Scent</b></td>
  729. <td>
  730. <p class="td">Strawberry and Kiwi</p>
  731. </td>
  732. </tr>
  733.  
  734. <tr>
  735. <td><b>Allergies</b></td>
  736. <td>
  737. <p class="td">--</p>
  738. </td>
  739. </tr>
  740.  
  741.  
  742. </table>
  743. </div>
  744.  
  745.  
  746.  
  747.  
  748.  
  749.  
  750.  
  751.  
  752. </div></div>
  753.  
  754. <div class="box3"><div class="inbox3"><div class="ooc3">Out of Character</div>
  755. <div class="words">
  756.  
  757. <b>❥</b> This code was made for me by <a target="_blank" 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>
  758.  
  759. <b>❥</b> I am <a target="_blank" href="https://roleplay.chat/profile.php?user=Star">Star</a>, you're welcome! Very much female, 18+ and a bit flirty but utterly harmless. Taken OOCly, so let's just avoid that awkwardness altogether, mmk?<br><br>
  760.  
  761. <b>❥</b> Kendra is an alt for the <b>We Built This City</b> room. Promise that I am friendly both to run scenes with, and for just idle chat. If for whatever reason I don't answer, drop me an inbox message so it's not lost. <br><br>
  762.  
  763. <b>❥</b> Bullshit RPer that snowballs into multi-para depending on the scene and muse. I thoroughly enjoy IC drama, bored af of OOC drama. Mature themes welcomed, but smut is reserved for dedicated writing partner. <br><br>
  764.  
  765.  
  766.  
  767.  
  768.  
  769.  
  770.  
  771.  
  772.  
  773.  
  774. </div>
  775.  
  776.  
  777.  
  778.  
  779.  
  780. </div></div>
  781.  
  782. <div class="box4">
  783.  
  784.  
  785. <div id="03" class="newer">
  786.  
  787. <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>
  788.  
  789. <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>
  790.  
  791. <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>
  792.  
  793. <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>
  794.  
  795. <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>
  796.  
  797. <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>
  798.  
  799. <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>
  800.  
  801.  
  802. <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>
  803.  
  804.  
  805. </span></a>
  806.  
  807.  
  808.  
  809.  
  810. </div>
  811.  
  812.  
  813. </div>
  814.  
  815. <div class="title">Kendra Maine </div>
  816.  
  817. <div class="title2">♡ </div>
  818.  
  819.  
  820.  
  821.  
  822. <div class="mainimg"></div>
  823. <div class="mainimg2"></div>
  824. <div class="mainimg3"></div>
  825.  
  826. <div class="mainimg4"></div>
  827. <div class="mainimg5"></div>
  828. <div class="mainimg6"></div>
  829.  
  830. <div class="bar1"></div>
  831. <div class="bar2"></div>
  832. <div class="bar3"></div>
  833. <div class="bar4"></div>
  834.  
  835.  
  836. </div>
  837.  
  838. <a target="_blank" href="https://roleplay.chat/profile.php?user=Kal" > <img src="https://i.imgur.com/Msn91L7.png" class="KAL"/></a>
  839.  
  840. </body>
  841. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!