X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Fglobal.css;h=5d9ee7eaf2852e480d4458a08dca0911a62a91be;hp=9172104f397283f12823df4f4f361a9999a3c83c;hb=refs%2Ftags%2FEarlyBlue-2.50;hpb=441d02947409ca4d22ac53d247dabc3873d6ea3f

diff --git a/LCARStrek/global/global.css b/LCARStrek/global/global.css
index 9172104f..5d9ee7ea 100644
--- a/LCARStrek/global/global.css
+++ b/LCARStrek/global/global.css
@@ -13,12 +13,8 @@
 
 /* ::::: XBL bindings ::::: */
 
-checkbox {
-  -moz-binding: url("chrome://global/content/bindings/checkbox.xml#checkbox-with-spacing");
-}
-
 radio {
-  -moz-binding: url("chrome://global/skin/globalBindings.xml#radio-with-spacing");
+  -moz-binding: url("chrome://global/skin/globalBindings.xml#radio");
 }
 
 menulist > menupopup {
@@ -51,6 +47,14 @@ toolbaritem > menubar {
   }
 }
 
+/* ::::: Variables ::::: */
+:root {
+  --arrowpanel-padding: 6px;
+  --arrowpanel-background: #000000;
+  --arrowpanel-color: #FF9F00;
+  --arrowpanel-border-color: #FF9F00;
+}
+
 /* ::::: root elements ::::: */
 
 window,
@@ -70,8 +74,8 @@ window.dialog {
   background-color: #000000;
   padding-top: 8px;
   padding-bottom: 10px;
-  -moz-padding-start: 8px;
-  -moz-padding-end: 10px;
+  padding-inline-start: 8px;
+  padding-inline-end: 10px;
 }
 
 /* ::::: alert icons :::::*/
@@ -122,7 +126,7 @@ statusbar {
 
 .statusbar-center {
   background-color: #8050B0;
-  -moz-padding-start: 2px;
+  padding-inline-start: 2px;
   color: #FFCF00;
   -moz-box-align: stretch;
 }
@@ -131,14 +135,14 @@ statusbar {
   border-radius: 9px 0px 0px 9px;
   background-color: #6000CF;
   width: 13px;
-  -moz-margin-end: 3px;
+  margin-inline-end: 3px;
 }
 
 .statusbar-right {
   border-radius: 0px 9px 9px 0px;
   background-color: #6000CF;
   width: 13px;
-  -moz-margin-start: 3px;
+  margin-inline-start: 3px;
 }
 
 statusbarpanel {
@@ -156,7 +160,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 {
@@ -241,8 +245,8 @@ separator.groove:not([orient="vertical"]) {
 
 separator.groove[orient="vertical"] {
   border-left: 2px groove #FF9F00;
-  -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) */
@@ -292,8 +296,8 @@ description {
 }
 
 .indent {
-/*  -moz-margin-start: 23px; */
-  -moz-margin-start: 15px;
+/*  margin-inline-start: 23px; */
+  margin-inline-start: 15px;
 }
 
 .box-padded {
@@ -322,6 +326,26 @@ description {
   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 {
@@ -366,3 +390,21 @@ description {
 .autoscroller[translucent="true"][scrolldir="EW"] {
   background-position: right bottom;
 }
+
+/* :::::: Close button icons ::::: */
+
+.close-icon {
+  list-style-image: url("chrome://global/skin/icons/close.png");
+  -moz-image-region: rect(0, 16px, 16px, 0);
+}
+
+.close-icon:hover,
+.close-icon:hover:active {
+  -moz-image-region: rect(0, 32px, 16px, 16px);
+}
+
+.close-icon > .button-icon,
+.close-icon > .button-box > .button-icon,
+.close-icon > .toolbarbutton-icon {
+  width: 16px;
+}