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   splitter[orient="vertical"]
  65     {
  66       cursor              : n-resize;
  67       border              : none;
  68       border-top          : 1px solid #9999CC;
  69       border-bottom       : 1px solid #9999CC;
  70     }
  71
  72 /* Grippy alignment */
  73
  74 /* Vertical splitter (between two boxes, horizontally stacked), collapse to left */
  75   splitter > grippy
  76     {
  77       list-style-image    : url("chrome://global/skin/grippy-vertical-before.gif");
  78 /*
  79       border-left         : 1px solid #9999CC;
  80       border-right        : 1px solid #9999CC;
  81 */
  82     }
  83
  84   splitter > grippy > .grippy-box
  85     {
  86       border-left         : none;
  87       border-right        : none;
  88     }
  89
  90   splitter[state="collapsed"] > grippy
  91     {
  92       list-style-image    : url("chrome://global/skin/grippy-vertical-after.gif");
  93     }
  94
  95 /* Vertical splitter (between two boxes, horizontally stacked), collapse to right */
  96   splitter[collapse="after"] > grippy
  97     {
  98       list-style-image    : url("chrome://global/skin/grippy-vertical-after.gif");
  99     }
 100
 101   splitter[collapse="after"][state="collapsed"] > grippy
 102     {
 103       list-style-image    : url("chrome://global/skin/grippy-vertical-before.gif");
 104     }
 105
 106 /* Horizontal splitter (between two boxes, vertically stacked), collapse to left */
 107   splitter[orient="vertical"] > grippy
 108     {
 109       list-style-image    : url("chrome://global/skin/grippy-horizontal-before.gif");
 110 /*
 111       border-top          : 1px solid #9999CC;
 112       border-bottom       : 1px solid #9999CC;
 113 */
 114     }
 115
 116   splitter[orient="vertical"] > grippy > .grippy-box
 117     {
 118     }
 119
 120   splitter[state="collapsed"][orient="vertical"] > grippy
 121     {
 122       list-style-image    : url("chrome://global/skin/grippy-horizontal-after.gif");
 123     }
 124
 125 /* Horizontal splitter (between two boxes, vertically stacked), collapse to right */
 126   splitter[collapse="after"][orient="vertical"] > grippy
 127     {
 128       list-style-image    : url("chrome://global/skin/grippy-horizontal-after.gif");
 129     }
 130
 131   splitter[collapse="after"][state="collapsed"][orient="vertical"] > grippy
 132     {
 133       list-style-image    : url("chrome://global/skin/grippy-horizontal-before.gif");
 134     }
 135