diff options
Diffstat (limited to 'arc-firefox-theme/chrome/global')
26 files changed, 127 insertions, 166 deletions
diff --git a/arc-firefox-theme/chrome/global/console/console-error-caret.gif b/arc-firefox-theme/chrome/global/console/console-error-caret.gif Binary files differdeleted file mode 100644 index a8f30f9..0000000 --- a/arc-firefox-theme/chrome/global/console/console-error-caret.gif +++ /dev/null diff --git a/arc-firefox-theme/chrome/global/console/console-error-dash.gif b/arc-firefox-theme/chrome/global/console/console-error-dash.gif Binary files differdeleted file mode 100644 index 74679a2..0000000 --- a/arc-firefox-theme/chrome/global/console/console-error-dash.gif +++ /dev/null diff --git a/arc-firefox-theme/chrome/global/console/console-toolbar.png b/arc-firefox-theme/chrome/global/console/console-toolbar.png Binary files differdeleted file mode 100644 index 05277b6..0000000 --- a/arc-firefox-theme/chrome/global/console/console-toolbar.png +++ /dev/null diff --git a/arc-firefox-theme/chrome/global/console/console.css b/arc-firefox-theme/chrome/global/console/console.css deleted file mode 100644 index adb17fc..0000000 --- a/arc-firefox-theme/chrome/global/console/console.css +++ /dev/null @@ -1,156 +0,0 @@ -/* This Source Code Form is subject to the terms of the Mozilla Public - * License, v. 2.0. If a copy of the MPL was not distributed with this - * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ - -/* ===== console.css ==================================================== - == Styles used by the Error Console window. - ====================================================================== */ - -@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); - -.console-box { - background-color: -moz-Field; - color: -moz-FieldText; -} - -/* ::::: console rows ::::: */ - -.console-row { - border-bottom: 1px dotted threedshadow; - padding: 4px 0px; -} - -.console-row-icon { - padding: 4px; - padding-inline-start: 5px; - -moz-box-align: start !important; -} - -.console-row-msg > label:first-child, -.console-row-file > label:first-child { - display: none; -} - -.console-time { - font-weight: normal !important; -} - -.console-icon { - list-style-image: inherit; -} - -.console-error-msg { - margin-bottom: 2px; -} - -/* ..... error rows ..... */ - -.console-row-code { - padding-top: 3px; - padding-bottom: 3px; - padding-inline-start: 3px; - padding-inline-end: 0px; - color: #0000BB; - font-size: larger; -} - -.console-dots, -.console-caret { - height: 9px; -} - -.console-dots { - background: url("chrome://global/skin/console/console-error-dash.gif") repeat-x top; -} - -.console-caret { - width: 7px; - background: url("chrome://global/skin/console/console-error-caret.gif") no-repeat top; -} - -/* ..... message rows ..... */ - -.console-row[type="message"] { - font-family: monospace; -} - -/* ..... selected state ..... */ - -.console-row[selected="true"] { - background-image: url("chrome://global/skin/console/itemSelected.png"); -} - -.console-row-code[selected="true"], -.console-row-content[selected="true"] > .console-row-file > .console-error-source > .text-link { - color: inherit !important; -} - -/* ::::: icons ::::: */ - -.console-row[type="error"], -.console-row[type="exception"] { - list-style-image: url("moz-icon://stock/gtk-dialog-error?size=menu"); -} - -.console-row[type="error"] .console-row-msg, -.console-row[type="exception"] .console-row-msg { - font-weight: bold; -} - -.console-row[type="warning"] { - list-style-image: url("moz-icon://stock/gtk-dialog-warning?size=menu"); -} - -.console-row[type="message"] { - list-style-image: url("moz-icon://stock/gtk-dialog-info?size=menu"); -} - -/* ::::: toolbars ::::: */ - -#TextboxEval { - margin: 2px !important; -} - -#ButtonEval { - margin-top: 2px !important; - margin-bottom: 2px !important; - margin-inline-start: 0px !important; - margin-inline-end: 2px !important; -} - -/* Toolbar icons */ - -toolbar#ToolbarMode toolbarbutton { - -moz-box-orient: horizontal; -} - -#Console\:modeAll { - list-style-image: url("chrome://global/skin/console/console-toolbar.png"); -} - -#Console\:modeErrors { - list-style-image: url("moz-icon://stock/gtk-dialog-error?size=toolbar"); -} - -#Console\:modeWarnings { - list-style-image: url("moz-icon://stock/gtk-dialog-warning?size=toolbar"); -} - -#Console\:modeMessages { - list-style-image: url("moz-icon://stock/gtk-dialog-info?size=toolbar"); -} - -#Console\:clear { - list-style-image: url("moz-icon://stock/gtk-clear?size=toolbar"); -} - -toolbar#ToolbarMode .toolbarbutton-text { - padding-inline-end: 4px; -} - -/* ::::: Fix Error Console toolbar button text spacing ::::: */ - -.toolbarbutton-text { - padding-inline-start: 0px; - padding-inline-end: 5px; -} diff --git a/arc-firefox-theme/chrome/global/console/console.png b/arc-firefox-theme/chrome/global/console/console.png Binary files differdeleted file mode 100644 index c1be13b..0000000 --- a/arc-firefox-theme/chrome/global/console/console.png +++ /dev/null diff --git a/arc-firefox-theme/chrome/global/console/itemSelected.png b/arc-firefox-theme/chrome/global/console/itemSelected.png Binary files differdeleted file mode 100644 index 964cd6a..0000000 --- a/arc-firefox-theme/chrome/global/console/itemSelected.png +++ /dev/null diff --git a/arc-firefox-theme/chrome/global/findBar.css b/arc-firefox-theme/chrome/global/findBar.css index 44aa43b..f049114 100644 --- a/arc-firefox-theme/chrome/global/findBar.css +++ b/arc-firefox-theme/chrome/global/findBar.css @@ -85,9 +85,8 @@ findbar[noanim] { .findbar-find-next { margin-inline-start: 0; -moz-appearance: none; - background: linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.2)); + background: linear-gradient(rgba(255,255,255,.8) 1px, rgba(255,255,255,.4) 1px, rgba(255,255,255,.1)); border: 1px solid ThreeDShadow; - box-shadow: 0 1px #fff inset; padding: 5px 9px; line-height: 1em; } @@ -143,7 +142,8 @@ findbar[noanim] { } .findbar-highlight, -.findbar-case-sensitive { +.findbar-case-sensitive, +.findbar-entire-word { margin-inline-start: 5px; } diff --git a/arc-firefox-theme/chrome/global/icons/loading-inverted.png b/arc-firefox-theme/chrome/global/icons/loading-inverted.png Binary files differdeleted file mode 100644 index 8831a80..0000000 --- a/arc-firefox-theme/chrome/global/icons/loading-inverted.png +++ /dev/null diff --git a/arc-firefox-theme/chrome/global/icons/loading-inverted@2x.png b/arc-firefox-theme/chrome/global/icons/loading-inverted@2x.png Binary files differdeleted file mode 100644 index b25b445..0000000 --- a/arc-firefox-theme/chrome/global/icons/loading-inverted@2x.png +++ /dev/null diff --git a/arc-firefox-theme/chrome/global/icons/loading.png b/arc-firefox-theme/chrome/global/icons/loading.png Binary files differindex a2f9b79..b886c73 100644 --- a/arc-firefox-theme/chrome/global/icons/loading.png +++ b/arc-firefox-theme/chrome/global/icons/loading.png diff --git a/arc-firefox-theme/chrome/global/icons/loading@2x.png b/arc-firefox-theme/chrome/global/icons/loading@2x.png Binary files differnew file mode 100644 index 0000000..ac928c5 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/loading@2x.png diff --git a/arc-firefox-theme/chrome/global/in-content/common.css b/arc-firefox-theme/chrome/global/in-content/common.css index 1a4bff3..0252f7f 100644 --- a/arc-firefox-theme/chrome/global/in-content/common.css +++ b/arc-firefox-theme/chrome/global/in-content/common.css @@ -428,6 +428,14 @@ xul|textbox { padding-left: 10px; } +/* Create a separate rule to unset these styles on .tree-input instead of + using :not(.tree-input) so the selector specifity doesn't change. */ +xul|textbox.tree-input { + min-height: unset; + padding-right: unset; + padding-left: unset; +} + html|input[type="text"], html|textarea { font-family: inherit; diff --git a/arc-firefox-theme/chrome/global/media/clicktoplay-bgtexture.png b/arc-firefox-theme/chrome/global/media/clicktoplay-bgtexture.png Binary files differindex 0d3cacd..caffc24 100644 --- a/arc-firefox-theme/chrome/global/media/clicktoplay-bgtexture.png +++ b/arc-firefox-theme/chrome/global/media/clicktoplay-bgtexture.png diff --git a/arc-firefox-theme/chrome/global/media/closeCaptionButton.png b/arc-firefox-theme/chrome/global/media/closeCaptionButton.png Binary files differnew file mode 100644 index 0000000..469310f --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/closeCaptionButton.png diff --git a/arc-firefox-theme/chrome/global/media/closeCaptionButton@2x.png b/arc-firefox-theme/chrome/global/media/closeCaptionButton@2x.png Binary files differnew file mode 100644 index 0000000..0335078 --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/closeCaptionButton@2x.png diff --git a/arc-firefox-theme/chrome/global/media/fullscreenButton@2x.png b/arc-firefox-theme/chrome/global/media/fullscreenButton@2x.png Binary files differnew file mode 100644 index 0000000..b09ebbd --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/fullscreenButton@2x.png diff --git a/arc-firefox-theme/chrome/global/media/muteButton@2x.png b/arc-firefox-theme/chrome/global/media/muteButton@2x.png Binary files differnew file mode 100644 index 0000000..b2cd21c --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/muteButton@2x.png diff --git a/arc-firefox-theme/chrome/global/media/noAudio@2x.png b/arc-firefox-theme/chrome/global/media/noAudio@2x.png Binary files differnew file mode 100644 index 0000000..7de728b --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/noAudio@2x.png diff --git a/arc-firefox-theme/chrome/global/media/pauseButton@2x.png b/arc-firefox-theme/chrome/global/media/pauseButton@2x.png Binary files differnew file mode 100644 index 0000000..df22919 --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/pauseButton@2x.png diff --git a/arc-firefox-theme/chrome/global/media/playButton@2x.png b/arc-firefox-theme/chrome/global/media/playButton@2x.png Binary files differnew file mode 100644 index 0000000..fb20075 --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/playButton@2x.png diff --git a/arc-firefox-theme/chrome/global/media/scrubberThumb@2x.png b/arc-firefox-theme/chrome/global/media/scrubberThumb@2x.png Binary files differnew file mode 100644 index 0000000..f8790f4 --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/scrubberThumb@2x.png diff --git a/arc-firefox-theme/chrome/global/media/scrubberThumbWide@2x.png b/arc-firefox-theme/chrome/global/media/scrubberThumbWide@2x.png Binary files differnew file mode 100644 index 0000000..52c9d72 --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/scrubberThumbWide@2x.png diff --git a/arc-firefox-theme/chrome/global/media/unmuteButton@2x.png b/arc-firefox-theme/chrome/global/media/unmuteButton@2x.png Binary files differnew file mode 100644 index 0000000..86f2185 --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/unmuteButton@2x.png 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 <scale> 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 Binary files differnew file mode 100644 index 0000000..ca494e8 --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/volume-empty@2x.png diff --git a/arc-firefox-theme/chrome/global/media/volume-full@2x.png b/arc-firefox-theme/chrome/global/media/volume-full@2x.png Binary files differnew file mode 100644 index 0000000..5bf63c7 --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/volume-full@2x.png |
