tweaks for making devtools look nicer
[themes.git] / LCARStrek / 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/. */
351107c9 4
b1eaa419 5/* ===== scrollbars.css =================================================
6 == Styles used by XUL scrollbar-related elements.
7 ======================================================================= */
351107c9 8
f98e9249
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
b1eaa419 12/* ::::: scrollbar ::::: */
13
14scrollbar {
15 -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar");
16 cursor: default;
17 background-color: #000000;
d8ed26fd 18 border-radius: 50%;
b1eaa419 19}
20
21/* ::::: slider ::::: */
22
23slider {
24 height: 13px;
5968ec68 25 background-color: #404048; /* #202024;*/
b1eaa419 26}
27
28slider[orient="vertical"] {
29 width: 13px;
30}
31
32/* ::::: borders for thumb and buttons ::::: */
33
34thumb,
35scrollbarbutton {
36 border: none;
37 background: transparent 50% 50% no-repeat;
38 padding: 1px;
39 min-width: 13px;
40 min-height: 13px;
351107c9 41}
42
e08553ef
RK
43scrollbar:not([orient="vertical"]) > scrollbarbutton {
44 min-width: 16px;
45}
46
47scrollbar[orient="vertical"] > scrollbarbutton {
48 min-height: 16px;
49}
50
51
b1eaa419 52/* ::::: thumb ::::: */
53
54thumb {
d8ed26fd 55 background-color: #A09090;
b1eaa419 56 background-image: url("chrome://global/skin/scrollbar/thumb-vert-grip.gif");
351107c9 57}
58
b1eaa419 59thumb[orient="horizontal"] {
60 background-image: url("chrome://global/skin/scrollbar/thumb-horiz-grip.gif");
351107c9 61}
62
b1eaa419 63
351107c9 64thumb:active,
65thumb:hover:active {
66 background-color: #008484;
67}
68
69thumb:hover {
70 background-color: #FFCF00;
71}
b1eaa419 72
73thumb[disabled="true"] {
74 background-image: url("chrome://global/skin/scrollbar/thumb-vert-grip-disabled.gif");
75}
76
77thumb[orient="horizontal"][disabled="true"] {
78 background-image: url("chrome://global/skin/scrollbar/thumb-horiz-grip-disabled.gif");
79}
80
81/* ::::: scrollbar button ::::: */
82
83scrollbarbutton {
d8ed26fd 84 background-color: #C09070;
b1eaa419 85}
86
a12570b9 87scrollbarbutton:hover:active,
88scrollbarbutton[active="true"] {
e08553ef 89 background-position: calc(50% + 1px) calc(50% + 1px);
3d6dd546 90}
b1eaa419 91
9c1ab967
RK
92scrollbarbutton:hover {
93 background-color: #FFCF00;
94}
95
96scrollbarbutton:hover:active {
e08553ef 97 background-color: #FF9F00;
9c1ab967
RK
98}
99
100scrollbarbutton[disabled="true"] {
d8ed26fd 101 background-color: #402858 !important;
9c1ab967
RK
102}
103
f98e9249
RK
104/* XXX - scrollbar.xml always grabs the OS settings and we don't want that */
105scrollbarbutton[sbattr="scrollbar-up-bottom"],
106scrollbarbutton[sbattr="scrollbar-down-top"] {
107 display: none;
108}
109
03f6f39c 110/* ::::: square at the corner of two scrollbars ::::: */
111
112scrollcorner {
3d6dd546 113 -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar-base");
114 cursor: default;
03f6f39c 115 background-color: #000000;
6046f027 116 width: 13px;
03f6f39c 117}
118
b1eaa419 119/* ..... increment .... */
120
121scrollbarbutton[type="increment"] {
9c1ab967 122 background-image: url("chrome://global/skin/scrollbar/arrow-right.png");
e08553ef 123 border-radius: 0 300px 300px 0;
cc56c65e 124 -moz-border-start: 3px solid #000000;
b1eaa419 125}
126
b1eaa419 127scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
9c1ab967 128 background-image: url("chrome://global/skin/scrollbar/arrow-down.png");
e08553ef
RK
129 border-radius: 0 0 300px 300px;
130 -moz-border-start: none;
cc56c65e 131 border-top: 3px solid #000000;
b1eaa419 132}
133
b1eaa419 134/* ..... decrement .... */
135
136scrollbarbutton[type="decrement"] {
9c1ab967 137 background-image: url("chrome://global/skin/scrollbar/arrow-left.png");
e08553ef 138 border-radius: 300px 0 0 300px;
cc56c65e 139 -moz-border-end: 3px solid #000000;
b1eaa419 140}
141
b1eaa419 142scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
9c1ab967 143 background-image: url("chrome://global/skin/scrollbar/arrow-up.png");
e08553ef
RK
144 border-radius: 300px 300px 0 0;
145 -moz-border-end: none;
cc56c65e 146 border-bottom: 3px solid #000000;
b1eaa419 147}
148
b1e5c9b1 149/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
150/* ::::::::::::::::::::: MEDIA PRINT :::::::::::::::::::::: */
151/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
152@media print {
153 /* ::::: scrollbar ::::: */
154
155 html|div scrollbar {
156 -moz-appearance: scrollbartrack-horizontal;
157 -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar");
158 cursor: default;
159 background: url("chrome://global/skin/scrollbar/slider.gif") scrollbar;
160 }
161
3d6dd546 162 html|div scrollbar[orient="vertical"]
b1e5c9b1 163 {
164 -moz-appearance: scrollbartrack-vertical;
165 }
166
167 /* ::::: borders for thumb and buttons ::::: */
168
169 html|div thumb,
170 html|div scrollbarbutton {
171 border: 2px solid;
172 -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
173 -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
174 -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
175 -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
176 background-color: -moz-Dialog;
177 }
178
179 /* ::::: thumb (horizontal) ::::: */
180
181 html|div thumb {
182 -moz-appearance: scrollbarthumb-vertical;
183 min-height: 8px;
184 }
185
186 html|div thumb[orient="horizontal"] {
187 -moz-appearance: scrollbarthumb-horizontal;
188 min-width: 8px;
189 }
190
b1e5c9b1 191 /* ::::: scrollbar button ::::: */
192
193 html|div scrollbarbutton {
cfae8c74 194 background: -moz-Dialog no-repeat 50% 50%;
b1e5c9b1 195 min-width: 16px;
196 min-height: 16px;
197 }
198
a12570b9 199 html|div scrollbarbutton:hover:active,
200 html|div scrollbarbutton[active="true"] {
b1e5c9b1 201 -moz-border-top-colors: ThreeDShadow -moz-Dialog;
202 -moz-border-right-colors: ThreeDShadow -moz-Dialog;
203 -moz-border-bottom-colors: ThreeDShadow -moz-Dialog;
204 -moz-border-left-colors: ThreeDShadow -moz-Dialog;
cfae8c74 205 background-position: 60% 60%;
b1e5c9b1 206 }
207
208 /* ..... increment .... */
209
210 html|div scrollbarbutton[type="increment"] {
211 -moz-appearance: scrollbarbutton-right;
8b5fc82e 212 background-image: url("chrome://global/skin/scrollbar/arrow-right.png")
b1e5c9b1 213 }
214
215 html|div scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
216 -moz-appearance: scrollbarbutton-down;
8b5fc82e 217 background-image: url("chrome://global/skin/scrollbar/arrow-down.png")
b1e5c9b1 218 }
219
220 /* ..... decrement .... */
221
222 html|div scrollbarbutton[type="decrement"] {
223 -moz-appearance: scrollbarbutton-left;
8b5fc82e 224 background-image: url("chrome://global/skin/scrollbar/arrow-left.png")
b1e5c9b1 225 }
226
227 html|div scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
228 -moz-appearance: scrollbarbutton-up;
8b5fc82e 229 background-image: url("chrome://global/skin/scrollbar/arrow-up.png")
b1e5c9b1 230 }
231
03f6f39c 232}