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 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
7 /* ==== button.css ==========================================================
8 == Styles for special buttons in the Communicator suite.
9 ========================================================================== */
11 /* ::::: large toolbar buttons ::::: */
14 .toolbarbutton-1 > .toolbarbutton-menubutton-button {
17 -moz-box-orient: vertical;
20 .toolbarbutton-1[type="menu-button"] {
21 -moz-box-orient: horizontal;
25 .toolbarbutton-1 > .toolbarbutton-menubutton-button,
26 .toolbarbutton-1[disabled="true"]:hover:active,
27 .toolbarbutton-1[disabled="true"]:hover:active > .toolbarbutton-menubutton-button {
31 .toolbarbutton-1:hover:active,
32 .toolbarbutton-1[open="true"],
33 .toolbarbutton-1:hover:active > .toolbarbutton-menubutton-button {
36 -moz-padding-start: 3px;
37 -moz-padding-end: 1px;
40 .toolbarbutton-1[type="menu"] {
41 -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#menu-vertical");
44 /* ::::: small primary toolbar buttons ::::: */
46 toolbar[mode="text"] .toolbarbutton-1,
47 toolbar[mode="icons"] .toolbarbutton-1,
48 toolbar[iconsize="small"] .toolbarbutton-1,
49 toolbar[mode="text"] .toolbarbutton-menubutton-button,
50 toolbar[mode="icons"] .toolbarbutton-menubutton-button,
51 toolbar[iconsize="small"] .toolbarbutton-menubutton-button {
56 toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker {
59 -moz-padding-start: 1px;
60 -moz-padding-end: 1px;
63 toolbar[mode="icons"] .toolbarbutton-menubutton-dropmarker,
64 toolbar[iconsize="small"] .toolbarbutton-menubutton-dropmarker {
67 -moz-padding-start: 1px;
68 -moz-padding-end: 1px;
71 toolbar[mode="text"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
72 toolbar[mode="text"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
75 -moz-padding-start: 0px;
76 -moz-padding-end: 2px;
79 toolbar[mode="icons"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
80 toolbar[mode="icons"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker,
81 toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
82 toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
85 -moz-padding-start: 0px;
86 -moz-padding-end: 2px;
89 toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker[disabled="true"] {
90 padding-top: 4px !important;
91 padding-bottom: 8px !important;
92 -moz-padding-start: 1px !important;
93 -moz-padding-end: 1px !important;
96 toolbar[mode="icons"] .toolbarbutton-menubutton-dropmarker[disabled="true"],
97 toolbar[iconsize="small"] > .toolbarbutton-menubutton-dropmarker[disabled="true"] {
98 padding-top: 0px !important;
99 padding-bottom: 13px !important;
100 -moz-padding-start: 1px !important;
101 -moz-padding-end: 1px !important;
104 toolbar[mode="icons"] .toolbarbutton-text,
105 toolbar[mode="text"] .toolbarbutton-icon {
109 toolbar[mode="text"] .toolbarbutton-text {
113 toolbar[mode="text"] .toolbarbutton-1,
114 toolbar[mode="text"] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
115 -moz-box-orient: horizontal;
118 toolbar[labelalign="end"] .toolbarbutton-1,
119 toolbar[labelalign="end"] .toolbarbutton-1 > .toolbarbutton-menubutton-button,
120 toolbar[labelalign="end"] .toolbarbutton-1 > hbox > vbox {
121 -moz-box-orient: horizontal;
124 /* ::::: standard toolbar buttons ::::: */
127 -moz-user-focus: ignore;
130 background-color: transparent;
133 /* ::::: taskbuttons ::::: */
137 .taskbutton:hover:active {
143 background-color: #FFCF00;
146 .taskbutton:hover:active {
147 background-color: #FFCF00;
150 /* override winstripe */
152 .toolbarbutton-icon[label]:not([label=""]),
153 .toolbarbutton-icon[type="menu"] {
154 -moz-margin-end: 2px;