Advertisement
bythestars

studmuffin

Mar 27th, 2019
152
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.85 KB | None | 0 0
  1. <style type="text/css">
  2. @import url('https://fonts.googleapis.com/css?family=Permanent Marker');
  3.  
  4. #profile-container {
  5. background: none;
  6. }
  7.  
  8.  
  9. body {
  10. background: #5E3929;
  11. background-image: url('https://www.transparenttextures.com/patterns/billie-holiday.png');
  12. }
  13.  
  14. body,
  15. a:hover {
  16. cursor: url(http://i.imgur.com/cd7ZHDh.png), progress !important;
  17. }
  18.  
  19. @font-face {
  20. font-family: name;
  21. src: url(https://dl.dropbox.com/s/n9024eacn77mx83/JLSDataGothicC_NC.otf?dl=0);
  22. }
  23.  
  24. @font-face {
  25. font-family: text;
  26. src: url(https://dl.dropbox.com/s/frnhe54xgarw9c0/Jura-Light.ttf?dl=0);
  27. }
  28.  
  29. #title{
  30. position:fixed;
  31. width: 700px;
  32. height:10px;
  33. top: 85px;
  34. left: 10px;
  35. font-family: 'Permanent Marker', cursive;
  36. font-size: 20px;
  37. color: #e0e2e4;
  38. text-shadow: 1px 1px 1px #333;
  39. opacity: 1;
  40. z-index: 4;
  41. }
  42.  
  43. #title2{
  44. position:fixed;
  45. width: 700px;
  46. height:10px;
  47. top: 465px;
  48. left: 10px;
  49. font-family: 'Permanent Marker', cursive;
  50. font-size: 20px;
  51. color: #e0e2e4;
  52. text-shadow: 1px 1px 1px #333;
  53. opacity: 1;
  54. z-index: 4;
  55. }
  56.  
  57. .pic {
  58. z-index: 1;
  59. position: absolute;
  60. border: 10px solid #96897f;
  61. background: url(https://i.imgur.com/X2jsdXj.gif) center;
  62. background-size: auto 180%;
  63. top: 125px;
  64. left: 35px;
  65. width: 280px;
  66. height: 140px;
  67. opacity: .6;
  68. z-index: 3;
  69. }
  70.  
  71.  
  72. .pic2 {
  73. z-index: 1;
  74. position: absolute;
  75. border: 10px solid #96897f;
  76. background: url(https://i.imgur.com/RGTFFpT.gif) center;
  77. background-size: auto 225%;
  78. top: 292px;
  79. left: 35px;
  80. width: 280px;
  81. height: 143px;
  82. opacity: .5;
  83. z-index: 3;
  84.  
  85.  
  86. }
  87. .navbar {Background-color: transparent; Position: absolute; left: 345px; top: 175px; padding: px; z-index: 1000; }
  88.  
  89. .link1 {Position: absolute; Top: 3px; Height: 25px; Width: 15px; background-color: #96897f; border-radius: 0%;}
  90.  
  91. .link2 {Position: absolute; Top: 40px; Left: px; Height: 25px; Width: 15px; background-color: #96897f; border-radius: 0%;}
  92.  
  93. .link3 {Position: absolute; Top: 80px; Left: px; Height: 25px; Width: 15px; background-color: #96897f; border-radius: 0%;}
  94.  
  95. .link4 {Position: absolute; Top:118px; Left: px; Height: 25px; Width: 15px; background-color: #96897f; border-radius: 0%;}
  96.  
  97. .slide {Position: fixed; Top: 0px; Left: 0; Z-index: -1; Opacity: -2; transition: 1s; -moz-transition: 1s; webkit-transition: 1s; -o-transition: 1s;}
  98.  
  99. .slide:target {Top: 0; Opacity: .7; Z-index: 1; transition: 1s; -moz-transition: 1s; webkit-transition: 1s; -o-transition: 1s;}
  100.  
  101. .textbox { background-color: #96897f; color: #fff; font-size: 12px; font-family: 'Shadows Into Light', cursive; text-align: justify; position: absolute; width:300; height:280; left: 400; top:140; letter-spacing: .3px; line-height: 12px; padding: 3px; margin: 1px; overflow:auto; border: 10px solid #c6bcb6; z-index: 3;}
  102.  
  103.  
  104.  
  105. .box {
  106. z-index: 1;
  107. position: absolute;
  108. border-top: 15px solid #96897f;
  109. border-left: 15px solid #96897f;
  110. border-bottom: 15px solid #96897f;
  111. width: 335px;
  112. height: 350px;
  113. left: 10px;
  114. top: 100px;
  115. }
  116.  
  117. .bar1 {
  118. z-index: 1;
  119. position: absolute;
  120. border-right: 15px solid #96897f;
  121. width: 335px;
  122. height: 70px;
  123. left: 10px;
  124. top: 100px;
  125. }
  126.  
  127. .bar2 {
  128. z-index: 1;
  129. position: absolute;
  130. border-right: 15px solid #96897f;
  131. width: 335px;
  132. height: 140px;
  133. left: 10px;
  134. top: 326px;
  135. }
  136.  
  137.  
  138.  
  139.  
  140.  
  141. table,
  142. th,
  143. td {
  144. font-family: text;
  145. font-size: 13px;
  146. padding: 6px;
  147. }
  148.  
  149. td:nth-child(odd) {
  150. color: #fff;
  151. text-align: left;
  152. }
  153.  
  154. td:nth-child(even) {
  155. color: #e0e2e4;
  156. text-align: right;
  157. }
  158.  
  159. hr {
  160. height: 3px;
  161. border: none;
  162. background: #625750;
  163. width: 300px;
  164. }
  165.  
  166. a:link,
  167. a:visited,
  168. a:active {
  169. text-decoration: none;
  170. color: #5E3929;
  171. -webkit-transition: all .5s ease;
  172. }
  173.  
  174. a:hover {
  175. color: #774F38;
  176. -webkit-transition: all .5s ease;
  177. cursor: url(https://i.imgur.com/SAa1psh.gif), progress !important;
  178. }
  179.  
  180. ::-webkit-scrollbar {
  181. width: 7px;
  182. height: 5px;
  183. }
  184.  
  185. ::-webkit-scrollbar-thumb {
  186. background: #9ab77d;
  187. border: 2px solid #2c6654;
  188. }
  189.  
  190. ::-webkit-scrollbar-track {
  191. background: #transparent;
  192. }
  193.  
  194. .picy { width: 100px; height: 100px; opacity: 0.85; border: 3px solid #9ab77d; -webkit-transition:opacity 0.7s linear;
  195. -webkit-transition:all 0.9s ease-out;
  196. -moz-transition:all 0.9s ease-out;
  197. transition:all 0.9s ease-out;
  198.  
  199.  
  200. </style>
  201.  
  202.  
  203. <div class="pic">
  204. <p> </p>
  205. </div>
  206. <div class="pic2">
  207. <p> </p>
  208. </div>
  209. <div class="box">
  210. <p> </p>
  211. </div>
  212. <div class="bar1">
  213. <p> </p>
  214. </div>
  215. <div class="bar2">
  216. <p> </p>
  217. </div>
  218. <div class="back">
  219. <p> </p>
  220. </div>
  221.  
  222. <div class="navbar">
  223. <a class="link1" href="#1"></a>
  224. <a class="link2" href="#2"></a>
  225. <a class="link3" href="#3"></a>
  226. <a class="link4" href="#4"></a>
  227. </div></div>
  228.  
  229.  
  230.  
  231. <div id="1" class="slide">
  232. <div class="textbox">
  233. <br><center>
  234. <table class="statistics">
  235. <tr><td><b>Name:</b></td> <td><font style="float:right">
  236. Diego Luna.</font></td></tr>
  237. <tr><td><b>Nicknames:</b></td> <td><font style="float:right">
  238. N/A.</font></td></tr>
  239. <tr><td><b>Age:</b></td> <td><font style="float:right">
  240. Twenty-three.</font></td></tr>
  241. <tr><td><b>Birth Place:</b></td> <td><font style="float:right">
  242. Rio de Janeiro, Brazil.</font></td></tr>
  243. <tr><td><b>Occupation:</b></td> <td><font style="float:right">
  244. Lion at the Sinner's Brothel.</font></td></tr>
  245. <tr><td><b>Sexuality:</b></td> <td><font style="float:right">
  246. Bisexual.</font></td></tr>
  247. <tr><td><b>Marital Status:</b></td> <td><font style="float:right">
  248. Single.</font></td></tr>
  249. <tr><td><b>Positive Trait:</b></td> <td><font style="float:right">
  250. Laid Back, Affectionate, Creative.</font></td></tr>
  251. <tr><td><b>Negative Trait:</b></td> <td><font style="float:right">
  252. Greedy, Commitment Issues.</font></td></tr>
  253.  
  254.  
  255.  
  256. </table>
  257.  
  258. </div></div>
  259.  
  260. <div id="2" class="slide">
  261. <div class="textbox">
  262. <br><center>
  263. <li>Clean or smut, it's whatever.<br><br>
  264. <hr>
  265. <li>DM friendly, room mostly.<br><br>
  266. <hr>
  267. <li>Modern preferred, muse is fickle.<br><br>
  268. <hr>
  269. <li>Code is borrowed from <a target="_blank" href="https://roleplay.chat/profile.php?user=Petrone" target="_blank">Madame</a>. Don't steal. <br><br>
  270. <hr>
  271. <li> I guess you can have this <a target="_blank" href="https://imgur.com/a/fLHKCGT" target="_blank">gallery</a>. <br><br></center>
  272.  
  273. </div></div>
  274.  
  275. <div id="3" class="slide">
  276. <div class="textbox">
  277. <br><a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  278. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 50px; border: 1px solid #5E3929; height:50px; width:50px;"></a>
  279.  
  280. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  281. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 50px; border: 1px solid #5E3929; height:50px; width:50px;"></a>
  282.  
  283. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  284. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 50px; border: 1px solid #5E3929; height:50px; width:50px;"></a>
  285.  
  286. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  287. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 50px; border: 1px solid #5E3929; height:50px; width:50px;"></a>
  288. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  289. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 50px; border: 1px solid #5E3929; height:50px; width:50px;"></a>
  290.  
  291. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  292. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 50px; border: 1px solid #5E3929; height:50px; width:50px;"></a>
  293. </div></div>
  294.  
  295. <div id="4" class="slide">
  296. </div>
  297.  
  298. <div id="title">Yeah, you're sick of all those other imitators</div>
  299. <div id="title2">Don't let the only real one intimidate you</div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement