From 7729765cff651b4f095a18d7b76fa5b112150216 Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Sun, 3 Jul 2016 22:02:20 +0200 Subject: [PATCH] sync both themes with toolkit windows theme changes in Mozilla 45-48 cycles --- EarlyBlue/communicator/certError.css | 4 +- EarlyBlue/communicator/sidebar/sidebar.css | 4 +- EarlyBlue/global/aboutCache.css | 4 + EarlyBlue/global/aboutNetworking.css | 124 ++++++++++++ EarlyBlue/global/aboutProfiles.css | 68 +++++++ EarlyBlue/global/aboutReaderContent.css | 4 +- EarlyBlue/global/aboutReaderControls.css | 56 +----- EarlyBlue/global/aboutSupport.css | 6 + EarlyBlue/global/alerts/alert-common.css | 16 ++ EarlyBlue/global/alerts/alert.css | 19 ++ EarlyBlue/global/autocomplete.css | 116 +++++------ EarlyBlue/global/button.css | 4 +- EarlyBlue/global/icons/blocked.svg | 13 ++ EarlyBlue/global/icons/info.svg | 8 + EarlyBlue/global/icons/webapps-16.png | Bin 191 -> 0 bytes EarlyBlue/global/icons/webapps-64.png | Bin 336 -> 0 bytes EarlyBlue/global/in-content/common.css | 40 ++-- EarlyBlue/global/in-content/help-glyph.svg | 27 ++- EarlyBlue/global/in-content/info-pages.css | 2 +- EarlyBlue/global/narrate.css | 11 ++ EarlyBlue/global/narrate/arrow.svg | 3 + EarlyBlue/global/narrate/back.svg | 15 ++ EarlyBlue/global/narrate/fast.svg | 3 + EarlyBlue/global/narrate/forward.svg | 15 ++ EarlyBlue/global/narrate/narrate.svg | 3 + EarlyBlue/global/narrate/slow.svg | 6 + EarlyBlue/global/narrate/start.svg | 3 + EarlyBlue/global/narrate/stop.svg | 3 + EarlyBlue/global/narrateControls.css | 184 ++++++++++++++++++ EarlyBlue/global/passwordmgr.css | 13 ++ EarlyBlue/global/reader/RM-Add-24x24.svg | 7 - EarlyBlue/global/reader/RM-Delete-24x24.svg | 7 - .../global/reader/RM-Reading-List-24x24.svg | 12 -- EarlyBlue/global/tree.css | 4 +- EarlyBlue/global/tree/twisty-closed.gif | Bin 77 -> 0 bytes EarlyBlue/global/tree/twisty-open.gif | Bin 76 -> 0 bytes EarlyBlue/global/tree/twisty.svg | 35 ++++ EarlyBlue/messenger/messageHeader.css | 8 +- EarlyBlue/mozapps/extensions/about.css | 2 +- .../mozapps/extensions/alerticon-error.svg | 6 + .../extensions/alerticon-info-negative.svg | 6 + .../extensions/alerticon-info-positive.svg | 6 + .../mozapps/extensions/alerticon-warning.svg | 6 + .../extensions/category-searchengines.png | Bin 322 -> 0 bytes EarlyBlue/mozapps/extensions/eula.css | 2 +- .../mozapps/extensions/extensionGeneric.png | Bin 250 -> 0 bytes .../mozapps/extensions/extensionGeneric.svg | 12 ++ EarlyBlue/mozapps/extensions/extensions.css | 46 +++-- EarlyBlue/mozapps/extensions/newaddon.css | 24 +-- EarlyBlue/mozapps/extensions/selectAddons.css | 168 ---------------- .../mozapps/extensions/xpinstallConfirm.css | 2 +- EarlyBlue/navigator/navigator.css | 2 +- LCARStrek/browser/pageInfo.css | 4 +- .../browser/preferences/aboutPermissions.css | 2 +- LCARStrek/browser/sanitizeDialog.css | 4 +- LCARStrek/communicator/certError.css | 4 +- LCARStrek/communicator/sidebar/sidebar.css | 4 +- .../devtools/projecteditor/projecteditor.css | 4 +- LCARStrek/global/aboutCache.css | 4 + LCARStrek/global/aboutNetworking.css | 125 ++++++++++++ LCARStrek/global/aboutProfiles.css | 68 +++++++ LCARStrek/global/aboutReaderContent.css | 4 +- LCARStrek/global/aboutReaderControls.css | 56 +----- LCARStrek/global/aboutSupport.css | 6 + LCARStrek/global/alerts/alert-common.css | 16 ++ LCARStrek/global/alerts/alert.css | 19 ++ LCARStrek/global/autocomplete.css | 110 +++++------ LCARStrek/global/button.css | 4 +- LCARStrek/global/icons/blocked.svg | 13 ++ LCARStrek/global/icons/webapps-16.png | Bin 204 -> 0 bytes LCARStrek/global/icons/webapps-64.png | Bin 349 -> 0 bytes LCARStrek/global/in-content/common.css | 36 ++-- LCARStrek/global/in-content/help-glyph.svg | 27 ++- LCARStrek/global/narrate.css | 11 ++ LCARStrek/global/narrate/arrow.svg | 3 + LCARStrek/global/narrate/back.svg | 15 ++ LCARStrek/global/narrate/fast.svg | 3 + LCARStrek/global/narrate/forward.svg | 15 ++ LCARStrek/global/narrate/narrate.svg | 3 + LCARStrek/global/narrate/slow.svg | 6 + LCARStrek/global/narrate/start.svg | 3 + LCARStrek/global/narrate/stop.svg | 3 + LCARStrek/global/narrateControls.css | 184 ++++++++++++++++++ LCARStrek/global/passwordmgr.css | 13 ++ LCARStrek/global/reader/RM-Add-24x24.svg | 7 - LCARStrek/global/reader/RM-Delete-24x24.svg | 7 - .../global/reader/RM-Reading-List-24x24.svg | 12 -- LCARStrek/global/tree.css | 4 +- .../global/tree/twisty-closed-active.gif | Bin 58 -> 0 bytes .../global/tree/twisty-closed-rtl-active.gif | Bin 77 -> 0 bytes .../tree/twisty-closed-rtl-selected.gif | Bin 97 -> 0 bytes LCARStrek/global/tree/twisty-closed-rtl.gif | Bin 97 -> 0 bytes .../global/tree/twisty-closed-selected.gif | Bin 77 -> 0 bytes LCARStrek/global/tree/twisty-closed.gif | Bin 77 -> 0 bytes LCARStrek/global/tree/twisty-open-active.gif | Bin 56 -> 0 bytes .../global/tree/twisty-open-selected.gif | Bin 76 -> 0 bytes LCARStrek/global/tree/twisty-open.gif | Bin 76 -> 0 bytes LCARStrek/global/tree/twisty.svg | 35 ++++ LCARStrek/messenger/messageHeader.css | 8 +- LCARStrek/mozapps/extensions/about.css | 2 +- .../mozapps/extensions/alerticon-error.svg | 6 + .../extensions/alerticon-info-negative.svg | 6 + .../extensions/alerticon-info-positive.svg | 6 + .../mozapps/extensions/alerticon-warning.svg | 6 + .../extensions/category-searchengines.png | Bin 318 -> 0 bytes LCARStrek/mozapps/extensions/eula.css | 2 +- .../mozapps/extensions/extensionGeneric.png | Bin 263 -> 0 bytes .../mozapps/extensions/extensionGeneric.svg | 12 ++ LCARStrek/mozapps/extensions/extensions.css | 46 +++-- LCARStrek/mozapps/extensions/newaddon.css | 24 +-- LCARStrek/mozapps/extensions/selectAddons.css | 169 ---------------- .../mozapps/extensions/xpinstallConfirm.css | 2 +- .../places/defaultFavicon-inverted.png | Bin 0 -> 197 bytes .../places/defaultFavicon-inverted@2x.png | Bin 0 -> 271 bytes LCARStrek/navigator/navigator.css | 2 +- 115 files changed, 1505 insertions(+), 749 deletions(-) create mode 100644 EarlyBlue/global/aboutNetworking.css create mode 100644 EarlyBlue/global/aboutProfiles.css create mode 100644 EarlyBlue/global/icons/blocked.svg create mode 100644 EarlyBlue/global/icons/info.svg delete mode 100644 EarlyBlue/global/icons/webapps-16.png delete mode 100644 EarlyBlue/global/icons/webapps-64.png create mode 100644 EarlyBlue/global/narrate.css create mode 100644 EarlyBlue/global/narrate/arrow.svg create mode 100644 EarlyBlue/global/narrate/back.svg create mode 100644 EarlyBlue/global/narrate/fast.svg create mode 100644 EarlyBlue/global/narrate/forward.svg create mode 100644 EarlyBlue/global/narrate/narrate.svg create mode 100644 EarlyBlue/global/narrate/slow.svg create mode 100644 EarlyBlue/global/narrate/start.svg create mode 100644 EarlyBlue/global/narrate/stop.svg create mode 100644 EarlyBlue/global/narrateControls.css delete mode 100644 EarlyBlue/global/reader/RM-Add-24x24.svg delete mode 100644 EarlyBlue/global/reader/RM-Delete-24x24.svg delete mode 100644 EarlyBlue/global/reader/RM-Reading-List-24x24.svg delete mode 100644 EarlyBlue/global/tree/twisty-closed.gif delete mode 100644 EarlyBlue/global/tree/twisty-open.gif create mode 100644 EarlyBlue/global/tree/twisty.svg create mode 100644 EarlyBlue/mozapps/extensions/alerticon-error.svg create mode 100644 EarlyBlue/mozapps/extensions/alerticon-info-negative.svg create mode 100644 EarlyBlue/mozapps/extensions/alerticon-info-positive.svg create mode 100644 EarlyBlue/mozapps/extensions/alerticon-warning.svg delete mode 100644 EarlyBlue/mozapps/extensions/category-searchengines.png delete mode 100644 EarlyBlue/mozapps/extensions/extensionGeneric.png create mode 100644 EarlyBlue/mozapps/extensions/extensionGeneric.svg delete mode 100644 EarlyBlue/mozapps/extensions/selectAddons.css create mode 100644 LCARStrek/global/aboutNetworking.css create mode 100644 LCARStrek/global/aboutProfiles.css create mode 100644 LCARStrek/global/icons/blocked.svg delete mode 100644 LCARStrek/global/icons/webapps-16.png delete mode 100644 LCARStrek/global/icons/webapps-64.png create mode 100644 LCARStrek/global/narrate.css create mode 100644 LCARStrek/global/narrate/arrow.svg create mode 100644 LCARStrek/global/narrate/back.svg create mode 100644 LCARStrek/global/narrate/fast.svg create mode 100644 LCARStrek/global/narrate/forward.svg create mode 100644 LCARStrek/global/narrate/narrate.svg create mode 100644 LCARStrek/global/narrate/slow.svg create mode 100644 LCARStrek/global/narrate/start.svg create mode 100644 LCARStrek/global/narrate/stop.svg create mode 100644 LCARStrek/global/narrateControls.css delete mode 100644 LCARStrek/global/reader/RM-Add-24x24.svg delete mode 100644 LCARStrek/global/reader/RM-Delete-24x24.svg delete mode 100644 LCARStrek/global/reader/RM-Reading-List-24x24.svg delete mode 100644 LCARStrek/global/tree/twisty-closed-active.gif delete mode 100644 LCARStrek/global/tree/twisty-closed-rtl-active.gif delete mode 100644 LCARStrek/global/tree/twisty-closed-rtl-selected.gif delete mode 100644 LCARStrek/global/tree/twisty-closed-rtl.gif delete mode 100644 LCARStrek/global/tree/twisty-closed-selected.gif delete mode 100644 LCARStrek/global/tree/twisty-closed.gif delete mode 100644 LCARStrek/global/tree/twisty-open-active.gif delete mode 100644 LCARStrek/global/tree/twisty-open-selected.gif delete mode 100644 LCARStrek/global/tree/twisty-open.gif create mode 100644 LCARStrek/global/tree/twisty.svg create mode 100644 LCARStrek/mozapps/extensions/alerticon-error.svg create mode 100644 LCARStrek/mozapps/extensions/alerticon-info-negative.svg create mode 100644 LCARStrek/mozapps/extensions/alerticon-info-positive.svg create mode 100644 LCARStrek/mozapps/extensions/alerticon-warning.svg delete mode 100644 LCARStrek/mozapps/extensions/category-searchengines.png delete mode 100644 LCARStrek/mozapps/extensions/extensionGeneric.png create mode 100644 LCARStrek/mozapps/extensions/extensionGeneric.svg delete mode 100644 LCARStrek/mozapps/extensions/selectAddons.css create mode 100644 LCARStrek/mozapps/places/defaultFavicon-inverted.png create mode 100644 LCARStrek/mozapps/places/defaultFavicon-inverted@2x.png diff --git a/EarlyBlue/communicator/certError.css b/EarlyBlue/communicator/certError.css index 36aa5126..fff1c42a 100644 --- a/EarlyBlue/communicator/certError.css +++ b/EarlyBlue/communicator/certError.css @@ -53,12 +53,12 @@ body[dir="rtl"] #errorPageContainer { -moz-padding-start: 20px; position: relative; left: -20px; - background: url("chrome://global/skin/tree/twisty-open-selected.gif") left center no-repeat; + background: url("chrome://global/skin/tree/twisty.svg#open-hover") left center no-repeat; } #technicalContent[collapsed] > h2, #expertContent[collapsed] > h2 { - background-image: url("chrome://global/skin/tree/twisty-closed-selected.gif"); + background-image: url("chrome://global/skin/tree/twisty.svg#clsd-hover"); } #technicalContent[collapsed] > p, diff --git a/EarlyBlue/communicator/sidebar/sidebar.css b/EarlyBlue/communicator/sidebar/sidebar.css index a3c74587..ea0325a9 100644 --- a/EarlyBlue/communicator/sidebar/sidebar.css +++ b/EarlyBlue/communicator/sidebar/sidebar.css @@ -101,7 +101,7 @@ .sbtab-twisty { margin: 2px 3px 0px; - list-style-image: url("chrome://global/skin/tree/twisty-closed.gif"); + list-style-image: url("chrome://global/skin/tree/twisty.svg#clsd"); } /* @@ -133,7 +133,7 @@ } .sbtab-twisty[selected="true"] { - list-style-image: url("chrome://global/skin/tree/twisty-open.gif"); + list-style-image: url("chrome://global/skin/tree/twisty.svg#open"); } /* ::::: sidebar navigation buttons ::::: */ diff --git a/EarlyBlue/global/aboutCache.css b/EarlyBlue/global/aboutCache.css index ed08f603..04b128b6 100644 --- a/EarlyBlue/global/aboutCache.css +++ b/EarlyBlue/global/aboutCache.css @@ -46,6 +46,10 @@ td { width: 13%; } +#col-pinned { + width: 5em; +} + #entries > tbody > tr:nth-child(odd) { background-color: #CCD0DD; } diff --git a/EarlyBlue/global/aboutNetworking.css b/EarlyBlue/global/aboutNetworking.css new file mode 100644 index 00000000..9b2eced8 --- /dev/null +++ b/EarlyBlue/global/aboutNetworking.css @@ -0,0 +1,124 @@ +/* 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/. */ + +@import url("chrome://global/skin/in-content/common.css"); + +html { + height: 100%; +} + +body { + display: flex; + align-items: stretch; + height: 100%; +} + +#sectionTitle { + float: left; +} + +#refreshDiv { + text-align: end; + margin-bottom: 0.5em; +} + +#refreshButton { + vertical-align: middle; +} + +/** Categories **/ + +.category { + cursor: pointer; + /* Center category names */ + display: flex; + align-items: center; +} + +.category .category-name { + pointer-events: none; +} + +#categories hr { + border-top-color: #9999CC; +} + +/** Warning container **/ + +/* XXX: a lot of this is duplicated from info-pages.css since that stylesheet + is incompatible with this type of layout */ +.warningBackground:not([hidden]) { + display: flex; +} + +.warningBackground { + flex-direction: column; + box-sizing: border-box; + min-height: 100vh; + align-items: center; + justify-content: center; + width: 100%; + height: 100%; + z-index: 10; + top: 0; + left: 0; + position: fixed; + background: var(--in-content-page-background); +} + +.title { + position: relative; + border-bottom: 1px solid var(--in-content-box-border-color); + margin-bottom: 1em; + padding-bottom: 0.5em; +} + +.title::before { + content: ""; + left: -2.3em; + top: 0; + position: absolute; + display: block; + width: 1.6em; + height: 1.6em; + background: url("chrome://global/skin/icons/warning.svg") no-repeat left center; + background-size: 1.6em; +} + +.warningBackground button { + margin-top: 1em; + margin-left: 0; + min-width: 100px; +} + +/** Content area **/ + +.main-content { + flex: 1; +} + +.tab { + padding: 0.5em 0; +} + +.tab table { + border: 1; + width: 100%; +} + +th, td, table { + border-collapse: collapse; + border: none; + text-align: start; +} + +th { + padding-bottom: 0.5em; + font-size: larger; +} + +td { + padding-bottom: 0.25em; + border-bottom: 1px solid var(--in-content-box-border-color); +} diff --git a/EarlyBlue/global/aboutProfiles.css b/EarlyBlue/global/aboutProfiles.css new file mode 100644 index 00000000..5a3479af --- /dev/null +++ b/EarlyBlue/global/aboutProfiles.css @@ -0,0 +1,68 @@ +/* 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/. */ + +html { + --aboutProfiles-table-background: #FFFFFF; + background-color: var(--in-content-page-background); +} + +body { + margin: 40px 48px; +} + +.page-subtitle { + margin-bottom: 3em; +} + +button { + -moz-margin-start: 0; + -moz-margin-end: 8px; +} + +table { + background-color: var(--aboutProfiles-table-background); + color: var(--in-content-text-color); + font: message-box; + text-align: start; + width: 100%; + border: 1px solid var(--in-content-border-color); + border-spacing: 0px; +} + +th, td { + border: 1px solid var(--in-content-border-color); + padding: 4px; + text-align: start; +} + +th { + background-color: var(--in-content-table-header-background); + color: var(--in-content-selected-text); +} + +th.column { + white-space: nowrap; + width: 0px; +} + +td { + border-color: var(--in-content-table-border-dark-color); +} + +#action-box { + background-color: var(--aboutProfiles-table-background); + border: 1px solid var(--in-content-border-color); + color: var(--in-content-text-color); + float: right; + margin-top: 2em; + margin-bottom: 20px; + -moz-margin-start: 20px; + -moz-margin-end: 0; + padding: 16px; + width: 30%; +} + +#action-box:-moz-dir(rtl) { + float: left; +} diff --git a/EarlyBlue/global/aboutReaderContent.css b/EarlyBlue/global/aboutReaderContent.css index 84127513..94972c54 100644 --- a/EarlyBlue/global/aboutReaderContent.css +++ b/EarlyBlue/global/aboutReaderContent.css @@ -55,7 +55,9 @@ ol, li, figure, .wp-caption { - margin: 0 0 30px 0; + margin: -10px -10px 20px -10px; + padding: 10px; + border-radius: 5px; } p > img:only-child, diff --git a/EarlyBlue/global/aboutReaderControls.css b/EarlyBlue/global/aboutReaderControls.css index 005a3b9b..4b8a40eb 100644 --- a/EarlyBlue/global/aboutReaderControls.css +++ b/EarlyBlue/global/aboutReaderControls.css @@ -120,7 +120,7 @@ padding: 0; } -/*======= Font style popup =======*/ +/*======= Popup =======*/ .dropdown-popup { min-width: 300px; @@ -136,6 +136,10 @@ box-shadow: 0 1px 12px #666; } +.keep-open .dropdown-popup { + z-index: initial; +} + .dropdown-popup > hr { display: none; } @@ -154,6 +158,8 @@ display: block; } +/*======= Font style popup =======*/ + #font-type-buttons, #font-size-buttons, #color-scheme-buttons { @@ -300,38 +306,8 @@ background-position: center; } -.footer { - height: 64px; - background-color: #ebebeb; - position: absolute; - left: 0; - width: 100%; - text-align: center; - padding: 12px 0; - box-sizing: border-box; - box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.35) inset; -} - -.remove-button { - background-image: url("chrome://global/skin/reader/RM-Delete-24x24.svg"); - margin: 0 auto; - border: 1px solid #c1c1c1; - background-position: 10px 7px; - padding-left: 42px; - padding-right: 10px; - border-radius: 2px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); - font-size: 18px; -} - - /*======= Toolbar icons =======*/ -/* Android-only controls */ -.share-button { - display: none; -} - .close-button { background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close"); height: 68px; @@ -356,21 +332,6 @@ background-image: url("chrome://global/skin/reader/RM-Type-Controls-24x24.svg"); } -.toggle-button.on { - background-image: url("chrome://global/skin/reader/RM-Delete-24x24.svg"); -} - -.toggle-button { - background-image: url("chrome://global/skin/reader/RM-Add-24x24.svg"); -} - -.list-button { - background-image: url("chrome://global/skin/reader/RM-Reading-List-24x24.svg"); -} -.list-button.on { - background-color: #d9d9d9; -} - .minus-button { background-image: url("chrome://global/skin/reader/RM-Minus-24x24.svg"); } @@ -391,7 +352,4 @@ .toolbar { display: none !important; } - .footer { - display: none !important; - } } diff --git a/EarlyBlue/global/aboutSupport.css b/EarlyBlue/global/aboutSupport.css index 6e805322..63408cf3 100644 --- a/EarlyBlue/global/aboutSupport.css +++ b/EarlyBlue/global/aboutSupport.css @@ -56,6 +56,12 @@ th { color: var(--in-content-selected-text); } +th.title-column { + white-space: nowrap; + width: 0px; + font-size: medium; +} + th.column { white-space: nowrap; width: 0px; diff --git a/EarlyBlue/global/alerts/alert-common.css b/EarlyBlue/global/alerts/alert-common.css index 546534a4..943f66f6 100644 --- a/EarlyBlue/global/alerts/alert-common.css +++ b/EarlyBlue/global/alerts/alert-common.css @@ -53,6 +53,22 @@ } } +#alertIcon { + margin-top: 6px; + margin-inline-start: 8px; + margin-inline-end: 0; + margin-bottom: 0; + width: 16px; + min-height: 16px; + max-height: 16px; +} + +@media (resolution: 2dppx) { + #alertIcon { + image-rendering: -moz-crisp-edges; + } +} + #alertImage { width: 80px; height: 80px; diff --git a/EarlyBlue/global/alerts/alert.css b/EarlyBlue/global/alerts/alert.css index db14f791..cb09925b 100644 --- a/EarlyBlue/global/alerts/alert.css +++ b/EarlyBlue/global/alerts/alert.css @@ -10,6 +10,11 @@ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +#alertNotification { + -moz-appearance: none; + background: transparent; +} + #alertBox { border: 1px solid #666699; border-radius: 1px; @@ -21,3 +26,17 @@ list-style-image: url("chrome://global/skin/icons/close-button.gif"); padding: 4px 2px; } + +.alertCloseBox { + /* The close button is larger on Windows and has a large + circle around it, so we add more space between the close + button and the edge of the window. */ +/* margin-inline-end: 2px;*/ +} + +#alertSettings { + /* The close button is larger on Windows, so the + gear button is moved over to accomodate it and + keep the two buttons horizontally aligned together. */ +/* margin-inline-end: 5px;*/ +} diff --git a/EarlyBlue/global/autocomplete.css b/EarlyBlue/global/autocomplete.css index 4ca30ee0..4cba2cba 100644 --- a/EarlyBlue/global/autocomplete.css +++ b/EarlyBlue/global/autocomplete.css @@ -112,90 +112,76 @@ panel[type="autocomplete-richlistbox"], overflow-x: hidden !important; } -.autocomplete-richlistitem { - padding: 1px 2px; -} - -.autocomplete-richlistitem[selected="true"] { - background-color: #336699; - color: white; -} - -.autocomplete-richlistitem:not(:first-child) { - border-top: 1px solid #666699; -} - -.ac-title-box { -} - -.ac-url-box { - /* When setting a vertical margin here, half of that needs to be added - .ac-title-box's translateY for when .ac-url-box is hidden (see below). */ -/* margin: 1px 0 4px;*/ -} - -.autocomplete-richlistitem[actiontype="keyword"] .ac-url-box, -.autocomplete-richlistitem[actiontype="searchengine"] .ac-url-box, -.autocomplete-richlistitem[actiontype="visiturl"] .ac-url-box, -.autocomplete-richlistitem[type~="autofill"] .ac-url-box { - visibility: hidden; -} - -.autocomplete-richlistitem[actiontype="keyword"] .ac-title-box, -.autocomplete-richlistitem[actiontype="searchengine"] .ac-title-box, -.autocomplete-richlistitem[actiontype="visiturl"] .ac-title-box, -.autocomplete-richlistitem[type~="autofill"] .ac-title-box { - /* Center the title by moving it down by half of .ac-url-box's height, - including vertical margins (if any). */ -/* transform: translateY(calc(.5em + 2px));*/ - transform: translateY(calc(.5em)); -} - -.ac-site-icon { +.ac-type-icon { width: 16px; height: 16px; - margin-top: 0; - margin-bottom: -3px; - -moz-margin-start: 3px; - -moz-margin-end: 5px; + max-width: 16px; + max-height: 16px; + -moz-margin-start: 14px; + -moz-margin-end: 6px; } -.ac-type-icon { +.ac-site-icon { width: 16px; height: 16px; + max-width: 16px; + max-height: 16px; + -moz-margin-start: 0px; + -moz-margin-end: 11px; + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); } - -.ac-extra > .ac-result-type-tag { - margin: 0 4px; +/* +.ac-site-icon[selected] { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon-inverted.png"); +} +*/ +@media (min-resolution: 1.1dppx) { + .ac-site-icon { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon@2x.png"); + } + /* + .ac-site-icon[selected] { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon-inverted@2x.png"); + } + */ } -.ac-extra > .ac-comment { - -moz-padding-end: 4px; +.ac-title { + -moz-margin-start: 0; + -moz-margin-end: 6px; } -.ac-ellipsis-after { - margin: 2px 0px 0px !important; - padding: 0; - min-width: 1em; +html|span.ac-tag { + -moz-margin-start: 0; + -moz-margin-end: 2px; } -.ac-normal-text { - margin: 2px 0px 0px !important; - padding: 0; +.ac-tags { + -moz-margin-start: 0; + -moz-margin-end: 4px; } -.ac-normal-text > html|span { - margin: 0 !important; - padding: 0; +.ac-separator { + -moz-margin-start: 0; + -moz-margin-end: 6px; } -html|span.ac-emphasize-text { - font-weight: bold; - text-decoration: underline; +/* Better align the URL/action with the title. */ +.ac-tags, +.ac-separator, +.ac-url, +.ac-action { + margin-bottom: -2px; } -.ac-title, .ac-url { - overflow: hidden; +.ac-title-text, +.ac-tags-text, +.ac-separator-text, +.ac-url-text, +.ac-action-text, +.ac-text-overflow-container { + padding: 0 !important; + margin: 0 !important; } /* ::::: textboxes inside toolbarpaletteitems ::::: */ diff --git a/EarlyBlue/global/button.css b/EarlyBlue/global/button.css index a49f0bee..f2d02f87 100644 --- a/EarlyBlue/global/button.css +++ b/EarlyBlue/global/button.css @@ -137,13 +137,13 @@ button[type="disclosure"] { border: 0px !important; margin: 0px !important; padding: 0px !important; - list-style-image: url("chrome://global/skin/tree/twisty-closed.gif"); + list-style-image: url("chrome://global/skin/tree/twisty.svg#clsd"); min-width: 0px !important; background-color: transparent; } button[type="disclosure"][open="true"] { - list-style-image: url("chrome://global/skin/tree/twisty-open.gif"); + list-style-image: url("chrome://global/skin/tree/twisty.svg#open"); } /* ::::: xhtml buttons ::::: */ diff --git a/EarlyBlue/global/icons/blocked.svg b/EarlyBlue/global/icons/blocked.svg new file mode 100644 index 00000000..b7d16300 --- /dev/null +++ b/EarlyBlue/global/icons/blocked.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + diff --git a/EarlyBlue/global/icons/info.svg b/EarlyBlue/global/icons/info.svg new file mode 100644 index 00000000..4bbd0e93 --- /dev/null +++ b/EarlyBlue/global/icons/info.svg @@ -0,0 +1,8 @@ + + + + + + diff --git a/EarlyBlue/global/icons/webapps-16.png b/EarlyBlue/global/icons/webapps-16.png deleted file mode 100644 index 9fd2bef9aafeb3d97043939caa52270379944d43..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 191 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!93?!50ihlx9oB=)|t_%$6GiRRpKa+v8_pBpO zkg+7lFPOpM*^M+1C&}C0g`tC0)&r!xz$3Dlfq`2Xgc%uT&5-~KvX^-Jy0YKp6caMF z7VDe*9w?;m>Eal|aXmSKf!U2+;-D0Rii=A^O9saT4qjHTwl*sT;l_0ihZvW%u54uV bVqj$WX3HMQB)?@fP%DF{tDnm{r-UW|f0He9 diff --git a/EarlyBlue/global/icons/webapps-64.png b/EarlyBlue/global/icons/webapps-64.png deleted file mode 100644 index beef31ccd19b8050c3faea8fcaa5efa16a26c27d..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 336 zcmeAS@N?(olHy`uVBq!ia0vp^4j|0L3?#3!&-4XSJOMr-uBp1||7S8ZG&H28%{1#0 zcmfn>ED7=pW^j0RBMrn!@^*J&=wOxg0CG4BJR*x37`TN&n2}-D90{Nxdx@v7EBjqe zF(EUh$P*cFfI@pcT^vI!PT##`$aUC&hc$qG^3C9L$?^xCYdp(e2)_DU@+rpUYDb8R z(2?BhS*H)zuzs9tJ@W#ui$TMR{kBP$1v_ea1O^|DB5K2UHG&3=b`r(>KZmUPyfD%ar2Xi$C9)9ES!{>XK?U+WZ$x%MQbk0f+#n} zzqLD-WxZwn@KmB9|MUjeC7n(##+*-lD*d>g*`)KnUX-Y%+Iw*7BfA5eqzt0BUwN`` auK3HYsOyd|W_$vAgu&C*&t;ucLK6V_EPI>) diff --git a/EarlyBlue/global/in-content/common.css b/EarlyBlue/global/in-content/common.css index 5bdb0b77..64c51069 100644 --- a/EarlyBlue/global/in-content/common.css +++ b/EarlyBlue/global/in-content/common.css @@ -39,9 +39,6 @@ ---in-content-primary-button-background-active: #006b9d; --in-content-table-border-dark-color: #9999CC; --in-content-table-header-background: #666699; - ---in-content-help-button-background: #ffcb00; - ---in-content-help-button-background-hover: #f4c200; - ---in-content-help-button-background-active: #eaba00; --in-content-disabled-text: #999999; } @@ -106,7 +103,7 @@ xul|groupbox { font-size: 1.25rem; } -xul|groupbox xul|label, +xul|groupbox xul|label:not(.menu-accel):not(.menu-text), xul|groupbox xul|description { / !important needed to override toolkit !important rule / -moz-margin-start: 0 !important; @@ -210,7 +207,6 @@ html|button:disabled, xul|button[disabled="true"], xul|colorpicker[type="button"][disabled="true"], xul|menulist[disabled="true"] { - cursor: not-allowed; border: 1px outset var(--in-content-box-border-color); color: var(--in-content-disabled-text); } @@ -259,23 +255,25 @@ xul|button[type="menu"] > xul|*.button-box > xul|*.button-menu-dropmarker { } xul|*.help-button { - min-width: 30px; - border-radius: 2px; + min-width: 16px; + margin-inline-end: 0; border-width: 0; - background-color: var(--in-content-help-button-background); background-image: none; box-shadow: none; - list-style-image: url("chrome://global/skin/in-content/help-glyph.svg"); + list-style-image: url("chrome://global/skin/in-content/help-glyph.svg#help"); } xul|*.help-button:not([disabled="true"]):hover { - background-color: var(--in-content-help-button-background-hover); background-image: none; + / Override default button background / + background-color: transparent; + list-style-image: url("chrome://global/skin/in-content/help-glyph.svg#help-hover"); } - xul|*.help-button:not([disabled="true"]):hover:active { - background-color: var(--in-content-help-button-background-active); background-image: none; + / Override default button background / + background-color: transparent; + list-style-image: url("chrome://global/skin/in-content/help-glyph.svg#help-pressed"); } xul|*.close-icon > xul|*.button-box, @@ -287,8 +285,8 @@ xul|*.help-button > xul|*.button-box { } xul|*.help-button > xul|*.button-box > xul|*.button-icon { - width: 18px; - height: 18px; + width: 16px; + height: 16px; } xul|*.help-button > xul|*.button-box > xul|*.button-text { @@ -477,7 +475,9 @@ html|a:hover:active, /* / Hide the actual checkbox / html|input[type="checkbox"] { - visibility: hidden; + opacity: 0; + width: 0; + pointer-events: none; position: absolute; } @@ -599,7 +599,8 @@ xul|*.radio-label-box { background-color: var(--in-content-category-background-hover); } -*|*.category[selected] { +*|*.category[selected], +*|*.category.selected { background-color: var(--in-content-category-background-active); color: var(--in-content-category-text-selected); -moz-padding-start: 11px; /* compensate the 4px border */ @@ -632,6 +633,7 @@ xul|*.radio-label-box { border-bottom: 1px solid var(--in-content-header-border-color); margin-bottom: 15px; padding-bottom: 15px; + -moz-box-align: baseline; } *|*.header-name { @@ -740,6 +742,10 @@ xul|treecols { padding: 0; } +.autocomplete-tree > xul|treecols { + border-bottom: none !important; +} + xul|treecol:not([hideheader="true"]), xul|treecolpicker { -moz-appearance: none; @@ -822,4 +828,4 @@ xul|*.checkbox-icon { .inline-link:-moz-focusring { border: 1px dotted -moz-DialogText; } -*/ \ No newline at end of file +*/ diff --git a/EarlyBlue/global/in-content/help-glyph.svg b/EarlyBlue/global/in-content/help-glyph.svg index 1645bd9a..27b6bac8 100644 --- a/EarlyBlue/global/in-content/help-glyph.svg +++ b/EarlyBlue/global/in-content/help-glyph.svg @@ -1,7 +1,28 @@ - - - + + + + + + + + + + + + + diff --git a/EarlyBlue/global/in-content/info-pages.css b/EarlyBlue/global/in-content/info-pages.css index 69ed5a59..0b574587 100644 --- a/EarlyBlue/global/in-content/info-pages.css +++ b/EarlyBlue/global/in-content/info-pages.css @@ -31,7 +31,7 @@ body { /* Typography */ .title { - background-image: url("chrome://browser/skin/aboutNetError_info.svg"); + background-image: url("chrome://global/skin/icons/info.svg"); background-position: left 0; background-repeat: no-repeat; background-size: 1.6em; diff --git a/EarlyBlue/global/narrate.css b/EarlyBlue/global/narrate.css new file mode 100644 index 00000000..3aa8a8a6 --- /dev/null +++ b/EarlyBlue/global/narrate.css @@ -0,0 +1,11 @@ +body.light .narrating { + background-color: #ffc; +} + +body.sepia .narrating { + background-color: #e0d7c5; +} + +body.dark .narrating { + background-color: #242424; +} diff --git a/EarlyBlue/global/narrate/arrow.svg b/EarlyBlue/global/narrate/arrow.svg new file mode 100644 index 00000000..2fb21417 --- /dev/null +++ b/EarlyBlue/global/narrate/arrow.svg @@ -0,0 +1,3 @@ + + + diff --git a/EarlyBlue/global/narrate/back.svg b/EarlyBlue/global/narrate/back.svg new file mode 100644 index 00000000..d29586e3 --- /dev/null +++ b/EarlyBlue/global/narrate/back.svg @@ -0,0 +1,15 @@ + + + + + + + + diff --git a/EarlyBlue/global/narrate/fast.svg b/EarlyBlue/global/narrate/fast.svg new file mode 100644 index 00000000..cd25a6a0 --- /dev/null +++ b/EarlyBlue/global/narrate/fast.svg @@ -0,0 +1,3 @@ + + + diff --git a/EarlyBlue/global/narrate/forward.svg b/EarlyBlue/global/narrate/forward.svg new file mode 100644 index 00000000..53e64e95 --- /dev/null +++ b/EarlyBlue/global/narrate/forward.svg @@ -0,0 +1,15 @@ + + + + + + + + diff --git a/EarlyBlue/global/narrate/narrate.svg b/EarlyBlue/global/narrate/narrate.svg new file mode 100644 index 00000000..597b0a65 --- /dev/null +++ b/EarlyBlue/global/narrate/narrate.svg @@ -0,0 +1,3 @@ + + + diff --git a/EarlyBlue/global/narrate/slow.svg b/EarlyBlue/global/narrate/slow.svg new file mode 100644 index 00000000..1892b66e --- /dev/null +++ b/EarlyBlue/global/narrate/slow.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/EarlyBlue/global/narrate/start.svg b/EarlyBlue/global/narrate/start.svg new file mode 100644 index 00000000..95fa7131 --- /dev/null +++ b/EarlyBlue/global/narrate/start.svg @@ -0,0 +1,3 @@ + + + diff --git a/EarlyBlue/global/narrate/stop.svg b/EarlyBlue/global/narrate/stop.svg new file mode 100644 index 00000000..c017c578 --- /dev/null +++ b/EarlyBlue/global/narrate/stop.svg @@ -0,0 +1,3 @@ + + + diff --git a/EarlyBlue/global/narrateControls.css b/EarlyBlue/global/narrateControls.css new file mode 100644 index 00000000..dc24a4c9 --- /dev/null +++ b/EarlyBlue/global/narrateControls.css @@ -0,0 +1,184 @@ +:scope { + --border-color: #e5e5e5; +} + +#narrate-toggle { + background-image: url("chrome://global/skin/narrate/narrate.svg"); +} + +.dropdown-popup button { + background-color: transparent; +} + +.dropdown-popup button:hover:not(:disabled) { + background-color: #eaeaea; +} + +.narrate-row { + display: flex; + align-items: center; + min-height: 40px; + box-sizing: border-box; +} + +.narrate-row:not(:first-child) { + border-top: 1px solid var(--border-color); +} + +/* Control buttons */ + +#narrate-control > button { + background-size: 24px 24px; + background-repeat: no-repeat; + background-position: center center; + height: 64px; + width: 100px; + border: none; + color: #666; + box-sizing: border-box; +} + +#narrate-control > button:not(:first-child) { + border-left: 1px solid var(--border-color); +} + +#narrate-skip-previous { + border-top-left-radius: 3px; + background-image: url("chrome://global/skin/narrate/back.svg#enabled"); +} + +#narrate-skip-next { + border-top-right-radius: 3px; + background-image: url("chrome://global/skin/narrate/forward.svg#enabled"); +} + +#narrate-skip-previous:disabled { + background-image: url("chrome://global/skin/narrate/back.svg#disabled"); +} + +#narrate-skip-next:disabled { + background-image: url("chrome://global/skin/narrate/forward.svg#disabled"); +} + +#narrate-start-stop { + background-image: url("chrome://global/skin/narrate/start.svg"); +} + +#narrate-start-stop.speaking { + background-image: url("chrome://global/skin/narrate/stop.svg"); +} + +/* Rate control */ + +#narrate-rate::before, #narrate-rate::after { + content: ''; + width: 48px; + height: 40px; + background-position: center; + background-repeat: no-repeat; + background-size: 24px auto; +} + +#narrate-rate::before { + background-image: url("chrome://global/skin/narrate/slow.svg"); +} + +#narrate-rate::after { + background-image: url("chrome://global/skin/narrate/fast.svg"); +} + +#narrate-rate-input { + margin: 0 1px; + flex-grow: 1; +} + +#narrate-rate-input::-moz-range-track { + background-color: #979797; + height: 2px; +} + +#narrate-rate-input::-moz-range-progress { + background-color: #2EA3FF; + height: 2px; +} + +#narrate-rate-input::-moz-range-thumb { + background-color: #808080; + height: 16px; + width: 16px; + border-radius: 8px; + border-width: 0; +} + +#narrate-rate-input:active::-moz-range-thumb { + background-color: #2EA3FF; +} + +/* Voice selection */ + +.voiceselect { + width: 100%; +} + +.voiceselect > button.select-toggle, +.voiceselect > .options > button.option { + -moz-appearance: none; + border: none; + width: 100%; + min-height: 40px; +} + +.voiceselect.open > button.select-toggle { + border-bottom: 1px solid var(--border-color); +} + +.voiceselect > button.select-toggle::after { + content: ''; + background-image: url("chrome://global/skin/narrate/arrow.svg"); + background-position: center; + background-repeat: no-repeat; + background-size: 12px 12px; + display: inline-block; + width: 1.5em; + height: 1em; + vertical-align: middle; +} + +.voiceselect > .options > button.option:not(:first-child) { + border-top: 1px solid var(--border-color); +} + +.voiceselect > .options > button.option { + box-sizing: border-box; +} + +.voiceselect > .options:not(.hovering) > button.option:focus { + background-color: #eaeaea; +} + +.voiceselect > .options:not(.hovering) > button.option:hover:not(:focus) { + background-color: transparent; +} + +.voiceselect > .options > button.option::-moz-focus-inner { + outline: none; + border: 0; +} + +.voiceselect > .options { + display: none; + overflow-y: auto; +} + +.voiceselect.open > .options { + display: block; +} + +.current-voice { + color: #7f7f7f; +} + +.voiceselect:not(.open) > button, +.option:last-child { + border-radius: 0 0 3px 3px; +} diff --git a/EarlyBlue/global/passwordmgr.css b/EarlyBlue/global/passwordmgr.css index 814f34d3..d1de9953 100644 --- a/EarlyBlue/global/passwordmgr.css +++ b/EarlyBlue/global/passwordmgr.css @@ -11,3 +11,16 @@ .actionButtons { margin: 0px 3px 6px !important; } + +treechildren::-moz-tree-image(siteCol) { + list-style-image: url(chrome://mozapps/skin/places/defaultFavicon.png); + width: 16px; + height: 16px; + -moz-margin-end: 5px; +} + +@media (min-resolution: 1.1dppx) { + treechildren::-moz-tree-image(siteCol) { + list-style-image: url(chrome://mozapps/skin/places/defaultFavicon@2x.png); + } +} diff --git a/EarlyBlue/global/reader/RM-Add-24x24.svg b/EarlyBlue/global/reader/RM-Add-24x24.svg deleted file mode 100644 index 20713815..00000000 --- a/EarlyBlue/global/reader/RM-Add-24x24.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/EarlyBlue/global/reader/RM-Delete-24x24.svg b/EarlyBlue/global/reader/RM-Delete-24x24.svg deleted file mode 100644 index 0ed39830..00000000 --- a/EarlyBlue/global/reader/RM-Delete-24x24.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/EarlyBlue/global/reader/RM-Reading-List-24x24.svg b/EarlyBlue/global/reader/RM-Reading-List-24x24.svg deleted file mode 100644 index b43a8b89..00000000 --- a/EarlyBlue/global/reader/RM-Reading-List-24x24.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - diff --git a/EarlyBlue/global/tree.css b/EarlyBlue/global/tree.css index f9265dfe..eb04f8d2 100644 --- a/EarlyBlue/global/tree.css +++ b/EarlyBlue/global/tree.css @@ -313,12 +313,12 @@ treechildren::-moz-tree-twisty { -moz-padding-end: 2px; padding-top: 1px; width: 11px; /* The image's width is 11 pixels */ - list-style-image: url("chrome://global/skin/tree/twisty-closed.gif"); + list-style-image: url("chrome://global/skin/tree/twisty.svg#clsd"); } treechildren::-moz-tree-twisty(open) { width: 11px; /* The image's width is 11 pixels */ - list-style-image: url("chrome://global/skin/tree/twisty-open.gif"); + list-style-image: url("chrome://global/skin/tree/twisty.svg#open"); } treechildren::-moz-tree-indentation { diff --git a/EarlyBlue/global/tree/twisty-closed.gif b/EarlyBlue/global/tree/twisty-closed.gif deleted file mode 100644 index 34f0b3ee9b93071a30c05366439f3028694cee9b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 77 zcmZ?wbhEHbhC0|Ucq1^}hJ9hd+B diff --git a/EarlyBlue/global/tree/twisty-open.gif b/EarlyBlue/global/tree/twisty-open.gif deleted file mode 100644 index fe0da34db7b8342697cb3e4d0adfd4debd88bb16..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 76 zcmZ?wbhEHbhC0|Uc + + + + + + + + + + + + + + + + + diff --git a/EarlyBlue/messenger/messageHeader.css b/EarlyBlue/messenger/messageHeader.css index 0da04307..23b76b22 100644 --- a/EarlyBlue/messenger/messageHeader.css +++ b/EarlyBlue/messenger/messageHeader.css @@ -122,11 +122,11 @@ mail-urlfield { .addresstwisty { margin: 1px; - list-style-image: url("chrome://global/skin/tree/twisty-closed.gif"); + list-style-image: url("chrome://global/skin/tree/twisty.svg#clsd"); } .addresstwisty[open] { - list-style-image: url("chrome://global/skin/tree/twisty-open.gif"); + list-style-image: url("chrome://global/skin/tree/twisty.svg#open"); } /* ::::: view expand and collapse twisties ::::: */ @@ -138,11 +138,11 @@ mail-urlfield { } .expandHeaderViewButton { - list-style-image: url("chrome://global/skin/tree/twisty-open.gif"); + list-style-image: url("chrome://global/skin/tree/twisty.svg#open"); } .collapsedHeaderViewButton { - list-style-image: url("chrome://global/skin/tree/twisty-closed.gif"); + list-style-image: url("chrome://global/skin/tree/twisty.svg#clsd"); } /* ::::: collapsed view styles ::::: */ diff --git a/EarlyBlue/mozapps/extensions/about.css b/EarlyBlue/mozapps/extensions/about.css index 88dfc32b..567a634e 100644 --- a/EarlyBlue/mozapps/extensions/about.css +++ b/EarlyBlue/mozapps/extensions/about.css @@ -15,7 +15,7 @@ } #extensionIcon { - list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.svg"); max-width: 64px; max-height: 64px; -moz-margin-end: 6px; diff --git a/EarlyBlue/mozapps/extensions/alerticon-error.svg b/EarlyBlue/mozapps/extensions/alerticon-error.svg new file mode 100644 index 00000000..b6eeefa4 --- /dev/null +++ b/EarlyBlue/mozapps/extensions/alerticon-error.svg @@ -0,0 +1,6 @@ + + + + diff --git a/EarlyBlue/mozapps/extensions/alerticon-info-negative.svg b/EarlyBlue/mozapps/extensions/alerticon-info-negative.svg new file mode 100644 index 00000000..c7633e37 --- /dev/null +++ b/EarlyBlue/mozapps/extensions/alerticon-info-negative.svg @@ -0,0 +1,6 @@ + + + + diff --git a/EarlyBlue/mozapps/extensions/alerticon-info-positive.svg b/EarlyBlue/mozapps/extensions/alerticon-info-positive.svg new file mode 100644 index 00000000..a3d58c20 --- /dev/null +++ b/EarlyBlue/mozapps/extensions/alerticon-info-positive.svg @@ -0,0 +1,6 @@ + + + + diff --git a/EarlyBlue/mozapps/extensions/alerticon-warning.svg b/EarlyBlue/mozapps/extensions/alerticon-warning.svg new file mode 100644 index 00000000..75f5e730 --- /dev/null +++ b/EarlyBlue/mozapps/extensions/alerticon-warning.svg @@ -0,0 +1,6 @@ + + + + diff --git a/EarlyBlue/mozapps/extensions/category-searchengines.png b/EarlyBlue/mozapps/extensions/category-searchengines.png deleted file mode 100644 index 20da706aa1ebc99394517ec7a4dd5be98271e24b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 322 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnH3?%tPCZz)@#^NA%Cx&(BWL^R}oB=)|u3xq> zq@|rXbK$P9_k078ijp9|UYh7ML)50LT#kH}&M2El(I%s9FK&tae- zdx@v7EBh^WUVbad(xnR)0EJ{TLn2C?^K)}k^GbkR1_tM%)Wnk16ovB4k_-iRPv3wP zy;OFfc#WrvV~E7%seKy-n;m#q{2O09;EXvteZhnN2B8&g4CM(-AxoDYKRn}z@xBLX z`CA$r;wNftZJrg?e#vV$b97?4q-V77CB4e5`v>Or&;G`0Wq&f$e1-gzM{Nh^mc$#* z+wf3O^zqaUeC8diCVgUk#J-`z#w7p1j_1jSM?Qq#vy3#`mUii9AIO28u6{1-oD!M< D#yoL2 diff --git a/EarlyBlue/mozapps/extensions/eula.css b/EarlyBlue/mozapps/extensions/eula.css index 00554641..a505822e 100644 --- a/EarlyBlue/mozapps/extensions/eula.css +++ b/EarlyBlue/mozapps/extensions/eula.css @@ -1,5 +1,5 @@ #icon { - list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.svg"); max-width: 48px; max-height: 48px; -moz-margin-end: 6px; diff --git a/EarlyBlue/mozapps/extensions/extensionGeneric.png b/EarlyBlue/mozapps/extensions/extensionGeneric.png deleted file mode 100644 index 66893f9de245f16a5fd776923fb68d9c161aad9d..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 250 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnH3?%tPCZz)@&H$efR|bZFGZ*frrJX6OFzp2j zGL{7S1v5B2yO9RsBze2LFm$lWdVrJ{ctjR6FmMZlFeAgPITAoY_7YEDSN7{{9DM40 z`+mF>019P!x;TbNT<$$@%XdJ5gDv3DvhOb@8uU&s_P_Xr?`~v-Me4_Pm$|=m?V24} zW-PwrzoeMC4p@|{|lHs_yeagHR|nd?~3ZMNwC%4R8+lYvF*Xz>}nJC mDMi+@Ze08(pzq&rOZnP8Mms({WA+5v%HZkh=d#Wzp$P!cc2OJv diff --git a/EarlyBlue/mozapps/extensions/extensionGeneric.svg b/EarlyBlue/mozapps/extensions/extensionGeneric.svg new file mode 100644 index 00000000..0d33e8c5 --- /dev/null +++ b/EarlyBlue/mozapps/extensions/extensionGeneric.svg @@ -0,0 +1,12 @@ + + + + + + + + + + diff --git a/EarlyBlue/mozapps/extensions/extensions.css b/EarlyBlue/mozapps/extensions/extensions.css index 36c7fb71..ce48b8e3 100644 --- a/EarlyBlue/mozapps/extensions/extensions.css +++ b/EarlyBlue/mozapps/extensions/extensions.css @@ -7,6 +7,7 @@ .main-content { padding-top: 0; -moz-padding-end: 0; + padding-bottom: 0; } #nav-header { @@ -75,24 +76,23 @@ } .warning-icon { - list-style-image: url("chrome://global/skin/icons/warning-16.png"); + list-style-image: url("chrome://mozapps/skin/extensions/alerticon-warning.svg"); } .error-icon { - list-style-image: url("chrome://global/skin/icons/error-16.png"); + list-style-image: url("chrome://mozapps/skin/extensions/alerticon-error.svg"); } .pending-icon, .info-icon { - list-style-image: url("chrome://global/skin/icons/information-16.png"); + list-style-image: url("chrome://mozapps/skin/extensions/alerticon-info-positive.svg"); } .addon-view[pending="disable"] .pending-icon, .addon-view[pending="uninstall"] .pending-icon { - list-style-image: url("chrome://global/skin/icons/warning-16.png"); + list-style-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.svg"); } - /*** view alert boxes ***/ .alert-container { @@ -134,6 +134,9 @@ padding-right: 20px; } +button.warning { + list-style-image: url("chrome://mozapps/skin/extensions/alerticon-warning.svg"); +} /*** category selector ***/ @@ -187,9 +190,6 @@ #category-locale > .category-icon { list-style-image: url("chrome://mozapps/skin/extensions/category-languages.png"); } -#category-searchengine > .category-icon { - list-style-image: url("chrome://mozapps/skin/extensions/category-searchengines.png"); -} #category-extension > .category-icon { list-style-image: url("chrome://mozapps/skin/extensions/category-extensions.png"); } @@ -405,7 +405,7 @@ } .icon { - list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.svg"); max-width: 48px; max-height: 48px; } @@ -439,7 +439,7 @@ } .name-container { - font-size: 150%; + font-size: 1.3rem; font-weight: bold; -moz-box-align: end; -moz-box-flex: 1; @@ -452,6 +452,7 @@ .description-container { -moz-margin-start: 6px; -moz-box-align: center; + font-size: 1.25rem; } .description { @@ -557,16 +558,27 @@ list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); } +.addon-view[notification], +.addon-view[pending] { + --view-highlight-color: transparent; + /* + background-image: radial-gradient(at 50% 0%, + var(--view-highlight-color) 0%, + transparent 75%); + */ + background-color: var(--view-highlight-color); +} + .addon-view[notification="warning"] { - background-color: #FFFFCC; + --view-highlight-color: #FFFFCC; } .addon-view[notification="error"] { - background-color: #FFD0DD; + --view-highlight-color: #FFD0DD; } .addon-view[notification="info"] { - background-color: #9999CC; + --view-highlight-color: #9999CC; } .addon-view[pending="enable"], @@ -583,7 +595,7 @@ .addon-view[pending="disable"], .addon-view[pending="uninstall"] { - background-color: #808080; + --view-highlight-color: #808080; } .addon[selected] { @@ -664,7 +676,7 @@ .detail-view-container { -moz-padding-end: 2em; padding-bottom: 2em; - font-size: 110%; + font-size: 1.25rem; color: #000000; } @@ -695,7 +707,8 @@ } #detail-name-container { - font-size: 200%; + font-size: 2.5rem; + font-weight: normal; } #detail-screenshot-box { @@ -793,6 +806,7 @@ setting { /* background-color: foo; */ } +.inline-options-browser, setting[first-row="true"] { margin-top: 2em; } diff --git a/EarlyBlue/mozapps/extensions/newaddon.css b/EarlyBlue/mozapps/extensions/newaddon.css index ea2eb100..5f99ced4 100644 --- a/EarlyBlue/mozapps/extensions/newaddon.css +++ b/EarlyBlue/mozapps/extensions/newaddon.css @@ -39,7 +39,7 @@ -moz-margin-end: 10px; max-width: 64px; max-height: 64px; - list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.svg"); } .addon-info[type="theme"] #icon { @@ -76,9 +76,9 @@ } #warning-icon { - list-style-image: url("chrome://global/skin/icons/alert-exclam.gif"); + list-style-image: url("chrome://mozapps/skin/extensions/alerticon-warning.svg"); width: 16px; - height: 15px; + height: 16px; margin-top: 5px; -moz-margin-end: 5px; } @@ -88,23 +88,25 @@ margin-bottom: 20px; } -#continuePanel, -#restartPanel { +#buttonDeck { margin-top: 25px; - -moz-box-pack: end; - -moz-box-align: center; + -moz-box-pack: stretch; + -moz-box-align: stretch; } #continuePanel { -moz-box-pack: end; + -moz-box-align: end; } -#restartMessage { - text-align: right; +#restartPanel { + -moz-box-pack: end; + -moz-box-align: stretch; } -#restartSpacer { - -moz-box-flex: 1; +#restartPanelButtons { + margin-top: 25px; + -moz-box-pack: end; } #later { diff --git a/EarlyBlue/mozapps/extensions/selectAddons.css b/EarlyBlue/mozapps/extensions/selectAddons.css deleted file mode 100644 index cabd7976..00000000 --- a/EarlyBlue/mozapps/extensions/selectAddons.css +++ /dev/null @@ -1,168 +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/. */ - -#view-deck { - background: #CCD0DD; -} - -.heading { - font-size: 270%; - text-align: center; - margin: 0 120px; -} - -.progress { - margin: 10px 128px; -} - -.progress-label, -#errors-description { - text-align: center; - margin: 0 10px; -} - -#checking-heading, -#update-heading, -#errors-heading { - margin-top: 90px; -} - -#select-heading, -#confirm-heading { - margin-top: 10px; - margin-bottom: 10px; - text-align: center; -} - -#select-description, -#confirm-description { - margin: 10px; -} - -#select-list { - border-top: 1px solid #666699; - background-color: #CCD0DD; -} - -#select-grid column { - -moz-box-align: center; -} - -#select-grid row { - -moz-box-align: stretch; -} - -#select-grid label { - margin-top: 0; - margin-bottom: 0; -} - -.select-cell { - -moz-box-align: center; - -moz-box-pack: start; -} - -#select-header .select-cell { - box-sizing: border-box; -} - -#select-header .select-keep, -#select-header .select-icon, -#select-header .select-name, -#select-header .select-action { - background-color: #9999CC; -} - -.select-keep { - -moz-box-pack: center; -} - -.select-icon { - width: 20px; -} - -.select-keep .addon-keep-checkbox { - margin: 0; - padding: 0; - width: 13px; -} - -.select-keep .addon-keep-checkbox:-moz-focusring { - outline: 1px dotted #000000; -} - -.select-keep .checkbox-label-box { - display: none; -} - -.addon-name, -.addon-action-message, -.addon-action-update { - box-sizing: border-box; - margin: 0; - padding-top: 1px; - padding-bottom: 2px; - -moz-padding-start: 6px; - -moz-padding-end: 5px; -} - -#select-grid separator { - border-top: 1px solid #666699; - height: 0; - margin-top: 0.4em; - margin-bottom: 0.4em; -} - -.addon:not([active]) .addon-name, -.addon:not([active]) .addon-action-message, -.addon:not([active]) .addon-action-update { - color: #808080; -} - -.addon-icon { - height: 16px; - width: 16px; - list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png"); -} - -.addon-icon[type="theme"] { - list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric-16.png"); -} - -.addon-icon[type="plugin"] { - list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric-16.png"); -} - -.addon-icon[type="dictionary"] { - list-style-image: url("chrome://mozapps/skin/extensions/dictionaryGeneric-16.png"); -} - -.action-list { - margin-top: 10px; - -moz-margin-start: 5em; -} - -.action-header { - margin-bottom: 10px; -} - -#confirm .addon { - -moz-margin-start: 3em; - -moz-box-align: center; -} - -.addon:not([active]) .addon-icon, -#disable-list .addon-icon, -#incompatible-list .addon-icon { -/* filter: grayscale(1); */ -} - -#footer { - padding: 15px 12px; -} - -.progress-label, -#footer-label { - color: #808080; -} diff --git a/EarlyBlue/mozapps/extensions/xpinstallConfirm.css b/EarlyBlue/mozapps/extensions/xpinstallConfirm.css index 0c83ab4c..aaad089e 100644 --- a/EarlyBlue/mozapps/extensions/xpinstallConfirm.css +++ b/EarlyBlue/mozapps/extensions/xpinstallConfirm.css @@ -67,7 +67,7 @@ installitem { .xpinstallItemIcon { max-width: 32px; max-height: 32px; - list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.svg"); } installitem[type="theme"] .xpinstallItemIcon { diff --git a/EarlyBlue/navigator/navigator.css b/EarlyBlue/navigator/navigator.css index 8079b1b4..44a77ffb 100644 --- a/EarlyBlue/navigator/navigator.css +++ b/EarlyBlue/navigator/navigator.css @@ -222,7 +222,7 @@ toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon { .popup-notification-icon[popupid="addon-install-complete"], .popup-notification-icon[popupid="lwtheme-install-request"], .popup-notification-icon[popupid="lwtheme-install-notification"] { - list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.svg"); width: 32px; height: 32px; } diff --git a/LCARStrek/browser/pageInfo.css b/LCARStrek/browser/pageInfo.css index db5de41d..9b85e7ec 100644 --- a/LCARStrek/browser/pageInfo.css +++ b/LCARStrek/browser/pageInfo.css @@ -128,7 +128,7 @@ groupbox.collapsable caption .caption-icon { background-position: center; -moz-margin-start: 2px; -moz-margin-end: 2px; - background-image: url("chrome://global/skin/tree/twisty-open-selected.gif"); + background-image: url("chrome://global/skin/tree/twisty.svg#open-hover"); } groupbox.collapsable[closed="true"] { @@ -138,7 +138,7 @@ groupbox.collapsable[closed="true"] { } groupbox.collapsable[closed="true"] > caption > .caption-icon { - background-image: url("chrome://global/skin/tree/twisty-closed-selected.gif"); + background-image: url("chrome://global/skin/tree/twisty.svg#clsd-hover"); } groupbox.collapsable > caption:hover { diff --git a/LCARStrek/browser/preferences/aboutPermissions.css b/LCARStrek/browser/preferences/aboutPermissions.css index ef188bcb..5e011eeb 100644 --- a/LCARStrek/browser/preferences/aboutPermissions.css +++ b/LCARStrek/browser/preferences/aboutPermissions.css @@ -105,7 +105,7 @@ list-style-image: url("chrome://global/skin/icons/alert-question.gif"); } .pref-icon[type="install"] { - list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.svg"); } .pref-icon[type="popup"] { list-style-image: url("chrome://global/skin/icons/alert-question.gif"); diff --git a/LCARStrek/browser/sanitizeDialog.css b/LCARStrek/browser/sanitizeDialog.css index 8e8cd4dc..5fde202d 100644 --- a/LCARStrek/browser/sanitizeDialog.css +++ b/LCARStrek/browser/sanitizeDialog.css @@ -65,14 +65,14 @@ } .expander-up { - list-style-image: url("chrome://global/skin/tree/twisty-open-selected.gif"); + list-style-image: url("chrome://global/skin/tree/twisty.svg#open-hover"); } .expander-up:hover { } .expander-down { - list-style-image: url("chrome://global/skin/tree/twisty-closed-selected.gif"); + list-style-image: url("chrome://global/skin/tree/twisty.svg#clsd-hover"); } .expander-down:hover { diff --git a/LCARStrek/communicator/certError.css b/LCARStrek/communicator/certError.css index 0e982573..00cf1419 100644 --- a/LCARStrek/communicator/certError.css +++ b/LCARStrek/communicator/certError.css @@ -57,7 +57,7 @@ body[dir="rtl"] #errorPageContainer { #technicalContent > h2, #expertContent > h2 { -moz-padding-start: 20px; cursor: pointer; - background-image: url("chrome://global/skin/tree/twisty-open-selected.gif"); + background-image: url("chrome://global/skin/tree/twisty.svg#open-hover"); background-position: 5px center; background-repeat: no-repeat; } @@ -71,7 +71,7 @@ body[dir="rtl"] #errorPageContainer { #technicalContent[collapsed] > h2, #expertContent[collapsed] > h2 { - background-image: url("chrome://global/skin/tree/twisty-closed-selected.gif"); + background-image: url("chrome://global/skin/tree/twisty.svg#clsd-hover"); } #technicalContent[collapsed] > p, diff --git a/LCARStrek/communicator/sidebar/sidebar.css b/LCARStrek/communicator/sidebar/sidebar.css index b44886f8..55cf56d5 100644 --- a/LCARStrek/communicator/sidebar/sidebar.css +++ b/LCARStrek/communicator/sidebar/sidebar.css @@ -149,7 +149,7 @@ .sbtab-twisty { margin: 2px 3px 0px; - list-style-image: url("chrome://global/skin/tree/twisty-closed-selected.gif"); + list-style-image: url("chrome://global/skin/tree/twisty.svg#clsd-hover"); } .box-texttab:hover > hbox, @@ -163,7 +163,7 @@ } .sbtab-twisty[selected="true"] { - list-style-image: url("chrome://global/skin/tree/twisty-open.gif"); + list-style-image: url("chrome://global/skin/tree/twisty.svg#open"); } /* ::::: sidebar navigation buttons ::::: */ diff --git a/LCARStrek/devtools/projecteditor/projecteditor.css b/LCARStrek/devtools/projecteditor/projecteditor.css index 8dd736a0..53404fa7 100644 --- a/LCARStrek/devtools/projecteditor/projecteditor.css +++ b/LCARStrek/devtools/projecteditor/projecteditor.css @@ -16,13 +16,13 @@ } .arrow { - list-style-image: url("chrome://global/skin/tree/twisty-closed.gif"); + list-style-image: url("chrome://global/skin/tree/twisty.svg#clsd"); width: 20px; height: 20px; } .arrow[open] { - list-style-image: url("chrome://global/skin/tree/twisty-open.gif"); + list-style-image: url("chrome://global/skin/tree/twisty.svg#open"); } .arrow[invisible] { diff --git a/LCARStrek/global/aboutCache.css b/LCARStrek/global/aboutCache.css index d7ae332e..716ad754 100644 --- a/LCARStrek/global/aboutCache.css +++ b/LCARStrek/global/aboutCache.css @@ -47,6 +47,10 @@ td { width: 13%; } +#col-pinned { + width: 5em; +} + #entries > tbody > tr:nth-child(odd) { background-color: rgba(255, 159, 0, .05); } diff --git a/LCARStrek/global/aboutNetworking.css b/LCARStrek/global/aboutNetworking.css new file mode 100644 index 00000000..fee91cc1 --- /dev/null +++ b/LCARStrek/global/aboutNetworking.css @@ -0,0 +1,125 @@ +/* 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/. */ + +@import url("chrome://global/skin/in-content/common.css"); + +html { + height: 100%; +} + +body { + display: flex; + align-items: stretch; + height: 100%; +} + +#sectionTitle { + float: left; +} + +#refreshDiv { + text-align: end; + margin-bottom: 0.5em; +} + +#refreshButton { + vertical-align: middle; +} + +/** Categories **/ + +.category { + cursor: pointer; + /* Center category names */ + display: flex; + align-items: center; +} + +.category .category-name { + pointer-events: none; +} + +#categories hr { + border-top-color: #A09090; +} + +/** Warning container **/ + +/* XXX: a lot of this is duplicated from info-pages.css since that stylesheet + is incompatible with this type of layout */ +.warningBackground:not([hidden]) { + display: flex; +} + +.warningBackground { + flex-direction: column; + box-sizing: border-box; + min-height: 100vh; + align-items: center; + justify-content: center; + width: 100%; + height: 100%; + z-index: 10; + top: 0; + left: 0; + position: fixed; + background: var(--in-content-page-background); + color: var(--in-content-text-color); +} + +.title { + position: relative; + border-bottom: 1px solid var(--in-content-box-border-color); + margin-bottom: 1em; + padding-bottom: 0.5em; +} + +.title::before { + content: ""; + left: -2.3em; + top: 0; + position: absolute; + display: block; + width: 1.6em; + height: 1.6em; + background: url("chrome://global/skin/icons/warning.svg") no-repeat left center; + background-size: 1.6em; +} + +.warningBackground button { + margin-top: 1em; + margin-left: 0; + min-width: 100px; +} + +/** Content area **/ + +.main-content { + flex: 1; +} + +.tab { + padding: 0.5em 0; +} + +.tab table { + border: 1; + width: 100%; +} + +th, td, table { + border-collapse: collapse; + border: none; + text-align: start; +} + +th { + padding-bottom: 0.5em; + font-size: larger; +} + +td { + padding-bottom: 0.25em; + border-bottom: 1px solid var(--in-content-box-border-color); +} diff --git a/LCARStrek/global/aboutProfiles.css b/LCARStrek/global/aboutProfiles.css new file mode 100644 index 00000000..77a1d552 --- /dev/null +++ b/LCARStrek/global/aboutProfiles.css @@ -0,0 +1,68 @@ +/* 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/. */ + +html { + --aboutProfiles-table-background: #000000; + background-color: var(--in-content-page-background); +} + +body { + margin: 40px 48px; +} + +.page-subtitle { + margin-bottom: 3em; +} + +button { + -moz-margin-start: 0; + -moz-margin-end: 8px; +} + +table { + background-color: var(--aboutProfiles-table-background); + color: var(--in-content-text-color); + font: message-box; + text-align: start; + width: 100%; + border: 1px solid var(--in-content-border-color); + border-spacing: 0px; +} + +th, td { + border: 1px solid var(--in-content-border-color); + padding: 4px; + text-align: start; +} + +th { + background-color: var(--in-content-table-header-background); + color: var(--in-content-selected-text); +} + +th.column { + white-space: nowrap; + width: 0px; +} + +td { + border-color: var(--in-content-table-border-dark-color); +} + +#action-box { + background-color: var(--aboutProfiles-table-background); + border: 1px solid var(--in-content-border-color); + color: var(--in-content-text-color); + float: right; + margin-top: 2em; + margin-bottom: 20px; + -moz-margin-start: 20px; + -moz-margin-end: 0; + padding: 16px; + width: 30%; +} + +#action-box:-moz-dir(rtl) { + float: left; +} diff --git a/LCARStrek/global/aboutReaderContent.css b/LCARStrek/global/aboutReaderContent.css index 84127513..94972c54 100644 --- a/LCARStrek/global/aboutReaderContent.css +++ b/LCARStrek/global/aboutReaderContent.css @@ -55,7 +55,9 @@ ol, li, figure, .wp-caption { - margin: 0 0 30px 0; + margin: -10px -10px 20px -10px; + padding: 10px; + border-radius: 5px; } p > img:only-child, diff --git a/LCARStrek/global/aboutReaderControls.css b/LCARStrek/global/aboutReaderControls.css index 6a181143..7ed44749 100644 --- a/LCARStrek/global/aboutReaderControls.css +++ b/LCARStrek/global/aboutReaderControls.css @@ -120,7 +120,7 @@ padding: 0; } -/*======= Font style popup =======*/ +/*======= Popup =======*/ .dropdown-popup { min-width: 300px; @@ -136,6 +136,10 @@ box-shadow: 0 1px 12px #666; } +.keep-open .dropdown-popup { + z-index: initial; +} + .dropdown-popup > hr { display: none; } @@ -154,6 +158,8 @@ display: block; } +/*======= Font style popup =======*/ + #font-type-buttons, #font-size-buttons, #color-scheme-buttons { @@ -300,38 +306,8 @@ background-position: center; } -.footer { - height: 64px; - background-color: #ebebeb; - position: absolute; - left: 0; - width: 100%; - text-align: center; - padding: 12px 0; - box-sizing: border-box; - box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.35) inset; -} - -.remove-button { - background-image: url("chrome://global/skin/reader/RM-Delete-24x24.svg"); - margin: 0 auto; - border: 1px solid #c1c1c1; - background-position: 10px 7px; - padding-left: 42px; - padding-right: 10px; - border-radius: 2px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); - font-size: 18px; -} - - /*======= Toolbar icons =======*/ -/* Android-only controls */ -.share-button { - display: none; -} - .close-button { background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close"); height: 68px; @@ -356,21 +332,6 @@ background-image: url("chrome://global/skin/reader/RM-Type-Controls-24x24.svg"); } -.toggle-button.on { - background-image: url("chrome://global/skin/reader/RM-Delete-24x24.svg"); -} - -.toggle-button { - background-image: url("chrome://global/skin/reader/RM-Add-24x24.svg"); -} - -.list-button { - background-image: url("chrome://global/skin/reader/RM-Reading-List-24x24.svg"); -} -.list-button.on { - background-color: #d9d9d9; -} - .minus-button { background-image: url("chrome://global/skin/reader/RM-Minus-24x24.svg"); } @@ -383,7 +344,4 @@ .toolbar { display: none !important; } - .footer { - display: none !important; - } } diff --git a/LCARStrek/global/aboutSupport.css b/LCARStrek/global/aboutSupport.css index 1e3c240f..35c7ef32 100644 --- a/LCARStrek/global/aboutSupport.css +++ b/LCARStrek/global/aboutSupport.css @@ -112,6 +112,12 @@ tbody:last-child > tr:last-child > td:last-child { border-bottom-right-radius: 9px; } +th.title-column { + white-space: nowrap; + width: 0px; + font-size: medium; +} + th.column { white-space: nowrap; width: 0px; diff --git a/LCARStrek/global/alerts/alert-common.css b/LCARStrek/global/alerts/alert-common.css index 5bcdfcb8..92036c2d 100644 --- a/LCARStrek/global/alerts/alert-common.css +++ b/LCARStrek/global/alerts/alert-common.css @@ -53,6 +53,22 @@ } } +#alertIcon { + margin-top: 6px; + margin-inline-start: 8px; + margin-inline-end: 0; + margin-bottom: 0; + width: 16px; + min-height: 16px; + max-height: 16px; +} + +@media (resolution: 2dppx) { + #alertIcon { + image-rendering: -moz-crisp-edges; + } +} + #alertImage { width: 80px; height: 80px; diff --git a/LCARStrek/global/alerts/alert.css b/LCARStrek/global/alerts/alert.css index 01af1cde..a501bb9c 100644 --- a/LCARStrek/global/alerts/alert.css +++ b/LCARStrek/global/alerts/alert.css @@ -10,6 +10,11 @@ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +#alertNotification { + -moz-appearance: none; + background: transparent; +} + #alertBox { border: 1px solid #9C9CFF; border-radius: 3px; @@ -27,3 +32,17 @@ .alertCloseButton:hover:active { -moz-image-region: rect(0, 32px, 16px, 16px); } + +.alertCloseBox { + /* The close button is larger on Windows and has a large + circle around it, so we add more space between the close + button and the edge of the window. */ +/* margin-inline-end: 2px;*/ +} + +#alertSettings { + /* The close button is larger on Windows, so the + gear button is moved over to accomodate it and + keep the two buttons horizontally aligned together. */ +/* margin-inline-end: 5px;*/ +} diff --git a/LCARStrek/global/autocomplete.css b/LCARStrek/global/autocomplete.css index a2ad582c..ad2c92cd 100644 --- a/LCARStrek/global/autocomplete.css +++ b/LCARStrek/global/autocomplete.css @@ -123,90 +123,74 @@ panel[type="autocomplete-richlistbox"], overflow-x: hidden !important; } -.autocomplete-richlistitem { - padding: 1px 2px; -} - -.autocomplete-richlistitem[selected="true"] { - background-color: #008484; - color: #000000; -} - -.autocomplete-richlistitem:not(:first-child) { - border-top: 1px solid #E7ADE7; -} - -.ac-title-box { -} - -.ac-url-box { - /* When setting a vertical margin here, half of that needs to be added - .ac-title-box's translateY for when .ac-url-box is hidden (see below). */ -/* margin: 1px 0 4px;*/ -} - -.autocomplete-richlistitem[actiontype="keyword"] .ac-url-box, -.autocomplete-richlistitem[actiontype="searchengine"] .ac-url-box, -.autocomplete-richlistitem[actiontype="visiturl"] .ac-url-box, -.autocomplete-richlistitem[type~="autofill"] .ac-url-box { - visibility: hidden; -} - -.autocomplete-richlistitem[actiontype="keyword"] .ac-title-box, -.autocomplete-richlistitem[actiontype="searchengine"] .ac-title-box, -.autocomplete-richlistitem[actiontype="visiturl"] .ac-title-box, -.autocomplete-richlistitem[type~="autofill"] .ac-title-box { - /* Center the title by moving it down by half of .ac-url-box's height, - including vertical margins (if any). */ -/* transform: translateY(calc(.5em + 2px));*/ - transform: translateY(calc(.5em)); +.ac-type-icon { + width: 16px; + height: 16px; + max-width: 16px; + max-height: 16px; + -moz-margin-start: 14px; + -moz-margin-end: 6px; } .ac-site-icon { width: 16px; height: 16px; - margin-top: 0; - margin-bottom: -3px; - -moz-margin-start: 0; - -moz-margin-end: 3px; + max-width: 16px; + max-height: 16px; + -moz-margin-start: 0px; + -moz-margin-end: 11px; + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); } -.ac-type-icon { - width: 16px; - height: 16px; +.ac-site-icon[selected] { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon-inverted.png"); } -.ac-extra > .ac-result-type-tag { - margin: 0 4px; +@media (min-resolution: 1.1dppx) { + .ac-site-icon { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon@2x.png"); + } + .ac-site-icon[selected] { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon-inverted@2x.png"); + } } -.ac-extra > .ac-comment { - -moz-padding-end: 4px; +.ac-title { + -moz-margin-start: 0; + -moz-margin-end: 6px; } -.ac-ellipsis-after { - margin: 2px 0px 0px !important; - padding: 0; - min-width: 1em; +html|span.ac-tag { + -moz-margin-start: 0; + -moz-margin-end: 2px; } -.ac-normal-text { - margin: 2px 0px 0px !important; - padding: 0; +.ac-tags { + -moz-margin-start: 0; + -moz-margin-end: 4px; } -.ac-normal-text > html|span { - margin: 0 !important; - padding: 0; +.ac-separator { + -moz-margin-start: 0; + -moz-margin-end: 6px; } -html|span.ac-emphasize-text { - font-weight: bold; - text-decoration: underline; +/* Better align the URL/action with the title. */ +.ac-tags, +.ac-separator, +.ac-url, +.ac-action { + margin-bottom: -2px; } -.ac-title, .ac-url { - overflow: hidden; +.ac-title-text, +.ac-tags-text, +.ac-separator-text, +.ac-url-text, +.ac-action-text, +.ac-text-overflow-container { + padding: 0 !important; + margin: 0 !important; } /* ::::: textboxes inside toolbarpaletteitems ::::: */ diff --git a/LCARStrek/global/button.css b/LCARStrek/global/button.css index e18b9da6..ee7a1be4 100644 --- a/LCARStrek/global/button.css +++ b/LCARStrek/global/button.css @@ -153,13 +153,13 @@ button[type="disclosure"] { border: 0px !important; margin: 0px !important; padding: 0px !important; - list-style-image: url("chrome://global/skin/tree/twisty-closed.gif"); + list-style-image: url("chrome://global/skin/tree/twisty.svg#clsd"); min-width: 0px !important; background-color: transparent; } button[type="disclosure"][open="true"] { - list-style-image: url("chrome://global/skin/tree/twisty-open.gif"); + list-style-image: url("chrome://global/skin/tree/twisty.svg#open"); } /* ::::: xhtml buttons ::::: */ diff --git a/LCARStrek/global/icons/blocked.svg b/LCARStrek/global/icons/blocked.svg new file mode 100644 index 00000000..87bbc9ca --- /dev/null +++ b/LCARStrek/global/icons/blocked.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + diff --git a/LCARStrek/global/icons/webapps-16.png b/LCARStrek/global/icons/webapps-16.png deleted file mode 100644 index 8e5ec015cecde2ec7b34b0d6b45e591357a5a8f6..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 204 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!93?!50ihlx9jKx9jP7LeL$-D$|I0Jk_Tp1YB z=gj&4e?Eh1in2FIMM;ofFoVOh8)+a;lDE4HLkFv@2S|B=M`SSr1Gg{;GcwGYBLNg- zFY)wsWxvDDAu6D;TP@NWD5US{;uyklJvo7a*^OP|pcI3Oi%UXF2FC;rURJNRHY)|; m#&r&d7?-rJY-IFeU}X4a%O1%jzhyO0D}$%2pUXO@geCy1#xLFg diff --git a/LCARStrek/global/icons/webapps-64.png b/LCARStrek/global/icons/webapps-64.png deleted file mode 100644 index 9664881795fddd1204cc8cdda2f29cc4ff1a1a1c..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 349 zcmeAS@N?(olHy`uVBq!ia0vp^4j|0L3?#3!&-4XSjKx9jP7LeL$-D$|cmjMvTvK(^ z|1&Vmne+eud4>lkC02kGl?3?(GdMiEkp|)!E{-76HJ;@! z1YdnF`4r=FwIjqu=t%DMtkZ{USU=9So_T@S#h_uue%qwWf*rLyf`UHFJhwjJyv4!f z82(|0)Q)%&7p8!K)l4b}6m7EiF8o>i^U(VXbqyPwr+;6>xcN!MW64>47EVgcGdTD@ zvTxbXqBWOgL6jTg-`X9^vfi?Ocq-A5e|m%Kl1?WVW6mc&m3~~$Y|?pOFG|!>?L9d4 mk==n!QU=l6uRPf|SNvsH)OE)fGd=-5!r xul|*.button-box > xul|*.button-menu-dropmarker { */ xul|*.help-button { /* - min-width: 30px; - border-radius: 2px; + min-width: 16px; + margin-inline-end: 0; border-width: 0; - background-color: #ffcb00; background-image: none; box-shadow: none; */ @@ -298,13 +293,16 @@ xul|*.help-button { } /* xul|*.help-button:not([disabled="true"]):hover { - background-color: #f4c200; background-image: none; + / Override default button background / + background-color: transparent; + list-style-image: url("chrome://global/skin/in-content/help-glyph.svg#help-hover"); } - xul|*.help-button:not([disabled="true"]):hover:active { - background-color: #eaba00; background-image: none; + / Override default button background / + background-color: transparent; + list-style-image: url("chrome://global/skin/in-content/help-glyph.svg#help-pressed"); } xul|*.close-icon > xul|*.button-box, @@ -316,8 +314,8 @@ xul|*.help-button > xul|*.button-box { } */ xul|*.help-button > xul|*.button-box > xul|*.button-icon { - width: 18px; - height: 18px; + width: 16px; + height: 16px; } xul|*.help-button > xul|*.button-box > xul|*.button-text { @@ -505,7 +503,9 @@ html|a:hover:active, /* Checkboxes and radio buttons */ /* Hide the actual checkbox */ html|input[type="checkbox"] { - visibility: hidden; + opacity: 0; + width: 0; + pointer-events: none; position: absolute; } @@ -637,7 +637,8 @@ xul|*.radio-label-box { color: var(--in-content-category-text-selected); } -*|*.category[selected] { +*|*.category[selected], +*|*.category.selected { background-color: var(--in-content-category-background-active); color: var(--in-content-category-text-selected); } @@ -668,6 +669,7 @@ xul|*.radio-label-box { border-bottom: 1px solid var(--in-content-header-border-color); margin-bottom: 15px; padding-bottom: 15px; */ + -moz-box-align: baseline; } *|*.header-name { @@ -790,6 +792,10 @@ xul|treecols { padding: 0; } +.autocomplete-tree > xul|treecols { + border-bottom: none !important; +} + xul|treecol:not([hideheader="true"]), xul|treecolpicker { -moz-appearance: none; diff --git a/LCARStrek/global/in-content/help-glyph.svg b/LCARStrek/global/in-content/help-glyph.svg index 1645bd9a..e3992340 100644 --- a/LCARStrek/global/in-content/help-glyph.svg +++ b/LCARStrek/global/in-content/help-glyph.svg @@ -1,7 +1,28 @@ - - - + + + + + + + + + + + + + diff --git a/LCARStrek/global/narrate.css b/LCARStrek/global/narrate.css new file mode 100644 index 00000000..3aa8a8a6 --- /dev/null +++ b/LCARStrek/global/narrate.css @@ -0,0 +1,11 @@ +body.light .narrating { + background-color: #ffc; +} + +body.sepia .narrating { + background-color: #e0d7c5; +} + +body.dark .narrating { + background-color: #242424; +} diff --git a/LCARStrek/global/narrate/arrow.svg b/LCARStrek/global/narrate/arrow.svg new file mode 100644 index 00000000..2fb21417 --- /dev/null +++ b/LCARStrek/global/narrate/arrow.svg @@ -0,0 +1,3 @@ + + + diff --git a/LCARStrek/global/narrate/back.svg b/LCARStrek/global/narrate/back.svg new file mode 100644 index 00000000..d29586e3 --- /dev/null +++ b/LCARStrek/global/narrate/back.svg @@ -0,0 +1,15 @@ + + + + + + + + diff --git a/LCARStrek/global/narrate/fast.svg b/LCARStrek/global/narrate/fast.svg new file mode 100644 index 00000000..cd25a6a0 --- /dev/null +++ b/LCARStrek/global/narrate/fast.svg @@ -0,0 +1,3 @@ + + + diff --git a/LCARStrek/global/narrate/forward.svg b/LCARStrek/global/narrate/forward.svg new file mode 100644 index 00000000..53e64e95 --- /dev/null +++ b/LCARStrek/global/narrate/forward.svg @@ -0,0 +1,15 @@ + + + + + + + + diff --git a/LCARStrek/global/narrate/narrate.svg b/LCARStrek/global/narrate/narrate.svg new file mode 100644 index 00000000..597b0a65 --- /dev/null +++ b/LCARStrek/global/narrate/narrate.svg @@ -0,0 +1,3 @@ + + + diff --git a/LCARStrek/global/narrate/slow.svg b/LCARStrek/global/narrate/slow.svg new file mode 100644 index 00000000..1892b66e --- /dev/null +++ b/LCARStrek/global/narrate/slow.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/LCARStrek/global/narrate/start.svg b/LCARStrek/global/narrate/start.svg new file mode 100644 index 00000000..95fa7131 --- /dev/null +++ b/LCARStrek/global/narrate/start.svg @@ -0,0 +1,3 @@ + + + diff --git a/LCARStrek/global/narrate/stop.svg b/LCARStrek/global/narrate/stop.svg new file mode 100644 index 00000000..c017c578 --- /dev/null +++ b/LCARStrek/global/narrate/stop.svg @@ -0,0 +1,3 @@ + + + diff --git a/LCARStrek/global/narrateControls.css b/LCARStrek/global/narrateControls.css new file mode 100644 index 00000000..dc24a4c9 --- /dev/null +++ b/LCARStrek/global/narrateControls.css @@ -0,0 +1,184 @@ +:scope { + --border-color: #e5e5e5; +} + +#narrate-toggle { + background-image: url("chrome://global/skin/narrate/narrate.svg"); +} + +.dropdown-popup button { + background-color: transparent; +} + +.dropdown-popup button:hover:not(:disabled) { + background-color: #eaeaea; +} + +.narrate-row { + display: flex; + align-items: center; + min-height: 40px; + box-sizing: border-box; +} + +.narrate-row:not(:first-child) { + border-top: 1px solid var(--border-color); +} + +/* Control buttons */ + +#narrate-control > button { + background-size: 24px 24px; + background-repeat: no-repeat; + background-position: center center; + height: 64px; + width: 100px; + border: none; + color: #666; + box-sizing: border-box; +} + +#narrate-control > button:not(:first-child) { + border-left: 1px solid var(--border-color); +} + +#narrate-skip-previous { + border-top-left-radius: 3px; + background-image: url("chrome://global/skin/narrate/back.svg#enabled"); +} + +#narrate-skip-next { + border-top-right-radius: 3px; + background-image: url("chrome://global/skin/narrate/forward.svg#enabled"); +} + +#narrate-skip-previous:disabled { + background-image: url("chrome://global/skin/narrate/back.svg#disabled"); +} + +#narrate-skip-next:disabled { + background-image: url("chrome://global/skin/narrate/forward.svg#disabled"); +} + +#narrate-start-stop { + background-image: url("chrome://global/skin/narrate/start.svg"); +} + +#narrate-start-stop.speaking { + background-image: url("chrome://global/skin/narrate/stop.svg"); +} + +/* Rate control */ + +#narrate-rate::before, #narrate-rate::after { + content: ''; + width: 48px; + height: 40px; + background-position: center; + background-repeat: no-repeat; + background-size: 24px auto; +} + +#narrate-rate::before { + background-image: url("chrome://global/skin/narrate/slow.svg"); +} + +#narrate-rate::after { + background-image: url("chrome://global/skin/narrate/fast.svg"); +} + +#narrate-rate-input { + margin: 0 1px; + flex-grow: 1; +} + +#narrate-rate-input::-moz-range-track { + background-color: #979797; + height: 2px; +} + +#narrate-rate-input::-moz-range-progress { + background-color: #2EA3FF; + height: 2px; +} + +#narrate-rate-input::-moz-range-thumb { + background-color: #808080; + height: 16px; + width: 16px; + border-radius: 8px; + border-width: 0; +} + +#narrate-rate-input:active::-moz-range-thumb { + background-color: #2EA3FF; +} + +/* Voice selection */ + +.voiceselect { + width: 100%; +} + +.voiceselect > button.select-toggle, +.voiceselect > .options > button.option { + -moz-appearance: none; + border: none; + width: 100%; + min-height: 40px; +} + +.voiceselect.open > button.select-toggle { + border-bottom: 1px solid var(--border-color); +} + +.voiceselect > button.select-toggle::after { + content: ''; + background-image: url("chrome://global/skin/narrate/arrow.svg"); + background-position: center; + background-repeat: no-repeat; + background-size: 12px 12px; + display: inline-block; + width: 1.5em; + height: 1em; + vertical-align: middle; +} + +.voiceselect > .options > button.option:not(:first-child) { + border-top: 1px solid var(--border-color); +} + +.voiceselect > .options > button.option { + box-sizing: border-box; +} + +.voiceselect > .options:not(.hovering) > button.option:focus { + background-color: #eaeaea; +} + +.voiceselect > .options:not(.hovering) > button.option:hover:not(:focus) { + background-color: transparent; +} + +.voiceselect > .options > button.option::-moz-focus-inner { + outline: none; + border: 0; +} + +.voiceselect > .options { + display: none; + overflow-y: auto; +} + +.voiceselect.open > .options { + display: block; +} + +.current-voice { + color: #7f7f7f; +} + +.voiceselect:not(.open) > button, +.option:last-child { + border-radius: 0 0 3px 3px; +} diff --git a/LCARStrek/global/passwordmgr.css b/LCARStrek/global/passwordmgr.css index 814f34d3..d1de9953 100644 --- a/LCARStrek/global/passwordmgr.css +++ b/LCARStrek/global/passwordmgr.css @@ -11,3 +11,16 @@ .actionButtons { margin: 0px 3px 6px !important; } + +treechildren::-moz-tree-image(siteCol) { + list-style-image: url(chrome://mozapps/skin/places/defaultFavicon.png); + width: 16px; + height: 16px; + -moz-margin-end: 5px; +} + +@media (min-resolution: 1.1dppx) { + treechildren::-moz-tree-image(siteCol) { + list-style-image: url(chrome://mozapps/skin/places/defaultFavicon@2x.png); + } +} diff --git a/LCARStrek/global/reader/RM-Add-24x24.svg b/LCARStrek/global/reader/RM-Add-24x24.svg deleted file mode 100644 index 20713815..00000000 --- a/LCARStrek/global/reader/RM-Add-24x24.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/global/reader/RM-Delete-24x24.svg b/LCARStrek/global/reader/RM-Delete-24x24.svg deleted file mode 100644 index 0ed39830..00000000 --- a/LCARStrek/global/reader/RM-Delete-24x24.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/global/reader/RM-Reading-List-24x24.svg b/LCARStrek/global/reader/RM-Reading-List-24x24.svg deleted file mode 100644 index b43a8b89..00000000 --- a/LCARStrek/global/reader/RM-Reading-List-24x24.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - diff --git a/LCARStrek/global/tree.css b/LCARStrek/global/tree.css index ba63f07e..cf182d5f 100644 --- a/LCARStrek/global/tree.css +++ b/LCARStrek/global/tree.css @@ -342,12 +342,12 @@ treechildren::-moz-tree-twisty { -moz-padding-end: 1px; padding-top: 0px; width: 11px; /* The image's width is 11 pixels */ - list-style-image: url("chrome://global/skin/tree/twisty-closed.gif"); + list-style-image: url("chrome://global/skin/tree/twisty.svg#clsd"); } treechildren::-moz-tree-twisty(open) { width: 11px; /* The image's width is 11 pixels */ - list-style-image: url("chrome://global/skin/tree/twisty-open.gif"); + list-style-image: url("chrome://global/skin/tree/twisty.svg#open"); } treechildren::-moz-tree-indentation { diff --git a/LCARStrek/global/tree/twisty-closed-active.gif b/LCARStrek/global/tree/twisty-closed-active.gif deleted file mode 100644 index 1c5ba4ec59fa3bd2d3c8006cccb81b87cff3b590..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 58 zcmZ?wbhEHbjY|M?96!9ek!pmR}bVo7R>LV0FM whJw4NZvcbhPZmZ726hG=1|R?#z`!h6vFpyirz?dNw~C*hoO(B5G6RD(0Oz(QJOBUy diff --git a/LCARStrek/global/tree/twisty-closed-selected.gif b/LCARStrek/global/tree/twisty-closed-selected.gif deleted file mode 100644 index bcf7dbfbea6896ab9318db22cd704d35051e52d5..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 77 zcmZ?wbhEHbDzfZ{-v+zbrNLK?g7 W+jY|M?96!9ejR3nK#qJA)1b5P;M& cFbh@ex^wU8S|Qc7?~=;iwgqX(aWYr~0Q6fQHUIzs diff --git a/LCARStrek/global/tree/twisty-open-active.gif b/LCARStrek/global/tree/twisty-open-active.gif deleted file mode 100644 index a8186426f2d3c8aa35c3236380d3540b326f5cff..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 56 zcmZ?wbhEHbDzfZ{-v+zbrNf*QN- W{4?lse4X)am(jY|M?96!9ejR3nK#qJA)1b5P;M& bFbh`fy7SLqo>O+_w_Q?O|2&w)z+epk)Nvoy diff --git a/LCARStrek/global/tree/twisty.svg b/LCARStrek/global/tree/twisty.svg new file mode 100644 index 00000000..e78d32d8 --- /dev/null +++ b/LCARStrek/global/tree/twisty.svg @@ -0,0 +1,35 @@ + + + + + + + + + + + + + + + + + + diff --git a/LCARStrek/messenger/messageHeader.css b/LCARStrek/messenger/messageHeader.css index a9c7cc4b..b3d03eed 100644 --- a/LCARStrek/messenger/messageHeader.css +++ b/LCARStrek/messenger/messageHeader.css @@ -127,11 +127,11 @@ mail-urlfield { .addresstwisty { margin: 1px; - list-style-image: url("chrome://global/skin/tree/twisty-closed-selected.gif"); + list-style-image: url("chrome://global/skin/tree/twisty.svg#clsd-hover"); } .addresstwisty[open] { - list-style-image: url("chrome://global/skin/tree/twisty-open-selected.gif"); + list-style-image: url("chrome://global/skin/tree/twisty.svg#open-hover"); } /* ::::: view expand and collapse twisties ::::: */ @@ -143,11 +143,11 @@ mail-urlfield { } .expandHeaderViewButton { - list-style-image: url("chrome://global/skin/tree/twisty-open-selected.gif"); + list-style-image: url("chrome://global/skin/tree/twisty.svg#open-hover"); } .collapsedHeaderViewButton { - list-style-image: url("chrome://global/skin/tree/twisty-closed-selected.gif"); + list-style-image: url("chrome://global/skin/tree/twisty.svg#clsd-hover"); } /* ::::: collapsed view styles ::::: */ diff --git a/LCARStrek/mozapps/extensions/about.css b/LCARStrek/mozapps/extensions/about.css index 0d454bea..e7319b76 100644 --- a/LCARStrek/mozapps/extensions/about.css +++ b/LCARStrek/mozapps/extensions/about.css @@ -15,7 +15,7 @@ } #extensionIcon { - list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.svg"); max-width: 64px; max-height: 64px; -moz-margin-end: 6px; diff --git a/LCARStrek/mozapps/extensions/alerticon-error.svg b/LCARStrek/mozapps/extensions/alerticon-error.svg new file mode 100644 index 00000000..37aa48d5 --- /dev/null +++ b/LCARStrek/mozapps/extensions/alerticon-error.svg @@ -0,0 +1,6 @@ + + + + diff --git a/LCARStrek/mozapps/extensions/alerticon-info-negative.svg b/LCARStrek/mozapps/extensions/alerticon-info-negative.svg new file mode 100644 index 00000000..089a1a3b --- /dev/null +++ b/LCARStrek/mozapps/extensions/alerticon-info-negative.svg @@ -0,0 +1,6 @@ + + + + diff --git a/LCARStrek/mozapps/extensions/alerticon-info-positive.svg b/LCARStrek/mozapps/extensions/alerticon-info-positive.svg new file mode 100644 index 00000000..1a51dffd --- /dev/null +++ b/LCARStrek/mozapps/extensions/alerticon-info-positive.svg @@ -0,0 +1,6 @@ + + + + diff --git a/LCARStrek/mozapps/extensions/alerticon-warning.svg b/LCARStrek/mozapps/extensions/alerticon-warning.svg new file mode 100644 index 00000000..0c42ad25 --- /dev/null +++ b/LCARStrek/mozapps/extensions/alerticon-warning.svg @@ -0,0 +1,6 @@ + + + + diff --git a/LCARStrek/mozapps/extensions/category-searchengines.png b/LCARStrek/mozapps/extensions/category-searchengines.png deleted file mode 100644 index f3eb961cdce3b0cf27ba148977bc7f6d42d4d167..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 318 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnH3?%tPCZz)@#^NA%Cx&(BWL^R}oB=)|uKe2> z=FIv3e?CLTe@B0iijp9|UYh7ML)50LT#kH}&M2El(I%s9FK&tae- zdx@v7EBh@rHeo~2gk1-p0)-??Tq8=H^K)}k^GX<;i&7IyQd1PlGfOfQ+&z5*!W;R- zfr@H8T^vIsE>G>-DA?@4!{Xog;sIyO+35=&^fw5tXk#c(Um&9J6*eaM2X;J9Hazkn{GMf`*|xMxKl_00VDNPHb6Mw<&;$U^ Cd2sXq diff --git a/LCARStrek/mozapps/extensions/eula.css b/LCARStrek/mozapps/extensions/eula.css index c06f81e9..29e49db0 100644 --- a/LCARStrek/mozapps/extensions/eula.css +++ b/LCARStrek/mozapps/extensions/eula.css @@ -1,5 +1,5 @@ #icon { - list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.svg"); max-width: 48px; max-height: 48px; -moz-margin-end: 6px; diff --git a/LCARStrek/mozapps/extensions/extensionGeneric.png b/LCARStrek/mozapps/extensions/extensionGeneric.png deleted file mode 100644 index 4cdb1227d1cc8a67fe421177b2fe5a3277e3a8e2..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 263 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnH3?%tPCZz)@#^NA%Cx&(BWL^R}oB=)|t~<92 z{GZ7%XU_izDUnw|DoTRnSRhK%p#87sn8Z%f07q`3@*>umv1i_Wi{~gWk!-{ujUS-HnW} zNd4IEGWVCRU9$trjKz2SmlQL1Jl5!|W?hvb-H@XBe*v=xf8aExM!ntbT~Qr23AWms yimKNvwmo>8U2VcXrN~;=jf>v|^!@v7DPOzCXvc?V%$`7789ZJ6T-G@yGywoF{#C00 diff --git a/LCARStrek/mozapps/extensions/extensionGeneric.svg b/LCARStrek/mozapps/extensions/extensionGeneric.svg new file mode 100644 index 00000000..2fd25b03 --- /dev/null +++ b/LCARStrek/mozapps/extensions/extensionGeneric.svg @@ -0,0 +1,12 @@ + + + + + + + + + + diff --git a/LCARStrek/mozapps/extensions/extensions.css b/LCARStrek/mozapps/extensions/extensions.css index 2be2700d..78223651 100644 --- a/LCARStrek/mozapps/extensions/extensions.css +++ b/LCARStrek/mozapps/extensions/extensions.css @@ -82,21 +82,21 @@ } .warning-icon { - list-style-image: url("chrome://global/skin/icons/warning-16.png"); + list-style-image: url("chrome://mozapps/skin/extensions/alerticon-warning.svg"); } .error-icon { - list-style-image: url("chrome://global/skin/icons/error-16.png"); + list-style-image: url("chrome://mozapps/skin/extensions/alerticon-error.svg"); } .pending-icon, .info-icon { - list-style-image: url("chrome://global/skin/icons/information-16.png"); + list-style-image: url("chrome://mozapps/skin/extensions/alerticon-info-positive.svg"); } .addon-view[pending="disable"] .pending-icon, .addon-view[pending="uninstall"] .pending-icon { - list-style-image: url("chrome://global/skin/icons/warning-16.png"); + list-style-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.svg"); } /*** view alert boxes ***/ @@ -140,6 +140,9 @@ padding-right: 20px; } +button.warning { + list-style-image: url("chrome://mozapps/skin/extensions/alerticon-warning.svg"); +} /*** category selector ***/ @@ -191,9 +194,6 @@ #category-locale > .category-icon { list-style-image: url("chrome://mozapps/skin/extensions/category-languages.png"); } -#category-searchengine > .category-icon { - list-style-image: url("chrome://mozapps/skin/extensions/category-searchengines.png"); -} #category-extension > .category-icon { list-style-image: url("chrome://mozapps/skin/extensions/category-extensions.png"); } @@ -229,6 +229,7 @@ .main-content { border: none; + padding-bottom: 0; } #view-port { @@ -446,7 +447,7 @@ } .icon { - list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.svg"); max-width: 48px; max-height: 48px; } @@ -480,7 +481,7 @@ } .name-container { - font-size: 150%; + font-size: 1.3rem; font-weight: bold; color: #9C9CFF; margin-bottom: 0; @@ -495,6 +496,7 @@ .description-container { -moz-margin-start: 6px; -moz-box-align: center; + font-size: 1.25rem; } .description { @@ -601,8 +603,19 @@ list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); } +.addon-view[notification], +.addon-view[pending] { + --view-highlight-color: transparent; + /* + background-image: radial-gradient(at 50% 0%, + var(--view-highlight-color) 0%, + transparent 75%); + */ + background-color: var(--view-highlight-color); +} + .addon-view[notification="warning"] { - background-color : #FFCF00; + --view-highlight-color: #FFCF00; color: #000000; } @@ -619,7 +632,7 @@ } .addon-view[notification="error"] { - background-color: #FF0000; + --view-highlight-color: #FF0000; color: #000000; } @@ -628,14 +641,14 @@ } .addon-view[notification="info"] { - background-color: #9C9CFF; + --view-highlight-color: #9C9CFF; color: #000000; } .addon-view[pending="enable"], .addon-view[pending="upgrade"], .addon-view[pending="install"] { - background-color: #008484; + --view-highlight-color: #008484; } .addon-view[pending="enable"] .pending, @@ -732,7 +745,7 @@ .detail-view-container { padding: 0 2em 2em 2em; - font-size: 110%; + font-size: 1.25rem; } #detail-notifications { @@ -762,7 +775,8 @@ } #detail-name-container { - font-size: 200%; + font-size: 2.5rem; + font-weight: normal; } #detail-screenshot-box { @@ -851,7 +865,6 @@ setting { border-top: 1px solid #9C9CFF; -moz-box-align: center; min-height: 35px; - font-size: 1.25rem; line-height: 20px; } @@ -859,6 +872,7 @@ setting { margin-bottom: 1em; } +.inline-options-browser, setting[first-row="true"] { margin-top: 2em; } diff --git a/LCARStrek/mozapps/extensions/newaddon.css b/LCARStrek/mozapps/extensions/newaddon.css index abe8e7e7..281c6138 100644 --- a/LCARStrek/mozapps/extensions/newaddon.css +++ b/LCARStrek/mozapps/extensions/newaddon.css @@ -39,7 +39,7 @@ -moz-margin-end: 10px; max-width: 64px; max-height: 64px; - list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.svg"); } .addon-info[type="theme"] #icon { @@ -76,9 +76,9 @@ } #warning-icon { - list-style-image: url("chrome://global/skin/icons/alert-exclam.gif"); + list-style-image: url("chrome://mozapps/skin/extensions/alerticon-warning.svg"); width: 16px; - height: 15px; + height: 16px; margin-top: 5px; -moz-margin-end: 5px; } @@ -88,23 +88,25 @@ margin-bottom: 20px; } -#continuePanel, -#restartPanel { +#buttonDeck { margin-top: 25px; - -moz-box-pack: end; - -moz-box-align: center; + -moz-box-pack: stretch; + -moz-box-align: stretch; } #continuePanel { -moz-box-pack: end; + -moz-box-align: end; } -#restartMessage { - text-align: right; +#restartPanel { + -moz-box-pack: end; + -moz-box-align: stretch; } -#restartSpacer { - -moz-box-flex: 1; +#restartPanelButtons { + margin-top: 25px; + -moz-box-pack: end; } #later { diff --git a/LCARStrek/mozapps/extensions/selectAddons.css b/LCARStrek/mozapps/extensions/selectAddons.css deleted file mode 100644 index 7784688e..00000000 --- a/LCARStrek/mozapps/extensions/selectAddons.css +++ /dev/null @@ -1,169 +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/. */ - -#view-deck { - background: #000000; -} - -.heading { - font-size: 270%; - text-align: center; - margin: 0 120px; -} - -.progress { - margin: 10px 128px; -} - -.progress-label, -#errors-description { - text-align: center; - margin: 0 10px; -} - -#checking-heading, -#update-heading, -#errors-heading { - margin-top: 90px; -} - -#select-heading, -#confirm-heading { - margin-top: 10px; - margin-bottom: 10px; - text-align: center; -} - -#select-description, -#confirm-description { - margin: 10px; -} - -#select-list { - border-top: 1px solid #9C9CFF; - background-color: #000000; -} - -#select-grid column { - -moz-box-align: center; -} - -#select-grid row { - -moz-box-align: stretch; -} - -#select-grid label { - margin-top: 0; - margin-bottom: 0; -} - -.select-cell { - -moz-box-align: center; - -moz-box-pack: start; -} - -#select-header .select-cell { - box-sizing: border-box; -} - -#select-header .select-keep, -#select-header .select-icon, -#select-header .select-name, -#select-header .select-action { - color: #FFCF00; - border-bottom: 1px solid #9C9CFF; -} - -.select-keep { - -moz-box-pack: center; -} - -.select-icon { - width: 20px; -} - -.select-keep .addon-keep-checkbox { - margin: 0; - padding: 0; - width: 13px; -} - -.select-keep .addon-keep-checkbox:-moz-focusring { - outline: 1px dotted #008484; -} - -.select-keep .checkbox-label-box { - display: none; -} - -.addon-name, -.addon-action-message, -.addon-action-update { - box-sizing: border-box; - margin: 0; - padding-top: 1px; - padding-bottom: 2px; - -moz-padding-start: 6px; - -moz-padding-end: 5px; -} - -#select-grid separator { - border-top: 1px solid #9C9CFF; - height: 0; - margin-top: 0.4em; - margin-bottom: 0.4em; -} - -.addon:not([active]) .addon-name, -.addon:not([active]) .addon-action-message, -.addon:not([active]) .addon-action-update { - color: #8050B0; -} - -.addon-icon { - height: 16px; - width: 16px; - list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png"); -} - -.addon-icon[type="theme"] { - list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric-16.png"); -} - -.addon-icon[type="plugin"] { - list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric-16.png"); -} - -.addon-icon[type="dictionary"] { - list-style-image: url("chrome://mozapps/skin/extensions/dictionaryGeneric-16.png"); -} - -.action-list { - margin-top: 10px; - -moz-margin-start: 5em; -} - -.action-header { - margin-bottom: 10px; -} - -#confirm .addon { - -moz-margin-start: 3em; - -moz-box-align: center; -} - -.addon:not([active]) .addon-icon, -#disable-list .addon-icon, -#incompatible-list .addon-icon { -/* filter: grayscale(1); */ -} - -#footer { - padding: 15px 12px; -} - -.progress-label, -#footer-label { - color: #8050B0; -} diff --git a/LCARStrek/mozapps/extensions/xpinstallConfirm.css b/LCARStrek/mozapps/extensions/xpinstallConfirm.css index 5f4b579d..b8345e32 100644 --- a/LCARStrek/mozapps/extensions/xpinstallConfirm.css +++ b/LCARStrek/mozapps/extensions/xpinstallConfirm.css @@ -68,7 +68,7 @@ installitem { .xpinstallItemIcon { max-width: 32px; max-height: 32px; - list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.svg"); } installitem[type="theme"] .xpinstallItemIcon { diff --git a/LCARStrek/mozapps/places/defaultFavicon-inverted.png b/LCARStrek/mozapps/places/defaultFavicon-inverted.png new file mode 100644 index 0000000000000000000000000000000000000000..426a6d38dfb8b1ea825689c82d4cf255c4411e08 GIT binary patch literal 197 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!D3?x-;bCrM;TYyi9tD8VQkg0#G{2P#BED7=p zW^j0RBMrn!@^*J&=wOxg0CG4BJR*x37`TN%nDNrxx<5cc_7YEDSM~?&%t8jr5^bNH zfkGCZE{-7_*OL=~p#H#t!~+UHnjJrKH-9o``ybEqb-u(ac|#F3LybR)1}hRLtVnq9 g^T2@`h81EA_LF&ImT$UtJ)Hk|4ie z28U-i(m #window-controls > toolbarbutton > .toolbarbutton-icon { .popup-notification-icon[popupid="addon-install-complete"], .popup-notification-icon[popupid="lwtheme-install-request"], .popup-notification-icon[popupid="lwtheme-install-notification"] { - list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.svg"); width: 32px; height: 32px; } -- 2.35.3