From de6d0eaf6eb0b61fc1c8eea6bc53db2f0f8fde6a Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Mon, 23 Jan 2017 15:16:14 +0100 Subject: update to 51.0rc2 --- .../chrome/browser/controlcenter/panel.css | 49 +++++++++++++++------- 1 file changed, 33 insertions(+), 16 deletions(-) (limited to 'arc-firefox-theme/chrome/browser/controlcenter/panel.css') diff --git a/arc-firefox-theme/chrome/browser/controlcenter/panel.css b/arc-firefox-theme/chrome/browser/controlcenter/panel.css index f22053e..c872205 100644 --- a/arc-firefox-theme/chrome/browser/controlcenter/panel.css +++ b/arc-firefox-theme/chrome/browser/controlcenter/panel.css @@ -155,16 +155,18 @@ } .identity-popup-expander:hover { - background-color: hsla(210,4%,10%,.07); + background-color: var(--arrowpanel-dimmed); } .identity-popup-expander:hover:active { - background-color: hsla(210,4%,10%,.12); + background-color: var(--arrowpanel-dimmed-further); box-shadow: 0 1px 0 hsla(210,4%,10%,.05) inset; } /* CONTENT */ +.identity-popup-permission-label, +.identity-popup-permission-state-label, #identity-popup-security-content > description, #identity-popup-security-descriptions > description, #identity-popup-securityView-header > description, @@ -229,7 +231,7 @@ #identity-popup[connection^=secure] #identity-popup-securityView, #identity-popup[connection^=secure] #identity-popup-security-content { - background-image: url(chrome://browser/skin/controlcenter/conn-secure.svg); + background-image: url(chrome://browser/skin/controlcenter/connection.svg#connection-secure); } /* Use [isbroken] to make sure we don't show a lock on an http page. See Bug 1192162. */ @@ -237,12 +239,12 @@ #identity-popup[ciphers=weak] #identity-popup-security-content, #identity-popup[mixedcontent~=passive-loaded][isbroken] #identity-popup-securityView, #identity-popup[mixedcontent~=passive-loaded][isbroken] #identity-popup-security-content { - background-image: url(chrome://browser/skin/controlcenter/conn-degraded.svg); + background-image: url(chrome://browser/skin/controlcenter/connection.svg#connection-degraded); } #identity-popup[connection=secure-cert-user-overridden] #identity-popup-securityView, #identity-popup[connection=secure-cert-user-overridden] #identity-popup-security-content { - background-image: url(chrome://browser/skin/identity-mixed-passive-loaded.svg); + background-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon); } #identity-popup[loginforms=insecure] #identity-popup-securityView, @@ -275,26 +277,26 @@ #identity-popup-securityView-footer { margin-top: 1em; - background-color: hsla(210,4%,10%,.07); + background-color: var(--arrowpanel-dimmed); } #identity-popup-securityView-footer > button { -moz-appearance: none; margin: 0; border: none; - border-top: 1px solid #ccc; + border-top: 1px solid var(--panel-separator-color); padding: 8px 20px; - color: ButtonText; + color: inherit; background-color: transparent; } #identity-popup-securityView-footer > button:hover, #identity-popup-securityView-footer > button:focus { - background-color: hsla(210,4%,10%,.07); + background-color: var(--arrowpanel-dimmed); } #identity-popup-securityView-footer > button:hover:active { - background-color: hsla(210,4%,10%,.12); + background-color: var(--arrowpanel-dimmed-further); } #identity-popup-content-verifier ~ description { @@ -317,11 +319,11 @@ description#identity-popup-content-verifier, /* TRACKING PROTECTION */ #tracking-protection-content { - background-image: url("chrome://browser/skin/controlcenter/tracking-protection.svg"); + background-image: url("chrome://browser/skin/controlcenter/tracking-protection.svg#enabled"); } #tracking-protection-content[state="loaded-tracking-content"] { - background-image: url("chrome://browser/skin/controlcenter/tracking-protection-disabled.svg"); + background-image: url("chrome://browser/skin/controlcenter/tracking-protection.svg#disabled"); } #tracking-action-block, @@ -369,20 +371,35 @@ description#identity-popup-content-verifier, margin-top: 5px; } -#identity-popup-permission-list:not(:empty) + description { - display: none; -} - .identity-popup-permission-icon { width: 16px; height: 16px; } +.identity-popup-permission-icon.in-use { + animation: 1.5s ease in-use-blink infinite; +} + +@keyframes in-use-blink { + 50% { opacity: 0; } +} + +.identity-popup-permission-label, +.identity-popup-permission-state-label { + /* We need to align the action buttons and permission icons with the text. + This is tricky because the icon height is defined in pixels, while the + font height can vary with platform and system settings, and at least on + Windows the default font metrics reserve more extra space for accents. + This value is a good compromise for different platforms and font sizes. */ + margin-top: -0.1em; +} + .identity-popup-permission-label { margin-inline-start: 1em; } .identity-popup-permission-state-label { + margin-inline-end: 5px; text-align: end; color: graytext; } -- cgit v1.2.3