diff --git a/wp-includes/js/mediaelement/wp-mediaelement.css b/wp-includes/js/mediaelement/wp-mediaelement.css index 65fc8eaff4..e724a15021 100644 --- a/wp-includes/js/mediaelement/wp-mediaelement.css +++ b/wp-includes/js/mediaelement/wp-mediaelement.css @@ -13,6 +13,10 @@ background: #222; } +.mejs-controls a.mejs-horizontal-volume-slider { + display: table; +} + .mejs-controls .mejs-time-rail .mejs-time-loaded, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #fff; @@ -33,6 +37,31 @@ border-radius: 0; } +.mejs-controls .mejs-offscreen { + clip: rect(1px, 1px, 1px, 1px); + position: absolute; +} + +.mejs-controls a:focus > .mejs-offscreen { + background-color: #f1f1f1; + border-radius: 3px; + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); + clip: auto; + color: #21759b; + display: block; + font-size: 14px; + font-weight: bold; + height: auto; + line-height: normal; + padding: 15px 23px 14px; + position: absolute; + left: 0; + top: 15px; + text-decoration: none; + text-transform: none; + width: auto; +} + .mejs-overlay-loading { background: transparent; }