tweaks for making devtools look nicer
[themes.git] / LCARStrek / global / scrollbox.css
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/. */
4
5 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
6
7 /* ::::: Scroll arrows ::::: */
8
9 /* Horizontal enabled */
10 .autorepeatbutton-up[orient="horizontal"],
11 .autorepeatbutton-down:-moz-locale-dir(rtl)[orient="horizontal"],
12 .scrollbutton-up[orient="horizontal"],
13 .scrollbutton-down:-moz-locale-dir(rtl)[orient="horizontal"] {
14   list-style-image: url("chrome://global/skin/arrow/arrow-left.gif");
15 }
16
17 .autorepeatbutton-down[orient="horizontal"],
18 .autorepeatbutton-up:-moz-locale-dir(rtl)[orient="horizontal"],
19 .scrollbutton-down[orient="horizontal"],
20 .scrollbutton-up:-moz-locale-dir(rtl)[orient="horizontal"] {
21   list-style-image: url("chrome://global/skin/arrow/arrow-right.gif");
22 }
23
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
39  /* Horizontal disabled */
40 .autorepeatbutton-up[orient="horizontal"][disabled="true"],
41 .autorepeatbutton-down:-moz-locale-dir(rtl)[orient="horizontal"][disabled="true"],
42 .scrollbutton-up[orient="horizontal"][disabled="true"],
43 .scrollbutton-down:-moz-locale-dir(rtl)[orient="horizontal"][disabled="true"] {
44   list-style-image: url("chrome://global/skin/arrow/arrow-left-disabled.gif");
45 }
46
47 .autorepeatbutton-down[orient="horizontal"][disabled="true"],
48 .autorepeatbutton-up:-moz-locale-dir(rtl)[orient="horizontal"][disabled="true"],
49 .scrollbutton-down[orient="horizontal"][disabled="true"],
50 .scrollbutton-up:-moz-locale-dir(rtl)[orient="horizontal"][disabled="true"] {
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
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
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
92 autorepeatbutton,
93 .scrollbutton-up,
94 .scrollbutton-down {
95   -moz-box-align: center;
96   -moz-box-pack: center;
97   margin-top: 1px;
98   margin-bottom: 2px;
99   -moz-margin-start: 1px;
100   -moz-margin-end: 2px;
101 }
102
103 autorepeatbutton {
104   border: 1px solid transparent;
105   padding: 1px;
106 }
107
108 autorepeatbutton:not([disabled="true"]):hover,
109 autorepeatbutton:not([disabled="true"]):hover:active {
110   background-color: #FFCF00;
111   margin: 1px;
112   border: 1px inset #000000;
113   padding-top: 2px;
114   padding-bottom: 1px;
115   -moz-padding-start: 2px;
116   -moz-padding-end: 1px;
117 }