speed.css 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. .mejs__speed-button,
  2. .mejs-speed-button {
  3. position: relative;
  4. }
  5. .mejs__speed-button > button,
  6. .mejs-speed-button > button {
  7. background: transparent;
  8. color: #fff;
  9. font-size: 11px;
  10. line-height: normal;
  11. margin: 11px 0 0;
  12. width: 36px;
  13. }
  14. .mejs__speed-selector,
  15. .mejs-speed-selector {
  16. background: rgba(50, 50, 50, 0.7);
  17. border: solid 1px transparent;
  18. border-radius: 0;
  19. height: 150px;
  20. left: -10px;
  21. overflow: hidden;
  22. padding: 0;
  23. position: absolute;
  24. top: -100px;
  25. visibility: hidden;
  26. width: 60px;
  27. }
  28. .mejs__speed-selector,
  29. .mejs-speed-selector {
  30. visibility: visible;
  31. }
  32. .mejs__speed-selector-list,
  33. .mejs-speed-selector-list {
  34. display: block;
  35. list-style-type: none !important;
  36. margin: 0;
  37. overflow: hidden;
  38. padding: 0;
  39. }
  40. .mejs__speed-selector-list-item,
  41. .mejs-speed-selector-list-item {
  42. color: #fff;
  43. display: block;
  44. list-style-type: none !important;
  45. margin: 0 0 6px;
  46. overflow: hidden;
  47. padding: 0 10px;
  48. }
  49. .mejs__speed-selector-list-item:hover,
  50. .mejs-speed-selector-list-item:hover {
  51. background-color: rgb(200, 200, 200) !important;
  52. background-color: rgba(255, 255, 255, 0.4) !important;
  53. }
  54. .mejs__speed-selector-input,
  55. .mejs-speed-selector-input {
  56. clear: both;
  57. float: left;
  58. left: -1000px;
  59. margin: 3px 3px 0 5px;
  60. position: absolute;
  61. }
  62. .mejs__speed-selector-label,
  63. .mejs-speed-selector-label {
  64. color: white;
  65. cursor: pointer;
  66. float: left;
  67. font-size: 11px;
  68. line-height: 15px;
  69. margin-left: 5px;
  70. padding: 4px 0 0;
  71. width: 60px;
  72. }
  73. .mejs__speed-selected,
  74. .mejs-speed-selected {
  75. color: rgba(33, 248, 248, 1);
  76. }
  77. .mejs__speed-selector,
  78. .mejs-speed-selector {
  79. visibility: hidden;
  80. }
  81. .mejs__speed-button:hover .mejs__speed-selector,
  82. .mejs-speed-button:hover .mejs-speed-selector {
  83. visibility: visible;
  84. }