X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Fglobal.css;h=6a661111a8c8e30ad8f86a2b24dae4081d0257dc;hp=d6be0ebeec1d2d6fec69007dd993f87f93a75987;hb=a9f6369d5cebd3c329b993d57e73bcf30fffd2cd;hpb=dae4507500ac2bc6547a8303851bc9b0bcae5ddf

diff --git a/LCARStrek/global/global.css b/LCARStrek/global/global.css
index d6be0ebe..6a661111 100644
--- a/LCARStrek/global/global.css
+++ b/LCARStrek/global/global.css
@@ -51,6 +51,14 @@ toolbaritem > menubar {
   }
 }
 
+/* ::::: Variables ::::: */
+:root {
+  --arrowpanel-padding: 6px;
+  --arrowpanel-background: #000000;
+  --arrowpanel-color: #FF9F00;
+  --arrowpanel-border-color: #FF9F00;
+}
+
 /* ::::: root elements ::::: */
 
 window,
@@ -326,6 +334,22 @@ 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 {
@@ -370,3 +394,21 @@ popupnotificationcontent {
 .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;
+}