michael@0: /* Menu panel and palette styles */
michael@0: 
michael@0: toolbaritem[sdkstylewidget="true"] > toolbarbutton,
michael@0: :-moz-any(@primaryToolbarButtons@)[cui-areatype="menu-panel"],
michael@0: toolbarpaletteitem[place="palette"] > :-moz-any(@primaryToolbarButtons@) {
michael@0:   list-style-image: url(chrome://browser/skin/menuPanel.png);
michael@0: }
michael@0: 
michael@0: #home-button[cui-areatype="menu-panel"],
michael@0: toolbarpaletteitem[place="palette"] > #home-button {
michael@0:   -moz-image-region: rect(0px, 128px, 32px, 96px);
michael@0: }
michael@0: 
michael@0: #bookmarks-menu-button[cui-areatype="menu-panel"],
michael@0: toolbarpaletteitem[place="palette"] > #bookmarks-menu-button {
michael@0:   -moz-image-region: rect(0px, 192px, 32px, 160px);
michael@0: }
michael@0: 
michael@0: #bookmarks-menu-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
michael@0:   -moz-image-region: rect(32px, 192px, 64px, 160px);
michael@0: }
michael@0: 
michael@0: #history-panelmenu[cui-areatype="menu-panel"],
michael@0: toolbarpaletteitem[place="palette"] > #history-panelmenu {
michael@0:   -moz-image-region: rect(0px, 224px, 32px, 192px);
michael@0: }
michael@0: 
michael@0: #history-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
michael@0:   -moz-image-region: rect(32px, 224px, 64px, 192px);
michael@0: }
michael@0: 
michael@0: #downloads-button[cui-areatype="menu-panel"],
michael@0: toolbarpaletteitem[place="palette"] > #downloads-button {
michael@0:   -moz-image-region: rect(0px, 256px, 32px, 224px);
michael@0: }
michael@0: 
michael@0: #add-ons-button[cui-areatype="menu-panel"],
michael@0: toolbarpaletteitem[place="palette"] > #add-ons-button {
michael@0:   -moz-image-region: rect(0px, 288px, 32px, 256px);
michael@0: }
michael@0: 
michael@0: #open-file-button[cui-areatype="menu-panel"],
michael@0: toolbarpaletteitem[place="palette"] > #open-file-button {
michael@0:   -moz-image-region: rect(0px, 320px, 32px, 288px);
michael@0: }
michael@0: 
michael@0: #save-page-button[cui-areatype="menu-panel"],
michael@0: toolbarpaletteitem[place="palette"] > #save-page-button {
michael@0:   -moz-image-region: rect(0px, 352px, 32px, 320px);
michael@0: }
michael@0: 
michael@0: #sync-button[cui-areatype="menu-panel"],
michael@0: toolbarpaletteitem[place="palette"] > #sync-button {
michael@0:   -moz-image-region: rect(0px, 384px, 32px, 352px);
michael@0: }
michael@0: 
michael@0: #sync-button[cui-areatype="menu-panel"][status="active"] {
michael@0:   list-style-image: url(chrome://browser/skin/syncProgress-menuPanel.png);
michael@0:   -moz-image-region: rect(0px, 32px, 32px, 0px);
michael@0: }
michael@0: 
michael@0: #feed-button[cui-areatype="menu-panel"],
michael@0: toolbarpaletteitem[place="palette"] > #feed-button {
michael@0:   -moz-image-region: rect(0px, 416px, 32px, 384px);
michael@0: }
michael@0: 
michael@0: #social-share-button[cui-areatype="menu-panel"],
michael@0: toolbarpaletteitem[place="palette"] > #social-share-button {
michael@0:   -moz-image-region: rect(0px, 448px, 32px, 416px);
michael@0: }
michael@0: 
michael@0: #characterencoding-button[cui-areatype="menu-panel"],
michael@0: toolbarpaletteitem[place="palette"] > #characterencoding-button {
michael@0:   -moz-image-region: rect(0px, 480px, 32px, 448px);
michael@0: }
michael@0: 
michael@0: #characterencoding-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
michael@0:   -moz-image-region: rect(32px, 480px, 64px, 448px);
michael@0: }
michael@0: 
michael@0: #new-window-button[cui-areatype="menu-panel"],
michael@0: toolbarpaletteitem[place="palette"] > #new-window-button {
michael@0:   -moz-image-region: rect(0px, 512px, 32px, 480px);
michael@0: }
michael@0: 
michael@0: #e10s-button[cui-areatype="menu-panel"],
michael@0: toolbarpaletteitem[place="palette"] > #e10s-button {
michael@0:   -moz-image-region: rect(0px, 512px, 32px, 480px);
michael@0: }
michael@0: 
michael@0: #new-tab-button[cui-areatype="menu-panel"],
michael@0: toolbarpaletteitem[place="palette"] > #new-tab-button {
michael@0:   -moz-image-region: rect(0px, 544px, 32px, 512px);
michael@0: }
michael@0: 
michael@0: #privatebrowsing-button[cui-areatype="menu-panel"],
michael@0: toolbarpaletteitem[place="palette"] > #privatebrowsing-button {
michael@0:   -moz-image-region: rect(0px, 576px, 32px, 544px);
michael@0: }
michael@0: 
michael@0: #tabview-button[cui-areatype="menu-panel"],
michael@0: toolbarpaletteitem[place="palette"] > #tabview-button {
michael@0:   -moz-image-region: rect(0px, 608px, 32px, 576px);
michael@0: }
michael@0: 
michael@0: #find-button[cui-areatype="menu-panel"],
michael@0: toolbarpaletteitem[place="palette"] > #find-button {
michael@0:   -moz-image-region: rect(0px, 640px, 32px, 608px);
michael@0: }
michael@0: 
michael@0: #print-button[cui-areatype="menu-panel"],
michael@0: toolbarpaletteitem[place="palette"] > #print-button {
michael@0:   -moz-image-region: rect(0px, 672px, 32px, 640px);
michael@0: }
michael@0: 
michael@0: #fullscreen-button[cui-areatype="menu-panel"],
michael@0: toolbarpaletteitem[place="palette"] > #fullscreen-button {
michael@0:   -moz-image-region: rect(0px, 704px, 32px, 672px);
michael@0: }
michael@0: 
michael@0: #developer-button[cui-areatype="menu-panel"],
michael@0: toolbarpaletteitem[place="palette"] > #developer-button {
michael@0:   -moz-image-region: rect(0px, 736px, 32px, 704px);
michael@0: }
michael@0: 
michael@0: #developer-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
michael@0:   -moz-image-region: rect(32px, 736px, 64px, 704px);
michael@0: }
michael@0: 
michael@0: #preferences-button[cui-areatype="menu-panel"],
michael@0: toolbarpaletteitem[place="palette"] > #preferences-button {
michael@0:   -moz-image-region: rect(0px, 768px, 32px, 736px);
michael@0: }
michael@0: 
michael@0: #email-link-button[cui-areatype="menu-panel"],
michael@0: toolbarpaletteitem[place="palette"] > #email-link-button {
michael@0:   -moz-image-region: rect(0, 800px, 32px, 768px);
michael@0: }
michael@0: 
michael@0: #sidebar-button[cui-areatype="menu-panel"],
michael@0: toolbarpaletteitem[place="palette"] > #sidebar-button {
michael@0:   -moz-image-region: rect(0, 864px, 32px, 832px);
michael@0: }
michael@0: 
michael@0: #sidebar-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
michael@0:   -moz-image-region: rect(32px, 864px, 64px, 832px);
michael@0: }
michael@0: 
michael@0: toolbaritem[sdkstylewidget="true"] > toolbarbutton {
michael@0:   -moz-image-region: rect(0, 832px, 32px, 800px);
michael@0: }
michael@0: 
michael@0: /* Wide panel control icons */
michael@0: 
michael@0: #edit-controls@inAnyPanel@ > toolbarbutton,
michael@0: #zoom-controls@inAnyPanel@ > toolbarbutton,
michael@0: toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton,
michael@0: toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton {
michael@0:   list-style-image: url(chrome://browser/skin/menuPanel-small.png);
michael@0: }
michael@0: 
michael@0: #edit-controls@inAnyPanel@ > #cut-button,
michael@0: toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button {
michael@0:   -moz-image-region: rect(0px, 32px, 16px, 16px);
michael@0: }
michael@0: 
michael@0: #edit-controls@inAnyPanel@ > #copy-button,
michael@0: toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button {
michael@0:   -moz-image-region: rect(0px, 48px, 16px, 32px);
michael@0: }
michael@0: 
michael@0: #edit-controls@inAnyPanel@ > #paste-button,
michael@0: toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button {
michael@0:   -moz-image-region: rect(0px, 64px, 16px, 48px);
michael@0: }
michael@0: 
michael@0: #zoom-controls@inAnyPanel@ > #zoom-out-button,
michael@0: toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button {
michael@0:   -moz-image-region: rect(0px, 80px, 16px, 64px);
michael@0: }
michael@0: 
michael@0: #zoom-controls@inAnyPanel@ > #zoom-in-button,
michael@0: toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
michael@0:   -moz-image-region: rect(0px, 96px, 16px, 80px);
michael@0: }