EarlyBlue/global/skin/splitter.css

   1 /******* Splitters *******/
   2
   3 splitter
   4   {
   5     cursor                : e-resize;
   6     background-color      : #CCD0DD;
   7     vertical-align        : middle;
   8     text-align            : center;
   9     padding               : 0px;
  10   }
  11
  12 splitter[state="dragging"]
  13   {
  14     background-color      : #999999;
  15   }
  16
  17 grippy
  18   {
  19     margin                : 0px;
  20     border                : 1px outset #CCD0DD;
  21     padding               : 0px;
  22     list-style-image      : url("chrome://global/skin/grippy-vertical-before.gif");
  23     cursor                : pointer;
  24   }
  25
  26 splitter[state="collapsed"] > grippy
  27   {
  28     list-style-image      : url("chrome://global/skin/grippy-vertical-after.gif");
  29   }
  30
  31 grippy:hover
  32   {
  33     background-color      : #99CCFF;
  34   }
  35
  36 grippy:hover:active
  37   {
  38     border                : 1px inset #CCD0DD;
  39   }
  40
  41 /* vertical splitters */
  42   window > splitter, box > splitter, hbox > splitter
  43     {
  44       width               : 8px;
  45       border-left         : 1px solid #9999CC;
  46       border-right        : 1px solid #9999CC;
  47     }
  48
  49 /* horizontal splitters */
  50   /* XXX we should comment out the 'align' support to force people to migrate
  51          to 'orient' */
  52   rows > splitter,
  53   window[orient="vertical"] > splitter,
  54   vbox > splitter,
  55   box[orient="vertical"] > splitter,
  56   window[align="vertical"] > splitter,
  57   box[align="vertical"] > splitter
  58     {
  59       cursor              : n-resize;
  60       border-top          : 1px solid #9999CC;
  61       border-bottom       : 1px solid #9999CC;
  62     }
  63
  64   rows > splitter > grippy,
  65   window[orient="vertical"] > splitter > grippy,
  66   vbox > splitter > grippy,
  67   box[orient="vertical"] > splitter > grippy,
  68   window[align="vertical"] > splitter > grippy,
  69   box[align="vertical"] > splitter > grippy
  70     {
  71       list-style-image      : url("chrome://global/skin/grippy-horizontal-before.gif");
  72     }
  73
  74