diff options
| author | Horst3180 | 2015-10-21 21:18:30 +0200 |
|---|---|---|
| committer | Horst3180 | 2015-10-21 21:18:30 +0200 |
| commit | 3ae0c90209c4aeacc3f8a7958e943361097a272d (patch) | |
| tree | 239a600adb21f72331ec7ed51ab974e925e09a6c /arc-firefox-theme/chrome/global | |
| parent | 9301a62ccbeae64475ff6ea16b8e33c96d918a4f (diff) | |
| download | solarc-firefox-theme-3ae0c90209c4aeacc3f8a7958e943361097a272d.tar.gz solarc-firefox-theme-3ae0c90209c4aeacc3f8a7958e943361097a272d.tar.xz solarc-firefox-theme-3ae0c90209c4aeacc3f8a7958e943361097a272d.zip | |
add support for Firefox 38 esr
Diffstat (limited to 'arc-firefox-theme/chrome/global')
101 files changed, 1079 insertions, 985 deletions
diff --git a/arc-firefox-theme/chrome/global/aboutReader.css b/arc-firefox-theme/chrome/global/aboutReader.css index 8121e5f..2d6d3c5 100644 --- a/arc-firefox-theme/chrome/global/aboutReader.css +++ b/arc-firefox-theme/chrome/global/aboutReader.css @@ -4,6 +4,8 @@ body { padding: 64px 0; + max-width: 660px; + margin: 0 auto; } @media (max-width: 785px) { @@ -19,106 +21,537 @@ body.loaded { transition: color 0.4s, background-color 0.4s; } -body.light { +.light, +.light-button { color: #333333; background-color: #ffffff; } -body.dark { +.dark, +.dark-button { color: #eeeeee; background-color: #333333; } -body.dark *::-moz-selection { - background-color: #FFFFFF; - color: #0095DD; -} -body.dark a::-moz-selection { - color: #DD4800; -} - -body.sepia { - color: #5b4636; - background-color: #f4ecd8; +.sepia, +.sepia-button { + color: #333333; + background-color: #f0ece7; } -body.sans-serif, -body.sans-serif .remove-button { +.sans-serif, +.sans-serif-button, +.sans-serif .remove-button { font-family: Helvetica, Arial, sans-serif; } -body.serif, -body.serif .remove-button { +.serif, +.serif-button, +.serif .remove-button { font-family: Georgia, "Times New Roman", serif; } -#container { - max-width: 30em; - margin: 0 auto; +.font-size1 { + font-size: 10px; } -#container.font-size1 { +.font-size2 { font-size: 12px; } -#container.font-size2 { +.font-size3 { font-size: 14px; } -#container.font-size3 { +.font-size4 { font-size: 16px; } -#container.font-size4 { +.font-size5 { font-size: 18px; } -#container.font-size5 { +.font-size6 { font-size: 20px; } -#container.font-size6 { +.font-size7 { font-size: 22px; } -#container.font-size7 { +.font-size8 { font-size: 24px; } -#container.font-size8 { +.font-size9 { font-size: 26px; } -#container.font-size9 { - font-size: 28px; + +/* Loading/error message */ + +.message { + margin-top: 40px; + display: none; + text-align: center; + width: 100%; + font-size: 0.9em; +} + +/* Header */ + +.header { + text-align: start; + display: none; +} + +.domain { + font-size: 0.9em; + line-height: 1.48em; + padding-bottom: 4px; + font-family: Helvetica, Arial, sans-serif; + text-decoration: none; + border-bottom: 1px solid; + color: #0095dd; +} + +.light > .container > .header > .domain, +.sepia > .container > .header > .domain { + border-bottom-color: #333333; +} + +.dark > .container > .header > .domain { + border-bottom-color: #eeeeee; +} + +.header > h1 { + font-size: 1.33em; + line-height: 1.25em; + width: 100%; + margin: 30px 0; + padding: 0; +} + +.header > .credits { + font-size: 0.9em; + line-height: 1.48em; + margin: 0 0 30px 0; + padding: 0; + font-style: italic; +} + +/* Content */ + +#moz-reader-content { + display: none; + font-size: 1em; + line-height: 1.6em; +} + +.content h1, +.content h2, +.content h3 { + font-weight: bold; +} + +#moz-reader-content h1 { + font-size: 1.33em; + line-height: 1.25em; +} + +#moz-reader-content h2 { + font-size: 1.1em; + line-height: 1.51em; +} + +#moz-reader-content h3 { + font-size: 1em; + line-height: 1.66em; +} + +.content a { + text-decoration: underline; + font-weight: normal; +} + +.content a, +.content a:visited, +.content a:hover, +.content a:active { + color: #0095dd; +} + +.content * { + max-width: 100%; + height: auto; +} + +.content p, +.content code, +.content pre, +.content blockquote, +.content ul, +.content ol, +.content li, +.content figure, +.content .wp-caption { + margin: 0 0 30px 0; +} + +.content p > img:only-child, +.content p > a:only-child > img:only-child, +.content .wp-caption img, +.content figure img { + display: block; +} + +.content img[moz-reader-center] { + margin-left: auto; + margin-right: auto; +} + +#moz-reader-content .caption, +#moz-reader-content .wp-caption-text, +#moz-reader-content figcaption { + font-size: 0.9em; + line-height: 1.48em; + font-style: italic; } -/* Override some controls and content styles based on color scheme */ +.content code, +.content pre { + white-space: pre-wrap; +} -body.light > .container > .header > .domain { - border-bottom-color: #333333 !important; +.content blockquote { + padding: 0; + -moz-padding-start: 16px; } -body.sepia > .container > .header > .domain { - border-bottom-color: #5b4636 !important; +.light > .container > .content blockquote, +.sepia > .container > .content blockquote { + -moz-border-start: 2px solid #333333; } -body.dark > .container > .header > .domain { - border-bottom-color: #eeeeee !important; +.dark > .container > .content blockquote { + -moz-border-start: 2px solid #eeeeee; +} +.dark *::-moz-selection { + background-color: #FFFFFF; + color: #0095DD; +} +.dark a::-moz-selection { + color: #DD4800; } -body.sepia > .container > .footer { - background-color: #dedad4 !important; +.content ul, +.content ol { + padding: 0; } -body.light blockquote { - -moz-border-start: 2px solid #333333 !important; +.content ul { + -moz-padding-start: 30px; + list-style: disc; } -body.sepia blockquote { - -moz-border-start: 2px solid #5b4636 !important; +.content ol { + -moz-padding-start: 30px; + list-style: decimal; } -body.dark blockquote { - -moz-border-start: 2px solid #eeeeee !important; +/*======= Controls toolbar =======*/ + +.toolbar { + font-family: Helvetica, Arial, sans-serif; + position: fixed; + height: 100%; + top: 0; + left: 0; + margin: 0; + padding: 0; + list-style: none; + background-color: #fbfbfb; + -moz-user-select: none; + border-right: 1px solid #b5b5b5; +} + +.button { + display: block; + background-size: 24px 24px; + background-repeat: no-repeat; + color: #333; + background-color: #fbfbfb; + height: 40px; + padding: 0; +} + +.toolbar .button { + width: 40px; + background-position: center; + margin-right: -1px; + border-top: 0; + border-left: 0; + border-right: 1px solid #b5b5b5; + border-bottom: 1px solid #c1c1c1; +} + +.button[hidden] { + display: none; +} + +.dropdown { + text-align: center; + list-style: none; + margin: 0; + padding: 0; +} + +.dropdown li { + margin: 0; + padding: 0; +} + +/*======= Font style popup =======*/ + +.dropdown-popup { + min-width: 300px; + text-align: start; + position: absolute; + left: 48px; /* offset to account for toolbar width */ + z-index: 1000; + background-color: #fbfbfb; + visibility: hidden; + border-radius: 4px; + border: 1px 1px 0 1px solid #b5b5b5; + box-shadow: 0 1px 12px #666; +} + +.dropdown-popup > hr { + display: none; +} + +.open > .dropdown-popup { + visibility: visible; +} + +.dropdown-arrow { + position: absolute; + top: 30px; /* offset arrow from top of popup */ + left: -16px; + width: 24px; + height: 24px; + background-image: url("chrome://global/skin/reader/RM-Type-Controls-Arrow.svg"); + display: block; +} + +#font-type-buttons, +#font-size-buttons, +#color-scheme-buttons { + display: flex; + flex-direction: row; +} + +#font-type-buttons > button:first-child { + border-top-left-radius: 3px; +} +#font-type-buttons > button:last-child { + border-top-right-radius: 3px; +} +#color-scheme-buttons > button:first-child { + border-bottom-left-radius: 3px; +} +#color-scheme-buttons > button:last-child { + border-bottom-right-radius: 3px; +} + +#font-type-buttons > button, +#font-size-buttons > button, +#color-scheme-buttons > button { + text-align: center; + border: 0; +} + +#font-type-buttons > button, +#font-size-buttons > button { + width: 50%; + background-color: transparent; + border-left: 1px solid #B5B5B5; + border-bottom: 1px solid #B5B5B5; +} + +#color-scheme-buttons > button { + width: 33.33%; + font-size: 14px; +} + +#color-scheme-buttons > .dark-button { + margin-top: -1px; + height: 61px; +} + +#font-type-buttons > button:first-child, +#font-size-buttons > button:first-child { + border-left: 0; +} + +#font-type-buttons > button { + display: inline-block; + font-size: 62px; + height: 100px; +} + +#font-size-buttons > button, +#color-scheme-buttons > button { + height: 60px; +} + +#font-type-buttons > button:active:hover, +#font-type-buttons > button.selected, +#color-scheme-buttons > button:active:hover, +#color-scheme-buttons > button.selected { + box-shadow: inset 0 -3px 0 0 #fc6420; +} + +#font-type-buttons > button:active:hover, +#font-type-buttons > button.selected { + border-bottom: 1px solid #FC6420; +} + +/* Make the serif button content the same size as the sans-serif button content. */ +#font-type-buttons > button > .description { + color: #666; + font-size: 12px; + margin-top: -5px; +} + +/* Font sizes are different per-platform, so we need custom CSS to line them up. */ +#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; +} + +.button:hover, +#font-size-buttons > button:hover, +#font-type-buttons > button:hover { + background-color: #ebebeb; +} + +.dropdown.open, +.button:active, +#font-size-buttons > button:active, +#font-size-buttons > button.selected { + background-color: #dadada; +} + +/* Only used on Android */ +#font-size-sample { + display: none; +} + +.minus-button, +.plus-button { + background-color: transparent; + border: 0; + background-size: 18px 18px; + background-repeat: no-repeat; + background-position: center; +} + +.footer { + height: 64px; + background-color: #ebebeb; + position: absolute; + left: 0; + width: 100%; + text-align: center; + padding: 12px 0; + box-sizing: border-box; + box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.35) inset; +} + +.sepia .footer { + background-color: #dedad4; +} + +.remove-button { + background-image: url("chrome://global/skin/reader/RM-Delete-24x24.svg"); + margin: 0 auto; + border: 1px solid #c1c1c1; + background-position: 10px 7px; + padding-left: 42px; + padding-right: 10px; + border-radius: 2px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + font-size: 18px; +} + + +/*======= Toolbar icons =======*/ + +/* Android-only controls */ +.share-button { + display: none; +} + +.close-button { + background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close"); + height: 68px; + background-position: center 8px; +} + +.close-button:hover { + background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close-hover"); + 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; +} + +.style-button { + background-image: url("chrome://global/skin/reader/RM-Type-Controls-24x24.svg"); +} + +.toggle-button.on { + background-image: url("chrome://global/skin/reader/RM-Delete-24x24.svg"); +} + +.toggle-button { + background-image: url("chrome://global/skin/reader/RM-Add-24x24.svg"); +} + +.list-button { + background-image: url("chrome://global/skin/reader/RM-Reading-List-24x24.svg"); +} +.list-button.on { + background-color: #d9d9d9; +} + +.minus-button { + background-image: url("chrome://global/skin/reader/RM-Minus-24x24.svg"); +} + +.plus-button { + background-image: url("chrome://global/skin/reader/RM-Plus-24x24.svg"); +} + +@media print { + .toolbar { + display: none; + } + .footer { + display: none; + } } diff --git a/arc-firefox-theme/chrome/global/aboutReaderContent.css b/arc-firefox-theme/chrome/global/aboutReaderContent.css deleted file mode 100644 index 8412751..0000000 --- a/arc-firefox-theme/chrome/global/aboutReaderContent.css +++ /dev/null @@ -1,113 +0,0 @@ -/* This Source Code Form is subject to the terms of the Mozilla Public - * License, v. 2.0. If a copy of the MPL was not distributed with this file, - * You can obtain one at http://mozilla.org/MPL/2.0/. */ - -#moz-reader-content { - display: none; - font-size: 1em; - line-height: 1.6em; -} - -h1, -h2, -h3 { - font-weight: bold; -} - -h1 { - font-size: 1.6em; - line-height: 1.25em; -} - -h2 { - font-size: 1.2em; - line-height: 1.51em; -} - -h3 { - font-size: 1em; - line-height: 1.66em; -} - -a { - text-decoration: underline; - font-weight: normal; -} - -a, -a:visited, -a:hover, -a:active { - color: #0095dd; -} - -* { - max-width: 100%; - height: auto; -} - -p, -code, -pre, -blockquote, -ul, -ol, -li, -figure, -.wp-caption { - margin: 0 0 30px 0; -} - -p > img:only-child, -p > a:only-child > img:only-child, -.wp-caption img, -figure img { - display: block; -} - -img[moz-reader-center] { - margin-left: auto; - margin-right: auto; -} - -.caption, -.wp-caption-text, -figcaption { - font-size: 0.9em; - line-height: 1.48em; - font-style: italic; -} - -code, -pre { - white-space: pre-wrap; -} - -blockquote { - padding: 0; - -moz-padding-start: 16px; -} - -ul, -ol { - padding: 0; -} - -ul { - -moz-padding-start: 30px; - list-style: disc; -} - -ol { - -moz-padding-start: 30px; - list-style: decimal; -} - -/* Hide elements with common "hidden" class names */ -.visually-hidden, -.visuallyhidden, -.hidden, -.invisible, -.sr-only { - display: none; -} diff --git a/arc-firefox-theme/chrome/global/aboutReaderControls.css b/arc-firefox-theme/chrome/global/aboutReaderControls.css deleted file mode 100644 index 838f644..0000000 --- a/arc-firefox-theme/chrome/global/aboutReaderControls.css +++ /dev/null @@ -1,371 +0,0 @@ -/* This Source Code Form is subject to the terms of the Mozilla Public - * License, v. 2.0. If a copy of the MPL was not distributed with this file, - * You can obtain one at http://mozilla.org/MPL/2.0/. */ - -.light-button { - color: #333333; - background-color: #ffffff; -} - -.dark-button { - color: #eeeeee; - background-color: #333333; -} - -.sepia-button { - color: #5b4636; - background-color: #f4ecd8; -} - -.sans-serif-button { - font-family: Helvetica, Arial, sans-serif; -} - -.serif-button { - font-family: Georgia, "Times New Roman", serif; -} - -/* Loading/error message */ - -#reader-message { - margin-top: 40px; - display: none; - text-align: center; - width: 100%; - font-size: 0.9em; -} - -/* Header */ - -.header { - text-align: start; - display: none; -} - -.domain { - font-size: 0.9em; - line-height: 1.48em; - padding-bottom: 4px; - font-family: Helvetica, Arial, sans-serif; - text-decoration: none; - border-bottom: 1px solid; - color: #0095dd; -} - -.header > h1 { - font-size: 1.6em; - line-height: 1.25em; - width: 100%; - margin: 30px 0; - padding: 0; -} - -.header > .credits { - font-size: 0.9em; - line-height: 1.48em; - margin: 0 0 30px 0; - padding: 0; - font-style: italic; -} - -/*======= Controls toolbar =======*/ - -.toolbar { - font-family: Helvetica, Arial, sans-serif; - position: fixed; - height: 100%; - top: 0; - left: 0; - margin: 0; - padding: 0; - list-style: none; - background-color: #fbfbfb; - -moz-user-select: none; - border-right: 1px solid #b5b5b5; -} - -.button { - display: block; - background-size: 24px 24px; - background-repeat: no-repeat; - color: #333; - background-color: #fbfbfb; - height: 40px; - padding: 0; -} - -.toolbar .button { - width: 40px; - background-position: center; - margin-right: -1px; - border-top: 0; - border-left: 0; - border-right: 1px solid #b5b5b5; - border-bottom: 1px solid #c1c1c1; -} - -.button[hidden] { - display: none; -} - -.dropdown { - text-align: center; - list-style: none; - margin: 0; - padding: 0; -} - -.dropdown li { - margin: 0; - padding: 0; -} - -/*======= Font style popup =======*/ - -.dropdown-popup { - min-width: 300px; - text-align: start; - position: absolute; - left: 48px; /* offset to account for toolbar width */ - z-index: 1000; - background-color: #fbfbfb; - visibility: hidden; - border-radius: 4px; - border: 1px solid #b5b5b5; - border-bottom-width: 0; - box-shadow: 0 1px 12px #666; -} - -.dropdown-popup > hr { - display: none; -} - -.open > .dropdown-popup { - visibility: visible; -} - -.dropdown-arrow { - position: absolute; - top: 30px; /* offset arrow from top of popup */ - left: -16px; - width: 24px; - height: 24px; - background-image: url("chrome://global/skin/reader/RM-Type-Controls-Arrow.svg"); - display: block; -} - -#font-type-buttons, -#font-size-buttons, -#color-scheme-buttons { - display: flex; - flex-direction: row; -} - -#font-type-buttons > button:first-child { - border-top-left-radius: 3px; -} -#font-type-buttons > button:last-child { - border-top-right-radius: 3px; -} -#color-scheme-buttons > button:first-child { - border-bottom-left-radius: 3px; -} -#color-scheme-buttons > button:last-child { - border-bottom-right-radius: 3px; -} - -#font-type-buttons > button, -#font-size-buttons > button, -#color-scheme-buttons > button { - text-align: center; - border: 0; -} - -#font-type-buttons > button, -#font-size-buttons > button { - width: 50%; - background-color: transparent; - border-left: 1px solid #B5B5B5; - border-bottom: 1px solid #B5B5B5; -} - -#color-scheme-buttons > button { - width: 33.33%; - font-size: 14px; -} - -#color-scheme-buttons > .dark-button { - margin-top: -1px; - height: 61px; -} - -#font-type-buttons > button:first-child, -#font-size-buttons > button:first-child { - border-left: 0; -} - -#font-type-buttons > button { - display: inline-block; - font-size: 62px; - height: 100px; -} - -#font-size-buttons > button, -#color-scheme-buttons > button { - height: 60px; -} - -#font-type-buttons > button:active:hover, -#font-type-buttons > button.selected, -#color-scheme-buttons > button:active:hover, -#color-scheme-buttons > button.selected { - box-shadow: inset 0 -3px 0 0 #fc6420; -} - -#font-type-buttons > button:active:hover, -#font-type-buttons > button.selected { - border-bottom: 1px solid #FC6420; -} - -/* Make the serif button content the same size as the sans-serif button content. */ -#font-type-buttons > button > .description { - color: #666; - font-size: 12px; - margin-top: -5px; -} - -/* Font sizes are different per-platform, so we need custom CSS to line them up. */ -#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; -} - -.button:hover, -#font-size-buttons > button:hover, -#font-type-buttons > button:hover { - background-color: #ebebeb; -} - -.dropdown.open, -.button:active, -#font-size-buttons > button:active, -#font-size-buttons > button.selected { - background-color: #dadada; -} - -/* Only used on Android */ -#font-size-sample { - display: none; -} - -.minus-button, -.plus-button { - background-color: transparent; - border: 0; - background-size: 18px 18px; - background-repeat: no-repeat; - background-position: center; -} - -.footer { - height: 64px; - background-color: #ebebeb; - position: absolute; - left: 0; - width: 100%; - text-align: center; - padding: 12px 0; - box-sizing: border-box; - box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.35) inset; -} - -.remove-button { - background-image: url("chrome://global/skin/reader/RM-Delete-24x24.svg"); - margin: 0 auto; - border: 1px solid #c1c1c1; - background-position: 10px 7px; - padding-left: 42px; - padding-right: 10px; - border-radius: 2px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); - font-size: 18px; -} - - -/*======= Toolbar icons =======*/ - -/* Android-only controls */ -.share-button { - display: none; -} - -.close-button { - background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close"); - height: 68px; - background-position: center 8px; -} - -.close-button:hover { - background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close-hover"); - 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; -} - -.style-button { - background-image: url("chrome://global/skin/reader/RM-Type-Controls-24x24.svg"); -} - -.toggle-button.on { - background-image: url("chrome://global/skin/reader/RM-Delete-24x24.svg"); -} - -.toggle-button { - background-image: url("chrome://global/skin/reader/RM-Add-24x24.svg"); -} - -.list-button { - background-image: url("chrome://global/skin/reader/RM-Reading-List-24x24.svg"); -} -.list-button.on { - background-color: #d9d9d9; -} - -.minus-button { - background-image: url("chrome://global/skin/reader/RM-Minus-24x24.svg"); -} - -.plus-button { - background-image: url("chrome://global/skin/reader/RM-Plus-24x24.svg"); -} - -#pocket-button { - background-image: url("chrome://global/skin/reader/pocket.svg#pocket-mark"); -} - -#pocket-button:hover:active { - background-image: url("chrome://global/skin/reader/pocket.svg#pocket-mark-added"); -} - -@media print { - .toolbar { - display: none !important; - } - .footer { - display: none !important; - } -} diff --git a/arc-firefox-theme/chrome/global/aboutSupport.css b/arc-firefox-theme/chrome/global/aboutSupport.css index 61f5305..71ef7a7 100644 --- a/arc-firefox-theme/chrome/global/aboutSupport.css +++ b/arc-firefox-theme/chrome/global/aboutSupport.css @@ -3,12 +3,15 @@ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ html { - --aboutSupport-table-background: #ebebeb; - background-color: var(--in-content-page-background); + background-color: -moz-Field; + color: -moz-FieldText; + font: message-box; } body { - margin: 40px 48px; + width: 90%; + margin-left: 5%; + margin-right: 5%; } .page-subtitle { @@ -23,24 +26,19 @@ body { font-weight: bold; } -button { - -moz-margin-start: 0; - -moz-margin-end: 8px; -} - table { - background-color: var(--aboutSupport-table-background); - color: var(--in-content-text-color); + background-color: -moz-Dialog; + color: -moz-DialogText; font: message-box; text-align: start; width: 100%; - border: 1px solid var(--in-content-border-color); + border: 1px solid ThreeDShadow; border-spacing: 0px; } th, td { - border: 1px solid var(--in-content-border-color); - padding: 4px; + border: 1px dotted ThreeDShadow; + padding: 3px; } thead th { @@ -49,8 +47,8 @@ thead th { th { text-align: start; - background-color: var(--in-content-table-header-background); - color: var(--in-content-selected-text); + background-color: Highlight; + color: HighlightText; } th.column { @@ -60,7 +58,7 @@ th.column { td { text-align: start; - border-color: var(--in-content-table-border-dark-color); + border-top: 1px dotted ThreeDShadow; } .prefs-table { @@ -81,9 +79,9 @@ td { } #action-box { - background-color: var(--aboutSupport-table-background); - border: 1px solid var(--in-content-border-color); - color: var(--in-content-text-color); + background-color: -moz-Dialog; + border: 1px solid ThreeDShadow; + color: -moz-DialogText; float: right; margin-top: 2em; margin-bottom: 20px; diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-lft-hov.gif b/arc-firefox-theme/chrome/global/arrow/arrow-lft-hov.gif Binary files differnew file mode 100644 index 0000000..f209383 --- /dev/null +++ b/arc-firefox-theme/chrome/global/arrow/arrow-lft-hov.gif diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-rit-hov.gif b/arc-firefox-theme/chrome/global/arrow/arrow-rit-hov.gif Binary files differnew file mode 100644 index 0000000..3abf3ad --- /dev/null +++ b/arc-firefox-theme/chrome/global/arrow/arrow-rit-hov.gif diff --git a/arc-firefox-theme/chrome/global/arrow/panelarrow-horizontal-themed.svg b/arc-firefox-theme/chrome/global/arrow/panelarrow-horizontal-themed.svg index 29e9c3d..1939867 100644 --- a/arc-firefox-theme/chrome/global/arrow/panelarrow-horizontal-themed.svg +++ b/arc-firefox-theme/chrome/global/arrow/panelarrow-horizontal-themed.svg @@ -2,7 +2,12 @@ <!-- 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="20"> - <path d="M 10,0 L 0,10 10,20 z" fill="ThreeDShadow"/> - <path d="M 10,1 L 1,10 10,19 z" fill="-moz-field"/> + +<svg xmlns="http://www.w3.org/2000/svg" + width="10" + height="20"> + <path d="M 10,0 L 0,10 10,20 z" + fill="ThreeDShadow"/> + <path d="M 10,1 L 1,10 10,19 z" + fill="-moz-field"/> </svg> diff --git a/arc-firefox-theme/chrome/global/arrow/panelarrow-horizontal.svg b/arc-firefox-theme/chrome/global/arrow/panelarrow-horizontal.svg index 40ffa25..dae4639 100644 --- a/arc-firefox-theme/chrome/global/arrow/panelarrow-horizontal.svg +++ b/arc-firefox-theme/chrome/global/arrow/panelarrow-horizontal.svg @@ -2,7 +2,12 @@ <!-- 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="20"> - <path d="M 10,0 L 0,10 10,20 z" fill="hsla(210,4%,10%,.2)"/> - <path d="M 10,1 L 1,10 10,19 z" fill="-moz-field"/> + +<svg xmlns="http://www.w3.org/2000/svg" + width="10" + height="20"> + <path d="M 10,0 L 0,10 10,20 z" + fill="hsla(210,4%,10%,.2)"/> + <path d="M 10,1 L 1,10 10,19 z" + fill="-moz-field"/> </svg> diff --git a/arc-firefox-theme/chrome/global/arrow/panelarrow-vertical-themed.svg b/arc-firefox-theme/chrome/global/arrow/panelarrow-vertical-themed.svg index 0bd6073..a2d3a95 100644 --- a/arc-firefox-theme/chrome/global/arrow/panelarrow-vertical-themed.svg +++ b/arc-firefox-theme/chrome/global/arrow/panelarrow-vertical-themed.svg @@ -2,7 +2,12 @@ <!-- 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="20" height="10"> - <path d="M 0,10 L 10,0 20,10 z" fill="ThreeDShadow"/> - <path d="M 1,10 L 10,1 19,10 z" fill="-moz-field"/> + +<svg xmlns="http://www.w3.org/2000/svg" + width="20" + height="10"> + <path d="M 0,10 L 10,0 20,10 z" + fill="ThreeDShadow"/> + <path d="M 1,10 L 10,1 19,10 z" + fill="-moz-field"/> </svg> diff --git a/arc-firefox-theme/chrome/global/arrow/panelarrow-vertical.svg b/arc-firefox-theme/chrome/global/arrow/panelarrow-vertical.svg index 8048693..4e559ed 100644 --- a/arc-firefox-theme/chrome/global/arrow/panelarrow-vertical.svg +++ b/arc-firefox-theme/chrome/global/arrow/panelarrow-vertical.svg @@ -2,7 +2,12 @@ <!-- 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="20" height="10"> - <path d="M 0,10 L 10,0 20,10 z" fill="hsla(210,4%,10%,.2)"/> - <path d="M 1,10 L 10,1 19,10 z" fill="-moz-field"/> + +<svg xmlns="http://www.w3.org/2000/svg" + width="20" + height="10"> + <path d="M 0,10 L 10,0 20,10 z" + fill="hsla(210,4%,10%,.2)"/> + <path d="M 1,10 L 10,1 19,10 z" + fill="-moz-field"/> </svg> diff --git a/arc-firefox-theme/chrome/global/dirListing/folder.png b/arc-firefox-theme/chrome/global/dirListing/folder.png Binary files differindex c266b01..102de51 100644 --- a/arc-firefox-theme/chrome/global/dirListing/folder.png +++ b/arc-firefox-theme/chrome/global/dirListing/folder.png diff --git a/arc-firefox-theme/chrome/global/dirListing/local.png b/arc-firefox-theme/chrome/global/dirListing/local.png Binary files differindex c5da02b..99191f3 100644 --- a/arc-firefox-theme/chrome/global/dirListing/local.png +++ b/arc-firefox-theme/chrome/global/dirListing/local.png diff --git a/arc-firefox-theme/chrome/global/dirListing/up.png b/arc-firefox-theme/chrome/global/dirListing/up.png Binary files differindex 6c11509..851502d 100644 --- a/arc-firefox-theme/chrome/global/dirListing/up.png +++ b/arc-firefox-theme/chrome/global/dirListing/up.png diff --git a/arc-firefox-theme/chrome/global/global.css b/arc-firefox-theme/chrome/global/global.css index 5ddc664..71981c8 100644 --- a/arc-firefox-theme/chrome/global/global.css +++ b/arc-firefox-theme/chrome/global/global.css @@ -264,15 +264,16 @@ label[disabled="true"] { .text-link { color: -moz-nativehyperlinktext; + border: 1px solid transparent; cursor: pointer; } .text-link:hover { text-decoration: underline; } - -.text-link:-moz-focusring { - outline: 1px dotted; + +.text-link:focus { + border: 1px dotted -moz-DialogText; } notification > button { @@ -280,10 +281,6 @@ notification > button { margin-bottom: 0; } -popupnotificationcontent { - margin-top: .5em; -} - /* :::::: autoscroll popup ::::: */ .autoscroller { diff --git a/arc-firefox-theme/chrome/global/icons/Error.png b/arc-firefox-theme/chrome/global/icons/Error.png Binary files differindex bd4064f..59ad20d 100644 --- a/arc-firefox-theme/chrome/global/icons/Error.png +++ b/arc-firefox-theme/chrome/global/icons/Error.png diff --git a/arc-firefox-theme/chrome/global/icons/Landscape.png b/arc-firefox-theme/chrome/global/icons/Landscape.png Binary files differindex 925506c..cc43abd 100644 --- a/arc-firefox-theme/chrome/global/icons/Landscape.png +++ b/arc-firefox-theme/chrome/global/icons/Landscape.png diff --git a/arc-firefox-theme/chrome/global/icons/Portrait.png b/arc-firefox-theme/chrome/global/icons/Portrait.png Binary files differindex fb7e18d..ce36e84 100644 --- a/arc-firefox-theme/chrome/global/icons/Portrait.png +++ b/arc-firefox-theme/chrome/global/icons/Portrait.png diff --git a/arc-firefox-theme/chrome/global/icons/Print-preview.png b/arc-firefox-theme/chrome/global/icons/Print-preview.png Binary files differindex 51c7601..6f47367 100644 --- a/arc-firefox-theme/chrome/global/icons/Print-preview.png +++ b/arc-firefox-theme/chrome/global/icons/Print-preview.png diff --git a/arc-firefox-theme/chrome/global/icons/Question.png b/arc-firefox-theme/chrome/global/icons/Question.png Binary files differindex ed8d371..c100040 100644 --- a/arc-firefox-theme/chrome/global/icons/Question.png +++ b/arc-firefox-theme/chrome/global/icons/Question.png diff --git a/arc-firefox-theme/chrome/global/icons/Search-close.png b/arc-firefox-theme/chrome/global/icons/Search-close.png Binary files differindex 7faca92..39d800e 100644 --- a/arc-firefox-theme/chrome/global/icons/Search-close.png +++ b/arc-firefox-theme/chrome/global/icons/Search-close.png diff --git a/arc-firefox-theme/chrome/global/icons/Search-glass.png b/arc-firefox-theme/chrome/global/icons/Search-glass.png Binary files differindex 16a75cf..9eb0e25 100644 --- a/arc-firefox-theme/chrome/global/icons/Search-glass.png +++ b/arc-firefox-theme/chrome/global/icons/Search-glass.png diff --git a/arc-firefox-theme/chrome/global/icons/Warning.png b/arc-firefox-theme/chrome/global/icons/Warning.png Binary files differindex ee5622f..c0ec9b5 100644 --- a/arc-firefox-theme/chrome/global/icons/Warning.png +++ b/arc-firefox-theme/chrome/global/icons/Warning.png diff --git a/arc-firefox-theme/chrome/global/icons/autocomplete-search.svg b/arc-firefox-theme/chrome/global/icons/autocomplete-search.svg index 5da904d..50c77a5 100644 --- a/arc-firefox-theme/chrome/global/icons/autocomplete-search.svg +++ b/arc-firefox-theme/chrome/global/icons/autocomplete-search.svg @@ -2,21 +2,32 @@ <!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16" >
- <style>
- use:not(:target) {
- display: none;
- }
- use {
- fill: GrayText;
- }
- use[id$="-inverted"] {
- fill: highlighttext;
- }
- </style>
- <defs>
- <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"/>
- </defs>
- <use id="search-icon" xlink:href="#search"/>
- <use id="search-icon-inverted" xlink:href="#search"/>
+<svg xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ x="0px" y="0px"
+ viewBox="0 0 16 16"
+ enable-background="new 0 0 16 16"
+ xml:space="preserve">
+<style>
+ use:not(:target) {
+ display: none;
+ }
+
+ use {
+ fill: GrayText;
+ }
+
+ use[id$="-inverted"] {
+ fill: highlighttext;
+ }
+</style>
+<defs style="display:none">
+ <path id="search" fill-rule="evenodd" clip-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"/>
+</defs>
+<use id="search-icon" xlink:href="#search"/>
+<use id="search-icon-inverted" xlink:href="#search"/>
</svg>
diff --git a/arc-firefox-theme/chrome/global/icons/close-XPVista7.png b/arc-firefox-theme/chrome/global/icons/close-XPVista7.png Binary files differdeleted file mode 100644 index ea6ada4..0000000 --- a/arc-firefox-theme/chrome/global/icons/close-XPVista7.png +++ /dev/null diff --git a/arc-firefox-theme/chrome/global/icons/close-XPVista7@2x.png b/arc-firefox-theme/chrome/global/icons/close-XPVista7@2x.png Binary files differdeleted file mode 100644 index c25a64a..0000000 --- a/arc-firefox-theme/chrome/global/icons/close-XPVista7@2x.png +++ /dev/null diff --git a/arc-firefox-theme/chrome/global/icons/close-inverted-XPVista7.png b/arc-firefox-theme/chrome/global/icons/close-inverted-XPVista7.png Binary files differdeleted file mode 100644 index 68596a3..0000000 --- a/arc-firefox-theme/chrome/global/icons/close-inverted-XPVista7.png +++ /dev/null diff --git a/arc-firefox-theme/chrome/global/icons/close-inverted-XPVista7@2x.png b/arc-firefox-theme/chrome/global/icons/close-inverted-XPVista7@2x.png Binary files differdeleted file mode 100644 index eec52e6..0000000 --- a/arc-firefox-theme/chrome/global/icons/close-inverted-XPVista7@2x.png +++ /dev/null diff --git a/arc-firefox-theme/chrome/global/icons/close-inverted.png b/arc-firefox-theme/chrome/global/icons/close-inverted.png Binary files differdeleted file mode 100644 index 0e81580..0000000 --- a/arc-firefox-theme/chrome/global/icons/close-inverted.png +++ /dev/null diff --git a/arc-firefox-theme/chrome/global/icons/close-inverted@2x.png b/arc-firefox-theme/chrome/global/icons/close-inverted@2x.png Binary files differdeleted file mode 100644 index 79d6e87..0000000 --- a/arc-firefox-theme/chrome/global/icons/close-inverted@2x.png +++ /dev/null diff --git a/arc-firefox-theme/chrome/global/icons/close-lunaBlue.png b/arc-firefox-theme/chrome/global/icons/close-lunaBlue.png Binary files differnew file mode 100644 index 0000000..b657c47 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/close-lunaBlue.png diff --git a/arc-firefox-theme/chrome/global/icons/close-lunaOlive.png b/arc-firefox-theme/chrome/global/icons/close-lunaOlive.png Binary files differnew file mode 100644 index 0000000..b071b14 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/close-lunaOlive.png diff --git a/arc-firefox-theme/chrome/global/icons/close-lunaSilver.png b/arc-firefox-theme/chrome/global/icons/close-lunaSilver.png Binary files differnew file mode 100644 index 0000000..36cbda9 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/close-lunaSilver.png diff --git a/arc-firefox-theme/chrome/global/icons/close.png b/arc-firefox-theme/chrome/global/icons/close.png Binary files differindex 1a79a87..ae989fd 100644 --- a/arc-firefox-theme/chrome/global/icons/close.png +++ b/arc-firefox-theme/chrome/global/icons/close.png diff --git a/arc-firefox-theme/chrome/global/icons/close.svg b/arc-firefox-theme/chrome/global/icons/close.svg index 042ecbf..375a412 100644 --- a/arc-firefox-theme/chrome/global/icons/close.svg +++ b/arc-firefox-theme/chrome/global/icons/close.svg @@ -1,76 +1,104 @@ <?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="96px" height="16px" viewBox="0 0 96 16"> + +<svg version="1.1" + id="icon-close" + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + x="0px" + y="0px" + width="96px" + height="16px" + viewBox="0 0 96 16"> + <defs> - <style> + <style type="text/css"><![CDATA[ /* X Glyph Styles */ + .glyphShape-style-foreground { fill: ButtonText; fill-opacity: .8; } + .glyphShape-style-background { fill: -moz-MenuBarText; fill-opacity: .8; } + .glyphShape-style-hover { fill: #fff; } + .glyphShape-style-hover-shadow { fill: #b32c12; } + .glyphShape-style-hover-active { fill: #fff; fill-opacity: .8; } + .glyphShape-style-hover-active-shadow { fill: #99260f; } + .glyphShape-style-LWT-bright { fill: #fff; fill-opacity: .8; } + .glyphShape-style-LWT-dark { fill: #000; fill-opacity: .8; } + + /* Close Button Background Styles */ + .icon-background-hover { fill: #d93616; } + .icon-background-hover-active { fill: #b32c12; } - </style> + ]]></style> + <polygon id="glyphShape-close" points="4,5.5 5.5,4 8,6.5 10.5,4 12,5.5 9.5,8 12,10.5 10.5,12 8,9.5 5.5,12 4,10.5 6.5,8"/> <polygon id="glyphShape-close-topHighlight" points="4,5.5 5.5,4 8,6.5 10.5,4 12,5.5 9.5,8 11.5,6 10.5,5 8,7.5 5.5,5 4.5,6"/> - <rect id="glyphShape-background" x="2" y="2" rx="2" width="12" height="12"/> + <rect id="glyphShape-background" x="2" y="2" rx="2" width="12" height="12"/> + </defs> + <g id="icon-closeForeground-default"> <use xlink:href="#glyphShape-close" class="glyphShape-style-foreground" /> <use xlink:href="#glyphShape-close-topHighlight" class="glyphShape-style-foreground" /> </g> + <g id="icon-close-hover" transform="translate(16)"> <use xlink:href="#glyphShape-background" class="icon-background-hover" /> <use xlink:href="#glyphShape-close" class="glyphShape-style-hover-shadow" transform="translate(0,1)" /> <use xlink:href="#glyphShape-close" class="glyphShape-style-hover" /> </g> + <g id="icon-close-hover-active" transform="translate(32)"> <use xlink:href="#glyphShape-background" class="icon-background-hover-active" /> <use xlink:href="#glyphShape-close" class="glyphShape-style-hover-active-shadow" transform="translate(0,1)" /> <use xlink:href="#glyphShape-close" class="glyphShape-style-hover-active" /> </g> + <g id="icon-closeBackground-default" transform="translate(48)"> <use xlink:href="#glyphShape-close" class="glyphShape-style-background" /> <use xlink:href="#glyphShape-close-topHighlight" class="glyphShape-style-background" /> </g> + <g id="icon-close-LWT-bright" transform="translate(64)"> <use xlink:href="#glyphShape-close" class="glyphShape-style-LWT-bright" /> <use xlink:href="#glyphShape-close-topHighlight" class="glyphShape-style-LWT-bright" /> </g> + <g id="icon-close-LWT-dark" transform="translate(80)"> <use xlink:href="#glyphShape-close" class="glyphShape-style-LWT-dark" /> <use xlink:href="#glyphShape-close-topHighlight" class="glyphShape-style-LWT-dark" /> </g> + </svg> diff --git a/arc-firefox-theme/chrome/global/icons/close@2x.png b/arc-firefox-theme/chrome/global/icons/close@2x.png Binary files differdeleted file mode 100644 index 3cc9ea2..0000000 --- a/arc-firefox-theme/chrome/global/icons/close@2x.png +++ /dev/null diff --git a/arc-firefox-theme/chrome/global/icons/error-16.png b/arc-firefox-theme/chrome/global/icons/error-16.png Binary files differindex 54b5740..936d2ab 100644 --- a/arc-firefox-theme/chrome/global/icons/error-16.png +++ b/arc-firefox-theme/chrome/global/icons/error-16.png diff --git a/arc-firefox-theme/chrome/global/icons/error-24.png b/arc-firefox-theme/chrome/global/icons/error-24.png Binary files differnew file mode 100644 index 0000000..84cafdd --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/error-24.png diff --git a/arc-firefox-theme/chrome/global/icons/error-48.png b/arc-firefox-theme/chrome/global/icons/error-48.png Binary files differnew file mode 100644 index 0000000..c38e6ca --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/error-48.png diff --git a/arc-firefox-theme/chrome/global/icons/error-64.png b/arc-firefox-theme/chrome/global/icons/error-64.png Binary files differindex a5b78a4..75a00c4 100644 --- a/arc-firefox-theme/chrome/global/icons/error-64.png +++ b/arc-firefox-theme/chrome/global/icons/error-64.png diff --git a/arc-firefox-theme/chrome/global/icons/find.png b/arc-firefox-theme/chrome/global/icons/find.png Binary files differnew file mode 100644 index 0000000..cceed40 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/find.png diff --git a/arc-firefox-theme/chrome/global/icons/folder-item.png b/arc-firefox-theme/chrome/global/icons/folder-item.png Binary files differindex 905ef0f..26cda98 100644 --- a/arc-firefox-theme/chrome/global/icons/folder-item.png +++ b/arc-firefox-theme/chrome/global/icons/folder-item.png diff --git a/arc-firefox-theme/chrome/global/icons/information-16.png b/arc-firefox-theme/chrome/global/icons/information-16.png Binary files differindex 4393795..aa8ce6e 100644 --- a/arc-firefox-theme/chrome/global/icons/information-16.png +++ b/arc-firefox-theme/chrome/global/icons/information-16.png diff --git a/arc-firefox-theme/chrome/global/icons/information-24.png b/arc-firefox-theme/chrome/global/icons/information-24.png Binary files differindex e23f9c3..7fa782d 100644 --- a/arc-firefox-theme/chrome/global/icons/information-24.png +++ b/arc-firefox-theme/chrome/global/icons/information-24.png diff --git a/arc-firefox-theme/chrome/global/icons/information-32.png b/arc-firefox-theme/chrome/global/icons/information-32.png Binary files differindex a2a64a4..5120db6 100644 --- a/arc-firefox-theme/chrome/global/icons/information-32.png +++ b/arc-firefox-theme/chrome/global/icons/information-32.png diff --git a/arc-firefox-theme/chrome/global/icons/information-48.png b/arc-firefox-theme/chrome/global/icons/information-48.png Binary files differnew file mode 100644 index 0000000..59893b2 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/information-48.png diff --git a/arc-firefox-theme/chrome/global/icons/information-64.png b/arc-firefox-theme/chrome/global/icons/information-64.png Binary files differnew file mode 100644 index 0000000..d799cca --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/information-64.png diff --git a/arc-firefox-theme/chrome/global/icons/panelarrow-horizontal.svg b/arc-firefox-theme/chrome/global/icons/panelarrow-horizontal.svg index 1c4c6bc..6f794b7 100644 --- a/arc-firefox-theme/chrome/global/icons/panelarrow-horizontal.svg +++ b/arc-firefox-theme/chrome/global/icons/panelarrow-horizontal.svg @@ -2,7 +2,12 @@ <!-- 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="20"> - <path d="M 10,-0.2 L -0.2,10 10,20.2 z" fill="ThreeDShadow"/> - <path d="M 10,1.2 L 1.2,10 10,18.8 z" fill="-moz-Dialog"/> + +<svg xmlns="http://www.w3.org/2000/svg" + width="10" + height="20"> + <path d="M 10,-0.2 L -0.2,10 10,20.2 z" + fill="ThreeDShadow"/> + <path d="M 10,1.2 L 1.2,10 10,18.8 z" + fill="-moz-Dialog"/> </svg> diff --git a/arc-firefox-theme/chrome/global/icons/panelarrow-vertical.svg b/arc-firefox-theme/chrome/global/icons/panelarrow-vertical.svg index 073d021..3d79e18 100644 --- a/arc-firefox-theme/chrome/global/icons/panelarrow-vertical.svg +++ b/arc-firefox-theme/chrome/global/icons/panelarrow-vertical.svg @@ -2,7 +2,12 @@ <!-- 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="20" height="10"> - <path d="M -0.2,10 L 10,-0.2 20.2,10 z" fill="ThreeDShadow"/> - <path d="M 1.2,10 L 10,1.2 18.8,10 z" fill="-moz-Dialog"/> + +<svg xmlns="http://www.w3.org/2000/svg" + width="20" + height="10"> + <path d="M -0.2,10 L 10,-0.2 20.2,10 z" + fill="ThreeDShadow"/> + <path d="M 1.2,10 L 10,1.2 18.8,10 z" + fill="-moz-Dialog"/> </svg> diff --git a/arc-firefox-theme/chrome/global/icons/question-16.png b/arc-firefox-theme/chrome/global/icons/question-16.png Binary files differindex 7e9aa7f..0c8eafd 100644 --- a/arc-firefox-theme/chrome/global/icons/question-16.png +++ b/arc-firefox-theme/chrome/global/icons/question-16.png diff --git a/arc-firefox-theme/chrome/global/icons/question-24.png b/arc-firefox-theme/chrome/global/icons/question-24.png Binary files differnew file mode 100644 index 0000000..d4a55b6 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/question-24.png diff --git a/arc-firefox-theme/chrome/global/icons/question-48.png b/arc-firefox-theme/chrome/global/icons/question-48.png Binary files differnew file mode 100644 index 0000000..b818636 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/question-48.png diff --git a/arc-firefox-theme/chrome/global/icons/question-64.png b/arc-firefox-theme/chrome/global/icons/question-64.png Binary files differindex f07efc0..a1a51b8 100644 --- a/arc-firefox-theme/chrome/global/icons/question-64.png +++ b/arc-firefox-theme/chrome/global/icons/question-64.png diff --git a/arc-firefox-theme/chrome/global/icons/warning-16.png b/arc-firefox-theme/chrome/global/icons/warning-16.png Binary files differindex 513c954..a215743 100644 --- a/arc-firefox-theme/chrome/global/icons/warning-16.png +++ b/arc-firefox-theme/chrome/global/icons/warning-16.png diff --git a/arc-firefox-theme/chrome/global/icons/warning-24.png b/arc-firefox-theme/chrome/global/icons/warning-24.png Binary files differnew file mode 100644 index 0000000..42f20a7 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/warning-24.png diff --git a/arc-firefox-theme/chrome/global/icons/warning-64.png b/arc-firefox-theme/chrome/global/icons/warning-64.png Binary files differindex a93e891..832f348 100644 --- a/arc-firefox-theme/chrome/global/icons/warning-64.png +++ b/arc-firefox-theme/chrome/global/icons/warning-64.png diff --git a/arc-firefox-theme/chrome/global/icons/warning-large.png b/arc-firefox-theme/chrome/global/icons/warning-large.png Binary files differindex 2b445f0..0ec8e79 100644 --- a/arc-firefox-theme/chrome/global/icons/warning-large.png +++ b/arc-firefox-theme/chrome/global/icons/warning-large.png diff --git a/arc-firefox-theme/chrome/global/icons/warning.svg b/arc-firefox-theme/chrome/global/icons/warning.svg index bde2da1..0082970 100644 --- a/arc-firefox-theme/chrome/global/icons/warning.svg +++ b/arc-firefox-theme/chrome/global/icons/warning.svg @@ -1,13 +1,12 @@ <?xml version="1.0" encoding="utf-8"?> -<!-- This Source Code Form is subject to the terms of the Mozilla Public - - License, v. 2.0. If a copy of the MPL was not distributed with this - - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> -<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 60 60"> - <defs> - <linearGradient id="gradient" gradientUnits="userSpaceOnUse" x1="30" y1="10" x2="30" y2="50"> - <stop offset="0" style="stop-color: #fedb00"/> - <stop offset="1" style="stop-color: #fcce00"/> - </linearGradient> - </defs> - <path fill="url(#gradient)" d="M49.316,42.867L33.829,12.7c-0.879-1.715-2.274-2.7-3.828-2.7c-1.554,0-2.949,0.985-3.829,2.702 L10.685,42.864c-0.869,1.69-0.913,3.482-0.121,4.909C11.35,49.187,12.817,50,14.591,50h30.82c1.772,0,3.24-0.81,4.023-2.224 C50.227,46.349,50.185,44.56,49.316,42.867z M32.176,22.304l-0.48,14.304h-3.424L27.76,22.304H32.176z M30,44.896 c-1.44,0-2.592-1.184-2.592-2.592c0-1.44,1.152-2.592,2.592-2.592c1.472,0,2.592,1.152,2.592,2.592 C32.592,43.712,31.472,44.896,30,44.896z"/> -</svg> +<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" viewBox="0 0 60 60" enable-background="new 0 0 60 60"> + <linearGradient id="gradient" gradientUnits="userSpaceOnUse" x1="30" y1="10" x2="30" y2="50"> + <stop offset="0" style="stop-color: #fedb00"/> + <stop offset="1" style="stop-color: #fcce00"/> + </linearGradient> + <path fill="url(#gradient)" d="M49.316,42.867L33.829,12.7c-0.879-1.715-2.274-2.7-3.828-2.7c-1.554,0-2.949,0.985-3.829,2.702 + L10.685,42.864c-0.869,1.69-0.913,3.482-0.121,4.909C11.35,49.187,12.817,50,14.591,50h30.82c1.772,0,3.24-0.81,4.023-2.224 + C50.227,46.349,50.185,44.56,49.316,42.867z M32.176,22.304l-0.48,14.304h-3.424L27.76,22.304H32.176z M30,44.896 + c-1.44,0-2.592-1.184-2.592-2.592c0-1.44,1.152-2.592,2.592-2.592c1.472,0,2.592,1.152,2.592,2.592 + C32.592,43.712,31.472,44.896,30,44.896z"/> +</svg>
\ No newline at end of file diff --git a/arc-firefox-theme/chrome/global/icons/windowControls.png b/arc-firefox-theme/chrome/global/icons/windowControls.png Binary files differindex 9925b84..d90efb0 100644 --- a/arc-firefox-theme/chrome/global/icons/windowControls.png +++ b/arc-firefox-theme/chrome/global/icons/windowControls.png diff --git a/arc-firefox-theme/chrome/global/icons/wrap.png b/arc-firefox-theme/chrome/global/icons/wrap.png Binary files differnew file mode 100644 index 0000000..32492d5 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/wrap.png diff --git a/arc-firefox-theme/chrome/global/in-content/check-partial.svg b/arc-firefox-theme/chrome/global/in-content/check-partial.svg index e436abf..b46a731 100644 --- a/arc-firefox-theme/chrome/global/in-content/check-partial.svg +++ b/arc-firefox-theme/chrome/global/in-content/check-partial.svg @@ -1,8 +1,11 @@ <?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="21" height="21" viewBox="0 0 21 21"> +<svg xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + x="0" + y="0" + width="21" + height="21" + viewBox="0 0 21 21"> <style> use:not(:target) { display: none; @@ -19,10 +22,10 @@ fill: -moz-dialogText; } </style> - <defs> + <defs style="display: none;"> <rect id="check-shape" x="3" y="9" width="15" height="3"/> </defs> <use id="check-partial" xlink:href="#check-shape"/> <use id="check-partial-inverted" xlink:href="#check-shape"/> <use id="check-partial-native" xlink:href="#check-shape"/> -</svg> +</svg>
\ No newline at end of file diff --git a/arc-firefox-theme/chrome/global/in-content/check.svg b/arc-firefox-theme/chrome/global/in-content/check.svg index 1f9f99c..9fb2223 100644 --- a/arc-firefox-theme/chrome/global/in-content/check.svg +++ b/arc-firefox-theme/chrome/global/in-content/check.svg @@ -1,8 +1,11 @@ <?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="21" height="21" viewBox="0 0 21 21"> +<svg xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + x="0" + y="0" + width="21" + height="21" + viewBox="0 0 21 21"> <style> use:not(:target) { display: none; @@ -19,10 +22,10 @@ fill: -moz-dialogText; } </style> - <defs> + <defs style="display: none;"> <path id="check-shape" d="M 9.39,16.5 16.28,6 14.77,4.5 9.37,12.7 6.28,9.2 4.7,10.7 z"/> </defs> <use id="check" xlink:href="#check-shape"/> <use id="check-inverted" xlink:href="#check-shape"/> <use id="check-native" xlink:href="#check-shape"/> -</svg> +</svg>
\ No newline at end of file diff --git a/arc-firefox-theme/chrome/global/in-content/common.css b/arc-firefox-theme/chrome/global/in-content/common.css index dc3d018..1e1e00c 100644 --- a/arc-firefox-theme/chrome/global/in-content/common.css +++ b/arc-firefox-theme/chrome/global/in-content/common.css @@ -5,50 +5,13 @@ @namespace html "http://www.w3.org/1999/xhtml"; @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; -*|*:root { - --in-content-page-color: #424e5a; - --in-content-page-background: #fbfbfb; - --in-content-text-color: #333; - --in-content-selected-text: #fff; - --in-content-header-border-color: #c8c8c8; - --in-content-box-background: #fff; - --in-content-box-background-odd: #f3f6fa; - --in-content-box-background-hover: #ebebeb; - --in-content-box-background-active: #dadada; - --in-content-box-border-color: #c1c1c1; - --in-content-item-hover: rgba(0,149,221,0.25); - --in-content-item-selected: #0095dd; - --in-content-border-highlight: #ff9500; - --in-content-border-focus: #0095dd; - --in-content-border-color: #c1c1c1; - --in-content-category-text: #c1c1c1; - --in-content-category-border-focus: 1px dotted #fff; - --in-content-category-text-selected: #f2f2f2; - --in-content-category-background: #424f5a; - --in-content-category-background-hover: #5e6972; - --in-content-category-background-active: #343f48; - --in-content-tab-color: #424f5a; - --in-content-link-color: #0095dd; - --in-content-link-color-hover: #178ce5; - --in-content-link-color-active: #ff9500; - --in-content-link-color-visited: #551a8b; - --in-content-primary-button-background: #0095dd; - --in-content-primary-button-background-hover: #008acb; - --in-content-primary-button-background-active: #006b9d; - --in-content-table-border-dark-color: #d1d1d1; - --in-content-table-header-background: #0095dd; - --in-content-help-button-background: #ffcb00; - --in-content-help-button-background-hover: #f4c200; - --in-content-help-button-background-active: #eaba00; -} - html|body, xul|page, xul|window { font: message-box; -moz-appearance: none; - background-color: var(--in-content-page-background); - color: var(--in-content-page-color); + background-color: #fbfbfb; + color: #424e5a; } html|body { @@ -61,14 +24,14 @@ html|h1 { font-size: 2.5em; font-weight: lighter; line-height: 1.2; - color: var(--in-content-text-color); + color: #333; margin: 0; margin-bottom: .5em; } html|hr { border-style: solid none none none; - border-color: var(--in-content-border-color); + border-color: #c1c1c1; } xul|caption { @@ -84,6 +47,10 @@ xul|caption > xul|label { margin: 0 !important; } +xul|description { + -moz-margin-start: 0; +} + *|*.main-content { padding-top: 40px; -moz-padding-end: 44px; /* compensate the 4px margin of child elements */ @@ -107,8 +74,7 @@ xul|groupbox { font-size: 1.25rem; } -xul|groupbox xul|label, -xul|groupbox xul|description { +xul|groupbox xul|label { /* !important needed to override toolkit !important rule */ -moz-margin-start: 0 !important; -moz-margin-end: 0 !important; @@ -128,9 +94,9 @@ xul|tabpanels { xul|tabs { margin-bottom: 15px; - border-top: 1px solid var(--in-content-box-border-color); - border-bottom: 1px solid var(--in-content-box-border-color); - background-color: var(--in-content-page-background); + border-top: 1px solid #c1c1c1; + border-bottom: 1px solid #c1c1c1; + background-color: #fbfbfb; } xul|*.tabs-left, @@ -143,20 +109,20 @@ xul|tab { margin-top: 0; padding: 4px 20px; min-height: 44px; - color: var(--in-content-tab-color); - background-color: var(--in-content-page-background); + color: #424f5a; + background-color: #fbfbfb; border-width: 0; transition: background-color 50ms ease 0s; } xul|tab:hover { - background-color: var(--in-content-box-background-hover); + background-color: #ebebeb; } xul|tab[selected] { - background-color: var(--in-content-box-background-hover); + background-color: #ebebeb; padding-bottom: 0; /* compensate the 4px border */ - border-bottom: 4px solid var(--in-content-border-highlight); + border-bottom: 4px solid #ff9500; } xul|*.tab-text { @@ -179,28 +145,29 @@ xul|colorpicker[type="button"], xul|menulist { -moz-appearance: none; height: 30px; - color: var(--in-content-text-color); - border: 1px solid var(--in-content-box-border-color); + color: #333; + line-height: 20px; + border: 1px solid #c1c1c1; -moz-border-top-colors: none !important; -moz-border-right-colors: none !important; -moz-border-bottom-colors: none !important; -moz-border-left-colors: none !important; border-radius: 2px; - background-color: var(--in-content-page-background); + background-color: #fbfbfb; } html|button:enabled:hover, xul|button:not([disabled="true"]):hover, xul|colorpicker[type="button"]:not([disabled="true"]):hover, xul|menulist:not([disabled="true"]):hover { - background-color: var(--in-content-box-background-hover); + background-color: #ebebeb; } html|button: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"]) { - background-color: var(--in-content-box-background-active); + background-color: #dadada; } html|button:disabled, @@ -212,19 +179,19 @@ xul|menulist[disabled="true"] { } *|button.primary { - background-color: var(--in-content-primary-button-background); + background-color: #0095dd; border-color: transparent; - color: var(--in-content-selected-text); + color: #fff; } html|button.primary:enabled:hover, xul|button.primary:not([disabled="true"]):hover { - background-color: var(--in-content-primary-button-background-hover); + background-color: #008acb; } html|button.primary:enabled:hover:active, xul|button.primary:not([disabled="true"]):hover:active { - background-color: var(--in-content-primary-button-background-active); + background-color: #006b9d; } xul|colorpicker[type="button"] { @@ -258,19 +225,19 @@ xul|*.help-button { min-width: 30px; border-radius: 2px; border-width: 0; - background-color: var(--in-content-help-button-background); + background-color: #ffcb00; background-image: none; box-shadow: none; list-style-image: url("chrome://global/skin/in-content/help-glyph.svg"); } xul|*.help-button:not([disabled="true"]):hover { - background-color: var(--in-content-help-button-background-hover); + background-color: #f4c200; background-image: none; } xul|*.help-button:not([disabled="true"]):hover:active { - background-color: var(--in-content-help-button-background-active); + background-color: #eaba00; background-image: none; } @@ -347,9 +314,9 @@ xul|menulist[disabled="true"]:not([editable="true"]) > xul|*.menulist-dropmarker xul|menulist > xul|menupopup, xul|button[type="menu"] > xul|menupopup { -moz-appearance: none; - border: 1px solid var(--in-content-box-border-color); + border: 1px solid #c1c1c1; border-radius: 2px; - background-color: var(--in-content-box-background); + background-color: #fff; } xul|menulist > xul|menupopup xul|menu, @@ -358,37 +325,27 @@ xul|button[type="menu"] > xul|menupopup xul|menu, xul|button[type="menu"] > xul|menupopup xul|menuitem { -moz-appearance: none; font-size: 1em; - color: var(--in-content-text-color); + color: #333; padding-top: 0.2em; padding-bottom: 0.2em; -moz-padding-start: 10px; -moz-padding-end: 30px; } -xul|menulist > xul|menupopup > xul|menu:not([disabled="true"])[_moz-menuactive="true"], -xul|menulist > xul|menupopup > xul|menuitem:not([disabled="true"])[_moz-menuactive="true"], -xul|button[type="menu"] > xul|menupopup > xul|menu:not([disabled="true"])[_moz-menuactive="true"], -xul|button[type="menu"] > xul|menupopup > xul|menuitem:not([disabled="true"])[_moz-menuactive="true"] { - color: var(--in-content-text-color); - background-color: var(--in-content-item-hover); +xul|menulist > xul|menupopup > xul|menu[_moz-menuactive="true"], +xul|menulist > xul|menupopup > xul|menuitem[_moz-menuactive="true"], +xul|button[type="menu"] > xul|menupopup > xul|menu[_moz-menuactive="true"], +xul|button[type="menu"] > xul|menupopup > xul|menuitem[_moz-menuactive="true"] { + color: #333; + background-color: rgba(0,149,221,0.25); } -xul|menulist > xul|menupopup > xul|menu:not([disabled="true"])[selected="true"], -xul|menulist > xul|menupopup > xul|menuitem:not([disabled="true"])[selected="true"], -xul|button[type="menu"] > xul|menupopup > xul|menu:not([disabled="true"])[selected="true"], -xul|button[type="menu"] > xul|menupopup > xul|menuitem:not([disabled="true"])[selected="true"] { - color: var(--in-content-selected-text); - background-color: var(--in-content-item-selected); -} - -xul|menulist > xul|menupopup > xul|menu[disabled="true"], -xul|menulist > xul|menupopup > xul|menuitem[disabled="true"], -xul|button[type="menu"] > xul|menupopup > xul|menu[disabled="true"], -xul|button[type="menu"] > xul|menupopup > xul|menuitem[disabled="true"] { - color: #999; - /* override the [_moz-menuactive="true"] background color from - global/menu.css */ - background-color: transparent; +xul|menulist > xul|menupopup > xul|menu[selected="true"], +xul|menulist > xul|menupopup > xul|menuitem[selected="true"], +xul|button[type="menu"] > xul|menupopup > xul|menu[selected="true"], +xul|button[type="menu"] > xul|menupopup > xul|menuitem[selected="true"] { + color: #fff; + background-color: #0095DD; } xul|menulist > xul|menupopup xul|menuseparator, @@ -396,7 +353,7 @@ xul|button[type="menu"] > xul|menupopup xul|menuseparator { -moz-appearance: none; margin: 0; padding: 0; - border-top: 1px solid var(--in-content-box-border-color); + border-top: 1px solid #c1c1c1; border-bottom: none; } @@ -405,22 +362,22 @@ xul|button[type="menu"] > xul|menupopup xul|menuseparator { *|textbox { -moz-appearance: none; height: 30px; - color: var(--in-content-text-color); + color: #333; line-height: 20px; padding-right: 10px; padding-left: 10px; - border: 1px solid var(--in-content-box-border-color); + border: 1px solid #c1c1c1; -moz-border-top-colors: none !important; -moz-border-right-colors: none !important; -moz-border-bottom-colors: none !important; -moz-border-left-colors: none !important; border-radius: 2px; - background-color: var(--in-content-box-background); + background-color: #fff; } html|textbox:focus, xul|textbox[focused] { - border-color: var(--in-content-border-focus); + border-color: #0095dd; } html|textbox:disabled, @@ -433,25 +390,22 @@ xul|textbox[disabled="true"] { html|a, .text-link, .inline-link { - color: var(--in-content-link-color); + line-height: 22px; + color: #0095dd; text-decoration: none; } html|a:hover, .text-link:hover, .inline-link:hover { - color: var(--in-content-link-color-hover); + color: #178ce5; text-decoration: underline; } -html|a:visited { - color: var(--in-content-link-color-visited); -} - html|a:hover:active, .text-link:hover:active, .inline-link:hover:active { - color: var(--in-content-link-color-active); + color: #ff9500; text-decoration: none; } @@ -484,7 +438,7 @@ html|input[type="checkbox"] + html|label:before { width: 23px; height: 23px; border-radius: 2px; - border: 1px solid var(--in-content-box-border-color); + border: 1px solid #c1c1c1; -moz-margin-end: 10px; background-color: #f1f1f1; /* !important needed to override toolkit checked !important rule */ @@ -496,7 +450,7 @@ html|input[type="checkbox"] + html|label:before { xul|checkbox:not([disabled="true"]):hover > xul|*.checkbox-check, html|input[type="checkbox"]:not(:disabled) + html|label:hover:before { - border-color: var(--in-content-border-focus); + border-color: #0095dd; } xul|*.checkbox-check[checked] { @@ -529,7 +483,7 @@ xul|*.radio-check { -moz-appearance: none; width: 23px; height: 23px; - border: 1px solid var(--in-content-box-border-color); + border: 1px solid #c1c1c1; border-radius: 50%; -moz-margin-end: 10px; background-color: #f1f1f1; @@ -538,7 +492,7 @@ xul|*.radio-check { } xul|radio:not([disabled="true"]):hover > xul|*.radio-check { - border-color: var(--in-content-border-focus); + border-color: #0095dd; } xul|*.radio-check[selected] { @@ -559,7 +513,7 @@ xul|*.radio-label-box { xul|*#categories { -moz-appearance: none; - background-color: var(--in-content-category-background); + background-color: #424f5a; padding-top: 39px; margin: 0; border-width: 0; @@ -567,7 +521,7 @@ xul|*#categories { xul|*.category { -moz-appearance: none; - color: var(--in-content-category-text); + color: #c1c1c1; -moz-border-end-width: 0; -moz-padding-start: 15px; -moz-padding-end: 21px; @@ -576,19 +530,19 @@ xul|*.category { } xul|*.category:hover { - background-color: var(--in-content-category-background-hover); + background-color: #5e6972; } xul|*.category[selected] { - background-color: var(--in-content-category-background-active); - color: var(--in-content-category-text-selected); + background-color: #343f48; + color: #f2f2f2; -moz-padding-start: 11px; /* compensate the 4px border */ - -moz-border-start: solid 4px var(--in-content-border-highlight); + -moz-border-start: solid 4px #ff9500; } xul|*#categories[keyboard-navigation="true"]:-moz-focusring > xul|*.category[current] { - border-top: var(--in-content-category-border-focus); - border-bottom: var(--in-content-category-border-focus); + border-top: 1px #ffffff dotted; + border-bottom: 1px #ffffff dotted; } *|*.category-name { @@ -608,7 +562,7 @@ xul|*#categories[keyboard-navigation="true"]:-moz-focusring > xul|*.category[cur /* header */ *|*.header { - border-bottom: 1px solid var(--in-content-header-border-color); + border-bottom: 1px solid #c8c8c8; -moz-margin-end: 4px; /* add the 4px end-margin of other elements */ margin-bottom: 15px; padding-bottom: 15px; @@ -672,9 +626,9 @@ xul|richlistbox, xul|listbox { -moz-appearance: none; -moz-margin-start: 0; - background-color: var(--in-content-box-background); - border: 1px solid var(--in-content-box-border-color); - color: var(--in-content-text-color); + background-color: #fff; + border: 1px solid #c1c1c1; + color: #333; } xul|treechildren::-moz-tree-row, @@ -688,13 +642,13 @@ xul|listbox xul|listitem { xul|treechildren::-moz-tree-row(hover), xul|listbox xul|listitem:hover { - background-color: var(--in-content-item-hover); + background-color: rgba(0,149,221,0.25); } xul|treechildren::-moz-tree-row(selected), xul|listbox xul|listitem[selected="true"] { - background-color: var(--in-content-item-selected); - color: var(--in-content-selected-text); + background-color: #0095dd; + color: #fff; } /* Trees */ @@ -702,21 +656,19 @@ xul|listbox xul|listitem[selected="true"] { xul|tree { -moz-appearance: none; font-size: 1em; - border: 1px solid var(--in-content-box-border-color); - background-color: var(--in-content-box-background); - margin: 0; + border: 1px solid #c1c1c1; } xul|tree:-moz-focusring, xul|richlistbox:-moz-focusring { - border: 1px dotted var(--in-content-border-focus); + border: 1px dotted #0095dd; } xul|listheader, xul|treecols { -moz-appearance: none; border: none; - border-bottom: 1px solid var(--in-content-border-color); + border-bottom: 1px solid #c1c1c1; padding: 0; } @@ -724,15 +676,15 @@ xul|treecol:not([hideheader="true"]), xul|treecolpicker { -moz-appearance: none; border: none; - background-color: var(--in-content-box-background-hover); + background-color: #ebebeb; color: #808080; padding: 5px 10px; } xul|treecol:not([hideheader="true"]):not([sortable="false"]):hover, xul|treecolpicker:hover { - background-color: var(--in-content-box-background-active); - color: var(--in-content-text-color); + background-color: #dadada; + color: #333; } xul|treecol:not([hideheader="true"]):not(:first-child), @@ -759,14 +711,14 @@ xul|treechildren::-moz-tree-row { /* Color needs to be set on tree cell in order to be applied */ xul|treechildren::-moz-tree-cell-text { - color: var(--in-content-text-color); + color: #333; } xul|treechildren::-moz-tree-cell-text(selected) { - color: var(--in-content-selected-text); + color: #fff; } -xul|tab[visuallyselected] { +xul|tab[selected] { /* Override styles for tab[selected] from toolkit/themes/linux/global/tabbox.css */ margin-bottom: 0; @@ -840,40 +792,13 @@ xul|*.radio-label-box { -moz-appearance: none; } -/* Override OS-theme-based color to make it visible - on dark color themes. */ -xul|radio:not([disabled="true"]):hover, -xul|checkbox:not([disabled="true"]):hover { - color: var(--in-content-text-color); -} - xul|*.numberbox-input-box { -moz-appearance: none; border-width: 0; } +html|a:-moz-focusring, xul|*.text-link:-moz-focusring, xul|*.inline-link:-moz-focusring { border: 1px dotted -moz-DialogText; } - -xul|spinbuttons { - -moz-appearance: none; -} - -xul|treechildren::-moz-tree-row(multicol, odd) { - background-color: var(--in-content-box-background-odd); -} - -/* These rules are duplicated from common.inc.css - * because above -moz-tree-row(multicol, odd) rule - * overrides also hover/selected states. - */ -xul|treechildren::-moz-tree-row(hover) { - background-color: var(--in-content-item-hover); -} - -xul|treechildren::-moz-tree-row(selected) { - background-color: var(--in-content-item-selected); -} - diff --git a/arc-firefox-theme/chrome/global/in-content/dropdown.svg b/arc-firefox-theme/chrome/global/in-content/dropdown.svg index 458eb0b..a757585 100644 --- a/arc-firefox-theme/chrome/global/in-content/dropdown.svg +++ b/arc-firefox-theme/chrome/global/in-content/dropdown.svg @@ -1,8 +1,6 @@ <?xml version="1.0" encoding="utf-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
<style>
use:not(:target) {
display: none;
@@ -14,8 +12,8 @@ fill: GrayText;
}
</style>
- <defs>
- <path id="dropdown-shape" fill-rule="evenodd" d="M12,6l-4.016,4L4,6H12z"/>
+ <defs style="display: none;">
+ <path id="dropdown-shape" fill-rule="evenodd" clip-rule="evenodd" d="M12,6l-4.016,4L4,6H12z"/>
</defs>
<use id="dropdown" xlink:href="#dropdown-shape"/>
<use id="dropdown-disabled" xlink:href="#dropdown-shape"/>
diff --git a/arc-firefox-theme/chrome/global/in-content/help-glyph.svg b/arc-firefox-theme/chrome/global/in-content/help-glyph.svg index 012bef4..6f9ffb3 100644 --- a/arc-firefox-theme/chrome/global/in-content/help-glyph.svg +++ b/arc-firefox-theme/chrome/global/in-content/help-glyph.svg @@ -1,7 +1,8 @@ <?xml version="1.0" encoding="utf-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16">
- <path fill="-moz-dialogText" d="M11.625,4.854c0,2.593-2.881,2.417-2.881,4.21v0.399H6.439V8.968c0-2.769,2.545-2.577,2.545-3.89 c0-0.576-0.416-0.912-1.121-0.912c-0.656,0-1.296,0.32-1.873,0.977L4.375,3.894C5.287,2.821,6.471,2.182,8.12,2.182 C10.457,2.182,11.625,3.43,11.625,4.854z M9.064,12.361c0,0.801-0.64,1.457-1.44,1.457c-0.801,0-1.441-0.656-1.441-1.457 c0-0.784,0.64-1.44,1.441-1.44C8.424,10.921,9.064,11.577,9.064,12.361z"/>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+ <path d="M11.625,4.854c0,2.593-2.881,2.417-2.881,4.21v0.399H6.439V8.968c0-2.769,2.545-2.577,2.545-3.89
+ c0-0.576-0.416-0.912-1.121-0.912c-0.656,0-1.296,0.32-1.873,0.977L4.375,3.894C5.287,2.821,6.471,2.182,8.12,2.182
+ C10.457,2.182,11.625,3.43,11.625,4.854z M9.064,12.361c0,0.801-0.64,1.457-1.44,1.457c-0.801,0-1.441-0.656-1.441-1.457
+ c0-0.784,0.64-1.44,1.441-1.44C8.424,10.921,9.064,11.577,9.064,12.361z" fill="-moz-dialogText"/>
</svg>
diff --git a/arc-firefox-theme/chrome/global/in-content/info-pages.css b/arc-firefox-theme/chrome/global/in-content/info-pages.css index fcecbd8..09838d3 100644 --- a/arc-firefox-theme/chrome/global/in-content/info-pages.css +++ b/arc-firefox-theme/chrome/global/in-content/info-pages.css @@ -1,10 +1,8 @@ - @import url("chrome://global/skin/in-content/common.css"); /* Body and container */ body { display: flex; - flex-direction: column; - box-sizing: border-box; + box-sizing: padding-box; min-height: 100vh; padding-top: 0; padding-bottom: 0; @@ -19,13 +17,6 @@ body { max-width: 52em; } -.container.restore-chosen { - display: flex; - flex-direction: column; - flex-grow: 1; - margin: 10vh 0; -} - /* Typography */ .title { background-image: url("chrome://browser/skin/aboutNetError_info.svg"); @@ -91,16 +82,8 @@ ul { } /* Trees */ -.tree-container { - margin-top: 1.2em; - flex-grow: 1; - min-height: 12em; -} - -.tree-container > tree { - height: 100%; -} - tree { + min-height: 12em; + margin-top: 1.2em; width: 100%; -} +}
\ No newline at end of file diff --git a/arc-firefox-theme/chrome/global/in-content/radio.svg b/arc-firefox-theme/chrome/global/in-content/radio.svg index 97826bc..ca926b7 100644 --- a/arc-firefox-theme/chrome/global/in-content/radio.svg +++ b/arc-firefox-theme/chrome/global/in-content/radio.svg @@ -1,8 +1,6 @@ <?xml version="1.0" encoding="utf-8"?> -<!-- This Source Code Form is subject to the terms of the Mozilla Public - - License, v. 2.0. If a copy of the MPL was not distributed with this - - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> -<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 21 21"> +<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" + viewBox="0 0 21 21" enable-background="new 0 0 21 21" xml:space="preserve"> <style> use:not(:target) { display: none; @@ -14,7 +12,7 @@ fill: -moz-dialogText; } </style> - <defs> + <defs style="display: none;"> <circle id="radio-shape" cx="10.5" cy="10.5" r="6"/> </defs> <use id="radio" xlink:href="#radio-shape"/> diff --git a/arc-firefox-theme/chrome/global/inContentUI.css b/arc-firefox-theme/chrome/global/inContentUI.css new file mode 100644 index 0000000..afcef92 --- /dev/null +++ b/arc-firefox-theme/chrome/global/inContentUI.css @@ -0,0 +1,41 @@ +/* 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/. */ + +/* + * The default namespace for this file is XUL. Be sure to prefix rules that + * are applicable to both XUL and HTML with '*|'. + */ +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +/* Page background */ +*|*:root { + -moz-appearance: none; + padding: 18px; + background-color: Window; + background-image: /* Texture */ + url("chrome://global/skin/inContentUI/background-texture.png"); + color: WindowText; +} + +/* Use the new in-content colors for #contentAreaDownloadsView. After landing + of bug 989469 the colors can be moved to *|*:root */ +*|*#contentAreaDownloadsView { + background: #f1f1f1; + color: #424e5a; +} + +html|html { + font: message-box; +} + +/* Content */ +*|*.main-content { + /* Needed to allow the radius to clip the inner content, see bug 595656 */ + overflow: hidden; + background-color: -moz-Field; + color: -moz-FieldText; + border: 1px solid ThreeDShadow; + border-radius: 5px; +} diff --git a/arc-firefox-theme/chrome/global/inContentUI/background-texture.png b/arc-firefox-theme/chrome/global/inContentUI/background-texture.png Binary files differnew file mode 100644 index 0000000..0d3cacd --- /dev/null +++ b/arc-firefox-theme/chrome/global/inContentUI/background-texture.png diff --git a/arc-firefox-theme/chrome/global/media/TopLevelVideoDocument.css b/arc-firefox-theme/chrome/global/media/TopLevelVideoDocument.css index 760cdcd..3060bf8 100644 --- a/arc-firefox-theme/chrome/global/media/TopLevelVideoDocument.css +++ b/arc-firefox-theme/chrome/global/media/TopLevelVideoDocument.css @@ -4,7 +4,6 @@ body { background-image: url("chrome://global/skin/media/imagedoc-darknoise.png"); - background-color: rgb(33,33,33); /* Average color of that ^ image. */ } video { diff --git a/arc-firefox-theme/chrome/global/media/videoClickToPlayButton.svg b/arc-firefox-theme/chrome/global/media/videoClickToPlayButton.svg index f7ca6b6..f118afb 100644 --- a/arc-firefox-theme/chrome/global/media/videoClickToPlayButton.svg +++ b/arc-firefox-theme/chrome/global/media/videoClickToPlayButton.svg @@ -1,30 +1,79 @@ <!-- 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"> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + version="1.1" + id="videoPlayButtonOverlay" + 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"/> + <stop id="whiteGradientStop01" style="stop-color:#ffffff;stop-opacity:.95" offset="0" /> + <stop id="whiteGradientStop02" style="stop-color:#ffffff;stop-opacity:.75" offset=".45" /> + <stop id="whiteGradientStop03" style="stop-color:#ffffff;stop-opacity:.72" offset=".55" /> + <stop id="whiteGradientStop04" style="stop-color:#ffffff;stop-opacity:.65" offset="1" /> </linearGradient> - <linearGradient x1="32" y1="0" x2="32" y2="62" id="whiteGradient" xlink:href="#whiteGradientStops" gradientUnits="userSpaceOnUse"/> + <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"/> + <stop id="arrowGradientStop01" style="stop-color:#333333;stop-opacity:.5" offset="0" /> + <stop id="arrowGradientStop02" style="stop-color:#666666;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"> + <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> + <path + 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" + id="dropShadowMaskPath" + style="fill:#ffffff;" /> + </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"/> + <path + 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" + mask="url(#dropShadowMask)" + id="playButtonShadow" + style="filter:url(#dropShadow);" /> + <path + 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" + id="playButtonArrow" + style="fill:url(#arrowGradient);" /> + <path + 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" + id="playButton" + style="fill:url(#whiteGradient);" /> + <path + 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" + id="playButtonEdgeHighlights" + style="fill:white;fill-opacity:.3;" /> + <path + 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" + id="playButtonTopEdgeHighlights" + style="fill:white;fill-opacity:.8;" /> </svg> diff --git a/arc-firefox-theme/chrome/global/menu.css b/arc-firefox-theme/chrome/global/menu.css index c2c779b..a49b781 100644 --- a/arc-firefox-theme/chrome/global/menu.css +++ b/arc-firefox-theme/chrome/global/menu.css @@ -12,7 +12,6 @@ menu, menuitem, -menucaption, .splitmenu-menuitem { -moz-appearance: menuitem; -moz-box-align: center; @@ -69,7 +68,6 @@ menuitem.spell-suggestion { /* ::::: menu/menuitems in menulist popups ::::: */ menulist > menupopup > menuitem, -menulist > menupopup > menucaption, menulist > menupopup > menu { padding: 1px 5px; max-width: none; @@ -80,7 +78,6 @@ menulist > menupopup > menu { .menu-text, .menu-iconic-left, -.menu-iconic-right, .menu-iconic-text { margin-top: 0px !important; margin-bottom: 0px !important; @@ -95,12 +92,6 @@ menulist > menupopup > menu { font-weight: inherit; } -menucaption > .menu-text, -menucaption > .menu-iconic-text { - -moz-margin-start: 0 !important; - font-weight: bold; -} - .menu-description { font-style: italic; color: GrayText; @@ -119,8 +110,7 @@ menucaption > .menu-iconic-text { -moz-box-pack: end; } -.menu-iconic-left, -.menu-iconic-right { +.menu-iconic-left { width: 16px; /* We can only hardcode this, to make the default GTK icon<->label spacing */ -moz-padding-end: 3px !important; @@ -159,11 +149,7 @@ menucaption > .menu-iconic-text { menulist > menupopup > menuitem > .menu-iconic-left, -menulist > menupopup > menucaption > .menu-iconic-left, -menulist > menupopup > menu > .menu-iconic-left, -menulist > menupopup > menuitem > .menu-iconic-right, -menulist > menupopup > menucaption > .menu-iconic-right, -menulist > menupopup > menu > .menu-iconic-right { +menulist > menupopup > menu > .menu-iconic-left { display: none; } diff --git a/arc-firefox-theme/chrome/global/menu/shared-menu-check-active.svg b/arc-firefox-theme/chrome/global/menu/shared-menu-check-active.svg deleted file mode 100644 index ba8a7c9..0000000 --- a/arc-firefox-theme/chrome/global/menu/shared-menu-check-active.svg +++ /dev/null @@ -1,7 +0,0 @@ -<?xml version="1.0" encoding="utf-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
- <polygon fill="#4a90e2" points="7.1,15.5 0.5,10.8 2.2,8.3 6.3,11.2 13,0.5 15.5,2.2 "/>
-</svg>
diff --git a/arc-firefox-theme/chrome/global/menu/shared-menu-check-black.svg b/arc-firefox-theme/chrome/global/menu/shared-menu-check-black.svg deleted file mode 100644 index f388f81..0000000 --- a/arc-firefox-theme/chrome/global/menu/shared-menu-check-black.svg +++ /dev/null @@ -1,7 +0,0 @@ -<?xml version="1.0" encoding="utf-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9">
- <polygon points="4,9 0,6.2 1,4.7 3.5,6.4 7.5,0 9,1 "/>
-</svg>
diff --git a/arc-firefox-theme/chrome/global/menu/shared-menu-check-hover.svg b/arc-firefox-theme/chrome/global/menu/shared-menu-check-hover.svg deleted file mode 100644 index b8c8ec3..0000000 --- a/arc-firefox-theme/chrome/global/menu/shared-menu-check-hover.svg +++ /dev/null @@ -1,7 +0,0 @@ -<?xml version="1.0" encoding="utf-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9">
- <polygon fill="#ccc" points="4,9 0,6.2 1,4.7 3.5,6.4 7.5,0 9,1 "/>
-</svg>
diff --git a/arc-firefox-theme/chrome/global/notification.css b/arc-firefox-theme/chrome/global/notification.css index 079f408..a7cec86 100644 --- a/arc-firefox-theme/chrome/global/notification.css +++ b/arc-firefox-theme/chrome/global/notification.css @@ -5,16 +5,14 @@ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); notification { - color: -moz-gtk-info-bar-text; + color: InfoText; background-color: InfoBackground; - -moz-appearance: -moz-gtk-info-bar; text-shadow: none; } notification[type="info"] { color: -moz-DialogText; background-color: -moz-Dialog; - -moz-appearance: none; } notification[type="critical"] { @@ -65,32 +63,18 @@ notification[type="critical"] { /* Popup notification */ -.popup-notification-body { - max-width: 25em; +.popup-notification-description { + max-width: 24em; } -.popup-notification-origin:not([value]), -.popup-notification-learnmore-link:not([href]) { - display: none; -} - -.popup-notification-origin { - margin-bottom: .3em !important; +.popup-notification-learnmore-link { + margin-top: 1em !important; } -.popup-notification-learnmore-link { - margin-top: .5em !important; +.popup-notification-learnmore-link:not([href]) { + display: none; } .popup-notification-button-container { margin-top: 17px; } - -.popup-notification-closebutton { - -moz-margin-end: -10px; - margin-top: -6px; -} - -.popup-notification-menubutton > .button-menubutton-button[disabled] { - opacity: 0.5; -} diff --git a/arc-firefox-theme/chrome/global/popup.css b/arc-firefox-theme/chrome/global/popup.css index 63c8d86..1c5bc50 100644 --- a/arc-firefox-theme/chrome/global/popup.css +++ b/arc-firefox-theme/chrome/global/popup.css @@ -4,14 +4,6 @@ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); -/* ::::: Variables ::::: */ -.panel-arrowcontent { - --panel-arrowcontent-padding: 10px; - --panel-arrowcontent-background: -moz-Dialog; - --panel-arrowcontent-color: -moz-DialogText; - --panel-arrowcontent-border: 1px solid ThreeDShadow; -} - /* ::::: menupopup ::::: */ menupopup, @@ -40,10 +32,10 @@ panel[type="arrow"][side="right"] { } .panel-arrowcontent { - padding: var(--panel-arrowcontent-padding); - color: var(--panel-arrowcontent-color); - background: var(--panel-arrowcontent-background); - border: var(--panel-arrowcontent-border); + padding: 10px; + color: -moz-DialogText; + background: -moz-Dialog; + border: 1px solid ThreeDShadow; } .panel-arrow[side="top"], diff --git a/arc-firefox-theme/chrome/global/printpreview/arrow-left-end.png b/arc-firefox-theme/chrome/global/printpreview/arrow-left-end.png Binary files differindex e4e60a0..642327a 100644 --- a/arc-firefox-theme/chrome/global/printpreview/arrow-left-end.png +++ b/arc-firefox-theme/chrome/global/printpreview/arrow-left-end.png diff --git a/arc-firefox-theme/chrome/global/printpreview/arrow-left.png b/arc-firefox-theme/chrome/global/printpreview/arrow-left.png Binary files differindex 02fc98d..7ed1d7d 100644 --- a/arc-firefox-theme/chrome/global/printpreview/arrow-left.png +++ b/arc-firefox-theme/chrome/global/printpreview/arrow-left.png diff --git a/arc-firefox-theme/chrome/global/printpreview/arrow-right-end.png b/arc-firefox-theme/chrome/global/printpreview/arrow-right-end.png Binary files differindex 5efbe3a..d5d7a50 100644 --- a/arc-firefox-theme/chrome/global/printpreview/arrow-right-end.png +++ b/arc-firefox-theme/chrome/global/printpreview/arrow-right-end.png diff --git a/arc-firefox-theme/chrome/global/printpreview/arrow-right.png b/arc-firefox-theme/chrome/global/printpreview/arrow-right.png Binary files differindex e9d68e8..f779f6c 100644 --- a/arc-firefox-theme/chrome/global/printpreview/arrow-right.png +++ b/arc-firefox-theme/chrome/global/printpreview/arrow-right.png diff --git a/arc-firefox-theme/chrome/global/reader/RM-Add-24x24.svg b/arc-firefox-theme/chrome/global/reader/RM-Add-24x24.svg index 2071381..66551ef 100644 --- a/arc-firefox-theme/chrome/global/reader/RM-Add-24x24.svg +++ b/arc-firefox-theme/chrome/global/reader/RM-Add-24x24.svg @@ -1,7 +1,6 @@ <?xml version="1.0" encoding="utf-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
- <path fill-rule="evenodd" fill="#808080" d="M12,2C6.477,2,2,6.477,2,12c0,5.523,4.477,10,10,10s10-4.477,10-10 C22,6.477,17.523,2,12,2z M17.714,12.714h-5v5h-1.429v-5h-5v-1.429h5v-5h1.429v5h5V12.714z"/>
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#808080" d="M12,2C6.477,2,2,6.477,2,12c0,5.523,4.477,10,10,10s10-4.477,10-10
+ C22,6.477,17.523,2,12,2z M17.714,12.714h-5v5h-1.429v-5h-5v-1.429h5v-5h1.429v5h5V12.714z"/>
</svg>
diff --git a/arc-firefox-theme/chrome/global/reader/RM-Close-24x24.svg b/arc-firefox-theme/chrome/global/reader/RM-Close-24x24.svg index e57a475..b0674b2 100644 --- a/arc-firefox-theme/chrome/global/reader/RM-Close-24x24.svg +++ b/arc-firefox-theme/chrome/global/reader/RM-Close-24x24.svg @@ -2,24 +2,30 @@ <!-- 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 viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> +<svg viewBox="0 0 24 24" + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> - <style> + <style type="text/css"> use:not(:target) { display: none; } + #close { fill: #808080; } #close-hover { - fill: #fff; + fill: #FFFFFF; } </style> + <g id="close-shape"> <polygon points="20.477,6.551 20.477,17.449 11.992,17.449 11.992,20 23,20 23,4 11.992,4 11.992,6.551"/> <polygon points="1,11.981 9.698,19.95 9.698,15.13 18.184,15.13 18.184,8.87 9.698,8.87 9.698,4.011"/> </g> </defs> - <use id="close" xlink:href="#close-shape"/> + + <use id="close" xlink:href="#close-shape"/> <use id="close-hover" xlink:href="#close-shape"/> -</svg> + +</svg>
\ No newline at end of file diff --git a/arc-firefox-theme/chrome/global/reader/RM-Delete-24x24.svg b/arc-firefox-theme/chrome/global/reader/RM-Delete-24x24.svg index 0ed3983..6010fbe 100644 --- a/arc-firefox-theme/chrome/global/reader/RM-Delete-24x24.svg +++ b/arc-firefox-theme/chrome/global/reader/RM-Delete-24x24.svg @@ -1,7 +1,6 @@ <?xml version="1.0" encoding="utf-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
- <path fill-rule="evenodd" fill="#808080" d="M12,2C6.477,2,2,6.477,2,12c0,5.523,4.477,10,10,10s10-4.477,10-10 C22,6.477,17.523,2,12,2z M11.286,6.286 M6.286,12.714v-1.429h11.429v1.429H6.286z"/>
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#808080" d="M12,2C6.477,2,2,6.477,2,12c0,5.523,4.477,10,10,10s10-4.477,10-10
+ C22,6.477,17.523,2,12,2z M11.286,6.286 M6.286,12.714v-1.429h11.429v1.429H6.286z"/>
</svg>
diff --git a/arc-firefox-theme/chrome/global/reader/RM-Minus-24x24.svg b/arc-firefox-theme/chrome/global/reader/RM-Minus-24x24.svg index e85a397..9da7e03 100644 --- a/arc-firefox-theme/chrome/global/reader/RM-Minus-24x24.svg +++ b/arc-firefox-theme/chrome/global/reader/RM-Minus-24x24.svg @@ -1,7 +1,39 @@ <?xml version="1.0" encoding="utf-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
- <path fill-rule="evenodd" fill="#808080" d="M0,13.5v-3h24v3H0z"/>
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#808080" d="M0,13.5v-3h24v3H0z"/>
+<g enable-background="new ">
+ <g>
+ <defs>
+ <rect id="SVGID_2_" x="-269.917" y="-1054" width="22" height="34"/>
+ </defs>
+ <clipPath id="SVGID_1_">
+ <use xlink:href="#SVGID_2_" overflow="visible"/>
+ </clipPath>
+ <g clip-path="url(#SVGID_1_)">
+ <defs>
+ <rect id="SVGID_6_" x="-365.917" y="-1459" width="1080" height="2896"/>
+ </defs>
+ <clipPath id="SVGID_3_">
+ <use xlink:href="#SVGID_6_" overflow="visible"/>
+ </clipPath>
+ </g>
+ <g clip-path="url(#SVGID_1_)">
+ <defs>
+ <rect id="SVGID_10_" x="-365.917" y="-1459" width="1080" height="2896"/>
+ </defs>
+ <clipPath id="SVGID_5_">
+ <use xlink:href="#SVGID_10_" overflow="visible"/>
+ </clipPath>
+ </g>
+ <g clip-path="url(#SVGID_1_)">
+ <defs>
+ <rect id="SVGID_16_" x="-365.917" y="-1459" width="1080" height="2896"/>
+ </defs>
+ <clipPath id="SVGID_7_">
+ <use xlink:href="#SVGID_16_" overflow="visible"/>
+ </clipPath>
+ </g>
+ </g>
+</g>
</svg>
diff --git a/arc-firefox-theme/chrome/global/reader/RM-Plus-24x24.svg b/arc-firefox-theme/chrome/global/reader/RM-Plus-24x24.svg index f3a98dd..249912a 100644 --- a/arc-firefox-theme/chrome/global/reader/RM-Plus-24x24.svg +++ b/arc-firefox-theme/chrome/global/reader/RM-Plus-24x24.svg @@ -1,7 +1,39 @@ <?xml version="1.0" encoding="utf-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
- <path fill-rule="evenodd" fill="#808080" d="M24,13.5H13.5V24h-3V13.5H0v-3h10.5V0h3v10.5H24V13.5z"/>
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#808080" d="M24,13.5H13.5V24h-3V13.5H0v-3h10.5V0h3v10.5H24V13.5z"/>
+<g enable-background="new ">
+ <g>
+ <defs>
+ <rect id="SVGID_2_" x="-233.667" y="-1054" width="22" height="34"/>
+ </defs>
+ <clipPath id="SVGID_1_">
+ <use xlink:href="#SVGID_2_" overflow="visible"/>
+ </clipPath>
+ <g clip-path="url(#SVGID_1_)">
+ <defs>
+ <rect id="SVGID_6_" x="-329.667" y="-1459" width="1080" height="2896"/>
+ </defs>
+ <clipPath id="SVGID_3_">
+ <use xlink:href="#SVGID_6_" overflow="visible"/>
+ </clipPath>
+ </g>
+ <g clip-path="url(#SVGID_1_)">
+ <defs>
+ <rect id="SVGID_10_" x="-329.667" y="-1459" width="1080" height="2896"/>
+ </defs>
+ <clipPath id="SVGID_5_">
+ <use xlink:href="#SVGID_10_" overflow="visible"/>
+ </clipPath>
+ </g>
+ <g clip-path="url(#SVGID_1_)">
+ <defs>
+ <rect id="SVGID_16_" x="-329.667" y="-1459" width="1080" height="2896"/>
+ </defs>
+ <clipPath id="SVGID_7_">
+ <use xlink:href="#SVGID_16_" overflow="visible"/>
+ </clipPath>
+ </g>
+ </g>
+</g>
</svg>
diff --git a/arc-firefox-theme/chrome/global/reader/RM-Reading-List-24x24.svg b/arc-firefox-theme/chrome/global/reader/RM-Reading-List-24x24.svg index b43a8b8..1f21efd 100644 --- a/arc-firefox-theme/chrome/global/reader/RM-Reading-List-24x24.svg +++ b/arc-firefox-theme/chrome/global/reader/RM-Reading-List-24x24.svg @@ -1,12 +1,46 @@ <?xml version="1.0" encoding="utf-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
- <rect x="8" y="10" fill="#808080" width="14" height="4"/>
- <rect x="8" y="16" fill="#808080" width="14" height="4"/>
- <rect x="8" y="4" fill="#808080" width="14" height="4"/>
- <circle fill="#808080" cx="4" cy="6" r="2"/>
- <circle fill="#808080" cx="4" cy="12" r="2"/>
- <circle fill="#808080" cx="4" cy="18" r="2"/>
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<g>
+ <rect x="8" y="10" fill-rule="evenodd" clip-rule="evenodd" fill="#808080" width="14" height="4"/>
+ <rect x="8" y="16" fill-rule="evenodd" clip-rule="evenodd" fill="#808080" width="14" height="4"/>
+ <rect x="8" y="4" fill-rule="evenodd" clip-rule="evenodd" fill="#808080" width="14" height="4"/>
+ <circle fill-rule="evenodd" clip-rule="evenodd" fill="#808080" cx="4" cy="6" r="2"/>
+ <circle fill-rule="evenodd" clip-rule="evenodd" fill="#808080" cx="4" cy="12" r="2"/>
+ <circle fill-rule="evenodd" clip-rule="evenodd" fill="#808080" cx="4" cy="18" r="2"/>
+</g>
+<g enable-background="new ">
+ <g>
+ <defs>
+ <rect id="SVGID_2_" x="-197" y="-1054" width="22" height="34"/>
+ </defs>
+ <clipPath id="SVGID_1_">
+ <use xlink:href="#SVGID_2_" overflow="visible"/>
+ </clipPath>
+ <g clip-path="url(#SVGID_1_)">
+ <defs>
+ <rect id="SVGID_6_" x="-293" y="-1459" width="1080" height="2896"/>
+ </defs>
+ <clipPath id="SVGID_3_">
+ <use xlink:href="#SVGID_6_" overflow="visible"/>
+ </clipPath>
+ </g>
+ <g clip-path="url(#SVGID_1_)">
+ <defs>
+ <rect id="SVGID_10_" x="-293" y="-1459" width="1080" height="2896"/>
+ </defs>
+ <clipPath id="SVGID_5_">
+ <use xlink:href="#SVGID_10_" overflow="visible"/>
+ </clipPath>
+ </g>
+ <g clip-path="url(#SVGID_1_)">
+ <defs>
+ <rect id="SVGID_16_" x="-293" y="-1459" width="1080" height="2896"/>
+ </defs>
+ <clipPath id="SVGID_7_">
+ <use xlink:href="#SVGID_16_" overflow="visible"/>
+ </clipPath>
+ </g>
+ </g>
+</g>
</svg>
diff --git a/arc-firefox-theme/chrome/global/reader/RM-Type-Controls-24x24.svg b/arc-firefox-theme/chrome/global/reader/RM-Type-Controls-24x24.svg index 8a5a212..a25429a 100644 --- a/arc-firefox-theme/chrome/global/reader/RM-Type-Controls-24x24.svg +++ b/arc-firefox-theme/chrome/global/reader/RM-Type-Controls-24x24.svg @@ -1,8 +1,23 @@ <?xml version="1.0" encoding="utf-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
- <path fill="#808080" d="M8.23,18.748v-1.016l1.182-0.146c0.065-0.013,0.12-0.055,0.166-0.127s0.052-0.143,0.02-0.215L8.513,14.07 H4.236l-1.104,3.096c-0.039,0.104-0.02,0.199,0.059,0.283s0.153,0.13,0.225,0.137l1.123,0.146v1.016H0.232v-1.016l1.123-0.166 L5.837,5.008h2.275l4.443,12.197c0.052,0.124,0.103,0.21,0.151,0.259s0.145,0.089,0.288,0.122l0.762,0.146v1.016H8.23z M6.296,8.084l-1.68,4.805h3.398L6.296,8.084z"/>
- <path fill="#808080" d="M20.05,18.748l-0.264-0.996c-0.345,0.234-0.706,0.443-1.083,0.625c-0.331,0.156-0.702,0.298-1.112,0.425 c-0.409,0.127-0.835,0.19-1.277,0.19c-0.364,0-0.704-0.06-1.02-0.181s-0.592-0.293-0.829-0.518s-0.424-0.497-0.561-0.815 S13.7,16.801,13.7,16.404c0-0.299,0.024-0.576,0.073-0.83s0.146-0.49,0.293-0.708s0.356-0.426,0.63-0.625s0.637-0.392,1.089-0.581 s1.008-0.377,1.665-0.566s1.445-0.384,2.363-0.586v-0.244c0-0.098,0.003-0.186,0.01-0.264c0-0.091,0.003-0.182,0.01-0.273 c0.007-0.189-0.013-0.392-0.059-0.61s-0.137-0.42-0.273-0.605s-0.329-0.338-0.576-0.459s-0.569-0.181-0.967-0.181 c-0.137,0-0.259,0.003-0.366,0.01s-0.197,0.016-0.269,0.029c-0.085,0.013-0.159,0.026-0.225,0.039v1.895h-2.061 c-0.169,0.013-0.319-0.003-0.449-0.049c-0.11-0.039-0.213-0.107-0.308-0.205s-0.142-0.25-0.142-0.459 c0-0.371,0.132-0.703,0.396-0.996c0.263-0.293,0.607-0.542,1.033-0.747s0.904-0.363,1.435-0.474 c0.529-0.111,1.058-0.166,1.585-0.166c0.572,0,1.096,0.042,1.57,0.127s0.883,0.249,1.224,0.493c0.342,0.244,0.604,0.587,0.79,1.03 s0.278,1.025,0.278,1.748v5.137c0,0.124,0.042,0.229,0.127,0.317s0.188,0.138,0.312,0.151l0.879,0.059v0.938H20.05z M19.793,13.592 c-0.645,0.13-1.177,0.264-1.597,0.4s-0.754,0.293-1.001,0.469s-0.42,0.376-0.518,0.601s-0.146,0.487-0.146,0.786 c0,0.208,0.034,0.402,0.103,0.581s0.166,0.335,0.293,0.469s0.278,0.239,0.454,0.317s0.368,0.117,0.576,0.117 c0.215,0,0.432-0.023,0.649-0.068s0.415-0.094,0.591-0.146c0.208-0.065,0.407-0.14,0.596-0.225V13.592z"/>
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<g>
+ <path fill="#808080" d="M8.23,18.748v-1.016l1.182-0.146c0.065-0.013,0.12-0.055,0.166-0.127s0.052-0.143,0.02-0.215L8.513,14.07
+ H4.236l-1.104,3.096c-0.039,0.104-0.02,0.199,0.059,0.283s0.153,0.13,0.225,0.137l1.123,0.146v1.016H0.232v-1.016l1.123-0.166
+ L5.837,5.008h2.275l4.443,12.197c0.052,0.124,0.103,0.21,0.151,0.259s0.145,0.089,0.288,0.122l0.762,0.146v1.016H8.23z
+ M6.296,8.084l-1.68,4.805h3.398L6.296,8.084z"/>
+ <path fill="#808080" d="M20.05,18.748l-0.264-0.996c-0.345,0.234-0.706,0.443-1.083,0.625c-0.331,0.156-0.702,0.298-1.112,0.425
+ c-0.409,0.127-0.835,0.19-1.277,0.19c-0.364,0-0.704-0.06-1.02-0.181s-0.592-0.293-0.829-0.518s-0.424-0.497-0.561-0.815
+ S13.7,16.801,13.7,16.404c0-0.299,0.024-0.576,0.073-0.83s0.146-0.49,0.293-0.708s0.356-0.426,0.63-0.625s0.637-0.392,1.089-0.581
+ s1.008-0.377,1.665-0.566s1.445-0.384,2.363-0.586v-0.244c0-0.098,0.003-0.186,0.01-0.264c0-0.091,0.003-0.182,0.01-0.273
+ c0.007-0.189-0.013-0.392-0.059-0.61s-0.137-0.42-0.273-0.605s-0.329-0.338-0.576-0.459s-0.569-0.181-0.967-0.181
+ c-0.137,0-0.259,0.003-0.366,0.01s-0.197,0.016-0.269,0.029c-0.085,0.013-0.159,0.026-0.225,0.039v1.895h-2.061
+ c-0.169,0.013-0.319-0.003-0.449-0.049c-0.11-0.039-0.213-0.107-0.308-0.205s-0.142-0.25-0.142-0.459
+ c0-0.371,0.132-0.703,0.396-0.996c0.263-0.293,0.607-0.542,1.033-0.747s0.904-0.363,1.435-0.474
+ c0.529-0.111,1.058-0.166,1.585-0.166c0.572,0,1.096,0.042,1.57,0.127s0.883,0.249,1.224,0.493c0.342,0.244,0.604,0.587,0.79,1.03
+ s0.278,1.025,0.278,1.748v5.137c0,0.124,0.042,0.229,0.127,0.317s0.188,0.138,0.312,0.151l0.879,0.059v0.938H20.05z M19.793,13.592
+ c-0.645,0.13-1.177,0.264-1.597,0.4s-0.754,0.293-1.001,0.469s-0.42,0.376-0.518,0.601s-0.146,0.487-0.146,0.786
+ c0,0.208,0.034,0.402,0.103,0.581s0.166,0.335,0.293,0.469s0.278,0.239,0.454,0.317s0.368,0.117,0.576,0.117
+ c0.215,0,0.432-0.023,0.649-0.068s0.415-0.094,0.591-0.146c0.208-0.065,0.407-0.14,0.596-0.225V13.592z"/>
+</g>
</svg>
diff --git a/arc-firefox-theme/chrome/global/reader/RM-Type-Controls-Arrow.svg b/arc-firefox-theme/chrome/global/reader/RM-Type-Controls-Arrow.svg index 837392f..9094d8a 100644 --- a/arc-firefox-theme/chrome/global/reader/RM-Type-Controls-Arrow.svg +++ b/arc-firefox-theme/chrome/global/reader/RM-Type-Controls-Arrow.svg @@ -1,8 +1,42 @@ <?xml version="1.0" encoding="utf-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
- <polygon opacity="0.15" points="16.583,0.015 16.569,0 4.583,12 16.569,24 16.583,23.985"/>
- <polygon fill="#fbfbfb" points="16.575,1.021 16.561,1.008 5.583,12 16.577,23.008 16.591,22.994 "/>
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<polygon opacity="0.15" fill-rule="evenodd" clip-rule="evenodd" points="16.583,0.015 16.569,0 4.583,12 16.569,24 16.583,23.985
+ "/>
+<g enable-background="new ">
+ <g>
+ <defs>
+ <rect id="SVGID_2_" x="-125" y="-1086.667" width="22" height="34"/>
+ </defs>
+ <clipPath id="SVGID_1_">
+ <use xlink:href="#SVGID_2_" overflow="visible"/>
+ </clipPath>
+ <g clip-path="url(#SVGID_1_)">
+ <defs>
+ <rect id="SVGID_6_" x="-221" y="-1491.667" width="1080" height="2896"/>
+ </defs>
+ <clipPath id="SVGID_3_">
+ <use xlink:href="#SVGID_6_" overflow="visible"/>
+ </clipPath>
+ </g>
+ <g clip-path="url(#SVGID_1_)">
+ <defs>
+ <rect id="SVGID_10_" x="-221" y="-1491.667" width="1080" height="2896"/>
+ </defs>
+ <clipPath id="SVGID_5_">
+ <use xlink:href="#SVGID_10_" overflow="visible"/>
+ </clipPath>
+ </g>
+ <g clip-path="url(#SVGID_1_)">
+ <defs>
+ <rect id="SVGID_16_" x="-221" y="-1491.667" width="1080" height="2896"/>
+ </defs>
+ <clipPath id="SVGID_7_">
+ <use xlink:href="#SVGID_16_" overflow="visible"/>
+ </clipPath>
+ </g>
+ </g>
+</g>
+<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#FBFBFB" points="16.575,1.021 16.561,1.008 5.583,12 16.577,23.008
+ 16.591,22.994 "/>
</svg>
diff --git a/arc-firefox-theme/chrome/global/reader/pocket.svg b/arc-firefox-theme/chrome/global/reader/pocket.svg deleted file mode 100644 index d93fd6a..0000000 --- a/arc-firefox-theme/chrome/global/reader/pocket.svg +++ /dev/null @@ -1,22 +0,0 @@ -<?xml version="1.0" encoding="utf-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
- <style>
- use:not(:target) {
- display: none;
- }
- use {
- fill: #808080;
- }
- use[id$="-added"] {
- fill: #ee4056;
- }
- </style>
- <defs>
- <path id="pocket-mark-shape" d="M21.901,4.204C21.642,3.484,20.956,3,20.196,3h-0.01h-1.721H3.814C3.067,3,2.385,3.474,2.119,4.179 C2.04,4.388,2,4.606,2,4.828v6.082l0.069,1.21c0.29,2.751,1.707,5.155,3.899,6.832c0.039,0.03,0.079,0.06,0.119,0.089l0.025,0.018 c1.175,0.866,2.491,1.452,3.91,1.741C10.677,20.932,11.347,21,12.013,21c0.615,0,1.232-0.057,1.839-0.171 c0.073-0.014,0.145-0.028,0.219-0.044c0.02-0.004,0.042-0.012,0.064-0.023c1.359-0.299,2.621-0.87,3.753-1.704l0.025-0.018 c0.04-0.029,0.08-0.059,0.119-0.089c2.192-1.677,3.609-4.08,3.898-6.832L22,10.91V4.828C22,4.618,21.975,4.409,21.901,4.204z M17.667,10.539l-4.704,4.547c-0.266,0.256-0.608,0.385-0.949,0.385c-0.342,0-0.684-0.129-0.949-0.385l-4.705-4.547 c-0.547-0.528-0.565-1.403-0.04-1.954c0.524-0.551,1.392-0.569,1.939-0.041l3.756,3.63l3.755-3.63 c0.547-0.528,1.415-0.51,1.939,0.04C18.231,9.136,18.213,10.011,17.667,10.539z"/>
- </defs>
- <use id="pocket-mark" xlink:href="#pocket-mark-shape"/>
- <use id="pocket-mark-added" xlink:href="#pocket-mark-shape"/>
-</svg>
diff --git a/arc-firefox-theme/chrome/global/tabbox.css b/arc-firefox-theme/chrome/global/tabbox.css index f575996..822968c 100644 --- a/arc-firefox-theme/chrome/global/tabbox.css +++ b/arc-firefox-theme/chrome/global/tabbox.css @@ -48,7 +48,7 @@ tab { color: -moz-DialogText; } -tab[visuallyselected="true"] { +tab[selected="true"] { z-index: 1; margin-top: 0; margin-bottom: -2px; @@ -83,7 +83,7 @@ tab + tab { border-bottom-left-radius: 2px; } -.tab-bottom[visuallyselected="true"] { +.tab-bottom[selected="true"] { margin-bottom: 0; margin-top: -2px; padding-top: 6px; diff --git a/arc-firefox-theme/chrome/global/toolbarbutton.css b/arc-firefox-theme/chrome/global/toolbarbutton.css index a62e173..4a11f72 100644 --- a/arc-firefox-theme/chrome/global/toolbarbutton.css +++ b/arc-firefox-theme/chrome/global/toolbarbutton.css @@ -106,25 +106,37 @@ toolbarbutton[type="menu-button"][disabled="true"]:hover:active { } /* ::::: toolbarbutton badged ::::: */ -.toolbarbutton-badge-stack > .toolbarbutton-icon[label]:not([label=""]) { - -moz-margin-end: 0; -} .toolbarbutton-badge { background-color: #d90000; +} + +.toolbarbutton-badge::after { + /* The |content| property is set in the content stylesheet. */ font-size: 10px; - padding: 0 2px 1px; + font-weight: bold; + padding: 1px 2px 2px; color: #fff; + background-color: inherit; border-radius: 2px; box-shadow: 0 1px 0 hsla(0, 100%, 100%, .2) inset, 0 -1px 0 hsla(0, 0%, 0%, .1) inset, 0 1px 0 hsla(206, 50%, 10%, .2); - margin: -6px 0 0 !important; - -moz-margin-end: -8px !important; - min-width: 14px; + position: absolute; + top: -4px; + right: -2px; + min-width: 10px; line-height: 10px; text-align: center; - -moz-stack-sizing: ignore; +} + +.toolbarbutton-badge:-moz-locale-dir(rtl)::after { + left: -2px; + right: auto; +} + +.toolbarbutton-badge-container { + position: relative; } /* .......... dropmarker .......... */ diff --git a/arc-firefox-theme/chrome/global/tree/sort-asc.png b/arc-firefox-theme/chrome/global/tree/sort-asc.png Binary files differindex 4e335c5..64d077a 100644 --- a/arc-firefox-theme/chrome/global/tree/sort-asc.png +++ b/arc-firefox-theme/chrome/global/tree/sort-asc.png diff --git a/arc-firefox-theme/chrome/global/tree/sort-dsc.png b/arc-firefox-theme/chrome/global/tree/sort-dsc.png Binary files differindex d5bb668..9c4a825 100644 --- a/arc-firefox-theme/chrome/global/tree/sort-dsc.png +++ b/arc-firefox-theme/chrome/global/tree/sort-dsc.png diff --git a/arc-firefox-theme/chrome/global/tree/twisty-clsd-hover-rtl.png b/arc-firefox-theme/chrome/global/tree/twisty-clsd-hover-rtl.png Binary files differdeleted file mode 100644 index 1b65197..0000000 --- a/arc-firefox-theme/chrome/global/tree/twisty-clsd-hover-rtl.png +++ /dev/null diff --git a/arc-firefox-theme/chrome/global/tree/twisty-clsd-hover.png b/arc-firefox-theme/chrome/global/tree/twisty-clsd-hover.png Binary files differdeleted file mode 100644 index 763c1da..0000000 --- a/arc-firefox-theme/chrome/global/tree/twisty-clsd-hover.png +++ /dev/null diff --git a/arc-firefox-theme/chrome/global/tree/twisty-clsd-rtl.png b/arc-firefox-theme/chrome/global/tree/twisty-clsd-rtl.png Binary files differdeleted file mode 100644 index 02f4e32..0000000 --- a/arc-firefox-theme/chrome/global/tree/twisty-clsd-rtl.png +++ /dev/null diff --git a/arc-firefox-theme/chrome/global/tree/twisty-clsd.png b/arc-firefox-theme/chrome/global/tree/twisty-clsd.png Binary files differindex f67f60c..7fe7fb5 100644 --- a/arc-firefox-theme/chrome/global/tree/twisty-clsd.png +++ b/arc-firefox-theme/chrome/global/tree/twisty-clsd.png diff --git a/arc-firefox-theme/chrome/global/tree/twisty-open-hover-rtl.png b/arc-firefox-theme/chrome/global/tree/twisty-open-hover-rtl.png Binary files differdeleted file mode 100644 index a0157cc..0000000 --- a/arc-firefox-theme/chrome/global/tree/twisty-open-hover-rtl.png +++ /dev/null diff --git a/arc-firefox-theme/chrome/global/tree/twisty-open-hover.png b/arc-firefox-theme/chrome/global/tree/twisty-open-hover.png Binary files differdeleted file mode 100644 index 31c9478..0000000 --- a/arc-firefox-theme/chrome/global/tree/twisty-open-hover.png +++ /dev/null diff --git a/arc-firefox-theme/chrome/global/tree/twisty-open-rtl.png b/arc-firefox-theme/chrome/global/tree/twisty-open-rtl.png Binary files differdeleted file mode 100644 index 4e606d2..0000000 --- a/arc-firefox-theme/chrome/global/tree/twisty-open-rtl.png +++ /dev/null diff --git a/arc-firefox-theme/chrome/global/tree/twisty-open.png b/arc-firefox-theme/chrome/global/tree/twisty-open.png Binary files differindex b8b7583..df66d77 100644 --- a/arc-firefox-theme/chrome/global/tree/twisty-open.png +++ b/arc-firefox-theme/chrome/global/tree/twisty-open.png |
