From 5fba0bdc83bb692814c7481da61ab62c96ebaba4 Mon Sep 17 00:00:00 2001
From: "ben%netscape.com"
 <ben%netscape.com@18797224-902f-48f8-a5cc-f745e15eee43>
Date: Mon, 3 Dec 2007 18:00:05 +0000
Subject: [PATCH] [CLASSIC SKIN] Communicator skin files. NOT PART OF BUILD

git-svn-id: svn://10.0.0.236/trunk@240317 18797224-902f-48f8-a5cc-f745e15eee43
---
 .../classic/communicator/mac/button.css       | 284 ++++++++++++++++++
 .../classic/communicator/win/button.css       | 284 ++++++++++++++++++
 2 files changed, 568 insertions(+)
 create mode 100644 mozilla/suite/themes/classic/communicator/mac/button.css
 create mode 100644 mozilla/suite/themes/classic/communicator/win/button.css

diff --git a/mozilla/suite/themes/classic/communicator/mac/button.css b/mozilla/suite/themes/classic/communicator/mac/button.css
new file mode 100644
index 00000000000..29cfe1e8725
--- /dev/null
+++ b/mozilla/suite/themes/classic/communicator/mac/button.css
@@ -0,0 +1,284 @@
+
+/** Standard toolbar buttons
+ *  class="button-toolbar"
+ **/
+  .button-toolbar
+    {
+      border                : 1px solid transparent;
+      margin                : 1px 0px 1px 0px;
+      -moz-border-radius    : 0px;
+      color                 : black;
+      padding               : 0px;
+      font                  : 3mm arial;
+    }
+    
+  .button-toolbar:hover
+    {
+      border                : 1px solid #FFFFFF;
+    }
+  
+  .button-toolbar:hover:active
+    {
+      border                : 1px solid #336699;
+    }
+    
+  .button-toolbar > .button-internal-box, 
+  .button-toolbar:hover > .button-internal-box
+    {
+      padding               : 1px 3px 1px 3px;
+      border                : none;
+    }
+    
+  .button-toolbar > .button-internal-box > .button-text-container,
+  .button-toolbar > .button-internal-box > .button-text-container > .button-text
+    {
+      padding               : none;
+      margin                : none;
+    }
+
+  .button-toolbar:hover:active > .button-internal-box
+    {
+      padding               : 2px 2px 0px 4px;
+      border                : none;
+    }
+    
+  .button-toolbar[toggled="true"]
+    {
+      border                : 1px solid #999999;
+      background-color      : #EEEEEE;
+    }    
+    
+  .button-toolbar[disabled="true"],
+  .button-toolbar[disabled="true"]:hover,
+  .button-toolbar[disabled="true"]:hover:active
+    {
+      color                 : #999999;
+      border                : none;
+    }
+
+/** The largest type of toolbar buttons. In the Seamonkey implementation, 
+ *  these are only used in the navigation toolbar in the navigator package.
+ **/
+ 
+  /* outer frame */
+  .button-toolbar-1
+    {
+      background-repeat   : no-repeat;
+      background-color    : transparent;
+      background-position : 0px 0px;
+      background-image    : url("chrome://global/skin/button32-bg.gif");
+      color               : #CCFFFF;
+      width               : 36px;
+      height              : 36px;
+      margin              : 2px 6px 1px 1px;
+      font-size           : smaller;
+      border              : none;
+    }
+    
+  .button-toolbar-1:hover 
+    {
+      background-image    : url("chrome://global/skin/button32-bg-hover.gif");
+      border              : none;
+    } 
+
+  .button-toolbar-1:hover:active
+    {
+      margin              : 3px 5px 0px 2px;
+      border              : none;
+    }
+
+  .button-toolbar-1[disabled="true"],
+  .button-toolbar-1[disabled="true"]:hover,
+  .button-toolbar-1[disabled="true"]:hover:active
+    {
+      background-image    : url("chrome://global/skin/button32-bg-disabled.gif");
+      margin              : 2px 6px 1px 1px;
+      border              : none;
+    }
+    
+/* internal frame */
+  .button-toolbar-1[disabled="true"] > .button-internal-box,
+  .button-toolbar-1[disabled="true"]:hover > .button-internal-box,
+  .button-toolbar-1[disabled="true"]:hover:active > .button-internal-box
+    {
+      border              : none;
+    }
+      
+  .button-toolbar-1 > .button-internal-box,
+  .button-toolbar-1:hover > .button-internal-box,
+  .button-toolbar-1:hover:active > .button-internal-box
+    {
+      border              : none;
+      vertical-align      : middle;
+    }
+    
+  .button-toolbar-1 > .button-internal-box > .button-text-container 
+    {
+      display             : none;
+      text-align          : center;
+    }
+    
+/** Styles for the standard 'large' toolbar button, these buttons are used for
+ *  toolbar buttons that are the most commonly used elements on a toolbar, e.g.
+ *  'GetMsg' in Mailnews or 'Send' in Mail/Compose.
+ **/
+  .button-toolbar-2
+    {
+      background-repeat   : no-repeat;
+      background-position : 50% 0px;
+      background-color    : transparent;
+      background-image    : url("chrome://global/skin/button28-bg.gif");
+      color               : #CCFFFF;
+      min-width           : 28px;
+      min-height          : 28px;
+      margin              : 4px 7px 1px 1px;
+      padding             : 3px 0px 0px 1px;
+      font-size           : smaller;
+      border              : none;
+    }
+    
+  .button-toolbar-2:hover 
+    {
+      background-image    : url("chrome://global/skin/button28-bg-hover.gif");
+      border              : none;
+    } 
+
+  .button-toolbar-2:hover:active
+    {
+      margin              : 5px 6px 0px 2px;
+      border              : none;
+    }
+
+  .button-toolbar-2[disabled="true"],
+  .button-toolbar-2[disabled="true"]:hover,
+  .button-toolbar-2[disabled="true"]:hover:active
+    {
+      background-image    : url("chrome://global/skin/button28-bg-disabled.gif");
+      margin              : 3px 7px 1px 1px;
+      border              : none;
+    }
+    
+/* internal frame */
+  .button-toolbar-2[disabled="true"] > .button-internal-box,
+  .button-toolbar-2[disabled="true"]:hover > .button-internal-box,
+  .button-toolbar-2[disabled="true"]:hover:active > .button-internal-box
+    {
+      border              : none;
+      vertical-align      : middle;
+    }
+      
+  .button-toolbar-2 > .button-internal-box,
+  .button-toolbar-2:hover > .button-internal-box,
+  .button-toolbar-2:hover:active > .button-internal-box
+    {
+      border              : none;
+    }
+  
+/* text wrapper frame */
+  .button-toolbar-2 > .button-internal-box > .button-text-container 
+    {
+      padding-top         : 3px;
+      text-align          : center;
+    }
+
+
+/** "Green" buttons, e.g. "Search"
+ *  class="button-toolbar-3"
+ **/  
+  .button-toolbar-3 
+    {
+      margin                : 0px 0px 0px 3px;
+      font-weight           : bold;
+      background-color      : #99CCCC;
+    }  
+    
+  .button-toolbar-3 > .button-internal-box
+    {
+      border                : 1px outset #99CCCC;
+      padding               : 1px;
+    }
+    
+  .button-toolbar-3:hover:active > .button-internal-box 
+    {
+      border                : 1px inset #99CCCC;
+      padding               : 2px 0px 0px 2px;
+    } 
+
+/** Expanding Region Button **/
+
+/* outer frame */
+  button.expander
+    {
+      border              : none;
+      padding             : none;
+      margin              : 1px 5px 3px 1px;
+      background-color    : inherit;
+      list-style-image    : url("chrome://global/skin/closedtwisty.gif");
+    }
+    
+  button[open="true"].expander 
+    {
+      list-style-image    : url("chrome://global/skin/opentwisty.gif");
+    }
+    
+/* internal frame */
+  button.expander > .button-internal-box
+    {
+      border              : none;
+      background-color    : inherit;
+      padding             : none;
+      margin              : none;
+    }
+
+/* text frame */
+  button.expander > .button-internal-box > .button-text-container > .button-text
+    {
+      color               : #0000FF;
+      text-decoration     : underline;
+    }
+    
+  button.expander:hover > .button-internal-box > .button-text-container > .button-text
+    {
+      color               : #FF0000;
+    }
+
+/** 
+ * button styles for taskbar, sidebar headers, etc.
+ **/
+.button-toolbar-4
+  {
+    color                 : #99CCCC;
+    background            : inherit;
+    font                  : inherit;
+    border                : none;
+    padding               : 1px !important;
+    margin                : 0px;
+  }
+
+.button-toolbar-4:hover 
+  {
+    text-decoration       : none;
+    background-color      : #336699;
+    color                 : #CCFFFF;
+  }
+
+.button-toolbar-4:hover:active 
+  {
+    text-decoration       : none;
+    color                 : #CCFFFF;
+    padding               : 2px 0px 0px 2px !important;
+  }
+  
+menubutton.button-toolbar-4
+  {
+    behavior              : url("resource:/chrome/menulistBindings.xml#menubutton-single-right");
+  }
+  
+.button-toolbar-4 > .button-internal-box,
+.button-toolbar-4 > .menubutton-internal-box
+  {
+    border                : none !important;
+    padding               : 0px !important;
+  }  
+
+  
\ No newline at end of file
diff --git a/mozilla/suite/themes/classic/communicator/win/button.css b/mozilla/suite/themes/classic/communicator/win/button.css
new file mode 100644
index 00000000000..29cfe1e8725
--- /dev/null
+++ b/mozilla/suite/themes/classic/communicator/win/button.css
@@ -0,0 +1,284 @@
+
+/** Standard toolbar buttons
+ *  class="button-toolbar"
+ **/
+  .button-toolbar
+    {
+      border                : 1px solid transparent;
+      margin                : 1px 0px 1px 0px;
+      -moz-border-radius    : 0px;
+      color                 : black;
+      padding               : 0px;
+      font                  : 3mm arial;
+    }
+    
+  .button-toolbar:hover
+    {
+      border                : 1px solid #FFFFFF;
+    }
+  
+  .button-toolbar:hover:active
+    {
+      border                : 1px solid #336699;
+    }
+    
+  .button-toolbar > .button-internal-box, 
+  .button-toolbar:hover > .button-internal-box
+    {
+      padding               : 1px 3px 1px 3px;
+      border                : none;
+    }
+    
+  .button-toolbar > .button-internal-box > .button-text-container,
+  .button-toolbar > .button-internal-box > .button-text-container > .button-text
+    {
+      padding               : none;
+      margin                : none;
+    }
+
+  .button-toolbar:hover:active > .button-internal-box
+    {
+      padding               : 2px 2px 0px 4px;
+      border                : none;
+    }
+    
+  .button-toolbar[toggled="true"]
+    {
+      border                : 1px solid #999999;
+      background-color      : #EEEEEE;
+    }    
+    
+  .button-toolbar[disabled="true"],
+  .button-toolbar[disabled="true"]:hover,
+  .button-toolbar[disabled="true"]:hover:active
+    {
+      color                 : #999999;
+      border                : none;
+    }
+
+/** The largest type of toolbar buttons. In the Seamonkey implementation, 
+ *  these are only used in the navigation toolbar in the navigator package.
+ **/
+ 
+  /* outer frame */
+  .button-toolbar-1
+    {
+      background-repeat   : no-repeat;
+      background-color    : transparent;
+      background-position : 0px 0px;
+      background-image    : url("chrome://global/skin/button32-bg.gif");
+      color               : #CCFFFF;
+      width               : 36px;
+      height              : 36px;
+      margin              : 2px 6px 1px 1px;
+      font-size           : smaller;
+      border              : none;
+    }
+    
+  .button-toolbar-1:hover 
+    {
+      background-image    : url("chrome://global/skin/button32-bg-hover.gif");
+      border              : none;
+    } 
+
+  .button-toolbar-1:hover:active
+    {
+      margin              : 3px 5px 0px 2px;
+      border              : none;
+    }
+
+  .button-toolbar-1[disabled="true"],
+  .button-toolbar-1[disabled="true"]:hover,
+  .button-toolbar-1[disabled="true"]:hover:active
+    {
+      background-image    : url("chrome://global/skin/button32-bg-disabled.gif");
+      margin              : 2px 6px 1px 1px;
+      border              : none;
+    }
+    
+/* internal frame */
+  .button-toolbar-1[disabled="true"] > .button-internal-box,
+  .button-toolbar-1[disabled="true"]:hover > .button-internal-box,
+  .button-toolbar-1[disabled="true"]:hover:active > .button-internal-box
+    {
+      border              : none;
+    }
+      
+  .button-toolbar-1 > .button-internal-box,
+  .button-toolbar-1:hover > .button-internal-box,
+  .button-toolbar-1:hover:active > .button-internal-box
+    {
+      border              : none;
+      vertical-align      : middle;
+    }
+    
+  .button-toolbar-1 > .button-internal-box > .button-text-container 
+    {
+      display             : none;
+      text-align          : center;
+    }
+    
+/** Styles for the standard 'large' toolbar button, these buttons are used for
+ *  toolbar buttons that are the most commonly used elements on a toolbar, e.g.
+ *  'GetMsg' in Mailnews or 'Send' in Mail/Compose.
+ **/
+  .button-toolbar-2
+    {
+      background-repeat   : no-repeat;
+      background-position : 50% 0px;
+      background-color    : transparent;
+      background-image    : url("chrome://global/skin/button28-bg.gif");
+      color               : #CCFFFF;
+      min-width           : 28px;
+      min-height          : 28px;
+      margin              : 4px 7px 1px 1px;
+      padding             : 3px 0px 0px 1px;
+      font-size           : smaller;
+      border              : none;
+    }
+    
+  .button-toolbar-2:hover 
+    {
+      background-image    : url("chrome://global/skin/button28-bg-hover.gif");
+      border              : none;
+    } 
+
+  .button-toolbar-2:hover:active
+    {
+      margin              : 5px 6px 0px 2px;
+      border              : none;
+    }
+
+  .button-toolbar-2[disabled="true"],
+  .button-toolbar-2[disabled="true"]:hover,
+  .button-toolbar-2[disabled="true"]:hover:active
+    {
+      background-image    : url("chrome://global/skin/button28-bg-disabled.gif");
+      margin              : 3px 7px 1px 1px;
+      border              : none;
+    }
+    
+/* internal frame */
+  .button-toolbar-2[disabled="true"] > .button-internal-box,
+  .button-toolbar-2[disabled="true"]:hover > .button-internal-box,
+  .button-toolbar-2[disabled="true"]:hover:active > .button-internal-box
+    {
+      border              : none;
+      vertical-align      : middle;
+    }
+      
+  .button-toolbar-2 > .button-internal-box,
+  .button-toolbar-2:hover > .button-internal-box,
+  .button-toolbar-2:hover:active > .button-internal-box
+    {
+      border              : none;
+    }
+  
+/* text wrapper frame */
+  .button-toolbar-2 > .button-internal-box > .button-text-container 
+    {
+      padding-top         : 3px;
+      text-align          : center;
+    }
+
+
+/** "Green" buttons, e.g. "Search"
+ *  class="button-toolbar-3"
+ **/  
+  .button-toolbar-3 
+    {
+      margin                : 0px 0px 0px 3px;
+      font-weight           : bold;
+      background-color      : #99CCCC;
+    }  
+    
+  .button-toolbar-3 > .button-internal-box
+    {
+      border                : 1px outset #99CCCC;
+      padding               : 1px;
+    }
+    
+  .button-toolbar-3:hover:active > .button-internal-box 
+    {
+      border                : 1px inset #99CCCC;
+      padding               : 2px 0px 0px 2px;
+    } 
+
+/** Expanding Region Button **/
+
+/* outer frame */
+  button.expander
+    {
+      border              : none;
+      padding             : none;
+      margin              : 1px 5px 3px 1px;
+      background-color    : inherit;
+      list-style-image    : url("chrome://global/skin/closedtwisty.gif");
+    }
+    
+  button[open="true"].expander 
+    {
+      list-style-image    : url("chrome://global/skin/opentwisty.gif");
+    }
+    
+/* internal frame */
+  button.expander > .button-internal-box
+    {
+      border              : none;
+      background-color    : inherit;
+      padding             : none;
+      margin              : none;
+    }
+
+/* text frame */
+  button.expander > .button-internal-box > .button-text-container > .button-text
+    {
+      color               : #0000FF;
+      text-decoration     : underline;
+    }
+    
+  button.expander:hover > .button-internal-box > .button-text-container > .button-text
+    {
+      color               : #FF0000;
+    }
+
+/** 
+ * button styles for taskbar, sidebar headers, etc.
+ **/
+.button-toolbar-4
+  {
+    color                 : #99CCCC;
+    background            : inherit;
+    font                  : inherit;
+    border                : none;
+    padding               : 1px !important;
+    margin                : 0px;
+  }
+
+.button-toolbar-4:hover 
+  {
+    text-decoration       : none;
+    background-color      : #336699;
+    color                 : #CCFFFF;
+  }
+
+.button-toolbar-4:hover:active 
+  {
+    text-decoration       : none;
+    color                 : #CCFFFF;
+    padding               : 2px 0px 0px 2px !important;
+  }
+  
+menubutton.button-toolbar-4
+  {
+    behavior              : url("resource:/chrome/menulistBindings.xml#menubutton-single-right");
+  }
+  
+.button-toolbar-4 > .button-internal-box,
+.button-toolbar-4 > .menubutton-internal-box
+  {
+    border                : none !important;
+    padding               : 0px !important;
+  }  
+
+  
\ No newline at end of file