gecko/browser/themes/shared/toolbarbuttons.inc.css

:-moz-any(@primaryToolbarButtons@),
#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
  list-style-image: url("chrome://browser/skin/Toolbar.png");
}

toolbar[brighttext] :-moz-any(@primaryToolbarButtons@),
toolbar[brighttext] #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
  list-style-image: url(chrome://browser/skin/Toolbar-inverted.png);
}

#back-button {
  -moz-image-region: rect(0, 36px, 18px, 18px);
}

#forward-button {
  -moz-image-region: rect(0, 72px, 18px, 54px);
}

#home-button[cui-areatype="toolbar"] {
  -moz-image-region: rect(0, 126px, 18px, 108px);
}

#bookmarks-menu-button[cui-areatype="toolbar"] {
  -moz-image-region: rect(0, 144px, 18px, 126px);
}

#bookmarks-menu-button[cui-areatype="toolbar"][starred] {
  -moz-image-region: rect(0, 162px, 18px, 144px);
}

#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
  -moz-image-region: rect(0, 630px, 18px, 612px);
}

#history-panelmenu[cui-areatype="toolbar"] {
  -moz-image-region: rect(0, 180px, 18px, 162px);
}

#downloads-button[cui-areatype="toolbar"] {
  -moz-image-region: rect(0, 198px, 18px, 180px);
}

#add-ons-button[cui-areatype="toolbar"] {
  -moz-image-region: rect(0, 216px, 18px, 198px);
}

#open-file-button[cui-areatype="toolbar"] {
  -moz-image-region: rect(0, 234px, 18px, 216px);
}

#save-page-button[cui-areatype="toolbar"] {
  -moz-image-region: rect(0, 252px, 18px, 234px);
}

#sync-button[cui-areatype="toolbar"] {
  -moz-image-region: rect(0, 270px, 18px, 252px);
}

#sync-button[cui-areatype="toolbar"][status="active"] {
  list-style-image: url("chrome://browser/skin/syncProgress-toolbar.png");
  -moz-image-region: rect(0, 18px, 18px, 0px);
}

toolbar[brighttext] #sync-button[status="active"] {
  list-style-image: url("chrome://browser/skin/syncProgress-toolbar-inverted.png");
}

#feed-button[cui-areatype="toolbar"] {
  -moz-image-region: rect(0, 288px, 18px, 270px);
}

#social-share-button[cui-areatype="toolbar"] {
  -moz-image-region: rect(0px, 306px, 18px, 288px);
}

#characterencoding-button[cui-areatype="toolbar"]{
  -moz-image-region: rect(0, 324px, 18px, 306px);
}

#new-window-button[cui-areatype="toolbar"] {
  -moz-image-region: rect(0, 342px, 18px, 324px);
}

#e10s-button[cui-areatype="toolbar"] {
  -moz-image-region: rect(0, 342px, 18px, 324px);
}

#e10s-button > .toolbarbutton-icon {
  transform: scaleY(-1);
}

#new-tab-button[cui-areatype="toolbar"] {
  -moz-image-region: rect(0, 360px, 18px, 342px);
}

#privatebrowsing-button[cui-areatype="toolbar"] {
  -moz-image-region: rect(0, 378px, 18px, 360px);
}

#find-button[cui-areatype="toolbar"] {
  -moz-image-region: rect(0, 396px, 18px, 378px);
}

#print-button[cui-areatype="toolbar"] {
  -moz-image-region: rect(0, 414px, 18px, 396px);
}

%ifdef XP_MACOSX
#restore-button,
%endif
#fullscreen-button[cui-areatype="toolbar"] {
  -moz-image-region: rect(0, 432px, 18px, 414px);
}

#developer-button[cui-areatype="toolbar"] {
  -moz-image-region: rect(0, 450px, 18px, 432px);
}

#preferences-button[cui-areatype="toolbar"] {
  -moz-image-region: rect(0, 468px, 18px, 450px);
}

#PanelUI-menu-button {
  -moz-image-region: rect(0, 486px, 18px, 468px);
}

#edit-controls:not(@inAnyPanel@) > #cut-button {
  -moz-image-region: rect(0, 504px, 18px, 486px);
}

#edit-controls:not(@inAnyPanel@) > #copy-button {
  -moz-image-region: rect(0, 522px, 18px, 504px);
}

#edit-controls:not(@inAnyPanel@) > #paste-button {
  -moz-image-region: rect(0, 540px, 18px, 522px);
}

#zoom-controls:not(@inAnyPanel@) > #zoom-out-button {
  -moz-image-region: rect(0, 558px, 18px, 540px);
}

#zoom-controls:not(@inAnyPanel@) > #zoom-in-button {
  -moz-image-region: rect(0, 576px, 18px, 558px);
}

#nav-bar-overflow-button {
  -moz-image-region: rect(0, 612px, 18px, 594px);
}

#nav-bar-overflow-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
  transform: scaleX(-1);
}

#tabview-button {
  -moz-image-region: rect(0, 648px, 18px, 630px);
}

#email-link-button[cui-areatype="toolbar"] {
  -moz-image-region: rect(0, 666px, 18px, 648px);
}

#sidebar-button[cui-areatype="toolbar"] {
  -moz-image-region: rect(0, 684px, 18px, 666px);
}

#panic-button[cui-areatype="toolbar"] {
  -moz-image-region: rect(0, 702px, 18px, 684px);
}

#panic-button[cui-areatype="toolbar"][open] {
%ifdef XP_MACOSX
  -moz-image-region: rect(36px, 702px, 54px, 684px);
%else
  -moz-image-region: rect(18px, 702px, 36px, 684px);
%endif
}

#panic-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
  transform: scaleX(-1);
}

#web-apps-button[cui-areatype="toolbar"] {
  -moz-image-region: rect(0, 720px, 18px, 702px);
}

#loop-button > .toolbarbutton-badge-container {
  list-style-image: url(chrome://browser/skin/loop/toolbar.png);
  -moz-image-region: rect(0, 18px, 18px, 0);
}

toolbar[brighttext] #loop-button > .toolbarbutton-badge-container {
  list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png);
}

#loop-button[state="disabled"] > .toolbarbutton-badge-container,
#loop-button[disabled="true"] > .toolbarbutton-badge-container {
  -moz-image-region: rect(0, 36px, 18px, 18px);
}

#loop-button:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container {
  -moz-image-region: rect(0, 54px, 18px, 36px);
}

#loop-button:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container {
  -moz-image-region: rect(0, 72px, 18px, 54px);
}

#loop-button:not([disabled="true"])[state="action"]:-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container {
  -moz-image-region: rect(0, 90px, 18px, 72px);
}

#loop-button:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container {
  -moz-image-region: rect(0, 108px, 18px, 90px);
}

#loop-button:not([disabled="true"])[state="active"]:-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container {
  -moz-image-region: rect(0, 126px, 18px, 108px);
}

#webide-button[cui-areatype="toolbar"] {
  -moz-image-region: rect(0, 738px, 18px, 720px);
}

#pocket-button[cui-areatype="toolbar"] {
  -moz-image-region: rect(0, 774px, 18px, 756px);
}

#pocket-button[cui-areatype="toolbar"][open] {
%ifdef XP_MACOSX
  -moz-image-region: rect(36px, 774px, 54px, 756px);
%else
  -moz-image-region: rect(18px, 774px, 36px, 756px);
%endif
}

%if defined(XP_WIN) || defined(XP_MACOSX)
@media (min-resolution: 1.1dppx) {
  :-moz-any(@primaryToolbarButtons@),
  #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
    list-style-image: url("chrome://browser/skin/Toolbar@2x.png");
  }

  toolbar[brighttext] :-moz-any(@primaryToolbarButtons@),
  toolbar[brighttext] #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
    list-style-image: url("chrome://browser/skin/Toolbar-inverted@2x.png");
  }

  #back-button {
    -moz-image-region: rect(0, 72px, 36px, 36px);
  }

  #forward-button {
    -moz-image-region: rect(0, 144px, 36px, 108px);
  }

  #home-button[cui-areatype="toolbar"] {
    -moz-image-region: rect(0, 252px, 36px, 216px);
  }

  #bookmarks-menu-button[cui-areatype="toolbar"] {
    -moz-image-region: rect(0, 288px, 36px, 252px);
  }

  #bookmarks-menu-button[cui-areatype="toolbar"][starred] {
    -moz-image-region: rect(0, 324px, 36px, 288px);
  }

  #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
    -moz-image-region: rect(0px, 1260px, 36px, 1224px);
  }

  #history-panelmenu[cui-areatype="toolbar"] {
    -moz-image-region: rect(0, 360px, 36px, 324px);
  }

  #downloads-button[cui-areatype="toolbar"] {
    -moz-image-region: rect(0, 396px, 36px, 360px);
  }

  #add-ons-button[cui-areatype="toolbar"] {
    -moz-image-region: rect(0, 432px, 36px, 396px);
  }

  #open-file-button[cui-areatype="toolbar"] {
    -moz-image-region: rect(0, 468px, 36px, 432px);
  }

  #save-page-button[cui-areatype="toolbar"] {
    -moz-image-region: rect(0, 504px, 36px, 468px);
  }

  #sync-button[cui-areatype="toolbar"] {
    -moz-image-region: rect(0, 540px, 36px, 504px);
  }

  #sync-button[cui-areatype="toolbar"][status="active"] {
    list-style-image: url("chrome://browser/skin/syncProgress-toolbar@2x.png");
    -moz-image-region: rect(0, 36px, 36px, 0px);
  }

  toolbar[brighttext] #sync-button[cui-areatype="toolbar"][status="active"] {
    list-style-image: url("chrome://browser/skin/syncProgress-toolbar-inverted@2x.png");
  }

  #feed-button[cui-areatype="toolbar"] {
    -moz-image-region: rect(0, 576px, 36px, 540px);
  }

  #social-share-button[cui-areatype="toolbar"] {
    -moz-image-region: rect(0, 612px, 36px, 576px);
  }

  #characterencoding-button[cui-areatype="toolbar"] {
    -moz-image-region: rect(0, 648px, 36px, 612px);
  }

  #new-window-button[cui-areatype="toolbar"] {
    -moz-image-region: rect(0, 684px, 36px, 648px);
  }

  #e10s-button[cui-areatype="toolbar"] {
    -moz-image-region: rect(0, 684px, 36px, 648px);
  }

  #e10s-button > .toolbarbutton-icon {
    transform: scaleY(-1);
  }

  #new-tab-button[cui-areatype="toolbar"] {
    -moz-image-region: rect(0, 720px, 36px, 684px);
  }

  #privatebrowsing-button[cui-areatype="toolbar"] {
    -moz-image-region: rect(0, 756px, 36px, 720px);
  }

  #find-button[cui-areatype="toolbar"] {
    -moz-image-region: rect(0, 792px, 36px, 756px);
  }

  #print-button[cui-areatype="toolbar"] {
    -moz-image-region: rect(0, 828px, 36px, 792px);
  }

%ifdef XP_MACOSX
  #restore-button,
%endif
  #fullscreen-button[cui-areatype="toolbar"] {
    -moz-image-region: rect(0, 864px, 36px, 828px);
  }

  #developer-button[cui-areatype="toolbar"] {
    -moz-image-region: rect(0, 900px, 36px, 864px);
  }

  #preferences-button[cui-areatype="toolbar"] {
    -moz-image-region: rect(0, 936px, 36px, 900px);
  }

  #PanelUI-menu-button {
    -moz-image-region: rect(0, 972px, 36px, 936px);
  }

  #edit-controls[cui-areatype="toolbar"] > #cut-button {
    -moz-image-region: rect(0, 1008px, 36px, 972px);
  }

  #edit-controls[cui-areatype="toolbar"] > #copy-button {
    -moz-image-region: rect(0, 1044px, 36px, 1008px);
  }

  #edit-controls[cui-areatype="toolbar"] > #paste-button {
    -moz-image-region: rect(0, 1080px, 36px, 1044px);
  }

  #zoom-controls[cui-areatype="toolbar"] > #zoom-out-button {
    -moz-image-region: rect(0, 1116px, 36px, 1080px);
  }

  #zoom-controls[cui-areatype="toolbar"] > #zoom-in-button {
    -moz-image-region: rect(0, 1152px, 36px, 1116px);
  }

  #nav-bar-overflow-button {
    -moz-image-region: rect(0, 1224px, 36px, 1188px);
  }

  #tabview-button {
    -moz-image-region: rect(0, 1296px, 36px, 1260px);
  }

  #email-link-button[cui-areatype="toolbar"] {
    -moz-image-region: rect(0, 1332px, 36px, 1296px);
  }

  #sidebar-button[cui-areatype="toolbar"] {
    -moz-image-region: rect(0, 1368px, 36px, 1332px);
  }

  #panic-button[cui-areatype="toolbar"] {
    -moz-image-region: rect(0, 1404px, 36px, 1368px);
  }

  #panic-button[cui-areatype="toolbar"][open] {
%ifdef XP_MACOSX
    -moz-image-region: rect(72px, 1404px, 108px, 1368px);
%else
    -moz-image-region: rect(36px, 1404px, 72px, 1368px);
%endif
  }

  #web-apps-button[cui-areatype="toolbar"] {
    -moz-image-region: rect(0, 1440px, 36px, 1404px);
  }

  #webide-button[cui-areatype="toolbar"] {
    -moz-image-region: rect(0, 1476px, 36px, 1440px);
  }

  #pocket-button[cui-areatype="toolbar"] {
    -moz-image-region: rect(0, 1548px, 36px, 1512px);
  }

  #pocket-button[cui-areatype="toolbar"][open] {
%ifdef XP_MACOSX
    -moz-image-region: rect(72px, 1548px, 108px, 1512px);
%else
    -moz-image-region: rect(36px, 1548px, 72px, 1512px);
%endif
  }

  #loop-button > .toolbarbutton-badge-container {
    list-style-image: url("chrome://browser/skin/loop/toolbar@2x.png");
    -moz-image-region: rect(0, 36px, 36px, 0);
  }

  toolbar[brighttext] #loop-button > .toolbarbutton-badge-container {
    list-style-image: url("chrome://browser/skin/loop/toolbar-inverted@2x.png");
  }

  #loop-button[state="disabled"] > .toolbarbutton-badge-container,
  #loop-button[disabled="true"] > .toolbarbutton-badge-container {
    -moz-image-region: rect(0, 72px, 36px, 36px);
  }

  #loop-button:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container {
    -moz-image-region: rect(0, 108px, 36px, 72px);
  }

  #loop-button:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container {
    -moz-image-region: rect(0, 144px, 36px, 108px);
  }

  #loop-button:not([disabled="true"])[state="action"]:-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container {
    -moz-image-region: rect(0, 180px, 36px, 144px);
  }

  #loop-button:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container {
    -moz-image-region: rect(0, 216px, 36px, 180px);
  }

  #loop-button:not([disabled="true"])[state="active"]:-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container {
    -moz-image-region: rect(0, 252px, 36px, 216px);
  }
}
%endif