resolving bugs 28, 29, 30, 31, 34, 35, 36 (both skins)
[themes.git] / EarlyBlue / global / skin / global.css
index 0f55fef988b4810e447ec8e16fad2da98dc330ff..0206eae7a1d0f9151636d7acc6cfddc3585fd437 100755 (executable)
-/** this should only contain XUL dialog and document window widget defaults. Defaults for widgets of\r
-    a particular application should be in that application's style sheet.\r
-       For example style definitions for navigator can be found in navigator.css\r
-\r
-   THIS FILE IS LOCKED DOWN.  YOU ARE NOT ALLOWED TO MODIFY IT WITHOUT FIRST HAVING YOUR\r
-   CHANGES REVIEWED BY hyatt@netscape.com.\r
-**/\r
-\r
-/* import the widget style sheets */\r
-\r
-/* all localizable skin settings shall live here */\r
-@import url(chrome://global/locale/intl.css);\r
-\r
-@import url(chrome://global/skin/box.css);\r
-@import url(chrome://global/skin/button.css);\r
-@import url(chrome://global/skin/checkbox.css);\r
-@import url(chrome://global/skin/radio.css);\r
-@import url(chrome://global/skin/tree.css);\r
-@import url(chrome://global/skin/splitter.css);\r
-@import url(chrome://global/skin/radio.css);\r
-@import url(chrome://global/skin/menubutton.css);\r
-@import url(chrome://global/skin/menulist.css);\r
-@import url(chrome://global/skin/menu.css);\r
-@import url(chrome://global/skin/formatting.css);\r
-@import url(chrome://global/skin/textfield.css);\r
-@import url(chrome://global/skin/tabcontrol.css);\r
-\r
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); \r
-@namespace html url("http://www.w3.org/1999/xhtml"); \r
-\r
-/**\r
- * XXX-DEBUG: HTML namespace/titledbutton striping. \r
- **/ \r
-  html|* \r
-    {\r
-      border              : 1px solid green !important;\r
-    }\r
-  \r
-  html|form \r
-    {\r
-      border              : none !important;\r
-    }\r
-  \r
-  titledbutton \r
-    {\r
-      border              : 1px solid purple !important;\r
-    }\r
-\r
-/**  \r
- * XUL <window> element\r
- **/\r
-  window \r
-    { \r
-      background-color    : #CCD0DD;\r
-      font                : 3mm tahoma,arial,helvetica,sans-serif;\r
-      padding             : 0px;\r
-    }\r
-  \r
-  window[wait-cursor] \r
-    { \r
-      cursor              : wait !important; \r
-    }\r
-  \r
-  window.dialog \r
-    { \r
-      background-color    : #CCD0DD;\r
-      padding             : 7px 5px 5px 5px;\r
-    }\r
-\r
-/**\r
- * XUL <box> debugging\r
- **/\r
-  :-moz-horizontal-box-debug \r
-    {\r
-      border              : 2px solid blue;\r
-      border-top-width    : 10px;\r
-      padding             : 2px;\r
-      margin              : 2px;\r
-      color               : white;\r
-    }\r
-  \r
-  :-moz-vertical-box-debug \r
-    {\r
-      border              : 2px solid red;\r
-      border-left-width   : 10px;\r
-      padding             : 2px;\r
-      margin              : 2px;\r
-      color               : white;\r
-    }\r
-\r
-/**\r
- * Utility icons (used for alert dialogs, etc)\r
- **/\r
-  .message-icon \r
-    {\r
-      list-style-image    : url("chrome://global/skin/message-icon.gif");\r
-    }\r
-\r
-  .alert-icon \r
-    {\r
-      list-style-image    : url("chrome://global/skin/alert-icon.gif");\r
-    }\r
-  \r
-  .error-icon \r
-    {\r
-      list-style-image    : url("chrome://global/skin/error-icon.gif");\r
-    }\r
-  \r
-  .question-icon \r
-    {\r
-      list-style-image    : url("chrome://global/skin/question-icon.gif");\r
-    }\r
-\r
-  statusbarpanel\r
-    {\r
-      padding             : 0px 1px 0px 1px;\r
-    }\r
-\r
-  .statusbar-panel-icon\r
-    {\r
-      margin              : 0px 2px 0px 0px;\r
-    }\r
-\r
-/**\r
- * status-bar\r
- */\r
-  #status-bar \r
-    {\r
-      border-top          : 1px solid #9999CC;\r
-      background-color    : #CCD0DD;\r
-      user-focus          : ignore;\r
-      overflow            : hidden\r
-    }\r
-\r
-  .statusbar-left\r
-    {\r
-      width               : 8px;\r
-      list-style-image    : url("chrome://global/skin/gray-bottomleft.gif");\r
-      background-position : bottom left;\r
-    }\r
-\r
-  .statusbar-right\r
-    {\r
-      width               : 8px;\r
-      list-style-image    : url("chrome://global/skin/gray-bottomright.gif");\r
-      background-position : bottom right;\r
-    }\r
-\r
-/**\r
- * html|iframe default sizing \r
- **/\r
-  html|iframe \r
-    {\r
-      min-width           : 10px;\r
-      min-height          : 10px;\r
-      width               : 100px;\r
-      height              : 100px;\r
-      border              : none;\r
-    }\r
-\r
-/** \r
- * XUL <progressmeter> \r
- **/\r
-  progressmeter[mode="undetermined"] > .progressmeter-internal-box\r
-    {\r
-      background-image    : url(chrome://global/skin/progressmeter-busy.gif);\r
-    }\r
\r
-  progressmeter[mode="undetermined"] > .progressmeter-internal-box > .progressmeter-stack > .progressmeter-progressbar {\r
-      visibility: collapse;\r
-  }\r
-\r
-  .progress-text \r
-    {\r
-      font-weight         : normal !important;\r
-    }\r
-  \r
-  progressmeter \r
-    {\r
-      min-width           : 100px;\r
-      margin              : 0px 4px 0px 4px;\r
-      border              : 1px inset #CCD0DD;\r
-    }\r
-\r
-  progressmeter > .progressmeter-internal-box \r
-    {\r
-      border              : 1px solid #000000;\r
-    }\r
-\r
-/* progress indicators */\r
-  .progress-bar \r
-    {\r
-           background-color    : #6699cc;\r
-      border-right        : 1px outset #6699cc;\r
-    }\r
-  \r
-  .progress-remainder \r
-    {\r
-           background-color    : #999999;\r
-    }\r
-\r
-  .progressmeter-statusbar \r
-    {\r
-      border              : 1px solid #9999CC;\r
-      margin              : 1px 4px 1px 4px;\r
-    }\r
-\r
-  .progressmeter-statusbar > .progressmeter-internal-box\r
-    {\r
-      border              : none;\r
-      padding             : 1px;\r
-    }\r
-    \r
-  .progressmeter-progressbar[statusbar="true"] > .progress-bar\r
-    {\r
-      background-color    : #9999CC;\r
-      border-right        : none;\r
-    }\r
-   \r
-  .progressmeter-progressbar[statusbar="true"] > .progress-remainder\r
-    {\r
-      background-color    : #CCD0DD;\r
-    }\r
-    \r
-/** XUL <scrollbar> element **/\r
-  scrollbar \r
-    { \r
-      user-focus          : ignore; \r
-    } \r
-\r
-\r
-/* XUL <colorpicker> pieces */\r
-.colorpickertile \r
-  {\r
-    width                 : 20px;\r
-    height                : 20px;\r
-    margin                : 1px;\r
-    border                : 1px inset #CCD0DD;\r
-  }\r
-\r
-.colorpickertile:hover \r
-  {\r
-    border                : 1px solid #FFFFFF;\r
-  }\r
-\r
-.colorpickertile[selected="true"] \r
-  {\r
-    border                : 1px solid #000000;\r
-  }\r
+/** this should only contain XUL dialog and document window widget defaults. Defaults for widgets of
+    a particular application should be in that application's style sheet.
+       For example style definitions for navigator can be found in navigator.css
+
+   THIS FILE IS LOCKED DOWN.  YOU ARE NOT ALLOWED TO MODIFY IT WITHOUT FIRST HAVING YOUR
+   CHANGES REVIEWED BY hyatt@netscape.com.
+**/
+
+/* import the widget style sheets */
+
+/* all localizable skin settings shall live here */
+@import url(chrome://global/locale/intl.css);
+
+@import url(chrome://global/skin/box.css);
+@import url(chrome://global/skin/button.css);
+@import url(chrome://global/skin/checkbox.css);
+@import url(chrome://global/skin/radio.css);
+@import url(chrome://global/skin/tree.css);
+@import url(chrome://global/skin/splitter.css);
+@import url(chrome://global/skin/radio.css);
+@import url(chrome://global/skin/menubutton.css);
+@import url(chrome://global/skin/menulist.css);
+@import url(chrome://global/skin/menu.css);
+@import url(chrome://global/skin/formatting.css);
+@import url(chrome://global/skin/textfield.css);
+@import url(chrome://global/skin/tabcontrol.css);
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 
+@namespace html url("http://www.w3.org/1999/xhtml"); 
+
+/**
+ * XXX-DEBUG: HTML namespace/titledbutton striping. 
+ **/ 
+  html|* 
+    {
+      border              : 1px solid green !important;
+    }
+  
+  html|form 
+    {
+      border              : none !important;
+    }
+  
+  titledbutton 
+    {
+      border              : 1px solid purple !important;
+    }
+
+/**  
+ * XUL <window> element
+ **/
+  window 
+    { 
+      background-color    : #CCD0DD;
+      font                : 3mm tahoma,arial,helvetica,sans-serif;
+      padding             : 0px;
+    }
+  
+  window[wait-cursor] 
+    { 
+      cursor              : wait !important; 
+    }
+  
+  window.dialog 
+    { 
+      background-color    : #CCD0DD;
+      padding             : 7px 5px 5px 5px;
+    }
+
+/**
+ * XUL <box> debugging
+ **/
+  :-moz-horizontal-box-debug 
+    {
+      border              : 2px solid blue;
+      border-top-width    : 10px;
+      padding             : 2px;
+      margin              : 2px;
+      color               : white;
+    }
+  
+  :-moz-vertical-box-debug 
+    {
+      border              : 2px solid red;
+      border-left-width   : 10px;
+      padding             : 2px;
+      margin              : 2px;
+      color               : white;
+    }
+
+/**
+ * Utility icons (used for alert dialogs, etc)
+ **/
+  .message-icon 
+    {
+      list-style-image    : url("chrome://global/skin/message-icon.gif");
+    }
+
+  .alert-icon 
+    {
+      list-style-image    : url("chrome://global/skin/alert-icon.gif");
+    }
+  
+  .error-icon 
+    {
+      list-style-image    : url("chrome://global/skin/error-icon.gif");
+    }
+  
+  .question-icon 
+    {
+      list-style-image    : url("chrome://global/skin/question-icon.gif");
+    }
+
+  statusbarpanel
+    {
+      padding             : 0px 1px 0px 1px;
+      vertical-align      : middle;
+    }
+
+  .statusbar-panel-icon
+    {
+      margin              : 0px 2px 0px 0px;
+    }
+
+/**
+ * status-bar
+ */
+  #status-bar 
+    {
+      border-top          : 1px solid #9999CC;
+      background-color    : #CCD0DD;
+      user-focus          : ignore;
+      overflow            : hidden
+    }
+
+  .statusbar-left
+    {
+      width               : 8px;
+      list-style-image    : url("chrome://global/skin/gray-bottomleft.gif");
+      background-position : bottom left;
+    }
+
+  .statusbar-right
+    {
+      width               : 8px;
+      list-style-image    : url("chrome://global/skin/gray-bottomright.gif");
+      background-position : bottom right;
+    }
+
+/**
+ * html|iframe default sizing 
+ **/
+  html|iframe 
+    {
+      min-width           : 10px;
+      min-height          : 10px;
+      width               : 100px;
+      height              : 100px;
+      border              : none;
+    }
+
+/** 
+ * XUL <progressmeter> 
+ **/
+  progressmeter[mode="undetermined"] > .progressmeter-internal-box
+    {
+      background-image    : url(chrome://global/skin/progressmeter-busy.gif);
+    }
+  progressmeter[mode="undetermined"] > .progressmeter-internal-box > .progressmeter-stack > .progressmeter-progressbar {
+      visibility: collapse;
+  }
+
+  .progress-text 
+    {
+      font-weight         : normal !important;
+    }
+  
+  progressmeter 
+    {
+      min-width           : 100px;
+      margin              : 0px 4px 0px 4px;
+      border              : 1px inset #CCD0DD;
+    }
+
+  progressmeter > .progressmeter-internal-box 
+    {
+      border              : 1px solid #000000;
+    }
+
+/* progress indicators */
+  .progress-bar 
+    {
+           background-color    : #6699cc;
+      border-right        : 1px outset #6699cc;
+    }
+  
+  .progress-remainder 
+    {
+           background-color    : #999999;
+    }
+
+  .progressmeter-statusbar 
+    {
+      border              : 1px solid #9999CC;
+      margin              : 1px 4px 1px 4px;
+    }
+
+  .progressmeter-statusbar > .progressmeter-internal-box
+    {
+      border              : none;
+      padding             : 1px;
+    }
+    
+  .progressmeter-progressbar[statusbar="true"] > .progress-bar
+    {
+      background-color    : #9999CC;
+      border-right        : none;
+    }
+   
+  .progressmeter-progressbar[statusbar="true"] > .progress-remainder
+    {
+      background-color    : #CCD0DD;
+    }
+    
+/** XUL <scrollbar> element **/
+  scrollbar 
+    { 
+      user-focus          : ignore; 
+    } 
+
+
+/* XUL <colorpicker> pieces */
+.colorpickertile 
+  {
+    width                 : 20px;
+    height                : 20px;
+    margin                : 1px;
+    border                : 1px inset #CCD0DD;
+  }
+
+.colorpickertile:hover 
+  {
+    border                : 1px solid #FFFFFF;
+  }
+
+.colorpickertile[selected="true"] 
+  {
+    border                : 1px solid #000000;
+  }
+