tweaks for making devtools look nicer
[themes.git] / LCARStrek / global / scrollbox.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
5@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
6
f98e9249 7/* ::::: Scroll arrows ::::: */
351107c9 8
f98e9249
RK
9/* Horizontal enabled */
10.autorepeatbutton-up[orient="horizontal"],
18f5421a 11.autorepeatbutton-down:-moz-locale-dir(rtl)[orient="horizontal"],
f98e9249 12.scrollbutton-up[orient="horizontal"],
18f5421a 13.scrollbutton-down:-moz-locale-dir(rtl)[orient="horizontal"] {
f98e9249 14 list-style-image: url("chrome://global/skin/arrow/arrow-left.gif");
b1eaa419 15}
351107c9 16
f98e9249 17.autorepeatbutton-down[orient="horizontal"],
18f5421a 18.autorepeatbutton-up:-moz-locale-dir(rtl)[orient="horizontal"],
f98e9249 19.scrollbutton-down[orient="horizontal"],
18f5421a 20.scrollbutton-up:-moz-locale-dir(rtl)[orient="horizontal"] {
f98e9249 21 list-style-image: url("chrome://global/skin/arrow/arrow-right.gif");
b1eaa419 22}
351107c9 23
a3b6328b
RK
24/* Horizontal hovered */
25.autorepeatbutton-up[orient="horizontal"]:hover,
26.autorepeatbutton-down:-moz-locale-dir(rtl)[orient="horizontal"]:hover,
27.scrollbutton-up[orient="horizontal"]:hover,
28.scrollbutton-down:-moz-locale-dir(rtl)[orient="horizontal"]:hover {
29 list-style-image: url("chrome://global/skin/arrow/arrow-left-hover.gif");
30}
31
32.autorepeatbutton-down[orient="horizontal"]:hover,
33.autorepeatbutton-up:-moz-locale-dir(rtl)[orient="horizontal"]:hover,
34.scrollbutton-down[orient="horizontal"]:hover,
35.scrollbutton-up:-moz-locale-dir(rtl)[orient="horizontal"]:hover {
36 list-style-image: url("chrome://global/skin/arrow/arrow-right-hover.gif");
37}
38
f98e9249
RK
39 /* Horizontal disabled */
40.autorepeatbutton-up[orient="horizontal"][disabled="true"],
18f5421a 41.autorepeatbutton-down:-moz-locale-dir(rtl)[orient="horizontal"][disabled="true"],
f98e9249 42.scrollbutton-up[orient="horizontal"][disabled="true"],
18f5421a 43.scrollbutton-down:-moz-locale-dir(rtl)[orient="horizontal"][disabled="true"] {
f98e9249
RK
44 list-style-image: url("chrome://global/skin/arrow/arrow-left-disabled.gif");
45}
46
47.autorepeatbutton-down[orient="horizontal"][disabled="true"],
18f5421a 48.autorepeatbutton-up:-moz-locale-dir(rtl)[orient="horizontal"][disabled="true"],
f98e9249 49.scrollbutton-down[orient="horizontal"][disabled="true"],
18f5421a 50.scrollbutton-up:-moz-locale-dir(rtl)[orient="horizontal"][disabled="true"] {
f98e9249
RK
51 list-style-image: url("chrome://global/skin/arrow/arrow-right-disabled.gif");
52}
53
54/* Vertical enabled */
55.autorepeatbutton-up,
56.scrollbutton-up {
57 list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
58}
59
60.autorepeatbutton-down,
61.scrollbutton-down {
62 list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
63}
64
a3b6328b
RK
65/* Vertical hovered */
66.autorepeatbutton-up:hover,
67.scrollbutton-up:hover {
68 list-style-image: url("chrome://global/skin/arrow/arrow-up-hover.gif");
69}
70
71.autorepeatbutton-down:hover,
72.scrollbutton-down:hover {
73 list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
74}
75
f98e9249
RK
76/* Vertical disabled */
77.autorepeatbutton-up[disabled="true"],
78.scrollbutton-up[disabled="true"] {
79 list-style-image: url("chrome://global/skin/arrow/arrow-up-disabled.gif");
80}
81
82.autorepeatbutton-down[disabled="true"],
83.scrollbutton-down[disabled="true"] {
84 list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif");
85}
86
87.scrollbutton-up > .toolbarbutton-text,
88.scrollbutton-down > .toolbarbutton-text {
89 display: none;
90}
91
92autorepeatbutton,
93.scrollbutton-up,
94.scrollbutton-down {
b1eaa419 95 -moz-box-align: center;
96 -moz-box-pack: center;
f98e9249
RK
97 margin-top: 1px;
98 margin-bottom: 2px;
99 -moz-margin-start: 1px;
100 -moz-margin-end: 2px;
101}
102
103autorepeatbutton {
b1eaa419 104 border: 1px solid transparent;
105 padding: 1px;
106}
107
f98e9249
RK
108autorepeatbutton:not([disabled="true"]):hover,
109autorepeatbutton:not([disabled="true"]):hover:active {
b1eaa419 110 background-color: #FFCF00;
111 margin: 1px;
112 border: 1px inset #000000;
f98e9249
RK
113 padding-top: 2px;
114 padding-bottom: 1px;
115 -moz-padding-start: 2px;
116 -moz-padding-end: 1px;
b1eaa419 117}