bug 77 css scoping - making skin work again

[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);

/* this seems to be excluded now! let's see what happens...

@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/outliner.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);
@import url(chrome://global/skin/toolbar.css);
@import url(chrome://global/skin/colorpicker.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
 **/

/*

  button, button.left
    {
      -moz-binding        : url("chrome://global/skin/buttonBindings.xml#buttonleft");
    }
 
  checkbox 
    {
      -moz-binding        : url("chrome://global/skin/classicBindings.xml#checkbox");
    }
 
  menulist 
    {
      -moz-binding        : url("chrome://global/skin/menulistBindings.xml#menulist");
    }
        
  menulist[editable="true"] 
    {
      -moz-binding          : url("chrome://global/skin/menulistBindings.xml#menulist-editable") !important;
    }
  
  menulist > menupopup,
  .menulist-menupopup
    {
      -moz-binding        : url("chrome://global/skin/menulistBindings.xml#menulistpopup");
    }

  .menulist-compact
    {
      -moz-binding        : url("chrome://global/skin/menulistBindings.xml#menulist-compact");
    }
    
  radio 
    {
      -moz-binding        : url("chrome://global/skin/classicBindings.xml#radio");
    }

  grippy, grippy[collapse="before"]
    {
      -moz-binding          : url("chrome://global/skin/classicBindings.xml#grippy");
    }
    
  window[orient="vertical"] > splitter,
  box[orient="vertical"] > splitter,
  window[align="vertical"] > splitter,
  box[align="vertical"] > splitter,
  vbox > splitter
    {
      -moz-binding        : url("chrome://global/skin/classicBindings.xml#splitter-hack");
    }

  tabs 
    {
      -moz-binding: url("chrome://global/skin/tabBindings.xml#tabs");
    }

  toolbargrippy
    {
      -moz-binding          : url("chrome://global/skin/classicBindings.xml#toolbargrippy");
    }

  toolbargrippy[tbgrippy-collapsed="true"] 
    {
      -moz-binding          : url("chrome://global/skin/classicBindings.xml#toolbargrippy-collapsed");
    }
*/


/**
 * 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
 */
  #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;
    }

  statusbarpanel
    {
      padding             : 0px 1px 0px 1px;
      vertical-align      : middle;
    }

  .statusbar-panel-icon
    {
      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;
  }