From: Robert Kaiser Date: Sun, 13 Mar 2016 21:40:57 +0000 (+0100) Subject: third part of syncing LCARStrek with Firefox 42-44 windows theme changes X-Git-Tag: LCARStrek-2.41~19 X-Git-Url: https://git-public.kairo.at/?a=commitdiff_plain;h=b1dfcf3228675c75fda183c9cd0161c9be5d4047;p=themes.git third part of syncing LCARStrek with Firefox 42-44 windows theme changes --- diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index e6d12d74..8689da24 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -37,7 +37,9 @@ menubar { } :root { - --verified-identity-box-backgroundcolor: #000000; + /*--backbutton-urlbar-overlap: 5px;*/ + + --identity-box-verified-background-color: #000000; --panel-separator-color: #A09090; @@ -1507,7 +1509,7 @@ toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker:-moz-lwtheme-bri -moz-padding-end: 5px;*/ } -#nav-bar .toolbarbutton-1[type=panel]:not(#back-button):not(#forward-button):not(#feed-button):not(#PanelUI-menu-button), +#nav-bar .toolbarbutton-1[type=panel], #nav-bar .toolbarbutton-1[type=menu]:not(#back-button):not(#forward-button):not(#feed-button):not(#PanelUI-menu-button) { /* padding-left: 5px; padding-right: 5px;*/ @@ -1562,10 +1564,10 @@ toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-ba width: 32px; } -#nav-bar .toolbarbutton-1[type=panel]:not(#back-button):not(#forward-button):not(#feed-button):not(#PanelUI-menu-button) > .toolbarbutton-icon, -#nav-bar .toolbarbutton-1[type=panel]:not(#back-button):not(#forward-button):not(#feed-button):not(#PanelUI-menu-button) > .toolbarbutton-badge-stack, -#nav-bar .toolbarbutton-1[type=menu]:not(#back-button):not(#forward-button):not(#feed-button):not(#PanelUI-menu-button) > .toolbarbutton-icon, -#nav-bar .toolbarbutton-1[type=menu]:not(#back-button):not(#forward-button):not(#feed-button):not(#PanelUI-menu-button) > .toolbarbutton-badge-stack, +#nav-bar .toolbarbutton-1[type=panel] > .toolbarbutton-icon, +#nav-bar .toolbarbutton-1[type=panel] > .toolbarbutton-badge-stack, +#nav-bar .toolbarbutton-1[type=menu]:not(#PanelUI-menu-button):not(#back-button):not(#forward-button) > .toolbarbutton-icon, +#nav-bar .toolbarbutton-1[type=menu]:not(#PanelUI-menu-button) > .toolbarbutton-badge-stack, #nav-bar .toolbarbutton-1[type=menu] > .toolbarbutton-text /* hack for add-ons that forcefully display the label */ { /* -moz-padding-end: 17px;*/ } @@ -1904,7 +1906,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar:-moz-locale-dir( window:not([chromehidden~="toolbar"]) #urlbar-wrapper { /* clip-path: url("chrome://browser/content/browser.xul#urlbar-back-button-clip-path");*/ -/* -moz-margin-start: -5px; */ +/* margin-inline-start: calc(-1 * var(--backbutton-urlbar-overlap)); */ } window:not([chromehidden~="toolbar"]) #urlbar-wrapper:-moz-locale-dir(rtl), @@ -1996,95 +1998,66 @@ html|*.urlbar-input:-moz-lwtheme::-moz-placeholder, color: #8050B0; } -#PopupAutoCompleteRichResult > richlistbox { - transition: height 100ms; -} - -#search-container { - min-width: calc(54px + 11ch); -} - -/* identity box */ - -#identity-box { - border-radius: 2px; - font-size: .9em; -} - -#identity-box:-moz-locale-dir(ltr) { -/* border-top-left-radius: 1.5px; - border-bottom-left-radius: 1.5px;*/ -} - -#identity-box:-moz-locale-dir(rtl) { -/* border-top-right-radius: 1.5px; - border-bottom-right-radius: 1.5px;*/ -} +/* === BEGIN urlbarSearchSuggestionsNotification.inc.css === */ -#notification-popup-box:not([hidden]) + #identity-box { - -moz-padding-start: 10px !important; - border-radius: 0; +#PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] { + border-bottom: 1px solid #A09090; + background-color: #000000; + padding: 6px 0; + -moz-padding-start: 44px; + -moz-padding-end: 6px; + background-image: url("chrome://browser/skin/info.svg"); + background-clip: padding-box; + background-position: 20px center; + background-repeat: no-repeat; + background-size: 16px 16px; } -window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box { -/* border-radius: 0; */ - -moz-padding-start: 2px; - -moz-padding-end: 2px; - -moz-margin-end: 1px; +#PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"]:-moz-locale-dir(rtl) { + background-position: right 20px center; } -window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not([switchingtabs]) > #urlbar > #identity-box { - transition: padding-left, padding-right; +#PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > description { + margin: 0; + padding: 0; } -window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled] + #urlbar > - #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) { - padding-left: 2px; +#PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > description > label.text-link { + -moz-margin-start: 0; } -window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled] + #urlbar > - #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) { - padding-right: 2px; +#PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > button { + -moz-appearance: none; + -moz-user-focus: ignore; + min-width: 80px; + border-radius: 3px; + padding: 4px 16px; + margin: 0; + -moz-margin-start: 10px; } -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; +#PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > button[anonid="search-suggestions-notification-disable"] { } -window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-button[disabled] + #urlbar > - #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) { - /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */ - padding-left: 2.01px; +#PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > button[anonid="search-suggestions-notification-disable"]:hover { } -window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-button[disabled] + #urlbar > - #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) { - /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */ - padding-right: 2.01px; +#PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > button[anonid="search-suggestions-notification-enable"] { } -#identity-box { - -moz-margin-end: 3px; +#PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > button[anonid="search-suggestions-notification-enable"]:hover { } -#identity-box:-moz-locale-dir(ltr) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} +/* === END urlbarSearchSuggestionsNotification.inc.css === */ -#identity-box:-moz-locale-dir(rtl) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; +#search-container { + min-width: calc(54px + 11ch); } -#identity-box:hover, -#identity-box[open=true] { -} +/* identity box */ #identity-box.verifiedIdentity:not(:-moz-lwtheme):not(:hover):not([open=true]) { - var(--verified-identity-box-backgroundcolor); + var(--identity-box-verified-background-color); } #identity-box:-moz-focusring { @@ -2097,11 +2070,6 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-but outline-color: #000000; } -#identity-icon-labels { - -moz-margin-start: 1px; - -moz-margin-end: 3px; -} - /* Location bar dropmarker */ .urlbar-history-dropmarker:not(:hover):not([open="true"]) { @@ -2126,10 +2094,29 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-but /* === BEGIN identity-block.inc.css === */ -:root { +#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); + font-size: .9em; + border-radius: 2px; + -moz-margin-end: 3px; +/* padding: 2px 5px; + margin-inline-end: 4px;*/ + overflow: hidden; +} + +#identity-box:-moz-locale-dir(ltr) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +#identity-box:-moz-locale-dir(rtl) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } #urlbar[pageproxystate="valid"] > #identity-box.chromeUI { @@ -2142,10 +2129,37 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-but -moz-border-end: 1px solid var(--identity-box-verified-color); } -#identity-box { - background-position: right; - background-size: 1px; - background-repeat: no-repeat; +#notification-popup-box:not([hidden]) + #identity-box { + padding-inline-start: 10px !important; + border-radius: 0; +} + +window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box { +/* border-radius: 0; */ + -moz-padding-start: 2px; + -moz-padding-end: 2px; + -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; +} + +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; +} + +window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-button[disabled] + #urlbar > + #notification-popup-box[hidden] + #identity-box { + /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */ + padding-inline-start: 2.01px; } /* TRACKING PROTECTION ICON */ @@ -2154,14 +2168,28 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-but width: 16px; height: 16px; list-style-image: url("chrome://browser/skin/tracking-protection-16.svg"); + margin-left: 0; + opacity: 1; } #tracking-protection-icon[state="loaded-tracking-content"] { list-style-image: url("chrome://browser/skin/tracking-protection-disabled-16.svg"); } +#tracking-protection-icon[animate] { + transition: margin-left 200ms ease-out; +} + #tracking-protection-icon:not([state]) { - display: none; + margin-left: -16px; + pointer-events: none; + opacity: 0; + /* Only animate the shield in, when it disappears hide it immediately. */ + transition: none; +} + +#urlbar[pageproxystate="invalid"] > #identity-box > #identity-icons > #tracking-protection-icon { + visibility: collapse; } /* MAIN IDENTITY ICON */ @@ -2173,26 +2201,26 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-but margin: 2px; } -.chromeUI > #page-proxy-favicon[pageproxystate="valid"] { +.chromeUI > #identity-icons > #page-proxy-favicon[pageproxystate="valid"] { list-style-image: url("chrome://branding/content/identity-icons-brand.svg"); } -.verifiedDomain > #page-proxy-favicon[pageproxystate="valid"], -.verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] { +.verifiedDomain > #identity-icons > #page-proxy-favicon[pageproxystate="valid"], +.verifiedIdentity > #identity-icons > #page-proxy-favicon[pageproxystate="valid"] { list-style-image: url("chrome://browser/skin/identity-secure.svg"); } -.mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] { +.mixedActiveContent > #identity-icons > #page-proxy-favicon[pageproxystate="valid"] { list-style-image: url("chrome://browser/skin/identity-mixed-active-loaded.svg"); } -.weakCipher > #page-proxy-favicon[pageproxystate="valid"], -.mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"], -.mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] { +.weakCipher > #identity-icons > #page-proxy-favicon[pageproxystate="valid"], +.mixedDisplayContent > #identity-icons > #page-proxy-favicon[pageproxystate="valid"], +.mixedDisplayContentLoadedActiveBlocked > #identity-icons > #page-proxy-favicon[pageproxystate="valid"] { list-style-image: url("chrome://browser/skin/identity-mixed-passive-loaded.svg"); } -.mixedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] { +.mixedActiveBlocked > #identity-icons > #page-proxy-favicon[pageproxystate="valid"] { list-style-image: url("chrome://browser/skin/identity-mixed-active-blocked.svg"); } @@ -2215,7 +2243,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-but max-width: 50ch; } -#urlbar[actiontype="searchengine"] > #identity-box > #page-proxy-favicon { +#urlbar[actiontype="searchengine"] > #identity-box > #identity-icons > #page-proxy-favicon { -moz-image-region: inherit; list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon); width: 16px; @@ -2400,17 +2428,20 @@ richlistitem[type~="action"][actiontype="searchengine"] > .ac-title-box > .ac-si height: 16px; } -.ac-comment { - font-size: 1.06em; +.ac-comment, +#PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > description, +#PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > button { + font-size: 1.05em; } -.ac-extra > .ac-comment { +.ac-extra > .ac-comment, +.ac-url-text, +.ac-action-text { font-size: 1em; } .ac-url-text, .ac-action-text { - font-size: 1em; color: #9C9CFF; } @@ -2418,6 +2449,15 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- list-style-image: url("chrome://browser/skin/actionicon-tab.png"); -moz-image-region: rect(0, 16px, 16px, 0); padding: 0 3px; + width: 22px; + height: 16px; +} + +@media (min-resolution: 1.1dppx) { + richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-icon { + list-style-image: url("chrome://browser/skin/actionicon-tab@2x.png"); + -moz-image-region: rect(0, 32px, 32px, 0); + } } richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-box > .ac-action-icon { @@ -2577,45 +2617,6 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- -moz-image-region: rect(0, 32px, 16px, 16px); } -/* === BEGIN readinglist.inc.css === */ - -/* Reading List button */ - -#urlbar:not([focused]):not(:hover) #readinglist-addremove-button { - opacity: 0; - width: 0px; -} - -#readinglist-addremove-button { - list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage"); - -moz-image-region: rect(0, 14px, 14px, 0); - transition: width 150ms ease-in-out, opacity 150ms ease-in-out 150ms; - opacity: 1; - width: 20px; -} - -#readinglist-addremove-button:hover { - list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage-hover"); -} - -#readinglist-addremove-button:active { - list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage-active"); -} - -#readinglist-addremove-button[already-added="true"] { - list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded"); -} - -#readinglist-addremove-button[already-added="true"]:hover { - list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded-hover"); -} - -#readinglist-addremove-button[already-added="true"]:active { - list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded-active"); -} - -/* === END readinglist.inc.css === */ - /* Reader mode button */ #reader-mode-button { @@ -2926,6 +2927,7 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- .tab-throbber, .tab-icon-image, +.tab-icon-sound, .tab-close-button { } @@ -2943,16 +2945,81 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- .tab-icon-overlay { width: 16px; height: 16px; - /* margin-top: 10px; */ + /* margin-top: -12px; */ -moz-margin-start: -16px; display: none; + position: relative; } .tab-icon-overlay[crashed] { - display: -moz-box; 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]) { + border-radius: 8px; +} + +.tab-icon-overlay[soundplaying][pinned]:hover, +.tab-icon-overlay[muted][pinned]:hover { + background-color: #FFCF00; +} + +.tab-icon-overlay[soundplaying][pinned] { + 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]) { + 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[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"); +} + .tab-throbber[busy] { list-style-image: url("chrome://communicator/skin/brand/throbber16-anim-connect.png"); } @@ -2974,6 +3041,66 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- margin-bottom: 2px !important; } +.tab-icon-sound { + -moz-margin-start: 4px; + width: 16px; + height: 16px; + 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"); +} + +.tab-icon-sound[muted]:hover { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted-hover"); +} + +.tab-icon-sound[muted]:hover:active { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted-pressed"); +} + +.tab-icon-sound[soundplaying] { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio"); +} + +.tab-icon-sound[soundplaying]:hover { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-hover"); +} + +.tab-icon-sound[soundplaying]:hover:active { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-pressed"); +} + +#TabsToolbar[brighttext] .tab-icon-sound[soundplaying] { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-dark"); +} + +#TabsToolbar[brighttext] .tab-icon-sound[soundplaying]:hover { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-dark-hover"); +} + +#TabsToolbar[brighttext] .tab-icon-sound[soundplaying]:hover:active { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-dark-pressed"); +} + +#TabsToolbar[brighttext] .tab-icon-sound[muted] { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted-dark"); +} + +#TabsToolbar[brighttext] .tab-icon-sound[muted]:hover { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted-dark-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"); +} + .tab-close-button { margin-top: 1px; padding: 0; @@ -3042,6 +3169,9 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- .tab-background-middle, .tabs-newtab-button, +.tab-icon-overlay[soundplaying], +.tab-icon-overlay[muted]:not([crashed]), +.tab-icon-sound, .tab-close-button { pointer-events: auto; } @@ -3764,12 +3894,6 @@ notification[value="loop-sharing-notification"] .messageImage { -moz-image-region: auto; } -#menu_readingList, -#BMB_readingList { - list-style-image: url("chrome://browser/skin/readinglist/readinglist-icon.svg"); - -moz-image-region: auto; -} - #panelMenu_pocket, #menu_pocket, #BMB_pocket { @@ -6074,6 +6198,10 @@ 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 { @@ -6082,3 +6210,7 @@ menugroup > .menuitem-iconic[disabled="true"] > .menu-iconic-left { #context-sep-navigation { /* margin-top: -4px; */ } + +.browser-action-panel > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0; +} diff --git a/LCARStrek/browser/controlcenter/panel.css b/LCARStrek/browser/controlcenter/panel.css index ec88a339..71c04da9 100644 --- a/LCARStrek/browser/controlcenter/panel.css +++ b/LCARStrek/browser/controlcenter/panel.css @@ -136,6 +136,7 @@ transition: background-color 250ms ease-in; background-color: #008484; background-image: url("chrome://browser/skin/controlcenter/arrow-subview-back.svg"); + color: #000000; } .identity-popup-expander > .button-box, @@ -273,7 +274,8 @@ #tracking-action-block, #tracking-action-unblock, -#tracking-action-unblock-private { +#tracking-action-unblock-private, +#identity-popup-securityView-body > button { margin: 1em 0 0; } diff --git a/LCARStrek/browser/customizableui/panelUIOverlay.css b/LCARStrek/browser/customizableui/panelUIOverlay.css index 955f6e6a..9ae0fbc5 100644 --- a/LCARStrek/browser/customizableui/panelUIOverlay.css +++ b/LCARStrek/browser/customizableui/panelUIOverlay.css @@ -85,10 +85,31 @@ #PanelUI-button:-moz-locale-dir(rtl) { } -#PanelUI-menu-button[update-status="succeeded"] .toolbarbutton-badge::after { - content: url(chrome://browser/skin/update-badge.svg); - background-color: #008484; +#PanelUI-menu-button[badge-status] > .toolbarbutton-badge-stack > .toolbarbutton-badge { + display: -moz-box; height: 10px; + width: 10px; + background-size: contain; + border: none; +} + +#PanelUI-menu-button[badge-status="update-succeeded"] > .toolbarbutton-badge-stack > .toolbarbutton-badge { + background-image: url(chrome://browser/skin/update-badge.svg); + background-color: #008484; +} + +#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; +} + +#PanelUI-menu-button[badge-status="fxa-needs-authentication"] > .toolbarbutton-badge-stack > .toolbarbutton-badge { + background-color: transparent; + background-image: url(chrome://browser/skin/warning.svg); + box-shadow: none; +} + +#PanelUI-menu-button[badge-status="fxa-needs-authentication"] > .toolbarbutton-badge-stack > .toolbarbutton-badge:-moz-window-inactive { } .panel-subviews { @@ -157,16 +178,6 @@ panelmultiview[nosubviews=true] > .panel-viewcontainer > .panel-viewstack > .pan border-radius: 4px; } -#app-extension-point-end > #PanelUI-menu-button { - padding: 2px 5px; -} -#app-extension-point-end > #PanelUI-menu-button .toolbarbutton-text { - display: none; -} -#app-extension-point-end > #PanelUI-menu-button .toolbarbutton-icon { - margin: 0; -} - #PanelUI-popup > arrowscrollbox > autorepeatbutton { display: none; } @@ -503,6 +514,26 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { top: 25%; } +#PanelUI-update-status[update-status]::after { + content: ""; + width: 14px; + height: 14px; + margin-right: 16.5px; + border-radius: 2px; + background-size: contain; + display: -moz-box; +} + +#PanelUI-update-status[update-status="succeeded"]::after { + background-image: url(chrome://browser/skin/update-badge.svg); + background-color: #008484; +} + +#PanelUI-update-status[update-status="failed"]::after { + background-image: url(chrome://browser/skin/update-badge-failed.svg); + background-color: #FF0000; +} + #PanelUI-fxa-status { display: flex; flex: 1 1 0%; diff --git a/LCARStrek/browser/devtools/debugger.css b/LCARStrek/browser/devtools/debugger.css index 3bec7c29..bc1a0553 100644 --- a/LCARStrek/browser/devtools/debugger.css +++ b/LCARStrek/browser/devtools/debugger.css @@ -65,6 +65,10 @@ window { } } +#toggle-promise-debugger { + /* TODO Bug 1186119: Add a toggle promise debugger image */ +} + #sources-toolbar .devtools-toolbarbutton:not([label]) { -moz-image-region: rect(0px, 16px, 16px, 0px); } diff --git a/LCARStrek/browser/devtools/promisedebugger.css b/LCARStrek/browser/devtools/promisedebugger.css new file mode 100644 index 00000000..e0032240 --- /dev/null +++ b/LCARStrek/browser/devtools/promisedebugger.css @@ -0,0 +1,3 @@ +/* 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/. */ diff --git a/LCARStrek/browser/devtools/splitview.css b/LCARStrek/browser/devtools/splitview.css index b3a7fbdf..21716eb5 100644 --- a/LCARStrek/browser/devtools/splitview.css +++ b/LCARStrek/browser/devtools/splitview.css @@ -90,23 +90,3 @@ min-width: 48px; min-height: 0; } - - -/* Resizers */ - -.splitview-landscape-splitter { - /* -moz-border-start-color: transparent; */ -} - -.splitview-portrait-resizer { - -moz-appearance: none; - background: linear-gradient(top, #000000 1px, #FFCF00 1px); - height: 12px; - background-size: 10px 2px, 100% 12px; - background-clip: content-box, border-box; - background-repeat: repeat-y, no-repeat; - background-position: center center; - padding: 2px 0; - border-top: 1px solid #008484; - border-bottom: 1px solid #008484; -} diff --git a/LCARStrek/browser/info.svg b/LCARStrek/browser/info.svg new file mode 100644 index 00000000..0567a87e --- /dev/null +++ b/LCARStrek/browser/info.svg @@ -0,0 +1,9 @@ + + + + + + + diff --git a/LCARStrek/browser/newtab/newTab.css b/LCARStrek/browser/newtab/newTab.css index 01d64b76..f583b6c9 100644 --- a/LCARStrek/browser/newtab/newTab.css +++ b/LCARStrek/browser/newtab/newTab.css @@ -13,16 +13,6 @@ body { background-color: #000000 } -/* SCROLLBOX */ -#newtab-scrollbox:not([page-disabled]) { - color: #FF9F00; - background-color: #000000; -} - -#newtab-scrollbox:not([page-disabled]) #newtab-margin-bottom { - background: inherit; -} - /* UNDO */ #newtab-undo-container { padding: 4px 3px; @@ -71,8 +61,21 @@ body { -moz-image-region: rect(0, 32px, 16px, 16px); } -#newtab-undo-close-button:-moz-focusring { - outline: 1px dotted; +#newtab-undo-close-button { + -moz-appearance: none; + padding: 0; + border: none; + height: 16px; + width: 16px; + float: right; + right: 0; + background-image: -moz-image-rect(url("chrome://global/skin/icons/close.png"), 0, 16, 16, 0); + background-color: transparent; +} + +#newtab-undo-close-button:hover, +#newtab-undo-close-button:active { + background-image: -moz-image-rect(url("chrome://global/skin/icons/close.png"), 0, 32, 16, 16); } /* CUSTOMIZE */ @@ -200,7 +203,7 @@ body { margin-top: 0; } -.newtab-site[pinned] .newtab-title:-moz-locale-dir(rtl)::before { +.newtab-site[pinned] .newtab-title:-moz-dir(rtl)::before { left: auto; right: 0; } diff --git a/LCARStrek/browser/preferences/in-content/preferences.css b/LCARStrek/browser/preferences/in-content/preferences.css index 9ab3c4f1..3a6c7c16 100644 --- a/LCARStrek/browser/preferences/in-content/preferences.css +++ b/LCARStrek/browser/preferences/in-content/preferences.css @@ -255,6 +255,15 @@ treecol { -moz-margin-end: 8px !important; } +/* Privacy pane */ + +#doNotTrackInfo, +#trackingProtectionPBMLearnMore, +#trackingProtectionLearnMore { + -moz-margin-start: 1.5em !important; + margin-top: 0; +} + /* Collapse the non-active vboxes in decks to use only the height the active vbox needs */ #historyPane:not([selectedIndex="1"]) > #historyDontRememberPane, diff --git a/LCARStrek/browser/privatebrowsing/attention.png b/LCARStrek/browser/privatebrowsing/attention.png new file mode 100755 index 00000000..3e8a8400 Binary files /dev/null and b/LCARStrek/browser/privatebrowsing/attention.png differ diff --git a/LCARStrek/browser/privatebrowsing/attention@2x.png b/LCARStrek/browser/privatebrowsing/attention@2x.png new file mode 100755 index 00000000..d3ff7384 Binary files /dev/null and b/LCARStrek/browser/privatebrowsing/attention@2x.png differ diff --git a/LCARStrek/browser/privatebrowsing/check.png b/LCARStrek/browser/privatebrowsing/check.png new file mode 100755 index 00000000..a06a3ced Binary files /dev/null and b/LCARStrek/browser/privatebrowsing/check.png differ diff --git a/LCARStrek/browser/privatebrowsing/check@2x.png b/LCARStrek/browser/privatebrowsing/check@2x.png new file mode 100755 index 00000000..f39bfa21 Binary files /dev/null and b/LCARStrek/browser/privatebrowsing/check@2x.png differ diff --git a/LCARStrek/browser/privatebrowsing/mask.svg b/LCARStrek/browser/privatebrowsing/mask.svg new file mode 100755 index 00000000..dc9d4ea0 --- /dev/null +++ b/LCARStrek/browser/privatebrowsing/mask.svg @@ -0,0 +1,8 @@ + + + + + diff --git a/LCARStrek/browser/privatebrowsing/shield-page.png b/LCARStrek/browser/privatebrowsing/shield-page.png new file mode 100755 index 00000000..129989d1 Binary files /dev/null and b/LCARStrek/browser/privatebrowsing/shield-page.png differ diff --git a/LCARStrek/browser/privatebrowsing/shield-page@2x.png b/LCARStrek/browser/privatebrowsing/shield-page@2x.png new file mode 100755 index 00000000..9e55d065 Binary files /dev/null and b/LCARStrek/browser/privatebrowsing/shield-page@2x.png differ diff --git a/LCARStrek/browser/readinglist/icons.svg b/LCARStrek/browser/readinglist/icons.svg deleted file mode 100644 index cc6ed58e..00000000 --- a/LCARStrek/browser/readinglist/icons.svg +++ /dev/null @@ -1,43 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/LCARStrek/browser/readinglist/readinglist-icon.svg b/LCARStrek/browser/readinglist/readinglist-icon.svg deleted file mode 100644 index 710536d8..00000000 --- a/LCARStrek/browser/readinglist/readinglist-icon.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - diff --git a/LCARStrek/browser/readinglist/sidebar.css b/LCARStrek/browser/readinglist/sidebar.css deleted file mode 100644 index b0f8c3bf..00000000 --- a/LCARStrek/browser/readinglist/sidebar.css +++ /dev/null @@ -1,150 +0,0 @@ -/* 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 readinglist.inc.css === */ - -:root, body { - overflow-x: hidden; -} - -body { - margin: 0; - font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; - background-color: #000000; - color: #FF9F00; - -moz-user-select: none; - overflow: hidden; -} - -#emptyListInfo { - cursor: default; - padding: 3em 1em; - text-align: center; -} - -.item { - display: flex; - flex-flow: row; - cursor: pointer; - padding: 6px; - opacity: 0; - max-height: 0; - transition: opacity 150ms ease-in-out, max-height 150ms ease-in-out 150ms; -} - -.item.active { - background: #A09090; - color: #000000; -} - -.item.selected { - background: #008484; - color: #000000; -} - -.item:hover { - background: #FFCF00; - color: #000000; -} - -.item-thumb-container { - min-width: 64px; - max-width: 64px; - min-height: 40px; - max-height: 40px; - border: 1px solid white; - box-shadow: 0px 1px 2px rgba(0,0,0,.35); - margin: 5px; - background-color: #A09090; - background-size: contain; - background-repeat: no-repeat; - background-position: center; - background-image: url("chrome://branding/content/silhouette-40.svg"); -} - -.item-thumb-container.preview-available { - background-color: #fff; - background-size: cover; -} - -.item-summary-container { - display: flex; - flex-flow: column; - -moz-padding-start: 4px; - overflow: hidden; - flex-grow: 1; -} - -.item-title-lines { - display: flex; -} - -.item-title { - overflow: hidden; - max-height: 2.8em; - line-height: 1.4; - flex-grow: 1; -} - -.item-domain { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - max-height: 1.4em; - color: #3333FF; -} - -.item:hover .item-domain { - color: #000000; -} - -.item:not(:hover):not(.selected) .remove-button { - visibility: hidden; -} - -.remove-button { - padding: 0; - -moz-margin-end: 2px; - border-radius: 3px; - width: 16px; - height: 16px; - background-size: contain; - background-color: transparent; - border-width: 0; -} - -.item.visible { - opacity: 1; - max-height: 80px; - transition: max-height 250ms ease-in-out, opacity 250ms ease-in-out 250ms; -} - -/* === END readinglist.inc.css === */ - -.item { - -moz-padding-end: 0; -} - -.item-title { - margin: 1px 0 0; -} - -.item-title, .item-domain { - -moz-margin-end: 6px; -} - -.remove-button { - background-color: #000000; - background-image: -moz-image-rect(url("chrome://global/skin/icons/close.png"), 0, 16, 16, 0); -} - -.remove-button:hover { - background-color: #FFCF00; - background-image: -moz-image-rect(url("chrome://global/skin/icons/close.png"), 0, 32, 16, 16); -} - -.remove-button:hover:active { - background-color: #FF9F00; - background-image: -moz-image-rect(url("chrome://global/skin/icons/close.png"), 0, 32, 16, 16); -} diff --git a/LCARStrek/browser/tabbrowser/tab-audio-small.svg b/LCARStrek/browser/tabbrowser/tab-audio-small.svg new file mode 100644 index 00000000..532d54be --- /dev/null +++ b/LCARStrek/browser/tabbrowser/tab-audio-small.svg @@ -0,0 +1,44 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/LCARStrek/browser/tabbrowser/tab-audio.svg b/LCARStrek/browser/tabbrowser/tab-audio.svg new file mode 100644 index 00000000..79185191 --- /dev/null +++ b/LCARStrek/browser/tabbrowser/tab-audio.svg @@ -0,0 +1,94 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/LCARStrek/browser/update-badge-failed.svg b/LCARStrek/browser/update-badge-failed.svg new file mode 100644 index 00000000..673e96b4 --- /dev/null +++ b/LCARStrek/browser/update-badge-failed.svg @@ -0,0 +1,6 @@ + + + + diff --git a/LCARStrek/global/in-content/common.css b/LCARStrek/global/in-content/common.css index 17aecf56..95e1c3f4 100644 --- a/LCARStrek/global/in-content/common.css +++ b/LCARStrek/global/in-content/common.css @@ -48,6 +48,28 @@ ---in-content-help-button-background-active: #eaba00; --in-content-disabled-text: #8050B0; } + +@-moz-document url("about:privatebrowsing") { + #bar { + background-color: #6000CF !important; + color: #FFCF00 !important; + } + + #tpEnabled { + background-color: #008484 !important; + color: #000000 !important; + } + + #tpDisabled { + background-color: #FF0000 !important; + color: #000000 !important; + } + + #trackingProtectionSection { + border-color: #A09090 !important; + } +} + html|html, xul|page, xul|window {