/* === 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;
display: none;
}
+/* Page action button */
+#urlbar-page-action-button {
+ list-style-image: url("chrome://browser/skin/page-action.svg");
+/* margin: 0;
+ padding: 0 6px;*/
+ -moz-context-properties: fill;
+ 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;
+}
+
+#page-action-send-to-device-button {
+ list-style-image: url("chrome://browser/skin/device-mobile.svg");
+ -moz-context-properties: fill;
+ fill: currentColor;
+}
+
+.page-action-sendToDevice-device[clientType=mobile] {
+ list-style-image: url("chrome://browser/skin/device-mobile.svg");
+ -moz-context-properties: fill;
+ fill: currentColor;
+}
+
+.page-action-sendToDevice-device[clientType=desktop] {
+ list-style-image: url("chrome://browser/skin/device-desktop.svg");
+ -moz-context-properties: fill;
+ fill: currentColor;
+}
+
+#page-action-sendToDevice-fxa-button {
+ list-style-image: url("chrome://browser/skin/sync.svg");
+ -moz-context-properties: fill;
+ fill: currentColor;
+}
+
/* === END browser.inc.css === */
:root {
display: none;
}
-#navigator-toolbox {
+#navigator-toolbox,
+#navigator-toolbox > toolbar {
}
#navigator-toolbox::after {
/*border-bottom: 1px solid ThreeDShadow;*/
}
-#navigator-toolbox > toolbar {
-}
-
#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(:-moz-lwtheme) {
}
/* ::::: bookmark items ::::: */
.bookmark-item {
- list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
+ list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.svg");
-moz-image-region: auto;
}
transform: scaleX(-1);
}
+#nav-bar-overflow-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
+ display: none;
+}
+
#tabview-button {
-moz-image-region: rect(0, 648px, 18px, 630px);
}
-moz-image-region: rect(18px, 738px, 36px, 720px);
}
+#pocket-button {
+ fill: currentColor !important;
+}
+
/* === END toolbarbuttons.inc.css === */
/* === BEGIN menupanel.inc.css === */
#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
transform: scaleX(-1);
}
+
+#forward-button > .toolbarbutton-menu-dropmarker,
+#back-button > .toolbarbutton-menu-dropmarker {
+ display: none;
+}
+
/*
.unified-nav-back[_moz-menuactive]:-moz-locale-dir(ltr),
.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl) {
-moz-image-region: rect(1px, 71px, 17px, 55px);
}
-/* undo close tab menu item */
-#alltabs_undoCloseTab {
- list-style-image: url(chrome://browser/skin/undoCloseTab.png);
-}
-
-@media (min-resolution: 1.1dppx) {
- #alltabs_undoCloseTab {
- list-style-image: url(chrome://browser/skin/undoCloseTab@2x.png);
- }
- #alltabs_undoCloseTab > .toolbarbutton-icon {
- width: 16px;
- }
-}
-
/* zoom control text (reset) button special case: */
#nav-bar #zoom-reset-button > .toolbarbutton-text {
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;
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);
}
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 {
-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);
}
}
.tab-icon-image {
- list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
+ list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.svg");
}
.tab-icon-image[sharing]:not([selected]),
.tab-background-end[selected=true]:-moz-locale-dir(ltr)::after,
.tab-background-start[selected=true]:-moz-locale-dir(rtl)::after {
}
-
- .tab-icon-image {
- list-style-image: url("chrome://mozapps/skin/places/defaultFavicon@2x.png");
- }
}
/* All tabs menupopup */
#TabsToolbar > #new-tab-button {
width: 26px;
+ -moz-box-orient: horizontal;
}
#alltabs-button {
/* All tabs menupopup */
.alltabs-item > .menu-iconic-left > .menu-iconic-icon {
- list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
+ list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.svg");
-moz-image-region: auto;
}
@media (min-resolution: 1.1dppx) {
.notification-anchor-icon {
- list-style-image: url(chrome://global/skin/icons/information-32.png);
+ list-style-image: url(chrome://global/skin/icons/info.svg);
}
}
-moz-image-region: rect(0px, 32px, 16px, 16px);
}
+/* UPDATE */
+
+.popup-notification-icon[popupid="update-available"],
+.popup-notification-icon[popupid="update-manual"],
+.popup-notification-icon[popupid="update-restart"] {
+ background: #74BF43 url(chrome://browser/skin/notification-icons.svg#update) no-repeat center;
+ border-radius: 50%;
+}
+
/* === END notification-icons.inc.css === */
.popup-notification-body[popupid="addon-progress"],
.addon-toolbar-icon {
width: 14px;
height: 14px;
- list-style-image: url("chrome://browser/skin/Toolbar.png");
+ list-style-image: url("chrome://browser/skin/ToolbarFx.png");
-moz-image-region: rect(0, 486px, 18px, 468px);
}
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;
margin: 0;
}
-html|*#fullscreen-exit-button {
-
+html|*#fullscreen-exit-button,
html|*.pointerlockfswarning-exit-button {
margin: 0;