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 splitter[orient="vertical"]
81 border-left : 3px solid black;
82 border-right : 3px solid black;
83 margin : 3px 0px 3px 0px;
86 /* Grippy alignment */
88 /* Vertical splitter (between two boxes, horizontally stacked), collapse to left */
91 list-style-image : url("chrome://global/skin/grippy-vertical-before.gif");
94 splitter > grippy > .grippy-box
100 splitter[state="collapsed"] > grippy
102 list-style-image : url("chrome://global/skin/grippy-vertical-after.gif");
105 /* Vertical splitter (between two boxes, horizontally stacked), collapse to right */
106 splitter[collapse="after"] > grippy
108 list-style-image : url("chrome://global/skin/grippy-vertical-after.gif");
111 splitter[collapse="after"][state="collapsed"] > grippy
113 list-style-image : url("chrome://global/skin/grippy-vertical-before.gif");
116 /* Horizontal splitter (between two boxes, vertically stacked), collapse to left */
117 splitter[orient="vertical"] > grippy
119 list-style-image : url("chrome://global/skin/grippy-horizontal-before.gif");
120 -moz-box-align : center;
121 -moz-box-pack : center;
123 border-left : 3px solid black;
124 border-right : 3px solid black;
127 splitter[orient="vertical"] > grippy > .grippy-box
131 splitter[state="collapsed"][orient="vertical"] > grippy
133 list-style-image : url("chrome://global/skin/grippy-horizontal-after.gif");
136 /* Horizontal splitter (between two boxes, vertically stacked), collapse to right */
137 splitter[collapse="after"][orient="vertical"] > grippy
139 list-style-image : url("chrome://global/skin/grippy-horizontal-after.gif");
142 splitter[collapse="after"][state="collapsed"][orient="vertical"] > grippy
144 list-style-image : url("chrome://global/skin/grippy-horizontal-before.gif");