X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fcommunicator%2Fskin%2Fmenubutton.css;h=8f54bac56f65b0d7ad81fd453ac12b1a2ab5cf42;hp=bcc1cb6a0160f7fcfe2ab045fcf59a7392076df0;hb=7ff5b526c57f59c657e2a04cc37ce629080e0db6;hpb=bd0fcaa8d7d5924c1ab97aafc9688fc4e28150ab

diff --git a/LCARStrek/communicator/skin/menubutton.css b/LCARStrek/communicator/skin/menubutton.css
index bcc1cb6a..8f54bac5 100755
--- a/LCARStrek/communicator/skin/menubutton.css
+++ b/LCARStrek/communicator/skin/menubutton.css
@@ -30,6 +30,8 @@
     {
       -moz-border-radius    : 3px;
       padding               : 1px 2px 1px 2px;
+      background-color      : #000000;
+      color                 : #E7ADE7;
     }
 
 
@@ -100,57 +102,80 @@
  * Navigation bar style menubuttons 
  **/
 
-.menubutton-dual.toolbar
+/* This is really a hack to deal with buggy :hover - but it's now in toolkit (see below, taken from classic) */
+
+/**
+ * XXX - this is a hack. :hover does not work to spec and so we're using a binding
+ *       with JS that lives in xpfe/global/resources/content/menulistBindings.xml
+ *       to set attributes on various parts of the button when mouse down/over 
+ *       events fire. When :hover works correctly, this can be removed (see
+ *       revision 1.21 of this file for details.
+ */
+
+
+.menubutton-dual.top
   {
-    font-size               : smaller;
+    -moz-binding          : url("chrome://global/content/bindings/menubutton.xml#menubutton-dual-ex");
+/*    -moz-user-focus       : ignore !important; */
   }
 
-.menubutton-dual.toolbar:hover > .menubutton-internal-box,
-.menubutton-dual.toolbar:hover:active > .menubutton-internal-box
+.menubutton-dual.left
   {
-      -moz-border-radius    : 3px;
-    background-color        : #FFCF00;
-    color                   : #000000;
-  }
+    -moz-binding          : url("chrome://global/content/bindings/menubutton.xml#menubutton-dual-ex-left");
+/*    -moz-user-focus       : none !important; */
+  }  
+  
 
-.menubutton-dual.toolbar[open="true"] > .menubutton-internal-box
+
+.menubutton-dual
   {
-    background-color        : #FF9F00;
-    color                   : #000000;
+    font-size               : smaller;
   }
 
-.menubutton-dual.toolbar[disabled="true"] > .menubutton-internal-box,
-.menubutton-dual.toolbar[disabled="true"]:hover:active > .menubutton-internal-box,
-.menubutton-dual.toolbar[disabled="true"][open="true"] > .menubutton-internal-box
+/* Mail & Co. */
+
+.menubutton-dual.toolbar
   {
-      -moz-border-radius    : 3px;
-    background-color        : #000000;
-    color                   : #8050B0;
+    min-width               : 32px;
+    min-height              : 32px;
+    max-height              : 40px;
+    margin                  : 0px 1px 0px 1px;
+    padding                 : 0px;
+    font-size               : smaller;
+    border                  : none;
   }
 
-
-.menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button,
-.menubutton-dual.toolbar:hover > .menubutton-internal-box > .menubutton-dual-button,
-.menubutton-dual.toolbar:hover:active > .menubutton-internal-box > .menubutton-dual-button
+.menubutton-dual.toolbar > button > .button-internal-box
   {
-    -moz-border-radius      : 3px 0px 0px 3px;
+    min-width               : 32px;
+    min-height              : 32px;
+    max-height              : 40px;
+    border                  : none;
   }
 
-.menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box > .button-text-container 
+
+.menubutton-dual-ex-button > .button-internal-box > .button-text-container 
   {
     padding-top             : 3px;
-    text-align              : center;
+    -moz-box-pack           : center;
   }
 
-.menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
+
+
+.menubutton-dual > .menubutton-dual-ex-button > .button-internal-box
   {
     padding                 : 1px;
     border                  : none;
     -moz-border-radius      : 3px 0px 0px 3px;
   }
 
-.menubutton-dual.toolbar:hover > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
-.menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button:hover > .button-internal-box
+.menubutton-dual-ex-button
+  {
+    margin                  : 0px;
+  }
+ 
+.menubutton-dual:hover > .menubutton-dual-ex-button > .button-internal-box,
+.menubutton-dual[buttonover="true"] > .menubutton-dual-ex-button > .button-internal-box
   {
     background-color        : #FFCF00;
     color                   : #000000;
@@ -158,8 +183,8 @@
     border                  : none;
   }
 
-.menubutton-dual.toolbar:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
-.menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box
+.menubutton-dual:hover:active > .menubutton-dual-ex-button > .button-internal-box,
+.menubutton-dual > .menubutton-dual-ex-button:hover:active > .button-internal-box
   {
     background-color        : #FFCF00;
     color                   : #000000;
@@ -167,7 +192,7 @@
     border                  : none;
   }
 
-.menubutton-dual.toolbar[open="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
+.menubutton-dual[open="true"] > .menubutton-dual-ex-button > .button-internal-box
   {
     background-color        : #FF9F00;
     color                   : #000000;
@@ -175,10 +200,11 @@
     border                  : none;
   }
 
-.menubutton-dual.toolbar[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
-.menubutton-dual.toolbar[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
-.menubutton-dual.toolbar[disabled="true"][open="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
-.menubutton-dual.toolbar[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box
+.menubutton-dual[disabled="true"] > .menubutton-dual-ex-button > .button-internal-box,
+.menubutton-dual[disabled="true"]:hover:active > .menubutton-dual-ex-button > .button-internal-box,
+.menubutton-dual[disabled="true"][open="true"] > .menubutton-dual-ex-button > .button-internal-box,
+.menubutton-dual[disabled="true"][buttonover="true"] > .menubutton-dual-ex-button > .button-internal-box,
+.menubutton-dual[disabled="true"] > .menubutton-dual-ex-button:hover:active > .button-internal-box
   {
     background-color        : #000000;
     color                   : #8050B0;
@@ -186,14 +212,19 @@
     border                  : none;
   }
 
-.menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-dropmarker-box
+
+  
+.menubutton-dual > .menubutton-dual-dropmarker-box
   {
     -moz-border-radius      : 0px 3px 3px 0px;
     padding                 : 1px;
     border                  : none;
   }
 
-.menubutton-dual.toolbar:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box
+.menubutton-dual-ex:hover > .menubutton-dual-dropmarker-box,
+.menubutton-dual:hover > .menubutton-dual-dropmarker-box,
+.menubutton-dual > .menubutton-dual-dropmarker-box:hover,
+.menubutton-dual[buttonover="true"] > .menubutton-dual-dropmarker-box
   {
     background-color        : #FFCF00;
     color                   : #000000;
@@ -201,7 +232,7 @@
     border                  : none;
   }
 
-.menubutton-dual.toolbar:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box
+.menubutton-dual:hover:active > .menubutton-dual-dropmarker-box
   {
     background-color        : #FFCF00;
     color                   : #000000;
@@ -209,7 +240,7 @@
     border                  : none;
   }
 
-.menubutton-dual.toolbar[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box
+.menubutton-dual[open="true"] > .menubutton-dual-dropmarker-box
   {
     background-color        : #FF9F00;
     color                   : #000000;
@@ -217,9 +248,10 @@
     border                  : none;
   }
 
-.menubutton-dual.toolbar[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box,
-.menubutton-dual.toolbar[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box,
-.menubutton-dual.toolbar[disabled="true"][open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box
+.menubutton-dual[disabled="true"] > .menubutton-dual-dropmarker-box,
+.menubutton-dual[disabled="true"]:hover:active > .menubutton-dual-dropmarker-box,
+.menubutton-dual[disabled="true"][open="true"] > .menubutton-dual-dropmarker-box,
+.menubutton-dual[disabled="true"][buttonover="true"] > .menubutton-dual-dropmarker-box
   {
     background-color        : #000000;
     color                   : #8050B0;
@@ -227,7 +259,7 @@
     border                  : none;
   }
 
-menubutton > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
+menubutton > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
   {
 /*    padding-bottom           : 17px;  */
     padding-bottom           : 24px;