Thu, 22 Jan 2015 13:21:57 +0100
Incorporate requested changes from Mozilla in review:
https://bugzilla.mozilla.org/show_bug.cgi?id=1123480#c6
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/. */
5 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
7 /* ::::: splitter (vertical) ::::: */
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 }
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 }
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 }
32 splitter:-moz-lwtheme {
33 background: none;
34 }
36 /* ::::: splitter (horizontal) ::::: */
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 }
46 splitter[orient="vertical"][state="collapsed"][collapse="before"],
47 splitter[orient="vertical"][state="collapsed"][substate="before"] {
48 cursor: s-resize;
49 }
51 splitter[orient="vertical"][state="collapsed"][collapse="after"],
52 splitter[orient="vertical"][state="collapsed"][substate="after"] {
53 cursor: n-resize;
54 }
56 splitter[disabled="true"] {
57 cursor: default !important;
58 }
60 /* ::::: splitter grippy ::::: */
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 }
71 grippy:hover {
72 background-color: ThreeDHighlight;
73 }
75 splitter[orient="vertical"] > grippy {
76 margin: 1px 0px;
77 min-width: 115px;
78 min-height: 4px;
79 }
81 /* ..... normal state ..... */
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 }
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 }
94 /* horizontal grippies */
95 splitter[collapse="before"][orient="vertical"] > grippy {
96 background-image: url("chrome://global/skin/splitter/grip-top.gif");
97 }
99 splitter[collapse="after"][orient="vertical"] > grippy {
100 background-image: url("chrome://global/skin/splitter/grip-bottom.gif");
101 }
103 /* ..... collapsed state ..... */
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 }
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 }
116 /* horizontal grippies */
117 splitter[collapse="before"][state="collapsed"][orient="vertical"] > grippy {
118 background-image: url("chrome://global/skin/splitter/grip-bottom.gif");
119 }
121 splitter[collapse="after"][state="collapsed"][orient="vertical"] > grippy {
122 background-image: url("chrome://global/skin/splitter/grip-top.gif");
123 }