SHARE
TWEET

JAZZIE

a guest Jun 18th, 2019 60 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2.  
  3. @import url('https://fonts.googleapis.com/css?family=Fugaz+One&display=swap');
  4.  
  5. body {background: url('https://d2v9y0dukr6mq2.cloudfront.net/video/thumbnail/dHnxL5V/lens-flare-sparkling-glowing-twinkle-star-lights-glow-background-4k_vv9ezqjtx__F0000.png') no-repeat center center fixed;
  6.   -webkit-background-size: cover;
  7.   -moz-background-size: cover;
  8.   -o-background-size: cover;
  9.   background-size: cover;
  10. }
  11. ::-webkit-scrollbar {width: 3px;}
  12. ::-webkit-scrollbar-thumb {background-color: #F5E4B9;}
  13.  
  14. b {color: #689087;}
  15. i {color: #689087;}
  16. a {text-decoration: none; color: #C7726F;}
  17. a:hover {color: #F5E4B9;}
  18. a.coded {text-decoration: none; color: #689087;}
  19. a.coded:hover {color: #F5E4B9;}
  20.  
  21. .box {position: fixed;
  22. background: #0E0E0C;
  23. height: 200px;
  24. width: 450px;
  25. margin: auto;
  26. left: 0px;
  27. right: 0px;
  28. bottom: 50px;
  29. border: 3px double #689087;
  30.  
  31. }
  32.  
  33. .image {position: absolute;
  34. background: url('https://cdn.discordapp.com/attachments/583642798033600543/585629082457210891/jazzie.png') no-repeat;
  35. background-size: 400px;
  36. background-position: -70px 0px;
  37. height: 500px;
  38. width: 310px;
  39. right: 0px;
  40. bottom: 0px;
  41. }
  42.  
  43. .name {position: absolute;
  44. font-family: 'Fugaz One', cursive;
  45. font-size: 45px;
  46. color: #F5E4B9;
  47. -webkit-text-stroke: 1.5px #689087;
  48. left: 10px;
  49. top: -35px;
  50. }
  51.  
  52. .text {position: absolute;
  53. font-family: Arial;
  54. font-size: 12px;
  55. color: #F5E4B9;
  56. text-align: justify;
  57. line-height: 16px;
  58. height: 160px;
  59. width: 130px;
  60. left: 20px;
  61. bottom: 20px;
  62. }
  63.  
  64. .coder {position: absolute;
  65. font-family: courier;
  66. font-size: 10px;
  67. color: #689087;
  68. letter-spacing: 2px;
  69. left: 200px;
  70. bottom: -20px;
  71. }
  72.  
  73. </style>
  74.  
  75. <div class="box">
  76. <div class="image"></div>
  77. <div class="name">JAZZIE</div>
  78.  
  79. <div class="text">
  80. This is where the text will go. The box scrolls, so you can put as much or as little text as you wish.
  81. <br><br>a
  82. This is <b>Bold</b>, <i>Italics</i>, and a <a>Link.</a>
  83. </div>
  84.  
  85. <div class="coder"><a class="coded" href="https://roleplay.chat/profile.php?user=words">words</a></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