Commit | Line | Data |
---|---|---|
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/. */ | |
128000f4 | 4 | |
f6e0a33f | 5 | /* ===== toolbarbutton.css ===================================================== |
6 | == Styles used by the XUL button element. | |
7 | ======================================================================= */ | |
8 | ||
e181d49e RK |
9 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
10 | ||
74d14f90 | 11 | /* ::::: toolbarbutton ::::: */ |
f6e0a33f | 12 | |
74d14f90 | 13 | toolbarbutton { |
14 | -moz-box-align: center; | |
15 | -moz-box-pack: center; | |
16 | margin: 0px; | |
17 | border: 1px solid transparent; | |
18 | padding: 1px; | |
19 | background-color: transparent; | |
20 | color: #000000; | |
f6e0a33f | 21 | } |
22 | ||
ca710c53 RK |
23 | .toolbarbutton-icon[label]:not([label=""]), |
24 | .toolbarbutton-icon[type="menu"] { | |
dae45075 | 25 | margin-inline-end: 2px; |
f6e0a33f | 26 | } |
27 | ||
28 | .toolbarbutton-text { | |
b1db19fe | 29 | margin: 0px !important; /* !important for overriding global.css */ |
74d14f90 | 30 | padding: 0px; |
31 | text-align: center; | |
f6e0a33f | 32 | } |
33 | ||
e181d49e RK |
34 | toolbarbutton.tabbable { |
35 | -moz-user-focus: normal !important; | |
36 | } | |
37 | ||
024ec655 | 38 | toolbarbutton:-moz-focusring { |
e181d49e | 39 | outline: 1px dotted #666699; |
cfae8c74 | 40 | outline-offset: -1px; |
e181d49e RK |
41 | } |
42 | ||
f2450795 | 43 | /* |
f6e0a33f | 44 | toolbarbutton:hover, |
74d14f90 | 45 | toolbarbutton.toolbarbutton-menubutton-button[open="true"] { |
61af9d1c | 46 | } |
f2450795 | 47 | */ |
f6e0a33f | 48 | |
a064a540 | 49 | toolbarbutton:hover { |
74d14f90 | 50 | border: 1px outset #CCD0DD; |
f6e0a33f | 51 | } |
52 | ||
74d14f90 | 53 | toolbarbutton:hover:active, |
54 | toolbarbutton[open="true"] { | |
e181d49e RK |
55 | padding-top: 2px; |
56 | padding-bottom: 0px; | |
dae45075 RK |
57 | padding-inline-start: 2px; |
58 | padding-inline-end: 0px; | |
74d14f90 | 59 | border: 1px inset #CCD0DD; |
f6e0a33f | 60 | } |
61af9d1c | 61 | |
e181d49e RK |
62 | toolbarbutton[disabled="true"], |
63 | toolbarbutton[disabled="true"]:hover, | |
64 | toolbarbutton[disabled="true"]:hover:active, | |
65 | toolbarbutton[disabled="true"][open="true"] { | |
66 | border: 1px solid transparent; | |
67 | padding: 1px; | |
68 | color: #999999; | |
f6e0a33f | 69 | } |
70 | ||
3b1530c2 RK |
71 | toolbarbutton:-moz-lwtheme { |
72 | text-shadow: none; | |
73 | } | |
74 | ||
f6e0a33f | 75 | /* ..... checked state ..... */ |
76 | ||
74d14f90 | 77 | toolbarbutton[checked="true"] { |
e181d49e RK |
78 | padding-top: 2px !important; |
79 | padding-bottom: 0px !important; | |
dae45075 RK |
80 | padding-inline-start: 2px !important; |
81 | padding-inline-end: 0px !important; | |
74d14f90 | 82 | border: 1px inset #CCD0DD !important; |
83 | background-color: #DDDDDD !important; | |
f6e0a33f | 84 | } |
61af9d1c | 85 | |
f6e0a33f | 86 | /* ::::: toolbarbutton menu ::::: */ |
87 | ||
74d14f90 | 88 | .toolbarbutton-menu-dropmarker { |
1d4ddf30 | 89 | padding: 0px; |
90 | border: none !important; | |
91 | background-color: transparent !important; | |
f6e0a33f | 92 | } |
93 | ||
f6e0a33f | 94 | /* ::::: toolbarbutton menu-button ::::: */ |
95 | ||
74d14f90 | 96 | toolbarbutton[type="menu-button"] { |
97 | -moz-box-align: stretch; | |
f6e0a33f | 98 | } |
99 | ||
74d14f90 | 100 | toolbarbutton[type="menu-button"], |
101 | toolbarbutton[type="menu-button"]:hover, | |
102 | toolbarbutton[type="menu-button"]:hover:active, | |
103 | toolbarbutton[type="menu-button"][open="true"], | |
104 | toolbarbutton[type="menu-button"][disabled="true"], | |
105 | toolbarbutton[type="menu-button"][disabled="true"]:hover, | |
106 | toolbarbutton[type="menu-button"][disabled="true"]:hover:active { | |
e181d49e | 107 | border-style: none; |
74d14f90 | 108 | padding: 0px !important; |
f6e0a33f | 109 | } |
110 | ||
111 | .toolbarbutton-menubutton-button { | |
74d14f90 | 112 | -moz-box-align: center; |
113 | -moz-box-pack: center; | |
e181d49e | 114 | -moz-box-orient: vertical; |
f6e0a33f | 115 | } |
116 | ||
74d14f90 | 117 | .toolbarbutton-menubutton-button, |
f6e0a33f | 118 | .toolbarbutton-menubutton-dropmarker { |
74d14f90 | 119 | border: 1px solid transparent; |
61af9d1c | 120 | } |
121 | ||
74d14f90 | 122 | .toolbarbutton-menubutton-button[disabled="true"], |
f6e0a33f | 123 | .toolbarbutton-menubutton-dropmarker[disabled="true"] { |
74d14f90 | 124 | border: 1px solid transparent !important; |
61af9d1c | 125 | } |
f6e0a33f | 126 | |
74d14f90 | 127 | toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-button, |
61af9d1c | 128 | toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-dropmarker { |
74d14f90 | 129 | border: 1px outset #CCD0DD; |
f6e0a33f | 130 | } |
131 | ||
61af9d1c | 132 | toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-button, |
74d14f90 | 133 | toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker, |
74d14f90 | 134 | toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-button, |
135 | toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker { | |
136 | border: 1px inset #CCD0DD; | |
f6e0a33f | 137 | } |
138 | ||
61af9d1c | 139 | toolbarbutton[type="menu-button"]:hover:active > toolbarbutton.toolbarbutton-menubutton-button, |
74d14f90 | 140 | toolbarbutton[type="menu-button"][open="true"] > toolbarbutton.toolbarbutton-menubutton-button { |
e181d49e RK |
141 | padding-top: 2px !important; |
142 | padding-bottom: 0px !important; | |
dae45075 RK |
143 | padding-inline-start: 2px !important; |
144 | padding-inline-end: 0px !important; | |
f6e0a33f | 145 | } |
146 | ||
58a9dcb5 | 147 | toolbarbutton[disabled="true"] > toolbarbutton.toolbarbutton-menubutton-button, |
148 | toolbarbutton[disabled="true"]:hover:active > toolbarbutton.toolbarbutton-menubutton-button { | |
b70a3a73 | 149 | padding: 1px !important; |
150 | } | |
151 | ||
e82e1bf4 RK |
152 | /* ::::: toolbarbutton badged ::::: */ |
153 | ||
d471380e | 154 | .toolbarbutton-badge-stack > .toolbarbutton-icon[label]:not([label=""]) { |
dae45075 | 155 | margin-inline-end: 0; |
e82e1bf4 RK |
156 | } |
157 | ||
e82e1bf4 RK |
158 | .toolbarbutton-badge { |
159 | background-color: #CCD0DD; | |
e82e1bf4 RK |
160 | font-size: 10px; |
161 | font-weight: bold; | |
d471380e | 162 | padding: 0 2px 1px; |
e82e1bf4 | 163 | color: #000000; |
e82e1bf4 RK |
164 | border-radius: 2px; |
165 | box-shadow: 0 1px 0 #9999CC inset, | |
166 | 0 -1px 0 #9999CC inset, | |
167 | 0 1px 0 #9999CC; | |
d471380e | 168 | margin: -6px 0 0 !important; |
dae45075 | 169 | margin-inline-end: -8px !important; |
d471380e RK |
170 | min-width: 14px; |
171 | max-width: 28px; | |
e82e1bf4 RK |
172 | line-height: 10px; |
173 | text-align: center; | |
d471380e | 174 | -moz-stack-sizing: ignore; |
e82e1bf4 RK |
175 | } |
176 | ||
74d14f90 | 177 | /* .......... dropmarker .......... */ |
178 | ||
179 | .toolbarbutton-menubutton-dropmarker { | |
1232bf8e | 180 | -moz-box-align: start; |
02920d2b | 181 | padding: 3px 1px 1px; |
37cf043b | 182 | background-color: transparent; |
f6e0a33f | 183 | } |
184 | ||
74d14f90 | 185 | toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker, |
74d14f90 | 186 | toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker { |
e181d49e RK |
187 | padding-top: 4px; |
188 | padding-bottom: 0px; | |
dae45075 RK |
189 | padding-inline-start: 2px; |
190 | padding-inline-end: 0px; | |
74d14f90 | 191 | } |
192 | ||
193 | .toolbarbutton-menubutton-dropmarker[disabled="true"] { | |
02920d2b | 194 | padding: 3px 1px 1px !important; |
f6e0a33f | 195 | } |