From: Robert Kaiser Date: Fri, 1 Apr 2016 22:03:48 +0000 (+0200) Subject: fourth part of syncing LCARStrek with Firefox 42-44 windows theme changes X-Git-Tag: LCARStrek-2.41~17 X-Git-Url: https://git-public.kairo.at/?a=commitdiff_plain;h=024a65e993d7e87562e7d0f8cde4619d8def4ba5;p=themes.git fourth part of syncing LCARStrek with Firefox 42-44 windows theme changes --- diff --git a/LCARStrek/browser/bad-content-blocked-16.png b/LCARStrek/browser/bad-content-blocked-16.png deleted file mode 100644 index 88da6a72..00000000 Binary files a/LCARStrek/browser/bad-content-blocked-16.png and /dev/null differ diff --git a/LCARStrek/browser/bad-content-blocked-16@2x.png b/LCARStrek/browser/bad-content-blocked-16@2x.png deleted file mode 100644 index d293a92c..00000000 Binary files a/LCARStrek/browser/bad-content-blocked-16@2x.png and /dev/null differ diff --git a/LCARStrek/browser/bad-content-blocked-64.png b/LCARStrek/browser/bad-content-blocked-64.png deleted file mode 100644 index c63814fa..00000000 Binary files a/LCARStrek/browser/bad-content-blocked-64.png and /dev/null differ diff --git a/LCARStrek/browser/bad-content-blocked-64@2x.png b/LCARStrek/browser/bad-content-blocked-64@2x.png deleted file mode 100644 index 1a224006..00000000 Binary files a/LCARStrek/browser/bad-content-blocked-64@2x.png and /dev/null differ diff --git a/LCARStrek/browser/bad-content-unblocked-16.png b/LCARStrek/browser/bad-content-unblocked-16.png deleted file mode 100644 index 51bbf4ab..00000000 Binary files a/LCARStrek/browser/bad-content-unblocked-16.png and /dev/null differ diff --git a/LCARStrek/browser/bad-content-unblocked-16@2x.png b/LCARStrek/browser/bad-content-unblocked-16@2x.png deleted file mode 100644 index 9692a0fe..00000000 Binary files a/LCARStrek/browser/bad-content-unblocked-16@2x.png and /dev/null differ diff --git a/LCARStrek/browser/bad-content-unblocked-64.png b/LCARStrek/browser/bad-content-unblocked-64.png deleted file mode 100644 index 7c54cae1..00000000 Binary files a/LCARStrek/browser/bad-content-unblocked-64.png and /dev/null differ diff --git a/LCARStrek/browser/bad-content-unblocked-64@2x.png b/LCARStrek/browser/bad-content-unblocked-64@2x.png deleted file mode 100644 index 450e015f..00000000 Binary files a/LCARStrek/browser/bad-content-unblocked-64@2x.png and /dev/null differ diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 8689da24..29be8d96 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -43,7 +43,6 @@ menubar { --panel-separator-color: #A09090; - /*--urlbar-separator-color: rgba(0,0,0,.2);*/ --urlbar-separator-color: #9C9CFF; } @@ -1954,13 +1953,6 @@ html|*.urlbar-input:-moz-lwtheme::-moz-placeholder, padding: 0; } -.urlbar-icon:hover { -} - -.urlbar-icon[open="true"], -.urlbar-icon:hover:active { -} - #urlbar-search-footer { border-top: 1px solid #A09090; } @@ -2095,18 +2087,19 @@ html|*.urlbar-input:-moz-lwtheme::-moz-placeholder, /* === BEGIN identity-block.inc.css === */ #identity-box { - --identity-box-border-color: #A09090; --identity-box-verified-color: #008484; /* Default theme does different color per channel, we can't as they do it build-time. */ --identity-box-chrome-color: #9C9CFF; - border-inline-end: 1px solid --identity-box-border-color); + border-inline-end: 1px solid --urlbar-separator-color); font-size: .9em; border-radius: 2px; - -moz-margin-end: 3px; -/* padding: 2px 5px; - margin-inline-end: 4px;*/ + padding: 3px 5px; + margin-inline-end: 4px; overflow: hidden; + /* The latter two properties have a transition to handle the delayed hiding of + the forward button when hovered. */ + transition: background-color 150ms ease, padding-left, padding-right; } #identity-box:-moz-locale-dir(ltr) { @@ -2141,10 +2134,6 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box -moz-margin-end: 1px; } -window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not([switchingtabs]) > #urlbar > #identity-box { - transition: padding-left, padding-right; -} - window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled] + #urlbar > #notification-popup-box[hidden] + #identity-box { padding-inline-start: 2px; @@ -2152,8 +2141,10 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled window:not([chromehidden~="toolbar"]) #urlbar-wrapper:hover:not([switchingtabs]) > #forward-button[disabled] + #urlbar > #notification-popup-box[hidden] + #identity-box { - /* forward button hiding is delayed when hovered */ - transition-delay: 100s; + /* Forward button hiding is delayed when hovered, so we should use the same + delay for the identity box. We handle both horizontal paddings (for LTR and + RTL), the latter two delays here are for padding-left and padding-right. */ + transition-delay: 0s, 100s, 100s; } window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-button[disabled] + #urlbar > @@ -2167,8 +2158,8 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-but #tracking-protection-icon { width: 16px; height: 16px; + margin-inline-start: 0; list-style-image: url("chrome://browser/skin/tracking-protection-16.svg"); - margin-left: 0; opacity: 1; } @@ -2177,11 +2168,11 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-but } #tracking-protection-icon[animate] { - transition: margin-left 200ms ease-out; + transition: margin-left 200ms ease-out, margin-right 200ms ease-out; } #tracking-protection-icon:not([state]) { - margin-left: -16px; + margin-inline-start: -18px; pointer-events: none; opacity: 0; /* Only animate the shield in, when it disappears hide it immediately. */ @@ -2493,7 +2484,7 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- border-style: none; list-style-image: url("chrome://browser/skin/reload-stop-goFx.png"); /* padding: 0 9px;*/ - margin-inline-start: 2px; + margin-inline-start: 0px; border-inline-start: 1px solid var(--urlbar-separator-color); border-image: linear-gradient(transparent 15%, var(--urlbar-separator-color) 15%, @@ -2880,9 +2871,11 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- :root { /* --tab-toolbar-navbar-overlap: 1px; */ + /* --navbar-tab-toolbar-highlight-overlap: 1px; */ /* --tab-min-height: 31px; */ - /* --tab-curve-width: 30px; */ - /* --tab-curve-half-width: 15px; */ +} +#TabsToolbar { + /* --tab-stroke-background-size: auto 100%; */ } .tabbrowser-tab, @@ -2947,7 +2940,6 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- height: 16px; /* margin-top: -12px; */ -moz-margin-start: -16px; - display: none; position: relative; } @@ -2955,69 +2947,32 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- list-style-image: url("chrome://browser/skin/tabbrowser/crashed.svg"); } -.tab-icon-overlay[crashed], -.tab-icon-overlay[soundplaying][pinned], -.tab-icon-overlay[muted][pinned]:not([crashed]) { - display: -moz-box; -} - -.tab-icon-overlay[soundplaying][pinned], -.tab-icon-overlay[muted][pinned]:not([crashed]) { +.tab-icon-overlay[soundplaying], +.tab-icon-overlay[muted]:not([crashed]) { border-radius: 8px; } -.tab-icon-overlay[soundplaying][pinned]:hover, -.tab-icon-overlay[muted][pinned]:hover { +.tab-icon-overlay[soundplaying]:hover, +.tab-icon-overlay[muted]:hover { background-color: #FFCF00; } -.tab-icon-overlay[soundplaying][pinned] { +.tab-icon-overlay[soundplaying] { display: -moz-box; list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio"); } -.tab-icon-overlay[soundplaying][pinned]:hover { - list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-hover"); -} - -.tab-icon-overlay[soundplaying][pinned]:hover:active { - list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-pressed"); -} - -.tab-icon-overlay[muted][pinned]:not([crashed]) { +.tab-icon-overlay[muted]:not([crashed]) { list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-muted"); } -.tab-icon-overlay[muted][pinned]:not([crashed]):hover { - list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-muted-hover"); -} - -.tab-icon-overlay[muted][pinned]:not([crashed]):hover:active { - list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-muted-pressed"); -} - -#TabsToolbar[brighttext] .tab-icon-overlay[soundplaying][pinned] { - list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-dark"); -} - -#TabsToolbar[brighttext] .tab-icon-overlay[soundplaying][pinned]:hover { - list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-hover"); -} - -#TabsToolbar[brighttext] .tab-icon-overlay[soundplaying][pinned]:hover:active { - list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-pressed"); -} - -#TabsToolbar[brighttext] .tab-icon-overlay[muted][pinned]:not([crashed]) { - list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-muted"); +#TabsToolbar[brighttext] .tab-icon-overlay[soundplaying]:not(:hover) { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-white"); } -#TabsToolbar[brighttext] .tab-icon-overlay[muted][pinned]:not([crashed]):hover { - list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-muted-hover"); -} -#TabsToolbar[brighttext] .tab-icon-overlay[muted][pinned]:not([crashed]):hover:active { - list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-muted-pressed"); +#TabsToolbar[brighttext] .tab-icon-overlay[muted]:not([crashed]):not(:hover) { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-white-muted"); } .tab-throbber[busy] { @@ -3048,11 +3003,6 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- padding: 0; } -.tab-icon-sound:not([soundplaying]):not([muted]), -.tab-icon-sound[pinned] { - display: none; -} - .tab-icon-sound[muted] { list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted"); } @@ -3066,39 +3016,75 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- } .tab-icon-sound[soundplaying] { - list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio"); + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-backgroundTab"); } .tab-icon-sound[soundplaying]:hover { - list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-hover"); + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-backgroundTab-hover"); } .tab-icon-sound[soundplaying]:hover:active { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-backgroundTab-pressed"); +} + +.tab-icon-sound[muted] { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-backgroundTab-muted"); +} + +.tab-icon-sound[muted]:hover { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-backgroundTab-muted-hover"); +} + +.tab-icon-sound[muted]:hover:active { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-backgroundTab-muted-pressed"); +} + +.tab-icon-sound[visuallyselected=true][soundplaying] { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio"); +} + +.tab-icon-sound[visuallyselected=true][soundplaying]:hover { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-hover"); +} + +.tab-icon-sound[visuallyselected=true][soundplaying]:hover:active { list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-pressed"); } +.tab-icon-sound[visuallyselected=true][muted] { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted"); +} + +.tab-icon-sound[visuallyselected=true][muted]:hover { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted-hover"); +} + +.tab-icon-sound[visuallyselected=true][muted]:hover:active { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted-pressed"); +} + #TabsToolbar[brighttext] .tab-icon-sound[soundplaying] { - list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-dark"); + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-white"); } #TabsToolbar[brighttext] .tab-icon-sound[soundplaying]:hover { - list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-dark-hover"); + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-white-hover"); } #TabsToolbar[brighttext] .tab-icon-sound[soundplaying]:hover:active { - list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-dark-pressed"); + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-white-pressed"); } #TabsToolbar[brighttext] .tab-icon-sound[muted] { - list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted-dark"); + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted-white"); } #TabsToolbar[brighttext] .tab-icon-sound[muted]:hover { - list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted-dark-hover"); + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted-white-hover"); } #TabsToolbar[brighttext] .tab-icon-sound[muted]:hover:active { - list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted-dark-pressed"); + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted-white-pressed"); } .tab-close-button { @@ -3187,6 +3173,33 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- color: #000000; } +/* Tab separators */ +/* +.tabbrowser-tab::after, +.tabbrowser-tab::before { + width: 1px; + -moz-margin-start: -1px; + background-image: linear-gradient(transparent 5px, + currentColor 5px, + currentColor calc(100% - 4px), + transparent calc(100% - 4px)); + opacity: 0.2; +} + +#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab::before, +#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab::after { + opacity: 0.4; +} +*/ +/* Also show separators beside the selected tab when dragging it. */ +/* +#tabbrowser-tabs[movingtab] > .tabbrowser-tab[beforeselected]:not([last-visible-tab])::after, +.tabbrowser-tab:not([visuallyselected]):not([afterselected-visible]):not([afterhovered]):not([first-visible-tab]):not(:hover)::before, +#tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([visuallyselected]):not([beforehovered]):not(:hover)::after { + content: ""; + display: -moz-box; +} +*/ /* New tab button */ .tabs-newtab-button { @@ -3464,15 +3477,6 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { list-style-image: url("chrome://global/skin/icons/webapps-64.png"); } -.popup-notification-icon[popupid="bad-content"] { - list-style-image: url("chrome://browser/skin/bad-content-blocked-64.png"); -} - -.popup-notification-icon[popupid="bad-content"][mixedblockdisabled], -.popup-notification-icon[popupid="bad-content"][trackingblockdisabled] { - list-style-image: url(chrome://browser/skin/bad-content-unblocked-64.png); -} - .popup-notification-icon[popupid="webRTC-sharingDevices"], .popup-notification-icon[popupid="webRTC-shareDevices"] { list-style-image: url("chrome://browser/skin/webRTC-shareDevice-64.png"); @@ -3615,16 +3619,6 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled } } -.bad-content-blocked-notification-icon, -#bad-content-blocked-notification-icon { - list-style-image: url("chrome://browser/skin/bad-content-blocked-16.png"); -} - -.bad-content-unblocked-notification-icon, -#bad-content-unblocked-notification-icon { - list-style-image: url(chrome://browser/skin/bad-content-unblocked-16.png); -} - .webRTC-shareDevices-notification-icon, #webRTC-shareDevices-notification-icon { list-style-image: url("chrome://browser/skin/webRTC-shareDevice-16.png"); @@ -4021,23 +4015,62 @@ notification[value="loop-sharing-notification"] .messageImage { background-color: transparent !important; } -#full-screen-warning-message { - background-color: #000000; - color: #FF9F00; +/* === BEGIN fullscreen/warning.inc.css === */ + +#fullscreen-warning { + align-items: center; + background: rgba(0, 0, 0, 0.9); + border: 2px solid #A09090; + box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5); border-radius: 8px; - margin-top: 30px; - padding: 30px 50px; - box-shadow: 0 0 2px #9C9CFF; + padding: 24px 16px; + font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; +} + +#fullscreen-warning::before { + margin: 0; + width: 24px; height: 24px; +} + +#fullscreen-warning.verifiedIdentity::before, +#fullscreen-warning.verifiedDomain::before { + content: url("chrome://browser/skin/fullscreen/secure.svg"); +} + +#fullscreen-warning.unknownIdentity::before { + content: url("chrome://browser/skin/fullscreen/insecure.svg"); +} + +#fullscreen-domain-text, +#fullscreen-generic-text { + font-size: 21px; + font-weight: lighter; + color: #A09090; + margin: 0 16px; } -.full-screen-description { - font-size: 150%; +#fullscreen-domain { + font-weight: bold; + margin: 0; } -#full-screen-domain-text { - font-size: 300%; +#fullscreen-exit-button { + padding: 0 30px; + font: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; + font-size: 14px; + font-weight: lighter; + margin: 0; + height: 28px; + box-sizing: content-box; + + border-radius: 300px; + border: none; + background-color: #C09070; + color: #000000; } +/* === END fullscreen/warning.inc.css === */ + /* === BEGIN commandline.inc.css === */ /* NOTE: THESE NEED TO STAY IN SYNC WITH LIGHT-THEME.CSS AND DARK-THEME.CSS. @@ -4547,12 +4580,14 @@ html|*#gcli-output-frame { } .devtools-responsiveui-home-button { + -moz-user-focus: ignore; width: 40px; height: 30px; list-style-image: url("chrome://browser/skin/devtools/responsiveui-home.png"); } .devtools-responsiveui-sleep-button { + -moz-user-focus: ignore; -moz-appearance: none; /* compensate browserStack top padding */ margin-top: -67px; @@ -4580,6 +4615,7 @@ html|*#gcli-output-frame { .devtools-responsiveui-volume-up-button, .devtools-responsiveui-volume-down-button { + -moz-user-focus: ignore; -moz-appearance: none; border: 1px solid red; min-width: 8px; @@ -5060,32 +5096,6 @@ notification.pluginVulnerable .messageImage { /* === END plugin-doorhanger.inc.css === */ -/* === BEGIN badcontent-doorhanger.inc.css === */ - -.popup-notification-item-title[popupid="bad-content"] { - font-weight: bold; -} - -.popup-notification-item-message[popupid="bad-content"] { - width: 17em; -} - -.popup-notification-item-message[popupid="bad-content"][mixedblockdisabled]:not(.popup-notification-item-message-critical), -.popup-notification-item-message[popupid="bad-content"][trackingblockdisabled]:not(.popup-notification-item-message-critical) { - color: #8050B0; -} - -.popup-notification-item-message-critical[popupid="bad-content"] { - color: #FF0000; - font-style: italic; -} - -.popup-notification-footer[popupid="bad-content"] { - padding-top: 1em; -} - -/* === END badcontent-doorhanger.inc.css === */ - /* === BEGIN login-doorhanger.inc.css === */ #notification-popup[popupid="login-fill"] > .panel-arrowcontainer > .panel-arrowcontent { @@ -6198,10 +6208,6 @@ menugroup > .menuitem-iconic[disabled="true"] > .menu-iconic-left { list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); } -#fill-login { - list-style-image: url("chrome://mozapps/skin/passwordmgr/key-16.png"); -} - /* === END contextmenu.inc.css === */ #context-navigation { diff --git a/LCARStrek/browser/controlcenter/panel.css b/LCARStrek/browser/controlcenter/panel.css index 71c04da9..c2322a2b 100644 --- a/LCARStrek/browser/controlcenter/panel.css +++ b/LCARStrek/browser/controlcenter/panel.css @@ -174,7 +174,7 @@ } .identity-popup-headline { - margin: 2px 0 4px; + margin: 3px 0 4px; font-size: 150%; } .identity-popup-warning-gray { @@ -222,46 +222,89 @@ background-image: url(chrome://browser/skin/controlcenter/conn-not-secure.svg); } -#identity-popup-securityView.verifiedDomain, -#identity-popup-securityView.verifiedIdentity, -#identity-popup-security-content.verifiedDomain, -#identity-popup-security-content.verifiedIdentity { +#identity-popup[connection=chrome] #identity-popup-securityView, +#identity-popup[connection=chrome] #identity-popup-security-content { + background-image: url(chrome://branding/content/icon48.png); +} + +#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); } -#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 { +/* Use [isbroken] to make sure we don't show a lock on an http page. See Bug 1192162. */ +#identity-popup[ciphers=weak] #identity-popup-securityView, +#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); } -#identity-popup-securityView.mixedActiveContent, -#identity-popup-security-content.mixedActiveContent { +#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); +} + +#identity-popup[loginforms=insecure] #identity-popup-securityView, +#identity-popup[loginforms=insecure] #identity-popup-security-content, +#identity-popup[mixedcontent~=active-loaded][isbroken] #identity-popup-securityView, +#identity-popup[mixedcontent~=active-loaded][isbroken] #identity-popup-security-content { background-image: url(chrome://browser/skin/controlcenter/mcb-disabled.svg); } +#identity-popup-security-descriptions > description { + margin-top: 6px; + color: #A09090; +} + +#identity-popup-securityView-header, +#identity-popup-securityView-body { + -moz-margin-start: calc(2em + 24px); + -moz-margin-end: 1em; +} + #identity-popup-securityView-header { + margin-top: 0.5em; border-bottom: 1px solid var(--panel-separator-color); padding-bottom: 1em; - margin-bottom: 1em; } -#identity-popup-content-owner { - font-weight: 700; +#identity-popup-securityView-body { + -moz-padding-end: 1em; +} + +#identity-popup-securityView-footer { + margin-top: 1em; + background-color: hsla(210,4%,10%,.07); +} + +#identity-popup-securityView-footer > button { +} + +#identity-popup-securityView-footer > button:hover, +#identity-popup-securityView-footer > button:focus { } -#identity-popup-content-verifier { +#identity-popup-securityView-footer > button:hover:active { +} + +#identity-popup-content-verifier ~ description { + margin-top: 1em; color: #A09090; } -#identity-popup-content-owner, -#identity-popup-securityView > #identity-popup-securityView-connection.identity-popup-text { +description#identity-popup-content-verified-by, +description#identity-popup-content-owner, +description#identity-popup-content-verifier, +#identity-popup-securityView-body > button { margin-top: 1em; } +#identity-popup-securityView-body > button { + margin-inline-start: 0; + margin-inline-end: 0; +} + /* TRACKING PROTECTION */ #tracking-protection-content { @@ -297,32 +340,19 @@ background-image: url(chrome://browser/skin/controlcenter/permissions.svg); } +#identity-popup-permission-list menulist { + min-width: 60px; +} + #identity-popup-permission-list { margin-top: 5px; } .identity-popup-permission-label { -moz-margin-start: 0; + word-wrap: break-word; } -/* FOOTER BUTTONS */ - -#identity-popup-button-container { - background: #000000; - border-top: 1px solid #A09090; -} - -#identity-popup-more-info-button { - margin-top: 5px; -} -/* -#identity-popup-more-info-button:hover { -} - -#identity-popup-more-info-button:hover:active { -} -*/ - /* === END panel.inc.css === */ .identity-popup-expander:-moz-focusring { diff --git a/LCARStrek/browser/customizableui/panelUIOverlay.css b/LCARStrek/browser/customizableui/panelUIOverlay.css index 9ae0fbc5..8814c8ba 100644 --- a/LCARStrek/browser/customizableui/panelUIOverlay.css +++ b/LCARStrek/browser/customizableui/panelUIOverlay.css @@ -94,18 +94,18 @@ } #PanelUI-menu-button[badge-status="update-succeeded"] > .toolbarbutton-badge-stack > .toolbarbutton-badge { - background-image: url(chrome://browser/skin/update-badge.svg); - background-color: #008484; + background: #008484 url(chrome://browser/skin/update-badge.svg) no-repeat center; + height: 13px; } #PanelUI-menu-button[badge-status="update-failed"] > .toolbarbutton-badge-stack > .toolbarbutton-badge { - background-image: url(chrome://browser/skin/update-badge-failed.svg); - background-color: #FF0000; + background: #FF0000 url(chrome://browser/skin/update-badge-failed.svg) no-repeat center; + height: 13px; } #PanelUI-menu-button[badge-status="fxa-needs-authentication"] > .toolbarbutton-badge-stack > .toolbarbutton-badge { - background-color: transparent; - background-image: url(chrome://browser/skin/warning.svg); + background: transparent url(chrome://browser/skin/warning.svg) no-repeat center; + height: 13px; box-shadow: none; } diff --git a/LCARStrek/browser/devtools/animationinspector.css b/LCARStrek/browser/devtools/animationinspector.css index c752f1b8..1f83b3f5 100644 --- a/LCARStrek/browser/devtools/animationinspector.css +++ b/LCARStrek/browser/devtools/animationinspector.css @@ -95,7 +95,7 @@ body { background-image: url("debugger-play.png"); } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { #element-picker::before { background-image: url("chrome://browser/skin/devtools/command-pick@2x.png"); background-size: 64px; @@ -358,7 +358,7 @@ body { background-image: url(rewind.png); } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { .timeline .toggle::before { background-image: url(debugger-pause@2x.png); } diff --git a/LCARStrek/browser/devtools/canvasdebugger.css b/LCARStrek/browser/devtools/canvasdebugger.css index 5072242f..b3ae18ad 100644 --- a/LCARStrek/browser/devtools/canvasdebugger.css +++ b/LCARStrek/browser/devtools/canvasdebugger.css @@ -138,7 +138,7 @@ list-style-image: url("debugger-step-out.png"); } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { #resume { list-style-image: url(debugger-play@2x.png); -moz-image-region: rect(0px,64px,32px,32px); @@ -226,7 +226,7 @@ background-size: 12px; } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { .selected .call-item-gutter { background-image: url("editor-debug-location@2x.png"); } diff --git a/LCARStrek/browser/devtools/computedview.css b/LCARStrek/browser/devtools/computedview.css index c992a5c5..b0c0fe9e 100644 --- a/LCARStrek/browser/devtools/computedview.css +++ b/LCARStrek/browser/devtools/computedview.css @@ -61,7 +61,7 @@ body { background-size: 5px 8px; } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { .property-value, .other-property-value { background-image: url("arrow-e@2x.png"); } diff --git a/LCARStrek/browser/devtools/dark-theme.css b/LCARStrek/browser/devtools/dark-theme.css index 38407b5d..6eea5192 100644 --- a/LCARStrek/browser/devtools/dark-theme.css +++ b/LCARStrek/browser/devtools/dark-theme.css @@ -357,7 +357,7 @@ div.CodeMirror span.eval-text { background-position: -14px 0; } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { .theme-twisty, .theme-checkbox { background-image: url("chrome://browser/skin/devtools/controls@2x.png"); } @@ -395,7 +395,7 @@ div.CodeMirror span.eval-text { margin-left: -4px; } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { .theme-tooltip-panel .panel-arrow[side="top"], .theme-tooltip-panel .panel-arrow[side="bottom"] { list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-vertical-dark@2x.png"); @@ -655,7 +655,7 @@ div.CodeMirror span.eval-text { opacity: 0.5; } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { .devtools-button::before { background-size: 32px; } @@ -758,7 +758,7 @@ div.CodeMirror span.eval-text { -moz-image-region: rect(0, 32px, 16px, 16px); } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { .devtools-searchinput { background-image: url("magnifying-glass@2x.png"); } @@ -1005,7 +1005,7 @@ div.CodeMirror span.eval-text { background-image: url("chrome://browser/skin/devtools/command-rulers.png"); } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { #command-button-paintflashing > image { background-image: url("chrome://browser/skin/devtools/command-paintflashing@2x.png"); } diff --git a/LCARStrek/browser/devtools/debugger.css b/LCARStrek/browser/devtools/debugger.css index bc1a0553..4318b901 100644 --- a/LCARStrek/browser/devtools/debugger.css +++ b/LCARStrek/browser/devtools/debugger.css @@ -39,7 +39,7 @@ window { list-style-image: url("debugger-blackbox.png"); } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { #black-box { list-style-image: url(debugger-blackbox@2x.png); } @@ -49,7 +49,7 @@ window { list-style-image: url(debugger-prettyprint.png); } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { #pretty-print { list-style-image: url(debugger-prettyprint@2x.png); } @@ -59,7 +59,7 @@ window { list-style-image: url("debugger-toggleBreakpoints.png"); } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { #toggle-breakpoints { list-style-image: url(debugger-toggleBreakpoints@2x.png); } @@ -85,7 +85,7 @@ window { -moz-image-region: rect(16px, 32px, 32px, 16px); } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { #sources-toolbar .devtools-toolbarbutton:not([label]) { -moz-image-region: rect(0px,32px,32px,0px); } @@ -137,7 +137,7 @@ window { -moz-margin-end: 5px; } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { #black-boxed-message-button > .button-box > .button-icon { background-image: url("debugger-blackbox@2x.png"); } @@ -182,7 +182,7 @@ window { -moz-image-region: rect(0px,32px,16px,16px); } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { #trace { list-style-image: url(tracer-icon@2x.png); -moz-image-region: rect(0px,32px,32px,0px); @@ -372,7 +372,7 @@ window { margin: 2px; } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { .dbg-expression-arrow { background-image: url(commandline-icon@2x.png); } @@ -600,7 +600,7 @@ window { list-style-image: url("chrome://browser/skin/devtools/debugger-play.png"); } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { #resume { list-style-image: url(debugger-pause@2x.png); -moz-image-region: rect(0px, 32px, 32px, 0px); @@ -647,7 +647,7 @@ window { -moz-image-region: rect(0px, 32px, 16px, 16px); } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { #step-over { list-style-image: url(debugger-step-over@2x.png); -moz-image-region: rect(0px, 32px, 32px, 0); @@ -692,7 +692,7 @@ window { -moz-image-region: rect(0px,32px,16px,16px); } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { #instruments-pane-toggle { list-style-image: url(debugger-collapse@2x.png); -moz-image-region: rect(0px,32px,32px,0px); diff --git a/LCARStrek/browser/devtools/inspector.css b/LCARStrek/browser/devtools/inspector.css index 3a6a7b55..6206746d 100644 --- a/LCARStrek/browser/devtools/inspector.css +++ b/LCARStrek/browser/devtools/inspector.css @@ -309,7 +309,7 @@ window { -moz-image-region: rect(0px,32px,16px,16px); } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { #inspector-pane-toggle { list-style-image: url("debugger-collapse@2x.png"); -moz-image-region: rect(0px,32px,32px,0px); diff --git a/LCARStrek/browser/devtools/netmonitor.css b/LCARStrek/browser/devtools/netmonitor.css index ed906966..bad325fc 100644 --- a/LCARStrek/browser/devtools/netmonitor.css +++ b/LCARStrek/browser/devtools/netmonitor.css @@ -419,7 +419,7 @@ box.requests-menu-status[code^="5"] { -moz-image-region: rect(0px,32px,16px,16px); } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { #details-pane-toggle { list-style-image: url("chrome://browser/skin/devtools/debugger-collapse@2x.png"); -moz-image-region: rect(0px,32px,32px,0px); @@ -556,7 +556,7 @@ box.requests-menu-status[code^="5"] { height: 12px; } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { .security-warning-icon { background-image: url("alerticon-warning@2x.png"); } diff --git a/LCARStrek/browser/devtools/performance.css b/LCARStrek/browser/devtools/performance.css index 003ba35a..5a108b1b 100644 --- a/LCARStrek/browser/devtools/performance.css +++ b/LCARStrek/browser/devtools/performance.css @@ -269,10 +269,10 @@ width: 4.5vw; } -.call-tree-header[type="allocations"], -.call-tree-cell[type="allocations"], -.call-tree-header[type="self-allocations"], -.call-tree-cell[type="self-allocations"] { +.call-tree-header[type="count"], +.call-tree-cell[type="count"], +.call-tree-header[type="self-count"], +.call-tree-cell[type="self-count"] { width: 9vw; } @@ -722,7 +722,7 @@ call-tree-item:not([origin="content"]) .call-tree-line { background-image: url(magnifying-glass.png); } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { .call-tree-zoom { background-image: url(magnifying-glass@2x.png); } diff --git a/LCARStrek/browser/devtools/ruleview.css b/LCARStrek/browser/devtools/ruleview.css index 8374d629..7e5f8804 100644 --- a/LCARStrek/browser/devtools/ruleview.css +++ b/LCARStrek/browser/devtools/ruleview.css @@ -100,7 +100,7 @@ height: 12px; } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { .ruleview-warning { background-image: url("alerticon-warning@2x.png"); } @@ -182,7 +182,7 @@ background-size: 1em; } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { .ruleview-bezierswatch { background: url("chrome://browser/skin/devtools/cubic-bezier-swatch@2x.png"); background-size: 1em; diff --git a/LCARStrek/browser/devtools/shadereditor.css b/LCARStrek/browser/devtools/shadereditor.css index 52454287..b4f47422 100644 --- a/LCARStrek/browser/devtools/shadereditor.css +++ b/LCARStrek/browser/devtools/shadereditor.css @@ -61,7 +61,7 @@ window { border: 0; } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { .side-menu-widget-item-checkbox .checkbox-check { background-image: url("itemToggle@2x.png"); } diff --git a/LCARStrek/browser/devtools/styleeditor.css b/LCARStrek/browser/devtools/styleeditor.css index 498bdd3a..fefa74d0 100644 --- a/LCARStrek/browser/devtools/styleeditor.css +++ b/LCARStrek/browser/devtools/styleeditor.css @@ -98,7 +98,7 @@ window:not([windowtype]) { height: 40px; } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { .stylesheet-enabled { background-image: url("itemToggle@2x.png"); } diff --git a/LCARStrek/browser/devtools/webaudioeditor.css b/LCARStrek/browser/devtools/webaudioeditor.css index 8faf33af..119b597f 100644 --- a/LCARStrek/browser/devtools/webaudioeditor.css +++ b/LCARStrek/browser/devtools/webaudioeditor.css @@ -169,7 +169,7 @@ g.selected text { -moz-box-flex: 1; } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { #inspector-pane-toggle { list-style-image: url("debugger-collapse@2x.png"); -moz-image-region: rect(0px,32px,32px,0px); diff --git a/LCARStrek/browser/devtools/webconsole.css b/LCARStrek/browser/devtools/webconsole.css index 1053a91e..b25bc12a 100644 --- a/LCARStrek/browser/devtools/webconsole.css +++ b/LCARStrek/browser/devtools/webconsole.css @@ -395,7 +395,7 @@ a { background-size: 16px 16px; } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { .jsterm-input-node { background-image: -moz-image-rect(url('chrome://browser/skin/devtools/commandline-icon@2x.png'), 0, 64, 32, 32); } diff --git a/LCARStrek/browser/devtools/widgets.css b/LCARStrek/browser/devtools/widgets.css index 6c8df245..f6caf6b1 100644 --- a/LCARStrek/browser/devtools/widgets.css +++ b/LCARStrek/browser/devtools/widgets.css @@ -593,7 +593,7 @@ opacity: 0.5; } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { .variable-or-property-non-writable-icon > .title:after { background-image: url("chrome://browser/skin/devtools/vview-lock@2x.png"); } @@ -693,7 +693,7 @@ height: 16px; } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { .variables-view-delete { background-image: url("chrome://browser/skin/devtools/vview-delete@2x.png"); } @@ -719,7 +719,7 @@ cursor: pointer; } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { .variables-view-edit { background-image: url("chrome://browser/skin/devtools/vview-edit@2x.png"); } @@ -1301,7 +1301,7 @@ table-widget-body, } } -@media (min-resolution: 1.25dppx) { +@media (min-resolution: 1.1dppx) { .tree-widget-item:before { background-image: url("chrome://browser/skin/devtools/controls@2x.png"); } diff --git a/LCARStrek/browser/drm-icon.svg b/LCARStrek/browser/drm-icon.svg index 66b59ad5..4ed51edd 100644 --- a/LCARStrek/browser/drm-icon.svg +++ b/LCARStrek/browser/drm-icon.svg @@ -2,15 +2,15 @@ - + - - + + - - + + - - - + + + + + - - - - - - - - - - - - - - - + + +