sync both themes with toolkit windows theme changes in Mozilla 45-48 cycles
[themes.git] / EarlyBlue / global / in-content / common.css
index 5bdb0b7776b4a9ebceb577ff491f68b426ba0fca..64c51069e5f1ac89cc5bf513d4be892bc38e6488 100644 (file)
@@ -39,9 +39,6 @@
   ---in-content-primary-button-background-active: #006b9d;
   --in-content-table-border-dark-color: #9999CC;
   --in-content-table-header-background: #666699;
-  ---in-content-help-button-background: #ffcb00;
-  ---in-content-help-button-background-hover: #f4c200;
-  ---in-content-help-button-background-active: #eaba00;
   --in-content-disabled-text: #999999;
 }
 
@@ -106,7 +103,7 @@ xul|groupbox {
   font-size: 1.25rem;
 }
 
-xul|groupbox xul|label,
+xul|groupbox xul|label:not(.menu-accel):not(.menu-text),
 xul|groupbox xul|description {
   / !important needed to override toolkit !important rule /
   -moz-margin-start: 0 !important;
@@ -210,7 +207,6 @@ html|button:disabled,
 xul|button[disabled="true"],
 xul|colorpicker[type="button"][disabled="true"],
 xul|menulist[disabled="true"] {
-  cursor: not-allowed;
   border: 1px outset var(--in-content-box-border-color);
   color: var(--in-content-disabled-text);
 }
@@ -259,23 +255,25 @@ xul|button[type="menu"] > xul|*.button-box > xul|*.button-menu-dropmarker {
 }
 
 xul|*.help-button {
-  min-width: 30px;
-  border-radius: 2px;
+  min-width: 16px;
+  margin-inline-end: 0;
   border-width: 0;
-  background-color: var(--in-content-help-button-background);
   background-image: none;
   box-shadow: none;
-  list-style-image: url("chrome://global/skin/in-content/help-glyph.svg");
+  list-style-image: url("chrome://global/skin/in-content/help-glyph.svg#help");
 }
 
 xul|*.help-button:not([disabled="true"]):hover {
-  background-color: var(--in-content-help-button-background-hover);
   background-image: none;
+  / Override default button background /
+  background-color: transparent;
+  list-style-image: url("chrome://global/skin/in-content/help-glyph.svg#help-hover");
 }
-
 xul|*.help-button:not([disabled="true"]):hover:active {
-  background-color: var(--in-content-help-button-background-active);
   background-image: none;
+  / Override default button background /
+  background-color: transparent;
+  list-style-image: url("chrome://global/skin/in-content/help-glyph.svg#help-pressed");
 }
 
 xul|*.close-icon > xul|*.button-box,
@@ -287,8 +285,8 @@ xul|*.help-button > xul|*.button-box {
 }
 
 xul|*.help-button > xul|*.button-box > xul|*.button-icon {
-  width: 18px;
-  height: 18px;
+  width: 16px;
+  height: 16px;
 }
 
 xul|*.help-button > xul|*.button-box > xul|*.button-text {
@@ -477,7 +475,9 @@ html|a:hover:active,
 /*
 / Hide the actual checkbox /
 html|input[type="checkbox"] {
-  visibility: hidden;
+  opacity: 0;
+  width: 0;
+  pointer-events: none;
   position: absolute;
 }
 
@@ -599,7 +599,8 @@ xul|*.radio-label-box {
   background-color: var(--in-content-category-background-hover);
 }
 
-*|*.category[selected] {
+*|*.category[selected],
+*|*.category.selected {
   background-color: var(--in-content-category-background-active);
   color: var(--in-content-category-text-selected);
   -moz-padding-start: 11px; /* compensate the 4px border */
@@ -632,6 +633,7 @@ xul|*.radio-label-box {
   border-bottom: 1px solid var(--in-content-header-border-color);
   margin-bottom: 15px;
   padding-bottom: 15px;
+  -moz-box-align: baseline;
 }
 
 *|*.header-name {
@@ -740,6 +742,10 @@ xul|treecols {
   padding: 0;
 }
 
+.autocomplete-tree > xul|treecols {
+  border-bottom: none !important;
+}
+
 xul|treecol:not([hideheader="true"]),
 xul|treecolpicker {
   -moz-appearance: none;
@@ -822,4 +828,4 @@ xul|*.checkbox-icon {
 .inline-link:-moz-focusring {
   border: 1px dotted -moz-DialogText;
 }
-*/
\ No newline at end of file
+*/