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