SHARE
TWEET

Untitled

a guest Aug 25th, 2019 99 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style type="text/css">
  2. @import url('https://fonts.googleapis.com/css?family=Codystar');
  3. @import url('https://fonts.googleapis.com/css?family=Baloo+Bhai');
  4. @import url('https://fonts.googleapis.com/css?family=Itim');
  5.  
  6.  
  7. body{
  8. background-color:#fff;
  9. background-image: url("https://media.giphy.com/media/FlodpfQUBSp20/giphy.gif");
  10. overflow: hidden;
  11. cursor: url(http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png), auto;}
  12. ::-webkit-scrollbar {width: 1px; }
  13.  
  14.  
  15. b {
  16. color:#8A1EB3;
  17. font-family: 'Baloo Bhai', sans-serif;
  18. padding: 3px;
  19. text-transform: uppercase;
  20. font-size:15px;
  21. text-shadow: 1px 1px 4px #000000;
  22. }
  23.  
  24. i {color: #adaaa8;
  25. font-weight: normal;}
  26.  
  27. a {
  28. text-decoration: none;
  29. font-family: 'Itim', sans-serif;
  30. color: #a537a8;}
  31. a:hover {color: #7f7c7a}
  32. a.coded {text-decoration: none; color: #7f7c7a;}
  33. a.coded:hover {color: #da9220;}
  34.  
  35.  
  36. h1 {
  37. font-family: 'Codystar', cursive;
  38. color: #8A1EB3;
  39. letter-spacing: 5;
  40. font-size: 40px;
  41. text-align: center;
  42. line-height: 0px;
  43. text-shadow: 0 0 10px #960f99;
  44. }
  45.  
  46. .all {
  47. background: #807E82;
  48. background-size: auto 100%;
  49. position: fixed;
  50. margin: auto;
  51. left: 0%;
  52. top: 0%;
  53. right:0%;
  54. bottom: 0%;
  55. width: 35%;
  56. height: 100%;
  57. box-shadow: 0px 0px 20px #6E615A;
  58. background-image: url("https://steamuserimages-a.akamaihd.net/ugc/81470188882863137/1DB4F8C9832AED19E9FDC7CF43FBF59E518EEB76/");
  59. }
  60.  
  61. .mainpic {
  62. background: url(https://i.imgur.com/FVYrjWs.png) no-repeat;
  63. background-size: auto 83%;
  64. position: absolute;
  65. top: 0%;
  66. left: -60%;
  67. width: 120%;
  68. height: 120%;
  69. overflow: hidden;
  70. z-index: 2;
  71. text-align: justify;
  72. pointer-events: none;
  73. }
  74.  
  75. .box {
  76. background: #6E615A;
  77. position: absolute;
  78. top: 5%;
  79. right: 2%;
  80. width: 60%;
  81. height: 80%;
  82. overflow: hidden;
  83. padding: 8px;
  84. border-radius: 100px;
  85. box-shadow: 0px 0px 10px #807E82;
  86. background-image: url("https://image.ibb.co/eq9pjR/Space.gif");
  87. }
  88.  
  89. .tab {
  90. background: #fffff;
  91. position: relative;
  92. float: left;
  93. height: 100%;
  94. width: 100%;
  95. overflow-x: hidden;
  96. overflow-y: auto;
  97. color: #E7BBEE;
  98. text-align: center;
  99. font-family: Itim;
  100. font-size:20px;
  101. padding: 15px;
  102. box-sizing: border-box;
  103. }
  104.  
  105. .tab1, .tab2, .tab3, .tab4 {
  106. background: #b2f5d9;
  107. position: relative;
  108. float: left;
  109. top: 90%;
  110. left: 40%;
  111. margin-right: 5px;
  112. height: 60px;
  113. width: 60px;
  114. color: #111111;
  115. text-align: center;
  116. font-family: Itim;
  117. font-size:20px;
  118. text-transform: uppercase;
  119. background-image: url("https://www.transparenttextures.com/patterns/fresh-snow.png");
  120. z-index: 3;
  121. -webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
  122. clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
  123. background-image: linear-gradient(to bottom left, #FA4AFA, #FBD816);
  124. }
  125.  
  126. #credit {
  127. overflow:hidden;
  128. position:fixed;
  129. text-align:justify;
  130. bottom:0%;
  131. left:0%;
  132. height:55px;
  133. width:40px;
  134. padding:5px;
  135. background-image: url('https://i.imgur.com/u15MkqT.png');
  136. background-position:top center;
  137. background-attachment: absolute;
  138. -webkit-background-size: cover;
  139. -moz-background-size: cover;
  140. -o-background-size: cover;
  141. background-size: cover;}
  142.  
  143. </style>
  144.  
  145.  
  146. <div class= "imgright"></div>
  147. <div class="all">
  148. <div class="mainpic"></div>
  149.  
  150. <a href="#01"><div class="tab1"></div></a>
  151. <a href="#02"><div class="tab2"></div></a>
  152. <a href="#03"><div class="tab3"></div></a>
  153. <a href="#04"><div class="tab4"></div></a>
  154.  
  155. <div class="box">
  156. <a href= "https://roleplay.chat/profile.php?user=bish" target="_blank"></a>
  157. <div id= "credit"></div>
  158.  
  159. <a name="01"></a>
  160. <div class="tab">
  161. <h1>OOC</h1>
  162. <hr>
  163. <br><br>
  164. <b>1 - </b> Do NOT Steal this code. Is was made for Astra by Bish, for this profile ONLY. Ask her if you would like your own code. <br><br>
  165. <b>3 - </b> IC and OOC are NOT the same thing. Keep them separate. <br><br>
  166. <b>3 - </b> Absolutely NO random Smut <br><br>
  167. <b>5 - </b> Sometimes I will poof as I have a child IRL, I will do my best to inform you before hand. <br><br>
  168. <b>6 - </b> Long-Term is much preferred, short-term and smut is possible but much more rare.<br><br>
  169. <b>6 - </b> Semi-para to multipara. Grammatically intelligent most days, we all make mistakes. Shit-poster occasionally. <br><br>
  170. <b>7 - </b> No profile equals NO RESPONSE. Don't be lazy.<br><br>
  171. <b>8 -</b> I do not play with Loli's. Ever. So don't ask.<br><br>
  172. <b>9-</b> This character is a heavy. W.I.P. so please do not judge.<br><br>
  173. <b>10 -</b> I do have a Discord, you will have to earn my trust to obtain it.<br><br>
  174. <b>11 -</b> You may approach with a post, I may not respond if I'm not interested. You came to me. Your feelings are not my priority.<br><br>
  175. <b>12 -</b> Typist is a Female IRL, that's the only information you'll get about her.<br><br>
  176. <b>13-</b> Take your drama and shove it right up your ass, I don't care.<br><br>
  177. </div>
  178.  
  179. <div class="tab">
  180. <a name="02"></a>
  181. <h1>Stats</h1>
  182. <hr>
  183. <font style=float:left><b>Name</b> </font> <font style=float:right>Astra D' Usagi</font><br><br>
  184. <font style=float:left><b>Nicknames</b> </font> <font style=float:right>Star, D, Sweet Star Bunny</font><br><br>
  185. <font style=float:left><b>Age</b> </font> <font style=float:right>Thousands of years, appears in her 20s.</font><br><br><br><br>
  186. <font style=float:left><b>Gender</b> </font> <font style=float:right>Female only, will not vary.</font><br><br><br>
  187. <font style=float:left><b>Sexual Orientation</b> </font> <font style=float:right>Sapiosexual</font><br><br>
  188. <font style=float:left><b>Species</b> </font> <font style=float:right>Time Traveler</font><br><br>
  189. <font style=float:left><b>Occupation</b> </font> <font style=float:right> Species says it all.</font><br><br>
  190. <font style=float:left><b>Location</b> </font> <font style=float:right>Currently searching</font><br><br>
  191. <font style=float:left><b>Status</b> </font> <font style=float:right>Single, Looking maybe.</font><br><br>
  192. <font style=float:left><b>Family</b> </font> <font style=float:right>None to speak of</font><br><br>
  193. <font style=float:left><b>Favorite Food</b> </font> <font style=float:right> Cotton Candy</font><br><br>
  194. <font style=float:left><b>Familiar</b> </font> <font style=float:right>Shadow Horse</font><br><br>
  195. <font style=float:left><b>Familiars Name</b> </font> <font style=float:right>Rakhsh</font><br><br>
  196. </div>
  197.  
  198.  
  199. <div class="tab">
  200. <a name="03"></a>
  201. <h1>Album</h1>
  202. <hr>
  203. <img src="https://i.imgur.com/93g258w.jpg" <img style=" src=border: 0px solid #212121; border-radius: 0%; height: 250px; width: 250px;"/>
  204. <br>
  205.  
  206. <img src="https://i.imgur.com/AUXbv0o.jpg" <img style=" src=border: 0px solid #212121; border-radius: 0%; height: 320px; width: 250px;"/>
  207. <br>
  208.  
  209. <img src="https://i.imgur.com/0yyYWPB.jpg" <img style=" src=border: 0px solid #212121; border-radius: 0%; height: 320px; width: 250px;"/>
  210. <br>
  211.  
  212. <img src="https://i.imgur.com/CsvXvf5.png" <img style=" src=border: 0px solid #212121; border-radius: 0%; height: 350px; width: 250px;"/>
  213. <br>
  214.  
  215. <img src="https://i.imgur.com/4DfOh0V.jpg" <img style=" src=border: 0px solid #212121; border-radius: 0%; height: 320px; width: 250px;"/>
  216. <br>
  217.  
  218. <img src="https://i.imgur.com/SY1scDw.jpg" <img style=" src=border: 0px solid #212121; border-radius: 0%; height: 250px; width: 250px;"/>
  219. <br>
  220.  
  221. <img src="https://i.imgur.com/3aXv0eN.jpg" <img style=" src=border: 0px solid #212121; border-radius: 0%; height: 350px; width: 250px;"/>
  222. <br>
  223.  
  224. <img src="https://i.imgur.com/dmJc5QV.png" <img style=" src=border: 0px solid #212121; border-radius: 0%; height: 250px; width: 250px;"/>
  225. </div>
  226.  
  227. <div class="tab">
  228. <a name="04"></a>
  229. <h1>History</h1>
  230. <hr>
  231. <p> Astra spends her days traveling the various worlds, universes, realms and just about anywhere else she can find a way to reach. You may be asking yourself why, or if she just loves to travel but in actuality, it is her job. The duties of an Informationist are never dull. You see, there is a company out there whose soul purpose is to gather information, and the people it employs gain the title "Informationist" but you'll never hear of them. The types of information they gather is large and vast, consisting of small tasks as well. It can range from something as simple as documenting new species, to something as complex as identifying entire realms that one never knew existed before it.
  232.  
  233. <p> How does one end up with such a job? Well, Astra didn't know much of her parents She was left to a church upon the day of her birth and had never heard from them again. Once she'd become a teenager, that insatiable need to know who they were and why they left became overwhelming, as it often does in most foster children. So she'd left the church, ran away and went off on her own. Her need to know things was greater than anyone you would ever have met and it was picked up on by a stranger. A stranger that offered purpose to a girl so very lost. <br><br></div>
  234. </div>
  235. </div>
  236. </div>
RAW Paste Data
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
 
Top