-moz-binding: url("chrome://global/skin/globalBindings.xml#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;
+ font-size: .8em;
+ padding: 0 8px;
+ border-radius: 1em;
+/* background-color: hsla(0,0%,0%,.05);
+ border: 1px solid ThreeDLightShadow;*/
+}
+
+#urlbar-zoom-button[animate="true"] {
+ animation-name: urlbar-zoom-reset-pulse;
+ animation-duration: 250ms;
+}
+
+#urlbar-zoom-button:hover {
+/* background-color: hsla(0,0%,0%,.1);*/
+}
+
+#urlbar-zoom-button:hover:active {
+/* background-color: hsla(0,0%,0%,.15);*/
+}
+
+#urlbar-zoom-button > .toolbarbutton-text {
+ display: -moz-box;
+}
+
+#urlbar-zoom-button > .toolbarbutton-icon {
+ 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 {
/*--backbutton-urlbar-overlap: 5px;*/
display: none;
}
-#main-window[customize-entered][tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[customizing-dragovertarget].customization-target::before,
-#main-window[customize-entered][tabsintitlebar]:not([inFullscreen]) #TabsToolbar[customizing-dragovertarget].customization-target::before,
-#main-window[customize-entered][tabsintitlebar]:not([inFullscreen]) #toolbar-menubar.customization-target:hover::before,
-#main-window[customize-entered][tabsintitlebar]:not([inFullscreen]) #TabsToolbar.customization-target:hover::before {
- outline-color: #A09090;
-}
-
#navigator-toolbox {
}
#urlbar-zoom-button {
/* -moz-appearance: none;*/
- margin: 0 3px;
- font-size: .8em;
- padding: 0 8px;
- border-radius: 1em;
-/* background-color: hsla(0,0%,0%,.05);
- color: inherit;
- border: 1px solid ThreeDLightShadow;*/
-}
-
-#urlbar-zoom-button[animate="true"] {
- animation-name: urlbar-zoom-reset-pulse;
- animation-duration: 250ms;
-}
-
-#urlbar-zoom-button:hover {
-/* background-color: hsla(0,0%,0%,.1);*/
-}
-
-#urlbar-zoom-button:hover:active {
-/* background-color: hsla(0,0%,0%,.15);*/
-}
-
-#urlbar-zoom-button > .toolbarbutton-text {
- display: -moz-box;
-}
-
-#urlbar-zoom-button > .toolbarbutton-icon {
- display: none;
+/* color: inherit;*/
}
.search-go-container {
}
#urlbar-search-splitter {
- min-width: 6px;
- margin-inline-start: -3px;
+ /* The splitter width should equal the location and search bars' combined
+ neighboring margin and border width. */
+ min-width: 8px;
+ margin: 0 -4px;
+ position: relative;
border: none;
background: transparent;
}
-#urlbar-search-splitter + #urlbar-container > #urlbar,
-#urlbar-search-splitter + #search-container > #searchbar > .searchbar-textbox {
- margin-inline-start: 0;
-}
-
.urlbar-display {
border-inline-end: 1px solid #9C9CFF;
margin-inline-end: 3px;
visibility: visible;
}
+#urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon,
+#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon,
+#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon,
#urlbar[pageproxystate="valid"] > #identity-box.certUserOverridden > #connection-icon {
list-style-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon);
visibility: visible;
visibility: visible;
}
-#urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon,
-#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon,
-#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon {
- list-style-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon);
- visibility: visible;
-}
-
/* === END identity-block/icons.inc.css === */
#identity-box {
#identity-box[sharing] > #identity-icon,
#sharing-icon {
- animation: 3s linear pulse infinite;
+ animation: 3s linear identity-box-sharing-icon-pulse infinite;
}
-@keyframes pulse {
+@keyframes identity-box-sharing-icon-pulse {
+/* This should remain identical to tab-sharing-icon-pulse in tabs.inc.css */
0%, 16.66%, 83.33%, 100% {
opacity: 0;
}
border-radius: 2px;
border: 1px solid transparent;
}
-
-.autocomplete-richlistitem[selected=true] {
- background-color: hsl(210, 80%, 52%);
-}
*/
.ac-title {
font-size: 14px;
-/* color: hsl(0, 0%, 0%);*/
}
.ac-tags {
}
/*
html|span.ac-tag {
- background-color: hsl(216, 0%, 88%);
- color: hsl(0, 0%, 0%);
border-radius: 2px;
border: 1px solid transparent;
padding: 0 1px;
font-size: 12px;
}
-.ac-separator {
-/* color: hsl(0, 0%, 50%);*/
-}
-
-.ac-url {
- color: #9C9CFF;
-}
-
-.ac-action {
- color: #9C9CFF;
-}
-
-.ac-title[selected=true],
-.ac-separator[selected],
-.ac-url[selected=true],
-.ac-action[selected=true] {
- color: #000000;
-}
-
-.ac-tags-text[selected] > html|span.ac-tag {
- background-color: #A09090;
- color: #000000;
-}
-
html|span.ac-emphasize-text-title,
html|span.ac-emphasize-text-tag,
html|span.ac-emphasize-text-url {
/* list-style-image: url("chrome://browser/skin/urlbar-star.svg#star-inverted");*/
}
-.ac-result-type-bookmark,
-.autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) {
+.ac-result-type-bookmark {
list-style-image: url("chrome://browser/skin/places/bookmark.png");
-moz-image-region: rect(0px 16px 16px 0px);
width: 16px;
height: 16px;
}
-richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type-bookmark,
-.autocomplete-treebody::-moz-tree-image(selected, current, bookmark, treecolAutoCompleteImage) {
+richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type-bookmark {
/* -moz-image-region: rect(0px 48px 16px 32px);*/
}
.ac-type-icon[type=keyword],
-.ac-site-icon[type=searchengine],
-.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage) {
+.ac-site-icon[type=searchengine] {
list-style-image: url("chrome://global/skin/icons/autocomplete-search.svg#search-icon");
}
.ac-type-icon[type=keyword][selected],
-.ac-site-icon[type=searchengine][selected],
-.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage, selected) {
+.ac-site-icon[type=searchengine][selected] {
list-style-image: url("chrome://global/skin/icons/autocomplete-search.svg#search-icon-inverted");
}
-.ac-result-type-tag,
-.autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) {
+.ac-result-type-tag {
list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png");
width: 16px;
height: 16px;
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[sharing]:not([selected]),
.tab-sharing-icon-overlay {
- animation: 3s linear pulse infinite;
+ animation: 3s linear tab-sharing-icon-pulse infinite;
}
-@keyframes pulse {
+@keyframes tab-sharing-icon-pulse {
+/* This should remain identical to identity-box-sharing-icon-pulse in identity-block.inc.css */
0%, 16.66%, 83.33%, 100% {
opacity: 0;
}
transition: 1s background-color ease-out;
}
-.tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] {
+.tabbrowser-arrowscrollbox > .scrollbutton-down[highlight] {
background-color: #008484;
}
type of icon displayed. This rule must be defined before the others in order
for its list-style-image to be overridden. */
.notification-anchor-icon {
- list-style-image: url("chrome://global/skin/icons/information-16.png");
+ list-style-image: url(chrome://browser/skin/notification-icons.svg#default-info);
}
.notification-anchor-icon:-moz-focusring {
}
}
-#notification-popup > .panel-arrowcontainer > .panel-arrowcontent {
- /* In order to display the action buttons near the edge of the arrow panel we
- * have to reset its default padding and specify the padding in the individual
- * "popupnotification" elements instead. To keep the rounded borders of the
- * panel, we also have to ensure the contents are clipped to the border box
- * by hiding the overflow, and we have to override the "display" property so
- * that the height of the contents is computed correctly in that case. */
- padding: 0;
- overflow: hidden;
- display: block;
-}
-
.notification-anchor-icon:not(.plugin-blocked),
#blocked-permissions-container > .blocked-permission-icon {
filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor;
}
-.notification-anchor-icon:not(.plugin-blocked):not(:hover) {
-}
-
/* INDIVIDUAL NOTIFICATIONS */
.popup-notification-icon[popupid="web-notifications"],
max-width: 28em;
}
+.addon-install-confirmation-name {
+ font-weight: bold;
+}
+
+.addon-webext-perm-header {
+ font-size: 1.3em;
+}
+
+.addon-webext-name {
+ display: inline;
+ font-weight: bold;
+ margin: 0;
+}
+
+.addon-addon-icon {
+ width: 14px;
+ height: 14px;
+ list-style-image: url("chrome://browser/skin/menuPanel.svg");
+ -moz-image-region: rect(0px, 288px, 32px, 256px);
+}
+
+.addon-toolbar-icon {
+ width: 14px;
+ height: 14px;
+ list-style-image: url("chrome://browser/skin/Toolbar.png");
+ -moz-image-region: rect(0, 486px, 18px, 468px);
+}
+
+/* Notification icon box */
+
+.notification-anchor-icon:-moz-focusring {
+/* outline: 1px dotted -moz-DialogText;*/
+}
+
/* Translation infobar */
/* === BEGIN infobar.inc.css === */
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|*.pointerlockfswarning-exit-button {
- padding: 5px 30px;
- font-family: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
- font-size: 14px;
- font-weight: lighter;
margin: 0;
- box-sizing: content-box;
border-radius: 300px;
border: none;
--drag-drop-transition-duration: .3s;
}
+#main-window[customization-lwtheme] #tab-view-deck:-moz-lwtheme {
+ background-repeat: no-repeat;
+ background-position: right top;
+ background-attachment: fixed;
+ background-color: transparent;
+ background-image: -moz-image-rect(var(--lwt-header-image), 0, 100%,
+ var(--toolbox-rect-height), 0),
+ linear-gradient(to bottom,
+ var(--lwt-accent-color) calc(var(--toolbox-rect-height-with-unit) - 1px),
+ rgba(0,0,0,0.25) calc(var(--toolbox-rect-height-with-unit) - 1px),
+ rgba(0,0,0,0.25) calc(var(--toolbox-rect-height-with-unit) + 1px),
+ rgba(255,255,255,0.5) calc(var(--toolbox-rect-height-with-unit) + 1px),
+ rgba(255,255,255,0.5) calc(var(--toolbox-rect-height-with-unit) + 2px),
+ transparent calc(var(--toolbox-rect-height-with-unit) + 2px));
+}
+
#main-window:-moz-any([customize-entering],[customize-entered]) #browser-bottombox {
margin-bottom: 1em;
}
width: 20px;
height: 20px;
border-radius: 2px;
- background-image: url("chrome://browser/skin/theme-switcher-icon.png");
+ background-image: url("chrome://browser/content/default-theme-icon.svg");
background-size: contain;
}
}
.customization-lwtheme-menu-theme[defaulttheme] {
- list-style-image: url(chrome://browser/skin/Fxtheme-switcher-icon.png);
+ list-style-image: url(chrome://browser/content/default-theme-icon.svg);
}
.customization-lwtheme-menu-theme[active="true"] {
background-attachment: fixed;
}
-#main-window[customization-lwtheme] > #tab-view-deck:-moz-lwtheme {
- background-repeat: no-repeat;
- background-position: right top;
- background-attachment: fixed;
- /* The image will get set from CustomizeMode.jsm */
- background-image: none;
- background-color: transparent;
-}
-
#main-window[customization-lwtheme]:-moz-lwtheme {
background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png");
background-repeat: repeat;