Advertisement
wilderanima

ᴛɪᴍᴇ ɪs ᴘʀᴇᴄɪᴏᴜs, ᴡᴀsᴛᴇ ɪᴛ ᴡɪsᴇʟʏ

Apr 28th, 2024 (edited)
1,441
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.81 KB | Writing | 0 0
  1. <style>
  2.  
  3. @import url('https://fonts.googleapis.com/css2?family=Sedgwick+Ave+Display&display=swap');
  4. @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
  5.  
  6. body {
  7. cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_1280.png), auto;
  8. background-color: #000;
  9. }
  10.  
  11. ::-webkit-scrollbar {
  12. display: none;
  13. }
  14.  
  15. ::selection {
  16. background: ;
  17. color: white;
  18. }
  19.  
  20. .wilder {
  21. position: fixed;
  22. bottom: 0px;
  23. right: 0px;
  24. }
  25.  
  26. .container {
  27. position: absolute;
  28. margin: auto;
  29. top: 0px;
  30. bottom: 0px;
  31. left: 0px;
  32. right: 0px;
  33. height: 650px;
  34. width: 650px;
  35. background-color: #000;
  36. }
  37.  
  38. .mainimg {
  39. position: absolute;
  40. margin: auto;
  41. height: 380px;
  42. width: 540px;
  43. top: -200px;
  44. bottom: 0px;
  45. left: 0px;
  46. right: 0px;
  47. background: url(https://placehold.co/540x380.png);
  48. background-size: cover;
  49. border: 1px solid #000;
  50. border-radius: 5px 5px 5px 5px;
  51. box-shadow: #7C3C2E 0px 0px 20px;
  52. }
  53.  
  54. .name {
  55. position: absolute;
  56. font-family: 'sedgwick ave display';
  57. font-size: 50px;
  58. font-style: italic;
  59. margin-top: 0px;
  60. margin-bottom: 0px;
  61. left: 200px;
  62. top: 375px;
  63. text-shadow: 2px 2px 2px #7C3C2E;
  64. color: #EEEDEE;
  65. letter-spacing: -1px;
  66. z-index: 1;
  67. }
  68.  
  69. .stats {
  70. position: absolute;
  71. bottom: 100px;
  72. right: 75px;
  73. height: 125px;
  74. width: 250px;
  75. overflow: auto;
  76. }
  77.  
  78. .stats li {
  79. display: block;
  80. background: transparent;
  81. padding: 5px;
  82. margin: 5px;
  83. mix-blend-mode: plus-lighter;
  84. font: 12px open sans;
  85. color: #EEEDEE;
  86. text-shadow: 2px 2px 2px #7C3C2E;
  87. font-weight: bold;
  88. text-align: right;
  89. border-radius: 0px 5px 5px;
  90. }
  91.  
  92. </style>
  93.  
  94. <!--
  95.  MUSIC PLAYER #02 by glenthemes
  96.  ♬ glenthpvs.tumblr.com/player02
  97. --->
  98. <script src="//cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script>
  99. <link href="//fonts.googleapis.com/css?family=Readex+Pro" rel="stylesheet">
  100. <link href="//glenthemes.github.io/-music-/glenplayer02.css" rel="stylesheet">
  101. <script src="//glenthemes.github.io/-music-/glenplayer02.js"></script>
  102. <style element="glenplayer02">
  103. :root {
  104.  --MusicPlayer-Position:bottom left;
  105.  --MusicPlayer-Edge-Offset:15px;
  106.  
  107.  --MusicPlayer-Buttons-Size:14px;
  108.  --MusicPlayer-Buttons-Color:#7C3C2E;
  109.  --MusicPlayer-Buttons-Fill:yes;
  110.  
  111. }
  112. </style>
  113.  
  114. <div glenplayer02>
  115. <div controls></div>
  116. <i class="aa-line-icons" icon-name="music-2"></i>
  117. <audio src="MUSIC_LINK" volume="100%"></audio>
  118. </div>
  119.  
  120. <div class="wilder"><a target="_blank" href="https://pastebin.com/u/wilderanima" title="code by wilder."><img src="https://i.imgur.com/hCJmFVu.png" width="75px;"></a></div>
  121.  
  122. <div class="container">
  123. <div class="mainimg"></div>
  124. <div class="name">firstname lastname</div>
  125. <div class="stats">
  126. <li>it scrolls! add as many as you'd like.</li>
  127. <li>words</li>
  128. <li>words</li>
  129. <li>words</li>
  130. <li>words</li>
  131. </div>
  132. </div>
Tags: RPC
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement