SHARE
TWEET

studmuffin

bythestars Mar 27th, 2019 92 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=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>
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