some additional changes to make it look _really_ good again
[themes.git] / EarlyBlue / global / skin / menu.css
index c0f0eba8e46293cb7fed8d5386322265d40cfed2..de49393ab4f6436658b16839cf03677605f9ece6 100755 (executable)
\r
-menubar \r
-  {\r
-    background-color      : #CCD0DD;\r
-    border-bottom         : 1px solid #9999CC;\r
-    border-right          : 1px solid #9999CC;\r
-  }\r
-\r
-menubar > toolbargrippy \r
-  {\r
-/*    display               : none; */\r
-  }\r
-\r
-menu, menuitem  \r
-  {\r
-    color                 : #000000;\r
-    vertical-align        : middle;\r
-  }\r
-\r
-menuitem[default="true"]\r
-  {\r
-    font-weight           : bold;\r
-  }  \r
-  \r
-menu[disabled="true"], menuitem[disabled="true"],\r
-menu[menuactive="true"][disabled="true"],\r
-menuitem[menuactive="true"][disabled="true"]\r
-  {\r
-         color                 : #999999;\r
-  }\r
-\r
-/* XXX menupopups have to have a color explicitly specified. this is a bug */\r
-menupopup, popup \r
-  {\r
-    background-color      : #CCD0DD;\r
-    border                : 1px outset #CCD0DD;\r
-  }\r
-\r
-menupopup > menu, popup > menu,\r
-menupopup > menuitem, popup > menuitem\r
-  {\r
-    max-width             : 250px;\r
-    min-width             : 125px;\r
-    margin-left           : 0px;\r
-    margin-right          : 0px;\r
-    margin-top            : 0px;\r
-    margin-bottom         : 0px;\r
-  }\r
-\r
-menuseparator \r
-  {\r
-    border                : 1px inset #CCD0DD; \r
-    margin                : 2px 2px 2px 2px;\r
-  }\r
-\r
-menubar > menu \r
-  {\r
-    border                : 1px solid #CCD0DD;\r
-    padding               : 2px 0px 2px 3px;\r
-    margin                : 0px 2px 1px 0px;\r
-  }\r
-\r
-menupopup > menu, menupopup > menuitem,\r
-popup > menu, popup > menuitem\r
-  {\r
-    padding               : 2px;\r
-  }\r
-\r
-menubar > menu[menuactive="true"] \r
-  {\r
-    border                : 1px outset #CCD0DD;\r
-  }\r
-\r
-menubar > menu[menuactive="true"][open="true"] \r
-  {\r
-    border                : 1px inset #CCD0DD;\r
-  }\r
-\r
-menupopup > menu[menuactive="true"],\r
-menupopup > menuitem[menuactive="true"],\r
-popup > menu[menuactive="true"],\r
-popup > menuitem[menuactive="true"]\r
-  {\r
-    background-color      : #336699;\r
-    color                 : #FFFFFF;\r
-  }\r
-\r
-\r
-/** \r
- * Atomic sub-parts of standard menus\r
- **/\r
-.menu-right \r
-  {\r
-    margin                : 0px 0px 0px 6px;\r
-    width                 : 8px;\r
-    text-align            : center;\r
-    list-style-image      : url("chrome://global/skin/menu-arrow.gif");\r
-  }\r
-\r
-.menu-iconic-left \r
-  {\r
-    color                 : inherit;\r
-    margin                : 0px 2px 0px 0px;\r
-    width                 : 13px;\r
-    text-align            : center;\r
-    list-style-image      : inherit;\r
-  }\r
-\r
-.menubar-left \r
-  {\r
-    color                 : inherit;\r
-    margin                : 0px 2px 0px 0px;\r
-  }\r
-\r
-.menu-iconic-text, .menu-iconic-accel, .menu-text, .menu-accel \r
-  {\r
-    color                 : inherit;\r
-    margin                : 0px 2px 0px 0px;\r
-  }\r
-\r
-.menu-text \r
-  {\r
-    padding-left          : 15px;\r
-    font-weight           : inherit;\r
-  }\r
-\r
-.menu-accel \r
-  {\r
-    margin-left           : 4px;\r
-    padding-right         : 14px;\r
-  }\r
-\r
-.menu-iconic-accel \r
-  {\r
-    margin-left           : 4px;\r
-  }\r
-\r
-.menubar-text \r
-  {\r
-    color                 : inherit;\r
-    margin-right          : 2px;\r
-  }\r
-\r
-menuitem[checked="true"] \r
-  {\r
-    list-style-image      : url("chrome://global/skin/menu-check.gif");\r
-  }\r
-\r
-menuitem[checked="true"][disabled="true"] \r
-  {\r
-    list-style-image      : url("chrome://global/skin/menu-check-disabled.gif");\r
-  }\r
-\r
-menuitem[checked="true"][menuactive="true"] \r
-  {\r
-    list-style-image      : url("chrome://global/skin/menu-check-hover.gif");\r
-  }\r
-\r
-.menu-right[disabled="true"] \r
-  {\r
-    list-style-image      : url("chrome://global/skin/menu-arrow-disabled.gif");\r
-  }\r
-\r
-.menu-right[menuactive="true"][disabled="true"] \r
-  {\r
-    list-style-image      : url("chrome://global/skin/menu-arrow-disabled.gif");\r
-  }\r
-\r
-.menu-right[menuactive="true"] \r
-  {\r
-    list-style-image      : url("chrome://global/skin/menu-arrow-hover.gif");\r
-  }\r
-\r
-/** Tooltips (tooltip <popup> element)\r
- *  class="tooltip"\r
- **/\r
-.tooltip\r
-  {\r
-    background-color      : #FFFFCC;\r
-    border                : 1px outset #FFFFCC;\r
-    color                 : #000000;\r
-    font                  : smaller;\r
-    padding               : 3px;\r
-  }\r
-\r
-/*\r
- * Autorepeatbutton\r
- */\r
-.autorepeatbutton-up {\r
-    list-style-image: url("chrome://global/skin/scroll-up.gif")\r
-}\r
-\r
-.autorepeatbutton-down {\r
-    list-style-image: url("chrome://global/skin/scroll-down.gif")\r
-}\r
-\r
-autorepeatbutton {\r
-  text-align: center;\r
-  vertical-align: middle;\r
-}\r
-\r
-autorepeatbutton:hover {\r
-  background-color: #336699;\r
-}
\ No newline at end of file
+menu, menuitem  
+  {
+    color                 : #000000;
+    vertical-align        : middle;
+  }
+
+menuitem[default="true"]
+  {
+    font-weight           : bold;
+  }  
+  
+menu[disabled="true"], menuitem[disabled="true"],
+menu[menuactive="true"][disabled="true"],
+menuitem[menuactive="true"][disabled="true"]
+  {
+         color                 : #999999;
+  }
+
+menupopup > menu,
+menupopup > menuitem,
+popup > menu,
+popup > menuitem
+  {
+    max-width             : 42em; /* should move to content */
+    margin                : 0px;
+  }
+
+menuseparator 
+  {
+    border                : 1px inset #CCD0DD; 
+    margin                : 2px 2px 2px 2px;
+  }
+
+menubar > menu 
+  {
+    border                : 1px solid #CCD0DD;
+    padding               : 2px 0px 2px 3px;
+    margin                : 0px 2px 1px 0px;
+  }
+
+menubar > menu[menuactive="true"] 
+  {
+    border                : 1px outset #CCD0DD;
+  }
+
+menubar > menu[menuactive="true"][open="true"] 
+  {
+    border                : 1px inset #CCD0DD;
+  }
+
+menupopup > menu[menuactive="true"],
+menupopup > menuitem[menuactive="true"],
+popup > menu[menuactive="true"],
+popup > menuitem[menuactive="true"]
+  {
+    background-color      : #336699;
+    color                 : #FFFFFF;
+  }
+
+/** 
+ * Atomic sub-parts of standard menus
+ **/
+.menu-right 
+  {
+    margin                : 0px 0px 0px 6px;
+    width                 : 8px;
+    text-align            : center;
+    list-style-image      : url("chrome://global/skin/menu-arrow.gif");
+  }
+
+.menu-iconic-left 
+  {
+    color                 : inherit;
+    margin                : 0px 2px 0px 0px;
+    width                 : 13px;
+    text-align            : center;
+    list-style-image      : inherit;
+  }
+
+.menubar-left 
+  {
+    color                 : inherit;
+    margin                : 0px 2px 0px 0px;
+  }
+
+.menu-iconic-text, .menu-iconic-accel, .menu-text, .menu-accel 
+  {
+    color                 : inherit;
+  }
+
+.menu-iconic-text
+  {
+    margin                : 2px 2px 2px 0px;
+  }
+
+.menu-text 
+  {
+    margin                : 2px 2px 2px 23px;
+  }
+
+.menu-accel 
+  {
+    margin                : 2px 14px 2px 6px;
+  }
+
+.menu-iconic-accel 
+  {
+    margin                : 2px 14px 2px 4px;
+  }
+
+.menubar-text 
+  {
+    color                 : inherit;
+    margin-right          : 2px;
+  }
+
+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"][type="radio"] 
+  {
+    list-style-image      : url("chrome://global/skin/menu-radio.gif");
+  }
+
+menuitem[checked="true"][type="radio"][disabled="true"] 
+  {
+    list-style-image      : url("chrome://global/skin/menu-radio-disabled.gif");
+  }
+
+menuitem[checked="true"][type="radio"][menuactive="true"] 
+  {
+    list-style-image      : url("chrome://global/skin/menu-radio-hover.gif");
+  }
+
+.menu-right[disabled="true"] 
+  {
+    list-style-image      : url("chrome://global/skin/menu-arrow-disabled.gif");
+  }
+
+.menu-right[menuactive="true"][disabled="true"] 
+  {
+    list-style-image      : url("chrome://global/skin/menu-arrow-disabled.gif");
+  }
+
+.menu-right[menuactive="true"] 
+  {
+    list-style-image      : url("chrome://global/skin/menu-arrow-hover.gif");
+  }
+
+/* ::::: 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;
+    }
+
+