EarlyBlue/skin/EarlyBlue/global/splitter.css

   1 /******* Splitters *******/
   2
   3 /**
   4  * XXX - We want to deprecate all usages of 'box' in this file and replace with
   5  *       vbox/hbox. This should happen after the chrome is converted to use
   6  *       these XUL elements.
   7  */
   8
   9   splitter
  10     {
  11       cursor                : e-resize;
  12       background-color      : #CCD0DD;
  13       -moz-box-align        : center;
  14       -moz-box-pack         : center;
  15       border                : none;
  16       border-left           : 1px solid #9999CC;
  17       border-right          : 1px solid #9999CC;
  18     }
  19
  20   grippy, grippy[collapse="before"]
  21     {
  22       background-color      : #CCCCCC;
  23       border                : 1px outset #CCD0DD;
  24       list-style-image      : url("chrome://global/skin/grippy-vertical-before.gif");
  25       cursor                : pointer;
  26       min-height            : 1px;
  27     }
  28
  29   grippy:hover
  30     {
  31       background-color      : #99CCFF;
  32     }
  33
  34   grippy:hover:active
  35     {
  36       border                : 1px inset #CCD0DD;
  37     }
  38
  39   splitter[state="collapsed"] > grippy
  40     {
  41       list-style-image      : url("chrome://global/skin/grippy-vertical-after.gif");
  42     }
  43
  44   .grippy-box
  45     {
  46     }
  47
  48   .grippy-image
  49     {
  50       list-style-image      : inherit;
  51     }
  52
  53   splitter[state="dragging"],
  54   splitter:hover:active
  55     {
  56       background-color      : #999999;
  57     }
  58
  59   rows > splitter
  60     {
  61       cursor              : n-resize;
  62     }
  63
  64   window[orient="vertical"] > splitter,
  65   box[orient="vertical"] > splitter,
  66   vbox > splitter
  67     {
  68       cursor              : n-resize;
  69       border              : none;
  70       border-top          : 1px solid #9999CC;
  71       border-bottom       : 1px solid #9999CC;
  72     }
  73
  74 /* Grippy alignment */
  75
  76 /* Vertical splitter (between two boxes, horizontally stacked), collapse to left */
  77   window > splitter > grippy,
  78   box > splitter > grippy,
  79   hbox > splitter > grippy
  80     {
  81       list-style-image    : url("chrome://global/skin/grippy-vertical-before.gif");
  82 /*
  83       border-left         : 1px solid #9999CC;
  84       border-right        : 1px solid #9999CC;
  85 */
  86     }
  87
  88   window > splitter > grippy > .grippy-box,
  89   box > splitter > grippy > .grippy-box,
  90   hbox > splitter > grippy > .grippy-box
  91     {
  92       border-left         : none;
  93       border-right        : none;
  94     }
  95
  96   window > splitter[state="collapsed"] > grippy,
  97   box > splitter[state="collapsed"] > grippy,
  98   hbox > splitter[state="collapsed"] > grippy
  99     {
 100       list-style-image    : url("chrome://global/skin/grippy-vertical-after.gif");
 101     }
 102
 103 /* Vertical splitter (between two boxes, horizontally stacked), collapse to right */
 104   window > splitter[collapse="after"] > grippy,
 105   box > splitter[collapse="after"] > grippy,
 106   hbox > splitter[collapse="after"] > grippy
 107     {
 108       list-style-image    : url("chrome://global/skin/grippy-vertical-after.gif");
 109     }
 110
 111   window > splitter[collapse="after"][state="collapsed"] > grippy,
 112   box > splitter[collapse="after"][state="collapsed"] > grippy,
 113   hbox > splitter[collapse="after"][state="collapsed"]> grippy
 114     {
 115       list-style-image    : url("chrome://global/skin/grippy-vertical-before.gif");
 116     }
 117
 118 /* Horizontal splitter (between two boxes, vertically stacked), collapse to left */
 119   window[orient="vertical"] > splitter > grippy,
 120   box[orient="vertical"] > splitter > grippy,
 121   vbox > splitter > grippy
 122     {
 123       list-style-image    : url("chrome://global/skin/grippy-horizontal-before.gif");
 124 /*
 125       border-top          : 1px solid #9999CC;
 126       border-bottom       : 1px solid #9999CC;
 127 */
 128     }
 129
 130   window[orient="vertical"] > splitter > grippy > .grippy-box,
 131   box[orient="vertical"] > splitter > grippy > .grippy-box,
 132   vbox > splitter > grippy > .grippy-box
 133     {
 134     }
 135
 136   window[orient="vertical"] > splitter[state="collapsed"] > grippy,
 137   box[orient="vertical"] > splitter[state="collapsed"] > grippy,
 138   vbox > splitter[state="collapsed"] > grippy
 139     {
 140       list-style-image    : url("chrome://global/skin/grippy-horizontal-after.gif");
 141     }
 142
 143 /* Horizontal splitter (between two boxes, vertically stacked), collapse to right */
 144   window[orient="vertical"] > splitter[collapse="after"] > grippy,
 145   box[orient="vertical"] > splitter[collapse="after"] > grippy,
 146   vbox > splitter[collapse="after"] > grippy
 147     {
 148       list-style-image    : url("chrome://global/skin/grippy-horizontal-after.gif");
 149     }
 150
 151   window[orient="vertical"] > splitter[collapse="after"][state="collapsed"] > grippy,
 152   box[orient="vertical"] > splitter[collapse="after"][state="collapsed"] > grippy,
 153   vbox > splitter[collapse="after"][state="collapsed"] > grippy
 154     {
 155       list-style-image    : url("chrome://global/skin/grippy-horizontal-before.gif");
 156     }
 157
 158
 159