projects / themes.git / blame
? search:
summary | shortlog | log | commit | commitdiff | tree
blob | blame (incremental) | history | HEAD
add some support for nightly devtools changes
[themes.git] / LCARStrek / browser / browser.css
CommitLineData
9099c61d
RK		 1/* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
acb0e9b8 4
5@import url("chrome://global/skin/");
fcaeefc2 6@import url("downloads/indicator.css");
acb0e9b8 7
8@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
319c6529
RK		 9@namespace html url("http://www.w3.org/1999/xhtml");
10
11toolbar {
12 -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar");
13}
acb0e9b8 14
fd291cce
RK		 15/* Remove selector when Australis lands - this makes it only apply post-Australis as iconsize doesn't exist there */
16#navigator-toolbox:not([iconsize]) > toolbar[customizable="true"] {
43cc2806
RK		 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
fd291cce
RK		 24/* Remove selector when Australis lands - this makes it only apply post-Australis as iconsize doesn't exist there */
25#navigator-toolbox:not([iconsize]) > #toolbar-menubar[autohide="true"] {
43cc2806
RK		 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
fd291cce
RK		 65/* Remove selector when Australis lands - this makes it only apply post-Australis as iconsize doesn't exist there */
66#navigator-toolbox:not([iconsize]) > #toolbar-menubar:not([autohide="true"]) {
43cc2806
RK		 67 -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-drag-browsercustom");
68}
69
018d70fb
RK		 70#main-window[tabsintitlebar] #toolbar-menubar .toolbar-endcap {
71 /* the titlebar buttons are shown right over the endcap but we have no power over the buttonbox position just for this case, so hide the endcap */
72 display: none;
43cc2806 73}
63ada306 74
319c6529
RK		 75#navigator-toolbox {
76}
77
9abeb12c
RK		 78#navigator-toolbox::after {
79 content: "";
80 display: -moz-box;
81 -moz-box-ordinal-group: 101; /* tabs toolbar is 100 */
82 height: 1px;
83}
84#navigator-toolbox[tabsontop=false]::after,
85#main-window[disablechrome] #navigator-toolbox::after {
86 visibility: collapse;
87}
88
319c6529
RK		 89#navigator-toolbox > toolbar:not(:-moz-lwtheme) {
90}
91
d54f5b23 92#main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[inactive] ~ #TabsToolbar:not(:-moz-lwtheme) {
319c6529
RK		 93 /* like menubar */
94 background-color: #6000CF;
95 color: #FF9F00;
96}
d54f5b23 97#main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[inactive] ~ #TabsToolbar:not(:-moz-lwtheme):-moz-window-inactive {
319c6529
RK		 98 background-color: #8050B0;
99 color: #FF9F00;
100}
2caba1a9
RK		 101#main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[inactive] ~ #TabsToolbar > .tabbrowser-tabs > .tabbrowser-tab {
102 padding-top: 3px;
103}
319c6529
RK		 104
105#main-window[tabsintitlebar] #titlebar:-moz-lwtheme {
106 visibility: hidden;
107}
108#main-window[tabsintitlebar] #titlebar-content:-moz-lwtheme {
109 -moz-binding: url("chrome://global/content/bindings/general.xml#windowdragbox");
110 visibility: visible;
111}
112
676f0091
RK		 113#nav-bar[tabsontop="true"],
114#nav-bar[tabsontop="true"][collapsed="true"]:not([customizing]) + toolbar,
115#nav-bar[tabsontop="true"][collapsed="true"]:not([customizing]) + #customToolbars + #PersonalToolbar {
0142a07b 116 /* background-image: linear-gradient(@toolbarHighlight@, rgba(255,255,255,0)); */
319c6529
RK		 117}
118
319c6529 119#personal-bookmarks {
38cfeb47 120/* min-height: 24px; */
319c6529
RK		 121}
122
123#print-preview-toolbar:not(:-moz-lwtheme) {
124 /* -moz-appearance: toolbox; */
acb0e9b8 125}
126
319c6529
RK		 127/* ::::: app menu button ::::: */
128
129#appmenu-button {
acb0e9b8 130 background-color: #FF9F00;
319c6529
RK		 131 background-clip: padding-box;
132 border-radius: 0;
133 border: none;
319c6529
RK		 134 border-right: 3px solid #000000;
135 color: #000000;
136 font-weight: bold;
5305ef8d
RK		 137 padding: 1px 1.5em;
138 margin: 0;
139}
140
141#appmenu-button:-moz-locale-dir(rtl) {
142 border-left: 3px solid #000000;
143 border-right: none;
acb0e9b8 144}
145
319c6529
RK		 146#main-window[privatebrowsingmode=temporary] #appmenu-button {
147 background-color: #6000CF;
148 color: #FFCF00;
149}
150
b36fc72e
RK		 151#appmenu-button:hover:not(:active):not([open]) {
152}
153
154#main-window[privatebrowsingmode=temporary] #appmenu-button:hover:not(:active):not([open]) {
155}
156
319c6529
RK		 157#appmenu-button:hover,
158#appmenu-button:hover:active,
159#appmenu-button[open] {
160 background-color: #FFCF00;
161 color: #000000;
162}
163
164#appmenu-button > .button-box > .button-menu-dropmarker {
db6435b4 165 list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
319c6529
RK		 166 width: auto;
167 height: auto;
168 padding: 0;
169 margin: 0;
5305ef8d
RK		 170 border: none;
171 background-color: transparent;
319c6529
RK		 172 -moz-margin-start: .5em;
173}
174
db6435b4
RK		 175#main-window[privatebrowsingmode=temporary] #appmenu-button > .button-box > .button-menu-dropmarker {
176 list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
177}
178
38cfeb47
RK		 179#appmenuPrimaryPane > menuitem,
180#appmenuSecondaryPane > menuitem,
181#appmenuPrimaryPane > menu {
182 padding: 2px;
183}
184
d54f5b23 185.splitmenu-menuitem {
38cfeb47
RK		 186 -moz-padding-start: 2px;
187 padding-top: 2px;
188 padding-bottom: 2px;
d54f5b23
RK		 189 -moz-margin-end: 1px;
190}
191
ab799a7a 192.splitmenu-menu {
38cfeb47
RK		 193 padding-top: 2px;
194 padding-bottom: 2px;
319c6529
RK		 195 -moz-box-pack: end;
196}
197
198.appmenu-edit-button {
199}
200
201.appmenu-edit-button[disabled="true"] {
202}
203
204#appmenuPrimaryPane {
205 -moz-border-end: 1px solid #9C9CFF;
206}
207/*
208 #appmenu-popup {
209 }
210 #appmenuPrimaryPane {
211 }
212 #appmenuSecondaryPane {
213 }
214 #appmenuSecondaryPane:-moz-locale-dir(rtl) {
215 }
216
217 #appmenuSecondaryPane menupopup {
218 }
219
220 .appmenu-menuseparator {
221 }
222
223 .appmenu-edit-button:not([disabled]):hover {
224 }
225*/
226#appmenuSecondaryPane-spacer {
227 min-height: 1em;
228}
229
9abeb12c
RK		 230#appmenu-editmenu {
231 -moz-box-pack: end;
232}
233
319c6529
RK		 234#appmenu_print,
235#appmenu_print_popup,
236.appmenu-edit-button,
9abeb12c
RK		 237#appmenu-editmenu-cut,
238#appmenu-editmenu-copy,
239#appmenu-editmenu-paste,
319c6529
RK		 240#appmenu-quit {
241 list-style-image: url("appmenu-icons.png");
242}
243
9abeb12c
RK		 244#appmenu-cut,
245#appmenu-editmenu-cut {
319c6529 246 -moz-image-region: rect(0 16px 16px 0);
acb0e9b8 247}
248
143c5409
RK		 249#appmenu-cut:hover:not([disabled="true"]),
250#appmenu-editmenu-cut:hover:not([disabled="true"]) {
251 -moz-image-region: rect(16px 16px 32px 0);
252}
253
254#appmenu-cut[disabled="true"],
255#appmenu-editmenu-cut[disabled="true"] {
256 -moz-image-region: rect(32px 16px 48px 0);
257}
258
9abeb12c
RK		 259#appmenu-copy,
260#appmenu-editmenu-copy {
319c6529
RK		 261 -moz-image-region: rect(0 32px 16px 16px);
262}
263
143c5409
RK		 264#appmenu-copy:hover:not([disabled="true"]),
265#appmenu-editmenu-copy:hover:not([disabled="true"]) {
266 -moz-image-region: rect(16px 32px 32px 16px);
267}
268
269#appmenu-copy[disabled="true"],
270#appmenu-editmenu-copy[disabled="true"] {
271 -moz-image-region: rect(32px 32px 48px 16px);
272}
273
9abeb12c
RK		 274#appmenu-paste,
275#appmenu-editmenu-paste {
319c6529
RK		 276 -moz-image-region: rect(0 48px 16px 32px);
277}
278
143c5409
RK		 279#appmenu-paste:hover:not([disabled="true"]),
280#appmenu-editmenu-paste:hover:not([disabled="true"]) {
281 -moz-image-region: rect(16px 48px 32px 32px);
282}
283
284#appmenu-paste[disabled="true"],
285#appmenu-editmenu-paste[disabled="true"] {
286 -moz-image-region: rect(32px 48px 48px 32px);
287}
288
319c6529
RK		 289#appmenu_print,
290#appmenu_print_popup {
291 -moz-image-region: rect(0 64px 16px 48px);
292}
293
143c5409
RK		 294#appmenu_print:hover:not([disabled="true"]),
295#appmenu_print[open="true"],
296#appmenu_print_popup:hover:not([disabled="true"]) {
297 -moz-image-region: rect(16px 64px 32px 48px);
298}
299
300#appmenu-print[disabled="true"],
301#appmenu_print_popup[disabled="true"] {
302 -moz-image-region: rect(32px 64px 48px 48px);
303}
304
319c6529
RK		 305#appmenu-quit {
306 -moz-image-region: rect(0 80px 16px 64px);
307}
308
143c5409
RK		 309#appmenu-quit:hover {
310 -moz-image-region: rect(16px 80px 32px 64px);
311}
312
319c6529
RK		 313#appmenu-edit-label {
314 -moz-appearance: none;
315 background: transparent;
316 font-style: italic;
317}
318
319#appmenu_bookmarks {
320 list-style-image: url("chrome://browser/skin/places/bookmark.png");
321 -moz-image-region: rect(0px 48px 16px 32px);
322}
323
0142a07b
RK		 324#appmenu_privateBrowsing,
325#appmenu_newPrivateWindow {
319c6529
RK		 326 list-style-image: url("chrome://browser/skin/Privacy-16.png");
327}
328
82b4252f
RK		 329@media (min-resolution: 1.25dppx) {
330 #appmenu_privateBrowsing,
331 #appmenu_newPrivateWindow {
332 list-style-image: url("chrome://browser/skin/Privacy-32.png");
333 }
334}
335
319c6529
RK		 336#appmenu_addons {
337 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png");
338}
339
82b4252f
RK		 340@media (min-resolution: 1.25dppx) {
341 #appmenu_addons {
342 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
343 }
344}
345
319c6529
RK		 346#BMB_bookmarkThisPage,
347#appmenu_bookmarkThisPage {
348 list-style-image: url("chrome://browser/skin/places/bookmark.png");
349 -moz-image-region: rect(0 16px 16px 0);
350}
351
352/* ::::: titlebar ::::: */
353
5305ef8d
RK		 354#titlebar {
355 /* like menubar */
356 background-color: #6000CF;
357 color: #FF9F00;
358}
359#titlebar:-moz-window-inactive {
360 background-color: #8050B0;
361 color: #FF9F00;
362}
363
319c6529 364#main-window[sizemode="normal"] > #titlebar {
5305ef8d
RK		 365 margin-top: -3px;
366 margin-bottom: 3px;
319c6529
RK		 367}
368
369#main-window[sizemode="maximized"] > #titlebar {
5305ef8d 370 margin-top: 4px;
319c6529
RK		 371}
372
43cc2806
RK		 373/* The button box must appear on top of the navigator-toolbox in order for
374 * click and hover mouse events to work properly for the button in the restored
375 * window state. Otherwise, elements in the navigator-toolbox, like the menubar,
376 * can swallow those events. It will also place the buttons above the fog on
377 * themes with Aero Glass.
378 */
319c6529 379#titlebar-buttonbox {
5305ef8d
RK		 380 margin-top: 5px;
381 -moz-margin-end: 3px;
43cc2806 382 z-index: 1;
319c6529
RK		 383}
384
385#main-window[sizemode="maximized"] #titlebar-buttonbox {
386}
387
388.titlebar-placeholder[type="appmenu-button"] {
389 margin-left: 4px;
390}
391
392.titlebar-placeholder[type="caption-buttons"] {
393 margin-left: 10px;
394}
395
396/* titlebar command buttons */
397
398#titlebar-min {
5305ef8d
RK		 399 list-style-image: url("chrome://navigator/skin/icons/win-minimize.gif");
400}
401
402#titlebar-min:hover {
403 list-style-image: url("chrome://navigator/skin/icons/win-minimize-hover.gif");
319c6529
RK		 404}
405
406#titlebar-max {
5305ef8d
RK		 407 list-style-image: url("chrome://browser/skin/win-maximize.gif");
408}
409
410#titlebar-max:hover {
411 list-style-image: url("chrome://browser/skin/win-maximize-hover.gif");
319c6529
RK		 412}
413
414#main-window[sizemode="maximized"] #titlebar-max {
5305ef8d
RK		 415 list-style-image: url("chrome://navigator/skin/icons/win-restore.gif");
416}
417
418#main-window[sizemode="maximized"] #titlebar-max:hover {
419 list-style-image: url("chrome://navigator/skin/icons/win-restore-hover.gif");
319c6529
RK		 420}
421
422#titlebar-close {
5305ef8d
RK		 423 list-style-image: url("chrome://navigator/skin/icons/win-close.gif");
424}
425
426#titlebar-close:hover {
427 list-style-image: url("chrome://navigator/skin/icons/win-close-hover.gif");
acb0e9b8 428}
429
430/* ::::: bookmark buttons ::::: */
431
26125509
RK		 432.bookmark-item > .toolbarbutton-icon,
433#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-icon {
acb0e9b8 434 width: 16px;
435 height: 16px;
436}
437
26125509
RK		 438/* Force the display of the label for bookmarks */
439.bookmark-item > .toolbarbutton-text,
440#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-text {
acb0e9b8 441 display: -moz-box !important;
442}
443
319c6529
RK		 444.bookmark-item > .toolbarbutton-menu-dropmarker {
445 display: none;
446}
447
448#wrapper-personal-bookmarks[place="palette"] > .toolbarpaletteitem-box {
c5772fdf 449 background: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png") no-repeat center;
319c6529
RK		 450}
451
26125509
RK		 452.bookmarks-toolbar-customize,
453#bookmarks-toolbar-placeholder {
319c6529 454 max-width: 15em !important;
8da9da4e 455 list-style-image: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png") !important;
319c6529
RK		 456}
457
458/* ::::: bookmark menus ::::: */
459
460menu.bookmark-item,
461menuitem.bookmark-item {
462 min-width: 0;
ab799a7a 463 max-width: 32em;
319c6529
RK		 464}
465
466.bookmark-item > .menu-iconic-left {
467 margin-top: 0;
468 margin-bottom: 0;
469}
470
471.bookmark-item > .menu-iconic-left > .menu-iconic-icon {
472 -moz-padding-start: 0px;
473}
474
475/* ::::: bookmark items ::::: */
476
477.bookmark-item {
dce90fef 478 list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
8da9da4e 479 -moz-image-region: auto;
319c6529
RK		 480}
481
482.bookmark-item[container] {
483 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif");
8da9da4e 484 -moz-image-region: auto;
319c6529
RK		 485}
486
487.bookmark-item[container][open] {
488 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif");
8da9da4e 489 -moz-image-region: auto;
319c6529
RK		 490}
491
8da9da4e
RK		 492.bookmark-item[container][livemark] {
493 list-style-image: url("chrome://communicator/skin/bookmarks/livemark-folder.png");
319c6529
RK		 494 -moz-image-region: auto;
495}
496
497.bookmark-item[container][livemark] .bookmark-item {
8da9da4e 498 list-style-image: url("chrome://communicator/skin/bookmarks/livemark-item.png");
719b06bc 499 -moz-image-region: rect(0px, 16px, 16px, 0px);
319c6529
RK		 500}
501
eec397be 502.bookmark-item[container][livemark] .bookmark-item[visited] {
719b06bc 503 -moz-image-region: rect(0px, 32px, 16px, 16px);
eec397be
RK		 504}
505
319c6529 506.bookmark-item[container][query] {
8da9da4e 507 list-style-image: url("chrome://communicator/skin/bookmarks/query.png");
319c6529
RK		 508 -moz-image-region: auto;
509}
510
511.bookmark-item[query][tagContainer] {
512 list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png");
513 -moz-image-region: auto;
514}
515
516.bookmark-item[query][dayContainer] {
8da9da4e 517 list-style-image: url("chrome://communicator/skin/history/calendar.png");
319c6529
RK		 518 -moz-image-region: auto;
519}
520
521.bookmark-item[query][hostContainer] {
522 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif");
8da9da4e 523 -moz-image-region: auto;
319c6529
RK		 524}
525
526.bookmark-item[query][hostContainer][open] {
527 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif");
8da9da4e 528 -moz-image-region: auto;
319c6529
RK		 529}
530
b1234db8
RK		 531.bookmark-item[cutting] > .toolbarbutton-icon,
532.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-icon {
533 opacity: 0.5;
534}
535
536.bookmark-item[cutting] > .toolbarbutton-text,
537.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-text {
538 opacity: 0.7;
539}
540
319c6529
RK		 541/* ::::: primary toolbar buttons ::::: */
542
43cc2806
RK		 543/* === BEGIN toolbarbuttons.inc.css === */
544
545/* Whole section of this included file: */
fd291cce
RK		 546/* Remove |#navigator-toolbox:not([iconsize])| selector when Australis lands - this makes it only apply post-Australis as iconsize doesn't exist there */
547#navigator-toolbox:not([iconsize]) :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button,
43cc2806
RK		 548 #cut-button, #copy-button, #paste-button, #fullscreen-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #sync-button, #feed-button,
549 #tabview-button, #webrtc-status-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button,
550 #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button,
551 #PanelUI-menu-button, #characterencoding-button, #email-link-button),
fd291cce 552#navigator-toolbox:not([iconsize]) #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
43cc2806
RK		 553 list-style-image: url("chrome://browser/skin/ToolbarFx.png");
554}
555
fd291cce 556#navigator-toolbox:not([iconsize]) #back-button {
43cc2806
RK		 557 -moz-image-region: rect(0, 36px, 18px, 18px);
558}
559
fd291cce 560#navigator-toolbox:not([iconsize]) #back-button:hover:not([disabled="true"]) {
43cc2806
RK		 561 -moz-image-region: rect(18px, 36px, 36px, 18px);
562}
563
fd291cce 564#navigator-toolbox:not([iconsize]) #back-button[disabled="true"] {
43cc2806
RK		 565 -moz-image-region: rect(36px, 36px, 54px, 18px);
566}
567
fd291cce 568#navigator-toolbox:not([iconsize]) #forward-button {
43cc2806
RK		 569 -moz-image-region: rect(0, 72px, 18px, 54px);
570}
571
fd291cce 572#navigator-toolbox:not([iconsize]) #forward-button:hover:not([disabled="true"]) {
43cc2806
RK		 573 -moz-image-region: rect(18px, 72px, 36px, 54px);
574}
575
fd291cce 576#navigator-toolbox:not([iconsize]) #forward-button[disabled="true"] {
43cc2806
RK		 577 -moz-image-region: rect(36px, 72px, 54px, 54px);
578}
579
fd291cce
RK		 580#navigator-toolbox:not([iconsize]) #back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
581#navigator-toolbox:not([iconsize]) #forward-button:-moz-locale-dir(rtl) {
43cc2806
RK		 582 transform: scaleX(-1);
583}
584
fd291cce 585#navigator-toolbox:not([iconsize]) #home-button[cui-areatype="toolbar"] {
43cc2806
RK		 586 -moz-image-region: rect(0, 126px, 18px, 108px);
587}
588
fd291cce 589#navigator-toolbox:not([iconsize]) #home-button[cui-areatype="toolbar"]:hover {
43cc2806
RK		 590 -moz-image-region: rect(18px, 126px, 36px, 108px);
591}
592
fd291cce 593#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"] {
43cc2806
RK		 594 -moz-image-region: rect(0, 144px, 18px, 126px);
595}
596
fd291cce
RK		 597#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"]:hover,
598#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"][open="true"] {
43cc2806
RK		 599 -moz-image-region: rect(18px, 144px, 36px, 126px);
600}
601
fd291cce 602#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"][starred] {
43cc2806
RK		 603 -moz-image-region: rect(0, 162px, 18px, 144px);
604}
605
fd291cce
RK		 606#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"][starred]:hover,
607#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"][starred][open="true"] {
43cc2806
RK		 608 -moz-image-region: rect(18px, 162px, 36px, 144px);
609}
610
fd291cce 611#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
43cc2806
RK		 612 -moz-image-region: rect(0, 630px, 18px, 612px);
613}
614
fd291cce 615#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker {
43cc2806
RK		 616 padding: 1px;
617 -moz-box-align: center;
618}
619
fd291cce
RK		 620#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"]:hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
621#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"][open="true"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
43cc2806
RK		 622 -moz-image-region: rect(18px, 630px, 36px, 612px);
623}
624
fd291cce
RK		 625#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"]:hover:active > .toolbarbutton-menubutton-dropmarker,
626#navigator-toolbox:not([iconsize]) #bookmarks-menu-button[cui-areatype="toolbar"][open="true"] > .toolbarbutton-menubutton-dropmarker {
43cc2806
RK		 627 padding-top: 2px;
628 padding-bottom: 0px;
629 -moz-padding-start: 2px;
630 -moz-padding-end: 0px;
631}
632
fd291cce 633#navigator-toolbox:not([iconsize]) #history-panelmenu[cui-areatype="toolbar"] {
43cc2806
RK		 634 -moz-image-region: rect(0, 180px, 18px, 162px);
635}
636
fd291cce
RK		 637#navigator-toolbox:not([iconsize]) #history-panelmenu[cui-areatype="toolbar"]:hover,
638#navigator-toolbox:not([iconsize]) #history-panelmenu[cui-areatype="toolbar"][open="true"] {
43cc2806
RK		 639 -moz-image-region: rect(18px, 180px, 36px, 162px);
640}
641
fd291cce 642#navigator-toolbox:not([iconsize]) #downloads-button[cui-areatype="toolbar"] {
43cc2806
RK		 643 -moz-image-region: rect(0, 198px, 18px, 180px);
644}
645
fd291cce
RK		 646#navigator-toolbox:not([iconsize]) #downloads-button[cui-areatype="toolbar"]:hover,
647#navigator-toolbox:not([iconsize]) #downloads-button[cui-areatype="toolbar"][open="true"] {
43cc2806
RK		 648 -moz-image-region: rect(18px, 198px, 36px, 180px);
649}
650
fd291cce 651#navigator-toolbox:not([iconsize]) #add-ons-button[cui-areatype="toolbar"] {
43cc2806
RK		 652 -moz-image-region: rect(0, 216px, 18px, 198px);
653}
654
fd291cce 655#navigator-toolbox:not([iconsize]) #add-ons-button[cui-areatype="toolbar"]:hover {
43cc2806
RK		 656 -moz-image-region: rect(18px, 216px, 36px, 198px);
657}
658
fd291cce 659#navigator-toolbox:not([iconsize]) #switch-to-metro-button[cui-areatype="toolbar"] {
43cc2806
RK		 660 -moz-image-region: rect(0, 648px, 18px, 630px);
661}
662
fd291cce 663#navigator-toolbox:not([iconsize]) #switch-to-metro-button[cui-areatype="toolbar"]:hover {
43cc2806
RK		 664 -moz-image-region: rect(18px, 648px, 36px, 630px);
665}
666
fd291cce 667#navigator-toolbox:not([iconsize]) #open-file-button[cui-areatype="toolbar"] {
43cc2806
RK		 668 -moz-image-region: rect(0, 234px, 18px, 216px);
669}
670
fd291cce 671#navigator-toolbox:not([iconsize]) #open-file-button[cui-areatype="toolbar"]:hover {
43cc2806
RK		 672 -moz-image-region: rect(18px, 234px, 36px, 216px);
673}
674
fd291cce 675#navigator-toolbox:not([iconsize]) #save-page-button[cui-areatype="toolbar"] {
43cc2806
RK		 676 -moz-image-region: rect(0, 252px, 18px, 234px);
677}
678
fd291cce 679#navigator-toolbox:not([iconsize]) #save-page-button[cui-areatype="toolbar"]:hover {
43cc2806
RK		 680 -moz-image-region: rect(18px, 252px, 36px, 234px);
681}
682
fd291cce 683#navigator-toolbox:not([iconsize]) #sync-button[cui-areatype="toolbar"] {
43cc2806
RK		 684 -moz-image-region: rect(0, 270px, 18px, 252px);
685}
686
fd291cce 687#navigator-toolbox:not([iconsize]) #sync-button[cui-areatype="toolbar"]:hover {
43cc2806
RK		 688 -moz-image-region: rect(18px, 270px, 36px, 252px);
689}
690
fd291cce 691#navigator-toolbox:not([iconsize]) #feed-button[cui-areatype="toolbar"] {
43cc2806
RK		 692 -moz-image-region: rect(0, 288px, 18px, 270px);
693}
694
fd291cce 695#navigator-toolbox:not([iconsize]) #feed-button[cui-areatype="toolbar"]:hover:not([disabled="true"]) {
43cc2806
RK		 696 -moz-image-region: rect(18px, 288px, 36px, 270px);
697}
698
fd291cce 699#navigator-toolbox:not([iconsize]) #feed-button[cui-areatype="toolbar"][disabled="true"] {
cc4b0b0d
RK		 700 -moz-image-region: rect(36px, 288px, 54px, 270px);
701}
702
fd291cce 703#navigator-toolbox:not([iconsize]) #social-share-button[cui-areatype="toolbar"] {
43cc2806
RK		 704 -moz-image-region: rect(0px, 306px, 18px, 288px);
705}
706
fd291cce 707#navigator-toolbox:not([iconsize]) #social-share-button[cui-areatype="toolbar"]:hover {
43cc2806
RK		 708 -moz-image-region: rect(18px, 306px, 36px, 288px);
709}
710
fd291cce 711#navigator-toolbox:not([iconsize]) #email-link-button[cui-areatype="toolbar"] {
43cc2806
RK		 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
fd291cce 717#navigator-toolbox:not([iconsize]) #email-link-button[cui-areatype="toolbar"]:hover {
43cc2806
RK		 718 -moz-image-region: rect(18px, 306px, 36px, 288px);
719}
720
fd291cce 721#navigator-toolbox:not([iconsize]) #characterencoding-button[cui-areatype="toolbar"] {
43cc2806
RK		 722 -moz-image-region: rect(0, 324px, 18px, 306px);
723}
724
fd291cce
RK		 725#navigator-toolbox:not([iconsize]) #characterencoding-button[cui-areatype="toolbar"]:hover:not([disabled="true"]),
726#navigator-toolbox:not([iconsize]) #characterencoding-button[cui-areatype="toolbar"][open="true"] {
43cc2806
RK		 727 -moz-image-region: rect(18px, 324px, 36px, 306px);
728}
729
fd291cce 730#navigator-toolbox:not([iconsize]) #characterencoding-button[cui-areatype="toolbar"][disabled="true"] {
cc4b0b0d
RK		 731 -moz-image-region: rect(36px, 324px, 54px, 306px);
732}
733
fd291cce 734#navigator-toolbox:not([iconsize]) #new-window-button[cui-areatype="toolbar"] {
43cc2806
RK		 735 -moz-image-region: rect(0, 342px, 18px, 324px);
736}
737
fd291cce 738#navigator-toolbox:not([iconsize]) #new-window-button[cui-areatype="toolbar"]:hover {
43cc2806
RK		 739 -moz-image-region: rect(18px, 342px, 36px, 324px);
740}
741
fd291cce 742#navigator-toolbox:not([iconsize]) #new-tab-button[cui-areatype="toolbar"] {
43cc2806
RK		 743 -moz-image-region: rect(0, 360px, 18px, 342px);
744}
745
fd291cce 746#navigator-toolbox:not([iconsize]) #new-tab-button[cui-areatype="toolbar"]:hover {
43cc2806
RK		 747 -moz-image-region: rect(18px, 360px, 36px, 342px);
748}
749
fd291cce 750#navigator-toolbox:not([iconsize]) #privatebrowsing-button[cui-areatype="toolbar"] {
43cc2806
RK		 751 -moz-image-region: rect(0, 378px, 18px, 360px);
752}
753
fd291cce 754#navigator-toolbox:not([iconsize]) #privatebrowsing-button[cui-areatype="toolbar"]:hover {
43cc2806
RK		 755 -moz-image-region: rect(18px, 378px, 36px, 360px);
756}
757
fd291cce 758#navigator-toolbox:not([iconsize]) #find-button[cui-areatype="toolbar"] {
43cc2806
RK		 759 -moz-image-region: rect(0, 396px, 18px, 378px);
760}
761
fd291cce 762#navigator-toolbox:not([iconsize]) #find-button[cui-areatype="toolbar"]:hover {
43cc2806
RK		 763 -moz-image-region: rect(18px, 396px, 36px, 378px);
764}
765
fd291cce 766#navigator-toolbox:not([iconsize]) #print-button[cui-areatype="toolbar"] {
43cc2806
RK		 767 -moz-image-region: rect(0, 414px, 18px, 396px);
768}
769
fd291cce 770#navigator-toolbox:not([iconsize]) #print-button[cui-areatype="toolbar"]:hover {
43cc2806
RK		 771 -moz-image-region: rect(18px, 414px, 36px, 396px);
772}
773
fd291cce 774#navigator-toolbox:not([iconsize]) #fullscreen-button[cui-areatype="toolbar"] {
43cc2806
RK		 775 -moz-image-region: rect(0, 432px, 18px, 414px);
776}
777
fd291cce 778#navigator-toolbox:not([iconsize]) #fullscreen-button[cui-areatype="toolbar"]:hover {
43cc2806
RK		 779 -moz-image-region: rect(18px, 432px, 36px, 414px);
780}
781
fd291cce 782#navigator-toolbox:not([iconsize]) #developer-button[cui-areatype="toolbar"] {
43cc2806
RK		 783 -moz-image-region: rect(0, 450px, 18px, 432px);
784}
785
fd291cce
RK		 786#navigator-toolbox:not([iconsize]) #developer-button[cui-areatype="toolbar"]:hover,
787#navigator-toolbox:not([iconsize]) #developer-button[cui-areatype="toolbar"][open="true"] {
43cc2806
RK		 788 -moz-image-region: rect(18px, 450px, 36px, 432px);
789}
790
fd291cce 791#navigator-toolbox:not([iconsize]) #preferences-button[cui-areatype="toolbar"] {
43cc2806
RK		 792 -moz-image-region: rect(0, 468px, 18px, 450px);
793}
794
fd291cce 795#navigator-toolbox:not([iconsize]) #preferences-button[cui-areatype="toolbar"]:hover {
43cc2806
RK		 796 -moz-image-region: rect(18px, 468px, 36px, 450px);
797}
798
fd291cce 799#navigator-toolbox:not([iconsize]) #PanelUI-menu-button {
43cc2806
RK		 800 -moz-image-region: rect(0, 486px, 18px, 468px);
801}
802
fd291cce
RK		 803#navigator-toolbox:not([iconsize]) #PanelUI-menu-button:hover,
804#navigator-toolbox:not([iconsize]) #PanelUI-menu-button[open="true"] {
43cc2806
RK		 805 -moz-image-region: rect(18px, 486px, 36px, 468px);
806}
807
fd291cce 808#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #cut-button {
43cc2806
RK		 809 -moz-image-region: rect(0, 504px, 18px, 486px);
810}
811
fd291cce 812#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #cut-button:hover:not([disabled="true"]) {
43cc2806
RK		 813 -moz-image-region: rect(18px, 504px, 36px, 486px);
814}
815
fd291cce 816#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #cut-button[disabled="true"] {
cc4b0b0d
RK		 817 -moz-image-region: rect(36px, 504px, 54px, 486px);
818}
819
fd291cce 820#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #copy-button {
43cc2806
RK		 821 -moz-image-region: rect(0, 522px, 18px, 504px);
822}
823
fd291cce 824#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #copy-button:hover:not([disabled="true"]) {
43cc2806
RK		 825 -moz-image-region: rect(18px, 522px, 36px, 504px);
826}
827
fd291cce 828#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #copy-button[disabled="true"] {
cc4b0b0d
RK		 829 -moz-image-region: rect(36px, 522px, 54px, 504px);
830}
831
fd291cce 832#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #paste-button {
43cc2806
RK		 833 -moz-image-region: rect(0, 540px, 18px, 522px);
834}
835
fd291cce 836#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #paste-button:hover:not([disabled="true"]) {
43cc2806
RK		 837 -moz-image-region: rect(18px, 540px, 36px, 522px);
838}
839
fd291cce 840#navigator-toolbox:not([iconsize]) #edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #paste-button[disabled="true"] {
cc4b0b0d
RK		 841 -moz-image-region: rect(36px, 540px, 54px, 522px);
842}
843
fd291cce 844#navigator-toolbox:not([iconsize]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-out-button {
43cc2806
RK		 845 -moz-image-region: rect(0, 558px, 18px, 540px);
846}
847
fd291cce 848#navigator-toolbox:not([iconsize]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-out-button:hover:not([disabled="true"]) {
43cc2806
RK		 849 -moz-image-region: rect(18px, 558px, 36px, 540px);
850}
851
fd291cce 852#navigator-toolbox:not([iconsize]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-out-button[disabled="true"] {
cc4b0b0d
RK		 853 -moz-image-region: rect(36px, 558px, 54px, 540px);
854}
855
fd291cce 856#navigator-toolbox:not([iconsize]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-in-button {
43cc2806
RK		 857 -moz-image-region: rect(0, 576px, 18px, 558px);
858}
859
fd291cce 860#navigator-toolbox:not([iconsize]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-in-button:hover:not([disabled="true"]) {
43cc2806
RK		 861 -moz-image-region: rect(18px, 576px, 36px, 558px);
862}
863
fd291cce 864#navigator-toolbox:not([iconsize]) #zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) > #zoom-in-button[disabled="true"] {
cc4b0b0d
RK		 865 -moz-image-region: rect(36px, 576px, 54px, 558px);
866}
867
fd291cce 868#navigator-toolbox:not([iconsize]) #webrtc-status-button:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)) {
43cc2806
RK		 869 -moz-image-region: rect(0, 594px, 18px, 576px);
870}
871
fd291cce
RK		 872#navigator-toolbox:not([iconsize]) #webrtc-status-button:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem)):hover,
873#navigator-toolbox:not([iconsize]) #webrtc-status-button:not(:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem))[open="true"] {
43cc2806
RK		 874 -moz-image-region: rect(18px, 594px, 36px, 576px);
875}
876
fd291cce 877#navigator-toolbox:not([iconsize]) #nav-bar-overflow-button {
43cc2806
RK		 878 -moz-image-region: rect(0, 612px, 18px, 594px);
879}
880
fd291cce
RK		 881#navigator-toolbox:not([iconsize]) #nav-bar-overflow-button:hover,
882#navigator-toolbox:not([iconsize]) #nav-bar-overflow-button[open="true"] {
43cc2806
RK		 883 -moz-image-region: rect(18px, 612px, 36px, 594px);
884}
885
886/* === END toolbarbuttons.inc.css === */
887
888/* === BEGIN menupanel.inc.css === */
889
890/* Menu panel and palette styles */
891
892/* Remove |:-moz-any(#customization-palette, #panelUI-contents)| selector when Australis lands - this makes it only apply post-Australis as those elements only exist there */
893:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button,
894 #cut-button, #copy-button, #paste-button, #fullscreen-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #sync-button, #feed-button,
895 #tabview-button, #webrtc-status-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button,
896 #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button,
897 #PanelUI-menu-button, #characterencoding-button, #email-link-button)[cui-areatype="menu-panel"],
898:-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,
899 #cut-button, #copy-button, #paste-button, #fullscreen-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #sync-button, #feed-button,
900 #tabview-button, #webrtc-status-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button,
901 #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button,
902 #PanelUI-menu-button, #characterencoding-button, #email-link-button) {
903 list-style-image: url("chrome://browser/skin/menuPanel.png");
904}
905
906#home-button[cui-areatype="menu-panel"],
907:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #home-button {
908 -moz-image-region: rect(0px, 128px, 32px, 96px);
909}
910
cc4b0b0d
RK		 911#home-button[cui-areatype="menu-panel"]:hover,
912:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #home-button:hover {
913 -moz-image-region: rect(32px, 128px, 64px, 96px);
914}
915
43cc2806
RK		 916#bookmarks-menu-button[cui-areatype="menu-panel"],
917:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #bookmarks-menu-button {
918 -moz-image-region: rect(0px, 160px, 32px, 128px);
919}
920
cc4b0b0d
RK		 921#bookmarks-menu-button[cui-areatype="menu-panel"]:hover,
922:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #bookmarks-menu-button:hover {
923 -moz-image-region: rect(32px, 160px, 64px, 128px);
924}
925
43cc2806
RK		 926#bookmarks-menu-button[starred][cui-areatype="menu-panel"] {
927 -moz-image-region: rect(0px, 192px, 32px, 160px);
928}
929
cc4b0b0d
RK		 930#bookmarks-menu-button[starred][cui-areatype="menu-panel"]:hover {
931 -moz-image-region: rect(32px, 192px, 64px, 160px);
932}
933
43cc2806
RK		 934#history-panelmenu[cui-areatype="menu-panel"],
935:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #history-panelmenu {
936 -moz-image-region: rect(0px, 224px, 32px, 192px);
937}
938
cc4b0b0d
RK		 939#history-panelmenu[cui-areatype="menu-panel"]:hover,
940:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #history-panelmenu:hover {
941 -moz-image-region: rect(32px, 224px, 64px, 192px);
942}
943
43cc2806 944#downloads-button[cui-areatype="menu-panel"],
43cc2806
RK		 945:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #downloads-button {
946 -moz-image-region: rect(0px, 256px, 32px, 224px);
947}
948
cc4b0b0d 949#downloads-button[cui-areatype="menu-panel"]:hover,
cc4b0b0d
RK		 950:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #downloads-button:hover {
951 -moz-image-region: rect(32px, 256px, 64px, 224px);
952}
953
43cc2806
RK		 954#switch-to-metro-button[cui-areatype="menu-panel"],
955:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #switch-to-metro-button {
956 -moz-image-region: rect(0px, 800px, 32px, 768px);
957}
958
cc4b0b0d
RK		 959#switch-to-metro-button[cui-areatype="menu-panel"]:hover,
960:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #switch-to-metro-button:hover {
961 -moz-image-region: rect(32px, 800px, 64px, 768px);
962}
963
43cc2806
RK		 964#add-ons-button[cui-areatype="menu-panel"],
965:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #add-ons-button {
966 -moz-image-region: rect(0px, 288px, 32px, 256px);
967}
968
cc4b0b0d
RK		 969#add-ons-button[cui-areatype="menu-panel"]:hover,
970:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #add-ons-button:hover {
971 -moz-image-region: rect(32px, 288px, 64px, 256px);
972}
973
43cc2806
RK		 974#open-file-button[cui-areatype="menu-panel"],
975:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #open-file-button {
976 -moz-image-region: rect(0px, 320px, 32px, 288px);
977}
978
cc4b0b0d
RK		 979#open-file-button[cui-areatype="menu-panel"]:hover,
980:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #open-file-button:hover {
981 -moz-image-region: rect(32px, 320px, 64px, 288px);
982}
983
43cc2806
RK		 984#save-page-button[cui-areatype="menu-panel"],
985:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #save-page-button {
986 -moz-image-region: rect(0px, 352px, 32px, 320px);
987}
988
cc4b0b0d
RK		 989#save-page-button[cui-areatype="menu-panel"]:hover,
990:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #save-page-button:hover {
991 -moz-image-region: rect(32px, 352px, 64px, 320px);
992}
993
43cc2806
RK		 994#sync-button[cui-areatype="menu-panel"],
995:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #sync-button {
996 -moz-image-region: rect(0px, 384px, 32px, 352px);
997}
998
cc4b0b0d
RK		 999#sync-button[cui-areatype="menu-panel"]:hover,
1000:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #sync-button:hover {
1001 -moz-image-region: rect(32px, 384px, 64px, 352px);
1002}
1003
43cc2806
RK		 1004#feed-button[cui-areatype="menu-panel"],
1005:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #feed-button {
1006 -moz-image-region: rect(0px, 416px, 32px, 384px);
1007}
1008
cc4b0b0d
RK		 1009#feed-button[cui-areatype="menu-panel"]:hover:not([disabled="true"]),
1010:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #feed-button:hover:not([disabled="true"]) {
1011 -moz-image-region: rect(32px, 416px, 64px, 384px);
1012}
1013
1014#feed-button[cui-areatype="menu-panel"][disabled="true"],
1015:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #feed-button[disabled="true"] {
1016 -moz-image-region: rect(64px, 416px, 96px, 384px);
1017}
1018
43cc2806
RK		 1019#social-share-button[cui-areatype="menu-panel"],
1020:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #social-share-button {
1021 -moz-image-region: rect(0px, 448px, 32px, 416px);
1022}
1023
cc4b0b0d
RK		 1024#social-share-button[cui-areatype="menu-panel"]:hover,
1025:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #social-share-button:hover {
1026 -moz-image-region: rect(32px, 448px, 64px, 416px);
1027}
1028
43cc2806
RK		 1029#email-link-button[cui-areatype="menu-panel"],
1030:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #email-link-button {
1031 -moz-image-region: rect(0, 448px, 32px, 416px);
1032}
1033
cc4b0b0d
RK		 1034#email-link-button[cui-areatype="menu-panel"]:hover,
1035:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #email-link-button:hover {
fd291cce 1036 -moz-image-region: rect(32px, 448px, 64px, 416px);
cc4b0b0d
RK		 1037}
1038
43cc2806
RK		 1039/* This is temporary until we have an email-link icon (Bug 932235) */
1040#email-link-button[cui-areatype="menu-panel"] > image,
1041:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #email-link-button > image {
1042 transform: scale(-1, -1);
1043}
1044
1045#characterencoding-button[cui-areatype="menu-panel"],
1046:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #characterencoding-button {
1047 -moz-image-region: rect(0px, 480px, 32px, 448px);
1048}
1049
cc4b0b0d
RK		 1050#characterencoding-button[cui-areatype="menu-panel"]:hover:not([disabled="true"]),
1051:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #characterencoding-button:hover:not([disabled="true"]) {
1052 -moz-image-region: rect(32px, 480px, 64px, 448px);
1053}
1054
1055#characterencoding-button[cui-areatype="menu-panel"][disabled="true"],
1056:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #characterencoding-button[disabled="true"] {
1057 -moz-image-region: rect(64px, 480px, 96px, 448px);
1058}
1059
43cc2806
RK		 1060#new-window-button[cui-areatype="menu-panel"],
1061:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #new-window-button {
1062 -moz-image-region: rect(0px, 512px, 32px, 480px);
1063}
1064
cc4b0b0d
RK		 1065#new-window-button[cui-areatype="menu-panel"]:hover,
1066:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #new-window-button:hover {
1067 -moz-image-region: rect(32px, 512px, 64px, 480px);
1068}
1069
43cc2806
RK		 1070#new-tab-button[cui-areatype="menu-panel"],
1071:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #new-tab-button {
1072 -moz-image-region: rect(0px, 544px, 32px, 512px);
1073}
1074
cc4b0b0d
RK		 1075#new-tab-button[cui-areatype="menu-panel"]:hover,
1076:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #new-tab-button:hover {
1077 -moz-image-region: rect(32px, 544px, 64px, 512px);
1078}
1079
43cc2806
RK		 1080#privatebrowsing-button[cui-areatype="menu-panel"],
1081:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #privatebrowsing-button {
1082 -moz-image-region: rect(0px, 576px, 32px, 544px);
1083}
1084
cc4b0b0d
RK		 1085#privatebrowsing-button[cui-areatype="menu-panel"]:hover,
1086:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #privatebrowsing-button:hover {
1087 -moz-image-region: rect(32px, 576px, 64px, 544px);
1088}
1089
43cc2806
RK		 1090#find-button[cui-areatype="menu-panel"],
1091:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #find-button {
1092 -moz-image-region: rect(0px, 640px, 32px, 608px);
1093}
1094
cc4b0b0d
RK		 1095#find-button[cui-areatype="menu-panel"]:hover,
1096:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #find-button:hover {
1097 -moz-image-region: rect(32px, 640px, 64px, 608px);
1098}
1099
43cc2806
RK		 1100#print-button[cui-areatype="menu-panel"],
1101:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #print-button {
1102 -moz-image-region: rect(0px, 672px, 32px, 640px);
1103}
1104
cc4b0b0d
RK		 1105#print-button[cui-areatype="menu-panel"]:hover,
1106:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #print-button:hover {
1107 -moz-image-region: rect(32px, 672px, 64px, 640px);
1108}
1109
43cc2806
RK		 1110#fullscreen-button[cui-areatype="menu-panel"],
1111:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #fullscreen-button {
1112 -moz-image-region: rect(0px, 704px, 32px, 672px);
1113}
1114
cc4b0b0d
RK		 1115#fullscreen-button[cui-areatype="menu-panel"]:hover,
1116:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #fullscreen-button:hover {
1117 -moz-image-region: rect(32px, 704px, 64px, 672px);
1118}
1119
43cc2806
RK		 1120#developer-button[cui-areatype="menu-panel"],
1121:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #developer-button {
1122 -moz-image-region: rect(0px, 736px, 32px, 704px);
1123}
1124
cc4b0b0d
RK		 1125#developer-button[cui-areatype="menu-panel"]:hover,
1126:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #developer-button:hover {
1127 -moz-image-region: rect(32px, 736px, 64px, 704px);
1128}
1129
43cc2806
RK		 1130#preferences-button[cui-areatype="menu-panel"],
1131:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #preferences-button {
1132 -moz-image-region: rect(0px, 768px, 32px, 736px);
1133}
1134
cc4b0b0d
RK		 1135#preferences-button[cui-areatype="menu-panel"]:hover,
1136:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #preferences-button:hover {
1137 -moz-image-region: rect(32px, 768px, 64px, 736px);
1138}
1139
43cc2806
RK		 1140/* Wide panel control icons */
1141
1142#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton,
1143#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton,
1144:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton,
1145:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton {
1146 list-style-image: url("chrome://browser/skin/menuPanel-small.png");
1147}
1148
1149#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #cut-button,
1150:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button {
1151 -moz-image-region: rect(0px, 32px, 16px, 16px);
1152}
1153
cc4b0b0d
RK		 1154#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #cut-button:hover:not([disabled="true"]),
1155:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button:hover:not([disabled="true"]) {
1156 -moz-image-region: rect(16px, 32px, 32px, 16px);
1157}
1158
1159#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #cut-button[disabled="true"],
1160:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button[disabled="true"] {
1161 -moz-image-region: rect(32px, 32px, 48px, 16px);
1162}
1163
43cc2806
RK		 1164#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #copy-button,
1165:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button {
1166 -moz-image-region: rect(0px, 48px, 16px, 32px);
1167}
1168
cc4b0b0d
RK		 1169#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #copy-button:hover:not([disabled="true"]),
1170:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button:hover:not([disabled="true"]) {
1171 -moz-image-region: rect(16px, 48px, 32px, 32px);
1172}
1173
1174#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #copy-button[disabled="true"],
1175:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button[disabled="true"] {
1176 -moz-image-region: rect(32px, 48px, 48px, 32px);
1177}
1178
43cc2806
RK		 1179#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #paste-button,
1180:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button {
1181 -moz-image-region: rect(0px, 64px, 16px, 48px);
1182}
1183
cc4b0b0d
RK		 1184#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #paste-button:hover:not([disabled="true"]),
1185:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button:hover:not([disabled="true"]) {
1186 -moz-image-region: rect(16px, 64px, 32px, 48px);
1187}
1188
1189#edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #paste-button[disabled="true"],
1190:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button[disabled="true"] {
1191 -moz-image-region: rect(32px, 64px, 48px, 48px);
1192}
1193
43cc2806
RK		 1194#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-out-button,
1195:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button {
1196 -moz-image-region: rect(0px, 80px, 16px, 64px);
1197}
1198
cc4b0b0d
RK		 1199#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-out-button:hover:not([disabled="true"]),
1200:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button:hover:not([disabled="true"]) {
1201 -moz-image-region: rect(16px, 80px, 32px, 64px);
1202}
1203
1204#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-out-button[disabled="true"],
1205:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button[disabled="true"] {
1206 -moz-image-region: rect(32px, 80px, 48px, 64px);
1207}
1208
43cc2806
RK		 1209#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-in-button,
1210:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
1211 -moz-image-region: rect(0px, 96px, 16px, 80px);
1212}
1213
cc4b0b0d
RK		 1214#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-in-button:hover:not([disabled="true"]),
1215:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button:hover:not([disabled="true"]) {
1216 -moz-image-region: rect(16px, 96px, 32px, 80px);
1217}
1218
1219#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-in-button[disabled="true"],
1220:-moz-any(#customization-palette, #panelUI-contents) > toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button[disabled="true"] {
1221 -moz-image-region: rect(32px, 96px, 48px, 80px);
1222}
1223
43cc2806
RK		 1224/* === END menupanel.inc.css === */
1225
63ada306 1226.toolbarbutton-1 {
a736ce46 1227 list-style-image: url("chrome://browser/skin/FxToolbar.png");
63ada306
RK		 1228}
1229
1230.toolbarbutton-1:not([type="menu-button"]) {
1231 -moz-box-orient: vertical;
1232}
1233
319c6529
RK		 1234.toolbarbutton-1,
1235.toolbarbutton-1 > .toolbarbutton-menubutton-button {
1236 min-width: 36px;
1237 min-height: 36px;
319c6529
RK		 1238}
1239
ab799a7a
RK		 1240.toolbarbutton-1:not([type="menu-button"]) {
1241 -moz-box-orient: vertical;
319c6529
RK		 1242}
1243
1244.toolbarbutton-1,
1245.toolbarbutton-1 > .toolbarbutton-menubutton-button,
1246.toolbarbutton-1[disabled="true"]:hover:active,
1247.toolbarbutton-1[disabled="true"]:hover:active > .toolbarbutton-menubutton-button {
1248 padding: 1px 2px;
1249}
1250
1251.toolbarbutton-1:hover:active,
1252.toolbarbutton-1[open="true"],
1253.toolbarbutton-1:hover:active > .toolbarbutton-menubutton-button {
1254 padding-top: 2px;
1255 padding-bottom: 0px;
1256 -moz-padding-start: 3px;
1257 -moz-padding-end: 1px;
1258}
1259
319c6529
RK		 1260/* ::::: small primary toolbar buttons ::::: */
1261
9abeb12c
RK		 1262#nav-bar {
1263 /* force iconsize="small" on this toolbar */
1264 counter-reset: smallicons;
1265}
1266
319c6529
RK		 1267toolbar[mode="text"] .toolbarbutton-1,
1268toolbar[mode="icons"] .toolbarbutton-1,
1269toolbar[iconsize="small"] .toolbarbutton-1,
1270:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1,
1271toolbar[mode="text"] .toolbarbutton-menubutton-button,
1272toolbar[mode="icons"] .toolbarbutton-menubutton-button,
1273toolbar[iconsize="small"] .toolbarbutton-menubutton-button,
1274:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button {
1275 min-width: 0px;
1276 min-height: 0px;
1277}
1278
1279toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker {
1280 padding-top: 4px;
1281 padding-bottom: 8px;
1282 -moz-padding-start: 1px;
1283 -moz-padding-end: 1px;
1284}
1285
1286toolbar[mode="icons"] .toolbarbutton-menubutton-dropmarker,
1287toolbar[iconsize="small"] .toolbarbutton-menubutton-dropmarker,
1288:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
1289 padding-top: 0px;
1290 padding-bottom: 13px;
1291 -moz-padding-start: 1px;
1292 -moz-padding-end: 1px;
1293}
1294
1295toolbar[mode="text"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
1296toolbar[mode="text"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
1297 padding-top: 5px;
1298 padding-bottom: 7px;
43cc2806
RK		 1299 -moz-padding-start: 2px;
1300 -moz-padding-end: 0px;
319c6529
RK		 1301}
1302
1303toolbar[mode="icons"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
1304toolbar[mode="icons"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker,
1305toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
1306toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker,
1307:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
1308:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
1309 padding-top: 1px;
1310 padding-bottom: 12px;
43cc2806
RK		 1311 -moz-padding-start: 2px;
1312 -moz-padding-end: 0px;
319c6529
RK		 1313}
1314
1315toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker[disabled="true"] {
1316 padding-top: 4px !important;
1317 padding-bottom: 8px !important;
1318 -moz-padding-start: 1px !important;
1319 -moz-padding-end: 1px !important;
1320}
1321
1322toolbar[mode="icons"] .toolbarbutton-menubutton-dropmarker[disabled="true"],
1323toolbar[iconsize="small"] > .toolbarbutton-menubutton-dropmarker[disabled="true"] {
1324 padding-top: 0px !important;
1325 padding-bottom: 13px !important;
1326 -moz-padding-start: 1px !important;
1327 -moz-padding-end: 1px !important;
1328}
1329
1330toolbar[mode="icons"] .toolbarbutton-text,
1331toolbar[mode="text"] .toolbarbutton-icon {
1332 display: none;
1333}
1334
1335toolbar[mode="text"] .toolbarbutton-text {
1336 padding: 4px 0;
1337}
1338
1339toolbar[mode="text"] .toolbarbutton-1,
1340toolbar[mode="text"] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
1341 -moz-box-orient: horizontal;
1342}
1343
1344toolbar[mode="full"] .toolbarbutton-1,
1345toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
1346 min-width: 30px;
1347}
1348
d54f5b23 1349#navigator-toolbox[iconsize=small] > #nav-bar {
d54f5b23
RK		 1350}
1351
1352#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar {
d54f5b23
RK		 1353}
1354
1355
319c6529
RK		 1356/* unified back/forward button */
1357
26125509
RK		 1358/* Australis?
1359#forward-button {
1360 padding: 0 !important;
1361}
1362
1363#forward-button > menupopup {
1364 margin-top: 1px !important;
1365}
1366*/
1367
319c6529 1368#back-button {
319c6529
RK		 1369 -moz-margin-end: 0;
1370}
1371
9847cbdd
RK		 1372/* A number of styles use :-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) - this makes it only apply pre-Australis as iconsize and palette-box or addon-bar don't exist afterwards */
1373:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #back-button {
26125509
RK		 1374 -moz-image-region: rect(0, 18px, 18px, 0);
1375}
1376
9847cbdd 1377:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #back-button:not([disabled="true"]):hover {
38cfeb47
RK		 1378 -moz-image-region: rect(18px, 18px, 36px, 0);
1379}
1380
9847cbdd 1381:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #back-button[disabled="true"] {
38cfeb47
RK		 1382 -moz-image-region: rect(36px, 18px, 54px, 0);
1383}
1384
319c6529 1385#forward-button {
319c6529
RK		 1386 -moz-margin-start: 0;
1387}
1388
9847cbdd 1389:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #forward-button {
26125509
RK		 1390 -moz-image-region: rect(0, 36px, 18px, 18px);
1391}
1392
9847cbdd 1393:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #forward-button:not([disabled="true"]):hover {
38cfeb47
RK		 1394 -moz-image-region: rect(18px, 36px, 36px, 18px);
1395}
1396
9847cbdd 1397:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #forward-button[disabled="true"] {
38cfeb47 1398 -moz-image-region: rect(36px, 36px, 54px, 18px);
b36fc72e
RK		 1399}
1400
319c6529
RK		 1401#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
1402#forward-button:-moz-locale-dir(rtl),
1403#forward-button:-moz-locale-dir(rtl) > .toolbarbutton-text {
71a617ff 1404 transform: scaleX(-1);
319c6529 1405}
26125509 1406/*
b36fc72e 1407#nav-bar #back-button:-moz-locale-dir(ltr) {
319c6529
RK		 1408 border-top-right-radius: 0;
1409 border-bottom-right-radius: 0;
1410}
1411
b36fc72e
RK		 1412#nav-bar #back-button:-moz-locale-dir(rtl),
1413#nav-bar #forward-button {
319c6529
RK		 1414 border-top-left-radius: 0;
1415 border-bottom-left-radius: 0;
1416}
26125509 1417*/
43cc2806
RK		 1418/* Remove selector when Australis lands - this makes it only apply post-Australis as back/forward buttons are in the urlbar-container there */
1419#urlbar-container > #back-button,
676f0091
RK		 1420window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1421 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1422 #unified-back-forward-button > #back-button {
319c6529
RK		 1423 border-radius: 10000px;
1424 width: 30px;
1425 height: 30px;
1426 position: relative;
1427 z-index: 1;
1428 margin-top: -2px;
1429 margin-bottom: -2px;
1430 border: none;
38cfeb47
RK		 1431 -moz-image-region: rect(54px, 20px, 74px, 0);
1432}
1433
43cc2806
RK		 1434/* Remove selector when Australis lands - this makes it only apply post-Australis as back/forward buttons are in the urlbar-container there */
1435#urlbar-container > #back-button[open="true"],
676f0091
RK		 1436window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1437 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1438 #unified-back-forward-button > #back-button:not([disabled="true"]):hover,
1439window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1440 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1441 #unified-back-forward-button > #back-button[open="true"] {
38cfeb47
RK		 1442 -moz-image-region: rect(54px, 40px, 74px, 20px);
1443}
1444
43cc2806
RK		 1445/* Remove selector when Australis lands - this makes it only apply post-Australis as back/forward buttons are in the urlbar-container there */
1446#urlbar-container > #back-button[disabled="true"],
676f0091
RK		 1447window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1448 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1449 #unified-back-forward-button > #back-button[disabled="true"] {
38cfeb47 1450 -moz-image-region: rect(54px, 60px, 74px, 40px);
319c6529
RK		 1451}
1452
676f0091
RK		 1453window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1454 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1455 #unified-back-forward-button > #back-button:not([disabled="true"]):not([open="true"]):not(:active):hover {
319c6529
RK		 1456}
1457
676f0091
RK		 1458window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1459 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1460 #unified-back-forward-button > #back-button:not([disabled="true"]):hover:active,
1461window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1462 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1463 #unified-back-forward-button > #back-button[open="true"] {
319c6529
RK		 1464}
1465
9abeb12c
RK		 1466#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar[currentset*="unified-back-forward-button"],
1467#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar:not([currentset]) {
319c6529
RK		 1468/* padding-top: 3px;
1469 padding-bottom: 5px; */
1470}
1471
9abeb12c
RK		 1472#navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"] > #nav-bar[currentset*="unified-back-forward-button"],
1473#navigator-toolbox[iconsize="large"][mode="icons"][tabsontop="true"] > #nav-bar:not([currentset]) {
319c6529
RK		 1474/* padding-top: 5px; */
1475}
1476
43cc2806
RK		 1477/* Remove selector when Australis lands - this makes it only apply post-Australis as back/forward buttons are in the urlbar-container there */
1478#urlbar-container > #forward-button,
676f0091
RK		 1479window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1480 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1481 #unified-back-forward-button > #forward-button {
319c6529 1482 /*mask: url(keyhole-forward-mask.svg#mask); XXX: this regresses twinopen */
2a5b7882 1483 /*clip-path: url("chrome://browser/content/browser.xul#winstripe-keyhole-forward-clip-path"); */
9abeb12c 1484 -moz-margin-start: -6px !important;
319c6529
RK		 1485 padding-left: 7px;
1486 padding-right: 3px;
e8519ae0
RK		 1487 margin-top: 2px;
1488 margin-bottom: 2px;
1489}
1490
43cc2806
RK		 1491/* Remove selector when Australis lands - this makes it only apply post-Australis as back/forward buttons are in the urlbar-container there */
1492#urlbar-container > #forward-button:-moz-locale-dir(ltr),
676f0091
RK		 1493window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1494 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1495 #unified-back-forward-button > #forward-button:-moz-locale-dir(ltr) {
e8519ae0
RK		 1496 border-top-right-radius: 11px;
1497 border-bottom-right-radius: 11px;
1498}
1499
43cc2806
RK		 1500/* Remove selector when Australis lands - this makes it only apply post-Australis as back/forward buttons are in the urlbar-container there */
1501#urlbar-container > #forward-button:-moz-locale-dir(rtl),
676f0091
RK		 1502window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1503 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1504 #unified-back-forward-button > #forward-button:-moz-locale-dir(rtl) {
e8519ae0
RK		 1505 border-top-left-radius: 11px;
1506 border-bottom-left-radius: 11px;
319c6529
RK		 1507}
1508
319c6529
RK		 1509.unified-nav-back[_moz-menuactive]:-moz-locale-dir(ltr),
1510.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl) {
71bac478
RK		 1511 list-style-image: url("chrome://global/skin/arrow/arrow-left.gif") !important;
1512}
1513
1514.unified-nav-back[_moz-menuactive]:-moz-locale-dir(ltr):hover,
1515.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl):hover {
1516 list-style-image: url("chrome://global/skin/arrow/arrow-left-hover.gif") !important;
319c6529
RK		 1517}
1518
1519.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(ltr),
1520.unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl) {
71bac478
RK		 1521 list-style-image: url("chrome://global/skin/arrow/arrow-right.gif") !important;
1522}
1523
1524.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(ltr):hover,
1525.unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl):hover {
1526 list-style-image: url("chrome://global/skin/arrow/arrow-right.gif") !important;
319c6529
RK		 1527}
1528
8ad8bf83
RK		 1529window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1530 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
1531 #unified-back-forward-button > #forward-button {
e8519ae0 1532/* border-top-right-radius: 0;
8ad8bf83 1533 border-bottom-right-radius: 0;
e8519ae0 1534 -moz-margin-end: 0; */
8ad8bf83
RK		 1535}
1536
1537window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1538 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK		 1539 #unified-back-forward-button:not([switchingtabs]) > #forward-button,
1540window:not([chromehidden~="toolbar"]) #urlbar-container:not([switchingtabs]) > #forward-button {
71a617ff 1541 transition: opacity 150ms ease-out;
8ad8bf83
RK		 1542}
1543
1544window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1545 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK		 1546 #unified-back-forward-button:not(:hover) > #forward-button[disabled],
1547window:not([chromehidden~="toolbar"]) #urlbar-container:not(:hover) > #forward-button[disabled] {
8ad8bf83
RK		 1548 opacity: 0;
1549}
1550
e8519ae0
RK		 1551window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1552 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK		 1553 #unified-back-forward-button:hover > #forward-button[disabled],
1554window:not([chromehidden~="toolbar"]) #urlbar-container:hover > #forward-button[disabled] {
e8519ae0
RK		 1555 background-color: transparent;
1556}
1557
9847cbdd
RK		 1558/* A number of buttons use :-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) - this makes it only apply pre-Australis as iconsize and the palette-box don't exist afterwards */
1559:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #stop-button {
319c6529
RK		 1560 -moz-image-region: rect(0, 54px, 18px, 36px);
1561}
1562
9847cbdd 1563:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #stop-button:not([disabled="true"]):hover {
143c5409
RK		 1564 -moz-image-region: rect(18px, 54px, 36px, 36px);
1565}
1566
9847cbdd 1567:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #stop-button[disabled="true"] {
143c5409
RK		 1568 -moz-image-region: rect(36px, 54px, 54px, 36px);
1569}
1570
9847cbdd 1571:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #reload-button {
319c6529
RK		 1572 -moz-image-region: rect(0, 72px, 18px, 54px);
1573}
1574
9847cbdd 1575:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #reload-button:not([disabled="true"]):hover {
143c5409
RK		 1576 -moz-image-region: rect(18px, 72px, 36px, 54px);
1577}
1578
9847cbdd 1579:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #reload-button[disabled="true"] {
143c5409
RK		 1580 -moz-image-region: rect(36px, 72px, 54px, 54px);
1581}
1582
9847cbdd 1583:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #home-button.bookmark-item {
a736ce46 1584 list-style-image: url("chrome://browser/skin/FxToolbar.png");
319c6529 1585}
9847cbdd 1586:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #home-button {
319c6529
RK		 1587 -moz-image-region: rect(0, 90px, 18px, 72px);
1588}
1589
9847cbdd 1590:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #home-button:not([disabled="true"]):hover {
143c5409
RK		 1591 -moz-image-region: rect(18px, 90px, 36px, 72px);
1592}
1593
9847cbdd 1594:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #home-button[disabled="true"] {
143c5409
RK		 1595 -moz-image-region: rect(36px, 90px, 54px, 72px);
1596}
1597
9847cbdd 1598:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #downloads-button {
319c6529
RK		 1599 -moz-image-region: rect(0, 108px, 18px, 90px);
1600}
1601
9847cbdd 1602:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #downloads-button:not([disabled="true"]):hover {
143c5409
RK		 1603 -moz-image-region: rect(18px, 108px, 36px, 90px);
1604}
1605
9847cbdd 1606:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #downloads-button[disabled="true"] {
143c5409
RK		 1607 -moz-image-region: rect(36px, 108px, 54px, 90px);
1608}
1609
36759a51
RK		 1610#downloads-button > .toolbarbutton-icon {
1611 margin: 0;
1612}
1613
9847cbdd 1614:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #history-button {
319c6529
RK		 1615 -moz-image-region: rect(0, 126px, 18px, 108px);
1616}
1617
9847cbdd 1618:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #history-button:not([disabled="true"]):hover {
143c5409
RK		 1619 -moz-image-region: rect(18px, 126px, 36px, 108px);
1620}
1621
9847cbdd 1622:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #history-button[disabled="true"] {
143c5409
RK		 1623 -moz-image-region: rect(36px, 126px, 54px, 108px);
1624}
1625
9847cbdd
RK		 1626:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-button,
1627:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-menu-button {
a736ce46 1628 list-style-image: url("chrome://browser/skin/FxToolbar.png") !important; /* for making the palette work */
319c6529
RK		 1629 -moz-image-region: rect(0, 144px, 18px, 126px);
1630}
1631
1632#bookmarks-menu-button.bookmark-item {
a736ce46 1633 /* list-style-image: url("chrome://browser/skin/FxToolbar.png"); */
319c6529
RK		 1634}
1635
9847cbdd 1636:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-menu-button.toolbarbutton-1 {
319c6529
RK		 1637 -moz-box-orient: horizontal;
1638}
1639
9847cbdd
RK		 1640:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-button:not([disabled="true"]):hover,
1641:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-menu-button[open="true"],
1642:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-menu-button:not([disabled="true"]):hover {
143c5409
RK		 1643 -moz-image-region: rect(18px, 144px, 36px, 126px);
1644}
1645
9847cbdd
RK		 1646:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-button[disabled="true"],
1647:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #bookmarks-menu-button[disabled="true"] {
143c5409
RK		 1648 -moz-image-region: rect(36px, 144px, 54px, 126px);
1649}
1650
9847cbdd 1651:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #print-button {
319c6529
RK		 1652 -moz-image-region: rect(0, 162px, 18px, 144px);
1653}
1654
9847cbdd 1655:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #print-button:not([disabled="true"]):hover {
143c5409
RK		 1656 -moz-image-region: rect(18px, 162px, 36px, 144px);
1657}
1658
9847cbdd 1659:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #print-button[disabled="true"] {
143c5409
RK		 1660 -moz-image-region: rect(36px, 162px, 54px, 144px);
1661}
1662
9847cbdd 1663:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #new-tab-button {
319c6529
RK		 1664 -moz-image-region: rect(0, 180px, 18px, 162px);
1665}
1666
9847cbdd 1667:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #new-tab-button:not([disabled="true"]):hover {
57fc408c 1668 -moz-image-region: rect(18px, 180px, 36px, 162px);
143c5409
RK		 1669}
1670
9847cbdd 1671:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #new-tab-button[disabled="true"] {
57fc408c 1672 -moz-image-region: rect(36px, 180px, 54px, 162px);
143c5409
RK		 1673}
1674
9847cbdd 1675:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #new-window-button {
319c6529
RK		 1676 -moz-image-region: rect(0, 198px, 18px, 180px);
1677}
1678
9847cbdd 1679:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #new-window-button:not([disabled="true"]):hover {
143c5409
RK		 1680 -moz-image-region: rect(18px, 198px, 36px, 180px);
1681}
1682
9847cbdd 1683:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #new-window-button[disabled="true"] {
143c5409
RK		 1684 -moz-image-region: rect(36px, 198px, 54px, 180px);
1685}
1686
319c6529
RK		 1687#cut-button {
1688 -moz-image-region: rect(0, 216px, 18px, 198px);
1689}
1690
143c5409
RK		 1691#cut-button:not([disabled="true"]):hover {
1692 -moz-image-region: rect(18px, 216px, 36px, 198px);
1693}
1694
1695#cut-button[disabled="true"] {
1696 -moz-image-region: rect(36px, 216px, 54px, 198px);
1697}
1698
319c6529
RK		 1699#copy-button {
1700 -moz-image-region: rect(0, 234px, 18px, 216px);
1701}
1702
143c5409
RK		 1703#copy-button:not([disabled="true"]):hover {
1704 -moz-image-region: rect(18px, 234px, 36px, 216px);
1705}
1706
1707#copy-button[disabled="true"] {
1708 -moz-image-region: rect(36px, 234px, 54px, 216px);
1709}
1710
319c6529
RK		 1711#paste-button {
1712 -moz-image-region: rect(0, 252px, 18px, 234px);
1713}
1714
143c5409
RK		 1715#paste-button:not([disabled="true"]):hover {
1716 -moz-image-region: rect(18px, 252px, 36px, 234px);
1717}
1718
1719#paste-button[disabled="true"] {
1720 -moz-image-region: rect(36px, 252px, 54px, 234px);
1721}
1722
9847cbdd 1723:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #fullscreen-button {
319c6529
RK		 1724 -moz-image-region: rect(0, 270px, 18px, 252px);
1725}
1726
9847cbdd 1727:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #fullscreen-button:not([disabled="true"]):hover {
143c5409
RK		 1728 -moz-image-region: rect(18px, 270px, 36px, 252px);
1729}
1730
9847cbdd 1731:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #fullscreen-button[disabled="true"] {
143c5409
RK		 1732 -moz-image-region: rect(36px, 270px, 54px, 252px);
1733}
1734
319c6529
RK		 1735#zoom-out-button {
1736 -moz-image-region: rect(0, 288px, 18px, 270px);
1737 -moz-margin-end: 0;
1738}
1739
1740#zoom-in-button {
1741 -moz-image-region: rect(0, 306px, 18px, 288px);
b36fc72e
RK		 1742}
1743
143c5409
RK		 1744#zoom-out-button:not([disabled="true"]):hover {
1745 -moz-image-region: rect(18px, 288px, 36px, 270px);
1746}
1747
1748#zoom-out-button[disabled="true"] {
1749 -moz-image-region: rect(36px, 288px, 54px, 270px);
1750}
1751
1752#zoom-in-button:not([disabled="true"]):hover {
1753 -moz-image-region: rect(18px, 306px, 36px, 288px);
1754}
1755
1756#zoom-in-button[disabled="true"] {
1757 -moz-image-region: rect(36px, 306px, 54px, 288px);
1758}
1759
9847cbdd 1760:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #sync-button:not([status]) {
a736ce46 1761 list-style-image: url("chrome://browser/skin/FxToolbar.png") !important; /* for making the palette work */
319c6529
RK		 1762 -moz-image-region: rect(0, 324px, 18px, 306px);
1763}
1764
9847cbdd 1765:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #sync-button[status="active"] {
319c6529
RK		 1766 list-style-image: url("chrome://browser/skin/sync-throbber.png");
1767 -moz-image-region: rect(0, 18px, 18px, 0);
1768}
1769
9847cbdd 1770:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #sync-button[disabled="true"] {
143c5409
RK		 1771 -moz-image-region: rect(36px, 324px, 54px, 306px);
1772}
1773
9847cbdd 1774:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #feed-button {
319c6529
RK		 1775 -moz-image-region: rect(0, 342px, 18px, 324px);
1776}
1777
9847cbdd 1778:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #feed-button[disabled="true"] {
143c5409
RK		 1779 -moz-image-region: rect(36px, 342px, 54px, 324px);
1780}
1781
9847cbdd 1782:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #webrtc-status-button {
6adbc9a6
RK		 1783 -moz-image-region: rect(0, 360px, 18px, 342px);
1784}
1785
9847cbdd
RK		 1786:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #webrtc-status-button:not([disabled="true"]):hover,
1787:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #webrtc-status-button[open="true"] {
6adbc9a6
RK		 1788 -moz-image-region: rect(18px, 360px, 36px, 342px);
1789}
1790
9847cbdd 1791:-moz-any(#palette-box, #navigator-toolbox[iconsize], #addon-bar) #webrtc-status-button[disabled="true"] {
6adbc9a6
RK		 1792 -moz-image-region: rect(36px, 360px, 54px, 342px);
1793}
1794
1795/* tabview button & menu item */
1796
1797#tabview-button,
1798#menu_tabview {
fd291cce 1799 list-style-image: url("chrome://browser/skin/tabview/tabview.png") !important;
6adbc9a6
RK		 1800}
1801
1802#tabview-button {
1803 -moz-image-region: rect(0, 90px, 18px, 72px);
1804}
1805
1806#tabview-button[groups="0"] {
1807 -moz-image-region: rect(0, 18px, 18px, 0);
1808}
1809
1810#tabview-button[groups="1"] {
1811 -moz-image-region: rect(0, 36px, 18px, 18px);
1812}
1813
1814#tabview-button[groups="2"] {
1815 -moz-image-region: rect(0, 54px, 18px, 36px);
1816}
1817
1818#tabview-button[groups="3"] {
1819 -moz-image-region: rect(0, 72px, 18px, 54px);
1820}
1821
1822#menu_tabview {
1823 -moz-image-region: rect(1px, 89px, 17px, 73px);
1824}
1825
1826#menu_tabview[groups="0"] {
1827 -moz-image-region: rect(1px, 17px, 17px, 1px);
1828}
1829
1830#menu_tabview[groups="1"] {
1831 -moz-image-region: rect(1px, 35px, 17px, 19px);
1832}
1833
1834#menu_tabview[groups="2"] {
1835 -moz-image-region: rect(1px, 53px, 17px, 37px);
1836}
1837
1838#menu_tabview[groups="3"] {
1839 -moz-image-region: rect(1px, 71px, 17px, 55px);
1840}
1841
319c6529
RK		 1842/* ::::: fullscreen window controls ::::: */
1843
8d7ef0d9 1844#window-controls {
ab799a7a
RK		 1845 -moz-margin-start: 4px;
1846}
1847
319c6529
RK		 1848#minimize-button,
1849#restore-button,
1850#close-button {
1851/* padding: 0; */
1852}
1853
1854#minimize-button {
1855 list-style-image: url("chrome://navigator/skin/icons/win-minimize.gif");
1856}
1857
1858#minimize-button:hover {
1859 list-style-image: url("chrome://navigator/skin/icons/win-minimize-hover.gif");
1860}
1861
1862#restore-button {
1863 list-style-image: url("chrome://navigator/skin/icons/win-restore.gif");
1864}
1865
1866#restore-button:hover {
1867 list-style-image: url("chrome://navigator/skin/icons/win-restore-hover.gif");
1868}
1869
1870#close-button {
1871 list-style-image: url("chrome://navigator/skin/icons/win-close.gif");
1872}
1873
1874#close-button:hover {
1875 list-style-image: url("chrome://navigator/skin/icons/win-close-hover.gif");
1876}
1877
1878/* ::::: Location Bar ::::: */
1879
319c6529
RK		 1880#urlbar,
1881.searchbar-textbox {
1882 border-radius: 5px;
1883 margin: 0;
1884 -moz-margin-start: 3px;
1885}
1886
ffce2402
RK		 1887#urlbar {
1888 width: 7em;
f0071a71
RK		 1889 /* make color as light as possible to deal with dark non-domain parts */
1890 color: #FFBFFF;
ffce2402
RK		 1891}
1892
319c6529
RK		 1893#urlbar:-moz-lwtheme,
1894.searchbar-textbox:-moz-lwtheme {
1895 /* background-color: rgba(255,255,255,.8);
1896 @navbarTextboxCustomBorder@
1897 color: black; */
1898}
1899
8ad8bf83
RK		 1900window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1901 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK		 1902 #unified-back-forward-button + #urlbar-container,
1903window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper {
e8519ae0
RK		 1904 padding-left: 22px;
1905 -moz-margin-start: -22px;
8ad8bf83
RK		 1906 position: relative;
1907 pointer-events: none;
1908}
1909
1910window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1911 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK		 1912 #unified-back-forward-button + #urlbar-container > #urlbar,
1913window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar {
e8519ae0
RK		 1914/* -moz-border-start: none;
1915 margin-left: 0; */
8ad8bf83
RK		 1916 pointer-events: all;
1917}
1918
1919window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1920 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK		 1921 #unified-back-forward-button:not([switchingtabs]) + #urlbar-container > #urlbar,
1922window:not([chromehidden~="toolbar"]) #urlbar-container:not([switchingtabs]) > #urlbar-wrapper > #urlbar {
71a617ff 1923 transition: margin-left 150ms ease-out;
8ad8bf83
RK		 1924}
1925
1926window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1927 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK		 1928 #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(ltr),
1929window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar:-moz-locale-dir(ltr) {
e8519ae0
RK		 1930/* border-top-left-radius: 0;
1931 border-bottom-left-radius: 0; */
8ad8bf83
RK		 1932}
1933
1934window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1935 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK		 1936 #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(rtl),
1937window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar:-moz-locale-dir(rtl) {
e8519ae0
RK		 1938/* border-top-right-radius: 0;
1939 border-bottom-right-radius: 0; */
8ad8bf83
RK		 1940}
1941
8ad8bf83
RK		 1942window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1943 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK		 1944 #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar,
1945window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlbar-wrapper > #urlbar {
e8519ae0 1946 margin-left: -22px;
8ad8bf83
RK		 1947}
1948
1949window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1950 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK		 1951 #unified-back-forward-button[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar,
1952window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:hover:not([switchingtabs]) > #urlbar-wrapper > #urlbar {
8ad8bf83 1953 /* delay the hiding of the forward button when hovered to avoid accidental clicks on the url bar */
71a617ff 1954 transition-delay: 100s;
8ad8bf83
RK		 1955}
1956
1957window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1958 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK		 1959 #unified-back-forward-button[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar,
1960window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:not(:hover) > #urlbar-wrapper > #urlbar {
8ad8bf83 1961 /* when not hovered anymore, trigger a new transition to hide the forward button immediately */
e8519ae0 1962 margin-left: -22.01px;
8ad8bf83
RK		 1963}
1964
1965window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1966 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0 1967 #unified-back-forward-button + #urlbar-container:-moz-locale-dir(rtl),
8ad8bf83
RK		 1968window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
1969 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK		 1970 #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(rtl),
1971window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper:-moz-locale-dir(rtl),
1972window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar:-moz-locale-dir(rtl) {
85cfb236 1973 /* let winstripe-urlbar-back-button-clip-path clip the urlbar's right side for RTL */
71a617ff 1974 transform: scaleX(-1);
8ad8bf83
RK		 1975}
1976
a7145e95
RK		 1977html|*.urlbar-input:-moz-lwtheme::-moz-placeholder,
1978.searchbar-textbox:-moz-lwtheme > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-input::-moz-placeholder {
319c6529
RK		 1979 color: #E7ADE7;
1980}
1981
1982#urlbar:-moz-lwtheme[focused="true"],
1983.searchbar-textbox:-moz-lwtheme[focused="true"] {
1984/* background-color: white; */
1985}
1986
1987#urlbar-container {
1988 -moz-box-orient: horizontal;
1989 -moz-box-align: stretch;
1990}
1991
9abeb12c
RK		 1992.urlbar-textbox-container {
1993 -moz-box-align: stretch;
1994}
1995
a40f6a79
RK		 1996.urlbar-input-box {
1997 -moz-margin-start: 0;
fcfb76ce 1998 min-width: 4em;
a40f6a79
RK		 1999}
2000
319c6529 2001#urlbar-icons {
319c6529
RK		 2002 -moz-box-align: center;
2003}
2004
2005.urlbar-icon {
b8384c33 2006 padding: 0 2px;
ffce2402
RK		 2007}
2008
2009.searchbar-engine-button,
2010.search-go-container {
4b686546
RK		 2011 padding: 2px;
2012}
2013
2014.search-go-container > .search-go-button {
2015 padding: 0;
319c6529
RK		 2016}
2017
ffce2402
RK		 2018.urlbar-icon:hover {
2019}
2020
2021.urlbar-icon[open="true"],
2022.urlbar-icon:hover:active {
2023}
2024
319c6529
RK		 2025#urlbar-search-splitter {
2026 min-width: 6px;
2027 -moz-margin-start: -3px;
2028 border: none;
2029 background: transparent;
2030}
2031
f0071a71 2032#urlbar-search-splitter + #urlbar-container > #urlbar,
319c6529
RK		 2033#urlbar-search-splitter + #search-container > #searchbar > .searchbar-textbox {
2034 -moz-margin-start: 0;
2035}
2036
319c6529 2037#urlbar-display {
319c6529
RK		 2038 -moz-border-end: 1px solid #9C9CFF;
2039 -moz-margin-end: 3px;
ab799a7a
RK		 2040 margin-top: 0;
2041 margin-bottom: 0;
a40f6a79 2042 -moz-margin-start: 0;
ab799a7a
RK		 2043 color: #8050B0;
2044}
2045
26125509
RK		 2046#search-container {
2047 min-width: calc(54px + 11ch);
2048}
2049
319c6529
RK		 2050/* identity box */
2051
2052#identity-box {
319c6529 2053 border-radius: 2px;
85cfb236 2054 font-size: .9em;
319c6529
RK		 2055}
2056
8ad8bf83 2057#notification-popup-box:not([hidden]) + #identity-box {
5517da5a 2058 -moz-padding-start: 10px !important;
8ad8bf83
RK		 2059 border-radius: 0;
2060}
2061
2062window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
2063 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK		 2064 #unified-back-forward-button + #urlbar-container > #urlbar > #identity-box,
2065window:not([chromehidden~="toolbar"]) #urlbar-container > #urlbar-wrapper > #urlbar > #identity-box {
d15d08bf 2066/* border-radius: 0; */
2a5b7882
RK		 2067 -moz-padding-start: 2px;
2068 -moz-padding-end: 2px;
2069 -moz-margin-end: 1px;
8ad8bf83
RK		 2070}
2071
2072window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
2073 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK		 2074 #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar >
2075 #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr),
2076window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlbar-wrapper > #urlbar >
2077 #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
2a5b7882 2078 padding-left: 2px;
71a617ff 2079 transition: padding-left;
8ad8bf83
RK		 2080}
2081
2082window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
2083 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK		 2084 #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar >
2085 #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl),
2086window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlbar-wrapper > #urlbar >
2087 #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) {
2a5b7882 2088 padding-right: 2px;
71a617ff 2089 transition: padding-right;
8ad8bf83
RK		 2090}
2091
2092window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
2093 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK		 2094 #unified-back-forward-button[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar >
2095 #notification-popup-box[hidden] + #identity-box,
2096window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:hover:not([switchingtabs]) > #urlbar-wrapper > #urlbar >
2097 #notification-popup-box[hidden] + #identity-box {
8ad8bf83 2098 /* forward button hiding is delayed when hovered */
71a617ff 2099 transition-delay: 100s;
8ad8bf83
RK		 2100}
2101
2102window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
2103 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK		 2104 #unified-back-forward-button[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar >
2105 #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr),
2106window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:not(:hover) > #urlbar-wrapper > #urlbar >
2107 #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
8ad8bf83 2108 /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
2a5b7882 2109 padding-left: 2.01px;
8ad8bf83
RK		 2110}
2111
2112window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
2113 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
26125509
RK		 2114 #unified-back-forward-button[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar >
2115 #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl),
2116window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:not(:hover) > #urlbar-wrapper > #urlbar >
2117 #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) {
8ad8bf83 2118 /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
2a5b7882 2119 padding-right: 2.01px;
8ad8bf83
RK		 2120}
2121
56859d76
RK		 2122#urlbar[pageproxystate="valid"] > #identity-box.chromeUI,
2123#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
a40f6a79 2124 -moz-margin-end: 3px;
319c6529
RK		 2125}
2126
56859d76 2127#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:-moz-locale-dir(ltr),
37953ab4 2128#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(ltr) {
a40f6a79
RK		 2129 border-top-right-radius: 0;
2130 border-bottom-right-radius: 0;
319c6529
RK		 2131}
2132
56859d76 2133#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:-moz-locale-dir(rtl),
37953ab4 2134#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(rtl) {
a40f6a79
RK		 2135 border-top-left-radius: 0;
2136 border-bottom-left-radius: 0;
319c6529
RK		 2137}
2138
a40f6a79
RK		 2139#identity-box.verifiedIdentity:not(:-moz-lwtheme) {
2140 background-color: #000000;
319c6529
RK		 2141}
2142
2143#identity-box:-moz-focusring {
2144 outline: 1px dotted #008484;
f993773d 2145 outline-offset: -1px;
319c6529
RK		 2146}
2147
2148#identity-box.verifiedDomain:-moz-focusring,
2149#identity-box.verifiedIdentity:-moz-focusring {
2150 outline-color: #000000;
2151}
2152
2153#identity-icon-labels {
2154 -moz-margin-start: 1px;
2155 -moz-margin-end: 3px;
319c6529
RK		 2156}
2157
2158/* Location bar dropmarker */
2159
38cfeb47 2160.urlbar-history-dropmarker:not(:hover):not([open="true"]) {
319c6529 2161 background-color: transparent;
319c6529
RK		 2162}
2163
00f971bc
RK		 2164#urlbar-container[combined="true"] > #urlbar > .urlbar-history-dropmarker,
2165#urlbar-wrapper > #urlbar > .urlbar-history-dropmarker {
38cfeb47
RK		 2166 border: none;
2167 border-radius: 0px;
319c6529
RK		 2168}
2169
ffce2402
RK		 2170.urlbar-history-dropmarker:hover {
2171}
2172
2173.urlbar-history-dropmarker:hover:active,
2174.urlbar-history-dropmarker[open="true"] {
2175}
2176
319c6529
RK		 2177/* page proxy icon */
2178
e7c8bab1
RK		 2179/* === BEGIN identity-block.inc.css === */
2180
2181#urlbar[pageproxystate="valid"] > #identity-box.chromeUI {
2182 /* Default theme does different color per channel, we can't as they do it build-time. */
2183 color: #9C9CFF;
2184 -moz-border-end: 1px solid #9C9CFF;
2185}
2186
2187#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
2188 color: #008484;
2189 -moz-border-end: 1px solid #008484;
2190}
2191
2192#urlbar[pageproxystate="valid"] > #identity-box.chromeUI,
2193#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
2194 background-position: right;
2195 background-size: 1px;
2196 background-repeat: no-repeat;
2197}
2198
2199/* page proxy icon */
2200
4d58ff64 2201#page-proxy-favicon {
319c6529
RK		 2202 width: 16px;
2203 height: 16px;
a40f6a79 2204 list-style-image: url("chrome://browser/skin/identity-icons-generic.png");
00f971bc 2205 margin: 2px;
e7c8bab1
RK		 2206}
2207
2208.chromeUI > #page-proxy-favicon[pageproxystate="valid"] {
2209 list-style-image: url("chrome://branding/content/identity-icons-brand.png");
319c6529
RK		 2210}
2211
2a5b7882 2212.verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] {
a40f6a79
RK		 2213 list-style-image: url("chrome://browser/skin/identity-icons-https.png");
2214}
2215
2a5b7882 2216.verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] {
a40f6a79
RK		 2217 list-style-image: url("chrome://browser/skin/identity-icons-https-ev.png");
2218}
2219
56ab361a
RK		 2220.mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] {
2221 list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-active.png");
2222}
2223
e7c8bab1
RK		 2224.mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"] {
2225 list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-display.png");
2226}
2227
2228.mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] {
2229 list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-display.png");
2230}
2231
2232#page-proxy-favicon[pageproxystate="invalid"] {
2233 opacity: 0.3;
2234}
2235
2236#identity-popup.chromeUI > #identity-popup-container > #identity-popup-icon {
2237 list-style-image: url("chrome://branding/content/icon64.png");
2238}
2239
2240#identity-popup-brandName {
2241 font-weight: bold;
2242 font-size: 1.25em;
2243 margin-top: .5em;
2244 margin-bottom: .5em;
2245}
2246
2247#identity-popup-content-box {
2248 max-width: 50ch;
2249}
2250
2251/* === END identity-block.inc.css === */
2252
2253#page-proxy-favicon {
2254 -moz-image-region: rect(0, 16px, 16px, 0);
2255}
2256
2a5b7882 2257#identity-box:hover > #page-proxy-favicon {
a40f6a79
RK		 2258 -moz-image-region: rect(0, 32px, 16px, 16px);
2259}
2260
2a5b7882
RK		 2261#identity-box:hover:active > #page-proxy-favicon,
2262#identity-box[open=true] > #page-proxy-favicon {
a40f6a79 2263 -moz-image-region: rect(0, 48px, 16px, 32px);
acb0e9b8 2264}
2265
2a5b7882
RK		 2266#identity-box:hover {
2267 background-color: #FFCF00;
7092015d 2268 color: #000000;
2a5b7882
RK		 2269}
2270
2271#identity-box:hover:active,
2272#identity-box[open=true] {
2273 background-color: #FF9F00;
7092015d 2274 color: #000000;
2a5b7882
RK		 2275}
2276
56859d76
RK		 2277#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:hover,
2278#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:hover:active,
2279#urlbar[pageproxystate="valid"] > #identity-box.chromeUI[open=true] {
2280 background-color: #9C9CFF;
2281 color: #000000;
2282}
2283
387e6560
RK		 2284#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:hover,
2285#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:hover:active,
2286#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity[open=true] {
2a5b7882
RK		 2287 background-color: #008484;
2288 color: #000000;
2289}
2290
319c6529
RK		 2291/* autocomplete */
2292
319c6529
RK		 2293#treecolAutoCompleteImage {
2294 max-width: 36px;
2295}
acb0e9b8 2296
319c6529
RK		 2297.ac-result-type-bookmark,
2298.autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) {
71bac478 2299 list-style-image: url("chrome://browser/skin/places/bookmark.png");
319c6529 2300 -moz-image-region: rect(0px 16px 16px 0px);
c1f7cc84 2301 width: 16px;
319c6529 2302 height: 16px;
acb0e9b8 2303}
2304
319c6529
RK		 2305.ac-result-type-keyword,
2306.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage) {
2307 list-style-image: url("chrome://global/skin/icons/Search-glass.png");
2308 -moz-image-region: rect(0px 32px 16px 16px);
acb0e9b8 2309 width: 16px;
2310 height: 16px;
2311}
2312
319c6529
RK		 2313.ac-result-type-tag,
2314.autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) {
8da9da4e 2315 list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png");
c1f7cc84 2316 width: 16px;
319c6529
RK		 2317 height: 16px;
2318}
acb0e9b8 2319
319c6529
RK		 2320.ac-comment {
2321 font-size: 1.15em;
acb0e9b8 2322}
319c6529
RK		 2323
2324.ac-extra > .ac-comment {
2325 font-size: inherit;
acb0e9b8 2326}
319c6529
RK		 2327
2328.ac-url-text,
2329.ac-action-text {
2330 color: #9C9CFF;
acb0e9b8 2331}
319c6529
RK		 2332
2333richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-icon {
2334 list-style-image: url("chrome://browser/skin/actionicon-tab.png");
85cfb236
RK		 2335 -moz-image-region: rect(0, 16px, 16px, 0);
2336 padding: 0 3px;
2337}
2338
2339richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-box > .ac-action-icon {
2340 -moz-image-region: rect(16px, 16px, 32px, 0);
acb0e9b8 2341}
2342
319c6529
RK		 2343.autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
2344 color: #8050B0;
2345}
acb0e9b8 2346
319c6529
RK		 2347.ac-comment[selected="true"],
2348.ac-url-text[selected="true"],
2349.ac-action-text[selected="true"] {
2350 color: inherit !important;
acb0e9b8 2351}
2352
c1f7cc84
RK		 2353.autocomplete-treebody::-moz-tree-cell-text(suggesthint, treecolAutoCompleteComment),
2354.autocomplete-treebody::-moz-tree-cell-text(suggestfirst, treecolAutoCompleteComment)
319c6529
RK		 2355{
2356 color: #8050B0;
2357 font-size: smaller;
acb0e9b8 2358}
319c6529
RK		 2359
2360.autocomplete-treebody::-moz-tree-cell(suggesthint) {
2361 border-top: 1px solid #9C9CFF;
acb0e9b8 2362}
2363
319c6529
RK		 2364/* combined go/reload/stop button in location bar */
2365
ffce2402 2366#go-button,
319c6529
RK		 2367#urlbar > toolbarbutton {
2368 list-style-image: url("chrome://browser/skin/reload-stop-go.png");
38cfeb47 2369 /* margin: -2px; */
9abeb12c 2370 -moz-margin-start: 0;
ffce2402 2371 padding: 0 2px;
319c6529
RK		 2372 background-origin: border-box;
2373 border: none;
9abeb12c
RK		 2374 -moz-border-start: 1px solid #9C9CFF;
2375}
2376
ffce2402
RK		 2377#go-button {
2378 padding: 0 3px;
2379}
2380
9abeb12c 2381#urlbar:-moz-locale-dir(ltr) > toolbarbutton {
38cfeb47
RK		 2382 border-top-left-radius: 0px;
2383 border-bottom-left-radius: 0px;
acb0e9b8 2384}
acb0e9b8 2385
9abeb12c 2386#urlbar:-moz-locale-dir(rtl) > toolbarbutton {
38cfeb47
RK		 2387 border-top-right-radius: 0px;
2388 border-bottom-right-radius: 0px;
9abeb12c
RK		 2389}
2390
dce90fef
RK		 2391#urlbar > toolbarbutton:not([disabled]):active:hover,
2392#urlbar-reload-button:not(:hover) {
2393 -moz-border-start-style: none;
714b11f6 2394 -moz-padding-start: 3px;
dce90fef
RK		 2395}
2396
2397#urlbar > toolbarbutton:not([disabled]):active:hover {
acb0e9b8 2398}
2399
319c6529 2400#urlbar-go-button {
ffce2402 2401 -moz-image-region: rect(0, 42px, 14px, 28px);
acb0e9b8 2402}
2403
ffce2402
RK		 2404#go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
2405#urlbar-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
71a617ff 2406 transform: scaleX(-1);
ffce2402
RK		 2407}
2408
2409#urlbar-go-button:hover,
2410#go-button:hover {
2411 -moz-image-region: rect(14px, 42px, 28px, 28px);
acb0e9b8 2412}
2413
319c6529 2414#urlbar-reload-button {
ffce2402 2415 -moz-image-region: rect(0px, 14px, 14px, 0px);
38cfeb47
RK		 2416}
2417
2418#urlbar-reload-button[disabled] {
ffce2402 2419 -moz-image-region: rect(28px, 14px, 42px, 0px);
acb0e9b8 2420}
2421
319c6529 2422#urlbar-reload-button:not([disabled]):hover {
ffce2402 2423 -moz-image-region: rect(14px, 14px, 28px, 0px);
acb0e9b8 2424}
319c6529
RK		 2425
2426#urlbar-stop-button {
ffce2402 2427 -moz-image-region: rect(0px, 28px, 14px, 14px);
acb0e9b8 2428}
319c6529
RK		 2429
2430#urlbar-stop-button:hover {
ffce2402 2431 -moz-image-region: rect(14px, 28px, 28px, 14px);
acb0e9b8 2432}
2433
319c6529
RK		 2434/* popup blocker button */
2435
2436#page-report-button {
2437 list-style-image: url("chrome://browser/skin/urlbar-popup-blocked.png");
2438 -moz-image-region: rect(0, 16px, 16px, 0);
acb0e9b8 2439}
319c6529 2440
71bac478 2441#page-report-button:hover ,
319c6529
RK		 2442#page-report-button:hover:active,
2443#page-report-button[open="true"] {
71bac478 2444 -moz-image-region: rect(0, 32px, 16px, 16px);
acb0e9b8 2445}
2446
c4460289
RK		 2447/* social share panel */
2448
2449#social-share-panel > iframe {
2450/* background: linear-gradient(to bottom, #f0f4f7, #fafbfc);*/
2451 width: 300px;
2452 height: 150px;
2453}
2454
2455#social-share-button {
2456 list-style-image: url("chrome://browser/skin/social/share-button.png");
2457 -moz-image-region: rect(0, 16px, 16px, 0);
2458}
2459
2460.social-share-toolbar {
2461 border-right: 1px solid #9C9CFF;
2462/* background-color: #000000; */
2463}
2464
2465#social-share-provider-buttons {
2466 padding: 6px;
2467}
2468
2469#social-share-provider-buttons > .share-provider-button {
2470 -moz-appearance: none;
2471 padding: 5px;
2472 margin: 1px;
2473 border: none;
2474 background: none;
2475 border-radius: 2px;
2476}
2477
2478#social-share-provider-buttons > .share-provider-button[checked="true"]:not([disabled="true"]),
2479#social-share-provider-buttons > .share-provider-button:hover,
2480#social-share-provider-buttons > .share-provider-button:active {
2481 padding: 4px;
2482}
2483
2484#social-share-provider-buttons > .share-provider-button[checked="true"]:not([disabled="true"]) {
2485}
2486
2487#social-share-provider-buttons > .share-provider-button > .toolbarbutton-text {
2488 display: none;
2489}
2490#social-share-provider-buttons > .share-provider-button > .toolbarbutton-icon {
2491 width: 16px;
2492 min-height: 16px;
2493 max-height: 16px;
2494}
2495
2496/* fixup corners for share panel */
2497.social-panel > .social-panel-frame {
2498 border-radius: inherit;
2499}
2500
2501#social-share-panel {
2502 max-height: 600px;
2503 min-height: 100px;
2504 max-width: 800px;
2505 min-width: 300px;
2506}
2507
2508.social-share-frame {
2509/* background: linear-gradient(to bottom, #f0f4f7, #fafbfc); */
2510 width: 330px;
2511 height: 150px;
c4460289
RK		 2512 /* we resize our panels dynamically, make it look nice */
2513 transition: height 100ms ease-out, width 100ms ease-out;
2514}
2515
e2734cc7
RK		 2516.social-share-frame:-moz-locale-dir(ltr) {
2517 border-top-left-radius: 0;
2518 border-bottom-left-radius: 0;
2519 border-top-right-radius: inherit;
2520 border-bottom-right-radius: inherit;
2521}
2522
2523.social-share-frame:-moz-locale-dir(rtl) {
c4460289
RK		 2524 border-top-left-radius: inherit;
2525 border-bottom-left-radius: inherit;
e2734cc7
RK		 2526 border-top-right-radius: 0;
2527 border-bottom-right-radius: 0;
c4460289
RK		 2528}
2529
e2734cc7
RK		 2530#social-share-panel > .social-share-toolbar:-moz-locale-dir(ltr) {
2531 border-top-left-radius: inherit;
2532 border-bottom-left-radius: inherit;
2533}
2534
2535#social-share-panel > .social-share-toolbar:-moz-locale-dir(rtl) {
2536 border-top-right-radius: inherit;
2537 border-bottom-right-radius: inherit;
2538}
2539
2540#social-share-provider-buttons:-moz-locale-dir(ltr) {
c4460289
RK		 2541 border-top-left-radius: inherit;
2542 border-bottom-left-radius: inherit;
2543}
2544
e2734cc7
RK		 2545#social-share-provider-buttons:-moz-locale-dir(rtl) {
2546 border-top-right-radius: inherit;
2547 border-bottom-right-radius: inherit;
2548}
2549
889649fd
RK		 2550/* social recommending panel */
2551
a6757852 2552#social-mark-button {
d7cfd768 2553 -moz-image-region: rect(0, 16px, 16px, 0);
889649fd
RK		 2554}
2555
319c6529
RK		 2556/* star button */
2557
00f971bc
RK		 2558/* #urlbar-container only directly contains the urlbar pre-Australis, don't assign an icon in Australis */
2559#urlbar-container > #urlbar > #urlbar-icons > #star-button {
71bac478
RK		 2560 list-style-image: url("chrome://communicator/skin/bookmarks/bookmark.png");
2561 -moz-image-region: rect(16px 16px 32px 0px);
acb0e9b8 2562}
319c6529 2563
00f971bc 2564#urlbar-container > #urlbar > #urlbar-icons > #star-button:hover {
71bac478 2565 -moz-image-region: rect(16px 32px 32px 16px);
acb0e9b8 2566}
319c6529 2567
00f971bc 2568#urlbar-container > #urlbar > #urlbar-icons > #star-button:hover:active {
71bac478 2569 -moz-image-region: rect(16px 48px 32px 32px);
acb0e9b8 2570}
2571
00f971bc 2572#urlbar-container > #urlbar > #urlbar-icons > #star-button[starred="true"] {
71bac478
RK		 2573 -moz-image-region: rect(0px 16px 16px 0px);
2574}
2575
00f971bc 2576#urlbar-container > #urlbar > #urlbar-icons > #star-button[starred="true"]:hover {
71bac478
RK		 2577 -moz-image-region: rect(0px 32px 16px 16px);
2578}
2579
00f971bc 2580#urlbar-container > #urlbar > #urlbar-icons > #star-button[starred="true"]:hover:active {
71bac478 2581 -moz-image-region: rect(0px 48px 16px 32px);
acb0e9b8 2582}
319c6529
RK		 2583
2584/* bookmarking panel */
2585#editBookmarkPanelStarIcon {
2586 list-style-image: url("chrome://browser/skin/places/starred48.png");
2587 width: 48px;
2588 height: 48px;
acb0e9b8 2589}
319c6529
RK		 2590
2591#editBookmarkPanelStarIcon[unstarred] {
2592 list-style-image: url("chrome://browser/skin/places/unstarred48.png");
acb0e9b8 2593}
2594
319c6529
RK		 2595#editBookmarkPanelTitle {
2596 font-size: 130%;
acb0e9b8 2597}
319c6529
RK		 2598
2599#editBookmarkPanelHeader,
2600#editBookmarkPanelContent {
2601 margin-bottom: .5em;
acb0e9b8 2602}
319c6529
RK		 2603
2604/* Implements editBookmarkPanel resizing on folderTree un-collapse. */
2605#editBMPanel_folderTree {
2606 min-width: 27em;
acb0e9b8 2607}
2608
f993773d 2609.panel-promo-box {
5a3cfc14 2610 margin: 5px -6px -6px;
f0eab82c 2611 padding: 5px;
889649fd 2612 border-top: 1px solid #9C9CFF;
f0eab82c
RK		 2613 border-bottom-left-radius: 5px;
2614 border-bottom-right-radius: 5px;
f993773d
RK		 2615}
2616
2617.panel-promo-icon {
2618 list-style-image: url("chrome://browser/skin/sync-notification-24.png");
2619 -moz-margin-end: 10px;
2620 vertical-align: middle;
2621}
2622
2623.panel-promo-closebutton {
2624 list-style-image: url("chrome://global/skin/icons/close-button.gif");
f0eab82c
RK		 2625 -moz-margin-end: -3px;
2626 margin-top: -3px;
f993773d
RK		 2627}
2628
2629.panel-promo-closebutton:hover {
2630 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
2631}
2632
2633.panel-promo-closebutton:hover:active {
2634 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
2635}
2636
2637.panel-promo-closebutton > .toolbarbutton-text {
2638 padding: 0;
2639 margin: 0;
2640}
2641
319c6529
RK		 2642/* ::::: content area ::::: */
2643
2644#sidebar {
2645 background-color: Window;
acb0e9b8 2646}
319c6529
RK		 2647
2648#sidebar-title {
2649 -moz-padding-start: 0px;
acb0e9b8 2650}
319c6529 2651
fe524e0c
RK		 2652.browserContainer > findbar {
2653/*
2654 background-color: -moz-dialog;
2655 color: -moz-DialogText;
2656*/
2657}
2658
319c6529
RK		 2659/* ::::: throbber ::::: */
2660
2661#navigator-throbber {
2662 width: 16px;
2663 min-height: 16px;
2664 margin: 0 3px;
acb0e9b8 2665}
2666
319c6529 2667#navigator-throbber[busy="true"] {
95f333af 2668 list-style-image: url("chrome://communicator/skin/brand/throbber16-anim.png");
acb0e9b8 2669}
319c6529
RK		 2670
2671#navigator-throbber,
2672#wrapper-navigator-throbber > #navigator-throbber {
95f333af 2673 list-style-image: url("chrome://communicator/skin/brand/throbber16-single.png");
acb0e9b8 2674}
319c6529
RK		 2675
2676/* Tabstrip */
b36fc72e 2677
fd291cce
RK		 2678/* Remove selector when Australis lands - this makes it only apply post-Australis as iconsize doesn't exist there */
2679#navigator-toolbox:not([iconsize]) > #TabsToolbar,
319c6529
RK		 2680#TabsToolbar {
2681 min-height: 0;
2682 padding: 0;
b36fc72e
RK		 2683 -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar");
2684}
2685
2686#TabsToolbar .toolbar-holder {
c1f7cc84 2687 background-color: #000000; /* correct effect of being an actual toolbar */
acb0e9b8 2688}
2689
b36fc72e 2690#main-window[disablechrome] #TabsToolbar,
319c6529 2691#TabsToolbar[tabsontop="false"] {
8b5fc82e 2692 border-bottom: 1px solid #008484;
acb0e9b8 2693}
319c6529 2694
319c6529
RK		 2695.tabbrowser-tab,
2696.tabs-newtab-button {
2697 margin-top: 0px;
acb0e9b8 2698}
319c6529 2699
57fc408c
RK		 2700.tabbrowser-tab{
2701 padding: 1px 4px 2px;
2702}
2703
2704.tabbrowser-tab:first-of-type {
2705 -moz-margin-start: 2px;
2706}
2707
2708.tabs-newtab-button {
2709 border-radius: 8px 8px 0px 0px;
2710 -moz-margin-start: 0;
2711}
2712
2713.tabs-newtab-button:not(:hover) {
2714 background-color: #C09070;
2715}
2716
fe524e0c
RK		 2717.tabbrowser-tab[remote] {
2718 text-decoration: underline;
2719}
2720
319c6529
RK		 2721.tabbrowser-tab:hover,
2722.tabs-newtab-button:hover {
acb0e9b8 2723}
319c6529
RK		 2724
2725.tabbrowser-tab[selected="true"] {
acb0e9b8 2726}
2727
9abeb12c
RK		 2728#main-window[tabsontop=false]:not([disablechrome]) .tabbrowser-tab[selected=true]:not(:-moz-lwtheme) {
2729}
2730
319c6529 2731.tabbrowser-tab:-moz-lwtheme {
acb0e9b8 2732}
319c6529
RK		 2733
2734.tabbrowser-tab[selected="true"]:-moz-lwtheme {
acb0e9b8 2735}
319c6529
RK		 2736
2737.tabbrowser-tab:-moz-lwtheme-brighttext:not([selected="true"]),
2738.tabs-newtab-button:-moz-lwtheme-brighttext {
acb0e9b8 2739}
2740
319c6529
RK		 2741.tabbrowser-tab:-moz-lwtheme-brighttext:not([selected="true"]):hover,
2742.tabs-newtab-button:-moz-lwtheme-brighttext:hover {
acb0e9b8 2743}
319c6529
RK		 2744
2745.tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]),
2746.tabs-newtab-button:-moz-lwtheme-darktext {
acb0e9b8 2747}
319c6529
RK		 2748
2749.tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]):hover,
2750.tabs-newtab-button:-moz-lwtheme-darktext:hover {
acb0e9b8 2751}
2752
319c6529
RK		 2753.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) {
2754 background-color: #E7ADE7;
613daf44 2755}
319c6529 2756.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]):hover {
dbd844cb 2757 background-color: #3333FF;
319c6529 2758 color: #000000;
613daf44 2759}
319c6529
RK		 2760
2761.tab-throbber,
2762.tab-icon-image {
2763 width: 16px;
2764 height: 16px;
dce90fef 2765 list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
8da9da4e 2766 -moz-image-region: auto;
319c6529 2767 -moz-margin-end: 3px;
613daf44 2768}
2769
319c6529 2770.tab-throbber {
95f333af 2771 list-style-image: url("chrome://communicator/skin/brand/throbber16-anim-connect.png");
613daf44 2772}
319c6529
RK		 2773
2774.tab-throbber[progress] {
95f333af 2775 list-style-image: url("chrome://communicator/skin/brand/throbber16-anim.png");
613daf44 2776}
319c6529 2777
319c6529
RK		 2778.tab-throbber[pinned],
2779.tab-icon-image[pinned] {
2780 -moz-margin-start: 2px;
2781 -moz-margin-end: 2px;
613daf44 2782}
319c6529
RK		 2783
2784/* tabbrowser-tab focus ring */
2785.tabbrowser-tab:focus > .tab-stack {
2786 outline: 1px dotted;
613daf44 2787}
319c6529 2788
8ad8bf83 2789/* Tab DnD indicator */
319c6529
RK		 2790.tab-drop-indicator {
2791 list-style-image: url("chrome://browser/skin/tabbrowser/tabDragIndicator.png");
9abeb12c 2792 margin-bottom: -11px;
613daf44 2793}
2794
319c6529
RK		 2795/* Tab close button */
2796.tab-close-button {
2797 border: none;
2798 padding: 0px;
57fc408c 2799 margin-top: 1px;
319c6529
RK		 2800 list-style-image: url("chrome://global/skin/icons/close-button.gif");
2801}
acb0e9b8 2802
319c6529
RK		 2803.tab-close-button:hover,
2804.tab-close-button:hover[selected="true"] {
2805 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
acb0e9b8 2806}
319c6529
RK		 2807
2808.tab-close-button:hover:active,
2809.tab-close-button:hover:active[selected="true"] {
2810 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
acb0e9b8 2811}
319c6529 2812
319c6529
RK		 2813/* Tab scrollbox arrow, tabstrip new tab and all-tabs buttons */
2814
319c6529
RK		 2815.tabbrowser-arrowscrollbox > .scrollbutton-up,
2816.tabbrowser-arrowscrollbox > .scrollbutton-down {
319c6529
RK		 2817 margin: 0;
2818 padding-top: 0;
2819 padding-bottom: 0;
acb0e9b8 2820}
319c6529 2821
319c6529
RK		 2822.tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] {
2823 background-color: #008484;
acb0e9b8 2824}
319c6529
RK		 2825
2826.tabs-newtab-button > .toolbarbutton-icon {
2827 margin-top: -1px;
2828 margin-bottom: -1px;
acb0e9b8 2829}
319c6529
RK		 2830
2831.tabs-newtab-button,
2832#TabsToolbar > #new-tab-button,
2833#TabsToolbar > toolbarpaletteitem > #new-tab-button {
38cfeb47 2834 list-style-image: url("chrome://browser/skin/tabbrowser/newtab.png");
319c6529 2835 -moz-image-region: rect(0, 16px, 18px, 0);
acb0e9b8 2836}
2837
319c6529 2838.tabs-newtab-button {
c1f7cc84
RK		 2839 width: 28px;
2840}
2841
2842#TabsToolbar > #new-tab-button {
2843 width: 26px;
acb0e9b8 2844}
319c6529 2845
8b5fc82e 2846.tabs-newtab-button,
38cfeb47
RK		 2847.tabs-newtab-button:hover,
2848#TabsToolbar > #new-tab-button:hover {
319c6529 2849 -moz-image-region: rect(0, 32px, 18px, 16px);
acb0e9b8 2850}
319c6529
RK		 2851
2852#alltabs-button {
8da9da4e 2853 list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
acb0e9b8 2854}
2855
f9fc08c7 2856#alltabs-button > .toolbarbutton-menu-dropmarker {
319c6529 2857 display: none;
acb0e9b8 2858}
319c6529 2859
f9fc08c7
RK		 2860#alltabs-button:hover,
2861#alltabs-button:hover:active,
2862#alltabs-button[open="true"] {
8da9da4e 2863 list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
acb0e9b8 2864}
319c6529
RK		 2865
2866/* All tabs menupopup */
2867.alltabs-item > .menu-iconic-left > .menu-iconic-icon {
dce90fef 2868 list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
8da9da4e 2869 -moz-image-region: auto;
acb0e9b8 2870}
2871
319c6529
RK		 2872.alltabs-item[selected="true"] {
2873 font-weight: bold;
acb0e9b8 2874}
319c6529
RK		 2875
2876.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon {
2877 list-style-image: url("chrome://global/skin/icons/loading.gif");
acb0e9b8 2878}
319c6529 2879
85cfb236 2880.alltabs-item[tabIsVisible]:not([_moz-menuactive="true"]) {
b1234db8
RK		 2881 background-color: #402800;
2882}
2883
319c6529
RK		 2884/* Tabstrip close button */
2885.tabs-closebutton {
2886 -moz-box-flex: 1;
2887 margin: 0px;
2888 padding: 2px;
2889 list-style-image: url("chrome://global/skin/icons/close-button.gif");
acb0e9b8 2890}
2891
b36fc72e
RK		 2892.tabs-closebutton > .toolbarbutton-icon {
2893}
2894
8da9da4e
RK		 2895.tabs-closebutton > .toolbarbutton-text {
2896 display: none;
2897}
2898
319c6529
RK		 2899.tabs-closebutton:hover,
2900.tabs-closebutton:hover:active {
2901 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
acb0e9b8 2902}
319c6529
RK		 2903
2904toolbarbutton.chevron {
2905 list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
acb0e9b8 2906}
319c6529
RK		 2907
2908toolbarbutton.chevron:hover {
2909 list-style-image: url("chrome://global/skin/toolbar/chevron-hover.gif") !important;
acb0e9b8 2910}
2911
319c6529
RK		 2912toolbarbutton.chevron:-moz-locale-dir(rtl) > .toolbarbutton-icon,
2913toolbarbutton.chevron:-moz-locale-dir(rtl):hover > .toolbarbutton-icon {
71a617ff 2914 transform: scaleX(-1);
acb0e9b8 2915}
319c6529
RK		 2916
2917toolbarbutton.chevron > .toolbarbutton-text,
2918toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
2919 display: none;
acb0e9b8 2920}
319c6529
RK		 2921
2922toolbarbutton.chevron > .toolbarbutton-icon {
2923 margin: 0;
acb0e9b8 2924}
2925
319c6529
RK		 2926toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon {
2927 display: -moz-box; /* display chevron icon in text mode */
acb0e9b8 2928}
319c6529
RK		 2929
2930#sidebar-throbber[loading="true"] {
2931 list-style-image: url("chrome://global/skin/icons/loading.gif");
2932 -moz-margin-end: 4px;
acb0e9b8 2933}
319c6529
RK		 2934
2935/* Bookmarks toolbar */
2936#PlacesToolbarDropIndicator {
8da9da4e 2937 list-style-image: url("chrome://communicator/skin/bookmarks/toolbarDropMarker.png");
acb0e9b8 2938}
2939
319c6529
RK		 2940toolbarbutton.bookmark-item[dragover="true"][open="true"] {
2941 background-color: #008484 !important;
2942 color: #FFCF00 !important;
613daf44 2943}
319c6529
RK		 2944
2945/* rules for menupopup drop indicators */
2946.menupopup-drop-indicator-bar {
2947 position: relative;
2948 /* these two margins must together compensate the indicator's height */
2949 margin-top: -1px;
2950 margin-bottom: -1px;
613daf44 2951}
319c6529
RK		 2952
2953.menupopup-drop-indicator {
2954 list-style-image: none;
2955 height: 2px;
2956 -moz-margin-end: -4em;
2957 background-color: #008484;
613daf44 2958}
2959
319c6529
RK		 2960/* ::::: Identity Indicator Styling ::::: */
2961
2962/* Popup Icons */
2963#identity-popup-icon {
2964 height: 64px;
2965 width: 64px;
2966 padding: 0;
2967 list-style-image: url("chrome://browser/skin/identity.png");
2968 -moz-image-region: rect(0px, 64px, 64px, 0px);
613daf44 2969}
319c6529
RK		 2970
2971#identity-popup.verifiedDomain > #identity-popup-container > #identity-popup-icon {
2972 -moz-image-region: rect(64px, 64px, 128px, 0px);
613daf44 2973}
319c6529
RK		 2974
2975#identity-popup.verifiedIdentity > #identity-popup-container > #identity-popup-icon {
2976 -moz-image-region: rect(128px, 64px, 192px, 0px);
613daf44 2977}
2978
319c6529
RK		 2979/* Popup Body Text */
2980.identity-popup-description {
2981 white-space: pre-wrap;
2982 -moz-padding-start: 15px;
2983 margin: 2px 0 4px;
613daf44 2984}
319c6529
RK		 2985
2986.identity-popup-label {
2987 white-space: pre-wrap;
2988 -moz-padding-start: 15px;
2989 margin: 0;
613daf44 2990}
319c6529 2991
5517da5a 2992#identity-popup-content-host,
319c6529
RK		 2993#identity-popup-content-box.verifiedIdentity > #identity-popup-content-owner {
2994 font-size: 1.2em;
613daf44 2995}
2996
319c6529
RK		 2997#identity-popup-content-host {
2998 margin-top: 3px;
2999 margin-bottom: 5px;
3000 font-weight: bold;
3001 max-width: 300px;
3002}
613daf44 3003
319c6529
RK		 3004#identity-popup-content-owner {
3005 margin-top: 4px;
3006 margin-bottom: 0 !important;
3007 font-weight: bold;
3008 max-width: 300px;
3009}
613daf44 3010
319c6529
RK		 3011.verifiedDomain > #identity-popup-content-owner {
3012 font-weight: normal;
613daf44 3013}
3014
319c6529
RK		 3015#identity-popup-content-verifier {
3016 margin: 4px 0 2px;
613daf44 3017}
3018
319c6529
RK		 3019#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption ,
3020#identity-popup-content-box.verifiedDomain > #identity-popup-encryption {
3021 margin-top: 10px;
3022 -moz-margin-start: -24px;
613daf44 3023}
3024
319c6529
RK		 3025#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption > vbox > #identity-popup-encryption-icon ,
3026#identity-popup-content-box.verifiedDomain > #identity-popup-encryption > vbox > #identity-popup-encryption-icon {
3027 list-style-image: url("chrome://browser/skin/Secure24.png");
613daf44 3028}
3029
3a0880a9
RK		 3030#identity-popup-help-icon {
3031 border: none;
3032 margin: 7px 0 0 -3px;
3033 background: none;
3034 min-width: 0;
3035 list-style-image: url("chrome://global/skin/icons/question-16.png");
3036 cursor: pointer;
3037}
3038
3039#identity-popup-help-icon > .button-box > .button-text {
3040 display: none;
3041}
3042
3043#identity-popup-help-icon > .button-box > .button-icon {
3044 height: 16px;
3045 width: 16px;
3046}
3047
3048#identity-popup-help-icon:-moz-focusring {
3049 outline: 1px dotted;
3050 outline-offset: 1px;
3051}
3052
319c6529
RK		 3053#identity-popup-more-info-button {
3054 margin-top: 6px;
3055 margin-bottom: 0;
3056 -moz-margin-end: 0;
613daf44 3057}
acb0e9b8 3058
fe524e0c
RK		 3059#identity-popup > .panel-arrowcontainer > .panel-arrowcontent {
3060 padding: 0;
3061}
3062
3063#identity-popup-container {
3064 min-width: 280px;
3065 padding: 10px;
3066}
3067
3068#identity-popup-button-container {
3069/* background: linear-gradient(to bottom, rgba(0,0,0,0.04) 60%, transparent);*/
3070 padding: 10px;
3071 margin-top: 5px;
3072}
3073
319c6529
RK		 3074.popup-notification-icon {
3075 width: 64px;
3076 height: 64px;
3077 -moz-margin-end: 10px;
3078}
acb0e9b8 3079
319c6529
RK		 3080.popup-notification-icon[popupid="geolocation"] {
3081 list-style-image: url("chrome://browser/skin/Geolocation-64.png");
acb0e9b8 3082}
3083
319c6529
RK		 3084.popup-notification-icon[popupid="xpinstall-disabled"],
3085.popup-notification-icon[popupid="addon-progress"],
3086.popup-notification-icon[popupid="addon-install-cancelled"],
3087.popup-notification-icon[popupid="addon-install-blocked"],
3088.popup-notification-icon[popupid="addon-install-failed"],
a40f6a79 3089.popup-notification-icon[popupid="addon-install-complete"] {
319c6529
RK		 3090 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
3091 width: 32px;
3092 height: 32px;
acb0e9b8 3093}
319c6529 3094
a40f6a79 3095.popup-notification-icon[popupid="click-to-play-plugins"] {
fcfb76ce 3096 list-style-image: url("chrome://mozapps/skin/plugins/pluginBlocked-64.png");
a40f6a79
RK		 3097}
3098
a6757852
RK		 3099.popup-notification-icon[popupid="plugins-not-found"] {
3100 list-style-image: url("chrome://browser/skin/pluginInstall-64.png");
3101}
3102
82b4252f
RK		 3103.popup-notification-icon[popupid="web-notifications"] {
3104 list-style-image: url("chrome://browser/skin/notification-64.png");
3105}
3106
319c6529
RK		 3107.addon-progress-description {
3108 width: 350px;
3109 max-width: 350px;
acb0e9b8 3110}
319c6529
RK		 3111
3112.popup-progress-label,
3113.popup-progress-meter {
3114 -moz-margin-start: 0;
3115 -moz-margin-end: 0;
acb0e9b8 3116}
319c6529
RK		 3117
3118.popup-progress-cancel {
3119 -moz-appearance: none;
3120 background: transparent;
3121 border: none;
3122 padding: 0;
3123 margin: 0;
3124 min-height: 0;
3125 min-width: 0;
3126 list-style-image: url("chrome://mozapps/skin/downloads/downloadButtons.png");
3127 -moz-image-region: rect(0px, 32px, 16px, 16px);
acb0e9b8 3128}
319c6529
RK		 3129
3130.popup-progress-cancel:hover {
3131 -moz-image-region: rect(16px, 32px, 32px, 16px);
acb0e9b8 3132}
3133
319c6529
RK		 3134.popup-progress-cancel:active {
3135 -moz-image-region: rect(32px, 32px, 48px, 16px);
3136}
acb0e9b8 3137
319c6529 3138.popup-notification-icon[popupid="indexedDB-permissions-prompt"],
a6757852 3139.popup-notification-icon[popupid="indexedDB-quota-prompt"],
e2734cc7
RK		 3140.popup-notification-icon[popupid*="offline-app-requested"],
3141.popup-notification-icon[popupid="offline-app-usage"] {
319c6529 3142 list-style-image: url("chrome://global/skin/icons/alert-question.gif");
acb0e9b8 3143}
3144
319c6529
RK		 3145.popup-notification-icon[popupid="password-save"],
3146.popup-notification-icon[popupid="password-change"] {
3147 list-style-image: url("chrome://mozapps/skin/passwordmgr/key-64.png");
acb0e9b8 3148}
3149
1b13529a 3150.popup-notification-icon[popupid="webapps-install-progress"],
8d7ef0d9 3151.popup-notification-icon[popupid="webapps-install"] {
87a1144f 3152 list-style-image: url("chrome://global/skin/icons/webapps-64.png");
8d7ef0d9
RK		 3153}
3154
56ab361a
RK		 3155.popup-notification-icon[popupid="mixed-content-blocked"] {
3156 list-style-image: url("chrome://browser/skin/mixed-content-blocked-64.png");
3157}
3158
0142a07b 3159.popup-notification-icon[popupid="webRTC-sharingDevices"],
7bc075b6
RK		 3160.popup-notification-icon[popupid="webRTC-shareDevices"] {
3161 list-style-image: url("chrome://browser/skin/webRTC-shareDevice-64.png");
3162}
3163
82b4252f
RK		 3164.popup-notification-icon[popupid="pointerLock"] {
3165 list-style-image: url("chrome://browser/skin/pointerLock-64.png");
3166}
3167
319c6529
RK		 3168/* Notification icon box */
3169#notification-popup-box {
f993773d
RK		 3170 position: relative;
3171 background-color: #000000;
3172 background-clip: padding-box;
3173 padding-left: 3px;
5517da5a 3174 padding-right: 8px;
f0eab82c 3175 border-radius: 3px 0 0 3px;
82b4252f 3176 border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 / 0 8px 0 0;
f993773d 3177 -moz-margin-end: -8px;
5517da5a 3178 border-right-width: 8px;
f993773d
RK		 3179}
3180
8ad8bf83
RK		 3181window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] >
3182 :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) >
e8519ae0 3183 #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box {
5517da5a 3184/* padding-left: 5px; */
f993773d
RK		 3185}
3186
3187#notification-popup-box:-moz-locale-dir(rtl),
3188.notification-anchor-icon:-moz-locale-dir(rtl) {
71a617ff 3189 transform: scaleX(-1);
319c6529 3190}
acb0e9b8 3191
319c6529 3192.notification-anchor-icon {
acb0e9b8 3193 width: 16px;
3194 height: 16px;
85cfb236 3195 margin: 0 2px;
acb0e9b8 3196}
3197
319c6529 3198.notification-anchor-icon:-moz-focusring {
f0eab82c
RK		 3199 outline: 1px dotted #008484;
3200/* outline-offset: -3px; */
acb0e9b8 3201}
3202
e2734cc7 3203.default-notification-icon,
ab799a7a
RK		 3204#default-notification-icon {
3205 list-style-image: url("chrome://global/skin/icons/information-16.png");
3206}
3207
e2734cc7 3208.identity-notification-icon,
9585a561
RK		 3209#identity-notification-icon {
3210 list-style-image: url("chrome://mozapps/skin/profile/profileicon.png");
3211}
3212
e2734cc7 3213.geo-notification-icon,
319c6529
RK		 3214#geo-notification-icon {
3215 list-style-image: url("chrome://browser/skin/Geolocation-16.png");
acb0e9b8 3216}
3217
319c6529
RK		 3218#addons-notification-icon {
3219 list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png");
acb0e9b8 3220}
3221
e2734cc7 3222.indexedDB-notification-icon,
319c6529
RK		 3223#indexedDB-notification-icon {
3224 list-style-image: url("chrome://global/skin/icons/question-16.png");
acb0e9b8 3225}
3226
319c6529
RK		 3227#password-notification-icon {
3228 list-style-image: url("chrome://mozapps/skin/passwordmgr/key-16.png");
acb0e9b8 3229}
3230
8d7ef0d9 3231#webapps-notification-icon {
87a1144f 3232 list-style-image: url("chrome://gobal/skin/icons/webapps-16.png");
8d7ef0d9
RK		 3233}
3234
a40f6a79 3235#plugins-notification-icon {
b27cc46e
RK		 3236 list-style-image: url("chrome://browser/skin/notification-pluginNormal.png");
3237}
3238
f76c6aee 3239#plugins-notification-icon.plugin-hidden {
b27cc46e 3240 list-style-image: url("chrome://browser/skin/notification-pluginAlert.png");
a40f6a79
RK		 3241}
3242
f76c6aee 3243#plugins-notification-icon.plugin-blocked {
b27cc46e 3244 list-style-image: url("chrome://browser/skin/notification-pluginBlocked.png");
990cba4b
RK		 3245}
3246
f76c6aee 3247#plugins-notification-icon {
fe524e0c
RK		 3248/* -moz-image-region: rect(0, 16px, 16px, 0);*/
3249}
3250
f76c6aee 3251#plugins-notification-icon:hover {
fe524e0c
RK		 3252/* -moz-image-region: rect(0, 32px, 16px, 16px);*/
3253}
3254
a6757852
RK		 3255#plugin-install-notification-icon {
3256 list-style-image: url("chrome://browser/skin/pluginInstall-16.png");
3257}
3258
6adbc9a6
RK		 3259#notification-popup-box[hidden] {
3260 /* Override display:none to make the pluginBlockedNotification animation work
3261 when showing the notification repeatedly. */
3262 display: -moz-box;
3263 visibility: collapse;
3264}
3265
f76c6aee 3266#plugins-notification-icon.plugin-blocked[showing] {
990cba4b
RK		 3267 animation: pluginBlockedNotification 500ms ease 0s 5 alternate both;
3268}
3269
3270@keyframes pluginBlockedNotification {
3271 from {
3272 opacity: 0;
3273 }
3274 to {
3275 opacity: 1;
3276 }
3277}
3278
e2734cc7 3279.mixed-content-blocked-notification-icon,
56ab361a
RK		 3280#mixed-content-blocked-notification-icon {
3281 list-style-image: url("chrome://browser/skin/mixed-content-blocked-16.png");
3282}
3283
e2734cc7 3284.webRTC-shareDevices-notification-icon,
0142a07b 3285#webRTC-shareDevices-notification-icon {
7bc075b6
RK		 3286 list-style-image: url("chrome://browser/skin/webRTC-shareDevice-16.png");
3287}
3288
e2734cc7 3289.webRTC-sharingDevices-notification-icon,
6adbc9a6
RK		 3290#webRTC-sharingDevices-notification-icon {
3291 list-style-image: url("chrome://browser/skin/webRTC-sharingDevice-16.png");
3292}
3293
e2734cc7 3294.web-notifications-notification-icon,
82b4252f
RK		 3295#web-notifications-notification-icon {
3296 list-style-image: url("chrome://browser/skin/notification-16.png");
3297}
3298
3299#pointerLock-notification-icon {
3300 list-style-image: url("chrome://browser/skin/pointerLock-16.png");
3301}
3302#pointerLock-cancel {
3303 margin: 0px;
3304}
3305
319c6529 3306#download-monitor {
a736ce46 3307 list-style-image: url("chrome://browser/skin/FxToolbar.png");
319c6529 3308 -moz-image-region: rect(0, 108px, 18px, 90px);
acb0e9b8 3309}
3310
319c6529
RK		 3311/* Bookmarks roots menu-items */
3312#appmenu_subscribeToPage:not([disabled]),
3313#appmenu_subscribeToPageMenu,
3314#subscribeToPageMenuitem:not([disabled]),
3315#subscribeToPageMenupopup,
3316#BMB_subscribeToPageMenuitem:not([disabled]),
3317#BMB_subscribeToPageMenupopup {
3318 list-style-image: url("chrome://browser/skin/feeds/feedIcon16.png");
613daf44 3319}
3320
319c6529
RK		 3321#bookmarksToolbarFolderMenu,
3322#appmenu_bookmarksToolbar,
3323#BMB_bookmarksToolbar {
8da9da4e 3324 list-style-image: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png");
319c6529
RK		 3325 -moz-image-region: auto;
3326}
acb0e9b8 3327
319c6529
RK		 3328#appmenu_unsortedBookmarks,
3329#BMB_unsortedBookmarks {
8da9da4e 3330 list-style-image: url("chrome://communicator/skin/bookmarks/unsortedBookmarks.png");
319c6529 3331 -moz-image-region: auto;
acb0e9b8 3332}
3333
319c6529 3334/* ::::: Keyboard UI Panel ::::: */
acb0e9b8 3335
319c6529
RK		 3336.KUI-panel {
3337 color: #FF9F00;
3338 border-style: none;
3339 border-radius: 20px;
acb0e9b8 3340}
3341
319c6529
RK		 3342.KUI-panel[level="top"] {
3343 /*background-color: rgba(27%,27%,27%,.65);*/
acb0e9b8 3344}
3345
319c6529
RK		 3346/* Ctrl-Tab */
3347
3348#ctrlTab-panel {
3349 padding: 20px 10px 10px;
3350 font-weight: bold;
acb0e9b8 3351}
3352
319c6529
RK		 3353.ctrlTab-favicon[src] {
3354 background-color: #000000;
3355 width: 20px;
3356 height: 20px;
3357 padding: 2px;
3358}
acb0e9b8 3359
319c6529 3360.ctrlTab-preview-inner > .tabPreview-canvas {
acb0e9b8 3361}
3362
319c6529
RK		 3363.ctrlTab-preview:not(#ctrlTab-showAll) > * > .ctrlTab-preview-inner > .tabPreview-canvas {
3364 margin-bottom: 2px;
acb0e9b8 3365}
3366
319c6529
RK		 3367.ctrlTab-preview-inner {
3368 padding-bottom: 10px;
acb0e9b8 3369}
3370
319c6529
RK		 3371#ctrlTab-showAll:not(:focus) > * > .ctrlTab-preview-inner {
3372 padding: 10px;
3373 background-color: #000000;
3374 border-radius: .5em;
acb0e9b8 3375}
3376
319c6529
RK		 3377.ctrlTab-preview:focus > * > .ctrlTab-preview-inner {
3378 color: white;
3379 background-color: #000000;
3380 text-shadow: none;
3381 padding: 8px;
3382 border: 2px solid #9C9CFF;
3383 border-radius: .5em;
acb0e9b8 3384}
3385
319c6529
RK		 3386.ctrlTab-preview:not(#ctrlTab-showAll):focus > * > .ctrlTab-preview-inner {
3387 margin: -10px -10px 0;
acb0e9b8 3388}
3389
319c6529
RK		 3390#ctrlTab-showAll {
3391 margin-top: .5em;
acb0e9b8 3392}
3393
b36fc72e
RK		 3394/* Add-on bar */
3395
3396#addon-bar {
3397 min-height: 20px;
3398 border-top: 3px solid #000000;
3e6e0e5c 3399 border-bottom-width: 0;
b36fc72e
RK		 3400}
3401
3402#addon-bar .toolbar-holder {
3403 background-color: #8050B0;
3404 color: #FFCF00;
3405}
3406
3407#addon-bar .toolbar-holder {
3408 background-color: #8050B0;
3409 color: #FFCF00;
3410}
3411
3412#addon-bar .toolbar-startcap,
3413#addon-bar .toolbar-endcap{
3414 background-color: #6000CF;
3415}
3416
319c6529 3417#status-bar {
b36fc72e 3418 -moz-binding: url("chrome://global/content/bindings/general.xml#statusbar");
319c6529
RK		 3419 margin-top: .3em;
3420 border-width: 0;
613daf44 3421}
3422
e0c47e26
RK		 3423#addon-bar[customizing] > #status-bar {
3424 opacity: .5;
3425/* background-image: -moz-repeating-linear-gradient(-45deg,
3426 rgba(255,255,255,.3), rgba(255,255,255,.3) 5px,
3427 rgba(0,0,0,.3) 5px, rgba(0,0,0,.3) 10px);*/
3428}
3429
319c6529
RK		 3430/* Remove all borders from statusbarpanel children of
3431 the statusbar.
3432#status-bar > statusbarpanel {
3433 border-width: 0;
3434} */
3435
319c6529
RK		 3436#addonbar-closebutton {
3437 border: none;
3438 padding: 3px 5px;
3439 list-style-image: url("chrome://global/skin/icons/close-button.gif");
613daf44 3440}
3441
319c6529
RK		 3442#addonbar-closebutton:hover,
3443#addonbar-closebutton:hover:active {
3444 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
613daf44 3445}
9abeb12c
RK		 3446
3447/* Status panel */
3448
3449.statuspanel-label {
3450 margin: 0;
3451 padding: 2px 4px;
38cfeb47 3452 background: #404000;
9abeb12c
RK		 3453 border: 1px none #9C9CFF;
3454 border-top-style: solid;
3455 color: #FF9F00;
3456 text-shadow: none;
3457}
3458
3459.statuspanel-label:-moz-locale-dir(ltr):not([mirror]),
3460.statuspanel-label:-moz-locale-dir(rtl)[mirror] {
3461 border-right-style: solid;
3462 border-top-right-radius: .3em;
3463 margin-right: 1em;
3464}
3465
3466.statuspanel-label:-moz-locale-dir(rtl):not([mirror]),
3467.statuspanel-label:-moz-locale-dir(ltr)[mirror] {
3468 border-left-style: solid;
3469 border-top-left-radius: .3em;
3470 margin-left: 1em;
3471}
3e6e0e5c
RK		 3472
3473/* HACK to abolish devily color on main content */
3474
3475#content {
3476 background-color: transparent !important;
3477}
dce90fef 3478
7600e0b1
RK		 3479/* === BEGIN highlighter.inc.css === */
3480
dce90fef
RK		 3481/* Highlighter */
3482
0142a07b 3483.highlighter-outline {
fcfb76ce
RK		 3484 box-shadow: 0 0 0 1px black;
3485 outline: 1px dashed white;
dce90fef
RK		 3486}
3487
0142a07b 3488.highlighter-outline[locked] {
fcfb76ce
RK		 3489 box-shadow: 0 0 0 1px rgba(0,0,0,0.3);
3490 outline-color: rgba(255,255,255,0.7);
dce90fef 3491}
4c765db1 3492
8ad8bf83
RK		 3493/* Highlighter - Node Infobar */
3494
0142a07b 3495.highlighter-nodeinfobar {
a40f6a79 3496 color: #FF9F00;
a40f6a79
RK		 3497 border-radius: 3px;
3498 background-color: #000000;
3499 background-clip: padding-box;
3500}
3501
8ad8bf83
RK		 3502/* Highlighter - Node Infobar - text */
3503
0142a07b 3504.highlighter-nodeinfobar-text {
a40f6a79 3505 /* 100% - size of the buttons and margins */
c29b709d 3506 max-width: calc(100% - 2 * (26px + 6px));
a40f6a79
RK		 3507 padding-bottom: 1px;
3508}
3509
0142a07b 3510html|*.highlighter-nodeinfobar-tagname {
8ad8bf83
RK		 3511 color: #FFCF00;
3512}
3513
0142a07b 3514html|*.highlighter-nodeinfobar-id {
8ad8bf83
RK		 3515 color: #9C9CFF;
3516}
3517
0142a07b 3518html|*.highlighter-nodeinfobar-pseudo-classes {
eec397be 3519 color: #FF9F00;
8ad8bf83
RK		 3520}
3521
a40f6a79
RK		 3522/* Highlighter - Node Infobar - buttons */
3523
3524.highlighter-nodeinfobar-button {
6568957a 3525 border-width: 0;
a40f6a79
RK		 3526 padding: 0;
3527 width: 26px;
3528 min-height: 26px;
3529}
3530
0142a07b 3531.highlighter-nodeinfobar-inspectbutton {
a40f6a79
RK		 3532 list-style-image: url("chrome://browser/skin/devtools/inspect-button.png");
3533 -moz-image-region: rect(0px 16px 16px 0px);
3534 -moz-margin-start: 0px;
3535 -moz-margin-end: 2px;
3536}
3537
0142a07b
RK		 3538.highlighter-nodeinfobar-inspectbutton:hover,
3539.highlighter-nodeinfobar-inspectbutton:hover:active/*,
3540.highlighter-nodeinfobar-container:not([locked]) > .highlighter-nodeinfobar > .highlighter-nodeinfobar-inspectbutton*/ {
a40f6a79
RK		 3541 -moz-image-region: rect(0px 32px 16px 16px);
3542}
3543
0142a07b 3544.highlighter-nodeinfobar-menu {
a40f6a79
RK		 3545}
3546
0142a07b 3547.highlighter-nodeinfobar-menu > .toolbarbutton-menu-dropmarker {
a40f6a79
RK		 3548 -moz-box-align: center;
3549 -moz-margin-start: -1px;
3550}
3551
3552/* Highlighter - Node Infobar - box & arrow */
3553
8ad8bf83
RK		 3554.highlighter-nodeinfobar-arrow {
3555 width: 14px;
3556 height: 14px;
c29b709d 3557 -moz-margin-start: calc(50% - 7px);
71a617ff 3558 transform: rotate(-45deg);
8ad8bf83
RK		 3559 background-clip: padding-box;
3560 background-repeat: no-repeat;
3561}
3562
0142a07b 3563.highlighter-nodeinfobar-arrow-top {
8ad8bf83
RK		 3564 margin-bottom: -8px;
3565 margin-top: 8px;
fcaeefc2 3566 background-image: linear-gradient(to bottom left, transparent 50%, rgb(0, 132, 132) 50%);
8ad8bf83
RK		 3567}
3568
0142a07b 3569.highlighter-nodeinfobar-arrow-bottom {
8ad8bf83
RK		 3570 margin-top: -8px;
3571 margin-bottom: 8px;
fcaeefc2 3572 background-image: linear-gradient(to top right, transparent 50%, rgb(0, 132, 132) 50%);
8ad8bf83
RK		 3573}
3574
0142a07b 3575.highlighter-nodeinfobar-container[hide-arrow] > .highlighter-nodeinfobar {
8ad8bf83
RK		 3576 margin: 7px 0;
3577}
3578
7600e0b1
RK		 3579/* === END highlighter.inc.css === */
3580
8ad8bf83
RK		 3581#full-screen-warning-message {
3582 background-color: #000000;
3583 color: #FF9F00;
8ad8bf83
RK		 3584 border-radius: 8px;
3585 margin-top: 30px;
3586 padding: 30px 50px;
3587 box-shadow: 0 0 2px #9C9CFF;
3588}
3589
3590#full-screen-warning-container[obscure-browser] {
85cfb236
RK		 3591 background-color: rgba(0,0,0,0.3);
3592}
3593
3594.full-screen-description {
3595 font-size: 150%;
3596}
3597
3598#full-screen-domain-text {
3599 font-size: 300%;
8ad8bf83
RK		 3600}
3601
85cfb236
RK		 3602.full-screen-approval-button,
3603#full-screen-remember-decision {
3604 font-size: 120%;
8ad8bf83
RK		 3605}
3606
b27cc46e
RK		 3607/* === BEGIN commandline.inc.css === */
3608
3609/* Developer toolbar */
3610
3611#developer-toolbar {
3612 border-top: 3px solid #000000;
3613 border-bottom: none;
3614}
3615
3616#developer-toolbar .toolbar-holder {
3617 background-color: #8050B0;
3618 color: #FFCF00;
3619}
3620
3621#developer-toolbar .toolbar-holder {
3622 background-color: #8050B0;
3623 color: #FFCF00;
3624}
3625
3626#developer-toolbar .toolbar-startcap,
3627#developer-toolbar .toolbar-endcap{
3628 background-color: #6000CF;
3629}
3630
3631#developer-toolbar {
3632/* padding: 0;
3633 min-height: 32px; */
3634}
3635
3636.developer-toolbar-button {
3637/* margin: 0;
3638 padding: 0 10px;
3639 width: 32px; */
3640}
3641
3642.developer-toolbar-button > image {
3643/* margin: auto 10px; */
3644}
3645
fe524e0c
RK		 3646#developer-toolbar-toolbox-button > label {
3647 display: none;
3648}
3649
b27cc46e
RK		 3650#developer-toolbar-toolbox-button {
3651 list-style-image: url("chrome://browser/skin/devtools/toggle-tools.png");
3652 -moz-image-region: rect(0px, 16px, 16px, 0px);
3653}
3654
3655#developer-toolbar-toolbox-button > label {
3656 display: none;
3657}
3658
3659#developer-toolbar-toolbox-button:hover,
3660#developer-toolbar-toolbox-button:hover:active,
3661#developer-toolbar-toolbox-button[checked=true] {
3662 -moz-image-region: rect(0px, 32px, 16px, 16px);
3663}
3664
3665/* GCLI */
3666
37953ab4
RK		 3667html|*#gcli-tooltip-frame,
3668html|*#gcli-output-frame {
85cfb236 3669 padding: 0;
37953ab4
RK		 3670 border-width: 0;
3671 background-color: transparent;
3672}
3673
3674#gcli-output,
3675#gcli-tooltip {
3676 border-width: 0;
3677 background-color: transparent;
85cfb236
RK		 3678}
3679
3680.gclitoolbar-input-node,
b27cc46e 3681.gclitoolbar-complete-node {
37953ab4
RK		 3682 margin: 1px 3px;
3683 -moz-box-align: center;
3684 padding-top: 0;
3685 padding-bottom: 0;
b27cc46e 3686 padding-right: 8px;
37953ab4 3687 background-color: transparent;
85cfb236
RK		 3688}
3689
3690.gclitoolbar-input-node {
37953ab4 3691 padding-left: 20px;
b27cc46e
RK		 3692/* line-height: 32px;
3693 outline-style: none; */
3694 background-image: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 16, 16, 0);
3695}
3696
3697.gclitoolbar-input-node[focused="true"] {
3698 background-image: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 32, 16, 16);
37953ab4
RK		 3699}
3700
3701.gclitoolbar-input-node:not([focused="true"]) {
3702 border-color: transparent;
85cfb236
RK		 3703}
3704
7bc075b6
RK		 3705.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection {
3706 background-color: #008484;
3707 color: #000000;
3708 text-shadow: none;
3709}
3710
85cfb236 3711.gclitoolbar-complete-node {
37953ab4 3712 padding-left: 21px;
85cfb236
RK		 3713 background-color: transparent;
3714 color: transparent;
b27cc46e
RK		 3715 z-index: 100;
3716 pointer-events: none;
85cfb236
RK		 3717}
3718
85cfb236
RK		 3719.gcli-in-incomplete,
3720.gcli-in-error,
3721.gcli-in-ontab,
3722.gcli-in-todo,
3723.gcli-in-closebrace,
3724.gcli-in-param,
3725.gcli-in-valid {
3726 margin: 0;
3727 padding: 0;
3728}
3729
3730.gcli-in-incomplete {
3731 border-bottom: 2px dotted #8050B0;
3732}
3733
3734.gcli-in-error {
3735 border-bottom: 2px dotted #FF0000;
3736}
3737
3738.gcli-in-ontab {
3739 color: #9C9CFF;
3740}
3741
3742.gcli-in-todo {
3743 color: #795900;
3744}
3745
3746.gcli-in-closebrace {
3747 color: #8050B0;
3748}
3749
b27cc46e
RK		 3750/* === END commandline.inc.css === */
3751
fe524e0c
RK		 3752/* === BEGIN responsivedesign.inc.css === */
3753
37953ab4 3754/* Responsive Mode */
85cfb236 3755
7bc075b6
RK		 3756.browserContainer[responsivemode] {
3757 background: #221500 url("chrome://browser/skin/devtools/responsive-background.png");
37953ab4
RK		 3758 padding: 0 20px 20px 20px;
3759}
3760
7bc075b6 3761.browserStack[responsivemode] {
37953ab4
RK		 3762 box-shadow: 0 0 7px #9C9CFF;
3763}
3764
3765.devtools-responsiveui-toolbar {
3766 background: transparent;
3767 margin: 10px 0;
3768 padding: 0;
3769 box-shadow: none;
3770 border-bottom-width: 0;
3771}
3772
3773.devtools-responsiveui-toolbar > menulist,
3774.devtools-responsiveui-toolbar > toolbarbutton {
3775 min-width: 22px;
fe524e0c 3776/* border-radius: 0; */
37953ab4
RK		 3777}
3778
3779.devtools-responsiveui-toolbar:-moz-locale-dir(ltr) > *:first-child,
3780.devtools-responsiveui-toolbar:-moz-locale-dir(rtl) > *:last-child {
fe524e0c
RK		 3781 margin-left: 3px;
3782}
3783
3784.devtools-responsiveui-close {
3785 list-style-image: url("chrome://browser/skin/devtools/close.png");
3786 -moz-image-region: rect(0px,16px,16px,0px);
3787}
3788
3789.devtools-responsiveui-close:hover {
3790 -moz-image-region: rect(0px,32px,16px,16px);
3791}
3792
3793.devtools-responsiveui-rotate {
3794 list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate.png");
3795 -moz-image-region: rect(0px,16px,16px,0px);
3796}
3797
3798.devtools-responsiveui-rotate:hover {
3799 -moz-image-region: rect(0px,32px,16px,16px);
3800}
3801
3802.devtools-responsiveui-touch {
3803 list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch.png");
3804 -moz-image-region: rect(0px,16px,16px,0px);
3805}
3806
3807.devtools-responsiveui-touch:hover,
3808.devtools-responsiveui-touch[checked],
3809.devtools-responsiveui-touch[checked]:hover {
3810 -moz-image-region: rect(0px,32px,16px,16px);
3811}
3812
3813.devtools-responsiveui-screenshot {
3814 list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot.png");
3815 -moz-image-region: rect(0px,16px,16px,0px);
3816}
3817
3818.devtools-responsiveui-screenshot:hover {
3819 -moz-image-region: rect(0px,32px,16px,16px);
37953ab4
RK		 3820}
3821
fe524e0c 3822.devtools-responsiveui-resizebarV {
37953ab4
RK		 3823 width: 7px;
3824 height: 24px;
3825 cursor: ew-resize;
71a617ff 3826 transform: translate(12px, -12px);
37953ab4
RK		 3827 background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png");
3828}
3829
fe524e0c
RK		 3830.devtools-responsiveui-resizebarH {
3831 width: 24px;
3832 height: 7px;
3833 cursor: ns-resize;
3834 transform: translate(-12px, 12px);
3835 background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer.png");
3836}
3837
37953ab4
RK		 3838.devtools-responsiveui-resizehandle {
3839 width: 16px;
3840 height: 16px;
3841 cursor: se-resize;
71a617ff 3842 transform: translate(12px, 12px);
37953ab4 3843 background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png");
8d7ef0d9 3844}
889649fd 3845
fe524e0c 3846/* === END responsivedesign.inc.css === */
fcaeefc2
RK		 3847
3848/* === including indicator.css is done at the start of the file === */
fe524e0c 3849
889649fd
RK		 3850/* Error counter */
3851
0142a07b 3852#developer-toolbar-toolbox-button[error-count]:before {
889649fd
RK		 3853 color: #000000;
3854 min-width: 16px;
3855 text-shadow: none;
3856 background-color: #FF0000;
3857 border-radius: 1px;
c29b709d 3858 -moz-margin-end: 5px;
c54ac991 3859}
e9c73590 3860
348c0499 3861/* Social toolbar item */
e9c73590 3862
0142a07b
RK		 3863#social-provider-button {
3864 -moz-image-region: rect(0, 16px, 16px, 0);
a6757852 3865 list-style-image: url("chrome://browser/skin/social/services-16.png");
0142a07b
RK		 3866}
3867
348c0499
RK		 3868#social-provider-button > .toolbarbutton-menu-dropmarker {
3869 display: none;
e9c73590
RK		 3870}
3871
82b4252f
RK		 3872.toolbarbutton-badge-container {
3873 margin: 0;
3874 padding: 0;
3875 position: relative;
e9c73590
RK		 3876}
3877
82b4252f 3878#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar .toolbarbutton-1 > .toolbarbutton-badge-container {
ed1a91c6 3879 padding: 2px 2px;
82b4252f
RK		 3880}
3881
3882.toolbarbutton-1 > .toolbarbutton-badge-container > .toolbar-icon {
3883 position: absolute;
3884 top: 2px;
3885 right: 2px;
3886}
3887
3888.toolbarbutton-badge-container > .toolbarbutton-icon[label]:not([label=""]) {
3889 -moz-margin-end: 0;
e9c73590
RK		 3890}
3891
82b4252f
RK		 3892.toolbarbutton-badge[badge=""] {
3893 display: none;
3894}
3895.toolbarbutton-badge[badge]:not([badge=""])::after {
6adbc9a6 3896 /* The |content| property is set in the content stylesheet. */
348c0499
RK		 3897 font-size: 9px;
3898 font-weight: bold;
3899 padding: 0 1px;
3900 color: #FF9F00;
3901 background-color: #000000;
3902 border: 1px solid #9C9CFF;
3903 border-radius: 2px;
6adbc9a6 3904 position: absolute;
82b4252f
RK		 3905 top: 0;
3906 right: 0;
3907}
3908
3909#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar *|* > .toolbarbutton-badge[badge]:not([badge=""])::after {
3910 top: 1px;
3911 right: 1px;
e9c73590
RK		 3912}
3913
82b4252f
RK		 3914.toolbarbutton-badge[badge]:not([badge=""]):-moz-locale-dir(rtl)::after {
3915 left: 0;
3916 right: auto;
e9c73590
RK		 3917}
3918
82b4252f
RK		 3919#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar *|* > .toolbarbutton-badge[badge]:not([badge=""]):-moz-locale-dir(rtl)::after {
3920 left: 1px;
6adbc9a6 3921 right: auto;
348c0499
RK		 3922}
3923
3924#social-notification-icon-mentions {
e9c73590 3925 background-color: #000000;
348c0499
RK		 3926 border-radius: 3px;
3927 -moz-margin-start: 2px;
e9c73590
RK		 3928}
3929
348c0499
RK		 3930#social-notification-icon-mentions:hover {
3931 background-color: #FFCF00;
3932}
3933
3934#social-notification-icon-mentions[open="true"] {
3935 background-color: #FF9F00;
e9c73590
RK		 3936}
3937
3938#social-sidebar-splitter {
3939 border: 0;
3940}
3941
ed1a91c6
RK		 3942.popup-notification-icon[popupid="servicesInstall"] {
3943 list-style-image: url("chrome://browser/skin/social/services-64.png");
3944}
3945#servicesInstall-notification-icon {
3946 list-style-image: url("chrome://browser/skin/social/services-16.png");
3947}
3948#social-undoactivation-button,
3949#servicesInstall-learnmore-link {
3950 -moz-margin-start: 0; /* override default label margin to match description margin */
3951}
3952
3953#socialActivatedNotification .popup-notification-button-container {
3954 margin-left: 6px;
3955}
3956
3957.social-activation-icon {
3958 width: auto;
3959 height: auto;
3960 max-height: 64px;
3961 max-width: 64px;
3962}
3963
3964#social-activation-message {
3965 max-width: 250px;
3966}
3967
3968#social-activation-message > label {
3969 margin: 0;
3970}
3971
e9c73590 3972/* social toolbar provider menu */
990cba4b 3973.social-statusarea-popup {
e9c73590
RK		 3974 margin-top: 0;
3975 margin-left: -12px;
3976 margin-right: -12px;
3977}
3978
990cba4b 3979.social-statusarea-user {
e9c73590
RK		 3980 border-bottom: 1px solid #9C9CFF;
3981 background-color: #000000;
3982 color: #FF9F00;
3983 position: relative;
348c0499 3984 cursor: pointer;
e9c73590
RK		 3985}
3986
990cba4b 3987.social-statusarea-user-portrait {
e9c73590
RK		 3988 width: 32px;
3989 height: 32px;
3990 border-radius: 2px;
3991 margin: 10px;
e9c73590
RK		 3992}
3993
990cba4b 3994.social-statusarea-loggedInStatus {
e9c73590
RK		 3995 background: transparent;
3996 border: none;
b8384c33 3997 color: #3333FF;
e9c73590
RK		 3998 min-width: 0;
3999 margin: 0 6px;
348c0499 4000 list-style-image: none;
e9c73590 4001}
90a244b7 4002
990cba4b 4003#social-statusarea-user[_moz-menuactive] > vbox > .social-statusarea-loggedInStatus {
e9c73590
RK		 4004 text-decoration: underline;
4005}
4006
348c0499
RK		 4007.social-panel > .panel-arrowcontainer > .panel-arrowcontent {
4008 padding: 0;
4009}
4010
348c0499
RK		 4011.social-panel-frame {
4012 border-radius: inherit;
4013}
e9c73590 4014
e7c8bab1
RK		 4015/* === BEGIN chat.inc.css === */
4016
e9c73590
RK		 4017.chat-status-icon {
4018 max-height: 16px;
4019 max-width: 16px;
4020 padding: 0;
4021}
4022
4023.chat-toolbarbutton {
4024 -moz-appearance: none;
4025 border: none;
4026 padding: 0;
4027 margin: 0;
4028 background: none;
b27cc46e 4029 width: 16px;
e9c73590
RK		 4030}
4031
4032.chat-toolbarbutton > .toolbarbutton-text {
4033 display: none;
4034}
4035
b27cc46e
RK		 4036.chat-toolbarbutton > .toolbarbutton-icon {
4037 width: inherit;
4038}
4039
e7c8bab1
RK		 4040.chat-toolbarbutton.notification-anchor-icon > .toolbarbutton-icon {
4041 width: inherit;
4042 margin-top: -2px;
4043}
4044
e9c73590 4045.chat-close-button {
e2734cc7 4046 list-style-image: url('chrome://browser/skin/social/chat-icons.png');
b27cc46e 4047 -moz-image-region: rect(0, 16px, 16px, 0);
e9c73590
RK		 4048}
4049
4050.chat-close-button:hover,
4051.chat-close-button:hover:active {
b27cc46e 4052 -moz-image-region: rect(0, 32px, 16px, 16px);
e9c73590
RK		 4053}
4054
e2734cc7
RK		 4055.chat-minimize-button {
4056 list-style-image: url('chrome://browser/skin/social/chat-icons.png');
b27cc46e 4057 -moz-image-region: rect(16px, 16px, 32px, 0);
e2734cc7
RK		 4058}
4059
4060.chat-minimize-button:hover:active,
4061.chat-minimize-button:hover {
b27cc46e 4062 -moz-image-region: rect(16px, 32px, 32px, 16px);
e2734cc7
RK		 4063}
4064
4065.chat-swap-button {
4066 list-style-image: url('chrome://browser/skin/social/chat-icons.png');
b27cc46e 4067 -moz-image-region: rect(48px, 16px, 64px, 0);
e2734cc7
RK		 4068}
4069
4070.chat-swap-button:hover:active,
4071.chat-swap-button:hover {
b27cc46e 4072 -moz-image-region: rect(48px, 32px, 64px, 16px);
e2734cc7
RK		 4073}
4074
4075chatbar > chatbox > .chat-titlebar > .chat-swap-button {
4076 list-style-image: url('chrome://browser/skin/social/chat-icons.png');
b27cc46e 4077 -moz-image-region: rect(32px, 16px, 48px, 0);
e2734cc7
RK		 4078}
4079
4080chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover:active,
4081chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover {
b27cc46e 4082 -moz-image-region: rect(32px, 32px, 48px, 16px);
e2734cc7
RK		 4083}
4084
e9c73590
RK		 4085.chat-title {
4086 font-weight: bold;
4087 font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
90a244b7 4088 text-shadow: none;
348c0499 4089 cursor: inherit;
e9c73590
RK		 4090}
4091
4092.chat-titlebar {
4093 background-color: #9C9CFF;
4094 color: #000000;
4095 height: 20px;
fcfb76ce 4096 min-height: 16px;
e9c73590
RK		 4097 width: 100%;
4098 margin: 0;
4099 padding: 2px;
348c0499 4100 -moz-padding-start: 6px;
e9c73590
RK		 4101 border: none;
4102 border-bottom: 1px solid #008484;
348c0499 4103 cursor: pointer;
e9c73590
RK		 4104}
4105
e2734cc7
RK		 4106.chat-titlebar > .notification-anchor-icon {
4107 margin-left: 2px;
4108 margin-right: 2px;
4109}
4110
e9c73590
RK		 4111.chat-titlebar[minimized="true"] {
4112 border-bottom: none;
4113}
4114
348c0499
RK		 4115.chat-titlebar[selected] {
4116 background-color: #008484;
4117}
4118
4119.chat-titlebar[activity] {
4120 background-color: #E7ADE7;
4121}
4122
e9c73590
RK		 4123.chat-frame {
4124 padding: 0;
4125 margin: 0;
4126 overflow: hidden;
4127}
4128
4129.chatbar-button {
ed1a91c6 4130 list-style-image: url("chrome://browser/skin/social/services-16.png");
e9c73590
RK		 4131 background-color: #000000;
4132 border: none;
4133 margin: 0;
4134 padding: 2px;
4135 height: 21px;
4136 width: 21px;
4137 border-top: 1px solid #008484;
4138 -moz-border-end: 1px solid #008484;
4139}
4140
ed1a91c6
RK		 4141@media (min-resolution: 2dppx) {
4142 .chatbar-button {
4143 list-style-image: url("chrome://browser/skin/social/services-16@2x.png");
4144 }
4145}
4146
fe524e0c
RK		 4147.chatbar-button > .toolbarbutton-icon {
4148 width: 16px;
4149}
4150
d7cfd768
RK		 4151.chatbar-button > menupopup > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
4152 width: auto;
4153 height: auto;
e9c73590
RK		 4154 max-height: 16px;
4155 max-width: 16px;
e9c73590
RK		 4156}
4157
90a244b7
RK		 4158.chatbar-button > .toolbarbutton-icon {
4159 opacity: .6;
4160 -moz-margin-end: 0;
4161}
4162.chatbar-button:hover > .toolbarbutton-icon,
4163.chatbar-button[open="true"] > .toolbarbutton-icon {
4164 opacity: 1;
4165}
4166
a6757852 4167.chatbar-button:hover,
90a244b7 4168.chatbar-button[open="true"] {
e9c73590
RK		 4169}
4170
e9c73590
RK		 4171.chatbar-button > .toolbarbutton-text,
4172.chatbar-button > .toolbarbutton-menu-dropmarker {
4173 display: none;
4174}
4175
90a244b7 4176.chatbar-button[activity]:not([open="true"]) {
348c0499
RK		 4177 background-color: #E7ADE7;
4178}
4179
4180.chatbar-button > menupopup > menuitem[activity] {
4181 font-weight: bold;
4182}
4183
e9c73590
RK		 4184.chatbar-innerbox {
4185 background: transparent;
90a244b7 4186 margin: -285px 0 0;
e9c73590
RK		 4187 overflow: hidden;
4188}
4189
fcfb76ce
RK		 4190chatbar {
4191 -moz-margin-end: 20px;
4192}
4193
e9c73590 4194chatbar > chatbox {
fcfb76ce
RK		 4195 height: 285px;
4196 width: 260px;
4197 -moz-margin-start: 4px;
e9c73590
RK		 4198 background-color: #000000;
4199 border: 1px solid #9C9CFF;
4200 border-bottom: none;
90a244b7
RK		 4201 border-top-left-radius: 2.5px;
4202 border-top-right-radius: 2.5px;
e9c73590
RK		 4203}
4204
fcfb76ce
RK		 4205chatbox[minimized="true"] {
4206 width: 160px;
e9c73590 4207 height: 20px;
e9c73590 4208}
348c0499 4209
e2734cc7
RK		 4210window > chatbox {
4211 -moz-margin-start: 0px;
4212 margin: 0px;
4213 border: none;
4214 padding: 0px;
4215}
4216
e7c8bab1
RK		 4217/* === END chat.inc.css === */
4218
b27cc46e 4219/* === BEGIN plugin-doorhanger.inc.css === */
348c0499 4220
b27cc46e
RK		 4221/**
4222 * Plugin Doorhanger Styles
4223 */
348c0499 4224
b27cc46e 4225#notification-popup[popupid="click-to-play-plugins"] > .panel-arrowcontainer > .panel-arrowcontent {
1e32332f 4226 padding: 6px 1px 2px;
348c0499
RK		 4227}
4228
348c0499 4229.click-to-play-plugins-notification-center-box {
348c0499
RK		 4230}
4231
fe524e0c
RK		 4232.plugin-popupnotification-centeritem:nth-child(odd) {
4233/* background-color: rgba(0,0,0,0.1);*/
348c0499
RK		 4234}
4235
b27cc46e
RK		 4236.center-item-label {
4237 margin-bottom: 0;
4238 text-overflow: ellipsis;
348c0499
RK		 4239}
4240
b27cc46e
RK		 4241.center-item-warning-icon {
4242 background-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.png");
348c0499 4243 background-repeat: no-repeat;
348c0499 4244 width: 16px;
b27cc46e
RK		 4245 height: 15px;
4246 -moz-margin-start: 6px;
348c0499
RK		 4247}
4248
b27cc46e 4249.click-to-play-plugins-notification-button-container {
348c0499
RK		 4250}
4251
b27cc46e
RK		 4252.click-to-play-popup-button {
4253 width: 50%;
348c0499
RK		 4254}
4255
b27cc46e 4256.click-to-play-plugins-notification-description-box {
1e32332f
RK		 4257 margin-left: 5px;
4258 margin-right: 5px;
4259 margin-top: 0;
4260 padding-bottom: 3px;
348c0499
RK		 4261}
4262
b27cc46e 4263.click-to-play-plugins-outer-description {
1e32332f 4264 margin-top: 1px;
348c0499
RK		 4265}
4266
b27cc46e
RK		 4267.click-to-play-plugins-notification-link,
4268.center-item-link {
4269 margin: 0;
348c0499
RK		 4270}
4271
2c225fcb
RK		 4272.messageImage[value="plugin-hidden"] {
4273 list-style-image: url("chrome://browser/skin/notification-pluginNormal.png");
4274}
4275
4276/* Keep any changes to this style in sync with pluginProblem.css */
4277notification.pluginVulnerable {
4278}
4279
4280notification.pluginVulnerable .messageImage {
4281 list-style-image: url("chrome://browser/skin/notification-pluginBlocked.png");
4282}
4283
43cc2806
RK		 4284/* Customization mode */
4285
b27cc46e 4286/* === END plugin-doorhanger.inc.css === */
0142a07b
RK		 4287
4288#main-window[privatebrowsingmode=temporary] #toolbar-menubar {
4289 background-image: url("chrome://browser/skin/privatebrowsing-dark.png");
4290 background-position: top right;
4291 background-repeat: no-repeat;
4292}
4293
4294#main-window[privatebrowsingmode=temporary] #toolbar-menubar:-moz-locale-dir(rtl) {
4295 background-position: top left;
4296}
4297
6adbc9a6 4298#main-window[privatebrowsingmode=temporary] #appmenu-button > .button-box > .box-inherit > .button-icon {
0142a07b 4299 list-style-image: url("chrome://browser/skin/privatebrowsing-light.png");
6adbc9a6
RK		 4300 width: 20px;
4301 height: 16px;
0142a07b 4302}
43cc2806
RK		 4303
4304/* === BEGIN customizeMode.inc.css === */
4305
4306/* Customization mode */
4307#nav-bar[customize-entered] > #nav-bar-customization-target {
4308 margin: 1px 3px;
4309}
4310
4311#nav-bar[customize-entered] > #nav-bar-customization-target,
4312#PanelUI-contents > .panel-customization-placeholder {
4313 outline: 1px dashed transparent;
4314}
4315
4316#main-window[customizing-movingItem] #nav-bar-customization-target,
4317#main-window[customizing-movingItem] .panel-customization-placeholder {
4318 outline-color: #9C9CFF;
4319}
4320
4321#PanelUI-contents > .panel-customization-placeholder {
4322 cursor: auto;
4323 outline-offset: -5px;
4324}
4325
4326#main-window[customize-entered] .customization-target {
4327 min-width: 100px;
4328 padding-left: 10px;
4329 padding-right: 10px;
4330}
4331
4332#customization-container {
4333 background-color: #000000;
4334}
4335
4336#customization-palette-container {
4337 padding: 25px;
4338}
4339
4340#customization-header {
4341 font-size: 1.5em;
4342 line-height: 1.5em;
4343 color: #9C9CFF;
4344 font-weight: lighter;
4345 margin-bottom: 1em;
4346}
4347
4348#customization-panel-container {
4349 padding: 15px 25px 25px;
4350 background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png");
4351 background-position: left top;
4352 background-repeat: repeat;
4353 background-size: auto;
4354 background-attachment: fixed;
4355}
4356
4357toolbarpaletteitem {
4358 transition: background-color, border-color, box-shadow, border-width;
4359 transition-duration: 10ms, 10ms, 10ms, 250ms;
4360 transition-timing-function: linear, linear, linear, ease-in-out;
4361}
4362
4363toolbarpaletteitem[mousedown] {
4364 outline: 1px solid #008484;
4365 cursor: -moz-grabbing;
4366 opacity: 0.8;
4367}
4368
4369.panel-customization-placeholder,
4370toolbarpaletteitem[place="palette"],
4371toolbarpaletteitem[place="panel"] {
4372 transition: background-color, border-color, box-shadow, transform;
4373 transition-duration: 10ms, 10ms, 10ms, 250ms;
4374 transition-timing-function: linear, linear, linear, ease-in-out;
4375}
4376
4377toolbarpaletteitem[notransition][place="palette"],
4378toolbarpaletteitem[notransition][place="panel"] {
4379 transition: background-color, border-color, box-shadow;
4380 transition-duration: 10ms, 10ms, 10ms;
4381 transition-timing-function: linear, linear, linear;
4382}
4383
4384toolbarpaletteitem > toolbarbutton > .toolbarbutton-icon {
4385 transition: transform 50ms ease-in-out;
4386}
4387
4388toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-icon {
4389 transform: scale(1.1);
4390}
4391
4392/* Override the toolkit styling for items being dragged over. */
4393toolbarpaletteitem[place="toolbar"] {
4394 border-left-width: 0;
4395 border-right-width: 0;
4396 margin-right: 0;
4397 margin-left: 0;
4398}
4399
4400#customization-palette:not([hidden]) {
4401 margin-bottom: 25px;
4402}
4403
4404/* Remove |:-moz-any(#customization-palette, #panelUI-contents)| selector when Australis lands - this makes it only apply post-Australis as those elements only exist there */
4405#customization-palette > #wrapper-edit-controls,
4406:-moz-any(#customization-palette, #panelUI-contents) > #customization-palette > #wrapper-zoom-controls {
4407 width: 225px;
4408}
4409
4410#wrapper-edit-controls[place="palette"] > .toolbarpaletteitem-box,
4411#wrapper-zoom-controls[place="palette"] > .toolbarpaletteitem-box {
4412 width: 225px;
4413 max-width: 225px;
4414}
4415
4416#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton,
4417#wrapper-edit-controls[place="palette"] > #edit-controls > separator,
4418:-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton,
4419:-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > separator {
4420 margin-top: 24px;
4421}
4422
4423#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton,
4424:-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton {
4425 margin-left: 0;
4426 margin-right: 0;
4427 max-width: 70px;
4428 min-width: 70px;
4429 max-height: 24px;
4430 height: 24px;
4431}
4432
4433#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-text,
4434:-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > #zoom-reset-button > .toolbarbutton-text {
4435 display: inline;
4436}
4437
4438#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-icon,
4439:-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton > .toolbarbutton-icon {
4440 margin: 0;
4441 -moz-margin-start: 5px;
4442}
4443
4444#customization-palette > toolbarpaletteitem > label {
4445 text-align: center;
4446 margin-left: 0;
4447 margin-right: 0;
4448}
4449
4450/* === END customizeMode.inc.css === */
4451
4452#main-window[customizing] {
4453 background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png");
4454 background-attachment: fixed;
4455}
4456
4457#main-window:-moz-any([customize-entering],[customize-entered]) #tab-view-deck {
4458 padding: 0 2em 2em;
4459}
4460
4461#customization-container {
4462 border-left: 1px solid #9C9CFF;
4463 border-right: 1px solid #9C9CFF;
4464 background-clip: padding-box;
4465}
4466
4467/* End customization mode */
4468
4469#main-window[privatebrowsingmode=temporary] #TabsToolbar::after {
4470 content: "";
4471 display: -moz-box;
4472 width: 40px;
4473 background: url("chrome://browser/skin/privatebrowsing-indicator.png") no-repeat center center;
4474}
4475
4476/* === BEGIN UITour.inc.css === */
4477
4478/* UI Tour */
4479
4480html|div#UITourHighlight {
4481 border-radius: 20px;
4482 border: 2px #9C9CFF solid;
4483 min-height: 32px;
4484 min-width: 32px;
4485}
4486
4487#UITourTooltip {
4488 max-width: 20em;
4489}
4490
4491#UITourTooltipTitle {
4492 font-size: 130%;
4493 font-weight: bold;
4494 margin: 0 0 5px 0;
4495}
4496
4497#UITourTooltipDescription {
4498 max-width: 20em;
4499}
4500
4501/* === END UITour.inc.css === */
KaiRo's SeaMonkey themes