/* 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/. */

/* ===== global.css =====================================================
  == Styles that apply everywhere.
  ======================================================================= */

@import url("chrome://global/skin/global-shared.css");

@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");

@media (-moz-menubar-drag) {
  xul|toolbar[type="menubar"] {
    -moz-window-dragging: drag;
  }
}

/* ::::: Alert icons :::::*/

/* prettier-ignore */
.message-icon {
  list-style-image: image-set(
    "moz-icon://stock/dialog-information?size=48" 1x,
    "moz-icon://stock/dialog-information?size=48&scale=2" 2x
  );
}

/* prettier-ignore */
.alert-dialog #infoIcon,
.alert-icon {
  list-style-image: image-set(
    "moz-icon://stock/dialog-warning?size=48" 1x,
    "moz-icon://stock/dialog-warning?size=48&scale=2" 2x
  );
}

/* prettier-ignore */
.error-icon {
  list-style-image: image-set(
    "moz-icon://stock/dialog-error?size=48" 1x,
    "moz-icon://stock/dialog-error?size=48&scale=2" 2x
  );
}

/* prettier-ignore */
.question-icon {
  list-style-image: image-set(
    "moz-icon://stock/dialog-question?size=48" 1x,
    "moz-icon://stock/dialog-question?size=48&scale=2" 2x
  );
}

.authentication-icon {
  list-style-image: url("chrome://global/skin/icons/Authentication.png");
}

/* XXX(ntim): [mode="text"] is only used by comm-central */

xul|toolbar[mode="text"] .toolbarbutton-text {
  padding: 0 !important;
  margin: 3px 5px !important;
}

/* Separators */

xul|separator:not([orient="vertical"]) {
  height: 1.5em;
}
xul|separator[orient="vertical"] {
  width: 1.5em;
}

xul|separator.thin:not([orient="vertical"]) {
  height: 0.5em;
}
xul|separator.thin[orient="vertical"] {
  width: 0.5em;
}

xul|separator.groove:not([orient="vertical"]) {
  border-top: 1px solid ThreeDShadow;
  border-bottom: 1px solid ThreeDHighlight;
  height: 0;
  margin-block: 0.4em;
}
xul|separator.groove[orient="vertical"] {
  border-left: 1px solid ThreeDShadow;
  border-right: 1px solid ThreeDHighlight;
  width: 0;
  margin-inline: 0.4em;
}

/* Other margins */

xul|notification > xul|hbox > xul|button {
  margin-block: 0;
}
