From bc3725e858b0c1bc27dd1164cb2908dcef21f404 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Sat, 11 Mar 2017 14:54:09 +0100 Subject: update to 52.0 --- .../chrome/global/aboutReaderControls.css | 1 + arc-firefox-theme/chrome/global/button.css | 196 --------------------- arc-firefox-theme/chrome/global/global.css | 8 +- .../chrome/global/icons/input-clear.svg | 16 ++ .../chrome/global/in-content/common.css | 10 ++ arc-firefox-theme/chrome/global/menu.css | 19 +- arc-firefox-theme/chrome/global/narrate.css | 35 ++++ arc-firefox-theme/chrome/global/notification.css | 10 ++ arc-firefox-theme/chrome/global/popup.css | 10 +- .../chrome/global/scale/scale-tray-horiz.gif | Bin 0 -> 50 bytes .../chrome/global/scale/scale-tray-vert.gif | Bin 0 -> 50 bytes arc-firefox-theme/chrome/global/textbox.css | 55 ------ arc-firefox-theme/chrome/global/timepicker.css | 153 ++++++++++++++++ arc-firefox-theme/chrome/global/tree.css | 15 +- 14 files changed, 246 insertions(+), 282 deletions(-) create mode 100644 arc-firefox-theme/chrome/global/icons/input-clear.svg create mode 100644 arc-firefox-theme/chrome/global/scale/scale-tray-horiz.gif create mode 100644 arc-firefox-theme/chrome/global/scale/scale-tray-vert.gif create mode 100644 arc-firefox-theme/chrome/global/timepicker.css (limited to 'arc-firefox-theme/chrome/global') diff --git a/arc-firefox-theme/chrome/global/aboutReaderControls.css b/arc-firefox-theme/chrome/global/aboutReaderControls.css index 09f8bdc..a624901 100644 --- a/arc-firefox-theme/chrome/global/aboutReaderControls.css +++ b/arc-firefox-theme/chrome/global/aboutReaderControls.css @@ -82,6 +82,7 @@ background-color: #fbfbfb; -moz-user-select: none; border-right: 1px solid #b5b5b5; + z-index: 1; } .button { diff --git a/arc-firefox-theme/chrome/global/button.css b/arc-firefox-theme/chrome/global/button.css index 8b5f331..6202475 100644 --- a/arc-firefox-theme/chrome/global/button.css +++ b/arc-firefox-theme/chrome/global/button.css @@ -150,199 +150,3 @@ button[type="disclosure"] { button[type="disclosure"][open="true"] { list-style-image: url("chrome://global/skin/tree/twisty-open.png"); } - -/* - * GNOME Stock Icon Styles - */ - -button[icon="accept"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-ok?size=button"); -} - -button[icon="accept"][disabled="true"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-ok?size=button&state=disabled"); -} - -button[icon="cancel"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-cancel?size=button"); -} - -button[icon="cancel"][disabled="true"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-cancel?size=button&state=disabled"); -} - -button[icon="help"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-help?size=button"); -} - -button[icon="help"][disabled="true"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-help?size=button&state=disabled"); -} - -button[icon="open"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-open?size=button"); -} - -button[icon="open"][disabled="true"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-open?size=button&state=disabled"); -} - -button[icon="save"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-save?size=button"); -} - -button[icon="save"][disabled="true"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-save?size=button&state=disabled"); -} - -button[icon="find"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-find?size=button"); -} - -button[icon="find"][disabled="true"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-find?size=button&state=disabled"); -} - -button[icon="clear"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-clear?size=button"); -} - -button[icon="clear"][disabled="true"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-clear?size=button&state=disabled"); -} - -button[icon="yes"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-yes?size=button"); -} - -button[icon="yes"][disabled="true"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-yes?size=button&state=disabled"); -} - -button[icon="no"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-no?size=button"); -} - -button[icon="no"][disabled="true"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-no?size=button&state=disabled"); -} - -button[icon="apply"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-apply?size=button"); -} - -button[icon="apply"][disabled="true"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-apply?size=button&state=disabled"); -} - -button[icon="close"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-close?size=button"); -} - -button[icon="close"][disabled="true"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-close?size=button&state=disabled"); -} - -button[icon="print"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-print?size=button"); -} - -button[icon="print"][disabled="true"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-print?size=button&state=disabled"); -} - -button[icon="add"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-add?size=button"); -} - -button[icon="add"][disabled="true"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-add?size=button&state=disabled"); -} - -button[icon="remove"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-remove?size=button"); -} - -button[icon="remove"][disabled="true"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-remove?size=button&state=disabled"); -} - -button[icon="refresh"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-refresh?size=button"); -} - -button[icon="refresh"][disabled="true"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-refresh?size=button&state=disabled"); -} - -button[icon="revert"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-revert-to-saved?size=button"); -} - -button[icon="revert"][disabled="true"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-revert-to-saved?size=button&state=disabled"); -} - -button[icon="go-forward"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=button"); -} - -button[icon="go-forward"][disabled="true"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=button&state=disabled"); -} - -button[icon="go-forward"]:-moz-locale-dir(rtl) .button-icon { - list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=button"); -} - -button[icon="go-forward"]:-moz-locale-dir(rtl)[disabled="true"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=button&state=disabled"); -} - -button[icon="go-back"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=button"); -} - -button[icon="go-back"][disabled="true"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=button&state=disabled"); -} - -button[icon="go-back"]:-moz-locale-dir(rtl) .button-icon { - list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=button"); -} - -button[icon="go-back"]:-moz-locale-dir(rtl)[disabled="true"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=button&state=disabled"); -} - -button[icon="properties"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-properties?size=button"); -} - -button[icon="properties"][disabled="true"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-properties?size=button&state=disabled"); -} - -button[icon="select-font"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-select-font?size=button"); -} - -button[icon="select-font"][disabled="true"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-select-font?size=button&state=disabled"); -} - -button[icon="select-color"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-color-picker?size=button"); -} - -button[icon="select-color"][disabled="true"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-color-picker?size=button&state=disabled"); -} - -button[icon="network"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-network?size=button"); -} - -button[icon="network"][disabled="true"] .button-icon { - list-style-image: url("moz-icon://stock/gtk-network?size=button&state=disabled"); -} diff --git a/arc-firefox-theme/chrome/global/global.css b/arc-firefox-theme/chrome/global/global.css index 709936e..1f9e7e4 100644 --- a/arc-firefox-theme/chrome/global/global.css +++ b/arc-firefox-theme/chrome/global/global.css @@ -35,10 +35,10 @@ toolbar[type="menubar"]:not([autohide="true"]):not(:-moz-lwtheme):-moz-system-me /* ::::: Variables ::::: */ :root { - --panel-arrowcontent-padding: 10px; - --panel-arrowcontent-background: -moz-field; - --panel-arrowcontent-color: -moz-fieldText; - --panel-arrowcontent-border-color: ThreeDShadow; + --arrowpanel-padding: 10px; + --arrowpanel-background: -moz-field; + --arrowpanel-color: -moz-fieldText; + --arrowpanel-border-color: ThreeDShadow; } /* ::::: root elements ::::: */ diff --git a/arc-firefox-theme/chrome/global/icons/input-clear.svg b/arc-firefox-theme/chrome/global/icons/input-clear.svg new file mode 100644 index 0000000..0abaaf9 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/input-clear.svg @@ -0,0 +1,16 @@ + + + + + + + diff --git a/arc-firefox-theme/chrome/global/in-content/common.css b/arc-firefox-theme/chrome/global/in-content/common.css index 6a3c188..05c91b4 100644 --- a/arc-firefox-theme/chrome/global/in-content/common.css +++ b/arc-firefox-theme/chrome/global/in-content/common.css @@ -73,11 +73,16 @@ xul|caption { margin: 0; } +html|h2, xul|caption > xul|checkbox, xul|caption > xul|label { font-size: 1.3rem; font-weight: bold; line-height: 22px; +} + +xul|caption > xul|checkbox, +xul|caption > xul|label { margin: 0 !important; } @@ -567,6 +572,11 @@ xul|richlistitem > xul|*.checkbox-check { margin: 3px 6px; } +html|*.toggle-container-with-text { + display: flex; + align-items: center; +} + xul|radio { margin-inline-start: 0; } diff --git a/arc-firefox-theme/chrome/global/menu.css b/arc-firefox-theme/chrome/global/menu.css index ea73d9c..06e3b21 100644 --- a/arc-firefox-theme/chrome/global/menu.css +++ b/arc-firefox-theme/chrome/global/menu.css @@ -36,7 +36,8 @@ menuitem[_moz-menuactive="true"], menu[disabled="true"], menuitem[disabled="true"], -.splitmenu-menuitem[disabled="true"] { +.splitmenu-menuitem[disabled="true"], +menucaption[disabled="true"] { color: GrayText; } @@ -184,14 +185,6 @@ menuitem[type="radio"] { menuseparator { -moz-appearance: menuseparator; - margin: 2px 0; - border-top: 1px solid ThreeDShadow; - border-bottom: 1px solid ThreeDHighlight; -} - -menulist > menupopup > menuseparator { - border-top: 1px solid #000000; - border-bottom: none; } /* ::::: autocomplete ::::: */ @@ -200,11 +193,3 @@ menulist > menupopup > menuseparator { max-width: none !important; font: message-box; } - -/* ::::: tree column picker ::::: */ - -.treecell-popupcell-menu { - margin-inline-start: -2px; - list-style-image: url("chrome://global/skin/columnselect.gif"); - -moz-image-region: auto; -} diff --git a/arc-firefox-theme/chrome/global/narrate.css b/arc-firefox-theme/chrome/global/narrate.css index 3aa8a8a..8a44e78 100644 --- a/arc-firefox-theme/chrome/global/narrate.css +++ b/arc-firefox-theme/chrome/global/narrate.css @@ -1,3 +1,8 @@ +.narrating { + position: relative; + z-index: 1; +} + body.light .narrating { background-color: #ffc; } @@ -9,3 +14,33 @@ body.sepia .narrating { body.dark .narrating { background-color: #242424; } + +.narrate-word-highlight { + position: absolute; + display: none; + transform: translate(-50%, calc(-50% - 2px)); + z-index: -1; + border-bottom-style: solid; + border-bottom-width: 7px; + transition: left 0.1s ease; +} + +.narrating > .narrate-word-highlight { + display: inline-block; +} + +.narrate-word-highlight.newline { + transition: none; +} + +body.light .narrate-word-highlight { + border-bottom-color: #ffe087; +} + +body.sepia .narrate-word-highlight { + border-bottom-color: #bdb5a5; +} + +body.dark .narrate-word-highlight { + border-bottom-color: #6f6f6f; +} diff --git a/arc-firefox-theme/chrome/global/notification.css b/arc-firefox-theme/chrome/global/notification.css index 48613f5..2e57051 100644 --- a/arc-firefox-theme/chrome/global/notification.css +++ b/arc-firefox-theme/chrome/global/notification.css @@ -14,6 +14,16 @@ notification[type="info"] { color: -moz-DialogText; background-color: -moz-Dialog; -moz-appearance: none; + border-top: 1px solid ThreeDShadow; + border-bottom: 1px solid ThreeDShadow; +} + +notificationbox[notificationside="top"] > notification[type="info"] { + border-top-style: none; +} + +notificationbox[notificationside="bottom"] > notification[type="info"] { + border-bottom-style: none; } notification[type="critical"] { diff --git a/arc-firefox-theme/chrome/global/popup.css b/arc-firefox-theme/chrome/global/popup.css index 80256df..d435fca 100644 --- a/arc-firefox-theme/chrome/global/popup.css +++ b/arc-firefox-theme/chrome/global/popup.css @@ -32,10 +32,10 @@ panel[type="arrow"][side="right"] { } .panel-arrowcontent { - padding: var(--panel-arrowcontent-padding); - color: var(--panel-arrowcontent-color); - background: var(--panel-arrowcontent-background); - border: 1px solid var(--panel-arrowcontent-border-color); + padding: var(--arrowpanel-padding); + color: var(--arrowpanel-color); + background: var(--arrowpanel-background); + border: 1px solid var(--arrowpanel-border-color); box-shadow: 0 0 4px hsla(0,0%,0%,.2); margin: 4px; } @@ -80,8 +80,6 @@ panel[type="arrow"][side="right"] { tooltip { -moz-appearance: tooltip; margin-top: 21px; - /* GTK hardcodes this to 4px */ - padding: 4px; max-width: 40em; color: InfoText; font: message-box; diff --git a/arc-firefox-theme/chrome/global/scale/scale-tray-horiz.gif b/arc-firefox-theme/chrome/global/scale/scale-tray-horiz.gif new file mode 100644 index 0000000..b87fe68 Binary files /dev/null and b/arc-firefox-theme/chrome/global/scale/scale-tray-horiz.gif differ diff --git a/arc-firefox-theme/chrome/global/scale/scale-tray-vert.gif b/arc-firefox-theme/chrome/global/scale/scale-tray-vert.gif new file mode 100644 index 0000000..97687b2 Binary files /dev/null and b/arc-firefox-theme/chrome/global/scale/scale-tray-vert.gif differ diff --git a/arc-firefox-theme/chrome/global/textbox.css b/arc-firefox-theme/chrome/global/textbox.css index 5cf4ece..9e75e0c 100644 --- a/arc-firefox-theme/chrome/global/textbox.css +++ b/arc-firefox-theme/chrome/global/textbox.css @@ -90,58 +90,3 @@ textbox.plain html|*.textbox-textarea { toolbarpaletteitem > toolbaritem > textbox > .textbox-input-box > html|*.textbox-input { visibility: hidden; } - -/* ::::: context menu ::::: */ - -menuitem:not([type]) { - -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic"); -} - -menuitem[cmd="cmd_undo"] { - list-style-image: url("moz-icon://stock/gtk-undo?size=menu"); -} - -menuitem[cmd="cmd_undo"][disabled] { - list-style-image: url("moz-icon://stock/gtk-undo?size=menu&state=disabled"); -} - -menuitem[cmd="cmd_cut"] { - list-style-image: url("moz-icon://stock/gtk-cut?size=menu"); -} - -menuitem[cmd="cmd_cut"][disabled] { - list-style-image: url("moz-icon://stock/gtk-cut?size=menu&state=disabled"); -} - -menuitem[cmd="cmd_copy"] { - list-style-image: url("moz-icon://stock/gtk-copy?size=menu"); -} - -menuitem[cmd="cmd_copy"][disabled] { - list-style-image: url("moz-icon://stock/gtk-copy?size=menu&state=disabled"); -} - -menuitem[cmd="cmd_paste"] { - list-style-image: url("moz-icon://stock/gtk-paste?size=menu"); -} - -menuitem[cmd="cmd_paste"][disabled] { - list-style-image: url("moz-icon://stock/gtk-paste?size=menu&state=disabled"); -} - -menuitem[cmd="cmd_delete"] { - list-style-image: url("moz-icon://stock/gtk-delete?size=menu"); -} - -menuitem[cmd="cmd_delete"][disabled] { - list-style-image: url("moz-icon://stock/gtk-delete?size=menu&state=disabled"); -} - -menuitem[cmd="cmd_selectAll"] { - list-style-image: url("moz-icon://stock/gtk-select-all?size=menu"); -} - -menuitem[cmd="cmd_selectAll"][disabled] { - list-style-image: url("moz-icon://stock/gtk-select-all?size=menu&state=disabled"); -} - diff --git a/arc-firefox-theme/chrome/global/timepicker.css b/arc-firefox-theme/chrome/global/timepicker.css new file mode 100644 index 0000000..e8d081b --- /dev/null +++ b/arc-firefox-theme/chrome/global/timepicker.css @@ -0,0 +1,153 @@ +/* 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/. */ + +:root { + --font-size-default: 1.1rem; + --spinner-width: 3rem; + --spinner-margin-top-bottom: 0.4rem; + --spinner-item-height: 2.4rem; + --spinner-item-margin-bottom: 0.1rem; + --spinner-button-height: 1.2rem; + --colon-width: 2rem; + --day-period-spacing-width: 1rem; + + --border: 0.1rem solid #D6D6D6; + --border-radius: 0.3rem; + + --font-color: #191919; + --fill-color: #EBEBEB; + + --selected-font-color: #FFFFFF; + --selected-fill-color: #0996F8; + + --button-font-color: #858585; + --button-font-color-hover: #4D4D4D; + --button-font-color-active: #191919; + + --disabled-opacity: 0.2; +} + +html { + font-size: 10px; +} + +body { + margin: 0; + color: var(--font-color); + font-size: var(--font-size-default); +} + +#time-picker { + display: flex; + flex-direction: row; + justify-content: space-around; +} + +.spinner-container { + font-family: sans-serif; + display: flex; + flex-direction: column; + width: var(--spinner-width); +} + +.spinner-container > button { + -moz-appearance: none; + border: none; + background: none; + background-color: var(--button-font-color); + height: var(--spinner-button-height); +} + +.spinner-container > button:hover { + background-color: var(--button-font-color-hover); +} + +.spinner-container > button.active { + background-color: var(--button-font-color-active); +} + +.spinner-container > button.up { + mask: url("chrome://global/skin/icons/find-arrows.svg#glyph-find-previous") no-repeat 50% 50%; +} + +.spinner-container > button.down { + mask: url("chrome://global/skin/icons/find-arrows.svg#glyph-find-next") no-repeat 50% 50%; +} + +.spinner-container.hide-buttons > button { + visibility: hidden; +} + +.spinner-container > .spinner { + position: relative; + width: 100%; + margin: var(--spinner-margin-top-bottom) 0; + cursor: default; + overflow-y: scroll; + scroll-snap-type: mandatory; + scroll-snap-points-y: repeat(100%); +} + +.spinner-container > .spinner > div { + box-sizing: border-box; + position: relative; + text-align: center; + padding: calc((var(--spinner-item-height) - var(--font-size-default)) / 2) 0; + margin-bottom: var(--spinner-item-margin-bottom); + height: var(--spinner-item-height); + -moz-user-select: none; + scroll-snap-coordinate: 0 0; +} + +.spinner-container > .spinner > div:hover::before { + background: var(--fill-color); + border: var(--border); + border-radius: var(--border-radius); + content: ""; + position: absolute; + top: 0%; + bottom: 0%; + left: 0%; + right: 0%; + z-index: -10; +} + +.spinner-container > .spinner:not(.scrolling) > div.selection { + color: var(--selected-font-color); +} + +.spinner-container > .spinner > div.selection::before { + background: var(--selected-fill-color); + border: none; + border-radius: var(--border-radius); + content: ""; + position: absolute; + top: 0%; + bottom: 0%; + left: 0%; + right: 0%; + z-index: -10; +} + +.spinner-container > .spinner > div.disabled::before, +.spinner-container > .spinner.scrolling > div.selection::before, +.spinner-container > .spinner.scrolling > div:hover::before { + display: none; +} + +.spinner-container > .spinner > div.disabled { + opacity: var(--disabled-opacity); +} + +.colon { + display: flex; + justify-content: center; + align-items: center; + width: var(--colon-width); + margin-bottom: 0.3rem; +} + +.spacer { + width: var(--day-period-spacing-width); +} \ No newline at end of file diff --git a/arc-firefox-theme/chrome/global/tree.css b/arc-firefox-theme/chrome/global/tree.css index 1002847..2fb50da 100644 --- a/arc-firefox-theme/chrome/global/tree.css +++ b/arc-firefox-theme/chrome/global/tree.css @@ -193,10 +193,6 @@ treechildren::-moz-tree-progressmeter { color: ThreeDShadow; } -treechildren::-moz-tree-progressmeter(progressUndetermined) { - list-style-image: url("chrome://global/skin/progressmeter/progressmeter-busy.gif"); -} - treechildren::-moz-tree-cell-text(progressmeter) { margin: 2px 4px; } @@ -345,6 +341,17 @@ treechildren::-moz-tree-cell-text(selected, editing) { color: inherit; } +treechildren::-moz-tree-cell(active, selected, focus, editing), +tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, focus, editing), +tree[seltype="text"] > treechildren::-moz-tree-cell(active, selected, focus, editing) { + background-color: transparent; + border: none; +} + +treechildren::-moz-tree-cell-text(active, selected, editing) { + opacity: 0; +} + .tree-input { -moz-appearance: none; border: 1px solid Highlight; -- cgit v1.2.3