X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/9e77185fafaf4e60e2b73821e0e4b9b1a11fb85f..refs/tags/wordpress-4.5:/wp-includes/js/mediaelement/wp-mediaelement.css diff --git a/wp-includes/js/mediaelement/wp-mediaelement.css b/wp-includes/js/mediaelement/wp-mediaelement.css index 36cf8e8c..e4d4202d 100644 --- a/wp-includes/js/mediaelement/wp-mediaelement.css +++ b/wp-includes/js/mediaelement/wp-mediaelement.css @@ -13,13 +13,17 @@ 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; } .mejs-controls .mejs-time-rail .mejs-time-current { - background: #0074a2; + background: #0073aa; } .mejs-controls .mejs-time-rail .mejs-time-total, @@ -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: #0073aa; + 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; } @@ -77,12 +106,16 @@ } .media-embed-details .setting p, -.media-embed-details .setting a { +.media-embed-details .setting .remove-setting { color: #a00; font-size: 10px; text-transform: uppercase; } +.media-embed-details .setting .remove-setting { + padding: 0; +} + .media-embed-details .setting a:hover { color: #f00; } @@ -97,6 +130,11 @@ height: auto; } +.wp_attachment_holder .wp-video, +.wp_attachment_holder .wp-audio-shortcode { + margin-top: 18px; +} + video.wp-video-shortcode, .wp-video-shortcode video { max-width: 100%; @@ -218,12 +256,12 @@ video.wp-video-shortcode, border-bottom: 0; } -.wp-playlist-light .wp-playlist-item { +.wp-playlist-light .wp-playlist-caption { color: #333; } -.wp-playlist-dark .wp-playlist-item { - color: #dedede; +.wp-playlist-dark .wp-playlist-caption { + color: #ddd; } .wp-playlist-playing {