coloring statusbar like taskbar was previously

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

/** 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/formatting.css");
/*
@import url("chrome://global/content/bindings/outliner.css");
@import url("chrome://global/content/bindings/popup.css");
@import url("chrome://global/content/bindings/scrollbar.css");
@import url("chrome://global/content/bindings/tree.css");

@import url("chrome://global/skin/button.css");
@import url("chrome://global/skin/checkbox.css");
@import url("chrome://global/skin/colorpicker.css");
@import url("chrome://global/skin/menu.css");
@import url("chrome://global/skin/menubutton.css");
@import url("chrome://global/skin/menulist.css");
@import url("chrome://global/skin/outliner.css");
@import url("chrome://global/skin/popup.css");
@import url("chrome://global/skin/progressmeter.css");
@import url("chrome://global/skin/radio.css");
@import url("chrome://global/skin/scrollbox.css");
@import url("chrome://global/skin/splitter.css");
@import url("chrome://global/skin/tabcontrol.css");
@import url("chrome://global/skin/textbox.css");
@import url("chrome://global/skin/toolbar.css");
@import url("chrome://global/skin/tree.css");
*/

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 


/**  
 * bindings
 **/

/* EarlyBlue does currently not need any bindings here, if we once do, see sample in Classic */


/**
 * 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;
      color               : black;
      font                : 3mm helvetica,arial,tahoma,sans-serif;
      padding             : 0px;
      -moz-user-focus     : ignore;
    }
  
  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");
    }

/**
 * status-bar
 */
  statusbar 
    {
      border-top          : 1px solid #9999CC;
      background-color    : #666699;
      color               : #CCD0DD;
      user-focus          : ignore;
      overflow            : hidden
    }

  statusbarpanel, .statusbar-panel
    {
      padding             : 0px 1px 0px 1px;
      vertical-align      : middle;
    }

  .statusbarpanel-icononly
    {
      padding             : 0px;
    }    
    
  .statusbar-panel-icon
    {
      list-style-image    : inherit;
      margin              : 0px 2px 0px 0px;
    }      

/**
 * iframe default sizing 
 **/
  iframe 
    {
      min-width           : 10px;
      min-height          : 10px;
      width               : 100px;
      height              : 100px;
      border              : none;
    }


.tooltip-label
  {
    margin                : 0px;
  }