1 /******* Splitters *******/
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
12 background-color : #9C9CFF;
13 -moz-box-align : center;
14 -moz-box-pack : center;
16 border-top : 3px solid black;
17 border-bottom : 3px solid black;
20 margin : 0px 3px 0px 3px;
23 /* This takes margin away from outliner header splitters, else they look ugly! */
24 splitter.tree-splitter {
28 grippy, grippy[collapse="before"]
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;
44 background-color : #FFCF00;
52 splitter[state="collapsed"] > grippy
54 list-style-image : url("chrome://global/skin/grippy-vertical-after.gif");
63 list-style-image : inherit;
66 splitter[state="dragging"],
69 background-color : #FFCF00;
77 window[orient="vertical"] > splitter,
78 box[orient="vertical"] > splitter,
83 border-left : 3px solid black;
84 border-right : 3px solid black;
85 margin : 3px 0px 3px 0px;
88 /* Grippy alignment */
90 /* Vertical splitter (between two boxes, horizontally stacked), collapse to left */
91 window > splitter > grippy,
92 box > splitter > grippy,
93 hbox > splitter > grippy
95 list-style-image : url("chrome://global/skin/grippy-vertical-before.gif");
98 window > splitter > grippy > .grippy-box,
99 box > splitter > grippy > .grippy-box,
100 hbox > splitter > grippy > .grippy-box
106 window > splitter[state="collapsed"] > grippy,
107 box > splitter[state="collapsed"] > grippy,
108 hbox > splitter[state="collapsed"] > grippy
110 list-style-image : url("chrome://global/skin/grippy-vertical-after.gif");
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
118 list-style-image : url("chrome://global/skin/grippy-vertical-after.gif");
121 window > splitter[collapse="after"][state="collapsed"] > grippy,
122 box > splitter[collapse="after"][state="collapsed"] > grippy,
123 hbox > splitter[collapse="after"][state="collapsed"]> grippy
125 list-style-image : url("chrome://global/skin/grippy-vertical-before.gif");
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
133 list-style-image : url("chrome://global/skin/grippy-horizontal-before.gif");
134 -moz-box-align : center;
135 -moz-box-pack : center;
137 border-left : 3px solid black;
138 border-right : 3px solid black;
141 window[orient="vertical"] > splitter > grippy > .grippy-box,
142 box[orient="vertical"] > splitter > grippy > .grippy-box,
143 vbox > splitter > grippy > .grippy-box
147 window[orient="vertical"] > splitter[state="collapsed"] > grippy,
148 box[orient="vertical"] > splitter[state="collapsed"] > grippy,
149 vbox > splitter[state="collapsed"] > grippy
151 list-style-image : url("chrome://global/skin/grippy-horizontal-after.gif");
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
159 list-style-image : url("chrome://global/skin/grippy-horizontal-after.gif");
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
166 list-style-image : url("chrome://global/skin/grippy-horizontal-before.gif");