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 | |
c9990331 |
68 | /** |
69 | * gray horizontal splitter for pane views |
70 | */ |
71 | splitter.gray-horizontal-splitter { |
72 | min-height: 8px; |
73 | border: none; |
74 | margin: 3px 0px 3px 0px; |
75 | padding: 0px; |
76 | } |
77 | |
78 | splitter.gray-horizontal-splitter > grippy { |
79 | margin: 0px; |
80 | border: none; |
81 | border-right: 3px solid black; |
82 | border-left: 3px solid black; |
83 | padding: 0px; |
84 | background-image: url("chrome://global/skin/grippy-horizontal-after.gif"); |
85 | } |
86 | |
87 | splitter.gray-horizontal-splitter[state="collapsed"] > grippy { |
88 | background-image: url("chrome://global/skin/grippy-horizontal-before.gif"); |
89 | } |
90 | |
91 | /* |
92 | splitter.gray-horizontal-splitter > #begincap { |
93 | min-width: 8px; |
94 | width: 8px; |
95 | background-image: url("chrome://global/skin/gray-bottomleft.gif"); |
96 | background-repeat: no-repeat; |
97 | background-position: 0% 100%; |
98 | } |
99 | |
100 | splitter.gray-horizontal-splitter > #endcap { |
101 | min-width: 8px; |
102 | width: 8px; |
103 | } |
104 | */ |
7ff5b526 |
105 | |