gecko/browser/themes/osx/customizableui/panelUIOverlay.css

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

%filter substitution
%define menuPanelWidth 26em

%include ../../shared/customizableui/panelUIOverlay.inc.css

@media (min-resolution: 2dppx) {
  #PanelUI-contents[type="grid"] toolbarbutton,
  #customization-palette toolbarbutton {
    list-style-image: url(chrome://browser/skin/customizableui/menuPanel-icons@2x.png);
  }

  #customization-palette toolbarbutton > .toolbarbutton-icon,
  #PanelUI-mainView toolbarbutton > .toolbarbutton-icon {
    width: 20px;
  }

  .panel-combined-button {
    list-style-image: url(chrome://browser/skin/customizableui/menuPanel-small-icons@2x.png);
  }

  #PanelUI-contents[type="grid"] #new-window-button,
  #customization-palette #new-window-button {
    -moz-image-region: rect(0 128px 64px 64px);
  }

  #PanelUI-contents[type="grid"] #privatebrowsing-button,
  #customization-palette #privatebrowsing-button {
    -moz-image-region: rect(0 192px 64px 128px);
  }

  #PanelUI-contents[type="grid"] #open-file-button,
  #customization-palette #open-file-button {
    -moz-image-region: rect(64px 64px 128px 0);
  }

  #PanelUI-contents[type="grid"] #save-page-button,
  #customization-palette #save-page-button {
    -moz-image-region: rect(64px 128px 128px 64px);
  }

  #PanelUI-contents[type="grid"] #bookmarks-menu-button,
  #customization-palette #bookmarks-menu-button {
    -moz-image-region: rect(64px 192px 128px 128px);
  }

  #PanelUI-contents[type="grid"] #history-button,
  #customization-palette #history-button,
  #PanelUI-contents[type="grid"] #history-panelmenu,
  #customization-palette #history-panelmenu {
    -moz-image-region: rect(128px 64px 192px 0);
  }

  #PanelUI-contents[type="grid"] #add-ons-button,
  #customization-palette #add-ons-button {
    -moz-image-region: rect(128px 128px 192px 64px);
  }

  #PanelUI-contents[type="grid"] #downloads-button,
  #customization-palette #downloads-button {
    -moz-image-region: rect(128px 192px 192px 128px);
  }

  #PanelUI-contents[type="grid"] #sync-button,
  #customization-palette #sync-button {
    -moz-image-region: rect(192px 64px 256px 0);
  }

  #PanelUI-contents[type="grid"] #print-button,
  #customization-palette #print-button {
    -moz-image-region: rect(192px 128px 256px 64px);
  }

  #PanelUI-contents[type="grid"] #fullscreen-button,
  #customization-palette #fullscreen-button {
    -moz-image-region: rect(192px 192px 256px 128px);
  }

  #PanelUI-contents[type="grid"] #feed-button,
  #customization-palette #feed-button {
    -moz-image-region: rect(256px 64px 320px 0);
  }

  #PanelUI-contents[type="grid"] #find-button,
  #customization-palette #find-button {
    -moz-image-region: rect(256px 128px 320px 64px);
  }

  #PanelUI-contents[type="grid"] #developer-button,
  #customization-palette #developer-button {
    -moz-image-region: rect(256px 192px 320px 128px);
  }

  #PanelUI-contents[type="grid"] #tabview-button,
  #customization-palette #tabview-button {
    -moz-image-region: rect(320px 64px 384px 0);
  }

  #PanelUI-contents[type="grid"] #preferences-button,
  #customization-palette #preferences-button {
    -moz-image-region: rect(320px 128px 384px 64px);
  }

  #PanelUI-contents[type="grid"] #home-button,
  #customization-palette #home-button {
    -moz-image-region: rect(320px 192px 384px 128px);
  }

  #PanelUI-contents[type="grid"] #reload-button,
  #customization-palette #reload-button {
    -moz-image-region: rect(384px 64px 448px 0);
  }

  #PanelUI-contents[type="grid"] #stop-button,
  #customization-palette #stop-button {
    -moz-image-region: rect(384px 128px 448px 64px);
  }

  #PanelUI-cut-btn {
    -moz-image-region: rect(0 32px 32px 0);
  }

  #PanelUI-copy-btn {
    -moz-image-region: rect(0 64px 32px 32px);
  }

  #PanelUI-paste-btn {
    -moz-image-region: rect(0 96px 32px 64px);
  }

  #PanelUI-zoomOut-btn {
    -moz-image-region: rect(0 128px 32px 96px);
  }

  #PanelUI-zoomIn-btn {
    -moz-image-region: rect(0 160px 32px 128px);
  }
}

.PanelUI-pageControls toolbarbutton:not(:first-child) {
  -moz-margin-start: 0;
}
.PanelUI-pageControls toolbarbutton:not(:last-child) {
  -moz-margin-end: 0;
}
.PanelUI-pageControls toolbarbutton:not(:first-child):not(:last-child) {
  margin-left: 0;
  margin-right: 0;
}

#PanelUI-zoomIn-btn,
#PanelUI-zoomOut-btn {
  padding-left: 12px;
  padding-right: 12px;
}

.PanelUI-editControls #PanelUI-copy-btn,
.PanelUI-zoomControls #PanelUI-zoomReset-btn {
  border-left: none;
  border-right: none;
  border-radius: 0;
}

#PanelUI-zoomIn-btn .toolbarbutton-text,
#PanelUI-zoomOut-btn .toolbarbutton-text,
#PanelUI-zoomReset-btn .toolbarbutton-icon {
  display: none;
}