From 1a44a28344b40c6213b634d95b5117348b5bb898 Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Fri, 19 May 2017 22:32:56 +0200 Subject: [PATCH] fix a parsing error and add some modification to support current Nightly (when it supports theming at all) --- EarlyBlue/mozapps/extensions/extensions.css | 19 +++++ LCARStrek/browser/browser.css | 85 ++++++++++++++++++++- LCARStrek/browser/copy-url.svg | 7 ++ LCARStrek/browser/email-link.svg | 8 ++ LCARStrek/browser/page-action.svg | 7 ++ LCARStrek/mozapps/extensions/extensions.css | 19 +++++ 6 files changed, 142 insertions(+), 3 deletions(-) create mode 100644 LCARStrek/browser/copy-url.svg create mode 100644 LCARStrek/browser/email-link.svg create mode 100644 LCARStrek/browser/page-action.svg diff --git a/EarlyBlue/mozapps/extensions/extensions.css b/EarlyBlue/mozapps/extensions/extensions.css index 9aea89f2..3db0006d 100644 --- a/EarlyBlue/mozapps/extensions/extensions.css +++ b/EarlyBlue/mozapps/extensions/extensions.css @@ -443,6 +443,25 @@ button.warning { -moz-box-flex: 1; } +.legacy-warning { + background-color: #FFFFCC; + color: #666699; + padding: 4px 5px 3px; + font-size: 0.9rem; + font-weight: 600; + -moz-user-focus: ignore; +} + +.legacy-warning:hover { + background-color: #FFD0DD; + color: #000000; + text-decoration: none; +} + +#detail-view .legacy-warning { + margin-top: 0.78rem; +} + .creator { font-weight: bold; } diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 88d26e95..2ad10c40 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -38,6 +38,40 @@ menubar { /* === BEGIN browser.inc.css === */ +/* Go button */ +.urlbar-go-button { + padding: 0 3px; + list-style-image: url("chrome://browser/skin/reload-stop-goFx.png"); +} + +.urlbar-go-button { + -moz-image-region: rect(0, 42px, 14px, 28px); +} + +.urlbar-go-button:hover { + -moz-image-region: rect(14px, 42px, 28px, 28px); +} + +.urlbar-go-button:-moz-locale-dir(rtl) { + transform: scaleX(-1); +} + +@media (min-resolution: 1.1dppx) { + .urlbar-go-button { + list-style-image: url("chrome://browser/skin/reload-stop-go@2x.png"); + -moz-image-region: rect(0, 84px, 28px, 56px); + width: 14px; + } + + .urlbar-go-button:hover { + -moz-image-region: rect(28px, 84px, 56px, 56px); + } + + .urlbar-go-button:hover:active { + -moz-image-region: rect(56px, 84px, 84px, 56px); + } +} + /* Zoom button */ #urlbar-zoom-button { margin: 0 3px; @@ -69,6 +103,31 @@ menubar { display: none; } +/* Page action button */ +#urlbar-page-action-button { + list-style-image: url("chrome://browser/skin/page-action.svg"); + -moz-context-properties: fill; +/* margin: 0; + padding: 0 6px;*/ + fill: currentColor; +} + +#urlbar-page-action-button > .toolbarbutton-icon { + width: 16px; +} + +#page-action-copy-url-button { + list-style-image: url("chrome://browser/skin/copy-url.svg"); + -moz-context-properties: fill; + fill: currentColor; +} + +#page-action-email-link-button { + list-style-image: url("chrome://browser/skin/email-link.svg"); + -moz-context-properties: fill; + fill: currentColor; +} + /* === END browser.inc.css === */ :root { @@ -2346,6 +2405,12 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- border-image-slice: 1; } +/* XXX: temporary for Photon preview changes */ +#reload-button, +#stop-button { + list-style-image: url("chrome://browser/skin/reload-stop-goFx.png"); +} + #urlbar:-moz-locale-dir(ltr) > toolbarbutton { border-top-left-radius: 0px; border-bottom-left-radius: 0px; @@ -2362,18 +2427,22 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- padding-inline-start: 3px; } +#reload-button, #urlbar-reload-button { -moz-image-region: rect(0px, 14px, 14px, 0px); } +#reload-button[disabled=true], #urlbar-reload-button[disabled=true] { -moz-image-region: rect(28px, 14px, 42px, 0px); } +#reload-button:not([disabled=true]):hover, #urlbar-reload-button:not([disabled=true]):hover { -moz-image-region: rect(14px, 14px, 28px, 0px); } +#reload-button:-moz-locale-dir(rtl) > .toolbarbutton-icon, #urlbar-reload-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { transform: scaleX(-1); } @@ -2390,21 +2459,27 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- transform: scaleX(-1); } +#stop-button, #urlbar-stop-button { -moz-image-region: rect(0px, 28px, 14px, 14px); } +#stop-button:hover, #urlbar-stop-button:hover { -moz-image-region: rect(14px, 28px, 28px, 14px); } @media (min-resolution: 1.1dppx) { + #reload-button, + #stop-button, #urlbar-go-button, #urlbar-reload-button, #urlbar-stop-button { list-style-image: url("chrome://browser/skin/reload-stop-go@2x.png"); } + #reload-button > .toolbarbutton-icon, + #stop-button > .toolbarbutton-icon, #urlbar-go-button > .toolbarbutton-icon, #urlbar-reload-button > .toolbarbutton-icon, #urlbar-stop-button > .toolbarbutton-icon { @@ -2423,26 +2498,32 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- -moz-image-region: rect(56px, 84px, 84px, 56px); } + #reload-button, #urlbar-reload-button { -moz-image-region: rect(0, 28px, 28px, 0); } + #reload-button:not([disabled]):hover, #urlbar-reload-button:not([disabled]):hover { -moz-image-region: rect(28px, 28px, 56px, 0); } + #reload-button:not([disabled]):hover:active, #urlbar-reload-button:not([disabled]):hover:active { -moz-image-region: rect(56px, 28px, 84px, 0); } + #stop-button, #urlbar-stop-button { -moz-image-region: rect(0, 56px, 28px, 28px); } + #stop-button:not([disabled]):hover, #urlbar-stop-button:not([disabled]):hover { -moz-image-region: rect(28px, 56px, 56px, 28px); } + #stop-button:hover:active, #urlbar-stop-button:hover:active { -moz-image-region: rect(56px, 56px, 84px, 28px); } @@ -3789,7 +3870,6 @@ html|*.pointerlockfswarning[data-identity="verifiedDomain"]::before { html|*.pointerlockfswarning[data-identity="unknownIdentity"]::before { content: url("chrome://browser/skin/fullscreen/insecure.svg"); } - html|*.pointerlockfswarning-domain-text, html|*.pointerlockfswarning-generic-text { font-size: 21px; @@ -3803,8 +3883,7 @@ html|*.pointerlockfswarning-domain { margin: 0; } -html|*#fullscreen-exit-button { - +html|*#fullscreen-exit-button, html|*.pointerlockfswarning-exit-button { margin: 0; diff --git a/LCARStrek/browser/copy-url.svg b/LCARStrek/browser/copy-url.svg new file mode 100644 index 00000000..442cea15 --- /dev/null +++ b/LCARStrek/browser/copy-url.svg @@ -0,0 +1,7 @@ + + + + + diff --git a/LCARStrek/browser/email-link.svg b/LCARStrek/browser/email-link.svg new file mode 100644 index 00000000..c053bded --- /dev/null +++ b/LCARStrek/browser/email-link.svg @@ -0,0 +1,8 @@ + + + + + + diff --git a/LCARStrek/browser/page-action.svg b/LCARStrek/browser/page-action.svg new file mode 100644 index 00000000..8bbf596b --- /dev/null +++ b/LCARStrek/browser/page-action.svg @@ -0,0 +1,7 @@ + + + + + diff --git a/LCARStrek/mozapps/extensions/extensions.css b/LCARStrek/mozapps/extensions/extensions.css index c8ad94a0..36e9f470 100644 --- a/LCARStrek/mozapps/extensions/extensions.css +++ b/LCARStrek/mozapps/extensions/extensions.css @@ -505,6 +505,25 @@ button.warning { -moz-box-flex: 1; } +.legacy-warning { + background-color: #FFCF00; + color: #000000; + padding: 4px 5px 3px; + font-size: 0.9rem; + font-weight: 600; + -moz-user-focus: ignore; +} + +.legacy-warning:hover { + background-color: #FF9F00; + color: #000000; + text-decoration: none; +} + +#detail-view .legacy-warning { + margin-top: 0.78rem; +} + .creator { font-weight: bold; } -- 2.43.0