2
* The contents of this file are subject to the Netscape Public
3
* License Version 1.1 (the "License"); you may not use this file
4
* except in compliance with the License. You may obtain a copy of
5
* the License at http://www.mozilla.org/NPL/
7
* Software distributed under the License is distributed on an "AS
8
* IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
9
* implied. See the License for the specific language governing
10
* rights and limitations under the License.
12
* The Original Code is Mozilla Communicator client code, released
15
* The Initial Developer of the Original Code is Netscape
16
* Communications Corporation. Portions created by Netscape are
17
* Copyright (C) 1998-2001 Netscape Communications Corporation. All
21
* Joe Hewitt (hewitt@netscape.com)
24
/* ===== scrollbars.css =================================================
25
== Styles used by XUL scrollbar-related elements.
26
======================================================================= */
28
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
29
@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
31
/* ::::: scrollbar ::::: */
34
-moz-appearance: scrollbartrack-horizontal;
35
-moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar");
37
background: url("chrome://global/skin/scrollbar/slider.gif") scrollbar;
40
scrollbar[orient="vertical"]
42
-moz-appearance: scrollbartrack-vertical;
45
/* ::::: borders for thumb and buttons ::::: */
50
-moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
51
-moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
52
-moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
53
-moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
54
background-color: -moz-Dialog;
57
/* ::::: thumb (horizontal) ::::: */
60
-moz-appearance: scrollbarthumb-vertical;
64
thumb[orient="horizontal"] {
65
-moz-appearance: scrollbarthumb-horizontal;
70
-moz-appearance: scrollbargripper-vertical;
73
thumb[orient="horizontal"] > gripper {
74
-moz-appearance: scrollbargripper-horizontal;
77
/* ::::: scrollbar button ::::: */
80
background: -moz-Dialog no-repeat 0px 1px;
85
scrollbarbutton:hover:active {
86
-moz-border-top-colors: ThreeDShadow -moz-Dialog;
87
-moz-border-right-colors: ThreeDShadow -moz-Dialog;
88
-moz-border-bottom-colors: ThreeDShadow -moz-Dialog;
89
-moz-border-left-colors: ThreeDShadow -moz-Dialog;
90
background-position: 1px 2px;
93
/* ::::: square at the corner of two scrollbars ::::: */
96
-moz-binding: url(chrome://global/content/bindings/scrollbar.xml#scrollbar-base);
98
background-color: -moz-Dialog;
101
/* ..... increment .... */
103
scrollbarbutton[type="increment"] {
104
-moz-appearance: scrollbarbutton-right;
105
background-image: url("chrome://global/skin/arrow/arrow-rit.gif")
108
scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
109
-moz-appearance: scrollbarbutton-down;
110
background-image: url("chrome://global/skin/arrow/arrow-dn.gif")
113
/* ..... decrement .... */
115
scrollbarbutton[type="decrement"] {
116
-moz-appearance: scrollbarbutton-left;
117
background-image: url("chrome://global/skin/arrow/arrow-lft.gif")
120
scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
121
-moz-appearance: scrollbarbutton-up;
122
background-image: url("chrome://global/skin/arrow/arrow-up.gif")
125
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
126
/* ::::::::::::::::::::: MEDIA PRINT :::::::::::::::::::::: */
127
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
129
/* ::::: scrollbar ::::: */
132
-moz-appearance: scrollbartrack-horizontal;
133
-moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar");
135
background: url("chrome://global/skin/scrollbar/slider.gif") scrollbar;
138
html|div scrollbar[orient="vertical"]
140
-moz-appearance: scrollbartrack-vertical;
143
/* ::::: borders for thumb and buttons ::::: */
146
html|div scrollbarbutton {
148
-moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
149
-moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
150
-moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
151
-moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
152
background-color: -moz-Dialog;
155
/* ::::: thumb (horizontal) ::::: */
158
-moz-appearance: scrollbarthumb-vertical;
162
html|div thumb[orient="horizontal"] {
163
-moz-appearance: scrollbarthumb-horizontal;
167
html|div thumb > gripper {
168
-moz-appearance: scrollbargripper-vertical;
171
html|div thumb[orient="horizontal"] > gripper {
172
-moz-appearance: scrollbargripper-horizontal;
175
/* ::::: scrollbar button ::::: */
177
html|div scrollbarbutton {
178
background: -moz-Dialog no-repeat 0px 1px;
183
html|div scrollbarbutton:hover:active {
184
-moz-border-top-colors: ThreeDShadow -moz-Dialog;
185
-moz-border-right-colors: ThreeDShadow -moz-Dialog;
186
-moz-border-bottom-colors: ThreeDShadow -moz-Dialog;
187
-moz-border-left-colors: ThreeDShadow -moz-Dialog;
188
background-position: 1px 2px;
191
/* ..... increment .... */
193
html|div scrollbarbutton[type="increment"] {
194
-moz-appearance: scrollbarbutton-right;
195
background-image: url("chrome://global/skin/arrow/arrow-rit.gif")
198
html|div scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
199
-moz-appearance: scrollbarbutton-down;
200
background-image: url("chrome://global/skin/arrow/arrow-dn.gif")
203
/* ..... decrement .... */
205
html|div scrollbarbutton[type="decrement"] {
206
-moz-appearance: scrollbarbutton-left;
207
background-image: url("chrome://global/skin/arrow/arrow-lft.gif")
210
html|div scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
211
-moz-appearance: scrollbarbutton-up;
212
background-image: url("chrome://global/skin/arrow/arrow-up.gif")