SHARE
TWEET

power girl

bythestars May 9th, 2019 88 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=Oswald|Kaushan Script|Satisfy');
  3.  
  4. #no {
  5. position: absolute;
  6. left: 0px;
  7. top: 0px;
  8. right: 0px;
  9. bottom: 0px;}
  10.  
  11. ::-webkit-scrollbar {
  12. width: 1px;}
  13.  
  14. ::-webkit-scrollbar-thumb {
  15. background: transparent;}
  16.  
  17. ::selection {
  18. color: #000;
  19. background: #fff;}
  20.  
  21. body {
  22. background-color: #530709;
  23. background-image: url(https://i.imgur.com/aUaly7T.gif);
  24. cursor: url('https://78.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_540.png'), default;}
  25.  
  26. h2 {
  27. height: 24px;
  28. background-color: #b47f57;
  29. text-align: center;
  30. font-family: 'Oswald';
  31. color: #530709;
  32. font-size: 18px;
  33. line-height: 24px;
  34. letter-spacing: 2px;
  35. text-transform: lowercase;
  36. font-weight: bold;
  37. margin-top: 5px;
  38. margin-bottom: 12px;}
  39.  
  40. a {
  41. color: #b47f57;
  42. text-decoration: none;}
  43.  
  44. .pic1 {
  45. position: absolute;
  46. height: 215px;
  47. width: 215px;
  48. background-image: url('https://i.imgur.com/LThXSx0.gif');
  49. background-attachment: absolute;
  50. background-size: 100% 100%;
  51. bottom: 280px;
  52. right: 380px;
  53. border: 2px solid #878da3;}
  54.  
  55. .pic2 {
  56. position: absolute;
  57. height: 460px;
  58. width: 350px;
  59. background-image: url('https://i.imgur.com/H6gHWMf.png');
  60. bottom: 0px;
  61. right:600px;
  62. z-index: 9;}
  63.  
  64. .pic3 {
  65. position: absolute;
  66. height: 215px;
  67. width: 215px;
  68. background-image: url('https://i.imgur.com/M3lAd78.gif');
  69. background-attachment: absolute;
  70. background-size: 100% 100%;
  71. bottom: -2px;
  72. right: -230px;
  73. border: 2px solid #878da3;}
  74.  
  75. .alpha {
  76. position: absolute;
  77. height: 515px;
  78. width: 615px;
  79. background-image: url(http://i.imgur.com/7MyapOQ.png);
  80. background-color: #530709;
  81. padding: 10px;
  82.  
  83. bottom: 50%;
  84. left: 50%;
  85. margin-left: -270px;
  86. margin-bottom: -300px;}
  87.  
  88. .con {
  89. position: fixed;
  90. height: 465px;
  91. width: 565px;
  92. background-image: url(http://i.picpar.com/kYzc.png);
  93. background-color: #e4e2e3;
  94. Border: 10px solid;
  95. Border-color: #530709;
  96. padding: 10px;
  97. overflow: auto;
  98. bottom: 50%;
  99. left: 50%;
  100. margin-left: -255px;
  101. margin-bottom: -285px;}
  102.  
  103. .stats {
  104. position: absolute;
  105. height: 215px;
  106. width: 200px;
  107. font-family: calibri;
  108. color: #000;
  109. font-size: 11px;
  110. letter-spacing: 0px;
  111. text-transform: none;
  112. background-color: #878da3;
  113. padding: 10px;
  114. line-height: 22px;
  115. text-align: justify;
  116. overflow: auto;
  117. top: 265px;
  118. left: 35px;}
  119.  
  120. .stats span {
  121. font-family: 'Oswald';
  122. color: #530709;
  123. font-size: 10px;
  124. letter-spacing: 2px;
  125. text-transform: Uppercase;
  126. font-weight: bold;
  127. margin-right: 3px;}
  128.  
  129. .box {
  130. position: absolute;
  131. height: 215px;
  132. width: 200px;
  133. font-family: calibri;
  134. color: #000;
  135. font-size: 11px;
  136. letter-spacing: 0px;
  137. text-transform: none;
  138. background-color: #878da3;
  139. padding: 10px;
  140. line-height: 22px;
  141. text-align: justify;
  142. overflow: auto;
  143. opacity: 0;
  144. bottom: 50%;
  145. left: 50%;
  146. margin-left: -230px;
  147. margin-bottom: -10000000px;}
  148.  
  149. .box:target {
  150. opacity: 1;
  151. bottom: 50%;
  152. left: 50%;
  153. margin-left: -235px;
  154. margin-bottom: -265px;}
  155.  
  156. .ooc {
  157. position: absolute;
  158. height: 215px;
  159. width: 200px;
  160. font-family: calibri;
  161. color: #000;
  162. font-size: 11px;
  163. letter-spacing: 0px;
  164. text-transform: none;
  165. background-color: #878da3;
  166. padding: 10px;
  167. line-height: 22px;
  168. text-align: justify;
  169. overflow: auto;
  170. bottom: 35px;
  171. left: 265px;
  172. z-index: 9;}
  173.  
  174. .ooc span {
  175. display: inline-block;
  176. font-family: 'Oswald';
  177. color: #530709;
  178. font-size: 10px;
  179. letter-spacing: 2px;
  180. text-transform: Uppercase;
  181. font-weight: bold;
  182. margin-right: 3px;}
  183.  
  184. .title {
  185. position: absolute;
  186. font-family: 'Oswald', cursive;
  187. color: #530709;
  188. font-size: 45px;
  189. letter-spacing: 2px;
  190. text-transform: uppercase;
  191. font-weight: bold;
  192. bottom: 50%;
  193. left: 50%;
  194. margin-left: -120px;
  195. margin-bottom: -320px;
  196. text-shadow: 3px 2px 0px #b47f57;}
  197. </style>
  198.  
  199. <div class="alpha">
  200.  
  201. <div class="pic2"></div>
  202.  
  203. <div class="con"></div>
  204. <div class="pic1">
  205. <div class="pic3"></div>
  206. </div>
  207.  
  208. <div class="stats">
  209. <h2>{ Statistics :</h2>
  210. <font style=float:left><span>Name:</span></font> <font style=float:right>Kara Zor-L</font><br>
  211. <font style=float:left><span>Current Alias:</span></font> <font style=float:right>Power Girl</font><br>
  212. <font style=float:left><span>Aliases:</span></font> <font style=float:right>Andromeda, Ernie, Karen Starr,</font><br>
  213. <font style=float:left><span></span></font> <font style=float:right> Supergirl, Ursa</font><br>
  214. <font style=float:left><span>Age:</span></font> <font style=float:right>Appears Mid-Twenties</font><br>
  215. <font style=float:left><span>Occupation:</span></font> <font style=float:right>---</font><br>
  216. <font style=float:left><span>Affiliation:</span></font> <font style=float:right>---</font><br>
  217. <font style=float:left><span>Status:</span></font> <font style=float:right><a target="_blank" href="https://roleplay.chat/profile.php?user=Jason+Peter+Todd">Dating</a></font><br>
  218. <font style=float:left><span>Sexuality:</span></font> <font style=float:right>Heterosexual</font><br><br>
  219.  
  220. <font style=float:left><span>Species:</span></font> <font style=float:right>Kryptonian</font><br>
  221. <font style=float:left><span>Gender:</span></font> <font style=float:right>Female</font><br>
  222. <font style=float:left><span>Height:</span></font> <font style=float:right>5'10"</font><br>
  223. <font style=float:left><span>Weight:</span></font> <font style=float:right>130 lbs</font><br>
  224. <font style=float:left><span>Hair:</span></font> <font style=float:right>Blonde</font><br>
  225. <font style=float:left><span>Eyes:</span></font> <font style=float:right>Blue</font><br><br>
  226.  
  227. <font style=float:left><span>---:</span></font> <font style=float:right>---</font><br>
  228. <font style=float:left><span>---:</span></font> <font style=float:right>---</font><br>
  229. <font style=float:left><span>---:</span></font> <font style=float:right>---</font><br>
  230. </div>
  231.  
  232. <div class="ooc">
  233. <h2>{ Out Of :</h2>
  234. <span>✘</span> Code done by <b>Star</a></b>.<br>
  235. <span>✘</span> DC Comics preferred. Others accepted.<br>
  236. <span>✘</span> Snowball, one-liners, third-person, etc.<br>
  237. <span>✘</span> Flirty but #loyalto<b><a target="_blank" href="https://www.youtube.com/watch?v=P_SlAzsXa7E">thecause</a></b>.<br>
  238. <span>✘</span> Discord and other OOC details earned.<br>
  239. <span>✘</span> <a target="_blank" href="">Current theme.</a><br>
  240.  
  241. </div></div>
  242.  
  243. <div class="title">P<br>o<br>w<br>e<br>r <br>G<br>i<br>r<br>l</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