1 /******* Splitters *******/
8 margin: 0px 3px 0px 3px;
11 splitter[state="dragging"]
13 background-color: gray;
19 background-image: url("chrome://global/skin/grippy-vertical-before.gif");
20 background-repeat: no-repeat;
21 background-position: 50% 50%;
25 splitter[state="collapsed"] > grippy
27 background-image : url("chrome://global/skin/grippy-vertical-after.gif");
30 vbox > splitter > grippy,
31 box[orient="vertical"] > splitter > grippy,
32 window[orient="vertical"] > splitter > grippy {
33 /* a horizontal splitter */
34 background-image: url("chrome://global/skin/grippy-horizontal-after.gif");
36 border-right: 3px solid black;
37 border-left: 3px solid black;
42 vbox > splitter[state="collapsed"] > grippy,
43 box[orient="vertical"] > splitter[state="collapsed"] > grippy,
44 window[orient="vertical"] > splitter[state="collapsed"] > grippy {
45 background-image: url("chrome://global/skin/grippy-horizontal-before.gif");
48 window > splitter > grippy,
49 hbox > splitter > grippy,
50 box > splitter > grippy {
51 /* a vertical splitter */
54 border-top: 3px solid black;
55 border-bottom: 3px solid black;
59 box[orient="vertical"] > splitter,
60 window[orient="vertical"] > splitter,
62 /* a horizontal splitter */
65 margin: 3px 0px 3px 0px;
68 /* for backwards compatibility */
69 box[align="vertical"]>splitter > grippy,
70 window[align="vertical"]>splitter > grippy {
71 /* a horizontal splitter */
72 background-image: url("chrome://global/skin/grippy-horizontal-after.gif");
74 border-right: 3px solid black;
75 border-left: 3px solid black;
80 box[align="vertical"]>splitter[state="collapsed"] > grippy,
81 window[align="vertical"]>splitter[state="collapsed"] > grippy {
82 background-image: url("chrome://global/skin/grippy-horizontal-before.gif");
85 box[align="vertical"]>splitter,
86 window[align="vertical"]>splitter {
87 /* a horizontal splitter */
90 margin: 3px 0px 3px 0px;
94 * gray horizontal splitter for pane views
96 splitter.gray-horizontal-splitter {
99 margin: 3px 0px 3px 0px;
103 splitter.gray-horizontal-splitter > grippy {
106 border-right: 3px solid black;
107 border-left: 3px solid black;
109 background-image: url("chrome://global/skin/grippy-horizontal-after.gif");
112 splitter.gray-horizontal-splitter[state="collapsed"] > grippy {
113 background-image: url("chrome://global/skin/grippy-horizontal-before.gif");
117 splitter.gray-horizontal-splitter > #begincap {
120 background-image: url("chrome://global/skin/gray-bottomleft.gif");
121 background-repeat: no-repeat;
122 background-position: 0% 100%;
125 splitter.gray-horizontal-splitter > #endcap {