aboutsummaryrefslogtreecommitdiff
path: root/arc-firefox-theme/chrome/browser/customizableui/panelUI.css
diff options
context:
space:
mode:
authorHorst31802017-01-23 15:16:14 +0100
committerHorst31802017-01-23 15:16:14 +0100
commitde6d0eaf6eb0b61fc1c8eea6bc53db2f0f8fde6a (patch)
tree41244fb3be08f78984328eb02f5539182ee975da /arc-firefox-theme/chrome/browser/customizableui/panelUI.css
parent436efe96181eaff50fac1647f140e298fe11569e (diff)
downloadsolarc-firefox-theme-de6d0eaf6eb0b61fc1c8eea6bc53db2f0f8fde6a.tar.gz
solarc-firefox-theme-de6d0eaf6eb0b61fc1c8eea6bc53db2f0f8fde6a.tar.xz
solarc-firefox-theme-de6d0eaf6eb0b61fc1c8eea6bc53db2f0f8fde6a.zip
update to 51.0rc2
Diffstat (limited to 'arc-firefox-theme/chrome/browser/customizableui/panelUI.css')
-rw-r--r--arc-firefox-theme/chrome/browser/customizableui/panelUI.css135
1 files changed, 70 insertions, 65 deletions
diff --git a/arc-firefox-theme/chrome/browser/customizableui/panelUI.css b/arc-firefox-theme/chrome/browser/customizableui/panelUI.css
index ef775e0..7549339 100644
--- a/arc-firefox-theme/chrome/browser/customizableui/panelUI.css
+++ b/arc-firefox-theme/chrome/browser/customizableui/panelUI.css
@@ -107,7 +107,6 @@
height: 13px;
}
-#PanelUI-menu-button[badge-status="download-severe"] > .toolbarbutton-badge-stack > .toolbarbutton-badge,
#PanelUI-menu-button[badge-status="update-failed"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
background: #D90000 url(chrome://browser/skin/update-badge-failed.svg) no-repeat center;
height: 13px;
@@ -115,16 +114,31 @@
#PanelUI-menu-button[badge-status="download-warning"] > .toolbarbutton-badge-stack > .toolbarbutton-badge,
#PanelUI-menu-button[badge-status="fxa-needs-authentication"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
- height: 13px;
box-shadow: none;
filter: drop-shadow(0 1px 0 hsla(206, 50%, 10%, .15));
}
+#PanelUI-menu-button[badge-status="download-warning"] > .toolbarbutton-badge-stack > .toolbarbutton-badge,
+#PanelUI-menu-button[badge-status="download-severe"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
+ width: 7px;
+ height: 7px;
+ min-width: 0;
+ border-radius: 50%;
+ /* "!important" is necessary to override the rule in toolbarbutton.css */
+ margin-top: -1px !important;
+ margin-right: -2px !important;
+}
+
#PanelUI-menu-button[badge-status="download-warning"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
- background: #FFBF00 url(chrome://browser/skin/update-badge-failed.svg) no-repeat center;
+ background: #FFBF00;
+}
+
+#PanelUI-menu-button[badge-status="download-severe"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
+ background: #D90000;
}
#PanelUI-menu-button[badge-status="fxa-needs-authentication"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
+ height: 13px;
background: transparent url(chrome://browser/skin/warning.svg) no-repeat center;
}
@@ -136,7 +150,7 @@
.panel-subviews {
padding: 4px;
background-clip: padding-box;
- border-left: 1px solid hsla(210,4%,10%,.3);
+ border-left: 1px solid var(--panel-arrowcontent-border-color);
box-shadow: 0 3px 5px hsla(210,4%,10%,.1),
0 0 7px hsla(210,4%,10%,.1);
margin-inline-start: var(--panel-ui-exit-subview-gutter-width);
@@ -178,7 +192,7 @@ panelmultiview[nosubviews=true] > .panel-viewcontainer > .panel-viewstack > .pan
.panel-subview-header {
margin: -4px -4px 4px;
- box-shadow: 0 -1px 0 hsla(210,4%,10%,.05) inset;
+ border-bottom: 1px solid var(--panel-separator-color);
color: GrayText;
font-variant: small-caps;
}
@@ -385,7 +399,7 @@ toolbarpaletteitem:-moz-any([place="palette"], [place="panel"]) > toolbaritem[sd
}
.panelUI-grid .toolbarbutton-1:not([buttonover]):not(:-moz-any([disabled],[open],:active)):hover > .toolbarbutton-menubutton-dropmarker {
- background-color: hsla(210,4%,10%,.1) !important;
+ background-color: var(--arrowpanel-dimmed) !important;
border-radius: 0 0 0 2px;
}
@@ -412,7 +426,7 @@ toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"] > iframe {
}
#PanelUI-multiView[viewtype="subview"] > .panel-viewcontainer > .panel-viewstack > .panel-mainview > #PanelUI-mainView {
- background-color: hsla(210,4%,10%,.1);
+ background-color: var(--arrowpanel-dimmed);
}
#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-contents-scroller > #PanelUI-contents > .panel-wide-item,
@@ -513,7 +527,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
display: flex;
flex-shrink: 0;
flex-direction: column;
- background-color: hsla(210,4%,10%,.07);
+ background-color: var(--arrowpanel-dimmed);
padding: 0;
margin: 0;
}
@@ -530,7 +544,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
#PanelUI-footer-fxa[fxastatus="error"] > #PanelUI-fxa-status::after {
content: url(chrome://browser/skin/warning.svg);
- filter: drop-shadow(0 1px 0 hsla(206, 50%, 10%, .15));
+ filter: drop-shadow(0 1px 0 hsla(206,50%,10%,.15));
width: 47px;
padding-top: 1px;
display: block;
@@ -544,7 +558,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
width: 14px;
height: 14px;
margin-right: 16.5px;
- box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px -1px 0px rgba(0, 0, 0, 0.1) inset, 0px 1px 0px rgba(12, 27, 38, 0.2);
+ box-shadow: 0px 1px 0px rgba(255,255,255,.2) inset, 0px -1px 0px rgba(0,0,0,.1) inset, 0px 1px 0px rgba(12,27,38,.2);
border-radius: 2px;
background-size: contain;
display: -moz-box;
@@ -569,7 +583,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
#PanelUI-footer-inner,
#PanelUI-footer-fxa:not([hidden]) {
display: flex;
- border-top: 1px solid hsla(210,4%,10%,.14);
+ border-top: 1px solid var(--panel-separator-color);
}
#PanelUI-multiView[viewtype="subview"] #PanelUI-footer-inner,
@@ -580,7 +594,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
#PanelUI-footer-inner > toolbarseparator,
#PanelUI-footer-fxa > toolbarseparator {
border: 0;
- border-left: 1px solid hsla(210,4%,10%,.14);
+ border-left: 1px solid var(--panel-separator-color);
margin: 7px 0 7px;
-moz-appearance: none;
}
@@ -609,7 +623,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
}
#PanelUI-update-status {
- border-top: 1px solid hsla(210,4%,10%,.14);
+ border-top: 1px solid var(--panel-separator-color);
}
#PanelUI-update-status {
@@ -887,8 +901,8 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
#PanelUI-help:not([disabled]):hover,
#PanelUI-customize:hover,
#PanelUI-quit:not([disabled]):hover {
- outline: 1px solid hsla(210,4%,10%,.07);
- background-color: hsla(210,4%,10%,.07);
+ outline: 1px solid var(--arrowpanel-dimmed);
+ background-color: var(--arrowpanel-dimmed);
}
#PanelUI-fxa-status:not([disabled]):hover:active,
@@ -896,8 +910,8 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
#PanelUI-help:not([disabled]):hover:active,
#PanelUI-customize:hover:active,
#PanelUI-quit:not([disabled]):hover:active {
- outline: 1px solid hsla(210,4%,10%,.12);
- background-color: hsla(210,4%,10%,.12);
+ outline: 1px solid var(--arrowpanel-dimmed-further);
+ background-color: var(--arrowpanel-dimmed-further);
box-shadow: 0 1px 0 hsla(210,4%,10%,.05) inset;
}
@@ -909,16 +923,16 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
}
#PanelUI-footer-fxa[fxastatus="error"] {
- background-color: hsla(42, 94%, 88%, 1.0);
- border-top: 1px solid hsla(42, 94%, 70%, 1.0);
+ background-color: hsl(42,94%,88%);
+ border-top: 1px solid hsl(42,94%,70%);
}
#PanelUI-footer-fxa[fxastatus="error"] > #PanelUI-fxa-status:hover {
- background-color: hsla(42, 94%, 85%, 1.0);
+ background-color: hsl(42,94%,85%);
}
#PanelUI-footer-fxa[fxastatus="error"] > #PanelUI-fxa-status:hover:active {
- background-color: hsla(42, 94%, 82%, 1.0);
+ background-color: hsl(42,94%,82%);
box-shadow: 0 1px 0 hsla(210,4%,10%,.05) inset;
}
@@ -927,27 +941,27 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
}
#PanelUI-update-status[update-status="succeeded"] {
- background-color: hsla(96, 65%, 75%, 0.5);
+ background-color: hsla(96,65%,75%,.5);
}
#PanelUI-update-status[update-status="succeeded"]:not([disabled]):hover {
- background-color: hsla(96, 65%, 75%, 0.8);
+ background-color: hsla(96,65%,75%,.8);
}
#PanelUI-update-status[update-status="succeeded"]:not([disabled]):hover:active {
- background-color: hsl(96, 65%, 75%);
+ background-color: hsl(96,65%,75%);
}
#PanelUI-update-status[update-status="failed"] {
- background-color: hsla(359, 69%, 84%, 0.5);
+ background-color: hsla(359,69%,84%,.5);
}
#PanelUI-update-status[update-status="failed"]:not([disabled]):hover {
- background-color: hsla(359, 69%, 84%, 0.8);
+ background-color: hsla(359,69%,84%,.8);
}
#PanelUI-update-status[update-status="failed"]:not([disabled]):hover:active {
- background-color: hsl(359, 69%, 84%);
+ background-color: hsl(359,69%,84%);
}
#PanelUI-quit:not([disabled]):hover {
@@ -962,7 +976,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
#customization-panelHolder #PanelUI-customize {
color: white;
- background-color: rgb(116,191,67);
+ background-color: hsl(108,66%,30%);
text-shadow: none;
margin-top: -1px;
}
@@ -971,9 +985,12 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
display: none;
}
-#customization-panelHolder #PanelUI-customize:hover,
+#customization-panelHolder #PanelUI-customize:hover {
+ background-color: hsl(109,65%,26%);
+}
+
#customization-panelHolder #PanelUI-customize:hover:active {
- background-color: rgb(105,173,61);
+ background-color: hsl(109,65%,22%);
}
#customization-palette .toolbarbutton-multiline-text,
@@ -989,10 +1006,10 @@ panelview .toolbarbutton-1,
.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton {
-moz-appearance: none;
padding: 0 6px;
- background-color: hsla(210,4%,10%,0);
+ background-color: transparent;
border-radius: 2px;
border-style: solid;
- border-color: hsla(210,4%,10%,0);
+ border-color: transparent;
}
panelview .toolbarbutton-1,
@@ -1075,12 +1092,12 @@ menuitem.subviewbutton:not(:-moz-any([disabled],:active))[_moz-menuactive],
.share-provider-button:not(:-moz-any([disabled],[open],:active)):hover:not([checked="true"]),
.widget-overflow-list .toolbarbutton-1:not(:-moz-any([disabled],[open],:active)):hover,
.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton:not(:-moz-any([disabled],[open],:active)):hover {
- background-color: hsla(210,4%,10%,.08);
- border-color: hsla(210,4%,10%,.11);
+ background-color: var(--arrowpanel-dimmed);
+ border-color: var(--panel-separator-color);
}
.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]):not(:-moz-any([disabled],[open],:active)):hover {
- border-color: hsla(210,4%,10%,.11);
+ border-color: var(--panel-separator-color);
}
panelview .toolbarbutton-1:-moz-any(:not([disabled]):-moz-any([open],:hover:active),[checked=true]),
@@ -1090,28 +1107,26 @@ menuitem.subviewbutton:not([disabled])[_moz-menuactive]:active,
.share-provider-button:-moz-any(:not([disabled]):-moz-any([open],:hover:active),[checked=true]),
.widget-overflow-list .toolbarbutton-1:not([disabled]):-moz-any([open],:hover:active),
.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton:not([disabled]):-moz-any([open],:hover:active) {
- background-color: hsla(210,4%,10%,.12);
- border-color: hsla(210,4%,10%,.14);
+ background-color: var(--arrowpanel-dimmed-further);
+ border-color: var(--panel-separator-color);
box-shadow: 0 1px 0 hsla(210,4%,10%,.03) inset;
}
.subviewbutton.panel-subview-footer {
margin: 4px -4px -4px;
- background-color: hsla(210,4%,10%,.07);
- border-top: 1px solid hsla(210,4%,10%,.12);
+ background-color: var(--arrowpanel-dimmed);
+ border-top: 1px solid var(--panel-separator-color);
border-radius: 0;
}
menuitem.panel-subview-footer:not(:-moz-any([disabled],:active))[_moz-menuactive],
.subviewbutton.panel-subview-footer:not(:-moz-any([disabled],[open],:active)):hover {
- background-color: hsla(210,4%,10%,.15);
- border-top: 1px solid hsla(210,4%,10%,.14);
+ background-color: var(--arrowpanel-dimmed-further);
}
menuitem.panel-subview-footer:not([disabled])[_moz-menuactive]:active,
.subviewbutton.panel-subview-footer:not([disabled]):-moz-any([open],:hover:active) {
- background-color: hsla(210,4%,10%,.19);
- border-top: 1px solid hsla(210,4%,10%,.14);
+ background-color: var(--arrowpanel-dimmed-even-further);
box-shadow: 0 1px 0 hsla(210,4%,10%,.05) inset;
}
@@ -1278,11 +1293,11 @@ toolbarpaletteitem[place="palette"] > #search-container {
}
.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) {
- background-color: hsla(210,4%,10%,0);
+ background-color: transparent;
border-radius: 2px;
border: 1px solid;
- border-color: hsla(210,4%,10%,0);
- border-bottom-color: hsla(210,4%,10%,.1);
+ border-color: transparent;
+ border-bottom-color: var(--panel-separator-color);
padding: 0;
transition-property: background-color, border-color;
transition-duration: 150ms;
@@ -1457,7 +1472,7 @@ menuitem[checked="true"].subviewbutton > .menu-iconic-left {
#PanelUI-panic-timeframe {
padding: 15px;
- border-bottom: 1px solid rgba(0,0,0,0.1);
+ border-bottom: 1px solid var(--panel-separator-color);
}
#panic-button-success-icon,
@@ -1510,23 +1525,21 @@ menuitem[checked="true"].subviewbutton > .menu-iconic-left {
-moz-box-align: center;
padding: 1px;
margin: 0 0 2px;
- background-color: hsla(210,4%,10%,0);
+ background-color: transparent;
border-radius: 2px;
- border-width: 1px;
- border-style: solid;
- border-color: hsla(210,4%,10%,0);
+ border: 1px solid transparent;
}
.subviewradio:not(:-moz-any([disabled],[open],:active)):hover {
- background-color: hsla(210,4%,10%,.08);
- border-color: hsla(210,4%,10%,.11);
+ background-color: var(--arrowpanel-dimmed);
+ border-color: var(--panel-separator-color);
}
.subviewradio[selected],
.subviewradio[selected]:hover,
.subviewradio:not([disabled]):-moz-any([open],:hover:active) {
- background-color: hsla(210,4%,10%,.12);
- border-color: hsla(210,4%,10%,.14);
+ background-color: var(--arrowpanel-dimmed-further);
+ border-color: var(--panel-separator-color);
box-shadow: 0 1px 0 hsla(210,4%,10%,.03) inset;
}
@@ -1744,7 +1757,7 @@ menuitem[checked="true"].subviewbutton > .menu-iconic-left {
}
.panel-subviews {
- background-color: -moz-dialog;
+ background-color: var(--panel-arrowcontent-background);
}
#BMB_bookmarksPopup > menuitem[type="checkbox"] {
@@ -1755,7 +1768,7 @@ menuitem[checked="true"].subviewbutton > .menu-iconic-left {
-moz-appearance: none;
background: var(--panel-arrowcontent-background);
color: var(--panel-arrowcontent-color);
- border: var(--panel-arrowcontent-border);
+ border: 1px solid var(--panel-arrowcontent-border-color);
margin-top: -6px;
padding-top: 1px;
}
@@ -1832,14 +1845,6 @@ menu.subviewbutton > .menu-right:-moz-locale-dir(rtl) {
margin-bottom: 2px !important;
}
-.PanelUI-subView toolbarseparator,
-.PanelUI-subView menuseparator,
-.cui-widget-panelview menuseparator,
-#PanelUI-footer-inner > toolbarseparator,
-#PanelUI-footer-fxa > toolbarseparator {
- -moz-appearance: none !important;
-}
-
.subviewradio > .radio-label-box {
-moz-appearance: none;
}