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.5em 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;
119 .identity-popup-expander {
123 background-image: url("chrome://browser/skin/controlcenter/arrow-subview.svg#arrow");
124 background-size: 16px, auto;
125 background-position: center;
126 background-repeat: no-repeat;
127 background-color: transparent;
128 border-radius: 0 5px 5px 0;
131 .identity-popup-expander:-moz-locale-dir(rtl) {
132 transform: scaleX(-1);
135 .identity-popup-expander[panel-multiview-anchor] {
136 transition: background-color 250ms ease-in;
137 background-color: #008484;
138 background-image: url("chrome://browser/skin/controlcenter/arrow-subview-back.svg");
141 .identity-popup-expander > .button-box,
142 .identity-popup-expander > .button-box:focus {
144 border-radius: 0 5px 5px 0;
147 .identity-popup-expander[panel-multiview-anchor] > .button-box,
148 .identity-popup-expander[panel-multiview-anchor] > .button-box:focus {
151 .identity-popup-expander:hover {
152 background-image: url("chrome://browser/skin/controlcenter/arrow-subview.svg#arrow-active");
153 background-color: #FFCF00;
156 .identity-popup-expander:hover:active {
157 background-image: url("chrome://browser/skin/controlcenter/arrow-subview.svg#arrow-active");
158 background-color: #FF9F00;
163 #identity-popup-security-content > description,
164 #identity-popup-security-descriptions > description,
165 #identity-popup-securityView-header > description,
166 #identity-popup-securityView-body > description,
167 #identity-popup-permissions-content > description,
168 #tracking-protection-content > label,
169 .identity-popup-text {
170 white-space: pre-wrap;
175 .identity-popup-headline {
179 .identity-popup-warning-gray {
180 -moz-padding-start: 24px;
181 background: url(chrome://browser/skin/controlcenter/warning-gray.svg) no-repeat 0 50%;
184 .identity-popup-warning-yellow {
185 -moz-padding-start: 24px;
186 background: url(chrome://browser/skin/controlcenter/warning-yellow.svg) no-repeat 0 50%;
189 .identity-popup-warning-gray:-moz-locale-dir(rtl),
190 .identity-popup-warning-yellow:-moz-locale-dir(rtl) {
191 background-position: 100% 50%;
196 #identity-popup-securityView > .identity-popup-text:not(#identity-popup-content-owner) {
200 .identity-popup-connection-secure {
204 .identity-popup-connection-not-secure {
208 #identity-popup-security-content.chromeUI {
209 background-image: url(chrome://branding/content/icon48.png);
212 /* SECURITY SUBVIEW */
214 #identity-popup-securityView {
219 #identity-popup-securityView,
220 #identity-popup-security-content {
221 background-image: url(chrome://browser/skin/controlcenter/conn-not-secure.svg);
224 #identity-popup-securityView.verifiedDomain,
225 #identity-popup-security-content.verifiedDomain {
226 background-image: url(chrome://browser/skin/controlcenter/conn-secure-dv.svg);
229 #identity-popup-securityView.verifiedIdentity,
230 #identity-popup-security-content.verifiedIdentity {
231 background-image: url(chrome://browser/skin/controlcenter/conn-secure-ev.svg);
234 #identity-popup-securityView.mixedActiveContent,
235 #identity-popup-security-content.mixedActiveContent {
236 background-image: url(chrome://browser/skin/controlcenter/mcb-disabled.svg);
239 #identity-popup-securityView-header {
240 border-bottom: 1px solid #A09090; /*var(--panel-separator-color);*/
245 #identity-popup-content-owner {
249 #identity-popup-content-verifier {
253 #identity-popup-content-owner,
254 #identity-popup-securityView > #identity-popup-securityView-connection.identity-popup-text {
258 /* TRACKING PROTECTION */
260 #tracking-protection-content {
261 background-image: url("chrome://browser/skin/controlcenter/tracking-protection.svg");
264 #tracking-protection-content[state="loaded-tracking-content"],
265 #tracking-protection-content[block-disabled] {
266 background-image: url("chrome://browser/skin/controlcenter/tracking-protection-disabled.svg");
269 #tracking-action-block,
270 #tracking-action-unblock,
271 #tracking-action-unblock-private {
275 #tracking-protection-content[state] > #tracking-not-detected,
276 #tracking-protection-content:not([state="blocked-tracking-content"]) > #tracking-blocked,
277 #main-window[privatebrowsingmode] #tracking-action-unblock,
278 #main-window:not([privatebrowsingmode]) #tracking-action-unblock-private,
279 #tracking-protection-content:not([state="blocked-tracking-content"]) #tracking-action-unblock,
280 #tracking-protection-content:not([state="blocked-tracking-content"]) #tracking-action-unblock-private,
281 #tracking-protection-content:not([state="loaded-tracking-content"]) > #tracking-loaded,
282 #tracking-protection-content:not([state="loaded-tracking-content"]) #tracking-action-block,
283 #tracking-protection-content:not([state]) > #tracking-actions,
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 === */
329 .identity-popup-expander:-moz-focusring {
333 .identity-popup-expander:-moz-focusring > .button-box {
334 outline: 1px #008484 dotted;