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/. */
5 /* ===== toolbarbutton.css =====================================================
6 == Styles used by the XUL button element.
7 ======================================================================= */
9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
11 /* ::::: toolbarbutton ::::: */
15 -moz-box-align: center;
16 -moz-box-pack: center;
18 -moz-margin-start: 2px;
21 background-color: #000000;
25 .toolbarbutton-icon[label]:not([label=""]),
26 .toolbarbutton-icon[type="menu"] {
27 -moz-margin-start: 1px;
32 margin: 0px !important;
37 toolbarbutton.tabbable {
38 -moz-user-focus: normal !important;
41 toolbarbutton:-moz-focusring {
42 -moz-outline-radius: 3px;
43 outline: 1px dotted #008484;
48 background-color: #FFCF00;
52 toolbarbutton:hover:active,
53 toolbarbutton[open="true"],
54 toolbarbutton.toolbarbutton-menubutton-button[open="true"] {
55 background-color: #FF9F00;
59 toolbarbutton:hover:active,
60 toolbarbutton[open="true"] {
63 -moz-padding-start: 3px;
64 -moz-padding-end: 1px;
67 toolbarbutton[disabled="true"],
68 toolbarbutton[disabled="true"]:hover,
69 toolbarbutton[disabled="true"]:hover:active,
70 toolbarbutton[disabled="true"][open="true"],
71 toolbarbutton[disabled="true"][checked="true"] {
73 background-color: #000000;
77 toolbarbutton:-moz-lwtheme {
82 /* ..... checked state ..... */
84 toolbarbutton[checked="true"] {
85 padding-top: 2px !important;
86 padding-bottom: 0px !important;
87 -moz-padding-start: 3px !important;
88 -moz-padding-end: 1px !important;
89 background-color: #008484;
93 toolbarbutton[checked="true"]:hover,
94 toolbarbutton[checked="true"]:hover:active {
95 background-color: #FFCF00;
99 /* ::::: toolbarbutton menu ::::: */
101 .toolbarbutton-menu-dropmarker {
103 border: none !important;
104 background-color: transparent !important;
107 /* ::::: toolbarbutton menu-button ::::: */
109 toolbarbutton[type="menu-button"] {
110 -moz-box-align: stretch;
113 toolbarbutton[type="menu-button"],
114 toolbarbutton[type="menu-button"]:hover,
115 toolbarbutton[type="menu-button"]:hover:active,
116 toolbarbutton[type="menu-button"][open="true"],
117 toolbarbutton[type="menu-button"][disabled="true"],
118 toolbarbutton[type="menu-button"][disabled="true"]:hover,
119 toolbarbutton[type="menu-button"][disabled="true"]:hover:active {
120 padding: 0px !important;
123 .toolbarbutton-menubutton-button {
125 -moz-box-align: center;
126 -moz-box-pack: center;
127 -moz-box-orient: vertical;
130 .toolbarbutton-menubutton-button,
131 .toolbarbutton-menubutton-dropmarker {
132 background-color: #000000;
135 .toolbarbutton-menubutton-button[disabled="true"],
136 .toolbarbutton-menubutton-dropmarker[disabled="true"] {
137 background-color: #000000 !important;
138 color: #8050B0 !important;
141 toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-button,
142 toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-dropmarker {
143 background-color: #FFCF00;
147 toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-button,
148 toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
149 toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-button,
150 toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
151 background-color: #FF9F00;
155 toolbarbutton[type="menu-button"]:hover:active > toolbarbutton.toolbarbutton-menubutton-button,
156 toolbarbutton[type="menu-button"][open="true"] > toolbarbutton.toolbarbutton-menubutton-button {
157 padding-top: 2px !important;
158 padding-bottom: 0px !important;
159 -moz-padding-start: 3px !important;
160 -moz-padding-end: 1px !important;
163 toolbarbutton[disabled="true"] > toolbarbutton.toolbarbutton-menubutton-button,
164 toolbarbutton[disabled="true"]:hover:active > toolbarbutton.toolbarbutton-menubutton-button {
165 padding: 1px 2px !important;
168 /* .......... dropmarker .......... */
170 .toolbarbutton-menubutton-dropmarker {
172 -moz-box-align: start;
173 padding: 3px 1px 1px;
175 background-color: transparent;
178 toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
179 toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
182 -moz-padding-start: 2px;
183 -moz-padding-end: 0px;
186 toolbarbutton[type="menu-button"]:not([disabled="true"]):hover > .toolbarbutton-menubutton-dropmarker,
187 toolbarbutton[type="menu-button"]:not([disabled="true"]):hover:active > .toolbarbutton-menubutton-dropmarker,
188 toolbarbutton[type="menu-button"][open="true"]:not([disabled="true"]) > .toolbarbutton-menubutton-dropmarker,
189 toolbarbutton[type="menu"]:not([disabled="true"]):hover .toolbarbutton-menu-dropmarker,
190 toolbarbutton[type="menu"]:not([disabled="true"]):hover:active .toolbarbutton-menu-dropmarker,
191 toolbarbutton[type="menu"][open="true"]:not([disabled="true"]) .toolbarbutton-menu-dropmarker {
192 list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
193 -moz-image-region: auto;
197 .toolbarbutton-menubutton-dropmarker[disabled="true"] {
198 padding: 3px 1px 1px !important;
199 border: none !important;