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   splitter[orient="vertical"]
  78     {
  79       cursor              : n-resize;
  80       border              : none;
  81       border-left         : 3px solid black;
  82       border-right        : 3px solid black;
  83       margin              : 3px 0px 3px 0px;
  84     }
  85
  86 /* Grippy alignment */
  87
  88 /* Vertical splitter (between two boxes, horizontally stacked), collapse to left */
  89   splitter > grippy
  90     {
  91       list-style-image    : url("chrome://global/skin/grippy-vertical-before.gif");
  92     }
  93
  94   splitter > grippy > .grippy-box
  95     {
  96       border-left         : none;
  97       border-right        : none;
  98     }
  99
 100   splitter[state="collapsed"] > grippy
 101     {
 102       list-style-image    : url("chrome://global/skin/grippy-vertical-after.gif");
 103     }
 104
 105 /* Vertical splitter (between two boxes, horizontally stacked), collapse to right */
 106   splitter[collapse="after"] > grippy
 107     {
 108       list-style-image    : url("chrome://global/skin/grippy-vertical-after.gif");
 109     }
 110
 111   splitter[collapse="after"][state="collapsed"] > grippy
 112     {
 113       list-style-image    : url("chrome://global/skin/grippy-vertical-before.gif");
 114     }
 115
 116 /* Horizontal splitter (between two boxes, vertically stacked), collapse to left */
 117   splitter[orient="vertical"] > grippy
 118     {
 119       list-style-image    : url("chrome://global/skin/grippy-horizontal-before.gif");
 120       -moz-box-align      : center;
 121       -moz-box-pack       : center;
 122       border              : none;
 123       border-left         : 3px solid black;
 124       border-right        : 3px solid black;
 125     }
 126
 127   splitter[orient="vertical"] > grippy > .grippy-box
 128     {
 129     }
 130
 131   splitter[state="collapsed"][orient="vertical"] > grippy
 132     {
 133       list-style-image    : url("chrome://global/skin/grippy-horizontal-after.gif");
 134     }
 135
 136 /* Horizontal splitter (between two boxes, vertically stacked), collapse to right */
 137   splitter[collapse="after"][orient="vertical"] > grippy
 138     {
 139       list-style-image    : url("chrome://global/skin/grippy-horizontal-after.gif");
 140     }
 141
 142   splitter[collapse="after"][state="collapsed"][orient="vertical"] > grippy
 143     {
 144       list-style-image    : url("chrome://global/skin/grippy-horizontal-before.gif");
 145     }