sync both themes with toolkit windows theme changes in Mozilla 55 cycle
authorRobert Kaiser <kairo@kairo.at>
Sun, 9 Jul 2017 18:16:09 +0000 (20:16 +0200)
committerRobert Kaiser <kairo@kairo.at>
Sun, 9 Jul 2017 18:16:09 +0000 (20:16 +0200)
102 files changed:
EarlyBlue/communicator/sidebar/sidebar.css
EarlyBlue/communicator/sync/syncCommon.css
EarlyBlue/global/about.css
EarlyBlue/global/aboutReaderControls.css
EarlyBlue/global/alerts/alert-common.css
EarlyBlue/global/autocomplete.css
EarlyBlue/global/datetimeinputpickers.css
EarlyBlue/global/dirListing/local.png [deleted file]
EarlyBlue/global/dirListing/remote.png [deleted file]
EarlyBlue/global/icons/autocomplete-search.svg
EarlyBlue/global/icons/calendar-arrow-left.svg [new file with mode: 0644]
EarlyBlue/global/icons/calendar-arrow-right.svg [new file with mode: 0644]
EarlyBlue/global/icons/information-16.png [deleted file]
EarlyBlue/global/icons/menubutton-dropmarker.svg
EarlyBlue/global/icons/spinner-arrow-down.svg [new file with mode: 0644]
EarlyBlue/global/icons/spinner-arrow-up.svg [new file with mode: 0644]
EarlyBlue/global/icons/spinner-arrows.svg [deleted file]
EarlyBlue/global/in-content/common.css
EarlyBlue/global/in-content/info-pages.css
EarlyBlue/global/linkTree.css [deleted file]
EarlyBlue/global/media/pauseButton.svg
EarlyBlue/global/media/playButton.svg
EarlyBlue/global/media/videoClickToPlayButton.svg [deleted file]
EarlyBlue/global/media/videocontrols.css
EarlyBlue/global/narrate/back.svg
EarlyBlue/global/narrate/forward.svg
EarlyBlue/global/narrateControls.css
EarlyBlue/global/notification.css
EarlyBlue/global/passwordmgr.css
EarlyBlue/global/reader/RM-Close-24x24.svg
EarlyBlue/global/reader/RM-Content-Width-Minus-42x16.svg
EarlyBlue/global/reader/RM-Content-Width-Plus-44x16.svg
EarlyBlue/global/reader/RM-Line-Height-Minus-38x14.svg
EarlyBlue/global/reader/RM-Line-Height-Plus-38x24.svg
EarlyBlue/global/scrollbars.css
EarlyBlue/mozapps/extensions/category-legacy.svg [new file with mode: 0644]
EarlyBlue/mozapps/extensions/dictionaryGeneric-16.png [deleted file]
EarlyBlue/mozapps/extensions/extensions.css
EarlyBlue/mozapps/extensions/themeGeneric-16.png [deleted file]
EarlyBlue/mozapps/extensions/utilities.svg
EarlyBlue/mozapps/formautofill/requestAutocomplete.css [deleted file]
EarlyBlue/mozapps/places/defaultFavicon.png [deleted file]
EarlyBlue/mozapps/places/defaultFavicon.svg [new file with mode: 0644]
EarlyBlue/mozapps/places/defaultFavicon@2x.png [deleted file]
EarlyBlue/mozapps/plugins/pluginProblem.css
EarlyBlue/mozapps/update/updates.css
EarlyBlue/navigator/navigator.css
LCARStrek/browser/browser.css
LCARStrek/browser/customizableui/panelUI.css
LCARStrek/browser/downloads/downloads.css
LCARStrek/browser/preferences/preferences.css
LCARStrek/browser/searchbar.css
LCARStrek/browser/syncedtabs/sidebar.css
LCARStrek/communicator/sidebar/sidebar.css
LCARStrek/communicator/sync/syncCommon.css
LCARStrek/global/about.css
LCARStrek/global/aboutReaderControls.css
LCARStrek/global/alerts/alert-common.css
LCARStrek/global/autocomplete.css
LCARStrek/global/datetimeinputpickers.css
LCARStrek/global/dirListing/local.png [deleted file]
LCARStrek/global/dirListing/remote.png [deleted file]
LCARStrek/global/icons/autocomplete-search.svg
LCARStrek/global/icons/calendar-arrow-left.svg [new file with mode: 0644]
LCARStrek/global/icons/calendar-arrow-right.svg [new file with mode: 0644]
LCARStrek/global/icons/information-16.png [deleted file]
LCARStrek/global/icons/information-24.png [deleted file]
LCARStrek/global/icons/menubutton-dropmarker.svg
LCARStrek/global/icons/spinner-arrow-down.svg [new file with mode: 0644]
LCARStrek/global/icons/spinner-arrow-up.svg [new file with mode: 0644]
LCARStrek/global/icons/spinner-arrows.svg [deleted file]
LCARStrek/global/in-content/common.css
LCARStrek/global/in-content/info-pages.css
LCARStrek/global/linkTree.css [deleted file]
LCARStrek/global/media/pauseButton.svg
LCARStrek/global/media/playButton.svg
LCARStrek/global/media/videoClickToPlayButton.svg [deleted file]
LCARStrek/global/media/videocontrols.css
LCARStrek/global/narrate/back.svg
LCARStrek/global/narrate/forward.svg
LCARStrek/global/narrateControls.css
LCARStrek/global/notification.css
LCARStrek/global/passwordmgr.css
LCARStrek/global/reader/RM-Close-24x24.svg
LCARStrek/global/reader/RM-Content-Width-Minus-42x16.svg
LCARStrek/global/reader/RM-Content-Width-Plus-44x16.svg
LCARStrek/global/reader/RM-Line-Height-Minus-38x14.svg
LCARStrek/global/reader/RM-Line-Height-Plus-38x24.svg
LCARStrek/mozapps/extensions/category-legacy.svg [new file with mode: 0644]
LCARStrek/mozapps/extensions/dictionaryGeneric.png [new file with mode: 0644]
LCARStrek/mozapps/extensions/extensions.css
LCARStrek/mozapps/extensions/themeGeneric-16.png [deleted file]
LCARStrek/mozapps/extensions/utilities.svg
LCARStrek/mozapps/formautofill/requestAutocomplete.css [deleted file]
LCARStrek/mozapps/places/defaultFavicon-inverted.png [deleted file]
LCARStrek/mozapps/places/defaultFavicon-inverted@2x.png [deleted file]
LCARStrek/mozapps/places/defaultFavicon.png [deleted file]
LCARStrek/mozapps/places/defaultFavicon.svg [new file with mode: 0644]
LCARStrek/mozapps/places/defaultFavicon@2x.png [deleted file]
LCARStrek/mozapps/plugins/pluginProblem.css
LCARStrek/mozapps/update/updates.css
LCARStrek/navigator/navigator.css

index 45539f8392a961821784c86caed29a929cf0e170..aebd19a060c16b69b01a46056ee0024f20cbb448 100644 (file)
 }
 
 .tab-back {
-  list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
+  list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
 }
index 44223f777b74eacdf97648df166f6f39c1db05c7..ba366c38fd0d1647d4e9c71fcebe0293ae88d8d2 100644 (file)
@@ -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
index 8467a50d81ccf938c683aacc2e71cc7dd5eaaaa2..69ab5ed37ff0ae709674c51e25ecd25ac216d216 100644 (file)
@@ -54,8 +54,3 @@ ul > li {
 th, td {
   padding: 0 5px;
 }
-
-.columns {
-  -moz-column-width: 20em;
-  -moz-column-gap: 3em;
-}
index c3baba628c6e0e3be098e04eb4befd98cb1178e7..2a4b66e5414aa0766e3704bb738ffd9cae7a7e40 100644 (file)
 }
 
 /* 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;
 }
 #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,
 /*======= 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;
index 7c86ca73b983aff82c926f3011fe7af0df7e6fa2..1caf842925ba4ef6685b1ee95a635b87d7ddb310 100644 (file)
 #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;
 }
 
 #alertSettings:hover,
 #alertSettings[open] {
-  list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities-inverted");
+  fill: #000000;
 }
 
 #alertSettings:hover {
index 24d90eca837f5fee4af50836d55149cb333e3000..9c026d45a44d463468ffd15d8181fedc0fa3e5ab 100644 (file)
@@ -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 {
index 0298e34c1d7e5fe31bb279eae6d7761c864efa77..f9a70d7e25d068fc42c33c0f62a9072265fafaf7 100644 (file)
@@ -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;
 
   --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 (file)
index e7bf3dc..0000000
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 (file)
index 3f69e64..0000000
Binary files a/EarlyBlue/global/dirListing/remote.png and /dev/null differ
index ed5c6716eb4b493140e8777ccc11bb4a2e7deba7..f53038a40e75442e9366d77f211521568caa70f7 100644 (file)
@@ -2,21 +2,6 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public\r
    - License, v. 2.0. If a copy of the MPL was not distributed with this\r
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->\r
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16">\r
-  <style>\r
-    use:not(:target) {\r
-      display: none;\r
-    }\r
-    use {\r
-      fill: #666699;\r
-    }\r
-    use[id$="-inverted"] {\r
-      fill: #FFFFFF;\r
-    }\r
-  </style>\r
-  <defs>\r
-    <path id="search" fill-rule="evenodd" d="M9.356,1.178c-3.014,0-5.458,2.45-5.458,5.472c0,1.086,0.32,2.096,0.864,2.947 l-3.279,3.287c-0.396,0.397-0.396,1.041,0,1.438l0.202,0.202c0.396,0.397,1.039,0.397,1.435,0l3.275-3.283 c0.854,0.554,1.869,0.88,2.962,0.88c3.014,0,5.458-2.45,5.458-5.471C14.814,3.627,12.371,1.178,9.356,1.178z M9.356,10.001 c-1.847,0-3.344-1.501-3.344-3.352c0-1.851,1.497-3.352,3.344-3.352c1.846,0,3.344,1.501,3.344,3.352 C12.7,8.501,11.203,10.001,9.356,10.001z"/>\r
-  </defs>\r
-  <use id="search-icon" xlink:href="#search"/>\r
-  <use id="search-icon-inverted" xlink:href="#search"/>\r
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\r
+  <path fill="context-fill" fill-rule="evenodd" d="M9.356,1.178c-3.014,0-5.458,2.45-5.458,5.472c0,1.086,0.32,2.096,0.864,2.947 l-3.279,3.287c-0.396,0.397-0.396,1.041,0,1.438l0.202,0.202c0.396,0.397,1.039,0.397,1.435,0l3.275-3.283 c0.854,0.554,1.869,0.88,2.962,0.88c3.014,0,5.458-2.45,5.458-5.471C14.814,3.627,12.371,1.178,9.356,1.178z M9.356,10.001 c-1.847,0-3.344-1.501-3.344-3.352c0-1.851,1.497-3.352,3.344-3.352c1.846,0,3.344,1.501,3.344,3.352 C12.7,8.501,11.203,10.001,9.356,10.001z"/>\r
 </svg>\r
diff --git a/EarlyBlue/global/icons/calendar-arrow-left.svg b/EarlyBlue/global/icons/calendar-arrow-left.svg
new file mode 100644 (file)
index 0000000..3ff50f1
--- /dev/null
@@ -0,0 +1,7 @@
+<!-- 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/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="14" height="14" viewBox="0 0 14 14">
+  <path fill="context-fill" d="M9.2 0L11 1.7 5.5 7 11 12.3 9.2 14 2 7"/>
+</svg>
diff --git a/EarlyBlue/global/icons/calendar-arrow-right.svg b/EarlyBlue/global/icons/calendar-arrow-right.svg
new file mode 100644 (file)
index 0000000..0b49787
--- /dev/null
@@ -0,0 +1,7 @@
+<!-- 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/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="14" height="14" viewBox="0 0 14 14">
+  <path fill="context-fill" d="M4.8 14L3 12.3 8.5 7 3 1.7 4.8 0 12 7"/>
+</svg>
diff --git a/EarlyBlue/global/icons/information-16.png b/EarlyBlue/global/icons/information-16.png
deleted file mode 100644 (file)
index 7284cee..0000000
Binary files a/EarlyBlue/global/icons/information-16.png and /dev/null differ
index 76af113a7bbf02e7e647cd62920c35f8617a0729..a0e3db2ab35f6300bcc01fddd825d41fbca7087f 100644 (file)
@@ -4,5 +4,5 @@
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
 <svg xmlns="http://www.w3.org/2000/svg"
      width="16" height="16" viewBox="0 0 16 16">
-  <path d="m 2,6 6,6 6,-6 -1.5,-1.5 -4.5,4.5 -4.5,-4.5 z" />
+  <path fill="context-fill" d="m 2,6 6,6 6,-6 -1.5,-1.5 -4.5,4.5 -4.5,-4.5 z" />
 </svg>
diff --git a/EarlyBlue/global/icons/spinner-arrow-down.svg b/EarlyBlue/global/icons/spinner-arrow-down.svg
new file mode 100644 (file)
index 0000000..420f8a3
--- /dev/null
@@ -0,0 +1,7 @@
+<!-- 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/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="10" height="6" viewBox="0 0 10 6">
+  <path fill="context-fill" d="M0 1l1-1 4 4 4-4 1 1-5 5"/>
+</svg>
diff --git a/EarlyBlue/global/icons/spinner-arrow-up.svg b/EarlyBlue/global/icons/spinner-arrow-up.svg
new file mode 100644 (file)
index 0000000..6ce9923
--- /dev/null
@@ -0,0 +1,7 @@
+<!-- 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/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="10" height="6" viewBox="0 0 10 6">
+  <path fill="context-fill" d="M0 5l1 1 4-4 4 4 1-1-5-5"/>
+</svg>
diff --git a/EarlyBlue/global/icons/spinner-arrows.svg b/EarlyBlue/global/icons/spinner-arrows.svg
deleted file mode 100644 (file)
index a8ba72d..0000000
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- 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/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6">
-  <style>
-    path:not(:target) {
-      display: none;
-    }
-  </style>
-  <path id="down" d="M0 1l1-1 4 4 4-4 1 1-5 5"/>
-  <path id="up" d="M0 5l1 1 4-4 4 4 1-1-5-5"/>
-</svg>
index 05ed5faaa34135c589a7c6aaafb99fe0f7145b43..53ff2ac2b6c537367e7073c6aa8dc1872f267c7b 100644 (file)
@@ -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);
index f42ab17719f51fed660e2d14c0c9af8af0abdfe6..af9663a32ab9f32184565a1c921f6e93c1100a3c 100644 (file)
@@ -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 (file)
index 38b3e36..0000000
+++ /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;
-  }
index 8d56b969151de271843c8826253c898b11410851..33af014cded85d9d667cad76718961a7f0ef36b1 100644 (file)
@@ -1,36 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 18 18">
-  <style>
-    use:not(:target) {
-      display: none;
-    }
-    use {
-      fill: #ffffff;
-    }
-    use[id$="-hover"] {
-      fill: #48a0f7;
-    }
-    use[id$="-active"] {
-      fill: #2d89e6;
-    }
-    use[id$="-focus"] {
-      fill: #48a0f7;
-    }
-    use[id$="-disabled"] {
-      fill: #ffffff;
-    }
-  </style>
-
-
-  <symbol id="pause-shape">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.002,1.953C5.172,1.953,4.5,2.626,4.5,3.455v11.08
+<svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 18 18">
+  <path fill="context-fill" d="M6.002,1.953C5.172,1.953,4.5,2.626,4.5,3.455v11.08
         c0,0.83,0.672,1.502,1.502,1.502c0.829,0,1.502-0.672,1.502-1.502V3.455C7.504,2.626,6.831,1.953,6.002,1.953z M12,1.953
         c-0.828,0-1.5,0.672-1.5,1.5v11.094c0,0.828,0.672,1.5,1.5,1.5s1.5-0.672,1.5-1.5V3.453C13.5,2.625,12.828,1.953,12,1.953z"/>
-  </symbol>
-
-  <use id="pause" xlink:href="#pause-shape"/>
-  <use id="pause-hover" xlink:href="#pause-shape"/>
-  <use id="pause-active" xlink:href="#pause-shape"/>
-  <use id="pause-focus" xlink:href="#pause-shape"/>
-  <use id="pause-disalbed" xlink:href="#pause-shape"/>
 </svg>
index dc20c619458af4f321cbb168c9a25c9537083105..43e4aff39cafeeb2f0f8da34abd577f39cbb214c 100644 (file)
@@ -1,37 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 18 18">
-  <style>
-    use:not(:target) {
-      display: none;
-    }
-    use {
-      fill: #ffffff;
-    }
-    use[id$="-hover"] {
-      fill: #48a0f7;
-    }
-    use[id$="-active"] {
-      fill: #2d89e6;
-    }
-    use[id$="-focus"] {
-      fill: #48a0f7;
-    }
-    use[id$="-disabled"] {
-      fill: #ffffff;
-    }
-    use[id$="-clicktoplay"] {
-      fill: #000000;
-    }
-  </style>
-
-  <symbol id="play-shape">
-    <path d="M3.243,15.155c0,0.845,0.593,1.157,1.317,0.707l9.659-6.041c0.727-0.453,0.722-1.193,0-1.645L4.556,2.137
+<svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 18 18">
+  <path fill="context-fill" d="M3.243,15.155c0,0.845,0.593,1.157,1.317,0.707l9.659-6.041c0.727-0.453,0.722-1.193,0-1.645L4.556,2.137
     C3.827,1.682,3.237,2.014,3.237,2.844v12.312H3.243z"/>
-  </symbol>
-
-  <use id="play" xlink:href="#play-shape"/>
-  <use id="play-hover" xlink:href="#play-shape"/>
-  <use id="play-active" xlink:href="#play-shape"/>
-  <use id="play-focus" xlink:href="#play-shape"/>
-  <use id="play-clicktoplay" xlink:href="#play-shape"/>
 </svg>
diff --git a/EarlyBlue/global/media/videoClickToPlayButton.svg b/EarlyBlue/global/media/videoClickToPlayButton.svg
deleted file mode 100644 (file)
index f7ca6b6..0000000
+++ /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/. -->
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet" viewBox="0 0 64 64">
-  <defs>
-    <linearGradient id="whiteGradientStops">
-      <stop style="stop-color:#fff;stop-opacity:.95" offset="0"/>
-      <stop style="stop-color:#fff;stop-opacity:.75" offset=".45"/>
-      <stop style="stop-color:#fff;stop-opacity:.72" offset=".55"/>
-      <stop style="stop-color:#fff;stop-opacity:.65" offset="1"/>
-    </linearGradient>
-    <linearGradient x1="32" y1="0" x2="32" y2="62" id="whiteGradient" xlink:href="#whiteGradientStops" gradientUnits="userSpaceOnUse"/>
-    <linearGradient id="arrowGradientStops">
-      <stop style="stop-color:#333;stop-opacity:.5" offset="0"/>
-      <stop style="stop-color:#666;stop-opacity:.5" offset="1"/>
-    </linearGradient>
-    <linearGradient x1="32" y1="16" x2="32" y2="48" id="arrowGradient" xlink:href="#arrowGradientStops" gradientUnits="userSpaceOnUse"/>
-    <filter x="-0.15" y="-0.15" width="1.25" height="1.25" color-interpolation-filters="sRGB" id="dropShadow">
-      <feDropShadow dx="0" dy="1" flood-opacity="0.5"/>
-    </filter>
-    <mask id="dropShadowMask">
-      <path style="fill:#fff;" d="M47.285,30.991L23.75,17.24c-0.357-0.208-0.692-0.278-0.969-0.221 C22.32,17.115,22,17.555,22,18.252v27.499c0,1.112,0.797,1.568,1.75,1.011l23.535-13.748C48.238,32.458,48.238,31.547,47.285,30.991 z M0,0v64h64V0H0z M32,60C16.536,60,4,47.464,4,32S16.536,4,32,4s28,12.536,28,28S47.464,60,32,60z"/>
-    </mask>
-  </defs>
-  <path mask="url(#dropShadowMask)" id="playButtonShadow" style="filter:url(#dropShadow);" d="M32,4C16.536,4,4,16.536,4,32s12.536,28,28,28s28-12.536,28-28S47.464,4,32,4z M47.285,33.014 L23.75,46.762C22.797,47.319,22,46.863,22,45.751v-27.5c0-0.697,0.32-1.137,0.781-1.232c0.277-0.058,0.612,0.012,0.969,0.221 l23.535,13.751C48.238,31.546,48.238,32.458,47.285,33.014z"/>
-  <path id="playButtonArrow" style="fill:url(#arrowGradient);" d="M22.781,17.019C22.32,17.114,22,17.555,22,18.251v27.5c0,1.112,0.797,1.568,1.75,1.011 l23.535-13.748c0.953-0.556,0.953-1.467,0-2.023L23.75,17.24C23.393,17.031,23.058,16.961,22.781,17.019z"/>
-  <path id="playButton" style="fill:url(#whiteGradient);" d="M32,4C16.536,4,4,16.536,4,32s12.536,28,28,28s28-12.536,28-28S47.464,4,32,4z M47.285,33.014 L23.75,46.762C22.797,47.319,22,46.863,22,45.751v-27.5c0-0.697,0.32-1.137,0.781-1.232c0.277-0.058,0.612,0.012,0.969,0.221 l23.535,13.751C48.238,31.546,48.238,32.458,47.285,33.014z"/>
-  <path id="playButtonEdgeHighlights" style="fill:white;fill-opacity:.3;" d="M32,4C16.536,4,4,16.536,4,32s12.536,28,28,28s28-12.536,28-28S47.464,4,32,4z M32,59C17.112,59,5,46.888,5,32S17.112,5,32,5s27,12.112,27,27S46.888,59,32,59z M47.789,30.127l-23.534-13.75 C23.826,16.126,23.396,16,22.976,16c-0.135,0-0.27,0.014-0.398,0.041C21.62,16.238,21,17.106,21,18.251v27.5 C21,47.075,21.812,48,22.977,48c0.423,0,0.854-0.126,1.279-0.375L47.79,33.877c0.769-0.449,1.21-1.132,1.21-1.875 S48.559,30.576,47.789,30.127z M47.285,33.014L23.75,46.762C23.474,46.924,23.211,47,22.977,47C22.402,47,22,46.541,22,45.751v-27.5 c0-0.697,0.32-1.137,0.781-1.232L22.976,17c0.233,0,0.498,0.079,0.775,0.24l23.535,13.751 C48.238,31.546,48.238,32.458,47.285,33.014z"/>
-  <path id="playButtonTopEdgeHighlights" style="fill:white;fill-opacity:.8;" d="M32,4C16.536,4,4,16.536,4,32c0,0.167,0.01,0.333,0.013,0.5 C4.28,17.268,16.704,5,32,5c15.296,0,27.72,12.268,27.987,27.5C59.99,32.333,60,32.167,60,32C60,16.536,47.464,4,32,4z M47.285,33.014L23.75,46.762C22.797,47.319,22,46.863,22,45.751v1c0,1.112,0.797,1.568,1.75,1.011l23.535-13.748 c0.697-0.406,0.879-1.003,0.556-1.512C47.723,32.688,47.541,32.864,47.285,33.014z"/>
-</svg>
index 1f8c6b98f32155dedb4afd39f5f2f7bd535644ae..d8f3c39f9e1640fa17ac1cd3446282e9faafa18a 100644 (file)
@@ -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;
index d29586e382aed4770f3cbf06b2bbd33c0292bf8b..cf0bc5822c3582c70e32bb1e3e437bd26c5de727 100644 (file)
@@ -1,15 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
-  <defs>
-    <style>
-      use:not(:target) {
-        display: none;
-      }
-      #disabled {
-        opacity: 0.5;
-      }
-    </style>
-    <path id="shape" d="M 5 0 C 4.446 0 4 0.446 4 1 L 4 23 C 4 23.554 4.446 24 5 24 L 7 24 C 7.554 24 8 23.554 8 23 L 8 12.404297 C 8.04108 12.509297 8.109944 12.610125 8.203125 12.703125 L 19.296875 23.775391 C 19.495259 23.972391 19.661613 24.039562 19.796875 23.976562 C 19.932137 23.915564 20 23.748516 20 23.478516 L 20 0.52148438 C 20 0.25248437 19.93214 0.084484365 19.796875 0.021484375 C 19.661613 -0.040515625 19.495259 0.02856248 19.296875 0.2265625 L 8.203125 11.298828 C 8.1099445 11.381828 8.04108 11.481703 8 11.595703 L 8 1 C 8 0.446 7.554 0 7 0 L 5 0 z " fill="gray"/>
-  </defs>
-  <use id="enabled" xlink:href="#shape"/>
-  <use id="disabled" xlink:href="#shape"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill="context-fill" d="M 5 0 C 4.446 0 4 0.446 4 1 L 4 23 C 4 23.554 4.446 24 5 24 L 7 24 C 7.554 24 8 23.554 8 23 L 8 12.404297 C 8.04108 12.509297 8.109944 12.610125 8.203125 12.703125 L 19.296875 23.775391 C 19.495259 23.972391 19.661613 24.039562 19.796875 23.976562 C 19.932137 23.915564 20 23.748516 20 23.478516 L 20 0.52148438 C 20 0.25248437 19.93214 0.084484365 19.796875 0.021484375 C 19.661613 -0.040515625 19.495259 0.02856248 19.296875 0.2265625 L 8.203125 11.298828 C 8.1099445 11.381828 8.04108 11.481703 8 11.595703 L 8 1 C 8 0.446 7.554 0 7 0 L 5 0 z"/>
 </svg>
+
index 53e64e9511b9cd247cb4f63e0eaa348ca1e0ca3a..47666747f6bf7be066fb15470ab70415c9ef8572 100644 (file)
@@ -1,15 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
-  <defs>
-    <style>
-      use:not(:target) {
-        display: none;
-      }
-      #disabled {
-        opacity: 0.5;
-      }
-    </style>
-    <path id="shape" d="m 19,0 c 0.554,0 1,0.446 1,1 l 0,22 c 0,0.554 -0.446,1 -1,1 l -2,0 c -0.554,0 -1,-0.446 -1,-1 l 0,-10.595703 c -0.04108,0.105 -0.109944,0.205828 -0.203125,0.298828 L 4.703125,23.775391 c -0.198384,0.197 -0.364738,0.264171 -0.5,0.201171 C 4.067863,23.915564 4,23.748516 4,23.478516 L 4,0.52148438 c 0,-0.26900001 0.06786,-0.43700001 0.203125,-0.5 0.135262,-0.062 0.301616,0.0070781 0.5,0.20507812 l 11.09375,11.0722655 c 0.09318,0.083 0.162045,0.182875 0.203125,0.296875 L 16,1 c 0,-0.554 0.446,-1 1,-1 l 2,0 z" fill="gray"/>
-  </defs>
-  <use id="enabled" xlink:href="#shape"/>
-  <use id="disabled" xlink:href="#shape"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill="context-fill" d="m 19,0 c 0.554,0 1,0.446 1,1 l 0,22 c 0,0.554 -0.446,1 -1,1 l -2,0 c -0.554,0 -1,-0.446 -1,-1 l 0,-10.595703 c -0.04108,0.105 -0.109944,0.205828 -0.203125,0.298828 L 4.703125,23.775391 c -0.198384,0.197 -0.364738,0.264171 -0.5,0.201171 C 4.067863,23.915564 4,23.748516 4,23.478516 L 4,0.52148438 c 0,-0.26900001 0.06786,-0.43700001 0.203125,-0.5 0.135262,-0.062 0.301616,0.0070781 0.5,0.20507812 l 11.09375,11.0722655 c 0.09318,0.083 0.162045,0.182875 0.203125,0.296875 L 16,1 c 0,-0.554 0.446,-1 1,-1 l 2,0 z"/>
 </svg>
+
index 91d02d85a92f5925645a690af8fa413cfae474ad..4def74dc88b11f1cc9ca25e87db2ae041ce12b93 100644 (file)
 
 #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 {
index 881dcf27de3406e16f4a618bf10a39df24f2edec..68ff62a18141aab513d4f42fa5f0c1a4b4382605 100644 (file)
@@ -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;
 }
 
index 83bce93929fa693e430bf0747a1ab4924fc91e89..d07c8362070077e6842264e224e4985becfe26f6 100644 (file)
 }
 
 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);
-  }
-}
index 89fc1eb86531ee0b958b2f132d8e210775843257..f83637158fbf88b8445503cdf3f7a90bc5297030 100644 (file)
@@ -1,23 +1,7 @@
-<?xml version="1.0" encoding="utf-8"?>
 <!-- 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/. -->
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24">
-  <defs>
-    <style>
-      use:not(:target) {
-        display: none;
-      }
-      #close {
-        fill: #808080;
-      }
-      #close-hover {
-        fill: #fff;
-      }
-    </style>
-
-    <path id="close-shape" d="M19,22H6a2,2,0,0,1-2-2V18l2,2H18a1,1,0,0,0,1-1V5a1,1,0,0,0-1-1H6L4,6V4A2,2,0,0,1,6,2H19a2,2,0,0,1,2,2V20A2,2,0,0,1,19,22Zm-6-9H5.4l4.2,4.154L8.186,18.631,1.567,12.017,8.021,5.411,9.5,6.95,5.424,11H13v2Z"/>
-  </defs>
-  <use id="close" xlink:href="#close-shape"/>
-  <use id="close-hover" xlink:href="#close-shape"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path fill="context-fill" d="M19,22H6a2,2,0,0,1-2-2V18l2,2H18a1,1,0,0,0,1-1V5a1,1,0,0,0-1-1H6L4,6V4A2,2,0,0,1,6,2H19a2,2,0,0,1,2,2V20A2,2,0,0,1,19,22Zm-6-9H5.4l4.2,4.154L8.186,18.631,1.567,12.017,8.021,5.411,9.5,6.95,5.424,11H13v2Z"/>
 </svg>
+
index 48bbb9e89042bed3ed6bfb812fcaad449322b86d..482a392fb6111c52b77eecf53590dc5880610d86 100644 (file)
@@ -1,13 +1,10 @@
 <?xml version="1.0" encoding="utf-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 
 <!-- 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/. -->
 
-<svg version="1.1"
-     xmlns="http://www.w3.org/2000/svg"
-     xmlns:xlink="http://www.w3.org/1999/xlink"
+<svg xmlns="http://www.w3.org/2000/svg"
      width="42"
      height="16"
      viewBox="0 0 42 16"
index bcdcbe8ad44123df30c70bdbbd20e70b328a30bd..da02e608f6ebfc3db57b1558c32778cd27ec2393 100644 (file)
@@ -1,13 +1,10 @@
 <?xml version="1.0" encoding="utf-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 
 <!-- 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/. -->
 
-<svg version="1.1"
-     xmlns="http://www.w3.org/2000/svg"
-     xmlns:xlink="http://www.w3.org/1999/xlink"
+<svg xmlns="http://www.w3.org/2000/svg"
      width="44"
      height="16"
      viewBox="0 0 44 16"
index 05d52828a1ebecd9d0ee34a8531ac996d0f31cd0..59517c24613f006d9258bb6943ccbb832808d3c0 100644 (file)
@@ -1,13 +1,10 @@
 <?xml version="1.0" encoding="utf-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 
 <!-- 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/. -->
 
-<svg version="1.1"
-     xmlns="http://www.w3.org/2000/svg"
-     xmlns:xlink="http://www.w3.org/1999/xlink"
+<svg xmlns="http://www.w3.org/2000/svg"
      width="38"
      height="14"
      viewBox="0 0 38 14"
index 0a5ee0dccfbce0a556b2cffb145d3ee19bbe447c..ba50c5a52e281f9453c8d01804af46b9e986087c 100644 (file)
@@ -1,13 +1,10 @@
 <?xml version="1.0" encoding="utf-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 
 <!-- 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/. -->
 
-<svg version="1.1"
-     xmlns="http://www.w3.org/2000/svg"
-     xmlns:xlink="http://www.w3.org/1999/xlink"
+<svg xmlns="http://www.w3.org/2000/svg"
      width="38"
      height="24"
      viewBox="0 0 38 24"
index 369c8fc7fcd46d04b3056785272b2a635a133215..067ba4a3ae27d687f2a80178735370b97c37dd92 100644 (file)
@@ -206,19 +206,19 @@ scrollbar[orient="vertical"] > 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 (file)
index 0000000..a05a214
--- /dev/null
@@ -0,0 +1,8 @@
+<!-- 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/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <title>legacy</title>
+  <path d="M12,6h0V5a1,1,0,0,0-1-1H7.78A.77.77,0,0,1,7,3.25C7,2.5,8,2.47,8,1.5S7.13,0,6,0,4,.64,4,1.5s1,1,1,1.75A.77.77,0,0,1,4.28,4H1A1,1,0,0,0,0,5V7.25A.77.77,0,0,0,.78,8c.75,0,.78-1,1.75-1S4,7.9,4,9s-.64,2-1.5,2-1-1-1.75-1a.77.77,0,0,0-.75.75V15a1,1,0,0,0,1,1H4.28A.77.77,0,0,0,5,15.25c0-.75-1-.78-1-1.75S4.92,12,6,12a2.58,2.58,0,0,1,1,.18l2.2-4.4A3.13,3.13,0,0,1,12,6Z" fill="#6666CC"/>
+  <path d="M15.88,14.38,13,8.68a1.15,1.15,0,0,0-2.06,0l-2.85,5.7a1.15,1.15,0,0,0,1,1.66h5.7A1.15,1.15,0,0,0,15.88,14.38Zm-4.45-4.09a.58.58,0,0,1,1.15,0v2.3a.58.58,0,0,1-1.15,0ZM12,15a.72.72,0,1,1,.72-.72A.72.72,0,0,1,12,15Z" fill="#6666CC"/>
+</svg>
diff --git a/EarlyBlue/mozapps/extensions/dictionaryGeneric-16.png b/EarlyBlue/mozapps/extensions/dictionaryGeneric-16.png
deleted file mode 100644 (file)
index ba7715c..0000000
Binary files a/EarlyBlue/mozapps/extensions/dictionaryGeneric-16.png and /dev/null differ
index 3db0006dab0522df500461c7d7eb225b47f6a335..8bbf7bf4ebd16813826c1ea200437dc69e34c15f 100644 (file)
@@ -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 (file)
index 7778afc..0000000
Binary files a/EarlyBlue/mozapps/extensions/themeGeneric-16.png and /dev/null differ
index 1c517ea4115d177b903db83cc417158f261b4a9b..61e429d10677d3efba7f5d3a71225bc3646514cb 100644 (file)
@@ -2,30 +2,6 @@
 <!-- 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/. -->
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
-  <style>
-    use:not(:target) {
-      display: none;
-    }
-    use {
-      fill: #6666CC;
-    }
-    use[id$="-native"] {
-      fill: GrayText;
-    }
-    use[id$="-grayscale"] {
-      fill: #808080;
-    }
-    use[id$="-inverted"] {
-      fill: #000000;
-    }
-  </style>
-  <defs>
-    <path id="utilities-shape" d="m11.5,13.9l-.6-1.5c.3-.2 .5-.4 .8-.6 .2-.2 .4-.5 .6-.7l1.5,.6c.3,.1 .6,0 .7-.3l.4-1c.1-.3 0-.6-.3-.7l-1.5-.6c.1-.6 .1-1.3 0-2l1.5-.6c.3-.1 .4-.4 .3-.7l-.4-1c-.1-.3-.4-.4-.7-.3l-1.5,.6c-.2-.3-.4-.5-.6-.8-.2-.1-.5-.3-.7-.5l.6-1.5c.1-.3 0-.6-.3-.7l-.9-.4c-.3-.1-.6,0-.7,.3l-.6,1.5c-.6-.1-1.3-.1-2,0l-.6-1.5c-.1-.3-.4-.4-.7-.3l-1,.4c-.2,.1-.3,.4-.2,.6l.6,1.5c-.3,.3-.5,.5-.8,.7-.2,.3-.4,.5-.6,.8l-1.5-.7c-.3-.1-.6,0-.7,.3l-.4,.9c-.1,.3 0,.6 .3,.7l1.5,.7c-.1,.6-.1,1.3 0,1.9l-1.5,.6c-.3,.1-.4,.4-.3,.7l.4,1c.1,.3 .4,.4 .7,.3l1.5-.6c.2,.3 .4,.5 .6,.8 .2,.2 .5,.4 .7,.6l-.6,1.5c-.1,.3 0,.6 .3,.7l1,.4c.3,.1 .6,0 .7-.3l.6-1.5c.6,.1 1.3,.1 2,0l.6,1.5c.1,.3 .4,.4 .7,.3l1-.4c.1-.1 .3-.4 .1-.7zm-5.1-4.2c-.9-.9-.9-2.4 0-3.3 .9-.9 2.4-.9 3.3,0 .9,.9 .9,2.4 0,3.3-.9,.9-2.4,.9-3.3,0z"/>
-  </defs>
-  <use id="utilities" xlink:href="#utilities-shape"/>
-  <use id="utilities-hover" xlink:href="#utilities-shape"/>
-  <use id="utilities-native" xlink:href="#utilities-shape"/>
-  <use id="utilities-grayscale" xlink:href="#utilities-shape"/>
-  <use id="utilities-inverted" xlink:href="#utilities-shape"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill="context-fill" d="m11.5,13.9l-.6-1.5c.3-.2 .5-.4 .8-.6 .2-.2 .4-.5 .6-.7l1.5,.6c.3,.1 .6,0 .7-.3l.4-1c.1-.3 0-.6-.3-.7l-1.5-.6c.1-.6 .1-1.3 0-2l1.5-.6c.3-.1 .4-.4 .3-.7l-.4-1c-.1-.3-.4-.4-.7-.3l-1.5,.6c-.2-.3-.4-.5-.6-.8-.2-.1-.5-.3-.7-.5l.6-1.5c.1-.3 0-.6-.3-.7l-.9-.4c-.3-.1-.6,0-.7,.3l-.6,1.5c-.6-.1-1.3-.1-2,0l-.6-1.5c-.1-.3-.4-.4-.7-.3l-1,.4c-.2,.1-.3,.4-.2,.6l.6,1.5c-.3,.3-.5,.5-.8,.7-.2,.3-.4,.5-.6,.8l-1.5-.7c-.3-.1-.6,0-.7,.3l-.4,.9c-.1,.3 0,.6 .3,.7l1.5,.7c-.1,.6-.1,1.3 0,1.9l-1.5,.6c-.3,.1-.4,.4-.3,.7l.4,1c.1,.3 .4,.4 .7,.3l1.5-.6c.2,.3 .4,.5 .6,.8 .2,.2 .5,.4 .7,.6l-.6,1.5c-.1,.3 0,.6 .3,.7l1,.4c.3,.1 .6,0 .7-.3l.6-1.5c.6,.1 1.3,.1 2,0l.6,1.5c.1,.3 .4,.4 .7,.3l1-.4c.1-.1 .3-.4 .1-.7zm-5.1-4.2c-.9-.9-.9-2.4 0-3.3 .9-.9 2.4-.9 3.3,0 .9,.9 .9,2.4 0,3.3-.9,.9-2.4,.9-3.3,0z"/>
 </svg>
diff --git a/EarlyBlue/mozapps/formautofill/requestAutocomplete.css b/EarlyBlue/mozapps/formautofill/requestAutocomplete.css
deleted file mode 100644 (file)
index 7ddd77c..0000000
+++ /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 (file)
index 7275c30..0000000
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 (file)
index 0000000..e59ce5a
--- /dev/null
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <circle cx="8.028" cy="8" r="8" fill="#fff"/>
+  <circle cx="8.028" cy="8" r="7" fill="#808080"/>
+  <g fill="#fff">
+    <path d="M3.12 6.664c.163-.13.743.134 1.188-.013.213-.07.018-.32.325-.37.152-.02.158.27.34.15.057-.03.036-.15.055-.16.047-.03 0-.31.114-.38.4-.24.335.6.764.22.25-.31-.24-.57-.127-.88.16-.44.44-.09.73-.2.21-.08-.04-.59.14-.68.34-.17.26.39.53.42.17.02.53-.28.51-.45-.03-.2-.45-.27-.53-.45-.1-.21.15-.41.06-.56-.11-.19-.47-.36-.67-.18-.31.27.18.3.05.47-.15.2-.18-.04-.35.06-.2.11-.18.44-.46.314-.69-.285.71-.85.38-1.27-.05-.06-.28-.034-.3-.105-.03-.1.17-.19.23-.224a5.986 5.986 0 0 0-4.07 5.09s.12.2.41.01.58.05.68-.15c.17-.34-.34-.35-.02-.61z"/>
+    <path d="M6.44 2.44c0 .173-.008.658.38.164a.78.78 0 0 1 .79-.134c-.075-.026-.538.31-.385.4s.46-.115.55-.208a1.343 1.343 0 0 0 .335-.514c.024-.134.024-.15.024-.15a6.03 6.03 0 0 0-1.852.248s.158.092.158.193zm2.304.05c.13.06-.44.217-.4.375s.557.187.758.235.177.15.355.33c.3.3.35-.572.646-.617.237-.036.12-.2.043-.245s.124-.124.124-.124a5.966 5.966 0 0 0-1.735-.42s-.3-.036-.168.17a.806.806 0 0 0 .377.297zm4.803 3.22c-.01-.027 0 .1-.053.13s-.12-.21-.233.024a.2.2 0 0 1-.1.16c-.08 0 .06-.235.06-.258 0-.04-.04-.064-.05-.1-.03-.11-.06-.222-.07-.247-.02-.05.04-.1.05-.17-.1-.13.01-.33-.03-.4a6.03 6.03 0 0 0-1-1.22l-.01.01a6.1 6.1 0 0 0 .38.63c.04.06-.25-.06-.18 0-.08-.07-.17-.27-.25-.34-.1-.1-.14-.2-.22-.27-.12-.12-.29-.15-.3-.12-.02.06.12.34.15.39.18.3.28.19.42.24.25.09.44.96.74.94-.09 0-.36-.1-.44 0s.12.1.28.59c.15.45.12.22.29.26a.48.48 0 0 1 .24.41c0 .08-.1.09-.13.18-.02.11.09.34.07.43-.02.11-.13.14-.21.29-.11 0 .02-.12-.21-.08-.17.02-.15.33-.35.38-.1.03-.21.06-.26.03-.1-.07-.04-.26-.11-.23-.12.05-.18.29-.17.47s.23.13.07.36c-.18.27-.24-.09-.33-.05s-.12.04-.15.17c-.01.04.06.02.05.09-.01.09-.12.13-.19.25s.12.06.147.07c0-.02.33.22.12.31a.57.57 0 0 0-.325.573c0 .13.19-.158.36-.11s.058.68.167.63c.07-.04.08-.09.13-.13s.13-.05.17-.1.223-.55.46-.4c.1.06.01.46.094.44.06-.014.23-.25.31-.2.14.09.05.056.32.23s.008.28.275.183c.43-.157.49-1.486.515-1.82a5.932 5.932 0 0 0-.43-2.69zM9.34 12.26c.143-.135.264-.293.122-.476-.088-.113-.34-.144-.51-.335a.31.31 0 0 0-.276-.14c-.06.02.128.24.128.27 0 .07.094.2.08.27-.035.15-.213.22-.352.23a.2.2 0 0 1-.18-.02c.015.12.033-.43.006-.28.012-.07.13-.19.136-.24.01-.07-.572-.18-.155-.23s.19-.35.15-.52c-.1-.37.01-.3-.27-.44-.09-.04-.33.18-.42.14-.05-.02.05-.2.02-.25s-.17 0-.22-.03c-.1-.06 0-.47-.13-.47-.02 0-.25.21-.26.14-.07-.73-.2.09-.32.06s-.07-.36.03-.34c.17-.1-.53-.55.13-.47.17.02.48.1.3-.02s-.38-.05-.4-.1c-.16-.44-.29.1-.53.06-.05-.01.03-.29-.02-.28-.09 0-.18.03-.26.27a1.107 1.107 0 0 1-.36.12c-.14.06.19.342-.16.2s-.24-.35-.27-.36c-.5-.13-.88-.26-1.17.44-.12.27.24.423-.03.643-.08.066-.7.055-.7.174 0 .09.08.08-.05.17s-.27-.07-.15.18.44.64.7.48a6.02 6.02 0 0 1 .27.67.25.25 0 0 1-.2.02c-.02 0 .77.865.79.934.03.18-.19.22-.19.22a5.966 5.966 0 0 0 2.13.887s-.04-.12.46-.27a.832.832 0 0 0 .6-.085 1.53 1.53 0 0 1 .6-.253c.92-.21.42-.6.87-1.01zm3.22-.452a2.138 2.138 0 0 0-.386.285 1.374 1.374 0 0 0-.322.374c-.187.122.12-.272.01-.21-.034.02-.05.076-.16.126-.02-.02-.086 0-.124.01-.18.066-.217.23-.345.19a.46.46 0 0 0-.43.13c-.135-.072-.2.2-.257.17 0-.045.076-.122 0-.133s-.276-.017-.347.116c-.02.032.13.026.18.075.02.03.22.3.06.19-.07-.04-.16.08-.39.14a.567.567 0 0 0-.22 0 .436.436 0 0 0-.2.08c-.15.05-.23.08-.13.09.18.02.07.1.15.09 0 0-.44.1-.29.08a1.117 1.117 0 0 1 .13-.01.3.3 0 0 0 .11.01c.19-.03.24-.05.34-.07-.05.02-.23.07-.28.14-.02.03-.11.04-.2.07a.972.972 0 0 1-.17.08 1.086 1.086 0 0 1-.32.09.422.422 0 0 0-.23.07 5.992 5.992 0 0 0 3.97-2.26.192.192 0 0 1-.05.04 1.262 1.262 0 0 1-.13.08z"/>
+    <path d="M8.088 10.067c.18-.007.81.013.9-.173.128-.278-.247-.616-.535-.594-.353.027-.6.777-.365.767zm4.667.325c-.027.04-.685 0-.37.284.03.028.346-.05.332 0-.046.15-.126.123-.2.206a1.3 1.3 0 0 0-.237.417c-.027-.06-.053.02-.025.05 0 .01-.064.07-.06.08-.05.11-.154.2-.07.17.245-.07.355-.26.675-.61s.254-1.06-.045-.61zm-.815 1.258c-.043-.065-.148 0-.183.052q.027.1.16-.008c.02-.02.036-.02.022-.043z"/>
+  </g>
+</svg>
diff --git a/EarlyBlue/mozapps/places/defaultFavicon@2x.png b/EarlyBlue/mozapps/places/defaultFavicon@2x.png
deleted file mode 100644 (file)
index 113d12f..0000000
Binary files a/EarlyBlue/mozapps/places/defaultFavicon@2x.png and /dev/null differ
index b1a680f928eaf858a8dffab0a89d1bb70fe868f6..90dc5de8e54d5dbe1a8decf4bca0a39818ce1378 100644 (file)
   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 {
index d76aa56ae36607194c5e49dbb0b9e41fa99a89c4..b2671adc33f2da26a9276d169376344e271d308c 100644 (file)
@@ -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 */
index ac6751381a8e2820003244fbae599949f6a93e06..3b6de285c6571d7d078b64bb5fc75c2188976512 100644 (file)
@@ -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;
 }
index ee381a9c93c820cd58ba44c94b08a3514c079929..61ea7c6fc224f4f945fe04a38faacf52938778ac 100644 (file)
@@ -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);
   }
 }
 
index fe831a134a4b88a8cb62514b6227108e04f3bff2..9473d80c21641da0e229828c3cddac7de91676f4 100644 (file)
@@ -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,
index d0adfbb09b73f2e8ad7950c40611cdbed37b566f..3d0ef277375e5613c90695d092792cc4e257e962 100644 (file)
@@ -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) {
index 492f795ac1711f5b117f17297248051df32fe59b..82e7863ed89523078e8d1d3befa18a5ea26880b6 100644 (file)
@@ -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) {
index e457a75608cb948ff15de62491ce38975fa081a3..33a176d715c1547bada049630abd7df2a0d104d5 100644 (file)
@@ -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;
 }
 
index a62b2b2545199d38ae03558c4cebd3b9ab59bcc1..5e25a0f51e3e4f3e80f059b4fcabec1efb6fcac6 100644 (file)
@@ -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 {
index ba3faa89f5d4aca708198c57a0cd2d5d4093f606..2f578ce19b6aa461dcdeaf92b70804d124451c7e 100644 (file)
 }
 
 .tab-back {
-  list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
+  list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
 }
index 07627ae9496f8270bc69810db9c03955b81d2cf5..4bc1377009d68554c7e8f8435cb035c94d8ab693 100644 (file)
@@ -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
index 23e8a80ad9911aa66c89c722fb14c0391e14591c..cc93ea64255bcb85e4119bdda0d1fa3377e6ec2f 100644 (file)
@@ -61,11 +61,6 @@ th, td {
   padding: 0 5px;
 }
 
-.columns {
-  -moz-column-width: 20em;
-  -moz-column-gap: 3em;
-}
-
 a:link {
   color: #3333FF;
 }
index c3baba628c6e0e3be098e04eb4befd98cb1178e7..2a4b66e5414aa0766e3704bb738ffd9cae7a7e40 100644 (file)
 }
 
 /* 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;
 }
 #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,
 /*======= 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;
index 6a2db0f28fb4bf5b3c9451f5595135b5af718601..5e8b052e9f5280a09acea2d47564564dd37a175d 100644 (file)
 #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;
 }
 
 #alertSettings:hover,
 #alertSettings[open] {
-  list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities-inverted");
+  fill: #000000;
 }
 
 #alertSettings:hover {
index 736e6d7134c49787dc5e634dffb3b54770dbc2fe..8901312105603bd5a829d88cd84744013b0cba93 100644 (file)
@@ -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 {
index 12d5225cbedad74c271b9be79a6d886ed4a890bf..67aafe33e8958c068fe3b87aaf104b7640a115ce 100644 (file)
@@ -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;
 
   --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 (file)
index ac21619..0000000
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 (file)
index 8adefb9..0000000
Binary files a/LCARStrek/global/dirListing/remote.png and /dev/null differ
index 096c195997d5ff8768c32ec8c7c1fe6dc69c8923..f53038a40e75442e9366d77f211521568caa70f7 100644 (file)
@@ -2,21 +2,6 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public\r
    - License, v. 2.0. If a copy of the MPL was not distributed with this\r
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->\r
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16">\r
-  <style>\r
-    use:not(:target) {\r
-      display: none;\r
-    }\r
-    use {\r
-      fill: #FFCF00;\r
-    }\r
-    use[id$="-inverted"] {\r
-      fill: #000000;\r
-    }\r
-  </style>\r
-  <defs>\r
-    <path id="search" fill-rule="evenodd" d="M9.356,1.178c-3.014,0-5.458,2.45-5.458,5.472c0,1.086,0.32,2.096,0.864,2.947 l-3.279,3.287c-0.396,0.397-0.396,1.041,0,1.438l0.202,0.202c0.396,0.397,1.039,0.397,1.435,0l3.275-3.283 c0.854,0.554,1.869,0.88,2.962,0.88c3.014,0,5.458-2.45,5.458-5.471C14.814,3.627,12.371,1.178,9.356,1.178z M9.356,10.001 c-1.847,0-3.344-1.501-3.344-3.352c0-1.851,1.497-3.352,3.344-3.352c1.846,0,3.344,1.501,3.344,3.352 C12.7,8.501,11.203,10.001,9.356,10.001z"/>\r
-  </defs>\r
-  <use id="search-icon" xlink:href="#search"/>\r
-  <use id="search-icon-inverted" xlink:href="#search"/>\r
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\r
+  <path fill="context-fill" fill-rule="evenodd" d="M9.356,1.178c-3.014,0-5.458,2.45-5.458,5.472c0,1.086,0.32,2.096,0.864,2.947 l-3.279,3.287c-0.396,0.397-0.396,1.041,0,1.438l0.202,0.202c0.396,0.397,1.039,0.397,1.435,0l3.275-3.283 c0.854,0.554,1.869,0.88,2.962,0.88c3.014,0,5.458-2.45,5.458-5.471C14.814,3.627,12.371,1.178,9.356,1.178z M9.356,10.001 c-1.847,0-3.344-1.501-3.344-3.352c0-1.851,1.497-3.352,3.344-3.352c1.846,0,3.344,1.501,3.344,3.352 C12.7,8.501,11.203,10.001,9.356,10.001z"/>\r
 </svg>\r
diff --git a/LCARStrek/global/icons/calendar-arrow-left.svg b/LCARStrek/global/icons/calendar-arrow-left.svg
new file mode 100644 (file)
index 0000000..3ff50f1
--- /dev/null
@@ -0,0 +1,7 @@
+<!-- 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/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="14" height="14" viewBox="0 0 14 14">
+  <path fill="context-fill" d="M9.2 0L11 1.7 5.5 7 11 12.3 9.2 14 2 7"/>
+</svg>
diff --git a/LCARStrek/global/icons/calendar-arrow-right.svg b/LCARStrek/global/icons/calendar-arrow-right.svg
new file mode 100644 (file)
index 0000000..0b49787
--- /dev/null
@@ -0,0 +1,7 @@
+<!-- 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/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="14" height="14" viewBox="0 0 14 14">
+  <path fill="context-fill" d="M4.8 14L3 12.3 8.5 7 3 1.7 4.8 0 12 7"/>
+</svg>
diff --git a/LCARStrek/global/icons/information-16.png b/LCARStrek/global/icons/information-16.png
deleted file mode 100644 (file)
index a70b7fd..0000000
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 (file)
index 04c756e..0000000
Binary files a/LCARStrek/global/icons/information-24.png and /dev/null differ
index 76af113a7bbf02e7e647cd62920c35f8617a0729..a0e3db2ab35f6300bcc01fddd825d41fbca7087f 100644 (file)
@@ -4,5 +4,5 @@
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
 <svg xmlns="http://www.w3.org/2000/svg"
      width="16" height="16" viewBox="0 0 16 16">
-  <path d="m 2,6 6,6 6,-6 -1.5,-1.5 -4.5,4.5 -4.5,-4.5 z" />
+  <path fill="context-fill" d="m 2,6 6,6 6,-6 -1.5,-1.5 -4.5,4.5 -4.5,-4.5 z" />
 </svg>
diff --git a/LCARStrek/global/icons/spinner-arrow-down.svg b/LCARStrek/global/icons/spinner-arrow-down.svg
new file mode 100644 (file)
index 0000000..420f8a3
--- /dev/null
@@ -0,0 +1,7 @@
+<!-- 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/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="10" height="6" viewBox="0 0 10 6">
+  <path fill="context-fill" d="M0 1l1-1 4 4 4-4 1 1-5 5"/>
+</svg>
diff --git a/LCARStrek/global/icons/spinner-arrow-up.svg b/LCARStrek/global/icons/spinner-arrow-up.svg
new file mode 100644 (file)
index 0000000..6ce9923
--- /dev/null
@@ -0,0 +1,7 @@
+<!-- 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/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="10" height="6" viewBox="0 0 10 6">
+  <path fill="context-fill" d="M0 5l1 1 4-4 4 4 1-1-5-5"/>
+</svg>
diff --git a/LCARStrek/global/icons/spinner-arrows.svg b/LCARStrek/global/icons/spinner-arrows.svg
deleted file mode 100644 (file)
index a8ba72d..0000000
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- 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/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6">
-  <style>
-    path:not(:target) {
-      display: none;
-    }
-  </style>
-  <path id="down" d="M0 1l1-1 4 4 4-4 1 1-5 5"/>
-  <path id="up" d="M0 5l1 1 4-4 4 4 1-1-5-5"/>
-</svg>
index 2b6ef8a3118142bfafadbc09544e50af53c1e3fb..7a6ded6b7e1c1efd7399edd858dfb7d8576bc07e 100644 (file)
@@ -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);
index 29c6257a5608522d266dc8e1b49bedbd9c3c7818..af9663a32ab9f32184565a1c921f6e93c1100a3c 100644 (file)
@@ -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 (file)
index 38b3e36..0000000
+++ /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;
-  }
index d3155d9630cf5bbd2f74cca1101df80f1820ad1a..33af014cded85d9d667cad76718961a7f0ef36b1 100644 (file)
@@ -1,36 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 18 18">
-  <style>
-    use:not(:target) {
-      display: none;
-    }
-    use {
-      fill: #000000;
-    }
-    use[id$="-hover"] {
-      fill: #000000;
-    }
-    use[id$="-active"] {
-      fill: #000000;
-    }
-    use[id$="-focus"] {
-      fill: #000000;
-    }
-    use[id$="-disabled"] {
-      fill: #8050B0;
-    }
-  </style>
-
-
-  <symbol id="pause-shape">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.002,1.953C5.172,1.953,4.5,2.626,4.5,3.455v11.08
+<svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 18 18">
+  <path fill="context-fill" d="M6.002,1.953C5.172,1.953,4.5,2.626,4.5,3.455v11.08
         c0,0.83,0.672,1.502,1.502,1.502c0.829,0,1.502-0.672,1.502-1.502V3.455C7.504,2.626,6.831,1.953,6.002,1.953z M12,1.953
         c-0.828,0-1.5,0.672-1.5,1.5v11.094c0,0.828,0.672,1.5,1.5,1.5s1.5-0.672,1.5-1.5V3.453C13.5,2.625,12.828,1.953,12,1.953z"/>
-  </symbol>
-
-  <use id="pause" xlink:href="#pause-shape"/>
-  <use id="pause-hover" xlink:href="#pause-shape"/>
-  <use id="pause-active" xlink:href="#pause-shape"/>
-  <use id="pause-focus" xlink:href="#pause-shape"/>
-  <use id="pause-disalbed" xlink:href="#pause-shape"/>
 </svg>
index 40afb5a53f8fa252d01bf432712e464b0b481d49..43e4aff39cafeeb2f0f8da34abd577f39cbb214c 100644 (file)
@@ -1,37 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 18 18">
-  <style>
-    use:not(:target) {
-      display: none;
-    }
-    use {
-      fill: #000000;
-    }
-    use[id$="-hover"] {
-      fill: #000000;
-    }
-    use[id$="-active"] {
-      fill: #000000;
-    }
-    use[id$="-focus"] {
-      fill: #000000;
-    }
-    use[id$="-disabled"] {
-      fill: #8050B0;
-    }
-    use[id$="-clicktoplay"] {
-      fill: #FFCF00;
-    }
-  </style>
-
-  <symbol id="play-shape">
-    <path d="M3.243,15.155c0,0.845,0.593,1.157,1.317,0.707l9.659-6.041c0.727-0.453,0.722-1.193,0-1.645L4.556,2.137
+<svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 18 18">
+  <path fill="context-fill" d="M3.243,15.155c0,0.845,0.593,1.157,1.317,0.707l9.659-6.041c0.727-0.453,0.722-1.193,0-1.645L4.556,2.137
     C3.827,1.682,3.237,2.014,3.237,2.844v12.312H3.243z"/>
-  </symbol>
-
-  <use id="play" xlink:href="#play-shape"/>
-  <use id="play-hover" xlink:href="#play-shape"/>
-  <use id="play-active" xlink:href="#play-shape"/>
-  <use id="play-focus" xlink:href="#play-shape"/>
-  <use id="play-clicktoplay" xlink:href="#play-shape"/>
 </svg>
diff --git a/LCARStrek/global/media/videoClickToPlayButton.svg b/LCARStrek/global/media/videoClickToPlayButton.svg
deleted file mode 100644 (file)
index 1372799..0000000
+++ /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/. -->
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet" viewBox="0 0 64 64">
-  <defs>
-    <linearGradient id="whiteGradientStops">
-      <stop style="stop-color:#000000;stop-opacity:.95" offset="0"/>
-      <stop style="stop-color:#000000;stop-opacity:.75" offset=".45"/>
-      <stop style="stop-color:#000000;stop-opacity:.72" offset=".55"/>
-      <stop style="stop-color:#000000;stop-opacity:.65" offset="1"/>
-    </linearGradient>
-    <linearGradient x1="32" y1="0" x2="32" y2="62" id="whiteGradient" xlink:href="#whiteGradientStops" gradientUnits="userSpaceOnUse"/>
-    <linearGradient id="arrowGradientStops">
-      <stop style="stop-color:#FFCF00;stop-opacity:.5" offset="0"/>
-      <stop style="stop-color:#FF9F00;stop-opacity:.5" offset="1"/>
-    </linearGradient>
-    <linearGradient x1="32" y1="16" x2="32" y2="48" id="arrowGradient" xlink:href="#arrowGradientStops" gradientUnits="userSpaceOnUse"/>
-    <filter x="-0.15" y="-0.15" width="1.25" height="1.25" color-interpolation-filters="sRGB" id="dropShadow">
-      <feDropShadow dx="0" dy="1" flood-opacity="0.5"/>
-    </filter>
-    <mask id="dropShadowMask">
-      <path style="fill:#000000;" d="M47.285,30.991L23.75,17.24c-0.357-0.208-0.692-0.278-0.969-0.221 C22.32,17.115,22,17.555,22,18.252v27.499c0,1.112,0.797,1.568,1.75,1.011l23.535-13.748C48.238,32.458,48.238,31.547,47.285,30.991 z M0,0v64h64V0H0z M32,60C16.536,60,4,47.464,4,32S16.536,4,32,4s28,12.536,28,28S47.464,60,32,60z"/>
-    </mask>
-  </defs>
-  <path mask="url(#dropShadowMask)" id="playButtonShadow" style="filter:url(#dropShadow);" d="M32,4C16.536,4,4,16.536,4,32s12.536,28,28,28s28-12.536,28-28S47.464,4,32,4z M47.285,33.014 L23.75,46.762C22.797,47.319,22,46.863,22,45.751v-27.5c0-0.697,0.32-1.137,0.781-1.232c0.277-0.058,0.612,0.012,0.969,0.221 l23.535,13.751C48.238,31.546,48.238,32.458,47.285,33.014z"/>
-  <path id="playButtonArrow" style="fill:url(#arrowGradient);" d="M22.781,17.019C22.32,17.114,22,17.555,22,18.251v27.5c0,1.112,0.797,1.568,1.75,1.011 l23.535-13.748c0.953-0.556,0.953-1.467,0-2.023L23.75,17.24C23.393,17.031,23.058,16.961,22.781,17.019z"/>
-  <path id="playButton" style="fill:url(#whiteGradient);" d="M32,4C16.536,4,4,16.536,4,32s12.536,28,28,28s28-12.536,28-28S47.464,4,32,4z M47.285,33.014 L23.75,46.762C22.797,47.319,22,46.863,22,45.751v-27.5c0-0.697,0.32-1.137,0.781-1.232c0.277-0.058,0.612,0.012,0.969,0.221 l23.535,13.751C48.238,31.546,48.238,32.458,47.285,33.014z"/>
-  <path id="playButtonEdgeHighlights" style="fill:#000000;fill-opacity:.3;" d="M32,4C16.536,4,4,16.536,4,32s12.536,28,28,28s28-12.536,28-28S47.464,4,32,4z M32,59C17.112,59,5,46.888,5,32S17.112,5,32,5s27,12.112,27,27S46.888,59,32,59z M47.789,30.127l-23.534-13.75 C23.826,16.126,23.396,16,22.976,16c-0.135,0-0.27,0.014-0.398,0.041C21.62,16.238,21,17.106,21,18.251v27.5 C21,47.075,21.812,48,22.977,48c0.423,0,0.854-0.126,1.279-0.375L47.79,33.877c0.769-0.449,1.21-1.132,1.21-1.875 S48.559,30.576,47.789,30.127z M47.285,33.014L23.75,46.762C23.474,46.924,23.211,47,22.977,47C22.402,47,22,46.541,22,45.751v-27.5 c0-0.697,0.32-1.137,0.781-1.232L22.976,17c0.233,0,0.498,0.079,0.775,0.24l23.535,13.751 C48.238,31.546,48.238,32.458,47.285,33.014z"/>
-  <path id="playButtonTopEdgeHighlights" style="fill:#402800;fill-opacity:.8;" d="M32,4C16.536,4,4,16.536,4,32c0,0.167,0.01,0.333,0.013,0.5 C4.28,17.268,16.704,5,32,5c15.296,0,27.72,12.268,27.987,27.5C59.99,32.333,60,32.167,60,32C60,16.536,47.464,4,32,4z M47.285,33.014L23.75,46.762C22.797,47.319,22,46.863,22,45.751v1c0,1.112,0.797,1.568,1.75,1.011l23.535-13.748 c0.697-0.406,0.879-1.003,0.556-1.512C47.723,32.688,47.541,32.864,47.285,33.014z"/>
-</svg>
index 5d825886a6f73341ec06c016031071e8b2794255..bd0d61e2add91281d17781f5d5240f0b286964ff 100644 (file)
@@ -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;
index d29586e382aed4770f3cbf06b2bbd33c0292bf8b..cf0bc5822c3582c70e32bb1e3e437bd26c5de727 100644 (file)
@@ -1,15 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
-  <defs>
-    <style>
-      use:not(:target) {
-        display: none;
-      }
-      #disabled {
-        opacity: 0.5;
-      }
-    </style>
-    <path id="shape" d="M 5 0 C 4.446 0 4 0.446 4 1 L 4 23 C 4 23.554 4.446 24 5 24 L 7 24 C 7.554 24 8 23.554 8 23 L 8 12.404297 C 8.04108 12.509297 8.109944 12.610125 8.203125 12.703125 L 19.296875 23.775391 C 19.495259 23.972391 19.661613 24.039562 19.796875 23.976562 C 19.932137 23.915564 20 23.748516 20 23.478516 L 20 0.52148438 C 20 0.25248437 19.93214 0.084484365 19.796875 0.021484375 C 19.661613 -0.040515625 19.495259 0.02856248 19.296875 0.2265625 L 8.203125 11.298828 C 8.1099445 11.381828 8.04108 11.481703 8 11.595703 L 8 1 C 8 0.446 7.554 0 7 0 L 5 0 z " fill="gray"/>
-  </defs>
-  <use id="enabled" xlink:href="#shape"/>
-  <use id="disabled" xlink:href="#shape"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill="context-fill" d="M 5 0 C 4.446 0 4 0.446 4 1 L 4 23 C 4 23.554 4.446 24 5 24 L 7 24 C 7.554 24 8 23.554 8 23 L 8 12.404297 C 8.04108 12.509297 8.109944 12.610125 8.203125 12.703125 L 19.296875 23.775391 C 19.495259 23.972391 19.661613 24.039562 19.796875 23.976562 C 19.932137 23.915564 20 23.748516 20 23.478516 L 20 0.52148438 C 20 0.25248437 19.93214 0.084484365 19.796875 0.021484375 C 19.661613 -0.040515625 19.495259 0.02856248 19.296875 0.2265625 L 8.203125 11.298828 C 8.1099445 11.381828 8.04108 11.481703 8 11.595703 L 8 1 C 8 0.446 7.554 0 7 0 L 5 0 z"/>
 </svg>
+
index 53e64e9511b9cd247cb4f63e0eaa348ca1e0ca3a..47666747f6bf7be066fb15470ab70415c9ef8572 100644 (file)
@@ -1,15 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
-  <defs>
-    <style>
-      use:not(:target) {
-        display: none;
-      }
-      #disabled {
-        opacity: 0.5;
-      }
-    </style>
-    <path id="shape" d="m 19,0 c 0.554,0 1,0.446 1,1 l 0,22 c 0,0.554 -0.446,1 -1,1 l -2,0 c -0.554,0 -1,-0.446 -1,-1 l 0,-10.595703 c -0.04108,0.105 -0.109944,0.205828 -0.203125,0.298828 L 4.703125,23.775391 c -0.198384,0.197 -0.364738,0.264171 -0.5,0.201171 C 4.067863,23.915564 4,23.748516 4,23.478516 L 4,0.52148438 c 0,-0.26900001 0.06786,-0.43700001 0.203125,-0.5 0.135262,-0.062 0.301616,0.0070781 0.5,0.20507812 l 11.09375,11.0722655 c 0.09318,0.083 0.162045,0.182875 0.203125,0.296875 L 16,1 c 0,-0.554 0.446,-1 1,-1 l 2,0 z" fill="gray"/>
-  </defs>
-  <use id="enabled" xlink:href="#shape"/>
-  <use id="disabled" xlink:href="#shape"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill="context-fill" d="m 19,0 c 0.554,0 1,0.446 1,1 l 0,22 c 0,0.554 -0.446,1 -1,1 l -2,0 c -0.554,0 -1,-0.446 -1,-1 l 0,-10.595703 c -0.04108,0.105 -0.109944,0.205828 -0.203125,0.298828 L 4.703125,23.775391 c -0.198384,0.197 -0.364738,0.264171 -0.5,0.201171 C 4.067863,23.915564 4,23.748516 4,23.478516 L 4,0.52148438 c 0,-0.26900001 0.06786,-0.43700001 0.203125,-0.5 0.135262,-0.062 0.301616,0.0070781 0.5,0.20507812 l 11.09375,11.0722655 c 0.09318,0.083 0.162045,0.182875 0.203125,0.296875 L 16,1 c 0,-0.554 0.446,-1 1,-1 l 2,0 z"/>
 </svg>
+
index 91d02d85a92f5925645a690af8fa413cfae474ad..4def74dc88b11f1cc9ca25e87db2ae041ce12b93 100644 (file)
 
 #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 {
index 010ff3c41df8535b35cfe4c002010b315de74c71..c95cde8a196d7302c929f3e53066bdb13c85334c 100644 (file)
@@ -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;
 }
 
index 83bce93929fa693e430bf0747a1ab4924fc91e89..d07c8362070077e6842264e224e4985becfe26f6 100644 (file)
 }
 
 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);
-  }
-}
index 89fc1eb86531ee0b958b2f132d8e210775843257..f83637158fbf88b8445503cdf3f7a90bc5297030 100644 (file)
@@ -1,23 +1,7 @@
-<?xml version="1.0" encoding="utf-8"?>
 <!-- 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/. -->
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24">
-  <defs>
-    <style>
-      use:not(:target) {
-        display: none;
-      }
-      #close {
-        fill: #808080;
-      }
-      #close-hover {
-        fill: #fff;
-      }
-    </style>
-
-    <path id="close-shape" d="M19,22H6a2,2,0,0,1-2-2V18l2,2H18a1,1,0,0,0,1-1V5a1,1,0,0,0-1-1H6L4,6V4A2,2,0,0,1,6,2H19a2,2,0,0,1,2,2V20A2,2,0,0,1,19,22Zm-6-9H5.4l4.2,4.154L8.186,18.631,1.567,12.017,8.021,5.411,9.5,6.95,5.424,11H13v2Z"/>
-  </defs>
-  <use id="close" xlink:href="#close-shape"/>
-  <use id="close-hover" xlink:href="#close-shape"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path fill="context-fill" d="M19,22H6a2,2,0,0,1-2-2V18l2,2H18a1,1,0,0,0,1-1V5a1,1,0,0,0-1-1H6L4,6V4A2,2,0,0,1,6,2H19a2,2,0,0,1,2,2V20A2,2,0,0,1,19,22Zm-6-9H5.4l4.2,4.154L8.186,18.631,1.567,12.017,8.021,5.411,9.5,6.95,5.424,11H13v2Z"/>
 </svg>
+
index 48bbb9e89042bed3ed6bfb812fcaad449322b86d..482a392fb6111c52b77eecf53590dc5880610d86 100644 (file)
@@ -1,13 +1,10 @@
 <?xml version="1.0" encoding="utf-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 
 <!-- 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/. -->
 
-<svg version="1.1"
-     xmlns="http://www.w3.org/2000/svg"
-     xmlns:xlink="http://www.w3.org/1999/xlink"
+<svg xmlns="http://www.w3.org/2000/svg"
      width="42"
      height="16"
      viewBox="0 0 42 16"
index bcdcbe8ad44123df30c70bdbbd20e70b328a30bd..da02e608f6ebfc3db57b1558c32778cd27ec2393 100644 (file)
@@ -1,13 +1,10 @@
 <?xml version="1.0" encoding="utf-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 
 <!-- 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/. -->
 
-<svg version="1.1"
-     xmlns="http://www.w3.org/2000/svg"
-     xmlns:xlink="http://www.w3.org/1999/xlink"
+<svg xmlns="http://www.w3.org/2000/svg"
      width="44"
      height="16"
      viewBox="0 0 44 16"
index 05d52828a1ebecd9d0ee34a8531ac996d0f31cd0..59517c24613f006d9258bb6943ccbb832808d3c0 100644 (file)
@@ -1,13 +1,10 @@
 <?xml version="1.0" encoding="utf-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 
 <!-- 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/. -->
 
-<svg version="1.1"
-     xmlns="http://www.w3.org/2000/svg"
-     xmlns:xlink="http://www.w3.org/1999/xlink"
+<svg xmlns="http://www.w3.org/2000/svg"
      width="38"
      height="14"
      viewBox="0 0 38 14"
index 0a5ee0dccfbce0a556b2cffb145d3ee19bbe447c..ba50c5a52e281f9453c8d01804af46b9e986087c 100644 (file)
@@ -1,13 +1,10 @@
 <?xml version="1.0" encoding="utf-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 
 <!-- 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/. -->
 
-<svg version="1.1"
-     xmlns="http://www.w3.org/2000/svg"
-     xmlns:xlink="http://www.w3.org/1999/xlink"
+<svg xmlns="http://www.w3.org/2000/svg"
      width="38"
      height="24"
      viewBox="0 0 38 24"
diff --git a/LCARStrek/mozapps/extensions/category-legacy.svg b/LCARStrek/mozapps/extensions/category-legacy.svg
new file mode 100644 (file)
index 0000000..dc53fd2
--- /dev/null
@@ -0,0 +1,8 @@
+<!-- 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/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <title>legacy</title>
+  <path d="M12,6h0V5a1,1,0,0,0-1-1H7.78A.77.77,0,0,1,7,3.25C7,2.5,8,2.47,8,1.5S7.13,0,6,0,4,.64,4,1.5s1,1,1,1.75A.77.77,0,0,1,4.28,4H1A1,1,0,0,0,0,5V7.25A.77.77,0,0,0,.78,8c.75,0,.78-1,1.75-1S4,7.9,4,9s-.64,2-1.5,2-1-1-1.75-1a.77.77,0,0,0-.75.75V15a1,1,0,0,0,1,1H4.28A.77.77,0,0,0,5,15.25c0-.75-1-.78-1-1.75S4.92,12,6,12a2.58,2.58,0,0,1,1,.18l2.2-4.4A3.13,3.13,0,0,1,12,6Z" fill="#FF9F00"/>
+  <path d="M15.88,14.38,13,8.68a1.15,1.15,0,0,0-2.06,0l-2.85,5.7a1.15,1.15,0,0,0,1,1.66h5.7A1.15,1.15,0,0,0,15.88,14.38Zm-4.45-4.09a.58.58,0,0,1,1.15,0v2.3a.58.58,0,0,1-1.15,0ZM12,15a.72.72,0,1,1,.72-.72A.72.72,0,0,1,12,15Z" fill="#FF9F00"/>
+</svg>
diff --git a/LCARStrek/mozapps/extensions/dictionaryGeneric.png b/LCARStrek/mozapps/extensions/dictionaryGeneric.png
new file mode 100644 (file)
index 0000000..5f5c2f5
Binary files /dev/null and b/LCARStrek/mozapps/extensions/dictionaryGeneric.png differ
index 36e9f4704f2a5a0f0c7fe8adecf534dff77d5ae1..4978a30538b6bba85510200d34a4ee889ec74e8d 100644 (file)
@@ -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 (file)
index 939df75..0000000
Binary files a/LCARStrek/mozapps/extensions/themeGeneric-16.png and /dev/null differ
index 37c97e4a1578509f02219d8f4286b9f79492dcc7..61e429d10677d3efba7f5d3a71225bc3646514cb 100644 (file)
@@ -2,33 +2,6 @@
 <!-- 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/. -->
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
-  <style>
-    use:not(:target) {
-      display: none;
-    }
-    use {
-      fill: #FF9F00;
-    }
-    use[id$="-hover"] {
-      fill: #000000;
-    }
-    use[id$="-native"] {
-      fill: GrayText;
-    }
-    use[id$="-grayscale"] {
-      fill: #A09090;
-    }
-    use[id$="-inverted"] {
-      fill: #000000;
-    }
-  </style>
-  <defs>
-    <path id="utilities-shape" d="m11.5,13.9l-.6-1.5c.3-.2 .5-.4 .8-.6 .2-.2 .4-.5 .6-.7l1.5,.6c.3,.1 .6,0 .7-.3l.4-1c.1-.3 0-.6-.3-.7l-1.5-.6c.1-.6 .1-1.3 0-2l1.5-.6c.3-.1 .4-.4 .3-.7l-.4-1c-.1-.3-.4-.4-.7-.3l-1.5,.6c-.2-.3-.4-.5-.6-.8-.2-.1-.5-.3-.7-.5l.6-1.5c.1-.3 0-.6-.3-.7l-.9-.4c-.3-.1-.6,0-.7,.3l-.6,1.5c-.6-.1-1.3-.1-2,0l-.6-1.5c-.1-.3-.4-.4-.7-.3l-1,.4c-.2,.1-.3,.4-.2,.6l.6,1.5c-.3,.3-.5,.5-.8,.7-.2,.3-.4,.5-.6,.8l-1.5-.7c-.3-.1-.6,0-.7,.3l-.4,.9c-.1,.3 0,.6 .3,.7l1.5,.7c-.1,.6-.1,1.3 0,1.9l-1.5,.6c-.3,.1-.4,.4-.3,.7l.4,1c.1,.3 .4,.4 .7,.3l1.5-.6c.2,.3 .4,.5 .6,.8 .2,.2 .5,.4 .7,.6l-.6,1.5c-.1,.3 0,.6 .3,.7l1,.4c.3,.1 .6,0 .7-.3l.6-1.5c.6,.1 1.3,.1 2,0l.6,1.5c.1,.3 .4,.4 .7,.3l1-.4c.1-.1 .3-.4 .1-.7zm-5.1-4.2c-.9-.9-.9-2.4 0-3.3 .9-.9 2.4-.9 3.3,0 .9,.9 .9,2.4 0,3.3-.9,.9-2.4,.9-3.3,0z"/>
-  </defs>
-  <use id="utilities" xlink:href="#utilities-shape"/>
-  <use id="utilities-hover" xlink:href="#utilities-shape"/>
-  <use id="utilities-native" xlink:href="#utilities-shape"/>
-  <use id="utilities-grayscale" xlink:href="#utilities-shape"/>
-  <use id="utilities-inverted" xlink:href="#utilities-shape"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill="context-fill" d="m11.5,13.9l-.6-1.5c.3-.2 .5-.4 .8-.6 .2-.2 .4-.5 .6-.7l1.5,.6c.3,.1 .6,0 .7-.3l.4-1c.1-.3 0-.6-.3-.7l-1.5-.6c.1-.6 .1-1.3 0-2l1.5-.6c.3-.1 .4-.4 .3-.7l-.4-1c-.1-.3-.4-.4-.7-.3l-1.5,.6c-.2-.3-.4-.5-.6-.8-.2-.1-.5-.3-.7-.5l.6-1.5c.1-.3 0-.6-.3-.7l-.9-.4c-.3-.1-.6,0-.7,.3l-.6,1.5c-.6-.1-1.3-.1-2,0l-.6-1.5c-.1-.3-.4-.4-.7-.3l-1,.4c-.2,.1-.3,.4-.2,.6l.6,1.5c-.3,.3-.5,.5-.8,.7-.2,.3-.4,.5-.6,.8l-1.5-.7c-.3-.1-.6,0-.7,.3l-.4,.9c-.1,.3 0,.6 .3,.7l1.5,.7c-.1,.6-.1,1.3 0,1.9l-1.5,.6c-.3,.1-.4,.4-.3,.7l.4,1c.1,.3 .4,.4 .7,.3l1.5-.6c.2,.3 .4,.5 .6,.8 .2,.2 .5,.4 .7,.6l-.6,1.5c-.1,.3 0,.6 .3,.7l1,.4c.3,.1 .6,0 .7-.3l.6-1.5c.6,.1 1.3,.1 2,0l.6,1.5c.1,.3 .4,.4 .7,.3l1-.4c.1-.1 .3-.4 .1-.7zm-5.1-4.2c-.9-.9-.9-2.4 0-3.3 .9-.9 2.4-.9 3.3,0 .9,.9 .9,2.4 0,3.3-.9,.9-2.4,.9-3.3,0z"/>
 </svg>
diff --git a/LCARStrek/mozapps/formautofill/requestAutocomplete.css b/LCARStrek/mozapps/formautofill/requestAutocomplete.css
deleted file mode 100644 (file)
index 7ddd77c..0000000
+++ /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 (file)
index 426a6d3..0000000
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 (file)
index 1c207ec..0000000
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 (file)
index 5827af0..0000000
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 (file)
index 0000000..c9a49fd
--- /dev/null
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <circle cx="8.028" cy="8" r="8" fill="#000000"/>
+  <circle cx="8.028" cy="8" r="7" fill="#A09090"/>
+  <g fill="#000000">
+    <path d="M3.12 6.664c.163-.13.743.134 1.188-.013.213-.07.018-.32.325-.37.152-.02.158.27.34.15.057-.03.036-.15.055-.16.047-.03 0-.31.114-.38.4-.24.335.6.764.22.25-.31-.24-.57-.127-.88.16-.44.44-.09.73-.2.21-.08-.04-.59.14-.68.34-.17.26.39.53.42.17.02.53-.28.51-.45-.03-.2-.45-.27-.53-.45-.1-.21.15-.41.06-.56-.11-.19-.47-.36-.67-.18-.31.27.18.3.05.47-.15.2-.18-.04-.35.06-.2.11-.18.44-.46.314-.69-.285.71-.85.38-1.27-.05-.06-.28-.034-.3-.105-.03-.1.17-.19.23-.224a5.986 5.986 0 0 0-4.07 5.09s.12.2.41.01.58.05.68-.15c.17-.34-.34-.35-.02-.61z"/>
+    <path d="M6.44 2.44c0 .173-.008.658.38.164a.78.78 0 0 1 .79-.134c-.075-.026-.538.31-.385.4s.46-.115.55-.208a1.343 1.343 0 0 0 .335-.514c.024-.134.024-.15.024-.15a6.03 6.03 0 0 0-1.852.248s.158.092.158.193zm2.304.05c.13.06-.44.217-.4.375s.557.187.758.235.177.15.355.33c.3.3.35-.572.646-.617.237-.036.12-.2.043-.245s.124-.124.124-.124a5.966 5.966 0 0 0-1.735-.42s-.3-.036-.168.17a.806.806 0 0 0 .377.297zm4.803 3.22c-.01-.027 0 .1-.053.13s-.12-.21-.233.024a.2.2 0 0 1-.1.16c-.08 0 .06-.235.06-.258 0-.04-.04-.064-.05-.1-.03-.11-.06-.222-.07-.247-.02-.05.04-.1.05-.17-.1-.13.01-.33-.03-.4a6.03 6.03 0 0 0-1-1.22l-.01.01a6.1 6.1 0 0 0 .38.63c.04.06-.25-.06-.18 0-.08-.07-.17-.27-.25-.34-.1-.1-.14-.2-.22-.27-.12-.12-.29-.15-.3-.12-.02.06.12.34.15.39.18.3.28.19.42.24.25.09.44.96.74.94-.09 0-.36-.1-.44 0s.12.1.28.59c.15.45.12.22.29.26a.48.48 0 0 1 .24.41c0 .08-.1.09-.13.18-.02.11.09.34.07.43-.02.11-.13.14-.21.29-.11 0 .02-.12-.21-.08-.17.02-.15.33-.35.38-.1.03-.21.06-.26.03-.1-.07-.04-.26-.11-.23-.12.05-.18.29-.17.47s.23.13.07.36c-.18.27-.24-.09-.33-.05s-.12.04-.15.17c-.01.04.06.02.05.09-.01.09-.12.13-.19.25s.12.06.147.07c0-.02.33.22.12.31a.57.57 0 0 0-.325.573c0 .13.19-.158.36-.11s.058.68.167.63c.07-.04.08-.09.13-.13s.13-.05.17-.1.223-.55.46-.4c.1.06.01.46.094.44.06-.014.23-.25.31-.2.14.09.05.056.32.23s.008.28.275.183c.43-.157.49-1.486.515-1.82a5.932 5.932 0 0 0-.43-2.69zM9.34 12.26c.143-.135.264-.293.122-.476-.088-.113-.34-.144-.51-.335a.31.31 0 0 0-.276-.14c-.06.02.128.24.128.27 0 .07.094.2.08.27-.035.15-.213.22-.352.23a.2.2 0 0 1-.18-.02c.015.12.033-.43.006-.28.012-.07.13-.19.136-.24.01-.07-.572-.18-.155-.23s.19-.35.15-.52c-.1-.37.01-.3-.27-.44-.09-.04-.33.18-.42.14-.05-.02.05-.2.02-.25s-.17 0-.22-.03c-.1-.06 0-.47-.13-.47-.02 0-.25.21-.26.14-.07-.73-.2.09-.32.06s-.07-.36.03-.34c.17-.1-.53-.55.13-.47.17.02.48.1.3-.02s-.38-.05-.4-.1c-.16-.44-.29.1-.53.06-.05-.01.03-.29-.02-.28-.09 0-.18.03-.26.27a1.107 1.107 0 0 1-.36.12c-.14.06.19.342-.16.2s-.24-.35-.27-.36c-.5-.13-.88-.26-1.17.44-.12.27.24.423-.03.643-.08.066-.7.055-.7.174 0 .09.08.08-.05.17s-.27-.07-.15.18.44.64.7.48a6.02 6.02 0 0 1 .27.67.25.25 0 0 1-.2.02c-.02 0 .77.865.79.934.03.18-.19.22-.19.22a5.966 5.966 0 0 0 2.13.887s-.04-.12.46-.27a.832.832 0 0 0 .6-.085 1.53 1.53 0 0 1 .6-.253c.92-.21.42-.6.87-1.01zm3.22-.452a2.138 2.138 0 0 0-.386.285 1.374 1.374 0 0 0-.322.374c-.187.122.12-.272.01-.21-.034.02-.05.076-.16.126-.02-.02-.086 0-.124.01-.18.066-.217.23-.345.19a.46.46 0 0 0-.43.13c-.135-.072-.2.2-.257.17 0-.045.076-.122 0-.133s-.276-.017-.347.116c-.02.032.13.026.18.075.02.03.22.3.06.19-.07-.04-.16.08-.39.14a.567.567 0 0 0-.22 0 .436.436 0 0 0-.2.08c-.15.05-.23.08-.13.09.18.02.07.1.15.09 0 0-.44.1-.29.08a1.117 1.117 0 0 1 .13-.01.3.3 0 0 0 .11.01c.19-.03.24-.05.34-.07-.05.02-.23.07-.28.14-.02.03-.11.04-.2.07a.972.972 0 0 1-.17.08 1.086 1.086 0 0 1-.32.09.422.422 0 0 0-.23.07 5.992 5.992 0 0 0 3.97-2.26.192.192 0 0 1-.05.04 1.262 1.262 0 0 1-.13.08z"/>
+    <path d="M8.088 10.067c.18-.007.81.013.9-.173.128-.278-.247-.616-.535-.594-.353.027-.6.777-.365.767zm4.667.325c-.027.04-.685 0-.37.284.03.028.346-.05.332 0-.046.15-.126.123-.2.206a1.3 1.3 0 0 0-.237.417c-.027-.06-.053.02-.025.05 0 .01-.064.07-.06.08-.05.11-.154.2-.07.17.245-.07.355-.26.675-.61s.254-1.06-.045-.61zm-.815 1.258c-.043-.065-.148 0-.183.052q.027.1.16-.008c.02-.02.036-.02.022-.043z"/>
+  </g>
+</svg>
diff --git a/LCARStrek/mozapps/places/defaultFavicon@2x.png b/LCARStrek/mozapps/places/defaultFavicon@2x.png
deleted file mode 100644 (file)
index 7467346..0000000
Binary files a/LCARStrek/mozapps/places/defaultFavicon@2x.png and /dev/null differ
index 400e917873e1591e1ce6b8b9b22f9bb9bd0f661d..6da97f9681fb175b94ce7996e9fbceb50d2e2b8e 100644 (file)
   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 {
index 08258f56b00f83703c290d76c23954bda0923df0..fd83c4db1c8f267086ac1f0de84718bd6aec2fb6 100644 (file)
@@ -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 */
index b3545963bd5069d32354dd758b9fa142036b33d2..744fa4da853f0fff7b29e6b45863f00759ec1544 100644 (file)
@@ -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;
 }