some additional changes to make it look _really_ good again

[themes.git] / EarlyBlue / global / skin / menu.css

diff --git a/EarlyBlue/global/skin/menu.css b/EarlyBlue/global/skin/menu.css
index 25515ed9a7c9c4fdb1ebbd7707d29f0e2b98cb2c..de49393ab4f6436658b16839cf03677605f9ece6 100755 (executable)
--- a/EarlyBlue/global/skin/menu.css
+++ b/EarlyBlue/global/skin/menu.css
@@ -1,16 +1,3 @@
- 
-menubar 
-  {
-    background-color      : #CCD0DD;
-    border-bottom         : 1px solid #9999CC;
-    border-right          : 1px solid #9999CC;
-  }
-
-menubar > toolbargrippy 
-  {
-/*    display               : none; */
-  }
-
 menu, menuitem  
   {
     color                 : #000000;
@@ -29,22 +16,13 @@ menuitem[menuactive="true"][disabled="true"]
          color                 : #999999;
   }
 
-/* XXX menupopups have to have a color explicitly specified. this is a bug */
-menupopup, popup 
+menupopup > menu,
+menupopup > menuitem,
+popup > menu,
+popup > menuitem
   {
-    background-color      : #CCD0DD;
-    border                : 1px outset #CCD0DD;
-  }
-
-menupopup > menu, popup > menu,
-menupopup > menuitem, popup > menuitem
-  {
-    max-width             : 250px;
-    min-width             : 125px;
-    margin-left           : 0px;
-    margin-right          : 0px;
-    margin-top            : 0px;
-    margin-bottom         : 0px;
+    max-width             : 42em; /* should move to content */
+    margin                : 0px;
   }
 
 menuseparator 
@@ -60,12 +38,6 @@ menubar > menu
     margin                : 0px 2px 1px 0px;
   }
 
-menupopup > menu, menupopup > menuitem,
-popup > menu, popup > menuitem
-  {
-    padding               : 2px;
-  }
-
 menubar > menu[menuactive="true"] 
   {
     border                : 1px outset #CCD0DD;
@@ -85,7 +57,6 @@ popup > menuitem[menuactive="true"]
     color                 : #FFFFFF;
   }
 
-
 /** 
  * Atomic sub-parts of standard menus
  **/
@@ -115,24 +86,26 @@ popup > menuitem[menuactive="true"]
 .menu-iconic-text, .menu-iconic-accel, .menu-text, .menu-accel 
   {
     color                 : inherit;
-    margin                : 0px 2px 0px 0px;
+  }
+
+.menu-iconic-text
+  {
+    margin                : 2px 2px 2px 0px;
   }
 
 .menu-text 
   {
-    padding-left          : 15px;
-    font-weight           : inherit;
+    margin                : 2px 2px 2px 23px;
   }
 
 .menu-accel 
   {
-    margin-left           : 4px;
-    padding-right         : 14px;
+    margin                : 2px 14px 2px 6px;
   }
 
 .menu-iconic-accel 
   {
-    margin-left           : 4px;
+    margin                : 2px 14px 2px 4px;
   }
 
 .menubar-text 
@@ -146,69 +119,88 @@ menuitem[checked="true"]
     list-style-image      : url("chrome://global/skin/menu-check.gif");
   }
 
+menuitem[checked="true"][menuactive="true"]
+  {
+       list-style-image          : url("chrome://global/skin/menu-check-hover.gif");
+  }
+
 menuitem[checked="true"][disabled="true"] 
   {
     list-style-image      : url("chrome://global/skin/menu-check-disabled.gif");
   }
 
-menuitem[checked="true"][menuactive="true"] 
+menuitem[checked="true"][type="radio"] 
   {
-    list-style-image      : url("chrome://global/skin/menu-check-hover.gif");
+    list-style-image      : url("chrome://global/skin/menu-radio.gif");
   }
 
-.menu-right[disabled="true"] 
+menuitem[checked="true"][type="radio"][disabled="true"] 
   {
-    list-style-image      : url("chrome://global/skin/menu-arrow-disabled.gif");
+    list-style-image      : url("chrome://global/skin/menu-radio-disabled.gif");
   }
 
-.menu-right[menuactive="true"][disabled="true"] 
+menuitem[checked="true"][type="radio"][menuactive="true"] 
   {
-    list-style-image      : url("chrome://global/skin/menu-arrow-disabled.gif");
+    list-style-image      : url("chrome://global/skin/menu-radio-hover.gif");
   }
 
-.menu-right[menuactive="true"] 
+.menu-right[disabled="true"] 
   {
-    list-style-image      : url("chrome://global/skin/menu-arrow-hover.gif");
+    list-style-image      : url("chrome://global/skin/menu-arrow-disabled.gif");
   }
 
-/** Tooltips (tooltip <popup> element)
- *  class="tooltip"
- **/
-.tooltip
+.menu-right[menuactive="true"][disabled="true"] 
   {
-    background-color      : #FFFFCC;
-    border                : 1px outset #FFFFCC;
-    color                 : #000000;
-    font                  : smaller;
-    padding               : 3px;
+    list-style-image      : url("chrome://global/skin/menu-arrow-disabled.gif");
   }
 
-/* .tooltip html */
-html#TOOLTIP-tooltipText
+.menu-right[menuactive="true"] 
   {
-    padding               : 0px;
-    margin                : 0px;
+    list-style-image      : url("chrome://global/skin/menu-arrow-hover.gif");
   }
 
-/*
- * Autorepeatbutton
- */
-.autorepeatbutton-up {
-    list-style-image: url("chrome://global/skin/scroll-up.gif")
-}
-
-.autorepeatbutton-down {
-    list-style-image: url("chrome://global/skin/scroll-down.gif")
-}
-
-autorepeatbutton {
-  text-align: center;
-  vertical-align: middle;
-}
-
-autorepeatbutton:hover {
-  background-color: #336699;
-}
-
+/* ::::: autocomplete menuitems ::::: */
+
+.autocomplete-history-popup > menuitem
+  {
+    max-width              : none !important;
+    font-size              : smaller;
+  }
+
+/* ::::: menu/menuitems in a menulist popup ::::: */
+
+  menulist > menupopup > menuitem,
+  menulist > menupopup > menu
+    {
+      padding             : 0px 4px !important;
+      min-width           : 0px;  /* should be in content*/
+      max-width           : none; /* should be in content*/
+    }
+
+  menulist > menupopup > menuitem > .menu-iconic-accel,
+  menulist > menupopup > menuitem > .menu-accel,
+  menulist > menupopup > menuitem > .menu-text,
+  menulist > menupopup > menuitem > .menu-iconic-text,
+  menulist > menupopup > menu > .menu-text,
+  menulist > menupopup > menu > .menu-accel,
+  menulist > menupopup > menu > .menu-iconic-text,
+  menulist > menupopup > menu > .menu-iconic-accel
+    {
+      margin-top          : 0px;
+      margin-bottom       : 0px;
+    }
+
+  menulist > menupopup > menuitem[selected="true"]
+    {
+      border              : 1px dotted #F5DB95;
+    }
+
+  menulist > menupopup > menuitem > .menu-iconic-left,
+  menulist > menupopup > menuitem > .menu-iconic-left[menuactive="true"]
+    {
+      list-style-image    : inherit;
+      width               : 0px;
+      border              : none;
+    }