1 /******* Splitters *******/
\r
10 splitter[state="dragging"]
\r
12 background-color: gray;
\r
17 border: 1px outset #CCD0DD;
\r
19 background-color: #CCCCCC;
\r
20 background-image: url("chrome://global/skin/grippy-vertical-before.gif");
\r
21 background-repeat: no-repeat;
\r
22 background-position: 50% 50%;
\r
26 splitter[state="collapsed"] > grippy
\r
28 background-image : url("chrome://global/skin/grippy-vertical-after.gif");
\r
33 background-color : #99CCFF;
\r
36 grippy:hover:active{
\r
37 background-color: #99CCFF;
\r
40 box[orient="vertical"] > splitter > grippy,
\r
41 window[orient="vertical"] > splitter > grippy {
\r
42 /* a horizontal splitter */
\r
43 background-image: url("chrome://global/skin/grippy-horizontal-after.gif");
\r
48 box[orient="vertical"] > splitter[state="collapsed"] > grippy
\r
49 window[orient="vertical"] > splitter[state="collapsed"] > grippy {
\r
50 background-image: url("chrome://global/skin/grippy-horizontal-before.gif");
\r
53 window > splitter > grippy,
\r
54 box > splitter > grippy {
\r
55 /* a vertical splitter */
\r
60 box[orient="vertical"] > splitter,
\r
61 window[orient="vertical"] > splitter,
\r
63 /* a vertical splitter */
\r
67 /* for backwards compatibility */
\r
68 box[align="vertical"]>splitter > grippy,
\r
69 window[align="vertical"]>splitter > grippy {
\r
70 /* a horizontal splitter */
\r
71 background-image: url("chrome://global/skin/grippy-horizontal-after.gif");
\r
76 box[align="vertical"]>splitter[state="collapsed"] > grippy,
\r
77 window[align="vertical"]>splitter[state="collapsed"] > grippy {
\r
78 background-image: url("chrome://global/skin/grippy-horizontal-before.gif");
\r
81 box[align="vertical"]>splitter,
\r
82 window[align="vertical"]>splitter {
\r
83 /* a vertical splitter */
\r
88 * gray horizontal splitter for pane views
\r
90 splitter.gray-horizontal-splitter {
\r
92 background-color: #CCD0DD;
\r
94 border-top: 1px solid #9999CC;
\r
95 border-bottom: 1px solid #9999CC;
\r
99 splitter.gray-horizontal-splitter > grippy {
\r
101 border: 1px outset #CCD0DD;
\r
103 background-color: #CCCCCC;
\r
104 background-image: url("chrome://global/skin/grippy-horizontal-after.gif");
\r
107 splitter.gray-horizontal-splitter[state="collapsed"] > grippy {
\r
108 background-image: url("chrome://global/skin/grippy-horizontal-before.gif");
\r
111 splitter.gray-horizontal-splitter > grippy:hover {
\r
112 background-color: #99CCFF;
\r
115 splitter.gray-horizontal-splitter > grippy:active {
\r
116 border: 1px inset #CCD0DD;
\r
117 background-color: #99CCFF;
\r
121 splitter.gray-horizontal-splitter > #begincap {
\r
124 background-image: url("chrome://global/skin/gray-bottomleft.gif");
\r
125 background-repeat: no-repeat;
\r
126 background-position: 0% 100%;
\r
129 splitter.gray-horizontal-splitter > #endcap {
\r