first part of syncing LCARStrek with Firefox 35 windows theme changes
[themes.git] / EarlyBlue / global / scrollbars.css
CommitLineData
9099c61d
RK
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/. */
e69db91c 4
e69db91c 5/* ===== scrollbars.css =================================================
6 == Styles used by XUL scrollbar-related elements.
7 ======================================================================= */
8
e181d49e
RK
9@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
10@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
11
e69db91c 12/* ::::: scrollbar ::::: */
13
14scrollbar {
15 -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar");
16 cursor: default;
17 background-color: #999999;
87a1144f
RK
18 pointer-events: auto;
19}
20
87a1144f 21@media all and (-moz-overlay-scrollbars) {
2e88f3cc
RK
22 scrollbar[root="true"] {
23 position: relative;
24 z-index: 2147483647; /* largest positive value of a signed 32-bit integer */
25 }
26
87a1144f
RK
27 scrollbar:not([active="true"]),
28 scrollbar[disabled="true"] {
29 visibility: hidden;
30 }
e69db91c 31}
32
33/* ::::: slider ::::: */
34
35slider {
36 height: 13px;
37}
38
39slider[orient="vertical"] {
40 width: 13px;
41}
42
43/* ::::: borders for thumb and buttons ::::: */
44
45thumb,
46scrollbarbutton {
47 border: 1px outset #CCCCCC;
48 background: #CCCCCC 50% 50% no-repeat;
49 padding: 1px;
50 min-width: 13px;
51 min-height: 13px;
52}
53
54thumb:active {
55 background-color: #DDDDDD;
56}
57
58/* ::::: thumb (horizontal) ::::: */
59
60thumb {
61 background-image: url("chrome://global/skin/scrollbar/thumb-vert-grip.gif");
62}
63
64thumb[orient="horizontal"] {
65 background-image: url("chrome://global/skin/scrollbar/thumb-horiz-grip.gif");
66}
67
68thumb[disabled="true"] {
69 background-image: url("chrome://global/skin/scrollbar/thumb-vert-grip-disabled.gif");
70}
71
72thumb[orient="horizontal"][disabled="true"] {
73 background-image: url("chrome://global/skin/scrollbar/thumb-horiz-grip-disabled.gif");
74}
75
76/* ::::: scrollbar button ::::: */
77
78scrollbarbutton {
79}
80
1d4ddf30 81scrollbarbutton:hover:active,
82scrollbarbutton[active="true"] {
e69db91c 83 border-style: inset;
02920d2b
RK
84 padding-top: 2px;
85 padding-bottom: 0px;
86 -moz-padding-start: 2px;
87 -moz-padding-end: 0px;
e69db91c 88}
89
56029caf
RK
90/* XXX - scrollbar.xml always grabs the OS settings and we don't want that */
91scrollbarbutton[sbattr="scrollbar-up-bottom"],
92scrollbarbutton[sbattr="scrollbar-down-top"] {
93 display: none;
94}
95
e69db91c 96/* ::::: square at the corner of two scrollbars ::::: */
97
98scrollcorner {
99 -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar-base");
100 cursor: default;
101 background-color: #999999;
e68e2f2b 102 width: 13px;
e69db91c 103}
104
105/* ..... increment .... */
106
107scrollbarbutton[type="increment"] {
108 background-image: url("chrome://global/skin/scrollbar/button-right.gif")
109}
110
111
112scrollbarbutton[type="increment"][disabled="true"] {
113 background-image: url("chrome://global/skin/scrollbar/button-right-disabled.gif")
114}
115
116scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
117 background-image: url("chrome://global/skin/scrollbar/button-down.gif")
118}
119
120scrollbar[orient="vertical"] > scrollbarbutton[type="increment"][disabled="true"] {
121 background-image: url("chrome://global/skin/scrollbar/button-down-disabled.gif")
122}
123
124/* ..... decrement .... */
125
126scrollbarbutton[type="decrement"] {
127 background-image: url("chrome://global/skin/scrollbar/button-left.gif")
128}
129
130scrollbarbutton[type="decrement"][disabled="true"] {
131 background-image: url("chrome://global/skin/scrollbar/button-left-disabled.gif")
132}
133
134scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
135 background-image: url("chrome://global/skin/scrollbar/button-up.gif")
136}
137
138scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"] {
139 background-image: url("chrome://global/skin/scrollbar/button-up-disabled.gif")
140}
141
142/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
143/* ::::::::::::::::::::: MEDIA PRINT :::::::::::::::::::::: */
144/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
145@media print {
146 /* ::::: scrollbar ::::: */
147
148 html|div scrollbar {
149 -moz-appearance: scrollbartrack-horizontal;
150 -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar");
151 cursor: default;
152 background: url("chrome://global/skin/scrollbar/slider.gif") scrollbar;
153 }
154
155 html|div scrollbar[orient="vertical"]
156 {
157 -moz-appearance: scrollbartrack-vertical;
158 }
159
160 /* ::::: borders for thumb and buttons ::::: */
161
162 html|div thumb,
163 html|div scrollbarbutton {
164 border: 2px solid;
165 -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
166 -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
167 -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
168 -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
169 background-color: -moz-Dialog;
170 }
171
172 /* ::::: thumb (horizontal) ::::: */
173
174 html|div thumb {
175 -moz-appearance: scrollbarthumb-vertical;
176 min-height: 8px;
177 }
178
179 html|div thumb[orient="horizontal"] {
180 -moz-appearance: scrollbarthumb-horizontal;
181 min-width: 8px;
182 }
183
e69db91c 184 /* ::::: scrollbar button ::::: */
185
1d4ddf30 186 html|div scrollbarbutton,
187 html|div scrollbarbutton[active="true"] {
7862e6ee 188 background: -moz-Dialog no-repeat 50% 50%;
e69db91c 189 min-width: 16px;
190 min-height: 16px;
191 }
192
193 html|div scrollbarbutton:hover:active {
194 -moz-border-top-colors: ThreeDShadow -moz-Dialog;
195 -moz-border-right-colors: ThreeDShadow -moz-Dialog;
196 -moz-border-bottom-colors: ThreeDShadow -moz-Dialog;
197 -moz-border-left-colors: ThreeDShadow -moz-Dialog;
7862e6ee 198 background-position: 60% 60%;
e69db91c 199 }
200
201 /* ..... increment .... */
202
203 html|div scrollbarbutton[type="increment"] {
204 -moz-appearance: scrollbarbutton-right;
205 background-image: url("chrome://global/skin/arrow/arrow-rit.gif")
206 }
207
208 html|div scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
209 -moz-appearance: scrollbarbutton-down;
210 background-image: url("chrome://global/skin/arrow/arrow-dn.gif")
211 }
212
213 /* ..... decrement .... */
214
215 html|div scrollbarbutton[type="decrement"] {
216 -moz-appearance: scrollbarbutton-left;
217 background-image: url("chrome://global/skin/arrow/arrow-lft.gif")
218 }
219
220 html|div scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
221 -moz-appearance: scrollbarbutton-up;
222 background-image: url("chrome://global/skin/arrow/arrow-up.gif")
223 }
224
225}