API tools faq
paste
Advertisement
bythestars

Code - Gemma

bythestars
Dec 9th, 2019
235
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.38 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:660px;
  91. width:820px;
  92. background:#9f83c9;
  93. border: 10px solid #8D6CBF;
  94. background-image: url('https://www.transparenttextures.com/patterns/dark-dotted-2.png');}
  95.  
  96. #bg1 {
  97. background-color: #8D6CBF;
  98. background-image: url('https://www.transparenttextures.com/patterns/flower-trail.png');
  99. position: absolute;
  100. width:150px;
  101. height:640px;
  102. left: -1px;
  103. top: -1px;
  104. padding: 10px;
  105. margin: 1px;
  106. opacity: 1;}
  107.  
  108. #pic1 {
  109. position: absolute;
  110. height: 230px;
  111. width: 470px;
  112. background-image: url('https://i.imgur.com/svPbgbo.gif');
  113. background-attachment: absolute;
  114. bottom: 410px;
  115. right: 330px;
  116. border: 5px solid #8D6CBF;
  117. opacity: 1;
  118. z-index: 100;}
  119.  
  120. #stats {
  121. border: 5px solid #8D6CBF;
  122. background-color: #ad95d0;
  123. text-transform: uppercase;
  124. text-align: left;
  125. color: #fff;
  126. font-size: 11px;
  127. font-family: calibri, sans-serif;
  128. position: absolute;
  129. width:300px;
  130. height:350px;
  131. left: 10px;
  132. bottom: 10px;
  133. letter-spacing:1px;
  134. line-height: 13px;
  135. padding: 10px;
  136. margin: 1px;
  137. overflow:auto;
  138. opacity: 1;}
  139.  
  140. #ooc {
  141. border: 5px solid #8D6CBF;
  142. background-color: #ad95d0;
  143. text-transform: uppercase;
  144. text-align: justify;
  145. color: #fff;
  146. font-size: 11px;
  147. font-family: calibri, sans-serif;
  148. position: absolute;
  149. width:400px;
  150. height:170px;
  151. left: 375px;
  152. bottom: 190px;
  153. letter-spacing:1px;
  154. line-height: 13px;
  155. padding: 10px;
  156. margin: 1px;
  157. overflow: auto;
  158. opacity: 1;}
  159.  
  160. #contacts {
  161. border: 5px solid #8D6CBF;
  162. background-color: #ad95d0;
  163. text-transform: uppercase;
  164. text-align: center;
  165. color: #fff;
  166. font-size: 11px;
  167. font-family: calibri, sans-serif;
  168. position: absolute;
  169. width:400px;
  170. height:140px;
  171. left: 375px;
  172. bottom: 10px;
  173. letter-spacing:1px;
  174. line-height: 13px;
  175. padding: 10px;
  176. margin: 1px;
  177. overflow: auto;
  178. opacity: 1;}
  179.  
  180. .navbar {position: absolute; left: 20px; top: -5px; z-index: 3000; opacity: 1; }
  181.  
  182. .link1 {position: absolute; border-radius: 50%; left: 520px; bottom: -116px; height: 100px; width: 100px; filter: drop-shadow( 0px 0px 2px #EFD7FA);}
  183. .link1:hover {}
  184.  
  185. .link2 {position: absolute; left: 640px; bottom: -136px; 100px; width: 100px; filter: drop-shadow( 0px 0px 2px #EFD7FA);}
  186. .link2:hover {}
  187.  
  188. .link3 {position: absolute; left: 520px; bottom: -263px; width: 100px; width: 15px; filter: drop-shadow( 0px 0px 2px #EFD7FA);}
  189. .link3:hover {}
  190.  
  191. .link4 {position: absolute; left: 640px; bottom: -263px; width: 100px; width: 15px; filter: drop-shadow( 0px 0px 2px #EFD7FA);}
  192. .link4:hover {}
  193.  
  194.  
  195. .abox, .abox2, .abox3 {
  196. border: 5px solid #8D6CBF;
  197. background-color: #ad95d0;
  198. text-transform: uppercase;
  199. text-align: left;
  200. color: #fff;
  201. font-size: 11px;
  202. font-family: calibri, sans-serif;
  203. position: absolute;
  204. width:300px;
  205. height:350px;
  206. left: 10px;
  207. bottom: 10px;
  208. letter-spacing:1px;
  209. line-height: 13px;
  210. padding: 10px;
  211. margin: 1px;
  212. overflow:auto;
  213. opacity: 1;
  214. z-index: 100;}
  215.  
  216. .slide {z-index: -1; opacity: 0;}
  217.  
  218. .slide:target {left: 0; opacity: 1; z-index: 1000;}
  219.  
  220. #gem1 { z-index: 10000; position: absolute; left: 100px; top: 195px; font-family: 'Cookie', cursive; font-size: 80px; color: #30262e;
  221. -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;}
  222.  
  223. #gem2 { z-index: 100; position: absolute; left: 100px; top: 195px; font-family: 'Cookie', cursive; font-size: 80px; color: #000; text-shadow: -1px 1px .5px #000;}
  224. </style>
  225.  
  226.  
  227. <div id= "container">
  228. <div id= "border"></div>
  229. <div id= "border2"></div>
  230. <div id= "bg1"></div>
  231.  
  232. <div class="navbar">
  233. <a class="link1" href="#1" title= "history"><img src= "https://i.imgur.com/VUVnOiq.gif" height=120px></a>
  234. <a class="link2" href="#2" title= "updates"><img src= "https://i.imgur.com/X8TMaep.gif" height=120px></a>
  235. <a class="link3" href="#3" title= "connections"><img src= "https://i.imgur.com/cNrHwED.gif" height=120px></a>
  236. <a class="link4" href="#4" title= "reset"><img src= "https://i.imgur.com/9zvAxF4.gif" height=120px></a>
  237. </div>
  238.  
  239. <div id= "gem1">Gemma Asheton</div>
  240. <div id= "gem2">Gemma Asheton</div>
  241. <div id= "pic1"></div>
  242.  
  243. <div id= "ooc">
  244. <h1>ooc</h1>
  245. <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>
  246. <b>002</b> I am <a target="_blank" href="https://roleplay.chat/profile.php?user=Star">Star</a>, you're welcome! 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. #LoyalTo<a target="_blank" href="https://www.youtube.com/watch?v=P_SlAzsXa7E">TheCause</a> <br><br>
  247. <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. 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>
  248. <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!
  249.  
  250. </div>
  251.  
  252. <div id= "contacts">
  253. <h1>connections</h1>
  254. <a target="_blank" href="https://roleplay.chat/profile.php?user=Everett" title="Everett Asheton - A man that I am so unbelievably proud to call my father. He shoulders the responsibility of best directing my course through life with the dual intensity usually reserved for two parents. He has always been supportive of my goals and aspirations, and not afraid to give constructive criticism to the areas that may need work. I would be lost without him.">
  255. <img style="background: url('https://i.imgur.com/LLhRR6Z.gif') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  256.  
  257. <a target="_blank" href="https://4.roleplay.chat/profile.php?user=sam%20asheton" title="Samuel Asheton - My younger brother, and the purest soul around. ">
  258. <img style="background: url('https://i.imgur.com/4pNO4lp.gif') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  259.  
  260. <a target="_blank" href="https://roleplay.chat/profile.php?user=Kendall" title="Kendall Jennings - My best friend and sorority sister, we met during rush week and have been close ever since. While we have very differing choices in career, and a few other things.. She has never failed to be there for me. Be it to binge watch romcoms and eat our weight in ice cream after a breakup, or to rally the troops when we need to put our war faces on.">
  261. <img style="background: url('https://i.imgur.com/75HEvDb.gif') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  262.  
  263. <a target="_blank" href="https://roleplay.chat/profile.php?user=Flick" title="Felicia Bennett - This girl is a complete and total badass. Not only is she a lethal weapon in Karate, but she also has a killer eye for photography. A truly beautiful and talented individual that shares the same desire to expose the natural art of the world around them that I do. Although she is definitely way more talented in capturing the ideal shot.">
  264. <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>
  265.  
  266. <a target="_blank" href="https://roleplay.chat/profile.php?user=Nick" title="Nick Bennett - My unexpected ray of sunshine. He is warm and generous, and doesn't play games. I don't know quite where this is going, but I am enjoying the path we're taking to get there. And all the stops in-between.">
  267. <img style="background: url('https://i.imgur.com/J9okXK6.gif') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  268.  
  269. <a target="_blank" href="https://roleplay.chat/profile.php?user=The+King" title="Jack Walker - Perhaps my biggest mistake thus far while attending college. 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. Mostly because a part of me thinks that I wasn't good enough. I hate feeling that way. I know it's wrong.">
  270. <img style="background: url('https://i.imgur.com/VVBNkNt.gif') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  271.  
  272. <a target="_blank" href="https://roleplay.chat/profile.php?user=Kian" title="Kian Keller - Utterly unexpected and just a terrific, if not socially awkward individual. I don't believe I have ever met a more authentic or honest person. I sincerely like him a lot, despite bad luck seemingly haunting our meetings or conversations. I don't regret kissing him, and wouldn't be opposed to a repeat performance. He's in a band?! He also has a weird thing for whales and Tolkien.">
  273. <img style="background: url('https://i.imgur.com/ogPzzpd.gif') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  274.  
  275. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  276. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  277.  
  278. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  279. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  280.  
  281. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  282. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  283.  
  284. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  285. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  286.  
  287. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  288. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  289.  
  290. </div>
  291.  
  292. <div id= "stats">
  293.  
  294. <h1>statistics</h1>
  295. <font style=float:left><b>name</b> </font> <font style=float:right>Gemma Elizabeth Asheton</font><br>
  296. <font style=float:left><b>alias</b> </font> <font style=float:right>Gem</font><br>
  297. <font style=float:left><b>gender</b> </font> <font style=float:right>♀ Female</font><br>
  298. <font style=float:left><b>birth date</b> </font> <font style=float:right>august 30th / virgo / 22</font><br>
  299. <font style=float:left><b>birthplace</b> </font> <font style=float:right>wales, england</font><br>
  300. <font style=float:left><b>location</b> </font> <font style=float:right>zta house, nyu</font><br><br>
  301.  
  302. <font style=float:left><b>occupation</b> </font> <font style=float:right>college student / junior</font><br>
  303. <font style=float:left><b>major</b> </font> <font style=float:right>musical theatre</font><br>
  304. <font style=float:left><b>sorority</b> </font> <font style=float:right><a target="_blank" href="https://roleplay.chat/profile.php?user=ZTA">Zeta Tau Alpha</a> (President)</font><br>
  305. <font style=float:left><b>clubs</b> </font> <font style=float:right>Drama, Dance, Glee</font><br><br>
  306.  
  307. <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>
  308. <font style=float:left><b>orientation</b> </font> <font style=float:right>heterosexual</font><br>
  309. <font style=float:left><b>current mood</b> </font> <font style=float:right>broken heart / hopeful</font><br><br>
  310.  
  311. <font style=float:left><b>height</b> </font> <font style=float:right>5'6"</font><br>
  312. <font style=float:left><b>weight</b> </font> <font style=float:right>123 lbs</font><br>
  313. <font style=float:left><b>hair color</b> </font> <font style=float:right>blonde</font><br>
  314. <font style=float:left><b>eye color</b> </font> <font style=float:right>green</font><br>
  315. <font style=float:left><b>scent</b> </font> <font style=float:right>Vanilla, Lavender, Citrus</font><br>
  316. <font style=float:left><b>allergies</b> </font> <font style=float:right>bees, coconut, <s>bullshit</s></font><br>
  317. </div>
  318.  
  319. <div id="1" class="slide">
  320. <div class="abox">
  321. <h1>history</h1>
  322. <justify>
  323. this is just an example.<br>
  324. <b>this is just an example.</b><br>
  325. <i>this is just an example.</i><br>
  326. <u>this is just an example.</u><br>
  327. <s>this is just an example.</s><br>
  328. </justify>
  329. </div></div>
  330.  
  331. <div id="2" class="slide">
  332. <div class="abox2">
  333. <h1>updates</h1>
  334. this is just an example.<br>
  335. <b>this is just an example.</b><br>
  336. <i>this is just an example.</i><br>
  337. <u>this is just an example.</u><br>
  338. <s>this is just an example.</s><br>
  339. </div></div>
  340.  
  341. <div id="3" class="slide">
  342. <div class="abox3">
  343. <h1>title</h1>
  344. this is just an example.<br>
  345. <b>this is just an example.</b><br>
  346. <i>this is just an example.</i><br>
  347. <u>this is just an example.</u><br>
  348. <s>this is just an example.</s><br>
  349. </div></div>
  350.  
  351. </div>
  352. </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!