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 | |
cd130c22 |
64 | splitter[orient="vertical"] |
f6e0a33f |
65 | { |
66 | cursor : n-resize; |
67 | border : none; |
68 | border-top : 1px solid #9999CC; |
69 | border-bottom : 1px solid #9999CC; |
70 | } |
71 | |
72 | /* Grippy alignment */ |
73 | |
74 | /* Vertical splitter (between two boxes, horizontally stacked), collapse to left */ |
cd130c22 |
75 | splitter > grippy |
f6e0a33f |
76 | { |
77 | list-style-image : url("chrome://global/skin/grippy-vertical-before.gif"); |
78 | /* |
79 | border-left : 1px solid #9999CC; |
80 | border-right : 1px solid #9999CC; |
81 | */ |
82 | } |
83 | |
cd130c22 |
84 | splitter > grippy > .grippy-box |
f6e0a33f |
85 | { |
86 | border-left : none; |
87 | border-right : none; |
88 | } |
89 | |
cd130c22 |
90 | splitter[state="collapsed"] > grippy |
f6e0a33f |
91 | { |
92 | list-style-image : url("chrome://global/skin/grippy-vertical-after.gif"); |
93 | } |
94 | |
95 | /* Vertical splitter (between two boxes, horizontally stacked), collapse to right */ |
cd130c22 |
96 | splitter[collapse="after"] > grippy |
f6e0a33f |
97 | { |
98 | list-style-image : url("chrome://global/skin/grippy-vertical-after.gif"); |
99 | } |
100 | |
cd130c22 |
101 | splitter[collapse="after"][state="collapsed"] > grippy |
f6e0a33f |
102 | { |
103 | list-style-image : url("chrome://global/skin/grippy-vertical-before.gif"); |
104 | } |
105 | |
106 | /* Horizontal splitter (between two boxes, vertically stacked), collapse to left */ |
cd130c22 |
107 | splitter[orient="vertical"] > grippy |
f6e0a33f |
108 | { |
109 | list-style-image : url("chrome://global/skin/grippy-horizontal-before.gif"); |
110 | /* |
111 | border-top : 1px solid #9999CC; |
112 | border-bottom : 1px solid #9999CC; |
113 | */ |
114 | } |
115 | |
cd130c22 |
116 | splitter[orient="vertical"] > grippy > .grippy-box |
f6e0a33f |
117 | { |
118 | } |
119 | |
cd130c22 |
120 | splitter[state="collapsed"][orient="vertical"] > grippy |
f6e0a33f |
121 | { |
122 | list-style-image : url("chrome://global/skin/grippy-horizontal-after.gif"); |
123 | } |
124 | |
125 | /* Horizontal splitter (between two boxes, vertically stacked), collapse to right */ |
cd130c22 |
126 | splitter[collapse="after"][orient="vertical"] > grippy |
f6e0a33f |
127 | { |
128 | list-style-image : url("chrome://global/skin/grippy-horizontal-after.gif"); |
129 | } |
130 | |
cd130c22 |
131 | splitter[collapse="after"][state="collapsed"][orient="vertical"] > grippy |
f6e0a33f |
132 | { |
133 | list-style-image : url("chrome://global/skin/grippy-horizontal-before.gif"); |
134 | } |
f6e0a33f |
135 | |