f6e0a33f |
1 | /******* Splitters *******/ |
2 | |
3 | /** |
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 |
6 | * these XUL elements. |
7 | */ |
8 | |
9 | splitter |
10 | { |
11 | cursor : e-resize; |
12 | background-color : #CCD0DD; |
13 | -moz-box-align : center; |
14 | -moz-box-pack : center; |
15 | border : none; |
16 | border-left : 1px solid #9999CC; |
17 | border-right : 1px solid #9999CC; |
18 | } |
19 | |
20 | grippy, grippy[collapse="before"] |
21 | { |
22 | background-color : #CCCCCC; |
23 | border : 1px outset #CCD0DD; |
24 | list-style-image : url("chrome://global/skin/grippy-vertical-before.gif"); |
25 | cursor : pointer; |
26 | min-height : 1px; |
27 | } |
28 | |
29 | grippy:hover |
30 | { |
31 | background-color : #99CCFF; |
32 | } |
33 | |
34 | grippy:hover:active |
35 | { |
36 | border : 1px inset #CCD0DD; |
37 | } |
38 | |
39 | splitter[state="collapsed"] > grippy |
40 | { |
41 | list-style-image : url("chrome://global/skin/grippy-vertical-after.gif"); |
42 | } |
43 | |
44 | .grippy-box |
45 | { |
46 | } |
47 | |
48 | .grippy-image |
49 | { |
50 | list-style-image : inherit; |
51 | } |
52 | |
53 | splitter[state="dragging"], |
54 | splitter:hover:active |
55 | { |
56 | background-color : #999999; |
57 | } |
58 | |
59 | rows > splitter |
60 | { |
61 | cursor : n-resize; |
62 | } |
63 | |
64 | window[orient="vertical"] > splitter, |
65 | box[orient="vertical"] > splitter, |
66 | vbox > splitter |
67 | { |
68 | cursor : n-resize; |
69 | border : none; |
70 | border-top : 1px solid #9999CC; |
71 | border-bottom : 1px solid #9999CC; |
72 | } |
73 | |
74 | /* Grippy alignment */ |
75 | |
76 | /* Vertical splitter (between two boxes, horizontally stacked), collapse to left */ |
77 | window > splitter > grippy, |
78 | box > splitter > grippy, |
79 | hbox > splitter > grippy |
80 | { |
81 | list-style-image : url("chrome://global/skin/grippy-vertical-before.gif"); |
82 | /* |
83 | border-left : 1px solid #9999CC; |
84 | border-right : 1px solid #9999CC; |
85 | */ |
86 | } |
87 | |
88 | window > splitter > grippy > .grippy-box, |
89 | box > splitter > grippy > .grippy-box, |
90 | hbox > splitter > grippy > .grippy-box |
91 | { |
92 | border-left : none; |
93 | border-right : none; |
94 | } |
95 | |
96 | window > splitter[state="collapsed"] > grippy, |
97 | box > splitter[state="collapsed"] > grippy, |
98 | hbox > splitter[state="collapsed"] > grippy |
99 | { |
100 | list-style-image : url("chrome://global/skin/grippy-vertical-after.gif"); |
101 | } |
102 | |
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 |
107 | { |
108 | list-style-image : url("chrome://global/skin/grippy-vertical-after.gif"); |
109 | } |
110 | |
111 | window > splitter[collapse="after"][state="collapsed"] > grippy, |
112 | box > splitter[collapse="after"][state="collapsed"] > grippy, |
113 | hbox > splitter[collapse="after"][state="collapsed"]> grippy |
114 | { |
115 | list-style-image : url("chrome://global/skin/grippy-vertical-before.gif"); |
116 | } |
117 | |
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 |
122 | { |
123 | list-style-image : url("chrome://global/skin/grippy-horizontal-before.gif"); |
124 | /* |
125 | border-top : 1px solid #9999CC; |
126 | border-bottom : 1px solid #9999CC; |
127 | */ |
128 | } |
129 | |
130 | window[orient="vertical"] > splitter > grippy > .grippy-box, |
131 | box[orient="vertical"] > splitter > grippy > .grippy-box, |
132 | vbox > splitter > grippy > .grippy-box |
133 | { |
134 | } |
135 | |
136 | window[orient="vertical"] > splitter[state="collapsed"] > grippy, |
137 | box[orient="vertical"] > splitter[state="collapsed"] > grippy, |
138 | vbox > splitter[state="collapsed"] > grippy |
139 | { |
140 | list-style-image : url("chrome://global/skin/grippy-horizontal-after.gif"); |
141 | } |
142 | |
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 |
147 | { |
148 | list-style-image : url("chrome://global/skin/grippy-horizontal-after.gif"); |
149 | } |
150 | |
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 |
154 | { |
155 | list-style-image : url("chrome://global/skin/grippy-horizontal-before.gif"); |
156 | } |
157 | |
158 | |
159 | |