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

   1 %if 0
   2 /* This Source Code Form is subject to the terms of the Mozilla Public
   3  * License, v. 2.0. If a copy of the MPL was not distributed with this
   4  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   5 %endif
   6
   7 :root {
   8   --identity-box-verified-color: hsl(92,100%,30%);
   9   --identity-box-verified-background-image: linear-gradient(hsla(92,81%,16%,0),
  10                                             hsla(92,81%,16%,.2) 35%,
  11                                             hsla(92,81%,16%,.2) 65%,
  12                                             hsla(92,81%,16%,0));
  13 %ifdef MOZ_OFFICIAL_BRANDING
  14   --identity-box-chrome-color: rgb(229,115,0);
  15   --identity-box-chrome-background-image: linear-gradient(rgba(229,114,0,0),
  16                                     rgba(229,114,0,.5) 35%,
  17                                     rgba(229,114,0,.5) 65%,
  18                                     rgba(229,114,0,0));
  19 %else
  20 %if MOZ_UPDATE_CHANNEL == aurora
  21   --identity-box-chrome-color: rgb(51,30,84);
  22   --identity-box-chrome-background-image: linear-gradient(rgba(51,30,84,0),
  23                                     rgba(51,30,84,.5) 35%,
  24                                     rgba(51,30,84,.5) 65%,
  25                                     rgba(51,30,84,0));
  26 %else
  27   --identity-box-chrome-color: rgb(0,33,71);
  28   --identity-box-chrome-background-image: linear-gradient(rgba(0,33,71,0),
  29                                     rgba(0,33,71,.5) 35%,
  30                                     rgba(0,33,71,.5) 65%,
  31                                     rgba(0,33,71,0));
  32 %endif
  33 %endif
  34 }
  35
  36 #urlbar[pageproxystate="valid"] > #identity-box.chromeUI,
  37 #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
  38   background-position: right;
  39   background-size: 1px;
  40   background-repeat: no-repeat;
  41 }
  42
  43 #urlbar[pageproxystate="valid"] > #identity-box.chromeUI:-moz-locale-dir(rtl),
  44 #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(rtl) {
  45   background-position: left;
  46 }
  47
  48 #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
  49   color: var(--identity-box-verified-color);
  50   background-image: var(--identity-box-verified-background-image);
  51 }
  52
  53 #urlbar[pageproxystate="valid"] > #identity-box.chromeUI {
  54   color: var(--identity-box-chrome-color);
  55   background-image: var(--identity-box-chrome-background-image);
  56 }
  57
  58 /* page proxy icon */
  59
  60 #page-proxy-favicon {
  61   width: 16px;
  62   height: 16px;
  63   list-style-image: url(chrome://browser/skin/identity-icons-generic.png);
  64 }
  65
  66 .chromeUI > #page-proxy-favicon[pageproxystate="valid"] {
  67   list-style-image: url(chrome://branding/content/identity-icons-brand.png);
  68 }
  69
  70 .verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] {
  71   list-style-image: url(chrome://browser/skin/identity-icons-https.png);
  72 }
  73
  74 .verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] {
  75   list-style-image: url(chrome://browser/skin/identity-icons-https-ev.png);
  76 }
  77
  78 .mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] {
  79   list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-active.png);
  80 }
  81
  82 .mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"] {
  83   list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display.png);
  84 }
  85
  86 .mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] {
  87   list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display.png);
  88 }
  89
  90 #page-proxy-favicon[pageproxystate="invalid"] {
  91   opacity: 0.3;
  92 }
  93
  94 #identity-popup.chromeUI > #identity-popup-container > #identity-popup-icon {
  95   list-style-image: url("chrome://branding/content/icon64.png");
  96 }
  97
  98 #identity-popup-brandName {
  99   font-weight: bold;
 100   font-size: 1.25em;
 101   margin-top: .5em;
 102   margin-bottom: .5em;
 103 }
 104
 105 #identity-popup-content-box {
 106   max-width: 50ch;
 107 }