|
1 /* This Source Code Form is subject to the terms of the Mozilla Public |
|
2 * License, v. 2.0. If a copy of the MPL was not distributed with this |
|
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ |
|
4 |
|
5 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
|
6 |
|
7 /* ::::: splitter (vertical) ::::: */ |
|
8 |
|
9 splitter { |
|
10 -moz-box-align: center; |
|
11 -moz-box-pack: center; |
|
12 cursor: ew-resize; |
|
13 min-width: 9px; |
|
14 min-height: 9px; |
|
15 background: url("chrome://global/skin/splitter/dimple.png") transparent no-repeat center; |
|
16 } |
|
17 |
|
18 splitter[state="collapsed"][collapse="before"], |
|
19 splitter[state="collapsed"][substate="before"], |
|
20 splitter[state="collapsed"][collapse="after"]:-moz-locale-dir(rtl), |
|
21 splitter[state="collapsed"][substate="after"]:-moz-locale-dir(rtl) { |
|
22 cursor: e-resize; |
|
23 } |
|
24 |
|
25 splitter[state="collapsed"][collapse="after"], |
|
26 splitter[state="collapsed"][substate="after"], |
|
27 splitter[state="collapsed"][collapse="before"]:-moz-locale-dir(rtl), |
|
28 splitter[state="collapsed"][substate="before"]:-moz-locale-dir(rtl) { |
|
29 cursor: w-resize; |
|
30 } |
|
31 |
|
32 splitter:-moz-lwtheme { |
|
33 background: none; |
|
34 } |
|
35 |
|
36 /* ::::: splitter (horizontal) ::::: */ |
|
37 |
|
38 splitter[orient="vertical"] { |
|
39 cursor: ns-resize; |
|
40 min-width: 0px; |
|
41 min-height: 9px; |
|
42 min-width: 9px; |
|
43 background: url("chrome://global/skin/splitter/dimple.png") transparent no-repeat center; |
|
44 } |
|
45 |
|
46 splitter[orient="vertical"][state="collapsed"][collapse="before"], |
|
47 splitter[orient="vertical"][state="collapsed"][substate="before"] { |
|
48 cursor: s-resize; |
|
49 } |
|
50 |
|
51 splitter[orient="vertical"][state="collapsed"][collapse="after"], |
|
52 splitter[orient="vertical"][state="collapsed"][substate="after"] { |
|
53 cursor: n-resize; |
|
54 } |
|
55 |
|
56 splitter[disabled="true"] { |
|
57 cursor: default !important; |
|
58 } |
|
59 |
|
60 /* ::::: splitter grippy ::::: */ |
|
61 |
|
62 grippy { |
|
63 cursor: pointer; |
|
64 margin: 0px 1px; |
|
65 min-width: 4px; |
|
66 min-height: 115px; |
|
67 background-color: transparent; |
|
68 background-repeat: no-repeat; |
|
69 } |
|
70 |
|
71 grippy:hover { |
|
72 background-color: ThreeDHighlight; |
|
73 } |
|
74 |
|
75 splitter[orient="vertical"] > grippy { |
|
76 margin: 1px 0px; |
|
77 min-width: 115px; |
|
78 min-height: 4px; |
|
79 } |
|
80 |
|
81 /* ..... normal state ..... */ |
|
82 |
|
83 /* vertical grippies */ |
|
84 splitter[collapse="before"] > grippy, |
|
85 splitter[collapse="after"] > grippy:-moz-locale-dir(rtl) { |
|
86 background-image: url("chrome://global/skin/splitter/grip-left.gif"); |
|
87 } |
|
88 |
|
89 splitter[collapse="after"] > grippy, |
|
90 splitter[collapse="before"] > grippy:-moz-locale-dir(rtl) { |
|
91 background-image: url("chrome://global/skin/splitter/grip-right.gif"); |
|
92 } |
|
93 |
|
94 /* horizontal grippies */ |
|
95 splitter[collapse="before"][orient="vertical"] > grippy { |
|
96 background-image: url("chrome://global/skin/splitter/grip-top.gif"); |
|
97 } |
|
98 |
|
99 splitter[collapse="after"][orient="vertical"] > grippy { |
|
100 background-image: url("chrome://global/skin/splitter/grip-bottom.gif"); |
|
101 } |
|
102 |
|
103 /* ..... collapsed state ..... */ |
|
104 |
|
105 /* vertical grippies */ |
|
106 splitter[collapse="before"][state="collapsed"] > grippy, |
|
107 splitter[collapse="after"][state="collapsed"] > grippy:-moz-locale-dir(rtl) { |
|
108 background-image: url("chrome://global/skin/splitter/grip-right.gif"); |
|
109 } |
|
110 |
|
111 splitter[collapse="after"][state="collapsed"] > grippy, |
|
112 splitter[collapse="before"][state="collapsed"] > grippy:-moz-locale-dir(rtl) { |
|
113 background-image: url("chrome://global/skin/splitter/grip-left.gif"); |
|
114 } |
|
115 |
|
116 /* horizontal grippies */ |
|
117 splitter[collapse="before"][state="collapsed"][orient="vertical"] > grippy { |
|
118 background-image: url("chrome://global/skin/splitter/grip-bottom.gif"); |
|
119 } |
|
120 |
|
121 splitter[collapse="after"][state="collapsed"][orient="vertical"] > grippy { |
|
122 background-image: url("chrome://global/skin/splitter/grip-top.gif"); |
|
123 } |
|
124 |