API tools faq
paste
Advertisement
Chibi-Elle

Xayah Code

Chibi-Elle
Jun 27th, 2019
115
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.15 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <html>
  3. <head>
  4. <META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
  5. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  6. <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
  7. <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.6.5/dat.gui.min.js"></script>
  8. <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
  9. <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.11.0/d3.min.js"></script>
  10. <script src="https://roleplay.chat/jquery.tooltipster.js"></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 href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css" rel="stylesheet">
  14. <link href="https://roleplay.chat/tooltipster.css" rel="stylesheet" type="text/css">
  15. <link href="https://cdn.jsdelivr.net/npm/[email protected]/css/fork-awesome.min.css" rel="stylesheet">
  16. <style>
  17. .grecaptcha-badge {
  18. display: none;
  19. }
  20. </style>
  21. <script defer>
  22. window.onload = function() {
  23.  
  24. };
  25. </script>
  26. <style>
  27.  
  28. </style>
  29. </head>
  30. <body>
  31. <style>
  32. @import url('https://fonts.googleapis.com/css?family=Alegreya|Alegreya+Sans+SC|Alex+Brush|Tulpen+One|Cinzel|Audiowide');
  33.  
  34. body {
  35. background-image: url("https://www.transparenttextures.com/patterns/asfalt-light.png");
  36. background-attachment: fixed;
  37. background-position: top;
  38. color: #39262A;
  39. background-color: #4D282F;
  40. font-family: "Alegreya";
  41. font-size: 16px;
  42. }
  43.  
  44. #credit {
  45. Position: fixed; bottom: 10px; left: 10px;
  46. font-family: "Audiowide";
  47. font-size: 14px;
  48. text-shadow: 2px 0 0 #A33757, -2px 0 0 #A33757, 0 2px 0 #A33757, 0 -2px 0 #A33757, 1px 1px #A33757, -1px -1px 0 #A33757, 1px -1px 0 #A33757, -1px 1px 0 #A33757;
  49. z-index: 99;
  50. }
  51.  
  52. #CenterPic{
  53. position: fixed; left: 0px; right: 0px; top: -275px; bottom: 0px; margin: auto;
  54. height: 255px;
  55. width: 255px;
  56. border-radius: 50%;
  57. z-index: 99;
  58. }
  59.  
  60. #CenterPicFrame{
  61. position: fixed; left: 0px; right: 0px; top: -275px; bottom: 0px; margin: auto;
  62. background-image: url("https://www.transparenttextures.com/patterns/subtle-white-feathers.png");
  63. background-color: #5F2B37;
  64. background-position: center;
  65. background-attachment:fixed;
  66. background-size: 400 400;
  67. height: 285px;
  68. width: 285px;
  69. border-radius: 50%;
  70. z-index: 98;
  71. }
  72.  
  73. #LeftPic{
  74. position: fixed; left: -800px; right: 0px; top: 0px; bottom: 0px; margin: auto;
  75. width: 255px;
  76. height: 550px;
  77. z-index: 5;
  78. }
  79.  
  80. #LeftPicFrame{
  81. position: fixed; left: -800px; right: 0px; top: 0px; bottom: 0px; margin: auto;
  82. background-image: url("https://www.transparenttextures.com/patterns/subtle-white-feathers.png");
  83. background-color: #5F2B37;
  84. background-position: center;
  85. background-attachment:fixed;
  86. background-size: 400 400;
  87. width: 285px;
  88. height: 580px;
  89. z-index: 4;
  90. }
  91.  
  92. #RightPic{
  93. position: fixed; left: 0px; right: -800px; top: 0px; bottom: 0px; margin: auto;
  94. width: 255px;
  95. height: 550px;
  96. z-index: 5;
  97. }
  98.  
  99. #RightPicFrame{
  100. position: fixed; left: 0px; right: -800px; top: 0px; bottom: 0px; margin: auto;
  101. background-image: url("https://www.transparenttextures.com/patterns/subtle-white-feathers.png");
  102. background-color: #5F2B37;
  103. background-position: center;
  104. background-attachment:fixed;
  105. background-size: 400 400;
  106. width: 285px;
  107. height: 580px;
  108. z-index: 4;
  109. }
  110.  
  111. #LineOne{
  112. position: fixed; left: 0px; right: 0px; top: -275px; bottom: 0px; margin: auto;
  113. background-image: url("https://www.transparenttextures.com/patterns/subtle-white-feathers.png");
  114. background-color: #5F2B37;
  115. background-position: center;
  116. background-attachment:fixed;
  117. background-size: 400 400;
  118. width: 100%;
  119. height: 50px;
  120. z-index: 1;
  121. }
  122.  
  123. #LineTwo{
  124. position: fixed; left: 0px; right: 0px; top: 0px; bottom: -120px; margin: auto;
  125. background-image: url("https://www.transparenttextures.com/patterns/subtle-white-feathers.png");
  126. background-color: #5F2B37;
  127. background-position: center;
  128. background-attachment:fixed;
  129. background-size: 400 400;
  130. width: 100%;
  131. height: 50px;
  132. z-index: 1;
  133. }
  134.  
  135. #LineThree{
  136. position: fixed; left: 0px; right: 0px; top: 0px; bottom: -380px; margin: auto;
  137. background-image: url("https://www.transparenttextures.com/patterns/subtle-white-feathers.png");
  138. background-color: #5f2b37;
  139. background-position: center;
  140. background-attachment:fixed;
  141. background-size: 400 400;
  142. width: 100%;
  143. height: 50px;
  144. z-index: 1;
  145. }
  146.  
  147. #Box{
  148. position: fixed; left: 0px; right: 0px; top: 0px; bottom: -220px; margin: auto;
  149. background-color: #;
  150. width: 400px;
  151. height: 225px;
  152. padding: 10px;
  153. padding-top: 20px;
  154. z-index: 3;
  155. }
  156.  
  157. #tab{
  158. position: fixed; left: 0px; right: 0px; top: 0px; bottom: -220px; margin: auto;
  159. background-color: #D8D0B9;
  160. width: 400px;
  161. height: 225px;
  162. padding: 10px;
  163. padding-top: 20px;
  164. z-index: 3;
  165. overflow: auto;
  166. font-family: "Alegreya Sans SC";
  167. font-size: 15px;
  168. visibility: hidden;
  169. }
  170.  
  171. #OOC #tab {
  172. visibility: visible;
  173. }
  174.  
  175. #Stats:target #tab, #Personality:target #tab, #Abilities:target #tab, #History:target #tab, #Associates:target #tab, #OOC:target #tab {
  176. visibility: visible;
  177. z-index: 90;
  178. }
  179.  
  180. #BoxFrame{
  181. position: fixed; left: 0px; right: 0px; top: 0px; bottom: -255px; margin: auto;
  182. background-image: url("https://www.transparenttextures.com/patterns/subtle-white-feathers.png");
  183. background-color: #5f2b37;
  184. background-position: center;
  185. background-attachment:fixed;
  186. background-size: 400 400;
  187. width: 450px;
  188. height: 325px;
  189. z-index: 1;
  190. }
  191.  
  192. #Navigation{
  193. position: fixed; left: 0px; right: 0px; top: 0px; bottom: -530px; margin: auto;
  194. width: 440px;
  195. height: 20px;
  196. z-index: 5;
  197. }
  198.  
  199. .NaviTab{
  200. display: inline-block;
  201. background-color: #d8d0b9;
  202. width: 54px;
  203. height: 20px;
  204. z-index: 5;
  205. margin: 0 8 0 8;
  206. -webkit-transition: 0.5s linear;
  207. -moz-transition: 0.5s linear;
  208. -o-transition: 0.5s linear;
  209. transition: 0.5s linear;
  210. }
  211.  
  212. .NaviTab:hover {
  213. background-color: #5f2b37;
  214. }
  215.  
  216. .friendpic {
  217. border: 5px solid #5f2b37;
  218. width: 100px;
  219. height: 100px;
  220. margin: 7px;
  221. border-radius: 50%;
  222. padding: 0;
  223. -webkit-transition: 0.5s linear;
  224. -moz-transition: 0.5s linear;
  225. -o-transition: 0.5s linear;
  226. transition: 0.5s linear;
  227. }
  228.  
  229. .friendpic:hover {
  230. border: 5px solid #39262A;
  231. border-radius: 50%;
  232. }
  233.  
  234. a.credit:link {color:#f0f0f0; font-family: "Audiowide"; font-size: 16px; z-index: 99;}
  235. a.credit:visited {color:#f0f0f0;}
  236. a.credit:hover {color:#E8B5BC;}
  237. a.credit {text-decoration:none;}
  238.  
  239. a {color:#A72F48; font-family: "Alex Brush"; font-size: 16px; text-decoration:none;
  240. -webkit-transition: 0.5s linear;
  241. -moz-transition: 0.5s linear;
  242. -o-transition: 0.5s linear;
  243. transition: 0.5s linear;}
  244. a:visited {color:#fff;}
  245. a:hover {color:#5f2b37;}
  246.  
  247. b {font-family: "Tulpen One"; font-size: 20px; color:#A72F48;}
  248.  
  249. h1 {
  250. overflow: hidden;
  251. text-align: center;
  252. font-size: 22px;
  253. padding: 0px;
  254. margin: 0px;
  255. font-family: "Cinzel";
  256. color: #A72F48;
  257. }
  258.  
  259. h1:before,
  260. h1:after {
  261. border-top: 3px solid #5f2b37;
  262. border-bottom: 3px solid #5f2b37;
  263. content: "";
  264. display: inline-block;
  265. height: .25em;
  266. position: relative;
  267. vertical-align: middle;
  268. width: 50%;
  269. margin-bottom: .15em;
  270. }
  271.  
  272. h1:before {
  273. right: 0.5em;
  274. margin-left: -50%;
  275. }
  276.  
  277. h1:after {
  278. left: 0.5em;
  279. margin-right: -50%;
  280. }
  281.  
  282. ::-webkit-scrollbar {
  283. width: 0px;
  284. height: 1px;
  285. }
  286.  
  287. ::-webkit-scrollbar-track {
  288. border-radius: 0px;
  289. }
  290.  
  291. ::-webkit-scrollbar-thumb {
  292. background: transparent;
  293. }
  294. </style>
  295. <body>
  296. <img id="CenterPic" src ="https://i.pinimg.com/564x/7b/e8/36/7be836cdc8bc304bbf141a7f7ffaa130.jpg"></div>
  297.  
  298. <img id="LeftPic" src ="http://i.picpar.com/Qq1d.jpg"></div>
  299.  
  300. <img id="RightPic" src ="http://i.picpar.com/Tq1d.jpg"></div>
  301.  
  302. <div id="CenterPicFrame"></div>
  303. <div id="LeftPicFrame"></div>
  304. <div id="RightPicFrame"></div>
  305. <div id="LineOne"></div>
  306. <div id="LineTwo"></div>
  307. <div id="LineThree"></div>
  308. <div id="BoxFrame"></div>
  309. <div id="Box"></div>
  310. <div id="Navigation">
  311. <a href="#Stats"><div class="NaviTab"></div></a>
  312. <a href="#Personality"><div class="NaviTab"></div></a>
  313. <a href="#Abilities"><div class="NaviTab"></div></a>
  314. <a href="#History"><div class="NaviTab"></div></a>
  315. <a href="#Associates"><div class="NaviTab"></div></a>
  316. <a href="#OOC"><div class="NaviTab"></div></a>
  317. </div>
  318.  
  319. <div id="Stats">
  320. <div id="tab">
  321. <h1>Stats</h1>
  322. <b>Name:</b><font style=float:right>Xayah.</font><br>
  323. <b>Moniker(s):</b><font style=float:right>The Rebel; The Violet Raven.</font><br>
  324. <b>Age:</b><font style=float:right>Unknown.</font><br>
  325. <b>Gender:</b><font style=float:right>Female.</font><br>
  326. <b>Species:</b><font style=float:right>Vastaya.</font><br>
  327. <b>Sub-Species:</b><font style=float:right>Lhotlan (Bird).</font><br>
  328. <b>P.o.B.:</b><font style=float:right>Lhotlan Tribe, Ionia.</font><br>
  329. <b>Nationality:</b><font style=float:right>Ionian.</font><br>
  330. <b>Faction:</b><font style=float:right>Ionian.</font><br>
  331. <b>Occupation:</b><font style=float:right>Assassin; Revolutionary.</font><br>
  332. <b>Orientation:</b><font style=float:right>Bisexual.</font><br>
  333. <b>Paramour:</b><font style=float:right>Single.</font><br>
  334. <b>Hair Color:</b><font style=float:right>Red.</font><br>
  335. <b>Eye Color:</b><font style=float:right>Gold.</font><br>
  336. <b>Height:</b><font style=float:right>5'3".</font><br>
  337. <b>Weight:</b><font style=float:right>110 lbs.</font><br>
  338. <b>Status:</b><font style=float:right>Freeing Magic.</font>
  339. </div></div>
  340.  
  341. <div id="Personality">
  342. <div id="tab">
  343. <h1>Personality</h1>
  344. Xayah
  345. </div></div>
  346.  
  347. <div id="Abilities">
  348. <div id="tab">
  349. <h1>Abilities</h1>
  350. <b>Ability name:</b> Ability description.<br>
  351. <b>Ability name:</b> Ability description.<br>
  352. <b>Ability name:</b> Ability description.<br>
  353. <b>Ability name:</b> Ability description.<br>
  354. <b>Ability name:</b> Ability description.<br>
  355. <b>Ability name:</b> Ability description.<br>
  356. <b>Ability name:</b> Ability description.<br>
  357. <b>Ability name:</b> Ability description.<br>
  358. <b>Ability name:</b> Ability description.<br>
  359. <b>Ability name:</b> Ability description.
  360. </div></div>
  361.  
  362. <div id="History">
  363. <div id="tab">
  364. <h1>History</h1>
  365. Lorem ipsum...
  366. </div></div>
  367.  
  368. <div id="Associates">
  369. <div id="tab">
  370. <h1>Associates</h1>
  371. <center>
  372. <a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="PICHERE" class="friendpic" title="DESCRIPTION OF FRIEND HERE"></a>
  373. <a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="PICHERE" class="friendpic" title="DESCRIPTION OF FRIEND HERE"></a>
  374. <a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="PICHERE" class="friendpic" title="DESCRIPTION OF FRIEND HERE"></a>
  375. <a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="PICHERE" class="friendpic" title="DESCRIPTION OF FRIEND HERE"></a>
  376. <a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="PICHERE" class="friendpic" title="DESCRIPTION OF FRIEND HERE"></a>
  377. <a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="PICHERE" class="friendpic" title="DESCRIPTION OF FRIEND HERE"></a>
  378. <a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="PICHERE" class="friendpic" title="DESCRIPTION OF FRIEND HERE"></a>
  379. <a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="PICHERE" class="friendpic" title="DESCRIPTION OF FRIEND HERE"></a>
  380. <a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="PICHERE" class="friendpic" title="DESCRIPTION OF FRIEND HERE"></a>
  381. </center>
  382. </div></div>
  383.  
  384. <div id="OOC">
  385. <div id="tab">
  386. <h1>Out of Character</h1>
  387. <b>01.</b> The character belongs to the LoL's universe; I do not own the concept or the artwork and will remove both upon request of the creators/artists. That being said, because this is RPC, I'm looking to have fun. I will play Xayah to the best of my ability but please don't expect it to be perfect. She's a video-game character, chill.<br>
  388. <b>a.</b> As to why she's single, that's because I don't really get into instashipping. Rakan and Xayah are cute together in-game, but that doesn't mean whatever Rakan that approaches me will write cute with me. I look for chemistry and intrigue and am open to non-canon pairings.<br><br>
  389. <b>02.</b> I'm PM-friendly to an extent. Please don't hit me with random smut messages or dirty pick-up lines! If you want to talk, I'm totally game, but I'm not here to cyber a shit ton. If you want to talk RP, I prefer to negotiate that OOC rather than in, so let's brainstorm together! Crossovers are welcome, I'm not strictly bound to the LoL universe.<br><br>
  390. <b>03.</b> <U>DISCLAIMER</u>: <I>I'm new to LoL lore</i>. I'm gonna mess things up and get really confused at times; if that bothers you, I recommend we not play together. It wouldn't be fair to slow you down with my lack of knowledge and likewise, I don't want to be nagged harshly all the time because I miss details here or there. At the end of the day, RPing together should be fun so if my beginner's information is underwhelming, please look to another Xayah.<br><br>
  391. <b>04.</b> My schedule is weird. I'm not around Tuesday evenings through Wednesday evenings and Saturday evenings through Sunday evenings. During the day, my hours are also erratic. Due to some RL factors, my muse is also pretty fickle and I'm prone to losing interest quickly. I won't sit here and promise that I want to write all the time, but I do my best for those that are understanding. I usually extend my Discord to the patient few because I'm prone to writing there, as well.<br><br>
  392. <B>05.</B> Quality > Quantity. I type moderately fast and can casually drop anywhere from one to three paragraphs just shooting the breeze. I can semi-para or I can write a novella, it just depends on the muse I have and the effort being shared between myself and my writing partner. I appreciate good grammar and nice-sounding posts but you don't have to break your brain trying to impress me with your immense vocabulary. Do you and I'll do me and I hope we write well together. If not, we can go our separate ways as we both have the right to refuse RP when and if it no longer suits or satisfies us.
  393. </div></div>
  394.  
  395. <div id="credit"><a class="credit" href="https://roleplay.chat/profile.php?user=Spaceman+Codes">Spaceman</a></div>
  396. </body>
  397. </body>
  398. </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!