accomodate recent XUL 1.0 changes

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

/******* Splitters *******/

splitter 
  {
    cursor                : e-resize;
    background-color      : #CCD0DD;
    -moz-box-align        : center;
    -moz-box-pack         : center;
    padding               : 0px;
  }

splitter[state="dragging"]
  {
    background-color      : #999999;
  }

grippy
  {
    margin                : 0px;
    border                : 1px outset #CCD0DD;
    padding               : 0px;
    list-style-image      : url("chrome://global/skin/grippy-vertical-before.gif");
    cursor                : pointer;
  }

splitter[state="collapsed"] > grippy
  {
    list-style-image      : url("chrome://global/skin/grippy-vertical-after.gif");
  }

grippy:hover
  {
    background-color      : #99CCFF;
  }

grippy:hover:active
  {
    border                : 1px inset #CCD0DD;
  }

/* vertical splitters */
  window > splitter, box > splitter, hbox > splitter 
    {
      width               : 8px;
      border-left         : 1px solid #9999CC;
      border-right        : 1px solid #9999CC;
    }
  
/* horizontal splitters */  
  rows > splitter,
  window[orient="vertical"] > splitter,
  vbox > splitter,
  box[orient="vertical"] > splitter
    {
      cursor              : n-resize;
      border-top          : 1px solid #9999CC;
      border-bottom       : 1px solid #9999CC;
    }

  rows > splitter > grippy,
  window[orient="vertical"] > splitter > grippy,
  vbox > splitter > grippy,
  box[orient="vertical"] > splitter > grippy
    {
      list-style-image      : url("chrome://global/skin/grippy-horizontal-before.gif");
    }

  rows > splitter[state="collapsed"] > grippy,
  window[orient="vertical"] > splitter[state="collapsed"] > grippy,
  vbox > splitter[state="collapsed"] > grippy,
  box[orient="vertical"] > splitter[state="collapsed"] > grippy
    {
      list-style-image      : url("chrome://global/skin/grippy-horizontal-after.gif");
    }