fixing some smaller issues with scollbar highlighting and EarlyBlue fonts
authorrobert <robert>
Sat, 3 Feb 2001 15:23:22 +0000 (15:23 +0000)
committerrobert <robert>
Sat, 3 Feb 2001 15:23:22 +0000 (15:23 +0000)
EarlyBlue/communicator/skin/button.css
EarlyBlue/global/skin/global.css
EarlyBlue/global/skin/scrollbars.css
EarlyBlue/global/skin/workaround.xml
LCARStrek/global/skin/scrollbars.css

index ff4558b9deb3faa822f27d682c0b05eb8c3c5385..5f7bf9e95458fbfbf6b9edfb9a85c8b950647bf8 100755 (executable)
-\r
-/** Standard toolbar buttons\r
- *  class="button-toolbar"\r
- **/\r
-  .button-toolbar\r
-    {\r
-      border                : none;\r
-      margin                : 0px;\r
-      -moz-border-radius    : 0px;\r
-      color                 : black;\r
-      padding               : 0px;\r
-      font                  : 3mm arial;\r
-      max-width             : 10em;\r
-    }\r
-\r
-  .button-toolbar[toggled="true"]\r
-    {\r
-/*      background-color      : #EEEEEE; */\r
-    }    \r
-    \r
-  .button-toolbar[disabled="true"],\r
-  .button-toolbar[disabled="true"]:hover,\r
-  .button-toolbar[disabled="true"]:hover:active\r
-    {\r
-      color                 : #9999CC;\r
-    }\r
-\r
-  .button-toolbar > .button-internal-box\r
-    {\r
-      border                : 1px solid transparent;\r
-      padding               : 1px 2px 1px 2px;\r
-    }\r
-    \r
-  .button-toolbar:hover > .button-internal-box\r
-    {\r
-      border                : 1px outset #CCD0DD;\r
-      padding               : 1px 2px 1px 2px;\r
-    }\r
-    \r
-  .button-toolbar:hover:active > .button-internal-box\r
-    {\r
-      border                : 1px inset #CCD0DD;\r
-      padding               : 2px 1px 0px 3px;\r
-    }\r
-\r
-  .button-toolbar[disabled="true"]:hover:active > .button-internal-box\r
-    {\r
-      border                : 1px solid transparent;\r
-      padding               : 1px 2px 1px 2px;\r
-    }\r
-\r
-  .button-toolbar:hover:active[home-dragover="true"] > .button-internal-box\r
-    {\r
-      border                : 1px outset #CCD0DD;\r
-      padding               : 1px 2px 1px 2px;\r
-    }\r
-    \r
-  .button-toolbar > .button-internal-box > .button-text-container\r
-    {\r
-      padding               : 0px;\r
-      margin                : 0px;\r
-    }\r
-    \r
-  .button-toolbar > .button-internal-box > .button-text-container > .button-text\r
-    {\r
-      padding               : 0px;\r
-      padding-left          : 1px;\r
-      margin                : 0px;\r
-    }\r
-\r
-/** The largest type of toolbar buttons. In the Seamonkey implementation, \r
- *  these are only used in the navigation toolbar in the navigator package.\r
- **/\r
\r
-  /* outer frame */\r
-  .button-toolbar-1\r
-    {\r
-      background-color    : transparent;\r
-      color               : #000000;\r
-      min-width           : 36px;\r
-      min-height          : 36px;\r
-      margin              : 0px;\r
-      padding             : 0px;\r
-      font-size           : smaller;\r
-      border              : none; \r
-    }\r
-\r
-/* internal frame */\r
-  .button-toolbar-1[disabled="true"] > .button-internal-box,\r
-  .button-toolbar-1[disabled="true"]:hover > .button-internal-box,\r
-  .button-toolbar-1[disabled="true"]:hover:active > .button-internal-box\r
-    {\r
-      border              : 1px solid transparent;\r
-      padding             : 1px;\r
-    }\r
-      \r
-  .button-toolbar-1 > .button-internal-box\r
-    {\r
-      border              : 1px solid transparent;\r
-      vertical-align      : middle;\r
-    }\r
-    \r
-  .button-toolbar-1:hover > .button-internal-box\r
-    {\r
-      border              : 1px outset #CCD0DD;\r
-      vertical-align      : middle;\r
-    }\r
-    \r
-  .button-toolbar-1:hover:active > .button-internal-box\r
-    {\r
-      border              : 1px inset #CCD0DD;\r
-      vertical-align      : middle;\r
-      padding             : 2px 0px 0px 2px;\r
-    }\r
-    \r
-  .button-toolbar-1 > .button-internal-box > .button-text-container \r
-    {\r
-      display             : none;\r
-      text-align          : center;\r
-    }\r
-    \r
-/** Styles for the standard 'large' toolbar button, these buttons are used for\r
- *  toolbar buttons that are the most commonly used elements on a toolbar, e.g.\r
- *  'GetMsg' in Mailnews or 'Send' in Mail/Compose.\r
- **/\r
-  .button-toolbar-2\r
-    {\r
-      background-color    : transparent;\r
-      color               : #000000;\r
-      min-width           : 32px;\r
-      min-height          : 32px;\r
-      margin              : 0px;\r
-      padding             : 0px;\r
-      font-size           : smaller;\r
-      border              : none;\r
-    }\r
-        \r
-/* internal frame */\r
-  .button-toolbar-2 > .button-internal-box\r
-    {\r
-      border              : 1px solid transparent;\r
-      padding             : 1px; \r
-      vertical-align      : middle;\r
-    }\r
-\r
-  .button-toolbar-2:hover > .button-internal-box\r
-    {\r
-      padding             : 1px;\r
-      border              : 1px outset #CCD0DD;\r
-    }\r
-\r
-  .button-toolbar-2:hover:active > .button-internal-box\r
-    {\r
-      padding             : 2px 0px 0px 2px;\r
-      border              : 1px inset #CCD0DD;\r
-    }\r
-  \r
-  .button-toolbar-2[disabled="true"] > .button-internal-box,\r
-  .button-toolbar-2[disabled="true"]:hover > .button-internal-box,\r
-  .button-toolbar-2[disabled="true"]:hover:active > .button-internal-box\r
-    {\r
-      padding             : 1px;\r
-      border              : 1px solid transparent;\r
-    }\r
-      \r
-/* text wrapper frame */\r
-  .button-toolbar-2 > .button-internal-box > .button-text-container \r
-    {\r
-      padding-top         : 3px;\r
-      text-align          : center;\r
-    }\r
-\r
-\r
-/** "Green" buttons, e.g. "Search"\r
- *  class="button-toolbar-3"\r
- **/  \r
-\r
-  .button-toolbar-3 \r
-    {\r
-      margin                : 0px 0px 0px 0px;\r
-      font-weight           : bold;\r
-      background-color      : #9999CC;\r
-      border                : none\r
-    }  \r
-\r
-  .button-toolbar-3[disabled="true"],\r
-  .button-toolbar-3[disabled="true"]:hover,\r
-  .button-toolbar-3[disabled="true"]:hover:active \r
-    {\r
-      border              : none;\r
-      color               : #CCCCCC;\r
-    }\r
-           \r
-  .button-toolbar-3 > .button-internal-box,\r
-    {\r
-      border                : 1px outset #9999CC;\r
-      padding               : 1px;\r
-    }\r
-    \r
-  .button-toolbar-3:hover:active > .button-internal-box,\r
-    {\r
-      border                : 1px inset #9999CC;\r
-      padding               : 2px 0px 0px 2px;\r
-    } \r
-\r
-/** Expanding Region Button **/\r
-\r
-/* outer frame */\r
-  button.expander\r
-    {\r
-      border              : none;\r
-      padding             : none;\r
-/*      margin              : 1px 5px 3px 1px; */\r
-      background-color    : inherit;\r
-      list-style-image    : url("chrome://global/skin/closedtwisty.gif");\r
-    }\r
-    \r
-  button[open="true"].expander \r
-    {\r
-      list-style-image    : url("chrome://global/skin/opentwisty.gif");\r
-    }\r
-    \r
-/* internal frame */\r
-  button.expander > .button-internal-box\r
-    {\r
-      border              : none;\r
-      background-color    : inherit;\r
-      padding             : none;\r
-      margin              : none;\r
-    }\r
-\r
-/* text frame */\r
-  button.expander > .button-internal-box > .button-text-container > .button-text\r
-    {\r
-      color               : #0000FF;\r
-      text-decoration     : underline;\r
-    }\r
-    \r
-  button.expander:hover > .button-internal-box > .button-text-container > .button-text\r
-    {\r
-      color               : #FF0000;\r
-    }\r
-\r
-/** \r
- * button styles for taskbar, sidebar headers, etc.\r
- **/\r
-.button-toolbar-4\r
-  {\r
-    color                 : #CCCCFF;\r
-    background            : inherit;\r
-    font                  : inherit;\r
-    border                : none;\r
-    padding               : 1px;\r
-    margin                : 0px;\r
-  }\r
-\r
-.button-toolbar-4:hover \r
-  {\r
-    text-decoration       : none;\r
-    background-color      : #9999CC;\r
-  }\r
-\r
-.button-toolbar-4:hover:active \r
-  {\r
-    text-decoration       : none;\r
-    color                 : #000000;\r
-    background-color      : #CCCCFF;\r
-  }\r
-  \r
-menubutton.button-toolbar-4\r
-  {\r
-    -moz-binding          : url("chrome://global/content/menulistBindings.xml#menubutton-single-right");\r
-  }\r
-\r
-.button-toolbar-4 > .menubutton-internal-box > .menubutton-single-icon\r
-  {\r
-      list-style-image   : url(chrome://global/skin/mb-single-arrow.gif);\r
-      margin-left         : 4px;\r
-  }\r
-\r
-.button-toolbar-4 > .button-internal-box,\r
-.button-toolbar-4 > .menubutton-internal-box,\r
-.button-toolbar-4:hover:active > .button-internal-box,\r
-.button-toolbar-4 > .button-internal-box:hover:active\r
-  {\r
-    border                : none;\r
-    padding               : 0px;\r
-    padding-left          : 2px;\r
-  }
\ No newline at end of file
+
+/** Standard toolbar buttons
+ *  class="button-toolbar"
+ **/
+  .button-toolbar
+    {
+      border                : none;
+      margin                : 0px;
+      -moz-border-radius    : 0px;
+      color                 : black;
+      padding               : 0px;
+#      font                  : 3mm arial;
+      max-width             : 10em;
+    }
+
+  .button-toolbar[toggled="true"]
+    {
+/*      background-color      : #EEEEEE; */
+    }    
+    
+  .button-toolbar[disabled="true"],
+  .button-toolbar[disabled="true"]:hover,
+  .button-toolbar[disabled="true"]:hover:active
+    {
+      color                 : #9999CC;
+    }
+
+  .button-toolbar > .button-internal-box
+    {
+      border                : 1px solid transparent;
+      padding               : 1px 2px 1px 2px;
+    }
+    
+  .button-toolbar:hover > .button-internal-box
+    {
+      border                : 1px outset #CCD0DD;
+      padding               : 1px 2px 1px 2px;
+    }
+    
+  .button-toolbar:hover:active > .button-internal-box
+    {
+      border                : 1px inset #CCD0DD;
+      padding               : 2px 1px 0px 3px;
+    }
+
+  .button-toolbar[disabled="true"]:hover:active > .button-internal-box
+    {
+      border                : 1px solid transparent;
+      padding               : 1px 2px 1px 2px;
+    }
+
+  .button-toolbar:hover:active[home-dragover="true"] > .button-internal-box
+    {
+      border                : 1px outset #CCD0DD;
+      padding               : 1px 2px 1px 2px;
+    }
+    
+  .button-toolbar > .button-internal-box > .button-text-container
+    {
+      padding               : 0px;
+      margin                : 0px;
+    }
+    
+  .button-toolbar > .button-internal-box > .button-text-container > .button-text
+    {
+      padding               : 0px;
+      padding-left          : 1px;
+      margin                : 0px;
+    }
+
+/** 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-color    : transparent;
+      color               : #000000;
+      min-width           : 36px;
+      min-height          : 36px;
+      margin              : 0px;
+      padding             : 0px;
+      font-size           : smaller;
+      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              : 1px solid transparent;
+      padding             : 1px;
+    }
+      
+  .button-toolbar-1 > .button-internal-box
+    {
+      border              : 1px solid transparent;
+      vertical-align      : middle;
+    }
+    
+  .button-toolbar-1:hover > .button-internal-box
+    {
+      border              : 1px outset #CCD0DD;
+      vertical-align      : middle;
+    }
+    
+  .button-toolbar-1:hover:active > .button-internal-box
+    {
+      border              : 1px inset #CCD0DD;
+      vertical-align      : middle;
+      padding             : 2px 0px 0px 2px;
+    }
+    
+  .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-color    : transparent;
+      color               : #000000;
+      min-width           : 32px;
+      min-height          : 32px;
+      margin              : 0px;
+      padding             : 0px;
+      font-size           : smaller;
+      border              : none;
+    }
+        
+/* internal frame */
+  .button-toolbar-2 > .button-internal-box
+    {
+      border              : 1px solid transparent;
+      padding             : 1px; 
+      vertical-align      : middle;
+    }
+
+  .button-toolbar-2:hover > .button-internal-box
+    {
+      padding             : 1px;
+      border              : 1px outset #CCD0DD;
+    }
+
+  .button-toolbar-2:hover:active > .button-internal-box
+    {
+      padding             : 2px 0px 0px 2px;
+      border              : 1px inset #CCD0DD;
+    }
+  
+  .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
+    {
+      padding             : 1px;
+      border              : 1px solid transparent;
+    }
+      
+/* 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 0px;
+      font-weight           : bold;
+      background-color      : #9999CC;
+      border                : none
+    }  
+
+  .button-toolbar-3[disabled="true"],
+  .button-toolbar-3[disabled="true"]:hover,
+  .button-toolbar-3[disabled="true"]:hover:active 
+    {
+      border              : none;
+      color               : #CCCCCC;
+    }
+           
+  .button-toolbar-3 > .button-internal-box,
+    {
+      border                : 1px outset #9999CC;
+      padding               : 1px;
+    }
+    
+  .button-toolbar-3:hover:active > .button-internal-box,
+    {
+      border                : 1px inset #9999CC;
+      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                 : #CCCCFF;
+    background            : inherit;
+    font                  : inherit;
+    border                : none;
+    padding               : 1px;
+    margin                : 0px;
+  }
+
+.button-toolbar-4:hover 
+  {
+    text-decoration       : none;
+    background-color      : #9999CC;
+  }
+
+.button-toolbar-4:hover:active 
+  {
+    text-decoration       : none;
+    color                 : #000000;
+    background-color      : #CCCCFF;
+  }
+  
+menubutton.button-toolbar-4
+  {
+    -moz-binding          : url("chrome://global/content/menulistBindings.xml#menubutton-single-right");
+  }
+
+.button-toolbar-4 > .menubutton-internal-box > .menubutton-single-icon
+  {
+      list-style-image   : url(chrome://global/skin/mb-single-arrow.gif);
+      margin-left         : 4px;
+  }
+
+.button-toolbar-4 > .button-internal-box,
+.button-toolbar-4 > .menubutton-internal-box,
+.button-toolbar-4:hover:active > .button-internal-box,
+.button-toolbar-4 > .button-internal-box:hover:active
+  {
+    border                : none;
+    padding               : 0px;
+    padding-left          : 2px;
+  }
index 0206eae7a1d0f9151636d7acc6cfddc3585fd437..4486996d5ca273ec7c6c5266d7c73a27fbae9678 100755 (executable)
@@ -52,7 +52,7 @@
   window 
     { 
       background-color    : #CCD0DD;
-      font                : 3mm tahoma,arial,helvetica,sans-serif;
+      font                : 3mm helvetica,arial,tahoma,sans-serif;
       padding             : 0px;
     }
   
     border                : 1px solid #000000;
   }
 
+
index 9ad63c75d6a9bb1cf8daddb9ca31d5f3507d02f2..32fcecddb905e8fc6b5f7239df4e69523d2b1e6b 100755 (executable)
@@ -9,7 +9,7 @@ scrollbar {
 /********* XP Scrollbar *********/
 
 thumb {
-  -moz-binding: url(chrome://global/content/xulBindings.xml#thumb);
+  -moz-binding: url(chrome://global/skin/workaround.xml#thumbh);
   background-color: #CCCCCC;
   border: 1px outset #CCCCCC;
   list-style-image: url("chrome://global/skin/scroll-thumb-horiz.gif");
@@ -31,7 +31,7 @@ scrollbar[align="vertical"] > slider > thumb[disabled="true"] {
 }
 
 
-scrollbar[align="vertical"] > slider > thumb:active {
+thumb:active {
    background-color: #DDDDDD;
 /*   background-color: #99CCFF; */
 }
@@ -95,3 +95,4 @@ slider {
    background-color: #999999;
 }
 
+
index adfe2da24687b0f8e88b575fb82d51957bdf8ec3..cf9a5cb307cb0d403fdcd4da6c35488704d909ed 100644 (file)
     </content>
   </binding>
 
+  <binding id="thumbh" extends="xul:box">
+    <content>
+      <xul:image inherits="src"/>
+    </content>
+  </binding>
+
 </bindings>
 
 
+
index c4c4c62b350b3059e1db7fc8e7f3af1f802772ed..baf349ea18bdf2cbaac599a130ae33576d1885a8 100755 (executable)
@@ -10,7 +10,7 @@ scrollbar {
 /********* XP Scrollbar *********/
 
 thumb {
-  -moz-binding: url(chrome://global/content/xulBindings.xml#thumb);
+  -moz-binding: url(chrome://global/skin/workaround.xml#thumbh);
   background-color: #9C9CFF;
   padding: 1px;
   list-style-image: url("chrome://global/skin/scroll-thumb-horiz.gif");
@@ -31,6 +31,14 @@ scrollbar[align="vertical"] > slider > thumb[disabled="true"] {
    list-style-image: url("chrome://global/skin/scroll-thumb-vert-disabled.gif")
 }
 
+thumb:active {
+   background-color: #008484;
+}
+
+thumb:hover {
+   background-color: #FFCF00;
+}
+
 scrollbarbutton {
   vertical-align: bottom;
   cursor: default;
@@ -96,17 +104,10 @@ scrollbar[align="vertical"] > scrollbarbutton[type="increment"][disabled="true"]
    list-style-image: url("chrome://global/skin/scroll-down-disabled.gif"); 
 }
 
-thumb:active {
-   background-color: #008484;
-}
-
-thumb:hover {
-   background-color: #FFCF00;
-}
-
 slider {
    background-color: #000000;
 }
 
 
 
+