c9990331 |
1 | /******* Splitters *******/ |
2 | |
3 | splitter { |
4 | border: none; |
5 | cursor: e-resize; |
6 | min-width: 8px; |
7 | min-height: 8px; |
8 | margin: 0px 3px 0px 3px; |
9 | } |
10 | |
11 | splitter[state="dragging"] |
12 | { |
13 | background-color: gray; |
14 | } |
15 | |
16 | grippy { |
17 | margin: 0px; |
18 | padding: 0px; |
19 | background-image: url("chrome://global/skin/grippy-vertical-before.gif"); |
20 | background-repeat: no-repeat; |
21 | background-position: 50% 50%; |
22 | cursor: pointer; |
23 | } |
24 | |
25 | splitter[state="collapsed"] > grippy |
26 | { |
27 | background-image : url("chrome://global/skin/grippy-vertical-after.gif"); |
28 | } |
29 | |
30 | vbox > splitter > grippy, |
31 | box[orient="vertical"] > splitter > grippy, |
32 | window[orient="vertical"] > splitter > grippy { |
33 | /* a horizontal splitter */ |
34 | background-image: url("chrome://global/skin/grippy-horizontal-after.gif"); |
35 | border: none; |
36 | border-right: 3px solid black; |
37 | border-left: 3px solid black; |
38 | width: 120px; |
39 | height:8px; |
40 | } |
41 | |
42 | vbox > splitter[state="collapsed"] > grippy, |
43 | box[orient="vertical"] > splitter[state="collapsed"] > grippy, |
44 | window[orient="vertical"] > splitter[state="collapsed"] > grippy { |
45 | background-image: url("chrome://global/skin/grippy-horizontal-before.gif"); |
46 | } |
47 | |
48 | window > splitter > grippy, |
49 | hbox > splitter > grippy, |
50 | box > splitter > grippy { |
51 | /* a vertical splitter */ |
52 | width: 8px; |
53 | height: 120px; |
54 | border-top: 3px solid black; |
55 | border-bottom: 3px solid black; |
56 | } |
57 | |
58 | vbox > splitter, |
59 | box[orient="vertical"] > splitter, |
60 | window[orient="vertical"] > splitter, |
61 | rows > splitter { |
62 | /* a horizontal splitter */ |
63 | cursor: n-resize; |
64 | border: none; |
65 | margin: 3px 0px 3px 0px; |
66 | } |
67 | |
68 | /* for backwards compatibility */ |
69 | box[align="vertical"]>splitter > grippy, |
70 | window[align="vertical"]>splitter > grippy { |
71 | /* a horizontal splitter */ |
72 | background-image: url("chrome://global/skin/grippy-horizontal-after.gif"); |
73 | border: none; |
74 | border-right: 3px solid black; |
75 | border-left: 3px solid black; |
76 | width: 120px; |
77 | height: 8px; |
78 | } |
79 | |
80 | box[align="vertical"]>splitter[state="collapsed"] > grippy, |
81 | window[align="vertical"]>splitter[state="collapsed"] > grippy { |
82 | background-image: url("chrome://global/skin/grippy-horizontal-before.gif"); |
83 | } |
84 | |
85 | box[align="vertical"]>splitter, |
86 | window[align="vertical"]>splitter { |
87 | /* a horizontal splitter */ |
88 | cursor: n-resize; |
89 | border: none; |
90 | margin: 3px 0px 3px 0px; |
91 | } |
92 | |
93 | /** |
94 | * gray horizontal splitter for pane views |
95 | */ |
96 | splitter.gray-horizontal-splitter { |
97 | min-height: 8px; |
98 | border: none; |
99 | margin: 3px 0px 3px 0px; |
100 | padding: 0px; |
101 | } |
102 | |
103 | splitter.gray-horizontal-splitter > grippy { |
104 | margin: 0px; |
105 | border: none; |
106 | border-right: 3px solid black; |
107 | border-left: 3px solid black; |
108 | padding: 0px; |
109 | background-image: url("chrome://global/skin/grippy-horizontal-after.gif"); |
110 | } |
111 | |
112 | splitter.gray-horizontal-splitter[state="collapsed"] > grippy { |
113 | background-image: url("chrome://global/skin/grippy-horizontal-before.gif"); |
114 | } |
115 | |
116 | /* |
117 | splitter.gray-horizontal-splitter > #begincap { |
118 | min-width: 8px; |
119 | width: 8px; |
120 | background-image: url("chrome://global/skin/gray-bottomleft.gif"); |
121 | background-repeat: no-repeat; |
122 | background-position: 0% 100%; |
123 | } |
124 | |
125 | splitter.gray-horizontal-splitter > #endcap { |
126 | min-width: 8px; |
127 | width: 8px; |
128 | } |
129 | */ |