sync both themes with toolkit windows theme changes in Mozilla 52 cycle

diff --git a/EarlyBlue/global/aboutNetworking.css b/EarlyBlue/global/aboutNetworking.css
index 9b2eced8d16afff72aa6635b90a988ffb88359a1..bbc375a56ea093d4952c3c7397f33ee87755261e 100644 (file)
--- a/EarlyBlue/global/aboutNetworking.css
+++ b/EarlyBlue/global/aboutNetworking.css
@@ -19,12 +19,12 @@ body {
 }
 
 #refreshDiv {
-  text-align: end;
+  justify-content: flex-end;
   margin-bottom: 0.5em;
 }
 
 #refreshButton {
-  vertical-align: middle;
+  margin-top: 0;
 }
 
 /** Categories **/
@@ -103,7 +103,6 @@ body {
 }
 
 .tab table {
-  border: 1;
   width: 100%;
 }
 

diff --git a/EarlyBlue/global/aboutReaderControls.css b/EarlyBlue/global/aboutReaderControls.css
index 6f86c5783cd50f332eb9d2218ff6aff90c06d144..1a602d84e89962506ef5f994642e92581f153dd6 100644 (file)
--- a/EarlyBlue/global/aboutReaderControls.css
+++ b/EarlyBlue/global/aboutReaderControls.css
@@ -82,6 +82,7 @@
   background-color: #fbfbfb;
   -moz-user-select: none;
   border-right: 1px solid #b5b5b5;
+  z-index: 1;
 }
 
 .button {

diff --git a/EarlyBlue/global/datetimeinputpickers.css b/EarlyBlue/global/datetimeinputpickers.css
new file mode 100644 (file)
index 0000000..fc48fe9
--- /dev/null
+++ b/EarlyBlue/global/datetimeinputpickers.css
@@ -0,0 +1,352 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+:root {
+  --font-size-default: 1.1rem;
+  --spinner-width: 3rem;
+  --spinner-margin-top-bottom: 0.4rem;
+  --spinner-item-height: 2.4rem;
+  --spinner-item-margin-bottom: 0.1rem;
+  --spinner-button-height: 1.2rem;
+  --colon-width: 2rem;
+  --day-period-spacing-width: 1rem;
+  --calendar-width: 23.1rem;
+  --date-picker-item-height: 2.4rem;
+
+  --border: 0.1rem solid #9999CC;
+  --border-radius: 0.3rem;
+  --border-active-color: #666699;
+
+  --font-color: #000000;
+  --fill-color: #CCD0DD;
+
+  --selected-font-color: #FFFFFF;
+  --selected-fill-color: #336699;
+
+  --button-font-color: #666699;
+  --button-font-color-hover: #6666CC;
+  --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;
+
+  --disabled-opacity: 0.2;
+}
+
+html {
+  font-size: 10px;
+}
+
+body {
+  margin: 0;
+  color: var(--font-color);
+  font: message-box;
+  font-size: var(--font-size-default);
+}
+
+button {
+  -moz-appearance: none;
+  background: none;
+  border: none;
+}
+
+.nav {
+  display: flex;
+  width: var(--calendar-width);
+  height: 2.4rem;
+  margin-bottom: 0.8rem;
+  justify-content: space-between;
+}
+
+.nav > button {
+  width: 3rem;
+  height: var(--date-picker-item-height);
+  filter: url("chrome://global/skin/filters.svg#fill");
+  fill: var(--button-font-color);
+}
+
+.nav > button:hover {
+  fill: var(--button-font-color-hover);
+}
+
+.nav > button.active {
+  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.right {
+  background: url("chrome://global/skin/icons/calendar-arrows.svg#right") no-repeat 50% 50%;
+}
+
+.month-year-container {
+  position: absolute;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  top: 0;
+  left: 3rem;
+  width: 17.1rem;
+  height: var(--date-picker-item-height);
+  z-index: 10;
+}
+
+button.month-year {
+  font-size: 1.3rem;
+  border: var(--border);
+  border-radius: 0.3rem;
+  padding: 0.2rem 2.6rem 0.2rem 1.2rem;
+}
+
+button.month-year:hover {
+  background: var(--fill-color);
+}
+
+button.month-year.active {
+  border-color: var(--border-active-color);
+  background: var(--button-fill-color-active);
+}
+
+button.month-year::after {
+  position: absolute;
+  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");
+  fill: var(--button-font-color);
+}
+
+button.month-year.active::after {
+  background: url("chrome://global/skin/icons/spinner-arrows.svg#up") no-repeat 50% 50%;
+}
+
+.month-year-view {
+  position: absolute;
+  z-index: 5;
+  padding-top: 3.2rem;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  width: var(--calendar-width);
+  background: window;
+  opacity: 1;
+  transition: opacity 0.15s;
+}
+
+.month-year-view.hidden {
+  visibility: hidden;
+  opacity: 0;
+}
+
+.month-year-view > .spinner-container {
+  width: 5.5rem;
+  margin: 0 0.5rem;
+}
+
+.month-year-view .spinner {
+  transform: scaleY(1);
+  transform-origin: top;
+  transition: transform 0.15s;
+}
+
+.month-year-view.hidden .spinner {
+  transform: scaleY(0);
+  transition: none;
+}
+
+.month-year-view .spinner > div {
+  transform: scaleY(1);
+  transition: transform 0.15s;
+}
+
+.month-year-view.hidden .spinner > div {
+  transform: scaleY(2.5);
+  transition: none;
+}
+
+.order-month-year > #spinner-month,
+.order-year-month > #spinner-year {
+  order: 1;
+}
+
+.order-month-year > #spinner-year,
+.order-year-month > #spinner-month {
+  order: 2;
+}
+
+.calendar-container {
+  cursor: default;
+  display: flex;
+  flex-direction: column;
+  width: var(--calendar-width);
+}
+
+.week-header {
+  display: flex;
+}
+
+.week-header > div {
+  color: var(--weekday-font-color);
+}
+
+.week-header > div.weekend {
+  color: var(--weekend-font-color);
+}
+
+.days-viewport {
+  height: 15rem;
+  overflow: hidden;
+  position: relative;
+}
+
+.days-view {
+  position: absolute;
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: row;
+}
+
+.week-header > div,
+.days-view > div {
+  align-items: center;
+  display: flex;
+  height: var(--date-picker-item-height);
+  margin: 0.05rem 0.15rem;
+  position: relative;
+  justify-content: center;
+  width: 3rem;
+}
+
+.days-view > div.outside {
+  color: var(--weekday-outside-font-color);
+}
+
+.days-view > div.weekend {
+  color: var(--weekend-font-color);
+}
+
+.days-view > div.weekend.outside {
+  color: var(--weekend-outside-font-color);
+}
+
+#time-picker,
+.month-year-view {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+}
+
+.spinner-container {
+  display: flex;
+  flex-direction: column;
+  width: var(--spinner-width);
+}
+
+.spinner-container > button {
+  height: var(--spinner-button-height);
+  filter: url("chrome://global/skin/filters.svg#fill");
+  fill: var(--button-font-color);
+}
+
+.spinner-container > button:hover {
+  fill: var(--button-font-color-hover);
+}
+
+.spinner-container > button.active {
+  fill: var(--button-font-color-active);
+}
+
+.spinner-container > button.up {
+  background: url("chrome://global/skin/icons/spinner-arrows.svg#up") no-repeat 50% 50%;
+}
+
+.spinner-container > button.down {
+  background: url("chrome://global/skin/icons/spinner-arrows.svg#down") no-repeat 50% 50%;
+}
+
+.spinner-container.hide-buttons > button {
+  visibility: hidden;
+}
+
+.spinner-container > .spinner {
+  position: relative;
+  width: 100%;
+  margin: var(--spinner-margin-top-bottom) 0;
+  cursor: default;
+  overflow-y: scroll;
+  scroll-snap-type: mandatory;
+  scroll-snap-points-y: repeat(100%);
+}
+
+.spinner-container > .spinner > div {
+  box-sizing: border-box;
+  position: relative;
+  text-align: center;
+  padding: calc((var(--spinner-item-height) - var(--font-size-default)) / 2) 0;
+  margin-bottom: var(--spinner-item-margin-bottom);
+  height: var(--spinner-item-height);
+  -moz-user-select: none;
+  scroll-snap-coordinate: 0 0;
+}
+
+.spinner-container > .spinner > div:hover::before,
+.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 {
+  color: var(--selected-font-color);
+}
+
+.spinner-container > .spinner > div.selection::before,
+.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,
+.spinner-container > .spinner.scrolling > div.selection::before,
+.spinner-container > .spinner.scrolling > div:hover::before {
+  display: none;
+}
+
+.spinner-container > .spinner > div.disabled {
+  opacity: var(--disabled-opacity);
+}
+
+.colon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: var(--colon-width);
+  margin-bottom: 0.3rem;
+}
+
+.spacer {
+  width: var(--day-period-spacing-width);
+}

diff --git a/EarlyBlue/global/datetimepopup.css b/EarlyBlue/global/datetimepopup.css
new file mode 100644 (file)
index 0000000..52f6fc7
--- /dev/null
+++ b/EarlyBlue/global/datetimepopup.css
@@ -0,0 +1,11 @@
+/* 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");
+
+panel[type="arrow"][side="top"],
+panel[type="arrow"][side="bottom"] {
+  margin-left: 0;
+  margin-right: 0;
+}

diff --git a/EarlyBlue/global/global.css b/EarlyBlue/global/global.css
index e76b20dcda357a496f0dee103d54cc691d40d4e2..b9f97da82460c62e2bb15cf2044bc3f494e1c05f 100644 (file)
--- a/EarlyBlue/global/global.css
+++ b/EarlyBlue/global/global.css
@@ -27,10 +27,10 @@ menulist > menupopup {
 
 /* ::::: Variables ::::: */
 :root {
-  --panel-arrowcontent-padding: 6px;
-  --panel-arrowcontent-background: #CCD0DD;
-  --panel-arrowcontent-color: #000000;
-  --panel-arrowcontent-border-color: #CCD0DD;
+  --arrowpanel-padding: 6px;
+  --arrowpanel-background: #CCD0DD;
+  --arrowpanel-color: #000000;
+  --arrowpanel-border-color: #CCD0DD;
 }
 
 /* ::::: root elements ::::: */

diff --git a/EarlyBlue/global/icons/input-clear.svg b/EarlyBlue/global/icons/input-clear.svg
new file mode 100644 (file)
index 0000000..73e1580
--- /dev/null
+++ b/EarlyBlue/global/icons/input-clear.svg
@@ -0,0 +1,16 @@
+<?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" viewBox="0 0 12 12">
+  <style>
+    .st0 {
+      fill: #9999CC;
+    }
+    .st1 {
+      fill: #FFFFFF;
+    }
+  </style>
+  <circle id="Combined-Shape" class="st0" cx="6" cy="6" r="6"/>
+  <polygon id="Close_Button_-_Normal-path" class="st1" points="9,8.1 8.1,9 6,6.9 3.9,9 3,8.1 5.1,6 3,3.9 3.9,3 6,5.1 8.1,3 9,3.9 6.9,6"/>
+</svg>

diff --git a/EarlyBlue/global/in-content/common.css b/EarlyBlue/global/in-content/common.css
index 45d87eb31b1d4f1b874ed8f0c0318368880d9f55..4b7af22d0fd4663c6351265ab354a944c1b52c70 100644 (file)
--- a/EarlyBlue/global/in-content/common.css
+++ b/EarlyBlue/global/in-content/common.css
@@ -74,6 +74,11 @@ html|hr {
 xul|caption {
 }
 
+html|h2,
+xul|caption > xul|checkbox,
+xul|caption > xul|label {
+}
+
 xul|caption > xul|checkbox,
 xul|caption > xul|label {
   margin-top: 0;
@@ -569,7 +574,12 @@ xul|*.checkbox-label-box {
 xul|richlistitem > xul|*.checkbox-check {
   margin: 3px 6px;
 }
-
+*/
+html|*.toggle-container-with-text {
+  display: flex;
+  align-items: center;
+}
+/*
 xul|radio {
   margin-inline-start: 0;
 }

diff --git a/EarlyBlue/global/menu.css b/EarlyBlue/global/menu.css
index 5f55b3e3ca54cf5ae7fd407b31cfd820d4340f35..310951ec3b759302f239b920f92d472566a93b52 100644 (file)
--- a/EarlyBlue/global/menu.css
+++ b/EarlyBlue/global/menu.css
@@ -240,10 +240,3 @@ menulist > menupopup > menuseparator {
 .autocomplete-history-popup > menuitem {
   max-width: none !important;
 }
-
-/* ::::: tree column picker ::::: */
-
-.treecell-popupcell-menu {
-  margin-inline-start: -2px;
-  list-style-image: url("chrome://global/skin/tree/columnpicker.gif");
-}
\ No newline at end of file

diff --git a/EarlyBlue/global/narrate.css b/EarlyBlue/global/narrate.css
index 3aa8a8a6e315d27664e113dea1d42eadf9cd7a72..8a44e78e2507881f9c306cc58e00374d64419eca 100644 (file)
--- a/EarlyBlue/global/narrate.css
+++ b/EarlyBlue/global/narrate.css
@@ -1,3 +1,8 @@
+.narrating {
+  position: relative;
+  z-index: 1;
+}
+
 body.light .narrating {
   background-color: #ffc;
 }
@@ -9,3 +14,33 @@ body.sepia .narrating {
 body.dark .narrating {
   background-color: #242424;
 }
+
+.narrate-word-highlight {
+  position: absolute;
+  display: none;
+  transform: translate(-50%, calc(-50% - 2px));
+  z-index: -1;
+  border-bottom-style: solid;
+  border-bottom-width: 7px;
+  transition: left 0.1s ease;
+}
+
+.narrating > .narrate-word-highlight {
+  display: inline-block;
+}
+
+.narrate-word-highlight.newline {
+  transition: none;
+}
+
+body.light .narrate-word-highlight {
+  border-bottom-color: #ffe087;
+}
+
+body.sepia .narrate-word-highlight {
+  border-bottom-color: #bdb5a5;
+}
+
+body.dark .narrate-word-highlight {
+  border-bottom-color: #6f6f6f;
+}

diff --git a/EarlyBlue/global/popup.css b/EarlyBlue/global/popup.css
index 38eb25c0ea8ba7103247f09d72b2dec4d160c4b5..b3b35664acca817511e73d43eb4f6ee7ffd6946d 100644 (file)
--- a/EarlyBlue/global/popup.css
+++ b/EarlyBlue/global/popup.css
@@ -44,11 +44,11 @@ panel[type="arrow"][side="right"] {
 }
 
 .panel-arrowcontent {
-  padding: var(--panel-arrowcontent-padding);
-  color: var(--panel-arrowcontent-color);
-  background: var(--panel-arrowcontent-background);
+  padding: var(--arrowpanel-padding);
+  color: var(--arrowpanel-color);
+  background: var(--arrowpanel-background);
   background-clip: padding-box;
-  border: 1px outset var(--panel-arrowcontent-border-color);
+  border: 1px outset var(--arrowpanel-border-color);
   margin: 0px;
 }
 

diff --git a/EarlyBlue/global/timepicker.css b/EarlyBlue/global/timepicker.css
new file mode 100644 (file)
index 0000000..683ae12
--- /dev/null
+++ b/EarlyBlue/global/timepicker.css
@@ -0,0 +1,153 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+:root {
+  --font-size-default: 1.1rem;
+  --spinner-width: 3rem;
+  --spinner-margin-top-bottom: 0.4rem;
+  --spinner-item-height: 2.4rem;
+  --spinner-item-margin-bottom: 0.1rem;
+  --spinner-button-height: 1.2rem;
+  --colon-width: 2rem;
+  --day-period-spacing-width: 1rem;
+
+  --border: 0.1rem solid #9999CC;
+  --border-radius: 0.3rem;
+
+  --font-color: #000000;
+  --fill-color: #CCD0DD;
+
+  --selected-font-color: #FFFFFF;
+  --selected-fill-color: #336699;
+
+  --button-font-color: #666699;
+  --button-font-color-hover: #6666CC;
+  --button-font-color-active: #9999CC;
+
+  --disabled-opacity: 0.2;
+}
+
+html {
+  font-size: 10px;
+}
+
+body {
+  margin: 0;
+  color: var(--font-color);
+  font-size: var(--font-size-default);
+}
+
+#time-picker {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
+}
+
+.spinner-container {
+  font-family: sans-serif;
+  display: flex;
+  flex-direction: column;
+  width: var(--spinner-width);
+}
+
+.spinner-container > button {
+  -moz-appearance: none;
+  border: none;
+  background: none;
+  background-color: var(--button-font-color);
+  height: var(--spinner-button-height);
+}
+
+.spinner-container > button:hover {
+  background-color: var(--button-font-color-hover);
+}
+
+.spinner-container > button.active {
+  background-color: var(--button-font-color-active);
+}
+
+.spinner-container > button.up {
+  mask: url("chrome://global/skin/icons/find-arrows.svg#glyph-find-previous") no-repeat 50% 50%;
+}
+
+.spinner-container > button.down {
+  mask: url("chrome://global/skin/icons/find-arrows.svg#glyph-find-next") no-repeat 50% 50%;
+}
+
+.spinner-container.hide-buttons > button {
+  visibility: hidden;
+}
+
+.spinner-container > .spinner {
+  position: relative;
+  width: 100%;
+  margin: var(--spinner-margin-top-bottom) 0;
+  cursor: default;
+  overflow-y: scroll;
+  scroll-snap-type: mandatory;
+  scroll-snap-points-y: repeat(100%);
+}
+
+.spinner-container > .spinner > div {
+  box-sizing: border-box;
+  position: relative;
+  text-align: center;
+  padding: calc((var(--spinner-item-height) - var(--font-size-default)) / 2) 0;
+  margin-bottom: var(--spinner-item-margin-bottom);
+  height: var(--spinner-item-height);
+  -moz-user-select: none;
+  scroll-snap-coordinate: 0 0;
+}
+
+.spinner-container > .spinner > div:hover::before {
+  background: var(--fill-color);
+  border: var(--border);
+  border-radius: var(--border-radius);
+  content: "";
+  position: absolute;
+  top: 0%;
+  bottom: 0%;
+  left: 0%;
+  right: 0%;
+  z-index: -10;
+}
+
+.spinner-container > .spinner:not(.scrolling) > div.selection {
+  color: var(--selected-font-color);
+}
+
+.spinner-container > .spinner > div.selection::before {
+  background: var(--selected-fill-color);
+  border: none;
+  border-radius: var(--border-radius);
+  content: "";
+  position: absolute;
+  top: 0%;
+  bottom: 0%;
+  left: 0%;
+  right: 0%;
+  z-index: -10;
+}
+
+.spinner-container > .spinner > div.disabled::before,
+.spinner-container > .spinner.scrolling > div.selection::before,
+.spinner-container > .spinner.scrolling > div:hover::before {
+  display: none;
+}
+
+.spinner-container > .spinner > div.disabled {
+  opacity: var(--disabled-opacity);
+}
+
+.colon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: var(--colon-width);
+  margin-bottom: 0.3rem;
+}
+
+.spacer {
+  width: var(--day-period-spacing-width);
+}

diff --git a/EarlyBlue/global/tree.css b/EarlyBlue/global/tree.css
index 38663a06195e13a5ba5afad763583276e4e98172..5a0d73d588a889f4170f9643384352a6c5c00e11 100644 (file)
--- a/EarlyBlue/global/tree.css
+++ b/EarlyBlue/global/tree.css
@@ -361,6 +361,17 @@ treechildren::-moz-tree-cell-text(selected, editing) {
   color: inherit;
 }
 
+treechildren::-moz-tree-cell(active, selected, focus, editing),
+tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, focus, editing),
+tree[seltype="text"] > treechildren::-moz-tree-cell(active, selected, focus, editing) {
+  background-color: transparent;
+  border: none;
+}
+
+treechildren::-moz-tree-cell-text(active, selected, editing) {
+  opacity: 0;
+}
+
 .tree-input {
   border: 1px solid #336699;
   margin: 0;

diff --git a/EarlyBlue/mozapps/extensions/newaddon.css b/EarlyBlue/mozapps/extensions/newaddon.css
index 4276b537ebe252628dd686fdb89e8f016de2ce55..703ccc5459054c5191b7ab4761add823aac6cd84 100644 (file)
--- a/EarlyBlue/mozapps/extensions/newaddon.css
+++ b/EarlyBlue/mozapps/extensions/newaddon.css
@@ -90,7 +90,6 @@
 
 #buttonDeck {
   margin-top: 25px;
-  -moz-box-pack: stretch;
   -moz-box-align: stretch;
 }
 

diff --git a/EarlyBlue/mozapps/extensions/update.css b/EarlyBlue/mozapps/extensions/update.css
index 557efddf3a655ad89d2561ad3828f3f618708707..0bf6ec22d1b87eb84b9dcf673b25d9f4907ad25c 100644 (file)
--- a/EarlyBlue/mozapps/extensions/update.css
+++ b/EarlyBlue/mozapps/extensions/update.css
@@ -1,7 +1,3 @@
-#alert {
-  list-style-image: url("chrome://mozapps/skin/update/update.png");
-}
-
 .throbber {
   list-style-image: url("chrome://global/skin/icons/loading.gif");
   width: 16px;

diff --git a/EarlyBlue/mozapps/plugins/contentPluginDisabled.png b/EarlyBlue/mozapps/plugins/contentPluginDisabled.png
deleted file mode 100644 (file)
index e82a3e3..0000000
Binary files a/EarlyBlue/mozapps/plugins/contentPluginDisabled.png and /dev/null differ

diff --git a/EarlyBlue/mozapps/plugins/contentPluginDownload.png b/EarlyBlue/mozapps/plugins/contentPluginDownload.png
deleted file mode 100644 (file)
index e90a5f2..0000000
Binary files a/EarlyBlue/mozapps/plugins/contentPluginDownload.png and /dev/null differ

diff --git a/EarlyBlue/mozapps/plugins/contentPluginMissing.png b/EarlyBlue/mozapps/plugins/contentPluginMissing.png
deleted file mode 100644 (file)
index 712eda0..0000000
Binary files a/EarlyBlue/mozapps/plugins/contentPluginMissing.png and /dev/null differ

diff --git a/EarlyBlue/mozapps/plugins/pluginProblem.css b/EarlyBlue/mozapps/plugins/pluginProblem.css
index 7e5a71d5448edd167b7fafd5b883cd36cb16ea13..b1a680f928eaf858a8dffab0a89d1bb70fe868f6 100644 (file)
--- a/EarlyBlue/mozapps/plugins/pluginProblem.css
+++ b/EarlyBlue/mozapps/plugins/pluginProblem.css
@@ -62,13 +62,6 @@ html|a {
   margin-bottom: 6px;
 }
 
-:-moz-type-unsupported .icon,
-:-moz-type-unsupported-platform .icon {
-  background-image: url("chrome://mozapps/skin/plugins/contentPluginMissing.png");
-}
-:-moz-type-unsupported .icon[installable] {
-  background-image: url("chrome://mozapps/skin/plugins/contentPluginDownload.png");
-}
 :-moz-handler-vulnerable-updatable .icon,
 :-moz-handler-vulnerable-no-update .icon {
   background-image: url("chrome://mozapps/skin/plugins/contentPluginBlocked.png");
@@ -81,9 +74,6 @@ html|a {
   background-image: url("chrome://mozapps/skin/plugins/contentPluginActivate.png");
   -moz-user-focus: normal;
 }
-:-moz-handler-disabled .icon {
-  background-image: url("chrome://mozapps/skin/plugins/contentPluginDisabled.png");
-}
 :-moz-handler-crashed .icon {
   background-image: url("chrome://mozapps/skin/plugins/contentPluginCrashed.png");
 }
@@ -100,13 +90,15 @@ html|a {
 }
 
 @media not all and (-moz-touch-enabled) {
-  :-moz-handler-clicktoplay .msgTapToPlay {
+  :-moz-handler-clicktoplay .msgTapToPlay,
+  a .msgTapToPlay {
     display: none;
   }
 }
 
 @media (-moz-touch-enabled) {
-  :-moz-handler-clicktoplay .msgClickToPlay {
+  :-moz-handler-clicktoplay .msgClickToPlay,
+  a .msgTapToPlay {
     display: none;
   }
 }

diff --git a/EarlyBlue/mozapps/update/update.png b/EarlyBlue/mozapps/update/update.png
deleted file mode 100644 (file)
index b46114a..0000000
Binary files a/EarlyBlue/mozapps/update/update.png and /dev/null differ

diff --git a/EarlyBlue/mozapps/update/updates.css b/EarlyBlue/mozapps/update/updates.css
index 114c46c56564623e537a37dad00cfca001d66ed4..d76aa56ae36607194c5e49dbb0b9e41fa99a89c4 100644 (file)
--- a/EarlyBlue/mozapps/update/updates.css
+++ b/EarlyBlue/mozapps/update/updates.css
@@ -106,7 +106,7 @@ wizardpage {
 
 #verificationFailedIcon {
   margin-inline-start: 5px;
-  list-style-image: url("chrome://global/skin/icons/notfound.png");
+  list-style-image: url("chrome://global/skin/icons/information-16.png");
 }
 
 /* Error Page */

diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css
index dbee9673e24ca11dcf716dd8e88ac99dd2e81405..678b5b679a0f78cfa3c8a8c85d0452d94a68ce61 100644 (file)
--- a/LCARStrek/browser/browser.css
+++ b/LCARStrek/browser/browser.css
@@ -5320,7 +5320,7 @@ notification.heartbeat {
 
 #UITourTooltipButtons {
   /**
-   * Override the --panel-arrowcontent-padding so the background extends
+   * Override the --arrowpanel-padding so the background extends
    * to the sides and bottom of the panel.
    */
   margin-left: -10px;

diff --git a/LCARStrek/browser/controlcenter/panel.css b/LCARStrek/browser/controlcenter/panel.css
index 252bbfd4ea956b9f7518ba0c2608b1305bfdef2d..2f091404f84c66e3a121cc08f0f3761925f93138 100644 (file)
--- a/LCARStrek/browser/controlcenter/panel.css
+++ b/LCARStrek/browser/controlcenter/panel.css
@@ -82,7 +82,7 @@
 }
 
 #identity-popup-multiView > .panel-viewcontainer > .panel-viewstack > .panel-subviews {
-  background: var(--panel-arrowcontent-background);
+  background: var(--arrowpanel-background);
   padding: 0;
 }
 

diff --git a/LCARStrek/browser/customizableui/panelUI.css b/LCARStrek/browser/customizableui/panelUI.css
index 20d412ddc4c76544a625595b21636df13865bd82..94fe0847ddcad32d8fa564503178d75236162ddc 100644 (file)
--- a/LCARStrek/browser/customizableui/panelUI.css
+++ b/LCARStrek/browser/customizableui/panelUI.css
@@ -1610,7 +1610,7 @@ menuitem[checked="true"].subviewbutton > .menu-iconic-left {
 /* === END panelUI.inc.css === */
 
 .panel-subviews {
-  background-color: var(--panel-arrowcontent-background);
+  background-color: var(--arrowpanel-background);
 }
 
 #PanelUI-contents #zoom-out-btn {
@@ -1634,8 +1634,8 @@ menuitem[checked="true"].subviewbutton > .menu-iconic-left {
 #BMB_bookmarksPopup menupopup[placespopup=true] > hbox {
   /* emulating chrome://browser/content/places/menu.xml#places-popup-arrow but without the arrow */
 /*  box-shadow: 0 0 4px rgba(0,0,0,0.2);
-  background: var(--panel-arrowcontent-background);
-  border: 1px solid var(--panel-arrowcontent-border-color);
+  background: var(--arrowpanel-background);
+  border: 1px solid var(--arrowpanel-border-color);
   border-radius: 3.5px;
   margin-top: -4px;*/
 }

diff --git a/LCARStrek/global/aboutNetworking.css b/LCARStrek/global/aboutNetworking.css
index fee91cc1563c51145d49c0b48229ae9071301328..ad893d79c5158e05770b76535d464b210b7f550d 100644 (file)
--- a/LCARStrek/global/aboutNetworking.css
+++ b/LCARStrek/global/aboutNetworking.css
@@ -19,12 +19,12 @@ body {
 }
 
 #refreshDiv {
-  text-align: end;
+  justify-content: flex-end;
   margin-bottom: 0.5em;
 }
 
 #refreshButton {
-  vertical-align: middle;
+  margin-top: 0;
 }
 
 /** Categories **/
@@ -104,7 +104,6 @@ body {
 }
 
 .tab table {
-  border: 1;
   width: 100%;
 }
 

diff --git a/LCARStrek/global/aboutReaderControls.css b/LCARStrek/global/aboutReaderControls.css
index b2b2c19d5bf87a9cc5d0b1257f3e8a788f76da68..f70b0a06e4591b218093f72e5313cf93d6c1de45 100644 (file)
--- a/LCARStrek/global/aboutReaderControls.css
+++ b/LCARStrek/global/aboutReaderControls.css
@@ -82,6 +82,7 @@
   background-color: #fbfbfb;
   -moz-user-select: none;
   border-right: 1px solid #b5b5b5;
+  z-index: 1;
 }
 
 .button {

diff --git a/LCARStrek/global/datetimeinputpickers.css b/LCARStrek/global/datetimeinputpickers.css
new file mode 100644 (file)
index 0000000..1cc6b0b
--- /dev/null
+++ b/LCARStrek/global/datetimeinputpickers.css
@@ -0,0 +1,352 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+:root {
+  --font-size-default: 1.1rem;
+  --spinner-width: 3rem;
+  --spinner-margin-top-bottom: 0.4rem;
+  --spinner-item-height: 2.4rem;
+  --spinner-item-margin-bottom: 0.1rem;
+  --spinner-button-height: 1.2rem;
+  --colon-width: 2rem;
+  --day-period-spacing-width: 1rem;
+  --calendar-width: 23.1rem;
+  --date-picker-item-height: 2.4rem;
+
+  --border: 0.1rem solid #9C9CFF;
+  --border-radius: 0.3rem;
+  --border-active-color: #FF9F00;
+
+  --font-color: #FF9F00;
+  --fill-color: #000000;
+
+  --selected-font-color: #000000;
+  --selected-fill-color: #008484;
+
+  --button-font-color: #FF9F00;
+  --button-font-color-hover: #FFCF00;
+  --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;
+
+  --disabled-opacity: 0.2;
+}
+
+html {
+  font-size: 10px;
+}
+
+body {
+  margin: 0;
+  color: var(--font-color);
+  font: message-box;
+  font-size: var(--font-size-default);
+}
+
+button {
+  -moz-appearance: none;
+  background: none;
+  border: none;
+}
+
+.nav {
+  display: flex;
+  width: var(--calendar-width);
+  height: 2.4rem;
+  margin-bottom: 0.8rem;
+  justify-content: space-between;
+}
+
+.nav > button {
+  width: 3rem;
+  height: var(--date-picker-item-height);
+  filter: url("chrome://global/skin/filters.svg#fill");
+  fill: var(--button-font-color);
+}
+
+.nav > button:hover {
+  fill: var(--button-font-color-hover);
+}
+
+.nav > button.active {
+  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.right {
+  background: url("chrome://global/skin/icons/calendar-arrows.svg#right") no-repeat 50% 50%;
+}
+
+.month-year-container {
+  position: absolute;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  top: 0;
+  left: 3rem;
+  width: 17.1rem;
+  height: var(--date-picker-item-height);
+  z-index: 10;
+}
+
+button.month-year {
+  font-size: 1.3rem;
+  border: var(--border);
+  border-radius: 0.3rem;
+  padding: 0.2rem 2.6rem 0.2rem 1.2rem;
+}
+
+button.month-year:hover {
+  background: var(--fill-color);
+}
+
+button.month-year.active {
+  border-color: var(--border-active-color);
+  background: var(--button-fill-color-active);
+}
+
+button.month-year::after {
+  position: absolute;
+  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");
+  fill: var(--button-font-color);
+}
+
+button.month-year.active::after {
+  background: url("chrome://global/skin/icons/spinner-arrows.svg#up") no-repeat 50% 50%;
+}
+
+.month-year-view {
+  position: absolute;
+  z-index: 5;
+  padding-top: 3.2rem;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  width: var(--calendar-width);
+  background: window;
+  opacity: 1;
+  transition: opacity 0.15s;
+}
+
+.month-year-view.hidden {
+  visibility: hidden;
+  opacity: 0;
+}
+
+.month-year-view > .spinner-container {
+  width: 5.5rem;
+  margin: 0 0.5rem;
+}
+
+.month-year-view .spinner {
+  transform: scaleY(1);
+  transform-origin: top;
+  transition: transform 0.15s;
+}
+
+.month-year-view.hidden .spinner {
+  transform: scaleY(0);
+  transition: none;
+}
+
+.month-year-view .spinner > div {
+  transform: scaleY(1);
+  transition: transform 0.15s;
+}
+
+.month-year-view.hidden .spinner > div {
+  transform: scaleY(2.5);
+  transition: none;
+}
+
+.order-month-year > #spinner-month,
+.order-year-month > #spinner-year {
+  order: 1;
+}
+
+.order-month-year > #spinner-year,
+.order-year-month > #spinner-month {
+  order: 2;
+}
+
+.calendar-container {
+  cursor: default;
+  display: flex;
+  flex-direction: column;
+  width: var(--calendar-width);
+}
+
+.week-header {
+  display: flex;
+}
+
+.week-header > div {
+  color: var(--weekday-font-color);
+}
+
+.week-header > div.weekend {
+  color: var(--weekend-font-color);
+}
+
+.days-viewport {
+  height: 15rem;
+  overflow: hidden;
+  position: relative;
+}
+
+.days-view {
+  position: absolute;
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: row;
+}
+
+.week-header > div,
+.days-view > div {
+  align-items: center;
+  display: flex;
+  height: var(--date-picker-item-height);
+  margin: 0.05rem 0.15rem;
+  position: relative;
+  justify-content: center;
+  width: 3rem;
+}
+
+.days-view > div.outside {
+  color: var(--weekday-outside-font-color);
+}
+
+.days-view > div.weekend {
+  color: var(--weekend-font-color);
+}
+
+.days-view > div.weekend.outside {
+  color: var(--weekend-outside-font-color);
+}
+
+#time-picker,
+.month-year-view {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+}
+
+.spinner-container {
+  display: flex;
+  flex-direction: column;
+  width: var(--spinner-width);
+}
+
+.spinner-container > button {
+  height: var(--spinner-button-height);
+  filter: url("chrome://global/skin/filters.svg#fill");
+  fill: var(--button-font-color);
+}
+
+.spinner-container > button:hover {
+  fill: var(--button-font-color-hover);
+}
+
+.spinner-container > button.active {
+  fill: var(--button-font-color-active);
+}
+
+.spinner-container > button.up {
+  background: url("chrome://global/skin/icons/spinner-arrows.svg#up") no-repeat 50% 50%;
+}
+
+.spinner-container > button.down {
+  background: url("chrome://global/skin/icons/spinner-arrows.svg#down") no-repeat 50% 50%;
+}
+
+.spinner-container.hide-buttons > button {
+  visibility: hidden;
+}
+
+.spinner-container > .spinner {
+  position: relative;
+  width: 100%;
+  margin: var(--spinner-margin-top-bottom) 0;
+  cursor: default;
+  overflow-y: scroll;
+  scroll-snap-type: mandatory;
+  scroll-snap-points-y: repeat(100%);
+}
+
+.spinner-container > .spinner > div {
+  box-sizing: border-box;
+  position: relative;
+  text-align: center;
+  padding: calc((var(--spinner-item-height) - var(--font-size-default)) / 2) 0;
+  margin-bottom: var(--spinner-item-margin-bottom);
+  height: var(--spinner-item-height);
+  -moz-user-select: none;
+  scroll-snap-coordinate: 0 0;
+}
+
+.spinner-container > .spinner > div:hover::before,
+.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 {
+  color: var(--selected-font-color);
+}
+
+.spinner-container > .spinner > div.selection::before,
+.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,
+.spinner-container > .spinner.scrolling > div.selection::before,
+.spinner-container > .spinner.scrolling > div:hover::before {
+  display: none;
+}
+
+.spinner-container > .spinner > div.disabled {
+  opacity: var(--disabled-opacity);
+}
+
+.colon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: var(--colon-width);
+  margin-bottom: 0.3rem;
+}
+
+.spacer {
+  width: var(--day-period-spacing-width);
+}

diff --git a/LCARStrek/global/datetimepopup.css b/LCARStrek/global/datetimepopup.css
new file mode 100644 (file)
index 0000000..52f6fc7
--- /dev/null
+++ b/LCARStrek/global/datetimepopup.css
@@ -0,0 +1,11 @@
+/* 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");
+
+panel[type="arrow"][side="top"],
+panel[type="arrow"][side="bottom"] {
+  margin-left: 0;
+  margin-right: 0;
+}

diff --git a/LCARStrek/global/global.css b/LCARStrek/global/global.css
index 53cf677c015947126be959e1f1f62b6186128384..371f540c7010a4198d5729ea8c5d7796ce43fedc 100644 (file)
--- a/LCARStrek/global/global.css
+++ b/LCARStrek/global/global.css
@@ -53,10 +53,10 @@ toolbaritem > menubar {
 
 /* ::::: Variables ::::: */
 :root {
-  --panel-arrowcontent-padding: 6px;
-  --panel-arrowcontent-background: #000000;
-  --panel-arrowcontent-color: #FF9F00;
-  --panel-arrowcontent-border-color: #FF9F00;
+  --arrowpanel-padding: 6px;
+  --arrowpanel-background: #000000;
+  --arrowpanel-color: #FF9F00;
+  --arrowpanel-border-color: #FF9F00;
 }
 
 /* ::::: root elements ::::: */

diff --git a/LCARStrek/global/icons/input-clear.svg b/LCARStrek/global/icons/input-clear.svg
new file mode 100644 (file)
index 0000000..5999920
--- /dev/null
+++ b/LCARStrek/global/icons/input-clear.svg
@@ -0,0 +1,16 @@
+<?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" viewBox="0 0 12 12">
+  <style>
+    .st0 {
+      fill: #A09090;
+    }
+    .st1 {
+      fill: #000000;
+    }
+  </style>
+  <circle id="Combined-Shape" class="st0" cx="6" cy="6" r="6"/>
+  <polygon id="Close_Button_-_Normal-path" class="st1" points="9,8.1 8.1,9 6,6.9 3.9,9 3,8.1 5.1,6 3,3.9 3.9,3 6,5.1 8.1,3 9,3.9 6.9,6"/>
+</svg>

diff --git a/LCARStrek/global/icons/notfound.png b/LCARStrek/global/icons/notfound.png
deleted file mode 100644 (file)
index 2c8189a..0000000
Binary files a/LCARStrek/global/icons/notfound.png and /dev/null differ

diff --git a/LCARStrek/global/in-content/common.css b/LCARStrek/global/in-content/common.css
index be9fa280826a6c7c482046d3e070d71247ed103e..4d39c5ad7bb423295f75ac8e5f742e07a91dccf8 100644 (file)
--- a/LCARStrek/global/in-content/common.css
+++ b/LCARStrek/global/in-content/common.css
@@ -99,6 +99,11 @@ html|hr {
 xul|caption {
 }
 
+html|h2,
+xul|caption > xul|checkbox,
+xul|caption > xul|label {
+}
+
 xul|caption > xul|checkbox,
 xul|caption > xul|label {
   margin-top: 0;
@@ -606,7 +611,12 @@ xul|*.checkbox-label-box {
 xul|richlistitem > xul|*.checkbox-check {
   margin: 3px 6px;
 }
-
+*/
+html|*.toggle-container-with-text {
+  display: flex;
+  align-items: center;
+}
+/*
 xul|radio {
   margin-inline-start: 0;
 }

diff --git a/LCARStrek/global/menu.css b/LCARStrek/global/menu.css
index 71d7a90d681f8a288ec17a220bbda32b93ceee0c..aa39f261f88c3fe8ddfc2c158346409b24947715 100644 (file)
--- a/LCARStrek/global/menu.css
+++ b/LCARStrek/global/menu.css
@@ -243,10 +243,3 @@ menulist > menupopup > menuseparator {
 .autocomplete-history-popup > menuitem {
   max-width: none !important;
 }
-
-/* ::::: tree column picker ::::: */
-
-.treecell-popupcell-menu {
-  margin-inline-start: -2px;
-  list-style-image: url("chrome://global/skin/tree/columnpicker.gif");
-}

diff --git a/LCARStrek/global/narrate.css b/LCARStrek/global/narrate.css
index 3aa8a8a6e315d27664e113dea1d42eadf9cd7a72..8a44e78e2507881f9c306cc58e00374d64419eca 100644 (file)
--- a/LCARStrek/global/narrate.css
+++ b/LCARStrek/global/narrate.css
@@ -1,3 +1,8 @@
+.narrating {
+  position: relative;
+  z-index: 1;
+}
+
 body.light .narrating {
   background-color: #ffc;
 }
@@ -9,3 +14,33 @@ body.sepia .narrating {
 body.dark .narrating {
   background-color: #242424;
 }
+
+.narrate-word-highlight {
+  position: absolute;
+  display: none;
+  transform: translate(-50%, calc(-50% - 2px));
+  z-index: -1;
+  border-bottom-style: solid;
+  border-bottom-width: 7px;
+  transition: left 0.1s ease;
+}
+
+.narrating > .narrate-word-highlight {
+  display: inline-block;
+}
+
+.narrate-word-highlight.newline {
+  transition: none;
+}
+
+body.light .narrate-word-highlight {
+  border-bottom-color: #ffe087;
+}
+
+body.sepia .narrate-word-highlight {
+  border-bottom-color: #bdb5a5;
+}
+
+body.dark .narrate-word-highlight {
+  border-bottom-color: #6f6f6f;
+}

diff --git a/LCARStrek/global/popup.css b/LCARStrek/global/popup.css
index d2188344ec1ffbbfc3a97cb27b5da60f323529fa..07c78226e031289b74d32c97f0dd37e0ae11b553 100644 (file)
--- a/LCARStrek/global/popup.css
+++ b/LCARStrek/global/popup.css
@@ -45,11 +45,11 @@ panel[type="arrow"][side="right"] {
 
 .panel-arrowcontent {
   border-radius: 6px;
-  padding: var(--panel-arrowcontent-padding);
-  color: var(--panel-arrowcontent-color);
-  background: var(--panel-arrowcontent-background);
+  padding: var(--arrowpanel-padding);
+  color: var(--arrowpanel-color);
+  background: var(--arrowpanel-background);
   background-clip: padding-box;
-  border: 1px solid var(--panel-arrowcontent-border-color);
+  border: 1px solid var(--arrowpanel-border-color);
   margin: 0px;
 }
 

diff --git a/LCARStrek/global/timepicker.css b/LCARStrek/global/timepicker.css
new file mode 100644 (file)
index 0000000..37fd3f8
--- /dev/null
+++ b/LCARStrek/global/timepicker.css
@@ -0,0 +1,153 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+:root {
+  --font-size-default: 1.1rem;
+  --spinner-width: 3rem;
+  --spinner-margin-top-bottom: 0.4rem;
+  --spinner-item-height: 2.4rem;
+  --spinner-item-margin-bottom: 0.1rem;
+  --spinner-button-height: 1.2rem;
+  --colon-width: 2rem;
+  --day-period-spacing-width: 1rem;
+
+  --border: 0.1rem solid #9C9CFF;
+  --border-radius: 0.3rem;
+
+  --font-color: #FF9F00;
+  --fill-color: #000000;
+
+  --selected-font-color: #000000;
+  --selected-fill-color: #008484;
+
+  --button-font-color: #FF9F00;
+  --button-font-color-hover: #FFCF00;
+  --button-font-color-active: #FF9F00;
+
+  --disabled-opacity: 0.2;
+}
+
+html {
+  font-size: 10px;
+}
+
+body {
+  margin: 0;
+  color: var(--font-color);
+  font-size: var(--font-size-default);
+}
+
+#time-picker {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
+}
+
+.spinner-container {
+  font-family: sans-serif;
+  display: flex;
+  flex-direction: column;
+  width: var(--spinner-width);
+}
+
+.spinner-container > button {
+  -moz-appearance: none;
+  border: none;
+  background: none;
+  background-color: var(--button-font-color);
+  height: var(--spinner-button-height);
+}
+
+.spinner-container > button:hover {
+  background-color: var(--button-font-color-hover);
+}
+
+.spinner-container > button.active {
+  background-color: var(--button-font-color-active);
+}
+
+.spinner-container > button.up {
+  mask: url("chrome://global/skin/icons/find-arrows.svg#glyph-find-previous") no-repeat 50% 50%;
+}
+
+.spinner-container > button.down {
+  mask: url("chrome://global/skin/icons/find-arrows.svg#glyph-find-next") no-repeat 50% 50%;
+}
+
+.spinner-container.hide-buttons > button {
+  visibility: hidden;
+}
+
+.spinner-container > .spinner {
+  position: relative;
+  width: 100%;
+  margin: var(--spinner-margin-top-bottom) 0;
+  cursor: default;
+  overflow-y: scroll;
+  scroll-snap-type: mandatory;
+  scroll-snap-points-y: repeat(100%);
+}
+
+.spinner-container > .spinner > div {
+  box-sizing: border-box;
+  position: relative;
+  text-align: center;
+  padding: calc((var(--spinner-item-height) - var(--font-size-default)) / 2) 0;
+  margin-bottom: var(--spinner-item-margin-bottom);
+  height: var(--spinner-item-height);
+  -moz-user-select: none;
+  scroll-snap-coordinate: 0 0;
+}
+
+.spinner-container > .spinner > div:hover::before {
+  background: var(--fill-color);
+  border: var(--border);
+  border-radius: var(--border-radius);
+  content: "";
+  position: absolute;
+  top: 0%;
+  bottom: 0%;
+  left: 0%;
+  right: 0%;
+  z-index: -10;
+}
+
+.spinner-container > .spinner:not(.scrolling) > div.selection {
+  color: var(--selected-font-color);
+}
+
+.spinner-container > .spinner > div.selection::before {
+  background: var(--selected-fill-color);
+  border: none;
+  border-radius: var(--border-radius);
+  content: "";
+  position: absolute;
+  top: 0%;
+  bottom: 0%;
+  left: 0%;
+  right: 0%;
+  z-index: -10;
+}
+
+.spinner-container > .spinner > div.disabled::before,
+.spinner-container > .spinner.scrolling > div.selection::before,
+.spinner-container > .spinner.scrolling > div:hover::before {
+  display: none;
+}
+
+.spinner-container > .spinner > div.disabled {
+  opacity: var(--disabled-opacity);
+}
+
+.colon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: var(--colon-width);
+  margin-bottom: 0.3rem;
+}
+
+.spacer {
+  width: var(--day-period-spacing-width);
+}

diff --git a/LCARStrek/global/tree.css b/LCARStrek/global/tree.css
index 35351d101f80a7f228cda531cfc124d8b5f4c2b3..76b61de919e18eee48ba165d20d9849ed5a71f6c 100644 (file)
--- a/LCARStrek/global/tree.css
+++ b/LCARStrek/global/tree.css
@@ -392,6 +392,17 @@ treechildren::-moz-tree-cell-text(selected, editing) {
   color: inherit;
 }
 
+treechildren::-moz-tree-cell(active, selected, focus, editing),
+tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, focus, editing),
+tree[seltype="text"] > treechildren::-moz-tree-cell(active, selected, focus, editing) {
+  background-color: transparent;
+  border: none;
+}
+
+treechildren::-moz-tree-cell-text(active, selected, editing) {
+  opacity: 0;
+}
+
 .tree-input {
   border: 1px solid #9C9CFF;
   margin: 0;

diff --git a/LCARStrek/mozapps/extensions/newaddon.css b/LCARStrek/mozapps/extensions/newaddon.css
index e0363edcbb8b75db7969812cbb3d12b1fb16bce8..89715592071017467a8adb2788d563bc3b8940bc 100644 (file)
--- a/LCARStrek/mozapps/extensions/newaddon.css
+++ b/LCARStrek/mozapps/extensions/newaddon.css
@@ -90,7 +90,6 @@
 
 #buttonDeck {
   margin-top: 25px;
-  -moz-box-pack: stretch;
   -moz-box-align: stretch;
 }
 

diff --git a/LCARStrek/mozapps/extensions/update.css b/LCARStrek/mozapps/extensions/update.css
index 4da9e439fd2a409b4853dfd4aaddfed1a8d099ec..8488da801758466c09917f259a04d776c1d9bfac 100644 (file)
--- a/LCARStrek/mozapps/extensions/update.css
+++ b/LCARStrek/mozapps/extensions/update.css
@@ -1,7 +1,3 @@
-#alert {
-  list-style-image: url("chrome://mozapps/skin/update/update.png");
-}
-
 .throbber {
   list-style-image: url("chrome://global/skin/icons/loading.png");
   width: 16px;

diff --git a/LCARStrek/mozapps/places/defaultFavicon-inverted@2x.png b/LCARStrek/mozapps/places/defaultFavicon-inverted@2x.png
index a556b5694f5cd2fde6ce5ccb2b948de611c71527..1c207ecc001db340c0a4284fb6d99b1517d51dff 100644 (file)
Binary files a/LCARStrek/mozapps/places/defaultFavicon-inverted@2x.png and b/LCARStrek/mozapps/places/defaultFavicon-inverted@2x.png differ

diff --git a/LCARStrek/mozapps/places/defaultFavicon@2x.png b/LCARStrek/mozapps/places/defaultFavicon@2x.png
index 838479f884a6265a90375ce98dc0d2eb06c63432..74673460c212190b43e69f0f254e16dd334809ca 100644 (file)
Binary files a/LCARStrek/mozapps/places/defaultFavicon@2x.png and b/LCARStrek/mozapps/places/defaultFavicon@2x.png differ

diff --git a/LCARStrek/mozapps/plugins/contentPluginDisabled.png b/LCARStrek/mozapps/plugins/contentPluginDisabled.png
deleted file mode 100644 (file)
index bf86c01..0000000
Binary files a/LCARStrek/mozapps/plugins/contentPluginDisabled.png and /dev/null differ

diff --git a/LCARStrek/mozapps/plugins/contentPluginDownload.png b/LCARStrek/mozapps/plugins/contentPluginDownload.png
deleted file mode 100644 (file)
index 8c1c5c5..0000000
Binary files a/LCARStrek/mozapps/plugins/contentPluginDownload.png and /dev/null differ

diff --git a/LCARStrek/mozapps/plugins/contentPluginMissing.png b/LCARStrek/mozapps/plugins/contentPluginMissing.png
deleted file mode 100644 (file)
index 03fd3a3..0000000
Binary files a/LCARStrek/mozapps/plugins/contentPluginMissing.png and /dev/null differ

diff --git a/LCARStrek/mozapps/plugins/pluginProblem.css b/LCARStrek/mozapps/plugins/pluginProblem.css
index 059395cf1aff67a1afbc72ceef4d85076135318d..400e917873e1591e1ce6b8b9b22f9bb9bd0f661d 100644 (file)
--- a/LCARStrek/mozapps/plugins/pluginProblem.css
+++ b/LCARStrek/mozapps/plugins/pluginProblem.css
@@ -61,13 +61,6 @@ html|a {
   margin-bottom: 6px;
 }
 
-:-moz-type-unsupported .icon,
-:-moz-type-unsupported-platform .icon {
-  background-image: url("chrome://mozapps/skin/plugins/contentPluginMissing.png");
-}
-:-moz-type-unsupported .icon[installable] {
-  background-image: url("chrome://mozapps/skin/plugins/contentPluginDownload.png");
-}
 :-moz-handler-clicktoplay .icon,
 :-moz-handler-vulnerable-updatable .icon,
 :-moz-handler-vulnerable-no-update .icon {
@@ -81,9 +74,6 @@ html|a {
   background-image: url("chrome://mozapps/skin/plugins/contentPluginActivate.png");
   -moz-user-focus: normal;
 }
-:-moz-handler-disabled .icon {
-  background-image: url("chrome://mozapps/skin/plugins/contentPluginDisabled.png");
-}
 :-moz-handler-crashed .icon {
   background-image: url("chrome://mozapps/skin/plugins/contentPluginCrashed.png");
 }
@@ -100,13 +90,15 @@ html|a {
 }
 
 @media not all and (-moz-touch-enabled) {
-  :-moz-handler-clicktoplay .msgTapToPlay {
+  :-moz-handler-clicktoplay .msgTapToPlay,
+  a .msgTapToPlay {
     display: none;
   }
 }
 
 @media (-moz-touch-enabled) {
-  :-moz-handler-clicktoplay .msgClickToPlay {
+  :-moz-handler-clicktoplay .msgClickToPlay,
+  a .msgTapToPlay {
     display: none;
   }
 }

diff --git a/LCARStrek/mozapps/update/update.png b/LCARStrek/mozapps/update/update.png
deleted file mode 100644 (file)
index 0170499..0000000
Binary files a/LCARStrek/mozapps/update/update.png and /dev/null differ

diff --git a/LCARStrek/mozapps/update/updates.css b/LCARStrek/mozapps/update/updates.css
index 88c95010740f4faddb6b912605bd5c3887a9cd64..08258f56b00f83703c290d76c23954bda0923df0 100644 (file)
--- a/LCARStrek/mozapps/update/updates.css
+++ b/LCARStrek/mozapps/update/updates.css
@@ -106,7 +106,7 @@ wizardpage {
 
 #verificationFailedIcon {
   margin-inline-start: 5px;
-  list-style-image: url("chrome://global/skin/icons/notfound.png");
+  list-style-image: url("chrome://global/skin/icons/information-16.png");
 }
 
 /* Error Page */