tweaks for making devtools look nicer
[themes.git] / LCARStrek / global / toolbarbutton.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 /* ===== 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   border-radius: 3px;
15   -moz-box-align: center;
16   -moz-box-pack: center;
17   margin: 0px;
18   -moz-margin-start: 2px;
19   border: none;
20   padding: 1px 2px;
21   background-color: #000000;
22   color: #FFCF00;
23 }
24
25 .toolbarbutton-icon[label]:not([label=""]),
26 .toolbarbutton-icon[type="menu"] {
27   -moz-margin-start: 1px;
28   -moz-margin-end: 2px;
29 }
30
31 .toolbarbutton-text {
32   margin: 0px !important;
33   padding: 0px;
34   text-align: center;
35 }
36
37 toolbarbutton.tabbable {
38   -moz-user-focus: normal !important;
39 }
40
41 toolbarbutton:-moz-focusring {
42   -moz-outline-radius: 3px;
43   outline: 1px dotted #008484;
44   outline-offset: -1px;
45 }
46
47 toolbarbutton:hover {
48   background-color: #FFCF00;
49   color: #000000;
50 }
51
52 toolbarbutton:hover:active,
53 toolbarbutton[open="true"],
54 toolbarbutton.toolbarbutton-menubutton-button[open="true"] {
55   background-color: #FF9F00;
56   color: #000000;
57 }
58
59 toolbarbutton:hover:active,
60 toolbarbutton[open="true"] {
61   padding-top: 2px;
62   padding-bottom: 0px;
63   -moz-padding-start: 3px;
64   -moz-padding-end: 1px;
65 }
66
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"] {
72   padding: 1px 2px;
73   background-color: #000000;
74   color: #8050B0;
75 }
76
77 toolbarbutton:-moz-lwtheme {
78   text-shadow: none;
79 }
80
81
82 /* ..... checked state ..... */
83
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;
90   color: #FFCF00;
91 }
92
93 toolbarbutton[checked="true"]:hover,
94 toolbarbutton[checked="true"]:hover:active {
95   background-color: #FFCF00;
96   color: #000000;
97 }
98
99 /* ::::: toolbarbutton menu ::::: */
100
101 .toolbarbutton-menu-dropmarker {
102   padding: 0px;
103   border: none !important;
104   background-color: transparent !important;
105 }
106
107 /* ::::: toolbarbutton menu-button ::::: */
108
109 toolbarbutton[type="menu-button"] {
110   -moz-box-align: stretch;
111 }
112
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;
121 }
122
123 .toolbarbutton-menubutton-button {
124   margin: 0px;
125   -moz-box-align: center;
126   -moz-box-pack: center;
127   -moz-box-orient: vertical;
128 }
129
130 .toolbarbutton-menubutton-button,
131 .toolbarbutton-menubutton-dropmarker {
132   background-color: #000000;
133 }
134
135 toolbarbutton[type="menu-button"][checked="true"] > .toolbarbutton-menubutton-button,
136 toolbarbutton[type="menu-button"][checked="true"] > .toolbarbutton-menubutton-dropmarker {
137   background-color: #008484;
138   color: #FFCF00;
139 }
140
141 .toolbarbutton-menubutton-button[disabled="true"],
142 .toolbarbutton-menubutton-dropmarker[disabled="true"] {
143   background-color: #000000 !important;
144   color: #8050B0 !important;
145 }
146
147 toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-button,
148 toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-dropmarker,
149 toolbarbutton[type="menu-button"][checked="true"]:hover > .toolbarbutton-menubutton-button,
150 toolbarbutton[type="menu-button"][checked="true"]:hover > .toolbarbutton-menubutton-dropmarker {
151   background-color: #FFCF00;
152   color: #000000;
153 }
154
155 toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-button,
156 toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
157 toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-button,
158 toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker,
159 toolbarbutton[type="menu-button"][checked="true"]:hover:active > .toolbarbutton-menubutton-button,
160 toolbarbutton[type="menu-button"][checked="true"]:hover:active > .toolbarbutton-menubutton-dropmarker {
161   background-color: #FF9F00;
162   color: #000000;
163 }
164
165 toolbarbutton[type="menu-button"]:hover:active > toolbarbutton.toolbarbutton-menubutton-button,
166 toolbarbutton[type="menu-button"][open="true"] > toolbarbutton.toolbarbutton-menubutton-button {
167   padding-top: 2px !important;
168   padding-bottom: 0px !important;
169   -moz-padding-start: 3px !important;
170   -moz-padding-end: 1px !important;
171 }
172
173 toolbarbutton[disabled="true"] > toolbarbutton.toolbarbutton-menubutton-button,
174 toolbarbutton[disabled="true"]:hover:active > toolbarbutton.toolbarbutton-menubutton-button {
175   padding: 1px 2px !important;
176 }
177
178 /* .......... dropmarker .......... */
179
180 .toolbarbutton-menubutton-dropmarker {
181   border-radius: 3px;
182   -moz-box-align: start;
183   padding: 3px 1px 1px;
184   border: none;
185   background-color: transparent;
186 }
187
188 toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
189 toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
190   padding-top: 4px;
191   padding-bottom: 0px;
192   -moz-padding-start: 2px;
193   -moz-padding-end: 0px;
194 }
195
196 toolbarbutton[type="menu-button"]:not([disabled="true"]):hover > .toolbarbutton-menubutton-dropmarker,
197 toolbarbutton[type="menu-button"]:not([disabled="true"]):hover:active > .toolbarbutton-menubutton-dropmarker,
198 toolbarbutton[type="menu-button"][open="true"]:not([disabled="true"]) > .toolbarbutton-menubutton-dropmarker,
199 toolbarbutton[type="menu"]:not([disabled="true"]):hover .toolbarbutton-menu-dropmarker,
200 toolbarbutton[type="menu"]:not([disabled="true"]):hover:active .toolbarbutton-menu-dropmarker,
201 toolbarbutton[type="menu"][open="true"]:not([disabled="true"]) .toolbarbutton-menu-dropmarker {
202   list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
203  -moz-image-region: auto;
204 }
205
206
207 .toolbarbutton-menubutton-dropmarker[disabled="true"] {
208   padding: 3px 1px 1px !important;
209   border: none !important;
210 }