1 /* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
5 /* === BEGIN panel.inc.css === */
7 /* Hide all conditional elements by default. */
8 :-moz-any([when-connection],[when-mixedcontent],[when-ciphers],[when-loginforms]) {
12 /* Show the right elements for the right connection states. */
13 #identity-popup[connection=not-secure] [when-connection~=not-secure],
14 #identity-popup[connection=secure-ev] [when-connection~=secure-ev],
15 #identity-popup[connection=secure] [when-connection~=secure],
16 #identity-popup[connection=chrome] [when-connection~=chrome],
17 #identity-popup[connection=file] [when-connection~=file],
18 /* Show insecure login forms messages when needed. */
19 #identity-popup[loginforms=insecure] [when-loginforms=insecure],
20 /* Show weak cipher messages when needed. */
21 #identity-popup[ciphers=weak] [when-ciphers~=weak],
22 /* Show mixed content warnings when needed */
23 #identity-popup[mixedcontent~=active-loaded] [when-mixedcontent=active-loaded],
24 #identity-popup[mixedcontent~=passive-loaded]:not([mixedcontent~=active-loaded]) [when-mixedcontent=passive-loaded],
25 #identity-popup[mixedcontent~=active-blocked]:not([mixedcontent~=passive-loaded]) [when-mixedcontent=active-blocked],
26 /* Show the right elements when there is mixed passive content loaded and active blocked. */
27 #identity-popup[mixedcontent~=active-blocked][mixedcontent~=passive-loaded] [when-mixedcontent~=active-blocked][when-mixedcontent~=passive-loaded],
28 /* Show 'disable MCB' button always when there is mixed active content blocked. */
29 #identity-popup-securityView-body[mixedcontent~=active-blocked] > button[when-mixedcontent=active-blocked] {
33 /* Hide redundant messages based on insecure login forms presence. */
34 #identity-popup[loginforms=secure] [and-when-loginforms=insecure] {
37 #identity-popup[loginforms=insecure] [and-when-loginforms=secure] {
41 /* Hide 'not secure' message in subview when weak cipher or mixed content messages are shown. */
42 #identity-popup-securityView-body:-moz-any([mixedcontent],[ciphers]) > description[when-connection=not-secure],
43 /* Hide 'passive-loaded (only)' message when there is mixed passive content loaded and active blocked. */
44 #identity-popup-securityView-body[mixedcontent~=passive-loaded][mixedcontent~=active-blocked] > description[when-mixedcontent=passive-loaded] {
48 /* Make sure hidden elements don't accidentally become visible from one of the
49 above selectors (see Bug 1194258) */
50 #identity-popup [hidden] {
51 display: none !important;
55 #identity-popup:not([panelopen]) .panel-viewstack[viewtype="main"]:not([transitioning]) #identity-popup-mainView {
56 /* Tiny hack to ensure the panel shrinks back to its original
57 size after closing a subview that is bigger than the main view. */
61 .panel-mainview[panelid=identity-popup][viewtype=subview] > #identity-popup-mainView menulist,
62 .panel-mainview[panelid=identity-popup][viewtype=subview] > #identity-popup-mainView button:not([panel-multiview-anchor]) {
63 -moz-user-focus: ignore;
66 #identity-popup > .panel-arrowcontainer > .panel-arrowcontent {
70 .panel-mainview[panelid=identity-popup] {
74 #identity-popup-multiView > .panel-viewcontainer > .panel-viewstack[viewtype="main"] > .panel-subviews {
75 transform: translateX(100%);
79 #identity-popup-multiView > .panel-viewcontainer > .panel-viewstack[viewtype="main"] > .panel-subviews:-moz-locale-dir(rtl) {
80 transform: translateX(-100%);
83 #identity-popup-multiView > .panel-viewcontainer > .panel-viewstack > .panel-subviews {
84 background: var(--panel-arrowcontent-background);
85 border-bottom-right-radius: 3.5px;
89 #identity-popup-multiView > .panel-viewcontainer > .panel-viewstack > .panel-subviews:-moz-locale-dir(rtl) {
90 border-bottom-right-radius: 0;
91 border-bottom-left-radius: 3.5px;
94 .identity-popup-section:not(:first-child) {
95 border-top: 1px solid #A09090; /*var(--panel-separator-color);*/
98 #identity-popup-securityView,
99 #identity-popup-security-content,
100 #identity-popup-permissions-content,
101 #tracking-protection-content {
102 padding: 0.75em 0 1em;
103 -moz-padding-start: calc(2em + 24px);
104 -moz-padding-end: 1em;
105 background-repeat: no-repeat;
106 background-position: 1em 1em;
107 background-size: 24px auto;
110 #identity-popup-securityView:-moz-locale-dir(rtl),
111 #identity-popup-security-content:-moz-locale-dir(rtl),
112 #identity-popup-permissions-content:-moz-locale-dir(rtl),
113 #tracking-protection-content:-moz-locale-dir(rtl) {
114 background-position: calc(100% - 1em) 1em;
117 /* IN-CONTENT-PREF STYLE BUTTONS */
119 .identity-popup-button {
120 -moz-appearance: none;
125 border: 1px solid #c1c1c1;
127 background-color: #fbfbfb;
130 .identity-popup-button:not([disabled="true"]):hover {
131 background-color: #ebebeb;
134 .identity-popup-button:not([disabled="true"]):hover:active {
135 background-color: #dadada;
138 .identity-popup-button[disabled="true"] {
145 .identity-popup-expander {
149 background-image: url("chrome://browser/skin/controlcenter/arrow-subview.svg#arrow");
150 background-size: 16px, auto;
151 background-position: center;
152 background-repeat: no-repeat;
153 background-color: transparent;
154 border-radius: 0 5px 5px 0;
157 .identity-popup-expander:-moz-locale-dir(rtl) {
158 transform: scaleX(-1);
161 .identity-popup-expander[panel-multiview-anchor] {
162 transition: background-color 250ms ease-in;
163 background-color: #008484;
164 background-image: url("chrome://browser/skin/customizableui/subView-arrow-back-inverted.png");
167 @media (min-resolution: 1.1dppx) {
168 .identity-popup-expander[panel-multiview-anchor] {
169 background-image: url("chrome://browser/skin/customizableui/subView-arrow-back-inverted@2x.png");
173 .identity-popup-expander > .button-box,
174 .identity-popup-expander > .button-box:focus {
176 border-radius: 0 5px 5px 0;
179 .identity-popup-expander[panel-multiview-anchor] > .button-box,
180 .identity-popup-expander[panel-multiview-anchor] > .button-box:focus {
183 .identity-popup-expander:hover {
184 background-image: url("chrome://browser/skin/controlcenter/arrow-subview.svg#arrow-active");
185 background-color: #FFCF00;
188 .identity-popup-expander:hover:active {
189 background-image: url("chrome://browser/skin/controlcenter/arrow-subview.svg#arrow-active");
190 background-color: #FF9F00;
195 .identity-popup-text {
196 white-space: pre-wrap;
201 .identity-popup-headline {
208 #identity-popup-securityView > .identity-popup-text:not(#identity-popup-content-owner) {
212 .identity-popup-connection-secure {
216 .identity-popup-connection-not-secure {
220 #identity-popup-security-content.chromeUI {
221 background-image: url(chrome://branding/content/icon48.png);
224 /* SECURITY SUBVIEW */
226 #identity-popup-securityView {
231 #identity-popup-securityView,
232 #identity-popup-security-content {
233 background-image: url(chrome://browser/skin/controlcenter/conn-not-secure.svg);
236 #identity-popup-securityView.verifiedDomain,
237 #identity-popup-security-content.verifiedDomain {
238 background-image: url(chrome://browser/skin/controlcenter/conn-secure-dv.svg);
241 #identity-popup-securityView.verifiedIdentity,
242 #identity-popup-security-content.verifiedIdentity {
243 background-image: url(chrome://browser/skin/controlcenter/conn-secure-ev.svg);
246 #identity-popup-securityView.mixedActiveContent,
247 #identity-popup-security-content.mixedActiveContent {
248 background-image: url(chrome://browser/skin/controlcenter/mcb-disabled.svg);
251 #identity-popup-securityView-header {
252 border-bottom: 1px solid #A09090;
257 #identity-popup-content-owner {
261 #identity-popup-content-verifier {
265 #identity-popup-content-owner,
266 #identity-popup-securityView > #identity-popup-securityView-connection.identity-popup-text {
270 /* TRACKING PROTECTION */
272 #tracking-protection-content {
273 background-image: url("chrome://browser/skin/controlcenter/tracking-protection.svg");
276 #tracking-protection-content[block-disabled] {
277 background-image: url("chrome://browser/skin/controlcenter/tracking-protection-disabled.svg");
280 #tracking-action-block,
281 #tracking-action-unblock {
285 #tracking-protection-content[block-active] > #tracking-not-detected,
286 #tracking-protection-content[block-disabled] > #tracking-not-detected,
287 #tracking-protection-content:not([block-active]) > #tracking-blocked,
288 #tracking-protection-content:not([block-active]) #tracking-action-unblock,
289 #tracking-protection-content:not([block-disabled]) > #tracking-loaded,
290 #tracking-protection-content:not([block-disabled]) #tracking-action-block,
291 #tracking-protection-content:not([block-active]):not([block-disabled]) > #tracking-actions {
297 #identity-popup-permissions-content {
298 background-image: url(chrome://browser/skin/controlcenter/permissions.svg);
301 #identity-popup-permission-list {
305 .identity-popup-permission-label {
306 -moz-margin-start: 0;
311 #identity-popup-button-container {
313 border-top: 1px solid #A09090;
316 #identity-popup-more-info-button {
320 #identity-popup-more-info-button:hover {
323 #identity-popup-more-info-button:hover:active {
327 /* === END panel.inc.css === */
330 #identity-popup-icon {
334 list-style-image: url("chrome://browser/skin/identity.png");
335 -moz-image-region: rect(0px, 64px, 64px, 0px);
338 #identity-popup.verifiedDomain > #identity-popup-container > #identity-popup-icon {
339 -moz-image-region: rect(64px, 64px, 128px, 0px);
342 #identity-popup.verifiedIdentity > #identity-popup-container > #identity-popup-icon {
343 -moz-image-region: rect(128px, 64px, 192px, 0px);
346 /* Popup Body Text */
347 .identity-popup-description {
348 white-space: pre-wrap;
349 -moz-padding-start: 15px;
353 .identity-popup-label {
354 white-space: pre-wrap;
355 -moz-padding-start: 15px;
359 #identity-popup-content-host,
360 #identity-popup-content-box.verifiedIdentity > #identity-popup-content-owner {
364 #identity-popup-content-host {
371 #identity-popup-content-owner {
373 margin-bottom: 0 !important;
378 .verifiedDomain > #identity-popup-content-owner {
382 #identity-popup-content-verifier {
386 #identity-popup-content-box.verifiedIdentity > #identity-popup-encryption ,
387 #identity-popup-content-box.verifiedDomain > #identity-popup-encryption {
389 -moz-margin-start: -24px;
392 #identity-popup-content-box.verifiedIdentity > #identity-popup-encryption > vbox > #identity-popup-encryption-icon ,
393 #identity-popup-content-box.verifiedDomain > #identity-popup-encryption > vbox > #identity-popup-encryption-icon {
394 list-style-image: url("chrome://browser/skin/Secure24.png");
397 #identity-popup > .panel-arrowcontainer > .panel-arrowcontent {
401 #identity-popup-container {