SHARE
TWEET

Music template // interest filler #5

a guest Jun 25th, 2019 63 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2. <style>
  3.  
  4. @font-face { font-family: "lucky"; src: url('http://dl.dropbox.com/s/m6uoh5p8ezielqw/Lucky%20Turns%20-%20Demo.ttf');}
  5.  
  6. #music {
  7.     position: relative;
  8.     width: 210px;
  9.     height: 80px;
  10.     padding: 10px;
  11.     background-image: linear-gradient(#fff);
  12.   }
  13.  
  14.   #music-icon {
  15.     position: relative;
  16.     margin-left: -4px;
  17.     width: 80px;
  18.     height: 80px;
  19.   }
  20.  
  21.   #song-title {
  22.     position: relative;
  23.     margin-top: -50px;
  24.     left: 85px;
  25.     font-family: 'lucky';
  26.     font-size: 20px;
  27.     letter-spacing: 0px;
  28.     line-height: 15px;
  29.     color: #000;
  30.     font-weight: 700;
  31.   }
  32.  
  33.   #artist {
  34.     position: relative;
  35.     font-family: 'courier new';
  36.     font-size: 12px;
  37.     letter-spacing: -1px;
  38.     color: #000;
  39.     font-weight: 400;
  40.   }
  41.  
  42. </style>
  43.  
  44. <div id="music">
  45. <img src="https://66.media.tumblr.com/dff4d09fba5cf8c7fce493f1d020af42/tumblr_inline_o5x0fdET581thb8fo_100.gif" id="music-icon">
  46. <div id="song-title">Die For You
  47. <div id="artist">The Weeknd</div>
  48. </div>
  49. </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