API tools faq
paste
Advertisement
bythestars

yay

bythestars
May 31st, 2019
138
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.75 KB | None | 0 0
raw download clone embed print report
  1. <style type="text/css">
  2. @import url('https://fonts.googleapis.com/css?family=Oswald|Cookie|Lobster+Two');
  3.  
  4. body {
  5. background-image: url('https://i.imgur.com/eH5mgKa.gif');
  6. background: -webkit-linear-gradient(#CFACF7, #8D6CBF, #601286);
  7. cursor: url('https://i.imgur.com/qpw7Q2r.png?1'), default;}
  8.  
  9. ::-webkit-scrollbar-thumb:vertical {background-color:#601286; height:3px; }
  10. ::-webkit-scrollbar { height:3px; width:3px; background-color:transparent; }
  11.  
  12. ::selection {
  13. color: #601286;
  14. background: #FFE5F9;}
  15.  
  16. a {
  17. color: #FFE5F9;
  18. text-decoration: none;
  19. text-transform: uppercase;
  20. font-family: calibri, sans-serif;
  21. font-size: 12px;
  22. letter-spacing: 1;
  23. -webkit-transition: all 0.5s ease-in-out;
  24. -moz-transition: all 0.5s ease-in-out;
  25. -o-transition: all 0.5s ease-in-out;
  26. -ms-transition: all 0.5s ease-in-out;
  27. transition: all 0.5s ease-in-out;}
  28.  
  29. a:hover {
  30. color: white;
  31. text-decoration: none;
  32. -webkit-transition: all 0.5s ease-in-out;
  33. -moz-transition: all 0.5s ease-in-out;
  34. -o-transition: all 0.5s ease-in-out;
  35. -ms-transition: all 0.5s ease-in-out;
  36. transition: all 0.5s ease-in-out;}
  37.  
  38. b {
  39. color:#601286;
  40. font-family: calibri, sans-serif;
  41. text-transform: uppercase;
  42. font-size: 12px;
  43. letter-spacing: 1;
  44. }
  45.  
  46. i {
  47. color:#CFACF7;
  48. font-family: calibri, sans-serif;
  49. text-transform: lowercase;
  50. font-size: 12px;
  51. letter-spacing: 1;}
  52.  
  53. u {
  54. color:#EFD7FA;
  55. font-family: calibri, sans-serif;
  56. text-transform: lowercase;
  57. font-size: 12px;
  58. letter-spacing: 1;}
  59.  
  60. s {
  61. color:#FFE5F9;
  62. font-family: calibri, sans-serif;
  63. text-transform: lowercase;
  64. font-size: 12px;
  65. letter-spacing: 1;}
  66.  
  67. h1 {
  68. background-color: #8D6CBF;
  69. width: 100%;
  70. padding:10px;
  71. margin-top: 1;
  72. margin-left: -10px;
  73. color: #EFD7FA;
  74. font-size: 40px;
  75. font-family: 'Cookie', sans-serif;
  76. font-weight: 2;
  77. text-transform: lowercase;
  78. letter-spacing: 0px;
  79. text-align:center;}
  80.  
  81. *{cursor: url('https://i.imgur.com/qpw7Q2r.png?1'), default;}
  82.  
  83. #container {
  84. position:absolute;
  85. top:45%;
  86. margin-top:-220px;
  87. left:50%;
  88. margin-left:-400px;
  89. margin-bottom:;
  90. height:650px;
  91. width:820px;
  92. background:#9f83c9;
  93. border: 10px solid #8D6CBF;
  94. border-radius: 10px;
  95. background-image: url('https://www.transparenttextures.com/patterns/dark-dotted-2.png');}
  96.  
  97. #bg1 {
  98. background-color: #8D6CBF;
  99. background-image: url('https://www.transparenttextures.com/patterns/flower-trail.png');
  100. position: absolute;
  101. width:150px;
  102. height:630px;
  103. left: -1px;
  104. top: -1px;
  105. padding: 10px;
  106. margin: 1px;
  107. opacity: 1;}
  108.  
  109. #pic1 {
  110. position: absolute;
  111. height: 235px;
  112. width: 190px;
  113. background-image: url('https://i.imgur.com/svPbgbo.gif');
  114. background-attachment: absolute;
  115. bottom: 390px;
  116. right: 600px;
  117. border: 5px solid #8D6CBF;
  118. opacity: 1;
  119. z-index: 100;}
  120.  
  121. #stats {
  122. border: 5px solid #8D6CBF;
  123. border-radius: 10px;
  124. background-color: #ad95d0;
  125. text-transform: uppercase;
  126. text-align: left;
  127. color: #fff;
  128. font-size: 11px;
  129. font-family: calibri, sans-serif;
  130. position: absolute;
  131. width:260px;
  132. height:350px;
  133. left: 190px;
  134. bottom: 10px;
  135. letter-spacing:1px;
  136. line-height: 13px;
  137. padding: 10px;
  138. margin: 1px;
  139. overflow:auto;
  140. opacity: 1;}
  141.  
  142. #ooc {
  143. border: 5px solid #8D6CBF;
  144. border-radius: 10px;
  145. background-color: #ad95d0;
  146. text-transform: uppercase;
  147. text-align: justify;
  148. color: #fff;
  149. font-size: 11px;
  150. font-family: calibri, sans-serif;
  151. position: absolute;
  152. width:260px;
  153. height:350px;
  154. left: 510px;
  155. bottom: 10px;
  156. letter-spacing:1px;
  157. line-height: 13px;
  158. padding: 10px;
  159. margin: 1px;
  160. overflow: auto;
  161. opacity: 1;}
  162.  
  163. .navbar {position: absolute; left: 20px; top: -5px; z-index: 3000; opacity: 1; }
  164.  
  165. .link1 {position: absolute; border-radius: 50%; left: 0px; bottom: -325px; height: 50px; width: 50px; filter: drop-shadow( 0px 0px 2px #EFD7FA);}
  166. .link1:hover {transform: rotate(10deg);}
  167.  
  168. .link2 {position: absolute; left: 50px; bottom: -325px; 100px; width: 100px; filter: drop-shadow( 0px 0px 2px #EFD7FA);}
  169. .link2:hover {transform: rotate(10deg);}
  170.  
  171. .link3 {position: absolute; left: 100px; bottom: -325px; width: 100px; width: 15px; filter: drop-shadow( 0px 0px 2px #EFD7FA);}
  172. .link3:hover {transform: rotate(10deg);}
  173.  
  174. .link4 {position: absolute; left: 150px; bottom: -325px; width: 100px; width: 15px; filter: drop-shadow( 0px 0px 2px #EFD7FA);}
  175. .link4:hover {transform: rotate(10deg);}
  176.  
  177.  
  178. .abox, .abox2, .abox3 {
  179. border: 5px solid #8D6CBF;
  180. border-radius: 10px;
  181. background-color: #ad95d0;
  182. text-transform: uppercase;
  183. text-align: left;
  184. color: #fff;
  185. font-size: 11px;
  186. font-family: calibri, sans-serif;
  187. position: absolute;
  188. width:260px;
  189. height:350px;
  190. left: 190px;
  191. bottom: 10px;
  192. letter-spacing:1px;
  193. line-height: 13px;
  194. padding: 10px;
  195. margin: 1px;
  196. overflow:auto;
  197. opacity: 1;
  198. z-index: 100;}
  199.  
  200. .slide {z-index: -1; opacity: 0;}
  201.  
  202. .slide:target {left: 0; opacity: 1; z-index: 1000;}
  203.  
  204. #gem1 { z-index: 10000; position: absolute; left: 400px; top: 195px; font-family: 'Cookie', cursive; font-size: 80px; color: #30262e;
  205. -webkit-text-fill-color: transparent; background: -webkit-linear-gradient(transparent, transparent), url('https://i.imgur.com/bxfdrko.gif') repeat; background: -o-linear-gradient(transparent, transparent); -webkit-background-clip: text; background-position: center left; background-size: cover;}
  206.  
  207. #gem2 { z-index: 100; position: absolute; left: 400px; top: 195px; font-family: 'Cookie', cursive; font-size: 80px; color: #000; text-shadow: -1px 1px .5px #000;}
  208. </style>
  209.  
  210.  
  211. <div id= "container">
  212. <div id= "border"></div>
  213. <div id= "border2"></div>
  214. <div id= "bg1"></div>
  215.  
  216. <div class="navbar">
  217. <a class="link1" href="#1" title= "history"><img src= "https://i.imgur.com/VUVnOiq.gif" height=50px></a>
  218. <a class="link2" href="#2" title= "updates"><img src= "https://i.imgur.com/X8TMaep.gif" height=50px></a>
  219. <a class="link3" href="#3" title= "connections"><img src= "https://i.imgur.com/cNrHwED.gif" height=50px></a>
  220. <a class="link4" href="#4" title= "reset"><img src= "https://i.imgur.com/9zvAxF4.gif" height=50px></a>
  221. </div>
  222.  
  223. <div id= "gem1">Gemma Asheton</div>
  224. <div id= "gem2">Gemma Asheton</div>
  225. <div id= "pic1"></div>
  226.  
  227. <div id= "ooc">
  228. <h1>ooc</h1>
  229. <b>001</b> This code was made by <b>Star</b>, under the multiple sources of tutelage by far more experienced coders. Please don't bother stealing, I can point you in the direction of those that would be happy to do commissions. <br><br>
  230. <b>002</b> I am <b>Star</b>, and one day would be thrilled to death to reclaim my username on RPC. Very much female, over the age of 18, and not seeking an online relationship. I do flirt as a knee-jerk reaction, which is relatively harmless. <br><br>
  231. <b>003</b> Gemma is an OC for the <a target="_blank" href="https://roleplay.chat/profile.php?user=New+York+University">NYU</a> room, for which I am a moderator. Promise that I am friendly both to run scenes with, and to discuss concerns about the group with. If for whatever reason I don't answer, drop me an inbox message so it's not lost. <br><br>
  232. <b>004</b> Bullshit RPer that snowballs into multi-para depending on the scene and muse. I thoroughly enjoy IC drama, bored af of OOC drama. Mature themes welcomed, but smut is reserved for dedicated writing partner. Gemma isn't a single serving type of girl, sorry!
  233.  
  234. </div>
  235.  
  236. <div id= "stats">
  237.  
  238. <h1>statistics</h1>
  239. <font style=float:left><b>name</b> </font> <font style=float:right>Gemma Elizabeth Asheton</font><br>
  240. <font style=float:left><b>alias</b> </font> <font style=float:right>Gem</font><br>
  241. <font style=float:left><b>gender</b> </font> <font style=float:right>♀ Female</font><br>
  242. <font style=float:left><b>birth date</b> </font> <font style=float:right>august 30th / virgo</font><br>
  243. <font style=float:left><b>birthplace</b> </font> <font style=float:right>wales, england</font><br>
  244. <font style=float:left><b>location</b> </font> <font style=float:right>new york city, ny</font><br><br>
  245.  
  246. <font style=float:left><b>occupation</b> </font> <font style=float:right>college student / junior</font><br>
  247. <font style=float:left><b>major</b> </font> <font style=float:right>musical theatre</font><br>
  248. <font style=float:left><b>soroity</b> </font> <font style=float:right>Zeta Tau Alpha</font><br>
  249. <font style=float:left><b>clubs</b> </font> <font style=float:right>Drama, Dance, Glee</font><br><br>
  250.  
  251. <font style=float:left><b>marital status</b> </font> <font style=float:right> <a target="_blank" href="https://www.youtube.com/watch?v=nwpj9_hrK_A">single</a></font><br>
  252. <font style=float:left><b>orientation</b> </font> <font style=float:right>heterosexual</font><br>
  253. <font style=float:left><b>current mood</b> </font> <font style=float:right>broken heart</font><br><br>
  254.  
  255. <font style=float:left><b>height</b> </font> <font style=float:right>5'6"</font><br>
  256. <font style=float:left><b>weight</b> </font> <font style=float:right>123 lbs</font><br>
  257. <font style=float:left><b>hair color</b> </font> <font style=float:right>blonde</font><br>
  258. <font style=float:left><b>eye color</b> </font> <font style=float:right>green</font><br>
  259. <font style=float:left><b>scent</b> </font> <font style=float:right>--</font><br>
  260. <font style=float:left><b>allergies</b> </font> <font style=float:right>bees, coconut, <s>bullshit</s></font><br>
  261. </div>
  262.  
  263. <div id="1" class="slide">
  264. <div class="abox">
  265. <h1>history</h1>
  266. <justify>
  267. this is just an example.<br>
  268. <b>this is just an example.</b><br>
  269. <i>this is just an example.</i><br>
  270. <u>this is just an example.</u><br>
  271. <s>this is just an example.</s><br>
  272. </justify>
  273. </div></div>
  274.  
  275. <div id="2" class="slide">
  276. <div class="abox2">
  277. <h1>updates</h1>
  278. words here.
  279. </div></div>
  280.  
  281. <div id="3" class="slide">
  282. <div class="abox3">
  283. <h1>connections</h1>
  284. <a target="_blank" href="https://roleplay.chat/profile.php?user=Kendall" title="Kendall Jennings - the Best Friend. A loyal and fun individual, that couldn't be replaced by anyone or anything.">
  285. <img style="background: url('https://i.imgur.com/75HEvDb.gif') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  286.  
  287. <a target="_blank" href="https://roleplay.chat/profile.php?user=The+King" title="Jack Walker - the Ex-boyfriend. A relationship that ran a course of 6-8 months, before discovering he was cheating. It's difficult to be around him and maintain a brave face.">
  288. <img style="background: url('https://i.imgur.com/VVBNkNt.gif') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  289.  
  290. <a target="_blank" href="https://roleplay.chat/profile.php?user=Kian" title="Kian Keller - the Nice Guy. A rough start, but genuinely a good guy, so can't hold it against him. He has a weird thing for whales and Tolkien.">
  291. <img style="background: url('https://i.imgur.com/ogPzzpd.gif') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  292.  
  293. <a target="_blank" href="https://roleplay.chat/profile.php?user=Flick" title="Felicia Bennett - the Good Eye. A beautiful and talented individual that shares the same desire to expose the natural art of the world around them. Although feels Flick is way more talented in capturing the ideal shot.">
  294. <img style="background: url('https://66.media.tumblr.com/001bda3b7c6e50529eb830123441a59b/tumblr_prmldvZewf1ua1nbgo1_400.gif') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  295.  
  296. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  297. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  298.  
  299. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  300. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  301. </div></div>
  302.  
  303. </div>
  304. </div>
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!