API tools faq
paste
Advertisement
Chibi-Elle

Eos Code

Chibi-Elle
Jun 18th, 2018
112
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.40 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
  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 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. <style>
  21.  
  22. </style>
  23. </head>
  24. <body>
  25. <style type="text/css">
  26.  
  27. @import url('https://fonts.googleapis.com/css?family=Cookie|Lobster+Two|Montserrat|Unica+One');
  28.  
  29. body
  30. {overflow-x:hidden;
  31. background-image:
  32. url('http://i.picpar.com/OLOc.jpg');
  33. background-position: bottom right;
  34. background-repeat: repeat;
  35. background-attachment: fixed;
  36. background-color:#eee;
  37. font: 0px arial;
  38. color: black;}
  39. #profile {background-color: transparent;
  40. border:0px;
  41. }
  42.  
  43. ::-webkit-scrollbar-thumb:vertical {background-color:#DBA4B7; height:3px; }
  44. ::-webkit-scrollbar { height:3px; width:3px; background-color:transparent; }
  45.  
  46. ::selection {
  47. color: #DBA4B7;
  48. background: #eee;
  49. }
  50.  
  51. a {color: #D76691;
  52. text-decoration: none;
  53. text-transform:lowercase;
  54. font-family: 'Lobster Two', sans-serif;
  55. font-size:15px;
  56. letter-spacing: 1;
  57. -webkit-transition: all 0.5s ease-in-out;
  58. -moz-transition: all 0.5s ease-in-out;
  59. -o-transition: all 0.5s ease-in-out;
  60. -ms-transition: all 0.5s ease-in-out;
  61. transition: all 0.5s ease-in-out;
  62. }
  63.  
  64. a:hover {color: white;
  65. text-decoration: none;
  66. -webkit-transition: all 0.5s ease-in-out;
  67. -moz-transition: all 0.5s ease-in-out;
  68. -o-transition: all 0.5s ease-in-out;
  69. -ms-transition: all 0.5s ease-in-out;
  70. transition: all 0.5s ease-in-out;
  71. }
  72.  
  73. b {
  74. color:#D76691;
  75. font-family: calibri, sans-serif;
  76. text-transform: uppercase;
  77. font-size:10px;
  78. letter-spacing: 1;
  79. }
  80.  
  81. em {
  82. color:#D76691;
  83. font-family: 'Lobster Two', cursive;
  84. text-transform: lowercase;
  85. font-size:15px;
  86. letter-spacing: 1;
  87. }
  88.  
  89. h2 {color:#D76691;
  90. font-family: calibri, cursive;
  91. text-transform: uppercase;
  92. font-size:8px;
  93. letter-spacing: 2;
  94. }
  95.  
  96. h1 {
  97. padding:1px;
  98. margin-top: 30;
  99. margin-bottom: 10;
  100. padding-bottom: 10px;
  101. color:#E9829F;
  102. font-size:40px;
  103. font-family: 'Cookie', sans-serif;
  104. text-transform:lowercase;
  105. letter-spacing: 1px;
  106. text-align:center;
  107. border-bottom: 1px solid #888;}
  108.  
  109. hr {
  110. border:0;
  111. margin-top:5px;
  112. margin-bottom:5px;
  113. width:90%;
  114. height:1px;
  115. -moz-box-sizing:border-box;
  116. box-sizing:border-box;
  117. background-color:#888;}
  118.  
  119. *{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;
  120. }
  121.  
  122. #bitch{position:absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;}
  123.  
  124. #credit {
  125. overflow:hidden;
  126. position:absolute;
  127. text-align:justify;
  128. bottom:0px;
  129. right:0px;
  130. height:60px;
  131. width:60px;
  132. padding:0px;
  133. opacity: .6;
  134. background-image: url('https://i.imgur.com/MH0XSqe.png');
  135. background-position:top center;
  136. background-attachment: absolute;
  137. -webkit-background-size: cover;
  138. -moz-background-size: cover;
  139. -o-background-size: cover;
  140. background-size: cover;}
  141.  
  142. #container {
  143. position:absolute;
  144. top:45%;
  145. margin-top:-275px;
  146. left:50%;
  147. margin-left:-500px;
  148. margin-bottom: 20px;
  149. height:600px;
  150. width:1000px;
  151. background:#F9B1BD;
  152. border: 1px solid #A18787;
  153. box-shadow:1px 1px 3px #FF6969;}
  154.  
  155. #top {
  156. background-color: #F9E2DA;
  157. border-bottom: 1px solid #A18787;
  158. position:absolute;
  159. width:100%;
  160. height:50px;
  161. left:0px;
  162. top:0px}
  163.  
  164. .links { width:980px; position:absolute; left:calc(50% - 55px ); top:20px;}
  165. .links a { font-weight:bold; font: 12px 'Unica One'; letter-spacing:1.5px; width:190px; display:inline; text-transform:lowercase; color: #000; padding:24px;}
  166. .links lc { color: #000; font-weight:bold; }
  167.  
  168. .abox {
  169. background-color: #F9E2DA;
  170. text-transform: uppercase;
  171. text-align: center;
  172. color: #82515C;
  173. font-size:8px;
  174. font-family: calibri, sans-serif;
  175. position: absolute;
  176. width:300;
  177. height:500;
  178. left: 25px;
  179. top: 60px;
  180. letter-spacing:1px;
  181. line-height: 13px;
  182. padding: 10px;
  183. margin: 1px;
  184. overflow:auto;
  185. opacity: 1;
  186. z-index:1;}
  187.  
  188. .abox2 {
  189. background-color: #F9E2DA;
  190. text-transform: uppercase;
  191. text-align: center;
  192. color: #82515C;
  193. font-size:8px;
  194. font-family: calibri, sans-serif;
  195. position: absolute;
  196. width:300;
  197. height:500;
  198. left: 25px;
  199. top: 60px;
  200. letter-spacing:1px;
  201. line-height: 13px;
  202. padding: 10px;
  203. margin: 1px;
  204. overflow:auto;
  205. opacity: 1;
  206. z-index:1;}
  207.  
  208. .slide {z-index: -1; opacity: 0;}
  209.  
  210. .slide:target {left: 0; opacity: 1; z-index: 1000;}
  211.  
  212. #sideimg {
  213. overflow:hidden;
  214. position:absolute;
  215. text-align:justify;
  216. margin-top:70px;
  217. right:25px;
  218. height:500px;
  219. width:250px;
  220. padding:0px;
  221. box-shadow:0px 0px 20px #FF6969;
  222. background-image: url('https://78.media.tumblr.com/cc9aad1063aeacc9437d19ca1b0dbfbe/tumblr_nbihr48YBS1r922azo1_500.gif');
  223. background-position:center center;
  224. background-attachment: absolute;
  225. -webkit-background-size: cover;
  226. -moz-background-size: cover;
  227. -o-background-size: cover;
  228. background-size: cover;}
  229.  
  230. #description {
  231. background-color: #F9E2DA;
  232. text-transform: uppercase;
  233. text-align: center;
  234. color: #82515c;
  235. font-size:8px;
  236. font-family: calibri, sans-serif;
  237. position: absolute;
  238. width:300;
  239. height:500;
  240. left: 25px;
  241. top: 60px;
  242. letter-spacing:1px;
  243. line-height: 13px;
  244. padding: 10px;
  245. margin: 1px;
  246. overflow:auto;
  247. opacity: 1;
  248. z-index:1;}
  249.  
  250. .descimg {
  251. background-image: url('https://78.media.tumblr.com/74b0c9c0ab9300e2a706b8224160c68e/tumblr_p2fg0xESli1qeofuio1_500.gif');
  252. background-position:center center;
  253. background-repeat:repeat;
  254. background-attachment:absolute;
  255. box-shadow:0px 0px 20px #FF6969;
  256. border: 10px solid #f1f1f1;
  257. border-radius: 100%;
  258. padding:40px;
  259. margin-top: 30px;
  260. margin-left: 70px;
  261. margin-bottom: 30px;
  262. width: 50px;
  263. height: 50px;
  264. -webkit-background-size: cover;
  265. -moz-background-size: cover;
  266. -o-background-size: cover;
  267. background-size: cover;}
  268.  
  269. #stats {
  270. background-color: #F9E2DA;
  271. text-transform: uppercase;
  272. text-align: center;
  273. color: #81525c;
  274. font-size:8px;
  275. font-family: calibri, sans-serif;
  276. position: absolute;
  277. width:330;
  278. height:265;
  279. left: 360px;
  280. top: 60px;
  281. letter-spacing:1px;
  282. line-height: 13px;
  283. padding: 10px;
  284. margin: 1px;
  285. overflow:auto;
  286. opacity: 1;
  287. z-index:1;}
  288.  
  289. #ooc {
  290. background-color: #F9E2DA;
  291. text-transform: uppercase;
  292. text-align: left;
  293. color: #81525c;
  294. font-size:8px;
  295. font-family: calibri, sans-serif;
  296. position: absolute;
  297. width:330;
  298. height:200;
  299. left: 360px;
  300. bottom: 18px;
  301. letter-spacing:1px;
  302. line-height: 13px;
  303. padding: 10px;
  304. margin: 1px;
  305. overflow:auto;
  306. opacity: 1;
  307. z-index:1;}
  308.  
  309. #tt { z-index: 10000; letter-spacing: 1; position: absolute; left: 25px; top: -5px; text-transform: lowercase; font-family: 'Lobster Two', sans-serif; font-size:50px;
  310. background: -webkit-linear-gradient(#fff, #FDACB2, #FF6969);
  311. -webkit-background-clip: text;
  312. -webkit-text-fill-color: transparent;}
  313.  
  314. </style>
  315.  
  316.  
  317.  
  318.  
  319. <div id="bitch" oncontextmenu="return false;">
  320. <a href= "https://roleplay.chat/profile.php?user=UFO" target="_blank"><div id= "credit"></div></a>
  321.  
  322. <div id= "container">
  323. <div id= "tt">soldier of passion.</div>
  324.  
  325. <div id= "sideimg"></div>
  326.  
  327. <div id= "top">
  328. <div class="links">
  329. <a class="link1" href="#1" title="people"><lc>.01</lc> | friends & foes</a>
  330. <a class="link2" href="#2" title="history"><lc> .02 </lc> | abilites & inventory </a>
  331. <a class="link3" href="#3" title="reset"><lc> .03 </lc> | reset</a>
  332. </div>
  333. </div>
  334.  
  335. <div id= "description">
  336. <div class= "descimg"></div>
  337. <h1>{ statistics.</h1>
  338. <font style=float:left><b> surname.</b> </font> <font style=float:right>KANEKO (<I>金子</I>).</font><br>
  339. <font style=float:left><b> translation.</b></font> <font style=float:right>GOLDEN CHILD.</font><br>
  340. <font style=float:left><B>first name.</b> </font> <font style=float:right>.</font><br>
  341. <font style=float:left><B>translation.</b></font> <font style=float:right>.</font><br>
  342. <font style=float:left><b>aliases.</b> </font> <font style=float:right>.</font><br>
  343. <font style=float:left><b>gender.</b> </font> <font style=float:right>FEMME (<I>♀</I>).</font><br>
  344. <font style=float:left><b>birthday.</b></font> <font style=float:right>.</font><br>
  345. <font style=float:left><b>zodiac.</b></font> <font style=float:right>.</font><br>
  346. <font style=float:left><b>alignment.</b> </font> <font style=float:right>.</font><br>
  347. <font style=float:left><b>affiliates.</b> </font> <font style=float:right>CELESTIAL SENSHI; <I>CELESTIAS</I>.</font><br>
  348. <hr>
  349. <font style=float:left><b>occupation.</b> </font> <font style=float:right>SOLDIER; STUDENT; JPOP IDOL (セレスタス).</font><br>
  350. <font style=float:left><b>major.</b> </font> <font style=float:right>.</font><br>
  351. <font style=float:left><b>current residence.</b></font> <font style=float:right>JAPAN, EARTH.</font><br>
  352. <font style=float:left><b> citizenship. </b></font> <font style=float:right> DUAL.</font><br>
  353. <font style=float:left><b>languages.</b></font> <font style=float:right>JAPANESE; ENGLISH; OCEANIC; CELESTIC (?).</font><br>
  354. <font style=float:left><b>orientation.</b> </font> <font style=float:right>.</font><br>
  355. <font style=float:left><b>marital.</b> </font> <font style=float:right>SINGLE.</font><br>
  356. <hr>
  357. <font style=float:left><B>species.</b></font> <font style=float:right>CELESTIAL HUMANOID.</font><br>
  358. <font style=float:left><b>race.</b> </font> <font style=float:right>"HUMAN".</font><br>
  359. <font style=float:left><b>apparent age.</b></font> <font style=float:right>.</font><br>
  360. <font style=float:left><b>hair.</b> </font> <font style=float:right>.</font><br>
  361. <font style=float:left><b>eyes.</b> </font> <font style=float:right>.</font><br>
  362. <font style=float:left><b>height.</b> </font> <font style=float:right>.</font><br>
  363. <font style=float:left><b>weight.</b> </font> <font style=float:right>.</font><br>
  364. <font style=float:left><b>handedness.</b> </font> <font style=float:right>.</font><br><br>
  365.  
  366. <h1>{ senshi stats.</h1>
  367. <font style=float:left><b> senshi name. </b></font> <font style=float:right>.</font><br>
  368. <font style=float:left><b> senshi title. </b></font> <font style=float:right>.</font><br>
  369. <font style=float:left><b> senshi maturity. </b></font> <font style=float:right> OLD AF.</font><br>
  370. <font style=float:left><b> homeworld. </b></font> <font style=float:right> OCEANUS (DELTA STAR SYSTEM).</font><br>
  371. <font style=float:left><b> race.</b></font> <font style=float:right> OCEANITE.</font><br>
  372. <font style=float:left><b> patron.</b></font> <font style=float:right>.</font><br>
  373. <font style=float:left><b> influence. </b></font> <font style=float:right>.</font><br>
  374. <hr>
  375. <font style=float:left><b> senshi forms. </b></font> <font style=float:right>TBA.</font><br>
  376. <font style=float:left><b> senshi colors. </b></font> <font style=float:right>.</font><br>
  377. <font style=float:left><b> fighting style. </b></font> <font style=float:right>.</font><br>
  378. <font style=float:left><B> primary weapon.</b></font> <font style=float:right>.</font><br>
  379. <font style=float:left><b> transformation item.</b></font> <font style=float:right>.</font><br>
  380. <font style=float:left><b> transformation phrase.</b></font> <font style=float:right>TBA.</font><br>
  381. <font style=float:left><b> attack sequences.</b></font> <font style=float:right>TBA.</font>
  382.  
  383.  
  384.  
  385.  
  386. </div>
  387.  
  388. <div id= "stats">
  389. <h1>{ appearance.</h1>
  390.  
  391.  
  392. </div>
  393.  
  394. <div id= "ooc">
  395. <h1>{ ooc.</h1>
  396. <b>.01</b> | Profile design by <a href= "https://roleplay.chat/profile.php?user=UFO" target="_blank">ufo @ rpc</a> for anyone to use. contact ufo for commissions or visit their pastebin!<br><br>
  397. <b>.02</b> | <br><br>
  398. <b>.03</B> | <br><br>
  399. <b>.04</B> | <br><br>
  400. <b>.05</B> | <br><br>
  401. <b>.06</B> |
  402. </div>
  403.  
  404. <div id="1" class="slide">
  405. <div class="abox">
  406. <h1>{ friends & foes.</h1>
  407. <a target="_blank" href="https://roleplay.chat/profile.php?user=Sailor+Astraea" title="">
  408. <img style="border: 2px solid #fff; height:50px; border-radius: 50%;" src=""></a>
  409.  
  410. <a target="_blank" href="https://roleplay.chat/profile.php?user=Sailor+Nike" title="">
  411. <img style="border: 2px solid #fff; height:50px; border-radius: 50%;" src=""></a>
  412.  
  413. <a target="_blank" href="">
  414. <img style="border: 2px solid #fff; height:50px; border-radius: 50%;" src="http://i.picpar.com/FVIc.png"></a>
  415.  
  416. <a target="_blank" href="">
  417. <img style="border: 2px solid #fff; height:50px; border-radius: 50%;" src="http://i.picpar.com/FVIc.png"></a>
  418.  
  419. <a target="_blank" href="">
  420. <img style="border: 2px solid #fff; height:50px; border-radius: 50%;" src="http://i.picpar.com/FVIc.png"></a>
  421. </div></div>
  422.  
  423.  
  424. <div id="2" class="slide">
  425. <div class="abox2">
  426. <h1>{ abilities & inventory.</h1>
  427.  
  428.  
  429. </div></div>
  430. </div>
  431.  
  432. </div>
  433. </body>
  434. </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!