From 6e005d895d1290ba68ac44a47424b20012240846 Mon Sep 17 00:00:00 2001
From: robert <robert>
Date: Thu, 1 Feb 2001 20:57:18 +0000
Subject: [PATCH] bugs 28, 30, and partly fix for 29 -- all EarlyBlue only

---
 EarlyBlue/communicator/skin/menubutton.css | 269 ++++----
 EarlyBlue/global/skin/button.css           | 320 +++++-----
 EarlyBlue/global/skin/scrollbars.css       | 183 +++---
 EarlyBlue/global/skin/workaround.xml       |  20 +
 EarlyBlue/messenger/skin/messenger.css     | 692 +++++++++++----------
 5 files changed, 763 insertions(+), 721 deletions(-)
 create mode 100644 EarlyBlue/global/skin/workaround.xml

diff --git a/EarlyBlue/communicator/skin/menubutton.css b/EarlyBlue/communicator/skin/menubutton.css
index 2f87ff50..19ea271b 100755
--- a/EarlyBlue/communicator/skin/menubutton.css
+++ b/EarlyBlue/communicator/skin/menubutton.css
@@ -1,134 +1,135 @@
-
-/** 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 
+ **/
+
+.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;  
+  }
diff --git a/EarlyBlue/global/skin/button.css b/EarlyBlue/global/skin/button.css
index a151629e..62b31d01 100755
--- a/EarlyBlue/global/skin/button.css
+++ b/EarlyBlue/global/skin/button.css
@@ -1,160 +1,160 @@
-/* NEW WIDGET ANDING: <button> */
-
-/** Default Button Styles (apply to usage of <button> without 
- *  any applied class).
- **/
-
-/* outer frame */
-  button 
-    {
-      border              : none;
-      margin              : 1px 5px 2px 5px;
-      background-color    : #CCD0DD;
-    }
-  
-  button[disabled="true"],
-  button[disabled="true"]:hover,
-  button[disabled="true"]:hover:active 
-    {
-      border              : none;
-      color               : #999999;
-    }
-        
-/* internal frame */
-  button > .button-internal-box 
-    {
-      vertical-align      : middle;
-      text-align          : center;
-      border              : 1px outset #CCD0DD;
-      padding             : 1px;
-    }
-    
-  button:hover:active > .button-internal-box 
-    {
-      border              : 1px inset #CCD0DD;
-      padding             : 2px 0px 0px 2px;
-    }
-  
-  button[disabled="true"] > .button-internal-box,
-  button[disabled="true"]:hover > .button-internal-box,
-  button[disabled="true"]:hover:active > .button-internal-box 
-    {
-      border              : 1px outset #CCD0DD;
-      padding             : 1px;
-    }
-
-/* text wrapping frame (hack because <text> does not support alignment) */
-  .button-text-container
-    {
-      text-align          : center;
-      vertical-align      : middle;
-    }
-
-/* text frame */
-  .button-text 
-    {
-      padding             : 1px 2px 1px 2px;
-    }
-  
-  button[orient="vertical"] > .button-internal-box > .button-text-container > .button-text
-    {
-      padding             : 2px 2px 1px 2px;
-    }
-  
-/** Styles for "DEFAULT" buttons (usually 'OK' or equivalent in dialogs. 
- *  To activate, set 'default' attribute on button.
- **/
- 
-/* outer frame */  
-  button[default] 
-    {
-      /* XXX this is a HACK until 'orient' is supported in CSS! XXX */
-      /* strictly speaking not necessary because default for buttonright is 
-       * to lay image out horizontally, but leaving here as a reminder to
-       * implement this feature */
-      -moz-binding        : url(chrome://global/content/xulBindings.xml#buttonright);
-      font-weight         : bold;
-	    list-style-image    : url("chrome://global/skin/return.gif");
-    }
-  
-  button[default][disabled="true"]
-    {
-      list-style-image    : url("chrome://global/skin/return-disabled.gif");
-    }
-    
-/** Styles for 'dialog' buttons (usually any command button in a dialog)
- *  This class gives buttons 10px of padding on each side to increase the
- *  strike area and make buttons with small amounts of text (e.g. 'OK') 
- *  look less silly.
- **/
-
-/* internal frame */
-  .button-dialog > .button-internal-box,
-  .button-dialog:hover > .button-internal-box
-    {
-      padding             : 2px 10px 2px 10px;
-    }
-  
-  .button-dialog:hover:hover:active > .button-internal-box 
-    {
-      padding             : 3px 9px 1px 11px;
-    }
-
-/** Styles for grey toolbar buttons. These buttons are used in places like
- *  editor's formatting toolbar or toolbars wanting a button similar to a command
- *  button but without an initial outset frame.
- **/ 
-  .button-borderless 
-    {
-      border              : 1px solid #CCD0DD;
-    }
-  
-  .button-borderless:hover
-    {
-      border              : 1px solid #000000;
-    }
-    
-  .button-borderless > .button-internal-box 
-    {
-      border              : 1px solid #CCD0DD;
-    }
-  
-  .button-borderless:hover > .button-internal-box 
-    {
-      border              : 1px outset #CCD0DD;
-    }
-  
-  .button-borderless:hover:active > .button-internal-box 
-    {
-      border              : 1px inset #CCD0DD;
-    }
-
-/** plain (raw) buttons, class="plain" **/
-
-  button.plain, button.plain:hover, button.plain:hover:active,
-  button.plain > .button-internal-box, 
-  button.plain:hover:active > .button-internal-box,
-  button.plain > .button-internal-box:hover:active,
-  button.plain > .button-internal-box > .button-text-container, 
-  button.plain > .button-internal-box > .button-text-container:hover:active,
-  button.plain > .button-internal-box > .button-text-container > .button-text, 
-  button.plain > .button-internal-box > .button-text-container > .button.text:hover:active,
-  button-plain > .button-internal-box > .button-icon, 
-  button.plain > .button-internal-box > .button.icon:hover:active
-    {
-      border              : 0px;
-      margin              : 0px;
-      padding             : 0px;
-    }
-
-
-/** 
- * utility class for buttons with associated popup
- **/
-.button-popup 
-  {
-	  list-style-image      : url(chrome://global/skin/taskbar-popup-arrow.gif);
-  }
-    
-    
-    
\ No newline at end of file
+/* NEW WIDGET ANDING: <button> */
+
+/** Default Button Styles (apply to usage of <button> without 
+ *  any applied class).
+ **/
+
+/* outer frame */
+  button 
+    {
+      border              : none;
+      margin              : 1px 5px 2px 5px;
+      background-color    : #CCD0DD;
+    }
+  
+  button[disabled="true"],
+  button[disabled="true"]:hover,
+  button[disabled="true"]:hover:active 
+    {
+      border              : none;
+      color               : #999999;
+    }
+        
+/* internal frame */
+  button > .button-internal-box 
+    {
+      vertical-align      : middle;
+      text-align          : center;
+      border              : 1px outset #CCD0DD;
+      padding             : 1px;
+    }
+    
+  button:hover:active > .button-internal-box 
+    {
+      border              : 1px inset #CCD0DD;
+      padding             : 2px 0px 0px 2px;
+    }
+  
+  button[disabled="true"] > .button-internal-box,
+  button[disabled="true"]:hover > .button-internal-box,
+  button[disabled="true"]:hover:active > .button-internal-box 
+    {
+      border              : 1px outset #CCD0DD;
+      padding             : 1px;
+    }
+
+/* text wrapping frame (hack because <text> does not support alignment) */
+  .button-text-container
+    {
+      text-align          : center;
+      vertical-align      : middle;
+    }
+
+/* text frame */
+  .button-text 
+    {
+      padding             : 1px 2px 1px 2px;
+    }
+  
+  button[orient="vertical"] > .button-internal-box > .button-text-container > .button-text
+    {
+      padding             : 2px 2px 1px 2px;
+    }
+  
+/** Styles for "DEFAULT" buttons (usually 'OK' or equivalent in dialogs. 
+ *  To activate, set 'default' attribute on button.
+ **/
+ 
+/* outer frame */  
+  button[default] 
+    {
+      /* XXX this is a HACK until 'orient' is supported in CSS! XXX */
+      /* strictly speaking not necessary because default for buttonright is 
+       * to lay image out horizontally, but leaving here as a reminder to
+       * implement this feature */
+      -moz-binding        : url(chrome://global/content/xulBindings.xml#buttonright);
+      font-weight         : bold;
+	    list-style-image    : url("chrome://global/skin/return.gif");
+    }
+  
+  button[default][disabled="true"]
+    {
+      list-style-image    : url("chrome://global/skin/return-disabled.gif");
+    }
+    
+/** Styles for 'dialog' buttons (usually any command button in a dialog)
+ *  This class gives buttons 10px of padding on each side to increase the
+ *  strike area and make buttons with small amounts of text (e.g. 'OK') 
+ *  look less silly.
+ **/
+
+/* internal frame */
+  .button-dialog > .button-internal-box,
+  .button-dialog:hover > .button-internal-box
+    {
+      padding             : 2px 10px 2px 10px;
+    }
+  
+  .button-dialog:hover:hover:active > .button-internal-box 
+    {
+      padding             : 3px 9px 1px 11px;
+    }
+
+/** Styles for grey toolbar buttons. These buttons are used in places like
+ *  editor's formatting toolbar or toolbars wanting a button similar to a command
+ *  button but without an initial outset frame.
+ **/ 
+  .button-borderless 
+    {
+      border              : 1px solid #CCD0DD;
+    }
+  
+  .button-borderless:hover
+    {
+      border              : 1px solid #000000;
+    }
+    
+  .button-borderless > .button-internal-box 
+    {
+      border              : 1px solid #CCD0DD;
+    }
+  
+  .button-borderless:hover > .button-internal-box 
+    {
+      border              : 1px outset #CCD0DD;
+    }
+  
+  .button-borderless:hover:active > .button-internal-box 
+    {
+      border              : 1px inset #CCD0DD;
+    }
+
+/** plain (raw) buttons, class="plain" **/
+
+  button.plain, button.plain:hover, button.plain:hover:active,
+  button.plain > .button-internal-box, 
+  button.plain:hover:active > .button-internal-box,
+  button.plain > .button-internal-box:hover:active,
+  button.plain > .button-internal-box > .button-text-container, 
+  button.plain > .button-internal-box > .button-text-container:hover:active,
+  button.plain > .button-internal-box > .button-text-container > .button-text, 
+  button.plain > .button-internal-box > .button-text-container > .button.text:hover:active,
+  button.plain > .button-internal-box > .button-icon, 
+  button.plain > .button-internal-box > .button.icon:hover:active
+    {
+      border              : 0px;
+      margin              : 0px;
+      padding             : 0px;
+    }
+
+
+/** 
+ * utility class for buttons with associated popup
+ **/
+.button-popup 
+  {
+	  list-style-image      : url(chrome://global/skin/taskbar-popup-arrow.gif);
+  }
+    
+    
+    
diff --git a/EarlyBlue/global/skin/scrollbars.css b/EarlyBlue/global/skin/scrollbars.css
index 0015009a..9ad63c75 100755
--- a/EarlyBlue/global/skin/scrollbars.css
+++ b/EarlyBlue/global/skin/scrollbars.css
@@ -1,86 +1,97 @@
-@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); /* set default namespace to XUL */
-
-/********* XP Scrollbar *********/
-
-scrollbar {
-   -moz-binding: url("chrome://global/content/xulBindings.xml#scrollbar");
-}
-
-/********* XP Scrollbar *********/
-
-thumb {
-  -moz-binding: url(chrome://global/content/xulBindings.xml#thumb);
-  background-color: #CCCCCC;
-  border: 1px outset #CCCCCC;
-  list-style-image: url("chrome://global/skin/scroll-thumb-horiz.gif")
-}
-
-thumb[disabled="true"] {
-   list-style-image: url("chrome://global/skin/scroll-thumb-horiz-disabled.gif");
-}
-
-thumb[align="vertical"] {
-   list-style-image: url("chrome://global/skin/scroll-thumb-vert.gif")
-}
-
-scrollbarbutton {
-  vertical-align: bottom;
-  cursor: default;
-
-  border: 1px outset white;
-  background-color: #CCCCCC;
-  color:black; 
-
-  padding: 1px;
-}
-
-scrollbarbutton:active {
-  border-style: inset;
-
-  padding-left: 2px;
-  padding-right: 0px;
-  padding-top: 2px;
-  padding-bottom: 0px;
-}
-
-scrollbarbutton[type="decrement"] {
-   list-style-image: url("chrome://global/skin/scroll-left.gif")
-}
-
-scrollbarbutton[type="decrement"][disabled="true"] {
-   list-style-image: url("chrome://global/skin/scroll-left-disabled.gif") 
-}
-
-scrollbarbutton[type="increment"] {
-   list-style-image: url("chrome://global/skin/scroll-right.gif")
-}
-
-
-scrollbarbutton[type="increment"][disabled="true"] {
-   list-style-image: url("chrome://global/skin/scroll-right-disabled.gif") 
-}
-
-
-scrollbar[align="vertical"] scrollbarbutton[type="decrement"] {
-   list-style-image: url("chrome://global/skin/scroll-up.gif")
-}
-
-scrollbar[align="vertical"] scrollbarbutton[type="decrement"][disabled="true"] {
-   list-style-image: url("chrome://global/skin/scroll-up-disabled.gif") 
-}
-
-scrollbar[align="vertical"] scrollbarbutton[type="increment"] {
-   list-style-image: url("chrome://global/skin/scroll-down.gif")
-}
-
-scrollbar[align="vertical"] scrollbarbutton[type="increment"][disabled="true"] {
-   list-style-image: url("chrome://global/skin/scroll-down-disabled.gif") 
-}
-
-slider[align="vertical"] thumb:active {
-   background-color: #CCCCCC;
-}
-
-slider {
-   background-color: #999999;
-}
+@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); /* set default namespace to XUL */
+
+/********* XP Scrollbar *********/
+
+scrollbar {
+   -moz-binding: url("chrome://global/content/xulBindings.xml#scrollbar");
+}
+
+/********* XP Scrollbar *********/
+
+thumb {
+  -moz-binding: url(chrome://global/content/xulBindings.xml#thumb);
+  background-color: #CCCCCC;
+  border: 1px outset #CCCCCC;
+  list-style-image: url("chrome://global/skin/scroll-thumb-horiz.gif");
+  text-align: center;
+  vertical-align: middle;
+}
+
+thumb[disabled="true"] {
+   list-style-image: url("chrome://global/skin/scroll-thumb-horiz-disabled.gif");
+}
+
+scrollbar[align="vertical"] > slider > thumb {
+  -moz-binding: url(chrome://global/skin/workaround.xml#thumbv);
+   list-style-image: url("chrome://global/skin/scroll-thumb-vert.gif")
+}
+
+scrollbar[align="vertical"] > slider > thumb[disabled="true"] {
+   list-style-image: url("chrome://global/skin/scroll-thumb-vert-disabled.gif")
+}
+
+
+scrollbar[align="vertical"] > slider > thumb:active {
+   background-color: #DDDDDD;
+/*   background-color: #99CCFF; */
+}
+
+
+scrollbarbutton {
+  vertical-align: middle;
+  cursor: default;
+
+  border: 1px outset white;
+  background-color: #CCCCCC;
+  color:black; 
+
+  padding: 1px;
+}
+
+scrollbarbutton:active {
+  border-style: inset;
+
+  padding-left: 2px;
+  padding-right: 0px;
+  padding-top: 2px;
+  padding-bottom: 0px;
+}
+
+scrollbarbutton[type="decrement"] {
+   list-style-image: url("chrome://global/skin/scroll-left.gif")
+}
+
+scrollbarbutton[type="decrement"][disabled="true"] {
+   list-style-image: url("chrome://global/skin/scroll-left-disabled.gif") 
+}
+
+scrollbarbutton[type="increment"] {
+   list-style-image: url("chrome://global/skin/scroll-right.gif")
+}
+
+
+scrollbarbutton[type="increment"][disabled="true"] {
+   list-style-image: url("chrome://global/skin/scroll-right-disabled.gif") 
+}
+
+
+scrollbar[align="vertical"] > scrollbarbutton[type="decrement"] {
+   list-style-image: url("chrome://global/skin/scroll-up.gif")
+}
+
+scrollbar[align="vertical"] > scrollbarbutton[type="decrement"][disabled="true"] {
+   list-style-image: url("chrome://global/skin/scroll-up-disabled.gif") 
+}
+
+scrollbar[align="vertical"] > scrollbarbutton[type="increment"] {
+   list-style-image: url("chrome://global/skin/scroll-down.gif")
+}
+
+scrollbar[align="vertical"] > scrollbarbutton[type="increment"][disabled="true"] {
+   list-style-image: url("chrome://global/skin/scroll-down-disabled.gif") 
+}
+
+slider {
+   background-color: #999999;
+}
+
diff --git a/EarlyBlue/global/skin/workaround.xml b/EarlyBlue/global/skin/workaround.xml
new file mode 100644
index 00000000..adfe2da2
--- /dev/null
+++ b/EarlyBlue/global/skin/workaround.xml
@@ -0,0 +1,20 @@
+<?xml version="1.0"?>
+<!DOCTYPE window [
+<!ENTITY % textcontextDTD SYSTEM "chrome://global/locale/textcontext.dtd" >
+%textcontextDTD;
+]>
+
+<bindings id="workarounds"
+   xmlns="http://www.mozilla.org/xbl"
+   xmlns:html="http://www.w3.org/1999/xhtml"
+   xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  
+  <binding id="thumbv" extends="xul:box">
+    <content align="vertical">
+      <xul:image inherits="src"/>
+    </content>
+  </binding>
+
+</bindings>
+
+
diff --git a/EarlyBlue/messenger/skin/messenger.css b/EarlyBlue/messenger/skin/messenger.css
index b805d0a2..6b193d6f 100755
--- a/EarlyBlue/messenger/skin/messenger.css
+++ b/EarlyBlue/messenger/skin/messenger.css
@@ -1,341 +1,351 @@
-/* -*- Mode: C++; tab-width: 4; indent-tabs-mode: nil; c-basic-offset: 4 -*-
- * The contents of this file are subject to the Netscape Public
- * License Version 1.1 (the "License"); you may not use this file
- * except in compliance with the License. You may obtain a copy of
- * the License at http://www.mozilla.org/NPL/
- * 
- * Software distributed under the License is distributed on an "AS
- * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
- * implied. See the License for the specific language governing
- * rights and limitations under the License.
- * 
- * The Original Code is Mozilla Communicator client code, released
- * March 31, 1998.
- * 
- * The Initial Developer of the Original Code is Netscape
- * Communications Corporation. Portions created by Netscape are
- * Copyright (C) 1998-1999 Netscape Communications Corporation. All
- * Rights Reserved.
- */
-
-@import url(chrome://communicator/skin/);
-@import url(chrome://communicator/skin/sidebar/sidebar.css);
-
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to HTML */
-@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for XUL elements */
-
-[hide] {
- display: none;
-} 
-
-spring.spacer {
-    width: 5px;
-    height: 5px;
-}
-
-box.cleanborder {
-    margin: 10px;
-    padding: 10px;
-    border: 2px groove white;
-    width: 100%;
-}
-
-box.padded {
-    margin: 10px;
-    width: 100%;
-}
-
-iframe {
- min-width: 10px;
- min-height: 10px;
- width: 100px;
- height: 100px;
-}
-
-/**
- * boxes
- */
-#results_box {
-	border-left: 8px solid #CCCCCC;
-	min-width: 10px;
-}
-
-
- 
-/**
- * toolbar button images
- */
-
-#button-getmsg {
-	list-style-image:url("chrome://messenger/skin/getmsg.gif");
-}
-
-#button-getmsg[disabled="true"] {
-	list-style-image:url("chrome://messenger/skin/getmsg_dis.gif");
-}
-
-#button-newmsg {
-	list-style-image:url("chrome://messenger/skin/newmsg.gif");
-}
-
-#button-newmsg[disabled="true"] {
-	list-style-image:url("chrome://messenger/skin/newmsg_dis.gif");
-}
-
-#button-reply {
-	list-style-image:url("chrome://messenger/skin/reply.gif");
-}
-
-#button-reply[disabled="true"] {
-	list-style-image:url("chrome://messenger/skin/reply_dis.gif");
-}
-
-#button-replyall {
-	list-style-image:url("chrome://messenger/skin/replyall.gif");
-}
-
-#button-replyall[disabled="true"] {
-	list-style-image:url("chrome://messenger/skin/replyall_dis.gif");
-}
-
-#button-forward {
-	list-style-image:url("chrome://messenger/skin/forward.gif");
-}
-
-#button-forward[disabled="true"] {
-	list-style-image:url("chrome://messenger/skin/forward_dis.gif");
-}
-
-#button-file {
-	list-style-image:url("chrome://messenger/skin/file.gif");
-}
-
-#button-file[disabled="true"] {
-	list-style-image:url("chrome://messenger/skin/file_dis.gif");
-}
-
-#FileButtonMenu > button {
-        border: 1px solid transparent;
-}
-
-#FileButtonMenu:hover > button {
-        border: 1px outset #CCD0DD;
-}
-
-#FileButtonMenu[disabled="true"] > button,
-#FileButtonMenu[disabled="true"]:hover > button {
-        border: 1px solid transparent;
-}
-
-#FileButtonMenu[open="true"] > button {
-        border: 1px inset #CCD0DD;
-}
-
-#button-next {
-	list-style-image:url("chrome://messenger/skin/next.gif");
-}
-
-#button-next[disabled="true"] {
-	list-style-image:url("chrome://messenger/skin/next_dis.gif");
-}
-
-#button-delete {
-	list-style-image:url("chrome://messenger/skin/trash.gif");
-}
-
-#button-delete[disabled="true"] {
-	list-style-image:url("chrome://messenger/skin/trash_dis.gif");
-}
-
-#button-print 
-  {
-	  list-style-image      : url("chrome://global/skin/print.gif");
-  }
-
-#button-print[disabled="true"]
-  {
-	  list-style-image      : url("chrome://global/skin/print_dis.gif");
-  }
-
-#button-stop {
-	list-style-image:url("chrome://global/skin/stop.gif");
-}
-
-#button-stop[disabled="true"] {
-	list-style-image:url("chrome://global/skin/stop_dis.gif");
-}
-
-
-.folderMenuItem > .menu-left {
- list-style-image: url("chrome://messenger/skin/folder-closed.gif");
-}
-
-
-.folderMenuItem[open="true"] > .menu-left {
- list-style-image: url("chrome://messenger/skin/folder-open.gif");
-}
-
-/* special folder */
-.folderMenuItem[SpecialFolder="Inbox"] > .menu-left {
- list-style-image: url("chrome://messenger/skin/folder-inbox.gif");
-}
-
-.folderMenuItem[SpecialFolder="Inbox"][open="true"] > .menu-left
-{
-    list-style-image: url("chrome://messenger/skin/folder-inbox.gif");
-}
-
-.folderMenuItem[SpecialFolder="Trash"] > .menu-left {
- list-style-image: url("chrome://messenger/skin/folder-trash.gif");
-}
-
-.folderMenuItem[SpecialFolder="Trash"][open="true"] > .menu-left {
- list-style-image: url("chrome://messenger/skin/folder-trash.gif");
-}
-
-.folderMenuItem[IsServer="true"] > .menu-left
-{
- list-style-image: url("chrome://messenger/skin/server-mail.gif");
-}
-
-.folderMenuItem[IsServer="true"][open="true"] > .menu-left
-{
- list-style-image: url("chrome://messenger/skin/server-mail.gif");
-}
-
-/* IMAP folders */
-
-.folderMenuItem[IsServer="true"][ServerType="imap"][IsSecure="true"] > .menu-left {
-    list-style-image: url("chrome://messenger/skin/server-remote-lock.gif");
-}
-
-/* Local Servers */
-.folderMenuItem[IsServer="true"][ServerType="none"] > .menu-left
-{
- list-style-image: url("chrome://messenger/skin/server-local.gif");
-}
-
-/* News folders */
-.folderMenuItem[ServerType="nntp"] > .menu-left {
-    list-style-image: url("chrome://messenger/skin/folder-newsgroup.gif");
-}
-
-.folderMenuItem[IsServer="true"][ServerType="nntp"][IsSecure="true"] > .menu-left {
-    list-style-image: url("chrome://messenger/skin/server-news-lock.gif");
-}
-
-.folderMenuItem[IsServer="true"][ServerType="nntp"] > .menu-left {
-    list-style-image: url("chrome://messenger/skin/server-news.gif");
-}
-
-
-menu.push {
-  border: 1px outset white;
-  padding: 2px;
-  margin: 2px;
-  text-align: center;
-  background-color:inherit;
-  background-image: inherit;
-}
-
-menu.push:hover {
-        border: 1px outset white;
-        color:#003366;
-        text-decoration:underline;
-        padding: 2px;
-}
-
-menu.push:hover:-moz-outline {
-   border : 1px solid black;
-   color:#003366;
-   padding: 2px;
-}
-
-menu.push:active {
-  text-decoration:none;
-  border: 1px inset;
-  padding-left: 3px;
-  padding-right: 1px;
-  padding-top: 3px;
-  padding-bottom: 1px;
-}
-
-menu.push[toggled="1"] {
-  border: 1px white inset;
-  padding-left: 3px;
-  padding-right: 1px;
-  padding-top: 3px;
-  padding-bottom: 1px;
-}
-
-menu.push[toggled="2"] {
-   background-color: lightgray;
-   border: 1px solid gray;
-}
-
-menu.push:active:-moz-outline {
-   border : 1px solid black;
-}
-
-menu.push[disabled="true"] {
-        background-color:inherit;
-        background-image: inherit;
-        border : 1px solid #999999;
-        color: #999999;
-        text-decoration: none;
-}
-
-menu.push[disabled="true"]:hover {
-        background-color:inherit;
-        background-image: inherit;
-        border : 1px solid #999999;
-        color: #999999;
-        text-decoration: none;
-}
-
-menu.push[disabled="true"]:active {
-        background-color:inherit;
-        background-image: inherit;
-        border : 1px solid #999999;
-        color: #999999;
-        text-decoration: none;
-}
-
-/**
- * Make sure the min height is small so we can 
- * resize the pane vertically -EDV
- */
-box#messagepanebox
-{
-   min-height: 10px;
-   height: 0px;
-}
-
-
-/**
- * this belongs in the mail filter window
- */
-
-.enabledcol {
-  list-style-image: url("chrome://messenger/skin/readmail.gif");
-}
-
-.enabledcol[value="true"] {
-  list-style-image: url("chrome://messenger/skin/unreadmail.gif");
-}
-
-searchattribute {
-  -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchattribute);
-}
-
-searchoperator {
-  -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchoperator);
-}
-
-searchvalue {
- -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchvalue);
-}
-
-searchterm {
- -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchterm);
-}
+/* -*- Mode: C++; tab-width: 4; indent-tabs-mode: nil; c-basic-offset: 4 -*-
+ * The contents of this file are subject to the Netscape Public
+ * License Version 1.1 (the "License"); you may not use this file
+ * except in compliance with the License. You may obtain a copy of
+ * the License at http://www.mozilla.org/NPL/
+ * 
+ * Software distributed under the License is distributed on an "AS
+ * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
+ * implied. See the License for the specific language governing
+ * rights and limitations under the License.
+ * 
+ * The Original Code is Mozilla Communicator client code, released
+ * March 31, 1998.
+ * 
+ * The Initial Developer of the Original Code is Netscape
+ * Communications Corporation. Portions created by Netscape are
+ * Copyright (C) 1998-1999 Netscape Communications Corporation. All
+ * Rights Reserved.
+ */
+
+@import url(chrome://communicator/skin/);
+@import url(chrome://communicator/skin/sidebar/sidebar.css);
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to HTML */
+@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for XUL elements */
+
+[hide] {
+ display: none;
+} 
+
+spring.spacer {
+    width: 5px;
+    height: 5px;
+}
+
+box.cleanborder {
+    margin: 10px;
+    padding: 10px;
+    border: 2px groove white;
+    width: 100%;
+}
+
+box.padded {
+    margin: 10px;
+    width: 100%;
+}
+
+iframe {
+ min-width: 10px;
+ min-height: 10px;
+ width: 100px;
+ height: 100px;
+}
+
+/**
+ * boxes
+ */
+#results_box {
+	border-left: 8px solid #CCCCCC;
+	min-width: 10px;
+}
+
+
+ 
+/**
+ * toolbar button images
+ */
+
+#button-getmsg {
+	list-style-image:url("chrome://messenger/skin/getmsg.gif");
+}
+
+#button-getmsg[disabled="true"] {
+	list-style-image:url("chrome://messenger/skin/getmsg_dis.gif");
+}
+
+#button-newmsg {
+	list-style-image:url("chrome://messenger/skin/newmsg.gif");
+}
+
+#button-newmsg[disabled="true"] {
+	list-style-image:url("chrome://messenger/skin/newmsg_dis.gif");
+}
+
+#button-reply {
+	list-style-image:url("chrome://messenger/skin/reply.gif");
+}
+
+#button-reply[disabled="true"] {
+	list-style-image:url("chrome://messenger/skin/reply_dis.gif");
+}
+
+#button-replyall {
+	list-style-image:url("chrome://messenger/skin/replyall.gif");
+}
+
+#button-replyall[disabled="true"] {
+	list-style-image:url("chrome://messenger/skin/replyall_dis.gif");
+}
+
+#button-forward {
+	list-style-image:url("chrome://messenger/skin/forward.gif");
+}
+
+#button-forward[disabled="true"] {
+	list-style-image:url("chrome://messenger/skin/forward_dis.gif");
+}
+
+#button-file {
+	list-style-image:url("chrome://messenger/skin/file.gif");
+}
+
+#button-file[disabled="true"] {
+	list-style-image:url("chrome://messenger/skin/file_dis.gif");
+}
+
+#button-file[open="true"] > .button-internal-box {
+	border: 1px inset #CCCCDD;
+        padding               : 2px 0px 0px 2px;
+}
+
+#button-file > .button-internal-box 
+{
+        vertical-align: middle;
+        text-align: center;
+}
+
+#button-file > .button-internal-box > .menubutton-single-text 
+{
+        padding-top         : 3px;
+        text-align          : center;
+}
+
+#button-next {
+	list-style-image:url("chrome://messenger/skin/next.gif");
+}
+
+#button-next[disabled="true"] {
+	list-style-image:url("chrome://messenger/skin/next_dis.gif");
+}
+
+#button-mark {
+	list-style-image:url("chrome://messenger/skin/mark.gif");
+}
+
+#button-mark[disabled="true"] {
+	list-style-image:url("chrome://messenger/skin/mark_dis.gif");
+}
+
+#button-delete {
+	list-style-image:url("chrome://messenger/skin/trash.gif");
+}
+
+#button-delete[disabled="true"] {
+	list-style-image:url("chrome://messenger/skin/trash_dis.gif");
+}
+
+#button-print 
+  {
+	  list-style-image      : url("chrome://global/skin/print.gif");
+  }
+
+#button-print[disabled="true"]
+  {
+	  list-style-image      : url("chrome://global/skin/print_dis.gif");
+  }
+
+#button-stop {
+	list-style-image:url("chrome://global/skin/stop.gif");
+}
+
+#button-stop[disabled="true"] {
+	list-style-image:url("chrome://global/skin/stop_dis.gif");
+}
+
+.folderMenuItem 
+  {
+    list-style-image      : url("chrome://messenger/skin/folder-closed.gif");
+  }
+
+.folderMenuItem[open="true"] 
+  {
+    list-style-image      : url("chrome://messenger/skin/folder-open.gif");
+  }
+
+/* special folder */
+.folderMenuItem[SpecialFolder="Inbox"] {
+ list-style-image: url("chrome://messenger/skin/folder-inbox.gif");
+}
+
+.folderMenuItem[SpecialFolder="Inbox"][open="true"]
+{
+    list-style-image: url("chrome://messenger/skin/folder-inbox.gif");
+}
+
+.folderMenuItem[SpecialFolder="Trash"] {
+ list-style-image: url("chrome://messenger/skin/folder-trash.gif");
+}
+
+.folderMenuItem[SpecialFolder="Trash"][open="true"] {
+ list-style-image: url("chrome://messenger/skin/folder-trash.gif");
+}
+
+.folderMenuItem[IsServer="true"]
+{
+ list-style-image: url("chrome://messenger/skin/server-mail.gif");
+}
+
+.folderMenuItem[IsServer="true"][open="true"]
+{
+ list-style-image: url("chrome://messenger/skin/server-mail.gif");
+}
+
+/* IMAP folders */
+
+.folderMenuItem[IsServer="true"][ServerType="imap"][IsSecure="true"] {
+    list-style-image: url("chrome://messenger/skin/server-remote-lock.gif");
+}
+
+/* Local Servers */
+.folderMenuItem[IsServer="true"][ServerType="none"]
+{
+ list-style-image: url("chrome://messenger/skin/server-local.gif");
+}
+
+/* News folders */
+.folderMenuItem[ServerType="nntp"] {
+    list-style-image: url("chrome://messenger/skin/folder-newsgroup.gif");
+}
+
+.folderMenuItem[IsServer="true"][ServerType="nntp"][IsSecure="true"] {
+    list-style-image: url("chrome://messenger/skin/server-news-lock.gif");
+}
+
+.folderMenuItem[IsServer="true"][ServerType="nntp"] {
+    list-style-image: url("chrome://messenger/skin/server-news.gif");
+}
+
+
+menu.push {
+  border: 1px outset white;
+  padding: 2px;
+  margin: 2px;
+  text-align: center;
+  background-color:inherit;
+  background-image: inherit;
+}
+
+menu.push:hover {
+        border: 1px outset white;
+        color:#003366;
+        text-decoration:underline;
+        padding: 2px;
+}
+
+menu.push:hover:-moz-outline {
+   border : 1px solid black;
+   color:#003366;
+   padding: 2px;
+}
+
+menu.push:active {
+  text-decoration:none;
+  border: 1px inset;
+  padding-left: 3px;
+  padding-right: 1px;
+  padding-top: 3px;
+  padding-bottom: 1px;
+}
+
+menu.push[toggled="1"] {
+  border: 1px white inset;
+  padding-left: 3px;
+  padding-right: 1px;
+  padding-top: 3px;
+  padding-bottom: 1px;
+}
+
+menu.push[toggled="2"] {
+   background-color: lightgray;
+   border: 1px solid gray;
+}
+
+menu.push:active:-moz-outline {
+   border : 1px solid black;
+}
+
+menu.push[disabled="true"] {
+        background-color:inherit;
+        background-image: inherit;
+        border : 1px solid #999999;
+        color: #999999;
+        text-decoration: none;
+}
+
+menu.push[disabled="true"]:hover {
+        background-color:inherit;
+        background-image: inherit;
+        border : 1px solid #999999;
+        color: #999999;
+        text-decoration: none;
+}
+
+menu.push[disabled="true"]:active {
+        background-color:inherit;
+        background-image: inherit;
+        border : 1px solid #999999;
+        color: #999999;
+        text-decoration: none;
+}
+
+/**
+ * Make sure the min height is small so we can 
+ * resize the pane vertically -EDV
+ */
+box#messagepanebox
+{
+   min-height: 10px;
+   height: 0px;
+}
+
+
+/**
+ * this belongs in the mail filter window
+ */
+
+.enabledcol {
+  list-style-image: url("chrome://messenger/skin/readmail.gif");
+}
+
+.enabledcol[value="true"] {
+  list-style-image: url("chrome://messenger/skin/unreadmail.gif");
+}
+
+searchattribute {
+  -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchattribute);
+}
+
+searchoperator {
+  -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchoperator);
+}
+
+searchvalue {
+ -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchvalue);
+}
+
+searchterm {
+ -moz-binding: url(chrome://messenger/content/mailWidgets.xml#searchterm);
+}
+
+
-- 
2.35.3