first steps on synching EarlyBlue with trunk *stripe (global files starting with...
[themes.git] / EarlyBlue / global / menulist.css
index 95de169196d8ad0bb7057ef4d96b314c61bfc8d4..8a33007a72835350eb62bf9eaac94dee85991dcc 100644 (file)
  *
  * ***** 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 {
@@ -55,12 +55,6 @@ menulist {
   -moz-box-align: center;
   -moz-box-pack: center;
 /*  margin: 1px; */
-}
-
-.menulist-label-box,
-menulist[open="true"]:focus > .menulist-label-box {
-/*  border: 1px inset #CCD0DD; */
-  background-color: transparent;
   color: inherit;
 }
 
@@ -74,6 +68,17 @@ menulist[open="true"]:focus > .menulist-label-box {
   margin-left: 1ex !important;
 }
 
+menulist:focus > .menulist-label-box {
+/*  border: 1px dotted #999999; */
+  background-color: #336699;
+  color: #000000;
+}
+
+menulist[disabled="true"] {
+  background-color: #CCCCCC;
+  color: #999999;
+}
+
 /* ..... dropmarker ..... */
 
 .menulist-dropmarker {
@@ -84,28 +89,18 @@ menulist[disabled="true"]:hover:active > .menulist-dropmarker {
   padding: 1px;
 }
 
-menulist:hover:active > .menulist-dropmarker {
+menulist:hover:active > .menulist-dropmarker,
+menulist:[open="true"] > .menulist-dropmarker {
   border: 1px inset #CCD0DD;
   padding: 2px 0px 0px 2px;
 }
 
-/* ..... focused state ..... */
+/* ::::: editable menulists ::::: */
 
-menulist:focus > .menulist-label-box {
-/*  border: 1px dotted #999999; */
-  background-color: #336699;
+menulist[editable="true"] {
   color: #000000;
 }
 
-/* ..... disabled state ..... */
-
-menulist[disabled="true"] {
-  background-color: #CCCCCC;
-  color: #999999;
-}
-
-/* ::::: editable menulists ::::: */
-
 .menulist-editable-box {
   background-color: #FFFFFF;
   padding: 2px;
@@ -115,8 +110,6 @@ html|*.menulist-editable-input {
   margin: 0px !important;
   border: none !important;
   padding: 0px !important;
-  background-color: #FFFFFF;
-  color: #000000;
   font: inherit;
 }
 
@@ -127,36 +120,26 @@ html|*.menulist-editable-input {
   -moz-box-pack: center;
   margin: 0px;
   border: 1px outset #CCD0DD;
-/*  background-color: -moz-Dialog;
-  color: -moz-DialogText; */
+  color: #000000;
   list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
 }
 
-.menulist-compact > .menulist-label-box {
-  border: 1px solid transparent;
-  background-color: transparent;
-  color: inherit;
+.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 > .menulist-label {
-  margin: 0 3px !important;
-  text-align: right;
+.menulist-compact[disabled="true"] > .menulist-dropmarker {
+  list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif");
 }
 
-.menulist-compact > .menulist-label-box > .menulist-icon {
-  margin-left: 2px;
+.menulist-compact > .menulist-label {
+  margin: 0 3px !important;
+  text-align: right;
 }
 
 .menulist-compact[open="true"] {
   border: 1px inset #CCD0DD;
-/*  background-color: ThreeDShadow;
-  color: ThreeDHighlight; */
-}
-
-.menulist-compact[disabled="true"] {
-  list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif");
-}
-
-.menulist-compact:focus > .menulist-label-box {
-  border: 1px dotted #9999CC;
+  /* color: ThreeDHighlight; */
 }