some actual work on getting Firefox theming nearer to right

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

diff --git a/LCARStrek/global/menulist.css b/LCARStrek/global/menulist.css
index b69677e451d91d8a6cc0fb3d4ec3c2116a088935..93d31e06f2eea996990b340196d16879b47c9348 100644 (file)
--- a/LCARStrek/global/menulist.css
+++ b/LCARStrek/global/menulist.css
@@ -35,21 +35,22 @@
  *
  * ***** END LICENSE BLOCK ***** */
 
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
-
 /* ===== menulist.css ===================================================
   == Styles used by the XUL menulist element.
   ======================================================================= */
 
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
+
 /* :::::::::: menulist :::::::::: */
 
 menulist {
-  -moz-border-radius: 3px;
+  border-radius: 3px;
   margin: 2px 4px;
   border: 1px solid #9C9CFF;
   background-color: #000000;
   color: #E7ADE7;
+  text-shadow: none;
 }
 
 menulist[menuactive="true"],
@@ -69,13 +70,6 @@ menulist[open="true"] {
   -moz-box-align: center;
   -moz-box-pack: center;
 /*  margin: 1px; */
-}
-
-.menulist-label-box,
-menulist[open="true"]:focus > .menulist-label-box {
-  -moz-border-radius: 3px 0px 0px 3px;
-/*  border: 1px solid transparent; */
-  background-color: transparent;
   color: inherit;
 }
 
@@ -83,27 +77,41 @@ menulist[open="true"]:focus > .menulist-label-box {
   margin: 1px 3px !important;
 }
 
+.menulist-description {
+  font-style: italic;
+  color: #9C9CFF;
+  -moz-margin-start: 1ex !important;
+}
+
+menulist:focus:not(.menulist-compact) > .menulist-label-box {
+  background-color: #008484;
+  color: #FFCF00;
+}
+
+menulist:-moz-focusring:not([open="true"]):not(.menulist-compact) > .menulist-label-box {
+/*  border: 1px dotted #FFCF00; */
+}
+
+menulist[disabled="true"] {
+  background-color: #000000;
+  color: #8050B0;
+  border: 1px solid #8050B0;
+}
+
 /* ..... dropmarker ..... */
 
 .menulist-dropmarker {
-  -moz-border-radius: 0px 3px 3px 0px;
-  -moz-box-align: center;
-  -moz-box-pack: center;
+  border-radius: 0px 3px 3px 0px;
   min-width: 15px;
+  border: none;
   border-left: 1px solid #9C9CFF;
-  background-color: #000000;
-  list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
 }
 
 .menulist-dropmarker,
 menulist[disabled="true"]:hover:active > .menulist-dropmarker {
   padding: 1px;
-}
-
-menulist[disabled="true"] > .menulist-dropmarker {
-  list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif") !important;
-  border-left: 1px solid #8050B0 !important;
-  background-color: #000000 !important;
+  border: none;
+  border-left: 1px solid #9C9CFF;
 }
 
 menulist[menuactive="true"] > .menulist-dropmarker,
@@ -118,40 +126,34 @@ menulist:hover > .menulist-dropmarker {
   background-color: #FFCF00;
 }
 
-menulist[open="true"] > .menulist-dropmarker,
-menulist:hover:active > .menulist-dropmarker {
-  padding: 2px 0px 0px 2px;
+menulist:hover:active > .menulist-dropmarker,
+menulist[open="true"] > .menulist-dropmarker {
+  padding-top: 2px;
+  padding-bottom: 0;
+  -moz-padding-start: 2px;
+  -moz-padding-end: 0;
+  border: none;
   border-left: 1px solid #FFCF00;
   background-color: #FF9F00;
 }
 
-/* ..... focused state ..... */
-
-menulist:focus > .menulist-label-box {
-/*  border: 1px dotted #FF9F00; */
-}
-
-/* ..... disabled state ..... */
+/* ::::: editable menulists ::::: */
 
-menulist[disabled="true"] {
-  background-color: #000000;
-  color: #8050B0;
-  border: 1px solid #8050B0;
+menulist[editable="true"] {
+  color: #E7ADE7;
 }
 
-/* ::::: editable menulists ::::: */
-
 .menulist-editable-box {
   background-color: #000000;
-  padding: 2px; 
+  padding: 2px;
 }
 
 html|*.menulist-editable-input {
   margin: 0px !important;
   border: none !important;
   padding: 0px !important;
-  background-color: #000000;
-  color: #FFCF00;
+  background-color: inherit;
+  color: inherit;
   font: inherit;
 }
 
@@ -161,14 +163,29 @@ html|*.menulist-editable-input {
   -moz-box-align: center;
   -moz-box-pack: center;
   margin: 0px;
+  color: #E7ADE7;
   border: 1px solid #9C9CFF;
+  list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
 }
 
-.menulist-compact > .menulist-label {
+.menulist-compact > .menulist-label-box > .menulist-label {
   margin: 0 3px !important;
-  text-align: right;
-}  
+  text-align: end;
+}
+
+.menulist-compact > .menulist-label-box > .menulist-icon {
+  -moz-margin-start: 2px;
+}
 
 .menulist-compact[open="true"] {
   border: 1px solid #FFCF00;
 }
+
+.menulist-compact:hover,
+.menulist-compact[open="true"] {
+  list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
+}
+
+.menulist-compact[disabled="true"] {
+  list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif");
+}