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 : #CCD0DD;
13 -moz-box-align : center;
14 -moz-box-pack : center;
16 border-left : 1px solid #9999CC;
17 border-right : 1px solid #9999CC;
20 grippy, grippy[collapse="before"]
22 background-color : #CCCCCC;
23 border : 1px outset #CCD0DD;
24 list-style-image : url("chrome://global/skin/grippy-vertical-before.gif");
31 background-color : #99CCFF;
36 border : 1px inset #CCD0DD;
39 splitter[state="collapsed"] > grippy
41 list-style-image : url("chrome://global/skin/grippy-vertical-after.gif");
50 list-style-image : inherit;
53 splitter[state="dragging"],
56 background-color : #999999;
64 window[orient="vertical"] > splitter,
65 box[orient="vertical"] > splitter,
70 border-top : 1px solid #9999CC;
71 border-bottom : 1px solid #9999CC;
74 /* Grippy alignment */
76 /* Vertical splitter (between two boxes, horizontally stacked), collapse to left */
77 window > splitter > grippy,
78 box > splitter > grippy,
79 hbox > splitter > grippy
81 list-style-image : url("chrome://global/skin/grippy-vertical-before.gif");
83 border-left : 1px solid #9999CC;
84 border-right : 1px solid #9999CC;
88 window > splitter > grippy > .grippy-box,
89 box > splitter > grippy > .grippy-box,
90 hbox > splitter > grippy > .grippy-box
96 window > splitter[state="collapsed"] > grippy,
97 box > splitter[state="collapsed"] > grippy,
98 hbox > splitter[state="collapsed"] > grippy
100 list-style-image : url("chrome://global/skin/grippy-vertical-after.gif");
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
108 list-style-image : url("chrome://global/skin/grippy-vertical-after.gif");
111 window > splitter[collapse="after"][state="collapsed"] > grippy,
112 box > splitter[collapse="after"][state="collapsed"] > grippy,
113 hbox > splitter[collapse="after"][state="collapsed"]> grippy
115 list-style-image : url("chrome://global/skin/grippy-vertical-before.gif");
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
123 list-style-image : url("chrome://global/skin/grippy-horizontal-before.gif");
125 border-top : 1px solid #9999CC;
126 border-bottom : 1px solid #9999CC;
130 window[orient="vertical"] > splitter > grippy > .grippy-box,
131 box[orient="vertical"] > splitter > grippy > .grippy-box,
132 vbox > splitter > grippy > .grippy-box
136 window[orient="vertical"] > splitter[state="collapsed"] > grippy,
137 box[orient="vertical"] > splitter[state="collapsed"] > grippy,
138 vbox > splitter[state="collapsed"] > grippy
140 list-style-image : url("chrome://global/skin/grippy-horizontal-after.gif");
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
148 list-style-image : url("chrome://global/skin/grippy-horizontal-after.gif");
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
155 list-style-image : url("chrome://global/skin/grippy-horizontal-before.gif");