Modules/mediacontrols/mediaControlsApple.css

30 body:-webkit-full-page-media {
34 video:-webkit-full-page-media {
43 video:-webkit-full-page-media::-webkit-media-controls-panel {
47 video:-webkit-full-page-media::-webkit-media-controls-panel.no-video {
51 ::-webkit-media-controls {
61 video::-webkit-media-text-track-container,
62 audio::-webkit-media-text-track-container {
67 video::-webkit-media-controls-panel-composited-parent {
72 video::-webkit-media-controls-panel,
73 audio::-webkit-media-controls-panel {
108 video::-webkit-media-controls-panel {
113 video::-webkit-media-controls-panel.show,
114 video::-webkit-media-controls-panel.paused,
115 video::-webkit-media-controls-panel:hover {
120 video::-webkit-media-controls-panel button,
121 audio::-webkit-media-controls-panel button {
136 video::-webkit-media-controls-panel button:active,
137 audio::-webkit-media-controls-panel button:active {
141 video::-webkit-media-controls-rewind-button,
142 audio::-webkit-media-controls-rewind-button {
151 video::-webkit-media-controls-play-button,
152 audio::-webkit-media-controls-play-button {
158 video::-webkit-media-controls-play-button.paused,
159 audio::-webkit-media-controls-play-button.paused {
163 video::-webkit-media-controls-panel .mute-box,
164 audio::-webkit-media-controls-panel .mute-box {
176 video::-webkit-media-controls-mute-button,
177 audio::-webkit-media-controls-mute-button,
178 video::-webkit-media-controls-volume-max-button {
183 video::-webkit-media-controls-panel .volume-box,
184 audio::-webkit-media-controls-panel .volume-box {
215 video::-webkit-media-controls-panel .mute-box:hover .volume-box,
216 video::-webkit-media-controls-panel .volume-box:hover,
217 video::-webkit-media-controls-panel .volume-box:active,
218 audio::-webkit-media-controls-panel .mute-box:hover .volume-box,
219 audio::-webkit-media-controls-panel .volume-box:hover,
220 audio::-webkit-media-controls-panel .volume-box:active {
226 audio::-webkit-media-controls-volume-slider,
227 video::-webkit-media-controls-volume-slider {
246 video::-webkit-media-controls-volume-slider::-webkit-slider-thumb,
247 audio::-webkit-media-controls-volume-slider::-webkit-slider-thumb {
265 video::-webkit-media-controls-volume-slider::-webkit-slider-thumb::-webkit-slider-thumb:active,
266 video::-webkit-media-controls-volume-slider::-webkit-slider-thumb:active::-webkit-slider-thumb,
267 audio::-webkit-media-controls-volume-slider::-webkit-slider-thumb::-webkit-slider-thumb:active,
268 audio::-webkit-media-controls-volume-slider::-webkit-slider-thumb:active::-webkit-slider-thumb {
276 video::-webkit-media-controls-mute-button.muted,
277 audio::-webkit-media-controls-mute-button.muted,
278 video::-webkit-media-controls-volume-min-button {
282 video::-webkit-media-controls-toggle-closed-captions-button,
283 audio::-webkit-media-controls-toggle-closed-captions-button {
291 video::-webkit-media-controls-closed-captions-container,
292 audio::-webkit-media-controls-closed-captions-container {
293     -webkit-appearance: media-closed-captions-container;
310 video::-webkit-media-controls-closed-captions-container .list,
311 audio::-webkit-media-controls-closed-captions-container .list {
318 video::-webkit-media-controls-closed-captions-container h3,
319 audio::-webkit-media-controls-closed-captions-container h3 {
329 video::-webkit-media-controls-closed-captions-container ul,
330 audio::-webkit-media-controls-closed-captions-container ul {
337 video::-webkit-media-controls-closed-captions-container li,
338 audio::-webkit-media-controls-closed-captions-container li {
356 video::-webkit-media-controls-closed-captions-container li:focus,
357 audio::-webkit-media-controls-closed-captions-container li:focus {
362 video::-webkit-media-controls-closed-captions-container li:hover,
363 audio::-webkit-media-controls-closed-captions-container li:hover {
369 video::-webkit-media-controls-closed-captions-container li.selected::before,
370 audio::-webkit-media-controls-closed-captions-container li.selected::before {
382 video::-webkit-media-controls-closed-captions-container li.selected:hover::before,
383 audio::-webkit-media-controls-closed-captions-container li.selected:hover::before {
387 video::-webkit-media-controls-fullscreen-button,
388 audio::-webkit-media-controls-fullscreen-button {
392 video::-webkit-media-controls-fullscreen-button.exit,
393 audio::-webkit-media-controls-fullscreen-button.exit {
396 video::-webkit-media-controls-status-display,
397 audio::-webkit-media-controls-status-display {
417 video::-webkit-media-controls-timeline,
418 audio::-webkit-media-controls-timeline {
428 video::-webkit-media-controls-timeline::-webkit-slider-thumb,
429 audio::-webkit-media-controls-timeline::-webkit-slider-thumb {
448 video::-webkit-media-controls-timeline::-webkit-slider-thumb:active,
449 video::-webkit-media-controls-timeline:active::-webkit-slider-thumb,
450 audio::-webkit-media-controls-timeline::-webkit-slider-thumb:active,
451 audio::-webkit-media-controls-timeline:active::-webkit-slider-thumb,
461 video::-webkit-media-controls-current-time-display,
462 video::-webkit-media-controls-time-remaining-display,
463 audio::-webkit-media-controls-current-time-display,
464 audio::-webkit-media-controls-time-remaining-display {
487 video::-webkit-media-controls-timeline-container .hour-long-time,
488 audio::-webkit-media-controls-timeline-container .hour-long-time {
492 video::-webkit-media-controls-timeline-container,
493 audio::-webkit-media-controls-timeline-container {
503 video::-webkit-media-controls-panel .thumbnail-track,
504 audio::-webkit-media-controls-panel .thumbnail-track {
514 video::-webkit-media-controls-panel .thumbnail,
515 audio::-webkit-media-controls-panel .thumbnail {
528 video::-webkit-media-controls-panel .thumbnail-image,
529 audio::-webkit-media-controls-panel .thumbnail-image {
534 video::-webkit-media-controls-panel .thumbnail.show,
535 audio::-webkit-media-controls-panel .thumbnail.show {
539 video::-webkit-media-controls-panel .hidden,
540 audio::-webkit-media-controls-panel .hidden {
547     Page stylesheets are not allowed to override the style of media
553 video:-webkit-full-screen::-webkit-media-controls-panel {
581 video:-webkit-animating-full-screen-transition::-webkit-media-controls-panel {
586 video:-webkit-full-screen::-webkit-media-controls-panel .volume-box {
600 video:-webkit-full-screen::-webkit-media-controls-volume-slider {
610 video:-webkit-full-screen::-webkit-media-controls-volume-slider::-webkit-slider-thumb {
621 video:-webkit-full-screen::-webkit-media-controls-play-button {
634 video:-webkit-full-screen::-webkit-media-controls-play-button.paused {
638 video:-webkit-full-screen::-webkit-media-controls-rewind-button {
646 video:-webkit-full-screen::-webkit-media-controls-seek-back-button {
658 video:-webkit-full-screen::-webkit-media-controls-return-to-realtime-button {
667 video:-webkit-full-screen::-webkit-media-controls-seek-forward-button {
678 video:-webkit-full-screen::-webkit-media-controls-timeline-container {
687 video:-webkit-full-screen::-webkit-media-controls-status-display {
695 video:-webkit-full-screen::-webkit-media-controls-closed-captions-container {
697     right: calc(50% - 183px); /* 183px is 221px (half the media controller's width) minus 38px (the right position of the captions icon). */
702 video::-webkit-media-text-track-container {
728 video::-webkit-media-text-track-display {
736 video::-webkit-media-text-track-display-backdrop {
744 video::-webkit-media-text-track-container b {
748 video::-webkit-media-text-track-container u {
752 video::-webkit-media-text-track-container i {
756 video::-webkit-media-text-track-container .hidden,
757 audio::-webkit-media-text-track-container .hidden {