projects / themes.git / blame
? search:
summary | shortlog | log | commit | commitdiff | tree
blob | blame (incremental) | history | HEAD
second part of sync for LCARStrek with browser windows/shared theme changes in Firefo...
[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 {
3525 padding: 0;
3526 width: 26px;
3527 min-height: 26px;
3528}
3529
0142a07b 3530.highlighter-nodeinfobar-inspectbutton {
a40f6a79
RK		 3531 list-style-image: url("chrome://browser/skin/devtools/inspect-button.png");
3532 -moz-image-region: rect(0px 16px 16px 0px);
3533 -moz-margin-start: 0px;
3534 -moz-margin-end: 2px;
3535}
3536
0142a07b
RK		 3537.highlighter-nodeinfobar-inspectbutton:hover,
3538.highlighter-nodeinfobar-inspectbutton:hover:active/*,
3539.highlighter-nodeinfobar-container:not([locked]) > .highlighter-nodeinfobar > .highlighter-nodeinfobar-inspectbutton*/ {
a40f6a79
RK		 3540 -moz-image-region: rect(0px 32px 16px 16px);
3541}
3542
0142a07b 3543.highlighter-nodeinfobar-menu {
a40f6a79
RK		 3544}
3545
0142a07b 3546.highlighter-nodeinfobar-menu > .toolbarbutton-menu-dropmarker {
a40f6a79
RK		 3547 -moz-box-align: center;
3548 -moz-margin-start: -1px;
3549}
3550
3551/* Highlighter - Node Infobar - box & arrow */
3552
8ad8bf83
RK		 3553.highlighter-nodeinfobar-arrow {
3554 width: 14px;
3555 height: 14px;
c29b709d 3556 -moz-margin-start: calc(50% - 7px);
71a617ff 3557 transform: rotate(-45deg);
8ad8bf83
RK		 3558 background-clip: padding-box;
3559 background-repeat: no-repeat;
3560}
3561
0142a07b 3562.highlighter-nodeinfobar-arrow-top {
8ad8bf83
RK		 3563 margin-bottom: -8px;
3564 margin-top: 8px;
fcaeefc2 3565 background-image: linear-gradient(to bottom left, transparent 50%, rgb(0, 132, 132) 50%);
8ad8bf83
RK		 3566}
3567
0142a07b 3568.highlighter-nodeinfobar-arrow-bottom {
8ad8bf83
RK		 3569 margin-top: -8px;
3570 margin-bottom: 8px;
fcaeefc2 3571 background-image: linear-gradient(to top right, transparent 50%, rgb(0, 132, 132) 50%);
8ad8bf83
RK		 3572}
3573
0142a07b 3574.highlighter-nodeinfobar-container[hide-arrow] > .highlighter-nodeinfobar {
8ad8bf83
RK		 3575 margin: 7px 0;
3576}
3577
7600e0b1
RK		 3578/* === END highlighter.inc.css === */
3579
8ad8bf83
RK		 3580#full-screen-warning-message {
3581 background-color: #000000;
3582 color: #FF9F00;
8ad8bf83
RK		 3583 border-radius: 8px;
3584 margin-top: 30px;
3585 padding: 30px 50px;
3586 box-shadow: 0 0 2px #9C9CFF;
3587}
3588
3589#full-screen-warning-container[obscure-browser] {
85cfb236
RK		 3590 background-color: rgba(0,0,0,0.3);
3591}
3592
3593.full-screen-description {
3594 font-size: 150%;
3595}
3596
3597#full-screen-domain-text {
3598 font-size: 300%;
8ad8bf83
RK		 3599}
3600
85cfb236
RK		 3601.full-screen-approval-button,
3602#full-screen-remember-decision {
3603 font-size: 120%;
8ad8bf83
RK		 3604}
3605
b27cc46e
RK		 3606/* === BEGIN commandline.inc.css === */
3607
3608/* Developer toolbar */
3609
3610#developer-toolbar {
3611 border-top: 3px solid #000000;
3612 border-bottom: none;
3613}
3614
3615#developer-toolbar .toolbar-holder {
3616 background-color: #8050B0;
3617 color: #FFCF00;
3618}
3619
3620#developer-toolbar .toolbar-holder {
3621 background-color: #8050B0;
3622 color: #FFCF00;
3623}
3624
3625#developer-toolbar .toolbar-startcap,
3626#developer-toolbar .toolbar-endcap{
3627 background-color: #6000CF;
3628}
3629
3630#developer-toolbar {
3631/* padding: 0;
3632 min-height: 32px; */
3633}
3634
3635.developer-toolbar-button {
3636/* margin: 0;
3637 padding: 0 10px;
3638 width: 32px; */
3639}
3640
3641.developer-toolbar-button > image {
3642/* margin: auto 10px; */
3643}
3644
fe524e0c
RK		 3645#developer-toolbar-toolbox-button > label {
3646 display: none;
3647}
3648
b27cc46e
RK		 3649#developer-toolbar-toolbox-button {
3650 list-style-image: url("chrome://browser/skin/devtools/toggle-tools.png");
3651 -moz-image-region: rect(0px, 16px, 16px, 0px);
3652}
3653
3654#developer-toolbar-toolbox-button > label {
3655 display: none;
3656}
3657
3658#developer-toolbar-toolbox-button:hover,
3659#developer-toolbar-toolbox-button:hover:active,
3660#developer-toolbar-toolbox-button[checked=true] {
3661 -moz-image-region: rect(0px, 32px, 16px, 16px);
3662}
3663
3664/* GCLI */
3665
37953ab4
RK		 3666html|*#gcli-tooltip-frame,
3667html|*#gcli-output-frame {
85cfb236 3668 padding: 0;
37953ab4
RK		 3669 border-width: 0;
3670 background-color: transparent;
3671}
3672
3673#gcli-output,
3674#gcli-tooltip {
3675 border-width: 0;
3676 background-color: transparent;
85cfb236
RK		 3677}
3678
3679.gclitoolbar-input-node,
b27cc46e 3680.gclitoolbar-complete-node {
37953ab4
RK		 3681 margin: 1px 3px;
3682 -moz-box-align: center;
3683 padding-top: 0;
3684 padding-bottom: 0;
b27cc46e 3685 padding-right: 8px;
37953ab4 3686 background-color: transparent;
85cfb236
RK		 3687}
3688
3689.gclitoolbar-input-node {
37953ab4 3690 padding-left: 20px;
b27cc46e
RK		 3691/* line-height: 32px;
3692 outline-style: none; */
3693 background-image: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 16, 16, 0);
3694}
3695
3696.gclitoolbar-input-node[focused="true"] {
3697 background-image: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 32, 16, 16);
37953ab4
RK		 3698}
3699
3700.gclitoolbar-input-node:not([focused="true"]) {
3701 border-color: transparent;
85cfb236
RK		 3702}
3703
7bc075b6
RK		 3704.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection {
3705 background-color: #008484;
3706 color: #000000;
3707 text-shadow: none;
3708}
3709
85cfb236 3710.gclitoolbar-complete-node {
37953ab4 3711 padding-left: 21px;
85cfb236
RK		 3712 background-color: transparent;
3713 color: transparent;
b27cc46e
RK		 3714 z-index: 100;
3715 pointer-events: none;
85cfb236
RK		 3716}
3717
85cfb236
RK		 3718.gcli-in-incomplete,
3719.gcli-in-error,
3720.gcli-in-ontab,
3721.gcli-in-todo,
3722.gcli-in-closebrace,
3723.gcli-in-param,
3724.gcli-in-valid {
3725 margin: 0;
3726 padding: 0;
3727}
3728
3729.gcli-in-incomplete {
3730 border-bottom: 2px dotted #8050B0;
3731}
3732
3733.gcli-in-error {
3734 border-bottom: 2px dotted #FF0000;
3735}
3736
3737.gcli-in-ontab {
3738 color: #9C9CFF;
3739}
3740
3741.gcli-in-todo {
3742 color: #795900;
3743}
3744
3745.gcli-in-closebrace {
3746 color: #8050B0;
3747}
3748
b27cc46e
RK		 3749/* === END commandline.inc.css === */
3750
fe524e0c
RK		 3751/* === BEGIN responsivedesign.inc.css === */
3752
37953ab4 3753/* Responsive Mode */
85cfb236 3754
7bc075b6
RK		 3755.browserContainer[responsivemode] {
3756 background: #221500 url("chrome://browser/skin/devtools/responsive-background.png");
37953ab4
RK		 3757 padding: 0 20px 20px 20px;
3758}
3759
7bc075b6 3760.browserStack[responsivemode] {
37953ab4
RK		 3761 box-shadow: 0 0 7px #9C9CFF;
3762}
3763
3764.devtools-responsiveui-toolbar {
3765 background: transparent;
3766 margin: 10px 0;
3767 padding: 0;
3768 box-shadow: none;
3769 border-bottom-width: 0;
3770}
3771
3772.devtools-responsiveui-toolbar > menulist,
3773.devtools-responsiveui-toolbar > toolbarbutton {
3774 min-width: 22px;
fe524e0c 3775/* border-radius: 0; */
37953ab4
RK		 3776}
3777
3778.devtools-responsiveui-toolbar:-moz-locale-dir(ltr) > *:first-child,
3779.devtools-responsiveui-toolbar:-moz-locale-dir(rtl) > *:last-child {
fe524e0c
RK		 3780 margin-left: 3px;
3781}
3782
3783.devtools-responsiveui-close {
3784 list-style-image: url("chrome://browser/skin/devtools/close.png");
3785 -moz-image-region: rect(0px,16px,16px,0px);
3786}
3787
3788.devtools-responsiveui-close:hover {
3789 -moz-image-region: rect(0px,32px,16px,16px);
3790}
3791
3792.devtools-responsiveui-rotate {
3793 list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate.png");
3794 -moz-image-region: rect(0px,16px,16px,0px);
3795}
3796
3797.devtools-responsiveui-rotate:hover {
3798 -moz-image-region: rect(0px,32px,16px,16px);
3799}
3800
3801.devtools-responsiveui-touch {
3802 list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch.png");
3803 -moz-image-region: rect(0px,16px,16px,0px);
3804}
3805
3806.devtools-responsiveui-touch:hover,
3807.devtools-responsiveui-touch[checked],
3808.devtools-responsiveui-touch[checked]:hover {
3809 -moz-image-region: rect(0px,32px,16px,16px);
3810}
3811
3812.devtools-responsiveui-screenshot {
3813 list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot.png");
3814 -moz-image-region: rect(0px,16px,16px,0px);
3815}
3816
3817.devtools-responsiveui-screenshot:hover {
3818 -moz-image-region: rect(0px,32px,16px,16px);
37953ab4
RK		 3819}
3820
fe524e0c 3821.devtools-responsiveui-resizebarV {
37953ab4
RK		 3822 width: 7px;
3823 height: 24px;
3824 cursor: ew-resize;
71a617ff 3825 transform: translate(12px, -12px);
37953ab4
RK		 3826 background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png");
3827}
3828
fe524e0c
RK		 3829.devtools-responsiveui-resizebarH {
3830 width: 24px;
3831 height: 7px;
3832 cursor: ns-resize;
3833 transform: translate(-12px, 12px);
3834 background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer.png");
3835}
3836
37953ab4
RK		 3837.devtools-responsiveui-resizehandle {
3838 width: 16px;
3839 height: 16px;
3840 cursor: se-resize;
71a617ff 3841 transform: translate(12px, 12px);
37953ab4 3842 background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png");
8d7ef0d9 3843}
889649fd 3844
fe524e0c 3845/* === END responsivedesign.inc.css === */
fcaeefc2
RK		 3846
3847/* === including indicator.css is done at the start of the file === */
fe524e0c 3848
889649fd
RK		 3849/* Error counter */
3850
0142a07b 3851#developer-toolbar-toolbox-button[error-count]:before {
889649fd
RK		 3852 color: #000000;
3853 min-width: 16px;
3854 text-shadow: none;
3855 background-color: #FF0000;
3856 border-radius: 1px;
c29b709d 3857 -moz-margin-end: 5px;
c54ac991 3858}
e9c73590 3859
348c0499 3860/* Social toolbar item */
e9c73590 3861
0142a07b
RK		 3862#social-provider-button {
3863 -moz-image-region: rect(0, 16px, 16px, 0);
a6757852 3864 list-style-image: url("chrome://browser/skin/social/services-16.png");
0142a07b
RK		 3865}
3866
348c0499
RK		 3867#social-provider-button > .toolbarbutton-menu-dropmarker {
3868 display: none;
e9c73590
RK		 3869}
3870
82b4252f
RK		 3871.toolbarbutton-badge-container {
3872 margin: 0;
3873 padding: 0;
3874 position: relative;
e9c73590
RK		 3875}
3876
82b4252f 3877#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar .toolbarbutton-1 > .toolbarbutton-badge-container {
ed1a91c6 3878 padding: 2px 2px;
82b4252f
RK		 3879}
3880
3881.toolbarbutton-1 > .toolbarbutton-badge-container > .toolbar-icon {
3882 position: absolute;
3883 top: 2px;
3884 right: 2px;
3885}
3886
3887.toolbarbutton-badge-container > .toolbarbutton-icon[label]:not([label=""]) {
3888 -moz-margin-end: 0;
e9c73590
RK		 3889}
3890
82b4252f
RK		 3891.toolbarbutton-badge[badge=""] {
3892 display: none;
3893}
3894.toolbarbutton-badge[badge]:not([badge=""])::after {
6adbc9a6 3895 /* The |content| property is set in the content stylesheet. */
348c0499
RK		 3896 font-size: 9px;
3897 font-weight: bold;
3898 padding: 0 1px;
3899 color: #FF9F00;
3900 background-color: #000000;
3901 border: 1px solid #9C9CFF;
3902 border-radius: 2px;
6adbc9a6 3903 position: absolute;
82b4252f
RK		 3904 top: 0;
3905 right: 0;
3906}
3907
3908#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar *|* > .toolbarbutton-badge[badge]:not([badge=""])::after {
3909 top: 1px;
3910 right: 1px;
e9c73590
RK		 3911}
3912
82b4252f
RK		 3913.toolbarbutton-badge[badge]:not([badge=""]):-moz-locale-dir(rtl)::after {
3914 left: 0;
3915 right: auto;
e9c73590
RK		 3916}
3917
82b4252f
RK		 3918#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar *|* > .toolbarbutton-badge[badge]:not([badge=""]):-moz-locale-dir(rtl)::after {
3919 left: 1px;
6adbc9a6 3920 right: auto;
348c0499
RK		 3921}
3922
3923#social-notification-icon-mentions {
e9c73590 3924 background-color: #000000;
348c0499
RK		 3925 border-radius: 3px;
3926 -moz-margin-start: 2px;
e9c73590
RK		 3927}
3928
348c0499
RK		 3929#social-notification-icon-mentions:hover {
3930 background-color: #FFCF00;
3931}
3932
3933#social-notification-icon-mentions[open="true"] {
3934 background-color: #FF9F00;
e9c73590
RK		 3935}
3936
3937#social-sidebar-splitter {
3938 border: 0;
3939}
3940
ed1a91c6
RK		 3941.popup-notification-icon[popupid="servicesInstall"] {
3942 list-style-image: url("chrome://browser/skin/social/services-64.png");
3943}
3944#servicesInstall-notification-icon {
3945 list-style-image: url("chrome://browser/skin/social/services-16.png");
3946}
3947#social-undoactivation-button,
3948#servicesInstall-learnmore-link {
3949 -moz-margin-start: 0; /* override default label margin to match description margin */
3950}
3951
3952#socialActivatedNotification .popup-notification-button-container {
3953 margin-left: 6px;
3954}
3955
3956.social-activation-icon {
3957 width: auto;
3958 height: auto;
3959 max-height: 64px;
3960 max-width: 64px;
3961}
3962
3963#social-activation-message {
3964 max-width: 250px;
3965}
3966
3967#social-activation-message > label {
3968 margin: 0;
3969}
3970
e9c73590 3971/* social toolbar provider menu */
990cba4b 3972.social-statusarea-popup {
e9c73590
RK		 3973 margin-top: 0;
3974 margin-left: -12px;
3975 margin-right: -12px;
3976}
3977
990cba4b 3978.social-statusarea-user {
e9c73590
RK		 3979 border-bottom: 1px solid #9C9CFF;
3980 background-color: #000000;
3981 color: #FF9F00;
3982 position: relative;
348c0499 3983 cursor: pointer;
e9c73590
RK		 3984}
3985
990cba4b 3986.social-statusarea-user-portrait {
e9c73590
RK		 3987 width: 32px;
3988 height: 32px;
3989 border-radius: 2px;
3990 margin: 10px;
e9c73590
RK		 3991}
3992
990cba4b 3993.social-statusarea-loggedInStatus {
e9c73590
RK		 3994 background: transparent;
3995 border: none;
b8384c33 3996 color: #3333FF;
e9c73590
RK		 3997 min-width: 0;
3998 margin: 0 6px;
348c0499 3999 list-style-image: none;
e9c73590 4000}
90a244b7 4001
990cba4b 4002#social-statusarea-user[_moz-menuactive] > vbox > .social-statusarea-loggedInStatus {
e9c73590
RK		 4003 text-decoration: underline;
4004}
4005
348c0499
RK		 4006.social-panel > .panel-arrowcontainer > .panel-arrowcontent {
4007 padding: 0;
4008}
4009
348c0499
RK		 4010.social-panel-frame {
4011 border-radius: inherit;
4012}
e9c73590 4013
e7c8bab1
RK		 4014/* === BEGIN chat.inc.css === */
4015
e9c73590
RK		 4016.chat-status-icon {
4017 max-height: 16px;
4018 max-width: 16px;
4019 padding: 0;
4020}
4021
4022.chat-toolbarbutton {
4023 -moz-appearance: none;
4024 border: none;
4025 padding: 0;
4026 margin: 0;
4027 background: none;
b27cc46e 4028 width: 16px;
e9c73590
RK		 4029}
4030
4031.chat-toolbarbutton > .toolbarbutton-text {
4032 display: none;
4033}
4034
b27cc46e
RK		 4035.chat-toolbarbutton > .toolbarbutton-icon {
4036 width: inherit;
4037}
4038
e7c8bab1
RK		 4039.chat-toolbarbutton.notification-anchor-icon > .toolbarbutton-icon {
4040 width: inherit;
4041 margin-top: -2px;
4042}
4043
e9c73590 4044.chat-close-button {
e2734cc7 4045 list-style-image: url('chrome://browser/skin/social/chat-icons.png');
b27cc46e 4046 -moz-image-region: rect(0, 16px, 16px, 0);
e9c73590
RK		 4047}
4048
4049.chat-close-button:hover,
4050.chat-close-button:hover:active {
b27cc46e 4051 -moz-image-region: rect(0, 32px, 16px, 16px);
e9c73590
RK		 4052}
4053
e2734cc7
RK		 4054.chat-minimize-button {
4055 list-style-image: url('chrome://browser/skin/social/chat-icons.png');
b27cc46e 4056 -moz-image-region: rect(16px, 16px, 32px, 0);
e2734cc7
RK		 4057}
4058
4059.chat-minimize-button:hover:active,
4060.chat-minimize-button:hover {
b27cc46e 4061 -moz-image-region: rect(16px, 32px, 32px, 16px);
e2734cc7
RK		 4062}
4063
4064.chat-swap-button {
4065 list-style-image: url('chrome://browser/skin/social/chat-icons.png');
b27cc46e 4066 -moz-image-region: rect(48px, 16px, 64px, 0);
e2734cc7
RK		 4067}
4068
4069.chat-swap-button:hover:active,
4070.chat-swap-button:hover {
b27cc46e 4071 -moz-image-region: rect(48px, 32px, 64px, 16px);
e2734cc7
RK		 4072}
4073
4074chatbar > chatbox > .chat-titlebar > .chat-swap-button {
4075 list-style-image: url('chrome://browser/skin/social/chat-icons.png');
b27cc46e 4076 -moz-image-region: rect(32px, 16px, 48px, 0);
e2734cc7
RK		 4077}
4078
4079chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover:active,
4080chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover {
b27cc46e 4081 -moz-image-region: rect(32px, 32px, 48px, 16px);
e2734cc7
RK		 4082}
4083
e9c73590
RK		 4084.chat-title {
4085 font-weight: bold;
4086 font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
90a244b7 4087 text-shadow: none;
348c0499 4088 cursor: inherit;
e9c73590
RK		 4089}
4090
4091.chat-titlebar {
4092 background-color: #9C9CFF;
4093 color: #000000;
4094 height: 20px;
fcfb76ce 4095 min-height: 16px;
e9c73590
RK		 4096 width: 100%;
4097 margin: 0;
4098 padding: 2px;
348c0499 4099 -moz-padding-start: 6px;
e9c73590
RK		 4100 border: none;
4101 border-bottom: 1px solid #008484;
348c0499 4102 cursor: pointer;
e9c73590
RK		 4103}
4104
e2734cc7
RK		 4105.chat-titlebar > .notification-anchor-icon {
4106 margin-left: 2px;
4107 margin-right: 2px;
4108}
4109
e9c73590
RK		 4110.chat-titlebar[minimized="true"] {
4111 border-bottom: none;
4112}
4113
348c0499
RK		 4114.chat-titlebar[selected] {
4115 background-color: #008484;
4116}
4117
4118.chat-titlebar[activity] {
4119 background-color: #E7ADE7;
4120}
4121
e9c73590
RK		 4122.chat-frame {
4123 padding: 0;
4124 margin: 0;
4125 overflow: hidden;
4126}
4127
4128.chatbar-button {
ed1a91c6 4129 list-style-image: url("chrome://browser/skin/social/services-16.png");
e9c73590
RK		 4130 background-color: #000000;
4131 border: none;
4132 margin: 0;
4133 padding: 2px;
4134 height: 21px;
4135 width: 21px;
4136 border-top: 1px solid #008484;
4137 -moz-border-end: 1px solid #008484;
4138}
4139
ed1a91c6
RK		 4140@media (min-resolution: 2dppx) {
4141 .chatbar-button {
4142 list-style-image: url("chrome://browser/skin/social/services-16@2x.png");
4143 }
4144}
4145
fe524e0c
RK		 4146.chatbar-button > .toolbarbutton-icon {
4147 width: 16px;
4148}
4149
d7cfd768
RK		 4150.chatbar-button > menupopup > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
4151 width: auto;
4152 height: auto;
e9c73590
RK		 4153 max-height: 16px;
4154 max-width: 16px;
e9c73590
RK		 4155}
4156
90a244b7
RK		 4157.chatbar-button > .toolbarbutton-icon {
4158 opacity: .6;
4159 -moz-margin-end: 0;
4160}
4161.chatbar-button:hover > .toolbarbutton-icon,
4162.chatbar-button[open="true"] > .toolbarbutton-icon {
4163 opacity: 1;
4164}
4165
a6757852 4166.chatbar-button:hover,
90a244b7 4167.chatbar-button[open="true"] {
e9c73590
RK		 4168}
4169
e9c73590
RK		 4170.chatbar-button > .toolbarbutton-text,
4171.chatbar-button > .toolbarbutton-menu-dropmarker {
4172 display: none;
4173}
4174
90a244b7 4175.chatbar-button[activity]:not([open="true"]) {
348c0499
RK		 4176 background-color: #E7ADE7;
4177}
4178
4179.chatbar-button > menupopup > menuitem[activity] {
4180 font-weight: bold;
4181}
4182
e9c73590
RK		 4183.chatbar-innerbox {
4184 background: transparent;
90a244b7 4185 margin: -285px 0 0;
e9c73590
RK		 4186 overflow: hidden;
4187}
4188
fcfb76ce
RK		 4189chatbar {
4190 -moz-margin-end: 20px;
4191}
4192
e9c73590 4193chatbar > chatbox {
fcfb76ce
RK		 4194 height: 285px;
4195 width: 260px;
4196 -moz-margin-start: 4px;
e9c73590
RK		 4197 background-color: #000000;
4198 border: 1px solid #9C9CFF;
4199 border-bottom: none;
90a244b7
RK		 4200 border-top-left-radius: 2.5px;
4201 border-top-right-radius: 2.5px;
e9c73590
RK		 4202}
4203
fcfb76ce
RK		 4204chatbox[minimized="true"] {
4205 width: 160px;
e9c73590 4206 height: 20px;
e9c73590 4207}
348c0499 4208
e2734cc7
RK		 4209window > chatbox {
4210 -moz-margin-start: 0px;
4211 margin: 0px;
4212 border: none;
4213 padding: 0px;
4214}
4215
e7c8bab1
RK		 4216/* === END chat.inc.css === */
4217
b27cc46e 4218/* === BEGIN plugin-doorhanger.inc.css === */
348c0499 4219
b27cc46e
RK		 4220/**
4221 * Plugin Doorhanger Styles
4222 */
348c0499 4223
b27cc46e 4224#notification-popup[popupid="click-to-play-plugins"] > .panel-arrowcontainer > .panel-arrowcontent {
1e32332f 4225 padding: 6px 1px 2px;
348c0499
RK		 4226}
4227
348c0499 4228.click-to-play-plugins-notification-center-box {
348c0499
RK		 4229}
4230
fe524e0c
RK		 4231.plugin-popupnotification-centeritem:nth-child(odd) {
4232/* background-color: rgba(0,0,0,0.1);*/
348c0499
RK		 4233}
4234
b27cc46e
RK		 4235.center-item-label {
4236 margin-bottom: 0;
4237 text-overflow: ellipsis;
348c0499
RK		 4238}
4239
b27cc46e
RK		 4240.center-item-warning-icon {
4241 background-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.png");
348c0499 4242 background-repeat: no-repeat;
348c0499 4243 width: 16px;
b27cc46e
RK		 4244 height: 15px;
4245 -moz-margin-start: 6px;
348c0499
RK		 4246}
4247
b27cc46e 4248.click-to-play-plugins-notification-button-container {
348c0499
RK		 4249}
4250
b27cc46e
RK		 4251.click-to-play-popup-button {
4252 width: 50%;
348c0499
RK		 4253}
4254
b27cc46e 4255.click-to-play-plugins-notification-description-box {
1e32332f
RK		 4256 margin-left: 5px;
4257 margin-right: 5px;
4258 margin-top: 0;
4259 padding-bottom: 3px;
348c0499
RK		 4260}
4261
b27cc46e 4262.click-to-play-plugins-outer-description {
1e32332f 4263 margin-top: 1px;
348c0499
RK		 4264}
4265
b27cc46e
RK		 4266.click-to-play-plugins-notification-link,
4267.center-item-link {
4268 margin: 0;
348c0499
RK		 4269}
4270
2c225fcb
RK		 4271.messageImage[value="plugin-hidden"] {
4272 list-style-image: url("chrome://browser/skin/notification-pluginNormal.png");
4273}
4274
4275/* Keep any changes to this style in sync with pluginProblem.css */
4276notification.pluginVulnerable {
4277}
4278
4279notification.pluginVulnerable .messageImage {
4280 list-style-image: url("chrome://browser/skin/notification-pluginBlocked.png");
4281}
4282
43cc2806
RK		 4283/* Customization mode */
4284
b27cc46e 4285/* === END plugin-doorhanger.inc.css === */
0142a07b
RK		 4286
4287#main-window[privatebrowsingmode=temporary] #toolbar-menubar {
4288 background-image: url("chrome://browser/skin/privatebrowsing-dark.png");
4289 background-position: top right;
4290 background-repeat: no-repeat;
4291}
4292
4293#main-window[privatebrowsingmode=temporary] #toolbar-menubar:-moz-locale-dir(rtl) {
4294 background-position: top left;
4295}
4296
6adbc9a6 4297#main-window[privatebrowsingmode=temporary] #appmenu-button > .button-box > .box-inherit > .button-icon {
0142a07b 4298 list-style-image: url("chrome://browser/skin/privatebrowsing-light.png");
6adbc9a6
RK		 4299 width: 20px;
4300 height: 16px;
0142a07b 4301}
43cc2806
RK		 4302
4303/* === BEGIN customizeMode.inc.css === */
4304
4305/* Customization mode */
4306#nav-bar[customize-entered] > #nav-bar-customization-target {
4307 margin: 1px 3px;
4308}
4309
4310#nav-bar[customize-entered] > #nav-bar-customization-target,
4311#PanelUI-contents > .panel-customization-placeholder {
4312 outline: 1px dashed transparent;
4313}
4314
4315#main-window[customizing-movingItem] #nav-bar-customization-target,
4316#main-window[customizing-movingItem] .panel-customization-placeholder {
4317 outline-color: #9C9CFF;
4318}
4319
4320#PanelUI-contents > .panel-customization-placeholder {
4321 cursor: auto;
4322 outline-offset: -5px;
4323}
4324
4325#main-window[customize-entered] .customization-target {
4326 min-width: 100px;
4327 padding-left: 10px;
4328 padding-right: 10px;
4329}
4330
4331#customization-container {
4332 background-color: #000000;
4333}
4334
4335#customization-palette-container {
4336 padding: 25px;
4337}
4338
4339#customization-header {
4340 font-size: 1.5em;
4341 line-height: 1.5em;
4342 color: #9C9CFF;
4343 font-weight: lighter;
4344 margin-bottom: 1em;
4345}
4346
4347#customization-panel-container {
4348 padding: 15px 25px 25px;
4349 background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png");
4350 background-position: left top;
4351 background-repeat: repeat;
4352 background-size: auto;
4353 background-attachment: fixed;
4354}
4355
4356toolbarpaletteitem {
4357 transition: background-color, border-color, box-shadow, border-width;
4358 transition-duration: 10ms, 10ms, 10ms, 250ms;
4359 transition-timing-function: linear, linear, linear, ease-in-out;
4360}
4361
4362toolbarpaletteitem[mousedown] {
4363 outline: 1px solid #008484;
4364 cursor: -moz-grabbing;
4365 opacity: 0.8;
4366}
4367
4368.panel-customization-placeholder,
4369toolbarpaletteitem[place="palette"],
4370toolbarpaletteitem[place="panel"] {
4371 transition: background-color, border-color, box-shadow, transform;
4372 transition-duration: 10ms, 10ms, 10ms, 250ms;
4373 transition-timing-function: linear, linear, linear, ease-in-out;
4374}
4375
4376toolbarpaletteitem[notransition][place="palette"],
4377toolbarpaletteitem[notransition][place="panel"] {
4378 transition: background-color, border-color, box-shadow;
4379 transition-duration: 10ms, 10ms, 10ms;
4380 transition-timing-function: linear, linear, linear;
4381}
4382
4383toolbarpaletteitem > toolbarbutton > .toolbarbutton-icon {
4384 transition: transform 50ms ease-in-out;
4385}
4386
4387toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-icon {
4388 transform: scale(1.1);
4389}
4390
4391/* Override the toolkit styling for items being dragged over. */
4392toolbarpaletteitem[place="toolbar"] {
4393 border-left-width: 0;
4394 border-right-width: 0;
4395 margin-right: 0;
4396 margin-left: 0;
4397}
4398
4399#customization-palette:not([hidden]) {
4400 margin-bottom: 25px;
4401}
4402
4403/* Remove |:-moz-any(#customization-palette, #panelUI-contents)| selector when Australis lands - this makes it only apply post-Australis as those elements only exist there */
4404#customization-palette > #wrapper-edit-controls,
4405:-moz-any(#customization-palette, #panelUI-contents) > #customization-palette > #wrapper-zoom-controls {
4406 width: 225px;
4407}
4408
4409#wrapper-edit-controls[place="palette"] > .toolbarpaletteitem-box,
4410#wrapper-zoom-controls[place="palette"] > .toolbarpaletteitem-box {
4411 width: 225px;
4412 max-width: 225px;
4413}
4414
4415#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton,
4416#wrapper-edit-controls[place="palette"] > #edit-controls > separator,
4417:-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton,
4418:-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > separator {
4419 margin-top: 24px;
4420}
4421
4422#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton,
4423:-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton {
4424 margin-left: 0;
4425 margin-right: 0;
4426 max-width: 70px;
4427 min-width: 70px;
4428 max-height: 24px;
4429 height: 24px;
4430}
4431
4432#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-text,
4433:-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > #zoom-reset-button > .toolbarbutton-text {
4434 display: inline;
4435}
4436
4437#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-icon,
4438:-moz-any(#customization-palette, #panelUI-contents) > #wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton > .toolbarbutton-icon {
4439 margin: 0;
4440 -moz-margin-start: 5px;
4441}
4442
4443#customization-palette > toolbarpaletteitem > label {
4444 text-align: center;
4445 margin-left: 0;
4446 margin-right: 0;
4447}
4448
4449/* === END customizeMode.inc.css === */
4450
4451#main-window[customizing] {
4452 background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png");
4453 background-attachment: fixed;
4454}
4455
4456#main-window:-moz-any([customize-entering],[customize-entered]) #tab-view-deck {
4457 padding: 0 2em 2em;
4458}
4459
4460#customization-container {
4461 border-left: 1px solid #9C9CFF;
4462 border-right: 1px solid #9C9CFF;
4463 background-clip: padding-box;
4464}
4465
4466/* End customization mode */
4467
4468#main-window[privatebrowsingmode=temporary] #TabsToolbar::after {
4469 content: "";
4470 display: -moz-box;
4471 width: 40px;
4472 background: url("chrome://browser/skin/privatebrowsing-indicator.png") no-repeat center center;
4473}
4474
4475/* === BEGIN UITour.inc.css === */
4476
4477/* UI Tour */
4478
4479html|div#UITourHighlight {
4480 border-radius: 20px;
4481 border: 2px #9C9CFF solid;
4482 min-height: 32px;
4483 min-width: 32px;
4484}
4485
4486#UITourTooltip {
4487 max-width: 20em;
4488}
4489
4490#UITourTooltipTitle {
4491 font-size: 130%;
4492 font-weight: bold;
4493 margin: 0 0 5px 0;
4494}
4495
4496#UITourTooltipDescription {
4497 max-width: 20em;
4498}
4499
4500/* === END UITour.inc.css === */
KaiRo's SeaMonkey themes