--arrowpanel-hover: #FFCF00;
--arrowpanel-active: #FF9F00;
--arrowpanel-dimmed: #402000;
-/* --arrowpanel-dimmed-further: hsla(0,0%,80%,.45);
- --arrowpanel-dimmed-even-further: hsla(0,0%,80%,.8); */
+ --arrowpanel-dimmed-further: #794900;
+ --arrowpanel-dimmed-even-further: #603000;
--urlbar-separator-color: #9C9CFF;
}
#history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button,
#email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button,
#copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #containers-panelmenu)[cui-areatype="menu-panel"][panel-multiview-anchor=true] > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor;
}
#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton > .toolbarbutton-icon,
toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-icon,
toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton > .toolbarbutton-icon {
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor;
}
#nav-bar .toolbarbutton-1[type=panel] > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1[type=panel] > .toolbarbutton-badge-stack,
-#nav-bar .toolbarbutton-1[type=menu]:not(#PanelUI-menu-button):not(#back-button):not(#forward-button) > .toolbarbutton-icon,
+#nav-bar .toolbarbutton-1[type=menu]:not(#PanelUI-menu-button):not(#back-button):not(#forward-button):not(#new-tab-button) > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1[type=menu]:not(#PanelUI-menu-button) > .toolbarbutton-badge-stack,
#nav-bar .toolbarbutton-1[type=menu] > .toolbarbutton-text /* hack for add-ons that forcefully display the label */ {
/* padding-inline-end: 17px;*/
}
#nav-bar .toolbarbutton-1[type=panel] > .toolbarbutton-icon,
-#nav-bar .toolbarbutton-1[type=menu]:not(#PanelUI-menu-button):not(#back-button):not(#forward-button) > .toolbarbutton-icon {
+#nav-bar .toolbarbutton-1[type=menu]:not(#PanelUI-menu-button):not(#back-button):not(#forward-button):not(#new-tab-button) > .toolbarbutton-icon {
/* horizontal padding + border + icon width */
/* max-width: 43px;*/
}
}
#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 {
height: 16px;
}
+#urlbar[actiontype="extension"] > #identity-box > #identity-icon {
+ -moz-image-region: inherit;
+ list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg);
+ width: 16px;
+ height: 16px;
+}
+
/* SHARING ICON */
#sharing-icon {
}
#identity-box[sharing="camera"] > #sharing-icon {
- list-style-image: url("chrome://browser/skin/notification-icons.svg#camera");
+ list-style-image: url("chrome://browser/skin/notification-icons.svg#camera-sharing");
}
#identity-box[sharing="microphone"] > #sharing-icon {
- list-style-image: url("chrome://browser/skin/notification-icons.svg#microphone");
+ list-style-image: url("chrome://browser/skin/notification-icons.svg#microphone-sharing");
}
#identity-box[sharing="screen"] > #sharing-icon {
- list-style-image: url("chrome://browser/skin/notification-icons.svg#screen");
+ list-style-image: url("chrome://browser/skin/notification-icons.svg#screen-sharing");
}
#identity-box[sharing] > #sharing-icon {
display: -moz-box;
- filter: url("chrome://browser/skin/filters.svg#fill");
- fill: #FF0000;
animation-delay: -1.5s;
}
#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;
}
/* autocomplete */
+/* === BEGIN autocomplete.inc.css === */
+
+#PopupAutoComplete > richlistbox > richlistitem {
+ height: 20px;
+ min-height: 20px;
+ border: 0;
+ border-radius: 0;
+ padding: 0px 1px 0px 1px;
+}
+
+#PopupAutoComplete > richlistbox > richlistitem > .ac-site-icon {
+ margin-inline-start: 4px;
+ margin-inline-end: 0;
+}
+
+#PopupAutoComplete > richlistbox > richlistitem > .ac-title {
+ font: icon;
+ margin-inline-start: 4px;
+}
+
+#PopupAutoComplete > richlistbox {
+ padding: 0;
+}
+
+/* Login form autocompletion */
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="login"] > .ac-site-icon {
+ display: initial;
+ list-style-image: url(chrome://browser/skin/notification-icons.svg#login);
+}
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="login"] > .ac-site-icon[selected] {
+ list-style-image: url(chrome://browser/skin/notification-icons.svg#login-highlighted);
+}
+
+/* Insecure field warning */
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] {
+ background-color: var(--arrowpanel-dimmed);
+ border-bottom: 1px solid var(--panel-separator-color);
+ padding-bottom: 4px;
+ padding-top: 4px;
+}
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"][selected] {
+ background-color: var(--arrowpanel-dimmed-further);
+ color: #FFCF00;
+}
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] > .ac-title {
+ color: #A09090;
+ font-size: 1em;
+}
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"][selected] > .ac-title {
+ color: inherit;
+}
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] > .ac-site-icon {
+ list-style-image: url(chrome://browser/skin/connection-mixed-active-loaded.svg#icon);
+}
+
+/* === END autocomplete.inc.css === */
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype~="datalist-first"] {
+ border-top: 1px solid #A09090;
+}
+
#treecolAutoCompleteImage {
max-width: 36px;
}
/* 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;
.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;
}
}
.tab-icon-overlay[soundplaying],
-.tab-icon-overlay[muted]:not([crashed]) {
+.tab-icon-overlay[muted]:not([crashed]),
+.tab-icon-overlay[blocked]:not([crashed]) {
border-radius: 10px;
}
.tab-icon-overlay[soundplaying]:hover,
-.tab-icon-overlay[muted]:hover {
+.tab-icon-overlay[muted]:hover,
+.tab-icon-overlay[blocked]:not([crashed]):hover {
background-color: #FFCF00;
}
list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-muted");
}
-#TabsToolbar[brighttext] .tab-icon-overlay[soundplaying]:not(:hover) {
- list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-white");
+.tab-icon-overlay[blocked]:not([crashed]) {
+ list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-blocked");
}
+#TabsToolbar[brighttext] .tab-icon-overlay[soundplaying]:not([selected]):not(:hover),
+.tab-icon-overlay[soundplaying][selected]:-moz-lwtheme-brighttext:not(:hover) {
+ list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-white");
+}
-#TabsToolbar[brighttext] .tab-icon-overlay[muted]:not([crashed]):not(:hover) {
+#TabsToolbar[brighttext] .tab-icon-overlay[muted]:not([crashed]):not([selected]):not(:hover),
+.tab-icon-overlay[mouted][selected]:-moz-lwtheme-brighttext:not(:hover) {
list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-white-muted");
}
+#TabsToolbar[brighttext] .tab-icon-overlay[blocked]:not([crashed]):not([selected]):not(:hover),
+.tab-icon-overlay[blocked][selected]:-moz-lwtheme-brighttext:not(:hover) {
+ list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-white-blocked");
+}
+
.tab-throbber[busy] {
list-style-image: url("chrome://communicator/skin/brand/throbber16-anim-connect.png");
}
}
.tab-icon-sound[soundplaying],
-.tab-icon-sound[muted] {
+.tab-icon-sound[muted],
+.tab-icon-sound[blocked] {
list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio);
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor;
}
list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted);
}
+.tab-icon-sound[blocked] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-blocked);
+}
+
.tab-close-button {
margin-top: 1px;
padding: 0;
}
+.tab-icon-sound[soundplaying-scheduledremoval]:not([muted]):not(:hover),
+.tab-icon-overlay[soundplaying-scheduledremoval]:not([muted]):not(:hover) {
+ transition: opacity .3s linear var(--soundplaying-removal-delay);
+ opacity: 0;
+}
+
.tab-background,
.tabs-newtab-button {
/* overlap the tab curves */
.tabs-newtab-button,
.tab-icon-overlay[soundplaying],
.tab-icon-overlay[muted]:not([crashed]),
+.tab-icon-overlay[blocked]:not([crashed]),
.tab-icon-sound,
.tab-close-button {
pointer-events: auto;
}
.alltabs-endimage[soundplaying],
-.alltabs-endimage[muted] {
+.alltabs-endimage[muted],
+.alltabs-endimage[blocked] {
list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio);
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor;
}
list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted);
}
+.alltabs-endimage[blocked] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-blocked);
+}
+
/* === END tabs.inc.css === */
/* Tab DnD indicator */
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 {
}
}
-.popup-notification-icon {
- width: 64px;
- height: 64px;
- margin-inline-end: 10px;
-}
-
.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"],
list-style-image: url(chrome://browser/skin/notification-icons.svg#login-detailed);
}
-.camera-icon,
-.popup-notification-icon[popupid="webRTC-shareDevices"] {
+.camera-icon {
list-style-image: url(chrome://browser/skin/notification-icons.svg#camera);
}
list-style-image: url(chrome://browser/skin/notification-icons.svg#microphone-blocked);
}
-.popup-notification-icon[popupid="webRTC-shareMicrophone"] {
+.popup-notification-icon.microphone-icon {
list-style-image: url(chrome://browser/skin/notification-icons.svg#microphone-detailed);
}
-.popup-notification-icon[popupid="webRTC-shareScreen"],
.screen-icon {
list-style-image: url(chrome://browser/skin/notification-icons.svg#screen);
}
list-style-image: url(chrome://browser/skin/notification-icons.svg#screen-blocked);
}
+#webRTC-preview:not([hidden]) {
+ display: -moz-stack;
+ border-radius: 4px;
+ border: 1px solid #A09090;
+ overflow: hidden;
+ min-width: 300px;
+ min-height: 10em;
+}
+
+html|*#webRTC-previewVideo {
+ width: 300px;
+ /* If we don't set the min-width, width is ignored. */
+ min-width: 300px;
+ max-height: 200px;
+}
+
+#webRTC-previewWarning {
+ background: #FF0000 url("chrome://browser/skin/warning-white.svg") no-repeat .75em .75em;
+ margin: 0;
+ padding: .5em;
+ padding-inline-start: calc(1.5em + 16px);
+ border-top: 1px solid #A09090;
+}
+
+#webRTC-previewWarning > .text-link {
+ margin-inline-start: 0;
+}
+
/* This icon has a block sign in it, so we don't need a blocked version. */
.popup-icon {
list-style-image: url("chrome://browser/skin/notification-icons.svg#popup");
/* INSTALL ADDONS */
.install-icon {
- list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg#default);
+ list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg);
}
.popup-notification-icon[popupid="xpinstall-disabled"],
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 === */
width: 20px;
height: 20px;
border-radius: 2px;
+ 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"] {
#UITourTooltipButtons {
/**
- * Override the --panel-arrowcontent-padding so the background extends
+ * Override the --arrowpanel-padding so the background extends
* to the sides and bottom of the panel.
*/
margin-left: -10px;
width: 16px;
height: 16px;
margin: 7px;
- filter: url(chrome://browser/skin/filters.svg#fill);
+ filter: url(chrome://global/skin/filters.svg#fill);
fill: currentColor;
}
.webextension-popup-browser {
border-radius: inherit;
}
+
+.contentSelectDropdown-ingroup > .menu-iconic-text {
+ padding-inline-start: 20px;
+}
+
+#ContentSelectDropdown > menupopup {
+ background-color: #000000;
+ -moz-border-top-colors: #A09090;
+ -moz-border-right-colors: #A09090;
+ -moz-border-bottom-colors: #A09090;
+ -moz-border-left-colors: #A09090;
+}
+
+#ContentSelectDropdown > menupopup > menucaption,
+#ContentSelectDropdown > menupopup > menuitem {
+ padding: 0 6px;
+ border-width: 0;
+/* font: -moz-list;*/
+}
+
+#ContentSelectDropdown > menupopup > menucaption > .menu-iconic-text,
+#ContentSelectDropdown > menupopup > menuitem > .menu-iconic-text {
+ /* Padding should follow the 4/12 ratio, where 12px is the default font-size
+ with 4px being the preferred padding size. */
+ padding-top: .3333em;
+ padding-bottom: .3333em;
+}
+
+#ContentSelectDropdown > menupopup > menucaption > .menu-iconic-text {
+ font-weight: bold;
+}
+
+#ContentSelectDropdown > menupopup > menuitem[_moz-menuactive="true"][disabled="true"] {
+ color: #A09090;
+ background-color: unset;
+}
+
+#ContentSelectDropdown > menupopup > menucaption {
+ background-color: buttonface;
+}
+
+#ContentSelectDropdown > menupopup > menucaption[disabled="true"] {
+ color: #A09090;
+}
+
+#ContentSelectDropdown > .isOpenedViaTouch > menucaption > .menu-iconic-text,
+#ContentSelectDropdown > .isOpenedViaTouch > menuitem > .menu-iconic-text {
+ /* Touch padding should follow the 11/12 ratio, where 12px is the default
+ font-size with 11px being the preferred padding size. */
+ padding-top: .9167em;
+ padding-bottom: .9167em;
+}