gecko/browser/themes/shared/identity-block.inc.css

%if 0
/* 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/. */
%endif

:root {
  --identity-box-verified-color: hsl(92,100%,30%);
  --identity-box-verified-background-image: linear-gradient(hsla(92,81%,16%,0),
                                            hsla(92,81%,16%,.2) 35%,
                                            hsla(92,81%,16%,.2) 65%,
                                            hsla(92,81%,16%,0));
%ifdef MOZ_OFFICIAL_BRANDING
  --identity-box-chrome-color: rgb(229,115,0);
  --identity-box-chrome-background-image: linear-gradient(rgba(229,114,0,0),
                                    rgba(229,114,0,.5) 35%,
                                    rgba(229,114,0,.5) 65%,
                                    rgba(229,114,0,0));
%else
%if MOZ_UPDATE_CHANNEL == aurora
  --identity-box-chrome-color: rgb(51,30,84);
  --identity-box-chrome-background-image: linear-gradient(rgba(51,30,84,0),
                                    rgba(51,30,84,.5) 35%,
                                    rgba(51,30,84,.5) 65%,
                                    rgba(51,30,84,0));
%else
  --identity-box-chrome-color: rgb(0,33,71);
  --identity-box-chrome-background-image: linear-gradient(rgba(0,33,71,0),
                                    rgba(0,33,71,.5) 35%,
                                    rgba(0,33,71,.5) 65%,
                                    rgba(0,33,71,0));
%endif
%endif
}

#urlbar[pageproxystate="valid"] > #identity-box.chromeUI,
#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
  background-position: right;
  background-size: 1px;
  background-repeat: no-repeat;
}

#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:-moz-locale-dir(rtl),
#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(rtl) {
  background-position: left;
}

#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
  color: var(--identity-box-verified-color);
  background-image: var(--identity-box-verified-background-image);
}

#urlbar[pageproxystate="valid"] > #identity-box.chromeUI {
  color: var(--identity-box-chrome-color);
  background-image: var(--identity-box-chrome-background-image);
}

/* page proxy icon */

#page-proxy-favicon {
  width: 16px;
  height: 16px;
  list-style-image: url(chrome://browser/skin/identity-icons-generic.png);
}

.chromeUI > #page-proxy-favicon[pageproxystate="valid"] {
  list-style-image: url(chrome://branding/content/identity-icons-brand.png);
}

.verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] {
  list-style-image: url(chrome://browser/skin/identity-icons-https.png);
}

.verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] {
  list-style-image: url(chrome://browser/skin/identity-icons-https-ev.png);
}

.mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] {
  list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-active.png);
}

.mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"] {
  list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display.png);
}

.mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] {
  list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display.png);
}

#page-proxy-favicon[pageproxystate="invalid"] {
  opacity: 0.3;
}

@media not all and (min-resolution: 1.1dppx) {
  #page-proxy-favicon {
    -moz-image-region: rect(0, 16px, 16px, 0);
  }

  #identity-box:hover > #page-proxy-favicon {
    -moz-image-region: rect(0, 32px, 16px, 16px);
  }

  #identity-box:hover:active > #page-proxy-favicon,
  #identity-box[open=true] > #page-proxy-favicon {
    -moz-image-region: rect(0, 48px, 16px, 32px);
  }
}

@media (min-resolution: 1.1dppx) {
  #page-proxy-favicon {
    list-style-image: url(chrome://browser/skin/identity-icons-generic@2x.png);
    -moz-image-region: rect(0, 32px, 32px, 0);
  }

  .chromeUI > #page-proxy-favicon[pageproxystate="valid"] {
    list-style-image: url(chrome://branding/content/identity-icons-brand@2x.png);
  }

  .verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] {
    list-style-image: url(chrome://browser/skin/identity-icons-https@2x.png);
  }

  .verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] {
    list-style-image: url(chrome://browser/skin/identity-icons-https-ev@2x.png);
  }

  .mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] {
    list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-active@2x.png);
  }

  .mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"] {
    list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display@2x.png);
  }

  .mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] {
    list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display@2x.png);
  }

  #identity-box:hover > #page-proxy-favicon {
    -moz-image-region: rect(0, 64px, 32px, 32px);
  }

  #identity-box:hover:active > #page-proxy-favicon,
  #identity-box[open=true] > #page-proxy-favicon {
    -moz-image-region: rect(0, 96px, 32px, 64px);
  }
}