bythestars

Casey - Code

Aug 17th, 2020
65
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.64 KB | None | 0 0
  1. <html>
  2. <head>
  3. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  4. <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
  5. <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.6.5/dat.gui.min.js"></script>
  6. <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
  7. <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.11.0/d3.min.js"></script>
  8. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.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.  
  21. <script type="text/javascript">
  22. $(document).ready(function() {
  23. // Tooltip only Text
  24. $('.masterTooltip').hover(function(){
  25. // Hover over code
  26. var title = $(this).attr('title');
  27. $(this).data('tipText', title).removeAttr('title');
  28. $('<p class="tooltip"></p>')
  29. .text(title)
  30. .appendTo('body')
  31. .fadeIn('slow');
  32. }, function() {
  33. // Hover out code
  34. $(this).attr('title', $(this).data('tipText'));
  35. $('.tooltip').remove();
  36. }).mousemove(function(e) {
  37. var mousex = e.pageX + 20; //Get X coordinates
  38. var mousey = e.pageY + 10; //Get Y coordinates
  39. $('.tooltip')
  40. .css({ top: mousey, left: mousex })
  41. });
  42. });
  43. </script>
  44.  
  45. <style>
  46. @import url('https://fonts.googleapis.com/css?family=Economica|Roboto Condensed|Six Caps');
  47.  
  48.  
  49.  
  50.  
  51.  
  52.  
  53.  
  54.  
  55.  
  56.  
  57. body { cursor: url(https://i.imgur.com/WIeMSiR.png), auto;background-color: #fffffc;
  58. background-image: url("https://transparenttextures.com/patterns/p2.png");
  59. /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */);
  60. }
  61.  
  62. ::-webkit-scrollbar {
  63. width: 4px;
  64. }
  65.  
  66. /* Track */
  67. ::-webkit-scrollbar-track {
  68. background: #;
  69. }
  70.  
  71. /* Handle */
  72. ::-webkit-scrollbar-thumb {
  73. background: #;
  74. }
  75.  
  76. /* Handle on hover */
  77. ::-webkit-scrollbar-thumb:hover {
  78. background: #;
  79. }
  80.  
  81.  
  82.  
  83.  
  84. /* The typing effect */
  85. @keyframes typing {
  86. from { width: 0 }
  87. to { width: 100% }
  88. }
  89.  
  90. /* The typewriter cursor effect */
  91. @keyframes blink-caret {
  92. from, to { border-color: transparent }
  93. 50% { border-color: }
  94. }
  95.  
  96. a {cursor: url(https://i.imgur.com/WIeMSiR.png), auto;}
  97.  
  98.  
  99.  
  100. @font-face{
  101. src:url(
  102.  
  103. https://dl.dropbox.com/s/f4rvkr4ybrkqryz/Geomancy%20-%20Extra%20Bold.otf);
  104.  
  105. font-family:'geo';}
  106.  
  107.  
  108.  
  109. @font-face{
  110. src:url(
  111. https://dl.dropbox.com/s/5er7mixknfa5ext/sexsmith.ttf?dl=0);
  112.  
  113. font-family:'star';}
  114.  
  115.  
  116. .mainbox {position: fixed; background-color: #;
  117. background-image: url(""); width: 710px; height: 425px; border:0px solid; border-color: #fff; margin: auto; left: 0px; right: 0px; top: 50px; bottom: 80px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 2px #d4ceae); }
  118.  
  119. .box1 {position: fixed; background-color: #fcfaf0;opacity:0; Transition:0.6s;
  120. background-image: url(''); width: 180px; height: 25px; border:0px solid; border-color: #fff; margin: auto; left: -385px; right: 0px; top: -248px; bottom: 0px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
  121.  
  122. body:hover .box1 {opacity:1; transition:0.6s;}
  123. body:hover .inbox1 {opacity:1; transition:0.6s;}
  124. body:hover .box2 {opacity:1; transition:0.6s;}
  125. body:hover .inbox2 {opacity:1; transition:0.6s;}
  126. body:hover .box3 {opacity:1; transition:0.6s;}
  127. body:hover .inbox3 {opacity:1; transition:0.6s;}
  128. body:hover .mainimg3 {opacity:1; transition:0.6s;}
  129. body:hover .mainimg4 {opacity:1; transition:0.6s;}
  130.  
  131. body:hover .ooc {opacity:1; transition:0.6s;}
  132. body:hover .ooc2 {opacity:1; transition:0.6s;}
  133. body:hover .ooc3 {opacity:1; transition:0.6s;}
  134. body:hover .newer {opacity:1; transition:0.6s;}
  135.  
  136. .inbox1{position: fixed; background-color: #fcfaf0;opacity:0; Transition:0.6s;
  137. background-image: url(''); width: 180px; height: 355px; border:0px solid; border-color: #fff; margin: auto; left: -385px; right: 0px; top: px; bottom: -50px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
  138.  
  139. .box2 {position: fixed; background-color: #fcfaf0;opacity:0; Transition:0.6s;
  140. background-image: url(""); width: 180px; height: 25px; border:0px solid; border-color: #fff; margin: auto; left: -10px; right: 0px; top: -248px; bottom: 0px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
  141.  
  142. .inbox2{position: fixed; background-color: #fcfaf0;opacity:0; Transition:0.6s;
  143. background-image: url(''); width: 180px; height: 218px; border:0px solid; border-color: #fff; margin: auto; left: -10px; right: 0px; top: px; bottom:87px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
  144.  
  145. .box3 {position: fixed; background-color: #fcfaf0;opacity:0; Transition:0.6s;
  146. background-image: url(""); width: 180px; height: 25px; border:0px solid; border-color: #fff; margin: auto; left: 363px; right: 0px; top: -248px; bottom: 0px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
  147.  
  148. .inbox3{position: fixed; background-color: #fcfaf0;opacity:0; Transition:0.6s;
  149. background-image: url(''); width: 180px; height: 252px; border:0px solid; border-color: #fff; margin: auto; left: 363px; right: 0px; top: px; bottom: 54px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
  150.  
  151. .box4 {position: fixed; background-color: #fcfaf0;transition:0.6s;
  152. background-image: url(""); width: 555px; height: 15px; border:0px solid; border-color: #fff; margin: auto; left: -9px; right: 0px; top: -136px; bottom: -250px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
  153.  
  154. .box42 {position: fixed; background-color: #fcfaf0;transition:0.6s;
  155. background-image: url(""); width: 555px; height: 15px; border:0px solid; border-color: #fff; margin: auto; left: -9px; right: 0px; top: -136px; bottom: -285px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
  156.  
  157.  
  158. body:hover .box4 {bottom:-690; transition:0.6s;}
  159.  
  160. body:hover .box42 {bottom:-844; transition:0.6s;}
  161.  
  162. .box5 {position: fixed; background-color: #fcfaf0;transition:0.6s;
  163. background-image: url(""); width: 555px; height: 35px; border:0px solid; border-color: #fff; margin: auto; left: -9px; right: 0px; top: -73px; bottom: 92px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
  164.  
  165.  
  166.  
  167.  
  168. body:hover .box5 {bottom:465; transition:0.6s;}
  169.  
  170. .mainimg{background-image:url(https://66.media.tumblr.com/78ac7d7bb0e76c349591e5193b696ee7/bb7e8fa9958c070a-f2/s400x600/fbebdda5bec6582e679a9b4dc202fd5d4655ffad.gifv);
  171. background-repeat:no-repeat;
  172. width:276.8px;
  173. height:100px;
  174. background-size:100%;
  175. position:absolute;
  176. top:155;
  177. left:73;
  178. z-index:4;
  179. filter:drop-shadow(0px 0px 2px #fff);
  180. border: 0px solid; border-color: #;
  181. opacity:0.6; transition:0.6s;
  182. }
  183.  
  184. body:hover .mainimg {top:-32; transition:0.6s;}
  185.  
  186. body:hover .mainimg2 {top:-32; transition:0.6s;}
  187.  
  188. .mainimg2 {background-image:url(https://66.media.tumblr.com/45d9cdab01806a19db2586779828a292/bb7e8fa9958c070a-00/s400x600/d2ad656c2c4d0c7f2d290f6e09c172ea20fed8d8.gifv);
  189. background-repeat:no-repeat;
  190. width:277px;
  191. height:100px;
  192. background-size:100%;
  193. position:absolute;
  194. top:155;
  195. left:350;
  196. z-index:4;
  197. filter:drop-shadow(0px 0px 2px #fff); transition:0.6s;
  198. border: 0px solid; border-color: #;
  199. opacity:0.6;
  200. }
  201.  
  202.  
  203.  
  204. .mainimg3 {background-image:url(https://66.media.tumblr.com/22bb1b1b3e0b00a27f6c2fca1de04640/14c2857a8f4925d4-86/s250x400/34e5ef5836f8f8e7762db65afaf4c02530a8a6b3.gifv);
  205. background-repeat:no-repeat;
  206. width:181px;
  207. height:250px;
  208. background-size:100%;
  209. position:absolute;
  210. top:345;
  211. left:260;
  212. z-index:5;
  213. filter:drop-shadow(0px 0px 2px #fff);
  214. border: 0px solid; border-color: #;
  215. opacity:0; Transition:0.6s;
  216. }
  217.  
  218.  
  219. .mainimg4 {background-image:url(https://66.media.tumblr.com/e5f714d31bc89dc367ca80c0db915014/594ea4489fadbb19-95/s400x600/98019d8de3f037497fe9d82c8ba584e83a41b9bd.gifv);
  220. background-repeat:no-repeat;
  221. width:183px;
  222. height:260px;
  223. background-size:100%;
  224. position:absolute;
  225. top:378;
  226. left:445;
  227. z-index:4;
  228. filter:drop-shadow(0px 0px 2px #fff);
  229. border: 0px solid; border-color: #;
  230. opacity:0; Transition:0.6s;
  231. }
  232.  
  233. @font-face{
  234. src:url(https://dl.dropboxusercontent.com/s/ck1f13sl8sx05dc/varsity_regular.ttf);
  235. font-family:'Varsity';}
  236.  
  237.  
  238.  
  239.  
  240. .img3{background-image:url(https://66.media.tumblr.com/ebc5800e7cea170a625938a702330606/tumblr_inline_nv1jb3jT4o1sc3ygs_250.gif);
  241. background-repeat:no-repeat;
  242. width:120px;
  243. height:120px;
  244. background-size:100%;
  245. position:absolute;
  246. top:5;
  247. left:370;
  248. z-index:4;
  249. filter:drop-shadow(0px 0px 1px #fff);
  250. border: 2px solid; border-color: #fff;
  251. opacity:0.61;
  252. }
  253.  
  254.  
  255.  
  256.  
  257. @font-face{
  258. src:url(https://dl.dropbox.com/s/5iqgewazda3ppip/Aintonio.ttf?dl=0);
  259. font-family:'kendra';}
  260.  
  261.  
  262.  
  263.  
  264. .KAL{
  265. position:fixed;
  266. bottom:10px;
  267. left:400px;
  268. opacity:0.3;
  269. width: 50px; height: 30px;
  270. }
  271.  
  272.  
  273.  
  274.  
  275.  
  276. .kal:hover {opacity:1; transition:0.6s;}
  277.  
  278.  
  279.  
  280.  
  281. .ooc { letter-spacing: 0; z-index: 10; position: fixed; left:107px; bottom: 300px; font-family: 'star', cursive; font-size: 45px; color: #fff; position: absolute; width: 220px; filter:drop-shadow(0px 0px 1px #000);opacity:0; Transition:0.6s; }
  282.  
  283.  
  284. .ooc2 { letter-spacing: 0; z-index: 10; position: fixed; left:275px; bottom: 300px; font-family: 'star', cursive; font-size: 45px; color: #fff; position: absolute; width: 220px; filter:drop-shadow(0px 0px 1px #000); opacity:0; Transition:0.6s;}
  285.  
  286. .ooc3 { letter-spacing: 5; z-index: 10; position: fixed; left:506px; bottom: 300px; font-family: 'star', cursive; font-size: 45px; color: #fff; position: absolute; width: 220px; filter:drop-shadow(0px 0px 1px #000);opacity:0; Transition:0.6s; }
  287.  
  288.  
  289. .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); }
  290.  
  291. @font-face{
  292. src:url(https://dl.dropbox.com/s/6beu5bwv90xzyd5/Baisteach.ttf?dl=0);
  293. font-family:'sign';}
  294.  
  295. .title{ transition:0.6s; letter-spacing: 0; z-index: 5; position: fixed; left:135px; bottom: 168px; font-family: 'kendra', cursive; font-size:80px; color: #fff; text-shadow: 0px 0px 3px #; position: absolute; width:1500px; filter:drop-shadow(0px 0px 2px #000); }
  296.  
  297.  
  298. body:hover .title {bottom:358; transition:0.6s;}
  299.  
  300. .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;}
  301.  
  302. .title2:hover { filter:drop-shadow(0px 0px 2px #faa5db); color: #fff; transition: 0.3s; }
  303.  
  304. .words{position: absolute; bottom: 0px; left: 10px; margin: auto;
  305. opacity:1;
  306. height: 245px;
  307. width: 165px;
  308. padding: 0px;
  309. text-align: justify;
  310. font-size: 13px;
  311. overflow: auto;
  312. text-ident: 10px;
  313. color: #85816b;
  314. font-family: economica; letter-spacing: 0;
  315. z-index:10
  316. }
  317.  
  318. .words2 {position: absolute; bottom: 0px; left: 10px; margin: auto;
  319. opacity:1;
  320. height: 210px;
  321. width: 165px;
  322. padding: 0px;
  323. text-align: justify;
  324. font-size: 13px;
  325. overflow: auto;
  326. text-ident: 10px;
  327. color: #85816b;
  328. font-family: economica; letter-spacing: 0;
  329. z-index:0
  330. }
  331.  
  332.  
  333. p{
  334. font-family: 'Economica';
  335. font-size: 14px;
  336. letter-spacing: 0px;
  337. word-spacing: 0px;
  338. color: #e1e1e1;
  339. text-align: justify;f
  340.  
  341. line-height: 20px;
  342. margin: 0px 0px 0px 1px;}
  343.  
  344.  
  345.  
  346.  
  347. b {
  348. letter-spacing: 0.5px;
  349. font-family: sign;
  350. color: #fff;
  351. font-weight: bold;
  352. font-size:15px;
  353. text-transform: uppercase;
  354. font-weight: 100; filter:drop-shadow(0px 0px 1px #000);}
  355.  
  356. .fr1{ width: 50px; height: 50px; margin-bottom: 5px; margin-top: 0px; margin-right: 6px; margin-left: 2px; border: px solid #000; border-radius: 00px; z-index:9; }
  357.  
  358. strong {
  359. font-family: ant;
  360. color: #595747;
  361. font-weight: bold;
  362. font-size: 18px;
  363. text-transform: uppercase;
  364. font-weight: 100; }
  365.  
  366.  
  367. .put{position: absolute; bottom: 0px; left: 10px; margin: auto;
  368. opacity:1;
  369. height: 350px;
  370. width: 170px;
  371. padding: 0px;
  372. text-align: center;
  373. font-size: 1px;
  374. overflow: auto;
  375. text-indent: 0px;
  376. color: #e1e1e1;
  377. font-family: Barlow Condensed;
  378.  
  379. z-index:2;overflow:auto transition: all 0.9s ease-in-out;
  380. -webkit-transition: all 0.4s ease-in-out;
  381. -moz-transition: all 0.4s ease-in-out;
  382. -o-transition: all 0.4s ease-in-out;
  383. -ms-transition: all 0.4s ease-in-out;}
  384.  
  385.  
  386. p.td {
  387. text-align: right;
  388. font-family: economica;
  389. margin-left: -20px;
  390. font-size: 12px;
  391. line-height: 29px;
  392. color: #85816b; }
  393.  
  394. td {
  395. text-align: left;
  396. line-height: 20px; }
  397.  
  398. .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;}
  399.  
  400. .img2:hover {filter:drop-shadow(0px 0px 5px #fff);}
  401.  
  402. .put:target{ opacity:1;
  403. z-index:11;transition: all 0.4s ease-in-out;
  404. -webkit-transition: all 0.4s ease-in-out;
  405. -moz-transition: all 0.4s ease-in-out;z
  406. -o-transition: all 0.4s ease-in-out;
  407. -ms-transition: all 0.4s ease-in-out;overflow:auto;}
  408.  
  409.  
  410.  
  411. a {font-family: sign;
  412. color: #595747;
  413. font-weight: bold;
  414. font-size: 16px;
  415. text-transform: uppercase ; filter:drop-shadow(0px 0px 1px #fff);
  416. text-decoration: none;
  417. font-weight: 100; cursor: url(https://i.imgur.com/WIeMSiR.png), auto; transition: 0.3s;}
  418.  
  419. a:hover {transition: 0.3s; filter:drop-shadow(0px 0px 1px #000); }
  420.  
  421. .newer{position: absolute; bottom:-65px; left:-5px; margin: auto; opacity:0; Transition:0.6s;
  422.  
  423. height: 50px;
  424. width: 555px;
  425. padding:10px;
  426. text-align: center;
  427. font-size: 13px;
  428. overflow: auto;
  429. text-ident: 10px;
  430.  
  431. z-index:20;overflow:auto transition: all 0.9s ease-in-out;
  432. -webkit-transition: all 0.4s ease-in-out;
  433. -moz-transition: all 0.4s ease-in-out;
  434. -o-transition: all 0.4s ease-in-out;
  435. -ms-transition: all 0.4s ease-in-out;}
  436.  
  437. .new{position: absolute; bottom: 5px; left: 5px; margin: auto;
  438. opacity:1;
  439. height: 200px;
  440. width: 27=65px;
  441. padding:10px;
  442. text-align: center;
  443. font-size: 13px;
  444. overflow: auto;
  445. text-ident: 10px;
  446.  
  447.  
  448. z-index:0;overflow:auto transition: all 0.9s ease-in-out;
  449. -webkit-transition: all 0.4s ease-in-out;
  450. -moz-transition: all 0.4s ease-in-out;
  451. -o-transition: all 0.4s ease-in-out;
  452. -ms-transition: all 0.4s ease-in-out;}
  453.  
  454. .new:target{ opacity:1;
  455. z-index:11;transition: all 0.4s ease-in-out;
  456. -webkit-transition: all 0.4s ease-in-out;
  457. -moz-transition: all 0.4s ease-in-out;
  458. -o-transition: all 0.4s ease-in-out;
  459. -ms-transition: all 0.2s ease-in-out;overflow:auto;}
  460.  
  461.  
  462.  
  463.  
  464. #app1{
  465.  
  466.  
  467. -webkit-animation:move 0.0s 1;
  468. animation:move 1.8s 1;
  469. animation-delay:0.0s;
  470. animation-fill-mode:forwards;
  471. -webkit-animation-delay:1s;
  472. -webkit-animation-fill-mode:forwards;
  473. }
  474.  
  475.  
  476.  
  477.  
  478. @keyframes move{
  479. from{ background-image:url(https://i.imgur.com/L3hOOvS.png);
  480.  
  481. width:300px;
  482. height:207px;
  483. background-size:100%;
  484. position:absolute;
  485. top:-207px;
  486. left:145px;
  487. z-index:-1;
  488. filter:drop-shadow(0px 0px 1px #596be3);}
  489. to{ background-image:url(https://i.imgur.com/CsCMJwh.png);
  490. background-repeat:no-repeat;
  491. width:800px;
  492. height:407px;
  493. background-size:100%;
  494. position:absolute;
  495. top:-407px;
  496. left:-100px;
  497. z-index:3;
  498. filter:drop-shadow(0px 0px 1px #596be3);}
  499. }
  500.  
  501.  
  502.  
  503. @-webkit-keyframes move{
  504. from{ background-image:url(https://i.imgur.com/L3hOOvS.png);;
  505. background-repeat:no-repeat;
  506. width:300px;
  507. background-size:100%;
  508. position:absolute;
  509. top:-207px;
  510. left:145px;
  511. z-index:-1;
  512. filter:drop-shadow(0px 0px 1px #596be3);}
  513. to{ background-image:url(https://i.imgur.com/CsCMJwh.png);
  514. background-repeat:no-repeat;
  515. width:800px;
  516. height:407px;
  517. background-size:100%;
  518. position:absolute;
  519.  
  520. z-index:3;
  521. filter:drop-shadow(0px 0px 1px #596be3);}
  522. }
  523.  
  524.  
  525.  
  526. </style>
  527. </head>
  528. <body>
  529.  
  530.  
  531.  
  532. <div class="mainbox">
  533.  
  534. <div class="mainimg"></div>
  535. <div class="mainimg2"></div>
  536.  
  537. <div class="mainimg3"></div>
  538. <div class="mainimg4"></div>
  539.  
  540. <div class="ooc">Statistics</div>
  541.  
  542.  
  543. <div class="ooc2">Headcanons</div>
  544.  
  545.  
  546. <div class="ooc3">OOC</div>
  547.  
  548.  
  549. <div class="box1"></div>
  550.  
  551. <div class="box2">
  552.  
  553.  
  554.  
  555.  
  556. </div>
  557.  
  558. <div class="box3">
  559.  
  560.  
  561.  
  562.  
  563. </div>
  564.  
  565.  
  566. <div class="title">Cassandra Kels </div>
  567.  
  568.  
  569. <div class="inbox1">
  570. <div id="01" class="put">
  571.  
  572. <table border="0" cellspacing="-10">
  573.  
  574.  
  575.  
  576.  
  577.  
  578. <tr>
  579. <td><b>Name</b></td>
  580. <td>
  581. <p class="td">Cassandra Atlanta Kels</p>
  582. </td>
  583. </tr><br>
  584.  
  585.  
  586. <tr>
  587. <td><b>Alias</b></td>
  588. <td>
  589. <p class="td">Casey, Atty</p>
  590. </td>
  591. </tr>
  592.  
  593.  
  594. <tr>
  595. <td><b>Instagram</b></td>
  596. <td>
  597. <p class="td"><a target="_blank" href="https://5e13eb5834249.htmlsave.com/">@CaseyKels</a></p>
  598. </td>
  599. </tr>
  600.  
  601.  
  602. <tr>
  603. <td><b>Birthdate</b></td>
  604. <td>
  605. <p class="td">March 21</p>
  606. </td>
  607. </tr>
  608.  
  609.  
  610. <tr>
  611. <td><b>Hometown</b></td>
  612. <td>
  613. <p class="td">Anaheim, CA</p>
  614. </td>
  615. </tr>
  616.  
  617.  
  618. <tr>
  619. <td><b>Location</b></td>
  620. <td>
  621. <p class="td">Los Angeles</p>
  622. </td>
  623. </tr>
  624.  
  625. <tr>
  626. <td><b>Orientation</b></td>
  627. <td>
  628. <p class="td">Experimental</p>
  629. </td>
  630. </tr>
  631.  
  632.  
  633. <tr>
  634. <td><b>Marital Status</b></td>
  635. <td>
  636. <p class="td">Single</p>
  637. </td>
  638. </tr>
  639.  
  640. <tr>
  641. <td><b>Occupation</b></td>
  642. <td>
  643. <p class="td">Freshman @ UCLA</p>
  644. </td>
  645. </tr>
  646.  
  647. <tr>
  648. <td><b></b></td>
  649. <td>
  650. <p class="td">Blonde @ Komic Kollision</p>
  651. </td>
  652. </tr>
  653.  
  654. <tr>
  655. <td><b>Major</b></td>
  656. <td>
  657. <p class="td">Education</p>
  658. </td>
  659. </tr>
  660.  
  661. <tr>
  662. <td><b>Minor</b></td>
  663. <td>
  664. <p class="td">English Literature</p>
  665. </td>
  666. </tr>
  667.  
  668.  
  669. <tr>
  670. <td><b>Gender</b></td>
  671. <td>
  672. <p class="td">Female</p>
  673. </td>
  674. </tr>
  675.  
  676.  
  677. <tr>
  678. <td><b>Ethnicity</b></td>
  679. <td>
  680. <p class="td">American</p>
  681. </td>
  682. </tr>
  683.  
  684. <tr>
  685. <td><b>Hair Color</b></td>
  686. <td>
  687. <p class="td">Blonde</p>
  688. </td>
  689. </tr>
  690.  
  691.  
  692.  
  693.  
  694. <tr>
  695. <td><b>Eye Color</b></td>
  696. <td>
  697. <p class="td">Blue</p>
  698. </td>
  699. </tr>
  700.  
  701.  
  702.  
  703.  
  704. <tr>
  705. <td><b>Height</b></td>
  706. <td>
  707. <p class="td">5'5"</p>
  708. </td>
  709. </tr>
  710.  
  711.  
  712.  
  713. <tr>
  714. <td><b>Weight</b></td>
  715. <td>
  716. <p class="td">115 lbs</p>
  717. </td>
  718. </tr>
  719.  
  720.  
  721. <tr>
  722. <td><b>Build</b></td>
  723. <td>
  724. <p class="td">Slender</p>
  725. </td>
  726. </tr>
  727.  
  728.  
  729. <tr>
  730. <td><b>Misc</b></td>
  731. <td>
  732. <p class="td">- -</p>
  733. </td>
  734. </tr>
  735.  
  736.  
  737. <tr>
  738. <td><b>Scent</b></td>
  739. <td>
  740. <p class="td">Banana, Vanilla</p>
  741. </td>
  742. </tr>
  743.  
  744. <tr>
  745. <td><b>Allergies</b></td>
  746. <td>
  747. <p class="td">- -</p>
  748. </td>
  749. </tr>
  750.  
  751. </table>
  752. </div>
  753.  
  754.  
  755.  
  756. </div>
  757.  
  758. <div class="inbox2">
  759.  
  760.  
  761. <div class="words2">
  762.  
  763. <strong>✔</strong>This is where you put your headcanons. And this is what <b>BOLD-ing</b> looks like!</b><br><br>
  764. <strong>✔</strong>This is where you put your headcanons. And this is what <b>BOLD-ing</b> looks like!</b><br><br>
  765. <strong>✔</strong>This is where you put your headcanons. And this is what <b>BOLD-ing</b> looks like!</b><br><br>
  766. <strong>✔</strong>This is where you put your headcanons. And this is what <b>BOLD-ing</b> looks like!</b><br><br>
  767. v
  768.  
  769.  
  770.  
  771. </div>
  772.  
  773.  
  774.  
  775.  
  776.  
  777.  
  778. </div>
  779.  
  780.  
  781.  
  782. <div class="inbox3">
  783.  
  784. <div class="words">
  785.  
  786. <strong>✔</strong>This code was made for <b>Casey</b> by <a target="_blank" href="https://roleplay.chat/profile.php?user=kal">Kal</a> and should not be stolen. If you want to get one yourself, leave him a <b>DM</b> or RPC <b>MAIL</b>. He's a nice guy, but often really <b>busy</b>.</b><br><br>
  787. <strong>✔</strong>I'm <a target="_blank" href="https://roleplay.chat/profile.php?user=Star">Star</a>. Writer is female, 18+ and a bit flirty but utterly harmless. Taken OOCly, so let's just avoid that awkwardness altogether, mmk?</b><br><br>
  788. <strong>✔</strong>This is an alt for the <u>UCLA</u> room. Generally 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.</b><br><br>
  789. <strong>✔</strong>Bullshit RPer that snowballs into multi-para depending on the scene and muse. I thoroughly enjoy IC drama, boredaf of OOC drama. Mature themes welcomed, but vary on mood.</b><br><br>
  790.  
  791.  
  792.  
  793.  
  794.  
  795.  
  796. </div>
  797.  
  798. </div>
  799.  
  800. <div class="box42"></div>
  801. <div class="box4">
  802. <div id="03" class="newer">
  803.  
  804. <a target="_blank" href="https://roleplay.chat/profile.php?user=zachary"><img src="https://i.imgur.com/1bXPqdE.gif" class="fr1" style ="opacity:0.8" title=""></a>
  805.  
  806. <a target="_blank" href="https://roleplay.chat/profile.php?user= "><img src="https://66.media.tumblr.com/771f9f1e6c8297602d99a4670d8a4ede/72d39dd2dd1921b4-6d/s250x400/55011c01d68b2eab56fc8293c79dca400e2cae45.gif" class="fr1" style ="opacity:0.9" title=""></a>
  807.  
  808.  
  809. <a target="_blank" href="https://roleplay.chat/profile.php?user= "><img src="https://66.media.tumblr.com/771f9f1e6c8297602d99a4670d8a4ede/72d39dd2dd1921b4-6d/s250x400/55011c01d68b2eab56fc8293c79dca400e2cae45.gif" class="fr1" style ="opacity:0.8" title=""></a>
  810.  
  811. <a target="_blank" href="https://roleplay.chat/profile.php?user= "><img src="https://66.media.tumblr.com/771f9f1e6c8297602d99a4670d8a4ede/72d39dd2dd1921b4-6d/s250x400/55011c01d68b2eab56fc8293c79dca400e2cae45.gif" class="fr1" style ="opacity:0.8" title=""></a>
  812.  
  813. <a target="_blank" href="https://roleplay.chat/profile.php?user= "><img src="https://66.media.tumblr.com/771f9f1e6c8297602d99a4670d8a4ede/72d39dd2dd1921b4-6d/s250x400/55011c01d68b2eab56fc8293c79dca400e2cae45.gif" class="fr1" style ="opacity:0.8" title=""></a>
  814.  
  815. <a target="_blank" href="https://roleplay.chat/profile.php?user= "><img src="https://66.media.tumblr.com/771f9f1e6c8297602d99a4670d8a4ede/72d39dd2dd1921b4-6d/s250x400/55011c01d68b2eab56fc8293c79dca400e2cae45.gif" class="fr1" style ="opacity:0.8" title=""></a>
  816.  
  817. <a target="_blank" href="https://roleplay.chat/profile.php?user= "><img src="https://66.media.tumblr.com/771f9f1e6c8297602d99a4670d8a4ede/72d39dd2dd1921b4-6d/s250x400/55011c01d68b2eab56fc8293c79dca400e2cae45.gif" class="fr1" style ="opacity:0.8" title=""></a>
  818.  
  819. <a target="_blank" href="https://roleplay.chat/profile.php?user= "><img src="https://66.media.tumblr.com/771f9f1e6c8297602d99a4670d8a4ede/72d39dd2dd1921b4-6d/s250x400/55011c01d68b2eab56fc8293c79dca400e2cae45.gif" class="fr1" style ="opacity:0.8" title=""></a>
  820.  
  821. <a target="_blank" href="https://roleplay.chat/profile.php?user= "><img src="https://66.media.tumblr.com/771f9f1e6c8297602d99a4670d8a4ede/72d39dd2dd1921b4-6d/s250x400/55011c01d68b2eab56fc8293c79dca400e2cae45.gif" class="fr1" style ="opacity:0.8" title=""></a>
  822.  
  823.  
  824.  
  825.  
  826.  
  827.  
  828. </span></a>
  829.  
  830.  
  831.  
  832.  
  833. </div>
  834.  
  835. </div>
  836.  
  837. <div class="box5"></div>
  838.  
  839.  
  840.  
  841.  
  842. </div>
  843.  
  844. <a target="_blank" href="https://roleplay.chat/profile.php?user=Kal" ><img src="https://i.imgur.com/Msn91L7.png" class="KAL"/></a>
  845.  
  846. </body>
  847. </html>
Add Comment
Please, Sign In to add comment