From: Robert Kaiser Date: Sun, 9 Jul 2017 18:16:09 +0000 (+0200) Subject: sync both themes with toolkit windows theme changes in Mozilla 55 cycle X-Git-Tag: LCARStrek-2.52~7 X-Git-Url: https://git-public.kairo.at/?a=commitdiff_plain;h=dbad77eabc8467c637024bc9963f45310d15565c;p=themes.git sync both themes with toolkit windows theme changes in Mozilla 55 cycle --- 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 e7bf3dc9..00000000 Binary files a/EarlyBlue/global/dirListing/local.png and /dev/null differ diff --git a/EarlyBlue/global/dirListing/remote.png b/EarlyBlue/global/dirListing/remote.png deleted file mode 100644 index 3f69e643..00000000 Binary files a/EarlyBlue/global/dirListing/remote.png and /dev/null differ 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 7284cee7..00000000 Binary files a/EarlyBlue/global/icons/information-16.png and /dev/null differ 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 ba7715c0..00000000 Binary files a/EarlyBlue/mozapps/extensions/dictionaryGeneric-16.png and /dev/null differ 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 7778afcf..00000000 Binary files a/EarlyBlue/mozapps/extensions/themeGeneric-16.png and /dev/null differ 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 7275c309..00000000 Binary files a/EarlyBlue/mozapps/places/defaultFavicon.png and /dev/null differ 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 113d12f8..00000000 Binary files a/EarlyBlue/mozapps/places/defaultFavicon@2x.png and /dev/null differ diff --git a/EarlyBlue/mozapps/plugins/pluginProblem.css b/EarlyBlue/mozapps/plugins/pluginProblem.css index b1a680f9..90dc5de8 100644 --- a/EarlyBlue/mozapps/plugins/pluginProblem.css +++ b/EarlyBlue/mozapps/plugins/pluginProblem.css @@ -32,11 +32,8 @@ background-color: #CCCCCC; } -:-moz-handler-clicktoplay .hoverBox:active .msgTapToPlay, :-moz-handler-clicktoplay .hoverBox:active .msgClickToPlay, -:-moz-handler-vulnerable-updatable .hoverBox:active .msgTapToPlay, :-moz-handler-vulnerable-updatable .hoverBox:active .msgClickToPlay, -:-moz-handler-vulnerable-no-update .hoverBox:active .msgTapToPlay, :-moz-handler-vulnerable-no-update .hoverBox:active .msgClickToPlay { color: red; } @@ -84,23 +81,14 @@ html|a { margin-left: 5px; } -.msgTapToPlay, .msgClickToPlay { text-decoration: underline; } -@media not all and (-moz-touch-enabled) { - :-moz-handler-clicktoplay .msgTapToPlay, - a .msgTapToPlay { - display: none; - } -} - -@media (-moz-touch-enabled) { - :-moz-handler-clicktoplay .msgClickToPlay, - a .msgTapToPlay { - display: none; - } +/* on desktop, don't ever show the tap-to-play UI: that is for mobile only */ +:-moz-handler-clicktoplay .msgTapToPlay, +a .msgTapToPlay { + display: none; } .submitStatus div { diff --git a/EarlyBlue/mozapps/update/updates.css b/EarlyBlue/mozapps/update/updates.css index d76aa56a..b2671adc 100644 --- a/EarlyBlue/mozapps/update/updates.css +++ b/EarlyBlue/mozapps/update/updates.css @@ -106,7 +106,7 @@ wizardpage { #verificationFailedIcon { margin-inline-start: 5px; - list-style-image: url("chrome://global/skin/icons/information-16.png"); + list-style-image: url("chrome://global/skin/icons/info.svg"); } /* Error Page */ diff --git a/EarlyBlue/navigator/navigator.css b/EarlyBlue/navigator/navigator.css index ac675138..3b6de285 100644 --- a/EarlyBlue/navigator/navigator.css +++ b/EarlyBlue/navigator/navigator.css @@ -258,7 +258,7 @@ toolbar[mode="text"] > #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 ac216190..00000000 Binary files a/LCARStrek/global/dirListing/local.png and /dev/null differ diff --git a/LCARStrek/global/dirListing/remote.png b/LCARStrek/global/dirListing/remote.png deleted file mode 100644 index 8adefb91..00000000 Binary files a/LCARStrek/global/dirListing/remote.png and /dev/null differ 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 a70b7fd6..00000000 Binary files a/LCARStrek/global/icons/information-16.png and /dev/null differ diff --git a/LCARStrek/global/icons/information-24.png b/LCARStrek/global/icons/information-24.png deleted file mode 100644 index 04c756e0..00000000 Binary files a/LCARStrek/global/icons/information-24.png and /dev/null differ 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 00000000..5f5c2f5c Binary files /dev/null and b/LCARStrek/mozapps/extensions/dictionaryGeneric.png differ 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 939df750..00000000 Binary files a/LCARStrek/mozapps/extensions/themeGeneric-16.png and /dev/null differ 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 426a6d38..00000000 Binary files a/LCARStrek/mozapps/places/defaultFavicon-inverted.png and /dev/null differ diff --git a/LCARStrek/mozapps/places/defaultFavicon-inverted@2x.png b/LCARStrek/mozapps/places/defaultFavicon-inverted@2x.png deleted file mode 100644 index 1c207ecc..00000000 Binary files a/LCARStrek/mozapps/places/defaultFavicon-inverted@2x.png and /dev/null differ diff --git a/LCARStrek/mozapps/places/defaultFavicon.png b/LCARStrek/mozapps/places/defaultFavicon.png deleted file mode 100644 index 5827af01..00000000 Binary files a/LCARStrek/mozapps/places/defaultFavicon.png and /dev/null differ diff --git a/LCARStrek/mozapps/places/defaultFavicon.svg b/LCARStrek/mozapps/places/defaultFavicon.svg new file mode 100644 index 00000000..c9a49fd6 --- /dev/null +++ b/LCARStrek/mozapps/places/defaultFavicon.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/LCARStrek/mozapps/places/defaultFavicon@2x.png b/LCARStrek/mozapps/places/defaultFavicon@2x.png deleted file mode 100644 index 74673460..00000000 Binary files a/LCARStrek/mozapps/places/defaultFavicon@2x.png and /dev/null differ diff --git a/LCARStrek/mozapps/plugins/pluginProblem.css b/LCARStrek/mozapps/plugins/pluginProblem.css index 400e9178..6da97f96 100644 --- a/LCARStrek/mozapps/plugins/pluginProblem.css +++ b/LCARStrek/mozapps/plugins/pluginProblem.css @@ -31,11 +31,8 @@ background-color: #404000; } -:-moz-handler-clicktoplay .hoverBox:active .msgTapToPlay, :-moz-handler-clicktoplay .hoverBox:active .msgClickToPlay, -:-moz-handler-vulnerable-updatable .hoverBox:active .msgTapToPlay, :-moz-handler-vulnerable-updatable .hoverBox:active .msgClickToPlay, -:-moz-handler-vulnerable-no-update .hoverBox:active .msgTapToPlay, :-moz-handler-vulnerable-no-update .hoverBox:active .msgClickToPlay { color: #FF0000; } @@ -84,23 +81,14 @@ html|a { margin-left: 5px; } -.msgTapToPlay, .msgClickToPlay { text-decoration: underline; } -@media not all and (-moz-touch-enabled) { - :-moz-handler-clicktoplay .msgTapToPlay, - a .msgTapToPlay { - display: none; - } -} - -@media (-moz-touch-enabled) { - :-moz-handler-clicktoplay .msgClickToPlay, - a .msgTapToPlay { - display: none; - } +/* on desktop, don't ever show the tap-to-play UI: that is for mobile only */ +:-moz-handler-clicktoplay .msgTapToPlay, +a .msgTapToPlay { + display: none; } .submitStatus div { diff --git a/LCARStrek/mozapps/update/updates.css b/LCARStrek/mozapps/update/updates.css index 08258f56..fd83c4db 100644 --- a/LCARStrek/mozapps/update/updates.css +++ b/LCARStrek/mozapps/update/updates.css @@ -106,7 +106,7 @@ wizardpage { #verificationFailedIcon { margin-inline-start: 5px; - list-style-image: url("chrome://global/skin/icons/information-16.png"); + list-style-image: url("chrome://global/skin/icons/info.svg"); } /* Error Page */ diff --git a/LCARStrek/navigator/navigator.css b/LCARStrek/navigator/navigator.css index b3545963..744fa4da 100644 --- a/LCARStrek/navigator/navigator.css +++ b/LCARStrek/navigator/navigator.css @@ -331,7 +331,7 @@ toolbar[mode="text"] > #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; }