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