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 | |
cd130c22 |
77 | splitter[orient="vertical"] |
3c30e09e |
78 | { |
79 | cursor : n-resize; |
80 | border : none; |
81 | border-left : 3px solid black; |
82 | border-right : 3px solid black; |
83 | margin : 3px 0px 3px 0px; |
84 | } |
85 | |
86 | /* Grippy alignment */ |
87 | |
88 | /* Vertical splitter (between two boxes, horizontally stacked), collapse to left */ |
cd130c22 |
89 | splitter > grippy |
3c30e09e |
90 | { |
91 | list-style-image : url("chrome://global/skin/grippy-vertical-before.gif"); |
92 | } |
93 | |
cd130c22 |
94 | splitter > grippy > .grippy-box |
3c30e09e |
95 | { |
96 | border-left : none; |
97 | border-right : none; |
98 | } |
99 | |
cd130c22 |
100 | splitter[state="collapsed"] > grippy |
3c30e09e |
101 | { |
102 | list-style-image : url("chrome://global/skin/grippy-vertical-after.gif"); |
103 | } |
104 | |
105 | /* Vertical splitter (between two boxes, horizontally stacked), collapse to right */ |
cd130c22 |
106 | splitter[collapse="after"] > grippy |
3c30e09e |
107 | { |
108 | list-style-image : url("chrome://global/skin/grippy-vertical-after.gif"); |
109 | } |
110 | |
cd130c22 |
111 | splitter[collapse="after"][state="collapsed"] > grippy |
3c30e09e |
112 | { |
113 | list-style-image : url("chrome://global/skin/grippy-vertical-before.gif"); |
114 | } |
115 | |
116 | /* Horizontal splitter (between two boxes, vertically stacked), collapse to left */ |
cd130c22 |
117 | splitter[orient="vertical"] > grippy |
3c30e09e |
118 | { |
119 | list-style-image : url("chrome://global/skin/grippy-horizontal-before.gif"); |
120 | -moz-box-align : center; |
121 | -moz-box-pack : center; |
122 | border : none; |
123 | border-left : 3px solid black; |
124 | border-right : 3px solid black; |
125 | } |
126 | |
cd130c22 |
127 | splitter[orient="vertical"] > grippy > .grippy-box |
3c30e09e |
128 | { |
129 | } |
130 | |
cd130c22 |
131 | splitter[state="collapsed"][orient="vertical"] > grippy |
3c30e09e |
132 | { |
133 | list-style-image : url("chrome://global/skin/grippy-horizontal-after.gif"); |
134 | } |
135 | |
136 | /* Horizontal splitter (between two boxes, vertically stacked), collapse to right */ |
cd130c22 |
137 | splitter[collapse="after"][orient="vertical"] > grippy |
3c30e09e |
138 | { |
139 | list-style-image : url("chrome://global/skin/grippy-horizontal-after.gif"); |
140 | } |
141 | |
cd130c22 |
142 | splitter[collapse="after"][state="collapsed"][orient="vertical"] > grippy |
3c30e09e |
143 | { |
144 | list-style-image : url("chrome://global/skin/grippy-horizontal-before.gif"); |
145 | } |