Home Explore Help
Sign In
CocoRoboLabs
/
CocoRoboDesktop
3
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
CocoRoboDesk...
/
css
/
Controls
/
Mobile
/
Music.css

Music.css 3.7 KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445 
  1. html, body, .U_MT_UI_Music_musicBox { width: 100%; height: 100%; margin: 0; }
    2. 

  2. .U_MT_UI_Music_bodyClass { width: 100%; height: 100%; overflow: hidden; }
    3. 

  3. .U_MT_UI_Music_musicBox { z-index: 999; background: #cc5b5b; position: fixed; top: 0; left: 0; font-size: 16px; box-sizing: border-box; overflow: hidden; text-align: center; }
    4. 

  4. .U_MT_UI_Music_soundBox { width: 65%; height: 0.4em; position: relative; background: #fff; margin: 3em auto; left: 0.5em; max-width: 480px; }
    5. 

  5. .U_MT_UI_Music_soundSwitch { position: absolute; left: -2em; top: -0.3em; background: url(/img/Controls/Audio/moblie/声音开启.png); background-size: 100%; width: 1.25em; height: 1.1875em; }
    6. 

  6. .U_MT_UI_Music_soundBar { width: 50%; height: 100%; background: #a75959; }
    7. 

  7. .U_MT_UI_Music_soundBall { width: 0.25em; height: 1.25em; position: absolute; left: 50%; top: -0.375em; background: #a75959; background-size: 100%; }
    8. 

  8. .U_MT_UI_Music_Name { margin-top: 3.5em; color: #fff; font-size: 1.2em; text-align: center; font-family: Arial; letter-spacing: 0.05em; height: 1em; }
    9. 

  9. .U_MT_UI_Music_CoverBox { margin: 6em auto; width: 6.4375em; height: 7.6875em; }
    10. 

  10. .U_MT_UI_Music_CoverBox img { width: 100%; }
    11. 

  11. .U_MT_UI_Music_closeBtn { width: 0.8125em; height: 0.8125em; position: absolute; background: url(/img/Controls/Audio/moblie/关闭.png); background-size: 100%; right: -2.2em; top: -1.8em; }
    12. 

  12. .U_MT_UI_Music_buttonBox { position: relative; text-align: center; display: inline-block; margin: 0 auto; }
    13. 

  13. .U_MT_UI_Music_leftBtn { background: url(/img/Controls/Audio/moblie/上一首.png); background-size: 100%; width: 1.25em; height: 1.4375em; display: inline-block; vertical-align: middle; }
    14. 

  14. .U_MT_UI_Music_playBtnBox { width: 2.125em; height: 2.4375em; margin-left: 3.2em; display: inline-block; vertical-align: middle; position: relative; }
    15. 

  15. .U_MT_UI_Music_pauseBtn { background: url(/img/Controls/Audio/moblie/暂停.png); background-size: 100%; width: 1.6875em; height: 2.4375em; }
    16. 

  16. .U_MT_UI_Music_playBtn { background: url(/img/Controls/Audio/moblie/播放.png); background-size: 100%; width: 2.125em; height: 2.4375em; }
    17. 

  17. .U_MT_UI_Music_rightBtn { background: url(/img/Controls/Audio/moblie/下一首.png); background-size: 100%; width: 1.25em; height: 1.4375em; margin-left: 3em; display: inline-block; vertical-align: middle; }
    18. 

  18. .U_MT_UI_Music_listBtn { background: url(/img/Controls/Audio/moblie/列表.png); background-size: 100%; width: 1.3125em; height: 0.875em; margin-left: 2.5em; position: absolute; top: 0.8125em; right: -4em; }
    19. 

  19. .U_MT_UI_Music_progressBox { position: relative; margin: 5em auto; width: 65%; height: 0.55em; background: #fff; left: 0.5em; border-radius: 15px; color: #fff; font-size: 0.8em; max-width: 480px; }
    20. 

  20. .U_MT_UI_Music_currentTime { position: absolute; left: -3.4em; top: -0.4em; }
    21. 

  21. .U_MT_UI_Music_endTime { position: absolute; right: -3.4em; top: -0.4em; }
    22. 

  22. .U_MT_UI_Music_progressBar { width: 0; background: #a75959; height: 100%; }
    23. 

  23. .U_MT_UI_Music_progressBall { width: 0.9em; height: 0.9em; background: #a75959; position: absolute; left: 0; top: -0.18em; border-radius: 100%; margin-left: -0.3em; }
    24. 

  24. .U_MT_UI_Music_hidden { top: -9999px; left: -9999px; }
    25. 

  25. @media screen and (min-width: 320px) {
    26. 

  26.     .U_MT_UI_Music_musicBox { font-size: 15px; }
    27. 

  27. }
    28. 

  28. @media screen and (min-width: 360px) {
    29. 

  29.     .U_MT_UI_Music_musicBox { font-size: 16px; }
    30. 

  30. }
    31. 

  31. @media screen and (min-width: 375px) {
    32. 

  32.     .U_MT_UI_Music_musicBox { font-size: 17px; }
    33. 

  33. }
    34. 

  34. @media screen and (min-width: 412px) {
    35. 

  35.     .U_MT_UI_Music_musicBox { font-size: 19px; }
    36. 

  36. }
    37. 

  37. @media screen and (min-width: 768px) {
    38. 

  38.     .U_MT_UI_Music_musicBox { font-size: 25px; }
    39. 

  39. }
    40. 

  40. @media screen and (min-width: 1024px) {
    41. 

  41.     .U_MT_UI_Music_musicBox { font-size: 35px; }
    42. 

  42. }
    43. 

  43. @media screen and (min-width: 1025px) {
    44. 

  44.     .U_MT_UI_Music_musicBox { font-size: 16px; }
    45. 

  45. }
    46.