add close icon CSS so dev toolbar works

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

diff --git a/LCARStrek/global/tabbox.css b/LCARStrek/global/tabbox.css
index e06ce6dd9340171f0b7842576583c19c600ab038..d79c518c6f9c27d882b735ad618e0add8d55cb7b 100644 (file)
--- a/LCARStrek/global/tabbox.css
+++ b/LCARStrek/global/tabbox.css
@@ -35,18 +35,19 @@ tabpanels {
 tab {
   border-radius: 8px 8px 0px 0px;
   margin-top: 2px;
-  -moz-margin-end: 2px;
+  border-inline-end: 2px solid transparent;
   border-bottom: none;
   padding: 2px 4px 1px;
   background-color: #C09070;
   color: #000000;
+  background-clip: padding-box;
 }
 
 .tab-text {
   margin: 0 !important;
 }
 
-tab[selected="true"] {
+tab[visuallyselected="true"] {
   font-weight: bold;
   background-color: #008484;
 }
@@ -68,12 +69,12 @@ tab:-moz-focusring > .tab-middle {
 }
 
 tab:first-of-type {
-  -moz-margin-start: 5px;
+  margin-inline-start: 5px;
 }
 /*
-tab:first-of-type[selected="true"] {
-  -moz-padding-end: 5px;
-  -moz-padding-start: 5px;
+tab:first-of-type[visuallyselected="true"] {
+  padding-inline-end: 5px;
+  padding-inline-start: 5px;
 }
 */
 
@@ -94,15 +95,18 @@ tab[disabled="true"] {
   border-radius: 0px 0px 8px 8px;
   margin-top: 0;
   margin-bottom: 2px;
-  border: 1px solid #9C9CFF;
   border-top: none;
   padding: 2px 4px 1px;
 }
 
 /* ::::: tabs-bottom ::::: */
 
+.tab-bottom:last-of-type {
+  margin-right: 0;
+}
+
 .tabs-bottom > .tabs-left,
 .tabs-bottom > .tabs-right {
-  border-top: 1px solid #9C9CFF;
+  border-top: 1px solid #008484;
   border-bottom: none;
 }
\ No newline at end of file