michael@0: %if 0
michael@0: /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0:  * License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0:  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0: %endif
michael@0: 
michael@0: #urlbar[pageproxystate="valid"] > #identity-box.chromeUI,
michael@0: #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
michael@0:   background-position: right;
michael@0:   background-size: 1px;
michael@0:   background-repeat: no-repeat;
michael@0: }
michael@0: 
michael@0: #urlbar[pageproxystate="valid"] > #identity-box.chromeUI:-moz-locale-dir(rtl),
michael@0: #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(rtl) {
michael@0:   background-position: left;
michael@0: }
michael@0: 
michael@0: #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
michael@0:   color: hsl(92,100%,30%);
michael@0:   background-image: linear-gradient(hsla(92,81%,16%,0),
michael@0:                                     hsla(92,81%,16%,.2) 35%,
michael@0:                                     hsla(92,81%,16%,.2) 65%,
michael@0:                                     hsla(92,81%,16%,0));
michael@0: }
michael@0: 
michael@0: #urlbar[pageproxystate="valid"] > #identity-box.chromeUI {
michael@0: %ifdef MOZ_OFFICIAL_BRANDING
michael@0:   color: rgb(229,115,0);
michael@0:   background-image: linear-gradient(rgba(229,114,0,0),
michael@0:                                     rgba(229,114,0,.5) 35%,
michael@0:                                     rgba(229,114,0,.5) 65%,
michael@0:                                     rgba(229,114,0,0));
michael@0: %else
michael@0: %if MOZ_UPDATE_CHANNEL == aurora
michael@0:   color: rgb(51,30,84);
michael@0:   background-image: linear-gradient(rgba(51,30,84,0),
michael@0:                                     rgba(51,30,84,.5) 35%,
michael@0:                                     rgba(51,30,84,.5) 65%,
michael@0:                                     rgba(51,30,84,0));
michael@0: %else
michael@0:   color: rgb(0,33,71);
michael@0:   background-image: linear-gradient(rgba(0,33,71,0),
michael@0:                                     rgba(0,33,71,.5) 35%,
michael@0:                                     rgba(0,33,71,.5) 65%,
michael@0:                                     rgba(0,33,71,0));
michael@0: %endif
michael@0: %endif
michael@0: }
michael@0: 
michael@0: /* page proxy icon */
michael@0: 
michael@0: #page-proxy-favicon {
michael@0:   width: 16px;
michael@0:   height: 16px;
michael@0:   list-style-image: url(chrome://browser/skin/identity-icons-generic.png);
michael@0: }
michael@0: 
michael@0: .chromeUI > #page-proxy-favicon[pageproxystate="valid"] {
michael@0:   list-style-image: url(chrome://branding/content/identity-icons-brand.png);
michael@0: }
michael@0: 
michael@0: .verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] {
michael@0:   list-style-image: url(chrome://browser/skin/identity-icons-https.png);
michael@0: }
michael@0: 
michael@0: .verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] {
michael@0:   list-style-image: url(chrome://browser/skin/identity-icons-https-ev.png);
michael@0: }
michael@0: 
michael@0: .mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] {
michael@0:   list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-active.png);
michael@0: }
michael@0: 
michael@0: .mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"] {
michael@0:   list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display.png);
michael@0: }
michael@0: 
michael@0: .mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] {
michael@0:   list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display.png);
michael@0: }
michael@0: 
michael@0: #page-proxy-favicon[pageproxystate="invalid"] {
michael@0:   opacity: 0.3;
michael@0: }
michael@0: 
michael@0: #identity-popup.chromeUI > #identity-popup-container > #identity-popup-icon {
michael@0:   list-style-image: url("chrome://branding/content/icon64.png");
michael@0: }
michael@0: 
michael@0: #identity-popup-brandName {
michael@0:   font-weight: bold;
michael@0:   font-size: 1.25em;
michael@0:   margin-top: .5em;
michael@0:   margin-bottom: .5em;
michael@0: }
michael@0: 
michael@0: #identity-popup-content-box {
michael@0:   max-width: 50ch;
michael@0: }