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
background-color: -moz-Dialog;
99
/* ..... increment .... */
101
scrollbarbutton[type="increment"] {
102
-moz-appearance: scrollbarbutton-right;
103
background-image: url("chrome://global/skin/arrow/arrow-rit.gif")
106
scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
107
-moz-appearance: scrollbarbutton-down;
108
background-image: url("chrome://global/skin/arrow/arrow-dn.gif")
111
/* ..... decrement .... */
113
scrollbarbutton[type="decrement"] {
114
-moz-appearance: scrollbarbutton-left;
115
background-image: url("chrome://global/skin/arrow/arrow-lft.gif")
118
scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
119
-moz-appearance: scrollbarbutton-up;
120
background-image: url("chrome://global/skin/arrow/arrow-up.gif")
123
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
124
/* ::::::::::::::::::::: MEDIA PRINT :::::::::::::::::::::: */
125
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
127
/* ::::: scrollbar ::::: */
130
-moz-appearance: scrollbartrack-horizontal;
131
-moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar");
133
background: url("chrome://global/skin/scrollbar/slider.gif") scrollbar;
136
html|div scrollbar[orient="vertical"]
138
-moz-appearance: scrollbartrack-vertical;
141
/* ::::: borders for thumb and buttons ::::: */
144
html|div scrollbarbutton {
146
-moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
147
-moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
148
-moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
149
-moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
150
background-color: -moz-Dialog;
153
/* ::::: thumb (horizontal) ::::: */
156
-moz-appearance: scrollbarthumb-vertical;
160
html|div thumb[orient="horizontal"] {
161
-moz-appearance: scrollbarthumb-horizontal;
165
html|div thumb > gripper {
166
-moz-appearance: scrollbargripper-vertical;
169
html|div thumb[orient="horizontal"] > gripper {
170
-moz-appearance: scrollbargripper-horizontal;
173
/* ::::: scrollbar button ::::: */
175
html|div scrollbarbutton {
176
background: -moz-Dialog no-repeat 0px 1px;
181
html|div scrollbarbutton:hover:active {
182
-moz-border-top-colors: ThreeDShadow -moz-Dialog;
183
-moz-border-right-colors: ThreeDShadow -moz-Dialog;
184
-moz-border-bottom-colors: ThreeDShadow -moz-Dialog;
185
-moz-border-left-colors: ThreeDShadow -moz-Dialog;
186
background-position: 1px 2px;
189
/* ..... increment .... */
191
html|div scrollbarbutton[type="increment"] {
192
-moz-appearance: scrollbarbutton-right;
193
background-image: url("chrome://global/skin/arrow/arrow-rit.gif")
196
html|div scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
197
-moz-appearance: scrollbarbutton-down;
198
background-image: url("chrome://global/skin/arrow/arrow-dn.gif")
201
/* ..... decrement .... */
203
html|div scrollbarbutton[type="decrement"] {
204
-moz-appearance: scrollbarbutton-left;
205
background-image: url("chrome://global/skin/arrow/arrow-lft.gif")
208
html|div scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
209
-moz-appearance: scrollbarbutton-up;
210
background-image: url("chrome://global/skin/arrow/arrow-up.gif")