API tools faq
paste
Chibi-Elle

Astraea

Chibi-Elle
Aug 13th, 2018
82
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.32 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://wallpaper-house.com/data/out/6/wallpaper2you_93351.jpg');
  9. background-position: bottom right;
  10. background-repeat: repeat;
  11. background-attachment: fixed;
  12. background-color:#eee;
  13. font: 0px arial;
  14. color: black;}
  15. #profile {background-color: transparent;
  16. border:0px;
  17. }
  18.  
  19. ::-webkit-scrollbar-thumb:vertical {background-color:#002339; height:3px; }
  20. ::-webkit-scrollbar { height:3px; width:3px; background-color:transparent; }
  21.  
  22. ::selection {
  23. color: #;
  24. background: #eee;
  25. }
  26.  
  27. a {color: #4A93C0;
  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:#06164A;
  51. font-family: calibri, sans-serif;
  52. text-transform: uppercase;
  53. font-size:10px;
  54. letter-spacing: 1;
  55. }
  56.  
  57. em {
  58. color:#06164A;
  59. font-family: 'Lobster Two', cursive;
  60. text-transform: lowercase;
  61. font-size:15px;
  62. letter-spacing: 1;
  63. }
  64.  
  65. h2 {color:#2E4CC6;
  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:#2E4CC6;
  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:#030F43;
  128. border: 1px solid #031e29;
  129. box-shadow:1px 1px 3px #194BA0;}
  130.  
  131. #top {
  132. background-color: #E8EFFF;
  133. border-bottom: 1px solid #030f43;
  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: #F2F6FF;
  146. text-transform: uppercase;
  147. text-align: center;
  148. color: #030f43;
  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: #F2F6FF;
  166. text-transform: uppercase;
  167. text-align: center;
  168. color: #030f43;
  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 #194BA0;
  198. background-image: url('https://cdn75.picsart.com/190940035001201.gif?r1024x1024');
  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: #f2f6ff;
  208. text-transform: uppercase;
  209. text-align: center;
  210. color: #030f43;
  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('http://i.picpar.com/5AOc.gif');
  228. background-position:center center;
  229. background-repeat:repeat;
  230. background-attachment:absolute;
  231. box-shadow:0px 0px 20px #194BA0;
  232. border: 10px solid #030f43;
  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: #f2f6ff;
  247. text-transform: uppercase;
  248. text-align: center;
  249. color: #030f43;
  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: #f2f6ff;
  267. text-transform: uppercase;
  268. text-align: left;
  269. color: #030f43;
  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(#0039B5, #4A83FF, #D9E5FF);
  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">sailor astraea.</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> | abilites & inventory </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>{ twinkle twinkle.</h1>
  314. <font style=float:left><b> surname.</b> </font> <font style=float:right>KANEKO (<I>金子</I>).</font><br>
  315. <font style=float:left><b> translation.</b></font> <font style=float:right>GOLDEN CHILD.</font><br>
  316. <font style=float:left><B>first name.</b> </font> <font style=float:right>UME (<I>福田 梅</I>).</font><br>
  317. <font style=float:left><B>translation.</b></font> <font style=float:right>APRICOT/PLUM BLOSSOM.</font><br>
  318. <font style=float:left><b>aliases.</b> </font> <font style=float:right>RAE; DIKE.</font><br>
  319. <font style=float:left><b>gender.</b> </font> <font style=float:right>FEMME (<I>♀</I>).</font><br>
  320. <font style=float:left><b>birthday.</b></font> <font style=float:right>7 SEPTEMBER.</font><br>
  321. <font style=float:left><b>zodiac.</b></font> <font style=float:right>VIRGO.</font><br>
  322. <font style=float:left><b>alignment.</b> </font> <font style=float:right>CHAOTIC GOOD.</font><br>
  323. <font style=float:left><b>affiliates.</b> </font> <font style=float:right>CELESTIAL SENSHI; <I>CELESTIAS</I>.</font><br>
  324. <hr>
  325. <font style=float:left><b>occupation.</b> </font> <font style=float:right>SOLDIER; STUDENT; JPOP IDOL (セレスタス).</font><br>
  326. <font style=float:left><b>major.</b> </font> <font style=float:right>ASTRONOMY & ASTROPHYSICS.</font><br>
  327. <font style=float:left><b>current residence.</b></font> <font style=float:right>JAPAN, EARTH.</font><br>
  328. <font style=float:left><b> citizenship. </b></font> <font style=float:right> DUAL.</font><br>
  329. <font style=float:left><b>languages.</b></font> <font style=float:right>JAPANESE; ENGLISH; OCEANIC; CELESTIC (?).</font><br>
  330. <font style=float:left><b>orientation.</b> </font> <font style=float:right>BISEXUAL.</font><br>
  331. <font style=float:left><b>marital.</b> </font> <font style=float:right>SINGLE.</font><br>
  332. <hr>
  333. <font style=float:left><B>species.</b></font> <font style=float:right>CELESTIAL HUMANOID.</font><br>
  334. <font style=float:left><b>race.</b> </font> <font style=float:right>"HUMAN".</font><br>
  335. <font style=float:left><b>apparent age.</b></font> <font style=float:right>TWENTY.</font><br>
  336. <font style=float:left><b>hair.</b> </font> <font style=float:right>WHITE-MIDNIGHT OMBRE.</font><br>
  337. <font style=float:left><b>eyes.</b> </font> <font style=float:right>SILVER.</font><br>
  338. <font style=float:left><b>complexion.</b></font> <font style=float:right>EBONY; STAR-DUSTED.</font><br>
  339. <font style=float:left><b>height.</b> </font> <font style=float:right>180 CM/5'11".</font><br>
  340. <font style=float:left><b>weight.</b> </font> <font style=float:right>61 KG/134 LBS.</font><br>
  341. <font style=float:left><b>handedness.</b> </font> <font style=float:right>TRUE AMBIDEXTROUS.</font><br><br>
  342.  
  343. <h1>{ how I wonder.</h1>
  344. <font style=float:left><b> senshi name. </b></font> <font style=float:right> SAILOR ASTRAEA.</font><br>
  345. <font style=float:left><b> senshi title. </b></font> <font style=float:right> SOLDIER OF INNOCENCE.</font><br>
  346. <font style=float:left><b> senshi maturity. </b></font> <font style=float:right> OLD AF.</font><br>
  347. <font style=float:left><b> homeworld. </b></font> <font style=float:right> OCEANUS (DELTA STAR SYSTEM).</font><br>
  348. <font style=float:left><b> race.</b></font> <font style=float:right> OCEANITE.</font><br>
  349. <font style=float:left><b> patron.</b></font> <font style=float:right>ASTRAEUS.</font><br>
  350. <font style=float:left><b> influence. </b></font> <font style=float:right> STELLAR & DARKNESS.</font><br>
  351. <hr>
  352. <font style=float:left><b> senshi forms. </b></font> <font style=float:right>TBA.</font><br>
  353. <font style=float:left><b> senshi colors. </b></font> <font style=float:right> WHITE; BLUE; SILVER.</font><br>
  354. <font style=float:left><b> fighting style. </b></font> <font style=float:right> CLOSE QUARTER COMBAT.</font><br>
  355. <font style=float:left><B> primary weapon.</b></font> <font style=float:right>DOUBLE SWORDS.</font><br>
  356. <font style=float:left><b> transformation item.</b></font> <font style=float:right> TALISMAN (♍).</font><br>
  357. <font style=float:left><b> transformation phrase.</b></font> <font style=float:right><a title="Astraeus Celestial Power! Make up!">✰</a></font><br></div>
  358.  
  359. <div id= "stats">
  360. <h1>{ little star.</h1>
  361. Standing at 5'11" and weighing in at 134 pounds is Fukuda, Ume, otherwise known as her true identity: <B>Sailor Astraea</B>, the Soldier of Innocence. Her legs are long, lean, and ebony. Her complexion is naturally dark, like the midnight sky. She is muscular, this prominently displayed in her thighs and calves as she moves. Her upper body is equally defined, though her Senshi garb cloaks the muscle definition. With hair as long as her body, her locks are the color of snow and transition smoothly into a sheer blue hue. The effect is a beautiful ombre more often than not worn loose to create a cascading waterfall effect. <br>
  362. In her human guise, Ume sticks to garments that are modest in nature and typically span the purple spectrum--much like her Sailor uniform. Her choices are somewhere between long skirts and dresses, reminiscent of a ballerina. As "Ume", her hair is almost always restrained in a ponytail of some kind. Along with being a university student, her fellow teammates have discovered another way to stand out.
  363. <br>Ume is a JPop idol; the Celestial Senshi having chosen to form a group known as <I>Celestia</I> to further delve into human culture. For this aspect of their overall mission, her garments become just a tad more risque. It's all in the name of show business and blending in with the industry, of course! Blending in by taking one's clothes off disconcerts Astraea, she fails to understand why that makes them more successful, but it seems that the others are on board with the idea and so, too, she agrees. Still, in terms of pop idols, Ume's shows the least amount of skin.
  364. </div>
  365.  
  366. <div id= "ooc">
  367. <h1>{ what you are.</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><br>
  369. <b>.02</b> | RP AVAILABILITY:<br>
  370. <I>Weekdays:</I> 1pm EST - 11 pm EST. This is without exception. I will get off around 11 almost every night. I apologize for the inconvenience.<br>
  371. <i>Weekends:</I> Unlikely. This is highly circumstantial and depends on what goes on in my RL.<br><br>
  372. <b>.03</B> | PM-friendly... to an extent. I'm not interested in SMUT messages. I only want PLOT and CONCEPT discussions. IDLE CHIT-CHAT is fine, too. BANTER is great. But I'm not up for discussing anything sexual.<br>
  373.        <b>. a</B> | SMUT will be shown through fade-to-black scenes or implied. It will never be RP'd. Sexual interaction is reserved for Astraea's significant other.<br><br>
  374. <b>.04</B> | IC isn't OOC. So long as you understand this, all will be fine. I'll typically indicate OOC by using '//' after any OOC interaction unless OOC is established IN-ROOM by the going-ons.<br><br>
  375. <b>.05</B> | Multi/Novella. I do shitpost, I do snowball RP. Not everything needs a book about it. Quality > Quantity, it's all in how the story is told and who is doing the telling. Not everything needs excessive detail.<br><br>
  376. <b>.06</B> | Be kind, okay? You don't have to like Astraea, or myself as the typist. That's okay, I respect your feelings and won't bother you. But likewise, it would be appreciated if you didn't harass me with your opinions. I don't care that you dislike me and I will <B>never</B> care that you dislike me.
  377. </div>
  378.  
  379. <div id="1" class="slide">
  380. <div class="abox">
  381. <h1>{ friends & foes.</h1>
  382. <a target="_blank" href="https://roleplay.chat/profile.php?user=Sailor+Eos" title="Eos. Leader. Sister.">
  383. <img style="border: 2px solid #3D2136; height:50px; border-radius: 50%;" src="https://vignette.wikia.nocookie.net/narutofanon/images/8/8e/Tumblr_nhjxhjQvpV1txt22yo1_500.gif/revision/latest?cb=20170306212035&path-prefix=pt-br"></a>
  384.  
  385. <a target="_blank" href="https://roleplay.chat/profile.php?user=Sailor+Nike" title="Nike. Co-Leader; Friend.">
  386. <img style="border: 2px solid #3D2136; height:50px; border-radius: 50%;" src="https://media.giphy.com/media/NIAgPPdWXycUw/giphy.gif"></a>
  387.  
  388. <a target="_blank" href="">
  389. <img style="border: 2px solid #3D2136; height:50px; border-radius: 50%;" src="http://i.picpar.com/FVIc.png"></a>
  390.  
  391. <a target="_blank" href="">
  392. <img style="border: 2px solid #3D2136; height:50px; border-radius: 50%;" src="http://i.picpar.com/FVIc.png"></a>
  393.  
  394. <a target="_blank" href="">
  395. <img style="border: 2px solid #3D2136; height:50px; border-radius: 50%;" src="http://i.picpar.com/FVIc.png"></a>
  396. </div></div>
  397.  
  398.  
  399. <div id="2" class="slide">
  400. <div class="abox2">
  401. <h1>{ up above the world.</h1>
  402. <a target="_blank" href="http://www.ross-simons.com/images/small/ring-849541.jpg">Transformation Talisman.</a><br>
  403. Astraea's talisman is worn in the form of an ametrine ring on her right ring-finger. The silver band is thin, save for either side that frames the gem, itself, bearing ornate petal-like embellishments. When invoking her transformation, the VIRGO symbol blazes at the center, the color of a thistle plant, before transforming into the dual swords depicted below.<br>
  404. <hr>
  405. <a target="_blank" href="https://i.pinimg.com/736x/f1/a9/fe/f1a9fefb243d51cbaf9b85614c3cc314--weapon-concept-art-my-character.jpg">Double Swords.</a><br>
  406. <br><br>
  407. <h1>{ so high.</h1>
  408. <font style=float:left><b>Attack No. 1.</B></font> <font style=float:right>TBA.</font><br>
  409. <font style=float:left><b>Attack Sequence.</b></font> <font style=float:right>TBA.</font><br><br>
  410. <font style=float:left><b>Attack No. 2.</B></font> <font style=float:right>TBA.</font><br>
  411. <font style=float:left><b>Attack Sequence.</b></font> <font style=float:right>TBA.</font><br><br>
  412. <font style=float:left><b>Attack No. 3.</B></font> <font style=float:right>TBA.</font><br>
  413. <font style=float:left><b>Attack Sequence.</b></font> <font style=float:right>TBA.</font><br><br>
  414. <font style=float:left><b>Attack No. 4.</B></font> <font style=float:right>TBA.</font><br>
  415. <font style=float:left><b>Attack Sequence.</b></font> <font style=float:right>TBA.</font><br><br>
  416. <font style=float:left><b>Attack No. 5.</B></font> <font style=float:right>TBA.</font><br>
  417. <font style=float:left><b>Attack Sequence.</b></font> <font style=float:right>TBA.</font><br><br>
  418. <font style=float:left><b>Attack No. 6.</B></font> <font style=float:right>TBA.</font><br>
  419. <font style=float:left><b>Attack Sequence.</b></font> <font style=float:right>TBA.</font>
  420.  
  421. </div></div>
  422. </div>
  423.  
  424. </div>
Advertisement
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!