X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fcommunicator%2Fskin%2Fmenubutton.css;h=aada9d10444ede6f5c9ba756b5aa0aecedbc108c;hp=2f87ff508229705006c1bc48391c3eae5adbe288;hb=afe91d6de324f31565d3c83b7656e2a89e345b61;hpb=1d79842860ca6d9d104b1f539080550dc00748f3

diff --git a/EarlyBlue/communicator/skin/menubutton.css b/EarlyBlue/communicator/skin/menubutton.css
index 2f87ff50..aada9d10 100755
--- a/EarlyBlue/communicator/skin/menubutton.css
+++ b/EarlyBlue/communicator/skin/menubutton.css
@@ -1,134 +1,176 @@
-
-/** Styles applying to items in a button-toolbar-3 style menu
- *  menuitem class="button-toolbar-3"
- **/
-  .button-toolbar-3 > .menubutton-icon-internal-box
-    {
-      border                : 1px outset #9999CC;
-    }
-
-  .button-toolbar-3[open="true"] > .menubutton-icon-internal-box,
-  .button-toolbar-3:hover:active > .menubutton-icon-internal-box
-    {
-      border                : 1px inset #9999CC;
-    }
-  
-  menupopup.button-toolbar-3 
-    {
-      border                : none;
-    }
-  
-  menuitem.button-toolbar-3 
-    {
-      font-weight           : normal;
-    }
-   
-  .button-toolbar-3[menuactive="true"]
-    {
-      background-color      : #666699;
-      color                 : #FFFFFF;
-      font-weight           : normal;
-    } 
-    
-/** menubuttons on generic grey toolbars
- *  class="button-toolbar"
- **/ 
-  .button-toolbar > .menubutton-internal-box
-    {
-      border                : 1px solid transparent;
-      padding               : 1px 2px 1px 2px;
-    }
-
-
- .button-toolbar:hover > .menubutton-internal-box
-    {
-      border                : 1px outset #CCD0DD;
-      padding               : 1px 2px 1px 2px;
-    }
-
- .button-toolbar[open="true"] > .menubutton-internal-box,
- .button-toolbar:hover:active > .menubutton-internal-box
-    {
-      border                : 1px inset #CCD0DD;
-      padding               : 2px 1px 0px 3px;
-    }
-
-/** 
- * Navigation bar style menubuttons 
- **/
-
-.menubutton-dual.toolbar
-  {
-    font-size               : smaller;
-  }
-
-.menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box > .button-text-container 
-  {
-    padding-top             : 3px;
-    text-align              : center;
-  }
-
-.menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
-  {
-    border                  : 1px solid transparent;
-    padding                 : 1px;
-  }
-
-.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
-  {
-    border                  : 1px outset #CCD0DD;
-    padding                 : 1px;
-  }
-
-.menubutton-dual.toolbar:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
-.menubutton-dual.toolbar[open="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
-.menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box
-  {
-    border                  : 1px inset #CCD0DD;
-    padding                 : 2px 0px 0px 2px;
-  }
-
-
-.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
-  {
-    border                  : 1px solid transparent;
-    padding                 : 1px;
-  }
-
-.menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-dropmarker-box
-  {
-    border                  : 1px solid transparent;
-    padding                 : 1px;
-  }
-
-.menubutton-dual.toolbar:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box
-  {
-    border                  : 1px outset #CCD0DD;
-    padding                 : 1px;
-  }
-
-.menubutton-dual.toolbar:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box,
-.menubutton-dual.toolbar[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box
-  {
-    border                  : 1px inset #CCD0DD;
-    padding                 : 2px 0px 0px 2px;
-  }
-
-
-.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
-  {
-    border                  : 1px solid transparent;
-    padding                 : 1px;
-  }
-
-menubutton > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
-  {
-/*    padding-bottom           : 17px;  */
-    padding-bottom           : 24px;  
-  }
\ No newline at end of file
+
+/** Styles applying to items in a button-toolbar-3 style menu
+ *  menuitem class="button-toolbar-3"
+ **/
+  .button-toolbar-3 > .menubutton-icon-internal-box
+    {
+      border                : 1px outset #9999CC;
+    }
+
+  .button-toolbar-3[open="true"] > .menubutton-icon-internal-box,
+  .button-toolbar-3:hover:active > .menubutton-icon-internal-box
+    {
+      border                : 1px inset #9999CC;
+    }
+  
+  menupopup.button-toolbar-3 
+    {
+      border                : none;
+    }
+  
+  menuitem.button-toolbar-3 
+    {
+      font-weight           : normal;
+    }
+   
+  .button-toolbar-3[menuactive="true"]
+    {
+      background-color      : #666699;
+      color                 : #FFFFFF;
+      font-weight           : normal;
+    } 
+    
+/** menubuttons on generic grey toolbars
+ *  class="button-toolbar"
+ **/ 
+  .button-toolbar > .menubutton-internal-box
+    {
+      border                : 1px solid transparent;
+      padding               : 1px 2px 1px 2px;
+    }
+
+
+ .button-toolbar:hover > .menubutton-internal-box
+    {
+      border                : 1px outset #CCD0DD;
+      padding               : 1px 2px 1px 2px;
+    }
+
+ .button-toolbar[open="true"] > .menubutton-internal-box,
+ .button-toolbar[open="true"] > .button-internal-box,
+ .button-toolbar:hover:active > .menubutton-internal-box
+    {
+      border                : 1px inset #CCD0DD;
+      padding               : 2px 1px 0px 3px;
+    }
+
+/** 
+ * Navigation bar style menubuttons 
+ **/
+
+
+/* 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
+  {
+    -moz-binding          : url("chrome://global/content/bindings/menubutton.xml#menubutton-dual-ex");
+/*    -moz-user-focus       : ignore !important; */
+  }
+
+.menubutton-dual.left
+  {
+    -moz-binding          : url("chrome://global/content/bindings/menubutton.xml#menubutton-dual-ex-left");
+/*    -moz-user-focus       : none !important; */
+  }  
+  
+
+
+.menubutton-dual
+  {
+    font-size               : smaller;
+  }
+
+.menubutton-dual-ex-button > .button-internal-box > .button-text-container 
+  {
+    padding-top             : 3px;
+    -moz-box-pack           : center;
+  }
+
+
+
+.menubutton-dual > .menubutton-dual-ex-button > .button-internal-box
+  {
+    border                  : 1px solid transparent;
+    padding                 : 1px;
+  }
+
+.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
+  {
+    border                  : 1px outset #CCD0DD;
+    padding                 : 1px;
+  }
+
+.menubutton-dual:hover:active > .menubutton-dual-ex-button > .button-internal-box,
+.menubutton-dual[open="true"] > .menubutton-dual-ex-button > .button-internal-box,
+.menubutton-dual > .menubutton-dual-ex-button:hover:active > .button-internal-box
+  {
+    border                  : 1px inset #CCD0DD;
+    padding                 : 2px 0px 0px 2px;
+  }
+
+
+.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
+  {
+    border                  : 1px solid transparent;
+    padding                 : 1px;
+  }
+
+
+  
+.menubutton-dual > .menubutton-dual-dropmarker-box
+  {
+    border                  : 1px solid transparent;
+    padding                 : 1px;
+  }
+
+.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
+  {
+    border                  : 1px outset #CCD0DD;
+    padding                 : 1px;
+  }
+
+.menubutton-dual:hover:active > .menubutton-dual-dropmarker-box,
+.menubutton-dual[open="true"] > .menubutton-dual-dropmarker-box
+  {
+    border                  : 1px inset #CCD0DD;
+    padding                 : 2px 0px 0px 2px;
+  }
+
+
+.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
+  {
+    border                  : 1px solid transparent;
+    padding                 : 1px;
+  }
+
+
+menubutton > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
+  {
+/*    padding-bottom           : 17px;  */
+    padding-bottom           : 24px;  
+  }