Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

MusicCode1 - CSS

By: vivite on Aug 13th, 2012  |  syntax: None  |  size: 2.08 KB  |  hits: 22,866  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. #editthis{
  2.     /* EDIT THIS STUFF TO POSITION YOUR MUSIC PLAYER */
  3.     position:fixed;
  4.     top:20px; /* YOU CAN CHANGE THIS TO BOTTOM */
  5.     left:20px; /* YOU CAN CHANGE THIS TO RIGHT */
  6.     z-index:99;}
  7.    
  8. /* I DON'T RECOMMEND TOUCHING THIS STUFF */
  9. #music1{
  10.     position:fixed;
  11.     padding:2px;
  12.     -webkit-transition: all 0.5s ease-in-out;
  13.     -moz-transition: all 0.5s ease-in-out;
  14.     -o-transition: all 0.5s ease-in-out;}
  15.    
  16. #music1:hover #music2{
  17.     opacity:0;
  18.     margin-top:-25px;
  19.     z-index:-1;}
  20.    
  21. #music1:hover #music3{
  22.     opacity:1;
  23.     margin-top:-5px;
  24.     z-index:99;}
  25.    
  26. #music1:hover #musiclist{
  27.     opacity:1;}
  28.    
  29. #music2{
  30.     /* THIS IS THE GIF DIV */
  31.     opacity:1;
  32.     background-color:#fff;
  33.     border:1px dotted #ccc;
  34.     padding:6px;
  35.     -webkit-transition: all 0.5s ease-in-out;
  36.     -moz-transition: all 0.5s ease-in-out;
  37.         -o-transition: all 0.5s ease-in-out;}
  38.    
  39. #music3{
  40.     /* THIS IS THE ACTUAL MUSIC PLAYER DIV */
  41.     opacity:0;
  42.     position:fixed;
  43.     background-color:#fff;
  44.     border:1px dashed #ccc;
  45.     width:55px;
  46.     height:20px;
  47.     z-index:99;
  48.     margin-left:-5px;
  49.     overflow:hidden;
  50.     -webkit-transition: all 0.5s ease-in-out;
  51.     -moz-transition: all 0.5s ease-in-out;
  52.         -o-transition: all 0.5s ease-in-out;}
  53.    
  54. #musiclist{
  55.     /* THIS IS THE PLAYLIST DIV */
  56.     opacity:0;
  57.     position:fixed;
  58.     padding:6px;
  59.     border:1px dashed #ccc;
  60.     margin-left:10px;
  61.     margin-top:10px;
  62.     font-family:consolas;
  63.     font-size:8px;
  64.     background-color:#fff;
  65.     width:120px;
  66.     color:#999;
  67.     text-transform:uppercase;
  68.     -webkit-transition: all 0.5s ease-in-out;
  69.     -moz-transition: all 0.5s ease-in-out;
  70.         -o-transition: all 0.5s ease-in-out;}
  71.    
  72. #musiclist h1{
  73.     /*THIS IS THE PLAYLIST TITLE SETTINGS*/
  74.     font-family:consolas;
  75.     font-size:11px;
  76.     margin-top:0px;
  77.     margin-bottom:2px;
  78.     font-style:normal;
  79.     font-weight:normal;
  80.     color:#1bbafc; /*THIS IS THE PLAYLIST TITLE COLOR*/
  81.     border-bottom:1px dotted #ccc;
  82.     text-align:left;
  83.     text-transform:uppercase;}
create a new version of this paste RAW Paste Data