3c30e09e |
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 : #9C9CFF; |
13 | -moz-box-align : center; |
14 | -moz-box-pack : center; |
15 | border : none; |
16 | border-top : 3px solid black; |
17 | border-bottom : 3px solid black; |
18 | min-width : 6px; |
19 | min-height : 6px; |
20 | margin : 0px 3px 0px 3px; |
21 | } |
22 | |
23 | /* This takes margin away from outliner header splitters, else they look ugly! */ |
24 | splitter.tree-splitter { |
25 | margin : 0px; |
26 | } |
27 | |
28 | grippy, grippy[collapse="before"] |
29 | { |
30 | border : none; |
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; |
36 | cursor : pointer; |
37 | min-width : 6px; |
38 | min-height : 6px; |
39 | padding : 1px; |
40 | } |
41 | |
42 | grippy:hover |
43 | { |
44 | background-color : #FFCF00; |
45 | } |
46 | |
47 | grippy:hover:active |
48 | { |
49 | border : none; |
50 | } |
51 | |
52 | splitter[state="collapsed"] > grippy |
53 | { |
54 | list-style-image : url("chrome://global/skin/grippy-vertical-after.gif"); |
55 | } |
56 | |
57 | .grippy-box |
58 | { |
59 | } |
60 | |
61 | .grippy-image |
62 | { |
63 | list-style-image : inherit; |
64 | } |
65 | |
66 | splitter[state="dragging"], |
67 | splitter:hover:active |
68 | { |
69 | background-color : #FFCF00; |
70 | } |
71 | |
72 | rows > splitter |
73 | { |
74 | cursor : n-resize; |
75 | } |
76 | |
77 | window[orient="vertical"] > splitter, |
78 | box[orient="vertical"] > splitter, |
79 | vbox > splitter |
80 | { |
81 | cursor : n-resize; |
82 | border : none; |
83 | border-left : 3px solid black; |
84 | border-right : 3px solid black; |
85 | margin : 3px 0px 3px 0px; |
86 | } |
87 | |
88 | /* Grippy alignment */ |
89 | |
90 | /* Vertical splitter (between two boxes, horizontally stacked), collapse to left */ |
91 | window > splitter > grippy, |
92 | box > splitter > grippy, |
93 | hbox > splitter > grippy |
94 | { |
95 | list-style-image : url("chrome://global/skin/grippy-vertical-before.gif"); |
96 | } |
97 | |
98 | window > splitter > grippy > .grippy-box, |
99 | box > splitter > grippy > .grippy-box, |
100 | hbox > splitter > grippy > .grippy-box |
101 | { |
102 | border-left : none; |
103 | border-right : none; |
104 | } |
105 | |
106 | window > splitter[state="collapsed"] > grippy, |
107 | box > splitter[state="collapsed"] > grippy, |
108 | hbox > splitter[state="collapsed"] > grippy |
109 | { |
110 | list-style-image : url("chrome://global/skin/grippy-vertical-after.gif"); |
111 | } |
112 | |
113 | /* Vertical splitter (between two boxes, horizontally stacked), collapse to right */ |
114 | window > splitter[collapse="after"] > grippy, |
115 | box > splitter[collapse="after"] > grippy, |
116 | hbox > splitter[collapse="after"] > grippy |
117 | { |
118 | list-style-image : url("chrome://global/skin/grippy-vertical-after.gif"); |
119 | } |
120 | |
121 | window > splitter[collapse="after"][state="collapsed"] > grippy, |
122 | box > splitter[collapse="after"][state="collapsed"] > grippy, |
123 | hbox > splitter[collapse="after"][state="collapsed"]> grippy |
124 | { |
125 | list-style-image : url("chrome://global/skin/grippy-vertical-before.gif"); |
126 | } |
127 | |
128 | /* Horizontal splitter (between two boxes, vertically stacked), collapse to left */ |
129 | window[orient="vertical"] > splitter > grippy, |
130 | box[orient="vertical"] > splitter > grippy, |
131 | vbox > splitter > grippy |
132 | { |
133 | list-style-image : url("chrome://global/skin/grippy-horizontal-before.gif"); |
134 | -moz-box-align : center; |
135 | -moz-box-pack : center; |
136 | border : none; |
137 | border-left : 3px solid black; |
138 | border-right : 3px solid black; |
139 | } |
140 | |
141 | window[orient="vertical"] > splitter > grippy > .grippy-box, |
142 | box[orient="vertical"] > splitter > grippy > .grippy-box, |
143 | vbox > splitter > grippy > .grippy-box |
144 | { |
145 | } |
146 | |
147 | window[orient="vertical"] > splitter[state="collapsed"] > grippy, |
148 | box[orient="vertical"] > splitter[state="collapsed"] > grippy, |
149 | vbox > splitter[state="collapsed"] > grippy |
150 | { |
151 | list-style-image : url("chrome://global/skin/grippy-horizontal-after.gif"); |
152 | } |
153 | |
154 | /* Horizontal splitter (between two boxes, vertically stacked), collapse to right */ |
155 | window[orient="vertical"] > splitter[collapse="after"] > grippy, |
156 | box[orient="vertical"] > splitter[collapse="after"] > grippy, |
157 | vbox > splitter[collapse="after"] > grippy |
158 | { |
159 | list-style-image : url("chrome://global/skin/grippy-horizontal-after.gif"); |
160 | } |
161 | |
162 | window[orient="vertical"] > splitter[collapse="after"][state="collapsed"] > grippy, |
163 | box[orient="vertical"] > splitter[collapse="after"][state="collapsed"] > grippy, |
164 | vbox > splitter[collapse="after"][state="collapsed"] > grippy |
165 | { |
166 | list-style-image : url("chrome://global/skin/grippy-horizontal-before.gif"); |
167 | } |
168 | |