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 splitter[orient="vertical"]
68 border-top : 1px solid #9999CC;
69 border-bottom : 1px solid #9999CC;
72 /* Grippy alignment */
74 /* Vertical splitter (between two boxes, horizontally stacked), collapse to left */
77 list-style-image : url("chrome://global/skin/grippy-vertical-before.gif");
79 border-left : 1px solid #9999CC;
80 border-right : 1px solid #9999CC;
84 splitter > grippy > .grippy-box
90 splitter[state="collapsed"] > grippy
92 list-style-image : url("chrome://global/skin/grippy-vertical-after.gif");
95 /* Vertical splitter (between two boxes, horizontally stacked), collapse to right */
96 splitter[collapse="after"] > grippy
98 list-style-image : url("chrome://global/skin/grippy-vertical-after.gif");
101 splitter[collapse="after"][state="collapsed"] > grippy
103 list-style-image : url("chrome://global/skin/grippy-vertical-before.gif");
106 /* Horizontal splitter (between two boxes, vertically stacked), collapse to left */
107 splitter[orient="vertical"] > grippy
109 list-style-image : url("chrome://global/skin/grippy-horizontal-before.gif");
111 border-top : 1px solid #9999CC;
112 border-bottom : 1px solid #9999CC;
116 splitter[orient="vertical"] > grippy > .grippy-box
120 splitter[state="collapsed"][orient="vertical"] > grippy
122 list-style-image : url("chrome://global/skin/grippy-horizontal-after.gif");
125 /* Horizontal splitter (between two boxes, vertically stacked), collapse to right */
126 splitter[collapse="after"][orient="vertical"] > grippy
128 list-style-image : url("chrome://global/skin/grippy-horizontal-after.gif");
131 splitter[collapse="after"][state="collapsed"][orient="vertical"] > grippy
133 list-style-image : url("chrome://global/skin/grippy-horizontal-before.gif");