bug 77 css scoping - making skin work again

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

diff --git a/EarlyBlue/global/skin/menulist.css b/EarlyBlue/global/skin/menulist.css
index 94f1d434c01d854271f5aef32c0ca4d255a8902c..2cfdea8718f9635664f326b5e36558fba61c4e0b 100755 (executable)
--- a/EarlyBlue/global/skin/menulist.css
+++ b/EarlyBlue/global/skin/menulist.css
@@ -1,160 +1,126 @@
-\r
-/* NEW WIDGET LANDING: <menulist> popup */\r
-\r
-/* outer frame */\r
-  menulist \r
-    {\r
-      padding             : 0px;\r
-      border              : none;\r
-      background-color    : #CCCCCC;\r
-      margin              : 1px 5px 2px 5px;\r
-    }\r
-\r
-  menulist[menuactive="true"],\r
-  menulist:hover \r
-    {\r
-      border              : none;\r
-    }\r
-\r
-  menulist[open="true"] \r
-    {\r
-      border              : none;\r
-    }\r
-  \r
-  menulist[disabled="true"]\r
-    {\r
-      border              : none;\r
-      color               : #9999CC;\r
-    }\r
-    \r
-/* icon display frame */\r
-  menulist > .menu-icon \r
-    {\r
-      border-left         : 1px inset #CCD0DD;\r
-      border-top          : 1px inset #CCD0DD;\r
-      border-bottom       : 1px inset #CCD0DD;\r
-      padding             : 2px 0px 2px 0px;\r
-    }  \r
-\r
-  menulist[open="true"] > .menu-icon \r
-    {\r
-      border-left         : 1px inset #CCD0DD;\r
-      border-top          : 1px inset #CCD0DD;\r
-      border-bottom       : 1px inset #CCD0DD;\r
-      padding             : 2px 0px 2px 0px;\r
-    }\r
-  \r
-/* text display frame */\r
-  menulist > .menu-text \r
-    {\r
-      padding             : 2px 4px 2px 4px;\r
-      border-top          : 1px inset #CCD0DD;\r
-      border-bottom       : 1px inset #CCD0DD;\r
-      border-right        : 1px inset #CCD0DD;\r
-      margin-right        : 0px;\r
-    }\r
-    \r
-  menulist[open="true"] > .menu-text \r
-    {\r
-      border-top          : 1px inset #CCD0DD;\r
-      border-bottom       : 1px inset #CCD0DD;\r
-      border-right        : 1px inset #CCD0DD;\r
-      padding             : 2px 4px 2px 4px;\r
-    }\r
-\r
-/* drop marker display frame */\r
-  menulist > .menu-dropmarker \r
-    {\r
-      border              : 1px outset #CCD0DD;\r
-      border-left         : none;\r
-      list-style-image    : url("chrome://global/skin/scroll-down.gif");\r
-      padding             : 2px;\r
-    }\r
-  \r
-  menulist[disabled="true"] > .menu-dropmarker\r
-    {\r
-      list-style-image    : url("chrome://global/skin/scroll-down-disabled.gif");\r
-    }\r
-\r
-  menulist[open="true"] > .menu-dropmarker \r
-    {\r
-      border              : 1px inset #CCD0DD;\r
-      padding             : 3px 2px 1px 2px;\r
-    }\r
-\r
-/** rules for EDITABLE menulists (aka 'comboboxes'). \r
- **/\r
-\r
-/* outer frame */\r
-  menulist[editable="true"] \r
-    {\r
-      padding             : 0px;\r
-    }\r
-\r
-/* icon display frame */\r
-  menulist[editable="true"] > .menu-icon \r
-    {\r
-      list-style-image    : url("chrome://communicator/skin/bookmarks/bookmark-item.gif");\r
-      background-color    : white;\r
-      padding             : 1px;\r
-      border-left         : 1px inset #CCD0DD;\r
-      border-top          : 1px inset #CCD0DD;\r
-      border-right        : none;\r
-      border-bottom       : 1px inset #CCD0DD;\r
-    }\r
-\r
-/* text display frame */    \r
-  menulist[editable="true"] > .menu-text \r
-    {\r
-      border-left         : none;\r
-      border-top          : 1px inset #CCD0DD;\r
-      border-right        : 1px inset #CCD0DD;\r
-      border-bottom       : 1px inset #CCD0DD;\r
-      margin              : 0px 2px 0px 0px;\r
-    }\r
-\r
-/* drop marker display frame */\r
-  menulist[editable="true"] > .menu-dropmarker \r
-    {\r
-      border              : 1px outset #CCD0DD;\r
-    }\r
-\r
-  menulist[editable="true"][open="true"] > .menu-dropmarker \r
-    {\r
-      border              : 1px inset #CCD0DD;\r
-    }\r
-\r
-/* rules for popups and separators associated with menulists */\r
-  menulist > menupopup \r
-    {\r
-      border              : 1px outset #CCD0DDk;\r
-      min-width           : 0px;\r
-      padding             : 0px;\r
-    }\r
-    \r
-  menulist > menupopup > menuseparator \r
-    {\r
-     border-bottom       : 1px inset #CCD0DD; \r
-    }\r
-\r
-  menulist > menupopup > menuitem \r
-    {\r
-      padding             : 0px;\r
-      min-width: 0px;\r
-      max-width: auto;\r
-    }\r
-\r
-  menulist > menupopup > menuitem > .menu-left \r
-    {\r
-      width               : 13px;\r
-    }\r
-\r
-  menulist > menupopup > menuitem[selected="true"] > .menu-left\r
-    {\r
-      list-style-image    : url(chrome://global/skin/menu-check.gif);\r
-    }\r
-  \r
-  menulist > menupopup > menuitem[menuactive="true"][selected="true"] > .menu-left\r
-    {\r
-      list-style-image    : url(chrome://global/skin/menu-check-hover.gif);\r
-    }\r
+
+/* NEW WIDGET LANDING: <menulist> popup */
+
+/* outer frame */
+  menulist 
+    {
+      padding             : 0px;
+      border              : none;
+      background-color    : #CCCCCC;
+      margin              : 1px 5px 2px 5px;
+    }
+
+  menulist[menuactive="true"],
+  menulist:hover 
+    {
+      border              : none;
+    }
+
+  menulist[open="true"] 
+    {
+      border              : none;
+    }
+  
+  menulist[disabled="true"]
+    {
+      border              : none;
+      color               : #9999CC;
+    }
+    
+/* icon display frame */
+  menulist > .menu-icon 
+    {
+      border-left         : 1px inset #CCD0DD;
+      border-top          : 1px inset #CCD0DD;
+      border-bottom       : 1px inset #CCD0DD;
+      padding             : 2px 0px 2px 0px;
+    }  
+
+  menulist[open="true"] > .menu-icon 
+    {
+      border-left         : 1px inset #CCD0DD;
+      border-top          : 1px inset #CCD0DD;
+      border-bottom       : 1px inset #CCD0DD;
+      padding             : 2px 0px 2px 0px;
+    }
+  
+/* text display frame */
+  menulist > .menu-text 
+    {
+      padding             : 2px 4px 2px 4px;
+      border-top          : 1px inset #CCD0DD;
+      border-bottom       : 1px inset #CCD0DD;
+      border-right        : 1px inset #CCD0DD;
+      margin-right        : 0px;
+    }
+    
+  menulist[open="true"] > .menu-text 
+    {
+      border-top          : 1px inset #CCD0DD;
+      border-bottom       : 1px inset #CCD0DD;
+      border-right        : 1px inset #CCD0DD;
+      padding             : 2px 4px 2px 4px;
+    }
+
+/* drop marker display frame */
+  menulist > .menu-dropmarker 
+    {
+      border              : 1px outset #CCD0DD;
+      border-left         : none;
+      list-style-image    : url("chrome://global/skin/scroll-down.gif");
+      padding             : 2px;
+    }
+  
+  menulist[disabled="true"] > .menu-dropmarker
+    {
+      list-style-image    : url("chrome://global/skin/scroll-down-disabled.gif");
+    }
+
+  menulist[open="true"] > .menu-dropmarker 
+    {
+      border              : 1px inset #CCD0DD;
+      padding             : 3px 2px 1px 2px;
+    }
+
+/** rules for EDITABLE menulists (aka 'comboboxes'). 
+ **/
+
+/* outer frame */
+  menulist[editable="true"] 
+    {
+      padding             : 0px;
+    }
+
+/* icon display frame */
+  menulist[editable="true"] > .menu-icon 
+    {
+      list-style-image    : url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
+      background-color    : white;
+      padding             : 1px;
+      border-left         : 1px inset #CCD0DD;
+      border-top          : 1px inset #CCD0DD;
+      border-right        : none;
+      border-bottom       : 1px inset #CCD0DD;
+    }
+
+/* text display frame */    
+  menulist[editable="true"] > .menu-text 
+    {
+      border-left         : none;
+      border-top          : 1px inset #CCD0DD;
+      border-right        : 1px inset #CCD0DD;
+      border-bottom       : 1px inset #CCD0DD;
+      margin              : 0px 2px 0px 0px;
+    }
+
+/* drop marker display frame */
+  menulist[editable="true"] > .menu-dropmarker 
+    {
+      border              : 1px outset #CCD0DD;
+    }
+
+  menulist[editable="true"][open="true"] > .menu-dropmarker 
+    {
+      border              : 1px inset #CCD0DD;
+    }
+