css scoping, false dimensions of <tree>s and urlbar space
[themes.git] / LCARStrek / global / skin / menulist.css
index c59169a2965c4a4ba50a55cf6275df40acd0faac..0bb7d691ee7c4b7bbbc974d91f94c29ef4f8b565 100755 (executable)
-\r
-/* NEW WIDGET LANDING: <menulist> popup */\r
-\r
-/* outer frame */\r
-  menulist \r
-    {\r
-      -moz-border-radius  : 3px;\r
-      padding             : 0px;\r
-      border              : none;\r
-      background-color    : #000000;\r
-      color               : #E7ADE7;\r
-      margin              : 1px 5px 2px 5px;\r
-    }\r
-\r
-  menulist[menuactive="true"],\r
-  menulist:hover \r
-    {\r
-      background-color    : #FFCF00;\r
-      color               : #000000;\r
-      border              : none;\r
-    }\r
-\r
-  menulist[open="true"] \r
-    {\r
-      background-color    : #FF9F00;\r
-      color               : #000000;\r
-      border              : none;\r
-    }\r
-  \r
-  menulist[disabled="true"]\r
-    {\r
-      border              : none;\r
-      color               : #8050B0;\r
-    }\r
-    \r
-/* icon display frame */\r
-  menulist > .menu-icon \r
-    {\r
-      -moz-border-radius  : 3px 0px 0px 3px;\r
-      border-left         : 1px solid #9C9CFF;\r
-      border-top          : 1px solid #9C9CFF;\r
-      border-bottom       : 1px solid #9C9CFF;\r
-      padding             : 2px 0px 2px 0px;\r
-    }  \r
-\r
-  menulist[open="true"] > .menu-icon \r
-    {\r
-      border-left         : 1px solid #FFCF00;\r
-      border-top          : 1px solid #FFCF00;\r
-      border-bottom       : 1px solid #FFCF00;\r
-      padding             : 2px 0px 2px 0px;\r
-    }\r
-  \r
-  menulist[disabled="true"] > .menu-icon \r
-    {\r
-      border-left         : 1px solid #8050B0;\r
-      border-top          : 1px solid #8050B0;\r
-      border-bottom       : 1px solid #8050B0;\r
-    }\r
-  \r
-/* text display frame */\r
-  menulist > .menu-text \r
-    {\r
-      padding             : 2px 4px 2px 4px;\r
-      border-top          : 1px solid #9C9CFF;\r
-      border-bottom       : 1px solid #9C9CFF;\r
-      border-right        : 1px solid #9C9CFF;\r
-      margin-right        : 0px;\r
-    }\r
-    \r
-  menulist[open="true"] > .menu-text \r
-    {\r
-      border-top          : 1px solid #FFCF00;\r
-      border-bottom       : 1px solid #FFCF00;\r
-      border-right        : 1px solid #FFCF00;\r
-      padding             : 2px 4px 2px 4px;\r
-    }\r
-\r
-  menulist[disabled="true"] > .menu-text \r
-    {\r
-      border-top          : 1px solid #8050B0;\r
-      border-bottom       : 1px solid #8050B0;\r
-      border-right        : 1px solid #8050B0;\r
-      padding             : 2px 4px 2px 4px;\r
-    }\r
-\r
-/* drop marker display frame */\r
-  menulist > .menu-dropmarker \r
-    {\r
-      -moz-border-radius  : 0px 3px 3px 0px;\r
-      border              : 1px solid #9C9CFF;\r
-      border-left         : none;\r
-      list-style-image    : url("chrome://global/skin/scroll-down.gif");\r
-      padding             : 2px;\r
-    }\r
-  \r
-  menulist:hover > .menu-dropmarker, \r
-  menulist[open="true"] > .menu-dropmarker \r
-    {\r
-      list-style-image    : url("chrome://global/skin/scroll-down-hover.gif");\r
-    }\r
-  \r
-  menulist[disabled="true"] > .menu-dropmarker\r
-    {\r
-      border              : 1px solid #8050B0;\r
-      list-style-image    : url("chrome://global/skin/scroll-down-disabled.gif");\r
-    }\r
-\r
-  menulist[open="true"] > .menu-dropmarker \r
-    {\r
-      border              : 1px solid #FFCF00;\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 solid #9C9CFF;\r
-      border-top          : 1px solid #9C9CFF;\r
-      border-right        : none;\r
-      border-bottom       : 1px solid #9C9CFF;\r
-    }\r
-\r
-/* text display frame */    \r
-  menulist[editable="true"] > .menu-text \r
-    {\r
-      border-left         : none;\r
-      border-top          : 1px solid #9C9CFF;\r
-      border-right        : 1px solid #9C9CFF;\r
-      border-bottom       : 1px solid #9C9CFF;\r
-      margin              : 0px 2px 0px 0px;\r
-    }\r
-\r
-/* drop marker display frame */\r
-  menulist[editable="true"] > .menu-dropmarker \r
-    {\r
-      border              : 1px solid #9C9CFF;\r
-    }\r
-\r
-  menulist[editable="true"][open="true"] > .menu-dropmarker \r
-    {\r
-      border              : 1px solid #FFCF00;\r
-    }\r
-\r
-/* rules for popups and separators associated with menulists */\r
-/*\r
-  menulist > menupopup \r
-    {\r
-      border              : 1px solid #FF9F00;\r
-      min-width           : 0px;\r
-      padding             : 0px;\r
-    }\r
-    \r
-  menulist > menupopup > menuseparator \r
-    {\r
-     border-bottom       : 1px solid #FF9F00;\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 
+    {
+      -moz-border-radius  : 3px;
+      padding             : 0px;
+      border              : none;
+      background-color    : #000000;
+      color               : #E7ADE7;
+      margin              : 1px 5px 2px 5px;
+    }
+
+  menulist[menuactive="true"],
+  menulist:hover 
+    {
+      background-color    : #FFCF00;
+      color               : #000000;
+      border              : none;
+    }
+
+  menulist[open="true"] 
+    {
+      background-color    : #FF9F00;
+      color               : #000000;
+      border              : none;
+    }
+  
+  menulist[disabled="true"]
+    {
+      border              : none;
+      color               : #8050B0;
+    }
+    
+/* icon display frame */
+  menulist > .menu-icon 
+    {
+      -moz-border-radius  : 3px 0px 0px 3px;
+      border-left         : 1px solid #9C9CFF;
+      border-top          : 1px solid #9C9CFF;
+      border-bottom       : 1px solid #9C9CFF;
+      padding             : 2px 0px 2px 0px;
+    }  
+
+  menulist[open="true"] > .menu-icon 
+    {
+      border-left         : 1px solid #FFCF00;
+      border-top          : 1px solid #FFCF00;
+      border-bottom       : 1px solid #FFCF00;
+      padding             : 2px 0px 2px 0px;
+    }
+  
+  menulist[disabled="true"] > .menu-icon 
+    {
+      border-left         : 1px solid #8050B0;
+      border-top          : 1px solid #8050B0;
+      border-bottom       : 1px solid #8050B0;
+    }
+  
+/* text display frame */
+  menulist > .menu-text 
+    {
+      padding             : 2px 4px 2px 4px;
+      border-top          : 1px solid #9C9CFF;
+      border-bottom       : 1px solid #9C9CFF;
+      border-right        : 1px solid #9C9CFF;
+      margin-right        : 0px;
+    }
+    
+  menulist[open="true"] > .menu-text 
+    {
+      border-top          : 1px solid #FFCF00;
+      border-bottom       : 1px solid #FFCF00;
+      border-right        : 1px solid #FFCF00;
+      padding             : 2px 4px 2px 4px;
+    }
+
+  menulist[disabled="true"] > .menu-text 
+    {
+      border-top          : 1px solid #8050B0;
+      border-bottom       : 1px solid #8050B0;
+      border-right        : 1px solid #8050B0;
+      padding             : 2px 4px 2px 4px;
+    }
+
+/* drop marker display frame */
+  menulist > .menu-dropmarker 
+    {
+      -moz-border-radius  : 0px 3px 3px 0px;
+      border              : 1px solid #9C9CFF;
+      border-left         : none;
+      list-style-image    : url("chrome://global/skin/scroll-down.gif");
+      padding             : 2px;
+    }
+  
+  menulist:hover > .menu-dropmarker, 
+  menulist[open="true"] > .menu-dropmarker 
+    {
+      list-style-image    : url("chrome://global/skin/scroll-down-hover.gif");
+    }
+  
+  menulist[disabled="true"] > .menu-dropmarker
+    {
+      border              : 1px solid #8050B0;
+      list-style-image    : url("chrome://global/skin/scroll-down-disabled.gif");
+    }
+
+  menulist[open="true"] > .menu-dropmarker 
+    {
+      border              : 1px solid #FFCF00;
+      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 solid #9C9CFF;
+      border-top          : 1px solid #9C9CFF;
+      border-right        : none;
+      border-bottom       : 1px solid #9C9CFF;
+    }
+
+/* text display frame */    
+  menulist[editable="true"] > .menu-text 
+    {
+      border-left         : none;
+      border-top          : 1px solid #9C9CFF;
+      border-right        : 1px solid #9C9CFF;
+      border-bottom       : 1px solid #9C9CFF;
+      margin              : 0px 2px 0px 0px;
+    }
+
+/* drop marker display frame */
+  menulist[editable="true"] > .menu-dropmarker 
+    {
+      border              : 1px solid #9C9CFF;
+    }
+
+  menulist[editable="true"][open="true"] > .menu-dropmarker 
+    {
+      border              : 1px solid #FFCF00;
+    }
+