naocrrds

lobilles music player

Aug 21st, 2025 (edited)
613
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.23 KB | None | 0 0
  1. <head>
  2. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  3. <script src="https://static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>
  4. <script src="https://kit.fontawesome.com/77e60dd6da.js" crossorigin="anonymous"></script>
  5. </head>
  6. <style type="text/css">
  7. html{
  8.   zoom:2;}
  9.   /*-------MUSIC PLAYER BY GLENTHEMES-------*/
  10.   #glenplayer02 {
  11.     display: flex;
  12.     z-index: 99;
  13.   }
  14.  
  15.   #glenplayer02 a {
  16.     text-decoration: none;
  17.   }
  18.  
  19.   #glenplayer02>div {
  20.     align-self: center;
  21.     -webkit-align-self: center;
  22.   }
  23.  
  24.   .music-controls {
  25.     user-select: none;
  26.     -webkit-user-select: none;
  27.     width: 22px;
  28.     font-size: 14px;
  29.     cursor: help;
  30.   }
  31.  
  32.   .playy,
  33.   .pausee {
  34.     background: #CCC2BC;
  35.     -webkit-background-clip: text;
  36.     -webkit-text-fill-color: transparent;
  37.     -webkit-text-stroke: 1px #4d4d4d;
  38.     font-size: 20px;
  39.     color: #ffffff;
  40.   }
  41.  
  42.   .pausee {
  43.     display: none;
  44.   }
  45.  
  46.   .sonata {
  47.     margin-left: -2;
  48.     margin-right: 4px;
  49.     margin-bottom: 0;
  50.     background: #CCC2BC;
  51.     border: 1px solid #4d4d4d;
  52.     border-radius: 90%;
  53.     color: white;
  54.     font-size: 11px;
  55.     padding-left: 4.4px;
  56.     padding-right: 4.4px;
  57.     padding-top: 3.2px;
  58.     padding-bottom: 3.2px;
  59.   }
  60.  
  61.   .labeltext {
  62.     margin-bottom: 0;
  63.     margin-left: 3px;
  64.     background: #CCC2BC;
  65.     border: 1px solid #4d4d4d;
  66.     border-radius: 90%;
  67.     color: white;
  68.     font-size: 10px;
  69.     padding-left: 3.7px;
  70.     padding-right: 3.7px;
  71.     padding-top: 3.6px;
  72.     padding-bottom: 3.6px;
  73.   }
  74. </style>
  75.  
  76. <body>
  77.   <div id="glenplayer02">
  78.     <div class="sonata"><i class="fas fa-bars"></i></div>
  79.     <div class="music-controls" onclick="songstart();">
  80.       <div class="playy" style="display: block;"><span><i class="fas fa-play-circle" aria-hidden="true"></i></span></div>
  81.       <div class="pausee" style="display: none;"><span><i class="fas fa-pause-circle" aria-hidden="true"></i></span></div>
  82.     </div>
  83.     <div class="labeltext"><i class="fas fa-volume-up"></i></div>
  84.   </div><audio id="tune" src="https://dl.dropbox.com/s/qiiudgbz3z9uu3b/Puella%20Magi%20Madoka%20Magica%20Akogare%20Saita%20-%20Madoka%20Kaname%20%28Character%20Song%29.mp3"></audio>
  85. </body>
  86. </div>
Advertisement
Add Comment
Please, Sign In to add comment