first part of syncing LCARStrek with Firefox 29 windows theme changes
[themes.git] / LCARStrek / browser / browser.css
CommitLineData
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/. */
acb0e9b8 4
5@import url("chrome://global/skin/");
fcaeefc2 6@import url("downloads/indicator.css");
acb0e9b8 7
8@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
319c6529
RK
9@namespace html url("http://www.w3.org/1999/xhtml");
10
11toolbar {
12 -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar");
13}
acb0e9b8 14
7d3f7f14 15toolbar[customizable="true"] {
43cc2806
RK
16 -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-browsercustom");
17}
18
41279e76
RK
19toolbar[type="menubar"][autohide="true"] {
20 -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-menubar-autohide");
21}
22
7d3f7f14 23#toolbar-menubar[autohide="true"] {
43cc2806
RK
24 -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-menubar-autohide-browsercustom");
25}
26
acb0e9b8 27menubar {
319c6529 28 -moz-binding: url("chrome://global/skin/globalBindings.xml#menubar");
acb0e9b8 29}
30
319c6529
RK
31#menubar-items {
32 -moz-box-orient: vertical; /* for flex hack */
acb0e9b8 33}
34
319c6529
RK
35#main-menubar {
36 -moz-box-flex: 1; /* make menu items expand to fill toolbar height */
37}
38
63ada306
RK
39/* ::::: primary toolbar ::::: */
40
41.toolbar-primary > .toolbar-box > .toolbar-holder {
270cbf0c 42 background-color: #A09090;
63ada306
RK
43}
44
45.toolbar-primary > .toolbar-box > .toolbar-startcap,
46.toolbar-primary > .toolbar-box > .toolbar-endcap {
47 background-color: #9C9CFF;
48}
49
e20c83c3
RK
50/* Hides the titlebar-placeholder underneath the window caption buttons when we
51 are not autohiding the menubar. */
52#toolbar-menubar:not([autohide="true"]) + #TabsToolbar > .titlebar-placeholder[type="caption-buttons"] {
53 display: none;
54}
55
43cc2806
RK
56/* We want a 4px gap between the TabsToolbar and the toolbar-menubar when the
57 toolbar-menu is displayed, and a 16px gap when it is not. 1px is taken care
58 of by the (light) outer shadow of the tab, the remaining 3/15 are these margins. */
c0f6797e
RK
59#toolbar-menubar:not([moz-collapsed=true]):not([autohide=true]) ~ #TabsToolbar,
60#toolbar-menubar:not([moz-collapsed=true])[autohide=true]:not([inactive]) ~ #TabsToolbar {
43cc2806
RK
61/* margin-top: 3px;*/
62}
63
64#main-window[tabsintitlebar][sizemode="normal"][chromehidden~="menubar"] #toolbar-menubar ~ #TabsToolbar,
65#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] ~ #TabsToolbar {
66/* margin-top: 15px;*/
67}
68
7d3f7f14 69#toolbar-menubar:not([autohide="true"]) {
43cc2806
RK
70 -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-drag-browsercustom");
71}
72
018d70fb
RK
73#main-window[tabsintitlebar] #toolbar-menubar .toolbar-endcap {
74 /* the titlebar buttons are shown right over the endcap but we have no power over the buttonbox position just for this case, so hide the endcap */
75 display: none;
43cc2806 76}
63ada306 77
e20c83c3
RK
78#main-window[customize-entered][tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[customizing-dragovertarget].customization-target::before,
79#main-window[customize-entered][tabsintitlebar]:not([inFullscreen]) #TabsToolbar[customizing-dragovertarget].customization-target::before,
80#main-window[customize-entered][tabsintitlebar]:not([inFullscreen]) #toolbar-menubar.customization-target:hover::before,
81#main-window[customize-entered][tabsintitlebar]:not([inFullscreen]) #TabsToolbar.customization-target:hover::before {
82 outline-color: #A09090;
83}
84
319c6529
RK
85#navigator-toolbox {
86}
87
9abeb12c
RK
88#navigator-toolbox::after {
89 content: "";
90 display: -moz-box;
91 -moz-box-ordinal-group: 101; /* tabs toolbar is 100 */
92 height: 1px;
93}
9abeb12c 94
319c6529
RK
95#navigator-toolbox > toolbar:not(:-moz-lwtheme) {
96}
97
c0f6797e
RK
98/* indent due to non-applicable aero rule */
99 #toolbar-menubar {
100 background-color: transparent !important;
319c6529
RK
101 }
102
c0f6797e
RK
103 #main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar:not(:-moz-lwtheme),
104 #main-window[tabsintitlebar]:not([inFullscreen]) #TabsToolbar:not(:-moz-lwtheme) {
105 /* like menubar */
106 background-color: #6000CF;
107 color: #FF9F00;
319c6529
RK
108 }
109
c0f6797e
RK
110 #main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar:not(:-moz-lwtheme):-moz-window-inactive,
111 #main-window[tabsintitlebar]:not([inFullscreen]) #TabsToolbar:not(:-moz-lwtheme):-moz-window-inactive {
112 background-color: #8050B0;
113 color: #FF9F00;
319c6529
RK
114 }
115
c0f6797e
RK
116 #TabsToolbar:-moz-lwtheme {
117 /*background: linear-gradient(to top, @toolbarShadowColor@ 2px, transparent 2px);*/
319c6529 118 }
9abeb12c 119
c0f6797e
RK
120 #main-window[tabsintitlebar] #titlebar:-moz-lwtheme {
121 visibility: hidden;
122 }
319c6529 123
c0f6797e
RK
124 #main-window[tabsintitlebar] #titlebar-content:-moz-lwtheme {
125 -moz-binding: url("chrome://global/content/bindings/general.xml#windowdragbox");
126 visibility: visible;
127 }
319c6529 128
c0f6797e
RK
129/* Make the menu inherit the toolbar's color. On non-compositor (Aero Basic, XP modern, classic)
130 * this is defined above. Otherwise (Aero Glass, Windows 8 inactive windows), this is hardcoded
131 * to black in browser-aero.css. */
132#main-menubar > menu:not(:-moz-lwtheme) {
133/* color: inherit;*/
319c6529
RK
134}
135
c0f6797e
RK
136#nav-bar {
137 /* Position the toolbar above the bottom of background tabs */
138 position: relative;
139 z-index: 1;
82b4252f
RK
140}
141
c0f6797e
RK
142#personal-bookmarks {
143/* min-height: 24px; */
319c6529
RK
144}
145
c0f6797e
RK
146#print-preview-toolbar:not(:-moz-lwtheme) {
147 /* -moz-appearance: toolbox; */
82b4252f
RK
148}
149
c0f6797e 150#browser-bottombox:not(:-moz-lwtheme) {
319c6529
RK
151}
152
153/* ::::: titlebar ::::: */
154
5305ef8d
RK
155#titlebar {
156 /* like menubar */
157 background-color: #6000CF;
158 color: #FF9F00;
159}
160#titlebar:-moz-window-inactive {
161 background-color: #8050B0;
162 color: #FF9F00;
163}
164
319c6529 165#main-window[sizemode="normal"] > #titlebar {
5305ef8d
RK
166 margin-top: -3px;
167 margin-bottom: 3px;
319c6529
RK
168}
169
170#main-window[sizemode="maximized"] > #titlebar {
5305ef8d 171 margin-top: 4px;
319c6529
RK
172}
173
43cc2806
RK
174/* The button box must appear on top of the navigator-toolbox in order for
175 * click and hover mouse events to work properly for the button in the restored
176 * window state. Otherwise, elements in the navigator-toolbox, like the menubar,
177 * can swallow those events. It will also place the buttons above the fog on
178 * themes with Aero Glass.
179 */
319c6529 180#titlebar-buttonbox {
5305ef8d
RK
181 margin-top: 5px;
182 -moz-margin-end: 3px;
43cc2806 183 z-index: 1;
319c6529
RK
184}
185
319c6529
RK
186.titlebar-placeholder[type="appmenu-button"] {
187 margin-left: 4px;
188}
189
190.titlebar-placeholder[type="caption-buttons"] {
191 margin-left: 10px;
192}
193
194/* titlebar command buttons */
195
196#titlebar-min {
5305ef8d
RK
197 list-style-image: url("chrome://navigator/skin/icons/win-minimize.gif");
198}
199
200#titlebar-min:hover {
201 list-style-image: url("chrome://navigator/skin/icons/win-minimize-hover.gif");
319c6529
RK
202}
203
204#titlebar-max {
5305ef8d
RK
205 list-style-image: url("chrome://browser/skin/win-maximize.gif");
206}
207
208#titlebar-max:hover {
209 list-style-image: url("chrome://browser/skin/win-maximize-hover.gif");
319c6529
RK
210}
211
212#main-window[sizemode="maximized"] #titlebar-max {
5305ef8d
RK
213 list-style-image: url("chrome://navigator/skin/icons/win-restore.gif");
214}
215
216#main-window[sizemode="maximized"] #titlebar-max:hover {
217 list-style-image: url("chrome://navigator/skin/icons/win-restore-hover.gif");
319c6529
RK
218}
219
220#titlebar-close {
5305ef8d
RK
221 list-style-image: url("chrome://navigator/skin/icons/win-close.gif");
222}
223
224#titlebar-close:hover {
225 list-style-image: url("chrome://navigator/skin/icons/win-close-hover.gif");
acb0e9b8 226}
227
228/* ::::: bookmark buttons ::::: */
229
c0f6797e
RK
230toolbarbutton.bookmark-item:not(.subviewbutton),
231#personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder {
232/* margin: 0;
233 padding: 2px 3px;*/
234}
235
236toolbarbutton.bookmark-item:not([disabled="true"]):not(.subviewbutton):hover:active,
237toolbarbutton.bookmark-item[open="true"] {
238/* padding-top: 3px;
239 padding-bottom: 1px;
240 -moz-padding-start: 4px;
241 -moz-padding-end: 2px;*/
242}
243
26125509
RK
244.bookmark-item > .toolbarbutton-icon,
245#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-icon {
acb0e9b8 246 width: 16px;
247 height: 16px;
248}
249
26125509
RK
250/* Force the display of the label for bookmarks */
251.bookmark-item > .toolbarbutton-text,
252#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-text {
acb0e9b8 253 display: -moz-box !important;
254}
255
319c6529
RK
256.bookmark-item > .toolbarbutton-menu-dropmarker {
257 display: none;
258}
259
26125509 260#bookmarks-toolbar-placeholder {
8da9da4e 261 list-style-image: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png") !important;
319c6529
RK
262}
263
e20c83c3
RK
264toolbarpaletteitem[place="palette"] > #personal-bookmarks > #bookmarks-toolbar-placeholder,
265#personal-bookmarks[cui-areatype="menu-panel"] > #bookmarks-toolbar-placeholder {
266 list-style-image: url("chrome://browser/skin/places/bookmarksToolbar-menuPanel.png") !important;
267}
268
269/* ----- BOOKMARK STAR ANIMATION ----- */
270
271@keyframes animation-bookmarkAdded {
272 from { transform: rotate(0deg) translateX(-16px) rotate(0deg) scale(1); opacity: 0; }
273 60% { transform: rotate(180deg) translateX(-16px) rotate(-180deg) scale(2.2); opacity: 1; }
274 80% { opacity: 1; }
275 to { transform: rotate(180deg) translateX(-16px) rotate(-180deg) scale(1); opacity: 0; }
276}
277
278@keyframes animation-bookmarkPulse {
279 from { transform: scale(1); }
280 50% { transform: scale(1.3); }
281 to { transform: scale(1); }
282}
283
284#bookmarked-notification-container {
285 min-height: 1px;
286 min-width: 1px;
287 height: 1px;
288 margin-bottom: -1px;
289 z-index: 5;
290 position: relative;
291}
292
293#bookmarked-notification {
294 background-size: 16px;
295 background-position: center;
296 background-repeat: no-repeat;
297 width: 16px;
298 height: 16px;
299 opacity: 0;
300}
301
c0f6797e
RK
302#bookmarked-notification-dropmarker-anchor {
303 z-index: -1;
304 position: relative;
305}
306
307#bookmarked-notification-dropmarker-icon {
308 width: 18px;
309 height: 18px;
310 visibility: hidden;
311}
312
e20c83c3
RK
313#bookmarked-notification-anchor[notification="finish"] > #bookmarked-notification {
314 background-image: url("chrome://browser/skin/places/bookmarks-notification-finish.png");
315 animation: animation-bookmarkAdded 800ms;
316 animation-timing-function: ease, ease, ease;
317}
318
319#bookmarks-menu-button[notification="finish"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
c0f6797e
RK
320 list-style-image: none !important;
321}
322
323#bookmarked-notification-dropmarker-anchor[notification="finish"] > #bookmarked-notification-dropmarker-icon {
324 visibility: visible;
e20c83c3
RK
325 animation: animation-bookmarkPulse 300ms;
326 animation-delay: 600ms;
327 animation-timing-function: ease-out;
328}
329
319c6529
RK
330/* ::::: bookmark menus ::::: */
331
332menu.bookmark-item,
333menuitem.bookmark-item {
334 min-width: 0;
ab799a7a 335 max-width: 32em;
319c6529
RK
336}
337
e20c83c3 338.bookmark-item:not(.subviewbutton) > .menu-iconic-left {
319c6529
RK
339 margin-top: 0;
340 margin-bottom: 0;
341}
342
343.bookmark-item > .menu-iconic-left > .menu-iconic-icon {
344 -moz-padding-start: 0px;
345}
346
347/* ::::: bookmark items ::::: */
348
349.bookmark-item {
dce90fef 350 list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
8da9da4e 351 -moz-image-region: auto;
319c6529
RK
352}
353
354.bookmark-item[container] {
355 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif");
8da9da4e 356 -moz-image-region: auto;
319c6529
RK
357}
358
359.bookmark-item[container][open] {
360 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif");
8da9da4e 361 -moz-image-region: auto;
319c6529
RK
362}
363
8da9da4e
RK
364.bookmark-item[container][livemark] {
365 list-style-image: url("chrome://communicator/skin/bookmarks/livemark-folder.png");
319c6529
RK
366 -moz-image-region: auto;
367}
368
369.bookmark-item[container][livemark] .bookmark-item {
8da9da4e 370 list-style-image: url("chrome://communicator/skin/bookmarks/livemark-item.png");
719b06bc 371 -moz-image-region: rect(0px, 16px, 16px, 0px);
319c6529
RK
372}
373
eec397be 374.bookmark-item[container][livemark] .bookmark-item[visited] {
719b06bc 375 -moz-image-region: rect(0px, 32px, 16px, 16px);
eec397be
RK
376}
377
319c6529 378.bookmark-item[container][query] {
8da9da4e 379 list-style-image: url("chrome://communicator/skin/bookmarks/query.png");
319c6529
RK
380 -moz-image-region: auto;
381}
382
383.bookmark-item[query][tagContainer] {
384 list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png");
385 -moz-image-region: auto;
386}
387
388.bookmark-item[query][dayContainer] {
8da9da4e 389 list-style-image: url("chrome://communicator/skin/history/calendar.png");
319c6529
RK
390 -moz-image-region: auto;
391}
392
393.bookmark-item[query][hostContainer] {
394 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif");
8da9da4e 395 -moz-image-region: auto;
319c6529
RK
396}
397
398.bookmark-item[query][hostContainer][open] {
399 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif");
8da9da4e 400 -moz-image-region: auto;
319c6529
RK
401}
402
b1234db8
RK
403.bookmark-item[cutting] > .toolbarbutton-icon,
404.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-icon {
405 opacity: 0.5;
406}
407
408.bookmark-item[cutting] > .toolbarbutton-text,
409.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-text {
410 opacity: 0.7;
411}
412
319c6529
RK
413/* ::::: primary toolbar buttons ::::: */
414
43cc2806
RK
415/* === BEGIN toolbarbuttons.inc.css === */
416
417/* Whole section of this included file: */
7d3f7f14 418:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button,
43cc2806
RK
419 #cut-button, #copy-button, #paste-button, #fullscreen-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #sync-button, #feed-button,
420 #tabview-button, #webrtc-status-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button,
421 #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button,
422 #PanelUI-menu-button, #characterencoding-button, #email-link-button),
7d3f7f14 423#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
43cc2806
RK
424 list-style-image: url("chrome://browser/skin/ToolbarFx.png");
425}
426
7d3f7f14 427#back-button {
43cc2806
RK
428 -moz-image-region: rect(0, 36px, 18px, 18px);
429}
430
7d3f7f14 431#back-button:hover:not([disabled="true"]) {
43cc2806
RK
432 -moz-image-region: rect(18px, 36px, 36px, 18px);
433}
434
7d3f7f14 435#back-button[disabled="true"] {
43cc2806
RK
436 -moz-image-region: rect(36px, 36px, 54px, 18px);
437}
438
7d3f7f14 439#forward-button {
43cc2806
RK
440 -moz-image-region: rect(0, 72px, 18px, 54px);
441}
442
7d3f7f14 443#forward-button:hover:not([disabled="true"]) {
43cc2806
RK
444 -moz-image-region: rect(18px, 72px, 36px, 54px);
445}
446
7d3f7f14 447#forward-button[disabled="true"] {
43cc2806
RK
448 -moz-image-region: rect(36px, 72px, 54px, 54px);
449}
450
7d3f7f14
RK
451#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
452#forward-button:-moz-locale-dir(rtl) {
43cc2806
RK
453 transform: scaleX(-1);
454}
455
7d3f7f14 456#home-button[cui-areatype="toolbar"] {
43cc2806
RK
457 -moz-image-region: rect(0, 126px, 18px, 108px);
458}
459
7d3f7f14 460#home-button[cui-areatype="toolbar"]:hover {
43cc2806
RK
461 -moz-image-region: rect(18px, 126px, 36px, 108px);
462}
463
7d3f7f14 464#bookmarks-menu-button[cui-areatype="toolbar"] {
43cc2806
RK
465 -moz-image-region: rect(0, 144px, 18px, 126px);
466}
467
7d3f7f14
RK
468#bookmarks-menu-button[cui-areatype="toolbar"]:hover,
469#bookmarks-menu-button[cui-areatype="toolbar"][open="true"] {
43cc2806
RK
470 -moz-image-region: rect(18px, 144px, 36px, 126px);
471}
472
43ee1307 473/* When "new tab" page shows up, the menubutton-button (star button) is disabled */
7d3f7f14 474#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-button[disabled="true"] {
43ee1307
RK
475 -moz-image-region: rect(36px, 144px, 54px, 126px) !important;
476 background-color: transparent !important;
477}
478
7d3f7f14 479#bookmarks-menu-button[cui-areatype="toolbar"][starred] {
43cc2806
RK
480 -moz-image-region: rect(0, 162px, 18px, 144px);
481}
482
7d3f7f14
RK
483#bookmarks-menu-button[cui-areatype="toolbar"][starred]:hover,
484#bookmarks-menu-button[cui-areatype="toolbar"][starred][open="true"] {
43cc2806
RK
485 -moz-image-region: rect(18px, 162px, 36px, 144px);
486}
487
7d3f7f14 488#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
43cc2806
RK
489 -moz-image-region: rect(0, 630px, 18px, 612px);
490}
491
7d3f7f14 492#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker {
43cc2806
RK
493 padding: 1px;
494 -moz-box-align: center;
495}
496
7d3f7f14
RK
497#bookmarks-menu-button[cui-areatype="toolbar"]:hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
498#bookmarks-menu-button[cui-areatype="toolbar"][open="true"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
43cc2806
RK
499 -moz-image-region: rect(18px, 630px, 36px, 612px);
500}
501
7d3f7f14
RK
502#bookmarks-menu-button[cui-areatype="toolbar"]:hover:active > .toolbarbutton-menubutton-dropmarker,
503#bookmarks-menu-button[cui-areatype="toolbar"][open="true"] > .toolbarbutton-menubutton-dropmarker {
43cc2806
RK
504 padding-top: 2px;
505 padding-bottom: 0px;
506 -moz-padding-start: 2px;
507 -moz-padding-end: 0px;
508}
509
7d3f7f14 510#history-panelmenu[cui-areatype="toolbar"] {
43cc2806
RK
511 -moz-image-region: rect(0, 180px, 18px, 162px);
512}
513
7d3f7f14
RK
514#history-panelmenu[cui-areatype="toolbar"]:hover,
515#history-panelmenu[cui-areatype="toolbar"][open="true"] {
43cc2806
RK
516 -moz-image-region: rect(18px, 180px, 36px, 162px);
517}
518
7d3f7f14 519#downloads-button[cui-areatype="toolbar"] {
43cc2806
RK
520 -moz-image-region: rect(0, 198px, 18px, 180px);
521}
522
7d3f7f14
RK
523#downloads-button[cui-areatype="toolbar"]:hover,
524#downloads-button[cui-areatype="toolbar"][open="true"] {
43cc2806
RK
525 -moz-image-region: rect(18px, 198px, 36px, 180px);
526}
527
7d3f7f14 528#add-ons-button[cui-areatype="toolbar"] {
43cc2806
RK
529 -moz-image-region: rect(0, 216px, 18px, 198px);
530}
531
7d3f7f14 532#add-ons-button[cui-areatype="toolbar"]:hover {
43cc2806
RK
533 -moz-image-region: rect(18px, 216px, 36px, 198px);
534}
535
7d3f7f14 536#open-file-button[cui-areatype="toolbar"] {
43cc2806
RK
537 -moz-image-region: rect(0, 234px, 18px, 216px);
538}
539
7d3f7f14 540#open-file-button[cui-areatype="toolbar"]:hover {
43cc2806
RK
541 -moz-image-region: rect(18px, 234px, 36px, 216px);
542}
543
7d3f7f14 544#save-page-button[cui-areatype="toolbar"] {
43cc2806
RK
545 -moz-image-region: rect(0, 252px, 18px, 234px);
546}
547
7d3f7f14 548#save-page-button[cui-areatype="toolbar"]:hover {
43cc2806
RK
549 -moz-image-region: rect(18px, 252px, 36px, 234px);
550}
551
7d3f7f14 552#sync-button[cui-areatype="toolbar"] {
43cc2806
RK
553 -moz-image-region: rect(0, 270px, 18px, 252px);
554}
555
7d3f7f14 556#sync-button[cui-areatype="toolbar"]:hover {
43cc2806
RK
557 -moz-image-region: rect(18px, 270px, 36px, 252px);
558}
559
7d3f7f14 560#feed-button[cui-areatype="toolbar"] {
43cc2806
RK
561 -moz-image-region: rect(0, 288px, 18px, 270px);
562}
563
7d3f7f14 564#feed-button[cui-areatype="toolbar"]:hover:not([disabled="true"]) {
43cc2806
RK
565 -moz-image-region: rect(18px, 288px, 36px, 270px);
566}
567
7d3f7f14 568#feed-button[cui-areatype="toolbar"][disabled="true"] {
cc4b0b0d
RK
569 -moz-image-region: rect(36px, 288px, 54px, 270px);
570}
571
7d3f7f14 572#social-share-button[cui-areatype="toolbar"] {
43cc2806
RK
573 -moz-image-region: rect(0px, 306px, 18px, 288px);
574}
575
7d3f7f14 576#social-share-button[cui-areatype="toolbar"]:hover {
43cc2806
RK
577 -moz-image-region: rect(18px, 306px, 36px, 288px);
578}
579
7d3f7f14 580#email-link-button[cui-areatype="toolbar"] {
43cc2806
RK
581 -moz-image-region: rect(0, 306px, 18px, 288px);
582 /* This is temporary until we have an email-link icon (Bug 932235) */
583 transform: scale(-1, -1);
584}
585
7d3f7f14 586#email-link-button[cui-areatype="toolbar"]:hover {
43cc2806
RK
587 -moz-image-region: rect(18px, 306px, 36px, 288px);
588}
589
7d3f7f14 590#characterencoding-button[cui-areatype="toolbar"] {
43cc2806
RK
591 -moz-image-region: rect(0, 324px, 18px, 306px);
592}
593
7d3f7f14
RK
594#characterencoding-button[cui-areatype="toolbar"]:hover:not([disabled="true"]),
595#characterencoding-button[cui-areatype="toolbar"][open="true"] {
43cc2806
RK
596 -moz-image-region: rect(18px, 324px, 36px, 306px);
597}
598
7d3f7f14 599#characterencoding-button[cui-areatype="toolbar"][disabled="true"] {
cc4b0b0d
RK
600 -moz-image-region: rect(36px, 324px, 54px, 306px);
601}
602
7d3f7f14 603#new-window-button[cui-areatype="toolbar"] {
43cc2806
RK
604 -moz-image-region: rect(0, 342px, 18px, 324px);
605}
606
7d3f7f14 607#new-window-button[cui-areatype="toolbar"]:hover {
43cc2806
RK
608 -moz-image-region: rect(18px, 342px, 36px, 324px);
609}
610
7d3f7f14 611#new-tab-button[cui-areatype="toolbar"] {
43cc2806
RK
612 -moz-image-region: rect(0, 360px, 18px, 342px);
613}
614
7d3f7f14 615#new-tab-button[cui-areatype="toolbar"]:hover {
43cc2806
RK
616 -moz-image-region: rect(18px, 360px, 36px, 342px);
617}
618
7d3f7f14 619#privatebrowsing-button[cui-areatype="toolbar"] {
43cc2806
RK
620 -moz-image-region: rect(0, 378px, 18px, 360px);
621}
622
7d3f7f14 623#privatebrowsing-button[cui-areatype="toolbar"]:hover {
43cc2806
RK
624 -moz-image-region: rect(18px, 378px, 36px, 360px);
625}
626
7d3f7f14 627#find-button[cui-areatype="toolbar"] {
43cc2806
RK
628 -moz-image-region: rect(0, 396px, 18px, 378px);
629}
630
7d3f7f14 631#find-button[cui-areatype="toolbar"]:hover {
43cc2806
RK
632 -moz-image-region: rect(18px, 396px, 36px, 378px);
633}
634
7d3f7f14 635#print-button[cui-areatype="toolbar"] {
43cc2806
RK
636 -moz-image-region: rect(0, 414px, 18px, 396px);
637}
638
7d3f7f14 639#print-button[cui-areatype="toolbar"]:hover {
43cc2806
RK
640 -moz-image-region: rect(18px, 414px, 36px, 396px);
641}
642
7d3f7f14 643#fullscreen-button[cui-areatype="toolbar"] {
43cc2806
RK
644 -moz-image-region: rect(0, 432px, 18px, 414px);
645}
646
7d3f7f14 647#fullscreen-button[cui-areatype="toolbar"]:hover {
43cc2806
RK
648 -moz-image-region: rect(18px, 432px, 36px, 414px);
649}
650
7d3f7f14 651#developer-button[cui-areatype="toolbar"] {
43cc2806
RK
652 -moz-image-region: rect(0, 450px, 18px, 432px);
653}
654
7d3f7f14
RK
655#developer-button[cui-areatype="toolbar"]:hover,
656#developer-button[cui-areatype="toolbar"][open="true"] {
43cc2806
RK
657 -moz-image-region: rect(18px, 450px, 36px, 432px);
658}
659
7d3f7f14 660#preferences-button[cui-areatype="toolbar"] {
43cc2806
RK
661 -moz-image-region: rect(0, 468px, 18px, 450px);
662}
663
7d3f7f14 664#preferences-button[cui-areatype="toolbar"]:hover {
43cc2806
RK
665 -moz-image-region: rect(18px, 468px, 36px, 450px);
666}
667
7d3f7f14 668#PanelUI-menu-button {
43cc2806
RK
669 -moz-image-region: rect(0, 486px, 18px, 468px);
670}
671
7d3f7f14
RK
672#PanelUI-menu-button:hover,
673#PanelUI-menu-button[open="true"] {
43cc2806
RK
674 -moz-image-region: rect(18px, 486px, 36px, 468px);
675}
676
7d3f7f14 677#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #cut-button {
43cc2806
RK
678 -moz-image-region: rect(0, 504px, 18px, 486px);
679}
680
7d3f7f14 681#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #cut-button:hover:not([disabled="true"]) {
43cc2806
RK
682 -moz-image-region: rect(18px, 504px, 36px, 486px);
683}
684
7d3f7f14 685#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #cut-button[disabled="true"] {
cc4b0b0d
RK
686 -moz-image-region: rect(36px, 504px, 54px, 486px);
687}
688
7d3f7f14 689#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #copy-button {
43cc2806
RK
690 -moz-image-region: rect(0, 522px, 18px, 504px);
691}
692
7d3f7f14 693#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #copy-button:hover:not([disabled="true"]) {
43cc2806
RK
694 -moz-image-region: rect(18px, 522px, 36px, 504px);
695}
696
7d3f7f14 697#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #copy-button[disabled="true"] {
cc4b0b0d
RK
698 -moz-image-region: rect(36px, 522px, 54px, 504px);
699}
700
7d3f7f14 701#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #paste-button {
43cc2806
RK
702 -moz-image-region: rect(0, 540px, 18px, 522px);
703}
704
7d3f7f14 705#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #paste-button:hover:not([disabled="true"]) {
43cc2806
RK
706 -moz-image-region: rect(18px, 540px, 36px, 522px);
707}
708
7d3f7f14 709#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #paste-button[disabled="true"] {
cc4b0b0d
RK
710 -moz-image-region: rect(36px, 540px, 54px, 522px);
711}
712
7d3f7f14 713#zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-out-button {
43cc2806
RK
714 -moz-image-region: rect(0, 558px, 18px, 540px);
715}
716
7d3f7f14 717#zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-out-button:hover:not([disabled="true"]) {
43cc2806
RK
718 -moz-image-region: rect(18px, 558px, 36px, 540px);
719}
720
7d3f7f14 721#zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-out-button[disabled="true"] {
cc4b0b0d
RK
722 -moz-image-region: rect(36px, 558px, 54px, 540px);
723}
724
7d3f7f14 725#zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-in-button {
43cc2806
RK
726 -moz-image-region: rect(0, 576px, 18px, 558px);
727}
728
7d3f7f14 729#zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-in-button:hover:not([disabled="true"]) {
43cc2806
RK
730 -moz-image-region: rect(18px, 576px, 36px, 558px);
731}
732
7d3f7f14 733#zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-in-button[disabled="true"] {
cc4b0b0d
RK
734 -moz-image-region: rect(36px, 576px, 54px, 558px);
735}
736
7d3f7f14 737#webrtc-status-button:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) {
43cc2806
RK
738 -moz-image-region: rect(0, 594px, 18px, 576px);
739}
740
7d3f7f14
RK
741#webrtc-status-button:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)):hover,
742#webrtc-status-button:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem))[open="true"] {
43cc2806
RK
743 -moz-image-region: rect(18px, 594px, 36px, 576px);
744}
745
7d3f7f14 746#nav-bar-overflow-button {
43cc2806
RK
747 -moz-image-region: rect(0, 612px, 18px, 594px);
748}
749
7d3f7f14
RK
750#nav-bar-overflow-button:hover,
751#nav-bar-overflow-button[open="true"] {
43cc2806
RK
752 -moz-image-region: rect(18px, 612px, 36px, 594px);
753}
754
c0f6797e
RK
755#tabview-button {
756 -moz-image-region: rect(0, 648px, 18px, 630px);
757}
758
759#tabview-button:hover {
760 -moz-image-region: rect(18px, 648px, 36px, 630px);
761}
762
763#email-link-button[cui-areatype="toolbar"] {
764 -moz-image-region: rect(0, 666px, 18px, 648px);
765}
766
767#email-button[cui-areatype="toolbar"]:hover {
768 -moz-image-region: rect(18px, 666px, 36px, 648px);
769}
770
771#sidebar-button[cui-areatype="toolbar"] {
772 -moz-image-region: rect(0, 684px, 18px, 666px);
773}
774
775#sidebar-button[cui-areatype="toolbar"]:hover {
776 -moz-image-region: rect(18px, 684px, 36px, 666px);
777}
778
43cc2806
RK
779/* === END toolbarbuttons.inc.css === */
780
781/* === BEGIN menupanel.inc.css === */
782
783/* Menu panel and palette styles */
784
43cc2806
RK
785:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button,
786 #cut-button, #copy-button, #paste-button, #fullscreen-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #sync-button, #feed-button,
787 #tabview-button, #webrtc-status-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button,
788 #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button,
789 #PanelUI-menu-button, #characterencoding-button, #email-link-button)[cui-areatype="menu-panel"],
7d3f7f14 790toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button,
43cc2806
RK
791 #cut-button, #copy-button, #paste-button, #fullscreen-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #sync-button, #feed-button,
792 #tabview-button, #webrtc-status-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button,
793 #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button,
794 #PanelUI-menu-button, #characterencoding-button, #email-link-button) {
795 list-style-image: url("chrome://browser/skin/menuPanel.png");
796}
797
798#home-button[cui-areatype="menu-panel"],
7d3f7f14 799toolbarpaletteitem[place="palette"] > #home-button {
43cc2806
RK
800 -moz-image-region: rect(0px, 128px, 32px, 96px);
801}
802
cc4b0b0d 803#home-button[cui-areatype="menu-panel"]:hover,
7d3f7f14 804toolbarpaletteitem[place="palette"] > #home-button:hover {
cc4b0b0d
RK
805 -moz-image-region: rect(32px, 128px, 64px, 96px);
806}
807
43cc2806 808#bookmarks-menu-button[cui-areatype="menu-panel"],
7d3f7f14 809toolbarpaletteitem[place="palette"] > #bookmarks-menu-button {
43cc2806
RK
810 -moz-image-region: rect(0px, 160px, 32px, 128px);
811}
812
cc4b0b0d 813#bookmarks-menu-button[cui-areatype="menu-panel"]:hover,
7d3f7f14 814toolbarpaletteitem[place="palette"] > #bookmarks-menu-button:hover {
cc4b0b0d
RK
815 -moz-image-region: rect(32px, 160px, 64px, 128px);
816}
817
43cc2806
RK
818#bookmarks-menu-button[starred][cui-areatype="menu-panel"] {
819 -moz-image-region: rect(0px, 192px, 32px, 160px);
820}
821
cc4b0b0d
RK
822#bookmarks-menu-button[starred][cui-areatype="menu-panel"]:hover {
823 -moz-image-region: rect(32px, 192px, 64px, 160px);
824}
825
43cc2806 826#history-panelmenu[cui-areatype="menu-panel"],
7d3f7f14 827toolbarpaletteitem[place="palette"] > #history-panelmenu {
43cc2806
RK
828 -moz-image-region: rect(0px, 224px, 32px, 192px);
829}
830
cc4b0b0d 831#history-panelmenu[cui-areatype="menu-panel"]:hover,
7d3f7f14 832toolbarpaletteitem[place="palette"] > #history-panelmenu:hover {
cc4b0b0d
RK
833 -moz-image-region: rect(32px, 224px, 64px, 192px);
834}
835
43cc2806 836#downloads-button[cui-areatype="menu-panel"],
7d3f7f14 837toolbarpaletteitem[place="palette"] > #downloads-button {
43cc2806
RK
838 -moz-image-region: rect(0px, 256px, 32px, 224px);
839}
840
cc4b0b0d 841#downloads-button[cui-areatype="menu-panel"]:hover,
7d3f7f14 842toolbarpaletteitem[place="palette"] > #downloads-button:hover {
cc4b0b0d
RK
843 -moz-image-region: rect(32px, 256px, 64px, 224px);
844}
845
43cc2806 846#switch-to-metro-button[cui-areatype="menu-panel"],
7d3f7f14 847toolbarpaletteitem[place="palette"] > #switch-to-metro-button {
43cc2806
RK
848 -moz-image-region: rect(0px, 800px, 32px, 768px);
849}
850
cc4b0b0d 851#switch-to-metro-button[cui-areatype="menu-panel"]:hover,
7d3f7f14 852toolbarpaletteitem[place="palette"] > #switch-to-metro-button:hover {
cc4b0b0d
RK
853 -moz-image-region: rect(32px, 800px, 64px, 768px);
854}
855
43cc2806 856#add-ons-button[cui-areatype="menu-panel"],
7d3f7f14 857toolbarpaletteitem[place="palette"] > #add-ons-button {
43cc2806
RK
858 -moz-image-region: rect(0px, 288px, 32px, 256px);
859}
860
cc4b0b0d 861#add-ons-button[cui-areatype="menu-panel"]:hover,
7d3f7f14 862toolbarpaletteitem[place="palette"] > #add-ons-button:hover {
cc4b0b0d
RK
863 -moz-image-region: rect(32px, 288px, 64px, 256px);
864}
865
43cc2806 866#open-file-button[cui-areatype="menu-panel"],
7d3f7f14 867toolbarpaletteitem[place="palette"] > #open-file-button {
43cc2806
RK
868 -moz-image-region: rect(0px, 320px, 32px, 288px);
869}
870
cc4b0b0d 871#open-file-button[cui-areatype="menu-panel"]:hover,
7d3f7f14 872toolbarpaletteitem[place="palette"] > #open-file-button:hover {
cc4b0b0d
RK
873 -moz-image-region: rect(32px, 320px, 64px, 288px);
874}
875
43cc2806 876#save-page-button[cui-areatype="menu-panel"],
7d3f7f14 877toolbarpaletteitem[place="palette"] > #save-page-button {
43cc2806
RK
878 -moz-image-region: rect(0px, 352px, 32px, 320px);
879}
880
cc4b0b0d 881#save-page-button[cui-areatype="menu-panel"]:hover,
7d3f7f14 882toolbarpaletteitem[place="palette"] > #save-page-button:hover {
cc4b0b0d
RK
883 -moz-image-region: rect(32px, 352px, 64px, 320px);
884}
885
43cc2806 886#sync-button[cui-areatype="menu-panel"],
7d3f7f14 887toolbarpaletteitem[place="palette"] > #sync-button {
43cc2806
RK
888 -moz-image-region: rect(0px, 384px, 32px, 352px);
889}
890
cc4b0b0d 891#sync-button[cui-areatype="menu-panel"]:hover,
7d3f7f14 892toolbarpaletteitem[place="palette"] > #sync-button:hover {
cc4b0b0d
RK
893 -moz-image-region: rect(32px, 384px, 64px, 352px);
894}
895
43cc2806 896#feed-button[cui-areatype="menu-panel"],
7d3f7f14 897toolbarpaletteitem[place="palette"] > #feed-button {
43cc2806
RK
898 -moz-image-region: rect(0px, 416px, 32px, 384px);
899}
900
cc4b0b0d 901#feed-button[cui-areatype="menu-panel"]:hover:not([disabled="true"]),
7d3f7f14 902toolbarpaletteitem[place="palette"] > #feed-button:hover:not([disabled="true"]) {
cc4b0b0d
RK
903 -moz-image-region: rect(32px, 416px, 64px, 384px);
904}
905
906#feed-button[cui-areatype="menu-panel"][disabled="true"],
7d3f7f14 907toolbarpaletteitem[place="palette"] > #feed-button[disabled="true"] {
cc4b0b0d
RK
908 -moz-image-region: rect(64px, 416px, 96px, 384px);
909}
910
43cc2806 911#social-share-button[cui-areatype="menu-panel"],
7d3f7f14 912toolbarpaletteitem[place="palette"] > #social-share-button {
43cc2806
RK
913 -moz-image-region: rect(0px, 448px, 32px, 416px);
914}
915
cc4b0b0d 916#social-share-button[cui-areatype="menu-panel"]:hover,
7d3f7f14 917toolbarpaletteitem[place="palette"] > #social-share-button:hover {
cc4b0b0d
RK
918 -moz-image-region: rect(32px, 448px, 64px, 416px);
919}
920
43cc2806 921#email-link-button[cui-areatype="menu-panel"],
7d3f7f14 922toolbarpaletteitem[place="palette"] > #email-link-button {
43cc2806
RK
923 -moz-image-region: rect(0, 448px, 32px, 416px);
924}
925
cc4b0b0d 926#email-link-button[cui-areatype="menu-panel"]:hover,
7d3f7f14 927toolbarpaletteitem[place="palette"] > #email-link-button:hover {
fd291cce 928 -moz-image-region: rect(32px, 448px, 64px, 416px);
cc4b0b0d
RK
929}
930
43cc2806
RK
931/* This is temporary until we have an email-link icon (Bug 932235) */
932#email-link-button[cui-areatype="menu-panel"] > image,
7d3f7f14 933toolbarpaletteitem[place="palette"] > #email-link-button > image {
43cc2806
RK
934 transform: scale(-1, -1);
935}
936
937#characterencoding-button[cui-areatype="menu-panel"],
7d3f7f14 938toolbarpaletteitem[place="palette"] > #characterencoding-button {
43cc2806
RK
939 -moz-image-region: rect(0px, 480px, 32px, 448px);
940}
941
cc4b0b0d 942#characterencoding-button[cui-areatype="menu-panel"]:hover:not([disabled="true"]),
7d3f7f14 943toolbarpaletteitem[place="palette"] > #characterencoding-button:hover:not([disabled="true"]) {
cc4b0b0d
RK
944 -moz-image-region: rect(32px, 480px, 64px, 448px);
945}
946
947#characterencoding-button[cui-areatype="menu-panel"][disabled="true"],
7d3f7f14 948toolbarpaletteitem[place="palette"] > #characterencoding-button[disabled="true"] {
cc4b0b0d
RK
949 -moz-image-region: rect(64px, 480px, 96px, 448px);
950}
951
43cc2806 952#new-window-button[cui-areatype="menu-panel"],
7d3f7f14 953toolbarpaletteitem[place="palette"] > #new-window-button {
43cc2806
RK
954 -moz-image-region: rect(0px, 512px, 32px, 480px);
955}
956
cc4b0b0d 957#new-window-button[cui-areatype="menu-panel"]:hover,
7d3f7f14 958toolbarpaletteitem[place="palette"] > #new-window-button:hover {
cc4b0b0d
RK
959 -moz-image-region: rect(32px, 512px, 64px, 480px);
960}
961
43cc2806 962#new-tab-button[cui-areatype="menu-panel"],
7d3f7f14 963toolbarpaletteitem[place="palette"] > #new-tab-button {
43cc2806
RK
964 -moz-image-region: rect(0px, 544px, 32px, 512px);
965}
966
cc4b0b0d 967#new-tab-button[cui-areatype="menu-panel"]:hover,
7d3f7f14 968toolbarpaletteitem[place="palette"] > #new-tab-button:hover {
cc4b0b0d
RK
969 -moz-image-region: rect(32px, 544px, 64px, 512px);
970}
971
43cc2806 972#privatebrowsing-button[cui-areatype="menu-panel"],
7d3f7f14 973toolbarpaletteitem[place="palette"] > #privatebrowsing-button {
43cc2806
RK
974 -moz-image-region: rect(0px, 576px, 32px, 544px);
975}
976
cc4b0b0d 977#privatebrowsing-button[cui-areatype="menu-panel"]:hover,
7d3f7f14 978toolbarpaletteitem[place="palette"] > #privatebrowsing-button:hover {
cc4b0b0d
RK
979 -moz-image-region: rect(32px, 576px, 64px, 544px);
980}
981
43cc2806 982#find-button[cui-areatype="menu-panel"],
7d3f7f14 983toolbarpaletteitem[place="palette"] > #find-button {
43cc2806
RK
984 -moz-image-region: rect(0px, 640px, 32px, 608px);
985}
986
cc4b0b0d 987#find-button[cui-areatype="menu-panel"]:hover,
7d3f7f14 988toolbarpaletteitem[place="palette"] > #find-button:hover {
cc4b0b0d
RK
989 -moz-image-region: rect(32px, 640px, 64px, 608px);
990}
991
43cc2806 992#print-button[cui-areatype="menu-panel"],
7d3f7f14 993toolbarpaletteitem[place="palette"] > #print-button {
43cc2806
RK
994 -moz-image-region: rect(0px, 672px, 32px, 640px);
995}
996
cc4b0b0d 997#print-button[cui-areatype="menu-panel"]:hover,
7d3f7f14 998toolbarpaletteitem[place="palette"] > #print-button:hover {
cc4b0b0d
RK
999 -moz-image-region: rect(32px, 672px, 64px, 640px);
1000}
1001
43cc2806 1002#fullscreen-button[cui-areatype="menu-panel"],
7d3f7f14 1003toolbarpaletteitem[place="palette"] > #fullscreen-button {
43cc2806
RK
1004 -moz-image-region: rect(0px, 704px, 32px, 672px);
1005}
1006
cc4b0b0d 1007#fullscreen-button[cui-areatype="menu-panel"]:hover,
7d3f7f14 1008toolbarpaletteitem[place="palette"] > #fullscreen-button:hover {
cc4b0b0d
RK
1009 -moz-image-region: rect(32px, 704px, 64px, 672px);
1010}
1011
43cc2806 1012#developer-button[cui-areatype="menu-panel"],
7d3f7f14 1013toolbarpaletteitem[place="palette"] > #developer-button {
43cc2806
RK
1014 -moz-image-region: rect(0px, 736px, 32px, 704px);
1015}
1016
cc4b0b0d 1017#developer-button[cui-areatype="menu-panel"]:hover,
7d3f7f14 1018toolbarpaletteitem[place="palette"] > #developer-button:hover {
cc4b0b0d
RK
1019 -moz-image-region: rect(32px, 736px, 64px, 704px);
1020}
1021
43cc2806 1022#preferences-button[cui-areatype="menu-panel"],
7d3f7f14 1023toolbarpaletteitem[place="palette"] > #preferences-button {
43cc2806
RK
1024 -moz-image-region: rect(0px, 768px, 32px, 736px);
1025}
1026
cc4b0b0d 1027#preferences-button[cui-areatype="menu-panel"]:hover,
7d3f7f14 1028toolbarpaletteitem[place="palette"] > #preferences-button:hover {
cc4b0b0d
RK
1029 -moz-image-region: rect(32px, 768px, 64px, 736px);
1030}
1031
43cc2806
RK
1032/* Wide panel control icons */
1033
1034#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton,
1035#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton,
7d3f7f14
RK
1036toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton,
1037toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton {
43cc2806
RK
1038 list-style-image: url("chrome://browser/skin/menuPanel-small.png");
1039}
1040
1041#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #cut-button,
7d3f7f14 1042toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button {
43cc2806
RK
1043 -moz-image-region: rect(0px, 32px, 16px, 16px);
1044}
1045
cc4b0b0d 1046#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #cut-button:hover:not([disabled="true"]),
7d3f7f14 1047toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button:hover:not([disabled="true"]) {
cc4b0b0d
RK
1048 -moz-image-region: rect(16px, 32px, 32px, 16px);
1049}
1050
1051#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #cut-button[disabled="true"],
7d3f7f14 1052toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button[disabled="true"] {
cc4b0b0d
RK
1053 -moz-image-region: rect(32px, 32px, 48px, 16px);
1054}
1055
43cc2806 1056#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #copy-button,
7d3f7f14 1057toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button {
43cc2806
RK
1058 -moz-image-region: rect(0px, 48px, 16px, 32px);
1059}
1060
cc4b0b0d 1061#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #copy-button:hover:not([disabled="true"]),
7d3f7f14 1062toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button:hover:not([disabled="true"]) {
cc4b0b0d
RK
1063 -moz-image-region: rect(16px, 48px, 32px, 32px);
1064}
1065
1066#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #copy-button[disabled="true"],
7d3f7f14 1067toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button[disabled="true"] {
cc4b0b0d
RK
1068 -moz-image-region: rect(32px, 48px, 48px, 32px);
1069}
1070
43cc2806 1071#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #paste-button,
7d3f7f14 1072toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button {
43cc2806
RK
1073 -moz-image-region: rect(0px, 64px, 16px, 48px);
1074}
1075
cc4b0b0d 1076#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #paste-button:hover:not([disabled="true"]),
7d3f7f14 1077toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button:hover:not([disabled="true"]) {
cc4b0b0d
RK
1078 -moz-image-region: rect(16px, 64px, 32px, 48px);
1079}
1080
1081#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #paste-button[disabled="true"],
7d3f7f14 1082toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button[disabled="true"] {
cc4b0b0d
RK
1083 -moz-image-region: rect(32px, 64px, 48px, 48px);
1084}
1085
43cc2806 1086#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-out-button,
7d3f7f14 1087toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button {
43cc2806
RK
1088 -moz-image-region: rect(0px, 80px, 16px, 64px);
1089}
1090
cc4b0b0d 1091#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-out-button:hover:not([disabled="true"]),
7d3f7f14 1092toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button:hover:not([disabled="true"]) {
cc4b0b0d
RK
1093 -moz-image-region: rect(16px, 80px, 32px, 64px);
1094}
1095
1096#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-out-button[disabled="true"],
7d3f7f14 1097toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button[disabled="true"] {
cc4b0b0d
RK
1098 -moz-image-region: rect(32px, 80px, 48px, 64px);
1099}
1100
43cc2806 1101#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-in-button,
7d3f7f14 1102toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
43cc2806
RK
1103 -moz-image-region: rect(0px, 96px, 16px, 80px);
1104}
1105
cc4b0b0d 1106#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-in-button:hover:not([disabled="true"]),
7d3f7f14 1107toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button:hover:not([disabled="true"]) {
cc4b0b0d
RK
1108 -moz-image-region: rect(16px, 96px, 32px, 80px);
1109}
1110
1111#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-in-button[disabled="true"],
7d3f7f14 1112toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button[disabled="true"] {
cc4b0b0d
RK
1113 -moz-image-region: rect(32px, 96px, 48px, 80px);
1114}
1115
43cc2806
RK
1116/* === END menupanel.inc.css === */
1117
63ada306
RK
1118.toolbarbutton-1:not([type="menu-button"]) {
1119 -moz-box-orient: vertical;
1120}
1121
319c6529
RK
1122.toolbarbutton-1,
1123.toolbarbutton-1 > .toolbarbutton-menubutton-button {
c0f6797e
RK
1124/* min-width: 36px;
1125 min-height: 36px;*/
319c6529
RK
1126}
1127
1128.toolbarbutton-1,
1129.toolbarbutton-1 > .toolbarbutton-menubutton-button,
1130.toolbarbutton-1[disabled="true"]:hover:active,
1131.toolbarbutton-1[disabled="true"]:hover:active > .toolbarbutton-menubutton-button {
1132 padding: 1px 2px;
1133}
1134
1135.toolbarbutton-1:hover:active,
1136.toolbarbutton-1[open="true"],
1137.toolbarbutton-1:hover:active > .toolbarbutton-menubutton-button {
1138 padding-top: 2px;
1139 padding-bottom: 0px;
1140 -moz-padding-start: 3px;
1141 -moz-padding-end: 1px;
1142}
1143
c0f6797e
RK
1144#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-icon,
1145#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menu-dropmarker,
1146#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-dropmarker,
1147#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
1148#main-window:not([customizing]) .toolbarbutton-1 > .toolbarbutton-menubutton-button[disabled=true] > .toolbarbutton-icon {
e20c83c3
RK
1149}
1150
c0f6797e
RK
1151.toolbarbutton-1 > .toolbarbutton-menu-dropmarker,
1152.toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
e20c83c3
RK
1153}
1154
c0f6797e
RK
1155toolbar .toolbarbutton-1 > .toolbarbutton-menu-dropmarker:-moz-lwtheme-brighttext,
1156toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker:-moz-lwtheme-brighttext {
319c6529
RK
1157}
1158
c0f6797e
RK
1159.toolbarbutton-1 > .toolbarbutton-icon,
1160.toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
319c6529
RK
1161}
1162
c0f6797e
RK
1163#nav-bar .toolbarbutton-1,
1164#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button {
319c6529
RK
1165}
1166
c0f6797e
RK
1167#nav-bar .toolbarbutton-1:not([type=menu-button]),
1168#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
1169#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
319c6529
RK
1170}
1171
c0f6797e
RK
1172#nav-bar #PanelUI-menu-button {
1173/* -moz-padding-start: 7px;
1174 -moz-padding-end: 5px;*/
319c6529
RK
1175}
1176
c0f6797e
RK
1177#nav-bar .toolbarbutton-1[type=menu]:not(#back-button):not(#forward-button):not(#feed-button):not(#social-provider-button):not(#PanelUI-menu-button) {
1178/* padding-left: 5px;
1179 padding-right: 5px;*/
319c6529
RK
1180}
1181
c0f6797e
RK
1182#nav-bar .toolbarbutton-1 > menupopup {
1183/* margin-top: -3px;*/
319c6529
RK
1184}
1185
c0f6797e
RK
1186#nav-bar .toolbarbutton-1 > menupopup.cui-widget-panel {
1187/* margin-top: -8px;*/
319c6529
RK
1188}
1189
c0f6797e
RK
1190#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button {
1191/* -moz-padding-end: 0;*/
319c6529
RK
1192}
1193
c0f6797e
RK
1194#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
1195/* -moz-padding-start: 0;
1196 -moz-box-align: center;*/
319c6529
RK
1197}
1198
c0f6797e
RK
1199#nav-bar .toolbarbutton-1 > .toolbarbutton-icon,
1200#nav-bar .toolbarbutton-1 > .toolbarbutton-text,
1201#nav-bar .toolbarbutton-1 > .toolbarbutton-badge-container,
1202#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
1203#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
1204window:not([chromehidden~="toolbar"]) #urlbar-container > .toolbarbutton-1:-moz-any([disabled],:not([open]):not([disabled]):not(:active)) > .toolbarbutton-icon {
1205/* padding: 2px 6px;
1206 border: 1px solid;
1207 border-color: transparent;
1208 transition-property: background-color, border-color;
1209 transition-duration: 150ms;*/
d54f5b23 1210}
c0f6797e
RK
1211/*
1212#nav-bar .toolbarbutton-1:not(:-moz-any(@primaryToolbarButtons@)) > .toolbarbutton-icon,
1213#nav-bar .toolbarbutton-1:not(:-moz-any(@primaryToolbarButtons@)) > .toolbarbutton-badge-container,
1214#nav-bar .toolbarbutton-1:not(:-moz-any(@primaryToolbarButtons@)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
1215 padding: 3px 7px;
d54f5b23 1216}
c0f6797e 1217*/
d54f5b23 1218
c0f6797e
RK
1219/* Help SDK icons fit: */
1220toolbarbutton[sdk-button="true"][cui-areatype="toolbar"] > .toolbarbutton-icon {
1221 width: 16px;
26125509
RK
1222}
1223
c0f6797e
RK
1224#nav-bar toolbarbutton[sdk-button="true"][cui-areatype="toolbar"] > .toolbarbutton-icon {
1225 /* XXXgijs box models strike again: this is 16px + 2 * 7px padding + 2 * 1px border (from the rules above) */
1226 width: 32px;
26125509 1227}
26125509 1228
c0f6797e
RK
1229#nav-bar .toolbarbutton-1[type=menu]:not(#back-button):not(#forward-button):not(#feed-button):not(#social-provider-button):not(#PanelUI-menu-button) > .toolbarbutton-icon,
1230#nav-bar .toolbarbutton-1[type=menu] > .toolbarbutton-text /* hack for add-ons that forcefully display the label */ {
1231/* -moz-padding-end: 17px;*/
319c6529
RK
1232}
1233
c0f6797e 1234#nav-bar .toolbarbutton-1 > .toolbarbutton-menu-dropmarker {
319c6529
RK
1235}
1236
c0f6797e 1237#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
319c6529
RK
1238}
1239
c0f6797e 1240#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
38cfeb47
RK
1241}
1242
c0f6797e
RK
1243#nav-bar .toolbaritem-combined-buttons {
1244/* margin-left: 2px;
1245 margin-right: 2px;*/
38cfeb47
RK
1246}
1247
c0f6797e
RK
1248#nav-bar .toolbaritem-combined-buttons > .toolbarbutton-1 {
1249/* padding-left: 0;
1250 padding-right: 0;*/
319c6529
RK
1251}
1252
c0f6797e
RK
1253#nav-bar .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before,
1254#nav-bar .toolbaritem-combined-buttons > .toolbarbutton-1:-moz-any(:not(:hover):not([open]),[disabled=true]) + .toolbarbutton-1:-moz-any(:not(:hover):not([open]),[disabled=true])::before {
1255/*
1256 content: "";
1257 display: -moz-box;
1258 width: 1px;
1259 height: 16px;
1260 -moz-margin-end: -1px;
1261*/
319c6529
RK
1262}
1263
c0f6797e 1264window:not([chromehidden~="toolbar"]) #urlbar-container > .toolbarbutton-1:-moz-any([disabled],:not([open]):not([disabled]):not(:active)) > .toolbarbutton-icon {
319c6529
RK
1265}
1266
c0f6797e
RK
1267#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
1268#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
1269#nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon,
1270#nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-text,
1271#nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-container,
1272window:not([chromehidden~="toolbar"]) #urlbar-container > #forward-button:not([open]):not(:active):not([disabled]):hover > .toolbarbutton-icon,
1273#nav-bar .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon {
319c6529
RK
1274}
1275
c0f6797e
RK
1276#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):hover:active > .toolbarbutton-icon,
1277#nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
1278#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-icon,
1279#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-text,
1280#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-badge-container {
319c6529
RK
1281}
1282
c0f6797e
RK
1283#TabsToolbar .toolbarbutton-1,
1284#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
1285.tabbrowser-arrowscrollbox > .scrollbutton-up,
1286.tabbrowser-arrowscrollbox > .scrollbutton-down {
e8519ae0
RK
1287}
1288
c0f6797e
RK
1289#TabsToolbar .toolbarbutton-1:not([disabled=true]):hover,
1290#TabsToolbar .toolbarbutton-1[open],
1291#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):hover,
1292.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled=true]):hover,
1293.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled=true]):hover {
e8519ae0
RK
1294}
1295
c0f6797e 1296/* unified back/forward button */
319c6529 1297
c0f6797e 1298#forward-button {
71bac478
RK
1299}
1300
c0f6797e
RK
1301#forward-button > menupopup {
1302 margin-top: 1px !important;
319c6529
RK
1303}
1304
c0f6797e
RK
1305#forward-button > .toolbarbutton-icon {
1306 background-clip: padding-box !important;
1307 /*mask: url(keyhole-forward-mask.svg#mask); XXX: this regresses twinopen */
1308 /*clip-path: url(chrome://browser/content/browser.xul#windows-keyhole-forward-clip-path) !important;*/
71bac478
RK
1309}
1310
c0f6797e
RK
1311#forward-button {
1312 -moz-margin-start: -6px !important;
1313 padding-left: 7px;
1314 padding-right: 3px;
1315 margin-top: 3px;
1316 margin-bottom: 3px;
1317 border-radius: 0 10000px 10000px 0;
319c6529
RK
1318}
1319
c0f6797e
RK
1320#forward-button:-moz-locale-dir(rtl) {
1321 border-radius: 10000px 0 0 10000px;
8ad8bf83
RK
1322}
1323
26125509 1324window:not([chromehidden~="toolbar"]) #urlbar-container:not([switchingtabs]) > #forward-button {
c0f6797e 1325 transition: opacity @forwardTransitionLength@ ease-out;
8ad8bf83
RK
1326}
1327
26125509 1328window:not([chromehidden~="toolbar"]) #urlbar-container:not(:hover) > #forward-button[disabled] {
8ad8bf83
RK
1329 opacity: 0;
1330}
1331
c0f6797e
RK
1332window:not([chromehidden~="toolbar"]) #urlbar-container > #forward-button[occluded-by-urlbar] {
1333 visibility: hidden;
143c5409
RK
1334}
1335
c0f6797e
RK
1336#back-button {
1337/* padding-top: 3px !important;
1338 padding-bottom: 3px !important;
1339 -moz-padding-start: 5px !important;
1340 -moz-padding-end: 0 !important;*/
1341 position: relative;
1342 z-index: 1;
1343 border-radius: 10000px;
1344 width: 30px;
1345 height: 30px;
1346 margin-top: -2px;
1347 margin-bottom: -2px;
143c5409
RK
1348}
1349
c0f6797e 1350#back-button:-moz-locale-dir(rtl) {
319c6529
RK
1351}
1352
c0f6797e
RK
1353#back-button > menupopup {
1354 margin-top: -1px !important;
b36fc72e
RK
1355}
1356
c0f6797e
RK
1357#back-button > .toolbarbutton-icon {
1358 border-radius: 10000px !important;
1359 background-clip: padding-box !important;
1360/* background-color: hsla(210,25%,98%,.08) !important;
1361 padding: 6px !important;
1362 border-color: hsla(210,4%,10%,.25) !important;*/
1363 transition-property: background-color, border-color !important;
1364 transition-duration: 250ms !important;
143c5409
RK
1365}
1366
c0f6797e
RK
1367#back-button:not([disabled="true"]):not([open="true"]):not(:active):hover > .toolbarbutton-icon {
1368/* background-color: hsla(210,4%,10%,.08) !important;
1369 box-shadow: none !important;*/
143c5409
RK
1370}
1371
c0f6797e
RK
1372#back-button:not([disabled="true"]):hover:active > .toolbarbutton-icon,
1373#back-button[open="true"] > .toolbarbutton-icon {
1374/* background-color: hsla(210,4%,10%,.12) !important;
1375 box-shadow: 0 1px 0 0 hsla(210,80%,20%,.1) inset !important;*/
143c5409
RK
1376}
1377
c0f6797e
RK
1378#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
1379#forward-button:-moz-locale-dir(rtl) {
1380 transform: scaleX(-1);
143c5409 1381}
c0f6797e
RK
1382/*
1383.unified-nav-back[_moz-menuactive]:-moz-locale-dir(ltr),
1384.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl) {
1385 list-style-image: url("chrome://browser/skin/menu-back.png") !important;
6adbc9a6
RK
1386}
1387
c0f6797e
RK
1388.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(ltr),
1389.unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl) {
1390 list-style-image: url("chrome://browser/skin/menu-forward.png") !important;
6adbc9a6
RK
1391}
1392
c0f6797e
RK
1393#home-button.bookmark-item {
1394 list-style-image: url("chrome://browser/skin/Toolbar.png");
6adbc9a6
RK
1395}
1396
c0f6797e
RK
1397#main-window[tabsintitlebar]:not([inFullscreen]) :-moz-any(#TabsToolbar, #toolbar-menubar) > #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon:-moz-system-metric(windows-classic):not(:-moz-lwtheme),
1398#main-window[tabsintitlebar]:not([inFullscreen]) :-moz-any(#TabsToolbar, #toolbar-menubar) > toolbarpaletteitem > #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon:-moz-system-metric(windows-classic):not(:-moz-lwtheme),
1399#main-window[tabsintitlebar]:not([inFullscreen]) :-moz-any(#TabsToolbar, #toolbar-menubar) > toolbarpaletteitem > toolbaritem > :-moz-any(@nestedButtons@):-moz-system-metric(windows-classic):not(:-moz-lwtheme),
1400#main-window[tabsintitlebar]:not([inFullscreen]) :-moz-any(#TabsToolbar, #toolbar-menubar) > toolbaritem > :-moz-any(@nestedButtons@):-moz-system-metric(windows-classic):not(:-moz-lwtheme),
1401#main-window[tabsintitlebar]:not([inFullscreen]) :-moz-any(#TabsToolbar, #toolbar-menubar) > toolbarpaletteitem > :-moz-any(@primaryToolbarButtons@):-moz-system-metric(windows-classic):not(:-moz-lwtheme),
1402#main-window[tabsintitlebar]:not([inFullscreen]) :-moz-any(#TabsToolbar, #toolbar-menubar) > :-moz-any(@primaryToolbarButtons@):-moz-system-metric(windows-classic):not(:-moz-lwtheme),
1403#home-button.bookmark-item:-moz-lwtheme-brighttext {
1404 position: relative;
1405 z-index: 1;
1406 list-style-image: url("chrome://browser/skin/Toolbar-inverted.png");
6adbc9a6
RK
1407}
1408
c0f6797e
RK
1409#main-window[tabsintitlebar]:not([inFullscreen]) :-moz-any(#TabsToolbar, #toolbar-menubar) > #sync-button[status="active"]:-moz-system-metric(windows-classic):not(:-moz-lwtheme),
1410#main-window[tabsintitlebar]:not([inFullscreen]) :-moz-any(#TabsToolbar, #toolbar-menubar) > toolbarpaletteitem > #sync-button[status="active"]:-moz-system-metric(windows-classic):not(:-moz-lwtheme) {
1411 list-style-image: url("chrome://browser/skin/syncProgress-toolbar-inverted.png");
6adbc9a6 1412}
c0f6797e 1413*/
6adbc9a6 1414
c0f6797e
RK
1415#downloads-button > .toolbarbutton-icon {
1416 margin: 0;
6adbc9a6
RK
1417}
1418
c0f6797e
RK
1419/* tabview button & menu item */
1420
6adbc9a6 1421#menu_tabview {
c0f6797e 1422 list-style-image: url("chrome://browser/skin/tabview/tabview.png");
6adbc9a6
RK
1423 -moz-image-region: rect(1px, 89px, 17px, 73px);
1424}
1425
1426#menu_tabview[groups="0"] {
1427 -moz-image-region: rect(1px, 17px, 17px, 1px);
1428}
1429
1430#menu_tabview[groups="1"] {
1431 -moz-image-region: rect(1px, 35px, 17px, 19px);
1432}
1433
1434#menu_tabview[groups="2"] {
1435 -moz-image-region: rect(1px, 53px, 17px, 37px);
1436}
1437
1438#menu_tabview[groups="3"] {
1439 -moz-image-region: rect(1px, 71px, 17px, 55px);
1440}
1441
319c6529
RK
1442/* ::::: fullscreen window controls ::::: */
1443
8d7ef0d9 1444#window-controls {
ab799a7a
RK
1445 -moz-margin-start: 4px;
1446}
1447
319c6529
RK
1448#minimize-button,
1449#restore-button,
1450#close-button {
c0f6797e
RK
1451/* list-style-image: url("chrome://global/skin/icons/windowControls.png");
1452 padding: 0; */
319c6529
RK
1453}
1454
1455#minimize-button {
1456 list-style-image: url("chrome://navigator/skin/icons/win-minimize.gif");
1457}
1458
1459#minimize-button:hover {
1460 list-style-image: url("chrome://navigator/skin/icons/win-minimize-hover.gif");
1461}
1462
1463#restore-button {
1464 list-style-image: url("chrome://navigator/skin/icons/win-restore.gif");
1465}
1466
1467#restore-button:hover {
1468 list-style-image: url("chrome://navigator/skin/icons/win-restore-hover.gif");
1469}
1470
1471#close-button {
1472 list-style-image: url("chrome://navigator/skin/icons/win-close.gif");
1473}
1474
1475#close-button:hover {
1476 list-style-image: url("chrome://navigator/skin/icons/win-close-hover.gif");
1477}
1478
1479/* ::::: Location Bar ::::: */
1480
319c6529
RK
1481#urlbar,
1482.searchbar-textbox {
1483 border-radius: 5px;
1484 margin: 0;
1485 -moz-margin-start: 3px;
1486}
1487
ffce2402
RK
1488#urlbar {
1489 width: 7em;
f0071a71
RK
1490 /* make color as light as possible to deal with dark non-domain parts */
1491 color: #FFBFFF;
ffce2402
RK
1492}
1493
319c6529
RK
1494#urlbar:-moz-lwtheme,
1495.searchbar-textbox:-moz-lwtheme {
1496 /* background-color: rgba(255,255,255,.8);
1497 @navbarTextboxCustomBorder@
1498 color: black; */
1499}
1500
c0f6797e
RK
1501#urlbar:-moz-lwtheme:hover:not([focused]):not([readonly]),
1502.searchbar-textbox:-moz-lwtheme:hover:not([focused]) {
1503/* background-color: rgba(255,255,255,.9);*/
1504}
1505
1506#urlbar:-moz-lwtheme[focused]:not([readonly]),
1507.searchbar-textbox:-moz-lwtheme[focused] {
1508/* background-color: white;*/
1509}
1510
26125509 1511window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper {
e8519ae0
RK
1512 padding-left: 22px;
1513 -moz-margin-start: -22px;
8ad8bf83
RK
1514 position: relative;
1515 pointer-events: none;
1516}
1517
26125509 1518window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar {
e8519ae0
RK
1519/* -moz-border-start: none;
1520 margin-left: 0; */
8ad8bf83
RK
1521 pointer-events: all;
1522}
1523
26125509 1524window:not([chromehidden~="toolbar"]) #urlbar-container:not([switchingtabs]) > #urlbar-wrapper > #urlbar {
71a617ff 1525 transition: margin-left 150ms ease-out;
8ad8bf83
RK
1526}
1527
26125509 1528window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar:-moz-locale-dir(ltr) {
e8519ae0
RK
1529/* border-top-left-radius: 0;
1530 border-bottom-left-radius: 0; */
8ad8bf83
RK
1531}
1532
26125509 1533window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar:-moz-locale-dir(rtl) {
e8519ae0
RK
1534/* border-top-right-radius: 0;
1535 border-bottom-right-radius: 0; */
8ad8bf83
RK
1536}
1537
c0f6797e
RK
1538window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlbar-wrapper {
1539/* clip-path: url("chrome://browser/content/browser.xul#windows-urlbar-back-button-clip-path");*/
1540}
1541
26125509 1542window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlbar-wrapper > #urlbar {
e8519ae0 1543 margin-left: -22px;
8ad8bf83
RK
1544}
1545
26125509 1546window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:hover:not([switchingtabs]) > #urlbar-wrapper > #urlbar {
8ad8bf83 1547 /* delay the hiding of the forward button when hovered to avoid accidental clicks on the url bar */
71a617ff 1548 transition-delay: 100s;
8ad8bf83
RK
1549}
1550
26125509 1551window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:not(:hover) > #urlbar-wrapper > #urlbar {
8ad8bf83 1552 /* when not hovered anymore, trigger a new transition to hide the forward button immediately */
e8519ae0 1553 margin-left: -22.01px;
8ad8bf83
RK
1554}
1555
26125509
RK
1556window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper:-moz-locale-dir(rtl),
1557window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar:-moz-locale-dir(rtl) {
c0f6797e 1558 /* let windows-urlbar-back-button-mask clip the urlbar's right side for RTL */
71a617ff 1559 transform: scaleX(-1);
8ad8bf83
RK
1560}
1561
a7145e95
RK
1562html|*.urlbar-input:-moz-lwtheme::-moz-placeholder,
1563.searchbar-textbox:-moz-lwtheme > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-input::-moz-placeholder {
319c6529
RK
1564 color: #E7ADE7;
1565}
1566
319c6529
RK
1567#urlbar-container {
1568 -moz-box-orient: horizontal;
1569 -moz-box-align: stretch;
1570}
1571
9abeb12c
RK
1572.urlbar-textbox-container {
1573 -moz-box-align: stretch;
1574}
1575
a40f6a79
RK
1576.urlbar-input-box {
1577 -moz-margin-start: 0;
fcfb76ce 1578 min-width: 4em;
a40f6a79
RK
1579}
1580
319c6529 1581#urlbar-icons {
319c6529
RK
1582 -moz-box-align: center;
1583}
1584
1585.urlbar-icon {
b8384c33 1586 padding: 0 2px;
ffce2402
RK
1587}
1588
1589.searchbar-engine-button,
1590.search-go-container {
4b686546
RK
1591 padding: 2px;
1592}
1593
1594.search-go-container > .search-go-button {
1595 padding: 0;
319c6529
RK
1596}
1597
ffce2402
RK
1598.urlbar-icon:hover {
1599}
1600
1601.urlbar-icon[open="true"],
1602.urlbar-icon:hover:active {
1603}
1604
319c6529
RK
1605#urlbar-search-splitter {
1606 min-width: 6px;
1607 -moz-margin-start: -3px;
1608 border: none;
1609 background: transparent;
1610}
1611
f0071a71 1612#urlbar-search-splitter + #urlbar-container > #urlbar,
319c6529
RK
1613#urlbar-search-splitter + #search-container > #searchbar > .searchbar-textbox {
1614 -moz-margin-start: 0;
1615}
1616
e20c83c3
RK
1617#urlbar-display-box {
1618}
1619
319c6529 1620#urlbar-display {
319c6529
RK
1621 -moz-border-end: 1px solid #9C9CFF;
1622 -moz-margin-end: 3px;
ab799a7a
RK
1623 margin-top: 0;
1624 margin-bottom: 0;
a40f6a79 1625 -moz-margin-start: 0;
ab799a7a
RK
1626 color: #8050B0;
1627}
1628
26125509
RK
1629#search-container {
1630 min-width: calc(54px + 11ch);
1631}
1632
319c6529
RK
1633/* identity box */
1634
1635#identity-box {
319c6529 1636 border-radius: 2px;
85cfb236 1637 font-size: .9em;
319c6529
RK
1638}
1639
e20c83c3
RK
1640#identity-box:-moz-locale-dir(ltr) {
1641/* border-top-left-radius: 1.5px;
1642 border-bottom-left-radius: 1.5px;*/
1643}
1644
1645#identity-box:-moz-locale-dir(rtl) {
1646/* border-top-right-radius: 1.5px;
1647 border-bottom-right-radius: 1.5px;*/
1648}
1649
8ad8bf83 1650#notification-popup-box:not([hidden]) + #identity-box {
5517da5a 1651 -moz-padding-start: 10px !important;
8ad8bf83
RK
1652 border-radius: 0;
1653}
1654
26125509 1655window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar > #identity-box {
d15d08bf 1656/* border-radius: 0; */
2a5b7882
RK
1657 -moz-padding-start: 2px;
1658 -moz-padding-end: 2px;
1659 -moz-margin-end: 1px;
8ad8bf83
RK
1660}
1661
26125509
RK
1662window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlbar-wrapper > #urlbar >
1663 #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
2a5b7882 1664 padding-left: 2px;
71a617ff 1665 transition: padding-left;
8ad8bf83
RK
1666}
1667
26125509
RK
1668window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlbar-wrapper > #urlbar >
1669 #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) {
2a5b7882 1670 padding-right: 2px;
71a617ff 1671 transition: padding-right;
8ad8bf83
RK
1672}
1673
26125509
RK
1674window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:hover:not([switchingtabs]) > #urlbar-wrapper > #urlbar >
1675 #notification-popup-box[hidden] + #identity-box {
8ad8bf83 1676 /* forward button hiding is delayed when hovered */
71a617ff 1677 transition-delay: 100s;
8ad8bf83
RK
1678}
1679
26125509
RK
1680window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:not(:hover) > #urlbar-wrapper > #urlbar >
1681 #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
8ad8bf83 1682 /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
2a5b7882 1683 padding-left: 2.01px;
8ad8bf83
RK
1684}
1685
26125509
RK
1686window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:not(:hover) > #urlbar-wrapper > #urlbar >
1687 #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) {
8ad8bf83 1688 /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
2a5b7882 1689 padding-right: 2.01px;
8ad8bf83
RK
1690}
1691
56859d76
RK
1692#urlbar[pageproxystate="valid"] > #identity-box.chromeUI,
1693#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
a40f6a79 1694 -moz-margin-end: 3px;
319c6529
RK
1695}
1696
56859d76 1697#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:-moz-locale-dir(ltr),
37953ab4 1698#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(ltr) {
a40f6a79
RK
1699 border-top-right-radius: 0;
1700 border-bottom-right-radius: 0;
319c6529
RK
1701}
1702
56859d76 1703#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:-moz-locale-dir(rtl),
37953ab4 1704#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(rtl) {
a40f6a79
RK
1705 border-top-left-radius: 0;
1706 border-bottom-left-radius: 0;
319c6529
RK
1707}
1708
a40f6a79
RK
1709#identity-box.verifiedIdentity:not(:-moz-lwtheme) {
1710 background-color: #000000;
319c6529
RK
1711}
1712
1713#identity-box:-moz-focusring {
1714 outline: 1px dotted #008484;
f993773d 1715 outline-offset: -1px;
319c6529
RK
1716}
1717
1718#identity-box.verifiedDomain:-moz-focusring,
1719#identity-box.verifiedIdentity:-moz-focusring {
1720 outline-color: #000000;
1721}
1722
1723#identity-icon-labels {
1724 -moz-margin-start: 1px;
1725 -moz-margin-end: 3px;
319c6529
RK
1726}
1727
1728/* Location bar dropmarker */
1729
38cfeb47 1730.urlbar-history-dropmarker:not(:hover):not([open="true"]) {
319c6529 1731 background-color: transparent;
319c6529
RK
1732}
1733
00f971bc
RK
1734#urlbar-container[combined="true"] > #urlbar > .urlbar-history-dropmarker,
1735#urlbar-wrapper > #urlbar > .urlbar-history-dropmarker {
38cfeb47
RK
1736 border: none;
1737 border-radius: 0px;
319c6529
RK
1738}
1739
ffce2402
RK
1740.urlbar-history-dropmarker:hover {
1741}
1742
1743.urlbar-history-dropmarker:hover:active,
1744.urlbar-history-dropmarker[open="true"] {
1745}
1746
319c6529
RK
1747/* page proxy icon */
1748
e7c8bab1
RK
1749/* === BEGIN identity-block.inc.css === */
1750
1751#urlbar[pageproxystate="valid"] > #identity-box.chromeUI {
1752 /* Default theme does different color per channel, we can't as they do it build-time. */
1753 color: #9C9CFF;
1754 -moz-border-end: 1px solid #9C9CFF;
1755}
1756
1757#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
1758 color: #008484;
1759 -moz-border-end: 1px solid #008484;
1760}
1761
1762#urlbar[pageproxystate="valid"] > #identity-box.chromeUI,
1763#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
1764 background-position: right;
1765 background-size: 1px;
1766 background-repeat: no-repeat;
1767}
1768
1769/* page proxy icon */
1770
4d58ff64 1771#page-proxy-favicon {
319c6529
RK
1772 width: 16px;
1773 height: 16px;
a40f6a79 1774 list-style-image: url("chrome://browser/skin/identity-icons-generic.png");
00f971bc 1775 margin: 2px;
e7c8bab1
RK
1776}
1777
1778.chromeUI > #page-proxy-favicon[pageproxystate="valid"] {
1779 list-style-image: url("chrome://branding/content/identity-icons-brand.png");
319c6529
RK
1780}
1781
2a5b7882 1782.verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] {
a40f6a79
RK
1783 list-style-image: url("chrome://browser/skin/identity-icons-https.png");
1784}
1785
2a5b7882 1786.verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] {
a40f6a79
RK
1787 list-style-image: url("chrome://browser/skin/identity-icons-https-ev.png");
1788}
1789
56ab361a
RK
1790.mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] {
1791 list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-active.png");
1792}
1793
e7c8bab1
RK
1794.mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"] {
1795 list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-display.png");
1796}
1797
1798.mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] {
1799 list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-display.png");
1800}
1801
1802#page-proxy-favicon[pageproxystate="invalid"] {
1803 opacity: 0.3;
1804}
1805
1806#identity-popup.chromeUI > #identity-popup-container > #identity-popup-icon {
1807 list-style-image: url("chrome://branding/content/icon64.png");
1808}
1809
1810#identity-popup-brandName {
1811 font-weight: bold;
1812 font-size: 1.25em;
1813 margin-top: .5em;
1814 margin-bottom: .5em;
1815}
1816
1817#identity-popup-content-box {
1818 max-width: 50ch;
1819}
1820
1821/* === END identity-block.inc.css === */
1822
1823#page-proxy-favicon {
1824 -moz-image-region: rect(0, 16px, 16px, 0);
1825}
1826
c0f6797e
RK
1827window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar > #identity-box > #page-proxy-favicon {
1828/* -moz-margin-end: 1px;*/
1829}
1830
2a5b7882 1831#identity-box:hover > #page-proxy-favicon {
a40f6a79
RK
1832 -moz-image-region: rect(0, 32px, 16px, 16px);
1833}
1834
2a5b7882
RK
1835#identity-box:hover:active > #page-proxy-favicon,
1836#identity-box[open=true] > #page-proxy-favicon {
a40f6a79 1837 -moz-image-region: rect(0, 48px, 16px, 32px);
acb0e9b8 1838}
1839
2a5b7882
RK
1840#identity-box:hover {
1841 background-color: #FFCF00;
7092015d 1842 color: #000000;
2a5b7882
RK
1843}
1844
1845#identity-box:hover:active,
1846#identity-box[open=true] {
1847 background-color: #FF9F00;
7092015d 1848 color: #000000;
2a5b7882
RK
1849}
1850
56859d76
RK
1851#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:hover,
1852#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:hover:active,
1853#urlbar[pageproxystate="valid"] > #identity-box.chromeUI[open=true] {
1854 background-color: #9C9CFF;
1855 color: #000000;
1856}
1857
387e6560
RK
1858#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:hover,
1859#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:hover:active,
1860#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity[open=true] {
2a5b7882
RK
1861 background-color: #008484;
1862 color: #000000;
1863}
1864
319c6529
RK
1865/* autocomplete */
1866
319c6529
RK
1867#treecolAutoCompleteImage {
1868 max-width: 36px;
1869}
acb0e9b8 1870
319c6529
RK
1871.ac-result-type-bookmark,
1872.autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) {
71bac478 1873 list-style-image: url("chrome://browser/skin/places/bookmark.png");
319c6529 1874 -moz-image-region: rect(0px 16px 16px 0px);
c1f7cc84 1875 width: 16px;
319c6529 1876 height: 16px;
acb0e9b8 1877}
1878
c0f6797e
RK
1879richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type-bookmark,
1880.autocomplete-treebody::-moz-tree-image(selected, current, bookmark, treecolAutoCompleteImage) {
1881/* -moz-image-region: rect(0px 48px 16px 32px);*/
1882}
1883
319c6529
RK
1884.ac-result-type-keyword,
1885.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage) {
1886 list-style-image: url("chrome://global/skin/icons/Search-glass.png");
1887 -moz-image-region: rect(0px 32px 16px 16px);
acb0e9b8 1888 width: 16px;
1889 height: 16px;
1890}
1891
319c6529
RK
1892.ac-result-type-tag,
1893.autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) {
8da9da4e 1894 list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png");
c1f7cc84 1895 width: 16px;
319c6529
RK
1896 height: 16px;
1897}
acb0e9b8 1898
319c6529 1899.ac-comment {
c0f6797e 1900 font-size: 1.06em;
acb0e9b8 1901}
319c6529
RK
1902
1903.ac-extra > .ac-comment {
c0f6797e 1904 font-size: 1em;
acb0e9b8 1905}
319c6529
RK
1906
1907.ac-url-text,
1908.ac-action-text {
c0f6797e 1909 font-size: 1em;
319c6529 1910 color: #9C9CFF;
acb0e9b8 1911}
319c6529
RK
1912
1913richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-icon {
1914 list-style-image: url("chrome://browser/skin/actionicon-tab.png");
85cfb236
RK
1915 -moz-image-region: rect(0, 16px, 16px, 0);
1916 padding: 0 3px;
1917}
1918
1919richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-box > .ac-action-icon {
1920 -moz-image-region: rect(16px, 16px, 32px, 0);
acb0e9b8 1921}
1922
319c6529
RK
1923.autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
1924 color: #8050B0;
1925}
acb0e9b8 1926
319c6529
RK
1927.ac-comment[selected="true"],
1928.ac-url-text[selected="true"],
1929.ac-action-text[selected="true"] {
1930 color: inherit !important;
acb0e9b8 1931}
1932
c1f7cc84
RK
1933.autocomplete-treebody::-moz-tree-cell-text(suggesthint, treecolAutoCompleteComment),
1934.autocomplete-treebody::-moz-tree-cell-text(suggestfirst, treecolAutoCompleteComment)
319c6529
RK
1935{
1936 color: #8050B0;
1937 font-size: smaller;
acb0e9b8 1938}
319c6529
RK
1939
1940.autocomplete-treebody::-moz-tree-cell(suggesthint) {
1941 border-top: 1px solid #9C9CFF;
acb0e9b8 1942}
1943
319c6529
RK
1944/* combined go/reload/stop button in location bar */
1945
1946#urlbar > toolbarbutton {
9abeb12c 1947 -moz-margin-start: 0;
ffce2402 1948 padding: 0 2px;
319c6529
RK
1949 background-origin: border-box;
1950 border: none;
c0f6797e 1951 list-style-image: url("chrome://browser/skin/reload-stop-go.png");
9abeb12c
RK
1952 -moz-border-start: 1px solid #9C9CFF;
1953}
1954
1955#urlbar:-moz-locale-dir(ltr) > toolbarbutton {
38cfeb47
RK
1956 border-top-left-radius: 0px;
1957 border-bottom-left-radius: 0px;
acb0e9b8 1958}
acb0e9b8 1959
9abeb12c 1960#urlbar:-moz-locale-dir(rtl) > toolbarbutton {
38cfeb47
RK
1961 border-top-right-radius: 0px;
1962 border-bottom-right-radius: 0px;
9abeb12c
RK
1963}
1964
dce90fef
RK
1965#urlbar > toolbarbutton:not([disabled]):active:hover,
1966#urlbar-reload-button:not(:hover) {
1967 -moz-border-start-style: none;
714b11f6 1968 -moz-padding-start: 3px;
dce90fef
RK
1969}
1970
c0f6797e
RK
1971#urlbar-reload-button {
1972 -moz-image-region: rect(0px, 14px, 14px, 0px);
acb0e9b8 1973}
1974
c0f6797e
RK
1975#urlbar-reload-button[disabled] {
1976 -moz-image-region: rect(28px, 14px, 42px, 0px);
acb0e9b8 1977}
1978
c0f6797e
RK
1979#urlbar-reload-button:not([disabled]):hover {
1980 -moz-image-region: rect(14px, 14px, 28px, 0px);
ffce2402
RK
1981}
1982
c0f6797e
RK
1983#urlbar-reload-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
1984 transform: scaleX(-1);
acb0e9b8 1985}
1986
c0f6797e
RK
1987#urlbar-go-button {
1988 -moz-image-region: rect(0, 42px, 14px, 28px);
38cfeb47
RK
1989}
1990
c0f6797e
RK
1991#urlbar-go-button:hover,
1992 -moz-image-region: rect(14px, 42px, 28px, 28px);
acb0e9b8 1993}
1994
c0f6797e
RK
1995#urlbar-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
1996 transform: scaleX(-1);
acb0e9b8 1997}
319c6529
RK
1998
1999#urlbar-stop-button {
ffce2402 2000 -moz-image-region: rect(0px, 28px, 14px, 14px);
acb0e9b8 2001}
319c6529
RK
2002
2003#urlbar-stop-button:hover {
ffce2402 2004 -moz-image-region: rect(14px, 28px, 28px, 14px);
acb0e9b8 2005}
2006
319c6529
RK
2007/* popup blocker button */
2008
2009#page-report-button {
2010 list-style-image: url("chrome://browser/skin/urlbar-popup-blocked.png");
2011 -moz-image-region: rect(0, 16px, 16px, 0);
acb0e9b8 2012}
319c6529 2013
71bac478 2014#page-report-button:hover ,
319c6529
RK
2015#page-report-button:hover:active,
2016#page-report-button[open="true"] {
71bac478 2017 -moz-image-region: rect(0, 32px, 16px, 16px);
acb0e9b8 2018}
2019
c4460289
RK
2020/* social share panel */
2021
2022#social-share-panel > iframe {
2023/* background: linear-gradient(to bottom, #f0f4f7, #fafbfc);*/
2024 width: 300px;
2025 height: 150px;
2026}
2027
c4460289
RK
2028.social-share-toolbar {
2029 border-right: 1px solid #9C9CFF;
2030/* background-color: #000000; */
2031}
2032
2033#social-share-provider-buttons {
2034 padding: 6px;
2035}
2036
2037#social-share-provider-buttons > .share-provider-button {
2038 -moz-appearance: none;
2039 padding: 5px;
2040 margin: 1px;
2041 border: none;
2042 background: none;
2043 border-radius: 2px;
2044}
2045
2046#social-share-provider-buttons > .share-provider-button[checked="true"]:not([disabled="true"]),
2047#social-share-provider-buttons > .share-provider-button:hover,
2048#social-share-provider-buttons > .share-provider-button:active {
2049 padding: 4px;
2050}
2051
2052#social-share-provider-buttons > .share-provider-button[checked="true"]:not([disabled="true"]) {
2053}
2054
2055#social-share-provider-buttons > .share-provider-button > .toolbarbutton-text {
2056 display: none;
2057}
2058#social-share-provider-buttons > .share-provider-button > .toolbarbutton-icon {
2059 width: 16px;
2060 min-height: 16px;
2061 max-height: 16px;
2062}
2063
5a199ba1
RK
2064toolbarbutton[type="socialmark"] > .toolbarbutton-icon {
2065 width: auto;
2066 height: auto;
2067 max-width: 32px;
2068 max-height: 24px;
2069}
2070
c4460289
RK
2071/* fixup corners for share panel */
2072.social-panel > .social-panel-frame {
2073 border-radius: inherit;
2074}
2075
2076#social-share-panel {
2077 max-height: 600px;
2078 min-height: 100px;
2079 max-width: 800px;
2080 min-width: 300px;
2081}
2082
2083.social-share-frame {
2084/* background: linear-gradient(to bottom, #f0f4f7, #fafbfc); */
2085 width: 330px;
2086 height: 150px;
c4460289
RK
2087 /* we resize our panels dynamically, make it look nice */
2088 transition: height 100ms ease-out, width 100ms ease-out;
2089}
2090
e2734cc7
RK
2091.social-share-frame:-moz-locale-dir(ltr) {
2092 border-top-left-radius: 0;
2093 border-bottom-left-radius: 0;
2094 border-top-right-radius: inherit;
2095 border-bottom-right-radius: inherit;
2096}
2097
2098.social-share-frame:-moz-locale-dir(rtl) {
c4460289
RK
2099 border-top-left-radius: inherit;
2100 border-bottom-left-radius: inherit;
e2734cc7
RK
2101 border-top-right-radius: 0;
2102 border-bottom-right-radius: 0;
c4460289
RK
2103}
2104
e2734cc7
RK
2105#social-share-panel > .social-share-toolbar:-moz-locale-dir(ltr) {
2106 border-top-left-radius: inherit;
2107 border-bottom-left-radius: inherit;
2108}
2109
2110#social-share-panel > .social-share-toolbar:-moz-locale-dir(rtl) {
2111 border-top-right-radius: inherit;
2112 border-bottom-right-radius: inherit;
2113}
2114
2115#social-share-provider-buttons:-moz-locale-dir(ltr) {
c4460289
RK
2116 border-top-left-radius: inherit;
2117 border-bottom-left-radius: inherit;
2118}
2119
e2734cc7
RK
2120#social-share-provider-buttons:-moz-locale-dir(rtl) {
2121 border-top-right-radius: inherit;
2122 border-bottom-right-radius: inherit;
2123}
2124
889649fd
RK
2125/* social recommending panel */
2126
a6757852 2127#social-mark-button {
d7cfd768 2128 -moz-image-region: rect(0, 16px, 16px, 0);
889649fd
RK
2129}
2130
c0f6797e 2131/* bookmarks menu-button */
319c6529 2132
c0f6797e
RK
2133#bookmarks-menu-button.bookmark-item {
2134 list-style-image: url("chrome://browser/skin/places/bookmark.png");
2135 -moz-image-region: rect(0px 16px 16px 0px);
acb0e9b8 2136}
319c6529 2137
c0f6797e
RK
2138#bookmarks-menu-button.bookmark-item[starred] {
2139 -moz-image-region: rect(0px 32px 16px 16px);
acb0e9b8 2140}
319c6529 2141
c0f6797e
RK
2142#bookmarks-menu-button.bookmark-item > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
2143 -moz-margin-start: 5px;
acb0e9b8 2144}
2145
c0f6797e
RK
2146#bookmarks-menu-button[cui-areatype="toolbar"]:not(.bookmark-item):not([overflowedItem=true]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
2147 padding-top: 2px;
2148 padding-bottom: 2px;
71bac478
RK
2149}
2150
c0f6797e
RK
2151#BMB_bookmarksPopup[side="top"],
2152#BMB_bookmarksPopup[side="bottom"] {
2153 margin-left: -20px;
2154 margin-right: -20px;
71bac478
RK
2155}
2156
c0f6797e
RK
2157#BMB_bookmarksPopup[side="left"],
2158#BMB_bookmarksPopup[side="right"] {
2159 margin-top: -20px;
2160 margin-bottom: -20px;
acb0e9b8 2161}
319c6529
RK
2162
2163/* bookmarking panel */
c0f6797e 2164
319c6529
RK
2165#editBookmarkPanelStarIcon {
2166 list-style-image: url("chrome://browser/skin/places/starred48.png");
2167 width: 48px;
2168 height: 48px;
acb0e9b8 2169}
319c6529
RK
2170
2171#editBookmarkPanelStarIcon[unstarred] {
2172 list-style-image: url("chrome://browser/skin/places/unstarred48.png");
acb0e9b8 2173}
2174
319c6529
RK
2175#editBookmarkPanelTitle {
2176 font-size: 130%;
acb0e9b8 2177}
319c6529
RK
2178
2179#editBookmarkPanelHeader,
2180#editBookmarkPanelContent {
2181 margin-bottom: .5em;
acb0e9b8 2182}
319c6529
RK
2183
2184/* Implements editBookmarkPanel resizing on folderTree un-collapse. */
2185#editBMPanel_folderTree {
2186 min-width: 27em;
acb0e9b8 2187}
2188
f993773d 2189.panel-promo-box {
5a3cfc14 2190 margin: 5px -6px -6px;
f0eab82c 2191 padding: 5px;
889649fd 2192 border-top: 1px solid #9C9CFF;
f0eab82c
RK
2193 border-bottom-left-radius: 5px;
2194 border-bottom-right-radius: 5px;
f993773d
RK
2195}
2196
2197.panel-promo-icon {
2198 list-style-image: url("chrome://browser/skin/sync-notification-24.png");
2199 -moz-margin-end: 10px;
2200 vertical-align: middle;
2201}
2202
2203.panel-promo-closebutton {
2204 list-style-image: url("chrome://global/skin/icons/close-button.gif");
f0eab82c
RK
2205 -moz-margin-end: -3px;
2206 margin-top: -3px;
f993773d
RK
2207}
2208
2209.panel-promo-closebutton:hover {
2210 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
2211}
2212
2213.panel-promo-closebutton:hover:active {
2214 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
2215}
2216
2217.panel-promo-closebutton > .toolbarbutton-text {
2218 padding: 0;
2219 margin: 0;
2220}
2221
319c6529
RK
2222/* ::::: content area ::::: */
2223
2224#sidebar {
2225 background-color: Window;
acb0e9b8 2226}
319c6529
RK
2227
2228#sidebar-title {
2229 -moz-padding-start: 0px;
acb0e9b8 2230}
319c6529 2231
fe524e0c
RK
2232.browserContainer > findbar {
2233/*
2234 background-color: -moz-dialog;
2235 color: -moz-DialogText;
2236*/
2237}
2238
319c6529 2239/* Tabstrip */
b36fc72e 2240
c0f6797e 2241#TabsToolbar {
e20c83c3
RK
2242 min-height: 0;
2243 padding: 0;
2244 -moz-binding: url("chrome://browser/content/customizableui/toolbar.xml#toolbar");
2245}
2246
b36fc72e 2247#TabsToolbar .toolbar-holder {
c1f7cc84 2248 background-color: #000000; /* correct effect of being an actual toolbar */
acb0e9b8 2249}
2250
b36fc72e 2251#main-window[disablechrome] #TabsToolbar,
319c6529 2252#TabsToolbar[tabsontop="false"] {
8b5fc82e 2253 border-bottom: 1px solid #008484;
acb0e9b8 2254}
319c6529 2255
c0f6797e
RK
2256#main-window:not([customizing]) #TabsToolbar:not(:-moz-lwtheme) {
2257 }
2258
2259#main-window[tabsintitlebar] #TabsToolbar {
2260 background-color: transparent;
2261}
2262
6dc70335
RK
2263/* === BEGIN tabs.inc.css === */
2264
319c6529 2265.tabbrowser-tab,
43ee1307
RK
2266.tabs-newtab-button,
2267#TabsToolbar > #new-tab-button {
319c6529 2268 margin-top: 0px;
acb0e9b8 2269}
319c6529 2270
43ee1307 2271.tabbrowser-tab {
57fc408c
RK
2272 padding: 1px 4px 2px;
2273}
2274
2275.tabbrowser-tab:first-of-type {
2276 -moz-margin-start: 2px;
2277}
2278
43ee1307
RK
2279.tabs-newtab-button,
2280#TabsToolbar > #new-tab-button {
57fc408c
RK
2281 border-radius: 8px 8px 0px 0px;
2282 -moz-margin-start: 0;
2283}
2284
43ee1307
RK
2285.tabs-newtab-button:not(:hover),
2286#TabsToolbar > #new-tab-button:not(:hover) {
57fc408c
RK
2287 background-color: #C09070;
2288}
2289
fe524e0c
RK
2290.tabbrowser-tab[remote] {
2291 text-decoration: underline;
2292}
2293
c0f6797e
RK
2294/* The selected tab should appear above adjacent tabs, .tabs-newtab-button and the highlight of #nav-bar */
2295.tabbrowser-tab[selected=true] {
2296/* position: relative;
2297 z-index: 2;*/
acb0e9b8 2298}
2299
c0f6797e 2300.tab-background-middle {
acb0e9b8 2301}
2302
c0f6797e 2303.tab-content {
acb0e9b8 2304}
319c6529 2305
c0f6797e
RK
2306.tab-throbber,
2307.tab-icon-image,
2308.tab-close-button {
acb0e9b8 2309}
2310
319c6529
RK
2311.tab-throbber,
2312.tab-icon-image {
319c6529 2313 height: 16px;
c0f6797e
RK
2314 width: 16px;
2315}
2316
2317.tab-icon-image {
dce90fef 2318 list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
613daf44 2319}
2320
319c6529 2321.tab-throbber {
95f333af 2322 list-style-image: url("chrome://communicator/skin/brand/throbber16-anim-connect.png");
613daf44 2323}
319c6529
RK
2324
2325.tab-throbber[progress] {
95f333af 2326 list-style-image: url("chrome://communicator/skin/brand/throbber16-anim.png");
613daf44 2327}
319c6529 2328
c0f6797e
RK
2329.tab-throbber:not([pinned]),
2330.tab-icon-image:not([pinned]) {
2331 -moz-margin-end: 3px;
2332}
2333
319c6529
RK
2334.tab-throbber[pinned],
2335.tab-icon-image[pinned] {
2336 -moz-margin-start: 2px;
2337 -moz-margin-end: 2px;
613daf44 2338}
319c6529 2339
c0f6797e
RK
2340.tab-label {
2341}
2342
2343.tab-close-button {
2344 margin-top: 1px;
2345 padding: 0;
2346}
2347
2348.tab-background,
2349.tabs-newtab-button {
2350 /* overlap the tab curves */
2351}
2352
2353.tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox {
2354}
2355
2356.tab-background-start[selected=true]::after,
2357.tab-background-start[selected=true]::before,
2358.tab-background-start,
2359.tab-background-end,
2360.tab-background-end[selected=true]::after,
2361.tab-background-end[selected=true]::before {
2362}
2363
2364.tabbrowser-tab:not([selected=true]),
2365.tabbrowser-tab:-moz-lwtheme {
2366}
2367
319c6529 2368/* tabbrowser-tab focus ring */
c0f6797e 2369.tabbrowser-tab:focus {
319c6529 2370 outline: 1px dotted;
613daf44 2371}
319c6529 2372
c0f6797e
RK
2373/* Selected tab */
2374
2375.tabbrowser-tab[selected="true"] {
2376}
2377
2378/* End selected tab */
2379
2380/* Background tabs */
2381
2382/* Decrease the height of the hoverable region of background tabs whenever the tabs are at the top
2383 of the window (e.g. no menubar, tabs in titlebar, etc.) to make it easier to drag the window by
2384 the titlebar. We don't need this in fullscreen since window dragging is not an issue there. */
2385#main-window[tabsintitlebar]:not([sizemode="maximized"]):not([inFullscreen]) #toolbar-menubar:-moz-any([autohide="true"][inactive], :not([autohide])) + #TabsToolbar .tab-background-middle:not([selected=true]) {
2386}
2387
2388/* End background tabs */
2389
2390/* Tab pointer-events */
2391/*
2392.tabbrowser-tab {
2393 pointer-events: none;
2394}
2395
2396.tab-background-middle,
2397.tabs-newtab-button,
2398.tab-close-button {
2399 pointer-events: auto;
2400}
2401*/
2402/* Pinned tabs */
2403
2404.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) {
2405 background-color: #E7ADE7;
2406}
2407
2408.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]):hover {
2409 background-color: #3333FF;
2410 color: #000000;
2411}
2412
2413/* New tab button */
2414
2415.tabs-newtab-button {
2416 width: 28px;
2417}
2418
2419/* === END tabs.inc.css === */
2420
8ad8bf83 2421/* Tab DnD indicator */
319c6529
RK
2422.tab-drop-indicator {
2423 list-style-image: url("chrome://browser/skin/tabbrowser/tabDragIndicator.png");
9abeb12c 2424 margin-bottom: -11px;
613daf44 2425}
2426
319c6529
RK
2427/* Tab close button */
2428.tab-close-button {
319c6529
RK
2429 list-style-image: url("chrome://global/skin/icons/close-button.gif");
2430}
acb0e9b8 2431
319c6529
RK
2432.tab-close-button:hover,
2433.tab-close-button:hover[selected="true"] {
2434 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
acb0e9b8 2435}
319c6529
RK
2436
2437.tab-close-button:hover:active,
2438.tab-close-button:hover:active[selected="true"] {
2439 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
acb0e9b8 2440}
319c6529 2441
319c6529
RK
2442/* Tab scrollbox arrow, tabstrip new tab and all-tabs buttons */
2443
319c6529
RK
2444.tabbrowser-arrowscrollbox > .scrollbutton-up,
2445.tabbrowser-arrowscrollbox > .scrollbutton-down {
319c6529
RK
2446 margin: 0;
2447 padding-top: 0;
2448 padding-bottom: 0;
c0f6797e
RK
2449 background-origin: border-box;
2450}
2451
2452#main-window[tabsintitlebar]:not([inFullscreen]) .tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-system-metric(windows-classic):not(:-moz-lwtheme),
2453#main-window[tabsintitlebar]:not([inFullscreen]) .tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-system-metric(windows-classic):not(:-moz-lwtheme),
2454.tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-lwtheme-brighttext,
2455.tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-lwtheme-brighttext {
2456 }
2457
2458.tabbrowser-arrowscrollbox > .scrollbutton-up[disabled],
2459.tabbrowser-arrowscrollbox > .scrollbutton-down[disabled] {
2460 }
2461
2462.tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-locale-dir(rtl),
2463.tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-locale-dir(ltr) {
2464/* transform: scaleX(-1);*/
2465}
2466
2467.tabbrowser-arrowscrollbox > .scrollbutton-down {
2468 transition: 1s background-color ease-out;
acb0e9b8 2469}
319c6529 2470
319c6529
RK
2471.tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] {
2472 background-color: #008484;
acb0e9b8 2473}
319c6529 2474
c0f6797e
RK
2475.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]),
2476.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]) {
2477/* border-width: 0 2px 0 0;
2478 border-style: solid;
2479 border-image: url("chrome://browser/skin/tabbrowser/tab-overflow-border.png") 0 2 0 2 fill;*/
2480}
2481
319c6529
RK
2482.tabs-newtab-button > .toolbarbutton-icon {
2483 margin-top: -1px;
2484 margin-bottom: -1px;
acb0e9b8 2485}
319c6529
RK
2486
2487.tabs-newtab-button,
2488#TabsToolbar > #new-tab-button,
e20c83c3
RK
2489#TabsToolbar > toolbarpaletteitem > #new-tab-button,
2490#TabsToolbar > toolbarpaletteitem > #new-tab-button[cui-areatype="toolbar"] {
38cfeb47 2491 list-style-image: url("chrome://browser/skin/tabbrowser/newtab.png");
319c6529 2492 -moz-image-region: rect(0, 16px, 18px, 0);
acb0e9b8 2493}
2494
8b5fc82e 2495.tabs-newtab-button,
38cfeb47 2496.tabs-newtab-button:hover,
c0f6797e 2497#TabsToolbar > #new-tab-button,
38cfeb47 2498#TabsToolbar > #new-tab-button:hover {
319c6529 2499 -moz-image-region: rect(0, 32px, 18px, 16px);
acb0e9b8 2500}
319c6529 2501
c0f6797e
RK
2502#main-window[tabsintitlebar]:not([inFullscreen]) .tabs-newtab-button:-moz-system-metric(windows-classic):not(:-moz-lwtheme),
2503#main-window[tabsintitlebar]:not([inFullscreen]) #TabsToolbar > #new-tab-button:-moz-system-metric(windows-classic):not(:-moz-lwtheme),
2504#main-window[tabsintitlebar]:not([inFullscreen]) #TabsToolbar > toolbarpaletteitem > #new-tab-button:-moz-system-metric(windows-classic):not(:-moz-lwtheme),
2505.tabs-newtab-button:-moz-lwtheme-brighttext,
2506#TabsToolbar > #new-tab-button:-moz-lwtheme-brighttext,
2507#TabsToolbar > toolbarpaletteitem > #new-tab-button:-moz-lwtheme-brighttext {
acb0e9b8 2508}
2509
c0f6797e
RK
2510#TabsToolbar > #new-tab-button {
2511 width: 26px;
2512}
2513
2514#alltabs-button {
2515 list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
acb0e9b8 2516}
319c6529 2517
f9fc08c7
RK
2518#alltabs-button:hover,
2519#alltabs-button:hover:active,
2520#alltabs-button[open="true"] {
8da9da4e 2521 list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
acb0e9b8 2522}
319c6529 2523
c0f6797e
RK
2524#main-window[tabsintitlebar]:not([inFullscreen]) #alltabs-button:-moz-system-metric(windows-classic):not(:-moz-lwtheme),
2525#alltabs-button:-moz-lwtheme-brighttext {
2526}
2527
2528#alltabs-button > .toolbarbutton-icon {
2529/* margin: 0 2px;*/
2530}
2531
2532#alltabs-button > .toolbarbutton-menu-dropmarker {
2533 display: none;
2534}
2535
319c6529
RK
2536/* All tabs menupopup */
2537.alltabs-item > .menu-iconic-left > .menu-iconic-icon {
dce90fef 2538 list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
8da9da4e 2539 -moz-image-region: auto;
acb0e9b8 2540}
2541
319c6529
RK
2542.alltabs-item[selected="true"] {
2543 font-weight: bold;
acb0e9b8 2544}
319c6529
RK
2545
2546.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon {
2547 list-style-image: url("chrome://global/skin/icons/loading.gif");
acb0e9b8 2548}
319c6529 2549
85cfb236 2550.alltabs-item[tabIsVisible]:not([_moz-menuactive="true"]) {
b1234db8
RK
2551 background-color: #402800;
2552}
2553
319c6529
RK
2554/* Tabstrip close button */
2555.tabs-closebutton {
2556 -moz-box-flex: 1;
2557 margin: 0px;
2558 padding: 2px;
2559 list-style-image: url("chrome://global/skin/icons/close-button.gif");
acb0e9b8 2560}
2561
b36fc72e
RK
2562.tabs-closebutton > .toolbarbutton-icon {
2563}
2564
8da9da4e
RK
2565.tabs-closebutton > .toolbarbutton-text {
2566 display: none;
2567}
2568
319c6529
RK
2569.tabs-closebutton:hover,
2570.tabs-closebutton:hover:active {
2571 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
acb0e9b8 2572}
319c6529
RK
2573
2574toolbarbutton.chevron {
2575 list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
acb0e9b8 2576}
319c6529
RK
2577
2578toolbarbutton.chevron:hover {
2579 list-style-image: url("chrome://global/skin/toolbar/chevron-hover.gif") !important;
acb0e9b8 2580}
2581
319c6529
RK
2582toolbarbutton.chevron:-moz-locale-dir(rtl) > .toolbarbutton-icon,
2583toolbarbutton.chevron:-moz-locale-dir(rtl):hover > .toolbarbutton-icon {
71a617ff 2584 transform: scaleX(-1);
acb0e9b8 2585}
319c6529
RK
2586
2587toolbarbutton.chevron > .toolbarbutton-text,
2588toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
2589 display: none;
acb0e9b8 2590}
319c6529
RK
2591
2592toolbarbutton.chevron > .toolbarbutton-icon {
2593 margin: 0;
acb0e9b8 2594}
2595
319c6529
RK
2596#sidebar-throbber[loading="true"] {
2597 list-style-image: url("chrome://global/skin/icons/loading.gif");
2598 -moz-margin-end: 4px;
acb0e9b8 2599}
319c6529
RK
2600
2601/* Bookmarks toolbar */
2602#PlacesToolbarDropIndicator {
8da9da4e 2603 list-style-image: url("chrome://communicator/skin/bookmarks/toolbarDropMarker.png");
acb0e9b8 2604}
2605
319c6529
RK
2606toolbarbutton.bookmark-item[dragover="true"][open="true"] {
2607 background-color: #008484 !important;
2608 color: #FFCF00 !important;
613daf44 2609}
319c6529
RK
2610
2611/* rules for menupopup drop indicators */
2612.menupopup-drop-indicator-bar {
2613 position: relative;
2614 /* these two margins must together compensate the indicator's height */
2615 margin-top: -1px;
2616 margin-bottom: -1px;
613daf44 2617}
319c6529
RK
2618
2619.menupopup-drop-indicator {
2620 list-style-image: none;
2621 height: 2px;
2622 -moz-margin-end: -4em;
2623 background-color: #008484;
613daf44 2624}
2625
319c6529
RK
2626/* ::::: Identity Indicator Styling ::::: */
2627
2628/* Popup Icons */
2629#identity-popup-icon {
2630 height: 64px;
2631 width: 64px;
2632 padding: 0;
2633 list-style-image: url("chrome://browser/skin/identity.png");
2634 -moz-image-region: rect(0px, 64px, 64px, 0px);
613daf44 2635}
319c6529
RK
2636
2637#identity-popup.verifiedDomain > #identity-popup-container > #identity-popup-icon {
2638 -moz-image-region: rect(64px, 64px, 128px, 0px);
613daf44 2639}
319c6529
RK
2640
2641#identity-popup.verifiedIdentity > #identity-popup-container > #identity-popup-icon {
2642 -moz-image-region: rect(128px, 64px, 192px, 0px);
613daf44 2643}
2644
319c6529
RK
2645/* Popup Body Text */
2646.identity-popup-description {
2647 white-space: pre-wrap;
2648 -moz-padding-start: 15px;
2649 margin: 2px 0 4px;
613daf44 2650}
319c6529
RK
2651
2652.identity-popup-label {
2653 white-space: pre-wrap;
2654 -moz-padding-start: 15px;
2655 margin: 0;
613daf44 2656}
319c6529 2657
5517da5a 2658#identity-popup-content-host,
319c6529
RK
2659#identity-popup-content-box.verifiedIdentity > #identity-popup-content-owner {
2660 font-size: 1.2em;
613daf44 2661}
2662
319c6529
RK
2663#identity-popup-content-host {
2664 margin-top: 3px;
2665 margin-bottom: 5px;
2666 font-weight: bold;
2667 max-width: 300px;
2668}
613daf44 2669
319c6529
RK
2670#identity-popup-content-owner {
2671 margin-top: 4px;
2672 margin-bottom: 0 !important;
2673 font-weight: bold;
2674 max-width: 300px;
2675}
613daf44 2676
319c6529
RK
2677.verifiedDomain > #identity-popup-content-owner {
2678 font-weight: normal;
613daf44 2679}
2680
319c6529
RK
2681#identity-popup-content-verifier {
2682 margin: 4px 0 2px;
613daf44 2683}
2684
319c6529
RK
2685#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption ,
2686#identity-popup-content-box.verifiedDomain > #identity-popup-encryption {
2687 margin-top: 10px;
2688 -moz-margin-start: -24px;
613daf44 2689}
2690
319c6529
RK
2691#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption > vbox > #identity-popup-encryption-icon ,
2692#identity-popup-content-box.verifiedDomain > #identity-popup-encryption > vbox > #identity-popup-encryption-icon {
2693 list-style-image: url("chrome://browser/skin/Secure24.png");
613daf44 2694}
2695
3a0880a9
RK
2696#identity-popup-help-icon {
2697 border: none;
2698 margin: 7px 0 0 -3px;
2699 background: none;
2700 min-width: 0;
2701 list-style-image: url("chrome://global/skin/icons/question-16.png");
2702 cursor: pointer;
2703}
2704
2705#identity-popup-help-icon > .button-box > .button-text {
2706 display: none;
2707}
2708
2709#identity-popup-help-icon > .button-box > .button-icon {
2710 height: 16px;
2711 width: 16px;
2712}
2713
319c6529
RK
2714#identity-popup-more-info-button {
2715 margin-top: 6px;
2716 margin-bottom: 0;
2717 -moz-margin-end: 0;
613daf44 2718}
acb0e9b8 2719
fe524e0c
RK
2720#identity-popup > .panel-arrowcontainer > .panel-arrowcontent {
2721 padding: 0;
2722}
2723
2724#identity-popup-container {
2725 min-width: 280px;
2726 padding: 10px;
2727}
2728
2729#identity-popup-button-container {
2730/* background: linear-gradient(to bottom, rgba(0,0,0,0.04) 60%, transparent);*/
2731 padding: 10px;
2732 margin-top: 5px;
2733}
2734
319c6529
RK
2735.popup-notification-icon {
2736 width: 64px;
2737 height: 64px;
2738 -moz-margin-end: 10px;
2739}
acb0e9b8 2740
319c6529
RK
2741.popup-notification-icon[popupid="geolocation"] {
2742 list-style-image: url("chrome://browser/skin/Geolocation-64.png");
acb0e9b8 2743}
2744
319c6529
RK
2745.popup-notification-icon[popupid="xpinstall-disabled"],
2746.popup-notification-icon[popupid="addon-progress"],
2747.popup-notification-icon[popupid="addon-install-cancelled"],
2748.popup-notification-icon[popupid="addon-install-blocked"],
2749.popup-notification-icon[popupid="addon-install-failed"],
a40f6a79 2750.popup-notification-icon[popupid="addon-install-complete"] {
319c6529
RK
2751 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
2752 width: 32px;
2753 height: 32px;
acb0e9b8 2754}
319c6529 2755
a40f6a79 2756.popup-notification-icon[popupid="click-to-play-plugins"] {
fcfb76ce 2757 list-style-image: url("chrome://mozapps/skin/plugins/pluginBlocked-64.png");
a40f6a79
RK
2758}
2759
a6757852
RK
2760.popup-notification-icon[popupid="plugins-not-found"] {
2761 list-style-image: url("chrome://browser/skin/pluginInstall-64.png");
2762}
2763
82b4252f
RK
2764.popup-notification-icon[popupid="web-notifications"] {
2765 list-style-image: url("chrome://browser/skin/notification-64.png");
2766}
2767
319c6529
RK
2768.addon-progress-description {
2769 width: 350px;
2770 max-width: 350px;
acb0e9b8 2771}
319c6529
RK
2772
2773.popup-progress-label,
2774.popup-progress-meter {
2775 -moz-margin-start: 0;
2776 -moz-margin-end: 0;
acb0e9b8 2777}
319c6529
RK
2778
2779.popup-progress-cancel {
2780 -moz-appearance: none;
2781 background: transparent;
2782 border: none;
2783 padding: 0;
2784 margin: 0;
2785 min-height: 0;
2786 min-width: 0;
2787 list-style-image: url("chrome://mozapps/skin/downloads/downloadButtons.png");
2788 -moz-image-region: rect(0px, 32px, 16px, 16px);
acb0e9b8 2789}
319c6529
RK
2790
2791.popup-progress-cancel:hover {
2792 -moz-image-region: rect(16px, 32px, 32px, 16px);
acb0e9b8 2793}
2794
319c6529
RK
2795.popup-progress-cancel:active {
2796 -moz-image-region: rect(32px, 32px, 48px, 16px);
2797}
acb0e9b8 2798
319c6529 2799.popup-notification-icon[popupid="indexedDB-permissions-prompt"],
a6757852 2800.popup-notification-icon[popupid="indexedDB-quota-prompt"],
e2734cc7
RK
2801.popup-notification-icon[popupid*="offline-app-requested"],
2802.popup-notification-icon[popupid="offline-app-usage"] {
319c6529 2803 list-style-image: url("chrome://global/skin/icons/alert-question.gif");
acb0e9b8 2804}
2805
319c6529
RK
2806.popup-notification-icon[popupid="password-save"],
2807.popup-notification-icon[popupid="password-change"] {
2808 list-style-image: url("chrome://mozapps/skin/passwordmgr/key-64.png");
acb0e9b8 2809}
2810
1b13529a 2811.popup-notification-icon[popupid="webapps-install-progress"],
8d7ef0d9 2812.popup-notification-icon[popupid="webapps-install"] {
87a1144f 2813 list-style-image: url("chrome://global/skin/icons/webapps-64.png");
8d7ef0d9
RK
2814}
2815
56ab361a
RK
2816.popup-notification-icon[popupid="mixed-content-blocked"] {
2817 list-style-image: url("chrome://browser/skin/mixed-content-blocked-64.png");
2818}
2819
0142a07b 2820.popup-notification-icon[popupid="webRTC-sharingDevices"],
7bc075b6
RK
2821.popup-notification-icon[popupid="webRTC-shareDevices"] {
2822 list-style-image: url("chrome://browser/skin/webRTC-shareDevice-64.png");
2823}
2824
82b4252f
RK
2825.popup-notification-icon[popupid="pointerLock"] {
2826 list-style-image: url("chrome://browser/skin/pointerLock-64.png");
2827}
2828
319c6529
RK
2829/* Notification icon box */
2830#notification-popup-box {
f993773d
RK
2831 position: relative;
2832 background-color: #000000;
2833 background-clip: padding-box;
2834 padding-left: 3px;
5517da5a 2835 padding-right: 8px;
f0eab82c 2836 border-radius: 3px 0 0 3px;
82b4252f 2837 border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 / 0 8px 0 0;
f993773d 2838 -moz-margin-end: -8px;
5517da5a 2839 border-right-width: 8px;
f993773d
RK
2840}
2841
c0f6797e 2842window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlbar-wrapper > #urlbar > #notification-popup-box {
5517da5a 2843/* padding-left: 5px; */
f993773d
RK
2844}
2845
2846#notification-popup-box:-moz-locale-dir(rtl),
2847.notification-anchor-icon:-moz-locale-dir(rtl) {
71a617ff 2848 transform: scaleX(-1);
319c6529 2849}
acb0e9b8 2850
319c6529 2851.notification-anchor-icon {
acb0e9b8 2852 width: 16px;
2853 height: 16px;
85cfb236 2854 margin: 0 2px;
acb0e9b8 2855}
2856
319c6529 2857.notification-anchor-icon:-moz-focusring {
f0eab82c
RK
2858 outline: 1px dotted #008484;
2859/* outline-offset: -3px; */
acb0e9b8 2860}
2861
e2734cc7 2862.default-notification-icon,
ab799a7a
RK
2863#default-notification-icon {
2864 list-style-image: url("chrome://global/skin/icons/information-16.png");
2865}
2866
e2734cc7 2867.identity-notification-icon,
9585a561
RK
2868#identity-notification-icon {
2869 list-style-image: url("chrome://mozapps/skin/profile/profileicon.png");
2870}
2871
e2734cc7 2872.geo-notification-icon,
319c6529
RK
2873#geo-notification-icon {
2874 list-style-image: url("chrome://browser/skin/Geolocation-16.png");
acb0e9b8 2875}
2876
319c6529
RK
2877#addons-notification-icon {
2878 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png");
acb0e9b8 2879}
2880
e2734cc7 2881.indexedDB-notification-icon,
319c6529
RK
2882#indexedDB-notification-icon {
2883 list-style-image: url("chrome://global/skin/icons/question-16.png");
acb0e9b8 2884}
2885
319c6529
RK
2886#password-notification-icon {
2887 list-style-image: url("chrome://mozapps/skin/passwordmgr/key-16.png");
acb0e9b8 2888}
2889
8d7ef0d9 2890#webapps-notification-icon {
87a1144f 2891 list-style-image: url("chrome://gobal/skin/icons/webapps-16.png");
8d7ef0d9
RK
2892}
2893
a40f6a79 2894#plugins-notification-icon {
b27cc46e
RK
2895 list-style-image: url("chrome://browser/skin/notification-pluginNormal.png");
2896}
2897
f76c6aee 2898#plugins-notification-icon.plugin-hidden {
b27cc46e 2899 list-style-image: url("chrome://browser/skin/notification-pluginAlert.png");
a40f6a79
RK
2900}
2901
f76c6aee 2902#plugins-notification-icon.plugin-blocked {
b27cc46e 2903 list-style-image: url("chrome://browser/skin/notification-pluginBlocked.png");
990cba4b
RK
2904}
2905
f76c6aee 2906#plugins-notification-icon {
fe524e0c
RK
2907/* -moz-image-region: rect(0, 16px, 16px, 0);*/
2908}
2909
f76c6aee 2910#plugins-notification-icon:hover {
fe524e0c
RK
2911/* -moz-image-region: rect(0, 32px, 16px, 16px);*/
2912}
2913
a6757852
RK
2914#plugin-install-notification-icon {
2915 list-style-image: url("chrome://browser/skin/pluginInstall-16.png");
2916}
2917
6adbc9a6
RK
2918#notification-popup-box[hidden] {
2919 /* Override display:none to make the pluginBlockedNotification animation work
2920 when showing the notification repeatedly. */
2921 display: -moz-box;
2922 visibility: collapse;
2923}
2924
f76c6aee 2925#plugins-notification-icon.plugin-blocked[showing] {
990cba4b
RK
2926 animation: pluginBlockedNotification 500ms ease 0s 5 alternate both;
2927}
2928
2929@keyframes pluginBlockedNotification {
2930 from {
2931 opacity: 0;
2932 }
2933 to {
2934 opacity: 1;
2935 }
2936}
2937
e2734cc7 2938.mixed-content-blocked-notification-icon,
56ab361a
RK
2939#mixed-content-blocked-notification-icon {
2940 list-style-image: url("chrome://browser/skin/mixed-content-blocked-16.png");
2941}
2942
e2734cc7 2943.webRTC-shareDevices-notification-icon,
0142a07b 2944#webRTC-shareDevices-notification-icon {
7bc075b6
RK
2945 list-style-image: url("chrome://browser/skin/webRTC-shareDevice-16.png");
2946}
2947
e2734cc7 2948.webRTC-sharingDevices-notification-icon,
6adbc9a6
RK
2949#webRTC-sharingDevices-notification-icon {
2950 list-style-image: url("chrome://browser/skin/webRTC-sharingDevice-16.png");
2951}
2952
e2734cc7 2953.web-notifications-notification-icon,
82b4252f
RK
2954#web-notifications-notification-icon {
2955 list-style-image: url("chrome://browser/skin/notification-16.png");
2956}
2957
2958#pointerLock-notification-icon {
2959 list-style-image: url("chrome://browser/skin/pointerLock-16.png");
2960}
2961#pointerLock-cancel {
2962 margin: 0px;
2963}
2964
319c6529 2965/* Bookmarks roots menu-items */
319c6529
RK
2966#subscribeToPageMenuitem:not([disabled]),
2967#subscribeToPageMenupopup,
2968#BMB_subscribeToPageMenuitem:not([disabled]),
2969#BMB_subscribeToPageMenupopup {
2970 list-style-image: url("chrome://browser/skin/feeds/feedIcon16.png");
613daf44 2971}
2972
319c6529 2973#bookmarksToolbarFolderMenu,
c0f6797e
RK
2974#BMB_bookmarksToolbar,
2975#panelMenu_bookmarksToolbar {
8da9da4e 2976 list-style-image: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png");
319c6529
RK
2977 -moz-image-region: auto;
2978}
acb0e9b8 2979
c0f6797e
RK
2980#BMB_unsortedBookmarks,
2981#panelMenu_unsortedBookmarks {
8da9da4e 2982 list-style-image: url("chrome://communicator/skin/bookmarks/unsortedBookmarks.png");
319c6529 2983 -moz-image-region: auto;
acb0e9b8 2984}
2985
319c6529 2986/* ::::: Keyboard UI Panel ::::: */
acb0e9b8 2987
319c6529
RK
2988.KUI-panel {
2989 color: #FF9F00;
2990 border-style: none;
2991 border-radius: 20px;
acb0e9b8 2992}
2993
319c6529
RK
2994.KUI-panel[level="top"] {
2995 /*background-color: rgba(27%,27%,27%,.65);*/
acb0e9b8 2996}
2997
319c6529
RK
2998/* Ctrl-Tab */
2999
3000#ctrlTab-panel {
3001 padding: 20px 10px 10px;
3002 font-weight: bold;
acb0e9b8 3003}
3004
319c6529
RK
3005.ctrlTab-favicon[src] {
3006 background-color: #000000;
3007 width: 20px;
3008 height: 20px;
3009 padding: 2px;
3010}
acb0e9b8 3011
319c6529 3012.ctrlTab-preview-inner > .tabPreview-canvas {
acb0e9b8 3013}
3014
319c6529
RK
3015.ctrlTab-preview:not(#ctrlTab-showAll) > * > .ctrlTab-preview-inner > .tabPreview-canvas {
3016 margin-bottom: 2px;
acb0e9b8 3017}
3018
319c6529
RK
3019.ctrlTab-preview-inner {
3020 padding-bottom: 10px;
acb0e9b8 3021}
3022
319c6529
RK
3023#ctrlTab-showAll:not(:focus) > * > .ctrlTab-preview-inner {
3024 padding: 10px;
3025 background-color: #000000;
3026 border-radius: .5em;
acb0e9b8 3027}
3028
319c6529
RK
3029.ctrlTab-preview:focus > * > .ctrlTab-preview-inner {
3030 color: white;
3031 background-color: #000000;
3032 text-shadow: none;
3033 padding: 8px;
3034 border: 2px solid #9C9CFF;
3035 border-radius: .5em;
acb0e9b8 3036}
3037
319c6529
RK
3038.ctrlTab-preview:not(#ctrlTab-showAll):focus > * > .ctrlTab-preview-inner {
3039 margin: -10px -10px 0;
acb0e9b8 3040}
3041
319c6529
RK
3042#ctrlTab-showAll {
3043 margin-top: .5em;
acb0e9b8 3044}
3045
9abeb12c
RK
3046/* Status panel */
3047
3048.statuspanel-label {
3049 margin: 0;
3050 padding: 2px 4px;
38cfeb47 3051 background: #404000;
9abeb12c
RK
3052 border: 1px none #9C9CFF;
3053 border-top-style: solid;
3054 color: #FF9F00;
3055 text-shadow: none;
3056}
3057
3058.statuspanel-label:-moz-locale-dir(ltr):not([mirror]),
3059.statuspanel-label:-moz-locale-dir(rtl)[mirror] {
3060 border-right-style: solid;
3061 border-top-right-radius: .3em;
3062 margin-right: 1em;
3063}
3064
3065.statuspanel-label:-moz-locale-dir(rtl):not([mirror]),
3066.statuspanel-label:-moz-locale-dir(ltr)[mirror] {
3067 border-left-style: solid;
3068 border-top-left-radius: .3em;
3069 margin-left: 1em;
3070}
3e6e0e5c
RK
3071
3072/* HACK to abolish devily color on main content */
3073
3074#content {
3075 background-color: transparent !important;
3076}
dce90fef 3077
7600e0b1
RK
3078/* === BEGIN highlighter.inc.css === */
3079
dce90fef
RK
3080/* Highlighter */
3081
0142a07b 3082.highlighter-outline {
fcfb76ce 3083 box-shadow: 0 0 0 1px black;
1bf116f8 3084 outline: 1px dashed #A09090;
dce90fef
RK
3085}
3086
0142a07b 3087.highlighter-outline[locked] {
fcfb76ce
RK
3088 box-shadow: 0 0 0 1px rgba(0,0,0,0.3);
3089 outline-color: rgba(255,255,255,0.7);
dce90fef 3090}
4c765db1 3091
8ad8bf83
RK
3092/* Highlighter - Node Infobar */
3093
0142a07b 3094.highlighter-nodeinfobar {
a40f6a79 3095 color: #FF9F00;
a40f6a79
RK
3096 border-radius: 3px;
3097 background-color: #000000;
3098 background-clip: padding-box;
1bf116f8
RK
3099 border: 1px solid #008484;
3100 padding: 5px;
3101 /* Avoid cases where the infobar is smaller than the arrow, when the text is
3102 short */
3103 min-width: 75px;
a40f6a79
RK
3104}
3105
8ad8bf83
RK
3106/* Highlighter - Node Infobar - text */
3107
0142a07b 3108.highlighter-nodeinfobar-text {
a40f6a79 3109 /* 100% - size of the buttons and margins */
c29b709d 3110 max-width: calc(100% - 2 * (26px + 6px));
a40f6a79
RK
3111 padding-bottom: 1px;
3112}
3113
0142a07b 3114html|*.highlighter-nodeinfobar-tagname {
8ad8bf83
RK
3115 color: #FFCF00;
3116}
3117
0142a07b 3118html|*.highlighter-nodeinfobar-id {
8ad8bf83
RK
3119 color: #9C9CFF;
3120}
3121
0142a07b 3122html|*.highlighter-nodeinfobar-pseudo-classes {
eec397be 3123 color: #FF9F00;
8ad8bf83
RK
3124}
3125
a40f6a79
RK
3126/* Highlighter - Node Infobar - buttons */
3127
3128.highlighter-nodeinfobar-button {
3129 padding: 0;
3130 width: 26px;
3131 min-height: 26px;
3132}
3133
0142a07b 3134.highlighter-nodeinfobar-inspectbutton {
a40f6a79
RK
3135 list-style-image: url("chrome://browser/skin/devtools/inspect-button.png");
3136 -moz-image-region: rect(0px 16px 16px 0px);
3137 -moz-margin-start: 0px;
3138 -moz-margin-end: 2px;
3139}
3140
0142a07b
RK
3141.highlighter-nodeinfobar-inspectbutton:hover,
3142.highlighter-nodeinfobar-inspectbutton:hover:active/*,
3143.highlighter-nodeinfobar-container:not([locked]) > .highlighter-nodeinfobar > .highlighter-nodeinfobar-inspectbutton*/ {
a40f6a79
RK
3144 -moz-image-region: rect(0px 32px 16px 16px);
3145}
3146
0142a07b 3147.highlighter-nodeinfobar-menu {
a40f6a79
RK
3148}
3149
0142a07b 3150.highlighter-nodeinfobar-menu > .toolbarbutton-menu-dropmarker {
a40f6a79
RK
3151 -moz-box-align: center;
3152 -moz-margin-start: -1px;
3153}
3154
3155/* Highlighter - Node Infobar - box & arrow */
3156
8ad8bf83
RK
3157.highlighter-nodeinfobar-arrow {
3158 width: 14px;
3159 height: 14px;
c29b709d 3160 -moz-margin-start: calc(50% - 7px);
71a617ff 3161 transform: rotate(-45deg);
8ad8bf83
RK
3162 background-clip: padding-box;
3163 background-repeat: no-repeat;
3164}
3165
0142a07b 3166.highlighter-nodeinfobar-arrow-top {
8ad8bf83
RK
3167 margin-bottom: -8px;
3168 margin-top: 8px;
fcaeefc2 3169 background-image: linear-gradient(to bottom left, transparent 50%, rgb(0, 132, 132) 50%);
8ad8bf83
RK
3170}
3171
0142a07b 3172.highlighter-nodeinfobar-arrow-bottom {
8ad8bf83
RK
3173 margin-top: -8px;
3174 margin-bottom: 8px;
fcaeefc2 3175 background-image: linear-gradient(to top right, transparent 50%, rgb(0, 132, 132) 50%);
8ad8bf83
RK
3176}
3177