bugs 28, 30, and partly fix for 29 -- all EarlyBlue only
[themes.git] / EarlyBlue / communicator / skin / menubutton.css
index 2f87ff508229705006c1bc48391c3eae5adbe288..19ea271bbdbed5c60a384989a31b362ee7600670 100755 (executable)
-\r
-/** Styles applying to items in a button-toolbar-3 style menu\r
- *  menuitem class="button-toolbar-3"\r
- **/\r
-  .button-toolbar-3 > .menubutton-icon-internal-box\r
-    {\r
-      border                : 1px outset #9999CC;\r
-    }\r
-\r
-  .button-toolbar-3[open="true"] > .menubutton-icon-internal-box,\r
-  .button-toolbar-3:hover:active > .menubutton-icon-internal-box\r
-    {\r
-      border                : 1px inset #9999CC;\r
-    }\r
-  \r
-  menupopup.button-toolbar-3 \r
-    {\r
-      border                : none;\r
-    }\r
-  \r
-  menuitem.button-toolbar-3 \r
-    {\r
-      font-weight           : normal;\r
-    }\r
-   \r
-  .button-toolbar-3[menuactive="true"]\r
-    {\r
-      background-color      : #666699;\r
-      color                 : #FFFFFF;\r
-      font-weight           : normal;\r
-    } \r
-    \r
-/** menubuttons on generic grey toolbars\r
- *  class="button-toolbar"\r
- **/ \r
-  .button-toolbar > .menubutton-internal-box\r
-    {\r
-      border                : 1px solid transparent;\r
-      padding               : 1px 2px 1px 2px;\r
-    }\r
-\r
-\r
- .button-toolbar:hover > .menubutton-internal-box\r
-    {\r
-      border                : 1px outset #CCD0DD;\r
-      padding               : 1px 2px 1px 2px;\r
-    }\r
-\r
- .button-toolbar[open="true"] > .menubutton-internal-box,\r
- .button-toolbar:hover:active > .menubutton-internal-box\r
-    {\r
-      border                : 1px inset #CCD0DD;\r
-      padding               : 2px 1px 0px 3px;\r
-    }\r
-\r
-/** \r
- * Navigation bar style menubuttons \r
- **/\r
-\r
-.menubutton-dual.toolbar\r
-  {\r
-    font-size               : smaller;\r
-  }\r
-\r
-.menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box > .button-text-container \r
-  {\r
-    padding-top             : 3px;\r
-    text-align              : center;\r
-  }\r
-\r
-.menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box\r
-  {\r
-    border                  : 1px solid transparent;\r
-    padding                 : 1px;\r
-  }\r
-\r
-.menubutton-dual.toolbar:hover > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,\r
-.menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button:hover > .button-internal-box\r
-  {\r
-    border                  : 1px outset #CCD0DD;\r
-    padding                 : 1px;\r
-  }\r
-\r
-.menubutton-dual.toolbar:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,\r
-.menubutton-dual.toolbar[open="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,\r
-.menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box\r
-  {\r
-    border                  : 1px inset #CCD0DD;\r
-    padding                 : 2px 0px 0px 2px;\r
-  }\r
-\r
-\r
-.menubutton-dual.toolbar[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,\r
-.menubutton-dual.toolbar[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,\r
-.menubutton-dual.toolbar[disabled="true"][open="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,\r
-.menubutton-dual.toolbar[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box\r
-  {\r
-    border                  : 1px solid transparent;\r
-    padding                 : 1px;\r
-  }\r
-\r
-.menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-dropmarker-box\r
-  {\r
-    border                  : 1px solid transparent;\r
-    padding                 : 1px;\r
-  }\r
-\r
-.menubutton-dual.toolbar:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box\r
-  {\r
-    border                  : 1px outset #CCD0DD;\r
-    padding                 : 1px;\r
-  }\r
-\r
-.menubutton-dual.toolbar:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box,\r
-.menubutton-dual.toolbar[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box\r
-  {\r
-    border                  : 1px inset #CCD0DD;\r
-    padding                 : 2px 0px 0px 2px;\r
-  }\r
-\r
-\r
-.menubutton-dual.toolbar[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box,\r
-.menubutton-dual.toolbar[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box,\r
-.menubutton-dual.toolbar[disabled="true"][open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box\r
-  {\r
-    border                  : 1px solid transparent;\r
-    padding                 : 1px;\r
-  }\r
-\r
-menubutton > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker\r
-  {\r
-/*    padding-bottom           : 17px;  */\r
-    padding-bottom           : 24px;  \r
-  }
\ 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 
+ **/
+
+.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;  
+  }