From 1d6fd7158566981aef6b8eef84bf110d23189500 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Sun, 25 Sep 2016 13:48:09 +0200 Subject: update to 50.0b1 --- .../chrome/global/media/clicktoplay-bgtexture.png | Bin 1751 -> 5940 bytes .../chrome/global/media/closeCaptionButton.png | Bin 0 -> 583 bytes .../chrome/global/media/closeCaptionButton@2x.png | Bin 0 -> 1335 bytes .../chrome/global/media/fullscreenButton@2x.png | Bin 0 -> 1759 bytes .../chrome/global/media/muteButton@2x.png | Bin 0 -> 1185 bytes .../chrome/global/media/noAudio@2x.png | Bin 0 -> 1756 bytes .../chrome/global/media/pauseButton@2x.png | Bin 0 -> 434 bytes .../chrome/global/media/playButton@2x.png | Bin 0 -> 831 bytes .../chrome/global/media/scrubberThumb@2x.png | Bin 0 -> 1354 bytes .../chrome/global/media/scrubberThumbWide@2x.png | Bin 0 -> 1396 bytes .../chrome/global/media/unmuteButton@2x.png | Bin 0 -> 542 bytes .../chrome/global/media/videocontrols.css | 123 +++++++++++++++++++-- .../chrome/global/media/volume-empty@2x.png | Bin 0 -> 268 bytes .../chrome/global/media/volume-full@2x.png | Bin 0 -> 267 bytes 14 files changed, 116 insertions(+), 7 deletions(-) create mode 100644 arc-firefox-theme/chrome/global/media/closeCaptionButton.png create mode 100644 arc-firefox-theme/chrome/global/media/closeCaptionButton@2x.png create mode 100644 arc-firefox-theme/chrome/global/media/fullscreenButton@2x.png create mode 100644 arc-firefox-theme/chrome/global/media/muteButton@2x.png create mode 100644 arc-firefox-theme/chrome/global/media/noAudio@2x.png create mode 100644 arc-firefox-theme/chrome/global/media/pauseButton@2x.png create mode 100644 arc-firefox-theme/chrome/global/media/playButton@2x.png create mode 100644 arc-firefox-theme/chrome/global/media/scrubberThumb@2x.png create mode 100644 arc-firefox-theme/chrome/global/media/scrubberThumbWide@2x.png create mode 100644 arc-firefox-theme/chrome/global/media/unmuteButton@2x.png create mode 100644 arc-firefox-theme/chrome/global/media/volume-empty@2x.png create mode 100644 arc-firefox-theme/chrome/global/media/volume-full@2x.png (limited to 'arc-firefox-theme/chrome/global/media') diff --git a/arc-firefox-theme/chrome/global/media/clicktoplay-bgtexture.png b/arc-firefox-theme/chrome/global/media/clicktoplay-bgtexture.png index 0d3cacd..caffc24 100644 Binary files a/arc-firefox-theme/chrome/global/media/clicktoplay-bgtexture.png and b/arc-firefox-theme/chrome/global/media/clicktoplay-bgtexture.png differ diff --git a/arc-firefox-theme/chrome/global/media/closeCaptionButton.png b/arc-firefox-theme/chrome/global/media/closeCaptionButton.png new file mode 100644 index 0000000..469310f Binary files /dev/null and b/arc-firefox-theme/chrome/global/media/closeCaptionButton.png differ diff --git a/arc-firefox-theme/chrome/global/media/closeCaptionButton@2x.png b/arc-firefox-theme/chrome/global/media/closeCaptionButton@2x.png new file mode 100644 index 0000000..0335078 Binary files /dev/null and b/arc-firefox-theme/chrome/global/media/closeCaptionButton@2x.png differ diff --git a/arc-firefox-theme/chrome/global/media/fullscreenButton@2x.png b/arc-firefox-theme/chrome/global/media/fullscreenButton@2x.png new file mode 100644 index 0000000..b09ebbd Binary files /dev/null and b/arc-firefox-theme/chrome/global/media/fullscreenButton@2x.png differ diff --git a/arc-firefox-theme/chrome/global/media/muteButton@2x.png b/arc-firefox-theme/chrome/global/media/muteButton@2x.png new file mode 100644 index 0000000..b2cd21c Binary files /dev/null and b/arc-firefox-theme/chrome/global/media/muteButton@2x.png differ diff --git a/arc-firefox-theme/chrome/global/media/noAudio@2x.png b/arc-firefox-theme/chrome/global/media/noAudio@2x.png new file mode 100644 index 0000000..7de728b Binary files /dev/null and b/arc-firefox-theme/chrome/global/media/noAudio@2x.png differ diff --git a/arc-firefox-theme/chrome/global/media/pauseButton@2x.png b/arc-firefox-theme/chrome/global/media/pauseButton@2x.png new file mode 100644 index 0000000..df22919 Binary files /dev/null and b/arc-firefox-theme/chrome/global/media/pauseButton@2x.png differ diff --git a/arc-firefox-theme/chrome/global/media/playButton@2x.png b/arc-firefox-theme/chrome/global/media/playButton@2x.png new file mode 100644 index 0000000..fb20075 Binary files /dev/null and b/arc-firefox-theme/chrome/global/media/playButton@2x.png differ diff --git a/arc-firefox-theme/chrome/global/media/scrubberThumb@2x.png b/arc-firefox-theme/chrome/global/media/scrubberThumb@2x.png new file mode 100644 index 0000000..f8790f4 Binary files /dev/null and b/arc-firefox-theme/chrome/global/media/scrubberThumb@2x.png differ diff --git a/arc-firefox-theme/chrome/global/media/scrubberThumbWide@2x.png b/arc-firefox-theme/chrome/global/media/scrubberThumbWide@2x.png new file mode 100644 index 0000000..52c9d72 Binary files /dev/null and b/arc-firefox-theme/chrome/global/media/scrubberThumbWide@2x.png differ diff --git a/arc-firefox-theme/chrome/global/media/unmuteButton@2x.png b/arc-firefox-theme/chrome/global/media/unmuteButton@2x.png new file mode 100644 index 0000000..86f2185 Binary files /dev/null and b/arc-firefox-theme/chrome/global/media/unmuteButton@2x.png differ diff --git a/arc-firefox-theme/chrome/global/media/videocontrols.css b/arc-firefox-theme/chrome/global/media/videocontrols.css index 09e9a5f..6907620 100644 --- a/arc-firefox-theme/chrome/global/media/videocontrols.css +++ b/arc-firefox-theme/chrome/global/media/videocontrols.css @@ -12,6 +12,7 @@ .playButton, .muteButton, +.closedCaptionButton, .fullscreenButton { background-color: transparent; background-repeat: no-repeat; @@ -27,12 +28,14 @@ .playButton:hover, .muteButton:hover, +.closedCaptionButton:hover, .fullscreenButton:hover { opacity: 1; } .playButton:hover:active, .muteButton:hover:active, +.closedCaptionButton:hover:active, .fullscreenButton:hover:active { opacity: 0.4; } @@ -63,6 +66,19 @@ display: none; } +.closedCaptionButton { + background-image: url(chrome://global/skin/media/closeCaptionButton.png); + background-position: 4px; +} + +.closedCaptionButton[enabled] { + opacity: 1; +} + +.closedCaptionButton[hidden] { + display: none; +} + .fullscreenButton { background-image: -moz-image-rect(url("chrome://global/skin/media/fullscreenButton.png"), 0, 16, 16, 0); } @@ -92,9 +108,44 @@ background-clip: content-box; } -.controlBar[fullscreen-unavailable] > .volumeStack { +.textTrackList { + display: -moz-box; + -moz-appearance: none; + -moz-box-pack: end; + -moz-box-align: end; + padding: 0; +} + +.textTrackList[hidden] { + display: none; +} + +.textTrackList > html|*.textTrackItem { + -moz-appearance: none; + -moz-box-align: start; + text-align: start; + overflow: hidden; + margin: 0; + padding: 2px 10px; + -moz-margin-end: 10px; + border: none; + color: rgba(255,255,255,.5); + background-color: rgba(35,31,32,.74); + white-space: nowrap; +} + +.textTrackList > html|*.textTrackItem[on] { + color: white; + background-color: black; +} + +.textTrackList > html|*.textTrackItem:hover { + background-color: rgba(0,0,0,.55); +} + +.controlBar[fullscreen-unavailable] { /* This value is duplicated in the videocontrols.xml adjustControlSize function. */ - margin-inline-end: 8px; + padding-inline-end: 8px; } .volumeControl .scale-thumb { @@ -109,10 +160,13 @@ .durationLabel { margin-left: -22px; /* 1/2 of scrubber thumb width, for overhang. */ padding-left: 8px; /* don't bump into the scrubber bar */ - padding-top: 0; /* center vertically with scrubber bar */ color: rgba(255,255,255,.75); + font: message-box; font-size: 11px; - font-family: Arial, sans-serif; +} + +.durationLabel { + padding-top: 0; /* center vertically with scrubber bar */ } .positionLabel { @@ -171,7 +225,6 @@ margin-top: -10px; margin-bottom: 10px; } - /* .scale-thumb is an element inside the implementation. */ .scrubber .scale-thumb, .volumeControl .scale-thumb { @@ -194,10 +247,14 @@ .timeLabel { color: rgba(255,255,255,.75); + font: message-box; font-size: 10px; - font-family: Arial, sans-serif; text-shadow: rgba(0,0,0,.3) 0 1px; - padding-top: 5px; + padding-top: 7px; +} + +.timeLabel { + padding-top: 5px; /* center vertically with scrubber bar */ } .statusOverlay { @@ -317,3 +374,55 @@ html|table { padding: 0 10px; text-align: center; } + +@media (min-resolution: 2dppx) { + .playButton { + background-image: url(chrome://global/skin/media/pauseButton@2x.png); + background-size: 28px 28px; + } + .playButton[paused] { + background-image: url(chrome://global/skin/media/playButton@2x.png); + background-size: 28px 28px; + } + .volumeBackground { + background-image: url(chrome://global/skin/media/volume-empty@2x.png); + background-size: 32px 16px; + } + .volumeForeground { + background-image: url(chrome://global/skin/media/volume-full@2x.png); + background-size: 32px 16px; + } + .muteButton { + background-image: url(chrome://global/skin/media/muteButton@2x.png); + background-size: 33px 28px; + } + .muteButton[muted] { + background-image: url(chrome://global/skin/media/unmuteButton@2x.png); + background-size: 33px 28px; + } + .muteButton[noAudio] { + background-image: url(chrome://global/skin/media/noAudio@2x.png); + background-size: 33px 28px; + } + .closedCaptionButton { + background-image: url(chrome://global/skin/media/closeCaptionButton@2x.png); + background-position: 4px; + background-size: 28px 28px; + } + .fullscreenButton { + background-image: -moz-image-rect(url("chrome://global/skin/media/fullscreenButton@2x.png"), 0, 32, 32, 0); + background-size: 16px 16px; + } + .fullscreenButton[fullscreened] { + background-image: -moz-image-rect(url("chrome://global/skin/media/fullscreenButton@2x.png"), 0, 64, 32, 32); + background-size: 16px 16px; + } + .timeThumb { + background-image: url(chrome://global/skin/media/scrubberThumb@2x.png); + background-size: 33px 28px; + } + .timeThumb[showhours="true"] { + background-image: url(chrome://global/skin/media/scrubberThumbWide@2x.png); + background-size: 45px 28px; + } +} diff --git a/arc-firefox-theme/chrome/global/media/volume-empty@2x.png b/arc-firefox-theme/chrome/global/media/volume-empty@2x.png new file mode 100644 index 0000000..ca494e8 Binary files /dev/null and b/arc-firefox-theme/chrome/global/media/volume-empty@2x.png differ diff --git a/arc-firefox-theme/chrome/global/media/volume-full@2x.png b/arc-firefox-theme/chrome/global/media/volume-full@2x.png new file mode 100644 index 0000000..5bf63c7 Binary files /dev/null and b/arc-firefox-theme/chrome/global/media/volume-full@2x.png differ -- cgit v1.2.3