toolkit/themes/windows/global/toolbarbutton.css

branch
TOR_BUG_9701
changeset 15
b8a032363ba2
equal deleted inserted replaced
-1:000000000000 0:64a682ce3d97
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 /* ===== toolbarbutton.css =====================================================
6 == Styles used by the XUL button element.
7 ======================================================================= */
8
9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
10
11 /* ::::: toolbarbutton ::::: */
12
13 toolbarbutton {
14 -moz-appearance: toolbarbutton;
15 -moz-box-align: center;
16 -moz-box-pack: center;
17 margin: 0;
18 border: 1px solid transparent;
19 padding: 3px;
20 background-color: transparent;
21 color: -moz-DialogText;
22 }
23
24 .toolbarbutton-icon[label]:not([label=""]),
25 .toolbarbutton-icon[type="menu"] {
26 -moz-margin-end: 5px;
27 }
28
29 .toolbarbutton-text {
30 margin: 0 !important;
31 text-align: center;
32 }
33
34 toolbarbutton.tabbable {
35 -moz-user-focus: normal !important;
36 }
37
38 toolbarbutton:-moz-focusring {
39 /* -moz-appearance looks redundant here but is necessary.
40 Without it, the outline won't appear. */
41 -moz-appearance: toolbarbutton;
42 outline: 1px dotted -moz-DialogText;
43 outline-offset: -2px;
44 }
45
46 toolbarbutton:hover:not([disabled="true"]) {
47 border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
48 }
49
50 toolbarbutton:hover:active:not([disabled="true"]),
51 toolbarbutton[open="true"]:hover,
52 toolbarbutton[open="true"] {
53 border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow;
54 padding-top: 4px;
55 padding-bottom: 2px;
56 -moz-padding-start: 4px;
57 -moz-padding-end: 2px;
58 }
59
60 toolbarbutton[disabled="true"] {
61 color: GrayText;
62 text-shadow: none;
63 }
64
65 @media (-moz-windows-classic) {
66 toolbarbutton[disabled="true"] {
67 color: ThreeDShadow;
68 text-shadow: 1px 1px ThreeDHighlight;
69 }
70 }
71
72 toolbarbutton[checked="true"]:not([disabled="true"]) {
73 border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow;
74 padding-top: 4px;
75 padding-bottom: 2px;
76 -moz-padding-start: 4px;
77 -moz-padding-end: 2px;
78 background-color: rgba(255,255,255,0.5);
79 color: ButtonText;
80 }
81
82 @media (-moz-windows-default-theme) {
83 toolbarbutton:-moz-lwtheme {
84 text-shadow: none;
85 }
86
87 toolbarbutton:-moz-lwtheme:not(:hover):not([checked="true"]):not([open="true"]):not([disabled="true"]) {
88 color: inherit;
89 text-shadow: inherit;
90 }
91 }
92
93 @media not all and (-moz-windows-default-theme) {
94 toolbarbutton:-moz-lwtheme {
95 -moz-appearance: none;
96 }
97
98 toolbarbutton:-moz-lwtheme:not([disabled="true"]) {
99 color: inherit;
100 text-shadow: inherit;
101 }
102 }
103
104 /* ::::: toolbarbutton menu ::::: */
105
106 .toolbarbutton-menu-dropmarker {
107 -moz-appearance: none !important;
108 border: none !important;
109 background-color: transparent !important;
110 padding: 0;
111 width: auto;
112 height: auto;
113 margin-top: 1px;
114 }
115
116 /* ::::: toolbarbutton menu-button ::::: */
117
118 toolbarbutton[type="menu-button"] {
119 -moz-box-align: stretch;
120 -moz-box-orient: horizontal !important;
121 }
122
123 toolbarbutton[type="menu-button"],
124 toolbarbutton[type="menu-button"]:hover,
125 toolbarbutton[type="menu-button"]:hover:active,
126 toolbarbutton[type="menu-button"][open="true"],
127 toolbarbutton[type="menu-button"][disabled="true"],
128 toolbarbutton[type="menu-button"][disabled="true"]:hover,
129 toolbarbutton[type="menu-button"][disabled="true"]:hover:active {
130 border-style: none;
131 padding: 0 !important;
132 }
133
134 .toolbarbutton-menubutton-button {
135 -moz-box-align: center;
136 -moz-box-pack: center;
137 -moz-box-orient: vertical;
138 }
139
140 /* .......... dropmarker .......... */
141
142 .toolbarbutton-menubutton-dropmarker {
143 -moz-appearance: none;
144 padding: 3px 7px;
145 border: none;
146 background-color: transparent;
147 width: auto;
148 }

mercurial