bugs 28, 30, and partly fix for 29 -- all EarlyBlue only

[themes.git] / EarlyBlue / global / skin / global.css

/** 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