Advertisement
Guest User

Untitled

a guest
Dec 14th, 2018
140
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.83 KB | None | 0 0
  1. <style>
  2.  
  3. @import url(http://fonts.googleapis.com/css?family=Permanent+Marker);
  4.  
  5.  
  6. .pfor { display: none; }
  7. #profile { background-color: transparent; border: none; }
  8. body{background: #333333 url(http://i.picpar.com/1ctb.png); overflow: hidden;}
  9. /* © The Supreme @ RPC */
  10. body, a {cursor: url(http://i.picpar.com/1eq.png), progress !important;}
  11.  
  12. #whole {position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px;}
  13.  
  14. ::-webkit-scrollbar-thumb {box-shadow: inset #000000 0px 0px 4px; border-right: 5px transparent solid; border-top: 5px transparent solid; border-bottom: 5px transparent solid;}
  15. ::-webkit-scrollbar {width: 8px; background-color: transparent;}
  16.  
  17.  
  18. #frame{
  19. position: fixed; margin: auto;
  20. left: 0px; top: 0px; right: 0px; bottom: 0px;
  21. width: 350px; height: 498px;
  22. background: #000000 url(http://i.picpar.com/2ctb.png); overflow: hidden;
  23. border: 1px solid #000000;
  24. text-align: left;
  25. z-index: 1;
  26. }
  27.  
  28. .picture{
  29. float: left; margin-left: 10px; margin-top: 10px;
  30. width: 328px; height: 476px;
  31. background: #000000;
  32. border: 1px solid #000000;
  33. }
  34.  
  35. .picture img{
  36. position: absolute;
  37. width: 328px; height: 476px;
  38. }
  39.  
  40.  
  41.  
  42. #info{
  43. position: fixed; margin: auto;
  44. left: 0px; top: 0px; right: 0px; bottom: 0px;
  45. width: 1198px; height: 498px;
  46. overflow: hidden;
  47. }
  48.  
  49. .info{
  50. float: left;
  51. margin-top: 10px; margin-left: 10px;
  52. width: 1178px; height: 478px;
  53. }
  54.  
  55. .info:target .left{margin-left: 0px;}
  56. .info:target .right{margin-left: 776px;}
  57. .info:target .text{opacity: 1;}
  58.  
  59. .text{
  60. position: absolute; margin-top: 10px; margin-left: 10px;
  61. width: 370px; height: 446px;
  62. padding: 5px; overflow: auto;
  63. background: rgba(300, 300, 300, 0.7);
  64. font-family: tahoma;
  65. font-size: 10px;
  66. text-align: justify;
  67. line-height: 12px;
  68. color: #000000;
  69. text-shadow: #000000 0px 0px 0px;
  70. box-shadow: inset #000000 0px 0px 0px 1px;
  71. -webkit-transition: 0.5s;
  72. -moz-transition: 0.5s;
  73. -o-transition: 0.5s;
  74. transition: 0.5s;
  75. opacity: 0;
  76. }
  77.  
  78. .quote{
  79. text-align: center;
  80. font-weight: bold;
  81. font-variant: small-caps;
  82. }
  83.  
  84. .quote strong{
  85. color: #990000;
  86. text-transform: uppercase;
  87. }
  88.  
  89. .left{
  90. position: absolute;
  91. margin-left: 294px;
  92. width: 400px; height: 476px;
  93. border: 1px solid #000000;
  94. -webkit-transition: 0.5s;
  95. -moz-transition: 0.5s;
  96. -o-transition: 0.5s;
  97. transition: 0.5s;
  98. }
  99.  
  100. .right{
  101. position: absolute;
  102. margin-left: 482px;
  103. width: 400px; height: 476px;
  104. border: 1px solid #000000;
  105. -webkit-transition: 0.5s;
  106. -moz-transition: 0.5s;
  107. -o-transition: 0.5s;
  108. transition: 0.5s;
  109. }
  110.  
  111. #one .left, #one .right{background: #999999 url(http://i.picpar.com/qctb.png); background-size: 100px;}
  112.  
  113.  
  114. .stats{
  115. float: left;
  116. width: 370px; height: 118px;
  117. overflow: hidden;
  118. -webkit-transition: 0.4s;
  119. }
  120.  
  121. .stat{
  122. float: left; margin-bottom: 2px;
  123. width: 182px; height: 16px;
  124. border: 1px solid #000000;
  125. overflow: hidden;
  126. -webkit-transition: 0.4s;
  127. }
  128.  
  129. .top{
  130. float: left;
  131. width: 182px; height: 16px;
  132. text-align: center;
  133. line-height: 14px;
  134. font-family: tahoma;
  135. font-size: 14px;
  136. color: #000000;
  137. font-variant: small-caps;
  138. font-weight: bold;
  139. background: #cccccc url(http://i.picpar.com/fltb.png);
  140. letter-spacing: 3px;
  141. -webkit-transition: 0.4s;
  142. }
  143.  
  144. .bot{
  145. float: left;
  146. width: 182px; height: 16px;
  147. text-align: center;
  148. line-height: 12px;
  149. font-family: Permanent Marker;
  150. font-size: 14px;
  151. color: #bbbbbb;
  152. font-variant: small-caps;
  153. background: #333333 url(http://i.picpar.com/fltb.png);
  154. letter-spacing: 0px;
  155. -webkit-transition: 0.4s;
  156. }
  157.  
  158. .stat:hover .top{margin-top: -16px;}
  159.  
  160. .ooc{
  161. float: left; margin-top: 5px;
  162. width: 370px; height: 323px;
  163. overflow: hidden;
  164. line-height: 16px;
  165. }
  166.  
  167. .ooc a{
  168. display: inline-block;
  169. text-decoration: underline;
  170. color: #000000;
  171. font-size: 12px;
  172. margin-top: 3px; margin-left: 1px;
  173. }
  174.  
  175. strong{
  176. font-size: 18px;
  177. font-family: Permanent Marker;
  178. letter-spacing: 1px;
  179. font-weight: normal;
  180. }
  181.  
  182.  
  183. </style>
  184.  
  185. <div id="whole" oncontextmenu="return false;">
  186.  
  187. <div id="frame">
  188. <div class="picture"><a href="#one" target="_self"><img src="https://i.imgur.com/iHl5LCKl.jpg" alt="" /></a></div>
  189. </div>
  190.  
  191.  
  192. <div id="info">
  193. <div class="info" id="one">
  194.  
  195. <div class="left">
  196. <div class="text"> WIP. <br><b>Bio: </b><br>
  197. <b>Early Life:</b><br>
  198. Wishes she could remember what her life was like before it went to shit. She remembers a cul de sac, laughing kids, fireworks in the summer...a dog barking as she got home. All distant memories that seem so long ago...like a whole different life. <br>
  199. <br>
  200. <b>Abduction </b><br>
  201. What she did remember was the van. How it'd pulled up by her and her friends...how they'd grabbed her, pulled her in. She remembered screaming, crying...then darkness. Waking up she was strapped to a table. That's when the true hell began. Experimentation, gene splicing, enhancements, on and on...every day new tests, shots, steroids, procedures, and training...training for something menacing...something that would hurt people...and she was excelled at it.<br>
  202. <br>
  203. <b> The Escape.</b><br>
  204. She was grown...she was strong. They'd not keep her any longer. She'd been in the field enough times to know what to do, how to do it. Nobody suspected anything when they locked her in her cell that night...nor did they check if she had anything like a spare key in her pocket...None of the guards expected those razor sharp nails to rake across their throats as they watched the monitors. Soon enough she was free! Free to choose her own path!<br>
  205.  
  206. </div>
  207. </div>
  208.  
  209. <div class="right">
  210. <div class="text">
  211.  
  212. <div class="stats">
  213. <div class="stat">
  214. <div class="top">name</div>
  215. <div class="bot">Tira Vox</div>
  216. </div>
  217. <div style="margin-left: 2px;" class="stat">
  218. <div class="top">hair</div>
  219. <div class="bot">White/Pink</div>
  220. </div>
  221. <div class="stat">
  222. <div class="top">age</div>
  223. <div class="bot">28</div>
  224. </div>
  225. <div style="margin-left: 2px;" class="stat">
  226. <div class="top">eyes</div>
  227. <div class="bot">Pink</div>
  228. </div>
  229. <div class="stat">
  230. <div class="top">gender</div>
  231. <div class="bot"><a target="_blank" href="http://m.imgur.com/1VykEmp?r">Shemale</a></div>
  232. </div>
  233. <div style="margin-left: 2px;" class="stat">
  234. <div class="top">height</div>
  235. <div class="bot">6'7"</div>
  236. </div>
  237. <div class="stat">
  238. <div class="top">orientation</div>
  239. <div class="bot">Lesbian</div>
  240. </div>
  241. <div style="margin-left: 2px;" class="stat">
  242. <div class="top">weight</div>
  243. <div class="bot">Fuck off</div>
  244. </div>
  245. <div class="stat">
  246. <div class="top">species</div>
  247. <div class="bot">Wolf Hybrid</div>
  248. </div>
  249. <div style="margin-left: 2px;" class="stat">
  250. <div class="top">ethnicity</div>
  251. <div class="bot">Who knows</div>
  252. </div>
  253. <div class="stat">
  254. <div class="top">birthday</div>
  255. <div class="bot">March 23</div>
  256. </div>
  257. <div style="margin-left: 2px;" class="stat">
  258. <div class="top">occupation</div>
  259. <div class="bot">Classified</div>
  260. </div>
  261. </div>
  262. <div class="ooc"><br /> <br /><strong>Media</strong><br />
  263. <a target="_blank" href="http://imgur.com/a/CJrXl4t" target="_blank">Gallery</a>
  264.  
  265. <a target="_blank" href="https://www.f-list.net/c/tira%20vox/"target="_blank">FList</a>
  266.  
  267. <br /><br /><br />
  268.  
  269. <strong>OOC</strong>
  270. <br /><br />
  271.  
  272. <strong>01.</strong>PM Friendly <br />
  273. <strong>02.</strong>Modern/Future settings preferred. <br />
  274. <strong>03.</strong>Please have a basic profile. Please be literate.<br />
  275. <strong>04.</strong>I'm ok with story/smut or just smut. Longterm is also favored. <br />
  276. <strong>05.</strong>Not into guys! Please don't ask! Shemales, females and herms are ok! <br />
  277. <strong>06.</strong>Profile is still pretty basic. It's a work in progress. <br />
  278. <strong>07.</strong>My internet goes out from time to time. Forgive me if I poof. <br />
  279. <strong>08.</strong>I do not own the art shown in this profile. If asked by the artist I will remove it asap. </div>
  280.  
  281. </div>
  282. </div>
  283. </div>
  284. </div>
  285.  
  286.  
  287. </div></div>
  288. Profile layout by <a target="_blank" href="https://roleplay.chat/profile.php?user=The+Supreme"target="_blank">The Suprime</a>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement