X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fcontrolcenter%2Fpanel.css;h=ec88a339d33b3815a00b79018dfc767b3c26fa7c;hp=8a628ef4db6c07613c0d99f32ab7f5d5beeb34d8;hb=19988d2d5bba419a5f24824e3c7edf3119d95898;hpb=470b6552308a19f556badc1b3992e976e52b4239 diff --git a/LCARStrek/browser/controlcenter/panel.css b/LCARStrek/browser/controlcenter/panel.css index 8a628ef4..ec88a339 100644 --- a/LCARStrek/browser/controlcenter/panel.css +++ b/LCARStrek/browser/controlcenter/panel.css @@ -1,26 +1,68 @@ -#identity-popup-securityView:not(.verifiedIdentity) > #identity-popup-content-owner, -#identity-popup-securityView:not(.verifiedIdentity):not(.verifiedDomain) > #identity-popup-content-verifier, -#identity-popup-securityView:not(.unknownIdentity):not(.verifiedIdentity):not(.mixedContent) > #identity-popup-content-supplemental, -#identity-popup-security-content:not(.verifiedIdentity):not(.verifiedDomain) > .identity-popup-connection-secure, -#identity-popup-securityView:not(.verifiedIdentity):not(.verifiedDomain) > #identity-popup-securityView-header > .identity-popup-connection-secure, -#identity-popup-securityView:not(.unknownIdentity) > #identity-popup-securityView-header > .identity-popup-connection-not-secure, -#identity-popup-securityView:not(.chromeUI) > #identity-popup-securityView-header > .identity-popup-connection-internal, -#identity-popup-security-content:not(.unknownIdentity) > .identity-popup-connection-not-secure, -#identity-popup-securityView:not(.verifiedIdentity) > #identity-popup-securityView-connection, -#identity-popup-security-content:not(.chromeUI) > .identity-popup-connection-internal, -#identity-popup-security-content.chromeUI + .identity-popup-expander { +/* 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/. */ + +/* === BEGIN panel.inc.css === */ + +/* Hide all conditional elements by default. */ +:-moz-any([when-connection],[when-mixedcontent],[when-ciphers],[when-loginforms]) { display: none; } -/* PANEL */ +/* Show the right elements for the right connection states. */ +#identity-popup[connection=not-secure] [when-connection~=not-secure], +#identity-popup[connection=secure-ev] [when-connection~=secure-ev], +#identity-popup[connection=secure] [when-connection~=secure], +#identity-popup[connection=chrome] [when-connection~=chrome], +#identity-popup[connection=file] [when-connection~=file], +/* Show insecure login forms messages when needed. */ +#identity-popup[loginforms=insecure] [when-loginforms=insecure], +/* Show weak cipher messages when needed. */ +#identity-popup[ciphers=weak] [when-ciphers~=weak], +/* Show mixed content warnings when needed */ +#identity-popup[mixedcontent~=active-loaded] [when-mixedcontent=active-loaded], +#identity-popup[mixedcontent~=passive-loaded]:not([mixedcontent~=active-loaded]) [when-mixedcontent=passive-loaded], +#identity-popup[mixedcontent~=active-blocked]:not([mixedcontent~=passive-loaded]) [when-mixedcontent=active-blocked], +/* Show the right elements when there is mixed passive content loaded and active blocked. */ +#identity-popup[mixedcontent~=active-blocked][mixedcontent~=passive-loaded] [when-mixedcontent~=active-blocked][when-mixedcontent~=passive-loaded], +/* Show 'disable MCB' button always when there is mixed active content blocked. */ +#identity-popup-securityView-body[mixedcontent~=active-blocked] > button[when-mixedcontent=active-blocked] { + display: inherit; +} + +/* Hide redundant messages based on insecure login forms presence. */ +#identity-popup[loginforms=secure] [and-when-loginforms=insecure] { + display: none; +} +#identity-popup[loginforms=insecure] [and-when-loginforms=secure] { + display: none; +} + +/* Hide 'not secure' message in subview when weak cipher or mixed content messages are shown. */ +#identity-popup-securityView-body:-moz-any([mixedcontent],[ciphers]) > description[when-connection=not-secure], +/* Hide 'passive-loaded (only)' message when there is mixed passive content loaded and active blocked. */ +#identity-popup-securityView-body[mixedcontent~=passive-loaded][mixedcontent~=active-blocked] > description[when-mixedcontent=passive-loaded] { + display: none; +} + +/* Make sure hidden elements don't accidentally become visible from one of the + above selectors (see Bug 1194258) */ +#identity-popup [hidden] { + display: none !important; +} #identity-popup, -.panel-viewstack[viewtype="main"]:not([transitioning]) > .panel-mainview[panelid=identity-popup] > #identity-popup-mainView { +#identity-popup:not([panelopen]) .panel-viewstack[viewtype="main"]:not([transitioning]) #identity-popup-mainView { /* Tiny hack to ensure the panel shrinks back to its original size after closing a subview that is bigger than the main view. */ max-height: 0; } +.panel-mainview[panelid=identity-popup][viewtype=subview] > #identity-popup-mainView menulist, +.panel-mainview[panelid=identity-popup][viewtype=subview] > #identity-popup-mainView button:not([panel-multiview-anchor]) { + -moz-user-focus: ignore; +} + #identity-popup > .panel-arrowcontainer > .panel-arrowcontent { padding: 0; } @@ -50,14 +92,14 @@ } .identity-popup-section:not(:first-child) { - border-top: 1px solid #A09090; + border-top: 1px solid var(--panel-separator-color); } #identity-popup-securityView, #identity-popup-security-content, #identity-popup-permissions-content, #tracking-protection-content { - padding: 0.75em 0 1em; + padding: 0.5em 0 1em; -moz-padding-start: calc(2em + 24px); -moz-padding-end: 1em; background-repeat: no-repeat; @@ -72,32 +114,6 @@ background-position: calc(100% - 1em) 1em; } -/* IN-CONTENT-PREF STYLE BUTTONS */ -/* -.identity-popup-button { - -moz-appearance: none; - margin: 5px 0; - height: 30px; - color: #333; - line-height: 20px; - border: 1px solid #c1c1c1; - border-radius: 2px; - background-color: #fbfbfb; -} - -.identity-popup-button:not([disabled="true"]):hover { - background-color: #ebebeb; -} - -.identity-popup-button:not([disabled="true"]):hover:active { - background-color: #dadada; -} - -.identity-popup-button[disabled="true"] { - cursor: not-allowed; - opacity: 0.5; -} -*/ /* EXPAND BUTTON */ .identity-popup-expander { @@ -119,13 +135,7 @@ .identity-popup-expander[panel-multiview-anchor] { transition: background-color 250ms ease-in; background-color: #008484; - background-image: url("chrome://browser/skin/customizableui/subView-arrow-back-inverted.png"); -} - -@media (min-resolution: 1.1dppx) { - .identity-popup-expander[panel-multiview-anchor] { - background-image: url("chrome://browser/skin/customizableui/subView-arrow-back-inverted@2x.png"); - } + background-image: url("chrome://browser/skin/controlcenter/arrow-subview-back.svg"); } .identity-popup-expander > .button-box, @@ -150,6 +160,12 @@ /* CONTENT */ +#identity-popup-security-content > description, +#identity-popup-security-descriptions > description, +#identity-popup-securityView-header > description, +#identity-popup-securityView-body > description, +#identity-popup-permissions-content > description, +#tracking-protection-content > label, .identity-popup-text { white-space: pre-wrap; font-size: 110%; @@ -160,6 +176,20 @@ margin: 2px 0 4px; font-size: 150%; } +.identity-popup-warning-gray { + -moz-padding-start: 24px; + background: url(chrome://browser/skin/controlcenter/warning-gray.svg) no-repeat 0 50%; +} + +.identity-popup-warning-yellow { + -moz-padding-start: 24px; + background: url(chrome://browser/skin/controlcenter/warning-yellow.svg) no-repeat 0 50%; +} + +.identity-popup-warning-gray:-moz-locale-dir(rtl), +.identity-popup-warning-yellow:-moz-locale-dir(rtl) { + background-position: 100% 50%; +} /* SECURITY */ @@ -192,13 +222,19 @@ } #identity-popup-securityView.verifiedDomain, -#identity-popup-security-content.verifiedDomain { - background-image: url(chrome://browser/skin/controlcenter/conn-secure-dv.svg); -} - #identity-popup-securityView.verifiedIdentity, +#identity-popup-security-content.verifiedDomain, #identity-popup-security-content.verifiedIdentity { - background-image: url(chrome://browser/skin/controlcenter/conn-secure-ev.svg); + background-image: url(chrome://browser/skin/controlcenter/conn-secure.svg); +} + +#identity-popup-securityView.weakCipher, +#identity-popup-securityView.mixedDisplayContent, +#identity-popup-securityView.mixedDisplayContentLoadedActiveBlocked, +#identity-popup-security-content.weakCipher, +#identity-popup-security-content.mixedDisplayContent, +#identity-popup-security-content.mixedDisplayContentLoadedActiveBlocked { + background-image: url(chrome://browser/skin/controlcenter/conn-degraded.svg); } #identity-popup-securityView.mixedActiveContent, @@ -207,7 +243,7 @@ } #identity-popup-securityView-header { - border-bottom: 1px solid #A09090; + border-bottom: 1px solid var(--panel-separator-color); padding-bottom: 1em; margin-bottom: 1em; } @@ -231,22 +267,25 @@ background-image: url("chrome://browser/skin/controlcenter/tracking-protection.svg"); } -#tracking-protection-content[block-disabled] { +#tracking-protection-content[state="loaded-tracking-content"] { background-image: url("chrome://browser/skin/controlcenter/tracking-protection-disabled.svg"); } #tracking-action-block, -#tracking-action-unblock { +#tracking-action-unblock, +#tracking-action-unblock-private { margin: 1em 0 0; } -#tracking-protection-content[block-active] > #tracking-not-detected, -#tracking-protection-content[block-disabled] > #tracking-not-detected, -#tracking-protection-content:not([block-active]) > #tracking-blocked, -#tracking-protection-content:not([block-active]) #tracking-action-unblock, -#tracking-protection-content:not([block-disabled]) > #tracking-loaded, -#tracking-protection-content:not([block-disabled]) #tracking-action-block, -#tracking-protection-content:not([block-active]):not([block-disabled]) > #tracking-actions { +#tracking-protection-content[state] > #tracking-not-detected, +#tracking-protection-content:not([state="blocked-tracking-content"]) > #tracking-blocked, +#main-window[privatebrowsingmode] #tracking-action-unblock, +#main-window:not([privatebrowsingmode]) #tracking-action-unblock-private, +#tracking-protection-content:not([state="blocked-tracking-content"]) #tracking-action-unblock, +#tracking-protection-content:not([state="blocked-tracking-content"]) #tracking-action-unblock-private, +#tracking-protection-content:not([state="loaded-tracking-content"]) > #tracking-loaded, +#tracking-protection-content:not([state="loaded-tracking-content"]) #tracking-action-block, +#tracking-protection-content:not([state]) > #tracking-actions { display: none; } @@ -267,11 +306,12 @@ /* FOOTER BUTTONS */ #identity-popup-button-container { - background-color: #000000; + background: #000000; border-top: 1px solid #A09090; } #identity-popup-more-info-button { + margin-top: 5px; } /* #identity-popup-more-info-button:hover { @@ -279,4 +319,14 @@ #identity-popup-more-info-button:hover:active { } -*/ \ No newline at end of file +*/ + +/* === END panel.inc.css === */ + +.identity-popup-expander:-moz-focusring { + padding: 1px; +} + +.identity-popup-expander:-moz-focusring > .button-box { + outline: 1px #008484 dotted; +}