}
.tab-back {
- list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
+ list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
}
}
.statusIcon[status="success"] {
- list-style-image: url("chrome://global/skin/icons/information-16.png");
+ list-style-image: url("chrome://global/skin/icons/info.svg");
}
/* .data is only used by syncGenericChange.xul, but it seems unnecessary to have
th, td {
padding: 0 5px;
}
-
-.columns {
- -moz-column-width: 20em;
- -moz-column-gap: 3em;
-}
}
/* Font sizes are different per-platform, so we need custom CSS to line them up. */
+%ifdef XP_MACOSX
+#font-type-buttons > .sans-serif-button > .name {
+ margin-top: 10px;
+}
+
+#font-type-buttons > .sans-serif-button > .description {
+ margin-top: -4px;
+}
+
+#font-type-buttons > .serif-button > .name {
+ font-size: 63px;
+}
+%elifdef XP_WIN
#font-type-buttons > .sans-serif-button > .name {
margin-top: 2px;
}
#font-type-buttons > .serif-button > .name {
font-size: 63px;
}
+%else
+#font-type-buttons > .sans-serif-button > .name {
+ margin-top: 5px;
+}
+
+#font-type-buttons > .sans-serif-button > .description {
+ margin-top: -8px;
+}
+
+#font-type-buttons > .serif-button > .name {
+ font-size: 70px;
+}
+%endif
.button:hover,
#font-size-buttons > button:hover,
/*======= Toolbar icons =======*/
.close-button {
- background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close");
+ background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg");
+ -moz-context-properties: fill;
+ fill: #808080;
height: 68px;
background-position: center 8px;
}
.close-button:hover {
- background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close-hover");
+ fill: #fff;
background-color: #d94141;
border-bottom: 1px solid #d94141;
border-right: 1px solid #d94141;
}
.close-button:hover:active {
- background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close-hover");
background-color: #AE2325;
border-bottom: 1px solid #AE2325;
border-right: 1px solid #AE2325;
#alertSettings {
border-radius: 0px;
min-width: 0;
- list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities-grayscale");
+ list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg");
+ -moz-context-properties: fill;
+ fill: #808080;
margin-inline-end: 0;
margin-bottom: 0;
}
#alertSettings:hover,
#alertSettings[open] {
- list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities-inverted");
+ fill: #000000;
}
#alertSettings:hover {
max-height: 16px;
margin-inline-start: 0px;
margin-inline-end: 11px;
- list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
-}
-/*
-.ac-site-icon[selected] {
- list-style-image: url("chrome://mozapps/skin/places/defaultFavicon-inverted.png");
-}
-*/
-@media (min-resolution: 1.1dppx) {
- .ac-site-icon {
- list-style-image: url("chrome://mozapps/skin/places/defaultFavicon@2x.png");
- }
- /*
- .ac-site-icon[selected] {
- list-style-image: url("chrome://mozapps/skin/places/defaultFavicon-inverted@2x.png");
- }
- */
+ list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.svg");
}
.ac-title {
--colon-width: 2rem;
--day-period-spacing-width: 1rem;
--calendar-width: 23.1rem;
- --date-picker-item-height: 2.4rem;
+ --date-picker-item-height: 2.5rem;
+ --date-picker-item-width: 3.3rem;
--border: 0.1rem solid #9999CC;
--border-radius: 0.3rem;
--font-color: #000000;
--fill-color: #CCD0DD;
+ --today-fill-color: #33FF33;
+
--selected-font-color: #FFFFFF;
--selected-fill-color: #336699;
--button-font-color-active: #9999CC;
--button-fill-color-active: #000000;
- --weekday-font-color: #6C6C6C;
- --weekday-outside-font-color: #6C6C6C;
- --weekend-font-color: #DA4E44;
- --weekend-outside-font-color: #FF988F;
+ --weekday-header-font-color: #6C6C6C;
+ --weekend-header-font-color: rgb(218, 78, 68);
+
+ --weekend-font-color: rgb(218, 78, 68);
+ --weekday-outside-font-color: rgb(153, 153, 153);
+ --weekend-outside-font-color: rgb(255, 152, 143);
+
+ --weekday-disabled-font-color: rgba(25, 25, 25, 0.2);
+ --weekend-disabled-font-color: rgba(218, 78, 68, 0.2);
+ --disabled-fill-color: rgba(235, 235, 235, 0.8);
--disabled-opacity: 0.2;
}
.nav > button {
width: 3rem;
height: var(--date-picker-item-height);
- filter: url("chrome://global/skin/filters.svg#fill");
+ -moz-context-properties: fill;
fill: var(--button-font-color);
}
fill: var(--button-font-color-active);
}
-.nav > button.left {
- background: url("chrome://global/skin/icons/calendar-arrows.svg#left") no-repeat 50% 50%;
+.nav > button.prev,
+.nav > button.next:dir(rtl) {
+ background: url("chrome://global/skin/icons/calendar-arrow-left.svg") no-repeat 50% 50%;
}
-.nav > button.right {
- background: url("chrome://global/skin/icons/calendar-arrows.svg#right") no-repeat 50% 50%;
+.nav > button.next,
+.nav > button.prev:dir(rtl) {
+ background: url("chrome://global/skin/icons/calendar-arrow-right.svg") no-repeat 50% 50%;
}
.month-year-container {
content: "";
width: 2.6rem;
height: 1.6rem;
- background: url("chrome://global/skin/icons/spinner-arrows.svg#down") no-repeat 50% 50%;
- filter: url("chrome://global/skin/filters.svg#fill");
+ background: url("chrome://global/skin/icons/spinner-arrow-down.svg") no-repeat 50% 50%;
+ -moz-context-properties: fill;
fill: var(--button-font-color);
}
button.month-year.active::after {
- background: url("chrome://global/skin/icons/spinner-arrows.svg#up") no-repeat 50% 50%;
+ background: url("chrome://global/skin/icons/spinner-arrow-up.svg") no-repeat 50% 50%;
}
.month-year-view {
}
.week-header > div {
- color: var(--weekday-font-color);
+ color: var(--weekday-header-font-color);
}
.week-header > div.weekend {
- color: var(--weekend-font-color);
+ color: var(--weekend-header-font-color);
}
.days-viewport {
align-items: center;
display: flex;
height: var(--date-picker-item-height);
- margin: 0.05rem 0.15rem;
position: relative;
justify-content: center;
- width: 3rem;
+ width: var(--date-picker-item-width);
}
-.days-view > div.outside {
+.days-view > .outside {
color: var(--weekday-outside-font-color);
}
-.days-view > div.weekend {
+.days-view > .weekend {
color: var(--weekend-font-color);
}
-.days-view > div.weekend.outside {
+.days-view > .weekend.outside {
color: var(--weekend-outside-font-color);
}
+.days-view > .out-of-range {
+ color: var(--weekday-disabled-font-color);
+ background: var(--disabled-fill-color);
+}
+
+.days-view > .out-of-range.weekend {
+ color: var(--weekend-disabled-font-color);
+}
+
+.days-view > .out-of-range::before {
+ display: none;
+}
+
+.days-view > div:hover::before,
+.days-view > .select::before,
+.days-view > .today::before {
+ top: 5%;
+ bottom: 5%;
+ left: 5%;
+ right: 5%;
+}
+
#time-picker,
.month-year-view {
display: flex;
.spinner-container > button {
height: var(--spinner-button-height);
- filter: url("chrome://global/skin/filters.svg#fill");
+ -moz-context-properties: fill;
fill: var(--button-font-color);
}
}
.spinner-container > button.up {
- background: url("chrome://global/skin/icons/spinner-arrows.svg#up") no-repeat 50% 50%;
+ background: url("chrome://global/skin/icons/spinner-arrow-up.svg") no-repeat 50% 50%;
}
.spinner-container > button.down {
- background: url("chrome://global/skin/icons/spinner-arrows.svg#down") no-repeat 50% 50%;
+ background: url("chrome://global/skin/icons/spinner-arrow-down.svg") no-repeat 50% 50%;
}
.spinner-container.hide-buttons > button {
scroll-snap-coordinate: 0 0;
}
+.spinner-container > .spinner > div::before,
+.calendar-container .days-view > div::before {
+ position: absolute;
+ top: 5%;
+ bottom: 5%;
+ left: 5%;
+ right: 5%;
+ z-index: -10;
+ border-radius: var(--border-radius);
+}
+
.spinner-container > .spinner > div:hover::before,
.calendar-container .days-view > div:hover::before {
background: var(--fill-color);
border: var(--border);
- border-radius: var(--border-radius);
content: "";
- position: absolute;
- top: 0%;
- bottom: 0%;
- left: 0%;
- right: 0%;
- z-index: -10;
}
.spinner-container > .spinner:not(.scrolling) > div.selection,
-.calendar-container .days-view > div.selection {
+.calendar-container .days-view > div.selection:not(.out-of-range) {
color: var(--selected-font-color);
}
.calendar-container .days-view > div.selection::before {
background: var(--selected-fill-color);
border: none;
- border-radius: var(--border-radius);
content: "";
- position: absolute;
- top: 0%;
- bottom: 0%;
- left: 0%;
- right: 0%;
- z-index: -10;
}
.spinner-container > .spinner > div.disabled::before,
<!-- This Source Code Form is subject to the terms of the Mozilla Public\r
- License, v. 2.0. If a copy of the MPL was not distributed with this\r
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->\r
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16">\r
- <style>\r
- use:not(:target) {\r
- display: none;\r
- }\r
- use {\r
- fill: #666699;\r
- }\r
- use[id$="-inverted"] {\r
- fill: #FFFFFF;\r
- }\r
- </style>\r
- <defs>\r
- <path id="search" fill-rule="evenodd" d="M9.356,1.178c-3.014,0-5.458,2.45-5.458,5.472c0,1.086,0.32,2.096,0.864,2.947 l-3.279,3.287c-0.396,0.397-0.396,1.041,0,1.438l0.202,0.202c0.396,0.397,1.039,0.397,1.435,0l3.275-3.283 c0.854,0.554,1.869,0.88,2.962,0.88c3.014,0,5.458-2.45,5.458-5.471C14.814,3.627,12.371,1.178,9.356,1.178z M9.356,10.001 c-1.847,0-3.344-1.501-3.344-3.352c0-1.851,1.497-3.352,3.344-3.352c1.846,0,3.344,1.501,3.344,3.352 C12.7,8.501,11.203,10.001,9.356,10.001z"/>\r
- </defs>\r
- <use id="search-icon" xlink:href="#search"/>\r
- <use id="search-icon-inverted" xlink:href="#search"/>\r
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\r
+ <path fill="context-fill" fill-rule="evenodd" d="M9.356,1.178c-3.014,0-5.458,2.45-5.458,5.472c0,1.086,0.32,2.096,0.864,2.947 l-3.279,3.287c-0.396,0.397-0.396,1.041,0,1.438l0.202,0.202c0.396,0.397,1.039,0.397,1.435,0l3.275-3.283 c0.854,0.554,1.869,0.88,2.962,0.88c3.014,0,5.458-2.45,5.458-5.471C14.814,3.627,12.371,1.178,9.356,1.178z M9.356,10.001 c-1.847,0-3.344-1.501-3.344-3.352c0-1.851,1.497-3.352,3.344-3.352c1.846,0,3.344,1.501,3.344,3.352 C12.7,8.501,11.203,10.001,9.356,10.001z"/>\r
</svg>\r
--- /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="14" height="14" viewBox="0 0 14 14">
+ <path fill="context-fill" d="M9.2 0L11 1.7 5.5 7 11 12.3 9.2 14 2 7"/>
+</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="14" height="14" viewBox="0 0 14 14">
+ <path fill="context-fill" d="M4.8 14L3 12.3 8.5 7 3 1.7 4.8 0 12 7"/>
+</svg>
- 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 d="m 2,6 6,6 6,-6 -1.5,-1.5 -4.5,4.5 -4.5,-4.5 z" />
+ <path fill="context-fill" d="m 2,6 6,6 6,-6 -1.5,-1.5 -4.5,4.5 -4.5,-4.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="10" height="6" viewBox="0 0 10 6">
+ <path fill="context-fill" d="M0 1l1-1 4 4 4-4 1 1-5 5"/>
+</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="10" height="6" viewBox="0 0 10 6">
+ <path fill="context-fill" d="M0 5l1 1 4-4 4 4 1-1-5-5"/>
+</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="10" height="6" viewBox="0 0 10 6">
- <style>
- path:not(:target) {
- display: none;
- }
- </style>
- <path id="down" d="M0 1l1-1 4 4 4-4 1 1-5 5"/>
- <path id="up" d="M0 5l1 1 4-4 4 4 1-1-5-5"/>
-</svg>
background-color: var(--in-content-page-background);
}
*/
+html|select:not([size]):not([multiple]) {
+ background-image: url("chrome://global/skin/arrow/arrow-down.gif");
+ background-position: right 3px center;
+ background-repeat: no-repeat;
+ background-size: auto 18px;
+ font-size: inherit;
+ padding-inline-start: 5px;
+ padding-inline-end: 24px;
+ text-overflow: ellipsis;
+}
+
html|button:enabled:hover,
-html|select:enabled:hover,
+html|select:not([size]):not([multiple]):enabled:hover,
xul|button:not([disabled="true"]):hover,
xul|colorpicker[type="button"]:not([disabled="true"]):hover,
xul|menulist:not([disabled="true"]):hover {
}
html|button:enabled:hover:active,
-html|select:enabled:hover:active,
+html|select:not([size]):not([multiple]):enabled:hover:active,
xul|button:not([disabled="true"]):hover:active,
xul|colorpicker[type="button"]:not([disabled="true"]):hover:active,
xul|menulist[open="true"]:not([disabled="true"]) {
height: 16px;
border: none;
background-color: transparent;
- list-style-image: url("chrome://global/skin/in-content/dropdown.svg#dropdown");
+ list-style-image: url("chrome://global/skin/in-content/dropdown.svg");
}
xul|*.help-button {
}
xul|*.spinbuttons-up[disabled="true"] > xul|*.button-box > xul|*.button-icon {
- list-style-image: url("chrome://global/skin/arrow/arrow-up-dis.gif");
+ list-style-image: url("chrome://global/skin/arrow/arrow-up-disabled.gif");
}
xul|*.spinbuttons-down > xul|*.button-box > xul|*.button-icon {
- list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
+ list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
}
xul|*.spinbuttons-down[disabled="true"] > xul|*.button-box > xul|*.button-icon {
- list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif");
+ list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif");
}
xul|menulist:not([editable="true"]) > xul|*.menulist-dropmarker {
*/
/* textboxes */
/*
+html|input[type="email"],
+html|input[type="tel"],
html|input[type="text"],
html|textarea,
xul|textbox {
padding-left: unset;
}
+xul|textbox[type="search"] > .textbox-input-box {
+ background: url(chrome://global/skin/icons/search-textbox.svg) no-repeat center left;
+ padding-inline-start: 16px;
+}
+
+xul|textbox[type="search"] > .textbox-input-box:-moz-locale-dir(rtl) {
+ background-position-x: right;
+}
+
+xul|textbox[type="search"] > .textbox-input-box > .textbox-search-icons > .textbox-search-icon {
+ visibility: hidden;
+}
+
+html|input[type="email"],
+html|input[type="tel"],
html|input[type="text"],
html|textarea {
font-family: inherit;
padding: 5px 10px;
}
+html|input[type="email"]:focus,
+html|input[type="tel"]:focus,
html|input[type="text"]:focus,
html|textarea:focus,
xul|textbox[focused] {
border-color: var(--in-content-border-focus);
}
+html|input[type="email"]:disabled,
+html|input[type="tel"]:disabled,
html|input[type="text"]:disabled,
html|textarea:disabled,
xul|textbox[disabled="true"] {
xul|checkbox {
margin-inline-start: 0;
+ -moz-appearance: none;
}
xul|*.checkbox-check,
border: 1px solid var(--in-content-box-border-color);
margin-inline-end: 10px;
background-color: #f1f1f1;
- / !important needed to override toolkit checked !important rule /
- background-image: linear-gradient(#fff, rgba(255,255,255,0.8)) !important;
+ background-image: linear-gradient(#fff, rgba(255,255,255,0.8));
background-position: center center;
background-repeat: no-repeat;
box-shadow: 0 1px 1px 0 #fff, inset 0 2px 0 0 rgba(0,0,0,0.03);
xul|*.checkbox-check[checked] {
background-image: url("chrome://global/skin/in-content/check.png"),
- / * !important needed to override toolkit !important rule * /
- linear-gradient(#fff, rgba(255,255,255,0.8)) !important;
+ linear-gradient(#fff, rgba(255,255,255,0.8));
}
html|input[type="checkbox"]:checked + html|label:before {
- background-image: url("chrome://global/skin/in-content/check.svg#check"), linear-gradient(#fff, rgba(255,255,255,0.8)) !important;
+ background-image: url("chrome://global/skin/in-content/check.svg#check"), linear-gradient(#fff, rgba(255,255,255,0.8));
}
xul|checkbox[disabled="true"] > xul|*.checkbox-check,
/*
xul|radio {
margin-inline-start: 0;
+ -moz-appearance: none;
}
xul|*.radio-check {
*/
/* List boxes */
/*
+html|select[size][multiple],
xul|richlistbox,
xul|listbox {
-moz-appearance: none;
color: var(--in-content-text-color);
}
+html|select[size][multiple] > html|option,
xul|treechildren::-moz-tree-row,
xul|listbox xul|listitem {
padding: 0.3em;
background-image: none;
}
+html|select[size][multiple] > html|option:hover,
xul|treechildren::-moz-tree-row(hover),
xul|listbox xul|listitem:hover {
background-color: var(--in-content-item-hover);
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
@import url("chrome://global/skin/in-content/common.css");
+
+:root {
+ --in-content-container-min-width: 13em;
+ --in-content-container-max-width: 52em;
+}
+
/* Body and container */
body {
display: flex;
flex-direction: column;
box-sizing: border-box;
min-height: 100vh;
- padding-top: 0;
- padding-bottom: 0;
- padding-inline-start: calc(48px + 4.6em);
- padding-inline-end: 48px;
+ padding: 40px 48px;
align-items: center;
justify-content: center;
}
.container {
- min-width: 13em;
- max-width: 52em;
+ min-width: var(--in-content-container-min-width);
+ max-width: var(--in-content-container-max-width);
}
.container.restore-chosen {
background-size: 1.6em;
margin-inline-start: -2.3em;
padding-inline-start: 2.3em;
- font-size: 2.5em;
+ font-size: 2.2em;
}
.title:moz-locale-dir(rtl),
}
.title-text {
- border-bottom: 1px solid #666699;
font-size: inherit;
padding-bottom: 0.4em;
}
-@media (max-width: 675px) {
- body {
- padding: 0 48px;
- }
-
+@media (max-width: 970px) {
.title {
background-image: none !important;
padding-inline-start: 0;
list-style: disc;
}
+dt {
+ font-weight: bold;
+}
+
+ul.columns {
+ column-count: 2;
+ column-gap: 5em;
+}
+
+@media (max-width: 35em) {
+ ul.columns {
+ column-count: 1;
+ }
+}
+
/* Buttons */
.button-container {
margin-top: 1.2em;
}
-.button-container > button {
- min-width: 150px;
+button {
+ padding: 0 1.5em;
+ border-radius: 0;
}
.button-container > button:first-child {
+++ /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/. */
-
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-
-/**
- * All the properties in this rule are important to avoid having to create
- * a special type of tree. This stylesheet can be loaded into a document with
- * a single tree that is a link tree. Hardly elegant but it's efficient.
- */
-treeitem[selected="true"] > treerow
- {
- background : transparent !important;
- border : none !important;
- color : -moz-FieldText !important;
- }
-
-treecell:hover
- {
- text-decoration : underline !important;
- color : #000080 !important;
- cursor : pointer;
- }
-
-treecell:hover:active
- {
- text-decoration : underline !important;
- color : red !important;
- }
<?xml version="1.0" encoding="utf-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 18 18">
- <style>
- use:not(:target) {
- display: none;
- }
- use {
- fill: #ffffff;
- }
- use[id$="-hover"] {
- fill: #48a0f7;
- }
- use[id$="-active"] {
- fill: #2d89e6;
- }
- use[id$="-focus"] {
- fill: #48a0f7;
- }
- use[id$="-disabled"] {
- fill: #ffffff;
- }
- </style>
-
-
- <symbol id="pause-shape">
- <path fill-rule="evenodd" clip-rule="evenodd" d="M6.002,1.953C5.172,1.953,4.5,2.626,4.5,3.455v11.08
+<svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 18 18">
+ <path fill="context-fill" d="M6.002,1.953C5.172,1.953,4.5,2.626,4.5,3.455v11.08
c0,0.83,0.672,1.502,1.502,1.502c0.829,0,1.502-0.672,1.502-1.502V3.455C7.504,2.626,6.831,1.953,6.002,1.953z M12,1.953
c-0.828,0-1.5,0.672-1.5,1.5v11.094c0,0.828,0.672,1.5,1.5,1.5s1.5-0.672,1.5-1.5V3.453C13.5,2.625,12.828,1.953,12,1.953z"/>
- </symbol>
-
- <use id="pause" xlink:href="#pause-shape"/>
- <use id="pause-hover" xlink:href="#pause-shape"/>
- <use id="pause-active" xlink:href="#pause-shape"/>
- <use id="pause-focus" xlink:href="#pause-shape"/>
- <use id="pause-disalbed" xlink:href="#pause-shape"/>
</svg>
-<?xml version="1.0" encoding="utf-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 18 18">
- <style>
- use:not(:target) {
- display: none;
- }
- use {
- fill: #ffffff;
- }
- use[id$="-hover"] {
- fill: #48a0f7;
- }
- use[id$="-active"] {
- fill: #2d89e6;
- }
- use[id$="-focus"] {
- fill: #48a0f7;
- }
- use[id$="-disabled"] {
- fill: #ffffff;
- }
- use[id$="-clicktoplay"] {
- fill: #000000;
- }
- </style>
-
- <symbol id="play-shape">
- <path d="M3.243,15.155c0,0.845,0.593,1.157,1.317,0.707l9.659-6.041c0.727-0.453,0.722-1.193,0-1.645L4.556,2.137
+<svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 18 18">
+ <path fill="context-fill" d="M3.243,15.155c0,0.845,0.593,1.157,1.317,0.707l9.659-6.041c0.727-0.453,0.722-1.193,0-1.645L4.556,2.137
C3.827,1.682,3.237,2.014,3.237,2.844v12.312H3.243z"/>
- </symbol>
-
- <use id="play" xlink:href="#play-shape"/>
- <use id="play-hover" xlink:href="#play-shape"/>
- <use id="play-active" xlink:href="#play-shape"/>
- <use id="play-focus" xlink:href="#play-shape"/>
- <use id="play-clicktoplay" xlink:href="#play-shape"/>
</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" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet" viewBox="0 0 64 64">
- <defs>
- <linearGradient id="whiteGradientStops">
- <stop style="stop-color:#fff;stop-opacity:.95" offset="0"/>
- <stop style="stop-color:#fff;stop-opacity:.75" offset=".45"/>
- <stop style="stop-color:#fff;stop-opacity:.72" offset=".55"/>
- <stop style="stop-color:#fff;stop-opacity:.65" offset="1"/>
- </linearGradient>
- <linearGradient x1="32" y1="0" x2="32" y2="62" id="whiteGradient" xlink:href="#whiteGradientStops" gradientUnits="userSpaceOnUse"/>
- <linearGradient id="arrowGradientStops">
- <stop style="stop-color:#333;stop-opacity:.5" offset="0"/>
- <stop style="stop-color:#666;stop-opacity:.5" offset="1"/>
- </linearGradient>
- <linearGradient x1="32" y1="16" x2="32" y2="48" id="arrowGradient" xlink:href="#arrowGradientStops" gradientUnits="userSpaceOnUse"/>
- <filter x="-0.15" y="-0.15" width="1.25" height="1.25" color-interpolation-filters="sRGB" id="dropShadow">
- <feDropShadow dx="0" dy="1" flood-opacity="0.5"/>
- </filter>
- <mask id="dropShadowMask">
- <path style="fill:#fff;" d="M47.285,30.991L23.75,17.24c-0.357-0.208-0.692-0.278-0.969-0.221 C22.32,17.115,22,17.555,22,18.252v27.499c0,1.112,0.797,1.568,1.75,1.011l23.535-13.748C48.238,32.458,48.238,31.547,47.285,30.991 z M0,0v64h64V0H0z M32,60C16.536,60,4,47.464,4,32S16.536,4,32,4s28,12.536,28,28S47.464,60,32,60z"/>
- </mask>
- </defs>
- <path mask="url(#dropShadowMask)" id="playButtonShadow" style="filter:url(#dropShadow);" d="M32,4C16.536,4,4,16.536,4,32s12.536,28,28,28s28-12.536,28-28S47.464,4,32,4z M47.285,33.014 L23.75,46.762C22.797,47.319,22,46.863,22,45.751v-27.5c0-0.697,0.32-1.137,0.781-1.232c0.277-0.058,0.612,0.012,0.969,0.221 l23.535,13.751C48.238,31.546,48.238,32.458,47.285,33.014z"/>
- <path id="playButtonArrow" style="fill:url(#arrowGradient);" d="M22.781,17.019C22.32,17.114,22,17.555,22,18.251v27.5c0,1.112,0.797,1.568,1.75,1.011 l23.535-13.748c0.953-0.556,0.953-1.467,0-2.023L23.75,17.24C23.393,17.031,23.058,16.961,22.781,17.019z"/>
- <path id="playButton" style="fill:url(#whiteGradient);" d="M32,4C16.536,4,4,16.536,4,32s12.536,28,28,28s28-12.536,28-28S47.464,4,32,4z M47.285,33.014 L23.75,46.762C22.797,47.319,22,46.863,22,45.751v-27.5c0-0.697,0.32-1.137,0.781-1.232c0.277-0.058,0.612,0.012,0.969,0.221 l23.535,13.751C48.238,31.546,48.238,32.458,47.285,33.014z"/>
- <path id="playButtonEdgeHighlights" style="fill:white;fill-opacity:.3;" d="M32,4C16.536,4,4,16.536,4,32s12.536,28,28,28s28-12.536,28-28S47.464,4,32,4z M32,59C17.112,59,5,46.888,5,32S17.112,5,32,5s27,12.112,27,27S46.888,59,32,59z M47.789,30.127l-23.534-13.75 C23.826,16.126,23.396,16,22.976,16c-0.135,0-0.27,0.014-0.398,0.041C21.62,16.238,21,17.106,21,18.251v27.5 C21,47.075,21.812,48,22.977,48c0.423,0,0.854-0.126,1.279-0.375L47.79,33.877c0.769-0.449,1.21-1.132,1.21-1.875 S48.559,30.576,47.789,30.127z M47.285,33.014L23.75,46.762C23.474,46.924,23.211,47,22.977,47C22.402,47,22,46.541,22,45.751v-27.5 c0-0.697,0.32-1.137,0.781-1.232L22.976,17c0.233,0,0.498,0.079,0.775,0.24l23.535,13.751 C48.238,31.546,48.238,32.458,47.285,33.014z"/>
- <path id="playButtonTopEdgeHighlights" style="fill:white;fill-opacity:.8;" d="M32,4C16.536,4,4,16.536,4,32c0,0.167,0.01,0.333,0.013,0.5 C4.28,17.268,16.704,5,32,5c15.296,0,27.72,12.268,27.987,27.5C59.99,32.333,60,32.167,60,32C60,16.536,47.464,4,32,4z M47.285,33.014L23.75,46.762C22.797,47.319,22,46.863,22,45.751v1c0,1.112,0.797,1.568,1.75,1.011l23.535-13.748 c0.697-0.406,0.879-1.003,0.556-1.512C47.723,32.688,47.541,32.864,47.285,33.014z"/>
-</svg>
flex-direction: column;
justify-content: center;
align-items: center;
- background-color: rgb(80,80,80);
+ background-color: rgb(80,80,80, .85);
}
.controlsOverlay {
}
.playButton {
- background-image: url(chrome://global/skin/media/pauseButton.svg#pause);
+ background-image: url(chrome://global/skin/media/pauseButton.svg);
+ -moz-context-properties: fill;
+ fill: #ffffff;
}
.playButton:hover {
- background-image: url(chrome://global/skin/media/pauseButton.svg#pause-hover);
+ fill: #48a0f7;
}
.playButton:hover:active {
- background-image: url(chrome://global/skin/media/pauseButton.svg#pause-active);
+ fill: #2d89e6;
}
.playButton[paused] {
- background-image: url(chrome://global/skin/media/playButton.svg#play);
+ background-image: url(chrome://global/skin/media/playButton.svg);
+ -moz-context-properties: fill;
+ fill: #ffffff;
}
.playButton[paused]:hover {
- background-image: url(chrome://global/skin/media/playButton.svg#play-hover);
+ fill: #48a0f7;
}
.playButton[paused]:hover:active {
- background-image: url(chrome://global/skin/media/playButton.svg#play-active);
+ fill: #2d89e6;
}
.muteButton {
min-width: 48px;
min-height: 48px;
border-radius: 50%;
- background-image: url(chrome://global/skin/media/playButton.svg#play);
+ background-image: url(chrome://global/skin/media/playButton.svg);
background-repeat: no-repeat;
background-position: 54% 50%;
background-size: 40% 40%;
background-color: #1a1a1a;
+ -moz-context-properties: fill;
+ fill: #ffffff;
opacity: 0.8;
position: relative;
top: 20px;
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
- <defs>
- <style>
- use:not(:target) {
- display: none;
- }
- #disabled {
- opacity: 0.5;
- }
- </style>
- <path id="shape" d="M 5 0 C 4.446 0 4 0.446 4 1 L 4 23 C 4 23.554 4.446 24 5 24 L 7 24 C 7.554 24 8 23.554 8 23 L 8 12.404297 C 8.04108 12.509297 8.109944 12.610125 8.203125 12.703125 L 19.296875 23.775391 C 19.495259 23.972391 19.661613 24.039562 19.796875 23.976562 C 19.932137 23.915564 20 23.748516 20 23.478516 L 20 0.52148438 C 20 0.25248437 19.93214 0.084484365 19.796875 0.021484375 C 19.661613 -0.040515625 19.495259 0.02856248 19.296875 0.2265625 L 8.203125 11.298828 C 8.1099445 11.381828 8.04108 11.481703 8 11.595703 L 8 1 C 8 0.446 7.554 0 7 0 L 5 0 z " fill="gray"/>
- </defs>
- <use id="enabled" xlink:href="#shape"/>
- <use id="disabled" xlink:href="#shape"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+ <path fill="context-fill" d="M 5 0 C 4.446 0 4 0.446 4 1 L 4 23 C 4 23.554 4.446 24 5 24 L 7 24 C 7.554 24 8 23.554 8 23 L 8 12.404297 C 8.04108 12.509297 8.109944 12.610125 8.203125 12.703125 L 19.296875 23.775391 C 19.495259 23.972391 19.661613 24.039562 19.796875 23.976562 C 19.932137 23.915564 20 23.748516 20 23.478516 L 20 0.52148438 C 20 0.25248437 19.93214 0.084484365 19.796875 0.021484375 C 19.661613 -0.040515625 19.495259 0.02856248 19.296875 0.2265625 L 8.203125 11.298828 C 8.1099445 11.381828 8.04108 11.481703 8 11.595703 L 8 1 C 8 0.446 7.554 0 7 0 L 5 0 z"/>
</svg>
+
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
- <defs>
- <style>
- use:not(:target) {
- display: none;
- }
- #disabled {
- opacity: 0.5;
- }
- </style>
- <path id="shape" d="m 19,0 c 0.554,0 1,0.446 1,1 l 0,22 c 0,0.554 -0.446,1 -1,1 l -2,0 c -0.554,0 -1,-0.446 -1,-1 l 0,-10.595703 c -0.04108,0.105 -0.109944,0.205828 -0.203125,0.298828 L 4.703125,23.775391 c -0.198384,0.197 -0.364738,0.264171 -0.5,0.201171 C 4.067863,23.915564 4,23.748516 4,23.478516 L 4,0.52148438 c 0,-0.26900001 0.06786,-0.43700001 0.203125,-0.5 0.135262,-0.062 0.301616,0.0070781 0.5,0.20507812 l 11.09375,11.0722655 c 0.09318,0.083 0.162045,0.182875 0.203125,0.296875 L 16,1 c 0,-0.554 0.446,-1 1,-1 l 2,0 z" fill="gray"/>
- </defs>
- <use id="enabled" xlink:href="#shape"/>
- <use id="disabled" xlink:href="#shape"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+ <path fill="context-fill" d="m 19,0 c 0.554,0 1,0.446 1,1 l 0,22 c 0,0.554 -0.446,1 -1,1 l -2,0 c -0.554,0 -1,-0.446 -1,-1 l 0,-10.595703 c -0.04108,0.105 -0.109944,0.205828 -0.203125,0.298828 L 4.703125,23.775391 c -0.198384,0.197 -0.364738,0.264171 -0.5,0.201171 C 4.067863,23.915564 4,23.748516 4,23.478516 L 4,0.52148438 c 0,-0.26900001 0.06786,-0.43700001 0.203125,-0.5 0.135262,-0.062 0.301616,0.0070781 0.5,0.20507812 l 11.09375,11.0722655 c 0.09318,0.083 0.162045,0.182875 0.203125,0.296875 L 16,1 c 0,-0.554 0.446,-1 1,-1 l 2,0 z"/>
</svg>
+
#narrate-skip-previous {
border-top-left-radius: 3px;
- background-image: url("chrome://global/skin/narrate/back.svg#enabled");
+ background-image: url("chrome://global/skin/narrate/back.svg");
+ -moz-context-properties: fill;
+ fill: rgb(128 128 128);
}
#narrate-skip-next {
border-top-right-radius: 3px;
- background-image: url("chrome://global/skin/narrate/forward.svg#enabled");
-}
-
-#narrate-skip-previous:disabled {
- background-image: url("chrome://global/skin/narrate/back.svg#disabled");
+ background-image: url("chrome://global/skin/narrate/forward.svg");
+ -moz-context-properties: fill;
+ fill: rgb(128 128 128);
}
+#narrate-skip-previous:disabled,
#narrate-skip-next:disabled {
- background-image: url("chrome://global/skin/narrate/forward.svg#disabled");
+ fill: rgb(128 128 128 / 50%);
}
#narrate-start-stop {
/* Default icons for notifications */
.messageImage[type="info"] {
- list-style-image: url("chrome://global/skin/icons/information-16.png");
+ list-style-image: url("chrome://global/skin/icons/info.svg");
}
.messageImage[type="warning"] {
width: 16px;
height: 16px;
list-style-image: url(chrome://global/skin/icons/menubutton-dropmarker.svg);
- filter: url(chrome://global/skin/filters.svg#fill);
+ -moz-context-properties: fill;
fill: currentColor;
}
}
treechildren::-moz-tree-image(siteCol) {
- list-style-image: url(chrome://mozapps/skin/places/defaultFavicon.png);
+ list-style-image: url(chrome://mozapps/skin/places/defaultFavicon.svg);
width: 16px;
height: 16px;
margin-inline-end: 5px;
}
-
-@media (min-resolution: 1.1dppx) {
- treechildren::-moz-tree-image(siteCol) {
- list-style-image: url(chrome://mozapps/skin/places/defaultFavicon@2x.png);
- }
-}
-<?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" width="24" height="24" viewBox="0 0 24 24">
- <defs>
- <style>
- use:not(:target) {
- display: none;
- }
- #close {
- fill: #808080;
- }
- #close-hover {
- fill: #fff;
- }
- </style>
-
- <path id="close-shape" d="M19,22H6a2,2,0,0,1-2-2V18l2,2H18a1,1,0,0,0,1-1V5a1,1,0,0,0-1-1H6L4,6V4A2,2,0,0,1,6,2H19a2,2,0,0,1,2,2V20A2,2,0,0,1,19,22Zm-6-9H5.4l4.2,4.154L8.186,18.631,1.567,12.017,8.021,5.411,9.5,6.95,5.424,11H13v2Z"/>
- </defs>
- <use id="close" xlink:href="#close-shape"/>
- <use id="close-hover" xlink:href="#close-shape"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+ <path fill="context-fill" d="M19,22H6a2,2,0,0,1-2-2V18l2,2H18a1,1,0,0,0,1-1V5a1,1,0,0,0-1-1H6L4,6V4A2,2,0,0,1,6,2H19a2,2,0,0,1,2,2V20A2,2,0,0,1,19,22Zm-6-9H5.4l4.2,4.154L8.186,18.631,1.567,12.017,8.021,5.411,9.5,6.95,5.424,11H13v2Z"/>
</svg>
+
<?xml version="1.0" encoding="utf-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- 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 version="1.1"
- xmlns="http://www.w3.org/2000/svg"
- xmlns:xlink="http://www.w3.org/1999/xlink"
+<svg xmlns="http://www.w3.org/2000/svg"
width="42"
height="16"
viewBox="0 0 42 16"
<?xml version="1.0" encoding="utf-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- 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 version="1.1"
- xmlns="http://www.w3.org/2000/svg"
- xmlns:xlink="http://www.w3.org/1999/xlink"
+<svg xmlns="http://www.w3.org/2000/svg"
width="44"
height="16"
viewBox="0 0 44 16"
<?xml version="1.0" encoding="utf-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- 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 version="1.1"
- xmlns="http://www.w3.org/2000/svg"
- xmlns:xlink="http://www.w3.org/1999/xlink"
+<svg xmlns="http://www.w3.org/2000/svg"
width="38"
height="14"
viewBox="0 0 38 14"
<?xml version="1.0" encoding="utf-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- 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 version="1.1"
- xmlns="http://www.w3.org/2000/svg"
- xmlns:xlink="http://www.w3.org/1999/xlink"
+<svg xmlns="http://www.w3.org/2000/svg"
width="38"
height="24"
viewBox="0 0 38 24"
html|div scrollbarbutton[type="increment"] {
-moz-appearance: scrollbarbutton-right;
- background-image: url("chrome://global/skin/arrow/arrow-rit.gif")
+ background-image: url("chrome://global/skin/arrow/arrow-right.gif")
}
html|div scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
-moz-appearance: scrollbarbutton-down;
- background-image: url("chrome://global/skin/arrow/arrow-dn.gif")
+ background-image: url("chrome://global/skin/arrow/arrow-down.gif")
}
/* ..... decrement .... */
html|div scrollbarbutton[type="decrement"] {
-moz-appearance: scrollbarbutton-left;
- background-image: url("chrome://global/skin/arrow/arrow-lft.gif")
+ background-image: url("chrome://global/skin/arrow/arrow-left.gif")
}
html|div scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
--- /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" viewBox="0 0 16 16">
+ <title>legacy</title>
+ <path d="M12,6h0V5a1,1,0,0,0-1-1H7.78A.77.77,0,0,1,7,3.25C7,2.5,8,2.47,8,1.5S7.13,0,6,0,4,.64,4,1.5s1,1,1,1.75A.77.77,0,0,1,4.28,4H1A1,1,0,0,0,0,5V7.25A.77.77,0,0,0,.78,8c.75,0,.78-1,1.75-1S4,7.9,4,9s-.64,2-1.5,2-1-1-1.75-1a.77.77,0,0,0-.75.75V15a1,1,0,0,0,1,1H4.28A.77.77,0,0,0,5,15.25c0-.75-1-.78-1-1.75S4.92,12,6,12a2.58,2.58,0,0,1,1,.18l2.2-4.4A3.13,3.13,0,0,1,12,6Z" fill="#6666CC"/>
+ <path d="M15.88,14.38,13,8.68a1.15,1.15,0,0,0-2.06,0l-2.85,5.7a1.15,1.15,0,0,0,1,1.66h5.7A1.15,1.15,0,0,0,15.88,14.38Zm-4.45-4.09a.58.58,0,0,1,1.15,0v2.3a.58.58,0,0,1-1.15,0ZM12,15a.72.72,0,1,1,.72-.72A.72.72,0,0,1,12,15Z" fill="#6666CC"/>
+</svg>
#category-experiment > .category-icon {
list-style-image: url("chrome://mozapps/skin/extensions/category-experiments.png");
}
+#category-legacy > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-legacy.svg");
+}
#category-availableUpdates > .category-icon {
list-style-image: url("chrome://mozapps/skin/extensions/category-available.png");
}
}
#header-utils-btn {
- list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities");
+ list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg");
+ -moz-context-properties: fill;
+ fill: #6666CC;
margin-inline-end: 16px;
}
color: #FFFFFF;
}
-.addon[active="false"] > .content-container > .content-inner-container {
+#addon-list .addon[active="false"] > .content-container > .content-inner-container {
color: #666699;
}
-.addon[active="false"][selected] > .content-container > .content-inner-container {
+#addon-list .addon[active="false"][selected] > .content-container > .content-inner-container {
color: #AAAAAA;
}
button.button-link:not([disabled="true"]):active:hover {
}
+.addon-control.replacement {
+ background-color: #008484;
+ color: #000000;
+}
+
/*** telemetry experiments ***/
#detail-experiment-container {
margin-left: 48px;
}
-#disabled-unsigned-addons-heading {
+#disabled-unsigned-addons-heading,
+#legacy-extensions-heading {
font-size: 1.4em;
font-weight: bold;
margin-bottom: .5em;
<!-- 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" width="16" height="16" viewBox="0 0 16 16">
- <style>
- use:not(:target) {
- display: none;
- }
- use {
- fill: #6666CC;
- }
- use[id$="-native"] {
- fill: GrayText;
- }
- use[id$="-grayscale"] {
- fill: #808080;
- }
- use[id$="-inverted"] {
- fill: #000000;
- }
- </style>
- <defs>
- <path id="utilities-shape" d="m11.5,13.9l-.6-1.5c.3-.2 .5-.4 .8-.6 .2-.2 .4-.5 .6-.7l1.5,.6c.3,.1 .6,0 .7-.3l.4-1c.1-.3 0-.6-.3-.7l-1.5-.6c.1-.6 .1-1.3 0-2l1.5-.6c.3-.1 .4-.4 .3-.7l-.4-1c-.1-.3-.4-.4-.7-.3l-1.5,.6c-.2-.3-.4-.5-.6-.8-.2-.1-.5-.3-.7-.5l.6-1.5c.1-.3 0-.6-.3-.7l-.9-.4c-.3-.1-.6,0-.7,.3l-.6,1.5c-.6-.1-1.3-.1-2,0l-.6-1.5c-.1-.3-.4-.4-.7-.3l-1,.4c-.2,.1-.3,.4-.2,.6l.6,1.5c-.3,.3-.5,.5-.8,.7-.2,.3-.4,.5-.6,.8l-1.5-.7c-.3-.1-.6,0-.7,.3l-.4,.9c-.1,.3 0,.6 .3,.7l1.5,.7c-.1,.6-.1,1.3 0,1.9l-1.5,.6c-.3,.1-.4,.4-.3,.7l.4,1c.1,.3 .4,.4 .7,.3l1.5-.6c.2,.3 .4,.5 .6,.8 .2,.2 .5,.4 .7,.6l-.6,1.5c-.1,.3 0,.6 .3,.7l1,.4c.3,.1 .6,0 .7-.3l.6-1.5c.6,.1 1.3,.1 2,0l.6,1.5c.1,.3 .4,.4 .7,.3l1-.4c.1-.1 .3-.4 .1-.7zm-5.1-4.2c-.9-.9-.9-2.4 0-3.3 .9-.9 2.4-.9 3.3,0 .9,.9 .9,2.4 0,3.3-.9,.9-2.4,.9-3.3,0z"/>
- </defs>
- <use id="utilities" xlink:href="#utilities-shape"/>
- <use id="utilities-hover" xlink:href="#utilities-shape"/>
- <use id="utilities-native" xlink:href="#utilities-shape"/>
- <use id="utilities-grayscale" xlink:href="#utilities-shape"/>
- <use id="utilities-inverted" xlink:href="#utilities-shape"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+ <path fill="context-fill" d="m11.5,13.9l-.6-1.5c.3-.2 .5-.4 .8-.6 .2-.2 .4-.5 .6-.7l1.5,.6c.3,.1 .6,0 .7-.3l.4-1c.1-.3 0-.6-.3-.7l-1.5-.6c.1-.6 .1-1.3 0-2l1.5-.6c.3-.1 .4-.4 .3-.7l-.4-1c-.1-.3-.4-.4-.7-.3l-1.5,.6c-.2-.3-.4-.5-.6-.8-.2-.1-.5-.3-.7-.5l.6-1.5c.1-.3 0-.6-.3-.7l-.9-.4c-.3-.1-.6,0-.7,.3l-.6,1.5c-.6-.1-1.3-.1-2,0l-.6-1.5c-.1-.3-.4-.4-.7-.3l-1,.4c-.2,.1-.3,.4-.2,.6l.6,1.5c-.3,.3-.5,.5-.8,.7-.2,.3-.4,.5-.6,.8l-1.5-.7c-.3-.1-.6,0-.7,.3l-.4,.9c-.1,.3 0,.6 .3,.7l1.5,.7c-.1,.6-.1,1.3 0,1.9l-1.5,.6c-.3,.1-.4,.4-.3,.7l.4,1c.1,.3 .4,.4 .7,.3l1.5-.6c.2,.3 .4,.5 .6,.8 .2,.2 .5,.4 .7,.6l-.6,1.5c-.1,.3 0,.6 .3,.7l1,.4c.3,.1 .6,0 .7-.3l.6-1.5c.6,.1 1.3,.1 2,0l.6,1.5c.1,.3 .4,.4 .7,.3l1-.4c.1-.1 .3-.4 .1-.7zm-5.1-4.2c-.9-.9-.9-2.4 0-3.3 .9-.9 2.4-.9 3.3,0 .9,.9 .9,2.4 0,3.3-.9,.9-2.4,.9-3.3,0z"/>
</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/. */
-
-@import url("chrome://global/skin/in-content/common.css");
-
-:root {
- height: 100%;
- width: 100%;
- padding: 0;
-}
--- /dev/null
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+ <circle cx="8.028" cy="8" r="8" fill="#fff"/>
+ <circle cx="8.028" cy="8" r="7" fill="#808080"/>
+ <g fill="#fff">
+ <path d="M3.12 6.664c.163-.13.743.134 1.188-.013.213-.07.018-.32.325-.37.152-.02.158.27.34.15.057-.03.036-.15.055-.16.047-.03 0-.31.114-.38.4-.24.335.6.764.22.25-.31-.24-.57-.127-.88.16-.44.44-.09.73-.2.21-.08-.04-.59.14-.68.34-.17.26.39.53.42.17.02.53-.28.51-.45-.03-.2-.45-.27-.53-.45-.1-.21.15-.41.06-.56-.11-.19-.47-.36-.67-.18-.31.27.18.3.05.47-.15.2-.18-.04-.35.06-.2.11-.18.44-.46.314-.69-.285.71-.85.38-1.27-.05-.06-.28-.034-.3-.105-.03-.1.17-.19.23-.224a5.986 5.986 0 0 0-4.07 5.09s.12.2.41.01.58.05.68-.15c.17-.34-.34-.35-.02-.61z"/>
+ <path d="M6.44 2.44c0 .173-.008.658.38.164a.78.78 0 0 1 .79-.134c-.075-.026-.538.31-.385.4s.46-.115.55-.208a1.343 1.343 0 0 0 .335-.514c.024-.134.024-.15.024-.15a6.03 6.03 0 0 0-1.852.248s.158.092.158.193zm2.304.05c.13.06-.44.217-.4.375s.557.187.758.235.177.15.355.33c.3.3.35-.572.646-.617.237-.036.12-.2.043-.245s.124-.124.124-.124a5.966 5.966 0 0 0-1.735-.42s-.3-.036-.168.17a.806.806 0 0 0 .377.297zm4.803 3.22c-.01-.027 0 .1-.053.13s-.12-.21-.233.024a.2.2 0 0 1-.1.16c-.08 0 .06-.235.06-.258 0-.04-.04-.064-.05-.1-.03-.11-.06-.222-.07-.247-.02-.05.04-.1.05-.17-.1-.13.01-.33-.03-.4a6.03 6.03 0 0 0-1-1.22l-.01.01a6.1 6.1 0 0 0 .38.63c.04.06-.25-.06-.18 0-.08-.07-.17-.27-.25-.34-.1-.1-.14-.2-.22-.27-.12-.12-.29-.15-.3-.12-.02.06.12.34.15.39.18.3.28.19.42.24.25.09.44.96.74.94-.09 0-.36-.1-.44 0s.12.1.28.59c.15.45.12.22.29.26a.48.48 0 0 1 .24.41c0 .08-.1.09-.13.18-.02.11.09.34.07.43-.02.11-.13.14-.21.29-.11 0 .02-.12-.21-.08-.17.02-.15.33-.35.38-.1.03-.21.06-.26.03-.1-.07-.04-.26-.11-.23-.12.05-.18.29-.17.47s.23.13.07.36c-.18.27-.24-.09-.33-.05s-.12.04-.15.17c-.01.04.06.02.05.09-.01.09-.12.13-.19.25s.12.06.147.07c0-.02.33.22.12.31a.57.57 0 0 0-.325.573c0 .13.19-.158.36-.11s.058.68.167.63c.07-.04.08-.09.13-.13s.13-.05.17-.1.223-.55.46-.4c.1.06.01.46.094.44.06-.014.23-.25.31-.2.14.09.05.056.32.23s.008.28.275.183c.43-.157.49-1.486.515-1.82a5.932 5.932 0 0 0-.43-2.69zM9.34 12.26c.143-.135.264-.293.122-.476-.088-.113-.34-.144-.51-.335a.31.31 0 0 0-.276-.14c-.06.02.128.24.128.27 0 .07.094.2.08.27-.035.15-.213.22-.352.23a.2.2 0 0 1-.18-.02c.015.12.033-.43.006-.28.012-.07.13-.19.136-.24.01-.07-.572-.18-.155-.23s.19-.35.15-.52c-.1-.37.01-.3-.27-.44-.09-.04-.33.18-.42.14-.05-.02.05-.2.02-.25s-.17 0-.22-.03c-.1-.06 0-.47-.13-.47-.02 0-.25.21-.26.14-.07-.73-.2.09-.32.06s-.07-.36.03-.34c.17-.1-.53-.55.13-.47.17.02.48.1.3-.02s-.38-.05-.4-.1c-.16-.44-.29.1-.53.06-.05-.01.03-.29-.02-.28-.09 0-.18.03-.26.27a1.107 1.107 0 0 1-.36.12c-.14.06.19.342-.16.2s-.24-.35-.27-.36c-.5-.13-.88-.26-1.17.44-.12.27.24.423-.03.643-.08.066-.7.055-.7.174 0 .09.08.08-.05.17s-.27-.07-.15.18.44.64.7.48a6.02 6.02 0 0 1 .27.67.25.25 0 0 1-.2.02c-.02 0 .77.865.79.934.03.18-.19.22-.19.22a5.966 5.966 0 0 0 2.13.887s-.04-.12.46-.27a.832.832 0 0 0 .6-.085 1.53 1.53 0 0 1 .6-.253c.92-.21.42-.6.87-1.01zm3.22-.452a2.138 2.138 0 0 0-.386.285 1.374 1.374 0 0 0-.322.374c-.187.122.12-.272.01-.21-.034.02-.05.076-.16.126-.02-.02-.086 0-.124.01-.18.066-.217.23-.345.19a.46.46 0 0 0-.43.13c-.135-.072-.2.2-.257.17 0-.045.076-.122 0-.133s-.276-.017-.347.116c-.02.032.13.026.18.075.02.03.22.3.06.19-.07-.04-.16.08-.39.14a.567.567 0 0 0-.22 0 .436.436 0 0 0-.2.08c-.15.05-.23.08-.13.09.18.02.07.1.15.09 0 0-.44.1-.29.08a1.117 1.117 0 0 1 .13-.01.3.3 0 0 0 .11.01c.19-.03.24-.05.34-.07-.05.02-.23.07-.28.14-.02.03-.11.04-.2.07a.972.972 0 0 1-.17.08 1.086 1.086 0 0 1-.32.09.422.422 0 0 0-.23.07 5.992 5.992 0 0 0 3.97-2.26.192.192 0 0 1-.05.04 1.262 1.262 0 0 1-.13.08z"/>
+ <path d="M8.088 10.067c.18-.007.81.013.9-.173.128-.278-.247-.616-.535-.594-.353.027-.6.777-.365.767zm4.667.325c-.027.04-.685 0-.37.284.03.028.346-.05.332 0-.046.15-.126.123-.2.206a1.3 1.3 0 0 0-.237.417c-.027-.06-.053.02-.025.05 0 .01-.064.07-.06.08-.05.11-.154.2-.07.17.245-.07.355-.26.675-.61s.254-1.06-.045-.61zm-.815 1.258c-.043-.065-.148 0-.183.052q.027.1.16-.008c.02-.02.036-.02.022-.043z"/>
+ </g>
+</svg>
background-color: #CCCCCC;
}
-:-moz-handler-clicktoplay .hoverBox:active .msgTapToPlay,
:-moz-handler-clicktoplay .hoverBox:active .msgClickToPlay,
-:-moz-handler-vulnerable-updatable .hoverBox:active .msgTapToPlay,
:-moz-handler-vulnerable-updatable .hoverBox:active .msgClickToPlay,
-:-moz-handler-vulnerable-no-update .hoverBox:active .msgTapToPlay,
:-moz-handler-vulnerable-no-update .hoverBox:active .msgClickToPlay {
color: red;
}
margin-left: 5px;
}
-.msgTapToPlay,
.msgClickToPlay {
text-decoration: underline;
}
-@media not all and (-moz-touch-enabled) {
- :-moz-handler-clicktoplay .msgTapToPlay,
- a .msgTapToPlay {
- display: none;
- }
-}
-
-@media (-moz-touch-enabled) {
- :-moz-handler-clicktoplay .msgClickToPlay,
- a .msgTapToPlay {
- display: none;
- }
+/* on desktop, don't ever show the tap-to-play UI: that is for mobile only */
+:-moz-handler-clicktoplay .msgTapToPlay,
+a .msgTapToPlay {
+ display: none;
}
.submitStatus div {
#verificationFailedIcon {
margin-inline-start: 5px;
- list-style-image: url("chrome://global/skin/icons/information-16.png");
+ list-style-image: url("chrome://global/skin/icons/info.svg");
}
/* Error Page */
}
#default-notification-icon {
- list-style-image: url("chrome://global/skin/icons/information-16.png");
+ list-style-image: url("chrome://global/skin/icons/info.svg");
width: 16px;
height: 16px;
}
/* ::::: bookmark items ::::: */
.bookmark-item {
- list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
+ list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.svg");
-moz-image-region: auto;
}
transform: scaleX(-1);
}
+#nav-bar-overflow-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
+ display: none;
+}
+
#tabview-button {
-moz-image-region: rect(0, 648px, 18px, 630px);
}
}
.tab-icon-image {
- list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
+ list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.svg");
}
.tab-icon-image[sharing]:not([selected]),
.tab-background-end[selected=true]:-moz-locale-dir(ltr)::after,
.tab-background-start[selected=true]:-moz-locale-dir(rtl)::after {
}
-
- .tab-icon-image {
- list-style-image: url("chrome://mozapps/skin/places/defaultFavicon@2x.png");
- }
}
/* All tabs menupopup */
#TabsToolbar > #new-tab-button {
width: 26px;
+ -moz-box-orient: horizontal;
}
#alltabs-button {
/* All tabs menupopup */
.alltabs-item > .menu-iconic-left > .menu-iconic-icon {
- list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
+ list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.svg");
-moz-image-region: auto;
}
@media (min-resolution: 1.1dppx) {
.notification-anchor-icon {
- list-style-image: url(chrome://global/skin/icons/information-32.png);
+ list-style-image: url(chrome://global/skin/icons/info.svg);
}
}
#PanelUI-remotetabs-tabslist > toolbarbutton[itemtype="tab"],
#PanelUI-historyItems > toolbarbutton {
- list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
-}
-
-@media (min-resolution: 1.1dppx) {
- #PanelUI-remotetabs-tabslist > toolbarbutton[itemtype="tab"],
- #PanelUI-historyItems > toolbarbutton {
- list-style-image: url("chrome://mozapps/skin/places/defaultFavicon@2x.png");
- }
+ list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.svg");
}
#PanelUI-remotetabs-tabslist > toolbarbutton[itemtype="tab"] > .toolbarbutton-icon,
}
richlistitem[type="download"][verdict="Uncommon"] .blockedIcon {
- list-style-image: url("chrome://global/skin/icons/information-32.png");
+ list-style-image: url("chrome://global/skin/icons/info.svg");
}
@media (-moz-windows-default-theme) {
width: 16px;
height: 16px;
margin: 0 2px;
- list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
+ list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.svg");
}
#cookiesChildren::-moz-tree-image(domainCol, container) {
.searchbar-engine-image {
height: 16px;
width: 16px;
- list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
+ list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.svg");
margin-inline-start: -1px;
}
}
.item.tab > .item-title-container > .item-icon-container {
- background-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
-}
-
-@media (min-resolution: 1.1dppx) {
-.item.tab > .item-title-container > .item-icon-container {
- background-image: url("chrome://mozapps/skin/places/defaultFavicon@2x.png");
- }
+ background-image: url("chrome://mozapps/skin/places/defaultFavicon.svg");
}
.item-icon-container {
}
.tab-back {
- list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
+ list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
}
}
.statusIcon[status="success"] {
- list-style-image: url("chrome://global/skin/icons/information-16.png");
+ list-style-image: url("chrome://global/skin/icons/info.svg");
}
/* .data is only used by syncGenericChange.xul, but it seems unnecessary to have
padding: 0 5px;
}
-.columns {
- -moz-column-width: 20em;
- -moz-column-gap: 3em;
-}
-
a:link {
color: #3333FF;
}
}
/* Font sizes are different per-platform, so we need custom CSS to line them up. */
+%ifdef XP_MACOSX
+#font-type-buttons > .sans-serif-button > .name {
+ margin-top: 10px;
+}
+
+#font-type-buttons > .sans-serif-button > .description {
+ margin-top: -4px;
+}
+
+#font-type-buttons > .serif-button > .name {
+ font-size: 63px;
+}
+%elifdef XP_WIN
#font-type-buttons > .sans-serif-button > .name {
margin-top: 2px;
}
#font-type-buttons > .serif-button > .name {
font-size: 63px;
}
+%else
+#font-type-buttons > .sans-serif-button > .name {
+ margin-top: 5px;
+}
+
+#font-type-buttons > .sans-serif-button > .description {
+ margin-top: -8px;
+}
+
+#font-type-buttons > .serif-button > .name {
+ font-size: 70px;
+}
+%endif
.button:hover,
#font-size-buttons > button:hover,
/*======= Toolbar icons =======*/
.close-button {
- background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close");
+ background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg");
+ -moz-context-properties: fill;
+ fill: #808080;
height: 68px;
background-position: center 8px;
}
.close-button:hover {
- background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close-hover");
+ fill: #fff;
background-color: #d94141;
border-bottom: 1px solid #d94141;
border-right: 1px solid #d94141;
}
.close-button:hover:active {
- background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close-hover");
background-color: #AE2325;
border-bottom: 1px solid #AE2325;
border-right: 1px solid #AE2325;
#alertSettings {
border-radius: 20px;
min-width: 0;
- list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities-grayscale");
+ list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg");
+ -moz-context-properties: fill;
+ fill: #A09090;
margin-inline-end: 0;
margin-bottom: 0;
}
#alertSettings:hover,
#alertSettings[open] {
- list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities-inverted");
+ fill: #000000;
}
#alertSettings:hover {
max-height: 16px;
margin-inline-start: 0px;
margin-inline-end: 11px;
- list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
-}
-
-.ac-site-icon[selected] {
- list-style-image: url("chrome://mozapps/skin/places/defaultFavicon-inverted.png");
-}
-
-@media (min-resolution: 1.1dppx) {
- .ac-site-icon {
- list-style-image: url("chrome://mozapps/skin/places/defaultFavicon@2x.png");
- }
- .ac-site-icon[selected] {
- list-style-image: url("chrome://mozapps/skin/places/defaultFavicon-inverted@2x.png");
- }
+ list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.svg");
}
.ac-title {
--colon-width: 2rem;
--day-period-spacing-width: 1rem;
--calendar-width: 23.1rem;
- --date-picker-item-height: 2.4rem;
+ --date-picker-item-height: 2.5rem;
+ --date-picker-item-width: 3.3rem;
--border: 0.1rem solid #9C9CFF;
--border-radius: 0.3rem;
--font-color: #FF9F00;
--fill-color: #000000;
+ --today-fill-color: #008484;
+
--selected-font-color: #000000;
--selected-fill-color: #008484;
--button-font-color-active: #FF9F00;
--button-fill-color-active: #000000;
- --weekday-font-color: #6C6C6C;
- --weekday-outside-font-color: #6C6C6C;
- --weekend-font-color: #DA4E44;
- --weekend-outside-font-color: #FF988F;
+ --weekday-header-font-color: #FF9F00;
+ --weekend-header-font-color: #FF0000;
+
+ --weekend-font-color: #FF0000;
+ --weekday-outside-font-color: #A09090;
+ --weekend-outside-font-color: #E7ADE7;
+
+ --weekday-disabled-font-color: rgba(255, 159, 0, 0.2);
+ --weekend-disabled-font-color: rgba(255, 0, 0, 0.2);
+ --disabled-fill-color: rgba(160, 144, 144, 0.8);
--disabled-opacity: 0.2;
}
.nav > button {
width: 3rem;
height: var(--date-picker-item-height);
- filter: url("chrome://global/skin/filters.svg#fill");
+ -moz-context-properties: fill;
fill: var(--button-font-color);
}
fill: var(--button-font-color-active);
}
-.nav > button.left {
- background: url("chrome://global/skin/icons/calendar-arrows.svg#left") no-repeat 50% 50%;
+.nav > button.prev,
+.nav > button.next:dir(rtl) {
+ background: url("chrome://global/skin/icons/calendar-arrow-left.svg") no-repeat 50% 50%;
}
-.nav > button.right {
- background: url("chrome://global/skin/icons/calendar-arrows.svg#right") no-repeat 50% 50%;
+.nav > button.next,
+.nav > button.prev:dir(rtl) {
+ background: url("chrome://global/skin/icons/calendar-arrow-right.svg") no-repeat 50% 50%;
}
.month-year-container {
content: "";
width: 2.6rem;
height: 1.6rem;
- background: url("chrome://global/skin/icons/spinner-arrows.svg#down") no-repeat 50% 50%;
- filter: url("chrome://global/skin/filters.svg#fill");
+ background: url("chrome://global/skin/icons/spinner-arrow-down.svg") no-repeat 50% 50%;
+ -moz-context-properties: fill;
fill: var(--button-font-color);
}
button.month-year.active::after {
- background: url("chrome://global/skin/icons/spinner-arrows.svg#up") no-repeat 50% 50%;
+ background: url("chrome://global/skin/icons/spinner-arrow-up.svg") no-repeat 50% 50%;
}
.month-year-view {
}
.week-header > div {
- color: var(--weekday-font-color);
+ color: var(--weekday-header-font-color);
}
.week-header > div.weekend {
- color: var(--weekend-font-color);
+ color: var(--weekend-header-font-color);
}
.days-viewport {
align-items: center;
display: flex;
height: var(--date-picker-item-height);
- margin: 0.05rem 0.15rem;
position: relative;
justify-content: center;
- width: 3rem;
+ width: var(--date-picker-item-width);
}
-.days-view > div.outside {
+.days-view > .outside {
color: var(--weekday-outside-font-color);
}
-.days-view > div.weekend {
+.days-view > .weekend {
color: var(--weekend-font-color);
}
-.days-view > div.weekend.outside {
+.days-view > .weekend.outside {
color: var(--weekend-outside-font-color);
}
+.days-view > .out-of-range {
+ color: var(--weekday-disabled-font-color);
+ background: var(--disabled-fill-color);
+}
+
+.days-view > .out-of-range.weekend {
+ color: var(--weekend-disabled-font-color);
+}
+
+.days-view > .out-of-range::before {
+ display: none;
+}
+
+.days-view > div:hover::before,
+.days-view > .select::before,
+.days-view > .today::before {
+ top: 5%;
+ bottom: 5%;
+ left: 5%;
+ right: 5%;
+}
+
#time-picker,
.month-year-view {
display: flex;
.spinner-container > button {
height: var(--spinner-button-height);
- filter: url("chrome://global/skin/filters.svg#fill");
+ -moz-context-properties: fill;
fill: var(--button-font-color);
}
}
.spinner-container > button.up {
- background: url("chrome://global/skin/icons/spinner-arrows.svg#up") no-repeat 50% 50%;
+ background: url("chrome://global/skin/icons/spinner-arrow-up.svg") no-repeat 50% 50%;
}
.spinner-container > button.down {
- background: url("chrome://global/skin/icons/spinner-arrows.svg#down") no-repeat 50% 50%;
+ background: url("chrome://global/skin/icons/spinner-arrow-down.svg") no-repeat 50% 50%;
}
.spinner-container.hide-buttons > button {
scroll-snap-coordinate: 0 0;
}
+.spinner-container > .spinner > div::before,
+.calendar-container .days-view > div::before {
+ position: absolute;
+ top: 5%;
+ bottom: 5%;
+ left: 5%;
+ right: 5%;
+ z-index: -10;
+ border-radius: var(--border-radius);
+}
+
.spinner-container > .spinner > div:hover::before,
.calendar-container .days-view > div:hover::before {
background: var(--fill-color);
border: var(--border);
- border-radius: var(--border-radius);
content: "";
- position: absolute;
- top: 0%;
- bottom: 0%;
- left: 0%;
- right: 0%;
- z-index: -10;
}
.spinner-container > .spinner:not(.scrolling) > div.selection,
-.calendar-container .days-view > div.selection {
+.calendar-container .days-view > div.selection:not(.out-of-range) {
color: var(--selected-font-color);
}
.calendar-container .days-view > div.selection::before {
background: var(--selected-fill-color);
border: none;
- border-radius: var(--border-radius);
content: "";
- position: absolute;
- top: 0%;
- bottom: 0%;
- left: 0%;
- right: 0%;
- z-index: -10;
}
.spinner-container > .spinner > div.disabled::before,
<!-- This Source Code Form is subject to the terms of the Mozilla Public\r
- License, v. 2.0. If a copy of the MPL was not distributed with this\r
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->\r
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16">\r
- <style>\r
- use:not(:target) {\r
- display: none;\r
- }\r
- use {\r
- fill: #FFCF00;\r
- }\r
- use[id$="-inverted"] {\r
- fill: #000000;\r
- }\r
- </style>\r
- <defs>\r
- <path id="search" fill-rule="evenodd" d="M9.356,1.178c-3.014,0-5.458,2.45-5.458,5.472c0,1.086,0.32,2.096,0.864,2.947 l-3.279,3.287c-0.396,0.397-0.396,1.041,0,1.438l0.202,0.202c0.396,0.397,1.039,0.397,1.435,0l3.275-3.283 c0.854,0.554,1.869,0.88,2.962,0.88c3.014,0,5.458-2.45,5.458-5.471C14.814,3.627,12.371,1.178,9.356,1.178z M9.356,10.001 c-1.847,0-3.344-1.501-3.344-3.352c0-1.851,1.497-3.352,3.344-3.352c1.846,0,3.344,1.501,3.344,3.352 C12.7,8.501,11.203,10.001,9.356,10.001z"/>\r
- </defs>\r
- <use id="search-icon" xlink:href="#search"/>\r
- <use id="search-icon-inverted" xlink:href="#search"/>\r
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\r
+ <path fill="context-fill" fill-rule="evenodd" d="M9.356,1.178c-3.014,0-5.458,2.45-5.458,5.472c0,1.086,0.32,2.096,0.864,2.947 l-3.279,3.287c-0.396,0.397-0.396,1.041,0,1.438l0.202,0.202c0.396,0.397,1.039,0.397,1.435,0l3.275-3.283 c0.854,0.554,1.869,0.88,2.962,0.88c3.014,0,5.458-2.45,5.458-5.471C14.814,3.627,12.371,1.178,9.356,1.178z M9.356,10.001 c-1.847,0-3.344-1.501-3.344-3.352c0-1.851,1.497-3.352,3.344-3.352c1.846,0,3.344,1.501,3.344,3.352 C12.7,8.501,11.203,10.001,9.356,10.001z"/>\r
</svg>\r
--- /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="14" height="14" viewBox="0 0 14 14">
+ <path fill="context-fill" d="M9.2 0L11 1.7 5.5 7 11 12.3 9.2 14 2 7"/>
+</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="14" height="14" viewBox="0 0 14 14">
+ <path fill="context-fill" d="M4.8 14L3 12.3 8.5 7 3 1.7 4.8 0 12 7"/>
+</svg>
- 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 d="m 2,6 6,6 6,-6 -1.5,-1.5 -4.5,4.5 -4.5,-4.5 z" />
+ <path fill="context-fill" d="m 2,6 6,6 6,-6 -1.5,-1.5 -4.5,4.5 -4.5,-4.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="10" height="6" viewBox="0 0 10 6">
+ <path fill="context-fill" d="M0 1l1-1 4 4 4-4 1 1-5 5"/>
+</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="10" height="6" viewBox="0 0 10 6">
+ <path fill="context-fill" d="M0 5l1 1 4-4 4 4 1-1-5-5"/>
+</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="10" height="6" viewBox="0 0 10 6">
- <style>
- path:not(:target) {
- display: none;
- }
- </style>
- <path id="down" d="M0 1l1-1 4 4 4-4 1 1-5 5"/>
- <path id="up" d="M0 5l1 1 4-4 4 4 1-1-5-5"/>
-</svg>
background-color: var(--in-content-page-background);
}
*/
+html|select:not([size]):not([multiple]) {
+ background-image: url("chrome://global/skin/arrow/arrow-down.gif");
+ background-position: right 3px center;
+ background-repeat: no-repeat;
+ background-size: auto 18px;
+ font-size: inherit;
+ padding-inline-start: 5px;
+ padding-inline-end: 24px;
+ text-overflow: ellipsis;
+}
+
html|button:enabled:hover,
-html|select:enabled:hover,
+html|select:not([size]):not([multiple]):enabled:hover,
xul|button:not([disabled="true"]):hover,
xul|colorpicker[type="button"]:not([disabled="true"]):hover,
xul|menulist:not([disabled="true"]):hover {
}
html|button:enabled:hover:active,
-html|select:enabled:hover:active,
+html|select:not([size]):not([multiple]):enabled:hover:active,
xul|button:not([disabled="true"]):hover:active,
xul|colorpicker[type="button"]:not([disabled="true"]):hover:active,
xul|menulist[open="true"]:not([disabled="true"]) {
height: 16px;
border: none;
background-color: transparent;
- list-style-image: url("chrome://global/skin/in-content/dropdown.svg#dropdown");
+ list-style-image: url("chrome://global/skin/in-content/dropdown.svg");
}
*/
}
xul|*.spinbuttons-up[disabled="true"] > xul|*.button-box > xul|*.button-icon {
- list-style-image: url("chrome://global/skin/arrow/arrow-up-dis.gif");
+ list-style-image: url("chrome://global/skin/arrow/arrow-up-disabled.gif");
}
xul|*.spinbuttons-down > xul|*.button-box > xul|*.button-icon {
- list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
+ list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
}
xul|*.spinbuttons-down[disabled="true"] > xul|*.button-box > xul|*.button-icon {
- list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif");
+ list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif");
}
xul|menulist:not([editable="true"]) > xul|*.menulist-dropmarker {
*/
/* textboxes */
/*
+html|input[type="email"],
+html|input[type="tel"],
html|input[type="text"],
html|textarea,
xul|textbox {
padding-left: unset;
}
+xul|textbox[type="search"] > .textbox-input-box {
+ background: url(chrome://global/skin/icons/search-textbox.svg) no-repeat center left;
+ padding-inline-start: 16px;
+}
+
+xul|textbox[type="search"] > .textbox-input-box:-moz-locale-dir(rtl) {
+ background-position-x: right;
+}
+
+xul|textbox[type="search"] > .textbox-input-box > .textbox-search-icons > .textbox-search-icon {
+ visibility: hidden;
+}
+
+html|input[type="email"],
+html|input[type="tel"],
html|input[type="text"],
html|textarea {
font-family: inherit;
padding: 5px 10px;
}
+html|input[type="email"]:focus,
+html|input[type="tel"]:focus,
html|input[type="text"]:focus,
html|textarea:focus,
xul|textbox[focused] {
border-color: var(--in-content-border-focus);
}
+html|input[type="email"]:disabled,
+html|input[type="tel"]:disabled,
html|input[type="text"]:disabled,
html|textarea:disabled,
xul|textbox[disabled="true"] {
/*
xul|checkbox {
margin-inline-start: 0;
+ -moz-appearance: none;
}
*/
/* xul|*.checkbox-check, */
/*
xul|*.checkbox-check[checked] {
background-image: url("chrome://global/skin/in-content/check.png"),
- / * !important needed to override toolkit !important rule * /
- linear-gradient(#fff, rgba(255,255,255,0.8)) !important;
+ linear-gradient(#fff, rgba(255,255,255,0.8));
}
*/
html|input[type="checkbox"]:checked + html|label::before {
/*
xul|radio {
margin-inline-start: 0;
+ -moz-appearance: none;
}
xul|*.radio-check {
*/
/* List boxes */
/*
+html|select[size][multiple],
xul|richlistbox,
xul|listbox {
-moz-appearance: none;
color: var(--in-content-text-color);
}
+html|select[size][multiple] > html|option,
xul|treechildren::-moz-tree-row,
xul|listbox xul|listitem {
padding: 0.3em;
background-image: none;
}
+html|select[size][multiple] > html|option:hover,
xul|treechildren::-moz-tree-row(hover),
xul|listbox xul|listitem:hover {
background-color: var(--in-content-item-hover);
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
@import url("chrome://global/skin/in-content/common.css");
+
+:root {
+ --in-content-container-min-width: 13em;
+ --in-content-container-max-width: 52em;
+}
+
/* Body and container */
body {
display: flex;
flex-direction: column;
box-sizing: border-box;
min-height: 100vh;
- padding-top: 0;
- padding-bottom: 0;
- padding-inline-start: calc(48px + 4.6em);
- padding-inline-end: 48px;
+ padding: 40px 48px;
align-items: center;
justify-content: center;
}
.container {
- min-width: 13em;
- max-width: 52em;
+ min-width: var(--in-content-container-min-width);
+ max-width: var(--in-content-container-max-width);
}
.container.restore-chosen {
background-size: 1.6em;
margin-inline-start: -2.3em;
padding-inline-start: 2.3em;
- font-size: 2.5em;
+ font-size: 2.2em;
}
.title:moz-locale-dir(rtl),
}
.title-text {
- border-bottom: 1px solid #A09090;
font-size: inherit;
padding-bottom: 0.4em;
}
-@media (max-width: 675px) {
- body {
- padding: 0 48px;
- }
-
+@media (max-width: 970px) {
.title {
background-image: none !important;
padding-inline-start: 0;
list-style: disc;
}
+dt {
+ font-weight: bold;
+}
+
+ul.columns {
+ column-count: 2;
+ column-gap: 5em;
+}
+
+@media (max-width: 35em) {
+ ul.columns {
+ column-count: 1;
+ }
+}
+
/* Buttons */
.button-container {
margin-top: 1.2em;
}
-.button-container > button {
- min-width: 150px;
+button {
+ padding: 0 1.5em;
+ border-radius: 0;
}
.button-container > button:first-child {
+++ /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/. */
-
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-
-/**
- * All the properties in this rule are important to avoid having to create
- * a special type of tree. This stylesheet can be loaded into a document with
- * a single tree that is a link tree. Hardly elegant but it's efficient.
- */
-treeitem[selected="true"] > treerow
- {
- background : transparent !important;
- border : none !important;
- color : -moz-FieldText !important;
- }
-
-treecell:hover
- {
- text-decoration : underline !important;
- color : #000080 !important;
- cursor : pointer;
- }
-
-treecell:hover:active
- {
- text-decoration : underline !important;
- color : red !important;
- }
<?xml version="1.0" encoding="utf-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 18 18">
- <style>
- use:not(:target) {
- display: none;
- }
- use {
- fill: #000000;
- }
- use[id$="-hover"] {
- fill: #000000;
- }
- use[id$="-active"] {
- fill: #000000;
- }
- use[id$="-focus"] {
- fill: #000000;
- }
- use[id$="-disabled"] {
- fill: #8050B0;
- }
- </style>
-
-
- <symbol id="pause-shape">
- <path fill-rule="evenodd" clip-rule="evenodd" d="M6.002,1.953C5.172,1.953,4.5,2.626,4.5,3.455v11.08
+<svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 18 18">
+ <path fill="context-fill" d="M6.002,1.953C5.172,1.953,4.5,2.626,4.5,3.455v11.08
c0,0.83,0.672,1.502,1.502,1.502c0.829,0,1.502-0.672,1.502-1.502V3.455C7.504,2.626,6.831,1.953,6.002,1.953z M12,1.953
c-0.828,0-1.5,0.672-1.5,1.5v11.094c0,0.828,0.672,1.5,1.5,1.5s1.5-0.672,1.5-1.5V3.453C13.5,2.625,12.828,1.953,12,1.953z"/>
- </symbol>
-
- <use id="pause" xlink:href="#pause-shape"/>
- <use id="pause-hover" xlink:href="#pause-shape"/>
- <use id="pause-active" xlink:href="#pause-shape"/>
- <use id="pause-focus" xlink:href="#pause-shape"/>
- <use id="pause-disalbed" xlink:href="#pause-shape"/>
</svg>
-<?xml version="1.0" encoding="utf-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 18 18">
- <style>
- use:not(:target) {
- display: none;
- }
- use {
- fill: #000000;
- }
- use[id$="-hover"] {
- fill: #000000;
- }
- use[id$="-active"] {
- fill: #000000;
- }
- use[id$="-focus"] {
- fill: #000000;
- }
- use[id$="-disabled"] {
- fill: #8050B0;
- }
- use[id$="-clicktoplay"] {
- fill: #FFCF00;
- }
- </style>
-
- <symbol id="play-shape">
- <path d="M3.243,15.155c0,0.845,0.593,1.157,1.317,0.707l9.659-6.041c0.727-0.453,0.722-1.193,0-1.645L4.556,2.137
+<svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 18 18">
+ <path fill="context-fill" d="M3.243,15.155c0,0.845,0.593,1.157,1.317,0.707l9.659-6.041c0.727-0.453,0.722-1.193,0-1.645L4.556,2.137
C3.827,1.682,3.237,2.014,3.237,2.844v12.312H3.243z"/>
- </symbol>
-
- <use id="play" xlink:href="#play-shape"/>
- <use id="play-hover" xlink:href="#play-shape"/>
- <use id="play-active" xlink:href="#play-shape"/>
- <use id="play-focus" xlink:href="#play-shape"/>
- <use id="play-clicktoplay" xlink:href="#play-shape"/>
</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" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet" viewBox="0 0 64 64">
- <defs>
- <linearGradient id="whiteGradientStops">
- <stop style="stop-color:#000000;stop-opacity:.95" offset="0"/>
- <stop style="stop-color:#000000;stop-opacity:.75" offset=".45"/>
- <stop style="stop-color:#000000;stop-opacity:.72" offset=".55"/>
- <stop style="stop-color:#000000;stop-opacity:.65" offset="1"/>
- </linearGradient>
- <linearGradient x1="32" y1="0" x2="32" y2="62" id="whiteGradient" xlink:href="#whiteGradientStops" gradientUnits="userSpaceOnUse"/>
- <linearGradient id="arrowGradientStops">
- <stop style="stop-color:#FFCF00;stop-opacity:.5" offset="0"/>
- <stop style="stop-color:#FF9F00;stop-opacity:.5" offset="1"/>
- </linearGradient>
- <linearGradient x1="32" y1="16" x2="32" y2="48" id="arrowGradient" xlink:href="#arrowGradientStops" gradientUnits="userSpaceOnUse"/>
- <filter x="-0.15" y="-0.15" width="1.25" height="1.25" color-interpolation-filters="sRGB" id="dropShadow">
- <feDropShadow dx="0" dy="1" flood-opacity="0.5"/>
- </filter>
- <mask id="dropShadowMask">
- <path style="fill:#000000;" d="M47.285,30.991L23.75,17.24c-0.357-0.208-0.692-0.278-0.969-0.221 C22.32,17.115,22,17.555,22,18.252v27.499c0,1.112,0.797,1.568,1.75,1.011l23.535-13.748C48.238,32.458,48.238,31.547,47.285,30.991 z M0,0v64h64V0H0z M32,60C16.536,60,4,47.464,4,32S16.536,4,32,4s28,12.536,28,28S47.464,60,32,60z"/>
- </mask>
- </defs>
- <path mask="url(#dropShadowMask)" id="playButtonShadow" style="filter:url(#dropShadow);" d="M32,4C16.536,4,4,16.536,4,32s12.536,28,28,28s28-12.536,28-28S47.464,4,32,4z M47.285,33.014 L23.75,46.762C22.797,47.319,22,46.863,22,45.751v-27.5c0-0.697,0.32-1.137,0.781-1.232c0.277-0.058,0.612,0.012,0.969,0.221 l23.535,13.751C48.238,31.546,48.238,32.458,47.285,33.014z"/>
- <path id="playButtonArrow" style="fill:url(#arrowGradient);" d="M22.781,17.019C22.32,17.114,22,17.555,22,18.251v27.5c0,1.112,0.797,1.568,1.75,1.011 l23.535-13.748c0.953-0.556,0.953-1.467,0-2.023L23.75,17.24C23.393,17.031,23.058,16.961,22.781,17.019z"/>
- <path id="playButton" style="fill:url(#whiteGradient);" d="M32,4C16.536,4,4,16.536,4,32s12.536,28,28,28s28-12.536,28-28S47.464,4,32,4z M47.285,33.014 L23.75,46.762C22.797,47.319,22,46.863,22,45.751v-27.5c0-0.697,0.32-1.137,0.781-1.232c0.277-0.058,0.612,0.012,0.969,0.221 l23.535,13.751C48.238,31.546,48.238,32.458,47.285,33.014z"/>
- <path id="playButtonEdgeHighlights" style="fill:#000000;fill-opacity:.3;" d="M32,4C16.536,4,4,16.536,4,32s12.536,28,28,28s28-12.536,28-28S47.464,4,32,4z M32,59C17.112,59,5,46.888,5,32S17.112,5,32,5s27,12.112,27,27S46.888,59,32,59z M47.789,30.127l-23.534-13.75 C23.826,16.126,23.396,16,22.976,16c-0.135,0-0.27,0.014-0.398,0.041C21.62,16.238,21,17.106,21,18.251v27.5 C21,47.075,21.812,48,22.977,48c0.423,0,0.854-0.126,1.279-0.375L47.79,33.877c0.769-0.449,1.21-1.132,1.21-1.875 S48.559,30.576,47.789,30.127z M47.285,33.014L23.75,46.762C23.474,46.924,23.211,47,22.977,47C22.402,47,22,46.541,22,45.751v-27.5 c0-0.697,0.32-1.137,0.781-1.232L22.976,17c0.233,0,0.498,0.079,0.775,0.24l23.535,13.751 C48.238,31.546,48.238,32.458,47.285,33.014z"/>
- <path id="playButtonTopEdgeHighlights" style="fill:#402800;fill-opacity:.8;" d="M32,4C16.536,4,4,16.536,4,32c0,0.167,0.01,0.333,0.013,0.5 C4.28,17.268,16.704,5,32,5c15.296,0,27.72,12.268,27.987,27.5C59.99,32.333,60,32.167,60,32C60,16.536,47.464,4,32,4z M47.285,33.014L23.75,46.762C22.797,47.319,22,46.863,22,45.751v1c0,1.112,0.797,1.568,1.75,1.011l23.535-13.748 c0.697-0.406,0.879-1.003,0.556-1.512C47.723,32.688,47.541,32.864,47.285,33.014z"/>
-</svg>
flex-direction: column;
justify-content: center;
align-items: center;
- background-color: rgb(160,144,144);
+ background-color: rgb(160,144,144, .85);
}
.controlsOverlay {
}
.playButton {
- background-image: url(chrome://global/skin/media/pauseButton.svg#pause);
+ background-image: url(chrome://global/skin/media/pauseButton.svg);
+ -moz-context-properties: fill;
+ fill: #000000;
}
.playButton:hover {
- background-image: url(chrome://global/skin/media/pauseButton.svg#pause-hover);
+ fill: #000000;
}
.playButton:hover:active {
- background-image: url(chrome://global/skin/media/pauseButton.svg#pause-active);
+ fill: #000000;
}
.playButton[paused] {
- background-image: url(chrome://global/skin/media/playButton.svg#play);
+ background-image: url(chrome://global/skin/media/playButton.svg);
+ -moz-context-properties: fill;
+ fill: #000000;
}
.playButton[paused]:hover {
- background-image: url(chrome://global/skin/media/playButton.svg#play-hover);
+ fill: #000000;
}
.playButton[paused]:hover:active {
- background-image: url(chrome://global/skin/media/playButton.svg#play-active);
+ fill: #000000;
}
.muteButton {
min-width: 48px;
min-height: 48px;
border-radius: 50%;
- background-image: url(chrome://global/skin/media/playButton.svg#play);
+ background-image: url(chrome://global/skin/media/playButton.svg);
background-repeat: no-repeat;
background-position: 54% 50%;
background-size: 40% 40%;
background-color: #000000;
+ -moz-context-properties: fill;
+ fill: #FFCF00;
opacity: 0.8;
position: relative;
top: 20px;
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
- <defs>
- <style>
- use:not(:target) {
- display: none;
- }
- #disabled {
- opacity: 0.5;
- }
- </style>
- <path id="shape" d="M 5 0 C 4.446 0 4 0.446 4 1 L 4 23 C 4 23.554 4.446 24 5 24 L 7 24 C 7.554 24 8 23.554 8 23 L 8 12.404297 C 8.04108 12.509297 8.109944 12.610125 8.203125 12.703125 L 19.296875 23.775391 C 19.495259 23.972391 19.661613 24.039562 19.796875 23.976562 C 19.932137 23.915564 20 23.748516 20 23.478516 L 20 0.52148438 C 20 0.25248437 19.93214 0.084484365 19.796875 0.021484375 C 19.661613 -0.040515625 19.495259 0.02856248 19.296875 0.2265625 L 8.203125 11.298828 C 8.1099445 11.381828 8.04108 11.481703 8 11.595703 L 8 1 C 8 0.446 7.554 0 7 0 L 5 0 z " fill="gray"/>
- </defs>
- <use id="enabled" xlink:href="#shape"/>
- <use id="disabled" xlink:href="#shape"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+ <path fill="context-fill" d="M 5 0 C 4.446 0 4 0.446 4 1 L 4 23 C 4 23.554 4.446 24 5 24 L 7 24 C 7.554 24 8 23.554 8 23 L 8 12.404297 C 8.04108 12.509297 8.109944 12.610125 8.203125 12.703125 L 19.296875 23.775391 C 19.495259 23.972391 19.661613 24.039562 19.796875 23.976562 C 19.932137 23.915564 20 23.748516 20 23.478516 L 20 0.52148438 C 20 0.25248437 19.93214 0.084484365 19.796875 0.021484375 C 19.661613 -0.040515625 19.495259 0.02856248 19.296875 0.2265625 L 8.203125 11.298828 C 8.1099445 11.381828 8.04108 11.481703 8 11.595703 L 8 1 C 8 0.446 7.554 0 7 0 L 5 0 z"/>
</svg>
+
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
- <defs>
- <style>
- use:not(:target) {
- display: none;
- }
- #disabled {
- opacity: 0.5;
- }
- </style>
- <path id="shape" d="m 19,0 c 0.554,0 1,0.446 1,1 l 0,22 c 0,0.554 -0.446,1 -1,1 l -2,0 c -0.554,0 -1,-0.446 -1,-1 l 0,-10.595703 c -0.04108,0.105 -0.109944,0.205828 -0.203125,0.298828 L 4.703125,23.775391 c -0.198384,0.197 -0.364738,0.264171 -0.5,0.201171 C 4.067863,23.915564 4,23.748516 4,23.478516 L 4,0.52148438 c 0,-0.26900001 0.06786,-0.43700001 0.203125,-0.5 0.135262,-0.062 0.301616,0.0070781 0.5,0.20507812 l 11.09375,11.0722655 c 0.09318,0.083 0.162045,0.182875 0.203125,0.296875 L 16,1 c 0,-0.554 0.446,-1 1,-1 l 2,0 z" fill="gray"/>
- </defs>
- <use id="enabled" xlink:href="#shape"/>
- <use id="disabled" xlink:href="#shape"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+ <path fill="context-fill" d="m 19,0 c 0.554,0 1,0.446 1,1 l 0,22 c 0,0.554 -0.446,1 -1,1 l -2,0 c -0.554,0 -1,-0.446 -1,-1 l 0,-10.595703 c -0.04108,0.105 -0.109944,0.205828 -0.203125,0.298828 L 4.703125,23.775391 c -0.198384,0.197 -0.364738,0.264171 -0.5,0.201171 C 4.067863,23.915564 4,23.748516 4,23.478516 L 4,0.52148438 c 0,-0.26900001 0.06786,-0.43700001 0.203125,-0.5 0.135262,-0.062 0.301616,0.0070781 0.5,0.20507812 l 11.09375,11.0722655 c 0.09318,0.083 0.162045,0.182875 0.203125,0.296875 L 16,1 c 0,-0.554 0.446,-1 1,-1 l 2,0 z"/>
</svg>
+
#narrate-skip-previous {
border-top-left-radius: 3px;
- background-image: url("chrome://global/skin/narrate/back.svg#enabled");
+ background-image: url("chrome://global/skin/narrate/back.svg");
+ -moz-context-properties: fill;
+ fill: rgb(128 128 128);
}
#narrate-skip-next {
border-top-right-radius: 3px;
- background-image: url("chrome://global/skin/narrate/forward.svg#enabled");
-}
-
-#narrate-skip-previous:disabled {
- background-image: url("chrome://global/skin/narrate/back.svg#disabled");
+ background-image: url("chrome://global/skin/narrate/forward.svg");
+ -moz-context-properties: fill;
+ fill: rgb(128 128 128);
}
+#narrate-skip-previous:disabled,
#narrate-skip-next:disabled {
- background-image: url("chrome://global/skin/narrate/forward.svg#disabled");
+ fill: rgb(128 128 128 / 50%);
}
#narrate-start-stop {
/* Default icons for notifications */
.messageImage[type="info"] {
- list-style-image: url("chrome://global/skin/icons/information-16.png");
+ list-style-image: url("chrome://global/skin/icons/info.svg");
}
.messageImage[type="warning"] {
width: 16px;
height: 16px;
list-style-image: url(chrome://global/skin/icons/menubutton-dropmarker.svg);
- filter: url(chrome://global/skin/filters.svg#fill);
+ -moz-context-properties: fill;
fill: currentColor;
}
}
treechildren::-moz-tree-image(siteCol) {
- list-style-image: url(chrome://mozapps/skin/places/defaultFavicon.png);
+ list-style-image: url(chrome://mozapps/skin/places/defaultFavicon.svg);
width: 16px;
height: 16px;
margin-inline-end: 5px;
}
-
-@media (min-resolution: 1.1dppx) {
- treechildren::-moz-tree-image(siteCol) {
- list-style-image: url(chrome://mozapps/skin/places/defaultFavicon@2x.png);
- }
-}
-<?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" width="24" height="24" viewBox="0 0 24 24">
- <defs>
- <style>
- use:not(:target) {
- display: none;
- }
- #close {
- fill: #808080;
- }
- #close-hover {
- fill: #fff;
- }
- </style>
-
- <path id="close-shape" d="M19,22H6a2,2,0,0,1-2-2V18l2,2H18a1,1,0,0,0,1-1V5a1,1,0,0,0-1-1H6L4,6V4A2,2,0,0,1,6,2H19a2,2,0,0,1,2,2V20A2,2,0,0,1,19,22Zm-6-9H5.4l4.2,4.154L8.186,18.631,1.567,12.017,8.021,5.411,9.5,6.95,5.424,11H13v2Z"/>
- </defs>
- <use id="close" xlink:href="#close-shape"/>
- <use id="close-hover" xlink:href="#close-shape"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+ <path fill="context-fill" d="M19,22H6a2,2,0,0,1-2-2V18l2,2H18a1,1,0,0,0,1-1V5a1,1,0,0,0-1-1H6L4,6V4A2,2,0,0,1,6,2H19a2,2,0,0,1,2,2V20A2,2,0,0,1,19,22Zm-6-9H5.4l4.2,4.154L8.186,18.631,1.567,12.017,8.021,5.411,9.5,6.95,5.424,11H13v2Z"/>
</svg>
+
<?xml version="1.0" encoding="utf-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- 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 version="1.1"
- xmlns="http://www.w3.org/2000/svg"
- xmlns:xlink="http://www.w3.org/1999/xlink"
+<svg xmlns="http://www.w3.org/2000/svg"
width="42"
height="16"
viewBox="0 0 42 16"
<?xml version="1.0" encoding="utf-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- 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 version="1.1"
- xmlns="http://www.w3.org/2000/svg"
- xmlns:xlink="http://www.w3.org/1999/xlink"
+<svg xmlns="http://www.w3.org/2000/svg"
width="44"
height="16"
viewBox="0 0 44 16"
<?xml version="1.0" encoding="utf-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- 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 version="1.1"
- xmlns="http://www.w3.org/2000/svg"
- xmlns:xlink="http://www.w3.org/1999/xlink"
+<svg xmlns="http://www.w3.org/2000/svg"
width="38"
height="14"
viewBox="0 0 38 14"
<?xml version="1.0" encoding="utf-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- 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 version="1.1"
- xmlns="http://www.w3.org/2000/svg"
- xmlns:xlink="http://www.w3.org/1999/xlink"
+<svg xmlns="http://www.w3.org/2000/svg"
width="38"
height="24"
viewBox="0 0 38 24"
--- /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" viewBox="0 0 16 16">
+ <title>legacy</title>
+ <path d="M12,6h0V5a1,1,0,0,0-1-1H7.78A.77.77,0,0,1,7,3.25C7,2.5,8,2.47,8,1.5S7.13,0,6,0,4,.64,4,1.5s1,1,1,1.75A.77.77,0,0,1,4.28,4H1A1,1,0,0,0,0,5V7.25A.77.77,0,0,0,.78,8c.75,0,.78-1,1.75-1S4,7.9,4,9s-.64,2-1.5,2-1-1-1.75-1a.77.77,0,0,0-.75.75V15a1,1,0,0,0,1,1H4.28A.77.77,0,0,0,5,15.25c0-.75-1-.78-1-1.75S4.92,12,6,12a2.58,2.58,0,0,1,1,.18l2.2-4.4A3.13,3.13,0,0,1,12,6Z" fill="#FF9F00"/>
+ <path d="M15.88,14.38,13,8.68a1.15,1.15,0,0,0-2.06,0l-2.85,5.7a1.15,1.15,0,0,0,1,1.66h5.7A1.15,1.15,0,0,0,15.88,14.38Zm-4.45-4.09a.58.58,0,0,1,1.15,0v2.3a.58.58,0,0,1-1.15,0ZM12,15a.72.72,0,1,1,.72-.72A.72.72,0,0,1,12,15Z" fill="#FF9F00"/>
+</svg>
#category-experiment > .category-icon {
list-style-image: url("chrome://mozapps/skin/extensions/category-experiments.png");
}
+#category-legacy > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-legacy.svg");
+}
#category-availableUpdates > .category-icon {
list-style-image: url("chrome://mozapps/skin/extensions/category-available.png");
}
}
#header-utils-btn {
- list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities");
+ list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg");
+ -moz-context-properties: fill;
+ fill: #FF9F00;
margin-inline-end: 16px;
}
#header-utils-btn:hover,
#header-utils-btn:hover:active,
#header-utils-btn[open="true"] {
- list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities-hover");
+ fill: #000000;
}
#header-utils-btn > .button-box > .button-menu-dropmarker {
button.button-link:not([disabled="true"]):active:hover {
}
+.addon-control.replacement {
+ background-color: #008484;
+ color: #000000;
+}
+
/*** telemetry experiments ***/
#detail-experiment-container {
margin-left: 48px;
}
-#disabled-unsigned-addons-heading {
+#disabled-unsigned-addons-heading,
+#legacy-extensions-heading {
font-size: 1.4em;
font-weight: bold;
margin-bottom: .5em;
#signing-dev-info {
font-style: italic;
}
+
+#detail-findUpdates-btn[hidden] {
+ display: -moz-box;
+ visibility: hidden;
+}
<!-- 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" width="16" height="16" viewBox="0 0 16 16">
- <style>
- use:not(:target) {
- display: none;
- }
- use {
- fill: #FF9F00;
- }
- use[id$="-hover"] {
- fill: #000000;
- }
- use[id$="-native"] {
- fill: GrayText;
- }
- use[id$="-grayscale"] {
- fill: #A09090;
- }
- use[id$="-inverted"] {
- fill: #000000;
- }
- </style>
- <defs>
- <path id="utilities-shape" d="m11.5,13.9l-.6-1.5c.3-.2 .5-.4 .8-.6 .2-.2 .4-.5 .6-.7l1.5,.6c.3,.1 .6,0 .7-.3l.4-1c.1-.3 0-.6-.3-.7l-1.5-.6c.1-.6 .1-1.3 0-2l1.5-.6c.3-.1 .4-.4 .3-.7l-.4-1c-.1-.3-.4-.4-.7-.3l-1.5,.6c-.2-.3-.4-.5-.6-.8-.2-.1-.5-.3-.7-.5l.6-1.5c.1-.3 0-.6-.3-.7l-.9-.4c-.3-.1-.6,0-.7,.3l-.6,1.5c-.6-.1-1.3-.1-2,0l-.6-1.5c-.1-.3-.4-.4-.7-.3l-1,.4c-.2,.1-.3,.4-.2,.6l.6,1.5c-.3,.3-.5,.5-.8,.7-.2,.3-.4,.5-.6,.8l-1.5-.7c-.3-.1-.6,0-.7,.3l-.4,.9c-.1,.3 0,.6 .3,.7l1.5,.7c-.1,.6-.1,1.3 0,1.9l-1.5,.6c-.3,.1-.4,.4-.3,.7l.4,1c.1,.3 .4,.4 .7,.3l1.5-.6c.2,.3 .4,.5 .6,.8 .2,.2 .5,.4 .7,.6l-.6,1.5c-.1,.3 0,.6 .3,.7l1,.4c.3,.1 .6,0 .7-.3l.6-1.5c.6,.1 1.3,.1 2,0l.6,1.5c.1,.3 .4,.4 .7,.3l1-.4c.1-.1 .3-.4 .1-.7zm-5.1-4.2c-.9-.9-.9-2.4 0-3.3 .9-.9 2.4-.9 3.3,0 .9,.9 .9,2.4 0,3.3-.9,.9-2.4,.9-3.3,0z"/>
- </defs>
- <use id="utilities" xlink:href="#utilities-shape"/>
- <use id="utilities-hover" xlink:href="#utilities-shape"/>
- <use id="utilities-native" xlink:href="#utilities-shape"/>
- <use id="utilities-grayscale" xlink:href="#utilities-shape"/>
- <use id="utilities-inverted" xlink:href="#utilities-shape"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+ <path fill="context-fill" d="m11.5,13.9l-.6-1.5c.3-.2 .5-.4 .8-.6 .2-.2 .4-.5 .6-.7l1.5,.6c.3,.1 .6,0 .7-.3l.4-1c.1-.3 0-.6-.3-.7l-1.5-.6c.1-.6 .1-1.3 0-2l1.5-.6c.3-.1 .4-.4 .3-.7l-.4-1c-.1-.3-.4-.4-.7-.3l-1.5,.6c-.2-.3-.4-.5-.6-.8-.2-.1-.5-.3-.7-.5l.6-1.5c.1-.3 0-.6-.3-.7l-.9-.4c-.3-.1-.6,0-.7,.3l-.6,1.5c-.6-.1-1.3-.1-2,0l-.6-1.5c-.1-.3-.4-.4-.7-.3l-1,.4c-.2,.1-.3,.4-.2,.6l.6,1.5c-.3,.3-.5,.5-.8,.7-.2,.3-.4,.5-.6,.8l-1.5-.7c-.3-.1-.6,0-.7,.3l-.4,.9c-.1,.3 0,.6 .3,.7l1.5,.7c-.1,.6-.1,1.3 0,1.9l-1.5,.6c-.3,.1-.4,.4-.3,.7l.4,1c.1,.3 .4,.4 .7,.3l1.5-.6c.2,.3 .4,.5 .6,.8 .2,.2 .5,.4 .7,.6l-.6,1.5c-.1,.3 0,.6 .3,.7l1,.4c.3,.1 .6,0 .7-.3l.6-1.5c.6,.1 1.3,.1 2,0l.6,1.5c.1,.3 .4,.4 .7,.3l1-.4c.1-.1 .3-.4 .1-.7zm-5.1-4.2c-.9-.9-.9-2.4 0-3.3 .9-.9 2.4-.9 3.3,0 .9,.9 .9,2.4 0,3.3-.9,.9-2.4,.9-3.3,0z"/>
</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/. */
-
-@import url("chrome://global/skin/in-content/common.css");
-
-:root {
- height: 100%;
- width: 100%;
- padding: 0;
-}
--- /dev/null
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+ <circle cx="8.028" cy="8" r="8" fill="#000000"/>
+ <circle cx="8.028" cy="8" r="7" fill="#A09090"/>
+ <g fill="#000000">
+ <path d="M3.12 6.664c.163-.13.743.134 1.188-.013.213-.07.018-.32.325-.37.152-.02.158.27.34.15.057-.03.036-.15.055-.16.047-.03 0-.31.114-.38.4-.24.335.6.764.22.25-.31-.24-.57-.127-.88.16-.44.44-.09.73-.2.21-.08-.04-.59.14-.68.34-.17.26.39.53.42.17.02.53-.28.51-.45-.03-.2-.45-.27-.53-.45-.1-.21.15-.41.06-.56-.11-.19-.47-.36-.67-.18-.31.27.18.3.05.47-.15.2-.18-.04-.35.06-.2.11-.18.44-.46.314-.69-.285.71-.85.38-1.27-.05-.06-.28-.034-.3-.105-.03-.1.17-.19.23-.224a5.986 5.986 0 0 0-4.07 5.09s.12.2.41.01.58.05.68-.15c.17-.34-.34-.35-.02-.61z"/>
+ <path d="M6.44 2.44c0 .173-.008.658.38.164a.78.78 0 0 1 .79-.134c-.075-.026-.538.31-.385.4s.46-.115.55-.208a1.343 1.343 0 0 0 .335-.514c.024-.134.024-.15.024-.15a6.03 6.03 0 0 0-1.852.248s.158.092.158.193zm2.304.05c.13.06-.44.217-.4.375s.557.187.758.235.177.15.355.33c.3.3.35-.572.646-.617.237-.036.12-.2.043-.245s.124-.124.124-.124a5.966 5.966 0 0 0-1.735-.42s-.3-.036-.168.17a.806.806 0 0 0 .377.297zm4.803 3.22c-.01-.027 0 .1-.053.13s-.12-.21-.233.024a.2.2 0 0 1-.1.16c-.08 0 .06-.235.06-.258 0-.04-.04-.064-.05-.1-.03-.11-.06-.222-.07-.247-.02-.05.04-.1.05-.17-.1-.13.01-.33-.03-.4a6.03 6.03 0 0 0-1-1.22l-.01.01a6.1 6.1 0 0 0 .38.63c.04.06-.25-.06-.18 0-.08-.07-.17-.27-.25-.34-.1-.1-.14-.2-.22-.27-.12-.12-.29-.15-.3-.12-.02.06.12.34.15.39.18.3.28.19.42.24.25.09.44.96.74.94-.09 0-.36-.1-.44 0s.12.1.28.59c.15.45.12.22.29.26a.48.48 0 0 1 .24.41c0 .08-.1.09-.13.18-.02.11.09.34.07.43-.02.11-.13.14-.21.29-.11 0 .02-.12-.21-.08-.17.02-.15.33-.35.38-.1.03-.21.06-.26.03-.1-.07-.04-.26-.11-.23-.12.05-.18.29-.17.47s.23.13.07.36c-.18.27-.24-.09-.33-.05s-.12.04-.15.17c-.01.04.06.02.05.09-.01.09-.12.13-.19.25s.12.06.147.07c0-.02.33.22.12.31a.57.57 0 0 0-.325.573c0 .13.19-.158.36-.11s.058.68.167.63c.07-.04.08-.09.13-.13s.13-.05.17-.1.223-.55.46-.4c.1.06.01.46.094.44.06-.014.23-.25.31-.2.14.09.05.056.32.23s.008.28.275.183c.43-.157.49-1.486.515-1.82a5.932 5.932 0 0 0-.43-2.69zM9.34 12.26c.143-.135.264-.293.122-.476-.088-.113-.34-.144-.51-.335a.31.31 0 0 0-.276-.14c-.06.02.128.24.128.27 0 .07.094.2.08.27-.035.15-.213.22-.352.23a.2.2 0 0 1-.18-.02c.015.12.033-.43.006-.28.012-.07.13-.19.136-.24.01-.07-.572-.18-.155-.23s.19-.35.15-.52c-.1-.37.01-.3-.27-.44-.09-.04-.33.18-.42.14-.05-.02.05-.2.02-.25s-.17 0-.22-.03c-.1-.06 0-.47-.13-.47-.02 0-.25.21-.26.14-.07-.73-.2.09-.32.06s-.07-.36.03-.34c.17-.1-.53-.55.13-.47.17.02.48.1.3-.02s-.38-.05-.4-.1c-.16-.44-.29.1-.53.06-.05-.01.03-.29-.02-.28-.09 0-.18.03-.26.27a1.107 1.107 0 0 1-.36.12c-.14.06.19.342-.16.2s-.24-.35-.27-.36c-.5-.13-.88-.26-1.17.44-.12.27.24.423-.03.643-.08.066-.7.055-.7.174 0 .09.08.08-.05.17s-.27-.07-.15.18.44.64.7.48a6.02 6.02 0 0 1 .27.67.25.25 0 0 1-.2.02c-.02 0 .77.865.79.934.03.18-.19.22-.19.22a5.966 5.966 0 0 0 2.13.887s-.04-.12.46-.27a.832.832 0 0 0 .6-.085 1.53 1.53 0 0 1 .6-.253c.92-.21.42-.6.87-1.01zm3.22-.452a2.138 2.138 0 0 0-.386.285 1.374 1.374 0 0 0-.322.374c-.187.122.12-.272.01-.21-.034.02-.05.076-.16.126-.02-.02-.086 0-.124.01-.18.066-.217.23-.345.19a.46.46 0 0 0-.43.13c-.135-.072-.2.2-.257.17 0-.045.076-.122 0-.133s-.276-.017-.347.116c-.02.032.13.026.18.075.02.03.22.3.06.19-.07-.04-.16.08-.39.14a.567.567 0 0 0-.22 0 .436.436 0 0 0-.2.08c-.15.05-.23.08-.13.09.18.02.07.1.15.09 0 0-.44.1-.29.08a1.117 1.117 0 0 1 .13-.01.3.3 0 0 0 .11.01c.19-.03.24-.05.34-.07-.05.02-.23.07-.28.14-.02.03-.11.04-.2.07a.972.972 0 0 1-.17.08 1.086 1.086 0 0 1-.32.09.422.422 0 0 0-.23.07 5.992 5.992 0 0 0 3.97-2.26.192.192 0 0 1-.05.04 1.262 1.262 0 0 1-.13.08z"/>
+ <path d="M8.088 10.067c.18-.007.81.013.9-.173.128-.278-.247-.616-.535-.594-.353.027-.6.777-.365.767zm4.667.325c-.027.04-.685 0-.37.284.03.028.346-.05.332 0-.046.15-.126.123-.2.206a1.3 1.3 0 0 0-.237.417c-.027-.06-.053.02-.025.05 0 .01-.064.07-.06.08-.05.11-.154.2-.07.17.245-.07.355-.26.675-.61s.254-1.06-.045-.61zm-.815 1.258c-.043-.065-.148 0-.183.052q.027.1.16-.008c.02-.02.036-.02.022-.043z"/>
+ </g>
+</svg>
background-color: #404000;
}
-:-moz-handler-clicktoplay .hoverBox:active .msgTapToPlay,
:-moz-handler-clicktoplay .hoverBox:active .msgClickToPlay,
-:-moz-handler-vulnerable-updatable .hoverBox:active .msgTapToPlay,
:-moz-handler-vulnerable-updatable .hoverBox:active .msgClickToPlay,
-:-moz-handler-vulnerable-no-update .hoverBox:active .msgTapToPlay,
:-moz-handler-vulnerable-no-update .hoverBox:active .msgClickToPlay {
color: #FF0000;
}
margin-left: 5px;
}
-.msgTapToPlay,
.msgClickToPlay {
text-decoration: underline;
}
-@media not all and (-moz-touch-enabled) {
- :-moz-handler-clicktoplay .msgTapToPlay,
- a .msgTapToPlay {
- display: none;
- }
-}
-
-@media (-moz-touch-enabled) {
- :-moz-handler-clicktoplay .msgClickToPlay,
- a .msgTapToPlay {
- display: none;
- }
+/* on desktop, don't ever show the tap-to-play UI: that is for mobile only */
+:-moz-handler-clicktoplay .msgTapToPlay,
+a .msgTapToPlay {
+ display: none;
}
.submitStatus div {
#verificationFailedIcon {
margin-inline-start: 5px;
- list-style-image: url("chrome://global/skin/icons/information-16.png");
+ list-style-image: url("chrome://global/skin/icons/info.svg");
}
/* Error Page */
}
#default-notification-icon {
- list-style-image: url("chrome://global/skin/icons/information-16.png");
+ list-style-image: url("chrome://global/skin/icons/info.svg");
width: 16px;
height: 16px;
}
projects / themes.git / commitdiff
