EarlyBlue/global/skin/splitter.css

   1 /******* Splitters *******/
   2
   3 splitter
   4   {
   5     cursor                : e-resize;
   6     background-color      : #CCD0DD;
   7     -moz-box-align        : center;
   8     -moz-box-pack         : 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   rows > splitter,
  51   window[orient="vertical"] > splitter,
  52   vbox > splitter,
  53   box[orient="vertical"] > splitter
  54     {
  55       cursor              : n-resize;
  56       border-top          : 1px solid #9999CC;
  57       border-bottom       : 1px solid #9999CC;
  58     }
  59
  60   rows > splitter > grippy,
  61   window[orient="vertical"] > splitter > grippy,
  62   vbox > splitter > grippy,
  63   box[orient="vertical"] > splitter > grippy
  64     {
  65       list-style-image      : url("chrome://global/skin/grippy-horizontal-before.gif");
  66     }
  67
  68   rows > splitter[state="collapsed"] > grippy,
  69   window[orient="vertical"] > splitter[state="collapsed"] > grippy,
  70   vbox > splitter[state="collapsed"] > grippy,
  71   box[orient="vertical"] > splitter[state="collapsed"] > grippy
  72     {
  73       list-style-image      : url("chrome://global/skin/grippy-horizontal-after.gif");
  74     }