LCARStrek/skin/LCARStrek/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      : #9C9CFF;
  13       -moz-box-align        : center;
  14       -moz-box-pack         : center;
  15       border                : none;
  16       border-top            : 3px solid black;
  17       border-bottom         : 3px solid black;
  18       min-width             : 6px;
  19       min-height            : 6px;
  20       margin                : 0px 3px 0px 3px;
  21     }
  22
  23   /* This takes margin away from outliner header splitters, else they look ugly! */
  24   splitter.tree-splitter {
  25       margin                : 0px;
  26   }
  27
  28   grippy, grippy[collapse="before"]
  29     {
  30       border                : none;
  31       border-top            : 3px solid black;
  32       border-bottom         : 3px solid black;
  33       list-style-image      : url("chrome://global/skin/grippy-vertical-before.gif");
  34       -moz-box-align        : center;
  35       -moz-box-pack         : center;
  36       cursor                : pointer;
  37       min-width             : 6px;
  38       min-height            : 6px;
  39       padding               : 1px;
  40     }
  41
  42   grippy:hover
  43     {
  44       background-color      : #FFCF00;
  45     }
  46
  47   grippy:hover:active
  48     {
  49       border                : none;
  50     }
  51
  52   splitter[state="collapsed"] > grippy
  53     {
  54       list-style-image      : url("chrome://global/skin/grippy-vertical-after.gif");
  55     }
  56
  57   .grippy-box
  58     {
  59     }
  60
  61   .grippy-image
  62     {
  63       list-style-image      : inherit;
  64     }
  65
  66   splitter[state="dragging"],
  67   splitter:hover:active
  68     {
  69       background-color      : #FFCF00;
  70     }
  71
  72   rows > splitter
  73     {
  74       cursor              : n-resize;
  75     }
  76
  77   window[orient="vertical"] > splitter,
  78   box[orient="vertical"] > splitter,
  79   vbox > splitter
  80     {
  81       cursor              : n-resize;
  82       border              : none;
  83       border-left         : 3px solid black;
  84       border-right        : 3px solid black;
  85       margin              : 3px 0px 3px 0px;
  86     }
  87
  88 /* Grippy alignment */
  89
  90 /* Vertical splitter (between two boxes, horizontally stacked), collapse to left */
  91   window > splitter > grippy,
  92   box > splitter > grippy,
  93   hbox > splitter > grippy
  94     {
  95       list-style-image    : url("chrome://global/skin/grippy-vertical-before.gif");
  96     }
  97
  98   window > splitter > grippy > .grippy-box,
  99   box > splitter > grippy > .grippy-box,
 100   hbox > splitter > grippy > .grippy-box
 101     {
 102       border-left         : none;
 103       border-right        : none;
 104     }
 105
 106   window > splitter[state="collapsed"] > grippy,
 107   box > splitter[state="collapsed"] > grippy,
 108   hbox > splitter[state="collapsed"] > grippy
 109     {
 110       list-style-image    : url("chrome://global/skin/grippy-vertical-after.gif");
 111     }
 112
 113 /* Vertical splitter (between two boxes, horizontally stacked), collapse to right */
 114   window > splitter[collapse="after"] > grippy,
 115   box > splitter[collapse="after"] > grippy,
 116   hbox > splitter[collapse="after"] > grippy
 117     {
 118       list-style-image    : url("chrome://global/skin/grippy-vertical-after.gif");
 119     }
 120
 121   window > splitter[collapse="after"][state="collapsed"] > grippy,
 122   box > splitter[collapse="after"][state="collapsed"] > grippy,
 123   hbox > splitter[collapse="after"][state="collapsed"]> grippy
 124     {
 125       list-style-image    : url("chrome://global/skin/grippy-vertical-before.gif");
 126     }
 127
 128 /* Horizontal splitter (between two boxes, vertically stacked), collapse to left */
 129   window[orient="vertical"] > splitter > grippy,
 130   box[orient="vertical"] > splitter > grippy,
 131   vbox > splitter > grippy
 132     {
 133       list-style-image    : url("chrome://global/skin/grippy-horizontal-before.gif");
 134       -moz-box-align      : center;
 135       -moz-box-pack       : center;
 136       border              : none;
 137       border-left         : 3px solid black;
 138       border-right        : 3px solid black;
 139     }
 140
 141   window[orient="vertical"] > splitter > grippy > .grippy-box,
 142   box[orient="vertical"] > splitter > grippy > .grippy-box,
 143   vbox > splitter > grippy > .grippy-box
 144     {
 145     }
 146
 147   window[orient="vertical"] > splitter[state="collapsed"] > grippy,
 148   box[orient="vertical"] > splitter[state="collapsed"] > grippy,
 149   vbox > splitter[state="collapsed"] > grippy
 150     {
 151       list-style-image    : url("chrome://global/skin/grippy-horizontal-after.gif");
 152     }
 153
 154 /* Horizontal splitter (between two boxes, vertically stacked), collapse to right */
 155   window[orient="vertical"] > splitter[collapse="after"] > grippy,
 156   box[orient="vertical"] > splitter[collapse="after"] > grippy,
 157   vbox > splitter[collapse="after"] > grippy
 158     {
 159       list-style-image    : url("chrome://global/skin/grippy-horizontal-after.gif");
 160     }
 161
 162   window[orient="vertical"] > splitter[collapse="after"][state="collapsed"] > grippy,
 163   box[orient="vertical"] > splitter[collapse="after"][state="collapsed"] > grippy,
 164   vbox > splitter[collapse="after"][state="collapsed"] > grippy
 165     {
 166       list-style-image    : url("chrome://global/skin/grippy-horizontal-before.gif");
 167     }
 168