adding/improving drag&drop highlighting on trees and cleaning up

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

/******* Splitters *******/\r
\r
splitter \r
  {\r
    cursor                : e-resize;\r
    background-color      : #CCD0DD;\r
    vertical-align        : middle;\r
    text-align            : center;\r
    padding               : 0px;\r
  }\r
\r
splitter[state="dragging"]\r
  {\r
    background-color      : #999999;\r
  }\r
\r
grippy\r
  {\r
    margin                : 0px;\r
    border                : 1px outset #CCD0DD;\r
    padding               : 0px;\r
    list-style-image      : url("chrome://global/skin/grippy-vertical-before.gif");\r
    cursor                : pointer;\r
  }\r
\r
splitter[state="collapsed"] > grippy\r
  {\r
    list-style-image      : url("chrome://global/skin/grippy-vertical-after.gif");\r
  }\r
\r
grippy:hover\r
  {\r
    background-color      : #99CCFF;\r
  }\r
\r
grippy:hover:active\r
  {\r
    border                : 1px inset #CCD0DD;\r
  }\r
\r
/* vertical splitters */\r
  window > splitter, box > splitter \r
    {\r
      width               : 8px;\r
      border-left         : 1px solid #9999CC;\r
      border-right        : 1px solid #9999CC;\r
    }\r
  \r
/* horizontal splitters */  \r
  /* XXX we should comment out the 'align' support to force people to migrate \r
         to 'orient' */\r
  rows > splitter,\r
  window[orient="vertical"] > splitter,\r
  box[orient="vertical"] > splitter,\r
  window[align="vertical"] > splitter,\r
  box[align="vertical"] > splitter\r
    {\r
      cursor              : n-resize;\r
      border-top          : 1px solid #9999CC;\r
      border-right        : 1px solid #9999CC;\r
    }\r
\r
  rows > splitter > grippy,\r
  window[orient="vertical"] > splitter grippy,\r
  box[orient="vertical"] > splitter grippy,\r
  window[align="vertical"] > splitter grippy,\r
  box[align="vertical"] > splitter grippy\r
    {\r
      list-style-image      : url("chrome://global/skin/grippy-vertical-before.gif");\r
    }