Advertisement
izuemis

cr ratboizs music player

Dec 14th, 2022
609
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.23 KB | None | 0 0
  1. <head>
  2. <link rel="preconnect" href="https://fonts.googleapis.com">
  3. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  4. <link href="https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;800&display=swap" rel="stylesheet">
  5.  
  6. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  7.  
  8. <!-------MUSIC PLAYER BY GLENTHEMES------->
  9. <script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>
  10.  
  11. <script src="https://kit.fontawesome.com/8119dfca45.js" crossorigin="anonymous"></script>
  12.  
  13. </head>
  14.  
  15. <style type="text/css">
  16.  
  17. @font-face {
  18. font-family: 'music';
  19. src: url(https://cdn.glitch.me/9bbfdfb3-4bfa-4c39-8743-5621c8b9df21/LL_RECOR.TTF);
  20. }
  21.  
  22. @font-face {
  23. font-family: Pixelated MS Sans Serif;
  24. src:url(ms_sans_serif.woff) format("woff");
  25. src:url(ms_sans_serif.woff2) format("woff2");
  26. }
  27.  
  28. /*-------MUSIC PLAYER BY GLENTHEMES-------*/
  29. #glenplayer02 {
  30. position:relative;
  31. display:flex;
  32. padding: .2em;
  33. border: 2px inset;
  34. margin: auto;
  35. width:auto;
  36. }
  37.  
  38. #glenplayer02 a {text-decoration:none;}
  39.  
  40. #glenplayer02 > div {
  41. align-self:center;
  42. -webkit-align-self:center;
  43. }
  44.  
  45. .music-controls {
  46. user-select:none;
  47. -webkit-user-select:none;
  48. width:13px;
  49. font-size:18px;
  50. cursor:pointer;
  51. font-family: 'music';
  52. }
  53.  
  54. .playy, .pausee {
  55. position: relative;
  56. left: .5em;
  57. font-family: 'music';
  58. font-size: 1.1em;
  59. color: white;
  60. -webkit-text-stroke: 0.5px #000;
  61. margin-top: -0.2em;
  62. margin-bottom: 0.1em;
  63. }
  64.  
  65. .pausee {display:none;}
  66.  
  67. .sonata {
  68. position: relative;
  69. left: .75em;
  70. margin-left:0.4em;
  71. font-family: Pixelated MS Sans Serif;
  72. font-size:.75em;
  73. color:#000; /* color of music note symbol */
  74. }
  75.  
  76. .labeltext {
  77. margin-left:0.5em;
  78. position: relative;
  79. left: .5em;
  80. bottom:0.1em;
  81. font-size:20px;/* color of song title */
  82. }
  83.  
  84. </style>
  85. <body>
  86. <!-------MUSIC PLAYER BY GLENTHEMES------->
  87. <div id="glenplayer02">
  88. <div class="music-controls" onclick="songstart();">
  89. <div class="playy">d</div>
  90. <div class="pausee">k</div>
  91. </div>
  92. <div class="sonata"><marquee>fuwa minato's cover of Phony</marquee></div>
  93. </div><!--end music player-->
  94.  
  95. <audio id="tune" src="https://cdn.discordapp.com/attachments/1011654612551487558/1052618690413211689/yt1s.com_-_Cover.mp3"></audio>
  96. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement