second and final part of syncing both themes with toolkit windows theme changes in...

[themes.git] / EarlyBlue / global / global.css

diff --git a/EarlyBlue/global/global.css b/EarlyBlue/global/global.css
index 1695c405430a0d5dbff733bcf015b2e5e77e933e..7e71c174c2f5e7fc469a4abfb2547ed98727b4d6 100644 (file)
--- a/EarlyBlue/global/global.css
+++ b/EarlyBlue/global/global.css
@@ -21,21 +21,18 @@ radio {
   -moz-binding: url("chrome://global/skin/globalBindings.xml#radio-with-spacing");
 }
 
-menulist > menupopup,
-.menulist-menupopup {
+menulist > menupopup {
   -moz-binding: url("chrome://global/content/bindings/popup.xml#popup-scrollbars");
 }
 
-.menulist-compact {
-  -moz-binding: url("chrome://global/skin/globalBindings.xml#menulist-compact");
+/* ::::: Variables ::::: */
+:root {
+  --arrowpanel-padding: 6px;
+  --arrowpanel-background: #CCD0DD;
+  --arrowpanel-color: #000000;
+  --arrowpanel-border-color: #CCD0DD;
 }
 
-/*
-progressmeter[mode="undetermined"] {
-  -moz-binding: url("chrome://global/content/bindings/progressmeter.xml#progressmeter-undetermined");
-}
-*/
-
 /* ::::: root elements ::::: */
 
 window,
@@ -51,8 +48,8 @@ prefwindow {
 window.dialog {
   padding-top: 8px;
   padding-bottom: 10px;
-  -moz-padding-start: 8px;
-  -moz-padding-end: 10px;
+  padding-inline-start: 8px;
+  padding-inline-end: 10px;
 }
 
 /* ::::: alert icons :::::*/
@@ -70,6 +67,7 @@ window.dialog {
   list-style-image: url("chrome://global/skin/icons/alert-message.gif");
 }
 
+.alert-dialog #info\.icon,
 .alert-icon {
   list-style-image: url("chrome://global/skin/icons/alert-exclam.gif");
 }
@@ -112,7 +110,7 @@ statusbarpanel:not(.statusbar-resizerpanel):-moz-lwtheme {
   -moz-appearance: none;
   border-top-style: none;
   border-bottom-style: none;
-  -moz-border-start-style: none;
+  border-inline-start-style: none;
 }
 
 .statusbar-resizerpanel {
@@ -193,8 +191,8 @@ separator.groove:not([orient="vertical"]) {
 
 separator.groove[orient="vertical"] {
   border-left: 2px groove #CCD0DD;
-  -moz-margin-start: 0.4em;
-  -moz-margin-end: 0.4em;
+  margin-inline-start: 0.4em;
+  margin-inline-end: 0.4em;
 }
 
 /* groove separators (0 padding, for dividing effects) */
@@ -244,8 +242,8 @@ description {
 }
 
 .indent {
-/*  -moz-margin-start: 23px; */
-  -moz-margin-start: 15px;
+/*  margin-inline-start: 23px; */
+  margin-inline-start: 15px;
 }
 
 .box-padded {
@@ -262,15 +260,38 @@ description {
 
 .text-link {
   color: blue;
-  text-decoration: underline;
   cursor: pointer;
 }
 
+.text-link:hover {
+  text-decoration: underline;
+}
+
 .text-link:-moz-focusring {
   /* Don't specify the outline-color, we should always use initial value. */
   outline: 1px dotted;
 }
 
+popupnotificationcontent {
+  margin-top: .5em;
+}
+
+/* === BEGIN notification-popup.inc.css === */
+
+.popup-notification-panel > .panel-arrowcontainer > .panel-arrowcontent {
+  /* In order to display the action buttons near the edge of the arrow panel we
+   * have to reset its default padding and specify the padding in the individual
+   * "popupnotification" elements instead. To keep the rounded borders of the
+   * panel, we also have to ensure the contents are clipped to the border box
+   * by hiding the overflow, and we have to override the "display" property so
+   * that the height of the contents is computed correctly in that case. */
+  padding: 0;
+  overflow: hidden;
+  display: block;
+}
+
+/* === END notification-popup.inc.css === */
+
 /* :::::: autoscroll popup ::::: */
 
 .autoscroller {