projects
/
themes.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
second part of syncing LCARStrek with Firefox 55 browser windows theme changes
[themes.git]
/
LCARStrek
/
browser
/
customizableui
/
panelUI.css
diff --git
a/LCARStrek/browser/customizableui/panelUI.css
b/LCARStrek/browser/customizableui/panelUI.css
index d5731b3418f3e254ee07cd2c88a4914c40a94dbd..a929de58aad68a115dca74b96b86241b003afc54 100644
(file)
--- a/
LCARStrek/browser/customizableui/panelUI.css
+++ b/
LCARStrek/browser/customizableui/panelUI.css
@@
-122,16
+122,12
@@
min-height: 16px;
}
min-height: 16px;
}
-#PanelUI-update-restart-menu-item::after,
-#PanelUI-update-available-menu-item::after,
-#PanelUI-update-manual-menu-item::after {
+.panel-banner-item[notificationid^=update]::after {
background: #008484 url(chrome://browser/skin/update-badge.svg) no-repeat center;
border-radius: 50%;
}
background: #008484 url(chrome://browser/skin/update-badge.svg) no-repeat center;
border-radius: 50%;
}
-#PanelUI-update-restart-menu-item,
-#PanelUI-update-available-menu-item,
-#PanelUI-update-manual-menu-item {
+.panel-banner-item[notificationid^=update] {
list-style-image: url(chrome://branding/content/icon16.png);
}
list-style-image: url(chrome://branding/content/icon16.png);
}
@@
-315,7
+311,7
@@
panelview[id^=PanelUI-webext-] {
}
panelview:not([mainview]) .toolbarbutton-text,
}
panelview:not([mainview]) .toolbarbutton-text,
-.cui-widget-panel toolbarbutton > .toolbarbutton-text {
+.cui-widget-panel toolbarbutton
:not([wrap])
> .toolbarbutton-text {
text-align: start;
display: -moz-box;
}
text-align: start;
display: -moz-box;
}
@@
-464,7
+460,7
@@
toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"] > iframe {
#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-contents-scroller > #PanelUI-contents > .panel-wide-item,
#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-contents-scroller > #PanelUI-contents > .toolbarbutton-1:not([panel-multiview-anchor="true"]),
#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-contents-scroller > #PanelUI-contents > .panel-wide-item,
#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-contents-scroller > #PanelUI-contents > .toolbarbutton-1:not([panel-multiview-anchor="true"]),
-#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > .
PanelUI-notification-menu
-item,
+#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > .
panel-banner
-item,
#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-fxa > #PanelUI-fxa-status > #PanelUI-fxa-avatar,
#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-fxa > #PanelUI-fxa-status > #PanelUI-fxa-label,
#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-fxa > #PanelUI-fxa-icon,
#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-fxa > #PanelUI-fxa-status > #PanelUI-fxa-avatar,
#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-fxa > #PanelUI-fxa-status > #PanelUI-fxa-label,
#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-fxa > #PanelUI-fxa-icon,
@@
-577,16
+573,13
@@
toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
#PanelUI-fxa-container:not([fxastatus="signedin"]) > toolbarseparator,
#PanelUI-fxa-container:not([fxastatus="signedin"]) > #PanelUI-fxa-icon,
#PanelUI-fxa-container:not([fxastatus="signedin"]) > toolbarseparator,
#PanelUI-fxa-container:not([fxastatus="signedin"]) > #PanelUI-fxa-icon,
-#PanelUI-fxa-container:not([fxaprofileimage]) > #PanelUI-fxa-status > #PanelUI-fxa-avatar,
#PanelUI-footer-fxa:not([fxastatus="signedin"]) > toolbarseparator,
#PanelUI-footer-fxa:not([fxastatus="signedin"]) > toolbarseparator,
-#PanelUI-footer-fxa:not([fxastatus="signedin"]) > #PanelUI-fxa-icon,
-#PanelUI-footer-fxa:not([fxaprofileimage]) > #PanelUI-fxa-status > #PanelUI-fxa-avatar {
+#PanelUI-footer-fxa:not([fxastatus="signedin"]) > #PanelUI-fxa-icon {
display: none;
}
#PanelUI-fxa-container[fxastatus="login-failed"] > #PanelUI-fxa-status::after,
display: none;
}
#PanelUI-fxa-container[fxastatus="login-failed"] > #PanelUI-fxa-status::after,
-#PanelUI-fxa-container[fxastatus="unverified"] > #PanelUI-fxa-status::after,
-#PanelUI-footer-fxa[fxastatus="error"] > #PanelUI-fxa-status::after {
+#PanelUI-fxa-container[fxastatus="unverified"] > #PanelUI-fxa-status::after {
content: url("chrome://browser/skin/warning.svg");
width: 47px;
padding-top: 1px;
content: url("chrome://browser/skin/warning.svg");
width: 47px;
padding-top: 1px;
@@
-596,8
+589,8
@@
toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
top: 25%;
}
top: 25%;
}
-
#PanelUI-footer-addons > toolbarbutton
::after,
-.
PanelUI-notification-menu
-item::after {
+
.addon-banner-item
::after,
+.
panel-banner
-item::after {
content: "";
width: 16px;
height: 16px;
content: "";
width: 16px;
height: 16px;
@@
-605,9
+598,9
@@
toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
display: -moz-box;
}
display: -moz-box;
}
-
#PanelUI-footer-addons > toolbarbutton
{
+
.addon-banner-item
{
background-color: #A09090;
background-color: #A09090;
- /* Force border to override `
#PanelUI-footer-addons > toolbarbutton
` selector below */
+ /* Force border to override `
.addon-banner-item
` selector below */
/*border-top: 1px solid hsl(45, 100%, 77%) !important;*/
display: flex;
flex: 1 1 0%;
/*border-top: 1px solid hsl(45, 100%, 77%) !important;*/
display: flex;
flex: 1 1 0%;
@@
-616,20
+609,20
@@
toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
border-inline-start-style: none;
}
border-inline-start-style: none;
}
-
#PanelUI-footer-addons > toolbarbutton
:hover {
+
.addon-banner-item
:hover {
background-color: #FFCF00;
}
background-color: #FFCF00;
}
-
#PanelUI-footer-addons > toolbarbutton
:active {
+
.addon-banner-item
:active {
background-color: #FF9F00;
}
background-color: #FF9F00;
}
-
#PanelUI-footer-addons > toolbarbutton
> .toolbarbutton-icon {
+
.addon-banner-item
> .toolbarbutton-icon {
width: 14px;
height: 14px;
}
width: 14px;
height: 14px;
}
-
#PanelUI-footer-addons > toolbarbutton
::after {
+
.addon-banner-item
::after {
background: #FF0000 url(chrome://browser/skin/update-badge-failed.svg) no-repeat center;
}
background: #FF0000 url(chrome://browser/skin/update-badge-failed.svg) no-repeat center;
}
@@
-666,11
+659,11
@@
toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
/* margin: 0;*/
}
/* margin: 0;*/
}
-.PanelUI-notification-menu-item,
+.addon-banner-item,
+.panel-banner-item,
#PanelUI-help,
#PanelUI-fxa-label,
#PanelUI-fxa-icon,
#PanelUI-help,
#PanelUI-fxa-label,
#PanelUI-fxa-icon,
-#PanelUI-footer-addons > toolbarbutton,
#PanelUI-customize,
#PanelUI-quit {
margin: 0;
#PanelUI-customize,
#PanelUI-quit {
margin: 0;
@@
-684,13
+677,13
@@
toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
-moz-box-orient: horizontal;
}
-moz-box-orient: horizontal;
}
-.
PanelUI-notification-menu
-item {
+.
panel-banner
-item {
border-top: 1px solid var(--panel-separator-color);
border-bottom: 1px solid transparent;
margin-bottom: -1px;
}
border-top: 1px solid var(--panel-separator-color);
border-bottom: 1px solid transparent;
margin-bottom: -1px;
}
-.
PanelUI-notification-menu
-item > .toolbarbutton-text {
+.
panel-banner
-item > .toolbarbutton-text {
width: 0; /* Fancy cropping solution for flexbox. */
}
width: 0; /* Fancy cropping solution for flexbox. */
}
@@
-799,9
+792,9
@@
toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
min-width: 44px;
}
min-width: 44px;
}
-.PanelUI-notification-menu-item > .toolbarbutton-text,
+.addon-banner-item > .toolbarbutton-text,
+.panel-banner-item > .toolbarbutton-text,
#PanelUI-fxa-label > .toolbarbutton-text,
#PanelUI-fxa-label > .toolbarbutton-text,
-#PanelUI-footer-addons > toolbarbutton > .toolbarbutton-text,
#PanelUI-customize > .toolbarbutton-text {
margin: 0;
padding: 0 6px;
#PanelUI-customize > .toolbarbutton-text {
margin: 0;
padding: 0 6px;
@@
-814,7
+807,7
@@
toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
display: none;
}
display: none;
}
-.
PanelUI-notification-menu
-item > .toolbarbutton-icon,
+.
panel-banner
-item > .toolbarbutton-icon,
#PanelUI-fxa-label > .toolbarbutton-icon,
#PanelUI-fxa-icon > .toolbarbutton-icon,
#PanelUI-customize > .toolbarbutton-icon,
#PanelUI-fxa-label > .toolbarbutton-icon,
#PanelUI-fxa-icon > .toolbarbutton-icon,
#PanelUI-customize > .toolbarbutton-icon,
@@
-829,23
+822,21
@@
toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
}
#PanelUI-fxa-label,
}
#PanelUI-fxa-label,
-
#PanelUI-footer-addons > toolbarbutton
,
+
.addon-banner-item
,
#PanelUI-customize {
flex: 1;
padding-inline-start: 15px;
border-inline-start-style: none;
}
#PanelUI-customize {
flex: 1;
padding-inline-start: 15px;
border-inline-start-style: none;
}
-#PanelUI-fxa-container[fxaprofileimage="set"] > #PanelUI-fxa-status > #PanelUI-fxa-label,
-#PanelUI-fxa-container[fxaprofileimage="enabled"]:not([fxastatus="error"]) > #PanelUI-fxa-status > #PanelUI-fxa-label,
-#PanelUI-footer-fxa[fxaprofileimage="set"] > #PanelUI-fxa-status > #PanelUI-fxa-label,
-#PanelUI-footer-fxa[fxaprofileimage="enabled"]:not([fxastatus="error"]) > #PanelUI-fxa-status > #PanelUI-fxa-label {
+#PanelUI-fxa-container[fxastatus="signedin"] > #PanelUI-fxa-status > #PanelUI-fxa-label,
+#PanelUI-footer-fxa[fxastatus="signedin"] > #PanelUI-fxa-status > #PanelUI-fxa-label {
padding-inline-start: 0px;
}
/* descend from #PanelUI-footer to add specificity, or else the
padding-inline-start will be overridden */
padding-inline-start: 0px;
}
/* descend from #PanelUI-footer to add specificity, or else the
padding-inline-start will be overridden */
-#PanelUI-footer > .
PanelUI-notification-menu
-item {
+#PanelUI-footer > .
panel-banner
-item {
width: calc(var(--panel-ui-menuPanelWidth) + 30px);
padding-inline-start: 15px;
border-inline-start-style: none;
width: calc(var(--panel-ui-menuPanelWidth) + 30px);
padding-inline-start: 15px;
border-inline-start-style: none;
@@
-933,6
+924,8
@@
toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
.fxaSyncIllustration {
width: 180px;
height: var(--panel-ui-sync-illustration-height);
.fxaSyncIllustration {
width: 180px;
height: var(--panel-ui-sync-illustration-height);
+ -moz-context-properties: fill;
+ fill: #A09090;
}
.PanelUI-remotetabs-prefs-button > .toolbarbutton-text {
}
.PanelUI-remotetabs-prefs-button > .toolbarbutton-text {
@@
-976,7
+969,7
@@
toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
display: none;
}
display: none;
}
-#PanelUI-fxa-icon[syncstatus="active"]
:not([disabled])
{
+#PanelUI-fxa-icon[syncstatus="active"] {
list-style-image: url("chrome://browser/skin/syncFxProgress-horizontalbar.png");
}
list-style-image: url("chrome://browser/skin/syncFxProgress-horizontalbar.png");
}
@@
-999,7
+992,7
@@
toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
#PanelUI-fxa-label,
#PanelUI-fxa-icon,
#PanelUI-fxa-label,
#PanelUI-fxa-icon,
-
#PanelUI-footer-addons > toolbarbutton
,
+
.addon-banner-item
,
#PanelUI-customize,
#PanelUI-help,
#PanelUI-quit {
#PanelUI-customize,
#PanelUI-help,
#PanelUI-quit {
@@
-1007,22
+1000,12
@@
toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
}
#PanelUI-fxa-container[fxastatus="signedin"] > #PanelUI-fxa-status > #PanelUI-fxa-label > .toolbarbutton-icon,
}
#PanelUI-fxa-container[fxastatus="signedin"] > #PanelUI-fxa-status > #PanelUI-fxa-label > .toolbarbutton-icon,
-#PanelUI-fxa-container
[fxastatus="error"][fxaprofileimage="set"] > #PanelUI-fxa-status > #PanelUI-fxa-label > .toolbarbutton-icon
,
+#PanelUI-fxa-container
:not([fxastatus="signedin"]) > #PanelUI-fxa-status > #PanelUI-fxa-avatar
,
#PanelUI-footer-fxa[fxastatus="signedin"] > #PanelUI-fxa-status > #PanelUI-fxa-label > .toolbarbutton-icon,
#PanelUI-footer-fxa[fxastatus="signedin"] > #PanelUI-fxa-status > #PanelUI-fxa-label > .toolbarbutton-icon,
-#PanelUI-footer-fxa
[fxastatus="error"][fxaprofileimage="set"] > #PanelUI-fxa-status > #PanelUI-fxa-label > .toolbarbutton-icon
{
+#PanelUI-footer-fxa
:not([fxastatus="signedin"]) > #PanelUI-fxa-status > #PanelUI-fxa-avatar
{
display: none;
}
display: none;
}
-#PanelUI-fxa-container[fxastatus="error"]:not([fxaprofileimage="set"]) > #PanelUI-fxa-status > #PanelUI-fxa-avatar,
-#PanelUI-footer-fxa[fxastatus="error"]:not([fxaprofileimage="set"]) > #PanelUI-fxa-status > #PanelUI-fxa-avatar {
- display: none;
-}
-
-#PanelUI-fxa-status[disabled],
-#PanelUI-fxa-icon[disabled] {
- pointer-events: none;
-}
-
#PanelUI-fxa-avatar {
width: 32px;
height: 32px;
#PanelUI-fxa-avatar {
width: 32px;
height: 32px;
@@
-1037,8
+1020,8
@@
toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
margin-inline-end: 0;
}
margin-inline-end: 0;
}
-#PanelUI-footer-fxa
[fxaprofileimage="enabled"]
> #PanelUI-fxa-status > #PanelUI-fxa-avatar,
-#PanelUI-fxa-container
[fxaprofileimage="enabled"]
> #PanelUI-fxa-status > #PanelUI-fxa-avatar {
+#PanelUI-footer-fxa > #PanelUI-fxa-status > #PanelUI-fxa-avatar,
+#PanelUI-fxa-container > #PanelUI-fxa-status > #PanelUI-fxa-avatar {
list-style-image: url(chrome://browser/skin/fxa/default-avatar.svg);
}
list-style-image: url(chrome://browser/skin/fxa/default-avatar.svg);
}
@@
-1053,60
+1036,62
@@
toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
}
#PanelUI-help[disabled],
}
#PanelUI-help[disabled],
-#PanelUI-quit[disabled],
-#PanelUI-fxa-icon[disabled],
-#PanelUI-fxa-avatar[disabled],
-#PanelUI-fxa-label[disabled] > .toolbarbutton-icon,
-#PanelUI-fxa-status::after {
+#PanelUI-quit[disabled] {
-moz-image-region: rect(0, 48px, 16px, 32px);
}
-moz-image-region: rect(0, 48px, 16px, 32px);
}
-#PanelUI-fxa-status:
not([disabled]):
hover,
-#PanelUI-fxa-icon:
not([disabled]):
hover,
+#PanelUI-fxa-status:hover,
+#PanelUI-fxa-icon:hover,
#PanelUI-help:not([disabled]):hover,
#PanelUI-customize:hover,
#PanelUI-quit:not([disabled]):hover {
}
#PanelUI-help:not([disabled]):hover,
#PanelUI-customize:hover,
#PanelUI-quit:not([disabled]):hover {
}
-#PanelUI-fxa-status:
not([disabled]):
hover:active,
-#PanelUI-fxa-icon:
not([disabled]):
hover:active,
+#PanelUI-fxa-status:hover:active,
+#PanelUI-fxa-icon:hover:active,
#PanelUI-help:not([disabled]):hover:active,
#PanelUI-customize:hover:active,
#PanelUI-quit:not([disabled]):hover:active {
}
#PanelUI-help:not([disabled]):hover:active,
#PanelUI-customize:hover:active,
#PanelUI-quit:not([disabled]):hover:active {
}
-#PanelUI-fxa-status:
not([disabled]):
hover,
-#PanelUI-fxa-status:
not([disabled]):
hover:active,
-#PanelUI-fxa-icon:
not([disabled]):
hover,
-#PanelUI-fxa-icon:
not([disabled]):
hover:active {
+#PanelUI-fxa-status:hover,
+#PanelUI-fxa-status:hover:active,
+#PanelUI-fxa-icon:hover,
+#PanelUI-fxa-icon:hover:active {
}
}
-#PanelUI-fxa-container[fxastatus="error"],
-#PanelUI-footer-fxa[fxastatus="error"] {
+#PanelUI-fxa-container[fxastatus="login-failed"],
+#PanelUI-fxa-container[fxastatus="unverified"],
+#PanelUI-footer-fxa[fxastatus="login-failed"],
+#PanelUI-footer-fxa[fxastatus="unverified"] {
background-color: #FF0000;
color: #000000;
}
background-color: #FF0000;
color: #000000;
}
-#PanelUI-fxa-container[fxastatus="error"] > #PanelUI-fxa-status:hover,
-#PanelUI-footer-fxa[fxastatus="error"] > #PanelUI-fxa-status:hover {
+#PanelUI-fxa-container[fxastatus="login-failed"] > #PanelUI-fxa-status:hover,
+#PanelUI-fxa-container[fxastatus="unverified"] > #PanelUI-fxa-status:hover,
+#PanelUI-footer-fxa[fxastatus="login-failed"] > #PanelUI-fxa-status:hover,
+#PanelUI-footer-fxa[fxastatus="unverified"] > #PanelUI-fxa-status:hover {
background-color: #FFCF00;
}
background-color: #FFCF00;
}
-#PanelUI-fxa-container[fxastatus="error"] > #PanelUI-fxa-status:hover:active,
-#PanelUI-footer-fxa[fxastatus="error"] > #PanelUI-fxa-status:hover:active {
+#PanelUI-fxa-container[fxastatus="login-failed"] > #PanelUI-fxa-status:hover:active,
+#PanelUI-fxa-container[fxastatus="unverified"] > #PanelUI-fxa-status:hover:active,
+#PanelUI-footer-fxa[fxastatus="login-failed"] > #PanelUI-fxa-status:hover:active,
+#PanelUI-footer-fxa[fxastatus="unverified"] > #PanelUI-fxa-status:hover:active {
background-color: #FF9F00;
}
background-color: #FF9F00;
}
-.
PanelUI-notification-menu
-item {
+.
panel-banner
-item {
background-color: #008484;
color: #000000;
}
background-color: #008484;
color: #000000;
}
-.
PanelUI-notification-menu
-item:not([disabled]):hover {
+.
panel-banner
-item:not([disabled]):hover {
background-color: #FFCF00;
}
background-color: #FFCF00;
}
-.
PanelUI-notification-menu
-item:not([disabled]):hover:active {
+.
panel-banner
-item:not([disabled]):hover:active {
background-color: #FF9F00;
}
background-color: #FF9F00;
}
@@
-1198,13
+1183,13
@@
panelview .toolbarbutton-1,
/* font: menu;*/
}
/* font: menu;*/
}
-.
PanelUI-subView .
subviewbutton[shortcut]::after {
+.subviewbutton[shortcut]::after {
content: attr(shortcut);
float: right;
color: #A09090;
}
content: attr(shortcut);
float: right;
color: #A09090;
}
-.
PanelUI-subView.cui-widget-panelview .
subviewbutton[shortcut]::after {
+.subviewbutton[shortcut]::after {
margin-inline-start: 10px;
}
margin-inline-start: 10px;
}
@@
-1315,9
+1300,11
@@
menuitem.panel-subview-footer:not([disabled]):-moz-any([open],:hover:active),
}
*/
}
*/
+#widget-overflow-scroller > toolbarseparator,
.PanelUI-subView menuseparator,
.PanelUI-subView toolbarseparator,
.PanelUI-subView menuseparator,
.PanelUI-subView toolbarseparator,
-.cui-widget-panelview menuseparator {
+.cui-widget-panelview menuseparator,
+.cui-widget-panel toolbarseparator {
-moz-appearance: none;
min-height: 0;
border-top: 1px solid var(--panel-separator-color);
-moz-appearance: none;
min-height: 0;
border-top: 1px solid var(--panel-separator-color);
@@
-1523,7
+1510,7
@@
toolbarpaletteitem[haswideitem][place="panel"] + toolbarpaletteitem[haswideitem]
margin-bottom: 10px;
}
margin-bottom: 10px;
}
-
#
widget-overflow-list {
+
.
widget-overflow-list {
width: var(--panel-ui-menuPanelWidth);
padding-left: 10px;
padding-right: 10px;
width: var(--panel-ui-menuPanelWidth);
padding-left: 10px;
padding-right: 10px;
@@
-1550,7
+1537,7
@@
toolbarbutton[overflowedItem=true] {
padding-inline-start: .5em;
}
padding-inline-start: .5em;
}
-
#
widget-overflow-list > .toolbaritem-combined-buttons {
+
.
widget-overflow-list > .toolbaritem-combined-buttons {
min-height: 28px;
}
min-height: 28px;
}