API tools faq
paste
Chibi-Elle

Jadeite Code

Chibi-Elle
Jun 28th, 2020
57
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.87 KB | None | 0 0
raw download clone embed print report
  1. <style type="text/css">
  2.  
  3. @import url('https://fonts.googleapis.com/css?family=Cookie|Lobster+Two|Montserrat|Unica+One');
  4.  
  5. body
  6. {overflow-x:hidden;
  7. background-image:
  8. url('https://www.transparenttextures.com/patterns/brushed-alum.png');
  9. background-position: bottom right;
  10. background-repeat: repeat;
  11. background-attachment: fixed;
  12. background-color:#4D55F8;
  13. font: 0px arial;
  14. color: black;}
  15. #profile {background-color: transparent;
  16. border:0px;
  17. }
  18.  
  19. ::-webkit-scrollbar-thumb:vertical {background-color:#21363d; height:3px; }
  20. ::-webkit-scrollbar { height:3px; width:3px; background-color:transparent; }
  21.  
  22. ::selection {
  23. color: #29272A;
  24. background: #eee;
  25. }
  26.  
  27. a {color: #75081D;
  28. text-decoration: none;
  29. text-transform:lowercase;
  30. font-family: 'Lobster Two', sans-serif;
  31. font-size:15px;
  32. letter-spacing: 1;
  33. -webkit-transition: all 0.5s ease-in-out;
  34. -moz-transition: all 0.5s ease-in-out;
  35. -o-transition: all 0.5s ease-in-out;
  36. -ms-transition: all 0.5s ease-in-out;
  37. transition: all 0.5s ease-in-out;
  38. }
  39.  
  40. a:hover {color: white;
  41. text-decoration: none;
  42. -webkit-transition: all 0.5s ease-in-out;
  43. -moz-transition: all 0.5s ease-in-out;
  44. -o-transition: all 0.5s ease-in-out;
  45. -ms-transition: all 0.5s ease-in-out;
  46. transition: all 0.5s ease-in-out;
  47. }
  48.  
  49. b {
  50. color:#75081D;
  51. font-family: calibri, sans-serif;
  52. text-transform: uppercase;
  53. font-size:10px;
  54. letter-spacing: 1;
  55. }
  56.  
  57. em {
  58. color:#75081D;
  59. font-family: 'Lobster Two', cursive;
  60. text-transform: lowercase;
  61. font-size:15px;
  62. letter-spacing: 1;
  63. }
  64.  
  65. h2 {color:#1D4A71;
  66. font-family: calibri, cursive;
  67. text-transform: uppercase;
  68. font-size:8px;
  69. letter-spacing: 2;
  70. }
  71.  
  72. h1 {
  73. padding:1px;
  74. margin-top: 30;
  75. margin-bottom: 10;
  76. padding-bottom: 10px;
  77. color:#1D4A71;
  78. font-size:40px;
  79. font-family: 'Cookie', sans-serif;
  80. text-transform:lowercase;
  81. letter-spacing: 1px;
  82. text-align:center;
  83. border-bottom: 1px solid #888;}
  84.  
  85. hr {
  86. border:0;
  87. margin-top:5px;
  88. margin-bottom:5px;
  89. width:90%;
  90. height:1px;
  91. -moz-box-sizing:border-box;
  92. box-sizing:border-box;
  93. background-color:#888;}
  94.  
  95. *{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;
  96. }
  97.  
  98. #bitch{position:absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;}
  99.  
  100. #credit {
  101. overflow:hidden;
  102. position:absolute;
  103. text-align:justify;
  104. bottom:0px;
  105. right:0px;
  106. height:60px;
  107. width:60px;
  108. padding:0px;
  109. opacity: .6;
  110. background-image: url('https://i.imgur.com/MH0XSqe.png');
  111. background-position:top center;
  112. background-attachment: absolute;
  113. -webkit-background-size: cover;
  114. -moz-background-size: cover;
  115. -o-background-size: cover;
  116. background-size: cover;}
  117.  
  118. #container {
  119. position:absolute;
  120. top:45%;
  121. margin-top:-275px;
  122. left:50%;
  123. margin-left:-500px;
  124. margin-bottom: 20px;
  125. height:600px;
  126. width:1000px;
  127. background:#484FF8;
  128. border: 1px solid #03122F;
  129. box-shadow:1px 1px 3px #000;}
  130.  
  131. #top {
  132. background-color: #eee;
  133. border-bottom: 1px solid #03122F;
  134. position:absolute;
  135. width:100%;
  136. height:50px;
  137. left:0px;
  138. top:0px}
  139.  
  140. .links { width:980px; position:absolute; left:calc(50% - 55px ); top:20px;}
  141. .links a { font-weight:bold; font: 12px 'Unica One'; letter-spacing:1.5px; width:190px; display:inline; text-transform:lowercase; color: #000; padding:24px;}
  142. .links lc { color: #000; font-weight:bold; }
  143.  
  144. .abox {
  145. background-color: #eeedf0;
  146. text-transform: uppercase;
  147. text-align: center;
  148. color: #000;
  149. font-size:8px;
  150. font-family: calibri, sans-serif;
  151. position: absolute;
  152. width:300;
  153. height:500;
  154. left: 25px;
  155. top: 60px;
  156. letter-spacing:1px;
  157. line-height: 13px;
  158. padding: 10px;
  159. margin: 1px;
  160. overflow:auto;
  161. opacity: 1;
  162. z-index:1;}
  163.  
  164. .abox2 {
  165. background-color: #eeedf0;
  166. text-transform: uppercase;
  167. text-align: center;
  168. color: #000;
  169. font-size:8px;
  170. font-family: calibri, sans-serif;
  171. position: absolute;
  172. width:300;
  173. height:500;
  174. left: 25px;
  175. top: 60px;
  176. letter-spacing:1px;
  177. line-height: 13px;
  178. padding: 10px;
  179. margin: 1px;
  180. overflow:auto;
  181. opacity: 1;
  182. z-index:1;}
  183.  
  184. .slide {z-index: -1; opacity: 0;}
  185.  
  186. .slide:target {left: 0; opacity: 1; z-index: 1000;}
  187.  
  188. #sideimg {
  189. overflow:hidden;
  190. position:absolute;
  191. text-align:justify;
  192. margin-top:70px;
  193. right:25px;
  194. height:500px;
  195. width:250px;
  196. padding:0px;
  197. box-shadow:0px 0px 20px #4d6b75;
  198. background-image: url('https://i.pinimg.com/564x/78/58/d8/7858d825b683c316b13f55a0001aa2ed.jpg');
  199. background-position:center center;
  200. background-attachment: absolute;
  201. -webkit-background-size: cover;
  202. -moz-background-size: cover;
  203. -o-background-size: cover;
  204. background-size: cover;}
  205.  
  206. #description {
  207. background-color: #eeedf0;
  208. text-transform: uppercase;
  209. text-align: center;
  210. color: #000;
  211. font-size:8px;
  212. font-family: calibri, sans-serif;
  213. position: absolute;
  214. width:300;
  215. height:500;
  216. left: 25px;
  217. top: 60px;
  218. letter-spacing:1px;
  219. line-height: 13px;
  220. padding: 10px;
  221. margin: 1px;
  222. overflow:auto;
  223. opacity: 1;
  224. z-index:1;}
  225.  
  226. .descimg {
  227. background-image: url('https://66.media.tumblr.com/11e4d504505c1c899e7b9c31daf6dfb0/46c6484ede619f41-d0/s500x750/4205398bcee3443d0f5dec007d86ac5d238e5a99.gifv');
  228. background-position:center right;
  229. background-repeat:repeat;
  230. background-attachment:absolute;
  231. box-shadow:0px 0px 20px #4d6b75;
  232. border: 10px solid #284D81;
  233. border-radius: 100%;
  234. padding:40px;
  235. margin-top: 30px;
  236. margin-left: 70px;
  237. margin-bottom: 30px;
  238. width: 50px;
  239. height: 50px;
  240. -webkit-background-size: cover;
  241. -moz-background-size: cover;
  242. -o-background-size: cover;
  243. background-size: cover;}
  244.  
  245. #stats {
  246. background-color: #eeedf0;
  247. text-transform: uppercase;
  248. text-align: center;
  249. color: #000;
  250. font-size:8px;
  251. font-family: calibri, sans-serif;
  252. position: absolute;
  253. width:330;
  254. height:265;
  255. left: 360px;
  256. top: 60px;
  257. letter-spacing:1px;
  258. line-height: 13px;
  259. padding: 10px;
  260. margin: 1px;
  261. overflow:auto;
  262. opacity: 1;
  263. z-index:1;}
  264.  
  265. #ooc {
  266. background-color: #eeedf0;
  267. text-transform: uppercase;
  268. text-align: left;
  269. color: #000;
  270. font-size:8px;
  271. font-family: calibri, sans-serif;
  272. position: absolute;
  273. width:330;
  274. height:200;
  275. left: 360px;
  276. bottom: 18px;
  277. letter-spacing:1px;
  278. line-height: 13px;
  279. padding: 10px;
  280. margin: 1px;
  281. overflow:auto;
  282. opacity: 1;
  283. z-index:1;}
  284.  
  285. #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;
  286. background: -webkit-linear-gradient(#284D81, #4B4FF9, #0C2A44);
  287. -webkit-background-clip: text;
  288. -webkit-text-fill-color: transparent;}
  289.  
  290. </style>
  291.  
  292.  
  293.  
  294.  
  295. <div id="bitch" oncontextmenu="return false;">
  296. <a href= "https://roleplay.chat/profile.php?user=UFO" target="_blank"><div id= "credit"></div></a>
  297.  
  298. <div id= "container">
  299. <div id= "tt">jung cho ; jadeite.</div>
  300.  
  301. <div id= "sideimg"></div>
  302.  
  303. <div id= "top">
  304. <div class="links">
  305. <a class="link1" href="#1" title="people"><lc>.01</lc> | friends & foes</a>
  306. <a class="link2" href="#2" title="history"><lc> .02 </lc> | character history </a>
  307. <a class="link3" href="#3" title="reset"><lc> .03 </lc> | reset</a>
  308. </div>
  309. </div>
  310.  
  311. <div id= "description">
  312. <div class= "descimg"></div>
  313. <h1>{ statistics.</h1>
  314. <font style=float:left><b>name:</b> </font> <font style=float:right>Jung Cho.</font><br>
  315. <font style=float:left><b>hangul:</b> </font> <font style=float:right>정초.</font><br>
  316. <font style=float:left><b>nickname(s):</b> </font> <font style=float:right>Jun.</font><br>
  317. <font style=float:left><b>age:</b> </font> <font style=float:right>Twenty-Six.</font><br>
  318. <font style=float:left><b>d.o.b.:</b> </font> <font style=float:right>June 21st, 1994.</font><br>
  319. <font style=float:left><b>p.o.b.:</b> </font> <font style=float:right>Crystaia City, CA.</font><br>
  320. <font style=float:left><b>ethnicity:</b> </font> <font style=float:right>Korean.</font><br>
  321. <font style=float:left><b>nationality:</b> </font> <font style=float:right>American.</font><br>
  322. <font style=float:left><b>zodiac:</b> </font> <font style=float:right>Cancer.</font><br>
  323. <font style=float:left><b>orientation:</b> </font> <font style=float:right>Heterosexual.</font><br>
  324. <font style=float:left><b>marital:</b> </font> <font style=float:right>Single.</font><br>
  325. <font style=float:left><b>alignment:</b> </font> <font style=float:right>Neutral Good.</font><br>
  326. <font style=float:left><b>occupation:</b> </font> <font style=float:right>Archaeologist.</font><br>
  327. <font style=float:left><b>residence:</b> </font> <font style=float:right>Crystaia City, CA.</font>
  328. <h1>{ appearance.</h1>
  329. <font style=float:left><b>hair color:</b> </font> <font style=float:right>Dyed Blonde.</font><br>
  330. <font style=float:left><b>hair style:</b> </font> <font style=float:right>Shaggy.</font><br>
  331. <font style=float:left><b>eye color:</b> </font> <font style=float:right>Blue.</font><br>
  332. <font style=float:left><b>complexion:</b> </font> <font style=float:right>Olive.</font><br>
  333. <font style=float:left><b>height:</b> </font> <font style=float:right>5'7".</font><br>
  334. <font style=float:left><b>weight:</b> </font> <font style=float:right>150 lbs.</font><br>
  335. <font style=float:left><b>build:</b> </font> <font style=float:right>Athletic.</font><br>
  336. <font style=float:left><b>blood type:</b> </font> <font style=float:right>A-.</font><br>
  337. <font style=float:left><b>scent:</b> </font> <font style=float:right>Vanilla.</font><br>
  338. <font style=float:left><b>face claim:</b> </font> <font style=float:right>Park Jimin.</font>
  339. </div>
  340.  
  341. <div id= "stats">
  342. <h1>{ alter ego.</h1>
  343. <font style=float:left><b>Identity:</B> </font> <font style=float:right>Jadeite.</font><br>
  344. <font style=float:left><b>Faction:</b> </font> <font style=float:right>Golden Kingdom.</font><br>
  345. <font style=float:left><b>Stone:</b> </font> <font style=float:right>Jade Derivative.</font><br>
  346. <font style=float:left><b>Designation:</b> </font> <font style=float:right>Shitennou.</font><br>
  347. <font style=float:left><b>Division:</b> </font> <font style=float:right>Asia.</font><br>
  348. <font style=float:left><b>Title:</b> </font> <font style=float:right>General.</font><br>
  349. <font style=float:left><b>Domain:</b> </font> <font style=float:right>Patience & Harmony.</font><br>
  350. <font style=float:left><b>Ability:</b> </font> <font style=float:right>Healing.</font><br>
  351. <font style=float:left><b>Influence:</b> </font> <font style=float:right>Emotions.</font><br>
  352. <font style=float:left><b>Primary Weapon:</b> </font> <font style=float:right>Rapier.</font><br>
  353. <font style=float:left><b>Secondary Weapon:</b> </font> <font style=float:right>Knuckle-Dusters.</font><br>
  354. <font style=float:left><b>Colors:</b> </font> <font style=float:right>Pale Blue Accents.</font><br>
  355. <font style=float:left><b>Opposite:</b> </font> <font style=float:right>Sailor Mars.</font><br>
  356.  
  357. <h1>{ abilities.</h1>
  358. <B>Healing:</B> The user can restore biotic organisms to their optimal health, curing damaged or withered organisms, wounds, broken bones, low vitality, and diseases/poisoning. Though the user may potentially heal any form of bodily damage, the patient must be alive, even if hanging by a thin thread, in order to be healed; once the patient has died, it would transcend healing and would require resurrection instead.<br>
  359. <B>Emotional Manipulation:</B> This ability is passive, as Jadeite does not directly manipulate others intentionally. Rather, a harmonious aura encapsulates him, and he is able to extend it subconsciously to incorporate others in distress. This is especially useful when healing the severely wounded and the hysterical.<br>
  360. <B>Telekinetic Abilities:</B> Words go here. Do not put anything outside of the div. :3<br>
  361. <h1>{ attacks.</h1>
  362. <B>Attack One:</B> Words.<br>
  363. <B>Attack Two:</B> Words. Ask Bri how many attacks you can have.
  364. </div>
  365.  
  366. <div id= "ooc">
  367. <h1>{ out of character.</h1>
  368. <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>
  369. <b>.02</b> | OOC here.<br>
  370. </div>
  371.  
  372. <div id="1" class="slide">
  373. <div class="abox">
  374. <h1>{ friends & foes.</h1>
  375. <a target="_blank" href="">
  376. <img style="border: 2px solid #4d6b75; height:50px; border-radius: 50%;" src="http://i.picpar.com/FVIc.png"></a>
  377.  
  378. <a target="_blank" href="">
  379. <img style="border: 2px solid #4d6b75; height:50px; border-radius: 50%;" src="http://i.picpar.com/FVIc.png"></a>
  380.  
  381. <a target="_blank" href="">
  382. <img style="border: 2px solid #4d6b75; height:50px; border-radius: 50%;" src="http://i.picpar.com/FVIc.png"></a>
  383.  
  384. <a target="_blank" href="">
  385. <img style="border: 2px solid #4d6b75; height:50px; border-radius: 50%;" src="http://i.picpar.com/FVIc.png"></a>
  386.  
  387. <a target="_blank" href="">
  388. <img style="border: 2px solid #4d6b75; height:50px; border-radius: 50%;" src="http://i.picpar.com/FVIc.png"></a>
  389. </div></div>
  390.  
  391.  
  392. <div id="2" class="slide">
  393. <div class="abox2">
  394. <h1>{ history.</h1>
  395. words go here.
  396. </div></div>
  397. </div>
  398.  
  399. </div>
Add Comment
Please, Sign In to add comment
Public Pastes
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!