SHARE
TWEET

Gemma

bythestars May 16th, 2019 92 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2. @import url('https://fonts.googleapis.com/css?family=Kaushan+Script');
  3.  
  4. #no {
  5. position: absolute;
  6. left: 0px;
  7. top: 0px;
  8. right: 0px;
  9. bottom: 0px;}
  10.  
  11. ::-webkit-scrollbar {
  12. width: 0px;}
  13.  
  14. ::-webkit-scrollbar-thumb {
  15. background: transparent;}
  16.  
  17. ::selection {
  18. color: #20181c;
  19. background: #601286;}
  20.  
  21. body {
  22. background-color: #601286;
  23. cursor: url('https://78.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_540.png'), default;}
  24.  
  25. a {
  26. color: #EFD7FA;
  27. text-decoration: none;}
  28.  
  29. h2 {
  30. height: 15px;
  31. text-align: center;
  32. font-family: 'Kaushan Script', cursive;
  33. color: #EFD7FA;
  34. font-size: 40px;
  35. line-height: 16px;
  36. letter-spacing: 0px;
  37. text-transform: lowercase;
  38. margin-top: 5px;
  39. margin-bottom: 15px;
  40. border-top: 3px solid #601286;
  41. border-bottom: 3px solid #601286;
  42. text-shadow: 5px 0px 0px #601286;}
  43.  
  44. .pic {
  45. position: absolute;
  46. height: 300px;
  47. width: 220px;
  48. background-image: url('https://i.imgur.com/KOZVh3Y.jpg');
  49. background-attachment: absolute;
  50. background-size: 100% 100%;
  51. bottom: 280px;
  52. left: 20px;
  53. border: 10px solid #CFACF7;
  54. border-radius: 10px 10px 10px 10px;
  55. filter: drop-shadow( 10px 0px 0px #8D6CBF);}
  56.  
  57. .pic2 {
  58. position: absolute;
  59. height: 150px;
  60. width: 300px;
  61. background-image: url('https://i.imgur.com/Z1UAjsK.gif');
  62. background-attachment: absolute;
  63. background-size: 100% 100%;
  64. bottom: 90px;
  65. left: 280px;
  66. border: 10px solid #CFACF7;
  67. border-radius: 10px 10px 10px 10px;
  68. filter: drop-shadow( 10px 0px 0px #8D6CBF);}
  69.  
  70. .con {
  71. position: absolute;
  72. height: 600px;
  73. width: 600px;
  74. background-color: #8D6CBF;
  75. padding: 10px;
  76. overflow: auto;
  77. bottom: 50%;
  78. left: 50%;
  79. margin-left: -250px;
  80. margin-bottom: -350px;
  81. border-radius: 10px 10px 10px 10px;}
  82.  
  83. .stats {
  84. position: absolute;
  85. height: 300px;
  86. width: 300px;
  87. background-color: #CFACF7;
  88. padding: 10px;
  89. overflow: auto;
  90. top: 20px;
  91. left: 280px;
  92. border-radius: 10px 10px 10px 10px;}
  93.  
  94. .statsin {
  95. position: absolute;
  96. height: 295px;
  97. width: 300px;
  98. font-family: calibri;
  99. color: #601286;
  100. font-size: 13px;
  101. letter-spacing: 0px;
  102. word-spacing: 0px;
  103. text-transform: none;
  104. background-color: transparent;
  105. padding: 10px;
  106. line-height: 10px;
  107. text-align: justify;
  108. overflow: auto;
  109. bottom: 0px;
  110. right: 0px;}
  111.  
  112. .statsin span {
  113. font-family: 'Kaushan Script', cursive;
  114. color: #EFD7FA;
  115. font-size: 17px;
  116. letter-spacing: 0px;
  117. word-spacing: 3px;
  118. text-transform: lowercase;
  119. font-weight: bold;}
  120.  
  121. .box {
  122. position: absolute;
  123. height: 285px;
  124. width: 295px;
  125. font-family: calibri;
  126. color: #601286;
  127. font-size: 13px;
  128. letter-spacing: 0px;
  129. word-spacing: 0px;
  130. text-transform: none;
  131. background-color: #CFACF7;
  132. padding: 10px;
  133. line-height: 10px;
  134. text-align: justify;
  135. overflow: auto;
  136. bottom: 50%;
  137. left: 50%;
  138. margin-left: -59px;
  139. margin-bottom: -1000000px;
  140. opacity: 0;}
  141.  
  142. .box:target {
  143. bottom: 50%;
  144. left: 50%;
  145. margin-left: 33px;
  146. margin-bottom: -60px;
  147. opacity: 1;}
  148.  
  149. .ooc {
  150. position: absolute;
  151. height: 220px;
  152. width: 220px;
  153. background-color: #CFACF7;
  154. padding: 10px;
  155. overflow: auto;
  156. bottom: 20px;
  157. left: 20px;
  158. border-radius: 10px 10px 10px 10px;}
  159.  
  160. .oocin {
  161. position: absolute;
  162. height: 220px;
  163. width: 220px;
  164. font-family: calibri;
  165. color: #601286;
  166. font-size: 13px;
  167. letter-spacing: 0px;
  168. word-spacing: 0px;
  169. text-transform: none;
  170. background-color: transparent;
  171. padding: 10px;
  172. line-height: 10px;
  173. text-align: justify;
  174. overflow: auto;
  175. bottom: 0px;
  176. right: 0px;}
  177.  
  178. .oocin span {
  179. font-family: 'Kaushan Script', cursive;
  180. color: #EFD7FA;
  181. font-size: 17px;
  182. letter-spacing: -2px;
  183. word-spacing: -2px;
  184. text-transform: lowercase;
  185. font-weight: bold;}
  186.  
  187. .navi {
  188. position: absolute;
  189. bottom: 50%;
  190. left: 50%;
  191. margin-left: 45px;
  192. margin-bottom: -290px;}
  193.  
  194. a.nav:link, a.nav:active, a.nav:visited{
  195. display: inline-block;
  196. width: 50px;
  197. height: 15px;
  198. background-color: #CFACF7;
  199. letter-spacing: 1px;
  200. text-transform: lowercase;
  201. font-family: 'Kaushan Script', cursive;
  202. color: #EFD7FA;
  203. font-size: 9px;
  204. letter-spacing: 3px;
  205. text-transform: none;
  206. text-decoration: none;
  207. font-weight: bold;
  208. text-align: center;
  209. line-height: 17px;
  210. padding: 3px;
  211. margin-left: 10px;}
  212.  
  213. .friend {
  214. display: inline-block;
  215. height: 40px;
  216. width: 40px;
  217. background-color: transparent;
  218. padding: 3px;
  219. margin-top: 0px;
  220. border: 2px solid #20181c;}
  221.  
  222. .title {
  223. position: absolute;
  224. font-family: 'Kaushan Script', cursive;
  225. color: #EFD7FA;
  226. font-size: 34px;
  227. letter-spacing: 3px;
  228. text-transform: uppercase;
  229. font-weight: bold;
  230. bottom: 50%;
  231. left: 50%;
  232. margin-left: 25px;
  233. margin-bottom: -342px;
  234. text-shadow: -5px 2px 0px #601286;}
  235. </style>
  236.  
  237. <div id="no" oncontextmenu="return false;">
  238.  
  239. <div class="con">
  240. <div class="stats">
  241. <div class="statsin">
  242. <h2>Statistics</h2>
  243.  
  244. <font style=float:left><span>Name:</span></font> <font style=float:right>Gemma Elizabeth Asheton</font><br>
  245. <font style=float:left><span>Nicknames:</span> </font> <font style=float:right>Gem</font><br>
  246. <font style=float:left><span>Stat:</span></font> <font style=float:right>Stat</font><br>
  247. <font style=float:left><span>Stat:</span></font> <font style=float:right>Stat</font><br>
  248. </div>
  249. </div>
  250.  
  251. <div class="ooc">
  252. <div class="oocin">
  253. <h2>Ooc</h2><p>
  254.  
  255. <span>✶</span>. ---<br>
  256. <br><span>✶</span>. ---<br>
  257. <br><span>✶</span>. ---<br>
  258. <br><span>✶</span>. ---<br>
  259. <br><span>✶</span>. OC for <a target="_blank" href="https://roleplay.chat/profile.php?user=New+York+University" target="_blank">NYU</a> room. Modern/realistic scenes only.<br>
  260. <br><span>✶</span>. <a target="_blank" href="https://www.youtube.com/watch?v=YzR8BCmV9Ew" target="_blank">Current theme</a> is subject to change as I work on finding her particular voice.<br>
  261. </div>
  262. </div>
  263. <div class="pic"></div>
  264. <div class="pic2"></div>
  265. </div>
  266.  
  267. <div class="navi">
  268. <a class="nav" href="#one">I.</a>
  269. <a class="nav" href="#two">II.</a>
  270. <a class="nav" href="#three">III.</a>
  271. <a class="nav" href="#four">IV.</a>
  272. </div>
  273.  
  274. <div id="one" class="box">
  275. <h2>Bla</h2>
  276.  
  277. Put whatever here.
  278. </div>
  279.  
  280. <div id="two" class="box">
  281. <h2>Bla 2</h2>
  282.  
  283. Put whatever here 2.
  284. </div>
  285.  
  286. <div id="three" class="box">
  287. <h2>Friends</h2>
  288.  
  289. <a href="profile.php?user=LINK HERE" target="_blank"><img src= "PIC HERE" class="friend"></a>
  290. <a href="profile.php?user=LINK HERE" target="_blank"><img src= "PIC HERE" class="friend"></a>
  291. <a href="profile.php?user=LINK HERE" target="_blank"><img src= "PIC HERE" class="friend"></a>
  292. <a href="profile.php?user=LINK HERE" target="_blank"><img src= "PIC HERE" class="friend"></a>
  293. </div>
  294.  
  295. <div class="title">Gemma Asheton</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