/* 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;*/
- -moz-context-properties: fill;
fill: currentColor;
}
#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-icon,
#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menu-dropmarker,
#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-dropmarker,
-#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
-#main-window:not([customizing]) .toolbarbutton-1 > .toolbarbutton-menubutton-button[disabled=true] > .toolbarbutton-icon {
+#main-window:not([customizing]) .toolbarbutton-1 > .toolbarbutton-menubutton-button[disabled=true] > .toolbarbutton-icon,
+#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > :-moz-any(.toolbarbutton-menubutton-button, .toolbarbutton-badge-stack) > .toolbarbutton-icon {
}
.toolbarbutton-1 > .toolbarbutton-menu-dropmarker,
min-height: 3em;
}
+/* Limit the size of the hidden description, since a deck takes the size of the biggest child */
+
+#PopupAutoCompleteRichResult > deck[anonid="search-suggestions-notification"][selectedIndex="0"] #search-suggestions-hint,
+#PopupAutoCompleteRichResult > deck[anonid="search-suggestions-notification"][selectedIndex="1"] #search-suggestions-question {
+ max-height: 5em;
+}
+
/* Opt-in notification */
#PopupAutoCompleteRichResult > deck[anonid="search-suggestions-notification"] > hbox[anonid="search-suggestions-opt-in"] {
/* Opt-out hint */
#PopupAutoCompleteRichResult > deck[anonid="search-suggestions-notification"] > hbox[anonid="search-suggestions-opt-out"] {
- font: message-box;
+/* font: message-box;*/
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ flex-wrap: nowrap;
+}
+
+#PopupAutoCompleteRichResult > deck[anonid="search-suggestions-notification"] hbox[anonid="search-suggestions-hint-box"] {
+ flex-basis: 100%;
}
#PopupAutoCompleteRichResult > deck[anonid="search-suggestions-notification"] hbox[anonid="search-suggestions-hint-box"] > description {
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards;
+ min-width: 16px;
}
@keyframes search-suggestions-hint-grow {
#PopupAutoCompleteRichResult > deck[anonid="search-suggestions-notification"][animate] hbox[anonid="search-suggestions-hint-typing"] {
overflow: hidden;
- max-width: 8ch;
+ max-width: 12ch;
width: 0;
animation-name: search-suggestions-hint-typing;
animation-duration: 500ms;
animation-fill-mode: forwards;
}
+@media all and (max-width: 800px) {
+ /* Hide the typing animation block */
+ #PopupAutoCompleteRichResult > deck[anonid="search-suggestions-notification"] hbox[anonid="search-suggestions-hint-typing"] {
+ display: none;
+ }
+}
+
@keyframes search-suggestions-hint-typing {
from { width: 0; }
- to { width: 8ch; }
+ to { width: 12ch; }
}
#PopupAutoCompleteRichResult > deck[anonid="search-suggestions-notification"][animate] hbox[anonid="search-suggestions-hint-box"] {
#identity-icon,
#tracking-protection-icon,
#connection-icon,
+.notification-anchor-icon,
+#blocked-permissions-container > .blocked-permission-icon,
#extension-icon {
width: 16px;
height: 16px;
+ margin-inline-start: 2px;
-moz-context-properties: fill;
fill: #A09090;
}
#identity-icon:-moz-lwtheme,
#tracking-protection-icon:-moz-lwtheme,
#connection-icon:-moz-lwtheme,
+.notification-anchor-icon:-moz-lwtheme,
+#blocked-permissions-container > .blocked-permission-icon:-moz-lwtheme,
#extension-icon:-moz-lwtheme {
/* fill: rgba(0,0,0,.6);*/
}
/* MAIN IDENTITY ICON */
#identity-icon {
+ margin-inline-start: 0;
width: 16px;
height: 16px;
list-style-image: url(chrome://browser/skin/identity-icon.svg#normal);
height: 16px;
margin-inline-start: -16px;
position: relative;
+ -moz-context-properties: fill;
+ fill: #FF0000;
display: none;
}
#tracking-protection-icon {
list-style-image: url(chrome://browser/skin/tracking-protection-16.svg#enabled);
- margin-inline-start: 2px;
margin-inline-end: 0;
}
#extension-icon {
width: 16px;
height: 16px;
- margin-inline-start: 2px;
visibility: collapse;
}
/* REMOTE CONTROL ICON */
#main-window[remotecontrol] #remote-control-icon {
- list-style-image: url(chrome://browser/content/robot.ico);
+ list-style-image: url(chrome://browser/content/static-robot.png);
visibility: visible;
width: 16px;
height: 16px;
#PopupAutoComplete > richlistbox > richlistitem[originaltype="login"] > .ac-site-icon {
display: initial;
list-style-image: url(chrome://browser/skin/notification-icons.svg#login);
+ -moz-context-properties: fill;
+ fill: #A09090;
}
#PopupAutoComplete > richlistbox > richlistitem[originaltype="login"] > .ac-site-icon[selected] {
- list-style-image: url(chrome://browser/skin/notification-icons.svg#login-highlighted);
+ fill: #FFCF00;
}
/* Insecure field warning */
#sidebar-switcher-tabs > .toolbarbutton-icon,
#sidebar-box[sidebarcommand="viewTabsSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon {
-/* list-style-image: url(chrome://browser/skin/synced-tabs.svg);
+ list-style-image: url(chrome://browser/skin/synced-tabs.svg);
-moz-context-properties: fill;
fill: currentColor;
- opacity: 0.8;*/
- list-style-image: url(chrome://browser/skin/urlbar-tab.svg#tab);
+/* opacity: 0.8;*/
}
/* === END sidebar.inc.css === */
/* 16px of the icon + 6px of margin-inline-end of .tab-icon-image */
margin-inline-start: -22px;
position: relative;
+ -moz-context-properties: fill;
+ fill: #FF0000;
}
.tab-sharing-icon-overlay[sharing="camera"] {
.tab-icon-sound[soundplaying],
.tab-icon-sound[muted],
.tab-icon-sound[blocked] {
- list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio);
- filter: url(chrome://global/skin/filters.svg#fill);
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio-playing.svg);
+ -moz-context-properties: fill;
fill: currentColor;
}
.tab-icon-sound[muted] {
- list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted);
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio-muted.svg);
}
.tab-icon-sound[blocked] {
- list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-blocked);
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio-blocked.svg);
}
.tab-close-button {
width: 28px;
/* width: calc(36px + var(--tab-curve-width)); */
}
+
+.tabs-newtab-button > .toolbarbutton-menu-dropmarker {
+ display: none;
+}
+
+.tabs-newtab-button > .toolbarbutton-icon {
+ /* override drop marker image padding */
+ margin-inline-end: 0;
+}
+
@media (min-resolution: 1.1dppx) {
/* image preloading hack from like lowdpi styles */
#tabbrowser-tabs::before {
.alltabs-endimage[soundplaying],
.alltabs-endimage[muted],
.alltabs-endimage[blocked] {
- list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio);
- filter: url(chrome://global/skin/filters.svg#fill);
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio-playing.svg);
+ -moz-context-properties: fill;
fill: currentColor;
}
.alltabs-endimage[muted] {
- list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted);
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio-muted.svg);
}
.alltabs-endimage[blocked] {
- list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-blocked);
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio-blocked.svg);
}
/* === END tabs.inc.css === */
/* === BEGIN notification-icons.inc.css === */
+.popup-notification-icon,
+.identity-popup-permission-icon {
+ -moz-context-properties: fill;
+ fill: #A09090;
+}
+
#notification-popup-box {
border-radius: 3px 0 0 3px;
padding: 5px 0px;
padding-inline-end: 5px;
}
-.notification-anchor-icon,
-#blocked-permissions-container > .blocked-permission-icon {
- width: 16px;
- height: 16px;
- margin-inline-start: 2px;
-}
-
/* This class can be used alone or in combination with the class defining the
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:not(.plugin-blocked),
-#blocked-permissions-container > .blocked-permission-icon {
- filter: url(chrome://global/skin/filters.svg#fill);
- fill: currentColor;
-}
-
/* INDIVIDUAL NOTIFICATIONS */
.focus-tab-by-prompt-icon {
.plugin-icon.plugin-blocked {
list-style-image: url(chrome://browser/skin/notification-icons.svg#plugin-blocked);
+ fill: #FF0000 !important;
}
#notification-popup-box[hidden] {
margin-inline-start: 0;
}
-.popup-notification-description[popupid="addon-webext-permissions"] {
- margin: 0;
- padding: 0;
+.popup-notification-description[popupid="addon-webext-permissions"],
+.popup-notification-description[popupid="addon-installed"] {
+ display: none;
+}
+
+.addon-webext-perm-notification-content,
+.addon-installed-notification-content {
+ margin-top: 0;
+}
+
+#addon-webext-perm-header {
+ /* Align the text more closely with the icon by clearing some top line height. */
+ margin-top: -1px;
+ margin-inline-start: 0;
+}
+
+#addon-installed-notification-header {
+ /* Align the text more closely with the icon by clearing some top line height. */
+ margin-top: -1px;
}
.addon-webext-name {
margin: 0;
}
-.addon-addon-icon {
+.addon-addon-icon,
+.addon-toolbar-icon {
width: 14px;
height: 14px;
+ vertical-align: bottom;
+ margin-bottom: 1px;
+}
+
+.addon-addon-icon {
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/ToolbarFx.png");
-moz-image-region: rect(0, 486px, 18px, 468px);
}
margin: 5px;
}
-.customizationmode-button:hover {
+.customizationmode-checkbox {
+}
+
+#customization-reset-button,
+#customization-undo-reset-button,
+#customization-done-button {
+}
+
+#customization-done-button {
}
.customizationmode-button > .box-inherit {
}
-.customizationmode-button > .button-icon {
+/* We use a smaller padding to ensure images don't have padding.
+ * We can't detect whether a button has an image. This button doesn't
+ * so it needs more padding, so we unfortunately hardcode the extra
+ * padding in here:
+ */
+#customization-toolbar-visibility-button {
}
-.customizationmode-button:not([type=menu]) > .button-text {
+.customizationmode-button[type=menu] > .box-inherit > .box-inherit > .button-text {
}
-.customizationmode-button > .button-menu-dropmarker {
+.customizationmode-button > .button-icon {
}
+.customizationmode-button:not([type=menu]) > .button-text {
+}
+.customizationmode-button > .box-inherit > .button-menu-dropmarker {
+}
.customizationmode-button[checked] {
background-color: #008484;
.customizationmode-button > .box-inherit > .box-inherit > .button-icon,
.customizationmode-button > .button-box > .button-icon {
-/* height: 24px;*/
+/* height: 16px;*/
}
#customization-titlebar-visibility-button {
}
#customization-lwtheme-button > .box-inherit > .box-inherit > .button-icon {
- width: 20px;
- height: 20px;
+ width: 16px;
+ height: 16px;
border-radius: 2px;
background-image: url("chrome://browser/content/default-theme-icon.svg");
background-size: contain;
color: #000000;
}
-/* Notification overrides for Heartbeat UI */
-
-notification.heartbeat {
- background-color: #A09090;
-/* height: 40px;*/
-}
-
-@keyframes pulse-onshow {
- 0% {
- opacity: 0;
- transform: scale(1.0);
- }
- 25% {
- opacity: 1;
- transform: scale(1.1);
- }
- 50% {
- transform: scale(1.0);
- }
- 75% {
- transform: scale(1.1);
- }
- 100% {
- transform: scale(1.0);
- }
-}
-
-@keyframes pulse-twice {
- 0% {
- transform: scale(1.1);
- }
- 50% {
- transform: scale(0.8);
- }
- 100% {
- transform: scale(1);
- }
-}
-
-.messageText.heartbeat {
- color: #000000;
-/* text-shadow: none; */
- margin-inline-start: 0px;
-}
-
-.messageImage.heartbeat {
- width: 24px;
- height: 24px;
- margin-inline-start: 8px;
- margin-inline-end: 8px;
-}
-
-.messageImage.heartbeat.pulse-onshow {
- animation-name: pulse-onshow;
- animation-duration: 1.5s;
- animation-iteration-count: 1;
- animation-timing-function: cubic-bezier(.7,1.8,.9,1.1);
-}
-
-.messageImage.heartbeat.pulse-twice {
- animation-name: pulse-twice;
- animation-duration: 1s;
- animation-iteration-count: 2;
- animation-timing-function: linear;
-}
-
-/* Learn More link styles */
-.heartbeat > .text-link {
- color: #3333FF;
- margin-inline-start: 0px;
-}
-
-.heartbeat > .text-link:hover {
- color: #9C9CFF;
- text-decoration: none;
-}
-
-.heartbeat > .text-link:hover:active {
- color: #FF9F00;
-}
-
-/* Heartbeat UI Rating Star Classes */
-.heartbeat > #star-rating-container {
- display: -moz-box;
-/* margin-bottom: 4px;*/
-}
-
-.heartbeat > #star-rating-container > #star5 {
- -moz-box-ordinal-group: 5;
-}
-
-.heartbeat > #star-rating-container > #star4 {
- -moz-box-ordinal-group: 4;
-}
-
-.heartbeat > #star-rating-container > #star3 {
- -moz-box-ordinal-group: 3;
-}
-
-.heartbeat > #star-rating-container > #star2 {
- -moz-box-ordinal-group: 2;
-}
-
-.heartbeat > #star-rating-container > .star-x {
- background: url("chrome://browser/skin/heartbeat-star-off.svg");
- cursor: pointer;
- /* Overrides the margin-inline-end for all platforms defined in the .plain class */
- margin-inline-end: 4px !important;
- width: 16px;
- height: 16px;
-}
-
-.heartbeat > #star-rating-container > .star-x:hover,
-.heartbeat > #star-rating-container > .star-x:hover ~ .star-x {
- background: url("chrome://browser/skin/heartbeat-star-lit.svg");
-}
-
/* === END UITour.inc.css === */
#UITourTooltipButtons {
#identity-popup-securityView-header > description,
#identity-popup-securityView-body > description,
#identity-popup-permissions-content > description,
-#tracking-protection-content > label,
+#tracking-protection-content > description,
.identity-popup-text {
- white-space: pre-wrap;
font-size: 110%;
margin: 0;
}
+/* This element needs the pre-wrap because we add newlines to it in the code. */
+#identity-popup-content-supplemental {
+ white-space: pre-wrap;
+}
+
.identity-popup-headline {
margin: 3px 0 4px;
font-size: 150%;
#identity-popup-permissions-content {
background-image: url(chrome://browser/skin/controlcenter/permissions.svg);
+ padding-bottom: 1.5em;
}
#identity-popup-permissions-headline {
}
.identity-popup-permission-icon.in-use {
+ -moz-context-properties: fill;
+ fill: #FF0000;
animation: 1.5s ease in-use-blink infinite;
}
margin: 0;
width: 16px;
height: 16px;
- list-style-image: url(chrome://browser/skin/panel-icons.svg#cancel);
- filter: url(chrome://global/skin/filters.svg#fill);
+ list-style-image: url(chrome://browser/skin/panel-icon-cancel.svg);
+ -moz-context-properties: fill;
fill: #A09090;
}
display: none;
}
-.panel-viewstack:not([viewtype="main"]) > .panel-mainview > #PanelUI-mainView {
+panelview {
+ -moz-box-orient: vertical;
-moz-box-flex: 1;
}
-moz-box-flex: 1;
}
+.panel-view-body-unscrollable {
+ overflow: hidden;
+ -moz-box-flex: 1;
+}
+
#PanelUI-popup .panel-subview-body {
margin: -4px;
padding: 4px 4px;
color: #000000;
font-variant: small-caps;
border-radius: 4px;
+ /* Workaround for min-height not being accounted for in vertical layout. */
+ height: 41px;
}
.panel-subview-footer {
#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 > .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-fxa-container > #PanelUI-fxa-status > #PanelUI-fxa-avatar,
#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-fxa-container > #PanelUI-fxa-status > #PanelUI-fxa-label,
#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-fxa-container > #PanelUI-fxa-icon,
border-bottom-left-radius: 4px;
}
-#main-window[customizing] #PanelUI-fxa-container,
-#main-window[customizing] #PanelUI-footer-fxa {
+#main-window[customizing] #PanelUI-fxa-container {
display: none;
}
#PanelUI-fxa-container:not([fxastatus="signedin"]) > toolbarseparator,
-#PanelUI-fxa-container:not([fxastatus="signedin"]) > #PanelUI-fxa-icon,
-#PanelUI-footer-fxa:not([fxastatus="signedin"]) > toolbarseparator,
-#PanelUI-footer-fxa:not([fxastatus="signedin"]) > #PanelUI-fxa-icon {
+#PanelUI-fxa-container:not([fxastatus="signedin"]) > #PanelUI-fxa-icon {
display: none;
}
}
#PanelUI-footer-inner,
-#PanelUI-fxa-container:not([hidden]),
-#PanelUI-footer-fxa:not([hidden]) {
+#PanelUI-fxa-container:not([hidden]) {
display: flex;
border-top: 1px solid var(--panel-separator-color);
}
#PanelUI-multiView[viewtype="subview"] #PanelUI-footer-inner,
-#PanelUI-multiView[viewtype="subview"] #PanelUI-fxa-container,
-#PanelUI-multiView[viewtype="subview"] #PanelUI-footer-fxa {
+#PanelUI-multiView[viewtype="subview"] #PanelUI-fxa-container {
position: relative;
}
#PanelUI-footer-inner > toolbarseparator,
-#PanelUI-fxa-container > toolbarseparator,
-#PanelUI-footer-fxa > toolbarseparator {
+#PanelUI-fxa-container > toolbarseparator {
border: 0;
border-left: 1px solid var(--panel-separator-color);
margin: 0;
}
#PanelUI-footer-inner:hover > toolbarseparator,
-#PanelUI-fxa-container:hover > toolbarseparator,
-#PanelUI-footer-fxa:hover > toolbarseparator {
+#PanelUI-fxa-container:hover > toolbarseparator {
/* margin: 0;*/
}
border-inline-start-style: none;
}
-#PanelUI-fxa-container[fxastatus="signedin"] > #PanelUI-fxa-status > #PanelUI-fxa-label,
-#PanelUI-footer-fxa[fxastatus="signedin"] > #PanelUI-fxa-status > #PanelUI-fxa-label {
+#PanelUI-fxa-container[fxastatus="signedin"] > #PanelUI-fxa-status > #PanelUI-fxa-label {
padding-inline-start: 0px;
}
}
#PanelUI-fxa-container[fxastatus="signedin"] > #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:not([fxastatus="signedin"]) > #PanelUI-fxa-status > #PanelUI-fxa-avatar {
+#PanelUI-fxa-container:not([fxastatus="signedin"]) > #PanelUI-fxa-status > #PanelUI-fxa-avatar {
display: none;
}
margin-inline-end: 0;
}
-#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);
}
}
#PanelUI-fxa-container[fxastatus="login-failed"],
-#PanelUI-fxa-container[fxastatus="unverified"],
-#PanelUI-footer-fxa[fxastatus="login-failed"],
-#PanelUI-footer-fxa[fxastatus="unverified"] {
+#PanelUI-fxa-container[fxastatus="unverified"] {
background-color: #FF0000;
color: #000000;
}
#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 {
+#PanelUI-fxa-container[fxastatus="unverified"] > #PanelUI-fxa-status:hover {
background-color: #FFCF00;
}
#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 {
+#PanelUI-fxa-container[fxastatus="unverified"] > #PanelUI-fxa-status:hover:active {
background-color: #FF9F00;
}
width: 16px;
height: 16px;
margin: 0;
- filter: url("chrome://global/skin/filters.svg#fill");
+ -moz-context-properties: fill;
fill: currentColor;
}
/*** Button icons ***/
.downloadIconCancel > .button-box > .button-icon {
- list-style-image: url("chrome://browser/skin/panel-icons.svg#cancel");
+ list-style-image: url("chrome://browser/skin/panel-icon-cancel.svg");
}
.downloadIconShow > .button-box > .button-icon {
- list-style-image: url("chrome://browser/skin/panel-icons.svg#folder");
+ list-style-image: url("chrome://browser/skin/panel-icon-folder.svg");
}
.downloadIconRetry > .button-box > .button-icon {
- list-style-image: url("chrome://browser/skin/panel-icons.svg#retry");
+ list-style-image: url("chrome://browser/skin/panel-icon-retry.svg");
}
/*** Progressmeter ***/
#downloadsPanel > .panel-arrowcontainer > .panel-arrowcontent {
overflow: hidden;
- display: block;
}
#downloadsPanel > .panel-arrowcontainer > .panel-arrowcontent,
width: 16px;
height: 16px;
margin: 1px;
- filter: url("chrome://global/skin/filters.svg#fill");
+ -moz-context-properties: fill;
fill: currentColor;
}
/*** Button icons ***/
.downloadIconCancel > .button-box > .button-icon {
- list-style-image: url("chrome://browser/skin/panel-icons.svg#cancel");
+ list-style-image: url("chrome://browser/skin/panel-icon-cancel.svg");
}
.downloadIconShow > .button-box > .button-icon {
- list-style-image: url("chrome://browser/skin/panel-icons.svg#folder");
+ list-style-image: url("chrome://browser/skin/panel-icon-folder.svg");
}
.downloadIconRetry > .button-box > .button-icon {
- list-style-image: url("chrome://browser/skin/panel-icons.svg#retry");
+ list-style-image: url("chrome://browser/skin/panel-icon-retry.svg");
}
.downloadShowBlockedInfo > .button-box > .button-icon {
- list-style-image: url("chrome://browser/skin/panel-icons.svg#arrow-right");
+ list-style-image: url("chrome://browser/skin/panel-icon-arrow-right.svg");
}
.downloadShowBlockedInfo > .button-box > .button-icon:-moz-locale-dir(rtl) {
- list-style-image: url("chrome://browser/skin/panel-icons.svg#arrow-left");
+ list-style-image: url("chrome://browser/skin/panel-icon-arrow-left.svg");
}
/*** Blocked subview ***/
}
#downloadsPanel-multiView > .panel-viewcontainer > .panel-viewstack[viewtype="subview"] .download-state[showingsubview] .downloadButton > .button-box > .button-icon {
- list-style-image: url("chrome://browser/skin/panel-icons.svg#arrow-left");
+ list-style-image: url("chrome://browser/skin/panel-icon-arrow-left.svg");
}
#downloadsPanel-multiView > .panel-viewcontainer > .panel-viewstack[viewtype="subview"] .download-state[showingsubview] .downloadButton > .button-box > .button-icon:-moz-locale-dir(rtl) {
- list-style-image: url("chrome://browser/skin/panel-icons.svg#arrow-right");
+ list-style-image: url("chrome://browser/skin/panel-icon-arrow-right.svg");
}
#downloadsPanel-blockedSubview {
-<?xml version="1.0" encoding="utf-8"?>
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 32 32">
- <path id="glyphShape-gear" d="M28,16c0-1.7,0.9-3.1,2-3.3c-0.4-1.5-0.9-2.9-1.7-4.2c-0.9,0.7-2.6,0.3-3.8-0.9c-1.2-1.2-1.6-2.8-0.9-3.8 c-1.3-0.8-2.7-1.4-4.2-1.7c-0.2,1.1-1.6,2-3.3,2S13,3.1,12.8,2c-1.5,0.4-2.9,0.9-4.2,1.7c0.7,0.9,0.3,2.6-0.9,3.8 c-1.4,1.1-3,1.5-4,0.9C2.9,9.7,2.4,11.2,2,12.7c1.1,0.2,2,1.6,2,3.3s-0.9,3.1-2,3.3c0.4,1.5,0.9,2.9,1.7,4.2 c0.9-0.7,2.6-0.3,3.8,0.9c1.2,1.2,1.6,2.8,0.9,3.8c1.3,0.8,2.7,1.4,4.2,1.7c0.2-1.1,1.6-2,3.3-2s3.1,0.9,3.3,2 c1.5-0.4,2.9-0.9,4.2-1.7c-0.7-0.9-0.3-2.6,0.9-3.8c1.3-1.2,2.8-1.6,3.8-0.9c0.8-1.3,1.4-2.7,1.7-4.2C28.9,19.1,28,17.7,28,16z M16,24c-4.4,0-8-3.6-8-8s3.6-8,8-8s8,3.6,8,8S20.4,24,16,24z"/>
+ <path fill="context-fill" d="M28,16c0-1.7,0.9-3.1,2-3.3c-0.4-1.5-0.9-2.9-1.7-4.2c-0.9,0.7-2.6,0.3-3.8-0.9c-1.2-1.2-1.6-2.8-0.9-3.8 c-1.3-0.8-2.7-1.4-4.2-1.7c-0.2,1.1-1.6,2-3.3,2S13,3.1,12.8,2c-1.5,0.4-2.9,0.9-4.2,1.7c0.7,0.9,0.3,2.6-0.9,3.8 c-1.4,1.1-3,1.5-4,0.9C2.9,9.7,2.4,11.2,2,12.7c1.1,0.2,2,1.6,2,3.3s-0.9,3.1-2,3.3c0.4,1.5,0.9,2.9,1.7,4.2 c0.9-0.7,2.6-0.3,3.8,0.9c1.2,1.2,1.6,2.8,0.9,3.8c1.3,0.8,2.7,1.4,4.2,1.7c0.2-1.1,1.6-2,3.3-2s3.1,0.9,3.3,2 c1.5-0.4,2.9-0.9,4.2-1.7c-0.7-0.9-0.3-2.6,0.9-3.8c1.3-1.2,2.8-1.6,3.8-0.9c0.8-1.3,1.4-2.7,1.7-4.2C28.9,19.1,28,17.7,28,16z M16,24c-4.4,0-8-3.6-8-8s3.6-8,8-8s8,3.6,8,8S20.4,24,16,24z"/>
</svg>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="288px" height="248px" viewBox="0 0 288 248" xmlns="http://www.w3.org/2000/svg">
- <path fill="#d74345" d="M144,248.571429 C141.214272,248.571429 138.857152,247.607152 136.928571,245.678571 L36.6428571,148.928571 C35.5714232,148.071424 34.0982237,146.678581 32.2232143,144.75 C30.3482049,142.821419 27.3750204,139.312525 23.3035714,134.223214 C19.2321225,129.133903 15.5893018,123.910741 12.375,118.553571 C9.16069821,113.196402 6.29465545,106.714324 3.77678571,99.1071429 C1.25891598,91.499962 0,84.1071788 0,76.9285714 C0,53.357025 6.80350339,34.9286379 20.4107143,21.6428571 C34.0179252,8.35707643 52.8213086,1.71428571 76.8214286,1.71428571 C83.4643189,1.71428571 90.2410369,2.86605991 97.1517857,5.16964286 C104.062535,7.4732258 110.491042,10.5803376 116.4375,14.4910714 C122.383958,18.4018053 127.499979,22.0714114 131.785714,25.5 C136.07145,28.9285886 140.142838,32.5714093 144,36.4285714 C147.857162,32.5714093 151.92855,28.9285886 156.214286,25.5 C160.500021,22.0714114 165.616042,18.4018053 171.5625,14.4910714 C177.508958,10.5803376 183.937465,7.4732258 190.848214,5.16964286 C197.758963,2.86605991 204.535681,1.71428571 211.178571,1.71428571 C235.178691,1.71428571 253.982075,8.35707643 267.589286,21.6428571 C281.196497,34.9286379 288,53.357025 288,76.9285714 C288,100.607261 275.732266,124.714163 251.196429,149.25 L151.071429,245.678571 C149.142847,247.607152 146.785728,248.571429 144,248.571429 L144,248.571429 Z" transform="translate(0,-1)"/>
- <g transform="translate(0,-0.29)">
- <mask id="mask" fill="#FF0000">
- <path d="M144,246.857143 C141.214272,246.857143 138.857152,245.892867 136.928571,243.964286 L36.6428571,147.214286 C35.5714232,146.357139 34.0982237,144.964295 32.2232143,143.035714 C30.3482049,141.107133 27.3750204,137.59824 23.3035714,132.508929 C19.2321225,127.419617 15.5893018,122.196455 12.375,116.839286 C9.16069821,111.482116 6.29465545,105.000038 3.77678571,97.3928571 C1.25891598,89.7856763 0,82.392893 0,75.2142857 C0,51.6427393 6.80350339,33.2143521 20.4107143,19.9285714 C34.0179252,6.64279071 52.8213086,0 76.8214286,0 C83.4643189,0 90.2410369,1.1517742 97.1517857,3.45535714 C104.062535,5.75894009 110.491042,8.86605187 116.4375,12.7767857 C122.383958,16.6875196 127.499979,20.3571257 131.785714,23.7857143 C136.07145,27.2143029 140.142838,30.8571236 144,34.7142857 C147.857162,30.8571236 151.92855,27.2143029 156.214286,23.7857143 C160.500021,20.3571257 165.616042,16.6875196 171.5625,12.7767857 C177.508958,8.86605187 183.937465,5.75894009 190.848214,3.45535714 C197.758963,1.1517742 204.535681,0 211.178571,0 C235.178691,0 253.982075,6.64279071 267.589286,19.9285714 C281.196497,33.2143521 288,51.6427393 288,75.2142857 C288,98.8929755 275.732266,122.999877 251.196429,147.535714 L151.071429,243.964286 C149.142847,245.892867 146.785728,246.857143 144,246.857143 L144,246.857143 Z"/>
- </mask>
- <path fill="none" stroke="#FF0000" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" mask="url(#mask)" d="M-166,115.135254 C-166,115.135254 0.595052083,115.135254 2.9765625,115.135254 L91.9101562,115.135254 L97.9638977,100.101562 L105.430695,115.135254 L114.893585,115.135254 L131.129913,189.53125 L148.161163,57 L165.348663,131.027344 L172.272491,115.135254 L250.84967,115.135254 L428.259813,115.135254"/>
- </g>
-</svg>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="100%" height="100%">
- <path fill="#FFCF00" d="M8,0C7.7,0,7.4,0.2,7.2,0.7l-2,4.1L0.9,5.5c-1,0.2-1.2,0.9-0.5,1.6l3.1,3.3l-0.7,4.6C2.7,15.6,3,16,3.4,16c0.2,0,0.4-0.1,0.6-0.2L8,13.7l3.9,2.1c0.2,0.1,0.5,0.2,0.6,0.2c0.5,0,0.8-0.4,0.7-1.1l-0.7-4.6l3.1-3.3c0.7-0.7,0.4-1.4-0.5-1.6l-4.3-0.7l-2-4.1C8.6,0.2,8.3,0,8,0L8,0z"/>
-</svg>
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="100%" height="100%">
- <path fill="#000000" d="M8,0C7.7,0,7.4,0.2,7.2,0.7l-2,4.1L0.9,5.5c-1,0.2-1.2,0.9-0.5,1.6l3.1,3.3l-0.7,4.6C2.7,15.6,3,16,3.4,16c0.2,0,0.4-0.1,0.6-0.2L8,13.7l3.9,2.1c0.2,0.1,0.5,0.2,0.6,0.2c0.5,0,0.8-0.4,0.7-1.1l-0.7-4.6l3.1-3.3c0.7-0.7,0.4-1.4-0.5-1.6l-4.3-0.7l-2-4.1C8.6,0.2,8.3,0,8,0L8,0z"/>
-</svg>
-<?xml version="1.0"?>
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg"
- xmlns:xlink="http://www.w3.org/1999/xlink"
- class="fieldtext"
+<svg fill="context-fill" xmlns="http://www.w3.org/2000/svg"
width="32" height="32" viewBox="0 0 32 32">
-<style>
-.fieldtext {
- fill: #A09090;
-}
-
-.highlighttext {
- fill: #FFCF00;
-}
-
-.black {
- fill: #FFCF00;
-}
-
-.white {
- fill: #FFCF00;
-}
-</style>
<style>
:root > use:not(:target),
:root > g:not(:target),
clip-path: url(#blocked-clipPath);
}
- #login-highlighted {
- fill: #000000;
- fill-opacity: 1;
- }
-
- #plugin-blocked,
- #plugin-blocked:target ~ #strikeout {
- fill: #FF0000;
- fill-opacity: 1;
- }
-
- #camera-sharing,
- #microphone-sharing,
- #screen-sharing {
- fill: #FF0000;
- fill-opacity: 1;
- }
- #camera-indicator,
- #microphone-indicator,
- #screen-indicator {
- fill: #000000;
- fill-opacity: 1;
- }
#update-icon {
stroke: #000000;
stroke-width: 3px;
<circle cx="16" cy="16" r="14" mask="url(#i-mask)"/>
</g>
- <use id="camera" xlink:href="#camera-icon" />
- <use id="camera-sharing" xlink:href="#camera-icon"/>
- <use id="camera-indicator" xlink:href="#camera-icon" />
- <use id="camera-blocked" class="blocked" xlink:href="#camera-icon" />
- <use id="desktop-notification" xlink:href="#desktop-notification-icon" />
- <use id="desktop-notification-blocked" class="blocked" xlink:href="#desktop-notification-icon" />
- <use id="focus-tab-by-prompt" xlink:href="#focus-tab-by-prompt-icon" />
- <use id="geo-osx" xlink:href="#geo-osx-icon" />
- <use id="geo-osx-blocked" class="blocked" xlink:href="#geo-osx-icon" />
- <use id="geo-linux" xlink:href="#geo-linux-icon" />
- <use id="geo-linux-blocked" class="blocked" xlink:href="#geo-linux-icon" />
- <use id="geo-linux-detailed" xlink:href="#geo-linux-detailed-icon" />
- <use id="geo-windows" xlink:href="#geo-windows-icon" />
- <use id="geo-windows-blocked" class="blocked" xlink:href="#geo-windows-icon" />
- <use id="geo-windows-detailed" xlink:href="#geo-windows-detailed-icon" />
- <use id="indexedDB" xlink:href="#indexedDB-icon" />
- <use id="indexedDB-blocked" class="blocked" xlink:href="#indexedDB-icon" />
- <use id="login" xlink:href="#login-icon" />
- <use id="login-highlighted" class="highlighted" xlink:href="#login-icon" />
- <use id="login-detailed" xlink:href="#login-detailed-icon" />
- <use id="microphone" xlink:href="#microphone-icon" />
- <use id="microphone-sharing" xlink:href="#microphone-icon"/>
- <use id="microphone-indicator" xlink:href="#microphone-icon"/>
- <use id="microphone-blocked" class="blocked" xlink:href="#microphone-icon" />
- <use id="microphone-detailed" xlink:href="#microphone-detailed-icon" />
- <use id="persistent-storage" xlink:href="#persistent-storage-icon" />
- <use id="persistent-storage-blocked" class="blocked" xlink:href="#persistent-storage-icon" />
- <use id="plugin" xlink:href="#plugin-icon" />
- <use id="plugin-blocked" class="blocked" xlink:href="#plugin-icon" />
- <use id="popup" xlink:href="#popup-icon" />
- <use id="screen" xlink:href="#screen-icon" />
- <use id="screen-sharing" xlink:href="#screen-icon"/>
- <use id="screen-indicator" xlink:href="#screen-icon"/>
- <use id="screen-blocked" class="blocked" xlink:href="#screen-icon" />
- <use id="update" xlink:href="#update-icon" />
+ <use id="camera" href="#camera-icon" />
+ <use id="camera-sharing" href="#camera-icon"/>
+ <use id="camera-indicator" href="#camera-icon" />
+ <use id="camera-blocked" class="blocked" href="#camera-icon" />
+ <use id="desktop-notification" href="#desktop-notification-icon" />
+ <use id="desktop-notification-blocked" class="blocked" href="#desktop-notification-icon" />
+ <use id="focus-tab-by-prompt" href="#focus-tab-by-prompt-icon" />
+ <use id="geo-osx" href="#geo-osx-icon" />
+ <use id="geo-osx-blocked" class="blocked" href="#geo-osx-icon" />
+ <use id="geo-linux" href="#geo-linux-icon" />
+ <use id="geo-linux-blocked" class="blocked" href="#geo-linux-icon" />
+ <use id="geo-linux-detailed" href="#geo-linux-detailed-icon" />
+ <use id="geo-windows" href="#geo-windows-icon" />
+ <use id="geo-windows-blocked" class="blocked" href="#geo-windows-icon" />
+ <use id="geo-windows-detailed" href="#geo-windows-detailed-icon" />
+ <use id="indexedDB" href="#indexedDB-icon" />
+ <use id="indexedDB-blocked" class="blocked" href="#indexedDB-icon" />
+ <use id="login" href="#login-icon" />
+ <use id="login-detailed" href="#login-detailed-icon" />
+ <use id="microphone" href="#microphone-icon" />
+ <use id="microphone-sharing" href="#microphone-icon"/>
+ <use id="microphone-indicator" href="#microphone-icon"/>
+ <use id="microphone-blocked" class="blocked" href="#microphone-icon" />
+ <use id="microphone-detailed" href="#microphone-detailed-icon" />
+ <use id="persistent-storage" href="#persistent-storage-icon" />
+ <use id="persistent-storage-blocked" class="blocked" href="#persistent-storage-icon" />
+ <use id="plugin" href="#plugin-icon" />
+ <use id="plugin-blocked" class="blocked" href="#plugin-icon" />
+ <use id="popup" href="#popup-icon" />
+ <use id="screen" href="#screen-icon" />
+ <use id="screen-sharing" href="#screen-icon"/>
+ <use id="screen-indicator" href="#screen-icon"/>
+ <use id="screen-blocked" class="blocked" href="#screen-icon" />
+ <use id="update" href="#update-icon" />
<path id="strikeout" d="m 2,28 2,2 26,-26 -2,-2 z"/>
</svg>
--- /dev/null
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ width="32" height="32" viewBox="0 0 32 32">
+ <path fill="context-fill" d="M23.5,25l-9-9l9-9l-3-3l-12,12l12,12L23.5,25z" />
+</svg>
+
--- /dev/null
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ width="32" height="32" viewBox="0 0 32 32">
+ <path fill="context-fill" d="M11.6,28l12-12l-12-12l-3,3l9,9l-9,9L11.6,28z" />
+</svg>
+
--- /dev/null
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ width="32" height="32" viewBox="0 0 32 32">
+ <path fill="context-fill" d="m 6,9.5 6.5,6.5 -6.5,6.5 3.5,3.5 6.5,-6.5 6.5,6.5 3.5,-3.5 -6.5,-6.5 6.5,-6.5 -3.5,-3.5 -6.5,6.5 -6.5,-6.5 z" />
+</svg>
+
--- /dev/null
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ width="32" height="32" viewBox="0 0 32 32">
+ <path fill="context-fill" d="M17.3,9.4c0,0,1.1,0,3.7,0c1.7,0,2,0,5.6,0c0.6,0,0.6,0,1.1,0V9.2c0-1.5-0.9-2.6-2-2.6h-5.8V6.3c0-0.6-1.5-2-2.8-2h-7.1 H7.6H4.9v2.4v2.4v2.2c2.8,0,8.5,0,8.5,0C16.4,11.3,17.3,9.4,17.3,9.4z M29,13c0-0.6-0.6-1.1-1.5-1.7l0,0c-0.2,0-0.6,0-0.9,0 c-2.8,0-3,0-4.8,0c-1.9,0-3.3,0-3.3,0s-1.5,2.4-3.7,2.4c0,0-6.5,0-9.1,0H5.4C3,13.7,3,15.9,3,15.9l1.1,9.7C4.1,27.1,5,28,6.5,28 h19.1c1.5,0,2.4-0.9,2.4-2.4L29,13.7l0,0l0,0C29,13.7,29,13,29,13z" />
+</svg>
+
--- /dev/null
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ width="32" height="32" viewBox="0 0 32 32">
+ <path fill="context-fill" d="M12.9,2c6,0,11,5,11,11c0,2.2-0.6,4.2-1.8,6l7.2,7c0.8,0.8,0.8,2.4,0,3.2c-0.6,0.6-1.2,0.8-1.6,0.8s-1.2-0.2-1.6-0.6l-7-7 c-1.8,1.2-3.8,1.8-6,1.8c-6,0-11-5-11-11C2.1,7.2,6.9,2,12.9,2z M12.9,20c3.8,0,7-3.2,7-7s-3.2-7-7-7s-7,3.2-7,7S9.1,20,12.9,20z" />
+</svg>
+
--- /dev/null
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ width="32" height="32" viewBox="0 0 32 32">
+ <path fill="context-fill" d="M28,16.5v-14l-5,4.8c-1.8-1.4-4.4-2.4-7-2.4c-6.4,0-11.8,5.2-11.8,11.8c0,6.4,5.2,11.8,11.8,11.8c3.4,0,6.2-1.4,8.2-3.6 l-3.4-3.4c-1.2,1.2-3,1.8-5,1.8c-3.6,0.2-6.8-2.8-6.8-6.8c0-3.8,3-7.2,7-7.2c1.4,0,2.6,0.4,3.6,1l-6,6.2H28z"/>
+</svg>
+
+++ /dev/null
-<?xml version="1.0"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg"
- width="32" height="32" viewBox="0 0 32 32">
- <style>
- path:not(:target) {
- display: none;
- }
- </style>
- <path id="cancel" d="m 6,9.5 6.5,6.5 -6.5,6.5 3.5,3.5 6.5,-6.5 6.5,6.5 3.5,-3.5 -6.5,-6.5 6.5,-6.5 -3.5,-3.5 -6.5,6.5 -6.5,-6.5 z" />
- <path id="folder" d="M17.3,9.4c0,0,1.1,0,3.7,0c1.7,0,2,0,5.6,0c0.6,0,0.6,0,1.1,0V9.2c0-1.5-0.9-2.6-2-2.6h-5.8V6.3c0-0.6-1.5-2-2.8-2h-7.1 H7.6H4.9v2.4v2.4v2.2c2.8,0,8.5,0,8.5,0C16.4,11.3,17.3,9.4,17.3,9.4z M29,13c0-0.6-0.6-1.1-1.5-1.7l0,0c-0.2,0-0.6,0-0.9,0 c-2.8,0-3,0-4.8,0c-1.9,0-3.3,0-3.3,0s-1.5,2.4-3.7,2.4c0,0-6.5,0-9.1,0H5.4C3,13.7,3,15.9,3,15.9l1.1,9.7C4.1,27.1,5,28,6.5,28 h19.1c1.5,0,2.4-0.9,2.4-2.4L29,13.7l0,0l0,0C29,13.7,29,13,29,13z" />
- <path id="magnifier" d="M12.9,2c6,0,11,5,11,11c0,2.2-0.6,4.2-1.8,6l7.2,7c0.8,0.8,0.8,2.4,0,3.2c-0.6,0.6-1.2,0.8-1.6,0.8s-1.2-0.2-1.6-0.6l-7-7 c-1.8,1.2-3.8,1.8-6,1.8c-6,0-11-5-11-11C2.1,7.2,6.9,2,12.9,2z M12.9,20c3.8,0,7-3.2,7-7s-3.2-7-7-7s-7,3.2-7,7S9.1,20,12.9,20z" />
- <path id="retry" d="M28,16.5v-14l-5,4.8c-1.8-1.4-4.4-2.4-7-2.4c-6.4,0-11.8,5.2-11.8,11.8c0,6.4,5.2,11.8,11.8,11.8c3.4,0,6.2-1.4,8.2-3.6 l-3.4-3.4c-1.2,1.2-3,1.8-5,1.8c-3.6,0.2-6.8-2.8-6.8-6.8c0-3.8,3-7.2,7-7.2c1.4,0,2.6,0.4,3.6,1l-6,6.2H28z"/>
- <path id="arrow-left" d="M23.5,25l-9-9l9-9l-3-3l-12,12l12,12L23.5,25z" />
- <path id="arrow-right" d="M11.6,28l12-12l-12-12l-3,3l9,9l-9,9L11.6,28z" />
-</svg>
--- /dev/null
+<?xml version="1.0" encoding="utf-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+ <style>
+ use:not(:target) {
+ display: none;
+ }
+ use {
+ fill: #FFCF00;
+ stroke: rgba(0,0,0,0.4);
+ stroke-width: 0;
+ }
+ use[id$="-active"] {
+ fill: #000000;
+ }
+ </style>
+ <defs>
+ <g id="general-shape">
+ <path d="M18.97,3H5.03C3.914,3,3,3.914,3,5.03v13.94C3,20.086,3.914,21,5.03,21H18.97c1.117,0,2.03-0.914,2.03-2.03 V5.03C21,3.914,20.086,3,18.97,3z M5.35,19.326c-0.404,0-0.731-0.327-0.731-0.731c0-0.404,0.327-0.731,0.731-0.731 c0.404,0,0.731,0.327,0.731,0.731C6.081,19,5.754,19.326,5.35,19.326z M5.35,6.168c-0.403,0-0.731-0.328-0.731-0.731 c0-0.404,0.328-0.731,0.731-0.731c0.403,0,0.731,0.327,0.731,0.731C6.081,5.84,5.753,6.168,5.35,6.168z M15.243,14.035 c0,0.229-0.186,0.416-0.414,0.416c-0.229,0-0.415,0.186-0.415,0.414v3.347c0,0.228-0.185,0.384-0.414,0.384l-4.141,0.03 c-0.227,0-0.414-0.186-0.414-0.414v-3.347c0-0.228-0.185-0.414-0.414-0.414c-0.227,0-0.414-0.187-0.414-0.416V6.582 c0-0.229,0.187-0.414,0.414-0.414h5.798c0.228,0,0.414,0.185,0.414,0.414V14.035z M18.509,19.326c-0.404,0-0.731-0.327-0.731-0.731 c0-0.404,0.327-0.731,0.731-0.731c0.404,0,0.731,0.327,0.731,0.731C19.24,19,18.913,19.326,18.509,19.326z M18.509,6.168 c-0.404,0-0.731-0.328-0.731-0.731c0-0.404,0.327-0.731,0.731-0.731c0.404,0,0.731,0.327,0.731,0.731 C19.24,5.84,18.913,6.168,18.509,6.168z"/>
+ <path d="M12.757,7.824h-1.657c-0.456,0-0.828,0.373-0.828,0.828v8.282c0,0.456,0.373,0.828,0.828,0.828h1.657 c0.456,0,0.828-0.373,0.828-0.828V8.652C13.586,8.196,13.213,7.824,12.757,7.824z"/>
+ </g>
+ <g id="content-shape">
+ <path d="M16.286,2H5.571C4.388,2,3.429,2.96,3.429,4.143v15.714 C3.429,21.04,4.388,22,5.571,22h12.857c1.185,0,2.143-0.96,2.143-2.143V6.286L16.286,2z M18.945,19.223c0,0.22-0.18,0.4-0.4,0.4 h-13.2c-0.22,0-0.4-0.18-0.4-0.4v-0.846c0-0.22,0.18-0.4,0.4-0.4h13.2c0.22,0,0.4,0.18,0.4,0.4V19.223z M18.945,15.223 c0,0.22-0.18,0.4-0.4,0.4h-13.2c-0.22,0-0.4-0.18-0.4-0.4v-0.846c0-0.22,0.18-0.4,0.4-0.4h13.2c0.22,0,0.4,0.18,0.4,0.4V15.223z M18.945,11.229c0,0.22-0.18,0.4-0.4,0.4h-13.2c-0.22,0-0.4-0.18-0.4-0.4v-0.846c0-0.22,0.18-0.4,0.4-0.4h13.2 c0.22,0,0.4,0.18,0.4,0.4V11.229z M14.833,7.707v-4.65l4.65,4.65H14.833z"/>
+ </g>
+ <g id="security-shape">
+ <path d="M18.909,9.783h-0.863V8.086C18.046,4.725,15.339,2,12,2 C8.661,2,5.954,4.725,5.954,8.086v1.697H5.091c-0.955,0-1.728,0.779-1.728,1.739v8.738c0,0.961,0.773,1.74,1.728,1.74h13.818 c0.954,0,1.728-0.779,1.728-1.74v-8.738C20.637,10.562,19.863,9.783,18.909,9.783z M8.545,8.086c0-1.92,1.547-3.478,3.455-3.478 c1.908,0,3.455,1.557,3.455,3.478v1.697h-6.91V8.086z M5.181,16.092l-0.909-1.2v-2.284l2.728,3.483H5.181z M8.818,16.092 l-2.773-3.657h1.727l2.864,3.657H8.818z M12,16.092l-2.773-3.657h1.727l2.864,3.657H12z M15.637,16.092l-2.773-3.657h1.727 l2.864,3.657H15.637z M19.728,16.092h-0.455l-2.773-3.657h1.727l1.501,1.916V16.092z"/>
+ </g>
+ <g id="sync-shape">
+ <path d="M17.024,3.351 c-0.562,0.331 -1.311,0.879 -1.821,1.698 -0.367,0.592 -0.752,1.288 -1.08,1.914 0.987,0.413 1.862,1.095 2.476,2.029 0.614,0.957 0.929,2.122 0.83,3.351 -0.201,1.787 -1.359,3.433 -3.046,4.36 -0.696,-0.774 -1.951,-2.945 -1.951,-2.945 -0.007,0.007 -0.004,2.556 -0.871,4.334 -0.573,1.184 -1.24,2.202 -2.305,2.995 1.431,0.51 2.915,0.886 4.282,0.909 l 0.162,0.002 c 2.99,0.021 5.844,-0.48 5.844,-0.48 0,0 -1.236,-0.802 -1.808,-1.346 1.86,-1.072 3.111,-2.791 3.634,-4.708 0.283,-0.759 0.478,-1.566 0.57,-2.409 C 22.383,9.011 20.33,5.278 17.024,3.351 Z M 6.569,12.302 C 6.526,10.271 7.755,8.327 9.644,7.29 c 0.696,0.774 2.32,2.899 2.32,2.899 0,0 -0.064,-5.157 1.657,-7.973 -6.097,-0.668 -9.69,0.443 -9.69,0.443 0,0 1.763,0.607 2.333,1.136 C 6.122,3.891 5.984,3.992 5.85,4.096 4.4,5.064 3.368,6.449 2.825,7.994 2.436,8.892 2.171,9.863 2.06,10.887 1.622,14.886 3.629,18.572 6.871,20.515 7.39,20.124 7.975,19.631 8.61,18.983 9.189,18.389 9.647,17.682 10.021,16.967 8.082,16.208 6.714,14.404 6.569,12.302 Z"/>
+ <path d="M3.2,22h3.3h10.8h3.3c0.5,0,0.9-0.4,0.9-0.9V20c0-1-0.5-1.9-1.2-2.5c-2.3-1.8-4.6-2.9-5.1-3.1
+ c-0.1,0-0.1-0.1-0.1-0.2v-1.6c0.3-0.5,0.4-1,0.5-1.5c0.2,0.1,0.6,0.1,1-1.3c0.3-1.1,0.1-1.5-0.2-1.6c0.9-4.4-1.1-4.5-1.1-4.5
+ S15,3.1,14.1,2.6c-0.5-0.3-1.3-0.6-2.3-0.5c-0.4,0-0.7,0.1-1,0.2c-0.4,0.1-0.7,0.3-1,0.5C9.4,3.1,9.1,3.3,8.7,3.7
+ c-0.5,0.5-1,1.2-1.1,2C7.4,6.4,7.4,7.1,7.7,7.9C7.3,7.8,6.9,8,7.3,9.5c0.3,1.1,0.6,1.4,0.8,1.4c0.1,0.6,0.3,1.3,0.7,1.9v1.4
+ c0,0.1,0,0.1-0.1,0.2c-0.5,0.2-2.8,1.4-5.1,3.1C2.8,18.1,2.3,19,2.3,20v1.1C2.3,21.6,2.7,22,3.2,22"/>
+ </g>
+ <g id="advanced-shape">
+ <path d="M21.3,15.6L21.3,15.6L21.3,15.6L21.3,15.6L21.3,15.6z M21.3,15.6c-0.1,1-0.5,1.8-1.2,2.4
+ c-0.5,0.5-1.1,0.9-1.7,1.2c-0.2,0.4-0.4,0.7-0.8,1c-0.5,0.4-1.3,0.8-2.1,1c-0.9,0.2-1.6,0.3-2.3,0.3h-0.9c0.1,0.2,0.2,0.2,0.4,0.2
+ c-1.1-0.1-2.1-0.3-2.9-0.5c0.2,0.2,0.5,0.4,0.8,0.4c-1.5-0.3-2.9-1-4.1-1.9c-0.3-0.2-0.4-0.3-0.5-0.4c-1-0.8-1.7-1.6-2.3-2.6
+ c-0.7-1.1-1.1-2.5-1.3-4.1c-0.1,0.5-0.1,0.9-0.1,1.1c-0.2-1.3-0.2-2.5,0.1-3.6c-0.1,0.3-0.3,0.7-0.4,1.1c0.1-0.8,0.4-1.8,0.9-2.8
+ C3,8.1,3.2,7.8,3.3,7.7V6.6c0-0.1,0-0.3,0.1-0.6c0-0.2,0.1-0.4,0.2-0.6v0.1V5.4c0-0.1,0-0.1,0-0.1c0-0.1,0-0.2,0.1-0.2v0.1V5.1V5
+ c0,0,0-0.1,0-0.2C4,4.4,4,4.3,4,4.3c0.2-0.1,0.2-0.2,0.3-0.2v0.1c0,0.2,0.1,0.5,0.3,1l0,0C4.8,5.3,5,5.7,5.4,5.9
+ c0.8-0.2,1.5-0.3,2.4-0.1c0.1,0,0.1-0.1,0.2-0.2v0.1c0.1-0.2,0.3-0.3,0.6-0.4l0,0c0.2-0.1,0.5-0.3,1-0.4H9.5
+ c0.1-0.1,0.2-0.1,0.3-0.1s0.2,0,0.3,0s0.3,0,0.4,0c-0.1,0-0.1,0.1-0.1,0.1L10.3,5h-0.1h0.1C9.8,5.5,9.4,6,9.2,6.7
+ c-0.1,0-0.1,0.1-0.1,0.2L9.2,7c0.2,0.3,0.5,0.5,0.9,0.5h1.4c0.2,0.1,0.3,0.2,0.3,0.2c0,0.2-0.1,0.4-0.3,0.6c0,0.1-0.1,0.2-0.3,0.4
+ C10.5,9.2,10,9.6,9.7,9.9V10c0,0,0,0,0,0.1c0,0,0,0,0,0.1c-0.1,0-0.1,0-0.1,0.1c0.1-0.1,0.2,0,0.2,0.2s0,0.4-0.1,0.6L9.6,11
+ c-0.1,0-0.1,0-0.1,0c0.1,0.1,0.2,0.1,0.2,0.2v0.1H9.6l-0.1-0.1H9.4c-0.1,0-0.1,0-0.2-0.1c-0.1,0-0.1,0-0.1,0L9,10.9
+ c-0.1,0-0.1,0-0.1,0H9c-0.1,0-0.1,0-0.2,0H8.7c-0.2,0.1-0.3,0.3-0.3,0.6c0,0.6,0.4,1.1,1.1,1.5c0.2,0.2,0.5,0.3,0.8,0.4
+ c0.3,0,0.5,0,0.7,0c0.2-0.1,0.4-0.1,0.6-0.2S12,13,12.1,13c0.7-0.2,1.4,0,1.9,0.5c0.2,0.1,0.2,0.2,0.1,0.4
+ c-0.1,0.2-0.2,0.3-0.4,0.2c-0.1,0-0.2,0-0.2,0c-0.1,0-0.1,0-0.3,0.1s-0.1,0-0.2,0s-0.2,0.1-0.3,0.2c-0.1,0.1-0.3,0.2-0.4,0.3
+ c-0.9,0.5-1.9,0.6-3,0.4c0.4,0.4,0.7,0.7,1.1,0.9c0.1,0,0.2,0.1,0.6,0.1c0.3,0,0.5,0.1,0.6,0.2c-0.2-0.1-0.5-0.1-0.7,0
+ c0.8,0.5,1.7,0.7,2.8,0.5c0.4-0.1,0.7-0.2,1-0.4c-0.1,0.1-0.1,0.3-0.2,0.4c0.1,0.1,0.4-0.1,0.6-0.5c0.1-0.1,0.3-0.3,0.6-0.4
+ c0,0,0,0.1,0,0.2s0,0.1,0,0.2s0,0.1,0.1,0.1c0.4,0,0.7-0.4,1.1-1.3c0.3-0.6,0.5-1.3,0.6-2.2c0.1,0.2,0.2,0.5,0.2,0.8
+ c0.2-0.5,0.3-1,0.3-1.3s0-1.3-0.1-2.9c0.3,0.4,0.5,0.7,0.7,1.1c0.1-1.2-0.1-2.2-0.5-3.1c-0.4-0.8-0.9-1.5-1.4-1.9
+ c0.5,0.1,1,0.3,1.4,0.6L17.8,6c-1.4-1.4-3.1-2.2-5.1-2.4S8.9,4,7.3,5.1c-0.6,0-1.1,0-1.5,0.1C5.6,4.9,5.5,4.8,5.5,4.8
+ C7.3,3,9.4,2.2,11.9,2.2s4.6,0.8,6.5,2.4l-0.2-0.4c0.6,0.3,1,0.7,1.4,1.2l-0.1-0.3v0.1l0,0c0.9,0.7,1.4,1.6,1.7,2.7
+ c0.2,0.9,0.2,1.6,0.1,2.3c0.1,0.1,0.1,0.1,0.1,0.3l0.3-1.1c0.1,0.3,0.2,0.7,0.2,1c0.1,0.4,0.1,0.8,0.1,1.1c0,0.4-0.1,0.7-0.1,1
+ c-0.1,0.3-0.1,0.7-0.2,1s-0.2,0.6-0.3,0.8c-0.1,0.2-0.2,0.5-0.3,0.7C21.1,15.1,21.2,15.2,21.3,15.6L21.3,15.6z"/>
+ </g>
+ <g id="searchResults-shape">
+ <path d="M8,16.3c1.5,0,3-0.4,4.3-1.3l4.6,4.6c0.3,0.3,0.8,0.4,1.2,0.3s0.8-0.5,0.9-0.9s0-0.9-0.3-1.2l-4.5-4.5
+ c2.4-2.9,2.5-7.2,0.2-10.2S8-0.8,4.6,0.8s-5.2,5.4-4.4,9.1S4.2,16.3,8,16.3z M8,1.9c3.4,0,6.1,2.8,6.1,6.2s-2.7,6.2-6.1,6.2
+ S1.9,11.5,1.9,8C1.9,4.6,4.6,1.9,8,1.9L8,1.9z"/>
+ <path d="M8,12.9c2.6,0,4.7-2.1,4.7-4.8S10.6,3.4,8,3.4c-2.6,0-4.7,2.1-4.7,4.7c0,1.3,0.5,2.5,1.4,3.4
+ C5.6,12.4,6.7,12.9,8,12.9L8,12.9z M7.8,4.5c0.4,0,0.8,0.4,0.8,0.8S8.3,6.1,7.8,6.1C6.8,6.1,6,6.9,6,7.9c0,0.4-0.4,0.8-0.8,0.8
+ S4.5,8.3,4.5,7.9C4.5,6,6,4.5,7.8,4.5L7.8,4.5z"/>
+ </g>
+ </defs>
+ <use id="general" href="#general-shape"/>
+ <use id="general-active" href="#general-shape"/>
+ <use id="content" href="#content-shape"/>
+ <use id="content-active" href="#content-shape"/>
+ <use id="security" href="#security-shape"/>
+ <use id="security-active" href="#security-shape"/>
+ <use id="sync" href="#sync-shape"/>
+ <use id="sync-active" href="#sync-shape"/>
+ <use id="advanced" href="#advanced-shape"/>
+ <use id="advanced-active" href="#advanced-shape"/>
+ <use id="searchResults" href="#searchResults-shape"/>
+ <use id="searchResults-active" href="#searchResults-shape"/>
+</svg>
white-space: nowrap;
}
+.accessory-button {
+ min-width: 145px;
+}
+
/* Category List */
#categories {
}
#category-general > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#general");
+ list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#general");
}
#category-general:hover > .category-icon,
#category-general[selected] > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#general-active");
-}
-
-#category-search > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#search");
-}
-
-#category-search:hover > .category-icon,
-#category-search[selected] > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#search-active");
-}
-
-#category-content > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#content");
-}
-
-#category-content:hover > .category-icon,
-#category-content[selected] > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#content-active");
+ list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#general-active");
}
#category-application > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#applications");
+ list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#content");
}
#category-application:hover > .category-icon,
#category-application[selected] > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#applications-active");
+ list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#content-active");
}
#category-privacy > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#privacy");
+ list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#security");
}
#category-privacy:hover > .category-icon,
#category-privacy[selected] > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#privacy-active");
-}
-
-#category-security > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#security");
-}
-
-#category-security:hover > .category-icon,
-#category-security[selected] > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#security-active");
+ list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#security-active");
}
#category-sync > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#sync");
+ list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#sync");
}
#category-sync:hover > .category-icon,
#category-sync[selected] > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#sync-active");
+ list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#sync-active");
}
#category-advanced > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#advanced");
+ list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#advanced");
}
#category-advanced:hover > .category-icon,
#category-advanced[selected] > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content-old/icons.svg#advanced-active");
+ list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#advanced-active");
+}
+
+#category-search-results > .category-icon {
+ list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#searchResults");
+}
+
+#category-search-results > .category-icon {
+ list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#searchResults-active");
}
@media (max-width: 800px) {
display: none;
}
-#header-advanced {
- border-bottom: none;
- padding-bottom: 0;
-}
-
.indent {
margin-top: 7px;
margin-bottom: 7px;
direction: rtl;
}
-/* Content pane */
#defaultFontSizeLabel {
/* !important needed to override common !important rule */
margin-inline-start: 4px !important;
/* Applications Pane Styles */
-#applicationsContent {
- padding: 15px 0;
-}
-
#filter {
margin-inline-start: 0;
}
margin-left: 0;
}
+/* This learn-more link is inserted at the end of a
+ xul:description element so it should behave like normal text. */
+#trackingProtectionLearnMore {
+ white-space: normal;
+ margin-inline-start: 0;
+}
+
+#trackingProtectionAdvancedSettings {
+ margin-inline-start: 15px;
+}
+
+#crashReporterGroup {
+ margin-top: 0;
+}
+
/* Collapse the non-active vboxes in decks to use only the height the
active vbox needs */
#historyPane:not([selectedIndex="1"]) > #historyDontRememberPane,
* Dialog
*/
-#dialogOverlay {
- background-color: rgba(0,0,0,0.75);
+.dialogOverlay {
visibility: hidden;
}
-#dialogBox {
+.dialogOverlay[topmost="true"] {
+ background-color: rgba(0,0,0,0.75);
+}
+
+.dialogBox {
background-color: #000000;
background-clip: content-box;
color: #FF9F00;
padding-left: 6px;
}
-#dialogBox[resizable="true"] {
+.dialogBox[resizable="true"] {
resize: both;
overflow: hidden;
min-height: 20em;
min-width: 66ch;
}
-#dialogBox > .groupbox-title {
+.dialogBox > .groupbox-title {
margin-inline-start: 0;
margin-inline-end: 0;
/* padding: 3.5px 0;
background-color: #F1F1F1; */
}
-#dialogTitle {
+.dialogTitle {
text-align: center;
-moz-user-select: none;
}
min-width: 0;
}
-#dialogBox > .groupbox-title > caption {
+.dialogBox > .groupbox-title > caption {
margin: 0;
border-radius: 1000px;
background-color: #A09090;
}
-#dialogBox > .groupbox-body {
+.dialogBox > .groupbox-body {
-moz-appearance: none;
padding: 0;
}
-#dialogFrame {
+.dialogFrame {
-moz-box-flex: 1;
/* Default dialog dimensions */
width: 66ch;
background-color: var(--in-content-category-background-hover);
border-color: var(--in-content-category-background-hover);
}
+.help-button {
+ position: fixed;
+ left: 0;
+
+ /* Needs to have enough gap from the bottom to not
+ get behind the status panel (bug 1357841). */
+ bottom: 2rem;
+ font-size: 13px;
+ line-height: 13px;
+ height: 14px;
+ background-position: 15px;
+ padding-inline-start: 35px;
+ white-space: nowrap;
+}
+
+.help-button:-moz-locale-dir(rtl) {
+ left: auto;
+ right: 0;
+ background-position: right 15px top 0;
+}
+
+.help-button:link,
+.help-button:visited {
+ color: var(--in-content-category-text);
+ text-decoration: none;
+}
+
+.search-tooltip {
+ position: absolute;
+ pointer-events: none;
+ padding: 0 10px;
+ bottom: 100%;
+ background-color: #000000;
+}
+
+.search-tooltip::before {
+ position: absolute;
+ content: "";
+ border: 6px solid transparent;
+ border-top-color: #FFCF00;
+ top: 100%;
+ offset-inline-start: calc(50% - 6px);
+}
+
+.search-tooltip-parent {
+ position: relative;
+}
/* === END shared/incontentprefs/preferences.inc.css === */
+++ /dev/null
-<?xml version="1.0" encoding="utf-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
- <style>
- use:not(:target) {
- display: none;
- }
- use {
- fill: #FFCF00;
- stroke: rgba(0,0,0,0.4);
- stroke-width: 0;
- }
- use[id$="-active"] {
- fill: #000000;
- }
- </style>
- <defs>
- <g id="general-shape">
- <path d="M18.97,3H5.03C3.914,3,3,3.914,3,5.03v13.94C3,20.086,3.914,21,5.03,21H18.97c1.117,0,2.03-0.914,2.03-2.03 V5.03C21,3.914,20.086,3,18.97,3z M5.35,19.326c-0.404,0-0.731-0.327-0.731-0.731c0-0.404,0.327-0.731,0.731-0.731 c0.404,0,0.731,0.327,0.731,0.731C6.081,19,5.754,19.326,5.35,19.326z M5.35,6.168c-0.403,0-0.731-0.328-0.731-0.731 c0-0.404,0.328-0.731,0.731-0.731c0.403,0,0.731,0.327,0.731,0.731C6.081,5.84,5.753,6.168,5.35,6.168z M15.243,14.035 c0,0.229-0.186,0.416-0.414,0.416c-0.229,0-0.415,0.186-0.415,0.414v3.347c0,0.228-0.185,0.384-0.414,0.384l-4.141,0.03 c-0.227,0-0.414-0.186-0.414-0.414v-3.347c0-0.228-0.185-0.414-0.414-0.414c-0.227,0-0.414-0.187-0.414-0.416V6.582 c0-0.229,0.187-0.414,0.414-0.414h5.798c0.228,0,0.414,0.185,0.414,0.414V14.035z M18.509,19.326c-0.404,0-0.731-0.327-0.731-0.731 c0-0.404,0.327-0.731,0.731-0.731c0.404,0,0.731,0.327,0.731,0.731C19.24,19,18.913,19.326,18.509,19.326z M18.509,6.168 c-0.404,0-0.731-0.328-0.731-0.731c0-0.404,0.327-0.731,0.731-0.731c0.404,0,0.731,0.327,0.731,0.731 C19.24,5.84,18.913,6.168,18.509,6.168z"/>
- <path d="M12.757,7.824h-1.657c-0.456,0-0.828,0.373-0.828,0.828v8.282c0,0.456,0.373,0.828,0.828,0.828h1.657 c0.456,0,0.828-0.373,0.828-0.828V8.652C13.586,8.196,13.213,7.824,12.757,7.824z"/>
- </g>
- <g id="search-shape">
- <path d="M2,10.018c0,4.43,3.585,8.019,8.009,8.019 c1.603,0,3.095-0.473,4.348-1.285l4.806,4.81c0.58,0.583,1.523,0.583,2.105,0l0.296-0.297c0.582-0.583,0.582-1.527,0-2.11 l-4.808-4.814c0.8-1.247,1.265-2.73,1.265-4.323c0-4.43-3.587-8.018-8.012-8.018C5.585,2,2,5.589,2,10.018z M5.104,10.021 c0-2.716,2.196-4.915,4.906-4.915c2.71,0,4.908,2.199,4.908,4.915c0,2.712-2.198,4.911-4.908,4.911 C7.3,14.931,5.104,12.732,5.104,10.021z"/>
- </g>
- <g id="content-shape">
- <path d="M16.286,2H5.571C4.388,2,3.429,2.96,3.429,4.143v15.714 C3.429,21.04,4.388,22,5.571,22h12.857c1.185,0,2.143-0.96,2.143-2.143V6.286L16.286,2z M18.945,19.223c0,0.22-0.18,0.4-0.4,0.4 h-13.2c-0.22,0-0.4-0.18-0.4-0.4v-0.846c0-0.22,0.18-0.4,0.4-0.4h13.2c0.22,0,0.4,0.18,0.4,0.4V19.223z M18.945,15.223 c0,0.22-0.18,0.4-0.4,0.4h-13.2c-0.22,0-0.4-0.18-0.4-0.4v-0.846c0-0.22,0.18-0.4,0.4-0.4h13.2c0.22,0,0.4,0.18,0.4,0.4V15.223z M18.945,11.229c0,0.22-0.18,0.4-0.4,0.4h-13.2c-0.22,0-0.4-0.18-0.4-0.4v-0.846c0-0.22,0.18-0.4,0.4-0.4h13.2 c0.22,0,0.4,0.18,0.4,0.4V11.229z M14.833,7.707v-4.65l4.65,4.65H14.833z"/>
- </g>
- <g id="applications-shape">
- <path d="M16.673,8.914C16.089,4.122,13.248,1,12,1c-1.25,0-3.986,3.122-4.767,7.914l-3.122,3.131v7.889h2.268 l2.978-3.436c0.28,0.29,0.737,1.666,1.065,1.858h3.155c0.331-0.193,0.789-1.569,1.068-1.858l3.123,3.436h2.12v-7.84L16.673,8.914z M12.042,8.735c-0.604,0-1.279,0.06-1.818,0.165c0.478-1.453,1.345-3.117,1.781-3.117c0.435,0,1.301,1.655,1.775,3.1 C13.265,8.789,12.615,8.735,12.042,8.735z M12.524,19.145c0.076,0.196,0.119,0.602,0.119,0.86c0,0.66-0.524,1.074-0.687,1.074 c-0.163,0-0.615-0.414-0.615-1.074c0-0.257,0.045-0.664,0.119-0.86h-0.754c-0.089,0.345-0.39,1.005-0.39,1.408 c0,1.458,1.328,2.447,1.686,2.447c0.359,0,1.686-0.951,1.686-2.407c0-0.404-0.301-1.103-0.388-1.449H12.524z"/>
- </g>
- <g id="privacy-shape">
- <path d="M21.632,9.541c-0.083,1.403,0.246,3.079-1.597,5.498 c-1.965,2.578-3.914,2.594-4.284,2.575c-2.249-0.117-2.502-1.875-3.792-1.875c-1.13,0-2.012,1.745-3.711,1.836 c-0.37,0.02-2.319,0.042-4.284-2.536c-1.841-2.419-1.514-4.095-1.597-5.498C2.287,8.138,2,6.618,2,6.618s0.887,0.895,2.033,0.973 C5.179,7.67,5.394,7.191,7.811,6.501C10.424,5.752,12,8.814,12,8.814s1.776-3.016,4.189-2.313c2.414,0.7,2.515,1.169,3.661,1.091 C20.996,7.513,22,6.618,22,6.618S21.713,8.138,21.632,9.541z M8.117,10.129c-1.429-0.314-2.028,0.223-2.642,0.451 c-0.534,0.202-1.02,0.264-1.02,0.264s0.083,0.819,1.515,1.521c1.432,0.703,4.37,0.338,4.37,0.338S10.651,10.687,8.117,10.129z M18.525,10.58c-0.612-0.228-1.212-0.765-2.642-0.451c-2.534,0.558-2.223,2.573-2.223,2.573s2.938,0.365,4.37-0.338 c1.432-0.702,1.515-1.521,1.515-1.521S19.059,10.782,18.525,10.58z"/>
- </g>
- <g id="security-shape">
- <path d="M18.909,9.783h-0.863V8.086C18.046,4.725,15.339,2,12,2 C8.661,2,5.954,4.725,5.954,8.086v1.697H5.091c-0.955,0-1.728,0.779-1.728,1.739v8.738c0,0.961,0.773,1.74,1.728,1.74h13.818 c0.954,0,1.728-0.779,1.728-1.74v-8.738C20.637,10.562,19.863,9.783,18.909,9.783z M8.545,8.086c0-1.92,1.547-3.478,3.455-3.478 c1.908,0,3.455,1.557,3.455,3.478v1.697h-6.91V8.086z M5.181,16.092l-0.909-1.2v-2.284l2.728,3.483H5.181z M8.818,16.092 l-2.773-3.657h1.727l2.864,3.657H8.818z M12,16.092l-2.773-3.657h1.727l2.864,3.657H12z M15.637,16.092l-2.773-3.657h1.727 l2.864,3.657H15.637z M19.728,16.092h-0.455l-2.773-3.657h1.727l1.501,1.916V16.092z"/>
- </g>
- <g id="sync-shape">
- <path d="M17.024,3.351 c-0.562,0.331 -1.311,0.879 -1.821,1.698 -0.367,0.592 -0.752,1.288 -1.08,1.914 0.987,0.413 1.862,1.095 2.476,2.029 0.614,0.957 0.929,2.122 0.83,3.351 -0.201,1.787 -1.359,3.433 -3.046,4.36 -0.696,-0.774 -1.951,-2.945 -1.951,-2.945 -0.007,0.007 -0.004,2.556 -0.871,4.334 -0.573,1.184 -1.24,2.202 -2.305,2.995 1.431,0.51 2.915,0.886 4.282,0.909 l 0.162,0.002 c 2.99,0.021 5.844,-0.48 5.844,-0.48 0,0 -1.236,-0.802 -1.808,-1.346 1.86,-1.072 3.111,-2.791 3.634,-4.708 0.283,-0.759 0.478,-1.566 0.57,-2.409 C 22.383,9.011 20.33,5.278 17.024,3.351 Z M 6.569,12.302 C 6.526,10.271 7.755,8.327 9.644,7.29 c 0.696,0.774 2.32,2.899 2.32,2.899 0,0 -0.064,-5.157 1.657,-7.973 -6.097,-0.668 -9.69,0.443 -9.69,0.443 0,0 1.763,0.607 2.333,1.136 C 6.122,3.891 5.984,3.992 5.85,4.096 4.4,5.064 3.368,6.449 2.825,7.994 2.436,8.892 2.171,9.863 2.06,10.887 1.622,14.886 3.629,18.572 6.871,20.515 7.39,20.124 7.975,19.631 8.61,18.983 9.189,18.389 9.647,17.682 10.021,16.967 8.082,16.208 6.714,14.404 6.569,12.302 Z"/>
- </g>
- <g id="advanced-shape">
- <path d="M19.173,16.163c0.004,0.04,0.007,0.08,0.007,0.121c0,1.748-3.197,3.165-7.14,3.165 c-3.943,0-7.14-1.417-7.14-3.165c0 -0.037,0.003-0.073,0.006-0.109C3.11,16.572,2,17.243,2,18.341C2,20.362,6.477,22,12,22 c5.523,0,10-1.638,10-3.659 C22,17.22,20.922,16.553,19.173,16.163z"/>
- <path d="M18.224,15.979c0.006-0.11-0.018-0.285-0.054-0.39c0,0-0.762-2.205-1.176-3.403 c-0.624-1.807-2.112-6.139-2.112-6.139c-0.036-0.104-0.031-0.273,0.01-0.376l0.497-1.234c0.041-0.102,0.116-0.266,0.166-0.364 l0.986-1.942c0.05-0.098,0.013-0.133-0.081-0.077L9.965,5.871c-0.095,0.056-0.203,0.186-0.24,0.29c0,0-0.252,0.7-0.412,1.144 C8.64,9.173,7.968,11.04,7.296,12.908c-0.26,0.723-0.52,1.446-0.78,2.168c-0.056,0.156-0.112,0.311-0.168,0.466 c-0.093,0.26-0.049,0.617,0.032,0.881c0.237,0.763,1.001,1.189,1.708,1.435c0.611,0.213,1.254,0.328,1.895,0.403 c0.895,0.105,1.805,0.14,2.706,0.112c1.356-0.041,2.767-0.261,4.004-0.846c0.429-0.203,0.854-0.459,1.174-0.816 c0.121-0.135,0.226-0.287,0.297-0.455C18.215,16.134,18.224,15.979,18.224,15.979z M14.063,16.131 c0.019,0.108-0.046,0.156-0.143,0.104l-1.466-0.772c-0.097-0.052-0.257-0.052-0.354,0l-1.466,0.773 c-0.097,0.052-0.162,0.004-0.143-0.104l0.28-1.636c0.019-0.109-0.031-0.261-0.109-0.338l-1.186-1.158 c-0.079-0.077-0.054-0.153,0.055-0.169l1.638-0.239c0.109-0.016,0.238-0.11,0.286-0.209l0.733-1.488 c0.049-0.099,0.128-0.099,0.177,0l0.733,1.488c0.049,0.099,0.178,0.193,0.286,0.209l1.639,0.239 c0.109,0.016,0.134,0.092,0.055,0.169l-1.186,1.158c-0.079,0.077-0.128,0.229-0.109,0.338L14.063,16.131z"/>
- </g>
- </defs>
- <use id="general" xlink:href="#general-shape"/>
- <use id="general-active" xlink:href="#general-shape"/>
- <use id="search" xlink:href="#search-shape"/>
- <use id="search-active" xlink:href="#search-shape"/>
- <use id="content" xlink:href="#content-shape"/>
- <use id="content-active" xlink:href="#content-shape"/>
- <use id="applications" xlink:href="#applications-shape"/>
- <use id="applications-active" xlink:href="#applications-shape"/>
- <use id="privacy" xlink:href="#privacy-shape"/>
- <use id="privacy-active" xlink:href="#privacy-shape"/>
- <use id="security" xlink:href="#security-shape"/>
- <use id="security-active" xlink:href="#security-shape"/>
- <use id="sync" xlink:href="#sync-shape"/>
- <use id="sync-active" xlink:href="#sync-shape"/>
- <use id="advanced" xlink:href="#advanced-shape"/>
- <use id="advanced-active" xlink:href="#advanced-shape"/>
-</svg>
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
<style>
use:not(:target) {
display: none;
<path d="M18.97,3H5.03C3.914,3,3,3.914,3,5.03v13.94C3,20.086,3.914,21,5.03,21H18.97c1.117,0,2.03-0.914,2.03-2.03 V5.03C21,3.914,20.086,3,18.97,3z M5.35,19.326c-0.404,0-0.731-0.327-0.731-0.731c0-0.404,0.327-0.731,0.731-0.731 c0.404,0,0.731,0.327,0.731,0.731C6.081,19,5.754,19.326,5.35,19.326z M5.35,6.168c-0.403,0-0.731-0.328-0.731-0.731 c0-0.404,0.328-0.731,0.731-0.731c0.403,0,0.731,0.327,0.731,0.731C6.081,5.84,5.753,6.168,5.35,6.168z M15.243,14.035 c0,0.229-0.186,0.416-0.414,0.416c-0.229,0-0.415,0.186-0.415,0.414v3.347c0,0.228-0.185,0.384-0.414,0.384l-4.141,0.03 c-0.227,0-0.414-0.186-0.414-0.414v-3.347c0-0.228-0.185-0.414-0.414-0.414c-0.227,0-0.414-0.187-0.414-0.416V6.582 c0-0.229,0.187-0.414,0.414-0.414h5.798c0.228,0,0.414,0.185,0.414,0.414V14.035z M18.509,19.326c-0.404,0-0.731-0.327-0.731-0.731 c0-0.404,0.327-0.731,0.731-0.731c0.404,0,0.731,0.327,0.731,0.731C19.24,19,18.913,19.326,18.509,19.326z M18.509,6.168 c-0.404,0-0.731-0.328-0.731-0.731c0-0.404,0.327-0.731,0.731-0.731c0.404,0,0.731,0.327,0.731,0.731 C19.24,5.84,18.913,6.168,18.509,6.168z"/>
<path d="M12.757,7.824h-1.657c-0.456,0-0.828,0.373-0.828,0.828v8.282c0,0.456,0.373,0.828,0.828,0.828h1.657 c0.456,0,0.828-0.373,0.828-0.828V8.652C13.586,8.196,13.213,7.824,12.757,7.824z"/>
</g>
+ <g id="search-shape">
+ <path d="M2,10.018c0,4.43,3.585,8.019,8.009,8.019 c1.603,0,3.095-0.473,4.348-1.285l4.806,4.81c0.58,0.583,1.523,0.583,2.105,0l0.296-0.297c0.582-0.583,0.582-1.527,0-2.11 l-4.808-4.814c0.8-1.247,1.265-2.73,1.265-4.323c0-4.43-3.587-8.018-8.012-8.018C5.585,2,2,5.589,2,10.018z M5.104,10.021 c0-2.716,2.196-4.915,4.906-4.915c2.71,0,4.908,2.199,4.908,4.915c0,2.712-2.198,4.911-4.908,4.911 C7.3,14.931,5.104,12.732,5.104,10.021z"/>
+ </g>
<g id="content-shape">
<path d="M16.286,2H5.571C4.388,2,3.429,2.96,3.429,4.143v15.714 C3.429,21.04,4.388,22,5.571,22h12.857c1.185,0,2.143-0.96,2.143-2.143V6.286L16.286,2z M18.945,19.223c0,0.22-0.18,0.4-0.4,0.4 h-13.2c-0.22,0-0.4-0.18-0.4-0.4v-0.846c0-0.22,0.18-0.4,0.4-0.4h13.2c0.22,0,0.4,0.18,0.4,0.4V19.223z M18.945,15.223 c0,0.22-0.18,0.4-0.4,0.4h-13.2c-0.22,0-0.4-0.18-0.4-0.4v-0.846c0-0.22,0.18-0.4,0.4-0.4h13.2c0.22,0,0.4,0.18,0.4,0.4V15.223z M18.945,11.229c0,0.22-0.18,0.4-0.4,0.4h-13.2c-0.22,0-0.4-0.18-0.4-0.4v-0.846c0-0.22,0.18-0.4,0.4-0.4h13.2 c0.22,0,0.4,0.18,0.4,0.4V11.229z M14.833,7.707v-4.65l4.65,4.65H14.833z"/>
</g>
+ <g id="applications-shape">
+ <path d="M16.673,8.914C16.089,4.122,13.248,1,12,1c-1.25,0-3.986,3.122-4.767,7.914l-3.122,3.131v7.889h2.268 l2.978-3.436c0.28,0.29,0.737,1.666,1.065,1.858h3.155c0.331-0.193,0.789-1.569,1.068-1.858l3.123,3.436h2.12v-7.84L16.673,8.914z M12.042,8.735c-0.604,0-1.279,0.06-1.818,0.165c0.478-1.453,1.345-3.117,1.781-3.117c0.435,0,1.301,1.655,1.775,3.1 C13.265,8.789,12.615,8.735,12.042,8.735z M12.524,19.145c0.076,0.196,0.119,0.602,0.119,0.86c0,0.66-0.524,1.074-0.687,1.074 c-0.163,0-0.615-0.414-0.615-1.074c0-0.257,0.045-0.664,0.119-0.86h-0.754c-0.089,0.345-0.39,1.005-0.39,1.408 c0,1.458,1.328,2.447,1.686,2.447c0.359,0,1.686-0.951,1.686-2.407c0-0.404-0.301-1.103-0.388-1.449H12.524z"/>
+ </g>
+ <g id="privacy-shape">
+ <path d="M21.632,9.541c-0.083,1.403,0.246,3.079-1.597,5.498 c-1.965,2.578-3.914,2.594-4.284,2.575c-2.249-0.117-2.502-1.875-3.792-1.875c-1.13,0-2.012,1.745-3.711,1.836 c-0.37,0.02-2.319,0.042-4.284-2.536c-1.841-2.419-1.514-4.095-1.597-5.498C2.287,8.138,2,6.618,2,6.618s0.887,0.895,2.033,0.973 C5.179,7.67,5.394,7.191,7.811,6.501C10.424,5.752,12,8.814,12,8.814s1.776-3.016,4.189-2.313c2.414,0.7,2.515,1.169,3.661,1.091 C20.996,7.513,22,6.618,22,6.618S21.713,8.138,21.632,9.541z M8.117,10.129c-1.429-0.314-2.028,0.223-2.642,0.451 c-0.534,0.202-1.02,0.264-1.02,0.264s0.083,0.819,1.515,1.521c1.432,0.703,4.37,0.338,4.37,0.338S10.651,10.687,8.117,10.129z M18.525,10.58c-0.612-0.228-1.212-0.765-2.642-0.451c-2.534,0.558-2.223,2.573-2.223,2.573s2.938,0.365,4.37-0.338 c1.432-0.702,1.515-1.521,1.515-1.521S19.059,10.782,18.525,10.58z"/>
+ </g>
<g id="security-shape">
<path d="M18.909,9.783h-0.863V8.086C18.046,4.725,15.339,2,12,2 C8.661,2,5.954,4.725,5.954,8.086v1.697H5.091c-0.955,0-1.728,0.779-1.728,1.739v8.738c0,0.961,0.773,1.74,1.728,1.74h13.818 c0.954,0,1.728-0.779,1.728-1.74v-8.738C20.637,10.562,19.863,9.783,18.909,9.783z M8.545,8.086c0-1.92,1.547-3.478,3.455-3.478 c1.908,0,3.455,1.557,3.455,3.478v1.697h-6.91V8.086z M5.181,16.092l-0.909-1.2v-2.284l2.728,3.483H5.181z M8.818,16.092 l-2.773-3.657h1.727l2.864,3.657H8.818z M12,16.092l-2.773-3.657h1.727l2.864,3.657H12z M15.637,16.092l-2.773-3.657h1.727 l2.864,3.657H15.637z M19.728,16.092h-0.455l-2.773-3.657h1.727l1.501,1.916V16.092z"/>
</g>
<g id="sync-shape">
<path d="M17.024,3.351 c-0.562,0.331 -1.311,0.879 -1.821,1.698 -0.367,0.592 -0.752,1.288 -1.08,1.914 0.987,0.413 1.862,1.095 2.476,2.029 0.614,0.957 0.929,2.122 0.83,3.351 -0.201,1.787 -1.359,3.433 -3.046,4.36 -0.696,-0.774 -1.951,-2.945 -1.951,-2.945 -0.007,0.007 -0.004,2.556 -0.871,4.334 -0.573,1.184 -1.24,2.202 -2.305,2.995 1.431,0.51 2.915,0.886 4.282,0.909 l 0.162,0.002 c 2.99,0.021 5.844,-0.48 5.844,-0.48 0,0 -1.236,-0.802 -1.808,-1.346 1.86,-1.072 3.111,-2.791 3.634,-4.708 0.283,-0.759 0.478,-1.566 0.57,-2.409 C 22.383,9.011 20.33,5.278 17.024,3.351 Z M 6.569,12.302 C 6.526,10.271 7.755,8.327 9.644,7.29 c 0.696,0.774 2.32,2.899 2.32,2.899 0,0 -0.064,-5.157 1.657,-7.973 -6.097,-0.668 -9.69,0.443 -9.69,0.443 0,0 1.763,0.607 2.333,1.136 C 6.122,3.891 5.984,3.992 5.85,4.096 4.4,5.064 3.368,6.449 2.825,7.994 2.436,8.892 2.171,9.863 2.06,10.887 1.622,14.886 3.629,18.572 6.871,20.515 7.39,20.124 7.975,19.631 8.61,18.983 9.189,18.389 9.647,17.682 10.021,16.967 8.082,16.208 6.714,14.404 6.569,12.302 Z"/>
- <path d="M3.2,22h3.3h10.8h3.3c0.5,0,0.9-0.4,0.9-0.9V20c0-1-0.5-1.9-1.2-2.5c-2.3-1.8-4.6-2.9-5.1-3.1
- c-0.1,0-0.1-0.1-0.1-0.2v-1.6c0.3-0.5,0.4-1,0.5-1.5c0.2,0.1,0.6,0.1,1-1.3c0.3-1.1,0.1-1.5-0.2-1.6c0.9-4.4-1.1-4.5-1.1-4.5
- S15,3.1,14.1,2.6c-0.5-0.3-1.3-0.6-2.3-0.5c-0.4,0-0.7,0.1-1,0.2c-0.4,0.1-0.7,0.3-1,0.5C9.4,3.1,9.1,3.3,8.7,3.7
- c-0.5,0.5-1,1.2-1.1,2C7.4,6.4,7.4,7.1,7.7,7.9C7.3,7.8,6.9,8,7.3,9.5c0.3,1.1,0.6,1.4,0.8,1.4c0.1,0.6,0.3,1.3,0.7,1.9v1.4
- c0,0.1,0,0.1-0.1,0.2c-0.5,0.2-2.8,1.4-5.1,3.1C2.8,18.1,2.3,19,2.3,20v1.1C2.3,21.6,2.7,22,3.2,22"/>
</g>
<g id="advanced-shape">
- <path d="M21.3,15.6L21.3,15.6L21.3,15.6L21.3,15.6L21.3,15.6z M21.3,15.6c-0.1,1-0.5,1.8-1.2,2.4
- c-0.5,0.5-1.1,0.9-1.7,1.2c-0.2,0.4-0.4,0.7-0.8,1c-0.5,0.4-1.3,0.8-2.1,1c-0.9,0.2-1.6,0.3-2.3,0.3h-0.9c0.1,0.2,0.2,0.2,0.4,0.2
- c-1.1-0.1-2.1-0.3-2.9-0.5c0.2,0.2,0.5,0.4,0.8,0.4c-1.5-0.3-2.9-1-4.1-1.9c-0.3-0.2-0.4-0.3-0.5-0.4c-1-0.8-1.7-1.6-2.3-2.6
- c-0.7-1.1-1.1-2.5-1.3-4.1c-0.1,0.5-0.1,0.9-0.1,1.1c-0.2-1.3-0.2-2.5,0.1-3.6c-0.1,0.3-0.3,0.7-0.4,1.1c0.1-0.8,0.4-1.8,0.9-2.8
- C3,8.1,3.2,7.8,3.3,7.7V6.6c0-0.1,0-0.3,0.1-0.6c0-0.2,0.1-0.4,0.2-0.6v0.1V5.4c0-0.1,0-0.1,0-0.1c0-0.1,0-0.2,0.1-0.2v0.1V5.1V5
- c0,0,0-0.1,0-0.2C4,4.4,4,4.3,4,4.3c0.2-0.1,0.2-0.2,0.3-0.2v0.1c0,0.2,0.1,0.5,0.3,1l0,0C4.8,5.3,5,5.7,5.4,5.9
- c0.8-0.2,1.5-0.3,2.4-0.1c0.1,0,0.1-0.1,0.2-0.2v0.1c0.1-0.2,0.3-0.3,0.6-0.4l0,0c0.2-0.1,0.5-0.3,1-0.4H9.5
- c0.1-0.1,0.2-0.1,0.3-0.1s0.2,0,0.3,0s0.3,0,0.4,0c-0.1,0-0.1,0.1-0.1,0.1L10.3,5h-0.1h0.1C9.8,5.5,9.4,6,9.2,6.7
- c-0.1,0-0.1,0.1-0.1,0.2L9.2,7c0.2,0.3,0.5,0.5,0.9,0.5h1.4c0.2,0.1,0.3,0.2,0.3,0.2c0,0.2-0.1,0.4-0.3,0.6c0,0.1-0.1,0.2-0.3,0.4
- C10.5,9.2,10,9.6,9.7,9.9V10c0,0,0,0,0,0.1c0,0,0,0,0,0.1c-0.1,0-0.1,0-0.1,0.1c0.1-0.1,0.2,0,0.2,0.2s0,0.4-0.1,0.6L9.6,11
- c-0.1,0-0.1,0-0.1,0c0.1,0.1,0.2,0.1,0.2,0.2v0.1H9.6l-0.1-0.1H9.4c-0.1,0-0.1,0-0.2-0.1c-0.1,0-0.1,0-0.1,0L9,10.9
- c-0.1,0-0.1,0-0.1,0H9c-0.1,0-0.1,0-0.2,0H8.7c-0.2,0.1-0.3,0.3-0.3,0.6c0,0.6,0.4,1.1,1.1,1.5c0.2,0.2,0.5,0.3,0.8,0.4
- c0.3,0,0.5,0,0.7,0c0.2-0.1,0.4-0.1,0.6-0.2S12,13,12.1,13c0.7-0.2,1.4,0,1.9,0.5c0.2,0.1,0.2,0.2,0.1,0.4
- c-0.1,0.2-0.2,0.3-0.4,0.2c-0.1,0-0.2,0-0.2,0c-0.1,0-0.1,0-0.3,0.1s-0.1,0-0.2,0s-0.2,0.1-0.3,0.2c-0.1,0.1-0.3,0.2-0.4,0.3
- c-0.9,0.5-1.9,0.6-3,0.4c0.4,0.4,0.7,0.7,1.1,0.9c0.1,0,0.2,0.1,0.6,0.1c0.3,0,0.5,0.1,0.6,0.2c-0.2-0.1-0.5-0.1-0.7,0
- c0.8,0.5,1.7,0.7,2.8,0.5c0.4-0.1,0.7-0.2,1-0.4c-0.1,0.1-0.1,0.3-0.2,0.4c0.1,0.1,0.4-0.1,0.6-0.5c0.1-0.1,0.3-0.3,0.6-0.4
- c0,0,0,0.1,0,0.2s0,0.1,0,0.2s0,0.1,0.1,0.1c0.4,0,0.7-0.4,1.1-1.3c0.3-0.6,0.5-1.3,0.6-2.2c0.1,0.2,0.2,0.5,0.2,0.8
- c0.2-0.5,0.3-1,0.3-1.3s0-1.3-0.1-2.9c0.3,0.4,0.5,0.7,0.7,1.1c0.1-1.2-0.1-2.2-0.5-3.1c-0.4-0.8-0.9-1.5-1.4-1.9
- c0.5,0.1,1,0.3,1.4,0.6L17.8,6c-1.4-1.4-3.1-2.2-5.1-2.4S8.9,4,7.3,5.1c-0.6,0-1.1,0-1.5,0.1C5.6,4.9,5.5,4.8,5.5,4.8
- C7.3,3,9.4,2.2,11.9,2.2s4.6,0.8,6.5,2.4l-0.2-0.4c0.6,0.3,1,0.7,1.4,1.2l-0.1-0.3v0.1l0,0c0.9,0.7,1.4,1.6,1.7,2.7
- c0.2,0.9,0.2,1.6,0.1,2.3c0.1,0.1,0.1,0.1,0.1,0.3l0.3-1.1c0.1,0.3,0.2,0.7,0.2,1c0.1,0.4,0.1,0.8,0.1,1.1c0,0.4-0.1,0.7-0.1,1
- c-0.1,0.3-0.1,0.7-0.2,1s-0.2,0.6-0.3,0.8c-0.1,0.2-0.2,0.5-0.3,0.7C21.1,15.1,21.2,15.2,21.3,15.6L21.3,15.6z"/>
- </g>
- <g id="searchResults-shape">
- <path d="M8,16.3c1.5,0,3-0.4,4.3-1.3l4.6,4.6c0.3,0.3,0.8,0.4,1.2,0.3s0.8-0.5,0.9-0.9s0-0.9-0.3-1.2l-4.5-4.5
- c2.4-2.9,2.5-7.2,0.2-10.2S8-0.8,4.6,0.8s-5.2,5.4-4.4,9.1S4.2,16.3,8,16.3z M8,1.9c3.4,0,6.1,2.8,6.1,6.2s-2.7,6.2-6.1,6.2
- S1.9,11.5,1.9,8C1.9,4.6,4.6,1.9,8,1.9L8,1.9z"/>
- <path d="M8,12.9c2.6,0,4.7-2.1,4.7-4.8S10.6,3.4,8,3.4c-2.6,0-4.7,2.1-4.7,4.7c0,1.3,0.5,2.5,1.4,3.4
- C5.6,12.4,6.7,12.9,8,12.9L8,12.9z M7.8,4.5c0.4,0,0.8,0.4,0.8,0.8S8.3,6.1,7.8,6.1C6.8,6.1,6,6.9,6,7.9c0,0.4-0.4,0.8-0.8,0.8
- S4.5,8.3,4.5,7.9C4.5,6,6,4.5,7.8,4.5L7.8,4.5z"/>
+ <path d="M19.173,16.163c0.004,0.04,0.007,0.08,0.007,0.121c0,1.748-3.197,3.165-7.14,3.165 c-3.943,0-7.14-1.417-7.14-3.165c0 -0.037,0.003-0.073,0.006-0.109C3.11,16.572,2,17.243,2,18.341C2,20.362,6.477,22,12,22 c5.523,0,10-1.638,10-3.659 C22,17.22,20.922,16.553,19.173,16.163z"/>
+ <path d="M18.224,15.979c0.006-0.11-0.018-0.285-0.054-0.39c0,0-0.762-2.205-1.176-3.403 c-0.624-1.807-2.112-6.139-2.112-6.139c-0.036-0.104-0.031-0.273,0.01-0.376l0.497-1.234c0.041-0.102,0.116-0.266,0.166-0.364 l0.986-1.942c0.05-0.098,0.013-0.133-0.081-0.077L9.965,5.871c-0.095,0.056-0.203,0.186-0.24,0.29c0,0-0.252,0.7-0.412,1.144 C8.64,9.173,7.968,11.04,7.296,12.908c-0.26,0.723-0.52,1.446-0.78,2.168c-0.056,0.156-0.112,0.311-0.168,0.466 c-0.093,0.26-0.049,0.617,0.032,0.881c0.237,0.763,1.001,1.189,1.708,1.435c0.611,0.213,1.254,0.328,1.895,0.403 c0.895,0.105,1.805,0.14,2.706,0.112c1.356-0.041,2.767-0.261,4.004-0.846c0.429-0.203,0.854-0.459,1.174-0.816 c0.121-0.135,0.226-0.287,0.297-0.455C18.215,16.134,18.224,15.979,18.224,15.979z M14.063,16.131 c0.019,0.108-0.046,0.156-0.143,0.104l-1.466-0.772c-0.097-0.052-0.257-0.052-0.354,0l-1.466,0.773 c-0.097,0.052-0.162,0.004-0.143-0.104l0.28-1.636c0.019-0.109-0.031-0.261-0.109-0.338l-1.186-1.158 c-0.079-0.077-0.054-0.153,0.055-0.169l1.638-0.239c0.109-0.016,0.238-0.11,0.286-0.209l0.733-1.488 c0.049-0.099,0.128-0.099,0.177,0l0.733,1.488c0.049,0.099,0.178,0.193,0.286,0.209l1.639,0.239 c0.109,0.016,0.134,0.092,0.055,0.169l-1.186,1.158c-0.079,0.077-0.128,0.229-0.109,0.338L14.063,16.131z"/>
</g>
</defs>
- <use id="general" href="#general-shape"/>
- <use id="general-active" href="#general-shape"/>
- <use id="content" href="#content-shape"/>
- <use id="content-active" href="#content-shape"/>
- <use id="security" href="#security-shape"/>
- <use id="security-active" href="#security-shape"/>
- <use id="sync" href="#sync-shape"/>
- <use id="sync-active" href="#sync-shape"/>
- <use id="advanced" href="#advanced-shape"/>
- <use id="advanced-active" href="#advanced-shape"/>
- <use id="searchResults" href="#searchResults-shape"/>
- <use id="searchResults-active" href="#searchResults-shape"/>
+ <use id="general" xlink:href="#general-shape"/>
+ <use id="general-active" xlink:href="#general-shape"/>
+ <use id="search" xlink:href="#search-shape"/>
+ <use id="search-active" xlink:href="#search-shape"/>
+ <use id="content" xlink:href="#content-shape"/>
+ <use id="content-active" xlink:href="#content-shape"/>
+ <use id="applications" xlink:href="#applications-shape"/>
+ <use id="applications-active" xlink:href="#applications-shape"/>
+ <use id="privacy" xlink:href="#privacy-shape"/>
+ <use id="privacy-active" xlink:href="#privacy-shape"/>
+ <use id="security" xlink:href="#security-shape"/>
+ <use id="security-active" xlink:href="#security-shape"/>
+ <use id="sync" xlink:href="#sync-shape"/>
+ <use id="sync-active" xlink:href="#sync-shape"/>
+ <use id="advanced" xlink:href="#advanced-shape"/>
+ <use id="advanced-active" xlink:href="#advanced-shape"/>
</svg>
white-space: nowrap;
}
-.accessory-button {
- min-width: 145px;
-}
-
/* Category List */
#categories {
list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#general-active");
}
-#category-application > .category-icon {
+#category-search > .category-icon {
+ list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#search");
+}
+
+#category-search:hover > .category-icon,
+#category-search[selected] > .category-icon {
+ list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#search-active");
+}
+
+#category-content > .category-icon {
list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#content");
}
+#category-content:hover > .category-icon,
+#category-content[selected] > .category-icon {
+ list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#content-active");
+}
+
+#category-application > .category-icon {
+ list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#applications");
+}
+
#category-application:hover > .category-icon,
#category-application[selected] > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#content-active");
+ list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#applications-active");
}
#category-privacy > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#security");
+ list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#privacy");
}
#category-privacy:hover > .category-icon,
#category-privacy[selected] > .category-icon {
+ list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#privacy-active");
+}
+
+#category-security > .category-icon {
+ list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#security");
+}
+
+#category-security:hover > .category-icon,
+#category-security[selected] > .category-icon {
list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#security-active");
}
list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#advanced-active");
}
-#category-search-results > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#searchResults");
-}
-
-#category-search-results > .category-icon {
- list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#searchResults-active");
-}
-
@media (max-width: 800px) {
.category-name {
display: none;
display: none;
}
+#header-advanced {
+ border-bottom: none;
+ padding-bottom: 0;
+}
+
.indent {
margin-top: 7px;
margin-bottom: 7px;
direction: rtl;
}
+/* Content pane */
#defaultFontSizeLabel {
/* !important needed to override common !important rule */
margin-inline-start: 4px !important;
/* Applications Pane Styles */
+#applicationsContent {
+ padding: 15px 0;
+}
+
#filter {
margin-inline-start: 0;
}
margin-left: 0;
}
-/* This learn-more link is inserted at the end of a
- xul:description element so it should behave like normal text. */
-#trackingProtectionLearnMore {
- white-space: normal;
- margin-inline-start: 0;
-}
-
-#trackingProtectionAdvancedSettings {
- margin-inline-start: 15px;
-}
-
-#crashReporterGroup {
- margin-top: 0;
-}
-
/* Collapse the non-active vboxes in decks to use only the height the
active vbox needs */
#historyPane:not([selectedIndex="1"]) > #historyDontRememberPane,
* Dialog
*/
-#dialogOverlay {
- background-color: rgba(0,0,0,0.75);
+.dialogOverlay {
visibility: hidden;
}
-#dialogBox {
+.dialogOverlay[topmost="true"] {
+ background-color: rgba(0,0,0,0.75);
+}
+
+.dialogBox {
background-color: #000000;
background-clip: content-box;
color: #FF9F00;
padding-left: 6px;
}
-#dialogBox[resizable="true"] {
+.dialogBox[resizable="true"] {
resize: both;
overflow: hidden;
min-height: 20em;
min-width: 66ch;
}
-#dialogBox > .groupbox-title {
+.dialogBox > .groupbox-title {
margin-inline-start: 0;
margin-inline-end: 0;
/* padding: 3.5px 0;
background-color: #F1F1F1; */
}
-#dialogTitle {
+.dialogTitle {
text-align: center;
-moz-user-select: none;
}
min-width: 0;
}
-#dialogBox > .groupbox-title > caption {
+.dialogBox > .groupbox-title > caption {
margin: 0;
border-radius: 1000px;
background-color: #A09090;
}
-#dialogBox > .groupbox-body {
+.dialogBox > .groupbox-body {
-moz-appearance: none;
padding: 0;
}
-#dialogFrame {
+.dialogFrame {
-moz-box-flex: 1;
/* Default dialog dimensions */
width: 66ch;
background-color: var(--in-content-category-background-hover);
border-color: var(--in-content-category-background-hover);
}
-.help-button {
- position: fixed;
- left: 0;
-
- /* Needs to have enough gap from the bottom to not
- get behind the status panel (bug 1357841). */
- bottom: 2rem;
- font-size: 13px;
- line-height: 13px;
- height: 14px;
- background-position: 15px;
- padding-inline-start: 35px;
- white-space: nowrap;
-}
-
-.help-button:-moz-locale-dir(rtl) {
- left: auto;
- right: 0;
- background-position: right 15px top 0;
-}
-
-.help-button:link,
-.help-button:visited {
- color: var(--in-content-category-text);
- text-decoration: none;
-}
/* === END shared/incontentprefs/preferences.inc.css === */
.search-setting-button-compact > .button-box > .button-icon {
list-style-image: url("chrome://browser/skin/gear.svg");
- filter: url(chrome://global/skin/filters.svg#fill);
+ -moz-context-properties: fill;
fill: currentColor;
}
--- /dev/null
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 32 32">
+ <path fill="context-fill" d="M29.98,28h-28a2,2,0,0,1-2-2V22a2,2,0,0,1,2-2H2c4.591,0,4-3,4.009-8,0.009-4.686.166-8,6.261-8h7.41c6.13,0,6.27,3.314,6.3,8,0.02,5-.59,8,4.02,8h-0.02a2,2,0,0,1,2,2v4A2,2,0,0,1,29.98,28Z"/>
+</svg>
--- /dev/null
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ width="16" height="16" viewBox="0 0 16 16">
+ <path fill="context-fill" d="M8,0C3.6,0,0,3.6,0,8s3.6,8,8,8s8-3.6,8-8S12.4,0,8,0z M5.6,11.6l6-3.6l-6-3.6V11.6z M8,14.2
+ c-3.4,0-6.2-2.8-6.2-6.2S4.6,1.8,8,1.8s6.2,2.8,6.2,6.2S11.4,14.2,8,14.2z"/>
+</svg>
+
--- /dev/null
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ width="16" height="16" viewBox="0 0 16 16">
+ <path fill="context-fill" d="M12.5,3.4L9,6.3V2L5.2,5H4C2.9,5,2,5.9,2,7v2c0,0.9,0.6,1.6,1.4,1.9l-1.9,1.5l1,1.2l11-9L12.5,3.4z M9,14v-4l-2.5,2L9,14z"/>
+ c-3.4,0-6.2-2.8-6.2-6.2S4.6,1.8,8,1.8s6.2,2.8,6.2,6.2S11.4,14.2,8,14.2z"/>
+</svg>
+
--- /dev/null
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ width="16" height="16" viewBox="0 0 16 16">
+ <path fill="context-fill" d="M4,5C2.9,5,2,5.9,2,7v2c0,1.1,0.9,2,2,2h1.2L9,14V2L5.2,5H4z M11,8c0-0.6-0.4-1-1-1v2C10.6,9,11,8.6,11,8z M13,8 c0-1.4-1-2.6-2.3-2.9L10.4,6C11.3,6.2,12,7,12,8s-0.7,1.8-1.6,2l0.4,0.9C12,10.6,13,9.4,13,8z M11.4,3.2l-0.4,0.9 C12.8,4.6,14,6.2,14,8s-1.2,3.4-2.9,3.8l0.4,0.9C13.5,12.2,15,10.3,15,8S13.5,3.8,11.4,3.2z"/>
+ c-3.4,0-6.2-2.8-6.2-6.2S4.6,1.8,8,1.8s6.2,2.8,6.2,6.2S11.4,14.2,8,14.2z"/>
+</svg>
+
+++ /dev/null
-<?xml version="1.0" encoding="utf-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
- <style>
- path:not(:target) {
- display: none;
- }
- </style>
-
- <path id="tab-audio" d="M4,5C2.9,5,2,5.9,2,7v2c0,1.1,0.9,2,2,2h1.2L9,14V2L5.2,5H4z M11,8c0-0.6-0.4-1-1-1v2C10.6,9,11,8.6,11,8z M13,8 c0-1.4-1-2.6-2.3-2.9L10.4,6C11.3,6.2,12,7,12,8s-0.7,1.8-1.6,2l0.4,0.9C12,10.6,13,9.4,13,8z M11.4,3.2l-0.4,0.9 C12.8,4.6,14,6.2,14,8s-1.2,3.4-2.9,3.8l0.4,0.9C13.5,12.2,15,10.3,15,8S13.5,3.8,11.4,3.2z"/>
-
- <path id="tab-audio-muted" d="M12.5,3.4L9,6.3V2L5.2,5H4C2.9,5,2,5.9,2,7v2c0,0.9,0.6,1.6,1.4,1.9l-1.9,1.5l1,1.2l11-9L12.5,3.4z M9,14v-4l-2.5,2L9,14z"/>
-
- <path id="tab-audio-blocked" d="M8,0C3.6,0,0,3.6,0,8s3.6,8,8,8s8-3.6,8-8S12.4,0,8,0z M5.6,11.6l6-3.6l-6-3.6V11.6z M8,14.2
- c-3.4,0-6.2-2.8-6.2-6.2S4.6,1.8,8,1.8s6.2,2.8,6.2,6.2S11.4,14.2,8,14.2z"/>
-
-</svg>
border-style: none;
}
+#audioVideoButton,
+#screenShareButton {
+ -moz-context-properties: fill;
+ fill: #FFCF00;
+}
+
#firefoxButton {
background-image: url("chrome://branding/content/icon48.png");
background-repeat: no-repeat;