From dbad77eabc8467c637024bc9963f45310d15565c Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Sun, 9 Jul 2017 20:16:09 +0200 Subject: [PATCH] sync both themes with toolkit windows theme changes in Mozilla 55 cycle --- EarlyBlue/communicator/sidebar/sidebar.css | 2 +- EarlyBlue/communicator/sync/syncCommon.css | 2 +- EarlyBlue/global/about.css | 5 - EarlyBlue/global/aboutReaderControls.css | 33 +++++- EarlyBlue/global/alerts/alert-common.css | 6 +- EarlyBlue/global/autocomplete.css | 17 +-- EarlyBlue/global/datetimeinputpickers.css | 105 +++++++++++------- EarlyBlue/global/dirListing/local.png | Bin 168 -> 0 bytes EarlyBlue/global/dirListing/remote.png | Bin 191 -> 0 bytes .../global/icons/autocomplete-search.svg | 19 +--- .../global/icons/calendar-arrow-left.svg | 7 ++ .../global/icons/calendar-arrow-right.svg | 7 ++ EarlyBlue/global/icons/information-16.png | Bin 231 -> 0 bytes .../global/icons/menubutton-dropmarker.svg | 2 +- EarlyBlue/global/icons/spinner-arrow-down.svg | 7 ++ EarlyBlue/global/icons/spinner-arrow-up.svg | 7 ++ EarlyBlue/global/icons/spinner-arrows.svg | 13 --- EarlyBlue/global/in-content/common.css | 57 ++++++++-- EarlyBlue/global/in-content/info-pages.css | 44 +++++--- EarlyBlue/global/linkTree.css | 30 ----- EarlyBlue/global/media/pauseButton.svg | 34 +----- EarlyBlue/global/media/playButton.svg | 37 +----- .../global/media/videoClickToPlayButton.svg | 30 ----- EarlyBlue/global/media/videocontrols.css | 22 ++-- EarlyBlue/global/narrate/back.svg | 17 +-- EarlyBlue/global/narrate/forward.svg | 17 +-- EarlyBlue/global/narrateControls.css | 15 +-- EarlyBlue/global/notification.css | 4 +- EarlyBlue/global/passwordmgr.css | 8 +- EarlyBlue/global/reader/RM-Close-24x24.svg | 22 +--- .../reader/RM-Content-Width-Minus-42x16.svg | 5 +- .../reader/RM-Content-Width-Plus-44x16.svg | 5 +- .../reader/RM-Line-Height-Minus-38x14.svg | 5 +- .../reader/RM-Line-Height-Plus-38x24.svg | 5 +- EarlyBlue/global/scrollbars.css | 6 +- .../mozapps/extensions/category-legacy.svg | 8 ++ .../extensions/dictionaryGeneric-16.png | Bin 206 -> 0 bytes EarlyBlue/mozapps/extensions/extensions.css | 19 +++- .../mozapps/extensions/themeGeneric-16.png | Bin 269 -> 0 bytes EarlyBlue/mozapps/extensions/utilities.svg | 28 +---- .../formautofill/requestAutocomplete.css | 11 -- EarlyBlue/mozapps/places/defaultFavicon.png | Bin 178 -> 0 bytes EarlyBlue/mozapps/places/defaultFavicon.svg | 9 ++ .../mozapps/places/defaultFavicon@2x.png | Bin 245 -> 0 bytes EarlyBlue/mozapps/plugins/pluginProblem.css | 20 +--- EarlyBlue/mozapps/update/updates.css | 2 +- EarlyBlue/navigator/navigator.css | 2 +- LCARStrek/browser/browser.css | 17 +-- LCARStrek/browser/customizableui/panelUI.css | 9 +- LCARStrek/browser/downloads/downloads.css | 2 +- LCARStrek/browser/preferences/preferences.css | 2 +- LCARStrek/browser/searchbar.css | 2 +- LCARStrek/browser/syncedtabs/sidebar.css | 8 +- LCARStrek/communicator/sidebar/sidebar.css | 2 +- LCARStrek/communicator/sync/syncCommon.css | 2 +- LCARStrek/global/about.css | 5 - LCARStrek/global/aboutReaderControls.css | 33 +++++- LCARStrek/global/alerts/alert-common.css | 6 +- LCARStrek/global/autocomplete.css | 15 +-- LCARStrek/global/datetimeinputpickers.css | 105 +++++++++++------- LCARStrek/global/dirListing/local.png | Bin 181 -> 0 bytes LCARStrek/global/dirListing/remote.png | Bin 204 -> 0 bytes .../global/icons/autocomplete-search.svg | 19 +--- .../global/icons/calendar-arrow-left.svg | 7 ++ .../global/icons/calendar-arrow-right.svg | 7 ++ LCARStrek/global/icons/information-16.png | Bin 434 -> 0 bytes LCARStrek/global/icons/information-24.png | Bin 834 -> 0 bytes .../global/icons/menubutton-dropmarker.svg | 2 +- LCARStrek/global/icons/spinner-arrow-down.svg | 7 ++ LCARStrek/global/icons/spinner-arrow-up.svg | 7 ++ LCARStrek/global/icons/spinner-arrows.svg | 13 --- LCARStrek/global/in-content/common.css | 52 +++++++-- LCARStrek/global/in-content/info-pages.css | 44 +++++--- LCARStrek/global/linkTree.css | 30 ----- LCARStrek/global/media/pauseButton.svg | 34 +----- LCARStrek/global/media/playButton.svg | 37 +----- .../global/media/videoClickToPlayButton.svg | 30 ----- LCARStrek/global/media/videocontrols.css | 22 ++-- LCARStrek/global/narrate/back.svg | 17 +-- LCARStrek/global/narrate/forward.svg | 17 +-- LCARStrek/global/narrateControls.css | 15 +-- LCARStrek/global/notification.css | 4 +- LCARStrek/global/passwordmgr.css | 8 +- LCARStrek/global/reader/RM-Close-24x24.svg | 22 +--- .../reader/RM-Content-Width-Minus-42x16.svg | 5 +- .../reader/RM-Content-Width-Plus-44x16.svg | 5 +- .../reader/RM-Line-Height-Minus-38x14.svg | 5 +- .../reader/RM-Line-Height-Plus-38x24.svg | 5 +- .../mozapps/extensions/category-legacy.svg | 8 ++ .../mozapps/extensions/dictionaryGeneric.png | Bin 0 -> 220 bytes LCARStrek/mozapps/extensions/extensions.css | 22 +++- .../mozapps/extensions/themeGeneric-16.png | Bin 269 -> 0 bytes LCARStrek/mozapps/extensions/utilities.svg | 31 +----- .../formautofill/requestAutocomplete.css | 11 -- .../places/defaultFavicon-inverted.png | Bin 197 -> 0 bytes .../places/defaultFavicon-inverted@2x.png | Bin 276 -> 0 bytes LCARStrek/mozapps/places/defaultFavicon.png | Bin 197 -> 0 bytes LCARStrek/mozapps/places/defaultFavicon.svg | 9 ++ .../mozapps/places/defaultFavicon@2x.png | Bin 276 -> 0 bytes LCARStrek/mozapps/plugins/pluginProblem.css | 20 +--- LCARStrek/mozapps/update/updates.css | 2 +- LCARStrek/navigator/navigator.css | 2 +- 102 files changed, 603 insertions(+), 818 deletions(-) delete mode 100644 EarlyBlue/global/dirListing/local.png delete mode 100644 EarlyBlue/global/dirListing/remote.png create mode 100644 EarlyBlue/global/icons/calendar-arrow-left.svg create mode 100644 EarlyBlue/global/icons/calendar-arrow-right.svg delete mode 100644 EarlyBlue/global/icons/information-16.png create mode 100644 EarlyBlue/global/icons/spinner-arrow-down.svg create mode 100644 EarlyBlue/global/icons/spinner-arrow-up.svg delete mode 100644 EarlyBlue/global/icons/spinner-arrows.svg delete mode 100644 EarlyBlue/global/linkTree.css delete mode 100644 EarlyBlue/global/media/videoClickToPlayButton.svg create mode 100644 EarlyBlue/mozapps/extensions/category-legacy.svg delete mode 100644 EarlyBlue/mozapps/extensions/dictionaryGeneric-16.png delete mode 100644 EarlyBlue/mozapps/extensions/themeGeneric-16.png delete mode 100644 EarlyBlue/mozapps/formautofill/requestAutocomplete.css delete mode 100644 EarlyBlue/mozapps/places/defaultFavicon.png create mode 100644 EarlyBlue/mozapps/places/defaultFavicon.svg delete mode 100644 EarlyBlue/mozapps/places/defaultFavicon@2x.png delete mode 100644 LCARStrek/global/dirListing/local.png delete mode 100644 LCARStrek/global/dirListing/remote.png create mode 100644 LCARStrek/global/icons/calendar-arrow-left.svg create mode 100644 LCARStrek/global/icons/calendar-arrow-right.svg delete mode 100644 LCARStrek/global/icons/information-16.png delete mode 100644 LCARStrek/global/icons/information-24.png create mode 100644 LCARStrek/global/icons/spinner-arrow-down.svg create mode 100644 LCARStrek/global/icons/spinner-arrow-up.svg delete mode 100644 LCARStrek/global/icons/spinner-arrows.svg delete mode 100644 LCARStrek/global/linkTree.css delete mode 100644 LCARStrek/global/media/videoClickToPlayButton.svg create mode 100644 LCARStrek/mozapps/extensions/category-legacy.svg create mode 100644 LCARStrek/mozapps/extensions/dictionaryGeneric.png delete mode 100644 LCARStrek/mozapps/extensions/themeGeneric-16.png delete mode 100644 LCARStrek/mozapps/formautofill/requestAutocomplete.css delete mode 100644 LCARStrek/mozapps/places/defaultFavicon-inverted.png delete mode 100644 LCARStrek/mozapps/places/defaultFavicon-inverted@2x.png delete mode 100644 LCARStrek/mozapps/places/defaultFavicon.png create mode 100644 LCARStrek/mozapps/places/defaultFavicon.svg delete mode 100644 LCARStrek/mozapps/places/defaultFavicon@2x.png diff --git a/EarlyBlue/communicator/sidebar/sidebar.css b/EarlyBlue/communicator/sidebar/sidebar.css index 45539f83..aebd19a0 100644 --- a/EarlyBlue/communicator/sidebar/sidebar.css +++ b/EarlyBlue/communicator/sidebar/sidebar.css @@ -149,5 +149,5 @@ } .tab-back { - list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif"); + list-style-image: url("chrome://global/skin/arrow/arrow-down.gif"); } diff --git a/EarlyBlue/communicator/sync/syncCommon.css b/EarlyBlue/communicator/sync/syncCommon.css index 44223f77..ba366c38 100644 --- a/EarlyBlue/communicator/sync/syncCommon.css +++ b/EarlyBlue/communicator/sync/syncCommon.css @@ -18,7 +18,7 @@ } .statusIcon[status="success"] { - list-style-image: url("chrome://global/skin/icons/information-16.png"); + list-style-image: url("chrome://global/skin/icons/info.svg"); } /* .data is only used by syncGenericChange.xul, but it seems unnecessary to have diff --git a/EarlyBlue/global/about.css b/EarlyBlue/global/about.css index 8467a50d..69ab5ed3 100644 --- a/EarlyBlue/global/about.css +++ b/EarlyBlue/global/about.css @@ -54,8 +54,3 @@ ul > li { th, td { padding: 0 5px; } - -.columns { - -moz-column-width: 20em; - -moz-column-gap: 3em; -} diff --git a/EarlyBlue/global/aboutReaderControls.css b/EarlyBlue/global/aboutReaderControls.css index c3baba62..2a4b66e5 100644 --- a/EarlyBlue/global/aboutReaderControls.css +++ b/EarlyBlue/global/aboutReaderControls.css @@ -257,6 +257,19 @@ } /* Font sizes are different per-platform, so we need custom CSS to line them up. */ +%ifdef XP_MACOSX +#font-type-buttons > .sans-serif-button > .name { + margin-top: 10px; +} + +#font-type-buttons > .sans-serif-button > .description { + margin-top: -4px; +} + +#font-type-buttons > .serif-button > .name { + font-size: 63px; +} +%elifdef XP_WIN #font-type-buttons > .sans-serif-button > .name { margin-top: 2px; } @@ -268,6 +281,19 @@ #font-type-buttons > .serif-button > .name { font-size: 63px; } +%else +#font-type-buttons > .sans-serif-button > .name { + margin-top: 5px; +} + +#font-type-buttons > .sans-serif-button > .description { + margin-top: -8px; +} + +#font-type-buttons > .serif-button > .name { + font-size: 70px; +} +%endif .button:hover, #font-size-buttons > button:hover, @@ -309,20 +335,21 @@ /*======= Toolbar icons =======*/ .close-button { - background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close"); + background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg"); + -moz-context-properties: fill; + fill: #808080; height: 68px; background-position: center 8px; } .close-button:hover { - background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close-hover"); + fill: #fff; background-color: #d94141; border-bottom: 1px solid #d94141; border-right: 1px solid #d94141; } .close-button:hover:active { - background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close-hover"); background-color: #AE2325; border-bottom: 1px solid #AE2325; border-right: 1px solid #AE2325; diff --git a/EarlyBlue/global/alerts/alert-common.css b/EarlyBlue/global/alerts/alert-common.css index 7c86ca73..1caf8429 100644 --- a/EarlyBlue/global/alerts/alert-common.css +++ b/EarlyBlue/global/alerts/alert-common.css @@ -129,7 +129,9 @@ #alertSettings { border-radius: 0px; min-width: 0; - list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities-grayscale"); + list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg"); + -moz-context-properties: fill; + fill: #808080; margin-inline-end: 0; margin-bottom: 0; } @@ -140,7 +142,7 @@ #alertSettings:hover, #alertSettings[open] { - list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities-inverted"); + fill: #000000; } #alertSettings:hover { diff --git a/EarlyBlue/global/autocomplete.css b/EarlyBlue/global/autocomplete.css index 24d90eca..9c026d45 100644 --- a/EarlyBlue/global/autocomplete.css +++ b/EarlyBlue/global/autocomplete.css @@ -133,22 +133,7 @@ panel[type="autocomplete-richlistbox"], max-height: 16px; margin-inline-start: 0px; margin-inline-end: 11px; - list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); -} -/* -.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"); - } - */ + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.svg"); } .ac-title { diff --git a/EarlyBlue/global/datetimeinputpickers.css b/EarlyBlue/global/datetimeinputpickers.css index 0298e34c..f9a70d7e 100644 --- a/EarlyBlue/global/datetimeinputpickers.css +++ b/EarlyBlue/global/datetimeinputpickers.css @@ -12,7 +12,8 @@ --colon-width: 2rem; --day-period-spacing-width: 1rem; --calendar-width: 23.1rem; - --date-picker-item-height: 2.4rem; + --date-picker-item-height: 2.5rem; + --date-picker-item-width: 3.3rem; --border: 0.1rem solid #9999CC; --border-radius: 0.3rem; @@ -21,6 +22,8 @@ --font-color: #000000; --fill-color: #CCD0DD; + --today-fill-color: #33FF33; + --selected-font-color: #FFFFFF; --selected-fill-color: #336699; @@ -29,10 +32,16 @@ --button-font-color-active: #9999CC; --button-fill-color-active: #000000; - --weekday-font-color: #6C6C6C; - --weekday-outside-font-color: #6C6C6C; - --weekend-font-color: #DA4E44; - --weekend-outside-font-color: #FF988F; + --weekday-header-font-color: #6C6C6C; + --weekend-header-font-color: rgb(218, 78, 68); + + --weekend-font-color: rgb(218, 78, 68); + --weekday-outside-font-color: rgb(153, 153, 153); + --weekend-outside-font-color: rgb(255, 152, 143); + + --weekday-disabled-font-color: rgba(25, 25, 25, 0.2); + --weekend-disabled-font-color: rgba(218, 78, 68, 0.2); + --disabled-fill-color: rgba(235, 235, 235, 0.8); --disabled-opacity: 0.2; } @@ -65,7 +74,7 @@ button { .nav > button { width: 3rem; height: var(--date-picker-item-height); - filter: url("chrome://global/skin/filters.svg#fill"); + -moz-context-properties: fill; fill: var(--button-font-color); } @@ -77,12 +86,14 @@ button { fill: var(--button-font-color-active); } -.nav > button.left { - background: url("chrome://global/skin/icons/calendar-arrows.svg#left") no-repeat 50% 50%; +.nav > button.prev, +.nav > button.next:dir(rtl) { + background: url("chrome://global/skin/icons/calendar-arrow-left.svg") no-repeat 50% 50%; } -.nav > button.right { - background: url("chrome://global/skin/icons/calendar-arrows.svg#right") no-repeat 50% 50%; +.nav > button.next, +.nav > button.prev:dir(rtl) { + background: url("chrome://global/skin/icons/calendar-arrow-right.svg") no-repeat 50% 50%; } .month-year-container { @@ -122,13 +133,13 @@ button.month-year::after { content: ""; width: 2.6rem; height: 1.6rem; - background: url("chrome://global/skin/icons/spinner-arrows.svg#down") no-repeat 50% 50%; - filter: url("chrome://global/skin/filters.svg#fill"); + background: url("chrome://global/skin/icons/spinner-arrow-down.svg") no-repeat 50% 50%; + -moz-context-properties: fill; fill: var(--button-font-color); } button.month-year.active::after { - background: url("chrome://global/skin/icons/spinner-arrows.svg#up") no-repeat 50% 50%; + background: url("chrome://global/skin/icons/spinner-arrow-up.svg") no-repeat 50% 50%; } .month-year-view { @@ -197,11 +208,11 @@ button.month-year.active::after { } .week-header > div { - color: var(--weekday-font-color); + color: var(--weekday-header-font-color); } .week-header > div.weekend { - color: var(--weekend-font-color); + color: var(--weekend-header-font-color); } .days-viewport { @@ -222,24 +233,45 @@ button.month-year.active::after { align-items: center; display: flex; height: var(--date-picker-item-height); - margin: 0.05rem 0.15rem; position: relative; justify-content: center; - width: 3rem; + width: var(--date-picker-item-width); } -.days-view > div.outside { +.days-view > .outside { color: var(--weekday-outside-font-color); } -.days-view > div.weekend { +.days-view > .weekend { color: var(--weekend-font-color); } -.days-view > div.weekend.outside { +.days-view > .weekend.outside { color: var(--weekend-outside-font-color); } +.days-view > .out-of-range { + color: var(--weekday-disabled-font-color); + background: var(--disabled-fill-color); +} + +.days-view > .out-of-range.weekend { + color: var(--weekend-disabled-font-color); +} + +.days-view > .out-of-range::before { + display: none; +} + +.days-view > div:hover::before, +.days-view > .select::before, +.days-view > .today::before { + top: 5%; + bottom: 5%; + left: 5%; + right: 5%; +} + #time-picker, .month-year-view { display: flex; @@ -255,7 +287,7 @@ button.month-year.active::after { .spinner-container > button { height: var(--spinner-button-height); - filter: url("chrome://global/skin/filters.svg#fill"); + -moz-context-properties: fill; fill: var(--button-font-color); } @@ -268,11 +300,11 @@ button.month-year.active::after { } .spinner-container > button.up { - background: url("chrome://global/skin/icons/spinner-arrows.svg#up") no-repeat 50% 50%; + background: url("chrome://global/skin/icons/spinner-arrow-up.svg") no-repeat 50% 50%; } .spinner-container > button.down { - background: url("chrome://global/skin/icons/spinner-arrows.svg#down") no-repeat 50% 50%; + background: url("chrome://global/skin/icons/spinner-arrow-down.svg") no-repeat 50% 50%; } .spinner-container.hide-buttons > button { @@ -300,22 +332,26 @@ button.month-year.active::after { scroll-snap-coordinate: 0 0; } +.spinner-container > .spinner > div::before, +.calendar-container .days-view > div::before { + position: absolute; + top: 5%; + bottom: 5%; + left: 5%; + right: 5%; + z-index: -10; + border-radius: var(--border-radius); +} + .spinner-container > .spinner > div:hover::before, .calendar-container .days-view > div:hover::before { background: var(--fill-color); border: var(--border); - border-radius: var(--border-radius); content: ""; - position: absolute; - top: 0%; - bottom: 0%; - left: 0%; - right: 0%; - z-index: -10; } .spinner-container > .spinner:not(.scrolling) > div.selection, -.calendar-container .days-view > div.selection { +.calendar-container .days-view > div.selection:not(.out-of-range) { color: var(--selected-font-color); } @@ -323,14 +359,7 @@ button.month-year.active::after { .calendar-container .days-view > div.selection::before { background: var(--selected-fill-color); border: none; - border-radius: var(--border-radius); content: ""; - position: absolute; - top: 0%; - bottom: 0%; - left: 0%; - right: 0%; - z-index: -10; } .spinner-container > .spinner > div.disabled::before, diff --git a/EarlyBlue/global/dirListing/local.png b/EarlyBlue/global/dirListing/local.png deleted file mode 100644 index e7bf3dc95f69377bfe3da4e349f3e291c4417949..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 168 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!D3?x-;bCrM;TYyi9t4={;TG|<>yq_Qm#*!ev zUYh7ML)4Eal|aXmSqq1lR!O}*{^e+j7>8x$5;0M)NQz~MR1kv9yejKR~@&t;ucLK6V` Cd?rc& diff --git a/EarlyBlue/global/dirListing/remote.png b/EarlyBlue/global/dirListing/remote.png deleted file mode 100644 index 3f69e6430d9698dbff0b3307352c07d0da47862a..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 191 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!93?!50ihlx9oB=)|uDdt{($dbPrOkX%;r$;d z$XF8O7tG-B>_!@hljQC0!qCAg>j6?;;1OBOz`!jG!i)^F=12eq*-JcqUD>a5GKom2 z>7Tbc3KY`!ba4#fxSpKQz;IDOLGi#L1t}@1Lkb5D9B7)&pv}mOV diff --git a/EarlyBlue/global/icons/autocomplete-search.svg b/EarlyBlue/global/icons/autocomplete-search.svg index ed5c6716..f53038a4 100644 --- a/EarlyBlue/global/icons/autocomplete-search.svg +++ b/EarlyBlue/global/icons/autocomplete-search.svg @@ -2,21 +2,6 @@ - - - - - - - + + diff --git a/EarlyBlue/global/icons/calendar-arrow-left.svg b/EarlyBlue/global/icons/calendar-arrow-left.svg new file mode 100644 index 00000000..3ff50f1e --- /dev/null +++ b/EarlyBlue/global/icons/calendar-arrow-left.svg @@ -0,0 +1,7 @@ + + + + diff --git a/EarlyBlue/global/icons/calendar-arrow-right.svg b/EarlyBlue/global/icons/calendar-arrow-right.svg new file mode 100644 index 00000000..0b497871 --- /dev/null +++ b/EarlyBlue/global/icons/calendar-arrow-right.svg @@ -0,0 +1,7 @@ + + + + diff --git a/EarlyBlue/global/icons/information-16.png b/EarlyBlue/global/icons/information-16.png deleted file mode 100644 index 7284cee7f0e183a74afd3a30e35731f0edd32e24..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 231 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!93?!50ihlx9jKx9jP7LeL$-D$|cmjMvTvszN zrKO$u|Nnnl+Dx9!nVUe0N`m}?862M7NCR<_yxm;OkH}&M25w;xW@MN( zM*=9wUgGKN%6@}WL|jS4&XcMya@>jXQECWII!*4ROaR@ufl~T zmV~XHbzs8Qe^-Ut)?77UQesrPaqWK*!>fps2M#Ehv3eNzF$nQ6DmXPTGDKNQO#d8H R-v%_2!PC{xWt~$(69DBjMaKXD diff --git a/EarlyBlue/global/icons/menubutton-dropmarker.svg b/EarlyBlue/global/icons/menubutton-dropmarker.svg index 76af113a..a0e3db2a 100644 --- a/EarlyBlue/global/icons/menubutton-dropmarker.svg +++ b/EarlyBlue/global/icons/menubutton-dropmarker.svg @@ -4,5 +4,5 @@ - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> - + diff --git a/EarlyBlue/global/icons/spinner-arrow-down.svg b/EarlyBlue/global/icons/spinner-arrow-down.svg new file mode 100644 index 00000000..420f8a3f --- /dev/null +++ b/EarlyBlue/global/icons/spinner-arrow-down.svg @@ -0,0 +1,7 @@ + + + + diff --git a/EarlyBlue/global/icons/spinner-arrow-up.svg b/EarlyBlue/global/icons/spinner-arrow-up.svg new file mode 100644 index 00000000..6ce9923b --- /dev/null +++ b/EarlyBlue/global/icons/spinner-arrow-up.svg @@ -0,0 +1,7 @@ + + + + diff --git a/EarlyBlue/global/icons/spinner-arrows.svg b/EarlyBlue/global/icons/spinner-arrows.svg deleted file mode 100644 index a8ba72d6..00000000 --- a/EarlyBlue/global/icons/spinner-arrows.svg +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - - diff --git a/EarlyBlue/global/in-content/common.css b/EarlyBlue/global/in-content/common.css index 05ed5faa..53ff2ac2 100644 --- a/EarlyBlue/global/in-content/common.css +++ b/EarlyBlue/global/in-content/common.css @@ -196,15 +196,26 @@ xul|menulist { background-color: var(--in-content-page-background); } */ +html|select:not([size]):not([multiple]) { + background-image: url("chrome://global/skin/arrow/arrow-down.gif"); + background-position: right 3px center; + background-repeat: no-repeat; + background-size: auto 18px; + font-size: inherit; + padding-inline-start: 5px; + padding-inline-end: 24px; + text-overflow: ellipsis; +} + html|button:enabled:hover, -html|select:enabled:hover, +html|select:not([size]):not([multiple]):enabled:hover, xul|button:not([disabled="true"]):hover, xul|colorpicker[type="button"]:not([disabled="true"]):hover, xul|menulist:not([disabled="true"]):hover { } html|button:enabled:hover:active, -html|select:enabled:hover:active, +html|select:not([size]):not([multiple]):enabled:hover:active, xul|button:not([disabled="true"]):hover:active, xul|colorpicker[type="button"]:not([disabled="true"]):hover:active, xul|menulist[open="true"]:not([disabled="true"]) { @@ -260,7 +271,7 @@ xul|button[type="menu"] > xul|*.button-box > xul|*.button-menu-dropmarker { height: 16px; border: none; background-color: transparent; - list-style-image: url("chrome://global/skin/in-content/dropdown.svg#dropdown"); + list-style-image: url("chrome://global/skin/in-content/dropdown.svg"); } xul|*.help-button { @@ -347,15 +358,15 @@ xul|*.spinbuttons-up > xul|*.button-box > xul|*.button-icon { } xul|*.spinbuttons-up[disabled="true"] > xul|*.button-box > xul|*.button-icon { - list-style-image: url("chrome://global/skin/arrow/arrow-up-dis.gif"); + list-style-image: url("chrome://global/skin/arrow/arrow-up-disabled.gif"); } xul|*.spinbuttons-down > xul|*.button-box > xul|*.button-icon { - list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif"); + list-style-image: url("chrome://global/skin/arrow/arrow-down.gif"); } xul|*.spinbuttons-down[disabled="true"] > xul|*.button-box > xul|*.button-icon { - list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif"); + list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif"); } xul|menulist:not([editable="true"]) > xul|*.menulist-dropmarker { @@ -434,6 +445,8 @@ xul|button[type="menu"] > xul|menupopup xul|menuseparator { */ /* textboxes */ /* +html|input[type="email"], +html|input[type="tel"], html|input[type="text"], html|textarea, xul|textbox { @@ -462,6 +475,21 @@ xul|textbox.tree-input { padding-left: unset; } +xul|textbox[type="search"] > .textbox-input-box { + background: url(chrome://global/skin/icons/search-textbox.svg) no-repeat center left; + padding-inline-start: 16px; +} + +xul|textbox[type="search"] > .textbox-input-box:-moz-locale-dir(rtl) { + background-position-x: right; +} + +xul|textbox[type="search"] > .textbox-input-box > .textbox-search-icons > .textbox-search-icon { + visibility: hidden; +} + +html|input[type="email"], +html|input[type="tel"], html|input[type="text"], html|textarea { font-family: inherit; @@ -469,12 +497,16 @@ html|textarea { padding: 5px 10px; } +html|input[type="email"]:focus, +html|input[type="tel"]:focus, html|input[type="text"]:focus, html|textarea:focus, xul|textbox[focused] { border-color: var(--in-content-border-focus); } +html|input[type="email"]:disabled, +html|input[type="tel"]:disabled, html|input[type="text"]:disabled, html|textarea:disabled, xul|textbox[disabled="true"] { @@ -528,6 +560,7 @@ html|input[type="checkbox"] + html|label { xul|checkbox { margin-inline-start: 0; + -moz-appearance: none; } xul|*.checkbox-check, @@ -539,8 +572,7 @@ html|input[type="checkbox"] + html|label:before { border: 1px solid var(--in-content-box-border-color); margin-inline-end: 10px; background-color: #f1f1f1; - / !important needed to override toolkit checked !important rule / - background-image: linear-gradient(#fff, rgba(255,255,255,0.8)) !important; + background-image: linear-gradient(#fff, rgba(255,255,255,0.8)); background-position: center center; background-repeat: no-repeat; box-shadow: 0 1px 1px 0 #fff, inset 0 2px 0 0 rgba(0,0,0,0.03); @@ -553,12 +585,11 @@ html|input[type="checkbox"]:not(:disabled) + html|label:hover:before { xul|*.checkbox-check[checked] { background-image: url("chrome://global/skin/in-content/check.png"), - / * !important needed to override toolkit !important rule * / - linear-gradient(#fff, rgba(255,255,255,0.8)) !important; + linear-gradient(#fff, rgba(255,255,255,0.8)); } html|input[type="checkbox"]:checked + html|label:before { - background-image: url("chrome://global/skin/in-content/check.svg#check"), linear-gradient(#fff, rgba(255,255,255,0.8)) !important; + background-image: url("chrome://global/skin/in-content/check.svg#check"), linear-gradient(#fff, rgba(255,255,255,0.8)); } xul|checkbox[disabled="true"] > xul|*.checkbox-check, @@ -582,6 +613,7 @@ html|*.toggle-container-with-text { /* xul|radio { margin-inline-start: 0; + -moz-appearance: none; } xul|*.radio-check { @@ -729,6 +761,7 @@ xul|filefield + xul|button { */ /* List boxes */ /* +html|select[size][multiple], xul|richlistbox, xul|listbox { -moz-appearance: none; @@ -738,6 +771,7 @@ xul|listbox { color: var(--in-content-text-color); } +html|select[size][multiple] > html|option, xul|treechildren::-moz-tree-row, xul|listbox xul|listitem { padding: 0.3em; @@ -747,6 +781,7 @@ xul|listbox xul|listitem { background-image: none; } +html|select[size][multiple] > html|option:hover, xul|treechildren::-moz-tree-row(hover), xul|listbox xul|listitem:hover { background-color: var(--in-content-item-hover); diff --git a/EarlyBlue/global/in-content/info-pages.css b/EarlyBlue/global/in-content/info-pages.css index f42ab177..af9663a3 100644 --- a/EarlyBlue/global/in-content/info-pages.css +++ b/EarlyBlue/global/in-content/info-pages.css @@ -3,23 +3,26 @@ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ @import url("chrome://global/skin/in-content/common.css"); + +:root { + --in-content-container-min-width: 13em; + --in-content-container-max-width: 52em; +} + /* Body and container */ body { display: flex; flex-direction: column; box-sizing: border-box; min-height: 100vh; - padding-top: 0; - padding-bottom: 0; - padding-inline-start: calc(48px + 4.6em); - padding-inline-end: 48px; + padding: 40px 48px; align-items: center; justify-content: center; } .container { - min-width: 13em; - max-width: 52em; + min-width: var(--in-content-container-min-width); + max-width: var(--in-content-container-max-width); } .container.restore-chosen { @@ -37,7 +40,7 @@ body { background-size: 1.6em; margin-inline-start: -2.3em; padding-inline-start: 2.3em; - font-size: 2.5em; + font-size: 2.2em; } .title:moz-locale-dir(rtl), @@ -46,16 +49,11 @@ body { } .title-text { - border-bottom: 1px solid #666699; font-size: inherit; padding-bottom: 0.4em; } -@media (max-width: 675px) { - body { - padding: 0 48px; - } - +@media (max-width: 970px) { .title { background-image: none !important; padding-inline-start: 0; @@ -81,13 +79,29 @@ ul { list-style: disc; } +dt { + font-weight: bold; +} + +ul.columns { + column-count: 2; + column-gap: 5em; +} + +@media (max-width: 35em) { + ul.columns { + column-count: 1; + } +} + /* Buttons */ .button-container { margin-top: 1.2em; } -.button-container > button { - min-width: 150px; +button { + padding: 0 1.5em; + border-radius: 0; } .button-container > button:first-child { diff --git a/EarlyBlue/global/linkTree.css b/EarlyBlue/global/linkTree.css deleted file mode 100644 index 38b3e36e..00000000 --- a/EarlyBlue/global/linkTree.css +++ /dev/null @@ -1,30 +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/. */ - -@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); - -/** - * All the properties in this rule are important to avoid having to create - * a special type of tree. This stylesheet can be loaded into a document with - * a single tree that is a link tree. Hardly elegant but it's efficient. - */ -treeitem[selected="true"] > treerow - { - background : transparent !important; - border : none !important; - color : -moz-FieldText !important; - } - -treecell:hover - { - text-decoration : underline !important; - color : #000080 !important; - cursor : pointer; - } - -treecell:hover:active - { - text-decoration : underline !important; - color : red !important; - } diff --git a/EarlyBlue/global/media/pauseButton.svg b/EarlyBlue/global/media/pauseButton.svg index 8d56b969..33af014c 100644 --- a/EarlyBlue/global/media/pauseButton.svg +++ b/EarlyBlue/global/media/pauseButton.svg @@ -1,36 +1,6 @@ - - - - - - + - - - - - - - diff --git a/EarlyBlue/global/media/playButton.svg b/EarlyBlue/global/media/playButton.svg index dc20c619..43e4aff3 100644 --- a/EarlyBlue/global/media/playButton.svg +++ b/EarlyBlue/global/media/playButton.svg @@ -1,37 +1,4 @@ - - - - - - + - - - - - - - diff --git a/EarlyBlue/global/media/videoClickToPlayButton.svg b/EarlyBlue/global/media/videoClickToPlayButton.svg deleted file mode 100644 index f7ca6b65..00000000 --- a/EarlyBlue/global/media/videoClickToPlayButton.svg +++ /dev/null @@ -1,30 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/EarlyBlue/global/media/videocontrols.css b/EarlyBlue/global/media/videocontrols.css index 1f8c6b98..d8f3c39f 100644 --- a/EarlyBlue/global/media/videocontrols.css +++ b/EarlyBlue/global/media/videocontrols.css @@ -45,7 +45,7 @@ audio > xul|videocontrols { flex-direction: column; justify-content: center; align-items: center; - background-color: rgb(80,80,80); + background-color: rgb(80,80,80, .85); } .controlsOverlay { @@ -96,22 +96,26 @@ audio > xul|videocontrols { } .playButton { - background-image: url(chrome://global/skin/media/pauseButton.svg#pause); + background-image: url(chrome://global/skin/media/pauseButton.svg); + -moz-context-properties: fill; + fill: #ffffff; } .playButton:hover { - background-image: url(chrome://global/skin/media/pauseButton.svg#pause-hover); + fill: #48a0f7; } .playButton:hover:active { - background-image: url(chrome://global/skin/media/pauseButton.svg#pause-active); + fill: #2d89e6; } .playButton[paused] { - background-image: url(chrome://global/skin/media/playButton.svg#play); + background-image: url(chrome://global/skin/media/playButton.svg); + -moz-context-properties: fill; + fill: #ffffff; } .playButton[paused]:hover { - background-image: url(chrome://global/skin/media/playButton.svg#play-hover); + fill: #48a0f7; } .playButton[paused]:hover:active { - background-image: url(chrome://global/skin/media/playButton.svg#play-active); + fill: #2d89e6; } .muteButton { @@ -386,11 +390,13 @@ audio > xul|videocontrols { min-width: 48px; min-height: 48px; border-radius: 50%; - background-image: url(chrome://global/skin/media/playButton.svg#play); + background-image: url(chrome://global/skin/media/playButton.svg); background-repeat: no-repeat; background-position: 54% 50%; background-size: 40% 40%; background-color: #1a1a1a; + -moz-context-properties: fill; + fill: #ffffff; opacity: 0.8; position: relative; top: 20px; diff --git a/EarlyBlue/global/narrate/back.svg b/EarlyBlue/global/narrate/back.svg index d29586e3..cf0bc582 100644 --- a/EarlyBlue/global/narrate/back.svg +++ b/EarlyBlue/global/narrate/back.svg @@ -1,15 +1,4 @@ - - - - - - - + + + diff --git a/EarlyBlue/global/narrate/forward.svg b/EarlyBlue/global/narrate/forward.svg index 53e64e95..47666747 100644 --- a/EarlyBlue/global/narrate/forward.svg +++ b/EarlyBlue/global/narrate/forward.svg @@ -1,15 +1,4 @@ - - - - - - - + + + diff --git a/EarlyBlue/global/narrateControls.css b/EarlyBlue/global/narrateControls.css index 91d02d85..4def74dc 100644 --- a/EarlyBlue/global/narrateControls.css +++ b/EarlyBlue/global/narrateControls.css @@ -45,20 +45,21 @@ #narrate-skip-previous { border-top-left-radius: 3px; - background-image: url("chrome://global/skin/narrate/back.svg#enabled"); + background-image: url("chrome://global/skin/narrate/back.svg"); + -moz-context-properties: fill; + fill: rgb(128 128 128); } #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"); + background-image: url("chrome://global/skin/narrate/forward.svg"); + -moz-context-properties: fill; + fill: rgb(128 128 128); } +#narrate-skip-previous:disabled, #narrate-skip-next:disabled { - background-image: url("chrome://global/skin/narrate/forward.svg#disabled"); + fill: rgb(128 128 128 / 50%); } #narrate-start-stop { diff --git a/EarlyBlue/global/notification.css b/EarlyBlue/global/notification.css index 881dcf27..68ff62a1 100644 --- a/EarlyBlue/global/notification.css +++ b/EarlyBlue/global/notification.css @@ -33,7 +33,7 @@ notification[type="critical"] { /* Default icons for notifications */ .messageImage[type="info"] { - list-style-image: url("chrome://global/skin/icons/information-16.png"); + list-style-image: url("chrome://global/skin/icons/info.svg"); } .messageImage[type="warning"] { @@ -181,7 +181,7 @@ notification[type="critical"] { width: 16px; height: 16px; list-style-image: url(chrome://global/skin/icons/menubutton-dropmarker.svg); - filter: url(chrome://global/skin/filters.svg#fill); + -moz-context-properties: fill; fill: currentColor; } diff --git a/EarlyBlue/global/passwordmgr.css b/EarlyBlue/global/passwordmgr.css index 83bce939..d07c8362 100644 --- a/EarlyBlue/global/passwordmgr.css +++ b/EarlyBlue/global/passwordmgr.css @@ -13,14 +13,8 @@ } treechildren::-moz-tree-image(siteCol) { - list-style-image: url(chrome://mozapps/skin/places/defaultFavicon.png); + list-style-image: url(chrome://mozapps/skin/places/defaultFavicon.svg); width: 16px; height: 16px; margin-inline-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-Close-24x24.svg b/EarlyBlue/global/reader/RM-Close-24x24.svg index 89fc1eb8..f8363715 100644 --- a/EarlyBlue/global/reader/RM-Close-24x24.svg +++ b/EarlyBlue/global/reader/RM-Close-24x24.svg @@ -1,23 +1,7 @@ - - - - - - - - - + + + diff --git a/EarlyBlue/global/reader/RM-Content-Width-Minus-42x16.svg b/EarlyBlue/global/reader/RM-Content-Width-Minus-42x16.svg index 48bbb9e8..482a392f 100644 --- a/EarlyBlue/global/reader/RM-Content-Width-Minus-42x16.svg +++ b/EarlyBlue/global/reader/RM-Content-Width-Minus-42x16.svg @@ -1,13 +1,10 @@ - - - - - - - - scrollbarbutton[type="decrement"][disabled="true" html|div scrollbarbutton[type="increment"] { -moz-appearance: scrollbarbutton-right; - background-image: url("chrome://global/skin/arrow/arrow-rit.gif") + background-image: url("chrome://global/skin/arrow/arrow-right.gif") } html|div scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] { -moz-appearance: scrollbarbutton-down; - background-image: url("chrome://global/skin/arrow/arrow-dn.gif") + background-image: url("chrome://global/skin/arrow/arrow-down.gif") } /* ..... decrement .... */ html|div scrollbarbutton[type="decrement"] { -moz-appearance: scrollbarbutton-left; - background-image: url("chrome://global/skin/arrow/arrow-lft.gif") + background-image: url("chrome://global/skin/arrow/arrow-left.gif") } html|div scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] { diff --git a/EarlyBlue/mozapps/extensions/category-legacy.svg b/EarlyBlue/mozapps/extensions/category-legacy.svg new file mode 100644 index 00000000..a05a214e --- /dev/null +++ b/EarlyBlue/mozapps/extensions/category-legacy.svg @@ -0,0 +1,8 @@ + + + legacy + + + diff --git a/EarlyBlue/mozapps/extensions/dictionaryGeneric-16.png b/EarlyBlue/mozapps/extensions/dictionaryGeneric-16.png deleted file mode 100644 index ba7715c008e82af1fe0bee228d25fbb05979f421..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 206 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!93?!50ihlx9jKx9jP7LeL$-D$|I0Jk_Tp1YB z)6&kIxp4Q!%>{2kDoTRtHDW!S!iZ( pqf3@VhbXJi=~)d6`Id;YFtmIUJ;bMYxEZLK!PC{xWt~$(69E4tHaY+R diff --git a/EarlyBlue/mozapps/extensions/extensions.css b/EarlyBlue/mozapps/extensions/extensions.css index 3db0006d..8bbf7bf4 100644 --- a/EarlyBlue/mozapps/extensions/extensions.css +++ b/EarlyBlue/mozapps/extensions/extensions.css @@ -207,6 +207,9 @@ button.warning { #category-experiment > .category-icon { list-style-image: url("chrome://mozapps/skin/extensions/category-experiments.png"); } +#category-legacy > .category-icon { + list-style-image: url("chrome://mozapps/skin/extensions/category-legacy.svg"); +} #category-availableUpdates > .category-icon { list-style-image: url("chrome://mozapps/skin/extensions/category-available.png"); } @@ -235,7 +238,9 @@ button.warning { } #header-utils-btn { - list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities"); + list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg"); + -moz-context-properties: fill; + fill: #6666CC; margin-inline-end: 16px; } @@ -624,11 +629,11 @@ button.warning { color: #FFFFFF; } -.addon[active="false"] > .content-container > .content-inner-container { +#addon-list .addon[active="false"] > .content-container > .content-inner-container { color: #666699; } -.addon[active="false"][selected] > .content-container > .content-inner-container { +#addon-list .addon[active="false"][selected] > .content-container > .content-inner-container { color: #AAAAAA; } @@ -1027,6 +1032,11 @@ button.button-link:hover { button.button-link:not([disabled="true"]):active:hover { } +.addon-control.replacement { + background-color: #008484; + color: #000000; +} + /*** telemetry experiments ***/ #detail-experiment-container { @@ -1066,7 +1076,8 @@ button.button-link:not([disabled="true"]):active:hover { margin-left: 48px; } -#disabled-unsigned-addons-heading { +#disabled-unsigned-addons-heading, +#legacy-extensions-heading { font-size: 1.4em; font-weight: bold; margin-bottom: .5em; diff --git a/EarlyBlue/mozapps/extensions/themeGeneric-16.png b/EarlyBlue/mozapps/extensions/themeGeneric-16.png deleted file mode 100644 index 7778afcf59b634b0034a6ce3ef0492b0b10ee891..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 269 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!93?!50ihlx9jKx9jP7LeL$-D$|I0Jk_T=_Tz z($dbHxp4QDVP8H-MM;ofFoVOh8)+a;lDE4HLkFv@2S|B=M`SSr1Gg{;GcwGYBLNg- zFY)wsWxvHHA|$KXYo`1jC?r|p8d2h$pPQSSSHj?2l$uzQnxasiS(2gP?&%v4-pD5o zROIdH;uyklJvo7aIgDLF(6qI&vGA!E8{4)MI_zvKPb?LdSQ6&TEaV-oo0#AmJL}K^ zg>6Ng%*`3MSlHScLIfB?j=z||b>*1=gCPgQoaX{dfyOd;y85}Sb4q9e0KKM4 AApigX diff --git a/EarlyBlue/mozapps/extensions/utilities.svg b/EarlyBlue/mozapps/extensions/utilities.svg index 1c517ea4..61e429d1 100644 --- a/EarlyBlue/mozapps/extensions/utilities.svg +++ b/EarlyBlue/mozapps/extensions/utilities.svg @@ -2,30 +2,6 @@ - - - - - - - - - - + + diff --git a/EarlyBlue/mozapps/formautofill/requestAutocomplete.css b/EarlyBlue/mozapps/formautofill/requestAutocomplete.css deleted file mode 100644 index 7ddd77c6..00000000 --- a/EarlyBlue/mozapps/formautofill/requestAutocomplete.css +++ /dev/null @@ -1,11 +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/. */ - -@import url("chrome://global/skin/in-content/common.css"); - -:root { - height: 100%; - width: 100%; - padding: 0; -} diff --git a/EarlyBlue/mozapps/places/defaultFavicon.png b/EarlyBlue/mozapps/places/defaultFavicon.png deleted file mode 100644 index 7275c309e55781bc1cedb10c745b00e5e7db23a4..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 178 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!93?!50ihlx9oB=)|u4!pA)6&lT|Nq~_WRf*d zkg+7lFPOpM*^M+1C&}C0g`tC0)&r!xz$3Dlfq`2Xgc%uT&5-~KvX^-Jy0TwqMyj)-RrNvsT=p~4>o7A|Duc*`KMgx_kZtHuYQ OY6eeNKbLh*2~7Z9$1M2( diff --git a/EarlyBlue/mozapps/places/defaultFavicon.svg b/EarlyBlue/mozapps/places/defaultFavicon.svg new file mode 100644 index 00000000..e59ce5a8 --- /dev/null +++ b/EarlyBlue/mozapps/places/defaultFavicon.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/EarlyBlue/mozapps/places/defaultFavicon@2x.png b/EarlyBlue/mozapps/places/defaultFavicon@2x.png deleted file mode 100644 index 113d12f8138f1af897051c05918eb5a6690afd0a..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 245 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnH3?%tPCZz)@o&cW^S5x)(X=!Kv{re9DPrOzX z0>v3ig8YIR9G=}s196hP-CY #window-controls > toolbarbutton > .toolbarbutton-icon { } #default-notification-icon { - list-style-image: url("chrome://global/skin/icons/information-16.png"); + list-style-image: url("chrome://global/skin/icons/info.svg"); width: 16px; height: 16px; } diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index ee381a9c..61ea7c6f 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -557,7 +557,7 @@ menuitem.bookmark-item { /* ::::: bookmark items ::::: */ .bookmark-item { - list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.svg"); -moz-image-region: auto; } @@ -978,6 +978,10 @@ menuitem.bookmark-item { transform: scaleX(-1); } +#nav-bar-overflow-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image { + display: none; +} + #tabview-button { -moz-image-region: rect(0, 648px, 18px, 630px); } @@ -2885,7 +2889,7 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- } .tab-icon-image { - list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.svg"); } .tab-icon-image[sharing]:not([selected]), @@ -3184,10 +3188,6 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- .tab-background-end[selected=true]:-moz-locale-dir(ltr)::after, .tab-background-start[selected=true]:-moz-locale-dir(rtl)::after { } - - .tab-icon-image { - list-style-image: url("chrome://mozapps/skin/places/defaultFavicon@2x.png"); - } } /* All tabs menupopup */ @@ -3314,6 +3314,7 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- #TabsToolbar > #new-tab-button { width: 26px; + -moz-box-orient: horizontal; } #alltabs-button { @@ -3340,7 +3341,7 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- /* All tabs menupopup */ .alltabs-item > .menu-iconic-left > .menu-iconic-icon { - list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.svg"); -moz-image-region: auto; } @@ -3451,7 +3452,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { @media (min-resolution: 1.1dppx) { .notification-anchor-icon { - list-style-image: url(chrome://global/skin/icons/information-32.png); + list-style-image: url(chrome://global/skin/icons/info.svg); } } diff --git a/LCARStrek/browser/customizableui/panelUI.css b/LCARStrek/browser/customizableui/panelUI.css index fe831a13..9473d80c 100644 --- a/LCARStrek/browser/customizableui/panelUI.css +++ b/LCARStrek/browser/customizableui/panelUI.css @@ -1364,14 +1364,7 @@ menuitem.panel-subview-footer:not([disabled]):-moz-any([open],:hover:active), #PanelUI-remotetabs-tabslist > toolbarbutton[itemtype="tab"], #PanelUI-historyItems > toolbarbutton { - list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); -} - -@media (min-resolution: 1.1dppx) { - #PanelUI-remotetabs-tabslist > toolbarbutton[itemtype="tab"], - #PanelUI-historyItems > toolbarbutton { - list-style-image: url("chrome://mozapps/skin/places/defaultFavicon@2x.png"); - } + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.svg"); } #PanelUI-remotetabs-tabslist > toolbarbutton[itemtype="tab"] > .toolbarbutton-icon, diff --git a/LCARStrek/browser/downloads/downloads.css b/LCARStrek/browser/downloads/downloads.css index d0adfbb0..3d0ef277 100644 --- a/LCARStrek/browser/downloads/downloads.css +++ b/LCARStrek/browser/downloads/downloads.css @@ -439,7 +439,7 @@ richlistitem[type="download"][verdict="PotentiallyUnwanted"] .blockedIcon { } richlistitem[type="download"][verdict="Uncommon"] .blockedIcon { - list-style-image: url("chrome://global/skin/icons/information-32.png"); + list-style-image: url("chrome://global/skin/icons/info.svg"); } @media (-moz-windows-default-theme) { diff --git a/LCARStrek/browser/preferences/preferences.css b/LCARStrek/browser/preferences/preferences.css index 492f795a..82e7863e 100644 --- a/LCARStrek/browser/preferences/preferences.css +++ b/LCARStrek/browser/preferences/preferences.css @@ -41,7 +41,7 @@ width: 16px; height: 16px; margin: 0 2px; - list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.svg"); } #cookiesChildren::-moz-tree-image(domainCol, container) { diff --git a/LCARStrek/browser/searchbar.css b/LCARStrek/browser/searchbar.css index e457a756..33a176d7 100644 --- a/LCARStrek/browser/searchbar.css +++ b/LCARStrek/browser/searchbar.css @@ -26,7 +26,7 @@ .searchbar-engine-image { height: 16px; width: 16px; - list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.svg"); margin-inline-start: -1px; } diff --git a/LCARStrek/browser/syncedtabs/sidebar.css b/LCARStrek/browser/syncedtabs/sidebar.css index a62b2b25..5e25a0f5 100644 --- a/LCARStrek/browser/syncedtabs/sidebar.css +++ b/LCARStrek/browser/syncedtabs/sidebar.css @@ -108,13 +108,7 @@ body { } .item.tab > .item-title-container > .item-icon-container { - background-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); -} - -@media (min-resolution: 1.1dppx) { -.item.tab > .item-title-container > .item-icon-container { - background-image: url("chrome://mozapps/skin/places/defaultFavicon@2x.png"); - } + background-image: url("chrome://mozapps/skin/places/defaultFavicon.svg"); } .item-icon-container { diff --git a/LCARStrek/communicator/sidebar/sidebar.css b/LCARStrek/communicator/sidebar/sidebar.css index ba3faa89..2f578ce1 100644 --- a/LCARStrek/communicator/sidebar/sidebar.css +++ b/LCARStrek/communicator/sidebar/sidebar.css @@ -179,5 +179,5 @@ } .tab-back { - list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif"); + list-style-image: url("chrome://global/skin/arrow/arrow-down.gif"); } diff --git a/LCARStrek/communicator/sync/syncCommon.css b/LCARStrek/communicator/sync/syncCommon.css index 07627ae9..4bc13770 100644 --- a/LCARStrek/communicator/sync/syncCommon.css +++ b/LCARStrek/communicator/sync/syncCommon.css @@ -18,7 +18,7 @@ } .statusIcon[status="success"] { - list-style-image: url("chrome://global/skin/icons/information-16.png"); + list-style-image: url("chrome://global/skin/icons/info.svg"); } /* .data is only used by syncGenericChange.xul, but it seems unnecessary to have diff --git a/LCARStrek/global/about.css b/LCARStrek/global/about.css index 23e8a80a..cc93ea64 100644 --- a/LCARStrek/global/about.css +++ b/LCARStrek/global/about.css @@ -61,11 +61,6 @@ th, td { padding: 0 5px; } -.columns { - -moz-column-width: 20em; - -moz-column-gap: 3em; -} - a:link { color: #3333FF; } diff --git a/LCARStrek/global/aboutReaderControls.css b/LCARStrek/global/aboutReaderControls.css index c3baba62..2a4b66e5 100644 --- a/LCARStrek/global/aboutReaderControls.css +++ b/LCARStrek/global/aboutReaderControls.css @@ -257,6 +257,19 @@ } /* Font sizes are different per-platform, so we need custom CSS to line them up. */ +%ifdef XP_MACOSX +#font-type-buttons > .sans-serif-button > .name { + margin-top: 10px; +} + +#font-type-buttons > .sans-serif-button > .description { + margin-top: -4px; +} + +#font-type-buttons > .serif-button > .name { + font-size: 63px; +} +%elifdef XP_WIN #font-type-buttons > .sans-serif-button > .name { margin-top: 2px; } @@ -268,6 +281,19 @@ #font-type-buttons > .serif-button > .name { font-size: 63px; } +%else +#font-type-buttons > .sans-serif-button > .name { + margin-top: 5px; +} + +#font-type-buttons > .sans-serif-button > .description { + margin-top: -8px; +} + +#font-type-buttons > .serif-button > .name { + font-size: 70px; +} +%endif .button:hover, #font-size-buttons > button:hover, @@ -309,20 +335,21 @@ /*======= Toolbar icons =======*/ .close-button { - background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close"); + background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg"); + -moz-context-properties: fill; + fill: #808080; height: 68px; background-position: center 8px; } .close-button:hover { - background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close-hover"); + fill: #fff; background-color: #d94141; border-bottom: 1px solid #d94141; border-right: 1px solid #d94141; } .close-button:hover:active { - background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close-hover"); background-color: #AE2325; border-bottom: 1px solid #AE2325; border-right: 1px solid #AE2325; diff --git a/LCARStrek/global/alerts/alert-common.css b/LCARStrek/global/alerts/alert-common.css index 6a2db0f2..5e8b052e 100644 --- a/LCARStrek/global/alerts/alert-common.css +++ b/LCARStrek/global/alerts/alert-common.css @@ -129,7 +129,9 @@ #alertSettings { border-radius: 20px; min-width: 0; - list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities-grayscale"); + list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg"); + -moz-context-properties: fill; + fill: #A09090; margin-inline-end: 0; margin-bottom: 0; } @@ -140,7 +142,7 @@ #alertSettings:hover, #alertSettings[open] { - list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities-inverted"); + fill: #000000; } #alertSettings:hover { diff --git a/LCARStrek/global/autocomplete.css b/LCARStrek/global/autocomplete.css index 736e6d71..89013121 100644 --- a/LCARStrek/global/autocomplete.css +++ b/LCARStrek/global/autocomplete.css @@ -144,20 +144,7 @@ panel[type="autocomplete-richlistbox"], max-height: 16px; margin-inline-start: 0px; margin-inline-end: 11px; - list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); -} - -.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"); - } + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.svg"); } .ac-title { diff --git a/LCARStrek/global/datetimeinputpickers.css b/LCARStrek/global/datetimeinputpickers.css index 12d5225c..67aafe33 100644 --- a/LCARStrek/global/datetimeinputpickers.css +++ b/LCARStrek/global/datetimeinputpickers.css @@ -12,7 +12,8 @@ --colon-width: 2rem; --day-period-spacing-width: 1rem; --calendar-width: 23.1rem; - --date-picker-item-height: 2.4rem; + --date-picker-item-height: 2.5rem; + --date-picker-item-width: 3.3rem; --border: 0.1rem solid #9C9CFF; --border-radius: 0.3rem; @@ -21,6 +22,8 @@ --font-color: #FF9F00; --fill-color: #000000; + --today-fill-color: #008484; + --selected-font-color: #000000; --selected-fill-color: #008484; @@ -29,10 +32,16 @@ --button-font-color-active: #FF9F00; --button-fill-color-active: #000000; - --weekday-font-color: #6C6C6C; - --weekday-outside-font-color: #6C6C6C; - --weekend-font-color: #DA4E44; - --weekend-outside-font-color: #FF988F; + --weekday-header-font-color: #FF9F00; + --weekend-header-font-color: #FF0000; + + --weekend-font-color: #FF0000; + --weekday-outside-font-color: #A09090; + --weekend-outside-font-color: #E7ADE7; + + --weekday-disabled-font-color: rgba(255, 159, 0, 0.2); + --weekend-disabled-font-color: rgba(255, 0, 0, 0.2); + --disabled-fill-color: rgba(160, 144, 144, 0.8); --disabled-opacity: 0.2; } @@ -65,7 +74,7 @@ button { .nav > button { width: 3rem; height: var(--date-picker-item-height); - filter: url("chrome://global/skin/filters.svg#fill"); + -moz-context-properties: fill; fill: var(--button-font-color); } @@ -77,12 +86,14 @@ button { fill: var(--button-font-color-active); } -.nav > button.left { - background: url("chrome://global/skin/icons/calendar-arrows.svg#left") no-repeat 50% 50%; +.nav > button.prev, +.nav > button.next:dir(rtl) { + background: url("chrome://global/skin/icons/calendar-arrow-left.svg") no-repeat 50% 50%; } -.nav > button.right { - background: url("chrome://global/skin/icons/calendar-arrows.svg#right") no-repeat 50% 50%; +.nav > button.next, +.nav > button.prev:dir(rtl) { + background: url("chrome://global/skin/icons/calendar-arrow-right.svg") no-repeat 50% 50%; } .month-year-container { @@ -122,13 +133,13 @@ button.month-year::after { content: ""; width: 2.6rem; height: 1.6rem; - background: url("chrome://global/skin/icons/spinner-arrows.svg#down") no-repeat 50% 50%; - filter: url("chrome://global/skin/filters.svg#fill"); + background: url("chrome://global/skin/icons/spinner-arrow-down.svg") no-repeat 50% 50%; + -moz-context-properties: fill; fill: var(--button-font-color); } button.month-year.active::after { - background: url("chrome://global/skin/icons/spinner-arrows.svg#up") no-repeat 50% 50%; + background: url("chrome://global/skin/icons/spinner-arrow-up.svg") no-repeat 50% 50%; } .month-year-view { @@ -197,11 +208,11 @@ button.month-year.active::after { } .week-header > div { - color: var(--weekday-font-color); + color: var(--weekday-header-font-color); } .week-header > div.weekend { - color: var(--weekend-font-color); + color: var(--weekend-header-font-color); } .days-viewport { @@ -222,24 +233,45 @@ button.month-year.active::after { align-items: center; display: flex; height: var(--date-picker-item-height); - margin: 0.05rem 0.15rem; position: relative; justify-content: center; - width: 3rem; + width: var(--date-picker-item-width); } -.days-view > div.outside { +.days-view > .outside { color: var(--weekday-outside-font-color); } -.days-view > div.weekend { +.days-view > .weekend { color: var(--weekend-font-color); } -.days-view > div.weekend.outside { +.days-view > .weekend.outside { color: var(--weekend-outside-font-color); } +.days-view > .out-of-range { + color: var(--weekday-disabled-font-color); + background: var(--disabled-fill-color); +} + +.days-view > .out-of-range.weekend { + color: var(--weekend-disabled-font-color); +} + +.days-view > .out-of-range::before { + display: none; +} + +.days-view > div:hover::before, +.days-view > .select::before, +.days-view > .today::before { + top: 5%; + bottom: 5%; + left: 5%; + right: 5%; +} + #time-picker, .month-year-view { display: flex; @@ -255,7 +287,7 @@ button.month-year.active::after { .spinner-container > button { height: var(--spinner-button-height); - filter: url("chrome://global/skin/filters.svg#fill"); + -moz-context-properties: fill; fill: var(--button-font-color); } @@ -268,11 +300,11 @@ button.month-year.active::after { } .spinner-container > button.up { - background: url("chrome://global/skin/icons/spinner-arrows.svg#up") no-repeat 50% 50%; + background: url("chrome://global/skin/icons/spinner-arrow-up.svg") no-repeat 50% 50%; } .spinner-container > button.down { - background: url("chrome://global/skin/icons/spinner-arrows.svg#down") no-repeat 50% 50%; + background: url("chrome://global/skin/icons/spinner-arrow-down.svg") no-repeat 50% 50%; } .spinner-container.hide-buttons > button { @@ -300,22 +332,26 @@ button.month-year.active::after { scroll-snap-coordinate: 0 0; } +.spinner-container > .spinner > div::before, +.calendar-container .days-view > div::before { + position: absolute; + top: 5%; + bottom: 5%; + left: 5%; + right: 5%; + z-index: -10; + border-radius: var(--border-radius); +} + .spinner-container > .spinner > div:hover::before, .calendar-container .days-view > div:hover::before { background: var(--fill-color); border: var(--border); - border-radius: var(--border-radius); content: ""; - position: absolute; - top: 0%; - bottom: 0%; - left: 0%; - right: 0%; - z-index: -10; } .spinner-container > .spinner:not(.scrolling) > div.selection, -.calendar-container .days-view > div.selection { +.calendar-container .days-view > div.selection:not(.out-of-range) { color: var(--selected-font-color); } @@ -323,14 +359,7 @@ button.month-year.active::after { .calendar-container .days-view > div.selection::before { background: var(--selected-fill-color); border: none; - border-radius: var(--border-radius); content: ""; - position: absolute; - top: 0%; - bottom: 0%; - left: 0%; - right: 0%; - z-index: -10; } .spinner-container > .spinner > div.disabled::before, diff --git a/LCARStrek/global/dirListing/local.png b/LCARStrek/global/dirListing/local.png deleted file mode 100644 index ac2161908c1e3581c5126fd7b440bd4435c607bc..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 181 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!D3?x-;bCrM;V{wqX6T`Z5GB1G~wg8_H*QXKp z=FIu8`BNwmBwZ5Z7tG-B>_!@hljQC0!qCAg>jC6&7I;J!Gca%qgD@k*tT_@uLG}_) zUsv`UTmlRx{LHOWcL9Z@JzX3_IIbrrG&EbWv8lKH|1TjmV}rs13!wV-2RJH=O_8VLR3?{s9yT42W3h8^gIEHXsPfloHxG12Yc;JwNl$6vVg#!l;G|gtvW@KI~ nx;o6jpum)2rq61zhE|5t581^`cv@})wK90R`njxgN@xNAPZBqj diff --git a/LCARStrek/global/icons/autocomplete-search.svg b/LCARStrek/global/icons/autocomplete-search.svg index 096c1959..f53038a4 100644 --- a/LCARStrek/global/icons/autocomplete-search.svg +++ b/LCARStrek/global/icons/autocomplete-search.svg @@ -2,21 +2,6 @@ - - - - - - - + + diff --git a/LCARStrek/global/icons/calendar-arrow-left.svg b/LCARStrek/global/icons/calendar-arrow-left.svg new file mode 100644 index 00000000..3ff50f1e --- /dev/null +++ b/LCARStrek/global/icons/calendar-arrow-left.svg @@ -0,0 +1,7 @@ + + + + diff --git a/LCARStrek/global/icons/calendar-arrow-right.svg b/LCARStrek/global/icons/calendar-arrow-right.svg new file mode 100644 index 00000000..0b497871 --- /dev/null +++ b/LCARStrek/global/icons/calendar-arrow-right.svg @@ -0,0 +1,7 @@ + + + + diff --git a/LCARStrek/global/icons/information-16.png b/LCARStrek/global/icons/information-16.png deleted file mode 100644 index a70b7fd63b92a7fd36d264817783be143d300b22..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 434 zcmV;j0ZsmiP)?j^>`pOuYjNf%AH7p~MjdQaEsk(@v#CFr(i==WyV=w*&IW{($}WC4e43AQ zU%~00y{2V7;KMi;n#`~~zyGg*Nh}OU7>Kd~KS cxbmL(3!(m98d__{Q2+n{07*qoM6N<$f=L~+#Q*>R diff --git a/LCARStrek/global/icons/information-24.png b/LCARStrek/global/icons/information-24.png deleted file mode 100644 index 04c756e0dabe60a9d0f0229b34ad53ae18c57265..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 834 zcmV-I1HJr-P)--T~q%kv% z5{P0GtPCWAkisU#g3(Gs2y3ARmo=<2nfKn;;@z2@{V{J740z%3;GTQG=bZ03=X=E= zYcQzVpe1k*v{LVS3$y_|h*9IF`)UAQ0KE_X5Ofka0#4^;;2+>8;0y5AF@}ea>|ikP z%eFrU-biO!QhnSu64(F~fI&Y>d=#U8In=>m;Mc*|LC>ZwH)NV@#%5E}nHY6zu7et! zYv5yvhN=Cj_HVp+^ear@&R=V6kDoul5%^8+($q38mngk(U`^@(IhQae8Th;;r4;uSbXat`dG`{f zk5H6PbMx*chDCQyR~j3E&jYC6uL5vY;w?~n-duFDKUv7OK;~ij45Q+?ruiD%{!ZeZ z04z&-%~sZQW3_vcwO3EDcJd`wk6&z@e%o2XTn?$8t=WPf-0+(Aqvs32Y;9W-v=Zgz zAp?Z~C#5(HUXl|g0XzimNfbPxWxD|G*$hLBVFawF9`uvIPyh8i*J#4~m!Oc^%>OBN zBZ*LB?i6<2_HDaa*QENJpQt91al2+EIfzk1NoOTS^RlSirl=MvszoZd84 z;YQmM7iPg5UbN~xTc1kwQh1Zz)=tE=?j(WSu>DD%hi@MFP44%7OyV=!Z%ZuMl#;4c z#2_iN{Xo*Uwm;7EaR0F${h7KP2d{!o*?u8S>K)(*;O7|i2mj~#7mblXEVGWcJ^%m! M07*qoM6N<$f?`^Qb^rhX diff --git a/LCARStrek/global/icons/menubutton-dropmarker.svg b/LCARStrek/global/icons/menubutton-dropmarker.svg index 76af113a..a0e3db2a 100644 --- a/LCARStrek/global/icons/menubutton-dropmarker.svg +++ b/LCARStrek/global/icons/menubutton-dropmarker.svg @@ -4,5 +4,5 @@ - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> - + diff --git a/LCARStrek/global/icons/spinner-arrow-down.svg b/LCARStrek/global/icons/spinner-arrow-down.svg new file mode 100644 index 00000000..420f8a3f --- /dev/null +++ b/LCARStrek/global/icons/spinner-arrow-down.svg @@ -0,0 +1,7 @@ + + + + diff --git a/LCARStrek/global/icons/spinner-arrow-up.svg b/LCARStrek/global/icons/spinner-arrow-up.svg new file mode 100644 index 00000000..6ce9923b --- /dev/null +++ b/LCARStrek/global/icons/spinner-arrow-up.svg @@ -0,0 +1,7 @@ + + + + diff --git a/LCARStrek/global/icons/spinner-arrows.svg b/LCARStrek/global/icons/spinner-arrows.svg deleted file mode 100644 index a8ba72d6..00000000 --- a/LCARStrek/global/icons/spinner-arrows.svg +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - - diff --git a/LCARStrek/global/in-content/common.css b/LCARStrek/global/in-content/common.css index 2b6ef8a3..7a6ded6b 100644 --- a/LCARStrek/global/in-content/common.css +++ b/LCARStrek/global/in-content/common.css @@ -221,8 +221,19 @@ xul|menulist { background-color: var(--in-content-page-background); } */ +html|select:not([size]):not([multiple]) { + background-image: url("chrome://global/skin/arrow/arrow-down.gif"); + background-position: right 3px center; + background-repeat: no-repeat; + background-size: auto 18px; + font-size: inherit; + padding-inline-start: 5px; + padding-inline-end: 24px; + text-overflow: ellipsis; +} + html|button:enabled:hover, -html|select:enabled:hover, +html|select:not([size]):not([multiple]):enabled:hover, xul|button:not([disabled="true"]):hover, xul|colorpicker[type="button"]:not([disabled="true"]):hover, xul|menulist:not([disabled="true"]):hover { @@ -231,7 +242,7 @@ xul|menulist:not([disabled="true"]):hover { } html|button:enabled:hover:active, -html|select:enabled:hover:active, +html|select:not([size]):not([multiple]):enabled:hover:active, xul|button:not([disabled="true"]):hover:active, xul|colorpicker[type="button"]:not([disabled="true"]):hover:active, xul|menulist[open="true"]:not([disabled="true"]) { @@ -286,7 +297,7 @@ xul|button[type="menu"] > xul|*.button-box > xul|*.button-menu-dropmarker { height: 16px; border: none; background-color: transparent; - list-style-image: url("chrome://global/skin/in-content/dropdown.svg#dropdown"); + list-style-image: url("chrome://global/skin/in-content/dropdown.svg"); } */ @@ -376,15 +387,15 @@ xul|*.spinbuttons-up > xul|*.button-box > xul|*.button-icon { } xul|*.spinbuttons-up[disabled="true"] > xul|*.button-box > xul|*.button-icon { - list-style-image: url("chrome://global/skin/arrow/arrow-up-dis.gif"); + list-style-image: url("chrome://global/skin/arrow/arrow-up-disabled.gif"); } xul|*.spinbuttons-down > xul|*.button-box > xul|*.button-icon { - list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif"); + list-style-image: url("chrome://global/skin/arrow/arrow-down.gif"); } xul|*.spinbuttons-down[disabled="true"] > xul|*.button-box > xul|*.button-icon { - list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif"); + list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif"); } xul|menulist:not([editable="true"]) > xul|*.menulist-dropmarker { @@ -463,6 +474,8 @@ xul|button[type="menu"] > xul|menupopup xul|menuseparator { */ /* textboxes */ /* +html|input[type="email"], +html|input[type="tel"], html|input[type="text"], html|textarea, xul|textbox { @@ -491,6 +504,21 @@ xul|textbox.tree-input { padding-left: unset; } +xul|textbox[type="search"] > .textbox-input-box { + background: url(chrome://global/skin/icons/search-textbox.svg) no-repeat center left; + padding-inline-start: 16px; +} + +xul|textbox[type="search"] > .textbox-input-box:-moz-locale-dir(rtl) { + background-position-x: right; +} + +xul|textbox[type="search"] > .textbox-input-box > .textbox-search-icons > .textbox-search-icon { + visibility: hidden; +} + +html|input[type="email"], +html|input[type="tel"], html|input[type="text"], html|textarea { font-family: inherit; @@ -498,12 +526,16 @@ html|textarea { padding: 5px 10px; } +html|input[type="email"]:focus, +html|input[type="tel"]:focus, html|input[type="text"]:focus, html|textarea:focus, xul|textbox[focused] { border-color: var(--in-content-border-focus); } +html|input[type="email"]:disabled, +html|input[type="tel"]:disabled, html|input[type="text"]:disabled, html|textarea:disabled, xul|textbox[disabled="true"] { @@ -556,6 +588,7 @@ html|input[type="checkbox"] + html|label { /* xul|checkbox { margin-inline-start: 0; + -moz-appearance: none; } */ /* xul|*.checkbox-check, */ @@ -581,8 +614,7 @@ html|input[type="checkbox"]:not(:disabled) + html|label:hover { /* xul|*.checkbox-check[checked] { background-image: url("chrome://global/skin/in-content/check.png"), - / * !important needed to override toolkit !important rule * / - linear-gradient(#fff, rgba(255,255,255,0.8)) !important; + linear-gradient(#fff, rgba(255,255,255,0.8)); } */ html|input[type="checkbox"]:checked + html|label::before { @@ -619,6 +651,7 @@ html|*.toggle-container-with-text { /* xul|radio { margin-inline-start: 0; + -moz-appearance: none; } xul|*.radio-check { @@ -765,6 +798,7 @@ xul|filefield + xul|button { */ /* List boxes */ /* +html|select[size][multiple], xul|richlistbox, xul|listbox { -moz-appearance: none; @@ -774,6 +808,7 @@ xul|listbox { color: var(--in-content-text-color); } +html|select[size][multiple] > html|option, xul|treechildren::-moz-tree-row, xul|listbox xul|listitem { padding: 0.3em; @@ -783,6 +818,7 @@ xul|listbox xul|listitem { background-image: none; } +html|select[size][multiple] > html|option:hover, xul|treechildren::-moz-tree-row(hover), xul|listbox xul|listitem:hover { background-color: var(--in-content-item-hover); diff --git a/LCARStrek/global/in-content/info-pages.css b/LCARStrek/global/in-content/info-pages.css index 29c6257a..af9663a3 100644 --- a/LCARStrek/global/in-content/info-pages.css +++ b/LCARStrek/global/in-content/info-pages.css @@ -3,23 +3,26 @@ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ @import url("chrome://global/skin/in-content/common.css"); + +:root { + --in-content-container-min-width: 13em; + --in-content-container-max-width: 52em; +} + /* Body and container */ body { display: flex; flex-direction: column; box-sizing: border-box; min-height: 100vh; - padding-top: 0; - padding-bottom: 0; - padding-inline-start: calc(48px + 4.6em); - padding-inline-end: 48px; + padding: 40px 48px; align-items: center; justify-content: center; } .container { - min-width: 13em; - max-width: 52em; + min-width: var(--in-content-container-min-width); + max-width: var(--in-content-container-max-width); } .container.restore-chosen { @@ -37,7 +40,7 @@ body { background-size: 1.6em; margin-inline-start: -2.3em; padding-inline-start: 2.3em; - font-size: 2.5em; + font-size: 2.2em; } .title:moz-locale-dir(rtl), @@ -46,16 +49,11 @@ body { } .title-text { - border-bottom: 1px solid #A09090; font-size: inherit; padding-bottom: 0.4em; } -@media (max-width: 675px) { - body { - padding: 0 48px; - } - +@media (max-width: 970px) { .title { background-image: none !important; padding-inline-start: 0; @@ -81,13 +79,29 @@ ul { list-style: disc; } +dt { + font-weight: bold; +} + +ul.columns { + column-count: 2; + column-gap: 5em; +} + +@media (max-width: 35em) { + ul.columns { + column-count: 1; + } +} + /* Buttons */ .button-container { margin-top: 1.2em; } -.button-container > button { - min-width: 150px; +button { + padding: 0 1.5em; + border-radius: 0; } .button-container > button:first-child { diff --git a/LCARStrek/global/linkTree.css b/LCARStrek/global/linkTree.css deleted file mode 100644 index 38b3e36e..00000000 --- a/LCARStrek/global/linkTree.css +++ /dev/null @@ -1,30 +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/. */ - -@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); - -/** - * All the properties in this rule are important to avoid having to create - * a special type of tree. This stylesheet can be loaded into a document with - * a single tree that is a link tree. Hardly elegant but it's efficient. - */ -treeitem[selected="true"] > treerow - { - background : transparent !important; - border : none !important; - color : -moz-FieldText !important; - } - -treecell:hover - { - text-decoration : underline !important; - color : #000080 !important; - cursor : pointer; - } - -treecell:hover:active - { - text-decoration : underline !important; - color : red !important; - } diff --git a/LCARStrek/global/media/pauseButton.svg b/LCARStrek/global/media/pauseButton.svg index d3155d96..33af014c 100644 --- a/LCARStrek/global/media/pauseButton.svg +++ b/LCARStrek/global/media/pauseButton.svg @@ -1,36 +1,6 @@ - - - - - - + - - - - - - - diff --git a/LCARStrek/global/media/playButton.svg b/LCARStrek/global/media/playButton.svg index 40afb5a5..43e4aff3 100644 --- a/LCARStrek/global/media/playButton.svg +++ b/LCARStrek/global/media/playButton.svg @@ -1,37 +1,4 @@ - - - - - - + - - - - - - - diff --git a/LCARStrek/global/media/videoClickToPlayButton.svg b/LCARStrek/global/media/videoClickToPlayButton.svg deleted file mode 100644 index 13727998..00000000 --- a/LCARStrek/global/media/videoClickToPlayButton.svg +++ /dev/null @@ -1,30 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/LCARStrek/global/media/videocontrols.css b/LCARStrek/global/media/videocontrols.css index 5d825886..bd0d61e2 100644 --- a/LCARStrek/global/media/videocontrols.css +++ b/LCARStrek/global/media/videocontrols.css @@ -45,7 +45,7 @@ audio > xul|videocontrols { flex-direction: column; justify-content: center; align-items: center; - background-color: rgb(160,144,144); + background-color: rgb(160,144,144, .85); } .controlsOverlay { @@ -110,22 +110,26 @@ audio > xul|videocontrols { } .playButton { - background-image: url(chrome://global/skin/media/pauseButton.svg#pause); + background-image: url(chrome://global/skin/media/pauseButton.svg); + -moz-context-properties: fill; + fill: #000000; } .playButton:hover { - background-image: url(chrome://global/skin/media/pauseButton.svg#pause-hover); + fill: #000000; } .playButton:hover:active { - background-image: url(chrome://global/skin/media/pauseButton.svg#pause-active); + fill: #000000; } .playButton[paused] { - background-image: url(chrome://global/skin/media/playButton.svg#play); + background-image: url(chrome://global/skin/media/playButton.svg); + -moz-context-properties: fill; + fill: #000000; } .playButton[paused]:hover { - background-image: url(chrome://global/skin/media/playButton.svg#play-hover); + fill: #000000; } .playButton[paused]:hover:active { - background-image: url(chrome://global/skin/media/playButton.svg#play-active); + fill: #000000; } .muteButton { @@ -399,11 +403,13 @@ audio > xul|videocontrols { min-width: 48px; min-height: 48px; border-radius: 50%; - background-image: url(chrome://global/skin/media/playButton.svg#play); + background-image: url(chrome://global/skin/media/playButton.svg); background-repeat: no-repeat; background-position: 54% 50%; background-size: 40% 40%; background-color: #000000; + -moz-context-properties: fill; + fill: #FFCF00; opacity: 0.8; position: relative; top: 20px; diff --git a/LCARStrek/global/narrate/back.svg b/LCARStrek/global/narrate/back.svg index d29586e3..cf0bc582 100644 --- a/LCARStrek/global/narrate/back.svg +++ b/LCARStrek/global/narrate/back.svg @@ -1,15 +1,4 @@ - - - - - - - + + + diff --git a/LCARStrek/global/narrate/forward.svg b/LCARStrek/global/narrate/forward.svg index 53e64e95..47666747 100644 --- a/LCARStrek/global/narrate/forward.svg +++ b/LCARStrek/global/narrate/forward.svg @@ -1,15 +1,4 @@ - - - - - - - + + + diff --git a/LCARStrek/global/narrateControls.css b/LCARStrek/global/narrateControls.css index 91d02d85..4def74dc 100644 --- a/LCARStrek/global/narrateControls.css +++ b/LCARStrek/global/narrateControls.css @@ -45,20 +45,21 @@ #narrate-skip-previous { border-top-left-radius: 3px; - background-image: url("chrome://global/skin/narrate/back.svg#enabled"); + background-image: url("chrome://global/skin/narrate/back.svg"); + -moz-context-properties: fill; + fill: rgb(128 128 128); } #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"); + background-image: url("chrome://global/skin/narrate/forward.svg"); + -moz-context-properties: fill; + fill: rgb(128 128 128); } +#narrate-skip-previous:disabled, #narrate-skip-next:disabled { - background-image: url("chrome://global/skin/narrate/forward.svg#disabled"); + fill: rgb(128 128 128 / 50%); } #narrate-start-stop { diff --git a/LCARStrek/global/notification.css b/LCARStrek/global/notification.css index 010ff3c4..c95cde8a 100644 --- a/LCARStrek/global/notification.css +++ b/LCARStrek/global/notification.css @@ -30,7 +30,7 @@ notification[type="critical"] { /* Default icons for notifications */ .messageImage[type="info"] { - list-style-image: url("chrome://global/skin/icons/information-16.png"); + list-style-image: url("chrome://global/skin/icons/info.svg"); } .messageImage[type="warning"] { @@ -189,7 +189,7 @@ notification[type="critical"] { width: 16px; height: 16px; list-style-image: url(chrome://global/skin/icons/menubutton-dropmarker.svg); - filter: url(chrome://global/skin/filters.svg#fill); + -moz-context-properties: fill; fill: currentColor; } diff --git a/LCARStrek/global/passwordmgr.css b/LCARStrek/global/passwordmgr.css index 83bce939..d07c8362 100644 --- a/LCARStrek/global/passwordmgr.css +++ b/LCARStrek/global/passwordmgr.css @@ -13,14 +13,8 @@ } treechildren::-moz-tree-image(siteCol) { - list-style-image: url(chrome://mozapps/skin/places/defaultFavicon.png); + list-style-image: url(chrome://mozapps/skin/places/defaultFavicon.svg); width: 16px; height: 16px; margin-inline-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-Close-24x24.svg b/LCARStrek/global/reader/RM-Close-24x24.svg index 89fc1eb8..f8363715 100644 --- a/LCARStrek/global/reader/RM-Close-24x24.svg +++ b/LCARStrek/global/reader/RM-Close-24x24.svg @@ -1,23 +1,7 @@ - - - - - - - - - + + + diff --git a/LCARStrek/global/reader/RM-Content-Width-Minus-42x16.svg b/LCARStrek/global/reader/RM-Content-Width-Minus-42x16.svg index 48bbb9e8..482a392f 100644 --- a/LCARStrek/global/reader/RM-Content-Width-Minus-42x16.svg +++ b/LCARStrek/global/reader/RM-Content-Width-Minus-42x16.svg @@ -1,13 +1,10 @@ - - - - - - - - + + legacy + + + diff --git a/LCARStrek/mozapps/extensions/dictionaryGeneric.png b/LCARStrek/mozapps/extensions/dictionaryGeneric.png new file mode 100644 index 0000000000000000000000000000000000000000..5f5c2f5c6d15176bce950d0fc445e0dfab4a0eb6 GIT binary patch literal 220 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnH3?%tPCZz)@&H$ef*J%tEbLRa2Ka)XTM@=0l z$XF8O7tG-B>_!@hljQC0!qCAg>j6?;;1OBOz`!jG!i)^F=12eq*-JcqUD+S9NeaoS z8dnK#0Sftex;TbNTux3nz|ynOL4YA;!#buWPKP#$9!0K6T#SZ`8kD>>lFl?49#ZIu z)LyL6vtenZz_BYU1CDwhUeGf&(BN&P$gRF(4L`YM85nZ+`ya47tmXzZm%-E3&t;uc GLK6V7lRWnT literal 0 HcmV?d00001 diff --git a/LCARStrek/mozapps/extensions/extensions.css b/LCARStrek/mozapps/extensions/extensions.css index 36e9f470..4978a305 100644 --- a/LCARStrek/mozapps/extensions/extensions.css +++ b/LCARStrek/mozapps/extensions/extensions.css @@ -222,6 +222,9 @@ button.warning { #category-experiment > .category-icon { list-style-image: url("chrome://mozapps/skin/extensions/category-experiments.png"); } +#category-legacy > .category-icon { + list-style-image: url("chrome://mozapps/skin/extensions/category-legacy.svg"); +} #category-availableUpdates > .category-icon { list-style-image: url("chrome://mozapps/skin/extensions/category-available.png"); } @@ -265,14 +268,16 @@ button.warning { } #header-utils-btn { - list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities"); + list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg"); + -moz-context-properties: fill; + fill: #FF9F00; margin-inline-end: 16px; } #header-utils-btn:hover, #header-utils-btn:hover:active, #header-utils-btn[open="true"] { - list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities-hover"); + fill: #000000; } #header-utils-btn > .button-box > .button-menu-dropmarker { @@ -1111,6 +1116,11 @@ button.button-link { button.button-link:not([disabled="true"]):active:hover { } +.addon-control.replacement { + background-color: #008484; + color: #000000; +} + /*** telemetry experiments ***/ #detail-experiment-container { @@ -1150,7 +1160,8 @@ button.button-link:not([disabled="true"]):active:hover { margin-left: 48px; } -#disabled-unsigned-addons-heading { +#disabled-unsigned-addons-heading, +#legacy-extensions-heading { font-size: 1.4em; font-weight: bold; margin-bottom: .5em; @@ -1159,3 +1170,8 @@ button.button-link:not([disabled="true"]):active:hover { #signing-dev-info { font-style: italic; } + +#detail-findUpdates-btn[hidden] { + display: -moz-box; + visibility: hidden; +} diff --git a/LCARStrek/mozapps/extensions/themeGeneric-16.png b/LCARStrek/mozapps/extensions/themeGeneric-16.png deleted file mode 100644 index 939df75083e839ab0a41fdd8e7298f386f453036..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 269 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!93?!50ihlx9jKx9jP7LeL$-D$|I0Jk_T=_Tz z=FIv3e?EhF5AR8kijp9|UYh7ML)50LT#kH}&M25w;xW@MN(M*=9w zUgGKN%6^MYL`YFzeA$0hppayVYeb22er|4RUI~M9QEFmIYKlU6W=V#EyQgnJcq5-U zP?5K%i(?4K_2dKw<}h{zLDSa8#=@swY;4<3=&-Y`Jh4<*Vo8`UvygYVZeoIO?5slv z6t)#{GB;=3Vqt4*2oYcmIsRe-*Og}i42B#GbDj&d#iYM-1scoX>FVdQ&MBb@02|3k ATmS$7 diff --git a/LCARStrek/mozapps/extensions/utilities.svg b/LCARStrek/mozapps/extensions/utilities.svg index 37c97e4a..61e429d1 100644 --- a/LCARStrek/mozapps/extensions/utilities.svg +++ b/LCARStrek/mozapps/extensions/utilities.svg @@ -2,33 +2,6 @@ - - - - - - - - - - + + diff --git a/LCARStrek/mozapps/formautofill/requestAutocomplete.css b/LCARStrek/mozapps/formautofill/requestAutocomplete.css deleted file mode 100644 index 7ddd77c6..00000000 --- a/LCARStrek/mozapps/formautofill/requestAutocomplete.css +++ /dev/null @@ -1,11 +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/. */ - -@import url("chrome://global/skin/in-content/common.css"); - -:root { - height: 100%; - width: 100%; - padding: 0; -} diff --git a/LCARStrek/mozapps/places/defaultFavicon-inverted.png b/LCARStrek/mozapps/places/defaultFavicon-inverted.png deleted file mode 100644 index 426a6d38dfb8b1ea825689c82d4cf255c4411e08..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 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$!5V7Q(bge)Y zDAexh;uykl-S?a!*C7XymWTC`2Ce+td=;N@In8Q#5O;KT%G=g0a)*tkzF}m^7bs%B zuGjixXVaqK8Xt4!{X3?7Jb&g&yHnTn`mM>RmdQQDI$y(S>+xf1NlCH~3jg{XE)7O>#0TYjis${L9 zULjD(!qdeugyVX00ua<6IFNWi;YYLMNABiN=4}7tdA`n + + + + + + + + diff --git a/LCARStrek/mozapps/places/defaultFavicon@2x.png b/LCARStrek/mozapps/places/defaultFavicon@2x.png deleted file mode 100644 index 74673460c212190b43e69f0f254e16dd334809ca..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 276 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnL3?x0byx0z;*aCb)T*c4UFPJdlV03U1P=v80 z$S;_|;n|He5GTpo-G!lpRn`N@;VkfoEM{Qf76M_$OLy!300r4gJbhi+A2LaZSjq{q zetiTKYWH+;4B@!$d(M#Skb_9e!}>^rR{m|iiqE*5W;HyBJ32e%ZR-}f!$wozFtX$e z6fs}dYkjh_X;E;Ek2&-H9aBD@KXavVXDQ?ED<=+}Q%)*rj<5~3dV7CP#-6y9rkg`; zAC*o!<7)TTfMe?2scU-u)?`%6=y_%XGlB-sar|NF!r-(N1Ssi@!j;t^ju P&`AuQu6{1-oD!M #window-controls > toolbarbutton > .toolbarbutton-icon { } #default-notification-icon { - list-style-image: url("chrome://global/skin/icons/information-16.png"); + list-style-image: url("chrome://global/skin/icons/info.svg"); width: 16px; height: 16px; } -- 2.35.3