fix a few issues pointed out by AMO reviews of previous theme versions

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

diff --git a/EarlyBlue/global/menulist.css b/EarlyBlue/global/menulist.css
index 8a33007a72835350eb62bf9eaac94dee85991dcc..9418c5d94da76a04474188972bacab661d25e999 100644 (file)
--- a/EarlyBlue/global/menulist.css
+++ b/EarlyBlue/global/menulist.css
@@ -49,6 +49,7 @@ menulist {
   border: 1px inset #CCD0DD;
   background-color: #CCCCCC;
   color: #000000;
+  text-shadow: none;
 }
 
 .menulist-label-box {
@@ -65,15 +66,18 @@ menulist {
 .menulist-description {
   font-style: italic;
   color: #808080;
-  margin-left: 1ex !important;
+  -moz-margin-start: 1ex !important;
 }
 
-menulist:focus > .menulist-label-box {
-/*  border: 1px dotted #999999; */
+menulist:focus:not(.menulist-compact) > .menulist-label-box {
   background-color: #336699;
   color: #000000;
 }
 
+menulist:-moz-focusring:not([open="true"]):not(.menulist-compact) > .menulist-label-box {
+/*  border: 1px dotted #808080; */
+}
+
 menulist[disabled="true"] {
   background-color: #CCCCCC;
   color: #999999;
@@ -90,9 +94,12 @@ menulist[disabled="true"]:hover:active > .menulist-dropmarker {
 }
 
 menulist:hover:active > .menulist-dropmarker,
-menulist:[open="true"] > .menulist-dropmarker {
+menulist[open="true"] > .menulist-dropmarker {
   border: 1px inset #CCD0DD;
-  padding: 2px 0px 0px 2px;
+  padding-top: 2px;
+  padding-bottom: 0px;
+  -moz-padding-start: 2px;
+  -moz-padding-end: 0px;
 }
 
 /* ::::: editable menulists ::::: */
@@ -110,6 +117,8 @@ html|*.menulist-editable-input {
   margin: 0px !important;
   border: none !important;
   padding: 0px !important;
+  background-color: inherit;
+  color: inherit;
   font: inherit;
 }
 
@@ -124,22 +133,28 @@ html|*.menulist-editable-input {
   list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
 }
 
-.menulist-compact > .menulist-dropmarker {
-  -moz-margin-start: 2px;
-  padding: 0 !important;
-  list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
+.menulist-compact > .menulist-label-box {
+  border: 1px solid transparent;
 }
 
-.menulist-compact[disabled="true"] > .menulist-dropmarker {
-  list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif");
+.menulist-compact > .menulist-label-box > .menulist-label {
+  margin: 0 3px !important;
+  text-align: end;
 }
 
-.menulist-compact > .menulist-label {
-  margin: 0 3px !important;
-  text-align: right;
+.menulist-compact > .menulist-label-box > .menulist-icon {
+  -moz-margin-start: 2px;
 }
 
 .menulist-compact[open="true"] {
   border: 1px inset #CCD0DD;
   /* color: ThreeDHighlight; */
 }
+
+.menulist-compact[disabled="true"] {
+  list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif");
+}
+
+.menulist-compact:-moz-focusring:not([open="true"]) > .menulist-label-box {
+  border: 1px dotted #999999;
+}
\ No newline at end of file