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 /* ===== splitter.css ===================================================
6 == Styles used by the XUL splitter element.
7 ======================================================================= */
9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
11 /* ::::: splitter (vertical) ::::: */
13 splitter {
14 -moz-box-align: center;
15 -moz-box-pack: center;
16 cursor: ew-resize;
17 border-width: 0 2px;
18 border-style: solid;
19 -moz-border-left-colors: ThreeDShadow ThreeDHighlight;
20 -moz-border-right-colors: ThreeDDarkShadow ThreeDFace;
21 min-width: 6px;
22 background-color: ThreeDFace;
23 }
25 splitter[state="collapsed"][collapse="before"],
26 splitter[state="collapsed"][substate="before"],
27 splitter[state="collapsed"][collapse="after"]:-moz-locale-dir(rtl),
28 splitter[state="collapsed"][substate="after"]:-moz-locale-dir(rtl) {
29 cursor: e-resize;
30 }
32 splitter[state="collapsed"][collapse="after"],
33 splitter[state="collapsed"][substate="after"],
34 splitter[state="collapsed"][collapse="before"]:-moz-locale-dir(rtl),
35 splitter[state="collapsed"][substate="before"]:-moz-locale-dir(rtl) {
36 cursor: w-resize;
37 }
39 splitter:-moz-lwtheme {
40 background: none;
41 }
43 /* ::::: splitter (horizontal) ::::: */
45 splitter[orient="vertical"] {
46 cursor: ns-resize;
47 border-width: 2px 0;
48 -moz-border-top-colors: ThreeDShadow ThreeDHighlight;
49 -moz-border-bottom-colors: ThreeDDarkShadow ThreeDFace;
50 min-height: 6px;
51 }
53 splitter[orient="vertical"][state="collapsed"][collapse="before"],
54 splitter[orient="vertical"][state="collapsed"][substate="before"] {
55 cursor: s-resize;
56 }
58 splitter[orient="vertical"][state="collapsed"][collapse="after"],
59 splitter[orient="vertical"][state="collapsed"][substate="after"] {
60 cursor: n-resize;
61 }
63 splitter[disabled="true"] {
64 cursor: default !important;
65 }
67 /* ::::: splitter grippy ::::: */
69 grippy {
70 cursor: pointer;
71 border-top: 1px solid ThreeDShadow;
72 border-bottom: 1px solid ThreeDShadow;
73 min-width: 4px;
74 min-height: 115px;
75 background-color: transparent;
76 background-repeat: no-repeat;
77 }
79 grippy:hover {
80 background-color: ThreeDHighlight;
81 }
83 splitter[orient="vertical"] > grippy {
84 border-top: none;
85 border-right: 1px solid ThreeDShadow;
86 border-bottom: none;
87 border-left: 1px solid ThreeDShadow;;
88 min-width: 115px;
89 min-height: 4px;
90 }
92 /* ..... normal state ..... */
94 /* vertical grippies */
95 splitter[collapse="before"] > grippy,
96 splitter[collapse="after"] > grippy:-moz-locale-dir(rtl) {
97 background-image: url("chrome://global/skin/splitter/grip-left.gif");
98 }
100 splitter[collapse="after"] > grippy,
101 splitter[collapse="before"] > grippy:-moz-locale-dir(rtl) {
102 background-image: url("chrome://global/skin/splitter/grip-right.gif");
103 }
105 /* horizontal grippies */
106 splitter[collapse="before"][orient="vertical"] > grippy {
107 background-image: url("chrome://global/skin/splitter/grip-top.gif");
108 }
110 splitter[collapse="after"][orient="vertical"] > grippy {
111 background-image: url("chrome://global/skin/splitter/grip-bottom.gif");
112 }
114 /* ..... collapsed state ..... */
116 /* vertical grippies */
117 splitter[collapse="before"][state="collapsed"] > grippy,
118 splitter[collapse="after"][state="collapsed"] > grippy:-moz-locale-dir(rtl) {
119 background-image: url("chrome://global/skin/splitter/grip-right.gif");
120 }
122 splitter[collapse="after"][state="collapsed"] > grippy,
123 splitter[collapse="before"][state="collapsed"] > grippy:-moz-locale-dir(rtl) {
124 background-image: url("chrome://global/skin/splitter/grip-left.gif");
125 }
127 /* horizontal grippies */
128 splitter[collapse="before"][state="collapsed"][orient="vertical"] > grippy {
129 background-image: url("chrome://global/skin/splitter/grip-bottom.gif");
130 }
132 splitter[collapse="after"][state="collapsed"][orient="vertical"] > grippy {
133 background-image: url("chrome://global/skin/splitter/grip-top.gif");
134 }