API tools faq
paste
Advertisement
bythestars

Presley - Code

bythestars
Aug 20th, 2020
44
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.75 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: #374d45;
  59. background-image: url("https://www.transparenttextures.com/patterns/absurdity.png");
  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/9ln5dag3xxe3du3/staravenue.ttf);
  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: 30px; right: 0px; top: 380px; bottom: 80px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #192836); }
  118.  
  119. .box1 {position: fixed; background-color: #1b2b26; opacity:0;
  120. background-image: url(""); width: 180px; height: 275px; border:0px solid; border-color: #fff; margin: auto; left: -50px; right: 0px; top:-360px; bottom: 0px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #);transition:0.3s; }
  121.  
  122. body:hover .box1 {opacity:1; transition:0.9s;}
  123.  
  124. body:hover .box3 {opacity:1; transition:0.9s;}
  125.  
  126. body:hover .box5 {opacity:1; transition:0.9s;}
  127.  
  128. body:hover .boxc {opacity:1; transition:0.9s;}
  129.  
  130. .box3 {position: fixed; background-color: #1b2b26;opacity:0;
  131. background-image: url(""); width: 180px; height: 110px; border:0px solid; border-color: #fff; margin: auto; left: -50px; right: 0px; top: 35px; bottom: 0px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #);transition:0.3s; }
  132.  
  133.  
  134. .box5 {position: fixed; background-color: #1b2b26;opacity:0;
  135. background-image: url(""); width: 180px; height: 160px; border:0px solid; border-color: #fff; margin: auto; left: 320px; right: 0px; top:-25px; bottom: 220px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); transition:0.3s;}
  136.  
  137. .boxc {position: fixed; background-color: #1b2b26;opacity:0;
  138. background-image: url(""); width: 100px; height: 360px; border:0px solid; border-color: #fff; margin: auto; left: 610px; right: 0px; top:-25px; bottom: 250px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); transition:0.3s;}
  139.  
  140. .boxz {position: fixed; background-color: #1b2b26;opacity:1;
  141. background-image: url(""); width: 20px; height: 390px; border:0px solid; border-color: #fff; margin: auto; left: 180px; right: 0px; top:54px; bottom: 0px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); transition:0.3s;}
  142.  
  143.  
  144. body:hover .mainimg {opacity:1; transition:0.9s;}
  145. body:hover .mainimg2 {opacity:1; transition:0.9s;}
  146.  
  147. body:hover #music-bg {opacity:1; transition:0.9s;}
  148. .mainimg{background-image:url(https://66.media.tumblr.com/8a2c0dd13a6b86eacc5ba14b77048fa0/3fafcb23317de1b6-15/s540x810/6f17a31c7d5698fad6a3ce759a30833517ebb799.gifv);
  149. background-repeat:no-repeat;
  150. width:180px;
  151. height:110px;
  152. background-size:100%;
  153. position:absolute;
  154. top:-105;
  155. left:425;
  156. z-index:4;
  157. filter:drop-shadow(0px 0px 2px #);
  158. border: 0px solid; border-color: #;
  159. opacity:0;filter: grayscale(60%);transition:0.3s;
  160. }
  161.  
  162.  
  163. .mainimg3{background-image:url(https://i.pinimg.com/originals/d9/3d/16/d93d16e7aa78be7af3bb58f1d6ee4850.jpg
  164. );
  165. background-repeat:no-repeat;
  166. width:300px;
  167. height:390px;
  168. background-size:100%;
  169. position:absolute;
  170. top:-105;
  171. left:120;
  172. z-index:4;
  173. filter:drop-shadow(0px 0px 2px #);
  174. border: 0px solid; border-color: #;
  175. opacity:0.6; filter: grayscale(60%);transition:0.3s;
  176. }
  177.  
  178. body:hover .mainimg3 {left:-65; transition:0.5s;}
  179.  
  180. body:hover .boxz {left:770; transition:0.5s;}
  181.  
  182. .mainimg2 {background-image:url(https://66.media.tumblr.com/637ba3e5e3ed5923b1b902e8b3ff0676/3fafcb23317de1b6-d2/s540x810/5cf9d7201401209c9b8eb575fe349b00466b349c.gifv);
  183. background-repeat:no-repeat;
  184. width:180px;transition:0.3s;
  185. height:110px;
  186. background-size:100%;
  187. position:absolute;
  188. top:175;
  189. left:425;
  190. z-index:4;
  191. filter:drop-shadow(0px 0px 2px #fff);
  192. border: 0px solid; border-color: #;
  193. opacity:0; filter: grayscale(60%);
  194. }
  195.  
  196.  
  197. .mainimg4{background-image:url(https://i.pinimg.com/236x/50/b0/d8/50b0d81a1f1c80bcfec7e7b769101525--timur-simakov-spider.jpg);
  198. background-repeat:no-repeat;
  199. width:350px;
  200. height:380px;
  201. background-size:100%;
  202. position:absolute;
  203. top:10;
  204. left:565;
  205. z-index:4;
  206. filter:drop-shadow(0px 0px 2px #);
  207. border: 0px solid; border-color: #;
  208. opacity:0.3;
  209. }
  210.  
  211.  
  212.  
  213. @font-face{
  214. src:url(https://dl.dropbox.com/s/i6kepfkcubpyh1u/TheAbsolute.otf?dl=0);
  215. font-family:'namer';}
  216.  
  217.  
  218.  
  219.  
  220. .img3{background-image:url(https://66.media.tumblr.com/ebc5800e7cea170a625938a702330606/tumblr_inline_nv1jb3jT4o1sc3ygs_250.gif);
  221. background-repeat:no-repeat;
  222. width:120px;
  223. height:120px;
  224. background-size:100%;
  225. position:absolute;
  226. top:5;
  227. left:370;
  228. z-index:4;
  229. filter:drop-shadow(0px 0px 1px #fff);
  230. border: 2px solid; border-color: #fff;
  231. opacity:0.61;
  232. }
  233.  
  234.  
  235.  
  236.  
  237. @font-face{
  238. src:url(https://dl.dropbox.com/s/buw2fh8x2z3n17b/Aver%20Bold.ttf?dl=0);
  239. font-family:'new';}
  240.  
  241.  
  242.  
  243.  
  244. @font-face{
  245. src:url(https://dl.dropbox.com/s/rdzvaqiof87izan/Congratulations_DEMO.ttf);
  246. font-family:'sign';}
  247.  
  248. .title{ letter-spacing: 0; z-index: 5; position: fixed; left: 23px; bottom: 5px; font-family: 'namer', cursive; font-size:63px; color: #c9ffee; text-shadow: 0px 0px 3px #; position: absolute; width:150px; filter:drop-shadow(0px 0px 2px #c4ffed); }
  249.  
  250. .title2{ letter-spacing: ; z-index: 5; position: fixed; left: 70px; bottom: -60px; font-family: 'sign', cursive; font-size:100px; color: #fff; text-shadow: 0px 0px 3px #; position: absolute; width:1500px; filter:drop-shadow(0px 0px px #000); }
  251.  
  252.  
  253. .inpic{ letter-spacing: ; z-index: 10; position: fixed; left: 44px; bottom:297px; font-family: 'namer', cursive; font-size:15px; color: #fff; text-shadow: 0px 0px 3px #; position: absolute; width:10px; opacity:0; transition:0.3s;}
  254.  
  255. .inpic1{ letter-spacing: ; z-index: 10; position: fixed; left: 44px; bottom:213px; font-family: 'namer', cursive; font-size:15px; color: #fff; text-shadow: 0px 0px 3px #; position: absolute; width:10px; opacity:0; transition:0.3s;}
  256.  
  257.  
  258. .inpic2{ letter-spacing: ; z-index: 10; position: fixed; left: 46px; bottom:130px; font-family: 'namer', cursive; font-size:15px; color: #fff; text-shadow: 0px 0px 3px #; position: absolute; width:10px; opacity:0; transition:0.3s;}
  259.  
  260.  
  261. .inpic3{ letter-spacing: ; z-index: 10; position: fixed; left: 51px; bottom:33px; font-family: 'namer', cursive; font-size:15px; color: #fff; text-shadow: 0px 0px 3px #; position: absolute; width:10px; opacity:0; transition:0.3s;}
  262.  
  263.  
  264. .inpic4{ letter-spacing: ; z-index: 10; position: fixed; left: 48px; bottom:-50px; font-family: 'namer', cursive; font-size:15px; color: #fff; text-shadow: 0px 0px 3px #; position: absolute; width:10px; opacity:0; transition:0.3s;}
  265.  
  266.  
  267.  
  268. .fr1:hover{ opacity: 0.4; transition:0.3s;}
  269.  
  270. .fr1:hover + .inpic {opacity:1;}
  271. .fr1:hover + .inpic1 {opacity:1;}
  272. .fr1:hover + .inpic2 {opacity:1;}
  273. .fr1:hover + .inpic3 {opacity:1;}
  274. .fr1:hover + .inpic4 {opacity:1;}
  275.  
  276. .words {position: absolute; bottom: 5px; left: 10px; margin: auto;
  277. opacity:1;
  278. height: 150px;
  279. width: 160px;
  280. padding: 0px;
  281. text-align: justify;
  282. font-size: 13px;
  283. overflow: auto;
  284. text-ident: 10px;
  285. color: #f7fffd;
  286. font-family: economica;
  287. z-index:20
  288. }
  289.  
  290. .words2 {position: absolute; bottom: 5px; left: 10px; margin: auto;
  291. opacity:1;
  292. height: 100px;
  293. width: 160px;
  294. padding: 0px;
  295. text-align: justify;
  296. font-size: 13px;
  297. overflow: auto;
  298. text-ident: 10px;
  299. color: #f7fffd;
  300. font-family: economica;
  301. z-index:20;
  302. }
  303.  
  304.  
  305. p{
  306. font-family: 'Economica';
  307. font-size: 14px;
  308. letter-spacing: 0px;
  309. word-spacing: 0px;
  310. color: #e1e1e1;
  311. text-align: justify;
  312.  
  313. line-height: 20px;
  314. margin: 0px 0px 0px 1px;}
  315.  
  316.  
  317.  
  318.  
  319. b {
  320. letter-spacing: 0px;
  321. font-family: economica;
  322. color: #c9ffee;
  323. font-weight: bold;
  324. font-size:13px;
  325. text-transform: uppercase;
  326. font-weight: 100; filter:drop-shadow(0px 0px 1px #000);}
  327.  
  328. .fr1{ width: 80px; height: 80px; margin-bottom: 5px; margin-top: 0px; margin-right: px; margin-left: 2px; border: px solid #000; border-radius: 00px; z-index:9; opacity:0.7 }
  329.  
  330. strong {
  331. font-family: economica; letter-spacing: 2px;
  332. color: #17b080;
  333. font-weight: bold;
  334. font-size: 12px;
  335. text-transform: uppercase;
  336. font-weight: 100; }
  337.  
  338.  
  339. .put{position: absolute; bottom: 5px; left:8px; margin: auto;
  340. opacity:1;
  341. height: 265px;
  342. width: 180px;
  343. padding: 0px;
  344. text-align: center;
  345. font-size: 1px;
  346. overflow: auto;
  347. text-indent: 0px;
  348. color: #e1e1e1;
  349. font-family: Barlow Condensed;
  350.  
  351. z-index:22;overflow:auto transition: all 0.9s ease-in-out;
  352. -webkit-transition: all 0.4s ease-in-out;
  353. -moz-transition: all 0.4s ease-in-out;
  354. -o-transition: all 0.4s ease-in-out;
  355. -ms-transition: all 0.4s ease-in-out;}
  356.  
  357.  
  358. p.td {
  359. text-align: right;
  360. font-family:economica;
  361. margin-left: -10px;
  362. font-size: 13px;
  363. line-height: 0px;
  364. color: #f7fffd; }
  365.  
  366. td {
  367. text-align: left;
  368. line-height: 20px; }
  369.  
  370. .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;}
  371.  
  372. .img2:hover {filter:drop-shadow(0px 0px 5px #fff);}
  373.  
  374. .put:target{ opacity:1;
  375. z-index:11;transition: all 0.4s ease-in-out;
  376. -webkit-transition: all 0.4s ease-in-out;
  377. -moz-transition: all 0.4s ease-in-out;z
  378. -o-transition: all 0.4s ease-in-out;
  379. -ms-transition: all 0.4s ease-in-out;overflow:auto;}
  380.  
  381. .kal:hover {opacity:1; transition:0.6s;}
  382.  
  383.  
  384. a {font-family: namer;letter-spacing: 2px;
  385. color: #17b080;
  386. font-weight: bold;
  387. font-size: 12px;
  388. text-transform: ;
  389. text-decoration: none;
  390. font-weight: 100; cursor: url(https://i.imgur.com/WIeMSiR.png), auto;
  391.  
  392. transition:0.3s;}
  393.  
  394. a:hover {color: #ccfceb; transition:0.3s;}
  395.  
  396. .newer{position: absolute; bottom:0px; left:-9px; margin: auto;
  397. opacity:1;
  398. height: 340px;
  399. width: 100px;
  400. padding:10px;
  401. text-align: center;
  402. font-size: 13px;
  403. overflow: auto;
  404. text-ident: 10px;
  405.  
  406. z-index:20;overflow:auto transition: all 0.9s ease-in-out;
  407. -webkit-transition: all 0.4s ease-in-out;
  408. -moz-transition: all 0.4s ease-in-out;
  409. -o-transition: all 0.4s ease-in-out;
  410. -ms-transition: all 0.4s ease-in-out;}
  411.  
  412. .KAL{
  413. position:fixed;
  414. bottom:10px;
  415. left:97%;
  416. opacity:0.3;
  417. width: 50px; height: 30px;
  418. }
  419.  
  420.  
  421. .new{position: absolute; bottom: 5px; left: 5px; margin: auto;
  422. opacity:1;
  423. height: 200px;
  424. width: 265px;
  425. padding:10px;
  426. text-align: center;
  427. font-size: 13px;
  428. overflow: auto;
  429. text-ident: 10px;
  430.  
  431.  
  432. z-index:0;overflow:auto transition: all 0.9s ease-in-out;
  433. -webkit-transition: all 0.4s ease-in-out;
  434. -moz-transition: all 0.4s ease-in-out;
  435. -o-transition: all 0.4s ease-in-out;
  436. -ms-transition: all 0.4s ease-in-out;}
  437.  
  438. .new:target{ opacity:1;
  439. z-index:11;transition: all 0.4s ease-in-out;
  440. -webkit-transition: all 0.4s ease-in-out;
  441. -moz-transition: all 0.4s ease-in-out;
  442. -o-transition: all 0.4s ease-in-out;
  443. -ms-transition: all 0.2s ease-in-out;overflow:auto;}
  444.  
  445.  
  446.  
  447.  
  448. #app1{
  449.  
  450.  
  451. -webkit-animation:move 0.0s 1;
  452. animation:move 1.8s 1;
  453. animation-delay:0.0s;
  454. animation-fill-mode:forwards;
  455. -webkit-animation-delay:1s;
  456. -webkit-animation-fill-mode:forwards;
  457. }
  458.  
  459.  
  460.  
  461.  
  462. @keyframes move{
  463. from{ background-image:url(https://i.imgur.com/L3hOOvS.png);
  464.  
  465. width:300px;
  466. height:207px;
  467. background-size:100%;
  468. position:absolute;
  469. top:-207px;
  470. left:145px;
  471. z-index:-1;
  472. filter:drop-shadow(0px 0px 1px #596be3);}
  473. to{ background-image:url(https://i.imgur.com/CsCMJwh.png);
  474. background-repeat:no-repeat;
  475. width:800px;
  476. height:407px;
  477. background-size:100%;
  478. position:absolute;
  479. top:-407px;
  480. left:-100px;
  481. z-index:3;
  482. filter:drop-shadow(0px 0px 1px #596be3);}
  483. }
  484.  
  485.  
  486.  
  487. @-webkit-keyframes move{
  488. from{ background-image:url(https://i.imgur.com/L3hOOvS.png);;
  489. background-repeat:no-repeat;
  490. width:300px;
  491. background-size:100%;
  492. position:absolute;
  493. top:-207px;
  494. left:145px;
  495. z-index:-1;
  496. filter:drop-shadow(0px 0px 1px #596be3);}
  497. to{ background-image:url(https://i.imgur.com/CsCMJwh.png);
  498. background-repeat:no-repeat;
  499. width:800px;
  500. height:407px;
  501. background-size:100%;
  502. position:absolute;
  503.  
  504. z-index:3;
  505. filter:drop-shadow(0px 0px 1px #596be3);}
  506. }
  507.  
  508.  
  509.  
  510.  
  511. #music-bg {
  512. position:absolute;
  513. background-color:#1b2b26;
  514. left:610px;
  515. top:260px;
  516. width:100;
  517. height:25; opacity:0;transition:0.3s;
  518. }
  519.  
  520. #music{
  521. position:absolute;
  522. background-image:
  523. url('https://i.imgur.com/N3ScMZd.png');
  524. background-repeat: no-repeat;
  525. background-size: 10px;
  526. width:45px;
  527. height:16px;
  528. z-index:99;
  529. left:9;
  530. top:7;
  531. -webkit-transition: all 0.5s ease-in-out;
  532. -moz-transition: all 0.5s ease-in-out;
  533. -o-transition: all 0.5s ease-in-out;
  534. }
  535.  
  536. #music-title-bg {
  537. position:absolute;
  538. background-color:#1b2b26;
  539. width:70;
  540. height:20;
  541. left:25;
  542. top:0;
  543. }
  544.  
  545. #music-title-bg2 {
  546. position:absolute;
  547. background-color:#;
  548. width:75;
  549. height:20px;
  550. left:-7;
  551. top:3;
  552. }
  553.  
  554. #music-title {
  555. position:absolute;
  556. color:#c9ffee;
  557. font-family:economica;
  558. font-size:12px;
  559. text-transform:uppercase;
  560. text-align:justify;
  561. width:70; letter-spacing:0px;
  562. left:6;
  563. top:3;
  564. }
  565.  
  566.  
  567.  
  568. </style>
  569. </head>
  570. <body>
  571.  
  572.  
  573.  
  574. <div class="mainbox">
  575.  
  576.  
  577.  
  578. <div class="box1">
  579.  
  580.  
  581. <div id="01" class="put">
  582.  
  583. <table border="0" cellspacing="-10">
  584.  
  585.  
  586.  
  587.  
  588.  
  589. <tr>
  590. <td><b>Name</b></td>
  591. <td>
  592. <p class="td">Presley Charlotte Watts</p>
  593. </td>
  594. </tr><br>
  595.  
  596.  
  597. <tr>
  598. <td><b>Alias</b></td>
  599. <td>
  600. <p class="td">Pres, MegaWatt, Watty</p>
  601. </td>
  602. </tr><br>
  603.  
  604.  
  605. <tr>
  606. <td><b>Birthdate</b></td>
  607. <td>
  608. <p class="td">February 23rd</p>
  609. </td>
  610. </tr>
  611.  
  612.  
  613. <tr>
  614. <td><b>Hometown</b></td>
  615. <td>
  616. <p class="td">Sidney, Australia</p>
  617. </td>
  618. </tr>
  619.  
  620.  
  621. <tr>
  622. <td><b>Location</b></td>
  623. <td>
  624. <p class="td">Los Angeles</p>
  625. </td>
  626. </tr>
  627.  
  628. <tr>
  629. <td><b>Orientation</b></td>
  630. <td>
  631. <p class="td">Adventurous</p>
  632. </td>
  633. </tr>
  634.  
  635.  
  636. <tr>
  637. <td><b>Marital Status</b></td>
  638. <td>
  639. <p class="td"><a target="_blank" href="link here">Single</div></p>
  640. </td>
  641. </tr>
  642.  
  643. <tr>
  644. <td><b>Major</b></td>
  645. <td>
  646. <p class="td">Media Technology</p>
  647. </td>
  648. </tr>
  649.  
  650. <tr>
  651. <td><b>Minor</b></td>
  652. <td>
  653. <p class="td">Art Theory</p>
  654. </td>
  655. </tr>
  656.  
  657.  
  658. <tr>
  659. <td><b>Gender</b></td>
  660. <td>
  661. <p class="td">Female</p>
  662. </td>
  663. </tr>
  664.  
  665.  
  666. <tr>
  667. <td><b>Ethnicity</b></td>
  668. <td>
  669. <p class="td">Australian</p>
  670. </td>
  671. </tr>
  672.  
  673. <tr>
  674. <td><b>Hair Color</b></td>
  675. <td>
  676. <p class="td">Golden Blonde</p>
  677. </td>
  678. </tr>
  679.  
  680.  
  681.  
  682.  
  683. <tr>
  684. <td><b>Eye Color</b></td>
  685. <td>
  686. <p class="td">Sky Blue</p>
  687. </td>
  688. </tr>
  689.  
  690.  
  691.  
  692.  
  693. <tr>
  694. <td><b>Height</b></td>
  695. <td>
  696. <p class="td">5'5''</p>
  697. </td>
  698. </tr>
  699.  
  700.  
  701.  
  702. <tr>
  703. <td><b>Weight</b></td>
  704. <td>
  705. <p class="td">117 lbs.</p>
  706. </td>
  707. </tr>
  708.  
  709.  
  710. <tr>
  711. <td><b>Build</b></td>
  712. <td>
  713. <p class="td">Slender/Athletic</p>
  714. </td>
  715. </tr>
  716.  
  717.  
  718. <tr>
  719. <td><b>Misc</b></td>
  720. <td>
  721. <p class="td"><a target="_blank" href="https://i.imgur.com/tAa51sH.jpg">Tattoo</a> on wrist</p>
  722. </td>
  723. </tr>
  724.  
  725.  
  726. <tr>
  727. <td><b>Scent</b></td>
  728. <td>
  729. <p class="td">Pineapple and Kiwi</p>
  730. </td>
  731. </tr>
  732.  
  733. <tr>
  734. <td><b>Allergies</b></td>
  735. <td>
  736. <p class="td">Strawberries</p>
  737. </td>
  738. </tr>
  739. </table>
  740. </div>
  741.  
  742.  
  743.  
  744.  
  745.  
  746.  
  747.  
  748.  
  749.  
  750.  
  751.  
  752.  
  753.  
  754.  
  755. </div>
  756.  
  757.  
  758.  
  759.  
  760.  
  761.  
  762.  
  763.  
  764.  
  765.  
  766. <div class="box2">
  767.  
  768.  
  769.  
  770.  
  771.  
  772.  
  773.  
  774.  
  775.  
  776.  
  777.  
  778.  
  779.  
  780.  
  781. </div>
  782.  
  783.  
  784.  
  785.  
  786.  
  787.  
  788.  
  789.  
  790.  
  791.  
  792.  
  793.  
  794.  
  795.  
  796.  
  797.  
  798. <div class="box3">
  799.  
  800.  
  801. <div class="words2">
  802.  
  803. <strong>✫</strong>This code was made only for <b>Presley</b> by <a target="_blank" href="https://roleplay.chat/profile.php?user=kal">KAL</a>. Please do not steal the code. In the <b>event</b> that you'd like one for yourself, leave him <b>Mail</b> or a <b>DM</b>! <br><br>
  804.  
  805. <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>
  806.  
  807. <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.<br><br>
  808.  
  809. <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.<br><br>
  810.  
  811. </div>
  812.  
  813.  
  814. </div>
  815.  
  816.  
  817.  
  818.  
  819.  
  820.  
  821.  
  822.  
  823.  
  824.  
  825.  
  826.  
  827. <div class="boxc">
  828.  
  829. <div id="03" class="newer">
  830.  
  831.  
  832.  
  833. <a target="_blank" href="https://4.roleplay.chat/profile.php?user=Nick"><img src="http://25.media.tumblr.com/tumblr_m3okndsSv91qile3lo1_250.gif" style="filter:grayscale(79%);" class="fr1" title="Cousin. Not the sharpest tool in the shed, but makes up for it with having one of the biggest hearts."> <div class="inpic">Nicky </div></a>
  834.  
  835. <a target="_blank" href="https://4.roleplay.chat/profile.php?user=Archie"><img src="https://i.imgur.com/AULz4uS.gif" style="filter:grayscale(79%);" class="fr1" title="Best friend. The one person who knows me better than anyone, and divulge all my secrets to. I love him with all my heart, and sometimes that can cloud my judgement or perception of how things are. He's everything that a girl could want, and he'll make someone happy again when he's ready. Spock to my Kirk, Chewie to my Solo, Willow to my Buffy, Young to my Watts. "> <div class="inpic1">Ace</div></a>
  836.  
  837. <a target="_blank" href="https://4.roleplay.chat/profile.php?user=riley"><img src="https://i.imgur.com/svgcshC.gif" style="filter:grayscale(79%);" class="fr1" title="Friend. A real sweetheart with a peculiar taste for horror and true crime. I love making videos with her."> <div class="inpic2">Riles </div></a>
  838.  
  839.  
  840. <a target="_blank" href="https://4.roleplay.chat/profile.php?user=vivaldi"><img src="https://66.media.tumblr.com/73787e8336e3af7f4b97caa56ac7f39f/tumblr_inline_piv4c3lgDi1t9ndkh_1280.gif" style="filter:grayscale(50%);" class="fr1" title="Friend. What a firecracker! A breed of sexy that comes with a warning label."> <div class="inpic3">Red</div></a>
  841.  
  842.  
  843. <a target="_blank" href="https://4.roleplay.chat/profile.php?user=https://4.roleplay.chat/profile.php?user=Kian "><img src="https://66.media.tumblr.com/3b776b12f59ab0e4a0e4d67acdd7ca16/tumblr_inline_o3mpz5e8oR1u16cdb_100.gif" style="filter:grayscale(60%);" class="fr1" title="Friend. Fun and unexpected. Bit too hung up on his ex-girlfriend. Too bad I couldn't have been your baby."> <div class="inpic4">K-Easy</div></a>
  844.  
  845.  
  846. <a target="_blank" href="https://4.roleplay.chat/profile.php?user= "><img src="https://i.imgur.com/GuvUeJA.gif" style="filter:grayscale(60%);" class="fr1" title=""> <div class="inpic"> </div></a>
  847.  
  848.  
  849. <a target="_blank" href="https://4.roleplay.chat/profile.php?user= "><img src="https://i.imgur.com/GuvUeJA.gif" style="filter:grayscale(60%);" class="fr1" title=""> <div class="inpic"> </div></a>
  850.  
  851.  
  852. <a target="_blank" href="https://4.roleplay.chat/profile.php?user= "><img src="https://i.imgur.com/GuvUeJA.gif" style="filter:grayscale(60%);" class="fr1" title=""> <div class="inpic"> </div></a>
  853.  
  854.  
  855.  
  856. </div>
  857.  
  858.  
  859.  
  860.  
  861. </div>
  862.  
  863.  
  864.  
  865. <div class="box5">
  866.  
  867.  
  868.  
  869.  
  870.  
  871. <div class="words">
  872.  
  873. <strong>✫</strong> The only child of Arthur and Sienna Watts (née Bennett), combining her father's <u>gorgeous</u> blue eyes and mother's <b>wild</b> blonde curls. May or may not be named in part for their mutual <i>love</i> of Elvis Presley. <br><br>
  874.  
  875. <strong>✫</strong> <b>Lost</b> her father in a boating accident when she was seven, <i>narrowly escaped drowning</i> herself. Despite this has <u>never</u> lost a love for water activities.<br><br>
  876.  
  877. <strong>✫</strong> When she was ten, her stepfather and mother perished in a house fire. Presley in turn, would spend the majority of her developmental years as a ward of the state.<br><br>
  878.  
  879. <strong>✫</strong> Upon graduating high school at eighteen, fled to the U.S.A. to start a new life where no one knew her story. <br><br>
  880.  
  881. <strong>✫</strong> During orientation of freshman year at UCLA, met <a target="_blank" href="https://roleplay.chat/profile.php?user=Archie">Archie</a> and bonded over being literal fresh meat to their new home for the next four plus years.<br><br>
  882.  
  883. <strong>✫</strong> Due to living in a relative cage for ages, tries to do everything she possibly can as opportunity presents itself. No thrill too intense or small to experience. But prefers to at least drag one other individual along for a shared memory. <br><br>
  884.  
  885. <strong>✫</strong> Enjoys horror and thriller movies, playing video games, the occasional cos-play, outdoor activities and breaking a few rules. <br><br>
  886.  
  887. <strong>✫</strong> Does a few appearances and voice acting for a friend's YouTube channel. But pays the bills between a few odd jobs, cashier at Sugar Sugar and the occasional modeling gig. <br><br>
  888.  
  889. <strong>✫</strong> In the current D&D campaign she is playing in has a multi-class elven Ranger and Blood Hunter named <a target="_blank" href="https://i.imgur.com/gSRLNTf.jpg">Olosse</a>. Which is wholly different from her original half-orc barbarian bard named <a target="_blank" href="https://i.imgur.com/RCBxflf.jpg">Pebblemuncher</a>. <br><br>
  890.  
  891. <strong>✫</strong> Lives in a small apartment off campus with her leopard gecko <a target="_blank" href="https://i.imgur.com/fbJaBKv.gif">Norbert</a>, and two sugar gliders <a target="_blank" href="https://i.imgur.com/tfVehIP.gif">Merry</a> & <a target="_blank" href="https://i.imgur.com/WJmUfOz.gif">Pippin</a>. <br><br>
  892.  
  893. <strong>✫</strong> May or may not be the villainous mastermind, dubbed as <b>The Notorious Name Bandit</b> by Archie. A skilled prankster that targets a certain delivery boy from <i>Pizza Planet</i>, always using a disposable prepaid credit card and tips $5 - $20 depending on the order size. (Hugh Jass, Mike Hunt, Harry P. Ness, Eaton D. Cox, Lou Sanus, etc)<br><br>
  894.  
  895. </div>
  896.  
  897.  
  898. </div>
  899.  
  900.  
  901. <div class="mainimg" title="" ></div>
  902. <div class="mainimg2" title=""></div>
  903. <div class="mainimg3" ><div class="title">Presley Watts</div></div>
  904.  
  905.  
  906.  
  907.  
  908. <div id="music-bg">
  909. <div id="music">
  910. <div style="margin-top:-10px; margin-left:-10px;">
  911. <audio controls style="opacity:0; width:100px; margin-top:-10px; margin-left:-10px;">
  912. <source src="http://k007.kiwi6.com/hotlink/va4q5obqb6/Zella_Day_-_You_Sexy_Thing_Official_Music_Video_.mp3">
  913. </audio>
  914. </div>
  915. </div>
  916.  
  917. <div id="music-title-bg">
  918. <div id="music-title-bg2">
  919. <div id="music-title">
  920. <marquee direction="left" scrollamount="3">
  921. How did you know I needed you so badly?
  922. </marquee>
  923. </div>
  924. </div>
  925. </div>
  926. </div></div>
  927.  
  928. <div class="boxz"></div>
  929. </div>
  930.  
  931. <a target="_blank" href="https://roleplay.chat/profile.php?user=Kal" ><img src="https://i.imgur.com/Msn91L7.png" class="KAL"/></a>
  932.  
  933.  
  934. </body>
  935. </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!