Advertisement
Guest User

Untitled

a guest
Jul 24th, 2019
244
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.83 KB | None | 0 0
  1. <center>[<b>♬</b>] South of the border Ed Sheeran/Camilia/Cardi
  2. <style>
  3.  
  4. <style>
  5. Music Player Template #8 | design and coding by Kiwi Lovehart (/1132477) of the loser?s club @ loserlyts.tumblr.com ?
  6. - DO NOT remove my credit.
  7. - DO NOT redistribute, use as a base, or claim as your own.
  8. - DO NOT merge my layouts with layouts from other sites. Not coolio.
  9. - DO feel free to ask questions and send messages to me via tumblr or on rp.me.
  10. - DO visit loserlyts.tumblr.com for more content!
  11. </style>
  12. <style>
  13. Music Player Template #8 | Instructions
  14. - READ CAREFULLY: As you fill in the song title and artist, IT WILL SHIFT which will make the template look off. I've provided specific instructions on /HOW/ to shift the title.
  15. - To change title: CTRL+F 'song title' and replace with whatever you want
  16. - To change artist name: CTRL+F 'artist name' and replace with whatever you want
  17. - To shift title: CTRL+F '#song-title' and change the % value in 'left'. (+) POSITIVE VALUES {ex: 28% -> 40%) WILL SHIFT THE ELEMENT TO THE RIGHT. (-) NEGATIVE VALUES {ex: 28% -> 10%) WILL SHIFT THE ELEMENT TO THE LEFT.
  18. /*--- Customizing Colors ---*/
  19. - To change title color: CTRL+F '#song-title' and replace '#555' with desired hex code
  20. - To change progress bar color: CTRL+F 'div class="bar" style="width: 20%; background: #555;' and replace '#555' with desired hexcode
  21. </style>
  22. <style>@import url(https://fonts.googleapis.com/css?family=Karla|Poppins:400,500,700|Muli:400|Raleway:400,500,700|Oswald);
  23. @font-face {
  24. font-family: "vcr";
  25. src: url('https://dl.dropbox.com/s/lq2nz8ia8g1aow0/VCR_OSD_MONO_1.001.ttf');
  26. }
  27. #nowplaying {
  28. width: 240px;
  29. height: 80px;
  30. border: 0px solid #eee;
  31. position: relative;
  32. }
  33. #time-elapsed {
  34. font: 7px 'arial';
  35. color: #b1b1b1;
  36. letter-spacing: 1px;
  37. top: 20%; left: 8%;
  38. position: absolute;
  39. }
  40. #time-remaining {
  41. font: 7px 'arial';
  42. color: #b1b1b1;
  43. letter-spacing: 1px;
  44. top: 20%; right: 8%;
  45. position: absolute;
  46. }
  47. #slider {
  48. width: 5px;
  49. height: 15px;
  50. border-radius: 10px;
  51. background-color: #fff;
  52. box-shadow:0 0 5px #f2f2f2;
  53. left: 32%; top: 15%;
  54. position: absolute;
  55. z-index: 5;
  56. }
  57. #song-title {
  58. font: 16px 'silkscreen';
  59. letter-spacing: 1px;
  60. color: #555;
  61. font-weight: 500;
  62. text-transform: uppercase;
  63. text-align: center;
  64. left: 27%; top: 48%;
  65. position: absolute;
  66. }
  67. #song-title span.artist {
  68. font: 6px 'vcr';
  69. color: #b1b1b1;
  70. text-transform: uppercase;
  71. letter-spacing: 1px;
  72. text-align: center;
  73. display: block;
  74. }
  75. .progress {
  76. width: 145px;
  77. height: 5px;
  78. border-radius: 20px;
  79. background-color:rgba(244,244,244,.5);
  80. position: absolute;
  81. top: 21%; left: 20%;
  82. display:block;
  83. overflow:hidden;
  84. }
  85. .bar {height: 5px;}
  86. </style>
  87. </I></center>
  88. <audio autoplay loop> http://k007.kiwi6.com/hotlink/o1y7rafp75/Ed_Sheeran_South_of_the_Border_Music_Video_ft._Camila_Cabello_Cardi_B.mp3
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement