add close icon CSS so dev toolbar works

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

diff --git a/LCARStrek/global/global.css b/LCARStrek/global/global.css
index d6be0ebeec1d2d6fec69007dd993f87f93a75987..aefaa0d9e857bf6c1fcac61b0f9bd1e9b5191d98 100644 (file)
--- a/LCARStrek/global/global.css
+++ b/LCARStrek/global/global.css
@@ -51,6 +51,14 @@ toolbaritem > menubar {
   }
 }
 
+/* ::::: Variables ::::: */
+:root {
+  --panel-arrowcontent-padding: 6px;
+  --panel-arrowcontent-background: #000000;
+  --panel-arrowcontent-color: #FF9F00;
+  --panel-arrowcontent-border-color: #FF9F00;
+}
+
 /* ::::: root elements ::::: */
 
 window,
@@ -370,3 +378,15 @@ 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);
+}