big changes to get this baby running again. It's not perfect, but it's up\! yay\!
[themes.git] / LCARStrek / global / skin / menubutton.css
index aa425b6d1d9e7dc4cb2b6dd6a5e3d72ac6fe8d11..1e1560e5b9717e4b7404281a8b4317e13571b539 100755 (executable)
-\r
-/* outermost frame */\r
-  menubutton\r
-    {\r
-      margin              : 0px 1px 0px 1px;\r
-      -moz-border-radius  : 3px;\r
-      background-color    : #000000;\r
-      color               : #E7ADE7;\r
-      border              : none;\r
-    }\r
-    \r
-  menubutton[disabled="true"] \r
-    {\r
-      color               : #8050B0;\r
-    }\r
-  \r
-  menubutton > .menubutton-internal-box\r
-    {\r
-      border              : none;\r
-      padding             : 0px;\r
-      vertical-align      : middle;\r
-    }\r
-\r
-  .menubutton-single-icon\r
-    {\r
-      margin-right        : 3px;\r
-    }\r
-    \r
-/** "Dual Functionality" menubutton\r
- *  Has a popup spawning button and a command invoking button, e.g. back/forward\r
- *  class="menubutton-dual"\r
- **/    \r
-  \r
-/* inner button */\r
-\r
-  menubutton > .menubutton-internal-box > .menubutton-dual-button,\r
-  menubutton:hover > .menubutton-internal-box > .menubutton-dual-button,\r
-  menubutton:active > .menubutton-internal-box > .menubutton-dual-button\r
-    {\r
-      border              : none;\r
-      margin              : 0px;\r
-      -moz-border-radius  : 3px;\r
-    }\r
-\r
-  menubutton > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box\r
-    {\r
-      border              : 1px solid #9C9CFF;\r
-      margin              : 0px\r
-    }\r
-    \r
-  menubutton > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box,\r
-  menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box\r
-    {\r
-      border              : 1px solid #FF9F00;\r
-    }\r
-    \r
-  menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box\r
-    {\r
-      border              : 1px solid #FFCF00;\r
-    }\r
-    \r
-  menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,\r
-  menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box,\r
-  menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box\r
-    {\r
-      border              : 1px solid #8050B0;\r
-    }\r
-\r
-/* inner dropmarker */\r
-  menubutton > .menubutton-internal-box > .menubutton-dual-dropmarker-box\r
-    {\r
-      -moz-border-radius  : 3px;\r
-      border              : 1px solid #9C9CFF;\r
-      padding             : 0px 2px 0px 2px;\r
-    }\r
-    \r
-  menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box,\r
-  menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box\r
-    {\r
-      border              : 1px solid #8050B0;\r
-    }\r
-\r
-  menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box\r
-    {\r
-      border              : 1px solid #FF9F00;\r
-    }\r
-\r
-  menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box\r
-    {\r
-      border              : 1px solid #FFCF00;\r
-      padding             : 1px 1px -1px 3px;\r
-    }\r
-\r
-  menubutton > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker\r
-    {\r
-      border              : none;\r
-      list-style-image    : url("chrome://global/skin/scroll-down.gif");\r
-    }\r
-    \r
-  menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,\r
-  menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,\r
-  menubutton[disabled="true"]:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker\r
-    {\r
-      list-style-image    : url("chrome://global/skin/scroll-down-disabled.gif");\r
-    }\r
-\r
-  menubutton:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,\r
-  menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,\r
-  menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker\r
-    {\r
-      list-style-image    : url("chrome://global/skin/scroll-down-hover.gif");\r
-    }\r
-\r
-/** Icon only menubutton.menubutton-duals\r
- *  class="menubutton.menubutton-dual-icon"\r
- **/\r
-  .menubutton.menubutton-dual-icon \r
-    {\r
-      border              : none;\r
-      background-color    : #000000;\r
-    } \r
-    \r
-  .menubutton.menubutton-dual-icon > .menubutton.menubutton-dual-icon-internal-box\r
-    {\r
-      border              : none;\r
-      padding             : 1px;\r
-    }\r
-    \r
-  .menubutton.menubutton-dual-icon:hover > .menubutton.menubutton-dual-icon-internal-box\r
-    {\r
-      background-color    : #FFCF00;\r
-      border              : none;\r
-      padding             : 1px;\r
-    }    \r
-\r
-  .menubutton.menubutton-dual-icon:hover:active > .menubutton.menubutton-dual-icon-internal-box,\r
-  .menubutton.menubutton-dual-icon[open="true"] > .menubutton.menubutton-dual-icon-internal-box\r
-    {\r
-      background-color    : #FF9F00;\r
-      border              : none;\r
-      padding             : 2px 0px 0px 2px;\r
-    }    \r
-\r
-  .menubutton.menubutton-dual-icon[disabled="true"] > .menubutton.menubutton-dual-icon-internal-box,\r
-  .menubutton.menubutton-dual-icon[disabled="true"]:hover:active > .menubutton.menubutton-dual-icon-internal-box,\r
-  .menubutton.menubutton-dual-icon[disabled="true"][open="true"] > .menubutton.menubutton-dual-icon-internal-box\r
-    {\r
-      background-color    : #FFCF00;\r
-      border              : none;\r
-      padding             : 2px 0px 0px 2px;\r
-    }\r
-\r
-/** Icon only menubuttons\r
- *  class="menubutton.menubutton-icon"\r
- **/\r
-  .menubutton-icon \r
-    {\r
-      border              : none;\r
-      background-color    : #000000;\r
-    } \r
-    \r
-  .menubutton-icon > .menubutton-icon-internal-box\r
-    {\r
-      padding             : 1px;\r
-    }\r
-    \r
-  .menubutton-icon:hover > .menubutton-icon-internal-box\r
-    {\r
-      background-color    : #FFCF00;\r
-      padding             : 1px;\r
-    }    \r
-\r
-  .menubutton-icon:hover:active > .menubutton-icon-internal-box,\r
-  .menubutton-icon[open="true"] > .menubutton-icon-internal-box\r
-    {\r
-      background-color    : #FF9F00;\r
-      padding             : 2px 0px 0px 2px;\r
-    }    \r
-\r
-  .menubutton-icon[disabled="true"] > .menubutton-icon-internal-box,\r
-  .menubutton-icon[disabled="true"]:hover:active > .menubutton-icon-internal-box,\r
-  .menubutton-icon[disabled="true"][open="true"] > .menubutton-icon-internal-box\r
-    {\r
-      background-color    : #FFCF00;\r
-      padding             : 2px 0px 0px 2px;\r
-    }    \r
-    
\ No newline at end of file
+
+/* outermost frame */
+  menubutton
+    {
+      margin              : 0px 1px 0px 1px;
+      -moz-border-radius  : 3px;
+      background-color    : #000000;
+      color               : #E7ADE7;
+      border              : none;
+    }
+    
+  menubutton[disabled="true"] 
+    {
+      color               : #8050B0;
+    }
+  
+  menubutton > .menubutton-internal-box
+    {
+      border              : none;
+      padding             : 0px;
+      vertical-align      : middle;
+    }
+
+  .menubutton-single-icon
+    {
+      margin-right        : 3px;
+    }
+    
+/** "Dual Functionality" menubutton
+ *  Has a popup spawning button and a command invoking button, e.g. back/forward
+ *  class="menubutton-dual"
+ **/    
+  
+/* inner button */
+
+  menubutton > .menubutton-internal-box > .menubutton-dual-button,
+  menubutton:hover > .menubutton-internal-box > .menubutton-dual-button,
+  menubutton[buttonover="true"] > .menubutton-internal-box > .menubutton-dual-button,
+  menubutton:active > .menubutton-internal-box > .menubutton-dual-button
+    {
+      border              : none;
+      margin              : 0px;
+      -moz-border-radius  : 3px;
+    }
+
+  menubutton > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
+    {
+      border              : 1px solid #9C9CFF;
+      margin              : 0px
+    }
+    
+  menubutton > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box,
+  menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
+    {
+      border              : 1px solid #FF9F00;
+    }
+    
+  menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
+    {
+      border              : 1px solid #FFCF00;
+    }
+    
+  menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
+  menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box,
+  menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
+    {
+      border              : 1px solid #8050B0;
+    }
+
+/* inner dropmarker */
+  menubutton > .menubutton-internal-box > .menubutton-dual-dropmarker-box
+    {
+      -moz-border-radius  : 3px;
+      border              : 1px solid #9C9CFF;
+      padding             : 0px 2px 0px 2px;
+    }
+    
+  menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box,
+  menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box
+    {
+      border              : 1px solid #8050B0;
+    }
+
+  menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box
+    {
+      border              : 1px solid #FF9F00;
+    }
+
+  menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box
+    {
+      border              : 1px solid #FFCF00;
+      padding             : 1px 1px -1px 3px;
+    }
+
+  .menubutton-dual-dropmarker-box > .menubutton-dropmarker
+    {
+      border              : none;
+      list-style-image    : url("chrome://global/skin/scroll-down.gif");
+    }
+    
+  menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
+  menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
+  menubutton[disabled="true"]:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
+  .menubutton-dual-dropmarker-box > .menubutton-dropmarker[disabled="true"],
+  .menubutton-dual[disabled="true"][buttonover="true"] > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
+  .menubutton-dual[disabled="true"]:hover > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
+    {
+      list-style-image    : url("chrome://global/skin/scroll-down-disabled.gif");
+    }
+
+  menubutton:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
+  menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
+  menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
+  .menubutton-dual[buttonover="true"] > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
+  .menubutton-dual[open="true"] > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
+  .menubutton-dual:hover > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
+    {
+      list-style-image    : url("chrome://global/skin/scroll-down-hover.gif");
+    }
+
+/** Icon only menubutton.menubutton-duals
+ *  class="menubutton.menubutton-dual-icon"
+ **/
+  .menubutton.menubutton-dual-icon 
+    {
+      border              : none;
+      background-color    : #000000;
+    } 
+    
+  .menubutton.menubutton-dual-icon > .menubutton.menubutton-dual-icon-internal-box
+    {
+      border              : none;
+      padding             : 1px;
+    }
+    
+  .menubutton.menubutton-dual-icon:hover > .menubutton.menubutton-dual-icon-internal-box
+    {
+      background-color    : #FFCF00;
+      border              : none;
+      padding             : 1px;
+    }    
+
+  .menubutton.menubutton-dual-icon:hover:active > .menubutton.menubutton-dual-icon-internal-box,
+  .menubutton.menubutton-dual-icon[open="true"] > .menubutton.menubutton-dual-icon-internal-box
+    {
+      background-color    : #FF9F00;
+      border              : none;
+      padding             : 2px 0px 0px 2px;
+    }    
+
+  .menubutton.menubutton-dual-icon[disabled="true"] > .menubutton.menubutton-dual-icon-internal-box,
+  .menubutton.menubutton-dual-icon[disabled="true"]:hover:active > .menubutton.menubutton-dual-icon-internal-box,
+  .menubutton.menubutton-dual-icon[disabled="true"][open="true"] > .menubutton.menubutton-dual-icon-internal-box
+    {
+      background-color    : #FFCF00;
+      border              : none;
+      padding             : 2px 0px 0px 2px;
+    }
+
+/** Icon only menubuttons
+ *  class="menubutton.menubutton-icon"
+ **/
+  .menubutton-icon 
+    {
+      border              : none;
+      background-color    : #000000;
+    } 
+    
+  .menubutton-icon > .menubutton-icon-internal-box
+    {
+      padding             : 1px;
+    }
+    
+  .menubutton-icon:hover > .menubutton-icon-internal-box
+    {
+      background-color    : #FFCF00;
+      padding             : 1px;
+    }    
+
+  .menubutton-icon:hover:active > .menubutton-icon-internal-box,
+  .menubutton-icon[open="true"] > .menubutton-icon-internal-box
+    {
+      background-color    : #FF9F00;
+      padding             : 2px 0px 0px 2px;
+    }    
+
+  .menubutton-icon[disabled="true"] > .menubutton-icon-internal-box,
+  .menubutton-icon[disabled="true"]:hover:active > .menubutton-icon-internal-box,
+  .menubutton-icon[disabled="true"][open="true"] > .menubutton-icon-internal-box
+    {
+      background-color    : #FFCF00;
+      padding             : 2px 0px 0px 2px;
+    }    
+    
+
+
+