diff options
Diffstat (limited to 'arc-firefox-theme/chrome')
805 files changed, 69322 insertions, 0 deletions
diff --git a/arc-firefox-theme/chrome/browser/Geolocation-16.png b/arc-firefox-theme/chrome/browser/Geolocation-16.png Binary files differnew file mode 100644 index 0000000..082b177 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/Geolocation-16.png diff --git a/arc-firefox-theme/chrome/browser/Geolocation-64.png b/arc-firefox-theme/chrome/browser/Geolocation-64.png Binary files differnew file mode 100644 index 0000000..6e09ab9 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/Geolocation-64.png diff --git a/arc-firefox-theme/chrome/browser/Info.png b/arc-firefox-theme/chrome/browser/Info.png Binary files differnew file mode 100644 index 0000000..d144798 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/Info.png diff --git a/arc-firefox-theme/chrome/browser/Privacy-16.png b/arc-firefox-theme/chrome/browser/Privacy-16.png Binary files differnew file mode 100644 index 0000000..013cdc4 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/Privacy-16.png diff --git a/arc-firefox-theme/chrome/browser/Push-16.png b/arc-firefox-theme/chrome/browser/Push-16.png Binary files differnew file mode 100644 index 0000000..082b177 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/Push-16.png diff --git a/arc-firefox-theme/chrome/browser/Push-64.png b/arc-firefox-theme/chrome/browser/Push-64.png Binary files differnew file mode 100644 index 0000000..6e09ab9 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/Push-64.png diff --git a/arc-firefox-theme/chrome/browser/Secure.png b/arc-firefox-theme/chrome/browser/Secure.png Binary files differnew file mode 100644 index 0000000..5ee25e9 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/Secure.png diff --git a/arc-firefox-theme/chrome/browser/Security-broken.png b/arc-firefox-theme/chrome/browser/Security-broken.png Binary files differnew file mode 100644 index 0000000..1ec110b --- /dev/null +++ b/arc-firefox-theme/chrome/browser/Security-broken.png diff --git a/arc-firefox-theme/chrome/browser/Toolbar-inverted.png b/arc-firefox-theme/chrome/browser/Toolbar-inverted.png Binary files differnew file mode 100644 index 0000000..e2ee578 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/Toolbar-inverted.png diff --git a/arc-firefox-theme/chrome/browser/Toolbar-small.png b/arc-firefox-theme/chrome/browser/Toolbar-small.png Binary files differnew file mode 100644 index 0000000..8f100a5 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/Toolbar-small.png diff --git a/arc-firefox-theme/chrome/browser/Toolbar.png b/arc-firefox-theme/chrome/browser/Toolbar.png Binary files differnew file mode 100644 index 0000000..d05345d --- /dev/null +++ b/arc-firefox-theme/chrome/browser/Toolbar.png diff --git a/arc-firefox-theme/chrome/browser/aboutCertError.css b/arc-firefox-theme/chrome/browser/aboutCertError.css new file mode 100644 index 0000000..c7caf53 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/aboutCertError.css @@ -0,0 +1,72 @@ +/* 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/. */ + + +html { + background: -moz-Dialog; +} + +body { + margin: 0; + padding: 0 1em; + color: -moz-FieldText; + font: message-box; +} + +h1 { + margin: 0 0 .6em 0; + border-bottom: 1px solid ThreeDLightShadow; + font-size: 160%; +} + +h2 { + font-size: 130%; +} + +#errorPageContainer { + position: relative; + min-width: 13em; + max-width: 52em; + margin: 4em auto; + border: 1px solid #FFBD09; /* pale yellow extracted from yellow passport icon */ + border-radius: 10px; + padding: 3em; + -moz-padding-start: 30px; + background: url("chrome://global/skin/icons/sslWarning.png") left 0 no-repeat -moz-Field; + background-origin: content-box; +} + +#errorPageContainer:-moz-dir(rtl) { + background-position: right 0; +} + +#errorTitle { + -moz-margin-start: 80px; +} + +#errorLongContent { + -moz-margin-start: 80px; +} + +.expander > button { + -moz-padding-start: 20px; + -moz-margin-start: -20px; + background: url("chrome://browser/skin/aboutCertError_sectionExpanded.png") left center no-repeat; + border: none; + font: inherit; + color: inherit; + cursor: pointer; +} + +.expander > button:-moz-dir(rtl) { + background-position: right center; +} + +.expander[collapsed] > button { + background-image: url("chrome://browser/skin/aboutCertError_sectionCollapsed.png"); +} + +.expander[collapsed] > button:-moz-dir(rtl) { + background-image: url("chrome://browser/skin/aboutCertError_sectionCollapsed-rtl.png"); +} diff --git a/arc-firefox-theme/chrome/browser/aboutCertError_sectionCollapsed-rtl.png b/arc-firefox-theme/chrome/browser/aboutCertError_sectionCollapsed-rtl.png Binary files differnew file mode 100644 index 0000000..84ba18c --- /dev/null +++ b/arc-firefox-theme/chrome/browser/aboutCertError_sectionCollapsed-rtl.png diff --git a/arc-firefox-theme/chrome/browser/aboutCertError_sectionCollapsed.png b/arc-firefox-theme/chrome/browser/aboutCertError_sectionCollapsed.png Binary files differnew file mode 100644 index 0000000..c9805f6 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/aboutCertError_sectionCollapsed.png diff --git a/arc-firefox-theme/chrome/browser/aboutCertError_sectionExpanded.png b/arc-firefox-theme/chrome/browser/aboutCertError_sectionExpanded.png Binary files differnew file mode 100644 index 0000000..128cef9 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/aboutCertError_sectionExpanded.png diff --git a/arc-firefox-theme/chrome/browser/aboutNetError.css b/arc-firefox-theme/chrome/browser/aboutNetError.css new file mode 100644 index 0000000..460efd5 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/aboutNetError.css @@ -0,0 +1,138 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@import url("chrome://global/skin/in-content/common.css"); + +body { + display: flex; + box-sizing: padding-box; + min-height: 100vh; + padding: 0 48px; + align-items: center; + justify-content: center; +} + +ul, ol { + margin: 0; + padding: 0; + -moz-margin-start: 1em; +} + +ul > li, ol > li { + margin-bottom: .5em; +} + +ul { + list-style: disc; +} + +#errorPageContainer { + position: relative; + min-width: 320px; + max-width: 512px; +} + +#errorTitleText { + background: url("aboutNetError_info.svg") left 0 no-repeat; + background-size: 1.2em; + -moz-margin-start: -2em; + -moz-padding-start: 2em; +} + +#errorTitleText:-moz-dir(rtl) { + background-position: right 0; +} + +#errorTitleText[sslv3=true] { + background-image: url("aboutNetError_alert.svg"); +} + +#errorTryAgain { + margin-top: 1.2em; + min-width: 150px +} + +#errorContainer { + display: none; +} + +@media (max-width: 675px) { + #errorTitleText { + padding-top: 0; + background-image: none; + -moz-padding-start: 0; + -moz-margin-start: 0; + } +} + +/* Pressing the retry button will cause the cursor to flicker from a pointer to + * not-allowed. Override the disabled cursor behaviour since we will never show + * the button disabled as the initial state. */ +button:disabled { + cursor: pointer; +} + +div#certificateErrorReporting { + display: none; + float: right; + /* Align with the "Try Again" button */ + margin-top: 24px; + -moz-margin-end: 24px; +} + +div#certificateErrorReporting a { + text-decoration: none; +} + +div#certificateErrorReporting a:hover { + text-decoration: underline; +} + +span.downArrow { + display: inline-block; + vertical-align: middle; + font-size: 0.6em; + -moz-margin-start: 0.5em; + transform: scaleY(0.7); +} + +div#certificateErrorReportingPanel { + /* Hidden until the link is clicked */ + display: none; + background-color: white; + border: 1px lightgray solid; + /* Don't use top padding because the default p style has top padding, and it + * makes the overall div look uneven */ + padding: 0 12px 12px 12px; + box-shadow: 0 0 4px #ddd; + font-size: 0.9em; + position: absolute; + width: 75%; + margin-top: 10px; +} + +div#certificateErrorReportingPanel:-moz-dir(ltr) { + left: 34%; +} + +div#certificateErrorReportingPanel:-moz-dir(rtl) { + right: 0; +} + +#errorStatePanel { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-between; + align-content: space-between; + align-items: flex-start; +} + +span#hostname { + font-weight: bold; +} + +#automaticallyReportInFuture { + cursor: pointer; +} diff --git a/arc-firefox-theme/chrome/browser/aboutNetError_alert.svg b/arc-firefox-theme/chrome/browser/aboutNetError_alert.svg new file mode 100644 index 0000000..7b95d68 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/aboutNetError_alert.svg @@ -0,0 +1,15 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve"> +<g> + <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="20" y1="4" x2="20" y2="36"> + <stop offset="0" style="stop-color:#E63B2E"/> + <stop offset="1" style="stop-color:#C33931"/> + </linearGradient> + <path fill="url(#SVGID_1_)" d="M13.373,4L4,13.372v13.256L13.373,36h13.255L36,26.628V13.372L26.627,4H13.373z M22.176,8.704 l-0.48,14.304h-3.424L17.76,8.704H22.176z M20,31.296c-1.44,0-2.592-1.184-2.592-2.592c0-1.44,1.152-2.592,2.592-2.592 c1.472,0,2.592,1.152,2.592,2.592C22.592,30.112,21.472,31.296,20,31.296z"/> + <linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="20" y1="-3.728928e-10" x2="20" y2="40"> + <stop offset="0" style="stop-color:#E63B2E"/> + <stop offset="1" style="stop-color:#C33931"/> + </linearGradient> + <path fill="url(#SVGID_2_)" d="M28.284,0H11.716L0,11.716v16.569L11.716,40h16.569L40,28.284V11.716L28.284,0z M38,27.456 L27.456,38H12.544L2,27.456V12.544L12.544,2h14.911L38,12.544V27.456z"/> +</g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/aboutNetError_info.svg b/arc-firefox-theme/chrome/browser/aboutNetError_info.svg new file mode 100644 index 0000000..20010c1 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/aboutNetError_info.svg @@ -0,0 +1,5 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="#424E5A"> + <circle cx="50" cy="50" r="44" stroke="#424E5A" stroke-width="11" fill="none"/> + <circle cx="50" cy="24.6" r="6.4"/> + <rect x="45" y="39.9" width="10.1" height="41.8"/> +</svg> diff --git a/arc-firefox-theme/chrome/browser/aboutProviderDirectory.css b/arc-firefox-theme/chrome/browser/aboutProviderDirectory.css new file mode 100644 index 0000000..ba1a542 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/aboutProviderDirectory.css @@ -0,0 +1,69 @@ +@import url("chrome://global/skin/in-content/common.css"); + +#errorPageContainer { + min-width: 50%; +} + +#errorTitle { + background: url("aboutNetError_info.svg") left 0 no-repeat; + background-size: 2em; + -moz-padding-start: 3em; +} + +#button-box { + text-align: center; + width: 75%; + margin: 0 auto; +} + +button { + width: auto !important; + min-width: 150px; +} + +@media all and (max-width: 300px) { + body { + padding: 0px 10px; + } + #errorPageContainer { + min-width: 100%; + } + #errorTitle { + background: none; + -moz-padding-start: 0 !important; + } + button { + width: auto !important; + min-width: auto !important; + } +} + + +body { + width: 310px; + margin: 1em auto; +} + +#message-box { + margin-top: 2em; + background: url('chrome://global/skin/icons/information-24.png') no-repeat left 4px; + -moz-padding-start: 30px; +} + +#activation-frame { + border: none; + margin: 0; + width: 310px; + height: 200px; +} +#activation > p { + width: 100%; + text-align: center; + margin: 0; + line-height: 2em; +} +.link { + text-decoration: none; + color: -moz-nativehyperlinktext; + cursor: pointer; +} diff --git a/arc-firefox-theme/chrome/browser/aboutSessionRestore-window-icon.png b/arc-firefox-theme/chrome/browser/aboutSessionRestore-window-icon.png Binary files differnew file mode 100644 index 0000000..a998323 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/aboutSessionRestore-window-icon.png diff --git a/arc-firefox-theme/chrome/browser/aboutSessionRestore.css b/arc-firefox-theme/chrome/browser/aboutSessionRestore.css new file mode 100644 index 0000000..6f4036f --- /dev/null +++ b/arc-firefox-theme/chrome/browser/aboutSessionRestore.css @@ -0,0 +1,33 @@ + +.title { + background-image: url("chrome://browser/skin/session-restore.svg"); +} + +treechildren::-moz-tree-image(icon), +treechildren::-moz-tree-image(noicon) { + padding-right: 2px; + margin: 0 2px; + width: 16px; + height: 16px; +} + +treechildren::-moz-tree-image(noicon) { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); +} +treechildren::-moz-tree-image(container, noicon) { + list-style-image: url("chrome://browser/skin/aboutSessionRestore-window-icon.png"); +} + +treechildren::-moz-tree-image(checked) { + list-style-image: url("chrome://global/skin/in-content/check.svg#check"); +} +treechildren::-moz-tree-image(checked, selected) { + list-style-image: url("chrome://global/skin/in-content/check.svg#check-inverted"); +} + +treechildren::-moz-tree-image(partial) { + list-style-image: url("chrome://global/skin/in-content/check-partial.svg#check-partial"); +} +treechildren::-moz-tree-image(partial, selected) { + list-style-image: url("chrome://global/skin/in-content/check-partial.svg#check-partial-inverted"); +} diff --git a/arc-firefox-theme/chrome/browser/aboutSocialError.css b/arc-firefox-theme/chrome/browser/aboutSocialError.css new file mode 100644 index 0000000..cb4a890 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/aboutSocialError.css @@ -0,0 +1,40 @@ +@import url("chrome://global/skin/in-content/common.css"); + +#errorPageContainer { + min-width: 50%; +} + +#errorTitle { + background: url("aboutNetError_info.svg") left 0 no-repeat; + background-size: 2em; + -moz-padding-start: 3em; +} + +#button-box { + text-align: center; + width: 75%; + margin: 0 auto; +} + +button { + width: auto !important; + min-width: 150px; +} + +@media all and (max-width: 300px) { + body { + padding: 0px 10px; + } + #errorPageContainer { + min-width: 100%; + } + #errorTitle { + background: none; + -moz-padding-start: 0 !important; + } + button { + width: auto !important; + min-width: auto !important; + } +} + diff --git a/arc-firefox-theme/chrome/browser/aboutSyncTabs.css b/arc-firefox-theme/chrome/browser/aboutSyncTabs.css new file mode 100644 index 0000000..4f21a9d --- /dev/null +++ b/arc-firefox-theme/chrome/browser/aboutSyncTabs.css @@ -0,0 +1,101 @@ +/* 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/. */ + +#tabs-display, +#tabsList { + background-color: transparent; + -moz-appearance: none; + margin: 0; +} + +#tabsList { + width: 100%; +} + +#tabs-display { + background: #fff url(chrome://browser/skin/sync-bg.png) repeat-x center -80px; +} + +#headers { + background: url(chrome://browser/skin/sync-32.png) no-repeat; + margin-top: 4px; + width: 45em; + height: 32px; + -moz-margin-start: 2em; + -moz-margin-end: 2em; +} + +#tabsListHeading { + font-size: 140%; + font-weight: bold; + -moz-margin-start: 40px; +} + +richlistitem { + -moz-margin-end: 2em; +} + +richlistitem[selected="true"], +richlistitem:focus { + outline-style: none; +} + +richlistitem[type="tab"] { + min-height: 3em; + border: #999999 1px solid !important; + padding: 2px 5px; + margin-bottom: 4px; + -moz-margin-start: 4em; + border-radius: 6px; + background-color: menu; + width: 44em; + opacity: 0.9; + box-shadow: + inset rgba(255, 255, 255, 0.5) 0 1px 0px, + inset rgba(0, 0, 0, 0.1) 0 -2px 0px, + rgba(0, 0, 0, 0.1) 0px 1px 0px; +} + +richlistitem[type="tab"][selected="true"] { + background-color: -moz-MenuHover; +} + +richlistitem[type="client"] { + min-height: 2em; + color: #000000; + -moz-margin-start: 2em; + margin-top: 2px; + margin-bottom: 3px; + width: 42em; + border-radius: 6px; + background-color: transparent; + -moz-user-focus: ignore !important; +} +richlistitem.mobile[type="client"] { + list-style-image: url("chrome://browser/skin/sync-mobileIcon.png"); +} +richlistitem.desktop[type="client"] { + list-style-image: url("chrome://browser/skin/sync-desktopIcon.png"); +} + +.title, +.clientName { + color: #000000; + font-size: 1.1em; +} + +.title[selected="true"], +.url[selected="true"] { + color: inherit; +} + +.url { + color: -moz-nativehyperlinktext; + font-size: 0.95em; +} + +.tabIcon { + -moz-padding-start: 2px; + padding-top: 2px; +} diff --git a/arc-firefox-theme/chrome/browser/aboutTabCrashed.css b/arc-firefox-theme/chrome/browser/aboutTabCrashed.css new file mode 100644 index 0000000..2ef767e --- /dev/null +++ b/arc-firefox-theme/chrome/browser/aboutTabCrashed.css @@ -0,0 +1,11 @@ +/* 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/. */ + +.title { + background-image: url("chrome://browser/skin/tab-crashed.svg"); +} + +#reportSent { + font-weight: bold; +} diff --git a/arc-firefox-theme/chrome/browser/aboutWelcomeBack.css b/arc-firefox-theme/chrome/browser/aboutWelcomeBack.css new file mode 100644 index 0000000..815ad46 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/aboutWelcomeBack.css @@ -0,0 +1,47 @@ +/* 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/. */ + +.title { + background-image: url("chrome://browser/skin/welcome-back.svg"); +} + +.radioRestoreContainer:not(:last-child) { + margin-bottom: 0.2em; +} + +/* tablist starts out hidden, but JS may make it visible in response to + clicks on the radio buttons by setting an "available" attribute. +*/ +.tree-container:not([available]) { + display: none; +} + +treechildren::-moz-tree-image(icon), +treechildren::-moz-tree-image(noicon) { + padding-right: 2px; + margin: 0 2px; + width: 16px; + height: 16px; +} + +treechildren::-moz-tree-image(noicon) { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); +} +treechildren::-moz-tree-image(container, noicon) { + list-style-image: url("chrome://browser/skin/aboutSessionRestore-window-icon.png"); +} + +treechildren::-moz-tree-image(checked) { + list-style-image: url("chrome://global/skin/in-content/check.svg#check"); +} +treechildren::-moz-tree-image(checked, selected) { + list-style-image: url("chrome://global/skin/in-content/check.svg#check-inverted"); +} + +treechildren::-moz-tree-image(partial) { + list-style-image: url("chrome://global/skin/in-content/check-partial.svg#check-partial"); +} +treechildren::-moz-tree-image(partial, selected) { + list-style-image: url("chrome://global/skin/in-content/check-partial.svg#check-partial-inverted"); +} diff --git a/arc-firefox-theme/chrome/browser/actionicon-tab.png b/arc-firefox-theme/chrome/browser/actionicon-tab.png Binary files differnew file mode 100644 index 0000000..433c25e --- /dev/null +++ b/arc-firefox-theme/chrome/browser/actionicon-tab.png diff --git a/arc-firefox-theme/chrome/browser/bad-content-blocked-16.png b/arc-firefox-theme/chrome/browser/bad-content-blocked-16.png Binary files differnew file mode 100644 index 0000000..7cf33ec --- /dev/null +++ b/arc-firefox-theme/chrome/browser/bad-content-blocked-16.png diff --git a/arc-firefox-theme/chrome/browser/bad-content-blocked-16@2x.png b/arc-firefox-theme/chrome/browser/bad-content-blocked-16@2x.png Binary files differnew file mode 100644 index 0000000..c2e49b3 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/bad-content-blocked-16@2x.png diff --git a/arc-firefox-theme/chrome/browser/bad-content-blocked-64.png b/arc-firefox-theme/chrome/browser/bad-content-blocked-64.png Binary files differnew file mode 100644 index 0000000..75cf7f9 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/bad-content-blocked-64.png diff --git a/arc-firefox-theme/chrome/browser/bad-content-unblocked-16.png b/arc-firefox-theme/chrome/browser/bad-content-unblocked-16.png Binary files differnew file mode 100644 index 0000000..2bf0868 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/bad-content-unblocked-16.png diff --git a/arc-firefox-theme/chrome/browser/bad-content-unblocked-64.png b/arc-firefox-theme/chrome/browser/bad-content-unblocked-64.png Binary files differnew file mode 100644 index 0000000..54eb9f3 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/bad-content-unblocked-64.png diff --git a/arc-firefox-theme/chrome/browser/badge-add-engine.png b/arc-firefox-theme/chrome/browser/badge-add-engine.png Binary files differnew file mode 100644 index 0000000..226b7bf --- /dev/null +++ b/arc-firefox-theme/chrome/browser/badge-add-engine.png diff --git a/arc-firefox-theme/chrome/browser/browser-lightweightTheme.css b/arc-firefox-theme/chrome/browser/browser-lightweightTheme.css new file mode 100644 index 0000000..8bc1b45 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/browser-lightweightTheme.css @@ -0,0 +1,34 @@ +/* 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/. */ + +/* 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/. */ + + + +/* + * LightweightThemeListener will append the current lightweight theme's header + * image to the background-image for each of the following rulesets. + */ + +/* Lightweight theme on tabs */ +#tabbrowser-tabs:not([movingtab]) > .tabbrowser-tab > .tab-stack > .tab-background > .tab-background-start[visuallyselected=true]:-moz-lwtheme::before, +#tabbrowser-tabs:not([movingtab]) > .tabbrowser-tab > .tab-stack > .tab-background > .tab-background-end[visuallyselected=true]:-moz-lwtheme::before { + background-attachment: scroll, fixed; + background-color: transparent; + background-image: linear-gradient(transparent 0px, transparent 2px, hsla(0,0%,100%,0.35) 2px, hsla(0,0%,100%,0.35) 3px, hsla(0,0%,100%,0.65) 3px, hsla(0,0%,100%,0.65) 4px, rgba(255,255,255,.3));/*, lwtHeader;*/ + background-position: 0 0, right top; + background-repeat: repeat-x, no-repeat; +} + +#tabbrowser-tabs:not([movingtab]) > .tabbrowser-tab > .tab-stack > .tab-background > .tab-background-middle[visuallyselected=true]:-moz-lwtheme { + background-attachment: scroll, scroll, fixed; + background-color: transparent; + background-image: url(chrome://browser/skin/tabbrowser/tab-active-middle.png), + linear-gradient(transparent 0px, transparent 2px, hsla(0,0%,100%,0.35) 2px, hsla(0,0%,100%,0.35) 3px, hsla(0,0%,100%,0.65) 3px, hsla(0,0%,100%,0.65) 4px, rgba(255,255,255,.3));/*, + lwtHeader;*/ + background-position: 0 0, 0 0, right top; + background-repeat: repeat-x, repeat-x, no-repeat; +} diff --git a/arc-firefox-theme/chrome/browser/browser.css b/arc-firefox-theme/chrome/browser/browser.css new file mode 100644 index 0000000..4b453d7 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/browser.css @@ -0,0 +1,4520 @@ +@import url("chrome://global/skin/"); +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); +@namespace svg url("http://www.w3.org/2000/svg"); +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ +:root { + --toolbarbutton-hover-background: #3d414b; + --toolbarbutton-hover-boxshadow: none; + --toolbarbutton-hover-bordercolor: #5294E2; + --toolbarbutton-active-boxshadow: none; + --toolbarbutton-active-bordercolor: #5294E2; + --toolbarbutton-active-background: #5294E2; + --toolbarbutton-checkedhover-backgroundcolor: #5294E2; + --toolbarbutton-combined-boxshadow: none; + --toolbarbutton-combined-backgroundimage: linear-gradient(rgba(23, 51, 79, 0.2) 0, rgba(23, 51, 79, 0.2) 18px); + --verified-identity-box-backgroundcolor: transparent; } + +#menubar-items { + -moz-box-orient: vertical; + /* for flex hack */ } + +#main-menubar { + -moz-box-flex: 1; + /* make menu items expand to fill toolbar height */ } + +#navigator-toolbox { + -moz-appearance: none; + background-color: transparent; + border-top: none; } + +#navigator-toolbox::after { + content: ""; + display: -moz-box; + -moz-box-ordinal-group: 101; + /* tabs toolbar is 100 */ + height: 1px; + background-color: #2d3036; } + +#navigator-toolbox > toolbar:not(:-moz-lwtheme):not(#toolbar-menubar):not(#TabsToolbar) { + -moz-appearance: none; + border-style: none; + background-color: -moz-Dialog; } + +#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar) { + padding-top: 1px; + padding-bottom: 1px; } + +#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar):not(#addon-bar) { + overflow: -moz-hidden-unscrollable; + max-height: 4em; + transition: min-height 170ms ease-out, max-height 170ms ease-out; } + +#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar):not(#addon-bar)[collapsed=true] { + min-height: 0.1px; + max-height: 0; + transition: min-height 170ms ease-out, max-height 170ms ease-out, visibility 170ms linear; } + +#TabsToolbar:not([collapsed="true"]) + #nav-bar { + border-top: 1px solid rgba(29, 32, 36, 0.97) !important; + background-clip: padding-box; + margin-top: -1px; + /* Move up into the TabsToolbar for the inner highlight at the top of the nav-bar */ + /* Position the toolbar above the bottom of background tabs */ + position: relative; + z-index: 1; } + +#main-window[htitlemode=always] #TabsToolbar { + box-shadow: inset 0 1px rgba(54, 60, 68, 0.97) !important; } + +#nav-bar { + background-image: none !important; + background-color: #444852 !important; + box-shadow: none; + padding-top: 3px; + padding-bottom: 3px; } + +#nav-bar-overflow-button { + -moz-image-region: rect(-5px, 12px, 11px, -4px); } + +/* This only has an effect when this element is placed on the bookmarks toolbar. + * It's 30px to make sure buttons with 18px icons fit along with the default 16px + * icons, without changing the size of the toolbar. + */ +#personal-bookmarks { + min-height: 30px; } + +#browser-bottombox { + /* opaque for layers optimization */ + background-color: -moz-Dialog; } + +#urlbar:-moz-lwtheme:not([focused="true"]), +.searchbar-textbox:-moz-lwtheme:not([focused="true"]) { + opacity: .85; } + +/* Places toolbar */ +toolbarbutton.bookmark-item:not(.subviewbutton), +#personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder { + margin: 1px; + padding: 2px 3px; } + +toolbarbutton.bookmark-item:not(.subviewbutton):not(:hover):not(:active):not([open]) { + color: inherit; } + +.bookmark-item:not(#home-button) > .toolbarbutton-icon, +#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-icon { + width: 16px; + height: 16px; } + +/* Force the display of the label for bookmarks */ +.bookmark-item > .toolbarbutton-text, +#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-text { + display: -moz-box !important; } + +.bookmark-item > .toolbarbutton-menu-dropmarker { + display: none; } + +/* Dropmarker for folder bookmarks */ +.bookmark-item[container] > .toolbarbutton-menu-dropmarker { + display: -moz-box !important; } + +#bookmarks-toolbar-placeholder { + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important; } + +toolbarpaletteitem[place="palette"] > #personal-bookmarks > #bookmarks-toolbar-placeholder, +#personal-bookmarks[cui-areatype="menu-panel"] > #bookmarks-toolbar-placeholder { + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar-menuPanel.png") !important; } + +toolbarbutton.bookmark-item { + -moz-appearance: none; + border: 1px solid transparent; + border-radius: 2px; + background: none; + color: #D3DAE3; } + +toolbarbutton.bookmark-item:not([disabled=true]):hover { + -moz-appearance: none; + color: #D3DAE3; + background-color: #3d414b; + border: 1px solid #5294E2; } + +toolbarbutton.bookmark-item:not([disabled=true]):-moz-any([open], [checked], :hover:active) { + -moz-appearance: none; + color: #ffffff; + background-color: #5294E2; + border: 1px solid #5294E2; } + +/* ----- BOOKMARK STAR ANIMATION ----- */ +@keyframes animation-bookmarkAdded { + from { + transform: rotate(0deg) translateX(-16px) rotate(0deg) scale(1); + opacity: 0; } + 60% { + transform: rotate(180deg) translateX(-16px) rotate(-180deg) scale(2.2); + opacity: 1; } + 80% { + opacity: 1; } + to { + transform: rotate(180deg) translateX(-16px) rotate(-180deg) scale(1); + opacity: 0; } } +@keyframes animation-bookmarkPulse { + from { + transform: scale(1); } + 50% { + transform: scale(1.3); } + to { + transform: scale(1); } } +#bookmarked-notification-container { + min-height: 1px; + min-width: 1px; + height: 1px; + margin-bottom: -1px; + z-index: 5; + position: relative; } + +#bookmarked-notification { + background-size: 16px; + background-position: center; + background-repeat: no-repeat; + width: 16px; + height: 16px; + opacity: 0; } + +#bookmarked-notification-dropmarker-anchor { + z-index: -1; + position: relative; } + +#bookmarked-notification-dropmarker-icon { + width: 18px; + height: 18px; + visibility: hidden; } + +#bookmarked-notification-anchor[notification="finish"] > #bookmarked-notification { + background-image: url("chrome://browser/skin/places/bookmarks-notification-finish.png"); + animation: animation-bookmarkAdded 800ms; + animation-timing-function: ease, ease, ease; } + +#bookmarks-menu-button[notification="finish"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { + list-style-image: none !important; } + +#bookmarked-notification-dropmarker-anchor[notification="finish"] > #bookmarked-notification-dropmarker-icon { + visibility: visible; + animation: animation-bookmarkPulse 300ms; + animation-delay: 600ms; + animation-timing-function: ease-out; } + +/* Bookmark menus */ +menu.bookmark-item, +menuitem.bookmark-item { + min-width: 0; + max-width: 32em; } + +.bookmark-item:not(.subviewbutton) > .menu-iconic-left { + margin-top: 0; + margin-bottom: 0; } + +.bookmark-item > .menu-iconic-left > .menu-iconic-icon { + -moz-padding-start: 0px; } + +/* Bookmark drag and drop styles */ +.bookmark-item[dragover-into="true"] { + background: Highlight !important; + color: HighlightText !important; } + +/* rules for menupopup drop indicators */ +.menupopup-drop-indicator-bar { + position: relative; + /* these two margins must together compensate the indicator's height */ + margin-top: -1px; + margin-bottom: -1px; } + +.menupopup-drop-indicator { + list-style-image: none; + height: 2px; + -moz-margin-end: -4em; + background-color: Highlight; } + +/* Bookmarks toolbar */ +#PlacesToolbarDropIndicator { + list-style-image: url(chrome://browser/skin/places/toolbarDropMarker.png); } + +/* Bookmark items */ +.bookmark-item { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); } + +.bookmark-item[container] { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu"); } + +.bookmark-item[container][livemark] { + list-style-image: url("chrome://browser/skin/feeds/feedIcon16.png"); } + +.bookmark-item[container][livemark] .bookmark-item { + list-style-image: url("chrome://browser/skin/places/livemark-item.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); } + +.bookmark-item[container][livemark] .bookmark-item[visited] { + -moz-image-region: rect(0px, 32px, 16px, 16px); } + +.bookmark-item[container][query] { + list-style-image: url("chrome://browser/skin/places/query.png"); } + +.bookmark-item[query][tagContainer] { + list-style-image: url("chrome://browser/skin/places/tag.png"); } + +.bookmark-item[query][dayContainer] { + list-style-image: url("chrome://browser/skin/places/calendar.png"); } + +.bookmark-item[query][hostContainer] { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu"); } + +.bookmark-item[query][hostContainer][open] { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu"); } + +.bookmark-item[cutting] > .toolbarbutton-icon, +.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-icon { + opacity: 0.5; } + +.bookmark-item[cutting] > .toolbarbutton-text, +.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-text { + opacity: 0.7; } + +/* Stock icons for the menu bar items */ +menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { + -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic"); } + +#placesContext_open\:newwindow, +#menu_newNavigator, +#context-openlink, +#context-openframe { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 80px 16px 64px); } + +#placesContext_open\:newtab, +#placesContext_openContainer\:tabs, +#menu_newNavigatorTab, +#context-openlinkintab, +#context-openframeintab { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 64px 16px 48px); } + +#menu_openFile { + list-style-image: url("moz-icon://stock/gtk-open?size=menu"); } + +#menu_close { + list-style-image: url("moz-icon://stock/gtk-close?size=menu"); } + +#context-media-play { + list-style-image: url("moz-icon://stock/gtk-media-play?size=menu"); } + +#context-media-pause { + list-style-image: url("moz-icon://stock/gtk-media-pause?size=menu"); } + +#menu_savePage, +#context-savelink, +#context-saveimage, +#context-savevideo, +#context-saveaudio, +#context-savepage, +#context-saveframe { + list-style-image: url("moz-icon://stock/gtk-save-as?size=menu"); } + +#menu_printPreview { + list-style-image: url("moz-icon://stock/gtk-print-preview?size=menu"); } + +#menu_print, +#context-printframe { + list-style-image: url("moz-icon://stock/gtk-print?size=menu"); } + +#menu_FileQuitItem { + list-style-image: url("moz-icon://stock/gtk-quit?size=menu"); } + +#menu_undo, +#context-undo { + list-style-image: url("moz-icon://stock/gtk-undo?size=menu"); } + +#menu_undo[disabled], +#context-undo[disabled] { + list-style-image: url("moz-icon://stock/gtk-undo?size=menu&state=disabled"); } + +#menu_redo { + list-style-image: url("moz-icon://stock/gtk-redo?size=menu"); } + +#menu_redo[disabled] { + list-style-image: url("moz-icon://stock/gtk-redo?size=menu&state=disabled"); } + +#menu_cut, +#placesContext_cut, +#context-cut { + list-style-image: url("moz-icon://stock/gtk-cut?size=menu"); } + +#menu_cut[disabled], +#placesContext_cut[disabled], +#context-cut[disabled] { + list-style-image: url("moz-icon://stock/gtk-cut?size=menu&state=disabled"); } + +#menu_copy, +#placesContext_copy, +#context-copy, +#context-copyimage, +#context-copyvideourl, +#context-copyaudiourl, +#context-copylink, +#context-copyemail { + list-style-image: url("moz-icon://stock/gtk-copy?size=menu"); } + +#menu_copy[disabled], +#placesContext_copy[disabled], +#context-copy[disabled] { + list-style-image: url("moz-icon://stock/gtk-copy?size=menu&state=disabled"); } + +#menu_paste, +#placesContext_paste, +#context-paste { + list-style-image: url("moz-icon://stock/gtk-paste?size=menu"); } + +#menu_paste[disabled], +#placesContext_paste[disabled], +#context-paste[disabled] { + list-style-image: url("moz-icon://stock/gtk-paste?size=menu&state=disabled"); } + +#menu_delete, +#placesContext_delete, +#placesContext_delete_history, +#context-delete { + list-style-image: url("moz-icon://stock/gtk-delete?size=menu"); } + +#menu_delete[disabled], +#placesContext_delete[disabled], +#placesContext_delete_history[disabled], +#context-delete[disabled] { + list-style-image: url("moz-icon://stock/gtk-delete?size=menu&state=disabled"); } + +#menu_selectAll, +#context-selectall { + list-style-image: url("moz-icon://stock/gtk-select-all?size=menu"); } + +#menu_find { + list-style-image: url("moz-icon://stock/gtk-find?size=menu"); } + +#menu_find[disabled] { + list-style-image: url("moz-icon://stock/gtk-find?size=menu&state=disabled"); } + +#menu_preferences { + list-style-image: url("moz-icon://stock/gtk-preferences?size=menu"); } + +#placesContext_reload, +#context-reloadframe { + list-style-image: url("moz-icon://stock/gtk-refresh?size=menu"); } + +#menu_zoomEnlarge { + list-style-image: url("moz-icon://stock/gtk-zoom-in?size=menu"); } + +#menu_zoomReduce { + list-style-image: url("moz-icon://stock/gtk-zoom-out?size=menu"); } + +#menu_zoomReset { + list-style-image: url("moz-icon://stock/gtk-zoom-100?size=menu"); } + +#menu_showAllHistory { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 32px 16px 16px); } + +#bookmarksShowAll { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 48px 16px 32px); } + +#subscribeToPageMenuitem:not([disabled]), +#subscribeToPageMenupopup, +#BMB_subscribeToPageMenuitem:not([disabled]), +#BMB_subscribeToPageMenupopup { + list-style-image: url("chrome://browser/skin/page-livemarks.png"); } + +#bookmarksToolbarFolderMenu, +#BMB_bookmarksToolbar, +#panelMenu_bookmarksToolbar { + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png"); } + +#BMB_unsortedBookmarks, +#panelMenu_unsortedBookmarks { + list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png"); } + +#menu_readingList, +#BMB_readingList { + list-style-image: url("chrome://browser/skin/readinglist/readinglist-icon.svg"); } + +#panelMenu_pocket, +#menu_pocket, +#BMB_pocket { + list-style-image: url("chrome://browser/content/pocket/panels/img/pocketmenuitem16.png"); } + +#menu_openDownloads { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 16px 16px 0px); } + +#menu_openAddons { + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png"); } + +#menu_pageInfo, +#context-viewinfo, +#context-viewframeinfo { + list-style-image: url("moz-icon://stock/gtk-info?size=menu"); } + +#placesContext_open\:newprivatewindow, +#privateBrowsingItem { + list-style-image: url("chrome://browser/skin/Privacy-16.png"); } + +#placesContext_show\:info { + list-style-image: url("moz-icon://stock/gtk-properties?size=menu"); } + +#sanitizeItem { + list-style-image: url("moz-icon://stock/gtk-clear?size=menu"); } + +#menu_openHelp { + list-style-image: url("moz-icon://stock/gtk-help?size=menu"); } + +#aboutName { + list-style-image: url("moz-icon://stock/gtk-about?size=menu"); } + +#javascriptConsole { + list-style-image: url("chrome://global/skin/console/console.png"); } + +/* Primary toolbar buttons */ +.findbar-button, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 { + -moz-appearance: none; } + +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open="true"], +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:hover:active { + padding: 3px; } + +.findbar-button > .toolbarbutton-text, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-badge-container, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-icon { + -moz-margin-end: 0; + padding: 2px 6px; + border: 1px solid transparent; + border-radius: 2px; + transition-property: background-color, border-color; + transition-duration: 150ms; } + +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-badge-container, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon { + padding: 3px 7px; } + +/* Help SDK icons fit: */ +toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon, +toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-badge-container > .toolbarbutton-icon { + width: 16px; } + +:-moz-any(#TabsToolbar, #nav-bar) toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon { + /* XXXgijs box models strike again: this is 16px + 2 * 7px padding + 2 * 1px border (from the rules above) */ + width: 32px; } + +#nav-bar #PanelUI-menu-button { + -moz-padding-start: 5px; + -moz-padding-end: 5px; } + +#nav-bar #PanelUI-button, +#nav-bar[brighttext] #PanelUI-button { + background: none; + border-image: url("chrome://browser/skin/custom_images/navbar-separator.png") 0 0 0 2/0 0 0 2px; } + +.findbar-button:not(:-moz-any([checked="true"], [disabled="true"])):hover > .toolbarbutton-text, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open]:not([disabled=true]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-badge-container, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-icon { + background: var(--toolbarbutton-hover-background); + border-width: 1px; + border-style: solid; + border-color: var(--toolbarbutton-hover-bordercolor); + box-shadow: var(--toolbarbutton-hover-boxshadow); } + +#TabsToolbar .toolbarbutton-1[open]:not([disabled=true]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +#TabsToolbar .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +#TabsToolbar .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, +#TabsToolbar .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-badge-container, +#TabsToolbar .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-icon { + background-color: none; + color: rgba(207, 218, 231, 0.8); + border-color: rgba(29, 32, 36, 0.97); + background-color: rgba(40, 44, 50, 0.87); } + +.findbar-button:not([disabled=true]):-moz-any([checked="true"], :hover:active) > .toolbarbutton-text, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([open="true"]) > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active, [open="true"]) > .toolbarbutton-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open="true"] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon { + background: var(--toolbarbutton-active-background); + box-shadow: var(--toolbarbutton-active-boxshadow); + border-width: 1px; + border-style: solid; + border-color: var(--toolbarbutton-active-bordercolor); + transition-duration: 10ms; } + +#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active, [open="true"]) > .toolbarbutton-icon, +#TabsToolbar .toolbarbutton-1[open="true"] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon, +#TabsToolbar .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container, +#TabsToolbar .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon { + background: none; + color: #ffffff; + border-color: #5294E2; + background-color: #5294E2; } + +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[checked]:not(:active):hover > .toolbarbutton-icon { + background-color: var(--toolbarbutton-checkedhover-backgroundcolor); + transition: background-color 150ms; } + +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button[open], +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button:hover:active, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:hover:active { + padding: 3px; } + +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before { + content: ""; + display: -moz-box; + width: 1px; + height: 18px; + -moz-margin-end: -1px; + background-image: var(--toolbarbutton-combined-backgroundimage); + background-clip: padding-box; + background-position: center; + background-repeat: no-repeat; + background-size: 1px 18px; + box-shadow: var(--toolbarbutton-combined-boxshadow); } + +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { + -moz-margin-start: -4px; } + +#back-button > menupopup { + margin-top: -1px; } + +#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); } + +#forward-button { + margin-left: 2px; + margin-right: 2px; + padding: 0; } + +/* tabview menu item */ +#menu_tabview { + list-style-image: url(chrome://browser/skin/tabview/tabview.png); + -moz-image-region: rect(0, 80px, 16px, 64px); } + +#menu_tabview[groups="0"] { + -moz-image-region: rect(0, 16px, 16px, 0); } + +#menu_tabview[groups="1"] { + -moz-image-region: rect(0, 32px, 16px, 16px); } + +#menu_tabview[groups="2"] { + -moz-image-region: rect(0, 48px, 16px, 32px); } + +#menu_tabview[groups="3"] { + -moz-image-region: rect(0, 64px, 16px, 48px); } + +/* undo close tab menu item */ +#alltabs_undoCloseTab { + list-style-image: url(chrome://browser/skin/undoCloseTab.png); } + +.unified-nav-back[_moz-menuactive] { + list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=menu") !important; } + +.unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=menu") !important; } + +.unified-nav-forward[_moz-menuactive] { + list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=menu") !important; } + +.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=menu") !important; } + +/* Menu panel buttons */ +:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button), +#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { + list-style-image: url("chrome://browser/skin/custom_images/dark/toolbar-icons.svg"); } + #TabsToolbar :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button), #TabsToolbar + #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { + list-style-image: url("chrome://browser/skin/custom_images/dark/tabbar-icons.svg"); } + +#nav-bar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #web-apps-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #web-apps-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) { + list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"); } + +#nav-bar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .dropmarker-icon, +#TabsToolbar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .dropmarker-icon, +#nav-bar #bookmarks-menu-button > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon, +#TabsToolbar #bookmarks-menu-button > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon { + list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"); } + +#back-button { + -moz-image-region: rect(0, 36px, 18px, 18px); } + +#forward-button { + -moz-image-region: rect(0, 72px, 18px, 54px); } + +#home-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 126px, 18px, 108px); } + +#bookmarks-menu-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 144px, 18px, 126px); } + +#bookmarks-menu-button[cui-areatype="toolbar"][starred] { + -moz-image-region: rect(0, 162px, 18px, 144px); } + +#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { + -moz-image-region: rect(0, 630px, 18px, 612px); } + +#history-panelmenu[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 180px, 18px, 162px); } + +#downloads-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 198px, 18px, 180px); } + +#add-ons-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 216px, 18px, 198px); } + +#open-file-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 234px, 18px, 216px); } + +#save-page-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 252px, 18px, 234px); } + +#sync-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 270px, 18px, 252px); } + +#sync-button[cui-areatype="toolbar"][status="active"] { + list-style-image: url("chrome://browser/skin/syncProgress-toolbar.png"); + -moz-image-region: rect(0, 18px, 18px, 0px); } + +toolbar[brighttext] #sync-button[status="active"] { + list-style-image: url("chrome://browser/skin/syncProgress-toolbar-inverted.png"); } + +#feed-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 288px, 18px, 270px); } + +#social-share-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0px, 306px, 18px, 288px); } + +#characterencoding-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 324px, 18px, 306px); } + +#new-window-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 342px, 18px, 324px); } + +#e10s-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 342px, 18px, 324px); } + +#e10s-button > .toolbarbutton-icon { + transform: scaleY(-1); } + +#new-tab-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 360px, 18px, 342px); } + +#privatebrowsing-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 378px, 18px, 360px); } + +#find-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 396px, 18px, 378px); } + +#print-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 414px, 18px, 396px); } + +#fullscreen-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 432px, 18px, 414px); } + +#developer-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 450px, 18px, 432px); } + +#preferences-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 468px, 18px, 450px); } + +#PanelUI-menu-button { + -moz-image-region: rect(0, 486px, 18px, 468px); } + +#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #cut-button { + -moz-image-region: rect(0, 504px, 18px, 486px); } + +#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #copy-button { + -moz-image-region: rect(0, 522px, 18px, 504px); } + +#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #paste-button { + -moz-image-region: rect(0, 540px, 18px, 522px); } + +#zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #zoom-out-button { + -moz-image-region: rect(0, 558px, 18px, 540px); } + +#zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #zoom-in-button { + -moz-image-region: rect(0, 576px, 18px, 558px); } + +#nav-bar-overflow-button { + -moz-image-region: rect(0, 612px, 18px, 594px); } + +#nav-bar-overflow-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); } + +#tabview-button { + -moz-image-region: rect(0, 648px, 18px, 630px); } + +#email-link-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 666px, 18px, 648px); } + +#sidebar-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 684px, 18px, 666px); } + +#panic-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 702px, 18px, 684px); } + +#panic-button[cui-areatype="toolbar"][open] { + -moz-image-region: rect(18px, 702px, 36px, 684px); } + +#panic-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); } + +#web-apps-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 720px, 18px, 702px); } + +#loop-button > .toolbarbutton-badge-container { + list-style-image: url(chrome://browser/skin/loop/toolbar.png); + -moz-image-region: rect(0, 18px, 18px, 0); } + +toolbar[brighttext] #loop-button > .toolbarbutton-badge-container { + list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png); } + +#loop-button[state="disabled"] > .toolbarbutton-badge-container, +#loop-button[disabled="true"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 36px, 18px, 18px); } + +#loop-button:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 54px, 18px, 36px); } + +#loop-button:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 72px, 18px, 54px); } + +#loop-button:not([disabled="true"])[state="action"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 90px, 18px, 72px); } + +#loop-button:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 108px, 18px, 90px); } + +#loop-button:not([disabled="true"])[state="active"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 126px, 18px, 108px); } + +#webide-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 738px, 18px, 720px); } + +#pocket-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 774px, 18px, 756px); } + +#pocket-button[cui-areatype="toolbar"][open] { + -moz-image-region: rect(18px, 774px, 36px, 756px); } + +/* Menu panel and palette styles */ +:root { + --menupanel-list-style-image: url(chrome://browser/skin/menuPanel.png); + --menupanel-list-style-image-2x: url(chrome://browser/skin/menuPanel@2x.png); + --menupanel-small-list-style-image: url(chrome://browser/skin/menuPanel-small.png); + --menupanel-small-list-style-image-2x: url(chrome://browser/skin/menuPanel-small@2x.png); } + +@media not all and (min-resolution: 1.1dppx) { + toolbaritem[sdkstylewidget="true"] > toolbarbutton, + :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button) { + list-style-image: var(--menupanel-list-style-image); } + + #home-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #home-button { + -moz-image-region: rect(0px, 128px, 32px, 96px); } + + #bookmarks-menu-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #bookmarks-menu-button { + -moz-image-region: rect(0px, 192px, 32px, 160px); } + + #bookmarks-menu-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 192px, 64px, 160px); } + + #history-panelmenu[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #history-panelmenu { + -moz-image-region: rect(0px, 224px, 32px, 192px); } + + #history-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 224px, 64px, 192px); } + + #downloads-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #downloads-button { + -moz-image-region: rect(0px, 256px, 32px, 224px); } + + #add-ons-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #add-ons-button { + -moz-image-region: rect(0px, 288px, 32px, 256px); } + + #open-file-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #open-file-button { + -moz-image-region: rect(0px, 320px, 32px, 288px); } + + #save-page-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #save-page-button { + -moz-image-region: rect(0px, 352px, 32px, 320px); } + + #sync-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #sync-button { + -moz-image-region: rect(0px, 384px, 32px, 352px); } + + #sync-button[cui-areatype="menu-panel"][status="active"] { + list-style-image: url(chrome://browser/skin/syncProgress-menuPanel.png); + -moz-image-region: rect(0px, 32px, 32px, 0px); } + + #feed-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #feed-button { + -moz-image-region: rect(0px, 416px, 32px, 384px); } + + #feed-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 416px, 64px, 384px); } + + #social-share-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #social-share-button { + -moz-image-region: rect(0px, 448px, 32px, 416px); } + + #characterencoding-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #characterencoding-button { + -moz-image-region: rect(0px, 480px, 32px, 448px); } + + #characterencoding-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 480px, 64px, 448px); } + + #new-window-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #new-window-button { + -moz-image-region: rect(0px, 512px, 32px, 480px); } + + #e10s-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #e10s-button { + -moz-image-region: rect(0px, 512px, 32px, 480px); } + + #new-tab-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #new-tab-button { + -moz-image-region: rect(0px, 544px, 32px, 512px); } + + #privatebrowsing-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #privatebrowsing-button { + -moz-image-region: rect(0px, 576px, 32px, 544px); } + + #tabview-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #tabview-button { + -moz-image-region: rect(0px, 608px, 32px, 576px); } + + #find-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #find-button { + -moz-image-region: rect(0px, 640px, 32px, 608px); } + + #print-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #print-button { + -moz-image-region: rect(0px, 672px, 32px, 640px); } + + #fullscreen-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #fullscreen-button { + -moz-image-region: rect(0px, 704px, 32px, 672px); } + + #developer-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #developer-button { + -moz-image-region: rect(0px, 736px, 32px, 704px); } + + #developer-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 736px, 64px, 704px); } + + #preferences-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #preferences-button { + -moz-image-region: rect(0px, 768px, 32px, 736px); } + + #email-link-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #email-link-button { + -moz-image-region: rect(0, 800px, 32px, 768px); } + + #sidebar-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #sidebar-button { + -moz-image-region: rect(0, 864px, 32px, 832px); } + + #sidebar-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 864px, 64px, 832px); } + + #panic-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #panic-button { + -moz-image-region: rect(0, 896px, 32px, 864px); } + + #panic-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 896px, 64px, 864px); } + + #web-apps-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #web-apps-button { + -moz-image-region: rect(0, 928px, 32px, 896px); } + + #webide-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #webide-button { + -moz-image-region: rect(0px, 960px, 32px, 928px); } + + #pocket-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #pocket-button { + -moz-image-region: rect(0px, 992px, 32px, 960px); } + + #pocket-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 992px, 64px, 960px); } + + toolbaritem[sdkstylewidget="true"] > toolbarbutton { + -moz-image-region: rect(0, 832px, 32px, 800px); } + + #loop-button[cui-areatype="menu-panel"] > .toolbarbutton-badge-container, + toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container { + list-style-image: url(chrome://browser/skin/loop/menuPanel.png); + -moz-image-region: rect(0, 32px, 32px, 0); } + + /* Make sure that the state icons are not shown in the customization palette. */ + toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 32px, 32px, 0) !important; } + + #loop-button[cui-areatype="menu-panel"][state="disabled"] > .toolbarbutton-badge-container, + #loop-button[cui-areatype="menu-panel"][disabled="true"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 64px, 32px, 32px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 96px, 32px, 64px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 128px, 32px, 96px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 160px, 32px, 128px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 192px, 32px, 160px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 224px, 32px, 192px); } + + /* Wide panel control icons */ + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, + toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton, + toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton { + list-style-image: var(--menupanel-small-list-style-image); } + + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button, + toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button { + -moz-image-region: rect(0px, 32px, 16px, 16px); } + + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button, + toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button { + -moz-image-region: rect(0px, 48px, 16px, 32px); } + + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #paste-button, + toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button { + -moz-image-region: rect(0px, 64px, 16px, 48px); } + + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-out-button, + toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button { + -moz-image-region: rect(0px, 80px, 16px, 64px); } + + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-in-button, + toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button { + -moz-image-region: rect(0px, 96px, 16px, 80px); } + + #add-share-provider { + list-style-image: url(chrome://browser/skin/menuPanel-small.png); + -moz-image-region: rect(0px, 96px, 16px, 80px); } } +/* Menu panel and palette styles */ +@media (min-resolution: 1.1dppx) { + toolbaritem[sdkstylewidget="true"] > toolbarbutton, + :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button) { + list-style-image: var(--menupanel-list-style-image-2x); } + + #home-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #home-button { + -moz-image-region: rect(0px, 256px, 64px, 192px); } + + #bookmarks-menu-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #bookmarks-menu-button { + -moz-image-region: rect(0px, 384px, 64px, 320px); } + + #bookmarks-menu-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 384px, 128px, 320px); } + + #history-panelmenu[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #history-panelmenu { + -moz-image-region: rect(0px, 448px, 64px, 384px); } + + #history-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 448px, 128px, 384px); } + + #downloads-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #downloads-button { + -moz-image-region: rect(0px, 512px, 64px, 448px); } + + #add-ons-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #add-ons-button { + -moz-image-region: rect(0px, 576px, 64px, 512px); } + + #open-file-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #open-file-button { + -moz-image-region: rect(0px, 640px, 64px, 576px); } + + #save-page-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #save-page-button { + -moz-image-region: rect(0px, 704px, 64px, 640px); } + + #sync-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #sync-button { + -moz-image-region: rect(0px, 768px, 64px, 704px); } + + #sync-button[cui-areatype="menu-panel"][status="active"] { + list-style-image: url(chrome://browser/skin/syncProgress-menuPanel@2x.png); + -moz-image-region: rect(0px, 64px, 64px, 0px); } + + #feed-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #feed-button { + -moz-image-region: rect(0px, 832px, 64px, 768px); } + + #feed-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 832px, 128px, 768px); } + + #social-share-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #social-share-button { + -moz-image-region: rect(0px, 896px, 64px, 832px); } + + #characterencoding-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #characterencoding-button { + -moz-image-region: rect(0, 960px, 64px, 896px); } + + #characterencoding-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 960px, 128px, 896px); } + + #new-window-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #new-window-button { + -moz-image-region: rect(0px, 1024px, 64px, 960px); } + + #e10s-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #e10s-button { + -moz-image-region: rect(0px, 1024px, 64px, 960px); } + + #webide-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #webide-button { + -moz-image-region: rect(0px, 1920px, 64px, 1856px); } + + #pocket-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #pocket-button { + -moz-image-region: rect(0px, 1984px, 64px, 1920px); } + + #pocket-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 1984px, 128px, 1920px); } + + #loop-button[cui-areatype="menu-panel"] > .toolbarbutton-badge-container, + toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container { + list-style-image: url(chrome://browser/skin/loop/menuPanel@2x.png); + -moz-image-region: rect(0, 64px, 64px, 0); } + + /* Make sure that the state icons are not shown in the customization palette. */ + toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 64px, 64px, 0) !important; } + + #loop-button[cui-areatype="menu-panel"][state="disabled"] > .toolbarbutton-badge-container, + #loop-button[cui-areatype="menu-panel"][disabled="true"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 128px, 64px, 64px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 192px, 64px, 128px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 256px, 64px, 192px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 320px, 64px, 256px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 384px, 64px, 320px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 448px, 64px, 384px); } + + #new-tab-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #new-tab-button { + -moz-image-region: rect(0px, 1088px, 64px, 1024px); } + + #privatebrowsing-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #privatebrowsing-button { + -moz-image-region: rect(0px, 1152px, 64px, 1088px); } + + #tabview-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #tabview-button { + -moz-image-region: rect(0px, 1216px, 64px, 1152px); } + + #find-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #find-button { + -moz-image-region: rect(0px, 1280px, 64px, 1216px); } + + #print-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #print-button { + -moz-image-region: rect(0px, 1344px, 64px, 1280px); } + + #fullscreen-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #fullscreen-button { + -moz-image-region: rect(0px, 1408px, 64px, 1344px); } + + #developer-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #developer-button { + -moz-image-region: rect(0px, 1472px, 64px, 1408px); } + + #developer-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 1472px, 128px, 1408px); } + + #preferences-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #preferences-button { + -moz-image-region: rect(0px, 1536px, 64px, 1472px); } + + #email-link-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #email-link-button { + -moz-image-region: rect(0px, 1600px, 64px, 1536px); } + + #sidebar-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #sidebar-button { + -moz-image-region: rect(0px, 1728px, 64px, 1664px); } + + #sidebar-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 1728px, 128px, 1664px); } + + #panic-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #panic-button { + -moz-image-region: rect(0, 1792px, 64px, 1728px); } + + #panic-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 1792px, 128px, 1728px); } + + #web-apps-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #web-apps-button { + -moz-image-region: rect(0, 1856px, 64px, 1792px); } + + toolbaritem[sdkstylewidget="true"] > toolbarbutton { + -moz-image-region: rect(0, 1664px, 64px, 1600px); } + + /* Footer and wide panel control icons */ + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, + toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton, + toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton { + list-style-image: var(--menupanel-small-list-style-image-2x); } + + /* Wide items like the Cut/Copy/Paste and Zoom controls are special in that their icons + are 16x16 when in the panel, but 18x18 when in a toolbar. */ + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton > .toolbarbutton-icon, + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton > .toolbarbutton-icon, + toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-icon, + toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton > .toolbarbutton-icon { + width: 16px; } + + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button, + toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button { + -moz-image-region: rect(0px, 64px, 32px, 32px); } + + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button, + toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button { + -moz-image-region: rect(0px, 96px, 32px, 64px); } + + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #paste-button, + toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button { + -moz-image-region: rect(0px, 128px, 32px, 96px); } + + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-out-button, + toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button { + -moz-image-region: rect(0px, 160px, 32px, 128px); } + + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-in-button, + toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button { + -moz-image-region: rect(0px, 192px, 32px, 160px); } } +#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-icon, +#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menu-dropmarker, +#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-dropmarker, +#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +#main-window:not([customizing]) .toolbarbutton-1 > .toolbarbutton-menubutton-button[disabled=true] > .toolbarbutton-icon { + opacity: 0.4; } + +/* Fullscreen window controls */ +#window-controls { + -moz-box-align: start; + -moz-margin-start: 10px; } + +#close-button, #restore-button, #minimize-button { + padding: 2px 4px; + -moz-appearance: none; } + +#close-button { + list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/close.svg"); } + #close-button:hover { + list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/close_prelight.svg"); } + #close-button:active { + list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/close_pressed.svg"); } + +#restore-button { + list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/maximize.svg"); } + #restore-button:hover { + list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/maximize_prelight.svg"); } + #restore-button:active { + list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/maximize_pressed.svg"); } + +#minimize-button { + list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/minimize.svg"); } + #minimize-button:hover { + list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/minimize_prelight.svg"); } + #minimize-button:active { + list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/minimize_pressed.svg"); } + +/* Location bar */ +#urlbar, +.searchbar-textbox { + -moz-appearance: none; + padding: 3px 5px; + border-radius: 20px; + margin: 0 3px; + box-shadow: inset 0 0 rgba(56, 60, 69, 0); + color: #D3DAE3; + background-color: #383c45; + border: 1px solid #2d3036; } + +#urlbar[focused], +.searchbar-textbox[focused] { + box-shadow: inset 0 0 rgba(56, 60, 69, 0); + color: #D3DAE3; + background-color: #383c45; + border: 1px solid #5294E2; } + +.urlbar-textbox-container { + -moz-appearance: none; + -moz-box-align: center; } + +.urlbar-input-box { + -moz-margin-start: 0; } + +.urlbar-history-dropmarker { + -moz-appearance: toolbarbutton-dropdown; } + +#urlbar-container { + -moz-box-align: center; } + +#urlbar-icons { + -moz-box-align: center; } + +#urlbar-search-splitter { + -moz-appearance: none; + width: 8px; } + +#urlbar-display-box { + margin-top: -1px; + margin-bottom: -1px; + -moz-border-end: 1px solid red; + -moz-margin-end: 3px; } + +.urlbar-display { + margin-top: 0; + margin-bottom: 0; + -moz-margin-start: 0; + color: GrayText; } + +#search-container { + min-width: calc(54px + 11ch); } + +/* identity box */ +#identity-box { + padding: 1px; + font-size: .9em; } + +#identity-box:-moz-locale-dir(ltr) { + border-top-left-radius: 1.5px; + border-bottom-left-radius: 1.5px; } + +#identity-box:-moz-locale-dir(rtl) { + border-top-right-radius: 1.5px; + border-bottom-right-radius: 1.5px; } + +#notification-popup-box:not([hidden]) + #identity-box { + border-radius: 0; } + +window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box { + border-radius: 0; } + +/* forward button hiding is delayed when hovered */ +/* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */ +/* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */ +#urlbar[pageproxystate="valid"] > #identity-box.chromeUI, +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity { + -moz-margin-end: 4px; } + +#identity-box.verifiedIdentity:not(:-moz-lwtheme) { + background-color: var(--verified-identity-box-backgroundcolor); } + +#identity-box:-moz-focusring { + outline: 1px dotted #000; + outline-offset: -3px; } + +#identity-icon-labels { + -moz-padding-start: 2px; + -moz-padding-end: 5px; } + +:root { + --identity-box-verified-color: #479900; + --identity-box-verified-background-image: linear-gradient(transparent 15%, rgba(39, 74, 8, 0.2) 15%, rgba(39, 74, 8, 0.2) 85%, transparent 85%); + --identity-box-chrome-color: #e57300; + --identity-box-chrome-background-image: linear-gradient(transparent 15%, rgba(229, 114, 0, 0.5) 15%, rgba(229, 114, 0, 0.5) 85%, transparent 85%); } + +#urlbar[pageproxystate="valid"] > #identity-box.chromeUI, +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity { + background-position: right; + background-size: 1px; + background-repeat: no-repeat; } + +#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:-moz-locale-dir(rtl), +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(rtl) { + background-position: left; } + +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity { + color: var(--identity-box-verified-color); + background-image: var(--identity-box-verified-background-image); } + +#urlbar[pageproxystate="valid"] > #identity-box.chromeUI { + color: var(--identity-box-chrome-color); + background-image: var(--identity-box-chrome-background-image); } + +/* page proxy icon */ +#page-proxy-favicon { + width: 16px; + height: 16px; + list-style-image: url(chrome://browser/skin/identity-icons-generic.png); } + +.chromeUI > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://branding/content/identity-icons-brand.png); } + +.verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https.png); } + +.verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-ev.png); } + +.mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-active.png); } + +.mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display.png); } + +.mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display.png); } + +#page-proxy-favicon[pageproxystate="invalid"] { + opacity: 0.3; } + +#identity-popup.chromeUI > #identity-popup-container > #identity-popup-icon { + list-style-image: url("chrome://branding/content/icon64.png"); } + +#identity-popup-brandName { + font-weight: bold; + font-size: 1.25em; + margin-top: .5em; + margin-bottom: .5em; } + +#identity-popup-content-box { + max-width: 50ch; } + +@media not all and (min-resolution: 1.1dppx) { + #page-proxy-favicon { + -moz-image-region: rect(0, 16px, 16px, 0); } + + #identity-box:hover > #page-proxy-favicon { + -moz-image-region: rect(0, 32px, 16px, 16px); } + + #identity-box:hover:active > #page-proxy-favicon, + #identity-box[open=true] > #page-proxy-favicon { + -moz-image-region: rect(0, 48px, 16px, 32px); } } +@media (min-resolution: 1.1dppx) { + #page-proxy-favicon { + list-style-image: url(chrome://browser/skin/identity-icons-generic@2x.png); + -moz-image-region: rect(0, 32px, 32px, 0); } + + .chromeUI > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://branding/content/identity-icons-brand@2x.png); } + + .verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https@2x.png); } + + .verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-ev@2x.png); } + + .mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-active@2x.png); } + + .mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display@2x.png); } + + .mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display@2x.png); } + + #identity-box:hover > #page-proxy-favicon { + -moz-image-region: rect(0, 64px, 32px, 32px); } + + #identity-box:hover:active > #page-proxy-favicon, + #identity-box[open=true] > #page-proxy-favicon { + -moz-image-region: rect(0, 96px, 32px, 64px); } + + #identity-popup.chromeUI > #identity-popup-container > #identity-popup-icon { + list-style-image: url("chrome://branding/content/icon128.png"); + -moz-image-region: rect(0, 128px, 128px, 0); } } +#page-proxy-favicon { + margin-top: 1px; + margin-bottom: 1px; + -moz-margin-start: 3px; + -moz-margin-end: 1px; } + +/* Identity popup icons */ +#identity-popup-icon { + height: 64px; + width: 64px; + padding: 0; + list-style-image: url("chrome://browser/skin/identity.png"); + -moz-image-region: rect(0px, 64px, 64px, 0px); } + +#identity-popup.verifiedDomain > #identity-popup-container > #identity-popup-icon { + -moz-image-region: rect(64px, 64px, 128px, 0px); } + +#identity-popup.verifiedIdentity > #identity-popup-container > #identity-popup-icon { + -moz-image-region: rect(128px, 64px, 192px, 0px); } + +/* Identity popup body text */ +.identity-popup-description { + white-space: pre-wrap; + -moz-padding-start: 15px; + margin: 2px 0 4px; } + +.identity-popup-label { + white-space: pre-wrap; + -moz-padding-start: 15px; + margin: 0; } + +#identity-popup-content-host, +#identity-popup-content-owner { + font-weight: bold; + max-width: 300px; } + +#identity-popup-content-host, +#identity-popup-content-box.verifiedIdentity > #identity-popup-content-owner { + font-size: 140%; } + +#identity-popup-content-owner { + margin-bottom: 0 !important; } + +#identity-popup-content-verifier { + margin: 4px 0 2px; } + +#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption, +#identity-popup-content-box.verifiedDomain > #identity-popup-encryption { + margin-top: 10px; + -moz-margin-start: -18px; } + +#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption > vbox > #identity-popup-encryption-icon, +#identity-popup-content-box.verifiedDomain > #identity-popup-encryption > vbox > #identity-popup-encryption-icon { + list-style-image: url("chrome://browser/skin/Secure.png"); } + +#identity-popup-help-icon { + -moz-appearance: none; + margin-left: 0px; + border: none; + background: none; + min-width: 0; + list-style-image: url("moz-icon://stock/gtk-dialog-question?size=16"); + cursor: pointer; } + +#identity-popup-help-icon > .button-box > .button-text { + display: none; } + +#identity-popup-help-icon > .button-box > .button-icon { + height: 16px; + width: 16px; } + +#identity-popup-help-icon:-moz-focusring { + outline: 1px dotted; + outline-offset: 1px; } + +#identity-popup > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0; } + +#identity-popup-container { + min-width: 280px; + padding: 10px; } + +#identity-popup-button-container { + background: linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 60%, transparent); + padding: 10px; + margin-top: 5px; } + +.popup-notification-icon { + width: 64px; + height: 64px; + -moz-margin-end: 10px; } + +.popup-notification-icon[popupid="geolocation"] { + list-style-image: url(chrome://browser/skin/Geolocation-64.png); } + +.popup-notification-icon[popupid="push"] { + list-style-image: url(chrome://browser/skin/Push-64.png); } + +.popup-notification-icon[popupid="xpinstall-disabled"], +.popup-notification-icon[popupid="addon-progress"], +.popup-notification-icon[popupid="addon-install-blocked"], +.popup-notification-icon[popupid="addon-install-failed"], +.popup-notification-icon[popupid="addon-install-confirmation"], +.popup-notification-icon[popupid="addon-install-complete"] { + list-style-image: url(chrome://mozapps/skin/extensions/extensionGeneric.png); + width: 32px; + height: 32px; } + +.popup-notification-icon[popupid="click-to-play-plugins"] { + list-style-image: url(chrome://mozapps/skin/plugins/pluginBlocked-64.png); } + +.popup-notification-icon[popupid="web-notifications"] { + list-style-image: url(chrome://browser/skin/notification-64.png); } + +.popup-notification-icon[popupid="indexedDB-permissions-prompt"], +.popup-notification-icon[popupid*="offline-app-requested"], +.popup-notification-icon[popupid="offline-app-usage"] { + list-style-image: url(chrome://global/skin/icons/question-64.png); } + +.popup-notification-icon[popupid="password"] { + list-style-image: url(chrome://mozapps/skin/passwordmgr/key-64.png); } + +.popup-notification-icon[popupid="webapps-install-progress"], +.popup-notification-icon[popupid="webapps-install"] { + list-style-image: url(chrome://global/skin/icons/webapps-64.png); } + +.popup-notification-icon[popupid="bad-content"] { + list-style-image: url(chrome://browser/skin/bad-content-blocked-64.png); } + +.popup-notification-icon[popupid="bad-content"][mixedblockdisabled], +.popup-notification-icon[popupid="bad-content"][trackingblockdisabled] { + list-style-image: url(chrome://browser/skin/bad-content-unblocked-64.png); } + +.popup-notification-icon[popupid="webRTC-sharingDevices"], +.popup-notification-icon[popupid="webRTC-shareDevices"] { + list-style-image: url(chrome://browser/skin/webRTC-shareDevice-64.png); } + +.popup-notification-icon[popupid="webRTC-sharingMicrophone"], +.popup-notification-icon[popupid="webRTC-shareMicrophone"] { + list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-64.png); } + +.popup-notification-icon[popupid="webRTC-sharingScreen"], +.popup-notification-icon[popupid="webRTC-shareScreen"] { + list-style-image: url(chrome://browser/skin/webRTC-shareScreen-64.png); } + +.popup-notification-icon[popupid="pointerLock"] { + list-style-image: url(chrome://browser/skin/pointerLock-64.png); } + +/* Notification icon box */ +#notification-popup-box { + position: relative; + background-color: transparent; + background-clip: padding-box; + padding-left: 1px; + border-width: 0 8px 0 0; + border-style: solid; + border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 fill; } + +#notification-popup-box:-moz-locale-dir(rtl), +.notification-anchor-icon:-moz-locale-dir(rtl) { + transform: scaleX(-1); } + +.notification-anchor-icon { + list-style-image: url(moz-icon://stock/gtk-dialog-info?size=16); + width: 16px; + height: 16px; + margin: 0 2px; } + +.identity-notification-icon, +#identity-notification-icon { + list-style-image: url(chrome://mozapps/skin/profile/profileicon.png); + /* XXX: need HiDPI version */ } + +.geo-notification-icon, +#geo-notification-icon { + list-style-image: url(chrome://browser/skin/Geolocation-16.png); } + +#push-notification-icon { + list-style-image: url(chrome://browser/skin/Push-16.png); } + +#addons-notification-icon { + list-style-image: url(chrome://mozapps/skin/extensions/extensionGeneric-16.png); } + +.indexedDB-notification-icon, +#indexedDB-notification-icon { + list-style-image: url(chrome://global/skin/icons/question-16.png); } + +#password-notification-icon { + list-style-image: url(chrome://mozapps/skin/passwordmgr/key-16.png); } + +.webapps-notification-icon, +#webapps-notification-icon { + list-style-image: url(chrome://global/skin/icons/webapps-16.png); } + +#plugins-notification-icon { + list-style-image: url(chrome://browser/skin/notification-pluginNormal.png); } + +#plugins-notification-icon.plugin-hidden { + list-style-image: url(chrome://browser/skin/notification-pluginAlert.png); } + +#plugins-notification-icon.plugin-blocked { + list-style-image: url(chrome://browser/skin/notification-pluginBlocked.png); } + +#plugins-notification-icon { + -moz-image-region: rect(0, 16px, 16px, 0); } + +#plugins-notification-icon:hover { + -moz-image-region: rect(0, 32px, 16px, 16px); } + +#plugins-notification-icon:active { + -moz-image-region: rect(0, 48px, 16px, 32px); } + +#notification-popup-box[hidden] { + /* Override display:none to make the pluginBlockedNotification animation work + when showing the notification repeatedly. */ + display: -moz-box; + visibility: collapse; } + +#plugins-notification-icon.plugin-blocked[showing] { + animation: pluginBlockedNotification 500ms ease 0s 5 alternate both; } + +@keyframes pluginBlockedNotification { + from { + opacity: 0; } + to { + opacity: 1; } } +.bad-content-blocked-notification-icon, +#bad-content-blocked-notification-icon { + list-style-image: url(chrome://browser/skin/bad-content-blocked-16.png); } + +.bad-content-unblocked-notification-icon, +#bad-content-unblocked-notification-icon { + list-style-image: url(chrome://browser/skin/bad-content-unblocked-16.png); } + +.webRTC-shareDevices-notification-icon, +#webRTC-shareDevices-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareDevice-16.png); } + +.webRTC-sharingDevices-notification-icon, +#webRTC-sharingDevices-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingDevice-16.png); } + +.webRTC-shareMicrophone-notification-icon, +#webRTC-shareMicrophone-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16.png); } + +.webRTC-sharingMicrophone-notification-icon, +#webRTC-sharingMicrophone-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16.png); } + +.webRTC-shareScreen-notification-icon, +#webRTC-shareScreen-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16.png); } + +.webRTC-sharingScreen-notification-icon, +#webRTC-sharingScreen-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16.png); } + +.web-notifications-notification-icon, +#web-notifications-notification-icon { + list-style-image: url(chrome://browser/skin/notification-16.png); } + +.pointerLock-notification-icon, +#pointerLock-notification-icon { + list-style-image: url(chrome://browser/skin/pointerLock-16.png); } + +.translate-notification-icon, +#translate-notification-icon { + list-style-image: url(chrome://browser/skin/translation-16.png); + -moz-image-region: rect(0px, 16px, 16px, 0px); } + +.translated-notification-icon, +#translated-notification-icon { + list-style-image: url(chrome://browser/skin/translation-16.png); + -moz-image-region: rect(0px, 32px, 16px, 16px); } + +.popup-notification-icon[popupid="servicesInstall"] { + list-style-image: url(chrome://browser/skin/social/services-64.png); } + +#servicesInstall-notification-icon { + list-style-image: url(chrome://browser/skin/social/services-16.png); } + +/* EME notifications */ +.popup-notification-icon[popupid="drmContentPlaying"], +#eme-notification-icon { + list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); } + +#eme-notification-icon:hover:active { + list-style-image: url("chrome://browser/skin/drm-icon.svg#chains-pressed"); } + +#eme-notification-icon[firstplay=true] { + animation: emeTeachingMoment 0.2s linear 0s 5 normal; } + +@keyframes emeTeachingMoment { + 0% { + transform: translateX(0); } + 25% { + transform: translateX(3px); } + 75% { + transform: translateX(-3px); } + 100% { + transform: translateX(0); } } +/* HiDPI notification icons */ +@media (min-resolution: 1.1dppx) { + #notification-popup-box { + border-image: url("chrome://browser/skin/urlbar-arrow@2x.png") 0 16 0 0 fill; } + + .notification-anchor-icon { + list-style-image: url(moz-icon://stock/gtk-dialog-info?size=dialog); } + + .webRTC-shareDevices-notification-icon, + #webRTC-shareDevices-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareDevice-16@2x.png); } + + .webRTC-sharingDevices-notification-icon, + #webRTC-sharingDevices-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingDevice-16@2x.png); } + + .webRTC-shareMicrophone-notification-icon, + #webRTC-shareMicrophone-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16@2x.png); } + + .webRTC-sharingMicrophone-notification-icon, + #webRTC-sharingMicrophone-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16@2x.png); } + + .webRTC-shareScreen-notification-icon, + #webRTC-shareScreen-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16@2x.png); } + + .webRTC-sharingScreen-notification-icon, + #webRTC-sharingScreen-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16@2x.png); } + + .popup-notification-icon[popupid="webRTC-sharingDevices"], + .popup-notification-icon[popupid="webRTC-shareDevices"] { + list-style-image: url(chrome://browser/skin/webRTC-shareDevice-64@2x.png); } + + .popup-notification-icon[popupid="webRTC-sharingMicrophone"], + .popup-notification-icon[popupid="webRTC-shareMicrophone"] { + list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-64@2x.png); } + + .popup-notification-icon[popupid="webRTC-sharingScreen"], + .popup-notification-icon[popupid="webRTC-shareScreen"] { + list-style-image: url(chrome://browser/skin/webRTC-shareScreen-64@2x.png); } } +.popup-notification-body[popupid="addon-progress"], +.popup-notification-body[popupid="addon-install-confirmation"] { + width: 28em; + max-width: 28em; } + +.addon-install-confirmation-name { + font-weight: bold; } + +/* Notification icon box */ +#notification-popup-box { + border-radius: 2.5px 0 0 2.5px; + margin-top: -1px; + margin-bottom: -1px; } + +.notification-anchor-icon:-moz-focusring { + outline: 1px dotted -moz-DialogText; } + +.indexedDB-notification-icon, +#indexedDB-notification-icon { + list-style-image: url(moz-icon://stock/gtk-dialog-question?size=16); } + +#pointerLock-cancel { + margin: 0px; } + +/* Translation infobar */ +notification[value="translation"] .messageImage { + list-style-image: url(chrome://browser/skin/translation-16.png); + -moz-image-region: rect(0, 32px, 16px, 16px); } + +@media (min-resolution: 1.25dppx) { + notification[value="translation"] .messageImage { + list-style-image: url(chrome://browser/skin/translation-16@2x.png); + -moz-image-region: rect(0, 64px, 32px, 32px); } } +notification[value="translation"][state="translating"] .messageImage { + list-style-image: url(chrome://browser/skin/translating-16.png); + -moz-image-region: auto; } + +@media (min-resolution: 1.25dppx) { + notification[value="translation"][state="translating"] .messageImage { + list-style-image: url(chrome://browser/skin/translating-16@2x.png); } } +notification[value="translation"] hbox[anonid="details"] { + overflow: hidden; } + +notification[value="translation"] button, +notification[value="translation"] menulist { + -moz-appearance: none; + border-width: 1px; + -moz-border-top-colors: none; + -moz-border-right-colors: none; + -moz-border-bottom-colors: none; + -moz-border-left-colors: none; + border-radius: 2px; + min-width: 0; + box-shadow: 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(255, 255, 255, 0.5) inset; } + +notification[value="translation"] menulist > .menulist-dropmarker { + -moz-appearance: toolbarbutton-dropdown; + border: none; + background-color: transparent; + margin: auto; + padding: 5px 0; } + +.translation-menupopup arrowscrollbox { + padding-bottom: 0; } + +.translation-attribution { + cursor: pointer; + -moz-box-align: end; + font-size: small; } + +.translation-attribution > label { + margin-bottom: 0; } + +.translation-attribution > image { + width: 70px; } + +.translation-welcome-panel { + width: 305px; } + +.translation-welcome-logo { + height: 32px; + width: 32px; + list-style-image: url(chrome://browser/skin/translation-16@2x.png); + -moz-image-region: rect(0, 64px, 32px, 32px); } + +.translation-welcome-content { + -moz-margin-start: 16px; } + +.translation-welcome-headline { + font-size: larger; + font-weight: bold; } + +.translation-welcome-body { + padding: 1em 0; + margin: 0 0; } + +notification[value="translation"] { + min-height: 40px; } + +notification[value="translation"], +notification[value="translation"] button, +notification[value="translation"] menulist { + min-height: 30px; + color: #5A5959; } + +notification[value="translation"] { + background-color: #F2F1F0; } + +notification[value="translation"] button, +notification[value="translation"] menulist { + -moz-padding-end: 1ch; } + +notification[value="translation"] menulist { + border: 1px solid #C1C1C1; + background-color: #FFF; } + +notification[value="translation"] button { + border: 1px solid #C1C1C1; + background-color: #F2F1F0; } + +notification[value="translation"] button, +notification[value="translation"] menulist, +notification[value="translation"] menulist > .menulist-label-box { + -moz-margin-start: 1ch; + -moz-margin-end: 1ch; } + +notification[value="translation"] button:hover, +notification[value="translation"] button:active, +notification[value="translation"] menulist:hover, +notification[value="translation"] menulist:active { + background-color: #E2E1E0; } + +notification[value="translation"] button[anonid="translate"] { + color: #FFF; + background-image: linear-gradient(#9FB938, #8DA726); + box-shadow: none; + border: 1px solid #829C1C; } + +notification[value="translation"] button[anonid="translate"]:hover, +notification[value="translation"] button[anonid="translate"]:active { + background-image: linear-gradient(#8DA726, #8DA726); } + +notification[value="translation"] button > .button-box, +notification[value="translation"] button[type="menu"] > .button-box > .button-menu-dropmarker { + padding: 0; + -moz-margin-start: 3ch; } + +notification[value="translation"] button:not([type="menu"]) > .button-box { + -moz-margin-end: 3ch; } + +notification[value="translation"] menulist > .menulist-dropmarker { + display: block; } + +/* Loop/ Hello browser styles */ +notification[value="loop-sharing-notification"] .button-menubutton-button { + min-width: 0; } + +notification[value="loop-sharing-notification"] .messageImage { + list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16.png); } + +#treecolAutoCompleteImage { + max-width: 36px; } + +.ac-result-type-bookmark, +.autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) { + list-style-image: url("chrome://browser/skin/places/star-icons.png"); + -moz-image-region: rect(0px 32px 16px 16px); + width: 16px; + height: 16px; } + +.ac-result-type-keyword, +.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage), +richlistitem[type~="action"][actiontype="searchengine"] > .ac-title-box > .ac-site-icon { + list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon); + width: 16px; + height: 16px; } + +.ac-result-type-keyword[selected="true"], +.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage, selected), +richlistitem[type~="action"][actiontype="searchengine"][selected="true"] > .ac-title-box > .ac-site-icon { + list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon-inverted); } + +.ac-result-type-tag, +.autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) { + list-style-image: url("chrome://browser/skin/places/tag.png"); + width: 16px; + height: 16px; } + +.ac-comment { + font-size: 1.05em; } + +.ac-extra > .ac-comment { + font-size: inherit; } + +.ac-url-text, +.ac-action-text { + color: -moz-nativehyperlinktext; + font-size: 0.9em; } + +richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-icon { + list-style-image: url("chrome://browser/skin/actionicon-tab.png"); + padding: 0 3px; } + +.autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) { + color: GrayText; } + +.ac-comment[selected="true"], +.ac-url-text[selected="true"], +.ac-action-text[selected="true"] { + color: inherit !important; } + +.autocomplete-treebody::-moz-tree-cell-text(suggesthint, treecolAutoCompleteComment), +.autocomplete-treebody::-moz-tree-cell-text(suggestfirst, treecolAutoCompleteComment) { + color: GrayText; + font-size: smaller; } + +.autocomplete-treebody::-moz-tree-cell(suggesthint) { + border-top: 1px solid GrayText; } + +/* Combined go/reload/stop button in location bar */ +#urlbar > toolbarbutton { + -moz-appearance: none; + padding: 0 2px; + list-style-image: url("chrome://browser/skin/reload-stop-go.png"); } + +#urlbar-reload-button { + -moz-image-region: rect(0, 14px, 14px, 0); } + +#urlbar-reload-button:not([disabled]):hover { + background-image: radial-gradient(circle closest-side, rgba(102, 204, 255, 0.2), transparent); + -moz-image-region: rect(14px, 14px, 28px, 0); } + +#urlbar-reload-button:not([disabled]):hover:active { + background-image: radial-gradient(circle closest-side, rgba(51, 187, 255, 0.1), transparent); + -moz-image-region: rect(28px, 14px, 42px, 0); } + +#urlbar-reload-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); } + +#urlbar-go-button { + -moz-image-region: rect(0, 42px, 14px, 28px); } + +#urlbar-go-button:hover { + background-image: radial-gradient(circle closest-side, rgba(68, 217, 38, 0.2), transparent); + -moz-image-region: rect(14px, 42px, 28px, 28px); } + +#urlbar-go-button:hover:active { + background-image: radial-gradient(circle closest-side, rgba(68, 217, 38, 0.1), transparent); + -moz-image-region: rect(28px, 42px, 42px, 28px); } + +#urlbar-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); } + +#urlbar-stop-button { + -moz-image-region: rect(0, 28px, 14px, 14px); } + +#urlbar-stop-button:not([disabled]):hover { + background-image: radial-gradient(circle closest-side, rgba(255, 138, 128, 0.3), transparent); + -moz-image-region: rect(14px, 28px, 28px, 14px); } + +#urlbar-stop-button:hover:active { + background-image: radial-gradient(circle closest-side, rgba(255, 138, 128, 0.1), transparent); + -moz-image-region: rect(28px, 28px, 42px, 14px); } + +@media (min-resolution: 1.1dppx) { + #urlbar > toolbarbutton { + list-style-image: url("chrome://browser/skin/reload-stop-go@2x.png"); } + + #urlbar-go-button { + -moz-image-region: rect(0, 84px, 28px, 56px); } + + #urlbar-go-button:hover { + -moz-image-region: rect(28px, 84px, 56px, 56px); } + + #urlbar-go-button:hover:active { + -moz-image-region: rect(56px, 84px, 84px, 56px); } + + #urlbar-reload-button { + -moz-image-region: rect(0, 28px, 28px, 0); } + + #urlbar-reload-button:not([disabled]):hover { + -moz-image-region: rect(28px, 28px, 56px, 0); } + + #urlbar-reload-button:not([disabled]):hover:active { + -moz-image-region: rect(56px, 28px, 84px, 0); } + + #urlbar-stop-button { + -moz-image-region: rect(0, 56px, 28px, 28px); } + + #urlbar-stop-button:not([disabled]):hover { + -moz-image-region: rect(28px, 56px, 56px, 28px); } + + #urlbar-stop-button:hover:active { + -moz-image-region: rect(56px, 56px, 84px, 28px); } + + #urlbar > toolbarbutton > .toolbarbutton-icon { + width: 14px; } } +/* Popup blocker button */ +#page-report-button { + list-style-image: url("chrome://browser/skin/Info.png"); } + +/* Reading List button */ +#urlbar:not([focused]):not(:hover) #readinglist-addremove-button { + opacity: 0; + width: 0px; } + +#readinglist-addremove-button { + list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage"); + -moz-image-region: rect(0, 14px, 14px, 0); + transition: width 150ms ease-in-out, opacity 150ms ease-in-out 150ms; + opacity: 1; + width: 20px; } + +#readinglist-addremove-button:hover { + list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage-hover"); } + +#readinglist-addremove-button:active { + list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage-active"); } + +#readinglist-addremove-button[already-added="true"] { + list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded"); } + +#readinglist-addremove-button[already-added="true"]:hover { + list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded-hover"); } + +#readinglist-addremove-button[already-added="true"]:active { + list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded-active"); } + +/* Reader mode button */ +#reader-mode-button { + list-style-image: url("chrome://browser/skin/readerMode.svg"); + -moz-image-region: rect(0, 16px, 16px, 0); } + +#reader-mode-button:hover, +#reader-mode-button[readeractive]:hover { + -moz-image-region: rect(0, 32px, 16px, 16px); } + +#reader-mode-button:hover:active, +#reader-mode-button[readeractive] { + -moz-image-region: rect(0, 48px, 16px, 32px); } + +/* social share panel */ +.social-share-frame { + border-top: 1px solid #f8f8f8; + width: 756px; + height: 150px; } + +#share-container { + min-width: 756px; + background-color: white; + background-repeat: no-repeat; + background-position: center center; } + +#share-container[loading] { + background-image: url(chrome://browser/skin/tabbrowser/pendingpaint.png); } + +#share-container > browser { + transition: opacity 150ms ease-in-out; + opacity: 1; } + +#share-container[loading] > browser { + opacity: 0; } + +.social-share-toolbar { + border-bottom: 1px solid #dedede; + padding: 2px; } + +#social-share-provider-buttons { + padding: 0; + margin: 0; } + +.share-provider-button { + padding: 5px; + margin: 2px; } + +.share-provider-button > .toolbarbutton-text { + display: none; } + +.share-provider-button > .toolbarbutton-icon { + width: 16px; + min-height: 16px; + max-height: 16px; } + +/* social recommending panel */ +#social-mark-button { + -moz-image-region: rect(0, 16px, 16px, 0); } + +/* bookmarks menu-button */ +#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker { + -moz-appearance: none !important; + -moz-box-align: center; } + +#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-icon, +#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menu-dropmarker, +#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker, +#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-button[disabled] > .toolbarbutton-icon { + opacity: .4; } + +#BMB_bookmarksPopup[side="top"], +#BMB_bookmarksPopup[side="bottom"] { + margin-left: -16px; + margin-right: -16px; } + +#BMB_bookmarksPopup[side="left"], +#BMB_bookmarksPopup[side="right"] { + margin-top: -16px; + margin-bottom: -16px; } + +#nav-bar .toolbarbutton-1 > menupopup[side="top"].cui-widget-panel, +#nav-bar .toolbarbutton-1 > menupopup[side="bottom"].cui-widget-panel { + margin-top: -4px; } + +/* Bookmarking panel */ +#editBookmarkPanelStarIcon { + list-style-image: url("chrome://browser/skin/places/starred48.png"); + width: 48px; + height: 48px; } + +#editBookmarkPanelStarIcon[unstarred] { + list-style-image: url("chrome://browser/skin/places/unstarred48.png"); } + +#editBookmarkPanelTitle { + font-size: 130%; } + +#editBookmarkPanelHeader, +#editBookmarkPanelContent { + margin-bottom: .5em; } + +/* Implements editBookmarkPanel resizing on folderTree un-collapse. */ +#editBMPanel_folderTree { + min-width: 27em; } + +.panel-promo-box { + margin: 8px -10px -10px -10px; + padding: 8px 10px; + border-top: 1px solid ThreeDShadow; + background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.08) 6px); } + +.panel-promo-icon { + list-style-image: url("chrome://browser/skin/sync-notification-24.png"); + -moz-margin-end: 10px; + vertical-align: middle; } + +.panel-promo-closebutton { + -moz-appearance: none; + height: 16px; + width: 16px; } + +.panel-promo-closebutton > .toolbarbutton-text { + padding: 0; } + +/* Content area */ +#sidebar { + background-color: Window; } + +/* Findbar */ +.browserContainer > findbar { + background-color: -moz-dialog; + color: -moz-DialogText; + border-top: 1px solid; + -moz-border-top-colors: #2d3036; + text-shadow: none; } + +.browserContainer > findbar .findbar-textbox { + -moz-appearance: none; + border: 1px solid #2d3036; + box-shadow: none; + margin: 0; + padding: 5px; + width: 14em; } + .browserContainer > findbar .findbar-textbox[focused="true"] { + border-color: #5294E2; } + .browserContainer > findbar .findbar-textbox:-moz-locale-dir(ltr) { + border-radius: 20px 0 0 20px; + border-right-width: 0; } + .browserContainer > findbar .findbar-textbox:-moz-locale-dir(rtl) { + border-radius: 0 20px 20px 0; + border-left-width: 0; } + +.browserContainer > findbar .findbar-find-previous, +.browserContainer > findbar .findbar-find-next { + background: #3d414b; + border: 1px solid #2d3036; + box-shadow: none; } + +.browserContainer > findbar .findbar-find-previous { + border-right-width: 0; } + +.browserContainer > findbar .findbar-find-previous:focus, +.browserContainer > findbar .findbar-find-next:focus { + border-color: #5294E2; + box-shadow: none; } + +.browserContainer > findbar .findbar-find-previous:not([disabled]):active, +.browserContainer > findbar .findbar-find-next:not([disabled]):active { + background: #5294E2; + border-color: #5294E2; + box-shadow: none; } + +/* Tabstrip */ +:root { + --tab-toolbar-navbar-overlap: 1px; + --tab-min-height: 31px; } + +#TabsToolbar { + --tab-separator-image: url(chrome://browser/skin/tabbrowser/tab-separator.png); + --tab-separator-size: 3px 100%; + --tab-separator-opacity: 1; } + +/* image preloading hack */ +#tabbrowser-tabs::before { + /* Because of bug 853415, we need to ordinal this to the first position: */ + -moz-box-ordinal-group: 0; + content: ''; + display: block; } + +#tabbrowser-tabs { + min-height: var(--tab-min-height); } + +.tabbrowser-tab, +.tabs-newtab-button { + -moz-appearance: none; + background-color: transparent; + border-radius: 0; + border-width: 0; + margin: 0; + padding: 0; } + +.tabbrowser-tab { + -moz-box-align: stretch; } + +/* The selected tab should appear above adjacent tabs, .tabs-newtab-button and the highlight of #nav-bar */ +.tabbrowser-tab[visuallyselected=true] { + position: relative; + z-index: 2; } + +.tab-background-middle { + -moz-box-flex: 1; + background-clip: padding-box; + border-left: 15px solid transparent; + border-right: 15px solid transparent; + margin: 0 -15px; } + +.tab-content { + -moz-padding-end: 9px; + -moz-padding-start: 9px; } + +.tab-content[pinned] { + -moz-padding-end: 3px; } + +.tab-throbber, +.tab-icon-image, +.tab-close-button { + margin-top: 1px; } + +.tab-throbber, +.tab-icon-image { + height: 16px; + width: 16px; + -moz-margin-end: 6px; } + +.tab-icon-image { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); } + +.tab-icon-overlay { + width: 16px; + height: 16px; + margin-top: 10px; + -moz-margin-start: -16px; + display: none; } + +.tab-icon-overlay[crashed] { + display: -moz-box; + list-style-image: url("chrome://browser/skin/tabbrowser/crashed.svg"); } + +.tab-throbber[busy] { + list-style-image: url("chrome://browser/skin/tabbrowser/connecting.png"); } + +.tab-throbber[progress] { + list-style-image: url("chrome://browser/skin/tabbrowser/loading.png"); } + +.tab-label { + -moz-margin-end: 0; + -moz-margin-start: 0; } + +.tab-close-button { + -moz-margin-start: 4px; + -moz-margin-end: -2px; + padding: 0; } + +.tab-background, +.tabs-newtab-button { + /* overlap the tab curves */ + -moz-margin-end: -15px; + -moz-margin-start: -15px; } + +.tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox { + -moz-padding-end: 15px; + -moz-padding-start: 15px; } + +/* Tab Overflow */ +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]), +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) { + background-image: url(chrome://browser/skin/custom_images/dark/tabs/tab-overflow-indicator.png); + background-size: 100% 100%; + width: 14px; + margin-bottom: var(--tab-toolbar-navbar-overlap); + pointer-events: none; + position: relative; + z-index: 3; + /* the selected tab's z-index + 1 */ } + +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:-moz-locale-dir(rtl), +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:-moz-locale-dir(ltr) { + transform: scaleX(-1); } + +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]) { + -moz-margin-start: -2px; + -moz-margin-end: -12px; } + +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) { + -moz-margin-start: -12px; + -moz-margin-end: -2px; } + +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator[collapsed], +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator[collapsed] { + opacity: 0; } + +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator, +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator { + transition: opacity 150ms ease; } + +.tab-background-start[visuallyselected=true]::after, +.tab-background-start[visuallyselected=true]::before, +.tab-background-start, +.tab-background-end, +.tab-background-end[visuallyselected=true]::after, +.tab-background-end[visuallyselected=true]::before { + min-height: var(--tab-min-height); + width: 30px; } + +.tabbrowser-tab:not([visuallyselected=true]), +.tabbrowser-tab:-moz-lwtheme { + color: inherit; } + +.tabbrowser-tab:not([selected="true"]) { + color: rgba(207, 218, 231, 0.6); } + +/* Selected tab */ +/* + Tab background pseudo-elements which are positioned above .tab-background-start/end: + - ::before - provides the fill of the tab curve and is clipped to the tab shape. This is where + pointer events go for the curve. + - ::after - provides the border/stroke of the tab curve and is overlayed above ::before. Pointer + events go through to ::before to get the proper shape. + */ +.tab-background-start[visuallyselected=true]::after, +.tab-background-end[visuallyselected=true]::after { + /* position ::after on top of its parent */ + -moz-margin-start: -30px; + background-size: 100% 100%; + content: ""; + display: -moz-box; + position: relative; } + +.tab-background-start[visuallyselected=true]::before, +.tab-background-end[visuallyselected=true]::before { + /* all ::before pseudo elements */ + content: ""; + display: -moz-box; } + +.tab-background-start[visuallyselected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before, +.tab-background-end[visuallyselected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before { + background-image: url(chrome://browser/skin/custom_images/dark/tabs/tab-start.svg); + background-size: 100% 100%; } + +.tab-background-end[visuallyselected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before, +.tab-background-start[visuallyselected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before { + background-image: url(chrome://browser/skin/custom_images/dark/tabs/tab-end.svg); + background-size: 100% 100%; } + +/* For lightweight themes, clip the header image on start, middle, and end. */ +.tab-background-start[visuallyselected=true]:-moz-locale-dir(ltr):-moz-lwtheme::before, +.tab-background-end[visuallyselected=true]:-moz-locale-dir(rtl):-moz-lwtheme::before { + clip-path: url(chrome://browser/content/browser.xul#tab-curve-clip-path-start); } + +.tab-background-end[visuallyselected=true]:-moz-locale-dir(ltr):-moz-lwtheme::before, +.tab-background-start[visuallyselected=true]:-moz-locale-dir(rtl):-moz-lwtheme::before { + clip-path: url(chrome://browser/content/browser.xul#tab-curve-clip-path-end); } + +.tab-background-middle[visuallyselected=true] { + background-clip: padding-box, padding-box, content-box; + background-color: transparent; + background-image: url(chrome://browser/skin/custom_images/dark/tabs/tab-middle.svg); + background-repeat: repeat-x; + background-size: auto 100%; + /* The padding-top combined with background-clip: content-box (the bottom-most) ensure the + background-color doesn't extend above the top border. */ + padding-top: 2px; } + +/* Selected tab lightweight theme styles. + See browser-lightweightTheme.css for information about run-time changes to LWT styles. */ +.tab-background-middle[visuallyselected=true]:-moz-lwtheme { + background-color: transparent; + background-image: url(chrome://browser/skin/tabbrowser/tab-active-middle.png), linear-gradient(transparent 0px, transparent 2px, rgba(255, 255, 255, 0.35) 2px, rgba(255, 255, 255, 0.35) 3px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0.65) 4px, rgba(255, 255, 255, 0.3)); + /*, +lwtHeader;*/ + /* Don't stretch the LWT header images */ + background-size: auto 100%, auto 100%, auto auto; } + +/* These LWT styles are normally overridden by browser-lightweightTheme.css */ +.tab-background-start[visuallyselected=true]:-moz-lwtheme::before, +.tab-background-end[visuallyselected=true]:-moz-lwtheme::before { + background-image: linear-gradient(transparent 0px, transparent 2px, rgba(255, 255, 255, 0.35) 2px, rgba(255, 255, 255, 0.35) 3px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0.65) 4px, rgba(255, 255, 255, 0.3)); } + +.tab-background-start[visuallyselected=true]:-moz-lwtheme::before, +.tab-background-end[visuallyselected=true]:-moz-lwtheme::before, +.tab-background-middle[visuallyselected=true]:-moz-lwtheme { + background-color: transparent; } + +/* End selected tab */ +/* new tab button border and gradient on hover */ +.tabbrowser-tab:hover > .tab-stack > .tab-background:not([visuallyselected=true]), +.tabs-newtab-button:hover { + background-image: url(chrome://browser/skin/custom_images/dark/tabs/tab-start-hover.svg), url(chrome://browser/skin/custom_images/dark/tabs/tab-middle-hover.svg), url(chrome://browser/skin/custom_images/dark/tabs/tab-end-hover.svg); + background-position: left bottom, 30px bottom, right bottom; + background-repeat: no-repeat; + background-size: 30px 100%, calc(100% - (2 * 30px)) 100%, 30px 100%; } + +/* Tab pointer-events */ +.tabbrowser-tab { + pointer-events: none; } + +.tab-background-middle, +.tabs-newtab-button, +.tab-close-button { + pointer-events: auto; } + +/* Pinned tabs */ +/* Pinned tab separators need position: absolute when positioned (during overflow). */ +#tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned]::before { + height: 100%; + position: absolute; } + +.tabbrowser-tab[pinned][titlechanged]:not([visuallyselected="true"]) > .tab-stack > .tab-content { + background-image: radial-gradient(farthest-corner at center bottom, white 3%, rgba(186, 221, 251, 0.75) 20%, rgba(127, 179, 255, 0.25) 40%, transparent 70%); + background-position: center bottom var(--tab-toolbar-navbar-overlap); + background-repeat: no-repeat; + background-size: 85% 100%; } + +/* New tab button */ +.tabs-newtab-button { + width: calc(36px + 30px); } + +#tabbrowser-tabs { + /* override the global style to allow the selected tab to be above the nav-bar */ + z-index: auto; } + +#TabsToolbar { + min-height: 0; + padding: 0; + margin-bottom: calc(-1 * var(--tab-toolbar-navbar-overlap)); } + +#TabsToolbar:not(:-moz-lwtheme) { + -moz-appearance: menubar; + color: -moz-menubartext; } + +#toolbar-menubar:not([autohide="true"]):not(:-moz-lwtheme):-moz-system-metric(menubar-drag), +#TabsToolbar:not(:-moz-lwtheme):-moz-system-metric(menubar-drag) { + -moz-binding: url("chrome://browser/content/customizableui/toolbar.xml#toolbar-drag"); } + +.tabbrowser-tab:focus > .tab-stack > .tab-content > .tab-label { + outline: 1px dotted; } + +#context_reloadTab { + list-style-image: url("moz-icon://stock/gtk-refresh?size=menu"); } + +#context_closeOtherTabs { + list-style-image: url("moz-icon://stock/gtk-clear?size=menu"); } + +#context_closeOtherTabs[disabled] { + list-style-image: url("moz-icon://stock/gtk-clear?size=menu&state=disabled"); } + +#context_undoCloseTab { + list-style-image: url("moz-icon://stock/gtk-undelete?size=menu"); } + +#context_closeTab { + list-style-image: url("moz-icon://stock/gtk-close?size=menu"); } + +/* Tab drag and drop */ +.tab-drop-indicator { + list-style-image: url(chrome://browser/skin/tabbrowser/tabDragIndicator.png); + margin-bottom: -9px; + z-index: 3; } + +/* Tab close button */ +.close-icon { + background-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-close.svg"); } + .close-icon:hover { + background-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-close-hover.svg"); } + .close-icon:active:hover { + background-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-close-active.svg"); } + .tabbrowser-tab:not([selected="true"]) .close-icon { + background-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-close-inactive.svg"); } + .tabbrowser-tab:not([selected="true"]) .close-icon:hover { + background-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-close-hover.svg"); } + .tabbrowser-tab:not([selected="true"]) .close-icon:active { + background-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-close-active.svg"); } + +/* Tabstrip new tab button */ +.tabs-newtab-button, +#TabsToolbar > #new-tab-button, +#TabsToolbar > #wrapper-new-tab-button > #new-tab-button { + list-style-image: url("moz-icon://stock/gtk-add?size=menu"); + -moz-image-region: auto; } + +.tabs-newtab-button > .toolbarbutton-icon, +#new-tab-button > .toolbarbutton-icon { + -moz-appearance: none; + list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/new-tab.png"); + -moz-image-region: auto; } + +/* Tabbrowser arrowscrollbox arrows */ +.tabbrowser-arrowscrollbox > .scrollbutton-up > .toolbarbutton-icon, +.tabbrowser-arrowscrollbox > .scrollbutton-down > .toolbarbutton-icon { + -moz-appearance: none; } + +.tabbrowser-arrowscrollbox > .scrollbutton-up, +.tabbrowser-arrowscrollbox > .scrollbutton-down { + -moz-appearance: none; + list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-arrow-left.svg"); + margin: 0 0 var(--tab-toolbar-navbar-overlap); } + +.tabbrowser-arrowscrollbox > .scrollbutton-up[disabled], +.tabbrowser-arrowscrollbox > .scrollbutton-down[disabled] { + opacity: .4; } + +.tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-locale-dir(rtl), +.tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-locale-dir(ltr) { + transform: scaleX(-1); } + +.tabbrowser-arrowscrollbox > .scrollbutton-down { + transition: 1s background-color ease-out; } + +.tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] { + background-color: Highlight; + transition: none; } + +#TabsToolbar .toolbarbutton-1 { + margin-bottom: var(--tab-toolbar-navbar-overlap); } + +#alltabs-button { + list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/alltabs.svg"); } + +#alltabs-button > .toolbarbutton-icon { + padding: 9px 6px 6px; } + +#alltabs-button > .toolbarbutton-menu-dropmarker { + display: none; } + +/* All tabs menupopup */ +.alltabs-item > .menu-iconic-left > .menu-iconic-icon { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); } + +.alltabs-item[selected="true"] { + font-weight: bold; } + +.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); } + +.alltabs-item[tabIsVisible] { + /* box-shadow instead of background-color to work around native styling */ + box-shadow: inset -5px 0 ThreeDShadow; } + +/* Sidebar */ +#sidebar-throbber[loading="true"] { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); + -moz-margin-end: 4px; } + +toolbarbutton.chevron { + list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important; } + +toolbar[brighttext] toolbarbutton.chevron:not(:hover):not([open="true"]) { + list-style-image: url("chrome://global/skin/toolbar/chevron-inverted.png") !important; } + +toolbarbutton.chevron:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); } + +toolbarbutton.chevron > .toolbarbutton-text, +toolbarbutton.chevron > .toolbarbutton-menu-dropmarker { + display: none; } + +toolbarbutton.chevron > .toolbarbutton-icon { + margin: 0; } + +/* Ctrl-Tab */ +.ctrlTab-preview { + -moz-appearance: toolbarbutton; } + +.tabPreview-canvas { + box-shadow: 0 0 5px ThreeDShadow; } + +.ctrlTab-preview:focus .tabPreview-canvas, +.ctrlTab-preview:hover .tabPreview-canvas { + box-shadow: none; } + +.ctrlTab-favicon[src] { + background-color: white; + width: 20px; + height: 20px; + padding: 2px; } + +#ctrlTab-panel { + padding: 10px; } + +.ctrlTab-preview:not(#ctrlTab-showAll) .tabPreview-canvas { + margin-bottom: 2px; } + +#ctrlTab-showAll { + -moz-appearance: button; + color: ButtonText; + padding: 0 3px; + margin-top: 10px; } + +/* Sync Panel */ +.sync-panel-icon { + height: 32px; + width: 32px; + background: url("chrome://browser/content/abouthome/sync.png") top left no-repeat; } + +.sync-panel-inner { + width: 0; + padding-left: 10px; } + +.sync-panel-button-box { + margin-top: 1em; } + +#sync-error-panel-title, +#sync-start-panel-title { + font-size: 120%; + font-weight: bold; + margin-bottom: 5px; } + +#sync-start-panel-subtitle, +#sync-error-panel-subtitle { + margin: 0; } + +/* Status panel */ +.statuspanel-label { + margin: 0; + padding: 2px 4px; + background: #5294E2; + border: 1px none #5294E2; + border-top-style: solid; + color: #ffffff; + text-shadow: none; } + +.statuspanel-label:-moz-locale-dir(ltr):not([mirror]), +.statuspanel-label:-moz-locale-dir(rtl)[mirror] { + border-right-style: solid; + border-top-right-radius: .3em; + margin-right: 1em; } + +.statuspanel-label:-moz-locale-dir(rtl):not([mirror]), +.statuspanel-label:-moz-locale-dir(ltr)[mirror] { + border-left-style: solid; + border-top-left-radius: .3em; + margin-left: 1em; } + +#full-screen-warning-message { + background-image: url("chrome://browser/skin/fullscreen-darknoise.png"); + color: white; + border-radius: 4px; + margin-top: 30px; + padding: 30px 50px; + box-shadow: 0 0 2px white; } + +#full-screen-warning-container[obscure-browser] { + background-color: rgba(0, 0, 0, 0.3); } + +.full-screen-description { + font-size: 150%; } + +#full-screen-domain-text { + font-size: 300%; } + +.full-screen-approval-button, +#full-screen-remember-decision { + font-size: 120%; } + +/* Responsive Mode */ +.browserContainer[responsivemode] { + background-color: #222; + padding: 0 20px 20px 20px; } + +.browserStack[responsivemode] { + box-shadow: 0 0 7px black; } + +.devtools-responsiveui-toolbar { + -moz-appearance: none; + background: transparent; + /* text color is textColor from dark theme, since no theme is applied to + * the responsive toolbar. + */ + color: #cdd9e4; + margin: 10px 0; + padding: 0; + box-shadow: none; + border-bottom-width: 0; } + +.devtools-responsiveui-menulist, +.devtools-responsiveui-toolbarbutton { + -moz-appearance: none; + -moz-box-align: center; + min-width: 32px; + min-height: 22px; + text-shadow: 0 -1px 0 rgba(12, 13, 14, 0.45); + border: 1px solid rgba(12, 13, 14, 0.45); + border-radius: 0; + background: linear-gradient(rgba(138, 145, 153, 0.35), rgba(138, 145, 153, 0.1)) padding-box; + box-shadow: 0 1px 0 rgba(184, 194, 204, 0.15) inset, 0 0 0 1px rgba(184, 194, 204, 0.15) inset, 0 1px 0 rgba(184, 194, 204, 0.15); + margin: 0 3px; + color: inherit; } + +.devtools-responsiveui-menulist .menulist-editable-box { + -moz-appearance: none; + background-color: transparent; } + +.devtools-responsiveui-menulist html|*.menulist-editable-input { + -moz-appearance: none; + color: inherit; + text-align: center; } + +.devtools-responsiveui-menulist html|*.menulist-editable-input::-moz-selection { + background: rgba(138, 145, 153, 0.35); } + +.devtools-responsiveui-toolbarbutton > .toolbarbutton-icon { + width: 16px; + height: 16px; } + +.devtools-responsiveui-toolbarbutton > .toolbarbutton-menubutton-button { + -moz-box-orient: horizontal; } + +.devtools-responsiveui-menulist:-moz-focusring, +.devtools-responsiveui-toolbarbutton:-moz-focusring { + outline: 1px dotted rgba(205, 217, 228, 0.7); + outline-offset: -4px; } + +.devtools-responsiveui-toolbarbutton:not([label]) > .toolbarbutton-text { + display: none; } + +.devtools-responsiveui-toolbarbutton:not([checked=true]):hover:active { + border-color: rgba(12, 13, 14, 0.6); + background: linear-gradient(rgba(24, 25, 27, 0.3), rgba(138, 145, 153, 0.15) 65%, rgba(138, 145, 153, 0.3)); + box-shadow: 0 0 3px rgba(12, 13, 14, 0.25) inset, 0 1px 3px rgba(12, 13, 14, 0.25) inset, 0 1px 0 rgba(184, 194, 204, 0.15); } + +.devtools-responsiveui-menulist[open=true], +.devtools-responsiveui-toolbarbutton[open=true], +.devtools-responsiveui-toolbarbutton[checked=true] { + border-color: rgba(12, 13, 14, 0.6) !important; + background: linear-gradient(rgba(24, 25, 27, 0.6), rgba(41, 46, 51, 0.45) 75%, rgba(68, 76, 85, 0.4)); + box-shadow: 0 1px 3px rgba(12, 13, 14, 0.25) inset, 0 1px 3px rgba(12, 13, 14, 0.25) inset, 0 1px 0 rgba(184, 194, 204, 0.15); } + +.devtools-responsiveui-toolbarbutton[checked=true] { + color: #33a0ff; } + +.devtools-responsiveui-toolbarbutton[checked=true]:hover { + background-color: transparent !important; } + +.devtools-responsiveui-toolbarbutton[checked=true]:hover:active { + background-color: rgba(12, 13, 14, 0.2) !important; } + +.devtools-responsiveui-menulist > .menulist-label-box { + text-align: center; } + +.devtools-responsiveui-menulist > .menulist-dropmarker { + -moz-appearance: none; + display: -moz-box; + background-color: transparent; + list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg"); + -moz-box-align: center; + border-width: 0; + min-width: 16px; } + +.devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-button { + -moz-appearance: none; + color: inherit; + border-width: 0; + -moz-border-end: 1px solid rgba(12, 13, 14, 0.45); + box-shadow: -1px 0 0 rgba(184, 194, 204, 0.15) inset, 1px 0 0 rgba(184, 194, 204, 0.15); } + +.devtools-responsiveui-toolbarbutton[type=menu-button]:-moz-locale-dir(rtl) > .toolbarbutton-menubutton-button { + box-shadow: 1px 0 0 rgba(184, 194, 204, 0.15) inset, -1px 0 0 rgba(184, 194, 204, 0.15); } + +.devtools-responsiveui-toolbarbutton[type=menu-button] { + padding: 0 1px; + -moz-box-align: stretch; } + +.devtools-responsiveui-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker, +.devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker { + -moz-appearance: none !important; + list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg"); + -moz-box-align: center; + padding: 0 3px; } + +.devtools-responsiveui-toolbar:-moz-locale-dir(ltr) > *:first-child, +.devtools-responsiveui-toolbar:-moz-locale-dir(rtl) > *:last-child { + margin-left: 0; } + +.devtools-responsiveui-close { + list-style-image: url("chrome://browser/skin/devtools/close.png"); } + +.devtools-responsiveui-rotate { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate.png"); } + +@media (min-resolution: 1.25dppx) { + .devtools-responsiveui-close { + list-style-image: url("chrome://browser/skin/devtools/close@2x.png"); } + + .devtools-responsiveui-rotate { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate@2x.png"); } } +.devtools-responsiveui-touch { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); } + +.devtools-responsiveui-touch[checked] { + -moz-image-region: rect(0px, 32px, 16px, 16px); } + +@media (min-resolution: 1.25dppx) { + .devtools-responsiveui-touch { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch@2x.png"); + -moz-image-region: rect(0px, 32px, 32px, 0px); } + + .devtools-responsiveui-touch[checked] { + -moz-image-region: rect(0px, 64px, 32px, 32px); } } +.devtools-responsiveui-screenshot { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot.png"); } + +@media (min-resolution: 1.25dppx) { + .devtools-responsiveui-screenshot { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot@2x.png"); } } +.devtools-responsiveui-resizebarV { + width: 7px; + height: 24px; + cursor: ew-resize; + transform: translate(12px, -12px); + background-size: cover; + background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png"); } + +.devtools-responsiveui-resizebarH { + width: 24px; + height: 7px; + cursor: ns-resize; + transform: translate(-12px, 12px); + background-size: cover; + background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer.png"); } + +.devtools-responsiveui-resizehandle { + width: 16px; + height: 16px; + cursor: se-resize; + transform: translate(12px, 12px); + background-size: cover; + background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png"); } + +/* FxOS custom mode with additional buttons and phone look'n feel */ +/* Hide devtools manual resizer */ +.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizehandle, +.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizebarH, +.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizebarV { + display: none; } + +/* Gives responsive mode a phone look'n feel */ +.browserStack[responsivemode].fxos-mode { + padding: 60px 15px 0; + border-radius: 25px / 20px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid #FFFFFF; + border-bottom-width: 0; + background-color: #353535; + box-shadow: 0 3px 0.7px 1px #777777, 0 5px rgba(0, 0, 0, 0.4) inset; + background-image: linear-gradient(to right, #111 11%, #333 56%); + min-width: 320px; } + +.devtools-responsiveui-hardware-buttons { + -moz-appearance: none; + padding: 20px; + border: 1px solid #FFFFFF; + border-bottom-left-radius: 25px; + border-bottom-right-radius: 25px; + border-top-width: 0; + box-shadow: 0 3px 0.7px 1px #777777, 0 -7px rgba(0, 0, 0, 0.4) inset; + background-image: linear-gradient(to right, #111 11%, #333 56%); } + +.devtools-responsiveui-home-button { + width: 40px; + height: 30px; + list-style-image: url("chrome://browser/skin/devtools/responsiveui-home.png"); } + +.devtools-responsiveui-sleep-button { + -moz-appearance: none; + /* compensate browserStack top padding */ + margin-top: -67px; + margin-right: 10px; + min-width: 10px; + width: 50px; + height: 5px; + border: 1px solid #444; + border-top-right-radius: 12px; + border-top-left-radius: 12px; + border-bottom-color: transparent; + background-image: linear-gradient(to top, #111 11%, #333 56%); } + +.devtools-responsiveui-sleep-button:hover:active { + background-image: linear-gradient(to top, #aaa 11%, #ddd 56%); } + +.devtools-responsiveui-volume-buttons { + margin-left: -29px; } + +.devtools-responsiveui-volume-up-button, +.devtools-responsiveui-volume-down-button { + -moz-appearance: none; + border: 1px solid red; + min-width: 8px; + height: 40px; + border: 1px solid #444; + border-right-color: transparent; + background-image: linear-gradient(to right, #111 11%, #333 56%); } + +.devtools-responsiveui-volume-up-button:hover:active, +.devtools-responsiveui-volume-down-button:hover:active { + background-image: linear-gradient(to right, #aaa 11%, #ddd 56%); } + +.devtools-responsiveui-volume-up-button { + border-top-left-radius: 12px; } + +.devtools-responsiveui-volume-down-button { + border-bottom-left-radius: 12px; } + +@media (min-resolution: 1.25dppx) { + .devtools-responsiveui-resizebarV { + background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer@2x.png"); } + + .devtools-responsiveui-resizebarH { + background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer@2x.png"); } + + .devtools-responsiveui-resizehandle { + background-image: url("chrome://browser/skin/devtools/responsive-se-resizer@2x.png"); } } +/* Developer toolbar */ +/* NOTE: THESE NEED TO STAY IN SYNC WITH LIGHT-THEME.CSS AND DARK-THEME.CSS. + We are copy/pasting variables from light-theme and dark-theme, + since they aren't loaded in this context (within browser.css). */ +:root[devtoolstheme="light"] #developer-toolbar { + --gcli-background-color: #ebeced; + /* --theme-tab-toolbar-background */ + --gcli-input-background: #f0f1f2; + /* --theme-toolbar-background */ + --gcli-input-focused-background: #f7f7f7; + /* --theme-sidebar-background */ + --gcli-input-color: #18191a; + /* --theme-body-color */ + --gcli-border-color: #aaaaaa; + /* --theme-splitter-color */ + --selection-background: #4c9ed9; + /* --theme-selection-background */ + --selection-color: #f5f7fa; + /* --theme-selection-color */ } + +:root[devtoolstheme="dark"] #developer-toolbar { + --gcli-background-color: #343c45; + /* --theme-toolbar-background */ + --gcli-input-background: rgba(37, 44, 51, 0.6); + /* --theme-tab-toolbar-background */ + --gcli-input-focused-background: #252c33; + /* --theme-tab-toolbar-background */ + --gcli-input-color: #b6babf; + /* --theme-body-color-alt */ + --gcli-border-color: black; + /* --theme-splitter-color */ + --selection-background: #1d4f73; + /* --theme-selection-background */ + --selection-color: #f5f7fa; + /* --theme-selection-color */ } + +#developer-toolbar { + -moz-appearance: none; + padding: 0; + min-height: 32px; + background-color: var(--gcli-background-color); + border-top: 1px solid var(--gcli-border-color); } + +#developer-toolbar > toolbarbutton { + -moz-appearance: none; + border: none; + background: transparent; + margin: 0; + padding: 0 10px; + width: 32px; } + +.developer-toolbar-button > image { + margin: auto 10px; } + +:root[devtoolstheme="light"] #developer-toolbar > toolbarbutton:not([checked=true]) > image, +:root[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before { + filter: url("chrome://browser/skin/devtools/filters.svg#invert"); } + +.developer-toolbar-button > .toolbarbutton-icon, +#developer-toolbar-closebutton > .toolbarbutton-icon { + width: 16px; + height: 16px; } + +#developer-toolbar-toolbox-button { + list-style-image: url("chrome://browser/skin/devtools/toggle-tools.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); } + +#developer-toolbar-toolbox-button > label { + display: none; } + +#developer-toolbar-toolbox-button:hover { + -moz-image-region: rect(0px, 32px, 16px, 16px); } + +#developer-toolbar-toolbox-button:hover:active { + -moz-image-region: rect(0px, 48px, 16px, 32px); } + +#developer-toolbar-toolbox-button[checked=true] { + -moz-image-region: rect(0px, 64px, 16px, 48px); } + +@media (min-resolution: 1.25dppx) { + #developer-toolbar-toolbox-button { + list-style-image: url("chrome://browser/skin/devtools/toggle-tools@2x.png"); + -moz-image-region: rect(0px, 32px, 32px, 0px); } + + #developer-toolbar-toolbox-button:hover { + -moz-image-region: rect(0px, 64px, 32px, 32px); } + + #developer-toolbar-toolbox-button:hover:active { + -moz-image-region: rect(0px, 96px, 32px, 64px); } + + #developer-toolbar-toolbox-button[checked=true] { + -moz-image-region: rect(0px, 128px, 32px, 96px); } } +#developer-toolbar-closebutton { + list-style-image: url("chrome://browser/skin/devtools/close.png"); + -moz-appearance: none; + border: none; + margin: 0 4px; + min-width: 16px; + width: 16px; + opacity: 0.6; } + +@media (min-resolution: 1.25dppx) { + #developer-toolbar-closebutton { + list-style-image: url("chrome://browser/skin/devtools/close@2x.png"); } } +#developer-toolbar-closebutton > .toolbarbutton-icon { + /* XXX Buttons have padding in widget/ that we don't want here but can't override with good CSS, so we must + use evil CSS to give the impression of smaller content */ + margin: -4px; } + +#developer-toolbar-closebutton > .toolbarbutton-text { + display: none; } + +#developer-toolbar-closebutton:hover { + opacity: 0.8; } + +#developer-toolbar-closebutton:hover:active { + opacity: 1; } + +/* GCLI */ +html|*#gcli-tooltip-frame, +html|*#gcli-output-frame { + padding: 0; + border-width: 0; + background-color: transparent; } + +#gcli-output, +#gcli-tooltip { + border-width: 0; + background-color: transparent; + -moz-appearance: none; } + +.gclitoolbar-input-node, +.gclitoolbar-complete-node { + margin: 0; + -moz-box-align: center; + padding-top: 0; + padding-bottom: 0; + padding-right: 8px; + text-shadow: none; + box-shadow: none; + border-width: 0; + background-color: transparent; + border-radius: 0; } + +.gclitoolbar-input-node { + -moz-appearance: none; + color: var(--gcli-input-color); + background-color: var(--gcli-input-background); + background-repeat: no-repeat; + background-position: 4px center; + box-shadow: 1px 0 0 var(--gcli-border-color) inset, -1px 0 0 var(--gcli-border-color) inset; + line-height: 32px; + outline-style: none; + padding: 0; } + +.gclitoolbar-input-node[focused="true"] { + background-color: var(--gcli-input-focused-background); } + +.gclitoolbar-input-node::before { + content: ""; + display: inline-block; + -moz-box-ordinal-group: 0; + width: 16px; + height: 16px; + margin: 0 2px; + background-image: url("chrome://browser/skin/devtools/commandline-icon.png"); + background-position: 0 center; + background-size: 32px 16px; } + +.gclitoolbar-input-node[focused="true"]::before { + background-position: -16px center; } + +@media (min-resolution: 1.25dppx) { + .gclitoolbar-input-node::before { + background-image: url("chrome://browser/skin/devtools/commandline-icon@2x.png"); } } +.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection { + background-color: var(--selection-background); + color: var(--selection-color); + text-shadow: none; } + +.gclitoolbar-complete-node { + padding-left: 21px; + background-color: transparent; + color: transparent; + z-index: 100; + pointer-events: none; } + +.gcli-in-incomplete, +.gcli-in-error, +.gcli-in-ontab, +.gcli-in-todo, +.gcli-in-closebrace, +.gcli-in-param, +.gcli-in-valid { + margin: 0; + padding: 0; } + +.gcli-in-incomplete { + border-bottom: 2px dotted #999; } + +.gcli-in-error { + border-bottom: 2px dotted #F00; } + +.gcli-in-ontab { + color: #595959; } + +.gcli-in-todo { + color: #2d5986; } + +.gcli-in-closebrace { + color: #cccccc; } + +#notification-popup[popupid="click-to-play-plugins"] > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0px; } + +.click-to-play-plugins-notification-center-box { + border: 1px solid ThreeDShadow; + margin: 10px; } + +.plugin-popupnotification-centeritem:nth-child(odd) { + background-color: rgba(0, 0, 0, 0.1); } + +.center-item-label { + -moz-margin-start: 6px; + margin-bottom: 0; + text-overflow: ellipsis; } + +.center-item-warning-icon { + background-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.png"); + background-repeat: no-repeat; + width: 16px; + height: 15px; + -moz-margin-start: 6px; } + +.click-to-play-plugins-notification-button-container { + background-color: rgba(24, 26, 27, 0.07); + border-top: 1px solid rgba(24, 26, 27, 0.12); + padding: 10px; + margin-top: 5px; } + +.click-to-play-popup-button { + width: 50%; } + +.click-to-play-plugins-notification-description-box { + padding: 10px; } + +.click-to-play-plugins-outer-description { + margin-top: 8px; } + +.click-to-play-plugins-notification-link, +.center-item-link { + margin: 0; } + +.messageImage[value="plugin-hidden"] { + list-style-image: url("chrome://browser/skin/notification-pluginNormal.png"); + -moz-image-region: rect(0, 16px, 16px, 0); } + +/* Keep any changes to this style in sync with pluginProblem.css */ +notification.pluginVulnerable { + background-color: #484848; + background-image: url(chrome://mozapps/skin/plugins/contentPluginStripe.png); + color: white; } + +notification.pluginVulnerable .messageImage { + list-style-image: url("chrome://browser/skin/notification-pluginBlocked.png"); } + +.popup-notification-item-title[popupid="bad-content"] { + font-weight: bold; } + +.popup-notification-item-message[popupid="bad-content"] { + width: 17em; } + +.popup-notification-item-message[popupid="bad-content"][mixedblockdisabled]:not(.popup-notification-item-message-critical), +.popup-notification-item-message[popupid="bad-content"][trackingblockdisabled]:not(.popup-notification-item-message-critical) { + color: GrayText; } + +.popup-notification-item-message-critical[popupid="bad-content"] { + color: #d74345; + font-style: italic; } + +.popup-notification-footer[popupid="bad-content"] { + padding-top: 1em; } + +#login-fill-testing { + color: #b33; + font-weight: bold; } + +#login-fill-list { + border: 1px solid black; + max-height: 20em; } + +.login-hostname { + margin: 4px; + font-weight: bold; } + +.login-username { + margin: 4px; + color: #888; } + +/* 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/. */ +/*** Status and progress indicator ***/ +#downloads-animation-container { + min-height: 1px; + min-width: 1px; + height: 1px; + margin-bottom: -1px; + /* Makes the outermost animation container element positioned, so that its + contents are rendered over the main browser window in the Z order. + This is required by the animated event notification. */ + position: relative; + /* The selected tab may overlap #downloads-indicator-notification */ + z-index: 5; } + +/*** Main indicator icon ***/ +#downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon, +#nav-bar #downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon { + background: -moz-image-rect(url("chrome://browser/skin/custom_images/dark/toolbar-icons.svg"), 0, 198, 18, 180) center no-repeat; + min-width: 18px; + min-height: 18px; } + +#TabsToolbar #downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon { + background: -moz-image-rect(url("chrome://browser/skin/custom_images/dark/tabbar-icons.svg"), 0, 198, 18, 180) center no-repeat; } + +#downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open], [checked], :hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon, +#TabsToolbar #downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open], [checked], :hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon, +#nav-bar #downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open], [checked], :hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon { + background: -moz-image-rect(url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"), 0, 198, 18, 180) center no-repeat; } + +#downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon, +#nav-bar #downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon, +#TabsToolbar #downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon { + background-image: -moz-image-rect(url("chrome://browser/skin/custom_images/dark/toolbar-icons.svg"), 18, 198, 36, 180); } + +#downloads-button[cui-areatype="menu-panel"][attention] { + list-style-image: url("chrome://browser/skin/downloads/download-glow-menuPanel.png"); + -moz-image-region: auto; } + +/* In the next few rules, we use :not([counter]) as a shortcut that is + equivalent to -moz-any([progress], [paused]). */ +#downloads-button:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { + background: -moz-image-rect(url("chrome://browser/skin/Toolbar-small.png"), 0, 16, 16, 0) center no-repeat; + background-size: 12px; } + +#downloads-button:not([counter])[attention] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { + background-image: -moz-image-rect(url("chrome://browser/skin/custom_images/dark/toolbar-icons.svg"), 18, 198, 36, 180); } + +/*** Download notifications ***/ +#downloads-indicator-notification { + opacity: 0; + background-size: 16px; + background-position: center; + background-repeat: no-repeat; + width: 16px; + height: 16px; } + +@keyframes downloadsIndicatorNotificationStartRight { + from { + opacity: 0; + transform: translate(-128px, 128px) scale(8); } + 20% { + opacity: .85; + animation-timing-function: ease-out; } + to { + opacity: 0; + transform: translate(0) scale(1); } } +@keyframes downloadsIndicatorNotificationStartLeft { + from { + opacity: 0; + transform: translate(128px, 128px) scale(8); } + 20% { + opacity: .85; + animation-timing-function: ease-out; } + to { + opacity: 0; + transform: translate(0) scale(1); } } +#downloads-notification-anchor[notification="start"] > #downloads-indicator-notification { + background-image: url("chrome://browser/skin/downloads/download-notification-start.png"); + animation-name: downloadsIndicatorNotificationStartRight; + animation-duration: 1s; } + +#downloads-notification-anchor[notification="start"]:-moz-locale-dir(rtl) > #downloads-indicator-notification { + animation-name: downloadsIndicatorNotificationStartLeft; } + +@keyframes downloadsIndicatorNotificationFinish { + from { + opacity: 0; + transform: scale(1); } + 20% { + opacity: .65; + animation-timing-function: ease-in; } + to { + opacity: 0; + transform: scale(8); } } +#downloads-notification-anchor[notification="finish"] > #downloads-indicator-notification { + background-image: url("chrome://browser/skin/downloads/download-notification-finish.png"); + animation-name: downloadsIndicatorNotificationFinish; + animation-duration: 1s; } + +/*** Progress bar and text ***/ +#downloads-indicator-counter { + height: 10px; + margin: 0; + color: #4d4d4d; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + font-size: 10px; + line-height: 10px; + text-align: center; } + +toolbar[brighttext] #downloads-indicator-counter { + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 1.5px rgba(0, 0, 0, 0.5); } + +#downloads-indicator-progress { + width: 18px; + height: 6px; + min-width: 0; + min-height: 0; + margin-top: 1px; + margin-bottom: 2px; + border-radius: 2px; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + +#downloads-indicator-progress > .progress-bar { + -moz-appearance: none; + min-width: 0; + min-height: 0; + /* The background-clip: border-box; and background-image: none; are there to expand the background-color behind the border */ + background-clip: padding-box, border-box; + background-color: #ff875e; + background-image: linear-gradient(transparent 1px, rgba(255, 255, 255, 0.4) 1px, rgba(255, 255, 255, 0.4) 2px, transparent 2px), none; + border: 1px solid; + border-color: rgba(0, 43, 86, 0.6) rgba(0, 43, 86, 0.4) rgba(0, 43, 86, 0.4); + border-radius: 2px 0 0 2px; } + +#downloads-indicator-progress > .progress-remainder { + -moz-appearance: none; + min-width: 0; + min-height: 0; + background-image: linear-gradient(#505050, #575757); + border: 1px solid; + border-color: rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4); + -moz-border-start: none; + border-radius: 0 2px 2px 0; } + +#downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-bar { + background-color: #dce651; } + +#downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-remainder { + background-image: linear-gradient(#4b5000, #515700); } + +.gcli-panel { + padding: 0; } + +.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection { + color: #24292d; } + +/* Error counter */ +#developer-toolbar-toolbox-button[error-count]:before { + color: #FDF3DE; + min-width: 16px; + text-shadow: none; + background-image: linear-gradient(#B4211B, #8A1915); + border-radius: 1px; + -moz-margin-end: 2px; } + +/* Social toolbar item */ +#social-undoactivation-button { + -moz-margin-start: 0; + /* override default label margin to match description margin */ } + +.social-activation-icon { + width: auto; + height: auto; + max-height: 64px; + max-width: 64px; } + +#social-activation-message { + max-width: 250px; } + +#social-activation-message > label { + margin: 0; } + +/* social toolbar provider menu */ +#social-statusarea-popup { + margin-top: 0; + margin-left: -12px; + margin-right: -12px; } + +.social-statusarea-user { + list-style-image: url("chrome://global/skin/icons/information-32.png"); } + +.social-statusarea-user-portrait { + width: 32px; + height: 32px; + border-radius: 2px; + margin: 10px; } + +.social-panel > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0; } + +#social-sidebar-header { + padding: 3px; } + +#manage-share-providers, +#social-sidebar-button { + list-style-image: url("chrome://browser/skin/Toolbar.png"); + -moz-image-region: rect(0, 468px, 18px, 450px); } + +#social-sidebar-button { + -moz-appearance: none; + border: none; + padding: 0; + margin: 2px; } + +#manage-share-providers > .toolbarbutton-icon, +#social-sidebar-button > .toolbarbutton-icon { + min-height: 18px; + min-width: 18px; } + +#social-sidebar-button > .toolbarbutton-menu-dropmarker { + display: none; } + +#social-sidebar-button[loading="true"] { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); } + +#social-sidebar-favico { + max-height: 16px; + max-width: 16px; + padding: 0; + margin: 2px; } + +.chat-status-icon { + max-height: 16px; + max-width: 16px; + padding: 0; } + +.chat-toolbarbutton { + -moz-appearance: none; + border: none; + padding: 0 3px; + margin: 0; + background: none; } + +.chat-toolbarbutton:hover { + background-color: rgba(255, 255, 255, 0.35); } + +.chat-toolbarbutton:hover:active { + background-color: rgba(255, 255, 255, 0.5); } + +.chat-toolbarbutton > .toolbarbutton-text { + display: none; } + +.chat-toolbarbutton > .toolbarbutton-icon { + width: 16px; + height: 16px; } + +.chat-close-button { + list-style-image: url("chrome://browser/skin/social/chat-icons.svg#close"); } + +.chat-close-button:-moz-any(:hover, :hover:active) { + list-style-image: url("chrome://browser/skin/social/chat-icons.svg#close-active"); } + +.chat-minimize-button { + list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize"); } + +.chat-minimize-button:-moz-any(:hover, :hover:active) { + list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize-active"); } + +.chat-swap-button { + list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand"); + transform: rotate(180deg); } + +.chat-swap-button:-moz-any(:hover, :hover:active) { + list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand-active"); } + +chatbar > chatbox > .chat-titlebar > .chat-swap-button { + transform: none; } + +.chat-title { + font-weight: bold; + color: black; + text-shadow: none; + cursor: inherit; } + +.chat-titlebar { + height: 30px; + min-height: 30px; + width: 100%; + margin: 0; + padding: 7px 6px; + border: none; + border-bottom: 1px solid #ccc; + cursor: pointer; } + +.chat-titlebar > .notification-anchor-icon { + margin-left: 2px; + margin-right: 2px; } + +.chat-titlebar[minimized="true"] { + border-bottom: none; } + +.chat-titlebar[activity] { + background-image: radial-gradient(ellipse closest-side at center, white, transparent); + background-repeat: no-repeat; + background-size: 100% 20px; + background-position: 0 -10px; } + +chatbox[dark=true] > .chat-titlebar, +chatbox[dark=true] > .chat-titlebar[selected] { + border-bottom: none; + background-color: #000; + background-image: none; } + +chatbox[dark=true] > .chat-titlebar > hbox > .chat-title { + font-weight: normal; + color: #c1c1c1; } + +.chat-frame { + padding: 0; + margin: 0; + overflow: hidden; } + +.chatbar-button { + list-style-image: url("chrome://browser/skin/social/services-16.png"); + margin: 0; + padding: 2px; + height: 21px; + width: 21px; + border: 1px solid #ccc; + border-bottom: none; } + +@media (min-resolution: 2dppx) { + .chatbar-button { + list-style-image: url("chrome://browser/skin/social/services-16@2x.png"); } } +.chatbar-button > .toolbarbutton-icon { + width: 16px; } + +.chatbar-button > menupopup > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon { + width: auto; + height: auto; + max-height: 16px; + max-width: 16px; } + +.chatbar-button[open="true"] { + box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.6), 0 1px rgba(255, 255, 255, 0.2); } + +.chatbar-button > .toolbarbutton-text, +.chatbar-button > .toolbarbutton-menu-dropmarker { + display: none; } + +.chatbar-button > menupopup > menuitem[activity] { + font-weight: bold; } + +.chatbar-innerbox { + background: transparent; + margin: -285px 0 0; + overflow: hidden; } + +chatbar { + -moz-margin-end: 20px; } + +chatbox { + -moz-margin-start: 4px; + background-color: white; + border: 1px solid #ccc; + border-bottom: none; } + +window > chatbox { + -moz-margin-start: 0px; + margin: 0px; + border: none; + padding: 0px; } + +.chat-titlebar { + background-color: #d9d9d9; + background-image: linear-gradient(rgba(255, 255, 255, 0.3), transparent); } + +.chat-titlebar[selected] { + background-color: #f0f0f0; } + +.chatbar-button { + -moz-appearance: none; + background-color: #d9d9d9; + background-image: linear-gradient(rgba(255, 255, 255, 0.3), transparent); } + +.chatbar-button > .toolbarbutton-icon { + -moz-margin-end: 0; } + +.chatbar-button:hover, +.chatbar-button[open="true"] { + background-color: #f0f0f0; } + +.chatbar-button[activity] { + background-image: radial-gradient(circle farthest-corner at center 3px, #e9f2fc 3%, rgba(172, 206, 255, 0.75) 40%, rgba(87, 151, 201, 0.5) 80%, transparent); } + +chatbox { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; } + +/* Customization mode */ +/* 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/. */ +/* Customization mode */ +#main-window:-moz-any([customize-entering], [customize-entered]) #browser-bottombox { + margin-bottom: 2em; } + +#main-window:-moz-any([customize-entering], [customize-entered]) #content-deck, +#main-window:-moz-any([customize-entering], [customize-entered]) #browser-bottombox, +#main-window:-moz-any([customize-entering], [customize-entered]) #navigator-toolbox { + margin-left: 2em; + margin-right: 2em; } + +#main-window:-moz-any([customize-entering], [customize-exiting]) #tab-view-deck { + pointer-events: none; } + +#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before, +#PanelUI-contents > .panel-customization-placeholder { + -moz-outline-radius: 2.5px; + outline: 1px dashed transparent; } + +#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before { + /* Prevent jumping of tabs when switching a window between inactive and active (bug 853415). */ + -moz-box-ordinal-group: 0; + content: ""; + display: -moz-box; + height: 100%; + left: 0; + outline-offset: -2px; + pointer-events: none; + position: absolute; + top: 0; + width: 100%; } + +/* Shift the TabsToolbar outline up 2px since the #nav-bar is shifted up by 1px and the + #TabsToolbar::after is a pixel higher to draw the bottom border of the tabstrip so this makes the + offset from the bottom effectively the same as other targets (-2px). */ +#main-window[customize-entered] #TabsToolbar.customization-target::before { + top: -2px; } + +/* The parents of the outline pseudo-elements need to be positioned so that the outline is positioned relative to it. */ +#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)):hover, +#main-window[customize-entered] .customization-target[customizing-dragovertarget]:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)), +#main-window[customize-entered] #nav-bar-customization-target.customization-target { + position: relative; } + +/* Most target outlines are shown on hover and drag over but the panel menu uses + placeholders instead. */ +#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)):hover::before, +#main-window[customize-entered] .customization-target[customizing-dragovertarget]:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before, +#nav-bar[showoutline=true] > #nav-bar-customization-target.customization-target::before { + outline-color: #666666; } + +#nav-bar[showoutline=true] > #nav-bar-customization-target.customization-target::before { + transition: outline-color 250ms linear; } + +#PanelUI-contents[showoutline=true] > .panel-customization-placeholder { + transition: outline-color 250ms linear; + outline-color: #bbb; } + +#PanelUI-contents > .panel-customization-placeholder { + cursor: auto; + outline-offset: -5px; } + +#main-window[customizing] .customization-target:not(#PanelUI-contents) { + min-width: 100px; + padding-left: 10px; + padding-right: 10px; } + +#customization-container { + background-color: #f7f7f7; + color: black; + text-shadow: none; } + +#customization-palette, +#customization-empty { + padding: 0 25px 25px; } + +#customization-header { + font-size: 1.75em; + line-height: 1.75em; + color: #666; + font-weight: 200; + margin: 25px 25px 12px; + padding-bottom: 12px; + border-bottom: 1px solid #e5e5e5; } + +#customization-panel-container { + padding: 15px 25px 25px; + background-image: linear-gradient(to bottom, #3e86ce, #3878ba); } + +#main-window:-moz-any([customize-entering], [customize-entered]) #browser-bottombox, +#customization-footer { + background-color: #ececec; } + +#customization-footer { + border-top: 1px solid #dddddd; + padding: 10px; } + +.customizationmode-button { + border: 1px solid silver; + border-radius: 3px; + margin: 5px; + padding: 2px 12px; + background-color: #fbfbfb; + color: #474747; + box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px rgba(255, 255, 255, 0.5); + -moz-appearance: none; } + +#customization-titlebar-visibility-button[checked], +#customization-devedition-theme-button[checked] { + background-color: #dadada; + border-color: #a8a8a8; + text-shadow: 0 1px #ececec; + box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px #c4c4c4; } + +.customizationmode-button[disabled="true"] { + opacity: .5; } + +.customizationmode-button > .box-inherit > .box-inherit > .button-icon, +.customizationmode-button > .button-box > .button-icon { + height: 24px; } + +#customization-titlebar-visibility-button { + list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle.png"); + -moz-image-region: rect(0, 24px, 24px, 0); } + +#customization-lwtheme-button, +#customization-titlebar-visibility-button { + padding: 2px 7px; } + +#customization-lwtheme-button > .box-inherit > .box-inherit > .button-text, +#customization-titlebar-visibility-button > .button-box > .button-text { + /* Sadly, button.css thinks its margins are perfect for everyone. */ + -moz-margin-start: 6px !important; } + +#customization-lwtheme-button > .box-inherit > .box-inherit > .button-icon { + width: 20px; + height: 20px; + border-radius: 2px; + background-size: contain; } + +#customization-titlebar-visibility-button > .button-box > .button-icon { + vertical-align: middle; } + +#customization-titlebar-visibility-button[checked] { + -moz-image-region: rect(0, 48px, 24px, 24px); } + +@media (min-resolution: 1.1dppx) { + #customization-titlebar-visibility-button { + list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle@2x.png"); + -moz-image-region: rect(0, 48px, 48px, 0); } + + #customization-titlebar-visibility-button[checked] { + -moz-image-region: rect(0, 96px, 48px, 48px); } } +#main-window[customize-entered] #customization-panel-container { + background-image: url("chrome://browser/skin/customizableui/customizeMode-separatorHorizontal.png"), url("chrome://browser/skin/customizableui/customizeMode-separatorVertical.png"), url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"), url("chrome://browser/skin/customizableui/background-noise-toolbar.png"), linear-gradient(to bottom, #3e86ce, #3878ba); + background-position: center top, left center, left top, left top, left top; + background-repeat: no-repeat, no-repeat, repeat, repeat, no-repeat; + background-size: auto 12px, 12px 100%, auto, auto, auto; + background-attachment: scroll, scroll, fixed, fixed, scroll; } + +toolbarpaletteitem[place="toolbar"] { + transition: border-width 250ms ease-in-out; } + +toolbarpaletteitem[mousedown] { + cursor: -moz-grabbing; } + +.panel-customization-placeholder, +toolbarpaletteitem[place="palette"], +toolbarpaletteitem[place="panel"] { + transition: transform .3s ease-in-out; } + +#customization-palette { + transition: opacity .3s ease-in-out; + opacity: 0; } + +#customization-palette[showing="true"] { + opacity: 1; } + +toolbarpaletteitem[notransition].panel-customization-placeholder, +toolbarpaletteitem[notransition][place="toolbar"], +toolbarpaletteitem[notransition][place="palette"], +toolbarpaletteitem[notransition][place="panel"] { + transition: none; } + +toolbarpaletteitem > toolbarbutton > .toolbarbutton-icon, +toolbarpaletteitem > toolbarbutton > .toolbarbutton-badge-container > .toolbarbutton-icon, +toolbarpaletteitem > toolbaritem.panel-wide-item, +toolbarpaletteitem > toolbarbutton[type="menu-button"] { + transition: transform 0.3s cubic-bezier(0.6, 2, 0.75, 1.5) !important; } + +toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-icon, +toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-badge-container > .toolbarbutton-icon { + transform: scale(1.3); } + +toolbarpaletteitem[mousedown] > toolbaritem.panel-wide-item, +toolbarpaletteitem[mousedown] > toolbarbutton[type="menu-button"] { + transform: scale(1.1); } + +/* Override the toolkit styling for items being dragged over. */ +toolbarpaletteitem[place="toolbar"] { + border-left-width: 0; + border-right-width: 0; + margin-right: 0; + margin-left: 0; } + +#customization-palette:not([hidden]) { + margin-bottom: 25px; } + +#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton, +#wrapper-edit-controls[place="palette"] > #edit-controls > separator, +#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton, +#wrapper-zoom-controls[place="palette"] > #zoom-controls > separator { + margin-top: 20px; } + +#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton, +#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton { + margin-left: 0; + margin-right: 0; + max-width: 24px; + min-width: 24px; + max-height: 24px; + min-height: 24px; + padding: 4px; } + +#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-icon, +#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton > .toolbarbutton-icon { + width: 16px; } + +#wrapper-edit-controls > #edit-controls > toolbarbutton > .toolbarbutton-icon { + opacity: 1; + /* To ensure these buttons always look enabled in customize mode */ } + +#wrapper-zoom-controls[place="palette"] > #zoom-controls > #zoom-reset-button, +#wrapper-zoom-controls[place="palette"] > #zoom-controls > #zoom-reset-button + separator { + display: none; } + +#wrapper-personal-bookmarks:not([place="toolbar"]) > #personal-bookmarks { + -moz-box-pack: center; + min-height: 48px; } + +#personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder > .toolbarbutton-icon { + -moz-margin-end: 5px; } + +#customization-palette > toolbarpaletteitem > label { + text-align: center; + margin-left: 0; + margin-right: 0; } + +#customization-lwtheme-menu > .panel-arrowcontainer > .panel-arrowcontent { + -moz-box-orient: vertical; + /* Make the panel padding uniform across all platforms due to the + styling of the section headers and footer. */ + padding: 10px; } + +.customization-lwtheme-menu-theme > .toolbarbutton-icon { + width: 32px; + height: 32px; } + +.customization-lwtheme-menu-theme { + -moz-appearance: none; + border: 1px solid transparent; + margin: 0 -5px 5px; + padding-top: 0; + -moz-padding-end: 5px; + padding-bottom: 0; + -moz-padding-start: 0; } + +.customization-lwtheme-menu-theme[defaulttheme] { + list-style-image: url(chrome://browser/skin/theme-switcher-icon.png); } + +.customization-lwtheme-menu-theme[active="true"], +.customization-lwtheme-menu-theme:hover { + background-color: rgba(24, 26, 27, 0.08); + border-color: rgba(24, 26, 27, 0.11); } + +.customization-lwtheme-menu-theme[active="true"], +.customization-lwtheme-menu-theme:hover:active { + background-color: rgba(24, 26, 27, 0.15); } + +.customization-lwtheme-menu-theme > .toolbarbutton-icon { + margin: 5px; } + +.customization-lwtheme-menu-theme > .toolbarbutton-text { + text-align: start; } + +#customization-lwtheme-menu-header, +#customization-lwtheme-menu-recommended { + padding: 10px; + margin-bottom: 5px; } + +#customization-lwtheme-menu-header, +#customization-lwtheme-menu-recommended, +#customization-lwtheme-menu-footer { + background-color: rgba(24, 26, 27, 0.05); + color: gray; + margin-right: -10px; + margin-left: -10px; } + +#customization-lwtheme-menu-header { + margin-top: -10px; + border-bottom: 1px solid rgba(24, 26, 27, 0.05); } + +#customization-lwtheme-menu-recommended { + border-top: 1px solid rgba(24, 26, 27, 0.05); + border-bottom: 1px solid rgba(24, 26, 27, 0.05); } + +#customization-lwtheme-menu-footer { + background: linear-gradient(rgba(24, 26, 27, 0.05) 60%, transparent) border-box; + border-top: 1px solid rgba(24, 26, 27, 0.05); + margin-bottom: -10px; } + +.customization-lwtheme-menu-footeritem { + -moz-appearance: none; + -moz-box-flex: 1; + color: gray; + border-style: none; + padding: 10px; + margin-left: 0; + margin-right: 0; } + +.customization-lwtheme-menu-footeritem:hover { + background: linear-gradient(rgba(24, 26, 27, 0.08) 40%, transparent) padding-box; } + +.customization-lwtheme-menu-footeritem:first-child { + -moz-border-end: 1px solid rgba(24, 26, 27, 0.15); } + +/* 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/. */ +#customization-tipPanel > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0; + margin: 0; + min-width: 400px; + max-width: 1000px; + min-height: 200px; + border-radius: 3px; + background-image: linear-gradient(90deg, #a0dfff 0%, #ceeeff 100%); + border: 0px solid rgba(0, 148, 221, 0.5); + box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5), inset 0 1px 1px 0 #fff; + color: #333333; } + +#customization-tipPanel > .panel-arrowcontainer > .panel-arrowcontent:-moz-locale-dir(rtl) { + background-image: linear-gradient(90deg, #ceeeff 0%, #a0dfff 100%); } + +.customization-tipPanel-infoBox { + margin: 20px 25px 25px; + width: 25px; + background-image: url(chrome://browser/skin/customizableui/info-icon-customizeTip.png); + background-repeat: no-repeat; } + +.customization-tipPanel-content { + margin: 25px 0; + font-size: 12px; + line-height: 18px; } + +.customization-tipPanel-em { + margin: 0; + font-weight: bold; } + +.customization-tipPanel-contentImage { + margin-top: 25px; + list-style-image: url(chrome://browser/skin/customizableui/customize-illustration.png); + min-width: 300px; + max-width: 300px; + min-height: 190px; + max-height: 190px; + display: -moz-box; } + +.customization-tipPanel-contentImage:-moz-locale-dir(rtl) { + list-style-image: url(chrome://browser/skin/customizableui/customize-illustration-rtl.png); } + +.customization-tipPanel-link { + -moz-appearance: none; + background: transparent; + border: none; + box-shadow: none; + color: #1952ab; + margin: 0; + cursor: pointer; } + +.customization-tipPanel-link > .button-box > .button-text { + margin: 0 !important; } + +.customization-tipPanel-closeBox > .close-icon { + -moz-appearance: none; + border: 0; + -moz-margin-end: -25px; } + +#customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="left"], +#customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="right"] { + list-style-image: url("chrome://browser/skin/customizableui/panelarrow-customizeTip.png"); } + +#main-window[customize-entered] > #tab-view-deck { + background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"), linear-gradient(to bottom, #bcbcbc, #b5b5b5); + background-attachment: fixed; } + +#main-window[customization-lwtheme] > #tab-view-deck:-moz-lwtheme { + background-repeat: no-repeat; + background-position: right top; + background-attachment: fixed; + /* The image will get set from CustomizeMode.jsm */ + background-image: none; + background-color: transparent; } + +#main-window[customization-lwtheme]:-moz-lwtheme { + background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"), url("chrome://browser/skin/customizableui/background-noise-toolbar.png"), linear-gradient(to bottom, #bcbcbc, #b5b5b5); + background-color: #b5b5b5; + background-repeat: repeat; + background-attachment: fixed; + background-position: left top; } + +#main-window[customize-entered] #browser-bottombox, +#main-window[customize-entered] #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar), +#main-window[customize-entered] #customization-container { + border: 3px solid rgba(0, 0, 0, 0.1); + border-top-width: 0; + background-clip: padding-box; + background-origin: padding-box; + -moz-border-right-colors: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2); + -moz-border-bottom-colors: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2); + -moz-border-left-colors: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2); } + +#main-window[customize-entered] #customization-container, +#main-window[customize-entered] #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar) { + border-bottom-width: 0; } + +#main-window[customize-entered] #TabsToolbar { + -moz-appearance: none; + background-clip: padding-box; + border-right: 3px solid transparent; + border-left: 3px solid transparent; } + +/* The :hover:active style from toolkit doesn't seem to work in this panel so just use :active. */ +.customization-tipPanel-closeBox > .close-icon:active { + background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 48, 16, 32); } + +/* End customization mode */ +#main-window[privatebrowsingmode=temporary] #private-browsing-indicator { + background: url("chrome://browser/skin/privatebrowsing-mask.png") center no-repeat; + width: 40px; } + +/* UI Tour */ +#UITourHighlightContainer { + -moz-appearance: none; + border: none; + background-color: transparent; + /* This is a buffer to compensate for the movement in the "wobble" effect */ + padding: 4px; } + +#UITourHighlight { + background-image: radial-gradient(50% 100%, rgba(0, 149, 220, 0.4) 50%, rgba(0, 149, 220, 0.6) 100%); + border-radius: 40px; + border: 1px solid white; + /* The box-shadow opacity needs to be < 0.5 so it doesn't appear at 100% opacity + on Linux without an X compositor where opacity is either 0 or 1. */ + box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.49); + min-height: 32px; + min-width: 32px; } + +#UITourTooltipBody { + -moz-margin-end: 14px; } + +#UITourTooltipBody > vbox { + padding-top: 4px; } + +#UITourTooltipIconContainer { + -moz-margin-start: -16px; } + +#UITourTooltipIcon { + width: 48px; + height: 48px; + -moz-margin-start: 28px; + -moz-margin-end: 28px; } + +#UITourTooltipTitle, +#UITourTooltipDescription { + max-width: 20rem; } + +#UITourTooltipTitle { + font-size: 1.45rem; + font-weight: bold; + -moz-margin-start: 0; + -moz-margin-end: 0; + margin: 0 0 9px 0; } + +#UITourTooltipDescription { + -moz-margin-start: 0; + -moz-margin-end: 0; + font-size: 1.15rem; + line-height: 1.8rem; + margin-bottom: 0; + /* Override global.css */ } + +#UITourTooltipClose { + -moz-appearance: none; + border: none; + background-color: transparent; + min-width: 0; + -moz-margin-start: 4px; + margin-top: -2px; } + +#UITourTooltipClose > .toolbarbutton-text { + display: none; } + +#UITourTooltipButtons { + -moz-box-pack: end; + background-color: rgba(24, 26, 27, 0.07); + border-top: 1px solid rgba(24, 26, 27, 0.14); + margin: 24px -16px -16px; + padding: 2em 15px; } + +#UITourTooltipButtons > button { + margin: 0 15px; } + +#UITourTooltipButtons > button:first-child { + -moz-margin-start: 0; } + +#UITourTooltipButtons > button[image] > .button-box > .button-icon { + width: 16px; + height: 16px; + -moz-margin-end: 5px; } + +#UITourTooltipButtons > button .button-text { + font-size: 1.15rem; } + +#UITourTooltipButtons > button:not(.button-link) { + -moz-appearance: none; + background-color: #fbfbfb; + border-radius: 3px; + border: 1px solid; + border-color: silver; + color: #474747; + padding: 4px 30px; + transition-property: background-color, border-color; + transition-duration: 150ms; } + +#UITourTooltipButtons > button:not(.button-link):not(:active):hover { + background-color: rgba(24, 26, 27, 0.15); + border-color: rgba(24, 26, 27, 0.15); + box-shadow: 0 1px 0 0 rgba(24, 26, 27, 0.05) inset; } + +#UITourTooltipButtons > button.button-link { + -moz-appearance: none; + background: transparent; + border: none; + box-shadow: none; + color: rgba(0, 0, 0, 0.35); + padding-left: 10px; + padding-right: 10px; } + +#UITourTooltipButtons > button.button-link:hover { + color: black; } + +/* The primary button gets the same color as the customize button. */ +#UITourTooltipButtons > button.button-primary { + background-color: #74bf43; + color: white; + padding-left: 30px; + padding-right: 30px; } + +#UITourTooltipButtons > button.button-primary:not(:active):hover { + background-color: #69ad3d; } + +/* Notification overrides for Heartbeat UI */ +notification.heartbeat { + background-color: #F1F1F1; + border-bottom: 1px solid #C1C1C1; + height: 40px; } + +/* In themes/osx/global/notification.css the close icon is inverted because notifications + on OSX are usually dark. Heartbeat is light, so override that behaviour. */ +@keyframes pulse-onshow { + 0% { + opacity: 0; + transform: scale(1); } + 25% { + opacity: 1; + transform: scale(1.1); } + 50% { + transform: scale(1); } + 75% { + transform: scale(1.1); } + 100% { + transform: scale(1); } } +@keyframes pulse-twice { + 0% { + transform: scale(1.1); } + 50% { + transform: scale(0.8); } + 100% { + transform: scale(1); } } +.messageText.heartbeat { + color: #333333; + text-shadow: none; + -moz-margin-start: 0px; + /* The !important is required to override OSX default style. */ + -moz-margin-end: 12px !important; } + +.messageImage.heartbeat { + width: 24px; + height: 24px; + -moz-margin-start: 8px; + -moz-margin-end: 8px; } + +.messageImage.heartbeat.pulse-onshow { + animation-name: pulse-onshow; + animation-duration: 1.5s; + animation-iteration-count: 1; + animation-timing-function: cubic-bezier(0.7, 1.8, 0.9, 1.1); } + +.messageImage.heartbeat.pulse-twice { + animation-name: pulse-twice; + animation-duration: 1s; + animation-iteration-count: 2; + animation-timing-function: linear; } + +/* Learn More link styles */ +.heartbeat > .text-link { + color: #0095DD; + -moz-margin-start: 0px; } + +.heartbeat > .text-link:hover { + color: #008ACB; + text-decoration: none; } + +.heartbeat > .text-link:hover:active { + color: #006B9D; } + +/* Heartbeat UI Rating Star Classes */ +.heartbeat > #star-rating-container { + display: -moz-box; + margin-bottom: 4px; } + +.heartbeat > #star-rating-container > #star5 { + -moz-box-ordinal-group: 5; } + +.heartbeat > #star-rating-container > #star4 { + -moz-box-ordinal-group: 4; } + +.heartbeat > #star-rating-container > #star3 { + -moz-box-ordinal-group: 3; } + +.heartbeat > #star-rating-container > #star2 { + -moz-box-ordinal-group: 2; } + +.heartbeat > #star-rating-container > .star-x { + background: url("chrome://browser/skin/heartbeat-star-off.svg"); + cursor: pointer; + /* Overrides the -moz-margin-end for all platforms defined in the .plain class */ + -moz-margin-end: 4px !important; + width: 16px; + height: 16px; } + +.heartbeat > #star-rating-container > .star-x:hover, +.heartbeat > #star-rating-container > .star-x:hover ~ .star-x { + background: url("chrome://browser/skin/heartbeat-star-lit.svg"); } + +#UITourHighlight { + /* Below are some fixes for people without an X compositor on Linux. + This is why we can't have nice things: */ + /* Animations don't repaint properly without an X compositor. */ + animation-name: none !important; + /* Opacity rounds to 0 or 1 on Linux without an X compositor so make the + background be transparent in that case by having all alpha values < 0.5 */ + background-image: radial-gradient(50% 100%, rgba(0, 149, 220, 0.3) 50%, rgba(0, 149, 220, 0.49) 100%); + /* The highlight isn't anti-aliased without an X compositor so make it thicker. + Make it a darker color since we don't have the box-shadow in this case. */ + border: 4px solid #0095dc; } + +#UITourTooltipDescription { + font-size: 1.05rem; } + +#UITourTooltipClose { + -moz-margin-end: -4px; + height: 16px; + width: 16px; } + +#UITourTooltipButtons { + margin-bottom: -10px; } + +#context-navigation > .menuitem-iconic { + -moz-box-flex: 1; + -moz-box-pack: center; + -moz-box-align: center; } + +#context-navigation > .menuitem-iconic > .menu-iconic-left { + -moz-appearance: none; } + +#context-back { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back"); } + +#context-back[_moz-menuactive=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-active"); } + +#context-back[disabled=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-disabled"); } + +#context-forward { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward"); } + +#context-forward[_moz-menuactive=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-active"); } + +#context-forward[disabled=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-disabled"); } + +#context-reload { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload"); } + +#context-reload[_moz-menuactive=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-active"); } + +#context-reload[disabled=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-disabled"); } + +#context-stop { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop"); } + +#context-stop[_moz-menuactive=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-active"); } + +#context-stop[disabled=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-disabled"); } + +#context-bookmarkpage { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark"); } + +#context-bookmarkpage[_moz-menuactive=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-active"); } + +#context-bookmarkpage[disabled=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-disabled"); } + +#context-back:-moz-locale-dir(rtl), +#context-forward:-moz-locale-dir(rtl), +#context-reload:-moz-locale-dir(rtl) { + transform: scaleX(-1); } + +#context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon { + width: 16px; + height: 16px; + margin: 7px; } + +#context-media-eme-learnmore { + list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); } + +#context-navigation > .menuitem-iconic > .menu-iconic-left { + visibility: visible; + /* override toolkit/themes/linux/global/menu.css */ + -moz-padding-end: 0 !important; + -moz-margin-end: 0 !important; } diff --git a/arc-firefox-theme/chrome/browser/click-to-play-warning-stripes.png b/arc-firefox-theme/chrome/browser/click-to-play-warning-stripes.png Binary files differnew file mode 100644 index 0000000..29f15f7 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/click-to-play-warning-stripes.png diff --git a/arc-firefox-theme/chrome/browser/content-contextmenu.svg b/arc-firefox-theme/chrome/browser/content-contextmenu.svg new file mode 100644 index 0000000..f3b4376 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/content-contextmenu.svg @@ -0,0 +1,73 @@ +<?xml version="1.0"?> +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + 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: menutext; +} + +use[id$="-active"] { + fill: -moz-menuhovertext; +} + +use[id$="-disabled"] { + fill: graytext; +} +</style> +<defs style="display:none"> + <path id="back-shape" fill-rule="evenodd" clip-rule="evenodd" d="M1.192,8.893L2.21,9.964c0.064,0.065,0.136,0.117,0.214,0.159 + l5.199,5.301c0.607,0.63,1.465,0.764,1.915,0.297l1.02-1.082c0.449-0.467,0.32-1.357-0.288-1.99l-2.116-2.158h5.705 + c0.671,0,1.215-0.544,1.215-1.215v-2.43c0-0.671-0.544-1.215-1.215-1.215H8.094l2.271-2.309c0.609-0.626,0.737-1.512,0.288-1.974 + L9.635,0.278C9.184-0.188,8.327-0.055,7.718,0.575L2.479,5.901C2.38,5.946,2.289,6.008,2.21,6.089L1.192,7.171 + c-0.21,0.219-0.293,0.53-0.26,0.864C0.899,8.367,0.981,8.676,1.192,8.893z"/> + <path id="forward-shape" fill-rule="evenodd" clip-rule="evenodd" d="M14.808,7.107L13.79,6.036c-0.064-0.065-0.136-0.117-0.214-0.159 + L8.377,0.576C7.77-0.054,6.912-0.189,6.461,0.278L5.441,1.36c-0.449,0.467-0.32,1.357,0.288,1.99l2.116,2.158H2.14 + c-0.671,0-1.215,0.544-1.215,1.215v2.43c0,0.671,0.544,1.215,1.215,1.215h5.765l-2.271,2.309c-0.609,0.626-0.737,1.512-0.288,1.974 + l1.019,1.072c0.451,0.465,1.308,0.332,1.917-0.297l5.238-5.326c0.1-0.045,0.191-0.107,0.269-0.188l1.019-1.082 + c0.21-0.219,0.293-0.53,0.26-0.864C15.101,7.633,15.019,7.324,14.808,7.107z"/> + <path id="reload-shape" fill-rule="evenodd" clip-rule="evenodd" d="M15.429,8h-8l3.207-3.207C9.889,4.265,8.986,3.947,8,3.947 + c-2.554,0-4.625,2.071-4.625,4.625S5.446,13.196,8,13.196c1.638,0,3.069-0.857,3.891-2.141l2.576,1.104 + C13.199,14.439,10.794,16,8,16c-4.103,0-7.429-3.326-7.429-7.429S3.897,1.143,8,1.143c1.762,0,3.366,0.624,4.631,1.654L15.429,0V8z"/> + <polygon id="stop-shape" fill-rule="evenodd" clip-rule="evenodd" points="16,2.748 13.338,0.079 8.038,5.391 2.661,0 0,2.669 + 5.377,8.059 0.157,13.292 2.819,15.961 8.039,10.728 13.298,16 15.959,13.331 10.701,8.06"/> + <path id="bookmark-shape" d="M8.008,3.632l0.986,2.012l0.452,0.922l1.014,0.169l2.326,0.389l-1.719,1.799l-0.676,0.708l0.145,0.967 + L10.896,13l-1.959-1.039l-0.937-0.497l-0.937,0.497l-1.957,1.038L5.468,10.6l0.146-0.968L4.937,8.924L3.219,7.126l2.351-0.39 + l1.023-0.17l0.45-0.934L8.008,3.632 M8,0C7.72,0,7.44,0.217,7.228,0.65L5.242,4.766L0.907,5.485c-0.958,0.159-1.195,0.861-0.53,1.56 + l3.113,3.258l-0.69,4.583c-0.105,0.689,0.172,1.092,0.658,1.092c0.185,0,0.399-0.058,0.635-0.181l3.906-2.072l3.906,2.072 + c0.236,0.123,0.45,0.181,0.635,0.181c0.486,0,0.762-0.403,0.659-1.092l-0.687-4.583l3.109-3.255c0.666-0.702,0.428-1.404-0.53-1.564 + l-4.303-0.719L8.772,0.65C8.56,0.217,8.28,0,8,0L8,0z"/> + <path id="bookmarked-shape" d="M8,0C7.719,0,7.438,0.217,7.225,0.651L5.233,4.773l-4.35,0.72c-0.961,0.159-1.199,0.862-0.531,1.562 + l3.124,3.262l-0.692,4.589C2.679,15.596,2.957,16,3.444,16c0.185,0,0.401-0.058,0.637-0.181L8,13.744l3.919,2.075 + C12.156,15.942,12.372,16,12.557,16c0.487,0,0.764-0.404,0.661-1.094l-0.69-4.589l3.12-3.259c0.668-0.703,0.43-1.406-0.532-1.566 + l-4.317-0.72L8.775,0.651C8.562,0.217,8.281,0,8,0L8,0z"/> +</defs> +<use id="back" xlink:href="#back-shape"/> +<use id="back-active" xlink:href="#back-shape"/> +<use id="back-disabled" xlink:href="#back-shape"/> +<use id="forward" xlink:href="#forward-shape"/> +<use id="forward-active" xlink:href="#forward-shape"/> +<use id="forward-disabled" xlink:href="#forward-shape"/> +<use id="reload" xlink:href="#reload-shape"/> +<use id="reload-active" xlink:href="#reload-shape"/> +<use id="reload-disabled" xlink:href="#reload-shape"/> +<use id="stop" xlink:href="#stop-shape"/> +<use id="stop-active" xlink:href="#stop-shape"/> +<use id="stop-disabled" xlink:href="#stop-shape"/> +<use id="bookmark" xlink:href="#bookmark-shape"/> +<use id="bookmark-active" xlink:href="#bookmark-shape"/> +<use id="bookmark-disabled" xlink:href="#bookmark-shape"/> +<use id="bookmarked" xlink:href="#bookmarked-shape"/> +<use id="bookmarked-active" xlink:href="#bookmarked-shape"/> +<use id="bookmarked-disabled" xlink:href="#bookmarked-shape"/> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabbar-icons.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabbar-icons.svg new file mode 100644 index 0000000..dffaa8f --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabbar-icons.svg @@ -0,0 +1,1468 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + id="svg2" + version="1.1" + inkscape:version="0.91 r13725" + width="774" + height="36" + viewBox="0 0 774 36" + sodipodi:docname="tabbar-icons.svg"> + <metadata + id="metadata8"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title /> + </cc:Work> + </rdf:RDF> + </metadata> + <defs + id="defs6"> + <inkscape:path-effect + effect="spiro" + id="path-effect4386-3" + is_visible="true" /> + </defs> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="640" + inkscape:window-height="480" + id="namedview4" + showgrid="true" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true" + showguides="false" + inkscape:guide-bbox="true" + inkscape:zoom="16" + inkscape:cx="9.4650557" + inkscape:cy="28.375735" + inkscape:current-layer="layer2" + inkscape:object-paths="true" + inkscape:snap-intersection-paths="true" + inkscape:object-nodes="true" + inkscape:snap-bbox-midpoints="true" + inkscape:snap-nodes="true" + inkscape:snap-global="true"> + <inkscape:grid + type="xygrid" + id="grid4138" /> + <sodipodi:guide + position="18,27" + orientation="1,0" + id="guide4140" /> + <sodipodi:guide + position="36,27" + orientation="1,0" + id="guide4144" /> + <sodipodi:guide + position="54,27" + orientation="1,0" + id="guide4165" /> + <sodipodi:guide + position="72,27" + orientation="1,0" + id="guide4167" /> + <sodipodi:guide + position="90,27" + orientation="1,0" + id="guide4169" /> + <sodipodi:guide + position="108,27" + orientation="1,0" + id="guide4171" /> + <sodipodi:guide + position="126,27" + orientation="1,0" + id="guide4173" /> + <sodipodi:guide + position="144,26" + orientation="1,0" + id="guide4175" /> + <sodipodi:guide + position="162,26" + orientation="1,0" + id="guide4177" /> + <sodipodi:guide + position="180,26" + orientation="1,0" + id="guide4179" /> + <sodipodi:guide + position="198,26" + orientation="1,0" + id="guide4181" /> + <sodipodi:guide + position="216,26" + orientation="1,0" + id="guide4183" /> + <sodipodi:guide + position="234,26" + orientation="1,0" + id="guide4185" /> + <sodipodi:guide + position="252,26" + orientation="1,0" + id="guide4187" /> + <sodipodi:guide + position="270,27" + orientation="1,0" + id="guide4189" /> + <sodipodi:guide + position="288,27" + orientation="1,0" + id="guide4191" /> + <sodipodi:guide + position="306,27" + orientation="1,0" + id="guide4193" /> + <sodipodi:guide + position="324,27" + orientation="1,0" + id="guide4195" /> + <sodipodi:guide + position="342,27" + orientation="1,0" + id="guide4197" /> + <sodipodi:guide + position="360,27" + orientation="1,0" + id="guide4199" /> + <sodipodi:guide + position="378,27" + orientation="1,0" + id="guide4201" /> + <sodipodi:guide + position="396,27" + orientation="1,0" + id="guide4203" /> + <sodipodi:guide + position="414,27" + orientation="1,0" + id="guide4205" /> + <sodipodi:guide + position="432,27" + orientation="1,0" + id="guide4207" /> + <sodipodi:guide + position="450,27" + orientation="1,0" + id="guide4209" /> + <sodipodi:guide + position="468,27" + orientation="1,0" + id="guide4211" /> + <sodipodi:guide + position="486,27" + orientation="1,0" + id="guide4213" /> + <sodipodi:guide + position="504,27" + orientation="1,0" + id="guide4215" /> + <sodipodi:guide + position="522,27" + orientation="1,0" + id="guide4217" /> + <sodipodi:guide + position="540,27" + orientation="1,0" + id="guide4219" /> + <sodipodi:guide + position="558,27" + orientation="1,0" + id="guide4221" /> + <sodipodi:guide + position="576,27" + orientation="1,0" + id="guide4223" /> + <sodipodi:guide + position="594,27" + orientation="1,0" + id="guide4225" /> + <sodipodi:guide + position="612,27" + orientation="1,0" + id="guide4227" /> + <sodipodi:guide + position="630,27" + orientation="1,0" + id="guide4229" /> + <sodipodi:guide + position="648,27" + orientation="1,0" + id="guide4231" /> + <sodipodi:guide + position="666,27" + orientation="1,0" + id="guide4233" /> + <sodipodi:guide + position="684,27" + orientation="1,0" + id="guide4235" /> + <sodipodi:guide + position="702,27" + orientation="1,0" + id="guide4237" /> + <sodipodi:guide + position="720,27" + orientation="1,0" + id="guide4239" /> + <sodipodi:guide + position="738,27" + orientation="1,0" + id="guide4241" /> + <sodipodi:guide + position="756,27" + orientation="1,0" + id="guide4243" /> + <sodipodi:guide + position="0,18" + orientation="0,1" + id="guide4245" /> + <sodipodi:guide + position="59.720667,21.020803" + orientation="0,1" + id="guide4691" /> + <sodipodi:guide + position="63,33" + orientation="0,1" + id="guide4693" /> + <sodipodi:guide + position="450,18" + orientation="1,0" + id="guide4716" /> + </sodipodi:namedview> + <g + inkscape:groupmode="layer" + id="layer2" + inkscape:label="Layer 2" + style="display:inline"> + <g + id="g4295" + transform="translate(17.984,-0.01700159)" + style="fill:#afb8c5;fill-opacity:1"> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#afb8c5;fill-opacity:1" + inkscape:label="status" + id="layer9" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="devices" + id="layer10" + style="fill:#afb8c5;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="apps" + id="layer11" + style="fill:#afb8c5;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="places" + id="layer13" + style="fill:#afb8c5;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="mimetypes" + id="layer14" + style="fill:#afb8c5;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#afb8c5;fill-opacity:1" + inkscape:label="emblems" + id="layer15" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#afb8c5;fill-opacity:1" + inkscape:label="emotes" + id="g71291" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#afb8c5;fill-opacity:1" + inkscape:label="categories" + id="g4953" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#afb8c5;fill-opacity:1" + inkscape:label="actions" + id="layer12"> + <path + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + id="path6040" + d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z" + inkscape:connector-curvature="0" /> + <rect + y="748.00073" + x="112.00065" + width="1" + style="fill:#afb8c5;fill-opacity:1;stroke:none" + ry="1" + rx="1" + id="rect6046" + height="1" /> + <rect + y="759.00073" + x="112.00065" + width="1" + style="fill:#afb8c5;fill-opacity:1;stroke:none" + ry="1" + rx="1" + id="rect6050" + height="1" /> + </g> + </g> + <g + id="g4295-3" + transform="matrix(-1,0,0,1,72.037527,0.01274702)" + style="fill:#afb8c5;fill-opacity:1"> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#afb8c5;fill-opacity:1" + inkscape:label="status" + id="layer9-9" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="devices" + id="layer10-2" + style="fill:#afb8c5;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="apps" + id="layer11-0" + style="fill:#afb8c5;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="places" + id="layer13-0" + style="fill:#afb8c5;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="mimetypes" + id="layer14-2" + style="fill:#afb8c5;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#afb8c5;fill-opacity:1" + inkscape:label="emblems" + id="layer15-5" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#afb8c5;fill-opacity:1" + inkscape:label="emotes" + id="g71291-0" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#afb8c5;fill-opacity:1" + inkscape:label="categories" + id="g4953-6" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#afb8c5;fill-opacity:1" + inkscape:label="actions" + id="layer12-0"> + <path + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + id="path6040-6" + d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z" + inkscape:connector-curvature="0" /> + <rect + y="748.00073" + x="112.00065" + width="1" + style="fill:#afb8c5;fill-opacity:1;stroke:none" + ry="1" + rx="1" + id="rect6046-0" + height="1" /> + <rect + y="759.00073" + x="112.00065" + width="1" + style="fill:#afb8c5;fill-opacity:1;stroke:none" + ry="1" + rx="1" + id="rect6050-1" + height="1" /> + </g> + </g> + <g + id="g4295-7" + transform="translate(35.962473,0.01274702)" + style="fill:#afb8c5;fill-opacity:1"> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#afb8c5;fill-opacity:1" + inkscape:label="status" + id="layer9-0" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="devices" + id="layer10-6" + style="fill:#afb8c5;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="apps" + id="layer11-3" + style="fill:#afb8c5;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="places" + id="layer13-4" + style="fill:#afb8c5;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="mimetypes" + id="layer14-3" + style="fill:#afb8c5;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#afb8c5;fill-opacity:1" + inkscape:label="emblems" + id="layer15-6" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#afb8c5;fill-opacity:1" + inkscape:label="emotes" + id="g71291-1" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#afb8c5;fill-opacity:1" + inkscape:label="categories" + id="g4953-9" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#afb8c5;fill-opacity:1" + inkscape:label="actions" + id="layer12-9"> + <path + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + id="path6040-68" + d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z" + inkscape:connector-curvature="0" /> + <rect + y="748.00073" + x="112.00065" + width="1" + style="fill:#afb8c5;fill-opacity:1;stroke:none" + ry="1" + rx="1" + id="rect6046-3" + height="1" /> + <rect + y="759.00073" + x="112.00065" + width="1" + style="fill:#afb8c5;fill-opacity:1;stroke:none" + ry="1" + rx="1" + id="rect6050-4" + height="1" /> + </g> + </g> + <g + id="g4492" + transform="matrix(0.98812264,0,0,1,2.0927143,0)" + style="fill:#afb8c5;fill-opacity:1"> + <g + transform="matrix(-1,0,0,1,105.03753,-0.00212728)" + id="g4295-3-4" + style="fill:#afb8c5;fill-opacity:1"> + <g + id="layer9-9-7" + inkscape:label="status" + style="display:inline;fill:#afb8c5;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="layer10-2-8" + inkscape:label="devices" + transform="translate(-100.0002,-745)" + style="fill:#afb8c5;fill-opacity:1" /> + <g + id="layer11-0-6" + inkscape:label="apps" + transform="translate(-100.0002,-745)" + style="fill:#afb8c5;fill-opacity:1" /> + <g + id="layer13-0-0" + inkscape:label="places" + transform="translate(-100.0002,-745)" + style="fill:#afb8c5;fill-opacity:1" /> + <g + id="layer14-2-8" + inkscape:label="mimetypes" + transform="translate(-100.0002,-745)" + style="fill:#afb8c5;fill-opacity:1" /> + <g + id="layer15-5-0" + inkscape:label="emblems" + style="display:inline;fill:#afb8c5;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="g71291-0-3" + inkscape:label="emotes" + style="display:inline;fill:#afb8c5;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="g4953-6-0" + inkscape:label="categories" + style="display:inline;fill:#afb8c5;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="layer12-0-4" + inkscape:label="actions" + style="display:inline;fill:#afb8c5;fill-opacity:1" + transform="translate(-100.0002,-745)"> + <path + inkscape:connector-curvature="0" + d="m 111.87541,748.00075 c -0.22395,0.0242 -0.43316,0.12331 -0.59375,0.28125 l -4.99996,4.99974 -0.6875,0.71875 0.6875,0.71875 4.99996,4.99964 c 0.95833,0.95845 2.39595,-0.47917 1.4375,-1.4375 l -4.28121,-4.28089 4.28121,-4.28099 c 0.72453,-0.67473 0.1332,-1.8793 -0.84375,-1.71875 z" + id="path6040-6-8" + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + sodipodi:nodetypes="cccccccccc" /> + <rect + height="1" + id="rect6046-0-3" + rx="1.0120201" + ry="1" + style="fill:#afb8c5;fill-opacity:1;stroke:none" + width="1" + x="111.01369" + y="749.00214" /> + <rect + height="1" + id="rect6050-1-1" + rx="1.0120201" + ry="1" + style="fill:#afb8c5;fill-opacity:1;stroke:none" + width="1" + x="111.0257" + y="758.00214" /> + </g> + </g> + <g + transform="translate(91.106717,-0.00212728)" + id="g4295-3-0" + style="fill:#afb8c5;fill-opacity:1"> + <g + id="layer9-9-9" + inkscape:label="status" + style="display:inline;fill:#afb8c5;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="layer10-2-1" + inkscape:label="devices" + transform="translate(-100.0002,-745)" + style="fill:#afb8c5;fill-opacity:1" /> + <g + id="layer11-0-2" + inkscape:label="apps" + transform="translate(-100.0002,-745)" + style="fill:#afb8c5;fill-opacity:1" /> + <g + id="layer13-0-8" + inkscape:label="places" + transform="translate(-100.0002,-745)" + style="fill:#afb8c5;fill-opacity:1" /> + <g + id="layer14-2-3" + inkscape:label="mimetypes" + transform="translate(-100.0002,-745)" + style="fill:#afb8c5;fill-opacity:1" /> + <g + id="layer15-5-04" + inkscape:label="emblems" + style="display:inline;fill:#afb8c5;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="g71291-0-9" + inkscape:label="emotes" + style="display:inline;fill:#afb8c5;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="g4953-6-3" + inkscape:label="categories" + style="display:inline;fill:#afb8c5;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="layer12-0-2" + inkscape:label="actions" + style="display:inline;fill:#afb8c5;fill-opacity:1" + transform="translate(-100.0002,-745)"> + <path + inkscape:connector-curvature="0" + d="m 111.87541,748.00075 c -0.22394,0.0242 -0.43316,0.12331 -0.59375,0.28125 l -4.99996,4.99974 -0.6875,0.71875 0.6875,0.71875 4.99996,4.99964 c 0.95833,0.95845 2.39595,-0.47917 1.4375,-1.4375 l -4.28121,-4.28089 4.28121,-4.28099 c 0.72453,-0.67473 0.1332,-1.8793 -0.84375,-1.71875 z" + id="path6040-6-2" + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + sodipodi:nodetypes="cccccccccc" /> + <rect + height="1" + id="rect6046-0-5" + rx="1.0120201" + ry="1" + style="fill:#afb8c5;fill-opacity:1;stroke:none" + width="1" + x="111.01369" + y="749.00214" /> + <rect + height="1" + id="rect6050-1-18" + rx="1.0120201" + ry="1" + style="fill:#afb8c5;fill-opacity:1;stroke:none" + width="1" + x="111.01369" + y="758.00214" /> + </g> + </g> + </g> + <g + id="g4559" + style="fill:#afb8c5;fill-opacity:1"> + <path + id="path4520" + d="M 81.5,3 A 6.5,6.5 0 0 0 75,9.5 6.5,6.5 0 0 0 81.5,16 6.5,6.5 0 0 0 87.494141,12 l -2.253907,0 A 4.5,4.5 0 0 1 81.5,14 4.5,4.5 0 0 1 77,9.5 4.5,4.5 0 0 1 81.5,5 4.5,4.5 0 0 1 85.966797,9 l 2.007812,0 A 6.5,6.5 0 0 0 81.5,3 Z" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + inkscape:connector-curvature="0" /> + <path + id="rect4541" + d="M 88,2 81,8.9980469 81,9 88,9 88,2 Z" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + inkscape:connector-curvature="0" /> + </g> + <g + id="g4577" + style="fill:#afb8c5;fill-opacity:1"> + <path + id="rect4563" + d="m 112,8 0,7 4,0 0,-4 2,0 0,4 4,0 0,-7 -10,0 z" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + inkscape:connector-curvature="0" /> + <path + sodipodi:nodetypes="cccc" + inkscape:connector-curvature="0" + id="rect4571" + d="m 117,2 7,7 -14,0 z" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + id="g4687" + style="fill:#afb8c5;fill-opacity:1"> + <path + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 189,16 6,-7 -12,0 z" + id="rect4571-4" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccc" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="187" + height="7" + width="4" + id="rect4685" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + transform="translate(0,18)" + id="g4687-5" + style="fill:#5294e2;fill-opacity:1"> + <path + style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 189,16 6,-7 -12,0 z" + id="rect4571-4-7" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccc" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="187" + height="7" + width="4" + id="rect4685-1" + style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + transform="translate(289.02527,-31)" + inkscape:label="Layer 1" + id="layer1-2" + style="fill:#afb8c5;fill-opacity:1"> + <path + sodipodi:nodetypes="ccccccccccccccc" + inkscape:connector-curvature="0" + id="path6400" + d="M 15.247455,35.298295 0.702,38.338068 l 2.7272727,2.130683 0,4.232954 3.1818182,-1.818182 0,0 L 5.702,41.889204 9.366776,44.531249 Z m -1.30682,0.880682 -8.0397744,5.113637 -0.7954505,1.193181 -0.7670465,0.482956 0,-2.130683 z" + style="display:inline;fill:#afb8c5;fill-opacity:1;stroke:none;enable-background:new" /> + </g> + <g + style="display:inline;fill:#afb8c5;fill-opacity:1" + inkscape:label="Calque 1" + id="layer1-5" + transform="translate(612.125,7.75)"> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#afb8c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + d="m 38.875,-3.75 c -0.554,0 -1,0.446 -1,1 l 0,8 c 0,0.554 0.446,1 1,1 l 12,0 c 0.554,0 1,-0.446 1,-1 l 0,-8 c 0,-0.554 -0.446,-1 -1,-1 l -12,0 z m 0,1 6,5 6,-5 0,1 -6,5 -6,-5 0,-1 z m 2.5625,4.875 0.59375,0.5 -3.15625,2.625 0,-1 2.5625,-2.125 z m 6.875,0 2.5625,2.125 0,1 -3.15625,-2.625 0.59375,-0.5 z" + id="rect3836" + inkscape:connector-curvature="0" /> + </g> + <g + style="display:inline;fill:#afb8c5;fill-opacity:1" + id="g4644" + transform="translate(487,1.0062451)"> + <g + id="layer1-8" + inkscape:label="Calque 1" + style="display:inline;fill:#afb8c5;fill-opacity:1"> + <path + id="path2397" + d="m 3.875,0.99999979 c -0.022285,0.00536 -0.044875,0.016494 -0.0625,0.03125 -0.011521,0.00867 -0.022653,0.019636 -0.03125,0.03125 0,0 -0.2700217,0.3260161 -0.5,0.78125 -0.2299782,0.4552339 -0.4120417,1.0356923 -0.15625,1.53125 0.7884499,1.5239749 2.0839251,3.7672489 3.0625,5.28125 0.1544088,-0.5124922 0.3396962,-1.0371273 0.65625,-1.5625 -1.474e-4,-0.010193 -1.472e-4,-0.021056 0,-0.03125 L 7.375,6.2187498 4.03125,1.0624998 C 4.02265,1.0508848 4.011521,1.0399168 4,1.0312498 c -0.010085,-0.00104 -0.021165,-0.00104 -0.03125,0 0.00103,-0.010168 0.00103,-0.021082 0,-0.03125 -0.010085,-0.00104 -0.021164,-0.00104 -0.03125,0 -0.010085,-0.00104 -0.021164,-0.00104 -0.03125,0 -0.010085,-0.00104 -0.021164,-0.00104 -0.03125,0 z m 8.15625,0 c -10e-4,0.010168 -10e-4,0.021082 0,0.03125 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 -0.01152,0.00867 -0.02265,0.019635 -0.03125,0.03125 l -4.25,6.5625 C 7.3818216,8.1841872 7.1713962,9.126518 6.90625,9.8749998 6.773677,10.249241 6.632616,10.579794 6.46875,10.78125 6.3048838,10.982706 6.1573198,11.054945 5.9375,11 5.93129,10.999083 5.910307,11.000259 5.90625,11 5.896093,11.000151 5.881498,10.999635 5.875,11 5.87062,10.999401 5.845624,11.000106 5.84375,11 5.3626321,10.86226 4.9161697,10.88365 4.53125,11.03125 4.0477735,11.216643 3.6630669,11.552098 3.375,12 3.0860242,12.449317 2.9358336,12.959398 3,13.4375 c 0.063099,0.470153 0.3425241,0.987937 0.96875,1.3125 0.6267957,0.324859 1.2688988,0.278233 1.75,0.09375 C 6.2022267,14.658358 6.5869334,14.322902 6.875,13.875 7.1344973,13.471519 7.2416509,13.02322 7.21875,12.59375 7.2188525,12.59363 7.249953,12.5314 7.25,12.53125 c 4.68e-5,-1.5e-4 1.3e-5,-0.03107 0,-0.03125 0.00103,-0.01017 0.00103,-0.02108 0,-0.03125 -7.574e-4,-0.0056 -0.030161,0.0051 -0.03125,0 -0.00327,-0.01539 0.0049,-0.02028 0,-0.03125 -5.419e-4,-0.0084 5.294e-4,-0.02262 0,-0.03125 -0.00553,-0.03035 -0.00716,-0.04147 0,-0.03125 -0.020462,-0.352009 -0.034716,-0.828513 0.15625,-1.28125 0.2005139,-0.475374 0.6186139,-0.917373 1.5,-1.1562502 0.022285,-0.00536 0.044875,-0.016494 0.0625,-0.03125 0.01152,-0.00867 0.022653,-0.019635 0.03125,-0.03125 0.8843995,-1.185979 2.854984,-4.4680334 3.90625,-6.5 0.255791,-0.4955577 0.07373,-1.0760161 -0.15625,-1.53125 -0.229978,-0.4552339 -0.5,-0.78125 -0.5,-0.78125 -0.0086,-0.011614 -0.01973,-0.022583 -0.03125,-0.03125 -0.01763,-0.014756 -0.04021,-0.025888 -0.0625,-0.03125 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 z M 9.5,10.75 C 9.3894228,10.82871 9.2946704,10.904198 9.15625,10.9375 8.9062562,11.00525 8.7332712,11.058735 8.625,11.125 c 0.1783292,0.444209 0.1762788,0.905437 0.15625,1.25 0.00716,-0.01022 0.00553,9e-4 0,0.03125 -5.294e-4,0.0086 5.414e-4,0.0228 0,0.03125 -0.00491,0.01097 0.00327,0.01586 0,0.03125 -0.00109,0.0051 -0.030493,-0.0056 -0.03125,0 -0.00103,0.01017 -0.00103,0.02108 0,0.03125 -1.3e-5,1.84e-4 -4.68e-5,0.0311 0,0.03125 4.68e-5,1.51e-4 0.031147,0.06238 0.03125,0.0625 -0.022901,0.42947 0.084253,0.877769 0.34375,1.28125 0.2880666,0.447902 0.6727728,0.783358 1.15625,0.96875 0.481101,0.184483 1.123205,0.231109 1.75,-0.09375 C 12.657476,14.425437 12.936901,13.907653 13,13.4375 13.06417,12.959398 12.91398,12.449317 12.625,12 12.336933,11.552098 11.952226,11.216643 11.46875,11.03125 11.08383,10.88365 10.637368,10.86226 10.15625,11 c -0.0019,1.06e-4 -0.02687,-5.99e-4 -0.03125,0 -0.0065,-3.65e-4 -0.02109,1.51e-4 -0.03125,0 -0.0041,2.59e-4 -0.02504,-9.17e-4 -0.03125,0 C 9.8426802,11.05495 9.6951161,10.98271 9.53125,10.78125 9.52318,10.77135 9.507898,10.76058 9.5,10.75 Z m -4.25,1.3125 c 0.1041762,0.0047 0.2340963,0.01938 0.3125,0.0625 0.1742344,0.09581 0.2816322,0.271981 0.3125,0.46875 0.030868,0.196769 -0.021258,0.402302 -0.15625,0.625 C 5.4509472,13.660548 4.9070917,13.876992 4.5625,13.6875 4.3906342,13.59299 4.2812498,13.39314 4.25,13.1875 4.21875,12.98186 4.271964,12.784035 4.40625,12.5625 4.6068231,12.231613 4.9430901,12.048615 5.25,12.0625 Z m 5.5,0 c 0.30691,-0.01389 0.643177,0.169113 0.84375,0.5 0.134287,0.221535 0.1875,0.41936 0.15625,0.625 -0.03125,0.20564 -0.140634,0.40549 -0.3125,0.5 -0.344592,0.189492 -0.888448,-0.02695 -1.15625,-0.46875 -0.134992,-0.222698 -0.187118,-0.428231 -0.15625,-0.625 0.03087,-0.196769 0.138266,-0.372938 0.3125,-0.46875 0.0784,-0.04312 0.208324,-0.05779 0.3125,-0.0625 z" + style="display:inline;fill:#afb8c5;fill-opacity:1;stroke:none" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + style="display:inline;fill:#afb8c5;fill-opacity:1" + id="g4662" + transform="translate(523,1.0000004)"> + <g + id="layer1-9" + inkscape:label="Calque 1" + style="display:inline;fill:#afb8c5;fill-opacity:1"> + <path + sodipodi:nodetypes="ccsssssccssssscssccccccccsssssssss" + id="Symbol" + d="m 5,0.9999996 0,0.96875 -1.46875,0 c -0.8309999,0 -1.5,0.669 -1.5,1.5 l 0,8.0312504 c 0,0.810431 0.6351935,1.468004 1.4375,1.5 0.020363,8.12e-4 0.041931,0 0.0625,0 L 4,13 5,13 5,13.5 C 5,14.331 5.669,15 6.5,15 l 6,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-7.0000004 c 0,-0.657875 -0.412983,-1.2029937 -1,-1.40625 l 0,-1.625 c 0,-0.8309999 -0.669,-1.5 -1.5,-1.5 l -1.5,0 0,-0.96875 z m 1,1 3,0 0,1 -3,0 z m 1.5,5 4,0 c 0.277,0 0.5,0.223 0.5,0.5 L 12,12.5 c 0,0.277 -0.223,0.5 -0.5,0.5 l -4,0 C 7.223,13 7,12.777 7,12.5 L 7,7.4999996 c 0,-0.277 0.223,-0.5 0.5,-0.5 z" + style="display:inline;fill:#afb8c5;fill-opacity:1;stroke:none" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + style="display:inline;fill:#afb8c5;fill-opacity:1" + id="g4698" + transform="translate(396.98917,1)"> + <g + id="layer1-4" + inkscape:label="Calque 1" + style="display:inline;fill:#afb8c5;fill-opacity:1"> + <path + sodipodi:nodetypes="cccccccccccccccccccccccccccccccccccccccccccssscccccccc" + id="Symbol-7" + d="M 4.5,1 C 3.669,1 3,1.669 3,2.5 l 0,1.0625 0,3.46875 -0.53125,0 c -0.831,0 -1.5,0.669 -1.5,1.5 l 0,3.03125 c 0,0.831 0.669,1.5 1.5,1.5 L 3,13.0625 3,13.1875 3,13.5 C 3,14.331 3.669,15 4.5,15 l 7,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-0.3125 0,-0.125 0.53125,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-3.0625 c 0,-0.8310001 -0.669,-1.5 -1.5,-1.5 L 13,7 13,5.6875 13,2.5 C 13,1.669 12.331,1 11.5,1 l -7,0 z m 1,2 5,0 C 10.777,3 11,3.223 11,3.5 L 11,8 5,8 5,3.5 C 5,3.223 5.223,3 5.5,3 Z m 0.5,1 0,1 4.010835,0 0,-1 L 6,4 Z M 6,6 6,7 9,7 9,6 6,6 Z m 7.5,3 c 0.276,-2e-7 0.5,0.224 0.5,0.5 C 14,9.7759998 13.776,10 13.5,10 13.224,9.9999998 13,9.776 13,9.5 13,9.2239998 13.224,9 13.5,9 Z m -8.5,3 6,0 0,0.5 c 0,0.277 -0.223,0.5 -0.5,0.5 l -5,0 C 5.223,13 5,12.777 5,12.5 L 5,12 Z" + style="display:inline;fill:#afb8c5;fill-opacity:1;stroke:none" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + style="display:inline;fill:#afb8c5;fill-opacity:1" + id="g4716" + transform="translate(505,1)"> + <g + id="layer1-1" + inkscape:label="Calque 1" + style="display:inline;fill:#afb8c5;fill-opacity:1"> + <path + sodipodi:nodetypes="ccccccccccccccccccccccccccccccc" + id="Symbol-6" + d="M 6.5,1 C 5.669,1 5,1.669 5,2.5 l 0,8 C 5,11.331 5.669,12 6.5,12 l 6,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-8 C 14,1.669 13.331,1 12.5,1 l -6,0 z m 1,2 4,0 C 11.777,3 12,3.223 12,3.5 l 0,6 C 12,9.777 11.777,10 11.5,10 l -4,0 C 7.223,10 7,9.777 7,9.5 l 0,-6 C 7,3.223 7.223,3 7.5,3 Z m -4,1 C 2.669,4 2,4.669 2,5.5 l 0,8 C 2,14.331 2.669,15 3.5,15 l 6,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-0.5 -2.5,0 -4,0 C 4.223,13 4,12.777 4,12.5 L 4,6.5 4,4 3.5,4 Z" + style="display:inline;fill:#afb8c5;fill-opacity:1;stroke:none" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + style="display:inline;fill:#afb8c5;fill-opacity:1" + id="g4680" + transform="matrix(-1.0264221,0,0,1.0297012,395.02642,0.97029876)"> + <g + id="layer1-7" + inkscape:label="Calque 1" + style="display:inline;fill:#afb8c5;fill-opacity:1"> + <path + inkscape:label="#path3766" + sodipodi:nodetypes="cscsccsccscsccssssc" + id="Symbol-8" + d="m 2.4469076,2.4416061 c -1.92921018,1.9221416 -1.92921008,5.0421398 0,6.9642808 1.6818402,1.6756791 4.272808,1.8988571 6.1889674,0.6529021 0.325705,0.01628 0.850926,0.06109 1.037561,0.272042 0.254123,0.287232 -0.105101,0.958719 0.382261,1.396484 l 3.031041,3.071232 c 0,0 0.562273,0.600501 1.438025,-0.272043 0.875752,-0.872543 0.273043,-1.432755 0.273043,-1.432755 L 11.766764,10.022517 C 11.327388,9.5369409 10.653432,9.8948469 10.365145,9.6416569 10.153416,9.4557059 10.10844,8.9324089 10.092102,8.6078959 11.342639,6.6987579 11.118641,4.117284 9.4368,2.4416061 c -1.9292105,-1.92214145 -5.0606821,-1.92214135 -6.9898924,0 z m 1.1831848,1.1425773 c 0.5964074,-0.594222 1.4205257,-0.9430796 2.3299641,-0.9430797 1.8188769,0 3.2947145,1.4704303 3.2947145,3.2826428 0,1.8122134 -1.4758368,3.2826434 -3.2947145,3.2826434 -1.8188758,1e-6 -3.2947148,-1.47043 -3.2947148,-3.2826434 1e-7,-0.9061061 0.3683435,-1.745341 0.9647507,-2.3395631 z" + style="display:inline;fill:#afb8c5;fill-opacity:1;stroke:none" + inkscape:connector-curvature="0" /> + </g> + </g> + <path + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 309,2 c -0.554,0 -1,0.446 -1,1 l 0,12 c 0,0.554 0.446,1 1,1 l 12,0 c 0.554,0 1,-0.446 1,-1 l 0,-12 c 0,-0.554 -0.446,-1 -1,-1 l -12,0 z m 3,1 6,0 c 1.108,0 2,0.892 2,2 l 0,6 c 0,1.108 -0.892,2 -2,2 l -6,0 c -1.108,0 -2,-0.892 -2,-2 l 0,-6 c 0,-1.108 0.892,-2 2,-2 z" + id="rect4570" + inkscape:connector-curvature="0" /> + <g + style="font-style:normal;font-weight:bold;font-size:15px;line-height:125%;font-family:Sans;-inkscape-font-specification:'Sans Bold';letter-spacing:0px;word-spacing:0px;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + id="text4575" + transform="matrix(0.5721975,0,0,0.58799884,135.90225,10.439994)"> + <path + d="m 311.30469,-0.89477539 -0.43213,-1.11328121 -0.0659,0 q -0.2417,0.3295898 -0.4834,0.571289 -0.2417,0.234375 -0.52734,0.3881836 -0.28565,0.15380861 -0.64453,0.2270508 -0.35157,0.0732422 -0.82032,0.0732422 -0.49804,0 -0.92285,-0.15380859 -0.4248,-0.16113281 -0.73974,-0.47607421 -0.30762,-0.3222657 -0.4834,-0.8056641 -0.17578,-0.4907226 -0.17578,-1.1572266 0,-1.3037109 0.83496,-1.9189453 0.83496,-0.6225586 2.49756,-0.6884765 l 1.30371,-0.043945 0,-0.6152344 q 0,-0.5053711 -0.29297,-0.7470703 -0.29297,-0.2416992 -0.82031,-0.2416992 -0.52735,0 -1.03272,0.1538085 -0.49805,0.1538086 -1.00342,0.4101563 L 306.771,-8.5119629 q 0.61523,-0.3442383 1.3623,-0.5419922 0.74707,-0.1977539 1.56738,-0.1977539 1.53077,0 2.34375,0.7177735 0.82032,0.7177734 0.82032,2.1826171 l 0,5.45654301 -1.56006,0 z m -0.65918,-3.79394531 -0.73975,0.029297 q -0.44678,0.014648 -0.75439,0.1171875 -0.30762,0.102539 -0.49805,0.2783203 -0.18311,0.168457 -0.271,0.4101562 -0.0806,0.234375 -0.0806,0.5273438 0,0.5126953 0.24902,0.7324219 0.24902,0.2124023 0.65186,0.2124023 0.30761,0 0.57129,-0.1025391 0.26367,-0.1098632 0.4541,-0.3149414 0.19775,-0.2124023 0.30761,-0.5126953 0.10987,-0.3076172 0.10987,-0.703125 l 0,-0.6738281 z" + id="path4580" + inkscape:connector-curvature="0" + style="fill:#afb8c5;fill-opacity:1" /> + <path + d="m 316.47486,-7.6477051 c -0.3955,0 -0.72509,0.1391602 -0.98877,0.4174805 -0.25879,0.2783203 -0.40772,0.715332 -0.44678,1.3110351 l 2.84913,0 c -0.005,-0.2490234 -0.0364,-0.4785156 -0.0952,-0.6884765 -0.0586,-0.2099609 -0.1465,-0.390625 -0.26367,-0.5419922 -0.1172,-0.15625 -0.26368,-0.2783203 -0.43946,-0.3662109 -0.17578,-0.087891 -0.38086,-0.131836 -0.61523,-0.131836 z m 0.28564,6.89941408 c -0.58593,0 -1.12548,-0.0854492 -1.61865,-0.25634768 -0.49316,-0.1708984 -0.91797,-0.427246 -1.27441,-0.7690429 -0.35644,-0.3466797 -0.63476,-0.7812501 -0.83497,-1.303711 -0.1953,-0.5273437 -0.29296,-1.1450195 -0.29296,-1.8530273 0,-0.7177735 0.0903,-1.3452149 0.27099,-1.8823242 0.18067,-0.5371094 0.43214,-0.9838868 0.7544,-1.3403321 0.32715,-0.3613281 0.71778,-0.6323242 1.17187,-0.8129883 0.45899,-0.180664 0.9668,-0.270996 1.52344,-0.270996 0.542,0 1.03028,0.083008 1.46484,0.2490234 0.43946,0.1611328 0.81055,0.4003906 1.11328,0.7177734 0.30762,0.3173828 0.542,0.7080078 0.70313,1.171875 0.16602,0.4589844 0.24902,0.9863282 0.24902,1.5820313 l 0,1.0839844 -4.99511,0 c 0.01,0.3125 0.0586,0.5957031 0.14648,0.8496093 0.0928,0.2490235 0.21973,0.4614258 0.38086,0.6372071 0.16602,0.1708984 0.36377,0.3027343 0.59326,0.3955078 0.23438,0.092773 0.50049,0.1391601 0.79834,0.1391601 0.24903,0 0.48341,-0.012207 0.70313,-0.036621 0.22461,-0.029297 0.44189,-0.070801 0.65185,-0.1245117 0.20996,-0.053711 0.41748,-0.1196286 0.62256,-0.1977539 0.20509,-0.083008 0.41504,-0.1782226 0.62988,-0.2856445 l 0,1.7285156 c -0.19531,0.1025391 -0.39306,0.1904297 -0.59326,0.2636719 -0.19531,0.0683594 -0.40283,0.1269531 -0.62256,0.17578123 -0.21972,0.0488281 -0.45654,0.0830078 -0.71045,0.10253906 -0.2539,0.0244141 -0.53222,0.0366211 -0.83496,0.036621 z" + id="path4582" + inkscape:connector-curvature="0" + sodipodi:nodetypes="scccccsssssccscccscccscccccscsccccscs" + style="fill:#afb8c5;fill-opacity:1" /> + </g> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 171,1.9999996 a 7,7 0 0 0 -7,7 A 7,7 0 0 0 171,16 a 7,7 0 0 0 7,-7.0000004 7,7 0 0 0 -7,-7 z m 0,2 a 5,5 0 0 1 5,5 A 5,5 0 0 1 171,14 a 5,5 0 0 1 -5,-5.0000004 5,5 0 0 1 5,-5 z" + id="path4643" /> + <rect + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4650" + width="2" + height="5" + x="170" + y="4.9999995" + rx="1.38778e-16" + ry="1.38778e-16" /> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="M 170.93945,7.4999996 170,8.4394527 l 0,0.9492188 3.06055,3.0605475 1.41406,-1.414063 -3.53516,-3.5351564 z" + id="rect4650-7" /> + <path + sodipodi:type="star" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4695" + sodipodi:sides="5" + sodipodi:cx="135" + sodipodi:cy="9.6998634" + sodipodi:r1="8" + sodipodi:r2="3.76" + sodipodi:arg1="-1.5707963" + sodipodi:arg2="-0.9424778" + inkscape:flatsided="false" + inkscape:rounded="-1.44676e-15" + inkscape:randomized="0" + d="m 135,1.6998634 2.21007,4.9580961 5.39838,0.5697682 -4.03248,3.6340393 L 139.70228,16.172 135,13.459863 l -4.70228,2.712136 1.12631,-5.310232 -4.03248,-3.6340397 5.39838,-0.5697677 z" + inkscape:transform-center-y="-0.76393202" /> + <path + sodipodi:type="star" + style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4695-1" + sodipodi:sides="5" + sodipodi:cx="153.00044" + sodipodi:cy="9.6998634" + sodipodi:r1="8" + sodipodi:r2="3.76" + sodipodi:arg1="-1.5707963" + sodipodi:arg2="-0.9424778" + inkscape:flatsided="false" + inkscape:rounded="-1.44676e-15" + inkscape:randomized="0" + d="m 153.00044,1.6998634 2.21008,4.9580961 5.39837,0.5697682 -4.03247,3.6340393 1.1263,5.310233 -4.70228,-2.712137 -4.70228,2.712136 1.12631,-5.310232 -4.03248,-3.6340397 5.39838,-0.5697677 z" + inkscape:transform-center-y="-0.76393202" /> + <g + id="g4739" + style="fill:#afb8c5;fill-opacity:1"> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="471" + height="2" + width="12" + id="rect4733" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="8" + x="471" + height="2" + width="12" + id="rect4735" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="13" + x="471" + height="2" + width="12" + id="rect4737" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <path + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 621,2.4011949 c -0.25562,0 -0.51116,0.0971 -0.70703,0.2929688 l -2.30469,2.3066406 -1.98828,0 c -0.554,0 -1,0.446 -1,1 L 615,13.979 c 0,0.554 0.446,1 1,1 l 10,0 c 0.554,0 1,-0.446 1,-1 l 0,-7.9781957 c 0,-0.554 -0.446,-1 -1,-1 l -1.98828,0 -2.30469,-2.3066406 C 621.51116,2.4982951 621.25562,2.4011949 621,2.4011949 Z m -4,5.5992887 1,0 0,1 -1,0 z m 2,0 6,0 0,1 -6,0 z m -2,2.0000004 1,0 0,1 -1,0 z m 2,0 6,0 0,1 -6,0 z m -2,2 1,0 0,1 -1,0 z m 2,0 6,0 0,1 -6,0 z" + id="rect4744" + inkscape:connector-curvature="0" + sodipodi:nodetypes="sccssssssssccscccccccccccccccccccccccccccccc" /> + <g + id="g4297" + style="fill:#afb8c5;fill-opacity:1"> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="9" + x="633" + height="5.979197" + width="4" + id="rect4289" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="9" + x="638" + height="5.979197" + width="7" + id="rect4291" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="642" + height="5" + width="3" + id="rect4293" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="633" + height="5" + width="8" + id="rect4295" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="M 326,2.9999996 326,15 l 14,0 0,-12.0000004 -14,0 z m 6,1 1,0 0,1 -1,0 0,-1 z m 2,0 1,0 0,1 -1,0 0,-1 z m 2,0 2,0 0,1 -2,0 0,-1 z m -8,2 10,0 L 338,13 l -10,0 0,-7.0000004 z" + id="rect4294" /> + <rect + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4325" + width="10" + height="2" + x="544" + y="7.9999995" + rx="1.38778e-16" + ry="1.38778e-16" /> + <g + id="g4331" + style="fill:#afb8c5;fill-opacity:1"> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="4" + x="566" + height="10" + width="2" + id="rect4327" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="8" + x="562" + height="2" + width="10" + id="rect4329" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + id="g4352" + style="fill:#afb8c5;fill-opacity:1"> + <path + id="rect4294-9" + d="m 668,3 0,12 14,0 0,-12 -14,0 z m 6,1 1,0 0,1 -1,0 0,-1 z m 2,0 1,0 0,1 -1,0 0,-1 z m 2,0 2,0 0,1 -2,0 0,-1 z m -8,2 10,0 0,7 -10,0 0,-7 z" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + inkscape:connector-curvature="0" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="6" + x="676" + height="7" + width="2" + id="rect4350" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <path + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 758,2.9999996 0,7.8261724 0,0.173828 0.01,0 c 0.15732,2.222938 3.23985,3.977369 6.99023,3.978516 3.74811,-0.003 6.82715,-1.756919 6.98438,-3.978516 l 0.0154,0 0,-0.173828 0,-7.8261724 z M 761.46484,5.849609 765,9.3847652 768.53516,5.849609 769.73633,7.0507808 765.95508,10.833984 765,11.787109 764.04492,10.833984 760.26367,7.0507808 761.2168,6.0957027 Z" + id="rect4356" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccccccccccccccccccc" /> + <g + id="g4388" + style="fill:#afb8c5;fill-opacity:1"> + <path + inkscape:connector-curvature="0" + id="rect4365" + d="m 238,3 0,0.9003906 0,10.1992184 L 238,15 248,15 248,14.099609 248,7 244,7 244,6.0996094 244,3 238,3 Z" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + inkscape:original-d="m 243.64645,3.3535534 4,4" + inkscape:path-effect="#path-effect4386-3" + id="path4384" + d="m 243.64645,3.3535534 4,4" + style="fill:#afb8c5;fill-opacity:1;fill-rule:evenodd;stroke:#5c616c;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + </g> + <g + id="g4396" + style="fill:#afb8c5;fill-opacity:1"> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="4" + x="578" + height="10" + width="10" + id="rect4392" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <path + sodipodi:nodetypes="ccccc" + inkscape:connector-curvature="0" + id="path4394" + d="m 588,7 4,-2 0,8 -4,-2 z" + style="fill:#afb8c5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + </g> + <g + id="g4436" + style="fill:#afb8c5;fill-opacity:1"> + <path + inkscape:connector-curvature="0" + id="rect4400" + d="m 420,6 0,6 6,0 0,-6 -6,0 z m 1,2 4,0 0,3 -4,0 0,-3 z" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4407" + d="m 423,5 3,0 -3,-3 -3,3 z" + style="fill:#afb8c5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4407-0" + d="m 423,13 3,0 -3,3 -3,-3 z" + style="fill:#afb8c5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4407-4" + d="m 427,9 0,3 3,-3 -3,-3 z" + style="fill:#afb8c5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4407-1" + d="m 419,9 0,-3 -3,3 3,3 z" + style="fill:#afb8c5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + </g> + <g + id="g4463" + style="fill:#afb8c5;fill-opacity:1"> + <path + inkscape:connector-curvature="0" + id="path4443" + d="m 598,5 3,0 3,4 -3,4 -3,0 3,-4 z" + style="fill:#afb8c5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4443-5" + d="m 603,5 3,0 3,4 -3,4 -3,0 3,-4 z" + style="fill:#afb8c5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + </g> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 459,3.9999996 a 5,5 0 0 0 -5,5 A 5,5 0 0 0 459,14 a 5,5 0 0 0 5,-5.0000004 5,5 0 0 0 -5,-5 z m 0,3 a 2,2 0 0 1 2,2 A 2,2 0 0 1 459,11 a 2,2 0 0 1 -2,-2.0000004 2,2 0 0 1 2,-2 z" + id="path4467" /> + <g + id="g4503" + style="fill:#afb8c5;fill-opacity:1"> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="458" + height="2" + width="2" + id="rect4474" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="8" + x="463" + height="2" + width="2" + id="rect4474-4" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="8" + x="453" + height="2" + width="2" + id="rect4474-1" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="13" + x="458" + height="2" + width="2" + id="rect4474-13" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + id="g4503-2" + transform="matrix(0.70710678,0.70710678,-0.70710678,0.70710678,140.80195,-321.92597)" + style="fill:#afb8c5;fill-opacity:1"> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="458" + height="2" + width="2" + id="rect4474-7" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="8" + x="463" + height="2" + width="2" + id="rect4474-4-5" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="8" + x="453" + height="2" + width="2" + id="rect4474-1-3" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="13" + x="458" + height="2" + width="2" + id="rect4474-13-8" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <path + style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 758,21 0,7.826172 0,0.173828 0.01,0 c 0.15733,2.222938 3.23986,3.977369 6.99023,3.978516 3.74811,-0.003 6.82715,-1.756919 6.98438,-3.978516 l 0.0154,0 0,-0.173828 0,-7.826172 z m 3.46483,2.849609 3.53517,3.535157 3.53516,-3.535157 1.20117,1.201172 -3.78125,3.783203 -0.95508,0.953125 -0.95508,-0.953125 -3.78125,-3.783203 0.95313,-0.955078 z" + id="rect4356-9" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccccccccccccccccccc" /> + <g + style="display:inline;fill:#afb8c5;fill-opacity:1" + id="g4734" + transform="translate(343,0.99999957)"> + <g + id="layer1-92" + inkscape:label="Calque 1" + style="display:inline;fill:#afb8c5;fill-opacity:1"> + <path + id="path3015" + d="M 5,2 C 3.892,2 3,2.892 3,4 l 0,3 -2,0 0,3 4,0 1,0 0,-2 4,0 0,2 1,0 4,0 0,-3 -2,0 0,-3 C 13,2.892 12.108,2 11,2 L 5,2 Z m 2,7 0,2 -2,0 0,2 2,0 0,2 2,0 0,-2 2,0 0,-2 -2,0 0,-2 -2,0 z" + style="display:inline;fill:#afb8c5;fill-opacity:1;stroke:none" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + id="g4377" + style="fill:#afb8c5;fill-opacity:1"> + <path + sodipodi:nodetypes="cccccc" + inkscape:connector-curvature="0" + id="path4766" + d="m 435,15 2,0 6,-6 -2,-2 -6,6 z" + style="fill:#afb8c5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4768" + d="m 444,2 a 4,4 0 0 0 -4,4 4,4 0 0 0 4,4 4,4 0 0 0 4,-4 4,4 0 0 0 -0.33398,-1.5859375 c -0.0612,0.086178 -0.1291,0.1701155 -0.20704,0.2480469 l -1.84765,1.8476562 c -0.66351,0.6635048 -1.67021,0.7243245 -2.25781,0.1367188 -0.58761,-0.5876058 -0.52679,-1.5943077 0.13671,-2.2578125 l 1.84766,-1.8476563 c 0.0789,-0.078897 0.16267,-0.1491534 0.25,-0.2109375 A 4,4 0 0 0 444,2 Z" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 746.98828,2.4003902 c -0.25562,0 -0.51116,0.0971 -0.70703,0.2929688 l -2.30469,2.3066406 -1.98828,0 c -0.554,0 -1,0.446 -1,1 l 0,7.9785164 c 0,0.554 0.446,1 1,1 l 10,0 c 0.554,0 1,-0.446 1,-1 l 0,-7.9785164 c 0,-0.554 -0.446,-1 -1,-1 l -1.98828,0 -2.30469,-2.3066406 C 747.49944,2.4974904 747.2439,2.4003902 746.98828,2.4003902 Z m 1.55078,3.5996094 a 2.4615383,2.4615385 0 0 1 0.97656,0.203125 c -0.0537,0.038021 -0.10569,0.080354 -0.15429,0.1289062 l -1.13672,1.1386719 c -0.40828,0.4083106 -0.4456,1.0270683 -0.084,1.3886719 0.3616,0.3616032 0.98037,0.3243263 1.38868,-0.083984 l 1.13867,-1.1367187 c 0.0479,-0.047958 0.0892,-0.099311 0.12695,-0.1523438 A 2.4615383,2.4615385 0 0 1 751,8.4609371 2.4615383,2.4615385 0 0 1 748.53906,10.923828 2.4615383,2.4615385 0 0 1 747.5293,10.703125 L 744.23047,14 743,14 l 0,-1.230469 3.29688,-3.2988283 a 2.4615383,2.4615385 0 0 1 -0.22071,-1.0097656 2.4615383,2.4615385 0 0 1 2.46289,-2.4609375 z" + id="rect4744-3" /> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 693,1.9999996 a 7,7 0 0 0 -7,7 A 7,7 0 0 0 693,16 a 7,7 0 0 0 7,-7.0000004 7,7 0 0 0 -7,-7 z m 0,0.671875 0,2.328125 a 4,4 0 0 1 4,4 A 4,4 0 0 1 693,13 4,4 0 0 1 689.13086,9.9999996 l 1.04492,0 A 3,3 0 0 0 693,12 a 3,3 0 0 0 3,-3.0000004 3,3 0 0 0 -3,-3 l 0,2.328125 -1.75586,-1.7558594 -0.71289,-0.7128906 -0.36133,-0.359375 L 693,2.6718746 Z" + id="path4408" /> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 693,20 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,0.671875 L 693,23 a 4,4 0 0 1 4,4 4,4 0 0 1 -4,4 4,4 0 0 1 -3.86914,-3 l 1.04492,0 A 3,3 0 0 0 693,30 a 3,3 0 0 0 3,-3 3,3 0 0 0 -3,-3 l 0,2.328125 -1.75586,-1.755859 -0.71289,-0.712891 L 690.16992,23.5 693,20.671875 Z" + id="path4408-6" /> + <g + id="g4497" + style="fill:#afb8c5;fill-opacity:1"> + <path + sodipodi:nodetypes="cccccccccccccccccccccsssssss" + inkscape:connector-curvature="0" + id="path4490" + d="m 709.6,3 -1.6,2 -0.3,2 -2.7,3 0,5 1,0 2,-2 1,0 1,1 1,0 1,0 1,-1 1,0 2,2 1,0 0,-5 L 714.3,7 714,5 712.4,3 711,2 Z m 0.9,3 1,0 c 0.277,0 0.5,0.223 0.5,0.5 0,0.277 -0.223,0.5 -0.5,0.5 l -1,0 C 710.223,7 710,6.777 710,6.5 710,6.223 710.223,6 710.5,6 Z" + style="fill:#afb8c5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <rect + ry="0.5" + rx="0.5" + y="14.5" + x="710" + height="1" + width="2" + id="rect4492" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + id="g4566" + transform="matrix(0,1,-1,0,247.2144,-263.81249)" + style="fill:#afb8c5;fill-opacity:1"> + <path + inkscape:connector-curvature="0" + id="rect4492-7-4" + d="m 272.53125,-19.781249 c -0.19625,0.008 -0.40095,0.0345 -0.59375,0.0625 -2.31356,0.335389 -4.30673,2.01152 -4.9375,4.40625 -0.13556,0.51465 -0.18822,1.02272 -0.1875,1.53125 l 1.96875,0 c 8.3e-4,-0.33898 0.0345,-0.68773 0.125,-1.03125 0.56572,-2.14773 2.75852,-3.40946 4.90625,-2.84375 0.6942,0.18285 1.28439,0.56718 1.78125,1.0625 l -1.8125,1.8125 5,0 0,-5.000001 -1.75,1.750001 c -0.74487,-0.740739 -1.68058,-1.257801 -2.71875,-1.531251 -0.59867,-0.157689 -1.19251,-0.244029 -1.78125,-0.218749 z" + style="color:#000000;display:block;overflow:visible;visibility:visible;fill:#afb8c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.9999997;marker:none;enable-background:new" /> + <path + inkscape:connector-curvature="0" + id="rect4492-7-85-4" + d="m 276.8125,-13.781249 c -0.002,0.33623 -0.0353,0.65936 -0.125,1 -0.56572,2.14773 -2.75852,3.409459 -4.90625,2.8437495 -0.6942,-0.1828495 -1.28439,-0.5671795 -1.78125,-1.0624995 l 1.8125,-1.8125 -5,0 0,4.999999 1.75,-1.75 c 0.74487,0.74074 1.68058,1.2578 2.71875,1.53125 0.59867,0.15769 1.19251,0.24403 1.78125,0.21875 0.19625,-0.008 0.40095,-0.0345 0.59375,-0.0625 2.31356,-0.33539 4.30673,-2.0115195 4.9375,-4.406249 0.13279,-0.50415 0.1856,-1.00151 0.1875,-1.5 l -1.96875,0 z" + style="color:#000000;display:block;overflow:visible;visibility:visible;fill:#afb8c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.9999997;marker:none;enable-background:new" /> + </g> + <g + id="g4668" + style="fill:#afb8c5;fill-opacity:1"> + <path + inkscape:connector-curvature="0" + id="path4584" + d="m 729,2 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,1 a 6,6 0 0 1 6,6 6,6 0 0 1 -6,6 6,6 0 0 1 -6,-6 6,6 0 0 1 6,-6 z" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1" + rx="1" + y="3" + x="727" + height="12" + width="1" + id="rect4589" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.3877788e-16" + rx="1.3877788e-16" + y="3" + x="730" + height="12" + width="1" + id="rect4589-8" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.3877788e-16" + rx="1.3877788e-16" + y="4.2568936" + x="724" + height="9.5251265" + width="1" + id="rect4589-1" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.3877788e-16" + rx="1.3877788e-16" + y="4.2998734" + x="733" + height="9.5251265" + width="1" + id="rect4589-1-4" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + transform="matrix(0,1,-1,0,0,0)" + ry="1.3877788e-16" + rx="1.3877788e-16" + y="-733.76257" + x="4" + height="9.5251265" + width="1" + id="rect4589-1-8" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + transform="matrix(0,1,-1,0,0,0)" + ry="1.3877788e-16" + rx="1.3877788e-16" + y="-733.76257" + x="13" + height="9.5251265" + width="1" + id="rect4589-1-2" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + transform="matrix(0,1,-1,0,0,0)" + ry="1.3877788e-16" + rx="1.3877788e-16" + y="-735" + x="10" + height="11.99998" + width="1" + id="rect4589-1-9" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + transform="matrix(0,1,-1,0,0,0)" + ry="1.3877788e-16" + rx="1.3877788e-16" + y="-735" + x="7" + height="11.99998" + width="1" + id="rect4589-1-22" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <circle + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4679" + cx="274" + cy="14" + r="2" /> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 272,6.9999996 0,3 A 6,6 0 0 1 278,16 l 3,0 a 9,9 0 0 0 -9,-9.0000004 z" + id="path4683" /> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 272,1.9999996 0,3 A 11,11 0 0 1 283,16 l 3,0 A 14,14 0 0 0 272,1.9999996 Z" + id="path4688" /> + <path + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 219,6.9999996 13,0 1,0 -1,7.9791974 0,0 -13,0 0,0 -1,-7.9791974 z" + id="rect4708" + inkscape:connector-curvature="0" + sodipodi:nodetypes="ccccccccc" /> + <rect + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4711" + width="13" + height="2" + x="219" + y="3.9999995" + rx="1.38778e-16" + ry="1.38778e-16" /> + <rect + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4713" + width="6" + height="3" + x="219" + y="2.9999995" + rx="1" + ry="1" /> + <rect + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4979" + width="10" + height="10" + x="200.00009" + y="6" + rx="1" + ry="1" /> + <ellipse + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4981" + cx="205.00009" + cy="3.625" + rx="2.0000014" + ry="1.625" /> + <rect + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4983" + width="2" + height="3.6273403" + x="204.00009" + y="4" + rx="1" + ry="1" /> + <g + id="g5003" + transform="matrix(0,1,-1.0333195,0,213.64476,-194)" + style="fill:#afb8c5;fill-opacity:1"> + <ellipse + ry="1.5" + rx="2.0000014" + cy="1.1550797" + cx="205" + id="path4981-3" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1" + rx="0.9677549" + y="1.6550797" + x="204" + height="3.6273403" + width="2" + id="rect4983-7" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <path + inkscape:connector-curvature="0" + style="fill:#afb8c5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="M 361,3.9999998 C 360.60225,9.3474948 361.65771,11.475301 364,13 l 3,0 c 1.34792,-1.038563 0.98353,-1.5625 2,-1.5625 1.0167,0.0022 0.65208,0.523937 2,1.5625 l 3,0 c 2.34229,-1.524699 3.39775,-3.6525052 3,-9.0000002 0,0 -0.58016,0.801126 -1,1 l -2,0 c -0.39775,-0.839689 -2,-1 -2,-1 -2.03293,1.016466 -1.02772,1.779029 -2,2 l -1,0 -1,0 c -0.26517,0.06629 0.0329,-1.005631 -2,-2 0,0 -1.60225,0.160311 -2,1 l -2,0 c -0.41984,-0.198874 -1,-1 -1,-1 z m 5,4 a 2,1 0 0 1 2,1 A 2,1 0 0 1 366,10 a 2,1 0 0 1 -2,-1.0000002 2,1 0 0 1 2,-1 z m 6,0 a 2,1 0 0 1 2,1 A 2,1 0 0 1 372,10 a 2,1 0 0 1 -2,-1.0000002 2,1 0 0 1 2,-1 z" + id="path5021" /> + <g + id="g5070" + style="fill:#afb8c5;fill-opacity:1"> + <circle + r="7" + cy="9" + cx="9" + id="path5059" + style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="rect5061" + d="m 5,5 0,8 8,0 0,-8 -8,0 z m 1,1 6,0 0,6 -6,0 0,-6 z" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path5066" + d="m 6,6 6,6" + style="fill:#afb8c5;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path5068" + d="M 12,6 6,12" + style="fill:#afb8c5;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1" /> + </g> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/alltabs.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/alltabs.svg new file mode 100644 index 0000000..e7a83f0 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/alltabs.svg @@ -0,0 +1,59 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + id="svg2" + version="1.1" + inkscape:version="0.91 r13725" + width="9" + height="7" + viewBox="0 0 9 7" + sodipodi:docname="alltabs.svg"> + <metadata + id="metadata8"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title /> + </cc:Work> + </rdf:RDF> + </metadata> + <defs + id="defs6" /> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="640" + inkscape:window-height="480" + id="namedview4" + showgrid="true" + inkscape:zoom="32" + inkscape:cx="-1.2535023" + inkscape:cy="3.1550663" + inkscape:current-layer="svg2"> + <inkscape:grid + type="xygrid" + id="grid4138" /> + </sodipodi:namedview> + <path + style="fill:#afb8c5;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1" + d="M 1,1 8,1 4.4835443,5 Z" + id="path4142" + inkscape:connector-curvature="0" /> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/new-tab.png b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/new-tab.png Binary files differnew file mode 100644 index 0000000..802a873 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/new-tab.png diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-arrow-left.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-arrow-left.svg new file mode 100644 index 0000000..1d4d745 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-arrow-left.svg @@ -0,0 +1,121 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + viewBox="0 0 15 17" + height="17" + width="15" + version="1.1" + id="svg2" + inkscape:version="0.91 r13725" + sodipodi:docname="tab-arrow-left.svg"> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="640" + inkscape:window-height="480" + id="namedview18" + showgrid="true" + inkscape:zoom="23.235294" + inkscape:cx="9.3506329" + inkscape:cy="10.221519" + inkscape:current-layer="svg2" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid4145" /> + </sodipodi:namedview> + <metadata + id="metadata8"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title /> + </cc:Work> + </rdf:RDF> + </metadata> + <defs + id="defs6" /> + <g + style="display:inline;fill:#afb8c5;fill-opacity:1" + transform="matrix(0.53737965,0,0,0.66501805,1.9938983,3.0134228)" + id="g4295"> + <g + id="layer9" + style="display:inline;fill:#afb8c5;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + style="fill:#afb8c5;fill-opacity:1" + id="layer10" + transform="translate(-100.0002,-745)" /> + <g + style="fill:#afb8c5;fill-opacity:1" + id="layer11" + transform="translate(-100.0002,-745)" /> + <g + style="fill:#afb8c5;fill-opacity:1" + id="layer13" + transform="translate(-100.0002,-745)" /> + <g + style="fill:#afb8c5;fill-opacity:1" + id="layer14" + transform="translate(-100.0002,-745)" /> + <g + id="layer15" + style="display:inline;fill:#afb8c5;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="g71291" + style="display:inline;fill:#afb8c5;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="g4953" + style="display:inline;fill:#afb8c5;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="layer12" + style="display:inline;fill:#afb8c5;fill-opacity:1" + transform="translate(-100.0002,-745)"> + <path + d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z" + id="path6040" + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + inkscape:connector-curvature="0" /> + <rect + height="1" + id="rect6046" + rx="1.8608819" + ry="1.5037185" + style="fill:#afb8c5;fill-opacity:1;stroke:none" + width="1" + x="112.00065" + y="748.00073" /> + <rect + height="1" + id="rect6050" + rx="1.8608819" + ry="1.5037185" + style="fill:#afb8c5;fill-opacity:1;stroke:none" + width="1" + x="112.00065" + y="759.00073" /> + </g> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-close-active.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-close-active.svg new file mode 100644 index 0000000..eccc5e1 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-close-active.svg @@ -0,0 +1,97 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + id="svg7384" + version="1.1" + height="16" + width="16" + inkscape:version="0.91 r13725" + sodipodi:docname="tab-close-active.svg"> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1366" + inkscape:window-height="723" + id="namedview15" + showgrid="true" + inkscape:zoom="14.75" + inkscape:cx="-9.3321424" + inkscape:cy="10.005214" + inkscape:window-x="0" + inkscape:window-y="23" + inkscape:window-maximized="1" + inkscape:current-layer="svg7384"> + <inkscape:grid + type="xygrid" + id="grid2992" /> + </sodipodi:namedview> + <title + id="title9167">Gnome Symbolic Icon Theme</title> + <metadata + id="metadata90"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title>Gnome Symbolic Icon Theme</dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <defs + id="defs7386" /> + <g + transform="translate(-60,-518)" + id="layer9" + style="display:inline" /> + <g + transform="translate(-60,-518)" + id="layer10" /> + <g + transform="translate(-60,-518)" + id="layer11" /> + <g + id="g2996" + transform="matrix(0.75,0,0,0.75,2,2.0546875)" + style="fill:#5294e2;fill-opacity:1"> + <g + id="layer12" + transform="translate(-60,-518)" + style="fill:#5294e2;fill-opacity:1"> + <g + style="display:inline;fill:#5294e2;fill-opacity:1" + id="layer4-4-1" + transform="translate(19,-242)"> + <path + style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;color:#bebebe;fill:#5294e2;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new;font-family:Andale Mono;-inkscape-font-specification:Andale Mono" + id="path10839-9" + d="m 45,764 1,0 c 0.01037,-1.2e-4 0.02079,-4.6e-4 0.03125,0 0.254951,0.0112 0.50987,0.12858 0.6875,0.3125 L 49,766.59375 51.3125,764.3125 C 51.578125,764.082 51.759172,764.007 52,764 l 1,0 0,1 c 0,0.28647 -0.03434,0.55065 -0.25,0.75 l -2.28125,2.28125 2.25,2.25 C 52.906938,770.46942 52.999992,770.7347 53,771 l 0,1 -1,0 c -0.265301,-10e-6 -0.530586,-0.0931 -0.71875,-0.28125 L 49,769.4375 46.71875,771.71875 C 46.530586,771.90694 46.26529,772 46,772 l -1,0 0,-1 c -3e-6,-0.26529 0.09306,-0.53058 0.28125,-0.71875 l 2.28125,-2.25 L 45.28125,765.75 C 45.070508,765.55537 44.97809,765.28075 45,765 l 0,-1 z" + inkscape:connector-curvature="0" /> + </g> + </g> + </g> + <g + transform="translate(-60,-518)" + id="layer13" /> + <g + transform="translate(-60,-518)" + id="layer14" /> + <g + transform="translate(-60,-518)" + id="layer15" /> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-close-hover.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-close-hover.svg new file mode 100644 index 0000000..c1a7b12 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-close-hover.svg @@ -0,0 +1,97 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + id="svg7384" + version="1.1" + height="16" + width="16" + inkscape:version="0.91 r13725" + sodipodi:docname="tab-close-hover.svg"> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1366" + inkscape:window-height="723" + id="namedview15" + showgrid="true" + inkscape:zoom="14.75" + inkscape:cx="-9.3321424" + inkscape:cy="10.005214" + inkscape:window-x="0" + inkscape:window-y="23" + inkscape:window-maximized="1" + inkscape:current-layer="svg7384"> + <inkscape:grid + type="xygrid" + id="grid2992" /> + </sodipodi:namedview> + <title + id="title9167">Gnome Symbolic Icon Theme</title> + <metadata + id="metadata90"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title>Gnome Symbolic Icon Theme</dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <defs + id="defs7386" /> + <g + transform="translate(-60,-518)" + id="layer9" + style="display:inline" /> + <g + transform="translate(-60,-518)" + id="layer10" /> + <g + transform="translate(-60,-518)" + id="layer11" /> + <g + id="g2996" + transform="matrix(0.75,0,0,0.75,2,2.0546875)" + style="fill:#f37076;fill-opacity:1"> + <g + id="layer12" + transform="translate(-60,-518)" + style="fill:#f37076;fill-opacity:1"> + <g + style="display:inline;fill:#f37076;fill-opacity:1" + id="layer4-4-1" + transform="translate(19,-242)"> + <path + style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;color:#bebebe;fill:#f37076;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new;font-family:Andale Mono;-inkscape-font-specification:Andale Mono" + id="path10839-9" + d="m 45,764 1,0 c 0.01037,-1.2e-4 0.02079,-4.6e-4 0.03125,0 0.254951,0.0112 0.50987,0.12858 0.6875,0.3125 L 49,766.59375 51.3125,764.3125 C 51.578125,764.082 51.759172,764.007 52,764 l 1,0 0,1 c 0,0.28647 -0.03434,0.55065 -0.25,0.75 l -2.28125,2.28125 2.25,2.25 C 52.906938,770.46942 52.999992,770.7347 53,771 l 0,1 -1,0 c -0.265301,-10e-6 -0.530586,-0.0931 -0.71875,-0.28125 L 49,769.4375 46.71875,771.71875 C 46.530586,771.90694 46.26529,772 46,772 l -1,0 0,-1 c -3e-6,-0.26529 0.09306,-0.53058 0.28125,-0.71875 l 2.28125,-2.25 L 45.28125,765.75 C 45.070508,765.55537 44.97809,765.28075 45,765 l 0,-1 z" + inkscape:connector-curvature="0" /> + </g> + </g> + </g> + <g + transform="translate(-60,-518)" + id="layer13" /> + <g + transform="translate(-60,-518)" + id="layer14" /> + <g + transform="translate(-60,-518)" + id="layer15" /> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-close-inactive.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-close-inactive.svg new file mode 100644 index 0000000..36ab764 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-close-inactive.svg @@ -0,0 +1,97 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + id="svg7384" + version="1.1" + height="16" + width="16" + inkscape:version="0.91 r13725" + sodipodi:docname="tab-close-inactive.svg"> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1366" + inkscape:window-height="723" + id="namedview15" + showgrid="true" + inkscape:zoom="14.75" + inkscape:cx="-3.6372275" + inkscape:cy="10.005214" + inkscape:window-x="0" + inkscape:window-y="23" + inkscape:window-maximized="1" + inkscape:current-layer="svg7384"> + <inkscape:grid + type="xygrid" + id="grid2992" /> + </sodipodi:namedview> + <title + id="title9167">Gnome Symbolic Icon Theme</title> + <metadata + id="metadata90"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title>Gnome Symbolic Icon Theme</dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <defs + id="defs7386" /> + <g + transform="translate(-60,-518)" + id="layer9" + style="display:inline" /> + <g + transform="translate(-60,-518)" + id="layer10" /> + <g + transform="translate(-60,-518)" + id="layer11" /> + <g + id="g2996" + transform="matrix(0.75,0,0,0.75,2,2.0546875)" + style="fill:#afb8c5;fill-opacity:1"> + <g + id="layer12" + transform="translate(-60,-518)" + style="fill:#afb8c5;fill-opacity:1"> + <g + style="display:inline;fill:#afb8c5;fill-opacity:1" + id="layer4-4-1" + transform="translate(19,-242)"> + <path + style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;color:#bebebe;fill:#afb8c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new;font-family:Andale Mono;-inkscape-font-specification:Andale Mono" + id="path10839-9" + d="m 45,764 1,0 c 0.01037,-1.2e-4 0.02079,-4.6e-4 0.03125,0 0.254951,0.0112 0.50987,0.12858 0.6875,0.3125 L 49,766.59375 51.3125,764.3125 C 51.578125,764.082 51.759172,764.007 52,764 l 1,0 0,1 c 0,0.28647 -0.03434,0.55065 -0.25,0.75 l -2.28125,2.28125 2.25,2.25 C 52.906938,770.46942 52.999992,770.7347 53,771 l 0,1 -1,0 c -0.265301,-10e-6 -0.530586,-0.0931 -0.71875,-0.28125 L 49,769.4375 46.71875,771.71875 C 46.530586,771.90694 46.26529,772 46,772 l -1,0 0,-1 c -3e-6,-0.26529 0.09306,-0.53058 0.28125,-0.71875 l 2.28125,-2.25 L 45.28125,765.75 C 45.070508,765.55537 44.97809,765.28075 45,765 l 0,-1 z" + inkscape:connector-curvature="0" /> + </g> + </g> + </g> + <g + transform="translate(-60,-518)" + id="layer13" /> + <g + transform="translate(-60,-518)" + id="layer14" /> + <g + transform="translate(-60,-518)" + id="layer15" /> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-close.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-close.svg new file mode 100644 index 0000000..f9afd1e --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-close.svg @@ -0,0 +1,97 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + id="svg7384" + version="1.1" + height="16" + width="16" + inkscape:version="0.91 r13725" + sodipodi:docname="tab-close.svg"> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1366" + inkscape:window-height="723" + id="namedview15" + showgrid="true" + inkscape:zoom="14.75" + inkscape:cx="-13.298244" + inkscape:cy="7.2933496" + inkscape:window-x="0" + inkscape:window-y="23" + inkscape:window-maximized="1" + inkscape:current-layer="svg7384"> + <inkscape:grid + type="xygrid" + id="grid2992" /> + </sodipodi:namedview> + <title + id="title9167">Gnome Symbolic Icon Theme</title> + <metadata + id="metadata90"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title>Gnome Symbolic Icon Theme</dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <defs + id="defs7386" /> + <g + transform="translate(-60,-518)" + id="layer9" + style="display:inline" /> + <g + transform="translate(-60,-518)" + id="layer10" /> + <g + transform="translate(-60,-518)" + id="layer11" /> + <g + id="g2996" + transform="matrix(0.75,0,0,0.75,2,2.0546875)" + style="fill:#afb8c5;fill-opacity:1"> + <g + id="layer12" + transform="translate(-60,-518)" + style="fill:#afb8c5;fill-opacity:1"> + <g + style="display:inline;fill:#afb8c5;fill-opacity:1" + id="layer4-4-1" + transform="translate(19,-242)"> + <path + style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;color:#bebebe;fill:#afb8c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new;font-family:Andale Mono;-inkscape-font-specification:Andale Mono" + id="path10839-9" + d="m 45,764 1,0 c 0.01037,-1.2e-4 0.02079,-4.6e-4 0.03125,0 0.254951,0.0112 0.50987,0.12858 0.6875,0.3125 L 49,766.59375 51.3125,764.3125 C 51.578125,764.082 51.759172,764.007 52,764 l 1,0 0,1 c 0,0.28647 -0.03434,0.55065 -0.25,0.75 l -2.28125,2.28125 2.25,2.25 C 52.906938,770.46942 52.999992,770.7347 53,771 l 0,1 -1,0 c -0.265301,-10e-6 -0.530586,-0.0931 -0.71875,-0.28125 L 49,769.4375 46.71875,771.71875 C 46.530586,771.90694 46.26529,772 46,772 l -1,0 0,-1 c -3e-6,-0.26529 0.09306,-0.53058 0.28125,-0.71875 l 2.28125,-2.25 L 45.28125,765.75 C 45.070508,765.55537 44.97809,765.28075 45,765 l 0,-1 z" + inkscape:connector-curvature="0" /> + </g> + </g> + </g> + <g + transform="translate(-60,-518)" + id="layer13" /> + <g + transform="translate(-60,-518)" + id="layer14" /> + <g + transform="translate(-60,-518)" + id="layer15" /> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-end-hover.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-end-hover.svg new file mode 100644 index 0000000..36c4251 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-end-hover.svg @@ -0,0 +1,89 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="30" + height="31" + id="svg2" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="tab-end-hover.svg"> + <metadata + id="metadata18"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1920" + inkscape:window-height="1052" + id="namedview16" + showgrid="true" + inkscape:zoom="10.766271" + inkscape:cx="-9.9304967" + inkscape:cy="10.808825" + inkscape:window-x="0" + inkscape:window-y="23" + inkscape:window-maximized="1" + inkscape:current-layer="svg2" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid3911" /> + </sodipodi:namedview> + <defs + id="defs4" /> + <g + id="g4136" + style="opacity:0.5"> + <rect + rx="0.5" + ry="0.5" + y="2" + x="-27.999998" + height="34" + width="44" + id="rect3837" + style="fill:#444852;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981" /> + <rect + ry="1" + y="1.5" + x="-28.5" + height="35" + width="45" + id="rect3837-9" + style="fill:none;fill-opacity:1;stroke:#1d2125;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + rx="1" /> + <rect + ry="1.3877788e-16" + rx="1.3877788e-16" + y="30" + x="16" + height="1" + width="1" + id="rect4135" + style="opacity:1;fill:#444852;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-end.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-end.svg new file mode 100644 index 0000000..7b0e1f8 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-end.svg @@ -0,0 +1,85 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="30" + height="31" + id="svg2" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="tab-end.svg"> + <metadata + id="metadata18"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title /> + </cc:Work> + </rdf:RDF> + </metadata> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1920" + inkscape:window-height="1052" + id="namedview16" + showgrid="true" + inkscape:zoom="10.766271" + inkscape:cx="6.5561773" + inkscape:cy="10.808825" + inkscape:window-x="0" + inkscape:window-y="23" + inkscape:window-maximized="1" + inkscape:current-layer="svg2" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid3911" /> + </sodipodi:namedview> + <defs + id="defs4" /> + <rect + style="fill:#444852;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981" + id="rect3837" + width="44" + height="34" + x="-27.999998" + y="2" + ry="0.5" + rx="0.5" /> + <rect + rx="1" + style="fill:none;fill-opacity:1;stroke:#1d2125;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect3837-9" + width="45" + height="35" + x="-28.5" + y="1.5" + ry="1" /> + <rect + style="opacity:1;fill:#444852;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4135" + width="1" + height="1" + x="16" + y="30" + rx="1.3877788e-16" + ry="1.3877788e-16" /> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-middle-hover.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-middle-hover.svg new file mode 100644 index 0000000..edd78fc --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-middle-hover.svg @@ -0,0 +1,80 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="30" + height="31" + id="svg2" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="tab-middle-hover.svg"> + <metadata + id="metadata18"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1920" + inkscape:window-height="1052" + id="namedview16" + showgrid="true" + inkscape:zoom="5.3831355" + inkscape:cx="-26.527046" + inkscape:cy="9.9647005" + inkscape:window-x="0" + inkscape:window-y="23" + inkscape:window-maximized="1" + inkscape:current-layer="svg2" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid3911" /> + </sodipodi:namedview> + <defs + id="defs4" /> + <g + id="g4135" + style="opacity:0.5"> + <rect + rx="0.5" + ry="0.5" + y="2" + x="-6.999999" + height="34" + width="44" + id="rect3837" + style="fill:#444852;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981" /> + <rect + ry="1" + y="1.5" + x="-7.5" + height="35" + width="45" + id="rect3837-9" + style="fill:none;fill-opacity:1;stroke:#1d2125;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + rx="1" /> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-middle.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-middle.svg new file mode 100644 index 0000000..9f94872 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-middle.svg @@ -0,0 +1,76 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="30" + height="31" + id="svg2" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="tab-middle.svg"> + <metadata + id="metadata18"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title /> + </cc:Work> + </rdf:RDF> + </metadata> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1920" + inkscape:window-height="1052" + id="namedview16" + showgrid="true" + inkscape:zoom="5.3831355" + inkscape:cx="6.4463018" + inkscape:cy="9.9647005" + inkscape:window-x="0" + inkscape:window-y="23" + inkscape:window-maximized="1" + inkscape:current-layer="svg2" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid3911" /> + </sodipodi:namedview> + <defs + id="defs4" /> + <rect + style="fill:#444852;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981" + id="rect3837" + width="44" + height="34" + x="-6.999999" + y="2" + ry="0.5" + rx="0.5" /> + <rect + rx="1" + style="fill:none;fill-opacity:1;stroke:#1d2125;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect3837-9" + width="45" + height="35" + x="-7.5" + y="1.5" + ry="1" /> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-overflow-indicator.png b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-overflow-indicator.png Binary files differnew file mode 100644 index 0000000..aa8d701 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-overflow-indicator.png diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-start-hover.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-start-hover.svg new file mode 100644 index 0000000..0236837 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-start-hover.svg @@ -0,0 +1,88 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="30" + height="31" + id="svg2" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="tab-start-hover.svg"> + <metadata + id="metadata18"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1920" + inkscape:window-height="1052" + id="namedview16" + showgrid="true" + inkscape:zoom="7.6129032" + inkscape:cx="-10.453684" + inkscape:cy="11.931441" + inkscape:window-x="0" + inkscape:window-y="23" + inkscape:window-maximized="1" + inkscape:current-layer="svg2" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid3911" /> + </sodipodi:namedview> + <defs + id="defs4" /> + <g + id="g4136" + style="opacity:0.5"> + <rect + ry="0.5" + y="2" + x="14" + height="34" + width="44" + id="rect3837" + style="fill:#444852;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981" /> + <rect + ry="1" + y="1.5" + x="13.5" + height="35" + width="45" + id="rect3837-9" + style="fill:none;fill-opacity:1;stroke:#1d2125;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + rx="1" /> + <rect + ry="1.3877788e-16" + rx="1.3877788e-16" + y="30" + x="13" + height="1" + width="1" + id="rect4135" + style="opacity:1;fill:#444852;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-start.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-start.svg new file mode 100644 index 0000000..6a280d5 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-start.svg @@ -0,0 +1,84 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="30" + height="31" + id="svg2" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="tab-start.svg"> + <metadata + id="metadata18"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title /> + </cc:Work> + </rdf:RDF> + </metadata> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1920" + inkscape:window-height="1052" + id="namedview16" + showgrid="true" + inkscape:zoom="7.6129032" + inkscape:cx="-10.453684" + inkscape:cy="11.931441" + inkscape:window-x="0" + inkscape:window-y="23" + inkscape:window-maximized="1" + inkscape:current-layer="svg2" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid3911" /> + </sodipodi:namedview> + <defs + id="defs4" /> + <rect + style="fill:#444852;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981" + id="rect3837" + width="44" + height="34" + x="14" + y="2" + ry="0.5" /> + <rect + rx="1" + style="fill:none;fill-opacity:1;stroke:#1d2125;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect3837-9" + width="45" + height="35" + x="13.5" + y="1.5" + ry="1" /> + <rect + style="opacity:1;fill:#444852;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4135" + width="1" + height="1" + x="13" + y="30" + rx="1.3877788e-16" + ry="1.3877788e-16" /> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/toolbar-icons.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/toolbar-icons.svg new file mode 100644 index 0000000..d794bdf --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/dark/toolbar-icons.svg @@ -0,0 +1,1460 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + id="svg2" + version="1.1" + inkscape:version="0.91 r13725" + width="774" + height="36" + viewBox="0 0 774 36" + sodipodi:docname="toolbar-icons.svg"> + <metadata + id="metadata8"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title /> + </cc:Work> + </rdf:RDF> + </metadata> + <defs + id="defs6"> + <inkscape:path-effect + effect="spiro" + id="path-effect4386-3" + is_visible="true" /> + </defs> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="640" + inkscape:window-height="480" + id="namedview4" + showgrid="true" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true" + showguides="false" + inkscape:guide-bbox="true" + inkscape:zoom="2" + inkscape:cx="655.4002" + inkscape:cy="-12.158216" + inkscape:current-layer="layer2" + inkscape:object-paths="true" + inkscape:snap-intersection-paths="true" + inkscape:object-nodes="true" + inkscape:snap-bbox-midpoints="true" + inkscape:snap-nodes="true" + inkscape:snap-global="true"> + <inkscape:grid + type="xygrid" + id="grid4138" /> + <sodipodi:guide + position="18,27" + orientation="1,0" + id="guide4140" /> + <sodipodi:guide + position="36,27" + orientation="1,0" + id="guide4144" /> + <sodipodi:guide + position="54,27" + orientation="1,0" + id="guide4165" /> + <sodipodi:guide + position="72,27" + orientation="1,0" + id="guide4167" /> + <sodipodi:guide + position="90,27" + orientation="1,0" + id="guide4169" /> + <sodipodi:guide + position="108,27" + orientation="1,0" + id="guide4171" /> + <sodipodi:guide + position="126,27" + orientation="1,0" + id="guide4173" /> + <sodipodi:guide + position="144,26" + orientation="1,0" + id="guide4175" /> + <sodipodi:guide + position="162,26" + orientation="1,0" + id="guide4177" /> + <sodipodi:guide + position="180,26" + orientation="1,0" + id="guide4179" /> + <sodipodi:guide + position="198,26" + orientation="1,0" + id="guide4181" /> + <sodipodi:guide + position="216,26" + orientation="1,0" + id="guide4183" /> + <sodipodi:guide + position="234,26" + orientation="1,0" + id="guide4185" /> + <sodipodi:guide + position="252,26" + orientation="1,0" + id="guide4187" /> + <sodipodi:guide + position="270,27" + orientation="1,0" + id="guide4189" /> + <sodipodi:guide + position="288,27" + orientation="1,0" + id="guide4191" /> + <sodipodi:guide + position="306,27" + orientation="1,0" + id="guide4193" /> + <sodipodi:guide + position="324,27" + orientation="1,0" + id="guide4195" /> + <sodipodi:guide + position="342,27" + orientation="1,0" + id="guide4197" /> + <sodipodi:guide + position="360,27" + orientation="1,0" + id="guide4199" /> + <sodipodi:guide + position="378,27" + orientation="1,0" + id="guide4201" /> + <sodipodi:guide + position="396,27" + orientation="1,0" + id="guide4203" /> + <sodipodi:guide + position="414,27" + orientation="1,0" + id="guide4205" /> + <sodipodi:guide + position="432,27" + orientation="1,0" + id="guide4207" /> + <sodipodi:guide + position="450,27" + orientation="1,0" + id="guide4209" /> + <sodipodi:guide + position="468,27" + orientation="1,0" + id="guide4211" /> + <sodipodi:guide + position="486,27" + orientation="1,0" + id="guide4213" /> + <sodipodi:guide + position="504,27" + orientation="1,0" + id="guide4215" /> + <sodipodi:guide + position="522,27" + orientation="1,0" + id="guide4217" /> + <sodipodi:guide + position="540,27" + orientation="1,0" + id="guide4219" /> + <sodipodi:guide + position="558,27" + orientation="1,0" + id="guide4221" /> + <sodipodi:guide + position="576,27" + orientation="1,0" + id="guide4223" /> + <sodipodi:guide + position="594,27" + orientation="1,0" + id="guide4225" /> + <sodipodi:guide + position="612,27" + orientation="1,0" + id="guide4227" /> + <sodipodi:guide + position="630,27" + orientation="1,0" + id="guide4229" /> + <sodipodi:guide + position="648,27" + orientation="1,0" + id="guide4231" /> + <sodipodi:guide + position="666,27" + orientation="1,0" + id="guide4233" /> + <sodipodi:guide + position="684,27" + orientation="1,0" + id="guide4235" /> + <sodipodi:guide + position="702,27" + orientation="1,0" + id="guide4237" /> + <sodipodi:guide + position="720,27" + orientation="1,0" + id="guide4239" /> + <sodipodi:guide + position="738,27" + orientation="1,0" + id="guide4241" /> + <sodipodi:guide + position="756,27" + orientation="1,0" + id="guide4243" /> + <sodipodi:guide + position="0,18" + orientation="0,1" + id="guide4245" /> + <sodipodi:guide + position="59.720667,21.020803" + orientation="0,1" + id="guide4691" /> + <sodipodi:guide + position="63,33" + orientation="0,1" + id="guide4693" /> + <sodipodi:guide + position="450,18" + orientation="1,0" + id="guide4716" /> + </sodipodi:namedview> + <g + inkscape:groupmode="layer" + id="layer2" + inkscape:label="Layer 2" + style="display:inline"> + <g + id="g4295" + transform="translate(17.984,-0.01700159)" + style="fill:#d3dae3;fill-opacity:1"> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#d3dae3;fill-opacity:1" + inkscape:label="status" + id="layer9" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="devices" + id="layer10" + style="fill:#d3dae3;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="apps" + id="layer11" + style="fill:#d3dae3;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="places" + id="layer13" + style="fill:#d3dae3;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="mimetypes" + id="layer14" + style="fill:#d3dae3;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#d3dae3;fill-opacity:1" + inkscape:label="emblems" + id="layer15" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#d3dae3;fill-opacity:1" + inkscape:label="emotes" + id="g71291" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#d3dae3;fill-opacity:1" + inkscape:label="categories" + id="g4953" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#d3dae3;fill-opacity:1" + inkscape:label="actions" + id="layer12"> + <path + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + id="path6040" + d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z" + inkscape:connector-curvature="0" /> + <rect + y="748.00073" + x="112.00065" + width="1" + style="fill:#d3dae3;fill-opacity:1;stroke:none" + ry="1" + rx="1" + id="rect6046" + height="1" /> + <rect + y="759.00073" + x="112.00065" + width="1" + style="fill:#d3dae3;fill-opacity:1;stroke:none" + ry="1" + rx="1" + id="rect6050" + height="1" /> + </g> + </g> + <g + id="g4295-3" + transform="matrix(-1,0,0,1,72.037527,0.01274702)" + style="fill:#d3dae3;fill-opacity:1"> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#d3dae3;fill-opacity:1" + inkscape:label="status" + id="layer9-9" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="devices" + id="layer10-2" + style="fill:#d3dae3;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="apps" + id="layer11-0" + style="fill:#d3dae3;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="places" + id="layer13-0" + style="fill:#d3dae3;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="mimetypes" + id="layer14-2" + style="fill:#d3dae3;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#d3dae3;fill-opacity:1" + inkscape:label="emblems" + id="layer15-5" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#d3dae3;fill-opacity:1" + inkscape:label="emotes" + id="g71291-0" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#d3dae3;fill-opacity:1" + inkscape:label="categories" + id="g4953-6" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#d3dae3;fill-opacity:1" + inkscape:label="actions" + id="layer12-0"> + <path + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + id="path6040-6" + d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z" + inkscape:connector-curvature="0" /> + <rect + y="748.00073" + x="112.00065" + width="1" + style="fill:#d3dae3;fill-opacity:1;stroke:none" + ry="1" + rx="1" + id="rect6046-0" + height="1" /> + <rect + y="759.00073" + x="112.00065" + width="1" + style="fill:#d3dae3;fill-opacity:1;stroke:none" + ry="1" + rx="1" + id="rect6050-1" + height="1" /> + </g> + </g> + <g + id="g4295-7" + transform="translate(35.962473,0.01274702)" + style="fill:#d3dae3;fill-opacity:1"> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#d3dae3;fill-opacity:1" + inkscape:label="status" + id="layer9-0" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="devices" + id="layer10-6" + style="fill:#d3dae3;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="apps" + id="layer11-3" + style="fill:#d3dae3;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="places" + id="layer13-4" + style="fill:#d3dae3;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="mimetypes" + id="layer14-3" + style="fill:#d3dae3;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#d3dae3;fill-opacity:1" + inkscape:label="emblems" + id="layer15-6" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#d3dae3;fill-opacity:1" + inkscape:label="emotes" + id="g71291-1" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#d3dae3;fill-opacity:1" + inkscape:label="categories" + id="g4953-9" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#d3dae3;fill-opacity:1" + inkscape:label="actions" + id="layer12-9"> + <path + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + id="path6040-68" + d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z" + inkscape:connector-curvature="0" /> + <rect + y="748.00073" + x="112.00065" + width="1" + style="fill:#d3dae3;fill-opacity:1;stroke:none" + ry="1" + rx="1" + id="rect6046-3" + height="1" /> + <rect + y="759.00073" + x="112.00065" + width="1" + style="fill:#d3dae3;fill-opacity:1;stroke:none" + ry="1" + rx="1" + id="rect6050-4" + height="1" /> + </g> + </g> + <g + id="g4492" + transform="matrix(0.98812264,0,0,1,2.0927143,0)" + style="fill:#d3dae3;fill-opacity:1"> + <g + transform="matrix(-1,0,0,1,105.03753,-0.00212728)" + id="g4295-3-4" + style="fill:#d3dae3;fill-opacity:1"> + <g + id="layer9-9-7" + inkscape:label="status" + style="display:inline;fill:#d3dae3;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="layer10-2-8" + inkscape:label="devices" + transform="translate(-100.0002,-745)" + style="fill:#d3dae3;fill-opacity:1" /> + <g + id="layer11-0-6" + inkscape:label="apps" + transform="translate(-100.0002,-745)" + style="fill:#d3dae3;fill-opacity:1" /> + <g + id="layer13-0-0" + inkscape:label="places" + transform="translate(-100.0002,-745)" + style="fill:#d3dae3;fill-opacity:1" /> + <g + id="layer14-2-8" + inkscape:label="mimetypes" + transform="translate(-100.0002,-745)" + style="fill:#d3dae3;fill-opacity:1" /> + <g + id="layer15-5-0" + inkscape:label="emblems" + style="display:inline;fill:#d3dae3;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="g71291-0-3" + inkscape:label="emotes" + style="display:inline;fill:#d3dae3;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="g4953-6-0" + inkscape:label="categories" + style="display:inline;fill:#d3dae3;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="layer12-0-4" + inkscape:label="actions" + style="display:inline;fill:#d3dae3;fill-opacity:1" + transform="translate(-100.0002,-745)"> + <path + inkscape:connector-curvature="0" + d="m 111.87541,748.00075 c -0.22395,0.0242 -0.43316,0.12331 -0.59375,0.28125 l -4.99996,4.99974 -0.6875,0.71875 0.6875,0.71875 4.99996,4.99964 c 0.95833,0.95845 2.39595,-0.47917 1.4375,-1.4375 l -4.28121,-4.28089 4.28121,-4.28099 c 0.72453,-0.67473 0.1332,-1.8793 -0.84375,-1.71875 z" + id="path6040-6-8" + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + sodipodi:nodetypes="cccccccccc" /> + <rect + height="1" + id="rect6046-0-3" + rx="1.0120201" + ry="1" + style="fill:#d3dae3;fill-opacity:1;stroke:none" + width="1" + x="111.01369" + y="749.00214" /> + <rect + height="1" + id="rect6050-1-1" + rx="1.0120201" + ry="1" + style="fill:#d3dae3;fill-opacity:1;stroke:none" + width="1" + x="111.0257" + y="758.00214" /> + </g> + </g> + <g + transform="translate(91.106717,-0.00212728)" + id="g4295-3-0" + style="fill:#d3dae3;fill-opacity:1"> + <g + id="layer9-9-9" + inkscape:label="status" + style="display:inline;fill:#d3dae3;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="layer10-2-1" + inkscape:label="devices" + transform="translate(-100.0002,-745)" + style="fill:#d3dae3;fill-opacity:1" /> + <g + id="layer11-0-2" + inkscape:label="apps" + transform="translate(-100.0002,-745)" + style="fill:#d3dae3;fill-opacity:1" /> + <g + id="layer13-0-8" + inkscape:label="places" + transform="translate(-100.0002,-745)" + style="fill:#d3dae3;fill-opacity:1" /> + <g + id="layer14-2-3" + inkscape:label="mimetypes" + transform="translate(-100.0002,-745)" + style="fill:#d3dae3;fill-opacity:1" /> + <g + id="layer15-5-04" + inkscape:label="emblems" + style="display:inline;fill:#d3dae3;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="g71291-0-9" + inkscape:label="emotes" + style="display:inline;fill:#d3dae3;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="g4953-6-3" + inkscape:label="categories" + style="display:inline;fill:#d3dae3;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="layer12-0-2" + inkscape:label="actions" + style="display:inline;fill:#d3dae3;fill-opacity:1" + transform="translate(-100.0002,-745)"> + <path + inkscape:connector-curvature="0" + d="m 111.87541,748.00075 c -0.22394,0.0242 -0.43316,0.12331 -0.59375,0.28125 l -4.99996,4.99974 -0.6875,0.71875 0.6875,0.71875 4.99996,4.99964 c 0.95833,0.95845 2.39595,-0.47917 1.4375,-1.4375 l -4.28121,-4.28089 4.28121,-4.28099 c 0.72453,-0.67473 0.1332,-1.8793 -0.84375,-1.71875 z" + id="path6040-6-2" + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + sodipodi:nodetypes="cccccccccc" /> + <rect + height="1" + id="rect6046-0-5" + rx="1.0120201" + ry="1" + style="fill:#d3dae3;fill-opacity:1;stroke:none" + width="1" + x="111.01369" + y="749.00214" /> + <rect + height="1" + id="rect6050-1-18" + rx="1.0120201" + ry="1" + style="fill:#d3dae3;fill-opacity:1;stroke:none" + width="1" + x="111.01369" + y="758.00214" /> + </g> + </g> + </g> + <g + id="g4559" + style="fill:#d3dae3;fill-opacity:1"> + <path + id="path4520" + d="M 81.5,3 A 6.5,6.5 0 0 0 75,9.5 6.5,6.5 0 0 0 81.5,16 6.5,6.5 0 0 0 87.494141,12 l -2.253907,0 A 4.5,4.5 0 0 1 81.5,14 4.5,4.5 0 0 1 77,9.5 4.5,4.5 0 0 1 81.5,5 4.5,4.5 0 0 1 85.966797,9 l 2.007812,0 A 6.5,6.5 0 0 0 81.5,3 Z" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + inkscape:connector-curvature="0" /> + <path + id="rect4541" + d="M 88,2 81,8.9980469 81,9 88,9 88,2 Z" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + inkscape:connector-curvature="0" /> + </g> + <g + id="g4577" + style="fill:#d3dae3;fill-opacity:1"> + <path + id="rect4563" + d="m 112,8 0,7 4,0 0,-4 2,0 0,4 4,0 0,-7 -10,0 z" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + inkscape:connector-curvature="0" /> + <path + sodipodi:nodetypes="cccc" + inkscape:connector-curvature="0" + id="rect4571" + d="m 117,2 7,7 -14,0 z" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + id="g4687" + style="fill:#d3dae3;fill-opacity:1"> + <path + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 189,16 6,-7 -12,0 z" + id="rect4571-4" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccc" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="187" + height="7" + width="4" + id="rect4685" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + transform="translate(0,18)" + id="g4687-5" + style="fill:#5294e2;fill-opacity:1"> + <path + style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 189,16 6,-7 -12,0 z" + id="rect4571-4-7" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccc" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="187" + height="7" + width="4" + id="rect4685-1" + style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + transform="translate(289.02527,-31)" + inkscape:label="Layer 1" + id="layer1-2" + style="fill:#d3dae3;fill-opacity:1"> + <path + sodipodi:nodetypes="ccccccccccccccc" + inkscape:connector-curvature="0" + id="path6400" + d="M 15.247455,35.298295 0.702,38.338068 l 2.7272727,2.130683 0,4.232954 3.1818182,-1.818182 0,0 L 5.702,41.889204 9.366776,44.531249 Z m -1.30682,0.880682 -8.0397744,5.113637 -0.7954505,1.193181 -0.7670465,0.482956 0,-2.130683 z" + style="display:inline;fill:#d3dae3;fill-opacity:1;stroke:none;enable-background:new" /> + </g> + <g + style="display:inline;fill:#d3dae3;fill-opacity:1" + inkscape:label="Calque 1" + id="layer1-5" + transform="translate(612.125,7.75)"> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#d3dae3;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + d="m 38.875,-3.75 c -0.554,0 -1,0.446 -1,1 l 0,8 c 0,0.554 0.446,1 1,1 l 12,0 c 0.554,0 1,-0.446 1,-1 l 0,-8 c 0,-0.554 -0.446,-1 -1,-1 l -12,0 z m 0,1 6,5 6,-5 0,1 -6,5 -6,-5 0,-1 z m 2.5625,4.875 0.59375,0.5 -3.15625,2.625 0,-1 2.5625,-2.125 z m 6.875,0 2.5625,2.125 0,1 -3.15625,-2.625 0.59375,-0.5 z" + id="rect3836" + inkscape:connector-curvature="0" /> + </g> + <g + style="display:inline;fill:#d3dae3;fill-opacity:1" + id="g4644" + transform="translate(487,1.0062451)"> + <g + id="layer1-8" + inkscape:label="Calque 1" + style="display:inline;fill:#d3dae3;fill-opacity:1"> + <path + id="path2397" + d="m 3.875,0.99999979 c -0.022285,0.00536 -0.044875,0.016494 -0.0625,0.03125 -0.011521,0.00867 -0.022653,0.019636 -0.03125,0.03125 0,0 -0.2700217,0.3260161 -0.5,0.78125 -0.2299782,0.4552339 -0.4120417,1.0356923 -0.15625,1.53125 0.7884499,1.5239749 2.0839251,3.7672489 3.0625,5.28125 0.1544088,-0.5124922 0.3396962,-1.0371273 0.65625,-1.5625 -1.474e-4,-0.010193 -1.472e-4,-0.021056 0,-0.03125 L 7.375,6.2187498 4.03125,1.0624998 C 4.02265,1.0508848 4.011521,1.0399168 4,1.0312498 c -0.010085,-0.00104 -0.021165,-0.00104 -0.03125,0 0.00103,-0.010168 0.00103,-0.021082 0,-0.03125 -0.010085,-0.00104 -0.021164,-0.00104 -0.03125,0 -0.010085,-0.00104 -0.021164,-0.00104 -0.03125,0 -0.010085,-0.00104 -0.021164,-0.00104 -0.03125,0 z m 8.15625,0 c -10e-4,0.010168 -10e-4,0.021082 0,0.03125 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 -0.01152,0.00867 -0.02265,0.019635 -0.03125,0.03125 l -4.25,6.5625 C 7.3818216,8.1841872 7.1713962,9.126518 6.90625,9.8749998 6.773677,10.249241 6.632616,10.579794 6.46875,10.78125 6.3048838,10.982706 6.1573198,11.054945 5.9375,11 5.93129,10.999083 5.910307,11.000259 5.90625,11 5.896093,11.000151 5.881498,10.999635 5.875,11 5.87062,10.999401 5.845624,11.000106 5.84375,11 5.3626321,10.86226 4.9161697,10.88365 4.53125,11.03125 4.0477735,11.216643 3.6630669,11.552098 3.375,12 3.0860242,12.449317 2.9358336,12.959398 3,13.4375 c 0.063099,0.470153 0.3425241,0.987937 0.96875,1.3125 0.6267957,0.324859 1.2688988,0.278233 1.75,0.09375 C 6.2022267,14.658358 6.5869334,14.322902 6.875,13.875 7.1344973,13.471519 7.2416509,13.02322 7.21875,12.59375 7.2188525,12.59363 7.249953,12.5314 7.25,12.53125 c 4.68e-5,-1.5e-4 1.3e-5,-0.03107 0,-0.03125 0.00103,-0.01017 0.00103,-0.02108 0,-0.03125 -7.574e-4,-0.0056 -0.030161,0.0051 -0.03125,0 -0.00327,-0.01539 0.0049,-0.02028 0,-0.03125 -5.419e-4,-0.0084 5.294e-4,-0.02262 0,-0.03125 -0.00553,-0.03035 -0.00716,-0.04147 0,-0.03125 -0.020462,-0.352009 -0.034716,-0.828513 0.15625,-1.28125 0.2005139,-0.475374 0.6186139,-0.917373 1.5,-1.1562502 0.022285,-0.00536 0.044875,-0.016494 0.0625,-0.03125 0.01152,-0.00867 0.022653,-0.019635 0.03125,-0.03125 0.8843995,-1.185979 2.854984,-4.4680334 3.90625,-6.5 0.255791,-0.4955577 0.07373,-1.0760161 -0.15625,-1.53125 -0.229978,-0.4552339 -0.5,-0.78125 -0.5,-0.78125 -0.0086,-0.011614 -0.01973,-0.022583 -0.03125,-0.03125 -0.01763,-0.014756 -0.04021,-0.025888 -0.0625,-0.03125 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 z M 9.5,10.75 C 9.3894228,10.82871 9.2946704,10.904198 9.15625,10.9375 8.9062562,11.00525 8.7332712,11.058735 8.625,11.125 c 0.1783292,0.444209 0.1762788,0.905437 0.15625,1.25 0.00716,-0.01022 0.00553,9e-4 0,0.03125 -5.294e-4,0.0086 5.414e-4,0.0228 0,0.03125 -0.00491,0.01097 0.00327,0.01586 0,0.03125 -0.00109,0.0051 -0.030493,-0.0056 -0.03125,0 -0.00103,0.01017 -0.00103,0.02108 0,0.03125 -1.3e-5,1.84e-4 -4.68e-5,0.0311 0,0.03125 4.68e-5,1.51e-4 0.031147,0.06238 0.03125,0.0625 -0.022901,0.42947 0.084253,0.877769 0.34375,1.28125 0.2880666,0.447902 0.6727728,0.783358 1.15625,0.96875 0.481101,0.184483 1.123205,0.231109 1.75,-0.09375 C 12.657476,14.425437 12.936901,13.907653 13,13.4375 13.06417,12.959398 12.91398,12.449317 12.625,12 12.336933,11.552098 11.952226,11.216643 11.46875,11.03125 11.08383,10.88365 10.637368,10.86226 10.15625,11 c -0.0019,1.06e-4 -0.02687,-5.99e-4 -0.03125,0 -0.0065,-3.65e-4 -0.02109,1.51e-4 -0.03125,0 -0.0041,2.59e-4 -0.02504,-9.17e-4 -0.03125,0 C 9.8426802,11.05495 9.6951161,10.98271 9.53125,10.78125 9.52318,10.77135 9.507898,10.76058 9.5,10.75 Z m -4.25,1.3125 c 0.1041762,0.0047 0.2340963,0.01938 0.3125,0.0625 0.1742344,0.09581 0.2816322,0.271981 0.3125,0.46875 0.030868,0.196769 -0.021258,0.402302 -0.15625,0.625 C 5.4509472,13.660548 4.9070917,13.876992 4.5625,13.6875 4.3906342,13.59299 4.2812498,13.39314 4.25,13.1875 4.21875,12.98186 4.271964,12.784035 4.40625,12.5625 4.6068231,12.231613 4.9430901,12.048615 5.25,12.0625 Z m 5.5,0 c 0.30691,-0.01389 0.643177,0.169113 0.84375,0.5 0.134287,0.221535 0.1875,0.41936 0.15625,0.625 -0.03125,0.20564 -0.140634,0.40549 -0.3125,0.5 -0.344592,0.189492 -0.888448,-0.02695 -1.15625,-0.46875 -0.134992,-0.222698 -0.187118,-0.428231 -0.15625,-0.625 0.03087,-0.196769 0.138266,-0.372938 0.3125,-0.46875 0.0784,-0.04312 0.208324,-0.05779 0.3125,-0.0625 z" + style="display:inline;fill:#d3dae3;fill-opacity:1;stroke:none" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + style="display:inline;fill:#d3dae3;fill-opacity:1" + id="g4662" + transform="translate(523,1.0000004)"> + <g + id="layer1-9" + inkscape:label="Calque 1" + style="display:inline;fill:#d3dae3;fill-opacity:1"> + <path + sodipodi:nodetypes="ccsssssccssssscssccccccccsssssssss" + id="Symbol" + d="m 5,0.9999996 0,0.96875 -1.46875,0 c -0.8309999,0 -1.5,0.669 -1.5,1.5 l 0,8.0312504 c 0,0.810431 0.6351935,1.468004 1.4375,1.5 0.020363,8.12e-4 0.041931,0 0.0625,0 L 4,13 5,13 5,13.5 C 5,14.331 5.669,15 6.5,15 l 6,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-7.0000004 c 0,-0.657875 -0.412983,-1.2029937 -1,-1.40625 l 0,-1.625 c 0,-0.8309999 -0.669,-1.5 -1.5,-1.5 l -1.5,0 0,-0.96875 z m 1,1 3,0 0,1 -3,0 z m 1.5,5 4,0 c 0.277,0 0.5,0.223 0.5,0.5 L 12,12.5 c 0,0.277 -0.223,0.5 -0.5,0.5 l -4,0 C 7.223,13 7,12.777 7,12.5 L 7,7.4999996 c 0,-0.277 0.223,-0.5 0.5,-0.5 z" + style="display:inline;fill:#d3dae3;fill-opacity:1;stroke:none" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + style="display:inline;fill:#d3dae3;fill-opacity:1" + id="g4698" + transform="translate(396.98917,1)"> + <g + id="layer1-4" + inkscape:label="Calque 1" + style="display:inline;fill:#d3dae3;fill-opacity:1"> + <path + sodipodi:nodetypes="cccccccccccccccccccccccccccccccccccccccccccssscccccccc" + id="Symbol-7" + d="M 4.5,1 C 3.669,1 3,1.669 3,2.5 l 0,1.0625 0,3.46875 -0.53125,0 c -0.831,0 -1.5,0.669 -1.5,1.5 l 0,3.03125 c 0,0.831 0.669,1.5 1.5,1.5 L 3,13.0625 3,13.1875 3,13.5 C 3,14.331 3.669,15 4.5,15 l 7,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-0.3125 0,-0.125 0.53125,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-3.0625 c 0,-0.8310001 -0.669,-1.5 -1.5,-1.5 L 13,7 13,5.6875 13,2.5 C 13,1.669 12.331,1 11.5,1 l -7,0 z m 1,2 5,0 C 10.777,3 11,3.223 11,3.5 L 11,8 5,8 5,3.5 C 5,3.223 5.223,3 5.5,3 Z m 0.5,1 0,1 4.010835,0 0,-1 L 6,4 Z M 6,6 6,7 9,7 9,6 6,6 Z m 7.5,3 c 0.276,-2e-7 0.5,0.224 0.5,0.5 C 14,9.7759998 13.776,10 13.5,10 13.224,9.9999998 13,9.776 13,9.5 13,9.2239998 13.224,9 13.5,9 Z m -8.5,3 6,0 0,0.5 c 0,0.277 -0.223,0.5 -0.5,0.5 l -5,0 C 5.223,13 5,12.777 5,12.5 L 5,12 Z" + style="display:inline;fill:#d3dae3;fill-opacity:1;stroke:none" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + style="display:inline;fill:#d3dae3;fill-opacity:1" + id="g4716" + transform="translate(505,1)"> + <g + id="layer1-1" + inkscape:label="Calque 1" + style="display:inline;fill:#d3dae3;fill-opacity:1"> + <path + sodipodi:nodetypes="ccccccccccccccccccccccccccccccc" + id="Symbol-6" + d="M 6.5,1 C 5.669,1 5,1.669 5,2.5 l 0,8 C 5,11.331 5.669,12 6.5,12 l 6,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-8 C 14,1.669 13.331,1 12.5,1 l -6,0 z m 1,2 4,0 C 11.777,3 12,3.223 12,3.5 l 0,6 C 12,9.777 11.777,10 11.5,10 l -4,0 C 7.223,10 7,9.777 7,9.5 l 0,-6 C 7,3.223 7.223,3 7.5,3 Z m -4,1 C 2.669,4 2,4.669 2,5.5 l 0,8 C 2,14.331 2.669,15 3.5,15 l 6,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-0.5 -2.5,0 -4,0 C 4.223,13 4,12.777 4,12.5 L 4,6.5 4,4 3.5,4 Z" + style="display:inline;fill:#d3dae3;fill-opacity:1;stroke:none" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + style="display:inline;fill:#d3dae3;fill-opacity:1" + id="g4680" + transform="matrix(-1.0264221,0,0,1.0297012,395.02642,0.97029876)"> + <g + id="layer1-7" + inkscape:label="Calque 1" + style="display:inline;fill:#d3dae3;fill-opacity:1"> + <path + inkscape:label="#path3766" + sodipodi:nodetypes="cscsccsccscsccssssc" + id="Symbol-8" + d="m 2.4469076,2.4416061 c -1.92921018,1.9221416 -1.92921008,5.0421398 0,6.9642808 1.6818402,1.6756791 4.272808,1.8988571 6.1889674,0.6529021 0.325705,0.01628 0.850926,0.06109 1.037561,0.272042 0.254123,0.287232 -0.105101,0.958719 0.382261,1.396484 l 3.031041,3.071232 c 0,0 0.562273,0.600501 1.438025,-0.272043 0.875752,-0.872543 0.273043,-1.432755 0.273043,-1.432755 L 11.766764,10.022517 C 11.327388,9.5369409 10.653432,9.8948469 10.365145,9.6416569 10.153416,9.4557059 10.10844,8.9324089 10.092102,8.6078959 11.342639,6.6987579 11.118641,4.117284 9.4368,2.4416061 c -1.9292105,-1.92214145 -5.0606821,-1.92214135 -6.9898924,0 z m 1.1831848,1.1425773 c 0.5964074,-0.594222 1.4205257,-0.9430796 2.3299641,-0.9430797 1.8188769,0 3.2947145,1.4704303 3.2947145,3.2826428 0,1.8122134 -1.4758368,3.2826434 -3.2947145,3.2826434 -1.8188758,1e-6 -3.2947148,-1.47043 -3.2947148,-3.2826434 1e-7,-0.9061061 0.3683435,-1.745341 0.9647507,-2.3395631 z" + style="display:inline;fill:#d3dae3;fill-opacity:1;stroke:none" + inkscape:connector-curvature="0" /> + </g> + </g> + <path + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 309,2 c -0.554,0 -1,0.446 -1,1 l 0,12 c 0,0.554 0.446,1 1,1 l 12,0 c 0.554,0 1,-0.446 1,-1 l 0,-12 c 0,-0.554 -0.446,-1 -1,-1 l -12,0 z m 3,1 6,0 c 1.108,0 2,0.892 2,2 l 0,6 c 0,1.108 -0.892,2 -2,2 l -6,0 c -1.108,0 -2,-0.892 -2,-2 l 0,-6 c 0,-1.108 0.892,-2 2,-2 z" + id="rect4570" + inkscape:connector-curvature="0" /> + <g + style="font-style:normal;font-weight:bold;font-size:15px;line-height:125%;font-family:Sans;-inkscape-font-specification:'Sans Bold';letter-spacing:0px;word-spacing:0px;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + id="text4575" + transform="matrix(0.5721975,0,0,0.58799884,135.90225,10.439994)"> + <path + d="m 311.30469,-0.89477539 -0.43213,-1.11328121 -0.0659,0 q -0.2417,0.3295898 -0.4834,0.571289 -0.2417,0.234375 -0.52734,0.3881836 -0.28565,0.15380861 -0.64453,0.2270508 -0.35157,0.0732422 -0.82032,0.0732422 -0.49804,0 -0.92285,-0.15380859 -0.4248,-0.16113281 -0.73974,-0.47607421 -0.30762,-0.3222657 -0.4834,-0.8056641 -0.17578,-0.4907226 -0.17578,-1.1572266 0,-1.3037109 0.83496,-1.9189453 0.83496,-0.6225586 2.49756,-0.6884765 l 1.30371,-0.043945 0,-0.6152344 q 0,-0.5053711 -0.29297,-0.7470703 -0.29297,-0.2416992 -0.82031,-0.2416992 -0.52735,0 -1.03272,0.1538085 -0.49805,0.1538086 -1.00342,0.4101563 L 306.771,-8.5119629 q 0.61523,-0.3442383 1.3623,-0.5419922 0.74707,-0.1977539 1.56738,-0.1977539 1.53077,0 2.34375,0.7177735 0.82032,0.7177734 0.82032,2.1826171 l 0,5.45654301 -1.56006,0 z m -0.65918,-3.79394531 -0.73975,0.029297 q -0.44678,0.014648 -0.75439,0.1171875 -0.30762,0.102539 -0.49805,0.2783203 -0.18311,0.168457 -0.271,0.4101562 -0.0806,0.234375 -0.0806,0.5273438 0,0.5126953 0.24902,0.7324219 0.24902,0.2124023 0.65186,0.2124023 0.30761,0 0.57129,-0.1025391 0.26367,-0.1098632 0.4541,-0.3149414 0.19775,-0.2124023 0.30761,-0.5126953 0.10987,-0.3076172 0.10987,-0.703125 l 0,-0.6738281 z" + id="path4580" + inkscape:connector-curvature="0" + style="fill:#d3dae3;fill-opacity:1" /> + <path + d="m 316.47486,-7.6477051 c -0.3955,0 -0.72509,0.1391602 -0.98877,0.4174805 -0.25879,0.2783203 -0.40772,0.715332 -0.44678,1.3110351 l 2.84913,0 c -0.005,-0.2490234 -0.0364,-0.4785156 -0.0952,-0.6884765 -0.0586,-0.2099609 -0.1465,-0.390625 -0.26367,-0.5419922 -0.1172,-0.15625 -0.26368,-0.2783203 -0.43946,-0.3662109 -0.17578,-0.087891 -0.38086,-0.131836 -0.61523,-0.131836 z m 0.28564,6.89941408 c -0.58593,0 -1.12548,-0.0854492 -1.61865,-0.25634768 -0.49316,-0.1708984 -0.91797,-0.427246 -1.27441,-0.7690429 -0.35644,-0.3466797 -0.63476,-0.7812501 -0.83497,-1.303711 -0.1953,-0.5273437 -0.29296,-1.1450195 -0.29296,-1.8530273 0,-0.7177735 0.0903,-1.3452149 0.27099,-1.8823242 0.18067,-0.5371094 0.43214,-0.9838868 0.7544,-1.3403321 0.32715,-0.3613281 0.71778,-0.6323242 1.17187,-0.8129883 0.45899,-0.180664 0.9668,-0.270996 1.52344,-0.270996 0.542,0 1.03028,0.083008 1.46484,0.2490234 0.43946,0.1611328 0.81055,0.4003906 1.11328,0.7177734 0.30762,0.3173828 0.542,0.7080078 0.70313,1.171875 0.16602,0.4589844 0.24902,0.9863282 0.24902,1.5820313 l 0,1.0839844 -4.99511,0 c 0.01,0.3125 0.0586,0.5957031 0.14648,0.8496093 0.0928,0.2490235 0.21973,0.4614258 0.38086,0.6372071 0.16602,0.1708984 0.36377,0.3027343 0.59326,0.3955078 0.23438,0.092773 0.50049,0.1391601 0.79834,0.1391601 0.24903,0 0.48341,-0.012207 0.70313,-0.036621 0.22461,-0.029297 0.44189,-0.070801 0.65185,-0.1245117 0.20996,-0.053711 0.41748,-0.1196286 0.62256,-0.1977539 0.20509,-0.083008 0.41504,-0.1782226 0.62988,-0.2856445 l 0,1.7285156 c -0.19531,0.1025391 -0.39306,0.1904297 -0.59326,0.2636719 -0.19531,0.0683594 -0.40283,0.1269531 -0.62256,0.17578123 -0.21972,0.0488281 -0.45654,0.0830078 -0.71045,0.10253906 -0.2539,0.0244141 -0.53222,0.0366211 -0.83496,0.036621 z" + id="path4582" + inkscape:connector-curvature="0" + sodipodi:nodetypes="scccccsssssccscccscccscccccscsccccscs" + style="fill:#d3dae3;fill-opacity:1" /> + </g> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 171,1.9999996 a 7,7 0 0 0 -7,7 A 7,7 0 0 0 171,16 a 7,7 0 0 0 7,-7.0000004 7,7 0 0 0 -7,-7 z m 0,2 a 5,5 0 0 1 5,5 A 5,5 0 0 1 171,14 a 5,5 0 0 1 -5,-5.0000004 5,5 0 0 1 5,-5 z" + id="path4643" /> + <rect + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4650" + width="2" + height="5" + x="170" + y="4.9999995" + rx="1.38778e-16" + ry="1.38778e-16" /> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="M 170.93945,7.4999996 170,8.4394527 l 0,0.9492188 3.06055,3.0605475 1.41406,-1.414063 -3.53516,-3.5351564 z" + id="rect4650-7" /> + <path + sodipodi:type="star" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4695" + sodipodi:sides="5" + sodipodi:cx="135" + sodipodi:cy="9.6998634" + sodipodi:r1="8" + sodipodi:r2="3.76" + sodipodi:arg1="-1.5707963" + sodipodi:arg2="-0.9424778" + inkscape:flatsided="false" + inkscape:rounded="-1.44676e-15" + inkscape:randomized="0" + d="m 135,1.6998634 2.21007,4.9580961 5.39838,0.5697682 -4.03248,3.6340393 L 139.70228,16.172 135,13.459863 l -4.70228,2.712136 1.12631,-5.310232 -4.03248,-3.6340397 5.39838,-0.5697677 z" + inkscape:transform-center-y="-0.76393202" /> + <path + sodipodi:type="star" + style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4695-1" + sodipodi:sides="5" + sodipodi:cx="153.00044" + sodipodi:cy="9.6998634" + sodipodi:r1="8" + sodipodi:r2="3.76" + sodipodi:arg1="-1.5707963" + sodipodi:arg2="-0.9424778" + inkscape:flatsided="false" + inkscape:rounded="-1.44676e-15" + inkscape:randomized="0" + d="m 153.00044,1.6998634 2.21008,4.9580961 5.39837,0.5697682 -4.03247,3.6340393 1.1263,5.310233 -4.70228,-2.712137 -4.70228,2.712136 1.12631,-5.310232 -4.03248,-3.6340397 5.39838,-0.5697677 z" + inkscape:transform-center-y="-0.76393202" /> + <g + id="g4739" + style="fill:#d3dae3;fill-opacity:1"> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="471" + height="2" + width="12" + id="rect4733" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="8" + x="471" + height="2" + width="12" + id="rect4735" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="13" + x="471" + height="2" + width="12" + id="rect4737" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <path + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 621,2.4011949 c -0.25562,0 -0.51116,0.0971 -0.70703,0.2929688 l -2.30469,2.3066406 -1.98828,0 c -0.554,0 -1,0.446 -1,1 L 615,13.979 c 0,0.554 0.446,1 1,1 l 10,0 c 0.554,0 1,-0.446 1,-1 l 0,-7.9781957 c 0,-0.554 -0.446,-1 -1,-1 l -1.98828,0 -2.30469,-2.3066406 C 621.51116,2.4982951 621.25562,2.4011949 621,2.4011949 Z m -4,5.5992887 1,0 0,1 -1,0 z m 2,0 6,0 0,1 -6,0 z m -2,2.0000004 1,0 0,1 -1,0 z m 2,0 6,0 0,1 -6,0 z m -2,2 1,0 0,1 -1,0 z m 2,0 6,0 0,1 -6,0 z" + id="rect4744" + inkscape:connector-curvature="0" + sodipodi:nodetypes="sccssssssssccscccccccccccccccccccccccccccccc" /> + <g + id="g4297" + style="fill:#d3dae3;fill-opacity:1"> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="9" + x="633" + height="5.979197" + width="4" + id="rect4289" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="9" + x="638" + height="5.979197" + width="7" + id="rect4291" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="642" + height="5" + width="3" + id="rect4293" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="633" + height="5" + width="8" + id="rect4295" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="M 326,2.9999996 326,15 l 14,0 0,-12.0000004 -14,0 z m 6,1 1,0 0,1 -1,0 0,-1 z m 2,0 1,0 0,1 -1,0 0,-1 z m 2,0 2,0 0,1 -2,0 0,-1 z m -8,2 10,0 L 338,13 l -10,0 0,-7.0000004 z" + id="rect4294" /> + <rect + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4325" + width="10" + height="2" + x="544" + y="7.9999995" + rx="1.38778e-16" + ry="1.38778e-16" /> + <g + id="g4331" + style="fill:#d3dae3;fill-opacity:1"> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="4" + x="566" + height="10" + width="2" + id="rect4327" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="8" + x="562" + height="2" + width="10" + id="rect4329" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + id="g4352" + style="fill:#d3dae3;fill-opacity:1"> + <path + id="rect4294-9" + d="m 668,3 0,12 14,0 0,-12 -14,0 z m 6,1 1,0 0,1 -1,0 0,-1 z m 2,0 1,0 0,1 -1,0 0,-1 z m 2,0 2,0 0,1 -2,0 0,-1 z m -8,2 10,0 0,7 -10,0 0,-7 z" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + inkscape:connector-curvature="0" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="6" + x="676" + height="7" + width="2" + id="rect4350" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <path + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 758,2.9999996 0,7.8261724 0,0.173828 0.01,0 c 0.15732,2.222938 3.23985,3.977369 6.99023,3.978516 3.74811,-0.003 6.82715,-1.756919 6.98438,-3.978516 l 0.0154,0 0,-0.173828 0,-7.8261724 z M 761.46484,5.849609 765,9.3847652 768.53516,5.849609 769.73633,7.0507808 765.95508,10.833984 765,11.787109 764.04492,10.833984 760.26367,7.0507808 761.2168,6.0957027 Z" + id="rect4356" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccccccccccccccccccc" /> + <g + id="g4388" + style="fill:#d3dae3;fill-opacity:1"> + <path + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="M 238 3 L 238 3.9003906 L 238 14.099609 L 238 15 L 248 15 L 248 14.099609 L 248 7 L 244 3 L 238 3 z M 244 4.4140625 L 246.58594 7 L 244 7 L 244 6.0996094 L 244 4.4140625 z " + id="rect4365" /> + </g> + <g + id="g4396" + style="fill:#d3dae3;fill-opacity:1"> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="4" + x="578" + height="10" + width="10" + id="rect4392" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <path + sodipodi:nodetypes="ccccc" + inkscape:connector-curvature="0" + id="path4394" + d="m 588,7 4,-2 0,8 -4,-2 z" + style="fill:#d3dae3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + </g> + <g + id="g4436" + style="fill:#d3dae3;fill-opacity:1"> + <path + inkscape:connector-curvature="0" + id="rect4400" + d="m 420,6 0,6 6,0 0,-6 -6,0 z m 1,2 4,0 0,3 -4,0 0,-3 z" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4407" + d="m 423,5 3,0 -3,-3 -3,3 z" + style="fill:#d3dae3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4407-0" + d="m 423,13 3,0 -3,3 -3,-3 z" + style="fill:#d3dae3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4407-4" + d="m 427,9 0,3 3,-3 -3,-3 z" + style="fill:#d3dae3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4407-1" + d="m 419,9 0,-3 -3,3 3,3 z" + style="fill:#d3dae3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + </g> + <g + id="g4463" + style="fill:#d3dae3;fill-opacity:1"> + <path + inkscape:connector-curvature="0" + id="path4443" + d="m 598,5 3,0 3,4 -3,4 -3,0 3,-4 z" + style="fill:#d3dae3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4443-5" + d="m 603,5 3,0 3,4 -3,4 -3,0 3,-4 z" + style="fill:#d3dae3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + </g> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 459,3.9999996 a 5,5 0 0 0 -5,5 A 5,5 0 0 0 459,14 a 5,5 0 0 0 5,-5.0000004 5,5 0 0 0 -5,-5 z m 0,3 a 2,2 0 0 1 2,2 A 2,2 0 0 1 459,11 a 2,2 0 0 1 -2,-2.0000004 2,2 0 0 1 2,-2 z" + id="path4467" /> + <g + id="g4503" + style="fill:#d3dae3;fill-opacity:1"> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="458" + height="2" + width="2" + id="rect4474" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="8" + x="463" + height="2" + width="2" + id="rect4474-4" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="8" + x="453" + height="2" + width="2" + id="rect4474-1" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="13" + x="458" + height="2" + width="2" + id="rect4474-13" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + id="g4503-2" + transform="matrix(0.70710678,0.70710678,-0.70710678,0.70710678,140.80195,-321.92597)" + style="fill:#d3dae3;fill-opacity:1"> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="458" + height="2" + width="2" + id="rect4474-7" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="8" + x="463" + height="2" + width="2" + id="rect4474-4-5" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="8" + x="453" + height="2" + width="2" + id="rect4474-1-3" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="13" + x="458" + height="2" + width="2" + id="rect4474-13-8" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <path + style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 758,21 0,7.826172 0,0.173828 0.01,0 c 0.15733,2.222938 3.23986,3.977369 6.99023,3.978516 3.74811,-0.003 6.82715,-1.756919 6.98438,-3.978516 l 0.0154,0 0,-0.173828 0,-7.826172 z m 3.46483,2.849609 3.53517,3.535157 3.53516,-3.535157 1.20117,1.201172 -3.78125,3.783203 -0.95508,0.953125 -0.95508,-0.953125 -3.78125,-3.783203 0.95313,-0.955078 z" + id="rect4356-9" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccccccccccccccccccc" /> + <g + style="display:inline;fill:#d3dae3;fill-opacity:1" + id="g4734" + transform="translate(343,0.99999957)"> + <g + id="layer1-92" + inkscape:label="Calque 1" + style="display:inline;fill:#d3dae3;fill-opacity:1"> + <path + id="path3015" + d="M 5,2 C 3.892,2 3,2.892 3,4 l 0,3 -2,0 0,3 4,0 1,0 0,-2 4,0 0,2 1,0 4,0 0,-3 -2,0 0,-3 C 13,2.892 12.108,2 11,2 L 5,2 Z m 2,7 0,2 -2,0 0,2 2,0 0,2 2,0 0,-2 2,0 0,-2 -2,0 0,-2 -2,0 z" + style="display:inline;fill:#d3dae3;fill-opacity:1;stroke:none" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + id="g4377" + style="fill:#d3dae3;fill-opacity:1"> + <path + sodipodi:nodetypes="cccccc" + inkscape:connector-curvature="0" + id="path4766" + d="m 435,15 2,0 6,-6 -2,-2 -6,6 z" + style="fill:#d3dae3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4768" + d="m 444,2 a 4,4 0 0 0 -4,4 4,4 0 0 0 4,4 4,4 0 0 0 4,-4 4,4 0 0 0 -0.33398,-1.5859375 c -0.0612,0.086178 -0.1291,0.1701155 -0.20704,0.2480469 l -1.84765,1.8476562 c -0.66351,0.6635048 -1.67021,0.7243245 -2.25781,0.1367188 -0.58761,-0.5876058 -0.52679,-1.5943077 0.13671,-2.2578125 l 1.84766,-1.8476563 c 0.0789,-0.078897 0.16267,-0.1491534 0.25,-0.2109375 A 4,4 0 0 0 444,2 Z" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 746.98828,2.4003902 c -0.25562,0 -0.51116,0.0971 -0.70703,0.2929688 l -2.30469,2.3066406 -1.98828,0 c -0.554,0 -1,0.446 -1,1 l 0,7.9785164 c 0,0.554 0.446,1 1,1 l 10,0 c 0.554,0 1,-0.446 1,-1 l 0,-7.9785164 c 0,-0.554 -0.446,-1 -1,-1 l -1.98828,0 -2.30469,-2.3066406 C 747.49944,2.4974904 747.2439,2.4003902 746.98828,2.4003902 Z m 1.55078,3.5996094 a 2.4615383,2.4615385 0 0 1 0.97656,0.203125 c -0.0537,0.038021 -0.10569,0.080354 -0.15429,0.1289062 l -1.13672,1.1386719 c -0.40828,0.4083106 -0.4456,1.0270683 -0.084,1.3886719 0.3616,0.3616032 0.98037,0.3243263 1.38868,-0.083984 l 1.13867,-1.1367187 c 0.0479,-0.047958 0.0892,-0.099311 0.12695,-0.1523438 A 2.4615383,2.4615385 0 0 1 751,8.4609371 2.4615383,2.4615385 0 0 1 748.53906,10.923828 2.4615383,2.4615385 0 0 1 747.5293,10.703125 L 744.23047,14 743,14 l 0,-1.230469 3.29688,-3.2988283 a 2.4615383,2.4615385 0 0 1 -0.22071,-1.0097656 2.4615383,2.4615385 0 0 1 2.46289,-2.4609375 z" + id="rect4744-3" /> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 693,1.9999996 a 7,7 0 0 0 -7,7 A 7,7 0 0 0 693,16 a 7,7 0 0 0 7,-7.0000004 7,7 0 0 0 -7,-7 z m 0,0.671875 0,2.328125 a 4,4 0 0 1 4,4 A 4,4 0 0 1 693,13 4,4 0 0 1 689.13086,9.9999996 l 1.04492,0 A 3,3 0 0 0 693,12 a 3,3 0 0 0 3,-3.0000004 3,3 0 0 0 -3,-3 l 0,2.328125 -1.75586,-1.7558594 -0.71289,-0.7128906 -0.36133,-0.359375 L 693,2.6718746 Z" + id="path4408" /> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 693,20 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,0.671875 L 693,23 a 4,4 0 0 1 4,4 4,4 0 0 1 -4,4 4,4 0 0 1 -3.86914,-3 l 1.04492,0 A 3,3 0 0 0 693,30 a 3,3 0 0 0 3,-3 3,3 0 0 0 -3,-3 l 0,2.328125 -1.75586,-1.755859 -0.71289,-0.712891 L 690.16992,23.5 693,20.671875 Z" + id="path4408-6" /> + <g + id="g4497" + style="fill:#d3dae3;fill-opacity:1"> + <path + sodipodi:nodetypes="cccccccccccccccccccccsssssss" + inkscape:connector-curvature="0" + id="path4490" + d="m 709.6,3 -1.6,2 -0.3,2 -2.7,3 0,5 1,0 2,-2 1,0 1,1 1,0 1,0 1,-1 1,0 2,2 1,0 0,-5 L 714.3,7 714,5 712.4,3 711,2 Z m 0.9,3 1,0 c 0.277,0 0.5,0.223 0.5,0.5 0,0.277 -0.223,0.5 -0.5,0.5 l -1,0 C 710.223,7 710,6.777 710,6.5 710,6.223 710.223,6 710.5,6 Z" + style="fill:#d3dae3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <rect + ry="0.5" + rx="0.5" + y="14.5" + x="710" + height="1" + width="2" + id="rect4492" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + id="g4566" + transform="matrix(0,1,-1,0,247.2144,-263.81249)" + style="fill:#d3dae3;fill-opacity:1"> + <path + inkscape:connector-curvature="0" + id="rect4492-7-4" + d="m 272.53125,-19.781249 c -0.19625,0.008 -0.40095,0.0345 -0.59375,0.0625 -2.31356,0.335389 -4.30673,2.01152 -4.9375,4.40625 -0.13556,0.51465 -0.18822,1.02272 -0.1875,1.53125 l 1.96875,0 c 8.3e-4,-0.33898 0.0345,-0.68773 0.125,-1.03125 0.56572,-2.14773 2.75852,-3.40946 4.90625,-2.84375 0.6942,0.18285 1.28439,0.56718 1.78125,1.0625 l -1.8125,1.8125 5,0 0,-5.000001 -1.75,1.750001 c -0.74487,-0.740739 -1.68058,-1.257801 -2.71875,-1.531251 -0.59867,-0.157689 -1.19251,-0.244029 -1.78125,-0.218749 z" + style="color:#000000;display:block;overflow:visible;visibility:visible;fill:#d3dae3;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.9999997;marker:none;enable-background:new" /> + <path + inkscape:connector-curvature="0" + id="rect4492-7-85-4" + d="m 276.8125,-13.781249 c -0.002,0.33623 -0.0353,0.65936 -0.125,1 -0.56572,2.14773 -2.75852,3.409459 -4.90625,2.8437495 -0.6942,-0.1828495 -1.28439,-0.5671795 -1.78125,-1.0624995 l 1.8125,-1.8125 -5,0 0,4.999999 1.75,-1.75 c 0.74487,0.74074 1.68058,1.2578 2.71875,1.53125 0.59867,0.15769 1.19251,0.24403 1.78125,0.21875 0.19625,-0.008 0.40095,-0.0345 0.59375,-0.0625 2.31356,-0.33539 4.30673,-2.0115195 4.9375,-4.406249 0.13279,-0.50415 0.1856,-1.00151 0.1875,-1.5 l -1.96875,0 z" + style="color:#000000;display:block;overflow:visible;visibility:visible;fill:#d3dae3;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.9999997;marker:none;enable-background:new" /> + </g> + <g + id="g4668" + style="fill:#d3dae3;fill-opacity:1"> + <path + inkscape:connector-curvature="0" + id="path4584" + d="m 729,2 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,1 a 6,6 0 0 1 6,6 6,6 0 0 1 -6,6 6,6 0 0 1 -6,-6 6,6 0 0 1 6,-6 z" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1" + rx="1" + y="3" + x="727" + height="12" + width="1" + id="rect4589" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.3877788e-16" + rx="1.3877788e-16" + y="3" + x="730" + height="12" + width="1" + id="rect4589-8" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.3877788e-16" + rx="1.3877788e-16" + y="4.2568936" + x="724" + height="9.5251265" + width="1" + id="rect4589-1" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.3877788e-16" + rx="1.3877788e-16" + y="4.2998734" + x="733" + height="9.5251265" + width="1" + id="rect4589-1-4" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + transform="matrix(0,1,-1,0,0,0)" + ry="1.3877788e-16" + rx="1.3877788e-16" + y="-733.76257" + x="4" + height="9.5251265" + width="1" + id="rect4589-1-8" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + transform="matrix(0,1,-1,0,0,0)" + ry="1.3877788e-16" + rx="1.3877788e-16" + y="-733.76257" + x="13" + height="9.5251265" + width="1" + id="rect4589-1-2" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + transform="matrix(0,1,-1,0,0,0)" + ry="1.3877788e-16" + rx="1.3877788e-16" + y="-735" + x="10" + height="11.99998" + width="1" + id="rect4589-1-9" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + transform="matrix(0,1,-1,0,0,0)" + ry="1.3877788e-16" + rx="1.3877788e-16" + y="-735" + x="7" + height="11.99998" + width="1" + id="rect4589-1-22" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <circle + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4679" + cx="274" + cy="14" + r="2" /> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 272,6.9999996 0,3 A 6,6 0 0 1 278,16 l 3,0 a 9,9 0 0 0 -9,-9.0000004 z" + id="path4683" /> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 272,1.9999996 0,3 A 11,11 0 0 1 283,16 l 3,0 A 14,14 0 0 0 272,1.9999996 Z" + id="path4688" /> + <path + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 219,6.9999996 13,0 1,0 -1,7.9791974 0,0 -13,0 0,0 -1,-7.9791974 z" + id="rect4708" + inkscape:connector-curvature="0" + sodipodi:nodetypes="ccccccccc" /> + <rect + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4711" + width="13" + height="2" + x="219" + y="3.9999995" + rx="1.38778e-16" + ry="1.38778e-16" /> + <rect + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4713" + width="6" + height="3" + x="219" + y="2.9999995" + rx="1" + ry="1" /> + <rect + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4979" + width="10" + height="10" + x="200.00009" + y="6" + rx="1" + ry="1" /> + <ellipse + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4981" + cx="205.00009" + cy="3.625" + rx="2.0000014" + ry="1.625" /> + <rect + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4983" + width="2" + height="3.6273403" + x="204.00009" + y="4" + rx="1" + ry="1" /> + <g + id="g5003" + transform="matrix(0,1,-1.0333195,0,213.64476,-194)" + style="fill:#d3dae3;fill-opacity:1"> + <ellipse + ry="1.5" + rx="2.0000014" + cy="1.1550797" + cx="205" + id="path4981-3" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1" + rx="0.9677549" + y="1.6550797" + x="204" + height="3.6273403" + width="2" + id="rect4983-7" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <path + inkscape:connector-curvature="0" + style="fill:#d3dae3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="M 361,3.9999998 C 360.60225,9.3474948 361.65771,11.475301 364,13 l 3,0 c 1.34792,-1.038563 0.98353,-1.5625 2,-1.5625 1.0167,0.0022 0.65208,0.523937 2,1.5625 l 3,0 c 2.34229,-1.524699 3.39775,-3.6525052 3,-9.0000002 0,0 -0.58016,0.801126 -1,1 l -2,0 c -0.39775,-0.839689 -2,-1 -2,-1 -2.03293,1.016466 -1.02772,1.779029 -2,2 l -1,0 -1,0 c -0.26517,0.06629 0.0329,-1.005631 -2,-2 0,0 -1.60225,0.160311 -2,1 l -2,0 c -0.41984,-0.198874 -1,-1 -1,-1 z m 5,4 a 2,1 0 0 1 2,1 A 2,1 0 0 1 366,10 a 2,1 0 0 1 -2,-1.0000002 2,1 0 0 1 2,-1 z m 6,0 a 2,1 0 0 1 2,1 A 2,1 0 0 1 372,10 a 2,1 0 0 1 -2,-1.0000002 2,1 0 0 1 2,-1 z" + id="path5021" /> + <g + id="g5070" + style="fill:#d3dae3;fill-opacity:1"> + <circle + r="7" + cy="9" + cx="9" + id="path5059" + style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="rect5061" + d="m 5,5 0,8 8,0 0,-8 -8,0 z m 1,1 6,0 0,6 -6,0 0,-6 z" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path5066" + d="m 6,6 6,6" + style="fill:#d3dae3;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path5068" + d="M 12,6 6,12" + style="fill:#d3dae3;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1" /> + </g> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/close.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/close.svg new file mode 100644 index 0000000..b496683 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/close.svg @@ -0,0 +1,220 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="24" + height="24" + id="svg4306" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="close.svg" + style="enable-background:new"> + <defs + id="defs4308"> + <linearGradient + id="linearGradient3770"> + <stop + style="stop-color:#000000;stop-opacity:0.62827224;" + offset="0" + id="stop3772" /> + <stop + style="stop-color:#000000;stop-opacity:0.49803922;" + offset="1" + id="stop3774" /> + </linearGradient> + <linearGradient + id="linearGradient4882"> + <stop + style="stop-color:#ffffff;stop-opacity:1;" + offset="0" + id="stop4884" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop4886" /> + </linearGradient> + <linearGradient + id="linearGradient3784-6"> + <stop + style="stop-color:#ffffff;stop-opacity:0.21568628;" + offset="0" + id="stop3786-4" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop3788-6" /> + </linearGradient> + <linearGradient + id="linearGradient4892"> + <stop + id="stop4894" + offset="0" + style="stop-color:#2f3a42;stop-opacity:1;" /> + <stop + id="stop4896" + offset="1" + style="stop-color:#1d242a;stop-opacity:1;" /> + </linearGradient> + <linearGradient + id="linearGradient4882-4"> + <stop + id="stop4884-9" + offset="0" + style="stop-color:#728495;stop-opacity:1;" /> + <stop + id="stop4886-9" + offset="1" + style="stop-color:#617c95;stop-opacity:0;" /> + </linearGradient> + </defs> + <sodipodi:namedview + id="base" + pagecolor="#f0f1f2" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="1" + inkscape:pageshadow="2" + inkscape:zoom="11.313709" + inkscape:cx="9.1908305" + inkscape:cy="9.2459508" + inkscape:document-units="px" + inkscape:current-layer="layer1" + showgrid="true" + showguides="true" + inkscape:guide-bbox="true" + inkscape:window-width="1366" + inkscape:window-height="721" + inkscape:window-x="0" + inkscape:window-y="25" + inkscape:window-maximized="1" + inkscape:snap-bbox="true" + inkscape:snap-global="true" + inkscape:snap-bbox-midpoints="false" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid4314" + empspacing="5" + visible="true" + enabled="true" + snapvisiblegridlinesonly="true" /> + <sodipodi:guide + orientation="1,0" + position="12,12" + id="guide4316" /> + <sodipodi:guide + orientation="0,1" + position="12,12" + id="guide4318" /> + </sodipodi:namedview> + <metadata + id="metadata4311"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title /> + </cc:Work> + </rdf:RDF> + </metadata> + <g + inkscape:label="Ebene 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(0,-1028.3622)"> + <g + style="display:inline" + id="titlebutton-close-dark" + inkscape:label="#g6210" + transform="translate(-641.00002,1218)"> + <g + id="g4927-9-2-8" + style="display:inline;opacity:1" + transform="translate(-678,-432.63782)"> + <g + transform="translate(-103,0)" + style="display:inline;opacity:1" + id="g4490-6-5-2-5-3"> + <g + id="g4092-0-2-21-0-9-7" + style="display:inline" + transform="translate(58,0)"> + <circle + r="7" + cy="255" + cx="1376" + style="fill:#e45e65;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4068-7-5-9-6-5-8" /> + </g> + </g> + <g + id="g4778-2-68-8-7" + transform="translate(1323,246.86719)" + style="fill:#ffffff;fill-opacity:1"> + <g + style="display:inline;fill:#ffffff;fill-opacity:1" + id="layer9-9-4-4-1-1" + transform="translate(-60,-518)" /> + <g + id="layer10-2-1-8-0-4" + transform="translate(-60,-518)" + style="fill:#ffffff;fill-opacity:1" /> + <g + id="layer11-16-4-9-6-9" + transform="translate(-60,-518)" + style="fill:#ffffff;fill-opacity:1" /> + <g + transform="matrix(0.75,0,0,0.75,2,2.0546875)" + id="g2996-76-5-96-3" + style="fill:#ffffff;fill-opacity:1"> + <g + transform="translate(-60,-518)" + id="layer12-4-5-7-9-4" + style="fill:#ffffff;fill-opacity:1"> + <g + transform="translate(19,-242)" + id="layer4-4-1-9-5-6-3" + style="display:inline;fill:#ffffff;fill-opacity:1"> + <path + inkscape:connector-curvature="0" + d="m 45,764 1,0 c 0.01037,-1.2e-4 0.02079,-4.6e-4 0.03125,0 0.254951,0.0112 0.50987,0.12858 0.6875,0.3125 L 49,766.59375 51.3125,764.3125 C 51.578125,764.082 51.759172,764.007 52,764 l 1,0 0,1 c 0,0.28647 -0.03434,0.55065 -0.25,0.75 l -2.28125,2.28125 2.25,2.25 C 52.906938,770.46942 52.999992,770.7347 53,771 l 0,1 -1,0 c -0.265301,-10e-6 -0.530586,-0.0931 -0.71875,-0.28125 L 49,769.4375 46.71875,771.71875 C 46.530586,771.90694 46.26529,772 46,772 l -1,0 0,-1 c -3e-6,-0.26529 0.09306,-0.53058 0.28125,-0.71875 l 2.28125,-2.25 L 45.28125,765.75 C 45.070508,765.55537 44.97809,765.28075 45,765 l 0,-1 z" + id="path10839-9-2-2-7-9" + style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;enable-background:new" /> + </g> + </g> + </g> + <g + id="layer13-2-6-11-3-1" + transform="translate(-60,-518)" + style="fill:#ffffff;fill-opacity:1" /> + <g + id="layer14-4-0-33-2-4" + transform="translate(-60,-518)" + style="fill:#ffffff;fill-opacity:1" /> + <g + id="layer15-7-3-0-6-6" + transform="translate(-60,-518)" + style="fill:#ffffff;fill-opacity:1" /> + </g> + </g> + <rect + y="-185.63782" + x="645" + height="16" + width="16" + id="rect17883-39-99-8" + style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /> + </g> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/close_prelight.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/close_prelight.svg new file mode 100644 index 0000000..748830f --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/close_prelight.svg @@ -0,0 +1,220 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="24" + height="24" + id="svg4306" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="close_prelight.svg" + style="enable-background:new"> + <defs + id="defs4308"> + <linearGradient + id="linearGradient3770"> + <stop + style="stop-color:#000000;stop-opacity:0.62827224;" + offset="0" + id="stop3772" /> + <stop + style="stop-color:#000000;stop-opacity:0.49803922;" + offset="1" + id="stop3774" /> + </linearGradient> + <linearGradient + id="linearGradient4882"> + <stop + style="stop-color:#ffffff;stop-opacity:1;" + offset="0" + id="stop4884" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop4886" /> + </linearGradient> + <linearGradient + id="linearGradient3784-6"> + <stop + style="stop-color:#ffffff;stop-opacity:0.21568628;" + offset="0" + id="stop3786-4" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop3788-6" /> + </linearGradient> + <linearGradient + id="linearGradient4892"> + <stop + id="stop4894" + offset="0" + style="stop-color:#2f3a42;stop-opacity:1;" /> + <stop + id="stop4896" + offset="1" + style="stop-color:#1d242a;stop-opacity:1;" /> + </linearGradient> + <linearGradient + id="linearGradient4882-4"> + <stop + id="stop4884-9" + offset="0" + style="stop-color:#728495;stop-opacity:1;" /> + <stop + id="stop4886-9" + offset="1" + style="stop-color:#617c95;stop-opacity:0;" /> + </linearGradient> + </defs> + <sodipodi:namedview + id="base" + pagecolor="#f0f1f2" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="1" + inkscape:pageshadow="2" + inkscape:zoom="11.313709" + inkscape:cx="9.1908305" + inkscape:cy="9.2459508" + inkscape:document-units="px" + inkscape:current-layer="layer1" + showgrid="true" + showguides="true" + inkscape:guide-bbox="true" + inkscape:window-width="1366" + inkscape:window-height="721" + inkscape:window-x="0" + inkscape:window-y="25" + inkscape:window-maximized="1" + inkscape:snap-bbox="true" + inkscape:snap-global="true" + inkscape:snap-bbox-midpoints="false" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid4314" + empspacing="5" + visible="true" + enabled="true" + snapvisiblegridlinesonly="true" /> + <sodipodi:guide + orientation="1,0" + position="12,12" + id="guide4316" /> + <sodipodi:guide + orientation="0,1" + position="12,12" + id="guide4318" /> + </sodipodi:namedview> + <metadata + id="metadata4311"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <g + inkscape:label="Ebene 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(0,-1028.3622)"> + <g + style="display:inline" + id="titlebutton-close-hover-dark" + inkscape:label="#g6260" + transform="translate(-538,1218)"> + <g + id="g4927-97-4" + style="display:inline;opacity:1" + transform="translate(-781,-432.63782)"> + <g + transform="translate(-103,0)" + style="display:inline;opacity:1" + id="g4490-6-9-1-3"> + <g + id="g4092-0-2-3-4-6" + style="display:inline" + transform="translate(58,0)"> + <circle + r="7" + cy="255" + cx="1376" + style="fill:#f48085;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4068-7-5-8-2-3" /> + </g> + </g> + <g + id="g4778-4-0-2" + transform="translate(1323,246.86719)" + style="fill:#ffffff;fill-opacity:1"> + <g + style="display:inline;fill:#ffffff;fill-opacity:1" + id="layer9-9-44-1-6" + transform="translate(-60,-518)" /> + <g + id="layer10-2-9-3-3" + transform="translate(-60,-518)" + style="fill:#ffffff;fill-opacity:1" /> + <g + id="layer11-16-3-1-7" + transform="translate(-60,-518)" + style="fill:#ffffff;fill-opacity:1" /> + <g + transform="matrix(0.75,0,0,0.75,2,2.0546875)" + id="g2996-9-3-3" + style="fill:#ffffff;fill-opacity:1"> + <g + transform="translate(-60,-518)" + id="layer12-4-7-1-2" + style="fill:#ffffff;fill-opacity:1"> + <g + transform="translate(19,-242)" + id="layer4-4-1-3-3-7" + style="display:inline;fill:#ffffff;fill-opacity:1"> + <path + inkscape:connector-curvature="0" + d="m 45,764 1,0 c 0.01037,-1.2e-4 0.02079,-4.6e-4 0.03125,0 0.254951,0.0112 0.50987,0.12858 0.6875,0.3125 L 49,766.59375 51.3125,764.3125 C 51.578125,764.082 51.759172,764.007 52,764 l 1,0 0,1 c 0,0.28647 -0.03434,0.55065 -0.25,0.75 l -2.28125,2.28125 2.25,2.25 C 52.906938,770.46942 52.999992,770.7347 53,771 l 0,1 -1,0 c -0.265301,-10e-6 -0.530586,-0.0931 -0.71875,-0.28125 L 49,769.4375 46.71875,771.71875 C 46.530586,771.90694 46.26529,772 46,772 l -1,0 0,-1 c -3e-6,-0.26529 0.09306,-0.53058 0.28125,-0.71875 l 2.28125,-2.25 L 45.28125,765.75 C 45.070508,765.55537 44.97809,765.28075 45,765 l 0,-1 z" + id="path10839-9-5-0-4" + style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;enable-background:new" /> + </g> + </g> + </g> + <g + id="layer13-2-02-1-6" + transform="translate(-60,-518)" + style="fill:#ffffff;fill-opacity:1" /> + <g + id="layer14-4-7-9-6" + transform="translate(-60,-518)" + style="fill:#ffffff;fill-opacity:1" /> + <g + id="layer15-7-4-7-9" + transform="translate(-60,-518)" + style="fill:#ffffff;fill-opacity:1" /> + </g> + </g> + <rect + y="-185.63782" + x="542" + height="16" + width="16" + id="rect17883-5-4-2" + style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /> + </g> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/close_pressed.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/close_pressed.svg new file mode 100644 index 0000000..1a7cdfd --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/close_pressed.svg @@ -0,0 +1,220 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="24" + height="24" + id="svg4306" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="close_pressed.svg" + style="enable-background:new"> + <defs + id="defs4308"> + <linearGradient + id="linearGradient3770"> + <stop + style="stop-color:#000000;stop-opacity:0.62827224;" + offset="0" + id="stop3772" /> + <stop + style="stop-color:#000000;stop-opacity:0.49803922;" + offset="1" + id="stop3774" /> + </linearGradient> + <linearGradient + id="linearGradient4882"> + <stop + style="stop-color:#ffffff;stop-opacity:1;" + offset="0" + id="stop4884" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop4886" /> + </linearGradient> + <linearGradient + id="linearGradient3784-6"> + <stop + style="stop-color:#ffffff;stop-opacity:0.21568628;" + offset="0" + id="stop3786-4" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop3788-6" /> + </linearGradient> + <linearGradient + id="linearGradient4892"> + <stop + id="stop4894" + offset="0" + style="stop-color:#2f3a42;stop-opacity:1;" /> + <stop + id="stop4896" + offset="1" + style="stop-color:#1d242a;stop-opacity:1;" /> + </linearGradient> + <linearGradient + id="linearGradient4882-4"> + <stop + id="stop4884-9" + offset="0" + style="stop-color:#728495;stop-opacity:1;" /> + <stop + id="stop4886-9" + offset="1" + style="stop-color:#617c95;stop-opacity:0;" /> + </linearGradient> + </defs> + <sodipodi:namedview + id="base" + pagecolor="#f0f1f2" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="1" + inkscape:pageshadow="2" + inkscape:zoom="11.313709" + inkscape:cx="9.1908305" + inkscape:cy="9.2459508" + inkscape:document-units="px" + inkscape:current-layer="layer1" + showgrid="true" + showguides="true" + inkscape:guide-bbox="true" + inkscape:window-width="1366" + inkscape:window-height="721" + inkscape:window-x="0" + inkscape:window-y="25" + inkscape:window-maximized="1" + inkscape:snap-bbox="true" + inkscape:snap-global="true" + inkscape:snap-bbox-midpoints="false" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid4314" + empspacing="5" + visible="true" + enabled="true" + snapvisiblegridlinesonly="true" /> + <sodipodi:guide + orientation="1,0" + position="12,12" + id="guide4316" /> + <sodipodi:guide + orientation="0,1" + position="12,12" + id="guide4318" /> + </sodipodi:namedview> + <metadata + id="metadata4311"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <g + inkscape:label="Ebene 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(0,-1028.3622)"> + <g + style="display:inline" + id="titlebutton-close-active-dark" + inkscape:label="#g6332" + transform="translate(-437,1218)"> + <g + id="g4927-8-7-4-9" + style="display:inline;opacity:1" + transform="translate(-882,-432.63782)"> + <g + transform="translate(-103,0)" + style="display:inline;opacity:1" + id="g4490-6-3-7-46-6"> + <g + id="g4092-0-2-2-1-7-2" + style="display:inline" + transform="translate(58,0)"> + <circle + r="7" + cy="255" + cx="1376" + style="fill:#e6262f;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4068-7-5-4-9-7-6" /> + </g> + </g> + <g + id="g4778-3-6-0-5" + transform="translate(1323,246.86719)" + style="fill:#ffffff;fill-opacity:1"> + <g + style="display:inline;fill:#ffffff;fill-opacity:1" + id="layer9-9-6-0-90-6" + transform="translate(-60,-518)" /> + <g + id="layer10-2-3-6-6-1" + transform="translate(-60,-518)" + style="fill:#ffffff;fill-opacity:1" /> + <g + id="layer11-16-2-2-6-9" + transform="translate(-60,-518)" + style="fill:#ffffff;fill-opacity:1" /> + <g + transform="matrix(0.75,0,0,0.75,2,2.0546875)" + id="g2996-7-0-2-0" + style="fill:#ffffff;fill-opacity:1"> + <g + transform="translate(-60,-518)" + id="layer12-4-6-3-5-2" + style="fill:#ffffff;fill-opacity:1"> + <g + transform="translate(19,-242)" + id="layer4-4-1-4-1-7-0" + style="display:inline;fill:#ffffff;fill-opacity:1"> + <path + inkscape:connector-curvature="0" + d="m 45,764 1,0 c 0.01037,-1.2e-4 0.02079,-4.6e-4 0.03125,0 0.254951,0.0112 0.50987,0.12858 0.6875,0.3125 L 49,766.59375 51.3125,764.3125 C 51.578125,764.082 51.759172,764.007 52,764 l 1,0 0,1 c 0,0.28647 -0.03434,0.55065 -0.25,0.75 l -2.28125,2.28125 2.25,2.25 C 52.906938,770.46942 52.999992,770.7347 53,771 l 0,1 -1,0 c -0.265301,-10e-6 -0.530586,-0.0931 -0.71875,-0.28125 L 49,769.4375 46.71875,771.71875 C 46.530586,771.90694 46.26529,772 46,772 l -1,0 0,-1 c -3e-6,-0.26529 0.09306,-0.53058 0.28125,-0.71875 l 2.28125,-2.25 L 45.28125,765.75 C 45.070508,765.55537 44.97809,765.28075 45,765 l 0,-1 z" + id="path10839-9-8-7-6-8" + style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;enable-background:new" /> + </g> + </g> + </g> + <g + id="layer13-2-0-2-8-3" + transform="translate(-60,-518)" + style="fill:#ffffff;fill-opacity:1" /> + <g + id="layer14-4-4-0-5-8" + transform="translate(-60,-518)" + style="fill:#ffffff;fill-opacity:1" /> + <g + id="layer15-7-5-0-0-9" + transform="translate(-60,-518)" + style="fill:#ffffff;fill-opacity:1" /> + </g> + </g> + <rect + y="-185.63782" + x="441" + height="16" + width="16" + id="rect17883-02-4-3" + style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /> + </g> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/maximize.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/maximize.svg new file mode 100644 index 0000000..057ecc7 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/maximize.svg @@ -0,0 +1,182 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="24" + height="24" + id="svg4306" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="maximize.svg" + style="enable-background:new"> + <defs + id="defs4308"> + <linearGradient + id="linearGradient3770"> + <stop + style="stop-color:#000000;stop-opacity:0.62827224;" + offset="0" + id="stop3772" /> + <stop + style="stop-color:#000000;stop-opacity:0.49803922;" + offset="1" + id="stop3774" /> + </linearGradient> + <linearGradient + id="linearGradient4882"> + <stop + style="stop-color:#ffffff;stop-opacity:1;" + offset="0" + id="stop4884" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop4886" /> + </linearGradient> + <linearGradient + id="linearGradient3784-6"> + <stop + style="stop-color:#ffffff;stop-opacity:0.21568628;" + offset="0" + id="stop3786-4" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop3788-6" /> + </linearGradient> + <linearGradient + id="linearGradient4892"> + <stop + id="stop4894" + offset="0" + style="stop-color:#2f3a42;stop-opacity:1;" /> + <stop + id="stop4896" + offset="1" + style="stop-color:#1d242a;stop-opacity:1;" /> + </linearGradient> + <linearGradient + id="linearGradient4882-4"> + <stop + id="stop4884-9" + offset="0" + style="stop-color:#728495;stop-opacity:1;" /> + <stop + id="stop4886-9" + offset="1" + style="stop-color:#617c95;stop-opacity:0;" /> + </linearGradient> + </defs> + <sodipodi:namedview + id="base" + pagecolor="#f0f1f2" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="1" + inkscape:pageshadow="2" + inkscape:zoom="11.313709" + inkscape:cx="9.1889683" + inkscape:cy="9.2440344" + inkscape:document-units="px" + inkscape:current-layer="layer1" + showgrid="true" + showguides="true" + inkscape:guide-bbox="true" + inkscape:window-width="1366" + inkscape:window-height="721" + inkscape:window-x="0" + inkscape:window-y="25" + inkscape:window-maximized="1" + inkscape:snap-bbox="true" + inkscape:snap-global="true" + inkscape:snap-bbox-midpoints="false" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid4314" + empspacing="5" + visible="true" + enabled="true" + snapvisiblegridlinesonly="true" /> + <sodipodi:guide + orientation="1,0" + position="12,12" + id="guide4316" /> + <sodipodi:guide + orientation="0,1" + position="12,12" + id="guide4318" /> + </sodipodi:namedview> + <metadata + id="metadata4311"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <g + inkscape:label="Ebene 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(0,-1028.3622)"> + <g + style="display:inline" + id="titlebutton-max-dark" + inkscape:label="#g6234" + transform="translate(-612,1218)"> + <ellipse + cy="-177.63782" + cx="624" + style="display:inline;opacity:0.85;fill:#262a30;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4068-7-5-9-6-7-2-6-0-6" + rx="6" + ry="6.0000005" /> + <path + style="display:inline;opacity:0.95;fill:#181b1f;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 624,-184.63782 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,1 a 6,6 0 0 1 6,6 6,6 0 0 1 -6,6 6,6 0 0 1 -6,-6 6,6 0 0 1 6,-6 z" + id="path4068-7-5-9-6-7-2-5-2-0-6" + inkscape:connector-curvature="0" /> + <g + id="g7146-16-4" + style="display:inline;opacity:1" + transform="translate(-781,-432.63782)"> + <g + transform="translate(-29,0)" + style="display:inline;opacity:1" + id="g4490-2-96-8-9"> + <g + id="g4092-0-6-83-7-4" + style="display:inline" + transform="translate(58,0)" /> + </g> + <path + id="path4293-5-95-1-7" + style="display:inline;opacity:0.8;fill:#afb8c5;fill-opacity:1;fill-rule:evenodd;stroke:none" + d="m 1403.7995,252 3.3818,0 c 0.4503,0 0.8162,0.36847 0.8187,0.8188 l 0,3.3817 z m 2.4074,6.00692 -3.395,0 c -0.4504,0 -0.8188,-0.36842 -0.8188,-0.81875 l 0,-3.39509 4.2138,4.21384" + inkscape:connector-curvature="0" + sodipodi:nodetypes="csscccsscc" /> + </g> + <rect + y="-185.63782" + x="616" + height="16" + width="16" + id="rect17883-29-2-2" + style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /> + </g> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/maximize_prelight.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/maximize_prelight.svg new file mode 100644 index 0000000..6a420b9 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/maximize_prelight.svg @@ -0,0 +1,224 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="24" + height="24" + id="svg4306" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="maximize_prelight.svg" + style="enable-background:new"> + <defs + id="defs4308"> + <linearGradient + id="linearGradient3770"> + <stop + style="stop-color:#000000;stop-opacity:0.62827224;" + offset="0" + id="stop3772" /> + <stop + style="stop-color:#000000;stop-opacity:0.49803922;" + offset="1" + id="stop3774" /> + </linearGradient> + <linearGradient + id="linearGradient4882"> + <stop + style="stop-color:#ffffff;stop-opacity:1;" + offset="0" + id="stop4884" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop4886" /> + </linearGradient> + <linearGradient + id="linearGradient3784-6"> + <stop + style="stop-color:#ffffff;stop-opacity:0.21568628;" + offset="0" + id="stop3786-4" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop3788-6" /> + </linearGradient> + <linearGradient + id="linearGradient4892"> + <stop + id="stop4894" + offset="0" + style="stop-color:#2f3a42;stop-opacity:1;" /> + <stop + id="stop4896" + offset="1" + style="stop-color:#1d242a;stop-opacity:1;" /> + </linearGradient> + <linearGradient + id="linearGradient4882-4"> + <stop + id="stop4884-9" + offset="0" + style="stop-color:#728495;stop-opacity:1;" /> + <stop + id="stop4886-9" + offset="1" + style="stop-color:#617c95;stop-opacity:0;" /> + </linearGradient> + </defs> + <sodipodi:namedview + id="base" + pagecolor="#f0f1f2" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="1" + inkscape:pageshadow="2" + inkscape:zoom="11.313709" + inkscape:cx="9.1889683" + inkscape:cy="9.2440344" + inkscape:document-units="px" + inkscape:current-layer="layer1" + showgrid="true" + showguides="true" + inkscape:guide-bbox="true" + inkscape:window-width="1366" + inkscape:window-height="721" + inkscape:window-x="0" + inkscape:window-y="25" + inkscape:window-maximized="1" + inkscape:snap-bbox="true" + inkscape:snap-global="true" + inkscape:snap-bbox-midpoints="false" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid4314" + empspacing="5" + visible="true" + enabled="true" + snapvisiblegridlinesonly="true" /> + <sodipodi:guide + orientation="1,0" + position="12,12" + id="guide4316" /> + <sodipodi:guide + orientation="0,1" + position="12,12" + id="guide4318" /> + </sodipodi:namedview> + <metadata + id="metadata4311"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <g + inkscape:label="Ebene 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(0,-1028.3622)"> + <g + style="display:inline" + id="titlebutton-max-hover-dark" + inkscape:label="#g6284" + transform="translate(-509,1218)"> + <g + id="g4891-5-8" + style="display:inline;opacity:1" + transform="translate(-781,-432.63782)"> + <ellipse + cy="255" + cx="1302" + style="display:inline;opacity:0.9;fill:#262a30;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4068-7-5-9-6-7-2-4-6-6" + rx="6" + ry="6.0000005" /> + <path + style="display:inline;opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 1302,248 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,1 a 6,6 0 0 1 6,6 6,6 0 0 1 -6,6 6,6 0 0 1 -6,-6 6,6 0 0 1 6,-6 z" + id="path4068-7-5-9-6-7-2-5-78-2-6" + inkscape:connector-curvature="0" /> + <g + id="g4806-9-0-6" + transform="translate(1294,247)" + style="fill:#c0e3ff;fill-opacity:1"> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="status" + id="layer9-78-7-6-6" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="devices" + id="layer10-3-3-2-7" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="apps" + id="layer11-19-75-1-2" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="places" + id="layer13-4-9-2-3" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="mimetypes" + id="layer14-8-5-0-4" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="emblems" + id="layer15-5-8-0-4" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="emotes" + id="g71291-1-7-5-9" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="categories" + id="g4953-7-1-4-1" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="actions" + id="layer12-3-0-0-6"> + <path + sodipodi:nodetypes="csscccsscc" + inkscape:connector-curvature="0" + d="m 87.799705,972 3.381737,0 c 0.450297,0 0.816227,0.36847 0.818758,0.8188 l 0,3.3817 z m 2.407413,6.00692 -3.395078,0 c -0.450346,0 -0.818758,-0.36842 -0.818758,-0.81875 l 0,-3.39509 4.213836,4.21384" + style="opacity:1;fill:#afb8c5;fill-opacity:1;fill-rule:evenodd;stroke:none" + id="path4293-6-7-1" /> + </g> + </g> + </g> + <rect + y="-185.63782" + x="513" + height="16" + width="16" + id="rect17883-0-1-5" + style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /> + </g> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/maximize_pressed.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/maximize_pressed.svg new file mode 100644 index 0000000..326ae8d --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/maximize_pressed.svg @@ -0,0 +1,228 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="24" + height="24" + id="svg4306" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="maximize_pressed.svg" + style="enable-background:new"> + <defs + id="defs4308"> + <linearGradient + id="linearGradient3770"> + <stop + style="stop-color:#000000;stop-opacity:0.62827224;" + offset="0" + id="stop3772" /> + <stop + style="stop-color:#000000;stop-opacity:0.49803922;" + offset="1" + id="stop3774" /> + </linearGradient> + <linearGradient + id="linearGradient4882"> + <stop + style="stop-color:#ffffff;stop-opacity:1;" + offset="0" + id="stop4884" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop4886" /> + </linearGradient> + <linearGradient + id="linearGradient3784-6"> + <stop + style="stop-color:#ffffff;stop-opacity:0.21568628;" + offset="0" + id="stop3786-4" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop3788-6" /> + </linearGradient> + <linearGradient + id="linearGradient4892"> + <stop + id="stop4894" + offset="0" + style="stop-color:#2f3a42;stop-opacity:1;" /> + <stop + id="stop4896" + offset="1" + style="stop-color:#1d242a;stop-opacity:1;" /> + </linearGradient> + <linearGradient + id="linearGradient4882-4"> + <stop + id="stop4884-9" + offset="0" + style="stop-color:#728495;stop-opacity:1;" /> + <stop + id="stop4886-9" + offset="1" + style="stop-color:#617c95;stop-opacity:0;" /> + </linearGradient> + </defs> + <sodipodi:namedview + id="base" + pagecolor="#f0f1f2" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="1" + inkscape:pageshadow="2" + inkscape:zoom="11.313709" + inkscape:cx="9.1889683" + inkscape:cy="9.2440344" + inkscape:document-units="px" + inkscape:current-layer="layer1" + showgrid="true" + showguides="true" + inkscape:guide-bbox="true" + inkscape:window-width="1366" + inkscape:window-height="721" + inkscape:window-x="0" + inkscape:window-y="25" + inkscape:window-maximized="1" + inkscape:snap-bbox="true" + inkscape:snap-global="true" + inkscape:snap-bbox-midpoints="false" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid4314" + empspacing="5" + visible="true" + enabled="true" + snapvisiblegridlinesonly="true" /> + <sodipodi:guide + orientation="1,0" + position="12,12" + id="guide4316" /> + <sodipodi:guide + orientation="0,1" + position="12,12" + id="guide4318" /> + </sodipodi:namedview> + <metadata + id="metadata4311"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <g + inkscape:label="Ebene 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(0,-1028.3622)"> + <g + style="display:inline" + id="titlebutton-max-active-dark" + inkscape:label="#g6356" + transform="translate(-408,1218)"> + <g + id="g4891-4-5-5" + style="display:inline;opacity:1" + transform="translate(-882,-432.63782)"> + <g + transform="translate(-132,0)" + style="display:inline;opacity:1" + id="g4490-2-9-1-2-4-8"> + <g + id="g4092-0-6-3-6-8-3-7" + style="display:inline" + transform="translate(58,0)"> + <circle + r="7" + cy="255" + cx="1376" + style="fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4068-7-6-5-1-6-6-0" /> + </g> + </g> + <g + id="g4806-5-2-2-9" + transform="translate(1294,247)" + style="fill:#c0e3ff;fill-opacity:1"> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="status" + id="layer9-78-2-0-0-8" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="devices" + id="layer10-3-9-9-51-2" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="apps" + id="layer11-19-7-6-4-7" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="places" + id="layer13-4-7-4-0-9" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="mimetypes" + id="layer14-8-9-7-6-0" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="emblems" + id="layer15-5-4-2-4-4" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="emotes" + id="g71291-1-4-6-4-2" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="categories" + id="g4953-7-0-8-22-2" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="actions" + id="layer12-3-7-2-3-1"> + <path + sodipodi:nodetypes="csscccsscc" + inkscape:connector-curvature="0" + d="m 87.799705,972 3.381737,0 c 0.450297,0 0.816227,0.36847 0.818758,0.8188 l 0,3.3817 z m 2.407413,6.00692 -3.395078,0 c -0.450346,0 -0.818758,-0.36842 -0.818758,-0.81875 l 0,-3.39509 4.213836,4.21384" + style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none" + id="path4293-4-9-0-2" /> + </g> + </g> + </g> + <rect + y="-185.63782" + x="412" + height="16" + width="16" + id="rect17883-79-3-0" + style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /> + </g> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/minimize.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/minimize.svg new file mode 100644 index 0000000..45ae2cb --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/minimize.svg @@ -0,0 +1,182 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="24" + height="24" + id="svg4306" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="minimize.svg" + style="enable-background:new"> + <defs + id="defs4308"> + <linearGradient + id="linearGradient3770"> + <stop + style="stop-color:#000000;stop-opacity:0.62827224;" + offset="0" + id="stop3772" /> + <stop + style="stop-color:#000000;stop-opacity:0.49803922;" + offset="1" + id="stop3774" /> + </linearGradient> + <linearGradient + id="linearGradient4882"> + <stop + style="stop-color:#ffffff;stop-opacity:1;" + offset="0" + id="stop4884" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop4886" /> + </linearGradient> + <linearGradient + id="linearGradient3784-6"> + <stop + style="stop-color:#ffffff;stop-opacity:0.21568628;" + offset="0" + id="stop3786-4" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop3788-6" /> + </linearGradient> + <linearGradient + id="linearGradient4892"> + <stop + id="stop4894" + offset="0" + style="stop-color:#2f3a42;stop-opacity:1;" /> + <stop + id="stop4896" + offset="1" + style="stop-color:#1d242a;stop-opacity:1;" /> + </linearGradient> + <linearGradient + id="linearGradient4882-4"> + <stop + id="stop4884-9" + offset="0" + style="stop-color:#728495;stop-opacity:1;" /> + <stop + id="stop4886-9" + offset="1" + style="stop-color:#617c95;stop-opacity:0;" /> + </linearGradient> + </defs> + <sodipodi:namedview + id="base" + pagecolor="#f0f1f2" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="1" + inkscape:pageshadow="2" + inkscape:zoom="11.313709" + inkscape:cx="9.1889683" + inkscape:cy="9.2440344" + inkscape:document-units="px" + inkscape:current-layer="layer1" + showgrid="true" + showguides="true" + inkscape:guide-bbox="true" + inkscape:window-width="1366" + inkscape:window-height="721" + inkscape:window-x="0" + inkscape:window-y="25" + inkscape:window-maximized="1" + inkscape:snap-bbox="true" + inkscape:snap-global="true" + inkscape:snap-bbox-midpoints="false" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid4314" + empspacing="5" + visible="true" + enabled="true" + snapvisiblegridlinesonly="true" /> + <sodipodi:guide + orientation="1,0" + position="12,12" + id="guide4316" /> + <sodipodi:guide + orientation="0,1" + position="12,12" + id="guide4318" /> + </sodipodi:namedview> + <metadata + id="metadata4311"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <g + inkscape:label="Ebene 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(0,-1028.3622)"> + <g + style="display:inline" + id="titlebutton-min-dark" + inkscape:label="#g6247" + transform="translate(-583.00002,1218)"> + <ellipse + cy="-177.63782" + cx="595" + style="display:inline;opacity:0.85;fill:#262a30;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4068-7-5-9-6-7-2-47-2" + rx="6" + ry="6.0000005" /> + <g + id="g7138-6-5" + style="display:inline;opacity:1" + transform="translate(-781,-432.63782)"> + <g + transform="translate(-58,0)" + style="display:inline;opacity:1" + id="g4490-3-75-4-7"> + <g + id="g4092-0-7-0-4-9" + style="display:inline" + transform="translate(58,0)" /> + </g> + <path + inkscape:connector-curvature="0" + d="m 1373,254 0,2 6,0 0,-2 z" + id="rect9057-4-3-8-5" + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:0.8;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + sodipodi:nodetypes="ccccc" /> + </g> + <rect + y="-185.63782" + x="587" + height="16" + width="16" + id="rect17883-32-6-9" + style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /> + <path + style="display:inline;opacity:0.95;fill:#181b1f;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 595,-184.63782 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,1 a 6,6 0 0 1 6,6 6,6 0 0 1 -6,6 6,6 0 0 1 -6,-6 6,6 0 0 1 6,-6 z" + id="path4068-7-5-9-6-7-2-5-3-9" + inkscape:connector-curvature="0" /> + </g> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/minimize_prelight.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/minimize_prelight.svg new file mode 100644 index 0000000..5c12c91 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/minimize_prelight.svg @@ -0,0 +1,224 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="24" + height="24" + id="svg4306" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="minimize_focused_prelight.svg" + style="enable-background:new"> + <defs + id="defs4308"> + <linearGradient + id="linearGradient3770"> + <stop + style="stop-color:#000000;stop-opacity:0.62827224;" + offset="0" + id="stop3772" /> + <stop + style="stop-color:#000000;stop-opacity:0.49803922;" + offset="1" + id="stop3774" /> + </linearGradient> + <linearGradient + id="linearGradient4882"> + <stop + style="stop-color:#ffffff;stop-opacity:1;" + offset="0" + id="stop4884" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop4886" /> + </linearGradient> + <linearGradient + id="linearGradient3784-6"> + <stop + style="stop-color:#ffffff;stop-opacity:0.21568628;" + offset="0" + id="stop3786-4" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop3788-6" /> + </linearGradient> + <linearGradient + id="linearGradient4892"> + <stop + id="stop4894" + offset="0" + style="stop-color:#2f3a42;stop-opacity:1;" /> + <stop + id="stop4896" + offset="1" + style="stop-color:#1d242a;stop-opacity:1;" /> + </linearGradient> + <linearGradient + id="linearGradient4882-4"> + <stop + id="stop4884-9" + offset="0" + style="stop-color:#728495;stop-opacity:1;" /> + <stop + id="stop4886-9" + offset="1" + style="stop-color:#617c95;stop-opacity:0;" /> + </linearGradient> + </defs> + <sodipodi:namedview + id="base" + pagecolor="#f0f1f2" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="1" + inkscape:pageshadow="2" + inkscape:zoom="11.313709" + inkscape:cx="9.1889683" + inkscape:cy="9.2440344" + inkscape:document-units="px" + inkscape:current-layer="layer1" + showgrid="true" + showguides="true" + inkscape:guide-bbox="true" + inkscape:window-width="1366" + inkscape:window-height="721" + inkscape:window-x="0" + inkscape:window-y="25" + inkscape:window-maximized="1" + inkscape:snap-bbox="true" + inkscape:snap-global="true" + inkscape:snap-bbox-midpoints="false" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid4314" + empspacing="5" + visible="true" + enabled="true" + snapvisiblegridlinesonly="true" /> + <sodipodi:guide + orientation="1,0" + position="12,12" + id="guide4316" /> + <sodipodi:guide + orientation="0,1" + position="12,12" + id="guide4318" /> + </sodipodi:namedview> + <metadata + id="metadata4311"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <g + inkscape:label="Ebene 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(0,-1028.3622)"> + <g + style="display:inline" + id="titlebutton-min-hover-dark" + inkscape:label="#g6308" + transform="translate(-480,1218)"> + <g + id="g4909-3-7" + style="display:inline;opacity:1" + transform="translate(-781,-432.63782)"> + <ellipse + cy="255" + cx="1273" + style="display:inline;opacity:0.9;fill:#262a30;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4068-7-5-9-6-7-2-1-6-1" + rx="6" + ry="6.0000005" /> + <path + style="display:inline;opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 1273,248 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,1 a 6,6 0 0 1 6,6 6,6 0 0 1 -6,6 6,6 0 0 1 -6,-6 6,6 0 0 1 6,-6 z" + id="path4068-7-5-9-6-7-2-5-23-4-3" + inkscape:connector-curvature="0" /> + <g + style="display:inline;opacity:1;fill:#c0e3ff;fill-opacity:1" + id="g4834-0-4-5" + transform="translate(1265,247)"> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="status" + id="layer9-3-4-15-6" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="devices" + id="layer10-4-1-8-3" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="apps" + id="layer11-2-6-4-9" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="places" + id="layer13-5-4-8-0" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="mimetypes" + id="layer14-6-0-8-2" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="emblems" + id="layer15-52-1-7-5" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="emotes" + id="g71291-3-9-9-9" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="categories" + id="g4953-8-2-7-8" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="actions" + id="layer12-45-6-2-7"> + <path + sodipodi:nodetypes="ccccc" + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + id="rect9057-8-2-3" + d="m 86.0002,974 0,2 6,0 0,-2 z" + inkscape:connector-curvature="0" /> + </g> + </g> + </g> + <rect + y="-185.63782" + x="484" + height="16" + width="16" + id="rect17883-11-4-0" + style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /> + </g> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/minimize_pressed.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/minimize_pressed.svg new file mode 100644 index 0000000..be0af55 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/minimize_pressed.svg @@ -0,0 +1,228 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="24" + height="24" + id="svg4306" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="minimize_focused_pressed.svg" + style="enable-background:new"> + <defs + id="defs4308"> + <linearGradient + id="linearGradient3770"> + <stop + style="stop-color:#000000;stop-opacity:0.62827224;" + offset="0" + id="stop3772" /> + <stop + style="stop-color:#000000;stop-opacity:0.49803922;" + offset="1" + id="stop3774" /> + </linearGradient> + <linearGradient + id="linearGradient4882"> + <stop + style="stop-color:#ffffff;stop-opacity:1;" + offset="0" + id="stop4884" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop4886" /> + </linearGradient> + <linearGradient + id="linearGradient3784-6"> + <stop + style="stop-color:#ffffff;stop-opacity:0.21568628;" + offset="0" + id="stop3786-4" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop3788-6" /> + </linearGradient> + <linearGradient + id="linearGradient4892"> + <stop + id="stop4894" + offset="0" + style="stop-color:#2f3a42;stop-opacity:1;" /> + <stop + id="stop4896" + offset="1" + style="stop-color:#1d242a;stop-opacity:1;" /> + </linearGradient> + <linearGradient + id="linearGradient4882-4"> + <stop + id="stop4884-9" + offset="0" + style="stop-color:#728495;stop-opacity:1;" /> + <stop + id="stop4886-9" + offset="1" + style="stop-color:#617c95;stop-opacity:0;" /> + </linearGradient> + </defs> + <sodipodi:namedview + id="base" + pagecolor="#f0f1f2" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="1" + inkscape:pageshadow="2" + inkscape:zoom="11.313709" + inkscape:cx="9.1889683" + inkscape:cy="9.2440344" + inkscape:document-units="px" + inkscape:current-layer="layer1" + showgrid="true" + showguides="true" + inkscape:guide-bbox="true" + inkscape:window-width="1366" + inkscape:window-height="721" + inkscape:window-x="0" + inkscape:window-y="25" + inkscape:window-maximized="1" + inkscape:snap-bbox="true" + inkscape:snap-global="true" + inkscape:snap-bbox-midpoints="false" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid4314" + empspacing="5" + visible="true" + enabled="true" + snapvisiblegridlinesonly="true" /> + <sodipodi:guide + orientation="1,0" + position="12,12" + id="guide4316" /> + <sodipodi:guide + orientation="0,1" + position="12,12" + id="guide4318" /> + </sodipodi:namedview> + <metadata + id="metadata4311"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <g + inkscape:label="Ebene 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(0,-1028.3622)"> + <g + style="display:inline" + id="titlebutton-min-active-dark" + inkscape:label="#g6414" + transform="translate(-379,1218)"> + <g + id="g4909-1-2-0" + style="display:inline;opacity:1" + transform="translate(-882,-432.63782)"> + <g + transform="translate(-161,0)" + style="display:inline;opacity:1" + id="g4490-3-6-1-4-1-6"> + <g + id="g4092-0-7-2-0-0-94-2" + style="display:inline" + transform="translate(58,0)"> + <circle + r="7" + cy="255" + cx="1376" + style="fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4068-7-3-0-3-6-8-3" /> + </g> + </g> + <g + style="display:inline;opacity:1;fill:#c0e3ff;fill-opacity:1" + id="g4834-9-3-8-5" + transform="translate(1265,247)"> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="status" + id="layer9-3-9-1-0-4" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="devices" + id="layer10-4-0-5-8-5" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="apps" + id="layer11-2-5-2-6-8" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="places" + id="layer13-5-7-4-2-5" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="mimetypes" + id="layer14-6-2-3-2-9" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="emblems" + id="layer15-52-0-6-6-6" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="emotes" + id="g71291-3-4-6-0-6" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="categories" + id="g4953-8-6-8-7-4" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="actions" + id="layer12-45-3-7-96-7"> + <path + sodipodi:nodetypes="ccccc" + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + id="rect9057-3-5-1-1" + d="m 86.0002,974 0,2 6,0 0,-2 z" + inkscape:connector-curvature="0" /> + </g> + </g> + </g> + <rect + style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" + id="rect17883-79-9-2-2" + width="16" + height="16" + x="383" + y="-185.63782" /> + </g> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-end-hover.svg b/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-end-hover.svg new file mode 100644 index 0000000..38f87d1 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-end-hover.svg @@ -0,0 +1,89 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="30" + height="31" + id="svg2" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="tab-end-hover.svg"> + <metadata + id="metadata18"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title /> + </cc:Work> + </rdf:RDF> + </metadata> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1920" + inkscape:window-height="1052" + id="namedview16" + showgrid="true" + inkscape:zoom="7.6129032" + inkscape:cx="-33.477659" + inkscape:cy="-1.6586208" + inkscape:window-x="0" + inkscape:window-y="23" + inkscape:window-maximized="1" + inkscape:current-layer="svg2" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid3911" /> + </sodipodi:namedview> + <defs + id="defs4" /> + <g + id="g4136" + style="opacity:0.6"> + <rect + rx="0.5" + ry="0.5" + y="2" + x="-27.999998" + height="34" + width="44" + id="rect3837" + style="fill:#f5f6f7;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981;opacity:0.25" /> + <rect + ry="1" + y="1.5" + x="-28.5" + height="35" + width="45" + id="rect3837-9" + style="fill:none;fill-opacity:1;stroke:#1f2226;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + rx="1" /> + <rect + ry="1.3877788e-16" + rx="1.3877788e-16" + y="30" + x="16" + height="1" + width="1" + id="rect4135" + style="opacity:1;fill:#f5f6f7;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-end.svg b/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-end.svg new file mode 100644 index 0000000..52289a9 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-end.svg @@ -0,0 +1,85 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="30" + height="31" + id="svg2" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="tab-end.svg"> + <metadata + id="metadata18"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title /> + </cc:Work> + </rdf:RDF> + </metadata> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1920" + inkscape:window-height="1052" + id="namedview16" + showgrid="true" + inkscape:zoom="7.6129032" + inkscape:cx="-10.161981" + inkscape:cy="-1.6586208" + inkscape:window-x="0" + inkscape:window-y="23" + inkscape:window-maximized="1" + inkscape:current-layer="svg2" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid3911" /> + </sodipodi:namedview> + <defs + id="defs4" /> + <rect + style="fill:#f5f6f7;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981" + id="rect3837" + width="44" + height="34" + x="-27.999998" + y="2" + ry="0.5" + rx="0.5" /> + <rect + rx="1" + style="fill:none;fill-opacity:1;stroke:#1f2226;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect3837-9" + width="45" + height="35" + x="-28.5" + y="1.5" + ry="1" /> + <rect + style="opacity:1;fill:#f5f6f7;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4135" + width="1" + height="1" + x="16" + y="30" + rx="1.3877788e-16" + ry="1.3877788e-16" /> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-middle-hover.svg b/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-middle-hover.svg new file mode 100644 index 0000000..b0ab57b --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-middle-hover.svg @@ -0,0 +1,80 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="30" + height="31" + id="svg2" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="tab-middle-hover.svg"> + <metadata + id="metadata18"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title /> + </cc:Work> + </rdf:RDF> + </metadata> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1920" + inkscape:window-height="1052" + id="namedview16" + showgrid="true" + inkscape:zoom="5.3831355" + inkscape:cx="-28.628627" + inkscape:cy="1.6393505" + inkscape:window-x="0" + inkscape:window-y="23" + inkscape:window-maximized="1" + inkscape:current-layer="svg2" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid3911" /> + </sodipodi:namedview> + <defs + id="defs4" /> + <g + id="g4135" + style="opacity:0.6"> + <rect + rx="0.5" + ry="0.5" + y="2" + x="-6.999999" + height="34" + width="44" + id="rect3837" + style="fill:#f5f6f7;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981;opacity:0.25" /> + <rect + ry="1" + y="1.5" + x="-7.5" + height="35" + width="45" + id="rect3837-9" + style="fill:none;fill-opacity:1;stroke:#1f2226;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + rx="1" /> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-middle.svg b/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-middle.svg new file mode 100644 index 0000000..91ae573 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-middle.svg @@ -0,0 +1,76 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="30" + height="31" + id="svg2" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="tab-middle.svg"> + <metadata + id="metadata18"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title /> + </cc:Work> + </rdf:RDF> + </metadata> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1920" + inkscape:window-height="1052" + id="namedview16" + showgrid="true" + inkscape:zoom="21.532542" + inkscape:cx="8.110082" + inkscape:cy="30.597364" + inkscape:window-x="0" + inkscape:window-y="23" + inkscape:window-maximized="1" + inkscape:current-layer="svg2" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid3911" /> + </sodipodi:namedview> + <defs + id="defs4" /> + <rect + style="fill:#f5f6f7;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981" + id="rect3837" + width="44" + height="34" + x="-6.999999" + y="2" + ry="0.5" + rx="0.5" /> + <rect + rx="1" + style="fill:none;fill-opacity:1;stroke:#1f2226;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect3837-9" + width="45" + height="35" + x="-7.5" + y="1.5" + ry="1" /> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-start-hover.svg b/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-start-hover.svg new file mode 100644 index 0000000..6715867 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-start-hover.svg @@ -0,0 +1,88 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="30" + height="31" + id="svg2" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="tab-start-hover.svg"> + <metadata + id="metadata18"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1920" + inkscape:window-height="1052" + id="namedview16" + showgrid="true" + inkscape:zoom="10.766271" + inkscape:cx="-2.4351641" + inkscape:cy="3.8082735" + inkscape:window-x="0" + inkscape:window-y="23" + inkscape:window-maximized="1" + inkscape:current-layer="svg2" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid3911" /> + </sodipodi:namedview> + <defs + id="defs4" /> + <g + id="g4136" + style="opacity:0.60000004"> + <rect + ry="0.5" + y="2" + x="14" + height="34" + width="44" + id="rect3837" + style="fill:#f5f6f7;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981;opacity:0.25" /> + <rect + ry="1" + y="1.5" + x="13.5" + height="35" + width="45" + id="rect3837-9" + style="fill:none;fill-opacity:1;stroke:#1f2226;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + rx="1" /> + <rect + ry="1.3877788e-16" + rx="1.3877788e-16" + y="30" + x="13" + height="1" + width="1" + id="rect4135" + style="opacity:1;fill:#f5f6f7;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-start.svg b/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-start.svg new file mode 100644 index 0000000..9e33abc --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-start.svg @@ -0,0 +1,84 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="30" + height="31" + id="svg2" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="tab-start.svg"> + <metadata + id="metadata18"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title /> + </cc:Work> + </rdf:RDF> + </metadata> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1920" + inkscape:window-height="1052" + id="namedview16" + showgrid="true" + inkscape:zoom="10.766271" + inkscape:cx="-2.4351641" + inkscape:cy="3.8082735" + inkscape:window-x="0" + inkscape:window-y="23" + inkscape:window-maximized="1" + inkscape:current-layer="svg2" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid3911" /> + </sodipodi:namedview> + <defs + id="defs4" /> + <rect + style="fill:#f5f6f7;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981" + id="rect3837" + width="44" + height="34" + x="14" + y="2" + ry="0.5" /> + <rect + rx="1" + style="fill:none;fill-opacity:1;stroke:#1f2226;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect3837-9" + width="45" + height="35" + x="13.5" + y="1.5" + ry="1" /> + <rect + style="opacity:1;fill:#f5f6f7;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4135" + width="1" + height="1" + x="13" + y="30" + rx="1.3877788e-16" + ry="1.3877788e-16" /> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabbar-icons.svg b/arc-firefox-theme/chrome/browser/custom_images/light/tabbar-icons.svg new file mode 100644 index 0000000..548d974 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/light/tabbar-icons.svg @@ -0,0 +1,1468 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + id="svg2" + version="1.1" + inkscape:version="0.91 r13725" + width="774" + height="36" + viewBox="0 0 774 36" + sodipodi:docname="tabbar-icons.svg"> + <metadata + id="metadata8"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title /> + </cc:Work> + </rdf:RDF> + </metadata> + <defs + id="defs6"> + <inkscape:path-effect + effect="spiro" + id="path-effect4386-3" + is_visible="true" /> + </defs> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="640" + inkscape:window-height="480" + id="namedview4" + showgrid="true" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true" + showguides="false" + inkscape:guide-bbox="true" + inkscape:zoom="11.313708" + inkscape:cx="23.557359" + inkscape:cy="23.773956" + inkscape:current-layer="layer2" + inkscape:object-paths="true" + inkscape:snap-intersection-paths="true" + inkscape:object-nodes="true" + inkscape:snap-bbox-midpoints="true" + inkscape:snap-nodes="true" + inkscape:snap-global="true"> + <inkscape:grid + type="xygrid" + id="grid4138" /> + <sodipodi:guide + position="18,27" + orientation="1,0" + id="guide4140" /> + <sodipodi:guide + position="36,27" + orientation="1,0" + id="guide4144" /> + <sodipodi:guide + position="54,27" + orientation="1,0" + id="guide4165" /> + <sodipodi:guide + position="72,27" + orientation="1,0" + id="guide4167" /> + <sodipodi:guide + position="90,27" + orientation="1,0" + id="guide4169" /> + <sodipodi:guide + position="108,27" + orientation="1,0" + id="guide4171" /> + <sodipodi:guide + position="126,27" + orientation="1,0" + id="guide4173" /> + <sodipodi:guide + position="144,26" + orientation="1,0" + id="guide4175" /> + <sodipodi:guide + position="162,26" + orientation="1,0" + id="guide4177" /> + <sodipodi:guide + position="180,26" + orientation="1,0" + id="guide4179" /> + <sodipodi:guide + position="198,26" + orientation="1,0" + id="guide4181" /> + <sodipodi:guide + position="216,26" + orientation="1,0" + id="guide4183" /> + <sodipodi:guide + position="234,26" + orientation="1,0" + id="guide4185" /> + <sodipodi:guide + position="252,26" + orientation="1,0" + id="guide4187" /> + <sodipodi:guide + position="270,27" + orientation="1,0" + id="guide4189" /> + <sodipodi:guide + position="288,27" + orientation="1,0" + id="guide4191" /> + <sodipodi:guide + position="306,27" + orientation="1,0" + id="guide4193" /> + <sodipodi:guide + position="324,27" + orientation="1,0" + id="guide4195" /> + <sodipodi:guide + position="342,27" + orientation="1,0" + id="guide4197" /> + <sodipodi:guide + position="360,27" + orientation="1,0" + id="guide4199" /> + <sodipodi:guide + position="378,27" + orientation="1,0" + id="guide4201" /> + <sodipodi:guide + position="396,27" + orientation="1,0" + id="guide4203" /> + <sodipodi:guide + position="414,27" + orientation="1,0" + id="guide4205" /> + <sodipodi:guide + position="432,27" + orientation="1,0" + id="guide4207" /> + <sodipodi:guide + position="450,27" + orientation="1,0" + id="guide4209" /> + <sodipodi:guide + position="468,27" + orientation="1,0" + id="guide4211" /> + <sodipodi:guide + position="486,27" + orientation="1,0" + id="guide4213" /> + <sodipodi:guide + position="504,27" + orientation="1,0" + id="guide4215" /> + <sodipodi:guide + position="522,27" + orientation="1,0" + id="guide4217" /> + <sodipodi:guide + position="540,27" + orientation="1,0" + id="guide4219" /> + <sodipodi:guide + position="558,27" + orientation="1,0" + id="guide4221" /> + <sodipodi:guide + position="576,27" + orientation="1,0" + id="guide4223" /> + <sodipodi:guide + position="594,27" + orientation="1,0" + id="guide4225" /> + <sodipodi:guide + position="612,27" + orientation="1,0" + id="guide4227" /> + <sodipodi:guide + position="630,27" + orientation="1,0" + id="guide4229" /> + <sodipodi:guide + position="648,27" + orientation="1,0" + id="guide4231" /> + <sodipodi:guide + position="666,27" + orientation="1,0" + id="guide4233" /> + <sodipodi:guide + position="684,27" + orientation="1,0" + id="guide4235" /> + <sodipodi:guide + position="702,27" + orientation="1,0" + id="guide4237" /> + <sodipodi:guide + position="720,27" + orientation="1,0" + id="guide4239" /> + <sodipodi:guide + position="738,27" + orientation="1,0" + id="guide4241" /> + <sodipodi:guide + position="756,27" + orientation="1,0" + id="guide4243" /> + <sodipodi:guide + position="0,18" + orientation="0,1" + id="guide4245" /> + <sodipodi:guide + position="59.720667,21.020803" + orientation="0,1" + id="guide4691" /> + <sodipodi:guide + position="63,33" + orientation="0,1" + id="guide4693" /> + <sodipodi:guide + position="450,18" + orientation="1,0" + id="guide4716" /> + </sodipodi:namedview> + <g + inkscape:groupmode="layer" + id="layer2" + inkscape:label="Layer 2" + style="display:inline"> + <g + id="g4295" + transform="translate(17.984,-0.01700159)" + style="fill:#70788d;fill-opacity:1"> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#70788d;fill-opacity:1" + inkscape:label="status" + id="layer9" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="devices" + id="layer10" + style="fill:#70788d;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="apps" + id="layer11" + style="fill:#70788d;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="places" + id="layer13" + style="fill:#70788d;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="mimetypes" + id="layer14" + style="fill:#70788d;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#70788d;fill-opacity:1" + inkscape:label="emblems" + id="layer15" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#70788d;fill-opacity:1" + inkscape:label="emotes" + id="g71291" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#70788d;fill-opacity:1" + inkscape:label="categories" + id="g4953" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#70788d;fill-opacity:1" + inkscape:label="actions" + id="layer12"> + <path + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + id="path6040" + d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z" + inkscape:connector-curvature="0" /> + <rect + y="748.00073" + x="112.00065" + width="1" + style="fill:#70788d;fill-opacity:1;stroke:none" + ry="1" + rx="1" + id="rect6046" + height="1" /> + <rect + y="759.00073" + x="112.00065" + width="1" + style="fill:#70788d;fill-opacity:1;stroke:none" + ry="1" + rx="1" + id="rect6050" + height="1" /> + </g> + </g> + <g + id="g4295-3" + transform="matrix(-1,0,0,1,72.037527,0.01274702)" + style="fill:#70788d;fill-opacity:1"> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#70788d;fill-opacity:1" + inkscape:label="status" + id="layer9-9" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="devices" + id="layer10-2" + style="fill:#70788d;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="apps" + id="layer11-0" + style="fill:#70788d;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="places" + id="layer13-0" + style="fill:#70788d;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="mimetypes" + id="layer14-2" + style="fill:#70788d;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#70788d;fill-opacity:1" + inkscape:label="emblems" + id="layer15-5" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#70788d;fill-opacity:1" + inkscape:label="emotes" + id="g71291-0" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#70788d;fill-opacity:1" + inkscape:label="categories" + id="g4953-6" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#70788d;fill-opacity:1" + inkscape:label="actions" + id="layer12-0"> + <path + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + id="path6040-6" + d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z" + inkscape:connector-curvature="0" /> + <rect + y="748.00073" + x="112.00065" + width="1" + style="fill:#70788d;fill-opacity:1;stroke:none" + ry="1" + rx="1" + id="rect6046-0" + height="1" /> + <rect + y="759.00073" + x="112.00065" + width="1" + style="fill:#70788d;fill-opacity:1;stroke:none" + ry="1" + rx="1" + id="rect6050-1" + height="1" /> + </g> + </g> + <g + id="g4295-7" + transform="translate(35.962473,0.01274702)" + style="fill:#70788d;fill-opacity:1"> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#70788d;fill-opacity:1" + inkscape:label="status" + id="layer9-0" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="devices" + id="layer10-6" + style="fill:#70788d;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="apps" + id="layer11-3" + style="fill:#70788d;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="places" + id="layer13-4" + style="fill:#70788d;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="mimetypes" + id="layer14-3" + style="fill:#70788d;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#70788d;fill-opacity:1" + inkscape:label="emblems" + id="layer15-6" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#70788d;fill-opacity:1" + inkscape:label="emotes" + id="g71291-1" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#70788d;fill-opacity:1" + inkscape:label="categories" + id="g4953-9" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#70788d;fill-opacity:1" + inkscape:label="actions" + id="layer12-9"> + <path + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + id="path6040-68" + d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z" + inkscape:connector-curvature="0" /> + <rect + y="748.00073" + x="112.00065" + width="1" + style="fill:#70788d;fill-opacity:1;stroke:none" + ry="1" + rx="1" + id="rect6046-3" + height="1" /> + <rect + y="759.00073" + x="112.00065" + width="1" + style="fill:#70788d;fill-opacity:1;stroke:none" + ry="1" + rx="1" + id="rect6050-4" + height="1" /> + </g> + </g> + <g + id="g4492" + transform="matrix(0.98812264,0,0,1,2.0927143,0)" + style="fill:#70788d;fill-opacity:1"> + <g + transform="matrix(-1,0,0,1,105.03753,-0.00212728)" + id="g4295-3-4" + style="fill:#70788d;fill-opacity:1"> + <g + id="layer9-9-7" + inkscape:label="status" + style="display:inline;fill:#70788d;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="layer10-2-8" + inkscape:label="devices" + transform="translate(-100.0002,-745)" + style="fill:#70788d;fill-opacity:1" /> + <g + id="layer11-0-6" + inkscape:label="apps" + transform="translate(-100.0002,-745)" + style="fill:#70788d;fill-opacity:1" /> + <g + id="layer13-0-0" + inkscape:label="places" + transform="translate(-100.0002,-745)" + style="fill:#70788d;fill-opacity:1" /> + <g + id="layer14-2-8" + inkscape:label="mimetypes" + transform="translate(-100.0002,-745)" + style="fill:#70788d;fill-opacity:1" /> + <g + id="layer15-5-0" + inkscape:label="emblems" + style="display:inline;fill:#70788d;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="g71291-0-3" + inkscape:label="emotes" + style="display:inline;fill:#70788d;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="g4953-6-0" + inkscape:label="categories" + style="display:inline;fill:#70788d;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="layer12-0-4" + inkscape:label="actions" + style="display:inline;fill:#70788d;fill-opacity:1" + transform="translate(-100.0002,-745)"> + <path + inkscape:connector-curvature="0" + d="m 111.87541,748.00075 c -0.22395,0.0242 -0.43316,0.12331 -0.59375,0.28125 l -4.99996,4.99974 -0.6875,0.71875 0.6875,0.71875 4.99996,4.99964 c 0.95833,0.95845 2.39595,-0.47917 1.4375,-1.4375 l -4.28121,-4.28089 4.28121,-4.28099 c 0.72453,-0.67473 0.1332,-1.8793 -0.84375,-1.71875 z" + id="path6040-6-8" + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + sodipodi:nodetypes="cccccccccc" /> + <rect + height="1" + id="rect6046-0-3" + rx="1.0120201" + ry="1" + style="fill:#70788d;fill-opacity:1;stroke:none" + width="1" + x="111.01369" + y="749.00214" /> + <rect + height="1" + id="rect6050-1-1" + rx="1.0120201" + ry="1" + style="fill:#70788d;fill-opacity:1;stroke:none" + width="1" + x="111.0257" + y="758.00214" /> + </g> + </g> + <g + transform="translate(91.106717,-0.00212728)" + id="g4295-3-0" + style="fill:#70788d;fill-opacity:1"> + <g + id="layer9-9-9" + inkscape:label="status" + style="display:inline;fill:#70788d;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="layer10-2-1" + inkscape:label="devices" + transform="translate(-100.0002,-745)" + style="fill:#70788d;fill-opacity:1" /> + <g + id="layer11-0-2" + inkscape:label="apps" + transform="translate(-100.0002,-745)" + style="fill:#70788d;fill-opacity:1" /> + <g + id="layer13-0-8" + inkscape:label="places" + transform="translate(-100.0002,-745)" + style="fill:#70788d;fill-opacity:1" /> + <g + id="layer14-2-3" + inkscape:label="mimetypes" + transform="translate(-100.0002,-745)" + style="fill:#70788d;fill-opacity:1" /> + <g + id="layer15-5-04" + inkscape:label="emblems" + style="display:inline;fill:#70788d;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="g71291-0-9" + inkscape:label="emotes" + style="display:inline;fill:#70788d;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="g4953-6-3" + inkscape:label="categories" + style="display:inline;fill:#70788d;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="layer12-0-2" + inkscape:label="actions" + style="display:inline;fill:#70788d;fill-opacity:1" + transform="translate(-100.0002,-745)"> + <path + inkscape:connector-curvature="0" + d="m 111.87541,748.00075 c -0.22394,0.0242 -0.43316,0.12331 -0.59375,0.28125 l -4.99996,4.99974 -0.6875,0.71875 0.6875,0.71875 4.99996,4.99964 c 0.95833,0.95845 2.39595,-0.47917 1.4375,-1.4375 l -4.28121,-4.28089 4.28121,-4.28099 c 0.72453,-0.67473 0.1332,-1.8793 -0.84375,-1.71875 z" + id="path6040-6-2" + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + sodipodi:nodetypes="cccccccccc" /> + <rect + height="1" + id="rect6046-0-5" + rx="1.0120201" + ry="1" + style="fill:#70788d;fill-opacity:1;stroke:none" + width="1" + x="111.01369" + y="749.00214" /> + <rect + height="1" + id="rect6050-1-18" + rx="1.0120201" + ry="1" + style="fill:#70788d;fill-opacity:1;stroke:none" + width="1" + x="111.01369" + y="758.00214" /> + </g> + </g> + </g> + <g + id="g4559" + style="fill:#70788d;fill-opacity:1"> + <path + id="path4520" + d="M 81.5,3 A 6.5,6.5 0 0 0 75,9.5 6.5,6.5 0 0 0 81.5,16 6.5,6.5 0 0 0 87.494141,12 l -2.253907,0 A 4.5,4.5 0 0 1 81.5,14 4.5,4.5 0 0 1 77,9.5 4.5,4.5 0 0 1 81.5,5 4.5,4.5 0 0 1 85.966797,9 l 2.007812,0 A 6.5,6.5 0 0 0 81.5,3 Z" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + inkscape:connector-curvature="0" /> + <path + id="rect4541" + d="M 88,2 81,8.9980469 81,9 88,9 88,2 Z" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + inkscape:connector-curvature="0" /> + </g> + <g + id="g4577" + style="fill:#70788d;fill-opacity:1"> + <path + id="rect4563" + d="m 112,8 0,7 4,0 0,-4 2,0 0,4 4,0 0,-7 -10,0 z" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + inkscape:connector-curvature="0" /> + <path + sodipodi:nodetypes="cccc" + inkscape:connector-curvature="0" + id="rect4571" + d="m 117,2 7,7 -14,0 z" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + id="g4687" + style="fill:#70788d;fill-opacity:1"> + <path + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 189,16 6,-7 -12,0 z" + id="rect4571-4" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccc" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="187" + height="7" + width="4" + id="rect4685" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + transform="translate(0,18)" + id="g4687-5" + style="fill:#5294e2;fill-opacity:1"> + <path + style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 189,16 6,-7 -12,0 z" + id="rect4571-4-7" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccc" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="187" + height="7" + width="4" + id="rect4685-1" + style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + transform="translate(289.02527,-31)" + inkscape:label="Layer 1" + id="layer1-2" + style="fill:#70788d;fill-opacity:1"> + <path + sodipodi:nodetypes="ccccccccccccccc" + inkscape:connector-curvature="0" + id="path6400" + d="M 15.247455,35.298295 0.702,38.338068 l 2.7272727,2.130683 0,4.232954 3.1818182,-1.818182 0,0 L 5.702,41.889204 9.366776,44.531249 Z m -1.30682,0.880682 -8.0397744,5.113637 -0.7954505,1.193181 -0.7670465,0.482956 0,-2.130683 z" + style="display:inline;fill:#70788d;fill-opacity:1;stroke:none;enable-background:new" /> + </g> + <g + style="display:inline;fill:#70788d;fill-opacity:1" + inkscape:label="Calque 1" + id="layer1-5" + transform="translate(612.125,7.75)"> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#70788d;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + d="m 38.875,-3.75 c -0.554,0 -1,0.446 -1,1 l 0,8 c 0,0.554 0.446,1 1,1 l 12,0 c 0.554,0 1,-0.446 1,-1 l 0,-8 c 0,-0.554 -0.446,-1 -1,-1 l -12,0 z m 0,1 6,5 6,-5 0,1 -6,5 -6,-5 0,-1 z m 2.5625,4.875 0.59375,0.5 -3.15625,2.625 0,-1 2.5625,-2.125 z m 6.875,0 2.5625,2.125 0,1 -3.15625,-2.625 0.59375,-0.5 z" + id="rect3836" + inkscape:connector-curvature="0" /> + </g> + <g + style="display:inline;fill:#70788d;fill-opacity:1" + id="g4644" + transform="translate(487,1.0062451)"> + <g + id="layer1-8" + inkscape:label="Calque 1" + style="display:inline;fill:#70788d;fill-opacity:1"> + <path + id="path2397" + d="m 3.875,0.99999979 c -0.022285,0.00536 -0.044875,0.016494 -0.0625,0.03125 -0.011521,0.00867 -0.022653,0.019636 -0.03125,0.03125 0,0 -0.2700217,0.3260161 -0.5,0.78125 -0.2299782,0.4552339 -0.4120417,1.0356923 -0.15625,1.53125 0.7884499,1.5239749 2.0839251,3.7672489 3.0625,5.28125 0.1544088,-0.5124922 0.3396962,-1.0371273 0.65625,-1.5625 -1.474e-4,-0.010193 -1.472e-4,-0.021056 0,-0.03125 L 7.375,6.2187498 4.03125,1.0624998 C 4.02265,1.0508848 4.011521,1.0399168 4,1.0312498 c -0.010085,-0.00104 -0.021165,-0.00104 -0.03125,0 0.00103,-0.010168 0.00103,-0.021082 0,-0.03125 -0.010085,-0.00104 -0.021164,-0.00104 -0.03125,0 -0.010085,-0.00104 -0.021164,-0.00104 -0.03125,0 -0.010085,-0.00104 -0.021164,-0.00104 -0.03125,0 z m 8.15625,0 c -10e-4,0.010168 -10e-4,0.021082 0,0.03125 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 -0.01152,0.00867 -0.02265,0.019635 -0.03125,0.03125 l -4.25,6.5625 C 7.3818216,8.1841872 7.1713962,9.126518 6.90625,9.8749998 6.773677,10.249241 6.632616,10.579794 6.46875,10.78125 6.3048838,10.982706 6.1573198,11.054945 5.9375,11 5.93129,10.999083 5.910307,11.000259 5.90625,11 5.896093,11.000151 5.881498,10.999635 5.875,11 5.87062,10.999401 5.845624,11.000106 5.84375,11 5.3626321,10.86226 4.9161697,10.88365 4.53125,11.03125 4.0477735,11.216643 3.6630669,11.552098 3.375,12 3.0860242,12.449317 2.9358336,12.959398 3,13.4375 c 0.063099,0.470153 0.3425241,0.987937 0.96875,1.3125 0.6267957,0.324859 1.2688988,0.278233 1.75,0.09375 C 6.2022267,14.658358 6.5869334,14.322902 6.875,13.875 7.1344973,13.471519 7.2416509,13.02322 7.21875,12.59375 7.2188525,12.59363 7.249953,12.5314 7.25,12.53125 c 4.68e-5,-1.5e-4 1.3e-5,-0.03107 0,-0.03125 0.00103,-0.01017 0.00103,-0.02108 0,-0.03125 -7.574e-4,-0.0056 -0.030161,0.0051 -0.03125,0 -0.00327,-0.01539 0.0049,-0.02028 0,-0.03125 -5.419e-4,-0.0084 5.294e-4,-0.02262 0,-0.03125 -0.00553,-0.03035 -0.00716,-0.04147 0,-0.03125 -0.020462,-0.352009 -0.034716,-0.828513 0.15625,-1.28125 0.2005139,-0.475374 0.6186139,-0.917373 1.5,-1.1562502 0.022285,-0.00536 0.044875,-0.016494 0.0625,-0.03125 0.01152,-0.00867 0.022653,-0.019635 0.03125,-0.03125 0.8843995,-1.185979 2.854984,-4.4680334 3.90625,-6.5 0.255791,-0.4955577 0.07373,-1.0760161 -0.15625,-1.53125 -0.229978,-0.4552339 -0.5,-0.78125 -0.5,-0.78125 -0.0086,-0.011614 -0.01973,-0.022583 -0.03125,-0.03125 -0.01763,-0.014756 -0.04021,-0.025888 -0.0625,-0.03125 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 z M 9.5,10.75 C 9.3894228,10.82871 9.2946704,10.904198 9.15625,10.9375 8.9062562,11.00525 8.7332712,11.058735 8.625,11.125 c 0.1783292,0.444209 0.1762788,0.905437 0.15625,1.25 0.00716,-0.01022 0.00553,9e-4 0,0.03125 -5.294e-4,0.0086 5.414e-4,0.0228 0,0.03125 -0.00491,0.01097 0.00327,0.01586 0,0.03125 -0.00109,0.0051 -0.030493,-0.0056 -0.03125,0 -0.00103,0.01017 -0.00103,0.02108 0,0.03125 -1.3e-5,1.84e-4 -4.68e-5,0.0311 0,0.03125 4.68e-5,1.51e-4 0.031147,0.06238 0.03125,0.0625 -0.022901,0.42947 0.084253,0.877769 0.34375,1.28125 0.2880666,0.447902 0.6727728,0.783358 1.15625,0.96875 0.481101,0.184483 1.123205,0.231109 1.75,-0.09375 C 12.657476,14.425437 12.936901,13.907653 13,13.4375 13.06417,12.959398 12.91398,12.449317 12.625,12 12.336933,11.552098 11.952226,11.216643 11.46875,11.03125 11.08383,10.88365 10.637368,10.86226 10.15625,11 c -0.0019,1.06e-4 -0.02687,-5.99e-4 -0.03125,0 -0.0065,-3.65e-4 -0.02109,1.51e-4 -0.03125,0 -0.0041,2.59e-4 -0.02504,-9.17e-4 -0.03125,0 C 9.8426802,11.05495 9.6951161,10.98271 9.53125,10.78125 9.52318,10.77135 9.507898,10.76058 9.5,10.75 Z m -4.25,1.3125 c 0.1041762,0.0047 0.2340963,0.01938 0.3125,0.0625 0.1742344,0.09581 0.2816322,0.271981 0.3125,0.46875 0.030868,0.196769 -0.021258,0.402302 -0.15625,0.625 C 5.4509472,13.660548 4.9070917,13.876992 4.5625,13.6875 4.3906342,13.59299 4.2812498,13.39314 4.25,13.1875 4.21875,12.98186 4.271964,12.784035 4.40625,12.5625 4.6068231,12.231613 4.9430901,12.048615 5.25,12.0625 Z m 5.5,0 c 0.30691,-0.01389 0.643177,0.169113 0.84375,0.5 0.134287,0.221535 0.1875,0.41936 0.15625,0.625 -0.03125,0.20564 -0.140634,0.40549 -0.3125,0.5 -0.344592,0.189492 -0.888448,-0.02695 -1.15625,-0.46875 -0.134992,-0.222698 -0.187118,-0.428231 -0.15625,-0.625 0.03087,-0.196769 0.138266,-0.372938 0.3125,-0.46875 0.0784,-0.04312 0.208324,-0.05779 0.3125,-0.0625 z" + style="display:inline;fill:#70788d;fill-opacity:1;stroke:none" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + style="display:inline;fill:#70788d;fill-opacity:1" + id="g4662" + transform="translate(523,1.0000004)"> + <g + id="layer1-9" + inkscape:label="Calque 1" + style="display:inline;fill:#70788d;fill-opacity:1"> + <path + sodipodi:nodetypes="ccsssssccssssscssccccccccsssssssss" + id="Symbol" + d="m 5,0.9999996 0,0.96875 -1.46875,0 c -0.8309999,0 -1.5,0.669 -1.5,1.5 l 0,8.0312504 c 0,0.810431 0.6351935,1.468004 1.4375,1.5 0.020363,8.12e-4 0.041931,0 0.0625,0 L 4,13 5,13 5,13.5 C 5,14.331 5.669,15 6.5,15 l 6,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-7.0000004 c 0,-0.657875 -0.412983,-1.2029937 -1,-1.40625 l 0,-1.625 c 0,-0.8309999 -0.669,-1.5 -1.5,-1.5 l -1.5,0 0,-0.96875 z m 1,1 3,0 0,1 -3,0 z m 1.5,5 4,0 c 0.277,0 0.5,0.223 0.5,0.5 L 12,12.5 c 0,0.277 -0.223,0.5 -0.5,0.5 l -4,0 C 7.223,13 7,12.777 7,12.5 L 7,7.4999996 c 0,-0.277 0.223,-0.5 0.5,-0.5 z" + style="display:inline;fill:#70788d;fill-opacity:1;stroke:none" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + style="display:inline;fill:#70788d;fill-opacity:1" + id="g4698" + transform="translate(396.98917,1)"> + <g + id="layer1-4" + inkscape:label="Calque 1" + style="display:inline;fill:#70788d;fill-opacity:1"> + <path + sodipodi:nodetypes="cccccccccccccccccccccccccccccccccccccccccccssscccccccc" + id="Symbol-7" + d="M 4.5,1 C 3.669,1 3,1.669 3,2.5 l 0,1.0625 0,3.46875 -0.53125,0 c -0.831,0 -1.5,0.669 -1.5,1.5 l 0,3.03125 c 0,0.831 0.669,1.5 1.5,1.5 L 3,13.0625 3,13.1875 3,13.5 C 3,14.331 3.669,15 4.5,15 l 7,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-0.3125 0,-0.125 0.53125,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-3.0625 c 0,-0.8310001 -0.669,-1.5 -1.5,-1.5 L 13,7 13,5.6875 13,2.5 C 13,1.669 12.331,1 11.5,1 l -7,0 z m 1,2 5,0 C 10.777,3 11,3.223 11,3.5 L 11,8 5,8 5,3.5 C 5,3.223 5.223,3 5.5,3 Z m 0.5,1 0,1 4.010835,0 0,-1 L 6,4 Z M 6,6 6,7 9,7 9,6 6,6 Z m 7.5,3 c 0.276,-2e-7 0.5,0.224 0.5,0.5 C 14,9.7759998 13.776,10 13.5,10 13.224,9.9999998 13,9.776 13,9.5 13,9.2239998 13.224,9 13.5,9 Z m -8.5,3 6,0 0,0.5 c 0,0.277 -0.223,0.5 -0.5,0.5 l -5,0 C 5.223,13 5,12.777 5,12.5 L 5,12 Z" + style="display:inline;fill:#70788d;fill-opacity:1;stroke:none" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + style="display:inline;fill:#70788d;fill-opacity:1" + id="g4716" + transform="translate(505,1)"> + <g + id="layer1-1" + inkscape:label="Calque 1" + style="display:inline;fill:#70788d;fill-opacity:1"> + <path + sodipodi:nodetypes="ccccccccccccccccccccccccccccccc" + id="Symbol-6" + d="M 6.5,1 C 5.669,1 5,1.669 5,2.5 l 0,8 C 5,11.331 5.669,12 6.5,12 l 6,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-8 C 14,1.669 13.331,1 12.5,1 l -6,0 z m 1,2 4,0 C 11.777,3 12,3.223 12,3.5 l 0,6 C 12,9.777 11.777,10 11.5,10 l -4,0 C 7.223,10 7,9.777 7,9.5 l 0,-6 C 7,3.223 7.223,3 7.5,3 Z m -4,1 C 2.669,4 2,4.669 2,5.5 l 0,8 C 2,14.331 2.669,15 3.5,15 l 6,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-0.5 -2.5,0 -4,0 C 4.223,13 4,12.777 4,12.5 L 4,6.5 4,4 3.5,4 Z" + style="display:inline;fill:#70788d;fill-opacity:1;stroke:none" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + style="display:inline;fill:#70788d;fill-opacity:1" + id="g4680" + transform="matrix(-1.0264221,0,0,1.0297012,395.02642,0.97029876)"> + <g + id="layer1-7" + inkscape:label="Calque 1" + style="display:inline;fill:#70788d;fill-opacity:1"> + <path + inkscape:label="#path3766" + sodipodi:nodetypes="cscsccsccscsccssssc" + id="Symbol-8" + d="m 2.4469076,2.4416061 c -1.92921018,1.9221416 -1.92921008,5.0421398 0,6.9642808 1.6818402,1.6756791 4.272808,1.8988571 6.1889674,0.6529021 0.325705,0.01628 0.850926,0.06109 1.037561,0.272042 0.254123,0.287232 -0.105101,0.958719 0.382261,1.396484 l 3.031041,3.071232 c 0,0 0.562273,0.600501 1.438025,-0.272043 0.875752,-0.872543 0.273043,-1.432755 0.273043,-1.432755 L 11.766764,10.022517 C 11.327388,9.5369409 10.653432,9.8948469 10.365145,9.6416569 10.153416,9.4557059 10.10844,8.9324089 10.092102,8.6078959 11.342639,6.6987579 11.118641,4.117284 9.4368,2.4416061 c -1.9292105,-1.92214145 -5.0606821,-1.92214135 -6.9898924,0 z m 1.1831848,1.1425773 c 0.5964074,-0.594222 1.4205257,-0.9430796 2.3299641,-0.9430797 1.8188769,0 3.2947145,1.4704303 3.2947145,3.2826428 0,1.8122134 -1.4758368,3.2826434 -3.2947145,3.2826434 -1.8188758,1e-6 -3.2947148,-1.47043 -3.2947148,-3.2826434 1e-7,-0.9061061 0.3683435,-1.745341 0.9647507,-2.3395631 z" + style="display:inline;fill:#70788d;fill-opacity:1;stroke:none" + inkscape:connector-curvature="0" /> + </g> + </g> + <path + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 309,2 c -0.554,0 -1,0.446 -1,1 l 0,12 c 0,0.554 0.446,1 1,1 l 12,0 c 0.554,0 1,-0.446 1,-1 l 0,-12 c 0,-0.554 -0.446,-1 -1,-1 l -12,0 z m 3,1 6,0 c 1.108,0 2,0.892 2,2 l 0,6 c 0,1.108 -0.892,2 -2,2 l -6,0 c -1.108,0 -2,-0.892 -2,-2 l 0,-6 c 0,-1.108 0.892,-2 2,-2 z" + id="rect4570" + inkscape:connector-curvature="0" /> + <g + style="font-style:normal;font-weight:bold;font-size:15px;line-height:125%;font-family:Sans;-inkscape-font-specification:'Sans Bold';letter-spacing:0px;word-spacing:0px;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + id="text4575" + transform="matrix(0.5721975,0,0,0.58799884,135.90225,10.439994)"> + <path + d="m 311.30469,-0.89477539 -0.43213,-1.11328121 -0.0659,0 q -0.2417,0.3295898 -0.4834,0.571289 -0.2417,0.234375 -0.52734,0.3881836 -0.28565,0.15380861 -0.64453,0.2270508 -0.35157,0.0732422 -0.82032,0.0732422 -0.49804,0 -0.92285,-0.15380859 -0.4248,-0.16113281 -0.73974,-0.47607421 -0.30762,-0.3222657 -0.4834,-0.8056641 -0.17578,-0.4907226 -0.17578,-1.1572266 0,-1.3037109 0.83496,-1.9189453 0.83496,-0.6225586 2.49756,-0.6884765 l 1.30371,-0.043945 0,-0.6152344 q 0,-0.5053711 -0.29297,-0.7470703 -0.29297,-0.2416992 -0.82031,-0.2416992 -0.52735,0 -1.03272,0.1538085 -0.49805,0.1538086 -1.00342,0.4101563 L 306.771,-8.5119629 q 0.61523,-0.3442383 1.3623,-0.5419922 0.74707,-0.1977539 1.56738,-0.1977539 1.53077,0 2.34375,0.7177735 0.82032,0.7177734 0.82032,2.1826171 l 0,5.45654301 -1.56006,0 z m -0.65918,-3.79394531 -0.73975,0.029297 q -0.44678,0.014648 -0.75439,0.1171875 -0.30762,0.102539 -0.49805,0.2783203 -0.18311,0.168457 -0.271,0.4101562 -0.0806,0.234375 -0.0806,0.5273438 0,0.5126953 0.24902,0.7324219 0.24902,0.2124023 0.65186,0.2124023 0.30761,0 0.57129,-0.1025391 0.26367,-0.1098632 0.4541,-0.3149414 0.19775,-0.2124023 0.30761,-0.5126953 0.10987,-0.3076172 0.10987,-0.703125 l 0,-0.6738281 z" + id="path4580" + inkscape:connector-curvature="0" + style="fill:#70788d;fill-opacity:1" /> + <path + d="m 316.47486,-7.6477051 c -0.3955,0 -0.72509,0.1391602 -0.98877,0.4174805 -0.25879,0.2783203 -0.40772,0.715332 -0.44678,1.3110351 l 2.84913,0 c -0.005,-0.2490234 -0.0364,-0.4785156 -0.0952,-0.6884765 -0.0586,-0.2099609 -0.1465,-0.390625 -0.26367,-0.5419922 -0.1172,-0.15625 -0.26368,-0.2783203 -0.43946,-0.3662109 -0.17578,-0.087891 -0.38086,-0.131836 -0.61523,-0.131836 z m 0.28564,6.89941408 c -0.58593,0 -1.12548,-0.0854492 -1.61865,-0.25634768 -0.49316,-0.1708984 -0.91797,-0.427246 -1.27441,-0.7690429 -0.35644,-0.3466797 -0.63476,-0.7812501 -0.83497,-1.303711 -0.1953,-0.5273437 -0.29296,-1.1450195 -0.29296,-1.8530273 0,-0.7177735 0.0903,-1.3452149 0.27099,-1.8823242 0.18067,-0.5371094 0.43214,-0.9838868 0.7544,-1.3403321 0.32715,-0.3613281 0.71778,-0.6323242 1.17187,-0.8129883 0.45899,-0.180664 0.9668,-0.270996 1.52344,-0.270996 0.542,0 1.03028,0.083008 1.46484,0.2490234 0.43946,0.1611328 0.81055,0.4003906 1.11328,0.7177734 0.30762,0.3173828 0.542,0.7080078 0.70313,1.171875 0.16602,0.4589844 0.24902,0.9863282 0.24902,1.5820313 l 0,1.0839844 -4.99511,0 c 0.01,0.3125 0.0586,0.5957031 0.14648,0.8496093 0.0928,0.2490235 0.21973,0.4614258 0.38086,0.6372071 0.16602,0.1708984 0.36377,0.3027343 0.59326,0.3955078 0.23438,0.092773 0.50049,0.1391601 0.79834,0.1391601 0.24903,0 0.48341,-0.012207 0.70313,-0.036621 0.22461,-0.029297 0.44189,-0.070801 0.65185,-0.1245117 0.20996,-0.053711 0.41748,-0.1196286 0.62256,-0.1977539 0.20509,-0.083008 0.41504,-0.1782226 0.62988,-0.2856445 l 0,1.7285156 c -0.19531,0.1025391 -0.39306,0.1904297 -0.59326,0.2636719 -0.19531,0.0683594 -0.40283,0.1269531 -0.62256,0.17578123 -0.21972,0.0488281 -0.45654,0.0830078 -0.71045,0.10253906 -0.2539,0.0244141 -0.53222,0.0366211 -0.83496,0.036621 z" + id="path4582" + inkscape:connector-curvature="0" + sodipodi:nodetypes="scccccsssssccscccscccscccccscsccccscs" + style="fill:#70788d;fill-opacity:1" /> + </g> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 171,1.9999996 a 7,7 0 0 0 -7,7 A 7,7 0 0 0 171,16 a 7,7 0 0 0 7,-7.0000004 7,7 0 0 0 -7,-7 z m 0,2 a 5,5 0 0 1 5,5 A 5,5 0 0 1 171,14 a 5,5 0 0 1 -5,-5.0000004 5,5 0 0 1 5,-5 z" + id="path4643" /> + <rect + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4650" + width="2" + height="5" + x="170" + y="4.9999995" + rx="1.38778e-16" + ry="1.38778e-16" /> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="M 170.93945,7.4999996 170,8.4394527 l 0,0.9492188 3.06055,3.0605475 1.41406,-1.414063 -3.53516,-3.5351564 z" + id="rect4650-7" /> + <path + sodipodi:type="star" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4695" + sodipodi:sides="5" + sodipodi:cx="135" + sodipodi:cy="9.6998634" + sodipodi:r1="8" + sodipodi:r2="3.76" + sodipodi:arg1="-1.5707963" + sodipodi:arg2="-0.9424778" + inkscape:flatsided="false" + inkscape:rounded="-1.44676e-15" + inkscape:randomized="0" + d="m 135,1.6998634 2.21007,4.9580961 5.39838,0.5697682 -4.03248,3.6340393 L 139.70228,16.172 135,13.459863 l -4.70228,2.712136 1.12631,-5.310232 -4.03248,-3.6340397 5.39838,-0.5697677 z" + inkscape:transform-center-y="-0.76393202" /> + <path + sodipodi:type="star" + style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4695-1" + sodipodi:sides="5" + sodipodi:cx="153.00044" + sodipodi:cy="9.6998634" + sodipodi:r1="8" + sodipodi:r2="3.76" + sodipodi:arg1="-1.5707963" + sodipodi:arg2="-0.9424778" + inkscape:flatsided="false" + inkscape:rounded="-1.44676e-15" + inkscape:randomized="0" + d="m 153.00044,1.6998634 2.21008,4.9580961 5.39837,0.5697682 -4.03247,3.6340393 1.1263,5.310233 -4.70228,-2.712137 -4.70228,2.712136 1.12631,-5.310232 -4.03248,-3.6340397 5.39838,-0.5697677 z" + inkscape:transform-center-y="-0.76393202" /> + <g + id="g4739" + style="fill:#70788d;fill-opacity:1"> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="471" + height="2" + width="12" + id="rect4733" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="8" + x="471" + height="2" + width="12" + id="rect4735" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="13" + x="471" + height="2" + width="12" + id="rect4737" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <path + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 621,2.4011949 c -0.25562,0 -0.51116,0.0971 -0.70703,0.2929688 l -2.30469,2.3066406 -1.98828,0 c -0.554,0 -1,0.446 -1,1 L 615,13.979 c 0,0.554 0.446,1 1,1 l 10,0 c 0.554,0 1,-0.446 1,-1 l 0,-7.9781957 c 0,-0.554 -0.446,-1 -1,-1 l -1.98828,0 -2.30469,-2.3066406 C 621.51116,2.4982951 621.25562,2.4011949 621,2.4011949 Z m -4,5.5992887 1,0 0,1 -1,0 z m 2,0 6,0 0,1 -6,0 z m -2,2.0000004 1,0 0,1 -1,0 z m 2,0 6,0 0,1 -6,0 z m -2,2 1,0 0,1 -1,0 z m 2,0 6,0 0,1 -6,0 z" + id="rect4744" + inkscape:connector-curvature="0" + sodipodi:nodetypes="sccssssssssccscccccccccccccccccccccccccccccc" /> + <g + id="g4297" + style="fill:#70788d;fill-opacity:1"> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="9" + x="633" + height="5.979197" + width="4" + id="rect4289" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="9" + x="638" + height="5.979197" + width="7" + id="rect4291" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="642" + height="5" + width="3" + id="rect4293" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="633" + height="5" + width="8" + id="rect4295" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="M 326,2.9999996 326,15 l 14,0 0,-12.0000004 -14,0 z m 6,1 1,0 0,1 -1,0 0,-1 z m 2,0 1,0 0,1 -1,0 0,-1 z m 2,0 2,0 0,1 -2,0 0,-1 z m -8,2 10,0 L 338,13 l -10,0 0,-7.0000004 z" + id="rect4294" /> + <rect + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4325" + width="10" + height="2" + x="544" + y="7.9999995" + rx="1.38778e-16" + ry="1.38778e-16" /> + <g + id="g4331" + style="fill:#70788d;fill-opacity:1"> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="4" + x="566" + height="10" + width="2" + id="rect4327" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="8" + x="562" + height="2" + width="10" + id="rect4329" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + id="g4352" + style="fill:#70788d;fill-opacity:1"> + <path + id="rect4294-9" + d="m 668,3 0,12 14,0 0,-12 -14,0 z m 6,1 1,0 0,1 -1,0 0,-1 z m 2,0 1,0 0,1 -1,0 0,-1 z m 2,0 2,0 0,1 -2,0 0,-1 z m -8,2 10,0 0,7 -10,0 0,-7 z" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + inkscape:connector-curvature="0" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="6" + x="676" + height="7" + width="2" + id="rect4350" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <path + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 758,2.9999996 0,7.8261724 0,0.173828 0.01,0 c 0.15732,2.222938 3.23985,3.977369 6.99023,3.978516 3.74811,-0.003 6.82715,-1.756919 6.98438,-3.978516 l 0.0154,0 0,-0.173828 0,-7.8261724 z M 761.46484,5.849609 765,9.3847652 768.53516,5.849609 769.73633,7.0507808 765.95508,10.833984 765,11.787109 764.04492,10.833984 760.26367,7.0507808 761.2168,6.0957027 Z" + id="rect4356" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccccccccccccccccccc" /> + <g + id="g4388" + style="fill:#70788d;fill-opacity:1"> + <path + inkscape:connector-curvature="0" + id="rect4365" + d="m 238,3 0,0.9003906 0,10.1992184 L 238,15 248,15 248,14.099609 248,7 244,7 244,6.0996094 244,3 238,3 Z" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + inkscape:original-d="m 243.64645,3.3535534 4,4" + inkscape:path-effect="#path-effect4386-3" + id="path4384" + d="m 243.64645,3.3535534 4,4" + style="fill:#70788d;fill-opacity:1;fill-rule:evenodd;stroke:#5c616c;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + </g> + <g + id="g4396" + style="fill:#70788d;fill-opacity:1"> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="4" + x="578" + height="10" + width="10" + id="rect4392" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <path + sodipodi:nodetypes="ccccc" + inkscape:connector-curvature="0" + id="path4394" + d="m 588,7 4,-2 0,8 -4,-2 z" + style="fill:#70788d;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + </g> + <g + id="g4436" + style="fill:#70788d;fill-opacity:1"> + <path + inkscape:connector-curvature="0" + id="rect4400" + d="m 420,6 0,6 6,0 0,-6 -6,0 z m 1,2 4,0 0,3 -4,0 0,-3 z" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4407" + d="m 423,5 3,0 -3,-3 -3,3 z" + style="fill:#70788d;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4407-0" + d="m 423,13 3,0 -3,3 -3,-3 z" + style="fill:#70788d;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4407-4" + d="m 427,9 0,3 3,-3 -3,-3 z" + style="fill:#70788d;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4407-1" + d="m 419,9 0,-3 -3,3 3,3 z" + style="fill:#70788d;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + </g> + <g + id="g4463" + style="fill:#70788d;fill-opacity:1"> + <path + inkscape:connector-curvature="0" + id="path4443" + d="m 598,5 3,0 3,4 -3,4 -3,0 3,-4 z" + style="fill:#70788d;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4443-5" + d="m 603,5 3,0 3,4 -3,4 -3,0 3,-4 z" + style="fill:#70788d;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + </g> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 459,3.9999996 a 5,5 0 0 0 -5,5 A 5,5 0 0 0 459,14 a 5,5 0 0 0 5,-5.0000004 5,5 0 0 0 -5,-5 z m 0,3 a 2,2 0 0 1 2,2 A 2,2 0 0 1 459,11 a 2,2 0 0 1 -2,-2.0000004 2,2 0 0 1 2,-2 z" + id="path4467" /> + <g + id="g4503" + style="fill:#70788d;fill-opacity:1"> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="458" + height="2" + width="2" + id="rect4474" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="8" + x="463" + height="2" + width="2" + id="rect4474-4" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="8" + x="453" + height="2" + width="2" + id="rect4474-1" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="13" + x="458" + height="2" + width="2" + id="rect4474-13" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + id="g4503-2" + transform="matrix(0.70710678,0.70710678,-0.70710678,0.70710678,140.80195,-321.92597)" + style="fill:#70788d;fill-opacity:1"> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="458" + height="2" + width="2" + id="rect4474-7" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="8" + x="463" + height="2" + width="2" + id="rect4474-4-5" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="8" + x="453" + height="2" + width="2" + id="rect4474-1-3" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="13" + x="458" + height="2" + width="2" + id="rect4474-13-8" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <path + style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 758,21 0,7.826172 0,0.173828 0.01,0 c 0.15733,2.222938 3.23986,3.977369 6.99023,3.978516 3.74811,-0.003 6.82715,-1.756919 6.98438,-3.978516 l 0.0154,0 0,-0.173828 0,-7.826172 z m 3.46483,2.849609 3.53517,3.535157 3.53516,-3.535157 1.20117,1.201172 -3.78125,3.783203 -0.95508,0.953125 -0.95508,-0.953125 -3.78125,-3.783203 0.95313,-0.955078 z" + id="rect4356-9" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccccccccccccccccccc" /> + <g + style="display:inline;fill:#70788d;fill-opacity:1" + id="g4734" + transform="translate(343,0.99999957)"> + <g + id="layer1-92" + inkscape:label="Calque 1" + style="display:inline;fill:#70788d;fill-opacity:1"> + <path + id="path3015" + d="M 5,2 C 3.892,2 3,2.892 3,4 l 0,3 -2,0 0,3 4,0 1,0 0,-2 4,0 0,2 1,0 4,0 0,-3 -2,0 0,-3 C 13,2.892 12.108,2 11,2 L 5,2 Z m 2,7 0,2 -2,0 0,2 2,0 0,2 2,0 0,-2 2,0 0,-2 -2,0 0,-2 -2,0 z" + style="display:inline;fill:#70788d;fill-opacity:1;stroke:none" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + id="g4377" + style="fill:#70788d;fill-opacity:1"> + <path + sodipodi:nodetypes="cccccc" + inkscape:connector-curvature="0" + id="path4766" + d="m 435,15 2,0 6,-6 -2,-2 -6,6 z" + style="fill:#70788d;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4768" + d="m 444,2 a 4,4 0 0 0 -4,4 4,4 0 0 0 4,4 4,4 0 0 0 4,-4 4,4 0 0 0 -0.33398,-1.5859375 c -0.0612,0.086178 -0.1291,0.1701155 -0.20704,0.2480469 l -1.84765,1.8476562 c -0.66351,0.6635048 -1.67021,0.7243245 -2.25781,0.1367188 -0.58761,-0.5876058 -0.52679,-1.5943077 0.13671,-2.2578125 l 1.84766,-1.8476563 c 0.0789,-0.078897 0.16267,-0.1491534 0.25,-0.2109375 A 4,4 0 0 0 444,2 Z" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 746.98828,2.4003902 c -0.25562,0 -0.51116,0.0971 -0.70703,0.2929688 l -2.30469,2.3066406 -1.98828,0 c -0.554,0 -1,0.446 -1,1 l 0,7.9785164 c 0,0.554 0.446,1 1,1 l 10,0 c 0.554,0 1,-0.446 1,-1 l 0,-7.9785164 c 0,-0.554 -0.446,-1 -1,-1 l -1.98828,0 -2.30469,-2.3066406 C 747.49944,2.4974904 747.2439,2.4003902 746.98828,2.4003902 Z m 1.55078,3.5996094 a 2.4615383,2.4615385 0 0 1 0.97656,0.203125 c -0.0537,0.038021 -0.10569,0.080354 -0.15429,0.1289062 l -1.13672,1.1386719 c -0.40828,0.4083106 -0.4456,1.0270683 -0.084,1.3886719 0.3616,0.3616032 0.98037,0.3243263 1.38868,-0.083984 l 1.13867,-1.1367187 c 0.0479,-0.047958 0.0892,-0.099311 0.12695,-0.1523438 A 2.4615383,2.4615385 0 0 1 751,8.4609371 2.4615383,2.4615385 0 0 1 748.53906,10.923828 2.4615383,2.4615385 0 0 1 747.5293,10.703125 L 744.23047,14 743,14 l 0,-1.230469 3.29688,-3.2988283 a 2.4615383,2.4615385 0 0 1 -0.22071,-1.0097656 2.4615383,2.4615385 0 0 1 2.46289,-2.4609375 z" + id="rect4744-3" /> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 693,1.9999996 a 7,7 0 0 0 -7,7 A 7,7 0 0 0 693,16 a 7,7 0 0 0 7,-7.0000004 7,7 0 0 0 -7,-7 z m 0,0.671875 0,2.328125 a 4,4 0 0 1 4,4 A 4,4 0 0 1 693,13 4,4 0 0 1 689.13086,9.9999996 l 1.04492,0 A 3,3 0 0 0 693,12 a 3,3 0 0 0 3,-3.0000004 3,3 0 0 0 -3,-3 l 0,2.328125 -1.75586,-1.7558594 -0.71289,-0.7128906 -0.36133,-0.359375 L 693,2.6718746 Z" + id="path4408" /> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 693,20 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,0.671875 L 693,23 a 4,4 0 0 1 4,4 4,4 0 0 1 -4,4 4,4 0 0 1 -3.86914,-3 l 1.04492,0 A 3,3 0 0 0 693,30 a 3,3 0 0 0 3,-3 3,3 0 0 0 -3,-3 l 0,2.328125 -1.75586,-1.755859 -0.71289,-0.712891 L 690.16992,23.5 693,20.671875 Z" + id="path4408-6" /> + <g + id="g4497" + style="fill:#70788d;fill-opacity:1"> + <path + sodipodi:nodetypes="cccccccccccccccccccccsssssss" + inkscape:connector-curvature="0" + id="path4490" + d="m 709.6,3 -1.6,2 -0.3,2 -2.7,3 0,5 1,0 2,-2 1,0 1,1 1,0 1,0 1,-1 1,0 2,2 1,0 0,-5 L 714.3,7 714,5 712.4,3 711,2 Z m 0.9,3 1,0 c 0.277,0 0.5,0.223 0.5,0.5 0,0.277 -0.223,0.5 -0.5,0.5 l -1,0 C 710.223,7 710,6.777 710,6.5 710,6.223 710.223,6 710.5,6 Z" + style="fill:#70788d;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <rect + ry="0.5" + rx="0.5" + y="14.5" + x="710" + height="1" + width="2" + id="rect4492" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + id="g4566" + transform="matrix(0,1,-1,0,247.2144,-263.81249)" + style="fill:#70788d;fill-opacity:1"> + <path + inkscape:connector-curvature="0" + id="rect4492-7-4" + d="m 272.53125,-19.781249 c -0.19625,0.008 -0.40095,0.0345 -0.59375,0.0625 -2.31356,0.335389 -4.30673,2.01152 -4.9375,4.40625 -0.13556,0.51465 -0.18822,1.02272 -0.1875,1.53125 l 1.96875,0 c 8.3e-4,-0.33898 0.0345,-0.68773 0.125,-1.03125 0.56572,-2.14773 2.75852,-3.40946 4.90625,-2.84375 0.6942,0.18285 1.28439,0.56718 1.78125,1.0625 l -1.8125,1.8125 5,0 0,-5.000001 -1.75,1.750001 c -0.74487,-0.740739 -1.68058,-1.257801 -2.71875,-1.531251 -0.59867,-0.157689 -1.19251,-0.244029 -1.78125,-0.218749 z" + style="color:#000000;display:block;overflow:visible;visibility:visible;fill:#70788d;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.9999997;marker:none;enable-background:new" /> + <path + inkscape:connector-curvature="0" + id="rect4492-7-85-4" + d="m 276.8125,-13.781249 c -0.002,0.33623 -0.0353,0.65936 -0.125,1 -0.56572,2.14773 -2.75852,3.409459 -4.90625,2.8437495 -0.6942,-0.1828495 -1.28439,-0.5671795 -1.78125,-1.0624995 l 1.8125,-1.8125 -5,0 0,4.999999 1.75,-1.75 c 0.74487,0.74074 1.68058,1.2578 2.71875,1.53125 0.59867,0.15769 1.19251,0.24403 1.78125,0.21875 0.19625,-0.008 0.40095,-0.0345 0.59375,-0.0625 2.31356,-0.33539 4.30673,-2.0115195 4.9375,-4.406249 0.13279,-0.50415 0.1856,-1.00151 0.1875,-1.5 l -1.96875,0 z" + style="color:#000000;display:block;overflow:visible;visibility:visible;fill:#70788d;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.9999997;marker:none;enable-background:new" /> + </g> + <g + id="g4668" + style="fill:#70788d;fill-opacity:1"> + <path + inkscape:connector-curvature="0" + id="path4584" + d="m 729,2 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,1 a 6,6 0 0 1 6,6 6,6 0 0 1 -6,6 6,6 0 0 1 -6,-6 6,6 0 0 1 6,-6 z" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1" + rx="1" + y="3" + x="727" + height="12" + width="1" + id="rect4589" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.3877788e-16" + rx="1.3877788e-16" + y="3" + x="730" + height="12" + width="1" + id="rect4589-8" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.3877788e-16" + rx="1.3877788e-16" + y="4.2568936" + x="724" + height="9.5251265" + width="1" + id="rect4589-1" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.3877788e-16" + rx="1.3877788e-16" + y="4.2998734" + x="733" + height="9.5251265" + width="1" + id="rect4589-1-4" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + transform="matrix(0,1,-1,0,0,0)" + ry="1.3877788e-16" + rx="1.3877788e-16" + y="-733.76257" + x="4" + height="9.5251265" + width="1" + id="rect4589-1-8" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + transform="matrix(0,1,-1,0,0,0)" + ry="1.3877788e-16" + rx="1.3877788e-16" + y="-733.76257" + x="13" + height="9.5251265" + width="1" + id="rect4589-1-2" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + transform="matrix(0,1,-1,0,0,0)" + ry="1.3877788e-16" + rx="1.3877788e-16" + y="-735" + x="10" + height="11.99998" + width="1" + id="rect4589-1-9" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + transform="matrix(0,1,-1,0,0,0)" + ry="1.3877788e-16" + rx="1.3877788e-16" + y="-735" + x="7" + height="11.99998" + width="1" + id="rect4589-1-22" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <circle + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4679" + cx="274" + cy="14" + r="2" /> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 272,6.9999996 0,3 A 6,6 0 0 1 278,16 l 3,0 a 9,9 0 0 0 -9,-9.0000004 z" + id="path4683" /> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 272,1.9999996 0,3 A 11,11 0 0 1 283,16 l 3,0 A 14,14 0 0 0 272,1.9999996 Z" + id="path4688" /> + <path + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 219,6.9999996 13,0 1,0 -1,7.9791974 0,0 -13,0 0,0 -1,-7.9791974 z" + id="rect4708" + inkscape:connector-curvature="0" + sodipodi:nodetypes="ccccccccc" /> + <rect + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4711" + width="13" + height="2" + x="219" + y="3.9999995" + rx="1.38778e-16" + ry="1.38778e-16" /> + <rect + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4713" + width="6" + height="3" + x="219" + y="2.9999995" + rx="1" + ry="1" /> + <rect + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4979" + width="10" + height="10" + x="200.00009" + y="6" + rx="1" + ry="1" /> + <ellipse + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4981" + cx="205.00009" + cy="3.625" + rx="2.0000014" + ry="1.625" /> + <rect + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4983" + width="2" + height="3.6273403" + x="204.00009" + y="4" + rx="1" + ry="1" /> + <g + id="g5003" + transform="matrix(0,1,-1.0333195,0,213.64476,-194)" + style="fill:#70788d;fill-opacity:1"> + <ellipse + ry="1.5" + rx="2.0000014" + cy="1.1550797" + cx="205" + id="path4981-3" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1" + rx="0.9677549" + y="1.6550797" + x="204" + height="3.6273403" + width="2" + id="rect4983-7" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <path + inkscape:connector-curvature="0" + style="fill:#70788d;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="M 361,3.9999998 C 360.60225,9.3474948 361.65771,11.475301 364,13 l 3,0 c 1.34792,-1.038563 0.98353,-1.5625 2,-1.5625 1.0167,0.0022 0.65208,0.523937 2,1.5625 l 3,0 c 2.34229,-1.524699 3.39775,-3.6525052 3,-9.0000002 0,0 -0.58016,0.801126 -1,1 l -2,0 c -0.39775,-0.839689 -2,-1 -2,-1 -2.03293,1.016466 -1.02772,1.779029 -2,2 l -1,0 -1,0 c -0.26517,0.06629 0.0329,-1.005631 -2,-2 0,0 -1.60225,0.160311 -2,1 l -2,0 c -0.41984,-0.198874 -1,-1 -1,-1 z m 5,4 a 2,1 0 0 1 2,1 A 2,1 0 0 1 366,10 a 2,1 0 0 1 -2,-1.0000002 2,1 0 0 1 2,-1 z m 6,0 a 2,1 0 0 1 2,1 A 2,1 0 0 1 372,10 a 2,1 0 0 1 -2,-1.0000002 2,1 0 0 1 2,-1 z" + id="path5021" /> + <g + id="g5070" + style="fill:#70788d;fill-opacity:1"> + <circle + r="7" + cy="9" + cx="9" + id="path5059" + style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="rect5061" + d="m 5,5 0,8 8,0 0,-8 -8,0 z m 1,1 6,0 0,6 -6,0 0,-6 z" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path5066" + d="m 6,6 6,6" + style="fill:#70788d;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path5068" + d="M 12,6 6,12" + style="fill:#70788d;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1" /> + </g> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/alltabs.svg b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/alltabs.svg new file mode 100644 index 0000000..756b8b9 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/alltabs.svg @@ -0,0 +1,59 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + id="svg2" + version="1.1" + inkscape:version="0.91 r13725" + width="9" + height="7" + viewBox="0 0 9 7" + sodipodi:docname="alltabs.svg"> + <metadata + id="metadata8"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <defs + id="defs6" /> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="640" + inkscape:window-height="480" + id="namedview4" + showgrid="true" + inkscape:zoom="32" + inkscape:cx="4.2933727" + inkscape:cy="3.1550663" + inkscape:current-layer="svg2"> + <inkscape:grid + type="xygrid" + id="grid4138" /> + </sodipodi:namedview> + <path + style="fill:#70788d;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1" + d="M 1,1 8,1 4.4835443,5 Z" + id="path4142" + inkscape:connector-curvature="0" /> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/new-tab.png b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/new-tab.png Binary files differnew file mode 100644 index 0000000..9eb31ca --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/new-tab.png diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-arrow-left.svg b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-arrow-left.svg new file mode 100644 index 0000000..cb108af --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-arrow-left.svg @@ -0,0 +1,121 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + viewBox="0 0 15 17" + height="17" + width="15" + version="1.1" + id="svg2" + inkscape:version="0.91 r13725" + sodipodi:docname="tab-arrow-left.svg"> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="640" + inkscape:window-height="480" + id="namedview18" + showgrid="true" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true" + inkscape:zoom="22.627417" + inkscape:cx="7.7208881" + inkscape:cy="6.8885532" + inkscape:current-layer="svg2"> + <inkscape:grid + type="xygrid" + id="grid4146" /> + </sodipodi:namedview> + <metadata + id="metadata8"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title /> + </cc:Work> + </rdf:RDF> + </metadata> + <defs + id="defs6" /> + <g + style="display:inline;fill:#70788d;fill-opacity:1" + transform="matrix(0.53737964,0,0,0.66501805,1.9938983,3.0134228)" + id="g4295"> + <g + id="layer9" + style="display:inline;fill:#70788d;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + style="fill:#70788d;fill-opacity:1" + id="layer10" + transform="translate(-100.0002,-745)" /> + <g + style="fill:#70788d;fill-opacity:1" + id="layer11" + transform="translate(-100.0002,-745)" /> + <g + style="fill:#70788d;fill-opacity:1" + id="layer13" + transform="translate(-100.0002,-745)" /> + <g + style="fill:#70788d;fill-opacity:1" + id="layer14" + transform="translate(-100.0002,-745)" /> + <g + id="layer15" + style="display:inline;fill:#70788d;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="g71291" + style="display:inline;fill:#70788d;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="g4953" + style="display:inline;fill:#70788d;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="layer12" + style="display:inline;fill:#70788d;fill-opacity:1" + transform="translate(-100.0002,-745)"> + <path + d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z" + id="path6040" + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + inkscape:connector-curvature="0" /> + <rect + height="1" + id="rect6046" + rx="1.8608819" + ry="1.5037186" + style="fill:#70788d;fill-opacity:1;stroke:none" + width="1" + x="112.00065" + y="748.00073" /> + <rect + height="1" + id="rect6050" + rx="1.8608819" + ry="1.5037186" + style="fill:#70788d;fill-opacity:1;stroke:none" + width="1" + x="112.00065" + y="759.00073" /> + </g> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-close-active.svg b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-close-active.svg new file mode 100644 index 0000000..eccc5e1 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-close-active.svg @@ -0,0 +1,97 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + id="svg7384" + version="1.1" + height="16" + width="16" + inkscape:version="0.91 r13725" + sodipodi:docname="tab-close-active.svg"> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1366" + inkscape:window-height="723" + id="namedview15" + showgrid="true" + inkscape:zoom="14.75" + inkscape:cx="-9.3321424" + inkscape:cy="10.005214" + inkscape:window-x="0" + inkscape:window-y="23" + inkscape:window-maximized="1" + inkscape:current-layer="svg7384"> + <inkscape:grid + type="xygrid" + id="grid2992" /> + </sodipodi:namedview> + <title + id="title9167">Gnome Symbolic Icon Theme</title> + <metadata + id="metadata90"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title>Gnome Symbolic Icon Theme</dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <defs + id="defs7386" /> + <g + transform="translate(-60,-518)" + id="layer9" + style="display:inline" /> + <g + transform="translate(-60,-518)" + id="layer10" /> + <g + transform="translate(-60,-518)" + id="layer11" /> + <g + id="g2996" + transform="matrix(0.75,0,0,0.75,2,2.0546875)" + style="fill:#5294e2;fill-opacity:1"> + <g + id="layer12" + transform="translate(-60,-518)" + style="fill:#5294e2;fill-opacity:1"> + <g + style="display:inline;fill:#5294e2;fill-opacity:1" + id="layer4-4-1" + transform="translate(19,-242)"> + <path + style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;color:#bebebe;fill:#5294e2;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new;font-family:Andale Mono;-inkscape-font-specification:Andale Mono" + id="path10839-9" + d="m 45,764 1,0 c 0.01037,-1.2e-4 0.02079,-4.6e-4 0.03125,0 0.254951,0.0112 0.50987,0.12858 0.6875,0.3125 L 49,766.59375 51.3125,764.3125 C 51.578125,764.082 51.759172,764.007 52,764 l 1,0 0,1 c 0,0.28647 -0.03434,0.55065 -0.25,0.75 l -2.28125,2.28125 2.25,2.25 C 52.906938,770.46942 52.999992,770.7347 53,771 l 0,1 -1,0 c -0.265301,-10e-6 -0.530586,-0.0931 -0.71875,-0.28125 L 49,769.4375 46.71875,771.71875 C 46.530586,771.90694 46.26529,772 46,772 l -1,0 0,-1 c -3e-6,-0.26529 0.09306,-0.53058 0.28125,-0.71875 l 2.28125,-2.25 L 45.28125,765.75 C 45.070508,765.55537 44.97809,765.28075 45,765 l 0,-1 z" + inkscape:connector-curvature="0" /> + </g> + </g> + </g> + <g + transform="translate(-60,-518)" + id="layer13" /> + <g + transform="translate(-60,-518)" + id="layer14" /> + <g + transform="translate(-60,-518)" + id="layer15" /> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-close-hover.svg b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-close-hover.svg new file mode 100644 index 0000000..c1a7b12 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-close-hover.svg @@ -0,0 +1,97 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + id="svg7384" + version="1.1" + height="16" + width="16" + inkscape:version="0.91 r13725" + sodipodi:docname="tab-close-hover.svg"> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1366" + inkscape:window-height="723" + id="namedview15" + showgrid="true" + inkscape:zoom="14.75" + inkscape:cx="-9.3321424" + inkscape:cy="10.005214" + inkscape:window-x="0" + inkscape:window-y="23" + inkscape:window-maximized="1" + inkscape:current-layer="svg7384"> + <inkscape:grid + type="xygrid" + id="grid2992" /> + </sodipodi:namedview> + <title + id="title9167">Gnome Symbolic Icon Theme</title> + <metadata + id="metadata90"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title>Gnome Symbolic Icon Theme</dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <defs + id="defs7386" /> + <g + transform="translate(-60,-518)" + id="layer9" + style="display:inline" /> + <g + transform="translate(-60,-518)" + id="layer10" /> + <g + transform="translate(-60,-518)" + id="layer11" /> + <g + id="g2996" + transform="matrix(0.75,0,0,0.75,2,2.0546875)" + style="fill:#f37076;fill-opacity:1"> + <g + id="layer12" + transform="translate(-60,-518)" + style="fill:#f37076;fill-opacity:1"> + <g + style="display:inline;fill:#f37076;fill-opacity:1" + id="layer4-4-1" + transform="translate(19,-242)"> + <path + style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;color:#bebebe;fill:#f37076;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new;font-family:Andale Mono;-inkscape-font-specification:Andale Mono" + id="path10839-9" + d="m 45,764 1,0 c 0.01037,-1.2e-4 0.02079,-4.6e-4 0.03125,0 0.254951,0.0112 0.50987,0.12858 0.6875,0.3125 L 49,766.59375 51.3125,764.3125 C 51.578125,764.082 51.759172,764.007 52,764 l 1,0 0,1 c 0,0.28647 -0.03434,0.55065 -0.25,0.75 l -2.28125,2.28125 2.25,2.25 C 52.906938,770.46942 52.999992,770.7347 53,771 l 0,1 -1,0 c -0.265301,-10e-6 -0.530586,-0.0931 -0.71875,-0.28125 L 49,769.4375 46.71875,771.71875 C 46.530586,771.90694 46.26529,772 46,772 l -1,0 0,-1 c -3e-6,-0.26529 0.09306,-0.53058 0.28125,-0.71875 l 2.28125,-2.25 L 45.28125,765.75 C 45.070508,765.55537 44.97809,765.28075 45,765 l 0,-1 z" + inkscape:connector-curvature="0" /> + </g> + </g> + </g> + <g + transform="translate(-60,-518)" + id="layer13" /> + <g + transform="translate(-60,-518)" + id="layer14" /> + <g + transform="translate(-60,-518)" + id="layer15" /> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-close-inactive.svg b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-close-inactive.svg new file mode 100644 index 0000000..94ae4a6 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-close-inactive.svg @@ -0,0 +1,97 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + id="svg7384" + version="1.1" + height="16" + width="16" + inkscape:version="0.91 r13725" + sodipodi:docname="tab-close-inactive.svg"> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1366" + inkscape:window-height="723" + id="namedview15" + showgrid="true" + inkscape:zoom="14.75" + inkscape:cx="-5.1626509" + inkscape:cy="1.8696208" + inkscape:window-x="0" + inkscape:window-y="23" + inkscape:window-maximized="1" + inkscape:current-layer="svg7384"> + <inkscape:grid + type="xygrid" + id="grid2992" /> + </sodipodi:namedview> + <title + id="title9167">Gnome Symbolic Icon Theme</title> + <metadata + id="metadata90"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title>Gnome Symbolic Icon Theme</dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <defs + id="defs7386" /> + <g + transform="translate(-60,-518)" + id="layer9" + style="display:inline" /> + <g + transform="translate(-60,-518)" + id="layer10" /> + <g + transform="translate(-60,-518)" + id="layer11" /> + <g + id="g2996" + transform="matrix(0.75,0,0,0.75,2,2.0546875)" + style="fill:#70788d;fill-opacity:1"> + <g + id="layer12" + transform="translate(-60,-518)" + style="fill:#70788d;fill-opacity:1"> + <g + style="display:inline;fill:#70788d;fill-opacity:1" + id="layer4-4-1" + transform="translate(19,-242)"> + <path + style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;color:#bebebe;fill:#70788d;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new;font-family:Andale Mono;-inkscape-font-specification:Andale Mono" + id="path10839-9" + d="m 45,764 1,0 c 0.01037,-1.2e-4 0.02079,-4.6e-4 0.03125,0 0.254951,0.0112 0.50987,0.12858 0.6875,0.3125 L 49,766.59375 51.3125,764.3125 C 51.578125,764.082 51.759172,764.007 52,764 l 1,0 0,1 c 0,0.28647 -0.03434,0.55065 -0.25,0.75 l -2.28125,2.28125 2.25,2.25 C 52.906938,770.46942 52.999992,770.7347 53,771 l 0,1 -1,0 c -0.265301,-10e-6 -0.530586,-0.0931 -0.71875,-0.28125 L 49,769.4375 46.71875,771.71875 C 46.530586,771.90694 46.26529,772 46,772 l -1,0 0,-1 c -3e-6,-0.26529 0.09306,-0.53058 0.28125,-0.71875 l 2.28125,-2.25 L 45.28125,765.75 C 45.070508,765.55537 44.97809,765.28075 45,765 l 0,-1 z" + inkscape:connector-curvature="0" /> + </g> + </g> + </g> + <g + transform="translate(-60,-518)" + id="layer13" /> + <g + transform="translate(-60,-518)" + id="layer14" /> + <g + transform="translate(-60,-518)" + id="layer15" /> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-close.svg b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-close.svg new file mode 100644 index 0000000..4af7b5a --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-close.svg @@ -0,0 +1,97 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + id="svg7384" + version="1.1" + height="16" + width="16" + inkscape:version="0.91 r13725" + sodipodi:docname="tab-close.svg"> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1366" + inkscape:window-height="723" + id="namedview15" + showgrid="true" + inkscape:zoom="14.75" + inkscape:cx="2.6339593" + inkscape:cy="10.005214" + inkscape:window-x="0" + inkscape:window-y="23" + inkscape:window-maximized="1" + inkscape:current-layer="svg7384"> + <inkscape:grid + type="xygrid" + id="grid2992" /> + </sodipodi:namedview> + <title + id="title9167">Gnome Symbolic Icon Theme</title> + <metadata + id="metadata90"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title>Gnome Symbolic Icon Theme</dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <defs + id="defs7386" /> + <g + transform="translate(-60,-518)" + id="layer9" + style="display:inline" /> + <g + transform="translate(-60,-518)" + id="layer10" /> + <g + transform="translate(-60,-518)" + id="layer11" /> + <g + id="g2996" + transform="matrix(0.75,0,0,0.75,2,2.0546875)" + style="fill:#70788d;fill-opacity:1"> + <g + id="layer12" + transform="translate(-60,-518)" + style="fill:#70788d;fill-opacity:1"> + <g + style="display:inline;fill:#70788d;fill-opacity:1" + id="layer4-4-1" + transform="translate(19,-242)"> + <path + style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;color:#bebebe;fill:#70788d;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new;font-family:Andale Mono;-inkscape-font-specification:Andale Mono" + id="path10839-9" + d="m 45,764 1,0 c 0.01037,-1.2e-4 0.02079,-4.6e-4 0.03125,0 0.254951,0.0112 0.50987,0.12858 0.6875,0.3125 L 49,766.59375 51.3125,764.3125 C 51.578125,764.082 51.759172,764.007 52,764 l 1,0 0,1 c 0,0.28647 -0.03434,0.55065 -0.25,0.75 l -2.28125,2.28125 2.25,2.25 C 52.906938,770.46942 52.999992,770.7347 53,771 l 0,1 -1,0 c -0.265301,-10e-6 -0.530586,-0.0931 -0.71875,-0.28125 L 49,769.4375 46.71875,771.71875 C 46.530586,771.90694 46.26529,772 46,772 l -1,0 0,-1 c -3e-6,-0.26529 0.09306,-0.53058 0.28125,-0.71875 l 2.28125,-2.25 L 45.28125,765.75 C 45.070508,765.55537 44.97809,765.28075 45,765 l 0,-1 z" + inkscape:connector-curvature="0" /> + </g> + </g> + </g> + <g + transform="translate(-60,-518)" + id="layer13" /> + <g + transform="translate(-60,-518)" + id="layer14" /> + <g + transform="translate(-60,-518)" + id="layer15" /> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-end-hover.svg b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-end-hover.svg new file mode 100644 index 0000000..dc506fd --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-end-hover.svg @@ -0,0 +1,89 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="30" + height="31" + id="svg2" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="tab-end-hover.svg"> + <metadata + id="metadata18"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title /> + </cc:Work> + </rdf:RDF> + </metadata> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1920" + inkscape:window-height="1052" + id="namedview16" + showgrid="true" + inkscape:zoom="21.532542" + inkscape:cx="-4.614844" + inkscape:cy="0.87490949" + inkscape:window-x="0" + inkscape:window-y="23" + inkscape:window-maximized="1" + inkscape:current-layer="svg2" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid3911" /> + </sodipodi:namedview> + <defs + id="defs4" /> + <g + id="g4136" + style="opacity:0.6"> + <rect + rx="0.5" + ry="0.5" + y="2" + x="-27.999998" + height="34" + width="44" + id="rect3837" + style="fill:#f5f6f7;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981" /> + <rect + ry="1" + y="1.5" + x="-28.5" + height="35" + width="45" + id="rect3837-9" + style="fill:none;fill-opacity:1;stroke:#cdd0d6;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + rx="1" /> + <rect + ry="1.3877788e-16" + rx="1.3877788e-16" + y="30" + x="16" + height="1" + width="1" + id="rect4135" + style="opacity:1;fill:#f5f6f7;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-end.svg b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-end.svg new file mode 100644 index 0000000..1e492e4 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-end.svg @@ -0,0 +1,85 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="30" + height="31" + id="svg2" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="tab-end.svg"> + <metadata + id="metadata18"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title /> + </cc:Work> + </rdf:RDF> + </metadata> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1920" + inkscape:window-height="1052" + id="namedview16" + showgrid="true" + inkscape:zoom="21.532542" + inkscape:cx="11.87183" + inkscape:cy="0.87490949" + inkscape:window-x="0" + inkscape:window-y="23" + inkscape:window-maximized="1" + inkscape:current-layer="svg2" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid3911" /> + </sodipodi:namedview> + <defs + id="defs4" /> + <rect + style="fill:#f5f6f7;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981" + id="rect3837" + width="44" + height="34" + x="-27.999998" + y="2" + ry="0.5" + rx="0.5" /> + <rect + rx="1" + style="fill:none;fill-opacity:1;stroke:#cdd0d6;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect3837-9" + width="45" + height="35" + x="-28.5" + y="1.5" + ry="1" /> + <rect + style="opacity:1;fill:#f5f6f7;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4135" + width="1" + height="1" + x="16" + y="30" + rx="1.3877788e-16" + ry="1.3877788e-16" /> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-middle-hover.svg b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-middle-hover.svg new file mode 100644 index 0000000..6e46874 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-middle-hover.svg @@ -0,0 +1,80 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="30" + height="31" + id="svg2" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="tab-middle-hover.svg"> + <metadata + id="metadata18"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title /> + </cc:Work> + </rdf:RDF> + </metadata> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1920" + inkscape:window-height="1052" + id="namedview16" + showgrid="true" + inkscape:zoom="21.532542" + inkscape:cx="-0.13325499" + inkscape:cy="30.597364" + inkscape:window-x="0" + inkscape:window-y="23" + inkscape:window-maximized="1" + inkscape:current-layer="svg2" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid3911" /> + </sodipodi:namedview> + <defs + id="defs4" /> + <g + id="g4135" + style="opacity:0.6"> + <rect + rx="0.5" + ry="0.5" + y="2" + x="-6.999999" + height="34" + width="44" + id="rect3837" + style="fill:#f5f6f7;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981" /> + <rect + ry="1" + y="1.5" + x="-7.5" + height="35" + width="45" + id="rect3837-9" + style="fill:none;fill-opacity:1;stroke:#cdd0d6;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + rx="1" /> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-middle.svg b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-middle.svg new file mode 100644 index 0000000..297ea86 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-middle.svg @@ -0,0 +1,76 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="30" + height="31" + id="svg2" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="tabActiveMiddle.svg"> + <metadata + id="metadata18"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1920" + inkscape:window-height="1052" + id="namedview16" + showgrid="true" + inkscape:zoom="21.532542" + inkscape:cx="16.353419" + inkscape:cy="30.597364" + inkscape:window-x="0" + inkscape:window-y="23" + inkscape:window-maximized="1" + inkscape:current-layer="svg2" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid3911" /> + </sodipodi:namedview> + <defs + id="defs4" /> + <rect + style="fill:#f5f6f7;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981" + id="rect3837" + width="44" + height="34" + x="-6.999999" + y="2" + ry="0.5" + rx="0.5" /> + <rect + rx="1" + style="fill:none;fill-opacity:1;stroke:#cdd0d6;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect3837-9" + width="45" + height="35" + x="-7.5" + y="1.5" + ry="1" /> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-overflow-indicator.png b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-overflow-indicator.png Binary files differnew file mode 100644 index 0000000..b68a77e --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-overflow-indicator.png diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-start-hover.svg b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-start-hover.svg new file mode 100644 index 0000000..37da925 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-start-hover.svg @@ -0,0 +1,88 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="30" + height="31" + id="svg2" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="tab-start-hover.svg"> + <metadata + id="metadata18"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title /> + </cc:Work> + </rdf:RDF> + </metadata> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1920" + inkscape:window-height="1052" + id="namedview16" + showgrid="true" + inkscape:zoom="60.903226" + inkscape:cx="7.4228743" + inkscape:cy="3.0056555" + inkscape:window-x="0" + inkscape:window-y="23" + inkscape:window-maximized="1" + inkscape:current-layer="svg2" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid3911" /> + </sodipodi:namedview> + <defs + id="defs4" /> + <g + id="g4136" + style="opacity:0.6"> + <rect + ry="0.5" + y="2" + x="14" + height="34" + width="44" + id="rect3837" + style="fill:#f5f6f7;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981" /> + <rect + ry="1" + y="1.5" + x="13.5" + height="35" + width="45" + id="rect3837-9" + style="fill:none;fill-opacity:1;stroke:#cdd0d6;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + rx="1" /> + <rect + ry="1.3877788e-16" + rx="1.3877788e-16" + y="30" + x="13" + height="1" + width="1" + id="rect4135" + style="opacity:1;fill:#f5f6f7;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-start.svg b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-start.svg new file mode 100644 index 0000000..1cb8b10 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-start.svg @@ -0,0 +1,84 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="30" + height="31" + id="svg2" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="tab-start.svg"> + <metadata + id="metadata18"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title /> + </cc:Work> + </rdf:RDF> + </metadata> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1920" + inkscape:window-height="1052" + id="namedview16" + showgrid="true" + inkscape:zoom="60.903226" + inkscape:cx="13.251794" + inkscape:cy="3.0056555" + inkscape:window-x="0" + inkscape:window-y="23" + inkscape:window-maximized="1" + inkscape:current-layer="svg2" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid3911" /> + </sodipodi:namedview> + <defs + id="defs4" /> + <rect + style="fill:#f5f6f7;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981" + id="rect3837" + width="44" + height="34" + x="14" + y="2" + ry="0.5" /> + <rect + rx="1" + style="fill:none;fill-opacity:1;stroke:#cdd0d6;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect3837-9" + width="45" + height="35" + x="13.5" + y="1.5" + ry="1" /> + <rect + style="opacity:1;fill:#f5f6f7;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4135" + width="1" + height="1" + x="13" + y="30" + rx="1.3877788e-16" + ry="1.3877788e-16" /> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/toolbar-icons.svg b/arc-firefox-theme/chrome/browser/custom_images/light/toolbar-icons.svg new file mode 100644 index 0000000..f4f8390 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/light/toolbar-icons.svg @@ -0,0 +1,1432 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + id="svg2" + version="1.1" + inkscape:version="0.91 r13725" + width="774" + height="36" + viewBox="0 0 774 36" + sodipodi:docname="toolbar-icons.svg"> + <metadata + id="metadata8"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <defs + id="defs6"> + <inkscape:path-effect + effect="spiro" + id="path-effect4386-3" + is_visible="true" /> + </defs> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="640" + inkscape:window-height="480" + id="namedview4" + showgrid="true" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true" + showguides="false" + inkscape:guide-bbox="true" + inkscape:zoom="1" + inkscape:cx="274.95973" + inkscape:cy="-1.0049715" + inkscape:current-layer="layer2" + inkscape:object-paths="true" + inkscape:snap-intersection-paths="true" + inkscape:object-nodes="true" + inkscape:snap-bbox-midpoints="true" + inkscape:snap-nodes="true" + inkscape:snap-global="true"> + <inkscape:grid + type="xygrid" + id="grid4138" /> + <sodipodi:guide + position="18,27" + orientation="1,0" + id="guide4140" /> + <sodipodi:guide + position="36,27" + orientation="1,0" + id="guide4144" /> + <sodipodi:guide + position="54,27" + orientation="1,0" + id="guide4165" /> + <sodipodi:guide + position="72,27" + orientation="1,0" + id="guide4167" /> + <sodipodi:guide + position="90,27" + orientation="1,0" + id="guide4169" /> + <sodipodi:guide + position="108,27" + orientation="1,0" + id="guide4171" /> + <sodipodi:guide + position="126,27" + orientation="1,0" + id="guide4173" /> + <sodipodi:guide + position="144,26" + orientation="1,0" + id="guide4175" /> + <sodipodi:guide + position="162,26" + orientation="1,0" + id="guide4177" /> + <sodipodi:guide + position="180,26" + orientation="1,0" + id="guide4179" /> + <sodipodi:guide + position="198,26" + orientation="1,0" + id="guide4181" /> + <sodipodi:guide + position="216,26" + orientation="1,0" + id="guide4183" /> + <sodipodi:guide + position="234,26" + orientation="1,0" + id="guide4185" /> + <sodipodi:guide + position="252,26" + orientation="1,0" + id="guide4187" /> + <sodipodi:guide + position="270,27" + orientation="1,0" + id="guide4189" /> + <sodipodi:guide + position="288,27" + orientation="1,0" + id="guide4191" /> + <sodipodi:guide + position="306,27" + orientation="1,0" + id="guide4193" /> + <sodipodi:guide + position="324,27" + orientation="1,0" + id="guide4195" /> + <sodipodi:guide + position="342,27" + orientation="1,0" + id="guide4197" /> + <sodipodi:guide + position="360,27" + orientation="1,0" + id="guide4199" /> + <sodipodi:guide + position="378,27" + orientation="1,0" + id="guide4201" /> + <sodipodi:guide + position="396,27" + orientation="1,0" + id="guide4203" /> + <sodipodi:guide + position="414,27" + orientation="1,0" + id="guide4205" /> + <sodipodi:guide + position="432,27" + orientation="1,0" + id="guide4207" /> + <sodipodi:guide + position="450,27" + orientation="1,0" + id="guide4209" /> + <sodipodi:guide + position="468,27" + orientation="1,0" + id="guide4211" /> + <sodipodi:guide + position="486,27" + orientation="1,0" + id="guide4213" /> + <sodipodi:guide + position="504,27" + orientation="1,0" + id="guide4215" /> + <sodipodi:guide + position="522,27" + orientation="1,0" + id="guide4217" /> + <sodipodi:guide + position="540,27" + orientation="1,0" + id="guide4219" /> + <sodipodi:guide + position="558,27" + orientation="1,0" + id="guide4221" /> + <sodipodi:guide + position="576,27" + orientation="1,0" + id="guide4223" /> + <sodipodi:guide + position="594,27" + orientation="1,0" + id="guide4225" /> + <sodipodi:guide + position="612,27" + orientation="1,0" + id="guide4227" /> + <sodipodi:guide + position="630,27" + orientation="1,0" + id="guide4229" /> + <sodipodi:guide + position="648,27" + orientation="1,0" + id="guide4231" /> + <sodipodi:guide + position="666,27" + orientation="1,0" + id="guide4233" /> + <sodipodi:guide + position="684,27" + orientation="1,0" + id="guide4235" /> + <sodipodi:guide + position="702,27" + orientation="1,0" + id="guide4237" /> + <sodipodi:guide + position="720,27" + orientation="1,0" + id="guide4239" /> + <sodipodi:guide + position="738,27" + orientation="1,0" + id="guide4241" /> + <sodipodi:guide + position="756,27" + orientation="1,0" + id="guide4243" /> + <sodipodi:guide + position="0,18" + orientation="0,1" + id="guide4245" /> + <sodipodi:guide + position="59.720667,21.020803" + orientation="0,1" + id="guide4691" /> + <sodipodi:guide + position="63,33" + orientation="0,1" + id="guide4693" /> + <sodipodi:guide + position="450,18" + orientation="1,0" + id="guide4716" /> + </sodipodi:namedview> + <g + inkscape:groupmode="layer" + id="layer2" + inkscape:label="Layer 2" + style="display:inline"> + <g + id="g4295" + transform="translate(17.984,-0.01700159)"> + <g + transform="translate(-100.0002,-745)" + style="display:inline" + inkscape:label="status" + id="layer9" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="devices" + id="layer10" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="apps" + id="layer11" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="places" + id="layer13" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="mimetypes" + id="layer14" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline" + inkscape:label="emblems" + id="layer15" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline" + inkscape:label="emotes" + id="g71291" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline" + inkscape:label="categories" + id="g4953" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline" + inkscape:label="actions" + id="layer12"> + <path + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + id="path6040" + d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z" + inkscape:connector-curvature="0" /> + <rect + y="748.00073" + x="112.00065" + width="1" + style="fill:#5c616c;fill-opacity:1;stroke:none" + ry="1" + rx="1" + id="rect6046" + height="1" /> + <rect + y="759.00073" + x="112.00065" + width="1" + style="fill:#5c616c;fill-opacity:1;stroke:none" + ry="1" + rx="1" + id="rect6050" + height="1" /> + </g> + </g> + <g + id="g4295-3" + transform="matrix(-1,0,0,1,72.037527,0.01274702)"> + <g + transform="translate(-100.0002,-745)" + style="display:inline" + inkscape:label="status" + id="layer9-9" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="devices" + id="layer10-2" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="apps" + id="layer11-0" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="places" + id="layer13-0" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="mimetypes" + id="layer14-2" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline" + inkscape:label="emblems" + id="layer15-5" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline" + inkscape:label="emotes" + id="g71291-0" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline" + inkscape:label="categories" + id="g4953-6" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline" + inkscape:label="actions" + id="layer12-0"> + <path + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + id="path6040-6" + d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z" + inkscape:connector-curvature="0" /> + <rect + y="748.00073" + x="112.00065" + width="1" + style="fill:#5c616c;fill-opacity:1;stroke:none" + ry="1" + rx="1" + id="rect6046-0" + height="1" /> + <rect + y="759.00073" + x="112.00065" + width="1" + style="fill:#5c616c;fill-opacity:1;stroke:none" + ry="1" + rx="1" + id="rect6050-1" + height="1" /> + </g> + </g> + <g + id="g4295-7" + transform="translate(35.962473,0.01274702)"> + <g + transform="translate(-100.0002,-745)" + style="display:inline" + inkscape:label="status" + id="layer9-0" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="devices" + id="layer10-6" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="apps" + id="layer11-3" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="places" + id="layer13-4" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="mimetypes" + id="layer14-3" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline" + inkscape:label="emblems" + id="layer15-6" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline" + inkscape:label="emotes" + id="g71291-1" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline" + inkscape:label="categories" + id="g4953-9" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline" + inkscape:label="actions" + id="layer12-9"> + <path + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + id="path6040-68" + d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z" + inkscape:connector-curvature="0" /> + <rect + y="748.00073" + x="112.00065" + width="1" + style="fill:#5c616c;fill-opacity:1;stroke:none" + ry="1" + rx="1" + id="rect6046-3" + height="1" /> + <rect + y="759.00073" + x="112.00065" + width="1" + style="fill:#5c616c;fill-opacity:1;stroke:none" + ry="1" + rx="1" + id="rect6050-4" + height="1" /> + </g> + </g> + <g + id="g4492" + transform="matrix(0.98812264,0,0,1,2.0927143,0)"> + <g + transform="matrix(-1,0,0,1,105.03753,-0.00212728)" + id="g4295-3-4"> + <g + id="layer9-9-7" + inkscape:label="status" + style="display:inline" + transform="translate(-100.0002,-745)" /> + <g + id="layer10-2-8" + inkscape:label="devices" + transform="translate(-100.0002,-745)" /> + <g + id="layer11-0-6" + inkscape:label="apps" + transform="translate(-100.0002,-745)" /> + <g + id="layer13-0-0" + inkscape:label="places" + transform="translate(-100.0002,-745)" /> + <g + id="layer14-2-8" + inkscape:label="mimetypes" + transform="translate(-100.0002,-745)" /> + <g + id="layer15-5-0" + inkscape:label="emblems" + style="display:inline" + transform="translate(-100.0002,-745)" /> + <g + id="g71291-0-3" + inkscape:label="emotes" + style="display:inline" + transform="translate(-100.0002,-745)" /> + <g + id="g4953-6-0" + inkscape:label="categories" + style="display:inline" + transform="translate(-100.0002,-745)" /> + <g + id="layer12-0-4" + inkscape:label="actions" + style="display:inline" + transform="translate(-100.0002,-745)"> + <path + inkscape:connector-curvature="0" + d="m 111.87541,748.00075 c -0.22395,0.0242 -0.43316,0.12331 -0.59375,0.28125 l -4.99996,4.99974 -0.6875,0.71875 0.6875,0.71875 4.99996,4.99964 c 0.95833,0.95845 2.39595,-0.47917 1.4375,-1.4375 l -4.28121,-4.28089 4.28121,-4.28099 c 0.72453,-0.67473 0.1332,-1.8793 -0.84375,-1.71875 z" + id="path6040-6-8" + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + sodipodi:nodetypes="cccccccccc" /> + <rect + height="1" + id="rect6046-0-3" + rx="1.0120201" + ry="1" + style="fill:#5c616c;fill-opacity:1;stroke:none" + width="1" + x="111.01369" + y="749.00214" /> + <rect + height="1" + id="rect6050-1-1" + rx="1.0120201" + ry="1" + style="fill:#5c616c;fill-opacity:1;stroke:none" + width="1" + x="111.0257" + y="758.00214" /> + </g> + </g> + <g + transform="translate(91.106717,-0.00212728)" + id="g4295-3-0"> + <g + id="layer9-9-9" + inkscape:label="status" + style="display:inline" + transform="translate(-100.0002,-745)" /> + <g + id="layer10-2-1" + inkscape:label="devices" + transform="translate(-100.0002,-745)" /> + <g + id="layer11-0-2" + inkscape:label="apps" + transform="translate(-100.0002,-745)" /> + <g + id="layer13-0-8" + inkscape:label="places" + transform="translate(-100.0002,-745)" /> + <g + id="layer14-2-3" + inkscape:label="mimetypes" + transform="translate(-100.0002,-745)" /> + <g + id="layer15-5-04" + inkscape:label="emblems" + style="display:inline" + transform="translate(-100.0002,-745)" /> + <g + id="g71291-0-9" + inkscape:label="emotes" + style="display:inline" + transform="translate(-100.0002,-745)" /> + <g + id="g4953-6-3" + inkscape:label="categories" + style="display:inline" + transform="translate(-100.0002,-745)" /> + <g + id="layer12-0-2" + inkscape:label="actions" + style="display:inline" + transform="translate(-100.0002,-745)"> + <path + inkscape:connector-curvature="0" + d="m 111.87541,748.00075 c -0.22394,0.0242 -0.43316,0.12331 -0.59375,0.28125 l -4.99996,4.99974 -0.6875,0.71875 0.6875,0.71875 4.99996,4.99964 c 0.95833,0.95845 2.39595,-0.47917 1.4375,-1.4375 l -4.28121,-4.28089 4.28121,-4.28099 c 0.72453,-0.67473 0.1332,-1.8793 -0.84375,-1.71875 z" + id="path6040-6-2" + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + sodipodi:nodetypes="cccccccccc" /> + <rect + height="1" + id="rect6046-0-5" + rx="1.0120201" + ry="1" + style="fill:#5c616c;fill-opacity:1;stroke:none" + width="1" + x="111.01369" + y="749.00214" /> + <rect + height="1" + id="rect6050-1-18" + rx="1.0120201" + ry="1" + style="fill:#5c616c;fill-opacity:1;stroke:none" + width="1" + x="111.01369" + y="758.00214" /> + </g> + </g> + </g> + <g + id="g4559"> + <path + id="path4520" + d="M 81.5,3 A 6.5,6.5 0 0 0 75,9.5 6.5,6.5 0 0 0 81.5,16 6.5,6.5 0 0 0 87.494141,12 l -2.253907,0 A 4.5,4.5 0 0 1 81.5,14 4.5,4.5 0 0 1 77,9.5 4.5,4.5 0 0 1 81.5,5 4.5,4.5 0 0 1 85.966797,9 l 2.007812,0 A 6.5,6.5 0 0 0 81.5,3 Z" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + inkscape:connector-curvature="0" /> + <path + id="rect4541" + d="M 88,2 81,8.9980469 81,9 88,9 88,2 Z" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + inkscape:connector-curvature="0" /> + </g> + <g + id="g4577"> + <path + id="rect4563" + d="m 112,8 0,7 4,0 0,-4 2,0 0,4 4,0 0,-7 -10,0 z" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + inkscape:connector-curvature="0" /> + <path + sodipodi:nodetypes="cccc" + inkscape:connector-curvature="0" + id="rect4571" + d="m 117,2 7,7 -14,0 z" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + id="g4687"> + <path + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 189,16 6,-7 -12,0 z" + id="rect4571-4" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccc" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="187" + height="7" + width="4" + id="rect4685" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + transform="translate(0,18)" + id="g4687-5" + style="fill:#5294e2;fill-opacity:1"> + <path + style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 189,16 6,-7 -12,0 z" + id="rect4571-4-7" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccc" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="187" + height="7" + width="4" + id="rect4685-1" + style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + transform="translate(289.02527,-31)" + inkscape:label="Layer 1" + id="layer1-2" + style="fill:#5c616c;fill-opacity:1"> + <path + sodipodi:nodetypes="ccccccccccccccc" + inkscape:connector-curvature="0" + id="path6400" + d="M 15.247455,35.298295 0.702,38.338068 l 2.7272727,2.130683 0,4.232954 3.1818182,-1.818182 0,0 L 5.702,41.889204 9.366776,44.531249 Z m -1.30682,0.880682 -8.0397744,5.113637 -0.7954505,1.193181 -0.7670465,0.482956 0,-2.130683 z" + style="display:inline;fill:#5c616c;fill-opacity:1;stroke:none;enable-background:new" /> + </g> + <g + style="display:inline;fill:#5c616c;fill-opacity:1" + inkscape:label="Calque 1" + id="layer1-5" + transform="translate(612.125,7.75)"> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#5c616c;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + d="m 38.875,-3.75 c -0.554,0 -1,0.446 -1,1 l 0,8 c 0,0.554 0.446,1 1,1 l 12,0 c 0.554,0 1,-0.446 1,-1 l 0,-8 c 0,-0.554 -0.446,-1 -1,-1 l -12,0 z m 0,1 6,5 6,-5 0,1 -6,5 -6,-5 0,-1 z m 2.5625,4.875 0.59375,0.5 -3.15625,2.625 0,-1 2.5625,-2.125 z m 6.875,0 2.5625,2.125 0,1 -3.15625,-2.625 0.59375,-0.5 z" + id="rect3836" + inkscape:connector-curvature="0" /> + </g> + <g + style="display:inline;fill:#5c616c;fill-opacity:1" + id="g4644" + transform="translate(487,1.0062451)"> + <g + id="layer1-8" + inkscape:label="Calque 1" + style="display:inline;fill:#5c616c;fill-opacity:1"> + <path + id="path2397" + d="m 3.875,0.99999979 c -0.022285,0.00536 -0.044875,0.016494 -0.0625,0.03125 -0.011521,0.00867 -0.022653,0.019636 -0.03125,0.03125 0,0 -0.2700217,0.3260161 -0.5,0.78125 -0.2299782,0.4552339 -0.4120417,1.0356923 -0.15625,1.53125 0.7884499,1.5239749 2.0839251,3.7672489 3.0625,5.28125 0.1544088,-0.5124922 0.3396962,-1.0371273 0.65625,-1.5625 -1.474e-4,-0.010193 -1.472e-4,-0.021056 0,-0.03125 L 7.375,6.2187498 4.03125,1.0624998 C 4.02265,1.0508848 4.011521,1.0399168 4,1.0312498 c -0.010085,-0.00104 -0.021165,-0.00104 -0.03125,0 0.00103,-0.010168 0.00103,-0.021082 0,-0.03125 -0.010085,-0.00104 -0.021164,-0.00104 -0.03125,0 -0.010085,-0.00104 -0.021164,-0.00104 -0.03125,0 -0.010085,-0.00104 -0.021164,-0.00104 -0.03125,0 z m 8.15625,0 c -10e-4,0.010168 -10e-4,0.021082 0,0.03125 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 -0.01152,0.00867 -0.02265,0.019635 -0.03125,0.03125 l -4.25,6.5625 C 7.3818216,8.1841872 7.1713962,9.126518 6.90625,9.8749998 6.773677,10.249241 6.632616,10.579794 6.46875,10.78125 6.3048838,10.982706 6.1573198,11.054945 5.9375,11 5.93129,10.999083 5.910307,11.000259 5.90625,11 5.896093,11.000151 5.881498,10.999635 5.875,11 5.87062,10.999401 5.845624,11.000106 5.84375,11 5.3626321,10.86226 4.9161697,10.88365 4.53125,11.03125 4.0477735,11.216643 3.6630669,11.552098 3.375,12 3.0860242,12.449317 2.9358336,12.959398 3,13.4375 c 0.063099,0.470153 0.3425241,0.987937 0.96875,1.3125 0.6267957,0.324859 1.2688988,0.278233 1.75,0.09375 C 6.2022267,14.658358 6.5869334,14.322902 6.875,13.875 7.1344973,13.471519 7.2416509,13.02322 7.21875,12.59375 7.2188525,12.59363 7.249953,12.5314 7.25,12.53125 c 4.68e-5,-1.5e-4 1.3e-5,-0.03107 0,-0.03125 0.00103,-0.01017 0.00103,-0.02108 0,-0.03125 -7.574e-4,-0.0056 -0.030161,0.0051 -0.03125,0 -0.00327,-0.01539 0.0049,-0.02028 0,-0.03125 -5.419e-4,-0.0084 5.294e-4,-0.02262 0,-0.03125 -0.00553,-0.03035 -0.00716,-0.04147 0,-0.03125 -0.020462,-0.352009 -0.034716,-0.828513 0.15625,-1.28125 0.2005139,-0.475374 0.6186139,-0.917373 1.5,-1.1562502 0.022285,-0.00536 0.044875,-0.016494 0.0625,-0.03125 0.01152,-0.00867 0.022653,-0.019635 0.03125,-0.03125 0.8843995,-1.185979 2.854984,-4.4680334 3.90625,-6.5 0.255791,-0.4955577 0.07373,-1.0760161 -0.15625,-1.53125 -0.229978,-0.4552339 -0.5,-0.78125 -0.5,-0.78125 -0.0086,-0.011614 -0.01973,-0.022583 -0.03125,-0.03125 -0.01763,-0.014756 -0.04021,-0.025888 -0.0625,-0.03125 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 z M 9.5,10.75 C 9.3894228,10.82871 9.2946704,10.904198 9.15625,10.9375 8.9062562,11.00525 8.7332712,11.058735 8.625,11.125 c 0.1783292,0.444209 0.1762788,0.905437 0.15625,1.25 0.00716,-0.01022 0.00553,9e-4 0,0.03125 -5.294e-4,0.0086 5.414e-4,0.0228 0,0.03125 -0.00491,0.01097 0.00327,0.01586 0,0.03125 -0.00109,0.0051 -0.030493,-0.0056 -0.03125,0 -0.00103,0.01017 -0.00103,0.02108 0,0.03125 -1.3e-5,1.84e-4 -4.68e-5,0.0311 0,0.03125 4.68e-5,1.51e-4 0.031147,0.06238 0.03125,0.0625 -0.022901,0.42947 0.084253,0.877769 0.34375,1.28125 0.2880666,0.447902 0.6727728,0.783358 1.15625,0.96875 0.481101,0.184483 1.123205,0.231109 1.75,-0.09375 C 12.657476,14.425437 12.936901,13.907653 13,13.4375 13.06417,12.959398 12.91398,12.449317 12.625,12 12.336933,11.552098 11.952226,11.216643 11.46875,11.03125 11.08383,10.88365 10.637368,10.86226 10.15625,11 c -0.0019,1.06e-4 -0.02687,-5.99e-4 -0.03125,0 -0.0065,-3.65e-4 -0.02109,1.51e-4 -0.03125,0 -0.0041,2.59e-4 -0.02504,-9.17e-4 -0.03125,0 C 9.8426802,11.05495 9.6951161,10.98271 9.53125,10.78125 9.52318,10.77135 9.507898,10.76058 9.5,10.75 Z m -4.25,1.3125 c 0.1041762,0.0047 0.2340963,0.01938 0.3125,0.0625 0.1742344,0.09581 0.2816322,0.271981 0.3125,0.46875 0.030868,0.196769 -0.021258,0.402302 -0.15625,0.625 C 5.4509472,13.660548 4.9070917,13.876992 4.5625,13.6875 4.3906342,13.59299 4.2812498,13.39314 4.25,13.1875 4.21875,12.98186 4.271964,12.784035 4.40625,12.5625 4.6068231,12.231613 4.9430901,12.048615 5.25,12.0625 Z m 5.5,0 c 0.30691,-0.01389 0.643177,0.169113 0.84375,0.5 0.134287,0.221535 0.1875,0.41936 0.15625,0.625 -0.03125,0.20564 -0.140634,0.40549 -0.3125,0.5 -0.344592,0.189492 -0.888448,-0.02695 -1.15625,-0.46875 -0.134992,-0.222698 -0.187118,-0.428231 -0.15625,-0.625 0.03087,-0.196769 0.138266,-0.372938 0.3125,-0.46875 0.0784,-0.04312 0.208324,-0.05779 0.3125,-0.0625 z" + style="display:inline;fill:#5c616c;fill-opacity:1;stroke:none" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + style="display:inline;fill:#5c616c;fill-opacity:1" + id="g4662" + transform="translate(523,1.0000004)"> + <g + id="layer1-9" + inkscape:label="Calque 1" + style="display:inline;fill:#5c616c;fill-opacity:1"> + <path + sodipodi:nodetypes="ccsssssccssssscssccccccccsssssssss" + id="Symbol" + d="m 5,0.9999996 0,0.96875 -1.46875,0 c -0.8309999,0 -1.5,0.669 -1.5,1.5 l 0,8.0312504 c 0,0.810431 0.6351935,1.468004 1.4375,1.5 0.020363,8.12e-4 0.041931,0 0.0625,0 L 4,13 5,13 5,13.5 C 5,14.331 5.669,15 6.5,15 l 6,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-7.0000004 c 0,-0.657875 -0.412983,-1.2029937 -1,-1.40625 l 0,-1.625 c 0,-0.8309999 -0.669,-1.5 -1.5,-1.5 l -1.5,0 0,-0.96875 z m 1,1 3,0 0,1 -3,0 z m 1.5,5 4,0 c 0.277,0 0.5,0.223 0.5,0.5 L 12,12.5 c 0,0.277 -0.223,0.5 -0.5,0.5 l -4,0 C 7.223,13 7,12.777 7,12.5 L 7,7.4999996 c 0,-0.277 0.223,-0.5 0.5,-0.5 z" + style="display:inline;fill:#5c616c;fill-opacity:1;stroke:none" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + style="display:inline;fill:#5c616c;fill-opacity:1" + id="g4698" + transform="translate(396.98917,1)"> + <g + id="layer1-4" + inkscape:label="Calque 1" + style="display:inline;fill:#5c616c;fill-opacity:1"> + <path + sodipodi:nodetypes="cccccccccccccccccccccccccccccccccccccccccccssscccccccc" + id="Symbol-7" + d="M 4.5,1 C 3.669,1 3,1.669 3,2.5 l 0,1.0625 0,3.46875 -0.53125,0 c -0.831,0 -1.5,0.669 -1.5,1.5 l 0,3.03125 c 0,0.831 0.669,1.5 1.5,1.5 L 3,13.0625 3,13.1875 3,13.5 C 3,14.331 3.669,15 4.5,15 l 7,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-0.3125 0,-0.125 0.53125,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-3.0625 c 0,-0.8310001 -0.669,-1.5 -1.5,-1.5 L 13,7 13,5.6875 13,2.5 C 13,1.669 12.331,1 11.5,1 l -7,0 z m 1,2 5,0 C 10.777,3 11,3.223 11,3.5 L 11,8 5,8 5,3.5 C 5,3.223 5.223,3 5.5,3 Z m 0.5,1 0,1 4.010835,0 0,-1 L 6,4 Z M 6,6 6,7 9,7 9,6 6,6 Z m 7.5,3 c 0.276,-2e-7 0.5,0.224 0.5,0.5 C 14,9.7759998 13.776,10 13.5,10 13.224,9.9999998 13,9.776 13,9.5 13,9.2239998 13.224,9 13.5,9 Z m -8.5,3 6,0 0,0.5 c 0,0.277 -0.223,0.5 -0.5,0.5 l -5,0 C 5.223,13 5,12.777 5,12.5 L 5,12 Z" + style="display:inline;fill:#5c616c;fill-opacity:1;stroke:none" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + style="display:inline;fill:#5c616c;fill-opacity:1" + id="g4716" + transform="translate(505,1)"> + <g + id="layer1-1" + inkscape:label="Calque 1" + style="display:inline;fill:#5c616c;fill-opacity:1"> + <path + sodipodi:nodetypes="ccccccccccccccccccccccccccccccc" + id="Symbol-6" + d="M 6.5,1 C 5.669,1 5,1.669 5,2.5 l 0,8 C 5,11.331 5.669,12 6.5,12 l 6,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-8 C 14,1.669 13.331,1 12.5,1 l -6,0 z m 1,2 4,0 C 11.777,3 12,3.223 12,3.5 l 0,6 C 12,9.777 11.777,10 11.5,10 l -4,0 C 7.223,10 7,9.777 7,9.5 l 0,-6 C 7,3.223 7.223,3 7.5,3 Z m -4,1 C 2.669,4 2,4.669 2,5.5 l 0,8 C 2,14.331 2.669,15 3.5,15 l 6,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-0.5 -2.5,0 -4,0 C 4.223,13 4,12.777 4,12.5 L 4,6.5 4,4 3.5,4 Z" + style="display:inline;fill:#5c616c;fill-opacity:1;stroke:none" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + style="display:inline;fill:#5c616c;fill-opacity:1" + id="g4680" + transform="matrix(-1.0264221,0,0,1.0297012,395.02642,0.97029876)"> + <g + id="layer1-7" + inkscape:label="Calque 1" + style="display:inline;fill:#5c616c;fill-opacity:1"> + <path + inkscape:label="#path3766" + sodipodi:nodetypes="cscsccsccscsccssssc" + id="Symbol-8" + d="m 2.4469076,2.4416061 c -1.92921018,1.9221416 -1.92921008,5.0421398 0,6.9642808 1.6818402,1.6756791 4.272808,1.8988571 6.1889674,0.6529021 0.325705,0.01628 0.850926,0.06109 1.037561,0.272042 0.254123,0.287232 -0.105101,0.958719 0.382261,1.396484 l 3.031041,3.071232 c 0,0 0.562273,0.600501 1.438025,-0.272043 0.875752,-0.872543 0.273043,-1.432755 0.273043,-1.432755 L 11.766764,10.022517 C 11.327388,9.5369409 10.653432,9.8948469 10.365145,9.6416569 10.153416,9.4557059 10.10844,8.9324089 10.092102,8.6078959 11.342639,6.6987579 11.118641,4.117284 9.4368,2.4416061 c -1.9292105,-1.92214145 -5.0606821,-1.92214135 -6.9898924,0 z m 1.1831848,1.1425773 c 0.5964074,-0.594222 1.4205257,-0.9430796 2.3299641,-0.9430797 1.8188769,0 3.2947145,1.4704303 3.2947145,3.2826428 0,1.8122134 -1.4758368,3.2826434 -3.2947145,3.2826434 -1.8188758,1e-6 -3.2947148,-1.47043 -3.2947148,-3.2826434 1e-7,-0.9061061 0.3683435,-1.745341 0.9647507,-2.3395631 z" + style="display:inline;fill:#5c616c;fill-opacity:1;stroke:none" + inkscape:connector-curvature="0" /> + </g> + </g> + <path + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 309,2 c -0.554,0 -1,0.446 -1,1 l 0,12 c 0,0.554 0.446,1 1,1 l 12,0 c 0.554,0 1,-0.446 1,-1 l 0,-12 c 0,-0.554 -0.446,-1 -1,-1 l -12,0 z m 3,1 6,0 c 1.108,0 2,0.892 2,2 l 0,6 c 0,1.108 -0.892,2 -2,2 l -6,0 c -1.108,0 -2,-0.892 -2,-2 l 0,-6 c 0,-1.108 0.892,-2 2,-2 z" + id="rect4570" + inkscape:connector-curvature="0" /> + <g + style="font-style:normal;font-weight:bold;font-size:15px;line-height:125%;font-family:Sans;-inkscape-font-specification:'Sans Bold';letter-spacing:0px;word-spacing:0px;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + id="text4575" + transform="matrix(0.5721975,0,0,0.58799884,135.90225,10.439994)"> + <path + d="m 311.30469,-0.89477539 -0.43213,-1.11328121 -0.0659,0 q -0.2417,0.3295898 -0.4834,0.571289 -0.2417,0.234375 -0.52734,0.3881836 -0.28565,0.15380861 -0.64453,0.2270508 -0.35157,0.0732422 -0.82032,0.0732422 -0.49804,0 -0.92285,-0.15380859 -0.4248,-0.16113281 -0.73974,-0.47607421 -0.30762,-0.3222657 -0.4834,-0.8056641 -0.17578,-0.4907226 -0.17578,-1.1572266 0,-1.3037109 0.83496,-1.9189453 0.83496,-0.6225586 2.49756,-0.6884765 l 1.30371,-0.043945 0,-0.6152344 q 0,-0.5053711 -0.29297,-0.7470703 -0.29297,-0.2416992 -0.82031,-0.2416992 -0.52735,0 -1.03272,0.1538085 -0.49805,0.1538086 -1.00342,0.4101563 L 306.771,-8.5119629 q 0.61523,-0.3442383 1.3623,-0.5419922 0.74707,-0.1977539 1.56738,-0.1977539 1.53077,0 2.34375,0.7177735 0.82032,0.7177734 0.82032,2.1826171 l 0,5.45654301 -1.56006,0 z m -0.65918,-3.79394531 -0.73975,0.029297 q -0.44678,0.014648 -0.75439,0.1171875 -0.30762,0.102539 -0.49805,0.2783203 -0.18311,0.168457 -0.271,0.4101562 -0.0806,0.234375 -0.0806,0.5273438 0,0.5126953 0.24902,0.7324219 0.24902,0.2124023 0.65186,0.2124023 0.30761,0 0.57129,-0.1025391 0.26367,-0.1098632 0.4541,-0.3149414 0.19775,-0.2124023 0.30761,-0.5126953 0.10987,-0.3076172 0.10987,-0.703125 l 0,-0.6738281 z" + id="path4580" + inkscape:connector-curvature="0" + style="fill:#5c616c;fill-opacity:1" /> + <path + d="m 316.47486,-7.6477051 c -0.3955,0 -0.72509,0.1391602 -0.98877,0.4174805 -0.25879,0.2783203 -0.40772,0.715332 -0.44678,1.3110351 l 2.84913,0 c -0.005,-0.2490234 -0.0364,-0.4785156 -0.0952,-0.6884765 -0.0586,-0.2099609 -0.1465,-0.390625 -0.26367,-0.5419922 -0.1172,-0.15625 -0.26368,-0.2783203 -0.43946,-0.3662109 -0.17578,-0.087891 -0.38086,-0.131836 -0.61523,-0.131836 z m 0.28564,6.89941408 c -0.58593,0 -1.12548,-0.0854492 -1.61865,-0.25634768 -0.49316,-0.1708984 -0.91797,-0.427246 -1.27441,-0.7690429 -0.35644,-0.3466797 -0.63476,-0.7812501 -0.83497,-1.303711 -0.1953,-0.5273437 -0.29296,-1.1450195 -0.29296,-1.8530273 0,-0.7177735 0.0903,-1.3452149 0.27099,-1.8823242 0.18067,-0.5371094 0.43214,-0.9838868 0.7544,-1.3403321 0.32715,-0.3613281 0.71778,-0.6323242 1.17187,-0.8129883 0.45899,-0.180664 0.9668,-0.270996 1.52344,-0.270996 0.542,0 1.03028,0.083008 1.46484,0.2490234 0.43946,0.1611328 0.81055,0.4003906 1.11328,0.7177734 0.30762,0.3173828 0.542,0.7080078 0.70313,1.171875 0.16602,0.4589844 0.24902,0.9863282 0.24902,1.5820313 l 0,1.0839844 -4.99511,0 c 0.01,0.3125 0.0586,0.5957031 0.14648,0.8496093 0.0928,0.2490235 0.21973,0.4614258 0.38086,0.6372071 0.16602,0.1708984 0.36377,0.3027343 0.59326,0.3955078 0.23438,0.092773 0.50049,0.1391601 0.79834,0.1391601 0.24903,0 0.48341,-0.012207 0.70313,-0.036621 0.22461,-0.029297 0.44189,-0.070801 0.65185,-0.1245117 0.20996,-0.053711 0.41748,-0.1196286 0.62256,-0.1977539 0.20509,-0.083008 0.41504,-0.1782226 0.62988,-0.2856445 l 0,1.7285156 c -0.19531,0.1025391 -0.39306,0.1904297 -0.59326,0.2636719 -0.19531,0.0683594 -0.40283,0.1269531 -0.62256,0.17578123 -0.21972,0.0488281 -0.45654,0.0830078 -0.71045,0.10253906 -0.2539,0.0244141 -0.53222,0.0366211 -0.83496,0.036621 z" + id="path4582" + inkscape:connector-curvature="0" + sodipodi:nodetypes="scccccsssssccscccscccscccccscsccccscs" + style="fill:#5c616c;fill-opacity:1" /> + </g> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 171,1.9999996 a 7,7 0 0 0 -7,7 A 7,7 0 0 0 171,16 a 7,7 0 0 0 7,-7.0000004 7,7 0 0 0 -7,-7 z m 0,2 a 5,5 0 0 1 5,5 A 5,5 0 0 1 171,14 a 5,5 0 0 1 -5,-5.0000004 5,5 0 0 1 5,-5 z" + id="path4643" /> + <rect + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4650" + width="2" + height="5" + x="170" + y="4.9999995" + rx="1.38778e-16" + ry="1.38778e-16" /> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="M 170.93945,7.4999996 170,8.4394527 l 0,0.9492188 3.06055,3.0605475 1.41406,-1.414063 -3.53516,-3.5351564 z" + id="rect4650-7" /> + <path + sodipodi:type="star" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4695" + sodipodi:sides="5" + sodipodi:cx="135" + sodipodi:cy="9.6998634" + sodipodi:r1="8" + sodipodi:r2="3.76" + sodipodi:arg1="-1.5707963" + sodipodi:arg2="-0.9424778" + inkscape:flatsided="false" + inkscape:rounded="-1.44676e-15" + inkscape:randomized="0" + d="m 135,1.6998634 2.21007,4.9580961 5.39838,0.5697682 -4.03248,3.6340393 L 139.70228,16.172 135,13.459863 l -4.70228,2.712136 1.12631,-5.310232 -4.03248,-3.6340397 5.39838,-0.5697677 z" + inkscape:transform-center-y="-0.76393202" /> + <path + sodipodi:type="star" + style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4695-1" + sodipodi:sides="5" + sodipodi:cx="153.00044" + sodipodi:cy="9.6998634" + sodipodi:r1="8" + sodipodi:r2="3.76" + sodipodi:arg1="-1.5707963" + sodipodi:arg2="-0.9424778" + inkscape:flatsided="false" + inkscape:rounded="-1.44676e-15" + inkscape:randomized="0" + d="m 153.00044,1.6998634 2.21008,4.9580961 5.39837,0.5697682 -4.03247,3.6340393 1.1263,5.310233 -4.70228,-2.712137 -4.70228,2.712136 1.12631,-5.310232 -4.03248,-3.6340397 5.39838,-0.5697677 z" + inkscape:transform-center-y="-0.76393202" /> + <g + id="g4739" + style="fill:#5c616c;fill-opacity:1"> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="471" + height="2" + width="12" + id="rect4733" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="8" + x="471" + height="2" + width="12" + id="rect4735" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="13" + x="471" + height="2" + width="12" + id="rect4737" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <path + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 621,2.4011949 c -0.25562,0 -0.51116,0.0971 -0.70703,0.2929688 l -2.30469,2.3066406 -1.98828,0 c -0.554,0 -1,0.446 -1,1 L 615,13.979 c 0,0.554 0.446,1 1,1 l 10,0 c 0.554,0 1,-0.446 1,-1 l 0,-7.9781957 c 0,-0.554 -0.446,-1 -1,-1 l -1.98828,0 -2.30469,-2.3066406 C 621.51116,2.4982951 621.25562,2.4011949 621,2.4011949 Z m -4,5.5992887 1,0 0,1 -1,0 z m 2,0 6,0 0,1 -6,0 z m -2,2.0000004 1,0 0,1 -1,0 z m 2,0 6,0 0,1 -6,0 z m -2,2 1,0 0,1 -1,0 z m 2,0 6,0 0,1 -6,0 z" + id="rect4744" + inkscape:connector-curvature="0" + sodipodi:nodetypes="sccssssssssccscccccccccccccccccccccccccccccc" /> + <g + id="g4297" + style="fill:#5c616c;fill-opacity:1"> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="9" + x="633" + height="5.979197" + width="4" + id="rect4289" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="9" + x="638" + height="5.979197" + width="7" + id="rect4291" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="642" + height="5" + width="3" + id="rect4293" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="633" + height="5" + width="8" + id="rect4295" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="M 326,2.9999996 326,15 l 14,0 0,-12.0000004 -14,0 z m 6,1 1,0 0,1 -1,0 0,-1 z m 2,0 1,0 0,1 -1,0 0,-1 z m 2,0 2,0 0,1 -2,0 0,-1 z m -8,2 10,0 L 338,13 l -10,0 0,-7.0000004 z" + id="rect4294" /> + <rect + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4325" + width="10" + height="2" + x="544" + y="7.9999995" + rx="1.38778e-16" + ry="1.38778e-16" /> + <g + id="g4331" + style="fill:#5c616c;fill-opacity:1"> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="4" + x="566" + height="10" + width="2" + id="rect4327" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="8" + x="562" + height="2" + width="10" + id="rect4329" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + id="g4352" + style="fill:#5c616c;fill-opacity:1"> + <path + id="rect4294-9" + d="m 668,3 0,12 14,0 0,-12 -14,0 z m 6,1 1,0 0,1 -1,0 0,-1 z m 2,0 1,0 0,1 -1,0 0,-1 z m 2,0 2,0 0,1 -2,0 0,-1 z m -8,2 10,0 0,7 -10,0 0,-7 z" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + inkscape:connector-curvature="0" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="6" + x="676" + height="7" + width="2" + id="rect4350" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <path + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 758,2.9999996 0,7.8261724 0,0.173828 0.01,0 c 0.15732,2.222938 3.23985,3.977369 6.99023,3.978516 3.74811,-0.003 6.82715,-1.756919 6.98438,-3.978516 l 0.0154,0 0,-0.173828 0,-7.8261724 z M 761.46484,5.849609 765,9.3847652 768.53516,5.849609 769.73633,7.0507808 765.95508,10.833984 765,11.787109 764.04492,10.833984 760.26367,7.0507808 761.2168,6.0957027 Z" + id="rect4356" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccccccccccccccccccc" /> + <g + id="g4388" + style="fill:#5c616c;fill-opacity:1"> + <path + inkscape:connector-curvature="0" + id="rect4365" + d="m 238,3 0,0.9003906 0,10.1992184 L 238,15 248,15 248,14.099609 248,7 244,7 244,6.0996094 244,3 238,3 Z" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + inkscape:original-d="m 243.64645,3.3535534 4,4" + inkscape:path-effect="#path-effect4386-3" + id="path4384" + d="m 243.64645,3.3535534 4,4" + style="fill:#5c616c;fill-opacity:1;fill-rule:evenodd;stroke:#5c616c;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + </g> + <g + id="g4396"> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="4" + x="578" + height="10" + width="10" + id="rect4392" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <path + sodipodi:nodetypes="ccccc" + inkscape:connector-curvature="0" + id="path4394" + d="m 588,7 4,-2 0,8 -4,-2 z" + style="fill:#5c616c;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + </g> + <g + id="g4436" + style="fill:#5c616c;fill-opacity:1"> + <path + inkscape:connector-curvature="0" + id="rect4400" + d="m 420,6 0,6 6,0 0,-6 -6,0 z m 1,2 4,0 0,3 -4,0 0,-3 z" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4407" + d="m 423,5 3,0 -3,-3 -3,3 z" + style="fill:#5c616c;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4407-0" + d="m 423,13 3,0 -3,3 -3,-3 z" + style="fill:#5c616c;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4407-4" + d="m 427,9 0,3 3,-3 -3,-3 z" + style="fill:#5c616c;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4407-1" + d="m 419,9 0,-3 -3,3 3,3 z" + style="fill:#5c616c;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + </g> + <g + id="g4463"> + <path + inkscape:connector-curvature="0" + id="path4443" + d="m 598,5 3,0 3,4 -3,4 -3,0 3,-4 z" + style="fill:#5c616c;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4443-5" + d="m 603,5 3,0 3,4 -3,4 -3,0 3,-4 z" + style="fill:#5c616c;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + </g> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#4e525c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 459,3.9999996 a 5,5 0 0 0 -5,5 A 5,5 0 0 0 459,14 a 5,5 0 0 0 5,-5.0000004 5,5 0 0 0 -5,-5 z m 0,3 a 2,2 0 0 1 2,2 A 2,2 0 0 1 459,11 a 2,2 0 0 1 -2,-2.0000004 2,2 0 0 1 2,-2 z" + id="path4467" /> + <g + id="g4503" + style="fill:#5c616c;fill-opacity:1"> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="458" + height="2" + width="2" + id="rect4474" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="8" + x="463" + height="2" + width="2" + id="rect4474-4" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="8" + x="453" + height="2" + width="2" + id="rect4474-1" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="13" + x="458" + height="2" + width="2" + id="rect4474-13" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + id="g4503-2" + transform="matrix(0.70710678,0.70710678,-0.70710678,0.70710678,140.80195,-321.92597)" + style="fill:#4e525c;fill-opacity:1"> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="458" + height="2" + width="2" + id="rect4474-7" + style="opacity:1;fill:#4e525c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="8" + x="463" + height="2" + width="2" + id="rect4474-4-5" + style="opacity:1;fill:#4e525c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="8" + x="453" + height="2" + width="2" + id="rect4474-1-3" + style="opacity:1;fill:#4e525c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="13" + x="458" + height="2" + width="2" + id="rect4474-13-8" + style="opacity:1;fill:#4e525c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <path + style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 758,21 0,7.826172 0,0.173828 0.01,0 c 0.15733,2.222938 3.23986,3.977369 6.99023,3.978516 3.74811,-0.003 6.82715,-1.756919 6.98438,-3.978516 l 0.0154,0 0,-0.173828 0,-7.826172 z m 3.46483,2.849609 3.53517,3.535157 3.53516,-3.535157 1.20117,1.201172 -3.78125,3.783203 -0.95508,0.953125 -0.95508,-0.953125 -3.78125,-3.783203 0.95313,-0.955078 z" + id="rect4356-9" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccccccccccccccccccc" /> + <g + style="display:inline;fill:#5c616c;fill-opacity:1" + id="g4734" + transform="translate(343,0.99999957)"> + <g + id="layer1-92" + inkscape:label="Calque 1" + style="display:inline;fill:#5c616c;fill-opacity:1"> + <path + id="path3015" + d="M 5,2 C 3.892,2 3,2.892 3,4 l 0,3 -2,0 0,3 4,0 1,0 0,-2 4,0 0,2 1,0 4,0 0,-3 -2,0 0,-3 C 13,2.892 12.108,2 11,2 L 5,2 Z m 2,7 0,2 -2,0 0,2 2,0 0,2 2,0 0,-2 2,0 0,-2 -2,0 0,-2 -2,0 z" + style="display:inline;fill:#5c616c;fill-opacity:1;stroke:none" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + id="g4377"> + <path + sodipodi:nodetypes="cccccc" + inkscape:connector-curvature="0" + id="path4766" + d="m 435,15 2,0 6,-6 -2,-2 -6,6 z" + style="fill:#5c616c;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4768" + d="m 444,2 a 4,4 0 0 0 -4,4 4,4 0 0 0 4,4 4,4 0 0 0 4,-4 4,4 0 0 0 -0.33398,-1.5859375 c -0.0612,0.086178 -0.1291,0.1701155 -0.20704,0.2480469 l -1.84765,1.8476562 c -0.66351,0.6635048 -1.67021,0.7243245 -2.25781,0.1367188 -0.58761,-0.5876058 -0.52679,-1.5943077 0.13671,-2.2578125 l 1.84766,-1.8476563 c 0.0789,-0.078897 0.16267,-0.1491534 0.25,-0.2109375 A 4,4 0 0 0 444,2 Z" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 746.98828,2.4003902 c -0.25562,0 -0.51116,0.0971 -0.70703,0.2929688 l -2.30469,2.3066406 -1.98828,0 c -0.554,0 -1,0.446 -1,1 l 0,7.9785164 c 0,0.554 0.446,1 1,1 l 10,0 c 0.554,0 1,-0.446 1,-1 l 0,-7.9785164 c 0,-0.554 -0.446,-1 -1,-1 l -1.98828,0 -2.30469,-2.3066406 C 747.49944,2.4974904 747.2439,2.4003902 746.98828,2.4003902 Z m 1.55078,3.5996094 a 2.4615383,2.4615385 0 0 1 0.97656,0.203125 c -0.0537,0.038021 -0.10569,0.080354 -0.15429,0.1289062 l -1.13672,1.1386719 c -0.40828,0.4083106 -0.4456,1.0270683 -0.084,1.3886719 0.3616,0.3616032 0.98037,0.3243263 1.38868,-0.083984 l 1.13867,-1.1367187 c 0.0479,-0.047958 0.0892,-0.099311 0.12695,-0.1523438 A 2.4615383,2.4615385 0 0 1 751,8.4609371 2.4615383,2.4615385 0 0 1 748.53906,10.923828 2.4615383,2.4615385 0 0 1 747.5293,10.703125 L 744.23047,14 743,14 l 0,-1.230469 3.29688,-3.2988283 a 2.4615383,2.4615385 0 0 1 -0.22071,-1.0097656 2.4615383,2.4615385 0 0 1 2.46289,-2.4609375 z" + id="rect4744-3" /> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 693,1.9999996 a 7,7 0 0 0 -7,7 A 7,7 0 0 0 693,16 a 7,7 0 0 0 7,-7.0000004 7,7 0 0 0 -7,-7 z m 0,0.671875 0,2.328125 a 4,4 0 0 1 4,4 A 4,4 0 0 1 693,13 4,4 0 0 1 689.13086,9.9999996 l 1.04492,0 A 3,3 0 0 0 693,12 a 3,3 0 0 0 3,-3.0000004 3,3 0 0 0 -3,-3 l 0,2.328125 -1.75586,-1.7558594 -0.71289,-0.7128906 -0.36133,-0.359375 L 693,2.6718746 Z" + id="path4408" /> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 693,20 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,0.671875 L 693,23 a 4,4 0 0 1 4,4 4,4 0 0 1 -4,4 4,4 0 0 1 -3.86914,-3 l 1.04492,0 A 3,3 0 0 0 693,30 a 3,3 0 0 0 3,-3 3,3 0 0 0 -3,-3 l 0,2.328125 -1.75586,-1.755859 -0.71289,-0.712891 L 690.16992,23.5 693,20.671875 Z" + id="path4408-6" /> + <g + id="g4497"> + <path + sodipodi:nodetypes="cccccccccccccccccccccsssssss" + inkscape:connector-curvature="0" + id="path4490" + d="m 709.6,3 -1.6,2 -0.3,2 -2.7,3 0,5 1,0 2,-2 1,0 1,1 1,0 1,0 1,-1 1,0 2,2 1,0 0,-5 L 714.3,7 714,5 712.4,3 711,2 Z m 0.9,3 1,0 c 0.277,0 0.5,0.223 0.5,0.5 0,0.277 -0.223,0.5 -0.5,0.5 l -1,0 C 710.223,7 710,6.777 710,6.5 710,6.223 710.223,6 710.5,6 Z" + style="fill:#5c616c;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <rect + ry="0.5" + rx="0.5" + y="14.5" + x="710" + height="1" + width="2" + id="rect4492" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + id="g4566" + transform="matrix(0,1,-1,0,247.2144,-263.81249)" + style="fill:#5c616c;fill-opacity:1"> + <path + inkscape:connector-curvature="0" + id="rect4492-7-4" + d="m 272.53125,-19.781249 c -0.19625,0.008 -0.40095,0.0345 -0.59375,0.0625 -2.31356,0.335389 -4.30673,2.01152 -4.9375,4.40625 -0.13556,0.51465 -0.18822,1.02272 -0.1875,1.53125 l 1.96875,0 c 8.3e-4,-0.33898 0.0345,-0.68773 0.125,-1.03125 0.56572,-2.14773 2.75852,-3.40946 4.90625,-2.84375 0.6942,0.18285 1.28439,0.56718 1.78125,1.0625 l -1.8125,1.8125 5,0 0,-5.000001 -1.75,1.750001 c -0.74487,-0.740739 -1.68058,-1.257801 -2.71875,-1.531251 -0.59867,-0.157689 -1.19251,-0.244029 -1.78125,-0.218749 z" + style="color:#000000;display:block;overflow:visible;visibility:visible;fill:#5c616c;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.9999997;marker:none;enable-background:new" /> + <path + inkscape:connector-curvature="0" + id="rect4492-7-85-4" + d="m 276.8125,-13.781249 c -0.002,0.33623 -0.0353,0.65936 -0.125,1 -0.56572,2.14773 -2.75852,3.409459 -4.90625,2.8437495 -0.6942,-0.1828495 -1.28439,-0.5671795 -1.78125,-1.0624995 l 1.8125,-1.8125 -5,0 0,4.999999 1.75,-1.75 c 0.74487,0.74074 1.68058,1.2578 2.71875,1.53125 0.59867,0.15769 1.19251,0.24403 1.78125,0.21875 0.19625,-0.008 0.40095,-0.0345 0.59375,-0.0625 2.31356,-0.33539 4.30673,-2.0115195 4.9375,-4.406249 0.13279,-0.50415 0.1856,-1.00151 0.1875,-1.5 l -1.96875,0 z" + style="color:#000000;display:block;overflow:visible;visibility:visible;fill:#5c616c;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.9999997;marker:none;enable-background:new" /> + </g> + <g + id="g4668"> + <path + inkscape:connector-curvature="0" + id="path4584" + d="m 729,2 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,1 a 6,6 0 0 1 6,6 6,6 0 0 1 -6,6 6,6 0 0 1 -6,-6 6,6 0 0 1 6,-6 z" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1" + rx="1" + y="3" + x="727" + height="12" + width="1" + id="rect4589" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.3877788e-16" + rx="1.3877788e-16" + y="3" + x="730" + height="12" + width="1" + id="rect4589-8" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.3877788e-16" + rx="1.3877788e-16" + y="4.2568936" + x="724" + height="9.5251265" + width="1" + id="rect4589-1" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.3877788e-16" + rx="1.3877788e-16" + y="4.2998734" + x="733" + height="9.5251265" + width="1" + id="rect4589-1-4" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + transform="matrix(0,1,-1,0,0,0)" + ry="1.3877788e-16" + rx="1.3877788e-16" + y="-733.76257" + x="4" + height="9.5251265" + width="1" + id="rect4589-1-8" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + transform="matrix(0,1,-1,0,0,0)" + ry="1.3877788e-16" + rx="1.3877788e-16" + y="-733.76257" + x="13" + height="9.5251265" + width="1" + id="rect4589-1-2" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + transform="matrix(0,1,-1,0,0,0)" + ry="1.3877788e-16" + rx="1.3877788e-16" + y="-735" + x="10" + height="11.99998" + width="1" + id="rect4589-1-9" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + transform="matrix(0,1,-1,0,0,0)" + ry="1.3877788e-16" + rx="1.3877788e-16" + y="-735" + x="7" + height="11.99998" + width="1" + id="rect4589-1-22" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <circle + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4679" + cx="274" + cy="14" + r="2" /> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 272,6.9999996 0,3 A 6,6 0 0 1 278,16 l 3,0 a 9,9 0 0 0 -9,-9.0000004 z" + id="path4683" /> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 272,1.9999996 0,3 A 11,11 0 0 1 283,16 l 3,0 A 14,14 0 0 0 272,1.9999996 Z" + id="path4688" /> + <path + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 219,6.9999996 13,0 1,0 -1,7.9791974 0,0 -13,0 0,0 -1,-7.9791974 z" + id="rect4708" + inkscape:connector-curvature="0" + sodipodi:nodetypes="ccccccccc" /> + <rect + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4711" + width="13" + height="2" + x="219" + y="3.9999995" + rx="1.38778e-16" + ry="1.38778e-16" /> + <rect + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4713" + width="6" + height="3" + x="219" + y="2.9999995" + rx="1" + ry="1" /> + <rect + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4979" + width="10" + height="10" + x="200.00009" + y="6" + rx="1" + ry="1" /> + <ellipse + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4981" + cx="205.00009" + cy="3.625" + rx="2.0000014" + ry="1.625" /> + <rect + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4983" + width="2" + height="3.6273403" + x="204.00009" + y="4" + rx="1" + ry="1" /> + <g + id="g5003" + transform="matrix(0,1,-1.0333195,0,213.64476,-194)"> + <ellipse + ry="1.5" + rx="2.0000014" + cy="1.1550797" + cx="205" + id="path4981-3" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1" + rx="0.9677549" + y="1.6550797" + x="204" + height="3.6273403" + width="2" + id="rect4983-7" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <path + inkscape:connector-curvature="0" + style="fill:#5c616c;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="M 361,3.9999998 C 360.60225,9.3474948 361.65771,11.475301 364,13 l 3,0 c 1.34792,-1.038563 0.98353,-1.5625 2,-1.5625 1.0167,0.0022 0.65208,0.523937 2,1.5625 l 3,0 c 2.34229,-1.524699 3.39775,-3.6525052 3,-9.0000002 0,0 -0.58016,0.801126 -1,1 l -2,0 c -0.39775,-0.839689 -2,-1 -2,-1 -2.03293,1.016466 -1.02772,1.779029 -2,2 l -1,0 -1,0 c -0.26517,0.06629 0.0329,-1.005631 -2,-2 0,0 -1.60225,0.160311 -2,1 l -2,0 c -0.41984,-0.198874 -1,-1 -1,-1 z m 5,4 a 2,1 0 0 1 2,1 A 2,1 0 0 1 366,10 a 2,1 0 0 1 -2,-1.0000002 2,1 0 0 1 2,-1 z m 6,0 a 2,1 0 0 1 2,1 A 2,1 0 0 1 372,10 a 2,1 0 0 1 -2,-1.0000002 2,1 0 0 1 2,-1 z" + id="path5021" /> + <g + id="g5070"> + <circle + r="7" + cy="9" + cx="9" + id="path5059" + style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="rect5061" + d="m 5,5 0,8 8,0 0,-8 -8,0 z m 1,1 6,0 0,6 -6,0 0,-6 z" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path5066" + d="m 6,6 6,6" + style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path5068" + d="M 12,6 6,12" + style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + </g> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/close.svg b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/close.svg new file mode 100644 index 0000000..1f647b6 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/close.svg @@ -0,0 +1,220 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="24" + height="24" + id="svg4306" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="close.svg" + style="enable-background:new"> + <defs + id="defs4308"> + <linearGradient + id="linearGradient3770"> + <stop + style="stop-color:#000000;stop-opacity:0.62827224;" + offset="0" + id="stop3772" /> + <stop + style="stop-color:#000000;stop-opacity:0.49803922;" + offset="1" + id="stop3774" /> + </linearGradient> + <linearGradient + id="linearGradient4882"> + <stop + style="stop-color:#ffffff;stop-opacity:1;" + offset="0" + id="stop4884" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop4886" /> + </linearGradient> + <linearGradient + id="linearGradient3784-6"> + <stop + style="stop-color:#ffffff;stop-opacity:0.21568628;" + offset="0" + id="stop3786-4" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop3788-6" /> + </linearGradient> + <linearGradient + id="linearGradient4892"> + <stop + id="stop4894" + offset="0" + style="stop-color:#2f3a42;stop-opacity:1;" /> + <stop + id="stop4896" + offset="1" + style="stop-color:#1d242a;stop-opacity:1;" /> + </linearGradient> + <linearGradient + id="linearGradient4882-4"> + <stop + id="stop4884-9" + offset="0" + style="stop-color:#728495;stop-opacity:1;" /> + <stop + id="stop4886-9" + offset="1" + style="stop-color:#617c95;stop-opacity:0;" /> + </linearGradient> + </defs> + <sodipodi:namedview + id="base" + pagecolor="#f0f1f2" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="1" + inkscape:pageshadow="2" + inkscape:zoom="11.313709" + inkscape:cx="9.1908305" + inkscape:cy="9.2459508" + inkscape:document-units="px" + inkscape:current-layer="layer1" + showgrid="true" + showguides="true" + inkscape:guide-bbox="true" + inkscape:window-width="1366" + inkscape:window-height="721" + inkscape:window-x="0" + inkscape:window-y="25" + inkscape:window-maximized="1" + inkscape:snap-bbox="true" + inkscape:snap-global="true" + inkscape:snap-bbox-midpoints="false" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid4314" + empspacing="5" + visible="true" + enabled="true" + snapvisiblegridlinesonly="true" /> + <sodipodi:guide + orientation="1,0" + position="12,12" + id="guide4316" /> + <sodipodi:guide + orientation="0,1" + position="12,12" + id="guide4318" /> + </sodipodi:namedview> + <metadata + id="metadata4311"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title /> + </cc:Work> + </rdf:RDF> + </metadata> + <g + inkscape:label="Ebene 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(0,-1028.3622)"> + <g + style="display:inline" + id="titlebutton-close" + inkscape:label="#g6210" + transform="translate(-641,1218)"> + <g + id="g4927-9" + style="display:inline;opacity:1" + transform="translate(-678,-432.63782)"> + <g + transform="translate(-103,0)" + style="display:inline;opacity:1" + id="g4490-6-5-2"> + <g + id="g4092-0-2-21-0" + style="display:inline" + transform="translate(58,0)"> + <circle + r="7" + cy="255" + cx="1376" + style="fill:#f37076;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4068-7-5-9-6" /> + </g> + </g> + <g + id="g4778-2-68" + transform="translate(1323,246.86719)" + style="fill:#ffffff;fill-opacity:1"> + <g + style="display:inline;fill:#ffffff;fill-opacity:1" + id="layer9-9-4-4" + transform="translate(-60,-518)" /> + <g + id="layer10-2-1-8" + transform="translate(-60,-518)" + style="fill:#ffffff;fill-opacity:1" /> + <g + id="layer11-16-4-9" + transform="translate(-60,-518)" + style="fill:#ffffff;fill-opacity:1" /> + <g + transform="matrix(0.75,0,0,0.75,2,2.0546875)" + id="g2996-76-5" + style="fill:#ffffff;fill-opacity:1"> + <g + transform="translate(-60,-518)" + id="layer12-4-5-7" + style="fill:#ffffff;fill-opacity:1"> + <g + transform="translate(19,-242)" + id="layer4-4-1-9-5" + style="display:inline;fill:#ffffff;fill-opacity:1"> + <path + inkscape:connector-curvature="0" + d="m 45,764 1,0 c 0.01037,-1.2e-4 0.02079,-4.6e-4 0.03125,0 0.254951,0.0112 0.50987,0.12858 0.6875,0.3125 L 49,766.59375 51.3125,764.3125 C 51.578125,764.082 51.759172,764.007 52,764 l 1,0 0,1 c 0,0.28647 -0.03434,0.55065 -0.25,0.75 l -2.28125,2.28125 2.25,2.25 C 52.906938,770.46942 52.999992,770.7347 53,771 l 0,1 -1,0 c -0.265301,-10e-6 -0.530586,-0.0931 -0.71875,-0.28125 L 49,769.4375 46.71875,771.71875 C 46.530586,771.90694 46.26529,772 46,772 l -1,0 0,-1 c -3e-6,-0.26529 0.09306,-0.53058 0.28125,-0.71875 l 2.28125,-2.25 L 45.28125,765.75 C 45.070508,765.55537 44.97809,765.28075 45,765 l 0,-1 z" + id="path10839-9-2-2" + style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;enable-background:new" /> + </g> + </g> + </g> + <g + id="layer13-2-6-11" + transform="translate(-60,-518)" + style="fill:#ffffff;fill-opacity:1" /> + <g + id="layer14-4-0-33" + transform="translate(-60,-518)" + style="fill:#ffffff;fill-opacity:1" /> + <g + id="layer15-7-3-0" + transform="translate(-60,-518)" + style="fill:#ffffff;fill-opacity:1" /> + </g> + </g> + <rect + y="-185.63782" + x="645" + height="16" + width="16" + id="rect17883-39" + style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /> + </g> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/close_prelight.svg b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/close_prelight.svg new file mode 100644 index 0000000..879400d --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/close_prelight.svg @@ -0,0 +1,220 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="24" + height="24" + id="svg4306" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="close_prelight.svg" + style="enable-background:new"> + <defs + id="defs4308"> + <linearGradient + id="linearGradient3770"> + <stop + style="stop-color:#000000;stop-opacity:0.62827224;" + offset="0" + id="stop3772" /> + <stop + style="stop-color:#000000;stop-opacity:0.49803922;" + offset="1" + id="stop3774" /> + </linearGradient> + <linearGradient + id="linearGradient4882"> + <stop + style="stop-color:#ffffff;stop-opacity:1;" + offset="0" + id="stop4884" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop4886" /> + </linearGradient> + <linearGradient + id="linearGradient3784-6"> + <stop + style="stop-color:#ffffff;stop-opacity:0.21568628;" + offset="0" + id="stop3786-4" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop3788-6" /> + </linearGradient> + <linearGradient + id="linearGradient4892"> + <stop + id="stop4894" + offset="0" + style="stop-color:#2f3a42;stop-opacity:1;" /> + <stop + id="stop4896" + offset="1" + style="stop-color:#1d242a;stop-opacity:1;" /> + </linearGradient> + <linearGradient + id="linearGradient4882-4"> + <stop + id="stop4884-9" + offset="0" + style="stop-color:#728495;stop-opacity:1;" /> + <stop + id="stop4886-9" + offset="1" + style="stop-color:#617c95;stop-opacity:0;" /> + </linearGradient> + </defs> + <sodipodi:namedview + id="base" + pagecolor="#f0f1f2" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="1" + inkscape:pageshadow="2" + inkscape:zoom="11.313709" + inkscape:cx="9.1908305" + inkscape:cy="9.2459508" + inkscape:document-units="px" + inkscape:current-layer="layer1" + showgrid="true" + showguides="true" + inkscape:guide-bbox="true" + inkscape:window-width="1366" + inkscape:window-height="721" + inkscape:window-x="0" + inkscape:window-y="25" + inkscape:window-maximized="1" + inkscape:snap-bbox="true" + inkscape:snap-global="true" + inkscape:snap-bbox-midpoints="false" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid4314" + empspacing="5" + visible="true" + enabled="true" + snapvisiblegridlinesonly="true" /> + <sodipodi:guide + orientation="1,0" + position="12,12" + id="guide4316" /> + <sodipodi:guide + orientation="0,1" + position="12,12" + id="guide4318" /> + </sodipodi:namedview> + <metadata + id="metadata4311"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <g + inkscape:label="Ebene 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(0,-1028.3622)"> + <g + style="display:inline" + id="titlebutton-close-hover" + inkscape:label="#g6260" + transform="translate(-538,1218)"> + <g + id="g4927" + style="display:inline;opacity:1" + transform="translate(-781,-432.63782)"> + <g + transform="translate(-103,0)" + style="display:inline;opacity:1" + id="g4490-6-9"> + <g + id="g4092-0-2-3" + style="display:inline" + transform="translate(58,0)"> + <circle + r="7" + cy="255" + cx="1376" + style="fill:#f79da1;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4068-7-5-8" /> + </g> + </g> + <g + id="g4778-4" + transform="translate(1323,246.86719)" + style="fill:#ffffff;fill-opacity:1"> + <g + style="display:inline;fill:#ffffff;fill-opacity:1" + id="layer9-9-44" + transform="translate(-60,-518)" /> + <g + id="layer10-2-9" + transform="translate(-60,-518)" + style="fill:#ffffff;fill-opacity:1" /> + <g + id="layer11-16-3" + transform="translate(-60,-518)" + style="fill:#ffffff;fill-opacity:1" /> + <g + transform="matrix(0.75,0,0,0.75,2,2.0546875)" + id="g2996-9" + style="fill:#ffffff;fill-opacity:1"> + <g + transform="translate(-60,-518)" + id="layer12-4-7" + style="fill:#ffffff;fill-opacity:1"> + <g + transform="translate(19,-242)" + id="layer4-4-1-3" + style="display:inline;fill:#ffffff;fill-opacity:1"> + <path + inkscape:connector-curvature="0" + d="m 45,764 1,0 c 0.01037,-1.2e-4 0.02079,-4.6e-4 0.03125,0 0.254951,0.0112 0.50987,0.12858 0.6875,0.3125 L 49,766.59375 51.3125,764.3125 C 51.578125,764.082 51.759172,764.007 52,764 l 1,0 0,1 c 0,0.28647 -0.03434,0.55065 -0.25,0.75 l -2.28125,2.28125 2.25,2.25 C 52.906938,770.46942 52.999992,770.7347 53,771 l 0,1 -1,0 c -0.265301,-10e-6 -0.530586,-0.0931 -0.71875,-0.28125 L 49,769.4375 46.71875,771.71875 C 46.530586,771.90694 46.26529,772 46,772 l -1,0 0,-1 c -3e-6,-0.26529 0.09306,-0.53058 0.28125,-0.71875 l 2.28125,-2.25 L 45.28125,765.75 C 45.070508,765.55537 44.97809,765.28075 45,765 l 0,-1 z" + id="path10839-9-5" + style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;enable-background:new" /> + </g> + </g> + </g> + <g + id="layer13-2-02" + transform="translate(-60,-518)" + style="fill:#ffffff;fill-opacity:1" /> + <g + id="layer14-4-7" + transform="translate(-60,-518)" + style="fill:#ffffff;fill-opacity:1" /> + <g + id="layer15-7-4" + transform="translate(-60,-518)" + style="fill:#ffffff;fill-opacity:1" /> + </g> + </g> + <rect + y="-185.63782" + x="542" + height="16" + width="16" + id="rect17883-5" + style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /> + </g> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/close_pressed.svg b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/close_pressed.svg new file mode 100644 index 0000000..9f0fe17 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/close_pressed.svg @@ -0,0 +1,220 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="24" + height="24" + id="svg4306" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="close_pressed.svg" + style="enable-background:new"> + <defs + id="defs4308"> + <linearGradient + id="linearGradient3770"> + <stop + style="stop-color:#000000;stop-opacity:0.62827224;" + offset="0" + id="stop3772" /> + <stop + style="stop-color:#000000;stop-opacity:0.49803922;" + offset="1" + id="stop3774" /> + </linearGradient> + <linearGradient + id="linearGradient4882"> + <stop + style="stop-color:#ffffff;stop-opacity:1;" + offset="0" + id="stop4884" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop4886" /> + </linearGradient> + <linearGradient + id="linearGradient3784-6"> + <stop + style="stop-color:#ffffff;stop-opacity:0.21568628;" + offset="0" + id="stop3786-4" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop3788-6" /> + </linearGradient> + <linearGradient + id="linearGradient4892"> + <stop + id="stop4894" + offset="0" + style="stop-color:#2f3a42;stop-opacity:1;" /> + <stop + id="stop4896" + offset="1" + style="stop-color:#1d242a;stop-opacity:1;" /> + </linearGradient> + <linearGradient + id="linearGradient4882-4"> + <stop + id="stop4884-9" + offset="0" + style="stop-color:#728495;stop-opacity:1;" /> + <stop + id="stop4886-9" + offset="1" + style="stop-color:#617c95;stop-opacity:0;" /> + </linearGradient> + </defs> + <sodipodi:namedview + id="base" + pagecolor="#f0f1f2" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="1" + inkscape:pageshadow="2" + inkscape:zoom="11.313709" + inkscape:cx="9.1908305" + inkscape:cy="9.2459508" + inkscape:document-units="px" + inkscape:current-layer="layer1" + showgrid="true" + showguides="true" + inkscape:guide-bbox="true" + inkscape:window-width="1366" + inkscape:window-height="721" + inkscape:window-x="0" + inkscape:window-y="25" + inkscape:window-maximized="1" + inkscape:snap-bbox="true" + inkscape:snap-global="true" + inkscape:snap-bbox-midpoints="false" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid4314" + empspacing="5" + visible="true" + enabled="true" + snapvisiblegridlinesonly="true" /> + <sodipodi:guide + orientation="1,0" + position="12,12" + id="guide4316" /> + <sodipodi:guide + orientation="0,1" + position="12,12" + id="guide4318" /> + </sodipodi:namedview> + <metadata + id="metadata4311"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <g + inkscape:label="Ebene 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(0,-1028.3622)"> + <g + style="display:inline" + id="titlebutton-close-active" + inkscape:label="#g6332" + transform="translate(-437,1218)"> + <g + id="g4927-8-7" + style="display:inline;opacity:1" + transform="translate(-882,-432.63782)"> + <g + transform="translate(-103,0)" + style="display:inline;opacity:1" + id="g4490-6-3-7"> + <g + id="g4092-0-2-2-1" + style="display:inline" + transform="translate(58,0)"> + <circle + r="7" + cy="255" + cx="1376" + style="fill:#ef4048;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4068-7-5-4-9" /> + </g> + </g> + <g + id="g4778-3-6" + transform="translate(1323,246.86719)" + style="fill:#ffffff;fill-opacity:1"> + <g + style="display:inline;fill:#ffffff;fill-opacity:1" + id="layer9-9-6-0" + transform="translate(-60,-518)" /> + <g + id="layer10-2-3-6" + transform="translate(-60,-518)" + style="fill:#ffffff;fill-opacity:1" /> + <g + id="layer11-16-2-2" + transform="translate(-60,-518)" + style="fill:#ffffff;fill-opacity:1" /> + <g + transform="matrix(0.75,0,0,0.75,2,2.0546875)" + id="g2996-7-0" + style="fill:#ffffff;fill-opacity:1"> + <g + transform="translate(-60,-518)" + id="layer12-4-6-3" + style="fill:#ffffff;fill-opacity:1"> + <g + transform="translate(19,-242)" + id="layer4-4-1-4-1" + style="display:inline;fill:#ffffff;fill-opacity:1"> + <path + inkscape:connector-curvature="0" + d="m 45,764 1,0 c 0.01037,-1.2e-4 0.02079,-4.6e-4 0.03125,0 0.254951,0.0112 0.50987,0.12858 0.6875,0.3125 L 49,766.59375 51.3125,764.3125 C 51.578125,764.082 51.759172,764.007 52,764 l 1,0 0,1 c 0,0.28647 -0.03434,0.55065 -0.25,0.75 l -2.28125,2.28125 2.25,2.25 C 52.906938,770.46942 52.999992,770.7347 53,771 l 0,1 -1,0 c -0.265301,-10e-6 -0.530586,-0.0931 -0.71875,-0.28125 L 49,769.4375 46.71875,771.71875 C 46.530586,771.90694 46.26529,772 46,772 l -1,0 0,-1 c -3e-6,-0.26529 0.09306,-0.53058 0.28125,-0.71875 l 2.28125,-2.25 L 45.28125,765.75 C 45.070508,765.55537 44.97809,765.28075 45,765 l 0,-1 z" + id="path10839-9-8-7" + style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;enable-background:new" /> + </g> + </g> + </g> + <g + id="layer13-2-0-2" + transform="translate(-60,-518)" + style="fill:#ffffff;fill-opacity:1" /> + <g + id="layer14-4-4-0" + transform="translate(-60,-518)" + style="fill:#ffffff;fill-opacity:1" /> + <g + id="layer15-7-5-0" + transform="translate(-60,-518)" + style="fill:#ffffff;fill-opacity:1" /> + </g> + </g> + <rect + y="-185.63782" + x="441" + height="16" + width="16" + id="rect17883-02" + style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /> + </g> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize.svg b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize.svg new file mode 100644 index 0000000..c2a642d --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize.svg @@ -0,0 +1,182 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="24" + height="24" + id="svg4306" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="maximize.svg" + style="enable-background:new"> + <defs + id="defs4308"> + <linearGradient + id="linearGradient3770"> + <stop + style="stop-color:#000000;stop-opacity:0.62827224;" + offset="0" + id="stop3772" /> + <stop + style="stop-color:#000000;stop-opacity:0.49803922;" + offset="1" + id="stop3774" /> + </linearGradient> + <linearGradient + id="linearGradient4882"> + <stop + style="stop-color:#ffffff;stop-opacity:1;" + offset="0" + id="stop4884" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop4886" /> + </linearGradient> + <linearGradient + id="linearGradient3784-6"> + <stop + style="stop-color:#ffffff;stop-opacity:0.21568628;" + offset="0" + id="stop3786-4" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop3788-6" /> + </linearGradient> + <linearGradient + id="linearGradient4892"> + <stop + id="stop4894" + offset="0" + style="stop-color:#2f3a42;stop-opacity:1;" /> + <stop + id="stop4896" + offset="1" + style="stop-color:#1d242a;stop-opacity:1;" /> + </linearGradient> + <linearGradient + id="linearGradient4882-4"> + <stop + id="stop4884-9" + offset="0" + style="stop-color:#728495;stop-opacity:1;" /> + <stop + id="stop4886-9" + offset="1" + style="stop-color:#617c95;stop-opacity:0;" /> + </linearGradient> + </defs> + <sodipodi:namedview + id="base" + pagecolor="#f0f1f2" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="1" + inkscape:pageshadow="2" + inkscape:zoom="11.313709" + inkscape:cx="9.1908305" + inkscape:cy="9.2459508" + inkscape:document-units="px" + inkscape:current-layer="layer1" + showgrid="true" + showguides="true" + inkscape:guide-bbox="true" + inkscape:window-width="1366" + inkscape:window-height="721" + inkscape:window-x="0" + inkscape:window-y="25" + inkscape:window-maximized="1" + inkscape:snap-bbox="true" + inkscape:snap-global="true" + inkscape:snap-bbox-midpoints="false" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid4314" + empspacing="5" + visible="true" + enabled="true" + snapvisiblegridlinesonly="true" /> + <sodipodi:guide + orientation="1,0" + position="12,12" + id="guide4316" /> + <sodipodi:guide + orientation="0,1" + position="12,12" + id="guide4318" /> + </sodipodi:namedview> + <metadata + id="metadata4311"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <g + inkscape:label="Ebene 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(0,-1028.3622)"> + <g + style="display:inline" + id="titlebutton-max" + inkscape:label="#g6234" + transform="translate(-612,1218)"> + <ellipse + cy="-177.63782" + cx="624" + style="display:inline;opacity:0.9;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4068-7-5-9-6-7-2-6" + rx="6" + ry="6.0000005" /> + <path + style="display:inline;opacity:0.1;fill:#525d76;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 624,-184.63782 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,1 a 6,6 0 0 1 6,6 6,6 0 0 1 -6,6 6,6 0 0 1 -6,-6 6,6 0 0 1 6,-6 z" + id="path4068-7-5-9-6-7-2-5-2" + inkscape:connector-curvature="0" /> + <g + id="g7146" + style="display:inline;opacity:1" + transform="translate(-781,-432.63782)"> + <g + transform="translate(-29,0)" + style="display:inline;opacity:1" + id="g4490-2-96"> + <g + id="g4092-0-6-83" + style="display:inline" + transform="translate(58,0)" /> + </g> + <path + id="path4293-5-95" + style="display:inline;opacity:0.8;fill:#70788d;fill-opacity:1;fill-rule:evenodd;stroke:none" + d="m 1403.7995,252 3.3818,0 c 0.4503,0 0.8162,0.36847 0.8187,0.8188 l 0,3.3817 z m 2.4074,6.00692 -3.395,0 c -0.4504,0 -0.8188,-0.36842 -0.8188,-0.81875 l 0,-3.39509 4.2138,4.21384" + inkscape:connector-curvature="0" + sodipodi:nodetypes="csscccsscc" /> + </g> + <rect + y="-185.63782" + x="616" + height="16" + width="16" + id="rect17883-29" + style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /> + </g> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize_prelight.svg b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize_prelight.svg new file mode 100644 index 0000000..90ef47c --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize_prelight.svg @@ -0,0 +1,224 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="24" + height="24" + id="svg4306" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="maximize_prelight.svg" + style="enable-background:new"> + <defs + id="defs4308"> + <linearGradient + id="linearGradient3770"> + <stop + style="stop-color:#000000;stop-opacity:0.62827224;" + offset="0" + id="stop3772" /> + <stop + style="stop-color:#000000;stop-opacity:0.49803922;" + offset="1" + id="stop3774" /> + </linearGradient> + <linearGradient + id="linearGradient4882"> + <stop + style="stop-color:#ffffff;stop-opacity:1;" + offset="0" + id="stop4884" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop4886" /> + </linearGradient> + <linearGradient + id="linearGradient3784-6"> + <stop + style="stop-color:#ffffff;stop-opacity:0.21568628;" + offset="0" + id="stop3786-4" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop3788-6" /> + </linearGradient> + <linearGradient + id="linearGradient4892"> + <stop + id="stop4894" + offset="0" + style="stop-color:#2f3a42;stop-opacity:1;" /> + <stop + id="stop4896" + offset="1" + style="stop-color:#1d242a;stop-opacity:1;" /> + </linearGradient> + <linearGradient + id="linearGradient4882-4"> + <stop + id="stop4884-9" + offset="0" + style="stop-color:#728495;stop-opacity:1;" /> + <stop + id="stop4886-9" + offset="1" + style="stop-color:#617c95;stop-opacity:0;" /> + </linearGradient> + </defs> + <sodipodi:namedview + id="base" + pagecolor="#f0f1f2" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="1" + inkscape:pageshadow="2" + inkscape:zoom="11.313709" + inkscape:cx="9.1908305" + inkscape:cy="9.2459508" + inkscape:document-units="px" + inkscape:current-layer="layer1" + showgrid="true" + showguides="true" + inkscape:guide-bbox="true" + inkscape:window-width="1366" + inkscape:window-height="721" + inkscape:window-x="0" + inkscape:window-y="25" + inkscape:window-maximized="1" + inkscape:snap-bbox="true" + inkscape:snap-global="true" + inkscape:snap-bbox-midpoints="false" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid4314" + empspacing="5" + visible="true" + enabled="true" + snapvisiblegridlinesonly="true" /> + <sodipodi:guide + orientation="1,0" + position="12,12" + id="guide4316" /> + <sodipodi:guide + orientation="0,1" + position="12,12" + id="guide4318" /> + </sodipodi:namedview> + <metadata + id="metadata4311"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <g + inkscape:label="Ebene 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(0,-1028.3622)"> + <g + style="display:inline" + id="titlebutton-max-hover" + inkscape:label="#g6284" + transform="translate(-509,1218)"> + <g + id="g4891" + style="display:inline;opacity:1" + transform="translate(-781,-432.63782)"> + <ellipse + cy="255" + cx="1302" + style="display:inline;opacity:0.9;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4068-7-5-9-6-7-2-4" + rx="6" + ry="6.0000005" /> + <path + style="display:inline;opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 1302,248 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,1 a 6,6 0 0 1 6,6 6,6 0 0 1 -6,6 6,6 0 0 1 -6,-6 6,6 0 0 1 6,-6 z" + id="path4068-7-5-9-6-7-2-5-78" + inkscape:connector-curvature="0" /> + <g + id="g4806-9" + transform="translate(1294,247)" + style="fill:#c0e3ff;fill-opacity:1"> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="status" + id="layer9-78-7" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="devices" + id="layer10-3-3" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="apps" + id="layer11-19-75" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="places" + id="layer13-4-9" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="mimetypes" + id="layer14-8-5" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="emblems" + id="layer15-5-8" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="emotes" + id="g71291-1-7" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="categories" + id="g4953-7-1" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="actions" + id="layer12-3-0"> + <path + sodipodi:nodetypes="csscccsscc" + inkscape:connector-curvature="0" + d="m 87.799705,972 3.381737,0 c 0.450297,0 0.816227,0.36847 0.818758,0.8188 l 0,3.3817 z m 2.407413,6.00692 -3.395078,0 c -0.450346,0 -0.818758,-0.36842 -0.818758,-0.81875 l 0,-3.39509 4.213836,4.21384" + style="opacity:1;fill:#70788d;fill-opacity:1;fill-rule:evenodd;stroke:none" + id="path4293-6" /> + </g> + </g> + </g> + <rect + y="-185.63782" + x="513" + height="16" + width="16" + id="rect17883-0" + style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /> + </g> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize_pressed.svg b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize_pressed.svg new file mode 100644 index 0000000..549401c --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize_pressed.svg @@ -0,0 +1,228 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="24" + height="24" + id="svg4306" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="maximize_pressed.svg" + style="enable-background:new"> + <defs + id="defs4308"> + <linearGradient + id="linearGradient3770"> + <stop + style="stop-color:#000000;stop-opacity:0.62827224;" + offset="0" + id="stop3772" /> + <stop + style="stop-color:#000000;stop-opacity:0.49803922;" + offset="1" + id="stop3774" /> + </linearGradient> + <linearGradient + id="linearGradient4882"> + <stop + style="stop-color:#ffffff;stop-opacity:1;" + offset="0" + id="stop4884" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop4886" /> + </linearGradient> + <linearGradient + id="linearGradient3784-6"> + <stop + style="stop-color:#ffffff;stop-opacity:0.21568628;" + offset="0" + id="stop3786-4" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop3788-6" /> + </linearGradient> + <linearGradient + id="linearGradient4892"> + <stop + id="stop4894" + offset="0" + style="stop-color:#2f3a42;stop-opacity:1;" /> + <stop + id="stop4896" + offset="1" + style="stop-color:#1d242a;stop-opacity:1;" /> + </linearGradient> + <linearGradient + id="linearGradient4882-4"> + <stop + id="stop4884-9" + offset="0" + style="stop-color:#728495;stop-opacity:1;" /> + <stop + id="stop4886-9" + offset="1" + style="stop-color:#617c95;stop-opacity:0;" /> + </linearGradient> + </defs> + <sodipodi:namedview + id="base" + pagecolor="#f0f1f2" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="1" + inkscape:pageshadow="2" + inkscape:zoom="11.313709" + inkscape:cx="9.1908305" + inkscape:cy="9.2459508" + inkscape:document-units="px" + inkscape:current-layer="layer1" + showgrid="true" + showguides="true" + inkscape:guide-bbox="true" + inkscape:window-width="1366" + inkscape:window-height="721" + inkscape:window-x="0" + inkscape:window-y="25" + inkscape:window-maximized="1" + inkscape:snap-bbox="true" + inkscape:snap-global="true" + inkscape:snap-bbox-midpoints="false" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid4314" + empspacing="5" + visible="true" + enabled="true" + snapvisiblegridlinesonly="true" /> + <sodipodi:guide + orientation="1,0" + position="12,12" + id="guide4316" /> + <sodipodi:guide + orientation="0,1" + position="12,12" + id="guide4318" /> + </sodipodi:namedview> + <metadata + id="metadata4311"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <g + inkscape:label="Ebene 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(0,-1028.3622)"> + <g + style="display:inline" + id="titlebutton-max-active" + inkscape:label="#g6356" + transform="translate(-408,1218)"> + <g + id="g4891-4" + style="display:inline;opacity:1" + transform="translate(-882,-432.63782)"> + <g + transform="translate(-132,0)" + style="display:inline;opacity:1" + id="g4490-2-9-1-2"> + <g + id="g4092-0-6-3-6-8" + style="display:inline" + transform="translate(58,0)"> + <circle + r="7" + cy="255" + cx="1376" + style="fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4068-7-6-5-1-6" /> + </g> + </g> + <g + id="g4806-5-2" + transform="translate(1294,247)" + style="fill:#c0e3ff;fill-opacity:1"> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="status" + id="layer9-78-2-0" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="devices" + id="layer10-3-9-9" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="apps" + id="layer11-19-7-6" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="places" + id="layer13-4-7-4" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="mimetypes" + id="layer14-8-9-7" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="emblems" + id="layer15-5-4-2" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="emotes" + id="g71291-1-4-6" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="categories" + id="g4953-7-0-8" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="actions" + id="layer12-3-7-2"> + <path + sodipodi:nodetypes="csscccsscc" + inkscape:connector-curvature="0" + d="m 87.799705,972 3.381737,0 c 0.450297,0 0.816227,0.36847 0.818758,0.8188 l 0,3.3817 z m 2.407413,6.00692 -3.395078,0 c -0.450346,0 -0.818758,-0.36842 -0.818758,-0.81875 l 0,-3.39509 4.213836,4.21384" + style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none" + id="path4293-4-9" /> + </g> + </g> + </g> + <rect + y="-185.63782" + x="412" + height="16" + width="16" + id="rect17883-79" + style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /> + </g> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize.svg b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize.svg new file mode 100644 index 0000000..5c2cecd --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize.svg @@ -0,0 +1,182 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="24" + height="24" + id="svg4306" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="minimize.svg" + style="enable-background:new"> + <defs + id="defs4308"> + <linearGradient + id="linearGradient3770"> + <stop + style="stop-color:#000000;stop-opacity:0.62827224;" + offset="0" + id="stop3772" /> + <stop + style="stop-color:#000000;stop-opacity:0.49803922;" + offset="1" + id="stop3774" /> + </linearGradient> + <linearGradient + id="linearGradient4882"> + <stop + style="stop-color:#ffffff;stop-opacity:1;" + offset="0" + id="stop4884" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop4886" /> + </linearGradient> + <linearGradient + id="linearGradient3784-6"> + <stop + style="stop-color:#ffffff;stop-opacity:0.21568628;" + offset="0" + id="stop3786-4" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop3788-6" /> + </linearGradient> + <linearGradient + id="linearGradient4892"> + <stop + id="stop4894" + offset="0" + style="stop-color:#2f3a42;stop-opacity:1;" /> + <stop + id="stop4896" + offset="1" + style="stop-color:#1d242a;stop-opacity:1;" /> + </linearGradient> + <linearGradient + id="linearGradient4882-4"> + <stop + id="stop4884-9" + offset="0" + style="stop-color:#728495;stop-opacity:1;" /> + <stop + id="stop4886-9" + offset="1" + style="stop-color:#617c95;stop-opacity:0;" /> + </linearGradient> + </defs> + <sodipodi:namedview + id="base" + pagecolor="#f0f1f2" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="1" + inkscape:pageshadow="2" + inkscape:zoom="11.313709" + inkscape:cx="9.1908305" + inkscape:cy="9.2459508" + inkscape:document-units="px" + inkscape:current-layer="layer1" + showgrid="true" + showguides="true" + inkscape:guide-bbox="true" + inkscape:window-width="1366" + inkscape:window-height="721" + inkscape:window-x="0" + inkscape:window-y="25" + inkscape:window-maximized="1" + inkscape:snap-bbox="true" + inkscape:snap-global="true" + inkscape:snap-bbox-midpoints="false" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid4314" + empspacing="5" + visible="true" + enabled="true" + snapvisiblegridlinesonly="true" /> + <sodipodi:guide + orientation="1,0" + position="12,12" + id="guide4316" /> + <sodipodi:guide + orientation="0,1" + position="12,12" + id="guide4318" /> + </sodipodi:namedview> + <metadata + id="metadata4311"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <g + inkscape:label="Ebene 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(0,-1028.3622)"> + <g + style="display:inline" + id="titlebutton-min" + inkscape:label="#g6247" + transform="translate(-583,1218)"> + <ellipse + cy="-177.63782" + cx="595" + style="display:inline;opacity:0.9;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4068-7-5-9-6-7-2" + rx="6" + ry="6.0000005" /> + <g + id="g7138" + style="display:inline;opacity:1" + transform="translate(-781,-432.63782)"> + <g + transform="translate(-58,0)" + style="display:inline;opacity:1" + id="g4490-3-75"> + <g + id="g4092-0-7-0" + style="display:inline" + transform="translate(58,0)" /> + </g> + <path + inkscape:connector-curvature="0" + d="m 1373,254 0,2 6,0 0,-2 z" + id="rect9057-4-3" + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:0.8;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + sodipodi:nodetypes="ccccc" /> + </g> + <rect + y="-185.63782" + x="587" + height="16" + width="16" + id="rect17883-32" + style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /> + <path + style="display:inline;opacity:0.1;fill:#525d76;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 595,-184.63782 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,1 a 6,6 0 0 1 6,6 6,6 0 0 1 -6,6 6,6 0 0 1 -6,-6 6,6 0 0 1 6,-6 z" + id="path4068-7-5-9-6-7-2-5" + inkscape:connector-curvature="0" /> + </g> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize_prelight.svg b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize_prelight.svg new file mode 100644 index 0000000..93d5baf --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize_prelight.svg @@ -0,0 +1,224 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="24" + height="24" + id="svg4306" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="minimize_focused_prelight.svg" + style="enable-background:new"> + <defs + id="defs4308"> + <linearGradient + id="linearGradient3770"> + <stop + style="stop-color:#000000;stop-opacity:0.62827224;" + offset="0" + id="stop3772" /> + <stop + style="stop-color:#000000;stop-opacity:0.49803922;" + offset="1" + id="stop3774" /> + </linearGradient> + <linearGradient + id="linearGradient4882"> + <stop + style="stop-color:#ffffff;stop-opacity:1;" + offset="0" + id="stop4884" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop4886" /> + </linearGradient> + <linearGradient + id="linearGradient3784-6"> + <stop + style="stop-color:#ffffff;stop-opacity:0.21568628;" + offset="0" + id="stop3786-4" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop3788-6" /> + </linearGradient> + <linearGradient + id="linearGradient4892"> + <stop + id="stop4894" + offset="0" + style="stop-color:#2f3a42;stop-opacity:1;" /> + <stop + id="stop4896" + offset="1" + style="stop-color:#1d242a;stop-opacity:1;" /> + </linearGradient> + <linearGradient + id="linearGradient4882-4"> + <stop + id="stop4884-9" + offset="0" + style="stop-color:#728495;stop-opacity:1;" /> + <stop + id="stop4886-9" + offset="1" + style="stop-color:#617c95;stop-opacity:0;" /> + </linearGradient> + </defs> + <sodipodi:namedview + id="base" + pagecolor="#f0f1f2" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="1" + inkscape:pageshadow="2" + inkscape:zoom="11.313709" + inkscape:cx="9.1908305" + inkscape:cy="9.2459508" + inkscape:document-units="px" + inkscape:current-layer="layer1" + showgrid="true" + showguides="true" + inkscape:guide-bbox="true" + inkscape:window-width="1366" + inkscape:window-height="721" + inkscape:window-x="0" + inkscape:window-y="25" + inkscape:window-maximized="1" + inkscape:snap-bbox="true" + inkscape:snap-global="true" + inkscape:snap-bbox-midpoints="false" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid4314" + empspacing="5" + visible="true" + enabled="true" + snapvisiblegridlinesonly="true" /> + <sodipodi:guide + orientation="1,0" + position="12,12" + id="guide4316" /> + <sodipodi:guide + orientation="0,1" + position="12,12" + id="guide4318" /> + </sodipodi:namedview> + <metadata + id="metadata4311"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <g + inkscape:label="Ebene 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(0,-1028.3622)"> + <g + style="display:inline" + id="titlebutton-min-hover" + inkscape:label="#g6308" + transform="translate(-480,1218)"> + <g + id="g4909" + style="display:inline;opacity:1" + transform="translate(-781,-432.63782)"> + <ellipse + cy="255" + cx="1273" + style="display:inline;opacity:0.9;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4068-7-5-9-6-7-2-1" + rx="6" + ry="6.0000005" /> + <path + style="display:inline;opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 1273,248 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,1 a 6,6 0 0 1 6,6 6,6 0 0 1 -6,6 6,6 0 0 1 -6,-6 6,6 0 0 1 6,-6 z" + id="path4068-7-5-9-6-7-2-5-23" + inkscape:connector-curvature="0" /> + <g + style="display:inline;opacity:1;fill:#c0e3ff;fill-opacity:1" + id="g4834-0" + transform="translate(1265,247)"> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="status" + id="layer9-3-4" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="devices" + id="layer10-4-1" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="apps" + id="layer11-2-6" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="places" + id="layer13-5-4" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="mimetypes" + id="layer14-6-0" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="emblems" + id="layer15-52-1" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="emotes" + id="g71291-3-9" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="categories" + id="g4953-8-2" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="actions" + id="layer12-45-6"> + <path + sodipodi:nodetypes="ccccc" + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + id="rect9057-8" + d="m 86.0002,974 0,2 6,0 0,-2 z" + inkscape:connector-curvature="0" /> + </g> + </g> + </g> + <rect + y="-185.63782" + x="484" + height="16" + width="16" + id="rect17883-11" + style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" /> + </g> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize_pressed.svg b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize_pressed.svg new file mode 100644 index 0000000..fe9ebee --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize_pressed.svg @@ -0,0 +1,228 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="24" + height="24" + id="svg4306" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="minimize_focused_pressed.svg" + style="enable-background:new"> + <defs + id="defs4308"> + <linearGradient + id="linearGradient3770"> + <stop + style="stop-color:#000000;stop-opacity:0.62827224;" + offset="0" + id="stop3772" /> + <stop + style="stop-color:#000000;stop-opacity:0.49803922;" + offset="1" + id="stop3774" /> + </linearGradient> + <linearGradient + id="linearGradient4882"> + <stop + style="stop-color:#ffffff;stop-opacity:1;" + offset="0" + id="stop4884" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop4886" /> + </linearGradient> + <linearGradient + id="linearGradient3784-6"> + <stop + style="stop-color:#ffffff;stop-opacity:0.21568628;" + offset="0" + id="stop3786-4" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop3788-6" /> + </linearGradient> + <linearGradient + id="linearGradient4892"> + <stop + id="stop4894" + offset="0" + style="stop-color:#2f3a42;stop-opacity:1;" /> + <stop + id="stop4896" + offset="1" + style="stop-color:#1d242a;stop-opacity:1;" /> + </linearGradient> + <linearGradient + id="linearGradient4882-4"> + <stop + id="stop4884-9" + offset="0" + style="stop-color:#728495;stop-opacity:1;" /> + <stop + id="stop4886-9" + offset="1" + style="stop-color:#617c95;stop-opacity:0;" /> + </linearGradient> + </defs> + <sodipodi:namedview + id="base" + pagecolor="#f0f1f2" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="1" + inkscape:pageshadow="2" + inkscape:zoom="11.313709" + inkscape:cx="9.1908305" + inkscape:cy="9.2459508" + inkscape:document-units="px" + inkscape:current-layer="layer1" + showgrid="true" + showguides="true" + inkscape:guide-bbox="true" + inkscape:window-width="1366" + inkscape:window-height="721" + inkscape:window-x="0" + inkscape:window-y="25" + inkscape:window-maximized="1" + inkscape:snap-bbox="true" + inkscape:snap-global="true" + inkscape:snap-bbox-midpoints="false" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true"> + <inkscape:grid + type="xygrid" + id="grid4314" + empspacing="5" + visible="true" + enabled="true" + snapvisiblegridlinesonly="true" /> + <sodipodi:guide + orientation="1,0" + position="12,12" + id="guide4316" /> + <sodipodi:guide + orientation="0,1" + position="12,12" + id="guide4318" /> + </sodipodi:namedview> + <metadata + id="metadata4311"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <g + inkscape:label="Ebene 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(0,-1028.3622)"> + <g + style="display:inline" + id="titlebutton-min-active" + inkscape:label="#g6414" + transform="translate(-379,1218)"> + <g + id="g4909-1" + style="display:inline;opacity:1" + transform="translate(-882,-432.63782)"> + <g + transform="translate(-161,0)" + style="display:inline;opacity:1" + id="g4490-3-6-1-4"> + <g + id="g4092-0-7-2-0-0" + style="display:inline" + transform="translate(58,0)"> + <circle + r="7" + cy="255" + cx="1376" + style="fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4068-7-3-0-3-6" /> + </g> + </g> + <g + style="display:inline;opacity:1;fill:#c0e3ff;fill-opacity:1" + id="g4834-9-3" + transform="translate(1265,247)"> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="status" + id="layer9-3-9-1" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="devices" + id="layer10-4-0-5" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="apps" + id="layer11-2-5-2" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="places" + id="layer13-5-7-4" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + inkscape:label="mimetypes" + id="layer14-6-2-3" + style="fill:#c0e3ff;fill-opacity:1" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="emblems" + id="layer15-52-0-6" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="emotes" + id="g71291-3-4-6" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="categories" + id="g4953-8-6-8" /> + <g + transform="translate(-81.0002,-967)" + style="display:inline;fill:#c0e3ff;fill-opacity:1" + inkscape:label="actions" + id="layer12-45-3-7"> + <path + sodipodi:nodetypes="ccccc" + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + id="rect9057-3-5" + d="m 86.0002,974 0,2 6,0 0,-2 z" + inkscape:connector-curvature="0" /> + </g> + </g> + </g> + <rect + style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" + id="rect17883-79-9" + width="16" + height="16" + x="383" + y="-185.63782" /> + </g> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/custom_images/navbar-separator.png b/arc-firefox-theme/chrome/browser/custom_images/navbar-separator.png Binary files differnew file mode 100644 index 0000000..3781790 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/navbar-separator.png diff --git a/arc-firefox-theme/chrome/browser/custom_images/toolbar-icons-active.svg b/arc-firefox-theme/chrome/browser/custom_images/toolbar-icons-active.svg new file mode 100644 index 0000000..33e1bc5 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/custom_images/toolbar-icons-active.svg @@ -0,0 +1,1460 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + id="svg2" + version="1.1" + inkscape:version="0.91 r13725" + width="774" + height="36" + viewBox="0 0 774 36" + sodipodi:docname="toolbar-icons-active.svg"> + <metadata + id="metadata8"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <defs + id="defs6"> + <inkscape:path-effect + effect="spiro" + id="path-effect4386-3" + is_visible="true" /> + </defs> + <sodipodi:namedview + pagecolor="#777777" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="640" + inkscape:window-height="480" + id="namedview4" + showgrid="true" + inkscape:snap-bbox="true" + inkscape:bbox-paths="true" + inkscape:bbox-nodes="true" + inkscape:snap-bbox-edge-midpoints="true" + showguides="false" + inkscape:guide-bbox="true" + inkscape:zoom="1.4142136" + inkscape:cx="-138.40712" + inkscape:cy="-21.707986" + inkscape:current-layer="layer2" + inkscape:object-paths="true" + inkscape:snap-intersection-paths="true" + inkscape:object-nodes="true" + inkscape:snap-bbox-midpoints="true" + inkscape:snap-nodes="true" + inkscape:snap-global="true"> + <inkscape:grid + type="xygrid" + id="grid4138" /> + <sodipodi:guide + position="18,27" + orientation="1,0" + id="guide4140" /> + <sodipodi:guide + position="36,27" + orientation="1,0" + id="guide4144" /> + <sodipodi:guide + position="54,27" + orientation="1,0" + id="guide4165" /> + <sodipodi:guide + position="72,27" + orientation="1,0" + id="guide4167" /> + <sodipodi:guide + position="90,27" + orientation="1,0" + id="guide4169" /> + <sodipodi:guide + position="108,27" + orientation="1,0" + id="guide4171" /> + <sodipodi:guide + position="126,27" + orientation="1,0" + id="guide4173" /> + <sodipodi:guide + position="144,26" + orientation="1,0" + id="guide4175" /> + <sodipodi:guide + position="162,26" + orientation="1,0" + id="guide4177" /> + <sodipodi:guide + position="180,26" + orientation="1,0" + id="guide4179" /> + <sodipodi:guide + position="198,26" + orientation="1,0" + id="guide4181" /> + <sodipodi:guide + position="216,26" + orientation="1,0" + id="guide4183" /> + <sodipodi:guide + position="234,26" + orientation="1,0" + id="guide4185" /> + <sodipodi:guide + position="252,26" + orientation="1,0" + id="guide4187" /> + <sodipodi:guide + position="270,27" + orientation="1,0" + id="guide4189" /> + <sodipodi:guide + position="288,27" + orientation="1,0" + id="guide4191" /> + <sodipodi:guide + position="306,27" + orientation="1,0" + id="guide4193" /> + <sodipodi:guide + position="324,27" + orientation="1,0" + id="guide4195" /> + <sodipodi:guide + position="342,27" + orientation="1,0" + id="guide4197" /> + <sodipodi:guide + position="360,27" + orientation="1,0" + id="guide4199" /> + <sodipodi:guide + position="378,27" + orientation="1,0" + id="guide4201" /> + <sodipodi:guide + position="396,27" + orientation="1,0" + id="guide4203" /> + <sodipodi:guide + position="414,27" + orientation="1,0" + id="guide4205" /> + <sodipodi:guide + position="432,27" + orientation="1,0" + id="guide4207" /> + <sodipodi:guide + position="450,27" + orientation="1,0" + id="guide4209" /> + <sodipodi:guide + position="468,27" + orientation="1,0" + id="guide4211" /> + <sodipodi:guide + position="486,27" + orientation="1,0" + id="guide4213" /> + <sodipodi:guide + position="504,27" + orientation="1,0" + id="guide4215" /> + <sodipodi:guide + position="522,27" + orientation="1,0" + id="guide4217" /> + <sodipodi:guide + position="540,27" + orientation="1,0" + id="guide4219" /> + <sodipodi:guide + position="558,27" + orientation="1,0" + id="guide4221" /> + <sodipodi:guide + position="576,27" + orientation="1,0" + id="guide4223" /> + <sodipodi:guide + position="594,27" + orientation="1,0" + id="guide4225" /> + <sodipodi:guide + position="612,27" + orientation="1,0" + id="guide4227" /> + <sodipodi:guide + position="630,27" + orientation="1,0" + id="guide4229" /> + <sodipodi:guide + position="648,27" + orientation="1,0" + id="guide4231" /> + <sodipodi:guide + position="666,27" + orientation="1,0" + id="guide4233" /> + <sodipodi:guide + position="684,27" + orientation="1,0" + id="guide4235" /> + <sodipodi:guide + position="702,27" + orientation="1,0" + id="guide4237" /> + <sodipodi:guide + position="720,27" + orientation="1,0" + id="guide4239" /> + <sodipodi:guide + position="738,27" + orientation="1,0" + id="guide4241" /> + <sodipodi:guide + position="756,27" + orientation="1,0" + id="guide4243" /> + <sodipodi:guide + position="0,18" + orientation="0,1" + id="guide4245" /> + <sodipodi:guide + position="59.720667,21.020803" + orientation="0,1" + id="guide4691" /> + <sodipodi:guide + position="63,33" + orientation="0,1" + id="guide4693" /> + <sodipodi:guide + position="450,18" + orientation="1,0" + id="guide4716" /> + </sodipodi:namedview> + <g + inkscape:groupmode="layer" + id="layer2" + inkscape:label="Layer 2" + style="display:inline"> + <g + id="g4295" + transform="translate(17.984,-0.01700159)" + style="fill:#ffffff;fill-opacity:1"> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#ffffff;fill-opacity:1" + inkscape:label="status" + id="layer9" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="devices" + id="layer10" + style="fill:#ffffff;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="apps" + id="layer11" + style="fill:#ffffff;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="places" + id="layer13" + style="fill:#ffffff;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="mimetypes" + id="layer14" + style="fill:#ffffff;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#ffffff;fill-opacity:1" + inkscape:label="emblems" + id="layer15" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#ffffff;fill-opacity:1" + inkscape:label="emotes" + id="g71291" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#ffffff;fill-opacity:1" + inkscape:label="categories" + id="g4953" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#ffffff;fill-opacity:1" + inkscape:label="actions" + id="layer12"> + <path + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + id="path6040" + d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z" + inkscape:connector-curvature="0" /> + <rect + y="748.00073" + x="112.00065" + width="1" + style="fill:#ffffff;fill-opacity:1;stroke:none" + ry="1" + rx="1" + id="rect6046" + height="1" /> + <rect + y="759.00073" + x="112.00065" + width="1" + style="fill:#ffffff;fill-opacity:1;stroke:none" + ry="1" + rx="1" + id="rect6050" + height="1" /> + </g> + </g> + <g + id="g4295-3" + transform="matrix(-1,0,0,1,72.037527,0.01274702)" + style="fill:#ffffff;fill-opacity:1"> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#ffffff;fill-opacity:1" + inkscape:label="status" + id="layer9-9" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="devices" + id="layer10-2" + style="fill:#ffffff;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="apps" + id="layer11-0" + style="fill:#ffffff;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="places" + id="layer13-0" + style="fill:#ffffff;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="mimetypes" + id="layer14-2" + style="fill:#ffffff;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#ffffff;fill-opacity:1" + inkscape:label="emblems" + id="layer15-5" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#ffffff;fill-opacity:1" + inkscape:label="emotes" + id="g71291-0" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#ffffff;fill-opacity:1" + inkscape:label="categories" + id="g4953-6" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#ffffff;fill-opacity:1" + inkscape:label="actions" + id="layer12-0"> + <path + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + id="path6040-6" + d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z" + inkscape:connector-curvature="0" /> + <rect + y="748.00073" + x="112.00065" + width="1" + style="fill:#ffffff;fill-opacity:1;stroke:none" + ry="1" + rx="1" + id="rect6046-0" + height="1" /> + <rect + y="759.00073" + x="112.00065" + width="1" + style="fill:#ffffff;fill-opacity:1;stroke:none" + ry="1" + rx="1" + id="rect6050-1" + height="1" /> + </g> + </g> + <g + id="g4295-7" + transform="translate(35.962473,0.01274702)" + style="fill:#ffffff;fill-opacity:1"> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#ffffff;fill-opacity:1" + inkscape:label="status" + id="layer9-0" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="devices" + id="layer10-6" + style="fill:#ffffff;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="apps" + id="layer11-3" + style="fill:#ffffff;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="places" + id="layer13-4" + style="fill:#ffffff;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + inkscape:label="mimetypes" + id="layer14-3" + style="fill:#ffffff;fill-opacity:1" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#ffffff;fill-opacity:1" + inkscape:label="emblems" + id="layer15-6" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#ffffff;fill-opacity:1" + inkscape:label="emotes" + id="g71291-1" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#ffffff;fill-opacity:1" + inkscape:label="categories" + id="g4953-9" /> + <g + transform="translate(-100.0002,-745)" + style="display:inline;fill:#ffffff;fill-opacity:1" + inkscape:label="actions" + id="layer12-9"> + <path + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + id="path6040-68" + d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z" + inkscape:connector-curvature="0" /> + <rect + y="748.00073" + x="112.00065" + width="1" + style="fill:#ffffff;fill-opacity:1;stroke:none" + ry="1" + rx="1" + id="rect6046-3" + height="1" /> + <rect + y="759.00073" + x="112.00065" + width="1" + style="fill:#ffffff;fill-opacity:1;stroke:none" + ry="1" + rx="1" + id="rect6050-4" + height="1" /> + </g> + </g> + <g + id="g4492" + transform="matrix(0.98812264,0,0,1,2.0927143,0)" + style="fill:#ffffff;fill-opacity:1"> + <g + transform="matrix(-1,0,0,1,105.03753,-0.00212728)" + id="g4295-3-4" + style="fill:#ffffff;fill-opacity:1"> + <g + id="layer9-9-7" + inkscape:label="status" + style="display:inline;fill:#ffffff;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="layer10-2-8" + inkscape:label="devices" + transform="translate(-100.0002,-745)" + style="fill:#ffffff;fill-opacity:1" /> + <g + id="layer11-0-6" + inkscape:label="apps" + transform="translate(-100.0002,-745)" + style="fill:#ffffff;fill-opacity:1" /> + <g + id="layer13-0-0" + inkscape:label="places" + transform="translate(-100.0002,-745)" + style="fill:#ffffff;fill-opacity:1" /> + <g + id="layer14-2-8" + inkscape:label="mimetypes" + transform="translate(-100.0002,-745)" + style="fill:#ffffff;fill-opacity:1" /> + <g + id="layer15-5-0" + inkscape:label="emblems" + style="display:inline;fill:#ffffff;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="g71291-0-3" + inkscape:label="emotes" + style="display:inline;fill:#ffffff;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="g4953-6-0" + inkscape:label="categories" + style="display:inline;fill:#ffffff;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="layer12-0-4" + inkscape:label="actions" + style="display:inline;fill:#ffffff;fill-opacity:1" + transform="translate(-100.0002,-745)"> + <path + inkscape:connector-curvature="0" + d="m 111.87541,748.00075 c -0.22395,0.0242 -0.43316,0.12331 -0.59375,0.28125 l -4.99996,4.99974 -0.6875,0.71875 0.6875,0.71875 4.99996,4.99964 c 0.95833,0.95845 2.39595,-0.47917 1.4375,-1.4375 l -4.28121,-4.28089 4.28121,-4.28099 c 0.72453,-0.67473 0.1332,-1.8793 -0.84375,-1.71875 z" + id="path6040-6-8" + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + sodipodi:nodetypes="cccccccccc" /> + <rect + height="1" + id="rect6046-0-3" + rx="1.0120201" + ry="1" + style="fill:#ffffff;fill-opacity:1;stroke:none" + width="1" + x="111.01369" + y="749.00214" /> + <rect + height="1" + id="rect6050-1-1" + rx="1.0120201" + ry="1" + style="fill:#ffffff;fill-opacity:1;stroke:none" + width="1" + x="111.0257" + y="758.00214" /> + </g> + </g> + <g + transform="translate(91.106717,-0.00212728)" + id="g4295-3-0" + style="fill:#ffffff;fill-opacity:1"> + <g + id="layer9-9-9" + inkscape:label="status" + style="display:inline;fill:#ffffff;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="layer10-2-1" + inkscape:label="devices" + transform="translate(-100.0002,-745)" + style="fill:#ffffff;fill-opacity:1" /> + <g + id="layer11-0-2" + inkscape:label="apps" + transform="translate(-100.0002,-745)" + style="fill:#ffffff;fill-opacity:1" /> + <g + id="layer13-0-8" + inkscape:label="places" + transform="translate(-100.0002,-745)" + style="fill:#ffffff;fill-opacity:1" /> + <g + id="layer14-2-3" + inkscape:label="mimetypes" + transform="translate(-100.0002,-745)" + style="fill:#ffffff;fill-opacity:1" /> + <g + id="layer15-5-04" + inkscape:label="emblems" + style="display:inline;fill:#ffffff;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="g71291-0-9" + inkscape:label="emotes" + style="display:inline;fill:#ffffff;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="g4953-6-3" + inkscape:label="categories" + style="display:inline;fill:#ffffff;fill-opacity:1" + transform="translate(-100.0002,-745)" /> + <g + id="layer12-0-2" + inkscape:label="actions" + style="display:inline;fill:#ffffff;fill-opacity:1" + transform="translate(-100.0002,-745)"> + <path + inkscape:connector-curvature="0" + d="m 111.87541,748.00075 c -0.22394,0.0242 -0.43316,0.12331 -0.59375,0.28125 l -4.99996,4.99974 -0.6875,0.71875 0.6875,0.71875 4.99996,4.99964 c 0.95833,0.95845 2.39595,-0.47917 1.4375,-1.4375 l -4.28121,-4.28089 4.28121,-4.28099 c 0.72453,-0.67473 0.1332,-1.8793 -0.84375,-1.71875 z" + id="path6040-6-2" + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + sodipodi:nodetypes="cccccccccc" /> + <rect + height="1" + id="rect6046-0-5" + rx="1.0120201" + ry="1" + style="fill:#ffffff;fill-opacity:1;stroke:none" + width="1" + x="111.01369" + y="749.00214" /> + <rect + height="1" + id="rect6050-1-18" + rx="1.0120201" + ry="1" + style="fill:#ffffff;fill-opacity:1;stroke:none" + width="1" + x="111.01369" + y="758.00214" /> + </g> + </g> + </g> + <g + id="g4559" + style="fill:#ffffff;fill-opacity:1"> + <path + id="path4520" + d="M 81.5,3 A 6.5,6.5 0 0 0 75,9.5 6.5,6.5 0 0 0 81.5,16 6.5,6.5 0 0 0 87.494141,12 l -2.253907,0 A 4.5,4.5 0 0 1 81.5,14 4.5,4.5 0 0 1 77,9.5 4.5,4.5 0 0 1 81.5,5 4.5,4.5 0 0 1 85.966797,9 l 2.007812,0 A 6.5,6.5 0 0 0 81.5,3 Z" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + inkscape:connector-curvature="0" /> + <path + id="rect4541" + d="M 88,2 81,8.9980469 81,9 88,9 88,2 Z" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + inkscape:connector-curvature="0" /> + </g> + <g + id="g4577" + style="fill:#ffffff;fill-opacity:1"> + <path + id="rect4563" + d="m 112,8 0,7 4,0 0,-4 2,0 0,4 4,0 0,-7 -10,0 z" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + inkscape:connector-curvature="0" /> + <path + sodipodi:nodetypes="cccc" + inkscape:connector-curvature="0" + id="rect4571" + d="m 117,2 7,7 -14,0 z" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + id="g4687" + style="fill:#ffffff;fill-opacity:1"> + <path + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 189,16 6,-7 -12,0 z" + id="rect4571-4" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccc" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="187" + height="7" + width="4" + id="rect4685" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + transform="translate(0,18)" + id="g4687-5" + style="fill:#ffffff;fill-opacity:1"> + <path + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 189,16 6,-7 -12,0 z" + id="rect4571-4-7" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccc" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="187" + height="7" + width="4" + id="rect4685-1" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + transform="translate(289.02527,-31)" + inkscape:label="Layer 1" + id="layer1-2" + style="fill:#ffffff;fill-opacity:1"> + <path + sodipodi:nodetypes="ccccccccccccccc" + inkscape:connector-curvature="0" + id="path6400" + d="M 15.247455,35.298295 0.702,38.338068 l 2.7272727,2.130683 0,4.232954 3.1818182,-1.818182 0,0 L 5.702,41.889204 9.366776,44.531249 Z m -1.30682,0.880682 -8.0397744,5.113637 -0.7954505,1.193181 -0.7670465,0.482956 0,-2.130683 z" + style="display:inline;fill:#ffffff;fill-opacity:1;stroke:none;enable-background:new" /> + </g> + <g + style="display:inline;fill:#ffffff;fill-opacity:1" + inkscape:label="Calque 1" + id="layer1-5" + transform="translate(612.125,7.75)"> + <path + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" + d="m 38.875,-3.75 c -0.554,0 -1,0.446 -1,1 l 0,8 c 0,0.554 0.446,1 1,1 l 12,0 c 0.554,0 1,-0.446 1,-1 l 0,-8 c 0,-0.554 -0.446,-1 -1,-1 l -12,0 z m 0,1 6,5 6,-5 0,1 -6,5 -6,-5 0,-1 z m 2.5625,4.875 0.59375,0.5 -3.15625,2.625 0,-1 2.5625,-2.125 z m 6.875,0 2.5625,2.125 0,1 -3.15625,-2.625 0.59375,-0.5 z" + id="rect3836" + inkscape:connector-curvature="0" /> + </g> + <g + style="display:inline;fill:#ffffff;fill-opacity:1" + id="g4644" + transform="translate(487,1.0062451)"> + <g + id="layer1-8" + inkscape:label="Calque 1" + style="display:inline;fill:#ffffff;fill-opacity:1"> + <path + id="path2397" + d="m 3.875,0.99999979 c -0.022285,0.00536 -0.044875,0.016494 -0.0625,0.03125 -0.011521,0.00867 -0.022653,0.019636 -0.03125,0.03125 0,0 -0.2700217,0.3260161 -0.5,0.78125 -0.2299782,0.4552339 -0.4120417,1.0356923 -0.15625,1.53125 0.7884499,1.5239749 2.0839251,3.7672489 3.0625,5.28125 0.1544088,-0.5124922 0.3396962,-1.0371273 0.65625,-1.5625 -1.474e-4,-0.010193 -1.472e-4,-0.021056 0,-0.03125 L 7.375,6.2187498 4.03125,1.0624998 C 4.02265,1.0508848 4.011521,1.0399168 4,1.0312498 c -0.010085,-0.00104 -0.021165,-0.00104 -0.03125,0 0.00103,-0.010168 0.00103,-0.021082 0,-0.03125 -0.010085,-0.00104 -0.021164,-0.00104 -0.03125,0 -0.010085,-0.00104 -0.021164,-0.00104 -0.03125,0 -0.010085,-0.00104 -0.021164,-0.00104 -0.03125,0 z m 8.15625,0 c -10e-4,0.010168 -10e-4,0.021082 0,0.03125 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 -0.01152,0.00867 -0.02265,0.019635 -0.03125,0.03125 l -4.25,6.5625 C 7.3818216,8.1841872 7.1713962,9.126518 6.90625,9.8749998 6.773677,10.249241 6.632616,10.579794 6.46875,10.78125 6.3048838,10.982706 6.1573198,11.054945 5.9375,11 5.93129,10.999083 5.910307,11.000259 5.90625,11 5.896093,11.000151 5.881498,10.999635 5.875,11 5.87062,10.999401 5.845624,11.000106 5.84375,11 5.3626321,10.86226 4.9161697,10.88365 4.53125,11.03125 4.0477735,11.216643 3.6630669,11.552098 3.375,12 3.0860242,12.449317 2.9358336,12.959398 3,13.4375 c 0.063099,0.470153 0.3425241,0.987937 0.96875,1.3125 0.6267957,0.324859 1.2688988,0.278233 1.75,0.09375 C 6.2022267,14.658358 6.5869334,14.322902 6.875,13.875 7.1344973,13.471519 7.2416509,13.02322 7.21875,12.59375 7.2188525,12.59363 7.249953,12.5314 7.25,12.53125 c 4.68e-5,-1.5e-4 1.3e-5,-0.03107 0,-0.03125 0.00103,-0.01017 0.00103,-0.02108 0,-0.03125 -7.574e-4,-0.0056 -0.030161,0.0051 -0.03125,0 -0.00327,-0.01539 0.0049,-0.02028 0,-0.03125 -5.419e-4,-0.0084 5.294e-4,-0.02262 0,-0.03125 -0.00553,-0.03035 -0.00716,-0.04147 0,-0.03125 -0.020462,-0.352009 -0.034716,-0.828513 0.15625,-1.28125 0.2005139,-0.475374 0.6186139,-0.917373 1.5,-1.1562502 0.022285,-0.00536 0.044875,-0.016494 0.0625,-0.03125 0.01152,-0.00867 0.022653,-0.019635 0.03125,-0.03125 0.8843995,-1.185979 2.854984,-4.4680334 3.90625,-6.5 0.255791,-0.4955577 0.07373,-1.0760161 -0.15625,-1.53125 -0.229978,-0.4552339 -0.5,-0.78125 -0.5,-0.78125 -0.0086,-0.011614 -0.01973,-0.022583 -0.03125,-0.03125 -0.01763,-0.014756 -0.04021,-0.025888 -0.0625,-0.03125 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 z M 9.5,10.75 C 9.3894228,10.82871 9.2946704,10.904198 9.15625,10.9375 8.9062562,11.00525 8.7332712,11.058735 8.625,11.125 c 0.1783292,0.444209 0.1762788,0.905437 0.15625,1.25 0.00716,-0.01022 0.00553,9e-4 0,0.03125 -5.294e-4,0.0086 5.414e-4,0.0228 0,0.03125 -0.00491,0.01097 0.00327,0.01586 0,0.03125 -0.00109,0.0051 -0.030493,-0.0056 -0.03125,0 -0.00103,0.01017 -0.00103,0.02108 0,0.03125 -1.3e-5,1.84e-4 -4.68e-5,0.0311 0,0.03125 4.68e-5,1.51e-4 0.031147,0.06238 0.03125,0.0625 -0.022901,0.42947 0.084253,0.877769 0.34375,1.28125 0.2880666,0.447902 0.6727728,0.783358 1.15625,0.96875 0.481101,0.184483 1.123205,0.231109 1.75,-0.09375 C 12.657476,14.425437 12.936901,13.907653 13,13.4375 13.06417,12.959398 12.91398,12.449317 12.625,12 12.336933,11.552098 11.952226,11.216643 11.46875,11.03125 11.08383,10.88365 10.637368,10.86226 10.15625,11 c -0.0019,1.06e-4 -0.02687,-5.99e-4 -0.03125,0 -0.0065,-3.65e-4 -0.02109,1.51e-4 -0.03125,0 -0.0041,2.59e-4 -0.02504,-9.17e-4 -0.03125,0 C 9.8426802,11.05495 9.6951161,10.98271 9.53125,10.78125 9.52318,10.77135 9.507898,10.76058 9.5,10.75 Z m -4.25,1.3125 c 0.1041762,0.0047 0.2340963,0.01938 0.3125,0.0625 0.1742344,0.09581 0.2816322,0.271981 0.3125,0.46875 0.030868,0.196769 -0.021258,0.402302 -0.15625,0.625 C 5.4509472,13.660548 4.9070917,13.876992 4.5625,13.6875 4.3906342,13.59299 4.2812498,13.39314 4.25,13.1875 4.21875,12.98186 4.271964,12.784035 4.40625,12.5625 4.6068231,12.231613 4.9430901,12.048615 5.25,12.0625 Z m 5.5,0 c 0.30691,-0.01389 0.643177,0.169113 0.84375,0.5 0.134287,0.221535 0.1875,0.41936 0.15625,0.625 -0.03125,0.20564 -0.140634,0.40549 -0.3125,0.5 -0.344592,0.189492 -0.888448,-0.02695 -1.15625,-0.46875 -0.134992,-0.222698 -0.187118,-0.428231 -0.15625,-0.625 0.03087,-0.196769 0.138266,-0.372938 0.3125,-0.46875 0.0784,-0.04312 0.208324,-0.05779 0.3125,-0.0625 z" + style="display:inline;fill:#ffffff;fill-opacity:1;stroke:none" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + style="display:inline;fill:#ffffff;fill-opacity:1" + id="g4662" + transform="translate(523,1.0000004)"> + <g + id="layer1-9" + inkscape:label="Calque 1" + style="display:inline;fill:#ffffff;fill-opacity:1"> + <path + sodipodi:nodetypes="ccsssssccssssscssccccccccsssssssss" + id="Symbol" + d="m 5,0.9999996 0,0.96875 -1.46875,0 c -0.8309999,0 -1.5,0.669 -1.5,1.5 l 0,8.0312504 c 0,0.810431 0.6351935,1.468004 1.4375,1.5 0.020363,8.12e-4 0.041931,0 0.0625,0 L 4,13 5,13 5,13.5 C 5,14.331 5.669,15 6.5,15 l 6,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-7.0000004 c 0,-0.657875 -0.412983,-1.2029937 -1,-1.40625 l 0,-1.625 c 0,-0.8309999 -0.669,-1.5 -1.5,-1.5 l -1.5,0 0,-0.96875 z m 1,1 3,0 0,1 -3,0 z m 1.5,5 4,0 c 0.277,0 0.5,0.223 0.5,0.5 L 12,12.5 c 0,0.277 -0.223,0.5 -0.5,0.5 l -4,0 C 7.223,13 7,12.777 7,12.5 L 7,7.4999996 c 0,-0.277 0.223,-0.5 0.5,-0.5 z" + style="display:inline;fill:#ffffff;fill-opacity:1;stroke:none" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + style="display:inline;fill:#ffffff;fill-opacity:1" + id="g4698" + transform="translate(396.98917,1)"> + <g + id="layer1-4" + inkscape:label="Calque 1" + style="display:inline;fill:#ffffff;fill-opacity:1"> + <path + sodipodi:nodetypes="cccccccccccccccccccccccccccccccccccccccccccssscccccccc" + id="Symbol-7" + d="M 4.5,1 C 3.669,1 3,1.669 3,2.5 l 0,1.0625 0,3.46875 -0.53125,0 c -0.831,0 -1.5,0.669 -1.5,1.5 l 0,3.03125 c 0,0.831 0.669,1.5 1.5,1.5 L 3,13.0625 3,13.1875 3,13.5 C 3,14.331 3.669,15 4.5,15 l 7,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-0.3125 0,-0.125 0.53125,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-3.0625 c 0,-0.8310001 -0.669,-1.5 -1.5,-1.5 L 13,7 13,5.6875 13,2.5 C 13,1.669 12.331,1 11.5,1 l -7,0 z m 1,2 5,0 C 10.777,3 11,3.223 11,3.5 L 11,8 5,8 5,3.5 C 5,3.223 5.223,3 5.5,3 Z m 0.5,1 0,1 4.010835,0 0,-1 L 6,4 Z M 6,6 6,7 9,7 9,6 6,6 Z m 7.5,3 c 0.276,-2e-7 0.5,0.224 0.5,0.5 C 14,9.7759998 13.776,10 13.5,10 13.224,9.9999998 13,9.776 13,9.5 13,9.2239998 13.224,9 13.5,9 Z m -8.5,3 6,0 0,0.5 c 0,0.277 -0.223,0.5 -0.5,0.5 l -5,0 C 5.223,13 5,12.777 5,12.5 L 5,12 Z" + style="display:inline;fill:#ffffff;fill-opacity:1;stroke:none" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + style="display:inline;fill:#ffffff;fill-opacity:1" + id="g4716" + transform="translate(505,1)"> + <g + id="layer1-1" + inkscape:label="Calque 1" + style="display:inline;fill:#ffffff;fill-opacity:1"> + <path + sodipodi:nodetypes="ccccccccccccccccccccccccccccccc" + id="Symbol-6" + d="M 6.5,1 C 5.669,1 5,1.669 5,2.5 l 0,8 C 5,11.331 5.669,12 6.5,12 l 6,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-8 C 14,1.669 13.331,1 12.5,1 l -6,0 z m 1,2 4,0 C 11.777,3 12,3.223 12,3.5 l 0,6 C 12,9.777 11.777,10 11.5,10 l -4,0 C 7.223,10 7,9.777 7,9.5 l 0,-6 C 7,3.223 7.223,3 7.5,3 Z m -4,1 C 2.669,4 2,4.669 2,5.5 l 0,8 C 2,14.331 2.669,15 3.5,15 l 6,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-0.5 -2.5,0 -4,0 C 4.223,13 4,12.777 4,12.5 L 4,6.5 4,4 3.5,4 Z" + style="display:inline;fill:#ffffff;fill-opacity:1;stroke:none" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + style="display:inline;fill:#ffffff;fill-opacity:1" + id="g4680" + transform="matrix(-1.0264221,0,0,1.0297012,395.02642,0.97029876)"> + <g + id="layer1-7" + inkscape:label="Calque 1" + style="display:inline;fill:#ffffff;fill-opacity:1"> + <path + inkscape:label="#path3766" + sodipodi:nodetypes="cscsccsccscsccssssc" + id="Symbol-8" + d="m 2.4469076,2.4416061 c -1.92921018,1.9221416 -1.92921008,5.0421398 0,6.9642808 1.6818402,1.6756791 4.272808,1.8988571 6.1889674,0.6529021 0.325705,0.01628 0.850926,0.06109 1.037561,0.272042 0.254123,0.287232 -0.105101,0.958719 0.382261,1.396484 l 3.031041,3.071232 c 0,0 0.562273,0.600501 1.438025,-0.272043 0.875752,-0.872543 0.273043,-1.432755 0.273043,-1.432755 L 11.766764,10.022517 C 11.327388,9.5369409 10.653432,9.8948469 10.365145,9.6416569 10.153416,9.4557059 10.10844,8.9324089 10.092102,8.6078959 11.342639,6.6987579 11.118641,4.117284 9.4368,2.4416061 c -1.9292105,-1.92214145 -5.0606821,-1.92214135 -6.9898924,0 z m 1.1831848,1.1425773 c 0.5964074,-0.594222 1.4205257,-0.9430796 2.3299641,-0.9430797 1.8188769,0 3.2947145,1.4704303 3.2947145,3.2826428 0,1.8122134 -1.4758368,3.2826434 -3.2947145,3.2826434 -1.8188758,1e-6 -3.2947148,-1.47043 -3.2947148,-3.2826434 1e-7,-0.9061061 0.3683435,-1.745341 0.9647507,-2.3395631 z" + style="display:inline;fill:#ffffff;fill-opacity:1;stroke:none" + inkscape:connector-curvature="0" /> + </g> + </g> + <path + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 309,2 c -0.554,0 -1,0.446 -1,1 l 0,12 c 0,0.554 0.446,1 1,1 l 12,0 c 0.554,0 1,-0.446 1,-1 l 0,-12 c 0,-0.554 -0.446,-1 -1,-1 l -12,0 z m 3,1 6,0 c 1.108,0 2,0.892 2,2 l 0,6 c 0,1.108 -0.892,2 -2,2 l -6,0 c -1.108,0 -2,-0.892 -2,-2 l 0,-6 c 0,-1.108 0.892,-2 2,-2 z" + id="rect4570" + inkscape:connector-curvature="0" /> + <g + style="font-style:normal;font-weight:bold;font-size:15px;line-height:125%;font-family:Sans;-inkscape-font-specification:'Sans Bold';letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + id="text4575" + transform="matrix(0.5721975,0,0,0.58799884,135.90225,10.439994)"> + <path + d="m 311.30469,-0.89477539 -0.43213,-1.11328121 -0.0659,0 q -0.2417,0.3295898 -0.4834,0.571289 -0.2417,0.234375 -0.52734,0.3881836 -0.28565,0.15380861 -0.64453,0.2270508 -0.35157,0.0732422 -0.82032,0.0732422 -0.49804,0 -0.92285,-0.15380859 -0.4248,-0.16113281 -0.73974,-0.47607421 -0.30762,-0.3222657 -0.4834,-0.8056641 -0.17578,-0.4907226 -0.17578,-1.1572266 0,-1.3037109 0.83496,-1.9189453 0.83496,-0.6225586 2.49756,-0.6884765 l 1.30371,-0.043945 0,-0.6152344 q 0,-0.5053711 -0.29297,-0.7470703 -0.29297,-0.2416992 -0.82031,-0.2416992 -0.52735,0 -1.03272,0.1538085 -0.49805,0.1538086 -1.00342,0.4101563 L 306.771,-8.5119629 q 0.61523,-0.3442383 1.3623,-0.5419922 0.74707,-0.1977539 1.56738,-0.1977539 1.53077,0 2.34375,0.7177735 0.82032,0.7177734 0.82032,2.1826171 l 0,5.45654301 -1.56006,0 z m -0.65918,-3.79394531 -0.73975,0.029297 q -0.44678,0.014648 -0.75439,0.1171875 -0.30762,0.102539 -0.49805,0.2783203 -0.18311,0.168457 -0.271,0.4101562 -0.0806,0.234375 -0.0806,0.5273438 0,0.5126953 0.24902,0.7324219 0.24902,0.2124023 0.65186,0.2124023 0.30761,0 0.57129,-0.1025391 0.26367,-0.1098632 0.4541,-0.3149414 0.19775,-0.2124023 0.30761,-0.5126953 0.10987,-0.3076172 0.10987,-0.703125 l 0,-0.6738281 z" + id="path4580" + inkscape:connector-curvature="0" + style="fill:#ffffff;fill-opacity:1" /> + <path + d="m 316.47486,-7.6477051 c -0.3955,0 -0.72509,0.1391602 -0.98877,0.4174805 -0.25879,0.2783203 -0.40772,0.715332 -0.44678,1.3110351 l 2.84913,0 c -0.005,-0.2490234 -0.0364,-0.4785156 -0.0952,-0.6884765 -0.0586,-0.2099609 -0.1465,-0.390625 -0.26367,-0.5419922 -0.1172,-0.15625 -0.26368,-0.2783203 -0.43946,-0.3662109 -0.17578,-0.087891 -0.38086,-0.131836 -0.61523,-0.131836 z m 0.28564,6.89941408 c -0.58593,0 -1.12548,-0.0854492 -1.61865,-0.25634768 -0.49316,-0.1708984 -0.91797,-0.427246 -1.27441,-0.7690429 -0.35644,-0.3466797 -0.63476,-0.7812501 -0.83497,-1.303711 -0.1953,-0.5273437 -0.29296,-1.1450195 -0.29296,-1.8530273 0,-0.7177735 0.0903,-1.3452149 0.27099,-1.8823242 0.18067,-0.5371094 0.43214,-0.9838868 0.7544,-1.3403321 0.32715,-0.3613281 0.71778,-0.6323242 1.17187,-0.8129883 0.45899,-0.180664 0.9668,-0.270996 1.52344,-0.270996 0.542,0 1.03028,0.083008 1.46484,0.2490234 0.43946,0.1611328 0.81055,0.4003906 1.11328,0.7177734 0.30762,0.3173828 0.542,0.7080078 0.70313,1.171875 0.16602,0.4589844 0.24902,0.9863282 0.24902,1.5820313 l 0,1.0839844 -4.99511,0 c 0.01,0.3125 0.0586,0.5957031 0.14648,0.8496093 0.0928,0.2490235 0.21973,0.4614258 0.38086,0.6372071 0.16602,0.1708984 0.36377,0.3027343 0.59326,0.3955078 0.23438,0.092773 0.50049,0.1391601 0.79834,0.1391601 0.24903,0 0.48341,-0.012207 0.70313,-0.036621 0.22461,-0.029297 0.44189,-0.070801 0.65185,-0.1245117 0.20996,-0.053711 0.41748,-0.1196286 0.62256,-0.1977539 0.20509,-0.083008 0.41504,-0.1782226 0.62988,-0.2856445 l 0,1.7285156 c -0.19531,0.1025391 -0.39306,0.1904297 -0.59326,0.2636719 -0.19531,0.0683594 -0.40283,0.1269531 -0.62256,0.17578123 -0.21972,0.0488281 -0.45654,0.0830078 -0.71045,0.10253906 -0.2539,0.0244141 -0.53222,0.0366211 -0.83496,0.036621 z" + id="path4582" + inkscape:connector-curvature="0" + sodipodi:nodetypes="scccccsssssccscccscccscccccscsccccscs" + style="fill:#ffffff;fill-opacity:1" /> + </g> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 171,1.9999996 a 7,7 0 0 0 -7,7 A 7,7 0 0 0 171,16 a 7,7 0 0 0 7,-7.0000004 7,7 0 0 0 -7,-7 z m 0,2 a 5,5 0 0 1 5,5 A 5,5 0 0 1 171,14 a 5,5 0 0 1 -5,-5.0000004 5,5 0 0 1 5,-5 z" + id="path4643" /> + <rect + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4650" + width="2" + height="5" + x="170" + y="4.9999995" + rx="1.38778e-16" + ry="1.38778e-16" /> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="M 170.93945,7.4999996 170,8.4394527 l 0,0.9492188 3.06055,3.0605475 1.41406,-1.414063 -3.53516,-3.5351564 z" + id="rect4650-7" /> + <path + sodipodi:type="star" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4695" + sodipodi:sides="5" + sodipodi:cx="135" + sodipodi:cy="9.6998634" + sodipodi:r1="8" + sodipodi:r2="3.76" + sodipodi:arg1="-1.5707963" + sodipodi:arg2="-0.9424778" + inkscape:flatsided="false" + inkscape:rounded="-1.44676e-15" + inkscape:randomized="0" + d="m 135,1.6998634 2.21007,4.9580961 5.39838,0.5697682 -4.03248,3.6340393 L 139.70228,16.172 135,13.459863 l -4.70228,2.712136 1.12631,-5.310232 -4.03248,-3.6340397 5.39838,-0.5697677 z" + inkscape:transform-center-y="-0.76393202" /> + <path + sodipodi:type="star" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4695-1" + sodipodi:sides="5" + sodipodi:cx="153.00044" + sodipodi:cy="9.6998634" + sodipodi:r1="8" + sodipodi:r2="3.76" + sodipodi:arg1="-1.5707963" + sodipodi:arg2="-0.9424778" + inkscape:flatsided="false" + inkscape:rounded="-1.44676e-15" + inkscape:randomized="0" + d="m 153.00044,1.6998634 2.21008,4.9580961 5.39837,0.5697682 -4.03247,3.6340393 1.1263,5.310233 -4.70228,-2.712137 -4.70228,2.712136 1.12631,-5.310232 -4.03248,-3.6340397 5.39838,-0.5697677 z" + inkscape:transform-center-y="-0.76393202" /> + <g + id="g4739" + style="fill:#ffffff;fill-opacity:1"> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="471" + height="2" + width="12" + id="rect4733" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="8" + x="471" + height="2" + width="12" + id="rect4735" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="13" + x="471" + height="2" + width="12" + id="rect4737" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <path + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 621,2.4011949 c -0.25562,0 -0.51116,0.0971 -0.70703,0.2929688 l -2.30469,2.3066406 -1.98828,0 c -0.554,0 -1,0.446 -1,1 L 615,13.979 c 0,0.554 0.446,1 1,1 l 10,0 c 0.554,0 1,-0.446 1,-1 l 0,-7.9781957 c 0,-0.554 -0.446,-1 -1,-1 l -1.98828,0 -2.30469,-2.3066406 C 621.51116,2.4982951 621.25562,2.4011949 621,2.4011949 Z m -4,5.5992887 1,0 0,1 -1,0 z m 2,0 6,0 0,1 -6,0 z m -2,2.0000004 1,0 0,1 -1,0 z m 2,0 6,0 0,1 -6,0 z m -2,2 1,0 0,1 -1,0 z m 2,0 6,0 0,1 -6,0 z" + id="rect4744" + inkscape:connector-curvature="0" + sodipodi:nodetypes="sccssssssssccscccccccccccccccccccccccccccccc" /> + <g + id="g4297" + style="fill:#ffffff;fill-opacity:1"> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="9" + x="633" + height="5.979197" + width="4" + id="rect4289" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="9" + x="638" + height="5.979197" + width="7" + id="rect4291" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="642" + height="5" + width="3" + id="rect4293" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="633" + height="5" + width="8" + id="rect4295" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="M 326,2.9999996 326,15 l 14,0 0,-12.0000004 -14,0 z m 6,1 1,0 0,1 -1,0 0,-1 z m 2,0 1,0 0,1 -1,0 0,-1 z m 2,0 2,0 0,1 -2,0 0,-1 z m -8,2 10,0 L 338,13 l -10,0 0,-7.0000004 z" + id="rect4294" /> + <rect + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4325" + width="10" + height="2" + x="544" + y="7.9999995" + rx="1.38778e-16" + ry="1.38778e-16" /> + <g + id="g4331" + style="fill:#ffffff;fill-opacity:1"> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="4" + x="566" + height="10" + width="2" + id="rect4327" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="8" + x="562" + height="2" + width="10" + id="rect4329" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + id="g4352" + style="fill:#ffffff;fill-opacity:1"> + <path + id="rect4294-9" + d="m 668,3 0,12 14,0 0,-12 -14,0 z m 6,1 1,0 0,1 -1,0 0,-1 z m 2,0 1,0 0,1 -1,0 0,-1 z m 2,0 2,0 0,1 -2,0 0,-1 z m -8,2 10,0 0,7 -10,0 0,-7 z" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + inkscape:connector-curvature="0" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="6" + x="676" + height="7" + width="2" + id="rect4350" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <path + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 758,2.9999996 0,7.8261724 0,0.173828 0.01,0 c 0.15732,2.222938 3.23985,3.977369 6.99023,3.978516 3.74811,-0.003 6.82715,-1.756919 6.98438,-3.978516 l 0.0154,0 0,-0.173828 0,-7.8261724 z M 761.46484,5.849609 765,9.3847652 768.53516,5.849609 769.73633,7.0507808 765.95508,10.833984 765,11.787109 764.04492,10.833984 760.26367,7.0507808 761.2168,6.0957027 Z" + id="rect4356" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccccccccccccccccccc" /> + <g + id="g4388" + style="fill:#ffffff;fill-opacity:1"> + <path + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="M 238 3 L 238 3.9003906 L 238 14.099609 L 238 15 L 248 15 L 248 14.099609 L 248 7 L 244 3 L 238 3 z M 244 4.4140625 L 246.58594 7 L 244 7 L 244 6.0996094 L 244 4.4140625 z " + id="rect4365" /> + </g> + <g + id="g4396" + style="fill:#ffffff;fill-opacity:1"> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="4" + x="578" + height="10" + width="10" + id="rect4392" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <path + sodipodi:nodetypes="ccccc" + inkscape:connector-curvature="0" + id="path4394" + d="m 588,7 4,-2 0,8 -4,-2 z" + style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + </g> + <g + id="g4436" + style="fill:#ffffff;fill-opacity:1"> + <path + inkscape:connector-curvature="0" + id="rect4400" + d="m 420,6 0,6 6,0 0,-6 -6,0 z m 1,2 4,0 0,3 -4,0 0,-3 z" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4407" + d="m 423,5 3,0 -3,-3 -3,3 z" + style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4407-0" + d="m 423,13 3,0 -3,3 -3,-3 z" + style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4407-4" + d="m 427,9 0,3 3,-3 -3,-3 z" + style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4407-1" + d="m 419,9 0,-3 -3,3 3,3 z" + style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + </g> + <g + id="g4463" + style="fill:#ffffff;fill-opacity:1"> + <path + inkscape:connector-curvature="0" + id="path4443" + d="m 598,5 3,0 3,4 -3,4 -3,0 3,-4 z" + style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4443-5" + d="m 603,5 3,0 3,4 -3,4 -3,0 3,-4 z" + style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + </g> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 459,3.9999996 a 5,5 0 0 0 -5,5 A 5,5 0 0 0 459,14 a 5,5 0 0 0 5,-5.0000004 5,5 0 0 0 -5,-5 z m 0,3 a 2,2 0 0 1 2,2 A 2,2 0 0 1 459,11 a 2,2 0 0 1 -2,-2.0000004 2,2 0 0 1 2,-2 z" + id="path4467" /> + <g + id="g4503" + style="fill:#ffffff;fill-opacity:1"> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="458" + height="2" + width="2" + id="rect4474" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="8" + x="463" + height="2" + width="2" + id="rect4474-4" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="8" + x="453" + height="2" + width="2" + id="rect4474-1" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="13" + x="458" + height="2" + width="2" + id="rect4474-13" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + id="g4503-2" + transform="matrix(0.70710678,0.70710678,-0.70710678,0.70710678,140.80195,-321.92597)" + style="fill:#ffffff;fill-opacity:1"> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="3" + x="458" + height="2" + width="2" + id="rect4474-7" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="8" + x="463" + height="2" + width="2" + id="rect4474-4-5" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="8" + x="453" + height="2" + width="2" + id="rect4474-1-3" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.38778e-16" + rx="1.38778e-16" + y="13" + x="458" + height="2" + width="2" + id="rect4474-13-8" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <path + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 758,21 0,7.826172 0,0.173828 0.01,0 c 0.15733,2.222938 3.23986,3.977369 6.99023,3.978516 3.74811,-0.003 6.82715,-1.756919 6.98438,-3.978516 l 0.0154,0 0,-0.173828 0,-7.826172 z m 3.46483,2.849609 3.53517,3.535157 3.53516,-3.535157 1.20117,1.201172 -3.78125,3.783203 -0.95508,0.953125 -0.95508,-0.953125 -3.78125,-3.783203 0.95313,-0.955078 z" + id="rect4356-9" + inkscape:connector-curvature="0" + sodipodi:nodetypes="cccccccccccccccccccc" /> + <g + style="display:inline;fill:#ffffff;fill-opacity:1" + id="g4734" + transform="translate(343,0.99999957)"> + <g + id="layer1-92" + inkscape:label="Calque 1" + style="display:inline;fill:#ffffff;fill-opacity:1"> + <path + id="path3015" + d="M 5,2 C 3.892,2 3,2.892 3,4 l 0,3 -2,0 0,3 4,0 1,0 0,-2 4,0 0,2 1,0 4,0 0,-3 -2,0 0,-3 C 13,2.892 12.108,2 11,2 L 5,2 Z m 2,7 0,2 -2,0 0,2 2,0 0,2 2,0 0,-2 2,0 0,-2 -2,0 0,-2 -2,0 z" + style="display:inline;fill:#ffffff;fill-opacity:1;stroke:none" + inkscape:connector-curvature="0" /> + </g> + </g> + <g + id="g4377" + style="fill:#ffffff;fill-opacity:1"> + <path + sodipodi:nodetypes="cccccc" + inkscape:connector-curvature="0" + id="path4766" + d="m 435,15 2,0 6,-6 -2,-2 -6,6 z" + style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path4768" + d="m 444,2 a 4,4 0 0 0 -4,4 4,4 0 0 0 4,4 4,4 0 0 0 4,-4 4,4 0 0 0 -0.33398,-1.5859375 c -0.0612,0.086178 -0.1291,0.1701155 -0.20704,0.2480469 l -1.84765,1.8476562 c -0.66351,0.6635048 -1.67021,0.7243245 -2.25781,0.1367188 -0.58761,-0.5876058 -0.52679,-1.5943077 0.13671,-2.2578125 l 1.84766,-1.8476563 c 0.0789,-0.078897 0.16267,-0.1491534 0.25,-0.2109375 A 4,4 0 0 0 444,2 Z" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 746.98828,2.4003902 c -0.25562,0 -0.51116,0.0971 -0.70703,0.2929688 l -2.30469,2.3066406 -1.98828,0 c -0.554,0 -1,0.446 -1,1 l 0,7.9785164 c 0,0.554 0.446,1 1,1 l 10,0 c 0.554,0 1,-0.446 1,-1 l 0,-7.9785164 c 0,-0.554 -0.446,-1 -1,-1 l -1.98828,0 -2.30469,-2.3066406 C 747.49944,2.4974904 747.2439,2.4003902 746.98828,2.4003902 Z m 1.55078,3.5996094 a 2.4615383,2.4615385 0 0 1 0.97656,0.203125 c -0.0537,0.038021 -0.10569,0.080354 -0.15429,0.1289062 l -1.13672,1.1386719 c -0.40828,0.4083106 -0.4456,1.0270683 -0.084,1.3886719 0.3616,0.3616032 0.98037,0.3243263 1.38868,-0.083984 l 1.13867,-1.1367187 c 0.0479,-0.047958 0.0892,-0.099311 0.12695,-0.1523438 A 2.4615383,2.4615385 0 0 1 751,8.4609371 2.4615383,2.4615385 0 0 1 748.53906,10.923828 2.4615383,2.4615385 0 0 1 747.5293,10.703125 L 744.23047,14 743,14 l 0,-1.230469 3.29688,-3.2988283 a 2.4615383,2.4615385 0 0 1 -0.22071,-1.0097656 2.4615383,2.4615385 0 0 1 2.46289,-2.4609375 z" + id="rect4744-3" /> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 693,1.9999996 a 7,7 0 0 0 -7,7 A 7,7 0 0 0 693,16 a 7,7 0 0 0 7,-7.0000004 7,7 0 0 0 -7,-7 z m 0,0.671875 0,2.328125 a 4,4 0 0 1 4,4 A 4,4 0 0 1 693,13 4,4 0 0 1 689.13086,9.9999996 l 1.04492,0 A 3,3 0 0 0 693,12 a 3,3 0 0 0 3,-3.0000004 3,3 0 0 0 -3,-3 l 0,2.328125 -1.75586,-1.7558594 -0.71289,-0.7128906 -0.36133,-0.359375 L 693,2.6718746 Z" + id="path4408" /> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 693,20 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,0.671875 L 693,23 a 4,4 0 0 1 4,4 4,4 0 0 1 -4,4 4,4 0 0 1 -3.86914,-3 l 1.04492,0 A 3,3 0 0 0 693,30 a 3,3 0 0 0 3,-3 3,3 0 0 0 -3,-3 l 0,2.328125 -1.75586,-1.755859 -0.71289,-0.712891 L 690.16992,23.5 693,20.671875 Z" + id="path4408-6" /> + <g + id="g4497" + style="fill:#ffffff;fill-opacity:1"> + <path + sodipodi:nodetypes="cccccccccccccccccccccsssssss" + inkscape:connector-curvature="0" + id="path4490" + d="m 709.6,3 -1.6,2 -0.3,2 -2.7,3 0,5 1,0 2,-2 1,0 1,1 1,0 1,0 1,-1 1,0 2,2 1,0 0,-5 L 714.3,7 714,5 712.4,3 711,2 Z m 0.9,3 1,0 c 0.277,0 0.5,0.223 0.5,0.5 0,0.277 -0.223,0.5 -0.5,0.5 l -1,0 C 710.223,7 710,6.777 710,6.5 710,6.223 710.223,6 710.5,6 Z" + style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /> + <rect + ry="0.5" + rx="0.5" + y="14.5" + x="710" + height="1" + width="2" + id="rect4492" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <g + id="g4566" + transform="matrix(0,1,-1,0,247.2144,-263.81249)" + style="fill:#ffffff;fill-opacity:1"> + <path + inkscape:connector-curvature="0" + id="rect4492-7-4" + d="m 272.53125,-19.781249 c -0.19625,0.008 -0.40095,0.0345 -0.59375,0.0625 -2.31356,0.335389 -4.30673,2.01152 -4.9375,4.40625 -0.13556,0.51465 -0.18822,1.02272 -0.1875,1.53125 l 1.96875,0 c 8.3e-4,-0.33898 0.0345,-0.68773 0.125,-1.03125 0.56572,-2.14773 2.75852,-3.40946 4.90625,-2.84375 0.6942,0.18285 1.28439,0.56718 1.78125,1.0625 l -1.8125,1.8125 5,0 0,-5.000001 -1.75,1.750001 c -0.74487,-0.740739 -1.68058,-1.257801 -2.71875,-1.531251 -0.59867,-0.157689 -1.19251,-0.244029 -1.78125,-0.218749 z" + style="color:#000000;display:block;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.9999997;marker:none;enable-background:new" /> + <path + inkscape:connector-curvature="0" + id="rect4492-7-85-4" + d="m 276.8125,-13.781249 c -0.002,0.33623 -0.0353,0.65936 -0.125,1 -0.56572,2.14773 -2.75852,3.409459 -4.90625,2.8437495 -0.6942,-0.1828495 -1.28439,-0.5671795 -1.78125,-1.0624995 l 1.8125,-1.8125 -5,0 0,4.999999 1.75,-1.75 c 0.74487,0.74074 1.68058,1.2578 2.71875,1.53125 0.59867,0.15769 1.19251,0.24403 1.78125,0.21875 0.19625,-0.008 0.40095,-0.0345 0.59375,-0.0625 2.31356,-0.33539 4.30673,-2.0115195 4.9375,-4.406249 0.13279,-0.50415 0.1856,-1.00151 0.1875,-1.5 l -1.96875,0 z" + style="color:#000000;display:block;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.9999997;marker:none;enable-background:new" /> + </g> + <g + id="g4668" + style="fill:#ffffff;fill-opacity:1"> + <path + inkscape:connector-curvature="0" + id="path4584" + d="m 729,2 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,1 a 6,6 0 0 1 6,6 6,6 0 0 1 -6,6 6,6 0 0 1 -6,-6 6,6 0 0 1 6,-6 z" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1" + rx="1" + y="3" + x="727" + height="12" + width="1" + id="rect4589" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.3877788e-16" + rx="1.3877788e-16" + y="3" + x="730" + height="12" + width="1" + id="rect4589-8" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.3877788e-16" + rx="1.3877788e-16" + y="4.2568936" + x="724" + height="9.5251265" + width="1" + id="rect4589-1" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1.3877788e-16" + rx="1.3877788e-16" + y="4.2998734" + x="733" + height="9.5251265" + width="1" + id="rect4589-1-4" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + transform="matrix(0,1,-1,0,0,0)" + ry="1.3877788e-16" + rx="1.3877788e-16" + y="-733.76257" + x="4" + height="9.5251265" + width="1" + id="rect4589-1-8" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + transform="matrix(0,1,-1,0,0,0)" + ry="1.3877788e-16" + rx="1.3877788e-16" + y="-733.76257" + x="13" + height="9.5251265" + width="1" + id="rect4589-1-2" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + transform="matrix(0,1,-1,0,0,0)" + ry="1.3877788e-16" + rx="1.3877788e-16" + y="-735" + x="10" + height="11.99998" + width="1" + id="rect4589-1-9" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + transform="matrix(0,1,-1,0,0,0)" + ry="1.3877788e-16" + rx="1.3877788e-16" + y="-735" + x="7" + height="11.99998" + width="1" + id="rect4589-1-22" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <circle + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4679" + cx="274" + cy="14" + r="2" /> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 272,6.9999996 0,3 A 6,6 0 0 1 278,16 l 3,0 a 9,9 0 0 0 -9,-9.0000004 z" + id="path4683" /> + <path + inkscape:connector-curvature="0" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 272,1.9999996 0,3 A 11,11 0 0 1 283,16 l 3,0 A 14,14 0 0 0 272,1.9999996 Z" + id="path4688" /> + <path + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + d="m 219,6.9999996 13,0 1,0 -1,7.9791974 0,0 -13,0 0,0 -1,-7.9791974 z" + id="rect4708" + inkscape:connector-curvature="0" + sodipodi:nodetypes="ccccccccc" /> + <rect + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4711" + width="13" + height="2" + x="219" + y="3.9999995" + rx="1.38778e-16" + ry="1.38778e-16" /> + <rect + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4713" + width="6" + height="3" + x="219" + y="2.9999995" + rx="1" + ry="1" /> + <rect + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4979" + width="10" + height="10" + x="200.00009" + y="6" + rx="1" + ry="1" /> + <ellipse + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="path4981" + cx="205.00009" + cy="3.625" + rx="2.0000014" + ry="1.625" /> + <rect + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" + id="rect4983" + width="2" + height="3.6273403" + x="204.00009" + y="4" + rx="1" + ry="1" /> + <g + id="g5003" + transform="matrix(0,1,-1.0333195,0,213.64476,-194)" + style="fill:#ffffff;fill-opacity:1"> + <ellipse + ry="1.5" + rx="2.0000014" + cy="1.1550797" + cx="205" + id="path4981-3" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <rect + ry="1" + rx="0.9677549" + y="1.6550797" + x="204" + height="3.6273403" + width="2" + id="rect4983-7" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + </g> + <path + inkscape:connector-curvature="0" + style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="M 361,3.9999998 C 360.60225,9.3474948 361.65771,11.475301 364,13 l 3,0 c 1.34792,-1.038563 0.98353,-1.5625 2,-1.5625 1.0167,0.0022 0.65208,0.523937 2,1.5625 l 3,0 c 2.34229,-1.524699 3.39775,-3.6525052 3,-9.0000002 0,0 -0.58016,0.801126 -1,1 l -2,0 c -0.39775,-0.839689 -2,-1 -2,-1 -2.03293,1.016466 -1.02772,1.779029 -2,2 l -1,0 -1,0 c -0.26517,0.06629 0.0329,-1.005631 -2,-2 0,0 -1.60225,0.160311 -2,1 l -2,0 c -0.41984,-0.198874 -1,-1 -1,-1 z m 5,4 a 2,1 0 0 1 2,1 A 2,1 0 0 1 366,10 a 2,1 0 0 1 -2,-1.0000002 2,1 0 0 1 2,-1 z m 6,0 a 2,1 0 0 1 2,1 A 2,1 0 0 1 372,10 a 2,1 0 0 1 -2,-1.0000002 2,1 0 0 1 2,-1 z" + id="path5021" /> + <g + id="g5070" + style="fill:#ffffff;fill-opacity:1"> + <circle + r="7" + cy="9" + cx="9" + id="path5059" + style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="rect5061" + d="m 5,5 0,8 8,0 0,-8 -8,0 z m 1,1 6,0 0,6 -6,0 0,-6 z" + style="opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path5066" + d="m 6,6 6,6" + style="fill:#ffffff;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1" /> + <path + inkscape:connector-curvature="0" + id="path5068" + d="M 12,6 6,12" + style="fill:#ffffff;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1" /> + </g> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/customizableui/background-noise-toolbar.png b/arc-firefox-theme/chrome/browser/customizableui/background-noise-toolbar.png Binary files differnew file mode 100644 index 0000000..d09ba9d --- /dev/null +++ b/arc-firefox-theme/chrome/browser/customizableui/background-noise-toolbar.png diff --git a/arc-firefox-theme/chrome/browser/customizableui/customize-illustration-rtl.png b/arc-firefox-theme/chrome/browser/customizableui/customize-illustration-rtl.png Binary files differnew file mode 100644 index 0000000..1200509 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/customizableui/customize-illustration-rtl.png diff --git a/arc-firefox-theme/chrome/browser/customizableui/customize-illustration.png b/arc-firefox-theme/chrome/browser/customizableui/customize-illustration.png Binary files differnew file mode 100644 index 0000000..9131951 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/customizableui/customize-illustration.png diff --git a/arc-firefox-theme/chrome/browser/customizableui/customizeFavicon.ico b/arc-firefox-theme/chrome/browser/customizableui/customizeFavicon.ico Binary files differnew file mode 100644 index 0000000..c7bd843 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/customizableui/customizeFavicon.ico diff --git a/arc-firefox-theme/chrome/browser/customizableui/customizeMode-gridTexture.png b/arc-firefox-theme/chrome/browser/customizableui/customizeMode-gridTexture.png Binary files differnew file mode 100644 index 0000000..a7c2775 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/customizableui/customizeMode-gridTexture.png diff --git a/arc-firefox-theme/chrome/browser/customizableui/customizeMode-separatorHorizontal.png b/arc-firefox-theme/chrome/browser/customizableui/customizeMode-separatorHorizontal.png Binary files differnew file mode 100644 index 0000000..5e17cb4 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/customizableui/customizeMode-separatorHorizontal.png diff --git a/arc-firefox-theme/chrome/browser/customizableui/customizeMode-separatorVertical.png b/arc-firefox-theme/chrome/browser/customizableui/customizeMode-separatorVertical.png Binary files differnew file mode 100644 index 0000000..dc4caee --- /dev/null +++ b/arc-firefox-theme/chrome/browser/customizableui/customizeMode-separatorVertical.png diff --git a/arc-firefox-theme/chrome/browser/customizableui/info-icon-customizeTip.png b/arc-firefox-theme/chrome/browser/customizableui/info-icon-customizeTip.png Binary files differnew file mode 100644 index 0000000..0dfbbce --- /dev/null +++ b/arc-firefox-theme/chrome/browser/customizableui/info-icon-customizeTip.png diff --git a/arc-firefox-theme/chrome/browser/customizableui/menuPanel-customizeFinish.png b/arc-firefox-theme/chrome/browser/customizableui/menuPanel-customizeFinish.png Binary files differnew file mode 100644 index 0000000..0251ed7 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/customizableui/menuPanel-customizeFinish.png diff --git a/arc-firefox-theme/chrome/browser/customizableui/menuPanel-customizeFinish@2x.png b/arc-firefox-theme/chrome/browser/customizableui/menuPanel-customizeFinish@2x.png Binary files differnew file mode 100644 index 0000000..593e1df --- /dev/null +++ b/arc-firefox-theme/chrome/browser/customizableui/menuPanel-customizeFinish@2x.png diff --git a/arc-firefox-theme/chrome/browser/customizableui/panelUIOverlay.css b/arc-firefox-theme/chrome/browser/customizableui/panelUIOverlay.css new file mode 100644 index 0000000..f618e06 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/customizableui/panelUIOverlay.css @@ -0,0 +1,1575 @@ +/* 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/. */ + +/* 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/. */ + + + + + + + +#PanelUI-popup #PanelUI-contents:empty { + height: 128px; +} + +#PanelUI-popup #PanelUI-contents:empty::before { + content: ""; + background-image: url(chrome://browser/skin/customizableui/whimsy-bw.png); + display: block; + width: 64px; + height: 64px; + position: absolute; + transition: transform 1s ease-out; + animation: whimsyMoveX 3.05s linear 0s infinite alternate, + whimsyMoveY 3.4s linear 0s infinite alternate; +} + +#PanelUI-popup #PanelUI-contents:active:empty::before { + animation: whimsyMoveX 3.05s linear 0s infinite alternate, + whimsyMoveY 3.4s linear 0s infinite alternate, + whimsyRotate 1s linear 0s infinite normal; +} + +#PanelUI-popup #PanelUI-contents:-moz-locale-dir(rtl):empty::before { + animation: whimsyMoveXRTL 3.05s linear 0s infinite alternate, + whimsyMoveY 3.4s linear 0s infinite alternate; +} + +#PanelUI-popup #PanelUI-contents:-moz-locale-dir(rtl):active:empty::before { + animation: whimsyMoveXRTL 3.05s linear 0s infinite alternate, + whimsyMoveY 3.4s linear 0s infinite alternate, + whimsyRotate 1s linear 0s infinite normal; +} + +#PanelUI-popup #PanelUI-contents:empty:hover::before { + background-image: url(chrome://browser/skin/customizableui/whimsy.png); +} + +@media (min-resolution: 2dppx) { + #PanelUI-popup #PanelUI-contents:empty::before { + background-image: url(chrome://browser/skin/customizableui/whimsy-bw@2x.png); + background-size: 64px 64px; + } + #PanelUI-popup #PanelUI-contents:empty:hover::before { + background-image: url(chrome://browser/skin/customizableui/whimsy@2x.png); + } +} + +@keyframes whimsyMoveX { + /* These values are adjusted for the padding on the panel. */ + from { margin-left: -15px; } to { margin-left: calc(100% - 49px); } +} + +@keyframes whimsyMoveXRTL { + /* These values are adjusted for the padding on the panel. */ + from { margin-right: -15px; } to { margin-right: calc(100% - 49px); } +} + +@keyframes whimsyMoveY { + /* These values are adjusted for the padding and height of the panel. */ + from { margin-top: -.5em; } to { margin-top: calc(64px - .5em); } +} + +@keyframes whimsyRotate { + to { transform: perspective(5000px) rotateY(360deg); } +} + +#PanelUI-button { + -moz-margin-start: 2px; + -moz-border-start: 1px solid; + border-image: linear-gradient(transparent, rgba(0,0,0,.1) 20%, rgba(0,0,0,.1) 80%, transparent); + border-image-slice: 1; +} + +#nav-bar[brighttext] > #PanelUI-button { + border-image-source: linear-gradient(transparent, rgba(100%,100%,100%,.2) 20%, rgba(100%,100%,100%,.2) 80%, transparent); +} + +#PanelUI-menu-button[update-status="succeeded"] .toolbarbutton-badge::after { + content: url(chrome://browser/skin/update-badge.svg); + background-color: #74BF43; + height: 10px; +} + +.panel-subviews { + padding: 4px; + background-clip: padding-box; + border-left: 1px solid hsla(210,4%,10%,.3); + box-shadow: 0 3px 5px hsla(210,4%,10%,.1), + 0 0 7px hsla(210,4%,10%,.1); + -moz-margin-start: 38px; +} + +.panel-viewstack[viewtype="main"] > .panel-subviews { + transform: translateX(22.35em); +} + +.panel-viewstack[viewtype="main"] > .panel-subviews:-moz-locale-dir(rtl) { + transform: translateX(-22.35em); +} + +panelmultiview[nosubviews=true] > .panel-viewcontainer > .panel-viewstack > .panel-subviews { + display: none; +} + +.panel-viewstack:not([viewtype="main"]) > .panel-mainview > #PanelUI-mainView { + -moz-box-flex: 1; +} + +.panel-subview-body { + overflow-y: auto; + overflow-x: hidden; + -moz-box-flex: 1; +} + +#PanelUI-popup .panel-subview-body { + margin: -4px; + padding: 4px 4px; +} + +.panel-subview-header, +.subviewbutton.panel-subview-footer { + box-sizing: border-box; + min-height: 41px; + padding: 11px 12px; +} + +.panel-subview-header { + margin: -4px -4px 4px; + box-shadow: 0 -1px 0 hsla(210,4%,10%,.05) inset; + color: GrayText; + font-variant: small-caps; +} + +.cui-widget-panelview .panel-subview-header { + display: none; +} + +.cui-widget-panelview .subviewbutton.panel-subview-footer { + margin: 4px 0 0; + -moz-box-pack: center; +} + +#PanelUI-mainView { + display: flex; + flex-direction: column; +} + +#app-extension-point-end > #PanelUI-menu-button { + padding: 2px 5px; +} +#app-extension-point-end > #PanelUI-menu-button .toolbarbutton-text { + display: none; +} +#app-extension-point-end > #PanelUI-menu-button .toolbarbutton-icon { + margin: 0; +} + +#PanelUI-popup > arrowscrollbox > autorepeatbutton { + display: none; +} +#PanelUI-popup > arrowscrollbox > scrollbox { + overflow: visible; +} + +#PanelUI-popup > .panel-arrowcontainer > .panel-arrowcontent { + overflow: hidden; +} + +#PanelUI-popup > .panel-arrowcontainer > .panel-arrowcontent, +.cui-widget-panel > .panel-arrowcontainer > .panel-arrowcontent > .popup-internal-box { + padding: 0; +} + +.panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-multiline-text, +.panelUI-grid .toolbarbutton-1 > .toolbarbutton-multiline-text { + line-height: 1.1; + max-height: 2.2em; +} + +.panelUI-grid .toolbarbutton-1:not([auto-hyphens="off"]) > .toolbarbutton-menubutton-button > .toolbarbutton-multiline-text, +.panelUI-grid .toolbarbutton-1:not([auto-hyphens="off"]) > .toolbarbutton-multiline-text { + -moz-hyphens: auto; +} + +.panelUI-grid:not([customize-transitioning]) .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-multiline-text, +.panelUI-grid:not([customize-transitioning]) .toolbarbutton-1 > .toolbarbutton-multiline-text { + position: absolute; + clip: rect(auto, auto, 2.3em, auto); +} + +.panelUI-grid .toolbarbutton-1 > .toolbarbutton-text, +.panelUI-grid .toolbarbutton-1 > .toolbarbutton-multiline-text { + text-align: center; + /* Need to override toolkit theming which sets margin: 0 !important; */ + margin: 2px 0 0 !important; +} + +.panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-multiline-text { + text-align: center; + margin: -1px 0 0; +} + +#wrapper-edit-controls:-moz-any([place="palette"],[place="panel"]) > #edit-controls, +#wrapper-zoom-controls:-moz-any([place="palette"],[place="panel"]) > #zoom-controls { + -moz-margin-start: 0; +} + +#PanelUI-contents { + max-width: 22.35em; +} + +#BMB_bookmarksPopup, +.panel-mainview:not([panelid="PanelUI-popup"]) { + max-width: 30em; +} + +/* Bug 1164419 - increase Pocket panel size to accomidate wider Russian text. */ +panelmultiview[mainViewId=PanelUI-pocketView] > .panel-viewcontainer > .panel-viewstack > .panel-mainview:not([panelid="PanelUI-popup"]) { + max-width: 33em; /* standaloneSubviewWidth + 3 */ +} + +panelview:not([mainview]) .toolbarbutton-text, +.cui-widget-panel toolbarbutton > .toolbarbutton-text { + text-align: start; + display: -moz-box; +} + +.cui-widget-panel > .panel-arrowcontainer > .panel-arrowcontent { + padding: 4px 0; +} + +.cui-widget-panel[viewId="PanelUI-pocketView"] > .panel-arrowcontainer > .panel-arrowcontent { + padding-top: 0; + padding-bottom: 0; +} + +.cui-widget-panel.cui-widget-panelWithFooter > .panel-arrowcontainer > .panel-arrowcontent { + padding-bottom: 0; +} + +#PanelUI-contents { + display: block; + flex: 1 0 auto; + margin-left: auto; + margin-right: auto; + padding: .5em 0; + max-width: 22.35em; +} + +#PanelUI-contents-scroller { + overflow-y: auto; + overflow-x: hidden; + width: 22.35em; + padding-left: 5px; + padding-right: 5px; + flex: auto; +} + +.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton > .toolbarbutton-icon { + min-width: 0; + min-height: 0; + margin: 0; +} + +toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item), +.panelUI-grid .toolbarbutton-1, +.panel-customization-placeholder-child { + -moz-appearance: none; + -moz-box-orient: vertical; + width: calc((22.35em / 3 - 0.1px)); + height: calc(51px + 2.2em); +} + +/* In order to have button labels constrained appropriately, items inside the toolbarpaletteitem + * should have a min-width set so they abide by the width set above (which they do outside of + * customize mode because they're in a flexed container) */ +toolbarpaletteitem[place="panel"]:not([haswideitem=true]) > .toolbarbutton-1 { + min-width: 0.01px; +} + +/* Help SDK buttons fit in. */ +toolbarpaletteitem[place="palette"] > toolbarbutton[constrain-size="true"] > .toolbarbutton-icon, +toolbarpaletteitem[place="palette"] > toolbarbutton[constrain-size="true"] > .toolbarbutton-badge-container > .toolbarbutton-icon, +toolbarbutton[constrain-size="true"][cui-areatype="menu-panel"] > .toolbarbutton-icon, +toolbarbutton[constrain-size="true"][cui-areatype="menu-panel"] > .toolbarbutton-badge-container > .toolbarbutton-icon { + height: 32px; + width: 32px; +} + +toolbarpaletteitem:-moz-any([place="palette"], [place="panel"]) > toolbaritem[sdkstylewidget="true"] > .toolbarbutton-1 > .toolbarbutton-icon { + width: 32px; + height: 32px; +} + +.customization-palette .toolbarbutton-1 { + -moz-appearance: none; + -moz-box-orient: vertical; +} + +.panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button { + -moz-appearance: none; + -moz-box-orient: vertical; + width: calc((22.35em / 3 - 0.1px) - 2px); + height: calc(49px + 2.2em); + border: 0; +} + +.panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-text, +.panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-multiline-text { + margin-top: 2px; /* Hack needed to get the label of type=menu-button aligned with other buttons */ +} + +.panel-customization-placeholder-child { + margin: 6px 0 0; + padding: 2px 6px; + border: 1px solid transparent; +} + +.panelUI-grid .toolbarbutton-1[type="menu"] { + background-image: url("chrome://browser/skin/toolbarbutton-dropdown-arrow.png"); + background-position: right 3px top 16px; + background-repeat: no-repeat; +} + +.panelUI-grid .toolbarbutton-1[type="menu"]:-moz-locale-dir(rtl) { + background-position: left 3px top 16px; +} + +.panelUI-grid .toolbarbutton-1 > .toolbarbutton-menu-dropmarker { + display: none; +} + +.panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { + -moz-box-align: center; + width: 16px; + -moz-margin-start: -16px; + height: 51px; + margin-bottom: 2.2em; + padding: 0; +} + +.panelUI-grid .toolbarbutton-1:not([buttonover]):not(:-moz-any([disabled],[open],:active)):hover > .toolbarbutton-menubutton-dropmarker { + background-color: hsla(210,4%,10%,.1) !important; + border-radius: 0 0 0 2px; +} + +.panelUI-grid .toolbarbutton-1:not([buttonover]):not(:-moz-any([disabled],[open],:active)):hover > .toolbarbutton-menubutton-dropmarker:-moz-locale-dir(rtl) { + border-radius: 0 0 2px 0; +} + +#main-window:not([customizing]) .panel-combined-button[disabled] > .toolbarbutton-icon { + opacity: .5; +} + +toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item) { + width: calc((22.35em / 3 - 0.1px)); + margin: 0 !important; +} + +toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item) { + -moz-box-align: center; + -moz-box-pack: center; +} + +toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"] > iframe { + margin: 4px auto; +} + +#PanelUI-multiView[viewtype="subview"] > .panel-viewcontainer > .panel-viewstack > .panel-mainview > #PanelUI-mainView { + background-color: hsla(210,4%,10%,.1); +} + +#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-contents-scroller > #PanelUI-contents > .panel-wide-item, +#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-contents-scroller > #PanelUI-contents > .toolbarbutton-1:not([panel-multiview-anchor="true"]), +#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-fxa-status, +#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-update-status, +#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-inner > toolbarseparator, +#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-inner > #PanelUI-customize, +#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-inner > #PanelUI-help:not([panel-multiview-anchor="true"]) { + opacity: .5; +} + +/* + * XXXgijs: this is a workaround for a layout issue that was caused by these iframes, + * which was affecting subview display. Because of this, we're hiding the iframe *only* + * when displaying a subview. The discerning user might notice this, but it's not nearly + * as bad as the brokenness. + * This hack should be removed once https://bugzilla.mozilla.org/show_bug.cgi?id=975375 + * is addressed. + */ +#PanelUI-multiView[viewtype="subview"] toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item) > iframe { + visibility: hidden; +} + +toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item) > .toolbarbutton-text { + text-align: center; +} + +.panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +.panelUI-grid .toolbarbutton-1 > .toolbarbutton-icon, +.panelUI-grid .toolbarbutton-1 > .toolbarbutton-badge-container, +.customization-palette .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +.customization-palette .toolbarbutton-1 > .toolbarbutton-icon, +.customization-palette .toolbarbutton-1 > .toolbarbutton-badge-container, +.panelUI-grid #bookmarks-toolbar-placeholder > .toolbarbutton-icon, +.customization-palette #bookmarks-toolbar-placeholder > .toolbarbutton-icon, +.panel-customization-placeholder-child > .toolbarbutton-icon { + width: 32px; + height: 32px; + min-width: 32px; + min-height: 32px; + /* Explanation for the below formula (A / B - C) + A + Each button is (22.35em / 3 - 0.1px) wide + B + Each button has two margins. + C (46px / 2 = 23px) + The button icon is 32 pixels wide. + The button has 12px of horizontal padding (6 on each side). + The button has 2px of horizontal border (1 on each side). + Total width of button's icon + button padding should therefore be 46px, + which means each horizontal margin should be the half the button's width - (46/2) px. + */ + margin: 4px calc((22.35em / 3 - 0.1px) / 2 - 23px); +} + +/* above we treat the container as the icon for the margins, that is so the +/* badge itself is positioned correctly. Here we make sure that the icon itself +/* has the minimum size we want, but no padding/margin. */ +.panelUI-grid .toolbarbutton-1 > .toolbarbutton-badge-container > .toolbarbutton-icon, +.customization-palette .toolbarbutton-1 > .toolbarbutton-badge-container > .toolbarbutton-icon { + width: 32px; + height: 32px; + min-width: 32px; + min-height: 32px; + margin: 0; + padding: 0; +} + +toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { + -moz-box-flex: 1; +} + +#personal-bookmarks[overflowedItem=true] > #bookmarks-toolbar-placeholder { + -moz-box-flex: 1; +} + +#personal-bookmarks[cui-areatype="toolbar"][overflowedItem=true] > #bookmarks-toolbar-placeholder > .toolbarbutton-icon { + -moz-margin-end: 2px; +} + +#edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button, +#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-reset-button { + border-left: none; + border-right: none; + border-radius: 0; +} + +#zoom-in-button > .toolbarbutton-text, +#zoom-out-button > .toolbarbutton-text, +#zoom-reset-button > .toolbarbutton-icon { + display: none; +} + +#PanelUI-footer { + display: flex; + flex-shrink: 0; + flex-direction: column; + background-color: hsla(210,4%,10%,.07); + padding: 0; + margin: 0; +} + +#PanelUI-footer-inner { + display: flex; + border-top: 1px solid hsla(210,4%,10%,.14); +} + +#PanelUI-multiView[viewtype="subview"] #PanelUI-footer-inner { + position: relative; +} + +#PanelUI-footer-inner > toolbarseparator { + border: 0; + border-left: 1px solid hsla(210,4%,10%,.14); + margin: 7px 0 7px; + -moz-appearance: none; +} + +#PanelUI-footer-inner:hover > toolbarseparator { + margin: 0; +} + +#PanelUI-update-status, +#PanelUI-help, +#PanelUI-fxa-status, +#PanelUI-customize, +#PanelUI-quit { + margin: 0; + padding: 11px 0; + box-sizing: border-box; + min-height: 40px; + -moz-appearance: none; + box-shadow: none; + border: none; + border-radius: 0; + transition: background-color; + -moz-box-orient: horizontal; +} + +#PanelUI-update-status, +#PanelUI-fxa-status { + border-top: 1px solid hsla(210,4%,10%,.14); + border-bottom: 1px solid transparent; + margin-bottom: -1px; +} + +#PanelUI-update-status > .toolbarbutton-text, +#PanelUI-fxa-status > .toolbarbutton-text { + width: 0; /* Fancy cropping solution for flexbox. */ +} + +#PanelUI-help, +#PanelUI-quit { + min-width: 46px; +} + +#PanelUI-update-status > .toolbarbutton-text, +#PanelUI-fxa-status > .toolbarbutton-text, +#PanelUI-customize > .toolbarbutton-text { + margin: 0; + padding: 0 6px; + text-align: start; +} + +#PanelUI-help > .toolbarbutton-text, +#PanelUI-quit > .toolbarbutton-text { + display: none; +} + +#PanelUI-update-status > .toolbarbutton-icon, +#PanelUI-fxa-status > .toolbarbutton-icon, +#PanelUI-customize > .toolbarbutton-icon, +#PanelUI-help > .toolbarbutton-icon, +#PanelUI-quit > .toolbarbutton-icon { + -moz-margin-end: 0; +} + +#PanelUI-fxa-status, +#PanelUI-customize { + flex: 1; + -moz-padding-start: 15px; + -moz-border-start-style: none; +} + +#PanelUI-update-status { + width: calc(22.35em + 30px); + -moz-padding-start: 15px; + -moz-border-start-style: none; +} + +#PanelUI-update-status { + list-style-image: url(chrome://branding/content/icon16.png); +} + +#PanelUI-fxa-status { + list-style-image: url(chrome://browser/skin/sync-horizontalbar.png); +} + +#PanelUI-fxa-status[syncstatus="active"] { + list-style-image: url(chrome://browser/skin/syncProgress-horizontalbar.png); +} + +#PanelUI-fxa-status[fxastatus="migrate-signup"], +#PanelUI-fxa-status[fxastatus="migrate-verify"] { + list-style-image: url(chrome://browser/skin/warning16.png); + -moz-image-region: rect(0, 32px, 16px, 16px); +} + +#PanelUI-customize { + list-style-image: url(chrome://browser/skin/menuPanel-customize.png); +} + +#customization-panelHolder #PanelUI-customize { + list-style-image: url(chrome://browser/skin/customizableui/menuPanel-customizeFinish.png); +} + +#PanelUI-help { + list-style-image: url(chrome://browser/skin/menuPanel-help.png); +} + +#PanelUI-quit { + -moz-border-end-style: none; + list-style-image: url(chrome://browser/skin/menuPanel-exit.png); +} + +#PanelUI-fxa-status, +#PanelUI-customize, +#PanelUI-help, +#PanelUI-quit { + -moz-image-region: rect(0, 16px, 16px, 0); +} + +#PanelUI-customize:hover, +#PanelUI-help:not([disabled]):hover, +#PanelUI-quit:not([disabled]):hover { + -moz-image-region: rect(0, 32px, 16px, 16px); +} + +#PanelUI-customize:hover:active, +#PanelUI-help:not([disabled]):hover:active, +#PanelUI-quit:not([disabled]):hover:active { + -moz-image-region: rect(0, 48px, 16px, 32px); +} + +#PanelUI-help[panel-multiview-anchor="true"] { + -moz-image-region: rect(0, 64px, 16px, 48px); +} + +#PanelUI-help[disabled], +#PanelUI-quit[disabled] { + opacity: 0.4; +} + +#PanelUI-fxa-status:not([disabled]):hover, +#PanelUI-help:not([disabled]):hover, +#PanelUI-customize:hover, +#PanelUI-quit:not([disabled]):hover { + outline: 1px solid hsla(210,4%,10%,.07); + background-color: hsla(210,4%,10%,.07); +} + +#PanelUI-fxa-status:not([disabled]):hover:active, +#PanelUI-help:not([disabled]):hover:active, +#PanelUI-customize:hover:active, +#PanelUI-quit:not([disabled]):hover:active { + outline: 1px solid hsla(210,4%,10%,.12); + background-color: hsla(210,4%,10%,.12); + box-shadow: 0 1px 0 hsla(210,4%,10%,.05) inset; +} + +#PanelUI-fxa-status:not([disabled]):hover, +#PanelUI-fxa-status:not([disabled]):hover:active { + outline: none; +} + +#PanelUI-update-status { + color: black; +} + +#PanelUI-update-status[update-status="succeeded"] { + background-color: hsla(96, 65%, 75%, 0.5); +} + +#PanelUI-update-status[update-status="succeeded"]:not([disabled]):hover { + background-color: hsla(96, 65%, 75%, 0.8); +} + +#PanelUI-update-status[update-status="succeeded"]:not([disabled]):hover:active { + background-color: hsl(96, 65%, 75%); +} + +#PanelUI-update-status[update-status="failed"] { + background-color: hsla(359, 69%, 84%, 0.5); +} + +#PanelUI-update-status[update-status="failed"]:not([disabled]):hover { + background-color: hsla(359, 69%, 84%, 0.8); +} + +#PanelUI-update-status[update-status="failed"]:not([disabled]):hover:active { + background-color: hsl(359, 69%, 84%); +} + +#PanelUI-quit:not([disabled]):hover { + background-color: #d94141; + outline-color: #c23a3a; +} + +#PanelUI-quit:not([disabled]):hover:active { + background-color: #ad3434; + outline-color: #992e2e; +} + +#customization-panelHolder #PanelUI-customize { + color: white; + background-color: rgb(116,191,67); + text-shadow: none; + margin-top: -1px; +} + +#customization-panelHolder #PanelUI-customize + toolbarseparator { + display: none; +} + +#customization-panelHolder #PanelUI-customize:hover, +#customization-panelHolder #PanelUI-customize:hover:active { + background-color: rgb(105,173,61); +} + +#customization-palette .toolbarbutton-multiline-text, +#customization-palette .toolbarbutton-text { + display: none; +} + +panelview .toolbarbutton-1, +.subviewbutton, +.widget-overflow-list .toolbarbutton-1, +.panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button, +.share-provider-button, +.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton { + -moz-appearance: none; + padding: 0 6px; + background-color: hsla(210,4%,10%,0); + border-radius: 2px; + border-style: solid; + border-color: hsla(210,4%,10%,0); +} + +panelview .toolbarbutton-1, +.subviewbutton, +.widget-overflow-list .toolbarbutton-1, +.share-provider-button, +.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton { + border-width: 1px; +} + +.subviewbutton.panel-subview-footer { + border-radius: 0; + border: none; +} + +.subviewbutton.panel-subview-footer > .menu-text { + -moz-appearance: none; + -moz-margin-start: 0px !important; + -moz-padding-start: 6px; + -moz-padding-end: 6px; + -moz-box-flex: 0; + text-align: center; +} + +.subviewbutton.panel-subview-footer > .toolbarbutton-icon { + margin: 0; +} + +.subviewbutton.panel-subview-footer > .toolbarbutton-text { + text-align: center; + padding: 0; +} + +.subviewbutton.panel-subview-footer > .menu-accel-container { + -moz-padding-start: 6px; +} + +.subviewbutton:not(.panel-subview-footer) { + margin: 0; +} + +.subviewbutton:not(.panel-subview-footer) > .toolbarbutton-text, +/* Bookmark items need a more specific selector. */ +.PanelUI-subView .subviewbutton:not(.panel-subview-footer) > .menu-text, +.PanelUI-subView .subviewbutton:not(.panel-subview-footer) > .menu-iconic-text { + font: menu; +} + +.PanelUI-subView .subviewbutton[shortcut]::after { + content: attr(shortcut); + float: right; + color: GrayText; +} + +.PanelUI-subView.cui-widget-panelview .subviewbutton[shortcut]::after { + -moz-margin-start: 10px; +} + +/* This is a <label> but it should fit in with the menu font- and colorwise. */ +#PanelUI-characterEncodingView-autodetect-label { + font: menu; + color: inherit; +} + +.cui-widget-panelview .subviewbutton:not(.panel-subview-footer) { + margin-left: 4px; + margin-right: 4px; +} + +panelview .toolbarbutton-1, +.widget-overflow-list .toolbarbutton-1 { + margin-top: 6px; +} + +panelview .toolbarbutton-1:not(:-moz-any([disabled],[open],:active)):hover, +toolbarbutton.subviewbutton:not(:-moz-any([disabled],[open],:active)):hover, +menu.subviewbutton:not(:-moz-any([disabled],:active))[_moz-menuactive], +menuitem.subviewbutton:not(:-moz-any([disabled],:active))[_moz-menuactive], +.share-provider-button:not(:-moz-any([disabled],[open],:active)):hover:not([checked="true"]), +.widget-overflow-list .toolbarbutton-1:not(:-moz-any([disabled],[open],:active)):hover, +.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton:not(:-moz-any([disabled],[open],:active)):hover { + background-color: hsla(210,4%,10%,.08); + border-color: hsla(210,4%,10%,.11); +} + +.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]):not(:-moz-any([disabled],[open],:active)):hover { + border-color: hsla(210,4%,10%,.11); +} + +panelview .toolbarbutton-1:-moz-any(:not([disabled]):-moz-any([open],:hover:active),[checked=true]), +toolbarbutton.subviewbutton:not([disabled]):-moz-any([open],:hover:active), +menu.subviewbutton:not([disabled])[_moz-menuactive]:active, +menuitem.subviewbutton:not([disabled])[_moz-menuactive]:active, +.share-provider-button:-moz-any(:not([disabled]):-moz-any([open],:hover:active),[checked=true]), +.widget-overflow-list .toolbarbutton-1:not([disabled]):-moz-any([open],:hover:active), +.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton:not([disabled]):-moz-any([open],:hover:active) { + background-color: hsla(210,4%,10%,.12); + border-color: hsla(210,4%,10%,.14); + box-shadow: 0 1px 0 hsla(210,4%,10%,.03) inset; +} + +.subviewbutton.panel-subview-footer { + margin: 4px -4px -4px; + background-color: hsla(210,4%,10%,.07); + border-top: 1px solid hsla(210,4%,10%,.12); + border-radius: 0; +} + +menuitem.panel-subview-footer:not(:-moz-any([disabled],:active))[_moz-menuactive], +.subviewbutton.panel-subview-footer:not(:-moz-any([disabled],[open],:active)):hover { + background-color: hsla(210,4%,10%,.15); + border-top: 1px solid hsla(210,4%,10%,.14); +} + +menuitem.panel-subview-footer:not([disabled])[_moz-menuactive]:active, +.subviewbutton.panel-subview-footer:not([disabled]):-moz-any([open],:hover:active) { + background-color: hsla(210,4%,10%,.19); + border-top: 1px solid hsla(210,4%,10%,.14); + box-shadow: 0 1px 0 hsla(210,4%,10%,.05) inset; +} + +#BMB_bookmarksPopup .subviewbutton { + font: menu; + font-weight: normal; +} + +#BMB_bookmarksPopup .subviewbutton:not([disabled="true"]) { + color: inherit; +} + +#BMB_bookmarksPopup .panel-arrowcontainer > .panel-arrowcontent > .popup-internal-box > .autorepeatbutton-up, +#BMB_bookmarksPopup .panel-arrowcontainer > .panel-arrowcontent > .popup-internal-box > .autorepeatbutton-down { + -moz-appearance: none; + margin-top: 0; + margin-bottom: 0; +} + +/* Remove padding on xul:arrowscrollbox to avoid extra padding on footer */ +#BMB_bookmarksPopup arrowscrollbox { + padding-bottom: 0px; +} + +#BMB_bookmarksPopup menupopup > .bookmarks-actions-menuseparator { + /* Hide bottom separator as the styled footer includes a top border serving the same purpose */ + display: none; +} + +/* Popups with only one item don't have a footer */ +#BMB_bookmarksPopup menupopup[placespopup=true][singleitempopup=true] > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox, +/* These popups never have a footer */ +#BMB_bookmarksToolbarPopup > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox, +#BMB_unsortedBookmarksPopup > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox { + /* And so they need some bottom padding: */ + padding-bottom: 4px; +} + +/* Disabled (empty) item is always alone and never has an icon, so fix its left padding */ +#BMB_bookmarksPopup menupopup[emptyplacesresult] .bookmark-item.subviewbutton { + padding-left: 6px; +} + +.PanelUI-subView menuseparator, +.PanelUI-subView toolbarseparator, +.cui-widget-panelview menuseparator { + -moz-appearance: none; + min-height: 0; + border-top: 1px solid hsla(210,4%,10%,.15); + margin: 6px 0; + padding: 0; +} + +.PanelUI-subView menuseparator, +.PanelUI-subView toolbarseparator { + -moz-margin-start: -5px; + -moz-margin-end: -4px; +} + +.PanelUI-subView menuseparator.small-separator, +.PanelUI-subView toolbarseparator.small-separator { + margin-left: 5px; + margin-right: 5px; +} + +.cui-widget-panelview menuseparator.small-separator { + margin-left: 10px; + margin-right: 10px; +} + +.subviewbutton > .menu-accel-container { + -moz-box-pack: start; + -moz-margin-start: 10px; + -moz-margin-end: auto; + color: GrayText; +} + +#PanelUI-historyItems > toolbarbutton { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); +} + +#PanelUI-recentlyClosedWindows > toolbarbutton > .toolbarbutton-icon, +#PanelUI-recentlyClosedTabs > toolbarbutton > .toolbarbutton-icon, +#PanelUI-historyItems > toolbarbutton > .toolbarbutton-icon { + width: 16px; + height: 16px; +} + +toolbarbutton[panel-multiview-anchor="true"], +toolbarbutton[panel-multiview-anchor="true"] > .toolbarbutton-menubutton-button { + color: HighlightText; + background-color: Highlight; +} + +#PanelUI-help[panel-multiview-anchor="true"] + toolbarseparator { + display: none; +} + +#PanelUI-help[panel-multiview-anchor="true"] { + background-image: linear-gradient(rgba(255,255,255,0.3), transparent); + background-position: 0; +} + +#PanelUI-help[panel-multiview-anchor="true"]::after { + content: ""; + position: absolute; + top: 0; + height: 100%; + width: 38px; + background-image: url(chrome://browser/skin/customizableui/subView-arrow-back-inverted.png), + linear-gradient(rgba(255,255,255,0.3), transparent); + background-repeat: no-repeat; + background-color: Highlight; + background-position: left 10px center, 0; +} + +#PanelUI-help[panel-multiview-anchor="true"]:-moz-locale-dir(rtl)::after { + background-image: url(chrome://browser/skin/customizableui/subView-arrow-back-inverted-rtl.png), + linear-gradient(rgba(255,255,255,0.3), transparent); + background-position: right 10px center, 0; +} + +toolbarbutton[panel-multiview-anchor="true"] { + background-image: url(chrome://browser/skin/customizableui/subView-arrow-back-inverted.png), + linear-gradient(rgba(255,255,255,0.3), transparent); + background-position: right calc((22.35em / 3 - 0.1px) / 2 - 38px + 2px) center; + background-repeat: no-repeat, repeat; +} + +toolbarbutton[panel-multiview-anchor="true"]:-moz-locale-dir(rtl) { + background-image: url(chrome://browser/skin/customizableui/subView-arrow-back-inverted-rtl.png), + linear-gradient(rgba(255,255,255,0.3), transparent); + background-position: left calc((22.35em / 3 - 0.1px) / 2 - 38px + 2px) center; +} + +toolbarpaletteitem[place="palette"] > .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker, +#bookmarks-menu-button[cui-areatype="menu-panel"] > .toolbarbutton-menubutton-dropmarker { + display: none; +} + +#search-container[cui-areatype="menu-panel"], +#wrapper-search-container[place="panel"] { + width: 22.35em; +} + +#search-container[cui-areatype="menu-panel"] { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbarpaletteitem[place="palette"] > #search-container { + min-width: 7em; + width: 7em; +} + +.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) { + background-color: hsla(210,4%,10%,0); + border-radius: 2px; + border: 1px solid; + border-color: hsla(210,4%,10%,0); + border-bottom-color: hsla(210,4%,10%,.1); + padding: 0; + transition-property: background-color, border-color; + transition-duration: 150ms; +} + +/* Make direct siblings overlap borders: */ +.toolbaritem-combined-buttons + .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) { + border-top-color: transparent !important; +} + +.toolbaritem-combined-buttons + .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]), +toolbarpaletteitem[haswideitem][place="panel"] + toolbarpaletteitem[haswideitem][place="panel"] { + margin-top: -1px; +} + +.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton { + border: 0; + padding: .5em; + margin: 0; + -moz-box-flex: 1; + min-width: calc((22.35em / 3 - 0.1px)); + max-width: calc((22.35em / 3 - 0.1px)); + /* We'd prefer to use height: auto here but it leads to layout bugs in the panel. Cope: + 1.2em for line height + 2 * .5em padding + margin on the label (2 * 2px) */ + height: calc(2.2em + 4px); + max-height: none; + -moz-box-orient: horizontal; +} + +#edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button, +#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-reset-button { + /* reduce the width with 2px for this button to compensate for two separators + of 1px. */ + min-width: calc((22.35em / 3 - 0.1px) - 2px); + max-width: calc((22.35em / 3 - 0.1px) - 2px); +} + +#main-window:not([customizing]) .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton[disabled] > .toolbarbutton-icon { + opacity: .25; +} + +#zoom-controls[cui-areatype="toolbar"] > #zoom-reset-button > .toolbarbutton-text { + min-width: 7ch; +} + +#edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button:-moz-locale-dir(ltr), +#edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #paste-button:-moz-locale-dir(rtl), +#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-out-button:-moz-locale-dir(ltr), +#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-in-button:-moz-locale-dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +#edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button:-moz-locale-dir(rtl), +#edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #paste-button:-moz-locale-dir(ltr), +#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-out-button:-moz-locale-dir(rtl), +#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-in-button:-moz-locale-dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.toolbaritem-combined-buttons > separator { + -moz-appearance: none; + width: 3px; + -moz-box-align: stretch; + background-image: linear-gradient(to bottom, transparent, hsla(0,0%,100%,.3) 40%, hsla(0,0%,100%,.3) 60%, transparent), + linear-gradient(to bottom, transparent, hsla(210,54%,20%,.15) 40%, hsla(210,54%,20%,.15) 60%, transparent), + linear-gradient(to bottom, transparent, hsla(0,0%,100%,.3) 40%, hsla(0,0%,100%,.3) 60%, transparent); + background-size: 1px, 1px, 1px; + background-position: 0 0, 1px 0, 2px 0; + background-repeat: no-repeat; +} + +.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > separator { + margin: .5em 0; + width: 1px; + height: auto; + background: hsla(210,4%,10%,.15); + transition-property: margin; + transition-duration: 10ms; + transition-timing-function: ease; +} + +.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]):hover > separator { + margin: 0; +} + +#widget-overflow > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0; +} + +.cui-widget-panelview, +#widget-overflow-scroller { + overflow-y: auto; + overflow-x: hidden; +} + +#widget-overflow-scroller { + max-height: 30em; + margin-top: 10px; + margin-bottom: 10px; +} + +#widget-overflow-list { + width: 22.35em; + padding-left: 10px; + padding-right: 10px; +} + +toolbaritem[overflowedItem=true], +.widget-overflow-list .toolbarbutton-1 { + width: 100%; + max-width: 22.35em; + min-height: 36px; + background-repeat: no-repeat; + background-position: 0 center; +} + +.widget-overflow-list .toolbarbutton-1, +.widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-button { + -moz-box-align: center; + -moz-box-orient: horizontal; +} + +.widget-overflow-list .toolbarbutton-1:not(.toolbarbutton-combined) > .toolbarbutton-text, +.widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-text { + text-align: start; + -moz-padding-start: .5em; +} + +#widget-overflow-list > .toolbaritem-combined-buttons { + min-height: 28px; +} + +.widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-button::after { + content: ""; + display: -moz-box; + width: 1px; + height: 18px; + -moz-margin-end: -1px; + background-image: linear-gradient(hsla(210,54%,20%,.2) 0, hsla(210,54%,20%,.2) 18px); + background-clip: padding-box; + background-position: center; + background-repeat: no-repeat; + background-size: 1px 18px; + box-shadow: 0 0 0 1px hsla(0,0%,100%,.2); +} + +.subviewbutton[checked="true"] { + background: url("chrome://global/skin/menu/shared-menu-check.png") center left 7px / 11px 11px no-repeat transparent; +} + +.subviewbutton[checked="true"]:-moz-locale-dir(rtl) { + background-position: center right 7px; +} + +.subviewbutton > .menu-iconic-left { + -moz-appearance: none; + -moz-margin-end: 3px; +} + +menuitem[checked="true"].subviewbutton > .menu-iconic-left { + visibility: hidden; +} + +.panel-mainview[panelid=customizationui-widget-panel], +#customizationui-widget-multiview > .panel-viewcontainer, +#customizationui-widget-multiview > .panel-viewcontainer > .panel-viewstack, +#PanelUI-panicView > .panel-subview-body, +#PanelUI-panicView, +#PanelUI-pocketView > .panel-subview-body, +#PanelUI-pocketView { + overflow: visible; +} + +#PanelUI-panicView.cui-widget-panelview { + min-width: 280px; +} + +#PanelUI-panic-timeframe { + padding: 15px; + border-bottom: 1px solid rgba(0,0,0,0.1); +} + +#panic-button-success-icon, +#PanelUI-panic-timeframe-icon, +#PanelUI-panic-timeframe-icon-small { + background-color: transparent; + -moz-margin-end: 10px; +} + +#panic-button-success-icon, +#PanelUI-panic-timeframe-icon { + list-style-image: url(chrome://browser/skin/panic-panel/header.png); + max-height: 48px; + width: 48px; +} + +#PanelUI-panic-timeframe-icon-small { + list-style-image: url(chrome://browser/skin/panic-panel/header-small.png); + max-height: 32px; + width: 32px; +} + +/* current attribute is only set when in use as a subview instead of a main view */ +#PanelUI-panicView[current] #PanelUI-panic-timeframe-icon { + display: none; +} + +#PanelUI-panicView.cui-widget-panelview #PanelUI-panic-timeframe-icon-small { + display: none; +} + +#panic-button-success-header, +#PanelUI-panic-header { + -moz-box-align: center; + margin-bottom: 5px; +} + +#PanelUI-panicView.cui-widget-panelview #PanelUI-panic-header { + margin-bottom: 0; +} + +#PanelUI-panic-timeframe-icon-small:-moz-locale-dir(rtl), +#PanelUI-panic-timeframe-icon:-moz-locale-dir(rtl) { + transform: scaleX(-1); +} + +.subviewradio { + -moz-binding: url(chrome://global/content/bindings/radio.xml#radio); + -moz-appearance: none; + -moz-box-align: center; + padding: 1px; + margin: 0 0 2px; + background-color: hsla(210,4%,10%,0); + border-radius: 2px; + border-width: 1px; + border-style: solid; + border-color: hsla(210,4%,10%,0); +} + +.subviewradio:not(:-moz-any([disabled],[open],:active)):hover { + background-color: hsla(210,4%,10%,.08); + border-color: hsla(210,4%,10%,.11); +} + +.subviewradio[selected], +.subviewradio[selected]:hover, +.subviewradio:not([disabled]):-moz-any([open],:hover:active) { + background-color: hsla(210,4%,10%,.12); + border-color: hsla(210,4%,10%,.14); + box-shadow: 0 1px 0 hsla(210,4%,10%,.03) inset; +} + +.subviewradio > .radio-check { + -moz-appearance: none; + width: 16px; + height: 16px; + border: 1px solid #e7e7e7; + border-radius: 50%; + margin: 1px 5px; + background-color: #f1f1f1; +} + +.subviewradio > .radio-check[selected] { + background-color: #fff; + border: 4px solid #177ee6; +} + +#PanelUI-panic-explanations { + padding: 10px 10px 0; +} + +#PanelUI-panic-actionlist-main-label { + color: GrayText; + font-size: 0.9em; +} + +.PanelUI-panic-actionlist { + -moz-padding-start: 20px; + padding-top: 2px; + padding-bottom: 2px; + background-size: 16px 16px; + background-repeat: no-repeat; + background-color: transparent; + background-position: center left; +} + +.PanelUI-panic-actionlist:-moz-locale-dir(rtl) { + background-position: center right; +} + +#PanelUI-panic-actionlist-cookies { + background-image: -moz-image-rect(url(chrome://browser/skin/panic-panel/icons.png), 0, 16, 16, 0); +} + +#PanelUI-panic-actionlist-history { + background-image: -moz-image-rect(url(chrome://browser/skin/panic-panel/icons.png), 0, 32, 16, 16); +} + +#PanelUI-panic-actionlist-windows { + background-image: -moz-image-rect(url(chrome://browser/skin/panic-panel/icons.png), 0, 48, 16, 32); +} + +#PanelUI-panic-actionlist-newwindow { + background-image: -moz-image-rect(url(chrome://browser/skin/panic-panel/icons.png), 0, 64, 16, 48); +} + +#PanelUI-panic-warning { + color: #C11F14; + text-align: center; + width: 100%; + margin-top: 20px; +} + +#PanelUI-panic-view-button { + -moz-appearance: none; + background-color: #d92316; + color: white; + margin: 5px 15px 11px; + border: 1px solid #c92014; + border-radius: 3px; + padding: 10px; +} + +#PanelUI-panic-view-button:hover { + background-color: #bf1f13; + border-color: #b81d12; +} + +#PanelUI-panic-view-button:hover:active { + background-color: #99180f; + border-color: #91170f; +} + +#PanelUI-panic-view-button > .toolbarbutton-text { + text-align: center; + text-shadow: none; +} + +#panic-button-success-closebutton { + background-color: #e5e5e5; + color: black; + margin: 5px 0 0; + border: 1px solid #ccc; + border-radius: 3px; + padding: 10px; + -moz-appearance: none; +} + +#panic-button-success-closebutton:hover { + background-color: #dedede; + border-color: #bbb; +} + +#panic-button-success-closebutton:hover:active { + background-color: #d0d0d0; + border-color: #aaa; +} + +@media (min-resolution: 1.1dppx) { + #PanelUI-help[panel-multiview-anchor="true"]::after, + toolbarbutton[panel-multiview-anchor="true"] { + background-image: url(chrome://browser/skin/customizableui/subView-arrow-back-inverted@2x.png), + linear-gradient(rgba(255,255,255,0.3), transparent); + background-size: 16px, auto; + } + + #PanelUI-help[panel-multiview-anchor="true"]:-moz-locale-dir(rtl)::after, + toolbarbutton[panel-multiview-anchor="true"]:-moz-locale-dir(rtl) { + background-image: url(chrome://browser/skin/customizableui/subView-arrow-back-inverted-rtl@2x.png), + linear-gradient(rgba(255,255,255,0.3), transparent); + } + + #PanelUI-update-status { + list-style-image: url(chrome://branding/content/icon32.png); + } + + #PanelUI-fxa-status { + list-style-image: url(chrome://browser/skin/sync-horizontalbar@2x.png); + } + + #PanelUI-fxa-status[syncstatus="active"] { + list-style-image: url(chrome://browser/skin/syncProgress-horizontalbar@2x.png); + } + + #PanelUI-fxa-status[fxastatus="migrate-signup"], + #PanelUI-fxa-status[fxastatus="migrate-verify"] { + list-style-image: url(chrome://browser/skin/warning16@2x.png); + -moz-image-region: rect(0, 64px, 32px, 32px); + } + + #PanelUI-customize { + list-style-image: url(chrome://browser/skin/menuPanel-customize@2x.png); + } + + #customization-panelHolder #PanelUI-customize { + list-style-image: url(chrome://browser/skin/customizableui/menuPanel-customizeFinish@2x.png); + } + + #PanelUI-help { + list-style-image: url(chrome://browser/skin/menuPanel-help@2x.png); + } + + #PanelUI-quit { + list-style-image: url(chrome://browser/skin/menuPanel-exit@2x.png); + } + + #PanelUI-fxa-status, + #PanelUI-customize, + #PanelUI-help, + #PanelUI-quit { + -moz-image-region: rect(0, 32px, 32px, 0); + } + + #PanelUI-update-status > .toolbarbutton-icon, + #PanelUI-fxa-status > .toolbarbutton-icon, + #PanelUI-customize > .toolbarbutton-icon, + #PanelUI-help > .toolbarbutton-icon, + #PanelUI-quit > .toolbarbutton-icon { + width: 16px; + } + + #PanelUI-customize:hover, + #PanelUI-help:not([disabled]):hover, + #PanelUI-quit:not([disabled]):hover { + -moz-image-region: rect(0, 64px, 32px, 32px); + } + + #PanelUI-customize:hover:active, + #PanelUI-help:not([disabled]):hover:active, + #PanelUI-quit:not([disabled]):hover:active { + -moz-image-region: rect(0, 96px, 32px, 64px); + } + + #PanelUI-help[panel-multiview-anchor="true"] { + -moz-image-region: rect(0, 128px, 32px, 96px); + background-size: auto; + } + + .subviewbutton[checked="true"] { + background-image: url("chrome://global/skin/menu/shared-menu-check@2x.png"); + } + + #panic-button-success-icon, + #PanelUI-panic-timeframe-icon { + list-style-image: url(chrome://browser/skin/panic-panel/header@2x.png); + } + + #PanelUI-panic-timeframe-icon-small { + list-style-image: url(chrome://browser/skin/panic-panel/header-small@2x.png); + } + + #PanelUI-panic-actionlist-cookies { + background-image: -moz-image-rect(url(chrome://browser/skin/panic-panel/icons@2x.png), 0, 32, 32, 0); + } + + #PanelUI-panic-actionlist-history { + background-image: -moz-image-rect(url(chrome://browser/skin/panic-panel/icons@2x.png), 0, 64, 32, 32); + } + + #PanelUI-panic-actionlist-windows { + background-image: -moz-image-rect(url(chrome://browser/skin/panic-panel/icons@2x.png), 0, 96, 32, 64); + } + + #PanelUI-panic-actionlist-newwindow { + background-image: -moz-image-rect(url(chrome://browser/skin/panic-panel/icons@2x.png), 0, 128, 32, 96); + } +} + +.panel-subviews { + background-color: -moz-dialog; +} + +#BMB_bookmarksPopup > menuitem[type="checkbox"] { + -moz-appearance: none !important; /* important, to override toolkit rule */ +} + +#BMB_bookmarksPopup menupopup[placespopup=true] { + margin-top: -6px; + padding-top: 2px; +} + +/* Add some space at the top because there are no headers: */ +#BMB_bookmarksPopup menupopup[placespopup=true] > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox { + padding-top: 4px; +} + +.subviewbutton > .toolbarbutton-text { + padding-top: 3px; + padding-bottom: 3px; +} + +.widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-button { + -moz-appearance: none; + border: 0; + -moz-margin-start: 3px; +} + +.widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { + -moz-margin-start: 0; +} + +.subviewbutton > .toolbarbutton-text { + -moz-padding-start: 16px; +} + +.subviewbutton:-moz-any([image],[targetURI],.cui-withicon, .restoreallitem, .bookmark-item) > .toolbarbutton-text { + -moz-padding-start: 0; +} + +/* subviewbutton entries for social sidebars have images that come from external +/* sources, and are not guaranteed to be the size we want, so force the size on +/* those icons. */ +toolbarbutton.social-provider-menuitem > .toolbarbutton-icon { + width: 16px; + height: 16px; +} + +.subviewbutton:-moz-any([image],[targetURI],.cui-withicon, .restoreallitem, .bookmark-item)[checked="true"] > .toolbarbutton-icon { + visibility: hidden; +} + +menuitem.subviewbutton { + -moz-appearance: none !important; +} + +menu.subviewbutton > .menu-right { + -moz-appearance: none; + list-style-image: url(chrome://browser/skin/places/bookmarks-menu-arrow.png); + -moz-image-region: rect(0, 16px, 16px, 0); + width: 16px; + height: 16px; +} + +menu[disabled="true"].subviewbutton > .menu-right { + -moz-image-region: rect(0, 32px, 16px, 16px); +} + +menu.subviewbutton > .menu-right:-moz-locale-dir(rtl) { + transform: scaleX(-1); +} + +.subviewbutton > .toolbarbutton-icon { + -moz-margin-end: 5px !important; +} + +.subviewbutton > .menu-right, +.subviewbutton > .menu-iconic-left { + padding-top: 1px; + /* These need !important to override menu.css */ + margin-top: 1px !important; + margin-bottom: 2px !important; +} + +.PanelUI-subView toolbarseparator, +.PanelUI-subView menuseparator, +.cui-widget-panelview menuseparator, +#PanelUI-footer-inner > toolbarseparator { + -moz-appearance: none !important; +} + +.subviewradio > .radio-label-box { + -moz-appearance: none; +} diff --git a/arc-firefox-theme/chrome/browser/customizableui/panelarrow-customizeTip.png b/arc-firefox-theme/chrome/browser/customizableui/panelarrow-customizeTip.png Binary files differnew file mode 100644 index 0000000..cbdf469 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/customizableui/panelarrow-customizeTip.png diff --git a/arc-firefox-theme/chrome/browser/customizableui/subView-arrow-back-inverted-rtl.png b/arc-firefox-theme/chrome/browser/customizableui/subView-arrow-back-inverted-rtl.png Binary files differnew file mode 100644 index 0000000..cf4198c --- /dev/null +++ b/arc-firefox-theme/chrome/browser/customizableui/subView-arrow-back-inverted-rtl.png diff --git a/arc-firefox-theme/chrome/browser/customizableui/subView-arrow-back-inverted.png b/arc-firefox-theme/chrome/browser/customizableui/subView-arrow-back-inverted.png Binary files differnew file mode 100644 index 0000000..86178ab --- /dev/null +++ b/arc-firefox-theme/chrome/browser/customizableui/subView-arrow-back-inverted.png diff --git a/arc-firefox-theme/chrome/browser/customizableui/whimsy-bw.png b/arc-firefox-theme/chrome/browser/customizableui/whimsy-bw.png Binary files differnew file mode 100644 index 0000000..481d3fc --- /dev/null +++ b/arc-firefox-theme/chrome/browser/customizableui/whimsy-bw.png diff --git a/arc-firefox-theme/chrome/browser/customizableui/whimsy-bw@2x.png b/arc-firefox-theme/chrome/browser/customizableui/whimsy-bw@2x.png Binary files differnew file mode 100644 index 0000000..09516ab --- /dev/null +++ b/arc-firefox-theme/chrome/browser/customizableui/whimsy-bw@2x.png diff --git a/arc-firefox-theme/chrome/browser/customizableui/whimsy.png b/arc-firefox-theme/chrome/browser/customizableui/whimsy.png Binary files differnew file mode 100644 index 0000000..2e9fdd7 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/customizableui/whimsy.png diff --git a/arc-firefox-theme/chrome/browser/customizableui/whimsy@2x.png b/arc-firefox-theme/chrome/browser/customizableui/whimsy@2x.png Binary files differnew file mode 100644 index 0000000..61f55f6 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/customizableui/whimsy@2x.png diff --git a/arc-firefox-theme/chrome/browser/devedition.css b/arc-firefox-theme/chrome/browser/devedition.css new file mode 100644 index 0000000..c795641 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devedition.css @@ -0,0 +1,413 @@ + + +/* devedition.css is loaded in browser.xul after browser.css when it is + preffed on. The bulk of the styling is here in the shared file, but + there are overrides for each platform in their devedition.css files. */ + +:root { + --tab-toolbar-navbar-overlap: 0px; + --space-above-tabbar: 0px; + --toolbarbutton-text-shadow: none; +} + +:root[devtoolstheme="dark"] { + /* Chrome */ + --chrome-background-color: #1C2126; + --chrome-color: #F5F7FA; + --chrome-secondary-background-color: #39424D; + --chrome-navigator-toolbox-separator-color: rgba(0,0,0,.2); + --chrome-nav-bar-separator-color: rgba(0,0,0,.2); + --chrome-nav-buttons-background: #252C33; + --chrome-nav-buttons-hover-background: #1B2127; + --chrome-nav-bar-controls-border-color: #1D2328; + --chrome-selection-color: #fff; + --chrome-selection-background-color: #074D75; + + /* Tabs */ + --tabs-toolbar-color: #F5F7FA; + --tab-background-color: #1C2126; + --tab-hover-background-color: #07090a; + --tab-separator-color: #474C50; + --tab-selection-color: #f5f7fa; + --tab-selection-background-color: #1a4666; + --tab-selection-box-shadow: 0 2px 0 #D7F1FF inset, + 0 -2px 0 rgba(0,0,0,.05) inset, + 0 -1px 0 rgba(0,0,0,.3) inset; + --pinned-tab-glow: radial-gradient(22px at center calc(100% - 2px), rgba(76,158,217,0.9) 13%, rgba(0,0,0,0.4) 16%, transparent 70%); + + /* Toolbar buttons */ + --toolbarbutton-hover-background: rgba(25,33, 38,.6) linear-gradient(rgba(25,33,38,.6), rgba(25,33,38,.6)) padding-box; + --toolbarbutton-hover-boxshadow: none; + --toolbarbutton-hover-bordercolor: rgba(25,33,38,.6); + --toolbarbutton-active-background: rgba(25,33,38,1) linear-gradient(rgba(25,33,38,1), rgba(25,33,38,1)) border-box; + --toolbarbutton-active-boxshadow: none; + --toolbarbutton-active-bordercolor: rgba(25,33,38,.8); + --toolbarbutton-checkedhover-backgroundcolor: #1D4F73; + --toolbarbutton-combined-boxshadow: none; + --toolbarbutton-combined-backgroundimage: linear-gradient(#5F6670 0, #5F6670 18px); + + /* Identity box */ + --identity-box-chrome-color: #46afe3; + --identity-box-chrome-background-image: linear-gradient(#5F6670 0, #5F6670 100%); + --identity-box-verified-background-image: linear-gradient(#5F6670 0, #5F6670 100%); + --verified-identity-box-backgroundcolor: transparent; + + /* Url and search bars */ + --url-and-searchbar-background-color: #171B1F; + --url-and-searchbar-color: #fff; + --urlbar-dropmarker-url: url("chrome://browser/skin/devedition/urlbar-history-dropmarker.svg"); + --urlbar-dropmarker-region: rect(0px, 11px, 14px, 0px); + --urlbar-dropmarker-active-region: rect(0px, 22px, 14px, 11px); + --urlbar-dropmarker-2x-url: url("chrome://browser/skin/devedition/urlbar-history-dropmarker.svg"); + --urlbar-dropmarker-2x-region: rect(0px, 11px, 14px, 0px); + --urlbar-dropmarker-active-2x-region: rect(0px, 22px, 14px, 11px); + --search-button-image: url("chrome://browser/skin/devedition/search.svg#search-icon-inverted"); +} + +:root[devtoolstheme="dark"] .searchbar-dropmarker-image { + --searchbar-dropmarker-url: url("chrome://browser/skin/devtools/dropmarker.svg"); + --searchbar-dropmarker-2x-url: url("chrome://browser/skin/devtools/dropmarker.svg"); +} + +:root[devtoolstheme="light"] { + --url-and-searchbar-background-color: #fff; + + --chrome-background-color: #E3E4E6; + --chrome-color: #18191a; + --chrome-secondary-background-color: #f5f6f7; + --chrome-navigator-toolbox-separator-color: #cccccc; + --chrome-nav-bar-separator-color: #B6B6B8; + --chrome-nav-buttons-background: #fcfcfc; + --chrome-nav-buttons-hover-background: #DADBDB; + --chrome-nav-bar-controls-border-color: #ccc; + --chrome-selection-color: #f5f7fa; + --chrome-selection-background-color: #4c9ed9; + + --tab-background-color: #E3E4E6; + --tab-hover-background-color: #D7D8DA; + --tab-separator-color: #C6C6C7; + --tab-selection-color: #f5f7fa; + --tab-selection-background-color: #4c9ed9; + --tab-selection-box-shadow: 0 2px 0 #9FDFFF inset, + 0 -2px 0 rgba(0,0,0,.05) inset, + 0 -1px 0 rgba(0,0,0,.2) inset; + --pinned-tab-glow: radial-gradient(22px at center calc(100% - 2px), rgba(76,158,217,0.9) 13%, transparent 16%); + + + /* Toolbar buttons */ + --toolbarbutton-hover-background: #eaeaea; + --toolbarbutton-hover-boxshadow: none; + --toolbarbutton-hover-bordercolor: rgba(0,0,0,0.1); + --toolbarbutton-active-background: #d7d7d8 border-box; + --toolbarbutton-active-boxshadow: none; + --toolbarbutton-active-bordercolor: rgba(0,0,0,0.15); + --toolbarbutton-checkedhover-backgroundcolor: #d7d7d8; + --toolbarbutton-combined-boxshadow: none; + --toolbarbutton-combined-backgroundimage: linear-gradient(rgba(0,0,0,0.1) 0, rgba(0,0,0,0.1) 18px); + + /* Url and search bars */ + --search-button-image: url("chrome://browser/skin/devedition/search.svg#search-icon"); +} + +/* Give some space to drag the window around while customizing + (normal space to left and right of tabs doesn't work in this case) */ +#main-window[tabsintitlebar][customizing] { + --space-above-tabbar: 9px; +} + +/* Override @tabCurveHalfWidth@ and @tabCurveWidth@. XXX: Switch to a CSS variable once the perf is sorted out - bug 1088771 */ +.tab-background-middle { + border-left-width: 0; + border-right-width: 0; + margin: 0; +} + +.tab-background, +.tabs-newtab-button { + -moz-margin-end: 0; + -moz-margin-start: 0; +} + +.tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox { + -moz-padding-end: 0; + -moz-padding-start: 0; +} + +.tab-background-start[visuallyselected=true]::after, +.tab-background-start[visuallyselected=true]::before, +.tab-background-start, +.tab-background-end, +.tab-background-end[visuallyselected=true]::after, +.tab-background-end[visuallyselected=true]::before { + width: 0; +} + +.tab-background-start[visuallyselected=true]::after, +.tab-background-end[visuallyselected=true]::after { + -moz-margin-start: 0; +} +/* End override @tabCurveHalfWidth@ and @tabCurveWidth@ */ + +#urlbar ::-moz-selection, +#navigator-toolbox .searchbar-textbox ::-moz-selection, +.browserContainer > findbar ::-moz-selection { + background-color: var(--chrome-selection-background-color); + color: var(--chrome-selection-color); +} + +/* Change the base colors for the browser chrome */ + +#tabbrowser-tabs, +#TabsToolbar, +#browser-panel { + background: var(--chrome-background-color); + color: var(--chrome-color); +} + +#navigator-toolbox::after { + background: var(--chrome-navigator-toolbox-separator-color); +} + +#navigator-toolbox > toolbar:not(#TabsToolbar):not(#toolbar-menubar), +.browserContainer > findbar, +#browser-bottombox { + background-color: var(--chrome-secondary-background-color) !important; + color: var(--chrome-color); +} + +.browserContainer > findbar { + background-image: none; +} + +.browserContainer > .findbar-textbox { + background-color: var(--url-and-searchbar-background-color) !important; + color: var(--url-and-searchbar-color); +} + +/* Default findbar text color doesn't look good - Bug 1125677 */ +.browserContainer > findbar .findbar-find-status, +.browserContainer > findbar .found-matches { + color: inherit; +} + +#navigator-toolbox .toolbarbutton-1, +.browserContainer > findbar .findbar-button, +#PlacesToolbar toolbarbutton.bookmark-item { + color: var(--chrome-color); + text-shadow: var(--toolbarbutton-text-shadow); +} + +/* Using toolbar[brighttext] instead of important to override linux */ +toolbar[brighttext] #downloads-indicator-counter { + text-shadow: var(--toolbarbutton-text-shadow); + color: var(--chrome-color); +} + +#TabsToolbar { + text-shadow: none !important; + color: var(--chrome-color) !important; /* Make sure that the brighttext attribute is added */ +} + +/* URL bar and search bar*/ +#urlbar, +#navigator-toolbox .searchbar-textbox { + background-color: var(--url-and-searchbar-background-color) !important; + background-image: none !important; + color: var(--url-and-searchbar-color) !important; + border: 1px solid var(--chrome-nav-bar-controls-border-color) !important; + box-shadow: none !important; +} + +#urlbar { + -moz-border-start: none !important; + opacity: 1 !important; +} + +window:not([chromehidden~="toolbar"]) #urlbar-wrapper { + overflow: -moz-hidden-unscrollable; + clip-path: none; + -moz-margin-start: 0; +} + +/* Make the white notication box stick out less. */ +#notification-popup-box { + border-radius: 0; + border: none; + background: transparent; +} + +/* Nav bar specific stuff */ +#nav-bar { + margin-top: 0 !important; + border-top: none !important; + border-bottom: none !important; + border-radius: 0 !important; + box-shadow: 0 -1px var(--chrome-nav-bar-separator-color) !important; + background-image: none !important; +} + +/* No extra vertical padding for nav bar */ +#nav-bar-customization-target, +#nav-bar { + padding-top: 0; + padding-bottom: 0; +} + +/* Use smaller back button icon */ +#back-button { + -moz-image-region: rect(0, 54px, 18px, 36px); +} + +searchbar:not([oneoffui]) .search-go-button { + /* !important is needed because searchbar.css is loaded after this */ + -moz-image-region: auto !important; + list-style-image: var(--search-button-image); +} + +.tab-background { + visibility: hidden; +} + +/* Make the tab splitter 1px wide with a solid background. */ +#tabbrowser-tabs[movingtab] > .tabbrowser-tab[beforeselected]:not([last-visible-tab])::after, +.tabbrowser-tab:not([visuallyselected]):not([afterselected-visible]):not([afterhovered]):not([first-visible-tab]):not(:hover)::before, +#tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([visuallyselected]):not([beforehovered]):not(:hover)::after { + background: var(--tab-separator-color); + opacity: 1; + width: 1px; + -moz-margin-start: 0; + -moz-margin-end: -1px; +} + +/* For the last tab separator, use margin-start of -1px to prevent jittering + due to the ::after element causing the width of the tab to extend, which + causes an overflow and makes it disappear, which removes the overflow and + causes it to reappear, etc, etc. */ +#tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([visuallyselected]):not([beforehovered]):not(:hover)::after { + -moz-margin-start: -1px; + -moz-margin-end: 0; +} + +.tabbrowser-arrowscrollbox > .scrollbutton-down, +.tabbrowser-arrowscrollbox > .scrollbutton-up { + background-color: var(--tab-background-color); + border-color: transparent; +} + +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]), +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) { + margin-bottom: 0; +} + +.tabbrowser-tab { + /* We normally rely on other tab elements for pointer events, but this + theme hides those so we need it set here instead */ + pointer-events: auto; +} + +.tabbrowser-tab[pinned][titlechanged]:not([visuallyselected="true"]) > .tab-stack > .tab-content { + background-image: var(--pinned-tab-glow); + background-position: center; + background-size: 100%; +} + +.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]):hover, +.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]):hover, +.tabbrowser-tab:hover { + background-color: var(--tab-hover-background-color); +} + +.tabbrowser-tab[visuallyselected] { + color: var(--tab-selection-color) !important; /* Override color: inherit */ + background-color: var(--tab-selection-background-color); + box-shadow: var(--tab-selection-box-shadow); +} + +/* Don't need space for the tab curves (66px - 30px) */ +.tabs-newtab-button { + width: 36px; +} + +.tabs-newtab-button:hover { + /* Important needed because !important is used in browser.css */ + background-color: var(--tab-hover-background-color) !important; + background-image: none; +} + +.tab-close-button[selected]:not(:hover) { + background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 80, 16, 64); +} + +/* The menubar and tabs toolbar should match the devedition theme */ +#TabsToolbar, +#toolbar-menubar { + -moz-appearance: none !important; +} +#main-menubar { + color: var(--chrome-color); +} +#main-menubar > menu:not([open]) { + color: inherit; +} + +/* Allow buttons with -moz-appearance set to look normal on hover and open states */ +#navigator-toolbox .toolbarbutton-1:-moz-any(:hover, [open="true"]), +#PlacesToolbar toolbarbutton.bookmark-item:-moz-any(:hover, [open="true"]) { + color: initial; +} + +/* Square back and forward buttons */ +#back-button > .toolbarbutton-icon, +#forward-button > .toolbarbutton-icon { + margin: 0; + border: 1px solid var(--chrome-nav-bar-controls-border-color); + padding: 2px 5px; + background: var(--chrome-nav-buttons-background); + box-shadow: none !important; +} + +#forward-button > .toolbarbutton-icon { + -moz-border-start: none; +} + +/* Override a box shadow for disabled back button */ +#main-window:not([customizing]) #back-button[disabled] > .toolbarbutton-icon { + box-shadow: none !important; +} + +#back-button:hover:not([disabled="true"]) > .toolbarbutton-icon, +#forward-button:hover:not([disabled="true"]) > .toolbarbutton-icon { + background: var(--chrome-nav-buttons-hover-background) !important; +} + +#back-button > .toolbarbutton-icon { + border-radius: 2px 0 0 2px !important; +} + +.urlbar-history-dropmarker { + -moz-appearance: none; + padding: 0 3px; + list-style-image: var(--urlbar-dropmarker-url); + -moz-image-region: var(--urlbar-dropmarker-region); +} + +/* Add the proper background for tab overflow */ +#alltabs-button, +#new-tab-button { + background: var(--chrome-background-color); +} + +#new-tab-button:hover > .toolbarbutton-icon { + border-color: transparent !important; +} + +/* Prevent double border below tabs toolbar */ +#TabsToolbar:not([collapsed="true"]) + #nav-bar { + border-top-width: 0 !important; +} + +/* Prevent devedition foreground color from seeping into the sidebar-box (since + * its background colors aren't affected by the devedition theme) */ +#sidebar-box { + color: initial; +} diff --git a/arc-firefox-theme/chrome/browser/devedition/search.svg b/arc-firefox-theme/chrome/browser/devedition/search.svg new file mode 100644 index 0000000..1d7f558 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devedition/search.svg @@ -0,0 +1,41 @@ +<?xml version="1.0"?> +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + x="0px" y="0px" + viewBox="0 0 16 16" + enable-background="new 0 0 16 16" + width="16" + height="16" + xml:space="preserve"> +<style> + use:not(:target) { + display: none; + } + + use { + fill: #797C80; + } + + use[id*="-inverted"] { + fill: #B6BABF; + } + + use[id*="-mac"] { + transform: translate(16px) scaleX(-1); + } +</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"/> +<use id="search-icon-mac" xlink:href="#search"/> +<use id="search-icon-mac-inverted" xlink:href="#search"/> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devedition/urlbar-history-dropmarker.svg b/arc-firefox-theme/chrome/browser/devedition/urlbar-history-dropmarker.svg new file mode 100644 index 0000000..7af3149 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devedition/urlbar-history-dropmarker.svg @@ -0,0 +1,19 @@ +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="33" height="14" viewBox="0 0 33 14" enable-background="new 0 0 33 14"> + <defs style="display: none;"> + <polygon points="0,0 5.5,7 11,0" id="dropmarker-shape"/> + </defs> + <style> + use { + fill: #B6BABF; + } + .hover { + fill: #61BDEB; + } + .active { + fill: #39ACE6; + } + </style> + <use xlink:href="#dropmarker-shape" style="transform: translate(0, 4px)"></use> + <use xlink:href="#dropmarker-shape" style="transform: translate(11px, 4px)" class="hover"></use> + <use xlink:href="#dropmarker-shape" style="transform: translate(22px, 4px)" class="active"></use> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/add.svg b/arc-firefox-theme/chrome/browser/devtools/add.svg new file mode 100644 index 0000000..af162e3 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/add.svg @@ -0,0 +1,3 @@ +<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> + <polygon fill="#EEF0F2" points="4,7 8,7 8,3 10,3 10,7 14,7 14,9 10,9 10,13 8,13 8,9 4,9 4,7"></polygon> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/alerticon-warning.png b/arc-firefox-theme/chrome/browser/devtools/alerticon-warning.png Binary files differnew file mode 100644 index 0000000..5c5d0ae --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/alerticon-warning.png diff --git a/arc-firefox-theme/chrome/browser/devtools/alerticon-warning@2x.png b/arc-firefox-theme/chrome/browser/devtools/alerticon-warning@2x.png Binary files differnew file mode 100644 index 0000000..dc3a3b1 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/alerticon-warning@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/animationinspector.css b/arc-firefox-theme/chrome/browser/devtools/animationinspector.css new file mode 100644 index 0000000..6cc0bdb --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/animationinspector.css @@ -0,0 +1,256 @@ +html { + height: 100%; +} + +body { + margin: 0; + padding: 0; + display : flex; + flex-direction: column; + height: 100%; + overflow: hidden; + color: var(--theme-content-color3); +} + +/* The top toolbar, containing the toggle-all button */ + +#toolbar { + border-bottom: 1px solid var(--theme-splitter-color); + display: flex; + flex-direction: row; + align-items: center; + justify-content: flex-end; + height: 20px; +} + +#toolbar .label { + padding: 1px 4px; +} + +#toggle-all { + border-width: 0 0 0 1px; + min-height: 20px; +} + +/* The error message, shown when an invalid/unanimated element is selected */ + +#error-message { + padding-top: 10%; + text-align: center; + flex: 1; + overflow: auto; + + /* The error message is hidden by default */ + display: none; +} + +/* The animation players container */ + +#players { + flex: 1; + overflow: auto; +} + +/* Element picker and toggle-all buttons */ + +#element-picker, +#toggle-all { + position: relative; +} + +#element-picker::before, +#toggle-all::before { + content: ""; + display: block; + width: 16px; + height: 16px; + position: absolute; + left: 50%; + top: 50%; + margin: -8px 0 0 -8px; + background-image: url("chrome://browser/skin/devtools/command-pick.png"); +} + +#toggle-all::before { + background-image: url("debugger-pause.png"); +} + +#element-picker[checked]::before { + background-position: -48px 0; + filter: none; /* Icon is blue when checked, don't invert for light theme */ +} + +#toggle-all.paused::before { + background-image: url("debugger-play.png"); +} + +@media (min-resolution: 1.25dppx) { + #element-picker::before { + background-image: url("chrome://browser/skin/devtools/command-pick@2x.png"); + background-size: 64px; + } + + #toggle-all::before { + background-image: url("debugger-pause@2x.png"); + } + + #toggle-all.paused::before { + background-image: url("debugger-play@2x.png"); + } +} + +/* Animation target node gutter, contains a preview of the dom node */ + +.animation-target { + background-color: var(--theme-toolbar-background); + padding: 1px 4px; + box-sizing: border-box; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.animation-target .attribute-name { + padding-left: 4px; +} + +.animation-target .node-selector { + background: url("chrome://browser/skin/devtools/vview-open-inspector.png") no-repeat 0 0; + padding-left: 16px; + margin-right: 5px; + cursor: pointer; +} + +.animation-target .node-selector:hover { + background-position: -32px 0; +} + +.animation-target .node-selector:active { + background-position: -16px 0; +} + +/* Animation title gutter, contains the name, duration, iteration */ + +.animation-title { + background-color: var(--theme-toolbar-background); + border-bottom: 1px solid var(--theme-splitter-color); + padding: 1px 4px; + word-wrap: break-word; + overflow: auto; +} + +.animation-title .meta-data { + float: right; +} + +.animation-title strong { + margin: 0 .5em; +} + +/* Timeline wiget */ + +.timeline { + height: 20px; + width: 100%; + display: flex; + flex-direction: row; + border-bottom: 1px solid var(--theme-splitter-color); +} + +.timeline .playback-controls { + display: flex; + flex-direction: row; +} + +/* Playback control buttons */ + +.timeline .playback-controls button { + flex-grow: 1; + border-width: 0 1px 0 0; +} + +.timeline .toggle::before { + background-image: url(debugger-pause.png); +} + +.paused .timeline .toggle::before, +.finished .timeline .toggle::before { + background-image: url(debugger-play.png); +} + +.timeline .ff::before { + background-image: url(fast-forward.png); +} + +.timeline .rw::before { + background-image: url(rewind.png); +} + +@media (min-resolution: 1.25dppx) { + .timeline .toggle::before { + background-image: url(debugger-pause@2x.png); + } + + .paused .timeline .toggle::before, + .finished .timeline .toggle::before { + background-image: url(debugger-play@2x.png); + } + + .timeline .ff::before { + background-image: url(fast-forward@2x.png); + } + + .timeline .rw::before { + background-image: url(rewind@2x.png); + } +} + +.timeline .rate { + -moz-appearance: none; + text-align: center; + color: var(--theme-body-color); + border-right: 1px solid var(--theme-splitter-color); +} + +/* Slider (input type range) container */ + +.timeline .sliders-container { + flex-grow: 1; + height: 100%; + position: relative; + border-width: 1px 0; +} + +.timeline .sliders-container .current-time { + position: absolute; + padding: 0; + margin: 0; + left: 0; + width: 100%; + height: 100%; +} + +.timeline .sliders-container .current-time::-moz-range-thumb { + height: 100%; + width: 4px; + border-radius: 0; + border: none; + background: var(--theme-highlight-blue); +} + +.timeline .sliders-container .current-time::-moz-range-track { + width: 100%; + height: 50px; + background: transparent; +} + +/* Current time label */ + +.timeline .time-display { + display: flex; + align-items: center; + justify-content: center; + width: 50px; + border-left: 1px solid var(--theme-splitter-color); + background: var(--theme-toolbar-background); +} diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/add.svg b/arc-firefox-theme/chrome/browser/devtools/app-manager/add.svg new file mode 100644 index 0000000..f1b5594 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/add.svg @@ -0,0 +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" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64"> + <path fill="#00B2F7" d="M32.336,3.894c-15.74,0-28.5,12.76-28.5,28.5s12.76,28.5,28.5,28.5s28.5-12.76,28.5-28.5 + S48.076,3.894,32.336,3.894z M44.86,36.966h-7.823v7.62c0,2.582-2.12,4.702-4.702,4.702c-2.584,0-4.704-2.12-4.704-4.702v-7.62 + h-7.817c-2.52,0-4.572-2.056-4.572-4.572s2.053-4.572,4.572-4.572h7.817v-7.62c0-2.582,2.12-4.702,4.704-4.702 + c2.582,0,4.702,2.12,4.702,4.702v7.62h7.823c2.514,0,4.57,2.056,4.57,4.572S47.374,36.966,44.86,36.966z"/> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/connection-footer.css b/arc-firefox-theme/chrome/browser/devtools/app-manager/connection-footer.css new file mode 100644 index 0000000..dc51832 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/connection-footer.css @@ -0,0 +1,224 @@ +/* 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/. */ + +/************** LAYOUT **************/ + +#connection-footer { + display: flex; + flex-direction: column; + height: 50px; +} + +#banners-and-logs { + display: flex; + flex-grow: 1; + max-height: 100%; +} + +#logs { + display: flex; + width: 40%; + padding: 0; + width: 100%; +} + +.banner { + display: none; + width: 60%; +} + +#connection-footer[status="connected"] #banner-connected, +#connection-footer[status="connecting"] #banner-connecting, +#connection-footer[status="disconnected"] #banner-disconnected, +#connection-footer[status="disconnecting"] #banner-disconnecting { + display: flex; +} + +body.show-simulators .banner, +body.edit-connection .banner { + display: none !important; +} + +body.show-simulators #banner-simulators, +body.edit-connection #banner-editing { + display: flex !important; +} + +#banner-logs { + width: 40%; + display: flex; +} + +#logs > pre { + overflow: auto; + white-space: pre-line; +} + +#status.banner-box { + width: 100% !important; +} + +.banner-box { + display: flex; + flex-direction: column; + justify-content: center; + width: 100%; +} + +#banner-connected > .banner-box { + align-items: flex-start; +} + +#start-simulator-box { + display: inline; +} + +/************** PIXELS **************/ + +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-size: 0.9rem; +} + +body { + color: #333; + background-color: white; + font-family: Lucida Grande, Helvetica, Helvetica Neue, sans-serif; +} + +button { + background: linear-gradient(to bottom, #49535C, #394148); + box-shadow: 0px 1px 1px #3C444D, inset 0 1px 0px rgba(255,255,255,0.1); + color: #9FA6AD; + text-shadow: 0px 1px 1px rgba(0,0,0,0.6); + border: 1px solid #111; + cursor: pointer; + border-radius: 3px; + padding: 3px 10px; +} + +button.left { + margin-right: 0px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +button.right { + margin-left: -6px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +button.action-primary { + background: linear-gradient(to bottom, #276DA3, #1E5580); + color: #EEE; +} + +button.action-cancel { + background: linear-gradient(to bottom, #B32B02, #942300); + color: #EEE; +} + +#banners-and-logs { + border-top: #111 solid; + border-width: 1px 0; + background: linear-gradient(to bottom, #323A42, #29313A); + color: #A8BABF; + box-shadow: inset 0 0 1px #424A51; +} + +#status { + background: linear-gradient(to bottom, #454F59, #404952); + box-shadow: inset 0 0 1px #606D78, inset 0 1px 0 #5E6973; +} + +#logs > pre { + border: 1px solid #111; + box-shadow: 0px 1px 1px #49525A, inset 0 0 5px rgba(0,0,0,0.3); + font-size: 10px; + background: #22272D; + padding: 5px; + height: 100%; + padding-left: 20px; + position: relative; +} + +#logs > pre span{ + text-shadow: 0 1px 2px #000; + color: #3195FB; + position: fixed; + right: calc(30% - 15px); + bottom: -1px; +} + +#logs > pre b { + font-size: 10px; + color: #70C4FF; +} + +.banner-box { + box-shadow: inset 0 0 1px #667480, inset 0 1px 0 #5E6973; + border-right: 1px solid #111; + background-position: center right; + background-size: 1px 100%; + background-repeat: no-repeat; + padding: 10px 20px; + position: relative; +} + +.connected-status { + color: #B3BFC9; + text-shadow: 0px 1px 2px rgba(0,0,0,0.9); + padding-bottom: 10px; +} + +.connected-status { + font-size: 150%; + top: 10%; + padding-right: 3px; + position: relative; +} + +.connected-indicator { + box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 0px 1px rgba(255,255,255,0.3); + height: 100%; + flex: 0 0 10px; +} + +#banner-connected .connected-indicator, +#banner-connecting .connected-indicator { + background: linear-gradient(to bottom, #69B8FF, #339FFF ); +} + +#banner-simulators .connected-indicator, +#banner-disconnected .connected-indicator, +#banner-editing .connected-indicator, +#banner-disconnecting .connected-indicator { + background: linear-gradient(to bottom, #375A87, #1C4375 ); +} + +#banner-simulators .banner-content > * { + display: inline-block; +} + +#banner-simulators[simulator-count="0"] .found-simulator, +#banner-simulators:not([simulator-count="0"]) .no-simulator { + display: none; +} + +#connection-no-device, +[device-count="0"] > #connection-found-device, +#connection-manual, +#connection-assisted { + display: none; +} + +#connection-found-device, +[device-count="0"] > #connection-no-device, +[adb-available="true"] > #connection-assisted, +[adb-available="false"] > #connection-manual { + display: inline; +} diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/default-app-icon.png b/arc-firefox-theme/chrome/browser/devtools/app-manager/default-app-icon.png Binary files differnew file mode 100644 index 0000000..f186d9c --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/default-app-icon.png diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/device.css b/arc-firefox-theme/chrome/browser/devtools/app-manager/device.css new file mode 100644 index 0000000..fc6efd9 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/device.css @@ -0,0 +1,410 @@ +/* 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/. */ + +/***************** GENERAL *****************/ + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +html, body { + height: 100%; +} + +body { + font-size: 0.9rem; + color: #333; + background-color: rgb(225, 225, 225); + font-family: Lucida Grande, Helvetica, Helvetica Neue, sans-serif; + display: flex; + flex-direction: column; +} + +template { + display: none; +} + +h1 { + font-size: 20px; +} + +#content { + display: flex; + flex-direction: row; + height: 100%; + overflow: hidden; +} + +#detail { + background-image: url('noise.png'); + display: flex; + flex-grow: 1; + z-index: 1; + overflow: hidden; +} + +#meta { + background-size: 100%; + padding-top: 50px; +} + +#connection-footer { + border-width: 0; + height: 50px; + min-height: 50px; +} + + +#root-actor-debug { + background: white; +} + +/***************** APP BUTTONS *****************/ + + + +.app-buttons { + display: block; + margin-left: 20px; + color: #BBB; +} + +button { + margin: 0; + font-size: 11px; + border: 1px solid #CCC; + padding: 5px 15px; + cursor: pointer; + background: rgba(255,255,255,0.4); + text-transform: uppercase; + border-radius: 3px; + border-width: 1px; +} + +.app-buttons > button { + display: none; +} + +.app-buttons > button[disabled] { + background-color: transparent; + opacity: 0.4; + pointer-events: none; +} + +.app[running="false"] > .app-buttons > .button-start, +.app[running="true"] > .app-buttons > .button-stop, +.app[running="true"] > .app-buttons > .button-debug { + display: inline-block; +} + +.button-debug { + color: #3498DB; +} + +.button-debug:hover { + background-color: #3498DB; + color: #FFF; +} + +.button-debug[disabled] { + color: #3498DB; +} + +.button-start { + color: #18BC9C +} + +.button-start:hover { + background-color: #18BC9C; + color: #FFF; +} + +.button-start[disabled] { + color: #18BC9C +} + +.button-stop { + color: #E74C3C; +} + +.button-stop:hover { + background-color: #E74C3C; + color: #FFF; +} + +.button-stop[disabled] { + color: #E74C3C; +} + + + +/***************** PERMISSIONS *****************/ + + + + +.permission-table { + display: flex; + flex-direction: column; + height: 100%; +} + +.permission-table-body { + overflow: auto; + display: flex; + flex-grow: 1; + flex-direction: column; +} + +.permission-table-header, +.permission-table-footer { + display: flex; + background: #FFF; + border-top: 1px solid #CCC; + z-index: 2; + flex-shrink: 0; +} + +.permission-table-header > div, +.permission-table-footer > div { + z-index: 2; + flex-grow: 1; + background: linear-gradient(to bottom, #49535C, #394148); + box-shadow: 0px 1px 3px rgba(12, 20, 30, 0.5), inset 0 1px 0px rgba(255,255,255,0.1); + color: #9FA6AD; + text-shadow: 0px 1px 1px rgba(0,0,0,0.6); + border: 0; + margin: auto 0; + padding: 5px; + text-align: center; + background: transparent; + box-shadow: none; + text-shadow: none; +} + +.permission-table-header > div { + flex-basis: 20%; +} + +.permission-table-header > div:first-child { + text-align: start; + padding-left: 10px; + flex-basis: 30%; +} + +.permission-table-header { + border: 0; + border-bottom: 1px solid #CCC; + box-shadow: 0 1px 4px rgba(0,0,0,0.3); +} + +.permission-table-footer { + box-shadow: 0 -1px 4px rgba(0,0,0,0.3); +} + +.permission { + display: flex; + flex-grow: 1; +} + +.permission:nth-child(odd) { + background: #E4E4E4; +} + +.permission:hover { + background: #EEE; +} + +.permission > div { + flex-grow: 1; + flex-basis: 20%; + text-align: center; + padding: 3px; + border-right: 1px solid #CCC; + border-bottom: 1px solid #CCC; +} + +.permission > div:first-child { + text-align: start; + padding: 3px 10px; + flex-basis: 30%; + font-weight: bold; +} + +.permission > div[permission="1"]:before, .allow-label:after { + color: #98CF39; + content: ' \2713'; +} + +.permission > div[permission="2"]:before, .deny-label:after { + color: #CC4908; + content: ' \2715'; +} + +.permission > div[permission="3"]:before, .prompt-label:after { + color: #009EED; + content: ' !'; +} + + + + +/***************** SIDEBAR *****************/ + + + + +#sidebar { + background: #EEE; + position: relative; + box-shadow: 0 1px 6px rgba(0,0,0,0.3); + display: flex; + flex-direction: column; + flex: 0 0 350px; + overflow: hidden; + z-index: 100; +} + +.sidebar-item { + background-color: #F6F6F6; + box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); + color: #666; + line-height: 120%; + cursor: pointer; + display: flex; + padding: 15px 10px; + display: block; + text-align: start; + flex-grow: 1; +} + +.sidebar-item > * { + flex-shrink: 0; +} + +.sidebar-item:hover { + background-color: #EEE; +} + +.sidebar-item.selected { + background-color: #46AFE3; + color: #FFF; +} + +.help { + float: right; + padding: 0 5px; +} + +/***************** HEADER *****************/ + +header { + padding-top: 140px; + background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,0.7)); + color: #FFF; + text-shadow: 0 1px 2px rgba(0,0,0,0.8); + padding: 10px; +} + + + +/***************** APPS & BROWSER TABS *****************/ + + + + +.apps, .browser-tabs { + display: flex; + flex-direction: column; + overflow: auto; +} + +.browser-tabs.hidden { + display: none; +} + +.app, .browser-tab { + display: flex; + align-items: center; + order: 1; +} + +.app-name, .browser-tab-details { + flex-grow: 1; + font-weight: bold; +} + +.app, .browser-tab { + padding: 10px 20px; + border-bottom: 1px solid #CCC; +} + +.app:hover, .browser-tab:hover { + background-color: #EFEFEF; +} + +.app-icon { + width: 32px; + height: 32px; + margin-right: 10px; +} + +.browser-tab-url-subheading { + font-size: 10px; +} + + + +/***************** NOT CONNECTED *****************/ + + + +body:not(.notconnected) > #notConnectedMessage, +body.notconnected > #content { + display: none; +} + +#notConnectedMessage { + flex-grow: 1; + flex-direction: column; + margin: 50px auto; +} + +#notConnectedMessage > span { + padding: 20px; + border: 1px solid #CCC; + border-radius: 5px; +} + +#notConnectedMessage > span:before { + content: ''; + background: url('error.svg') no-repeat; + background-size: 18px; + height: 24px; + width: 24px; + position: relative; + top: 10px; + display: inline-block; +} + + + +/***************** TABS *****************/ + +#tabs { + flex-grow: 1; + overflow: auto; +} + +.tabpanel:not(.selected) { + display: none; +} + +#tabs-headers { + flex-shrink: 0; + display: flex; + flex-direction: column; +} diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/error.svg b/arc-firefox-theme/chrome/browser/devtools/app-manager/error.svg new file mode 100644 index 0000000..21261cd --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/error.svg @@ -0,0 +1,13 @@ +<?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" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64"> + <path fill="#E25026" d="M32,4.894c-15.74,0-28.5,12.76-28.5,28.5s12.76,28.5,28.5,28.5s28.5-12.76,28.5-28.5S47.74,4.894,32,4.894 + z M46.903,48.674c-1.817,1.817-4.691,1.76-6.449,0.002l-8.327-8.327l-8.151,8.151c-1.877,1.877-4.87,1.814-6.685,0 + c-1.877-1.877-1.879-4.811-0.002-6.687l8.151-8.151l-8.327-8.327c-1.76-1.76-1.817-4.634,0-6.451c1.76-1.76,4.691-1.76,6.451,0 + l8.327,8.327l8.151-8.151c1.877-1.877,4.811-1.874,6.687,0.002c1.814,1.814,1.877,4.808,0,6.685l-8.151,8.151l8.327,8.327 + C48.662,43.982,48.662,46.914,46.903,48.674z"/> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/help.css b/arc-firefox-theme/chrome/browser/devtools/app-manager/help.css new file mode 100644 index 0000000..087819e --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/help.css @@ -0,0 +1,40 @@ +/* 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/. */ + +html, body { + margin: 0; + height: 100%; +} + +body { + color: #555; + font-family: Lucida Grande, Helvetica, Helvetica Neue, sans-serif; + overflow: hidden; + max-width: 600px; + margin: auto; + padding: 20px 0; + background-color: #FFF; +} + +button { + border: 1px solid #CCC; + padding: 5px 15px; + cursor: pointer; + background: rgba(255,255,255,0.4); + text-transform: uppercase; + color: #3498DB; +} + +button:hover { + background-color: #3498DB; + color: #FFF; +} + +a, a:visited { + color: rgb(39,109,163); +} + +#close-button { + float: right; +} diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/index-icons.svg b/arc-firefox-theme/chrome/browser/devtools/app-manager/index-icons.svg new file mode 100644 index 0000000..b0a414d --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/index-icons.svg @@ -0,0 +1,80 @@ +<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="160px" height="240px" viewBox="0 0 160 240" enable-background="new 0 0 160 240" xml:space="preserve">
+<rect y="40" display="none" fill="#22272D" width="84" height="160"/>
+<rect x="80.75" y="40" display="none" fill="#194866" width="84" height="160"/>
+<path fill="#414042" d="M40,21.149c-2.044,0.001-6.042,6.745-7.404,13.436L28,39.181v12l3.204,0l4.467-4.466
+ c0.457,0.478,0.96,0.88,1.5,1.199h5.652c0.543-0.318,1.05-0.719,1.507-1.199l4.466,4.466l3.204,0v-12l-4.597-4.596
+ C46.042,27.895,42.044,21.149,40,21.149z M40.005,28.185c0.712,0,1.965,2,2.746,4.392c-0.846-0.157-1.747-0.244-2.686-0.244
+ c-0.987,0-1.933,0.099-2.815,0.271C38.03,30.199,39.289,28.185,40.005,28.185z"/>
+<path fill="#414042" d="M41.436,50.98c0,1.41-1.094,2.553-1.459,2.553c-0.364,0-1.459-1.144-1.459-2.553
+ c0-0.546,0.099-1.051,0.266-1.466h-1.69c-0.198,0.731-0.31,1.549-0.31,2.412c0,3.108,2.411,5.627,3.215,5.627
+ s3.216-2.519,3.215-5.626c0-0.864-0.112-1.681-0.31-2.413l-1.734,0C41.337,49.929,41.436,50.434,41.436,50.98z"/>
+<g>
+ <g>
+ <path fill="#B2B5B9" d="M40,21.149c-2.044,0.001-6.042,6.745-7.404,13.436L28,39.181v12l3.204,0l4.467-4.466
+ c0.457,0.478,0.96,0.88,1.5,1.199h5.652c0.543-0.318,1.05-0.719,1.507-1.199l4.466,4.466l3.204,0v-12l-4.597-4.596
+ C46.042,27.895,42.044,21.149,40,21.149z M40.005,28.185c0.712,0,1.965,2,2.746,4.392c-0.846-0.157-1.747-0.244-2.686-0.244
+ c-0.987,0-1.933,0.099-2.815,0.271C38.03,30.199,39.289,28.185,40.005,28.185z"/>
+ <path fill="#B2B5B9" d="M41.436,50.98c0,1.41-1.094,2.553-1.459,2.553c-0.364,0-1.459-1.144-1.459-2.553
+ c0-0.546,0.099-1.051,0.266-1.466h-1.69c-0.198,0.731-0.31,1.549-0.31,2.412c0,3.108,2.411,5.627,3.215,5.627
+ s3.216-2.519,3.215-5.626c0-0.864-0.112-1.681-0.31-2.413l-1.734,0C41.337,49.929,41.436,50.434,41.436,50.98z"/>
+ </g>
+</g>
+<g>
+ <path fill="#DCE8F3" d="M120,21.149c-2.044,0.001-6.042,6.745-7.404,13.436L108,39.181v12l3.204,0l4.467-4.466
+ c0.457,0.478,0.96,0.88,1.5,1.199h5.652c0.543-0.318,1.05-0.719,1.507-1.199l4.467,4.466l3.204,0v-12l-4.597-4.596
+ C126.042,27.895,122.044,21.149,120,21.149z M120.005,28.185c0.712,0,1.965,2,2.746,4.392c-0.846-0.157-1.747-0.244-2.686-0.244
+ c-0.987,0-1.933,0.099-2.815,0.271C118.03,30.199,119.289,28.185,120.005,28.185z"/>
+ <path fill="#DCE8F3" d="M121.436,50.98c0,1.41-1.094,2.553-1.459,2.553c-0.364,0-1.459-1.144-1.459-2.553
+ c0-0.546,0.099-1.051,0.266-1.466h-1.69c-0.198,0.731-0.31,1.549-0.31,2.412c0,3.108,2.411,5.627,3.215,5.627
+ s3.216-2.519,3.215-5.626c0-0.864-0.112-1.681-0.31-2.413l-1.734,0C121.337,49.929,121.436,50.434,121.436,50.98z"/>
+</g>
+<g>
+ <g>
+ <path fill="#B2B5B9" d="M52.5,136.017c0,2.279-1.888,4.167-4.167,4.167H31.667c-2.279,0-4.167-1.888-4.167-4.167v-33.333
+ c0-2.279,1.888-4.167,4.167-4.167h16.667c2.279,0,4.167,1.888,4.167,4.167V136.017z M49.375,107.892
+ c0-0.554-0.488-1.042-1.042-1.042H31.667c-0.553,0-1.042,0.488-1.042,1.042v22.917c0,0.554,0.488,1.042,1.042,1.042h16.667
+ c0.553,0,1.042-0.488,1.042-1.042V107.892z M42.604,102.684h-5.208c-0.293,0-0.521,0.228-0.521,0.521
+ c0,0.293,0.228,0.521,0.521,0.521h5.208c0.293,0,0.521-0.228,0.521-0.521C43.125,102.912,42.897,102.684,42.604,102.684z
+ M40,133.413c-1.432,0-2.604,1.171-2.604,2.604c0,1.433,1.172,2.604,2.604,2.604s2.604-1.171,2.604-2.604
+ C42.604,134.585,41.432,133.413,40,133.413z"/>
+ </g>
+</g>
+<g>
+ <path fill="#DCE8F3" d="M132.5,136.017c0,2.279-1.888,4.167-4.167,4.167h-16.667c-2.279,0-4.167-1.888-4.167-4.167v-33.333
+ c0-2.279,1.888-4.167,4.167-4.167h16.667c2.279,0,4.167,1.888,4.167,4.167V136.017z M129.375,107.892
+ c0-0.554-0.488-1.042-1.042-1.042h-16.667c-0.553,0-1.042,0.488-1.042,1.042v22.917c0,0.554,0.488,1.042,1.042,1.042h16.667
+ c0.553,0,1.042-0.488,1.042-1.042V107.892z M122.604,102.684h-5.208c-0.293,0-0.521,0.228-0.521,0.521
+ c0,0.293,0.228,0.521,0.521,0.521h5.208c0.293,0,0.521-0.228,0.521-0.521C123.125,102.912,122.897,102.684,122.604,102.684z
+ M120,133.413c-1.432,0-2.604,1.171-2.604,2.604c0,1.433,1.172,2.604,2.604,2.604s2.604-1.171,2.604-2.604
+ C122.604,134.585,121.432,133.413,120,133.413z"/>
+</g>
+<g>
+ <path fill="#B2B5B9" d="M40,185.388c8.121,0,14.729,6.607,14.729,14.729S48.121,214.845,40,214.845s-14.729-6.607-14.729-14.729
+ S31.879,185.388,40,185.388 M40,182.75c-9.591,0-17.367,7.775-17.367,17.367c0,9.591,7.775,17.367,17.367,17.367
+ s17.367-7.775,17.367-17.367C57.367,190.525,49.591,182.75,40,182.75L40,182.75z"/>
+ <g>
+ <path fill="#B2B5B9" d="M39.565,204.504c-0.688,0-1.196-0.508-1.286-1.195l-0.299-2.57c-0.12-0.808,0.359-1.405,1.166-1.495
+ c2.81-0.269,4.364-1.345,4.364-3.229v-0.06c0-1.674-1.285-2.84-3.438-2.84c-1.584,0-2.87,0.568-4.065,1.645
+ c-0.299,0.239-0.688,0.418-1.106,0.418c-0.926,0-1.674-0.747-1.674-1.644c0-0.448,0.18-0.927,0.598-1.285
+ c1.584-1.495,3.587-2.481,6.337-2.481c4.185,0,7.024,2.331,7.024,6.068v0.06c0,3.767-2.72,5.47-6.038,6.038l-0.12,1.375
+ c-0.12,0.657-0.598,1.195-1.285,1.195H39.565z M39.565,206.687c1.226,0,2.122,0.896,2.122,2.062v0.299
+ c0,1.166-0.896,2.062-2.122,2.062s-2.123-0.896-2.123-2.062v-0.299C37.442,207.583,38.339,206.687,39.565,206.687z"/>
+ </g>
+</g>
+<g>
+ <path fill="#DCE8F3" d="M120,185.388c8.121,0,14.729,6.607,14.729,14.729s-6.607,14.729-14.729,14.729s-14.729-6.607-14.729-14.729
+ S111.879,185.388,120,185.388 M120,182.75c-9.591,0-17.367,7.775-17.367,17.367c0,9.591,7.775,17.367,17.367,17.367
+ s17.367-7.775,17.367-17.367C137.367,190.525,129.591,182.75,120,182.75L120,182.75z"/>
+ <g>
+ <path fill="#DCE8F3" d="M119.564,204.504c-0.688,0-1.195-0.508-1.285-1.195l-0.299-2.57c-0.12-0.808,0.358-1.405,1.166-1.495
+ c2.81-0.269,4.363-1.345,4.363-3.229v-0.06c0-1.674-1.285-2.84-3.438-2.84c-1.584,0-2.869,0.568-4.064,1.645
+ c-0.3,0.239-0.688,0.418-1.106,0.418c-0.927,0-1.674-0.747-1.674-1.644c0-0.448,0.18-0.927,0.598-1.285
+ c1.584-1.495,3.587-2.481,6.337-2.481c4.186,0,7.024,2.331,7.024,6.068v0.06c0,3.767-2.72,5.47-6.038,6.038l-0.119,1.375
+ c-0.12,0.657-0.598,1.195-1.285,1.195H119.564z M119.564,206.687c1.226,0,2.122,0.896,2.122,2.062v0.299
+ c0,1.166-0.896,2.062-2.122,2.062s-2.122-0.896-2.122-2.062v-0.299C117.442,207.583,118.339,206.687,119.564,206.687z"/>
+ </g>
+</g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/index.css b/arc-firefox-theme/chrome/browser/devtools/app-manager/index.css new file mode 100644 index 0000000..cb3f876 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/index.css @@ -0,0 +1,103 @@ +/* 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/. */ + +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: Lucida Grande, Helvetica, Helvetica Neue, sans-serif; +} + +#tabs { + box-shadow: inset -4px 0 0 rgba(0,0,0,0.3); + background: #252C33; +} + +#toolbox-tabs { + overflow-y: auto; +} + +.button { + width: 80px; + height: 85px; + padding-bottom: 5px; + -moz-appearance: none; + border: none; + border-bottom: 1px solid #121214; + background-color: transparent; + color: #B5B8BB; + cursor: pointer; + text-align: center; + -moz-box-align: end; + font-size: 10px; + text-shadow: 0 1px 0 #333; + color: #9FA6AD; +} + +.button:first-child { + border-top: none; +} + +.button[selected] { + box-shadow: inset -4px 0 0 rgba(0,0,0,0.3), inset 2px 0 0 #DEFFFF, inset 3px 0 0 #8DC7E8, inset 4px 0 1px #1D6496; + color: #DCE8F3; + background-color: #1A4766; + border-color: #191B1E; +} + +.button::-moz-focus-inner { + border-width: 0; +} + +.panel { + border-width: 0; +} + +.panel:not([selected="true"]) { + display: none; +} + +.button.toolbox { + background-repeat: no-repeat; + background-position: center 15px; + background-size: 40px 40px; +} + +.projects-button { + background: url('chrome://browser/skin/devtools/app-manager/index-icons.svg') no-repeat; + background-position: left -5px; +} + +.projects-button[selected] { + background-position: right -5px; +} + +.device-button { + background-image: url('chrome://browser/skin/devtools/app-manager/index-icons.svg'); + background-position: left -85px, top left; + background-repeat: no-repeat, no-repeat; + background-size: 160px 240px, 2px 80px; +} + +.device-button[selected] { + background-position: right -85px, top left; +} + +.help-button { + border-bottom: 0; + background-image: url('chrome://browser/skin/devtools/app-manager/index-icons.svg'); + background-position: left -165px, top left; + background-repeat: no-repeat, no-repeat; + background-size: 160px 240px, 2px 80px; +} + +.help-button[selected] { + background-position: right -165px, top left; +} + +#connection-footer { + border-width: 0; + height: 50px; + min-height: 50px; +} diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/noise.png b/arc-firefox-theme/chrome/browser/devtools/app-manager/noise.png Binary files differnew file mode 100644 index 0000000..b3c42ac --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/noise.png diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/plus.svg b/arc-firefox-theme/chrome/browser/devtools/app-manager/plus.svg new file mode 100644 index 0000000..10e8d2b --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/plus.svg @@ -0,0 +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" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64"> + <path fill="#ABABAB" d="M32.336,3.894c-15.74,0-28.5,12.76-28.5,28.5s12.76,28.5,28.5,28.5s28.5-12.76,28.5-28.5 + S48.076,3.894,32.336,3.894z M44.86,36.966h-7.823v7.62c0,2.582-2.12,4.702-4.702,4.702c-2.584,0-4.704-2.12-4.704-4.702v-7.62 + h-7.817c-2.52,0-4.572-2.056-4.572-4.572s2.053-4.572,4.572-4.572h7.817v-7.62c0-2.582,2.12-4.702,4.704-4.702 + c2.582,0,4.702,2.12,4.702,4.702v7.62h7.823c2.514,0,4.57,2.056,4.57,4.572S47.374,36.966,44.86,36.966z"/> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/projects.css b/arc-firefox-theme/chrome/browser/devtools/app-manager/projects.css new file mode 100644 index 0000000..98b2289 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/projects.css @@ -0,0 +1,556 @@ +/* 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/. */ + +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-size: 0.9rem; +} + +html, body { + height: 100%; +} + +template { + display: none; +} + +body { + display: flex; + color: #333; + background-color: white; + font-family: Lucida Grande, Helvetica, Helvetica Neue, sans-serif; + overflow: hidden; +} + +body:not(.connected) button.device-action { + display: none; +} + +strong { + color: #111; +} + + +/********* SIDEBAR ***********/ + + + +#sidebar { + display: flex; + flex-direction: column; + flex: 0 0 350px; + overflow: hidden; + z-index: 100; + background-color: #E9EAEB; + position: relative; + box-shadow: 3px 0 1.5px rgba(0,0,0,0.08); +} + +#project-list { + height: 100%; + overflow: auto; +} + +#project-list:not([projects-count="0"]) > #no-project { + display: none; +} + +#no-project { + padding: 100px 20px 0; + font-weight: bold; + color: #BBB; + font-size: 22px; +} + + +/********* PROJECT MENU ***********/ + + +.project-item { + padding: 10px 0; + background-color: #F0F1F2; + box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); + color: #666; + line-height: 120%; + cursor: pointer; + display: flex; + position: relative; +} + +.project-item:hover { + background-color: #EEE; +} + +.project-item > * { + flex-shrink: 0; +} + +.project-item.selected { + background-color: #46AFE3; +} + +.project-item.selected strong { + color: #FFF; +} + +.project-item.selected p, +.project-item.selected span { + color: #C1DCF0; +} + +.button-remove { + background-image: url('remove.svg'); + background-size: 20px; + width: 20px; + height: 20px; + position: absolute; + right: 5px; + bottom: 5px; + visibility: hidden; + opacity: 0.5; +} + +.project-item:hover .button-remove { + visibility: visible; +} + +.project-item-status { + width: 6px; + margin: -10px 0; + border-right: 1px solid rgba(0,0,0,0.1); + box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.2), inset 0 -1px 0 0 rgba(0,0,0,0.2); +} + +.project-item-status[status="valid"] { + background-color: #70BF53; +} + +.project-item-status[status~="warning"] { + background-color: #F2B33F; +} + +.project-item-status[status~="error"] { + background-color: #ED4C62; +} + +.project-item-icon { + width: 32px; + height: 32px; + margin: 0 10px; +} + +.project-item-meta { + flex-grow: 1; + flex-shrink: 1 !important; +} + +.project-item-type { + font-size: 10px; + line-height: 20px; + float: right; + padding-right: 10px; + color: #7597B9; + text-transform: uppercase; +} + +.project-item-description { + color: #888; + font-size: 90%; +} + +/********* ADD PROJECT ***********/ + +#new-packaged-project { + box-shadow: 0 -1px 5px rgba(0,0,0,0.1); + background-position: calc(100% - 10px) 10px; +} + +#new-packaged-project, +#new-hosted-project { + background-color: #EEE; + border: none; + border-top: 1px solid #DDD; + padding: 10px; + font-weight: bold; +} + +#new-packaged-project:hover, +#new-hosted-project:hover { + background-color: #DDD; +} + +#new-hosted-project-wrapper { + display: flex; + align-items: center; +} + +#new-packaged-project, +#new-hosted-project-click { + background-image: url('plus.svg'); + background-size: 20px; + background-repeat: no-repeat; + cursor: pointer; +} + +#new-hosted-project-click { + background-position: top right; + width: 20px; + height: 20px; + margin-left: 5px; +} + +#url-input { + flex-grow: 1; + width: 90%; + box-shadow: none; + border-radius: 3px; + border: 1px solid #DDD; + padding: 4px; + margin-top: 4px; +} + + +/********* LENSE ***********/ + + +#lense { + height: 100%; + flex-grow: 1; + display: flex; + z-index: 1; + overflow: hidden; + background-color: rgb(225, 225, 225); + background-image: url('rocket.svg'), url('noise.png'); + background-repeat: no-repeat, repeat; + background-size: 35%, auto; + background-position: center center, top left; +} + +#lense > div { + display: flex; + flex-grow: 1; + flex-direction: column; +} + + +/********* PROJECT ***********/ + + +.project-details { + background-color: rgb(225, 225, 225); + padding: 10px; + line-height: 160%; + display: flex; + flex-direction: column; +} + +.project-metadata { + flex-grow: 1; +} + +.project-status { + display: flex; +} + +.project-title { + flex-direction: row; + display: flex; + align-items: flex-start; + padding-bottom: 10px; + border-bottom: 1px solid #CCC; + margin-bottom: 10px; +} + +.project-title > h1 { + flex-grow: 1; + font-size: 24px; +} + +.project-location { + color: gray; + font-size: 10px; + cursor: pointer; + font-family: monospace; +} + +.project-location:hover { + text-decoration: underline; +} + +.project-header { + display: flex; + border-bottom: 1px solid #CCC; + margin: 10px 20px 10px 20px; + padding-bottom: 10px; +} + +.project-icon { + flex-shrink: 0; + width: 64px; + height: 64px; + margin-right: 10px; +} + +.project-location { + font-size: 11px; + color: #999; +} + +.project-description { + font-style: italic; + color: #333; +} + +.project-status > p { + text-transform: uppercase; + font-size: 10px; + padding: 2px 10px; + border-radius: 2px; + margin-top: 6px; + line-height: 10px; +} + +.project-validation { + color: #FFF; + display: none; + margin-left: 10px; +} + +.project-validation.valid { + background-color: #70BF53; +} + +.project-validation.warning { + background-color: #F2B33F; +} + +.project-validation.error { + background-color: #ED4C62; +} + +[status="valid"] > .project-validation.valid, +[status~="warning"] > .project-validation.warning, +[status~="error"] > .project-validation.error { + display: inline; +} + +.project-type { + display: none; + margin-left: 10px; +} +[type="hosted"] > .project-type.hosted, +[type="packaged"] > .project-type.packaged { + display: inline; +} + +/********* PROJECT BUTTONS ***********/ + + + +.project-buttons { + display: flex; + margin-left: 20px; + color: #BBB; +} + +.project-buttons > button { + margin: 0; + font-size: 11px; + border: 1px solid #CCC; + border-left-width: 0; + padding: 5px 15px; + cursor: pointer; + background: rgba(255,255,255,0.4); + text-transform: uppercase; +} + +.project-buttons > button[disabled] { + background-color: transparent; + opacity: 0.4; + pointer-events: none; +} + +.project-buttons > button:first-child { + border-left-width: 1px; +} + +.project-button-debug { + color: #3498DB; +} + +.project-button-debug:hover { + background-color: #3498DB; + color: #FFF; +} + +.project-button-debug[disabled] { + color: #3498DB; +} + +.project-button-update { + color: #777; +} + +.project-button-update:hover { + background-color: #777; + color: #FFF; +} + +.project-button-update[disabled] { + color: #777; +} + + + +/********* ERRORS AND WARNINGS ***********/ + +.project-warnings, +.project-errors, +.project-item-warnings, +.project-item-errors { + display: none; +} + +[status~="warning"] .project-item-warnings, +[status~="error"] .project-item-errors { + display: inline-block; +} + +[status~="warning"] > .project-warnings, +[status~="error"] > .project-errors { + display: block; +} + +.project-warnings, +.project-errors { + margin: 20px 20px 0; + padding: 10px 10px; + font-family: monospace; +} + +.project-warnings { + border-left: 3px solid #ECB51E; + background-color: rgba(236, 181, 20, 0.1); +} + +.project-errors { + border-left: 3px solid #ED4C62; + background-color: rgba(237,76,98,0.1); +} + +.project-item-warnings { + background-image: url('warning.svg'); +} + +.project-item-errors { + background-image: url('error.svg'); + color: rgb(227, 79, 34); +} + +.project-item-warnings, +.project-item-errors { + background-repeat: no-repeat; + background-size: 12px; + background-position: left center; + margin-top: 6px; +} + +.project-item-warnings > span, +.project-item-errors > span { + font-size: 11px; + padding-left: 16px; + font-weight: bold; +} + + +/********* MANIFEST EDITOR ***********/ + +.manifest-editor { + display: flex; + flex-direction: column; + flex-grow: 1; + background-color: #E1E1E1; +} + +.manifest-header { + display: flex; + flex-direction: row; +} + +.manifest-header > h2 { + font-size: 18px; + margin: 1em 15px 1em 30px; + display: none; +} + +.manifest-header > button { + margin: 18px 0; + font-size: 11px; + border: 1px solid #CCC; + border-right-width: 0; + padding: 2px; + cursor: pointer; + background: rgba(255,255,255,0.4); + text-transform: uppercase; + display: none; +} + +.manifest-header > button[disabled] { + background-color: transparent; + opacity: 0.4; + pointer-events: none; +} + +.manifest-header > button:last-child { + border-right-width: 1px; +} + +[type="packaged"] > .editable { + display: block; +} + +[type="hosted"] > .viewable { + display: block; +} + +.manifest-button-save { + color: #777; +} + +.manifest-button-save:hover { + background-color: #777; + color: #FFF; +} + +.manifest-button-save[disabled] { + color: #777; +} + +.variables-view { + flex-grow: 1; + border: 0; + border-top: 5px solid #C9C9C9; +} + +/* Bug 925921: Remove when the manifest editor is always on */ + +.manifest-editor { + display: none; +} + +.project-details { + flex-grow: 1; +} + +#lense[manifest-editable] .manifest-editor { + display: flex; +} + +#lense[manifest-editable] .project-details { + flex-grow: 0; +} + +/* End blocks to remove */ diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/remove.svg b/arc-firefox-theme/chrome/browser/devtools/app-manager/remove.svg new file mode 100644 index 0000000..3d36871 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/remove.svg @@ -0,0 +1,10 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> + +<!-- 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" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64"> +<path d="m 12.183457,12.241457 c -11.129861,11.12986 -11.129861,29.175226 0,40.305086 11.12986,11.129861 29.175226,11.129861 40.305086,0 11.129861,-11.12986 11.129861,-29.175226 0,-40.305086 -11.12986,-11.129861 -29.175226,-11.129861 -40.305086,0 z m 32.241241,14.52963 -5.531697,5.531696 5.388154,5.388154 c 1.82575,1.82575 1.82575,4.823882 0,6.649632 -1.827164,1.827164 -4.825297,1.827164 -6.651047,0.0014 l -5.388153,-5.388153 -5.527454,5.527453 c -1.781909,1.781909 -4.686704,1.779081 -6.465784,0 -1.779081,-1.77908 -1.781202,-4.684582 0,-6.465784 l 5.527453,-5.527454 -5.388153,-5.388153 c -1.82575,-1.82575 -1.82575,-4.823883 0.0014,-6.651047 1.82575,-1.82575 4.823882,-1.82575 6.649632,0 l 5.388154,5.388154 5.531696,-5.531697 c 1.777667,-1.777666 4.68529,-1.777666 6.46437,0.0014 1.779081,1.77908 1.779081,4.686703 0.0014,6.46437 z" + style="fill:#FF6B00" /> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/rocket.svg b/arc-firefox-theme/chrome/browser/devtools/app-manager/rocket.svg new file mode 100644 index 0000000..95c42a4 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/rocket.svg @@ -0,0 +1,30 @@ +<?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" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> + <g opacity="0.1"> + <g> + <path fill="#FFFFFF" d="M12,2.3c-1.127,0-3.333,3.721-4.084,7.411l-2.535,2.535v6.619l1.767,0l2.464-2.464 + c0.252,0.264,0.529,0.486,0.827,0.662h3.118c0.299-0.175,0.579-0.397,0.831-0.662l2.464,2.464l1.767,0v-6.619l-2.535-2.535 + C15.333,6.021,13.127,2.3,12,2.3z M12.003,6.181c0.393,0,1.084,1.103,1.515,2.423c-0.466-0.087-0.963-0.135-1.481-0.135 + c-0.545,0-1.066,0.054-1.553,0.15C10.914,7.292,11.608,6.181,12.003,6.181z"/> + <path fill="#FFFFFF" d="M12.792,18.755c0,0.778-0.603,1.408-0.805,1.408c-0.201,0-0.805-0.631-0.805-1.408 + c0-0.301,0.055-0.579,0.147-0.809h-0.932c-0.109,0.403-0.171,0.854-0.171,1.33c0,1.714,1.33,3.104,1.774,3.104 + s1.774-1.389,1.774-3.103c0-0.477-0.062-0.927-0.171-1.331l-0.957,0C12.738,18.175,12.792,18.453,12.792,18.755z"/> + </g> + <g> + <g> + <path fill="#414042" d="M12,2c-1.127,0-3.333,3.721-4.084,7.411l-2.535,2.535v6.619l1.767,0l2.464-2.464 + c0.252,0.264,0.529,0.486,0.827,0.662h3.118c0.299-0.175,0.579-0.397,0.831-0.662l2.464,2.464l1.767,0v-6.619l-2.535-2.535 + C15.333,5.721,13.127,2,12,2z M12.003,5.881c0.393,0,1.084,1.103,1.515,2.423c-0.466-0.087-0.963-0.135-1.481-0.135 + c-0.545,0-1.066,0.054-1.553,0.15C10.914,6.992,11.608,5.881,12.003,5.881z"/> + <path fill="#414042" d="M12.792,18.455c0,0.778-0.603,1.408-0.805,1.408c-0.201,0-0.805-0.631-0.805-1.408 + c0-0.301,0.055-0.579,0.147-0.809h-0.932c-0.109,0.403-0.171,0.854-0.171,1.33c0,1.714,1.33,3.104,1.774,3.104 + s1.774-1.389,1.774-3.103c0-0.477-0.062-0.927-0.171-1.331l-0.957,0C12.738,17.875,12.792,18.153,12.792,18.455z"/> + </g> + </g> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/warning.svg b/arc-firefox-theme/chrome/browser/devtools/app-manager/warning.svg new file mode 100644 index 0000000..89e7c6f --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/warning.svg @@ -0,0 +1,13 @@ +<?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" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64"> + <path fill="#ECB51F" d="M61.689,51.121L36.437,7.384c-2.441-4.227-6.434-4.227-8.875,0L2.311,51.121 + c-2.441,4.227-0.444,7.686,4.437,7.686h50.504C62.133,58.807,64.13,55.349,61.689,51.121z M35.968,47.68 + c0,2.191-1.688,3.877-3.968,3.877s-3.968-1.686-3.968-3.877v-0.093c0-2.187,1.688-3.873,3.968-3.873s3.968,1.686,3.968,3.873V47.68z + M36.059,21.548l-1.961,17.146c-0.137,1.233-0.958,2.009-2.098,2.009s-1.961-0.776-2.098-2.009l-1.961-17.146 + c-0.137-1.322,0.592-2.325,1.825-2.325h4.469C35.466,19.223,36.196,20.226,36.059,21.548z"/> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/arrow-e.png b/arc-firefox-theme/chrome/browser/devtools/arrow-e.png Binary files differnew file mode 100644 index 0000000..cfa950a --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/arrow-e.png diff --git a/arc-firefox-theme/chrome/browser/devtools/arrow-e@2x.png b/arc-firefox-theme/chrome/browser/devtools/arrow-e@2x.png Binary files differnew file mode 100644 index 0000000..c628ca0 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/arrow-e@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/breadcrumbs-divider@2x.png b/arc-firefox-theme/chrome/browser/devtools/breadcrumbs-divider@2x.png Binary files differnew file mode 100644 index 0000000..9ce5dd7 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/breadcrumbs-divider@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/breadcrumbs-scrollbutton.png b/arc-firefox-theme/chrome/browser/devtools/breadcrumbs-scrollbutton.png Binary files differnew file mode 100644 index 0000000..5f28c8b --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/breadcrumbs-scrollbutton.png diff --git a/arc-firefox-theme/chrome/browser/devtools/breadcrumbs-scrollbutton@2x.png b/arc-firefox-theme/chrome/browser/devtools/breadcrumbs-scrollbutton@2x.png Binary files differnew file mode 100644 index 0000000..22c3c86 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/breadcrumbs-scrollbutton@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/canvasdebugger.css b/arc-firefox-theme/chrome/browser/devtools/canvasdebugger.css new file mode 100644 index 0000000..69e847c --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/canvasdebugger.css @@ -0,0 +1,451 @@ +/* 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/. */ + +/* 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/. */ + + +/* Reload and waiting notices */ + +.notice-container { + margin-top: -50vh; + background-color: var(--theme-toolbar-background); + color: var(--theme-body-color-alt); +} + +#empty-notice > button { + min-width: 30px; + min-height: 28px; + margin: 0; + list-style-image: url(profiler-stopwatch.svg); +} + +#empty-notice > button .button-text { + display: none; +} + +#waiting-notice { + font-size: 110%; +} + +/* Snapshots pane */ + +#snapshots-pane > tabs { + -moz-border-end: 1px solid; +} + +#snapshots-pane .devtools-toolbar { + -moz-border-end: 1px solid; +} + +.theme-dark #snapshots-pane > tabs, +.theme-dark #snapshots-pane .devtools-toolbar { + -moz-border-end-color: black; /* Match the splitter color. */ +} + +.theme-light #snapshots-pane > tabs, +.theme-light #snapshots-pane .devtools-toolbar { + -moz-border-end-color: #aaa; /* Match the splitter color. */ +} + +#record-snapshot { + list-style-image: url("chrome://browser/skin/devtools/profiler-stopwatch.svg"); +} + +#record-snapshot[checked] { + list-style-image: url("chrome://browser/skin/devtools/profiler-stopwatch-checked.svg"); +} + +/* Snapshots items */ + +.snapshot-item-thumbnail { + image-rendering: -moz-crisp-edges; + background-image: linear-gradient(45deg, rgba(128,128,128,0.2) 25%, transparent 25%, transparent 75%, rgba(128,128,128,0.2) 75%, rgba(128,128,128,0.2)), linear-gradient(45deg, rgba(128,128,128,0.2) 25%, transparent 25%, transparent 75%, rgba(128,128,128,0.2) 75%, rgba(128,128,128,0.2)); + background-size: 12px 12px, 12px 12px; + background-position: 0px 0px, 6px 6px; + background-repeat: repeat, repeat; +} + +.snapshot-item-thumbnail[flipped=true] { + transform: scaleY(-1); +} + +.theme-dark .snapshot-item-thumbnail { + background-color: #000; +} + +.theme-light .snapshot-item-thumbnail { + background-color: #fff; +} + +.snapshot-item-details { + -moz-padding-start: 6px; +} + +.snapshot-item-calls { + padding-top: 4px; + font-size: 80%; +} + +.snapshot-item-save { + padding-bottom: 2px; + font-size: 90%; +} + +.snapshot-item-calls, +.snapshot-item-save { + color: var(--theme-body-color-alt); +} + +.snapshot-item-save { + text-decoration: underline; + cursor: pointer; +} + +.snapshot-item-save[disabled=true] { + text-decoration: none; + pointer-events: none; +} + +.snapshot-item-footer.devtools-throbber::before { + margin-top: -2px; +} + +#snapshots-list .selected label { + /* Text inside a selected item should not be custom colored. */ + color: inherit !important; +} + +/* Debugging pane controls */ + +#debugging-controls .devtools-toolbarbutton > .toolbarbutton-icon { + width: 16px; + height: 16px; +} + +#resume { + list-style-image: url(debugger-play.png); + -moz-image-region: rect(0px,32px,16px,16px); +} + +#step-over { + list-style-image: url(debugger-step-over.png); +} + +#step-in { + list-style-image: url(debugger-step-in.png); +} + +#step-out { + list-style-image: url(debugger-step-out.png); +} + +@media (min-resolution: 1.25dppx) { + #resume { + list-style-image: url(debugger-play@2x.png); + -moz-image-region: rect(0px,64px,32px,32px); + } + + #step-over { + list-style-image: url(debugger-step-over@2x.png); + } + + #step-in { + list-style-image: url(debugger-step-in@2x.png); + } + + #step-out { + list-style-image: url(debugger-step-out@2x.png); + } +} + +#debugging-controls > toolbarbutton { + transition: opacity 0.15s ease-in-out; +} + +#debugging-controls > toolbarbutton[disabled=true] { + opacity: 0.5; +} + +#calls-slider { + -moz-padding-end: 24px; +} + +#calls-slider .scale-slider { + margin: 0; +} + +#debugging-toolbar-sizer-button { + /* This button's only purpose in life is to make the + container .devtools-toolbar have the right height. */ + visibility: hidden; + min-width: 1px; +} + +/* Calls list pane */ + +#calls-list .side-menu-widget-container { + background: transparent; +} + +#calls-list .side-menu-widget-item { + padding: 0; +} + +/* Calls list items */ + +.theme-dark #calls-list .side-menu-widget-item { + border-color: #111; + border-bottom-color: transparent; +} + +.theme-light #calls-list .side-menu-widget-item { + border-color: #eee; + border-bottom-color: transparent; +} + +.theme-dark .call-item-view:hover { + background-color: rgba(255,255,255,.025); +} + +.theme-light .call-item-view:hover { + background-color: rgba(0,0,0,.025); +} + +.theme-dark .call-item-view[draw-call] { + background-color: rgba(112,191,83,0.15); +} + +.theme-light .call-item-view[draw-call] { + background-color: rgba(44,187,15,0.1); +} + +.theme-dark .call-item-view[interesting-call] { + background-color: rgba(223,128,255,0.15); +} + +.theme-light .call-item-view[interesting-call] { + background-color: rgba(184,46,229,0.1); +} + +.call-item-gutter { + width: calc(3em + 22px); + -moz-padding-start: 22px; + -moz-padding-end: 4px; + padding-top: 2px; + padding-bottom: 2px; + -moz-border-end: 1px solid; + -moz-margin-end: 6px; +} + +.selected .call-item-gutter { + background-image: url("editor-debug-location.png"); + background-repeat: no-repeat; + background-position: 6px center; + background-size: 12px; +} + +@media (min-resolution: 1.25dppx) { + .selected .call-item-gutter { + background-image: url("editor-debug-location@2x.png"); + } +} + +.call-item-gutter { + background-color: var(--theme-sidebar-background); + color: var(--theme-content-color3); + border-color: var(--theme-splitter-color); +} + +.call-item-index { + text-align: end; +} + +.call-item-context { + color: var(--theme-highlight-orange); +} + +.call-item-name { + color: var(--theme-highlight-blue); +} + +.call-item-location { + -moz-padding-start: 2px; + -moz-padding-end: 6px; + text-align: end; + cursor: pointer; + color: var(--theme-highlight-bluegrey); +} + +.call-item-location:hover { + color: var(--theme-highlight-blue); +} + +.call-item-view:hover .call-item-location, +.call-item-view[expanded] .call-item-location { + text-decoration: underline; +} + +.theme-dark .call-item-location { + border-color: #111; +} + +.theme-light .call-item-location { + border-color: #eee; +} + +.call-item-stack { + -moz-padding-start: calc(3em + 22px); + padding-bottom: 10px; +} + +.theme-dark .call-item-stack { + background: rgba(0,0,0,0.9); +} + +.theme-light .call-item-stack { + background: rgba(255,255,255,0.9); +} + +.call-item-stack-fn { + padding-top: 2px; + padding-bottom: 2px; +} + +.call-item-stack-fn-location { + -moz-padding-start: 2px; + -moz-padding-end: 6px; + text-align: end; + cursor: pointer; + text-decoration: underline; +} + +.call-item-stack-fn-name { + color: var(--theme-content-color3); +} + +.call-item-stack-fn-location { + color: var(--theme-highlight-bluegrey); +} + +.call-item-stack-fn-location:hover { + color: var(--theme-highlight-blue); +} + +#calls-list .selected .call-item-contents > label:not(.call-item-gutter) { + /* Text inside a selected item should not be custom colored. */ + color: inherit !important; +} + +/* Rendering preview */ + +#screenshot-container { + background-image: linear-gradient(45deg, rgba(128,128,128,0.2) 25%, transparent 25%, transparent 75%, rgba(128,128,128,0.2) 75%, rgba(128,128,128,0.2)), linear-gradient(45deg, rgba(128,128,128,0.2) 25%, transparent 25%, transparent 75%, rgba(128,128,128,0.2) 75%, rgba(128,128,128,0.2)); + background-size: 30px 30px, 30px 30px; + background-position: 0px 0px, 15px 15px; + background-repeat: repeat, repeat; +} + +.theme-dark #screenshot-container { + background-color: #000; +} + +.theme-light #screenshot-container { + background-color: #fff; +} + +@media (min-width: 701px) { + #screenshot-container { + width: 30vw; + max-width: 50vw; + min-width: 100px; + } +} + +@media (max-width: 700px) { + #screenshot-container { + height: 40vh; + max-height: 70vh; + min-height: 100px; + } +} + +#screenshot-image { + background-image: -moz-element(#screenshot-rendering); + background-size: contain; + background-position: center, center; + background-repeat: no-repeat; +} + +#screenshot-image[flipped=true] { + transform: scaleY(-1); +} + +#screenshot-dimensions { + padding-top: 4px; + padding-bottom: 4px; + text-align: center; +} + +.theme-dark #screenshot-dimensions { + background-color: rgba(0,0,0,0.4); +} + +.theme-light #screenshot-dimensions { + background-color: rgba(255,255,255,0.8); +} + +/* Snapshot filmstrip */ + +#snapshot-filmstrip { + overflow: hidden; +} + +.theme-dark #snapshot-filmstrip { + border-top: 1px solid #000; + color: var(--theme-selection-color); +} + +.theme-light #snapshot-filmstrip { + border-top: 1px solid #aaa; + color: var(--theme-body-color-alt); +} + +.filmstrip-thumbnail { + image-rendering: -moz-crisp-edges; + background-image: linear-gradient(45deg, rgba(128,128,128,0.2) 25%, transparent 25%, transparent 75%, rgba(128,128,128,0.2) 75%, rgba(128,128,128,0.2)), linear-gradient(45deg, rgba(128,128,128,0.2) 25%, transparent 25%, transparent 75%, rgba(128,128,128,0.2) 75%, rgba(128,128,128,0.2)); + background-size: 12px 12px, 12px 12px; + background-position: 0px -1px, 6px 5px; + background-repeat: repeat, repeat; + background-origin: content-box; + cursor: pointer; + padding-top: 1px; + padding-bottom: 1px; + transition: opacity 0.1s ease-in-out; +} + +.filmstrip-thumbnail[flipped=true] { + transform: scaleY(-1); +} + +.theme-dark .filmstrip-thumbnail { + background-color: #000; +} + +.theme-light .filmstrip-thumbnail { + background-color: #fff; +} + +.filmstrip-thumbnail { + -moz-border-end: 1px solid var(--theme-splitter-color) +} + +#snapshot-filmstrip > .filmstrip-thumbnail:hover, +#snapshot-filmstrip:not(:hover) > .filmstrip-thumbnail[highlighted] { + border: 1px solid var(--theme-highlight-blue); + margin: 0 0 0 -1px; + padding: 0; + opacity: 0.66; +} diff --git a/arc-firefox-theme/chrome/browser/devtools/close.png b/arc-firefox-theme/chrome/browser/devtools/close.png Binary files differnew file mode 100644 index 0000000..b539412 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/close.png diff --git a/arc-firefox-theme/chrome/browser/devtools/close@2x.png b/arc-firefox-theme/chrome/browser/devtools/close@2x.png Binary files differnew file mode 100644 index 0000000..79ef6ce --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/close@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/command-console.png b/arc-firefox-theme/chrome/browser/devtools/command-console.png Binary files differnew file mode 100644 index 0000000..5c3740e --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/command-console.png diff --git a/arc-firefox-theme/chrome/browser/devtools/command-console@2x.png b/arc-firefox-theme/chrome/browser/devtools/command-console@2x.png Binary files differnew file mode 100644 index 0000000..00bdc35 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/command-console@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/command-eyedropper.png b/arc-firefox-theme/chrome/browser/devtools/command-eyedropper.png Binary files differnew file mode 100644 index 0000000..a96b8eb --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/command-eyedropper.png diff --git a/arc-firefox-theme/chrome/browser/devtools/command-eyedropper@2x.png b/arc-firefox-theme/chrome/browser/devtools/command-eyedropper@2x.png Binary files differnew file mode 100644 index 0000000..edfe4c1 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/command-eyedropper@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/command-frames.png b/arc-firefox-theme/chrome/browser/devtools/command-frames.png Binary files differnew file mode 100755 index 0000000..5c37ccb --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/command-frames.png diff --git a/arc-firefox-theme/chrome/browser/devtools/command-frames@2x.png b/arc-firefox-theme/chrome/browser/devtools/command-frames@2x.png Binary files differnew file mode 100755 index 0000000..84b37d3 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/command-frames@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/command-paintflashing.png b/arc-firefox-theme/chrome/browser/devtools/command-paintflashing.png Binary files differnew file mode 100644 index 0000000..244fb3c --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/command-paintflashing.png diff --git a/arc-firefox-theme/chrome/browser/devtools/command-paintflashing@2x.png b/arc-firefox-theme/chrome/browser/devtools/command-paintflashing@2x.png Binary files differnew file mode 100644 index 0000000..77435bf --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/command-paintflashing@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/command-pick.png b/arc-firefox-theme/chrome/browser/devtools/command-pick.png Binary files differnew file mode 100644 index 0000000..37ce97c --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/command-pick.png diff --git a/arc-firefox-theme/chrome/browser/devtools/command-pick@2x.png b/arc-firefox-theme/chrome/browser/devtools/command-pick@2x.png Binary files differnew file mode 100644 index 0000000..88d739e --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/command-pick@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/command-responsivemode.png b/arc-firefox-theme/chrome/browser/devtools/command-responsivemode.png Binary files differnew file mode 100644 index 0000000..2cad915 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/command-responsivemode.png diff --git a/arc-firefox-theme/chrome/browser/devtools/command-responsivemode@2x.png b/arc-firefox-theme/chrome/browser/devtools/command-responsivemode@2x.png Binary files differnew file mode 100644 index 0000000..6fce404 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/command-responsivemode@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/command-rulers.png b/arc-firefox-theme/chrome/browser/devtools/command-rulers.png Binary files differnew file mode 100644 index 0000000..ae7c705 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/command-rulers.png diff --git a/arc-firefox-theme/chrome/browser/devtools/command-rulers@2x.png b/arc-firefox-theme/chrome/browser/devtools/command-rulers@2x.png Binary files differnew file mode 100644 index 0000000..8378959 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/command-rulers@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/command-scratchpad.png b/arc-firefox-theme/chrome/browser/devtools/command-scratchpad.png Binary files differnew file mode 100644 index 0000000..f9470b4 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/command-scratchpad.png diff --git a/arc-firefox-theme/chrome/browser/devtools/command-scratchpad@2x.png b/arc-firefox-theme/chrome/browser/devtools/command-scratchpad@2x.png Binary files differnew file mode 100644 index 0000000..ea5630f --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/command-scratchpad@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/command-screenshot.png b/arc-firefox-theme/chrome/browser/devtools/command-screenshot.png Binary files differnew file mode 100644 index 0000000..f6da8e9 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/command-screenshot.png diff --git a/arc-firefox-theme/chrome/browser/devtools/command-screenshot@2x.png b/arc-firefox-theme/chrome/browser/devtools/command-screenshot@2x.png Binary files differnew file mode 100644 index 0000000..b7cdced --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/command-screenshot@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/command-tilt.png b/arc-firefox-theme/chrome/browser/devtools/command-tilt.png Binary files differnew file mode 100644 index 0000000..6909b0a --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/command-tilt.png diff --git a/arc-firefox-theme/chrome/browser/devtools/command-tilt@2x.png b/arc-firefox-theme/chrome/browser/devtools/command-tilt@2x.png Binary files differnew file mode 100644 index 0000000..2c35d19 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/command-tilt@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/commandline-icon.png b/arc-firefox-theme/chrome/browser/devtools/commandline-icon.png Binary files differnew file mode 100644 index 0000000..e51f67f --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/commandline-icon.png diff --git a/arc-firefox-theme/chrome/browser/devtools/commandline-icon@2x.png b/arc-firefox-theme/chrome/browser/devtools/commandline-icon@2x.png Binary files differnew file mode 100644 index 0000000..407fdae --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/commandline-icon@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/commandline.css b/arc-firefox-theme/chrome/browser/devtools/commandline.css new file mode 100644 index 0000000..7666eed --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/commandline.css @@ -0,0 +1,172 @@ +/* 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/. */ + + +/* NOTE: THESE NEED TO STAY IN SYNC WITH LIGHT-THEME.CSS AND DARK-THEME.CSS. + We are copy/pasting variables from light-theme and dark-theme, + since they aren't loaded in this context (within commandlineoutput.xhtml + and commandlinetooltip.xhtml). */ +:root[devtoolstheme="light"] { + --gcli-background-color: #ebeced; /* --theme-tab-toolbar-background */ + --gcli-input-focused-background: #f7f7f7; /* --theme-sidebar-background */ + --gcli-input-color: #18191a; /* --theme-body-color */ + --gcli-border-color: #aaaaaa; /* --theme-splitter-color */ +} + +:root[devtoolstheme="dark"] { + --gcli-background-color: #343c45; /* --theme-toolbar-background */ + --gcli-input-focused-background: #252c33; /* --theme-tab-toolbar-background */ + --gcli-input-color: #b6babf; /* --theme-body-color-alt */ + --gcli-border-color: black; /* --theme-splitter-color */ +} + +.gcli-body { + margin: 0; + font: message-box; + color: var(--gcli-input-color); +} + +#gcli-output-root, +#gcli-tooltip-root { + border: 1px solid var(--gcli-border-color); + border-radius: 3px; + background-color: var(--gcli-background-color); +} + +#gcli-output-root { + padding: 5px 10px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border-bottom: 0; +} + +#gcli-tooltip-root { + padding: 5px 0px; +} + +#gcli-tooltip-connector { + margin-top: -1px; + margin-left: 8px; + width: 20px; + height: 10px; + border-left: 1px solid var(--gcli-border-color); + border-right: 1px solid var(--gcli-border-color); + background-color: var(--gcli-background-color); +} + +.gcli-tt-description, +.gcli-tt-error { + padding: 0 10px; +} + +.gcli-row-out { + padding: 0 5px; + line-height: 1.2em; + border-top: none; + border-bottom: none; + color: var(--gcli-input-color); +} + +.gcli-row-out p, +.gcli-row-out h1, +.gcli-row-out h2, +.gcli-row-out h3 { + margin: 5px 0; +} + +.gcli-row-out h1, +.gcli-row-out h2, +.gcli-row-out h3, +.gcli-row-out h4, +.gcli-row-out h5, +.gcli-row-out th, +.gcli-row-out strong, +.gcli-row-out pre { + color: var(--gcli-input-color); +} + +.gcli-row-out pre { + font-size: 80%; +} + +.gcli-row-out td { + white-space: nowrap; +} + +.gcli-out-shortcut, +.gcli-help-synopsis { + padding: 0 3px; + margin: 0 4px; + font-weight: normal; + font-size: 90%; + border-radius: 3px; + background-color: var(--gcli-background-color); + border: 1px solid var(--gcli-border-color); +} + +.gcli-out-shortcut:before, +.gcli-help-synopsis:before { + color: var(--gcli-input-color); + -moz-padding-end: 2px; +} + +.gcli-help-arrow { + color: #666; +} + +.gcli-help-description { + margin: 0 20px; + padding: 0; +} + +.gcli-help-parameter { + margin: 0 30px; + padding: 0; +} + +.gcli-help-header { + margin: 10px 0 6px; +} + +.gcli-menu-name { + -moz-padding-start: 8px; +} + +.gcli-menu-desc { + -moz-padding-end: 8px; + color: var(--gcli-input-color); +} + +.gcli-menu-name:hover, +.gcli-menu-desc:hover { + background-color: var(--gcli-input-focused-background); +} + +.gcli-menu-highlight, +.gcli-menu-highlight:hover { + background-color: hsla(0,100%,100%,.1); +} + +.gcli-menu-typed { + color: hsl(25,78%,50%); +} + +.gcli-menu-more { + font-size: 80%; + text-align: end; + -moz-padding-end: 8px; +} + +.gcli-addon-disabled { + opacity: 0.6; + text-decoration: line-through; +} + +.gcli-breakpoint-label { + font-weight: bold; +} + +.gcli-breakpoint-lineText { + font-family: monospace; +} diff --git a/arc-firefox-theme/chrome/browser/devtools/common.css b/arc-firefox-theme/chrome/browser/devtools/common.css new file mode 100644 index 0000000..9cbb98d --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/common.css @@ -0,0 +1,264 @@ + +:root { + font: message-box; + --monospace-font-family: monospace; +} + +.devtools-monospace { + font-family: var(--monospace-font-family); + font-size: 80%; +} + +/* Splitters */ +.devtools-horizontal-splitter { + -moz-appearance: none; + background-image: none; + background-color: transparent; + border: 0; + border-bottom: 1px solid rgba(118, 121, 125, .5); + min-height: 3px; + height: 3px; + margin-top: -3px; + position: relative; +} + +.devtools-side-splitter { + -moz-appearance: none; + background-image: none; + background-color: transparent; + border: 0; + -moz-border-end: 1px solid rgba(118, 121, 125, .5); + min-width: 3px; + width: 3px; + -moz-margin-start: -3px; + position: relative; + cursor: e-resize; +} + +.devtools-toolbox-side-iframe { + min-width: 465px; +} + +/* Autocomplete Popup */ +/* Dark and light theme */ + +.devtools-autocomplete-popup { + -moz-appearance: none !important; + box-shadow: 0 1px 0 hsla(209,29%,72%,.25) inset; + background-color: transparent; + border-radius: 3px; + overflow-x: hidden; + max-height: 32rem; +} + +.devtools-autocomplete-listbox { + -moz-appearance: none !important; + background-color: transparent; + border-width: 0px !important; +} + +.devtools-autocomplete-listbox > richlistitem, +.devtools-autocomplete-listbox > richlistitem[selected] { + width: 100%; + background-color: transparent; + border-radius: 4px; +} + +.devtools-autocomplete-listbox.dark-theme > richlistitem[selected], +.devtools-autocomplete-listbox.dark-theme > richlistitem:hover { + background-color: rgba(0,0,0,0.5); +} + +.devtools-autocomplete-listbox.dark-theme > richlistitem[selected] > .autocomplete-value, +.devtools-autocomplete-listbox:focus.dark-theme > richlistitem[selected] > .initial-value { + color: hsl(208,100%,60%); +} + +.devtools-autocomplete-listbox.dark-theme > richlistitem[selected] > label { + color: #eee; +} + +.devtools-autocomplete-listbox.dark-theme > richlistitem > label { + color: #ccc; +} + +.devtools-autocomplete-listbox > richlistitem > .initial-value, +.devtools-autocomplete-listbox > richlistitem > .autocomplete-value { + margin: 0; + padding: 1px 0; +} + +.devtools-autocomplete-listbox > richlistitem > .autocomplete-count { + text-align: end; +} + +/* Rest of the dark and light theme */ + +.devtools-autocomplete-popup, +.theme-dark .CodeMirror-hints, +.theme-dark .CodeMirror-Tern-tooltip { + border: 1px solid hsl(210,11%,10%); + background-image: linear-gradient(to bottom, hsla(209,18%,18%,0.9), hsl(210,11%,16%)); +} + +.devtools-autocomplete-popup.light-theme, +.light-theme .CodeMirror-hints, +.light-theme .CodeMirror-Tern-tooltip { + border: 1px solid hsl(210,24%,90%); + background-image: linear-gradient(to bottom, hsla(209,18%,100%,0.9), hsl(210,24%,95%)); +} + +.devtools-autocomplete-popup.light-theme { + box-shadow: 0 1px 0 hsla(209,29%,90%,.25) inset; +} + +.devtools-autocomplete-listbox.light-theme > richlistitem[selected], +.devtools-autocomplete-listbox.light-theme > richlistitem:hover { + background-color: rgba(128,128,128,0.3); +} + +.devtools-autocomplete-listbox.light-theme > richlistitem[selected] > .autocomplete-value, +.devtools-autocomplete-listbox:focus.light-theme > richlistitem[selected] > .initial-value { + color: #222; +} + +.devtools-autocomplete-listbox.light-theme > richlistitem > label { + color: #666; +} + +/* Tooltip widget (see browser/devtools/shared/widgets/Tooltip.js) */ + +.devtools-tooltip .panel-arrowcontent { + padding: 4px; +} + +.devtools-tooltip .panel-arrowcontainer { + /* Reseting the transition used when panels are shown */ + transition: none; + /* Panels slide up/down/left/right when they appear using a transform. + Since we want to remove the transition, we don't need to transform anymore + plus it can interfeer by causing mouseleave events on the underlying nodes */ + transform: none; +} + +.devtools-tooltip[clamped-dimensions] { + min-height: 100px; + max-height: 400px; + min-width: 100px; + max-width: 400px; +} +.devtools-tooltip[clamped-dimensions-no-min-height] { + min-height: 0; + max-height: 400px; + min-width: 100px; + max-width: 400px; +} +.devtools-tooltip[clamped-dimensions-no-max-or-min-height] { + min-width: 400px; + max-width: 400px; +} +.devtools-tooltip[clamped-dimensions] .panel-arrowcontent, +.devtools-tooltip[clamped-dimensions-no-min-height] .panel-arrowcontent, +.devtools-tooltip[clamped-dimensions-no-max-or-min-height] .panel-arrowcontent { + overflow: hidden; +} +.devtools-tooltip[wide] { + max-width: 600px; +} + +/* Tooltip: Simple Text */ + +.devtools-tooltip-simple-text { + max-width: 400px; + margin: 0 -4px; /* Compensate for the .panel-arrowcontent padding. */ + padding: 8px 12px; + white-space: pre-wrap; +} + +.devtools-tooltip-simple-text:first-child { + margin-top: -4px; +} + +.devtools-tooltip-simple-text:last-child { + margin-bottom: -4px; +} + +/* Tooltip: Alert Icon */ + +.devtools-tooltip-alert-icon { + width: 32px; + height: 32px; + margin: 6px; + -moz-margin-end: 20px; +} + +.devtools-tooltip-alert-icon { + list-style-image: url("chrome://global/skin/icons/warning-32.png"); +} + +/* Tooltip: Variables View */ + +.devtools-tooltip-variables-view-box { + margin: -4px; /* Compensate for the .panel-arrowcontent padding. */ +} + +.devtools-tooltip-variables-view-box .variable-or-property > .title { + -moz-padding-end: 6px; +} + +/* Tooltip: Tiles */ + +.devtools-tooltip-tiles { + background-color: #eee; + background-image: linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc), + linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc); + background-size: 20px 20px; + background-position: 0 0, 10px 10px; +} + +.devtools-tooltip-iframe { + border: none; + background: transparent; +} + +/* Eyedropper Widget */ + +.devtools-eyedropper-panel { + pointer-events: none; + -moz-appearance: none; + width: 156px; + height: 120px; + background-color: transparent; + border: none; +} + +/* links to source code, like displaying `myfile.js:45` */ + +.devtools-source-link { + font-family: var(--monospace-font-family); + color: var(--theme-highlight-blue); + cursor: pointer; + white-space: nowrap; + display: flex; + text-decoration: none; + font-size: 11px; + width: 12em; /* probably should be changed for each tool */ +} + +.devtools-source-link:hover { + text-decoration: underline; +} + +.devtools-source-link > .filename { + text-overflow: ellipsis; + text-align: end; + overflow: hidden; + margin: 2px 0px; + cursor: pointer; +} + +.devtools-source-link > .line-number { + flex: none; + margin: 2px 0px; + cursor: pointer; +} diff --git a/arc-firefox-theme/chrome/browser/devtools/computedview.css b/arc-firefox-theme/chrome/browser/devtools/computedview.css new file mode 100644 index 0000000..b920d7b --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/computedview.css @@ -0,0 +1,208 @@ +/* vim:set ts=2 sw=2 sts=2 et: */ +/* 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/. */ + +/* From content */ + +* { + box-sizing: border-box; +} + +:root { + height: 100%; +} + +body { + margin: 0; + display : flex; + flex-direction: column; + height: 100%; +} + +#propertyContainer { + -moz-user-select: text; + overflow: auto; + min-height: 0; + flex: 1; +} + +.row-striped { + background: var(--theme-body-background); +} + +.property-view-hidden, +.property-content-hidden { + display: none; +} + +.property-view { + clear: both; + padding: 2px 0 2px 17px; +} + +.property-view > * { + display: inline-block; + vertical-align: middle; +} + +.property-name { + /* -12px is so the expander triangle isn't pushed up above the property */ + width: calc(100% - 12px); + overflow-x: hidden; + text-overflow: ellipsis; + white-space: nowrap; + outline: 0; +} + +.property-value, .other-property-value { + background-image: url(arrow-e.png); + background-repeat: no-repeat; + background-size: 5px 8px; +} + +@media (min-resolution: 1.25dppx) { + .property-value, .other-property-value { + background-image: url(arrow-e@2x.png); + } +} + +.property-value { + width: 100%; + overflow-x: hidden; + text-overflow: ellipsis; + white-space: nowrap; + background-position: 2px center; + padding-left: 10px; + outline: 0; +} + +.other-property-value { + background-position: left center; + padding-left: 8px; +} + +@media (min-width: 400px) { + .property-name { + width: 200px; + } + .property-value { + /* -212px is accounting for the 200px property-name and the 12px triangle */ + width: calc(100% - 212px); + } +} + +.property-content { + padding-left: 17px; +} + +/* From skin */ +.expander { + visibility: hidden; + margin-left: -12px!important; +} + +.expandable { + visibility: visible; +} + +.match { + visibility: hidden; +} + +.matchedselectors > p { + clear: both; + margin: 0 2px 0 0; + padding: 2px; + overflow-x: hidden; + border-style: dotted; + border-color: rgba(128,128,128,0.4); + border-width: 1px 1px 0 1px; +} + +.matchedselectors > p:last-of-type { + border-bottom-width: 1px; +} + +/* This rule is necessary because Templater.jsm breaks LTR TDs in RTL docs */ +.rule-text { + direction: ltr; +} + +.matched { + text-decoration: line-through; +} + +.parentmatch { + opacity: 0.5; +} + +#noResults { + font-size: 110%; + margin: 5px; + text-align: center; +} + +.onlyuserstyles { + cursor: pointer; +} + +.legendKey { + margin: 0 5px; +} + +#root .devtools-toolbar { + width: 100%; + display: -moz-box; +} + +.link { + padding: 0 3px; + cursor: pointer; + float: right; +} + +/* Take away these two :visited rules to get a core dumper */ +/* See https://bugzilla.mozilla.org/show_bug.cgi?id=575675#c30 */ + +.link, +.link:visited { + color: #0091ff; +} + +.link, +.helplink, +.link:visited, +.helplink:visited { + text-decoration: none; +} + +.link:hover { + text-decoration: underline; +} + +.computedview-colorswatch { + border-radius: 50%; + width: 1em; + height: 1em; + vertical-align: text-top; + -moz-margin-end: 5px; + display: inline-block; + position: relative; +} + +.computedview-colorswatch::before { + content: ''; + background-color: #eee; + background-image: linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc), + linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc); + background-size: 12px 12px; + background-position: 0 0, 6px 6px; + position: absolute; + border-radius: 50%; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: -1; +} diff --git a/arc-firefox-theme/chrome/browser/devtools/controls.png b/arc-firefox-theme/chrome/browser/devtools/controls.png Binary files differnew file mode 100644 index 0000000..569c266 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/controls.png diff --git a/arc-firefox-theme/chrome/browser/devtools/controls@2x.png b/arc-firefox-theme/chrome/browser/devtools/controls@2x.png Binary files differnew file mode 100644 index 0000000..fb06251 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/controls@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/cubic-bezier-swatch.png b/arc-firefox-theme/chrome/browser/devtools/cubic-bezier-swatch.png Binary files differnew file mode 100644 index 0000000..2dcb58a --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/cubic-bezier-swatch.png diff --git a/arc-firefox-theme/chrome/browser/devtools/cubic-bezier-swatch@2x.png b/arc-firefox-theme/chrome/browser/devtools/cubic-bezier-swatch@2x.png Binary files differnew file mode 100644 index 0000000..64dbef8 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/cubic-bezier-swatch@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/dark-theme.css b/arc-firefox-theme/chrome/browser/devtools/dark-theme.css new file mode 100644 index 0000000..4068fb0 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/dark-theme.css @@ -0,0 +1,1458 @@ +/* vim:set ts=2 sw=2 sts=2 et: */ +/* 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/. */ + +/* Colors are taken from: + * https://developer.mozilla.org/en-US/docs/Tools/DevToolsColors. + * Changes should be kept in sync with commandline.css and commandline.inc.css. + */ +:root { + --theme-body-background: #14171a; + --theme-sidebar-background: #181d20; + --theme-contrast-background: #b28025; + + --theme-tab-toolbar-background: #252c33; + --theme-toolbar-background: #343c45; + --theme-selection-background: #1d4f73; + --theme-selection-background-semitransparent: rgba(29, 79, 115, .5); + --theme-selection-color: #f5f7fa; + --theme-splitter-color: black; + --theme-comment: #757873; + + --theme-body-color: #8fa1b2; + --theme-body-color-alt: #b6babf; + --theme-content-color1: #a9bacb; + --theme-content-color2: #8fa1b2; + --theme-content-color3: #5f7387; + + --theme-highlight-green: #70bf53; + --theme-highlight-blue: #46afe3; + --theme-highlight-bluegrey: #5e88b0; + --theme-highlight-purple: #6b7abb; + --theme-highlight-lightorange: #d99b28; + --theme-highlight-orange: #d96629; + --theme-highlight-red: #eb5368; + --theme-highlight-pink: #df80ff; + + /* Colors used in Graphs, like performance tools. Mostly similar to some "highlight-*" colors. */ + --theme-graphs-green: #70bf53; + --theme-graphs-blue: #46afe3; + --theme-graphs-purple: #df80ff; + --theme-graphs-yellow: #d99b28; + --theme-graphs-red: #eb5368; + --theme-graphs-grey: #757873; +} + +.theme-body { + background: var(--theme-body-background); + color: var(--theme-body-color); +} + +.theme-sidebar { + background: var(--theme-sidebar-background); + color: var(--theme-content-color1); +} + +::-moz-selection { + background-color: var(--theme-selection-background); + color: var(--theme-selection-color); +} + +.theme-bg-darker { + background-color: var(--theme-selection-background-semitransparent); +} + +.theme-selected, +.CodeMirror-hint-active { + background-color: var(--theme-selection-background); + color: var(--theme-selection-color); +} + +.theme-bg-contrast, +.variable-or-property:not([overridden])[changed] { + background: var(--theme-contrast-background); +} + +.theme-link, +.cm-s-mozilla .cm-link { + color: var(--theme-highlight-blue); +} + +/* + * FIXME: http://bugzil.la/575675 CSS links without :visited set cause assertion + * failures in debug builds. + */ +.theme-link:visited, +.cm-s-mozilla .cm-link:visited, +.CodeMirror-Tern-type { + color: var(--theme-highlight-blue); +} + + +.theme-comment, +.cm-s-mozilla .cm-meta, +.cm-s-mozilla .cm-hr, +.cm-s-mozilla .cm-comment, +.variable-or-property .token-undefined, +.variable-or-property .token-null, +.CodeMirror-Tern-completion-unknown:before { + color: var(--theme-comment); +} + +.theme-gutter { + background-color: #0f171f; + color: var(--theme-content-color3); + border-color: #303b47; +} + +.theme-separator { /* grey */ + border-color: #303b47; +} + +.theme-fg-color1, +.cm-s-mozilla .cm-number, +.variable-or-property .token-number, +.variable-or-property[return] > .title > .name, +.variable-or-property[scope] > .title > .name { + color: var(--theme-highlight-green); +} + +.CodeMirror-Tern-completion-number:before { + background-color: #5c9966; +} + +.theme-fg-color2, +.cm-s-mozilla .cm-attribute, +.cm-s-mozilla .cm-variable, +.cm-s-mozilla .cm-def, +.cm-s-mozilla .cm-property, +.cm-s-mozilla .cm-qualifier, +.variables-view-variable > .title > .name { + color: var(--theme-highlight-blue); +} + +.CodeMirror-Tern-completion-object:before { + background-color: #3689b2; +} + +.cm-s-mozilla .cm-unused-line { + text-decoration: line-through; + text-decoration-color: #5f88b0; +} + +.cm-s-mozilla .cm-executed-line { + background-color: #133c26; +} + +.theme-fg-color3, +.cm-s-mozilla .cm-builtin, +.cm-s-mozilla .cm-tag, +.cm-s-mozilla .cm-header, +.cm-s-mozilla .cm-bracket, +.variables-view-property > .title > .name { + color: var(--theme-highlight-pink); +} + +.CodeMirror-Tern-completion-array:before { + background-color: var(--theme-highlight-bluegrey); +} + +.theme-fg-color4 { + color: var(--theme-highlight-purple); +} + +.theme-fg-color5, +.cm-s-mozilla .cm-keyword { + color: var(--theme-highlight-lightorange); +} + +.theme-fg-color6, +.cm-s-mozilla .cm-string, +.cm-s-mozilla .cm-string-2, +.variable-or-property .token-string, +.CodeMirror-Tern-farg { + color: var(--theme-highlight-orange); +} + +.CodeMirror-Tern-completion-string:before, +.CodeMirror-Tern-completion-fn:before { + background-color: #b26b47; +} + +.theme-fg-color7, +.cm-s-mozilla .cm-atom, +.cm-s-mozilla .cm-quote, +.cm-s-mozilla .cm-error, +.variable-or-property .token-boolean, +.variable-or-property .token-domnode, +.variable-or-property[exception] > .title > .name { + color: var(--theme-highlight-red); +} + +.CodeMirror-Tern-completion-bool:before { + background-color: #bf5656; +} + +.variable-or-property .token-domnode { + font-weight: bold; +} + +.theme-toolbar, +.devtools-toolbar, +.devtools-sidebar-tabs tabs, +.devtools-sidebar-alltabs, +.CodeMirror-dialog { /* General toolbar styling */ + color: var(--theme-body-color-alt); + background-color: var(--theme-toolbar-background); + border-color: hsla(210,8%,5%,.6); +} + +.theme-fg-contrast { /* To be used for text on theme-bg-contrast */ + color: black; +} + +.ruleview-swatch, +.computedview-colorswatch { + box-shadow: 0 0 0 1px #818181; +} + +/* CodeMirror specific styles. + * Best effort to match the existing theme, some of the colors + * are duplicated here to prevent weirdness in the main theme. */ + +.CodeMirror { /* Inherit platform specific font sizing and styles */ + font-family: inherit; + font-size: inherit; + background: transparent; +} + +.CodeMirror pre, +.cm-s-mozilla .cm-variable-2, +.cm-s-mozilla .cm-variable-3, +.cm-s-mozilla .cm-operator, +.cm-s-mozilla .cm-special { + color: var(--theme-content-color1); +} + +.cm-s-mozilla .CodeMirror-lines .CodeMirror-cursor { + border-left: solid 1px #fff; +} + +.cm-s-mozilla.CodeMirror-focused .CodeMirror-selected { /* selected text (focused) */ + background: rgb(185, 215, 253); +} + +.cm-s-mozilla .CodeMirror-selected { /* selected text (unfocused) */ + background: rgb(176, 176, 176); +} + +.cm-s-mozilla .CodeMirror-activeline-background { /* selected color with alpha */ + background: rgba(185, 215, 253, .15); +} + +div.cm-s-mozilla span.CodeMirror-matchingbracket { /* highlight brackets */ + outline: solid 1px rgba(255, 255, 255, .25); + color: white; +} + +/* Highlight for a line that contains an error. */ +div.CodeMirror div.error-line { + background: rgba(255,0,0,0.2); +} + +/* Highlight for a line that represents a stack frame's location. */ +div.CodeMirror div.debug-line { + background: rgba(0,128,255,0.1); + box-shadow: + 0 1px 0 0 rgba(0,128,255,0.4), + 0 -1px 0 0 rgba(0,128,255,0.4); +} + +/* Generic highlighted text */ +div.CodeMirror span.marked-text { + background: rgba(255,255,0,0.2); + border: 1px dashed rgba(192,192,0,0.6); + -moz-margin-start: -1px; + -moz-margin-end: -1px; +} + +/* Highlight for evaluating current statement. */ +div.CodeMirror span.eval-text { + background-color: #556; +} + +.cm-s-mozilla .CodeMirror-linenumber { /* line number text */ + color: var(--theme-content-color3); +} + +.cm-s-mozilla .CodeMirror-gutters { /* vertical line next to line numbers */ + border-right-color: var(--theme-toolbar-background); + background-color: var(--theme-sidebar-background); +} + +.cm-s-markup-view pre { + line-height: 1.4em; + min-height: 1.4em; +} + +/* Twisty and checkbox controls */ +.theme-twisty, .theme-checkbox { + width: 14px; + height: 14px; + background-repeat: no-repeat; + background-image: url("chrome://browser/skin/devtools/controls.png"); + background-size: 56px 28px; +} + +.theme-twisty { + cursor: pointer; + background-position: -28px -14px; +} + +.theme-twisty:-moz-focusring { + outline-style: none; +} + +.theme-twisty[open] { + background-position: -42px -14px; +} + +.theme-twisty[invisible] { + visibility: hidden; +} + +.theme-checkbox { + display: inline-block; + border: 0; + padding: 0; + outline: none; + background-position: -28px 0; +} + +.theme-checkbox[checked] { + background-position: -42px 0; +} + +@media (min-resolution: 1.25dppx) { + .theme-twisty, .theme-checkbox { + background-image: url("chrome://browser/skin/devtools/controls@2x.png"); + } +} + +/* XUL panel styling (see browser/devtools/shared/widgets/Tooltip.js) */ + +.theme-tooltip-panel .panel-arrowcontent { + padding: 5px; + background: rgba(19, 28, 38, .9); + border-radius: 5px; + box-shadow: none; + border: 3px solid #434850; +} + +/* Overring panel arrow images to fit with our light and dark themes */ + +.theme-tooltip-panel .panel-arrow[side="top"] { + list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-vertical-dark.png"); + margin-bottom: -4px; +} + +.theme-tooltip-panel .panel-arrow[side="bottom"] { + list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-vertical-dark.png"); + margin-top: -4px; +} + +.theme-tooltip-panel .panel-arrow[side="left"] { + list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-horizontal-dark.png"); + margin-right: -4px; +} + +.theme-tooltip-panel .panel-arrow[side="right"] { + list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-horizontal-dark.png"); + margin-left: -4px; +} + +@media (min-resolution: 1.25dppx) { + .theme-tooltip-panel .panel-arrow[side="top"], + .theme-tooltip-panel .panel-arrow[side="bottom"] { + list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-vertical-dark@2x.png"); + } + + .theme-tooltip-panel .panel-arrow[side="left"], + .theme-tooltip-panel .panel-arrow[side="right"] { + list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-horizontal-dark@2x.png"); + } +} + +.theme-tooltip-panel .devtools-tooltip-simple-text { + color: white; + border-bottom: 1px solid #434850; +} + +.theme-tooltip-panel .devtools-tooltip-simple-text:last-child { + border-bottom: 0; +} + +.devtools-textinput, +.devtools-searchinput { + background-color: rgba(24, 29, 32, 1); + color: rgba(184, 200, 217, 1); +} + +.CodeMirror-Tern-fname { + color: #f7f7f7; +} + +.CodeMirror-hints, +.CodeMirror-Tern-tooltip { + box-shadow: 0 0 4px rgba(255, 255, 255, .3); + background-color: #0f171f; + color: var(--theme-body-color); +} + + + +/* CSS Variables specific to the devtools toolbar that aren't defined by the themes */ +.theme-light { + --searchbox-background-color: #ffee99; + --searchbox-border-color: #ffbf00; + --searcbox-no-match-background-color: #ffe5e5; + --searcbox-no-match-border-color: #e52e2e; +} + +.theme-dark { + --searchbox-background-color: #4d4222; + --searchbox-border-color: #d99f2b; + --searcbox-no-match-background-color: #402325; + --searcbox-no-match-border-color: #cc3d3d; +} + +/* Toolbars */ +.devtools-toolbar, +.devtools-sidebar-tabs tabs { + -moz-appearance: none; + padding: 0; + border-width: 0; + border-bottom-width: 1px; + border-style: solid; + height: 24px; + line-height: 24px; + box-sizing: border-box; +} + +.devtools-toolbar { + padding: 0 3px; +} + +.devtools-toolbar checkbox { + margin: 0 2px; + padding: 0; + line-height: -moz-block-height; +} +.devtools-toolbar checkbox .checkbox-check { + margin: 0; + padding: 0; + vertical-align: bottom; +} +.devtools-toolbar checkbox .checkbox-label-box { + border: none !important; /* overrides .checkbox-label-box from checkbox.css */ +} +.devtools-toolbar checkbox .checkbox-label-box .checkbox-label { + margin: 0 6px !important; /* overrides .checkbox-label from checkbox.css */ + padding: 0; +} + +/* Toolbar buttons */ +.devtools-menulist, +.devtools-toolbarbutton { + -moz-appearance: none; + -moz-box-align: center; + background: transparent; + min-width: 78px; + min-height: 18px; + padding: 1px; + text-shadow: none; + border: none; + border-radius: 0; + margin: 2px 3px; + color: inherit; + transition: background 0.05s ease-in-out; + color: var(--theme-content-color1); + background-color: var(--theme-toolbar-background); +} + +.devtools-menulist:-moz-focusring, +.devtools-toolbarbutton:-moz-focusring { + outline: 1px dotted hsla(210,30%,85%,0.7); + outline-offset: -4px; +} + +.devtools-toolbarbutton[standalone] { + -moz-margin-end: 5px; + border-width: 1px; + border-style: solid; +} +.devtools-toolbarbutton[label][standalone] { + min-height: 2em; +} + +.devtools-toolbarbutton:not([label]), +.devtools-toolbarbutton[text-as-image] { + min-width: 32px; +} + +#toolbox-buttons .devtools-toolbarbutton[text-as-image] { + -moz-padding-start: 5px; + -moz-padding-end: 5px; + min-width: inherit; +} + +/* Command buttons with menupopups should be styled slightly differently - + no background color and a bit more narrow */ +#toolbox-buttons .devtools-toolbarbutton:not([text-as-image]):not(:hover):not([open=true]) { + background: transparent; +} +#toolbox-buttons .devtools-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker { + padding: 0 2px; +} + +.devtools-toolbarbutton:not([label]) > .toolbarbutton-text { + display: none; +} + +.devtools-toolbar .devtools-toolbarbutton { + border-width: 0; +} + +.devtools-toolbarbutton > .toolbarbutton-icon { + margin: 0; +} + +.devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-button { + -moz-appearance: none; + color: inherit; + border-width: 0; + -moz-box-orient: horizontal; + padding: 0; +} + +.devtools-toolbarbutton[type=menu-button] { + padding: 0 1px; + -moz-box-align: stretch; +} + +.devtools-toolbarbutton > .toolbarbutton-menubutton-button > .toolbarbutton-icon { + -moz-margin-end: 4px; +} + +.devtools-menulist > .menulist-dropmarker { + -moz-appearance: none; + display: -moz-box; + list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg"); + -moz-box-align: center; + min-width: 16px; +} + +.devtools-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker, +.devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker { + -moz-appearance: none !important; + list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg"); + -moz-box-align: center; + padding: 0 3px; +} + +.theme-dark .devtools-menulist, +.theme-dark .devtools-toolbarbutton { + border-color: rgba(0, 0, 0, .4); /* Splitters */ +} +.theme-light .devtools-menulist, +.theme-light .devtools-toolbarbutton { + border-color: rgba(170, 170, 170, .5); /* Splitters */ +} + +/* Text-only buttons */ +.theme-light .devtools-toolbarbutton[label]:not([text-as-image]):not([type=menu-button]), +.theme-light #toolbox-buttons .devtools-toolbarbutton[text-as-image] { + background-color: rgba(170, 170, 170, .2); /* Splitter */ +} +.theme-dark .devtools-toolbarbutton[label]:not([text-as-image]):not([type=menu-button]), +.theme-dark #toolbox-buttons .devtools-toolbarbutton[text-as-image] { + background-color: rgba(0, 0, 0, .2); /* Splitter */ +} + +/* Button States */ +.theme-dark .devtools-toolbarbutton:not([disabled]):hover, +.theme-dark #toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover, +.theme-dark .devtools-toolbarbutton:not([disabled])[label]:not([text-as-image]):not([type=menu-button]):hover { + background: rgba(0, 0, 0, .3); /* Splitters */ +} +.theme-light .devtools-toolbarbutton:not([disabled]):hover, +.theme-light #toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover, +.theme-light .devtools-toolbarbutton:not([disabled])[label]:not([text-as-image]):not([type=menu-button]):hover { + background: rgba(170, 170, 170, .3); /* Splitters */ +} + +.theme-dark .devtools-toolbarbutton:not([disabled]):hover:active, +.theme-dark #toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover:active, +.theme-dark .devtools-toolbarbutton:not([disabled])[label]:not([text-as-image]):not([type=menu-button]):hover:active { + background: rgba(0, 0, 0, .4); /* Splitters */ +} +.theme-light .devtools-toolbarbutton:not([disabled]):hover:active, +.theme-light #toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover:active, +.theme-light .devtools-toolbarbutton:not([disabled])[label]:not([text-as-image]):not([type=menu-button]):hover:active { + background: rgba(170, 170, 170, .4); /* Splitters */ +} + +/* Menu type buttons and checked states */ +.theme-dark .devtools-toolbarbutton[checked=true], +.theme-dark #toolbox-buttons .devtools-toolbarbutton[text-as-image][checked] { + background: rgba(29, 79, 115, .7); /* Select highlight blue */ + color: var(--theme-selection-color); +} + +.theme-light .devtools-toolbarbutton[checked=true], +.theme-light #toolbox-buttons .devtools-toolbarbutton[text-as-image][checked] { + background: rgba(76, 158, 217, .2); /* Select highlight blue */ +} + +.theme-dark .devtools-menulist[open=true], +.theme-dark .devtools-toolbarbutton[open=true], +.theme-dark .devtools-toolbarbutton[open=true]:hover, +.theme-dark .devtools-toolbarbutton[open=true]:hover:active, +.theme-dark .devtools-toolbarbutton[checked=true]:hover { + background: rgba(29, 79, 115, .8); /* Select highlight blue */ + color: var(--theme-selection-color); +} + +.theme-light .devtools-menulist[open=true], +.theme-light .devtools-toolbarbutton[open=true], +.theme-light .devtools-toolbarbutton[open=true]:hover, +.theme-light .devtools-toolbarbutton[open=true]:hover:active, +.theme-light .devtools-toolbarbutton[checked=true]:hover { + background: rgba(76, 158, 217, .4); /* Select highlight blue */ +} + +.devtools-option-toolbarbutton { + -moz-appearance: none; + list-style-image: url("chrome://browser/skin/devtools/tool-options.svg"); + background: none; + opacity: .8; + border: none; +} + +.devtools-option-toolbarbutton[open=true] { + opacity: 1; +} + +/* Toolbar button groups */ +.devtools-toolbarbutton-group > .devtools-toolbarbutton { + margin-left: 1px; + margin-right: 1px; + outline-offset: -3px; + box-shadow: none; +} + +.devtools-toolbarbutton-group > .devtools-toolbarbutton:last-child { + -moz-margin-end: 0; +} + +.devtools-toolbarbutton-group + .devtools-toolbarbutton { + -moz-margin-start: 3px; +} + +.devtools-separator + .devtools-toolbarbutton { + -moz-margin-start: 1px; +} + +/* HTML buttons, similar to toolbar buttons, but work in HTML documents */ + +.devtools-button { + border: 0 solid var(--theme-splitter-color); + background: var(--theme-toolbar-background); + margin: 0; + padding: 0; + min-width: 32px; + min-height: 18px; + /* The icon is absolutely positioned in the button using ::before */ + position: relative; +} + +.devtools-button[standalone] { + min-height: 32px; + border-width: 1px; +} + +/* Button States */ +.theme-dark .devtools-button:not([disabled]):hover { + background: rgba(0, 0, 0, .3); /* Splitters */ +} +.theme-light .devtools-button:not([disabled]):hover { + background: rgba(170, 170, 170, .3); /* Splitters */ +} + +.theme-dark .devtools-button:not([disabled]):hover:active { + background: rgba(0, 0, 0, .4); /* Splitters */ +} +.theme-light .devtools-button:not([disabled]):hover:active { + background: rgba(170, 170, 170, .4); /* Splitters */ +} + +/* Menu type buttons and checked states */ +.theme-dark .devtools-button[checked] { + background: rgba(29, 79, 115, .7) !important; /* Select highlight blue */ + color: var(--theme-selection-color); +} + +.theme-light .devtools-button[checked] { + background: rgba(76, 158, 217, .2) !important; /* Select highlight blue */ +} + +.devtools-button::before { + content: ""; + display: block; + width: 16px; + height: 16px; + position: absolute; + left: 50%; + top: 50%; + margin: -8px 0 0 -8px; + background-repeat: no-repeat; +} + +@media (min-resolution: 1.25dppx) { + .devtools-button::before { + background-size: 32px; + } +} + +/* Text input */ + +.devtools-textinput, +.devtools-searchinput { + -moz-appearance: none; + margin: 0 3px; + border: 1px solid; + border-radius: 2px; + padding: 4px 6px; + border-color: var(--theme-splitter-color); +} + +.devtools-searchinput { + margin-top: 1px; + margin-bottom: 1px; + padding: 0; + -moz-padding-start: 22px; + -moz-padding-end: 4px; + background-position: 8px center; + background-size: 11px 11px; + background-repeat: no-repeat; + font-size: inherit; +} + +.theme-dark .devtools-searchinput { + background-image: url(magnifying-glass.png); +} + +.theme-light .devtools-searchinput { + background-image: url(magnifying-glass-light.png); +} + +.devtools-searchinput:-moz-locale-dir(rtl) { + background-position: calc(100% - 8px) center; +} + +.devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-icon { + visibility: hidden; +} + +/* Searchbox is a div container element for a search input element */ +.devtools-searchbox { + display: -moz-box; + -moz-box-flex: 1; + position: relative; +} + +.devtools-rule-searchbox { + -moz-box-flex: 1; + padding-right: 23px; + width: 100%; + font: inherit; +} + +.devtools-rule-searchbox[filled] { + background-color: var(--searchbox-background-color); + border-color: var(--searchbox-border-color); +} + +.devtools-style-searchbox-no-match { + background-color: var(--searcbox-no-match-background-color) !important; + border-color: var(--searcbox-no-match-border-color) !important; +} + +.devtools-no-search-result { + border-color: var(--theme-highlight-red) !important; +} + +.devtools-searchinput-clear { + position: absolute; + top: 3.5px; + right: 7px; + padding: 0; + border: 0; + width: 16px; + height: 16px; + background-position: 0 0; + background-repeat: no-repeat; + background-color: transparent; +} + +.theme-dark .devtools-searchinput-clear { + background-image: url("chrome://browser/skin/devtools/search-clear-dark.svg"); +} + +.theme-light .devtools-searchinput-clear { + background-image: url("chrome://browser/skin/devtools/search-clear-light.svg"); +} + +.devtools-style-searchbox-no-match + .devtools-searchinput-clear { + background-image: url("chrome://browser/skin/devtools/search-clear-failed.svg") !important; +} + +.devtools-searchinput-clear:hover { + background-position: -16px 0; +} + +.theme-dark .devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear { + list-style-image: url("chrome://browser/skin/devtools/search-clear-dark.svg"); + -moz-image-region: rect(0, 16px, 16px, 0); +} + +.theme-light .devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear { + list-style-image: url("chrome://browser/skin/devtools/search-clear-light.svg"); + -moz-image-region: rect(0, 16px, 16px, 0); +} + +.devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear:hover { + -moz-image-region: rect(0, 32px, 16px, 16px); +} + +@media (min-resolution: 1.25dppx) { + .theme-dark .devtools-searchinput { + background-image: url(magnifying-glass@2x.png); + } + + .theme-light .devtools-searchinput { + background-image: url(magnifying-glass-light@2x.png); + } +} + +/* Close button */ + +.devtools-closebutton { + -moz-appearance: none; + border: none; + margin: 0 4px; + min-width: 16px; + width: 16px; + opacity: 0.8; +} + +.devtools-closebutton > image { + width: 16px; + height: 16px; + -moz-appearance: none; + background-size: 16px 16px; + background-image: url("chrome://browser/skin/devtools/close@2x.png"); + background-position: center center; + background-repeat: no-repeat; +} + +.devtools-closebutton > .toolbarbutton-icon { + /* XXX Buttons have padding in widget/ that we don't want here but can't override with good CSS, so we must + use evil CSS to give the impression of smaller content */ + margin: -4px; +} + +.devtools-closebutton > .toolbarbutton-text { + display: none; +} + +.devtools-closebutton:hover { + opacity: 1; +} + +/* In-tools sidebar */ +.devtools-sidebar-tabs { + -moz-appearance: none; + margin: 0; +} + +.devtools-sidebar-tabs > tabpanels { + -moz-appearance: none; + background: transparent; + padding: 0; + border: 0; +} + +.theme-light .devtools-sidebar-tabs > tabpanels { + background: var(--theme-sidebar-background); + color: var(--theme-body-color); +} + +.devtools-sidebar-tabs tabs { + position: static; + font: inherit; + margin-bottom: 0; + overflow: hidden; +} + +.devtools-sidebar-alltabs { + -moz-appearance: none; + height: 24px; + line-height: 24px; + padding: 0 4px; + margin: 0; + border-width: 0 0 1px 0; + -moz-border-start-width: 1px; + border-style: solid; +} + +.devtools-sidebar-alltabs .toolbarbutton-icon { + display: none; +} + +.devtools-sidebar-tabs tabs > .tabs-right, +.devtools-sidebar-tabs tabs > .tabs-left { + display: none; +} + +.devtools-sidebar-tabs tabs > tab { + -moz-appearance: none; + /* We want to match the height of a toolbar with a toolbarbutton + * First, we need to replicated the padding of toolbar (4px), + * then we need to take the border of the buttons into account (1px). + */ + padding: 0 3px; + margin: 0; + min-width: 78px; + text-align: center; + background-color: transparent; + color: inherit; + -moz-box-flex: 1; + border-width: 0; + -moz-border-start-width: 1px; + border-style: solid; + border-radius: 0; + position: static; + text-shadow: none; +} + +.devtools-sidebar-tabs tabs > tab:first-child { + -moz-border-start-width: 0; +} + +.theme-dark .devtools-sidebar-tabs tabs > tab { + border-image: linear-gradient(transparent 15%, #5a6169 15%, #5a6169 85%, transparent 85%) 1 1; +} + +.theme-dark .devtools-sidebar-tabs tabs > tab:hover { + background: hsla(206,37%,4%,.2); + border-image: linear-gradient(transparent 15%, #5a6169 15%, #5a6169 85%, transparent 85%) 1 1; +} + +.theme-dark .devtools-sidebar-tabs tabs > tab:hover:active { + background: hsla(206,37%,4%,.4); + border-image: linear-gradient(transparent 15%, #5a6169 15%, #5a6169 85%, transparent 85%) 1 1; +} + +.theme-dark .devtools-sidebar-tabs tabs > tab[selected] + tab { + border-image: linear-gradient(#2d5b7d, #2d5b7d) 1 1; +} + +.theme-dark .devtools-sidebar-tabs tabs > tab[selected] + tab:hover { + background: hsla(206,37%,4%,.2); + border-image: linear-gradient(#2d5b7d, #2d5b7d) 1 1; +} + +.theme-dark .devtools-sidebar-tabs tabs > tab[selected] + tab:hover:active { + background: hsla(206,37%,4%,.4); + border-image: linear-gradient(#2d5b7d, #2d5b7d) 1 1; +} + +.theme-dark .devtools-sidebar-tabs tabs > tab[selected], +.theme-dark .devtools-sidebar-tabs tabs > tab[selected]:hover:active { + color: var(--theme-selection-color); + background: #1d4f73; + border-image: linear-gradient(#2d5b7d, #2d5b7d) 1 1; +} + +.theme-light .devtools-sidebar-tabs tabs > tab { + border-image: linear-gradient(transparent 15%, #aaa 15%, #aaa 85%, transparent 85%) 1 1; +} + +.theme-light .devtools-sidebar-tabs tabs > tab:hover { + background: #ddd; + border-image: linear-gradient(transparent 15%, #aaa 15%, #aaa 85%, transparent 85%) 1 1; +} + +.theme-light .devtools-sidebar-tabs tabs > tab:hover:active { + background: #ddd; + border-image: linear-gradient(transparent 15%, #aaa 15%, #aaa 85%, transparent 85%) 1 1; +} + +.theme-light .devtools-sidebar-tabs tabs > tab[selected] + tab { + border-image: linear-gradient(#aaa, #aaa); +} + +.theme-light .devtools-sidebar-tabs tabs > tab[selected] + tab:hover { + background: #ddd; + border-image: linear-gradient(#aaa, #aaa); +} + +.theme-light .devtools-sidebar-tabs tabs > tab[selected], +.theme-light .devtools-sidebar-tabs tabs > tab[selected]:hover:active { + color: var(--theme-selection-color); + background: #4c9ed9; + border-image: linear-gradient(#aaa, #aaa); +} + +/* Toolbox - moved from toolbox.css. + * Rules that apply to the global toolbox like command buttons, + * devtools tabs, docking buttons, etc. */ + +#toolbox-controls > toolbarbutton, +#toolbox-dock-buttons > toolbarbutton { + -moz-appearance: none; + border: none; + margin: 0 4px; + min-width: 16px; + width: 16px; +} + +#toolbox-controls > toolbarbutton > .toolbarbutton-text, +#toolbox-dock-buttons > toolbarbutton > .toolbarbutton-text, +.command-button > .toolbarbutton-text { + display: none; +} + +#toolbox-dock-buttons > toolbarbutton > image { + -moz-appearance: none; + width: 16px; + height: 16px; + background-size: 16px 16px; + background-position: 0 center; + background-repeat: no-repeat; +} + +#toolbox-dock-bottom > image { + background-image: url("chrome://browser/skin/devtools/dock-bottom@2x.png"); +} + +#toolbox-dock-side > image { + background-image: url("chrome://browser/skin/devtools/dock-side@2x.png"); +} + +#toolbox-dock-window > image { + background-image: url("chrome://browser/skin/devtools/undock@2x.png"); +} + +#toolbox-dock-window, +#toolbox-dock-bottom, +#toolbox-dock-side { + opacity: 0.8; +} + +#toolbox-dock-window:hover, +#toolbox-dock-bottom:hover, +#toolbox-dock-side:hover { + opacity: 1; +} + +.devtools-separator { + margin: 0 2px; + width: 2px; + background-image: linear-gradient(transparent, hsla(204,45%,98%,.1), transparent), + linear-gradient(transparent, hsla(206,37%,4%,.6), transparent), + linear-gradient(transparent, hsla(204,45%,98%,.1), transparent); + background-size: 1px 100%; + background-repeat: no-repeat; + background-position: 0, 1px, 2px; +} + +#toolbox-buttons:empty + .devtools-separator, +.devtools-separator[invisible] { + visibility: hidden; +} + +#toolbox-controls-separator { + margin: 0; +} + +/* Command buttons */ + +.command-button { + -moz-appearance: none; + border: none; + padding: 0 8px; + margin: 0; + width: 32px; + position: relative; +} + +.command-button:hover { + background-color: hsla(206,37%,4%,.2); +} +.command-button:hover:active, .command-button[checked=true]:not(:hover) { + background-color: hsla(206,37%,4%,.4); +} + +.command-button > image { + -moz-appearance: none; + width: 16px; + height: 16px; + background-size: 64px 16px; + background-position: 0 center; + background-repeat: no-repeat; +} +.command-button:hover > image { + background-position: -16px center; +} +.command-button:hover:active > image { + background-position: -32px center; +} +.command-button[checked=true] > image { + background-position: -48px center; +} +.command-button[open=true] > image { + background-position: 0 center; +} + +#command-button-paintflashing > image { + background-image: url("chrome://browser/skin/devtools/command-paintflashing.png"); +} + +#command-button-screenshot > image { + background-image: url("chrome://browser/skin/devtools/command-screenshot.png"); +} + +#command-button-responsive > image { + background-image: url("chrome://browser/skin/devtools/command-responsivemode.png"); +} + +#command-button-tilt > image { + background-image: url("chrome://browser/skin/devtools/command-tilt.png"); +} + +#command-button-scratchpad > image { + background-image: url("chrome://browser/skin/devtools/command-scratchpad.png"); + background-size: 48px 16px; +} + +#command-button-pick > image { + background-image: url("chrome://browser/skin/devtools/command-pick.png"); +} + +#command-button-frames > image { + background-image: url("chrome://browser/skin/devtools/command-frames.png"); +} + +#command-button-splitconsole > image { + background-image: url("chrome://browser/skin/devtools/command-console.png"); +} + +#command-button-eyedropper > image { + background-image: url("chrome://browser/skin/devtools/command-eyedropper.png"); +} + +#command-button-rulers > image { + background-image: url("chrome://browser/skin/devtools/command-rulers.png"); +} + +@media (min-resolution: 1.25dppx) { + #command-button-paintflashing > image { + background-image: url("chrome://browser/skin/devtools/command-paintflashing@2x.png"); + } + + #command-button-screenshot > image { + background-image: url("chrome://browser/skin/devtools/command-screenshot@2x.png"); + } + + #command-button-responsive > image { + background-image: url("chrome://browser/skin/devtools/command-responsivemode@2x.png"); + } + + #command-button-tilt > image { + background-image: url("chrome://browser/skin/devtools/command-tilt@2x.png"); + } + + #command-button-scratchpad > image { + background-image: url("chrome://browser/skin/devtools/command-scratchpad@2x.png"); + } + + #command-button-pick > image { + background-image: url("chrome://browser/skin/devtools/command-pick@2x.png"); + } + + #command-button-frames > image { + background-image: url("chrome://browser/skin/devtools/command-frames@2x.png"); + } + + #command-button-splitconsole > image { + background-image: url("chrome://browser/skin/devtools/command-console@2x.png"); + } + + #command-button-eyedropper > image { + background-image: url("chrome://browser/skin/devtools/command-eyedropper@2x.png"); + } + + #command-button-rulers > image { + background-image: url("chrome://browser/skin/devtools/command-rulers@2x.png"); + } +} + +/* Tabs */ + +.devtools-tabbar { + -moz-appearance: none; + min-height: 24px; + border: 0px solid; + border-bottom-width: 1px; + padding: 0; + background: var(--theme-tab-toolbar-background); + border-bottom-color: var(--theme-splitter-color); +} + +.theme-light .devtools-tabbar { + box-shadow: 0 -2px 0 rgba(170,170,170,.1) inset; +} + +.theme-dark .devtools-tabbar { + box-shadow: 0 -2px 0 rgba(0,0,0,.1) inset; +} + +#toolbox-tabs { + margin: 0; +} + +.devtools-tab { + -moz-appearance: none; + -moz-binding: url("chrome://global/content/bindings/general.xml#control-item"); + -moz-box-align: center; + min-width: 32px; + min-height: 24px; + max-width: 110px; + margin: 0; + padding: 0; + border-style: solid; + border-width: 0; + -moz-border-start-width: 1px; + -moz-box-align: center; +} + +.theme-dark .devtools-tab { + color: var(--theme-body-color-alt); + border-color: #42484f; +} + +.theme-light .devtools-tab { + color: var(--theme-body-color); + border-color: var(--theme-splitter-color); +} + +.theme-dark .devtools-tab:hover { + background-color: hsla(206,37%,4%,.2); + color: #ced3d9; +} + +.theme-light .devtools-tab:hover { + background-color: rgba(170,170,170,.2); +} + +.theme-dark .devtools-tab:hover:active { + background-color: hsla(206,37%,4%,.4); + color: var(--theme-selection-color); +} + +.theme-light .devtools-tab:hover:active { + background-color: rgba(170,170,170,.4); +} + +.devtools-tab:not([selected])[highlighted] { + box-shadow: 0 2px 0 var(--theme-highlight-green) inset; +} + +.theme-dark .devtools-tab:not([selected])[highlighted] { + background-color: hsla(99,100%,14%,.2); +} + +.theme-light .devtools-tab:not([selected])[highlighted] { + background-color: rgba(44, 187, 15, .2); +} + +.devtools-tab > image { + border: none; + -moz-margin-end: 0; + -moz-margin-start: 4px; + opacity: 0.6; + max-height: 16px; + width: 16px; /* Prevents collapse during theme switching */ +} + +.devtools-tab > label { + white-space: nowrap; +} + +.devtools-tab:hover > image { + opacity: 0.8; +} + +.devtools-tab:active > image, +.devtools-tab[selected] > image { + opacity: 1; +} + +.devtools-tabbar .devtools-tab[selected], +.devtools-tabbar .devtools-tab[selected]:hover:active { + color: var(--theme-selection-color); + background-color: var(--theme-selection-background); +} + +.theme-dark .devtools-tabbar .devtools-tab[selected] { + box-shadow: 0 2px 0 #d7f1ff inset, + 0 8px 3px -5px #2b82bf inset, + 0 -2px 0 rgba(0,0,0,.2) inset; +} + +.theme-light .devtools-tabbar .devtools-tab[selected] { + box-shadow: 0 2px 0 #d7f1ff inset, + 0 8px 3px -5px #2b82bf inset, + 0 -2px 0 rgba(0,0,0,.06) inset; +} + +#toolbox-tabs .devtools-tab[selected], +#toolbox-tabs .devtools-tab[highlighted] { + border-width: 0; + -moz-padding-start: 1px; +} + +#toolbox-tabs .devtools-tab[selected]:last-child, +#toolbox-tabs .devtools-tab[highlighted]:last-child { + -moz-padding-end: 1px; +} + +#toolbox-tabs .devtools-tab[selected] + .devtools-tab, +#toolbox-tabs .devtools-tab[highlighted] + .devtools-tab { + -moz-border-start-width: 0; + -moz-padding-start: 1px; +} + +#toolbox-tabs .devtools-tab:first-child[selected] { + -moz-border-start-width: 0; +} + +#toolbox-tabs .devtools-tab:last-child { + -moz-border-end-width: 1px; +} + +.devtools-tab:not([highlighted]) > .highlighted-icon, +.devtools-tab[selected] > .highlighted-icon, +.devtools-tab:not([selected])[highlighted] > .default-icon { + visibility: collapse; +} + +/* The options tab is special - it doesn't have the same parent + as the other tabs (toolbox-option-container vs toolbox-tabs) */ +#toolbox-option-container .devtools-tab:not([selected]) { + background-color: transparent; +} +#toolbox-option-container .devtools-tab { + border-color: transparent; + border-width: 0; + -moz-padding-start: 1px; +} +#toolbox-tab-options > image { + margin: 0 8px; +} + +/* Invert the colors of certain dark theme images for displaying + * inside of the light theme. + */ +.theme-light .devtools-tab[icon-invertable] > image, +.theme-light #toolbox-dock-buttons > toolbarbutton > image, +.theme-light .command-button-invertable > image, +.theme-light .command-button-invertable:active > image, +.theme-light .devtools-closebutton > image, +.theme-light .devtools-toolbarbutton > image, +.theme-light .devtools-option-toolbarbutton > image, +.theme-light #breadcrumb-separator-normal, +.theme-light .scrollbutton-up > .toolbarbutton-icon, +.theme-light .scrollbutton-down > .toolbarbutton-icon, +.theme-light #black-boxed-message-button .button-icon, +.theme-light .notice-container button .button-icon, +.theme-light #requests-menu-perf-notice-button .button-icon, +.theme-light #requests-menu-network-summary-button .button-icon, +.theme-light .event-tooltip-debugger-icon, +.theme-light .devtools-button::before { + filter: url(filters.svg#invert); +} + +/* Since selected backgrounds are blue, we want to use the normal + * (light) icons. */ +.theme-light .command-button-invertable[checked=true]:not(:active) > image, +.theme-light .devtools-tab[icon-invertable][selected] > image, +.theme-light .devtools-tab[icon-invertable][highlighted] > image, +.theme-light #record-snapshot[checked] > image, +.theme-light #profiler-start[checked] > image, +.theme-light .notice-container button[checked] .button-icon { + filter: none !important; +} + +.theme-light .command-button:hover { + background-color: inherit; +} + +.theme-light .command-button:hover:active, +.theme-light .command-button[checked=true]:not(:hover) { + background-color: inherit; +} + +.hidden-labels-box:not(.visible) > label, +.hidden-labels-box.visible ~ .hidden-labels-box > label:last-child { + display: none; +} + +.devtools-invisible-splitter { + border-color: transparent; +} + +.devtools-horizontal-splitter { + border-bottom: 1px solid var(--theme-splitter-color); +} + +.devtools-side-splitter { + -moz-border-end: 1px solid var(--theme-splitter-color); + border-color: var(--theme-splitter-color); /* Needed for responsive container at low width. */ +} + +/* Throbbers */ +.devtools-throbber::before { + content: ""; + display: inline-block; + vertical-align: bottom; + -moz-margin-end: 0.5em; + width: 1em; + height: 1em; + border: 2px solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: 1.1s linear throbber-spin infinite; +} + +@keyframes throbber-spin { + from { + transform: none; + } + to { + transform: rotate(360deg); + } +} diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-blackbox.png b/arc-firefox-theme/chrome/browser/devtools/debugger-blackbox.png Binary files differnew file mode 100644 index 0000000..c64f4bb --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/debugger-blackbox.png diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-blackbox@2x.png b/arc-firefox-theme/chrome/browser/devtools/debugger-blackbox@2x.png Binary files differnew file mode 100644 index 0000000..2dd33d2 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/debugger-blackbox@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-collapse.png b/arc-firefox-theme/chrome/browser/devtools/debugger-collapse.png Binary files differnew file mode 100644 index 0000000..9573fc7 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/debugger-collapse.png diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-collapse@2x.png b/arc-firefox-theme/chrome/browser/devtools/debugger-collapse@2x.png Binary files differnew file mode 100644 index 0000000..12f7223 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/debugger-collapse@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-expand.png b/arc-firefox-theme/chrome/browser/devtools/debugger-expand.png Binary files differnew file mode 100644 index 0000000..f317997 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/debugger-expand.png diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-expand@2x.png b/arc-firefox-theme/chrome/browser/devtools/debugger-expand@2x.png Binary files differnew file mode 100644 index 0000000..091601f --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/debugger-expand@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-pause.png b/arc-firefox-theme/chrome/browser/devtools/debugger-pause.png Binary files differnew file mode 100644 index 0000000..8288bdf --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/debugger-pause.png diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-pause@2x.png b/arc-firefox-theme/chrome/browser/devtools/debugger-pause@2x.png Binary files differnew file mode 100644 index 0000000..53ed141 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/debugger-pause@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-play.png b/arc-firefox-theme/chrome/browser/devtools/debugger-play.png Binary files differnew file mode 100644 index 0000000..9189a0a --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/debugger-play.png diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-play@2x.png b/arc-firefox-theme/chrome/browser/devtools/debugger-play@2x.png Binary files differnew file mode 100644 index 0000000..5fe68e1 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/debugger-play@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-prettyprint.png b/arc-firefox-theme/chrome/browser/devtools/debugger-prettyprint.png Binary files differnew file mode 100644 index 0000000..fb59dcc --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/debugger-prettyprint.png diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-prettyprint@2x.png b/arc-firefox-theme/chrome/browser/devtools/debugger-prettyprint@2x.png Binary files differnew file mode 100644 index 0000000..e3791bf --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/debugger-prettyprint@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-step-in.png b/arc-firefox-theme/chrome/browser/devtools/debugger-step-in.png Binary files differnew file mode 100644 index 0000000..b16b706 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/debugger-step-in.png diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-step-in@2x.png b/arc-firefox-theme/chrome/browser/devtools/debugger-step-in@2x.png Binary files differnew file mode 100644 index 0000000..c0b4500 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/debugger-step-in@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-step-out.png b/arc-firefox-theme/chrome/browser/devtools/debugger-step-out.png Binary files differnew file mode 100644 index 0000000..859c727 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/debugger-step-out.png diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-step-out@2x.png b/arc-firefox-theme/chrome/browser/devtools/debugger-step-out@2x.png Binary files differnew file mode 100644 index 0000000..1c19679 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/debugger-step-out@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-step-over.png b/arc-firefox-theme/chrome/browser/devtools/debugger-step-over.png Binary files differnew file mode 100644 index 0000000..ec28fc0 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/debugger-step-over.png diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-step-over@2x.png b/arc-firefox-theme/chrome/browser/devtools/debugger-step-over@2x.png Binary files differnew file mode 100644 index 0000000..452f0d4 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/debugger-step-over@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-toggleBreakpoints.png b/arc-firefox-theme/chrome/browser/devtools/debugger-toggleBreakpoints.png Binary files differnew file mode 100644 index 0000000..c4b7dcb --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/debugger-toggleBreakpoints.png diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-toggleBreakpoints@2x.png b/arc-firefox-theme/chrome/browser/devtools/debugger-toggleBreakpoints@2x.png Binary files differnew file mode 100644 index 0000000..b8bbadd --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/debugger-toggleBreakpoints@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger.css b/arc-firefox-theme/chrome/browser/devtools/debugger.css new file mode 100644 index 0000000..c313820 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/debugger.css @@ -0,0 +1,672 @@ +/* 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/. */ + +/* vim:set ts=2 sw=2 sts=2 et: */ +/* 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/. */ + +/* Sources and breakpoints pane */ + +#sources-pane[selectedIndex="0"] + #sources-and-editor-splitter { + border-color: transparent; +} + +#sources-pane > tabs { + -moz-border-end: 1px solid; +} + +#sources-pane .devtools-toolbar { + border: none; /* Remove the devtools-toolbar bottom border. */ + -moz-border-end: 1px solid; +} + +#sources-pane > tabs, +#sources-pane .devtools-toolbar { + -moz-border-end-color: var(--theme-splitter-color); +} + +/* Sources and breakpoints list */ + +.dbg-source-item { + padding: 2px 0px; +} + +.dbg-breakpoint-line { + font-weight: 600; +} + +.dbg-breakpoint-text { + -moz-padding-start: 6px; + font-style: italic; + font-size: 90%; +} + +.dbg-breakpoint-checkbox { + width: 16px; + height: 16px; + margin: 2px; +} + +.dbg-breakpoint-condition-thrown-message { + display: none; + color: var(--theme-highlight-red); +} + +.dbg-breakpoint.dbg-breakpoint-condition-thrown .dbg-breakpoint-condition-thrown-message { + display: block; + -moz-padding-start: 0; +} + +/* Sources toolbar */ + +#sources-toolbar > .devtools-toolbarbutton, +#sources-controls > .devtools-toolbarbutton { + min-width: 32px; +} + +#black-box { + list-style-image: url(debugger-blackbox.png); +} + +@media (min-resolution: 1.25dppx) { + #black-box { + list-style-image: url(debugger-blackbox@2x.png); + } +} + +#pretty-print { + list-style-image: url(debugger-prettyprint.png); +} + +@media (min-resolution: 1.25dppx) { + #pretty-print { + list-style-image: url(debugger-prettyprint@2x.png); + } +} + +#toggle-breakpoints { + list-style-image: url(debugger-toggleBreakpoints.png); +} + +@media (min-resolution: 1.25dppx) { + #toggle-breakpoints { + list-style-image: url(debugger-toggleBreakpoints@2x.png); + } +} + +#sources-toolbar .devtools-toolbarbutton:not([label]) { + -moz-image-region: rect(0px,16px,16px,0px); +} + +#sources-toolbar .devtools-toolbarbutton:not([label])[checked] { + -moz-image-region: rect(0px,32px,16px,16px); +} + +@media (min-resolution: 1.25dppx) { + #sources-toolbar .devtools-toolbarbutton:not([label]) { + -moz-image-region: rect(0px,32px,32px,0px); + } + + #sources-toolbar .devtools-toolbarbutton:not([label])[checked] { + -moz-image-region: rect(0px,64px,32px,32px); + } +} + +#sources .black-boxed { + color: rgba(128,128,128,0.4); +} + +#sources .selected .black-boxed { + color: rgba(255,255,255,0.4); +} + +#sources .black-boxed ~ .dbg-breakpoint { + display: none; +} + +/* Debugger unblackbox button */ + +#black-boxed-message-button > .button-box > .button-icon { + width: 16px; + height: 16px; + background-image: url(debugger-blackbox.png); + background-position: 0 0; + background-size: 32px 16px; + background-repeat: no-repeat; + -moz-margin-end: 5px; +} + +@media (min-resolution: 1.25dppx) { + #black-boxed-message-button > .button-box > .button-icon { + background-image: url(debugger-blackbox@2x.png); + } +} + +/* Black box message and source progress meter */ + +#black-boxed-message, +#source-progress-container { + /* Prevent the container deck from aquiring the size from this message. */ + min-width: 1px; + min-height: 1px; +} + +#source-progress { + min-height: 2em; + min-width: 40em; +} + +#black-boxed-message-label, +#black-boxed-message-button { + text-align: center; + font-size: 120%; +} + +#black-boxed-message-button { + margin-top: 1em; + padding: .25em; +} + +/* Breadcrumbs stack frames view */ + +.dbg-stackframe-details { + -moz-padding-start: 4px; +} + +/* Classic stack frames view */ + +.dbg-classic-stackframe { + display: block; +} + +.dbg-classic-stackframe-title { + font-weight: 600; +} + +.dbg-classic-stackframe-details:-moz-locale-dir(ltr) { + float: right; +} + +.dbg-classic-stackframe-details:-moz-locale-dir(rtl) { + float: left; +} + +.dbg-classic-stackframe-details-url { + max-width: 90%; + text-align: end; +} + +.dbg-classic-stackframe-details-url { + color: var(--theme-content-color1); +} + +.dbg-classic-stackframe-details-sep { + color: var(--theme-body-color-alt) +} + +.dbg-classic-stackframe-details-line { + color: var(--theme-highlight-bluegrey); +} + +#callstack-list .selected label { + /* Text inside a selected item should not be custom colored. */ + color: inherit !important; +} + +/* Tracer */ + +#trace { + list-style-image: url(tracer-icon.png); + -moz-image-region: rect(0px,16px,16px,0px); +} + +#trace[checked] { + -moz-image-region: rect(0px,32px,16px,16px); +} + +@media (min-resolution: 1.25dppx) { + #trace { + list-style-image: url(tracer-icon@2x.png); + -moz-image-region: rect(0px,32px,32px,0px); + } + + #trace[checked] { + -moz-image-region: rect(0px,64px,32px,32px); + } +} + +#clear-tracer { + /* Make this button as narrow as the text inside it. */ + min-width: 1px; +} + +.trace-name { + -moz-padding-start: 4px; +} + +/* Tracer dark theme */ + +.theme-dark .trace-item { + color: var(--theme-selection-color); +} + +.theme-dark .trace-item.black-boxed { + color: rgba(128,128,128,0.4); +} + +.theme-dark .trace-item.selected-matching { + background-color: rgba(29,79,115,.4); /* Select highlight blue at 40% alpha */ +} + +.theme-dark .selected > .trace-item { + background-color: rgba(29,79,115,.6); /* Select highlight blue at 60% alpha */ +} + +.trace-call { + color: var(--theme-highlight-blue); +} + +.trace-return, +.trace-yield { + color: var(--theme-highlight-green); +} + +.trace-throw { + color: var(--theme-highlight-red); +} + +.trace-param { + color: var(--theme-content-color1); +} + +.theme-dark .trace-syntax { + color: var(--theme-content-color2); +} + +/* Tracer light theme */ +.theme-light .trace-item { + color: var(--theme-content-color1); +} + +.theme-light .trace-item.black-boxed { + color: rgba(128,128,128,0.4); +} + +.theme-light .trace-item.selected-matching { + background-color: rgba(76,158,217,.4); /* Select highlight blue at 40% alpha */ +} + +.theme-light .selected > .trace-item { + background-color: rgba(76,158,217,.6); /* Select highlight blue at 60% alpha */ +} + +#tracer-traces .selected label { + /* Text inside a selected item should not be custom colored. */ + color: inherit !important; +} + +/* Watch expressions view */ + +#expressions { + min-height: 10px; + max-height: 125px; +} + +.dbg-expression { + height: 20px; +} + +.dbg-expression-arrow { + background-image: url(commandline-icon.png); + background-position: -16px 0; + background-repeat: no-repeat; + background-size: 32px 16px; + width: 16px; + height: 16px; + margin: 2px; +} + +@media (min-resolution: 1.25dppx) { + .dbg-expression-arrow { + background-image: url(commandline-icon@2x.png); + } +} + +.dbg-expression-input { + color: inherit; +} + +.dbg-expression-button { + -moz-appearance: none; + border: none; + background: none; + text-decoration: underline; + cursor: pointer; +} + +.dbg-expression-button { + color: var(--theme-highlight-blue); +} + +/* Event listeners view */ + +.dbg-event-listener-type { + font-weight: 600; +} + +.dbg-event-listener-location { + color: var(--theme-content-color1); +} + +.dbg-event-listener-separator { + color: var(--theme-body-color-alt); +} + +.dbg-event-listener-targets { + color: var(--theme-highlight-bluegrey); +} + +.theme-dark #event-listeners .selected { + /* Selected items shouldn't be displayed differently. */ + background: none; + color: #fff; +} + +.theme-light #event-listeners .selected { + /* Selected items shouldn't be displayed differently. */ + background: none; + color: #000; +} + +/* Searchbox and the search operations help panel */ + +#searchbox { + min-width: 220px; + -moz-margin-start: 1px; +} + +#filter-label { + -moz-margin-start: 2px; +} + +#searchbox-panel-operators { + margin-top: 5px; + margin-bottom: 8px; + -moz-margin-start: 2px; +} + +.searchbox-panel-operator-button { + min-width: 26px; + margin-top: 0; + margin-bottom: 0; + -moz-margin-start: 2px; + -moz-margin-end: 6px; + text-align: center; +} + +.searchbox-panel-operator-label { + padding-bottom: 2px; +} + +/* Searchbox results panel */ + +#results-panel { + border: none; +} + +.results-panel-item { + padding: 6px 8px; + border-top: 1px solid rgba(128,128,128,0.2); +} + +.results-panel-item:first-of-type { + border-top: none; +} + +.results-panel-item-label { + font-weight: 600; +} + +.results-panel-item-label-before { + -moz-padding-end: 6px; +} + +.theme-dark .results-panel-item-label { + color: var(--theme-selection-color); +} + +.theme-light .results-panel-item-label { + color: var(--theme-body-color); +} + +.results-panel-item-label-before { + color: var(--theme-highlight-bluegrey); +} + +.results-panel-item-label-below { + color: var(--theme-content-color3); +} + +#results-panel .selected label { + /* Text inside a selected item should not be custom colored. */ + color: inherit !important; +} + +/* Sources search view */ + +#globalsearch { + min-height: 10px; + max-height: 50vh; +} + +.dbg-results-header { + -moz-padding-start: 6px; +} + +.dbg-results-header-location { + font-weight: 600; +} + +.dbg-results-header-match-count { + -moz-padding-start: 6px; +} + +.dbg-results-line-number { + min-width: 3em; + -moz-border-end: 1px solid rgba(128,128,128,0.2); + -moz-padding-end: 4px; + text-align: end; +} + +.dbg-results-line-contents { + -moz-padding-start: 4px; +} + +.dbg-results-line-contents-string[match=true] { + background-color: rgba(255,255,0,0.2); + border: 1px solid rgba(128,128,128,0.7); + border-radius: 4px; + margin-top: -1px !important; + margin-bottom: -1px !important; + cursor: pointer; +} + +.dbg-results-line-contents-string[match=true][focusing] { + transition: transform 0.3s ease-in-out; +} + +.dbg-results-line-contents-string[match=true][focused] { + transition-duration: 0.1s; + transform: scale(1.75, 1.75); +} + +.dbg-source-results:not(.selected):hover { + background-color: var(--theme-sidebar-background); +} + +.dbg-results-header { + background-color: var(--theme-tab-toolbar-background); +} + +.theme-dark .dbg-results-header { + color: var(--theme-content-color1); +} + +.theme-light .dbg-results-header { + color: var(--theme-content-color3); +} + +.theme-dark .dbg-search-result:hover { + background-color: rgba(29,79,115,.2); /* Select highlight blue at 40% alpha */ +} + +.theme-light .dbg-search-result:hover { + background-color: rgba(76,158,217,.2); /* Select highlight blue at 40% alpha */ +} + +.dbg-results-header-match-count { + color: var(--theme-content-color3); +} + +.dbg-results-line-number { + background-color: var(--theme-tab-toolbar-background); + color: var(--theme-body-color-alt); +} + +.dbg-results-line-contents-string { + color: var(--theme-body-color-alt); +} + +.theme-dark .dbg-results-line-contents-string[match=true] { + color: var(--theme-selection-color); +} + +.theme-light .dbg-results-line-contents-string[match=true] { + color: var(--theme-body-color); +} + +/* Toolbar controls */ + +#debugger-toolbar .devtools-toolbarbutton:not([label]) > .toolbarbutton-icon, +#sources-toolbar .devtools-toolbarbutton:not([label]) > .toolbarbutton-icon { + width: 16px; + height: 16px; +} + +#resume { + list-style-image: url(debugger-pause.png); + -moz-image-region: rect(0px,16px,16px,0px); +} + +#resume[checked] { + list-style-image: url(debugger-play.png); +} + +@media (min-resolution: 1.25dppx) { + #resume { + list-style-image: url(debugger-pause@2x.png); + -moz-image-region: rect(0px,32px,32px,0px); + } + + #resume[checked] { + list-style-image: url(debugger-play@2x.png); + -moz-image-region: rect(0px,64px,32px,32px); + } +} + +#resume ~ toolbarbutton { + transition: opacity 0.15s ease-in-out; +} + +#resume:not([checked]) ~ toolbarbutton { + opacity: 0.5; +} + +#step-over { + list-style-image: url(debugger-step-over.png); +} + +#step-in { + list-style-image: url(debugger-step-in.png); +} + +#step-out { + list-style-image: url(debugger-step-out.png); +} + +@media (min-resolution: 1.25dppx) { + #step-over { + list-style-image: url(debugger-step-over@2x.png); + } + + #step-in { + list-style-image: url(debugger-step-in@2x.png); + } + + #step-out { + list-style-image: url(debugger-step-out@2x.png); + } +} + +#instruments-pane-toggle { + background: none; + box-shadow: none; + border: none; + list-style-image: url(debugger-collapse.png); + -moz-image-region: rect(0px,16px,16px,0px); +} + +#instruments-pane-toggle[pane-collapsed] { + list-style-image: url(debugger-expand.png); +} + +#instruments-pane-toggle:hover { + -moz-image-region: rect(0px,32px,16px,16px); +} + +@media (min-resolution: 1.25dppx) { + #instruments-pane-toggle { + list-style-image: url(debugger-collapse@2x.png); + -moz-image-region: rect(0px,32px,32px,0px); + } + + #instruments-pane-toggle[pane-collapsed] { + list-style-image: url(debugger-expand@2x.png); + } + + #instruments-pane-toggle:hover { + -moz-image-region: rect(0px,64px,32px,32px); + } +} + +/* Horizontal vs. vertical layout */ + +#vertical-layout-panes-container { + min-height: 35vh; + max-height: 80vh; +} + +#body[layout=vertical] #sources-pane > tabs { + -moz-border-end: none; +} + +#body[layout=vertical] #instruments-pane { + margin: 0 !important; + /* To prevent all the margin hacks to hide the sidebar. */ +} + +#body[layout=vertical] .side-menu-widget-container, +#body[layout=vertical] .side-menu-widget-empty-text { + box-shadow: none !important; +} + +#body[layout=vertical] .side-menu-widget-item-arrow { + background-image: none !important; +} + +#body[layout=vertical] .side-menu-widget-group, +#body[layout=vertical] .side-menu-widget-item { + -moz-margin-end: 0; +} diff --git a/arc-firefox-theme/chrome/browser/devtools/dock-bottom@2x.png b/arc-firefox-theme/chrome/browser/devtools/dock-bottom@2x.png Binary files differnew file mode 100644 index 0000000..d5df16f --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/dock-bottom@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/dock-side@2x.png b/arc-firefox-theme/chrome/browser/devtools/dock-side@2x.png Binary files differnew file mode 100644 index 0000000..17de7f1 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/dock-side@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/dropmarker.svg b/arc-firefox-theme/chrome/browser/devtools/dropmarker.svg new file mode 100644 index 0000000..09b65c7 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/dropmarker.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="4" viewBox="0 0 8 4" enable-background="new 0 0 8 4">
+ <polygon points="0,0 4,4 8,0" fill="#B6BABF" />
+</svg>
\ No newline at end of file diff --git a/arc-firefox-theme/chrome/browser/devtools/editor-breakpoint.png b/arc-firefox-theme/chrome/browser/devtools/editor-breakpoint.png Binary files differnew file mode 100644 index 0000000..401f26b --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/editor-breakpoint.png diff --git a/arc-firefox-theme/chrome/browser/devtools/editor-debug-location.png b/arc-firefox-theme/chrome/browser/devtools/editor-debug-location.png Binary files differnew file mode 100644 index 0000000..d590573 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/editor-debug-location.png diff --git a/arc-firefox-theme/chrome/browser/devtools/editor-debug-location@2x.png b/arc-firefox-theme/chrome/browser/devtools/editor-debug-location@2x.png Binary files differnew file mode 100644 index 0000000..b1dd7ee --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/editor-debug-location@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/editor-error.png b/arc-firefox-theme/chrome/browser/devtools/editor-error.png Binary files differnew file mode 100644 index 0000000..39ef81e --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/editor-error.png diff --git a/arc-firefox-theme/chrome/browser/devtools/eyedropper.css b/arc-firefox-theme/chrome/browser/devtools/eyedropper.css new file mode 100644 index 0000000..cf22caf --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/eyedropper.css @@ -0,0 +1,45 @@ +/* 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/. */ + +#canvas { + image-rendering: -moz-crisp-edges; + cursor: none; + border: 3px solid #E0E0E0; + border-radius: 50%; +} + +#canvas-overflow { + overflow: hidden; + width: 96px; + height: 96px; +} + +#color-preview { + width: 16px; + height: 16px; + box-shadow: 0px 0px 0px black; + border: solid 1px #fff; + margin: 3px; +} + +#color-value-box { + background-color: #E0E0E0; + border-radius: 1px; + width: 150px; +} + +#color-value { + padding: 0.3em; + text-shadow: 1px 1px 1px #fff; +} + +#color-value.highlight { + font-family: inherit; +} + +window { + /* inexplicably, otherwise background shows up on Linux */ + border: 1px solid transparent; + background-color: transparent; +} diff --git a/arc-firefox-theme/chrome/browser/devtools/fast-forward.png b/arc-firefox-theme/chrome/browser/devtools/fast-forward.png Binary files differnew file mode 100644 index 0000000..f2c6c52 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/fast-forward.png diff --git a/arc-firefox-theme/chrome/browser/devtools/fast-forward@2x.png b/arc-firefox-theme/chrome/browser/devtools/fast-forward@2x.png Binary files differnew file mode 100644 index 0000000..4c3cf88 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/fast-forward@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/filetype-dir-close.svg b/arc-firefox-theme/chrome/browser/devtools/filetype-dir-close.svg new file mode 100644 index 0000000..e8ff440 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/filetype-dir-close.svg @@ -0,0 +1,4 @@ +<?xml version="1.0" encoding="UTF-8"?>
+<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000" width="16" height="16">
+ <path d="M 0.00,160.00 L 512.00,160.00 L 480.00,480.00 L 32.00,480.00 L 0.00,160.00 Z M 464.00,96.00 L 480.00,128.00 L 32.00,128.00 L 64.00,64.00 L 240.00,64.00 L 256.00,96.00 L 464.00,96.00 Z"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/filetype-dir-open.svg b/arc-firefox-theme/chrome/browser/devtools/filetype-dir-open.svg new file mode 100644 index 0000000..fd8209d --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/filetype-dir-open.svg @@ -0,0 +1,4 @@ +<?xml version="1.0" encoding="UTF-8"?>
+<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000" width="16" height="16">
+ <path d="M 416.00,480.00L 512.00,224.00L 96.00,224.00L0.00,480.00 zM 64.00,192.00 L 0.00,480.00 L 0.00,64.00 L 144.00,64.00 L 208.00,128.00 L 416.00,128.00 L 416.00,192.00 Z"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/filetype-globe.svg b/arc-firefox-theme/chrome/browser/devtools/filetype-globe.svg new file mode 100644 index 0000000..809e098 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/filetype-globe.svg @@ -0,0 +1,3 @@ +<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="20" viewBox="0 0 878 1024">
+ <path d="M438.857 73.143q119.429 0 220.286 58.857t159.714 159.714 58.857 220.286-58.857 220.286-159.714 159.714-220.286 58.857-220.286-58.857-159.714-159.714-58.857-220.286 58.857-220.286 159.714-159.714 220.286-58.857zM595.429 370.857q-1.143 0.571-5.429 5.429t-7.714 5.429q1.143 0 2.571-2.857t2.857-6.286 2-4q3.429-4 12.571-8.571 8-3.429 29.714-6.857 19.429-4.571 29.143 6.286-1.143-1.143 5.429-7.429t8.286-6.857q1.714-1.143 8.571-2.571t8.571-4.286l1.143-12.571q-6.857 0.571-10-4t-3.714-12q0 1.143-3.429 4.571 0-4-2.571-4.571t-6.571 0.571-5.143 0.571q-5.714-1.714-8.571-4.286t-4.571-9.429-2.286-8.571q-1.143-2.857-5.429-6t-5.429-6q-0.571-1.143-1.429-3.143t-1.714-3.714-2.286-3.143-3.143-1.429-4 2.857-4.286 5.714-2.571 2.857q-1.714-1.143-3.429-0.857t-2.571 0.571-2.571 1.714-2.857 2q-1.714 1.143-4.857 1.714t-4.857 1.143q8.571-2.857-0.571-6.286-5.714-2.286-9.143-1.714 5.143-2.286 4.286-6.857t-4.857-8h2.857q-0.571-2.286-4.857-4.857t-10-4.857-7.429-3.429q-4.571-2.857-19.429-5.429t-18.857-0.286q-2.857 3.429-2.571 6t2.286 8 2 7.143q0.571 3.429-3.143 7.429t-3.714 6.857q0 4 8 8.857t5.714 12.286q-1.714 4.571-9.143 9.143t-9.143 6.857q-2.857 4.571-0.857 10.571t6 9.429q1.143 1.143 0.857 2.286t-2 2.571-3.143 2.286-3.714 2l-1.714 1.143q-6.286 2.857-11.714-3.429t-7.714-14.857q-4-14.286-9.143-17.143-13.143-4.571-16.571 0.571-2.857-7.429-23.429-14.857-14.286-5.143-33.143-2.286 3.429-0.571 0-8.571-4-8.571-10.857-6.857 1.714-3.429 2.286-10t0.571-7.714q1.714-7.429 6.857-13.143 0.571-0.571 4-4.857t5.429-7.714 0.286-3.429q20 2.286 28.571-6.286 2.857-2.857 6.571-9.714t6-9.714q5.143-3.429 8-3.143t8.286 3.143 8.286 2.857q8 0.571 8.857-6.286t-4.286-11.429q6.857 0.571 1.714-9.714-2.857-4-4.571-5.143-6.857-2.286-15.429 2.857-4.571 2.286 1.143 4.571-0.571-0.571-5.429 6t-9.429 10-9.143-2.857q-0.571-0.571-3.143-7.714t-5.429-7.714q-4.571 0-9.143 8.571 1.714-4.571-6.286-8.571t-13.714-4.571q10.857-6.857-4.571-15.429-4-2.286-11.714-2.857t-11.143 2.286q-2.857 4-3.143 6.571t2.857 4.571 6 3.143 6.571 2.286 4.857 1.714q8 5.714 4.571 8-1.143 0.571-4.857 2t-6.571 2.571-3.429 2.286q-1.714 2.286 0 8t-1.143 8q-2.857-2.857-5.143-10t-4-9.429q4 5.143-14.286 3.429l-5.714-0.571q-2.286 0-9.143 1.143t-11.714 0.571-7.714-4.571q-2.286-4.571 0-11.429 0.571-2.286 2.286-1.143-2.286-1.714-6.286-5.429t-5.714-4.857q-26.286 8.571-53.714 23.429 3.429 0.571 6.857-0.571 2.857-1.143 7.429-3.714t5.714-3.143q19.429-8 24-4l2.857-2.857q8 9.143 11.429 14.286-4-2.286-17.143-0.571-11.429 3.429-12.571 6.857 4 6.857 2.857 10.286-2.286-1.714-6.571-5.714t-8.286-6.286-8.571-2.857q-9.143 0-12.571 0.571-83.429 45.714-134.286 126.857 4 4 6.857 4.571 2.286 0.571 2.857 5.143t1.429 6.286 6.571-1.714q5.143 4.571 1.714 10.857 0.571-0.571 25.143 15.429 10.857 9.714 12 12 1.714 6.286-5.714 10.286-0.571-1.143-5.143-5.143t-5.143-2.286q-1.714 2.857 0.286 10.571t6 7.143q-4 0-5.429 9.143t-1.429 20.286-0.571 13.429l1.143 0.571q-1.714 6.857 3.143 19.714t12.286 11.143q-7.429 1.714 11.429 24.571 3.429 4.571 4.571 5.143 1.714 1.143 6.857 4.286t8.571 5.714 5.714 6q2.286 2.857 5.714 12.857t8 13.429q-1.143 3.429 5.429 11.429t6 13.143q-0.571 0-1.429 0.571t-1.429 0.571q1.714 4 8.857 8t8.857 7.429q0.571 1.714 1.143 5.714t1.714 6.286 4.571 1.143q1.143-11.429-13.714-35.429-8.571-14.286-9.714-16.571-1.714-2.857-3.143-8.857t-2.571-8.286q1.143 0 3.429 0.857t4.857 2 4.286 2.286 1.143 1.714q-1.714 4 1.143 10t6.857 10.571 9.714 10.857 6.857 7.429q3.429 3.429 8 11.143t0 7.714q5.143 0 11.429 5.714t9.714 11.429q2.857 4.571 4.571 14.857t2.857 13.714q1.143 4 4.857 7.714t7.143 5.429l9.143 4.571t7.429 4q2.857 1.143 10.571 6t12.286 6.571q5.714 2.286 9.143 2.286t8.286-1.429 7.714-2q8.571-1.143 16.571 8.571t12 12q20.571 10.857 31.429 6.286-1.143 0.571 0.286 4.286t4.571 8.857 5.143 8.286 3.143 4.857q2.857 3.429 10.286 8.571t10.286 8.571q3.429-2.286 4-5.143-1.714 4.571 4 11.429t10.286 5.714q8-1.714 8-18.286-17.714 8.571-28-10.286 0-0.571-1.429-3.143t-2.286-4.857-1.429-4.857 0-4.286 2.857-1.714q5.143 0 5.714-2t-1.143-7.143-2.286-7.429q-0.571-4.571-6.286-11.429t-6.857-8.571q-2.857 5.143-9.143 4.571t-9.143-5.143q0 0.571-0.857 3.143t-0.857 3.714q-7.429 0-8.571-0.571 0.571-1.714 1.429-10t2-12.857q0.571-2.286 3.143-6.857t4.286-8.286 2.286-7.143-2.571-5.429-10-1.429q-10.857 0.571-14.857 11.429-0.571 1.714-1.714 6t-2.857 6.571-5.143 4q-4 1.714-13.714 1.143t-13.714-2.857q-7.429-4.571-12.857-16.571t-5.429-21.143q0-5.714 1.429-15.143t1.714-14.286-3.143-14q1.714-1.143 5.143-5.429t5.714-6q1.143-0.571 2.571-0.857t2.571 0 2.286-0.857 1.714-3.429q-0.571-0.571-2.286-1.714-1.714-1.714-2.286-1.714 4 1.714 16.286-0.857t15.714 0.857q8.571 6.286 12.571-1.143 0-0.571-1.429-5.429t-0.286-7.714q2.857 15.429 16.571 5.143 1.714 1.714 8.857 2.857t10 2.857q1.714 1.143 4 3.143t3.143 2.571 2.857-0.286 4.857-3.714q5.714 8 6.857 13.714 6.286 22.857 10.857 25.143 4 1.714 6.286 1.143t2.571-5.429 0-8-0.857-7.143l-0.571-4.571v-10.286l-0.571-4.571q-8.571-1.714-10.571-6.857t0.857-10.571 8.571-10.571q0.571-0.571 4.571-2t8.857-3.714 7.143-4.571q12-10.857 8.571-20 4 0 6.286-5.143-0.571 0-2.857-1.714t-4.286-2.857-2.571-1.143q5.143-2.857 1.143-9.143 2.857-1.714 4.286-6.286t4.286-5.714q5.143 6.857 12 1.143 4-4.571 0.571-9.143 2.857-4 11.714-6t10.571-5.429q4 1.143 4.571-1.143t0.571-6.857 1.714-6.857q2.286-2.857 8.571-5.143t7.429-2.857l9.714-6.286q1.714-2.286 0-2.286 10.286 1.143 17.714-6.286 5.714-6.286-3.429-11.429 1.714-3.429-1.714-5.429t-8.571-3.143q1.714-0.571 6.571-0.286t6-0.857q8.571-5.714-4-9.143-9.714-2.857-24.571 6.857zM502.286 872q117.714-20.571 200.571-108-1.714-1.714-7.143-2.571t-7.143-2q-10.286-4-13.714-4.571 0.571-4-1.429-7.429t-4.571-5.143-7.143-4.571-6.286-4q-1.143-1.143-4-3.429t-4-3.143-4.286-2.571-4.857-1.143-5.714 0.571l-1.714 0.571q-1.714 0.571-3.143 1.429t-3.143 1.714-2.286 1.714 0 1.429q-12-9.714-20.571-12.571-2.857-0.571-6.286-3.143t-6-4-5.714-0.857-6.571 4q-2.857 2.857-3.429 8.571t-1.143 7.429q-4-2.857 0-10t1.143-10.571q-1.714-3.429-6-2.571t-6.857 2.571-6.571 4.857-5.143 3.714-4.857 3.143-4.857 4.286q-1.714 2.286-3.429 6.857t-2.857 6.286q-1.143-2.286-6.571-3.714t-5.429-3.143q1.143 5.714 2.286 20t2.857 21.714q4 17.714-6.857 27.429-15.429 14.286-16.571 22.857-2.286 12.571 6.857 14.857 0 4-4.571 11.714t-4 12.286q0 3.429 1.143 9.143z"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/filetype-store.svg b/arc-firefox-theme/chrome/browser/devtools/filetype-store.svg new file mode 100644 index 0000000..95be627 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/filetype-store.svg @@ -0,0 +1,7 @@ +<svg width="16" xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16"> +<g> +<path d="m1.3,12.5v-2.4c0,0 0,2.5 6.7,2.5 6.7,0 6.7-2.5 6.7-2.5v2.4c0,0 0,2.7-6.8,2.7-6.6,0-6.6-2.7-6.6-2.7z"/> +<path d="m14.7,3.4c0-1.4-3-2.5-6.7-2.5s-6.7,1.1-6.7,2.5c0,.2 0,.3 .1,.5-.1-.3-.1-.4-.1-.4v1.5c0,0 0,2.7 6.7,2.7 6.7,0 6.8-2.7 6.8-2.7v-1.6c0,.1 0,.2-.1,.5-0-.2-0-.3-0-.5z"/> +<path d="m1.3,8.7v-2.4c0,0 0,2.5 6.7,2.5 6.7,0 6.7-2.5 6.7-2.5v2.4c0,0 0,2.7-6.8,2.7-6.6-0-6.6-2.7-6.6-2.7z"/> +</g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/filter-swatch.svg b/arc-firefox-theme/chrome/browser/devtools/filter-swatch.svg new file mode 100644 index 0000000..37dcab4 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/filter-swatch.svg @@ -0,0 +1,17 @@ +<?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 12 12" width="12px" height="12px"> + <defs> + <mask id="mask"> + <rect width="100%" height="100%" fill="white"/> + <polygon points="12,0 0,0 0,12"/> + </mask> + </defs> + + <g id="addpage-shape"> + <circle cx="6" cy="6" r="6" fill="white"/> + <circle cx="6" cy="6" r="6" mask="url(#mask)" fill="#AEB0B1" /> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/filters.svg b/arc-firefox-theme/chrome/browser/devtools/filters.svg new file mode 100644 index 0000000..916028b --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/filters.svg @@ -0,0 +1,27 @@ +<svg height="0" xmlns="http://www.w3.org/2000/svg"> +<filter id="invert" x="0%" y="0%" width="100%" height="100%" > + <feComponentTransfer> + <feFuncR type="table" tableValues=".1 0"/> + <feFuncG type="table" tableValues=".1 0"/> + <feFuncB type="table" tableValues=".1 0"/> + </feComponentTransfer> +</filter> +<filter id="invert-white" x="0%" y="0%" width="100%" height="100%" > + <feComponentTransfer> + <feFuncR type="table" tableValues=".6 0"/> + <feFuncG type="table" tableValues=".6 0"/> + <feFuncB type="table" tableValues=".6 0"/> + </feComponentTransfer> + </filter> + + <!-- Web Audio Gradients --> + <linearGradient id="bypass-light" x1="6%" y1="8%" x2="12%" y2="12%" spreadMethod="repeat"> + <stop offset="0%" stop-color="#f0f1f2"/> <!-- theme-toolbar-background --> + <stop offset="50%" stop-color="#fff"/> + </linearGradient> + + <linearGradient id="bypass-dark" x1="6%" y1="8%" x2="12%" y2="12%" spreadMethod="repeat"> + <stop offset="0%" stop-color="#343c45"/> <!-- theme-toolbar-background --> + <stop offset="50%" stop-color="transparent"/> + </linearGradient> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/floating-scrollbars-light.css b/arc-firefox-theme/chrome/browser/devtools/floating-scrollbars-light.css new file mode 100644 index 0000000..7e38611 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/floating-scrollbars-light.css @@ -0,0 +1,10 @@ +/* vim:set ts=2 sw=2 sts=2 et: */ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@import url("floating-scrollbars.css"); + +scrollbar thumb { + background-color: rgba(170,170,170,0.2) !important; +} diff --git a/arc-firefox-theme/chrome/browser/devtools/floating-scrollbars.css b/arc-firefox-theme/chrome/browser/devtools/floating-scrollbars.css new file mode 100644 index 0000000..ff70d64 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/floating-scrollbars.css @@ -0,0 +1,33 @@ +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +scrollbar { + -moz-appearance: none !important; + position: relative; + background-color: transparent; + background-image: none; + z-index: 2147483647; + padding: 2px; +} + +scrollbar[orient="vertical"] { + -moz-margin-start: -10px; + min-width: 10px; + max-width: 10px; +} + +scrollbar[orient="horizontal"] { + margin-top: -10px; + min-height: 10px; + max-height: 10px; +} + +scrollbar thumb { + -moz-appearance: none !important; + border-width: 0px !important; + background-color: rgba(170,170,170,0.2) !important; + border-radius: 3px !important; +} + +scrollbar scrollbarbutton, scrollbar gripper { + display: none; +} diff --git a/arc-firefox-theme/chrome/browser/devtools/font-inspector.css b/arc-firefox-theme/chrome/browser/devtools/font-inspector.css new file mode 100644 index 0000000..30424df --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/font-inspector.css @@ -0,0 +1,77 @@ +* { + box-sizing: border-box; +} + +body { + margin: 0; + padding-bottom: 20px; +} + +#all-fonts { + padding: 0; + margin: 0; +} + +#showall { + border-radius: 0; + border: 1px solid black; + margin: 3px; + cursor: pointer; + position: fixed; + bottom: 0; + right: 0; +} + +.font { + padding: 10px 10px; +} + +.theme-dark .font { + border-bottom: 1px solid #444; +} + +.theme-light .font { + border-bottom: 1px solid #DDD; +} + +.font:last-of-type { + border-bottom: 0; +} + +.theme-light .font:nth-child(even) { + background: #F4F4F4; +} + +.font-preview { + margin-left: -4px; + height: 60px; + display: block; +} + +.font-info { + display: block; +} + +.font-name { + display: inline; +} + +.font-css-code { + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; + padding: 5px; +} + +.theme-light .font-css-code, +.theme-light .font-url { + border: 1px solid #CCC; + background: white; +} + +.theme-dark .font-css-code, +.theme-dark .font-url { + border: 1px solid #333; + background: black; + color: white; +} diff --git a/arc-firefox-theme/chrome/browser/devtools/inspector.css b/arc-firefox-theme/chrome/browser/devtools/inspector.css new file mode 100644 index 0000000..cab78e7 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/inspector.css @@ -0,0 +1,155 @@ +/* vim:set ts=2 sw=2 sts=2 et: */ +/* 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/. */ + + +#inspector-searchbox { + transition-property: max-width, -moz-padding-end, -moz-padding-start; + transition-duration: 250ms; + transition-timing-function: ease; +} + +#inspector-searchbox:not([focused]):not([filled]) > .textbox-input-box { + overflow: hidden; +} + +#inspector-searchbox:not([focused]):not([filled]) { + max-width: 20px !important; + -moz-padding-end: 5px; + -moz-padding-start: 22px; + background-position: 8px center, top left, top left; +} + +#inspector-searchbox[focused], +#inspector-searchbox[filled] { + max-width: 200px !important; +} + +/* Expand/collapse panel toolbar button */ + +#inspector-pane-toggle { + background: none; + box-shadow: none; + border: none; + list-style-image: url(debugger-collapse.png); + -moz-image-region: rect(0px,16px,16px,0px); +} + +#inspector-pane-toggle > .toolbarbutton-icon { + width: 16px; + height: 16px; +} + +#inspector-pane-toggle[pane-collapsed] { + list-style-image: url(debugger-expand.png); +} + +#inspector-pane-toggle:active { + -moz-image-region: rect(0px,32px,16px,16px); +} + +@media (min-resolution: 1.25dppx) { + #inspector-pane-toggle { + list-style-image: url(debugger-collapse@2x.png); + -moz-image-region: rect(0px,32px,32px,0px); + } + + #inspector-pane-toggle[pane-collapsed] { + list-style-image: url(debugger-expand@2x.png); + } + + #inspector-pane-toggle:active { + -moz-image-region: rect(0px,64px,32px,32px); + } +} + +/* Tooltip: Events */ + +#devtools-tooltip-events-container { + margin: -4px; /* Compensate for the .panel-arrowcontent padding. */ + max-width: 590px; + overflow-y: auto; +} + +.event-header { + display: flex; + align-items: center; + cursor: pointer; +} + +.event-tooltip-event-type, +.event-tooltip-filename, +.event-tooltip-attributes { + -moz-margin-start: 0; + flex-shrink: 0; + cursor: pointer; +} + +.event-tooltip-event-type { + font-weight: bold; + font-size: 13px; +} + +.event-tooltip-filename { + -moz-margin-end: 0; + font-size: 100%; + flex-shrink: 1; +} + +.event-tooltip-debugger-icon { + width: 16px; + height: 16px; + -moz-margin-end: 4px; + opacity: 0.6; + flex-shrink: 0; +} + +.event-tooltip-debugger-icon:hover { + opacity: 1; +} + +.event-tooltip-content-box { + display: none; + overflow: auto; + -moz-margin-end: 0; +} + +.event-tooltip-content-box[open] { + display: block; +} + +.event-tooltip-source-container { + margin-top: 5px; + margin-bottom: 10px; + -moz-margin-start: 5px; + -moz-margin-end: 0; +} + +.event-tooltip-source { + margin-bottom: 0; +} + +.event-tooltip-attributes-container { + display: flex; + flex-shrink: 0; + flex-grow: 1; + justify-content: flex-end; +} + +.event-tooltip-attributes-box { + display: flex; + flex-shrink: 0; + align-items: center; + border-radius: 3px; + padding: 2px; + -moz-margin-start: 5px; + background-color: var(--theme-body-color-alt); + color: var(--theme-toolbar-background); +} + +.event-tooltip-attributes { + margin: 0; + font-size: 9px; + padding-top: 2px; +} diff --git a/arc-firefox-theme/chrome/browser/devtools/itemArrow-dark-ltr.svg b/arc-firefox-theme/chrome/browser/devtools/itemArrow-dark-ltr.svg new file mode 100644 index 0000000..7bd7028 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/itemArrow-dark-ltr.svg @@ -0,0 +1,4 @@ +<svg width="7" xmlns="http://www.w3.org/2000/svg" height="12" viewBox="0 0 7 12" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 7 12"> +<path fill="#181D20" d="M7,11.6 7,.4 1.5,6z"/> +<path fill="#000" d="M7,0 6,0 0,6 6,12 7,12 7,11.6 1.5,6 7,.4z"/> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/itemArrow-dark-rtl.svg b/arc-firefox-theme/chrome/browser/devtools/itemArrow-dark-rtl.svg new file mode 100644 index 0000000..9315d9e --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/itemArrow-dark-rtl.svg @@ -0,0 +1,4 @@ +<svg width="7" xmlns="http://www.w3.org/2000/svg" height="12" viewBox="0 0 7 12" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 7 12">
+<path fill="#181D20" d="M0,11.6 0,.4 5.5,6z"/>
+<path fill="#000" d="M1,0 0,0 0,.4 5.5,6 0,11.6 0,12 1,12 7,6z"/>
+</svg>
\ No newline at end of file diff --git a/arc-firefox-theme/chrome/browser/devtools/itemArrow-ltr.svg b/arc-firefox-theme/chrome/browser/devtools/itemArrow-ltr.svg new file mode 100644 index 0000000..93913c9 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/itemArrow-ltr.svg @@ -0,0 +1,4 @@ +<svg width="7" xmlns="http://www.w3.org/2000/svg" height="12" viewBox="0 0 7 12" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 7 12"> +<path fill="#f7f7f7" d="M7,11.6 7,.4 1.5,6z"/> +<path fill="#ababab" d="M7,0 6,0 0,6 6,12 7,12 7,11.6 1.5,6 7,.4z"/> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/itemArrow-rtl.svg b/arc-firefox-theme/chrome/browser/devtools/itemArrow-rtl.svg new file mode 100755 index 0000000..e580b88 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/itemArrow-rtl.svg @@ -0,0 +1,4 @@ +<svg width="7" xmlns="http://www.w3.org/2000/svg" height="12" viewBox="0 0 7 12" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 7 12"> +<path fill="#f7f7f7" d="M0,11.6 0,.4 5.5,6z"/> +<path fill="#ababab" d="M1,0 0,0 0,.4 5.5,6 0,11.6 0,12 1,12 7,6z"/> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/itemToggle.png b/arc-firefox-theme/chrome/browser/devtools/itemToggle.png Binary files differnew file mode 100644 index 0000000..dc30c22 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/itemToggle.png diff --git a/arc-firefox-theme/chrome/browser/devtools/itemToggle@2x.png b/arc-firefox-theme/chrome/browser/devtools/itemToggle@2x.png Binary files differnew file mode 100644 index 0000000..9042128 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/itemToggle@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/layoutview.css b/arc-firefox-theme/chrome/browser/devtools/layoutview.css new file mode 100644 index 0000000..8027a4c --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/layoutview.css @@ -0,0 +1,60 @@ +/* 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/. */ + +.theme-sidebar { + box-sizing: border-box; +} + +#main { + background-color: white; + border-color: hsla(210,100%,85%,0.7); + border-style: dotted; + color: var(--theme-selection-color); +} + +.margin, +.size { + color: var(--theme-highlight-blue); +} + +#content { + background-color: #87ceeb; + border-color: hsl(210,100%,85%); + border-style: dotted; +} + +#padding, +#margins { + border-color: hsla(210,100%,85%,0.2); + outline: dotted 1px hsl(210,100%,85%); +} + +#padding { + background-color: #6a5acd; +} + +#borders { + background-color: #444444; + border-style: dotted; + border-color: hsl(210,100%,85%); +} + +#margins { + background-color: #edff64; + /* This opacity applies to all of the regions, since they are nested. */ + opacity: .8; +} + +.editable { + border: 1px dashed transparent; +} + +.editable:hover { + border-bottom-color: hsl(0,0%,50%); +} + +.styleinspector-propertyeditor { + border: 1px solid #CCC; + padding: 0; +} diff --git a/arc-firefox-theme/chrome/browser/devtools/light-theme.css b/arc-firefox-theme/chrome/browser/devtools/light-theme.css new file mode 100644 index 0000000..ac6a511 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/light-theme.css @@ -0,0 +1,1456 @@ +/* vim:set ts=2 sw=2 sts=2 et: */ +/* 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/. */ + +/* Colors are taken from: + * https://developer.mozilla.org/en-US/docs/Tools/DevToolsColors. + * Changes should be kept in sync with commandline.css and commandline.inc.css. + */ +:root { + --theme-body-background: #fcfcfc; + --theme-sidebar-background: #f7f7f7; + --theme-contrast-background: #e6b064; + + --theme-tab-toolbar-background: #ebeced; + --theme-toolbar-background: #f0f1f2; + --theme-selection-background: #4c9ed9; + --theme-selection-background-semitransparent: rgba(76, 158, 217, .23); + --theme-selection-color: #f5f7fa; + --theme-splitter-color: #aaaaaa; + --theme-comment: #757873; + + --theme-body-color: #18191a; + --theme-body-color-alt: #585959; + --theme-content-color1: #292e33; + --theme-content-color2: #8fa1b2; + --theme-content-color3: #667380; + + --theme-highlight-green: #2cbb0f; + --theme-highlight-blue: #0088cc; + --theme-highlight-bluegrey: #5f88b0; + --theme-highlight-purple: #5b5fff; + --theme-highlight-lightorange: #d97e00; + --theme-highlight-orange: #f13c00; + --theme-highlight-red: #ed2655; + --theme-highlight-pink: #b82ee5; + + /* Colors used in Graphs, like performance tools. Similar colors to Chrome's timeline. */ + --theme-graphs-green: #85d175; + --theme-graphs-blue: #83b7f6; + --theme-graphs-purple: #b693eb; + --theme-graphs-yellow: #efc052; + --theme-graphs-red: #e57180; + --theme-graphs-grey: #cccccc; +} + +.theme-body { + background: var(--theme-body-background); + color: var(--theme-body-color); +} + +.theme-sidebar { + background: var(--theme-sidebar-background); + color: var(--theme-body-color); +} + +::-moz-selection { + background-color: var(--theme-selection-background); + color: var(--theme-selection-color); +} + +.theme-bg-darker { + background: var(--theme-selection-background-semitransparent); +} + +.theme-selected, +.CodeMirror-hint-active { + background-color: var(--theme-selection-background); + color: var(--theme-selection-color); +} + +.theme-bg-contrast, +.variable-or-property:not([overridden])[changed] { + background: var(--theme-contrast-background); +} + +.theme-link, +.cm-s-mozilla .cm-link, +.CodeMirror-Tern-type { + color: var(--theme-highlight-blue); +} + +/* + * FIXME: http://bugzil.la/575675 CSS links without :visited set cause assertion + * failures in debug builds. + */ +.theme-link:visited, +.cm-s-mozilla .cm-link:visited { + color: var(--theme-highlight-blue); +} + +.theme-comment, +.cm-s-mozilla .cm-meta, +.cm-s-mozilla .cm-hr, +.cm-s-mozilla .cm-comment, +.variable-or-property .token-undefined, +.variable-or-property .token-null, +.CodeMirror-Tern-completion-unknown:before { + color: var(--theme-comment); +} + +.theme-gutter { + background-color: hsl(0,0%,90%); + color: var(--theme-content-color3); + border-color: hsl(0,0%,65%); +} + +.theme-separator { /* grey */ + border-color: #cddae5; +} + +.cm-s-mozilla .cm-unused-line { + text-decoration: line-through; + text-decoration-color: var(--theme-highlight-bluegrey); +} + +.cm-s-mozilla .cm-executed-line { + background-color: #fcfffc; +} + +.theme-fg-color1, +.cm-s-mozilla .cm-number, +.variable-or-property .token-number, +.variable-or-property[return] > .title > .name, +.variable-or-property[scope] > .title > .name { + color: var(--theme-highlight-green); +} + +.CodeMirror-Tern-completion-number:before { + background-color: hsl(72,100%,27%); +} + +.theme-fg-color2, +.cm-s-mozilla .cm-attribute, +.cm-s-mozilla .cm-builtin, +.cm-s-mozilla .cm-def, +.cm-s-mozilla .cm-property, +.cm-s-mozilla .cm-qualifier, +.variables-view-variable > .title > .name { + color: var(--theme-highlight-blue); +} + +.CodeMirror-Tern-completion-object:before { + background-color: hsl(208,56%,40%); +} + +.theme-fg-color3, +.cm-s-mozilla .cm-variable, +.cm-s-mozilla .cm-tag, +.cm-s-mozilla .cm-header, +.cm-s-mozilla .cm-bracket, +.variables-view-property > .title > .name { + color: var(--theme-highlight-bluegrey); +} + +.CodeMirror-Tern-completion-array:before { + background-color: var(--theme-highlight-bluegrey); +} + +.theme-fg-color4 { + color: var(--theme-highlight-orange); +} + +.theme-fg-color5, +.cm-s-mozilla .cm-keyword { + color: var(--theme-highlight-lightorange); +} + +.theme-fg-color6, +.cm-s-mozilla .cm-string, +.cm-s-mozilla .cm-string-2, +.variable-or-property .token-string, +.CodeMirror-Tern-farg { + color: var(--theme-highlight-orange); +} + +.CodeMirror-Tern-completion-string:before, +.CodeMirror-Tern-completion-fn:before { + background-color: hsl(24,85%,39%); +} + +.theme-fg-color7, +.cm-s-mozilla .cm-atom, +.cm-s-mozilla .cm-quote, +.cm-s-mozilla .cm-error, +.variable-or-property .token-boolean, +.variable-or-property .token-domnode, +.variable-or-property[exception] > .title > .name { + color: var(--theme-highlight-red); +} + +.CodeMirror-Tern-completion-bool:before { + background-color: #bf5656; +} + +.variable-or-property .token-domnode { + font-weight: bold; +} + +.theme-fg-contrast { /* To be used for text on theme-bg-contrast */ + color: black; +} + +.theme-toolbar, +.devtools-toolbar, +.devtools-sidebar-tabs tabs, +.devtools-sidebar-alltabs, +.CodeMirror-dialog { /* General toolbar styling */ + color: var(--theme-body-color-alt); + background-color: var(--theme-toolbar-background); + border-color: var(--theme-splitter-color); +} + +.ruleview-swatch, +.computedview-colorswatch { + box-shadow: 0 0 0 1px #c4c4c4; +} + +/* CodeMirror specific styles. + * Best effort to match the existing theme, some of the colors + * are duplicated here to prevent weirdness in the main theme. */ + +.CodeMirror { /* Inherit platform specific font sizing and styles */ + font-family: inherit; + font-size: inherit; + background: transparent; +} + +.CodeMirror pre, +.cm-s-mozilla .cm-variable-2, +.cm-s-mozilla .cm-variable-3, +.cm-s-mozilla .cm-operator, +.cm-s-mozilla .cm-special { + color: var(--theme-body-color); +} + +.cm-s-mozilla .CodeMirror-lines .CodeMirror-cursor { + border-left: solid 1px black; +} + +.cm-s-mozilla.CodeMirror-focused .CodeMirror-selected { /* selected text (focused) */ + background: rgb(185, 215, 253); +} + +.cm-s-mozilla .CodeMirror-selected { /* selected text (unfocused) */ + background: rgb(176, 176, 176); +} + +.cm-s-mozilla .CodeMirror-activeline-background { /* selected color with alpha */ + background: rgba(185, 215, 253, .35); +} + +div.cm-s-mozilla span.CodeMirror-matchingbracket { /* highlight brackets */ + outline: solid 1px rgba(0, 0, 0, .25); + color: black; +} + +/* Highlight for a line that contains an error. */ +div.CodeMirror div.error-line { + background: rgba(255,0,0,0.2); +} + +/* Highlight for a line that represents a stack frame's location. */ +div.CodeMirror div.debug-line { + background: rgba(0,128,255,0.1); + box-shadow: + 0 1px 0 0 rgba(0,128,255,0.4), + 0 -1px 0 0 rgba(0,128,255,0.4); +} + +/* Generic highlighted text */ +div.CodeMirror span.marked-text { + background: rgba(255,255,0,0.2); + border: 1px dashed rgba(192,192,0,0.6); + -moz-margin-start: -1px; + -moz-margin-end: -1px; +} + +/* Highlight for evaluating current statement. */ +div.CodeMirror span.eval-text { + background-color: #ccd; +} + +.cm-s-mozilla .CodeMirror-linenumber { /* line number text */ + color: var(--theme-content-color3); +} + +.cm-s-mozilla .CodeMirror-gutters { /* vertical line next to line numbers */ + border-right-color: var(--theme-splitter-color); + background-color: var(--theme-sidebar-background); +} + +.cm-s-markup-view pre { + line-height: 1.4em; + min-height: 1.4em; +} + +/* Twisty and checkbox controls */ + +.theme-twisty, .theme-checkbox { + width: 14px; + height: 14px; + background-repeat: no-repeat; + background-image: url("chrome://browser/skin/devtools/controls.png"); + background-size: 56px 28px; +} + +.theme-twisty { + cursor: pointer; + background-position: 0 -14px; +} + +.theme-twisty:-moz-focusring { + outline-style: none; +} + +.theme-twisty[open] { + background-position: -14px -14px; +} + +.theme-twisty[invisible] { + visibility: hidden; +} + +/* Use white twisty when next to a selected item in markup view */ +.theme-selected ~ .theme-twisty { + background-position: -28px -14px; +} + +.theme-selected ~ .theme-twisty[open] { + background-position: -42px -14px; +} + +.theme-checkbox { + display: inline-block; + border: 0; + padding: 0; + outline: none; + background-position: 0 0; +} + +.theme-checkbox[checked] { + background-position: -14px 0; +} + +@media (min-resolution: 1.25dppx) { + .theme-twisty, .theme-checkbox { + background-image: url("chrome://browser/skin/devtools/controls@2x.png"); + } +} + +/* XUL panel styling (see browser/devtools/shared/widgets/Tooltip.js) */ + +.theme-tooltip-panel .panel-arrowcontent { + padding: 4px; + background: rgba(255, 255, 255, .9); + border-radius: 5px; + box-shadow: none; + border: 3px solid #d9e1e8; +} + +/* Overring panel arrow images to fit with our light and dark themes */ + +.theme-tooltip-panel .panel-arrow[side="top"] { + list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-vertical-light.png"); + margin-bottom: -4px; +} + +.theme-tooltip-panel .panel-arrow[side="bottom"] { + list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-vertical-light.png"); + margin-top: -4px; +} + +.theme-tooltip-panel .panel-arrow[side="left"] { + list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-horizontal-light.png"); + margin-right: -4px; +} + +.theme-tooltip-panel .panel-arrow[side="right"] { + list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-horizontal-light.png"); + margin-left: -4px; +} + +@media (min-resolution: 1.25dppx) { + .theme-tooltip-panel .panel-arrow[side="top"], + .theme-tooltip-panel .panel-arrow[side="bottom"] { + list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-vertical-light@2x.png"); + } + + .theme-tooltip-panel .panel-arrow[side="left"], + .theme-tooltip-panel .panel-arrow[side="right"] { + list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-horizontal-light@2x.png"); + } +} + +.theme-tooltip-panel .devtools-tooltip-simple-text { + color: black; + border-bottom: 1px solid #d9e1e8; +} + +.theme-tooltip-panel .devtools-tooltip-simple-text:last-child { + border-bottom: 0; +} + +.CodeMirror-hints, +.CodeMirror-Tern-tooltip { + box-shadow: 0 0 4px rgba(128, 128, 128, .5); + background-color: var(--theme-sidebar-background); +} + + + +/* CSS Variables specific to the devtools toolbar that aren't defined by the themes */ +.theme-light { + --searchbox-background-color: #ffee99; + --searchbox-border-color: #ffbf00; + --searcbox-no-match-background-color: #ffe5e5; + --searcbox-no-match-border-color: #e52e2e; +} + +.theme-dark { + --searchbox-background-color: #4d4222; + --searchbox-border-color: #d99f2b; + --searcbox-no-match-background-color: #402325; + --searcbox-no-match-border-color: #cc3d3d; +} + +/* Toolbars */ +.devtools-toolbar, +.devtools-sidebar-tabs tabs { + -moz-appearance: none; + padding: 0; + border-width: 0; + border-bottom-width: 1px; + border-style: solid; + height: 24px; + line-height: 24px; + box-sizing: border-box; +} + +.devtools-toolbar { + padding: 0 3px; +} + +.devtools-toolbar checkbox { + margin: 0 2px; + padding: 0; + line-height: -moz-block-height; +} +.devtools-toolbar checkbox .checkbox-check { + margin: 0; + padding: 0; + vertical-align: bottom; +} +.devtools-toolbar checkbox .checkbox-label-box { + border: none !important; /* overrides .checkbox-label-box from checkbox.css */ +} +.devtools-toolbar checkbox .checkbox-label-box .checkbox-label { + margin: 0 6px !important; /* overrides .checkbox-label from checkbox.css */ + padding: 0; +} + +/* Toolbar buttons */ +.devtools-menulist, +.devtools-toolbarbutton { + -moz-appearance: none; + -moz-box-align: center; + background: transparent; + min-width: 78px; + min-height: 18px; + padding: 1px; + text-shadow: none; + border: none; + border-radius: 0; + margin: 2px 3px; + color: inherit; + transition: background 0.05s ease-in-out; + color: var(--theme-content-color1); + background-color: var(--theme-toolbar-background); +} + +.devtools-menulist:-moz-focusring, +.devtools-toolbarbutton:-moz-focusring { + outline: 1px dotted hsla(210,30%,85%,0.7); + outline-offset: -4px; +} + +.devtools-toolbarbutton[standalone] { + -moz-margin-end: 5px; + border-width: 1px; + border-style: solid; +} +.devtools-toolbarbutton[label][standalone] { + min-height: 2em; +} + +.devtools-toolbarbutton:not([label]), +.devtools-toolbarbutton[text-as-image] { + min-width: 32px; +} + +#toolbox-buttons .devtools-toolbarbutton[text-as-image] { + -moz-padding-start: 5px; + -moz-padding-end: 5px; + min-width: inherit; +} + +/* Command buttons with menupopups should be styled slightly differently - + no background color and a bit more narrow */ +#toolbox-buttons .devtools-toolbarbutton:not([text-as-image]):not(:hover):not([open=true]) { + background: transparent; +} +#toolbox-buttons .devtools-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker { + padding: 0 2px; +} + +.devtools-toolbarbutton:not([label]) > .toolbarbutton-text { + display: none; +} + +.devtools-toolbar .devtools-toolbarbutton { + border-width: 0; +} + +.devtools-toolbarbutton > .toolbarbutton-icon { + margin: 0; +} + +.devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-button { + -moz-appearance: none; + color: inherit; + border-width: 0; + -moz-box-orient: horizontal; + padding: 0; +} + +.devtools-toolbarbutton[type=menu-button] { + padding: 0 1px; + -moz-box-align: stretch; +} + +.devtools-toolbarbutton > .toolbarbutton-menubutton-button > .toolbarbutton-icon { + -moz-margin-end: 4px; +} + +.devtools-menulist > .menulist-dropmarker { + -moz-appearance: none; + display: -moz-box; + list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg"); + -moz-box-align: center; + min-width: 16px; +} + +.devtools-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker, +.devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker { + -moz-appearance: none !important; + list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg"); + -moz-box-align: center; + padding: 0 3px; +} + +.theme-dark .devtools-menulist, +.theme-dark .devtools-toolbarbutton { + border-color: rgba(0, 0, 0, .4); /* Splitters */ +} +.theme-light .devtools-menulist, +.theme-light .devtools-toolbarbutton { + border-color: rgba(170, 170, 170, .5); /* Splitters */ +} + +/* Text-only buttons */ +.theme-light .devtools-toolbarbutton[label]:not([text-as-image]):not([type=menu-button]), +.theme-light #toolbox-buttons .devtools-toolbarbutton[text-as-image] { + background-color: rgba(170, 170, 170, .2); /* Splitter */ +} +.theme-dark .devtools-toolbarbutton[label]:not([text-as-image]):not([type=menu-button]), +.theme-dark #toolbox-buttons .devtools-toolbarbutton[text-as-image] { + background-color: rgba(0, 0, 0, .2); /* Splitter */ +} + +/* Button States */ +.theme-dark .devtools-toolbarbutton:not([disabled]):hover, +.theme-dark #toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover, +.theme-dark .devtools-toolbarbutton:not([disabled])[label]:not([text-as-image]):not([type=menu-button]):hover { + background: rgba(0, 0, 0, .3); /* Splitters */ +} +.theme-light .devtools-toolbarbutton:not([disabled]):hover, +.theme-light #toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover, +.theme-light .devtools-toolbarbutton:not([disabled])[label]:not([text-as-image]):not([type=menu-button]):hover { + background: rgba(170, 170, 170, .3); /* Splitters */ +} + +.theme-dark .devtools-toolbarbutton:not([disabled]):hover:active, +.theme-dark #toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover:active, +.theme-dark .devtools-toolbarbutton:not([disabled])[label]:not([text-as-image]):not([type=menu-button]):hover:active { + background: rgba(0, 0, 0, .4); /* Splitters */ +} +.theme-light .devtools-toolbarbutton:not([disabled]):hover:active, +.theme-light #toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover:active, +.theme-light .devtools-toolbarbutton:not([disabled])[label]:not([text-as-image]):not([type=menu-button]):hover:active { + background: rgba(170, 170, 170, .4); /* Splitters */ +} + +/* Menu type buttons and checked states */ +.theme-dark .devtools-toolbarbutton[checked=true], +.theme-dark #toolbox-buttons .devtools-toolbarbutton[text-as-image][checked] { + background: rgba(29, 79, 115, .7); /* Select highlight blue */ + color: var(--theme-selection-color); +} + +.theme-light .devtools-toolbarbutton[checked=true], +.theme-light #toolbox-buttons .devtools-toolbarbutton[text-as-image][checked] { + background: rgba(76, 158, 217, .2); /* Select highlight blue */ +} + +.theme-dark .devtools-menulist[open=true], +.theme-dark .devtools-toolbarbutton[open=true], +.theme-dark .devtools-toolbarbutton[open=true]:hover, +.theme-dark .devtools-toolbarbutton[open=true]:hover:active, +.theme-dark .devtools-toolbarbutton[checked=true]:hover { + background: rgba(29, 79, 115, .8); /* Select highlight blue */ + color: var(--theme-selection-color); +} + +.theme-light .devtools-menulist[open=true], +.theme-light .devtools-toolbarbutton[open=true], +.theme-light .devtools-toolbarbutton[open=true]:hover, +.theme-light .devtools-toolbarbutton[open=true]:hover:active, +.theme-light .devtools-toolbarbutton[checked=true]:hover { + background: rgba(76, 158, 217, .4); /* Select highlight blue */ +} + +.devtools-option-toolbarbutton { + -moz-appearance: none; + list-style-image: url("chrome://browser/skin/devtools/tool-options.svg"); + background: none; + opacity: .8; + border: none; +} + +.devtools-option-toolbarbutton[open=true] { + opacity: 1; +} + +/* Toolbar button groups */ +.devtools-toolbarbutton-group > .devtools-toolbarbutton { + margin-left: 1px; + margin-right: 1px; + outline-offset: -3px; + box-shadow: none; +} + +.devtools-toolbarbutton-group > .devtools-toolbarbutton:last-child { + -moz-margin-end: 0; +} + +.devtools-toolbarbutton-group + .devtools-toolbarbutton { + -moz-margin-start: 3px; +} + +.devtools-separator + .devtools-toolbarbutton { + -moz-margin-start: 1px; +} + +/* HTML buttons, similar to toolbar buttons, but work in HTML documents */ + +.devtools-button { + border: 0 solid var(--theme-splitter-color); + background: var(--theme-toolbar-background); + margin: 0; + padding: 0; + min-width: 32px; + min-height: 18px; + /* The icon is absolutely positioned in the button using ::before */ + position: relative; +} + +.devtools-button[standalone] { + min-height: 32px; + border-width: 1px; +} + +/* Button States */ +.theme-dark .devtools-button:not([disabled]):hover { + background: rgba(0, 0, 0, .3); /* Splitters */ +} +.theme-light .devtools-button:not([disabled]):hover { + background: rgba(170, 170, 170, .3); /* Splitters */ +} + +.theme-dark .devtools-button:not([disabled]):hover:active { + background: rgba(0, 0, 0, .4); /* Splitters */ +} +.theme-light .devtools-button:not([disabled]):hover:active { + background: rgba(170, 170, 170, .4); /* Splitters */ +} + +/* Menu type buttons and checked states */ +.theme-dark .devtools-button[checked] { + background: rgba(29, 79, 115, .7) !important; /* Select highlight blue */ + color: var(--theme-selection-color); +} + +.theme-light .devtools-button[checked] { + background: rgba(76, 158, 217, .2) !important; /* Select highlight blue */ +} + +.devtools-button::before { + content: ""; + display: block; + width: 16px; + height: 16px; + position: absolute; + left: 50%; + top: 50%; + margin: -8px 0 0 -8px; + background-repeat: no-repeat; +} + +@media (min-resolution: 1.25dppx) { + .devtools-button::before { + background-size: 32px; + } +} + +/* Text input */ + +.devtools-textinput, +.devtools-searchinput { + -moz-appearance: none; + margin: 0 3px; + border: 1px solid; + border-radius: 2px; + padding: 4px 6px; + border-color: var(--theme-splitter-color); +} + +.devtools-searchinput { + margin-top: 1px; + margin-bottom: 1px; + padding: 0; + -moz-padding-start: 22px; + -moz-padding-end: 4px; + background-position: 8px center; + background-size: 11px 11px; + background-repeat: no-repeat; + font-size: inherit; +} + +.theme-dark .devtools-searchinput { + background-image: url(magnifying-glass.png); +} + +.theme-light .devtools-searchinput { + background-image: url(magnifying-glass-light.png); +} + +.devtools-searchinput:-moz-locale-dir(rtl) { + background-position: calc(100% - 8px) center; +} + +.devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-icon { + visibility: hidden; +} + +/* Searchbox is a div container element for a search input element */ +.devtools-searchbox { + display: -moz-box; + -moz-box-flex: 1; + position: relative; +} + +.devtools-rule-searchbox { + -moz-box-flex: 1; + padding-right: 23px; + width: 100%; + font: inherit; +} + +.devtools-rule-searchbox[filled] { + background-color: var(--searchbox-background-color); + border-color: var(--searchbox-border-color); +} + +.devtools-style-searchbox-no-match { + background-color: var(--searcbox-no-match-background-color) !important; + border-color: var(--searcbox-no-match-border-color) !important; +} + +.devtools-no-search-result { + border-color: var(--theme-highlight-red) !important; +} + +.devtools-searchinput-clear { + position: absolute; + top: 3.5px; + right: 7px; + padding: 0; + border: 0; + width: 16px; + height: 16px; + background-position: 0 0; + background-repeat: no-repeat; + background-color: transparent; +} + +.theme-dark .devtools-searchinput-clear { + background-image: url("chrome://browser/skin/devtools/search-clear-dark.svg"); +} + +.theme-light .devtools-searchinput-clear { + background-image: url("chrome://browser/skin/devtools/search-clear-light.svg"); +} + +.devtools-style-searchbox-no-match + .devtools-searchinput-clear { + background-image: url("chrome://browser/skin/devtools/search-clear-failed.svg") !important; +} + +.devtools-searchinput-clear:hover { + background-position: -16px 0; +} + +.theme-dark .devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear { + list-style-image: url("chrome://browser/skin/devtools/search-clear-dark.svg"); + -moz-image-region: rect(0, 16px, 16px, 0); +} + +.theme-light .devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear { + list-style-image: url("chrome://browser/skin/devtools/search-clear-light.svg"); + -moz-image-region: rect(0, 16px, 16px, 0); +} + +.devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear:hover { + -moz-image-region: rect(0, 32px, 16px, 16px); +} + +@media (min-resolution: 1.25dppx) { + .theme-dark .devtools-searchinput { + background-image: url(magnifying-glass@2x.png); + } + + .theme-light .devtools-searchinput { + background-image: url(magnifying-glass-light@2x.png); + } +} + +/* Close button */ + +.devtools-closebutton { + -moz-appearance: none; + border: none; + margin: 0 4px; + min-width: 16px; + width: 16px; + opacity: 0.8; +} + +.devtools-closebutton > image { + width: 16px; + height: 16px; + -moz-appearance: none; + background-size: 16px 16px; + background-image: url("chrome://browser/skin/devtools/close@2x.png"); + background-position: center center; + background-repeat: no-repeat; +} + +.devtools-closebutton > .toolbarbutton-icon { + /* XXX Buttons have padding in widget/ that we don't want here but can't override with good CSS, so we must + use evil CSS to give the impression of smaller content */ + margin: -4px; +} + +.devtools-closebutton > .toolbarbutton-text { + display: none; +} + +.devtools-closebutton:hover { + opacity: 1; +} + +/* In-tools sidebar */ +.devtools-sidebar-tabs { + -moz-appearance: none; + margin: 0; +} + +.devtools-sidebar-tabs > tabpanels { + -moz-appearance: none; + background: transparent; + padding: 0; + border: 0; +} + +.theme-light .devtools-sidebar-tabs > tabpanels { + background: var(--theme-sidebar-background); + color: var(--theme-body-color); +} + +.devtools-sidebar-tabs tabs { + position: static; + font: inherit; + margin-bottom: 0; + overflow: hidden; +} + +.devtools-sidebar-alltabs { + -moz-appearance: none; + height: 24px; + line-height: 24px; + padding: 0 4px; + margin: 0; + border-width: 0 0 1px 0; + -moz-border-start-width: 1px; + border-style: solid; +} + +.devtools-sidebar-alltabs .toolbarbutton-icon { + display: none; +} + +.devtools-sidebar-tabs tabs > .tabs-right, +.devtools-sidebar-tabs tabs > .tabs-left { + display: none; +} + +.devtools-sidebar-tabs tabs > tab { + -moz-appearance: none; + /* We want to match the height of a toolbar with a toolbarbutton + * First, we need to replicated the padding of toolbar (4px), + * then we need to take the border of the buttons into account (1px). + */ + padding: 0 3px; + margin: 0; + min-width: 78px; + text-align: center; + background-color: transparent; + color: inherit; + -moz-box-flex: 1; + border-width: 0; + -moz-border-start-width: 1px; + border-style: solid; + border-radius: 0; + position: static; + text-shadow: none; +} + +.devtools-sidebar-tabs tabs > tab:first-child { + -moz-border-start-width: 0; +} + +.theme-dark .devtools-sidebar-tabs tabs > tab { + border-image: linear-gradient(transparent 15%, #5a6169 15%, #5a6169 85%, transparent 85%) 1 1; +} + +.theme-dark .devtools-sidebar-tabs tabs > tab:hover { + background: hsla(206,37%,4%,.2); + border-image: linear-gradient(transparent 15%, #5a6169 15%, #5a6169 85%, transparent 85%) 1 1; +} + +.theme-dark .devtools-sidebar-tabs tabs > tab:hover:active { + background: hsla(206,37%,4%,.4); + border-image: linear-gradient(transparent 15%, #5a6169 15%, #5a6169 85%, transparent 85%) 1 1; +} + +.theme-dark .devtools-sidebar-tabs tabs > tab[selected] + tab { + border-image: linear-gradient(#2d5b7d, #2d5b7d) 1 1; +} + +.theme-dark .devtools-sidebar-tabs tabs > tab[selected] + tab:hover { + background: hsla(206,37%,4%,.2); + border-image: linear-gradient(#2d5b7d, #2d5b7d) 1 1; +} + +.theme-dark .devtools-sidebar-tabs tabs > tab[selected] + tab:hover:active { + background: hsla(206,37%,4%,.4); + border-image: linear-gradient(#2d5b7d, #2d5b7d) 1 1; +} + +.theme-dark .devtools-sidebar-tabs tabs > tab[selected], +.theme-dark .devtools-sidebar-tabs tabs > tab[selected]:hover:active { + color: var(--theme-selection-color); + background: #1d4f73; + border-image: linear-gradient(#2d5b7d, #2d5b7d) 1 1; +} + +.theme-light .devtools-sidebar-tabs tabs > tab { + border-image: linear-gradient(transparent 15%, #aaa 15%, #aaa 85%, transparent 85%) 1 1; +} + +.theme-light .devtools-sidebar-tabs tabs > tab:hover { + background: #ddd; + border-image: linear-gradient(transparent 15%, #aaa 15%, #aaa 85%, transparent 85%) 1 1; +} + +.theme-light .devtools-sidebar-tabs tabs > tab:hover:active { + background: #ddd; + border-image: linear-gradient(transparent 15%, #aaa 15%, #aaa 85%, transparent 85%) 1 1; +} + +.theme-light .devtools-sidebar-tabs tabs > tab[selected] + tab { + border-image: linear-gradient(#aaa, #aaa); +} + +.theme-light .devtools-sidebar-tabs tabs > tab[selected] + tab:hover { + background: #ddd; + border-image: linear-gradient(#aaa, #aaa); +} + +.theme-light .devtools-sidebar-tabs tabs > tab[selected], +.theme-light .devtools-sidebar-tabs tabs > tab[selected]:hover:active { + color: var(--theme-selection-color); + background: #4c9ed9; + border-image: linear-gradient(#aaa, #aaa); +} + +/* Toolbox - moved from toolbox.css. + * Rules that apply to the global toolbox like command buttons, + * devtools tabs, docking buttons, etc. */ + +#toolbox-controls > toolbarbutton, +#toolbox-dock-buttons > toolbarbutton { + -moz-appearance: none; + border: none; + margin: 0 4px; + min-width: 16px; + width: 16px; +} + +#toolbox-controls > toolbarbutton > .toolbarbutton-text, +#toolbox-dock-buttons > toolbarbutton > .toolbarbutton-text, +.command-button > .toolbarbutton-text { + display: none; +} + +#toolbox-dock-buttons > toolbarbutton > image { + -moz-appearance: none; + width: 16px; + height: 16px; + background-size: 16px 16px; + background-position: 0 center; + background-repeat: no-repeat; +} + +#toolbox-dock-bottom > image { + background-image: url("chrome://browser/skin/devtools/dock-bottom@2x.png"); +} + +#toolbox-dock-side > image { + background-image: url("chrome://browser/skin/devtools/dock-side@2x.png"); +} + +#toolbox-dock-window > image { + background-image: url("chrome://browser/skin/devtools/undock@2x.png"); +} + +#toolbox-dock-window, +#toolbox-dock-bottom, +#toolbox-dock-side { + opacity: 0.8; +} + +#toolbox-dock-window:hover, +#toolbox-dock-bottom:hover, +#toolbox-dock-side:hover { + opacity: 1; +} + +.devtools-separator { + margin: 0 2px; + width: 2px; + background-image: linear-gradient(transparent, hsla(204,45%,98%,.1), transparent), + linear-gradient(transparent, hsla(206,37%,4%,.6), transparent), + linear-gradient(transparent, hsla(204,45%,98%,.1), transparent); + background-size: 1px 100%; + background-repeat: no-repeat; + background-position: 0, 1px, 2px; +} + +#toolbox-buttons:empty + .devtools-separator, +.devtools-separator[invisible] { + visibility: hidden; +} + +#toolbox-controls-separator { + margin: 0; +} + +/* Command buttons */ + +.command-button { + -moz-appearance: none; + border: none; + padding: 0 8px; + margin: 0; + width: 32px; + position: relative; +} + +.command-button:hover { + background-color: hsla(206,37%,4%,.2); +} +.command-button:hover:active, .command-button[checked=true]:not(:hover) { + background-color: hsla(206,37%,4%,.4); +} + +.command-button > image { + -moz-appearance: none; + width: 16px; + height: 16px; + background-size: 64px 16px; + background-position: 0 center; + background-repeat: no-repeat; +} +.command-button:hover > image { + background-position: -16px center; +} +.command-button:hover:active > image { + background-position: -32px center; +} +.command-button[checked=true] > image { + background-position: -48px center; +} +.command-button[open=true] > image { + background-position: 0 center; +} + +#command-button-paintflashing > image { + background-image: url("chrome://browser/skin/devtools/command-paintflashing.png"); +} + +#command-button-screenshot > image { + background-image: url("chrome://browser/skin/devtools/command-screenshot.png"); +} + +#command-button-responsive > image { + background-image: url("chrome://browser/skin/devtools/command-responsivemode.png"); +} + +#command-button-tilt > image { + background-image: url("chrome://browser/skin/devtools/command-tilt.png"); +} + +#command-button-scratchpad > image { + background-image: url("chrome://browser/skin/devtools/command-scratchpad.png"); + background-size: 48px 16px; +} + +#command-button-pick > image { + background-image: url("chrome://browser/skin/devtools/command-pick.png"); +} + +#command-button-frames > image { + background-image: url("chrome://browser/skin/devtools/command-frames.png"); +} + +#command-button-splitconsole > image { + background-image: url("chrome://browser/skin/devtools/command-console.png"); +} + +#command-button-eyedropper > image { + background-image: url("chrome://browser/skin/devtools/command-eyedropper.png"); +} + +#command-button-rulers > image { + background-image: url("chrome://browser/skin/devtools/command-rulers.png"); +} + +@media (min-resolution: 1.25dppx) { + #command-button-paintflashing > image { + background-image: url("chrome://browser/skin/devtools/command-paintflashing@2x.png"); + } + + #command-button-screenshot > image { + background-image: url("chrome://browser/skin/devtools/command-screenshot@2x.png"); + } + + #command-button-responsive > image { + background-image: url("chrome://browser/skin/devtools/command-responsivemode@2x.png"); + } + + #command-button-tilt > image { + background-image: url("chrome://browser/skin/devtools/command-tilt@2x.png"); + } + + #command-button-scratchpad > image { + background-image: url("chrome://browser/skin/devtools/command-scratchpad@2x.png"); + } + + #command-button-pick > image { + background-image: url("chrome://browser/skin/devtools/command-pick@2x.png"); + } + + #command-button-frames > image { + background-image: url("chrome://browser/skin/devtools/command-frames@2x.png"); + } + + #command-button-splitconsole > image { + background-image: url("chrome://browser/skin/devtools/command-console@2x.png"); + } + + #command-button-eyedropper > image { + background-image: url("chrome://browser/skin/devtools/command-eyedropper@2x.png"); + } + + #command-button-rulers > image { + background-image: url("chrome://browser/skin/devtools/command-rulers@2x.png"); + } +} + +/* Tabs */ + +.devtools-tabbar { + -moz-appearance: none; + min-height: 24px; + border: 0px solid; + border-bottom-width: 1px; + padding: 0; + background: var(--theme-tab-toolbar-background); + border-bottom-color: var(--theme-splitter-color); +} + +.theme-light .devtools-tabbar { + box-shadow: 0 -2px 0 rgba(170,170,170,.1) inset; +} + +.theme-dark .devtools-tabbar { + box-shadow: 0 -2px 0 rgba(0,0,0,.1) inset; +} + +#toolbox-tabs { + margin: 0; +} + +.devtools-tab { + -moz-appearance: none; + -moz-binding: url("chrome://global/content/bindings/general.xml#control-item"); + -moz-box-align: center; + min-width: 32px; + min-height: 24px; + max-width: 110px; + margin: 0; + padding: 0; + border-style: solid; + border-width: 0; + -moz-border-start-width: 1px; + -moz-box-align: center; +} + +.theme-dark .devtools-tab { + color: var(--theme-body-color-alt); + border-color: #42484f; +} + +.theme-light .devtools-tab { + color: var(--theme-body-color); + border-color: var(--theme-splitter-color); +} + +.theme-dark .devtools-tab:hover { + background-color: hsla(206,37%,4%,.2); + color: #ced3d9; +} + +.theme-light .devtools-tab:hover { + background-color: rgba(170,170,170,.2); +} + +.theme-dark .devtools-tab:hover:active { + background-color: hsla(206,37%,4%,.4); + color: var(--theme-selection-color); +} + +.theme-light .devtools-tab:hover:active { + background-color: rgba(170,170,170,.4); +} + +.devtools-tab:not([selected])[highlighted] { + box-shadow: 0 2px 0 var(--theme-highlight-green) inset; +} + +.theme-dark .devtools-tab:not([selected])[highlighted] { + background-color: hsla(99,100%,14%,.2); +} + +.theme-light .devtools-tab:not([selected])[highlighted] { + background-color: rgba(44, 187, 15, .2); +} + +.devtools-tab > image { + border: none; + -moz-margin-end: 0; + -moz-margin-start: 4px; + opacity: 0.6; + max-height: 16px; + width: 16px; /* Prevents collapse during theme switching */ +} + +.devtools-tab > label { + white-space: nowrap; +} + +.devtools-tab:hover > image { + opacity: 0.8; +} + +.devtools-tab:active > image, +.devtools-tab[selected] > image { + opacity: 1; +} + +.devtools-tabbar .devtools-tab[selected], +.devtools-tabbar .devtools-tab[selected]:hover:active { + color: var(--theme-selection-color); + background-color: var(--theme-selection-background); +} + +.theme-dark .devtools-tabbar .devtools-tab[selected] { + box-shadow: 0 2px 0 #d7f1ff inset, + 0 8px 3px -5px #2b82bf inset, + 0 -2px 0 rgba(0,0,0,.2) inset; +} + +.theme-light .devtools-tabbar .devtools-tab[selected] { + box-shadow: 0 2px 0 #d7f1ff inset, + 0 8px 3px -5px #2b82bf inset, + 0 -2px 0 rgba(0,0,0,.06) inset; +} + +#toolbox-tabs .devtools-tab[selected], +#toolbox-tabs .devtools-tab[highlighted] { + border-width: 0; + -moz-padding-start: 1px; +} + +#toolbox-tabs .devtools-tab[selected]:last-child, +#toolbox-tabs .devtools-tab[highlighted]:last-child { + -moz-padding-end: 1px; +} + +#toolbox-tabs .devtools-tab[selected] + .devtools-tab, +#toolbox-tabs .devtools-tab[highlighted] + .devtools-tab { + -moz-border-start-width: 0; + -moz-padding-start: 1px; +} + +#toolbox-tabs .devtools-tab:first-child[selected] { + -moz-border-start-width: 0; +} + +#toolbox-tabs .devtools-tab:last-child { + -moz-border-end-width: 1px; +} + +.devtools-tab:not([highlighted]) > .highlighted-icon, +.devtools-tab[selected] > .highlighted-icon, +.devtools-tab:not([selected])[highlighted] > .default-icon { + visibility: collapse; +} + +/* The options tab is special - it doesn't have the same parent + as the other tabs (toolbox-option-container vs toolbox-tabs) */ +#toolbox-option-container .devtools-tab:not([selected]) { + background-color: transparent; +} +#toolbox-option-container .devtools-tab { + border-color: transparent; + border-width: 0; + -moz-padding-start: 1px; +} +#toolbox-tab-options > image { + margin: 0 8px; +} + +/* Invert the colors of certain dark theme images for displaying + * inside of the light theme. + */ +.theme-light .devtools-tab[icon-invertable] > image, +.theme-light #toolbox-dock-buttons > toolbarbutton > image, +.theme-light .command-button-invertable > image, +.theme-light .command-button-invertable:active > image, +.theme-light .devtools-closebutton > image, +.theme-light .devtools-toolbarbutton > image, +.theme-light .devtools-option-toolbarbutton > image, +.theme-light #breadcrumb-separator-normal, +.theme-light .scrollbutton-up > .toolbarbutton-icon, +.theme-light .scrollbutton-down > .toolbarbutton-icon, +.theme-light #black-boxed-message-button .button-icon, +.theme-light .notice-container button .button-icon, +.theme-light #requests-menu-perf-notice-button .button-icon, +.theme-light #requests-menu-network-summary-button .button-icon, +.theme-light .event-tooltip-debugger-icon, +.theme-light .devtools-button::before { + filter: url(filters.svg#invert); +} + +/* Since selected backgrounds are blue, we want to use the normal + * (light) icons. */ +.theme-light .command-button-invertable[checked=true]:not(:active) > image, +.theme-light .devtools-tab[icon-invertable][selected] > image, +.theme-light .devtools-tab[icon-invertable][highlighted] > image, +.theme-light #record-snapshot[checked] > image, +.theme-light #profiler-start[checked] > image, +.theme-light .notice-container button[checked] .button-icon { + filter: none !important; +} + +.theme-light .command-button:hover { + background-color: inherit; +} + +.theme-light .command-button:hover:active, +.theme-light .command-button[checked=true]:not(:hover) { + background-color: inherit; +} + +.hidden-labels-box:not(.visible) > label, +.hidden-labels-box.visible ~ .hidden-labels-box > label:last-child { + display: none; +} + +.devtools-invisible-splitter { + border-color: transparent; +} + +.devtools-horizontal-splitter { + border-bottom: 1px solid var(--theme-splitter-color); +} + +.devtools-side-splitter { + -moz-border-end: 1px solid var(--theme-splitter-color); + border-color: var(--theme-splitter-color); /* Needed for responsive container at low width. */ +} + +/* Throbbers */ +.devtools-throbber::before { + content: ""; + display: inline-block; + vertical-align: bottom; + -moz-margin-end: 0.5em; + width: 1em; + height: 1em; + border: 2px solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: 1.1s linear throbber-spin infinite; +} + +@keyframes throbber-spin { + from { + transform: none; + } + to { + transform: rotate(360deg); + } +} diff --git a/arc-firefox-theme/chrome/browser/devtools/magnifying-glass-light.png b/arc-firefox-theme/chrome/browser/devtools/magnifying-glass-light.png Binary files differnew file mode 100644 index 0000000..e8c1841 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/magnifying-glass-light.png diff --git a/arc-firefox-theme/chrome/browser/devtools/magnifying-glass-light@2x.png b/arc-firefox-theme/chrome/browser/devtools/magnifying-glass-light@2x.png Binary files differnew file mode 100644 index 0000000..d784870 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/magnifying-glass-light@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/magnifying-glass.png b/arc-firefox-theme/chrome/browser/devtools/magnifying-glass.png Binary files differnew file mode 100644 index 0000000..bd09ffb --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/magnifying-glass.png diff --git a/arc-firefox-theme/chrome/browser/devtools/magnifying-glass@2x.png b/arc-firefox-theme/chrome/browser/devtools/magnifying-glass@2x.png Binary files differnew file mode 100644 index 0000000..1784285 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/magnifying-glass@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/markup-view.css b/arc-firefox-theme/chrome/browser/devtools/markup-view.css new file mode 100644 index 0000000..e1912d8 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/markup-view.css @@ -0,0 +1,100 @@ +/* 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/. */ + +* { + padding: 0; + margin: 0; +} + +.more-nodes { + padding-left: 16px; +} + +.styleinspector-propertyeditor { + border: 1px solid #CCC; +} + + +/* Selected nodes in the tree should have light selected text. + theme-selected doesn't work in this case since the text is a + sibling of the class, not a child. */ +.theme-selected ~ .editor, +.theme-selected ~ .editor .theme-fg-color1, +.theme-selected ~ .editor .theme-fg-color2, +.theme-selected ~ .editor .theme-fg-color3, +.theme-selected ~ .editor .theme-fg-color4, +.theme-selected ~ .editor .theme-fg-color5, +.theme-selected ~ .editor .theme-fg-color6, +.theme-selected ~ .editor .theme-fg-color7 { + color: var(--theme-selection-color); +} + +/* In case a node isn't displayed in the page, we fade the syntax highlighting */ +.not-displayed .open, +.not-displayed .close { + opacity: .7; +} + +.tag-line { + padding-left: 2px; +} + +/* Preview */ + +#previewbar { + position: fixed; + top: 0; + right: 0; + width: 90px; + background: black; + border-left: 1px solid; + border-bottom: 1px solid; + overflow: hidden; +} + +#previewbar { + background: var(--theme-tab-toolbar-background); + border-color: var(--theme-splitter-color); +} + +#preview { + position: absolute; + top: 0; + right: 5px; + width: 80px; + height: 100%; + background-image: -moz-element(#root); + background-repeat: no-repeat; +} + +#previewbar.hide, +#previewbar.disabled { + display: none; +} + +#viewbox { + position: absolute; + top: 0; + right: 5px; + width: 80px; + border: 1px dashed #888; + background: rgba(205,205,255,0.2); + outline: 1px solid transparent; +} + +/* Events */ +.markupview-events { + font-size: 8px; + font-weight: bold; + line-height: 10px; + border-radius: 3px; + padding: 0px 2px; + -moz-margin-start: 5px; + -moz-user-select: none; +} + +.markupview-events { + background-color: var(--theme-body-color-alt); + color: var(--theme-body-background); +} diff --git a/arc-firefox-theme/chrome/browser/devtools/netmonitor.css b/arc-firefox-theme/chrome/browser/devtools/netmonitor.css new file mode 100644 index 0000000..96ba494 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/netmonitor.css @@ -0,0 +1,920 @@ +/* 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/. */ + +/* vim:set ts=2 sw=2 sts=2 et: */ +/* 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/. */ + +#requests-menu-empty-notice { + margin: 0; + padding: 12px; + font-size: 120%; +} + +#notice-perf-message { + margin-top: 2px; +} + +#requests-menu-perf-notice-button { + min-width: 30px; + min-height: 26px; + margin: 0; + list-style-image: url(profiler-stopwatch.svg); +} + +#requests-menu-perf-notice-button .button-text { + display: none; +} + +#requests-menu-reload-notice-button { + min-height: 26px; + margin: 0; +} + + +/* Network requests table */ + +#requests-menu-toolbar { + padding: 0; +} + +.requests-menu-header:first-child, +.requests-menu-subitem:first-child { + -moz-padding-start: 6px; +} + +.requests-menu-subitem { + padding: 3px; +} + +.theme-dark .requests-menu-header:not(:last-child), +.theme-dark .requests-menu-subitem:not(:last-child) { + -moz-border-end: 1px solid rgba(0,0,0,0.2); + box-shadow: 1px 0 0 rgba(128,128,128,0.15); +} + +.theme-dark .requests-menu-header:not(:last-child):-moz-locale-dir(rtl), +.theme-dark .requests-menu-subitem:not(:last-child):-moz-locale-dir(rtl) { + box-shadow: -1px 0 0 rgba(128,128,128,0.15); +} + +.theme-light .requests-menu-header:not(:last-child), +.theme-light .requests-menu-subitem:not(:last-child) { + -moz-border-end: 1px solid rgba(128,128,128,0.25); + box-shadow: 1px 0 0 transparent; +} + +.theme-light .requests-menu-header:not(:last-child):-moz-locale-dir(rtl), +.theme-light .requests-menu-subitem:not(:last-child):-moz-locale-dir(rtl) { + box-shadow: -1px 0 0 transparent; +} + +.requests-menu-header-button { + -moz-appearance: none; + background: none; + min-width: 1px; + min-height: 24px; + margin: 0; + border: none; + padding: 0; + color: inherit; + font-weight: inherit !important; + transition: background-color 0.1s ease-in-out; +} + +.requests-menu-header-button:hover { + background: rgba(0,0,0,0.10); +} + +.requests-menu-header-button:hover:active { + background: rgba(0,0,0,0.25); +} + +.requests-menu-header-button:not(:active)[sorted] { + background: rgba(0,0,0,0.15); +} + +.requests-menu-header-button:not(:active)[sorted=ascending] { + background-image: radial-gradient(farthest-side at center top, hsla(200,100%,70%,.7), hsla(200,100%,70%,0.3)); + background-size: 100% 1px; + background-repeat: no-repeat; +} + +.requests-menu-header-button:not(:active)[sorted=descending] { + background-image: radial-gradient(farthest-side at center bottom, hsla(200,100%,70%,.7), hsla(200,100%,70%,0.3)); + background-size: 100% 1px; + background-repeat: no-repeat; + background-position: bottom; +} + +/* Network requests table: specific column dimensions */ + +.requests-menu-status-and-method { + width: 12em; +} + +.requests-menu-status { + width: 20px; + height: 10px; +} + +.requests-menu-method { + text-align: center; + font-weight: 600; +} + +.requests-menu-icon-and-file { + width: 20vw; + min-width: 4em; +} + +.requests-menu-icon { + background: #fff; + width: calc(1em + 4px); + height: calc(1em + 4px); + margin: -4px 0px; + -moz-margin-end: 4px; +} + +.theme-dark .requests-menu-icon { + outline: 1px solid rgba(0,0,0,0.2); +} + +.theme-light .requests-menu-icon { + outline: 1px solid rgba(128,128,128,0.25); +} + +.requests-menu-file { + text-align: start; +} + +.requests-menu-security-and-domain { + width: 14vw; + min-width: 10em; +} + +.requests-security-state-icon { + -moz-margin-end: 4px; + -moz-image-region:rect(0px, 16px, 16px, 0px); +} + +.requests-security-state-icon:hover { + -moz-image-region: rect(0px, 32px, 16px, 16px); +} + +.requests-security-state-icon:active { + -moz-image-region: rect(0px, 48px, 16px, 32px); +} + +.security-state-insecure { + list-style-image: url(chrome://browser/skin/identity-icons-generic.png); +} + +.security-state-secure { + cursor: pointer; + list-style-image: url(chrome://browser/skin/identity-icons-https.png); +} + +.security-state-weak { + cursor: pointer; + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display.png); +} + +.security-state-broken { + cursor: pointer; + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-active.png); +} + +.requests-menu-type { + text-align: center; + width: 4em; +} + +.requests-menu-size { + text-align: center; + width: 8em; +} + +.requests-menu-transferred { + text-align: center; + width: 8em; +} + +/* Network requests table: status codes */ + +box.requests-menu-status { + background: #fff; + width: 10px; + -moz-margin-start: 5px; + -moz-margin-end: 5px; + border-radius: 10px; + transition: box-shadow 0.5s ease-in-out; +} + +label.requests-menu-status-code { + -moz-margin-start: 3px !important; + width: 3em; + -moz-margin-end: -3em !important; +} + +.theme-dark box.requests-menu-status:not([code]) { + background-color: rgba(95, 115, 135, 1); /* dark grey */ +} + +.theme-light box.requests-menu-status:not([code]) { + background-color: rgba(143, 161, 178, 1); /* grey */ +} + +.theme-dark box.requests-menu-status[code="cached"] { + border: 2px solid rgba(95, 115, 135, 1); /* dark grey */ + background-color: transparent; +} + +.theme-light box.requests-menu-status[code="cached"] { + border: 2px solid rgba(143, 161, 178, 1); /* grey */ + background-color: transparent; +} + +.theme-dark box.requests-menu-status[code^="1"] { + background-color: rgba(70, 175, 227, 1); /* light blue */ +} + +.theme-light box.requests-menu-status[code^="1"] { + background-color: rgba(0, 136, 204, 1); /* light blue */ +} + +.theme-dark box.requests-menu-status[code^="2"] { + background-color: rgba(112, 191, 83, 1); /* green */ +} + +.theme-light box.requests-menu-status[code^="2"] { + background-color: rgba(44, 187, 15, 1); /* green */ +} + +/* 3xx are triangles */ +.theme-dark box.requests-menu-status[code^="3"] { + background-color: transparent; + width: 0; + height: 0; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-bottom: 10px solid rgba(217, 155, 40, 1); /* light orange */ + border-radius: 0; +} + +.theme-light box.requests-menu-status[code^="3"] { + background-color: transparent; + width: 0; + height: 0; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-bottom: 10px solid rgba(217, 126, 0, 1); /* light orange */ + border-radius: 0; +} + +/* 4xx and 5xx are squares - error codes */ +.theme-dark box.requests-menu-status[code^="4"] { + background-color: rgba(235, 83, 104, 1); /* red */ + border-radius: 0; /* squares */ +} + +.theme-light box.requests-menu-status[code^="4"] { + background-color: rgba(237, 38, 85, 1); /* red */ + border-radius: 0; /* squares */ +} + +.theme-dark box.requests-menu-status[code^="5"] { + background-color: rgba(223, 128, 255, 1); /* pink? */ + border-radius: 0; + transform: rotate(45deg); +} + +.theme-light box.requests-menu-status[code^="5"] { + background-color: rgba(184, 46, 229, 1); /* pink! */ + border-radius: 0; + transform: rotate(45deg); +} + +/* Network requests table: waterfall header */ + +#requests-menu-waterfall-label { + -moz-padding-start: 8px; + -moz-padding-end: 8px; +} + +.requests-menu-timings-division { + width: 100px; + padding-top: 2px; + -moz-padding-start: 4px; + font-size: 75%; + pointer-events: none; +} + +.requests-menu-timings-division:not(:first-child) { + -moz-border-start: 1px dotted; + -moz-margin-start: -100px !important; /* Don't affect layout. */ +} + +.requests-menu-timings-division:-moz-locale-dir(ltr) { + transform-origin: left center; +} + +.requests-menu-timings-division:-moz-locale-dir(rtl) { + transform-origin: right center; +} + +.theme-dark .requests-menu-timings-division[division-scale=millisecond] { + -moz-border-start-color: var(--theme-selection-color) !important; +} + +.theme-light .requests-menu-timings-division[division-scale=millisecond] { + -moz-border-start-color: var(--theme-body-color-alt) !important; +} + +.theme-dark .requests-menu-timings-division[division-scale=second] { + -moz-border-start-color: var(--theme-selection-color) !important; + font-weight: 600; +} + +.theme-light .requests-menu-timings-division[division-scale=second] { + -moz-border-start-color: var(--theme-body-color-alt) !important; + font-weight: 600; +} + +.theme-dark .requests-menu-timings-division[division-scale=minute] { + -moz-border-start-color: var(--theme-selection-color) !important; + font-weight: 600; +} + +.theme-light .requests-menu-timings-division[division-scale=minute] { + -moz-border-start-color: var(--theme-body-color-alt) !important; + font-weight: 600; +} + +/* Network requests table: waterfall items */ + +.requests-menu-subitem.requests-menu-waterfall { + -moz-padding-start: 0px; + -moz-padding-end: 4px; + /* Background created on a <canvas> in js. */ + /* @see browser/devtools/netmonitor/netmonitor-view.js */ + background-image: -moz-element(#waterfall-background); + background-repeat: repeat-y; + background-position: -1px center; +} + +.requests-menu-subitem.requests-menu-waterfall:-moz-locale-dir(rtl) { + background-position: right center; +} + +.requests-menu-timings:-moz-locale-dir(ltr) { + transform-origin: left center; +} + +.requests-menu-timings:-moz-locale-dir(rtl) { + transform-origin: right center; +} + +.requests-menu-timings-total:-moz-locale-dir(ltr) { + transform-origin: left center; +} + +.requests-menu-timings-total:-moz-locale-dir(rtl) { + transform-origin: right center; +} + +.requests-menu-timings-total { + -moz-padding-start: 4px; + font-size: 85%; + font-weight: 600; +} + +.requests-menu-timings-box { + height: 9px; +} + +.requests-menu-timings-box.blocked { + background-color: rgba(235, 83, 104, 0.8); /* red */ +} + +.requests-menu-timings-box.dns { + background-color: rgba(223, 128, 255, 0.8); /* pink */ +} + +.requests-menu-timings-box.connect { + background-color: rgba(217, 102, 41, 0.8); /* orange */ +} + +/* Use custom colors for dark and light theme on remaining timing types. */ +.theme-dark .requests-menu-timings-box.send { + background-color: rgba(70, 175, 227, 0.8); /* light blue */ +} + +.theme-light .requests-menu-timings-box.send { + background-color: rgba(0, 136, 204, 0.8); /* blue */ +} + +.theme-dark .requests-menu-timings-box.wait { + background-color: rgba(94, 136, 176, 0.8); /* blue grey */ +} + +.theme-light .requests-menu-timings-box.wait { + background-color: rgba(95, 136, 176, 0.8); /* blue grey */ +} + +.theme-dark .requests-menu-timings-box.receive { + background-color: rgba(112, 191, 83, 0.8); /* green */ +} + +.theme-light .requests-menu-timings-box.receive { + background-color: rgba(44, 187, 15, 0.8); /* green */ +} + +/* SideMenuWidget */ + +.side-menu-widget-item-contents { + padding: 0px; +} + +.theme-dark .side-menu-widget-item:not(.selected)[odd] { + background: rgba(255,255,255,0.05); +} + +.theme-light .side-menu-widget-item:not(.selected)[odd] { + background: rgba(128,128,128,0.05); +} + +/* Network request details */ + +#details-pane-toggle { + background: none; + box-shadow: none; + border-color: transparent; + list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png"); + -moz-image-region: rect(0px,16px,16px,0px); +} + +#details-pane-toggle > .toolbarbutton-icon { + width: 16px; + height: 16px; +} + +#details-pane-toggle[pane-collapsed] { + list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png"); +} + +#details-pane-toggle:active { + -moz-image-region: rect(0px,32px,16px,16px); +} + +@media (min-resolution: 1.25dppx) { + #details-pane-toggle { + list-style-image: url("chrome://browser/skin/devtools/debugger-collapse@2x.png"); + -moz-image-region: rect(0px,32px,32px,0px); + } + + #details-pane-toggle[pane-collapsed] { + list-style-image: url("chrome://browser/skin/devtools/debugger-expand@2x.png"); + } + + #details-pane-toggle:active { + -moz-image-region: rect(0px,64px,32px,32px); + } +} + +/* Network request details tabpanels */ + +.theme-dark .tabpanel-content { + background-color: var(--theme-toolbar-background); + color: var(--theme-selection-color); +} + +/* Summary tabpanel */ + +.tabpanel-summary-container { + padding: 1px; +} + +.tabpanel-summary-label { + -moz-padding-start: 4px; + -moz-padding-end: 3px; + font-weight: 600; +} + +.tabpanel-summary-value { + color: inherit; + -moz-padding-start: 3px; +} + +.theme-dark .tabpanel-summary-value { + color: var(--theme-selection-color); +} + +/* Headers tabpanel */ + +#headers-summary-status, +#headers-summary-version { + padding-bottom: 2px; +} + +#headers-summary-size { + padding-top: 2px; +} + +#headers-summary-resend { + margin-top: -10px; + -moz-margin-end: 6px; +} + +#toggle-raw-headers { + margin-top: -10px; + -moz-margin-end: 6px; +} + +.raw-response-textarea { + height: 50vh; +} + +/* Response tabpanel */ + +#response-content-info-header { + margin: 0; + padding: 3px 8px; + background-color: var(--theme-highlight-red); + color: var(--theme-selection-color); +} + +#response-content-image-box { + padding-top: 10px; + padding-bottom: 10px; +} + +#response-content-image { + background: #fff; + border: 1px dashed GrayText; + margin-bottom: 10px; +} + +/* Preview tabpanel */ + +#preview-tabpanel { + background: #fff; +} + +#response-preview { + display: -moz-box; + -moz-box-flex: 1; +} + +/* Timings tabpanel */ + +#timings-tabpanel .tabpanel-summary-label { + width: 10em; +} + +#timings-tabpanel .requests-menu-timings-box { + transition: transform 0.2s ease-out; + border: none; + min-width: 1px; +} + +#timings-tabpanel .requests-menu-timings-total { + transition: transform 0.2s ease-out; +} + +/* Security tabpanel */ +.security-info-section { + -moz-padding-start: 1em; +} + +#security-tabpanel { + overflow: auto; +} + +.security-warning-icon { + background-image: url(alerticon-warning.png); + background-size: 13px 12px; + -moz-margin-start: 5px; + vertical-align: top; + width: 13px; + height: 12px; +} + +@media (min-resolution: 1.25dppx) { + .security-warning-icon { + background-image: url(alerticon-warning@2x.png); + } +} + +/* Custom request form */ + +#custom-pane { + padding: 0.6em 0.5em; +} + +.custom-header { + font-size: 1.1em; +} + +.custom-section { + margin-top: 0.5em; +} + +#custom-method-value { + width: 4.5em; +} + +/* Footer */ + +.theme-dark #requests-menu-footer { + border-top: 1px solid rgba(0,0,0,0.2); + box-shadow: 0 1px 0 rgba(128,128,128,0.15) inset; + background-color: var(--theme-toolbar-background); +} + +.theme-light #requests-menu-footer { + border-top: 1px solid rgba(128,128,128,0.25); + box-shadow: 0 1px 0 transparent inset; + background-color: var(--theme-toolbar-background); +} + +.requests-menu-footer-button, +.requests-menu-footer-label { + min-width: 1em; + margin: 0; + border: none; + padding: 2px 1vw; +} + +.theme-dark .requests-menu-footer-button, +.theme-dark .requests-menu-footer-label { + color: var(--theme-selection-color); +} + +.theme-light .requests-menu-footer-button, +.theme-light .requests-menu-footer-label { + color: var(--theme-body-color); +} + +.requests-menu-footer-spacer { + min-width: 2px; +} + +.theme-dark .requests-menu-footer-spacer:not(:first-child), +.theme-dark .requests-menu-footer-button:not(:first-child) { + -moz-border-start: 1px solid rgba(128,128,128,0.15); + box-shadow: -1px 0 0 rgba(0,0,0,0.2); +} + +.theme-light .requests-menu-footer-spacer:not(:first-child), +.theme-light .requests-menu-footer-button:not(:first-child) { + -moz-border-start: 1px solid transparent; + box-shadow: -1px 0 0 rgba(128,128,128,0.25); +} + +.requests-menu-footer-button { + -moz-appearance: none; + background: rgba(0,0,0,0.025); +} + +.requests-menu-footer-button:hover { + background: rgba(0,0,0,0.10); +} + +.theme-dark .requests-menu-footer-button:hover:active { + background-color: rgba(29,79,115,0.4); /* Select Highlight Blue at 40% opacity */ +} + +.theme-light .requests-menu-footer-button:hover:active { + background-color: rgba(76,158,217,0.4); /* Select Highlight Blue at 40% opacity */ +} + +.theme-dark .requests-menu-footer-button:not(:active)[checked] { + background-color: rgba(29,79,115,1); /* Select Highlight Blue */ + color: rgba(245,247,250,1); /* Light foreground text */ +} + +.theme-light .requests-menu-footer-button:not(:active)[checked] { + background-color: rgba(76,158,217,1); /* Select Highlight Blue */ + color: rgba(245,247,250,1); /* Light foreground text */ +} + +.requests-menu-footer-label { + padding-top: 3px; + font-weight: 600; +} + +#requests-menu-filter-freetext-text { + transition-property: max-width, -moz-padding-end, -moz-padding-start; + transition-duration: 250ms; + transition-timing-function: ease; +} + +#requests-menu-filter-freetext-text:not([focused]):not([filled]) > .textbox-input-box { + overflow: hidden; +} + +#requests-menu-filter-freetext-text:not([focused]):not([filled]) { + max-width: 20px !important; + -moz-padding-end: 5px; + -moz-padding-start: 22px; + background-position: 8px center, top left, top left; +} + +#requests-menu-filter-freetext-text[focused], +#requests-menu-filter-freetext-text[filled] { + max-width: 200px !important; +} + +/* Performance analysis buttons */ + +#requests-menu-network-summary-button { + background: none; + box-shadow: none; + border-color: transparent; + list-style-image: url(profiler-stopwatch.svg); + -moz-padding-end: 0; + cursor: pointer; +} + +#requests-menu-network-summary-label { + -moz-padding-start: 0; + cursor: pointer; +} + +#requests-menu-network-summary-label:hover { + text-decoration: underline; +} + +/* Performance analysis view */ + +#network-statistics-toolbar { + border: none; + margin: 0; + padding: 0; +} + +#network-statistics-back-button { + min-width: 4em; + min-height: 100vh; + margin: 0; + padding: 0; + border-radius: 0; + border-top: none; + border-bottom: none; + -moz-border-start: none; +} + +#network-statistics-view-splitter { + border-color: rgba(0,0,0,0.2); + cursor: default; + pointer-events: none; +} + +#network-statistics-charts { + min-height: 1px; +} + +#network-statistics-charts { + background-color: var(--theme-toolbar-background); +} + +#network-statistics-charts .pie-chart-container { + -moz-margin-start: 3vw; + -moz-margin-end: 1vw; +} + +#network-statistics-charts .table-chart-container { + -moz-margin-start: 1vw; + -moz-margin-end: 3vw; +} + +.chart-colored-blob[name=html] { + fill: var(--theme-highlight-bluegrey); + background: var(--theme-highlight-bluegrey); +} + +.chart-colored-blob[name=css] { + fill: var(--theme-highlight-blue); + background: var(--theme-highlight-blue); +} + +.chart-colored-blob[name=js] { + fill: var(--theme-highlight-lightorange); + background: var(--theme-highlight-lightorange); +} + +.chart-colored-blob[name=xhr] { + fill: var(--theme-highlight-orange); + background: var(--theme-highlight-orange); +} + +.chart-colored-blob[name=fonts] { + fill: var(--theme-highlight-purple); + background: var(--theme-highlight-purple); +} + +.chart-colored-blob[name=images] { + fill: var(--theme-highlight-pink); + background: var(--theme-highlight-pink); +} + +.chart-colored-blob[name=media] { + fill: var(--theme-highlight-green); + background: var(--theme-highlight-green); +} + +.chart-colored-blob[name=flash] { + fill: var(--theme-highlight-red); + background: var(--theme-highlight-red); +} + +.table-chart-row-label[name=cached] { + display: none; +} + +.table-chart-row-label[name=count] { + width: 3em; + text-align: end; +} + +.table-chart-row-label[name=label] { + width: 7em; +} + +.table-chart-row-label[name=size] { + width: 7em; +} + +.table-chart-row-label[name=time] { + width: 7em; +} + +/* Responsive sidebar */ +@media (max-width: 700px) { + #requests-menu-toolbar { + height: 22px; + } + + .requests-menu-header-button { + min-height: 20px; + } + + #details-pane { + margin: 0 !important; + /* To prevent all the margin hacks to hide the sidebar. */ + } + + .requests-menu-status-and-method { + width: 16vw; + } + + .requests-menu-icon-and-file { + width: 30vw; + } + + .requests-menu-security-and-domain { + width: 30vw; + } + + .requests-menu-type { + width: 8vw; + } + + .requests-menu-size { + width: 16vw; + border-width: 0 !important; + box-shadow: none !important; + /* The "Timeline" header is not visible anymore, and thus the + right border and box-shadow of "Size" column should be hidden. */ + } +} + +#headers-summary-resend { + padding: 4px; +} + +#toggle-raw-headers { + padding: 4px; +} + +.requests-menu-status-and-method { + width: 9em; +} + +.requests-menu-security-and-domain { + width: 16vw; +} + +.requests-menu-size { + width: 6em; +} + +/* Responsive sidebar */ +@media (max-width: 700px) { + .requests-menu-header-button { + font-size: 85%; + } +} diff --git a/arc-firefox-theme/chrome/browser/devtools/newtab-inverted.png b/arc-firefox-theme/chrome/browser/devtools/newtab-inverted.png Binary files differnew file mode 100644 index 0000000..2d29c2c --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/newtab-inverted.png diff --git a/arc-firefox-theme/chrome/browser/devtools/newtab-inverted@2x.png b/arc-firefox-theme/chrome/browser/devtools/newtab-inverted@2x.png Binary files differnew file mode 100644 index 0000000..6feba0e --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/newtab-inverted@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/newtab.png b/arc-firefox-theme/chrome/browser/devtools/newtab.png Binary files differnew file mode 100644 index 0000000..32e42b0 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/newtab.png diff --git a/arc-firefox-theme/chrome/browser/devtools/newtab@2x.png b/arc-firefox-theme/chrome/browser/devtools/newtab@2x.png Binary files differnew file mode 100644 index 0000000..ffde5f0 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/newtab@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/noise.png b/arc-firefox-theme/chrome/browser/devtools/noise.png Binary files differnew file mode 100644 index 0000000..01d340a --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/noise.png diff --git a/arc-firefox-theme/chrome/browser/devtools/performance-icons.svg b/arc-firefox-theme/chrome/browser/devtools/performance-icons.svg new file mode 100644 index 0000000..3004e04 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/performance-icons.svg @@ -0,0 +1,42 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px">
+<style>
+ g {
+ fill: #babec3;
+ }
+ g:not(:target) {
+ display: none;
+ }
+</style>
+<g id="overview-markers">
+ <rect x="0px" y="3px" width="5px" height="2.5px" rx="1" ry="1"/>
+ <rect x="7px" y="3px" width="9px" height="2.5px" rx="1" ry="1"/>
+ <rect x="0px" y="7px" width="9px" height="2.5px" rx="1" ry="1"/>
+ <rect x="10px" y="7px" width="6px" height="2.5px" rx="1" ry="1"/>
+ <rect x="4px" y="11px" width="5px" height="2.5px" rx="1" ry="1"/>
+ <rect x="12px" y="11px" width="4px" height="2.5px" rx="1" ry="1"/>
+</g>
+<g id="overview-frames">
+ <rect x="1px" y="4px" width="2px" height="12px" rx="1" ry="1"/>
+ <rect x="5px" y="12px" width="2px" height="4px" rx="1" ry="1"/>
+ <rect x="9px" y="9px" width="2px" height="7px" rx="1" ry="1"/>
+ <rect x="13px" y="7px" width="2px" height="9px" rx="1" ry="1"/>
+</g>
+<g id="details-waterfall">
+ <rect x="0px" y="3px" width="9px" height="2.5px" rx="1" ry="1"/>
+ <rect x="5px" y="7px" width="8px" height="2.5px" rx="1" ry="1"/>
+ <rect x="7px" y="11px" width="9px" height="2.5px" rx="1" ry="1"/>
+</g>
+<g id="details-call-tree">
+ <rect x="0px" y="3px" width="16px" height="2px" rx="1" ry="1"/>
+ <rect x="0px" y="6px" width="8px" height="2px" rx="1" ry="1"/>
+ <rect x="0px" y="9px" width="11px" height="2px" rx="1" ry="1"/>
+ <rect x="0px" y="12px" width="6px" height="2px" rx="1" ry="1"/>
+</g>
+<g id="details-flamegraph">
+ <rect x="0px" y="3px" width="16px" height="2px" rx="1" ry="1"/>
+ <rect x="0px" y="6px" width="8px" height="2px" rx="1" ry="1"/>
+ <rect x="10px" y="6px" width="6px" height="2px" rx="1" ry="1"/>
+ <rect x="2px" y="9px" width="6px" height="2px" rx="1" ry="1"/>
+ <rect x="5px" y="12px" width="3px" height="2px" rx="1" ry="1"/>
+</g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/performance.css b/arc-firefox-theme/chrome/browser/devtools/performance.css new file mode 100644 index 0000000..50c375c --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/performance.css @@ -0,0 +1,695 @@ +/* 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/. */ + +/* vim:set ts=2 sw=2 sts=2 et: */ +/* 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/. */ + +/* CSS Variables specific to this panel that aren't defined by the themes */ +.theme-dark { + --cell-border-color: rgba(255,255,255,0.15); + --focus-cell-border-color: rgba(255,255,255,0.5); + --row-alt-background-color: rgba(29,79,115,0.15); + --row-hover-background-color: rgba(29,79,115,0.25); +} + +.theme-light { + --cell-border-color: rgba(0,0,0,0.15); + --focus-cell-border-color: rgba(0,0,0,0.3); + --row-alt-background-color: rgba(76,158,217,0.1); + --row-hover-background-color: rgba(76,158,217,0.2); +} + +/* Toolbar */ + +#performance-toolbar > tabs, +#performance-toolbar { + -moz-border-end-color: var(--theme-splitter-color); +} + +#performance-toolbar-control-other { + -moz-padding-end: 5px; +} + +#performance-toolbar-controls-detail-views > toolbarbutton { + min-width: 0; +} + +#performance-toolbar-controls-detail-views .toolbarbutton-text { + -moz-padding-start: 4px; + -moz-padding-end: 8px; +} + +#filter-button { + list-style-image: url(timeline-filter.svg#filter); + min-width: 24px; +} + +#filter-button[disabled] { + list-style-image: url(timeline-filter.svg#filter-disabled); +} + +#filter-button[open] { + list-style-image: url(timeline-filter.svg#filter-open); +} + +#performance-filter-menupopup > menuitem:before { + content: ""; + display: block; + width: 8px; + height: 8px; + margin: 0 8px; + border-radius: 1px; +} + +/* Recording Notice */ + +#performance-view .notice-container { + font-size: 120%; + background-color: var(--theme-toolbar-background); + color: var(--theme-body-color); + padding-bottom: 20vh; +} + +#performance-view .notice-container button { + min-width: 30px; + min-height: 28px; + margin: 0; +} + +#performance-view .notice-container vbox { + text-align: center; +} + +.console-profile-command { + font-family: monospace; + margin: 3px 2px; +} + +#performance-view .realtime-message { + opacity: 0.5; + display: block; +} + +#performance-view toolbarbutton.record-button { + padding: 5px; +} + +#performance-view toolbarbutton.record-button[checked], +#performance-view toolbarbutton.record-button[checked] { + color: var(--theme-selection-color); + background: var(--theme-selection-background); +} + +#performance-view .realtime-disabled-message, +#performance-view .realtime-disabled-on-e10s-message { + display: none; + /* This label does not want to wrap naturally (based on some combination of + it's parents and flex). Quick and dirty way to force it to wrap -> don't + let it get bigger than half the screen size */ + max-width: 60vw; +} + +#performance-view[e10s="disabled"] .realtime-disabled-on-e10s-message { + display: block; + opacity: 0.5; + +} +#performance-view[e10s="unsupported"] .realtime-disabled-message { + display: block; + opacity: 0.5; +} + +#details-pane-container .buffer-status-message, +#details-pane-container .buffer-status-message-full { + display: none; +} + +#details-pane-container[buffer-status="in-progress"] .buffer-status-message { + display: block; + opacity: 0.5; +} + +#details-pane-container[buffer-status="full"] .buffer-status-message { + display: block; + color: var(--theme-highlight-red); + font-weight: bold; + opacity: 1; +} + +#details-pane-container[buffer-status="full"] .buffer-status-message-full { + display: block; +} + +/* Overview Panel */ + +#main-record-button { + list-style-image: url(profiler-stopwatch.svg); +} + +#main-record-button[checked] { + list-style-image: url(profiler-stopwatch-checked.svg); +} + +#main-record-button[locked] { + pointer-events: none; +} + +#main-record-button .button-icon { + margin: 0; +} + +#main-record-button .button-text { + display: none; +} + +/* Details Panel */ + +#select-waterfall-view { + list-style-image: url(performance-icons.svg#details-waterfall); +} + +#select-js-calltree-view, +#select-memory-calltree-view { + list-style-image: url(performance-icons.svg#details-call-tree); +} + +#select-js-flamegraph-view, +#select-memory-flamegraph-view { + list-style-image: url(performance-icons.svg#details-flamegraph); +} + +/* Profile call tree */ + +.call-tree-cells-container { + /* Hack: force hardware acceleration */ + transform: translateZ(1px); + overflow: auto; +} + +.call-tree-cells-container[categories-hidden] .call-tree-category { + display: none; +} + +.call-tree-header { + font-size: 90%; + padding-top: 2px !important; + padding-bottom: 2px !important; +} + +.call-tree-header[type="duration"], +.call-tree-cell[type="duration"], +.call-tree-header[type="self-duration"], +.call-tree-cell[type="self-duration"] { + width: 6vw; +} + +.call-tree-header[type="percentage"], +.call-tree-cell[type="percentage"], +.call-tree-header[type="self-percentage"], +.call-tree-cell[type="self-percentage"] { + width: 5vw; +} + +.call-tree-header[type="samples"], +.call-tree-cell[type="samples"] { + width: 4.5vw; +} + +.call-tree-header[type="allocations"], +.call-tree-cell[type="allocations"], +.call-tree-header[type="self-allocations"], +.call-tree-cell[type="self-allocations"] { + width: 9vw; +} + +.call-tree-header[type="function"], +.call-tree-cell[type="function"] { + -moz-box-flex: 1; +} + +.call-tree-header, +.call-tree-cell { + -moz-box-align: center; + overflow: hidden; + padding: 1px 4px; + color: var(--theme-body-color); + -moz-border-end-color: var(--cell-border-color); +} + +.call-tree-header:not(:last-child), +.call-tree-cell:not(:last-child) { + -moz-border-end-width: 1px; + -moz-border-end-style: solid; +} + +.call-tree-header:not(:last-child) { + text-align: center; +} + +.call-tree-cell:not(:last-child) { + text-align: end; +} + +.call-tree-header { + background-color: var(--theme-tab-toolbar-background); +} + +.call-tree-item:last-child:not(:focus) { + border-bottom: 1px solid var(--cell-border-color); +} + +.call-tree-item:nth-child(2n) { + background-color: var(--row-alt-background-color); +} + +.call-tree-item:hover { + background-color: var(--row-hover-background-color); +} + +.call-tree-item:focus { + background-color: var(--theme-selection-background); +} + +.call-tree-item:focus label { + color: var(--theme-selection-color) !important; +} + +.call-tree-item:focus .call-tree-cell { + -moz-border-end-color: var(--focus-cell-border-color); +} + +.call-tree-item:not([origin="content"]) .call-tree-name, +.call-tree-item:not([origin="content"]) .call-tree-url, +.call-tree-item:not([origin="content"]) .call-tree-line, +.call-tree-item:not([origin="content"]) .call-tree-column { + /* Style chrome and non-JS nodes differently. */ + opacity: 0.6; +} + +.call-tree-name { + -moz-margin-end: 4px !important; +} + +.call-tree-url { + cursor: pointer; +} + +.call-tree-url:hover { + text-decoration: underline; +} + +.call-tree-url, .tree-widget-item:not(.theme-selected) .opt-url { + color: var(--theme-highlight-blue); +} + +.call-tree-line, .tree-widget-item:not(.theme-selected) .opt-line { + color: var(--theme-highlight-orange); +} + +.call-tree-column { + color: var(--theme-highlight-orange); + opacity: 0.6; +} + +.call-tree-host { + -moz-margin-start: 8px !important; + font-size: 90%; + color: var(--theme-content-color2); +} + +.call-tree-zoom { + -moz-appearance: none; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 11px; + min-width: 11px; + -moz-margin-start: 8px !important; + cursor: zoom-in; + opacity: 0; +} + +.theme-dark .call-tree-zoom { + background-image: url(magnifying-glass.png); +} + +.theme-light .call-tree-zoom { + background-image: url(magnifying-glass-light.png); +} + +@media (min-resolution: 1.25dppx) { + .theme-dark .call-tree-zoom { + background-image: url(magnifying-glass@2x.png); + } + + .theme-light .call-tree-zoom { + background-image: url(magnifying-glass-light@2x.png); + } +} + +.call-tree-item:hover .call-tree-zoom { + transition: opacity 0.3s ease-in; + opacity: 1; +} + +.call-tree-item:hover .call-tree-zoom:hover { + opacity: 0; +} + +.call-tree-category { + transform: scale(0.75); + transform-origin: center right; +} + +/** + * Details Waterfall Styles + */ + +.waterfall-list-contents { + /* Hack: force hardware acceleration */ + transform: translateZ(1px); + overflow-x: hidden; + overflow-y: auto; +} + +.waterfall-header-contents { + overflow-x: hidden; +} + +.waterfall-background-ticks { + /* Background created on a <canvas> in js. */ + /* @see browser/devtools/timeline/widgets/waterfall.js */ + background-image: -moz-element(#waterfall-background); + background-repeat: repeat-y; + background-position: -1px center; +} + +.waterfall-marker-container[is-spacer] { + pointer-events: none; +} + +.theme-dark .waterfall-marker-container:not([is-spacer]):nth-child(2n) { + background-color: rgba(255,255,255,0.03); +} + +.theme-light .waterfall-marker-container:not([is-spacer]):nth-child(2n) { + background-color: rgba(128,128,128,0.03); +} + +.theme-dark .waterfall-marker-container:hover { + background-color: rgba(255,255,255,0.1) !important; +} + +.theme-light .waterfall-marker-container:hover { + background-color: rgba(128,128,128,0.1) !important; +} + +.waterfall-marker-item { + overflow: hidden; +} + +.waterfall-sidebar { + -moz-border-end: 1px solid var(--theme-splitter-color); +} + +.waterfall-marker-container:hover > .waterfall-sidebar { + background-color: transparent; +} + +.waterfall-header-name { + padding: 2px 4px; + font-size: 90%; +} + +.waterfall-header-tick { + width: 100px; + font-size: 9px; + transform-origin: left center; + color: var(--theme-body-color); +} + +.waterfall-header-tick:not(:first-child) { + -moz-margin-start: -100px !important; /* Don't affect layout. */ +} + +.waterfall-marker-bullet { + width: 8px; + height: 8px; + -moz-margin-start: 8px; + -moz-margin-end: 6px; + border-radius: 1px; +} + +.waterfall-marker-name { + font-size: 95%; + padding-bottom: 1px !important; +} + +.waterfall-marker-bar { + height: 9px; + transform-origin: left center; + border-radius: 1px; +} + +.waterfall-marker-container.selected > .waterfall-sidebar, +.waterfall-marker-container.selected > .waterfall-marker-item { + background-color: var(--theme-selection-background); + color: var(--theme-selection-color); +} + +#waterfall-details { + -moz-padding-start: 8px; + -moz-padding-end: 8px; + padding-top: 2vh; + overflow: auto; + min-width: 50px; +} + +.marker-details-bullet { + width: 8px; + height: 8px; + border-radius: 1px; +} + +menuitem.marker-color-graphs-purple:before, +.marker-color-graphs-purple { + background-color: var(--theme-graphs-purple); +} +menuitem.marker-color-graphs-grey:before, +.marker-color-graphs-grey{ + background-color: var(--theme-graphs-grey); +} +menuitem.marker-color-graphs-green:before, +.marker-color-graphs-green { + background-color: var(--theme-graphs-green); +} +menuitem.marker-color-graphs-yellow:before, +.marker-color-graphs-yellow { + background-color: var(--theme-graphs-yellow); +} +menuitem.marker-color-graphs-red:before, +.marker-color-graphs-red { + background-color: var(--theme-graphs-red); +} +menuitem.marker-color-graphs-blue:before, +.marker-color-graphs-blue { + background-color: var(--theme-graphs-blue); +} + +#waterfall-details > * { + padding-top: 3px; +} + +.marker-details-labelname { + -moz-padding-end: 4px; +} + +.marker-details-type { + font-size: 1.2em; + font-weight: bold; +} + +.marker-details-duration { + font-weight: bold; +} + +/* Recording items */ + +.recording-item { + padding: 4px; +} + +.recording-item-title { + font-size: 110%; +} + +.recording-item-footer { + padding-top: 4px; + font-size: 90%; +} + +.recording-item-save { + text-decoration: underline; + cursor: pointer; +} + +.recording-item-duration, +.recording-item-save { + color: var(--theme-body-color-alt); +} + +#recordings-list .selected label { + /* Text inside a selected item should not be custom colored. */ + color: inherit !important; +} + +/** + * JIT View + */ + +#jit-optimizations-view { + width: 350px; + overflow-x: hidden; + overflow-y: auto; + min-width: 200px; +} + +/* override default styles for tree widget */ +#jit-optimizations-view .tree-widget-empty-text { + font-size: inherit; + padding: 0px; + margin: 8px; +} + +#jit-optimizations-view:not(.empty) .tree-widget-empty-text { + display: none; +} + +#jit-optimizations-toolbar { + height: 18px; + min-height: 0px; /* override .devtools-toolbar min-height */ +} + +.jit-optimizations-title { + margin: 0px 4px; + font-weight: 600; +} + +#jit-optimizations-raw-view { + font-size: 90%; +} + +/* override default .tree-widget-item line-height */ +#jit-optimizations-raw-view .tree-widget-item { + line-height: 20px !important; + display: block; + overflow: hidden; +} + +#jit-optimizations-raw-view .tree-widget-item[level="1"] { + font-weight: 600; +} + +#jit-optimizations-view .opt-outcome::before { + content: "→"; + margin: 4px 0px; + color: var(--theme-body-color); +} +#jit-optimizations-view .theme-selected .opt-outcome::before { + color: var(--theme-selection-color); +} + +#jit-optimizations-view .tree-widget-item:not(.theme-selected) .opt-outcome[outcome=success] { + color: var(--theme-highlight-green); +} +#jit-optimizations-view .tree-widget-item:not(.theme-selected) .opt-outcome[outcome=failure] { + color: var(--theme-highlight-red); +} +#jit-optimizations-view .tree-widget-container { + -moz-margin-end: 0px; +} +#jit-optimizations-view .tree-widget-container > li, +#jit-optimizations-view .tree-widget-children > li { + overflow: hidden; +} + +.opt-line::before { + content: ":"; + color: var(--theme-highlight-orange); +} +.theme-selected .opt-line::before { + color: var(--theme-selection-color); +} +.opt-line.header-line::before { + color: var(--theme-body-color); +} +#jit-optimizations-view.empty .opt-line.header-line::before { + display: none; +} + +.opt-url { + -moz-margin-start: 4px !important; +} +.opt-url:hover { + text-decoration: underline; +} +.opt-url.debugger-link { + cursor: pointer; +} + +#jit-optimizations-view .opt-icon::before { + content: ""; + background-image: url(chrome://browser/skin/devtools/webconsole.png); + background-repeat: no-repeat; + background-size: 48px 40px; + margin: 5px 6px 0 0; + width: 8px; + height: 8px; + max-height: 8px; + display: inline-block; +} + +#jit-optimizations-view .opt-icon[severity=warning]::before { + background-position: -16px -16px; +} + +@media (min-resolution: 1.25dppx) { + #jit-optimizations-view .opt-icon::before { + background-image: url(chrome://browser/skin/devtools/webconsole@2x.png); + } +} + +/** + * Configurable Options + * + * Elements can be tagged with a class and visibility is controlled via a preference being + * applied or removed. + */ + +/** + * devtools.performance.ui.experimental + */ +menuitem.experimental-option::before { + content: ""; + background-image: url(chrome://browser/skin/devtools/webconsole.png); + background-repeat: no-repeat; + background-size: 48px 40px; + margin: 2px 5px 0 0; + width: 8px; + height: 8px; + max-height: 8px; + display: inline-block; + background-position: -16px -16px; +} +@media (min-resolution: 1.25dppx) { + menuitem.experimental-option::before { + background-image: url(chrome://browser/skin/devtools/webconsole@2x.png); + } +} +#performance-options-menupopup:not(.experimental-enabled) .experimental-option, +#performance-options-menupopup:not(.experimental-enabled) .experimental-option::before { + display: none; +} diff --git a/arc-firefox-theme/chrome/browser/devtools/power.svg b/arc-firefox-theme/chrome/browser/devtools/power.svg new file mode 100644 index 0000000..f675e30 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/power.svg @@ -0,0 +1,14 @@ +<!-- +Logo from raphaeljs.com, MIT License + +Copyright © 2008 Dmitry Baranovskiy + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +The software is provided “as is”, without warranty of any kind, express or implied, including but not limited to the warranties of merchantability, fitness for a particular purpose and noninfringement. In no event shall the authors or copyright holders be liable for any claim, damages or other liability, whether in an action of contract, tort or otherwise, arising from, out of or in connection with the software or the use or other dealings in the software. +--> +<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"> + <path stroke="#babec3" d="m10.89891,2.50043c-0.49827,-0.24134 -1.09841,-0.03411 -1.34129,0.46514c-0.24185,0.49928 -0.03311,1.09942 0.46517,1.34128c1.56306,0.76071 2.64193,2.36094 2.64092,4.21555c-0.00501,2.58626 -2.09749,4.6787 -4.68322,4.68321c-2.58623,-0.005 -4.67869,-2.09746 -4.68371,-4.68321c-0.001,-1.85561 1.07834,-3.45731 2.64294,-4.21654c0.49928,-0.24185 0.7065,-0.84201 0.46514,-1.34129c-0.24185,-0.49825 -0.84098,-0.70697 -1.34029,-0.46513c-2.23396,1.08135 -3.77446,3.37351 -3.77545,6.02296c0.00099,3.69518 2.99518,6.68989 6.69138,6.69088c3.6957,-0.00099 6.69037,-2.9957 6.69089,-6.69088c-0.00102,-2.64846 -1.53948,-4.9391 -3.77247,-6.02197zm-2.91842,4.9346c0.55398,0 1.00309,-0.44861 1.00309,-1.00357l0,-4.68373c0,-0.55446 -0.44911,-1.00309 -1.00309,-1.00309c-0.555,0 -1.00358,0.44911 -1.00358,1.00309l0,4.68321c0,0.55499 0.44858,1.00409 1.00358,1.00409z" stroke-width="0" fill="#babec3"/> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/profiler-stopwatch-checked.svg b/arc-firefox-theme/chrome/browser/devtools/profiler-stopwatch-checked.svg new file mode 100644 index 0000000..f682354 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/profiler-stopwatch-checked.svg @@ -0,0 +1,14 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16"> +<g fill="#3BACE5" fill-rule="evenodd"> +<path d="m8,1c-3.9,0-7,3.1-7,7s3.1,7 7,7c3.9,0 7-3.1 7-7s-3.1-7-7-7zm-.1,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5s5,2.2 5,5c0,2.8-2.2,5-5,5z"/> +<path d="m8,6.9c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/> +<path d="m11.3,4.6l-3.9,2.5 1.5,1.4 2.4-3.9z"/> +<path opacity=".4" d="m4.6,10c.7,1.2 2,2 3.4,2 1.5,0 2.7-.8 3.4-2h-6.8z"/> +<g opacity=".3"> +<path d="m7.1,5.1l-.6-1.3-.9,.4 .7,1.3c.2-.1 .5-.3 .8-.4z"/> +<path d="m9.8,5.6l.7-1.4-.9-.4-.7,1.3c.3,.2 .6,.3 .9,.5z"/> +<path d="m10.8,7c.1,.3 .2,.7 .2,1h2v-1h-2.2z"/> +<path d="m5,8c0-.3 .1-.7 .2-1h-2.2l-.1,1h2.1z"/> +</g> +</g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/profiler-stopwatch.svg b/arc-firefox-theme/chrome/browser/devtools/profiler-stopwatch.svg new file mode 100644 index 0000000..e9fe8f9 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/profiler-stopwatch.svg @@ -0,0 +1,14 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16"> +<g fill="#babec3" fill-rule="evenodd"> +<path d="m8,1c-3.9,0-7,3.1-7,7s3.1,7 7,7c3.9,0 7-3.1 7-7s-3.1-7-7-7zm-.1,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5s5,2.2 5,5c0,2.8-2.2,5-5,5z"/> +<path d="m8,6.9c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/> +<path d="m11.3,4.6l-3.9,2.5 1.5,1.4 2.4-3.9z"/> +<path opacity=".4" d="m4.6,10c.7,1.2 2,2 3.4,2 1.5,0 2.7-.8 3.4-2h-6.8z"/> +<g opacity=".3"> +<path d="m7.1,5.1l-.6-1.3-.9,.4 .7,1.3c.2-.1 .5-.3 .8-.4z"/> +<path d="m9.8,5.6l.7-1.4-.9-.4-.7,1.3c.3,.2 .6,.3 .9,.5z"/> +<path d="m10.8,7c.1,.3 .2,.7 .2,1h2v-1h-2.2z"/> +<path d="m5,8c0-.3 .1-.7 .2-1h-2.2l-.1,1h2.1z"/> +</g> +</g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/profiler.css b/arc-firefox-theme/chrome/browser/devtools/profiler.css new file mode 100644 index 0000000..8f127cd --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/profiler.css @@ -0,0 +1,400 @@ +/* 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/. */ + +/* vim:set ts=2 sw=2 sts=2 et: */ +/* 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/. */ + +/* CSS Variables specific to this panel that aren't defined by the themes */ +.theme-dark { + --cell-border-color: rgba(255,255,255,0.15); + --focus-cell-border-color: rgba(0,0,0,0.3); + --row-alt-background-color: rgba(29,79,115,0.15); + --row-hover-background-color: rgba(29,79,115,0.25); + --tab-hover-background-color: rgba(0,0,0,0.3); +} + +.theme-light { + --cell-border-color: rgba(0,0,0,0.15); + --focus-cell-border-color: rgba(255,255,255,0.5); + --row-alt-background-color: rgba(76,158,217,0.1); + --row-hover-background-color: rgba(76,158,217,0.2); + --tab-hover-background-color: rgba(255,255,255,0.8); +} + +/* Reload and waiting notices */ + +.notice-container { + margin-top: -50vh; + font-size: 120%; + background-color: var(--theme-toolbar-background); + color: var(--theme-body-color-alt); +} + +#empty-notice button, +#recording-notice button { + min-width: 30px; + min-height: 28px; + margin: 0; + list-style-image: url(profiler-stopwatch.svg); +} + +#empty-notice button[checked], +#recording-notice button[checked] { + list-style-image: url(profiler-stopwatch-checked.svg); +} + +#empty-notice button .button-text, +#recording-notice button .button-text { + display: none; +} + +.theme-dark #loading-notice { + font-size: 250%; + color: rgba(255,255,255,0.2); +} + +.theme-light #loading-notice { + font-size: 250%; + color: rgba(0,0,0,0.2); +} + +/* Recordings pane */ + +#recordings-pane > tabs, +#recordings-pane .devtools-toolbar { + -moz-border-end-width: 1px; +} + +#recordings-pane > tabs, +#recordings-pane .devtools-toolbar { + -moz-border-end-color: var(--theme-splitter-color); +} + +#record-button { + list-style-image: url(profiler-stopwatch.svg); +} + +#record-button[checked] { + list-style-image: url(profiler-stopwatch-checked.svg); +} + +#record-button[locked] { + pointer-events: none; +} + +/* Recording items */ + +.recording-item { + padding: 4px; +} + +.recording-item-title { + font-size: 110%; +} + +.recording-item-footer { + padding-top: 4px; + font-size: 90%; +} + +.recording-item-save { + text-decoration: underline; + cursor: pointer; +} + +.recording-item-duration, +.recording-item-save { + color: var(--theme-body-color-alt); +} + +#recordings-list .selected label { + /* Text inside a selected item should not be custom colored. */ + color: inherit !important; +} + +/* Profile pane */ + +#profile-content tabs { + -moz-box-align: stretch; + height: 24px; + font: inherit; +} + +#profile-content tab { + -moz-box-flex: 0; + background-color: transparent; + border: none; + border-radius: 0; + padding: 0; + text-shadow: none; + transition-duration: 0.25s; + transition-timing-function: ease-in-out; + transition-property: opacity, transform; +} + +#profile-content tab { + color: var(--theme-body-color); +} + +#profile-content tab:not([selected]) { + cursor: pointer; +} + +#profile-content tab[covered] { + opacity: 0; + transform: translateY(100%); +} + +#profile-content tab { + -moz-appearance: none; + -moz-border-end: 1px solid var(--theme-splitter-color); +} + +#profile-content tab:hover { + background-color: var(--tab-hover-background-color); +} + +#profile-content tab[selected] { + background-color: var(--theme-selection-background); + color: var(--theme-selection-color); +} + +#profile-content tabpanel { + -moz-box-orient: vertical; + transform: translateZ(1px); /* Make sure the tabpanel appears above the tab */ +} + +#profile-newtab-button { + -moz-appearance: none; + background-color: transparent; + background-position: 4px 2px; + background-size: 54px 20px; + min-width: 26px; + margin: 0; + border: none; + cursor: pointer; +} + +.theme-dark #profile-newtab-button { + background-color: rgba(112,191,83,0.2); +} + +.theme-light #profile-newtab-button { + background-color: rgba(44,187,15,0.2); +} + +.theme-dark #profile-newtab-button { + background-image: url(newtab-inverted.png); +} + +.theme-light #profile-newtab-button { + background-image: url(newtab.png); +} + +@media (min-resolution: 1.25dppx) { + .theme-dark #profile-newtab-button { + background-image: url(newtab-inverted@2x.png); + } + + .theme-light #profile-newtab-button { + background-image: url(newtab@2x.png); + } +} + +#profile-newtab-button:hover { + background-position: 40px 2px; +} + +#profile-newtab-button:hover:active { + background-position: 22px 2px; +} + +/* Profile call tree */ + +.call-tree-headers-container { + border-top: 1px solid var(--theme-splitter-color); +} + +.call-tree-cells-container { + /* Hack: force hardware acceleration */ + transform: translateZ(1px); + overflow: auto; +} + +.call-tree-cells-container[categories-hidden] .call-tree-category { + display: none; +} + +.call-tree-header[type="duration"], +.call-tree-cell[type="duration"], +.call-tree-header[type="self-duration"], +.call-tree-cell[type="self-duration"] { + width: 9em; +} + +.call-tree-header[type="percentage"], +.call-tree-cell[type="percentage"], +.call-tree-header[type="self-percentage"], +.call-tree-cell[type="self-percentage"] { + width: 6em; +} + +.call-tree-header[type="samples"], +.call-tree-cell[type="samples"] { + width: 5em; +} + +.call-tree-header[type="function"], +.call-tree-cell[type="function"] { + -moz-box-flex: 1; +} + +.call-tree-header, +.call-tree-cell { + -moz-box-align: center; + overflow: hidden; + padding: 1px 4px; + color: var(--theme-body-color); +} + +.call-tree-header:not(:last-child), +.call-tree-cell:not(:last-child) { + -moz-border-end-width: 1px; + -moz-border-end-style: solid; +} + +.call-tree-header, +.call-tree-cell { + -moz-border-end-color: var(--cell-border-color); +} + +.call-tree-header:not(:last-child) { + text-align: center; +} + +.call-tree-cell:not(:last-child) { + text-align: end; +} + +.call-tree-header { + background-color: var(--theme-tab-toolbar-background); +} + +.call-tree-item:last-child:not(:focus) { + border-bottom: 1px solid var(--cell-border-color); +} + +.call-tree-item:nth-child(2n) { + background-color: var(--row-alt-background-color); +} + +.call-tree-item:hover { + background-color: var(--row-hover-background-color); +} + +.call-tree-item:focus { + background-color: var(--theme-selection-background); +} + +.call-tree-item:focus label { + color: var(--theme-selection-color) !important; +} + +.call-tree-item:focus .call-tree-cell { + -moz-border-end-color: var(--focus-cell-border-color); +} + +.call-tree-item:not([origin="content"]) .call-tree-name, +.call-tree-item:not([origin="content"]) .call-tree-url, +.call-tree-item:not([origin="content"]) .call-tree-line, +.call-tree-item:not([origin="content"]) .call-tree-column { + /* Style chrome and non-JS nodes differently. */ + opacity: 0.6; +} + +.call-tree-url { + -moz-margin-start: 4px !important; + cursor: pointer; +} + +.call-tree-url:hover { + text-decoration: underline; +} + +.call-tree-url { + color: var(--theme-highlight-blue); +} + +.call-tree-line { + color: var(--theme-highlight-orange); +} + +.call-tree-column { + color: var(--theme-highlight-orange); + opacity: 0.6; +} + +.call-tree-host { + -moz-margin-start: 8px !important; + font-size: 90%; + color: var(--theme-content-color2); +} + +.call-tree-name[value=""], +.call-tree-url[value=""], +.call-tree-line[value=""], +.call-tree-column[value=""], +.call-tree-host[value=""] { + display: none; +} + +.call-tree-zoom { + -moz-appearance: none; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 11px; + min-width: 11px; + -moz-margin-start: 8px !important; + cursor: zoom-in; + opacity: 0; +} + +.theme-dark .call-tree-zoom { + background-image: url(magnifying-glass.png); +} + +.theme-light .call-tree-zoom { + background-image: url(magnifying-glass-light.png); +} + +@media (min-resolution: 1.25dppx) { + .theme-dark .call-tree-zoom { + background-image: url(magnifying-glass@2x.png); + } + + .theme-light .call-tree-zoom { + background-image: url(magnifying-glass-light@2x.png); + } +} + +.call-tree-item:hover .call-tree-zoom { + transition: opacity 0.3s ease-in; + opacity: 1; +} + +.call-tree-item:hover .call-tree-zoom:hover { + opacity: 0; +} + +.call-tree-category { + transform: scale(0.75); + transform-origin: center right; +} + +#profile-content tab label { + margin-bottom: 4px; +} diff --git a/arc-firefox-theme/chrome/browser/devtools/projecteditor/projecteditor.css b/arc-firefox-theme/chrome/browser/devtools/projecteditor/projecteditor.css new file mode 100644 index 0000000..9ea540e --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/projecteditor/projecteditor.css @@ -0,0 +1,188 @@ +/* vim:set ts=2 sw=2 sts=2 et: */ +/* 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/. */ + + :root { + color: #18191a; +} + +.view-project-detail { + overflow: auto; +} + +.plugin-hidden { + display: none; +} + +.arrow { + -moz-appearance: treetwisty; + width: 20px; + height: 20px; +} + +.arrow[open] { + -moz-appearance: treetwistyopen; +} + +.arrow[invisible] { + visibility: hidden; +} + +#projecteditor-menubar { + display: none; +} + +#projecteditor-toolbar, +#projecteditor-toolbar-bottom { + display: none; /* For now don't show the status bars */ + min-height: 22px; + height: 22px; + background: rgb(237, 237, 237); +} + +#sources { + overflow: auto; +} + +.sources-tree { + overflow:auto; + overflow-x: hidden; + -moz-user-focus: normal; + + /* Allows this to expand inside of parent xul element, while + still supporting child flexbox elements, including ellipses. */ + -moz-box-flex: 1; + display: block; +} + +.sources-tree input { + margin: 2px; + border: 1px solid gray; +} + +#main-deck .sources-tree { + background: rgb(225, 225, 225); + min-width: 100px; +} + +.entry { + color: #18191A; + display: flex; + align-items: center; +} + +.entry .file-label { + display: flex; + flex: 1; + align-items: center; +} + +.entry { + border: none; + box-shadow: none; + white-space: nowrap; + cursor: pointer; +} + +.entry:hover:not(.entry-group-title):not(.selected) { + background: rgba(0, 0, 0, .05); +} + +.entry.selected { + background: rgba(56, 117, 215, 1); + color: #F5F7FA; + outline: none; +} + +.entry-group-title { + background: rgba(56, 117, 215, 0.8); + color: #F5F7FA; + font-weight: bold; + font-size: 1.05em; + line-height: 35px; + padding: 0 10px; +} + +.sources-tree .entry-group-title .expander { + display: none; +} + +.entry .expander { + width: 16px; + padding: 0; +} + +.tree-collapsed .children { + display: none; +} + +/* Plugins */ + +#projecteditor-toolbar textbox { + margin: 0; +} + +.projecteditor-basic-display { + padding: 0 3px; +} + +/* App Manager */ +.project-name-label { + font-weight: bold; + padding-left: 10px; + overflow: hidden; + text-overflow: ellipsis; +} + +.project-flex { + flex: 1; +} + +.project-image { + max-height: 25px; + margin-left: -10px; +} + +.project-image, +.project-status, +.project-options { + flex-shrink: 0; +} + +.project-status { + width: 10px; + height: 10px; + border-radius: 50%; + border: solid 1px rgba(255, 255, 255, .5); + margin-right: 10px; + visibility: hidden; +} + +.project-status[status=valid] { + background: #70bf53; + visibility: visible; +} + +.project-status[status=warning] { + background: #d99b28; + visibility: visible; +} + +.project-status[status=error] { + background: #ed2655; + visibility: visible; +} + +/* Status Bar */ +.projecteditor-file-label { + font-weight: bold; + padding-left: 29px; + padding-right: 10px; + flex: 1; +} + +/* Image View */ +.editor-image { + padding: 10px; +} diff --git a/arc-firefox-theme/chrome/browser/devtools/responsive-horizontal-resizer.png b/arc-firefox-theme/chrome/browser/devtools/responsive-horizontal-resizer.png Binary files differnew file mode 100644 index 0000000..7d113f0 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/responsive-horizontal-resizer.png diff --git a/arc-firefox-theme/chrome/browser/devtools/responsive-horizontal-resizer@2x.png b/arc-firefox-theme/chrome/browser/devtools/responsive-horizontal-resizer@2x.png Binary files differnew file mode 100644 index 0000000..bb3c4bd --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/responsive-horizontal-resizer@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/responsive-se-resizer.png b/arc-firefox-theme/chrome/browser/devtools/responsive-se-resizer.png Binary files differnew file mode 100644 index 0000000..35b54d6 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/responsive-se-resizer.png diff --git a/arc-firefox-theme/chrome/browser/devtools/responsive-se-resizer@2x.png b/arc-firefox-theme/chrome/browser/devtools/responsive-se-resizer@2x.png Binary files differnew file mode 100644 index 0000000..9dbf4fe --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/responsive-se-resizer@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/responsive-vertical-resizer.png b/arc-firefox-theme/chrome/browser/devtools/responsive-vertical-resizer.png Binary files differnew file mode 100644 index 0000000..3b4e78c --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/responsive-vertical-resizer.png diff --git a/arc-firefox-theme/chrome/browser/devtools/responsive-vertical-resizer@2x.png b/arc-firefox-theme/chrome/browser/devtools/responsive-vertical-resizer@2x.png Binary files differnew file mode 100644 index 0000000..cbae606 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/responsive-vertical-resizer@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/responsiveui-home.png b/arc-firefox-theme/chrome/browser/devtools/responsiveui-home.png Binary files differnew file mode 100644 index 0000000..43379d0 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/responsiveui-home.png diff --git a/arc-firefox-theme/chrome/browser/devtools/responsiveui-rotate.png b/arc-firefox-theme/chrome/browser/devtools/responsiveui-rotate.png Binary files differnew file mode 100644 index 0000000..2bacbd2 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/responsiveui-rotate.png diff --git a/arc-firefox-theme/chrome/browser/devtools/responsiveui-rotate@2x.png b/arc-firefox-theme/chrome/browser/devtools/responsiveui-rotate@2x.png Binary files differnew file mode 100644 index 0000000..eeeb823 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/responsiveui-rotate@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/responsiveui-screenshot.png b/arc-firefox-theme/chrome/browser/devtools/responsiveui-screenshot.png Binary files differnew file mode 100644 index 0000000..084220e --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/responsiveui-screenshot.png diff --git a/arc-firefox-theme/chrome/browser/devtools/responsiveui-screenshot@2x.png b/arc-firefox-theme/chrome/browser/devtools/responsiveui-screenshot@2x.png Binary files differnew file mode 100644 index 0000000..927c5cf --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/responsiveui-screenshot@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/responsiveui-touch.png b/arc-firefox-theme/chrome/browser/devtools/responsiveui-touch.png Binary files differnew file mode 100644 index 0000000..9058703 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/responsiveui-touch.png diff --git a/arc-firefox-theme/chrome/browser/devtools/responsiveui-touch@2x.png b/arc-firefox-theme/chrome/browser/devtools/responsiveui-touch@2x.png Binary files differnew file mode 100644 index 0000000..e464503 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/responsiveui-touch@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/rewind.png b/arc-firefox-theme/chrome/browser/devtools/rewind.png Binary files differnew file mode 100644 index 0000000..098e256 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/rewind.png diff --git a/arc-firefox-theme/chrome/browser/devtools/rewind@2x.png b/arc-firefox-theme/chrome/browser/devtools/rewind@2x.png Binary files differnew file mode 100644 index 0000000..eaac45d --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/rewind@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/ruleview.css b/arc-firefox-theme/chrome/browser/devtools/ruleview.css new file mode 100644 index 0000000..8c2e3d1 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/ruleview.css @@ -0,0 +1,264 @@ +/* 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/. */ + +/* CSS Variables specific to this panel that aren't defined by the themes */ +.theme-light { + --rule-highlight-background-color: #ffee99; +} + +.theme-dark { + --rule-highlight-background-color: #594724; +} + +.ruleview { + height: 100%; +} + +.ruleview-rule-source { + -moz-padding-start: 5px; + text-align: end; + float: right; + -moz-user-select: none; +} + +.ruleview-rule-source, +.ruleview-rule-source > label { + cursor: pointer; +} + +.ruleview-rule-source[unselectable], +.ruleview-rule-source[unselectable] > label { + cursor: default; +} + +.ruleview-rule-source:not([unselectable]):hover { + text-decoration: underline; +} + +.ruleview-header { + border-top-width: 1px; + border-bottom-width: 1px; + border-top-style: solid; + border-bottom-style: solid; + padding: 1px 4px; + -moz-user-select: none; + word-wrap: break-word; + margin-top: 4px; +} + +.ruleview-rule-pseudo-element { + padding-left:20px; + border-left: solid 10px; +} + +.ruleview-rule, +#noResults { + padding: 2px 4px; +} + +/* User agent styles are not editable, display them differently */ +.ruleview-rule[uneditable=true] { + background: var(--theme-tab-toolbar-background); +} + +.ruleview-rule[uneditable=true] :focus { + outline: none; +} + +.ruleview-rule[uneditable=true] .theme-link { + color: var(--theme-highlight-bluegrey); +} + +.ruleview-rule[uneditable=true] .ruleview-enableproperty { + visibility: hidden; +} + +.ruleview-rule[uneditable=true] .ruleview-swatch { + cursor: default; +} + +.ruleview-rule[uneditable=true] .ruleview-namecontainer > .ruleview-propertyname, +.ruleview-rule[uneditable=true] .ruleview-propertyvaluecontainer > +.ruleview-propertyvalue { + border-bottom-color: transparent; +} + +#noResults { + font: message-box; + color: GrayText; +} + +.ruleview-rule + .ruleview-rule { + border-top-width: 1px; + border-top-style: dotted; +} + +.ruleview-warning { + background-image: url(alerticon-warning.png); + background-size: 13px 12px; + -moz-margin-start: 5px; + display: inline-block; + vertical-align: top; + width: 13px; + height: 12px; +} + + +@media (min-resolution: 1.25dppx) { + .ruleview-warning { + background-image: url(alerticon-warning@2x.png); + } +} + +.ruleview-ruleopen { + -moz-padding-end: 5px; +} + +.ruleview-ruleclose { + cursor: text; + padding-right: 20px; +} + +.ruleview-propertylist { + list-style: none; + padding: 0; + margin: 0; +} + +.ruleview-rule:not(:hover) .ruleview-enableproperty { + visibility: hidden; +} + +.ruleview-expander { + display: inline-block; +} + +.ruleview-newproperty { + /* (enable checkbox width: 12px) + (expander width: 15px) */ + -moz-margin-start: 27px; +} + +.ruleview-namecontainer, +.ruleview-propertyvaluecontainer, +.ruleview-propertyname, +.ruleview-propertyvalue { + text-decoration: inherit; +} + +.ruleview-computedlist { + list-style: none; + padding: 0; +} + +.ruleview-computed { + -moz-margin-start: 35px; +} + +.ruleview-swatch { + cursor: pointer; + border-radius: 50%; + width: 1em; + height: 1em; + vertical-align: text-top; + -moz-margin-end: 5px; + display: inline-block; + position: relative; +} + +.ruleview-colorswatch::before { + content: ''; + background-color: #eee; + background-image: linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc), + linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc); + background-size: 12px 12px; + background-position: 0 0, 6px 6px; + position: absolute; + border-radius: 50%; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: -1; +} + +.ruleview-bezierswatch { + background: url("chrome://browser/skin/devtools/cubic-bezier-swatch.png"); + background-size: 1em; +} + +.ruleview-filterswatch { + background: url("chrome://browser/skin/devtools/filter-swatch.svg"); + background-size: 1em; +} + +@media (min-resolution: 1.25dppx) { + .ruleview-bezierswatch { + background: url("chrome://browser/skin/devtools/cubic-bezier-swatch@2x.png"); + background-size: 1em; + } +} + +.ruleview-overridden { + text-decoration: line-through; +} + +.theme-light .ruleview-overridden { + text-decoration-color: var(--theme-content-color3); +} + +.styleinspector-propertyeditor { + border: 1px solid #CCC; + padding: 0; +} + +.ruleview-property { + border-left: 3px solid transparent; + clear: right; +} + +.ruleview-propertycontainer > * { + vertical-align: middle; +} + +.ruleview-property[dirty] { + border-left-color: var(--theme-highlight-green); +} + +.ruleview-highlight { + background-color: var(--rule-highlight-background-color); +} + +.ruleview-namecontainer > .ruleview-propertyname, +.ruleview-propertyvaluecontainer > .ruleview-propertyvalue { + border-bottom: 1px dashed transparent; +} + +.ruleview-namecontainer:hover > .ruleview-propertyname, +.ruleview-propertyvaluecontainer:hover > .ruleview-propertyvalue { + border-bottom-color: hsl(0,0%,50%); +} + +.ruleview-selector { + word-wrap: break-word; +} + +.ruleview-selector-separator, .ruleview-selector-unmatched { + color: #888; +} + +.ruleview-selectorhighlighter { + background: url("chrome://browser/skin/devtools/vview-open-inspector.png") no-repeat 0 0; + padding-left: 16px; + margin-left: 5px; + cursor: pointer; +} + +.ruleview-selectorhighlighter:hover { + background-position: -32px 0; +} + +.ruleview-selectorhighlighter:active, +.ruleview-selectorhighlighter.highlighted { + background-position: -16px 0; +} diff --git a/arc-firefox-theme/chrome/browser/devtools/scratchpad.css b/arc-firefox-theme/chrome/browser/devtools/scratchpad.css new file mode 100644 index 0000000..96d6f70 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/scratchpad.css @@ -0,0 +1,13 @@ +/* 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/. */ + + +#scratchpad-sidebar > tabs { + height: 0; + border: none; +} + +#sp-toolbar { + border: none; +} diff --git a/arc-firefox-theme/chrome/browser/devtools/search-clear-dark.svg b/arc-firefox-theme/chrome/browser/devtools/search-clear-dark.svg new file mode 100644 index 0000000..77779e8 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/search-clear-dark.svg @@ -0,0 +1,21 @@ +<?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" + x="0" + y="0" + width="32" + height="16" + viewBox="0 0 32 16"> + <defs> + <path id="glyphShape-clear" d="M8,0C3.6,0,0,3.6,0,8c0,4.4,3.6,8,8,8s8-3.6,8-8C16,3.6,12.4,0,8,0 z M11.9,10.5l-1.4,1.4L8,9.4l-2.4,2.4l-1.4-1.4L6.6,8L4.2,5.6l1.4-1.4L8,6.6l2.4-2.4l1.4,1.4L9.4,8L11.9,10.5z"/> + <style type="text/css"> + .icon-state-default { fill: #f5f7fa; fill-opacity: .6; } + .icon-state-pressed { fill: #7d7e80; fill-opacity: .8; } + </style> + </defs> + <use xlink:href="#glyphShape-clear" class="icon-state-default" /> + <use xlink:href="#glyphShape-clear" class="icon-state-pressed" transform="translate(16)" /> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/search-clear-failed.svg b/arc-firefox-theme/chrome/browser/devtools/search-clear-failed.svg new file mode 100644 index 0000000..fc65d21 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/search-clear-failed.svg @@ -0,0 +1,21 @@ +<?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" + x="0" + y="0" + width="32" + height="16" + viewBox="0 0 32 16"> + <defs> + <path id="glyphShape-clear" d="M8,0C3.6,0,0,3.6,0,8c0,4.4,3.6,8,8,8s8-3.6,8-8C16,3.6,12.4,0,8,0 z M11.9,10.5l-1.4,1.4L8,9.4l-2.4,2.4l-1.4-1.4L6.6,8L4.2,5.6l1.4-1.4L8,6.6l2.4-2.4l1.4,1.4L9.4,8L11.9,10.5z"/> + <style type="text/css"> + .icon-state-default { fill: #cc3d3d; fill-opacity: 1; } + .icon-state-pressed { fill: #802d2d; fill-opacity: 1; } + </style> + </defs> + <use xlink:href="#glyphShape-clear" class="icon-state-default" /> + <use xlink:href="#glyphShape-clear" class="icon-state-pressed" transform="translate(16)" /> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/search-clear-light.svg b/arc-firefox-theme/chrome/browser/devtools/search-clear-light.svg new file mode 100644 index 0000000..205b744 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/search-clear-light.svg @@ -0,0 +1,21 @@ +<?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" + x="0" + y="0" + width="32" + height="16" + viewBox="0 0 32 16"> + <defs> + <path id="glyphShape-clear" d="M8,0C3.6,0,0,3.6,0,8c0,4.4,3.6,8,8,8s8-3.6,8-8C16,3.6,12.4,0,8,0 z M11.9,10.5l-1.4,1.4L8,9.4l-2.4,2.4l-1.4-1.4L6.6,8L4.2,5.6l1.4-1.4L8,6.6l2.4-2.4l1.4,1.4L9.4,8L11.9,10.5z"/> + <style type="text/css"> + .icon-state-default { fill: #1d2126; fill-opacity: .5; } + .icon-state-pressed { fill: #1d2126; fill-opacity: .8; } + </style> + </defs> + <use xlink:href="#glyphShape-clear" class="icon-state-default" /> + <use xlink:href="#glyphShape-clear" class="icon-state-pressed" transform="translate(16)" /> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/shadereditor.css b/arc-firefox-theme/chrome/browser/devtools/shadereditor.css new file mode 100644 index 0000000..c63a4c6 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/shadereditor.css @@ -0,0 +1,123 @@ +/* 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/. */ + +/* 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/. */ + +/* Reload and waiting notices */ + +.notice-container { + margin-top: -50vh; + background-color: var(--theme-toolbar-background); + color: var(--theme-body-color-alt); +} + +#reload-notice { + font-size: 120%; +} + +#waiting-notice { + font-size: 110%; +} + +/* Shaders pane */ + +#shaders-pane { + min-width: 150px; +} + +#shaders-pane + .devtools-side-splitter { + border-color: transparent; +} + +.program-item { + padding: 2px 0px; +} + +.side-menu-widget-item-checkbox { + -moz-appearance: none; + opacity: 0; + transition: opacity .15s ease-out 0s; +} + +/* Only show the checkbox when the source is hovered over, is selected, or if it + * is not checked. */ +.side-menu-widget-item:hover > .side-menu-widget-item-checkbox, +.side-menu-widget-item.selected > .side-menu-widget-item-checkbox, +.side-menu-widget-item-checkbox:not([checked]) { + opacity: 1; + transition: opacity .15s ease-out 0s; +} + +.side-menu-widget-item-checkbox .checkbox-check { + -moz-appearance: none; + background-image: url(itemToggle.png); + background-color: transparent; + background-repeat: no-repeat; + background-clip: content-box; + background-size: 32px 16px; + background-position: -16px 0; + width: 16px; + height: 16px; + border: 0; +} + +@media (min-resolution: 1.25dppx) { + .side-menu-widget-item-checkbox .checkbox-check { + background-image: url(itemToggle@2x.png); + } +} + +.side-menu-widget-item-checkbox[checked] .checkbox-check { + background-position: 0 0; +} + +/* Invert all toggle icons but the one in the active row for light theme */ +.theme-light .side-menu-widget-item:not(.selected) .checkbox-check { + filter: url(filters.svg#invert); +} + +/* Shader source editors */ + +.editor-label { + padding: 1px 12px; + border-top: 1px solid; +} + +.editor-label { + background: var(--theme-toolbar-background); + border-color: var(--theme-splitter-color); + color: var(--theme-body-color-alt); +} + +.editor-label[selected] { + background-color: var(--theme-selection-background); + color: var(--theme-selection-color); +} + +/* Responsive sidebar */ + +@media (max-width: 700px) { + #shaders-pane { + max-height: 60vh; + } + + #editors-splitter { + border-color: transparent; + } + + .side-menu-widget-container { + box-shadow: none !important; + } + + .side-menu-widget-item-arrow { + background-image: none !important; + } + + .editor-label { + -moz-box-ordinal-group: 0; + border-bottom: 1px solid; + } +} diff --git a/arc-firefox-theme/chrome/browser/devtools/splitview.css b/arc-firefox-theme/chrome/browser/devtools/splitview.css new file mode 100644 index 0000000..9710c38 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/splitview.css @@ -0,0 +1,152 @@ +/* vim:set ts=2 sw=2 sts=2 et: */ +/* 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/. */ + + +.splitview-nav-container .devtools-throbber { + display: none; + text-align: center; +} + +.loading .splitview-nav-container .devtools-throbber { + display: block; +} + +.theme-dark .splitview-nav-container { + background-color: var(--theme-toolbar-background); +} + +.splitview-nav { + -moz-appearance: none; + list-style-image: none; + list-style: none; + padding: 0; + margin: 0; +} + +.theme-dark .splitview-nav { + box-shadow: inset -1px 0 0 #000; +} + +.theme-dark .splitview-nav:-moz-locale-dir(rtl) { + box-shadow: inset 1px 0 0 #000; +} + +.theme-light .splitview-nav { + box-shadow: inset -1px 0 0 #aaa; +} + +.theme-light .splitview-nav:-moz-locale-dir(rtl) { + box-shadow: inset 1px 0 0 #aaa; +} + +.splitview-nav > li { + /* To compensate for the top and bottom borders */ + margin-top: -1px; + margin-bottom: -1px; + -moz-padding-end: 8px; + -moz-box-align: center; + outline: 0; + vertical-align: bottom; +} + +.theme-dark .splitview-nav > li { + border-top: 1px solid rgba(0,0,0,0.2); + border-bottom: 1px solid rgba(128,128,128,0.15); +} + +.theme-dark .splitview-nav > li:last-of-type { + box-shadow: inset 0 -1px 0 rgba(0,0,0,0.2); +} + +.theme-light .splitview-nav > li { + border-top: 1px solid rgba(128,128,128,0.15); + border-bottom: 1px solid transparent; +} + +.theme-light .splitview-nav > li:last-of-type { + box-shadow: inset 0 -1px 0 rgba(128,128,128,0.15); +} + +.placeholder { + -moz-box-flex: 1; + text-align: center; +} + +.splitview-nav > li.splitview-active { + background-repeat: no-repeat, no-repeat, repeat-x; + background-position: center right, center right, top left; + background-size: auto, 1px, auto; +} + +.splitview-nav > li.splitview-active:-moz-locale-dir(rtl) { + background-repeat: no-repeat, no-repeat, repeat-x; + background-position: center left, center left, top right; +} + +.theme-dark .splitview-nav > li.splitview-active { + background-image: url(itemArrow-dark-ltr.svg), + linear-gradient(#000, #000), + linear-gradient(#1d4f73, #1d4f73); +} + +.theme-dark .splitview-nav > li.splitview-active:-moz-locale-dir(rtl) { + background-image: url(itemArrow-dark-rtl.svg), + linear-gradient(#000, #000), + linear-gradient(#1d4f73, #1d4f73); +} + +.theme-light .splitview-nav > li.splitview-active { + background-image: url(itemArrow-ltr.svg), + linear-gradient(#aaa, #aaa), + linear-gradient(#4c9ed9, #4c9ed9); +} + +.theme-light .splitview-nav > li.splitview-active:-moz-locale-dir(rtl) { + background-image: url(itemArrow-rtl.svg), + linear-gradient(#aaa, #aaa), + linear-gradient(#4c9ed9, #4c9ed9); +} + +/* Toolbars */ + +.splitview-main > .devtools-toolbar { + background-origin: border-box; + background-clip: border-box; +} + +.theme-dark .splitview-main > toolbar, +.theme-dark .loading .splitview-nav-container { + -moz-border-end: 1px solid #000; +} + +.theme-light .splitview-main > toolbar, +.theme-light .loading .splitview-nav-container { + -moz-border-end: 1px solid #aaa; +} + +.splitview-main > .devtools-toolbarbutton { + font-size: 11px; + padding: 0 8px; + width: auto; + min-width: 48px; + min-height: 0; +} + + +/* Resizers */ + +.splitview-portrait-resizer { + -moz-appearance: none; + background: linear-gradient(black 1px, rgba(255,255,255,0.2) 1px), + linear-gradient(hsl(210,11%,36%), hsl(210,11%,18%)); + height: 12px; + background-size: 10px 2px, 100% 12px; + background-clip: content-box, border-box; + background-repeat: repeat-y, no-repeat; + background-position: center center; + padding: 2px 0; + border-top: 1px solid hsla(210,8%,5%,.5); + border-bottom: 1px solid hsla(210,8%,5%,.5); +} diff --git a/arc-firefox-theme/chrome/browser/devtools/storage.css b/arc-firefox-theme/chrome/browser/devtools/storage.css new file mode 100644 index 0000000..5f6d78e --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/storage.css @@ -0,0 +1,48 @@ +/* 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/. */ + +/* Storage Host Tree */ + +#storage-tree { + min-width: 220px; + max-width: 500px; + overflow: auto; +} + +.theme-dark #storage-tree { + background: #343c45; /* Toolbars */ +} + +#storage-tree .tree-widget-item[type="store"]:after { + background-image: url(chrome://browser/skin/devtools/filetype-store.svg); + background-size: 18px 18px; + background-position: -1px 0; +} + +/* Columns with date should have a min width so that date is visible */ +#expires, #lastAccessed, #creationTime { + min-width: 150px; +} + +/* Variables View Sidebar */ + +#storage-sidebar { + max-width: 500px; + min-width: 250px; +} + +/* Responsive sidebar */ +@media (max-width: 700px) { + #storage-tree { + max-width: 100%; + } + + #storage-table #path { + display: none; + } + + #storage-table .table-widget-cell { + min-width: 100px; + } +} diff --git a/arc-firefox-theme/chrome/browser/devtools/styleeditor.css b/arc-firefox-theme/chrome/browser/devtools/styleeditor.css new file mode 100644 index 0000000..a4a300f --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/styleeditor.css @@ -0,0 +1,305 @@ +/* vim:set ts=2 sw=2 sts=2 et: */ +/* 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/. */ + +.stylesheet-title, +.stylesheet-name { + text-decoration: none; +} + +.stylesheet-name { + font-size: 13px; +} + +.theme-dark .stylesheet-title, +.theme-dark .stylesheet-name { + color: var(--theme-selection-color); +} + +.theme-dark .stylesheet-rule-count, +.theme-dark .stylesheet-linked-file, +.theme-dark .stylesheet-saveButton { + color: var(--theme-body-color-alt); +} + +.theme-light .stylesheet-title, +.theme-light .stylesheet-name { + color: var(--theme-body-color-alt); +} + +.theme-light .stylesheet-rule-count, +.theme-light .stylesheet-linked-file, +.theme-light .stylesheet-saveButton { + color: var(--theme-body-color); +} + +.stylesheet-saveButton { + text-decoration: underline; + cursor: pointer; +} + +.splitview-active .stylesheet-title, +.splitview-active .stylesheet-name, +.theme-light .splitview-active .stylesheet-rule-count, +.theme-light .splitview-active .stylesheet-linked-file, +.theme-light .splitview-active .stylesheet-saveButton { + color: var(--theme-selection-color); +} + +.splitview-nav:focus { + outline: 0; /* focus ring is on the stylesheet name */ +} + +.splitview-nav > li.unsaved > hgroup .stylesheet-name { + font-style: italic; +} + +.splitview-nav:-moz-locale-dir(ltr) > li.unsaved > hgroup .stylesheet-name:before, +.splitview-nav:-moz-locale-dir(rtl) > li.unsaved > hgroup .stylesheet-name:after { + font-style: italic; +} + +.splitview-nav.empty > p { + padding: 0 10px; +} + +.stylesheet-sidebar { + max-width: 400px; + min-width: 100px; +} + +.theme-light .stylesheet-sidebar { + border-color: #aaa; /* Splitters */ +} + +.theme-dark .stylesheet-sidebar { + border-color: #000; /* Splitters */ +} + +.theme-light .media-rule-label { + border-bottom-color: #cddae5; /* Grey */ +} + +.theme-dark .media-rule-label { + border-bottom-color: #303b47; /* Grey */ +} + +.media-rule-label { + padding: 4px; + cursor: pointer; + border-bottom: 1px solid; +} + +.media-rule-line { + -moz-padding-start: 4px; +} + +.theme-light .media-condition-unmatched { + color: grey; +} + +.theme-dark .media-condition-unmatched { + color: #606C75; +} + +.stylesheet-enabled { + padding: 8px 0; + margin: 0 8px; + background-image: url(itemToggle.png); + background-repeat: no-repeat; + background-clip: content-box; + background-position: 0 8px; + background-size: 48px 24px; + width: 24px; + height: 40px; +} + +@media (min-resolution: 1.25dppx) { + .stylesheet-enabled { + background-image: url(itemToggle@2x.png); + } +} + +.disabled > .stylesheet-enabled { + background-position: -24px 8px; +} + +/* Invert all toggle icons but the one in the active row for light theme */ +.theme-light .splitview-nav > li:not(.splitview-active) .stylesheet-enabled { + filter: url(filters.svg#invert); +} + +.splitview-nav > li > .stylesheet-enabled:focus, +.splitview-nav > li:hover > .stylesheet-enabled { + outline: 0; +} + +.stylesheet-linked-file:not(:empty){ + -moz-margin-end: 0.4em; +} + +.stylesheet-linked-file:not(:empty):before { + -moz-margin-start: 0.4em; +} + +li.linked-file-error .stylesheet-linked-file:after { + font-size: 110%; +} + +.stylesheet-more > h3 { + font-size: 11px; + -moz-margin-end: 2px; +} + +.devtools-searchinput { + max-width: 25ex; + font-size: 11px; +} + +.placeholder a { + text-decoration: underline; +} + +h1, +h2, +h3 { + font-size: inherit; + font-weight: normal; + margin: 0; + padding: 0; +} + +@media (max-width: 700px) { + .stylesheet-sidebar { + width: 150px; + } +} + +/* portrait mode */ +@media (max-width: 550px) { + .splitview-nav { + box-shadow: none; + } + + .splitview-nav > li.splitview-active { + background-size: 0 0, 0 0, auto; + } + + .stylesheet-enabled { + padding: 0; + background-position: 0 0; + height: 24px; + } + + .disabled > .stylesheet-enabled { + background-position: -24px 0; + } + + .splitview-nav > li > hgroup.stylesheet-info { + -moz-box-align: baseline; + } + + .stylesheet-sidebar { + width: 180px; + } +} + +.csscoverage-report { + background-color: var(--theme-toolbar-background); +} + +.csscoverage-report-container { + height: 100vh; + padding: 0 30px; +} + +.csscoverage-report-content { + margin: 20px auto; + -moz-column-width: 300px; + font-size: 13px; +} + +.csscoverage-report h1 { + font-size: 120%; +} + +.csscoverage-report h2 { + font-size: 110%; +} + +.csscoverage-report h1, +.csscoverage-report h2, +.csscoverage-report h3 { + font-weight: bold; + margin: 10px 0; +} + +.csscoverage-list:after { + content: ', '; +} + +.csscoverage-list:last-child:after { + display: none; +} + +.csscoverage-report textarea { + width: 100%; + height: 100px; +} + +.csscoverage-report a { + cursor: pointer; + text-decoration: underline; +} + +.csscoverage-report > .csscoverage-toolbar { + border: none; + margin: 0; + padding: 0; +} + +.csscoverage-report > .csscoverage-toolbarbutton { + min-width: 4em; + min-height: 100vh; + margin: 0; + padding: 0; + border-radius: 0; + border-top: none; + border-bottom: none; + -moz-border-start: none; +} + +.chart-colored-blob[name="Used Preload"] { + fill: var(--theme-highlight-pink); + background: var(--theme-highlight-pink);; +} + +.chart-colored-blob[name=Used] { + fill: var(--theme-highlight-green); + background: var(--theme-highlight-green); +} + +.chart-colored-blob[name=Unused] { + fill: var(--theme-highlight-lightorange); + background: var(--theme-highlight-lightorange); +} + +/* Undo 'largest' customization */ +.theme-dark .pie-chart-slice[largest] { + stroke-width: 1px; + stroke: rgba(0,0,0,0.2); +} + +.theme-light .pie-chart-slice[largest] { + stroke-width: 1px; + stroke: rgba(255,255,255,0.8); +} + +.csscoverage-report .pie-chart-slice { + cursor: default; +} + +.csscoverage-report-chart { + margin: 0 50px; +} diff --git a/arc-firefox-theme/chrome/browser/devtools/timeline-filter.svg b/arc-firefox-theme/chrome/browser/devtools/timeline-filter.svg new file mode 100644 index 0000000..e050d20 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/timeline-filter.svg @@ -0,0 +1,37 @@ +<?xml version="1.0"?> +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + x="0px" y="0px" + width="16" height="16" + viewBox="0 0 16 16" + enable-background="new 0 0 16 16" + xml:space="preserve"> +<style> +use:not(:target) { + display: none; +} + +use { + fill: #babec3; +} + +use[id$="-disabled"] { + fill-opacity: 0.5; +} + +use[id$="-open"] { + fill: #3BACE5; +} + +</style> +<defs style="display:none"> + <path id="filter-shape" + d="M 2,2 v 3 l 5,4 v 6 h 2 v -6 l 5,-4 v -3 L 14,2 z"/> +</defs> +<use id="filter" xlink:href="#filter-shape"/> +<use id="filter-disabled" xlink:href="#filter-shape"/> +<use id="filter-open" xlink:href="#filter-shape"/> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/toggle-tools.png b/arc-firefox-theme/chrome/browser/devtools/toggle-tools.png Binary files differnew file mode 100644 index 0000000..4954393 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/toggle-tools.png diff --git a/arc-firefox-theme/chrome/browser/devtools/toggle-tools@2x.png b/arc-firefox-theme/chrome/browser/devtools/toggle-tools@2x.png Binary files differnew file mode 100644 index 0000000..971f414 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/toggle-tools@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-debugger-paused.svg b/arc-firefox-theme/chrome/browser/devtools/tool-debugger-paused.svg new file mode 100644 index 0000000..ae294f6 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/tool-debugger-paused.svg @@ -0,0 +1,3 @@ +<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16"> +<path fill="#71c054" fill-rule="evenodd" d="m8,1c-3.9,0-7,3.1-7,7 0,3.9 3.1,7 7,7 3.9,0 7-3.1 7-7 0-3.9-3.1-7-7-7zm2,11h-1-5c-.6,0-1-.4-1-1v-6c0-.6 .4-1 1-1h5 1l4,4-4,4z"/> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-debugger.svg b/arc-firefox-theme/chrome/browser/devtools/tool-debugger.svg new file mode 100644 index 0000000..128e6e8 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/tool-debugger.svg @@ -0,0 +1,7 @@ +<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16"> +<g fill="#edf0f1" fill-rule="evenodd"> +<path d="m8,1c-3.9,0-7,3.1-7,7 0,3.9 3.1,7 7,7 3.9,0 7-3.1 7-7 0-3.9-3.1-7-7-7zm0,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5 2.8,0 5,2.2 5,5 0,2.8-2.2,5-5,5z"/> +<path d="m6,5c.6,0 1,.4 1,1v4c0,.6-.4,1-1,1-.6,0-1-.4-1-1v-4c0-.6 .4-1 1-1z"/> +<path d="m10,5c.6,0 1,.4 1,1v4c0,.6-.4,1-1,1-.6,0-1-.4-1-1v-4c0-.6 .4-1 1-1z"/> +</g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-inspector.svg b/arc-firefox-theme/chrome/browser/devtools/tool-inspector.svg new file mode 100644 index 0000000..5a8cbb8 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/tool-inspector.svg @@ -0,0 +1,9 @@ +<svg width="16" xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16"> +<path fill="#eef0f2" fill-rule="evenodd" d="M2,4v9h11V4H2z M11,11H4V6h7V11z"/> +<g opacity=".8"> +<path opacity=".8" fill="#eef0f2" fill-rule="evenodd" d="M0,8h2v1H0V8z"/> +<path opacity=".8" fill="#eef0f2" fill-rule="evenodd" d="M13,8h2v1h-2V8z"/> +<path opacity=".8" fill="#eef0f2" fill-rule="evenodd" d="M7,2h1v2H7V2z"/> +<path opacity=".8" fill="#eef0f2" fill-rule="evenodd" d="M7,13h1v2H7V13z"/> +</g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-network.svg b/arc-firefox-theme/chrome/browser/devtools/tool-network.svg new file mode 100644 index 0000000..bec394d --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/tool-network.svg @@ -0,0 +1,36 @@ +<svg width="17" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 17 16"> +<g fill="#edf0f1" fill-rule="evenodd"> +<path opacity=".1" d="M2.1,0h12.8C16,0,17,1,17,2.1v10.6c0,1.2-1,2.1-2.1,2.1H2.1c-1.2,0-2.1-1-2.1-2.1V2.1C0,1,1,0,2.1,0z"/> +<path d="m2.1,2.1h9.6c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-9.6c-.6,0-1.1-.5-1.1-1.1 .1-.6 .5-1.1 1.1-1.1z"/> +</g> +<g opacity=".7"> +<g opacity=".75"> +<path fill="#edf0f1" fill-rule="evenodd" d="m7.4,5.3h7.4c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-7.4c-.5-.1-1-.5-1-1.1 0-.6 .5-1.1 1-1.1z"/> +</g> +<g opacity=".85"> +<path fill="#edf0f1" d="m14.9,5.7c.4,0 .7,.3 .7,.7s-.4,.6-.7,.6h-7.5c-.3,0-.6-.3-.6-.6s.3-.7 .7-.7h7.4m0-.4h-7.5c-.6,0-1.1,.5-1.1,1.1 0,.6 .5,1.1 1.1,1.1h7.4c.6,0 1.1-.5 1.1-1.1 0-.6-.4-1.1-1-1.1z"/> +</g> +</g> +<g opacity=".75"> +<path fill="#edf0f1" fill-rule="evenodd" d="m5.3,8.5h3.2c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-3.2c-.6,0-1.1-.5-1.1-1.1 .1-.6 .5-1.1 1.1-1.1z"/> +</g> +<g opacity=".85"> +<path fill="#edf0f1" d="m8.5,8.9c.4,0 .7,.3 .7,.7 0,.4-.3,.7-.7,.7h-3.2c-.4,0-.7-.3-.7-.7 0-.4 .3-.7 .7-.7h3.2m0-.4h-3.2c-.6,0-1.1,.5-1.1,1.1 0,.6 .5,1.1 1.1,1.1h3.2c.6,0 1.1-.5 1.1-1.1 0-.6-.5-1.1-1.1-1.1z"/> +</g> +<g opacity=".7"> +<g opacity=".75"> +<path fill="#edf0f1" fill-rule="evenodd" d="m4.3,11.7h2.1c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-2.1c-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/> +</g> +<g opacity=".85"> +<path fill="#edf0f1" d="m6.4,12.1c.4,0 .7,.3 .7,.7 0,.4-.3,.7-.7,.7h-2.1c-.4,0-.7-.3-.7-.7 0-.4 .3-.7 .7-.7h2.1m0-.4h-2.1c-.6,0-1.1,.5-1.1,1.1 0,.6 .5,1.1 1.1,1.1h2.1c.6,0 1.1-.5 1.1-1.1-.1-.6-.5-1.1-1.1-1.1z"/> +</g> +</g> +<g opacity="5.000000e-02" fill="#edf0f1" fill-rule="evenodd"> +<path d="m7.4,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/> +<path d="m4.2,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/> +<path d="m1,14.6c0-.1 0-.1 0-.2v-13.9c0-.1 0-.1 0-.2-.6,.4-1,1-1,1.8v10.6c0,.8 .4,1.5 1,1.9z"/> +<path d="m16,.3c0,.1 0,.1 0,.2v13.8c0,.1 0,.1 0,.2 .6-.4 1-1 1-1.8v-10.6c0-.7-.4-1.4-1-1.8z"/> +<path d="m13.8,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/> +<path d="m10.6,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/> +</g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-options.svg b/arc-firefox-theme/chrome/browser/devtools/tool-options.svg new file mode 100644 index 0000000..62a6d75 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/tool-options.svg @@ -0,0 +1,3 @@ +<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16"> +<path fill="#edf0f1" d="m11.5,13.9l-.6-1.5c.3-.2 .5-.4 .8-.6 .2-.2 .4-.5 .6-.7l1.5,.6c.3,.1 .6,0 .7-.3l.4-1c.1-.3 0-.6-.3-.7l-1.5-.6c.1-.6 .1-1.3 0-2l1.5-.6c.3-.1 .4-.4 .3-.7l-.4-1c-.1-.3-.4-.4-.7-.3l-1.5,.6c-.2-.3-.4-.5-.6-.8-.2-.1-.5-.3-.7-.5l.6-1.5c.1-.3 0-.6-.3-.7l-.9-.4c-.3-.1-.6,0-.7,.3l-.6,1.5c-.6-.1-1.3-.1-2,0l-.6-1.5c-.1-.3-.4-.4-.7-.3l-1,.4c-.2,.1-.3,.4-.2,.6l.6,1.5c-.3,.3-.5,.5-.8,.7-.2,.3-.4,.5-.6,.8l-1.5-.7c-.3-.1-.6,0-.7,.3l-.4,.9c-.1,.3 0,.6 .3,.7l1.5,.7c-.1,.6-.1,1.3 0,1.9l-1.5,.6c-.3,.1-.4,.4-.3,.7l.4,1c.1,.3 .4,.4 .7,.3l1.5-.6c.2,.3 .4,.5 .6,.8 .2,.2 .5,.4 .7,.6l-.6,1.5c-.1,.3 0,.6 .3,.7l1,.4c.3,.1 .6,0 .7-.3l.6-1.5c.6,.1 1.3,.1 2,0l.6,1.5c.1,.3 .4,.4 .7,.3l1-.4c.1-.1 .3-.4 .1-.7zm-5.1-4.2c-.9-.9-.9-2.4 0-3.3 .9-.9 2.4-.9 3.3,0 .9,.9 .9,2.4 0,3.3-.9,.9-2.4,.9-3.3,0z"/> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-profiler-active.svg b/arc-firefox-theme/chrome/browser/devtools/tool-profiler-active.svg new file mode 100644 index 0000000..eff1673 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/tool-profiler-active.svg @@ -0,0 +1,14 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16"> +<g fill="#71c054" fill-rule="evenodd"> +<path d="m8,1c-3.9,0-7,3.1-7,7s3.1,7 7,7c3.9,0 7-3.1 7-7s-3.1-7-7-7zm-.1,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5s5,2.2 5,5c0,2.8-2.2,5-5,5z"/> +<path d="m8,6.9c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/> +<path d="m11.3,4.6l-3.9,2.5 1.5,1.4 2.4-3.9z"/> +<path opacity=".4" d="m4.6,10c.7,1.2 2,2 3.4,2 1.5,0 2.7-.8 3.4-2h-6.8z"/> +<g opacity=".3"> +<path d="m7.1,5.1l-.6-1.3-.9,.4 .7,1.3c.2-.1 .5-.3 .8-.4z"/> +<path d="m9.8,5.6l.7-1.4-.9-.4-.7,1.3c.3,.2 .6,.3 .9,.5z"/> +<path d="m10.8,7c.1,.3 .2,.7 .2,1h2v-1h-2.2z"/> +<path d="m5,8c0-.3 .1-.7 .2-1h-2.2l-.1,1h2.1z"/> +</g> +</g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-profiler.svg b/arc-firefox-theme/chrome/browser/devtools/tool-profiler.svg new file mode 100644 index 0000000..d8e1bdd --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/tool-profiler.svg @@ -0,0 +1,14 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16"> +<g fill="#edf0f1" fill-rule="evenodd"> +<path d="m8,1c-3.9,0-7,3.1-7,7s3.1,7 7,7c3.9,0 7-3.1 7-7s-3.1-7-7-7zm-.1,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5s5,2.2 5,5c0,2.8-2.2,5-5,5z"/> +<path d="m8,6.9c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/> +<path d="m11.3,4.6l-3.9,2.5 1.5,1.4 2.4-3.9z"/> +<path opacity=".4" d="m4.6,10c.7,1.2 2,2 3.4,2 1.5,0 2.7-.8 3.4-2h-6.8z"/> +<g opacity=".3"> +<path d="m7.1,5.1l-.6-1.3-.9,.4 .7,1.3c.2-.1 .5-.3 .8-.4z"/> +<path d="m9.8,5.6l.7-1.4-.9-.4-.7,1.3c.3,.2 .6,.3 .9,.5z"/> +<path d="m10.8,7c.1,.3 .2,.7 .2,1h2v-1h-2.2z"/> +<path d="m5,8c0-.3 .1-.7 .2-1h-2.2l-.1,1h2.1z"/> +</g> +</g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-scratchpad.svg b/arc-firefox-theme/chrome/browser/devtools/tool-scratchpad.svg new file mode 100644 index 0000000..ad2133a --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/tool-scratchpad.svg @@ -0,0 +1,6 @@ +<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16"> +<g fill="#edf0f1" fill-rule="evenodd"> +<path opacity=".3" d="m1.1,6.3c0-.3 .3-.6 .6-.6h4.6c.3,0 .6,.3 .6,.6s-.3,.6-.6,.6h-4.6c-.3,0-.6-.3-.6-.6zm12,1.7h-10.2c-.4,0-.6,.3-.6,.6 0,.3 .3,.6 .6,.6h10.3c.3,0 .6-.3 .6-.6-.1-.3-.3-.6-.7-.6zm-5.7,3.4c.3,0 .6-.3 .6-.6 0-.3-.3-.6-.6-.6h-4.5c-.3,0-.6,.3-.6,.6 0,.3 .3,.6 .6,.6h4.5zm2.3,1.2h-8c-.3,0-.6,.3-.6,.6 0,.3 .3,.6 .6,.6h8c.3,0 .6-.3 .6-.6 0-.4-.3-.6-.6-.6z"/> +<path d="m14.3,2.3h-.6v1.1c0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1v-.5c0,.3 .3,.6 .6,.6 .3,0 .6-.3 .6-.6v-.6-1.7c0-.1 0-.2-.1-.3-.1-.1-.1-.1-.2-.2-.2-.1-.3-.1-.4-.1-.3,0-.6,.3-.6,.6v1.7h-1.1v1.1c0,.6-.5,1.1-1.1,1.1-.7,.1-1.2-.4-1.2-1.1v-.5c0,.3 .3,.6 .6,.6 .3,0 .6-.3 .6-.6v-.6-1.7c0-.1 0-.2-.1-.3-.1-.1-.2-.2-.3-.2-.1-.1-.1-.1-.2-.1-.3,0-.6,.3-.6,.6v1.7h-1.1v1.1c0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1v-.5c0,.3 .3,.6 .6,.6 .3,0 .6-.3 .6-.6v-.6-1.7c0-.1 0-.2-.1-.3-.3-.1-.3-.2-.4-.2-.1-.1-.2-.1-.3-.1-.3,0-.5,.3-.5,.6v1.7h-1.2v1.1c0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1v-.5c0,.3 .3,.6 .6,.6 .3,0 .6-.3 .6-.6v-.6-1.7c0-.1 0-.2-.1-.3-.2-.1-.2-.2-.3-.2-.1-.1-.2-.1-.3-.1-.3,0-.6,.3-.6,.6v1.7h-.5c-.3,0-.6,.2-.6,.6v12.6c0,.2 .3,.5 .6,.5h13.7c.3,0 .6-.3 .6-.6v-12.5c0-.4-.3-.6-.6-.6zm-12.6,3.4h4.6c.3,0 .6,.3 .6,.6s-.3,.6-.6,.6h-4.6c-.3,0-.6-.3-.6-.6s.3-.6 .6-.6zm8,8h-8c-.3,0-.6-.3-.6-.6 0-.3 .3-.6 .6-.6h8c.3,0 .6,.3 .6,.6 0,.4-.3,.6-.6,.6zm-7.4-2.8c0-.3 .3-.6 .6-.6h4.6c.3,0 .6,.3 .6,.6 0,.3-.3,.6-.6,.6h-4.6c-.4-.1-.6-.3-.6-.6zm10.8-1.8h-10.2c-.3,0-.6-.3-.6-.6 0-.2 .2-.5 .6-.5h10.3c.3,0 .6,.3 .6,.6-.1,.3-.3,.5-.7,.5z"/> +</g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-storage.svg b/arc-firefox-theme/chrome/browser/devtools/tool-storage.svg new file mode 100644 index 0000000..7f5013b --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/tool-storage.svg @@ -0,0 +1,7 @@ +<svg width="16" xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16"> +<g fill="#edf0f1"> +<path d="m1.3,12.5v-2.4c0,0 0,2.5 6.7,2.5 6.7,0 6.7-2.5 6.7-2.5v2.4c0,0 0,2.7-6.8,2.7-6.6,0-6.6-2.7-6.6-2.7z"/> +<path d="m14.7,3.4c0-1.4-3-2.5-6.7-2.5s-6.7,1.1-6.7,2.5c0,.2 0,.3 .1,.5-.1-.3-.1-.4-.1-.4v1.5c0,0 0,2.7 6.7,2.7 6.7,0 6.8-2.7 6.8-2.7v-1.6c0,.1 0,.2-.1,.5-0-.2-0-.3-0-.5z"/> +<path d="m1.3,8.7v-2.4c0,0 0,2.5 6.7,2.5 6.7,0 6.7-2.5 6.7-2.5v2.4c0,0 0,2.7-6.8,2.7-6.6-0-6.6-2.7-6.6-2.7z"/> +</g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-styleeditor.svg b/arc-firefox-theme/chrome/browser/devtools/tool-styleeditor.svg new file mode 100644 index 0000000..ac1f5c7 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/tool-styleeditor.svg @@ -0,0 +1,6 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 17 16"> +<g fill="#edf0f1" fill-rule="evenodd"> +<path d="m10,11.1 0,2.3-7.8,0 0-11.2 5.6-0 1.1,1.1 1.7-1.6-1.7-1.7-8.9,0 0,15.6 12.2,0 0-6.7z"/> +<path d="M6.7,7.8L14.5,0l2.2,2.2L8.9,10l-3.3,1.1L6.7,7.8z"/> +</g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-webaudio.svg b/arc-firefox-theme/chrome/browser/devtools/tool-webaudio.svg new file mode 100644 index 0000000..59d9d90 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/tool-webaudio.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="16px" height="16px" viewBox="-6.167 -16.135 100 100" enable-background="new -6.167 -16.135 100 100" xml:space="preserve"> + <path fill="none" stroke="#edf0f1" stroke-width="8" stroke-linecap="round" stroke-miterlimit="10" d="M86.666,33.864 c-0.797,5.297-3.467,32.799-10.518,32.866c-7.086,0.066-9.973-27.596-10.9-32.866C64.322,28.597,61.436,0.933,54.35,1 c-7.105,0.068-9.644,27.561-10.517,32.864c-0.874,5.305-3.412,32.799-10.517,32.866c-7.087,0.066-9.974-27.596-10.899-32.866 C21.49,28.597,18.604,0.933,11.517,1C4.466,1.067,1.796,28.569,1,33.864"/> +</svg>
\ No newline at end of file diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-webconsole.svg b/arc-firefox-theme/chrome/browser/devtools/tool-webconsole.svg new file mode 100644 index 0000000..0739e82 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/tool-webconsole.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16"> +<path fill="#edf0f1" fill-rule="evenodd" d="M2,2h5.4l6.5,6.5L7.4,15H2l6.5-6.5L2,2z"/> +</svg> diff --git a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-dark.png b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-dark.png Binary files differnew file mode 100644 index 0000000..751fbc3 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-dark.png diff --git a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-dark@2x.png b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-dark@2x.png Binary files differnew file mode 100644 index 0000000..e4db35e --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-dark@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-light.png b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-light.png Binary files differnew file mode 100644 index 0000000..298ced1 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-light.png diff --git a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-light@2x.png b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-light@2x.png Binary files differnew file mode 100644 index 0000000..7dec134 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-light@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-dark.png b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-dark.png Binary files differnew file mode 100644 index 0000000..dfd5354 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-dark.png diff --git a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-dark@2x.png b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-dark@2x.png Binary files differnew file mode 100644 index 0000000..721bb0d --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-dark@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-light.png b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-light.png Binary files differnew file mode 100644 index 0000000..5a57fc3 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-light.png diff --git a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-light@2x.png b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-light@2x.png Binary files differnew file mode 100644 index 0000000..c2b95c4 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-light@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/tracer-icon.png b/arc-firefox-theme/chrome/browser/devtools/tracer-icon.png Binary files differnew file mode 100644 index 0000000..8229dd7 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/tracer-icon.png diff --git a/arc-firefox-theme/chrome/browser/devtools/tracer-icon@2x.png b/arc-firefox-theme/chrome/browser/devtools/tracer-icon@2x.png Binary files differnew file mode 100644 index 0000000..de0ded4 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/tracer-icon@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/undock@2x.png b/arc-firefox-theme/chrome/browser/devtools/undock@2x.png Binary files differnew file mode 100644 index 0000000..137d6df --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/undock@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/vview-delete.png b/arc-firefox-theme/chrome/browser/devtools/vview-delete.png Binary files differnew file mode 100644 index 0000000..db4b062 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/vview-delete.png diff --git a/arc-firefox-theme/chrome/browser/devtools/vview-delete@2x.png b/arc-firefox-theme/chrome/browser/devtools/vview-delete@2x.png Binary files differnew file mode 100644 index 0000000..ae6fbb2 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/vview-delete@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/vview-edit.png b/arc-firefox-theme/chrome/browser/devtools/vview-edit.png Binary files differnew file mode 100644 index 0000000..f575032 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/vview-edit.png diff --git a/arc-firefox-theme/chrome/browser/devtools/vview-edit@2x.png b/arc-firefox-theme/chrome/browser/devtools/vview-edit@2x.png Binary files differnew file mode 100644 index 0000000..a34c8ed --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/vview-edit@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/vview-lock.png b/arc-firefox-theme/chrome/browser/devtools/vview-lock.png Binary files differnew file mode 100644 index 0000000..b68cc5e --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/vview-lock.png diff --git a/arc-firefox-theme/chrome/browser/devtools/vview-lock@2x.png b/arc-firefox-theme/chrome/browser/devtools/vview-lock@2x.png Binary files differnew file mode 100644 index 0000000..5d7640b --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/vview-lock@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/vview-open-inspector.png b/arc-firefox-theme/chrome/browser/devtools/vview-open-inspector.png Binary files differnew file mode 100644 index 0000000..ee1d7a5 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/vview-open-inspector.png diff --git a/arc-firefox-theme/chrome/browser/devtools/vview-open-inspector@2x.png b/arc-firefox-theme/chrome/browser/devtools/vview-open-inspector@2x.png Binary files differnew file mode 100644 index 0000000..2b09f01 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/vview-open-inspector@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/webaudioeditor.css b/arc-firefox-theme/chrome/browser/devtools/webaudioeditor.css new file mode 100644 index 0000000..11439a6 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/webaudioeditor.css @@ -0,0 +1,257 @@ +/* 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/. */ + +/* 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/. */ + +/* Reload and waiting notices */ +.notice-container { + margin-top: -50vh; + background-color: var(--theme-toolbar-background); + color: var(--theme-body-color-alt); +} + +#reload-notice { + font-size: 120%; +} + +#waiting-notice { + font-size: 110%; +} + +/* Context Graph */ +svg { + overflow: hidden; + -moz-box-flex: 1; +} + +/* Edges in graph */ +.edgePath path { + stroke-width: 1px; + fill: none; +} + +.theme-dark .edgePath path { + stroke: #b6babf; /* Grey foreground text */ +} +.theme-light .edgePath path { + stroke: #aaaaaa; /* Splitters */ +} + +/* AudioParam connection edges */ +g.edgePath.param-connection { + stroke-dasharray: 5,5; +} + +.theme-dark .edgePath.param-connection path { + stroke: #b6babf; /* Grey foreground text */ +} +.theme-light .edgePath.param-connection path { + stroke: #aaaaaa; /* Splitters */ +} + +/* Labels in AudioParam connection should have background that match + * the main background so there's whitespace around the label, on top of the + * dotted lines. */ +.theme-dark g.edgeLabel rect { + fill: #14171a; +} +.theme-light g.edgeLabel rect { + fill: #fcfcfc; /* Background - Editor */ +} +.theme-dark g.edgeLabel tspan { + fill: var(--theme-body-color-alt); +} +.theme-light g.edgeLabel tspan { + fill: #585959; /* Grey foreground text */ +} + +/* Audio Nodes */ +.nodes rect { + stroke-width: 1px; + cursor: pointer; +} + +.nodes rect { + stroke: var(--theme-tab-toolbar-background); +} +.theme-light rect { + fill: var(--theme-tab-toolbar-background); +} +.theme-dark rect { + fill: var(--theme-toolbar-background); +} + +/** + * Bypassed Nodes + */ + +.theme-light .nodes g.bypassed rect { + fill: url(chrome://browser/skin/devtools/filters.svg#bypass-light); +} +.theme-dark .nodes g.bypassed rect { + fill: url(chrome://browser/skin/devtools/filters.svg#bypass-dark); +} +.nodes g.bypassed.selected rect { + stroke: var(--theme-selection-background); +} + +/* +.nodes g.bypassed text { + opacity: 0.8; +} +*/ + +/** + * Selected Nodes + */ +.nodes g.selected rect { + fill: var(--theme-selection-background); +} + +/* Don't style bypassed nodes text different because it'd be illegible in light-theme */ +.theme-light g.selected:not(.bypassed) text { + fill: var(--theme-toolbar-background); +} + + +/* Text in nodes and edges */ +text { + cursor: default; /* override the "text" cursor */ + font-weight: 300; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serf; + font-size: 14px; +} + +text { + fill: var(--theme-body-color-alt); +} + + +.nodes text { + cursor: pointer; +} + +/** + * Inspector Styles + */ + +/* hide the variables view scope title as its redundant, + * because there's only one scope displayed. */ +.variables-view-scope > .title { + display: none; +} + +#web-audio-inspector-title { + margin: 6px; +} + +.web-audio-inspector .error { + background-image: url(alerticon-warning.png); + background-size: 13px 12px; + -moz-appearance: none; + opacity: 0; + transition: opacity .5s ease-out 0s; +} + +#inspector-pane-toggle { + background: none; + box-shadow: none; + border: none; + list-style-image: url(debugger-collapse.png); + -moz-image-region: rect(0px,16px,16px,0px); +} + +#inspector-pane-toggle > .toolbarbutton-icon { + width: 16px; + height: 16px; +} + +#inspector-pane-toggle[pane-collapsed] { + list-style-image: url(debugger-expand.png); +} + +#inspector-pane-toggle:active { + -moz-image-region: rect(0px,32px,16px,16px); +} + +/** + * Automation Styles + */ + +#automation-param-toolbar .automation-param-button[selected] { + color: var(--theme-selection-color); + background-color: var(--theme-selection-background); +} + +#automation-graph { + overflow: hidden; + -moz-box-flex: 1; +} + +@media (min-resolution: 1.25dppx) { + #inspector-pane-toggle { + list-style-image: url(debugger-collapse@2x.png); + -moz-image-region: rect(0px,32px,32px,0px); + } + + #inspector-pane-toggle[pane-collapsed] { + list-style-image: url(debugger-expand@2x.png); + } + + #inspector-pane-toggle:active { + -moz-image-region: rect(0px,64px,32px,32px); + } + + .web-audio-inspector .error { + background-image: url(alerticon-warning@2x.png); + } +} + +/** + * Inspector toolbar + */ + +#audio-node-toolbar .bypass { + list-style-image: url(power.svg); +} + +#audio-node-toolbar toolbarbutton[disabled] { + opacity: 0.5; + background-color: transparent; +} + +.theme-dark #audio-node-toolbar toolbarbutton[checked] { + background-color: #1d4f73; /* Select Highlight Blue */ +} +.theme-light #audio-node-toolbar toolbarbutton[checked] { + background-color: #4c9ed9; /* Select Highlight Blue */ +} + +/* don't invert checked buttons so we can have white icons on light theme */ +#audio-node-toolbar toolbarbutton[checked] > .toolbarbutton-icon { + filter: none; +} + + +/** + * Responsive Styles + * `.devtools-responsive-container` takes care of most of + * the changing of host types. + */ +@media (max-width: 700px) { + /** + * Override the inspector toggle so it's always open + * in the portrait view, with the toggle button hidden. + */ + #inspector-pane-toggle { + display: none; + } + + #web-audio-inspector { + margin-left: 0px !important; + margin-right: 0px !important; + } +} diff --git a/arc-firefox-theme/chrome/browser/devtools/webconsole.css b/arc-firefox-theme/chrome/browser/devtools/webconsole.css new file mode 100644 index 0000000..7b89259 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/webconsole.css @@ -0,0 +1,592 @@ +/* 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/. */ + +/* 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/. */ + +/* General output styles */ + +a { + -moz-user-focus: normal; + -moz-user-input: enabled; + cursor: pointer; + text-decoration: underline; +} + +/* Workaround for Bug 575675 - FindChildWithRules aRelevantLinkVisited + * assertion when loading HTML page with links in XUL iframe */ +*:visited { } + +.message { + display: flex; + flex: none; + padding: 0 7px; + width: 100%; + box-sizing: border-box; +} + +.message > .timestamp { + flex: none; + color: GrayText; + margin: 4px 6px 0 0; +} + +.message > .indent { + flex: none; +} + +.message > .icon { + flex: none; + margin: 3px 6px 0 0; + padding: 0 4px; + height: 1em; + align-self: flex-start; +} + +.message > .icon::before { + content: ""; + background-image: url(chrome://browser/skin/devtools/webconsole.png); + background-position: 8px 8px; + background-repeat: no-repeat; + background-size: 48px 40px; + width: 8px; + height: 8px; + display: inline-block; +} + +@media (min-resolution: 1.25dppx) { + .message > .icon::before { + background-image: url(chrome://browser/skin/devtools/webconsole@2x.png); + } +} + +.message > .message-body-wrapper { + flex: 1 1 100%; + margin: 3px; +} + +.message-body-wrapper .table-widget-body { + overflow: visible; +} + +/* The red bubble that shows the number of times a message is repeated */ +.message-repeats { + -moz-user-select: none; + flex: none; + margin: 2px 6px; + padding: 0 6px; + height: 1.25em; + color: white; + background-color: red; + border-radius: 40px; + font: message-box; + font-size: 0.9em; + font-weight: 600; +} + +.message-repeats[value="1"] { + display: none; +} + +.message-location { + display: flex; + flex: none; + align-self: flex-start; + justify-content: flex-end; + width: 10em; + margin-top: 3px; + color: -moz-nativehyperlinktext; + text-decoration: none; + white-space: nowrap; +} + +.message-location:hover, +.message-location:focus { + text-decoration: underline; +} + +.message-location > .filename { + text-overflow: ellipsis; + text-align: end; + overflow: hidden; +} + +.message-location > .line-number { + flex: none; +} + +.message-flex-body { + display: flex; +} + +.message-body > * { + white-space: pre-wrap; + word-wrap: break-word; +} + +.message-flex-body > .message-body { + display: block; + flex: 1 1 auto; + vertical-align: middle; +} + +.message-flex-body > .message-location { + margin-top: 0; +} + +.jsterm-input-container { + border-top-width: 1px; + border-top-style: solid; +} + +#output-wrapper { + direction: ltr; + overflow: auto; +} + +#output-container { + -moz-user-select: text; + -moz-box-flex: 1; + display: flex; + flex-direction: column; + align-items: flex-start; +} + +#output-container.hideTimestamps > .message { + -moz-padding-start: 0; + -moz-margin-start: 7px; + width: calc(100% - 7px); +} + +#output-container.hideTimestamps > .message > .timestamp { + display: none; +} + +#output-container.hideTimestamps > .message > .indent { + background-color: var(--theme-body-background); +} + +.filtered-by-type, +.filtered-by-string { + display: none; +} + +.hidden-message { + display: block; + visibility: hidden; + height: 0; + overflow: hidden; +} + +/* WebConsole colored drops */ + +.webconsole-filter-button { + -moz-user-focus: normal; +} + +.webconsole-filter-button > .toolbarbutton-menubutton-button:before { + content: ""; + display: inline-block; + height: 8px; + width: 8px; + border-radius: 50%; + margin-left: 5px; + border-width: 1px; + border-style: solid; +} + +/* Network styles */ +.webconsole-filter-button[category="net"] > .toolbarbutton-menubutton-button:before { + background-image: linear-gradient(#444444, #000000); + border-color: #777; +} + +.message:hover { + background-color: var(--theme-selection-background-semitransparent) !important; +} + +.theme-light .message[severity=error] { + background-color: rgba(255, 150, 150, 0.3); +} + +.theme-dark .message[severity=error] { + background-color: rgba(235, 83, 104, 0.17); +} + +.console-string { + color: var(--theme-highlight-lightorange); +} + +.theme-selected .console-string, +.theme-selected .cm-number, +.theme-selected .cm-variable, +.theme-selected .kind-ArrayLike { + color: #f5f7fa !important; /* Selection Text Color */ +} + +.message[category=network] > .indent { + -moz-border-end: solid #000 6px; +} + +.message[category=network][severity=error] > .icon::before { + background-position: -8px 0; +} + +.message[category=network] > .message-body { + display: flex; +} + +.message[category=network] .method { + flex: none; +} + +.message[category=network]:not(.navigation-marker) .url { + flex: 1 1 auto; + /* Make sure the URL is very small initially, let flex change width as needed. */ + width: 100px; + min-width: 5em; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.message[category=network] .status { + flex: none; + -moz-margin-start: 6px; +} + +.message[category=network].mixed-content .url { + color: #FF0000; +} + +.message .learn-more-link { + color: -moz-nativehyperlinktext; + margin: 0 6px; +} + +.message[category=network] .xhr { + background-color: var(--theme-body-color-alt); + color: var(--theme-body-background); + border-radius: 3px; + font-weight: bold; + font-size: 10px; + padding: 2px; + line-height: 10px; + -moz-margin-end: 1ex; +} + +/* CSS styles */ +.webconsole-filter-button[category="css"] > .toolbarbutton-menubutton-button:before { + background-image: linear-gradient(#2DC3F3, #00B6F0); + border-color: #1BA2CC; +} + +.message[category=cssparser] > .indent { + -moz-border-end: solid #00b6f0 6px; +} + +.message[category=cssparser][severity=error] > .icon::before { + background-position: -8px -8px; +} + +.message[category=cssparser][severity=warn] > .icon::before { + background-position: -16px -8px; +} + +/* JS styles */ +.webconsole-filter-button[category="js"] > .toolbarbutton-menubutton-button:before { + background-image: linear-gradient(#FCB142, #FB9500); + border-color: #E98A00; +} + +.message[category=exception] > .indent { + -moz-border-end: solid #fb9500 6px; +} + +.message[category=exception][severity=error] > .icon::before { + background-position: -8px -16px; +} + +.message[category=exception][severity=warn] > .icon::before { + background-position: -16px -16px; +} + +/* Web Developer styles */ +.webconsole-filter-button[category="logging"] > .toolbarbutton-menubutton-button:before { + background-image: linear-gradient(#B9B9B9, #AAAAAA); + border-color: #929292; +} + +.message[category=console] > .indent { + -moz-border-end: solid #cbcbcb 6px; +} + +.message[category=console][severity=error] > .icon::before, +.message[category=output][severity=error] > .icon::before { + background-position: -8px -24px; +} + +.message[category=console][severity=warn] > .icon::before { + background-position: -16px -24px; +} + +.message[category=console][severity=info] > .icon::before { + background-position: -24px -24px; +} + +/* Input and output styles */ +.message[category=input] > .indent, +.message[category=output] > .indent { + -moz-border-end: solid #808080 6px; +} + +.message[category=input] > .icon::before { + background-position: -32px -24px; +} + +.message[category=output] > .icon::before { + background-position: -40px -24px; +} + +/* JSTerm Styles */ +.jsterm-input-node, +.jsterm-complete-node { + border: none; + padding: 0 0 0 16px; + -moz-appearance: none; + background-color: transparent; +} + +.jsterm-input-node { + background-image: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 32, 16, 16); + background-repeat: no-repeat; + background-size: 16px 16px; +} + +@media (min-resolution: 1.25dppx) { + .jsterm-input-node { + background-image: -moz-image-rect(url('chrome://browser/skin/devtools/commandline-icon@2x.png'), 0, 64, 32, 32); + } +} + +:-moz-any(.jsterm-input-node, + .jsterm-complete-node) > .textbox-input-box > .textbox-textarea { + overflow-x: hidden; +} + +.inlined-variables-view .message-body { + display: flex; + flex-direction: column; + resize: vertical; + overflow: auto; + min-height: 200px; +} +.inlined-variables-view iframe { + display: block; + flex: 1; + margin-top: 5px; + margin-bottom: 15px; + -moz-margin-end: 15px; + border: 1px solid rgba(128, 128, 128, .5); + border-radius: 3px; +} + +#webconsole-sidebar > tabs { + height: 0; + border: none; +} + +.devtools-side-splitter ~ #webconsole-sidebar[hidden] { + display: none; +} + +/* Security styles */ + +.message[category=security] > .indent { + -moz-border-end: solid red 6px; +} + +.webconsole-filter-button[category="security"] > .toolbarbutton-menubutton-button:before { + background-image: linear-gradient(#FF3030, #FF7D7D); + border-color: #D12C2C; +} + +.message[category=security][severity=error] > .icon::before { + background-position: -8px -32px; +} + +.message[category=security][severity=warn] > .icon::before { + background-position: -16px -32px; +} + +.navigation-marker { + color: #aaa; + background: linear-gradient(#aaa, #aaa) no-repeat left 50%; + background-size: 100% 2px; + margin-top: 6px; + margin-bottom: 6px; + font-size: 0.9em; +} + +.navigation-marker .url { + -moz-padding-end: 9px; + text-decoration: none; +} + +.stacktrace { + display: none; + list-style: none; + padding: 0 1em 0 1.5em; + margin: 5px 0 0 0; + max-height: 10em; + overflow-y: auto; + border: 1px solid rgb(200,200,200); + border-radius: 3px; +} + +.consoletable { + margin: 5px 0 0 0; +} + +.theme-light .message[severity=error] .stacktrace { + background-color: rgba(255, 255, 255, 0.5); +} + +.theme-dark .message[severity=error] .stacktrace { + background-color: rgba(0, 0, 0, 0.5); +} + +.message[open] .stacktrace { + display: block; +} + +.message .theme-twisty { + display: inline-block; + vertical-align: middle; + margin: 0 3px 0 0; +} + +.stacktrace li { + display: flex; + margin: 0; +} + +.stacktrace .function { + display: block; + flex: 1 1 auto; +} + +.cm-s-mozilla a[class] { + font-style: italic; + text-decoration: none; +} + +.cm-s-mozilla a[class]:hover, +.cm-s-mozilla a[class]:focus { + text-decoration: underline; +} + +/* Open DOMNode in inspector button */ +.open-inspector { + background: url("chrome://browser/skin/devtools/vview-open-inspector.png") no-repeat 0 0; + padding-left: 16px; + margin-left: 5px; + cursor: pointer; +} + +.elementNode:hover .open-inspector, +.open-inspector:hover { + background-position: -32px 0; +} + +.open-inspector:active { + background-position: -16px 0; +} + +.jsterm-input-container { + background-color: var(--theme-tab-toolbar-background); + border-color: var(--theme-body-background); +} + +.jsterm-input-node { + color: var(--theme-content-color1); +} + +.jsterm-complete-node { + color: var(--theme-comment); +} + +.navigation-marker .url { + background: var(--theme-body-background); +} + +.theme-dark .inlined-variables-view iframe { + border-color: #333; +} + +.theme-dark .stacktrace { + border-color: #333; +} + +.theme-light .jsterm-input-container { + /* For light theme use a white background for the input - it looks better + than off-white */ + background-color: #fff; + border-color: ThreeDShadow; +} +.theme-light .navigation-marker .url { + background: #fff; +} + +.theme-light .inlined-variables-view iframe { + border-color: #ccc; +} + +.theme-light .stacktrace { + border-color: #ccc; +} + +@media (max-width: 500px) { + .message > .timestamp { + display: none; + } + .hud-console-filter-toolbar .webconsole-filter-button .toolbarbutton-text { + display: none; + } + .hud-console-filter-toolbar .webconsole-filter-button { + min-width: 40px; + } + .hud-console-filter-toolbar .webconsole-clear-console-button { + min-width: 25px; + } + .webconsole-filter-button > .toolbarbutton-menubutton-button:before { + width: 12px; + height: 12px; + margin-left: 1px; + } + .toolbarbutton-menubutton-dropmarker { + margin: 0px; + } +} + +@media (max-width: 300px) { + .hud-console-filter-toolbar { + -moz-box-orient: vertical; + } + .toolbarbutton-text { + display: -moz-box; + } + .devtools-toolbarbutton { + margin-top: 3px; + } + .hud-console-filter-toolbar .hud-filter-box, + .hud-console-filter-toolbar .devtools-toolbarbutton { + margin-top: 5px; + } +} + +.jsterm-input-node { + width: 98%; +} diff --git a/arc-firefox-theme/chrome/browser/devtools/webconsole.png b/arc-firefox-theme/chrome/browser/devtools/webconsole.png Binary files differnew file mode 100644 index 0000000..8aee790 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/webconsole.png diff --git a/arc-firefox-theme/chrome/browser/devtools/webconsole@2x.png b/arc-firefox-theme/chrome/browser/devtools/webconsole@2x.png Binary files differnew file mode 100644 index 0000000..2d5e97f --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/webconsole@2x.png diff --git a/arc-firefox-theme/chrome/browser/devtools/webconsole_networkpanel.css b/arc-firefox-theme/chrome/browser/devtools/webconsole_networkpanel.css new file mode 100644 index 0000000..3803fe3 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/webconsole_networkpanel.css @@ -0,0 +1,99 @@ +/* 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/. */ + +body { + font-family: sans-serif; + font-size: 11px; + background: #EEE; + color: #000; +} + +#header { + padding: 5px; + overflow-x:auto; + display: block; +} + +h1 { + font-size: 13px; + line-height: 15px; + padding: 3px 10px; + vertical-align: bottom; + margin: 0px; + background: linear-gradient(#BBB, #999); + border-radius: 2px; + text-shadow: #FFF 0px 1px 0px; +} + +h1 .info { + font-size: 11px; + line-height: 15px; + vertical-align: bottom; + float: right; + color: #333; + padding-right: 3px; +} + +.property-table { + padding: 2px 5px; + background: linear-gradient(#FFF, #F8F8F8); + color: #333; + width: 100%; + max-height: 330px; + overflow: auto; + display: block; +} + +.property-name { + font-size: 11px; + font-weight: bold; + color: #000; + white-space: nowrap; + text-align: end; + vertical-align: top; + width: 10%; +} + +.property-value { + padding-right: 5px; + font-size: 11px; + word-wrap: break-word; + width: 90%; +} + +div.group { + margin-top: 10px; +} + +div.group, +#header { + background: #FFF; + border-color: #E1E1E1; + border-style: solid; + border-width: 1px; + box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.2); + border-radius: 4px 4px 4px 4px; +} + +img#responseImageNode { + box-shadow: rgba(0,0,0,0.2) 0px 3px 3.5px; + max-width: 100%; +} + +#responseImageNodeDiv { + padding: 5px; +} + +#responseBodyFetchLink, #requestBodyFetchLink { + padding: 5px; + margin: 0; + cursor: pointer; + font-weight: bold; + font-size: 1.1em; + text-decoration: underline; +} + +.longStringEllipsis { + margin-left: 0.6em; +} diff --git a/arc-firefox-theme/chrome/browser/devtools/widgets.css b/arc-firefox-theme/chrome/browser/devtools/widgets.css new file mode 100644 index 0000000..0ef2f9f --- /dev/null +++ b/arc-firefox-theme/chrome/browser/devtools/widgets.css @@ -0,0 +1,1643 @@ +/* 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/. */ + +/* vim:set ts=2 sw=2 sts=2 et: */ +/* 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/. */ + + +/* Generic pane helpers */ + +.generic-toggled-side-pane { + -moz-margin-start: 0 !important; + /* Unfortunately, transitions don't work properly with locale-aware properties, + so both the left and right margins are set via js, while the start margin + is always overridden here. */ +} + +.generic-toggled-side-pane[animated] { + transition: margin 0.25s ease-in-out; +} + +/* Responsive container */ + +.devtools-responsive-container { + -moz-box-orient: horizontal; +} + +.devtools-main-content { + min-width: 50px; +} + +.devtools-main-content, +.devtools-sidebar-tabs { + /* Prevent some children that should be hidden from remaining visible as this is shrunk (Bug 971959) */ + position: relative; +} + +@media (max-width: 700px) { + .devtools-responsive-container { + -moz-box-orient: vertical; + } + + .devtools-responsive-container > .devtools-side-splitter { + /* This is a normally vertical splitter, but we have turned it horizontal + due to the smaller resolution */ + min-height: 3px; + height: 3px; + margin-top: -3px; + + /* Reset the vertical splitter styles */ + border-width: 0; + border-bottom-width: 1px; + border-bottom-style: solid; + -moz-margin-start: 0; + width: auto; + min-width: 0; + + /* In some edge case the cursor is not changed to n-resize */ + cursor: n-resize; + } + + .devtools-responsive-container > .devtools-sidebar-tabs { + min-height: 35vh; + max-height: 75vh; + } +} + +/* BreacrumbsWidget */ + +.breadcrumbs-widget-container { + -moz-margin-end: 3px; + max-height: 24px; /* Set max-height for proper sizing on linux */ + height: 24px; /* Set height to prevent starting small waiting for content */ +} + +.scrollbutton-up, +.scrollbutton-down { + -moz-appearance: none; + background: transparent; + box-shadow: none; + border: none; + list-style-image: none; + margin: 0; + padding: 0; +} + +.scrollbutton-up > .toolbarbutton-icon, +.scrollbutton-down > .toolbarbutton-icon { + -moz-appearance: none; + width: 7px; + height: 16px; + background-size: 14px 16px; + background-position: 0 center; + background-repeat: no-repeat; + background-image: url("breadcrumbs-scrollbutton.png"); + list-style-image: none; + margin: 0 8px; + padding: 0; +} + +@media (min-resolution: 1.25dppx) { + .scrollbutton-up > .toolbarbutton-icon, + .scrollbutton-down > .toolbarbutton-icon { + background-image: url("breadcrumbs-scrollbutton@2x.png"); + } +} + +.scrollbutton-up:not([disabled]):active:hover > .toolbarbutton-icon, +.scrollbutton-down:not([disabled]):active:hover > .toolbarbutton-icon { + background-position: -7px center; +} + +.scrollbutton-up[disabled] > .toolbarbutton-icon, +.scrollbutton-down[disabled] > .toolbarbutton-icon { + opacity: 0.5; +} + +/* Draw shadows to indicate there is more content 'behind' scrollbuttons. */ +.scrollbutton-up:-moz-locale-dir(ltr), +.scrollbutton-down:-moz-locale-dir(rtl) { + border-right: solid 1px rgba(255, 255, 255, .1); + border-left: solid 1px transparent; + box-shadow: 3px 0px 3px -3px var(--theme-sidebar-background); +} + +.scrollbutton-down:-moz-locale-dir(ltr), +.scrollbutton-up:-moz-locale-dir(rtl) { + border-right: solid 1px transparent; + border-left: solid 1px rgba(255, 255, 255, .1); + box-shadow: -3px 0px 3px -3px var(--theme-sidebar-background); +} + +.scrollbutton-up[disabled], +.scrollbutton-down[disabled] { + box-shadow: none; + border-color: transparent; +} + +.scrollbutton-up > .toolbarbutton-icon:-moz-locale-dir(rtl), +.scrollbutton-down > .toolbarbutton-icon:-moz-locale-dir(ltr) { + transform: scaleX(-1); +} + +/* The breadcrumb separator elements are used as background images with + * -moz-element, so we position them offscreen since we don't care about + * seeing the original elements. + */ +.breadcrumb-separator-container { + position: fixed; + top: -1000px; + left: -1000px; +} + +#breadcrumb-separator-before, +#breadcrumb-separator-after, +#breadcrumb-separator-normal { + width: 12px; + height: 24px; + overflow: hidden; +} + +#breadcrumb-separator-before, +#breadcrumb-separator-after:after { + background: var(--theme-selection-background); +} + +#breadcrumb-separator-after, +#breadcrumb-separator-before:after { + background: var(--theme-toolbar-background); +} + +/* This chevron arrow cannot be replicated easily in CSS, so we are using + * a background image for it (still keeping it in a separate element so + * we can handle RTL support with a CSS transform). + */ +#breadcrumb-separator-normal { + background: url(breadcrumbs-divider@2x.png) no-repeat center right; + background-size: 12px 24px; +} + +/* Fake a triangle by rotating a rectangle inside the elements */ +#breadcrumb-separator-before:after, +#breadcrumb-separator-after:after { + content: ""; + display: block; + width: 25px; + height: 24px; + transform: translateX(-18px) rotate(45deg); + -moz-box-sizing: border-box; +} + +.breadcrumbs-widget-item { + background-color: transparent; + -moz-appearance: none; + min-height: 24px; + min-width: 65px; + margin: 0; + padding: 0 8px 0 20px; + border: none; + outline: none; + color: hsl(210,30%,85%); +} + +.breadcrumbs-widget-item > .button-box { + border: none; + padding-top: 0; + padding-bottom: 0; +} + +.breadcrumbs-widget-item:not([checked]) { + background: -moz-element(#breadcrumb-separator-normal) no-repeat center left; +} + +.breadcrumbs-widget-item[checked] + .breadcrumbs-widget-item { + background: -moz-element(#breadcrumb-separator-after) no-repeat 0 0; +} + +.breadcrumbs-widget-item[checked] { + background: -moz-element(#breadcrumb-separator-before) no-repeat 0 0; +} + +.breadcrumbs-widget-item[checked] { + background-color: var(--theme-selection-background); +} + +.breadcrumbs-widget-item:first-child { + background-image: none; +} + +/* RTL support: move the images that were on the left to the right, + * and move images that were on the right to the left. + */ +.breadcrumbs-widget-item:-moz-locale-dir(rtl) { + padding: 0 20px 0 8px; +} + +.breadcrumbs-widget-item:-moz-locale-dir(rtl), +.breadcrumbs-widget-item[checked] + .breadcrumbs-widget-item:-moz-locale-dir(rtl) { + background-position: center right; +} + +#breadcrumb-separator-before:-moz-locale-dir(rtl), +#breadcrumb-separator-after:-moz-locale-dir(rtl), +#breadcrumb-separator-normal:-moz-locale-dir(rtl) { + transform: scaleX(-1); +} + +#breadcrumb-separator-before:-moz-locale-dir(rtl):after, +#breadcrumb-separator-after:-moz-locale-dir(rtl):after { + transform: translateX(-5px) rotate(45deg); +} + +.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-id, +.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-tag, +.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-pseudo-classes, +.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-classes { + color: var(--theme-selection-color); +} + +.theme-dark .breadcrumbs-widget-item { + color: var(--theme-selection-color); +} + +.theme-light .breadcrumbs-widget-item { + color: var(--theme-body-color); +} + +.breadcrumbs-widget-item-id { + color: var(--theme-body-color-alt); +} + +.breadcrumbs-widget-item-classes { + color: var(--theme-content-color1); +} + +.breadcrumbs-widget-item-pseudo-classes { + color: var(--theme-highlight-lightorange); +} + +.theme-dark .breadcrumbs-widget-item:not([checked]):hover label { + color: white; +} + +.theme-light .breadcrumbs-widget-item:not([checked]):hover label { + color: black; +} + +/* SimpleListWidget */ + +.simple-list-widget-container { + /* Hack: force hardware acceleration */ + transform: translateZ(1px); +} + +.simple-list-widget-item.selected { + background-color: var(--theme-selection-background); + color: var(--theme-selection-color); +} + +.theme-dark .simple-list-widget-item:not(.selected):hover { + background-color: rgba(255,255,255,.05); +} + +.theme-light .simple-list-widget-item:not(.selected):hover { + background-color: rgba(0,0,0,.05); +} + +.simple-list-widget-empty-text, +.simple-list-widget-perma-text { + padding: 4px 8px; +} + +.simple-list-widget-empty-text, +.simple-list-widget-perma-text { + color: var(--theme-body-color-alt); +} + +/* FastListWidget */ + +.fast-list-widget-container { + /* Hack: force hardware acceleration */ + transform: translateZ(1px); +} + +.fast-list-widget-empty-text { + padding: 4px 8px; +} + +.fast-list-widget-empty-text { + color: var(--theme-body-color-alt); +} + +/* SideMenuWidget */ + +.side-menu-widget-container { + /* Hack: force hardware acceleration */ + transform: translateZ(1px); +} + +/* SideMenuWidget container */ + +.theme-dark .side-menu-widget-container:-moz-locale-dir(ltr), +.theme-dark .side-menu-widget-empty-text:-moz-locale-dir(ltr) { + box-shadow: inset -1px 0 0 #000; +} + +.theme-dark .side-menu-widget-container:-moz-locale-dir(rtl), +.theme-dark .side-menu-widget-empty-text:-moz-locale-dir(rtl) { + box-shadow: inset 1px 0 0 #000; +} + +.side-menu-widget-container:-moz-locale-dir(ltr), +.side-menu-widget-empty-text:-moz-locale-dir(ltr) { + box-shadow: inset -1px 0 0 #aaa; +} + +.side-menu-widget-container:-moz-locale-dir(rtl), +.side-menu-widget-empty-text:-moz-locale-dir(rtl) { + box-shadow: inset 1px 0 0 #aaa; +} + +.side-menu-widget-group { + /* To allow visibility of the dark margin shadow. */ + -moz-margin-end: 1px; +} + +.side-menu-widget-container[with-arrows=true] .side-menu-widget-item { + /* To compensate for the arrow image's dark margin. */ + -moz-margin-end: -1px; +} + +/* SideMenuWidget groups */ + +.side-menu-widget-group-title { + padding: 4px; + background-color: var(--theme-tab-toolbar-background); +} + +.theme-dark .side-menu-widget-group-title { + color: var(--theme-content-color1); +} + +.theme-light .side-menu-widget-group-title { + color: var(--theme-content-color3); +} + +/* SideMenuWidget items */ + +.side-menu-widget-item { + /* To compensate for the top and bottom borders */ + margin-top: -1px; + margin-bottom: -1px; + background-clip: padding-box; +} + +.theme-dark .side-menu-widget-item { + border-top: 1px solid rgba(0,0,0,0.2); + border-bottom: 1px solid rgba(128,128,128,0.15); + color: var(--theme-selection-color); +} + +.theme-dark .side-menu-widget-item:last-of-type { + box-shadow: inset 0 -1px 0 rgba(0,0,0,0.2); +} + +.theme-light .side-menu-widget-item { + border-top: 1px solid rgba(128,128,128,0.15); + border-bottom: 1px solid transparent; + color: var(--theme-body-color); +} + +.theme-light .side-menu-widget-item:last-of-type { + box-shadow: inset 0 -1px 0 rgba(128,128,128,0.15); +} + +.side-menu-widget-item.selected { + background-color: var(--theme-selection-background); + color: var(--theme-selection-color); +} + +.side-menu-widget-item-arrow { + -moz-margin-start: -7px; + width: 7px; /* The image's width is 7 pixels */ + /* Cover the border of the side-menu-widget-item */ + margin-top: -1px; + margin-bottom: -1px; +} + +.side-menu-widget-item.selected > .side-menu-widget-item-arrow { + background-size: auto, 1px 100%; + background-repeat: no-repeat; +} + +.side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(ltr) { + background-position: center right, top right; +} + +.side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(rtl) { + background-position: center left, top left; +} + +.theme-dark .side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(ltr) { + background-image: url(itemArrow-dark-ltr.svg), linear-gradient(to right, #000, #000); +} + +.theme-dark .side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(rtl) { + background-image: url(itemArrow-dark-rtl.svg), linear-gradient(to right, #000, #000); +} + +.theme-light .side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(ltr) { + background-image: url(itemArrow-ltr.svg), linear-gradient(to right, #aaa, #aaa); +} + +.theme-light .side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(rtl) { + background-image: url(itemArrow-rtl.svg), linear-gradient(to right, #aaa, #aaa); +} + +/* SideMenuWidget items contents */ + +.side-menu-widget-item-contents { + padding: 4px; + /* To avoid having content overlapping the arrow image. */ + -moz-padding-end: 8px; +} + +.side-menu-widget-item-other { + /* To avoid having content overlapping the arrow image. */ + -moz-padding-end: 8px; + /* To compensate for the .side-menu-widget-item-contents padding. */ + -moz-margin-start: -4px; + -moz-margin-end: -8px; +} + +.side-menu-widget-item-other:first-of-type { + margin-top: 4px; +} + +.side-menu-widget-item-other:last-of-type { + margin-bottom: -4px; +} + +.theme-dark .side-menu-widget-item-other { + background-color: rgba(0,0,0,.1); +} + +.theme-light .side-menu-widget-item-other { + background-color: rgba(128,128,128,.1); +} + +.theme-dark .side-menu-widget-item.selected .side-menu-widget-item-other { + background-color: rgba(0,0,0,.2); /* Darken the selection by 20% */ + color: var(--theme-selection-color); +} + +.theme-light .side-menu-widget-item.selected .side-menu-widget-item-other { + background-color: rgba(255,255,255,.8); /* Lighten the selection by 20% */ + color: var(--theme-body-color); +} + +.side-menu-widget-item.selected .side-menu-widget-item-other.selected { + background-color: transparent; + color: var(--theme-selection-color); +} + +/* SideMenuWidget checkboxes */ + +.side-menu-widget-group-checkbox { + margin: 0; + -moz-margin-end: 4px; +} + +.side-menu-widget-item-checkbox { + margin: 0; + -moz-margin-start: 4px; +} + +/* SideMenuWidget misc */ + +.theme-dark .side-menu-widget-container, +.theme-dark .side-menu-widget-empty-text { + background-color: var(--theme-toolbar-background); +} + +.side-menu-widget-empty-text { + padding: 4px 8px; +} + +/* VariablesView */ + +.variables-view-container { + /* Hack: force hardware acceleration */ + transform: translateZ(1px); +} + +.variables-view-empty-notice { + padding: 2px; +} + +.variables-view-empty-notice { + color: var(--theme-body-color-alt); +} + +.variables-view-scope:focus > .title, +.variable-or-property:focus > .title { + background-color: var(--theme-selection-background); + color: var(--theme-selection-color); +} + +.variables-view-scope > .title { + border-top-width: 1px; + border-top-style: solid; + margin-top: -1px; +} + +/* Generic variables traits */ + +.variables-view-variable:not(:last-child) { + border-bottom: 1px solid rgba(128, 128, 128, .15); +} + +.variables-view-variable > .title > .name { + font-weight: 600; +} + +/* Generic variables *and* properties traits */ + +.variable-or-property:focus > .title > label { + color: inherit !important; +} + +.variables-view-container .theme-twisty { + margin: 2px; +} + +.variable-or-property > .title > .theme-twisty { + -moz-margin-start: 5px; +} + +.variable-or-property:not([untitled]) > .variables-view-element-details { + -moz-margin-start: 7px; +} + +/* Traits applied when variables or properties are changed or overridden */ + +.variable-or-property:not([overridden]) { + transition: background 1s ease-in-out; +} + +.variable-or-property:not([overridden])[changed] { + transition-duration: .4s; +} + +.variable-or-property[overridden] { + background: rgba(128,128,128,0.05); +} + +.variable-or-property[overridden] .title > label { + /* Cross out the title for this variable and all child properties. */ + font-style: italic; + text-decoration: line-through; + border-bottom: none !important; + color: rgba(128,128,128,0.9); + opacity: 0.7; +} + +/* Traits applied when variables or properties are editable */ + +.variable-or-property[editable] > .title > .value { + cursor: text; +} + +.variable-or-property[overridden] .title > .value { + /* Disallow editing this variable and all child properties. */ + pointer-events: none; +} + +/* Custom configurable/enumerable/writable or frozen/sealed/extensible + * variables and properties */ + +.variable-or-property[non-enumerable]:not([self]):not([pseudo-item]) > .title > .name { + opacity: 0.6; +} + +.variable-or-property-non-writable-icon { + background: url("chrome://browser/skin/devtools/vview-lock.png") no-repeat; + background-size: cover; + width: 16px; + height: 16px; +} + +@media (min-resolution: 1.25dppx) { + .variable-or-property-non-writable-icon { + background-image: url("chrome://browser/skin/devtools/vview-lock@2x.png"); + } +} + +.variable-or-property-frozen-label, +.variable-or-property-sealed-label, +.variable-or-property-non-extensible-label { + height: 16px; + -moz-padding-end: 4px; +} + +.variable-or-property:not(:focus) > .title > .variable-or-property-frozen-label, +.variable-or-property:not(:focus) > .title > .variable-or-property-sealed-label, +.variable-or-property:not(:focus) > .title > .variable-or-property-non-extensible-label { + color: #666; +} + +/* Aligned values */ + +.variables-view-container[aligned-values] .title > .separator { + -moz-box-flex: 1; +} + +.variables-view-container[aligned-values] .title > .value { + -moz-box-flex: 0; + width: 70vw; +} + +.variables-view-container[aligned-values] .title > .element-value-input { + width: calc(70vw - 10px); +} + +/* Actions first */ + +.variables-view-open-inspector { + -moz-box-ordinal-group: 1; +} + +.variables-view-edit, +.variables-view-add-property { + -moz-box-ordinal-group: 2; +} + +.variable-or-property-frozen-label, +.variable-or-property-sealed-label, +.variable-or-property-non-extensible-label, +.variable-or-property-non-writable-icon { + -moz-box-ordinal-group: 3; +} + +.variables-view-delete { + -moz-box-ordinal-group: 4; +} + +.variables-view-container[actions-first] .variables-view-delete, +.variables-view-container[actions-first] .variables-view-add-property, +.variables-view-container[actions-first] .variables-view-open-inspector { + -moz-box-ordinal-group: 0; +} + +.variables-view-container[actions-first] [invisible] { + visibility: hidden; +} + +/* Variables and properties tooltips */ + +.variable-or-property > tooltip > label { + margin: 0 2px 0 2px; +} + +.variable-or-property[non-enumerable] > tooltip > label.enumerable, +.variable-or-property[non-configurable] > tooltip > label.configurable, +.variable-or-property[non-writable] > tooltip > label.writable, +.variable-or-property[non-extensible] > tooltip > label.extensible { + color: #800; + text-decoration: line-through; +} + +.variable-or-property[overridden] > tooltip > label.overridden { + -moz-padding-start: 4px; + -moz-border-start: 1px dotted #000; +} + +.variable-or-property[safe-getter] > tooltip > label.WebIDL { + -moz-padding-start: 4px; + -moz-border-start: 1px dotted #000; + color: #080; +} + +/* Variables and properties editing */ + +.variables-view-delete { + background: url("chrome://browser/skin/devtools/vview-delete.png"); + background-size: cover; + width: 16px; + height: 16px; +} + +@media (min-resolution: 1.25dppx) { + .variables-view-delete { + background-image: url("chrome://browser/skin/devtools/vview-delete@2x.png"); + } +} + +.variables-view-delete:hover { + background-position: 16px; +} + +.variables-view-delete:active { + background-position: 32px; +} + +.variable-or-property:focus > .title > .variables-view-delete { + background-position: 0px; +} + +.variables-view-edit { + background: url("chrome://browser/skin/devtools/vview-edit.png"); + background-size: cover; + width: 16px; + height: 16px; + cursor: pointer; +} + +@media (min-resolution: 1.25dppx) { + .variables-view-edit { + background-image: url("chrome://browser/skin/devtools/vview-edit@2x.png"); + } +} + +.variables-view-edit:hover { + background-position: 16px; +} + +.variables-view-edit:active { + background-position: 32px; +} + +.variable-or-property:focus > .title > .variables-view-edit { + background-position: 0px; +} + +.variables-view-open-inspector { + background: url("chrome://browser/skin/devtools/vview-open-inspector.png"); + background-size: cover; + width: 16px; + height: 16px; + cursor: pointer; +} + +@media (min-resolution: 1.25dppx) { + .variables-view-open-inspector { + background-image: url("chrome://browser/skin/devtools/vview-open-inspector@2x.png"); + } +} + +.variables-view-open-inspector:hover { + background-position: 16px; +} + +.variables-view-open-inspector:active { + background-position: 32px; +} + +.variable-or-property:focus > .title > .variables-view-open-inspector { + background-position: 0px; +} + +/* Variables and properties input boxes */ + +.variable-or-property > .title > .separator + .element-value-input { + -moz-margin-start: -2px !important; + -moz-margin-end: 2px !important; +} + +.variable-or-property > .title > .separator[hidden=true] + .element-value-input { + -moz-margin-start: 4px !important; + -moz-margin-end: 2px !important; +} + +.element-name-input { + -moz-margin-start: -2px !important; + -moz-margin-end: 2px !important; + font-weight: 600; +} + +.element-value-input, +.element-name-input { + border: 1px solid rgba(128, 128, 128, .5) !important; + border-radius: 0; + color: inherit; +} + +/* Variables and properties searching */ + +.variable-or-property[unmatched] { + border: none; + margin: 0; +} + +/* Canvas graphs */ + +.graph-widget-container { + position: relative; +} + +.graph-widget-canvas { + width: 100%; + height: 100%; +} + +.graph-widget-canvas[input=hovering-background] { + cursor: text; +} + +.graph-widget-canvas[input=hovering-region] { + cursor: pointer; +} + +.graph-widget-canvas[input=hovering-selection-start-boundary], +.graph-widget-canvas[input=hovering-selection-end-boundary], +.graph-widget-canvas[input=adjusting-selection-boundary] { + cursor: col-resize; +} + +.graph-widget-canvas[input=adjusting-view-area] { + cursor: grabbing; +} + +.graph-widget-canvas[input=hovering-selection-contents] { + cursor: grab; +} + +.graph-widget-canvas[input=dragging-selection-contents] { + cursor: grabbing; +} + +/* Line graph widget */ + +.line-graph-widget-gutter { + position: absolute; + width: 10px; + height: 100%; + top: 0; + left: 0; + pointer-events: none; + -moz-border-end: 1px solid; +} + +.theme-light .line-graph-widget-gutter { + background: rgba(255,255,255,0.75); + -moz-border-end-color: rgba(255,255,255,0.25); +} + +.theme-dark .line-graph-widget-gutter { + background: rgba(0,0,0,0.5); + -moz-border-end-color: rgba(0,0,0,0.25); +} + +.line-graph-widget-gutter-line { + position: absolute; + width: 100%; + border-top: 1px solid; +} + +.line-graph-widget-gutter-line[type=maximum] { + border-color: #2cbb0f; +} + +.line-graph-widget-gutter-line[type=minimum] { + border-color: #ed2655; +} + +.line-graph-widget-gutter-line[type=average] { + border-color: #d97e00; +} + +.line-graph-widget-tooltip { + position: absolute; + border-radius: 2px; + line-height: 15px; + -moz-padding-start: 6px; + -moz-padding-end: 6px; + transform: translateY(-50%); + font-size: 0.8rem !important; + z-index: 1; + pointer-events: none; +} + +.theme-light .line-graph-widget-tooltip { + background: rgba(255,255,255,0.75); +} + +.theme-dark .line-graph-widget-tooltip { + background: rgba(0,0,0,0.5); +} + +.line-graph-widget-tooltip[with-arrows=true]::before { + content: ""; + position: absolute; + border-top: 3px solid transparent; + border-bottom: 3px solid transparent; + top: calc(50% - 3px); +} + +.line-graph-widget-tooltip[arrow=start][with-arrows=true]::before { + -moz-border-end: 3px solid; + left: -3px; +} + +.line-graph-widget-tooltip[arrow=end][with-arrows=true]::before { + -moz-border-start: 3px solid; + right: -3px; +} + +.theme-light .line-graph-widget-tooltip[arrow=start][with-arrows=true]::before { + -moz-border-end-color: rgba(255,255,255,0.75); +} + +.theme-dark .line-graph-widget-tooltip[arrow=start][with-arrows=true]::before { + -moz-border-end-color: rgba(0,0,0,0.5); +} + +.theme-light .line-graph-widget-tooltip[arrow=end][with-arrows=true]::before { + -moz-border-start-color: rgba(255,255,255,0.75); +} + +.theme-dark .line-graph-widget-tooltip[arrow=end][with-arrows=true]::before { + -moz-border-start-color: rgba(0,0,0,0.5); +} + +.line-graph-widget-tooltip[type=maximum] { + left: 14px; +} + +.line-graph-widget-tooltip[type=minimum] { + left: 14px; +} + +.line-graph-widget-tooltip[type=average] { + right: 4px; +} + +.line-graph-widget-tooltip > [text=info] { + color: var(--theme-content-color1); +} + +.line-graph-widget-tooltip > [text=value] { + -moz-margin-start: 3px; +} + +.line-graph-widget-tooltip > [text=metric] { + -moz-margin-start: 1px; + color: var(--theme-content-color3); +} + +.theme-light .line-graph-widget-tooltip > [text=value], +.theme-light .line-graph-widget-tooltip > [text=metric] { + text-shadow: 1px 0px rgba(255,255,255,0.5), + -1px 0px rgba(255,255,255,0.5), + 0px -1px rgba(255,255,255,0.5), + 0px 1px rgba(255,255,255,0.5); +} + +.theme-dark .line-graph-widget-tooltip > [text=value], +.theme-dark .line-graph-widget-tooltip > [text=metric] { + text-shadow: 1px 0px rgba(0,0,0,0.5), + -1px 0px rgba(0,0,0,0.5), + 0px -1px rgba(0,0,0,0.5), + 0px 1px rgba(0,0,0,0.5); +} + +.line-graph-widget-tooltip[type=maximum] > [text=value] { + color: var(--theme-highlight-green); +} + +.line-graph-widget-tooltip[type=minimum] > [text=value] { + color: var(--theme-highlight-red); +} + +.line-graph-widget-tooltip[type=average] > [text=value] { + color: var(--theme-highlight-orange); +} + +/* Bar graph widget */ + +.bar-graph-widget-canvas { + background: #f7f7f7; +} + +.bar-graph-widget-legend { + position: absolute; + top: 4px; + left: 8px; + color: #292e33; + font-size: 80%; + pointer-events: none; +} + +.bar-graph-widget-legend-item { + float: left; + -moz-margin-end: 8px; +} + +.bar-graph-widget-legend-item > [view="color"], +.bar-graph-widget-legend-item > [view="label"] { + vertical-align: middle; +} + +.bar-graph-widget-legend-item > [view="color"] { + display: inline-block; + width: 8px; + height: 8px; + border: 1px solid #fff; + border-radius: 1px; + -moz-margin-end: 4px; + pointer-events: all; + cursor: pointer; +} + +.bar-graph-widget-legend-item > [view="label"] { + text-shadow: 1px 0px rgba(255,255,255,0.8), + -1px 0px rgba(255,255,255,0.8), + 0px -1px rgba(255,255,255,0.8), + 0px 1px rgba(255,255,255,0.8); +} + +/* Charts */ + +.generic-chart-container { + /* Hack: force hardware acceleration */ + transform: translateZ(1px); +} + +.theme-dark .generic-chart-container { + color: var(--theme-selection-color); +} + +.theme-light .generic-chart-container { + color: var(--theme-body-color-alt); +} + +.chart-colored-blob { + fill: var(--theme-content-color2); + background: var(--theme-content-color2); +} + +/* Charts: Pie */ + +.pie-chart-slice { + stroke-width: 1px; + cursor: pointer; +} + +.theme-dark .pie-chart-slice { + stroke: rgba(0,0,0,0.2); +} + +.theme-light .pie-chart-slice { + stroke: rgba(255,255,255,0.8); +} + +.theme-dark .pie-chart-slice[largest] { + stroke-width: 2px; + stroke: #fff; +} + +.theme-light .pie-chart-slice[largest] { + stroke: #000; +} + +.pie-chart-label { + text-anchor: middle; + dominant-baseline: middle; + pointer-events: none; +} + +.theme-dark .pie-chart-label { + fill: #000; +} + +.theme-light .pie-chart-label { + fill: #fff; +} + +.pie-chart-container[slices="1"] > .pie-chart-slice { + stroke-width: 0px; +} + +.pie-chart-slice, +.pie-chart-label { + transition: all 0.1s ease-out; +} + +.pie-chart-slice:not(:hover):not([focused]), +.pie-chart-slice:not(:hover):not([focused]) + .pie-chart-label { + transform: none !important; +} + +/* Charts: Table */ + +.table-chart-title { + padding-bottom: 10px; + font-size: 120%; + font-weight: 600; +} + +.table-chart-row { + margin-top: 1px; + cursor: pointer; +} + +.table-chart-grid:hover > .table-chart-row { + transition: opacity 0.1s ease-in-out; +} + +.table-chart-grid:not(:hover) > .table-chart-row { + transition: opacity 0.2s ease-in-out; +} + +.generic-chart-container:hover > .table-chart-grid:hover > .table-chart-row:not(:hover), +.generic-chart-container:hover ~ .table-chart-container > .table-chart-grid > .table-chart-row:not([focused]) { + opacity: 0.4; +} + +.table-chart-row-box { + width: 8px; + height: 1.5em; + -moz-margin-end: 10px; +} + +.table-chart-row-label { + width: 8em; + -moz-padding-end: 6px; + cursor: inherit; +} + +.table-chart-totals { + margin-top: 8px; + padding-top: 6px; +} + +.table-chart-totals { + border-top: 1px solid var(--theme-body-color-alt); /* Grey foreground text */ +} + +.table-chart-summary-label { + font-weight: 600; + padding: 1px 0px; +} + +.theme-dark .table-chart-summary-label { + color: var(--theme-selection-color); +} + +.theme-light .table-chart-summary-label { + color: var(--theme-body-color); +} + +/* Table Widget */ + +/* Table body */ + +.table-widget-body > .devtools-side-splitter { + border: none; +} + +.table-widget-body { + overflow: auto; +} + +.theme-light .table-widget-body { + background: var(--theme-sidebar-background); +} + +.theme-dark .table-widget-body, +.theme-dark .table-widget-empty-text { + background-color: var(--theme-toolbar-background); +} + +.theme-dark .table-widget-body:-moz-locale-dir(ltr) { + box-shadow: inset -1px 0 0 #000; +} + +.theme-dark .table-widget-body:-moz-locale-dir(rtl) { + box-shadow: inset 1px 0 0 #000; +} + +.table-widget-body:-moz-locale-dir(ltr) { + box-shadow: inset -1px 0 0 #aaa; +} + +.table-widget-body:-moz-locale-dir(rtl) { + box-shadow: inset 1px 0 0 #aaa; +} + +/* Column Headers */ + +.theme-dark .table-widget-column-header, +.theme-dark .table-widget-cell { + -moz-border-end: 1px solid rgba(0,0,0,0.2); + box-shadow: inset 1px 0 0 rgba(128,128,128,0.15); +} + +.theme-light .table-widget-column-header, +.theme-light .table-widget-cell { + -moz-border-end: 1px solid rgba(128,128,128,0.25); + box-shadow: inset 1px 0 0 transparent; +} + +/* Table widget column header colors are taken from netmonitor.inc.css to match + the look of both the tables. This needs to be updated along with netmonitor + header colors in bug 951714 */ + +.table-widget-column-header { + background: rgba(0,0,0,0); + position: sticky; + top: 0; + min-height: 32px; + width: 100%; + border: none; + padding: 8px 0 0 !important; + color: inherit; + text-align: center; + font-weight: inherit !important; + transition: background-color 0.1s ease-in-out; +} + +.table-widget-column-header:hover { + background: rgba(0,0,0,0.10); +} + +.table-widget-column-header:hover:active { + background: rgba(0,0,0,0.25); +} + +.table-widget-column-header:not(:active)[sorted] { + background: rgba(0,0,0,0.15); +} + +.table-widget-column-header:not(:active)[sorted=ascending] { + background-image: radial-gradient(farthest-side at center top, hsla(200,100%,70%,.7), hsla(200,100%,70%,0.3)); + background-size: 100% 1px; + background-repeat: no-repeat; +} + +.table-widget-column-header:not(:active)[sorted=descending] { + background-image: radial-gradient(farthest-side at center bottom, hsla(200,100%,70%,.7), hsla(200,100%,70%,0.3)); + background-size: 100% 1px; + background-repeat: no-repeat; + background-position: bottom; +} + +/* Cells */ + +.table-widget-cell { + width: 100%; + margin: -1px 0 !important; + padding: 3px 4px; + background-clip: padding-box; + min-width: 100px; + -moz-user-focus: normal; +} + +.theme-dark .table-widget-cell { + border-top: 1px solid rgba(0,0,0,0.2); + border-bottom: 1px solid rgba(128,128,128,0.15); + color: var(--theme-selection-color); +} + +.theme-dark:not(.filtering) .table-widget-cell:nth-child(odd):not(.theme-selected), +.theme-dark .table-widget-cell:not(.theme-selected)[odd] { + background: rgba(255,255,255,0.05); +} + +.theme-dark .table-widget-cell:last-of-type { + box-shadow: inset 0 -1px 0 rgba(0,0,0,0.2); +} + +.theme-light .table-widget-cell { + border-top: 1px solid rgba(128,128,128,0.15); + border-bottom: 1px solid transparent; +} + +.theme-light .table-widget-cell:not(.theme-selected) { + color: var(--theme-body-color); +} + +.theme-light:not(.filtering) .table-widget-cell:nth-child(odd):not(.theme-selected), +.theme-light .table-widget-cell:not(.theme-selected)[odd] { + background: rgba(128,128,128,0.05); +} + +.theme-light .table-widget-cell:last-of-type { + box-shadow: inset 0 -1px 0 rgba(128,128,128,0.15); +} + +.table-widget-cell.flash-out { + animation: flash-out 0.5s ease-in; +} + +@keyframes flash-out { + to { + background: var(--theme-contrast-background); + } +} + +/* Empty text and initial text */ + +.table-widget-empty-text { + display: none; + text-align: center; + font-size: large; + margin-top: -20px !important; +} + +.theme-light .table-widget-empty-text { + background: #F7F7F7; /* Background-Sidebar */ +} + +.table-widget-body:empty + .table-widget-empty-text:not([value=""]), +.table-widget-body[empty] + .table-widget-empty-text:not([value=""]) { + display: block; +} + +/* Tree Widget */ + +.tree-widget-container { + padding: 0; + margin: 0; + width: 100%; + height: 100%; + list-style: none; + overflow: hidden; + -moz-margin-end: 40px; +} + +.tree-widget-container:-moz-focusring, +.tree-widget-container *:-moz-focusring { + outline-style: none; +} + +.tree-widget-empty-text { + padding: 10px 20px; + font-size: medium; + background: transparent; + pointer-events: none; +} + +/* Tree Item */ + +.tree-widget-container .tree-widget-item { + padding: 2px 0px 4px; + /* OSX has line-height 14px by default, which causes weird alignment issues + * because of 20px high icons. thus making line-height consistent with that of + * windows. + */ + line-height: 17px !important; + display: inline-block; + width: 100%; + word-break: keep-all; /* To prevent long urls like http://foo.com/bar from + breaking in multiple lines */ +} + +.tree-widget-container .tree-widget-children { + margin: 0; + padding: 0; + list-style: none; +} + +.tree-widget-item[level="1"] { + font-weight: 800; +} + +/* Twisties */ +.tree-widget-item:before { + content: ""; + width: 14px; + height: 14px; + float: left; + margin: 3px 2px -3px; + background-repeat: no-repeat; + background-image: url("chrome://browser/skin/devtools/controls.png"); + background-size: 56px 28px; + cursor: pointer; + background-position: -28px -14px; +} + +.tree-widget-item:-moz-locale-dir(rtl):before { + float: right; + transform: scaleX(-1); +} + +.theme-light .tree-widget-item:before { + background-position: 0 -14px; +} + +.tree-widget-item[empty]:before { + background: transparent; +} + +.tree-widget-item[expanded]:before { + background-position: -42px -14px; +} + +.theme-light .tree-widget-item[expanded]:before { + background-position: -14px -14px; +} + +.tree-widget-item + ul { + overflow: hidden; + animation: collapse-tree-item 0.2s; + max-height: 0; +} + +.tree-widget-item[expanded] + ul { + animation: expand-tree-item 0.3s; + max-height: unset; +} + +@keyframes collapse-tree-item { + from { + max-height: 300px; + } + to { + max-height: 0; + } +} + +@keyframes expand-tree-item { + from { + max-height: 0; + } + to { + max-height: 500px; + } +} + +@media (min-resolution: 1.25dppx) { + .tree-widget-item:before { + background-image: url("chrome://browser/skin/devtools/controls@2x.png"); + } +} + +/* Indentation of child items in the tree */ + +/* For level > 6 */ +.tree-widget-item[level] + ul > li > .tree-widget-item { + -moz-padding-start: 98px; +} + +/* First level */ +.tree-widget-item[level="1"] + ul > li > .tree-widget-item { + -moz-padding-start: 14px; +} + +/* Second level */ +.tree-widget-item[level="2"] + ul > li > .tree-widget-item { + -moz-padding-start: 28px; +} + +/* Third level */ +.tree-widget-item[level="3"] + ul > li > .tree-widget-item { + -moz-padding-start: 42px; +} + +/* Fourth level */ +.tree-widget-item[level="4"] + ul > li > .tree-widget-item { + -moz-padding-start: 56px; +} + +/* Fifth level */ +.tree-widget-item[level="5"] + ul > li > .tree-widget-item { + -moz-padding-start: 70px; +} + +/* Sixth level */ +.tree-widget-item[level="6"] + ul > li > .tree-widget-item { + -moz-padding-start: 84px; +} + +/* Custom icons for certain tree items indicating the type of the item */ + +.tree-widget-item[type]:after { + content: ""; + float: left; + width: 16px; + height: 17px; + -moz-margin-end: 4px; + background-repeat: no-repeat; + background-size: 20px auto; + filter: url('filters.svg#invert'); + background-position: 0 0; + background-size: auto 20px; +} + +.tree-widget-item:-moz-locale-dir(rtl):after { + float: right; +} + +.theme-dark .tree-widget-item[type]:after { + filter: url('filters.svg#invert-white'); +} + +.tree-widget-item[type="dir"]:after { + background-image: url(chrome://browser/skin/devtools/filetype-dir-close.svg); + background-position: 2px 0; + background-size: auto 16px; + width: 20px; +} + +.tree-widget-item[type="dir"][expanded]:not([empty]):after { + background-image: url(chrome://browser/skin/devtools/filetype-dir-open.svg); +} + +.tree-widget-item[type="url"]:after { + background-image: url(chrome://browser/skin/devtools/filetype-globe.svg); + background-size: auto 18px; + width: 18px; +} + +/* 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/. */ + +/* Manifest Editor overrides */ + +.variables-view-container.manifest-editor { + background-color: #F5F5F5; + padding: 20px 2px; +} + +.manifest-editor .variable-or-property:focus > .title { + background-color: #EDEDED; + color: #000; + border-radius: 4px; +} + +.manifest-editor .variables-view-property > .title > .name { + color: #27406A; +} + +.manifest-editor .variable-or-property > .title > label, +.manifest-editor textbox { + font-family: monospace; +} + +.manifest-editor .variable-or-property > .title > .token-string { + color: #54BC6A; + font-weight: bold; +} + +.manifest-editor .variable-or-property > .title > .token-boolean, +.manifest-editor .variable-or-property > .title > .token-number { + color: #009BD4; + font-weight: bold; +} + +.manifest-editor .variable-or-property > .title > .token-undefined { + color: #bbb; +} + +.manifest-editor .variable-or-property > .title > .token-null { + color: #999; +} + +.manifest-editor .variable-or-property > .title > .token-other { + color: #333; +} + +.manifest-editor .variables-view-variable { + border-bottom: none; +} + +.manifest-editor .variables-view-delete, +.manifest-editor .variables-view-delete:hover, +.manifest-editor .variables-view-delete:active, +.manifest-editor .variable-or-property:focus .variables-view-delete, +.manifest-editor .variables-view-add-property, +.manifest-editor .variables-view-add-property:hover, +.manifest-editor .variables-view-add-property:active, +.manifest-editor .variable-or-property:focus .variables-view-add-property { + list-style-image: none; + -moz-image-region: initial; +} + +.manifest-editor .variables-view-delete::before, +.manifest-editor .variables-view-add-property::before { + width: 11px; + height: 11px; + content: ""; + display: inline-block; + background-size: 11px auto; +} + +.manifest-editor .variables-view-delete::before { + background-image: url("app-manager/remove.svg"); +} + +.manifest-editor .variables-view-add-property::before { + background-image: url("app-manager/add.svg"); + -moz-margin-end: 2px; +} + +.side-menu-widget-group-checkbox .checkbox-spacer-box, +.side-menu-widget-item-checkbox .checkbox-spacer-box { + margin: 0; + border: none; +} diff --git a/arc-firefox-theme/chrome/browser/downloads/allDownloadsViewOverlay.css b/arc-firefox-theme/chrome/browser/downloads/allDownloadsViewOverlay.css new file mode 100644 index 0000000..473e401 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/downloads/allDownloadsViewOverlay.css @@ -0,0 +1,133 @@ +/* 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/. */ + +#downloadsRichListBox { + /** The default listbox appearance comes with an unwanted margin. **/ + -moz-appearance: none; + margin: 0; +} + +#downloadsRichListBox > richlistitem.download { + height: 5em; + padding: 5px 8px; +} + +.downloadTypeIcon { + -moz-margin-end: 8px; + /* Prevent flickering when changing states. */ + min-height: 32px; + min-width: 32px; +} + +.blockedIcon { + list-style-image: url("moz-icon://stock/gtk-dialog-error?size=dialog"); +} + +.downloadTarget { + margin-bottom: 3px; + cursor: inherit; +} + +.downloadDetails { + opacity: 0.7; + font-size: 95%; + cursor: inherit; +} + +.downloadButton { + -moz-appearance: none; + background: transparent; + min-width: 0; + min-height: 0; + margin: 3px; + border: none; + padding: 5px; + list-style-image: url("chrome://browser/skin/downloads/buttons.png"); +} + +/*** Button icons ***/ + +.downloadButton.downloadConfirmBlock, +.downloadButton.downloadCancel { + -moz-image-region: rect(0px, 16px, 16px, 0px); +} +richlistitem.download:hover > .downloadButton.downloadConfirmBlock, +richlistitem.download:hover > .downloadButton.downloadCancel { + -moz-image-region: rect(0px, 32px, 16px, 16px); +} +richlistitem.download:hover > .downloadButton.downloadConfirmBlock:hover, +richlistitem.download:hover > .downloadButton.downloadCancel:hover { + -moz-image-region: rect(0px, 48px, 16px, 32px); +} +richlistitem.download:hover > .downloadButton.downloadConfirmBlock:active, +richlistitem.download:hover > .downloadButton.downloadCancel:active { + -moz-image-region: rect(0px, 64px, 16px, 48px); +} +richlistitem.download[selected] > .downloadButton.downloadConfirmBlock, +richlistitem.download[selected] > .downloadButton.downloadCancel { + -moz-image-region: rect(0px, 80px, 16px, 64px); +} +richlistitem.download:hover[selected] > .downloadButton.downloadConfirmBlock, +richlistitem.download:hover[selected] > .downloadButton.downloadCancel { + -moz-image-region: rect(0px, 96px, 16px, 80px); +} +richlistitem.download:hover[selected] > .downloadButton.downloadConfirmBlock:hover, +richlistitem.download:hover[selected] > .downloadButton.downloadCancel:hover { + -moz-image-region: rect(0px, 112px, 16px, 96px); +} +richlistitem.download:hover[selected] > .downloadButton.downloadConfirmBlock:active, +richlistitem.download:hover[selected] > .downloadButton.downloadCancel:active { + -moz-image-region: rect(0px, 128px, 16px, 112px); +} + +.downloadButton.downloadShow { + -moz-image-region: rect(16px, 16px, 32px, 0px); +} +richlistitem.download:hover > .downloadButton.downloadShow { + -moz-image-region: rect(16px, 32px, 32px, 16px); +} +richlistitem.download:hover > .downloadButton.downloadShow:hover { + -moz-image-region: rect(16px, 48px, 32px, 32px); +} +richlistitem.download:hover > .downloadButton.downloadShow:active { + -moz-image-region: rect(16px, 64px, 32px, 48px); +} +richlistitem.download[selected] > .downloadButton.downloadShow { + -moz-image-region: rect(16px, 80px, 32px, 64px); +} +richlistitem.download:hover[selected] > .downloadButton.downloadShow { + -moz-image-region: rect(16px, 96px, 32px, 80px); +} +richlistitem.download:hover[selected] > .downloadButton.downloadShow:hover { + -moz-image-region: rect(16px, 112px, 32px, 96px); +} +richlistitem.download:hover[selected] > .downloadButton.downloadShow:active { + -moz-image-region: rect(16px, 128px, 32px, 112px); +} + +.downloadButton.downloadRetry { + -moz-image-region: rect(32px, 16px, 48px, 0px); +} +richlistitem.download:hover > .downloadButton.downloadRetry { + -moz-image-region: rect(32px, 32px, 48px, 16px); +} +richlistitem.download:hover > .downloadButton.downloadRetry:hover { + -moz-image-region: rect(32px, 48px, 48px, 32px); +} +richlistitem.download:hover > .downloadButton.downloadRetry:active { + -moz-image-region: rect(32px, 64px, 48px, 48px); +} +richlistitem.download[selected] > .downloadButton.downloadRetry { + -moz-image-region: rect(32px, 80px, 48px, 64px); +} +richlistitem.download:hover[selected] > .downloadButton.downloadRetry { + -moz-image-region: rect(32px, 96px, 48px, 80px); +} +richlistitem.download:hover[selected] > .downloadButton.downloadRetry:hover { + -moz-image-region: rect(32px, 112px, 48px, 96px); +} +richlistitem.download:hover[selected] > .downloadButton.downloadRetry:active { + -moz-image-region: rect(32px, 128px, 48px, 112px); +} + diff --git a/arc-firefox-theme/chrome/browser/downloads/buttons.png b/arc-firefox-theme/chrome/browser/downloads/buttons.png Binary files differnew file mode 100644 index 0000000..071f7f7 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/downloads/buttons.png diff --git a/arc-firefox-theme/chrome/browser/downloads/contentAreaDownloadsView.css b/arc-firefox-theme/chrome/browser/downloads/contentAreaDownloadsView.css new file mode 100644 index 0000000..73e42fb --- /dev/null +++ b/arc-firefox-theme/chrome/browser/downloads/contentAreaDownloadsView.css @@ -0,0 +1,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/. */ + +@import url("chrome://global/skin/in-content/common.css"); + +#contentAreaDownloadsView { + padding: 18px; +} + +#downloadsRichListBox:not(:-moz-focusring) { + border-color: transparent; +} + +.downloadButton:not([disabled="true"]):hover, +.downloadButton:not([disabled="true"]):hover:active, +.downloadButton:not([disabled]):hover:active { + background: transparent; + border: none; +} + +.downloadButton > .button-box { + padding-bottom: 0; +} + +#downloadsListEmptyDescription { + margin: 1em; + text-align: center; + color: GrayText; +} diff --git a/arc-firefox-theme/chrome/browser/downloads/download-glow-menuPanel.png b/arc-firefox-theme/chrome/browser/downloads/download-glow-menuPanel.png Binary files differnew file mode 100644 index 0000000..b8443f0 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/downloads/download-glow-menuPanel.png diff --git a/arc-firefox-theme/chrome/browser/downloads/download-notification-finish.png b/arc-firefox-theme/chrome/browser/downloads/download-notification-finish.png Binary files differnew file mode 100644 index 0000000..f5fa120 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/downloads/download-notification-finish.png diff --git a/arc-firefox-theme/chrome/browser/downloads/download-notification-start.png b/arc-firefox-theme/chrome/browser/downloads/download-notification-start.png Binary files differnew file mode 100644 index 0000000..bd548b1 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/downloads/download-notification-start.png diff --git a/arc-firefox-theme/chrome/browser/downloads/download-summary.png b/arc-firefox-theme/chrome/browser/downloads/download-summary.png Binary files differnew file mode 100644 index 0000000..c5d4754 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/downloads/download-summary.png diff --git a/arc-firefox-theme/chrome/browser/downloads/downloads.css b/arc-firefox-theme/chrome/browser/downloads/downloads.css new file mode 100644 index 0000000..78c2f42 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/downloads/downloads.css @@ -0,0 +1,220 @@ +/* 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/. */ + +/*** Panel and outer controls ***/ + +#downloadsPanel > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0; +} + +#downloadsListBox { + background: transparent; + padding: 4px; + color: inherit; +} + +#downloadsPanel:not([hasdownloads]) > #downloadsListBox { + display: none; +} + +#downloadsPanel[hasdownloads] > #emptyDownloads { + display: none; +} + +#emptyDownloads { + padding: 10px 20px; + max-width: 40ch; +} + +#downloadsHistory { + background: transparent; + color: -moz-nativehyperlinktext; + cursor: pointer; +} + +#downloadsFooter { + border-top: 1px solid ThreeDShadow; + background-image: linear-gradient(hsla(0,0%,0%,.15), hsla(0,0%,0%,.08) 6px); +} + +#downloadsHistory > .button-box { + margin: 1em; +} + +#downloadsPanel[keyfocus] > #downloadsFooter > #downloadsHistory:focus > .button-box { + outline: 1px -moz-dialogtext dotted; +} + +/*** Downloads Summary and List items ***/ + +#downloadsSummary, +richlistitem[type="download"] { + height: 6em; + -moz-padding-end: 0; + color: inherit; +} + +#downloadsSummary { + padding: 8px 38px 8px 12px; + cursor: pointer; + -moz-user-focus: normal; +} + +#downloadsPanel[keyfocus] > #downloadsFooter > #downloadsSummary:focus { + outline: 1px -moz-dialogtext dotted; + outline-offset: -5px; +} + +#downloadsSummary > .downloadTypeIcon { + list-style-image: url("chrome://browser/skin/downloads/download-summary.png"); +} + +#downloadsSummaryDescription { + color: -moz-nativehyperlinktext; +} + +richlistitem[type="download"] { + margin: 0; + border-top: 1px solid hsla(0,0%,100%,.2); + border-bottom: 1px solid hsla(0,0%,0%,.15); + background: transparent; + padding: 8px; +} + +richlistitem[type="download"]:first-child { + border-top: 1px solid transparent; +} + +richlistitem[type="download"]:last-child { + border-bottom: 1px solid transparent; +} + +#downloadsPanel[keyfocus] > #downloadsListBox:focus > richlistitem[type="download"][selected] { + outline: 1px -moz-dialogtext dotted; + outline-offset: -1px; +} + +.downloadTypeIcon { + -moz-margin-end: 8px; + /* Prevent flickering when changing states. */ + min-height: 32px; + min-width: 32px; +} + +.blockedIcon { + list-style-image: url("moz-icon://stock/gtk-dialog-error?size=dialog"); +} + +/* We hold .downloadTarget, .downloadProgress and .downloadDetails inside of + a vbox with class .downloadContainer. We set the font-size of the entire + container to 90% because: + + 1) This is the size that we want .downloadDetails to be + 2) The container's width is set by localizers by &downloadDetails.width;, + which is a ch unit. Since this is the value that should control the + panel width, we apply it to the outer container to constrain + .downloadTarget and .downloadProgress. + + Finally, since we want .downloadTarget's font-size to be at 100% of the + font-size of .downloadContainer's parent, we use calc to go from the + smaller font-size back to the original font-size. + */ + +#downloadsSummaryDetails, +.downloadContainer { + font-size: 90%; +} + +#downloadsSummaryDescription, +.downloadTarget { + margin-bottom: 7px; + cursor: inherit; +} + +.downloadTarget { + font-size: calc(100%/0.9); +} + +#downloadsSummaryDetails, +.downloadDetails { + margin-top: 1px; + opacity: 0.6; + cursor: inherit; +} + +.downloadButton { + -moz-appearance: none; + min-width: 0; + min-height: 0; + margin: 3px; + border: none; + background: transparent; + padding: 5px; + list-style-image: url("chrome://browser/skin/downloads/buttons.png"); +} + +.downloadButton > .button-box { + padding: 0; +} + +.downloadButton:focus > .button-box { + outline: 1px -moz-dialogtext dotted; +} + +/*** Highlighted list items ***/ + +#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"][exists]:hover { + border-radius: 3px; + border-top: 1px solid hsla(0,0%,100%,.3); + border-bottom: 1px solid hsla(0,0%,0%,.2); + background-color: Highlight; + background-image: linear-gradient(hsla(0,0%,100%,.1), transparent); + color: HighlightText; + cursor: pointer; +} + +/*** Button icons ***/ + +.downloadButton.downloadConfirmBlock, +.downloadButton.downloadCancel { + -moz-image-region: rect(0px, 16px, 16px, 0px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadConfirmBlock, +richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel { + -moz-image-region: rect(0px, 32px, 16px, 16px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadConfirmBlock:hover, +richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel:hover { + -moz-image-region: rect(0px, 48px, 16px, 32px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadConfirmBlock:active, +richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel:active { + -moz-image-region: rect(0px, 64px, 16px, 48px); +} + +.downloadButton.downloadShow { + -moz-image-region: rect(16px, 16px, 32px, 0px); +} +#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"]:hover > stack > .downloadButton.downloadShow { + -moz-image-region: rect(16px, 96px, 32px, 80px); +} +#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"]:hover > stack > .downloadButton.downloadShow:hover { + -moz-image-region: rect(16px, 112px, 32px, 96px); +} +#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"]:hover > stack > .downloadButton.downloadShow:active { + -moz-image-region: rect(16px, 128px, 32px, 112px); +} + +.downloadButton.downloadRetry { + -moz-image-region: rect(32px, 16px, 48px, 0px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry { + -moz-image-region: rect(32px, 32px, 48px, 16px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry:hover { + -moz-image-region: rect(32px, 48px, 48px, 32px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry:active { + -moz-image-region: rect(32px, 64px, 48px, 48px); +} diff --git a/arc-firefox-theme/chrome/browser/drm-icon.svg b/arc-firefox-theme/chrome/browser/drm-icon.svg new file mode 100644 index 0000000..3ae6a57 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/drm-icon.svg @@ -0,0 +1,55 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" + viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"> + <style> + #chains > use > path { + fill: url(#baseGradient); + } + #chains-pressed > use > path { + fill: url(#pressedGradient); + } + #chains-black > use > path { + fill: black; + } + + g:not(:target) { + display: none; + } + </style> + <defs> + <linearGradient id="baseGradient" gradientUnits="userSpaceOnUse" x1="8" x2="8" y1="16" y2="0"> + <stop offset="0" style="stop-color:#808080"/> + <stop offset="1" style="stop-color:#999999"/> + </linearGradient> + <linearGradient id="pressedGradient" gradientUnits="userSpaceOnUse" x1="8" x2="8" y1="16" y2="0"> + <stop offset="0" style="stop-color:#4D4D4D"/> + <stop offset="1" style="stop-color:#808080"/> + </linearGradient> + <path id="path1" d="M7.058,9.72c-0.245,0.245-0.62,0.27-0.834,0.056C6.01,9.562,6.035,9.186,6.28,8.942l0.218-0.218 + c-0.245-0.245-0.645-0.245-0.89,0L4.496,9.836c-0.245,0.245-0.245,0.645,0,0.89l0.779,0.779c0.245,0.245,0.645,0.245,0.89,0 + l1.112-1.112c0.245-0.245,0.245-0.645,0-0.89L7.058,9.72z"/> + <path id="path2" d="M10.726,4.496c-0.245-0.245-0.645-0.245-0.89,0L8.723,5.608c-0.245,0.245-0.245,0.645,0,0.89 + L8.95,6.272c0.245-0.245,0.62-0.27,0.834-0.056s0.189,0.59-0.056,0.834L9.502,7.277c0.245,0.245,0.645,0.245,0.89,0l1.112-1.112 + c0.245-0.245,0.245-0.645,0-0.89L10.726,4.496z"/> + <path id="path3" d="M8,0C3.582,0,0,3.582,0,8s3.582,8,8,8s8-3.582,8-8S12.418,0,8,0z M12.527,6.81l-1.489,1.489 + c-0.631,0.631-1.663,0.631-2.293,0L8.612,8.167L8.167,8.612l0.133,0.133c0.631,0.631,0.631,1.663,0,2.293L6.81,12.527 + c-0.631,0.631-1.663,0.631-2.293,0l-1.044-1.044c-0.631-0.631-0.631-1.663,0-2.293l1.489-1.489c0.631-0.631,1.663-0.631,2.293,0 + l0.133,0.133l0.445-0.445L7.701,7.255c-0.631-0.631-0.631-1.663,0-2.293L9.19,3.473c0.631-0.631,1.663-0.631,2.293,0l1.044,1.044 + C13.158,5.148,13.158,6.18,12.527,6.81z"/> + </defs> + <g id="chains"> + <use xlink:href="#path1"/> + <use xlink:href="#path2"/> + <use xlink:href="#path3"/> + </g> + <g id="chains-pressed"> + <use xlink:href="#path1"/> + <use xlink:href="#path2"/> + <use xlink:href="#path3"/> + </g> + <g id="chains-black"> + <use xlink:href="#path1"/> + <use xlink:href="#path2"/> + <use xlink:href="#path3"/> + </g> +</svg> diff --git a/arc-firefox-theme/chrome/browser/engineManager.css b/arc-firefox-theme/chrome/browser/engineManager.css new file mode 100644 index 0000000..6a1076e --- /dev/null +++ b/arc-firefox-theme/chrome/browser/engineManager.css @@ -0,0 +1,11 @@ + +#engineList treechildren::-moz-tree-image(engineName) { + -moz-margin-end: 4px; + -moz-margin-start: 1px; + width: 16px; + height: 16px; +} + +#engineList treechildren::-moz-tree-row { + height: 20px; +} diff --git a/arc-firefox-theme/chrome/browser/feeds/feedIcon.png b/arc-firefox-theme/chrome/browser/feeds/feedIcon.png Binary files differnew file mode 100644 index 0000000..a788fff --- /dev/null +++ b/arc-firefox-theme/chrome/browser/feeds/feedIcon.png diff --git a/arc-firefox-theme/chrome/browser/feeds/feedIcon16.png b/arc-firefox-theme/chrome/browser/feeds/feedIcon16.png Binary files differnew file mode 100644 index 0000000..f8536a4 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/feeds/feedIcon16.png diff --git a/arc-firefox-theme/chrome/browser/feeds/subscribe-ui.css b/arc-firefox-theme/chrome/browser/feeds/subscribe-ui.css new file mode 100644 index 0000000..b3c0b37 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/feeds/subscribe-ui.css @@ -0,0 +1,29 @@ +/* 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/. */ + +.alwaysUse { + padding: 5px; +} + +.handlersMenuPopup > menuitem { + -moz-padding-start: 23px; +} + +.handlersMenuPopup > menuitem.menuitem-iconic { + -moz-padding-start: 2px; +} + +.handlersMenuPopup > .menuitem-iconic > .menu-iconic-left { + display: -moz-box; + min-width: 16px; + -moz-padding-end: 2px; +} + +.chooseApplicationMenuItem { + list-style-image: url("moz-icon://dummy.exe?size=16"); +} + +#feedHeader[dir="rtl"] .handlersMenuList > menupopup { + direction: rtl; +} diff --git a/arc-firefox-theme/chrome/browser/feeds/subscribe.css b/arc-firefox-theme/chrome/browser/feeds/subscribe.css new file mode 100644 index 0000000..4cd70fa --- /dev/null +++ b/arc-firefox-theme/chrome/browser/feeds/subscribe.css @@ -0,0 +1,164 @@ +/* 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/. */ + +html { + background: -moz-Dialog; + font: 3mm tahoma,arial,helvetica,sans-serif; +} + +#feedBody { + border: 1px solid THreeDShadow; + padding: 3em; + -moz-padding-start: 30px; + margin: 2em auto; + background: -moz-Field; +} + +#feedHeaderContainer { + border: 1px solid ThreeDShadow; + border-radius: 10px; + margin: -4em auto 0 auto; + background-color: InfoBackground; +} + +#feedHeader { + margin-top: 4.9em; + margin-bottom: 1em; + -moz-margin-start: 1.4em; + -moz-margin-end: 1em; + -moz-padding-start: 2.9em; + font-size: 110%; + color: InfoText; +} + +.feedBackground { + background: url("chrome://browser/skin/feeds/feedIcon.png") 0% 10% no-repeat InfoBackground; +} + +.videoPodcastBackground { + background: url("chrome://browser/skin/feeds/videoFeedIcon.png") 0% 10% no-repeat InfoBackground; +} + +.audioPodcastBackground { + background: url("chrome://browser/skin/feeds/audioFeedIcon.png") 0% 10% no-repeat InfoBackground; +} + +#feedHeader[dir="rtl"] { + background-position: 100% 10%; +} + +#feedIntroText { + display: none; +} + +#feedHeader[firstrun="true"] #feedIntroText { + padding-top: 0.1em; + -moz-padding-start: 0.6em; + display: block; +} + +#feedHeader[firstrun="true"] > #feedSubscribeLine { + -moz-padding-start: 1.8em; +} + +#feedSubscribeLine { + padding-top: 0.2em; +} + +/* Don't print subscription UI */ +@media print { + #feedHeaderContainer { + display: none; + } +} + +body { + margin: 0; + padding: 0 3em; + color: -moz-fieldText; + font: message-box; +} + +h1 { + font-size: 160%; + border-bottom: 2px solid ThreeDLightShadow; + margin: 0 0 .2em 0; +} + +h2 { + color: GrayText; + font-size: 110%; + font-weight: normal; + margin: 0 0 .6em 0; +} + +#feedTitleLink { + float: right; + -moz-margin-start: .6em; + -moz-margin-end: 0; + margin-top: 0; + margin-bottom: 0; +} + +a[href] img { + border: none; +} + +#feedTitleContainer { + -moz-margin-start: 0; + -moz-margin-end: .6em; + margin-top: 0; + margin-bottom: 0; +} + +#feedTitleImage { + -moz-margin-start: .6em; + -moz-margin-end: 0; + margin-top: 0; + margin-bottom: 0; + max-width: 300px; + max-height: 150px; +} + +.feedEntryContent { + font-size: 110%; +} + +.link { + color: #0000FF; + text-decoration: underline; + cursor: pointer; +} + +.link:hover:active { + color: #FF0000; +} + +.lastUpdated { + font-size: 85%; + font-weight: normal; +} + +.type-icon { + vertical-align: bottom; + height: 16px; + width: 16px; +} + +.enclosures { + border: 1px solid THreeDShadow; + padding: 1em; + margin: 1em auto; + background: -moz-Dialog; +} + +.enclosure { + vertical-align: middle; + margin-left: 2px; +} + +.handlersMenuList > .menulist-label-box > .menulist-icon { + max-width: 16px; + max-height: 16px; +} diff --git a/arc-firefox-theme/chrome/browser/fullscreen-darknoise.png b/arc-firefox-theme/chrome/browser/fullscreen-darknoise.png Binary files differnew file mode 100644 index 0000000..5c33e24 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/fullscreen-darknoise.png diff --git a/arc-firefox-theme/chrome/browser/heartbeat-icon.svg b/arc-firefox-theme/chrome/browser/heartbeat-icon.svg new file mode 100644 index 0000000..aada840 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/heartbeat-icon.svg @@ -0,0 +1,23 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg width="288px" height="248px" viewBox="0 0 288 248" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> + <!-- Generator: Sketch 3.2.2 (9983) - http://www.bohemiancoding.com/sketch --> + <title> + Line 14</title> + <desc>Created with Sketch.</desc> + <defs> + <path id="path-1" d="M144,246.857143 C141.214272,246.857143 138.857152,245.892867 136.928571,243.964286 L36.6428571,147.214286 C35.5714232,146.357139 34.0982237,144.964295 32.2232143,143.035714 C30.3482049,141.107133 27.3750204,137.59824 23.3035714,132.508929 C19.2321225,127.419617 15.5893018,122.196455 12.375,116.839286 C9.16069821,111.482116 6.29465545,105.000038 3.77678571,97.3928571 C1.25891598,89.7856763 0,82.392893 0,75.2142857 C0,51.6427393 6.80350339,33.2143521 20.4107143,19.9285714 C34.0179252,6.64279071 52.8213086,0 76.8214286,0 C83.4643189,0 90.2410369,1.1517742 97.1517857,3.45535714 C104.062535,5.75894009 110.491042,8.86605187 116.4375,12.7767857 C122.383958,16.6875196 127.499979,20.3571257 131.785714,23.7857143 C136.07145,27.2143029 140.142838,30.8571236 144,34.7142857 C147.857162,30.8571236 151.92855,27.2143029 156.214286,23.7857143 C160.500021,20.3571257 165.616042,16.6875196 171.5625,12.7767857 C177.508958,8.86605187 183.937465,5.75894009 190.848214,3.45535714 C197.758963,1.1517742 204.535681,0 211.178571,0 C235.178691,0 253.982075,6.64279071 267.589286,19.9285714 C281.196497,33.2143521 288,51.6427393 288,75.2142857 C288,98.8929755 275.732266,122.999877 251.196429,147.535714 L151.071429,243.964286 C149.142847,245.892867 146.785728,246.857143 144,246.857143 L144,246.857143 Z"/> + </defs> + <g id="Prompt---Spec" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"> + <g id="--+-Line-14" sketch:type="MSLayerGroup" transform="translate(0.000000, -1.000000)"> + <path d="M144,248.571429 C141.214272,248.571429 138.857152,247.607152 136.928571,245.678571 L36.6428571,148.928571 C35.5714232,148.071424 34.0982237,146.678581 32.2232143,144.75 C30.3482049,142.821419 27.3750204,139.312525 23.3035714,134.223214 C19.2321225,129.133903 15.5893018,123.910741 12.375,118.553571 C9.16069821,113.196402 6.29465545,106.714324 3.77678571,99.1071429 C1.25891598,91.499962 0,84.1071788 0,76.9285714 C0,53.357025 6.80350339,34.9286379 20.4107143,21.6428571 C34.0179252,8.35707643 52.8213086,1.71428571 76.8214286,1.71428571 C83.4643189,1.71428571 90.2410369,2.86605991 97.1517857,5.16964286 C104.062535,7.4732258 110.491042,10.5803376 116.4375,14.4910714 C122.383958,18.4018053 127.499979,22.0714114 131.785714,25.5 C136.07145,28.9285886 140.142838,32.5714093 144,36.4285714 C147.857162,32.5714093 151.92855,28.9285886 156.214286,25.5 C160.500021,22.0714114 165.616042,18.4018053 171.5625,14.4910714 C177.508958,10.5803376 183.937465,7.4732258 190.848214,5.16964286 C197.758963,2.86605991 204.535681,1.71428571 211.178571,1.71428571 C235.178691,1.71428571 253.982075,8.35707643 267.589286,21.6428571 C281.196497,34.9286379 288,53.357025 288,76.9285714 C288,100.607261 275.732266,124.714163 251.196429,149.25 L151.071429,245.678571 C149.142847,247.607152 146.785728,248.571429 144,248.571429 L144,248.571429 Z" id="-" fill="#D74345" sketch:type="MSShapeGroup"/> + <g id="Line-14" transform="translate(0.000000, 0.714286)"> + <mask id="mask-2" sketch:name="Mask" fill="white"> + <use xlink:href="#path-1"/> + </mask> + <use id="Mask" sketch:type="MSShapeGroup" xlink:href="#path-1"/> + <path d="M-166,115.135254 C-166,115.135254 0.595052083,115.135254 2.9765625,115.135254 L91.9101562,115.135254 L97.9638977,100.101562 L105.430695,115.135254 L114.893585,115.135254 L131.129913,189.53125 L148.161163,57 L165.348663,131.027344 L172.272491,115.135254 L250.84967,115.135254 L428.259813,115.135254" stroke="#FFFFFF" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" sketch:type="MSShapeGroup" mask="url(#mask-2)"> + <g transform="translate(131.129906, 123.265625) scale(1, -1) translate(-131.129906, -123.265625) "/> + </path> + </g> + </g> + </g> +</svg>
\ No newline at end of file diff --git a/arc-firefox-theme/chrome/browser/heartbeat-star-lit.svg b/arc-firefox-theme/chrome/browser/heartbeat-star-lit.svg new file mode 100644 index 0000000..aecaf69 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/heartbeat-star-lit.svg @@ -0,0 +1,428 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + version="1.1" + id="Toolbar" + x="0px" + y="0px" + viewBox="0 0 16 16" + enable-background="new 0 0 16 16" + xml:space="preserve" + inkscape:version="0.48.5 r10040" + width="100%" + height="100%" + sodipodi:docname="star-lit.svg"><metadata + id="metadata4111"><rdf:RDF><cc:Work + rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs + id="defs4109" /><sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1440" + inkscape:window-height="838" + id="namedview4107" + showgrid="false" + inkscape:zoom="41.7193" + inkscape:cx="6.7712219" + inkscape:cy="7.3971752" + inkscape:window-x="-8" + inkscape:window-y="-8" + inkscape:window-maximized="1" + inkscape:current-layer="Toolbar" /> +<g + id="g3926"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#00A3F2" + d="M-238.2,6h-6.1l2.7-2.7c0.4-0.4,0.5-1.1,0.2-1.4l-1.2-1.2 c-0.3-0.3-1-0.3-1.4,0.2l-6.4,6.4c-0.1,0.1-0.1,0.2-0.2,0.2l0,0c0,0,0,0,0,0c0,0.1-0.1,0.1-0.1,0.1c0,0.1-0.1,0.2-0.1,0.3 c0,0,0,0.1,0,0.1c0,0,0,0.1,0,0.1c0,0.1,0,0.2,0.1,0.3c0,0.1,0.1,0.1,0.1,0.1c0,0,0,0,0,0l0,0c0.1,0.1,0.1,0.2,0.2,0.2l6.4,6.4 c0.4,0.4,1.1,0.5,1.4,0.2l1.2-1.2c0.3-0.3,0.3-1-0.2-1.4l-2.8-2.8h6.2c0.6,0,1-0.4,1-1V7C-237.2,6.4-237.6,6-238.2,6z" + id="path3928" /> +</g> +<g + id="g3930"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#00A3F2" + d="M-212.7,6.3l-1,1c-0.2,0.2-0.2,0.4-0.2,0.7c0,0.3,0,0.5,0.2,0.7 l0.8,0.9l4.5,4.5c0.5,0.5,1.2,0.6,1.6,0.2l0.8-0.9c0.4-0.4,0.3-1.1-0.2-1.6l-1.8-1.8h4.7c0.6,0,1-0.5,1-1V7c0-0.6-0.5-1-1-1h-4.8 l1.9-1.9c0.5-0.5,0.6-1.3,0.2-1.6l-0.8-0.9c-0.4-0.4-1.1-0.3-1.6,0.2L-212.7,6.3z" + id="path3932" /> +</g> +<g + id="g3934"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#00A3F2" + d="M-167.3,9.7l1-1c0.2-0.2,0.2-0.4,0.2-0.7c0-0.3,0-0.5-0.2-0.7 l-0.8-0.9l-4.5-4.5c-0.5-0.5-1.2-0.6-1.6-0.2l-0.8,0.9c-0.4,0.4-0.3,1.1,0.2,1.6l1.8,1.8h-4.7c-0.6,0-1,0.5-1,1v2c0,0.6,0.5,1,1,1 h4.8l-1.9,1.9c-0.5,0.5-0.6,1.3-0.2,1.6l0.8,0.9c0.4,0.4,1.1,0.3,1.6-0.2L-167.3,9.7z" + id="path3936" /> +</g> +<path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#00A3F2" + d="M-129.5,8h-7l2.8-2.8c-0.7-0.5-1.4-0.7-2.3-0.7c-2.2,0-4,1.8-4,4 c0,2.2,1.8,4,4,4c1.4,0,2.7-0.7,3.4-1.9l2.3,1c-1.1,2-3.2,3.4-5.7,3.4c-3.6,0-6.5-2.9-6.5-6.5c0-3.6,2.9-6.5,6.5-6.5 c1.5,0,2.9,0.5,4.1,1.4l2.4-2.4V8z" + id="path3938" /> +<g + id="g3940"> + <g + id="g3942"> + <polygon + fill-rule="evenodd" + clip-rule="evenodd" + fill="#00A3F2" + points="-93.6,3.8 -95.8,1.7 -100,5.9 -104.3,1.6 -106.4,3.8 -102.1,8 -106.3,12.2 -104.1,14.3 -99.9,10.2 -95.7,14.4 -93.6,12.2 -97.8,8.1 " + id="polygon3944" /> + </g> +</g> +<g + id="g3946"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#00A3F2" + d="M-64,1l-8,7h2l6-5l6,5h2L-64,1z M-69,8v7h4v-5h2v5h4V8l-5-4L-69,8 z" + id="path3948" /> +</g> +<path + fill="#00A3F2" + d="M-28,3.6l1,2l0.5,0.9l1,0.2l2.3,0.4l-1.7,1.8l-0.7,0.7l0.1,1l0.4,2.4l-2-1l-0.9-0.5l-0.9,0.5l-2,1l0.4-2.4 l0.1-1l-0.7-0.7l-1.7-1.8l2.4-0.4l1-0.2l0.5-0.9L-28,3.6 M-28,0c-0.3,0-0.6,0.2-0.8,0.7l-2,4.1l-4.3,0.7c-1,0.2-1.2,0.9-0.5,1.6 l3.1,3.3l-0.7,4.6c-0.1,0.7,0.2,1.1,0.7,1.1c0.2,0,0.4-0.1,0.6-0.2l3.9-2.1l3.9,2.1c0.2,0.1,0.5,0.2,0.6,0.2c0.5,0,0.8-0.4,0.7-1.1 l-0.7-4.6l3.1-3.3c0.7-0.7,0.4-1.4-0.5-1.6l-4.3-0.7l-2-4.1C-27.4,0.2-27.7,0-28,0L-28,0z" + id="path3950" /> +<path + fill="#00A3F2" + d="M8,0C7.7,0,7.4,0.2,7.2,0.7l-2,4.1L0.9,5.5c-1,0.2-1.2,0.9-0.5,1.6l3.1,3.3l-0.7,4.6C2.7,15.6,3,16,3.4,16 c0.2,0,0.4-0.1,0.6-0.2L8,13.7l3.9,2.1c0.2,0.1,0.5,0.2,0.6,0.2c0.5,0,0.8-0.4,0.7-1.1l-0.7-4.6l3.1-3.3c0.7-0.7,0.4-1.4-0.5-1.6 l-4.3-0.7l-2-4.1C8.6,0.2,8.3,0,8,0L8,0z" + id="path3952" + style="fill:#0095dd;fill-opacity:1" /> +<path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#00A3F2" + d="M44,15.2c-4,0-7.2-3.2-7.2-7.2c0-4,3.2-7.2,7.2-7.2 c4,0,7.2,3.2,7.2,7.2C51.2,12,48,15.2,44,15.2z M44,3c-2.8,0-5,2.2-5,5c0,2.7,2.2,5,5,5c2.8,0,5-2.2,5-5C49,5.3,46.8,3,44,3z M43.7,8.9C43.3,8.8,43,8.4,43,8V5c0-0.6,0.4-1,1-1c0.6,0,1,0.4,1,1v2.8c1.1,1.1,2,3.2,2,3.2S44.8,10,43.7,8.9z" + id="path3954" /> +<path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#00A3F2" + d="M86.7,9.1l-5.6,5.5C80.8,14.9,80.4,15,80,15 c-0.4,0-0.8-0.1-1.1-0.4l-5.6-5.5C72.7,8.5,72.9,8,73.8,8H77l0-6c0-0.6,0.4-1,1-1h4c0.6,0,1,0.4,1,1v6h3.2C87.1,8,87.3,8.5,86.7,9.1 z" + id="path3956" /> +<path + fill="#00A3F2" + d="M-241,52c0.5,0,1-0.4,1-1v-4c0,0,0.1-0.8,0.8-0.8c0.6,0,0.6,0.8,1.8,0.8c0.6,0,1.5-0.2,1.5-2 c0-1.8-0.9-2-1.5-2c-1.1,0-1.1,0.8-1.8,0.8c-0.6,0-0.8-0.8-0.8-0.8v-2c0-0.6-0.4-1-1-1h-3c0,0-0.8-0.1-0.8-0.8 c0-0.6,0.8-0.6,0.8-1.8c0-0.6-0.2-1.5-2-1.5c-1.8,0-2,0.9-2,1.5c0,1.1,0.8,1.1,0.8,1.8c0,0.6-0.8,0.8-0.8,0.8h-3c-0.5,0-1,0.4-1,1 l0,2.5c0,0-0.1,1.5,1.1,1.5c0.8,0,0.9-1,1.9-1c0.5,0,1,0.5,1,1.6c0,1-0.5,1.6-1,1.6c-1,0-1.1-1-1.9-1c-1.2,0-1.1,1.5-1.1,1.5l0,3.5 c0,0.6,0.4,1,1,1h3.8c0,0,1.5,0.1,1.5-1.1c0-0.8-1-0.9-1-1.9c0-0.5,0.7-1.2,1.8-1.2c1,0,1.8,0.7,1.8,1.2c0,1-1,1.1-1,1.9 c0,1.2,1.5,1.1,1.5,1.1H-241z" + id="path3958" /> +<g + id="g3960"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + d="M-200.4,41.9h-0.3v0h-14.4v0h-0.3c-0.2,0-0.4,0.2-0.4,0.4c0,0,0.3,2.2,0.5,4.4 c0.2,2.5,0.2,4.2,0.2,4.2c0,0.2,0.2,0.4,0.4,0.4h13.7c0.2,0,0.4-0.2,0.4-0.4c0,0,0.1-2.1,0.2-4.2c0.1-2.2,0.5-4.4,0.5-4.4 C-200.1,42.1-200.2,41.9-200.4,41.9z" + id="path3962" /> + <path + fill-rule="evenodd" + clip-rule="evenodd" + d="M-200.8,41.3v-2c0-0.3-0.2-0.5-0.5-0.5l-6.7,0l-0.8-1.1c0,0-0.6-0.9-1.2-0.9h-4.2 c-0.6,0-1,0.5-1,1v1l0,2.5H-200.8z" + id="path3964" /> +</g> +<g + id="g3966"> + <g + id="g3968"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#00A3F2" + d="M-169,37h-7.5c-0.8,0-1.5,0.7-1.5,1.5v11c0,0.8,0.7,1.5,1.5,1.5 h9c0.8,0,1.5-0.7,1.5-1.5V40L-169,37z M-170,41v-3.3l3.3,3.3H-170z" + id="path3970" /> + </g> +</g> +<g + id="g3972"> + <g + id="g3974"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + d="M-132.5,38c-0.4,0.2-0.9,0.6-1.3,1.2c-0.3,0.4-0.5,0.9-0.8,1.3 c0.7,0.3,1.3,0.8,1.7,1.4c0.4,0.7,0.7,1.5,0.6,2.3c-0.1,1.3-1,2.4-2.1,3c-0.5-0.5-1.4-2.1-1.4-2.1c0,0,0,1.8-0.6,3 c-0.4,0.8-0.9,1.5-1.6,2.1c1,0.4,2,0.6,3,0.6l0-0.1c0,0,0.1,0.1,0.1,0.1c2.1,0,4.1-0.3,4.1-0.3s-0.9-0.6-1.3-0.9 c1.3-0.7,2.2-2,2.5-3.3c0.2-0.5,0.3-1.1,0.4-1.7C-128.7,41.9-130.2,39.3-132.5,38z M-139.8,44.2c0-1.4,0.8-2.8,2.2-3.5 c0.5,0.5,1.6,2,1.6,2s0-3.6,1.2-5.6c-4.3-0.5-6.8,0.3-6.8,0.3s1.2,0.4,1.6,0.8c-0.1,0.1-0.2,0.1-0.3,0.2c-1,0.7-1.7,1.6-2.1,2.7 c-0.3,0.6-0.5,1.3-0.5,2c-0.3,2.8,1.1,5.4,3.4,6.7c0.4-0.3,0.8-0.6,1.2-1.1c0.4-0.4,0.7-0.9,1-1.4 C-138.7,46.9-139.7,45.7-139.8,44.2z" + id="path3976" /> + </g> +</g> +<g + id="g3978"> + <g + id="g3980"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#00A3F2" + d="M-96.6,41.5c-3.3-4-9.6-4.5-9.6-4.5c-0.4,0-0.8,0.3-0.8,0.7v1.4 c0,0.4,0.3,0.7,0.8,0.7c0,0,4.5,0.1,7.1,3.2c3.5,3.6,3.2,7.2,3.2,7.2c0,0.4,0.3,0.8,0.8,0.8h1.5c0.4,0,0.7-0.3,0.7-0.8 C-93,50.2-93.3,44.5-96.6,41.5z M-106.2,42c-0.4,0-0.8,0.3-0.8,0.7V44c0,0.4,0.3,0.7,0.8,0.7c0,0,2.4,0.1,3.8,1.4 c1.9,1.7,1.8,4.2,1.8,4.2c0,0.4,0.2,0.8,0.6,0.8h1.5c0.4,0,0.5-0.3,0.5-0.8c0,0-0.4-3.9-2.5-5.9C-102.5,42.4-106.2,42-106.2,42z M-105,47c-1.1,0-2,0.9-2,2c0,1.1,0.9,2,2,2c1.1,0,2-0.9,2-2C-103,47.9-103.9,47-105,47z" + id="path3982" /> + </g> +</g> +<path + fill="none" + d="M-102.6,34.4c0.5,0,1-0.4,1-1v-4c0,0,0.1-0.8,0.8-0.8c0.6,0,0.6,0.8,1.8,0.8c0.6,0,1.5-0.2,1.5-2 c0-1.8-0.9-2-1.5-2c-1.1,0-1.1,0.8-1.8,0.8c-0.6,0-0.8-0.8-0.8-0.8v-2c0-0.6-0.4-1-1-1h-3c0,0-0.8-0.1-0.8-0.8 c0-0.6,0.8-0.6,0.8-1.8c0-0.6-0.2-1.5-2-1.5c-1.8,0-2,0.9-2,1.5c0,1.1,0.8,1.1,0.8,1.8c0,0.6-0.8,0.8-0.8,0.8h-3c-0.5,0-1,0.4-1,1 l0,2.5c0,0-0.1,1.5,1.1,1.5c0.8,0,0.9-1,1.9-1c0.5,0,1,0.5,1,1.6c0,1-0.5,1.6-1,1.6c-1,0-1.1-1-1.9-1c-1.2,0-1.1,1.5-1.1,1.5l0,3.5 c0,0.6,0.4,1,1,1h3.8c0,0,1.5,0.1,1.5-1.1c0-0.8-1-0.9-1-1.9c0-0.5,0.7-1.2,1.8-1.2c1,0,1.8,0.7,1.8,1.2c0,1-1,1.1-1,1.9 c0,1.2,1.5,1.1,1.5,1.1H-102.6z" + id="path3984" /> +<g + id="g3986"> + <g + id="g3988"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#00A3F2" + d="M-63,46.7l-0.3-0.1L-63,52l2.6-3.8L-63,46.7z M-63.3,46l0.3,0 l6,2.9V36l-14,11l4.6-0.6L-63,52l-1.9-5.7l-0.3-0.1l0.3,0L-65,46l7-8L-63.3,46L-63.3,46z" + id="path3990" /> + </g> +</g> +<g + id="g3992"> + <g + id="g3994"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#00A3F2" + d="M-23,37h-10c-1.1,0-2,0.9-2,2v10c0,1.1,0.9,2,2,2h10 c1.1,0,2-0.9,2-2V39C-21,37.9-21.9,37-23,37z M-23,46c0,1.7-1.3,2-3,2h-4c-1.7,0-3-1.3-3-3v-4c0-1.7,1.3-3,3-3h4c1.7,0,3,1.3,3,3 V46z" + id="path3996" /> + </g> +</g> +<path + fill="#00A3F2" + d="M-23.7,42.6c0-0.8-0.2-1.5-0.6-2c-0.4-0.5-1-0.7-1.7-0.7c-0.4,0-0.8,0.1-1.1,0.3s-0.6,0.4-0.8,0.8 c-0.2-0.4-0.4-0.6-0.7-0.8c-0.3-0.2-0.7-0.2-1.2-0.2c-0.4,0-0.7,0-1.1,0.1s-0.7,0.2-1,0.4l0.3,0.7c0.6-0.3,1.2-0.5,1.7-0.5 c0.4,0,0.8,0.1,1,0.3c0.2,0.2,0.3,0.6,0.3,1.1v0.4l-1,0c-0.9,0-1.6,0.2-2.1,0.5c-0.5,0.3-0.7,0.8-0.7,1.4c0,0.6,0.2,1,0.5,1.3 c0.3,0.3,0.8,0.5,1.4,0.5c0.5,0,0.9-0.1,1.3-0.3c0.4-0.2,0.7-0.5,1-1c0.5,0.9,1.2,1.3,2.3,1.3c0.4,0,0.7,0,1-0.1 c0.3-0.1,0.6-0.2,0.9-0.3v-0.8c-0.3,0.1-0.6,0.3-0.9,0.3c-0.3,0.1-0.6,0.1-0.9,0.1c-1.2,0-1.8-0.7-1.8-2.2h3.9V42.6z M-28.5,43.6 c0,0.6-0.2,1-0.5,1.3c-0.3,0.3-0.7,0.5-1.3,0.5c-0.3,0-0.6-0.1-0.8-0.2c-0.2-0.2-0.3-0.4-0.3-0.8c0-0.4,0.2-0.7,0.5-0.9 c0.3-0.2,0.8-0.3,1.5-0.3l0.9,0V43.6z M-27.5,42.4c0-0.6,0.2-1,0.4-1.3c0.3-0.3,0.6-0.5,1.1-0.5c0.4,0,0.8,0.2,1,0.5 c0.2,0.3,0.4,0.8,0.4,1.3H-27.5z" + id="path3998" /> +<g + id="g4000"> + <g + id="g4002"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#00A3F2" + d="M14.5,37h-13C0.7,37,0,37.7,0,38.5v11C0,50.3,0.7,51,1.5,51h13 c0.8,0,1.5-0.7,1.5-1.5v-11C16,37.7,15.3,37,14.5,37z M6.5,38C6.8,38,7,38.2,7,38.5C7,38.8,6.8,39,6.5,39C6.2,39,6,38.8,6,38.5 C6,38.2,6.2,38,6.5,38z M4.4,38c0.3,0,0.5,0.2,0.5,0.5c0,0.3-0.2,0.5-0.5,0.5c-0.3,0-0.5-0.2-0.5-0.5C3.9,38.2,4.2,38,4.4,38z M2.5,38C2.8,38,3,38.2,3,38.5C3,38.8,2.8,39,2.5,39C2.2,39,2,38.8,2,38.5C2,38.2,2.2,38,2.5,38z M14,48c0,0.6-0.4,1-1,1H3 c-0.6,0-1-0.4-1-1v-6c0-0.6,0.4-1,1-1h10c0.6,0,1,0.4,1,1V48z" + id="path4004" /> + </g> +</g> +<path + fill="#00A3F2" + d="M51.2,45.9L51.2,45.9c-0.4-0.1-0.7-0.3-1-0.6c-0.1-0.1-0.1-0.1-0.2-0.2c-0.1-0.1-0.1-0.1-0.2-0.2 c0-0.1-0.1-0.1-0.1-0.2c0-0.1-0.1-0.1-0.1-0.2c-0.3-0.6-0.4-1.5-0.5-2.4c-0.3-2.2-0.1-3.8-3-3.8h-4.4c-2.9,0-2.6,1.6-2.9,3.8 c-0.1,0.9-0.3,1.8-0.6,2.4c0,0,0,0,0,0c-0.1,0.1-0.1,0.2-0.2,0.3c0,0,0,0-0.1,0.1c-0.1,0.2-0.2,0.3-0.4,0.4 c-0.3,0.2-0.5,0.4-0.9,0.5l0,0C36.4,46,36,46.3,36,46.8v1.9c0,0.5,0.4,0.9,0.9,0.9h14.1c0.5,0,0.9-0.4,0.9-0.9v-1.9 C52,46.3,51.6,46,51.2,45.9z M46.4,43.8c0,0.1-0.1,0.2-0.2,0.2h-1.6v1.6c0,0.1-0.1,0.2-0.2,0.2h-0.5c-0.1,0-0.2-0.1-0.2-0.2V44h-1.6 c-0.1,0-0.2-0.1-0.2-0.2v-0.5c0-0.1,0.1-0.2,0.2-0.2h1.6v-1.6c0-0.1,0.1-0.2,0.2-0.2h0.5c0.1,0,0.2,0.1,0.2,0.2v1.6h1.6 c0.1,0,0.2,0.1,0.2,0.2V43.8z" + id="path4006" /> +<path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#00A3F2" + d="M87.7,42c-0.1,1.1,0.2,2.5-1.3,4.4c-1.6,2.1-3.1,2.1-3.4,2.1 c-1.8-0.1-2-1.5-3-1.5c-0.9,0-1.6,1.4-3,1.5c-0.3,0-1.9,0-3.4-2c-1.5-1.9-1.2-3.3-1.3-4.4S72,39.7,72,39.7s0.7,0.7,1.6,0.8 c0.9,0.1,1.1-0.3,3-0.9c2.1-0.6,3.4,1.9,3.4,1.9s1.4-2.4,3.4-1.9c1.9,0.6,2,0.9,2.9,0.9c0.9-0.1,1.7-0.8,1.7-0.8S87.8,40.9,87.7,42z M76.9,42.5c-1.1-0.3-1.6,0.2-2.1,0.4C74.4,43,74,43.1,74,43.1s0.1,0.7,1.2,1.2c1.1,0.6,3.5,0.3,3.5,0.3S78.9,42.9,76.9,42.5z M85.2,42.9c-0.5-0.2-1-0.6-2.1-0.4c-2,0.4-1.8,2.1-1.8,2.1s2.4,0.3,3.5-0.3c1.1-0.6,1.2-1.2,1.2-1.2S85.6,43,85.2,42.9z" + id="path4008" /> +<g + id="g4010"> + <g + id="g4012"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + d="M-237.5,84.9l-3.3-3.3c0.5-0.9,0.9-1.9,0.9-2.9c0-3-2.4-5.5-5.5-5.5 c-3,0-5.5,2.4-5.5,5.5c0,3,2.4,5.5,5.5,5.5c1.1,0,2.1-0.3,3-0.9l3.3,3.3c0.4,0.4,1,0.4,1.4,0l0.2-0.2 C-237.1,85.9-237.1,85.3-237.5,84.9z M-245.4,82c-1.8,0-3.3-1.5-3.3-3.4c0-1.9,1.5-3.4,3.3-3.4c1.8,0,3.3,1.5,3.3,3.4 C-242,80.5-243.5,82-245.4,82z" + id="path4014" /> + </g> +</g> +<g + id="g4016"> + <g + id="g4018"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + d="M-214.5,86.3l0.2,0.2c0.4,0.4,1,0.4,1.4,0l3.3-3.3c0.9,0.6,1.9,0.9,3,0.9 c3,0,5.5-2.4,5.5-5.5c0-3-2.4-5.5-5.5-5.5c-3,0-5.5,2.4-5.5,5.5c0,1.1,0.3,2.1,0.9,2.9l-3.3,3.3 C-214.9,85.3-214.9,85.9-214.5,86.3z M-210,78.6c0-1.9,1.5-3.4,3.3-3.4c1.8,0,3.3,1.5,3.3,3.4c0,1.9-1.5,3.4-3.3,3.4 C-208.5,82-210,80.5-210,78.6z" + id="path4020" /> + </g> +</g> +<g + id="g4022"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#00A3F2" + d="M-165,77.5h-1v-2c0-0.6-0.4-1-1-1v-1c0-0.6-0.4-1-1-1h-8 c-0.6,0-1,0.4-1,1v1c-0.6,0-1,0.4-1,1v2h-1c-0.6,0-1,0.4-1,1v5c0,0.6,0.4,1,1,1h2v-1h0.5l-1.5,3h12l-1.5-3h0.5v1h2c0.6,0,1-0.4,1-1 v-5C-164,77.9-164.4,77.5-165,77.5z M-176.5,80.5h-1c-0.3,0-0.5-0.2-0.5-0.5c0-0.3,0.2-0.5,0.5-0.5h1c0.3,0,0.5,0.2,0.5,0.5 C-176,80.2-176.2,80.5-176.5,80.5z M-176,85.5l0.9-2h6.2l0.9,2H-176z M-168,77.5c0,0.6-0.4,1-1,1h-6c-0.6,0-1-0.4-1-1v-3 c0-0.6,0.4-1,1-1h6c0.6,0,1,0.4,1,1V77.5z" + id="path4024" /> +</g> +<g + id="g4026"> + <path + fill="#00A3F2" + d="M-135,73l1.9,1.9l-2.6,2.6c-0.5,0.5-0.5,1.4,0.1,2c0.6,0.6,1.5,0.6,2,0.1l2.6-2.6l1.9,1.9v-6H-135z M-138.5,80.4l-2.6,2.6L-143,81v6h6l-1.9-1.9l2.6-2.6c0.5-0.5,0.5-1.4-0.1-2C-137.1,79.9-138,79.9-138.5,80.4z" + id="path4028" /> +</g> +<g + id="g4030"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#00A3F2" + d="M-93.5,73.5c-0.6-0.6-1.5-0.6-2-0.1l-2.6,2.6L-100,74v6h6 l-1.9-1.9l2.6-2.6C-92.9,75-92.9,74.1-93.5,73.5z M-104.1,81.9l-2.6,2.6c-0.5,0.5-0.5,1.4,0.1,2c0.6,0.6,1.5,0.6,2,0.1l2.6-2.6 l1.9,1.9v-6h-6L-104.1,81.9z" + id="path4032" /> +</g> +<g + id="g4034"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#00A3F2" + d="M14.6,75.1l-2.3,2.3c-0.5,0.5-1.3,0.5-1.7,0 c-0.5-0.5-0.5-1.2,0-1.7l2.4-2.3c-0.6-0.3-1.2-0.5-1.9-0.5C8.8,72.9,7,74.7,7,77c0,0.5,0.1,1.1,0.3,1.5l-5.9,5.8 c-0.6,0.6-0.6,1.7,0,2.3c0.6,0.6,1.7,0.6,2.3,0l6-5.9c0.4,0.2,0.9,0.3,1.4,0.3c2.2,0,4.1-1.8,4.1-4.1 C15.1,76.3,14.9,75.7,14.6,75.1z M2.5,86.4c-0.5,0-0.9-0.4-0.9-0.9c0-0.5,0.4-0.9,0.9-0.9c0.5,0,0.9,0.4,0.9,0.9 C3.4,86,3,86.4,2.5,86.4z" + id="path4036" /> +</g> +<path + fill="#00A3F2" + d="M-22.7,83.9l-1.1-1.1c0.2-0.3,0.3-0.6,0.5-0.9c0.1-0.3,0.2-0.6,0.3-0.9l1.6,0c0.3,0,0.5-0.2,0.5-0.5l0-1 c0-0.3-0.2-0.5-0.5-0.5l-1.6,0c-0.1-0.6-0.4-1.2-0.7-1.8l1.1-1.1c0.2-0.2,0.2-0.5,0-0.7l-0.7-0.7c-0.2-0.2-0.5-0.2-0.7,0l-1.1,1.1 c-0.3-0.2-0.6-0.3-0.9-0.5c-0.3-0.1-0.6-0.2-0.9-0.3l0-1.6c0-0.3-0.2-0.5-0.5-0.5l-1,0c-0.3,0-0.5,0.2-0.5,0.5l0,1.6 c-0.6,0.1-1.2,0.4-1.8,0.7l-1.1-1.1c-0.2-0.2-0.5-0.2-0.7,0l-0.7,0.7c-0.2,0.2-0.2,0.5,0,0.7l1.1,1.1c-0.2,0.3-0.3,0.6-0.5,0.9 c-0.1,0.3-0.2,0.6-0.3,0.9l-1.6,0c-0.3,0-0.5,0.2-0.5,0.5l0,1c0,0.3,0.2,0.5,0.5,0.5l1.6,0c0.1,0.6,0.4,1.2,0.7,1.8l-1.1,1.1 c-0.2,0.2-0.2,0.5,0,0.7l0.7,0.7c0.2,0.2,0.5,0.2,0.7,0l1.1-1.1c0.3,0.2,0.6,0.3,0.9,0.5c0.3,0.1,0.6,0.2,0.9,0.3l0,1.6 c0,0.3,0.2,0.5,0.5,0.5l1,0c0.3,0,0.5-0.2,0.5-0.5l0-1.6c0.6-0.1,1.2-0.4,1.8-0.7l1.1,1.1c0.2,0.2,0.5,0.2,0.7,0l0.7-0.7 C-22.5,84.4-22.5,84.1-22.7,83.9z M-28.8,82.1c-1.2-0.5-1.7-1.8-1.3-3c0.5-1.2,1.8-1.7,3-1.3c1.2,0.5,1.7,1.8,1.3,3 C-26.4,82-27.7,82.6-28.8,82.1z" + id="path4038" /> +<g + id="g4040"> + <g + id="g4042"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#00A3F2" + d="M-62,77h-4c-0.6,0-1,0.4-1,1v4c0,0.6,0.4,1,1,1h4 c0.6,0,1-0.4,1-1v-4C-61,77.4-61.4,77-62,77z M-62,81c0,0.6-0.4,1-1,1h-2c-0.6,0-1-0.4-1-1v-1c0-0.6,0.4-1,1-1h2c0.6,0,1,0.4,1,1 V81z M-64,87l3-3h-6L-64,87z M-67,76h6l-3-3L-67,76z M-60,76.9v6l3-3L-60,76.9z M-68,82.9v-6l-3,3L-68,82.9z" + id="path4044" /> + </g> +</g> +<g + id="g4046"> + <g + id="g4048"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + d="M37.5,76.5h13c0.8,0,1.5-0.7,1.5-1.5c0-0.8-0.7-1.5-1.5-1.5h-13 c-0.8,0-1.5,0.7-1.5,1.5C36,75.8,36.7,76.5,37.5,76.5z M50.5,78.5h-13c-0.8,0-1.5,0.7-1.5,1.5c0,0.8,0.7,1.5,1.5,1.5h13 c0.8,0,1.5-0.7,1.5-1.5C52,79.2,51.3,78.5,50.5,78.5z M50.5,83.5h-13c-0.8,0-1.5,0.7-1.5,1.5c0,0.8,0.7,1.5,1.5,1.5h13 c0.8,0,1.5-0.7,1.5-1.5C52,84.2,51.3,83.5,50.5,83.5z" + id="path4050" /> + </g> +</g> +<path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#00A3F2" + d="M85.6,87c-0.8,0-1.5-0.2-2.3-1.3c-0.8-1.1-1.7-2.5-1.7-2.5 s-0.7-0.9-1.1-1.6c-0.4-0.7-1.1-0.5-1.1-0.5s-2.8-4.6-3.3-5.4c-0.7-1,0.6-2.7,0.6-2.7l4.4,7c0,0,1.3,1.9,1.9,2.3 c0.5,0.4,1.4-0.4,2.8,0.9C87.7,85,87.1,87,85.6,87z M85.4,84.1c-0.9-1-1.7-0.9-1.9-0.6c-0.2,0.3,0,1.2,0.4,1.7 c0.4,0.5,0.8,0.7,1.4,0.7C85.9,86,86.4,85.2,85.4,84.1z M81.6,79.4l-1.2-1.8l2.9-4.6c0,0,1.2,1.7,0.6,2.7 C83.6,76.1,82.5,78,81.6,79.4z M77,82.3c0.3-0.3,1-1.1,1.4-1.7l0.8,1.2c-0.4,0.6-0.9,1.4-0.9,1.4s-0.9,1.4-1.7,2.5 c-0.8,1.1-1.5,1.3-2.3,1.3c-1.4,0-2.1-2-0.1-3.8C75.6,82,76.5,82.7,77,82.3z M74.6,84.1c-0.9,1-0.4,1.8,0.2,1.8c0.6,0,1-0.2,1.4-0.7 c0.4-0.5,0.6-1.5,0.4-1.7C76.3,83.2,75.5,83.1,74.6,84.1z" + id="path4052" /> +<g + id="g4054"> + <g + id="g4056"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#00A3F2" + d="M-243,111c0-0.1-2-2-2-2c-1.7,0-5,0-5,0c-0.6,0-1,0.4-1,1v8 c0,0.6,0.4,1,1,1h4v-6.1c0-0.3,0.2-0.5,0.5-0.5h2.5V111z M-246,112v-2l2,2H-246z M-239,113c-1.7,0-5,0-5,0c-0.6,0-1,0.4-1,1v8 c0,0.6,0.4,1,1,1h6c0.6,0,1-0.4,1-1c0,0,0-4.8,0-7C-237,115-239,113-239,113z M-240,116v-2l2,2H-240z" + id="path4058" /> + </g> +</g> +<g + id="g4060"> + <g + id="g4062"> + <path + fill="#00A3F2" + d="M-204.5,111h-1.3l0,0c0,0-0.2-2-2.2-2c-2,0-2.2,2-2.2,2l0,0h-1.3c-0.8,0-1.5,0.7-1.5,1.5v9 c0,0.8,0.7,1.5,1.5,1.5h7c0.8,0,1.5-0.7,1.5-1.5v-9C-203,111.7-203.7,111-204.5,111z M-210.7,112.1l0.8-0.4l0.4-0.2l0-0.4 c0-0.2,0.2-1.3,1.5-1.3c1.2,0,1.4,1.1,1.5,1.3l0,0.4l0.4,0.2l0.8,0.4l0.3,0.7h-6.1L-210.7,112.1z M-210.1,120.4l-2.8-4.9l3.3-1.9 h4.3l1.8,3.1L-210.1,120.4z" + id="path4064" /> + </g> +</g> +<path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#00A3F2" + d="M-177,115h10v2h-10V115z" + id="path4066" /> +<g + id="g4068"> + <g + id="g4070"> + <polygon + fill-rule="evenodd" + clip-rule="evenodd" + fill="#00A3F2" + points="-131,115 -135,115 -135,111 -137,111 -137,115 -141,115 -141,117 -137,117 -137,121 -135,121 -135,117 -131,117 " + id="polygon4072" /> + </g> +</g> +<g + id="g4074"> + <path + fill="#00A3F2" + d="M-94,111.7l-3,2.7v-2c0-0.8-0.6-1.4-1.3-1.4h-7.4c-0.7,0-1.3,0.6-1.3,1.4v7.2c0,0.8,0.6,1.4,1.3,1.4h7.4 c0.7,0,1.3-0.6,1.3-1.4v-2.1l3,2.7c0.3,0.3,0.6,0.4,1,0.3v-9.1C-93.3,111.4-93.7,111.5-94,111.7z" + id="path4076" /> +</g> +<g + id="g4078"> + <g + id="g4080"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#00A3F2" + d="M-61.9,112h-3l3.8,4l-3.8,4h3.1l3.8-4L-61.9,112z M-66.9,112h-3 l3.8,4l-3.8,4h3.1l3.8-4L-66.9,112z" + id="path4082" /> + </g> +</g> +<g + id="g4084"> + <g + id="g4086"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#00A3F2" + d="M-23,111.5h-2l-3-3l-3,3h-2c-1.1,0-2,0.9-2,2v8c0,1.1,0.9,2,2,2 h10c1.1,0,2-0.9,2-2v-8C-21,112.4-21.9,111.5-23,111.5z M-32,121.5c-0.6,0-1-0.4-1-1s0.4-1,1-1s1,0.4,1,1S-31.4,121.5-32,121.5z M-32,118.5c-0.6,0-1-0.4-1-1s0.4-1,1-1s1,0.4,1,1S-31.4,118.5-32,118.5z M-32,115.5c-0.6,0-1-0.4-1-1s0.4-1,1-1s1,0.4,1,1 S-31.4,115.5-32,115.5z M-23,121.5h-7v-2h7V121.5z M-23,118.5h-7v-2h7V118.5z M-23,115.5h-7v-2h7V115.5z" + id="path4088" /> + </g> +</g> +<g + id="g4090"> + <g + id="g4092"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#00A3F2" + d="M2,115h7c0.6,0,1-0.4,1-1v-4c0-0.6-0.4-1-1-1H2c-0.6,0-1,0.4-1,1 v4C1,114.6,1.4,115,2,115z M14,109h-2c-0.6,0-1,0.4-1,1v4c0,0.6,0.4,1,1,1h2c0.6,0,1-0.4,1-1v-4C15,109.4,14.6,109,14,109z M14,116H8c-0.6,0-1,0.4-1,1v5c0,0.6,0.4,1,1,1h6c0.6,0,1-0.4,1-1v-5C15,116.4,14.6,116,14,116z M5,116H2c-0.6,0-1,0.4-1,1v5 c0,0.6,0.4,1,1,1h3c0.6,0,1-0.4,1-1v-5C6,116.4,5.6,116,5,116z" + id="path4094" /> + </g> +</g> +<path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#00A3F2" + d="M45.8,116c0,0-0.6,0.8-1.8,0.8c-1.2,0-1.8-0.8-1.8-0.8l-6-5.1 c0.3-0.5,0.9-0.9,1.6-0.9h12.4c0.7,0,1.3,0.4,1.6,0.9L45.8,116z M42.2,117.7c0,0,0.6,0.8,1.8,0.8c1.2,0,1.8-0.8,1.8-0.8l6.2-5.4v8 c0,0.9-0.8,1.7-1.8,1.7H37.8c-1,0-1.8-0.8-1.8-1.7v-8L42.2,117.7z" + id="path4096" /> +<g + id="g4098"> + <g + id="g4100"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#00A3F2" + d="M-237.5,145h-13c-0.8,0-1.5,0.7-1.5,1.5v11 c0,0.8,0.7,1.5,1.5,1.5h13c0.8,0,1.5-0.7,1.5-1.5v-11C-236,145.7-236.7,145-237.5,145z M-245.5,146c0.3,0,0.5,0.2,0.5,0.5 c0,0.3-0.2,0.5-0.5,0.5c-0.3,0-0.5-0.2-0.5-0.5C-246,146.2-245.8,146-245.5,146z M-247.6,146c0.3,0,0.5,0.2,0.5,0.5 c0,0.3-0.2,0.5-0.5,0.5s-0.5-0.2-0.5-0.5C-248.1,146.2-247.8,146-247.6,146z M-249.5,146c0.3,0,0.5,0.2,0.5,0.5 c0,0.3-0.2,0.5-0.5,0.5s-0.5-0.2-0.5-0.5C-250,146.2-249.8,146-249.5,146z M-250,156v-6c0-0.6,0.4-1,1-1h7v8h-7 C-249.6,157-250,156.6-250,156z M-238,156c0,0.6-0.4,1-1,1h-1v-8h1c0.6,0,1,0.4,1,1V156z" + id="path4102" /> + </g> +</g> +<path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#00A3F2" + d="M-213.2,156c-1.3-1.2-2.2-2.8-2.2-4.6c0-3.6,3.3-6.5,7.4-6.5 c4.1,0,7.4,2.9,7.4,6.5c0,3.6-3.3,6.5-7.4,6.5c-0.8,0-1.6-0.1-2.4-0.3c-1.8,0.7-4.3,1.7-4.5,1.4C-213.9,157.9-213.5,156.8-213.2,156 z" + id="path4104" /> +<rect + id="_x3C_Slice_x3E_" + fill="none" + width="16" + height="16" /> +</svg>
\ No newline at end of file diff --git a/arc-firefox-theme/chrome/browser/heartbeat-star-off.svg b/arc-firefox-theme/chrome/browser/heartbeat-star-off.svg new file mode 100644 index 0000000..e068551 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/heartbeat-star-off.svg @@ -0,0 +1,428 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + 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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + version="1.1" + id="Toolbar" + x="0px" + y="0px" + viewBox="0 0 16 16" + enable-background="new 0 0 16 16" + xml:space="preserve" + inkscape:version="0.48.5 r10040" + width="100%" + height="100%" + sodipodi:docname="star-off.svg"><metadata + id="metadata5255"><rdf:RDF><cc:Work + rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs + id="defs5253" /><sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="710" + inkscape:window-height="480" + id="namedview5251" + showgrid="false" + inkscape:zoom="14.75" + inkscape:cx="7.6064963" + inkscape:cy="8" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="0" + inkscape:current-layer="Toolbar" /> +<g + id="g5070"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#231F20" + d="M-238.2,6h-6.1l2.7-2.7c0.4-0.4,0.5-1.1,0.2-1.4l-1.2-1.2 c-0.3-0.3-1-0.3-1.4,0.2l-6.4,6.4c-0.1,0.1-0.1,0.2-0.2,0.2l0,0c0,0,0,0,0,0c0,0.1-0.1,0.1-0.1,0.1c0,0.1-0.1,0.2-0.1,0.3 c0,0,0,0.1,0,0.1c0,0,0,0.1,0,0.1c0,0.1,0,0.2,0.1,0.3c0,0.1,0.1,0.1,0.1,0.1c0,0,0,0,0,0l0,0c0.1,0.1,0.1,0.2,0.2,0.2l6.4,6.4 c0.4,0.4,1.1,0.5,1.4,0.2l1.2-1.2c0.3-0.3,0.3-1-0.2-1.4l-2.8-2.8h6.2c0.6,0,1-0.4,1-1V7C-237.2,6.4-237.6,6-238.2,6z" + id="path5072" /> +</g> +<g + id="g5074"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#231F20" + d="M-212.7,6.3l-1,1c-0.2,0.2-0.2,0.4-0.2,0.7c0,0.3,0,0.5,0.2,0.7 l0.8,0.9l4.5,4.5c0.5,0.5,1.2,0.6,1.6,0.2l0.8-0.9c0.4-0.4,0.3-1.1-0.2-1.6l-1.8-1.8h4.7c0.6,0,1-0.5,1-1V7c0-0.6-0.5-1-1-1h-4.8 l1.9-1.9c0.5-0.5,0.6-1.3,0.2-1.6l-0.8-0.9c-0.4-0.4-1.1-0.3-1.6,0.2L-212.7,6.3z" + id="path5076" /> +</g> +<g + id="g5078"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#231F20" + d="M-167.3,9.7l1-1c0.2-0.2,0.2-0.4,0.2-0.7c0-0.3,0-0.5-0.2-0.7 l-0.8-0.9l-4.5-4.5c-0.5-0.5-1.2-0.6-1.6-0.2l-0.8,0.9c-0.4,0.4-0.3,1.1,0.2,1.6l1.8,1.8h-4.7c-0.6,0-1,0.5-1,1v2c0,0.6,0.5,1,1,1 h4.8l-1.9,1.9c-0.5,0.5-0.6,1.3-0.2,1.6l0.8,0.9c0.4,0.4,1.1,0.3,1.6-0.2L-167.3,9.7z" + id="path5080" /> +</g> +<path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#231F20" + d="M-129.5,8h-7l2.8-2.8c-0.7-0.5-1.4-0.7-2.3-0.7c-2.2,0-4,1.8-4,4 c0,2.2,1.8,4,4,4c1.4,0,2.7-0.7,3.4-1.9l2.3,1c-1.1,2-3.2,3.4-5.7,3.4c-3.6,0-6.5-2.9-6.5-6.5c0-3.6,2.9-6.5,6.5-6.5 c1.5,0,2.9,0.5,4.1,1.4l2.4-2.4V8z" + id="path5082" /> +<g + id="g5084"> + <g + id="g5086"> + <polygon + fill-rule="evenodd" + clip-rule="evenodd" + fill="#231F20" + points="-93.6,3.8 -95.8,1.7 -100,5.9 -104.3,1.6 -106.4,3.8 -102.1,8 -106.3,12.2 -104.1,14.3 -99.9,10.2 -95.7,14.4 -93.6,12.2 -97.8,8.1 " + id="polygon5088" /> + </g> +</g> +<g + id="g5090"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#231F20" + d="M-64,1l-8,7h2l6-5l6,5h2L-64,1z M-69,8v7h4v-5h2v5h4V8l-5-4L-69,8 z" + id="path5092" /> +</g> +<path + fill="#231F20" + d="M-28,3.6l1,2l0.5,0.9l1,0.2l2.3,0.4l-1.7,1.8l-0.7,0.7l0.1,1l0.4,2.4l-2-1l-0.9-0.5l-0.9,0.5l-2,1l0.4-2.4 l0.1-1l-0.7-0.7l-1.7-1.8l2.4-0.4l1-0.2l0.5-0.9L-28,3.6 M-28,0c-0.3,0-0.6,0.2-0.8,0.7l-2,4.1l-4.3,0.7c-1,0.2-1.2,0.9-0.5,1.6 l3.1,3.3l-0.7,4.6c-0.1,0.7,0.2,1.1,0.7,1.1c0.2,0,0.4-0.1,0.6-0.2l3.9-2.1l3.9,2.1c0.2,0.1,0.5,0.2,0.6,0.2c0.5,0,0.8-0.4,0.7-1.1 l-0.7-4.6l3.1-3.3c0.7-0.7,0.4-1.4-0.5-1.6l-4.3-0.7l-2-4.1C-27.4,0.2-27.7,0-28,0L-28,0z" + id="path5094" /> +<path + fill="#231F20" + d="M8,0C7.7,0,7.4,0.2,7.2,0.7l-2,4.1L0.9,5.5c-1,0.2-1.2,0.9-0.5,1.6l3.1,3.3l-0.7,4.6C2.7,15.6,3,16,3.4,16 c0.2,0,0.4-0.1,0.6-0.2L8,13.7l3.9,2.1c0.2,0.1,0.5,0.2,0.6,0.2c0.5,0,0.8-0.4,0.7-1.1l-0.7-4.6l3.1-3.3c0.7-0.7,0.4-1.4-0.5-1.6 l-4.3-0.7l-2-4.1C8.6,0.2,8.3,0,8,0L8,0z" + id="path5096" + style="fill:#c0c0c0;fill-opacity:1" /> +<path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#231F20" + d="M44,15.2c-4,0-7.2-3.2-7.2-7.2c0-4,3.2-7.2,7.2-7.2 c4,0,7.2,3.2,7.2,7.2C51.2,12,48,15.2,44,15.2z M44,3c-2.8,0-5,2.2-5,5c0,2.7,2.2,5,5,5c2.8,0,5-2.2,5-5C49,5.3,46.8,3,44,3z M43.7,8.9C43.3,8.8,43,8.4,43,8V5c0-0.6,0.4-1,1-1c0.6,0,1,0.4,1,1v2.8c1.1,1.1,2,3.2,2,3.2S44.8,10,43.7,8.9z" + id="path5098" /> +<path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#231F20" + d="M86.7,9.1l-5.6,5.5C80.8,14.9,80.4,15,80,15 c-0.4,0-0.8-0.1-1.1-0.4l-5.6-5.5C72.7,8.5,72.9,8,73.8,8H77l0-6c0-0.6,0.4-1,1-1h4c0.6,0,1,0.4,1,1v6h3.2C87.1,8,87.3,8.5,86.7,9.1 z" + id="path5100" /> +<path + fill="#231F20" + d="M-241,52c0.5,0,1-0.4,1-1v-4c0,0,0.1-0.8,0.8-0.8c0.6,0,0.6,0.8,1.8,0.8c0.6,0,1.5-0.2,1.5-2 c0-1.8-0.9-2-1.5-2c-1.1,0-1.1,0.8-1.8,0.8c-0.6,0-0.8-0.8-0.8-0.8v-2c0-0.6-0.4-1-1-1h-3c0,0-0.8-0.1-0.8-0.8 c0-0.6,0.8-0.6,0.8-1.8c0-0.6-0.2-1.5-2-1.5c-1.8,0-2,0.9-2,1.5c0,1.1,0.8,1.1,0.8,1.8c0,0.6-0.8,0.8-0.8,0.8h-3c-0.5,0-1,0.4-1,1 l0,2.5c0,0-0.1,1.5,1.1,1.5c0.8,0,0.9-1,1.9-1c0.5,0,1,0.5,1,1.6c0,1-0.5,1.6-1,1.6c-1,0-1.1-1-1.9-1c-1.2,0-1.1,1.5-1.1,1.5l0,3.5 c0,0.6,0.4,1,1,1h3.8c0,0,1.5,0.1,1.5-1.1c0-0.8-1-0.9-1-1.9c0-0.5,0.7-1.2,1.8-1.2c1,0,1.8,0.7,1.8,1.2c0,1-1,1.1-1,1.9 c0,1.2,1.5,1.1,1.5,1.1H-241z" + id="path5102" /> +<g + id="g5104"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + d="M-200.4,41.9h-0.3v0h-14.4v0h-0.3c-0.2,0-0.4,0.2-0.4,0.4c0,0,0.3,2.2,0.5,4.4 c0.2,2.5,0.2,4.2,0.2,4.2c0,0.2,0.2,0.4,0.4,0.4h13.7c0.2,0,0.4-0.2,0.4-0.4c0,0,0.1-2.1,0.2-4.2c0.1-2.2,0.5-4.4,0.5-4.4 C-200.1,42.1-200.2,41.9-200.4,41.9z" + id="path5106" /> + <path + fill-rule="evenodd" + clip-rule="evenodd" + d="M-200.8,41.3v-2c0-0.3-0.2-0.5-0.5-0.5l-6.7,0l-0.8-1.1c0,0-0.6-0.9-1.2-0.9h-4.2 c-0.6,0-1,0.5-1,1v1l0,2.5H-200.8z" + id="path5108" /> +</g> +<g + id="g5110"> + <g + id="g5112"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#231F20" + d="M-169,37h-7.5c-0.8,0-1.5,0.7-1.5,1.5v11c0,0.8,0.7,1.5,1.5,1.5 h9c0.8,0,1.5-0.7,1.5-1.5V40L-169,37z M-170,41v-3.3l3.3,3.3H-170z" + id="path5114" /> + </g> +</g> +<g + id="g5116"> + <g + id="g5118"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + d="M-132.5,38c-0.4,0.2-0.9,0.6-1.3,1.2c-0.3,0.4-0.5,0.9-0.8,1.3 c0.7,0.3,1.3,0.8,1.7,1.4c0.4,0.7,0.7,1.5,0.6,2.3c-0.1,1.3-1,2.4-2.1,3c-0.5-0.5-1.4-2.1-1.4-2.1c0,0,0,1.8-0.6,3 c-0.4,0.8-0.9,1.5-1.6,2.1c1,0.4,2,0.6,3,0.6l0-0.1c0,0,0.1,0.1,0.1,0.1c2.1,0,4.1-0.3,4.1-0.3s-0.9-0.6-1.3-0.9 c1.3-0.7,2.2-2,2.5-3.3c0.2-0.5,0.3-1.1,0.4-1.7C-128.7,41.9-130.2,39.3-132.5,38z M-139.8,44.2c0-1.4,0.8-2.8,2.2-3.5 c0.5,0.5,1.6,2,1.6,2s0-3.6,1.2-5.6c-4.3-0.5-6.8,0.3-6.8,0.3s1.2,0.4,1.6,0.8c-0.1,0.1-0.2,0.1-0.3,0.2c-1,0.7-1.7,1.6-2.1,2.7 c-0.3,0.6-0.5,1.3-0.5,2c-0.3,2.8,1.1,5.4,3.4,6.7c0.4-0.3,0.8-0.6,1.2-1.1c0.4-0.4,0.7-0.9,1-1.4 C-138.7,46.9-139.7,45.7-139.8,44.2z" + id="path5120" /> + </g> +</g> +<g + id="g5122"> + <g + id="g5124"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#231F20" + d="M-96.6,41.5c-3.3-4-9.6-4.5-9.6-4.5c-0.4,0-0.8,0.3-0.8,0.7v1.4 c0,0.4,0.3,0.7,0.8,0.7c0,0,4.5,0.1,7.1,3.2c3.5,3.6,3.2,7.2,3.2,7.2c0,0.4,0.3,0.8,0.8,0.8h1.5c0.4,0,0.7-0.3,0.7-0.8 C-93,50.2-93.3,44.5-96.6,41.5z M-106.2,42c-0.4,0-0.8,0.3-0.8,0.7V44c0,0.4,0.3,0.7,0.8,0.7c0,0,2.4,0.1,3.8,1.4 c1.9,1.7,1.8,4.2,1.8,4.2c0,0.4,0.2,0.8,0.6,0.8h1.5c0.4,0,0.5-0.3,0.5-0.8c0,0-0.4-3.9-2.5-5.9C-102.5,42.4-106.2,42-106.2,42z M-105,47c-1.1,0-2,0.9-2,2c0,1.1,0.9,2,2,2c1.1,0,2-0.9,2-2C-103,47.9-103.9,47-105,47z" + id="path5126" /> + </g> +</g> +<path + fill="none" + d="M-102.6,34.4c0.5,0,1-0.4,1-1v-4c0,0,0.1-0.8,0.8-0.8c0.6,0,0.6,0.8,1.8,0.8c0.6,0,1.5-0.2,1.5-2 c0-1.8-0.9-2-1.5-2c-1.1,0-1.1,0.8-1.8,0.8c-0.6,0-0.8-0.8-0.8-0.8v-2c0-0.6-0.4-1-1-1h-3c0,0-0.8-0.1-0.8-0.8 c0-0.6,0.8-0.6,0.8-1.8c0-0.6-0.2-1.5-2-1.5c-1.8,0-2,0.9-2,1.5c0,1.1,0.8,1.1,0.8,1.8c0,0.6-0.8,0.8-0.8,0.8h-3c-0.5,0-1,0.4-1,1 l0,2.5c0,0-0.1,1.5,1.1,1.5c0.8,0,0.9-1,1.9-1c0.5,0,1,0.5,1,1.6c0,1-0.5,1.6-1,1.6c-1,0-1.1-1-1.9-1c-1.2,0-1.1,1.5-1.1,1.5l0,3.5 c0,0.6,0.4,1,1,1h3.8c0,0,1.5,0.1,1.5-1.1c0-0.8-1-0.9-1-1.9c0-0.5,0.7-1.2,1.8-1.2c1,0,1.8,0.7,1.8,1.2c0,1-1,1.1-1,1.9 c0,1.2,1.5,1.1,1.5,1.1H-102.6z" + id="path5128" /> +<g + id="g5130"> + <g + id="g5132"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#231F20" + d="M-63,46.7l-0.3-0.1L-63,52l2.6-3.8L-63,46.7z M-63.3,46l0.3,0 l6,2.9V36l-14,11l4.6-0.6L-63,52l-1.9-5.7l-0.3-0.1l0.3,0L-65,46l7-8L-63.3,46L-63.3,46z" + id="path5134" /> + </g> +</g> +<g + id="g5136"> + <g + id="g5138"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#231F20" + d="M-23,37h-10c-1.1,0-2,0.9-2,2v10c0,1.1,0.9,2,2,2h10 c1.1,0,2-0.9,2-2V39C-21,37.9-21.9,37-23,37z M-23,46c0,1.7-1.3,2-3,2h-4c-1.7,0-3-1.3-3-3v-4c0-1.7,1.3-3,3-3h4c1.7,0,3,1.3,3,3 V46z" + id="path5140" /> + </g> +</g> +<path + fill="#231F20" + d="M-23.7,42.6c0-0.8-0.2-1.5-0.6-2c-0.4-0.5-1-0.7-1.7-0.7c-0.4,0-0.8,0.1-1.1,0.3s-0.6,0.4-0.8,0.8 c-0.2-0.4-0.4-0.6-0.7-0.8c-0.3-0.2-0.7-0.2-1.2-0.2c-0.4,0-0.7,0-1.1,0.1s-0.7,0.2-1,0.4l0.3,0.7c0.6-0.3,1.2-0.5,1.7-0.5 c0.4,0,0.8,0.1,1,0.3c0.2,0.2,0.3,0.6,0.3,1.1v0.4l-1,0c-0.9,0-1.6,0.2-2.1,0.5c-0.5,0.3-0.7,0.8-0.7,1.4c0,0.6,0.2,1,0.5,1.3 c0.3,0.3,0.8,0.5,1.4,0.5c0.5,0,0.9-0.1,1.3-0.3c0.4-0.2,0.7-0.5,1-1c0.5,0.9,1.2,1.3,2.3,1.3c0.4,0,0.7,0,1-0.1 c0.3-0.1,0.6-0.2,0.9-0.3v-0.8c-0.3,0.1-0.6,0.3-0.9,0.3c-0.3,0.1-0.6,0.1-0.9,0.1c-1.2,0-1.8-0.7-1.8-2.2h3.9V42.6z M-28.5,43.6 c0,0.6-0.2,1-0.5,1.3c-0.3,0.3-0.7,0.5-1.3,0.5c-0.3,0-0.6-0.1-0.8-0.2c-0.2-0.2-0.3-0.4-0.3-0.8c0-0.4,0.2-0.7,0.5-0.9 c0.3-0.2,0.8-0.3,1.5-0.3l0.9,0V43.6z M-27.5,42.4c0-0.6,0.2-1,0.4-1.3c0.3-0.3,0.6-0.5,1.1-0.5c0.4,0,0.8,0.2,1,0.5 c0.2,0.3,0.4,0.8,0.4,1.3H-27.5z" + id="path5142" /> +<g + id="g5144"> + <g + id="g5146"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#231F20" + d="M14.5,37h-13C0.7,37,0,37.7,0,38.5v11C0,50.3,0.7,51,1.5,51h13 c0.8,0,1.5-0.7,1.5-1.5v-11C16,37.7,15.3,37,14.5,37z M6.5,38C6.8,38,7,38.2,7,38.5C7,38.8,6.8,39,6.5,39C6.2,39,6,38.8,6,38.5 C6,38.2,6.2,38,6.5,38z M4.4,38c0.3,0,0.5,0.2,0.5,0.5c0,0.3-0.2,0.5-0.5,0.5c-0.3,0-0.5-0.2-0.5-0.5C3.9,38.2,4.2,38,4.4,38z M2.5,38C2.8,38,3,38.2,3,38.5C3,38.8,2.8,39,2.5,39C2.2,39,2,38.8,2,38.5C2,38.2,2.2,38,2.5,38z M14,48c0,0.6-0.4,1-1,1H3 c-0.6,0-1-0.4-1-1v-6c0-0.6,0.4-1,1-1h10c0.6,0,1,0.4,1,1V48z" + id="path5148" /> + </g> +</g> +<path + fill="#231F20" + d="M51.2,45.9L51.2,45.9c-0.4-0.1-0.7-0.3-1-0.6c-0.1-0.1-0.1-0.1-0.2-0.2c-0.1-0.1-0.1-0.1-0.2-0.2 c0-0.1-0.1-0.1-0.1-0.2c0-0.1-0.1-0.1-0.1-0.2c-0.3-0.6-0.4-1.5-0.5-2.4c-0.3-2.2-0.1-3.8-3-3.8h-4.4c-2.9,0-2.6,1.6-2.9,3.8 c-0.1,0.9-0.3,1.8-0.6,2.4c0,0,0,0,0,0c-0.1,0.1-0.1,0.2-0.2,0.3c0,0,0,0-0.1,0.1c-0.1,0.2-0.2,0.3-0.4,0.4 c-0.3,0.2-0.5,0.4-0.9,0.5l0,0C36.4,46,36,46.3,36,46.8v1.9c0,0.5,0.4,0.9,0.9,0.9h14.1c0.5,0,0.9-0.4,0.9-0.9v-1.9 C52,46.3,51.6,46,51.2,45.9z M46.4,43.8c0,0.1-0.1,0.2-0.2,0.2h-1.6v1.6c0,0.1-0.1,0.2-0.2,0.2h-0.5c-0.1,0-0.2-0.1-0.2-0.2V44h-1.6 c-0.1,0-0.2-0.1-0.2-0.2v-0.5c0-0.1,0.1-0.2,0.2-0.2h1.6v-1.6c0-0.1,0.1-0.2,0.2-0.2h0.5c0.1,0,0.2,0.1,0.2,0.2v1.6h1.6 c0.1,0,0.2,0.1,0.2,0.2V43.8z" + id="path5150" /> +<path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#231F20" + d="M87.7,42c-0.1,1.1,0.2,2.5-1.3,4.4c-1.6,2.1-3.1,2.1-3.4,2.1 c-1.8-0.1-2-1.5-3-1.5c-0.9,0-1.6,1.4-3,1.5c-0.3,0-1.9,0-3.4-2c-1.5-1.9-1.2-3.3-1.3-4.4S72,39.7,72,39.7s0.7,0.7,1.6,0.8 c0.9,0.1,1.1-0.3,3-0.9c2.1-0.6,3.4,1.9,3.4,1.9s1.4-2.4,3.4-1.9c1.9,0.6,2,0.9,2.9,0.9c0.9-0.1,1.7-0.8,1.7-0.8S87.8,40.9,87.7,42z M76.9,42.5c-1.1-0.3-1.6,0.2-2.1,0.4C74.4,43,74,43.1,74,43.1s0.1,0.7,1.2,1.2c1.1,0.6,3.5,0.3,3.5,0.3S78.9,42.9,76.9,42.5z M85.2,42.9c-0.5-0.2-1-0.6-2.1-0.4c-2,0.4-1.8,2.1-1.8,2.1s2.4,0.3,3.5-0.3c1.1-0.6,1.2-1.2,1.2-1.2S85.6,43,85.2,42.9z" + id="path5152" /> +<g + id="g5154"> + <g + id="g5156"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + d="M-237.5,84.9l-3.3-3.3c0.5-0.9,0.9-1.9,0.9-2.9c0-3-2.4-5.5-5.5-5.5 c-3,0-5.5,2.4-5.5,5.5c0,3,2.4,5.5,5.5,5.5c1.1,0,2.1-0.3,3-0.9l3.3,3.3c0.4,0.4,1,0.4,1.4,0l0.2-0.2 C-237.1,85.9-237.1,85.3-237.5,84.9z M-245.4,82c-1.8,0-3.3-1.5-3.3-3.4c0-1.9,1.5-3.4,3.3-3.4c1.8,0,3.3,1.5,3.3,3.4 C-242,80.5-243.5,82-245.4,82z" + id="path5158" /> + </g> +</g> +<g + id="g5160"> + <g + id="g5162"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + d="M-214.5,86.3l0.2,0.2c0.4,0.4,1,0.4,1.4,0l3.3-3.3c0.9,0.6,1.9,0.9,3,0.9 c3,0,5.5-2.4,5.5-5.5c0-3-2.4-5.5-5.5-5.5c-3,0-5.5,2.4-5.5,5.5c0,1.1,0.3,2.1,0.9,2.9l-3.3,3.3 C-214.9,85.3-214.9,85.9-214.5,86.3z M-210,78.6c0-1.9,1.5-3.4,3.3-3.4c1.8,0,3.3,1.5,3.3,3.4c0,1.9-1.5,3.4-3.3,3.4 C-208.5,82-210,80.5-210,78.6z" + id="path5164" /> + </g> +</g> +<g + id="g5166"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#231F20" + d="M-165,77.5h-1v-2c0-0.6-0.4-1-1-1v-1c0-0.6-0.4-1-1-1h-8 c-0.6,0-1,0.4-1,1v1c-0.6,0-1,0.4-1,1v2h-1c-0.6,0-1,0.4-1,1v5c0,0.6,0.4,1,1,1h2v-1h0.5l-1.5,3h12l-1.5-3h0.5v1h2c0.6,0,1-0.4,1-1 v-5C-164,77.9-164.4,77.5-165,77.5z M-176.5,80.5h-1c-0.3,0-0.5-0.2-0.5-0.5c0-0.3,0.2-0.5,0.5-0.5h1c0.3,0,0.5,0.2,0.5,0.5 C-176,80.2-176.2,80.5-176.5,80.5z M-176,85.5l0.9-2h6.2l0.9,2H-176z M-168,77.5c0,0.6-0.4,1-1,1h-6c-0.6,0-1-0.4-1-1v-3 c0-0.6,0.4-1,1-1h6c0.6,0,1,0.4,1,1V77.5z" + id="path5168" /> +</g> +<g + id="g5170"> + <path + fill="#231F20" + d="M-135,73l1.9,1.9l-2.6,2.6c-0.5,0.5-0.5,1.4,0.1,2c0.6,0.6,1.5,0.6,2,0.1l2.6-2.6l1.9,1.9v-6H-135z M-138.5,80.4l-2.6,2.6L-143,81v6h6l-1.9-1.9l2.6-2.6c0.5-0.5,0.5-1.4-0.1-2C-137.1,79.9-138,79.9-138.5,80.4z" + id="path5172" /> +</g> +<g + id="g5174"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#231F20" + d="M-93.5,73.5c-0.6-0.6-1.5-0.6-2-0.1l-2.6,2.6L-100,74v6h6 l-1.9-1.9l2.6-2.6C-92.9,75-92.9,74.1-93.5,73.5z M-104.1,81.9l-2.6,2.6c-0.5,0.5-0.5,1.4,0.1,2c0.6,0.6,1.5,0.6,2,0.1l2.6-2.6 l1.9,1.9v-6h-6L-104.1,81.9z" + id="path5176" /> +</g> +<g + id="g5178"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#231F20" + d="M14.6,75.1l-2.3,2.3c-0.5,0.5-1.3,0.5-1.7,0 c-0.5-0.5-0.5-1.2,0-1.7l2.4-2.3c-0.6-0.3-1.2-0.5-1.9-0.5C8.8,72.9,7,74.7,7,77c0,0.5,0.1,1.1,0.3,1.5l-5.9,5.8 c-0.6,0.6-0.6,1.7,0,2.3c0.6,0.6,1.7,0.6,2.3,0l6-5.9c0.4,0.2,0.9,0.3,1.4,0.3c2.2,0,4.1-1.8,4.1-4.1 C15.1,76.3,14.9,75.7,14.6,75.1z M2.5,86.4c-0.5,0-0.9-0.4-0.9-0.9c0-0.5,0.4-0.9,0.9-0.9c0.5,0,0.9,0.4,0.9,0.9 C3.4,86,3,86.4,2.5,86.4z" + id="path5180" /> +</g> +<path + fill="#231F20" + d="M-22.7,83.9l-1.1-1.1c0.2-0.3,0.3-0.6,0.5-0.9c0.1-0.3,0.2-0.6,0.3-0.9l1.6,0c0.3,0,0.5-0.2,0.5-0.5l0-1 c0-0.3-0.2-0.5-0.5-0.5l-1.6,0c-0.1-0.6-0.4-1.2-0.7-1.8l1.1-1.1c0.2-0.2,0.2-0.5,0-0.7l-0.7-0.7c-0.2-0.2-0.5-0.2-0.7,0l-1.1,1.1 c-0.3-0.2-0.6-0.3-0.9-0.5c-0.3-0.1-0.6-0.2-0.9-0.3l0-1.6c0-0.3-0.2-0.5-0.5-0.5l-1,0c-0.3,0-0.5,0.2-0.5,0.5l0,1.6 c-0.6,0.1-1.2,0.4-1.8,0.7l-1.1-1.1c-0.2-0.2-0.5-0.2-0.7,0l-0.7,0.7c-0.2,0.2-0.2,0.5,0,0.7l1.1,1.1c-0.2,0.3-0.3,0.6-0.5,0.9 c-0.1,0.3-0.2,0.6-0.3,0.9l-1.6,0c-0.3,0-0.5,0.2-0.5,0.5l0,1c0,0.3,0.2,0.5,0.5,0.5l1.6,0c0.1,0.6,0.4,1.2,0.7,1.8l-1.1,1.1 c-0.2,0.2-0.2,0.5,0,0.7l0.7,0.7c0.2,0.2,0.5,0.2,0.7,0l1.1-1.1c0.3,0.2,0.6,0.3,0.9,0.5c0.3,0.1,0.6,0.2,0.9,0.3l0,1.6 c0,0.3,0.2,0.5,0.5,0.5l1,0c0.3,0,0.5-0.2,0.5-0.5l0-1.6c0.6-0.1,1.2-0.4,1.8-0.7l1.1,1.1c0.2,0.2,0.5,0.2,0.7,0l0.7-0.7 C-22.5,84.4-22.5,84.1-22.7,83.9z M-28.8,82.1c-1.2-0.5-1.7-1.8-1.3-3c0.5-1.2,1.8-1.7,3-1.3c1.2,0.5,1.7,1.8,1.3,3 C-26.4,82-27.7,82.6-28.8,82.1z" + id="path5182" /> +<g + id="g5184"> + <g + id="g5186"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#231F20" + d="M-62,77h-4c-0.6,0-1,0.4-1,1v4c0,0.6,0.4,1,1,1h4 c0.6,0,1-0.4,1-1v-4C-61,77.4-61.4,77-62,77z M-62,81c0,0.6-0.4,1-1,1h-2c-0.6,0-1-0.4-1-1v-1c0-0.6,0.4-1,1-1h2c0.6,0,1,0.4,1,1 V81z M-64,87l3-3h-6L-64,87z M-67,76h6l-3-3L-67,76z M-60,76.9v6l3-3L-60,76.9z M-68,82.9v-6l-3,3L-68,82.9z" + id="path5188" /> + </g> +</g> +<g + id="g5190"> + <g + id="g5192"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + d="M37.5,76.5h13c0.8,0,1.5-0.7,1.5-1.5c0-0.8-0.7-1.5-1.5-1.5h-13 c-0.8,0-1.5,0.7-1.5,1.5C36,75.8,36.7,76.5,37.5,76.5z M50.5,78.5h-13c-0.8,0-1.5,0.7-1.5,1.5c0,0.8,0.7,1.5,1.5,1.5h13 c0.8,0,1.5-0.7,1.5-1.5C52,79.2,51.3,78.5,50.5,78.5z M50.5,83.5h-13c-0.8,0-1.5,0.7-1.5,1.5c0,0.8,0.7,1.5,1.5,1.5h13 c0.8,0,1.5-0.7,1.5-1.5C52,84.2,51.3,83.5,50.5,83.5z" + id="path5194" /> + </g> +</g> +<path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#231F20" + d="M85.6,87c-0.8,0-1.5-0.2-2.3-1.3c-0.8-1.1-1.7-2.5-1.7-2.5 s-0.7-0.9-1.1-1.6c-0.4-0.7-1.1-0.5-1.1-0.5s-2.8-4.6-3.3-5.4c-0.7-1,0.6-2.7,0.6-2.7l4.4,7c0,0,1.3,1.9,1.9,2.3 c0.5,0.4,1.4-0.4,2.8,0.9C87.7,85,87.1,87,85.6,87z M85.4,84.1c-0.9-1-1.7-0.9-1.9-0.6c-0.2,0.3,0,1.2,0.4,1.7 c0.4,0.5,0.8,0.7,1.4,0.7C85.9,86,86.4,85.2,85.4,84.1z M81.6,79.4l-1.2-1.8l2.9-4.6c0,0,1.2,1.7,0.6,2.7 C83.6,76.1,82.5,78,81.6,79.4z M77,82.3c0.3-0.3,1-1.1,1.4-1.7l0.8,1.2c-0.4,0.6-0.9,1.4-0.9,1.4s-0.9,1.4-1.7,2.5 c-0.8,1.1-1.5,1.3-2.3,1.3c-1.4,0-2.1-2-0.1-3.8C75.6,82,76.5,82.7,77,82.3z M74.6,84.1c-0.9,1-0.4,1.8,0.2,1.8c0.6,0,1-0.2,1.4-0.7 c0.4-0.5,0.6-1.5,0.4-1.7C76.3,83.2,75.5,83.1,74.6,84.1z" + id="path5196" /> +<g + id="g5198"> + <g + id="g5200"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#231F20" + d="M-243,111c0-0.1-2-2-2-2c-1.7,0-5,0-5,0c-0.6,0-1,0.4-1,1v8 c0,0.6,0.4,1,1,1h4v-6.1c0-0.3,0.2-0.5,0.5-0.5h2.5V111z M-246,112v-2l2,2H-246z M-239,113c-1.7,0-5,0-5,0c-0.6,0-1,0.4-1,1v8 c0,0.6,0.4,1,1,1h6c0.6,0,1-0.4,1-1c0,0,0-4.8,0-7C-237,115-239,113-239,113z M-240,116v-2l2,2H-240z" + id="path5202" /> + </g> +</g> +<g + id="g5204"> + <g + id="g5206"> + <path + fill="#231F20" + d="M-204.5,111h-1.3l0,0c0,0-0.2-2-2.2-2c-2,0-2.2,2-2.2,2l0,0h-1.3c-0.8,0-1.5,0.7-1.5,1.5v9 c0,0.8,0.7,1.5,1.5,1.5h7c0.8,0,1.5-0.7,1.5-1.5v-9C-203,111.7-203.7,111-204.5,111z M-210.7,112.1l0.8-0.4l0.4-0.2l0-0.4 c0-0.2,0.2-1.3,1.5-1.3c1.2,0,1.4,1.1,1.5,1.3l0,0.4l0.4,0.2l0.8,0.4l0.3,0.7h-6.1L-210.7,112.1z M-210.1,120.4l-2.8-4.9l3.3-1.9 h4.3l1.8,3.1L-210.1,120.4z" + id="path5208" /> + </g> +</g> +<path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#231F20" + d="M-177,115h10v2h-10V115z" + id="path5210" /> +<g + id="g5212"> + <g + id="g5214"> + <polygon + fill-rule="evenodd" + clip-rule="evenodd" + fill="#231F20" + points="-131,115 -135,115 -135,111 -137,111 -137,115 -141,115 -141,117 -137,117 -137,121 -135,121 -135,117 -131,117 " + id="polygon5216" /> + </g> +</g> +<g + id="g5218"> + <path + fill="#231F20" + d="M-94,111.7l-3,2.7v-2c0-0.8-0.6-1.4-1.3-1.4h-7.4c-0.7,0-1.3,0.6-1.3,1.4v7.2c0,0.8,0.6,1.4,1.3,1.4h7.4 c0.7,0,1.3-0.6,1.3-1.4v-2.1l3,2.7c0.3,0.3,0.6,0.4,1,0.3v-9.1C-93.3,111.4-93.7,111.5-94,111.7z" + id="path5220" /> +</g> +<g + id="g5222"> + <g + id="g5224"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#231F20" + d="M-61.9,112h-3l3.8,4l-3.8,4h3.1l3.8-4L-61.9,112z M-66.9,112h-3 l3.8,4l-3.8,4h3.1l3.8-4L-66.9,112z" + id="path5226" /> + </g> +</g> +<g + id="g5228"> + <g + id="g5230"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#231F20" + d="M-23,111.5h-2l-3-3l-3,3h-2c-1.1,0-2,0.9-2,2v8c0,1.1,0.9,2,2,2 h10c1.1,0,2-0.9,2-2v-8C-21,112.4-21.9,111.5-23,111.5z M-32,121.5c-0.6,0-1-0.4-1-1s0.4-1,1-1s1,0.4,1,1S-31.4,121.5-32,121.5z M-32,118.5c-0.6,0-1-0.4-1-1s0.4-1,1-1s1,0.4,1,1S-31.4,118.5-32,118.5z M-32,115.5c-0.6,0-1-0.4-1-1s0.4-1,1-1s1,0.4,1,1 S-31.4,115.5-32,115.5z M-23,121.5h-7v-2h7V121.5z M-23,118.5h-7v-2h7V118.5z M-23,115.5h-7v-2h7V115.5z" + id="path5232" /> + </g> +</g> +<g + id="g5234"> + <g + id="g5236"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#231F20" + d="M2,115h7c0.6,0,1-0.4,1-1v-4c0-0.6-0.4-1-1-1H2c-0.6,0-1,0.4-1,1 v4C1,114.6,1.4,115,2,115z M14,109h-2c-0.6,0-1,0.4-1,1v4c0,0.6,0.4,1,1,1h2c0.6,0,1-0.4,1-1v-4C15,109.4,14.6,109,14,109z M14,116H8c-0.6,0-1,0.4-1,1v5c0,0.6,0.4,1,1,1h6c0.6,0,1-0.4,1-1v-5C15,116.4,14.6,116,14,116z M5,116H2c-0.6,0-1,0.4-1,1v5 c0,0.6,0.4,1,1,1h3c0.6,0,1-0.4,1-1v-5C6,116.4,5.6,116,5,116z" + id="path5238" /> + </g> +</g> +<path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#231F20" + d="M45.8,116c0,0-0.6,0.8-1.8,0.8c-1.2,0-1.8-0.8-1.8-0.8l-6-5.1 c0.3-0.5,0.9-0.9,1.6-0.9h12.4c0.7,0,1.3,0.4,1.6,0.9L45.8,116z M42.2,117.7c0,0,0.6,0.8,1.8,0.8c1.2,0,1.8-0.8,1.8-0.8l6.2-5.4v8 c0,0.9-0.8,1.7-1.8,1.7H37.8c-1,0-1.8-0.8-1.8-1.7v-8L42.2,117.7z" + id="path5240" /> +<g + id="g5242"> + <g + id="g5244"> + <path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#231F20" + d="M-237.5,145h-13c-0.8,0-1.5,0.7-1.5,1.5v11 c0,0.8,0.7,1.5,1.5,1.5h13c0.8,0,1.5-0.7,1.5-1.5v-11C-236,145.7-236.7,145-237.5,145z M-245.5,146c0.3,0,0.5,0.2,0.5,0.5 c0,0.3-0.2,0.5-0.5,0.5c-0.3,0-0.5-0.2-0.5-0.5C-246,146.2-245.8,146-245.5,146z M-247.6,146c0.3,0,0.5,0.2,0.5,0.5 c0,0.3-0.2,0.5-0.5,0.5s-0.5-0.2-0.5-0.5C-248.1,146.2-247.8,146-247.6,146z M-249.5,146c0.3,0,0.5,0.2,0.5,0.5 c0,0.3-0.2,0.5-0.5,0.5s-0.5-0.2-0.5-0.5C-250,146.2-249.8,146-249.5,146z M-250,156v-6c0-0.6,0.4-1,1-1h7v8h-7 C-249.6,157-250,156.6-250,156z M-238,156c0,0.6-0.4,1-1,1h-1v-8h1c0.6,0,1,0.4,1,1V156z" + id="path5246" /> + </g> +</g> +<path + fill-rule="evenodd" + clip-rule="evenodd" + fill="#231F20" + d="M-213.2,156c-1.3-1.2-2.2-2.8-2.2-4.6c0-3.6,3.3-6.5,7.4-6.5 c4.1,0,7.4,2.9,7.4,6.5c0,3.6-3.3,6.5-7.4,6.5c-0.8,0-1.6-0.1-2.4-0.3c-1.8,0.7-4.3,1.7-4.5,1.4C-213.9,157.9-213.5,156.8-213.2,156 z" + id="path5248" /> +<rect + id="_x3C_Slice_x3E_" + fill="none" + width="16" + height="16" /> +</svg>
\ No newline at end of file diff --git a/arc-firefox-theme/chrome/browser/identity-icons-generic.png b/arc-firefox-theme/chrome/browser/identity-icons-generic.png Binary files differnew file mode 100644 index 0000000..a39e493 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/identity-icons-generic.png diff --git a/arc-firefox-theme/chrome/browser/identity-icons-generic@2x.png b/arc-firefox-theme/chrome/browser/identity-icons-generic@2x.png Binary files differnew file mode 100644 index 0000000..e7c041e --- /dev/null +++ b/arc-firefox-theme/chrome/browser/identity-icons-generic@2x.png diff --git a/arc-firefox-theme/chrome/browser/identity-icons-https-ev.png b/arc-firefox-theme/chrome/browser/identity-icons-https-ev.png Binary files differnew file mode 100644 index 0000000..d49be13 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/identity-icons-https-ev.png diff --git a/arc-firefox-theme/chrome/browser/identity-icons-https-ev@2x.png b/arc-firefox-theme/chrome/browser/identity-icons-https-ev@2x.png Binary files differnew file mode 100644 index 0000000..93a615d --- /dev/null +++ b/arc-firefox-theme/chrome/browser/identity-icons-https-ev@2x.png diff --git a/arc-firefox-theme/chrome/browser/identity-icons-https-mixed-active.png b/arc-firefox-theme/chrome/browser/identity-icons-https-mixed-active.png Binary files differnew file mode 100644 index 0000000..3c77bc8 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/identity-icons-https-mixed-active.png diff --git a/arc-firefox-theme/chrome/browser/identity-icons-https-mixed-active@2x.png b/arc-firefox-theme/chrome/browser/identity-icons-https-mixed-active@2x.png Binary files differnew file mode 100644 index 0000000..cb3456e --- /dev/null +++ b/arc-firefox-theme/chrome/browser/identity-icons-https-mixed-active@2x.png diff --git a/arc-firefox-theme/chrome/browser/identity-icons-https-mixed-display.png b/arc-firefox-theme/chrome/browser/identity-icons-https-mixed-display.png Binary files differnew file mode 100644 index 0000000..09b4e97 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/identity-icons-https-mixed-display.png diff --git a/arc-firefox-theme/chrome/browser/identity-icons-https-mixed-display@2x.png b/arc-firefox-theme/chrome/browser/identity-icons-https-mixed-display@2x.png Binary files differnew file mode 100644 index 0000000..c79694f --- /dev/null +++ b/arc-firefox-theme/chrome/browser/identity-icons-https-mixed-display@2x.png diff --git a/arc-firefox-theme/chrome/browser/identity-icons-https.png b/arc-firefox-theme/chrome/browser/identity-icons-https.png Binary files differnew file mode 100644 index 0000000..ffd6694 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/identity-icons-https.png diff --git a/arc-firefox-theme/chrome/browser/identity-icons-https@2x.png b/arc-firefox-theme/chrome/browser/identity-icons-https@2x.png Binary files differnew file mode 100644 index 0000000..a4af07b --- /dev/null +++ b/arc-firefox-theme/chrome/browser/identity-icons-https@2x.png diff --git a/arc-firefox-theme/chrome/browser/identity.png b/arc-firefox-theme/chrome/browser/identity.png Binary files differnew file mode 100644 index 0000000..f3f790e --- /dev/null +++ b/arc-firefox-theme/chrome/browser/identity.png diff --git a/arc-firefox-theme/chrome/browser/loop/menuPanel.png b/arc-firefox-theme/chrome/browser/loop/menuPanel.png Binary files differnew file mode 100644 index 0000000..31f3671 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/loop/menuPanel.png diff --git a/arc-firefox-theme/chrome/browser/loop/menuPanel@2x.png b/arc-firefox-theme/chrome/browser/loop/menuPanel@2x.png Binary files differnew file mode 100644 index 0000000..f52cf22 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/loop/menuPanel@2x.png diff --git a/arc-firefox-theme/chrome/browser/loop/toolbar-inverted.png b/arc-firefox-theme/chrome/browser/loop/toolbar-inverted.png Binary files differnew file mode 100644 index 0000000..31c0256 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/loop/toolbar-inverted.png diff --git a/arc-firefox-theme/chrome/browser/loop/toolbar-inverted@2x.png b/arc-firefox-theme/chrome/browser/loop/toolbar-inverted@2x.png Binary files differnew file mode 100644 index 0000000..1178851 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/loop/toolbar-inverted@2x.png diff --git a/arc-firefox-theme/chrome/browser/loop/toolbar.png b/arc-firefox-theme/chrome/browser/loop/toolbar.png Binary files differnew file mode 100644 index 0000000..8ba10aa --- /dev/null +++ b/arc-firefox-theme/chrome/browser/loop/toolbar.png diff --git a/arc-firefox-theme/chrome/browser/loop/toolbar@2x.png b/arc-firefox-theme/chrome/browser/loop/toolbar@2x.png Binary files differnew file mode 100644 index 0000000..c1fc1de --- /dev/null +++ b/arc-firefox-theme/chrome/browser/loop/toolbar@2x.png diff --git a/arc-firefox-theme/chrome/browser/magnifier.png b/arc-firefox-theme/chrome/browser/magnifier.png Binary files differnew file mode 100644 index 0000000..bcce4ad --- /dev/null +++ b/arc-firefox-theme/chrome/browser/magnifier.png diff --git a/arc-firefox-theme/chrome/browser/magnifier@2x.png b/arc-firefox-theme/chrome/browser/magnifier@2x.png Binary files differnew file mode 100644 index 0000000..6aef26a --- /dev/null +++ b/arc-firefox-theme/chrome/browser/magnifier@2x.png diff --git a/arc-firefox-theme/chrome/browser/mask.png b/arc-firefox-theme/chrome/browser/mask.png Binary files differnew file mode 100644 index 0000000..f48d176 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/mask.png diff --git a/arc-firefox-theme/chrome/browser/mask@2x.png b/arc-firefox-theme/chrome/browser/mask@2x.png Binary files differnew file mode 100644 index 0000000..e284af0 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/mask@2x.png diff --git a/arc-firefox-theme/chrome/browser/menuPanel-customize.png b/arc-firefox-theme/chrome/browser/menuPanel-customize.png Binary files differnew file mode 100644 index 0000000..e0b0a70 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/menuPanel-customize.png diff --git a/arc-firefox-theme/chrome/browser/menuPanel-customize@2x.png b/arc-firefox-theme/chrome/browser/menuPanel-customize@2x.png Binary files differnew file mode 100644 index 0000000..5ce3b76 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/menuPanel-customize@2x.png diff --git a/arc-firefox-theme/chrome/browser/menuPanel-exit.png b/arc-firefox-theme/chrome/browser/menuPanel-exit.png Binary files differnew file mode 100644 index 0000000..8daaffe --- /dev/null +++ b/arc-firefox-theme/chrome/browser/menuPanel-exit.png diff --git a/arc-firefox-theme/chrome/browser/menuPanel-exit@2x.png b/arc-firefox-theme/chrome/browser/menuPanel-exit@2x.png Binary files differnew file mode 100644 index 0000000..d484265 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/menuPanel-exit@2x.png diff --git a/arc-firefox-theme/chrome/browser/menuPanel-help.png b/arc-firefox-theme/chrome/browser/menuPanel-help.png Binary files differnew file mode 100644 index 0000000..962001f --- /dev/null +++ b/arc-firefox-theme/chrome/browser/menuPanel-help.png diff --git a/arc-firefox-theme/chrome/browser/menuPanel-help@2x.png b/arc-firefox-theme/chrome/browser/menuPanel-help@2x.png Binary files differnew file mode 100644 index 0000000..b8f0a80 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/menuPanel-help@2x.png diff --git a/arc-firefox-theme/chrome/browser/menuPanel-small.png b/arc-firefox-theme/chrome/browser/menuPanel-small.png Binary files differnew file mode 100644 index 0000000..4cd3e52 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/menuPanel-small.png diff --git a/arc-firefox-theme/chrome/browser/menuPanel-small@2x.png b/arc-firefox-theme/chrome/browser/menuPanel-small@2x.png Binary files differnew file mode 100644 index 0000000..f3eb362 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/menuPanel-small@2x.png diff --git a/arc-firefox-theme/chrome/browser/menuPanel.png b/arc-firefox-theme/chrome/browser/menuPanel.png Binary files differnew file mode 100644 index 0000000..ccdc35b --- /dev/null +++ b/arc-firefox-theme/chrome/browser/menuPanel.png diff --git a/arc-firefox-theme/chrome/browser/menuPanel@2x.png b/arc-firefox-theme/chrome/browser/menuPanel@2x.png Binary files differnew file mode 100644 index 0000000..d1d5256 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/menuPanel@2x.png diff --git a/arc-firefox-theme/chrome/browser/monitor.png b/arc-firefox-theme/chrome/browser/monitor.png Binary files differnew file mode 100644 index 0000000..35e7b20 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/monitor.png diff --git a/arc-firefox-theme/chrome/browser/monitor_16-10.png b/arc-firefox-theme/chrome/browser/monitor_16-10.png Binary files differnew file mode 100644 index 0000000..4195034 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/monitor_16-10.png diff --git a/arc-firefox-theme/chrome/browser/newtab/controls.svg b/arc-firefox-theme/chrome/browser/newtab/controls.svg new file mode 100644 index 0000000..b6898bf --- /dev/null +++ b/arc-firefox-theme/chrome/browser/newtab/controls.svg @@ -0,0 +1,116 @@ +<?xml version="1.0" encoding="utf-8"?> + +<svg version="1.1" + id="icons-enhanced-tiles" + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + x="0" + y="0" + width="288" + height="32" + viewBox="0 0 288 32"> + + <defs> + <style type="text/css"><![CDATA[ + /* Glyph Styles */ + + .glyphShape-style { + fill: #737373; + } + + .glyphShape-style-pin { + fill: #b4b4b4; + } + + .glyphShape-style-hover-gear { + fill: #4a90e2; + } + + .glyphShape-style-hover-pin { + fill: #4a90e2; + } + + .glyphShape-style-hover-delete { + fill: #ea0000; + } + + .glyphShape-style-hover-active { + fill: #231f20; + } + + /* Circle Background Styles */ + + .glyphShape-style-circle { + fill: #fff; + } + + .glyphShape-style-circle-dropshadow { + fill: #000; + fill-opacity: .5; + filter: url(#filter-shadow-drop); + } + ]]></style> + + <filter id="filter-shadow-drop" x="-10%" y="-10%" width="120%" height="120%"> + <feOffset in="SourceAlpha" dx="0" dy=".75" result="filter-shadow-drop-offset" /> + <feGaussianBlur in="filter-shadow-drop-offset" stdDeviation="1" result="filter-shadow-drop-blur"/> + </filter> + + <path id="glyphShape-gear" d="M28,16c0-1.7,0.9-3.1,2-3.3c-0.4-1.5-0.9-2.9-1.7-4.2c-0.9,0.7-2.6,0.3-3.8-0.9c-1.2-1.2-1.6-2.8-0.9-3.8 c-1.3-0.8-2.7-1.4-4.2-1.7c-0.2,1.1-1.6,2-3.3,2S13,3.1,12.8,2c-1.5,0.4-2.9,0.9-4.2,1.7c0.7,0.9,0.3,2.6-0.9,3.8 c-1.4,1.1-3,1.5-4,0.9C2.9,9.7,2.4,11.2,2,12.7c1.1,0.2,2,1.6,2,3.3s-0.9,3.1-2,3.3c0.4,1.5,0.9,2.9,1.7,4.2 c0.9-0.7,2.6-0.3,3.8,0.9c1.2,1.2,1.6,2.8,0.9,3.8c1.3,0.8,2.7,1.4,4.2,1.7c0.2-1.1,1.6-2,3.3-2s3.1,0.9,3.3,2 c1.5-0.4,2.9-0.9,4.2-1.7c-0.7-0.9-0.3-2.6,0.9-3.8c1.3-1.2,2.8-1.6,3.8-0.9c0.8-1.3,1.4-2.7,1.7-4.2C28.9,19.1,28,17.7,28,16z M16,24c-4.4,0-8-3.6-8-8s3.6-8,8-8s8,3.6,8,8S20.4,24,16,24z" /> + + <circle id="glyphShape-circle" cx="16" cy="16" r="14" /> + + <path id="glyphShape-pin" d="M19,15v-5h2V7H11v3h2v5l-3,2v2h5c0,4.5,0.4,8,1,8s1-3.5,1-8h5v-2L19,15z" /> + <polygon id="glyphShape-delete" points="23,11 21,9 16,14 11,9 9,11 14,16 9,21 11,23 16,18 21,23 23,21 18,16" /> + + </defs> + + <g id="icon-gear-default"> + <use xlink:href="#glyphShape-gear" class="glyphShape-style" /> + </g> + + <g id="icon-gear-default" transform="translate(32)"> + <use xlink:href="#glyphShape-gear" class="glyphShape-style-hover-gear" /> + </g> + + <g id="icon-pin-default" transform="translate(64)"> + <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle-dropshadow" /> + <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle" /> + <use xlink:href="#glyphShape-pin" class="glyphShape-style" /> + </g> + + <g id="icon-pin-hover" transform="translate(96)"> + <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle-dropshadow" /> + <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle" /> + <use xlink:href="#glyphShape-pin" class="glyphShape-style-hover-pin" /> + </g> + + <g id="icon-pin-hover-active" transform="translate(128)"> + <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle-dropshadow" /> + <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle" /> + <use xlink:href="#glyphShape-pin" class="glyphShape-style-hover-active" /> + </g> + + <g id="icon-delete-default" transform="translate(160)"> + <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle-dropshadow" /> + <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle" /> + <use xlink:href="#glyphShape-delete" class="glyphShape-style" /> + </g> + + <g id="icon-delete-hover" transform="translate(192)"> + <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle-dropshadow" /> + <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle" /> + <use xlink:href="#glyphShape-delete" class="glyphShape-style-hover-delete" /> + </g> + + <g id="icon-delete-hover-active" transform="translate(224)"> + <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle-dropshadow" /> + <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle" /> + <use xlink:href="#glyphShape-delete" class="glyphShape-style-hover-active" /> + </g> + + <g id="icon-pin-default" transform="translate(256)"> + <use xlink:href="#glyphShape-pin" class="glyphShape-style-pin" /> + </g> + +</svg> diff --git a/arc-firefox-theme/chrome/browser/newtab/newTab.css b/arc-firefox-theme/chrome/browser/newtab/newTab.css new file mode 100644 index 0000000..67dbf81 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/newtab/newTab.css @@ -0,0 +1,242 @@ +/* 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/. */ + +/* 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/. */ + +:root { + -moz-appearance: none; + font-size: 75%; + background-color: transparent; +} + +/* SCROLLBOX */ +#newtab-scrollbox:not([page-disabled]) { + color: rgb(0,0,0); + background-color: #f9f9f9; +} + +#newtab-scrollbox:not([page-disabled]) #newtab-margin-bottom { + background: inherit; +} + +/* UNDO */ +#newtab-undo-container { + padding: 4px 3px; + border: 1px solid; + border-color: rgba(8,22,37,.12) rgba(8,22,37,.14) rgba(8,22,37,.16); + background-color: rgba(255,255,255,.4); + color: #525e69; +} + +#newtab-undo-label { + margin-top: 0; + margin-bottom: 0; +} + +.newtab-undo-button { + -moz-appearance: none; + cursor: pointer; + padding: 0; + margin: 0 4px; + border: 0; + background: transparent; + text-decoration: none; + min-width: 0; +} + +.newtab-undo-button:hover { + text-decoration: underline; +} + +.newtab-undo-button:-moz-focusring { + outline: 1px dotted; +} + +#newtab-undo-close-button { + -moz-appearance: none; + padding: 0; + border: none; +} + +#newtab-undo-close-button:-moz-focusring { + outline: 1px dotted; +} + +/* CUSTOMIZE */ +#newtab-customize-button, +.newtab-customize { + background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 32, 32, 0); + background-size: 28px; + height: 38px; + width: 38px; + background-repeat: no-repeat; + background-position: center; + background-color: transparent; + border: none; +} + +.newtab-customize { + height: 28px; + width: 28px; +} + +#newtab-customize-button:-moz-any(:hover, :active, [active]) { + background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 64, 32, 32); + background-color: #FFFFFF; + border: solid 1px #CCCCCC; + border-radius: 2px; +} + +/* CELLS */ +.newtab-cell { + background-color: rgba(255,255,255,.2); + border-radius: 8px; +} + +.newtab-cell:empty { + outline: 2px dashed #c1c1c1; + -moz-outline-radius: 8px; +} + +/* SITES */ +.newtab-site { + border-radius: inherit; + box-shadow: 0 1px 3px #c1c1c1; + text-decoration: none; + transition-property: top, left, opacity, box-shadow, background-color; +} + +.newtab-cell:not([ignorehover]) .newtab-control:hover ~ .newtab-link, +.newtab-cell:not([ignorehover]) .newtab-link:hover, +.newtab-site[dragged] { + border: 2px solid white; + box-shadow: 0 0 6px 2px #4cb1ff; + margin: -2px; +} + +.newtab-site[dragged] { + transition-property: box-shadow, background-color; + background-color: rgb(242,242,242); +} + +/* LINKS */ +.newtab-link { + border-radius: 10px; + overflow: hidden; +} + +/* THUMBNAILS */ +.newtab-thumbnail { + background-origin: padding-box; + background-clip: padding-box; + background-repeat: no-repeat; + background-size: cover; + border-radius: 8px 8px 0px 0px; + height: 180px; + transition: opacity 100ms ease-out; +} + +.newtab-cell:not([ignorehover]) .newtab-site:hover .newtab-thumbnail.enhanced-content { + opacity: 0; +} + +.newtab-site[type=affiliate] .newtab-thumbnail, +.newtab-site[type=enhanced] .newtab-thumbnail, +.newtab-site[type=organic] .newtab-thumbnail, +.newtab-site[type=sponsored] .newtab-thumbnail { + background-position: center center; + background-size: auto; +} + +/* TITLES */ +#newtab-intro-what, +.newtab-sponsored, +.newtab-title, +.newtab-suggested { + color: #5c5c5c; +} + +.newtab-suggested[active] { + background-color: rgba(51, 51, 51, 0.95); + border: 0; + color: white; +} + +.newtab-site:hover .newtab-title { + color: #222; +} + +.newtab-site[pinned] .newtab-title { + -moz-padding-start: 24px; +} + +.newtab-site[pinned] .newtab-title::before { + background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 7, 278, 28, 266); + background-size: 10px; + content: ""; + height: 17px; + left: 0; + position: absolute; + width: 10px; + margin-left: 8px; + margin-top: 6px; +} + +.newtab-site[pinned] .newtab-title:-moz-locale-dir(rtl)::before { + left: auto; + right: 0; +} + +/* CONTROLS */ +.newtab-control { + background-color: transparent; + background-size: 24px; + border: none; + height: 24px; + width: 24px; +} + +.newtab-control-pin, +.newtab-site[pinned] .newtab-control-pin:hover:active { + background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 96, 32, 64); +} + +.newtab-control-pin:hover, +.newtab-site[pinned] .newtab-control-pin:hover { + background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 160, 32, 128); +} + +.newtab-control-pin:hover:active, +.newtab-site[pinned] .newtab-control-pin { + background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 128, 32, 96); +} + +.newtab-control-block { + background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 192, 32, 160); +} + +.newtab-control-block:hover { + background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 224, 32, 192); +} + +.newtab-control-block:hover:active { + background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 256, 32, 224); +} + + +.newtab-undo-button { + color: rgb(221,72,20); +} + +#newtab-undo-close-button { + height: 16px; + width: 16px; +} + +#newtab-intro-panel, +.newtab-title { + font-family: sans-serif; +} diff --git a/arc-firefox-theme/chrome/browser/newtab/whimsycorn.png b/arc-firefox-theme/chrome/browser/newtab/whimsycorn.png Binary files differnew file mode 100644 index 0000000..5c5c2f4 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/newtab/whimsycorn.png diff --git a/arc-firefox-theme/chrome/browser/notification-16.png b/arc-firefox-theme/chrome/browser/notification-16.png Binary files differnew file mode 100644 index 0000000..6b2df73 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/notification-16.png diff --git a/arc-firefox-theme/chrome/browser/notification-64.png b/arc-firefox-theme/chrome/browser/notification-64.png Binary files differnew file mode 100644 index 0000000..a01d0ab --- /dev/null +++ b/arc-firefox-theme/chrome/browser/notification-64.png diff --git a/arc-firefox-theme/chrome/browser/notification-pluginAlert.png b/arc-firefox-theme/chrome/browser/notification-pluginAlert.png Binary files differnew file mode 100644 index 0000000..7492fdd --- /dev/null +++ b/arc-firefox-theme/chrome/browser/notification-pluginAlert.png diff --git a/arc-firefox-theme/chrome/browser/notification-pluginBlocked.png b/arc-firefox-theme/chrome/browser/notification-pluginBlocked.png Binary files differnew file mode 100644 index 0000000..e2e9489 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/notification-pluginBlocked.png diff --git a/arc-firefox-theme/chrome/browser/notification-pluginNormal.png b/arc-firefox-theme/chrome/browser/notification-pluginNormal.png Binary files differnew file mode 100644 index 0000000..979e92b --- /dev/null +++ b/arc-firefox-theme/chrome/browser/notification-pluginNormal.png diff --git a/arc-firefox-theme/chrome/browser/page-livemarks.png b/arc-firefox-theme/chrome/browser/page-livemarks.png Binary files differnew file mode 100644 index 0000000..c3b534e --- /dev/null +++ b/arc-firefox-theme/chrome/browser/page-livemarks.png diff --git a/arc-firefox-theme/chrome/browser/pageInfo.css b/arc-firefox-theme/chrome/browser/pageInfo.css new file mode 100644 index 0000000..a7822e8 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/pageInfo.css @@ -0,0 +1,275 @@ + +@import url("chrome://global/skin/"); + +/* View buttons */ +#viewGroup > radio { + list-style-image: url("chrome://browser/skin/pageInfo.png"); + -moz-box-orient: vertical; + -moz-box-align: center; + -moz-appearance: none; + min-width: 4.5em; + margin: 0; + padding: 3px; + color: -moz-FieldText; +} + +#viewGroup > radio[selected="true"] { + background-color: Highlight; + color: HighlightText; +} + +#topBar { + -moz-appearance: listbox; + margin: 8px 8px 0; +} + +#generalTab { + -moz-image-region: rect(0px, 32px, 32px, 0px) +} + +#mediaTab { + -moz-image-region: rect(0px, 64px, 32px, 32px) +} + +#feedTab { + -moz-image-region: rect(0px, 96px, 32px, 64px) +} + +#permTab { + -moz-image-region: rect(0px, 128px, 32px, 96px) +} + +#securityTab { + -moz-image-region: rect(0px, 160px, 32px, 128px) +} + +#mainDeck { + padding-left: 2px; + padding-right: 2px; +} + +deck { + padding: 10px 10px 10px 10px; +} + +/* Misc */ +tree { + margin: .5em; +} + +.gridSeparator { + width: .5em; +} + +textbox { + background: transparent !important; + border: none; + padding: 0px; + margin-top: 1px; + -moz-appearance: none; +} + +textbox.header { + -moz-margin-start: 0; +} + +.iframe { + margin: .5em; + background: white; + overflow: auto; +} + +.fixedsize { + height: 8.5em; +} + +textbox[disabled] { + font-style: italic; +} + +/* General Tab */ +#generalPanel > #titletext { + -moz-margin-start: 5px; +} + +groupbox.collapsable caption .caption-icon { + width: 9px; + height: 9px; + background-repeat: no-repeat; + background-position: center; + -moz-margin-start: 1px; + -moz-margin-end: 3px; + background-image: url("chrome://global/skin/tree/twisty-open.png"); +} + +groupbox.collapsable[closed="true"] { + border: none; +} + +groupbox.collapsable[closed="true"] caption .caption-icon { + background-image: url("chrome://global/skin/tree/twisty-clsd.png"); +} + +groupbox tree { + margin: 0; + border: none; +} + +groupbox.treebox .groupbox-body { + -moz-margin-start: 5px; + -moz-margin-end: 1px; + padding-top: 0; +} + +#securityBox description { + -moz-margin-start: 10px; +} + +#general-security-identity { + white-space: pre-wrap; + line-height: 2em; +} + +/* Media Tab */ +#imagetree { + min-height: 10em; + margin-top: 2px; + margin-bottom: 0; +} + +#mediaSplitter { + -moz-appearance: none; + height: .8em; +} + +#mediaGrid { + min-height: 9em; +} + +#mediaLabelColumn { + min-width: 10em; +} + +#thepreviewimage { + margin: 1em; +} + +treechildren::-moz-tree-cell-text(broken) { + font-style: italic; + color: graytext; +} + +#mediaPreviewBox .inset { + -moz-appearance: listbox; + margin-bottom: 0; +} + +/* Feeds Tab */ +#feedPanel { + margin-left: 2px; + margin-right: 2px; +} + +#feedtree { + margin-bottom: 0px; +} + +#feedListbox richlistitem { + padding-top: 6px; + padding-bottom: 6px; + -moz-padding-start: 7px; + -moz-padding-end: 7px; + min-height: 25px; + border-bottom: 1px dotted #C0C0C0; + color: -moz-FieldText; +} + +#feedListbox richlistitem[selected="true"] { + background-color: -moz-Dialog; + color: -moz-DialogText; +} + +#feedListbox { + margin-bottom: 0; + border: 2px solid; + -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; + -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; +} + +.feedTitle { + font-weight: bold; +} + +/* Permissions Tab */ +#permPanel { + margin-left: 6px; + margin-right: 6px; +} + +#permList { + -moz-appearance: listbox; + margin-top: .5em; + overflow: auto; + border: 2px solid; + -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; + -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; + background-color: -moz-field; + color: -moz-FieldText; +} + +.permission { + padding-top: 6px; + padding-bottom: 6px; + -moz-padding-start: 7px; + -moz-padding-end: 7px; + min-height: 25px; + border-bottom: 1px dotted #C0C0C0; +} + +.permissionLabel { + font-weight: bold; +} + +.permission:hover { + background-color: -moz-dialog; + color: -moz-DialogText; +} + +/* Security Tab */ +#securityPanel .caption-icon { + display: none; +} + +#securityPanel .header { + font-size: 120%; +} + +#securityPanel .fieldLabel { + margin: 2px 10px 3px; +} + +#securityPanel .fieldValue { + font-weight: bold; + margin: 2px 10px 3px; +} + +#securityPanel row { + -moz-box-align: center; +} + +/* Icons for context menus */ +menuitem:not([type]) { + -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic"); +} + +#menu_selectall { + list-style-image: url("moz-icon://stock/gtk-select-all?size=menu"); +} + +#menu_copy { + list-style-image: url("moz-icon://stock/gtk-copy?size=menu"); +} diff --git a/arc-firefox-theme/chrome/browser/pageInfo.png b/arc-firefox-theme/chrome/browser/pageInfo.png Binary files differnew file mode 100644 index 0000000..2cbb15d --- /dev/null +++ b/arc-firefox-theme/chrome/browser/pageInfo.png diff --git a/arc-firefox-theme/chrome/browser/panic-panel/header-small.png b/arc-firefox-theme/chrome/browser/panic-panel/header-small.png Binary files differnew file mode 100644 index 0000000..ef1956f --- /dev/null +++ b/arc-firefox-theme/chrome/browser/panic-panel/header-small.png diff --git a/arc-firefox-theme/chrome/browser/panic-panel/header-small@2x.png b/arc-firefox-theme/chrome/browser/panic-panel/header-small@2x.png Binary files differnew file mode 100644 index 0000000..ae445a4 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/panic-panel/header-small@2x.png diff --git a/arc-firefox-theme/chrome/browser/panic-panel/header.png b/arc-firefox-theme/chrome/browser/panic-panel/header.png Binary files differnew file mode 100644 index 0000000..edac3e6 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/panic-panel/header.png diff --git a/arc-firefox-theme/chrome/browser/panic-panel/header@2x.png b/arc-firefox-theme/chrome/browser/panic-panel/header@2x.png Binary files differnew file mode 100644 index 0000000..f137928 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/panic-panel/header@2x.png diff --git a/arc-firefox-theme/chrome/browser/panic-panel/icons.png b/arc-firefox-theme/chrome/browser/panic-panel/icons.png Binary files differnew file mode 100644 index 0000000..f7f9a3e --- /dev/null +++ b/arc-firefox-theme/chrome/browser/panic-panel/icons.png diff --git a/arc-firefox-theme/chrome/browser/panic-panel/icons@2x.png b/arc-firefox-theme/chrome/browser/panic-panel/icons@2x.png Binary files differnew file mode 100644 index 0000000..959ebf5 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/panic-panel/icons@2x.png diff --git a/arc-firefox-theme/chrome/browser/places/bookmarks-menu-arrow.png b/arc-firefox-theme/chrome/browser/places/bookmarks-menu-arrow.png Binary files differnew file mode 100644 index 0000000..616f16b --- /dev/null +++ b/arc-firefox-theme/chrome/browser/places/bookmarks-menu-arrow.png diff --git a/arc-firefox-theme/chrome/browser/places/bookmarks-notification-finish.png b/arc-firefox-theme/chrome/browser/places/bookmarks-notification-finish.png Binary files differnew file mode 100644 index 0000000..8520b49 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/places/bookmarks-notification-finish.png diff --git a/arc-firefox-theme/chrome/browser/places/bookmarksMenu.png b/arc-firefox-theme/chrome/browser/places/bookmarksMenu.png Binary files differnew file mode 100644 index 0000000..80dd216 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/places/bookmarksMenu.png diff --git a/arc-firefox-theme/chrome/browser/places/bookmarksToolbar-menuPanel.png b/arc-firefox-theme/chrome/browser/places/bookmarksToolbar-menuPanel.png Binary files differnew file mode 100644 index 0000000..367a909 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/places/bookmarksToolbar-menuPanel.png diff --git a/arc-firefox-theme/chrome/browser/places/bookmarksToolbar.png b/arc-firefox-theme/chrome/browser/places/bookmarksToolbar.png Binary files differnew file mode 100644 index 0000000..09502fe --- /dev/null +++ b/arc-firefox-theme/chrome/browser/places/bookmarksToolbar.png diff --git a/arc-firefox-theme/chrome/browser/places/calendar.png b/arc-firefox-theme/chrome/browser/places/calendar.png Binary files differnew file mode 100644 index 0000000..f712868 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/places/calendar.png diff --git a/arc-firefox-theme/chrome/browser/places/downloads.png b/arc-firefox-theme/chrome/browser/places/downloads.png Binary files differnew file mode 100644 index 0000000..d641714 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/places/downloads.png diff --git a/arc-firefox-theme/chrome/browser/places/editBookmarkOverlay.css b/arc-firefox-theme/chrome/browser/places/editBookmarkOverlay.css new file mode 100644 index 0000000..465cacd --- /dev/null +++ b/arc-firefox-theme/chrome/browser/places/editBookmarkOverlay.css @@ -0,0 +1,66 @@ +/**** folder menulist ****/ +.folder-icon > .menulist-label-box > .menulist-icon { + width: 16px; + height: 16px; +} + +.folder-icon > .menu-iconic-left { + display: -moz-box; +} + +.folder-icon { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu") !important; +} + + +/**** expanders ****/ + +.expander-up, +.expander-down { + min-width: 0; + padding: 2px 0; + -moz-padding-start: 2px; +} + +.expander-up > .button-box { + -moz-appearance: button-arrow-up; +} + +.expander-down > .button-box { + -moz-appearance: button-arrow-down; +} + +#editBookmarkPanelContent { + min-width: 23em; +} + +#editBMPanel_folderTree { + margin-top: 2px; + margin-bottom: 2px; +} + +/* Hide the value column of the tag autocomplete popup + * leaving only the comment column visible. This is + * so that only the tag being edited is shown in the + * popup. + */ +#editBMPanel_tagsField #treecolAutoCompleteValue { + visibility: collapse; +} + + +/* Bookmark panel dropdown menu items */ +#editBMPanel_folderMenuList[selectedIndex="0"], +#editBMPanel_toolbarFolderItem { + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important; +} + +#editBMPanel_folderMenuList[selectedIndex="1"], +#editBMPanel_bmRootItem { + list-style-image: url("chrome://browser/skin/places/bookmarksMenu.png") !important; +} + +#editBMPanel_folderMenuList[selectedIndex="2"], +#editBMPanel_unfiledRootItem { + list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png") !important; +} diff --git a/arc-firefox-theme/chrome/browser/places/livemark-item.png b/arc-firefox-theme/chrome/browser/places/livemark-item.png Binary files differnew file mode 100644 index 0000000..9184b95 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/places/livemark-item.png diff --git a/arc-firefox-theme/chrome/browser/places/organizer.css b/arc-firefox-theme/chrome/browser/places/organizer.css new file mode 100644 index 0000000..09a3579 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/places/organizer.css @@ -0,0 +1,99 @@ +/* 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/. */ + + +/* Toolbar */ +#placesToolbar { + border: none; +} + +/* back button */ + +#back-button { + list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=toolbar"); +} +#back-button[disabled="true"] { + list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=toolbar&state=disabled"); +} + +#back-button:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=toolbar"); +} +#back-button[disabled="true"]:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=toolbar&state=disabled"); +} + +/* forward button */ + +#forward-button { + list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=toolbar"); +} +#forward-button[disabled="true"] { + list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=toolbar&state=disabled"); +} + +#forward-button:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=toolbar"); +} +#forward-button[disabled="true"]:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=toolbar&state=disabled"); +} + +/* Menu */ +#placesMenu { + -moz-appearance: none; + border: none; +} + +#placesMenu > menu { + -moz-padding-start: 4px; + -moz-binding: url("chrome://browser/skin/places/organizer.xml#toolbarbutton-dropdown"); + -moz-appearance: toolbarbutton; + color: -moz-DialogText; +} + +#placesMenu > menu:hover:not(:active):not([open="true"]) { + color: -moz-buttonhovertext; +} + +#placesMenu > menu > .menubar-right { + -moz-appearance: toolbarbutton-dropdown; + width: 12px; + height: 12px; +} + +/* Root View */ +#placesView { + background-color: Window; +} + +/* Info box */ +#detailsDeck { + padding: 5px; +} + +#infoBoxExpanderLabel { + -moz-padding-start: 2px; +} + +/**** menuitem stock icons ****/ +#orgClose { + list-style-image: url("moz-icon://stock/gtk-close?size=menu"); +} + +#fileImport { + list-style-image: url("moz-icon://stock/gtk-revert-to-saved?size=menu"); +} + +#fileExport { + list-style-image: url("moz-icon://stock/gtk-save-as?size=menu"); +} + +/** + * Downloads pane + */ + +#clearDownloadsButton > .toolbarbutton-icon { + display: none; +} diff --git a/arc-firefox-theme/chrome/browser/places/organizer.xml b/arc-firefox-theme/chrome/browser/places/organizer.xml new file mode 100644 index 0000000..8331ebb --- /dev/null +++ b/arc-firefox-theme/chrome/browser/places/organizer.xml @@ -0,0 +1,21 @@ +<?xml version="1.0"?> + +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> + +<bindings id="organizerBindings" + xmlns="http://www.mozilla.org/xbl" + xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" + xmlns:xbl="http://www.mozilla.org/xbl"> + + <binding id="toolbarbutton-dropdown" + extends="chrome://global/content/bindings/menu.xml#menu-base"> + <content> + <xul:image class="menubar-left" xbl:inherits="src=image"/> + <xul:label class="menubar-text" xbl:inherits="value=label,accesskey,crop" crop="right"/> + <xul:hbox class="menubar-right"/> + <children includes="menupopup"/> + </content> + </binding> +</bindings> diff --git a/arc-firefox-theme/chrome/browser/places/places.css b/arc-firefox-theme/chrome/browser/places/places.css new file mode 100644 index 0000000..d2b806b --- /dev/null +++ b/arc-firefox-theme/chrome/browser/places/places.css @@ -0,0 +1,221 @@ +/* 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/. */ + +/* Sidebars */ +.sidebar-placesTree { + margin: 0; +} + +.sidebar-placesTreechildren::-moz-tree-cell(leaf) , +.sidebar-placesTreechildren::-moz-tree-image(leaf) { + cursor: pointer; +} + +.sidebar-placesTreechildren::-moz-tree-cell-text(leaf, hover) { + cursor: pointer; + text-decoration: underline; +} + +.sidebar-placesTreechildren::-moz-tree-cell(separator) { + cursor: default; +} + +/* Trees */ +treechildren::-moz-tree-image(title) { + padding-right: 2px; + margin: 0px 2px; + width: 16px; + height: 16px; + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); +} + +treechildren::-moz-tree-image(title, livemarkItem) { + list-style-image: url("chrome://browser/skin/places/livemark-item.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); +} + +treechildren::-moz-tree-image(title, livemarkItem, visited) { + -moz-image-region: rect(0px, 32px, 16px, 16px); +} + +treechildren::-moz-tree-image(title, separator) { + list-style-image: none; + width: 0; + height: 0; +} + +treechildren::-moz-tree-image(title, container) { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu"); +} + +treechildren::-moz-tree-image(title, container, livemark) { + list-style-image: url("chrome://browser/skin/feeds/feedIcon16.png"); + -moz-image-region: auto; +} + +treechildren::-moz-tree-image(container, OrganizerQuery_AllBookmarks) { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 48px 16px 32px); +} + +treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) { + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png"); + -moz-image-region: auto; +} + +treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) { + list-style-image: url("chrome://browser/skin/places/bookmarksMenu.png"); + -moz-image-region: auto; +} + +treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) { + list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png"); + -moz-image-region: auto; +} + +/* query-nodes should be styled even if they're not expandable */ +treechildren::-moz-tree-image(title, query) { + list-style-image: url("chrome://browser/skin/places/query.png"); +} + +treechildren::-moz-tree-image(query, OrganizerQuery_Downloads) { + list-style-image: url("chrome://browser/skin/places/downloads.png"); + -moz-image-region: auto; +} + +treechildren::-moz-tree-image(title, query, tagContainer), +treechildren::-moz-tree-image(query, OrganizerQuery_Tags) { + list-style-image: url("chrome://browser/skin/places/tag.png"); +} + +/* calendar icon for folders grouping items by date */ +treechildren::-moz-tree-image(title, query, dayContainer) { + list-style-image: url("chrome://browser/skin/places/calendar.png"); +} + +treechildren::-moz-tree-image(title, query, hostContainer) { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu"); +} + +treechildren::-moz-tree-image(title, query, hostContainer, open) { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu"); +} + +treechildren::-moz-tree-image(title, query, OrganizerQuery_History) { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 32px 16px 16px); +} + +/* We want some queries to look like ordinary folders. This must come + after the (title, query) selector, or it would get overridden. */ +treechildren::-moz-tree-image(title, query, folder) { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu"); +} + +treechildren::-moz-tree-image(cutting) { + opacity: 0.5; +} + +treechildren::-moz-tree-cell-text(cutting) { + opacity: 0.7; +} + +/**** menuitem stock icons ****/ +menuitem:not([type]) { + -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic"); +} + +menuitem[command="cmd_cut"], +menuitem[cmd="cmd_cut"] { + list-style-image: url("moz-icon://stock/gtk-cut?size=menu"); +} + +menuitem[command="cmd_cut"][disabled], +menuitem[cmd="cmd_cut"][disabled] { + list-style-image: url("moz-icon://stock/gtk-cut?size=menu&state=disabled"); +} + +menuitem[command="cmd_copy"], +menuitem[cmd="cmd_copy"] { + list-style-image: url("moz-icon://stock/gtk-copy?size=menu"); +} + +menuitem[command="cmd_copy"][disabled], +menuitem[cmd="cmd_copy"][disabled] { + list-style-image: url("moz-icon://stock/gtk-copy?size=menu&state=disabled"); +} + +menuitem[command="cmd_paste"], +menuitem[cmd="cmd_paste"] { + list-style-image: url("moz-icon://stock/gtk-paste?size=menu"); +} + +menuitem[command="cmd_paste"][disabled], +menuitem[cmd="cmd_paste"][disabled] { + list-style-image: url("moz-icon://stock/gtk-paste?size=menu&state=disabled"); +} + +menuitem[command="cmd_delete"], +menuitem[cmd="cmd_delete"] { + list-style-image: url("moz-icon://stock/gtk-delete?size=menu"); +} + +menuitem[command="cmd_delete"][disabled], +menuitem[cmd="cmd_delete"][disabled] { + list-style-image: url("moz-icon://stock/gtk-delete?size=menu&state=disabled"); +} + +menuitem[command="cmd_undo"], +menuitem[cmd="cmd_undo"] { + list-style-image: url("moz-icon://stock/gtk-undo?size=menu"); +} + +menuitem[command="cmd_undo"][disabled], +menuitem[cmd="cmd_undo"][disabled] { + list-style-image: url("moz-icon://stock/gtk-undo?size=menu&state=disabled"); +} + +menuitem[command="cmd_redo"] { + list-style-image: url("moz-icon://stock/gtk-redo?size=menu"); +} + +menuitem[command="cmd_redo"][disabled] { + list-style-image: url("moz-icon://stock/gtk-redo?size=menu&state=disabled"); +} + +menuitem[command="cmd_selectAll"], +menuitem[cmd="cmd_selectAll"] { + list-style-image: url("moz-icon://stock/gtk-select-all?size=menu"); +} + +menuitem[command="cmd_selectAll"][disabled], +menuitem[cmd="cmd_selectAll"][disabled] { + list-style-image: url("moz-icon://stock/gtk-select-all?size=menu&state=disabled"); +} + +#placesContext_open\:newwindow, +menuitem[command="placesCmd_open:window"] { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 80px 16px 64px); +} + +#placesContext_open\:newprivatewindow, +menuitem[command="placesCmd_open:privatewindow"] { + list-style-image: url("chrome://browser/skin/Privacy-16.png"); +} + +#placesContext_open\:newtab, +menuitem[command="placesCmd_open:tab"] { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 64px 16px 48px); +} + +#placesContext_show\:info, +menuitem[command="placesCmd_show:info"] { + list-style-image: url("moz-icon://stock/gtk-properties?size=menu"); +} + +#placesContext_reload { + list-style-image: url("moz-icon://stock/gtk-refresh?size=menu"); +} diff --git a/arc-firefox-theme/chrome/browser/places/query.png b/arc-firefox-theme/chrome/browser/places/query.png Binary files differnew file mode 100644 index 0000000..2420dee --- /dev/null +++ b/arc-firefox-theme/chrome/browser/places/query.png diff --git a/arc-firefox-theme/chrome/browser/places/star-icons.png b/arc-firefox-theme/chrome/browser/places/star-icons.png Binary files differnew file mode 100644 index 0000000..fd4e0cd --- /dev/null +++ b/arc-firefox-theme/chrome/browser/places/star-icons.png diff --git a/arc-firefox-theme/chrome/browser/places/starred48.png b/arc-firefox-theme/chrome/browser/places/starred48.png Binary files differnew file mode 100644 index 0000000..bdcc7e7 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/places/starred48.png diff --git a/arc-firefox-theme/chrome/browser/places/tag.png b/arc-firefox-theme/chrome/browser/places/tag.png Binary files differnew file mode 100644 index 0000000..27176cc --- /dev/null +++ b/arc-firefox-theme/chrome/browser/places/tag.png diff --git a/arc-firefox-theme/chrome/browser/places/toolbarDropMarker.png b/arc-firefox-theme/chrome/browser/places/toolbarDropMarker.png Binary files differnew file mode 100644 index 0000000..ed3200f --- /dev/null +++ b/arc-firefox-theme/chrome/browser/places/toolbarDropMarker.png diff --git a/arc-firefox-theme/chrome/browser/places/unsortedBookmarks.png b/arc-firefox-theme/chrome/browser/places/unsortedBookmarks.png Binary files differnew file mode 100644 index 0000000..4dcf761 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/places/unsortedBookmarks.png diff --git a/arc-firefox-theme/chrome/browser/places/unstarred48.png b/arc-firefox-theme/chrome/browser/places/unstarred48.png Binary files differnew file mode 100644 index 0000000..1544863 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/places/unstarred48.png diff --git a/arc-firefox-theme/chrome/browser/pointerLock-16.png b/arc-firefox-theme/chrome/browser/pointerLock-16.png Binary files differnew file mode 100644 index 0000000..862cd11 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/pointerLock-16.png diff --git a/arc-firefox-theme/chrome/browser/pointerLock-64.png b/arc-firefox-theme/chrome/browser/pointerLock-64.png Binary files differnew file mode 100644 index 0000000..a35ce04 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/pointerLock-64.png diff --git a/arc-firefox-theme/chrome/browser/preferences/Options-sync.png b/arc-firefox-theme/chrome/browser/preferences/Options-sync.png Binary files differnew file mode 100644 index 0000000..89901fb --- /dev/null +++ b/arc-firefox-theme/chrome/browser/preferences/Options-sync.png diff --git a/arc-firefox-theme/chrome/browser/preferences/Options.png b/arc-firefox-theme/chrome/browser/preferences/Options.png Binary files differnew file mode 100644 index 0000000..82bebd2 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/preferences/Options.png diff --git a/arc-firefox-theme/chrome/browser/preferences/aboutPermissions.css b/arc-firefox-theme/chrome/browser/preferences/aboutPermissions.css new file mode 100644 index 0000000..1de69ff --- /dev/null +++ b/arc-firefox-theme/chrome/browser/preferences/aboutPermissions.css @@ -0,0 +1,119 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@import url("chrome://global/skin/inContentUI.css"); + + +/* sites box */ + +#sites-box { + padding: 10px; + width: 25em; +} + +#sites-filter { + margin: 0; +} + +#sites-list { + margin: 5px 0 0 0; +} + +.site { + padding: 4px; + border-bottom: 1px solid ThreeDLightShadow; +} + +.site-favicon { + height: 16px; + width: 16px; + -moz-margin-end: 4px; + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); +} + +#all-sites-item > .site-container > .site-favicon { + list-style-image: none; +} + +/* permissions box */ + +#permissions-box { + padding-top: 10px; + overflow-y: auto; +} + +#site-description { + font-size: 125%; + -moz-margin-start: 6px; /* to match button margin */ +} + +#site-label { + font-weight: bold; + margin-top: 0; + margin-bottom: 0; +} + +#defaults-description { + font-size: 125%; + font-weight: bold; + -moz-margin-start: 6px; +} + +.pref-item { + margin-bottom: 10px; +} + +.pref-icon { + width: 36px; + height: 36px; + -moz-margin-end: 10px; +} + +.pref-icon[type="password"] { + list-style-image: url(chrome://mozapps/skin/passwordmgr/key-64.png); +} +.pref-icon[type="cookie"] { + list-style-image: url(chrome://global/skin/icons/question-64.png); +} +.pref-icon[type="geo"] { + list-style-image: url(chrome://browser/skin/Geolocation-64.png); +} +.pref-icon[type="push"] { + list-style-image: url(chrome://browser/skin/Push-64.png); +} +.pref-icon[type="indexedDB"] { + list-style-image: url(chrome://global/skin/icons/question-64.png); +} +.pref-icon[type="install"] { + list-style-image: url(chrome://mozapps/skin/extensions/extensionGeneric.png); +} +.pref-icon[type="popup"] { + list-style-image: url(chrome://global/skin/icons/question-64.png); +} +.pref-icon[type="image"] { + list-style-image: url(chrome://global/skin/icons/question-64.png); +} +.pref-icon[type="plugins"] { + list-style-image: url(chrome://mozapps/skin/plugins/pluginGeneric.png); +} +.pref-icon[type="fullscreen"] { + list-style-image: url(chrome://global/skin/icons/question-64.png); +} +.pref-icon[type="camera"] { + list-style-image: url(chrome://global/skin/icons/question-64.png); +} +.pref-icon[type="microphone"] { + list-style-image: url(chrome://global/skin/icons/question-64.png); +} + +.pref-title { + font-size: 125%; + margin-bottom: 0; + font-weight: bold; +} + +.pref-menulist { + margin-left: 6px; + margin-right: 6px; +} diff --git a/arc-firefox-theme/chrome/browser/preferences/alwaysAsk.png b/arc-firefox-theme/chrome/browser/preferences/alwaysAsk.png Binary files differnew file mode 100644 index 0000000..45256d4 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/preferences/alwaysAsk.png diff --git a/arc-firefox-theme/chrome/browser/preferences/applications.css b/arc-firefox-theme/chrome/browser/preferences/applications.css new file mode 100644 index 0000000..345fe75 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/preferences/applications.css @@ -0,0 +1,66 @@ +/* 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/. */ + +/** + * Line up the actions menu with action labels above and below it. + * Equalize the distance from the left side of the action box to the left side + * of the icon for both the menu and the non-menu versions of the action box. + * Also make sure the labels are the same distance away from the icons. + */ +.actionsMenu { + margin-top: -1px; + margin-bottom: -1px; + -moz-margin-start: -1px; + -moz-margin-end: 0; +} + +.typeIcon, +.actionIcon { + -moz-margin-start: 3px; + -moz-margin-end: 3px; +} + +#handlersView > richlistitem label { + -moz-margin-start: 1px; + margin-top: 2px; +} + +#handlersView > richlistitem { + min-height: 25px; +} + +richlistitem[appHandlerIcon="ask"], +menuitem[appHandlerIcon="ask"] { + list-style-image: url("chrome://browser/skin/preferences/alwaysAsk.png"); +} + +richlistitem[appHandlerIcon="save"], +menuitem[appHandlerIcon="save"] { + list-style-image: url("moz-icon://stock/gtk-save?size=menu"); +} + +richlistitem[appHandlerIcon="feed"], +menuitem[appHandlerIcon="feed"] { + list-style-image: url("chrome://browser/skin/page-livemarks.png"); +} + +richlistitem[appHandlerIcon="plugin"], +menuitem[appHandlerIcon="plugin"] { + list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric-16.png"); +} + +.actionsMenu .menulist-icon { + -moz-margin-end: 1px; + height: 16px; + width: 16px; +} + +.actionsMenu > menupopup > menuitem > .menu-iconic-left { + -moz-padding-start: 0; + -moz-padding-end: 4px !important; +} + +.actionsMenu > menupopup > menuitem { + -moz-padding-start: 3px; +} diff --git a/arc-firefox-theme/chrome/browser/preferences/in-content/default-profile-image.svg b/arc-firefox-theme/chrome/browser/preferences/in-content/default-profile-image.svg new file mode 100644 index 0000000..c38dec5 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/preferences/in-content/default-profile-image.svg @@ -0,0 +1,12 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> +<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" + viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve"> +<path fill="#C3CFD8" d="M500-0.3c276.1,0,500,223.9,500,500s-223.9,500-500,500S0,775.8,0,499.7C0,223.5,223.9-0.3,500-0.3z"/> +<circle fill="#FFFFFF" cx="500" cy="317" r="139.1"/> +<path fill="#FFFFFF" d="M751.8,643.6L751.8,643.6c0.1-2.3,0.2-4.6,0.2-6.9c0-68-55.3-127-136.2-156.3L505.9,590.4h0 + c-0.4,29.8-1.4,58.8-2.8,86.6c-1,0.1-2,0.3-3.1,0.3s-2-0.2-3.1-0.3c-1.4-27.9-2.4-56.9-2.8-86.7h0L384.3,480.4 + C303.3,509.7,248,568.7,248,636.7c0,2.3,0.1,4.6,0.2,6.9l7.4,49.7c57.1,72,145.4,118.2,244.4,118.2c99,0,187.3-46.2,244.4-118.2 + L751.8,643.6z"/> +</svg> diff --git a/arc-firefox-theme/chrome/browser/preferences/in-content/dialog.css b/arc-firefox-theme/chrome/browser/preferences/in-content/dialog.css new file mode 100644 index 0000000..9bf0d03 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/preferences/in-content/dialog.css @@ -0,0 +1,75 @@ +/* - 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/. */ + + +dialog, +window, +prefpane, +prefwindow, +.windowDialog { + -moz-appearance: none; + background-color: #fbfbfb; + color: #424e5a; + margin: 0; + padding: 0; +} + +.contentPane { + margin: 0; +} + +tabbox { + /* override the rule in certManager.xul */ + margin: 0 0 5px !important; +} + +tabpanels { + font-size: 1em; +} + +tabs, +label, +description, +#useDocumentColors { + margin-right: 4px; + margin-left: 4px; +} + +tree:not(#rejectsTree) { + min-height: 15em; +} + +.actionButtons { + margin: 3px 0 0 !important; +} + +caption { + -moz-padding-start: 0; +} + +groupbox { + font-size: 1em; + margin-top: 0; + margin-right: 4px; + margin-left: 4px; + padding-top: 0; + padding-bottom: 5px; +} + +prefpane .groupbox-body { + padding: 0 0 5px; +} + +groupbox description { + margin-right: 0; + margin-left: 0; +} + +label, +textbox, +description, +.tab-text, +caption > label { + font-size: 1.2em; +} diff --git a/arc-firefox-theme/chrome/browser/preferences/in-content/favicon.ico b/arc-firefox-theme/chrome/browser/preferences/in-content/favicon.ico Binary files differnew file mode 100644 index 0000000..4d07d2b --- /dev/null +++ b/arc-firefox-theme/chrome/browser/preferences/in-content/favicon.ico diff --git a/arc-firefox-theme/chrome/browser/preferences/in-content/icons.svg b/arc-firefox-theme/chrome/browser/preferences/in-content/icons.svg new file mode 100644 index 0000000..b74eb6d --- /dev/null +++ b/arc-firefox-theme/chrome/browser/preferences/in-content/icons.svg @@ -0,0 +1,129 @@ +<?xml version="1.0" encoding="utf-8"?> +<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: #fbfbfb; + stroke: rgba(0,0,0,0.4); + stroke-width: .5px; + } + use[id$="-native"] { + fill: ThreeDHighlight; + } + </style> + <defs style="display: none;"> + <g id="general-shape"> + <path + d="M18.97,3H5.03C3.914,3,3,3.914,3,5.03v13.94C3,20.086,3.914,21,5.03,21H18.97c1.117,0,2.03-0.914,2.03-2.03 + V5.03C21,3.914,20.086,3,18.97,3z M5.35,19.326c-0.404,0-0.731-0.327-0.731-0.731c0-0.404,0.327-0.731,0.731-0.731 + c0.404,0,0.731,0.327,0.731,0.731C6.081,19,5.754,19.326,5.35,19.326z M5.35,6.168c-0.403,0-0.731-0.328-0.731-0.731 + c0-0.404,0.328-0.731,0.731-0.731c0.403,0,0.731,0.327,0.731,0.731C6.081,5.84,5.753,6.168,5.35,6.168z M15.243,14.035 + c0,0.229-0.186,0.416-0.414,0.416c-0.229,0-0.415,0.186-0.415,0.414v3.347c0,0.228-0.185,0.384-0.414,0.384l-4.141,0.03 + c-0.227,0-0.414-0.186-0.414-0.414v-3.347c0-0.228-0.185-0.414-0.414-0.414c-0.227,0-0.414-0.187-0.414-0.416V6.582 + c0-0.229,0.187-0.414,0.414-0.414h5.798c0.228,0,0.414,0.185,0.414,0.414V14.035z M18.509,19.326c-0.404,0-0.731-0.327-0.731-0.731 + c0-0.404,0.327-0.731,0.731-0.731c0.404,0,0.731,0.327,0.731,0.731C19.24,19,18.913,19.326,18.509,19.326z M18.509,6.168 + c-0.404,0-0.731-0.328-0.731-0.731c0-0.404,0.327-0.731,0.731-0.731c0.404,0,0.731,0.327,0.731,0.731 + C19.24,5.84,18.913,6.168,18.509,6.168z"/> + <path + d="M12.757,7.824h-1.657c-0.456,0-0.828,0.373-0.828,0.828v8.282c0,0.456,0.373,0.828,0.828,0.828h1.657 + c0.456,0,0.828-0.373,0.828-0.828V8.652C13.586,8.196,13.213,7.824,12.757,7.824z"/> + </g> + <g id="search-shape"> + <path + d="M2,10.018c0,4.43,3.585,8.019,8.009,8.019 + c1.603,0,3.095-0.473,4.348-1.285l4.806,4.81c0.58,0.583,1.523,0.583,2.105,0l0.296-0.297c0.582-0.583,0.582-1.527,0-2.11 + l-4.808-4.814c0.8-1.247,1.265-2.73,1.265-4.323c0-4.43-3.587-8.018-8.012-8.018C5.585,2,2,5.589,2,10.018z M5.104,10.021 + c0-2.716,2.196-4.915,4.906-4.915c2.71,0,4.908,2.199,4.908,4.915c0,2.712-2.198,4.911-4.908,4.911 + C7.3,14.931,5.104,12.732,5.104,10.021z"/> + </g> + <g id="content-shape"> + <path + d="M16.286,2H5.571C4.388,2,3.429,2.96,3.429,4.143v15.714 + C3.429,21.04,4.388,22,5.571,22h12.857c1.185,0,2.143-0.96,2.143-2.143V6.286L16.286,2z M18.945,19.223c0,0.22-0.18,0.4-0.4,0.4 + h-13.2c-0.22,0-0.4-0.18-0.4-0.4v-0.846c0-0.22,0.18-0.4,0.4-0.4h13.2c0.22,0,0.4,0.18,0.4,0.4V19.223z M18.945,15.223 + c0,0.22-0.18,0.4-0.4,0.4h-13.2c-0.22,0-0.4-0.18-0.4-0.4v-0.846c0-0.22,0.18-0.4,0.4-0.4h13.2c0.22,0,0.4,0.18,0.4,0.4V15.223z + M18.945,11.229c0,0.22-0.18,0.4-0.4,0.4h-13.2c-0.22,0-0.4-0.18-0.4-0.4v-0.846c0-0.22,0.18-0.4,0.4-0.4h13.2 + c0.22,0,0.4,0.18,0.4,0.4V11.229z M14.833,7.707v-4.65l4.65,4.65H14.833z"/> + </g> + <g id="applications-shape"> + <path + d="M16.673,8.914C16.089,4.122,13.248,1,12,1c-1.25,0-3.986,3.122-4.767,7.914l-3.122,3.131v7.889h2.268 + l2.978-3.436c0.28,0.29,0.737,1.666,1.065,1.858h3.155c0.331-0.193,0.789-1.569,1.068-1.858l3.123,3.436h2.12v-7.84L16.673,8.914z + M12.042,8.735c-0.604,0-1.279,0.06-1.818,0.165c0.478-1.453,1.345-3.117,1.781-3.117c0.435,0,1.301,1.655,1.775,3.1 + C13.265,8.789,12.615,8.735,12.042,8.735z M12.524,19.145c0.076,0.196,0.119,0.602,0.119,0.86c0,0.66-0.524,1.074-0.687,1.074 + c-0.163,0-0.615-0.414-0.615-1.074c0-0.257,0.045-0.664,0.119-0.86h-0.754c-0.089,0.345-0.39,1.005-0.39,1.408 + c0,1.458,1.328,2.447,1.686,2.447c0.359,0,1.686-0.951,1.686-2.407c0-0.404-0.301-1.103-0.388-1.449H12.524z"/> + </g> + <g id="privacy-shape"> + <path + d="M21.632,9.541c-0.083,1.403,0.246,3.079-1.597,5.498 + c-1.965,2.578-3.914,2.594-4.284,2.575c-2.249-0.117-2.502-1.875-3.792-1.875c-1.13,0-2.012,1.745-3.711,1.836 + c-0.37,0.02-2.319,0.042-4.284-2.536c-1.841-2.419-1.514-4.095-1.597-5.498C2.287,8.138,2,6.618,2,6.618s0.887,0.895,2.033,0.973 + C5.179,7.67,5.394,7.191,7.811,6.501C10.424,5.752,12,8.814,12,8.814s1.776-3.016,4.189-2.313c2.414,0.7,2.515,1.169,3.661,1.091 + C20.996,7.513,22,6.618,22,6.618S21.713,8.138,21.632,9.541z M8.117,10.129c-1.429-0.314-2.028,0.223-2.642,0.451 + c-0.534,0.202-1.02,0.264-1.02,0.264s0.083,0.819,1.515,1.521c1.432,0.703,4.37,0.338,4.37,0.338S10.651,10.687,8.117,10.129z + M18.525,10.58c-0.612-0.228-1.212-0.765-2.642-0.451c-2.534,0.558-2.223,2.573-2.223,2.573s2.938,0.365,4.37-0.338 + c1.432-0.702,1.515-1.521,1.515-1.521S19.059,10.782,18.525,10.58z"/> + </g> + <g id="security-shape"> + <path + d="M18.909,9.783h-0.863V8.086C18.046,4.725,15.339,2,12,2 + C8.661,2,5.954,4.725,5.954,8.086v1.697H5.091c-0.955,0-1.728,0.779-1.728,1.739v8.738c0,0.961,0.773,1.74,1.728,1.74h13.818 + c0.954,0,1.728-0.779,1.728-1.74v-8.738C20.637,10.562,19.863,9.783,18.909,9.783z M8.545,8.086c0-1.92,1.547-3.478,3.455-3.478 + c1.908,0,3.455,1.557,3.455,3.478v1.697h-6.91V8.086z M5.181,16.092l-0.909-1.2v-2.284l2.728,3.483H5.181z M8.818,16.092 + l-2.773-3.657h1.727l2.864,3.657H8.818z M12,16.092l-2.773-3.657h1.727l2.864,3.657H12z M15.637,16.092l-2.773-3.657h1.727 + l2.864,3.657H15.637z M19.728,16.092h-0.455l-2.773-3.657h1.727l1.501,1.916V16.092z"/> + </g> + <g id="sync-shape"> + <path + d="M17.024,3.351 c-0.562,0.331 -1.311,0.879 -1.821,1.698 -0.367,0.592 -0.752,1.288 -1.08,1.914 0.987,0.413 1.862,1.095 + 2.476,2.029 0.614,0.957 0.929,2.122 0.83,3.351 -0.201,1.787 -1.359,3.433 -3.046,4.36 -0.696,-0.774 -1.951,-2.945 + -1.951,-2.945 -0.007,0.007 -0.004,2.556 -0.871,4.334 -0.573,1.184 -1.24,2.202 -2.305,2.995 1.431,0.51 2.915,0.886 + 4.282,0.909 l 0.162,0.002 c 2.99,0.021 5.844,-0.48 5.844,-0.48 0,0 -1.236,-0.802 -1.808,-1.346 1.86,-1.072 3.111,-2.791 + 3.634,-4.708 0.283,-0.759 0.478,-1.566 0.57,-2.409 C 22.383,9.011 20.33,5.278 17.024,3.351 Z M 6.569,12.302 C 6.526,10.271 + 7.755,8.327 9.644,7.29 c 0.696,0.774 2.32,2.899 2.32,2.899 0,0 -0.064,-5.157 1.657,-7.973 -6.097,-0.668 -9.69,0.443 + -9.69,0.443 0,0 1.763,0.607 2.333,1.136 C 6.122,3.891 5.984,3.992 5.85,4.096 4.4,5.064 3.368,6.449 2.825,7.994 2.436,8.892 + 2.171,9.863 2.06,10.887 1.622,14.886 3.629,18.572 6.871,20.515 7.39,20.124 7.975,19.631 8.61,18.983 9.189,18.389 9.647,17.682 + 10.021,16.967 8.082,16.208 6.714,14.404 6.569,12.302 Z"/> + </g> + <g id="advanced-shape"> + <path + d="M19.173,16.163c0.004,0.04,0.007,0.08,0.007,0.121c0,1.748-3.197,3.165-7.14,3.165 c-3.943,0-7.14-1.417-7.14-3.165c0 + -0.037,0.003-0.073,0.006-0.109C3.11,16.572,2,17.243,2,18.341C2,20.362,6.477,22,12,22 c5.523,0,10-1.638,10-3.659 + C22,17.22,20.922,16.553,19.173,16.163z"/> + <path + d="M18.224,15.979c0.006-0.11-0.018-0.285-0.054-0.39c0,0-0.762-2.205-1.176-3.403 + c-0.624-1.807-2.112-6.139-2.112-6.139c-0.036-0.104-0.031-0.273,0.01-0.376l0.497-1.234c0.041-0.102,0.116-0.266,0.166-0.364 + l0.986-1.942c0.05-0.098,0.013-0.133-0.081-0.077L9.965,5.871c-0.095,0.056-0.203,0.186-0.24,0.29c0,0-0.252,0.7-0.412,1.144 + C8.64,9.173,7.968,11.04,7.296,12.908c-0.26,0.723-0.52,1.446-0.78,2.168c-0.056,0.156-0.112,0.311-0.168,0.466 + c-0.093,0.26-0.049,0.617,0.032,0.881c0.237,0.763,1.001,1.189,1.708,1.435c0.611,0.213,1.254,0.328,1.895,0.403 + c0.895,0.105,1.805,0.14,2.706,0.112c1.356-0.041,2.767-0.261,4.004-0.846c0.429-0.203,0.854-0.459,1.174-0.816 + c0.121-0.135,0.226-0.287,0.297-0.455C18.215,16.134,18.224,15.979,18.224,15.979z M14.063,16.131 + c0.019,0.108-0.046,0.156-0.143,0.104l-1.466-0.772c-0.097-0.052-0.257-0.052-0.354,0l-1.466,0.773 + c-0.097,0.052-0.162,0.004-0.143-0.104l0.28-1.636c0.019-0.109-0.031-0.261-0.109-0.338l-1.186-1.158 + c-0.079-0.077-0.054-0.153,0.055-0.169l1.638-0.239c0.109-0.016,0.238-0.11,0.286-0.209l0.733-1.488 + c0.049-0.099,0.128-0.099,0.177,0l0.733,1.488c0.049,0.099,0.178,0.193,0.286,0.209l1.639,0.239 + c0.109,0.016,0.134,0.092,0.055,0.169l-1.186,1.158c-0.079,0.077-0.128,0.229-0.109,0.338L14.063,16.131z"/> + </g> + </defs> + <use id="general" xlink:href="#general-shape"/> + <use id="general-native" xlink:href="#general-shape"/> + <use id="search" xlink:href="#search-shape"/> + <use id="search-native" xlink:href="#search-shape"/> + <use id="content" xlink:href="#content-shape"/> + <use id="content-native" xlink:href="#content-shape"/> + <use id="applications" xlink:href="#applications-shape"/> + <use id="applications-native" xlink:href="#applications-shape"/> + <use id="privacy" xlink:href="#privacy-shape"/> + <use id="privacy-native" xlink:href="#privacy-shape"/> + <use id="security" xlink:href="#security-shape"/> + <use id="security-native" xlink:href="#security-shape"/> + <use id="sync" xlink:href="#sync-shape"/> + <use id="sync-native" xlink:href="#sync-shape"/> + <use id="advanced" xlink:href="#advanced-shape"/> + <use id="advanced-native" xlink:href="#advanced-shape"/> +</svg> diff --git a/arc-firefox-theme/chrome/browser/preferences/in-content/preferences.css b/arc-firefox-theme/chrome/browser/preferences/in-content/preferences.css new file mode 100644 index 0000000..0a19818 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/preferences/in-content/preferences.css @@ -0,0 +1,427 @@ +/* - This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this file, + - You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace html "http://www.w3.org/1999/xhtml"; + +#mainPrefPane { + max-width: 800px; + padding: 0; + font: message-box; + font-size: 1.25rem; + line-height: 22px; +} + +* { + -moz-user-select: text; +} + +button, +treecol { + /* override the * rule */ + -moz-user-select: none; +} + +/* Category List */ + +#categories { + max-height: 100vh; +} + +#categories > scrollbox { + overflow-x: hidden !important; +} + +/** + * We want the last category to always have non-0 getBoundingClientRect().bottom + * so we can use the value to figure out the max-height of the list in + * preferences.js, so use collapse instead of display: none; if it's hidden + */ +#categories > .category[hidden="true"] { + display: -moz-box; + visibility: collapse; +} + +#category-general > .category-icon { + list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#general"); +} + +#category-search > .category-icon { + list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#search"); +} + +#category-content > .category-icon { + list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#content"); +} + +#category-application > .category-icon { + list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#applications"); +} + +#category-privacy > .category-icon { + list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#privacy"); +} + +#category-security > .category-icon { + list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#security"); +} + +#category-sync > .category-icon { + list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#sync"); +} + +#category-advanced > .category-icon { + list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#advanced"); +} + +@media (max-width: 800px) { + .category-name { + display: none; + } +} + +/* header */ + +#header-advanced { + border-bottom: none; + padding-bottom: 0; +} + +/* General Pane */ + +#startupTable { + border-collapse: collapse; +} + +#startupTable > tr > td { + padding: 0; /* remove the padding from html.css */ +} + +#startupTable > tr:not(:first-child) > td { + padding-top: 0.5em; /* add a spacing between the rows */ +} + +#startupTable > tr > .label-cell { + text-align: end; + width: 0; /* make the column as small as possible */ +} + +#startupTable > tr > .label-cell > label { + white-space: nowrap; +} + +#startupTable > tr > .content-cell > menulist, +#startupTable > tr > .content-cell > textbox { + width: calc(100% - 8px); + margin-left: 4px; + margin-right: 4px; +} + +#startupTable > tr > .homepage-buttons { + display: flex; + flex-wrap: wrap; +} + +#startupTable > tr > .homepage-buttons > .content-cell-item { + flex-grow: 1; +} + +#useFirefoxSync { + font-size: 90%; + -moz-margin-end: 8px !important; +} + +#getStarted { + font-size: 90%; +} + +#isNotDefaultLabel { + font-weight: bold; +} + +#downloadFolder { + -moz-margin-start: 0; +} + +/* Content pane */ +#playDRMContentLink { + /* Line up with the buttons in the other grid bits: */ + margin-left: 4px !important; + margin-right: 4px !important; +} + +#defaultFontSizeLabel { + /* !important needed to override common !important rule */ + -moz-margin-start: 4px !important; +} + +/* Applications Pane Styles */ + +#applicationsContent { + padding: 15px 0; +} + +#filter { + -moz-margin-start: 0; +} + +#handlersView { + height: 25em; +} + +#handlersView > richlistitem { + min-height: 36px !important; +} + +.typeIcon { + -moz-margin-start: 10px !important; + -moz-margin-end: 9px !important; +} + +.actionIcon { + -moz-margin-start: 11px !important; + -moz-margin-end: 8px !important; +} + +.actionsMenu { + min-height: 36px; +} + +.actionsMenu > menupopup > menuitem { + -moz-padding-start: 10px !important; +} + +.actionsMenu > menupopup > menuitem > .menu-iconic-left { + -moz-margin-end: 8px !important; +} + +/* Collapse the non-active vboxes in decks to use only the height the + active vbox needs */ +#historyPane:not([selectedIndex="1"]) > #historyDontRememberPane, +#historyPane:not([selectedIndex="2"]) > #historyCustomPane, +#weavePrefsDeck:not([selectedIndex="1"]) > #hasAccount, +#weavePrefsDeck:not([selectedIndex="2"]) > #needsUpdate, +#weavePrefsDeck:not([selectedIndex="3"]) > #fxaDeterminingStatus, +#weavePrefsDeck:not([selectedIndex="4"]) > #noFxaAccount, +#weavePrefsDeck:not([selectedIndex="5"]) > #hasFxaAccount, +#fxaLoginStatus:not([selectedIndex="1"]) > #fxaLoginUnverified, +#fxaLoginStatus:not([selectedIndex="2"]) > #fxaLoginRejected { + visibility: collapse; +} + +/* XXX This style is for bug 740213 and should be removed once that + bug has a solution. */ +description > html|a { + cursor: pointer; +} + +#fxaProfileImage { + width: 60px; + height: 60px; + border-radius: 50%; + border-width: 5px; + border-color: red; + background-image: url(chrome://browser/skin/preferences/in-content/default-profile-image.svg); + background-size: contain; + cursor: pointer; + -moz-margin-end: 15px; +} + +#fxaProfileImage:hover { + border-color: blue; +} + +#noFxaAccount { + /* Overriding the margins from the base preferences.css theme file. + These overrides can be simplified by fixing bug 1027174 */ + margin: 0; +} + +#weavePrefsDeck > vbox > label, +#weavePrefsDeck > vbox > groupbox, +#weavePrefsDeck > vbox > description, +#weavePrefsDeck > vbox > #pairDevice > label, +#weavePrefsDeck > #needsUpdate > hbox > #loginError, +#weavePrefsDeck > #hasFxaAccount > vbox > label, +#weavePrefsDeck > #hasFxaAccount > hbox:not(#tosPP-normal) > label { + /* no margin-start for elements at the begin of a line */ + -moz-margin-start: 0; +} + +#tabsElement { + -moz-margin-end: 4px; /* add the 4px end-margin of other elements */ +} + +#telemetryLearnMore, +#FHRLearnMore, +#crashReporterLearnMore { + /* provide some margin between the links and the label text */ + /* !important is needed to override the rules defined in common.css */ + -moz-margin-start: 20px !important; + /* center the links */ + margin-top: 8px; + margin-bottom: 8px; +} + +.indent { + -moz-margin-start: 33px; +} + +#trackingProtectionImage { + width: 16px; + height: 16px; + list-style-image: url(chrome://browser/skin/bad-content-blocked-16.png); +} + +@media (min-resolution: 2dppx) { + #trackingProtectionImage { + list-style-image: url(chrome://browser/skin/bad-content-blocked-16@2x.png); + } +} + +#showUpdateHistory { + -moz-margin-start: 0; +} + +/** + * Dialog + */ + +#dialogOverlay { + background-color: rgba(0,0,0,0.5); + visibility: hidden; +} + +#dialogBox { + background-color: #fbfbfb; + background-clip: content-box; + color: #424e5a; + font-size: 14px; + /* `transparent` will use the dialogText color in high-contrast themes and + when page colors are disabled */ + border: 1px solid transparent; + border-radius: 3.5px; + box-shadow: 0 2px 6px 0 rgba(0,0,0,0.3); + display: -moz-box; + margin: 0; + padding: 0; +} + +#dialogBox[resizable="true"] { + resize: both; + overflow: hidden; + min-height: 20em; + min-width: 66ch; +} + +#dialogBox > .groupbox-title { + padding: 3.5px 0; + background-color: #F1F1F1; + border-bottom: 1px solid #C1C1C1; +} + +#dialogTitle { + text-align: center; +} + +.close-icon { + background-color: transparent !important; + border: none; + box-shadow: none; + height: 18px; + padding: 0; + min-width: 18px; +} + +#dialogBox > .groupbox-body { + -moz-appearance: none; + padding: 20px; +} + +#dialogFrame { + -moz-box-flex: 1; + /* Default dialog dimensions */ + height: 20em; + width: 66ch; +} + +.largeDialogContainer.doScroll { + overflow-y: auto; + -moz-box-flex: 1; +} + +/** + * End Dialog + */ + +/** + * Font dialog menulist fixes + */ + +#defaultFontType, +#serif, +#sans-serif, +#monospace { + min-width: 30ch; +} + +/** + * Sync migration + */ +#sync-migrate-upgrade-description { + /* description elts need a min-width to wrap correctly - bug 630864? */ + min-width: 100px +} + +#sync-migration { + border: 1px solid rgba(0, 0, 0, 0.32); + background-color: InfoBackground; + color: InfoText; + text-shadow: none; + margin: 5px 0 0 0; + animation: fadein 3000ms; +} + +@keyframes fadein { + from { opacity: 0; } + to { opacity: 1; } +} + +.treecol-sortdirection { + /* override the Linux only toolkit rule */ + -moz-appearance: none; +} + +.actionsMenu { + font-family: "Clear Sans", sans-serif; + font-size: 1.25rem; + line-height: 22px; +} + +.actionsMenu > .menulist-label-box > .menulist-icon { + margin-top: 1px; + -moz-margin-start: 1px; + -moz-margin-end: 6px; +} + +.actionsMenu > .menulist-label-box > .menulist-label { + margin-top: 2px !important; +} + +menulist.actionsMenu > .menulist-dropmarker { + margin-top: 11px; + margin-bottom: 11px; +} + +textbox + button, +filefield + button { + -moz-margin-start: -4px; +} + +/** + * Dialog + */ + +#dialogTitle { + font-size: 1em; +} diff --git a/arc-firefox-theme/chrome/browser/preferences/in-content/search.css b/arc-firefox-theme/chrome/browser/preferences/in-content/search.css new file mode 100644 index 0000000..a203a4d --- /dev/null +++ b/arc-firefox-theme/chrome/browser/preferences/in-content/search.css @@ -0,0 +1,63 @@ +/* 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/. */ + + #defaultEngine { + -moz-margin-start: 0; + } + +#defaultEngine > .menulist-label-box > .menulist-icon { + height: 16px; +} + +/* work around a display: none in Linux's menu.css, see bug 1112310 */ +.searchengine-menuitem > .menu-iconic-left { + display: -moz-box; +} + +#engineList { + margin: .5em 0; +} + +#engineList treechildren::-moz-tree-image(engineShown, checked) { + list-style-image: url("chrome://global/skin/in-content/check.svg#check"); + width: 21px; + height: 21px; +} + +#engineList treechildren::-moz-tree-image(engineShown, checked, selected) { + list-style-image: url("chrome://global/skin/in-content/check.svg#check-inverted"); +} + +#engineList treechildren::-moz-tree-image(engineName) { + -moz-margin-end: 10px; + -moz-margin-start: 1px; + width: 16px; + height: 16px; +} + +#engineList treechildren::-moz-tree-row { + min-height: 36px; +} + +#engineList treechildren::-moz-tree-drop-feedback { + background-color: Highlight; + width: 10000px; /* 100% doesn't work; 10k is hopefully larger than any window + we may have, overflow isn't visible. */ + height: 2px; + -moz-margin-start: 0; +} + +#engineShown { + min-width: 26px; +} + +#addEnginesBox { + margin-bottom: 1em; +} + +#removeEngineButton, +#restoreDefaultSearchEngines { + margin-right: 0; + margin-left: 0; +} diff --git a/arc-firefox-theme/chrome/browser/preferences/mail.png b/arc-firefox-theme/chrome/browser/preferences/mail.png Binary files differnew file mode 100644 index 0000000..66d2bc9 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/preferences/mail.png diff --git a/arc-firefox-theme/chrome/browser/preferences/preferences.css b/arc-firefox-theme/chrome/browser/preferences/preferences.css new file mode 100644 index 0000000..8d68b81 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/preferences/preferences.css @@ -0,0 +1,202 @@ + +/* Global Styles */ +#BrowserPreferences radio[pane] { + list-style-image: url("chrome://browser/skin/preferences/Options.png"); +} + +radio[pane=paneMain] { + -moz-image-region: rect(0px, 32px, 32px, 0px) +} + +radio[pane=paneTabs] { + -moz-image-region: rect(0px, 64px, 32px, 32px) +} + +#BrowserPreferences radio[pane=paneSearch] { + list-style-image: url("chrome://browser/skin/search-pref.png"); +} + +.checkbox-check { + -moz-appearance: checkbox; +} + +radio[pane=paneContent] { + -moz-image-region: rect(0px, 96px, 32px, 64px) +} + +radio[pane=paneApplications] { + -moz-image-region: rect(0px, 128px, 32px, 96px) +} + +radio[pane=panePrivacy] { + -moz-image-region: rect(0px, 160px, 32px, 128px) +} + +radio[pane=paneSecurity] { + -moz-image-region: rect(0px, 192px, 32px, 160px) +} + +radio[pane=paneAdvanced] { + -moz-image-region: rect(0px, 224px, 32px, 192px) +} + +radio[pane=paneSync] { + list-style-image: url("chrome://browser/skin/preferences/Options-sync.png") !important; +} + +/* These lines should be removed as part of fixing bug 1140495 */ +label.small { + font-size: smaller; +} + +#tabPrefsBox { + margin: 5px; +} + +/* General Pane */ +#useFirefoxSync, +#getStarted { + font-size: 90%; +} + +#isNotDefaultLabel { + font-weight: bold; +} + +/* Content Pane */ +#translationAttributionImage { + width: 70px; + cursor: pointer; +} + +/* Applications Pane */ +#BrowserPreferences[animated="true"] #handlersView { + height: 25em; +} + +#BrowserPreferences[animated="false"] #handlersView { + -moz-box-flex: 1; +} + +/* Privacy Pane */ + +/* styles for the link elements copied from .text-link in global.css */ +.inline-link { + color: -moz-nativehyperlinktext; + text-decoration: none; +} + +.inline-link:hover { + text-decoration: underline; +} + +/* Modeless Window Dialogs */ +.windowDialog, +.windowDialog prefpane { + padding: 0px; +} + +.contentPane { + margin: 9px 8px 5px 8px; +} + +.actionButtons { + margin: 0px 3px 6px 3px !important; +} + +/* Cookies Manager */ +#cookiesChildren::-moz-tree-image(domainCol) { + width: 16px; + height: 16px; + margin: 0px 2px; + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); +} + +#paneApplications { + margin-left: 4px; + margin-right: 4px; + padding-left: 0; + padding-right: 0; +} + +#linksOpenInBox { + margin-top: 5px; +} + +#paneAdvanced { + padding-bottom: 10px; +} +#advancedPrefs { + margin-left: 0; + margin-right: 0; +} + +#cookiesChildren::-moz-tree-image(domainCol, container) { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu"); +} + +#cookieInfoBox { + border: 1px solid ThreeDShadow; + border-radius: 0px; + margin: 4px; + padding: 0px; +} + +/* bottom-most box containing a groupbox in a prefpane. Prevents the bottom + of the groupbox from being cutoff */ +.bottomBox { + padding-bottom: 4px; +} + +/** + * Clear Private Data + */ +#SanitizeDialogPane > groupbox { + margin-top: 0; +} + +/* Sync Pane */ + +#syncDesc { + padding: 0 8em; +} + +#accountCaptionImage { + list-style-image: url("chrome://mozapps/skin/profile/profileicon.png"); +} + +#syncAddDeviceLabel { + margin-top: 1em; + margin-bottom: 1em; +} + +#noFxaAccount { + margin: 5px; + line-height: 1.2em; +} + +#noFxaAccount > label:first-child { + margin-bottom: 0.6em; +} + +/** + * Sync migration + */ +#sync-migration { + border: 1px solid rgba(0, 0, 0, 0.32); + background-color: InfoBackground; + color: InfoText; + text-shadow: none; + margin: 5px 0 0 0; + animation: fadein 3000ms; +} + +#sync-migration description { + margin: 8px; +} + +@keyframes fadein { + from { opacity: 0; } + to { opacity: 1; } +} + diff --git a/arc-firefox-theme/chrome/browser/preferences/search.css b/arc-firefox-theme/chrome/browser/preferences/search.css new file mode 100644 index 0000000..921bc29 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/preferences/search.css @@ -0,0 +1,45 @@ +/* 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/. */ + +#defaultEngine > .menulist-label-box > .menulist-icon { + height: 16px; +} + +/* Reserve space so that localized labels can wrap without hiding the + 'add more engines' link at the bottom. See bug 1112688. */ +#oneClickSearchProvidersGroup { + margin-bottom: 3em; +} + +/* work around a display: none in Linux's menu.css, see bug 1112310 */ +.searchengine-menuitem > .menu-iconic-left { + display: -moz-box; +} + +#engineList { + margin: .5em 6px; +} + +#engineList treechildren::-moz-tree-checkbox(checked) { + list-style-image: url("chrome://global/skin/checkbox/cbox-check.gif"); +} + +#engineList treechildren::-moz-tree-image(engineName) { + -moz-margin-end: 4px; + -moz-margin-start: 0; + width: 16px; + height: 16px; +} + +#engineList treechildren::-moz-tree-row { + min-height: 20px; +} + +#engineList treechildren::-moz-tree-drop-feedback { + background-color: Highlight; + width: 10000px; /* 100% doesn't work; 10k is hopefully larger than any window + we may have, overflow isn't visible. */ + height: 2px; + -moz-margin-start: 0; +} diff --git a/arc-firefox-theme/chrome/browser/privatebrowsing-mask.png b/arc-firefox-theme/chrome/browser/privatebrowsing-mask.png Binary files differnew file mode 100644 index 0000000..9eaf3ae --- /dev/null +++ b/arc-firefox-theme/chrome/browser/privatebrowsing-mask.png diff --git a/arc-firefox-theme/chrome/browser/reader-tour.png b/arc-firefox-theme/chrome/browser/reader-tour.png Binary files differnew file mode 100644 index 0000000..be346b3 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/reader-tour.png diff --git a/arc-firefox-theme/chrome/browser/reader-tour@2x.png b/arc-firefox-theme/chrome/browser/reader-tour@2x.png Binary files differnew file mode 100644 index 0000000..1a60d93 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/reader-tour@2x.png diff --git a/arc-firefox-theme/chrome/browser/readerMode.svg b/arc-firefox-theme/chrome/browser/readerMode.svg new file mode 100644 index 0000000..3d024ea --- /dev/null +++ b/arc-firefox-theme/chrome/browser/readerMode.svg @@ -0,0 +1,34 @@ +<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ x="0"
+ y="0"
+ width="48"
+ height="16"
+ viewBox="0 0 48 16">
+<defs>
+ <path id="glyphShape-readerMode-book" d="M5.5,5h-2C3.2,5,3,5.2,3,5.5S3.2,6,3.5,6h2 C5.8,6,6,5.8,6,5.5S5.8,5,5.5,5z M5.5,7h-2C3.2,7,3,7.2,3,7.5S3.2,8,3.5,8h2C5.8,8,6,7.8,6,7.5S5.8,7,5.5,7z M5.5,9h-2 C3.2,9,3,9.2,3,9.5S3.2,10,3.5,10h2C5.8,10,6,9.8,6,9.5S5.8,9,5.5,9z M15.4,2c0,0-3.1,0-4.4,0S8.1,2.5,8,4.3C7.9,2.5,6.3,2,5,2 S0.6,2,0.6,2C0.3,2,0,2.3,0,2.7v9.6C0,12.6,0.3,13,0.6,13c0,0,2.6,0,4.4,0c1.6,0,2.8,1,3,2.3C8.2,14,9.4,13,11,13 c1.8,0,4.4,0,4.4,0c0.4,0,0.6-0.4,0.6-0.8V2.7C16,2.3,15.7,2,15.4,2z M14,11L14,11c-0.2,0-1.6,0-3,0c-1.6,0-2.9,0.8-3,2.2 C7.9,11.8,6.6,11,5,11c-1.4,0-2.8,0-3,0l0,0l0,0V4c0,0,2.7,0,3.5,0C6.6,4,8,5.5,8,6.8C8,5.5,9.4,4,10.5,4C11.3,4,14,4,14,4V11 L14,11z"/>
+ <linearGradient id="gradient-state-default" x1="0%" y1="0%" x2="0" y2="100%">
+ <stop stop-color="#989898" offset="0%"/>
+ <stop stop-color="#808080" offset="100%"/>
+ </linearGradient>
+ <linearGradient id="gradient-state-hover" x1="0%" y1="0%" x2="0" y2="100%">
+ <stop stop-color="#24aef4" offset="0%"/>
+ <stop stop-color="#177bdb" offset="100%"/>
+ </linearGradient>
+ <linearGradient id="gradient-state-pressed" x1="0%" y1="0%" x2="0" y2="100%">
+ <stop stop-color="#ff9300" offset="0%"/>
+ <stop stop-color="#ff5500" offset="100%"/>
+ </linearGradient>
+ <style type="text/css">
+ .icon-state-default { fill: url(#gradient-state-default); }
+ .icon-state-hover { fill: url(#gradient-state-hover); }
+ .icon-state-pressed { fill: url(#gradient-state-pressed); }
+ </style>
+</defs>
+<use xlink:href="#glyphShape-readerMode-book" class="icon-state-default"/>
+<use xlink:href="#glyphShape-readerMode-book" class="icon-state-hover" transform="translate(16)"/>
+<use xlink:href="#glyphShape-readerMode-book" class="icon-state-pressed" transform="translate(32)"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/readinglist/icons.svg b/arc-firefox-theme/chrome/browser/readinglist/icons.svg new file mode 100644 index 0000000..6aa0159 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/readinglist/icons.svg @@ -0,0 +1,56 @@ +<?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 14 14" + xml:space="preserve"> + + <defs> + <style type="text/css"> + use:not(:target) { + display: none; + } + + #addpage, #alreadyadded { + fill: #808080; + } + #addpage-hover, #alreadyadded-hover { + fill: #555555; + } + #addpage-active, #alreadyadded-active { + fill: #0095DD; + } + </style> + + <mask id="plus-mask"> + <rect width="100%" height="100%" fill="white"/> + <rect x="3" y="6" width="8" height="2"/> + <rect x="6" y="3" width="2" height="8"/> + </mask> + + <mask id="minus-mask"> + <rect width="100%" height="100%" fill="white"/> + <rect x="3" y="6" width="8" height="2"/> + </mask> + + <g id="addpage-shape"> + <circle cx="7" cy="7" r="6" mask="url(#plus-mask)"/> + </g> + + <g id="removepage-shape"> + <circle cx="7" cy="7" r="6" mask="url(#minus-mask)"/> + </g> + + </defs> + + <use id="addpage" xlink:href="#addpage-shape"/> + <use id="addpage-hover" xlink:href="#addpage-shape"/> + <use id="addpage-active" xlink:href="#addpage-shape"/> + + <use id="alreadyadded" xlink:href="#removepage-shape"/> + <use id="alreadyadded-hover" xlink:href="#removepage-shape"/> + <use id="alreadyadded-active" xlink:href="#removepage-shape"/> + +</svg> diff --git a/arc-firefox-theme/chrome/browser/readinglist/readinglist-icon.svg b/arc-firefox-theme/chrome/browser/readinglist/readinglist-icon.svg new file mode 100644 index 0000000..0a24a67 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/readinglist/readinglist-icon.svg @@ -0,0 +1,9 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16"> + <rect x="4.8" y="6.4" fill="#808080" width="11.2" height="3.2"/> + <rect x="4.8" y="11.2" fill="#808080" width="11.2" height="3.2"/> + <rect x="4.8" y="1.6" fill="#808080" width="11.2" height="3.2"/> + <circle fill="#808080" cx="1.6" cy="3.2" r="1.6"/> + <circle fill="#808080" cx="1.6" cy="8" r="1.6"/> + <circle fill="#808080" cx="1.6" cy="12.8" r="1.6"/> +</svg> diff --git a/arc-firefox-theme/chrome/browser/readinglist/sidebar.css b/arc-firefox-theme/chrome/browser/readinglist/sidebar.css new file mode 100644 index 0000000..27fc12b --- /dev/null +++ b/arc-firefox-theme/chrome/browser/readinglist/sidebar.css @@ -0,0 +1,148 @@ +/* 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/. */ + + +:root, body { + overflow-x: hidden; +} + +body { + margin: 0; + font: message-box; + color: #333333; + -moz-user-select: none; + overflow: hidden; +} + +#emptyListInfo { + cursor: default; + padding: 3em 1em; + text-align: center; +} + +.item { + display: flex; + flex-flow: row; + cursor: pointer; + padding: 6px; + opacity: 0; + max-height: 0; + transition: opacity 150ms ease-in-out, max-height 150ms ease-in-out 150ms; +} + +.item.active { + background: #FEFEFE; +} + +.item.selected { + background: #FDFDFD; +} + +.item-thumb-container { + min-width: 64px; + max-width: 64px; + min-height: 40px; + max-height: 40px; + border: 1px solid white; + box-shadow: 0px 1px 2px rgba(0,0,0,.35); + margin: 5px; + background-color: #ebebeb; + background-size: contain; + background-repeat: no-repeat; + background-position: center; + background-image: url("chrome://branding/content/silhouette-40.svg"); +} + +.item-thumb-container.preview-available { + background-color: #fff; + background-size: cover; +} + +.item-summary-container { + display: flex; + flex-flow: column; + -moz-padding-start: 4px; + overflow: hidden; + flex-grow: 1; +} + +.item-title-lines { + display: flex; +} + +.item-title { + overflow: hidden; + max-height: 2.8em; + line-height: 1.4; + flex-grow: 1; +} + +.item-domain { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + max-height: 1.4em; + color: #0095DD; +} + +.item:hover .item-domain { + color: #008ACB; +} + +.item:not(:hover):not(.selected) .remove-button { + visibility: hidden; +} + +.remove-button { + padding: 0; + width: 16px; + height: 16px; + min-width: 16px; + min-height: 16px; + background-size: contain; + background-color: transparent; + border-width: 0; +} + +.item.visible { + opacity: 1; + max-height: 80px; + transition: max-height 250ms ease-in-out, opacity 250ms ease-in-out 250ms; +} + +html { + border: 1px solid ThreeDShadow; + background-color: -moz-Field; + color: -moz-FieldText; + box-sizing: border-box; +} + +.item { + -moz-padding-end: 0; +} + +.item.active { + background-color: -moz-cellhighlight; + color: -moz-cellhighlighttext; +} + +.item-title { + margin: 1px 0 0; +} + +.item-title, .item-domain { + -moz-margin-end: 6px; +} + +.remove-button { + background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 16, 16, 0); +} + +.remove-button:hover { + background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 32, 16, 16); +} + +.remove-button:hover:active { + background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 48, 16, 32); +} diff --git a/arc-firefox-theme/chrome/browser/reload-stop-go.png b/arc-firefox-theme/chrome/browser/reload-stop-go.png Binary files differnew file mode 100644 index 0000000..1017be9 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/reload-stop-go.png diff --git a/arc-firefox-theme/chrome/browser/reload-stop-go@2x.png b/arc-firefox-theme/chrome/browser/reload-stop-go@2x.png Binary files differnew file mode 100644 index 0000000..38b27bf --- /dev/null +++ b/arc-firefox-theme/chrome/browser/reload-stop-go@2x.png diff --git a/arc-firefox-theme/chrome/browser/sanitizeDialog.css b/arc-firefox-theme/chrome/browser/sanitizeDialog.css new file mode 100644 index 0000000..96cf3bc --- /dev/null +++ b/arc-firefox-theme/chrome/browser/sanitizeDialog.css @@ -0,0 +1,107 @@ +/* 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/. */ + +#sanitizeDurationChoice { + -moz-margin-end: 0; +} + +/* Align the duration label with the warning box and item list */ +#sanitizeDurationLabel { + -moz-margin-start: 3px; +} + + +/* Hide the duration dropdown suffix label if it's empty. Otherwise it + takes up a little space, causing the end of the dropdown to not be aligned + with the warning box. */ +#sanitizeDurationSuffixLabel[value=""] { + display: none; +} + + +/* Places tree */ +#placesTreechildren::-moz-tree-row(selected), +#placesTreechildren::-moz-tree-row(grippyRow) { + background: #999; +} + +#placesTreechildren::-moz-tree-cell-text(selected) { + color: #111; +} + + +/* Sanitize everything warning box */ +#sanitizeEverythingWarningBox { + background-color: Window; + border: 1px solid ThreeDDarkShadow; + border-radius: 5px; + padding: 16px; +} + +#sanitizeEverythingWarningIcon { + list-style-image: url("moz-icon://stock/gtk-dialog-warning?size=dialog"); + padding: 0; + margin: 0; +} + +#sanitizeEverythingWarningDescBox { + padding: 0 16px; + margin: 0; +} + + +/* Progressive disclosure button */ +#detailsExpanderWrapper { + padding: 0; + margin-top: 6px; + margin-bottom: 6px; + -moz-margin-start: -6px; + -moz-margin-end: 0; +} + +.expander-up, +.expander-down { + min-width: 0; + padding: 2px 0; + -moz-padding-start: 2px; +} + +.expander-up { + list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); +} + +.expander-down { + list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif"); +} + +.expander-down:hover:active { + list-style-image: url("chrome://global/skin/arrow/arrow-dn-hov.gif"); +} + +.expander-up:hover:active { + list-style-image: url("chrome://global/skin/arrow/arrow-up-hov.gif"); +} + + +/* Make the item list the same width as the warning box */ +#itemList { + -moz-margin-start: 0; + -moz-margin-end: 0; +} + +/* Without this a useless scrollbar appears in the listbox when its rows + attribute is set to the total number of listitems, as it is currently. See + bug 489958 comment 14 and bug 491788. */ +#itemList > listitem { + padding: 1px 0; +} + + +/* Align the last dialog button with the end of the warning box */ +.prefWindow-dlgbuttons { + -moz-margin-end: 0; +} +.dialog-button[dlgtype="accept"] { + -moz-margin-end: 0; +} diff --git a/arc-firefox-theme/chrome/browser/sass/Gemfile b/arc-firefox-theme/chrome/browser/sass/Gemfile new file mode 100644 index 0000000..c177689 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/sass/Gemfile @@ -0,0 +1,3 @@ +source 'https://rubygems.org' + +gem "sass", "~> 3.4.0" diff --git a/arc-firefox-theme/chrome/browser/sass/Gemfile.lock b/arc-firefox-theme/chrome/browser/sass/Gemfile.lock new file mode 100644 index 0000000..f64766f --- /dev/null +++ b/arc-firefox-theme/chrome/browser/sass/Gemfile.lock @@ -0,0 +1,10 @@ +GEM + remote: https://rubygems.org/ + specs: + sass (3.4.10) + +PLATFORMS + ruby + +DEPENDENCIES + sass (~> 3.4.0) diff --git a/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss b/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss new file mode 100644 index 0000000..605fa92 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss @@ -0,0 +1,5844 @@ +$asset_path: if($variant=='dark', 'dark', 'light'); +$darker_asset_path: if($darker=='true', 'darker', $asset_path); +$darker_asset_path_2: if($darker=='true', 'dark', $asset_path); + + + +@import url("chrome://global/skin/"); + +@namespace #{url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul")}; +@namespace html #{url("http://www.w3.org/1999/xhtml")}; +@namespace svg #{url("http://www.w3.org/2000/svg")}; + + + + +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + + + + +:root { + --toolbarbutton-hover-background: $button_bg; + --toolbarbutton-hover-boxshadow: none; + --toolbarbutton-hover-bordercolor: $selected_bg_color; + + --toolbarbutton-active-boxshadow: none; + --toolbarbutton-active-bordercolor: $selected_bg_color; + --toolbarbutton-active-background: $selected_bg_color; + + --toolbarbutton-checkedhover-backgroundcolor: $selected_bg_color; + + --toolbarbutton-combined-boxshadow: none; + --toolbarbutton-combined-backgroundimage: linear-gradient(hsla(210,54%,20%,.2) 0, hsla(210,54%,20%,.2) 18px); + + --verified-identity-box-backgroundcolor: transparent; +} + + +#menubar-items { + -moz-box-orient: vertical; /* for flex hack */ +} + +#main-menubar { + -moz-box-flex: 1; /* make menu items expand to fill toolbar height */ +} + +#navigator-toolbox { + -moz-appearance: none; + background-color: transparent; + border-top: none; +} + +#navigator-toolbox::after { + content: ""; + display: -moz-box; + -moz-box-ordinal-group: 101; /* tabs toolbar is 100 */ + height: 1px; + background-color: $borders_color; +} + +#navigator-toolbox > toolbar:not(:-moz-lwtheme):not(#toolbar-menubar):not(#TabsToolbar) { + -moz-appearance: none; + border-style: none; + background-color: -moz-Dialog; +} + +#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar) { + padding-top: 1px; + padding-bottom: 1px; +} + +#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar):not(#addon-bar) { + overflow: -moz-hidden-unscrollable; + max-height: 4em; + transition: min-height 170ms ease-out, max-height 170ms ease-out; +} + +#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar):not(#addon-bar)[collapsed=true] { + min-height: 0.1px; + max-height: 0; + transition: min-height 170ms ease-out, max-height 170ms ease-out, visibility 170ms linear; +} + +#TabsToolbar:not([collapsed="true"]) + #nav-bar { + border-top: 1px solid darken($header_border, 3%) !important; + background-clip: padding-box; + margin-top: -1px; /* Move up into the TabsToolbar for the inner highlight at the top of the nav-bar */ + /* Position the toolbar above the bottom of background tabs */ + position: relative; + z-index: 1; +} + +#main-window[htitlemode=always] #TabsToolbar { + box-shadow: inset 0 1px lighten($header_bg, 3%) !important; +} + +#nav-bar { + background-image: none !important; + background-color: $bg_color !important; + box-shadow: none; + padding-top: 3px; + padding-bottom: 3px; +} + +#nav-bar-overflow-button { + -moz-image-region: rect(-5px, 12px, 11px, -4px); +} + +/* This only has an effect when this element is placed on the bookmarks toolbar. + * It's 30px to make sure buttons with 18px icons fit along with the default 16px + * icons, without changing the size of the toolbar. + */ +#personal-bookmarks { + min-height: 30px; +} + +#browser-bottombox { + /* opaque for layers optimization */ + background-color: -moz-Dialog; +} + +#urlbar:-moz-lwtheme:not([focused="true"]), +.searchbar-textbox:-moz-lwtheme:not([focused="true"]) { + opacity: .85; +} + +/* Places toolbar */ +toolbarbutton.bookmark-item:not(.subviewbutton), +#personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder { + margin: 1px; + padding: 2px 3px; +} + +toolbarbutton.bookmark-item:not(.subviewbutton):not(:hover):not(:active):not([open]) { + color: inherit; +} + +//toolbarbutton.bookmark-item:not(.subviewbutton):hover:active, +//toolbarbutton.bookmark-item[open="true"] { +// padding-top: 3px; +// padding-bottom: 1px; +// -moz-padding-start: 4px; +// -moz-padding-end: 2px; +//} + +.bookmark-item:not(#home-button) > .toolbarbutton-icon, +#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-icon { + width: 16px; + height: 16px; +} + +/* Force the display of the label for bookmarks */ +.bookmark-item > .toolbarbutton-text, +#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-text { + display: -moz-box !important; +} + +.bookmark-item > .toolbarbutton-menu-dropmarker { + display: none; +} + +/* Dropmarker for folder bookmarks */ +.bookmark-item[container] > .toolbarbutton-menu-dropmarker { + display: -moz-box !important; +} + +#bookmarks-toolbar-placeholder { + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important; +} + +toolbarpaletteitem[place="palette"] > #personal-bookmarks > #bookmarks-toolbar-placeholder, +#personal-bookmarks[cui-areatype="menu-panel"] > #bookmarks-toolbar-placeholder { + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar-menuPanel.png") !important; +} + +// Style bookmark items +toolbarbutton.bookmark-item { + -moz-appearance: none; + border: 1px solid transparent; + border-radius: 2px; + background: none; + color: $fg_color; +} + +toolbarbutton.bookmark-item:not([disabled=true]):hover { + -moz-appearance: none; + @include button(hover); +} + +toolbarbutton.bookmark-item:not([disabled=true]):-moz-any([open],[checked],:hover:active) { + -moz-appearance: none; + @include button(active); +} + +/* ----- BOOKMARK STAR ANIMATION ----- */ + +@keyframes animation-bookmarkAdded { + from { transform: rotate(0deg) translateX(-16px) rotate(0deg) scale(1); opacity: 0; } + 60% { transform: rotate(180deg) translateX(-16px) rotate(-180deg) scale(2.2); opacity: 1; } + 80% { opacity: 1; } + to { transform: rotate(180deg) translateX(-16px) rotate(-180deg) scale(1); opacity: 0; } +} + +@keyframes animation-bookmarkPulse { + from { transform: scale(1); } + 50% { transform: scale(1.3); } + to { transform: scale(1); } +} + +#bookmarked-notification-container { + min-height: 1px; + min-width: 1px; + height: 1px; + margin-bottom: -1px; + z-index: 5; + position: relative; +} + +#bookmarked-notification { + background-size: 16px; + background-position: center; + background-repeat: no-repeat; + width: 16px; + height: 16px; + opacity: 0; +} + +#bookmarked-notification-dropmarker-anchor { + z-index: -1; + position: relative; +} + +#bookmarked-notification-dropmarker-icon { + width: 18px; + height: 18px; + visibility: hidden; +} + +#bookmarked-notification-anchor[notification="finish"] > #bookmarked-notification { + background-image: url("chrome://browser/skin/places/bookmarks-notification-finish.png"); + animation: animation-bookmarkAdded 800ms; + animation-timing-function: ease, ease, ease; +} + +#bookmarks-menu-button[notification="finish"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { + list-style-image: none !important; +} + +#bookmarked-notification-dropmarker-anchor[notification="finish"] > #bookmarked-notification-dropmarker-icon { + visibility: visible; + animation: animation-bookmarkPulse 300ms; + animation-delay: 600ms; + animation-timing-function: ease-out; +} + +/* Bookmark menus */ +menu.bookmark-item, +menuitem.bookmark-item { + min-width: 0; + max-width: 32em; +} + +.bookmark-item:not(.subviewbutton) > .menu-iconic-left { + margin-top: 0; + margin-bottom: 0; +} + +.bookmark-item > .menu-iconic-left > .menu-iconic-icon { + -moz-padding-start: 0px; +} + +/* Bookmark drag and drop styles */ +.bookmark-item[dragover-into="true"] { + background: Highlight !important; + color: HighlightText !important; +} + +/* rules for menupopup drop indicators */ +.menupopup-drop-indicator-bar { + position: relative; + /* these two margins must together compensate the indicator's height */ + margin-top: -1px; + margin-bottom: -1px; +} + +.menupopup-drop-indicator { + list-style-image: none; + height: 2px; + -moz-margin-end: -4em; + background-color: Highlight; +} + +/* Bookmarks toolbar */ +#PlacesToolbarDropIndicator { + list-style-image: url(chrome://browser/skin/places/toolbarDropMarker.png); +} + +/* Bookmark items */ +.bookmark-item { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); +} + +.bookmark-item[container] { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu"); +} + +.bookmark-item[container][livemark] { + list-style-image: url("chrome://browser/skin/feeds/feedIcon16.png"); +} + +.bookmark-item[container][livemark] .bookmark-item { + list-style-image: url("chrome://browser/skin/places/livemark-item.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); +} + +.bookmark-item[container][livemark] .bookmark-item[visited] { + -moz-image-region: rect(0px, 32px, 16px, 16px); +} + +.bookmark-item[container][query] { + list-style-image: url("chrome://browser/skin/places/query.png"); +} + +.bookmark-item[query][tagContainer] { + list-style-image: url("chrome://browser/skin/places/tag.png"); +} + +.bookmark-item[query][dayContainer] { + list-style-image: url("chrome://browser/skin/places/calendar.png"); +} + +.bookmark-item[query][hostContainer] { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu"); +} + +.bookmark-item[query][hostContainer][open] { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu"); +} + +.bookmark-item[cutting] > .toolbarbutton-icon, +.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-icon { + opacity: 0.5; +} + +.bookmark-item[cutting] > .toolbarbutton-text, +.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-text { + opacity: 0.7; +} + +/* Stock icons for the menu bar items */ +menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { + -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic"); +} + +#placesContext_open\:newwindow, +#menu_newNavigator, +#context-openlink, +#context-openframe { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 80px 16px 64px); +} + +#placesContext_open\:newtab, +#placesContext_openContainer\:tabs, +#menu_newNavigatorTab, +#context-openlinkintab, +#context-openframeintab { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 64px 16px 48px); +} + +#menu_openFile { + list-style-image: url("moz-icon://stock/gtk-open?size=menu"); +} + +#menu_close { + list-style-image: url("moz-icon://stock/gtk-close?size=menu"); +} + +#context-media-play { + list-style-image: url("moz-icon://stock/gtk-media-play?size=menu"); +} + +#context-media-pause { + list-style-image: url("moz-icon://stock/gtk-media-pause?size=menu"); +} + +#menu_savePage, +#context-savelink, +#context-saveimage, +#context-savevideo, +#context-saveaudio, +#context-savepage, +#context-saveframe { + list-style-image: url("moz-icon://stock/gtk-save-as?size=menu"); +} + +#menu_printPreview { + list-style-image: url("moz-icon://stock/gtk-print-preview?size=menu"); +} + +#menu_print, +#context-printframe { + list-style-image: url("moz-icon://stock/gtk-print?size=menu"); +} + +#menu_FileQuitItem { + list-style-image: url("moz-icon://stock/gtk-quit?size=menu"); +} + +#menu_undo, +#context-undo { + list-style-image: url("moz-icon://stock/gtk-undo?size=menu"); +} + +#menu_undo[disabled], +#context-undo[disabled] { + list-style-image: url("moz-icon://stock/gtk-undo?size=menu&state=disabled"); +} + +#menu_redo { + list-style-image: url("moz-icon://stock/gtk-redo?size=menu"); +} + +#menu_redo[disabled] { + list-style-image: url("moz-icon://stock/gtk-redo?size=menu&state=disabled"); +} + +#menu_cut, +#placesContext_cut, +#context-cut { + list-style-image: url("moz-icon://stock/gtk-cut?size=menu"); +} + +#menu_cut[disabled], +#placesContext_cut[disabled], +#context-cut[disabled] { + list-style-image: url("moz-icon://stock/gtk-cut?size=menu&state=disabled"); +} + +#menu_copy, +#placesContext_copy, +#context-copy, +#context-copyimage, +#context-copyvideourl, +#context-copyaudiourl, +#context-copylink, +#context-copyemail { + list-style-image: url("moz-icon://stock/gtk-copy?size=menu"); +} + +#menu_copy[disabled], +#placesContext_copy[disabled], +#context-copy[disabled] { + list-style-image: url("moz-icon://stock/gtk-copy?size=menu&state=disabled"); +} + +#menu_paste, +#placesContext_paste, +#context-paste { + list-style-image: url("moz-icon://stock/gtk-paste?size=menu"); +} + +#menu_paste[disabled], +#placesContext_paste[disabled], +#context-paste[disabled] { + list-style-image: url("moz-icon://stock/gtk-paste?size=menu&state=disabled"); +} + +#menu_delete, +#placesContext_delete, +#placesContext_delete_history, +#context-delete { + list-style-image: url("moz-icon://stock/gtk-delete?size=menu"); +} + +#menu_delete[disabled], +#placesContext_delete[disabled], +#placesContext_delete_history[disabled], +#context-delete[disabled] { + list-style-image: url("moz-icon://stock/gtk-delete?size=menu&state=disabled"); +} + +#menu_selectAll, +#context-selectall { + list-style-image: url("moz-icon://stock/gtk-select-all?size=menu"); +} + +#menu_find { + list-style-image: url("moz-icon://stock/gtk-find?size=menu"); +} + +#menu_find[disabled] { + list-style-image: url("moz-icon://stock/gtk-find?size=menu&state=disabled"); +} + +#menu_preferences { + list-style-image: url("moz-icon://stock/gtk-preferences?size=menu"); +} + +#placesContext_reload, +#context-reloadframe { + list-style-image: url("moz-icon://stock/gtk-refresh?size=menu"); +} + +#menu_zoomEnlarge { + list-style-image: url("moz-icon://stock/gtk-zoom-in?size=menu"); +} + +#menu_zoomReduce { + list-style-image: url("moz-icon://stock/gtk-zoom-out?size=menu"); +} + +#menu_zoomReset { + list-style-image: url("moz-icon://stock/gtk-zoom-100?size=menu"); +} + +#menu_showAllHistory { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 32px 16px 16px); +} + +#bookmarksShowAll { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 48px 16px 32px); +} + +#subscribeToPageMenuitem:not([disabled]), +#subscribeToPageMenupopup, +#BMB_subscribeToPageMenuitem:not([disabled]), +#BMB_subscribeToPageMenupopup { + list-style-image: url("chrome://browser/skin/page-livemarks.png"); +} + +#bookmarksToolbarFolderMenu, +#BMB_bookmarksToolbar, +#panelMenu_bookmarksToolbar { + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png"); +} + +#BMB_unsortedBookmarks, +#panelMenu_unsortedBookmarks { + list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png"); +} + +#menu_readingList, +#BMB_readingList { + list-style-image: url("chrome://browser/skin/readinglist/readinglist-icon.svg"); +} + +#panelMenu_pocket, +#menu_pocket, +#BMB_pocket { + list-style-image: url("chrome://browser/content/pocket/panels/img/pocketmenuitem16.png"); +} + +#menu_openDownloads { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 16px 16px 0px); +} + +#menu_openAddons { + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png"); +} + +#menu_pageInfo, +#context-viewinfo, +#context-viewframeinfo { + list-style-image: url("moz-icon://stock/gtk-info?size=menu"); +} + +#placesContext_open\:newprivatewindow, +#privateBrowsingItem { + list-style-image: url("chrome://browser/skin/Privacy-16.png"); +} + +#placesContext_show\:info { + list-style-image: url("moz-icon://stock/gtk-properties?size=menu"); +} + +#sanitizeItem { + list-style-image: url("moz-icon://stock/gtk-clear?size=menu"); +} + +#menu_openHelp { + list-style-image: url("moz-icon://stock/gtk-help?size=menu"); +} + +#aboutName { + list-style-image: url("moz-icon://stock/gtk-about?size=menu"); +} + +#javascriptConsole { + list-style-image: url("chrome://global/skin/console/console.png"); +} + +/* Primary toolbar buttons */ +.findbar-button, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 { + -moz-appearance: none; +} + +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open="true"], +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:hover:active { + padding: 3px; +} + +.findbar-button > .toolbarbutton-text, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-badge-container, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-icon { + -moz-margin-end: 0; + padding: 2px 6px; + border: 1px solid transparent; + border-radius: 2px; + transition-property: background-color, border-color; + transition-duration: 150ms; +} + +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-badge-container, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon { + padding: 3px 7px; +} + +/* Help SDK icons fit: */ +toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon, +toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-badge-container > .toolbarbutton-icon { + width: 16px; +} + +:-moz-any(#TabsToolbar, #nav-bar) toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon { + /* XXXgijs box models strike again: this is 16px + 2 * 7px padding + 2 * 1px border (from the rules above) */ + width: 32px; +} + +#nav-bar #PanelUI-menu-button { + -moz-padding-start: 5px; + -moz-padding-end: 5px; +} + +#nav-bar #PanelUI-button, +#nav-bar[brighttext] #PanelUI-button { + background: none; + border-image: url("chrome://browser/skin/custom_images/navbar-separator.png") 0 0 0 2 / 0 0 0 2px; +} + +.findbar-button:not(:-moz-any([checked="true"],[disabled="true"])):hover > .toolbarbutton-text, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open]:not([disabled=true]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-badge-container, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-icon { + background: var(--toolbarbutton-hover-background); + border-width: 1px; + border-style: solid; + border-color: var(--toolbarbutton-hover-bordercolor); + box-shadow: var(--toolbarbutton-hover-boxshadow); +} + +#TabsToolbar .toolbarbutton-1[open]:not([disabled=true]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +#TabsToolbar .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +#TabsToolbar .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, +#TabsToolbar .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-badge-container, +#TabsToolbar .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-icon { + background-color: none; + @include button(header-hover); +} + +//:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, +//:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { +// margin-top: 4px; +// margin-bottom: 4px; +//} + +.findbar-button:not([disabled=true]):-moz-any([checked="true"],:hover:active) > .toolbarbutton-text, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([open="true"]) > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active, [open="true"]) > .toolbarbutton-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open="true"] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-badge-container, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-icon { + background: var(--toolbarbutton-active-background); + box-shadow: var(--toolbarbutton-active-boxshadow); + border-width: 1px; + border-style: solid; + border-color: var(--toolbarbutton-active-bordercolor); + transition-duration: 10ms; +} + +#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active, [open="true"]) > .toolbarbutton-icon, +#TabsToolbar .toolbarbutton-1[open="true"] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon, +#TabsToolbar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-badge-container, +#TabsToolbar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-icon { + background: none; + @include button(header-active); +} + +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[checked]:not(:active):hover > .toolbarbutton-icon { + background-color: var(--toolbarbutton-checkedhover-backgroundcolor); + transition: background-color 150ms; +} + +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button[open], +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button:hover:active, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:hover:active { + padding: 3px; +} + +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before { + content: ""; + display: -moz-box; + width: 1px; + height: 18px; + -moz-margin-end: -1px; + background-image: var(--toolbarbutton-combined-backgroundimage); + background-clip: padding-box; + background-position: center; + background-repeat: no-repeat; + background-size: 1px 18px; + box-shadow: var(--toolbarbutton-combined-boxshadow); +} + +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { + -moz-margin-start: -4px; + //margin-top: 3px; + //margin-bottom: 3px; +} + +//#back-button { +// padding-top: 3px; +// padding-bottom: 3px; +// -moz-padding-start: 5px; +// -moz-padding-end: 0; +// position: relative; +// z-index: 1; +// border-radius: 2px; +//} + +//#back-button:-moz-locale-dir(rtl) { +// border-radius: 2px; +//} + +#back-button > menupopup { + margin-top: -1px; +} + +//#back-button > .toolbarbutton-icon { +// border-radius: 2px; +// background-clip: padding-box; +// padding: 3px 7px; +// border: none; +// box-shadow: none; +// background: none !important; +// transition-property: background-color, box-shadow; +// transition-duration: 250ms; +//} + +//#back-button:not([disabled="true"]):not([open="true"]):not(:active):hover > .toolbarbutton-icon { +// background-color: transparent; +// box-shadow: none; +//} + +//#back-button:not([disabled="true"]):hover:active > .toolbarbutton-icon, +//#back-button[open="true"] > .toolbarbutton-icon { +// background-color: red; +// box-shadow: none; +// transition: none; +//} + +//#main-window:not([customizing]) #back-button[disabled] > .toolbarbutton-icon { +// box-shadow: none !important; +// transition: none; +//} + +#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); +} + +#forward-button { + margin-left: 2px; + margin-right: 2px; + //-moz-box-align: stretch; + padding: 0; +} + +#forward-button > .toolbarbutton-icon { +// background-clip: padding-box; +// padding: 3px 7px; +// border: 1px solid transparent; +// border-left-style: none; +// border-radius: 0; +} + +//window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not([switchingtabs]) > #forward-button { +// transition: margin-left 150ms ease-out; +//} + +//window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled] { +// margin-left: 5px; +//} + +//window:not([chromehidden~="toolbar"]) #urlbar-wrapper:hover:not([switchingtabs]) > #forward-button[disabled] { +// /* delay the hiding of the forward button when hovered to avoid accidental clicks on the url bar */ +// transition-delay: 100s; +//} + +//window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-button[disabled] { +// /* when not hovered anymore, trigger a new transition to hide the forward button immediately */ +// margin-left: 10px; +//} + +/* tabview menu item */ + +#menu_tabview { + list-style-image: url(chrome://browser/skin/tabview/tabview.png); + -moz-image-region: rect(0, 80px, 16px, 64px); +} + +#menu_tabview[groups="0"] { + -moz-image-region: rect(0, 16px, 16px, 0); +} + +#menu_tabview[groups="1"] { + -moz-image-region: rect(0, 32px, 16px, 16px); +} + +#menu_tabview[groups="2"] { + -moz-image-region: rect(0, 48px, 16px, 32px); +} + +#menu_tabview[groups="3"] { + -moz-image-region: rect(0, 64px, 16px, 48px); +} + +/* undo close tab menu item */ +#alltabs_undoCloseTab { + list-style-image: url(chrome://browser/skin/undoCloseTab.png); +} + +.unified-nav-back[_moz-menuactive] { + list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=menu") !important; +} +.unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=menu") !important; +} +.unified-nav-forward[_moz-menuactive] { + list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=menu") !important; +} +.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=menu") !important; +} + +/* Menu panel buttons */ + +:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button), +#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { + list-style-image: url("chrome://browser/skin/custom_images/#{$asset_path}/toolbar-icons.svg"); + + #TabsToolbar & { list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/tabbar-icons.svg"); } +} + + +#back-button, #forward-button, #home-button, #print-button, #downloads-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button { + + #nav-bar &:not([disabled=true]):-moz-any([open],[checked],:hover:active), + #TabsToolbar &:not([disabled=true]):-moz-any([open],[checked],:hover:active) { + list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"); + } +} + +#nav-bar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .dropmarker-icon, +#TabsToolbar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .dropmarker-icon, +#nav-bar #bookmarks-menu-button > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-icon, +#TabsToolbar #bookmarks-menu-button > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-icon { + +list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"); + +} + +//toolbar[brighttext] :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button), +//toolbar[brighttext] #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { +// list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-dark.svg"); +//} + +#back-button { + -moz-image-region: rect(0, 36px, 18px, 18px); +} + +#forward-button { + -moz-image-region: rect(0, 72px, 18px, 54px); +} + +#home-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 126px, 18px, 108px); +} + +#bookmarks-menu-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 144px, 18px, 126px); +} + +#bookmarks-menu-button[cui-areatype="toolbar"][starred] { + -moz-image-region: rect(0, 162px, 18px, 144px); +} + +#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { + -moz-image-region: rect(0, 630px, 18px, 612px); +} + +#history-panelmenu[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 180px, 18px, 162px); +} + +#downloads-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 198px, 18px, 180px); +} + +#add-ons-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 216px, 18px, 198px); +} + +#open-file-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 234px, 18px, 216px); +} + +#save-page-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 252px, 18px, 234px); +} + +#sync-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 270px, 18px, 252px); +} + +#sync-button[cui-areatype="toolbar"][status="active"] { + list-style-image: url("chrome://browser/skin/syncProgress-toolbar.png"); + -moz-image-region: rect(0, 18px, 18px, 0px); +} + +toolbar[brighttext] #sync-button[status="active"] { + list-style-image: url("chrome://browser/skin/syncProgress-toolbar-inverted.png"); +} + +#feed-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 288px, 18px, 270px); +} + +#social-share-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0px, 306px, 18px, 288px); +} + +#characterencoding-button[cui-areatype="toolbar"]{ + -moz-image-region: rect(0, 324px, 18px, 306px); +} + +#new-window-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 342px, 18px, 324px); +} + +#e10s-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 342px, 18px, 324px); +} + +#e10s-button > .toolbarbutton-icon { + transform: scaleY(-1); +} + +#new-tab-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 360px, 18px, 342px); +} + +#privatebrowsing-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 378px, 18px, 360px); +} + +#find-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 396px, 18px, 378px); +} + +#print-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 414px, 18px, 396px); +} + +#fullscreen-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 432px, 18px, 414px); +} + +#developer-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 450px, 18px, 432px); +} + +#preferences-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 468px, 18px, 450px); +} + +#PanelUI-menu-button { + -moz-image-region: rect(0, 486px, 18px, 468px); +} + +#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #cut-button { + -moz-image-region: rect(0, 504px, 18px, 486px); +} + +#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #copy-button { + -moz-image-region: rect(0, 522px, 18px, 504px); +} + +#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #paste-button { + -moz-image-region: rect(0, 540px, 18px, 522px); +} + +#zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #zoom-out-button { + -moz-image-region: rect(0, 558px, 18px, 540px); +} + +#zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #zoom-in-button { + -moz-image-region: rect(0, 576px, 18px, 558px); +} + +#nav-bar-overflow-button { + -moz-image-region: rect(0, 612px, 18px, 594px); +} + +#nav-bar-overflow-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); +} + +#tabview-button { + -moz-image-region: rect(0, 648px, 18px, 630px); +} + +#email-link-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 666px, 18px, 648px); +} + +#sidebar-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 684px, 18px, 666px); +} + +#panic-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 702px, 18px, 684px); +} + +#panic-button[cui-areatype="toolbar"][open] { + -moz-image-region: rect(18px, 702px, 36px, 684px); +} + +#panic-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); +} + +#web-apps-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 720px, 18px, 702px); +} + +#loop-button > .toolbarbutton-badge-container { + list-style-image: url(chrome://browser/skin/loop/toolbar.png); + -moz-image-region: rect(0, 18px, 18px, 0); +} + +toolbar[brighttext] #loop-button > .toolbarbutton-badge-container { + list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png); +} + +#loop-button[state="disabled"] > .toolbarbutton-badge-container, +#loop-button[disabled="true"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 36px, 18px, 18px); +} + +#loop-button:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 54px, 18px, 36px); +} + +#loop-button:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 72px, 18px, 54px); +} + +#loop-button:not([disabled="true"])[state="action"]:-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 90px, 18px, 72px); +} + +#loop-button:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 108px, 18px, 90px); +} + +#loop-button:not([disabled="true"])[state="active"]:-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 126px, 18px, 108px); +} + +#webide-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 738px, 18px, 720px); +} + +#pocket-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 774px, 18px, 756px); +} + +#pocket-button[cui-areatype="toolbar"][open] { + -moz-image-region: rect(18px, 774px, 36px, 756px); +} + +/* Menu panel and palette styles */ + +:root { + --menupanel-list-style-image: url(chrome://browser/skin/menuPanel.png); + --menupanel-list-style-image-2x: url(chrome://browser/skin/menuPanel@2x.png); + --menupanel-small-list-style-image: url(chrome://browser/skin/menuPanel-small.png); + --menupanel-small-list-style-image-2x: url(chrome://browser/skin/menuPanel-small@2x.png); +} + +@media not all and (min-resolution: 1.1dppx) { + + toolbaritem[sdkstylewidget="true"] > toolbarbutton, + :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button) { + list-style-image: var(--menupanel-list-style-image); + } + + #home-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #home-button { + -moz-image-region: rect(0px, 128px, 32px, 96px); + } + + #bookmarks-menu-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #bookmarks-menu-button { + -moz-image-region: rect(0px, 192px, 32px, 160px); + } + + #bookmarks-menu-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 192px, 64px, 160px); + } + + #history-panelmenu[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #history-panelmenu { + -moz-image-region: rect(0px, 224px, 32px, 192px); + } + + #history-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 224px, 64px, 192px); + } + + #downloads-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #downloads-button { + -moz-image-region: rect(0px, 256px, 32px, 224px); + } + + #add-ons-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #add-ons-button { + -moz-image-region: rect(0px, 288px, 32px, 256px); + } + + #open-file-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #open-file-button { + -moz-image-region: rect(0px, 320px, 32px, 288px); + } + + #save-page-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #save-page-button { + -moz-image-region: rect(0px, 352px, 32px, 320px); + } + + #sync-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #sync-button { + -moz-image-region: rect(0px, 384px, 32px, 352px); + } + + #sync-button[cui-areatype="menu-panel"][status="active"] { + list-style-image: url(chrome://browser/skin/syncProgress-menuPanel.png); + -moz-image-region: rect(0px, 32px, 32px, 0px); + } + + #feed-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #feed-button { + -moz-image-region: rect(0px, 416px, 32px, 384px); + } + + #feed-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 416px, 64px, 384px); + } + + #social-share-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #social-share-button { + -moz-image-region: rect(0px, 448px, 32px, 416px); + } + + #characterencoding-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #characterencoding-button { + -moz-image-region: rect(0px, 480px, 32px, 448px); + } + + #characterencoding-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 480px, 64px, 448px); + } + + #new-window-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #new-window-button { + -moz-image-region: rect(0px, 512px, 32px, 480px); + } + + #e10s-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #e10s-button { + -moz-image-region: rect(0px, 512px, 32px, 480px); + } + + #new-tab-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #new-tab-button { + -moz-image-region: rect(0px, 544px, 32px, 512px); + } + + #privatebrowsing-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #privatebrowsing-button { + -moz-image-region: rect(0px, 576px, 32px, 544px); + } + + #tabview-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #tabview-button { + -moz-image-region: rect(0px, 608px, 32px, 576px); + } + + #find-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #find-button { + -moz-image-region: rect(0px, 640px, 32px, 608px); + } + + #print-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #print-button { + -moz-image-region: rect(0px, 672px, 32px, 640px); + } + + #fullscreen-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #fullscreen-button { + -moz-image-region: rect(0px, 704px, 32px, 672px); + } + + #developer-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #developer-button { + -moz-image-region: rect(0px, 736px, 32px, 704px); + } + + #developer-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 736px, 64px, 704px); + } + + #preferences-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #preferences-button { + -moz-image-region: rect(0px, 768px, 32px, 736px); + } + + #email-link-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #email-link-button { + -moz-image-region: rect(0, 800px, 32px, 768px); + } + + #sidebar-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #sidebar-button { + -moz-image-region: rect(0, 864px, 32px, 832px); + } + + #sidebar-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 864px, 64px, 832px); + } + + #panic-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #panic-button { + -moz-image-region: rect(0, 896px, 32px, 864px); + } + + #panic-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 896px, 64px, 864px); + } + + #web-apps-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #web-apps-button { + -moz-image-region: rect(0, 928px, 32px, 896px); + } + + #webide-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #webide-button { + -moz-image-region: rect(0px, 960px, 32px, 928px); + } + + #pocket-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #pocket-button { + -moz-image-region: rect(0px, 992px, 32px, 960px); + } + + #pocket-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 992px, 64px, 960px); + } + + toolbaritem[sdkstylewidget="true"] > toolbarbutton { + -moz-image-region: rect(0, 832px, 32px, 800px); + } + + #loop-button[cui-areatype="menu-panel"] > .toolbarbutton-badge-container, + toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container { + list-style-image: url(chrome://browser/skin/loop/menuPanel.png); + -moz-image-region: rect(0, 32px, 32px, 0); + } + + /* Make sure that the state icons are not shown in the customization palette. */ + toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 32px, 32px, 0) !important; + } + + #loop-button[cui-areatype="menu-panel"][state="disabled"] > .toolbarbutton-badge-container, + #loop-button[cui-areatype="menu-panel"][disabled="true"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 64px, 32px, 32px); + } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 96px, 32px, 64px); + } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 128px, 32px, 96px); + } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"]:-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 160px, 32px, 128px); + } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 192px, 32px, 160px); + } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"]:-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 224px, 32px, 192px); + } + + /* Wide panel control icons */ + + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, + toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton, + toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton { + list-style-image: var(--menupanel-small-list-style-image); + } + + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button, + toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button { + -moz-image-region: rect(0px, 32px, 16px, 16px); + } + + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button, + toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button { + -moz-image-region: rect(0px, 48px, 16px, 32px); + } + + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #paste-button, + toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button { + -moz-image-region: rect(0px, 64px, 16px, 48px); + } + + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-out-button, + toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button { + -moz-image-region: rect(0px, 80px, 16px, 64px); + } + + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-in-button, + toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button { + -moz-image-region: rect(0px, 96px, 16px, 80px); + } + + #add-share-provider { + list-style-image: url(chrome://browser/skin/menuPanel-small.png); + -moz-image-region: rect(0px, 96px, 16px, 80px); + } +} + +/* Menu panel and palette styles */ +@media (min-resolution: 1.1dppx) { + toolbaritem[sdkstylewidget="true"] > toolbarbutton, + :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button) { + list-style-image: var(--menupanel-list-style-image-2x); + } + + #home-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #home-button { + -moz-image-region: rect(0px, 256px, 64px, 192px); + } + + #bookmarks-menu-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #bookmarks-menu-button { + -moz-image-region: rect(0px, 384px, 64px, 320px); + } + + #bookmarks-menu-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 384px, 128px, 320px); + } + + #history-panelmenu[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #history-panelmenu { + -moz-image-region: rect(0px, 448px, 64px, 384px); + } + + #history-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 448px, 128px, 384px); + } + + #downloads-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #downloads-button { + -moz-image-region: rect(0px, 512px, 64px, 448px); + } + + #add-ons-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #add-ons-button { + -moz-image-region: rect(0px, 576px, 64px, 512px); + } + + #open-file-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #open-file-button { + -moz-image-region: rect(0px, 640px, 64px, 576px); + } + + #save-page-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #save-page-button { + -moz-image-region: rect(0px, 704px, 64px, 640px); + } + + #sync-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #sync-button { + -moz-image-region: rect(0px, 768px, 64px, 704px); + } + + #sync-button[cui-areatype="menu-panel"][status="active"] { + list-style-image: url(chrome://browser/skin/syncProgress-menuPanel@2x.png); + -moz-image-region: rect(0px, 64px, 64px, 0px); + } + + #feed-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #feed-button { + -moz-image-region: rect(0px, 832px, 64px, 768px); + } + + #feed-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 832px, 128px, 768px); + } + + #social-share-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #social-share-button { + -moz-image-region: rect(0px, 896px, 64px, 832px); + } + + #characterencoding-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #characterencoding-button { + -moz-image-region: rect(0, 960px, 64px, 896px); + } + + #characterencoding-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 960px, 128px, 896px); + } + + #new-window-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #new-window-button { + -moz-image-region: rect(0px, 1024px, 64px, 960px); + } + + #e10s-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #e10s-button { + -moz-image-region: rect(0px, 1024px, 64px, 960px); + } + + #webide-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #webide-button { + -moz-image-region: rect(0px, 1920px, 64px, 1856px); + } + + #pocket-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #pocket-button { + -moz-image-region: rect(0px, 1984px, 64px, 1920px); + } + + #pocket-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 1984px, 128px, 1920px); + } + + #loop-button[cui-areatype="menu-panel"] > .toolbarbutton-badge-container, + toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container { + list-style-image: url(chrome://browser/skin/loop/menuPanel@2x.png); + -moz-image-region: rect(0, 64px, 64px, 0); + } + + /* Make sure that the state icons are not shown in the customization palette. */ + toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 64px, 64px, 0) !important; + } + + #loop-button[cui-areatype="menu-panel"][state="disabled"] > .toolbarbutton-badge-container, + #loop-button[cui-areatype="menu-panel"][disabled="true"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 128px, 64px, 64px); + } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 192px, 64px, 128px); + } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 256px, 64px, 192px); + } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"]:-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 320px, 64px, 256px); + } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 384px, 64px, 320px); + } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"]:-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 448px, 64px, 384px); + } + + #new-tab-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #new-tab-button { + -moz-image-region: rect(0px, 1088px, 64px, 1024px); + } + + #privatebrowsing-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #privatebrowsing-button { + -moz-image-region: rect(0px, 1152px, 64px, 1088px); + } + + #tabview-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #tabview-button { + -moz-image-region: rect(0px, 1216px, 64px, 1152px); + } + + #find-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #find-button { + -moz-image-region: rect(0px, 1280px, 64px, 1216px); + } + + #print-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #print-button { + -moz-image-region: rect(0px, 1344px, 64px, 1280px); + } + + #fullscreen-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #fullscreen-button { + -moz-image-region: rect(0px, 1408px, 64px, 1344px); + } + + #developer-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #developer-button { + -moz-image-region: rect(0px, 1472px, 64px, 1408px); + } + + #developer-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 1472px, 128px, 1408px); + } + + #preferences-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #preferences-button { + -moz-image-region: rect(0px, 1536px, 64px, 1472px); + } + + #email-link-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #email-link-button { + -moz-image-region: rect(0px, 1600px, 64px, 1536px); + } + + #sidebar-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #sidebar-button { + -moz-image-region: rect(0px, 1728px, 64px, 1664px); + } + + #sidebar-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 1728px, 128px, 1664px); + } + + #panic-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #panic-button { + -moz-image-region: rect(0, 1792px, 64px, 1728px); + } + + #panic-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 1792px, 128px, 1728px); + } + + #web-apps-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #web-apps-button { + -moz-image-region: rect(0, 1856px, 64px, 1792px); + } + + toolbaritem[sdkstylewidget="true"] > toolbarbutton { + -moz-image-region: rect(0, 1664px, 64px, 1600px); + } + + /* Footer and wide panel control icons */ + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, + toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton, + toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton { + list-style-image: var(--menupanel-small-list-style-image-2x); + } + + /* Wide items like the Cut/Copy/Paste and Zoom controls are special in that their icons + are 16x16 when in the panel, but 18x18 when in a toolbar. */ + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton > .toolbarbutton-icon, + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton > .toolbarbutton-icon, + toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-icon, + toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton > .toolbarbutton-icon { + width: 16px; + } + + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button, + toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button { + -moz-image-region: rect(0px, 64px, 32px, 32px); + } + + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button, + toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button { + -moz-image-region: rect(0px, 96px, 32px, 64px); + } + + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #paste-button, + toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button { + -moz-image-region: rect(0px, 128px, 32px, 96px); + } + + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-out-button, + toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button { + -moz-image-region: rect(0px, 160px, 32px, 128px); + } + + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-in-button, + toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button { + -moz-image-region: rect(0px, 192px, 32px, 160px); + } +} + +#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-icon, +#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menu-dropmarker, +#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-dropmarker, +#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +#main-window:not([customizing]) .toolbarbutton-1 > .toolbarbutton-menubutton-button[disabled=true] > .toolbarbutton-icon { + opacity: 0.4; +} + +/* Fullscreen window controls */ +#window-controls { + -moz-box-align: start; + -moz-margin-start: 10px; +} + +#close-button, #restore-button, #minimize-button { + padding: 2px 4px; + -moz-appearance: none; +} + +#close-button { + list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/window-controls/close.svg"); + + &:hover { list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/window-controls/close_prelight.svg"); } + &:active { list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/window-controls/close_pressed.svg"); } +} + +#restore-button { + list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/window-controls/maximize.svg"); + + &:hover { list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/window-controls/maximize_prelight.svg"); } + &:active { list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/window-controls/maximize_pressed.svg"); } +} + +#minimize-button { + list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/window-controls/minimize.svg"); + + &:hover { list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/window-controls/minimize_prelight.svg"); } + &:active { list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/window-controls/minimize_pressed.svg"); } +} + +/* Location bar */ +#urlbar, +.searchbar-textbox { + -moz-appearance: none; + padding: 3px 5px; + border-radius: 20px; + margin: 0 3px; + @include entry(normal); +} + +#urlbar[focused], +.searchbar-textbox[focused] { + @include entry(focus); +} + +//#urlbar { +// background-color: $entry_bg; +//} + +.urlbar-textbox-container { + -moz-appearance: none; + -moz-box-align: center; +} + +.urlbar-input-box { + -moz-margin-start: 0; +} + +.urlbar-history-dropmarker { + -moz-appearance: toolbarbutton-dropdown; +} + +#urlbar-container { + -moz-box-align: center; +} + +//window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar { +// -moz-border-start: none; +// margin-left: 0; +//} + +//window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar:-moz-locale-dir(ltr) { +// border-top-left-radius: 0; +// border-bottom-left-radius: 0; +//} + +//window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar:-moz-locale-dir(rtl) { +// border-top-right-radius: 0; +// border-bottom-right-radius: 0; +//} + +//window:not([chromehidden~="toolbar"]) #urlbar-wrapper { +// clip-path: url("chrome://browser/content/browser.xul#urlbar-back-button-clip-path"); +// -moz-margin-start: -5px; +//} + +//window:not([chromehidden~="toolbar"]) #urlbar-wrapper:-moz-locale-dir(rtl), +//window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar:-moz-locale-dir(rtl) { +// /* let urlbar-back-button-clip-path clip the urlbar's right side for RTL */ +// transform: scaleX(-1); +//} + +//window:not([chromehidden~="toolbar"]) #urlbar-wrapper:-moz-locale-dir(rtl) { +// -moz-box-direction: reverse; +//} + +#urlbar-icons { + -moz-box-align: center; +} + +.urlbar-icon { + //padding: 0 3px; +} + +#urlbar-search-splitter { + -moz-appearance: none; + width: 8px; + //-moz-margin-start: -4px; +} + +#urlbar-search-splitter + #search-container > #searchbar > .searchbar-textbox { + //-moz-margin-start: 0; +} + +#urlbar-display-box { + margin-top: -1px; + margin-bottom: -1px; + -moz-border-end: 1px solid red; + -moz-margin-end: 3px; +} + +.urlbar-display { + margin-top: 0; + margin-bottom: 0; + -moz-margin-start: 0; + color: GrayText; +} + +#search-container { + min-width: calc(54px + 11ch); +} + +/* identity box */ + +#identity-box { + padding: 1px; + font-size: .9em; +} + +#identity-box:-moz-locale-dir(ltr) { + border-top-left-radius: 1.5px; + border-bottom-left-radius: 1.5px; +} + +#identity-box:-moz-locale-dir(rtl) { + border-top-right-radius: 1.5px; + border-bottom-right-radius: 1.5px; +} + +#notification-popup-box:not([hidden]) + #identity-box { + //-moz-padding-start: 10px; + border-radius: 0; +} + +window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box { + border-radius: 0; +} + +//window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not([switchingtabs]) > #urlbar > #identity-box { + //transition: padding-left, padding-right; +//} + +//window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled] + #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) { + //padding-left: 5px; +//} + +//window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled] + #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) { + //padding-right: 5px; +//} + +//window:not([chromehidden~="toolbar"]) #urlbar-wrapper:hover:not([switchingtabs]) > #forward-button[disabled] + #urlbar > #notification-popup-box[hidden] + #identity-box { + /* forward button hiding is delayed when hovered */ +// transition-delay: 100s; +//} + +//window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-button[disabled] + #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) { + /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */ + //padding-left: 5.01px; +//} + +//window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-button[disabled] + #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) { + /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */ + //padding-right: 5.01px; +//} + +#urlbar[pageproxystate="valid"] > #identity-box.chromeUI, +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity { + -moz-margin-end: 4px; +} + +#identity-box.verifiedIdentity:not(:-moz-lwtheme) { + background-color: var(--verified-identity-box-backgroundcolor); +} + +#identity-box:-moz-focusring { + outline: 1px dotted #000; + outline-offset: -3px; +} + +#identity-icon-labels { + -moz-padding-start: 2px; + -moz-padding-end: 5px; +} + + +:root { + --identity-box-verified-color: hsl(92,100%,30%); + --identity-box-verified-background-image: linear-gradient( + transparent 15%, + hsla(92,81%,16%,.2) 15%, + hsla(92,81%,16%,.2) 85%, + transparent 85%); + --identity-box-chrome-color: rgb(229,115,0); + --identity-box-chrome-background-image: linear-gradient( + transparent 15%, + rgba(229,114,0,.5) 15%, + rgba(229,114,0,.5) 85%, + transparent 85%); +} + +#urlbar[pageproxystate="valid"] > #identity-box.chromeUI, +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity { + background-position: right; + background-size: 1px; + background-repeat: no-repeat; +} + +#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:-moz-locale-dir(rtl), +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(rtl) { + background-position: left; +} + +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity { + color: var(--identity-box-verified-color); + background-image: var(--identity-box-verified-background-image); +} + +#urlbar[pageproxystate="valid"] > #identity-box.chromeUI { + color: var(--identity-box-chrome-color); + background-image: var(--identity-box-chrome-background-image); +} + +/* page proxy icon */ + +#page-proxy-favicon { + width: 16px; + height: 16px; + list-style-image: url(chrome://browser/skin/identity-icons-generic.png); +} + +.chromeUI > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://branding/content/identity-icons-brand.png); +} + +.verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https.png); +} + +.verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-ev.png); +} + +.mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-active.png); +} + +.mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display.png); +} + +.mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display.png); +} + +#page-proxy-favicon[pageproxystate="invalid"] { + opacity: 0.3; +} + +#identity-popup.chromeUI > #identity-popup-container > #identity-popup-icon { + list-style-image: url("chrome://branding/content/icon64.png"); +} + +#identity-popup-brandName { + font-weight: bold; + font-size: 1.25em; + margin-top: .5em; + margin-bottom: .5em; +} + +#identity-popup-content-box { + max-width: 50ch; +} + +@media not all and (min-resolution: 1.1dppx) { + #page-proxy-favicon { + -moz-image-region: rect(0, 16px, 16px, 0); + } + + #identity-box:hover > #page-proxy-favicon { + -moz-image-region: rect(0, 32px, 16px, 16px); + } + + #identity-box:hover:active > #page-proxy-favicon, + #identity-box[open=true] > #page-proxy-favicon { + -moz-image-region: rect(0, 48px, 16px, 32px); + } +} + +@media (min-resolution: 1.1dppx) { + #page-proxy-favicon { + list-style-image: url(chrome://browser/skin/identity-icons-generic@2x.png); + -moz-image-region: rect(0, 32px, 32px, 0); + } + + .chromeUI > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://branding/content/identity-icons-brand@2x.png); + } + + .verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https@2x.png); + } + + .verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-ev@2x.png); + } + + .mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-active@2x.png); + } + + .mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display@2x.png); + } + + .mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display@2x.png); + } + + #identity-box:hover > #page-proxy-favicon { + -moz-image-region: rect(0, 64px, 32px, 32px); + } + + #identity-box:hover:active > #page-proxy-favicon, + #identity-box[open=true] > #page-proxy-favicon { + -moz-image-region: rect(0, 96px, 32px, 64px); + } + + #identity-popup.chromeUI > #identity-popup-container > #identity-popup-icon { + list-style-image: url("chrome://branding/content/icon128.png"); + -moz-image-region: rect(0, 128px, 128px, 0); + } +} + +#page-proxy-favicon { + margin-top: 1px; + margin-bottom: 1px; + -moz-margin-start: 3px; + -moz-margin-end: 1px; +} + +/* Identity popup icons */ +#identity-popup-icon { + height: 64px; + width: 64px; + padding: 0; + list-style-image: url("chrome://browser/skin/identity.png"); + -moz-image-region: rect(0px, 64px, 64px, 0px); +} + +#identity-popup.verifiedDomain > #identity-popup-container > #identity-popup-icon { + -moz-image-region: rect(64px, 64px, 128px, 0px); +} + +#identity-popup.verifiedIdentity > #identity-popup-container > #identity-popup-icon { + -moz-image-region: rect(128px, 64px, 192px, 0px); +} + +/* Identity popup body text */ +.identity-popup-description { + white-space: pre-wrap; + -moz-padding-start: 15px; + margin: 2px 0 4px; +} + +.identity-popup-label { + white-space: pre-wrap; + -moz-padding-start: 15px; + margin: 0; +} + +#identity-popup-content-host , +#identity-popup-content-owner { + font-weight: bold; + max-width: 300px; +} + +#identity-popup-content-host , +#identity-popup-content-box.verifiedIdentity > #identity-popup-content-owner { + font-size: 140%; +} + +#identity-popup-content-owner { + margin-bottom: 0 !important; +} + +#identity-popup-content-verifier { + margin: 4px 0 2px; +} + +#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption , +#identity-popup-content-box.verifiedDomain > #identity-popup-encryption { + margin-top: 10px; + -moz-margin-start: -18px; +} + +#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption > vbox > #identity-popup-encryption-icon , +#identity-popup-content-box.verifiedDomain > #identity-popup-encryption > vbox > #identity-popup-encryption-icon { + list-style-image: url("chrome://browser/skin/Secure.png"); +} + +#identity-popup-help-icon { + -moz-appearance: none; + margin-left: 0px; + border: none; + background: none; + min-width: 0; + list-style-image: url("moz-icon://stock/gtk-dialog-question?size=16"); + cursor: pointer; +} + +#identity-popup-help-icon > .button-box > .button-text { + display: none; +} + +#identity-popup-help-icon > .button-box > .button-icon { + height: 16px; + width: 16px; +} + +#identity-popup-help-icon:-moz-focusring { + outline: 1px dotted; + outline-offset: 1px; +} + +#identity-popup > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0; +} + +#identity-popup-container { + min-width: 280px; + padding: 10px; +} + +#identity-popup-button-container { + background: linear-gradient(to bottom, rgba(0,0,0,0.04) 60%, transparent); + padding: 10px; + margin-top: 5px; +} + + +.popup-notification-icon { + width: 64px; + height: 64px; + -moz-margin-end: 10px; +} + +.popup-notification-icon[popupid="geolocation"] { + list-style-image: url(chrome://browser/skin/Geolocation-64.png); +} + +.popup-notification-icon[popupid="push"] { + list-style-image: url(chrome://browser/skin/Push-64.png); +} + +.popup-notification-icon[popupid="xpinstall-disabled"], +.popup-notification-icon[popupid="addon-progress"], +.popup-notification-icon[popupid="addon-install-blocked"], +.popup-notification-icon[popupid="addon-install-failed"], +.popup-notification-icon[popupid="addon-install-confirmation"], +.popup-notification-icon[popupid="addon-install-complete"] { + list-style-image: url(chrome://mozapps/skin/extensions/extensionGeneric.png); + width: 32px; + height: 32px; +} + +.popup-notification-icon[popupid="click-to-play-plugins"] { + list-style-image: url(chrome://mozapps/skin/plugins/pluginBlocked-64.png); +} + +.popup-notification-icon[popupid="web-notifications"] { + list-style-image: url(chrome://browser/skin/notification-64.png); +} + +.popup-notification-icon[popupid="indexedDB-permissions-prompt"], +.popup-notification-icon[popupid*="offline-app-requested"], +.popup-notification-icon[popupid="offline-app-usage"] { + list-style-image: url(chrome://global/skin/icons/question-64.png); +} + +.popup-notification-icon[popupid="password"] { + list-style-image: url(chrome://mozapps/skin/passwordmgr/key-64.png); +} + +.popup-notification-icon[popupid="webapps-install-progress"], +.popup-notification-icon[popupid="webapps-install"] { + list-style-image: url(chrome://global/skin/icons/webapps-64.png); +} + +.popup-notification-icon[popupid="bad-content"] { + list-style-image: url(chrome://browser/skin/bad-content-blocked-64.png); +} + +.popup-notification-icon[popupid="bad-content"][mixedblockdisabled], +.popup-notification-icon[popupid="bad-content"][trackingblockdisabled] { + list-style-image: url(chrome://browser/skin/bad-content-unblocked-64.png); +} + +.popup-notification-icon[popupid="webRTC-sharingDevices"], +.popup-notification-icon[popupid="webRTC-shareDevices"] { + list-style-image: url(chrome://browser/skin/webRTC-shareDevice-64.png); +} + +.popup-notification-icon[popupid="webRTC-sharingMicrophone"], +.popup-notification-icon[popupid="webRTC-shareMicrophone"] { + list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-64.png); +} + +.popup-notification-icon[popupid="webRTC-sharingScreen"], +.popup-notification-icon[popupid="webRTC-shareScreen"] { + list-style-image: url(chrome://browser/skin/webRTC-shareScreen-64.png); +} + +.popup-notification-icon[popupid="pointerLock"] { + list-style-image: url(chrome://browser/skin/pointerLock-64.png); +} + +/* Notification icon box */ +#notification-popup-box { + position: relative; + background-color: transparent; + background-clip: padding-box; + padding-left: 1px; + border-width: 0 8px 0 0; + border-style: solid; + border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 fill; + //-moz-margin-end: -8px; +} + +//window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled] + #urlbar > #notification-popup-box { +// padding-left: 7px; +//} + +#notification-popup-box:-moz-locale-dir(rtl), +.notification-anchor-icon:-moz-locale-dir(rtl) { + transform: scaleX(-1); +} + +.notification-anchor-icon { + list-style-image: url(moz-icon://stock/gtk-dialog-info?size=16); + width: 16px; + height: 16px; + margin: 0 2px; +} + +.identity-notification-icon, +#identity-notification-icon { + list-style-image: url(chrome://mozapps/skin/profile/profileicon.png); + /* XXX: need HiDPI version */ +} + +.geo-notification-icon, +#geo-notification-icon { + list-style-image: url(chrome://browser/skin/Geolocation-16.png); +} + +#push-notification-icon { + list-style-image: url(chrome://browser/skin/Push-16.png); +} + +#addons-notification-icon { + list-style-image: url(chrome://mozapps/skin/extensions/extensionGeneric-16.png); +} + +.indexedDB-notification-icon, +#indexedDB-notification-icon { + list-style-image: url(chrome://global/skin/icons/question-16.png); +} + +#password-notification-icon { + list-style-image: url(chrome://mozapps/skin/passwordmgr/key-16.png); +} + +.webapps-notification-icon, +#webapps-notification-icon { + list-style-image: url(chrome://global/skin/icons/webapps-16.png); +} + +#plugins-notification-icon { + list-style-image: url(chrome://browser/skin/notification-pluginNormal.png); +} + +#plugins-notification-icon.plugin-hidden { + list-style-image: url(chrome://browser/skin/notification-pluginAlert.png); +} + +#plugins-notification-icon.plugin-blocked { + list-style-image: url(chrome://browser/skin/notification-pluginBlocked.png); +} + +#plugins-notification-icon { + -moz-image-region: rect(0, 16px, 16px, 0); +} + +#plugins-notification-icon:hover { + -moz-image-region: rect(0, 32px, 16px, 16px); +} + +#plugins-notification-icon:active { + -moz-image-region: rect(0, 48px, 16px, 32px); +} + +#notification-popup-box[hidden] { + /* Override display:none to make the pluginBlockedNotification animation work + when showing the notification repeatedly. */ + display: -moz-box; + visibility: collapse; +} + +#plugins-notification-icon.plugin-blocked[showing] { + animation: pluginBlockedNotification 500ms ease 0s 5 alternate both; +} + +@keyframes pluginBlockedNotification { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +.bad-content-blocked-notification-icon, +#bad-content-blocked-notification-icon { + list-style-image: url(chrome://browser/skin/bad-content-blocked-16.png); +} + +.bad-content-unblocked-notification-icon, +#bad-content-unblocked-notification-icon { + list-style-image: url(chrome://browser/skin/bad-content-unblocked-16.png); +} + +.webRTC-shareDevices-notification-icon, +#webRTC-shareDevices-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareDevice-16.png); +} + +.webRTC-sharingDevices-notification-icon, +#webRTC-sharingDevices-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingDevice-16.png); +} + +.webRTC-shareMicrophone-notification-icon, +#webRTC-shareMicrophone-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16.png); +} + +.webRTC-sharingMicrophone-notification-icon, +#webRTC-sharingMicrophone-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16.png); +} + +.webRTC-shareScreen-notification-icon, +#webRTC-shareScreen-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16.png); +} + +.webRTC-sharingScreen-notification-icon, +#webRTC-sharingScreen-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16.png); +} + +.web-notifications-notification-icon, +#web-notifications-notification-icon { + list-style-image: url(chrome://browser/skin/notification-16.png); +} + +.pointerLock-notification-icon, +#pointerLock-notification-icon { + list-style-image: url(chrome://browser/skin/pointerLock-16.png); +} + +.translate-notification-icon, +#translate-notification-icon { + list-style-image: url(chrome://browser/skin/translation-16.png); + -moz-image-region: rect(0px, 16px, 16px, 0px); +} + +.translated-notification-icon, +#translated-notification-icon { + list-style-image: url(chrome://browser/skin/translation-16.png); + -moz-image-region: rect(0px, 32px, 16px, 16px); +} + +.popup-notification-icon[popupid="servicesInstall"] { + list-style-image: url(chrome://browser/skin/social/services-64.png); +} +#servicesInstall-notification-icon { + list-style-image: url(chrome://browser/skin/social/services-16.png); +} + +/* EME notifications */ + +.popup-notification-icon[popupid="drmContentPlaying"], +#eme-notification-icon { + list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); +} + +#eme-notification-icon:hover:active { + list-style-image: url("chrome://browser/skin/drm-icon.svg#chains-pressed"); +} + +#eme-notification-icon[firstplay=true] { + animation: emeTeachingMoment 0.2s linear 0s 5 normal; +} + +@keyframes emeTeachingMoment { + 0% {transform: translateX(0); } + 25% {transform: translateX(3px) } + 75% {transform: translateX(-3px) } + 100% { transform: translateX(0); } +} + +/* HiDPI notification icons */ +@media (min-resolution: 1.1dppx) { + #notification-popup-box { + border-image: url("chrome://browser/skin/urlbar-arrow@2x.png") 0 16 0 0 fill; + } + + .notification-anchor-icon { + list-style-image: url(moz-icon://stock/gtk-dialog-info?size=dialog); + } + + .webRTC-shareDevices-notification-icon, + #webRTC-shareDevices-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareDevice-16@2x.png); + } + + .webRTC-sharingDevices-notification-icon, + #webRTC-sharingDevices-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingDevice-16@2x.png); + } + + .webRTC-shareMicrophone-notification-icon, + #webRTC-shareMicrophone-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16@2x.png); + } + + .webRTC-sharingMicrophone-notification-icon, + #webRTC-sharingMicrophone-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16@2x.png); + } + + .webRTC-shareScreen-notification-icon, + #webRTC-shareScreen-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16@2x.png); + } + + .webRTC-sharingScreen-notification-icon, + #webRTC-sharingScreen-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16@2x.png); + } + + .popup-notification-icon[popupid="webRTC-sharingDevices"], + .popup-notification-icon[popupid="webRTC-shareDevices"] { + list-style-image: url(chrome://browser/skin/webRTC-shareDevice-64@2x.png); + } + + .popup-notification-icon[popupid="webRTC-sharingMicrophone"], + .popup-notification-icon[popupid="webRTC-shareMicrophone"] { + list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-64@2x.png); + } + + .popup-notification-icon[popupid="webRTC-sharingScreen"], + .popup-notification-icon[popupid="webRTC-shareScreen"] { + list-style-image: url(chrome://browser/skin/webRTC-shareScreen-64@2x.png); + } + +} + +.popup-notification-body[popupid="addon-progress"], +.popup-notification-body[popupid="addon-install-confirmation"] { + width: 28em; + max-width: 28em; +} + +.addon-install-confirmation-name { + font-weight: bold; +} + +/* Notification icon box */ +#notification-popup-box { + border-radius: 2.5px 0 0 2.5px; + margin-top: -1px; + margin-bottom: -1px; +} + +.notification-anchor-icon:-moz-focusring { + outline: 1px dotted -moz-DialogText; +} + +.indexedDB-notification-icon, +#indexedDB-notification-icon { + list-style-image: url(moz-icon://stock/gtk-dialog-question?size=16); +} + +#pointerLock-cancel { + margin: 0px; +} + +/* Translation infobar */ + +notification[value="translation"] .messageImage { + list-style-image: url(chrome://browser/skin/translation-16.png); + -moz-image-region: rect(0, 32px, 16px, 16px); +} + +@media (min-resolution: 1.25dppx) { + notification[value="translation"] .messageImage { + list-style-image: url(chrome://browser/skin/translation-16@2x.png); + -moz-image-region: rect(0, 64px, 32px, 32px); + } +} + +notification[value="translation"][state="translating"] .messageImage { + list-style-image: url(chrome://browser/skin/translating-16.png); + -moz-image-region: auto; +} + +@media (min-resolution: 1.25dppx) { + notification[value="translation"][state="translating"] .messageImage { + list-style-image: url(chrome://browser/skin/translating-16@2x.png); + } +} + +notification[value="translation"] hbox[anonid="details"] { + overflow: hidden; +} + +notification[value="translation"] button, +notification[value="translation"] menulist { + -moz-appearance: none; + border-width: 1px; + -moz-border-top-colors: none; + -moz-border-right-colors: none; + -moz-border-bottom-colors: none; + -moz-border-left-colors: none; + border-radius: 2px; + min-width: 0; + box-shadow: 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(255, 255, 255, 0.5) inset; +} + +notification[value="translation"] menulist > .menulist-dropmarker { + -moz-appearance: toolbarbutton-dropdown; + border: none; + background-color: transparent; + margin: auto; + padding: 5px 0; +} + +.translation-menupopup arrowscrollbox { + padding-bottom: 0; +} + +.translation-attribution { + cursor: pointer; + -moz-box-align: end; + font-size: small; +} + +.translation-attribution > label { + margin-bottom: 0; +} + +.translation-attribution > image { + width: 70px; +} + +.translation-welcome-panel { + width: 305px; +} + +.translation-welcome-logo { + height: 32px; + width: 32px; + list-style-image: url(chrome://browser/skin/translation-16@2x.png); + -moz-image-region: rect(0, 64px, 32px, 32px); +} + +.translation-welcome-content { + -moz-margin-start: 16px; +} + +.translation-welcome-headline { + font-size: larger; + font-weight: bold; +} + +.translation-welcome-body { + padding: 1em 0; + margin: 0 0; +} + +notification[value="translation"] { + min-height: 40px; +} + +notification[value="translation"], +notification[value="translation"] button, +notification[value="translation"] menulist { + min-height: 30px; + color: #5A5959; +} + +notification[value="translation"] { + background-color: #F2F1F0; +} + +notification[value="translation"] button, +notification[value="translation"] menulist { + -moz-padding-end: 1ch; +} + +notification[value="translation"] menulist { + border: 1px solid #C1C1C1; + background-color: #FFF; +} + +notification[value="translation"] button { + border: 1px solid #C1C1C1; + background-color: #F2F1F0; +} + +notification[value="translation"] button, +notification[value="translation"] menulist, +notification[value="translation"] menulist > .menulist-label-box { + -moz-margin-start: 1ch; + -moz-margin-end: 1ch; +} + +notification[value="translation"] button:hover, +notification[value="translation"] button:active, +notification[value="translation"] menulist:hover, +notification[value="translation"] menulist:active { + background-color: #E2E1E0; +} + +notification[value="translation"] button[anonid="translate"] { + color: #FFF; + background-image: linear-gradient(#9FB938, #8DA726); + box-shadow: none; + border: 1px solid #829C1C; +} + +notification[value="translation"] button[anonid="translate"]:hover, +notification[value="translation"] button[anonid="translate"]:active { + background-image: linear-gradient(#8DA726, #8DA726); +} + +notification[value="translation"] button > .button-box, +notification[value="translation"] button[type="menu"] > .button-box > .button-menu-dropmarker { + padding: 0; + -moz-margin-start: 3ch; +} + +notification[value="translation"] button:not([type="menu"]) > .button-box { + -moz-margin-end: 3ch; +} + +notification[value="translation"] menulist > .menulist-dropmarker { + display: block; +} + +/* Loop/ Hello browser styles */ + +notification[value="loop-sharing-notification"] .button-menubutton-button { + min-width: 0; +} + +notification[value="loop-sharing-notification"] .messageImage { + list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16.png); +} + +#treecolAutoCompleteImage { + max-width : 36px; +} + +.ac-result-type-bookmark, +.autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) { + list-style-image: url("chrome://browser/skin/places/star-icons.png"); + -moz-image-region: rect(0px 32px 16px 16px); + width: 16px; + height: 16px; +} + +.ac-result-type-keyword, +.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage), +richlistitem[type~="action"][actiontype="searchengine"] > .ac-title-box > .ac-site-icon { + list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon); + width: 16px; + height: 16px; +} + +.ac-result-type-keyword[selected="true"], +.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage, selected), +richlistitem[type~="action"][actiontype="searchengine"][selected="true"] > .ac-title-box > .ac-site-icon { + list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon-inverted); +} + +.ac-result-type-tag, +.autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) { + list-style-image: url("chrome://browser/skin/places/tag.png"); + width: 16px; + height: 16px; +} + +.ac-comment { + font-size: 1.05em; +} + +.ac-extra > .ac-comment { + font-size: inherit; +} + +.ac-url-text, +.ac-action-text { + color: -moz-nativehyperlinktext; + font-size: 0.9em; +} + +richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-icon { + list-style-image: url("chrome://browser/skin/actionicon-tab.png"); + padding: 0 3px; +} + +.autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) { + color: GrayText; +} + +.ac-comment[selected="true"], +.ac-url-text[selected="true"], +.ac-action-text[selected="true"] { + color: inherit !important; +} + +.autocomplete-treebody::-moz-tree-cell-text(suggesthint, treecolAutoCompleteComment), +.autocomplete-treebody::-moz-tree-cell-text(suggestfirst, treecolAutoCompleteComment) { + color: GrayText; + font-size: smaller; +} + +.autocomplete-treebody::-moz-tree-cell(suggesthint) { + border-top: 1px solid GrayText; +} + +/* Combined go/reload/stop button in location bar */ + +#urlbar > toolbarbutton { + -moz-appearance: none; + padding: 0 2px; + list-style-image: url("chrome://browser/skin/reload-stop-go.png"); +} + +#urlbar-reload-button { + -moz-image-region: rect(0, 14px, 14px, 0); +} + +#urlbar-reload-button:not([disabled]):hover { + background-image: radial-gradient(circle closest-side, hsla(200,100%,70%,.2), transparent); + -moz-image-region: rect(14px, 14px, 28px, 0); +} + +#urlbar-reload-button:not([disabled]):hover:active { + background-image: radial-gradient(circle closest-side, hsla(200,100%,60%,.1), transparent); + -moz-image-region: rect(28px, 14px, 42px, 0); +} + +#urlbar-reload-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); +} + +#urlbar-go-button { + -moz-image-region: rect(0, 42px, 14px, 28px); +} + +#urlbar-go-button:hover { + background-image: radial-gradient(circle closest-side, hsla(110,70%,50%,.2), transparent); + -moz-image-region: rect(14px, 42px, 28px, 28px); +} + +#urlbar-go-button:hover:active { + background-image: radial-gradient(circle closest-side, hsla(110,70%,50%,.1), transparent); + -moz-image-region: rect(28px, 42px, 42px, 28px); +} + +#urlbar-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); +} + +#urlbar-stop-button { + -moz-image-region: rect(0, 28px, 14px, 14px); +} + +#urlbar-stop-button:not([disabled]):hover { + background-image: radial-gradient(circle closest-side, hsla(5,100%,75%,.3), transparent); + -moz-image-region: rect(14px, 28px, 28px, 14px); +} + +#urlbar-stop-button:hover:active { + background-image: radial-gradient(circle closest-side, hsla(5,100%,75%,.1), transparent); + -moz-image-region: rect(28px, 28px, 42px, 14px); +} + +@media (min-resolution: 1.1dppx) { + #urlbar > toolbarbutton { + list-style-image: url("chrome://browser/skin/reload-stop-go@2x.png"); + } + + #urlbar-go-button { + -moz-image-region: rect(0, 84px, 28px, 56px); + } + + #urlbar-go-button:hover { + -moz-image-region: rect(28px, 84px, 56px, 56px); + } + + #urlbar-go-button:hover:active { + -moz-image-region: rect(56px, 84px, 84px, 56px); + } + + #urlbar-reload-button { + -moz-image-region: rect(0, 28px, 28px, 0); + } + + #urlbar-reload-button:not([disabled]):hover { + -moz-image-region: rect(28px, 28px, 56px, 0); + } + + #urlbar-reload-button:not([disabled]):hover:active { + -moz-image-region: rect(56px, 28px, 84px, 0); + } + + #urlbar-stop-button { + -moz-image-region: rect(0, 56px, 28px, 28px); + } + + #urlbar-stop-button:not([disabled]):hover { + -moz-image-region: rect(28px, 56px, 56px, 28px); + } + + #urlbar-stop-button:hover:active { + -moz-image-region: rect(56px, 56px, 84px, 28px); + } + + #urlbar > toolbarbutton > .toolbarbutton-icon { + width: 14px; + } +} + +/* Popup blocker button */ +#page-report-button { + list-style-image: url("chrome://browser/skin/Info.png"); +} + +/* Reading List button */ + +#urlbar:not([focused]):not(:hover) #readinglist-addremove-button { + opacity: 0; + width: 0px; +} + +#readinglist-addremove-button { + list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage"); + -moz-image-region: rect(0, 14px, 14px, 0); + transition: width 150ms ease-in-out, opacity 150ms ease-in-out 150ms; + opacity: 1; + width: 20px; +} + +#readinglist-addremove-button:hover { + list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage-hover"); +} + +#readinglist-addremove-button:active { + list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage-active"); +} + +#readinglist-addremove-button[already-added="true"] { + list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded"); +} + +#readinglist-addremove-button[already-added="true"]:hover { + list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded-hover"); +} + +#readinglist-addremove-button[already-added="true"]:active { + list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded-active"); +} + +/* Reader mode button */ + +#reader-mode-button { + list-style-image: url("chrome://browser/skin/readerMode.svg"); + -moz-image-region: rect(0, 16px, 16px, 0); +} + +#reader-mode-button:hover, +#reader-mode-button[readeractive]:hover { + -moz-image-region: rect(0, 32px, 16px, 16px); +} + +#reader-mode-button:hover:active, +#reader-mode-button[readeractive] { + -moz-image-region: rect(0, 48px, 16px, 32px); +} + +/* social share panel */ + +.social-share-frame { + border-top: 1px solid #f8f8f8; + width: 756px; + height: 150px; +} + +#share-container { + min-width: 756px; + background-color: white; + background-repeat: no-repeat; + background-position: center center; +} +#share-container[loading] { + background-image: url(chrome://browser/skin/tabbrowser/pendingpaint.png); +} +#share-container > browser { + transition: opacity 150ms ease-in-out; + opacity: 1; +} +#share-container[loading] > browser { + opacity: 0; +} + +.social-share-toolbar { + border-bottom: 1px solid #dedede; + padding: 2px; +} + +#social-share-provider-buttons { + padding: 0; + margin: 0; +} + +.share-provider-button { + padding: 5px; + margin: 2px; +} + +.share-provider-button > .toolbarbutton-text { + display: none; +} +.share-provider-button > .toolbarbutton-icon { + width: 16px; + min-height: 16px; + max-height: 16px; +} + +/* social recommending panel */ + +#social-mark-button { + -moz-image-region: rect(0, 16px, 16px, 0); +} + +/* bookmarks menu-button */ + +#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker { + -moz-appearance: none !important; + -moz-box-align: center; +} + +#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { + //margin-top: 3px; + //margin-bottom: 3px; +} + +#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-icon, +#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menu-dropmarker, +#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker, +#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-button[disabled] > .toolbarbutton-icon { + opacity: .4; +} + +#BMB_bookmarksPopup[side="top"], +#BMB_bookmarksPopup[side="bottom"] { + margin-left: -16px; + margin-right: -16px; +} + +#BMB_bookmarksPopup[side="left"], +#BMB_bookmarksPopup[side="right"] { + margin-top: -16px; + margin-bottom: -16px; +} + +#nav-bar .toolbarbutton-1 > menupopup[side="top"].cui-widget-panel, +#nav-bar .toolbarbutton-1 > menupopup[side="bottom"].cui-widget-panel { + margin-top: -4px; +} + +/* Bookmarking panel */ +#editBookmarkPanelStarIcon { + list-style-image: url("chrome://browser/skin/places/starred48.png"); + width: 48px; + height: 48px; +} + +#editBookmarkPanelStarIcon[unstarred] { + list-style-image: url("chrome://browser/skin/places/unstarred48.png"); +} + +#editBookmarkPanelTitle { + font-size: 130%; +} + +#editBookmarkPanelHeader, +#editBookmarkPanelContent { + margin-bottom: .5em; +} + +/* Implements editBookmarkPanel resizing on folderTree un-collapse. */ +#editBMPanel_folderTree { + min-width: 27em; +} + +.panel-promo-box { + margin: 8px -10px -10px -10px; + padding: 8px 10px; + border-top: 1px solid ThreeDShadow; + background-image: linear-gradient(hsla(0,0%,0%,.15), hsla(0,0%,0%,.08) 6px); +} + +.panel-promo-icon { + list-style-image: url("chrome://browser/skin/sync-notification-24.png"); + -moz-margin-end: 10px; + vertical-align: middle; +} + +.panel-promo-closebutton { + -moz-appearance: none; + height: 16px; + width: 16px; +} + +.panel-promo-closebutton > .toolbarbutton-text { + padding: 0; +} + +/* Content area */ +#sidebar { + background-color: Window; +} + + +/* Findbar */ +.browserContainer > findbar { + background-color: -moz-dialog; + color: -moz-DialogText; + border-top: 1px solid; + -moz-border-top-colors: $borders_color; + text-shadow: none; +} + +.browserContainer > findbar .findbar-textbox { + -moz-appearance: none; + border: 1px solid $entry_border; + box-shadow: none; + margin: 0; + padding: 5px; + width: 14em; + + &[focused="true"] { border-color: $selected_bg_color; } + + &:-moz-locale-dir(ltr) { + border-radius: 20px 0 0 20px; + border-right-width: 0; + } + + &:-moz-locale-dir(rtl) { + border-radius: 0 20px 20px 0; + border-left-width: 0; + } +} + +.browserContainer > findbar .findbar-find-previous, +.browserContainer > findbar .findbar-find-next { + background: $button_bg; + border: 1px solid $button_border; + box-shadow: none; +} + +.browserContainer > findbar .findbar-find-previous { + border-right-width: 0; +} + +.browserContainer > findbar .findbar-find-previous:focus, +.browserContainer > findbar .findbar-find-next:focus { + border-color: $selected_bg_color; + box-shadow: none; +} + +.browserContainer > findbar .findbar-find-previous:not([disabled]):active, +.browserContainer > findbar .findbar-find-next:not([disabled]):active { + background: $selected_bg_color; + border-color: $selected_bg_color; + box-shadow: none; +} + + +/* Tabstrip */ + + +:root { + --tab-toolbar-navbar-overlap: 1px; + --tab-min-height: 31px; +} +#TabsToolbar { + --tab-separator-image: url(chrome://browser/skin/tabbrowser/tab-separator.png); + --tab-separator-size: 3px 100%; + --tab-separator-opacity: 1; +} + + +/* image preloading hack */ +#tabbrowser-tabs::before { + /* Because of bug 853415, we need to ordinal this to the first position: */ + -moz-box-ordinal-group: 0; + content: ''; + display: block; +// background-image: +// url(chrome://browser/skin/custom_images/#{$darker_asset_path}/tabs/tab-end.svg), +// url(chrome://browser/skin/custom_images/#{$darker_asset_path}/tabs/tab-middle.svg), +// url(chrome://browser/skin/custom_images/#{$darker_asset_path}/tabs/tab-start.svg); +} + +#tabbrowser-tabs { + min-height: var(--tab-min-height); +} + +.tabbrowser-tab, +.tabs-newtab-button { + -moz-appearance: none; + background-color: transparent; + border-radius: 0; + border-width: 0; + margin: 0; + padding: 0; +} + +.tabbrowser-tab { + -moz-box-align: stretch; +} + +/* The selected tab should appear above adjacent tabs, .tabs-newtab-button and the highlight of #nav-bar */ +.tabbrowser-tab[visuallyselected=true] { + position: relative; + z-index: 2; +} + +.tab-background-middle { + -moz-box-flex: 1; + background-clip: padding-box; + border-left: 15px solid transparent; + border-right: 15px solid transparent; + margin: 0 -15px; +} + +.tab-content { + -moz-padding-end: 9px; + -moz-padding-start: 9px; +} + +.tab-content[pinned] { + -moz-padding-end: 3px; +} + +.tab-throbber, +.tab-icon-image, +.tab-close-button { + margin-top: 1px; +} + +.tab-throbber, +.tab-icon-image { + height: 16px; + width: 16px; + -moz-margin-end: 6px; +} + +.tab-icon-image { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); +} + +.tab-icon-overlay { + width: 16px; + height: 16px; + margin-top: 10px; + -moz-margin-start: -16px; + display: none; +} + +.tab-icon-overlay[crashed] { + display: -moz-box; + list-style-image: url("chrome://browser/skin/tabbrowser/crashed.svg"); +} + +.tab-throbber[busy] { + list-style-image: url("chrome://browser/skin/tabbrowser/connecting.png"); +} + +.tab-throbber[progress] { + list-style-image: url("chrome://browser/skin/tabbrowser/loading.png"); +} + +.tab-label { + -moz-margin-end: 0; + -moz-margin-start: 0; +} + +.tab-close-button { + -moz-margin-start: 4px; + -moz-margin-end: -2px; + padding: 0; +} + +.tab-background, +.tabs-newtab-button { + /* overlap the tab curves */ + -moz-margin-end: -15px; + -moz-margin-start: -15px; +} + +.tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox { + -moz-padding-end: 15px; + -moz-padding-start: 15px; +} + +/* Tab Overflow */ +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]), +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) { + background-image: url(chrome://browser/skin/custom_images/#{$darker_asset_path_2}/tabs/tab-overflow-indicator.png); + background-size: 100% 100%; + width: 14px; + margin-bottom: var(--tab-toolbar-navbar-overlap); + pointer-events: none; + position: relative; + z-index: 3; /* the selected tab's z-index + 1 */ +} + +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:-moz-locale-dir(rtl), +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:-moz-locale-dir(ltr) { + transform: scaleX(-1); +} + +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]) { + -moz-margin-start: -2px; + -moz-margin-end: -12px; +} + +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) { + -moz-margin-start: -12px; + -moz-margin-end: -2px; +} + +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator[collapsed], +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator[collapsed] { + opacity: 0; +} + +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator, +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator { + transition: opacity 150ms ease; +} + +.tab-background-start[visuallyselected=true]::after, +.tab-background-start[visuallyselected=true]::before, +.tab-background-start, +.tab-background-end, +.tab-background-end[visuallyselected=true]::after, +.tab-background-end[visuallyselected=true]::before { + min-height: var(--tab-min-height); + width: 30px; +} + +.tabbrowser-tab:not([visuallyselected=true]), +.tabbrowser-tab:-moz-lwtheme { + color: inherit; +} + +.tabbrowser-tab:not([selected="true"]) { + color: transparentize($header_fg, 0.2); +} + +/* Selected tab */ + +/* + Tab background pseudo-elements which are positioned above .tab-background-start/end: + - ::before - provides the fill of the tab curve and is clipped to the tab shape. This is where + pointer events go for the curve. + - ::after - provides the border/stroke of the tab curve and is overlayed above ::before. Pointer + events go through to ::before to get the proper shape. + */ + + +.tab-background-start[visuallyselected=true]::after, +.tab-background-end[visuallyselected=true]::after { + /* position ::after on top of its parent */ + -moz-margin-start: -30px; + background-size: 100% 100%; + content: ""; + display: -moz-box; + position: relative; +} + +.tab-background-start[visuallyselected=true]::before, +.tab-background-end[visuallyselected=true]::before { + /* all ::before pseudo elements */ + content: ""; + display: -moz-box; +} + +.tab-background-start[visuallyselected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before, +.tab-background-end[visuallyselected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before { + background-image: url(chrome://browser/skin/custom_images/#{$darker_asset_path}/tabs/tab-start.svg); + background-size: 100% 100%; +} + +.tab-background-end[visuallyselected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before, +.tab-background-start[visuallyselected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before { + background-image: url(chrome://browser/skin/custom_images/#{$darker_asset_path}/tabs/tab-end.svg); + background-size: 100% 100%; +} + +/* For lightweight themes, clip the header image on start, middle, and end. */ +.tab-background-start[visuallyselected=true]:-moz-locale-dir(ltr):-moz-lwtheme::before, +.tab-background-end[visuallyselected=true]:-moz-locale-dir(rtl):-moz-lwtheme::before { + clip-path: url(chrome://browser/content/browser.xul#tab-curve-clip-path-start); +} + +.tab-background-end[visuallyselected=true]:-moz-locale-dir(ltr):-moz-lwtheme::before, +.tab-background-start[visuallyselected=true]:-moz-locale-dir(rtl):-moz-lwtheme::before { + clip-path: url(chrome://browser/content/browser.xul#tab-curve-clip-path-end); +} + +//.tab-background-start[visuallyselected=true]:-moz-locale-dir(ltr)::after, +//.tab-background-end[visuallyselected=true]:-moz-locale-dir(rtl)::after { +// background-image: url(chrome://browser/skin/tabbrowser/tab-stroke-start.png); +//} + +//.tab-background-end[visuallyselected=true]:-moz-locale-dir(ltr)::after, +//.tab-background-start[visuallyselected=true]:-moz-locale-dir(rtl)::after { +// background-image: url(chrome://browser/skin/tabbrowser/tab-stroke-end.png); +//} + +.tab-background-middle[visuallyselected=true] { + background-clip: padding-box, padding-box, content-box; + background-color: transparent; + background-image: url(chrome://browser/skin/custom_images/#{$darker_asset_path}/tabs/tab-middle.svg); + background-repeat: repeat-x; + background-size: auto 100%; + /* The padding-top combined with background-clip: content-box (the bottom-most) ensure the + background-color doesn't extend above the top border. */ + padding-top: 2px; +} + +/* Selected tab lightweight theme styles. + See browser-lightweightTheme.css for information about run-time changes to LWT styles. */ +.tab-background-middle[visuallyselected=true]:-moz-lwtheme { + background-color: transparent; + background-image: url(chrome://browser/skin/tabbrowser/tab-active-middle.png), + linear-gradient(transparent 0px, transparent 2px, hsla(0,0%,100%,0.35) 2px, hsla(0,0%,100%,0.35) 3px, hsla(0,0%,100%,0.65) 3px, hsla(0,0%,100%,0.65) 4px, rgba(255,255,255,.3));/*, + lwtHeader;*/ + /* Don't stretch the LWT header images */ + background-size: auto 100%, auto 100%, auto auto; +} + +/* These LWT styles are normally overridden by browser-lightweightTheme.css */ +.tab-background-start[visuallyselected=true]:-moz-lwtheme::before, +.tab-background-end[visuallyselected=true]:-moz-lwtheme::before { + background-image: linear-gradient(transparent 0px, transparent 2px, hsla(0,0%,100%,0.35) 2px, hsla(0,0%,100%,0.35) 3px, hsla(0,0%,100%,0.65) 3px, hsla(0,0%,100%,0.65) 4px, rgba(255,255,255,.3)); +} + +.tab-background-start[visuallyselected=true]:-moz-lwtheme::before, +.tab-background-end[visuallyselected=true]:-moz-lwtheme::before, +.tab-background-middle[visuallyselected=true]:-moz-lwtheme { + background-color: transparent; +} + +/* End selected tab */ + +/* new tab button border and gradient on hover */ +.tabbrowser-tab:hover > .tab-stack > .tab-background:not([visuallyselected=true]), +.tabs-newtab-button:hover { + background-image: + url(chrome://browser/skin/custom_images/#{$darker_asset_path}/tabs/tab-start-hover.svg), + url(chrome://browser/skin/custom_images/#{$darker_asset_path}/tabs/tab-middle-hover.svg), + url(chrome://browser/skin/custom_images/#{$darker_asset_path}/tabs/tab-end-hover.svg); + background-position: left bottom, 30px bottom, right bottom; + background-repeat: no-repeat; + background-size: 30px 100%, calc(100% - (2 * 30px)) 100%, 30px 100%; +} + +/* Tab pointer-events */ +.tabbrowser-tab { + pointer-events: none; +} + +.tab-background-middle, +.tabs-newtab-button, +.tab-close-button { + pointer-events: auto; +} + +/* Pinned tabs */ + +/* Pinned tab separators need position: absolute when positioned (during overflow). */ +#tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned]::before { + height: 100%; + position: absolute; +} + +.tabbrowser-tab[pinned][titlechanged]:not([visuallyselected="true"]) > .tab-stack > .tab-content { + background-image: radial-gradient(farthest-corner at center bottom, rgb(255,255,255) 3%, rgba(186,221,251,0.75) 20%, rgba(127,179,255,0.25) 40%, transparent 70%); + background-position: center bottom var(--tab-toolbar-navbar-overlap); + background-repeat: no-repeat; + background-size: 85% 100%; +} + +///* Background tab separators (3px wide). +// Also show separators beside the selected tab when dragging it. */ +//#tabbrowser-tabs[movingtab] > .tabbrowser-tab[beforeselected]:not([last-visible-tab])::after, +//.tabbrowser-tab:not([visuallyselected]):not([afterselected-visible]):not([afterhovered]):not([first-visible-tab]):not(:hover)::before, +//#tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([visuallyselected]):not([beforehovered]):not(:hover)::after { +// -moz-margin-start: -1.5px; +// -moz-margin-end: -1.5px; +// background-image: var(--tab-separator-image); +// background-position: left bottom var(--tab-toolbar-navbar-overlap); +// background-repeat: no-repeat; +// background-size: var(--tab-separator-size); +// opacity: var(--tab-separator-opacity); +// content: ""; +// display: -moz-box; +// width: 3px; +//} + +//#TabsToolbar[brighttext] { +// --tab-separator-image: linear-gradient(transparent 0%, transparent 15%, currentColor 15%, currentColor 90%, transparent 90%); +// --tab-separator-size: 1px 100%; +// --tab-separator-opacity: 0.4; +//} + +/* New tab button */ + +.tabs-newtab-button { + width: calc(36px + 30px); +} + +#tabbrowser-tabs { + /* override the global style to allow the selected tab to be above the nav-bar */ + z-index: auto; +} + +#TabsToolbar { + min-height: 0; + padding: 0; + margin-bottom: calc(-1 * var(--tab-toolbar-navbar-overlap)); +} + +#TabsToolbar:not(:-moz-lwtheme) { + -moz-appearance: menubar; + color: -moz-menubartext; +} + +#toolbar-menubar:not([autohide="true"]):not(:-moz-lwtheme):-moz-system-metric(menubar-drag), +#TabsToolbar:not(:-moz-lwtheme):-moz-system-metric(menubar-drag) { + -moz-binding: url("chrome://browser/content/customizableui/toolbar.xml#toolbar-drag"); +} + +.tabbrowser-tab:focus > .tab-stack > .tab-content > .tab-label { + outline: 1px dotted; +} + +#context_reloadTab { + list-style-image: url("moz-icon://stock/gtk-refresh?size=menu"); +} + +#context_closeOtherTabs { + list-style-image: url("moz-icon://stock/gtk-clear?size=menu"); +} + +#context_closeOtherTabs[disabled] { + list-style-image: url("moz-icon://stock/gtk-clear?size=menu&state=disabled"); +} + +#context_undoCloseTab { + list-style-image: url("moz-icon://stock/gtk-undelete?size=menu"); +} + +#context_closeTab { + list-style-image: url("moz-icon://stock/gtk-close?size=menu"); +} + +/* Tab drag and drop */ +.tab-drop-indicator { + list-style-image: url(chrome://browser/skin/tabbrowser/tabDragIndicator.png); + margin-bottom: -9px; + z-index: 3; +} + +/* Tab close button */ +//.tab-close-button:not([visuallyselected]):not(:hover) { +// background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 64, 16, 48); +//} + +//#TabsToolbar[brighttext] .tab-close-button:not([visuallyselected]):not(:hover) { +// background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 80, 16, 64); +//} + +//.tab-close-button:not([visuallyselected]):not(:hover):-moz-lwtheme-darktext { +// background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 96, 16, 80); +//} +.close-icon { + background-image: url("chrome://browser/skin/custom_images/#{$asset_path}/tabs/tab-close.svg"); + + &:hover { background-image: url("chrome://browser/skin/custom_images/#{$asset_path}/tabs/tab-close-hover.svg"); } + &:active:hover { background-image: url("chrome://browser/skin/custom_images/#{$asset_path}/tabs/tab-close-active.svg"); } + + .tabbrowser-tab:not([selected="true"]) & { + background-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/tabs/tab-close-inactive.svg"); + + &:hover { background-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/tabs/tab-close-hover.svg"); } + &:active { background-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/tabs/tab-close-active.svg"); } + } +} + +/* Tabstrip new tab button */ +.tabs-newtab-button, +#TabsToolbar > #new-tab-button , +#TabsToolbar > #wrapper-new-tab-button > #new-tab-button { + list-style-image: url("moz-icon://stock/gtk-add?size=menu"); + -moz-image-region: auto; +} + +.tabs-newtab-button > .toolbarbutton-icon, +#new-tab-button > .toolbarbutton-icon { + -moz-appearance: none; + list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/tabs/new-tab.png"); + -moz-image-region: auto; +} + +/* Tabbrowser arrowscrollbox arrows */ +.tabbrowser-arrowscrollbox > .scrollbutton-up > .toolbarbutton-icon, +.tabbrowser-arrowscrollbox > .scrollbutton-down > .toolbarbutton-icon { + -moz-appearance: none; +} + +.tabbrowser-arrowscrollbox > .scrollbutton-up, +.tabbrowser-arrowscrollbox > .scrollbutton-down { + -moz-appearance: none; + list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/tabs/tab-arrow-left.svg"); + margin: 0 0 var(--tab-toolbar-navbar-overlap); +} + +//#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .scrollbutton-up, +//#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .scrollbutton-down { +// list-style-image: url(chrome://browser/skin/tabbrowser/tab-arrow-left-inverted.png); +//} + +.tabbrowser-arrowscrollbox > .scrollbutton-up[disabled], +.tabbrowser-arrowscrollbox > .scrollbutton-down[disabled] { + opacity: .4; +} + +.tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-locale-dir(rtl), +.tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-locale-dir(ltr) { + transform: scaleX(-1); +} + +.tabbrowser-arrowscrollbox > .scrollbutton-down { + transition: 1s background-color ease-out; +} + +.tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] { + background-color: Highlight; + transition: none; +} + +#TabsToolbar .toolbarbutton-1 { + margin-bottom: var(--tab-toolbar-navbar-overlap); +} + +#alltabs-button { + list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/tabs/alltabs.svg"); +} + +//#TabsToolbar[brighttext] > #alltabs-button, +//#TabsToolbar[brighttext] > toolbarpaletteitem > #alltabs-button { +// list-style-image: url("chrome://browser/skin/tabbrowser/alltabs-inverted.png"); +//} + +#alltabs-button > .toolbarbutton-icon { + padding: 9px 6px 6px; +} + +#alltabs-button > .toolbarbutton-menu-dropmarker { + display: none; +} + +/* All tabs menupopup */ +.alltabs-item > .menu-iconic-left > .menu-iconic-icon { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); +} + +.alltabs-item[selected="true"] { + font-weight: bold; +} + +.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); +} + +.alltabs-item[tabIsVisible] { + /* box-shadow instead of background-color to work around native styling */ + box-shadow: inset -5px 0 ThreeDShadow; +} + +/* Sidebar */ +#sidebar-throbber[loading="true"] { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); + -moz-margin-end: 4px; +} + +toolbarbutton.chevron { + list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important; +} + +toolbar[brighttext] toolbarbutton.chevron:not(:hover):not([open="true"]) { + list-style-image: url("chrome://global/skin/toolbar/chevron-inverted.png") !important; +} + +toolbarbutton.chevron:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); +} + +toolbarbutton.chevron > .toolbarbutton-text, +toolbarbutton.chevron > .toolbarbutton-menu-dropmarker { + display: none; +} + +toolbarbutton.chevron > .toolbarbutton-icon { + margin: 0; +} + +/* Ctrl-Tab */ + +.ctrlTab-preview { + -moz-appearance: toolbarbutton; +} + +.tabPreview-canvas { + box-shadow: 0 0 5px ThreeDShadow; +} + +.ctrlTab-preview:focus .tabPreview-canvas, +.ctrlTab-preview:hover .tabPreview-canvas { + box-shadow: none; +} + +.ctrlTab-favicon[src] { + background-color: white; + width: 20px; + height: 20px; + padding: 2px; +} + +#ctrlTab-panel { + padding: 10px; +} + +.ctrlTab-preview:not(#ctrlTab-showAll) .tabPreview-canvas { + margin-bottom: 2px; +} + +#ctrlTab-showAll { + -moz-appearance: button; + color: ButtonText; + padding: 0 3px; + margin-top: 10px; +} + +/* Sync Panel */ + +.sync-panel-icon { + height:32px; + width: 32px; + background: url("chrome://browser/content/abouthome/sync.png") top left no-repeat; +} + +.sync-panel-inner { + width: 0; + padding-left: 10px; +} + +.sync-panel-button-box { + margin-top: 1em; +} + +#sync-error-panel-title, +#sync-start-panel-title { + font-size: 120%; + font-weight: bold; + margin-bottom: 5px; +} + +#sync-start-panel-subtitle, +#sync-error-panel-subtitle { + margin: 0; +} + +/* Status panel */ + +.statuspanel-label { + margin: 0; + padding: 2px 4px; + background: $selected_bg_color; + border: 1px none $selected_bg_color; + border-top-style: solid; + color: $selected_fg_color; + text-shadow: none; +} + +.statuspanel-label:-moz-locale-dir(ltr):not([mirror]), +.statuspanel-label:-moz-locale-dir(rtl)[mirror] { + border-right-style: solid; + border-top-right-radius: .3em; + margin-right: 1em; +} + +.statuspanel-label:-moz-locale-dir(rtl):not([mirror]), +.statuspanel-label:-moz-locale-dir(ltr)[mirror] { + border-left-style: solid; + border-top-left-radius: .3em; + margin-left: 1em; +} + +#full-screen-warning-message { + background-image: url("chrome://browser/skin/fullscreen-darknoise.png"); + color: white; + border-radius: 4px; + margin-top: 30px; + padding: 30px 50px; + box-shadow: 0 0 2px white; +} + +#full-screen-warning-container[obscure-browser] { + background-color: rgba(0,0,0,0.3); +} + +.full-screen-description { + font-size: 150%; +} + +#full-screen-domain-text { + font-size: 300%; +} + +.full-screen-approval-button, +#full-screen-remember-decision { + font-size: 120%; +} + + +/* Responsive Mode */ + +.browserContainer[responsivemode] { + background-color: #222; + padding: 0 20px 20px 20px; +} + +.browserStack[responsivemode] { + box-shadow: 0 0 7px black; +} + +.devtools-responsiveui-toolbar { + -moz-appearance: none; + background: transparent; + /* text color is textColor from dark theme, since no theme is applied to + * the responsive toolbar. + */ + color: hsl(210,30%,85%); + margin: 10px 0; + padding: 0; + box-shadow: none; + border-bottom-width: 0; +} + +.devtools-responsiveui-menulist, +.devtools-responsiveui-toolbarbutton { + -moz-appearance: none; + -moz-box-align: center; + min-width: 32px; + min-height: 22px; + text-shadow: 0 -1px 0 hsla(210,8%,5%,.45); + border: 1px solid hsla(210,8%,5%,.45); + border-radius: 0; + background: linear-gradient(hsla(212,7%,57%,.35), hsla(212,7%,57%,.1)) padding-box; + box-shadow: 0 1px 0 hsla(210,16%,76%,.15) inset, 0 0 0 1px hsla(210,16%,76%,.15) inset, 0 1px 0 hsla(210,16%,76%,.15); + margin: 0 3px; + color: inherit; +} + +.devtools-responsiveui-menulist .menulist-editable-box { + -moz-appearance: none; + background-color: transparent; +} + +.devtools-responsiveui-menulist html|*.menulist-editable-input { + -moz-appearance: none; + color: inherit; + text-align: center; +} + +.devtools-responsiveui-menulist html|*.menulist-editable-input::-moz-selection { + background: hsla(212,7%,57%,.35); +} + +.devtools-responsiveui-toolbarbutton > .toolbarbutton-icon { + width: 16px; + height: 16px; +} + +.devtools-responsiveui-toolbarbutton > .toolbarbutton-menubutton-button { + -moz-box-orient: horizontal; +} + +.devtools-responsiveui-menulist:-moz-focusring, +.devtools-responsiveui-toolbarbutton:-moz-focusring { + outline: 1px dotted hsla(210,30%,85%,0.7); + outline-offset: -4px; +} + +.devtools-responsiveui-toolbarbutton:not([label]) > .toolbarbutton-text { + display: none; +} + +.devtools-responsiveui-toolbarbutton:not([checked=true]):hover:active { + border-color: hsla(210,8%,5%,.6); + background: linear-gradient(hsla(220,6%,10%,.3), hsla(212,7%,57%,.15) 65%, hsla(212,7%,57%,.3)); + box-shadow: 0 0 3px hsla(210,8%,5%,.25) inset, 0 1px 3px hsla(210,8%,5%,.25) inset, 0 1px 0 hsla(210,16%,76%,.15); +} + +.devtools-responsiveui-menulist[open=true], +.devtools-responsiveui-toolbarbutton[open=true], +.devtools-responsiveui-toolbarbutton[checked=true] { + border-color: hsla(210,8%,5%,.6) !important; + background: linear-gradient(hsla(220,6%,10%,.6), hsla(210,11%,18%,.45) 75%, hsla(210,11%,30%,.4)); + box-shadow: 0 1px 3px hsla(210,8%,5%,.25) inset, 0 1px 3px hsla(210,8%,5%,.25) inset, 0 1px 0 hsla(210,16%,76%,.15); +} + +.devtools-responsiveui-toolbarbutton[checked=true] { + color: hsl(208,100%,60%); +} + +.devtools-responsiveui-toolbarbutton[checked=true]:hover { + background-color: transparent !important; +} + +.devtools-responsiveui-toolbarbutton[checked=true]:hover:active { + background-color: hsla(210,8%,5%,.2) !important; +} + +.devtools-responsiveui-menulist > .menulist-label-box { + text-align: center; +} + +.devtools-responsiveui-menulist > .menulist-dropmarker { + -moz-appearance: none; + display: -moz-box; + background-color: transparent; + list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg"); + -moz-box-align: center; + border-width: 0; + min-width: 16px; +} + +.devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-button { + -moz-appearance: none; + color: inherit; + border-width: 0; + -moz-border-end: 1px solid hsla(210,8%,5%,.45); + box-shadow: -1px 0 0 hsla(210,16%,76%,.15) inset, 1px 0 0 hsla(210,16%,76%,.15); +} + +.devtools-responsiveui-toolbarbutton[type=menu-button]:-moz-locale-dir(rtl) > .toolbarbutton-menubutton-button { + box-shadow: 1px 0 0 hsla(210,16%,76%,.15) inset, -1px 0 0 hsla(210,16%,76%,.15); +} + +.devtools-responsiveui-toolbarbutton[type=menu-button] { + padding: 0 1px; + -moz-box-align: stretch; +} + +.devtools-responsiveui-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker, +.devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker { + -moz-appearance: none !important; + list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg"); + -moz-box-align: center; + padding: 0 3px; +} + +.devtools-responsiveui-toolbar:-moz-locale-dir(ltr) > *:first-child, +.devtools-responsiveui-toolbar:-moz-locale-dir(rtl) > *:last-child { + margin-left: 0; +} + +.devtools-responsiveui-close { + list-style-image: url("chrome://browser/skin/devtools/close.png"); +} + +.devtools-responsiveui-rotate { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate.png"); +} + +@media (min-resolution: 1.25dppx) { + .devtools-responsiveui-close { + list-style-image: url("chrome://browser/skin/devtools/close@2x.png"); + } + + .devtools-responsiveui-rotate { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate@2x.png"); + } +} + +.devtools-responsiveui-touch { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch.png"); + -moz-image-region: rect(0px,16px,16px,0px); +} + +.devtools-responsiveui-touch[checked] { + -moz-image-region: rect(0px,32px,16px,16px); +} + +@media (min-resolution: 1.25dppx) { + .devtools-responsiveui-touch { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch@2x.png"); + -moz-image-region: rect(0px,32px,32px,0px); + } + + .devtools-responsiveui-touch[checked] { + -moz-image-region: rect(0px,64px,32px,32px); + } +} + +.devtools-responsiveui-screenshot { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot.png"); +} + +@media (min-resolution: 1.25dppx) { + .devtools-responsiveui-screenshot { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot@2x.png"); + } +} + +.devtools-responsiveui-resizebarV { + width: 7px; + height: 24px; + cursor: ew-resize; + transform: translate(12px, -12px); + background-size: cover; + background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png"); +} + +.devtools-responsiveui-resizebarH { + width: 24px; + height: 7px; + cursor: ns-resize; + transform: translate(-12px, 12px); + background-size: cover; + background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer.png"); +} + +.devtools-responsiveui-resizehandle { + width: 16px; + height: 16px; + cursor: se-resize; + transform: translate(12px, 12px); + background-size: cover; + background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png"); +} + +/* FxOS custom mode with additional buttons and phone look'n feel */ + +/* Hide devtools manual resizer */ +.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizehandle, +.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizebarH, +.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizebarV { + display: none; +} + +/* Gives responsive mode a phone look'n feel */ +.browserStack[responsivemode].fxos-mode { + padding: 60px 15px 0; + + border-radius: 25px / 20px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid #FFFFFF; + border-bottom-width: 0; + + background-color: #353535; + + box-shadow: 0 3px 0.7px 1px #777777, 0 5px rgba(0, 0, 0, 0.4) inset; + + background-image: linear-gradient(to right, #111 11%, #333 56%); + min-width: 320px; +} + +.devtools-responsiveui-hardware-buttons { + -moz-appearance: none; + padding: 20px; + + border: 1px solid #FFFFFF; + border-bottom-left-radius: 25px; + border-bottom-right-radius: 25px; + border-top-width: 0; + + box-shadow: 0 3px 0.7px 1px #777777, 0 -7px rgba(0, 0, 0, 0.4) inset; + + background-image: linear-gradient(to right, #111 11%, #333 56%); +} + +.devtools-responsiveui-home-button { + width: 40px; + height: 30px; + list-style-image: url("chrome://browser/skin/devtools/responsiveui-home.png"); +} + +.devtools-responsiveui-sleep-button { + -moz-appearance: none; + /* compensate browserStack top padding */ + margin-top: -67px; + margin-right: 10px; + + min-width: 10px; + width: 50px; + height: 5px; + + border: 1px solid #444; + border-top-right-radius: 12px; + border-top-left-radius: 12px; + border-bottom-color: transparent; + + background-image: linear-gradient(to top, #111 11%, #333 56%); +} + +.devtools-responsiveui-sleep-button:hover:active { + background-image: linear-gradient(to top, #aaa 11%, #ddd 56%); +} + +.devtools-responsiveui-volume-buttons { + margin-left: -29px; +} + +.devtools-responsiveui-volume-up-button, +.devtools-responsiveui-volume-down-button { + -moz-appearance: none; + border: 1px solid red; + min-width: 8px; + height: 40px; + + border: 1px solid #444; + border-right-color: transparent; + + background-image: linear-gradient(to right, #111 11%, #333 56%); +} + +.devtools-responsiveui-volume-up-button:hover:active, +.devtools-responsiveui-volume-down-button:hover:active { + background-image: linear-gradient(to right, #aaa 11%, #ddd 56%); +} + +.devtools-responsiveui-volume-up-button { + border-top-left-radius: 12px; +} + +.devtools-responsiveui-volume-down-button { + border-bottom-left-radius: 12px; +} + +@media (min-resolution: 1.25dppx) { + .devtools-responsiveui-resizebarV { + background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer@2x.png"); + } + + .devtools-responsiveui-resizebarH { + background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer@2x.png"); + } + + .devtools-responsiveui-resizehandle { + background-image: url("chrome://browser/skin/devtools/responsive-se-resizer@2x.png"); + } +} + +/* Developer toolbar */ + +/* NOTE: THESE NEED TO STAY IN SYNC WITH LIGHT-THEME.CSS AND DARK-THEME.CSS. + We are copy/pasting variables from light-theme and dark-theme, + since they aren't loaded in this context (within browser.css). */ +:root[devtoolstheme="light"] #developer-toolbar { + --gcli-background-color: #ebeced; /* --theme-tab-toolbar-background */ + --gcli-input-background: #f0f1f2; /* --theme-toolbar-background */ + --gcli-input-focused-background: #f7f7f7; /* --theme-sidebar-background */ + --gcli-input-color: #18191a; /* --theme-body-color */ + --gcli-border-color: #aaaaaa; /* --theme-splitter-color */ + --selection-background: #4c9ed9; /* --theme-selection-background */ + --selection-color: #f5f7fa; /* --theme-selection-color */ +} + +:root[devtoolstheme="dark"] #developer-toolbar { + --gcli-background-color: #343c45; /* --theme-toolbar-background */ + --gcli-input-background: rgba(37, 44, 51, .6); /* --theme-tab-toolbar-background */ + --gcli-input-focused-background: #252c33; /* --theme-tab-toolbar-background */ + --gcli-input-color: #b6babf; /* --theme-body-color-alt */ + --gcli-border-color: black; /* --theme-splitter-color */ + --selection-background: #1d4f73; /* --theme-selection-background */ + --selection-color: #f5f7fa; /* --theme-selection-color */ +} + +#developer-toolbar { + -moz-appearance: none; + padding: 0; + min-height: 32px; + background-color: var(--gcli-background-color); + border-top: 1px solid var(--gcli-border-color); +} + +#developer-toolbar > toolbarbutton { + -moz-appearance: none; + border: none; + background: transparent; + margin: 0; + padding: 0 10px; + width: 32px; +} + +.developer-toolbar-button > image { + margin: auto 10px; +} + +:root[devtoolstheme="light"] #developer-toolbar > toolbarbutton:not([checked=true]) > image, +:root[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before { + filter: url("chrome://browser/skin/devtools/filters.svg#invert"); +} + +.developer-toolbar-button > .toolbarbutton-icon, +#developer-toolbar-closebutton > .toolbarbutton-icon { + width: 16px; + height: 16px; +} + +#developer-toolbar-toolbox-button { + list-style-image: url("chrome://browser/skin/devtools/toggle-tools.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); +} + +#developer-toolbar-toolbox-button > label { + display: none; +} + +#developer-toolbar-toolbox-button:hover { + -moz-image-region: rect(0px, 32px, 16px, 16px); +} + +#developer-toolbar-toolbox-button:hover:active { + -moz-image-region: rect(0px, 48px, 16px, 32px); +} + +#developer-toolbar-toolbox-button[checked=true] { + -moz-image-region: rect(0px, 64px, 16px, 48px); +} + +@media (min-resolution: 1.25dppx) { + #developer-toolbar-toolbox-button { + list-style-image: url("chrome://browser/skin/devtools/toggle-tools@2x.png"); + -moz-image-region: rect(0px, 32px, 32px, 0px); + } + + #developer-toolbar-toolbox-button:hover { + -moz-image-region: rect(0px, 64px, 32px, 32px); + } + + #developer-toolbar-toolbox-button:hover:active { + -moz-image-region: rect(0px, 96px, 32px, 64px); + } + + #developer-toolbar-toolbox-button[checked=true] { + -moz-image-region: rect(0px, 128px, 32px, 96px); + } +} + +#developer-toolbar-closebutton { + list-style-image: url("chrome://browser/skin/devtools/close.png"); + -moz-appearance: none; + border: none; + margin: 0 4px; + min-width: 16px; + width: 16px; + opacity: 0.6; +} + +@media (min-resolution: 1.25dppx) { + #developer-toolbar-closebutton { + list-style-image: url("chrome://browser/skin/devtools/close@2x.png"); + } +} + +#developer-toolbar-closebutton > .toolbarbutton-icon { + /* XXX Buttons have padding in widget/ that we don't want here but can't override with good CSS, so we must + use evil CSS to give the impression of smaller content */ + margin: -4px; +} + +#developer-toolbar-closebutton > .toolbarbutton-text { + display: none; +} + +#developer-toolbar-closebutton:hover { + opacity: 0.8; +} + +#developer-toolbar-closebutton:hover:active { + opacity: 1; +} + +/* GCLI */ + +html|*#gcli-tooltip-frame, +html|*#gcli-output-frame { + padding: 0; + border-width: 0; + background-color: transparent; +} + +#gcli-output, +#gcli-tooltip { + border-width: 0; + background-color: transparent; + -moz-appearance: none; +} + +.gclitoolbar-input-node, +.gclitoolbar-complete-node { + margin: 0; + -moz-box-align: center; + padding-top: 0; + padding-bottom: 0; + padding-right: 8px; + text-shadow: none; + box-shadow: none; + border-width: 0; + background-color: transparent; + border-radius: 0; +} + +.gclitoolbar-input-node { + -moz-appearance: none; + color: var(--gcli-input-color); + background-color: var(--gcli-input-background); + background-repeat: no-repeat; + background-position: 4px center; + box-shadow: 1px 0 0 var(--gcli-border-color) inset, + -1px 0 0 var(--gcli-border-color) inset; + + line-height: 32px; + outline-style: none; + padding: 0; +} + +.gclitoolbar-input-node[focused="true"] { + background-color: var(--gcli-input-focused-background); +} + +.gclitoolbar-input-node::before { + content: ""; + display: inline-block; + -moz-box-ordinal-group: 0; + width: 16px; + height: 16px; + margin: 0 2px; + background-image: url("chrome://browser/skin/devtools/commandline-icon.png"); + background-position: 0 center; + background-size: 32px 16px; +} + +.gclitoolbar-input-node[focused="true"]::before { + background-position: -16px center; +} + +@media (min-resolution: 1.25dppx) { + .gclitoolbar-input-node::before { + background-image: url("chrome://browser/skin/devtools/commandline-icon@2x.png"); + } +} + +.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection { + background-color: var(--selection-background); + color: var(--selection-color); + text-shadow: none; +} + +.gclitoolbar-complete-node { + padding-left: 21px; + background-color: transparent; + color: transparent; + z-index: 100; + pointer-events: none; +} + +.gcli-in-incomplete, +.gcli-in-error, +.gcli-in-ontab, +.gcli-in-todo, +.gcli-in-closebrace, +.gcli-in-param, +.gcli-in-valid { + margin: 0; + padding: 0; +} + +.gcli-in-incomplete { + border-bottom: 2px dotted #999; +} + +.gcli-in-error { + border-bottom: 2px dotted #F00; +} + +.gcli-in-ontab { + color: hsl(210,0%,35%); +} + +.gcli-in-todo { + color: hsl(210,50%,35%); +} + +.gcli-in-closebrace { + color: hsl(0,0%,80%); +} +#notification-popup[popupid="click-to-play-plugins"] > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0px; +} + +.click-to-play-plugins-notification-center-box { + border: 1px solid ThreeDShadow; + margin: 10px; +} + +.plugin-popupnotification-centeritem:nth-child(odd) { + background-color: rgba(0,0,0,0.1); +} + +.center-item-label { + -moz-margin-start: 6px; + margin-bottom: 0; + text-overflow: ellipsis; +} + +.center-item-warning-icon { + background-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.png"); + background-repeat: no-repeat; + width: 16px; + height: 15px; + -moz-margin-start: 6px; +} + +.click-to-play-plugins-notification-button-container { + background-color: hsla(210,4%,10%,.07); + border-top: 1px solid hsla(210,4%,10%,.12); + padding: 10px; + margin-top: 5px; +} + +.click-to-play-popup-button { + width: 50%; +} + +.click-to-play-plugins-notification-description-box { + padding: 10px; +} + +.click-to-play-plugins-outer-description { + margin-top: 8px; +} + +.click-to-play-plugins-notification-link, +.center-item-link { + margin: 0; +} + +.messageImage[value="plugin-hidden"] { + list-style-image: url("chrome://browser/skin/notification-pluginNormal.png"); + -moz-image-region: rect(0, 16px, 16px, 0); +} + +/* Keep any changes to this style in sync with pluginProblem.css */ +notification.pluginVulnerable { + background-color: rgb(72,72,72); + background-image: url(chrome://mozapps/skin/plugins/contentPluginStripe.png); + color: white; +} + +notification.pluginVulnerable .messageImage { + list-style-image: url("chrome://browser/skin/notification-pluginBlocked.png"); +} +.popup-notification-item-title[popupid="bad-content"] { + font-weight: bold; +} + +.popup-notification-item-message[popupid="bad-content"] { + width: 17em; +} + +.popup-notification-item-message[popupid="bad-content"][mixedblockdisabled]:not(.popup-notification-item-message-critical), +.popup-notification-item-message[popupid="bad-content"][trackingblockdisabled]:not(.popup-notification-item-message-critical) { + color: GrayText; +} + +.popup-notification-item-message-critical[popupid="bad-content"] { + color: #d74345; + font-style: italic; +} + +.popup-notification-footer[popupid="bad-content"] { + padding-top: 1em; +} +#login-fill-testing { + color: #b33; + font-weight: bold; +} + +#login-fill-list { + border: 1px solid black; + max-height: 20em; +} + +.login-hostname { + margin: 4px; + font-weight: bold; +} + +.login-username { + margin: 4px; + color: #888; +} + +/* 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/. */ + +/*** Status and progress indicator ***/ + +#downloads-animation-container { + min-height: 1px; + min-width: 1px; + height: 1px; + margin-bottom: -1px; + /* Makes the outermost animation container element positioned, so that its + contents are rendered over the main browser window in the Z order. + This is required by the animated event notification. */ + position: relative; + /* The selected tab may overlap #downloads-indicator-notification */ + z-index: 5; +} + +/*** Main indicator icon ***/ + +#downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon, +#nav-bar #downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon { + background: -moz-image-rect(url("chrome://browser/skin/custom_images/#{$asset_path}/toolbar-icons.svg"), 0, 198, 18, 180) center no-repeat; + min-width: 18px; + min-height: 18px; +} + +#TabsToolbar #downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon { + background: -moz-image-rect(url("chrome://browser/skin/custom_images/#{$asset_path}/tabbar-icons.svg"), 0, 198, 18, 180) center no-repeat; +} + +#downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open],[checked],:hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon, +#TabsToolbar #downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open],[checked],:hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon, +#nav-bar #downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open],[checked],:hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon { + background: -moz-image-rect(url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"), 0, 198, 18, 180) center no-repeat; +} + +//toolbar[brighttext] #downloads-button[cui-areatype="toolbar"]:not([attention]) > #downloads-indicator-anchor > #downloads-indicator-icon { +// background: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), +// 0, 198, 18, 180) center no-repeat; +//} + +#downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon, +#nav-bar #downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon, +#TabsToolbar #downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon { + background-image: -moz-image-rect(url("chrome://browser/skin/custom_images/#{$asset_path}/toolbar-icons.svg"), 18, 198, 36, 180); +} + +//toolbar[brighttext] #downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon { +// background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 18, 198, 36, 180); +//} + +#downloads-button[cui-areatype="menu-panel"][attention] { + list-style-image: url("chrome://browser/skin/downloads/download-glow-menuPanel.png"); + -moz-image-region: auto; +} + +/* In the next few rules, we use :not([counter]) as a shortcut that is + equivalent to -moz-any([progress], [paused]). */ + +#downloads-button:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { + background: -moz-image-rect(url("chrome://browser/skin/Toolbar-small.png"), + 0, 16, 16, 0) center no-repeat; + background-size: 12px; +} + +//toolbar[brighttext] #downloads-button:not([counter]):not([attention]) > #downloads-indicator-anchor > #downloads-button-progress-area > #downloads-indicator-counter { +// background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 0, 198, 18, 180); +//} + +#downloads-button:not([counter])[attention] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { + background-image: -moz-image-rect(url("chrome://browser/skin/custom_images/#{$asset_path}/toolbar-icons.svg"), 18, 198, 36, 180); +} + +//toolbar[brighttext] #downloads-button:not([counter])[attention] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { +// background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 18, 198, 36, 180); +//} + +/*** Download notifications ***/ + +#downloads-indicator-notification { + opacity: 0; + background-size: 16px; + background-position: center; + background-repeat: no-repeat; + width: 16px; + height: 16px; +} + +@keyframes downloadsIndicatorNotificationStartRight { + from { opacity: 0; transform: translate(-128px, 128px) scale(8); } + 20% { opacity: .85; animation-timing-function: ease-out; } + to { opacity: 0; transform: translate(0) scale(1); } +} + +@keyframes downloadsIndicatorNotificationStartLeft { + from { opacity: 0; transform: translate(128px, 128px) scale(8); } + 20% { opacity: .85; animation-timing-function: ease-out; } + to { opacity: 0; transform: translate(0) scale(1); } +} + +#downloads-notification-anchor[notification="start"] > #downloads-indicator-notification { + background-image: url("chrome://browser/skin/downloads/download-notification-start.png"); + animation-name: downloadsIndicatorNotificationStartRight; + animation-duration: 1s; +} + +#downloads-notification-anchor[notification="start"]:-moz-locale-dir(rtl) > #downloads-indicator-notification { + animation-name: downloadsIndicatorNotificationStartLeft; +} + +@keyframes downloadsIndicatorNotificationFinish { + from { opacity: 0; transform: scale(1); } + 20% { opacity: .65; animation-timing-function: ease-in; } + to { opacity: 0; transform: scale(8); } +} + +#downloads-notification-anchor[notification="finish"] > #downloads-indicator-notification { + background-image: url("chrome://browser/skin/downloads/download-notification-finish.png"); + animation-name: downloadsIndicatorNotificationFinish; + animation-duration: 1s; +} + +/*** Progress bar and text ***/ + +#downloads-indicator-counter { + height: 10px; + margin: 0; + color: hsl(0,0%,30%); + text-shadow: 0 1px 0 hsla(0,0%,100%,.5); + font-size: 10px; + line-height: 10px; + text-align: center; +} + +toolbar[brighttext] #downloads-indicator-counter { + color: white; + text-shadow: 0 0 1px rgba(0,0,0,.7), + 0 1px 1.5px rgba(0,0,0,.5); +} + +#downloads-indicator-progress { + width: 18px; + height: 6px; + min-width: 0; + min-height: 0; + margin-top: 1px; + margin-bottom: 2px; + border-radius: 2px; + box-shadow: 0 1px 0 hsla(0,0%,100%,.4); +} + +#downloads-indicator-progress > .progress-bar { + -moz-appearance: none; + min-width: 0; + min-height: 0; + /* The background-clip: border-box; and background-image: none; are there to expand the background-color behind the border */ + background-clip: padding-box, border-box; + background-color: rgb(255, 135, 94); + background-image: linear-gradient(transparent 1px, rgba(255, 255, 255, 0.4) 1px, rgba(255, 255, 255, 0.4) 2px, transparent 2px), none; + border: 1px solid; + border-color: rgba(0,43,86,.6) rgba(0,43,86,.4) rgba(0,43,86,.4); + border-radius: 2px 0 0 2px; +} + +#downloads-indicator-progress > .progress-remainder { + -moz-appearance: none; + min-width: 0; + min-height: 0; + background-image: linear-gradient(#505050, #575757); + border: 1px solid; + border-color: hsla(0,0%,0%,.6) hsla(0,0%,0%,.4) hsla(0,0%,0%,.4); + -moz-border-start: none; + border-radius: 0 2px 2px 0; +} + +#downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-bar { + background-color: rgb(220, 230, 81); +} + +#downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-remainder { + background-image: linear-gradient(#4b5000, #515700); +} + +.gcli-panel { + padding: 0; +} + +.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection { + color: hsl(210,11%,16%); +} + +/* Error counter */ + +#developer-toolbar-toolbox-button[error-count]:before { + color: #FDF3DE; + min-width: 16px; + text-shadow: none; + background-image: linear-gradient(#B4211B, #8A1915); + border-radius: 1px; + -moz-margin-end: 2px; +} + +/* Social toolbar item */ + +#social-undoactivation-button { + -moz-margin-start: 0; /* override default label margin to match description margin */ +} + +.social-activation-icon { + width: auto; + height: auto; + max-height: 64px; + max-width: 64px; +} + +#social-activation-message { + max-width: 250px; +} + +#social-activation-message > label { + margin: 0; +} + +/* social toolbar provider menu */ +#social-statusarea-popup { + margin-top: 0; + margin-left: -12px; + margin-right: -12px; +} + +.social-statusarea-user { + list-style-image:url("chrome://global/skin/icons/information-32.png"); +} + +.social-statusarea-user-portrait { + width: 32px; + height: 32px; + border-radius: 2px; + margin: 10px; +} + +.social-panel > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0; +} + + +#social-sidebar-header { + padding: 3px; +} + +#manage-share-providers, +#social-sidebar-button { + list-style-image: url("chrome://browser/skin/Toolbar.png"); + -moz-image-region: rect(0, 468px, 18px, 450px); +} + +#social-sidebar-button { + -moz-appearance: none; + border: none; + padding: 0; + margin: 2px; +} +#manage-share-providers > .toolbarbutton-icon, +#social-sidebar-button > .toolbarbutton-icon { + min-height: 18px; + min-width: 18px; +} + +#social-sidebar-button > .toolbarbutton-menu-dropmarker { + display: none; +} + +#social-sidebar-button[loading="true"] { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); +} + +#social-sidebar-favico { + max-height: 16px; + max-width: 16px; + padding: 0; + margin: 2px; +} + +.chat-status-icon { + max-height: 16px; + max-width: 16px; + padding: 0; +} + +.chat-toolbarbutton { + -moz-appearance: none; + border: none; + padding: 0 3px; + margin: 0; + background: none; +} + +.chat-toolbarbutton:hover { + background-color: rgba(255,255,255,.35); +} + +.chat-toolbarbutton:hover:active { + background-color: rgba(255,255,255,.5); +} + +.chat-toolbarbutton > .toolbarbutton-text { + display: none; +} + +.chat-toolbarbutton > .toolbarbutton-icon { + width: 16px; + height: 16px; +} + +.chat-close-button { + list-style-image: url("chrome://browser/skin/social/chat-icons.svg#close"); +} + +.chat-close-button:-moz-any(:hover,:hover:active) { + list-style-image: url("chrome://browser/skin/social/chat-icons.svg#close-active"); +} + +.chat-minimize-button { + list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize"); +} + +.chat-minimize-button:-moz-any(:hover,:hover:active) { + list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize-active"); +} + +.chat-swap-button { + list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand"); + transform: rotate(180deg); +} + +.chat-swap-button:-moz-any(:hover,:hover:active) { + list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand-active"); +} + +chatbar > chatbox > .chat-titlebar > .chat-swap-button { + transform: none; +} + +.chat-title { + font-weight: bold; + color: black; + text-shadow: none; + cursor: inherit; +} + +.chat-titlebar { + height: 30px; + min-height: 30px; + width: 100%; + margin: 0; + padding: 7px 6px; + border: none; + border-bottom: 1px solid #ccc; + cursor: pointer; +} + +.chat-titlebar > .notification-anchor-icon { + margin-left: 2px; + margin-right: 2px; +} + +.chat-titlebar[minimized="true"] { + border-bottom: none; +} + +.chat-titlebar[activity] { + background-image: radial-gradient(ellipse closest-side at center, rgb(255,255,255), transparent); + background-repeat: no-repeat; + background-size: 100% 20px; + background-position: 0 -10px; +} + +chatbox[dark=true] > .chat-titlebar, +chatbox[dark=true] > .chat-titlebar[selected] { + border-bottom: none; + background-color: #000; + background-image: none; +} + +chatbox[dark=true] > .chat-titlebar > hbox > .chat-title { + font-weight: normal; + color: #c1c1c1; +} + +.chat-frame { + padding: 0; + margin: 0; + overflow: hidden; +} + +.chatbar-button { + list-style-image: url("chrome://browser/skin/social/services-16.png"); + margin: 0; + padding: 2px; + height: 21px; + width: 21px; + border: 1px solid #ccc; + border-bottom: none; +} + +@media (min-resolution: 2dppx) { + .chatbar-button { + list-style-image: url("chrome://browser/skin/social/services-16@2x.png"); + } +} + +.chatbar-button > .toolbarbutton-icon { + width: 16px; +} + +.chatbar-button > menupopup > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon { + width: auto; + height: auto; + max-height: 16px; + max-width: 16px; +} + +.chatbar-button[open="true"] { + box-shadow: inset 0 2px 5px rgba(0,0,0,0.6), 0 1px rgba(255,255,255,0.2); +} + +.chatbar-button > .toolbarbutton-text, +.chatbar-button > .toolbarbutton-menu-dropmarker { + display: none; +} + +.chatbar-button > menupopup > menuitem[activity] { + font-weight: bold; +} + +.chatbar-innerbox { + background: transparent; + margin: -285px 0 0; + overflow: hidden; +} + +chatbar { + -moz-margin-end: 20px; +} + +chatbox { + -moz-margin-start: 4px; + background-color: white; + border: 1px solid #ccc; + border-bottom: none; +} + +window > chatbox { + -moz-margin-start: 0px; + margin: 0px; + border: none; + padding: 0px; +} + +.chat-titlebar { + background-color: #d9d9d9; + background-image: linear-gradient(rgba(255,255,255,.3), transparent); +} + +.chat-titlebar[selected] { + background-color: #f0f0f0; +} + +.chatbar-button { + -moz-appearance: none; + background-color: #d9d9d9; + background-image: linear-gradient(rgba(255,255,255,.3), transparent); +} + +.chatbar-button > .toolbarbutton-icon { + -moz-margin-end: 0; +} + +.chatbar-button:hover, +.chatbar-button[open="true"] { + background-color: #f0f0f0; +} + +.chatbar-button[activity] { + background-image: radial-gradient(circle farthest-corner at center 3px, rgb(233,242,252) 3%, rgba(172,206,255,0.75) 40%, rgba(87,151,201,0.5) 80%, transparent); +} + +chatbox { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +/* Customization mode */ + +/* 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/. */ + +/* Customization mode */ + +#main-window:-moz-any([customize-entering],[customize-entered]) #browser-bottombox { + margin-bottom: 2em; +} + +#main-window:-moz-any([customize-entering],[customize-entered]) #content-deck, +#main-window:-moz-any([customize-entering],[customize-entered]) #browser-bottombox, +#main-window:-moz-any([customize-entering],[customize-entered]) #navigator-toolbox { + margin-left: 2em; + margin-right: 2em; +} + +#main-window:-moz-any([customize-entering],[customize-exiting]) #tab-view-deck { + pointer-events: none; +} + +#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before, +#PanelUI-contents > .panel-customization-placeholder { + -moz-outline-radius: 2.5px; + outline: 1px dashed transparent; +} + +#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before { + /* Prevent jumping of tabs when switching a window between inactive and active (bug 853415). */ + -moz-box-ordinal-group: 0; + content: ""; + display: -moz-box; + height: 100%; + left: 0; + outline-offset: -2px; + pointer-events: none; + position: absolute; + top: 0; + width: 100%; +} + +/* Shift the TabsToolbar outline up 2px since the #nav-bar is shifted up by 1px and the + #TabsToolbar::after is a pixel higher to draw the bottom border of the tabstrip so this makes the + offset from the bottom effectively the same as other targets (-2px). */ +#main-window[customize-entered] #TabsToolbar.customization-target::before { + top: -2px; +} + +/* The parents of the outline pseudo-elements need to be positioned so that the outline is positioned relative to it. */ +#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)):hover, +#main-window[customize-entered] .customization-target[customizing-dragovertarget]:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)), +#main-window[customize-entered] #nav-bar-customization-target.customization-target { + position: relative; +} + +/* Most target outlines are shown on hover and drag over but the panel menu uses + placeholders instead. */ +#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)):hover::before, +#main-window[customize-entered] .customization-target[customizing-dragovertarget]:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before, +/* nav-bar and panel outlines are always shown */ +#nav-bar[showoutline=true] > #nav-bar-customization-target.customization-target::before { + outline-color: rgb(102,102,102); +} + +#nav-bar[showoutline=true] > #nav-bar-customization-target.customization-target::before { + transition: outline-color 250ms linear; +} + +#PanelUI-contents[showoutline=true] > .panel-customization-placeholder { + transition: outline-color 250ms linear; + outline-color: #bbb; +} + +#PanelUI-contents > .panel-customization-placeholder { + cursor: auto; + outline-offset: -5px; +} + +#main-window[customizing] .customization-target:not(#PanelUI-contents) { + min-width: 100px; + padding-left: 10px; + padding-right: 10px; +} + +#customization-container { + background-color: rgb(247,247,247); + color: black; + text-shadow: none; +} + +#customization-palette, +#customization-empty { + padding: 0 25px 25px; +} + +#customization-header { + font-size: 1.75em; + line-height: 1.75em; + color: #666; + font-weight: 200; + margin: 25px 25px 12px; + padding-bottom: 12px; + border-bottom: 1px solid #e5e5e5; +} + +#customization-panel-container { + padding: 15px 25px 25px; + background-image: linear-gradient(to bottom, #3e86ce, #3878ba); +} + +#main-window:-moz-any([customize-entering],[customize-entered]) #browser-bottombox, +#customization-footer { + background-color: rgb(236,236,236); +} + +#customization-footer { + border-top: 1px solid rgb(221,221,221); + padding: 10px; +} + +.customizationmode-button { + border: 1px solid rgb(192,192,192); + border-radius: 3px; + margin: 5px; + padding: 2px 12px; + background-color: rgb(251,251,251); + color: rgb(71,71,71); + box-shadow: 0 1px rgba(255, 255, 255, 0.5), + inset 0 1px rgba(255, 255, 255, 0.5); + -moz-appearance: none; +} + +#customization-titlebar-visibility-button[checked], +#customization-devedition-theme-button[checked] { + background-color: rgb(218, 218, 218); + border-color: rgb(168, 168, 168); + text-shadow: 0 1px rgb(236, 236, 236); + box-shadow: 0 1px rgba(255, 255, 255, 0.5), + inset 0 1px rgb(196, 196, 196); +} + +.customizationmode-button[disabled="true"] { + opacity: .5; +} + +.customizationmode-button > .box-inherit > .box-inherit > .button-icon, +.customizationmode-button > .button-box > .button-icon { + height: 24px; +} + +#customization-titlebar-visibility-button { + list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle.png"); + -moz-image-region: rect(0, 24px, 24px, 0); +} + +#customization-lwtheme-button, +#customization-titlebar-visibility-button { + padding: 2px 7px; +} + +#customization-lwtheme-button > .box-inherit > .box-inherit > .button-text, +#customization-titlebar-visibility-button > .button-box > .button-text { + /* Sadly, button.css thinks its margins are perfect for everyone. */ + -moz-margin-start: 6px !important; +} + +#customization-lwtheme-button > .box-inherit > .box-inherit > .button-icon { + width: 20px; + height: 20px; + border-radius: 2px; + background-size: contain; +} + +#customization-titlebar-visibility-button > .button-box > .button-icon { + vertical-align: middle; +} + +#customization-titlebar-visibility-button[checked] { + -moz-image-region: rect(0, 48px, 24px, 24px); +} + +@media (min-resolution: 1.1dppx) { + #customization-titlebar-visibility-button { + list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle@2x.png"); + -moz-image-region: rect(0, 48px, 48px, 0); + } + + #customization-titlebar-visibility-button[checked] { + -moz-image-region: rect(0, 96px, 48px, 48px); + } +} + +#main-window[customize-entered] #customization-panel-container { + background-image: url("chrome://browser/skin/customizableui/customizeMode-separatorHorizontal.png"), + url("chrome://browser/skin/customizableui/customizeMode-separatorVertical.png"), + url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"), + url("chrome://browser/skin/customizableui/background-noise-toolbar.png"), + linear-gradient(to bottom, #3e86ce, #3878ba); + background-position: center top, left center, left top, left top, left top; + background-repeat: no-repeat, no-repeat, repeat, repeat, no-repeat; + background-size: auto 12px, 12px 100%, auto, auto, auto; + background-attachment: scroll, scroll, fixed, fixed, scroll; +} + +toolbarpaletteitem[place="toolbar"] { + transition: border-width 250ms ease-in-out; +} + +toolbarpaletteitem[mousedown] { + cursor: -moz-grabbing; +} + +.panel-customization-placeholder, +toolbarpaletteitem[place="palette"], +toolbarpaletteitem[place="panel"] { + transition: transform .3s ease-in-out; +} + +#customization-palette { + transition: opacity .3s ease-in-out; + opacity: 0; +} + +#customization-palette[showing="true"] { + opacity: 1; +} + +toolbarpaletteitem[notransition].panel-customization-placeholder, +toolbarpaletteitem[notransition][place="toolbar"], +toolbarpaletteitem[notransition][place="palette"], +toolbarpaletteitem[notransition][place="panel"] { + transition: none; +} + +toolbarpaletteitem > toolbarbutton > .toolbarbutton-icon, +toolbarpaletteitem > toolbarbutton > .toolbarbutton-badge-container > .toolbarbutton-icon, +toolbarpaletteitem > toolbaritem.panel-wide-item, +toolbarpaletteitem > toolbarbutton[type="menu-button"] { + transition: transform .3s cubic-bezier(.6, 2, .75, 1.5) !important; +} + +toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-icon, +toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-badge-container > .toolbarbutton-icon { + transform: scale(1.3); +} + +toolbarpaletteitem[mousedown] > toolbaritem.panel-wide-item, +toolbarpaletteitem[mousedown] > toolbarbutton[type="menu-button"] { + transform: scale(1.1); +} + +/* Override the toolkit styling for items being dragged over. */ +toolbarpaletteitem[place="toolbar"] { + border-left-width: 0; + border-right-width: 0; + margin-right: 0; + margin-left: 0; +} + +#customization-palette:not([hidden]) { + margin-bottom: 25px; +} + +#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton, +#wrapper-edit-controls[place="palette"] > #edit-controls > separator, +#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton, +#wrapper-zoom-controls[place="palette"] > #zoom-controls > separator { + margin-top: 20px; +} + +#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton, +#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton { + margin-left: 0; + margin-right: 0; + max-width: 24px; + min-width: 24px; + max-height: 24px; + min-height: 24px; + padding: 4px; +} + +#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-icon, +#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton > .toolbarbutton-icon { + width: 16px; +} + +#wrapper-edit-controls > #edit-controls > toolbarbutton > .toolbarbutton-icon { + opacity: 1; /* To ensure these buttons always look enabled in customize mode */ +} + +#wrapper-zoom-controls[place="palette"] > #zoom-controls > #zoom-reset-button, +#wrapper-zoom-controls[place="palette"] > #zoom-controls > #zoom-reset-button + separator { + display: none; +} + +#wrapper-personal-bookmarks:not([place="toolbar"]) > #personal-bookmarks { + -moz-box-pack: center; + min-height: 48px; +} + +#personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder > .toolbarbutton-icon { + -moz-margin-end: 5px; +} + +#customization-palette > toolbarpaletteitem > label { + text-align: center; + margin-left: 0; + margin-right: 0; +} + +#customization-lwtheme-menu > .panel-arrowcontainer > .panel-arrowcontent { + -moz-box-orient: vertical; + /* Make the panel padding uniform across all platforms due to the + styling of the section headers and footer. */ + padding: 10px; +} + +.customization-lwtheme-menu-theme > .toolbarbutton-icon { + width: 32px; + height: 32px; +} + +.customization-lwtheme-menu-theme { + -moz-appearance: none; + border: 1px solid transparent; + margin: 0 -5px 5px; + padding-top: 0; + -moz-padding-end: 5px; + padding-bottom: 0; + -moz-padding-start: 0; +} + +.customization-lwtheme-menu-theme[defaulttheme] { + list-style-image: url(chrome://browser/skin/theme-switcher-icon.png); +} + +.customization-lwtheme-menu-theme[active="true"], +.customization-lwtheme-menu-theme:hover { + background-color: hsla(210,4%,10%,.08); + border-color: hsla(210,4%,10%,.11); +} + +.customization-lwtheme-menu-theme[active="true"], +.customization-lwtheme-menu-theme:hover:active { + background-color: hsla(210,4%,10%,.15); +} + +.customization-lwtheme-menu-theme > .toolbarbutton-icon { + margin: 5px; +} + +.customization-lwtheme-menu-theme > .toolbarbutton-text { + text-align: start; +} + +#customization-lwtheme-menu-header, +#customization-lwtheme-menu-recommended { + padding: 10px; + margin-bottom: 5px; +} + +#customization-lwtheme-menu-header, +#customization-lwtheme-menu-recommended, +#customization-lwtheme-menu-footer { + background-color: hsla(210,4%,10%,.05); + color: hsl(0,0%,50%); + margin-right: -10px; + margin-left: -10px; +} + +#customization-lwtheme-menu-header { + margin-top: -10px; + border-bottom: 1px solid hsla(210,4%,10%,.05); +} + +#customization-lwtheme-menu-recommended { + border-top: 1px solid hsla(210,4%,10%,.05); + border-bottom: 1px solid hsla(210,4%,10%,.05); +} + +#customization-lwtheme-menu-footer { + background: linear-gradient(hsla(210,4%,10%,.05) 60%, transparent) border-box; + border-top: 1px solid hsla(210,4%,10%,.05); + margin-bottom: -10px; +} + +.customization-lwtheme-menu-footeritem { + -moz-appearance: none; + -moz-box-flex: 1; + color: hsl(0,0%,50%); + border-style: none; + padding: 10px; + margin-left: 0; + margin-right: 0; +} + +.customization-lwtheme-menu-footeritem:hover { + background: linear-gradient(hsla(210,4%,10%,.08) 40%, transparent) padding-box; +} + +.customization-lwtheme-menu-footeritem:first-child { + -moz-border-end: 1px solid hsla(210,4%,10%,.15); +} + +/* 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/. */ + +#customization-tipPanel > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0; + margin: 0; + min-width: 400px; + max-width: 1000px; + min-height: 200px; + border-radius: 3px; + background-image: linear-gradient(90deg, #a0dfff 0%, #ceeeff 100%); + border: 0px solid rgba(0,148,221,.5); + box-shadow: 0 1px 5px 0 rgba(0,0,0,.5), inset 0 1px 1px 0 #fff; + color: rgb(51,51,51); +} + +#customization-tipPanel > .panel-arrowcontainer > .panel-arrowcontent:-moz-locale-dir(rtl) { + background-image: linear-gradient(90deg, #ceeeff 0%, #a0dfff 100%); +} + +.customization-tipPanel-infoBox { + margin: 20px 25px 25px; + width: 25px; + background-image: url(chrome://browser/skin/customizableui/info-icon-customizeTip.png); + background-repeat: no-repeat; +} + +.customization-tipPanel-content { + margin: 25px 0; + font-size: 12px; + line-height: 18px; +} + +.customization-tipPanel-em { + margin: 0; + font-weight: bold; +} + +.customization-tipPanel-contentImage { + margin-top: 25px; + list-style-image: url(chrome://browser/skin/customizableui/customize-illustration.png); + min-width: 300px; + max-width: 300px; + min-height: 190px; + max-height: 190px; + display: -moz-box; +} + +.customization-tipPanel-contentImage:-moz-locale-dir(rtl) { + list-style-image: url(chrome://browser/skin/customizableui/customize-illustration-rtl.png); +} + +.customization-tipPanel-link { + -moz-appearance: none; + background: transparent; + border: none; + box-shadow: none; + color: rgb(25,82,171); + margin: 0; + cursor: pointer; +} + +.customization-tipPanel-link > .button-box > .button-text { + margin: 0 !important; +} + +.customization-tipPanel-closeBox > .close-icon { + -moz-appearance: none; + border: 0; + -moz-margin-end: -25px; +} + +#customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="left"], +#customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="right"] { + list-style-image: url("chrome://browser/skin/customizableui/panelarrow-customizeTip.png"); +} + +#main-window[customize-entered] > #tab-view-deck { + background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"), + linear-gradient(to bottom, #bcbcbc, #b5b5b5); + background-attachment: fixed; +} + +#main-window[customization-lwtheme] > #tab-view-deck:-moz-lwtheme { + background-repeat: no-repeat; + background-position: right top; + background-attachment: fixed; + /* The image will get set from CustomizeMode.jsm */ + background-image: none; + background-color: transparent; +} + +#main-window[customization-lwtheme]:-moz-lwtheme { + background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"), + url("chrome://browser/skin/customizableui/background-noise-toolbar.png"), + linear-gradient(to bottom, #bcbcbc, #b5b5b5); + background-color: #b5b5b5; + background-repeat: repeat; + background-attachment: fixed; + background-position: left top; +} + +#main-window[customize-entered] #browser-bottombox, +#main-window[customize-entered] #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar), +#main-window[customize-entered] #customization-container { + border: 3px solid hsla(0,0%,0%,.1); + border-top-width: 0; + background-clip: padding-box; + background-origin: padding-box; + -moz-border-right-colors: hsla(0,0%,0%,.05) hsla(0,0%,0%,.1) hsla(0,0%,0%,.2); + -moz-border-bottom-colors: hsla(0,0%,0%,.05) hsla(0,0%,0%,.1) hsla(0,0%,0%,.2); + -moz-border-left-colors: hsla(0,0%,0%,.05) hsla(0,0%,0%,.1) hsla(0,0%,0%,.2); +} + +#main-window[customize-entered] #customization-container, +#main-window[customize-entered] #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar) { + border-bottom-width: 0; +} + +#main-window[customize-entered] #TabsToolbar { + -moz-appearance: none; + background-clip: padding-box; + border-right: 3px solid transparent; + border-left: 3px solid transparent; +} + +/* The :hover:active style from toolkit doesn't seem to work in this panel so just use :active. */ +.customization-tipPanel-closeBox > .close-icon:active { + background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 48, 16, 32); +} + +/* End customization mode */ + + +#main-window[privatebrowsingmode=temporary] #private-browsing-indicator { + background: url("chrome://browser/skin/privatebrowsing-mask.png") center no-repeat; + width: 40px; +} + + +/* UI Tour */ + +#UITourHighlightContainer { + -moz-appearance: none; + border: none; + background-color: transparent; + /* This is a buffer to compensate for the movement in the "wobble" effect */ + padding: 4px; +} + +#UITourHighlight { + background-image: radial-gradient(50% 100%, rgba(0,149,220,0.4) 50%, rgba(0,149,220,0.6) 100%); + border-radius: 40px; + border: 1px solid white; + /* The box-shadow opacity needs to be < 0.5 so it doesn't appear at 100% opacity + on Linux without an X compositor where opacity is either 0 or 1. */ + box-shadow: 0 0 3px 0 rgba(0,0,0,0.49); + min-height: 32px; + min-width: 32px; +} + +#UITourTooltipBody { + -moz-margin-end: 14px; +} + +#UITourTooltipBody > vbox { + padding-top: 4px; +} + +#UITourTooltipIconContainer { + -moz-margin-start: -16px; +} + +#UITourTooltipIcon { + width: 48px; + height: 48px; + -moz-margin-start: 28px; + -moz-margin-end: 28px; +} + +#UITourTooltipTitle, +#UITourTooltipDescription { + max-width: 20rem; +} + +#UITourTooltipTitle { + font-size: 1.45rem; + font-weight: bold; + -moz-margin-start: 0; + -moz-margin-end: 0; + margin: 0 0 9px 0; +} + +#UITourTooltipDescription { + -moz-margin-start: 0; + -moz-margin-end: 0; + font-size: 1.15rem; + line-height: 1.8rem; + margin-bottom: 0; /* Override global.css */ +} + +#UITourTooltipClose { + -moz-appearance: none; + border: none; + background-color: transparent; + min-width: 0; + -moz-margin-start: 4px; + margin-top: -2px; +} + +#UITourTooltipClose > .toolbarbutton-text { + display: none; +} + +#UITourTooltipButtons { + -moz-box-pack: end; + background-color: hsla(210,4%,10%,.07); + border-top: 1px solid hsla(210,4%,10%,.14); + margin: 24px -16px -16px; + padding: 2em 15px; +} + +#UITourTooltipButtons > button { + margin: 0 15px; +} + +#UITourTooltipButtons > button:first-child { + -moz-margin-start: 0; +} + +#UITourTooltipButtons > button[image] > .button-box > .button-icon { + width: 16px; + height: 16px; + -moz-margin-end: 5px; +} + +#UITourTooltipButtons > button .button-text { + font-size: 1.15rem; +} + +#UITourTooltipButtons > button:not(.button-link) { + -moz-appearance: none; + background-color: rgb(251,251,251); + border-radius: 3px; + border: 1px solid; + border-color: rgb(192,192,192); + color: rgb(71,71,71); + padding: 4px 30px; + transition-property: background-color, border-color; + transition-duration: 150ms; +} + +#UITourTooltipButtons > button:not(.button-link):not(:active):hover { + background-color: hsla(210,4%,10%,.15); + border-color: hsla(210,4%,10%,.15); + box-shadow: 0 1px 0 0 hsla(210,4%,10%,.05) inset; +} + +#UITourTooltipButtons > button.button-link { + -moz-appearance: none; + background: transparent; + border: none; + box-shadow: none; + color: rgba(0,0,0,0.35); + padding-left: 10px; + padding-right: 10px; +} + +#UITourTooltipButtons > button.button-link:hover { + color: black; +} + +/* The primary button gets the same color as the customize button. */ +#UITourTooltipButtons > button.button-primary { + background-color: rgb(116,191,67); + color: white; + padding-left: 30px; + padding-right: 30px; +} + +#UITourTooltipButtons > button.button-primary:not(:active):hover { + background-color: rgb(105,173,61); +} + +/* Notification overrides for Heartbeat UI */ + +notification.heartbeat { + background-color: #F1F1F1; + border-bottom: 1px solid #C1C1C1; + height: 40px; +} + +/* In themes/osx/global/notification.css the close icon is inverted because notifications + on OSX are usually dark. Heartbeat is light, so override that behaviour. */ + + +@keyframes pulse-onshow { + 0% { + opacity: 0; + transform: scale(1.0); + } + 25% { + opacity: 1; + transform: scale(1.1); + } + 50% { + transform: scale(1.0); + } + 75% { + transform: scale(1.1); + } + 100% { + transform: scale(1.0); + } +} + +@keyframes pulse-twice { + 0% { + transform: scale(1.1); + } + 50% { + transform: scale(0.8); + } + 100% { + transform: scale(1); + } +} + +.messageText.heartbeat { + color: #333333; + text-shadow: none; + -moz-margin-start: 0px; + /* The !important is required to override OSX default style. */ + -moz-margin-end: 12px !important; +} + +.messageImage.heartbeat { + width: 24px; + height: 24px; + -moz-margin-start: 8px; + -moz-margin-end: 8px; +} + +.messageImage.heartbeat.pulse-onshow { + animation-name: pulse-onshow; + animation-duration: 1.5s; + animation-iteration-count: 1; + animation-timing-function: cubic-bezier(.7,1.8,.9,1.1); +} + +.messageImage.heartbeat.pulse-twice { + animation-name: pulse-twice; + animation-duration: 1s; + animation-iteration-count: 2; + animation-timing-function: linear; +} + +/* Learn More link styles */ +.heartbeat > .text-link { + color: #0095DD; + -moz-margin-start: 0px; +} + +.heartbeat > .text-link:hover { + color: #008ACB; + text-decoration: none; +} + +.heartbeat > .text-link:hover:active { + color: #006B9D; +} + +/* Heartbeat UI Rating Star Classes */ +.heartbeat > #star-rating-container { + display: -moz-box; + margin-bottom: 4px; +} + +.heartbeat > #star-rating-container > #star5 { + -moz-box-ordinal-group: 5; +} + +.heartbeat > #star-rating-container > #star4 { + -moz-box-ordinal-group: 4; +} + +.heartbeat > #star-rating-container > #star3 { + -moz-box-ordinal-group: 3; +} + +.heartbeat > #star-rating-container > #star2 { + -moz-box-ordinal-group: 2; +} + +.heartbeat > #star-rating-container > .star-x { + background: url("chrome://browser/skin/heartbeat-star-off.svg"); + cursor: pointer; + /* Overrides the -moz-margin-end for all platforms defined in the .plain class */ + -moz-margin-end: 4px !important; + width: 16px; + height: 16px; +} + +.heartbeat > #star-rating-container > .star-x:hover, +.heartbeat > #star-rating-container > .star-x:hover ~ .star-x { + background: url("chrome://browser/skin/heartbeat-star-lit.svg"); +} + +#UITourHighlight { + /* Below are some fixes for people without an X compositor on Linux. + This is why we can't have nice things: */ + /* Animations don't repaint properly without an X compositor. */ + animation-name: none !important; + /* Opacity rounds to 0 or 1 on Linux without an X compositor so make the + background be transparent in that case by having all alpha values < 0.5 */ + background-image: radial-gradient(50% 100%, rgba(0,149,220,0.3) 50%, rgba(0,149,220,0.49) 100%); + /* The highlight isn't anti-aliased without an X compositor so make it thicker. + Make it a darker color since we don't have the box-shadow in this case. */ + border: 4px solid rgb(0,149,220); +} + +#UITourTooltipDescription { + font-size: 1.05rem; +} + +#UITourTooltipClose { + -moz-margin-end: -4px; + height: 16px; + width: 16px; +} + +#UITourTooltipButtons { + margin-bottom: -10px; +} + +#context-navigation > .menuitem-iconic { + -moz-box-flex: 1; + -moz-box-pack: center; + -moz-box-align: center; +} + +#context-navigation > .menuitem-iconic > .menu-iconic-left { + -moz-appearance: none; +} + +#context-back { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back"); +} + +#context-back[_moz-menuactive=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-active"); +} + +#context-back[disabled=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-disabled"); +} + +#context-forward { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward"); +} + +#context-forward[_moz-menuactive=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-active"); +} + +#context-forward[disabled=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-disabled"); +} + +#context-reload { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload"); +} + +#context-reload[_moz-menuactive=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-active"); +} + +#context-reload[disabled=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-disabled"); +} + +#context-stop { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop"); +} + +#context-stop[_moz-menuactive=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-active"); +} + +#context-stop[disabled=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-disabled"); +} + +#context-bookmarkpage { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark"); +} + +#context-bookmarkpage[_moz-menuactive=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-active"); +} + +#context-bookmarkpage[disabled=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-disabled"); +} + +#context-back:-moz-locale-dir(rtl), +#context-forward:-moz-locale-dir(rtl), +#context-reload:-moz-locale-dir(rtl) { + transform: scaleX(-1); +} + +#context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon { + width: 16px; + height: 16px; + margin: 7px; +} + +#context-media-eme-learnmore { + list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); +} + +#context-navigation > .menuitem-iconic > .menu-iconic-left { + visibility: visible; + /* override toolkit/themes/linux/global/menu.css */ + -moz-padding-end: 0 !important; + -moz-margin-end: 0 !important; +} diff --git a/arc-firefox-theme/chrome/browser/sass/_colors.scss b/arc-firefox-theme/chrome/browser/sass/_colors.scss new file mode 100644 index 0000000..9c51858 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/sass/_colors.scss @@ -0,0 +1,90 @@ +// When color definition differs for dark and light variant, +// it gets @if ed depending on $variant + + +$base_color: if($variant =='light', #ffffff, #383C45); +$text_color: if($variant == 'light', #5c616c, #D3DAE3); +$bg_color: if($variant =='light', #F5F6F7, #444852); +$fg_color: if($variant =='light', #5c616c, #D3DAE3); + +$selected_fg_color: #ffffff; +$selected_bg_color: #5294E2; +$selected_borders_color: darken($selected_bg_color, 20%); +$borders_color: if($variant =='light', darken($bg_color,9%), darken($bg_color,10%)); + +$link_color: if($variant == 'light', darken($selected_bg_color,10%), + lighten($selected_bg_color,20%)); +$link_visited_color: if($variant == 'light', darken($selected_bg_color,20%), + lighten($selected_bg_color,10%)); + +$selection_mode_bg: if($transparency == 'true', transparentize($selected_bg_color, 0.05), $selected_bg_color); +$warning_color: #F27835; +$error_color: #FC4138; +$success_color: #73d216; +$destructive_color: #F04A50; +$suggested_color: #4DADD4; + +//insensitive state derived colors +$insensitive_fg_color: if($variant == 'light', transparentize($fg_color, 0.45), transparentize($fg_color, 0.55)); +$insensitive_bg_color: if($variant == 'light', mix($bg_color, $base_color, 40%), lighten($bg_color, 2%)); + + +$entry_bg: if($variant=='light', $base_color, lighten($base_color, 0%)); +$entry_border: if($variant == 'light', #cfd6e6, darken($borders_color, 0%)); + +$button_bg: if($variant == 'light', lighten($bg_color, 2%), lighten($base_color, 2%)); +$button_border: $entry_border; + +$header_bg: red; +@if $transparency=='true' and $variant=='light' { $header_bg: transparentize(#e7e8eb, 0.05); } +@if $transparency=='false' and $variant=='light' { $header_bg: #e7e8eb; } +@if $transparency=='true' and ($variant=='dark' or $darker=='true') { $header_bg: transparentize(#2f343b, 0.03); } +@if $transparency=='false' and ($variant=='dark' or $darker=='true') { $header_bg: #2f343b; } + +$header_bg_backdrop: if($darker == 'true' or $variant == 'dark', lighten($header_bg, 1.5%), lighten($header_bg, 3%)); + +$header_border: if($variant == 'light', darken($header_bg, 7%), darken($header_bg, 5%)); + +$header_fg: if($variant == 'light', saturate(transparentize($fg_color, 0.2), 10%), saturate(transparentize($fg_color, 0.2), 10%)); +$header_fg: if($darker == 'true', saturate(transparentize(#D3DAE3, 0.2), 10%), $header_fg); + +$dark_sidebar_bg: if($transparency == 'true', transparentize(#3c4049, 0.05), #3c4049); +$dark_sidebar_fg: #BAC3CF; +$dark_sidebar_border: if($variant == 'light', $dark_sidebar_bg, darken($dark_sidebar_bg, 10%)); + +$osd_fg_color: $dark_sidebar_fg; +$osd_bg_color: darken($dark_sidebar_bg, 8%); + +$osd_insensitive_bg_color: darken($osd_bg_color, 3%); +$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 30%); +$osd_borders_color: transparentize(black, 0.3); + +$panel_bg: darken($osd_bg_color, 4.7%); +$panel_fg: $osd_fg_color; + +//WM Buttons + +// Close +$wm_button_close_bg: if($variant == 'light' and $darker == 'false', #f37076, #e45e65); +$wm_button_close_hover_bg: if($variant == 'light' and $darker == 'false', #f79da1, #f48085); +$wm_button_close_active_bg: if($variant == 'light' and $darker == 'false', #ef4048, #e6262f); + +$wm_icon_close_bg: $selected_fg_color; +$wm_icon_close_hover_bg: $selected_fg_color; +$wm_icon_close_active_bg: $selected_fg_color; + +// Minimize, Maximize +$wm_button_bg: if($variant == 'light' and $darker == 'false', #fdfdfd, #272c32); +$wm_button_unfocused_bg: if($variant == 'light' and $darker == 'false', #f6f7f8, #2a3035); +$wm_button_hover_bg: if($variant == 'light' and $darker == 'false', #fdfdfd, #272c32); +$wm_button_active_bg: $selected_bg_color; + +$wm_button_border: if($variant == 'light' and $darker == 'false', #d8dae0, #191C21); +$wm_button_unfocused_border: if($variant == 'light' and $darker == 'false', #dddee2, #1F2328); +$wm_button_hover_border: $selected_bg_color; +$wm_button_active_border: $selected_bg_color; + +$wm_icon_bg: if($variant == 'light' and $darker == 'false', #8d93a4, #939ca8); +$wm_icon_unfocused_bg: if($variant == 'light' and $darker == 'false', #b8bcc7, #686f78); +$wm_icon_hover_bg: if($variant == 'light' and $darker == 'false', #70788d, #afb8c5); +$wm_icon_active_bg: $selected_fg_color; diff --git a/arc-firefox-theme/chrome/browser/sass/_drawing.scss b/arc-firefox-theme/chrome/browser/sass/_drawing.scss new file mode 100644 index 0000000..cd263c5 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/sass/_drawing.scss @@ -0,0 +1,141 @@ +// Drawing mixins + +// Entries + +@mixin entry($t, $dark:false) { +// +// Entries drawing function +// + //@extend %reset_style; + box-shadow: inset 0 0 transparentize($base_color, 1); + + @if $t==normal { + color: $text_color; + background-color: $entry_bg; + border: 1px solid $entry_border; + } + + @if $t==focus { + color: $fg_color; + background-color: $entry_bg; + border: 1px solid $selected_bg_color; + } + + @if $t==insensitive { + color: $insensitive_fg_color; + background-color: mix($entry_bg, $bg_color, 55%); + border-color: 1px solid mix($entry_border, $bg_color, 55%); + } +} + +// Buttons + +@mixin button($t) { +// +// Button drawing function +// + + @if $t==normal { + // + // normal button + // + color: $fg_color; + background-color: $button_bg; + border: 1px solid $button_border; + } + + @else if $t==focus { + // + // focused button + // + color: $fg_color; + background-color: $button_bg; + border: 1px solid $selected_bg_color; + } + + @else if $t==focus-hover { + // + // focused button + // + color: $selected_bg_color; + background-color: $button_bg; + border: 1px solid $selected_bg_color; + } + + @else if $t==hover { + // + // hovered button + // + color: $fg_color; + background-color: $button_bg; + border: 1px solid $selected_bg_color; + } + + @else if $t==active { + // + // pushed button + // + color: $selected_fg_color; + background-color: $selected_bg_color; + border: 1px solid $selected_bg_color; + } + + @else if $t==insensitive { + // + // insensitive button + // + color: $insensitive_fg_color; + border: 1px solid transparentize($button_border, 0.45); + background-color: transparentize($button_bg, 0.45); + } + + $_header_button_bg: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 3%), 0.1), transparentize($button_bg, 0.1)); + $_header_button_border: if($darker == 'true' or $variant == 'dark', darken($header_bg, 8%), transparentize($header_fg, 0.7)); + + @if $t==header-normal { + // + // normal header-bar button + // + color: $header_fg; + background-color: transparentize($header_bg, 1); + border-color: transparentize($header_bg, 1); + } + + @else if $t==header-hover { + // + // hovered header-bar button + // + color: $header_fg; + border-color: $_header_button_border; + background-color: $_header_button_bg; + } + + @else if $t==header-active { + // + // pushed header-bar button + // + color: $selected_fg_color; + border-color: $selected_bg_color; + background-color: $selected_bg_color; + } + + @else if $t==header-insensitive { + // + // insensitive header-bar button + // + color: transparentize($header_fg, 0.45); + background-color: transparentize($header_bg, 1); + border-color: transparentize($header_bg, 1); + + > GtkLabel { color: inherit; } + } + + @else if $t==header-insensitive-active { + // + // header-bar insensitive pushed button + // + color: transparentize($selected_fg_color, 0.25); + border-color: transparentize($selected_bg_color, 0.35); + background-color: transparentize($selected_bg_color, 0.35); + } +} diff --git a/arc-firefox-theme/chrome/browser/sass/browser-dark.css b/arc-firefox-theme/chrome/browser/sass/browser-dark.css new file mode 100644 index 0000000..4b453d7 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/sass/browser-dark.css @@ -0,0 +1,4520 @@ +@import url("chrome://global/skin/"); +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); +@namespace svg url("http://www.w3.org/2000/svg"); +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ +:root { + --toolbarbutton-hover-background: #3d414b; + --toolbarbutton-hover-boxshadow: none; + --toolbarbutton-hover-bordercolor: #5294E2; + --toolbarbutton-active-boxshadow: none; + --toolbarbutton-active-bordercolor: #5294E2; + --toolbarbutton-active-background: #5294E2; + --toolbarbutton-checkedhover-backgroundcolor: #5294E2; + --toolbarbutton-combined-boxshadow: none; + --toolbarbutton-combined-backgroundimage: linear-gradient(rgba(23, 51, 79, 0.2) 0, rgba(23, 51, 79, 0.2) 18px); + --verified-identity-box-backgroundcolor: transparent; } + +#menubar-items { + -moz-box-orient: vertical; + /* for flex hack */ } + +#main-menubar { + -moz-box-flex: 1; + /* make menu items expand to fill toolbar height */ } + +#navigator-toolbox { + -moz-appearance: none; + background-color: transparent; + border-top: none; } + +#navigator-toolbox::after { + content: ""; + display: -moz-box; + -moz-box-ordinal-group: 101; + /* tabs toolbar is 100 */ + height: 1px; + background-color: #2d3036; } + +#navigator-toolbox > toolbar:not(:-moz-lwtheme):not(#toolbar-menubar):not(#TabsToolbar) { + -moz-appearance: none; + border-style: none; + background-color: -moz-Dialog; } + +#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar) { + padding-top: 1px; + padding-bottom: 1px; } + +#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar):not(#addon-bar) { + overflow: -moz-hidden-unscrollable; + max-height: 4em; + transition: min-height 170ms ease-out, max-height 170ms ease-out; } + +#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar):not(#addon-bar)[collapsed=true] { + min-height: 0.1px; + max-height: 0; + transition: min-height 170ms ease-out, max-height 170ms ease-out, visibility 170ms linear; } + +#TabsToolbar:not([collapsed="true"]) + #nav-bar { + border-top: 1px solid rgba(29, 32, 36, 0.97) !important; + background-clip: padding-box; + margin-top: -1px; + /* Move up into the TabsToolbar for the inner highlight at the top of the nav-bar */ + /* Position the toolbar above the bottom of background tabs */ + position: relative; + z-index: 1; } + +#main-window[htitlemode=always] #TabsToolbar { + box-shadow: inset 0 1px rgba(54, 60, 68, 0.97) !important; } + +#nav-bar { + background-image: none !important; + background-color: #444852 !important; + box-shadow: none; + padding-top: 3px; + padding-bottom: 3px; } + +#nav-bar-overflow-button { + -moz-image-region: rect(-5px, 12px, 11px, -4px); } + +/* This only has an effect when this element is placed on the bookmarks toolbar. + * It's 30px to make sure buttons with 18px icons fit along with the default 16px + * icons, without changing the size of the toolbar. + */ +#personal-bookmarks { + min-height: 30px; } + +#browser-bottombox { + /* opaque for layers optimization */ + background-color: -moz-Dialog; } + +#urlbar:-moz-lwtheme:not([focused="true"]), +.searchbar-textbox:-moz-lwtheme:not([focused="true"]) { + opacity: .85; } + +/* Places toolbar */ +toolbarbutton.bookmark-item:not(.subviewbutton), +#personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder { + margin: 1px; + padding: 2px 3px; } + +toolbarbutton.bookmark-item:not(.subviewbutton):not(:hover):not(:active):not([open]) { + color: inherit; } + +.bookmark-item:not(#home-button) > .toolbarbutton-icon, +#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-icon { + width: 16px; + height: 16px; } + +/* Force the display of the label for bookmarks */ +.bookmark-item > .toolbarbutton-text, +#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-text { + display: -moz-box !important; } + +.bookmark-item > .toolbarbutton-menu-dropmarker { + display: none; } + +/* Dropmarker for folder bookmarks */ +.bookmark-item[container] > .toolbarbutton-menu-dropmarker { + display: -moz-box !important; } + +#bookmarks-toolbar-placeholder { + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important; } + +toolbarpaletteitem[place="palette"] > #personal-bookmarks > #bookmarks-toolbar-placeholder, +#personal-bookmarks[cui-areatype="menu-panel"] > #bookmarks-toolbar-placeholder { + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar-menuPanel.png") !important; } + +toolbarbutton.bookmark-item { + -moz-appearance: none; + border: 1px solid transparent; + border-radius: 2px; + background: none; + color: #D3DAE3; } + +toolbarbutton.bookmark-item:not([disabled=true]):hover { + -moz-appearance: none; + color: #D3DAE3; + background-color: #3d414b; + border: 1px solid #5294E2; } + +toolbarbutton.bookmark-item:not([disabled=true]):-moz-any([open], [checked], :hover:active) { + -moz-appearance: none; + color: #ffffff; + background-color: #5294E2; + border: 1px solid #5294E2; } + +/* ----- BOOKMARK STAR ANIMATION ----- */ +@keyframes animation-bookmarkAdded { + from { + transform: rotate(0deg) translateX(-16px) rotate(0deg) scale(1); + opacity: 0; } + 60% { + transform: rotate(180deg) translateX(-16px) rotate(-180deg) scale(2.2); + opacity: 1; } + 80% { + opacity: 1; } + to { + transform: rotate(180deg) translateX(-16px) rotate(-180deg) scale(1); + opacity: 0; } } +@keyframes animation-bookmarkPulse { + from { + transform: scale(1); } + 50% { + transform: scale(1.3); } + to { + transform: scale(1); } } +#bookmarked-notification-container { + min-height: 1px; + min-width: 1px; + height: 1px; + margin-bottom: -1px; + z-index: 5; + position: relative; } + +#bookmarked-notification { + background-size: 16px; + background-position: center; + background-repeat: no-repeat; + width: 16px; + height: 16px; + opacity: 0; } + +#bookmarked-notification-dropmarker-anchor { + z-index: -1; + position: relative; } + +#bookmarked-notification-dropmarker-icon { + width: 18px; + height: 18px; + visibility: hidden; } + +#bookmarked-notification-anchor[notification="finish"] > #bookmarked-notification { + background-image: url("chrome://browser/skin/places/bookmarks-notification-finish.png"); + animation: animation-bookmarkAdded 800ms; + animation-timing-function: ease, ease, ease; } + +#bookmarks-menu-button[notification="finish"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { + list-style-image: none !important; } + +#bookmarked-notification-dropmarker-anchor[notification="finish"] > #bookmarked-notification-dropmarker-icon { + visibility: visible; + animation: animation-bookmarkPulse 300ms; + animation-delay: 600ms; + animation-timing-function: ease-out; } + +/* Bookmark menus */ +menu.bookmark-item, +menuitem.bookmark-item { + min-width: 0; + max-width: 32em; } + +.bookmark-item:not(.subviewbutton) > .menu-iconic-left { + margin-top: 0; + margin-bottom: 0; } + +.bookmark-item > .menu-iconic-left > .menu-iconic-icon { + -moz-padding-start: 0px; } + +/* Bookmark drag and drop styles */ +.bookmark-item[dragover-into="true"] { + background: Highlight !important; + color: HighlightText !important; } + +/* rules for menupopup drop indicators */ +.menupopup-drop-indicator-bar { + position: relative; + /* these two margins must together compensate the indicator's height */ + margin-top: -1px; + margin-bottom: -1px; } + +.menupopup-drop-indicator { + list-style-image: none; + height: 2px; + -moz-margin-end: -4em; + background-color: Highlight; } + +/* Bookmarks toolbar */ +#PlacesToolbarDropIndicator { + list-style-image: url(chrome://browser/skin/places/toolbarDropMarker.png); } + +/* Bookmark items */ +.bookmark-item { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); } + +.bookmark-item[container] { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu"); } + +.bookmark-item[container][livemark] { + list-style-image: url("chrome://browser/skin/feeds/feedIcon16.png"); } + +.bookmark-item[container][livemark] .bookmark-item { + list-style-image: url("chrome://browser/skin/places/livemark-item.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); } + +.bookmark-item[container][livemark] .bookmark-item[visited] { + -moz-image-region: rect(0px, 32px, 16px, 16px); } + +.bookmark-item[container][query] { + list-style-image: url("chrome://browser/skin/places/query.png"); } + +.bookmark-item[query][tagContainer] { + list-style-image: url("chrome://browser/skin/places/tag.png"); } + +.bookmark-item[query][dayContainer] { + list-style-image: url("chrome://browser/skin/places/calendar.png"); } + +.bookmark-item[query][hostContainer] { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu"); } + +.bookmark-item[query][hostContainer][open] { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu"); } + +.bookmark-item[cutting] > .toolbarbutton-icon, +.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-icon { + opacity: 0.5; } + +.bookmark-item[cutting] > .toolbarbutton-text, +.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-text { + opacity: 0.7; } + +/* Stock icons for the menu bar items */ +menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { + -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic"); } + +#placesContext_open\:newwindow, +#menu_newNavigator, +#context-openlink, +#context-openframe { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 80px 16px 64px); } + +#placesContext_open\:newtab, +#placesContext_openContainer\:tabs, +#menu_newNavigatorTab, +#context-openlinkintab, +#context-openframeintab { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 64px 16px 48px); } + +#menu_openFile { + list-style-image: url("moz-icon://stock/gtk-open?size=menu"); } + +#menu_close { + list-style-image: url("moz-icon://stock/gtk-close?size=menu"); } + +#context-media-play { + list-style-image: url("moz-icon://stock/gtk-media-play?size=menu"); } + +#context-media-pause { + list-style-image: url("moz-icon://stock/gtk-media-pause?size=menu"); } + +#menu_savePage, +#context-savelink, +#context-saveimage, +#context-savevideo, +#context-saveaudio, +#context-savepage, +#context-saveframe { + list-style-image: url("moz-icon://stock/gtk-save-as?size=menu"); } + +#menu_printPreview { + list-style-image: url("moz-icon://stock/gtk-print-preview?size=menu"); } + +#menu_print, +#context-printframe { + list-style-image: url("moz-icon://stock/gtk-print?size=menu"); } + +#menu_FileQuitItem { + list-style-image: url("moz-icon://stock/gtk-quit?size=menu"); } + +#menu_undo, +#context-undo { + list-style-image: url("moz-icon://stock/gtk-undo?size=menu"); } + +#menu_undo[disabled], +#context-undo[disabled] { + list-style-image: url("moz-icon://stock/gtk-undo?size=menu&state=disabled"); } + +#menu_redo { + list-style-image: url("moz-icon://stock/gtk-redo?size=menu"); } + +#menu_redo[disabled] { + list-style-image: url("moz-icon://stock/gtk-redo?size=menu&state=disabled"); } + +#menu_cut, +#placesContext_cut, +#context-cut { + list-style-image: url("moz-icon://stock/gtk-cut?size=menu"); } + +#menu_cut[disabled], +#placesContext_cut[disabled], +#context-cut[disabled] { + list-style-image: url("moz-icon://stock/gtk-cut?size=menu&state=disabled"); } + +#menu_copy, +#placesContext_copy, +#context-copy, +#context-copyimage, +#context-copyvideourl, +#context-copyaudiourl, +#context-copylink, +#context-copyemail { + list-style-image: url("moz-icon://stock/gtk-copy?size=menu"); } + +#menu_copy[disabled], +#placesContext_copy[disabled], +#context-copy[disabled] { + list-style-image: url("moz-icon://stock/gtk-copy?size=menu&state=disabled"); } + +#menu_paste, +#placesContext_paste, +#context-paste { + list-style-image: url("moz-icon://stock/gtk-paste?size=menu"); } + +#menu_paste[disabled], +#placesContext_paste[disabled], +#context-paste[disabled] { + list-style-image: url("moz-icon://stock/gtk-paste?size=menu&state=disabled"); } + +#menu_delete, +#placesContext_delete, +#placesContext_delete_history, +#context-delete { + list-style-image: url("moz-icon://stock/gtk-delete?size=menu"); } + +#menu_delete[disabled], +#placesContext_delete[disabled], +#placesContext_delete_history[disabled], +#context-delete[disabled] { + list-style-image: url("moz-icon://stock/gtk-delete?size=menu&state=disabled"); } + +#menu_selectAll, +#context-selectall { + list-style-image: url("moz-icon://stock/gtk-select-all?size=menu"); } + +#menu_find { + list-style-image: url("moz-icon://stock/gtk-find?size=menu"); } + +#menu_find[disabled] { + list-style-image: url("moz-icon://stock/gtk-find?size=menu&state=disabled"); } + +#menu_preferences { + list-style-image: url("moz-icon://stock/gtk-preferences?size=menu"); } + +#placesContext_reload, +#context-reloadframe { + list-style-image: url("moz-icon://stock/gtk-refresh?size=menu"); } + +#menu_zoomEnlarge { + list-style-image: url("moz-icon://stock/gtk-zoom-in?size=menu"); } + +#menu_zoomReduce { + list-style-image: url("moz-icon://stock/gtk-zoom-out?size=menu"); } + +#menu_zoomReset { + list-style-image: url("moz-icon://stock/gtk-zoom-100?size=menu"); } + +#menu_showAllHistory { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 32px 16px 16px); } + +#bookmarksShowAll { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 48px 16px 32px); } + +#subscribeToPageMenuitem:not([disabled]), +#subscribeToPageMenupopup, +#BMB_subscribeToPageMenuitem:not([disabled]), +#BMB_subscribeToPageMenupopup { + list-style-image: url("chrome://browser/skin/page-livemarks.png"); } + +#bookmarksToolbarFolderMenu, +#BMB_bookmarksToolbar, +#panelMenu_bookmarksToolbar { + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png"); } + +#BMB_unsortedBookmarks, +#panelMenu_unsortedBookmarks { + list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png"); } + +#menu_readingList, +#BMB_readingList { + list-style-image: url("chrome://browser/skin/readinglist/readinglist-icon.svg"); } + +#panelMenu_pocket, +#menu_pocket, +#BMB_pocket { + list-style-image: url("chrome://browser/content/pocket/panels/img/pocketmenuitem16.png"); } + +#menu_openDownloads { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 16px 16px 0px); } + +#menu_openAddons { + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png"); } + +#menu_pageInfo, +#context-viewinfo, +#context-viewframeinfo { + list-style-image: url("moz-icon://stock/gtk-info?size=menu"); } + +#placesContext_open\:newprivatewindow, +#privateBrowsingItem { + list-style-image: url("chrome://browser/skin/Privacy-16.png"); } + +#placesContext_show\:info { + list-style-image: url("moz-icon://stock/gtk-properties?size=menu"); } + +#sanitizeItem { + list-style-image: url("moz-icon://stock/gtk-clear?size=menu"); } + +#menu_openHelp { + list-style-image: url("moz-icon://stock/gtk-help?size=menu"); } + +#aboutName { + list-style-image: url("moz-icon://stock/gtk-about?size=menu"); } + +#javascriptConsole { + list-style-image: url("chrome://global/skin/console/console.png"); } + +/* Primary toolbar buttons */ +.findbar-button, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 { + -moz-appearance: none; } + +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open="true"], +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:hover:active { + padding: 3px; } + +.findbar-button > .toolbarbutton-text, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-badge-container, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-icon { + -moz-margin-end: 0; + padding: 2px 6px; + border: 1px solid transparent; + border-radius: 2px; + transition-property: background-color, border-color; + transition-duration: 150ms; } + +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-badge-container, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon { + padding: 3px 7px; } + +/* Help SDK icons fit: */ +toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon, +toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-badge-container > .toolbarbutton-icon { + width: 16px; } + +:-moz-any(#TabsToolbar, #nav-bar) toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon { + /* XXXgijs box models strike again: this is 16px + 2 * 7px padding + 2 * 1px border (from the rules above) */ + width: 32px; } + +#nav-bar #PanelUI-menu-button { + -moz-padding-start: 5px; + -moz-padding-end: 5px; } + +#nav-bar #PanelUI-button, +#nav-bar[brighttext] #PanelUI-button { + background: none; + border-image: url("chrome://browser/skin/custom_images/navbar-separator.png") 0 0 0 2/0 0 0 2px; } + +.findbar-button:not(:-moz-any([checked="true"], [disabled="true"])):hover > .toolbarbutton-text, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open]:not([disabled=true]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-badge-container, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-icon { + background: var(--toolbarbutton-hover-background); + border-width: 1px; + border-style: solid; + border-color: var(--toolbarbutton-hover-bordercolor); + box-shadow: var(--toolbarbutton-hover-boxshadow); } + +#TabsToolbar .toolbarbutton-1[open]:not([disabled=true]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +#TabsToolbar .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +#TabsToolbar .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, +#TabsToolbar .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-badge-container, +#TabsToolbar .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-icon { + background-color: none; + color: rgba(207, 218, 231, 0.8); + border-color: rgba(29, 32, 36, 0.97); + background-color: rgba(40, 44, 50, 0.87); } + +.findbar-button:not([disabled=true]):-moz-any([checked="true"], :hover:active) > .toolbarbutton-text, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([open="true"]) > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active, [open="true"]) > .toolbarbutton-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open="true"] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon { + background: var(--toolbarbutton-active-background); + box-shadow: var(--toolbarbutton-active-boxshadow); + border-width: 1px; + border-style: solid; + border-color: var(--toolbarbutton-active-bordercolor); + transition-duration: 10ms; } + +#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active, [open="true"]) > .toolbarbutton-icon, +#TabsToolbar .toolbarbutton-1[open="true"] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon, +#TabsToolbar .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container, +#TabsToolbar .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon { + background: none; + color: #ffffff; + border-color: #5294E2; + background-color: #5294E2; } + +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[checked]:not(:active):hover > .toolbarbutton-icon { + background-color: var(--toolbarbutton-checkedhover-backgroundcolor); + transition: background-color 150ms; } + +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button[open], +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button:hover:active, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:hover:active { + padding: 3px; } + +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before { + content: ""; + display: -moz-box; + width: 1px; + height: 18px; + -moz-margin-end: -1px; + background-image: var(--toolbarbutton-combined-backgroundimage); + background-clip: padding-box; + background-position: center; + background-repeat: no-repeat; + background-size: 1px 18px; + box-shadow: var(--toolbarbutton-combined-boxshadow); } + +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { + -moz-margin-start: -4px; } + +#back-button > menupopup { + margin-top: -1px; } + +#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); } + +#forward-button { + margin-left: 2px; + margin-right: 2px; + padding: 0; } + +/* tabview menu item */ +#menu_tabview { + list-style-image: url(chrome://browser/skin/tabview/tabview.png); + -moz-image-region: rect(0, 80px, 16px, 64px); } + +#menu_tabview[groups="0"] { + -moz-image-region: rect(0, 16px, 16px, 0); } + +#menu_tabview[groups="1"] { + -moz-image-region: rect(0, 32px, 16px, 16px); } + +#menu_tabview[groups="2"] { + -moz-image-region: rect(0, 48px, 16px, 32px); } + +#menu_tabview[groups="3"] { + -moz-image-region: rect(0, 64px, 16px, 48px); } + +/* undo close tab menu item */ +#alltabs_undoCloseTab { + list-style-image: url(chrome://browser/skin/undoCloseTab.png); } + +.unified-nav-back[_moz-menuactive] { + list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=menu") !important; } + +.unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=menu") !important; } + +.unified-nav-forward[_moz-menuactive] { + list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=menu") !important; } + +.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=menu") !important; } + +/* Menu panel buttons */ +:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button), +#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { + list-style-image: url("chrome://browser/skin/custom_images/dark/toolbar-icons.svg"); } + #TabsToolbar :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button), #TabsToolbar + #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { + list-style-image: url("chrome://browser/skin/custom_images/dark/tabbar-icons.svg"); } + +#nav-bar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #web-apps-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #web-apps-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) { + list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"); } + +#nav-bar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .dropmarker-icon, +#TabsToolbar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .dropmarker-icon, +#nav-bar #bookmarks-menu-button > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon, +#TabsToolbar #bookmarks-menu-button > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon { + list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"); } + +#back-button { + -moz-image-region: rect(0, 36px, 18px, 18px); } + +#forward-button { + -moz-image-region: rect(0, 72px, 18px, 54px); } + +#home-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 126px, 18px, 108px); } + +#bookmarks-menu-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 144px, 18px, 126px); } + +#bookmarks-menu-button[cui-areatype="toolbar"][starred] { + -moz-image-region: rect(0, 162px, 18px, 144px); } + +#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { + -moz-image-region: rect(0, 630px, 18px, 612px); } + +#history-panelmenu[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 180px, 18px, 162px); } + +#downloads-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 198px, 18px, 180px); } + +#add-ons-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 216px, 18px, 198px); } + +#open-file-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 234px, 18px, 216px); } + +#save-page-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 252px, 18px, 234px); } + +#sync-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 270px, 18px, 252px); } + +#sync-button[cui-areatype="toolbar"][status="active"] { + list-style-image: url("chrome://browser/skin/syncProgress-toolbar.png"); + -moz-image-region: rect(0, 18px, 18px, 0px); } + +toolbar[brighttext] #sync-button[status="active"] { + list-style-image: url("chrome://browser/skin/syncProgress-toolbar-inverted.png"); } + +#feed-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 288px, 18px, 270px); } + +#social-share-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0px, 306px, 18px, 288px); } + +#characterencoding-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 324px, 18px, 306px); } + +#new-window-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 342px, 18px, 324px); } + +#e10s-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 342px, 18px, 324px); } + +#e10s-button > .toolbarbutton-icon { + transform: scaleY(-1); } + +#new-tab-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 360px, 18px, 342px); } + +#privatebrowsing-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 378px, 18px, 360px); } + +#find-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 396px, 18px, 378px); } + +#print-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 414px, 18px, 396px); } + +#fullscreen-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 432px, 18px, 414px); } + +#developer-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 450px, 18px, 432px); } + +#preferences-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 468px, 18px, 450px); } + +#PanelUI-menu-button { + -moz-image-region: rect(0, 486px, 18px, 468px); } + +#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #cut-button { + -moz-image-region: rect(0, 504px, 18px, 486px); } + +#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #copy-button { + -moz-image-region: rect(0, 522px, 18px, 504px); } + +#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #paste-button { + -moz-image-region: rect(0, 540px, 18px, 522px); } + +#zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #zoom-out-button { + -moz-image-region: rect(0, 558px, 18px, 540px); } + +#zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #zoom-in-button { + -moz-image-region: rect(0, 576px, 18px, 558px); } + +#nav-bar-overflow-button { + -moz-image-region: rect(0, 612px, 18px, 594px); } + +#nav-bar-overflow-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); } + +#tabview-button { + -moz-image-region: rect(0, 648px, 18px, 630px); } + +#email-link-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 666px, 18px, 648px); } + +#sidebar-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 684px, 18px, 666px); } + +#panic-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 702px, 18px, 684px); } + +#panic-button[cui-areatype="toolbar"][open] { + -moz-image-region: rect(18px, 702px, 36px, 684px); } + +#panic-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); } + +#web-apps-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 720px, 18px, 702px); } + +#loop-button > .toolbarbutton-badge-container { + list-style-image: url(chrome://browser/skin/loop/toolbar.png); + -moz-image-region: rect(0, 18px, 18px, 0); } + +toolbar[brighttext] #loop-button > .toolbarbutton-badge-container { + list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png); } + +#loop-button[state="disabled"] > .toolbarbutton-badge-container, +#loop-button[disabled="true"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 36px, 18px, 18px); } + +#loop-button:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 54px, 18px, 36px); } + +#loop-button:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 72px, 18px, 54px); } + +#loop-button:not([disabled="true"])[state="action"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 90px, 18px, 72px); } + +#loop-button:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 108px, 18px, 90px); } + +#loop-button:not([disabled="true"])[state="active"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 126px, 18px, 108px); } + +#webide-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 738px, 18px, 720px); } + +#pocket-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 774px, 18px, 756px); } + +#pocket-button[cui-areatype="toolbar"][open] { + -moz-image-region: rect(18px, 774px, 36px, 756px); } + +/* Menu panel and palette styles */ +:root { + --menupanel-list-style-image: url(chrome://browser/skin/menuPanel.png); + --menupanel-list-style-image-2x: url(chrome://browser/skin/menuPanel@2x.png); + --menupanel-small-list-style-image: url(chrome://browser/skin/menuPanel-small.png); + --menupanel-small-list-style-image-2x: url(chrome://browser/skin/menuPanel-small@2x.png); } + +@media not all and (min-resolution: 1.1dppx) { + toolbaritem[sdkstylewidget="true"] > toolbarbutton, + :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button) { + list-style-image: var(--menupanel-list-style-image); } + + #home-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #home-button { + -moz-image-region: rect(0px, 128px, 32px, 96px); } + + #bookmarks-menu-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #bookmarks-menu-button { + -moz-image-region: rect(0px, 192px, 32px, 160px); } + + #bookmarks-menu-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 192px, 64px, 160px); } + + #history-panelmenu[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #history-panelmenu { + -moz-image-region: rect(0px, 224px, 32px, 192px); } + + #history-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 224px, 64px, 192px); } + + #downloads-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #downloads-button { + -moz-image-region: rect(0px, 256px, 32px, 224px); } + + #add-ons-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #add-ons-button { + -moz-image-region: rect(0px, 288px, 32px, 256px); } + + #open-file-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #open-file-button { + -moz-image-region: rect(0px, 320px, 32px, 288px); } + + #save-page-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #save-page-button { + -moz-image-region: rect(0px, 352px, 32px, 320px); } + + #sync-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #sync-button { + -moz-image-region: rect(0px, 384px, 32px, 352px); } + + #sync-button[cui-areatype="menu-panel"][status="active"] { + list-style-image: url(chrome://browser/skin/syncProgress-menuPanel.png); + -moz-image-region: rect(0px, 32px, 32px, 0px); } + + #feed-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #feed-button { + -moz-image-region: rect(0px, 416px, 32px, 384px); } + + #feed-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 416px, 64px, 384px); } + + #social-share-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #social-share-button { + -moz-image-region: rect(0px, 448px, 32px, 416px); } + + #characterencoding-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #characterencoding-button { + -moz-image-region: rect(0px, 480px, 32px, 448px); } + + #characterencoding-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 480px, 64px, 448px); } + + #new-window-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #new-window-button { + -moz-image-region: rect(0px, 512px, 32px, 480px); } + + #e10s-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #e10s-button { + -moz-image-region: rect(0px, 512px, 32px, 480px); } + + #new-tab-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #new-tab-button { + -moz-image-region: rect(0px, 544px, 32px, 512px); } + + #privatebrowsing-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #privatebrowsing-button { + -moz-image-region: rect(0px, 576px, 32px, 544px); } + + #tabview-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #tabview-button { + -moz-image-region: rect(0px, 608px, 32px, 576px); } + + #find-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #find-button { + -moz-image-region: rect(0px, 640px, 32px, 608px); } + + #print-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #print-button { + -moz-image-region: rect(0px, 672px, 32px, 640px); } + + #fullscreen-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #fullscreen-button { + -moz-image-region: rect(0px, 704px, 32px, 672px); } + + #developer-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #developer-button { + -moz-image-region: rect(0px, 736px, 32px, 704px); } + + #developer-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 736px, 64px, 704px); } + + #preferences-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #preferences-button { + -moz-image-region: rect(0px, 768px, 32px, 736px); } + + #email-link-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #email-link-button { + -moz-image-region: rect(0, 800px, 32px, 768px); } + + #sidebar-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #sidebar-button { + -moz-image-region: rect(0, 864px, 32px, 832px); } + + #sidebar-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 864px, 64px, 832px); } + + #panic-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #panic-button { + -moz-image-region: rect(0, 896px, 32px, 864px); } + + #panic-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 896px, 64px, 864px); } + + #web-apps-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #web-apps-button { + -moz-image-region: rect(0, 928px, 32px, 896px); } + + #webide-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #webide-button { + -moz-image-region: rect(0px, 960px, 32px, 928px); } + + #pocket-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #pocket-button { + -moz-image-region: rect(0px, 992px, 32px, 960px); } + + #pocket-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 992px, 64px, 960px); } + + toolbaritem[sdkstylewidget="true"] > toolbarbutton { + -moz-image-region: rect(0, 832px, 32px, 800px); } + + #loop-button[cui-areatype="menu-panel"] > .toolbarbutton-badge-container, + toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container { + list-style-image: url(chrome://browser/skin/loop/menuPanel.png); + -moz-image-region: rect(0, 32px, 32px, 0); } + + /* Make sure that the state icons are not shown in the customization palette. */ + toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 32px, 32px, 0) !important; } + + #loop-button[cui-areatype="menu-panel"][state="disabled"] > .toolbarbutton-badge-container, + #loop-button[cui-areatype="menu-panel"][disabled="true"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 64px, 32px, 32px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 96px, 32px, 64px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 128px, 32px, 96px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 160px, 32px, 128px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 192px, 32px, 160px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 224px, 32px, 192px); } + + /* Wide panel control icons */ + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, + toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton, + toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton { + list-style-image: var(--menupanel-small-list-style-image); } + + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button, + toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button { + -moz-image-region: rect(0px, 32px, 16px, 16px); } + + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button, + toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button { + -moz-image-region: rect(0px, 48px, 16px, 32px); } + + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #paste-button, + toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button { + -moz-image-region: rect(0px, 64px, 16px, 48px); } + + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-out-button, + toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button { + -moz-image-region: rect(0px, 80px, 16px, 64px); } + + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-in-button, + toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button { + -moz-image-region: rect(0px, 96px, 16px, 80px); } + + #add-share-provider { + list-style-image: url(chrome://browser/skin/menuPanel-small.png); + -moz-image-region: rect(0px, 96px, 16px, 80px); } } +/* Menu panel and palette styles */ +@media (min-resolution: 1.1dppx) { + toolbaritem[sdkstylewidget="true"] > toolbarbutton, + :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button) { + list-style-image: var(--menupanel-list-style-image-2x); } + + #home-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #home-button { + -moz-image-region: rect(0px, 256px, 64px, 192px); } + + #bookmarks-menu-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #bookmarks-menu-button { + -moz-image-region: rect(0px, 384px, 64px, 320px); } + + #bookmarks-menu-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 384px, 128px, 320px); } + + #history-panelmenu[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #history-panelmenu { + -moz-image-region: rect(0px, 448px, 64px, 384px); } + + #history-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 448px, 128px, 384px); } + + #downloads-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #downloads-button { + -moz-image-region: rect(0px, 512px, 64px, 448px); } + + #add-ons-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #add-ons-button { + -moz-image-region: rect(0px, 576px, 64px, 512px); } + + #open-file-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #open-file-button { + -moz-image-region: rect(0px, 640px, 64px, 576px); } + + #save-page-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #save-page-button { + -moz-image-region: rect(0px, 704px, 64px, 640px); } + + #sync-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #sync-button { + -moz-image-region: rect(0px, 768px, 64px, 704px); } + + #sync-button[cui-areatype="menu-panel"][status="active"] { + list-style-image: url(chrome://browser/skin/syncProgress-menuPanel@2x.png); + -moz-image-region: rect(0px, 64px, 64px, 0px); } + + #feed-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #feed-button { + -moz-image-region: rect(0px, 832px, 64px, 768px); } + + #feed-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 832px, 128px, 768px); } + + #social-share-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #social-share-button { + -moz-image-region: rect(0px, 896px, 64px, 832px); } + + #characterencoding-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #characterencoding-button { + -moz-image-region: rect(0, 960px, 64px, 896px); } + + #characterencoding-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 960px, 128px, 896px); } + + #new-window-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #new-window-button { + -moz-image-region: rect(0px, 1024px, 64px, 960px); } + + #e10s-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #e10s-button { + -moz-image-region: rect(0px, 1024px, 64px, 960px); } + + #webide-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #webide-button { + -moz-image-region: rect(0px, 1920px, 64px, 1856px); } + + #pocket-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #pocket-button { + -moz-image-region: rect(0px, 1984px, 64px, 1920px); } + + #pocket-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 1984px, 128px, 1920px); } + + #loop-button[cui-areatype="menu-panel"] > .toolbarbutton-badge-container, + toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container { + list-style-image: url(chrome://browser/skin/loop/menuPanel@2x.png); + -moz-image-region: rect(0, 64px, 64px, 0); } + + /* Make sure that the state icons are not shown in the customization palette. */ + toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 64px, 64px, 0) !important; } + + #loop-button[cui-areatype="menu-panel"][state="disabled"] > .toolbarbutton-badge-container, + #loop-button[cui-areatype="menu-panel"][disabled="true"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 128px, 64px, 64px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 192px, 64px, 128px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 256px, 64px, 192px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 320px, 64px, 256px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 384px, 64px, 320px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 448px, 64px, 384px); } + + #new-tab-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #new-tab-button { + -moz-image-region: rect(0px, 1088px, 64px, 1024px); } + + #privatebrowsing-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #privatebrowsing-button { + -moz-image-region: rect(0px, 1152px, 64px, 1088px); } + + #tabview-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #tabview-button { + -moz-image-region: rect(0px, 1216px, 64px, 1152px); } + + #find-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #find-button { + -moz-image-region: rect(0px, 1280px, 64px, 1216px); } + + #print-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #print-button { + -moz-image-region: rect(0px, 1344px, 64px, 1280px); } + + #fullscreen-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #fullscreen-button { + -moz-image-region: rect(0px, 1408px, 64px, 1344px); } + + #developer-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #developer-button { + -moz-image-region: rect(0px, 1472px, 64px, 1408px); } + + #developer-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 1472px, 128px, 1408px); } + + #preferences-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #preferences-button { + -moz-image-region: rect(0px, 1536px, 64px, 1472px); } + + #email-link-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #email-link-button { + -moz-image-region: rect(0px, 1600px, 64px, 1536px); } + + #sidebar-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #sidebar-button { + -moz-image-region: rect(0px, 1728px, 64px, 1664px); } + + #sidebar-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 1728px, 128px, 1664px); } + + #panic-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #panic-button { + -moz-image-region: rect(0, 1792px, 64px, 1728px); } + + #panic-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 1792px, 128px, 1728px); } + + #web-apps-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #web-apps-button { + -moz-image-region: rect(0, 1856px, 64px, 1792px); } + + toolbaritem[sdkstylewidget="true"] > toolbarbutton { + -moz-image-region: rect(0, 1664px, 64px, 1600px); } + + /* Footer and wide panel control icons */ + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, + toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton, + toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton { + list-style-image: var(--menupanel-small-list-style-image-2x); } + + /* Wide items like the Cut/Copy/Paste and Zoom controls are special in that their icons + are 16x16 when in the panel, but 18x18 when in a toolbar. */ + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton > .toolbarbutton-icon, + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton > .toolbarbutton-icon, + toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-icon, + toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton > .toolbarbutton-icon { + width: 16px; } + + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button, + toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button { + -moz-image-region: rect(0px, 64px, 32px, 32px); } + + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button, + toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button { + -moz-image-region: rect(0px, 96px, 32px, 64px); } + + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #paste-button, + toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button { + -moz-image-region: rect(0px, 128px, 32px, 96px); } + + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-out-button, + toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button { + -moz-image-region: rect(0px, 160px, 32px, 128px); } + + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-in-button, + toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button { + -moz-image-region: rect(0px, 192px, 32px, 160px); } } +#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-icon, +#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menu-dropmarker, +#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-dropmarker, +#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +#main-window:not([customizing]) .toolbarbutton-1 > .toolbarbutton-menubutton-button[disabled=true] > .toolbarbutton-icon { + opacity: 0.4; } + +/* Fullscreen window controls */ +#window-controls { + -moz-box-align: start; + -moz-margin-start: 10px; } + +#close-button, #restore-button, #minimize-button { + padding: 2px 4px; + -moz-appearance: none; } + +#close-button { + list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/close.svg"); } + #close-button:hover { + list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/close_prelight.svg"); } + #close-button:active { + list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/close_pressed.svg"); } + +#restore-button { + list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/maximize.svg"); } + #restore-button:hover { + list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/maximize_prelight.svg"); } + #restore-button:active { + list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/maximize_pressed.svg"); } + +#minimize-button { + list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/minimize.svg"); } + #minimize-button:hover { + list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/minimize_prelight.svg"); } + #minimize-button:active { + list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/minimize_pressed.svg"); } + +/* Location bar */ +#urlbar, +.searchbar-textbox { + -moz-appearance: none; + padding: 3px 5px; + border-radius: 20px; + margin: 0 3px; + box-shadow: inset 0 0 rgba(56, 60, 69, 0); + color: #D3DAE3; + background-color: #383c45; + border: 1px solid #2d3036; } + +#urlbar[focused], +.searchbar-textbox[focused] { + box-shadow: inset 0 0 rgba(56, 60, 69, 0); + color: #D3DAE3; + background-color: #383c45; + border: 1px solid #5294E2; } + +.urlbar-textbox-container { + -moz-appearance: none; + -moz-box-align: center; } + +.urlbar-input-box { + -moz-margin-start: 0; } + +.urlbar-history-dropmarker { + -moz-appearance: toolbarbutton-dropdown; } + +#urlbar-container { + -moz-box-align: center; } + +#urlbar-icons { + -moz-box-align: center; } + +#urlbar-search-splitter { + -moz-appearance: none; + width: 8px; } + +#urlbar-display-box { + margin-top: -1px; + margin-bottom: -1px; + -moz-border-end: 1px solid red; + -moz-margin-end: 3px; } + +.urlbar-display { + margin-top: 0; + margin-bottom: 0; + -moz-margin-start: 0; + color: GrayText; } + +#search-container { + min-width: calc(54px + 11ch); } + +/* identity box */ +#identity-box { + padding: 1px; + font-size: .9em; } + +#identity-box:-moz-locale-dir(ltr) { + border-top-left-radius: 1.5px; + border-bottom-left-radius: 1.5px; } + +#identity-box:-moz-locale-dir(rtl) { + border-top-right-radius: 1.5px; + border-bottom-right-radius: 1.5px; } + +#notification-popup-box:not([hidden]) + #identity-box { + border-radius: 0; } + +window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box { + border-radius: 0; } + +/* forward button hiding is delayed when hovered */ +/* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */ +/* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */ +#urlbar[pageproxystate="valid"] > #identity-box.chromeUI, +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity { + -moz-margin-end: 4px; } + +#identity-box.verifiedIdentity:not(:-moz-lwtheme) { + background-color: var(--verified-identity-box-backgroundcolor); } + +#identity-box:-moz-focusring { + outline: 1px dotted #000; + outline-offset: -3px; } + +#identity-icon-labels { + -moz-padding-start: 2px; + -moz-padding-end: 5px; } + +:root { + --identity-box-verified-color: #479900; + --identity-box-verified-background-image: linear-gradient(transparent 15%, rgba(39, 74, 8, 0.2) 15%, rgba(39, 74, 8, 0.2) 85%, transparent 85%); + --identity-box-chrome-color: #e57300; + --identity-box-chrome-background-image: linear-gradient(transparent 15%, rgba(229, 114, 0, 0.5) 15%, rgba(229, 114, 0, 0.5) 85%, transparent 85%); } + +#urlbar[pageproxystate="valid"] > #identity-box.chromeUI, +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity { + background-position: right; + background-size: 1px; + background-repeat: no-repeat; } + +#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:-moz-locale-dir(rtl), +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(rtl) { + background-position: left; } + +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity { + color: var(--identity-box-verified-color); + background-image: var(--identity-box-verified-background-image); } + +#urlbar[pageproxystate="valid"] > #identity-box.chromeUI { + color: var(--identity-box-chrome-color); + background-image: var(--identity-box-chrome-background-image); } + +/* page proxy icon */ +#page-proxy-favicon { + width: 16px; + height: 16px; + list-style-image: url(chrome://browser/skin/identity-icons-generic.png); } + +.chromeUI > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://branding/content/identity-icons-brand.png); } + +.verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https.png); } + +.verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-ev.png); } + +.mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-active.png); } + +.mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display.png); } + +.mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display.png); } + +#page-proxy-favicon[pageproxystate="invalid"] { + opacity: 0.3; } + +#identity-popup.chromeUI > #identity-popup-container > #identity-popup-icon { + list-style-image: url("chrome://branding/content/icon64.png"); } + +#identity-popup-brandName { + font-weight: bold; + font-size: 1.25em; + margin-top: .5em; + margin-bottom: .5em; } + +#identity-popup-content-box { + max-width: 50ch; } + +@media not all and (min-resolution: 1.1dppx) { + #page-proxy-favicon { + -moz-image-region: rect(0, 16px, 16px, 0); } + + #identity-box:hover > #page-proxy-favicon { + -moz-image-region: rect(0, 32px, 16px, 16px); } + + #identity-box:hover:active > #page-proxy-favicon, + #identity-box[open=true] > #page-proxy-favicon { + -moz-image-region: rect(0, 48px, 16px, 32px); } } +@media (min-resolution: 1.1dppx) { + #page-proxy-favicon { + list-style-image: url(chrome://browser/skin/identity-icons-generic@2x.png); + -moz-image-region: rect(0, 32px, 32px, 0); } + + .chromeUI > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://branding/content/identity-icons-brand@2x.png); } + + .verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https@2x.png); } + + .verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-ev@2x.png); } + + .mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-active@2x.png); } + + .mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display@2x.png); } + + .mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display@2x.png); } + + #identity-box:hover > #page-proxy-favicon { + -moz-image-region: rect(0, 64px, 32px, 32px); } + + #identity-box:hover:active > #page-proxy-favicon, + #identity-box[open=true] > #page-proxy-favicon { + -moz-image-region: rect(0, 96px, 32px, 64px); } + + #identity-popup.chromeUI > #identity-popup-container > #identity-popup-icon { + list-style-image: url("chrome://branding/content/icon128.png"); + -moz-image-region: rect(0, 128px, 128px, 0); } } +#page-proxy-favicon { + margin-top: 1px; + margin-bottom: 1px; + -moz-margin-start: 3px; + -moz-margin-end: 1px; } + +/* Identity popup icons */ +#identity-popup-icon { + height: 64px; + width: 64px; + padding: 0; + list-style-image: url("chrome://browser/skin/identity.png"); + -moz-image-region: rect(0px, 64px, 64px, 0px); } + +#identity-popup.verifiedDomain > #identity-popup-container > #identity-popup-icon { + -moz-image-region: rect(64px, 64px, 128px, 0px); } + +#identity-popup.verifiedIdentity > #identity-popup-container > #identity-popup-icon { + -moz-image-region: rect(128px, 64px, 192px, 0px); } + +/* Identity popup body text */ +.identity-popup-description { + white-space: pre-wrap; + -moz-padding-start: 15px; + margin: 2px 0 4px; } + +.identity-popup-label { + white-space: pre-wrap; + -moz-padding-start: 15px; + margin: 0; } + +#identity-popup-content-host, +#identity-popup-content-owner { + font-weight: bold; + max-width: 300px; } + +#identity-popup-content-host, +#identity-popup-content-box.verifiedIdentity > #identity-popup-content-owner { + font-size: 140%; } + +#identity-popup-content-owner { + margin-bottom: 0 !important; } + +#identity-popup-content-verifier { + margin: 4px 0 2px; } + +#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption, +#identity-popup-content-box.verifiedDomain > #identity-popup-encryption { + margin-top: 10px; + -moz-margin-start: -18px; } + +#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption > vbox > #identity-popup-encryption-icon, +#identity-popup-content-box.verifiedDomain > #identity-popup-encryption > vbox > #identity-popup-encryption-icon { + list-style-image: url("chrome://browser/skin/Secure.png"); } + +#identity-popup-help-icon { + -moz-appearance: none; + margin-left: 0px; + border: none; + background: none; + min-width: 0; + list-style-image: url("moz-icon://stock/gtk-dialog-question?size=16"); + cursor: pointer; } + +#identity-popup-help-icon > .button-box > .button-text { + display: none; } + +#identity-popup-help-icon > .button-box > .button-icon { + height: 16px; + width: 16px; } + +#identity-popup-help-icon:-moz-focusring { + outline: 1px dotted; + outline-offset: 1px; } + +#identity-popup > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0; } + +#identity-popup-container { + min-width: 280px; + padding: 10px; } + +#identity-popup-button-container { + background: linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 60%, transparent); + padding: 10px; + margin-top: 5px; } + +.popup-notification-icon { + width: 64px; + height: 64px; + -moz-margin-end: 10px; } + +.popup-notification-icon[popupid="geolocation"] { + list-style-image: url(chrome://browser/skin/Geolocation-64.png); } + +.popup-notification-icon[popupid="push"] { + list-style-image: url(chrome://browser/skin/Push-64.png); } + +.popup-notification-icon[popupid="xpinstall-disabled"], +.popup-notification-icon[popupid="addon-progress"], +.popup-notification-icon[popupid="addon-install-blocked"], +.popup-notification-icon[popupid="addon-install-failed"], +.popup-notification-icon[popupid="addon-install-confirmation"], +.popup-notification-icon[popupid="addon-install-complete"] { + list-style-image: url(chrome://mozapps/skin/extensions/extensionGeneric.png); + width: 32px; + height: 32px; } + +.popup-notification-icon[popupid="click-to-play-plugins"] { + list-style-image: url(chrome://mozapps/skin/plugins/pluginBlocked-64.png); } + +.popup-notification-icon[popupid="web-notifications"] { + list-style-image: url(chrome://browser/skin/notification-64.png); } + +.popup-notification-icon[popupid="indexedDB-permissions-prompt"], +.popup-notification-icon[popupid*="offline-app-requested"], +.popup-notification-icon[popupid="offline-app-usage"] { + list-style-image: url(chrome://global/skin/icons/question-64.png); } + +.popup-notification-icon[popupid="password"] { + list-style-image: url(chrome://mozapps/skin/passwordmgr/key-64.png); } + +.popup-notification-icon[popupid="webapps-install-progress"], +.popup-notification-icon[popupid="webapps-install"] { + list-style-image: url(chrome://global/skin/icons/webapps-64.png); } + +.popup-notification-icon[popupid="bad-content"] { + list-style-image: url(chrome://browser/skin/bad-content-blocked-64.png); } + +.popup-notification-icon[popupid="bad-content"][mixedblockdisabled], +.popup-notification-icon[popupid="bad-content"][trackingblockdisabled] { + list-style-image: url(chrome://browser/skin/bad-content-unblocked-64.png); } + +.popup-notification-icon[popupid="webRTC-sharingDevices"], +.popup-notification-icon[popupid="webRTC-shareDevices"] { + list-style-image: url(chrome://browser/skin/webRTC-shareDevice-64.png); } + +.popup-notification-icon[popupid="webRTC-sharingMicrophone"], +.popup-notification-icon[popupid="webRTC-shareMicrophone"] { + list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-64.png); } + +.popup-notification-icon[popupid="webRTC-sharingScreen"], +.popup-notification-icon[popupid="webRTC-shareScreen"] { + list-style-image: url(chrome://browser/skin/webRTC-shareScreen-64.png); } + +.popup-notification-icon[popupid="pointerLock"] { + list-style-image: url(chrome://browser/skin/pointerLock-64.png); } + +/* Notification icon box */ +#notification-popup-box { + position: relative; + background-color: transparent; + background-clip: padding-box; + padding-left: 1px; + border-width: 0 8px 0 0; + border-style: solid; + border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 fill; } + +#notification-popup-box:-moz-locale-dir(rtl), +.notification-anchor-icon:-moz-locale-dir(rtl) { + transform: scaleX(-1); } + +.notification-anchor-icon { + list-style-image: url(moz-icon://stock/gtk-dialog-info?size=16); + width: 16px; + height: 16px; + margin: 0 2px; } + +.identity-notification-icon, +#identity-notification-icon { + list-style-image: url(chrome://mozapps/skin/profile/profileicon.png); + /* XXX: need HiDPI version */ } + +.geo-notification-icon, +#geo-notification-icon { + list-style-image: url(chrome://browser/skin/Geolocation-16.png); } + +#push-notification-icon { + list-style-image: url(chrome://browser/skin/Push-16.png); } + +#addons-notification-icon { + list-style-image: url(chrome://mozapps/skin/extensions/extensionGeneric-16.png); } + +.indexedDB-notification-icon, +#indexedDB-notification-icon { + list-style-image: url(chrome://global/skin/icons/question-16.png); } + +#password-notification-icon { + list-style-image: url(chrome://mozapps/skin/passwordmgr/key-16.png); } + +.webapps-notification-icon, +#webapps-notification-icon { + list-style-image: url(chrome://global/skin/icons/webapps-16.png); } + +#plugins-notification-icon { + list-style-image: url(chrome://browser/skin/notification-pluginNormal.png); } + +#plugins-notification-icon.plugin-hidden { + list-style-image: url(chrome://browser/skin/notification-pluginAlert.png); } + +#plugins-notification-icon.plugin-blocked { + list-style-image: url(chrome://browser/skin/notification-pluginBlocked.png); } + +#plugins-notification-icon { + -moz-image-region: rect(0, 16px, 16px, 0); } + +#plugins-notification-icon:hover { + -moz-image-region: rect(0, 32px, 16px, 16px); } + +#plugins-notification-icon:active { + -moz-image-region: rect(0, 48px, 16px, 32px); } + +#notification-popup-box[hidden] { + /* Override display:none to make the pluginBlockedNotification animation work + when showing the notification repeatedly. */ + display: -moz-box; + visibility: collapse; } + +#plugins-notification-icon.plugin-blocked[showing] { + animation: pluginBlockedNotification 500ms ease 0s 5 alternate both; } + +@keyframes pluginBlockedNotification { + from { + opacity: 0; } + to { + opacity: 1; } } +.bad-content-blocked-notification-icon, +#bad-content-blocked-notification-icon { + list-style-image: url(chrome://browser/skin/bad-content-blocked-16.png); } + +.bad-content-unblocked-notification-icon, +#bad-content-unblocked-notification-icon { + list-style-image: url(chrome://browser/skin/bad-content-unblocked-16.png); } + +.webRTC-shareDevices-notification-icon, +#webRTC-shareDevices-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareDevice-16.png); } + +.webRTC-sharingDevices-notification-icon, +#webRTC-sharingDevices-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingDevice-16.png); } + +.webRTC-shareMicrophone-notification-icon, +#webRTC-shareMicrophone-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16.png); } + +.webRTC-sharingMicrophone-notification-icon, +#webRTC-sharingMicrophone-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16.png); } + +.webRTC-shareScreen-notification-icon, +#webRTC-shareScreen-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16.png); } + +.webRTC-sharingScreen-notification-icon, +#webRTC-sharingScreen-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16.png); } + +.web-notifications-notification-icon, +#web-notifications-notification-icon { + list-style-image: url(chrome://browser/skin/notification-16.png); } + +.pointerLock-notification-icon, +#pointerLock-notification-icon { + list-style-image: url(chrome://browser/skin/pointerLock-16.png); } + +.translate-notification-icon, +#translate-notification-icon { + list-style-image: url(chrome://browser/skin/translation-16.png); + -moz-image-region: rect(0px, 16px, 16px, 0px); } + +.translated-notification-icon, +#translated-notification-icon { + list-style-image: url(chrome://browser/skin/translation-16.png); + -moz-image-region: rect(0px, 32px, 16px, 16px); } + +.popup-notification-icon[popupid="servicesInstall"] { + list-style-image: url(chrome://browser/skin/social/services-64.png); } + +#servicesInstall-notification-icon { + list-style-image: url(chrome://browser/skin/social/services-16.png); } + +/* EME notifications */ +.popup-notification-icon[popupid="drmContentPlaying"], +#eme-notification-icon { + list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); } + +#eme-notification-icon:hover:active { + list-style-image: url("chrome://browser/skin/drm-icon.svg#chains-pressed"); } + +#eme-notification-icon[firstplay=true] { + animation: emeTeachingMoment 0.2s linear 0s 5 normal; } + +@keyframes emeTeachingMoment { + 0% { + transform: translateX(0); } + 25% { + transform: translateX(3px); } + 75% { + transform: translateX(-3px); } + 100% { + transform: translateX(0); } } +/* HiDPI notification icons */ +@media (min-resolution: 1.1dppx) { + #notification-popup-box { + border-image: url("chrome://browser/skin/urlbar-arrow@2x.png") 0 16 0 0 fill; } + + .notification-anchor-icon { + list-style-image: url(moz-icon://stock/gtk-dialog-info?size=dialog); } + + .webRTC-shareDevices-notification-icon, + #webRTC-shareDevices-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareDevice-16@2x.png); } + + .webRTC-sharingDevices-notification-icon, + #webRTC-sharingDevices-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingDevice-16@2x.png); } + + .webRTC-shareMicrophone-notification-icon, + #webRTC-shareMicrophone-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16@2x.png); } + + .webRTC-sharingMicrophone-notification-icon, + #webRTC-sharingMicrophone-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16@2x.png); } + + .webRTC-shareScreen-notification-icon, + #webRTC-shareScreen-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16@2x.png); } + + .webRTC-sharingScreen-notification-icon, + #webRTC-sharingScreen-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16@2x.png); } + + .popup-notification-icon[popupid="webRTC-sharingDevices"], + .popup-notification-icon[popupid="webRTC-shareDevices"] { + list-style-image: url(chrome://browser/skin/webRTC-shareDevice-64@2x.png); } + + .popup-notification-icon[popupid="webRTC-sharingMicrophone"], + .popup-notification-icon[popupid="webRTC-shareMicrophone"] { + list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-64@2x.png); } + + .popup-notification-icon[popupid="webRTC-sharingScreen"], + .popup-notification-icon[popupid="webRTC-shareScreen"] { + list-style-image: url(chrome://browser/skin/webRTC-shareScreen-64@2x.png); } } +.popup-notification-body[popupid="addon-progress"], +.popup-notification-body[popupid="addon-install-confirmation"] { + width: 28em; + max-width: 28em; } + +.addon-install-confirmation-name { + font-weight: bold; } + +/* Notification icon box */ +#notification-popup-box { + border-radius: 2.5px 0 0 2.5px; + margin-top: -1px; + margin-bottom: -1px; } + +.notification-anchor-icon:-moz-focusring { + outline: 1px dotted -moz-DialogText; } + +.indexedDB-notification-icon, +#indexedDB-notification-icon { + list-style-image: url(moz-icon://stock/gtk-dialog-question?size=16); } + +#pointerLock-cancel { + margin: 0px; } + +/* Translation infobar */ +notification[value="translation"] .messageImage { + list-style-image: url(chrome://browser/skin/translation-16.png); + -moz-image-region: rect(0, 32px, 16px, 16px); } + +@media (min-resolution: 1.25dppx) { + notification[value="translation"] .messageImage { + list-style-image: url(chrome://browser/skin/translation-16@2x.png); + -moz-image-region: rect(0, 64px, 32px, 32px); } } +notification[value="translation"][state="translating"] .messageImage { + list-style-image: url(chrome://browser/skin/translating-16.png); + -moz-image-region: auto; } + +@media (min-resolution: 1.25dppx) { + notification[value="translation"][state="translating"] .messageImage { + list-style-image: url(chrome://browser/skin/translating-16@2x.png); } } +notification[value="translation"] hbox[anonid="details"] { + overflow: hidden; } + +notification[value="translation"] button, +notification[value="translation"] menulist { + -moz-appearance: none; + border-width: 1px; + -moz-border-top-colors: none; + -moz-border-right-colors: none; + -moz-border-bottom-colors: none; + -moz-border-left-colors: none; + border-radius: 2px; + min-width: 0; + box-shadow: 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(255, 255, 255, 0.5) inset; } + +notification[value="translation"] menulist > .menulist-dropmarker { + -moz-appearance: toolbarbutton-dropdown; + border: none; + background-color: transparent; + margin: auto; + padding: 5px 0; } + +.translation-menupopup arrowscrollbox { + padding-bottom: 0; } + +.translation-attribution { + cursor: pointer; + -moz-box-align: end; + font-size: small; } + +.translation-attribution > label { + margin-bottom: 0; } + +.translation-attribution > image { + width: 70px; } + +.translation-welcome-panel { + width: 305px; } + +.translation-welcome-logo { + height: 32px; + width: 32px; + list-style-image: url(chrome://browser/skin/translation-16@2x.png); + -moz-image-region: rect(0, 64px, 32px, 32px); } + +.translation-welcome-content { + -moz-margin-start: 16px; } + +.translation-welcome-headline { + font-size: larger; + font-weight: bold; } + +.translation-welcome-body { + padding: 1em 0; + margin: 0 0; } + +notification[value="translation"] { + min-height: 40px; } + +notification[value="translation"], +notification[value="translation"] button, +notification[value="translation"] menulist { + min-height: 30px; + color: #5A5959; } + +notification[value="translation"] { + background-color: #F2F1F0; } + +notification[value="translation"] button, +notification[value="translation"] menulist { + -moz-padding-end: 1ch; } + +notification[value="translation"] menulist { + border: 1px solid #C1C1C1; + background-color: #FFF; } + +notification[value="translation"] button { + border: 1px solid #C1C1C1; + background-color: #F2F1F0; } + +notification[value="translation"] button, +notification[value="translation"] menulist, +notification[value="translation"] menulist > .menulist-label-box { + -moz-margin-start: 1ch; + -moz-margin-end: 1ch; } + +notification[value="translation"] button:hover, +notification[value="translation"] button:active, +notification[value="translation"] menulist:hover, +notification[value="translation"] menulist:active { + background-color: #E2E1E0; } + +notification[value="translation"] button[anonid="translate"] { + color: #FFF; + background-image: linear-gradient(#9FB938, #8DA726); + box-shadow: none; + border: 1px solid #829C1C; } + +notification[value="translation"] button[anonid="translate"]:hover, +notification[value="translation"] button[anonid="translate"]:active { + background-image: linear-gradient(#8DA726, #8DA726); } + +notification[value="translation"] button > .button-box, +notification[value="translation"] button[type="menu"] > .button-box > .button-menu-dropmarker { + padding: 0; + -moz-margin-start: 3ch; } + +notification[value="translation"] button:not([type="menu"]) > .button-box { + -moz-margin-end: 3ch; } + +notification[value="translation"] menulist > .menulist-dropmarker { + display: block; } + +/* Loop/ Hello browser styles */ +notification[value="loop-sharing-notification"] .button-menubutton-button { + min-width: 0; } + +notification[value="loop-sharing-notification"] .messageImage { + list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16.png); } + +#treecolAutoCompleteImage { + max-width: 36px; } + +.ac-result-type-bookmark, +.autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) { + list-style-image: url("chrome://browser/skin/places/star-icons.png"); + -moz-image-region: rect(0px 32px 16px 16px); + width: 16px; + height: 16px; } + +.ac-result-type-keyword, +.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage), +richlistitem[type~="action"][actiontype="searchengine"] > .ac-title-box > .ac-site-icon { + list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon); + width: 16px; + height: 16px; } + +.ac-result-type-keyword[selected="true"], +.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage, selected), +richlistitem[type~="action"][actiontype="searchengine"][selected="true"] > .ac-title-box > .ac-site-icon { + list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon-inverted); } + +.ac-result-type-tag, +.autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) { + list-style-image: url("chrome://browser/skin/places/tag.png"); + width: 16px; + height: 16px; } + +.ac-comment { + font-size: 1.05em; } + +.ac-extra > .ac-comment { + font-size: inherit; } + +.ac-url-text, +.ac-action-text { + color: -moz-nativehyperlinktext; + font-size: 0.9em; } + +richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-icon { + list-style-image: url("chrome://browser/skin/actionicon-tab.png"); + padding: 0 3px; } + +.autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) { + color: GrayText; } + +.ac-comment[selected="true"], +.ac-url-text[selected="true"], +.ac-action-text[selected="true"] { + color: inherit !important; } + +.autocomplete-treebody::-moz-tree-cell-text(suggesthint, treecolAutoCompleteComment), +.autocomplete-treebody::-moz-tree-cell-text(suggestfirst, treecolAutoCompleteComment) { + color: GrayText; + font-size: smaller; } + +.autocomplete-treebody::-moz-tree-cell(suggesthint) { + border-top: 1px solid GrayText; } + +/* Combined go/reload/stop button in location bar */ +#urlbar > toolbarbutton { + -moz-appearance: none; + padding: 0 2px; + list-style-image: url("chrome://browser/skin/reload-stop-go.png"); } + +#urlbar-reload-button { + -moz-image-region: rect(0, 14px, 14px, 0); } + +#urlbar-reload-button:not([disabled]):hover { + background-image: radial-gradient(circle closest-side, rgba(102, 204, 255, 0.2), transparent); + -moz-image-region: rect(14px, 14px, 28px, 0); } + +#urlbar-reload-button:not([disabled]):hover:active { + background-image: radial-gradient(circle closest-side, rgba(51, 187, 255, 0.1), transparent); + -moz-image-region: rect(28px, 14px, 42px, 0); } + +#urlbar-reload-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); } + +#urlbar-go-button { + -moz-image-region: rect(0, 42px, 14px, 28px); } + +#urlbar-go-button:hover { + background-image: radial-gradient(circle closest-side, rgba(68, 217, 38, 0.2), transparent); + -moz-image-region: rect(14px, 42px, 28px, 28px); } + +#urlbar-go-button:hover:active { + background-image: radial-gradient(circle closest-side, rgba(68, 217, 38, 0.1), transparent); + -moz-image-region: rect(28px, 42px, 42px, 28px); } + +#urlbar-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); } + +#urlbar-stop-button { + -moz-image-region: rect(0, 28px, 14px, 14px); } + +#urlbar-stop-button:not([disabled]):hover { + background-image: radial-gradient(circle closest-side, rgba(255, 138, 128, 0.3), transparent); + -moz-image-region: rect(14px, 28px, 28px, 14px); } + +#urlbar-stop-button:hover:active { + background-image: radial-gradient(circle closest-side, rgba(255, 138, 128, 0.1), transparent); + -moz-image-region: rect(28px, 28px, 42px, 14px); } + +@media (min-resolution: 1.1dppx) { + #urlbar > toolbarbutton { + list-style-image: url("chrome://browser/skin/reload-stop-go@2x.png"); } + + #urlbar-go-button { + -moz-image-region: rect(0, 84px, 28px, 56px); } + + #urlbar-go-button:hover { + -moz-image-region: rect(28px, 84px, 56px, 56px); } + + #urlbar-go-button:hover:active { + -moz-image-region: rect(56px, 84px, 84px, 56px); } + + #urlbar-reload-button { + -moz-image-region: rect(0, 28px, 28px, 0); } + + #urlbar-reload-button:not([disabled]):hover { + -moz-image-region: rect(28px, 28px, 56px, 0); } + + #urlbar-reload-button:not([disabled]):hover:active { + -moz-image-region: rect(56px, 28px, 84px, 0); } + + #urlbar-stop-button { + -moz-image-region: rect(0, 56px, 28px, 28px); } + + #urlbar-stop-button:not([disabled]):hover { + -moz-image-region: rect(28px, 56px, 56px, 28px); } + + #urlbar-stop-button:hover:active { + -moz-image-region: rect(56px, 56px, 84px, 28px); } + + #urlbar > toolbarbutton > .toolbarbutton-icon { + width: 14px; } } +/* Popup blocker button */ +#page-report-button { + list-style-image: url("chrome://browser/skin/Info.png"); } + +/* Reading List button */ +#urlbar:not([focused]):not(:hover) #readinglist-addremove-button { + opacity: 0; + width: 0px; } + +#readinglist-addremove-button { + list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage"); + -moz-image-region: rect(0, 14px, 14px, 0); + transition: width 150ms ease-in-out, opacity 150ms ease-in-out 150ms; + opacity: 1; + width: 20px; } + +#readinglist-addremove-button:hover { + list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage-hover"); } + +#readinglist-addremove-button:active { + list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage-active"); } + +#readinglist-addremove-button[already-added="true"] { + list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded"); } + +#readinglist-addremove-button[already-added="true"]:hover { + list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded-hover"); } + +#readinglist-addremove-button[already-added="true"]:active { + list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded-active"); } + +/* Reader mode button */ +#reader-mode-button { + list-style-image: url("chrome://browser/skin/readerMode.svg"); + -moz-image-region: rect(0, 16px, 16px, 0); } + +#reader-mode-button:hover, +#reader-mode-button[readeractive]:hover { + -moz-image-region: rect(0, 32px, 16px, 16px); } + +#reader-mode-button:hover:active, +#reader-mode-button[readeractive] { + -moz-image-region: rect(0, 48px, 16px, 32px); } + +/* social share panel */ +.social-share-frame { + border-top: 1px solid #f8f8f8; + width: 756px; + height: 150px; } + +#share-container { + min-width: 756px; + background-color: white; + background-repeat: no-repeat; + background-position: center center; } + +#share-container[loading] { + background-image: url(chrome://browser/skin/tabbrowser/pendingpaint.png); } + +#share-container > browser { + transition: opacity 150ms ease-in-out; + opacity: 1; } + +#share-container[loading] > browser { + opacity: 0; } + +.social-share-toolbar { + border-bottom: 1px solid #dedede; + padding: 2px; } + +#social-share-provider-buttons { + padding: 0; + margin: 0; } + +.share-provider-button { + padding: 5px; + margin: 2px; } + +.share-provider-button > .toolbarbutton-text { + display: none; } + +.share-provider-button > .toolbarbutton-icon { + width: 16px; + min-height: 16px; + max-height: 16px; } + +/* social recommending panel */ +#social-mark-button { + -moz-image-region: rect(0, 16px, 16px, 0); } + +/* bookmarks menu-button */ +#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker { + -moz-appearance: none !important; + -moz-box-align: center; } + +#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-icon, +#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menu-dropmarker, +#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker, +#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-button[disabled] > .toolbarbutton-icon { + opacity: .4; } + +#BMB_bookmarksPopup[side="top"], +#BMB_bookmarksPopup[side="bottom"] { + margin-left: -16px; + margin-right: -16px; } + +#BMB_bookmarksPopup[side="left"], +#BMB_bookmarksPopup[side="right"] { + margin-top: -16px; + margin-bottom: -16px; } + +#nav-bar .toolbarbutton-1 > menupopup[side="top"].cui-widget-panel, +#nav-bar .toolbarbutton-1 > menupopup[side="bottom"].cui-widget-panel { + margin-top: -4px; } + +/* Bookmarking panel */ +#editBookmarkPanelStarIcon { + list-style-image: url("chrome://browser/skin/places/starred48.png"); + width: 48px; + height: 48px; } + +#editBookmarkPanelStarIcon[unstarred] { + list-style-image: url("chrome://browser/skin/places/unstarred48.png"); } + +#editBookmarkPanelTitle { + font-size: 130%; } + +#editBookmarkPanelHeader, +#editBookmarkPanelContent { + margin-bottom: .5em; } + +/* Implements editBookmarkPanel resizing on folderTree un-collapse. */ +#editBMPanel_folderTree { + min-width: 27em; } + +.panel-promo-box { + margin: 8px -10px -10px -10px; + padding: 8px 10px; + border-top: 1px solid ThreeDShadow; + background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.08) 6px); } + +.panel-promo-icon { + list-style-image: url("chrome://browser/skin/sync-notification-24.png"); + -moz-margin-end: 10px; + vertical-align: middle; } + +.panel-promo-closebutton { + -moz-appearance: none; + height: 16px; + width: 16px; } + +.panel-promo-closebutton > .toolbarbutton-text { + padding: 0; } + +/* Content area */ +#sidebar { + background-color: Window; } + +/* Findbar */ +.browserContainer > findbar { + background-color: -moz-dialog; + color: -moz-DialogText; + border-top: 1px solid; + -moz-border-top-colors: #2d3036; + text-shadow: none; } + +.browserContainer > findbar .findbar-textbox { + -moz-appearance: none; + border: 1px solid #2d3036; + box-shadow: none; + margin: 0; + padding: 5px; + width: 14em; } + .browserContainer > findbar .findbar-textbox[focused="true"] { + border-color: #5294E2; } + .browserContainer > findbar .findbar-textbox:-moz-locale-dir(ltr) { + border-radius: 20px 0 0 20px; + border-right-width: 0; } + .browserContainer > findbar .findbar-textbox:-moz-locale-dir(rtl) { + border-radius: 0 20px 20px 0; + border-left-width: 0; } + +.browserContainer > findbar .findbar-find-previous, +.browserContainer > findbar .findbar-find-next { + background: #3d414b; + border: 1px solid #2d3036; + box-shadow: none; } + +.browserContainer > findbar .findbar-find-previous { + border-right-width: 0; } + +.browserContainer > findbar .findbar-find-previous:focus, +.browserContainer > findbar .findbar-find-next:focus { + border-color: #5294E2; + box-shadow: none; } + +.browserContainer > findbar .findbar-find-previous:not([disabled]):active, +.browserContainer > findbar .findbar-find-next:not([disabled]):active { + background: #5294E2; + border-color: #5294E2; + box-shadow: none; } + +/* Tabstrip */ +:root { + --tab-toolbar-navbar-overlap: 1px; + --tab-min-height: 31px; } + +#TabsToolbar { + --tab-separator-image: url(chrome://browser/skin/tabbrowser/tab-separator.png); + --tab-separator-size: 3px 100%; + --tab-separator-opacity: 1; } + +/* image preloading hack */ +#tabbrowser-tabs::before { + /* Because of bug 853415, we need to ordinal this to the first position: */ + -moz-box-ordinal-group: 0; + content: ''; + display: block; } + +#tabbrowser-tabs { + min-height: var(--tab-min-height); } + +.tabbrowser-tab, +.tabs-newtab-button { + -moz-appearance: none; + background-color: transparent; + border-radius: 0; + border-width: 0; + margin: 0; + padding: 0; } + +.tabbrowser-tab { + -moz-box-align: stretch; } + +/* The selected tab should appear above adjacent tabs, .tabs-newtab-button and the highlight of #nav-bar */ +.tabbrowser-tab[visuallyselected=true] { + position: relative; + z-index: 2; } + +.tab-background-middle { + -moz-box-flex: 1; + background-clip: padding-box; + border-left: 15px solid transparent; + border-right: 15px solid transparent; + margin: 0 -15px; } + +.tab-content { + -moz-padding-end: 9px; + -moz-padding-start: 9px; } + +.tab-content[pinned] { + -moz-padding-end: 3px; } + +.tab-throbber, +.tab-icon-image, +.tab-close-button { + margin-top: 1px; } + +.tab-throbber, +.tab-icon-image { + height: 16px; + width: 16px; + -moz-margin-end: 6px; } + +.tab-icon-image { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); } + +.tab-icon-overlay { + width: 16px; + height: 16px; + margin-top: 10px; + -moz-margin-start: -16px; + display: none; } + +.tab-icon-overlay[crashed] { + display: -moz-box; + list-style-image: url("chrome://browser/skin/tabbrowser/crashed.svg"); } + +.tab-throbber[busy] { + list-style-image: url("chrome://browser/skin/tabbrowser/connecting.png"); } + +.tab-throbber[progress] { + list-style-image: url("chrome://browser/skin/tabbrowser/loading.png"); } + +.tab-label { + -moz-margin-end: 0; + -moz-margin-start: 0; } + +.tab-close-button { + -moz-margin-start: 4px; + -moz-margin-end: -2px; + padding: 0; } + +.tab-background, +.tabs-newtab-button { + /* overlap the tab curves */ + -moz-margin-end: -15px; + -moz-margin-start: -15px; } + +.tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox { + -moz-padding-end: 15px; + -moz-padding-start: 15px; } + +/* Tab Overflow */ +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]), +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) { + background-image: url(chrome://browser/skin/custom_images/dark/tabs/tab-overflow-indicator.png); + background-size: 100% 100%; + width: 14px; + margin-bottom: var(--tab-toolbar-navbar-overlap); + pointer-events: none; + position: relative; + z-index: 3; + /* the selected tab's z-index + 1 */ } + +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:-moz-locale-dir(rtl), +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:-moz-locale-dir(ltr) { + transform: scaleX(-1); } + +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]) { + -moz-margin-start: -2px; + -moz-margin-end: -12px; } + +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) { + -moz-margin-start: -12px; + -moz-margin-end: -2px; } + +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator[collapsed], +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator[collapsed] { + opacity: 0; } + +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator, +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator { + transition: opacity 150ms ease; } + +.tab-background-start[visuallyselected=true]::after, +.tab-background-start[visuallyselected=true]::before, +.tab-background-start, +.tab-background-end, +.tab-background-end[visuallyselected=true]::after, +.tab-background-end[visuallyselected=true]::before { + min-height: var(--tab-min-height); + width: 30px; } + +.tabbrowser-tab:not([visuallyselected=true]), +.tabbrowser-tab:-moz-lwtheme { + color: inherit; } + +.tabbrowser-tab:not([selected="true"]) { + color: rgba(207, 218, 231, 0.6); } + +/* Selected tab */ +/* + Tab background pseudo-elements which are positioned above .tab-background-start/end: + - ::before - provides the fill of the tab curve and is clipped to the tab shape. This is where + pointer events go for the curve. + - ::after - provides the border/stroke of the tab curve and is overlayed above ::before. Pointer + events go through to ::before to get the proper shape. + */ +.tab-background-start[visuallyselected=true]::after, +.tab-background-end[visuallyselected=true]::after { + /* position ::after on top of its parent */ + -moz-margin-start: -30px; + background-size: 100% 100%; + content: ""; + display: -moz-box; + position: relative; } + +.tab-background-start[visuallyselected=true]::before, +.tab-background-end[visuallyselected=true]::before { + /* all ::before pseudo elements */ + content: ""; + display: -moz-box; } + +.tab-background-start[visuallyselected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before, +.tab-background-end[visuallyselected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before { + background-image: url(chrome://browser/skin/custom_images/dark/tabs/tab-start.svg); + background-size: 100% 100%; } + +.tab-background-end[visuallyselected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before, +.tab-background-start[visuallyselected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before { + background-image: url(chrome://browser/skin/custom_images/dark/tabs/tab-end.svg); + background-size: 100% 100%; } + +/* For lightweight themes, clip the header image on start, middle, and end. */ +.tab-background-start[visuallyselected=true]:-moz-locale-dir(ltr):-moz-lwtheme::before, +.tab-background-end[visuallyselected=true]:-moz-locale-dir(rtl):-moz-lwtheme::before { + clip-path: url(chrome://browser/content/browser.xul#tab-curve-clip-path-start); } + +.tab-background-end[visuallyselected=true]:-moz-locale-dir(ltr):-moz-lwtheme::before, +.tab-background-start[visuallyselected=true]:-moz-locale-dir(rtl):-moz-lwtheme::before { + clip-path: url(chrome://browser/content/browser.xul#tab-curve-clip-path-end); } + +.tab-background-middle[visuallyselected=true] { + background-clip: padding-box, padding-box, content-box; + background-color: transparent; + background-image: url(chrome://browser/skin/custom_images/dark/tabs/tab-middle.svg); + background-repeat: repeat-x; + background-size: auto 100%; + /* The padding-top combined with background-clip: content-box (the bottom-most) ensure the + background-color doesn't extend above the top border. */ + padding-top: 2px; } + +/* Selected tab lightweight theme styles. + See browser-lightweightTheme.css for information about run-time changes to LWT styles. */ +.tab-background-middle[visuallyselected=true]:-moz-lwtheme { + background-color: transparent; + background-image: url(chrome://browser/skin/tabbrowser/tab-active-middle.png), linear-gradient(transparent 0px, transparent 2px, rgba(255, 255, 255, 0.35) 2px, rgba(255, 255, 255, 0.35) 3px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0.65) 4px, rgba(255, 255, 255, 0.3)); + /*, +lwtHeader;*/ + /* Don't stretch the LWT header images */ + background-size: auto 100%, auto 100%, auto auto; } + +/* These LWT styles are normally overridden by browser-lightweightTheme.css */ +.tab-background-start[visuallyselected=true]:-moz-lwtheme::before, +.tab-background-end[visuallyselected=true]:-moz-lwtheme::before { + background-image: linear-gradient(transparent 0px, transparent 2px, rgba(255, 255, 255, 0.35) 2px, rgba(255, 255, 255, 0.35) 3px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0.65) 4px, rgba(255, 255, 255, 0.3)); } + +.tab-background-start[visuallyselected=true]:-moz-lwtheme::before, +.tab-background-end[visuallyselected=true]:-moz-lwtheme::before, +.tab-background-middle[visuallyselected=true]:-moz-lwtheme { + background-color: transparent; } + +/* End selected tab */ +/* new tab button border and gradient on hover */ +.tabbrowser-tab:hover > .tab-stack > .tab-background:not([visuallyselected=true]), +.tabs-newtab-button:hover { + background-image: url(chrome://browser/skin/custom_images/dark/tabs/tab-start-hover.svg), url(chrome://browser/skin/custom_images/dark/tabs/tab-middle-hover.svg), url(chrome://browser/skin/custom_images/dark/tabs/tab-end-hover.svg); + background-position: left bottom, 30px bottom, right bottom; + background-repeat: no-repeat; + background-size: 30px 100%, calc(100% - (2 * 30px)) 100%, 30px 100%; } + +/* Tab pointer-events */ +.tabbrowser-tab { + pointer-events: none; } + +.tab-background-middle, +.tabs-newtab-button, +.tab-close-button { + pointer-events: auto; } + +/* Pinned tabs */ +/* Pinned tab separators need position: absolute when positioned (during overflow). */ +#tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned]::before { + height: 100%; + position: absolute; } + +.tabbrowser-tab[pinned][titlechanged]:not([visuallyselected="true"]) > .tab-stack > .tab-content { + background-image: radial-gradient(farthest-corner at center bottom, white 3%, rgba(186, 221, 251, 0.75) 20%, rgba(127, 179, 255, 0.25) 40%, transparent 70%); + background-position: center bottom var(--tab-toolbar-navbar-overlap); + background-repeat: no-repeat; + background-size: 85% 100%; } + +/* New tab button */ +.tabs-newtab-button { + width: calc(36px + 30px); } + +#tabbrowser-tabs { + /* override the global style to allow the selected tab to be above the nav-bar */ + z-index: auto; } + +#TabsToolbar { + min-height: 0; + padding: 0; + margin-bottom: calc(-1 * var(--tab-toolbar-navbar-overlap)); } + +#TabsToolbar:not(:-moz-lwtheme) { + -moz-appearance: menubar; + color: -moz-menubartext; } + +#toolbar-menubar:not([autohide="true"]):not(:-moz-lwtheme):-moz-system-metric(menubar-drag), +#TabsToolbar:not(:-moz-lwtheme):-moz-system-metric(menubar-drag) { + -moz-binding: url("chrome://browser/content/customizableui/toolbar.xml#toolbar-drag"); } + +.tabbrowser-tab:focus > .tab-stack > .tab-content > .tab-label { + outline: 1px dotted; } + +#context_reloadTab { + list-style-image: url("moz-icon://stock/gtk-refresh?size=menu"); } + +#context_closeOtherTabs { + list-style-image: url("moz-icon://stock/gtk-clear?size=menu"); } + +#context_closeOtherTabs[disabled] { + list-style-image: url("moz-icon://stock/gtk-clear?size=menu&state=disabled"); } + +#context_undoCloseTab { + list-style-image: url("moz-icon://stock/gtk-undelete?size=menu"); } + +#context_closeTab { + list-style-image: url("moz-icon://stock/gtk-close?size=menu"); } + +/* Tab drag and drop */ +.tab-drop-indicator { + list-style-image: url(chrome://browser/skin/tabbrowser/tabDragIndicator.png); + margin-bottom: -9px; + z-index: 3; } + +/* Tab close button */ +.close-icon { + background-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-close.svg"); } + .close-icon:hover { + background-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-close-hover.svg"); } + .close-icon:active:hover { + background-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-close-active.svg"); } + .tabbrowser-tab:not([selected="true"]) .close-icon { + background-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-close-inactive.svg"); } + .tabbrowser-tab:not([selected="true"]) .close-icon:hover { + background-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-close-hover.svg"); } + .tabbrowser-tab:not([selected="true"]) .close-icon:active { + background-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-close-active.svg"); } + +/* Tabstrip new tab button */ +.tabs-newtab-button, +#TabsToolbar > #new-tab-button, +#TabsToolbar > #wrapper-new-tab-button > #new-tab-button { + list-style-image: url("moz-icon://stock/gtk-add?size=menu"); + -moz-image-region: auto; } + +.tabs-newtab-button > .toolbarbutton-icon, +#new-tab-button > .toolbarbutton-icon { + -moz-appearance: none; + list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/new-tab.png"); + -moz-image-region: auto; } + +/* Tabbrowser arrowscrollbox arrows */ +.tabbrowser-arrowscrollbox > .scrollbutton-up > .toolbarbutton-icon, +.tabbrowser-arrowscrollbox > .scrollbutton-down > .toolbarbutton-icon { + -moz-appearance: none; } + +.tabbrowser-arrowscrollbox > .scrollbutton-up, +.tabbrowser-arrowscrollbox > .scrollbutton-down { + -moz-appearance: none; + list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-arrow-left.svg"); + margin: 0 0 var(--tab-toolbar-navbar-overlap); } + +.tabbrowser-arrowscrollbox > .scrollbutton-up[disabled], +.tabbrowser-arrowscrollbox > .scrollbutton-down[disabled] { + opacity: .4; } + +.tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-locale-dir(rtl), +.tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-locale-dir(ltr) { + transform: scaleX(-1); } + +.tabbrowser-arrowscrollbox > .scrollbutton-down { + transition: 1s background-color ease-out; } + +.tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] { + background-color: Highlight; + transition: none; } + +#TabsToolbar .toolbarbutton-1 { + margin-bottom: var(--tab-toolbar-navbar-overlap); } + +#alltabs-button { + list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/alltabs.svg"); } + +#alltabs-button > .toolbarbutton-icon { + padding: 9px 6px 6px; } + +#alltabs-button > .toolbarbutton-menu-dropmarker { + display: none; } + +/* All tabs menupopup */ +.alltabs-item > .menu-iconic-left > .menu-iconic-icon { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); } + +.alltabs-item[selected="true"] { + font-weight: bold; } + +.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); } + +.alltabs-item[tabIsVisible] { + /* box-shadow instead of background-color to work around native styling */ + box-shadow: inset -5px 0 ThreeDShadow; } + +/* Sidebar */ +#sidebar-throbber[loading="true"] { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); + -moz-margin-end: 4px; } + +toolbarbutton.chevron { + list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important; } + +toolbar[brighttext] toolbarbutton.chevron:not(:hover):not([open="true"]) { + list-style-image: url("chrome://global/skin/toolbar/chevron-inverted.png") !important; } + +toolbarbutton.chevron:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); } + +toolbarbutton.chevron > .toolbarbutton-text, +toolbarbutton.chevron > .toolbarbutton-menu-dropmarker { + display: none; } + +toolbarbutton.chevron > .toolbarbutton-icon { + margin: 0; } + +/* Ctrl-Tab */ +.ctrlTab-preview { + -moz-appearance: toolbarbutton; } + +.tabPreview-canvas { + box-shadow: 0 0 5px ThreeDShadow; } + +.ctrlTab-preview:focus .tabPreview-canvas, +.ctrlTab-preview:hover .tabPreview-canvas { + box-shadow: none; } + +.ctrlTab-favicon[src] { + background-color: white; + width: 20px; + height: 20px; + padding: 2px; } + +#ctrlTab-panel { + padding: 10px; } + +.ctrlTab-preview:not(#ctrlTab-showAll) .tabPreview-canvas { + margin-bottom: 2px; } + +#ctrlTab-showAll { + -moz-appearance: button; + color: ButtonText; + padding: 0 3px; + margin-top: 10px; } + +/* Sync Panel */ +.sync-panel-icon { + height: 32px; + width: 32px; + background: url("chrome://browser/content/abouthome/sync.png") top left no-repeat; } + +.sync-panel-inner { + width: 0; + padding-left: 10px; } + +.sync-panel-button-box { + margin-top: 1em; } + +#sync-error-panel-title, +#sync-start-panel-title { + font-size: 120%; + font-weight: bold; + margin-bottom: 5px; } + +#sync-start-panel-subtitle, +#sync-error-panel-subtitle { + margin: 0; } + +/* Status panel */ +.statuspanel-label { + margin: 0; + padding: 2px 4px; + background: #5294E2; + border: 1px none #5294E2; + border-top-style: solid; + color: #ffffff; + text-shadow: none; } + +.statuspanel-label:-moz-locale-dir(ltr):not([mirror]), +.statuspanel-label:-moz-locale-dir(rtl)[mirror] { + border-right-style: solid; + border-top-right-radius: .3em; + margin-right: 1em; } + +.statuspanel-label:-moz-locale-dir(rtl):not([mirror]), +.statuspanel-label:-moz-locale-dir(ltr)[mirror] { + border-left-style: solid; + border-top-left-radius: .3em; + margin-left: 1em; } + +#full-screen-warning-message { + background-image: url("chrome://browser/skin/fullscreen-darknoise.png"); + color: white; + border-radius: 4px; + margin-top: 30px; + padding: 30px 50px; + box-shadow: 0 0 2px white; } + +#full-screen-warning-container[obscure-browser] { + background-color: rgba(0, 0, 0, 0.3); } + +.full-screen-description { + font-size: 150%; } + +#full-screen-domain-text { + font-size: 300%; } + +.full-screen-approval-button, +#full-screen-remember-decision { + font-size: 120%; } + +/* Responsive Mode */ +.browserContainer[responsivemode] { + background-color: #222; + padding: 0 20px 20px 20px; } + +.browserStack[responsivemode] { + box-shadow: 0 0 7px black; } + +.devtools-responsiveui-toolbar { + -moz-appearance: none; + background: transparent; + /* text color is textColor from dark theme, since no theme is applied to + * the responsive toolbar. + */ + color: #cdd9e4; + margin: 10px 0; + padding: 0; + box-shadow: none; + border-bottom-width: 0; } + +.devtools-responsiveui-menulist, +.devtools-responsiveui-toolbarbutton { + -moz-appearance: none; + -moz-box-align: center; + min-width: 32px; + min-height: 22px; + text-shadow: 0 -1px 0 rgba(12, 13, 14, 0.45); + border: 1px solid rgba(12, 13, 14, 0.45); + border-radius: 0; + background: linear-gradient(rgba(138, 145, 153, 0.35), rgba(138, 145, 153, 0.1)) padding-box; + box-shadow: 0 1px 0 rgba(184, 194, 204, 0.15) inset, 0 0 0 1px rgba(184, 194, 204, 0.15) inset, 0 1px 0 rgba(184, 194, 204, 0.15); + margin: 0 3px; + color: inherit; } + +.devtools-responsiveui-menulist .menulist-editable-box { + -moz-appearance: none; + background-color: transparent; } + +.devtools-responsiveui-menulist html|*.menulist-editable-input { + -moz-appearance: none; + color: inherit; + text-align: center; } + +.devtools-responsiveui-menulist html|*.menulist-editable-input::-moz-selection { + background: rgba(138, 145, 153, 0.35); } + +.devtools-responsiveui-toolbarbutton > .toolbarbutton-icon { + width: 16px; + height: 16px; } + +.devtools-responsiveui-toolbarbutton > .toolbarbutton-menubutton-button { + -moz-box-orient: horizontal; } + +.devtools-responsiveui-menulist:-moz-focusring, +.devtools-responsiveui-toolbarbutton:-moz-focusring { + outline: 1px dotted rgba(205, 217, 228, 0.7); + outline-offset: -4px; } + +.devtools-responsiveui-toolbarbutton:not([label]) > .toolbarbutton-text { + display: none; } + +.devtools-responsiveui-toolbarbutton:not([checked=true]):hover:active { + border-color: rgba(12, 13, 14, 0.6); + background: linear-gradient(rgba(24, 25, 27, 0.3), rgba(138, 145, 153, 0.15) 65%, rgba(138, 145, 153, 0.3)); + box-shadow: 0 0 3px rgba(12, 13, 14, 0.25) inset, 0 1px 3px rgba(12, 13, 14, 0.25) inset, 0 1px 0 rgba(184, 194, 204, 0.15); } + +.devtools-responsiveui-menulist[open=true], +.devtools-responsiveui-toolbarbutton[open=true], +.devtools-responsiveui-toolbarbutton[checked=true] { + border-color: rgba(12, 13, 14, 0.6) !important; + background: linear-gradient(rgba(24, 25, 27, 0.6), rgba(41, 46, 51, 0.45) 75%, rgba(68, 76, 85, 0.4)); + box-shadow: 0 1px 3px rgba(12, 13, 14, 0.25) inset, 0 1px 3px rgba(12, 13, 14, 0.25) inset, 0 1px 0 rgba(184, 194, 204, 0.15); } + +.devtools-responsiveui-toolbarbutton[checked=true] { + color: #33a0ff; } + +.devtools-responsiveui-toolbarbutton[checked=true]:hover { + background-color: transparent !important; } + +.devtools-responsiveui-toolbarbutton[checked=true]:hover:active { + background-color: rgba(12, 13, 14, 0.2) !important; } + +.devtools-responsiveui-menulist > .menulist-label-box { + text-align: center; } + +.devtools-responsiveui-menulist > .menulist-dropmarker { + -moz-appearance: none; + display: -moz-box; + background-color: transparent; + list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg"); + -moz-box-align: center; + border-width: 0; + min-width: 16px; } + +.devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-button { + -moz-appearance: none; + color: inherit; + border-width: 0; + -moz-border-end: 1px solid rgba(12, 13, 14, 0.45); + box-shadow: -1px 0 0 rgba(184, 194, 204, 0.15) inset, 1px 0 0 rgba(184, 194, 204, 0.15); } + +.devtools-responsiveui-toolbarbutton[type=menu-button]:-moz-locale-dir(rtl) > .toolbarbutton-menubutton-button { + box-shadow: 1px 0 0 rgba(184, 194, 204, 0.15) inset, -1px 0 0 rgba(184, 194, 204, 0.15); } + +.devtools-responsiveui-toolbarbutton[type=menu-button] { + padding: 0 1px; + -moz-box-align: stretch; } + +.devtools-responsiveui-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker, +.devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker { + -moz-appearance: none !important; + list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg"); + -moz-box-align: center; + padding: 0 3px; } + +.devtools-responsiveui-toolbar:-moz-locale-dir(ltr) > *:first-child, +.devtools-responsiveui-toolbar:-moz-locale-dir(rtl) > *:last-child { + margin-left: 0; } + +.devtools-responsiveui-close { + list-style-image: url("chrome://browser/skin/devtools/close.png"); } + +.devtools-responsiveui-rotate { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate.png"); } + +@media (min-resolution: 1.25dppx) { + .devtools-responsiveui-close { + list-style-image: url("chrome://browser/skin/devtools/close@2x.png"); } + + .devtools-responsiveui-rotate { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate@2x.png"); } } +.devtools-responsiveui-touch { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); } + +.devtools-responsiveui-touch[checked] { + -moz-image-region: rect(0px, 32px, 16px, 16px); } + +@media (min-resolution: 1.25dppx) { + .devtools-responsiveui-touch { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch@2x.png"); + -moz-image-region: rect(0px, 32px, 32px, 0px); } + + .devtools-responsiveui-touch[checked] { + -moz-image-region: rect(0px, 64px, 32px, 32px); } } +.devtools-responsiveui-screenshot { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot.png"); } + +@media (min-resolution: 1.25dppx) { + .devtools-responsiveui-screenshot { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot@2x.png"); } } +.devtools-responsiveui-resizebarV { + width: 7px; + height: 24px; + cursor: ew-resize; + transform: translate(12px, -12px); + background-size: cover; + background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png"); } + +.devtools-responsiveui-resizebarH { + width: 24px; + height: 7px; + cursor: ns-resize; + transform: translate(-12px, 12px); + background-size: cover; + background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer.png"); } + +.devtools-responsiveui-resizehandle { + width: 16px; + height: 16px; + cursor: se-resize; + transform: translate(12px, 12px); + background-size: cover; + background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png"); } + +/* FxOS custom mode with additional buttons and phone look'n feel */ +/* Hide devtools manual resizer */ +.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizehandle, +.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizebarH, +.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizebarV { + display: none; } + +/* Gives responsive mode a phone look'n feel */ +.browserStack[responsivemode].fxos-mode { + padding: 60px 15px 0; + border-radius: 25px / 20px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid #FFFFFF; + border-bottom-width: 0; + background-color: #353535; + box-shadow: 0 3px 0.7px 1px #777777, 0 5px rgba(0, 0, 0, 0.4) inset; + background-image: linear-gradient(to right, #111 11%, #333 56%); + min-width: 320px; } + +.devtools-responsiveui-hardware-buttons { + -moz-appearance: none; + padding: 20px; + border: 1px solid #FFFFFF; + border-bottom-left-radius: 25px; + border-bottom-right-radius: 25px; + border-top-width: 0; + box-shadow: 0 3px 0.7px 1px #777777, 0 -7px rgba(0, 0, 0, 0.4) inset; + background-image: linear-gradient(to right, #111 11%, #333 56%); } + +.devtools-responsiveui-home-button { + width: 40px; + height: 30px; + list-style-image: url("chrome://browser/skin/devtools/responsiveui-home.png"); } + +.devtools-responsiveui-sleep-button { + -moz-appearance: none; + /* compensate browserStack top padding */ + margin-top: -67px; + margin-right: 10px; + min-width: 10px; + width: 50px; + height: 5px; + border: 1px solid #444; + border-top-right-radius: 12px; + border-top-left-radius: 12px; + border-bottom-color: transparent; + background-image: linear-gradient(to top, #111 11%, #333 56%); } + +.devtools-responsiveui-sleep-button:hover:active { + background-image: linear-gradient(to top, #aaa 11%, #ddd 56%); } + +.devtools-responsiveui-volume-buttons { + margin-left: -29px; } + +.devtools-responsiveui-volume-up-button, +.devtools-responsiveui-volume-down-button { + -moz-appearance: none; + border: 1px solid red; + min-width: 8px; + height: 40px; + border: 1px solid #444; + border-right-color: transparent; + background-image: linear-gradient(to right, #111 11%, #333 56%); } + +.devtools-responsiveui-volume-up-button:hover:active, +.devtools-responsiveui-volume-down-button:hover:active { + background-image: linear-gradient(to right, #aaa 11%, #ddd 56%); } + +.devtools-responsiveui-volume-up-button { + border-top-left-radius: 12px; } + +.devtools-responsiveui-volume-down-button { + border-bottom-left-radius: 12px; } + +@media (min-resolution: 1.25dppx) { + .devtools-responsiveui-resizebarV { + background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer@2x.png"); } + + .devtools-responsiveui-resizebarH { + background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer@2x.png"); } + + .devtools-responsiveui-resizehandle { + background-image: url("chrome://browser/skin/devtools/responsive-se-resizer@2x.png"); } } +/* Developer toolbar */ +/* NOTE: THESE NEED TO STAY IN SYNC WITH LIGHT-THEME.CSS AND DARK-THEME.CSS. + We are copy/pasting variables from light-theme and dark-theme, + since they aren't loaded in this context (within browser.css). */ +:root[devtoolstheme="light"] #developer-toolbar { + --gcli-background-color: #ebeced; + /* --theme-tab-toolbar-background */ + --gcli-input-background: #f0f1f2; + /* --theme-toolbar-background */ + --gcli-input-focused-background: #f7f7f7; + /* --theme-sidebar-background */ + --gcli-input-color: #18191a; + /* --theme-body-color */ + --gcli-border-color: #aaaaaa; + /* --theme-splitter-color */ + --selection-background: #4c9ed9; + /* --theme-selection-background */ + --selection-color: #f5f7fa; + /* --theme-selection-color */ } + +:root[devtoolstheme="dark"] #developer-toolbar { + --gcli-background-color: #343c45; + /* --theme-toolbar-background */ + --gcli-input-background: rgba(37, 44, 51, 0.6); + /* --theme-tab-toolbar-background */ + --gcli-input-focused-background: #252c33; + /* --theme-tab-toolbar-background */ + --gcli-input-color: #b6babf; + /* --theme-body-color-alt */ + --gcli-border-color: black; + /* --theme-splitter-color */ + --selection-background: #1d4f73; + /* --theme-selection-background */ + --selection-color: #f5f7fa; + /* --theme-selection-color */ } + +#developer-toolbar { + -moz-appearance: none; + padding: 0; + min-height: 32px; + background-color: var(--gcli-background-color); + border-top: 1px solid var(--gcli-border-color); } + +#developer-toolbar > toolbarbutton { + -moz-appearance: none; + border: none; + background: transparent; + margin: 0; + padding: 0 10px; + width: 32px; } + +.developer-toolbar-button > image { + margin: auto 10px; } + +:root[devtoolstheme="light"] #developer-toolbar > toolbarbutton:not([checked=true]) > image, +:root[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before { + filter: url("chrome://browser/skin/devtools/filters.svg#invert"); } + +.developer-toolbar-button > .toolbarbutton-icon, +#developer-toolbar-closebutton > .toolbarbutton-icon { + width: 16px; + height: 16px; } + +#developer-toolbar-toolbox-button { + list-style-image: url("chrome://browser/skin/devtools/toggle-tools.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); } + +#developer-toolbar-toolbox-button > label { + display: none; } + +#developer-toolbar-toolbox-button:hover { + -moz-image-region: rect(0px, 32px, 16px, 16px); } + +#developer-toolbar-toolbox-button:hover:active { + -moz-image-region: rect(0px, 48px, 16px, 32px); } + +#developer-toolbar-toolbox-button[checked=true] { + -moz-image-region: rect(0px, 64px, 16px, 48px); } + +@media (min-resolution: 1.25dppx) { + #developer-toolbar-toolbox-button { + list-style-image: url("chrome://browser/skin/devtools/toggle-tools@2x.png"); + -moz-image-region: rect(0px, 32px, 32px, 0px); } + + #developer-toolbar-toolbox-button:hover { + -moz-image-region: rect(0px, 64px, 32px, 32px); } + + #developer-toolbar-toolbox-button:hover:active { + -moz-image-region: rect(0px, 96px, 32px, 64px); } + + #developer-toolbar-toolbox-button[checked=true] { + -moz-image-region: rect(0px, 128px, 32px, 96px); } } +#developer-toolbar-closebutton { + list-style-image: url("chrome://browser/skin/devtools/close.png"); + -moz-appearance: none; + border: none; + margin: 0 4px; + min-width: 16px; + width: 16px; + opacity: 0.6; } + +@media (min-resolution: 1.25dppx) { + #developer-toolbar-closebutton { + list-style-image: url("chrome://browser/skin/devtools/close@2x.png"); } } +#developer-toolbar-closebutton > .toolbarbutton-icon { + /* XXX Buttons have padding in widget/ that we don't want here but can't override with good CSS, so we must + use evil CSS to give the impression of smaller content */ + margin: -4px; } + +#developer-toolbar-closebutton > .toolbarbutton-text { + display: none; } + +#developer-toolbar-closebutton:hover { + opacity: 0.8; } + +#developer-toolbar-closebutton:hover:active { + opacity: 1; } + +/* GCLI */ +html|*#gcli-tooltip-frame, +html|*#gcli-output-frame { + padding: 0; + border-width: 0; + background-color: transparent; } + +#gcli-output, +#gcli-tooltip { + border-width: 0; + background-color: transparent; + -moz-appearance: none; } + +.gclitoolbar-input-node, +.gclitoolbar-complete-node { + margin: 0; + -moz-box-align: center; + padding-top: 0; + padding-bottom: 0; + padding-right: 8px; + text-shadow: none; + box-shadow: none; + border-width: 0; + background-color: transparent; + border-radius: 0; } + +.gclitoolbar-input-node { + -moz-appearance: none; + color: var(--gcli-input-color); + background-color: var(--gcli-input-background); + background-repeat: no-repeat; + background-position: 4px center; + box-shadow: 1px 0 0 var(--gcli-border-color) inset, -1px 0 0 var(--gcli-border-color) inset; + line-height: 32px; + outline-style: none; + padding: 0; } + +.gclitoolbar-input-node[focused="true"] { + background-color: var(--gcli-input-focused-background); } + +.gclitoolbar-input-node::before { + content: ""; + display: inline-block; + -moz-box-ordinal-group: 0; + width: 16px; + height: 16px; + margin: 0 2px; + background-image: url("chrome://browser/skin/devtools/commandline-icon.png"); + background-position: 0 center; + background-size: 32px 16px; } + +.gclitoolbar-input-node[focused="true"]::before { + background-position: -16px center; } + +@media (min-resolution: 1.25dppx) { + .gclitoolbar-input-node::before { + background-image: url("chrome://browser/skin/devtools/commandline-icon@2x.png"); } } +.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection { + background-color: var(--selection-background); + color: var(--selection-color); + text-shadow: none; } + +.gclitoolbar-complete-node { + padding-left: 21px; + background-color: transparent; + color: transparent; + z-index: 100; + pointer-events: none; } + +.gcli-in-incomplete, +.gcli-in-error, +.gcli-in-ontab, +.gcli-in-todo, +.gcli-in-closebrace, +.gcli-in-param, +.gcli-in-valid { + margin: 0; + padding: 0; } + +.gcli-in-incomplete { + border-bottom: 2px dotted #999; } + +.gcli-in-error { + border-bottom: 2px dotted #F00; } + +.gcli-in-ontab { + color: #595959; } + +.gcli-in-todo { + color: #2d5986; } + +.gcli-in-closebrace { + color: #cccccc; } + +#notification-popup[popupid="click-to-play-plugins"] > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0px; } + +.click-to-play-plugins-notification-center-box { + border: 1px solid ThreeDShadow; + margin: 10px; } + +.plugin-popupnotification-centeritem:nth-child(odd) { + background-color: rgba(0, 0, 0, 0.1); } + +.center-item-label { + -moz-margin-start: 6px; + margin-bottom: 0; + text-overflow: ellipsis; } + +.center-item-warning-icon { + background-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.png"); + background-repeat: no-repeat; + width: 16px; + height: 15px; + -moz-margin-start: 6px; } + +.click-to-play-plugins-notification-button-container { + background-color: rgba(24, 26, 27, 0.07); + border-top: 1px solid rgba(24, 26, 27, 0.12); + padding: 10px; + margin-top: 5px; } + +.click-to-play-popup-button { + width: 50%; } + +.click-to-play-plugins-notification-description-box { + padding: 10px; } + +.click-to-play-plugins-outer-description { + margin-top: 8px; } + +.click-to-play-plugins-notification-link, +.center-item-link { + margin: 0; } + +.messageImage[value="plugin-hidden"] { + list-style-image: url("chrome://browser/skin/notification-pluginNormal.png"); + -moz-image-region: rect(0, 16px, 16px, 0); } + +/* Keep any changes to this style in sync with pluginProblem.css */ +notification.pluginVulnerable { + background-color: #484848; + background-image: url(chrome://mozapps/skin/plugins/contentPluginStripe.png); + color: white; } + +notification.pluginVulnerable .messageImage { + list-style-image: url("chrome://browser/skin/notification-pluginBlocked.png"); } + +.popup-notification-item-title[popupid="bad-content"] { + font-weight: bold; } + +.popup-notification-item-message[popupid="bad-content"] { + width: 17em; } + +.popup-notification-item-message[popupid="bad-content"][mixedblockdisabled]:not(.popup-notification-item-message-critical), +.popup-notification-item-message[popupid="bad-content"][trackingblockdisabled]:not(.popup-notification-item-message-critical) { + color: GrayText; } + +.popup-notification-item-message-critical[popupid="bad-content"] { + color: #d74345; + font-style: italic; } + +.popup-notification-footer[popupid="bad-content"] { + padding-top: 1em; } + +#login-fill-testing { + color: #b33; + font-weight: bold; } + +#login-fill-list { + border: 1px solid black; + max-height: 20em; } + +.login-hostname { + margin: 4px; + font-weight: bold; } + +.login-username { + margin: 4px; + color: #888; } + +/* 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/. */ +/*** Status and progress indicator ***/ +#downloads-animation-container { + min-height: 1px; + min-width: 1px; + height: 1px; + margin-bottom: -1px; + /* Makes the outermost animation container element positioned, so that its + contents are rendered over the main browser window in the Z order. + This is required by the animated event notification. */ + position: relative; + /* The selected tab may overlap #downloads-indicator-notification */ + z-index: 5; } + +/*** Main indicator icon ***/ +#downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon, +#nav-bar #downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon { + background: -moz-image-rect(url("chrome://browser/skin/custom_images/dark/toolbar-icons.svg"), 0, 198, 18, 180) center no-repeat; + min-width: 18px; + min-height: 18px; } + +#TabsToolbar #downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon { + background: -moz-image-rect(url("chrome://browser/skin/custom_images/dark/tabbar-icons.svg"), 0, 198, 18, 180) center no-repeat; } + +#downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open], [checked], :hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon, +#TabsToolbar #downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open], [checked], :hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon, +#nav-bar #downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open], [checked], :hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon { + background: -moz-image-rect(url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"), 0, 198, 18, 180) center no-repeat; } + +#downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon, +#nav-bar #downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon, +#TabsToolbar #downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon { + background-image: -moz-image-rect(url("chrome://browser/skin/custom_images/dark/toolbar-icons.svg"), 18, 198, 36, 180); } + +#downloads-button[cui-areatype="menu-panel"][attention] { + list-style-image: url("chrome://browser/skin/downloads/download-glow-menuPanel.png"); + -moz-image-region: auto; } + +/* In the next few rules, we use :not([counter]) as a shortcut that is + equivalent to -moz-any([progress], [paused]). */ +#downloads-button:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { + background: -moz-image-rect(url("chrome://browser/skin/Toolbar-small.png"), 0, 16, 16, 0) center no-repeat; + background-size: 12px; } + +#downloads-button:not([counter])[attention] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { + background-image: -moz-image-rect(url("chrome://browser/skin/custom_images/dark/toolbar-icons.svg"), 18, 198, 36, 180); } + +/*** Download notifications ***/ +#downloads-indicator-notification { + opacity: 0; + background-size: 16px; + background-position: center; + background-repeat: no-repeat; + width: 16px; + height: 16px; } + +@keyframes downloadsIndicatorNotificationStartRight { + from { + opacity: 0; + transform: translate(-128px, 128px) scale(8); } + 20% { + opacity: .85; + animation-timing-function: ease-out; } + to { + opacity: 0; + transform: translate(0) scale(1); } } +@keyframes downloadsIndicatorNotificationStartLeft { + from { + opacity: 0; + transform: translate(128px, 128px) scale(8); } + 20% { + opacity: .85; + animation-timing-function: ease-out; } + to { + opacity: 0; + transform: translate(0) scale(1); } } +#downloads-notification-anchor[notification="start"] > #downloads-indicator-notification { + background-image: url("chrome://browser/skin/downloads/download-notification-start.png"); + animation-name: downloadsIndicatorNotificationStartRight; + animation-duration: 1s; } + +#downloads-notification-anchor[notification="start"]:-moz-locale-dir(rtl) > #downloads-indicator-notification { + animation-name: downloadsIndicatorNotificationStartLeft; } + +@keyframes downloadsIndicatorNotificationFinish { + from { + opacity: 0; + transform: scale(1); } + 20% { + opacity: .65; + animation-timing-function: ease-in; } + to { + opacity: 0; + transform: scale(8); } } +#downloads-notification-anchor[notification="finish"] > #downloads-indicator-notification { + background-image: url("chrome://browser/skin/downloads/download-notification-finish.png"); + animation-name: downloadsIndicatorNotificationFinish; + animation-duration: 1s; } + +/*** Progress bar and text ***/ +#downloads-indicator-counter { + height: 10px; + margin: 0; + color: #4d4d4d; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + font-size: 10px; + line-height: 10px; + text-align: center; } + +toolbar[brighttext] #downloads-indicator-counter { + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 1.5px rgba(0, 0, 0, 0.5); } + +#downloads-indicator-progress { + width: 18px; + height: 6px; + min-width: 0; + min-height: 0; + margin-top: 1px; + margin-bottom: 2px; + border-radius: 2px; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + +#downloads-indicator-progress > .progress-bar { + -moz-appearance: none; + min-width: 0; + min-height: 0; + /* The background-clip: border-box; and background-image: none; are there to expand the background-color behind the border */ + background-clip: padding-box, border-box; + background-color: #ff875e; + background-image: linear-gradient(transparent 1px, rgba(255, 255, 255, 0.4) 1px, rgba(255, 255, 255, 0.4) 2px, transparent 2px), none; + border: 1px solid; + border-color: rgba(0, 43, 86, 0.6) rgba(0, 43, 86, 0.4) rgba(0, 43, 86, 0.4); + border-radius: 2px 0 0 2px; } + +#downloads-indicator-progress > .progress-remainder { + -moz-appearance: none; + min-width: 0; + min-height: 0; + background-image: linear-gradient(#505050, #575757); + border: 1px solid; + border-color: rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4); + -moz-border-start: none; + border-radius: 0 2px 2px 0; } + +#downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-bar { + background-color: #dce651; } + +#downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-remainder { + background-image: linear-gradient(#4b5000, #515700); } + +.gcli-panel { + padding: 0; } + +.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection { + color: #24292d; } + +/* Error counter */ +#developer-toolbar-toolbox-button[error-count]:before { + color: #FDF3DE; + min-width: 16px; + text-shadow: none; + background-image: linear-gradient(#B4211B, #8A1915); + border-radius: 1px; + -moz-margin-end: 2px; } + +/* Social toolbar item */ +#social-undoactivation-button { + -moz-margin-start: 0; + /* override default label margin to match description margin */ } + +.social-activation-icon { + width: auto; + height: auto; + max-height: 64px; + max-width: 64px; } + +#social-activation-message { + max-width: 250px; } + +#social-activation-message > label { + margin: 0; } + +/* social toolbar provider menu */ +#social-statusarea-popup { + margin-top: 0; + margin-left: -12px; + margin-right: -12px; } + +.social-statusarea-user { + list-style-image: url("chrome://global/skin/icons/information-32.png"); } + +.social-statusarea-user-portrait { + width: 32px; + height: 32px; + border-radius: 2px; + margin: 10px; } + +.social-panel > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0; } + +#social-sidebar-header { + padding: 3px; } + +#manage-share-providers, +#social-sidebar-button { + list-style-image: url("chrome://browser/skin/Toolbar.png"); + -moz-image-region: rect(0, 468px, 18px, 450px); } + +#social-sidebar-button { + -moz-appearance: none; + border: none; + padding: 0; + margin: 2px; } + +#manage-share-providers > .toolbarbutton-icon, +#social-sidebar-button > .toolbarbutton-icon { + min-height: 18px; + min-width: 18px; } + +#social-sidebar-button > .toolbarbutton-menu-dropmarker { + display: none; } + +#social-sidebar-button[loading="true"] { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); } + +#social-sidebar-favico { + max-height: 16px; + max-width: 16px; + padding: 0; + margin: 2px; } + +.chat-status-icon { + max-height: 16px; + max-width: 16px; + padding: 0; } + +.chat-toolbarbutton { + -moz-appearance: none; + border: none; + padding: 0 3px; + margin: 0; + background: none; } + +.chat-toolbarbutton:hover { + background-color: rgba(255, 255, 255, 0.35); } + +.chat-toolbarbutton:hover:active { + background-color: rgba(255, 255, 255, 0.5); } + +.chat-toolbarbutton > .toolbarbutton-text { + display: none; } + +.chat-toolbarbutton > .toolbarbutton-icon { + width: 16px; + height: 16px; } + +.chat-close-button { + list-style-image: url("chrome://browser/skin/social/chat-icons.svg#close"); } + +.chat-close-button:-moz-any(:hover, :hover:active) { + list-style-image: url("chrome://browser/skin/social/chat-icons.svg#close-active"); } + +.chat-minimize-button { + list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize"); } + +.chat-minimize-button:-moz-any(:hover, :hover:active) { + list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize-active"); } + +.chat-swap-button { + list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand"); + transform: rotate(180deg); } + +.chat-swap-button:-moz-any(:hover, :hover:active) { + list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand-active"); } + +chatbar > chatbox > .chat-titlebar > .chat-swap-button { + transform: none; } + +.chat-title { + font-weight: bold; + color: black; + text-shadow: none; + cursor: inherit; } + +.chat-titlebar { + height: 30px; + min-height: 30px; + width: 100%; + margin: 0; + padding: 7px 6px; + border: none; + border-bottom: 1px solid #ccc; + cursor: pointer; } + +.chat-titlebar > .notification-anchor-icon { + margin-left: 2px; + margin-right: 2px; } + +.chat-titlebar[minimized="true"] { + border-bottom: none; } + +.chat-titlebar[activity] { + background-image: radial-gradient(ellipse closest-side at center, white, transparent); + background-repeat: no-repeat; + background-size: 100% 20px; + background-position: 0 -10px; } + +chatbox[dark=true] > .chat-titlebar, +chatbox[dark=true] > .chat-titlebar[selected] { + border-bottom: none; + background-color: #000; + background-image: none; } + +chatbox[dark=true] > .chat-titlebar > hbox > .chat-title { + font-weight: normal; + color: #c1c1c1; } + +.chat-frame { + padding: 0; + margin: 0; + overflow: hidden; } + +.chatbar-button { + list-style-image: url("chrome://browser/skin/social/services-16.png"); + margin: 0; + padding: 2px; + height: 21px; + width: 21px; + border: 1px solid #ccc; + border-bottom: none; } + +@media (min-resolution: 2dppx) { + .chatbar-button { + list-style-image: url("chrome://browser/skin/social/services-16@2x.png"); } } +.chatbar-button > .toolbarbutton-icon { + width: 16px; } + +.chatbar-button > menupopup > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon { + width: auto; + height: auto; + max-height: 16px; + max-width: 16px; } + +.chatbar-button[open="true"] { + box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.6), 0 1px rgba(255, 255, 255, 0.2); } + +.chatbar-button > .toolbarbutton-text, +.chatbar-button > .toolbarbutton-menu-dropmarker { + display: none; } + +.chatbar-button > menupopup > menuitem[activity] { + font-weight: bold; } + +.chatbar-innerbox { + background: transparent; + margin: -285px 0 0; + overflow: hidden; } + +chatbar { + -moz-margin-end: 20px; } + +chatbox { + -moz-margin-start: 4px; + background-color: white; + border: 1px solid #ccc; + border-bottom: none; } + +window > chatbox { + -moz-margin-start: 0px; + margin: 0px; + border: none; + padding: 0px; } + +.chat-titlebar { + background-color: #d9d9d9; + background-image: linear-gradient(rgba(255, 255, 255, 0.3), transparent); } + +.chat-titlebar[selected] { + background-color: #f0f0f0; } + +.chatbar-button { + -moz-appearance: none; + background-color: #d9d9d9; + background-image: linear-gradient(rgba(255, 255, 255, 0.3), transparent); } + +.chatbar-button > .toolbarbutton-icon { + -moz-margin-end: 0; } + +.chatbar-button:hover, +.chatbar-button[open="true"] { + background-color: #f0f0f0; } + +.chatbar-button[activity] { + background-image: radial-gradient(circle farthest-corner at center 3px, #e9f2fc 3%, rgba(172, 206, 255, 0.75) 40%, rgba(87, 151, 201, 0.5) 80%, transparent); } + +chatbox { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; } + +/* Customization mode */ +/* 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/. */ +/* Customization mode */ +#main-window:-moz-any([customize-entering], [customize-entered]) #browser-bottombox { + margin-bottom: 2em; } + +#main-window:-moz-any([customize-entering], [customize-entered]) #content-deck, +#main-window:-moz-any([customize-entering], [customize-entered]) #browser-bottombox, +#main-window:-moz-any([customize-entering], [customize-entered]) #navigator-toolbox { + margin-left: 2em; + margin-right: 2em; } + +#main-window:-moz-any([customize-entering], [customize-exiting]) #tab-view-deck { + pointer-events: none; } + +#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before, +#PanelUI-contents > .panel-customization-placeholder { + -moz-outline-radius: 2.5px; + outline: 1px dashed transparent; } + +#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before { + /* Prevent jumping of tabs when switching a window between inactive and active (bug 853415). */ + -moz-box-ordinal-group: 0; + content: ""; + display: -moz-box; + height: 100%; + left: 0; + outline-offset: -2px; + pointer-events: none; + position: absolute; + top: 0; + width: 100%; } + +/* Shift the TabsToolbar outline up 2px since the #nav-bar is shifted up by 1px and the + #TabsToolbar::after is a pixel higher to draw the bottom border of the tabstrip so this makes the + offset from the bottom effectively the same as other targets (-2px). */ +#main-window[customize-entered] #TabsToolbar.customization-target::before { + top: -2px; } + +/* The parents of the outline pseudo-elements need to be positioned so that the outline is positioned relative to it. */ +#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)):hover, +#main-window[customize-entered] .customization-target[customizing-dragovertarget]:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)), +#main-window[customize-entered] #nav-bar-customization-target.customization-target { + position: relative; } + +/* Most target outlines are shown on hover and drag over but the panel menu uses + placeholders instead. */ +#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)):hover::before, +#main-window[customize-entered] .customization-target[customizing-dragovertarget]:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before, +#nav-bar[showoutline=true] > #nav-bar-customization-target.customization-target::before { + outline-color: #666666; } + +#nav-bar[showoutline=true] > #nav-bar-customization-target.customization-target::before { + transition: outline-color 250ms linear; } + +#PanelUI-contents[showoutline=true] > .panel-customization-placeholder { + transition: outline-color 250ms linear; + outline-color: #bbb; } + +#PanelUI-contents > .panel-customization-placeholder { + cursor: auto; + outline-offset: -5px; } + +#main-window[customizing] .customization-target:not(#PanelUI-contents) { + min-width: 100px; + padding-left: 10px; + padding-right: 10px; } + +#customization-container { + background-color: #f7f7f7; + color: black; + text-shadow: none; } + +#customization-palette, +#customization-empty { + padding: 0 25px 25px; } + +#customization-header { + font-size: 1.75em; + line-height: 1.75em; + color: #666; + font-weight: 200; + margin: 25px 25px 12px; + padding-bottom: 12px; + border-bottom: 1px solid #e5e5e5; } + +#customization-panel-container { + padding: 15px 25px 25px; + background-image: linear-gradient(to bottom, #3e86ce, #3878ba); } + +#main-window:-moz-any([customize-entering], [customize-entered]) #browser-bottombox, +#customization-footer { + background-color: #ececec; } + +#customization-footer { + border-top: 1px solid #dddddd; + padding: 10px; } + +.customizationmode-button { + border: 1px solid silver; + border-radius: 3px; + margin: 5px; + padding: 2px 12px; + background-color: #fbfbfb; + color: #474747; + box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px rgba(255, 255, 255, 0.5); + -moz-appearance: none; } + +#customization-titlebar-visibility-button[checked], +#customization-devedition-theme-button[checked] { + background-color: #dadada; + border-color: #a8a8a8; + text-shadow: 0 1px #ececec; + box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px #c4c4c4; } + +.customizationmode-button[disabled="true"] { + opacity: .5; } + +.customizationmode-button > .box-inherit > .box-inherit > .button-icon, +.customizationmode-button > .button-box > .button-icon { + height: 24px; } + +#customization-titlebar-visibility-button { + list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle.png"); + -moz-image-region: rect(0, 24px, 24px, 0); } + +#customization-lwtheme-button, +#customization-titlebar-visibility-button { + padding: 2px 7px; } + +#customization-lwtheme-button > .box-inherit > .box-inherit > .button-text, +#customization-titlebar-visibility-button > .button-box > .button-text { + /* Sadly, button.css thinks its margins are perfect for everyone. */ + -moz-margin-start: 6px !important; } + +#customization-lwtheme-button > .box-inherit > .box-inherit > .button-icon { + width: 20px; + height: 20px; + border-radius: 2px; + background-size: contain; } + +#customization-titlebar-visibility-button > .button-box > .button-icon { + vertical-align: middle; } + +#customization-titlebar-visibility-button[checked] { + -moz-image-region: rect(0, 48px, 24px, 24px); } + +@media (min-resolution: 1.1dppx) { + #customization-titlebar-visibility-button { + list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle@2x.png"); + -moz-image-region: rect(0, 48px, 48px, 0); } + + #customization-titlebar-visibility-button[checked] { + -moz-image-region: rect(0, 96px, 48px, 48px); } } +#main-window[customize-entered] #customization-panel-container { + background-image: url("chrome://browser/skin/customizableui/customizeMode-separatorHorizontal.png"), url("chrome://browser/skin/customizableui/customizeMode-separatorVertical.png"), url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"), url("chrome://browser/skin/customizableui/background-noise-toolbar.png"), linear-gradient(to bottom, #3e86ce, #3878ba); + background-position: center top, left center, left top, left top, left top; + background-repeat: no-repeat, no-repeat, repeat, repeat, no-repeat; + background-size: auto 12px, 12px 100%, auto, auto, auto; + background-attachment: scroll, scroll, fixed, fixed, scroll; } + +toolbarpaletteitem[place="toolbar"] { + transition: border-width 250ms ease-in-out; } + +toolbarpaletteitem[mousedown] { + cursor: -moz-grabbing; } + +.panel-customization-placeholder, +toolbarpaletteitem[place="palette"], +toolbarpaletteitem[place="panel"] { + transition: transform .3s ease-in-out; } + +#customization-palette { + transition: opacity .3s ease-in-out; + opacity: 0; } + +#customization-palette[showing="true"] { + opacity: 1; } + +toolbarpaletteitem[notransition].panel-customization-placeholder, +toolbarpaletteitem[notransition][place="toolbar"], +toolbarpaletteitem[notransition][place="palette"], +toolbarpaletteitem[notransition][place="panel"] { + transition: none; } + +toolbarpaletteitem > toolbarbutton > .toolbarbutton-icon, +toolbarpaletteitem > toolbarbutton > .toolbarbutton-badge-container > .toolbarbutton-icon, +toolbarpaletteitem > toolbaritem.panel-wide-item, +toolbarpaletteitem > toolbarbutton[type="menu-button"] { + transition: transform 0.3s cubic-bezier(0.6, 2, 0.75, 1.5) !important; } + +toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-icon, +toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-badge-container > .toolbarbutton-icon { + transform: scale(1.3); } + +toolbarpaletteitem[mousedown] > toolbaritem.panel-wide-item, +toolbarpaletteitem[mousedown] > toolbarbutton[type="menu-button"] { + transform: scale(1.1); } + +/* Override the toolkit styling for items being dragged over. */ +toolbarpaletteitem[place="toolbar"] { + border-left-width: 0; + border-right-width: 0; + margin-right: 0; + margin-left: 0; } + +#customization-palette:not([hidden]) { + margin-bottom: 25px; } + +#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton, +#wrapper-edit-controls[place="palette"] > #edit-controls > separator, +#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton, +#wrapper-zoom-controls[place="palette"] > #zoom-controls > separator { + margin-top: 20px; } + +#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton, +#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton { + margin-left: 0; + margin-right: 0; + max-width: 24px; + min-width: 24px; + max-height: 24px; + min-height: 24px; + padding: 4px; } + +#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-icon, +#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton > .toolbarbutton-icon { + width: 16px; } + +#wrapper-edit-controls > #edit-controls > toolbarbutton > .toolbarbutton-icon { + opacity: 1; + /* To ensure these buttons always look enabled in customize mode */ } + +#wrapper-zoom-controls[place="palette"] > #zoom-controls > #zoom-reset-button, +#wrapper-zoom-controls[place="palette"] > #zoom-controls > #zoom-reset-button + separator { + display: none; } + +#wrapper-personal-bookmarks:not([place="toolbar"]) > #personal-bookmarks { + -moz-box-pack: center; + min-height: 48px; } + +#personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder > .toolbarbutton-icon { + -moz-margin-end: 5px; } + +#customization-palette > toolbarpaletteitem > label { + text-align: center; + margin-left: 0; + margin-right: 0; } + +#customization-lwtheme-menu > .panel-arrowcontainer > .panel-arrowcontent { + -moz-box-orient: vertical; + /* Make the panel padding uniform across all platforms due to the + styling of the section headers and footer. */ + padding: 10px; } + +.customization-lwtheme-menu-theme > .toolbarbutton-icon { + width: 32px; + height: 32px; } + +.customization-lwtheme-menu-theme { + -moz-appearance: none; + border: 1px solid transparent; + margin: 0 -5px 5px; + padding-top: 0; + -moz-padding-end: 5px; + padding-bottom: 0; + -moz-padding-start: 0; } + +.customization-lwtheme-menu-theme[defaulttheme] { + list-style-image: url(chrome://browser/skin/theme-switcher-icon.png); } + +.customization-lwtheme-menu-theme[active="true"], +.customization-lwtheme-menu-theme:hover { + background-color: rgba(24, 26, 27, 0.08); + border-color: rgba(24, 26, 27, 0.11); } + +.customization-lwtheme-menu-theme[active="true"], +.customization-lwtheme-menu-theme:hover:active { + background-color: rgba(24, 26, 27, 0.15); } + +.customization-lwtheme-menu-theme > .toolbarbutton-icon { + margin: 5px; } + +.customization-lwtheme-menu-theme > .toolbarbutton-text { + text-align: start; } + +#customization-lwtheme-menu-header, +#customization-lwtheme-menu-recommended { + padding: 10px; + margin-bottom: 5px; } + +#customization-lwtheme-menu-header, +#customization-lwtheme-menu-recommended, +#customization-lwtheme-menu-footer { + background-color: rgba(24, 26, 27, 0.05); + color: gray; + margin-right: -10px; + margin-left: -10px; } + +#customization-lwtheme-menu-header { + margin-top: -10px; + border-bottom: 1px solid rgba(24, 26, 27, 0.05); } + +#customization-lwtheme-menu-recommended { + border-top: 1px solid rgba(24, 26, 27, 0.05); + border-bottom: 1px solid rgba(24, 26, 27, 0.05); } + +#customization-lwtheme-menu-footer { + background: linear-gradient(rgba(24, 26, 27, 0.05) 60%, transparent) border-box; + border-top: 1px solid rgba(24, 26, 27, 0.05); + margin-bottom: -10px; } + +.customization-lwtheme-menu-footeritem { + -moz-appearance: none; + -moz-box-flex: 1; + color: gray; + border-style: none; + padding: 10px; + margin-left: 0; + margin-right: 0; } + +.customization-lwtheme-menu-footeritem:hover { + background: linear-gradient(rgba(24, 26, 27, 0.08) 40%, transparent) padding-box; } + +.customization-lwtheme-menu-footeritem:first-child { + -moz-border-end: 1px solid rgba(24, 26, 27, 0.15); } + +/* 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/. */ +#customization-tipPanel > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0; + margin: 0; + min-width: 400px; + max-width: 1000px; + min-height: 200px; + border-radius: 3px; + background-image: linear-gradient(90deg, #a0dfff 0%, #ceeeff 100%); + border: 0px solid rgba(0, 148, 221, 0.5); + box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5), inset 0 1px 1px 0 #fff; + color: #333333; } + +#customization-tipPanel > .panel-arrowcontainer > .panel-arrowcontent:-moz-locale-dir(rtl) { + background-image: linear-gradient(90deg, #ceeeff 0%, #a0dfff 100%); } + +.customization-tipPanel-infoBox { + margin: 20px 25px 25px; + width: 25px; + background-image: url(chrome://browser/skin/customizableui/info-icon-customizeTip.png); + background-repeat: no-repeat; } + +.customization-tipPanel-content { + margin: 25px 0; + font-size: 12px; + line-height: 18px; } + +.customization-tipPanel-em { + margin: 0; + font-weight: bold; } + +.customization-tipPanel-contentImage { + margin-top: 25px; + list-style-image: url(chrome://browser/skin/customizableui/customize-illustration.png); + min-width: 300px; + max-width: 300px; + min-height: 190px; + max-height: 190px; + display: -moz-box; } + +.customization-tipPanel-contentImage:-moz-locale-dir(rtl) { + list-style-image: url(chrome://browser/skin/customizableui/customize-illustration-rtl.png); } + +.customization-tipPanel-link { + -moz-appearance: none; + background: transparent; + border: none; + box-shadow: none; + color: #1952ab; + margin: 0; + cursor: pointer; } + +.customization-tipPanel-link > .button-box > .button-text { + margin: 0 !important; } + +.customization-tipPanel-closeBox > .close-icon { + -moz-appearance: none; + border: 0; + -moz-margin-end: -25px; } + +#customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="left"], +#customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="right"] { + list-style-image: url("chrome://browser/skin/customizableui/panelarrow-customizeTip.png"); } + +#main-window[customize-entered] > #tab-view-deck { + background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"), linear-gradient(to bottom, #bcbcbc, #b5b5b5); + background-attachment: fixed; } + +#main-window[customization-lwtheme] > #tab-view-deck:-moz-lwtheme { + background-repeat: no-repeat; + background-position: right top; + background-attachment: fixed; + /* The image will get set from CustomizeMode.jsm */ + background-image: none; + background-color: transparent; } + +#main-window[customization-lwtheme]:-moz-lwtheme { + background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"), url("chrome://browser/skin/customizableui/background-noise-toolbar.png"), linear-gradient(to bottom, #bcbcbc, #b5b5b5); + background-color: #b5b5b5; + background-repeat: repeat; + background-attachment: fixed; + background-position: left top; } + +#main-window[customize-entered] #browser-bottombox, +#main-window[customize-entered] #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar), +#main-window[customize-entered] #customization-container { + border: 3px solid rgba(0, 0, 0, 0.1); + border-top-width: 0; + background-clip: padding-box; + background-origin: padding-box; + -moz-border-right-colors: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2); + -moz-border-bottom-colors: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2); + -moz-border-left-colors: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2); } + +#main-window[customize-entered] #customization-container, +#main-window[customize-entered] #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar) { + border-bottom-width: 0; } + +#main-window[customize-entered] #TabsToolbar { + -moz-appearance: none; + background-clip: padding-box; + border-right: 3px solid transparent; + border-left: 3px solid transparent; } + +/* The :hover:active style from toolkit doesn't seem to work in this panel so just use :active. */ +.customization-tipPanel-closeBox > .close-icon:active { + background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 48, 16, 32); } + +/* End customization mode */ +#main-window[privatebrowsingmode=temporary] #private-browsing-indicator { + background: url("chrome://browser/skin/privatebrowsing-mask.png") center no-repeat; + width: 40px; } + +/* UI Tour */ +#UITourHighlightContainer { + -moz-appearance: none; + border: none; + background-color: transparent; + /* This is a buffer to compensate for the movement in the "wobble" effect */ + padding: 4px; } + +#UITourHighlight { + background-image: radial-gradient(50% 100%, rgba(0, 149, 220, 0.4) 50%, rgba(0, 149, 220, 0.6) 100%); + border-radius: 40px; + border: 1px solid white; + /* The box-shadow opacity needs to be < 0.5 so it doesn't appear at 100% opacity + on Linux without an X compositor where opacity is either 0 or 1. */ + box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.49); + min-height: 32px; + min-width: 32px; } + +#UITourTooltipBody { + -moz-margin-end: 14px; } + +#UITourTooltipBody > vbox { + padding-top: 4px; } + +#UITourTooltipIconContainer { + -moz-margin-start: -16px; } + +#UITourTooltipIcon { + width: 48px; + height: 48px; + -moz-margin-start: 28px; + -moz-margin-end: 28px; } + +#UITourTooltipTitle, +#UITourTooltipDescription { + max-width: 20rem; } + +#UITourTooltipTitle { + font-size: 1.45rem; + font-weight: bold; + -moz-margin-start: 0; + -moz-margin-end: 0; + margin: 0 0 9px 0; } + +#UITourTooltipDescription { + -moz-margin-start: 0; + -moz-margin-end: 0; + font-size: 1.15rem; + line-height: 1.8rem; + margin-bottom: 0; + /* Override global.css */ } + +#UITourTooltipClose { + -moz-appearance: none; + border: none; + background-color: transparent; + min-width: 0; + -moz-margin-start: 4px; + margin-top: -2px; } + +#UITourTooltipClose > .toolbarbutton-text { + display: none; } + +#UITourTooltipButtons { + -moz-box-pack: end; + background-color: rgba(24, 26, 27, 0.07); + border-top: 1px solid rgba(24, 26, 27, 0.14); + margin: 24px -16px -16px; + padding: 2em 15px; } + +#UITourTooltipButtons > button { + margin: 0 15px; } + +#UITourTooltipButtons > button:first-child { + -moz-margin-start: 0; } + +#UITourTooltipButtons > button[image] > .button-box > .button-icon { + width: 16px; + height: 16px; + -moz-margin-end: 5px; } + +#UITourTooltipButtons > button .button-text { + font-size: 1.15rem; } + +#UITourTooltipButtons > button:not(.button-link) { + -moz-appearance: none; + background-color: #fbfbfb; + border-radius: 3px; + border: 1px solid; + border-color: silver; + color: #474747; + padding: 4px 30px; + transition-property: background-color, border-color; + transition-duration: 150ms; } + +#UITourTooltipButtons > button:not(.button-link):not(:active):hover { + background-color: rgba(24, 26, 27, 0.15); + border-color: rgba(24, 26, 27, 0.15); + box-shadow: 0 1px 0 0 rgba(24, 26, 27, 0.05) inset; } + +#UITourTooltipButtons > button.button-link { + -moz-appearance: none; + background: transparent; + border: none; + box-shadow: none; + color: rgba(0, 0, 0, 0.35); + padding-left: 10px; + padding-right: 10px; } + +#UITourTooltipButtons > button.button-link:hover { + color: black; } + +/* The primary button gets the same color as the customize button. */ +#UITourTooltipButtons > button.button-primary { + background-color: #74bf43; + color: white; + padding-left: 30px; + padding-right: 30px; } + +#UITourTooltipButtons > button.button-primary:not(:active):hover { + background-color: #69ad3d; } + +/* Notification overrides for Heartbeat UI */ +notification.heartbeat { + background-color: #F1F1F1; + border-bottom: 1px solid #C1C1C1; + height: 40px; } + +/* In themes/osx/global/notification.css the close icon is inverted because notifications + on OSX are usually dark. Heartbeat is light, so override that behaviour. */ +@keyframes pulse-onshow { + 0% { + opacity: 0; + transform: scale(1); } + 25% { + opacity: 1; + transform: scale(1.1); } + 50% { + transform: scale(1); } + 75% { + transform: scale(1.1); } + 100% { + transform: scale(1); } } +@keyframes pulse-twice { + 0% { + transform: scale(1.1); } + 50% { + transform: scale(0.8); } + 100% { + transform: scale(1); } } +.messageText.heartbeat { + color: #333333; + text-shadow: none; + -moz-margin-start: 0px; + /* The !important is required to override OSX default style. */ + -moz-margin-end: 12px !important; } + +.messageImage.heartbeat { + width: 24px; + height: 24px; + -moz-margin-start: 8px; + -moz-margin-end: 8px; } + +.messageImage.heartbeat.pulse-onshow { + animation-name: pulse-onshow; + animation-duration: 1.5s; + animation-iteration-count: 1; + animation-timing-function: cubic-bezier(0.7, 1.8, 0.9, 1.1); } + +.messageImage.heartbeat.pulse-twice { + animation-name: pulse-twice; + animation-duration: 1s; + animation-iteration-count: 2; + animation-timing-function: linear; } + +/* Learn More link styles */ +.heartbeat > .text-link { + color: #0095DD; + -moz-margin-start: 0px; } + +.heartbeat > .text-link:hover { + color: #008ACB; + text-decoration: none; } + +.heartbeat > .text-link:hover:active { + color: #006B9D; } + +/* Heartbeat UI Rating Star Classes */ +.heartbeat > #star-rating-container { + display: -moz-box; + margin-bottom: 4px; } + +.heartbeat > #star-rating-container > #star5 { + -moz-box-ordinal-group: 5; } + +.heartbeat > #star-rating-container > #star4 { + -moz-box-ordinal-group: 4; } + +.heartbeat > #star-rating-container > #star3 { + -moz-box-ordinal-group: 3; } + +.heartbeat > #star-rating-container > #star2 { + -moz-box-ordinal-group: 2; } + +.heartbeat > #star-rating-container > .star-x { + background: url("chrome://browser/skin/heartbeat-star-off.svg"); + cursor: pointer; + /* Overrides the -moz-margin-end for all platforms defined in the .plain class */ + -moz-margin-end: 4px !important; + width: 16px; + height: 16px; } + +.heartbeat > #star-rating-container > .star-x:hover, +.heartbeat > #star-rating-container > .star-x:hover ~ .star-x { + background: url("chrome://browser/skin/heartbeat-star-lit.svg"); } + +#UITourHighlight { + /* Below are some fixes for people without an X compositor on Linux. + This is why we can't have nice things: */ + /* Animations don't repaint properly without an X compositor. */ + animation-name: none !important; + /* Opacity rounds to 0 or 1 on Linux without an X compositor so make the + background be transparent in that case by having all alpha values < 0.5 */ + background-image: radial-gradient(50% 100%, rgba(0, 149, 220, 0.3) 50%, rgba(0, 149, 220, 0.49) 100%); + /* The highlight isn't anti-aliased without an X compositor so make it thicker. + Make it a darker color since we don't have the box-shadow in this case. */ + border: 4px solid #0095dc; } + +#UITourTooltipDescription { + font-size: 1.05rem; } + +#UITourTooltipClose { + -moz-margin-end: -4px; + height: 16px; + width: 16px; } + +#UITourTooltipButtons { + margin-bottom: -10px; } + +#context-navigation > .menuitem-iconic { + -moz-box-flex: 1; + -moz-box-pack: center; + -moz-box-align: center; } + +#context-navigation > .menuitem-iconic > .menu-iconic-left { + -moz-appearance: none; } + +#context-back { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back"); } + +#context-back[_moz-menuactive=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-active"); } + +#context-back[disabled=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-disabled"); } + +#context-forward { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward"); } + +#context-forward[_moz-menuactive=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-active"); } + +#context-forward[disabled=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-disabled"); } + +#context-reload { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload"); } + +#context-reload[_moz-menuactive=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-active"); } + +#context-reload[disabled=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-disabled"); } + +#context-stop { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop"); } + +#context-stop[_moz-menuactive=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-active"); } + +#context-stop[disabled=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-disabled"); } + +#context-bookmarkpage { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark"); } + +#context-bookmarkpage[_moz-menuactive=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-active"); } + +#context-bookmarkpage[disabled=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-disabled"); } + +#context-back:-moz-locale-dir(rtl), +#context-forward:-moz-locale-dir(rtl), +#context-reload:-moz-locale-dir(rtl) { + transform: scaleX(-1); } + +#context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon { + width: 16px; + height: 16px; + margin: 7px; } + +#context-media-eme-learnmore { + list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); } + +#context-navigation > .menuitem-iconic > .menu-iconic-left { + visibility: visible; + /* override toolkit/themes/linux/global/menu.css */ + -moz-padding-end: 0 !important; + -moz-margin-end: 0 !important; } diff --git a/arc-firefox-theme/chrome/browser/sass/browser-dark.scss b/arc-firefox-theme/chrome/browser/sass/browser-dark.scss new file mode 100644 index 0000000..3c8fe99 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/sass/browser-dark.scss @@ -0,0 +1,7 @@ +$variant: 'dark'; +$transparency: 'true'; +$darker: 'false'; + +@import "_colors"; +@import "_drawing"; +@import "_browser-sass"; diff --git a/arc-firefox-theme/chrome/browser/sass/browser-darker.css b/arc-firefox-theme/chrome/browser/sass/browser-darker.css new file mode 100644 index 0000000..94768a2 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/sass/browser-darker.css @@ -0,0 +1,4520 @@ +@import url("chrome://global/skin/"); +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); +@namespace svg url("http://www.w3.org/2000/svg"); +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ +:root { + --toolbarbutton-hover-background: #fbfbfc; + --toolbarbutton-hover-boxshadow: none; + --toolbarbutton-hover-bordercolor: #5294E2; + --toolbarbutton-active-boxshadow: none; + --toolbarbutton-active-bordercolor: #5294E2; + --toolbarbutton-active-background: #5294E2; + --toolbarbutton-checkedhover-backgroundcolor: #5294E2; + --toolbarbutton-combined-boxshadow: none; + --toolbarbutton-combined-backgroundimage: linear-gradient(rgba(23, 51, 79, 0.2) 0, rgba(23, 51, 79, 0.2) 18px); + --verified-identity-box-backgroundcolor: transparent; } + +#menubar-items { + -moz-box-orient: vertical; + /* for flex hack */ } + +#main-menubar { + -moz-box-flex: 1; + /* make menu items expand to fill toolbar height */ } + +#navigator-toolbox { + -moz-appearance: none; + background-color: transparent; + border-top: none; } + +#navigator-toolbox::after { + content: ""; + display: -moz-box; + -moz-box-ordinal-group: 101; + /* tabs toolbar is 100 */ + height: 1px; + background-color: #dcdfe3; } + +#navigator-toolbox > toolbar:not(:-moz-lwtheme):not(#toolbar-menubar):not(#TabsToolbar) { + -moz-appearance: none; + border-style: none; + background-color: -moz-Dialog; } + +#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar) { + padding-top: 1px; + padding-bottom: 1px; } + +#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar):not(#addon-bar) { + overflow: -moz-hidden-unscrollable; + max-height: 4em; + transition: min-height 170ms ease-out, max-height 170ms ease-out; } + +#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar):not(#addon-bar)[collapsed=true] { + min-height: 0.1px; + max-height: 0; + transition: min-height 170ms ease-out, max-height 170ms ease-out, visibility 170ms linear; } + +#TabsToolbar:not([collapsed="true"]) + #nav-bar { + border-top: 1px solid rgba(24, 27, 31, 0.97) !important; + background-clip: padding-box; + margin-top: -1px; + /* Move up into the TabsToolbar for the inner highlight at the top of the nav-bar */ + /* Position the toolbar above the bottom of background tabs */ + position: relative; + z-index: 1; } + +#main-window[htitlemode=always] #TabsToolbar { + box-shadow: inset 0 1px rgba(54, 60, 68, 0.97) !important; } + +#nav-bar { + background-image: none !important; + background-color: #F5F6F7 !important; + box-shadow: none; + padding-top: 3px; + padding-bottom: 3px; } + +#nav-bar-overflow-button { + -moz-image-region: rect(-5px, 12px, 11px, -4px); } + +/* This only has an effect when this element is placed on the bookmarks toolbar. + * It's 30px to make sure buttons with 18px icons fit along with the default 16px + * icons, without changing the size of the toolbar. + */ +#personal-bookmarks { + min-height: 30px; } + +#browser-bottombox { + /* opaque for layers optimization */ + background-color: -moz-Dialog; } + +#urlbar:-moz-lwtheme:not([focused="true"]), +.searchbar-textbox:-moz-lwtheme:not([focused="true"]) { + opacity: .85; } + +/* Places toolbar */ +toolbarbutton.bookmark-item:not(.subviewbutton), +#personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder { + margin: 1px; + padding: 2px 3px; } + +toolbarbutton.bookmark-item:not(.subviewbutton):not(:hover):not(:active):not([open]) { + color: inherit; } + +.bookmark-item:not(#home-button) > .toolbarbutton-icon, +#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-icon { + width: 16px; + height: 16px; } + +/* Force the display of the label for bookmarks */ +.bookmark-item > .toolbarbutton-text, +#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-text { + display: -moz-box !important; } + +.bookmark-item > .toolbarbutton-menu-dropmarker { + display: none; } + +/* Dropmarker for folder bookmarks */ +.bookmark-item[container] > .toolbarbutton-menu-dropmarker { + display: -moz-box !important; } + +#bookmarks-toolbar-placeholder { + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important; } + +toolbarpaletteitem[place="palette"] > #personal-bookmarks > #bookmarks-toolbar-placeholder, +#personal-bookmarks[cui-areatype="menu-panel"] > #bookmarks-toolbar-placeholder { + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar-menuPanel.png") !important; } + +toolbarbutton.bookmark-item { + -moz-appearance: none; + border: 1px solid transparent; + border-radius: 2px; + background: none; + color: #5c616c; } + +toolbarbutton.bookmark-item:not([disabled=true]):hover { + -moz-appearance: none; + color: #5c616c; + background-color: #fbfbfc; + border: 1px solid #5294E2; } + +toolbarbutton.bookmark-item:not([disabled=true]):-moz-any([open], [checked], :hover:active) { + -moz-appearance: none; + color: #ffffff; + background-color: #5294E2; + border: 1px solid #5294E2; } + +/* ----- BOOKMARK STAR ANIMATION ----- */ +@keyframes animation-bookmarkAdded { + from { + transform: rotate(0deg) translateX(-16px) rotate(0deg) scale(1); + opacity: 0; } + 60% { + transform: rotate(180deg) translateX(-16px) rotate(-180deg) scale(2.2); + opacity: 1; } + 80% { + opacity: 1; } + to { + transform: rotate(180deg) translateX(-16px) rotate(-180deg) scale(1); + opacity: 0; } } +@keyframes animation-bookmarkPulse { + from { + transform: scale(1); } + 50% { + transform: scale(1.3); } + to { + transform: scale(1); } } +#bookmarked-notification-container { + min-height: 1px; + min-width: 1px; + height: 1px; + margin-bottom: -1px; + z-index: 5; + position: relative; } + +#bookmarked-notification { + background-size: 16px; + background-position: center; + background-repeat: no-repeat; + width: 16px; + height: 16px; + opacity: 0; } + +#bookmarked-notification-dropmarker-anchor { + z-index: -1; + position: relative; } + +#bookmarked-notification-dropmarker-icon { + width: 18px; + height: 18px; + visibility: hidden; } + +#bookmarked-notification-anchor[notification="finish"] > #bookmarked-notification { + background-image: url("chrome://browser/skin/places/bookmarks-notification-finish.png"); + animation: animation-bookmarkAdded 800ms; + animation-timing-function: ease, ease, ease; } + +#bookmarks-menu-button[notification="finish"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { + list-style-image: none !important; } + +#bookmarked-notification-dropmarker-anchor[notification="finish"] > #bookmarked-notification-dropmarker-icon { + visibility: visible; + animation: animation-bookmarkPulse 300ms; + animation-delay: 600ms; + animation-timing-function: ease-out; } + +/* Bookmark menus */ +menu.bookmark-item, +menuitem.bookmark-item { + min-width: 0; + max-width: 32em; } + +.bookmark-item:not(.subviewbutton) > .menu-iconic-left { + margin-top: 0; + margin-bottom: 0; } + +.bookmark-item > .menu-iconic-left > .menu-iconic-icon { + -moz-padding-start: 0px; } + +/* Bookmark drag and drop styles */ +.bookmark-item[dragover-into="true"] { + background: Highlight !important; + color: HighlightText !important; } + +/* rules for menupopup drop indicators */ +.menupopup-drop-indicator-bar { + position: relative; + /* these two margins must together compensate the indicator's height */ + margin-top: -1px; + margin-bottom: -1px; } + +.menupopup-drop-indicator { + list-style-image: none; + height: 2px; + -moz-margin-end: -4em; + background-color: Highlight; } + +/* Bookmarks toolbar */ +#PlacesToolbarDropIndicator { + list-style-image: url(chrome://browser/skin/places/toolbarDropMarker.png); } + +/* Bookmark items */ +.bookmark-item { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); } + +.bookmark-item[container] { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu"); } + +.bookmark-item[container][livemark] { + list-style-image: url("chrome://browser/skin/feeds/feedIcon16.png"); } + +.bookmark-item[container][livemark] .bookmark-item { + list-style-image: url("chrome://browser/skin/places/livemark-item.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); } + +.bookmark-item[container][livemark] .bookmark-item[visited] { + -moz-image-region: rect(0px, 32px, 16px, 16px); } + +.bookmark-item[container][query] { + list-style-image: url("chrome://browser/skin/places/query.png"); } + +.bookmark-item[query][tagContainer] { + list-style-image: url("chrome://browser/skin/places/tag.png"); } + +.bookmark-item[query][dayContainer] { + list-style-image: url("chrome://browser/skin/places/calendar.png"); } + +.bookmark-item[query][hostContainer] { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu"); } + +.bookmark-item[query][hostContainer][open] { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu"); } + +.bookmark-item[cutting] > .toolbarbutton-icon, +.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-icon { + opacity: 0.5; } + +.bookmark-item[cutting] > .toolbarbutton-text, +.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-text { + opacity: 0.7; } + +/* Stock icons for the menu bar items */ +menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { + -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic"); } + +#placesContext_open\:newwindow, +#menu_newNavigator, +#context-openlink, +#context-openframe { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 80px 16px 64px); } + +#placesContext_open\:newtab, +#placesContext_openContainer\:tabs, +#menu_newNavigatorTab, +#context-openlinkintab, +#context-openframeintab { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 64px 16px 48px); } + +#menu_openFile { + list-style-image: url("moz-icon://stock/gtk-open?size=menu"); } + +#menu_close { + list-style-image: url("moz-icon://stock/gtk-close?size=menu"); } + +#context-media-play { + list-style-image: url("moz-icon://stock/gtk-media-play?size=menu"); } + +#context-media-pause { + list-style-image: url("moz-icon://stock/gtk-media-pause?size=menu"); } + +#menu_savePage, +#context-savelink, +#context-saveimage, +#context-savevideo, +#context-saveaudio, +#context-savepage, +#context-saveframe { + list-style-image: url("moz-icon://stock/gtk-save-as?size=menu"); } + +#menu_printPreview { + list-style-image: url("moz-icon://stock/gtk-print-preview?size=menu"); } + +#menu_print, +#context-printframe { + list-style-image: url("moz-icon://stock/gtk-print?size=menu"); } + +#menu_FileQuitItem { + list-style-image: url("moz-icon://stock/gtk-quit?size=menu"); } + +#menu_undo, +#context-undo { + list-style-image: url("moz-icon://stock/gtk-undo?size=menu"); } + +#menu_undo[disabled], +#context-undo[disabled] { + list-style-image: url("moz-icon://stock/gtk-undo?size=menu&state=disabled"); } + +#menu_redo { + list-style-image: url("moz-icon://stock/gtk-redo?size=menu"); } + +#menu_redo[disabled] { + list-style-image: url("moz-icon://stock/gtk-redo?size=menu&state=disabled"); } + +#menu_cut, +#placesContext_cut, +#context-cut { + list-style-image: url("moz-icon://stock/gtk-cut?size=menu"); } + +#menu_cut[disabled], +#placesContext_cut[disabled], +#context-cut[disabled] { + list-style-image: url("moz-icon://stock/gtk-cut?size=menu&state=disabled"); } + +#menu_copy, +#placesContext_copy, +#context-copy, +#context-copyimage, +#context-copyvideourl, +#context-copyaudiourl, +#context-copylink, +#context-copyemail { + list-style-image: url("moz-icon://stock/gtk-copy?size=menu"); } + +#menu_copy[disabled], +#placesContext_copy[disabled], +#context-copy[disabled] { + list-style-image: url("moz-icon://stock/gtk-copy?size=menu&state=disabled"); } + +#menu_paste, +#placesContext_paste, +#context-paste { + list-style-image: url("moz-icon://stock/gtk-paste?size=menu"); } + +#menu_paste[disabled], +#placesContext_paste[disabled], +#context-paste[disabled] { + list-style-image: url("moz-icon://stock/gtk-paste?size=menu&state=disabled"); } + +#menu_delete, +#placesContext_delete, +#placesContext_delete_history, +#context-delete { + list-style-image: url("moz-icon://stock/gtk-delete?size=menu"); } + +#menu_delete[disabled], +#placesContext_delete[disabled], +#placesContext_delete_history[disabled], +#context-delete[disabled] { + list-style-image: url("moz-icon://stock/gtk-delete?size=menu&state=disabled"); } + +#menu_selectAll, +#context-selectall { + list-style-image: url("moz-icon://stock/gtk-select-all?size=menu"); } + +#menu_find { + list-style-image: url("moz-icon://stock/gtk-find?size=menu"); } + +#menu_find[disabled] { + list-style-image: url("moz-icon://stock/gtk-find?size=menu&state=disabled"); } + +#menu_preferences { + list-style-image: url("moz-icon://stock/gtk-preferences?size=menu"); } + +#placesContext_reload, +#context-reloadframe { + list-style-image: url("moz-icon://stock/gtk-refresh?size=menu"); } + +#menu_zoomEnlarge { + list-style-image: url("moz-icon://stock/gtk-zoom-in?size=menu"); } + +#menu_zoomReduce { + list-style-image: url("moz-icon://stock/gtk-zoom-out?size=menu"); } + +#menu_zoomReset { + list-style-image: url("moz-icon://stock/gtk-zoom-100?size=menu"); } + +#menu_showAllHistory { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 32px 16px 16px); } + +#bookmarksShowAll { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 48px 16px 32px); } + +#subscribeToPageMenuitem:not([disabled]), +#subscribeToPageMenupopup, +#BMB_subscribeToPageMenuitem:not([disabled]), +#BMB_subscribeToPageMenupopup { + list-style-image: url("chrome://browser/skin/page-livemarks.png"); } + +#bookmarksToolbarFolderMenu, +#BMB_bookmarksToolbar, +#panelMenu_bookmarksToolbar { + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png"); } + +#BMB_unsortedBookmarks, +#panelMenu_unsortedBookmarks { + list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png"); } + +#menu_readingList, +#BMB_readingList { + list-style-image: url("chrome://browser/skin/readinglist/readinglist-icon.svg"); } + +#panelMenu_pocket, +#menu_pocket, +#BMB_pocket { + list-style-image: url("chrome://browser/content/pocket/panels/img/pocketmenuitem16.png"); } + +#menu_openDownloads { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 16px 16px 0px); } + +#menu_openAddons { + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png"); } + +#menu_pageInfo, +#context-viewinfo, +#context-viewframeinfo { + list-style-image: url("moz-icon://stock/gtk-info?size=menu"); } + +#placesContext_open\:newprivatewindow, +#privateBrowsingItem { + list-style-image: url("chrome://browser/skin/Privacy-16.png"); } + +#placesContext_show\:info { + list-style-image: url("moz-icon://stock/gtk-properties?size=menu"); } + +#sanitizeItem { + list-style-image: url("moz-icon://stock/gtk-clear?size=menu"); } + +#menu_openHelp { + list-style-image: url("moz-icon://stock/gtk-help?size=menu"); } + +#aboutName { + list-style-image: url("moz-icon://stock/gtk-about?size=menu"); } + +#javascriptConsole { + list-style-image: url("chrome://global/skin/console/console.png"); } + +/* Primary toolbar buttons */ +.findbar-button, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 { + -moz-appearance: none; } + +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open="true"], +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:hover:active { + padding: 3px; } + +.findbar-button > .toolbarbutton-text, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-badge-container, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-icon { + -moz-margin-end: 0; + padding: 2px 6px; + border: 1px solid transparent; + border-radius: 2px; + transition-property: background-color, border-color; + transition-duration: 150ms; } + +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-badge-container, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon { + padding: 3px 7px; } + +/* Help SDK icons fit: */ +toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon, +toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-badge-container > .toolbarbutton-icon { + width: 16px; } + +:-moz-any(#TabsToolbar, #nav-bar) toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon { + /* XXXgijs box models strike again: this is 16px + 2 * 7px padding + 2 * 1px border (from the rules above) */ + width: 32px; } + +#nav-bar #PanelUI-menu-button { + -moz-padding-start: 5px; + -moz-padding-end: 5px; } + +#nav-bar #PanelUI-button, +#nav-bar[brighttext] #PanelUI-button { + background: none; + border-image: url("chrome://browser/skin/custom_images/navbar-separator.png") 0 0 0 2/0 0 0 2px; } + +.findbar-button:not(:-moz-any([checked="true"], [disabled="true"])):hover > .toolbarbutton-text, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open]:not([disabled=true]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-badge-container, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-icon { + background: var(--toolbarbutton-hover-background); + border-width: 1px; + border-style: solid; + border-color: var(--toolbarbutton-hover-bordercolor); + box-shadow: var(--toolbarbutton-hover-boxshadow); } + +#TabsToolbar .toolbarbutton-1[open]:not([disabled=true]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +#TabsToolbar .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +#TabsToolbar .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, +#TabsToolbar .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-badge-container, +#TabsToolbar .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-icon { + background-color: none; + color: rgba(207, 218, 231, 0.8); + border-color: rgba(29, 32, 36, 0.97); + background-color: rgba(40, 44, 50, 0.87); } + +.findbar-button:not([disabled=true]):-moz-any([checked="true"], :hover:active) > .toolbarbutton-text, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([open="true"]) > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active, [open="true"]) > .toolbarbutton-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open="true"] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon { + background: var(--toolbarbutton-active-background); + box-shadow: var(--toolbarbutton-active-boxshadow); + border-width: 1px; + border-style: solid; + border-color: var(--toolbarbutton-active-bordercolor); + transition-duration: 10ms; } + +#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active, [open="true"]) > .toolbarbutton-icon, +#TabsToolbar .toolbarbutton-1[open="true"] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon, +#TabsToolbar .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container, +#TabsToolbar .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon { + background: none; + color: #ffffff; + border-color: #5294E2; + background-color: #5294E2; } + +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[checked]:not(:active):hover > .toolbarbutton-icon { + background-color: var(--toolbarbutton-checkedhover-backgroundcolor); + transition: background-color 150ms; } + +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button[open], +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button:hover:active, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:hover:active { + padding: 3px; } + +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before { + content: ""; + display: -moz-box; + width: 1px; + height: 18px; + -moz-margin-end: -1px; + background-image: var(--toolbarbutton-combined-backgroundimage); + background-clip: padding-box; + background-position: center; + background-repeat: no-repeat; + background-size: 1px 18px; + box-shadow: var(--toolbarbutton-combined-boxshadow); } + +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { + -moz-margin-start: -4px; } + +#back-button > menupopup { + margin-top: -1px; } + +#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); } + +#forward-button { + margin-left: 2px; + margin-right: 2px; + padding: 0; } + +/* tabview menu item */ +#menu_tabview { + list-style-image: url(chrome://browser/skin/tabview/tabview.png); + -moz-image-region: rect(0, 80px, 16px, 64px); } + +#menu_tabview[groups="0"] { + -moz-image-region: rect(0, 16px, 16px, 0); } + +#menu_tabview[groups="1"] { + -moz-image-region: rect(0, 32px, 16px, 16px); } + +#menu_tabview[groups="2"] { + -moz-image-region: rect(0, 48px, 16px, 32px); } + +#menu_tabview[groups="3"] { + -moz-image-region: rect(0, 64px, 16px, 48px); } + +/* undo close tab menu item */ +#alltabs_undoCloseTab { + list-style-image: url(chrome://browser/skin/undoCloseTab.png); } + +.unified-nav-back[_moz-menuactive] { + list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=menu") !important; } + +.unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=menu") !important; } + +.unified-nav-forward[_moz-menuactive] { + list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=menu") !important; } + +.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=menu") !important; } + +/* Menu panel buttons */ +:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button), +#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { + list-style-image: url("chrome://browser/skin/custom_images/light/toolbar-icons.svg"); } + #TabsToolbar :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button), #TabsToolbar + #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { + list-style-image: url("chrome://browser/skin/custom_images/dark/tabbar-icons.svg"); } + +#nav-bar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #web-apps-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #web-apps-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) { + list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"); } + +#nav-bar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .dropmarker-icon, +#TabsToolbar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .dropmarker-icon, +#nav-bar #bookmarks-menu-button > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon, +#TabsToolbar #bookmarks-menu-button > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon { + list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"); } + +#back-button { + -moz-image-region: rect(0, 36px, 18px, 18px); } + +#forward-button { + -moz-image-region: rect(0, 72px, 18px, 54px); } + +#home-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 126px, 18px, 108px); } + +#bookmarks-menu-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 144px, 18px, 126px); } + +#bookmarks-menu-button[cui-areatype="toolbar"][starred] { + -moz-image-region: rect(0, 162px, 18px, 144px); } + +#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { + -moz-image-region: rect(0, 630px, 18px, 612px); } + +#history-panelmenu[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 180px, 18px, 162px); } + +#downloads-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 198px, 18px, 180px); } + +#add-ons-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 216px, 18px, 198px); } + +#open-file-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 234px, 18px, 216px); } + +#save-page-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 252px, 18px, 234px); } + +#sync-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 270px, 18px, 252px); } + +#sync-button[cui-areatype="toolbar"][status="active"] { + list-style-image: url("chrome://browser/skin/syncProgress-toolbar.png"); + -moz-image-region: rect(0, 18px, 18px, 0px); } + +toolbar[brighttext] #sync-button[status="active"] { + list-style-image: url("chrome://browser/skin/syncProgress-toolbar-inverted.png"); } + +#feed-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 288px, 18px, 270px); } + +#social-share-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0px, 306px, 18px, 288px); } + +#characterencoding-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 324px, 18px, 306px); } + +#new-window-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 342px, 18px, 324px); } + +#e10s-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 342px, 18px, 324px); } + +#e10s-button > .toolbarbutton-icon { + transform: scaleY(-1); } + +#new-tab-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 360px, 18px, 342px); } + +#privatebrowsing-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 378px, 18px, 360px); } + +#find-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 396px, 18px, 378px); } + +#print-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 414px, 18px, 396px); } + +#fullscreen-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 432px, 18px, 414px); } + +#developer-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 450px, 18px, 432px); } + +#preferences-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 468px, 18px, 450px); } + +#PanelUI-menu-button { + -moz-image-region: rect(0, 486px, 18px, 468px); } + +#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #cut-button { + -moz-image-region: rect(0, 504px, 18px, 486px); } + +#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #copy-button { + -moz-image-region: rect(0, 522px, 18px, 504px); } + +#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #paste-button { + -moz-image-region: rect(0, 540px, 18px, 522px); } + +#zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #zoom-out-button { + -moz-image-region: rect(0, 558px, 18px, 540px); } + +#zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #zoom-in-button { + -moz-image-region: rect(0, 576px, 18px, 558px); } + +#nav-bar-overflow-button { + -moz-image-region: rect(0, 612px, 18px, 594px); } + +#nav-bar-overflow-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); } + +#tabview-button { + -moz-image-region: rect(0, 648px, 18px, 630px); } + +#email-link-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 666px, 18px, 648px); } + +#sidebar-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 684px, 18px, 666px); } + +#panic-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 702px, 18px, 684px); } + +#panic-button[cui-areatype="toolbar"][open] { + -moz-image-region: rect(18px, 702px, 36px, 684px); } + +#panic-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); } + +#web-apps-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 720px, 18px, 702px); } + +#loop-button > .toolbarbutton-badge-container { + list-style-image: url(chrome://browser/skin/loop/toolbar.png); + -moz-image-region: rect(0, 18px, 18px, 0); } + +toolbar[brighttext] #loop-button > .toolbarbutton-badge-container { + list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png); } + +#loop-button[state="disabled"] > .toolbarbutton-badge-container, +#loop-button[disabled="true"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 36px, 18px, 18px); } + +#loop-button:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 54px, 18px, 36px); } + +#loop-button:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 72px, 18px, 54px); } + +#loop-button:not([disabled="true"])[state="action"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 90px, 18px, 72px); } + +#loop-button:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 108px, 18px, 90px); } + +#loop-button:not([disabled="true"])[state="active"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 126px, 18px, 108px); } + +#webide-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 738px, 18px, 720px); } + +#pocket-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 774px, 18px, 756px); } + +#pocket-button[cui-areatype="toolbar"][open] { + -moz-image-region: rect(18px, 774px, 36px, 756px); } + +/* Menu panel and palette styles */ +:root { + --menupanel-list-style-image: url(chrome://browser/skin/menuPanel.png); + --menupanel-list-style-image-2x: url(chrome://browser/skin/menuPanel@2x.png); + --menupanel-small-list-style-image: url(chrome://browser/skin/menuPanel-small.png); + --menupanel-small-list-style-image-2x: url(chrome://browser/skin/menuPanel-small@2x.png); } + +@media not all and (min-resolution: 1.1dppx) { + toolbaritem[sdkstylewidget="true"] > toolbarbutton, + :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button) { + list-style-image: var(--menupanel-list-style-image); } + + #home-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #home-button { + -moz-image-region: rect(0px, 128px, 32px, 96px); } + + #bookmarks-menu-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #bookmarks-menu-button { + -moz-image-region: rect(0px, 192px, 32px, 160px); } + + #bookmarks-menu-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 192px, 64px, 160px); } + + #history-panelmenu[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #history-panelmenu { + -moz-image-region: rect(0px, 224px, 32px, 192px); } + + #history-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 224px, 64px, 192px); } + + #downloads-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #downloads-button { + -moz-image-region: rect(0px, 256px, 32px, 224px); } + + #add-ons-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #add-ons-button { + -moz-image-region: rect(0px, 288px, 32px, 256px); } + + #open-file-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #open-file-button { + -moz-image-region: rect(0px, 320px, 32px, 288px); } + + #save-page-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #save-page-button { + -moz-image-region: rect(0px, 352px, 32px, 320px); } + + #sync-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #sync-button { + -moz-image-region: rect(0px, 384px, 32px, 352px); } + + #sync-button[cui-areatype="menu-panel"][status="active"] { + list-style-image: url(chrome://browser/skin/syncProgress-menuPanel.png); + -moz-image-region: rect(0px, 32px, 32px, 0px); } + + #feed-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #feed-button { + -moz-image-region: rect(0px, 416px, 32px, 384px); } + + #feed-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 416px, 64px, 384px); } + + #social-share-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #social-share-button { + -moz-image-region: rect(0px, 448px, 32px, 416px); } + + #characterencoding-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #characterencoding-button { + -moz-image-region: rect(0px, 480px, 32px, 448px); } + + #characterencoding-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 480px, 64px, 448px); } + + #new-window-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #new-window-button { + -moz-image-region: rect(0px, 512px, 32px, 480px); } + + #e10s-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #e10s-button { + -moz-image-region: rect(0px, 512px, 32px, 480px); } + + #new-tab-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #new-tab-button { + -moz-image-region: rect(0px, 544px, 32px, 512px); } + + #privatebrowsing-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #privatebrowsing-button { + -moz-image-region: rect(0px, 576px, 32px, 544px); } + + #tabview-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #tabview-button { + -moz-image-region: rect(0px, 608px, 32px, 576px); } + + #find-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #find-button { + -moz-image-region: rect(0px, 640px, 32px, 608px); } + + #print-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #print-button { + -moz-image-region: rect(0px, 672px, 32px, 640px); } + + #fullscreen-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #fullscreen-button { + -moz-image-region: rect(0px, 704px, 32px, 672px); } + + #developer-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #developer-button { + -moz-image-region: rect(0px, 736px, 32px, 704px); } + + #developer-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 736px, 64px, 704px); } + + #preferences-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #preferences-button { + -moz-image-region: rect(0px, 768px, 32px, 736px); } + + #email-link-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #email-link-button { + -moz-image-region: rect(0, 800px, 32px, 768px); } + + #sidebar-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #sidebar-button { + -moz-image-region: rect(0, 864px, 32px, 832px); } + + #sidebar-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 864px, 64px, 832px); } + + #panic-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #panic-button { + -moz-image-region: rect(0, 896px, 32px, 864px); } + + #panic-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 896px, 64px, 864px); } + + #web-apps-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #web-apps-button { + -moz-image-region: rect(0, 928px, 32px, 896px); } + + #webide-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #webide-button { + -moz-image-region: rect(0px, 960px, 32px, 928px); } + + #pocket-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #pocket-button { + -moz-image-region: rect(0px, 992px, 32px, 960px); } + + #pocket-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 992px, 64px, 960px); } + + toolbaritem[sdkstylewidget="true"] > toolbarbutton { + -moz-image-region: rect(0, 832px, 32px, 800px); } + + #loop-button[cui-areatype="menu-panel"] > .toolbarbutton-badge-container, + toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container { + list-style-image: url(chrome://browser/skin/loop/menuPanel.png); + -moz-image-region: rect(0, 32px, 32px, 0); } + + /* Make sure that the state icons are not shown in the customization palette. */ + toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 32px, 32px, 0) !important; } + + #loop-button[cui-areatype="menu-panel"][state="disabled"] > .toolbarbutton-badge-container, + #loop-button[cui-areatype="menu-panel"][disabled="true"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 64px, 32px, 32px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 96px, 32px, 64px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 128px, 32px, 96px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 160px, 32px, 128px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 192px, 32px, 160px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 224px, 32px, 192px); } + + /* Wide panel control icons */ + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, + toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton, + toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton { + list-style-image: var(--menupanel-small-list-style-image); } + + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button, + toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button { + -moz-image-region: rect(0px, 32px, 16px, 16px); } + + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button, + toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button { + -moz-image-region: rect(0px, 48px, 16px, 32px); } + + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #paste-button, + toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button { + -moz-image-region: rect(0px, 64px, 16px, 48px); } + + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-out-button, + toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button { + -moz-image-region: rect(0px, 80px, 16px, 64px); } + + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-in-button, + toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button { + -moz-image-region: rect(0px, 96px, 16px, 80px); } + + #add-share-provider { + list-style-image: url(chrome://browser/skin/menuPanel-small.png); + -moz-image-region: rect(0px, 96px, 16px, 80px); } } +/* Menu panel and palette styles */ +@media (min-resolution: 1.1dppx) { + toolbaritem[sdkstylewidget="true"] > toolbarbutton, + :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button) { + list-style-image: var(--menupanel-list-style-image-2x); } + + #home-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #home-button { + -moz-image-region: rect(0px, 256px, 64px, 192px); } + + #bookmarks-menu-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #bookmarks-menu-button { + -moz-image-region: rect(0px, 384px, 64px, 320px); } + + #bookmarks-menu-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 384px, 128px, 320px); } + + #history-panelmenu[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #history-panelmenu { + -moz-image-region: rect(0px, 448px, 64px, 384px); } + + #history-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 448px, 128px, 384px); } + + #downloads-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #downloads-button { + -moz-image-region: rect(0px, 512px, 64px, 448px); } + + #add-ons-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #add-ons-button { + -moz-image-region: rect(0px, 576px, 64px, 512px); } + + #open-file-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #open-file-button { + -moz-image-region: rect(0px, 640px, 64px, 576px); } + + #save-page-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #save-page-button { + -moz-image-region: rect(0px, 704px, 64px, 640px); } + + #sync-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #sync-button { + -moz-image-region: rect(0px, 768px, 64px, 704px); } + + #sync-button[cui-areatype="menu-panel"][status="active"] { + list-style-image: url(chrome://browser/skin/syncProgress-menuPanel@2x.png); + -moz-image-region: rect(0px, 64px, 64px, 0px); } + + #feed-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #feed-button { + -moz-image-region: rect(0px, 832px, 64px, 768px); } + + #feed-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 832px, 128px, 768px); } + + #social-share-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #social-share-button { + -moz-image-region: rect(0px, 896px, 64px, 832px); } + + #characterencoding-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #characterencoding-button { + -moz-image-region: rect(0, 960px, 64px, 896px); } + + #characterencoding-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 960px, 128px, 896px); } + + #new-window-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #new-window-button { + -moz-image-region: rect(0px, 1024px, 64px, 960px); } + + #e10s-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #e10s-button { + -moz-image-region: rect(0px, 1024px, 64px, 960px); } + + #webide-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #webide-button { + -moz-image-region: rect(0px, 1920px, 64px, 1856px); } + + #pocket-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #pocket-button { + -moz-image-region: rect(0px, 1984px, 64px, 1920px); } + + #pocket-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 1984px, 128px, 1920px); } + + #loop-button[cui-areatype="menu-panel"] > .toolbarbutton-badge-container, + toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container { + list-style-image: url(chrome://browser/skin/loop/menuPanel@2x.png); + -moz-image-region: rect(0, 64px, 64px, 0); } + + /* Make sure that the state icons are not shown in the customization palette. */ + toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 64px, 64px, 0) !important; } + + #loop-button[cui-areatype="menu-panel"][state="disabled"] > .toolbarbutton-badge-container, + #loop-button[cui-areatype="menu-panel"][disabled="true"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 128px, 64px, 64px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 192px, 64px, 128px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 256px, 64px, 192px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 320px, 64px, 256px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 384px, 64px, 320px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 448px, 64px, 384px); } + + #new-tab-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #new-tab-button { + -moz-image-region: rect(0px, 1088px, 64px, 1024px); } + + #privatebrowsing-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #privatebrowsing-button { + -moz-image-region: rect(0px, 1152px, 64px, 1088px); } + + #tabview-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #tabview-button { + -moz-image-region: rect(0px, 1216px, 64px, 1152px); } + + #find-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #find-button { + -moz-image-region: rect(0px, 1280px, 64px, 1216px); } + + #print-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #print-button { + -moz-image-region: rect(0px, 1344px, 64px, 1280px); } + + #fullscreen-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #fullscreen-button { + -moz-image-region: rect(0px, 1408px, 64px, 1344px); } + + #developer-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #developer-button { + -moz-image-region: rect(0px, 1472px, 64px, 1408px); } + + #developer-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 1472px, 128px, 1408px); } + + #preferences-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #preferences-button { + -moz-image-region: rect(0px, 1536px, 64px, 1472px); } + + #email-link-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #email-link-button { + -moz-image-region: rect(0px, 1600px, 64px, 1536px); } + + #sidebar-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #sidebar-button { + -moz-image-region: rect(0px, 1728px, 64px, 1664px); } + + #sidebar-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 1728px, 128px, 1664px); } + + #panic-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #panic-button { + -moz-image-region: rect(0, 1792px, 64px, 1728px); } + + #panic-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 1792px, 128px, 1728px); } + + #web-apps-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #web-apps-button { + -moz-image-region: rect(0, 1856px, 64px, 1792px); } + + toolbaritem[sdkstylewidget="true"] > toolbarbutton { + -moz-image-region: rect(0, 1664px, 64px, 1600px); } + + /* Footer and wide panel control icons */ + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, + toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton, + toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton { + list-style-image: var(--menupanel-small-list-style-image-2x); } + + /* Wide items like the Cut/Copy/Paste and Zoom controls are special in that their icons + are 16x16 when in the panel, but 18x18 when in a toolbar. */ + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton > .toolbarbutton-icon, + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton > .toolbarbutton-icon, + toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-icon, + toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton > .toolbarbutton-icon { + width: 16px; } + + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button, + toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button { + -moz-image-region: rect(0px, 64px, 32px, 32px); } + + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button, + toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button { + -moz-image-region: rect(0px, 96px, 32px, 64px); } + + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #paste-button, + toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button { + -moz-image-region: rect(0px, 128px, 32px, 96px); } + + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-out-button, + toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button { + -moz-image-region: rect(0px, 160px, 32px, 128px); } + + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-in-button, + toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button { + -moz-image-region: rect(0px, 192px, 32px, 160px); } } +#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-icon, +#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menu-dropmarker, +#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-dropmarker, +#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +#main-window:not([customizing]) .toolbarbutton-1 > .toolbarbutton-menubutton-button[disabled=true] > .toolbarbutton-icon { + opacity: 0.4; } + +/* Fullscreen window controls */ +#window-controls { + -moz-box-align: start; + -moz-margin-start: 10px; } + +#close-button, #restore-button, #minimize-button { + padding: 2px 4px; + -moz-appearance: none; } + +#close-button { + list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/close.svg"); } + #close-button:hover { + list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/close_prelight.svg"); } + #close-button:active { + list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/close_pressed.svg"); } + +#restore-button { + list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/maximize.svg"); } + #restore-button:hover { + list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/maximize_prelight.svg"); } + #restore-button:active { + list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/maximize_pressed.svg"); } + +#minimize-button { + list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/minimize.svg"); } + #minimize-button:hover { + list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/minimize_prelight.svg"); } + #minimize-button:active { + list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/minimize_pressed.svg"); } + +/* Location bar */ +#urlbar, +.searchbar-textbox { + -moz-appearance: none; + padding: 3px 5px; + border-radius: 20px; + margin: 0 3px; + box-shadow: inset 0 0 rgba(255, 255, 255, 0); + color: #5c616c; + background-color: #ffffff; + border: 1px solid #cfd6e6; } + +#urlbar[focused], +.searchbar-textbox[focused] { + box-shadow: inset 0 0 rgba(255, 255, 255, 0); + color: #5c616c; + background-color: #ffffff; + border: 1px solid #5294E2; } + +.urlbar-textbox-container { + -moz-appearance: none; + -moz-box-align: center; } + +.urlbar-input-box { + -moz-margin-start: 0; } + +.urlbar-history-dropmarker { + -moz-appearance: toolbarbutton-dropdown; } + +#urlbar-container { + -moz-box-align: center; } + +#urlbar-icons { + -moz-box-align: center; } + +#urlbar-search-splitter { + -moz-appearance: none; + width: 8px; } + +#urlbar-display-box { + margin-top: -1px; + margin-bottom: -1px; + -moz-border-end: 1px solid red; + -moz-margin-end: 3px; } + +.urlbar-display { + margin-top: 0; + margin-bottom: 0; + -moz-margin-start: 0; + color: GrayText; } + +#search-container { + min-width: calc(54px + 11ch); } + +/* identity box */ +#identity-box { + padding: 1px; + font-size: .9em; } + +#identity-box:-moz-locale-dir(ltr) { + border-top-left-radius: 1.5px; + border-bottom-left-radius: 1.5px; } + +#identity-box:-moz-locale-dir(rtl) { + border-top-right-radius: 1.5px; + border-bottom-right-radius: 1.5px; } + +#notification-popup-box:not([hidden]) + #identity-box { + border-radius: 0; } + +window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box { + border-radius: 0; } + +/* forward button hiding is delayed when hovered */ +/* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */ +/* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */ +#urlbar[pageproxystate="valid"] > #identity-box.chromeUI, +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity { + -moz-margin-end: 4px; } + +#identity-box.verifiedIdentity:not(:-moz-lwtheme) { + background-color: var(--verified-identity-box-backgroundcolor); } + +#identity-box:-moz-focusring { + outline: 1px dotted #000; + outline-offset: -3px; } + +#identity-icon-labels { + -moz-padding-start: 2px; + -moz-padding-end: 5px; } + +:root { + --identity-box-verified-color: #479900; + --identity-box-verified-background-image: linear-gradient(transparent 15%, rgba(39, 74, 8, 0.2) 15%, rgba(39, 74, 8, 0.2) 85%, transparent 85%); + --identity-box-chrome-color: #e57300; + --identity-box-chrome-background-image: linear-gradient(transparent 15%, rgba(229, 114, 0, 0.5) 15%, rgba(229, 114, 0, 0.5) 85%, transparent 85%); } + +#urlbar[pageproxystate="valid"] > #identity-box.chromeUI, +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity { + background-position: right; + background-size: 1px; + background-repeat: no-repeat; } + +#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:-moz-locale-dir(rtl), +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(rtl) { + background-position: left; } + +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity { + color: var(--identity-box-verified-color); + background-image: var(--identity-box-verified-background-image); } + +#urlbar[pageproxystate="valid"] > #identity-box.chromeUI { + color: var(--identity-box-chrome-color); + background-image: var(--identity-box-chrome-background-image); } + +/* page proxy icon */ +#page-proxy-favicon { + width: 16px; + height: 16px; + list-style-image: url(chrome://browser/skin/identity-icons-generic.png); } + +.chromeUI > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://branding/content/identity-icons-brand.png); } + +.verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https.png); } + +.verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-ev.png); } + +.mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-active.png); } + +.mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display.png); } + +.mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display.png); } + +#page-proxy-favicon[pageproxystate="invalid"] { + opacity: 0.3; } + +#identity-popup.chromeUI > #identity-popup-container > #identity-popup-icon { + list-style-image: url("chrome://branding/content/icon64.png"); } + +#identity-popup-brandName { + font-weight: bold; + font-size: 1.25em; + margin-top: .5em; + margin-bottom: .5em; } + +#identity-popup-content-box { + max-width: 50ch; } + +@media not all and (min-resolution: 1.1dppx) { + #page-proxy-favicon { + -moz-image-region: rect(0, 16px, 16px, 0); } + + #identity-box:hover > #page-proxy-favicon { + -moz-image-region: rect(0, 32px, 16px, 16px); } + + #identity-box:hover:active > #page-proxy-favicon, + #identity-box[open=true] > #page-proxy-favicon { + -moz-image-region: rect(0, 48px, 16px, 32px); } } +@media (min-resolution: 1.1dppx) { + #page-proxy-favicon { + list-style-image: url(chrome://browser/skin/identity-icons-generic@2x.png); + -moz-image-region: rect(0, 32px, 32px, 0); } + + .chromeUI > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://branding/content/identity-icons-brand@2x.png); } + + .verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https@2x.png); } + + .verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-ev@2x.png); } + + .mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-active@2x.png); } + + .mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display@2x.png); } + + .mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display@2x.png); } + + #identity-box:hover > #page-proxy-favicon { + -moz-image-region: rect(0, 64px, 32px, 32px); } + + #identity-box:hover:active > #page-proxy-favicon, + #identity-box[open=true] > #page-proxy-favicon { + -moz-image-region: rect(0, 96px, 32px, 64px); } + + #identity-popup.chromeUI > #identity-popup-container > #identity-popup-icon { + list-style-image: url("chrome://branding/content/icon128.png"); + -moz-image-region: rect(0, 128px, 128px, 0); } } +#page-proxy-favicon { + margin-top: 1px; + margin-bottom: 1px; + -moz-margin-start: 3px; + -moz-margin-end: 1px; } + +/* Identity popup icons */ +#identity-popup-icon { + height: 64px; + width: 64px; + padding: 0; + list-style-image: url("chrome://browser/skin/identity.png"); + -moz-image-region: rect(0px, 64px, 64px, 0px); } + +#identity-popup.verifiedDomain > #identity-popup-container > #identity-popup-icon { + -moz-image-region: rect(64px, 64px, 128px, 0px); } + +#identity-popup.verifiedIdentity > #identity-popup-container > #identity-popup-icon { + -moz-image-region: rect(128px, 64px, 192px, 0px); } + +/* Identity popup body text */ +.identity-popup-description { + white-space: pre-wrap; + -moz-padding-start: 15px; + margin: 2px 0 4px; } + +.identity-popup-label { + white-space: pre-wrap; + -moz-padding-start: 15px; + margin: 0; } + +#identity-popup-content-host, +#identity-popup-content-owner { + font-weight: bold; + max-width: 300px; } + +#identity-popup-content-host, +#identity-popup-content-box.verifiedIdentity > #identity-popup-content-owner { + font-size: 140%; } + +#identity-popup-content-owner { + margin-bottom: 0 !important; } + +#identity-popup-content-verifier { + margin: 4px 0 2px; } + +#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption, +#identity-popup-content-box.verifiedDomain > #identity-popup-encryption { + margin-top: 10px; + -moz-margin-start: -18px; } + +#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption > vbox > #identity-popup-encryption-icon, +#identity-popup-content-box.verifiedDomain > #identity-popup-encryption > vbox > #identity-popup-encryption-icon { + list-style-image: url("chrome://browser/skin/Secure.png"); } + +#identity-popup-help-icon { + -moz-appearance: none; + margin-left: 0px; + border: none; + background: none; + min-width: 0; + list-style-image: url("moz-icon://stock/gtk-dialog-question?size=16"); + cursor: pointer; } + +#identity-popup-help-icon > .button-box > .button-text { + display: none; } + +#identity-popup-help-icon > .button-box > .button-icon { + height: 16px; + width: 16px; } + +#identity-popup-help-icon:-moz-focusring { + outline: 1px dotted; + outline-offset: 1px; } + +#identity-popup > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0; } + +#identity-popup-container { + min-width: 280px; + padding: 10px; } + +#identity-popup-button-container { + background: linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 60%, transparent); + padding: 10px; + margin-top: 5px; } + +.popup-notification-icon { + width: 64px; + height: 64px; + -moz-margin-end: 10px; } + +.popup-notification-icon[popupid="geolocation"] { + list-style-image: url(chrome://browser/skin/Geolocation-64.png); } + +.popup-notification-icon[popupid="push"] { + list-style-image: url(chrome://browser/skin/Push-64.png); } + +.popup-notification-icon[popupid="xpinstall-disabled"], +.popup-notification-icon[popupid="addon-progress"], +.popup-notification-icon[popupid="addon-install-blocked"], +.popup-notification-icon[popupid="addon-install-failed"], +.popup-notification-icon[popupid="addon-install-confirmation"], +.popup-notification-icon[popupid="addon-install-complete"] { + list-style-image: url(chrome://mozapps/skin/extensions/extensionGeneric.png); + width: 32px; + height: 32px; } + +.popup-notification-icon[popupid="click-to-play-plugins"] { + list-style-image: url(chrome://mozapps/skin/plugins/pluginBlocked-64.png); } + +.popup-notification-icon[popupid="web-notifications"] { + list-style-image: url(chrome://browser/skin/notification-64.png); } + +.popup-notification-icon[popupid="indexedDB-permissions-prompt"], +.popup-notification-icon[popupid*="offline-app-requested"], +.popup-notification-icon[popupid="offline-app-usage"] { + list-style-image: url(chrome://global/skin/icons/question-64.png); } + +.popup-notification-icon[popupid="password"] { + list-style-image: url(chrome://mozapps/skin/passwordmgr/key-64.png); } + +.popup-notification-icon[popupid="webapps-install-progress"], +.popup-notification-icon[popupid="webapps-install"] { + list-style-image: url(chrome://global/skin/icons/webapps-64.png); } + +.popup-notification-icon[popupid="bad-content"] { + list-style-image: url(chrome://browser/skin/bad-content-blocked-64.png); } + +.popup-notification-icon[popupid="bad-content"][mixedblockdisabled], +.popup-notification-icon[popupid="bad-content"][trackingblockdisabled] { + list-style-image: url(chrome://browser/skin/bad-content-unblocked-64.png); } + +.popup-notification-icon[popupid="webRTC-sharingDevices"], +.popup-notification-icon[popupid="webRTC-shareDevices"] { + list-style-image: url(chrome://browser/skin/webRTC-shareDevice-64.png); } + +.popup-notification-icon[popupid="webRTC-sharingMicrophone"], +.popup-notification-icon[popupid="webRTC-shareMicrophone"] { + list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-64.png); } + +.popup-notification-icon[popupid="webRTC-sharingScreen"], +.popup-notification-icon[popupid="webRTC-shareScreen"] { + list-style-image: url(chrome://browser/skin/webRTC-shareScreen-64.png); } + +.popup-notification-icon[popupid="pointerLock"] { + list-style-image: url(chrome://browser/skin/pointerLock-64.png); } + +/* Notification icon box */ +#notification-popup-box { + position: relative; + background-color: transparent; + background-clip: padding-box; + padding-left: 1px; + border-width: 0 8px 0 0; + border-style: solid; + border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 fill; } + +#notification-popup-box:-moz-locale-dir(rtl), +.notification-anchor-icon:-moz-locale-dir(rtl) { + transform: scaleX(-1); } + +.notification-anchor-icon { + list-style-image: url(moz-icon://stock/gtk-dialog-info?size=16); + width: 16px; + height: 16px; + margin: 0 2px; } + +.identity-notification-icon, +#identity-notification-icon { + list-style-image: url(chrome://mozapps/skin/profile/profileicon.png); + /* XXX: need HiDPI version */ } + +.geo-notification-icon, +#geo-notification-icon { + list-style-image: url(chrome://browser/skin/Geolocation-16.png); } + +#push-notification-icon { + list-style-image: url(chrome://browser/skin/Push-16.png); } + +#addons-notification-icon { + list-style-image: url(chrome://mozapps/skin/extensions/extensionGeneric-16.png); } + +.indexedDB-notification-icon, +#indexedDB-notification-icon { + list-style-image: url(chrome://global/skin/icons/question-16.png); } + +#password-notification-icon { + list-style-image: url(chrome://mozapps/skin/passwordmgr/key-16.png); } + +.webapps-notification-icon, +#webapps-notification-icon { + list-style-image: url(chrome://global/skin/icons/webapps-16.png); } + +#plugins-notification-icon { + list-style-image: url(chrome://browser/skin/notification-pluginNormal.png); } + +#plugins-notification-icon.plugin-hidden { + list-style-image: url(chrome://browser/skin/notification-pluginAlert.png); } + +#plugins-notification-icon.plugin-blocked { + list-style-image: url(chrome://browser/skin/notification-pluginBlocked.png); } + +#plugins-notification-icon { + -moz-image-region: rect(0, 16px, 16px, 0); } + +#plugins-notification-icon:hover { + -moz-image-region: rect(0, 32px, 16px, 16px); } + +#plugins-notification-icon:active { + -moz-image-region: rect(0, 48px, 16px, 32px); } + +#notification-popup-box[hidden] { + /* Override display:none to make the pluginBlockedNotification animation work + when showing the notification repeatedly. */ + display: -moz-box; + visibility: collapse; } + +#plugins-notification-icon.plugin-blocked[showing] { + animation: pluginBlockedNotification 500ms ease 0s 5 alternate both; } + +@keyframes pluginBlockedNotification { + from { + opacity: 0; } + to { + opacity: 1; } } +.bad-content-blocked-notification-icon, +#bad-content-blocked-notification-icon { + list-style-image: url(chrome://browser/skin/bad-content-blocked-16.png); } + +.bad-content-unblocked-notification-icon, +#bad-content-unblocked-notification-icon { + list-style-image: url(chrome://browser/skin/bad-content-unblocked-16.png); } + +.webRTC-shareDevices-notification-icon, +#webRTC-shareDevices-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareDevice-16.png); } + +.webRTC-sharingDevices-notification-icon, +#webRTC-sharingDevices-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingDevice-16.png); } + +.webRTC-shareMicrophone-notification-icon, +#webRTC-shareMicrophone-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16.png); } + +.webRTC-sharingMicrophone-notification-icon, +#webRTC-sharingMicrophone-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16.png); } + +.webRTC-shareScreen-notification-icon, +#webRTC-shareScreen-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16.png); } + +.webRTC-sharingScreen-notification-icon, +#webRTC-sharingScreen-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16.png); } + +.web-notifications-notification-icon, +#web-notifications-notification-icon { + list-style-image: url(chrome://browser/skin/notification-16.png); } + +.pointerLock-notification-icon, +#pointerLock-notification-icon { + list-style-image: url(chrome://browser/skin/pointerLock-16.png); } + +.translate-notification-icon, +#translate-notification-icon { + list-style-image: url(chrome://browser/skin/translation-16.png); + -moz-image-region: rect(0px, 16px, 16px, 0px); } + +.translated-notification-icon, +#translated-notification-icon { + list-style-image: url(chrome://browser/skin/translation-16.png); + -moz-image-region: rect(0px, 32px, 16px, 16px); } + +.popup-notification-icon[popupid="servicesInstall"] { + list-style-image: url(chrome://browser/skin/social/services-64.png); } + +#servicesInstall-notification-icon { + list-style-image: url(chrome://browser/skin/social/services-16.png); } + +/* EME notifications */ +.popup-notification-icon[popupid="drmContentPlaying"], +#eme-notification-icon { + list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); } + +#eme-notification-icon:hover:active { + list-style-image: url("chrome://browser/skin/drm-icon.svg#chains-pressed"); } + +#eme-notification-icon[firstplay=true] { + animation: emeTeachingMoment 0.2s linear 0s 5 normal; } + +@keyframes emeTeachingMoment { + 0% { + transform: translateX(0); } + 25% { + transform: translateX(3px); } + 75% { + transform: translateX(-3px); } + 100% { + transform: translateX(0); } } +/* HiDPI notification icons */ +@media (min-resolution: 1.1dppx) { + #notification-popup-box { + border-image: url("chrome://browser/skin/urlbar-arrow@2x.png") 0 16 0 0 fill; } + + .notification-anchor-icon { + list-style-image: url(moz-icon://stock/gtk-dialog-info?size=dialog); } + + .webRTC-shareDevices-notification-icon, + #webRTC-shareDevices-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareDevice-16@2x.png); } + + .webRTC-sharingDevices-notification-icon, + #webRTC-sharingDevices-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingDevice-16@2x.png); } + + .webRTC-shareMicrophone-notification-icon, + #webRTC-shareMicrophone-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16@2x.png); } + + .webRTC-sharingMicrophone-notification-icon, + #webRTC-sharingMicrophone-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16@2x.png); } + + .webRTC-shareScreen-notification-icon, + #webRTC-shareScreen-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16@2x.png); } + + .webRTC-sharingScreen-notification-icon, + #webRTC-sharingScreen-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16@2x.png); } + + .popup-notification-icon[popupid="webRTC-sharingDevices"], + .popup-notification-icon[popupid="webRTC-shareDevices"] { + list-style-image: url(chrome://browser/skin/webRTC-shareDevice-64@2x.png); } + + .popup-notification-icon[popupid="webRTC-sharingMicrophone"], + .popup-notification-icon[popupid="webRTC-shareMicrophone"] { + list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-64@2x.png); } + + .popup-notification-icon[popupid="webRTC-sharingScreen"], + .popup-notification-icon[popupid="webRTC-shareScreen"] { + list-style-image: url(chrome://browser/skin/webRTC-shareScreen-64@2x.png); } } +.popup-notification-body[popupid="addon-progress"], +.popup-notification-body[popupid="addon-install-confirmation"] { + width: 28em; + max-width: 28em; } + +.addon-install-confirmation-name { + font-weight: bold; } + +/* Notification icon box */ +#notification-popup-box { + border-radius: 2.5px 0 0 2.5px; + margin-top: -1px; + margin-bottom: -1px; } + +.notification-anchor-icon:-moz-focusring { + outline: 1px dotted -moz-DialogText; } + +.indexedDB-notification-icon, +#indexedDB-notification-icon { + list-style-image: url(moz-icon://stock/gtk-dialog-question?size=16); } + +#pointerLock-cancel { + margin: 0px; } + +/* Translation infobar */ +notification[value="translation"] .messageImage { + list-style-image: url(chrome://browser/skin/translation-16.png); + -moz-image-region: rect(0, 32px, 16px, 16px); } + +@media (min-resolution: 1.25dppx) { + notification[value="translation"] .messageImage { + list-style-image: url(chrome://browser/skin/translation-16@2x.png); + -moz-image-region: rect(0, 64px, 32px, 32px); } } +notification[value="translation"][state="translating"] .messageImage { + list-style-image: url(chrome://browser/skin/translating-16.png); + -moz-image-region: auto; } + +@media (min-resolution: 1.25dppx) { + notification[value="translation"][state="translating"] .messageImage { + list-style-image: url(chrome://browser/skin/translating-16@2x.png); } } +notification[value="translation"] hbox[anonid="details"] { + overflow: hidden; } + +notification[value="translation"] button, +notification[value="translation"] menulist { + -moz-appearance: none; + border-width: 1px; + -moz-border-top-colors: none; + -moz-border-right-colors: none; + -moz-border-bottom-colors: none; + -moz-border-left-colors: none; + border-radius: 2px; + min-width: 0; + box-shadow: 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(255, 255, 255, 0.5) inset; } + +notification[value="translation"] menulist > .menulist-dropmarker { + -moz-appearance: toolbarbutton-dropdown; + border: none; + background-color: transparent; + margin: auto; + padding: 5px 0; } + +.translation-menupopup arrowscrollbox { + padding-bottom: 0; } + +.translation-attribution { + cursor: pointer; + -moz-box-align: end; + font-size: small; } + +.translation-attribution > label { + margin-bottom: 0; } + +.translation-attribution > image { + width: 70px; } + +.translation-welcome-panel { + width: 305px; } + +.translation-welcome-logo { + height: 32px; + width: 32px; + list-style-image: url(chrome://browser/skin/translation-16@2x.png); + -moz-image-region: rect(0, 64px, 32px, 32px); } + +.translation-welcome-content { + -moz-margin-start: 16px; } + +.translation-welcome-headline { + font-size: larger; + font-weight: bold; } + +.translation-welcome-body { + padding: 1em 0; + margin: 0 0; } + +notification[value="translation"] { + min-height: 40px; } + +notification[value="translation"], +notification[value="translation"] button, +notification[value="translation"] menulist { + min-height: 30px; + color: #5A5959; } + +notification[value="translation"] { + background-color: #F2F1F0; } + +notification[value="translation"] button, +notification[value="translation"] menulist { + -moz-padding-end: 1ch; } + +notification[value="translation"] menulist { + border: 1px solid #C1C1C1; + background-color: #FFF; } + +notification[value="translation"] button { + border: 1px solid #C1C1C1; + background-color: #F2F1F0; } + +notification[value="translation"] button, +notification[value="translation"] menulist, +notification[value="translation"] menulist > .menulist-label-box { + -moz-margin-start: 1ch; + -moz-margin-end: 1ch; } + +notification[value="translation"] button:hover, +notification[value="translation"] button:active, +notification[value="translation"] menulist:hover, +notification[value="translation"] menulist:active { + background-color: #E2E1E0; } + +notification[value="translation"] button[anonid="translate"] { + color: #FFF; + background-image: linear-gradient(#9FB938, #8DA726); + box-shadow: none; + border: 1px solid #829C1C; } + +notification[value="translation"] button[anonid="translate"]:hover, +notification[value="translation"] button[anonid="translate"]:active { + background-image: linear-gradient(#8DA726, #8DA726); } + +notification[value="translation"] button > .button-box, +notification[value="translation"] button[type="menu"] > .button-box > .button-menu-dropmarker { + padding: 0; + -moz-margin-start: 3ch; } + +notification[value="translation"] button:not([type="menu"]) > .button-box { + -moz-margin-end: 3ch; } + +notification[value="translation"] menulist > .menulist-dropmarker { + display: block; } + +/* Loop/ Hello browser styles */ +notification[value="loop-sharing-notification"] .button-menubutton-button { + min-width: 0; } + +notification[value="loop-sharing-notification"] .messageImage { + list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16.png); } + +#treecolAutoCompleteImage { + max-width: 36px; } + +.ac-result-type-bookmark, +.autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) { + list-style-image: url("chrome://browser/skin/places/star-icons.png"); + -moz-image-region: rect(0px 32px 16px 16px); + width: 16px; + height: 16px; } + +.ac-result-type-keyword, +.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage), +richlistitem[type~="action"][actiontype="searchengine"] > .ac-title-box > .ac-site-icon { + list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon); + width: 16px; + height: 16px; } + +.ac-result-type-keyword[selected="true"], +.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage, selected), +richlistitem[type~="action"][actiontype="searchengine"][selected="true"] > .ac-title-box > .ac-site-icon { + list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon-inverted); } + +.ac-result-type-tag, +.autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) { + list-style-image: url("chrome://browser/skin/places/tag.png"); + width: 16px; + height: 16px; } + +.ac-comment { + font-size: 1.05em; } + +.ac-extra > .ac-comment { + font-size: inherit; } + +.ac-url-text, +.ac-action-text { + color: -moz-nativehyperlinktext; + font-size: 0.9em; } + +richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-icon { + list-style-image: url("chrome://browser/skin/actionicon-tab.png"); + padding: 0 3px; } + +.autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) { + color: GrayText; } + +.ac-comment[selected="true"], +.ac-url-text[selected="true"], +.ac-action-text[selected="true"] { + color: inherit !important; } + +.autocomplete-treebody::-moz-tree-cell-text(suggesthint, treecolAutoCompleteComment), +.autocomplete-treebody::-moz-tree-cell-text(suggestfirst, treecolAutoCompleteComment) { + color: GrayText; + font-size: smaller; } + +.autocomplete-treebody::-moz-tree-cell(suggesthint) { + border-top: 1px solid GrayText; } + +/* Combined go/reload/stop button in location bar */ +#urlbar > toolbarbutton { + -moz-appearance: none; + padding: 0 2px; + list-style-image: url("chrome://browser/skin/reload-stop-go.png"); } + +#urlbar-reload-button { + -moz-image-region: rect(0, 14px, 14px, 0); } + +#urlbar-reload-button:not([disabled]):hover { + background-image: radial-gradient(circle closest-side, rgba(102, 204, 255, 0.2), transparent); + -moz-image-region: rect(14px, 14px, 28px, 0); } + +#urlbar-reload-button:not([disabled]):hover:active { + background-image: radial-gradient(circle closest-side, rgba(51, 187, 255, 0.1), transparent); + -moz-image-region: rect(28px, 14px, 42px, 0); } + +#urlbar-reload-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); } + +#urlbar-go-button { + -moz-image-region: rect(0, 42px, 14px, 28px); } + +#urlbar-go-button:hover { + background-image: radial-gradient(circle closest-side, rgba(68, 217, 38, 0.2), transparent); + -moz-image-region: rect(14px, 42px, 28px, 28px); } + +#urlbar-go-button:hover:active { + background-image: radial-gradient(circle closest-side, rgba(68, 217, 38, 0.1), transparent); + -moz-image-region: rect(28px, 42px, 42px, 28px); } + +#urlbar-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); } + +#urlbar-stop-button { + -moz-image-region: rect(0, 28px, 14px, 14px); } + +#urlbar-stop-button:not([disabled]):hover { + background-image: radial-gradient(circle closest-side, rgba(255, 138, 128, 0.3), transparent); + -moz-image-region: rect(14px, 28px, 28px, 14px); } + +#urlbar-stop-button:hover:active { + background-image: radial-gradient(circle closest-side, rgba(255, 138, 128, 0.1), transparent); + -moz-image-region: rect(28px, 28px, 42px, 14px); } + +@media (min-resolution: 1.1dppx) { + #urlbar > toolbarbutton { + list-style-image: url("chrome://browser/skin/reload-stop-go@2x.png"); } + + #urlbar-go-button { + -moz-image-region: rect(0, 84px, 28px, 56px); } + + #urlbar-go-button:hover { + -moz-image-region: rect(28px, 84px, 56px, 56px); } + + #urlbar-go-button:hover:active { + -moz-image-region: rect(56px, 84px, 84px, 56px); } + + #urlbar-reload-button { + -moz-image-region: rect(0, 28px, 28px, 0); } + + #urlbar-reload-button:not([disabled]):hover { + -moz-image-region: rect(28px, 28px, 56px, 0); } + + #urlbar-reload-button:not([disabled]):hover:active { + -moz-image-region: rect(56px, 28px, 84px, 0); } + + #urlbar-stop-button { + -moz-image-region: rect(0, 56px, 28px, 28px); } + + #urlbar-stop-button:not([disabled]):hover { + -moz-image-region: rect(28px, 56px, 56px, 28px); } + + #urlbar-stop-button:hover:active { + -moz-image-region: rect(56px, 56px, 84px, 28px); } + + #urlbar > toolbarbutton > .toolbarbutton-icon { + width: 14px; } } +/* Popup blocker button */ +#page-report-button { + list-style-image: url("chrome://browser/skin/Info.png"); } + +/* Reading List button */ +#urlbar:not([focused]):not(:hover) #readinglist-addremove-button { + opacity: 0; + width: 0px; } + +#readinglist-addremove-button { + list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage"); + -moz-image-region: rect(0, 14px, 14px, 0); + transition: width 150ms ease-in-out, opacity 150ms ease-in-out 150ms; + opacity: 1; + width: 20px; } + +#readinglist-addremove-button:hover { + list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage-hover"); } + +#readinglist-addremove-button:active { + list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage-active"); } + +#readinglist-addremove-button[already-added="true"] { + list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded"); } + +#readinglist-addremove-button[already-added="true"]:hover { + list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded-hover"); } + +#readinglist-addremove-button[already-added="true"]:active { + list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded-active"); } + +/* Reader mode button */ +#reader-mode-button { + list-style-image: url("chrome://browser/skin/readerMode.svg"); + -moz-image-region: rect(0, 16px, 16px, 0); } + +#reader-mode-button:hover, +#reader-mode-button[readeractive]:hover { + -moz-image-region: rect(0, 32px, 16px, 16px); } + +#reader-mode-button:hover:active, +#reader-mode-button[readeractive] { + -moz-image-region: rect(0, 48px, 16px, 32px); } + +/* social share panel */ +.social-share-frame { + border-top: 1px solid #f8f8f8; + width: 756px; + height: 150px; } + +#share-container { + min-width: 756px; + background-color: white; + background-repeat: no-repeat; + background-position: center center; } + +#share-container[loading] { + background-image: url(chrome://browser/skin/tabbrowser/pendingpaint.png); } + +#share-container > browser { + transition: opacity 150ms ease-in-out; + opacity: 1; } + +#share-container[loading] > browser { + opacity: 0; } + +.social-share-toolbar { + border-bottom: 1px solid #dedede; + padding: 2px; } + +#social-share-provider-buttons { + padding: 0; + margin: 0; } + +.share-provider-button { + padding: 5px; + margin: 2px; } + +.share-provider-button > .toolbarbutton-text { + display: none; } + +.share-provider-button > .toolbarbutton-icon { + width: 16px; + min-height: 16px; + max-height: 16px; } + +/* social recommending panel */ +#social-mark-button { + -moz-image-region: rect(0, 16px, 16px, 0); } + +/* bookmarks menu-button */ +#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker { + -moz-appearance: none !important; + -moz-box-align: center; } + +#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-icon, +#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menu-dropmarker, +#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker, +#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-button[disabled] > .toolbarbutton-icon { + opacity: .4; } + +#BMB_bookmarksPopup[side="top"], +#BMB_bookmarksPopup[side="bottom"] { + margin-left: -16px; + margin-right: -16px; } + +#BMB_bookmarksPopup[side="left"], +#BMB_bookmarksPopup[side="right"] { + margin-top: -16px; + margin-bottom: -16px; } + +#nav-bar .toolbarbutton-1 > menupopup[side="top"].cui-widget-panel, +#nav-bar .toolbarbutton-1 > menupopup[side="bottom"].cui-widget-panel { + margin-top: -4px; } + +/* Bookmarking panel */ +#editBookmarkPanelStarIcon { + list-style-image: url("chrome://browser/skin/places/starred48.png"); + width: 48px; + height: 48px; } + +#editBookmarkPanelStarIcon[unstarred] { + list-style-image: url("chrome://browser/skin/places/unstarred48.png"); } + +#editBookmarkPanelTitle { + font-size: 130%; } + +#editBookmarkPanelHeader, +#editBookmarkPanelContent { + margin-bottom: .5em; } + +/* Implements editBookmarkPanel resizing on folderTree un-collapse. */ +#editBMPanel_folderTree { + min-width: 27em; } + +.panel-promo-box { + margin: 8px -10px -10px -10px; + padding: 8px 10px; + border-top: 1px solid ThreeDShadow; + background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.08) 6px); } + +.panel-promo-icon { + list-style-image: url("chrome://browser/skin/sync-notification-24.png"); + -moz-margin-end: 10px; + vertical-align: middle; } + +.panel-promo-closebutton { + -moz-appearance: none; + height: 16px; + width: 16px; } + +.panel-promo-closebutton > .toolbarbutton-text { + padding: 0; } + +/* Content area */ +#sidebar { + background-color: Window; } + +/* Findbar */ +.browserContainer > findbar { + background-color: -moz-dialog; + color: -moz-DialogText; + border-top: 1px solid; + -moz-border-top-colors: #dcdfe3; + text-shadow: none; } + +.browserContainer > findbar .findbar-textbox { + -moz-appearance: none; + border: 1px solid #cfd6e6; + box-shadow: none; + margin: 0; + padding: 5px; + width: 14em; } + .browserContainer > findbar .findbar-textbox[focused="true"] { + border-color: #5294E2; } + .browserContainer > findbar .findbar-textbox:-moz-locale-dir(ltr) { + border-radius: 20px 0 0 20px; + border-right-width: 0; } + .browserContainer > findbar .findbar-textbox:-moz-locale-dir(rtl) { + border-radius: 0 20px 20px 0; + border-left-width: 0; } + +.browserContainer > findbar .findbar-find-previous, +.browserContainer > findbar .findbar-find-next { + background: #fbfbfc; + border: 1px solid #cfd6e6; + box-shadow: none; } + +.browserContainer > findbar .findbar-find-previous { + border-right-width: 0; } + +.browserContainer > findbar .findbar-find-previous:focus, +.browserContainer > findbar .findbar-find-next:focus { + border-color: #5294E2; + box-shadow: none; } + +.browserContainer > findbar .findbar-find-previous:not([disabled]):active, +.browserContainer > findbar .findbar-find-next:not([disabled]):active { + background: #5294E2; + border-color: #5294E2; + box-shadow: none; } + +/* Tabstrip */ +:root { + --tab-toolbar-navbar-overlap: 1px; + --tab-min-height: 31px; } + +#TabsToolbar { + --tab-separator-image: url(chrome://browser/skin/tabbrowser/tab-separator.png); + --tab-separator-size: 3px 100%; + --tab-separator-opacity: 1; } + +/* image preloading hack */ +#tabbrowser-tabs::before { + /* Because of bug 853415, we need to ordinal this to the first position: */ + -moz-box-ordinal-group: 0; + content: ''; + display: block; } + +#tabbrowser-tabs { + min-height: var(--tab-min-height); } + +.tabbrowser-tab, +.tabs-newtab-button { + -moz-appearance: none; + background-color: transparent; + border-radius: 0; + border-width: 0; + margin: 0; + padding: 0; } + +.tabbrowser-tab { + -moz-box-align: stretch; } + +/* The selected tab should appear above adjacent tabs, .tabs-newtab-button and the highlight of #nav-bar */ +.tabbrowser-tab[visuallyselected=true] { + position: relative; + z-index: 2; } + +.tab-background-middle { + -moz-box-flex: 1; + background-clip: padding-box; + border-left: 15px solid transparent; + border-right: 15px solid transparent; + margin: 0 -15px; } + +.tab-content { + -moz-padding-end: 9px; + -moz-padding-start: 9px; } + +.tab-content[pinned] { + -moz-padding-end: 3px; } + +.tab-throbber, +.tab-icon-image, +.tab-close-button { + margin-top: 1px; } + +.tab-throbber, +.tab-icon-image { + height: 16px; + width: 16px; + -moz-margin-end: 6px; } + +.tab-icon-image { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); } + +.tab-icon-overlay { + width: 16px; + height: 16px; + margin-top: 10px; + -moz-margin-start: -16px; + display: none; } + +.tab-icon-overlay[crashed] { + display: -moz-box; + list-style-image: url("chrome://browser/skin/tabbrowser/crashed.svg"); } + +.tab-throbber[busy] { + list-style-image: url("chrome://browser/skin/tabbrowser/connecting.png"); } + +.tab-throbber[progress] { + list-style-image: url("chrome://browser/skin/tabbrowser/loading.png"); } + +.tab-label { + -moz-margin-end: 0; + -moz-margin-start: 0; } + +.tab-close-button { + -moz-margin-start: 4px; + -moz-margin-end: -2px; + padding: 0; } + +.tab-background, +.tabs-newtab-button { + /* overlap the tab curves */ + -moz-margin-end: -15px; + -moz-margin-start: -15px; } + +.tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox { + -moz-padding-end: 15px; + -moz-padding-start: 15px; } + +/* Tab Overflow */ +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]), +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) { + background-image: url(chrome://browser/skin/custom_images/dark/tabs/tab-overflow-indicator.png); + background-size: 100% 100%; + width: 14px; + margin-bottom: var(--tab-toolbar-navbar-overlap); + pointer-events: none; + position: relative; + z-index: 3; + /* the selected tab's z-index + 1 */ } + +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:-moz-locale-dir(rtl), +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:-moz-locale-dir(ltr) { + transform: scaleX(-1); } + +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]) { + -moz-margin-start: -2px; + -moz-margin-end: -12px; } + +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) { + -moz-margin-start: -12px; + -moz-margin-end: -2px; } + +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator[collapsed], +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator[collapsed] { + opacity: 0; } + +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator, +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator { + transition: opacity 150ms ease; } + +.tab-background-start[visuallyselected=true]::after, +.tab-background-start[visuallyselected=true]::before, +.tab-background-start, +.tab-background-end, +.tab-background-end[visuallyselected=true]::after, +.tab-background-end[visuallyselected=true]::before { + min-height: var(--tab-min-height); + width: 30px; } + +.tabbrowser-tab:not([visuallyselected=true]), +.tabbrowser-tab:-moz-lwtheme { + color: inherit; } + +.tabbrowser-tab:not([selected="true"]) { + color: rgba(207, 218, 231, 0.6); } + +/* Selected tab */ +/* + Tab background pseudo-elements which are positioned above .tab-background-start/end: + - ::before - provides the fill of the tab curve and is clipped to the tab shape. This is where + pointer events go for the curve. + - ::after - provides the border/stroke of the tab curve and is overlayed above ::before. Pointer + events go through to ::before to get the proper shape. + */ +.tab-background-start[visuallyselected=true]::after, +.tab-background-end[visuallyselected=true]::after { + /* position ::after on top of its parent */ + -moz-margin-start: -30px; + background-size: 100% 100%; + content: ""; + display: -moz-box; + position: relative; } + +.tab-background-start[visuallyselected=true]::before, +.tab-background-end[visuallyselected=true]::before { + /* all ::before pseudo elements */ + content: ""; + display: -moz-box; } + +.tab-background-start[visuallyselected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before, +.tab-background-end[visuallyselected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before { + background-image: url(chrome://browser/skin/custom_images/darker/tabs/tab-start.svg); + background-size: 100% 100%; } + +.tab-background-end[visuallyselected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before, +.tab-background-start[visuallyselected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before { + background-image: url(chrome://browser/skin/custom_images/darker/tabs/tab-end.svg); + background-size: 100% 100%; } + +/* For lightweight themes, clip the header image on start, middle, and end. */ +.tab-background-start[visuallyselected=true]:-moz-locale-dir(ltr):-moz-lwtheme::before, +.tab-background-end[visuallyselected=true]:-moz-locale-dir(rtl):-moz-lwtheme::before { + clip-path: url(chrome://browser/content/browser.xul#tab-curve-clip-path-start); } + +.tab-background-end[visuallyselected=true]:-moz-locale-dir(ltr):-moz-lwtheme::before, +.tab-background-start[visuallyselected=true]:-moz-locale-dir(rtl):-moz-lwtheme::before { + clip-path: url(chrome://browser/content/browser.xul#tab-curve-clip-path-end); } + +.tab-background-middle[visuallyselected=true] { + background-clip: padding-box, padding-box, content-box; + background-color: transparent; + background-image: url(chrome://browser/skin/custom_images/darker/tabs/tab-middle.svg); + background-repeat: repeat-x; + background-size: auto 100%; + /* The padding-top combined with background-clip: content-box (the bottom-most) ensure the + background-color doesn't extend above the top border. */ + padding-top: 2px; } + +/* Selected tab lightweight theme styles. + See browser-lightweightTheme.css for information about run-time changes to LWT styles. */ +.tab-background-middle[visuallyselected=true]:-moz-lwtheme { + background-color: transparent; + background-image: url(chrome://browser/skin/tabbrowser/tab-active-middle.png), linear-gradient(transparent 0px, transparent 2px, rgba(255, 255, 255, 0.35) 2px, rgba(255, 255, 255, 0.35) 3px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0.65) 4px, rgba(255, 255, 255, 0.3)); + /*, +lwtHeader;*/ + /* Don't stretch the LWT header images */ + background-size: auto 100%, auto 100%, auto auto; } + +/* These LWT styles are normally overridden by browser-lightweightTheme.css */ +.tab-background-start[visuallyselected=true]:-moz-lwtheme::before, +.tab-background-end[visuallyselected=true]:-moz-lwtheme::before { + background-image: linear-gradient(transparent 0px, transparent 2px, rgba(255, 255, 255, 0.35) 2px, rgba(255, 255, 255, 0.35) 3px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0.65) 4px, rgba(255, 255, 255, 0.3)); } + +.tab-background-start[visuallyselected=true]:-moz-lwtheme::before, +.tab-background-end[visuallyselected=true]:-moz-lwtheme::before, +.tab-background-middle[visuallyselected=true]:-moz-lwtheme { + background-color: transparent; } + +/* End selected tab */ +/* new tab button border and gradient on hover */ +.tabbrowser-tab:hover > .tab-stack > .tab-background:not([visuallyselected=true]), +.tabs-newtab-button:hover { + background-image: url(chrome://browser/skin/custom_images/darker/tabs/tab-start-hover.svg), url(chrome://browser/skin/custom_images/darker/tabs/tab-middle-hover.svg), url(chrome://browser/skin/custom_images/darker/tabs/tab-end-hover.svg); + background-position: left bottom, 30px bottom, right bottom; + background-repeat: no-repeat; + background-size: 30px 100%, calc(100% - (2 * 30px)) 100%, 30px 100%; } + +/* Tab pointer-events */ +.tabbrowser-tab { + pointer-events: none; } + +.tab-background-middle, +.tabs-newtab-button, +.tab-close-button { + pointer-events: auto; } + +/* Pinned tabs */ +/* Pinned tab separators need position: absolute when positioned (during overflow). */ +#tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned]::before { + height: 100%; + position: absolute; } + +.tabbrowser-tab[pinned][titlechanged]:not([visuallyselected="true"]) > .tab-stack > .tab-content { + background-image: radial-gradient(farthest-corner at center bottom, white 3%, rgba(186, 221, 251, 0.75) 20%, rgba(127, 179, 255, 0.25) 40%, transparent 70%); + background-position: center bottom var(--tab-toolbar-navbar-overlap); + background-repeat: no-repeat; + background-size: 85% 100%; } + +/* New tab button */ +.tabs-newtab-button { + width: calc(36px + 30px); } + +#tabbrowser-tabs { + /* override the global style to allow the selected tab to be above the nav-bar */ + z-index: auto; } + +#TabsToolbar { + min-height: 0; + padding: 0; + margin-bottom: calc(-1 * var(--tab-toolbar-navbar-overlap)); } + +#TabsToolbar:not(:-moz-lwtheme) { + -moz-appearance: menubar; + color: -moz-menubartext; } + +#toolbar-menubar:not([autohide="true"]):not(:-moz-lwtheme):-moz-system-metric(menubar-drag), +#TabsToolbar:not(:-moz-lwtheme):-moz-system-metric(menubar-drag) { + -moz-binding: url("chrome://browser/content/customizableui/toolbar.xml#toolbar-drag"); } + +.tabbrowser-tab:focus > .tab-stack > .tab-content > .tab-label { + outline: 1px dotted; } + +#context_reloadTab { + list-style-image: url("moz-icon://stock/gtk-refresh?size=menu"); } + +#context_closeOtherTabs { + list-style-image: url("moz-icon://stock/gtk-clear?size=menu"); } + +#context_closeOtherTabs[disabled] { + list-style-image: url("moz-icon://stock/gtk-clear?size=menu&state=disabled"); } + +#context_undoCloseTab { + list-style-image: url("moz-icon://stock/gtk-undelete?size=menu"); } + +#context_closeTab { + list-style-image: url("moz-icon://stock/gtk-close?size=menu"); } + +/* Tab drag and drop */ +.tab-drop-indicator { + list-style-image: url(chrome://browser/skin/tabbrowser/tabDragIndicator.png); + margin-bottom: -9px; + z-index: 3; } + +/* Tab close button */ +.close-icon { + background-image: url("chrome://browser/skin/custom_images/light/tabs/tab-close.svg"); } + .close-icon:hover { + background-image: url("chrome://browser/skin/custom_images/light/tabs/tab-close-hover.svg"); } + .close-icon:active:hover { + background-image: url("chrome://browser/skin/custom_images/light/tabs/tab-close-active.svg"); } + .tabbrowser-tab:not([selected="true"]) .close-icon { + background-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-close-inactive.svg"); } + .tabbrowser-tab:not([selected="true"]) .close-icon:hover { + background-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-close-hover.svg"); } + .tabbrowser-tab:not([selected="true"]) .close-icon:active { + background-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-close-active.svg"); } + +/* Tabstrip new tab button */ +.tabs-newtab-button, +#TabsToolbar > #new-tab-button, +#TabsToolbar > #wrapper-new-tab-button > #new-tab-button { + list-style-image: url("moz-icon://stock/gtk-add?size=menu"); + -moz-image-region: auto; } + +.tabs-newtab-button > .toolbarbutton-icon, +#new-tab-button > .toolbarbutton-icon { + -moz-appearance: none; + list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/new-tab.png"); + -moz-image-region: auto; } + +/* Tabbrowser arrowscrollbox arrows */ +.tabbrowser-arrowscrollbox > .scrollbutton-up > .toolbarbutton-icon, +.tabbrowser-arrowscrollbox > .scrollbutton-down > .toolbarbutton-icon { + -moz-appearance: none; } + +.tabbrowser-arrowscrollbox > .scrollbutton-up, +.tabbrowser-arrowscrollbox > .scrollbutton-down { + -moz-appearance: none; + list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-arrow-left.svg"); + margin: 0 0 var(--tab-toolbar-navbar-overlap); } + +.tabbrowser-arrowscrollbox > .scrollbutton-up[disabled], +.tabbrowser-arrowscrollbox > .scrollbutton-down[disabled] { + opacity: .4; } + +.tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-locale-dir(rtl), +.tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-locale-dir(ltr) { + transform: scaleX(-1); } + +.tabbrowser-arrowscrollbox > .scrollbutton-down { + transition: 1s background-color ease-out; } + +.tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] { + background-color: Highlight; + transition: none; } + +#TabsToolbar .toolbarbutton-1 { + margin-bottom: var(--tab-toolbar-navbar-overlap); } + +#alltabs-button { + list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/alltabs.svg"); } + +#alltabs-button > .toolbarbutton-icon { + padding: 9px 6px 6px; } + +#alltabs-button > .toolbarbutton-menu-dropmarker { + display: none; } + +/* All tabs menupopup */ +.alltabs-item > .menu-iconic-left > .menu-iconic-icon { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); } + +.alltabs-item[selected="true"] { + font-weight: bold; } + +.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); } + +.alltabs-item[tabIsVisible] { + /* box-shadow instead of background-color to work around native styling */ + box-shadow: inset -5px 0 ThreeDShadow; } + +/* Sidebar */ +#sidebar-throbber[loading="true"] { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); + -moz-margin-end: 4px; } + +toolbarbutton.chevron { + list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important; } + +toolbar[brighttext] toolbarbutton.chevron:not(:hover):not([open="true"]) { + list-style-image: url("chrome://global/skin/toolbar/chevron-inverted.png") !important; } + +toolbarbutton.chevron:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); } + +toolbarbutton.chevron > .toolbarbutton-text, +toolbarbutton.chevron > .toolbarbutton-menu-dropmarker { + display: none; } + +toolbarbutton.chevron > .toolbarbutton-icon { + margin: 0; } + +/* Ctrl-Tab */ +.ctrlTab-preview { + -moz-appearance: toolbarbutton; } + +.tabPreview-canvas { + box-shadow: 0 0 5px ThreeDShadow; } + +.ctrlTab-preview:focus .tabPreview-canvas, +.ctrlTab-preview:hover .tabPreview-canvas { + box-shadow: none; } + +.ctrlTab-favicon[src] { + background-color: white; + width: 20px; + height: 20px; + padding: 2px; } + +#ctrlTab-panel { + padding: 10px; } + +.ctrlTab-preview:not(#ctrlTab-showAll) .tabPreview-canvas { + margin-bottom: 2px; } + +#ctrlTab-showAll { + -moz-appearance: button; + color: ButtonText; + padding: 0 3px; + margin-top: 10px; } + +/* Sync Panel */ +.sync-panel-icon { + height: 32px; + width: 32px; + background: url("chrome://browser/content/abouthome/sync.png") top left no-repeat; } + +.sync-panel-inner { + width: 0; + padding-left: 10px; } + +.sync-panel-button-box { + margin-top: 1em; } + +#sync-error-panel-title, +#sync-start-panel-title { + font-size: 120%; + font-weight: bold; + margin-bottom: 5px; } + +#sync-start-panel-subtitle, +#sync-error-panel-subtitle { + margin: 0; } + +/* Status panel */ +.statuspanel-label { + margin: 0; + padding: 2px 4px; + background: #5294E2; + border: 1px none #5294E2; + border-top-style: solid; + color: #ffffff; + text-shadow: none; } + +.statuspanel-label:-moz-locale-dir(ltr):not([mirror]), +.statuspanel-label:-moz-locale-dir(rtl)[mirror] { + border-right-style: solid; + border-top-right-radius: .3em; + margin-right: 1em; } + +.statuspanel-label:-moz-locale-dir(rtl):not([mirror]), +.statuspanel-label:-moz-locale-dir(ltr)[mirror] { + border-left-style: solid; + border-top-left-radius: .3em; + margin-left: 1em; } + +#full-screen-warning-message { + background-image: url("chrome://browser/skin/fullscreen-darknoise.png"); + color: white; + border-radius: 4px; + margin-top: 30px; + padding: 30px 50px; + box-shadow: 0 0 2px white; } + +#full-screen-warning-container[obscure-browser] { + background-color: rgba(0, 0, 0, 0.3); } + +.full-screen-description { + font-size: 150%; } + +#full-screen-domain-text { + font-size: 300%; } + +.full-screen-approval-button, +#full-screen-remember-decision { + font-size: 120%; } + +/* Responsive Mode */ +.browserContainer[responsivemode] { + background-color: #222; + padding: 0 20px 20px 20px; } + +.browserStack[responsivemode] { + box-shadow: 0 0 7px black; } + +.devtools-responsiveui-toolbar { + -moz-appearance: none; + background: transparent; + /* text color is textColor from dark theme, since no theme is applied to + * the responsive toolbar. + */ + color: #cdd9e4; + margin: 10px 0; + padding: 0; + box-shadow: none; + border-bottom-width: 0; } + +.devtools-responsiveui-menulist, +.devtools-responsiveui-toolbarbutton { + -moz-appearance: none; + -moz-box-align: center; + min-width: 32px; + min-height: 22px; + text-shadow: 0 -1px 0 rgba(12, 13, 14, 0.45); + border: 1px solid rgba(12, 13, 14, 0.45); + border-radius: 0; + background: linear-gradient(rgba(138, 145, 153, 0.35), rgba(138, 145, 153, 0.1)) padding-box; + box-shadow: 0 1px 0 rgba(184, 194, 204, 0.15) inset, 0 0 0 1px rgba(184, 194, 204, 0.15) inset, 0 1px 0 rgba(184, 194, 204, 0.15); + margin: 0 3px; + color: inherit; } + +.devtools-responsiveui-menulist .menulist-editable-box { + -moz-appearance: none; + background-color: transparent; } + +.devtools-responsiveui-menulist html|*.menulist-editable-input { + -moz-appearance: none; + color: inherit; + text-align: center; } + +.devtools-responsiveui-menulist html|*.menulist-editable-input::-moz-selection { + background: rgba(138, 145, 153, 0.35); } + +.devtools-responsiveui-toolbarbutton > .toolbarbutton-icon { + width: 16px; + height: 16px; } + +.devtools-responsiveui-toolbarbutton > .toolbarbutton-menubutton-button { + -moz-box-orient: horizontal; } + +.devtools-responsiveui-menulist:-moz-focusring, +.devtools-responsiveui-toolbarbutton:-moz-focusring { + outline: 1px dotted rgba(205, 217, 228, 0.7); + outline-offset: -4px; } + +.devtools-responsiveui-toolbarbutton:not([label]) > .toolbarbutton-text { + display: none; } + +.devtools-responsiveui-toolbarbutton:not([checked=true]):hover:active { + border-color: rgba(12, 13, 14, 0.6); + background: linear-gradient(rgba(24, 25, 27, 0.3), rgba(138, 145, 153, 0.15) 65%, rgba(138, 145, 153, 0.3)); + box-shadow: 0 0 3px rgba(12, 13, 14, 0.25) inset, 0 1px 3px rgba(12, 13, 14, 0.25) inset, 0 1px 0 rgba(184, 194, 204, 0.15); } + +.devtools-responsiveui-menulist[open=true], +.devtools-responsiveui-toolbarbutton[open=true], +.devtools-responsiveui-toolbarbutton[checked=true] { + border-color: rgba(12, 13, 14, 0.6) !important; + background: linear-gradient(rgba(24, 25, 27, 0.6), rgba(41, 46, 51, 0.45) 75%, rgba(68, 76, 85, 0.4)); + box-shadow: 0 1px 3px rgba(12, 13, 14, 0.25) inset, 0 1px 3px rgba(12, 13, 14, 0.25) inset, 0 1px 0 rgba(184, 194, 204, 0.15); } + +.devtools-responsiveui-toolbarbutton[checked=true] { + color: #33a0ff; } + +.devtools-responsiveui-toolbarbutton[checked=true]:hover { + background-color: transparent !important; } + +.devtools-responsiveui-toolbarbutton[checked=true]:hover:active { + background-color: rgba(12, 13, 14, 0.2) !important; } + +.devtools-responsiveui-menulist > .menulist-label-box { + text-align: center; } + +.devtools-responsiveui-menulist > .menulist-dropmarker { + -moz-appearance: none; + display: -moz-box; + background-color: transparent; + list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg"); + -moz-box-align: center; + border-width: 0; + min-width: 16px; } + +.devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-button { + -moz-appearance: none; + color: inherit; + border-width: 0; + -moz-border-end: 1px solid rgba(12, 13, 14, 0.45); + box-shadow: -1px 0 0 rgba(184, 194, 204, 0.15) inset, 1px 0 0 rgba(184, 194, 204, 0.15); } + +.devtools-responsiveui-toolbarbutton[type=menu-button]:-moz-locale-dir(rtl) > .toolbarbutton-menubutton-button { + box-shadow: 1px 0 0 rgba(184, 194, 204, 0.15) inset, -1px 0 0 rgba(184, 194, 204, 0.15); } + +.devtools-responsiveui-toolbarbutton[type=menu-button] { + padding: 0 1px; + -moz-box-align: stretch; } + +.devtools-responsiveui-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker, +.devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker { + -moz-appearance: none !important; + list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg"); + -moz-box-align: center; + padding: 0 3px; } + +.devtools-responsiveui-toolbar:-moz-locale-dir(ltr) > *:first-child, +.devtools-responsiveui-toolbar:-moz-locale-dir(rtl) > *:last-child { + margin-left: 0; } + +.devtools-responsiveui-close { + list-style-image: url("chrome://browser/skin/devtools/close.png"); } + +.devtools-responsiveui-rotate { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate.png"); } + +@media (min-resolution: 1.25dppx) { + .devtools-responsiveui-close { + list-style-image: url("chrome://browser/skin/devtools/close@2x.png"); } + + .devtools-responsiveui-rotate { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate@2x.png"); } } +.devtools-responsiveui-touch { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); } + +.devtools-responsiveui-touch[checked] { + -moz-image-region: rect(0px, 32px, 16px, 16px); } + +@media (min-resolution: 1.25dppx) { + .devtools-responsiveui-touch { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch@2x.png"); + -moz-image-region: rect(0px, 32px, 32px, 0px); } + + .devtools-responsiveui-touch[checked] { + -moz-image-region: rect(0px, 64px, 32px, 32px); } } +.devtools-responsiveui-screenshot { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot.png"); } + +@media (min-resolution: 1.25dppx) { + .devtools-responsiveui-screenshot { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot@2x.png"); } } +.devtools-responsiveui-resizebarV { + width: 7px; + height: 24px; + cursor: ew-resize; + transform: translate(12px, -12px); + background-size: cover; + background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png"); } + +.devtools-responsiveui-resizebarH { + width: 24px; + height: 7px; + cursor: ns-resize; + transform: translate(-12px, 12px); + background-size: cover; + background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer.png"); } + +.devtools-responsiveui-resizehandle { + width: 16px; + height: 16px; + cursor: se-resize; + transform: translate(12px, 12px); + background-size: cover; + background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png"); } + +/* FxOS custom mode with additional buttons and phone look'n feel */ +/* Hide devtools manual resizer */ +.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizehandle, +.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizebarH, +.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizebarV { + display: none; } + +/* Gives responsive mode a phone look'n feel */ +.browserStack[responsivemode].fxos-mode { + padding: 60px 15px 0; + border-radius: 25px / 20px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid #FFFFFF; + border-bottom-width: 0; + background-color: #353535; + box-shadow: 0 3px 0.7px 1px #777777, 0 5px rgba(0, 0, 0, 0.4) inset; + background-image: linear-gradient(to right, #111 11%, #333 56%); + min-width: 320px; } + +.devtools-responsiveui-hardware-buttons { + -moz-appearance: none; + padding: 20px; + border: 1px solid #FFFFFF; + border-bottom-left-radius: 25px; + border-bottom-right-radius: 25px; + border-top-width: 0; + box-shadow: 0 3px 0.7px 1px #777777, 0 -7px rgba(0, 0, 0, 0.4) inset; + background-image: linear-gradient(to right, #111 11%, #333 56%); } + +.devtools-responsiveui-home-button { + width: 40px; + height: 30px; + list-style-image: url("chrome://browser/skin/devtools/responsiveui-home.png"); } + +.devtools-responsiveui-sleep-button { + -moz-appearance: none; + /* compensate browserStack top padding */ + margin-top: -67px; + margin-right: 10px; + min-width: 10px; + width: 50px; + height: 5px; + border: 1px solid #444; + border-top-right-radius: 12px; + border-top-left-radius: 12px; + border-bottom-color: transparent; + background-image: linear-gradient(to top, #111 11%, #333 56%); } + +.devtools-responsiveui-sleep-button:hover:active { + background-image: linear-gradient(to top, #aaa 11%, #ddd 56%); } + +.devtools-responsiveui-volume-buttons { + margin-left: -29px; } + +.devtools-responsiveui-volume-up-button, +.devtools-responsiveui-volume-down-button { + -moz-appearance: none; + border: 1px solid red; + min-width: 8px; + height: 40px; + border: 1px solid #444; + border-right-color: transparent; + background-image: linear-gradient(to right, #111 11%, #333 56%); } + +.devtools-responsiveui-volume-up-button:hover:active, +.devtools-responsiveui-volume-down-button:hover:active { + background-image: linear-gradient(to right, #aaa 11%, #ddd 56%); } + +.devtools-responsiveui-volume-up-button { + border-top-left-radius: 12px; } + +.devtools-responsiveui-volume-down-button { + border-bottom-left-radius: 12px; } + +@media (min-resolution: 1.25dppx) { + .devtools-responsiveui-resizebarV { + background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer@2x.png"); } + + .devtools-responsiveui-resizebarH { + background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer@2x.png"); } + + .devtools-responsiveui-resizehandle { + background-image: url("chrome://browser/skin/devtools/responsive-se-resizer@2x.png"); } } +/* Developer toolbar */ +/* NOTE: THESE NEED TO STAY IN SYNC WITH LIGHT-THEME.CSS AND DARK-THEME.CSS. + We are copy/pasting variables from light-theme and dark-theme, + since they aren't loaded in this context (within browser.css). */ +:root[devtoolstheme="light"] #developer-toolbar { + --gcli-background-color: #ebeced; + /* --theme-tab-toolbar-background */ + --gcli-input-background: #f0f1f2; + /* --theme-toolbar-background */ + --gcli-input-focused-background: #f7f7f7; + /* --theme-sidebar-background */ + --gcli-input-color: #18191a; + /* --theme-body-color */ + --gcli-border-color: #aaaaaa; + /* --theme-splitter-color */ + --selection-background: #4c9ed9; + /* --theme-selection-background */ + --selection-color: #f5f7fa; + /* --theme-selection-color */ } + +:root[devtoolstheme="dark"] #developer-toolbar { + --gcli-background-color: #343c45; + /* --theme-toolbar-background */ + --gcli-input-background: rgba(37, 44, 51, 0.6); + /* --theme-tab-toolbar-background */ + --gcli-input-focused-background: #252c33; + /* --theme-tab-toolbar-background */ + --gcli-input-color: #b6babf; + /* --theme-body-color-alt */ + --gcli-border-color: black; + /* --theme-splitter-color */ + --selection-background: #1d4f73; + /* --theme-selection-background */ + --selection-color: #f5f7fa; + /* --theme-selection-color */ } + +#developer-toolbar { + -moz-appearance: none; + padding: 0; + min-height: 32px; + background-color: var(--gcli-background-color); + border-top: 1px solid var(--gcli-border-color); } + +#developer-toolbar > toolbarbutton { + -moz-appearance: none; + border: none; + background: transparent; + margin: 0; + padding: 0 10px; + width: 32px; } + +.developer-toolbar-button > image { + margin: auto 10px; } + +:root[devtoolstheme="light"] #developer-toolbar > toolbarbutton:not([checked=true]) > image, +:root[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before { + filter: url("chrome://browser/skin/devtools/filters.svg#invert"); } + +.developer-toolbar-button > .toolbarbutton-icon, +#developer-toolbar-closebutton > .toolbarbutton-icon { + width: 16px; + height: 16px; } + +#developer-toolbar-toolbox-button { + list-style-image: url("chrome://browser/skin/devtools/toggle-tools.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); } + +#developer-toolbar-toolbox-button > label { + display: none; } + +#developer-toolbar-toolbox-button:hover { + -moz-image-region: rect(0px, 32px, 16px, 16px); } + +#developer-toolbar-toolbox-button:hover:active { + -moz-image-region: rect(0px, 48px, 16px, 32px); } + +#developer-toolbar-toolbox-button[checked=true] { + -moz-image-region: rect(0px, 64px, 16px, 48px); } + +@media (min-resolution: 1.25dppx) { + #developer-toolbar-toolbox-button { + list-style-image: url("chrome://browser/skin/devtools/toggle-tools@2x.png"); + -moz-image-region: rect(0px, 32px, 32px, 0px); } + + #developer-toolbar-toolbox-button:hover { + -moz-image-region: rect(0px, 64px, 32px, 32px); } + + #developer-toolbar-toolbox-button:hover:active { + -moz-image-region: rect(0px, 96px, 32px, 64px); } + + #developer-toolbar-toolbox-button[checked=true] { + -moz-image-region: rect(0px, 128px, 32px, 96px); } } +#developer-toolbar-closebutton { + list-style-image: url("chrome://browser/skin/devtools/close.png"); + -moz-appearance: none; + border: none; + margin: 0 4px; + min-width: 16px; + width: 16px; + opacity: 0.6; } + +@media (min-resolution: 1.25dppx) { + #developer-toolbar-closebutton { + list-style-image: url("chrome://browser/skin/devtools/close@2x.png"); } } +#developer-toolbar-closebutton > .toolbarbutton-icon { + /* XXX Buttons have padding in widget/ that we don't want here but can't override with good CSS, so we must + use evil CSS to give the impression of smaller content */ + margin: -4px; } + +#developer-toolbar-closebutton > .toolbarbutton-text { + display: none; } + +#developer-toolbar-closebutton:hover { + opacity: 0.8; } + +#developer-toolbar-closebutton:hover:active { + opacity: 1; } + +/* GCLI */ +html|*#gcli-tooltip-frame, +html|*#gcli-output-frame { + padding: 0; + border-width: 0; + background-color: transparent; } + +#gcli-output, +#gcli-tooltip { + border-width: 0; + background-color: transparent; + -moz-appearance: none; } + +.gclitoolbar-input-node, +.gclitoolbar-complete-node { + margin: 0; + -moz-box-align: center; + padding-top: 0; + padding-bottom: 0; + padding-right: 8px; + text-shadow: none; + box-shadow: none; + border-width: 0; + background-color: transparent; + border-radius: 0; } + +.gclitoolbar-input-node { + -moz-appearance: none; + color: var(--gcli-input-color); + background-color: var(--gcli-input-background); + background-repeat: no-repeat; + background-position: 4px center; + box-shadow: 1px 0 0 var(--gcli-border-color) inset, -1px 0 0 var(--gcli-border-color) inset; + line-height: 32px; + outline-style: none; + padding: 0; } + +.gclitoolbar-input-node[focused="true"] { + background-color: var(--gcli-input-focused-background); } + +.gclitoolbar-input-node::before { + content: ""; + display: inline-block; + -moz-box-ordinal-group: 0; + width: 16px; + height: 16px; + margin: 0 2px; + background-image: url("chrome://browser/skin/devtools/commandline-icon.png"); + background-position: 0 center; + background-size: 32px 16px; } + +.gclitoolbar-input-node[focused="true"]::before { + background-position: -16px center; } + +@media (min-resolution: 1.25dppx) { + .gclitoolbar-input-node::before { + background-image: url("chrome://browser/skin/devtools/commandline-icon@2x.png"); } } +.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection { + background-color: var(--selection-background); + color: var(--selection-color); + text-shadow: none; } + +.gclitoolbar-complete-node { + padding-left: 21px; + background-color: transparent; + color: transparent; + z-index: 100; + pointer-events: none; } + +.gcli-in-incomplete, +.gcli-in-error, +.gcli-in-ontab, +.gcli-in-todo, +.gcli-in-closebrace, +.gcli-in-param, +.gcli-in-valid { + margin: 0; + padding: 0; } + +.gcli-in-incomplete { + border-bottom: 2px dotted #999; } + +.gcli-in-error { + border-bottom: 2px dotted #F00; } + +.gcli-in-ontab { + color: #595959; } + +.gcli-in-todo { + color: #2d5986; } + +.gcli-in-closebrace { + color: #cccccc; } + +#notification-popup[popupid="click-to-play-plugins"] > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0px; } + +.click-to-play-plugins-notification-center-box { + border: 1px solid ThreeDShadow; + margin: 10px; } + +.plugin-popupnotification-centeritem:nth-child(odd) { + background-color: rgba(0, 0, 0, 0.1); } + +.center-item-label { + -moz-margin-start: 6px; + margin-bottom: 0; + text-overflow: ellipsis; } + +.center-item-warning-icon { + background-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.png"); + background-repeat: no-repeat; + width: 16px; + height: 15px; + -moz-margin-start: 6px; } + +.click-to-play-plugins-notification-button-container { + background-color: rgba(24, 26, 27, 0.07); + border-top: 1px solid rgba(24, 26, 27, 0.12); + padding: 10px; + margin-top: 5px; } + +.click-to-play-popup-button { + width: 50%; } + +.click-to-play-plugins-notification-description-box { + padding: 10px; } + +.click-to-play-plugins-outer-description { + margin-top: 8px; } + +.click-to-play-plugins-notification-link, +.center-item-link { + margin: 0; } + +.messageImage[value="plugin-hidden"] { + list-style-image: url("chrome://browser/skin/notification-pluginNormal.png"); + -moz-image-region: rect(0, 16px, 16px, 0); } + +/* Keep any changes to this style in sync with pluginProblem.css */ +notification.pluginVulnerable { + background-color: #484848; + background-image: url(chrome://mozapps/skin/plugins/contentPluginStripe.png); + color: white; } + +notification.pluginVulnerable .messageImage { + list-style-image: url("chrome://browser/skin/notification-pluginBlocked.png"); } + +.popup-notification-item-title[popupid="bad-content"] { + font-weight: bold; } + +.popup-notification-item-message[popupid="bad-content"] { + width: 17em; } + +.popup-notification-item-message[popupid="bad-content"][mixedblockdisabled]:not(.popup-notification-item-message-critical), +.popup-notification-item-message[popupid="bad-content"][trackingblockdisabled]:not(.popup-notification-item-message-critical) { + color: GrayText; } + +.popup-notification-item-message-critical[popupid="bad-content"] { + color: #d74345; + font-style: italic; } + +.popup-notification-footer[popupid="bad-content"] { + padding-top: 1em; } + +#login-fill-testing { + color: #b33; + font-weight: bold; } + +#login-fill-list { + border: 1px solid black; + max-height: 20em; } + +.login-hostname { + margin: 4px; + font-weight: bold; } + +.login-username { + margin: 4px; + color: #888; } + +/* 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/. */ +/*** Status and progress indicator ***/ +#downloads-animation-container { + min-height: 1px; + min-width: 1px; + height: 1px; + margin-bottom: -1px; + /* Makes the outermost animation container element positioned, so that its + contents are rendered over the main browser window in the Z order. + This is required by the animated event notification. */ + position: relative; + /* The selected tab may overlap #downloads-indicator-notification */ + z-index: 5; } + +/*** Main indicator icon ***/ +#downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon, +#nav-bar #downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon { + background: -moz-image-rect(url("chrome://browser/skin/custom_images/light/toolbar-icons.svg"), 0, 198, 18, 180) center no-repeat; + min-width: 18px; + min-height: 18px; } + +#TabsToolbar #downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon { + background: -moz-image-rect(url("chrome://browser/skin/custom_images/light/tabbar-icons.svg"), 0, 198, 18, 180) center no-repeat; } + +#downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open], [checked], :hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon, +#TabsToolbar #downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open], [checked], :hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon, +#nav-bar #downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open], [checked], :hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon { + background: -moz-image-rect(url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"), 0, 198, 18, 180) center no-repeat; } + +#downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon, +#nav-bar #downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon, +#TabsToolbar #downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon { + background-image: -moz-image-rect(url("chrome://browser/skin/custom_images/light/toolbar-icons.svg"), 18, 198, 36, 180); } + +#downloads-button[cui-areatype="menu-panel"][attention] { + list-style-image: url("chrome://browser/skin/downloads/download-glow-menuPanel.png"); + -moz-image-region: auto; } + +/* In the next few rules, we use :not([counter]) as a shortcut that is + equivalent to -moz-any([progress], [paused]). */ +#downloads-button:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { + background: -moz-image-rect(url("chrome://browser/skin/Toolbar-small.png"), 0, 16, 16, 0) center no-repeat; + background-size: 12px; } + +#downloads-button:not([counter])[attention] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { + background-image: -moz-image-rect(url("chrome://browser/skin/custom_images/light/toolbar-icons.svg"), 18, 198, 36, 180); } + +/*** Download notifications ***/ +#downloads-indicator-notification { + opacity: 0; + background-size: 16px; + background-position: center; + background-repeat: no-repeat; + width: 16px; + height: 16px; } + +@keyframes downloadsIndicatorNotificationStartRight { + from { + opacity: 0; + transform: translate(-128px, 128px) scale(8); } + 20% { + opacity: .85; + animation-timing-function: ease-out; } + to { + opacity: 0; + transform: translate(0) scale(1); } } +@keyframes downloadsIndicatorNotificationStartLeft { + from { + opacity: 0; + transform: translate(128px, 128px) scale(8); } + 20% { + opacity: .85; + animation-timing-function: ease-out; } + to { + opacity: 0; + transform: translate(0) scale(1); } } +#downloads-notification-anchor[notification="start"] > #downloads-indicator-notification { + background-image: url("chrome://browser/skin/downloads/download-notification-start.png"); + animation-name: downloadsIndicatorNotificationStartRight; + animation-duration: 1s; } + +#downloads-notification-anchor[notification="start"]:-moz-locale-dir(rtl) > #downloads-indicator-notification { + animation-name: downloadsIndicatorNotificationStartLeft; } + +@keyframes downloadsIndicatorNotificationFinish { + from { + opacity: 0; + transform: scale(1); } + 20% { + opacity: .65; + animation-timing-function: ease-in; } + to { + opacity: 0; + transform: scale(8); } } +#downloads-notification-anchor[notification="finish"] > #downloads-indicator-notification { + background-image: url("chrome://browser/skin/downloads/download-notification-finish.png"); + animation-name: downloadsIndicatorNotificationFinish; + animation-duration: 1s; } + +/*** Progress bar and text ***/ +#downloads-indicator-counter { + height: 10px; + margin: 0; + color: #4d4d4d; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + font-size: 10px; + line-height: 10px; + text-align: center; } + +toolbar[brighttext] #downloads-indicator-counter { + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 1.5px rgba(0, 0, 0, 0.5); } + +#downloads-indicator-progress { + width: 18px; + height: 6px; + min-width: 0; + min-height: 0; + margin-top: 1px; + margin-bottom: 2px; + border-radius: 2px; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + +#downloads-indicator-progress > .progress-bar { + -moz-appearance: none; + min-width: 0; + min-height: 0; + /* The background-clip: border-box; and background-image: none; are there to expand the background-color behind the border */ + background-clip: padding-box, border-box; + background-color: #ff875e; + background-image: linear-gradient(transparent 1px, rgba(255, 255, 255, 0.4) 1px, rgba(255, 255, 255, 0.4) 2px, transparent 2px), none; + border: 1px solid; + border-color: rgba(0, 43, 86, 0.6) rgba(0, 43, 86, 0.4) rgba(0, 43, 86, 0.4); + border-radius: 2px 0 0 2px; } + +#downloads-indicator-progress > .progress-remainder { + -moz-appearance: none; + min-width: 0; + min-height: 0; + background-image: linear-gradient(#505050, #575757); + border: 1px solid; + border-color: rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4); + -moz-border-start: none; + border-radius: 0 2px 2px 0; } + +#downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-bar { + background-color: #dce651; } + +#downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-remainder { + background-image: linear-gradient(#4b5000, #515700); } + +.gcli-panel { + padding: 0; } + +.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection { + color: #24292d; } + +/* Error counter */ +#developer-toolbar-toolbox-button[error-count]:before { + color: #FDF3DE; + min-width: 16px; + text-shadow: none; + background-image: linear-gradient(#B4211B, #8A1915); + border-radius: 1px; + -moz-margin-end: 2px; } + +/* Social toolbar item */ +#social-undoactivation-button { + -moz-margin-start: 0; + /* override default label margin to match description margin */ } + +.social-activation-icon { + width: auto; + height: auto; + max-height: 64px; + max-width: 64px; } + +#social-activation-message { + max-width: 250px; } + +#social-activation-message > label { + margin: 0; } + +/* social toolbar provider menu */ +#social-statusarea-popup { + margin-top: 0; + margin-left: -12px; + margin-right: -12px; } + +.social-statusarea-user { + list-style-image: url("chrome://global/skin/icons/information-32.png"); } + +.social-statusarea-user-portrait { + width: 32px; + height: 32px; + border-radius: 2px; + margin: 10px; } + +.social-panel > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0; } + +#social-sidebar-header { + padding: 3px; } + +#manage-share-providers, +#social-sidebar-button { + list-style-image: url("chrome://browser/skin/Toolbar.png"); + -moz-image-region: rect(0, 468px, 18px, 450px); } + +#social-sidebar-button { + -moz-appearance: none; + border: none; + padding: 0; + margin: 2px; } + +#manage-share-providers > .toolbarbutton-icon, +#social-sidebar-button > .toolbarbutton-icon { + min-height: 18px; + min-width: 18px; } + +#social-sidebar-button > .toolbarbutton-menu-dropmarker { + display: none; } + +#social-sidebar-button[loading="true"] { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); } + +#social-sidebar-favico { + max-height: 16px; + max-width: 16px; + padding: 0; + margin: 2px; } + +.chat-status-icon { + max-height: 16px; + max-width: 16px; + padding: 0; } + +.chat-toolbarbutton { + -moz-appearance: none; + border: none; + padding: 0 3px; + margin: 0; + background: none; } + +.chat-toolbarbutton:hover { + background-color: rgba(255, 255, 255, 0.35); } + +.chat-toolbarbutton:hover:active { + background-color: rgba(255, 255, 255, 0.5); } + +.chat-toolbarbutton > .toolbarbutton-text { + display: none; } + +.chat-toolbarbutton > .toolbarbutton-icon { + width: 16px; + height: 16px; } + +.chat-close-button { + list-style-image: url("chrome://browser/skin/social/chat-icons.svg#close"); } + +.chat-close-button:-moz-any(:hover, :hover:active) { + list-style-image: url("chrome://browser/skin/social/chat-icons.svg#close-active"); } + +.chat-minimize-button { + list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize"); } + +.chat-minimize-button:-moz-any(:hover, :hover:active) { + list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize-active"); } + +.chat-swap-button { + list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand"); + transform: rotate(180deg); } + +.chat-swap-button:-moz-any(:hover, :hover:active) { + list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand-active"); } + +chatbar > chatbox > .chat-titlebar > .chat-swap-button { + transform: none; } + +.chat-title { + font-weight: bold; + color: black; + text-shadow: none; + cursor: inherit; } + +.chat-titlebar { + height: 30px; + min-height: 30px; + width: 100%; + margin: 0; + padding: 7px 6px; + border: none; + border-bottom: 1px solid #ccc; + cursor: pointer; } + +.chat-titlebar > .notification-anchor-icon { + margin-left: 2px; + margin-right: 2px; } + +.chat-titlebar[minimized="true"] { + border-bottom: none; } + +.chat-titlebar[activity] { + background-image: radial-gradient(ellipse closest-side at center, white, transparent); + background-repeat: no-repeat; + background-size: 100% 20px; + background-position: 0 -10px; } + +chatbox[dark=true] > .chat-titlebar, +chatbox[dark=true] > .chat-titlebar[selected] { + border-bottom: none; + background-color: #000; + background-image: none; } + +chatbox[dark=true] > .chat-titlebar > hbox > .chat-title { + font-weight: normal; + color: #c1c1c1; } + +.chat-frame { + padding: 0; + margin: 0; + overflow: hidden; } + +.chatbar-button { + list-style-image: url("chrome://browser/skin/social/services-16.png"); + margin: 0; + padding: 2px; + height: 21px; + width: 21px; + border: 1px solid #ccc; + border-bottom: none; } + +@media (min-resolution: 2dppx) { + .chatbar-button { + list-style-image: url("chrome://browser/skin/social/services-16@2x.png"); } } +.chatbar-button > .toolbarbutton-icon { + width: 16px; } + +.chatbar-button > menupopup > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon { + width: auto; + height: auto; + max-height: 16px; + max-width: 16px; } + +.chatbar-button[open="true"] { + box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.6), 0 1px rgba(255, 255, 255, 0.2); } + +.chatbar-button > .toolbarbutton-text, +.chatbar-button > .toolbarbutton-menu-dropmarker { + display: none; } + +.chatbar-button > menupopup > menuitem[activity] { + font-weight: bold; } + +.chatbar-innerbox { + background: transparent; + margin: -285px 0 0; + overflow: hidden; } + +chatbar { + -moz-margin-end: 20px; } + +chatbox { + -moz-margin-start: 4px; + background-color: white; + border: 1px solid #ccc; + border-bottom: none; } + +window > chatbox { + -moz-margin-start: 0px; + margin: 0px; + border: none; + padding: 0px; } + +.chat-titlebar { + background-color: #d9d9d9; + background-image: linear-gradient(rgba(255, 255, 255, 0.3), transparent); } + +.chat-titlebar[selected] { + background-color: #f0f0f0; } + +.chatbar-button { + -moz-appearance: none; + background-color: #d9d9d9; + background-image: linear-gradient(rgba(255, 255, 255, 0.3), transparent); } + +.chatbar-button > .toolbarbutton-icon { + -moz-margin-end: 0; } + +.chatbar-button:hover, +.chatbar-button[open="true"] { + background-color: #f0f0f0; } + +.chatbar-button[activity] { + background-image: radial-gradient(circle farthest-corner at center 3px, #e9f2fc 3%, rgba(172, 206, 255, 0.75) 40%, rgba(87, 151, 201, 0.5) 80%, transparent); } + +chatbox { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; } + +/* Customization mode */ +/* 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/. */ +/* Customization mode */ +#main-window:-moz-any([customize-entering], [customize-entered]) #browser-bottombox { + margin-bottom: 2em; } + +#main-window:-moz-any([customize-entering], [customize-entered]) #content-deck, +#main-window:-moz-any([customize-entering], [customize-entered]) #browser-bottombox, +#main-window:-moz-any([customize-entering], [customize-entered]) #navigator-toolbox { + margin-left: 2em; + margin-right: 2em; } + +#main-window:-moz-any([customize-entering], [customize-exiting]) #tab-view-deck { + pointer-events: none; } + +#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before, +#PanelUI-contents > .panel-customization-placeholder { + -moz-outline-radius: 2.5px; + outline: 1px dashed transparent; } + +#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before { + /* Prevent jumping of tabs when switching a window between inactive and active (bug 853415). */ + -moz-box-ordinal-group: 0; + content: ""; + display: -moz-box; + height: 100%; + left: 0; + outline-offset: -2px; + pointer-events: none; + position: absolute; + top: 0; + width: 100%; } + +/* Shift the TabsToolbar outline up 2px since the #nav-bar is shifted up by 1px and the + #TabsToolbar::after is a pixel higher to draw the bottom border of the tabstrip so this makes the + offset from the bottom effectively the same as other targets (-2px). */ +#main-window[customize-entered] #TabsToolbar.customization-target::before { + top: -2px; } + +/* The parents of the outline pseudo-elements need to be positioned so that the outline is positioned relative to it. */ +#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)):hover, +#main-window[customize-entered] .customization-target[customizing-dragovertarget]:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)), +#main-window[customize-entered] #nav-bar-customization-target.customization-target { + position: relative; } + +/* Most target outlines are shown on hover and drag over but the panel menu uses + placeholders instead. */ +#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)):hover::before, +#main-window[customize-entered] .customization-target[customizing-dragovertarget]:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before, +#nav-bar[showoutline=true] > #nav-bar-customization-target.customization-target::before { + outline-color: #666666; } + +#nav-bar[showoutline=true] > #nav-bar-customization-target.customization-target::before { + transition: outline-color 250ms linear; } + +#PanelUI-contents[showoutline=true] > .panel-customization-placeholder { + transition: outline-color 250ms linear; + outline-color: #bbb; } + +#PanelUI-contents > .panel-customization-placeholder { + cursor: auto; + outline-offset: -5px; } + +#main-window[customizing] .customization-target:not(#PanelUI-contents) { + min-width: 100px; + padding-left: 10px; + padding-right: 10px; } + +#customization-container { + background-color: #f7f7f7; + color: black; + text-shadow: none; } + +#customization-palette, +#customization-empty { + padding: 0 25px 25px; } + +#customization-header { + font-size: 1.75em; + line-height: 1.75em; + color: #666; + font-weight: 200; + margin: 25px 25px 12px; + padding-bottom: 12px; + border-bottom: 1px solid #e5e5e5; } + +#customization-panel-container { + padding: 15px 25px 25px; + background-image: linear-gradient(to bottom, #3e86ce, #3878ba); } + +#main-window:-moz-any([customize-entering], [customize-entered]) #browser-bottombox, +#customization-footer { + background-color: #ececec; } + +#customization-footer { + border-top: 1px solid #dddddd; + padding: 10px; } + +.customizationmode-button { + border: 1px solid silver; + border-radius: 3px; + margin: 5px; + padding: 2px 12px; + background-color: #fbfbfb; + color: #474747; + box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px rgba(255, 255, 255, 0.5); + -moz-appearance: none; } + +#customization-titlebar-visibility-button[checked], +#customization-devedition-theme-button[checked] { + background-color: #dadada; + border-color: #a8a8a8; + text-shadow: 0 1px #ececec; + box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px #c4c4c4; } + +.customizationmode-button[disabled="true"] { + opacity: .5; } + +.customizationmode-button > .box-inherit > .box-inherit > .button-icon, +.customizationmode-button > .button-box > .button-icon { + height: 24px; } + +#customization-titlebar-visibility-button { + list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle.png"); + -moz-image-region: rect(0, 24px, 24px, 0); } + +#customization-lwtheme-button, +#customization-titlebar-visibility-button { + padding: 2px 7px; } + +#customization-lwtheme-button > .box-inherit > .box-inherit > .button-text, +#customization-titlebar-visibility-button > .button-box > .button-text { + /* Sadly, button.css thinks its margins are perfect for everyone. */ + -moz-margin-start: 6px !important; } + +#customization-lwtheme-button > .box-inherit > .box-inherit > .button-icon { + width: 20px; + height: 20px; + border-radius: 2px; + background-size: contain; } + +#customization-titlebar-visibility-button > .button-box > .button-icon { + vertical-align: middle; } + +#customization-titlebar-visibility-button[checked] { + -moz-image-region: rect(0, 48px, 24px, 24px); } + +@media (min-resolution: 1.1dppx) { + #customization-titlebar-visibility-button { + list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle@2x.png"); + -moz-image-region: rect(0, 48px, 48px, 0); } + + #customization-titlebar-visibility-button[checked] { + -moz-image-region: rect(0, 96px, 48px, 48px); } } +#main-window[customize-entered] #customization-panel-container { + background-image: url("chrome://browser/skin/customizableui/customizeMode-separatorHorizontal.png"), url("chrome://browser/skin/customizableui/customizeMode-separatorVertical.png"), url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"), url("chrome://browser/skin/customizableui/background-noise-toolbar.png"), linear-gradient(to bottom, #3e86ce, #3878ba); + background-position: center top, left center, left top, left top, left top; + background-repeat: no-repeat, no-repeat, repeat, repeat, no-repeat; + background-size: auto 12px, 12px 100%, auto, auto, auto; + background-attachment: scroll, scroll, fixed, fixed, scroll; } + +toolbarpaletteitem[place="toolbar"] { + transition: border-width 250ms ease-in-out; } + +toolbarpaletteitem[mousedown] { + cursor: -moz-grabbing; } + +.panel-customization-placeholder, +toolbarpaletteitem[place="palette"], +toolbarpaletteitem[place="panel"] { + transition: transform .3s ease-in-out; } + +#customization-palette { + transition: opacity .3s ease-in-out; + opacity: 0; } + +#customization-palette[showing="true"] { + opacity: 1; } + +toolbarpaletteitem[notransition].panel-customization-placeholder, +toolbarpaletteitem[notransition][place="toolbar"], +toolbarpaletteitem[notransition][place="palette"], +toolbarpaletteitem[notransition][place="panel"] { + transition: none; } + +toolbarpaletteitem > toolbarbutton > .toolbarbutton-icon, +toolbarpaletteitem > toolbarbutton > .toolbarbutton-badge-container > .toolbarbutton-icon, +toolbarpaletteitem > toolbaritem.panel-wide-item, +toolbarpaletteitem > toolbarbutton[type="menu-button"] { + transition: transform 0.3s cubic-bezier(0.6, 2, 0.75, 1.5) !important; } + +toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-icon, +toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-badge-container > .toolbarbutton-icon { + transform: scale(1.3); } + +toolbarpaletteitem[mousedown] > toolbaritem.panel-wide-item, +toolbarpaletteitem[mousedown] > toolbarbutton[type="menu-button"] { + transform: scale(1.1); } + +/* Override the toolkit styling for items being dragged over. */ +toolbarpaletteitem[place="toolbar"] { + border-left-width: 0; + border-right-width: 0; + margin-right: 0; + margin-left: 0; } + +#customization-palette:not([hidden]) { + margin-bottom: 25px; } + +#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton, +#wrapper-edit-controls[place="palette"] > #edit-controls > separator, +#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton, +#wrapper-zoom-controls[place="palette"] > #zoom-controls > separator { + margin-top: 20px; } + +#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton, +#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton { + margin-left: 0; + margin-right: 0; + max-width: 24px; + min-width: 24px; + max-height: 24px; + min-height: 24px; + padding: 4px; } + +#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-icon, +#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton > .toolbarbutton-icon { + width: 16px; } + +#wrapper-edit-controls > #edit-controls > toolbarbutton > .toolbarbutton-icon { + opacity: 1; + /* To ensure these buttons always look enabled in customize mode */ } + +#wrapper-zoom-controls[place="palette"] > #zoom-controls > #zoom-reset-button, +#wrapper-zoom-controls[place="palette"] > #zoom-controls > #zoom-reset-button + separator { + display: none; } + +#wrapper-personal-bookmarks:not([place="toolbar"]) > #personal-bookmarks { + -moz-box-pack: center; + min-height: 48px; } + +#personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder > .toolbarbutton-icon { + -moz-margin-end: 5px; } + +#customization-palette > toolbarpaletteitem > label { + text-align: center; + margin-left: 0; + margin-right: 0; } + +#customization-lwtheme-menu > .panel-arrowcontainer > .panel-arrowcontent { + -moz-box-orient: vertical; + /* Make the panel padding uniform across all platforms due to the + styling of the section headers and footer. */ + padding: 10px; } + +.customization-lwtheme-menu-theme > .toolbarbutton-icon { + width: 32px; + height: 32px; } + +.customization-lwtheme-menu-theme { + -moz-appearance: none; + border: 1px solid transparent; + margin: 0 -5px 5px; + padding-top: 0; + -moz-padding-end: 5px; + padding-bottom: 0; + -moz-padding-start: 0; } + +.customization-lwtheme-menu-theme[defaulttheme] { + list-style-image: url(chrome://browser/skin/theme-switcher-icon.png); } + +.customization-lwtheme-menu-theme[active="true"], +.customization-lwtheme-menu-theme:hover { + background-color: rgba(24, 26, 27, 0.08); + border-color: rgba(24, 26, 27, 0.11); } + +.customization-lwtheme-menu-theme[active="true"], +.customization-lwtheme-menu-theme:hover:active { + background-color: rgba(24, 26, 27, 0.15); } + +.customization-lwtheme-menu-theme > .toolbarbutton-icon { + margin: 5px; } + +.customization-lwtheme-menu-theme > .toolbarbutton-text { + text-align: start; } + +#customization-lwtheme-menu-header, +#customization-lwtheme-menu-recommended { + padding: 10px; + margin-bottom: 5px; } + +#customization-lwtheme-menu-header, +#customization-lwtheme-menu-recommended, +#customization-lwtheme-menu-footer { + background-color: rgba(24, 26, 27, 0.05); + color: gray; + margin-right: -10px; + margin-left: -10px; } + +#customization-lwtheme-menu-header { + margin-top: -10px; + border-bottom: 1px solid rgba(24, 26, 27, 0.05); } + +#customization-lwtheme-menu-recommended { + border-top: 1px solid rgba(24, 26, 27, 0.05); + border-bottom: 1px solid rgba(24, 26, 27, 0.05); } + +#customization-lwtheme-menu-footer { + background: linear-gradient(rgba(24, 26, 27, 0.05) 60%, transparent) border-box; + border-top: 1px solid rgba(24, 26, 27, 0.05); + margin-bottom: -10px; } + +.customization-lwtheme-menu-footeritem { + -moz-appearance: none; + -moz-box-flex: 1; + color: gray; + border-style: none; + padding: 10px; + margin-left: 0; + margin-right: 0; } + +.customization-lwtheme-menu-footeritem:hover { + background: linear-gradient(rgba(24, 26, 27, 0.08) 40%, transparent) padding-box; } + +.customization-lwtheme-menu-footeritem:first-child { + -moz-border-end: 1px solid rgba(24, 26, 27, 0.15); } + +/* 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/. */ +#customization-tipPanel > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0; + margin: 0; + min-width: 400px; + max-width: 1000px; + min-height: 200px; + border-radius: 3px; + background-image: linear-gradient(90deg, #a0dfff 0%, #ceeeff 100%); + border: 0px solid rgba(0, 148, 221, 0.5); + box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5), inset 0 1px 1px 0 #fff; + color: #333333; } + +#customization-tipPanel > .panel-arrowcontainer > .panel-arrowcontent:-moz-locale-dir(rtl) { + background-image: linear-gradient(90deg, #ceeeff 0%, #a0dfff 100%); } + +.customization-tipPanel-infoBox { + margin: 20px 25px 25px; + width: 25px; + background-image: url(chrome://browser/skin/customizableui/info-icon-customizeTip.png); + background-repeat: no-repeat; } + +.customization-tipPanel-content { + margin: 25px 0; + font-size: 12px; + line-height: 18px; } + +.customization-tipPanel-em { + margin: 0; + font-weight: bold; } + +.customization-tipPanel-contentImage { + margin-top: 25px; + list-style-image: url(chrome://browser/skin/customizableui/customize-illustration.png); + min-width: 300px; + max-width: 300px; + min-height: 190px; + max-height: 190px; + display: -moz-box; } + +.customization-tipPanel-contentImage:-moz-locale-dir(rtl) { + list-style-image: url(chrome://browser/skin/customizableui/customize-illustration-rtl.png); } + +.customization-tipPanel-link { + -moz-appearance: none; + background: transparent; + border: none; + box-shadow: none; + color: #1952ab; + margin: 0; + cursor: pointer; } + +.customization-tipPanel-link > .button-box > .button-text { + margin: 0 !important; } + +.customization-tipPanel-closeBox > .close-icon { + -moz-appearance: none; + border: 0; + -moz-margin-end: -25px; } + +#customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="left"], +#customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="right"] { + list-style-image: url("chrome://browser/skin/customizableui/panelarrow-customizeTip.png"); } + +#main-window[customize-entered] > #tab-view-deck { + background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"), linear-gradient(to bottom, #bcbcbc, #b5b5b5); + background-attachment: fixed; } + +#main-window[customization-lwtheme] > #tab-view-deck:-moz-lwtheme { + background-repeat: no-repeat; + background-position: right top; + background-attachment: fixed; + /* The image will get set from CustomizeMode.jsm */ + background-image: none; + background-color: transparent; } + +#main-window[customization-lwtheme]:-moz-lwtheme { + background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"), url("chrome://browser/skin/customizableui/background-noise-toolbar.png"), linear-gradient(to bottom, #bcbcbc, #b5b5b5); + background-color: #b5b5b5; + background-repeat: repeat; + background-attachment: fixed; + background-position: left top; } + +#main-window[customize-entered] #browser-bottombox, +#main-window[customize-entered] #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar), +#main-window[customize-entered] #customization-container { + border: 3px solid rgba(0, 0, 0, 0.1); + border-top-width: 0; + background-clip: padding-box; + background-origin: padding-box; + -moz-border-right-colors: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2); + -moz-border-bottom-colors: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2); + -moz-border-left-colors: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2); } + +#main-window[customize-entered] #customization-container, +#main-window[customize-entered] #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar) { + border-bottom-width: 0; } + +#main-window[customize-entered] #TabsToolbar { + -moz-appearance: none; + background-clip: padding-box; + border-right: 3px solid transparent; + border-left: 3px solid transparent; } + +/* The :hover:active style from toolkit doesn't seem to work in this panel so just use :active. */ +.customization-tipPanel-closeBox > .close-icon:active { + background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 48, 16, 32); } + +/* End customization mode */ +#main-window[privatebrowsingmode=temporary] #private-browsing-indicator { + background: url("chrome://browser/skin/privatebrowsing-mask.png") center no-repeat; + width: 40px; } + +/* UI Tour */ +#UITourHighlightContainer { + -moz-appearance: none; + border: none; + background-color: transparent; + /* This is a buffer to compensate for the movement in the "wobble" effect */ + padding: 4px; } + +#UITourHighlight { + background-image: radial-gradient(50% 100%, rgba(0, 149, 220, 0.4) 50%, rgba(0, 149, 220, 0.6) 100%); + border-radius: 40px; + border: 1px solid white; + /* The box-shadow opacity needs to be < 0.5 so it doesn't appear at 100% opacity + on Linux without an X compositor where opacity is either 0 or 1. */ + box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.49); + min-height: 32px; + min-width: 32px; } + +#UITourTooltipBody { + -moz-margin-end: 14px; } + +#UITourTooltipBody > vbox { + padding-top: 4px; } + +#UITourTooltipIconContainer { + -moz-margin-start: -16px; } + +#UITourTooltipIcon { + width: 48px; + height: 48px; + -moz-margin-start: 28px; + -moz-margin-end: 28px; } + +#UITourTooltipTitle, +#UITourTooltipDescription { + max-width: 20rem; } + +#UITourTooltipTitle { + font-size: 1.45rem; + font-weight: bold; + -moz-margin-start: 0; + -moz-margin-end: 0; + margin: 0 0 9px 0; } + +#UITourTooltipDescription { + -moz-margin-start: 0; + -moz-margin-end: 0; + font-size: 1.15rem; + line-height: 1.8rem; + margin-bottom: 0; + /* Override global.css */ } + +#UITourTooltipClose { + -moz-appearance: none; + border: none; + background-color: transparent; + min-width: 0; + -moz-margin-start: 4px; + margin-top: -2px; } + +#UITourTooltipClose > .toolbarbutton-text { + display: none; } + +#UITourTooltipButtons { + -moz-box-pack: end; + background-color: rgba(24, 26, 27, 0.07); + border-top: 1px solid rgba(24, 26, 27, 0.14); + margin: 24px -16px -16px; + padding: 2em 15px; } + +#UITourTooltipButtons > button { + margin: 0 15px; } + +#UITourTooltipButtons > button:first-child { + -moz-margin-start: 0; } + +#UITourTooltipButtons > button[image] > .button-box > .button-icon { + width: 16px; + height: 16px; + -moz-margin-end: 5px; } + +#UITourTooltipButtons > button .button-text { + font-size: 1.15rem; } + +#UITourTooltipButtons > button:not(.button-link) { + -moz-appearance: none; + background-color: #fbfbfb; + border-radius: 3px; + border: 1px solid; + border-color: silver; + color: #474747; + padding: 4px 30px; + transition-property: background-color, border-color; + transition-duration: 150ms; } + +#UITourTooltipButtons > button:not(.button-link):not(:active):hover { + background-color: rgba(24, 26, 27, 0.15); + border-color: rgba(24, 26, 27, 0.15); + box-shadow: 0 1px 0 0 rgba(24, 26, 27, 0.05) inset; } + +#UITourTooltipButtons > button.button-link { + -moz-appearance: none; + background: transparent; + border: none; + box-shadow: none; + color: rgba(0, 0, 0, 0.35); + padding-left: 10px; + padding-right: 10px; } + +#UITourTooltipButtons > button.button-link:hover { + color: black; } + +/* The primary button gets the same color as the customize button. */ +#UITourTooltipButtons > button.button-primary { + background-color: #74bf43; + color: white; + padding-left: 30px; + padding-right: 30px; } + +#UITourTooltipButtons > button.button-primary:not(:active):hover { + background-color: #69ad3d; } + +/* Notification overrides for Heartbeat UI */ +notification.heartbeat { + background-color: #F1F1F1; + border-bottom: 1px solid #C1C1C1; + height: 40px; } + +/* In themes/osx/global/notification.css the close icon is inverted because notifications + on OSX are usually dark. Heartbeat is light, so override that behaviour. */ +@keyframes pulse-onshow { + 0% { + opacity: 0; + transform: scale(1); } + 25% { + opacity: 1; + transform: scale(1.1); } + 50% { + transform: scale(1); } + 75% { + transform: scale(1.1); } + 100% { + transform: scale(1); } } +@keyframes pulse-twice { + 0% { + transform: scale(1.1); } + 50% { + transform: scale(0.8); } + 100% { + transform: scale(1); } } +.messageText.heartbeat { + color: #333333; + text-shadow: none; + -moz-margin-start: 0px; + /* The !important is required to override OSX default style. */ + -moz-margin-end: 12px !important; } + +.messageImage.heartbeat { + width: 24px; + height: 24px; + -moz-margin-start: 8px; + -moz-margin-end: 8px; } + +.messageImage.heartbeat.pulse-onshow { + animation-name: pulse-onshow; + animation-duration: 1.5s; + animation-iteration-count: 1; + animation-timing-function: cubic-bezier(0.7, 1.8, 0.9, 1.1); } + +.messageImage.heartbeat.pulse-twice { + animation-name: pulse-twice; + animation-duration: 1s; + animation-iteration-count: 2; + animation-timing-function: linear; } + +/* Learn More link styles */ +.heartbeat > .text-link { + color: #0095DD; + -moz-margin-start: 0px; } + +.heartbeat > .text-link:hover { + color: #008ACB; + text-decoration: none; } + +.heartbeat > .text-link:hover:active { + color: #006B9D; } + +/* Heartbeat UI Rating Star Classes */ +.heartbeat > #star-rating-container { + display: -moz-box; + margin-bottom: 4px; } + +.heartbeat > #star-rating-container > #star5 { + -moz-box-ordinal-group: 5; } + +.heartbeat > #star-rating-container > #star4 { + -moz-box-ordinal-group: 4; } + +.heartbeat > #star-rating-container > #star3 { + -moz-box-ordinal-group: 3; } + +.heartbeat > #star-rating-container > #star2 { + -moz-box-ordinal-group: 2; } + +.heartbeat > #star-rating-container > .star-x { + background: url("chrome://browser/skin/heartbeat-star-off.svg"); + cursor: pointer; + /* Overrides the -moz-margin-end for all platforms defined in the .plain class */ + -moz-margin-end: 4px !important; + width: 16px; + height: 16px; } + +.heartbeat > #star-rating-container > .star-x:hover, +.heartbeat > #star-rating-container > .star-x:hover ~ .star-x { + background: url("chrome://browser/skin/heartbeat-star-lit.svg"); } + +#UITourHighlight { + /* Below are some fixes for people without an X compositor on Linux. + This is why we can't have nice things: */ + /* Animations don't repaint properly without an X compositor. */ + animation-name: none !important; + /* Opacity rounds to 0 or 1 on Linux without an X compositor so make the + background be transparent in that case by having all alpha values < 0.5 */ + background-image: radial-gradient(50% 100%, rgba(0, 149, 220, 0.3) 50%, rgba(0, 149, 220, 0.49) 100%); + /* The highlight isn't anti-aliased without an X compositor so make it thicker. + Make it a darker color since we don't have the box-shadow in this case. */ + border: 4px solid #0095dc; } + +#UITourTooltipDescription { + font-size: 1.05rem; } + +#UITourTooltipClose { + -moz-margin-end: -4px; + height: 16px; + width: 16px; } + +#UITourTooltipButtons { + margin-bottom: -10px; } + +#context-navigation > .menuitem-iconic { + -moz-box-flex: 1; + -moz-box-pack: center; + -moz-box-align: center; } + +#context-navigation > .menuitem-iconic > .menu-iconic-left { + -moz-appearance: none; } + +#context-back { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back"); } + +#context-back[_moz-menuactive=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-active"); } + +#context-back[disabled=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-disabled"); } + +#context-forward { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward"); } + +#context-forward[_moz-menuactive=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-active"); } + +#context-forward[disabled=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-disabled"); } + +#context-reload { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload"); } + +#context-reload[_moz-menuactive=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-active"); } + +#context-reload[disabled=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-disabled"); } + +#context-stop { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop"); } + +#context-stop[_moz-menuactive=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-active"); } + +#context-stop[disabled=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-disabled"); } + +#context-bookmarkpage { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark"); } + +#context-bookmarkpage[_moz-menuactive=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-active"); } + +#context-bookmarkpage[disabled=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-disabled"); } + +#context-back:-moz-locale-dir(rtl), +#context-forward:-moz-locale-dir(rtl), +#context-reload:-moz-locale-dir(rtl) { + transform: scaleX(-1); } + +#context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon { + width: 16px; + height: 16px; + margin: 7px; } + +#context-media-eme-learnmore { + list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); } + +#context-navigation > .menuitem-iconic > .menu-iconic-left { + visibility: visible; + /* override toolkit/themes/linux/global/menu.css */ + -moz-padding-end: 0 !important; + -moz-margin-end: 0 !important; } diff --git a/arc-firefox-theme/chrome/browser/sass/browser-darker.scss b/arc-firefox-theme/chrome/browser/sass/browser-darker.scss new file mode 100644 index 0000000..1a5a601 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/sass/browser-darker.scss @@ -0,0 +1,7 @@ +$variant: 'light'; +$transparency: 'true'; +$darker: 'true'; + +@import "_colors"; +@import "_drawing"; +@import "_browser-sass"; diff --git a/arc-firefox-theme/chrome/browser/sass/browser-light.css b/arc-firefox-theme/chrome/browser/sass/browser-light.css new file mode 100644 index 0000000..61027ab --- /dev/null +++ b/arc-firefox-theme/chrome/browser/sass/browser-light.css @@ -0,0 +1,4520 @@ +@import url("chrome://global/skin/"); +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); +@namespace svg url("http://www.w3.org/2000/svg"); +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ +:root { + --toolbarbutton-hover-background: #fbfbfc; + --toolbarbutton-hover-boxshadow: none; + --toolbarbutton-hover-bordercolor: #5294E2; + --toolbarbutton-active-boxshadow: none; + --toolbarbutton-active-bordercolor: #5294E2; + --toolbarbutton-active-background: #5294E2; + --toolbarbutton-checkedhover-backgroundcolor: #5294E2; + --toolbarbutton-combined-boxshadow: none; + --toolbarbutton-combined-backgroundimage: linear-gradient(rgba(23, 51, 79, 0.2) 0, rgba(23, 51, 79, 0.2) 18px); + --verified-identity-box-backgroundcolor: transparent; } + +#menubar-items { + -moz-box-orient: vertical; + /* for flex hack */ } + +#main-menubar { + -moz-box-flex: 1; + /* make menu items expand to fill toolbar height */ } + +#navigator-toolbox { + -moz-appearance: none; + background-color: transparent; + border-top: none; } + +#navigator-toolbox::after { + content: ""; + display: -moz-box; + -moz-box-ordinal-group: 101; + /* tabs toolbar is 100 */ + height: 1px; + background-color: #dcdfe3; } + +#navigator-toolbox > toolbar:not(:-moz-lwtheme):not(#toolbar-menubar):not(#TabsToolbar) { + -moz-appearance: none; + border-style: none; + background-color: -moz-Dialog; } + +#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar) { + padding-top: 1px; + padding-bottom: 1px; } + +#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar):not(#addon-bar) { + overflow: -moz-hidden-unscrollable; + max-height: 4em; + transition: min-height 170ms ease-out, max-height 170ms ease-out; } + +#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar):not(#addon-bar)[collapsed=true] { + min-height: 0.1px; + max-height: 0; + transition: min-height 170ms ease-out, max-height 170ms ease-out, visibility 170ms linear; } + +#TabsToolbar:not([collapsed="true"]) + #nav-bar { + border-top: 1px solid rgba(203, 205, 212, 0.95) !important; + background-clip: padding-box; + margin-top: -1px; + /* Move up into the TabsToolbar for the inner highlight at the top of the nav-bar */ + /* Position the toolbar above the bottom of background tabs */ + position: relative; + z-index: 1; } + +#main-window[htitlemode=always] #TabsToolbar { + box-shadow: inset 0 1px rgba(239, 240, 242, 0.95) !important; } + +#nav-bar { + background-image: none !important; + background-color: #F5F6F7 !important; + box-shadow: none; + padding-top: 3px; + padding-bottom: 3px; } + +#nav-bar-overflow-button { + -moz-image-region: rect(-5px, 12px, 11px, -4px); } + +/* This only has an effect when this element is placed on the bookmarks toolbar. + * It's 30px to make sure buttons with 18px icons fit along with the default 16px + * icons, without changing the size of the toolbar. + */ +#personal-bookmarks { + min-height: 30px; } + +#browser-bottombox { + /* opaque for layers optimization */ + background-color: -moz-Dialog; } + +#urlbar:-moz-lwtheme:not([focused="true"]), +.searchbar-textbox:-moz-lwtheme:not([focused="true"]) { + opacity: .85; } + +/* Places toolbar */ +toolbarbutton.bookmark-item:not(.subviewbutton), +#personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder { + margin: 1px; + padding: 2px 3px; } + +toolbarbutton.bookmark-item:not(.subviewbutton):not(:hover):not(:active):not([open]) { + color: inherit; } + +.bookmark-item:not(#home-button) > .toolbarbutton-icon, +#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-icon { + width: 16px; + height: 16px; } + +/* Force the display of the label for bookmarks */ +.bookmark-item > .toolbarbutton-text, +#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-text { + display: -moz-box !important; } + +.bookmark-item > .toolbarbutton-menu-dropmarker { + display: none; } + +/* Dropmarker for folder bookmarks */ +.bookmark-item[container] > .toolbarbutton-menu-dropmarker { + display: -moz-box !important; } + +#bookmarks-toolbar-placeholder { + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important; } + +toolbarpaletteitem[place="palette"] > #personal-bookmarks > #bookmarks-toolbar-placeholder, +#personal-bookmarks[cui-areatype="menu-panel"] > #bookmarks-toolbar-placeholder { + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar-menuPanel.png") !important; } + +toolbarbutton.bookmark-item { + -moz-appearance: none; + border: 1px solid transparent; + border-radius: 2px; + background: none; + color: #5c616c; } + +toolbarbutton.bookmark-item:not([disabled=true]):hover { + -moz-appearance: none; + color: #5c616c; + background-color: #fbfbfc; + border: 1px solid #5294E2; } + +toolbarbutton.bookmark-item:not([disabled=true]):-moz-any([open], [checked], :hover:active) { + -moz-appearance: none; + color: #ffffff; + background-color: #5294E2; + border: 1px solid #5294E2; } + +/* ----- BOOKMARK STAR ANIMATION ----- */ +@keyframes animation-bookmarkAdded { + from { + transform: rotate(0deg) translateX(-16px) rotate(0deg) scale(1); + opacity: 0; } + 60% { + transform: rotate(180deg) translateX(-16px) rotate(-180deg) scale(2.2); + opacity: 1; } + 80% { + opacity: 1; } + to { + transform: rotate(180deg) translateX(-16px) rotate(-180deg) scale(1); + opacity: 0; } } +@keyframes animation-bookmarkPulse { + from { + transform: scale(1); } + 50% { + transform: scale(1.3); } + to { + transform: scale(1); } } +#bookmarked-notification-container { + min-height: 1px; + min-width: 1px; + height: 1px; + margin-bottom: -1px; + z-index: 5; + position: relative; } + +#bookmarked-notification { + background-size: 16px; + background-position: center; + background-repeat: no-repeat; + width: 16px; + height: 16px; + opacity: 0; } + +#bookmarked-notification-dropmarker-anchor { + z-index: -1; + position: relative; } + +#bookmarked-notification-dropmarker-icon { + width: 18px; + height: 18px; + visibility: hidden; } + +#bookmarked-notification-anchor[notification="finish"] > #bookmarked-notification { + background-image: url("chrome://browser/skin/places/bookmarks-notification-finish.png"); + animation: animation-bookmarkAdded 800ms; + animation-timing-function: ease, ease, ease; } + +#bookmarks-menu-button[notification="finish"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { + list-style-image: none !important; } + +#bookmarked-notification-dropmarker-anchor[notification="finish"] > #bookmarked-notification-dropmarker-icon { + visibility: visible; + animation: animation-bookmarkPulse 300ms; + animation-delay: 600ms; + animation-timing-function: ease-out; } + +/* Bookmark menus */ +menu.bookmark-item, +menuitem.bookmark-item { + min-width: 0; + max-width: 32em; } + +.bookmark-item:not(.subviewbutton) > .menu-iconic-left { + margin-top: 0; + margin-bottom: 0; } + +.bookmark-item > .menu-iconic-left > .menu-iconic-icon { + -moz-padding-start: 0px; } + +/* Bookmark drag and drop styles */ +.bookmark-item[dragover-into="true"] { + background: Highlight !important; + color: HighlightText !important; } + +/* rules for menupopup drop indicators */ +.menupopup-drop-indicator-bar { + position: relative; + /* these two margins must together compensate the indicator's height */ + margin-top: -1px; + margin-bottom: -1px; } + +.menupopup-drop-indicator { + list-style-image: none; + height: 2px; + -moz-margin-end: -4em; + background-color: Highlight; } + +/* Bookmarks toolbar */ +#PlacesToolbarDropIndicator { + list-style-image: url(chrome://browser/skin/places/toolbarDropMarker.png); } + +/* Bookmark items */ +.bookmark-item { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); } + +.bookmark-item[container] { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu"); } + +.bookmark-item[container][livemark] { + list-style-image: url("chrome://browser/skin/feeds/feedIcon16.png"); } + +.bookmark-item[container][livemark] .bookmark-item { + list-style-image: url("chrome://browser/skin/places/livemark-item.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); } + +.bookmark-item[container][livemark] .bookmark-item[visited] { + -moz-image-region: rect(0px, 32px, 16px, 16px); } + +.bookmark-item[container][query] { + list-style-image: url("chrome://browser/skin/places/query.png"); } + +.bookmark-item[query][tagContainer] { + list-style-image: url("chrome://browser/skin/places/tag.png"); } + +.bookmark-item[query][dayContainer] { + list-style-image: url("chrome://browser/skin/places/calendar.png"); } + +.bookmark-item[query][hostContainer] { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu"); } + +.bookmark-item[query][hostContainer][open] { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu"); } + +.bookmark-item[cutting] > .toolbarbutton-icon, +.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-icon { + opacity: 0.5; } + +.bookmark-item[cutting] > .toolbarbutton-text, +.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-text { + opacity: 0.7; } + +/* Stock icons for the menu bar items */ +menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { + -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic"); } + +#placesContext_open\:newwindow, +#menu_newNavigator, +#context-openlink, +#context-openframe { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 80px 16px 64px); } + +#placesContext_open\:newtab, +#placesContext_openContainer\:tabs, +#menu_newNavigatorTab, +#context-openlinkintab, +#context-openframeintab { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 64px 16px 48px); } + +#menu_openFile { + list-style-image: url("moz-icon://stock/gtk-open?size=menu"); } + +#menu_close { + list-style-image: url("moz-icon://stock/gtk-close?size=menu"); } + +#context-media-play { + list-style-image: url("moz-icon://stock/gtk-media-play?size=menu"); } + +#context-media-pause { + list-style-image: url("moz-icon://stock/gtk-media-pause?size=menu"); } + +#menu_savePage, +#context-savelink, +#context-saveimage, +#context-savevideo, +#context-saveaudio, +#context-savepage, +#context-saveframe { + list-style-image: url("moz-icon://stock/gtk-save-as?size=menu"); } + +#menu_printPreview { + list-style-image: url("moz-icon://stock/gtk-print-preview?size=menu"); } + +#menu_print, +#context-printframe { + list-style-image: url("moz-icon://stock/gtk-print?size=menu"); } + +#menu_FileQuitItem { + list-style-image: url("moz-icon://stock/gtk-quit?size=menu"); } + +#menu_undo, +#context-undo { + list-style-image: url("moz-icon://stock/gtk-undo?size=menu"); } + +#menu_undo[disabled], +#context-undo[disabled] { + list-style-image: url("moz-icon://stock/gtk-undo?size=menu&state=disabled"); } + +#menu_redo { + list-style-image: url("moz-icon://stock/gtk-redo?size=menu"); } + +#menu_redo[disabled] { + list-style-image: url("moz-icon://stock/gtk-redo?size=menu&state=disabled"); } + +#menu_cut, +#placesContext_cut, +#context-cut { + list-style-image: url("moz-icon://stock/gtk-cut?size=menu"); } + +#menu_cut[disabled], +#placesContext_cut[disabled], +#context-cut[disabled] { + list-style-image: url("moz-icon://stock/gtk-cut?size=menu&state=disabled"); } + +#menu_copy, +#placesContext_copy, +#context-copy, +#context-copyimage, +#context-copyvideourl, +#context-copyaudiourl, +#context-copylink, +#context-copyemail { + list-style-image: url("moz-icon://stock/gtk-copy?size=menu"); } + +#menu_copy[disabled], +#placesContext_copy[disabled], +#context-copy[disabled] { + list-style-image: url("moz-icon://stock/gtk-copy?size=menu&state=disabled"); } + +#menu_paste, +#placesContext_paste, +#context-paste { + list-style-image: url("moz-icon://stock/gtk-paste?size=menu"); } + +#menu_paste[disabled], +#placesContext_paste[disabled], +#context-paste[disabled] { + list-style-image: url("moz-icon://stock/gtk-paste?size=menu&state=disabled"); } + +#menu_delete, +#placesContext_delete, +#placesContext_delete_history, +#context-delete { + list-style-image: url("moz-icon://stock/gtk-delete?size=menu"); } + +#menu_delete[disabled], +#placesContext_delete[disabled], +#placesContext_delete_history[disabled], +#context-delete[disabled] { + list-style-image: url("moz-icon://stock/gtk-delete?size=menu&state=disabled"); } + +#menu_selectAll, +#context-selectall { + list-style-image: url("moz-icon://stock/gtk-select-all?size=menu"); } + +#menu_find { + list-style-image: url("moz-icon://stock/gtk-find?size=menu"); } + +#menu_find[disabled] { + list-style-image: url("moz-icon://stock/gtk-find?size=menu&state=disabled"); } + +#menu_preferences { + list-style-image: url("moz-icon://stock/gtk-preferences?size=menu"); } + +#placesContext_reload, +#context-reloadframe { + list-style-image: url("moz-icon://stock/gtk-refresh?size=menu"); } + +#menu_zoomEnlarge { + list-style-image: url("moz-icon://stock/gtk-zoom-in?size=menu"); } + +#menu_zoomReduce { + list-style-image: url("moz-icon://stock/gtk-zoom-out?size=menu"); } + +#menu_zoomReset { + list-style-image: url("moz-icon://stock/gtk-zoom-100?size=menu"); } + +#menu_showAllHistory { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 32px 16px 16px); } + +#bookmarksShowAll { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 48px 16px 32px); } + +#subscribeToPageMenuitem:not([disabled]), +#subscribeToPageMenupopup, +#BMB_subscribeToPageMenuitem:not([disabled]), +#BMB_subscribeToPageMenupopup { + list-style-image: url("chrome://browser/skin/page-livemarks.png"); } + +#bookmarksToolbarFolderMenu, +#BMB_bookmarksToolbar, +#panelMenu_bookmarksToolbar { + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png"); } + +#BMB_unsortedBookmarks, +#panelMenu_unsortedBookmarks { + list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png"); } + +#menu_readingList, +#BMB_readingList { + list-style-image: url("chrome://browser/skin/readinglist/readinglist-icon.svg"); } + +#panelMenu_pocket, +#menu_pocket, +#BMB_pocket { + list-style-image: url("chrome://browser/content/pocket/panels/img/pocketmenuitem16.png"); } + +#menu_openDownloads { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 16px 16px 0px); } + +#menu_openAddons { + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png"); } + +#menu_pageInfo, +#context-viewinfo, +#context-viewframeinfo { + list-style-image: url("moz-icon://stock/gtk-info?size=menu"); } + +#placesContext_open\:newprivatewindow, +#privateBrowsingItem { + list-style-image: url("chrome://browser/skin/Privacy-16.png"); } + +#placesContext_show\:info { + list-style-image: url("moz-icon://stock/gtk-properties?size=menu"); } + +#sanitizeItem { + list-style-image: url("moz-icon://stock/gtk-clear?size=menu"); } + +#menu_openHelp { + list-style-image: url("moz-icon://stock/gtk-help?size=menu"); } + +#aboutName { + list-style-image: url("moz-icon://stock/gtk-about?size=menu"); } + +#javascriptConsole { + list-style-image: url("chrome://global/skin/console/console.png"); } + +/* Primary toolbar buttons */ +.findbar-button, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 { + -moz-appearance: none; } + +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open="true"], +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:hover:active { + padding: 3px; } + +.findbar-button > .toolbarbutton-text, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-badge-container, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-icon { + -moz-margin-end: 0; + padding: 2px 6px; + border: 1px solid transparent; + border-radius: 2px; + transition-property: background-color, border-color; + transition-duration: 150ms; } + +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-badge-container, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon { + padding: 3px 7px; } + +/* Help SDK icons fit: */ +toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon, +toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-badge-container > .toolbarbutton-icon { + width: 16px; } + +:-moz-any(#TabsToolbar, #nav-bar) toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon { + /* XXXgijs box models strike again: this is 16px + 2 * 7px padding + 2 * 1px border (from the rules above) */ + width: 32px; } + +#nav-bar #PanelUI-menu-button { + -moz-padding-start: 5px; + -moz-padding-end: 5px; } + +#nav-bar #PanelUI-button, +#nav-bar[brighttext] #PanelUI-button { + background: none; + border-image: url("chrome://browser/skin/custom_images/navbar-separator.png") 0 0 0 2/0 0 0 2px; } + +.findbar-button:not(:-moz-any([checked="true"], [disabled="true"])):hover > .toolbarbutton-text, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open]:not([disabled=true]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-badge-container, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-icon { + background: var(--toolbarbutton-hover-background); + border-width: 1px; + border-style: solid; + border-color: var(--toolbarbutton-hover-bordercolor); + box-shadow: var(--toolbarbutton-hover-boxshadow); } + +#TabsToolbar .toolbarbutton-1[open]:not([disabled=true]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +#TabsToolbar .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +#TabsToolbar .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, +#TabsToolbar .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-badge-container, +#TabsToolbar .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-icon { + background-color: none; + color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + +.findbar-button:not([disabled=true]):-moz-any([checked="true"], :hover:active) > .toolbarbutton-text, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([open="true"]) > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active, [open="true"]) > .toolbarbutton-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open="true"] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon { + background: var(--toolbarbutton-active-background); + box-shadow: var(--toolbarbutton-active-boxshadow); + border-width: 1px; + border-style: solid; + border-color: var(--toolbarbutton-active-bordercolor); + transition-duration: 10ms; } + +#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active, [open="true"]) > .toolbarbutton-icon, +#TabsToolbar .toolbarbutton-1[open="true"] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon, +#TabsToolbar .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container, +#TabsToolbar .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon { + background: none; + color: #ffffff; + border-color: #5294E2; + background-color: #5294E2; } + +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[checked]:not(:active):hover > .toolbarbutton-icon { + background-color: var(--toolbarbutton-checkedhover-backgroundcolor); + transition: background-color 150ms; } + +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button[open], +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button:hover:active, +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:hover:active { + padding: 3px; } + +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before { + content: ""; + display: -moz-box; + width: 1px; + height: 18px; + -moz-margin-end: -1px; + background-image: var(--toolbarbutton-combined-backgroundimage); + background-clip: padding-box; + background-position: center; + background-repeat: no-repeat; + background-size: 1px 18px; + box-shadow: var(--toolbarbutton-combined-boxshadow); } + +:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { + -moz-margin-start: -4px; } + +#back-button > menupopup { + margin-top: -1px; } + +#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); } + +#forward-button { + margin-left: 2px; + margin-right: 2px; + padding: 0; } + +/* tabview menu item */ +#menu_tabview { + list-style-image: url(chrome://browser/skin/tabview/tabview.png); + -moz-image-region: rect(0, 80px, 16px, 64px); } + +#menu_tabview[groups="0"] { + -moz-image-region: rect(0, 16px, 16px, 0); } + +#menu_tabview[groups="1"] { + -moz-image-region: rect(0, 32px, 16px, 16px); } + +#menu_tabview[groups="2"] { + -moz-image-region: rect(0, 48px, 16px, 32px); } + +#menu_tabview[groups="3"] { + -moz-image-region: rect(0, 64px, 16px, 48px); } + +/* undo close tab menu item */ +#alltabs_undoCloseTab { + list-style-image: url(chrome://browser/skin/undoCloseTab.png); } + +.unified-nav-back[_moz-menuactive] { + list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=menu") !important; } + +.unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=menu") !important; } + +.unified-nav-forward[_moz-menuactive] { + list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=menu") !important; } + +.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=menu") !important; } + +/* Menu panel buttons */ +:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button), +#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { + list-style-image: url("chrome://browser/skin/custom_images/light/toolbar-icons.svg"); } + #TabsToolbar :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button), #TabsToolbar + #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { + list-style-image: url("chrome://browser/skin/custom_images/light/tabbar-icons.svg"); } + +#nav-bar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #web-apps-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #web-apps-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) { + list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"); } + +#nav-bar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .dropmarker-icon, +#TabsToolbar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .dropmarker-icon, +#nav-bar #bookmarks-menu-button > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon, +#TabsToolbar #bookmarks-menu-button > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon { + list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"); } + +#back-button { + -moz-image-region: rect(0, 36px, 18px, 18px); } + +#forward-button { + -moz-image-region: rect(0, 72px, 18px, 54px); } + +#home-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 126px, 18px, 108px); } + +#bookmarks-menu-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 144px, 18px, 126px); } + +#bookmarks-menu-button[cui-areatype="toolbar"][starred] { + -moz-image-region: rect(0, 162px, 18px, 144px); } + +#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { + -moz-image-region: rect(0, 630px, 18px, 612px); } + +#history-panelmenu[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 180px, 18px, 162px); } + +#downloads-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 198px, 18px, 180px); } + +#add-ons-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 216px, 18px, 198px); } + +#open-file-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 234px, 18px, 216px); } + +#save-page-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 252px, 18px, 234px); } + +#sync-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 270px, 18px, 252px); } + +#sync-button[cui-areatype="toolbar"][status="active"] { + list-style-image: url("chrome://browser/skin/syncProgress-toolbar.png"); + -moz-image-region: rect(0, 18px, 18px, 0px); } + +toolbar[brighttext] #sync-button[status="active"] { + list-style-image: url("chrome://browser/skin/syncProgress-toolbar-inverted.png"); } + +#feed-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 288px, 18px, 270px); } + +#social-share-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0px, 306px, 18px, 288px); } + +#characterencoding-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 324px, 18px, 306px); } + +#new-window-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 342px, 18px, 324px); } + +#e10s-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 342px, 18px, 324px); } + +#e10s-button > .toolbarbutton-icon { + transform: scaleY(-1); } + +#new-tab-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 360px, 18px, 342px); } + +#privatebrowsing-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 378px, 18px, 360px); } + +#find-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 396px, 18px, 378px); } + +#print-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 414px, 18px, 396px); } + +#fullscreen-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 432px, 18px, 414px); } + +#developer-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 450px, 18px, 432px); } + +#preferences-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 468px, 18px, 450px); } + +#PanelUI-menu-button { + -moz-image-region: rect(0, 486px, 18px, 468px); } + +#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #cut-button { + -moz-image-region: rect(0, 504px, 18px, 486px); } + +#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #copy-button { + -moz-image-region: rect(0, 522px, 18px, 504px); } + +#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #paste-button { + -moz-image-region: rect(0, 540px, 18px, 522px); } + +#zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #zoom-out-button { + -moz-image-region: rect(0, 558px, 18px, 540px); } + +#zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #zoom-in-button { + -moz-image-region: rect(0, 576px, 18px, 558px); } + +#nav-bar-overflow-button { + -moz-image-region: rect(0, 612px, 18px, 594px); } + +#nav-bar-overflow-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); } + +#tabview-button { + -moz-image-region: rect(0, 648px, 18px, 630px); } + +#email-link-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 666px, 18px, 648px); } + +#sidebar-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 684px, 18px, 666px); } + +#panic-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 702px, 18px, 684px); } + +#panic-button[cui-areatype="toolbar"][open] { + -moz-image-region: rect(18px, 702px, 36px, 684px); } + +#panic-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); } + +#web-apps-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 720px, 18px, 702px); } + +#loop-button > .toolbarbutton-badge-container { + list-style-image: url(chrome://browser/skin/loop/toolbar.png); + -moz-image-region: rect(0, 18px, 18px, 0); } + +toolbar[brighttext] #loop-button > .toolbarbutton-badge-container { + list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png); } + +#loop-button[state="disabled"] > .toolbarbutton-badge-container, +#loop-button[disabled="true"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 36px, 18px, 18px); } + +#loop-button:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 54px, 18px, 36px); } + +#loop-button:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 72px, 18px, 54px); } + +#loop-button:not([disabled="true"])[state="action"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 90px, 18px, 72px); } + +#loop-button:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 108px, 18px, 90px); } + +#loop-button:not([disabled="true"])[state="active"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 126px, 18px, 108px); } + +#webide-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 738px, 18px, 720px); } + +#pocket-button[cui-areatype="toolbar"] { + -moz-image-region: rect(0, 774px, 18px, 756px); } + +#pocket-button[cui-areatype="toolbar"][open] { + -moz-image-region: rect(18px, 774px, 36px, 756px); } + +/* Menu panel and palette styles */ +:root { + --menupanel-list-style-image: url(chrome://browser/skin/menuPanel.png); + --menupanel-list-style-image-2x: url(chrome://browser/skin/menuPanel@2x.png); + --menupanel-small-list-style-image: url(chrome://browser/skin/menuPanel-small.png); + --menupanel-small-list-style-image-2x: url(chrome://browser/skin/menuPanel-small@2x.png); } + +@media not all and (min-resolution: 1.1dppx) { + toolbaritem[sdkstylewidget="true"] > toolbarbutton, + :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button) { + list-style-image: var(--menupanel-list-style-image); } + + #home-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #home-button { + -moz-image-region: rect(0px, 128px, 32px, 96px); } + + #bookmarks-menu-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #bookmarks-menu-button { + -moz-image-region: rect(0px, 192px, 32px, 160px); } + + #bookmarks-menu-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 192px, 64px, 160px); } + + #history-panelmenu[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #history-panelmenu { + -moz-image-region: rect(0px, 224px, 32px, 192px); } + + #history-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 224px, 64px, 192px); } + + #downloads-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #downloads-button { + -moz-image-region: rect(0px, 256px, 32px, 224px); } + + #add-ons-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #add-ons-button { + -moz-image-region: rect(0px, 288px, 32px, 256px); } + + #open-file-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #open-file-button { + -moz-image-region: rect(0px, 320px, 32px, 288px); } + + #save-page-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #save-page-button { + -moz-image-region: rect(0px, 352px, 32px, 320px); } + + #sync-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #sync-button { + -moz-image-region: rect(0px, 384px, 32px, 352px); } + + #sync-button[cui-areatype="menu-panel"][status="active"] { + list-style-image: url(chrome://browser/skin/syncProgress-menuPanel.png); + -moz-image-region: rect(0px, 32px, 32px, 0px); } + + #feed-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #feed-button { + -moz-image-region: rect(0px, 416px, 32px, 384px); } + + #feed-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 416px, 64px, 384px); } + + #social-share-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #social-share-button { + -moz-image-region: rect(0px, 448px, 32px, 416px); } + + #characterencoding-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #characterencoding-button { + -moz-image-region: rect(0px, 480px, 32px, 448px); } + + #characterencoding-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 480px, 64px, 448px); } + + #new-window-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #new-window-button { + -moz-image-region: rect(0px, 512px, 32px, 480px); } + + #e10s-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #e10s-button { + -moz-image-region: rect(0px, 512px, 32px, 480px); } + + #new-tab-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #new-tab-button { + -moz-image-region: rect(0px, 544px, 32px, 512px); } + + #privatebrowsing-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #privatebrowsing-button { + -moz-image-region: rect(0px, 576px, 32px, 544px); } + + #tabview-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #tabview-button { + -moz-image-region: rect(0px, 608px, 32px, 576px); } + + #find-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #find-button { + -moz-image-region: rect(0px, 640px, 32px, 608px); } + + #print-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #print-button { + -moz-image-region: rect(0px, 672px, 32px, 640px); } + + #fullscreen-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #fullscreen-button { + -moz-image-region: rect(0px, 704px, 32px, 672px); } + + #developer-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #developer-button { + -moz-image-region: rect(0px, 736px, 32px, 704px); } + + #developer-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 736px, 64px, 704px); } + + #preferences-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #preferences-button { + -moz-image-region: rect(0px, 768px, 32px, 736px); } + + #email-link-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #email-link-button { + -moz-image-region: rect(0, 800px, 32px, 768px); } + + #sidebar-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #sidebar-button { + -moz-image-region: rect(0, 864px, 32px, 832px); } + + #sidebar-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 864px, 64px, 832px); } + + #panic-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #panic-button { + -moz-image-region: rect(0, 896px, 32px, 864px); } + + #panic-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 896px, 64px, 864px); } + + #web-apps-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #web-apps-button { + -moz-image-region: rect(0, 928px, 32px, 896px); } + + #webide-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #webide-button { + -moz-image-region: rect(0px, 960px, 32px, 928px); } + + #pocket-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #pocket-button { + -moz-image-region: rect(0px, 992px, 32px, 960px); } + + #pocket-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(32px, 992px, 64px, 960px); } + + toolbaritem[sdkstylewidget="true"] > toolbarbutton { + -moz-image-region: rect(0, 832px, 32px, 800px); } + + #loop-button[cui-areatype="menu-panel"] > .toolbarbutton-badge-container, + toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container { + list-style-image: url(chrome://browser/skin/loop/menuPanel.png); + -moz-image-region: rect(0, 32px, 32px, 0); } + + /* Make sure that the state icons are not shown in the customization palette. */ + toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 32px, 32px, 0) !important; } + + #loop-button[cui-areatype="menu-panel"][state="disabled"] > .toolbarbutton-badge-container, + #loop-button[cui-areatype="menu-panel"][disabled="true"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 64px, 32px, 32px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 96px, 32px, 64px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 128px, 32px, 96px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 160px, 32px, 128px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 192px, 32px, 160px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 224px, 32px, 192px); } + + /* Wide panel control icons */ + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, + toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton, + toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton { + list-style-image: var(--menupanel-small-list-style-image); } + + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button, + toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button { + -moz-image-region: rect(0px, 32px, 16px, 16px); } + + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button, + toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button { + -moz-image-region: rect(0px, 48px, 16px, 32px); } + + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #paste-button, + toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button { + -moz-image-region: rect(0px, 64px, 16px, 48px); } + + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-out-button, + toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button { + -moz-image-region: rect(0px, 80px, 16px, 64px); } + + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-in-button, + toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button { + -moz-image-region: rect(0px, 96px, 16px, 80px); } + + #add-share-provider { + list-style-image: url(chrome://browser/skin/menuPanel-small.png); + -moz-image-region: rect(0px, 96px, 16px, 80px); } } +/* Menu panel and palette styles */ +@media (min-resolution: 1.1dppx) { + toolbaritem[sdkstylewidget="true"] > toolbarbutton, + :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button) { + list-style-image: var(--menupanel-list-style-image-2x); } + + #home-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #home-button { + -moz-image-region: rect(0px, 256px, 64px, 192px); } + + #bookmarks-menu-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #bookmarks-menu-button { + -moz-image-region: rect(0px, 384px, 64px, 320px); } + + #bookmarks-menu-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 384px, 128px, 320px); } + + #history-panelmenu[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #history-panelmenu { + -moz-image-region: rect(0px, 448px, 64px, 384px); } + + #history-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 448px, 128px, 384px); } + + #downloads-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #downloads-button { + -moz-image-region: rect(0px, 512px, 64px, 448px); } + + #add-ons-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #add-ons-button { + -moz-image-region: rect(0px, 576px, 64px, 512px); } + + #open-file-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #open-file-button { + -moz-image-region: rect(0px, 640px, 64px, 576px); } + + #save-page-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #save-page-button { + -moz-image-region: rect(0px, 704px, 64px, 640px); } + + #sync-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #sync-button { + -moz-image-region: rect(0px, 768px, 64px, 704px); } + + #sync-button[cui-areatype="menu-panel"][status="active"] { + list-style-image: url(chrome://browser/skin/syncProgress-menuPanel@2x.png); + -moz-image-region: rect(0px, 64px, 64px, 0px); } + + #feed-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #feed-button { + -moz-image-region: rect(0px, 832px, 64px, 768px); } + + #feed-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 832px, 128px, 768px); } + + #social-share-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #social-share-button { + -moz-image-region: rect(0px, 896px, 64px, 832px); } + + #characterencoding-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #characterencoding-button { + -moz-image-region: rect(0, 960px, 64px, 896px); } + + #characterencoding-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 960px, 128px, 896px); } + + #new-window-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #new-window-button { + -moz-image-region: rect(0px, 1024px, 64px, 960px); } + + #e10s-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #e10s-button { + -moz-image-region: rect(0px, 1024px, 64px, 960px); } + + #webide-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #webide-button { + -moz-image-region: rect(0px, 1920px, 64px, 1856px); } + + #pocket-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #pocket-button { + -moz-image-region: rect(0px, 1984px, 64px, 1920px); } + + #pocket-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 1984px, 128px, 1920px); } + + #loop-button[cui-areatype="menu-panel"] > .toolbarbutton-badge-container, + toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container { + list-style-image: url(chrome://browser/skin/loop/menuPanel@2x.png); + -moz-image-region: rect(0, 64px, 64px, 0); } + + /* Make sure that the state icons are not shown in the customization palette. */ + toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 64px, 64px, 0) !important; } + + #loop-button[cui-areatype="menu-panel"][state="disabled"] > .toolbarbutton-badge-container, + #loop-button[cui-areatype="menu-panel"][disabled="true"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 128px, 64px, 64px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 192px, 64px, 128px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 256px, 64px, 192px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 320px, 64px, 256px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 384px, 64px, 320px); } + + #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container { + -moz-image-region: rect(0, 448px, 64px, 384px); } + + #new-tab-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #new-tab-button { + -moz-image-region: rect(0px, 1088px, 64px, 1024px); } + + #privatebrowsing-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #privatebrowsing-button { + -moz-image-region: rect(0px, 1152px, 64px, 1088px); } + + #tabview-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #tabview-button { + -moz-image-region: rect(0px, 1216px, 64px, 1152px); } + + #find-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #find-button { + -moz-image-region: rect(0px, 1280px, 64px, 1216px); } + + #print-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #print-button { + -moz-image-region: rect(0px, 1344px, 64px, 1280px); } + + #fullscreen-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #fullscreen-button { + -moz-image-region: rect(0px, 1408px, 64px, 1344px); } + + #developer-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #developer-button { + -moz-image-region: rect(0px, 1472px, 64px, 1408px); } + + #developer-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 1472px, 128px, 1408px); } + + #preferences-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #preferences-button { + -moz-image-region: rect(0px, 1536px, 64px, 1472px); } + + #email-link-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #email-link-button { + -moz-image-region: rect(0px, 1600px, 64px, 1536px); } + + #sidebar-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #sidebar-button { + -moz-image-region: rect(0px, 1728px, 64px, 1664px); } + + #sidebar-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 1728px, 128px, 1664px); } + + #panic-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #panic-button { + -moz-image-region: rect(0, 1792px, 64px, 1728px); } + + #panic-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] { + -moz-image-region: rect(64px, 1792px, 128px, 1728px); } + + #web-apps-button[cui-areatype="menu-panel"], + toolbarpaletteitem[place="palette"] > #web-apps-button { + -moz-image-region: rect(0, 1856px, 64px, 1792px); } + + toolbaritem[sdkstylewidget="true"] > toolbarbutton { + -moz-image-region: rect(0, 1664px, 64px, 1600px); } + + /* Footer and wide panel control icons */ + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton, + toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton, + toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton { + list-style-image: var(--menupanel-small-list-style-image-2x); } + + /* Wide items like the Cut/Copy/Paste and Zoom controls are special in that their icons + are 16x16 when in the panel, but 18x18 when in a toolbar. */ + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton > .toolbarbutton-icon, + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton > .toolbarbutton-icon, + toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-icon, + toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton > .toolbarbutton-icon { + width: 16px; } + + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button, + toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button { + -moz-image-region: rect(0px, 64px, 32px, 32px); } + + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button, + toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button { + -moz-image-region: rect(0px, 96px, 32px, 64px); } + + #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #paste-button, + toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button { + -moz-image-region: rect(0px, 128px, 32px, 96px); } + + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-out-button, + toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button { + -moz-image-region: rect(0px, 160px, 32px, 128px); } + + #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-in-button, + toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button { + -moz-image-region: rect(0px, 192px, 32px, 160px); } } +#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-icon, +#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menu-dropmarker, +#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-dropmarker, +#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +#main-window:not([customizing]) .toolbarbutton-1 > .toolbarbutton-menubutton-button[disabled=true] > .toolbarbutton-icon { + opacity: 0.4; } + +/* Fullscreen window controls */ +#window-controls { + -moz-box-align: start; + -moz-margin-start: 10px; } + +#close-button, #restore-button, #minimize-button { + padding: 2px 4px; + -moz-appearance: none; } + +#close-button { + list-style-image: url("chrome://browser/skin/custom_images/light/window-controls/close.svg"); } + #close-button:hover { + list-style-image: url("chrome://browser/skin/custom_images/light/window-controls/close_prelight.svg"); } + #close-button:active { + list-style-image: url("chrome://browser/skin/custom_images/light/window-controls/close_pressed.svg"); } + +#restore-button { + list-style-image: url("chrome://browser/skin/custom_images/light/window-controls/maximize.svg"); } + #restore-button:hover { + list-style-image: url("chrome://browser/skin/custom_images/light/window-controls/maximize_prelight.svg"); } + #restore-button:active { + list-style-image: url("chrome://browser/skin/custom_images/light/window-controls/maximize_pressed.svg"); } + +#minimize-button { + list-style-image: url("chrome://browser/skin/custom_images/light/window-controls/minimize.svg"); } + #minimize-button:hover { + list-style-image: url("chrome://browser/skin/custom_images/light/window-controls/minimize_prelight.svg"); } + #minimize-button:active { + list-style-image: url("chrome://browser/skin/custom_images/light/window-controls/minimize_pressed.svg"); } + +/* Location bar */ +#urlbar, +.searchbar-textbox { + -moz-appearance: none; + padding: 3px 5px; + border-radius: 20px; + margin: 0 3px; + box-shadow: inset 0 0 rgba(255, 255, 255, 0); + color: #5c616c; + background-color: #ffffff; + border: 1px solid #cfd6e6; } + +#urlbar[focused], +.searchbar-textbox[focused] { + box-shadow: inset 0 0 rgba(255, 255, 255, 0); + color: #5c616c; + background-color: #ffffff; + border: 1px solid #5294E2; } + +.urlbar-textbox-container { + -moz-appearance: none; + -moz-box-align: center; } + +.urlbar-input-box { + -moz-margin-start: 0; } + +.urlbar-history-dropmarker { + -moz-appearance: toolbarbutton-dropdown; } + +#urlbar-container { + -moz-box-align: center; } + +#urlbar-icons { + -moz-box-align: center; } + +#urlbar-search-splitter { + -moz-appearance: none; + width: 8px; } + +#urlbar-display-box { + margin-top: -1px; + margin-bottom: -1px; + -moz-border-end: 1px solid red; + -moz-margin-end: 3px; } + +.urlbar-display { + margin-top: 0; + margin-bottom: 0; + -moz-margin-start: 0; + color: GrayText; } + +#search-container { + min-width: calc(54px + 11ch); } + +/* identity box */ +#identity-box { + padding: 1px; + font-size: .9em; } + +#identity-box:-moz-locale-dir(ltr) { + border-top-left-radius: 1.5px; + border-bottom-left-radius: 1.5px; } + +#identity-box:-moz-locale-dir(rtl) { + border-top-right-radius: 1.5px; + border-bottom-right-radius: 1.5px; } + +#notification-popup-box:not([hidden]) + #identity-box { + border-radius: 0; } + +window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box { + border-radius: 0; } + +/* forward button hiding is delayed when hovered */ +/* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */ +/* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */ +#urlbar[pageproxystate="valid"] > #identity-box.chromeUI, +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity { + -moz-margin-end: 4px; } + +#identity-box.verifiedIdentity:not(:-moz-lwtheme) { + background-color: var(--verified-identity-box-backgroundcolor); } + +#identity-box:-moz-focusring { + outline: 1px dotted #000; + outline-offset: -3px; } + +#identity-icon-labels { + -moz-padding-start: 2px; + -moz-padding-end: 5px; } + +:root { + --identity-box-verified-color: #479900; + --identity-box-verified-background-image: linear-gradient(transparent 15%, rgba(39, 74, 8, 0.2) 15%, rgba(39, 74, 8, 0.2) 85%, transparent 85%); + --identity-box-chrome-color: #e57300; + --identity-box-chrome-background-image: linear-gradient(transparent 15%, rgba(229, 114, 0, 0.5) 15%, rgba(229, 114, 0, 0.5) 85%, transparent 85%); } + +#urlbar[pageproxystate="valid"] > #identity-box.chromeUI, +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity { + background-position: right; + background-size: 1px; + background-repeat: no-repeat; } + +#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:-moz-locale-dir(rtl), +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(rtl) { + background-position: left; } + +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity { + color: var(--identity-box-verified-color); + background-image: var(--identity-box-verified-background-image); } + +#urlbar[pageproxystate="valid"] > #identity-box.chromeUI { + color: var(--identity-box-chrome-color); + background-image: var(--identity-box-chrome-background-image); } + +/* page proxy icon */ +#page-proxy-favicon { + width: 16px; + height: 16px; + list-style-image: url(chrome://browser/skin/identity-icons-generic.png); } + +.chromeUI > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://branding/content/identity-icons-brand.png); } + +.verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https.png); } + +.verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-ev.png); } + +.mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-active.png); } + +.mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display.png); } + +.mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display.png); } + +#page-proxy-favicon[pageproxystate="invalid"] { + opacity: 0.3; } + +#identity-popup.chromeUI > #identity-popup-container > #identity-popup-icon { + list-style-image: url("chrome://branding/content/icon64.png"); } + +#identity-popup-brandName { + font-weight: bold; + font-size: 1.25em; + margin-top: .5em; + margin-bottom: .5em; } + +#identity-popup-content-box { + max-width: 50ch; } + +@media not all and (min-resolution: 1.1dppx) { + #page-proxy-favicon { + -moz-image-region: rect(0, 16px, 16px, 0); } + + #identity-box:hover > #page-proxy-favicon { + -moz-image-region: rect(0, 32px, 16px, 16px); } + + #identity-box:hover:active > #page-proxy-favicon, + #identity-box[open=true] > #page-proxy-favicon { + -moz-image-region: rect(0, 48px, 16px, 32px); } } +@media (min-resolution: 1.1dppx) { + #page-proxy-favicon { + list-style-image: url(chrome://browser/skin/identity-icons-generic@2x.png); + -moz-image-region: rect(0, 32px, 32px, 0); } + + .chromeUI > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://branding/content/identity-icons-brand@2x.png); } + + .verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https@2x.png); } + + .verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-ev@2x.png); } + + .mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-active@2x.png); } + + .mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display@2x.png); } + + .mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display@2x.png); } + + #identity-box:hover > #page-proxy-favicon { + -moz-image-region: rect(0, 64px, 32px, 32px); } + + #identity-box:hover:active > #page-proxy-favicon, + #identity-box[open=true] > #page-proxy-favicon { + -moz-image-region: rect(0, 96px, 32px, 64px); } + + #identity-popup.chromeUI > #identity-popup-container > #identity-popup-icon { + list-style-image: url("chrome://branding/content/icon128.png"); + -moz-image-region: rect(0, 128px, 128px, 0); } } +#page-proxy-favicon { + margin-top: 1px; + margin-bottom: 1px; + -moz-margin-start: 3px; + -moz-margin-end: 1px; } + +/* Identity popup icons */ +#identity-popup-icon { + height: 64px; + width: 64px; + padding: 0; + list-style-image: url("chrome://browser/skin/identity.png"); + -moz-image-region: rect(0px, 64px, 64px, 0px); } + +#identity-popup.verifiedDomain > #identity-popup-container > #identity-popup-icon { + -moz-image-region: rect(64px, 64px, 128px, 0px); } + +#identity-popup.verifiedIdentity > #identity-popup-container > #identity-popup-icon { + -moz-image-region: rect(128px, 64px, 192px, 0px); } + +/* Identity popup body text */ +.identity-popup-description { + white-space: pre-wrap; + -moz-padding-start: 15px; + margin: 2px 0 4px; } + +.identity-popup-label { + white-space: pre-wrap; + -moz-padding-start: 15px; + margin: 0; } + +#identity-popup-content-host, +#identity-popup-content-owner { + font-weight: bold; + max-width: 300px; } + +#identity-popup-content-host, +#identity-popup-content-box.verifiedIdentity > #identity-popup-content-owner { + font-size: 140%; } + +#identity-popup-content-owner { + margin-bottom: 0 !important; } + +#identity-popup-content-verifier { + margin: 4px 0 2px; } + +#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption, +#identity-popup-content-box.verifiedDomain > #identity-popup-encryption { + margin-top: 10px; + -moz-margin-start: -18px; } + +#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption > vbox > #identity-popup-encryption-icon, +#identity-popup-content-box.verifiedDomain > #identity-popup-encryption > vbox > #identity-popup-encryption-icon { + list-style-image: url("chrome://browser/skin/Secure.png"); } + +#identity-popup-help-icon { + -moz-appearance: none; + margin-left: 0px; + border: none; + background: none; + min-width: 0; + list-style-image: url("moz-icon://stock/gtk-dialog-question?size=16"); + cursor: pointer; } + +#identity-popup-help-icon > .button-box > .button-text { + display: none; } + +#identity-popup-help-icon > .button-box > .button-icon { + height: 16px; + width: 16px; } + +#identity-popup-help-icon:-moz-focusring { + outline: 1px dotted; + outline-offset: 1px; } + +#identity-popup > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0; } + +#identity-popup-container { + min-width: 280px; + padding: 10px; } + +#identity-popup-button-container { + background: linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 60%, transparent); + padding: 10px; + margin-top: 5px; } + +.popup-notification-icon { + width: 64px; + height: 64px; + -moz-margin-end: 10px; } + +.popup-notification-icon[popupid="geolocation"] { + list-style-image: url(chrome://browser/skin/Geolocation-64.png); } + +.popup-notification-icon[popupid="push"] { + list-style-image: url(chrome://browser/skin/Push-64.png); } + +.popup-notification-icon[popupid="xpinstall-disabled"], +.popup-notification-icon[popupid="addon-progress"], +.popup-notification-icon[popupid="addon-install-blocked"], +.popup-notification-icon[popupid="addon-install-failed"], +.popup-notification-icon[popupid="addon-install-confirmation"], +.popup-notification-icon[popupid="addon-install-complete"] { + list-style-image: url(chrome://mozapps/skin/extensions/extensionGeneric.png); + width: 32px; + height: 32px; } + +.popup-notification-icon[popupid="click-to-play-plugins"] { + list-style-image: url(chrome://mozapps/skin/plugins/pluginBlocked-64.png); } + +.popup-notification-icon[popupid="web-notifications"] { + list-style-image: url(chrome://browser/skin/notification-64.png); } + +.popup-notification-icon[popupid="indexedDB-permissions-prompt"], +.popup-notification-icon[popupid*="offline-app-requested"], +.popup-notification-icon[popupid="offline-app-usage"] { + list-style-image: url(chrome://global/skin/icons/question-64.png); } + +.popup-notification-icon[popupid="password"] { + list-style-image: url(chrome://mozapps/skin/passwordmgr/key-64.png); } + +.popup-notification-icon[popupid="webapps-install-progress"], +.popup-notification-icon[popupid="webapps-install"] { + list-style-image: url(chrome://global/skin/icons/webapps-64.png); } + +.popup-notification-icon[popupid="bad-content"] { + list-style-image: url(chrome://browser/skin/bad-content-blocked-64.png); } + +.popup-notification-icon[popupid="bad-content"][mixedblockdisabled], +.popup-notification-icon[popupid="bad-content"][trackingblockdisabled] { + list-style-image: url(chrome://browser/skin/bad-content-unblocked-64.png); } + +.popup-notification-icon[popupid="webRTC-sharingDevices"], +.popup-notification-icon[popupid="webRTC-shareDevices"] { + list-style-image: url(chrome://browser/skin/webRTC-shareDevice-64.png); } + +.popup-notification-icon[popupid="webRTC-sharingMicrophone"], +.popup-notification-icon[popupid="webRTC-shareMicrophone"] { + list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-64.png); } + +.popup-notification-icon[popupid="webRTC-sharingScreen"], +.popup-notification-icon[popupid="webRTC-shareScreen"] { + list-style-image: url(chrome://browser/skin/webRTC-shareScreen-64.png); } + +.popup-notification-icon[popupid="pointerLock"] { + list-style-image: url(chrome://browser/skin/pointerLock-64.png); } + +/* Notification icon box */ +#notification-popup-box { + position: relative; + background-color: transparent; + background-clip: padding-box; + padding-left: 1px; + border-width: 0 8px 0 0; + border-style: solid; + border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 fill; } + +#notification-popup-box:-moz-locale-dir(rtl), +.notification-anchor-icon:-moz-locale-dir(rtl) { + transform: scaleX(-1); } + +.notification-anchor-icon { + list-style-image: url(moz-icon://stock/gtk-dialog-info?size=16); + width: 16px; + height: 16px; + margin: 0 2px; } + +.identity-notification-icon, +#identity-notification-icon { + list-style-image: url(chrome://mozapps/skin/profile/profileicon.png); + /* XXX: need HiDPI version */ } + +.geo-notification-icon, +#geo-notification-icon { + list-style-image: url(chrome://browser/skin/Geolocation-16.png); } + +#push-notification-icon { + list-style-image: url(chrome://browser/skin/Push-16.png); } + +#addons-notification-icon { + list-style-image: url(chrome://mozapps/skin/extensions/extensionGeneric-16.png); } + +.indexedDB-notification-icon, +#indexedDB-notification-icon { + list-style-image: url(chrome://global/skin/icons/question-16.png); } + +#password-notification-icon { + list-style-image: url(chrome://mozapps/skin/passwordmgr/key-16.png); } + +.webapps-notification-icon, +#webapps-notification-icon { + list-style-image: url(chrome://global/skin/icons/webapps-16.png); } + +#plugins-notification-icon { + list-style-image: url(chrome://browser/skin/notification-pluginNormal.png); } + +#plugins-notification-icon.plugin-hidden { + list-style-image: url(chrome://browser/skin/notification-pluginAlert.png); } + +#plugins-notification-icon.plugin-blocked { + list-style-image: url(chrome://browser/skin/notification-pluginBlocked.png); } + +#plugins-notification-icon { + -moz-image-region: rect(0, 16px, 16px, 0); } + +#plugins-notification-icon:hover { + -moz-image-region: rect(0, 32px, 16px, 16px); } + +#plugins-notification-icon:active { + -moz-image-region: rect(0, 48px, 16px, 32px); } + +#notification-popup-box[hidden] { + /* Override display:none to make the pluginBlockedNotification animation work + when showing the notification repeatedly. */ + display: -moz-box; + visibility: collapse; } + +#plugins-notification-icon.plugin-blocked[showing] { + animation: pluginBlockedNotification 500ms ease 0s 5 alternate both; } + +@keyframes pluginBlockedNotification { + from { + opacity: 0; } + to { + opacity: 1; } } +.bad-content-blocked-notification-icon, +#bad-content-blocked-notification-icon { + list-style-image: url(chrome://browser/skin/bad-content-blocked-16.png); } + +.bad-content-unblocked-notification-icon, +#bad-content-unblocked-notification-icon { + list-style-image: url(chrome://browser/skin/bad-content-unblocked-16.png); } + +.webRTC-shareDevices-notification-icon, +#webRTC-shareDevices-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareDevice-16.png); } + +.webRTC-sharingDevices-notification-icon, +#webRTC-sharingDevices-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingDevice-16.png); } + +.webRTC-shareMicrophone-notification-icon, +#webRTC-shareMicrophone-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16.png); } + +.webRTC-sharingMicrophone-notification-icon, +#webRTC-sharingMicrophone-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16.png); } + +.webRTC-shareScreen-notification-icon, +#webRTC-shareScreen-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16.png); } + +.webRTC-sharingScreen-notification-icon, +#webRTC-sharingScreen-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16.png); } + +.web-notifications-notification-icon, +#web-notifications-notification-icon { + list-style-image: url(chrome://browser/skin/notification-16.png); } + +.pointerLock-notification-icon, +#pointerLock-notification-icon { + list-style-image: url(chrome://browser/skin/pointerLock-16.png); } + +.translate-notification-icon, +#translate-notification-icon { + list-style-image: url(chrome://browser/skin/translation-16.png); + -moz-image-region: rect(0px, 16px, 16px, 0px); } + +.translated-notification-icon, +#translated-notification-icon { + list-style-image: url(chrome://browser/skin/translation-16.png); + -moz-image-region: rect(0px, 32px, 16px, 16px); } + +.popup-notification-icon[popupid="servicesInstall"] { + list-style-image: url(chrome://browser/skin/social/services-64.png); } + +#servicesInstall-notification-icon { + list-style-image: url(chrome://browser/skin/social/services-16.png); } + +/* EME notifications */ +.popup-notification-icon[popupid="drmContentPlaying"], +#eme-notification-icon { + list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); } + +#eme-notification-icon:hover:active { + list-style-image: url("chrome://browser/skin/drm-icon.svg#chains-pressed"); } + +#eme-notification-icon[firstplay=true] { + animation: emeTeachingMoment 0.2s linear 0s 5 normal; } + +@keyframes emeTeachingMoment { + 0% { + transform: translateX(0); } + 25% { + transform: translateX(3px); } + 75% { + transform: translateX(-3px); } + 100% { + transform: translateX(0); } } +/* HiDPI notification icons */ +@media (min-resolution: 1.1dppx) { + #notification-popup-box { + border-image: url("chrome://browser/skin/urlbar-arrow@2x.png") 0 16 0 0 fill; } + + .notification-anchor-icon { + list-style-image: url(moz-icon://stock/gtk-dialog-info?size=dialog); } + + .webRTC-shareDevices-notification-icon, + #webRTC-shareDevices-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareDevice-16@2x.png); } + + .webRTC-sharingDevices-notification-icon, + #webRTC-sharingDevices-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingDevice-16@2x.png); } + + .webRTC-shareMicrophone-notification-icon, + #webRTC-shareMicrophone-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16@2x.png); } + + .webRTC-sharingMicrophone-notification-icon, + #webRTC-sharingMicrophone-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16@2x.png); } + + .webRTC-shareScreen-notification-icon, + #webRTC-shareScreen-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16@2x.png); } + + .webRTC-sharingScreen-notification-icon, + #webRTC-sharingScreen-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16@2x.png); } + + .popup-notification-icon[popupid="webRTC-sharingDevices"], + .popup-notification-icon[popupid="webRTC-shareDevices"] { + list-style-image: url(chrome://browser/skin/webRTC-shareDevice-64@2x.png); } + + .popup-notification-icon[popupid="webRTC-sharingMicrophone"], + .popup-notification-icon[popupid="webRTC-shareMicrophone"] { + list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-64@2x.png); } + + .popup-notification-icon[popupid="webRTC-sharingScreen"], + .popup-notification-icon[popupid="webRTC-shareScreen"] { + list-style-image: url(chrome://browser/skin/webRTC-shareScreen-64@2x.png); } } +.popup-notification-body[popupid="addon-progress"], +.popup-notification-body[popupid="addon-install-confirmation"] { + width: 28em; + max-width: 28em; } + +.addon-install-confirmation-name { + font-weight: bold; } + +/* Notification icon box */ +#notification-popup-box { + border-radius: 2.5px 0 0 2.5px; + margin-top: -1px; + margin-bottom: -1px; } + +.notification-anchor-icon:-moz-focusring { + outline: 1px dotted -moz-DialogText; } + +.indexedDB-notification-icon, +#indexedDB-notification-icon { + list-style-image: url(moz-icon://stock/gtk-dialog-question?size=16); } + +#pointerLock-cancel { + margin: 0px; } + +/* Translation infobar */ +notification[value="translation"] .messageImage { + list-style-image: url(chrome://browser/skin/translation-16.png); + -moz-image-region: rect(0, 32px, 16px, 16px); } + +@media (min-resolution: 1.25dppx) { + notification[value="translation"] .messageImage { + list-style-image: url(chrome://browser/skin/translation-16@2x.png); + -moz-image-region: rect(0, 64px, 32px, 32px); } } +notification[value="translation"][state="translating"] .messageImage { + list-style-image: url(chrome://browser/skin/translating-16.png); + -moz-image-region: auto; } + +@media (min-resolution: 1.25dppx) { + notification[value="translation"][state="translating"] .messageImage { + list-style-image: url(chrome://browser/skin/translating-16@2x.png); } } +notification[value="translation"] hbox[anonid="details"] { + overflow: hidden; } + +notification[value="translation"] button, +notification[value="translation"] menulist { + -moz-appearance: none; + border-width: 1px; + -moz-border-top-colors: none; + -moz-border-right-colors: none; + -moz-border-bottom-colors: none; + -moz-border-left-colors: none; + border-radius: 2px; + min-width: 0; + box-shadow: 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(255, 255, 255, 0.5) inset; } + +notification[value="translation"] menulist > .menulist-dropmarker { + -moz-appearance: toolbarbutton-dropdown; + border: none; + background-color: transparent; + margin: auto; + padding: 5px 0; } + +.translation-menupopup arrowscrollbox { + padding-bottom: 0; } + +.translation-attribution { + cursor: pointer; + -moz-box-align: end; + font-size: small; } + +.translation-attribution > label { + margin-bottom: 0; } + +.translation-attribution > image { + width: 70px; } + +.translation-welcome-panel { + width: 305px; } + +.translation-welcome-logo { + height: 32px; + width: 32px; + list-style-image: url(chrome://browser/skin/translation-16@2x.png); + -moz-image-region: rect(0, 64px, 32px, 32px); } + +.translation-welcome-content { + -moz-margin-start: 16px; } + +.translation-welcome-headline { + font-size: larger; + font-weight: bold; } + +.translation-welcome-body { + padding: 1em 0; + margin: 0 0; } + +notification[value="translation"] { + min-height: 40px; } + +notification[value="translation"], +notification[value="translation"] button, +notification[value="translation"] menulist { + min-height: 30px; + color: #5A5959; } + +notification[value="translation"] { + background-color: #F2F1F0; } + +notification[value="translation"] button, +notification[value="translation"] menulist { + -moz-padding-end: 1ch; } + +notification[value="translation"] menulist { + border: 1px solid #C1C1C1; + background-color: #FFF; } + +notification[value="translation"] button { + border: 1px solid #C1C1C1; + background-color: #F2F1F0; } + +notification[value="translation"] button, +notification[value="translation"] menulist, +notification[value="translation"] menulist > .menulist-label-box { + -moz-margin-start: 1ch; + -moz-margin-end: 1ch; } + +notification[value="translation"] button:hover, +notification[value="translation"] button:active, +notification[value="translation"] menulist:hover, +notification[value="translation"] menulist:active { + background-color: #E2E1E0; } + +notification[value="translation"] button[anonid="translate"] { + color: #FFF; + background-image: linear-gradient(#9FB938, #8DA726); + box-shadow: none; + border: 1px solid #829C1C; } + +notification[value="translation"] button[anonid="translate"]:hover, +notification[value="translation"] button[anonid="translate"]:active { + background-image: linear-gradient(#8DA726, #8DA726); } + +notification[value="translation"] button > .button-box, +notification[value="translation"] button[type="menu"] > .button-box > .button-menu-dropmarker { + padding: 0; + -moz-margin-start: 3ch; } + +notification[value="translation"] button:not([type="menu"]) > .button-box { + -moz-margin-end: 3ch; } + +notification[value="translation"] menulist > .menulist-dropmarker { + display: block; } + +/* Loop/ Hello browser styles */ +notification[value="loop-sharing-notification"] .button-menubutton-button { + min-width: 0; } + +notification[value="loop-sharing-notification"] .messageImage { + list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16.png); } + +#treecolAutoCompleteImage { + max-width: 36px; } + +.ac-result-type-bookmark, +.autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) { + list-style-image: url("chrome://browser/skin/places/star-icons.png"); + -moz-image-region: rect(0px 32px 16px 16px); + width: 16px; + height: 16px; } + +.ac-result-type-keyword, +.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage), +richlistitem[type~="action"][actiontype="searchengine"] > .ac-title-box > .ac-site-icon { + list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon); + width: 16px; + height: 16px; } + +.ac-result-type-keyword[selected="true"], +.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage, selected), +richlistitem[type~="action"][actiontype="searchengine"][selected="true"] > .ac-title-box > .ac-site-icon { + list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon-inverted); } + +.ac-result-type-tag, +.autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) { + list-style-image: url("chrome://browser/skin/places/tag.png"); + width: 16px; + height: 16px; } + +.ac-comment { + font-size: 1.05em; } + +.ac-extra > .ac-comment { + font-size: inherit; } + +.ac-url-text, +.ac-action-text { + color: -moz-nativehyperlinktext; + font-size: 0.9em; } + +richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-icon { + list-style-image: url("chrome://browser/skin/actionicon-tab.png"); + padding: 0 3px; } + +.autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) { + color: GrayText; } + +.ac-comment[selected="true"], +.ac-url-text[selected="true"], +.ac-action-text[selected="true"] { + color: inherit !important; } + +.autocomplete-treebody::-moz-tree-cell-text(suggesthint, treecolAutoCompleteComment), +.autocomplete-treebody::-moz-tree-cell-text(suggestfirst, treecolAutoCompleteComment) { + color: GrayText; + font-size: smaller; } + +.autocomplete-treebody::-moz-tree-cell(suggesthint) { + border-top: 1px solid GrayText; } + +/* Combined go/reload/stop button in location bar */ +#urlbar > toolbarbutton { + -moz-appearance: none; + padding: 0 2px; + list-style-image: url("chrome://browser/skin/reload-stop-go.png"); } + +#urlbar-reload-button { + -moz-image-region: rect(0, 14px, 14px, 0); } + +#urlbar-reload-button:not([disabled]):hover { + background-image: radial-gradient(circle closest-side, rgba(102, 204, 255, 0.2), transparent); + -moz-image-region: rect(14px, 14px, 28px, 0); } + +#urlbar-reload-button:not([disabled]):hover:active { + background-image: radial-gradient(circle closest-side, rgba(51, 187, 255, 0.1), transparent); + -moz-image-region: rect(28px, 14px, 42px, 0); } + +#urlbar-reload-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); } + +#urlbar-go-button { + -moz-image-region: rect(0, 42px, 14px, 28px); } + +#urlbar-go-button:hover { + background-image: radial-gradient(circle closest-side, rgba(68, 217, 38, 0.2), transparent); + -moz-image-region: rect(14px, 42px, 28px, 28px); } + +#urlbar-go-button:hover:active { + background-image: radial-gradient(circle closest-side, rgba(68, 217, 38, 0.1), transparent); + -moz-image-region: rect(28px, 42px, 42px, 28px); } + +#urlbar-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); } + +#urlbar-stop-button { + -moz-image-region: rect(0, 28px, 14px, 14px); } + +#urlbar-stop-button:not([disabled]):hover { + background-image: radial-gradient(circle closest-side, rgba(255, 138, 128, 0.3), transparent); + -moz-image-region: rect(14px, 28px, 28px, 14px); } + +#urlbar-stop-button:hover:active { + background-image: radial-gradient(circle closest-side, rgba(255, 138, 128, 0.1), transparent); + -moz-image-region: rect(28px, 28px, 42px, 14px); } + +@media (min-resolution: 1.1dppx) { + #urlbar > toolbarbutton { + list-style-image: url("chrome://browser/skin/reload-stop-go@2x.png"); } + + #urlbar-go-button { + -moz-image-region: rect(0, 84px, 28px, 56px); } + + #urlbar-go-button:hover { + -moz-image-region: rect(28px, 84px, 56px, 56px); } + + #urlbar-go-button:hover:active { + -moz-image-region: rect(56px, 84px, 84px, 56px); } + + #urlbar-reload-button { + -moz-image-region: rect(0, 28px, 28px, 0); } + + #urlbar-reload-button:not([disabled]):hover { + -moz-image-region: rect(28px, 28px, 56px, 0); } + + #urlbar-reload-button:not([disabled]):hover:active { + -moz-image-region: rect(56px, 28px, 84px, 0); } + + #urlbar-stop-button { + -moz-image-region: rect(0, 56px, 28px, 28px); } + + #urlbar-stop-button:not([disabled]):hover { + -moz-image-region: rect(28px, 56px, 56px, 28px); } + + #urlbar-stop-button:hover:active { + -moz-image-region: rect(56px, 56px, 84px, 28px); } + + #urlbar > toolbarbutton > .toolbarbutton-icon { + width: 14px; } } +/* Popup blocker button */ +#page-report-button { + list-style-image: url("chrome://browser/skin/Info.png"); } + +/* Reading List button */ +#urlbar:not([focused]):not(:hover) #readinglist-addremove-button { + opacity: 0; + width: 0px; } + +#readinglist-addremove-button { + list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage"); + -moz-image-region: rect(0, 14px, 14px, 0); + transition: width 150ms ease-in-out, opacity 150ms ease-in-out 150ms; + opacity: 1; + width: 20px; } + +#readinglist-addremove-button:hover { + list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage-hover"); } + +#readinglist-addremove-button:active { + list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage-active"); } + +#readinglist-addremove-button[already-added="true"] { + list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded"); } + +#readinglist-addremove-button[already-added="true"]:hover { + list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded-hover"); } + +#readinglist-addremove-button[already-added="true"]:active { + list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded-active"); } + +/* Reader mode button */ +#reader-mode-button { + list-style-image: url("chrome://browser/skin/readerMode.svg"); + -moz-image-region: rect(0, 16px, 16px, 0); } + +#reader-mode-button:hover, +#reader-mode-button[readeractive]:hover { + -moz-image-region: rect(0, 32px, 16px, 16px); } + +#reader-mode-button:hover:active, +#reader-mode-button[readeractive] { + -moz-image-region: rect(0, 48px, 16px, 32px); } + +/* social share panel */ +.social-share-frame { + border-top: 1px solid #f8f8f8; + width: 756px; + height: 150px; } + +#share-container { + min-width: 756px; + background-color: white; + background-repeat: no-repeat; + background-position: center center; } + +#share-container[loading] { + background-image: url(chrome://browser/skin/tabbrowser/pendingpaint.png); } + +#share-container > browser { + transition: opacity 150ms ease-in-out; + opacity: 1; } + +#share-container[loading] > browser { + opacity: 0; } + +.social-share-toolbar { + border-bottom: 1px solid #dedede; + padding: 2px; } + +#social-share-provider-buttons { + padding: 0; + margin: 0; } + +.share-provider-button { + padding: 5px; + margin: 2px; } + +.share-provider-button > .toolbarbutton-text { + display: none; } + +.share-provider-button > .toolbarbutton-icon { + width: 16px; + min-height: 16px; + max-height: 16px; } + +/* social recommending panel */ +#social-mark-button { + -moz-image-region: rect(0, 16px, 16px, 0); } + +/* bookmarks menu-button */ +#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker { + -moz-appearance: none !important; + -moz-box-align: center; } + +#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-icon, +#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menu-dropmarker, +#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker, +#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-button[disabled] > .toolbarbutton-icon { + opacity: .4; } + +#BMB_bookmarksPopup[side="top"], +#BMB_bookmarksPopup[side="bottom"] { + margin-left: -16px; + margin-right: -16px; } + +#BMB_bookmarksPopup[side="left"], +#BMB_bookmarksPopup[side="right"] { + margin-top: -16px; + margin-bottom: -16px; } + +#nav-bar .toolbarbutton-1 > menupopup[side="top"].cui-widget-panel, +#nav-bar .toolbarbutton-1 > menupopup[side="bottom"].cui-widget-panel { + margin-top: -4px; } + +/* Bookmarking panel */ +#editBookmarkPanelStarIcon { + list-style-image: url("chrome://browser/skin/places/starred48.png"); + width: 48px; + height: 48px; } + +#editBookmarkPanelStarIcon[unstarred] { + list-style-image: url("chrome://browser/skin/places/unstarred48.png"); } + +#editBookmarkPanelTitle { + font-size: 130%; } + +#editBookmarkPanelHeader, +#editBookmarkPanelContent { + margin-bottom: .5em; } + +/* Implements editBookmarkPanel resizing on folderTree un-collapse. */ +#editBMPanel_folderTree { + min-width: 27em; } + +.panel-promo-box { + margin: 8px -10px -10px -10px; + padding: 8px 10px; + border-top: 1px solid ThreeDShadow; + background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.08) 6px); } + +.panel-promo-icon { + list-style-image: url("chrome://browser/skin/sync-notification-24.png"); + -moz-margin-end: 10px; + vertical-align: middle; } + +.panel-promo-closebutton { + -moz-appearance: none; + height: 16px; + width: 16px; } + +.panel-promo-closebutton > .toolbarbutton-text { + padding: 0; } + +/* Content area */ +#sidebar { + background-color: Window; } + +/* Findbar */ +.browserContainer > findbar { + background-color: -moz-dialog; + color: -moz-DialogText; + border-top: 1px solid; + -moz-border-top-colors: #dcdfe3; + text-shadow: none; } + +.browserContainer > findbar .findbar-textbox { + -moz-appearance: none; + border: 1px solid #cfd6e6; + box-shadow: none; + margin: 0; + padding: 5px; + width: 14em; } + .browserContainer > findbar .findbar-textbox[focused="true"] { + border-color: #5294E2; } + .browserContainer > findbar .findbar-textbox:-moz-locale-dir(ltr) { + border-radius: 20px 0 0 20px; + border-right-width: 0; } + .browserContainer > findbar .findbar-textbox:-moz-locale-dir(rtl) { + border-radius: 0 20px 20px 0; + border-left-width: 0; } + +.browserContainer > findbar .findbar-find-previous, +.browserContainer > findbar .findbar-find-next { + background: #fbfbfc; + border: 1px solid #cfd6e6; + box-shadow: none; } + +.browserContainer > findbar .findbar-find-previous { + border-right-width: 0; } + +.browserContainer > findbar .findbar-find-previous:focus, +.browserContainer > findbar .findbar-find-next:focus { + border-color: #5294E2; + box-shadow: none; } + +.browserContainer > findbar .findbar-find-previous:not([disabled]):active, +.browserContainer > findbar .findbar-find-next:not([disabled]):active { + background: #5294E2; + border-color: #5294E2; + box-shadow: none; } + +/* Tabstrip */ +:root { + --tab-toolbar-navbar-overlap: 1px; + --tab-min-height: 31px; } + +#TabsToolbar { + --tab-separator-image: url(chrome://browser/skin/tabbrowser/tab-separator.png); + --tab-separator-size: 3px 100%; + --tab-separator-opacity: 1; } + +/* image preloading hack */ +#tabbrowser-tabs::before { + /* Because of bug 853415, we need to ordinal this to the first position: */ + -moz-box-ordinal-group: 0; + content: ''; + display: block; } + +#tabbrowser-tabs { + min-height: var(--tab-min-height); } + +.tabbrowser-tab, +.tabs-newtab-button { + -moz-appearance: none; + background-color: transparent; + border-radius: 0; + border-width: 0; + margin: 0; + padding: 0; } + +.tabbrowser-tab { + -moz-box-align: stretch; } + +/* The selected tab should appear above adjacent tabs, .tabs-newtab-button and the highlight of #nav-bar */ +.tabbrowser-tab[visuallyselected=true] { + position: relative; + z-index: 2; } + +.tab-background-middle { + -moz-box-flex: 1; + background-clip: padding-box; + border-left: 15px solid transparent; + border-right: 15px solid transparent; + margin: 0 -15px; } + +.tab-content { + -moz-padding-end: 9px; + -moz-padding-start: 9px; } + +.tab-content[pinned] { + -moz-padding-end: 3px; } + +.tab-throbber, +.tab-icon-image, +.tab-close-button { + margin-top: 1px; } + +.tab-throbber, +.tab-icon-image { + height: 16px; + width: 16px; + -moz-margin-end: 6px; } + +.tab-icon-image { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); } + +.tab-icon-overlay { + width: 16px; + height: 16px; + margin-top: 10px; + -moz-margin-start: -16px; + display: none; } + +.tab-icon-overlay[crashed] { + display: -moz-box; + list-style-image: url("chrome://browser/skin/tabbrowser/crashed.svg"); } + +.tab-throbber[busy] { + list-style-image: url("chrome://browser/skin/tabbrowser/connecting.png"); } + +.tab-throbber[progress] { + list-style-image: url("chrome://browser/skin/tabbrowser/loading.png"); } + +.tab-label { + -moz-margin-end: 0; + -moz-margin-start: 0; } + +.tab-close-button { + -moz-margin-start: 4px; + -moz-margin-end: -2px; + padding: 0; } + +.tab-background, +.tabs-newtab-button { + /* overlap the tab curves */ + -moz-margin-end: -15px; + -moz-margin-start: -15px; } + +.tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox { + -moz-padding-end: 15px; + -moz-padding-start: 15px; } + +/* Tab Overflow */ +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]), +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) { + background-image: url(chrome://browser/skin/custom_images/light/tabs/tab-overflow-indicator.png); + background-size: 100% 100%; + width: 14px; + margin-bottom: var(--tab-toolbar-navbar-overlap); + pointer-events: none; + position: relative; + z-index: 3; + /* the selected tab's z-index + 1 */ } + +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:-moz-locale-dir(rtl), +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:-moz-locale-dir(ltr) { + transform: scaleX(-1); } + +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]) { + -moz-margin-start: -2px; + -moz-margin-end: -12px; } + +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) { + -moz-margin-start: -12px; + -moz-margin-end: -2px; } + +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator[collapsed], +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator[collapsed] { + opacity: 0; } + +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator, +.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator { + transition: opacity 150ms ease; } + +.tab-background-start[visuallyselected=true]::after, +.tab-background-start[visuallyselected=true]::before, +.tab-background-start, +.tab-background-end, +.tab-background-end[visuallyselected=true]::after, +.tab-background-end[visuallyselected=true]::before { + min-height: var(--tab-min-height); + width: 30px; } + +.tabbrowser-tab:not([visuallyselected=true]), +.tabbrowser-tab:-moz-lwtheme { + color: inherit; } + +.tabbrowser-tab:not([selected="true"]) { + color: rgba(82, 93, 118, 0.6); } + +/* Selected tab */ +/* + Tab background pseudo-elements which are positioned above .tab-background-start/end: + - ::before - provides the fill of the tab curve and is clipped to the tab shape. This is where + pointer events go for the curve. + - ::after - provides the border/stroke of the tab curve and is overlayed above ::before. Pointer + events go through to ::before to get the proper shape. + */ +.tab-background-start[visuallyselected=true]::after, +.tab-background-end[visuallyselected=true]::after { + /* position ::after on top of its parent */ + -moz-margin-start: -30px; + background-size: 100% 100%; + content: ""; + display: -moz-box; + position: relative; } + +.tab-background-start[visuallyselected=true]::before, +.tab-background-end[visuallyselected=true]::before { + /* all ::before pseudo elements */ + content: ""; + display: -moz-box; } + +.tab-background-start[visuallyselected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before, +.tab-background-end[visuallyselected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before { + background-image: url(chrome://browser/skin/custom_images/light/tabs/tab-start.svg); + background-size: 100% 100%; } + +.tab-background-end[visuallyselected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before, +.tab-background-start[visuallyselected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before { + background-image: url(chrome://browser/skin/custom_images/light/tabs/tab-end.svg); + background-size: 100% 100%; } + +/* For lightweight themes, clip the header image on start, middle, and end. */ +.tab-background-start[visuallyselected=true]:-moz-locale-dir(ltr):-moz-lwtheme::before, +.tab-background-end[visuallyselected=true]:-moz-locale-dir(rtl):-moz-lwtheme::before { + clip-path: url(chrome://browser/content/browser.xul#tab-curve-clip-path-start); } + +.tab-background-end[visuallyselected=true]:-moz-locale-dir(ltr):-moz-lwtheme::before, +.tab-background-start[visuallyselected=true]:-moz-locale-dir(rtl):-moz-lwtheme::before { + clip-path: url(chrome://browser/content/browser.xul#tab-curve-clip-path-end); } + +.tab-background-middle[visuallyselected=true] { + background-clip: padding-box, padding-box, content-box; + background-color: transparent; + background-image: url(chrome://browser/skin/custom_images/light/tabs/tab-middle.svg); + background-repeat: repeat-x; + background-size: auto 100%; + /* The padding-top combined with background-clip: content-box (the bottom-most) ensure the + background-color doesn't extend above the top border. */ + padding-top: 2px; } + +/* Selected tab lightweight theme styles. + See browser-lightweightTheme.css for information about run-time changes to LWT styles. */ +.tab-background-middle[visuallyselected=true]:-moz-lwtheme { + background-color: transparent; + background-image: url(chrome://browser/skin/tabbrowser/tab-active-middle.png), linear-gradient(transparent 0px, transparent 2px, rgba(255, 255, 255, 0.35) 2px, rgba(255, 255, 255, 0.35) 3px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0.65) 4px, rgba(255, 255, 255, 0.3)); + /*, +lwtHeader;*/ + /* Don't stretch the LWT header images */ + background-size: auto 100%, auto 100%, auto auto; } + +/* These LWT styles are normally overridden by browser-lightweightTheme.css */ +.tab-background-start[visuallyselected=true]:-moz-lwtheme::before, +.tab-background-end[visuallyselected=true]:-moz-lwtheme::before { + background-image: linear-gradient(transparent 0px, transparent 2px, rgba(255, 255, 255, 0.35) 2px, rgba(255, 255, 255, 0.35) 3px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0.65) 4px, rgba(255, 255, 255, 0.3)); } + +.tab-background-start[visuallyselected=true]:-moz-lwtheme::before, +.tab-background-end[visuallyselected=true]:-moz-lwtheme::before, +.tab-background-middle[visuallyselected=true]:-moz-lwtheme { + background-color: transparent; } + +/* End selected tab */ +/* new tab button border and gradient on hover */ +.tabbrowser-tab:hover > .tab-stack > .tab-background:not([visuallyselected=true]), +.tabs-newtab-button:hover { + background-image: url(chrome://browser/skin/custom_images/light/tabs/tab-start-hover.svg), url(chrome://browser/skin/custom_images/light/tabs/tab-middle-hover.svg), url(chrome://browser/skin/custom_images/light/tabs/tab-end-hover.svg); + background-position: left bottom, 30px bottom, right bottom; + background-repeat: no-repeat; + background-size: 30px 100%, calc(100% - (2 * 30px)) 100%, 30px 100%; } + +/* Tab pointer-events */ +.tabbrowser-tab { + pointer-events: none; } + +.tab-background-middle, +.tabs-newtab-button, +.tab-close-button { + pointer-events: auto; } + +/* Pinned tabs */ +/* Pinned tab separators need position: absolute when positioned (during overflow). */ +#tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned]::before { + height: 100%; + position: absolute; } + +.tabbrowser-tab[pinned][titlechanged]:not([visuallyselected="true"]) > .tab-stack > .tab-content { + background-image: radial-gradient(farthest-corner at center bottom, white 3%, rgba(186, 221, 251, 0.75) 20%, rgba(127, 179, 255, 0.25) 40%, transparent 70%); + background-position: center bottom var(--tab-toolbar-navbar-overlap); + background-repeat: no-repeat; + background-size: 85% 100%; } + +/* New tab button */ +.tabs-newtab-button { + width: calc(36px + 30px); } + +#tabbrowser-tabs { + /* override the global style to allow the selected tab to be above the nav-bar */ + z-index: auto; } + +#TabsToolbar { + min-height: 0; + padding: 0; + margin-bottom: calc(-1 * var(--tab-toolbar-navbar-overlap)); } + +#TabsToolbar:not(:-moz-lwtheme) { + -moz-appearance: menubar; + color: -moz-menubartext; } + +#toolbar-menubar:not([autohide="true"]):not(:-moz-lwtheme):-moz-system-metric(menubar-drag), +#TabsToolbar:not(:-moz-lwtheme):-moz-system-metric(menubar-drag) { + -moz-binding: url("chrome://browser/content/customizableui/toolbar.xml#toolbar-drag"); } + +.tabbrowser-tab:focus > .tab-stack > .tab-content > .tab-label { + outline: 1px dotted; } + +#context_reloadTab { + list-style-image: url("moz-icon://stock/gtk-refresh?size=menu"); } + +#context_closeOtherTabs { + list-style-image: url("moz-icon://stock/gtk-clear?size=menu"); } + +#context_closeOtherTabs[disabled] { + list-style-image: url("moz-icon://stock/gtk-clear?size=menu&state=disabled"); } + +#context_undoCloseTab { + list-style-image: url("moz-icon://stock/gtk-undelete?size=menu"); } + +#context_closeTab { + list-style-image: url("moz-icon://stock/gtk-close?size=menu"); } + +/* Tab drag and drop */ +.tab-drop-indicator { + list-style-image: url(chrome://browser/skin/tabbrowser/tabDragIndicator.png); + margin-bottom: -9px; + z-index: 3; } + +/* Tab close button */ +.close-icon { + background-image: url("chrome://browser/skin/custom_images/light/tabs/tab-close.svg"); } + .close-icon:hover { + background-image: url("chrome://browser/skin/custom_images/light/tabs/tab-close-hover.svg"); } + .close-icon:active:hover { + background-image: url("chrome://browser/skin/custom_images/light/tabs/tab-close-active.svg"); } + .tabbrowser-tab:not([selected="true"]) .close-icon { + background-image: url("chrome://browser/skin/custom_images/light/tabs/tab-close-inactive.svg"); } + .tabbrowser-tab:not([selected="true"]) .close-icon:hover { + background-image: url("chrome://browser/skin/custom_images/light/tabs/tab-close-hover.svg"); } + .tabbrowser-tab:not([selected="true"]) .close-icon:active { + background-image: url("chrome://browser/skin/custom_images/light/tabs/tab-close-active.svg"); } + +/* Tabstrip new tab button */ +.tabs-newtab-button, +#TabsToolbar > #new-tab-button, +#TabsToolbar > #wrapper-new-tab-button > #new-tab-button { + list-style-image: url("moz-icon://stock/gtk-add?size=menu"); + -moz-image-region: auto; } + +.tabs-newtab-button > .toolbarbutton-icon, +#new-tab-button > .toolbarbutton-icon { + -moz-appearance: none; + list-style-image: url("chrome://browser/skin/custom_images/light/tabs/new-tab.png"); + -moz-image-region: auto; } + +/* Tabbrowser arrowscrollbox arrows */ +.tabbrowser-arrowscrollbox > .scrollbutton-up > .toolbarbutton-icon, +.tabbrowser-arrowscrollbox > .scrollbutton-down > .toolbarbutton-icon { + -moz-appearance: none; } + +.tabbrowser-arrowscrollbox > .scrollbutton-up, +.tabbrowser-arrowscrollbox > .scrollbutton-down { + -moz-appearance: none; + list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-arrow-left.svg"); + margin: 0 0 var(--tab-toolbar-navbar-overlap); } + +.tabbrowser-arrowscrollbox > .scrollbutton-up[disabled], +.tabbrowser-arrowscrollbox > .scrollbutton-down[disabled] { + opacity: .4; } + +.tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-locale-dir(rtl), +.tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-locale-dir(ltr) { + transform: scaleX(-1); } + +.tabbrowser-arrowscrollbox > .scrollbutton-down { + transition: 1s background-color ease-out; } + +.tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] { + background-color: Highlight; + transition: none; } + +#TabsToolbar .toolbarbutton-1 { + margin-bottom: var(--tab-toolbar-navbar-overlap); } + +#alltabs-button { + list-style-image: url("chrome://browser/skin/custom_images/light/tabs/alltabs.svg"); } + +#alltabs-button > .toolbarbutton-icon { + padding: 9px 6px 6px; } + +#alltabs-button > .toolbarbutton-menu-dropmarker { + display: none; } + +/* All tabs menupopup */ +.alltabs-item > .menu-iconic-left > .menu-iconic-icon { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); } + +.alltabs-item[selected="true"] { + font-weight: bold; } + +.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); } + +.alltabs-item[tabIsVisible] { + /* box-shadow instead of background-color to work around native styling */ + box-shadow: inset -5px 0 ThreeDShadow; } + +/* Sidebar */ +#sidebar-throbber[loading="true"] { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); + -moz-margin-end: 4px; } + +toolbarbutton.chevron { + list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important; } + +toolbar[brighttext] toolbarbutton.chevron:not(:hover):not([open="true"]) { + list-style-image: url("chrome://global/skin/toolbar/chevron-inverted.png") !important; } + +toolbarbutton.chevron:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); } + +toolbarbutton.chevron > .toolbarbutton-text, +toolbarbutton.chevron > .toolbarbutton-menu-dropmarker { + display: none; } + +toolbarbutton.chevron > .toolbarbutton-icon { + margin: 0; } + +/* Ctrl-Tab */ +.ctrlTab-preview { + -moz-appearance: toolbarbutton; } + +.tabPreview-canvas { + box-shadow: 0 0 5px ThreeDShadow; } + +.ctrlTab-preview:focus .tabPreview-canvas, +.ctrlTab-preview:hover .tabPreview-canvas { + box-shadow: none; } + +.ctrlTab-favicon[src] { + background-color: white; + width: 20px; + height: 20px; + padding: 2px; } + +#ctrlTab-panel { + padding: 10px; } + +.ctrlTab-preview:not(#ctrlTab-showAll) .tabPreview-canvas { + margin-bottom: 2px; } + +#ctrlTab-showAll { + -moz-appearance: button; + color: ButtonText; + padding: 0 3px; + margin-top: 10px; } + +/* Sync Panel */ +.sync-panel-icon { + height: 32px; + width: 32px; + background: url("chrome://browser/content/abouthome/sync.png") top left no-repeat; } + +.sync-panel-inner { + width: 0; + padding-left: 10px; } + +.sync-panel-button-box { + margin-top: 1em; } + +#sync-error-panel-title, +#sync-start-panel-title { + font-size: 120%; + font-weight: bold; + margin-bottom: 5px; } + +#sync-start-panel-subtitle, +#sync-error-panel-subtitle { + margin: 0; } + +/* Status panel */ +.statuspanel-label { + margin: 0; + padding: 2px 4px; + background: #5294E2; + border: 1px none #5294E2; + border-top-style: solid; + color: #ffffff; + text-shadow: none; } + +.statuspanel-label:-moz-locale-dir(ltr):not([mirror]), +.statuspanel-label:-moz-locale-dir(rtl)[mirror] { + border-right-style: solid; + border-top-right-radius: .3em; + margin-right: 1em; } + +.statuspanel-label:-moz-locale-dir(rtl):not([mirror]), +.statuspanel-label:-moz-locale-dir(ltr)[mirror] { + border-left-style: solid; + border-top-left-radius: .3em; + margin-left: 1em; } + +#full-screen-warning-message { + background-image: url("chrome://browser/skin/fullscreen-darknoise.png"); + color: white; + border-radius: 4px; + margin-top: 30px; + padding: 30px 50px; + box-shadow: 0 0 2px white; } + +#full-screen-warning-container[obscure-browser] { + background-color: rgba(0, 0, 0, 0.3); } + +.full-screen-description { + font-size: 150%; } + +#full-screen-domain-text { + font-size: 300%; } + +.full-screen-approval-button, +#full-screen-remember-decision { + font-size: 120%; } + +/* Responsive Mode */ +.browserContainer[responsivemode] { + background-color: #222; + padding: 0 20px 20px 20px; } + +.browserStack[responsivemode] { + box-shadow: 0 0 7px black; } + +.devtools-responsiveui-toolbar { + -moz-appearance: none; + background: transparent; + /* text color is textColor from dark theme, since no theme is applied to + * the responsive toolbar. + */ + color: #cdd9e4; + margin: 10px 0; + padding: 0; + box-shadow: none; + border-bottom-width: 0; } + +.devtools-responsiveui-menulist, +.devtools-responsiveui-toolbarbutton { + -moz-appearance: none; + -moz-box-align: center; + min-width: 32px; + min-height: 22px; + text-shadow: 0 -1px 0 rgba(12, 13, 14, 0.45); + border: 1px solid rgba(12, 13, 14, 0.45); + border-radius: 0; + background: linear-gradient(rgba(138, 145, 153, 0.35), rgba(138, 145, 153, 0.1)) padding-box; + box-shadow: 0 1px 0 rgba(184, 194, 204, 0.15) inset, 0 0 0 1px rgba(184, 194, 204, 0.15) inset, 0 1px 0 rgba(184, 194, 204, 0.15); + margin: 0 3px; + color: inherit; } + +.devtools-responsiveui-menulist .menulist-editable-box { + -moz-appearance: none; + background-color: transparent; } + +.devtools-responsiveui-menulist html|*.menulist-editable-input { + -moz-appearance: none; + color: inherit; + text-align: center; } + +.devtools-responsiveui-menulist html|*.menulist-editable-input::-moz-selection { + background: rgba(138, 145, 153, 0.35); } + +.devtools-responsiveui-toolbarbutton > .toolbarbutton-icon { + width: 16px; + height: 16px; } + +.devtools-responsiveui-toolbarbutton > .toolbarbutton-menubutton-button { + -moz-box-orient: horizontal; } + +.devtools-responsiveui-menulist:-moz-focusring, +.devtools-responsiveui-toolbarbutton:-moz-focusring { + outline: 1px dotted rgba(205, 217, 228, 0.7); + outline-offset: -4px; } + +.devtools-responsiveui-toolbarbutton:not([label]) > .toolbarbutton-text { + display: none; } + +.devtools-responsiveui-toolbarbutton:not([checked=true]):hover:active { + border-color: rgba(12, 13, 14, 0.6); + background: linear-gradient(rgba(24, 25, 27, 0.3), rgba(138, 145, 153, 0.15) 65%, rgba(138, 145, 153, 0.3)); + box-shadow: 0 0 3px rgba(12, 13, 14, 0.25) inset, 0 1px 3px rgba(12, 13, 14, 0.25) inset, 0 1px 0 rgba(184, 194, 204, 0.15); } + +.devtools-responsiveui-menulist[open=true], +.devtools-responsiveui-toolbarbutton[open=true], +.devtools-responsiveui-toolbarbutton[checked=true] { + border-color: rgba(12, 13, 14, 0.6) !important; + background: linear-gradient(rgba(24, 25, 27, 0.6), rgba(41, 46, 51, 0.45) 75%, rgba(68, 76, 85, 0.4)); + box-shadow: 0 1px 3px rgba(12, 13, 14, 0.25) inset, 0 1px 3px rgba(12, 13, 14, 0.25) inset, 0 1px 0 rgba(184, 194, 204, 0.15); } + +.devtools-responsiveui-toolbarbutton[checked=true] { + color: #33a0ff; } + +.devtools-responsiveui-toolbarbutton[checked=true]:hover { + background-color: transparent !important; } + +.devtools-responsiveui-toolbarbutton[checked=true]:hover:active { + background-color: rgba(12, 13, 14, 0.2) !important; } + +.devtools-responsiveui-menulist > .menulist-label-box { + text-align: center; } + +.devtools-responsiveui-menulist > .menulist-dropmarker { + -moz-appearance: none; + display: -moz-box; + background-color: transparent; + list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg"); + -moz-box-align: center; + border-width: 0; + min-width: 16px; } + +.devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-button { + -moz-appearance: none; + color: inherit; + border-width: 0; + -moz-border-end: 1px solid rgba(12, 13, 14, 0.45); + box-shadow: -1px 0 0 rgba(184, 194, 204, 0.15) inset, 1px 0 0 rgba(184, 194, 204, 0.15); } + +.devtools-responsiveui-toolbarbutton[type=menu-button]:-moz-locale-dir(rtl) > .toolbarbutton-menubutton-button { + box-shadow: 1px 0 0 rgba(184, 194, 204, 0.15) inset, -1px 0 0 rgba(184, 194, 204, 0.15); } + +.devtools-responsiveui-toolbarbutton[type=menu-button] { + padding: 0 1px; + -moz-box-align: stretch; } + +.devtools-responsiveui-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker, +.devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker { + -moz-appearance: none !important; + list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg"); + -moz-box-align: center; + padding: 0 3px; } + +.devtools-responsiveui-toolbar:-moz-locale-dir(ltr) > *:first-child, +.devtools-responsiveui-toolbar:-moz-locale-dir(rtl) > *:last-child { + margin-left: 0; } + +.devtools-responsiveui-close { + list-style-image: url("chrome://browser/skin/devtools/close.png"); } + +.devtools-responsiveui-rotate { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate.png"); } + +@media (min-resolution: 1.25dppx) { + .devtools-responsiveui-close { + list-style-image: url("chrome://browser/skin/devtools/close@2x.png"); } + + .devtools-responsiveui-rotate { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate@2x.png"); } } +.devtools-responsiveui-touch { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); } + +.devtools-responsiveui-touch[checked] { + -moz-image-region: rect(0px, 32px, 16px, 16px); } + +@media (min-resolution: 1.25dppx) { + .devtools-responsiveui-touch { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch@2x.png"); + -moz-image-region: rect(0px, 32px, 32px, 0px); } + + .devtools-responsiveui-touch[checked] { + -moz-image-region: rect(0px, 64px, 32px, 32px); } } +.devtools-responsiveui-screenshot { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot.png"); } + +@media (min-resolution: 1.25dppx) { + .devtools-responsiveui-screenshot { + list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot@2x.png"); } } +.devtools-responsiveui-resizebarV { + width: 7px; + height: 24px; + cursor: ew-resize; + transform: translate(12px, -12px); + background-size: cover; + background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png"); } + +.devtools-responsiveui-resizebarH { + width: 24px; + height: 7px; + cursor: ns-resize; + transform: translate(-12px, 12px); + background-size: cover; + background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer.png"); } + +.devtools-responsiveui-resizehandle { + width: 16px; + height: 16px; + cursor: se-resize; + transform: translate(12px, 12px); + background-size: cover; + background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png"); } + +/* FxOS custom mode with additional buttons and phone look'n feel */ +/* Hide devtools manual resizer */ +.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizehandle, +.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizebarH, +.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizebarV { + display: none; } + +/* Gives responsive mode a phone look'n feel */ +.browserStack[responsivemode].fxos-mode { + padding: 60px 15px 0; + border-radius: 25px / 20px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid #FFFFFF; + border-bottom-width: 0; + background-color: #353535; + box-shadow: 0 3px 0.7px 1px #777777, 0 5px rgba(0, 0, 0, 0.4) inset; + background-image: linear-gradient(to right, #111 11%, #333 56%); + min-width: 320px; } + +.devtools-responsiveui-hardware-buttons { + -moz-appearance: none; + padding: 20px; + border: 1px solid #FFFFFF; + border-bottom-left-radius: 25px; + border-bottom-right-radius: 25px; + border-top-width: 0; + box-shadow: 0 3px 0.7px 1px #777777, 0 -7px rgba(0, 0, 0, 0.4) inset; + background-image: linear-gradient(to right, #111 11%, #333 56%); } + +.devtools-responsiveui-home-button { + width: 40px; + height: 30px; + list-style-image: url("chrome://browser/skin/devtools/responsiveui-home.png"); } + +.devtools-responsiveui-sleep-button { + -moz-appearance: none; + /* compensate browserStack top padding */ + margin-top: -67px; + margin-right: 10px; + min-width: 10px; + width: 50px; + height: 5px; + border: 1px solid #444; + border-top-right-radius: 12px; + border-top-left-radius: 12px; + border-bottom-color: transparent; + background-image: linear-gradient(to top, #111 11%, #333 56%); } + +.devtools-responsiveui-sleep-button:hover:active { + background-image: linear-gradient(to top, #aaa 11%, #ddd 56%); } + +.devtools-responsiveui-volume-buttons { + margin-left: -29px; } + +.devtools-responsiveui-volume-up-button, +.devtools-responsiveui-volume-down-button { + -moz-appearance: none; + border: 1px solid red; + min-width: 8px; + height: 40px; + border: 1px solid #444; + border-right-color: transparent; + background-image: linear-gradient(to right, #111 11%, #333 56%); } + +.devtools-responsiveui-volume-up-button:hover:active, +.devtools-responsiveui-volume-down-button:hover:active { + background-image: linear-gradient(to right, #aaa 11%, #ddd 56%); } + +.devtools-responsiveui-volume-up-button { + border-top-left-radius: 12px; } + +.devtools-responsiveui-volume-down-button { + border-bottom-left-radius: 12px; } + +@media (min-resolution: 1.25dppx) { + .devtools-responsiveui-resizebarV { + background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer@2x.png"); } + + .devtools-responsiveui-resizebarH { + background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer@2x.png"); } + + .devtools-responsiveui-resizehandle { + background-image: url("chrome://browser/skin/devtools/responsive-se-resizer@2x.png"); } } +/* Developer toolbar */ +/* NOTE: THESE NEED TO STAY IN SYNC WITH LIGHT-THEME.CSS AND DARK-THEME.CSS. + We are copy/pasting variables from light-theme and dark-theme, + since they aren't loaded in this context (within browser.css). */ +:root[devtoolstheme="light"] #developer-toolbar { + --gcli-background-color: #ebeced; + /* --theme-tab-toolbar-background */ + --gcli-input-background: #f0f1f2; + /* --theme-toolbar-background */ + --gcli-input-focused-background: #f7f7f7; + /* --theme-sidebar-background */ + --gcli-input-color: #18191a; + /* --theme-body-color */ + --gcli-border-color: #aaaaaa; + /* --theme-splitter-color */ + --selection-background: #4c9ed9; + /* --theme-selection-background */ + --selection-color: #f5f7fa; + /* --theme-selection-color */ } + +:root[devtoolstheme="dark"] #developer-toolbar { + --gcli-background-color: #343c45; + /* --theme-toolbar-background */ + --gcli-input-background: rgba(37, 44, 51, 0.6); + /* --theme-tab-toolbar-background */ + --gcli-input-focused-background: #252c33; + /* --theme-tab-toolbar-background */ + --gcli-input-color: #b6babf; + /* --theme-body-color-alt */ + --gcli-border-color: black; + /* --theme-splitter-color */ + --selection-background: #1d4f73; + /* --theme-selection-background */ + --selection-color: #f5f7fa; + /* --theme-selection-color */ } + +#developer-toolbar { + -moz-appearance: none; + padding: 0; + min-height: 32px; + background-color: var(--gcli-background-color); + border-top: 1px solid var(--gcli-border-color); } + +#developer-toolbar > toolbarbutton { + -moz-appearance: none; + border: none; + background: transparent; + margin: 0; + padding: 0 10px; + width: 32px; } + +.developer-toolbar-button > image { + margin: auto 10px; } + +:root[devtoolstheme="light"] #developer-toolbar > toolbarbutton:not([checked=true]) > image, +:root[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before { + filter: url("chrome://browser/skin/devtools/filters.svg#invert"); } + +.developer-toolbar-button > .toolbarbutton-icon, +#developer-toolbar-closebutton > .toolbarbutton-icon { + width: 16px; + height: 16px; } + +#developer-toolbar-toolbox-button { + list-style-image: url("chrome://browser/skin/devtools/toggle-tools.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); } + +#developer-toolbar-toolbox-button > label { + display: none; } + +#developer-toolbar-toolbox-button:hover { + -moz-image-region: rect(0px, 32px, 16px, 16px); } + +#developer-toolbar-toolbox-button:hover:active { + -moz-image-region: rect(0px, 48px, 16px, 32px); } + +#developer-toolbar-toolbox-button[checked=true] { + -moz-image-region: rect(0px, 64px, 16px, 48px); } + +@media (min-resolution: 1.25dppx) { + #developer-toolbar-toolbox-button { + list-style-image: url("chrome://browser/skin/devtools/toggle-tools@2x.png"); + -moz-image-region: rect(0px, 32px, 32px, 0px); } + + #developer-toolbar-toolbox-button:hover { + -moz-image-region: rect(0px, 64px, 32px, 32px); } + + #developer-toolbar-toolbox-button:hover:active { + -moz-image-region: rect(0px, 96px, 32px, 64px); } + + #developer-toolbar-toolbox-button[checked=true] { + -moz-image-region: rect(0px, 128px, 32px, 96px); } } +#developer-toolbar-closebutton { + list-style-image: url("chrome://browser/skin/devtools/close.png"); + -moz-appearance: none; + border: none; + margin: 0 4px; + min-width: 16px; + width: 16px; + opacity: 0.6; } + +@media (min-resolution: 1.25dppx) { + #developer-toolbar-closebutton { + list-style-image: url("chrome://browser/skin/devtools/close@2x.png"); } } +#developer-toolbar-closebutton > .toolbarbutton-icon { + /* XXX Buttons have padding in widget/ that we don't want here but can't override with good CSS, so we must + use evil CSS to give the impression of smaller content */ + margin: -4px; } + +#developer-toolbar-closebutton > .toolbarbutton-text { + display: none; } + +#developer-toolbar-closebutton:hover { + opacity: 0.8; } + +#developer-toolbar-closebutton:hover:active { + opacity: 1; } + +/* GCLI */ +html|*#gcli-tooltip-frame, +html|*#gcli-output-frame { + padding: 0; + border-width: 0; + background-color: transparent; } + +#gcli-output, +#gcli-tooltip { + border-width: 0; + background-color: transparent; + -moz-appearance: none; } + +.gclitoolbar-input-node, +.gclitoolbar-complete-node { + margin: 0; + -moz-box-align: center; + padding-top: 0; + padding-bottom: 0; + padding-right: 8px; + text-shadow: none; + box-shadow: none; + border-width: 0; + background-color: transparent; + border-radius: 0; } + +.gclitoolbar-input-node { + -moz-appearance: none; + color: var(--gcli-input-color); + background-color: var(--gcli-input-background); + background-repeat: no-repeat; + background-position: 4px center; + box-shadow: 1px 0 0 var(--gcli-border-color) inset, -1px 0 0 var(--gcli-border-color) inset; + line-height: 32px; + outline-style: none; + padding: 0; } + +.gclitoolbar-input-node[focused="true"] { + background-color: var(--gcli-input-focused-background); } + +.gclitoolbar-input-node::before { + content: ""; + display: inline-block; + -moz-box-ordinal-group: 0; + width: 16px; + height: 16px; + margin: 0 2px; + background-image: url("chrome://browser/skin/devtools/commandline-icon.png"); + background-position: 0 center; + background-size: 32px 16px; } + +.gclitoolbar-input-node[focused="true"]::before { + background-position: -16px center; } + +@media (min-resolution: 1.25dppx) { + .gclitoolbar-input-node::before { + background-image: url("chrome://browser/skin/devtools/commandline-icon@2x.png"); } } +.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection { + background-color: var(--selection-background); + color: var(--selection-color); + text-shadow: none; } + +.gclitoolbar-complete-node { + padding-left: 21px; + background-color: transparent; + color: transparent; + z-index: 100; + pointer-events: none; } + +.gcli-in-incomplete, +.gcli-in-error, +.gcli-in-ontab, +.gcli-in-todo, +.gcli-in-closebrace, +.gcli-in-param, +.gcli-in-valid { + margin: 0; + padding: 0; } + +.gcli-in-incomplete { + border-bottom: 2px dotted #999; } + +.gcli-in-error { + border-bottom: 2px dotted #F00; } + +.gcli-in-ontab { + color: #595959; } + +.gcli-in-todo { + color: #2d5986; } + +.gcli-in-closebrace { + color: #cccccc; } + +#notification-popup[popupid="click-to-play-plugins"] > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0px; } + +.click-to-play-plugins-notification-center-box { + border: 1px solid ThreeDShadow; + margin: 10px; } + +.plugin-popupnotification-centeritem:nth-child(odd) { + background-color: rgba(0, 0, 0, 0.1); } + +.center-item-label { + -moz-margin-start: 6px; + margin-bottom: 0; + text-overflow: ellipsis; } + +.center-item-warning-icon { + background-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.png"); + background-repeat: no-repeat; + width: 16px; + height: 15px; + -moz-margin-start: 6px; } + +.click-to-play-plugins-notification-button-container { + background-color: rgba(24, 26, 27, 0.07); + border-top: 1px solid rgba(24, 26, 27, 0.12); + padding: 10px; + margin-top: 5px; } + +.click-to-play-popup-button { + width: 50%; } + +.click-to-play-plugins-notification-description-box { + padding: 10px; } + +.click-to-play-plugins-outer-description { + margin-top: 8px; } + +.click-to-play-plugins-notification-link, +.center-item-link { + margin: 0; } + +.messageImage[value="plugin-hidden"] { + list-style-image: url("chrome://browser/skin/notification-pluginNormal.png"); + -moz-image-region: rect(0, 16px, 16px, 0); } + +/* Keep any changes to this style in sync with pluginProblem.css */ +notification.pluginVulnerable { + background-color: #484848; + background-image: url(chrome://mozapps/skin/plugins/contentPluginStripe.png); + color: white; } + +notification.pluginVulnerable .messageImage { + list-style-image: url("chrome://browser/skin/notification-pluginBlocked.png"); } + +.popup-notification-item-title[popupid="bad-content"] { + font-weight: bold; } + +.popup-notification-item-message[popupid="bad-content"] { + width: 17em; } + +.popup-notification-item-message[popupid="bad-content"][mixedblockdisabled]:not(.popup-notification-item-message-critical), +.popup-notification-item-message[popupid="bad-content"][trackingblockdisabled]:not(.popup-notification-item-message-critical) { + color: GrayText; } + +.popup-notification-item-message-critical[popupid="bad-content"] { + color: #d74345; + font-style: italic; } + +.popup-notification-footer[popupid="bad-content"] { + padding-top: 1em; } + +#login-fill-testing { + color: #b33; + font-weight: bold; } + +#login-fill-list { + border: 1px solid black; + max-height: 20em; } + +.login-hostname { + margin: 4px; + font-weight: bold; } + +.login-username { + margin: 4px; + color: #888; } + +/* 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/. */ +/*** Status and progress indicator ***/ +#downloads-animation-container { + min-height: 1px; + min-width: 1px; + height: 1px; + margin-bottom: -1px; + /* Makes the outermost animation container element positioned, so that its + contents are rendered over the main browser window in the Z order. + This is required by the animated event notification. */ + position: relative; + /* The selected tab may overlap #downloads-indicator-notification */ + z-index: 5; } + +/*** Main indicator icon ***/ +#downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon, +#nav-bar #downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon { + background: -moz-image-rect(url("chrome://browser/skin/custom_images/light/toolbar-icons.svg"), 0, 198, 18, 180) center no-repeat; + min-width: 18px; + min-height: 18px; } + +#TabsToolbar #downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon { + background: -moz-image-rect(url("chrome://browser/skin/custom_images/light/tabbar-icons.svg"), 0, 198, 18, 180) center no-repeat; } + +#downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open], [checked], :hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon, +#TabsToolbar #downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open], [checked], :hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon, +#nav-bar #downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open], [checked], :hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon { + background: -moz-image-rect(url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"), 0, 198, 18, 180) center no-repeat; } + +#downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon, +#nav-bar #downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon, +#TabsToolbar #downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon { + background-image: -moz-image-rect(url("chrome://browser/skin/custom_images/light/toolbar-icons.svg"), 18, 198, 36, 180); } + +#downloads-button[cui-areatype="menu-panel"][attention] { + list-style-image: url("chrome://browser/skin/downloads/download-glow-menuPanel.png"); + -moz-image-region: auto; } + +/* In the next few rules, we use :not([counter]) as a shortcut that is + equivalent to -moz-any([progress], [paused]). */ +#downloads-button:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { + background: -moz-image-rect(url("chrome://browser/skin/Toolbar-small.png"), 0, 16, 16, 0) center no-repeat; + background-size: 12px; } + +#downloads-button:not([counter])[attention] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { + background-image: -moz-image-rect(url("chrome://browser/skin/custom_images/light/toolbar-icons.svg"), 18, 198, 36, 180); } + +/*** Download notifications ***/ +#downloads-indicator-notification { + opacity: 0; + background-size: 16px; + background-position: center; + background-repeat: no-repeat; + width: 16px; + height: 16px; } + +@keyframes downloadsIndicatorNotificationStartRight { + from { + opacity: 0; + transform: translate(-128px, 128px) scale(8); } + 20% { + opacity: .85; + animation-timing-function: ease-out; } + to { + opacity: 0; + transform: translate(0) scale(1); } } +@keyframes downloadsIndicatorNotificationStartLeft { + from { + opacity: 0; + transform: translate(128px, 128px) scale(8); } + 20% { + opacity: .85; + animation-timing-function: ease-out; } + to { + opacity: 0; + transform: translate(0) scale(1); } } +#downloads-notification-anchor[notification="start"] > #downloads-indicator-notification { + background-image: url("chrome://browser/skin/downloads/download-notification-start.png"); + animation-name: downloadsIndicatorNotificationStartRight; + animation-duration: 1s; } + +#downloads-notification-anchor[notification="start"]:-moz-locale-dir(rtl) > #downloads-indicator-notification { + animation-name: downloadsIndicatorNotificationStartLeft; } + +@keyframes downloadsIndicatorNotificationFinish { + from { + opacity: 0; + transform: scale(1); } + 20% { + opacity: .65; + animation-timing-function: ease-in; } + to { + opacity: 0; + transform: scale(8); } } +#downloads-notification-anchor[notification="finish"] > #downloads-indicator-notification { + background-image: url("chrome://browser/skin/downloads/download-notification-finish.png"); + animation-name: downloadsIndicatorNotificationFinish; + animation-duration: 1s; } + +/*** Progress bar and text ***/ +#downloads-indicator-counter { + height: 10px; + margin: 0; + color: #4d4d4d; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + font-size: 10px; + line-height: 10px; + text-align: center; } + +toolbar[brighttext] #downloads-indicator-counter { + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 1.5px rgba(0, 0, 0, 0.5); } + +#downloads-indicator-progress { + width: 18px; + height: 6px; + min-width: 0; + min-height: 0; + margin-top: 1px; + margin-bottom: 2px; + border-radius: 2px; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + +#downloads-indicator-progress > .progress-bar { + -moz-appearance: none; + min-width: 0; + min-height: 0; + /* The background-clip: border-box; and background-image: none; are there to expand the background-color behind the border */ + background-clip: padding-box, border-box; + background-color: #ff875e; + background-image: linear-gradient(transparent 1px, rgba(255, 255, 255, 0.4) 1px, rgba(255, 255, 255, 0.4) 2px, transparent 2px), none; + border: 1px solid; + border-color: rgba(0, 43, 86, 0.6) rgba(0, 43, 86, 0.4) rgba(0, 43, 86, 0.4); + border-radius: 2px 0 0 2px; } + +#downloads-indicator-progress > .progress-remainder { + -moz-appearance: none; + min-width: 0; + min-height: 0; + background-image: linear-gradient(#505050, #575757); + border: 1px solid; + border-color: rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4); + -moz-border-start: none; + border-radius: 0 2px 2px 0; } + +#downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-bar { + background-color: #dce651; } + +#downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-remainder { + background-image: linear-gradient(#4b5000, #515700); } + +.gcli-panel { + padding: 0; } + +.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection { + color: #24292d; } + +/* Error counter */ +#developer-toolbar-toolbox-button[error-count]:before { + color: #FDF3DE; + min-width: 16px; + text-shadow: none; + background-image: linear-gradient(#B4211B, #8A1915); + border-radius: 1px; + -moz-margin-end: 2px; } + +/* Social toolbar item */ +#social-undoactivation-button { + -moz-margin-start: 0; + /* override default label margin to match description margin */ } + +.social-activation-icon { + width: auto; + height: auto; + max-height: 64px; + max-width: 64px; } + +#social-activation-message { + max-width: 250px; } + +#social-activation-message > label { + margin: 0; } + +/* social toolbar provider menu */ +#social-statusarea-popup { + margin-top: 0; + margin-left: -12px; + margin-right: -12px; } + +.social-statusarea-user { + list-style-image: url("chrome://global/skin/icons/information-32.png"); } + +.social-statusarea-user-portrait { + width: 32px; + height: 32px; + border-radius: 2px; + margin: 10px; } + +.social-panel > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0; } + +#social-sidebar-header { + padding: 3px; } + +#manage-share-providers, +#social-sidebar-button { + list-style-image: url("chrome://browser/skin/Toolbar.png"); + -moz-image-region: rect(0, 468px, 18px, 450px); } + +#social-sidebar-button { + -moz-appearance: none; + border: none; + padding: 0; + margin: 2px; } + +#manage-share-providers > .toolbarbutton-icon, +#social-sidebar-button > .toolbarbutton-icon { + min-height: 18px; + min-width: 18px; } + +#social-sidebar-button > .toolbarbutton-menu-dropmarker { + display: none; } + +#social-sidebar-button[loading="true"] { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); } + +#social-sidebar-favico { + max-height: 16px; + max-width: 16px; + padding: 0; + margin: 2px; } + +.chat-status-icon { + max-height: 16px; + max-width: 16px; + padding: 0; } + +.chat-toolbarbutton { + -moz-appearance: none; + border: none; + padding: 0 3px; + margin: 0; + background: none; } + +.chat-toolbarbutton:hover { + background-color: rgba(255, 255, 255, 0.35); } + +.chat-toolbarbutton:hover:active { + background-color: rgba(255, 255, 255, 0.5); } + +.chat-toolbarbutton > .toolbarbutton-text { + display: none; } + +.chat-toolbarbutton > .toolbarbutton-icon { + width: 16px; + height: 16px; } + +.chat-close-button { + list-style-image: url("chrome://browser/skin/social/chat-icons.svg#close"); } + +.chat-close-button:-moz-any(:hover, :hover:active) { + list-style-image: url("chrome://browser/skin/social/chat-icons.svg#close-active"); } + +.chat-minimize-button { + list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize"); } + +.chat-minimize-button:-moz-any(:hover, :hover:active) { + list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize-active"); } + +.chat-swap-button { + list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand"); + transform: rotate(180deg); } + +.chat-swap-button:-moz-any(:hover, :hover:active) { + list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand-active"); } + +chatbar > chatbox > .chat-titlebar > .chat-swap-button { + transform: none; } + +.chat-title { + font-weight: bold; + color: black; + text-shadow: none; + cursor: inherit; } + +.chat-titlebar { + height: 30px; + min-height: 30px; + width: 100%; + margin: 0; + padding: 7px 6px; + border: none; + border-bottom: 1px solid #ccc; + cursor: pointer; } + +.chat-titlebar > .notification-anchor-icon { + margin-left: 2px; + margin-right: 2px; } + +.chat-titlebar[minimized="true"] { + border-bottom: none; } + +.chat-titlebar[activity] { + background-image: radial-gradient(ellipse closest-side at center, white, transparent); + background-repeat: no-repeat; + background-size: 100% 20px; + background-position: 0 -10px; } + +chatbox[dark=true] > .chat-titlebar, +chatbox[dark=true] > .chat-titlebar[selected] { + border-bottom: none; + background-color: #000; + background-image: none; } + +chatbox[dark=true] > .chat-titlebar > hbox > .chat-title { + font-weight: normal; + color: #c1c1c1; } + +.chat-frame { + padding: 0; + margin: 0; + overflow: hidden; } + +.chatbar-button { + list-style-image: url("chrome://browser/skin/social/services-16.png"); + margin: 0; + padding: 2px; + height: 21px; + width: 21px; + border: 1px solid #ccc; + border-bottom: none; } + +@media (min-resolution: 2dppx) { + .chatbar-button { + list-style-image: url("chrome://browser/skin/social/services-16@2x.png"); } } +.chatbar-button > .toolbarbutton-icon { + width: 16px; } + +.chatbar-button > menupopup > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon { + width: auto; + height: auto; + max-height: 16px; + max-width: 16px; } + +.chatbar-button[open="true"] { + box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.6), 0 1px rgba(255, 255, 255, 0.2); } + +.chatbar-button > .toolbarbutton-text, +.chatbar-button > .toolbarbutton-menu-dropmarker { + display: none; } + +.chatbar-button > menupopup > menuitem[activity] { + font-weight: bold; } + +.chatbar-innerbox { + background: transparent; + margin: -285px 0 0; + overflow: hidden; } + +chatbar { + -moz-margin-end: 20px; } + +chatbox { + -moz-margin-start: 4px; + background-color: white; + border: 1px solid #ccc; + border-bottom: none; } + +window > chatbox { + -moz-margin-start: 0px; + margin: 0px; + border: none; + padding: 0px; } + +.chat-titlebar { + background-color: #d9d9d9; + background-image: linear-gradient(rgba(255, 255, 255, 0.3), transparent); } + +.chat-titlebar[selected] { + background-color: #f0f0f0; } + +.chatbar-button { + -moz-appearance: none; + background-color: #d9d9d9; + background-image: linear-gradient(rgba(255, 255, 255, 0.3), transparent); } + +.chatbar-button > .toolbarbutton-icon { + -moz-margin-end: 0; } + +.chatbar-button:hover, +.chatbar-button[open="true"] { + background-color: #f0f0f0; } + +.chatbar-button[activity] { + background-image: radial-gradient(circle farthest-corner at center 3px, #e9f2fc 3%, rgba(172, 206, 255, 0.75) 40%, rgba(87, 151, 201, 0.5) 80%, transparent); } + +chatbox { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; } + +/* Customization mode */ +/* 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/. */ +/* Customization mode */ +#main-window:-moz-any([customize-entering], [customize-entered]) #browser-bottombox { + margin-bottom: 2em; } + +#main-window:-moz-any([customize-entering], [customize-entered]) #content-deck, +#main-window:-moz-any([customize-entering], [customize-entered]) #browser-bottombox, +#main-window:-moz-any([customize-entering], [customize-entered]) #navigator-toolbox { + margin-left: 2em; + margin-right: 2em; } + +#main-window:-moz-any([customize-entering], [customize-exiting]) #tab-view-deck { + pointer-events: none; } + +#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before, +#PanelUI-contents > .panel-customization-placeholder { + -moz-outline-radius: 2.5px; + outline: 1px dashed transparent; } + +#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before { + /* Prevent jumping of tabs when switching a window between inactive and active (bug 853415). */ + -moz-box-ordinal-group: 0; + content: ""; + display: -moz-box; + height: 100%; + left: 0; + outline-offset: -2px; + pointer-events: none; + position: absolute; + top: 0; + width: 100%; } + +/* Shift the TabsToolbar outline up 2px since the #nav-bar is shifted up by 1px and the + #TabsToolbar::after is a pixel higher to draw the bottom border of the tabstrip so this makes the + offset from the bottom effectively the same as other targets (-2px). */ +#main-window[customize-entered] #TabsToolbar.customization-target::before { + top: -2px; } + +/* The parents of the outline pseudo-elements need to be positioned so that the outline is positioned relative to it. */ +#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)):hover, +#main-window[customize-entered] .customization-target[customizing-dragovertarget]:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)), +#main-window[customize-entered] #nav-bar-customization-target.customization-target { + position: relative; } + +/* Most target outlines are shown on hover and drag over but the panel menu uses + placeholders instead. */ +#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)):hover::before, +#main-window[customize-entered] .customization-target[customizing-dragovertarget]:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before, +#nav-bar[showoutline=true] > #nav-bar-customization-target.customization-target::before { + outline-color: #666666; } + +#nav-bar[showoutline=true] > #nav-bar-customization-target.customization-target::before { + transition: outline-color 250ms linear; } + +#PanelUI-contents[showoutline=true] > .panel-customization-placeholder { + transition: outline-color 250ms linear; + outline-color: #bbb; } + +#PanelUI-contents > .panel-customization-placeholder { + cursor: auto; + outline-offset: -5px; } + +#main-window[customizing] .customization-target:not(#PanelUI-contents) { + min-width: 100px; + padding-left: 10px; + padding-right: 10px; } + +#customization-container { + background-color: #f7f7f7; + color: black; + text-shadow: none; } + +#customization-palette, +#customization-empty { + padding: 0 25px 25px; } + +#customization-header { + font-size: 1.75em; + line-height: 1.75em; + color: #666; + font-weight: 200; + margin: 25px 25px 12px; + padding-bottom: 12px; + border-bottom: 1px solid #e5e5e5; } + +#customization-panel-container { + padding: 15px 25px 25px; + background-image: linear-gradient(to bottom, #3e86ce, #3878ba); } + +#main-window:-moz-any([customize-entering], [customize-entered]) #browser-bottombox, +#customization-footer { + background-color: #ececec; } + +#customization-footer { + border-top: 1px solid #dddddd; + padding: 10px; } + +.customizationmode-button { + border: 1px solid silver; + border-radius: 3px; + margin: 5px; + padding: 2px 12px; + background-color: #fbfbfb; + color: #474747; + box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px rgba(255, 255, 255, 0.5); + -moz-appearance: none; } + +#customization-titlebar-visibility-button[checked], +#customization-devedition-theme-button[checked] { + background-color: #dadada; + border-color: #a8a8a8; + text-shadow: 0 1px #ececec; + box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px #c4c4c4; } + +.customizationmode-button[disabled="true"] { + opacity: .5; } + +.customizationmode-button > .box-inherit > .box-inherit > .button-icon, +.customizationmode-button > .button-box > .button-icon { + height: 24px; } + +#customization-titlebar-visibility-button { + list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle.png"); + -moz-image-region: rect(0, 24px, 24px, 0); } + +#customization-lwtheme-button, +#customization-titlebar-visibility-button { + padding: 2px 7px; } + +#customization-lwtheme-button > .box-inherit > .box-inherit > .button-text, +#customization-titlebar-visibility-button > .button-box > .button-text { + /* Sadly, button.css thinks its margins are perfect for everyone. */ + -moz-margin-start: 6px !important; } + +#customization-lwtheme-button > .box-inherit > .box-inherit > .button-icon { + width: 20px; + height: 20px; + border-radius: 2px; + background-size: contain; } + +#customization-titlebar-visibility-button > .button-box > .button-icon { + vertical-align: middle; } + +#customization-titlebar-visibility-button[checked] { + -moz-image-region: rect(0, 48px, 24px, 24px); } + +@media (min-resolution: 1.1dppx) { + #customization-titlebar-visibility-button { + list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle@2x.png"); + -moz-image-region: rect(0, 48px, 48px, 0); } + + #customization-titlebar-visibility-button[checked] { + -moz-image-region: rect(0, 96px, 48px, 48px); } } +#main-window[customize-entered] #customization-panel-container { + background-image: url("chrome://browser/skin/customizableui/customizeMode-separatorHorizontal.png"), url("chrome://browser/skin/customizableui/customizeMode-separatorVertical.png"), url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"), url("chrome://browser/skin/customizableui/background-noise-toolbar.png"), linear-gradient(to bottom, #3e86ce, #3878ba); + background-position: center top, left center, left top, left top, left top; + background-repeat: no-repeat, no-repeat, repeat, repeat, no-repeat; + background-size: auto 12px, 12px 100%, auto, auto, auto; + background-attachment: scroll, scroll, fixed, fixed, scroll; } + +toolbarpaletteitem[place="toolbar"] { + transition: border-width 250ms ease-in-out; } + +toolbarpaletteitem[mousedown] { + cursor: -moz-grabbing; } + +.panel-customization-placeholder, +toolbarpaletteitem[place="palette"], +toolbarpaletteitem[place="panel"] { + transition: transform .3s ease-in-out; } + +#customization-palette { + transition: opacity .3s ease-in-out; + opacity: 0; } + +#customization-palette[showing="true"] { + opacity: 1; } + +toolbarpaletteitem[notransition].panel-customization-placeholder, +toolbarpaletteitem[notransition][place="toolbar"], +toolbarpaletteitem[notransition][place="palette"], +toolbarpaletteitem[notransition][place="panel"] { + transition: none; } + +toolbarpaletteitem > toolbarbutton > .toolbarbutton-icon, +toolbarpaletteitem > toolbarbutton > .toolbarbutton-badge-container > .toolbarbutton-icon, +toolbarpaletteitem > toolbaritem.panel-wide-item, +toolbarpaletteitem > toolbarbutton[type="menu-button"] { + transition: transform 0.3s cubic-bezier(0.6, 2, 0.75, 1.5) !important; } + +toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-icon, +toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-badge-container > .toolbarbutton-icon { + transform: scale(1.3); } + +toolbarpaletteitem[mousedown] > toolbaritem.panel-wide-item, +toolbarpaletteitem[mousedown] > toolbarbutton[type="menu-button"] { + transform: scale(1.1); } + +/* Override the toolkit styling for items being dragged over. */ +toolbarpaletteitem[place="toolbar"] { + border-left-width: 0; + border-right-width: 0; + margin-right: 0; + margin-left: 0; } + +#customization-palette:not([hidden]) { + margin-bottom: 25px; } + +#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton, +#wrapper-edit-controls[place="palette"] > #edit-controls > separator, +#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton, +#wrapper-zoom-controls[place="palette"] > #zoom-controls > separator { + margin-top: 20px; } + +#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton, +#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton { + margin-left: 0; + margin-right: 0; + max-width: 24px; + min-width: 24px; + max-height: 24px; + min-height: 24px; + padding: 4px; } + +#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-icon, +#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton > .toolbarbutton-icon { + width: 16px; } + +#wrapper-edit-controls > #edit-controls > toolbarbutton > .toolbarbutton-icon { + opacity: 1; + /* To ensure these buttons always look enabled in customize mode */ } + +#wrapper-zoom-controls[place="palette"] > #zoom-controls > #zoom-reset-button, +#wrapper-zoom-controls[place="palette"] > #zoom-controls > #zoom-reset-button + separator { + display: none; } + +#wrapper-personal-bookmarks:not([place="toolbar"]) > #personal-bookmarks { + -moz-box-pack: center; + min-height: 48px; } + +#personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder > .toolbarbutton-icon { + -moz-margin-end: 5px; } + +#customization-palette > toolbarpaletteitem > label { + text-align: center; + margin-left: 0; + margin-right: 0; } + +#customization-lwtheme-menu > .panel-arrowcontainer > .panel-arrowcontent { + -moz-box-orient: vertical; + /* Make the panel padding uniform across all platforms due to the + styling of the section headers and footer. */ + padding: 10px; } + +.customization-lwtheme-menu-theme > .toolbarbutton-icon { + width: 32px; + height: 32px; } + +.customization-lwtheme-menu-theme { + -moz-appearance: none; + border: 1px solid transparent; + margin: 0 -5px 5px; + padding-top: 0; + -moz-padding-end: 5px; + padding-bottom: 0; + -moz-padding-start: 0; } + +.customization-lwtheme-menu-theme[defaulttheme] { + list-style-image: url(chrome://browser/skin/theme-switcher-icon.png); } + +.customization-lwtheme-menu-theme[active="true"], +.customization-lwtheme-menu-theme:hover { + background-color: rgba(24, 26, 27, 0.08); + border-color: rgba(24, 26, 27, 0.11); } + +.customization-lwtheme-menu-theme[active="true"], +.customization-lwtheme-menu-theme:hover:active { + background-color: rgba(24, 26, 27, 0.15); } + +.customization-lwtheme-menu-theme > .toolbarbutton-icon { + margin: 5px; } + +.customization-lwtheme-menu-theme > .toolbarbutton-text { + text-align: start; } + +#customization-lwtheme-menu-header, +#customization-lwtheme-menu-recommended { + padding: 10px; + margin-bottom: 5px; } + +#customization-lwtheme-menu-header, +#customization-lwtheme-menu-recommended, +#customization-lwtheme-menu-footer { + background-color: rgba(24, 26, 27, 0.05); + color: gray; + margin-right: -10px; + margin-left: -10px; } + +#customization-lwtheme-menu-header { + margin-top: -10px; + border-bottom: 1px solid rgba(24, 26, 27, 0.05); } + +#customization-lwtheme-menu-recommended { + border-top: 1px solid rgba(24, 26, 27, 0.05); + border-bottom: 1px solid rgba(24, 26, 27, 0.05); } + +#customization-lwtheme-menu-footer { + background: linear-gradient(rgba(24, 26, 27, 0.05) 60%, transparent) border-box; + border-top: 1px solid rgba(24, 26, 27, 0.05); + margin-bottom: -10px; } + +.customization-lwtheme-menu-footeritem { + -moz-appearance: none; + -moz-box-flex: 1; + color: gray; + border-style: none; + padding: 10px; + margin-left: 0; + margin-right: 0; } + +.customization-lwtheme-menu-footeritem:hover { + background: linear-gradient(rgba(24, 26, 27, 0.08) 40%, transparent) padding-box; } + +.customization-lwtheme-menu-footeritem:first-child { + -moz-border-end: 1px solid rgba(24, 26, 27, 0.15); } + +/* 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/. */ +#customization-tipPanel > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0; + margin: 0; + min-width: 400px; + max-width: 1000px; + min-height: 200px; + border-radius: 3px; + background-image: linear-gradient(90deg, #a0dfff 0%, #ceeeff 100%); + border: 0px solid rgba(0, 148, 221, 0.5); + box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5), inset 0 1px 1px 0 #fff; + color: #333333; } + +#customization-tipPanel > .panel-arrowcontainer > .panel-arrowcontent:-moz-locale-dir(rtl) { + background-image: linear-gradient(90deg, #ceeeff 0%, #a0dfff 100%); } + +.customization-tipPanel-infoBox { + margin: 20px 25px 25px; + width: 25px; + background-image: url(chrome://browser/skin/customizableui/info-icon-customizeTip.png); + background-repeat: no-repeat; } + +.customization-tipPanel-content { + margin: 25px 0; + font-size: 12px; + line-height: 18px; } + +.customization-tipPanel-em { + margin: 0; + font-weight: bold; } + +.customization-tipPanel-contentImage { + margin-top: 25px; + list-style-image: url(chrome://browser/skin/customizableui/customize-illustration.png); + min-width: 300px; + max-width: 300px; + min-height: 190px; + max-height: 190px; + display: -moz-box; } + +.customization-tipPanel-contentImage:-moz-locale-dir(rtl) { + list-style-image: url(chrome://browser/skin/customizableui/customize-illustration-rtl.png); } + +.customization-tipPanel-link { + -moz-appearance: none; + background: transparent; + border: none; + box-shadow: none; + color: #1952ab; + margin: 0; + cursor: pointer; } + +.customization-tipPanel-link > .button-box > .button-text { + margin: 0 !important; } + +.customization-tipPanel-closeBox > .close-icon { + -moz-appearance: none; + border: 0; + -moz-margin-end: -25px; } + +#customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="left"], +#customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="right"] { + list-style-image: url("chrome://browser/skin/customizableui/panelarrow-customizeTip.png"); } + +#main-window[customize-entered] > #tab-view-deck { + background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"), linear-gradient(to bottom, #bcbcbc, #b5b5b5); + background-attachment: fixed; } + +#main-window[customization-lwtheme] > #tab-view-deck:-moz-lwtheme { + background-repeat: no-repeat; + background-position: right top; + background-attachment: fixed; + /* The image will get set from CustomizeMode.jsm */ + background-image: none; + background-color: transparent; } + +#main-window[customization-lwtheme]:-moz-lwtheme { + background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"), url("chrome://browser/skin/customizableui/background-noise-toolbar.png"), linear-gradient(to bottom, #bcbcbc, #b5b5b5); + background-color: #b5b5b5; + background-repeat: repeat; + background-attachment: fixed; + background-position: left top; } + +#main-window[customize-entered] #browser-bottombox, +#main-window[customize-entered] #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar), +#main-window[customize-entered] #customization-container { + border: 3px solid rgba(0, 0, 0, 0.1); + border-top-width: 0; + background-clip: padding-box; + background-origin: padding-box; + -moz-border-right-colors: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2); + -moz-border-bottom-colors: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2); + -moz-border-left-colors: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2); } + +#main-window[customize-entered] #customization-container, +#main-window[customize-entered] #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar) { + border-bottom-width: 0; } + +#main-window[customize-entered] #TabsToolbar { + -moz-appearance: none; + background-clip: padding-box; + border-right: 3px solid transparent; + border-left: 3px solid transparent; } + +/* The :hover:active style from toolkit doesn't seem to work in this panel so just use :active. */ +.customization-tipPanel-closeBox > .close-icon:active { + background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 48, 16, 32); } + +/* End customization mode */ +#main-window[privatebrowsingmode=temporary] #private-browsing-indicator { + background: url("chrome://browser/skin/privatebrowsing-mask.png") center no-repeat; + width: 40px; } + +/* UI Tour */ +#UITourHighlightContainer { + -moz-appearance: none; + border: none; + background-color: transparent; + /* This is a buffer to compensate for the movement in the "wobble" effect */ + padding: 4px; } + +#UITourHighlight { + background-image: radial-gradient(50% 100%, rgba(0, 149, 220, 0.4) 50%, rgba(0, 149, 220, 0.6) 100%); + border-radius: 40px; + border: 1px solid white; + /* The box-shadow opacity needs to be < 0.5 so it doesn't appear at 100% opacity + on Linux without an X compositor where opacity is either 0 or 1. */ + box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.49); + min-height: 32px; + min-width: 32px; } + +#UITourTooltipBody { + -moz-margin-end: 14px; } + +#UITourTooltipBody > vbox { + padding-top: 4px; } + +#UITourTooltipIconContainer { + -moz-margin-start: -16px; } + +#UITourTooltipIcon { + width: 48px; + height: 48px; + -moz-margin-start: 28px; + -moz-margin-end: 28px; } + +#UITourTooltipTitle, +#UITourTooltipDescription { + max-width: 20rem; } + +#UITourTooltipTitle { + font-size: 1.45rem; + font-weight: bold; + -moz-margin-start: 0; + -moz-margin-end: 0; + margin: 0 0 9px 0; } + +#UITourTooltipDescription { + -moz-margin-start: 0; + -moz-margin-end: 0; + font-size: 1.15rem; + line-height: 1.8rem; + margin-bottom: 0; + /* Override global.css */ } + +#UITourTooltipClose { + -moz-appearance: none; + border: none; + background-color: transparent; + min-width: 0; + -moz-margin-start: 4px; + margin-top: -2px; } + +#UITourTooltipClose > .toolbarbutton-text { + display: none; } + +#UITourTooltipButtons { + -moz-box-pack: end; + background-color: rgba(24, 26, 27, 0.07); + border-top: 1px solid rgba(24, 26, 27, 0.14); + margin: 24px -16px -16px; + padding: 2em 15px; } + +#UITourTooltipButtons > button { + margin: 0 15px; } + +#UITourTooltipButtons > button:first-child { + -moz-margin-start: 0; } + +#UITourTooltipButtons > button[image] > .button-box > .button-icon { + width: 16px; + height: 16px; + -moz-margin-end: 5px; } + +#UITourTooltipButtons > button .button-text { + font-size: 1.15rem; } + +#UITourTooltipButtons > button:not(.button-link) { + -moz-appearance: none; + background-color: #fbfbfb; + border-radius: 3px; + border: 1px solid; + border-color: silver; + color: #474747; + padding: 4px 30px; + transition-property: background-color, border-color; + transition-duration: 150ms; } + +#UITourTooltipButtons > button:not(.button-link):not(:active):hover { + background-color: rgba(24, 26, 27, 0.15); + border-color: rgba(24, 26, 27, 0.15); + box-shadow: 0 1px 0 0 rgba(24, 26, 27, 0.05) inset; } + +#UITourTooltipButtons > button.button-link { + -moz-appearance: none; + background: transparent; + border: none; + box-shadow: none; + color: rgba(0, 0, 0, 0.35); + padding-left: 10px; + padding-right: 10px; } + +#UITourTooltipButtons > button.button-link:hover { + color: black; } + +/* The primary button gets the same color as the customize button. */ +#UITourTooltipButtons > button.button-primary { + background-color: #74bf43; + color: white; + padding-left: 30px; + padding-right: 30px; } + +#UITourTooltipButtons > button.button-primary:not(:active):hover { + background-color: #69ad3d; } + +/* Notification overrides for Heartbeat UI */ +notification.heartbeat { + background-color: #F1F1F1; + border-bottom: 1px solid #C1C1C1; + height: 40px; } + +/* In themes/osx/global/notification.css the close icon is inverted because notifications + on OSX are usually dark. Heartbeat is light, so override that behaviour. */ +@keyframes pulse-onshow { + 0% { + opacity: 0; + transform: scale(1); } + 25% { + opacity: 1; + transform: scale(1.1); } + 50% { + transform: scale(1); } + 75% { + transform: scale(1.1); } + 100% { + transform: scale(1); } } +@keyframes pulse-twice { + 0% { + transform: scale(1.1); } + 50% { + transform: scale(0.8); } + 100% { + transform: scale(1); } } +.messageText.heartbeat { + color: #333333; + text-shadow: none; + -moz-margin-start: 0px; + /* The !important is required to override OSX default style. */ + -moz-margin-end: 12px !important; } + +.messageImage.heartbeat { + width: 24px; + height: 24px; + -moz-margin-start: 8px; + -moz-margin-end: 8px; } + +.messageImage.heartbeat.pulse-onshow { + animation-name: pulse-onshow; + animation-duration: 1.5s; + animation-iteration-count: 1; + animation-timing-function: cubic-bezier(0.7, 1.8, 0.9, 1.1); } + +.messageImage.heartbeat.pulse-twice { + animation-name: pulse-twice; + animation-duration: 1s; + animation-iteration-count: 2; + animation-timing-function: linear; } + +/* Learn More link styles */ +.heartbeat > .text-link { + color: #0095DD; + -moz-margin-start: 0px; } + +.heartbeat > .text-link:hover { + color: #008ACB; + text-decoration: none; } + +.heartbeat > .text-link:hover:active { + color: #006B9D; } + +/* Heartbeat UI Rating Star Classes */ +.heartbeat > #star-rating-container { + display: -moz-box; + margin-bottom: 4px; } + +.heartbeat > #star-rating-container > #star5 { + -moz-box-ordinal-group: 5; } + +.heartbeat > #star-rating-container > #star4 { + -moz-box-ordinal-group: 4; } + +.heartbeat > #star-rating-container > #star3 { + -moz-box-ordinal-group: 3; } + +.heartbeat > #star-rating-container > #star2 { + -moz-box-ordinal-group: 2; } + +.heartbeat > #star-rating-container > .star-x { + background: url("chrome://browser/skin/heartbeat-star-off.svg"); + cursor: pointer; + /* Overrides the -moz-margin-end for all platforms defined in the .plain class */ + -moz-margin-end: 4px !important; + width: 16px; + height: 16px; } + +.heartbeat > #star-rating-container > .star-x:hover, +.heartbeat > #star-rating-container > .star-x:hover ~ .star-x { + background: url("chrome://browser/skin/heartbeat-star-lit.svg"); } + +#UITourHighlight { + /* Below are some fixes for people without an X compositor on Linux. + This is why we can't have nice things: */ + /* Animations don't repaint properly without an X compositor. */ + animation-name: none !important; + /* Opacity rounds to 0 or 1 on Linux without an X compositor so make the + background be transparent in that case by having all alpha values < 0.5 */ + background-image: radial-gradient(50% 100%, rgba(0, 149, 220, 0.3) 50%, rgba(0, 149, 220, 0.49) 100%); + /* The highlight isn't anti-aliased without an X compositor so make it thicker. + Make it a darker color since we don't have the box-shadow in this case. */ + border: 4px solid #0095dc; } + +#UITourTooltipDescription { + font-size: 1.05rem; } + +#UITourTooltipClose { + -moz-margin-end: -4px; + height: 16px; + width: 16px; } + +#UITourTooltipButtons { + margin-bottom: -10px; } + +#context-navigation > .menuitem-iconic { + -moz-box-flex: 1; + -moz-box-pack: center; + -moz-box-align: center; } + +#context-navigation > .menuitem-iconic > .menu-iconic-left { + -moz-appearance: none; } + +#context-back { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back"); } + +#context-back[_moz-menuactive=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-active"); } + +#context-back[disabled=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-disabled"); } + +#context-forward { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward"); } + +#context-forward[_moz-menuactive=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-active"); } + +#context-forward[disabled=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-disabled"); } + +#context-reload { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload"); } + +#context-reload[_moz-menuactive=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-active"); } + +#context-reload[disabled=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-disabled"); } + +#context-stop { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop"); } + +#context-stop[_moz-menuactive=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-active"); } + +#context-stop[disabled=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-disabled"); } + +#context-bookmarkpage { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark"); } + +#context-bookmarkpage[_moz-menuactive=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-active"); } + +#context-bookmarkpage[disabled=true] { + list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-disabled"); } + +#context-back:-moz-locale-dir(rtl), +#context-forward:-moz-locale-dir(rtl), +#context-reload:-moz-locale-dir(rtl) { + transform: scaleX(-1); } + +#context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon { + width: 16px; + height: 16px; + margin: 7px; } + +#context-media-eme-learnmore { + list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); } + +#context-navigation > .menuitem-iconic > .menu-iconic-left { + visibility: visible; + /* override toolkit/themes/linux/global/menu.css */ + -moz-padding-end: 0 !important; + -moz-margin-end: 0 !important; } diff --git a/arc-firefox-theme/chrome/browser/sass/browser-light.scss b/arc-firefox-theme/chrome/browser/sass/browser-light.scss new file mode 100644 index 0000000..8b87ca0 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/sass/browser-light.scss @@ -0,0 +1,7 @@ +$variant: 'light'; +$transparency: 'true'; +$darker: 'false'; + +@import "_colors"; +@import "_drawing"; +@import "_browser-sass"; diff --git a/arc-firefox-theme/chrome/browser/sass/parse-sass.sh b/arc-firefox-theme/chrome/browser/sass/parse-sass.sh new file mode 100755 index 0000000..34eb227 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/sass/parse-sass.sh @@ -0,0 +1,3 @@ +#! /bin/bash + +bundle exec sass --update --style=nested --sourcemap=none . diff --git a/arc-firefox-theme/chrome/browser/search-engine-placeholder.png b/arc-firefox-theme/chrome/browser/search-engine-placeholder.png Binary files differnew file mode 100644 index 0000000..bff355b --- /dev/null +++ b/arc-firefox-theme/chrome/browser/search-engine-placeholder.png diff --git a/arc-firefox-theme/chrome/browser/search-history-icon.svg b/arc-firefox-theme/chrome/browser/search-history-icon.svg new file mode 100644 index 0000000..be66d39 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/search-history-icon.svg @@ -0,0 +1,32 @@ +<?xml version="1.0"?> +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + x="0" + y="0" + width="16" + height="16" + viewBox="0 0 16 16"> +<style type="text/css"> + +use:not(:target) { + display: none; +} + +use { + fill: graytext; +} + +use[id$="-active"] { + fill: HighlightText; +} + +</style> +<defs style="display:none"> + <path id="search-history-glyph" d="M8,1C4.1,1,1,4.1,1,8c0,3.9,3.1,7,7,7c3.9,0,7-3.1,7-7 C15,4.1,11.9,1,8,1z M8,13.3c-2.9,0-5.3-2.4-5.3-5.3S5.1,2.7,8,2.7c2.9,0,5.3,2.4,5.3,5.3S10.9,13.3,8,13.3z M10.5,7H9V5 c0-0.6-0.4-1-1-1S7,4.4,7,5v3c0,0.6,0.4,1,1,1h2.5c0.6,0,1-0.4,1-1C11.5,7.4,11.1,7,10.5,7z"/> +</defs> +<use id="search-history-icon" xlink:href="#search-history-glyph"/> +<use id="search-history-icon-active" xlink:href="#search-history-glyph"/> +</svg> diff --git a/arc-firefox-theme/chrome/browser/search-indicator-badge-add.png b/arc-firefox-theme/chrome/browser/search-indicator-badge-add.png Binary files differnew file mode 100644 index 0000000..62bf01b --- /dev/null +++ b/arc-firefox-theme/chrome/browser/search-indicator-badge-add.png diff --git a/arc-firefox-theme/chrome/browser/search-indicator.png b/arc-firefox-theme/chrome/browser/search-indicator.png Binary files differnew file mode 100644 index 0000000..a4eab0d --- /dev/null +++ b/arc-firefox-theme/chrome/browser/search-indicator.png diff --git a/arc-firefox-theme/chrome/browser/search-pref.png b/arc-firefox-theme/chrome/browser/search-pref.png Binary files differnew file mode 100644 index 0000000..1d50804 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/search-pref.png diff --git a/arc-firefox-theme/chrome/browser/searchbar.css b/arc-firefox-theme/chrome/browser/searchbar.css new file mode 100644 index 0000000..02c8a01 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/searchbar.css @@ -0,0 +1,274 @@ +/* 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/. */ + +#PopupSearchAutoComplete { + -moz-margin-start: -24px; + padding: 1px; +} + +.searchbar-textbox { + min-height: 22px; + background-color: -moz-field; +} + +.autocomplete-textbox-container { + -moz-box-align: stretch; +} + +.textbox-input-box { + margin: 0; +} + +.searchbar-engine-menuitem[selected="true"] > .menu-iconic-text { + font-weight: bold; +} + +/* Engine button */ +.searchbar-engine-image { + height: 16px; + width: 16px; + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); +} + +.searchbar-engine-button { + -moz-appearance: none; + min-width: 0; + margin: 0; + border: 0; + -moz-box-align: center; + background-color: transparent; +} + +.searchbar-engine-button > .button-box { + -moz-appearance: none; + padding: 2px 0; + -moz-padding-end: 2px; + border: 0; +} + +.searchbar-dropmarker-image { + -moz-appearance: toolbarbutton-dropdown !important; + width: 12px; + height: 12px; +} + +/* Search go button */ +.search-go-container { + -moz-box-align: center; +} + +.search-go-button { + padding: 1px; + list-style-image: url(moz-icon://stock/gtk-find?size=menu); +} + +menuitem[cmd="cmd_clearhistory"] { + list-style-image: url("moz-icon://stock/gtk-clear?size=menu"); +} + +menuitem[cmd="cmd_clearhistory"][disabled] { + list-style-image: url("moz-icon://stock/gtk-clear?size=menu&state=disabled"); +} + + + + +.searchbar-search-button-container { + -moz-box-align: center; +} + +.searchbar-search-button { + list-style-image: url("chrome://browser/skin/search-indicator.png"); + -moz-image-region: rect(0, 20px, 20px, 0); + -moz-margin-start: 2px; +} + +.searchbar-search-button[addengines="true"] { + list-style-image: url("chrome://browser/skin/search-indicator-badge-add.png"); +} + +.searchbar-search-button:hover { + -moz-image-region: rect(0, 40px, 20px, 20px); +} + +.searchbar-search-button:hover:active { + -moz-image-region: rect(0, 60px, 20px, 40px); +} + +searchbar[oneoffui] .search-go-button { + list-style-image: url("chrome://browser/skin/reload-stop-go.png"); + -moz-image-region: rect(0, 42px, 14px, 28px); +} + +searchbar[oneoffui] .search-go-button:hover { + -moz-image-region: rect(14px, 42px, 28px, 28px); +} + +searchbar[oneoffui] .search-go-button:hover:active { + -moz-image-region: rect(28px, 42px, 42px, 28px); +} + +searchbar[oneoffui] .search-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); +} + + +.search-panel-current-engine { + border-top: none !important; + -moz-box-align: center; +} + +.search-panel-current-engine:not([showonlysettings]) { + border-bottom: 1px solid #ccc; +} + +.search-panel-header { + font-weight: normal; + background-color: rgb(245, 245, 245); + border-top: 1px solid #ccc; + padding: 3px 5px; + color: #666; +} + +.search-panel-current-input > label { + margin: 0 0 !important; +} + +.search-panel-input-value { + color: black; +} + +.search-panel-one-offs { + margin: 0 -1px !important; + border-top: 1px solid #ccc; +} + +.searchbar-engine-one-off-item { + -moz-appearance: none; + display: inline-block; + border: none; + min-width: 48px; + height: 32px; + margin: 0 0; + padding: 0 0; + background: none; + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAWCAYAAAABxvaqAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gofECQNNVW2/AAAABBJREFUGFdjOHPmzH8GehEA/KpKg9YTf4AAAAAASUVORK5CYII='); + background-repeat: no-repeat; + background-position: right center; +} + +.searchbar-engine-one-off-item:not(.last-row) { + box-sizing: padding-box; + border-bottom: 1px solid #ccc; +} + +.searchbar-engine-one-off-item.last-of-row { + background-image: none; +} + +.searchbar-engine-one-off-item[selected] { + background-color: Highlight; + background-image: none; +} + +.searchbar-engine-one-off-item > .button-box { + border: none; + padding: 0; +} + +.searchbar-engine-one-off-item > .button-box > .button-text { + display: none; +} + +.searchbar-engine-one-off-item > .button-box > .button-icon { + display: -moz-box; + -moz-margin-end: 0; + width: 16px; + height: 16px; +} + +.addengine-item { + -moz-appearance: none; + border: none; + height: 32px; + margin: 0; + padding: 0 10px; +} + +.addengine-item > .button-box { + -moz-box-pack: start; +} + +.addengine-item:first-of-type { + border-top: 1px solid #ccc; +} + +.addengine-item[selected] { + background-color: Highlight; + color: HighlightText; +} + +.addengine-icon { + width: 16px; +} + +.addengine-badge { + width: 16px; + height: 16px; + margin: -7px -9px 7px 9px; + list-style-image: url("chrome://browser/skin/badge-add-engine.png"); +} + +.addengine-item > .button-box > .button-text { + -moz-box-flex: 1; + text-align: start; + -moz-padding-start: 10px; +} + +.addengine-item:not([image]) { + list-style-image: url("chrome://browser/skin/search-engine-placeholder.png"); +} + +searchbar[oneoffui] .searchbar-engine-button { + display: none; +} + +.search-panel-tree > .autocomplete-treebody::-moz-tree-cell { + border-top: none !important; +} + +.search-panel-tree > .autocomplete-treebody::-moz-tree-cell-text { + -moz-padding-start: 4px; +} + +.search-panel-tree > .autocomplete-treebody::-moz-tree-image { + -moz-padding-start: 5px; + width: 14px; + height: 14px; +} + +.search-panel-tree > .autocomplete-treebody::-moz-tree-image(fromhistory) { + list-style-image: url("chrome://browser/skin/search-history-icon.svg#search-history-icon"); +} + +.search-panel-tree > .autocomplete-treebody::-moz-tree-image(fromhistory, selected) { + list-style-image: url("chrome://browser/skin/search-history-icon.svg#search-history-icon-active"); +} + +searchbar[oneoffui] .searchbar-engine-image { + -moz-margin-start: -1px; +} + +.search-setting-button { + -moz-appearance: none; + border: none; + border-top: 1px solid #ccc; + margin: 0; + min-height: 32px; +} + +.search-setting-button[selected] { + background-color: #d3d3d3; + border-top-color: #bdbebe; +} diff --git a/arc-firefox-theme/chrome/browser/session-restore.svg b/arc-firefox-theme/chrome/browser/session-restore.svg new file mode 100644 index 0000000..aadee35 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/session-restore.svg @@ -0,0 +1,12 @@ +<?xml version="1.0" encoding="utf-8"?>
+<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/browser/setDesktopBackground.css b/arc-firefox-theme/chrome/browser/setDesktopBackground.css new file mode 100644 index 0000000..585284c --- /dev/null +++ b/arc-firefox-theme/chrome/browser/setDesktopBackground.css @@ -0,0 +1,18 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +html|canvas#screen { + margin: 12px 11px 32px; +} + +#monitor { + list-style-image: url("chrome://browser/skin/monitor.png"); +} + +#monitor[aspectratio="16:10"] { + list-style-image: url("chrome://browser/skin/monitor_16-10.png"); +} diff --git a/arc-firefox-theme/chrome/browser/slowStartup-16.png b/arc-firefox-theme/chrome/browser/slowStartup-16.png Binary files differnew file mode 100644 index 0000000..834dc0f --- /dev/null +++ b/arc-firefox-theme/chrome/browser/slowStartup-16.png diff --git a/arc-firefox-theme/chrome/browser/social/chat-icons.svg b/arc-firefox-theme/chrome/browser/social/chat-icons.svg new file mode 100644 index 0000000..272fe5b --- /dev/null +++ b/arc-firefox-theme/chrome/browser/social/chat-icons.svg @@ -0,0 +1,45 @@ +<?xml version="1.0"?> +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + x="0px" y="0px" + viewBox="-3 -3 16 16" + enable-background="new 0 0 16 16" + xml:space="preserve"> +<style> +use:not(:target) { + display: none; +} + +use { + fill: #c1c1c1; +} + +use[id$="-active"] { + fill: #c1c1c1; +} + +use[id$="-disabled"] { + fill: #c1c1c1; +} +</style> +<defs> + <polygon id="close-shape" fill-rule="evenodd" clip-rule="evenodd" points="10,1.717 8.336,0.049 5.024,3.369 1.663,0 0,1.668 + 3.36,5.037 0.098,8.307 1.762,9.975 5.025,6.705 8.311,10 9.975,8.332 6.688,5.037"/> + <path id="dropdown-shape" fill-rule="evenodd" clip-rule="evenodd" d="M9,3L4.984,7L1,3H9z"/> + <polygon id="expand-shape" fill-rule="evenodd" clip-rule="evenodd" points="10,0 4.838,0 6.506,1.669 0,8.175 1.825,10 8.331,3.494 + 10,5.162"/> + <rect id="minimize-shape" y="3.6" fill-rule="evenodd" clip-rule="evenodd" width="10" height="2.8"/> +</defs> +<use id="close" xlink:href="#close-shape"/> +<use id="close-active" xlink:href="#close-shape"/> +<use id="close-disabled" xlink:href="#close-shape"/> +<use id="expand" xlink:href="#expand-shape"/> +<use id="expand-active" xlink:href="#expand-shape"/> +<use id="expand-disabled" xlink:href="#expand-shape"/> +<use id="minimize" xlink:href="#minimize-shape"/> +<use id="minimize-active" xlink:href="#minimize-shape"/> +<use id="minimize-disabled" xlink:href="#minimize-shape"/> +</svg> diff --git a/arc-firefox-theme/chrome/browser/social/gear_clicked.png b/arc-firefox-theme/chrome/browser/social/gear_clicked.png Binary files differnew file mode 100644 index 0000000..7c93aa7 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/social/gear_clicked.png diff --git a/arc-firefox-theme/chrome/browser/social/gear_default.png b/arc-firefox-theme/chrome/browser/social/gear_default.png Binary files differnew file mode 100644 index 0000000..2a9c8e1 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/social/gear_default.png diff --git a/arc-firefox-theme/chrome/browser/social/services-16.png b/arc-firefox-theme/chrome/browser/social/services-16.png Binary files differnew file mode 100644 index 0000000..7001ea1 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/social/services-16.png diff --git a/arc-firefox-theme/chrome/browser/social/services-64.png b/arc-firefox-theme/chrome/browser/social/services-64.png Binary files differnew file mode 100644 index 0000000..e787bdd --- /dev/null +++ b/arc-firefox-theme/chrome/browser/social/services-64.png diff --git a/arc-firefox-theme/chrome/browser/social/share-button-active.png b/arc-firefox-theme/chrome/browser/social/share-button-active.png Binary files differnew file mode 100644 index 0000000..7df438d --- /dev/null +++ b/arc-firefox-theme/chrome/browser/social/share-button-active.png diff --git a/arc-firefox-theme/chrome/browser/social/share-button.png b/arc-firefox-theme/chrome/browser/social/share-button.png Binary files differnew file mode 100644 index 0000000..c5298c1 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/social/share-button.png diff --git a/arc-firefox-theme/chrome/browser/sync-128.png b/arc-firefox-theme/chrome/browser/sync-128.png Binary files differnew file mode 100644 index 0000000..1ea3481 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/sync-128.png diff --git a/arc-firefox-theme/chrome/browser/sync-16.png b/arc-firefox-theme/chrome/browser/sync-16.png Binary files differnew file mode 100644 index 0000000..0afb1c7 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/sync-16.png diff --git a/arc-firefox-theme/chrome/browser/sync-32.png b/arc-firefox-theme/chrome/browser/sync-32.png Binary files differnew file mode 100644 index 0000000..7a762cb --- /dev/null +++ b/arc-firefox-theme/chrome/browser/sync-32.png diff --git a/arc-firefox-theme/chrome/browser/sync-bg.png b/arc-firefox-theme/chrome/browser/sync-bg.png Binary files differnew file mode 100644 index 0000000..893a27d --- /dev/null +++ b/arc-firefox-theme/chrome/browser/sync-bg.png diff --git a/arc-firefox-theme/chrome/browser/sync-desktopIcon.png b/arc-firefox-theme/chrome/browser/sync-desktopIcon.png Binary files differnew file mode 100644 index 0000000..d3d1e27 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/sync-desktopIcon.png diff --git a/arc-firefox-theme/chrome/browser/sync-horizontalbar.png b/arc-firefox-theme/chrome/browser/sync-horizontalbar.png Binary files differnew file mode 100644 index 0000000..824d469 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/sync-horizontalbar.png diff --git a/arc-firefox-theme/chrome/browser/sync-horizontalbar@2x.png b/arc-firefox-theme/chrome/browser/sync-horizontalbar@2x.png Binary files differnew file mode 100644 index 0000000..fadb575 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/sync-horizontalbar@2x.png diff --git a/arc-firefox-theme/chrome/browser/sync-mobileIcon.png b/arc-firefox-theme/chrome/browser/sync-mobileIcon.png Binary files differnew file mode 100644 index 0000000..a3bda57 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/sync-mobileIcon.png diff --git a/arc-firefox-theme/chrome/browser/sync-notification-24.png b/arc-firefox-theme/chrome/browser/sync-notification-24.png Binary files differnew file mode 100644 index 0000000..d67eb47 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/sync-notification-24.png diff --git a/arc-firefox-theme/chrome/browser/syncCommon.css b/arc-firefox-theme/chrome/browser/syncCommon.css new file mode 100644 index 0000000..9a84ceb --- /dev/null +++ b/arc-firefox-theme/chrome/browser/syncCommon.css @@ -0,0 +1,49 @@ +/* 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 following are used by both sync/setup.xul and sync/genericChange.xul */ +.status { + color: -moz-dialogtext; +} + +.statusIcon { + -moz-margin-start: 4px; + max-height: 16px; + max-width: 16px; +} + +.statusIcon[status="active"] { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); +} + +.statusIcon[status="error"] { + list-style-image: url("moz-icon://stock/gtk-dialog-error?size=menu"); +} + +.statusIcon[status="success"] { + list-style-image: url("moz-icon://stock/gtk-dialog-info?size=menu"); +} + +/* .data is only used by sync/genericChange.xul, but it seems unnecessary to have + a separate stylesheet for it. */ +.data { + font-size: 90%; + font-weight: bold; +} + +dialog#change-dialog { + width: 40em; +} + +image#syncIcon { + list-style-image: url("chrome://browser/skin/sync-32.png"); +} + +#introText { + margin-top: 2px; +} + +#feedback { + height: 2em; +} diff --git a/arc-firefox-theme/chrome/browser/syncProgress-horizontalbar.png b/arc-firefox-theme/chrome/browser/syncProgress-horizontalbar.png Binary files differnew file mode 100644 index 0000000..48cd110 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/syncProgress-horizontalbar.png diff --git a/arc-firefox-theme/chrome/browser/syncProgress-horizontalbar@2x.png b/arc-firefox-theme/chrome/browser/syncProgress-horizontalbar@2x.png Binary files differnew file mode 100644 index 0000000..e1de476 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/syncProgress-horizontalbar@2x.png diff --git a/arc-firefox-theme/chrome/browser/syncProgress-menuPanel.png b/arc-firefox-theme/chrome/browser/syncProgress-menuPanel.png Binary files differnew file mode 100644 index 0000000..6fd6f9c --- /dev/null +++ b/arc-firefox-theme/chrome/browser/syncProgress-menuPanel.png diff --git a/arc-firefox-theme/chrome/browser/syncProgress-menuPanel@2x.png b/arc-firefox-theme/chrome/browser/syncProgress-menuPanel@2x.png Binary files differnew file mode 100644 index 0000000..04b2cae --- /dev/null +++ b/arc-firefox-theme/chrome/browser/syncProgress-menuPanel@2x.png diff --git a/arc-firefox-theme/chrome/browser/syncProgress-toolbar-inverted.png b/arc-firefox-theme/chrome/browser/syncProgress-toolbar-inverted.png Binary files differnew file mode 100644 index 0000000..4ede438 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/syncProgress-toolbar-inverted.png diff --git a/arc-firefox-theme/chrome/browser/syncProgress-toolbar.png b/arc-firefox-theme/chrome/browser/syncProgress-toolbar.png Binary files differnew file mode 100644 index 0000000..49e224f --- /dev/null +++ b/arc-firefox-theme/chrome/browser/syncProgress-toolbar.png diff --git a/arc-firefox-theme/chrome/browser/syncProgress.css b/arc-firefox-theme/chrome/browser/syncProgress.css new file mode 100644 index 0000000..d7aa599 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/syncProgress.css @@ -0,0 +1,46 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ +@import url(chrome://global/skin/inContentUI.css); + +:root { + height: 100%; + width: 100%; + padding: 0; +} + +body { + margin: 0; + padding: 0 2em; +} + +#floatingBox { + margin: 4em auto; + max-width: 40em; + min-width: 23em; + padding: 1em 1.5em; + position: relative; + text-align: center; +} + +#successLogo { + margin: 1em 2em; +} + +#loadingText { + margin: 2em 6em; +} + +#progressBar { + margin: 2em 10em; +} + +#uploadProgressBar{ + width: 100%; +} + +#bottomRow { + margin-top: 2em; + padding: 0; + text-align: end; +} diff --git a/arc-firefox-theme/chrome/browser/syncQuota.css b/arc-firefox-theme/chrome/browser/syncQuota.css new file mode 100644 index 0000000..1577de8 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/syncQuota.css @@ -0,0 +1,26 @@ +/* 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/. */ + +#quotaDialog { + width: 33em; + height: 25em; +} + +treechildren::-moz-tree-checkbox { + list-style-image: none; +} +treechildren::-moz-tree-checkbox(checked) { + list-style-image: url("chrome://global/skin/checkbox/cbox-check.gif"); +} +treechildren::-moz-tree-checkbox(disabled) { + list-style-image: url("chrome://global/skin/checkbox/cbox-check-dis.gif"); +} + +#treeCaption { + height: 4em; +} + +.captionWarning { + font-weight: bold; +} diff --git a/arc-firefox-theme/chrome/browser/syncSetup.css b/arc-firefox-theme/chrome/browser/syncSetup.css new file mode 100644 index 0000000..4c6518a --- /dev/null +++ b/arc-firefox-theme/chrome/browser/syncSetup.css @@ -0,0 +1,127 @@ +/* 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/. */ + +wizard { + -moz-appearance: none; + width: 55em; + height: 45em; + padding: 0; + background-color: Window; +} + +.wizard-page-box { + -moz-appearance: none; + padding-left: 0; + padding-right: 0; + margin: 0; +} + +wizardpage { + -moz-box-pack: center; + -moz-box-align: center; + margin: 0; + padding: 0 6em; + background-color: Window; +} + +.wizard-header { + -moz-appearance: none; + border: none; + padding: 2em 0 1em 0; + text-align: center; +} +.wizard-header-label { + font-size: 24pt; + font-weight: normal; +} + +.wizard-buttons { + background-color: rgba(0,0,0,0.1); + padding: 1em; +} + +.wizard-buttons-separator { + visibility: collapse; +} + +.wizard-header-icon { + visibility: collapse; +} + +.accountChoiceButton { + font: menu; +} + +.confirm { + border: 1px solid black; + padding: 1em; + border-radius: 5px; +} + +/* Override the text-link style from global.css */ +description > .text-link, +description > .text-link:focus { + margin: 0px; + padding: 0px; + border: 0px; +} + + +.success, +.error { + padding: 2px; + border-radius: 2px; +} + +.error { + background-color: #FF0000 !important; + color: #FFFFFF !important; +} + +.success { + background-color: #00FF00 !important; +} + +.warning { + font-weight: bold; + font-size: 100%; + color: red; +} + +.mainDesc { + font-weight: bold; + font-size: 100%; +} + +.normal { + font-size: 100%; +} + +.inputColumn { + -moz-margin-end: 2px +} + +.pin { + font-size: 18pt; + width: 4em; + text-align: center; +} + +#passphraseHelpSpacer { + width: 0.5em; +} + +#pairDeviceThrobber > image, +#login-throbber > image { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); +} + +#captchaFeedback { + visibility: hidden; +} + +#successPageIcon { + /* TODO replace this with a 128px version (bug 591122) */ + list-style-image: url("chrome://browser/skin/sync-32.png"); +} diff --git a/arc-firefox-theme/chrome/browser/tab-crashed.svg b/arc-firefox-theme/chrome/browser/tab-crashed.svg new file mode 100644 index 0000000..9a656eb --- /dev/null +++ b/arc-firefox-theme/chrome/browser/tab-crashed.svg @@ -0,0 +1,16 @@ +<?xml version="1.0" encoding="utf-8"?>
+<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="12.8499" x2="30" y2="47.1501">
+ <stop offset="0" style="stop-color: #e63b2e"/>
+ <stop offset="1" style="stop-color: #c33931"/>
+ </linearGradient>
+ <path fill-rule="evenodd" clip-rule="evenodd" fill="url(#gradient)" d="M49.048,17.648H29.004
+ c-2.289-0.016-2.809-1.142-3.165-2.401c-0.359-1.269-1.076-2.397-3.229-2.397c-5.775,0-5.42,0-6.167,0
+ c-2.153,0-2.87,1.127-3.229,2.397c-0.359,1.269-0.882,2.403-3.214,2.403h0.94c-0.519,0.008-0.937,0.433-0.937,0.958v27.583
+ c0,0.53,0.426,0.959,0.952,0.959h38.093c0.526,0,0.952-0.429,0.952-0.959V18.607C50,18.077,49.574,17.648,49.048,17.648z
+ M18.441,27.932c0-2.119,1.705-3.837,3.809-3.837c2.103,0,3.809,1.718,3.809,3.837c0,2.119-1.705,3.837-3.809,3.837
+ C20.146,31.769,18.441,30.051,18.441,27.932z M36.717,41.83c-1.525,0-1.525-2.305-6.864-2.305c-5.339,0-5.339,2.305-6.864,2.305
+ c-0.842,0-1.526-0.512-1.526-1.537c0-1.024,1.271-3.842,8.39-3.842c7.119,0,8.39,2.804,8.39,3.842
+ C38.243,41.331,37.56,41.83,36.717,41.83z M37.485,31.769c-2.104,0-3.809-1.718-3.809-3.837c0-2.119,1.705-3.837,3.809-3.837
+ c2.104,0,3.809,1.718,3.809,3.837C41.294,30.051,39.588,31.769,37.485,31.769z"/>
+</svg>
\ No newline at end of file diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/alltabs-inverted.png b/arc-firefox-theme/chrome/browser/tabbrowser/alltabs-inverted.png Binary files differnew file mode 100644 index 0000000..f3261f1 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/tabbrowser/alltabs-inverted.png diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/alltabs.png b/arc-firefox-theme/chrome/browser/tabbrowser/alltabs.png Binary files differnew file mode 100644 index 0000000..a7abe73 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/tabbrowser/alltabs.png diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/connecting.png b/arc-firefox-theme/chrome/browser/tabbrowser/connecting.png Binary files differnew file mode 100644 index 0000000..e564fb5 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/tabbrowser/connecting.png diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/crashed.svg b/arc-firefox-theme/chrome/browser/tabbrowser/crashed.svg new file mode 100644 index 0000000..013e2b9 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/tabbrowser/crashed.svg @@ -0,0 +1,11 @@ +<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ viewBox="22 22 16 16">
+ <linearGradient id="gradient" gradientUnits="userSpaceOnUse" x1="30" y1="23" x2="30" y2="37">
+ <stop offset="0" style="stop-color: #e63b2e"/>
+ <stop offset="1" style="stop-color: #c33931"/>
+ </linearGradient>
+ <circle fill="url(#gradient)" cx="30" cy="30" r="7"/>
+ <path fill="#fff" d="M31.03,33.304c0,0.6-0.479,1.092-1.091,1.092c-0.6,0-1.079-0.492-1.079-1.092 c0-0.588,0.479-1.079,1.079-1.079C30.551,32.225,31.03,32.716,31.03,33.304z M29.171,31.133l-0.24-5.253h2.015l-0.24,5.253H29.171z"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/loading.png b/arc-firefox-theme/chrome/browser/tabbrowser/loading.png Binary files differnew file mode 100644 index 0000000..55f25e5 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/tabbrowser/loading.png diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/pendingpaint.png b/arc-firefox-theme/chrome/browser/tabbrowser/pendingpaint.png Binary files differnew file mode 100644 index 0000000..82bac53 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/tabbrowser/pendingpaint.png diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/tab-active-middle.png b/arc-firefox-theme/chrome/browser/tabbrowser/tab-active-middle.png Binary files differnew file mode 100644 index 0000000..b7e6d6f --- /dev/null +++ b/arc-firefox-theme/chrome/browser/tabbrowser/tab-active-middle.png diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/tab-arrow-left-inverted.png b/arc-firefox-theme/chrome/browser/tabbrowser/tab-arrow-left-inverted.png Binary files differnew file mode 100644 index 0000000..16cd7a2 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/tabbrowser/tab-arrow-left-inverted.png diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/tab-arrow-left.png b/arc-firefox-theme/chrome/browser/tabbrowser/tab-arrow-left.png Binary files differnew file mode 100644 index 0000000..e0fb348 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/tabbrowser/tab-arrow-left.png diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/tab-background-end.png b/arc-firefox-theme/chrome/browser/tabbrowser/tab-background-end.png Binary files differnew file mode 100644 index 0000000..fb353b1 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/tabbrowser/tab-background-end.png diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/tab-background-middle.png b/arc-firefox-theme/chrome/browser/tabbrowser/tab-background-middle.png Binary files differnew file mode 100644 index 0000000..51e066c --- /dev/null +++ b/arc-firefox-theme/chrome/browser/tabbrowser/tab-background-middle.png diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/tab-background-start.png b/arc-firefox-theme/chrome/browser/tabbrowser/tab-background-start.png Binary files differnew file mode 100644 index 0000000..cf0dc85 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/tabbrowser/tab-background-start.png diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/tab-overflow-indicator.png b/arc-firefox-theme/chrome/browser/tabbrowser/tab-overflow-indicator.png Binary files differnew file mode 100644 index 0000000..17d27c9 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/tabbrowser/tab-overflow-indicator.png diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/tab-selected-end.svg b/arc-firefox-theme/chrome/browser/tabbrowser/tab-selected-end.svg new file mode 100644 index 0000000..ba68a06 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/tabbrowser/tab-selected-end.svg @@ -0,0 +1,51 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> + +<svg version="1.1" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg" + width="30px" + height="31px" + preserveAspectRatio="none"> + <defs> + <style><![CDATA[ + + +/* 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/. */ + + + + #tab-background-fill { + background-color: -moz-dialog; + background-image: linear-gradient(transparent 0px, transparent 2px, hsla(0,0%,100%,0.35) 2px, hsla(0,0%,100%,0.35) 3px, hsla(0,0%,100%,0.65) 3px, hsla(0,0%,100%,0.65) 4px, rgba(255,255,255,.3)); + background-repeat: no-repeat; + height: 100%; + width: 100%; + } + + ]]></style> + +<!-- 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:clipPath id="tab-curve-clip-path-start" clipPathUnits="objectBoundingBox"> + <svg:path d="m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z"/> +</svg:clipPath> + +<svg:clipPath id="tab-curve-clip-path-end" clipPathUnits="objectBoundingBox"> + <svg:path d="m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z"/> +</svg:clipPath> + +<svg:clipPath id="tab-hover-clip-path" clipPathUnits="objectBoundingBox"> + <svg:path d="M 0,0.2 0,1 1,1, 1,0.2 z"/> +</svg:clipPath> + + </defs> + <foreignObject width="30" height="31" clip-path="url(#tab-curve-clip-path-end)"> + <div id="tab-background-fill" xmlns="http://www.w3.org/1999/xhtml"></div> + </foreignObject> +</svg> diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/tab-selected-start.svg b/arc-firefox-theme/chrome/browser/tabbrowser/tab-selected-start.svg new file mode 100644 index 0000000..383b5d4 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/tabbrowser/tab-selected-start.svg @@ -0,0 +1,51 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> + +<svg version="1.1" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg" + width="30px" + height="31px" + preserveAspectRatio="none"> + <defs> + <style><![CDATA[ + + +/* 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/. */ + + + + #tab-background-fill { + background-color: -moz-dialog; + background-image: linear-gradient(transparent 0px, transparent 2px, hsla(0,0%,100%,0.35) 2px, hsla(0,0%,100%,0.35) 3px, hsla(0,0%,100%,0.65) 3px, hsla(0,0%,100%,0.65) 4px, rgba(255,255,255,.3)); + background-repeat: no-repeat; + height: 100%; + width: 100%; + } + + ]]></style> + +<!-- 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:clipPath id="tab-curve-clip-path-start" clipPathUnits="objectBoundingBox"> + <svg:path d="m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z"/> +</svg:clipPath> + +<svg:clipPath id="tab-curve-clip-path-end" clipPathUnits="objectBoundingBox"> + <svg:path d="m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z"/> +</svg:clipPath> + +<svg:clipPath id="tab-hover-clip-path" clipPathUnits="objectBoundingBox"> + <svg:path d="M 0,0.2 0,1 1,1, 1,0.2 z"/> +</svg:clipPath> + + </defs> + <foreignObject width="30" height="31" clip-path="url(#tab-curve-clip-path-start)"> + <div id="tab-background-fill" xmlns="http://www.w3.org/1999/xhtml"></div> + </foreignObject> +</svg> diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/tab-separator.png b/arc-firefox-theme/chrome/browser/tabbrowser/tab-separator.png Binary files differnew file mode 100644 index 0000000..0b3c4e4 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/tabbrowser/tab-separator.png diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/tab-stroke-end.png b/arc-firefox-theme/chrome/browser/tabbrowser/tab-stroke-end.png Binary files differnew file mode 100644 index 0000000..2aa5711 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/tabbrowser/tab-stroke-end.png diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/tab-stroke-start.png b/arc-firefox-theme/chrome/browser/tabbrowser/tab-stroke-start.png Binary files differnew file mode 100644 index 0000000..4e4e41f --- /dev/null +++ b/arc-firefox-theme/chrome/browser/tabbrowser/tab-stroke-start.png diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/tabDragIndicator.png b/arc-firefox-theme/chrome/browser/tabbrowser/tabDragIndicator.png Binary files differnew file mode 100644 index 0000000..df7d914 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/tabbrowser/tabDragIndicator.png diff --git a/arc-firefox-theme/chrome/browser/tabview/edit-light.png b/arc-firefox-theme/chrome/browser/tabview/edit-light.png Binary files differnew file mode 100644 index 0000000..af42a28 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/tabview/edit-light.png diff --git a/arc-firefox-theme/chrome/browser/tabview/search.png b/arc-firefox-theme/chrome/browser/tabview/search.png Binary files differnew file mode 100644 index 0000000..df7212d --- /dev/null +++ b/arc-firefox-theme/chrome/browser/tabview/search.png diff --git a/arc-firefox-theme/chrome/browser/tabview/stack-expander.png b/arc-firefox-theme/chrome/browser/tabview/stack-expander.png Binary files differnew file mode 100644 index 0000000..80e5133 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/tabview/stack-expander.png diff --git a/arc-firefox-theme/chrome/browser/tabview/tabview.css b/arc-firefox-theme/chrome/browser/tabview/tabview.css new file mode 100644 index 0000000..648b36e --- /dev/null +++ b/arc-firefox-theme/chrome/browser/tabview/tabview.css @@ -0,0 +1,666 @@ +/* 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/. */ + +body { + font: -moz-window; + color: WindowText; + font-size: 12px; +} + +#bg { + background-color: window; + background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.2)); +} + +/* Tabs +----------------------------------*/ + +.tab { + margin: 4px; + padding-top: 4px; + -moz-padding-end: 6px; + padding-bottom: 6px; + -moz-padding-start: 4px; + background-color: #D7D7D7; + border-radius: 0.4em; + cursor: pointer; +} + +html[dir=rtl] .tab { + box-shadow: 0 1px 0 #FFFFFF inset, + 0 -1px 1px rgba(255, 255, 255, 0.4) inset, + -1px 0 1px rgba(255, 255, 255, 0.4) inset, + 1px 0 1px rgba(255, 255, 255, 0.4) inset, + 0 1px 1.5px rgba(0, 0, 0, 0.4); +} + +.tab canvas, +.cached-thumb { + border: 1px solid rgba(0,0,0,0.2); +} + +.thumb { + box-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2); + background-color: white; +} + +html[dir=rtl] .thumb { + box-shadow: -1px 2px 0 rgba(0, 0, 0, 0.2); +} + +.favicon { + background-color: #D7D7D7; + box-shadow: + 0 -1px 0 rgba(225, 225, 225, 0.8) inset, + -1px 0 0 rgba(225, 225, 225, 0.8) inset; + padding-top: 4px; + -moz-padding-end: 6px; + padding-bottom: 6px; + -moz-padding-start: 4px; + top: 4px; + left: 4px; + -moz-border-end: 1px solid rgba(0, 0, 0, 0.3); + border-bottom: 1px solid rgba(0, 0, 0, 0.3); + height: 16px; + width: 16px; +} + +html[dir=ltr] .favicon { + border-bottom-right-radius: 0.4em; +} + +html[dir=rtl] .favicon { + border-bottom-left-radius: 0.4em; + box-shadow: + 0 -1px 0 rgba(225, 225, 225, 0.8) inset, + 1px 0 0 rgba(225, 225, 225, 0.8) inset; + left: auto; + right: 2px; +} + +.favicon img { + border: none; + width: 16px; + height: 16px; +} + +.close { + top: 6px; + right: 6px; + width: 16px; + height: 16px; + opacity: 0.2; + background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 16, 16, 0); + background-position: center center; + background-repeat: no-repeat; +} + +.close:hover { + background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 32, 16, 16); +} + +.close:hover:active { + background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 48, 16, 32); +} + +html[dir=rtl] .close { + right: auto; + left: 6px; +} + +.close:hover, +.appTabIcon:hover { + opacity: 1.0; +} + +.expander { + bottom: 8px; + right: 6px; + width: 16px; + height: 16px; + background: url(chrome://global/skin/icons/resizer.png) no-repeat; + opacity: 0.2; +} + +html[dir=rtl] .expander { + right: auto; + left: 6px; + transform: scaleX(-1); +} + +.expander:hover { + opacity: 1.0; +} + +.close:hover, +.expander:hover, +.appTabIcon:hover { + transition-property: opacity; + transition-duration: 0.5s; + transition-timing-function: ease-out; +} + +.favicon img:hover, +.close img:hover, +.expander img:hover { + opacity: 1; + border: none; +} + +.tab-title { + top: 100%; + text-align: center; + width: 94.5%; +} + +.stacked { + padding: 0; +} + +.stacked .thumb { + box-shadow: rgba(0,0,0,.2) 1px 1px 4px; +} + +html[dir=rtl] .stacked .thumb { + box-shadow: rgba(0,0,0,.2) -1px 1px 4px; +} + +.stack-trayed .tab-title { + text-shadow: rgba(0,0,0,1) 1px 1px 1.5px; + color: #EEE; + font-size: 11px; +} + +html[dir=rtl] .stack-trayed .tab-title { + text-shadow: rgba(0,0,0,1) -1px 1px 1.5px; +} + +.stack-trayed .thumb { + box-shadow: none !important; +} + +.tab.focus { + box-shadow: Highlight 0px 0px 5px 1px !important; + border: 1px solid Highlight; +} + +/* Tab: Zooming +----------------------------------*/ + +.front .tab-title, +.front .close, +.front .favicon, +.front .expander, +.front .thumb-shadow { + display: none; +} + +.front .focus { + box-shadow: none !important; +} + +/* Tab GroupItem +----------------------------------*/ + +.groupItem { + cursor: pointer; + border: 1px solid rgba(230,230,230,1); + background-color: window; + background-image: linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0.1)); + border-radius: 0.4em; + box-shadow: + inset rgba(255, 255, 255, 0.6) 0 0 0 2px, + rgba(0,0,0,0.2) 1px 1px 3px; +} + +html[dir=rtl] .groupItem { + box-shadow: + inset rgba(255, 255, 255, 0.6) 0 0 0 2px, + rgba(0,0,0,0.2) -1px 1px 3px; +} + +.groupItem.activeGroupItem { + box-shadow: + rgba(0,0,0,0.8) 2px 2px 8px; +} + +html[dir=rtl] .groupItem.activeGroupItem { + box-shadow: + rgba(0,0,0,0.8) -2px 2px 8px; +} + +.groupItem .close { + z-index: 10; + top: 0px; + right: 0px; + width: 22px; + height: 22px; + background-position: bottom left; +} + +html[dir=rtl] .groupItem .close { + right: auto; + left: 0px; + background-position: bottom right; +} + +.phantom { + border: 1px solid rgba(190,190,190,1); +} + +.dragRegion { + background: rgba(248,248,248,0.4); +} + +.overlay { + background-color: rgba(0,0,0,.7) !important; + box-shadow: 3px 3px 5.5px rgba(0,0,0,.5); + border-radius: 0.4em; +} + +html[dir=rtl] .overlay { + box-shadow: -3px 3px 5.5px rgba(0,0,0,.5); +} + +.appTabTrayContainer { + top: 34px; + right: 1px; + -moz-border-start: 1px solid #E1E1E1; + padding: 0 5px; + overflow: -moz-hidden-unscrollable; + text-align: start; + line-height: 0; +} + +html[dir=rtl] .appTabTrayContainer { + right: auto; + left: 1px; +} + +.appTabTray { + display: inline-block; + -moz-column-width: 16px; + -moz-column-gap: 5px; +} + +.appTabTrayContainerTruncated { + padding-bottom: 7px; +} + +.appTabTrayContainerTruncated:after { + content: "…"; + position: absolute; + bottom: 2px; + left: 0; + display: block; + width: 100%; + height: 15px; + line-height: 15px; + text-align: center; + font-size: 15px; +} + +.appTabIcon { + width: 16px; + height: 16px; + cursor: pointer; + opacity: 0.8; + padding-bottom: 3px; + display: block; +} + +.undo { + background-color: rgba(0,0,0,.2); + padding-top: 3px; + padding-bottom: 3px; + -moz-padding-start: 5px; + -moz-padding-end: 20px; + width: 135px; + line-height: 25px; + box-shadow: 0 1px 0 rgba(255,255,255,.4), 0 1px 0 rgba(0,0,0,.3) inset; + text-shadow: 0 1px 0 rgba(255,255,255,.2); + color: WindowText; + border-radius: 0.4em; + text-align: center; + border: none; + cursor: pointer; +} + +.undo:hover { + background-color: rgba(0,0,0,.3); +} + +.undo .close { + top: 7px; + right: 7px; + opacity: 0.5; +} + +html[dir=rtl] .undo .close { + right: auto; + left: 7px; +} + +.undo .close:hover{ + opacity: 1.0; +} + +/* Trenches +----------------------------------*/ + +.guideTrench { + opacity: 0.9; + border: 1px dashed rgba(0,0,0,.12); + border-bottom: none; + -moz-border-end: none; + box-shadow: 1px 1px 0 rgba(255,255,255,.15); +} + +html[dir=rtl] .guideTrench { + box-shadow: 1px 1px 0 rgba(255,255,255,.15); +} + +.visibleTrench { + opacity: 0.05; +} + +.activeVisibleTrench { + opacity: 0; +} + +.activeVisibleTrench.activeTrench { + opacity: 0.45; +} + +.visibleTrench.border, +.activeVisibleTrench.border { + background-color: red; +} + +.visibleTrench.guide, +.activeVisibleTrench.guide { + background-color: blue; +} + +/* Other +----------------------------------*/ + +.active { + box-shadow: 5px 5px 3px rgba(0,0,0,.5); +} + +html[dir=rtl] .active { + box-shadow: -5px 5px 3px rgba(0,0,0,.5); +} + +.acceptsDrop { + box-shadow: 2px 2px 7px -1px rgba(0,0,0,.6); +} + +html[dir=rtl] .acceptsDrop { + box-shadow: -2px 2px 7px -1px rgba(0,0,0,.6); +} + +.titlebar { + cursor: move; + font-size: 12px; + height: 18px; +} + +input.name { + background: transparent; + border: 1px solid transparent; + color: GrayText; + margin-top: 3px; + -moz-margin-end: 0; + margin-bottom: 0; + -moz-margin-start: 3px; + padding: 1px; +} + +html[dir=rtl] input.name { + background-position: right top; +} + +.title-container:hover input.name, +.title-container input.name:focus { + border: 1px solid #ddd; +} + +.title-container:hover input.name-locked { + border: 1px solid transparent !important; + cursor: default; +} + +input.name:focus { + color: WindowText; +} + +input.name::-moz-placeholder { + opacity: 1.0; + font-style: italic !important; + color: transparent; + background-image: url(chrome://browser/skin/tabview/edit-light.png); + background-repeat: no-repeat; +} + +.title-container:hover input.name::-moz-placeholder { + color: GrayText; + background-image: none; +} + +input.name:focus::-moz-placeholder { + background-image: none; +} + +.title-shield { + margin-top: 3px; + -moz-margin-end: 0; + margin-bottom: 0; + -moz-margin-start: 3px; + padding: 1px; + left: 0; + top: 0; + height: 100%; + width: -moz-available; + cursor: text; +} + +html[dir=rtl] .title-shield { + left: auto; + right: 0; +} + +.transparentBorder { + border: 1px solid transparent !important; +} + +.stackExpander { + cursor: pointer; + bottom: 8px; + background-image: -moz-image-rect(url(chrome://browser/skin/tabview/stack-expander.png), 0, 48, 24, 24); + width: 24px; + height: 24px; +} + +.stackExpander:hover { + background-image: -moz-image-rect(url(chrome://browser/skin/tabview/stack-expander.png), 0, 24, 24, 0); +} + +/* Resizable +----------------------------------*/ +.resizer { + background-image: url(chrome://global/skin/icons/resizer.png); + width: 16px; + height: 16px; + bottom: 0px; + right: 0px; + opacity: .2; +} + +html[dir=rtl] .resizer { + right: auto; + left: 0; + transform: scaleX(-1); +} + +.iq-resizable-handle { + font-size: 0.1px; +} + +.iq-resizable-se { + cursor: se-resize; + width: 12px; + height: 12px; + padding-right: 3px; + padding-bottom: 3px; + right: -2px; + bottom: -2px; +} + +html[dir=rtl] .iq-resizable-se { + cursor: sw-resize; + right: auto; + left: 1px; +} + +/* Exit button ++----------------------------------*/ +#exit-button { + width: 16px; + height: 16px; + -moz-margin-end: 8px; + margin-top: 5px; + background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 80, 16, 64); + background-attachment: scroll; + background-repeat: no-repeat; + border: none; +} + +#exit-button[groups="0"] { + background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 16, 16, 0); +} + +#exit-button[groups="1"] { + background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 32, 16, 16); +} + +#exit-button[groups="2"] { + background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 48, 16, 32); +} + +#exit-button[groups="3"] { + background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 64, 16, 48); +} + +/* Search +----------------------------------*/ +#searchshade{ + background-color: rgba(0,0,0,.42); + width: 100%; + height: 100%; +} + +#search{ + width: 100%; + height: 100%; +} + +#searchbox{ + width: 270px; + max-width: -moz-available; + -moz-margin-start: 20px; + height: 30px; + box-shadow: 0px 1px 0px rgba(255,255,255,.5), 0px -1px 0px rgba(0,0,0,1), 0px 0px 9px rgba(0,0,0,.8); + color: white; + border: none; + background-color: #272727; + border-radius: 0.4em; + -moz-padding-start: 5px; + -moz-padding-end: 5px; + font-size: 14px; +} + +#actions{ + top: -3px; + padding-top: 3px; + width: 29px; + text-align: center; + border: 1px solid rgba(230,230,230,1); + background-color: rgba(248,248,248,1); + border-radius: 0.4em; + box-shadow: + inset rgba(255, 255, 255, 0.6) 0 0 0 2px, + rgba(0,0,0,0.2) 1px 1px 3px; +} + +html[dir=rtl] #actions { + box-shadow: + inset rgba(255, 255, 255, 0.6) 0 0 0 2px, + rgba(0,0,0,0.2) -1px 1px 3px; +} + +#actions #searchbutton{ + background: transparent url(chrome://browser/skin/tabview/search.png) no-repeat; + border: none; + width: 20px; + height: 20px; + margin-top: 3px; + -moz-margin-end: 1px; +} + +.notMainMatch{ + opacity: .70; +} + +#otherresults { + left: 0px; + bottom: 0px; + width: 100%; + height: 30px; + background-color: rgba(0,0,0,.3); + box-shadow: 0px -1px 0px rgba(255,255,255,.1), inset 0px 2px 5px rgba(0,0,0,.3); +} + +html[dir=rtl] #otherresults { + left: auto; + right: 0; +} + +#otherresults .label { + color: #999; + line-height: 30px; + -moz-margin-start: 5px; + -moz-margin-end: 5px; +} + +.inlineMatch { + background-color: #EBEBEB; + border-radius: 0.4em; + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); + border: 1px solid rgba(255, 255, 255, 0.5); + -moz-padding-start: 3px; + -moz-padding-end: 3px; + height: 20px; + -moz-margin-end: 5px; + cursor: pointer; +} + +.inlineMatch:hover { + opacity: 1.0; +} + +.inlineMatch > img { + -moz-margin-end: 5px; + position: relative; + top: 2px; + width: 16px; + height: 16px; +} + +.inlineMatch > span { + max-width: 200px; + height: 15px; +} + diff --git a/arc-firefox-theme/chrome/browser/tabview/tabview.png b/arc-firefox-theme/chrome/browser/tabview/tabview.png Binary files differnew file mode 100644 index 0000000..29395bd --- /dev/null +++ b/arc-firefox-theme/chrome/browser/tabview/tabview.png diff --git a/arc-firefox-theme/chrome/browser/theme-switcher-icon.png b/arc-firefox-theme/chrome/browser/theme-switcher-icon.png Binary files differnew file mode 100644 index 0000000..891e7af --- /dev/null +++ b/arc-firefox-theme/chrome/browser/theme-switcher-icon.png diff --git a/arc-firefox-theme/chrome/browser/translating-16.png b/arc-firefox-theme/chrome/browser/translating-16.png Binary files differnew file mode 100644 index 0000000..71ca37c --- /dev/null +++ b/arc-firefox-theme/chrome/browser/translating-16.png diff --git a/arc-firefox-theme/chrome/browser/translating-16@2x.png b/arc-firefox-theme/chrome/browser/translating-16@2x.png Binary files differnew file mode 100644 index 0000000..ab61840 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/translating-16@2x.png diff --git a/arc-firefox-theme/chrome/browser/translation-16.png b/arc-firefox-theme/chrome/browser/translation-16.png Binary files differnew file mode 100644 index 0000000..4b42ded --- /dev/null +++ b/arc-firefox-theme/chrome/browser/translation-16.png diff --git a/arc-firefox-theme/chrome/browser/translation-16@2x.png b/arc-firefox-theme/chrome/browser/translation-16@2x.png Binary files differnew file mode 100644 index 0000000..2105a3e --- /dev/null +++ b/arc-firefox-theme/chrome/browser/translation-16@2x.png diff --git a/arc-firefox-theme/chrome/browser/undoCloseTab.png b/arc-firefox-theme/chrome/browser/undoCloseTab.png Binary files differnew file mode 100644 index 0000000..1d629c8 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/undoCloseTab.png diff --git a/arc-firefox-theme/chrome/browser/update-badge.svg b/arc-firefox-theme/chrome/browser/update-badge.svg new file mode 100644 index 0000000..6a4c2a0 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/update-badge.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="10px" height="10px">
+ <polygon points="4,9 4,5 2,5 5,1 8,5 6,5 6,9" fill="#fff"/>
+</svg>
\ No newline at end of file diff --git a/arc-firefox-theme/chrome/browser/urlbar-arrow.png b/arc-firefox-theme/chrome/browser/urlbar-arrow.png Binary files differnew file mode 100644 index 0000000..4fdd9e7 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/urlbar-arrow.png diff --git a/arc-firefox-theme/chrome/browser/urlbar-arrow@2x.png b/arc-firefox-theme/chrome/browser/urlbar-arrow@2x.png Binary files differnew file mode 100644 index 0000000..4c55f0d --- /dev/null +++ b/arc-firefox-theme/chrome/browser/urlbar-arrow@2x.png diff --git a/arc-firefox-theme/chrome/browser/warning16.png b/arc-firefox-theme/chrome/browser/warning16.png Binary files differnew file mode 100644 index 0000000..46200ce --- /dev/null +++ b/arc-firefox-theme/chrome/browser/warning16.png diff --git a/arc-firefox-theme/chrome/browser/warning16@2x.png b/arc-firefox-theme/chrome/browser/warning16@2x.png Binary files differnew file mode 100644 index 0000000..d1426d3 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/warning16@2x.png diff --git a/arc-firefox-theme/chrome/browser/webRTC-camera-white-16.png b/arc-firefox-theme/chrome/browser/webRTC-camera-white-16.png Binary files differnew file mode 100644 index 0000000..e1e360b --- /dev/null +++ b/arc-firefox-theme/chrome/browser/webRTC-camera-white-16.png diff --git a/arc-firefox-theme/chrome/browser/webRTC-indicator.css b/arc-firefox-theme/chrome/browser/webRTC-indicator.css new file mode 100644 index 0000000..c22f942 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/webRTC-indicator.css @@ -0,0 +1,116 @@ +/* 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/. */ + +window { + border: 1px solid #ff9500; +} + +#audioVideoButton, +#screenShareButton, +#firefoxButton { + height: 29px; + margin: 0; + -moz-appearance: none; + border-style: none; +} + +#firefoxButton { + background-image: url("chrome://branding/content/icon48.png"); + background-repeat: no-repeat; + background-size: 22px; + background-position: center center; + min-width: 29px; + background-color: white; +} + +#firefoxButton:hover { + background-color: #f2f2f2; +} + +#screenShareButton { + background-image: url("webRTC-screen-white-16.png"); + background-position: center center; + background-repeat: no-repeat; + background-size: 16px; + min-width: 27px; + display: none; +} + +window[sharingscreen] > #screenShareButton { + display: -moz-box; +} + +#audioVideoButton { + display: none; + background-repeat: no-repeat; +} + +/* When screen sharing, need to pull in the separator: */ +window[sharingscreen] > #audioVideoButton { + margin-right: -1px; +} + +/* Single icon button: */ +window[sharingvideo] > #audioVideoButton, +window[sharingaudio] > #audioVideoButton { + display: -moz-box; + background-position: center center; + background-size: 16px; + min-width: 26px; +} + +window[sharingvideo] > #audioVideoButton { + background-image: url("webRTC-camera-white-16.png"); +} + +window[sharingaudio] > #audioVideoButton { + background-image: url("webRTC-microphone-white-16.png"); +} + +/* Multi-icon button: */ +window[sharingaudio][sharingvideo] > #audioVideoButton { + background-image: url("webRTC-camera-white-16.png"), + url("webRTC-microphone-white-16.png"); + background-position: 6px center, 26px center; + background-size: 16px, 16px; + min-width: 46px; +} + +/* Hover styles */ +#audioVideoButton, +#screenShareButton { + background-color: #ffaa33; +} + +#audioVideoButton:hover, +#screenShareButton:hover { + background-color: #ff9500; +} + +/* Don't show the dropmarker for the type="menu" case */ +#audioVideoButton > .box-inherit > .button-menu-dropmarker, +#screenShareButton > .box-inherit > .button-menu-dropmarker { + display: none; +} + +/* Separator in case of screen sharing + video/audio sharing */ +#shareSeparator { + width: 1px; + margin: 4px -1px 4px 0; + background-color: #FFCA80; + /* Separator needs to show above either button when they're hovered: */ + position: relative; + z-index: 1; + display: none; +} + +window[sharingscreen][sharingvideo] > #shareSeparator, +window[sharingscreen][sharingaudio] > #shareSeparator { + display: -moz-box; +} + +:-moz-any(#audioVideoButton, #screenShareButton, + #firefoxButton):-moz-focusring > .button-box { + border: none; +} diff --git a/arc-firefox-theme/chrome/browser/webRTC-microphone-white-16.png b/arc-firefox-theme/chrome/browser/webRTC-microphone-white-16.png Binary files differnew file mode 100644 index 0000000..0091529 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/webRTC-microphone-white-16.png diff --git a/arc-firefox-theme/chrome/browser/webRTC-screen-white-16.png b/arc-firefox-theme/chrome/browser/webRTC-screen-white-16.png Binary files differnew file mode 100644 index 0000000..045bfd3 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/webRTC-screen-white-16.png diff --git a/arc-firefox-theme/chrome/browser/webRTC-shareDevice-16.png b/arc-firefox-theme/chrome/browser/webRTC-shareDevice-16.png Binary files differnew file mode 100644 index 0000000..8bc5b3a --- /dev/null +++ b/arc-firefox-theme/chrome/browser/webRTC-shareDevice-16.png diff --git a/arc-firefox-theme/chrome/browser/webRTC-shareDevice-16@2x.png b/arc-firefox-theme/chrome/browser/webRTC-shareDevice-16@2x.png Binary files differnew file mode 100644 index 0000000..72d53e6 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/webRTC-shareDevice-16@2x.png diff --git a/arc-firefox-theme/chrome/browser/webRTC-shareDevice-64.png b/arc-firefox-theme/chrome/browser/webRTC-shareDevice-64.png Binary files differnew file mode 100644 index 0000000..d125789 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/webRTC-shareDevice-64.png diff --git a/arc-firefox-theme/chrome/browser/webRTC-shareDevice-64@2x.png b/arc-firefox-theme/chrome/browser/webRTC-shareDevice-64@2x.png Binary files differnew file mode 100644 index 0000000..82e591f --- /dev/null +++ b/arc-firefox-theme/chrome/browser/webRTC-shareDevice-64@2x.png diff --git a/arc-firefox-theme/chrome/browser/webRTC-shareMicrophone-16.png b/arc-firefox-theme/chrome/browser/webRTC-shareMicrophone-16.png Binary files differnew file mode 100644 index 0000000..fea67f7 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/webRTC-shareMicrophone-16.png diff --git a/arc-firefox-theme/chrome/browser/webRTC-shareMicrophone-16@2x.png b/arc-firefox-theme/chrome/browser/webRTC-shareMicrophone-16@2x.png Binary files differnew file mode 100644 index 0000000..590d032 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/webRTC-shareMicrophone-16@2x.png diff --git a/arc-firefox-theme/chrome/browser/webRTC-shareMicrophone-64.png b/arc-firefox-theme/chrome/browser/webRTC-shareMicrophone-64.png Binary files differnew file mode 100644 index 0000000..f2ca85c --- /dev/null +++ b/arc-firefox-theme/chrome/browser/webRTC-shareMicrophone-64.png diff --git a/arc-firefox-theme/chrome/browser/webRTC-shareMicrophone-64@2x.png b/arc-firefox-theme/chrome/browser/webRTC-shareMicrophone-64@2x.png Binary files differnew file mode 100644 index 0000000..46cc433 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/webRTC-shareMicrophone-64@2x.png diff --git a/arc-firefox-theme/chrome/browser/webRTC-shareScreen-16.png b/arc-firefox-theme/chrome/browser/webRTC-shareScreen-16.png Binary files differnew file mode 100644 index 0000000..30b1e87 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/webRTC-shareScreen-16.png diff --git a/arc-firefox-theme/chrome/browser/webRTC-shareScreen-16@2x.png b/arc-firefox-theme/chrome/browser/webRTC-shareScreen-16@2x.png Binary files differnew file mode 100644 index 0000000..6eae122 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/webRTC-shareScreen-16@2x.png diff --git a/arc-firefox-theme/chrome/browser/webRTC-shareScreen-64.png b/arc-firefox-theme/chrome/browser/webRTC-shareScreen-64.png Binary files differnew file mode 100644 index 0000000..aae5238 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/webRTC-shareScreen-64.png diff --git a/arc-firefox-theme/chrome/browser/webRTC-shareScreen-64@2x.png b/arc-firefox-theme/chrome/browser/webRTC-shareScreen-64@2x.png Binary files differnew file mode 100644 index 0000000..8d57427 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/webRTC-shareScreen-64@2x.png diff --git a/arc-firefox-theme/chrome/browser/webRTC-sharingDevice-16.png b/arc-firefox-theme/chrome/browser/webRTC-sharingDevice-16.png Binary files differnew file mode 100644 index 0000000..b7ab6f0 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/webRTC-sharingDevice-16.png diff --git a/arc-firefox-theme/chrome/browser/webRTC-sharingDevice-16@2x.png b/arc-firefox-theme/chrome/browser/webRTC-sharingDevice-16@2x.png Binary files differnew file mode 100644 index 0000000..cf1dd9a --- /dev/null +++ b/arc-firefox-theme/chrome/browser/webRTC-sharingDevice-16@2x.png diff --git a/arc-firefox-theme/chrome/browser/webRTC-sharingMicrophone-16.png b/arc-firefox-theme/chrome/browser/webRTC-sharingMicrophone-16.png Binary files differnew file mode 100644 index 0000000..2b4d219 --- /dev/null +++ b/arc-firefox-theme/chrome/browser/webRTC-sharingMicrophone-16.png diff --git a/arc-firefox-theme/chrome/browser/webRTC-sharingMicrophone-16@2x.png b/arc-firefox-theme/chrome/browser/webRTC-sharingMicrophone-16@2x.png Binary files differnew file mode 100644 index 0000000..b45d08c --- /dev/null +++ b/arc-firefox-theme/chrome/browser/webRTC-sharingMicrophone-16@2x.png diff --git a/arc-firefox-theme/chrome/browser/webRTC-sharingScreen-16.png b/arc-firefox-theme/chrome/browser/webRTC-sharingScreen-16.png Binary files differnew file mode 100644 index 0000000..6cde0cb --- /dev/null +++ b/arc-firefox-theme/chrome/browser/webRTC-sharingScreen-16.png diff --git a/arc-firefox-theme/chrome/browser/webRTC-sharingScreen-16@2x.png b/arc-firefox-theme/chrome/browser/webRTC-sharingScreen-16@2x.png Binary files differnew file mode 100644 index 0000000..a0aac6c --- /dev/null +++ b/arc-firefox-theme/chrome/browser/webRTC-sharingScreen-16@2x.png diff --git a/arc-firefox-theme/chrome/browser/welcome-back.svg b/arc-firefox-theme/chrome/browser/welcome-back.svg new file mode 100644 index 0000000..38610cb --- /dev/null +++ b/arc-firefox-theme/chrome/browser/welcome-back.svg @@ -0,0 +1,17 @@ +<?xml version="1.0" encoding="utf-8"?>
+<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 60 60" enable-background="new 0 0 60 60">
+ <linearGradient id="gradient" gradientUnits="userSpaceOnUse" x1="0" y1="30" x2="60" y2="30">
+ <stop offset="0" style="stop-color: #fd6b0c"/>
+ <stop offset="1" style="stop-color: #e65206"/>
+ </linearGradient>
+ <path fill="url(#gradient)" d="M45.844,41.272c0.018-0.08,0.039-0.156,0.055-0.239c0.097-0.35,0.164-0.735,0.215-1.136
+ c0.375-0.835,0.747-2.172,0.5-3.936c-0.021-0.326-0.073-0.669-0.14-1.018c4.957-3.957,24.499-20.957,5.137-29.039
+ c0,0,4.23,6.9-2.898,13.92c-4.332,4.266-5.37,8.436-5.058,11.538c0,0,0.036,0.21,0.096,0.564c-1.62-2.178-5.652-4.53-14.256-2.022
+ c-8.736,2.544-7.476,4.518-9.234,3.606c0,0-0.93-2.166-3.564-4.452c0,0,0.726-4.416-0.42-5.472
+ c-1.146-1.062-2.628,2.244-5.346,3.432c-2.712,1.188-6.234,2.928-6.57,6.024l-3.39,2.328c0,0-1.446,0.684-0.81,1.32
+ c0.636,0.636,1.698,1.44,3.012,1.314c1.314-0.126,2.928-0.51,4.158-0.168c1.23,0.336,2.202,2.67,4.872,6.102
+ c0,0,2.142,4.542,6.936,5.412c0.036,0.024,0.072,0.054,0.108,0.078c1.404,1.026,4.584,3.336,5.148,3.834
+ c0.744,0.636,7.422,1.158,9.486,0.474c0,0-0.6-3.408-5.04-1.944c0,0-2.082,0.078-4.59-2.892c0.228-0.072,0.456-0.156,0.69-0.252
+ c1.056-0.402,2.184-0.966,3.39-1.728c0,0,1.542-0.774,3.846-1.356c0,0,2.497-0.555,4.376,0.455c2.542,1.829,6.483,2.442,12.58-0.566
+ c0,0,5.357,5.102,7.575,8.644c0,0,4.916-1.89-5.065-11.76C51.643,42.336,47.455,42.801,45.844,41.272z"/>
+</svg>
\ No newline at end of file diff --git a/arc-firefox-theme/chrome/communicator/communicator.css b/arc-firefox-theme/chrome/communicator/communicator.css new file mode 100644 index 0000000..0b57574 --- /dev/null +++ b/arc-firefox-theme/chrome/communicator/communicator.css @@ -0,0 +1,6 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@import url("chrome://global/skin/"); + diff --git a/arc-firefox-theme/chrome/global/Filepicker.png b/arc-firefox-theme/chrome/global/Filepicker.png Binary files differnew file mode 100644 index 0000000..236edaa --- /dev/null +++ b/arc-firefox-theme/chrome/global/Filepicker.png diff --git a/arc-firefox-theme/chrome/global/about.css b/arc-firefox-theme/chrome/global/about.css new file mode 100644 index 0000000..75b378c --- /dev/null +++ b/arc-firefox-theme/chrome/global/about.css @@ -0,0 +1,62 @@ +/* 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/. */ + +html { + background: -moz-Dialog; + padding: 0 1em; + font: message-box; +} + +body { + color: -moz-FieldText; + position: relative; + min-width: 330px; + max-width: 50em; + margin: 4em auto; + border: 1px solid ThreeDShadow; + border-radius: 10px; + padding: 3em; + -moz-padding-start: 30px; + background: -moz-Field; +} + +.aboutPageWideContainer { + max-width: 80%; +} + +#aboutLogoContainer { + border: 1px solid ThreeDLightShadow; + width: 300px; + margin-bottom: 2em; +} + +img { + border: 0; +} + +#version { + font-weight: bold; + color: #909090; + margin: -24px 0 9px 17px; +} + +ul { + margin: 0; + -moz-margin-start: 1.5em; + padding: 0; + list-style: square; +} + +ul > li { + margin-top: .5em; +} + +th, td { + padding: 0 5px; +} + +.columns { + -moz-column-width: 20em; + -moz-column-gap: 3em; +} diff --git a/arc-firefox-theme/chrome/global/aboutCache.css b/arc-firefox-theme/chrome/global/aboutCache.css new file mode 100644 index 0000000..6a6ba09 --- /dev/null +++ b/arc-firefox-theme/chrome/global/aboutCache.css @@ -0,0 +1,66 @@ +/* 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/. */ + +h2 { + margin-top: 2em; +} + +table { + table-layout: fixed; + width: 100%; + margin-bottom: 1em; + padding: 0.5em 0; + border-radius: 10px; +} + +#disk, +#memory, +#offline { + background-color: rgba(0, 0, 0, .1); +} + +th { + width: 14em; + white-space: nowrap; + text-align: end; +} + +td { + font-family: -moz-fixed; + word-wrap: break-word; +} + +#col-key { + width: 60%; +} + +#col-dataSize, +#col-fetchCount, +#col-lastModified, +#col-expires { + width: 13%; +} + +#entries > tbody > tr:nth-child(odd) { + background-color: rgba(0, 0, 0, .03); +} + +#entries > tbody > tr:nth-child(even) { + background-color: rgba(0, 0, 0, .06); +} + +#entries > tbody > tr > td { + padding: .5em 0; + text-align: center; +} + +#entries > thead > tr > th { + text-align: center; + white-space: normal; +} + +#entries > thead > tr > th:first-child, +#entries > tbody > tr > td:first-child { + text-align: start; +} diff --git a/arc-firefox-theme/chrome/global/aboutCacheEntry.css b/arc-firefox-theme/chrome/global/aboutCacheEntry.css new file mode 100644 index 0000000..8c8eb9a --- /dev/null +++ b/arc-firefox-theme/chrome/global/aboutCacheEntry.css @@ -0,0 +1,29 @@ +/* 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/. */ + +body { + display: table; +} + +table { + table-layout: fixed; + width: 100%; +} + +th { + width: 12em; + word-wrap: break-word; + vertical-align: top; + text-align: end; +} + +td { + display: block; + font-family: -moz-fixed; + white-space: pre-wrap; +} + +#td-key { + word-wrap: break-word; +} diff --git a/arc-firefox-theme/chrome/global/aboutMemory.css b/arc-firefox-theme/chrome/global/aboutMemory.css new file mode 100644 index 0000000..88fa27d --- /dev/null +++ b/arc-firefox-theme/chrome/global/aboutMemory.css @@ -0,0 +1,5 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@import url("chrome://global/content/aboutMemory.css"); diff --git a/arc-firefox-theme/chrome/global/aboutReader.css b/arc-firefox-theme/chrome/global/aboutReader.css new file mode 100644 index 0000000..8121e5f --- /dev/null +++ b/arc-firefox-theme/chrome/global/aboutReader.css @@ -0,0 +1,124 @@ +/* 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/. */ + +body { + padding: 64px 0; +} + +@media (max-width: 785px) { + body { + padding-top: 64px; + -moz-padding-end: 0; + padding-bottom: 64px; + -moz-padding-start: 51px; + } +} + +body.loaded { + transition: color 0.4s, background-color 0.4s; +} + +body.light { + color: #333333; + background-color: #ffffff; +} + +body.dark { + 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; +} + +body.sans-serif, +body.sans-serif .remove-button { + font-family: Helvetica, Arial, sans-serif; +} + +body.serif, +body.serif .remove-button { + font-family: Georgia, "Times New Roman", serif; +} + +#container { + max-width: 30em; + margin: 0 auto; +} + +#container.font-size1 { + font-size: 12px; +} + +#container.font-size2 { + font-size: 14px; +} + +#container.font-size3 { + font-size: 16px; +} + +#container.font-size4 { + font-size: 18px; +} + +#container.font-size5 { + font-size: 20px; +} + +#container.font-size6 { + font-size: 22px; +} + +#container.font-size7 { + font-size: 24px; +} + +#container.font-size8 { + font-size: 26px; +} + +#container.font-size9 { + font-size: 28px; +} + +/* Override some controls and content styles based on color scheme */ + +body.light > .container > .header > .domain { + border-bottom-color: #333333 !important; +} + +body.sepia > .container > .header > .domain { + border-bottom-color: #5b4636 !important; +} + +body.dark > .container > .header > .domain { + border-bottom-color: #eeeeee !important; +} + +body.sepia > .container > .footer { + background-color: #dedad4 !important; +} + +body.light blockquote { + -moz-border-start: 2px solid #333333 !important; +} + +body.sepia blockquote { + -moz-border-start: 2px solid #5b4636 !important; +} + +body.dark blockquote { + -moz-border-start: 2px solid #eeeeee !important; +} diff --git a/arc-firefox-theme/chrome/global/aboutReaderContent.css b/arc-firefox-theme/chrome/global/aboutReaderContent.css new file mode 100644 index 0000000..8412751 --- /dev/null +++ b/arc-firefox-theme/chrome/global/aboutReaderContent.css @@ -0,0 +1,113 @@ +/* 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 new file mode 100644 index 0000000..838f644 --- /dev/null +++ b/arc-firefox-theme/chrome/global/aboutReaderControls.css @@ -0,0 +1,371 @@ +/* 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 new file mode 100644 index 0000000..71ef7a7 --- /dev/null +++ b/arc-firefox-theme/chrome/global/aboutSupport.css @@ -0,0 +1,118 @@ +/* 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/. */ + +html { + background-color: -moz-Field; + color: -moz-FieldText; + font: message-box; +} + +body { + width: 90%; + margin-left: 5%; + margin-right: 5%; +} + +.page-subtitle { + margin-bottom: 3em; +} + +.major-section { + margin-top: 2em; + margin-bottom: 1em; + font-size: large; + text-align: start; + font-weight: bold; +} + +table { + background-color: -moz-Dialog; + color: -moz-DialogText; + font: message-box; + text-align: start; + width: 100%; + border: 1px solid ThreeDShadow; + border-spacing: 0px; +} + +th, td { + border: 1px dotted ThreeDShadow; + padding: 3px; +} + +thead th { + text-align: center; +} + +th { + text-align: start; + background-color: Highlight; + color: HighlightText; +} + +th.column { + white-space: nowrap; + width: 0px; +} + +td { + text-align: start; + border-top: 1px dotted ThreeDShadow; +} + +.prefs-table { + width: 100%; + table-layout: fixed; +} + +.pref-name { + width: 70%; + white-space: nowrap; + overflow: hidden; +} + +.pref-value { + width: 30%; + white-space: nowrap; + overflow: hidden; +} + +#action-box { + background-color: -moz-Dialog; + border: 1px solid ThreeDShadow; + color: -moz-DialogText; + float: right; + margin-top: 2em; + margin-bottom: 20px; + -moz-margin-start: 20px; + -moz-margin-end: 0; + padding: 16px; + width: 30%; +} + +#action-box, +#reset-box, +#safe-mode-box { + display: none; +} + +#action-box:-moz-dir(rtl) { + float: left; +} + +#reset-box > h3 { + margin-top: 0; +} + +#action-box button { + display: block; +} + +.block { + display: block; +} + +.hidden { + display: none; +} diff --git a/arc-firefox-theme/chrome/global/alerts/alert.css b/arc-firefox-theme/chrome/global/alerts/alert.css new file mode 100644 index 0000000..38d504e --- /dev/null +++ b/arc-firefox-theme/chrome/global/alerts/alert.css @@ -0,0 +1,65 @@ +/* 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/. */ + +/* ===== alert.css ===================================================== + == Styles specific to the alerts dialog. + ======================================================================= */ + +@import url("chrome://global/skin/"); + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +.alertBox { + border: 1px solid threedshadow; + background-color: -moz-Dialog; +} + +.alertImageBox { + padding: 8px 0; + width: 64px; + background-image: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.6)); + -moz-border-end: 1px solid rgba(0,0,0,.1); +} + +.alertTextBox { + padding: 8px; + -moz-padding-start: 16px; + width: 255px; +} + +.alertTextBox, +.alertCloseBox { + background-image: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.1)); +} + +#alertNotification[clickable="true"]:hover .alertTextBox, +#alertNotification[clickable="true"]:hover .alertCloseBox { + background-image: linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0.3)); +} + +.alertTitle { + font-weight: bold; + font-size: 110%; +} + +#alertImage { + max-width: 48px; + max-height: 48px; + list-style-image: url(chrome://global/skin/alerts/notification-48.png); +} + +#alertNotification[clickable="true"] { + cursor: pointer; +} + +label { + cursor: inherit; +} + +.alertCloseButton { + -moz-appearance: none; + height: 16px; + padding: 4px 2px; + width: 16px; +} diff --git a/arc-firefox-theme/chrome/global/alerts/notification-48.png b/arc-firefox-theme/chrome/global/alerts/notification-48.png Binary files differnew file mode 100644 index 0000000..23ab5a0 --- /dev/null +++ b/arc-firefox-theme/chrome/global/alerts/notification-48.png diff --git a/arc-firefox-theme/chrome/global/appPicker.css b/arc-firefox-theme/chrome/global/appPicker.css new file mode 100644 index 0000000..3bdb31b --- /dev/null +++ b/arc-firefox-theme/chrome/global/appPicker.css @@ -0,0 +1,23 @@ +/* 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/. */ + + +#app-picker { + width: 320px; +} + +#content-description { + font-weight: bold; +} + +#content-icon, +.listcell-icon { + margin: 5px; + width: 32px; + height: 32px; +} + +.listcell-label { + padding: 5px; +} diff --git a/arc-firefox-theme/chrome/global/arrow.css b/arc-firefox-theme/chrome/global/arrow.css new file mode 100644 index 0000000..1693b6d --- /dev/null +++ b/arc-firefox-theme/chrome/global/arrow.css @@ -0,0 +1,50 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +.up { + min-width: 0px; + list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); +} +.up:hover { + list-style-image: url("chrome://global/skin/arrow/arrow-up-hov.gif"); +} +.up[disabled="true"] { + list-style-image: url("chrome://global/skin/arrow/arrow-up-dis.gif"); +} + +.down { + min-width: 0px; + list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif"); +} +.down:hover { + list-style-image: url("chrome://global/skin/arrow/arrow-dn-hov.gif"); +} +.down[disabled="true"] { + list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif"); +} + +.left { + min-width: 0px; + list-style-image: url("chrome://global/skin/arrow/arrow-lft.gif"); +} +.left:hover { + list-style-image: url("chrome://global/skin/arrow/arrow-lft-hov.gif"); +} +.left[disabled="true"] { + list-style-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif"); +} + +.right { + min-width: 0px; + list-style-image: url("chrome://global/skin/arrow/arrow-rit.gif"); +} +.right:hover { + list-style-image: url("chrome://global/skin/arrow/arrow-rit-hov.gif"); +} +.right[disabled="true"] { + list-style-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif"); +} diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-dn-dis.gif b/arc-firefox-theme/chrome/global/arrow/arrow-dn-dis.gif Binary files differnew file mode 100644 index 0000000..222c766 --- /dev/null +++ b/arc-firefox-theme/chrome/global/arrow/arrow-dn-dis.gif diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-dn-hov.gif b/arc-firefox-theme/chrome/global/arrow/arrow-dn-hov.gif Binary files differnew file mode 100644 index 0000000..b07a6d2 --- /dev/null +++ b/arc-firefox-theme/chrome/global/arrow/arrow-dn-hov.gif diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-dn-sharp.gif b/arc-firefox-theme/chrome/global/arrow/arrow-dn-sharp.gif Binary files differnew file mode 100644 index 0000000..57254bb --- /dev/null +++ b/arc-firefox-theme/chrome/global/arrow/arrow-dn-sharp.gif diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-dn.gif b/arc-firefox-theme/chrome/global/arrow/arrow-dn.gif Binary files differnew file mode 100644 index 0000000..a54e543 --- /dev/null +++ b/arc-firefox-theme/chrome/global/arrow/arrow-dn.gif diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-down.png b/arc-firefox-theme/chrome/global/arrow/arrow-down.png Binary files differnew file mode 100644 index 0000000..8290b71 --- /dev/null +++ b/arc-firefox-theme/chrome/global/arrow/arrow-down.png diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-lft-dis.gif b/arc-firefox-theme/chrome/global/arrow/arrow-lft-dis.gif Binary files differnew file mode 100644 index 0000000..49c5b3f --- /dev/null +++ b/arc-firefox-theme/chrome/global/arrow/arrow-lft-dis.gif diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-lft-sharp-end.gif b/arc-firefox-theme/chrome/global/arrow/arrow-lft-sharp-end.gif Binary files differnew file mode 100644 index 0000000..f324779 --- /dev/null +++ b/arc-firefox-theme/chrome/global/arrow/arrow-lft-sharp-end.gif diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-lft-sharp.gif b/arc-firefox-theme/chrome/global/arrow/arrow-lft-sharp.gif Binary files differnew file mode 100644 index 0000000..f276538 --- /dev/null +++ b/arc-firefox-theme/chrome/global/arrow/arrow-lft-sharp.gif diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-lft.gif b/arc-firefox-theme/chrome/global/arrow/arrow-lft.gif Binary files differnew file mode 100644 index 0000000..f209383 --- /dev/null +++ b/arc-firefox-theme/chrome/global/arrow/arrow-lft.gif diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-rit-dis.gif b/arc-firefox-theme/chrome/global/arrow/arrow-rit-dis.gif Binary files differnew file mode 100644 index 0000000..7b0e07b --- /dev/null +++ b/arc-firefox-theme/chrome/global/arrow/arrow-rit-dis.gif diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-rit-sharp-end.gif b/arc-firefox-theme/chrome/global/arrow/arrow-rit-sharp-end.gif Binary files differnew file mode 100644 index 0000000..903451b --- /dev/null +++ b/arc-firefox-theme/chrome/global/arrow/arrow-rit-sharp-end.gif diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-rit-sharp.gif b/arc-firefox-theme/chrome/global/arrow/arrow-rit-sharp.gif Binary files differnew file mode 100644 index 0000000..cf36086 --- /dev/null +++ b/arc-firefox-theme/chrome/global/arrow/arrow-rit-sharp.gif diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-rit.gif b/arc-firefox-theme/chrome/global/arrow/arrow-rit.gif Binary files differnew file mode 100644 index 0000000..3abf3ad --- /dev/null +++ b/arc-firefox-theme/chrome/global/arrow/arrow-rit.gif diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-up-dis.gif b/arc-firefox-theme/chrome/global/arrow/arrow-up-dis.gif Binary files differnew file mode 100644 index 0000000..2b25b22 --- /dev/null +++ b/arc-firefox-theme/chrome/global/arrow/arrow-up-dis.gif diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-up-hov.gif b/arc-firefox-theme/chrome/global/arrow/arrow-up-hov.gif Binary files differnew file mode 100644 index 0000000..b8bd0f5 --- /dev/null +++ b/arc-firefox-theme/chrome/global/arrow/arrow-up-hov.gif diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-up-sharp.gif b/arc-firefox-theme/chrome/global/arrow/arrow-up-sharp.gif Binary files differnew file mode 100644 index 0000000..9f4e7a9 --- /dev/null +++ b/arc-firefox-theme/chrome/global/arrow/arrow-up-sharp.gif diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-up.gif b/arc-firefox-theme/chrome/global/arrow/arrow-up.gif Binary files differnew file mode 100644 index 0000000..b7a3f32 --- /dev/null +++ b/arc-firefox-theme/chrome/global/arrow/arrow-up.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 new file mode 100644 index 0000000..1939867 --- /dev/null +++ b/arc-firefox-theme/chrome/global/arrow/panelarrow-horizontal-themed.svg @@ -0,0 +1,13 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> + +<svg xmlns="http://www.w3.org/2000/svg" + width="10" + height="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 new file mode 100644 index 0000000..dae4639 --- /dev/null +++ b/arc-firefox-theme/chrome/global/arrow/panelarrow-horizontal.svg @@ -0,0 +1,13 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> + +<svg xmlns="http://www.w3.org/2000/svg" + width="10" + height="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 new file mode 100644 index 0000000..a2d3a95 --- /dev/null +++ b/arc-firefox-theme/chrome/global/arrow/panelarrow-vertical-themed.svg @@ -0,0 +1,13 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> + +<svg xmlns="http://www.w3.org/2000/svg" + width="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 new file mode 100644 index 0000000..4e559ed --- /dev/null +++ b/arc-firefox-theme/chrome/global/arrow/panelarrow-vertical.svg @@ -0,0 +1,13 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> + +<svg xmlns="http://www.w3.org/2000/svg" + width="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/autocomplete.css b/arc-firefox-theme/chrome/global/autocomplete.css new file mode 100644 index 0000000..fffa2b1 --- /dev/null +++ b/arc-firefox-theme/chrome/global/autocomplete.css @@ -0,0 +1,210 @@ +/* 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/. */ + +/* ===== autocomplete.css ================================================= + == Styles used by the autocomplete widget. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +/* ::::: autocomplete ::::: */ + +/* .padded is used by autocomplete widgets that don't have an icon. Gross. -dwh */ +textbox:not(.padded) { + cursor: default; + padding: 0; +} + +textbox[enablehistory="true"] { + -moz-appearance: none; + border: 0; + background-color: transparent; +} + +textbox[nomatch="true"][highlightnonmatches="true"] { + color: red; +} + +.autocomplete-textbox-container { + -moz-box-align: center; +} + +textbox[enablehistory="true"] > .autocomplete-textbox-container { + -moz-appearance: menulist-textfield; +} + +textbox:not(.padded) .textbox-input-box { + margin: 0 3px; +} + +.textbox-input-box { + -moz-box-align: center; +} + +/* ::::: autocomplete popups ::::: */ + +panel[type="autocomplete"], +panel[type="autocomplete-richlistbox"], +.autocomplete-history-popup { + border-width: 1px; + -moz-border-top-colors: ThreeDDarkShadow; + -moz-border-right-colors: ThreeDDarkShadow; + -moz-border-bottom-colors: ThreeDDarkShadow; + -moz-border-left-colors: ThreeDDarkShadow; + padding: 0; + background-color: -moz-Field; +} + +.autocomplete-history-popup { + max-height: 180px; +} + +/* ::::: tree ::::: */ + +.autocomplete-tree { + -moz-appearance: none !important; + border: none !important; + background-color: transparent !important; + color: MenuText; +} + +.autocomplete-treecol { + -moz-appearance: none !important; + margin: 0 !important; + border: none !important; + padding: 0 !important; +} + +/* GTK calculates space for a sort arrow */ +.autocomplete-treecol > .treecol-sortdirection { + -moz-appearance: none !important; +} + +.autocomplete-treebody::-moz-tree-cell-text { + -moz-padding-start: 8px; +} + +treechildren.autocomplete-treebody::-moz-tree-row(selected) { + background-color: Highlight; +} + +treechildren.autocomplete-treebody::-moz-tree-cell-text(selected) { + color: HighlightText !important; +} + +.autocomplete-treebody::-moz-tree-image(treecolAutoCompleteValue) { + max-width: 16px; + height: 16px; +} + +/* ::::: richlistbox autocomplete ::::: */ + +.autocomplete-richlistbox { + -moz-appearance: none; + margin: 1px; + background-color: transparent; +} + +.autocomplete-richlistitem[selected="true"] { + background-color: Highlight; + color: HighlightText; +} + +.autocomplete-richlistitem { + padding: 6px 2px; + color: MenuText; +} + +.ac-url-box { + /* When setting a vertical margin here, half of that needs to be added + .ac-title-box's translateY for when .ac-url-box is hidden (see below). */ + margin-top: 1px; +} + +.autocomplete-richlistitem[actiontype="keyword"] .ac-url-box, +.autocomplete-richlistitem[actiontype="searchengine"] .ac-url-box, +.autocomplete-richlistitem[actiontype="visiturl"] .ac-url-box, +.autocomplete-richlistitem[type~="autofill"] .ac-url-box { + visibility: hidden; +} + +.autocomplete-richlistitem[actiontype="keyword"] .ac-title-box, +.autocomplete-richlistitem[actiontype="searchengine"] .ac-title-box, +.autocomplete-richlistitem[actiontype="visiturl"] .ac-title-box, +.autocomplete-richlistitem[type~="autofill"] .ac-title-box { + /* Center the title by moving it down by half of .ac-url-box's height, + including vertical margins (if any). */ + transform: translateY(.5em); +} + +.ac-site-icon { + width: 16px; + height: 16px; + margin-bottom: -2px; + -moz-margin-start: 3px; + -moz-margin-end: 6px; +} + +.ac-type-icon { + width: 16px; + height: 16px; + -moz-margin-start: 6px; + -moz-margin-end: 4px; +} + +.ac-extra > .ac-result-type-tag { + margin: 0 4px; +} + +.ac-extra > .ac-comment { + padding-right: 4px; +} + +.ac-ellipsis-after { + margin: 0 !important; + padding: 0; + min-width: 1em; +} + +.ac-normal-text { + margin: 0 !important; + padding: 0; +} + +.ac-normal-text > html|span { + margin: 0 !important; + padding: 0; +} + +html|span.ac-emphasize-text { + box-shadow: inset 0 0 1px 1px rgba(0,0,0,0.1); + background-color: rgba(0,0,0,0.05); + border-radius: 2px; + text-shadow: 0 0 currentColor; /*faux bold effect*/ +} + +.ac-url-text > html|span.ac-emphasize-text, +.ac-action-text > html|span.ac-emphasize-text { + box-shadow: none; +} + +.ac-normal-text[selected="true"] > html|span.ac-emphasize-text { + box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.3); + background-color: rgba(255,255,255,0.2); +} + +.ac-title, .ac-url { + overflow: hidden; +} + +/* ::::: textboxes inside toolbarpaletteitems ::::: */ + +toolbarpaletteitem > toolbaritem > textbox > hbox > hbox > html|*.textbox-input { + visibility: hidden; +} + +toolbarpaletteitem > toolbaritem > * > textbox > hbox > hbox > html|*.textbox-input { + visibility: hidden; +} diff --git a/arc-firefox-theme/chrome/global/button.css b/arc-firefox-theme/chrome/global/button.css new file mode 100644 index 0000000..dc051f4 --- /dev/null +++ b/arc-firefox-theme/chrome/global/button.css @@ -0,0 +1,348 @@ +/* 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/. */ + +/* ===== button.css ===================================================== + == Styles used by the XUL button element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* :::::::::: button :::::::::: */ + +button { + -moz-appearance: button; + margin: 1px 5px 2px 5px; + min-width: 6.3em; + border: 3px solid; + -moz-border-top-colors: transparent ThreeDHighlight ThreeDLightShadow; + -moz-border-right-colors: transparent ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: transparent ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: transparent ThreeDHighlight ThreeDLightShadow; + background-color: ThreeDFace; + color: ButtonText; + text-shadow: none; +} + +.button-box { + -moz-appearance: button-focus; + border: 1px solid transparent; + padding-top: 1px; + padding-bottom: 2px; + -moz-padding-start: 3px; + -moz-padding-end: 4px; +} + +.button-icon { + -moz-margin-end: 2px; +} + +.button-text { + margin: 0 !important; + text-align: center; +} + +/* .......... focused state .......... */ + +button:focus { + -moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight transparent; + -moz-border-right-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight transparent; +} + +button:focus > .button-box { + border: 1px dotted ThreeDDarkShadow; +} + +/* .......... default state .......... */ + +button[default="true"] { + -moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight ThreeDLightShadow; + -moz-border-right-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight ThreeDLightShadow; +} + +/* .......... hover state .......... */ + +button:hover { + color: -moz-buttonhovertext; + background-color: -moz-buttonhoverface; +} + +/* .......... active/open/checked state .......... */ + +button:hover:active, +button[open="true"], +button[checked="true"] { + -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow transparent; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent; + -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow transparent; + color: ButtonText; +} + +button:hover:active > .button-box, +button[open="true"] > .button-box, +button[checked="true"] > .button-box { + padding-top: 2px; + padding-bottom: 1px; + -moz-padding-start: 4px; + -moz-padding-end: 3px; +} + +/* .......... disabled state .......... */ + +button[disabled="true"], +button[disabled="true"]:hover:active { + -moz-border-top-colors: transparent ThreeDHighlight ThreeDLightShadow !important; + -moz-border-right-colors: transparent ThreeDDarkShadow ThreeDShadow !important; + -moz-border-bottom-colors: transparent ThreeDDarkShadow ThreeDShadow !important; + -moz-border-left-colors: transparent ThreeDHighlight ThreeDLightShadow !important; + color: GrayText; +} + +button[disabled="true"] > .button-box { + padding-top: 1px !important; + padding-bottom: 2px !important; + -moz-padding-start: 3px !important; + -moz-padding-end: 4px !important; +} + +/* ::::: menu/menu-button buttons ::::: */ + +button[type="menu-button"] { + -moz-appearance: dualbutton; +} + +.button-menubutton-button { + margin: 0; +} + +.button-menu-dropmarker, +.button-menubutton-dropmarker { + -moz-appearance: toolbarbutton-dropdown !important; +} + +.button-menubutton-dropmarker { + -moz-margin-end: 3px; +} + +/* ::::: plain buttons ::::: */ + +button.plain { + border: 0px !important; + margin: 0px !important; + padding: 0px !important; +} + +button[type="disclosure"] { + border: 0px !important; + margin: 0px !important; + padding: 0px !important; + -moz-appearance: none; + list-style-image: url("chrome://global/skin/tree/twisty-clsd.png"); + min-width: 0px !important; + background-color: transparent; +} + +button[type="disclosure"][open="true"] { + list-style-image: url("chrome://global/skin/tree/twisty-open.png"); +} + +/* + * GNOME Stock Icon Styles + */ + +button[icon="accept"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-ok?size=button"); +} + +button[icon="accept"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-ok?size=button&state=disabled"); +} + +button[icon="cancel"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-cancel?size=button"); +} + +button[icon="cancel"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-cancel?size=button&state=disabled"); +} + +button[icon="help"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-help?size=button"); +} + +button[icon="help"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-help?size=button&state=disabled"); +} + +button[icon="open"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-open?size=button"); +} + +button[icon="open"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-open?size=button&state=disabled"); +} + +button[icon="save"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-save?size=button"); +} + +button[icon="save"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-save?size=button&state=disabled"); +} + +button[icon="find"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-find?size=button"); +} + +button[icon="find"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-find?size=button&state=disabled"); +} + +button[icon="clear"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-clear?size=button"); +} + +button[icon="clear"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-clear?size=button&state=disabled"); +} + +button[icon="yes"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-yes?size=button"); +} + +button[icon="yes"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-yes?size=button&state=disabled"); +} + +button[icon="no"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-no?size=button"); +} + +button[icon="no"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-no?size=button&state=disabled"); +} + +button[icon="apply"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-apply?size=button"); +} + +button[icon="apply"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-apply?size=button&state=disabled"); +} + +button[icon="close"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-close?size=button"); +} + +button[icon="close"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-close?size=button&state=disabled"); +} + +button[icon="print"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-print?size=button"); +} + +button[icon="print"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-print?size=button&state=disabled"); +} + +button[icon="add"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-add?size=button"); +} + +button[icon="add"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-add?size=button&state=disabled"); +} + +button[icon="remove"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-remove?size=button"); +} + +button[icon="remove"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-remove?size=button&state=disabled"); +} + +button[icon="refresh"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-refresh?size=button"); +} + +button[icon="refresh"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-refresh?size=button&state=disabled"); +} + +button[icon="revert"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-revert-to-saved?size=button"); +} + +button[icon="revert"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-revert-to-saved?size=button&state=disabled"); +} + +button[icon="go-forward"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=button"); +} + +button[icon="go-forward"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=button&state=disabled"); +} + +button[icon="go-forward"]:-moz-locale-dir(rtl) .button-icon { + list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=button"); +} + +button[icon="go-forward"]:-moz-locale-dir(rtl)[disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=button&state=disabled"); +} + +button[icon="go-back"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=button"); +} + +button[icon="go-back"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=button&state=disabled"); +} + +button[icon="go-back"]:-moz-locale-dir(rtl) .button-icon { + list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=button"); +} + +button[icon="go-back"]:-moz-locale-dir(rtl)[disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=button&state=disabled"); +} + +button[icon="properties"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-properties?size=button"); +} + +button[icon="properties"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-properties?size=button&state=disabled"); +} + +button[icon="select-font"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-select-font?size=button"); +} + +button[icon="select-font"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-select-font?size=button&state=disabled"); +} + +button[icon="select-color"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-color-picker?size=button"); +} + +button[icon="select-color"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-color-picker?size=button&state=disabled"); +} + +button[icon="network"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-network?size=button"); +} + +button[icon="network"][disabled="true"] .button-icon { + list-style-image: url("moz-icon://stock/gtk-network?size=button&state=disabled"); +} diff --git a/arc-firefox-theme/chrome/global/checkbox.css b/arc-firefox-theme/chrome/global/checkbox.css new file mode 100644 index 0000000..de2e93c --- /dev/null +++ b/arc-firefox-theme/chrome/global/checkbox.css @@ -0,0 +1,99 @@ +/* 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/. */ + +/* ===== checkbox.css =================================================== + == Styles used by the XUL checkbox element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: checkbox ::::: */ + +checkbox { + -moz-appearance: checkbox-container; + margin: 2px 4px; + border-left: 2px transparent; + border-right: 2px transparent; +} + +/* With native theming on, the spacer-box paints the check mark and includes + the spacing to the right, so that oversized checkbox images can slop over + into the space. + + If we need to disable checkbox theming, the spacer box no longer paints + the check mark, but its fallback CSS border supplies the padding between + the mark and the label. The xul:image then takes over painting the check + mark. */ + +.checkbox-spacer-box { + -moz-appearance: checkbox; + -moz-box-align: center; + margin: 2px; + border-right: 2px solid transparent; +} + +.checkbox-label-center-box { + -moz-box-align: center; +} + +.checkbox-label-box { + -moz-appearance: checkbox-label; +} + +.checkbox-icon[src] { + -moz-margin-end: 2px; +} + +.checkbox-label { + margin: 0 !important; +} + +/* ..... focused state ..... */ + +checkbox:focus > .checkbox-label-center-box > .checkbox-label-box { + border: 1px dotted ThreeDDarkShadow; +} + +/* ..... disabled state ..... */ + +checkbox[disabled="true"] > .checkbox-spacer-box > .checkbox-check { + background-color: -moz-Dialog; +} + +checkbox[disabled="true"] { + color: GrayText; +} + +/* ::::: checkmark image ::::: */ + +.checkbox-check { + border: 2px solid; + -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; + -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; + min-width: 13px; + min-height: 13px; + background: -moz-Field no-repeat 50% 50%; +} + +checkbox:not([disabled="true"]):hover { + color: -moz-buttonhovertext; + text-shadow: none; +} + +checkbox:hover:active > .checkbox-spacer-box > .checkbox-check { + background-color: -moz-Dialog; +} + +/* ..... checked state ..... */ + +checkbox[checked="true"] > .checkbox-spacer-box > .checkbox-check { + background-image: url("chrome://global/skin/checkbox/cbox-check.gif"); +} + +checkbox[checked="true"][disabled="true"] > .checkbox-spacer-box > .checkbox-check { + background-image: url("chrome://global/skin/checkbox/cbox-check-dis.gif") !important +} + diff --git a/arc-firefox-theme/chrome/global/checkbox/cbox-check-dis.gif b/arc-firefox-theme/chrome/global/checkbox/cbox-check-dis.gif Binary files differnew file mode 100644 index 0000000..bd43dd1 --- /dev/null +++ b/arc-firefox-theme/chrome/global/checkbox/cbox-check-dis.gif diff --git a/arc-firefox-theme/chrome/global/checkbox/cbox-check.gif b/arc-firefox-theme/chrome/global/checkbox/cbox-check.gif Binary files differnew file mode 100644 index 0000000..fa0b196 --- /dev/null +++ b/arc-firefox-theme/chrome/global/checkbox/cbox-check.gif diff --git a/arc-firefox-theme/chrome/global/colorpicker.css b/arc-firefox-theme/chrome/global/colorpicker.css new file mode 100644 index 0000000..5870ed5 --- /dev/null +++ b/arc-firefox-theme/chrome/global/colorpicker.css @@ -0,0 +1,47 @@ +/* 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/. */ + +/* ===== colorpicker.css ================================================ + == Styles used by the XUL colorpicker element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: colorpicker button ::::: */ + +/* colorpicker button */ + +colorpicker[type="button"] { + -moz-appearance: button; + width: 38px; + height: 24px; +} + +.colorpicker-button-colorbox { + border: 1px solid #000000; +} + +/* ::::: colorpicker tiles ::::: */ + +.colorpickertile { + width: 20px; + height: 20px; + margin: 1px; + border-left: 1px solid ThreeDShadow; + border-top: 1px solid ThreeDShadow; + border-right: 1px solid ThreeDHighlight; + border-bottom: 1px solid ThreeDHighlight; +} + +.colorpickertile[selected="true"] { + border: 2px outset #C0C0C0; +} + +.colorpickertile[hover="true"] { + border: 2px dotted #FFFFFF; +} + +.cp-light[hover="true"] { + border: 2px dotted #909090; +} diff --git a/arc-firefox-theme/chrome/global/commonDialog.css b/arc-firefox-theme/chrome/global/commonDialog.css new file mode 100644 index 0000000..6d95081 --- /dev/null +++ b/arc-firefox-theme/chrome/global/commonDialog.css @@ -0,0 +1,22 @@ +/* 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/. */ + +#filler { + -moz-margin-start: -8px; + -moz-margin-end: -10px; +} + +#iconContainer { + -moz-box-pack: center; + min-height: 55px; /* maximum icon height + icon margin */ + min-width: 58px; /* maximum icon width + icon margin */ +} + +#info\.icon { + max-width: 48px; + max-height: 48px; + /* The 'spaced' class does this already. It's repeated here to make it clearer + what margin values the #iconContainer's min-height and max-height depend on: */ + margin: 3px 5px 4px; +} diff --git a/arc-firefox-theme/chrome/global/config.css b/arc-firefox-theme/chrome/global/config.css new file mode 100644 index 0000000..f1c7396 --- /dev/null +++ b/arc-firefox-theme/chrome/global/config.css @@ -0,0 +1,49 @@ +/* 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/. */ + +#warningScreen { + font-size: 15px; + padding-top: 0; + padding-bottom: 0; + -moz-padding-start: calc(48px + 4.6em); + -moz-padding-end: 48px; +} + +.title { + background-image: url("chrome://global/skin/icons/warning.svg"); +} + +#warningTitle { + font-weight: lighter; + line-height: 1.2; + color: #333; + margin: 0; + margin-bottom: .5em; +} + +#warningText { + margin: 1em 0; +} + +#warningButton { + margin-top: 0.6em; +} + +#filterRow { + margin-top: 4px; + -moz-margin-start: 4px; +} + +#configTree { + margin-top: 4px; + margin-bottom: 4px; +} + +#configTreeBody::-moz-tree-cell-text(user) { + font-weight: bold; +} + +#configTreeBody::-moz-tree-cell-text(locked) { + font-style: italic; +} diff --git a/arc-firefox-theme/chrome/global/console/console-error-caret.gif b/arc-firefox-theme/chrome/global/console/console-error-caret.gif Binary files differnew file mode 100644 index 0000000..a8f30f9 --- /dev/null +++ b/arc-firefox-theme/chrome/global/console/console-error-caret.gif diff --git a/arc-firefox-theme/chrome/global/console/console-error-dash.gif b/arc-firefox-theme/chrome/global/console/console-error-dash.gif Binary files differnew file mode 100644 index 0000000..74679a2 --- /dev/null +++ b/arc-firefox-theme/chrome/global/console/console-error-dash.gif diff --git a/arc-firefox-theme/chrome/global/console/console-toolbar.png b/arc-firefox-theme/chrome/global/console/console-toolbar.png Binary files differnew file mode 100644 index 0000000..05277b6 --- /dev/null +++ b/arc-firefox-theme/chrome/global/console/console-toolbar.png diff --git a/arc-firefox-theme/chrome/global/console/console.css b/arc-firefox-theme/chrome/global/console/console.css new file mode 100644 index 0000000..7c90037 --- /dev/null +++ b/arc-firefox-theme/chrome/global/console/console.css @@ -0,0 +1,156 @@ +/* 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/. */ + +/* ===== console.css ==================================================== + == Styles used by the Error Console window. + ====================================================================== */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +.console-box { + background-color: -moz-Field; + color: -moz-FieldText; +} + +/* ::::: console rows ::::: */ + +.console-row { + border-bottom: 1px dotted threedshadow; + padding: 4px 0px; +} + +.console-row-icon { + padding: 4px; + -moz-padding-start: 5px; + -moz-box-align: start !important; +} + +.console-row-msg > label:first-child, +.console-row-file > label:first-child { + display: none; +} + +.console-time { + font-weight: normal !important; +} + +.console-icon { + list-style-image: inherit; +} + +.console-error-msg { + margin-bottom: 2px; +} + +/* ..... error rows ..... */ + +.console-row-code { + padding-top: 3px; + padding-bottom: 3px; + -moz-padding-start: 3px; + -moz-padding-end: 0px; + color: #0000BB; + font-size: larger; +} + +.console-dots, +.console-caret { + height: 9px; +} + +.console-dots { + background: url("chrome://global/skin/console/console-error-dash.gif") repeat-x top; +} + +.console-caret { + width: 7px; + background: url("chrome://global/skin/console/console-error-caret.gif") no-repeat top; +} + +/* ..... message rows ..... */ + +.console-row[type="message"] { + font-family: monospace; +} + +/* ..... selected state ..... */ + +.console-row[selected="true"] { + background-image: url("chrome://global/skin/console/itemSelected.png"); +} + +.console-row-code[selected="true"], +.console-row-content[selected="true"] > .console-row-file > .console-error-source > .text-link { + color: inherit !important; +} + +/* ::::: icons ::::: */ + +.console-row[type="error"], +.console-row[type="exception"] { + list-style-image: url("moz-icon://stock/gtk-dialog-error?size=menu"); +} + +.console-row[type="error"] .console-row-msg, +.console-row[type="exception"] .console-row-msg { + font-weight: bold; +} + +.console-row[type="warning"] { + list-style-image: url("moz-icon://stock/gtk-dialog-warning?size=menu"); +} + +.console-row[type="message"] { + list-style-image: url("moz-icon://stock/gtk-dialog-info?size=menu"); +} + +/* ::::: toolbars ::::: */ + +#TextboxEval { + margin: 2px !important; +} + +#ButtonEval { + margin-top: 2px !important; + margin-bottom: 2px !important; + -moz-margin-start: 0px !important; + -moz-margin-end: 2px !important; +} + +/* Toolbar icons */ + +toolbar#ToolbarMode toolbarbutton { + -moz-box-orient: horizontal; +} + +#Console\:modeAll { + list-style-image: url("chrome://global/skin/console/console-toolbar.png"); +} + +#Console\:modeErrors { + list-style-image: url("moz-icon://stock/gtk-dialog-error?size=toolbar"); +} + +#Console\:modeWarnings { + list-style-image: url("moz-icon://stock/gtk-dialog-warning?size=toolbar"); +} + +#Console\:modeMessages { + list-style-image: url("moz-icon://stock/gtk-dialog-info?size=toolbar"); +} + +#Console\:clear { + list-style-image: url("moz-icon://stock/gtk-clear?size=toolbar"); +} + +toolbar#ToolbarMode .toolbarbutton-text { + -moz-padding-end: 4px; +} + +/* ::::: Fix Error Console toolbar button text spacing ::::: */ + +.toolbarbutton-text { + -moz-padding-start: 0px; + -moz-padding-end: 5px; +} diff --git a/arc-firefox-theme/chrome/global/console/console.png b/arc-firefox-theme/chrome/global/console/console.png Binary files differnew file mode 100644 index 0000000..c1be13b --- /dev/null +++ b/arc-firefox-theme/chrome/global/console/console.png diff --git a/arc-firefox-theme/chrome/global/console/itemSelected.png b/arc-firefox-theme/chrome/global/console/itemSelected.png Binary files differnew file mode 100644 index 0000000..964cd6a --- /dev/null +++ b/arc-firefox-theme/chrome/global/console/itemSelected.png diff --git a/arc-firefox-theme/chrome/global/customizeToolbar.css b/arc-firefox-theme/chrome/global/customizeToolbar.css new file mode 100644 index 0000000..3c11b9c --- /dev/null +++ b/arc-firefox-theme/chrome/global/customizeToolbar.css @@ -0,0 +1,23 @@ +/* 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/. */ + +window, +dialog { + padding: 6px; +} + +#instructions { + font-weight: bold; + font-size: larger; +} + +#palette-box { + -moz-appearance: listbox; + margin: 0 0 10px; +} + +#palette-box > toolbarpaletteitem { + padding: 8px 2px; + margin: 0 8px; +} diff --git a/arc-firefox-theme/chrome/global/datetimepicker.css b/arc-firefox-theme/chrome/global/datetimepicker.css new file mode 100644 index 0000000..7e2c8f7 --- /dev/null +++ b/arc-firefox-theme/chrome/global/datetimepicker.css @@ -0,0 +1,147 @@ +/* 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/. */ + +/* ===== datetimepicker.css ============================================= + == Styles used by the XUL datepicker and timepicker elements. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +datepicker, timepicker { + margin: 2px 4px; + padding: 0; + border: none; + background: none; + cursor: default; +} + +.datetimepicker-input-box { + -moz-appearance: textfield; + cursor: text; + -moz-margin-end: 2px; + border: 2px solid; + -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; + -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; + padding: 2px 0 3px 0; + -moz-padding-start: 4px; + -moz-padding-end: 2px; + background-color: -moz-Field; + color: -moz-FieldText; +} + +.datetimepicker-input-subbox { + width: 1.6em; +} + +html|*.datetimepicker-input { + text-align: end; +} + +.datetimepicker-separator { + margin: 0 !important; +} + +.datetimepicker-year { + width: 3.2em; +} + +datepicker[readonly="true"], +timepicker[readonly="true"] { + background-color: -moz-Dialog; + color: -moz-DialogText; +} + +datepicker[disabled="true"], +timepicker[disabled="true"] { + cursor: default; + background-color: -moz-Dialog; + color: GrayText; +} + +.datepicker-mainbox { + margin: 2px 4px; + border: 2px solid; + -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; + -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; + background-color: -moz-Field; + color: -moz-FieldText; +} + +.datepicker-popupgrid > .datepicker-mainbox { + margin: 0; + border: none; +} + +.datepicker-gridlabel, .datepicker-weeklabel { + text-align: center; +} + +.datepicker-gridlabel[today="true"] { + background-color: darkgrey; + color: white; +} + +.datepicker-gridlabel[selected="true"] { + background-color: Highlight; + color: HighlightText; +} + +.datepicker-button { + -moz-appearance: none; + min-width: 8px; + padding: 0px; +} + +.datepicker-previous { + list-style-image: url("chrome://global/skin/arrow/arrow-lft.gif"); +} + +.datepicker-next { + list-style-image: url("chrome://global/skin/arrow/arrow-rit.gif"); +} + +.datepicker-previous:hover { + list-style-image: url("chrome://global/skin/arrow/arrow-lft-hov.gif"); +} + +.datepicker-next:hover { + list-style-image: url("chrome://global/skin/arrow/arrow-rit-hov.gif"); +} + +.datepicker-previous[disabled="true"] { + list-style-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif"); +} + +.datepicker-next[disabled="true"] { + list-style-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif"); +} + +.datepicker-previous:-moz-locale-dir(rtl) { + list-style-image: url("chrome://global/skin/arrow/arrow-rit.gif"); +} + +.datepicker-next:-moz-locale-dir(rtl) { + list-style-image: url("chrome://global/skin/arrow/arrow-lft.gif"); +} + +.datepicker-previous:-moz-locale-dir(rtl) { + list-style-image: url("chrome://global/skin/arrow/arrow-rit-hov.gif"); +} + +.datepicker-next:-moz-locale-dir(rtl):hover { + list-style-image: url("chrome://global/skin/arrow/arrow-lft-hov.gif"); +} + +.datepicker-previous[disabled="true"]:-moz-locale-dir(rtl) { + list-style-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif"); +} + +.datepicker-next[disabled="true"]:-moz-locale-dir(rtl) { + list-style-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif"); +} diff --git a/arc-firefox-theme/chrome/global/dialog.css b/arc-firefox-theme/chrome/global/dialog.css new file mode 100644 index 0000000..044dad6 --- /dev/null +++ b/arc-firefox-theme/chrome/global/dialog.css @@ -0,0 +1,74 @@ +/* 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/. */ + +/* ===== dialog.css ===================================================== + == Styles used by the XUL dialog element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: dialog ::::: */ + +dialog { + padding-top: 8px; + padding-bottom: 10px; + -moz-padding-start: 8px; + -moz-padding-end: 10px; +} + +/* ::::: dialog buttons ::::: */ + +.dialog-button { + font: menu; + margin-top: 6px; +} + +/* ::::: dialog header ::::: */ + +dialogheader { + margin: 0px 5px 5px 5px; + border: 2px solid; + -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; + -moz-border-right-colors: ThreeDHighlight ThreeDDarkShadow; + -moz-border-bottom-colors: ThreeDHighlight ThreeDDarkShadow; + -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; + padding: 5px 8px; + background-color: Highlight; + color: HighlightText; +} + +.dialogheader-title { + margin: 0px !important; + font-size: larger; + font-weight: bold; +} + +/* ::::: large dialog header ::::: */ + +.header-large { + -moz-box-orient: vertical; + margin-top: -8px; + margin-bottom: 0; + -moz-margin-start: -8px; + -moz-margin-end: -10px; + border-left: none; + border-right: none; + border-top: none; + -moz-border-bottom-colors: ThreeDHighlight ThreeDShadow; + padding-top: 12px; + padding-bottom: 12px; + -moz-padding-start: 25px; + -moz-padding-end: 5px; + background-color: Window; + color: WindowText; +} + +.header-large > .dialogheader-title { + font: inherit; + font-weight: bold; +} + +.header-large > .dialogheader-description { + -moz-margin-start: 12px !important; +} diff --git a/arc-firefox-theme/chrome/global/dirListing/dirListing.css b/arc-firefox-theme/chrome/global/dirListing/dirListing.css new file mode 100644 index 0000000..4fc092d --- /dev/null +++ b/arc-firefox-theme/chrome/global/dirListing/dirListing.css @@ -0,0 +1,105 @@ +/* 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/. */ + +:root { + background-color: -moz-dialog; + color: -moz-dialogtext; + font: message-box; + padding-left: 2em; + padding-right: 2em; +} + +body { + border: 1px solid ThreeDShadow; + border-radius: 10px; + padding: 3em; + min-width: 30em; + max-width: 65em; + margin: 4em auto; + background-color: -moz-field; + color: -moz-fieldtext; +} + +h1 { + font-size: 160%; + margin: 0 0 .6em; + border-bottom: 1px solid ThreeDLightShadow; + font-weight: normal; +} + +a { + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +p { + font-size: 110%; +} + +#UI_goUp { + margin-top: 0; + float: left; +} + +#UI_goUp:-moz-dir(rtl) { + float: right; +} + +#UI_showHidden { + margin-top: 0; + float: right; +} + +#UI_showHidden:-moz-dir(rtl) { + float: left; +} + +table { + clear: both; + width: 90%; + margin: 0 auto; +} + +thead { + font-size: 130%; +} + +/* last modified */ +th:last-child { + text-align: center; +} + +th:hover > a { + text-decoration: underline; +} + +body > table > tbody > tr:hover { + outline: 1px solid ThreeDLightShadow; + -moz-outline-radius: .3em; +} + +/* let 'Size' and 'Last Modified' take only as much space as they need and 'Name' all the rest */ +td:not(:first-child) { + width: 0; +} + +.up { + padding: 0 .5em; + -moz-margin-start: 20px; +} + +.up::before { + -moz-margin-end: 4px; + -moz-margin-start: -20px; + vertical-align: middle; + content: url(moz-icon://stock/gtk-go-up?size=menu); +} + +.dir::before { + content: url(moz-icon://stock/gtk-directory?size=menu); +} + diff --git a/arc-firefox-theme/chrome/global/dirListing/folder.png b/arc-firefox-theme/chrome/global/dirListing/folder.png Binary files differnew file mode 100644 index 0000000..c266b01 --- /dev/null +++ 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 differnew file mode 100644 index 0000000..c5da02b --- /dev/null +++ b/arc-firefox-theme/chrome/global/dirListing/local.png diff --git a/arc-firefox-theme/chrome/global/dirListing/remote.png b/arc-firefox-theme/chrome/global/dirListing/remote.png Binary files differnew file mode 100644 index 0000000..281fb2a --- /dev/null +++ b/arc-firefox-theme/chrome/global/dirListing/remote.png diff --git a/arc-firefox-theme/chrome/global/dirListing/up.png b/arc-firefox-theme/chrome/global/dirListing/up.png Binary files differnew file mode 100644 index 0000000..6c11509 --- /dev/null +++ b/arc-firefox-theme/chrome/global/dirListing/up.png diff --git a/arc-firefox-theme/chrome/global/dropmarker.css b/arc-firefox-theme/chrome/global/dropmarker.css new file mode 100644 index 0000000..5b44ac4 --- /dev/null +++ b/arc-firefox-theme/chrome/global/dropmarker.css @@ -0,0 +1,7 @@ +/* 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/. */ + +dropmarker { + -moz-appearance: menulist-button; +} diff --git a/arc-firefox-theme/chrome/global/expander.css b/arc-firefox-theme/chrome/global/expander.css new file mode 100644 index 0000000..6c7d290 --- /dev/null +++ b/arc-firefox-theme/chrome/global/expander.css @@ -0,0 +1,14 @@ +/* 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/. */ + +.expanderButton { + cursor: pointer !important; +} + +.settingsContainer { + padding-top: 3px; + padding-bottom: 5px; + -moz-padding-start: 20px; + -moz-padding-end: 5px; +} diff --git a/arc-firefox-theme/chrome/global/filefield.css b/arc-firefox-theme/chrome/global/filefield.css new file mode 100644 index 0000000..11bb836 --- /dev/null +++ b/arc-firefox-theme/chrome/global/filefield.css @@ -0,0 +1,36 @@ +/* +# -*- Mode: Java; tab-width: 4; indent-tabs-mode: nil; c-basic-offset: 4 -*- +# 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/. +*/ + +/* File Field Widget */ +filefield { + margin: 2px 4px; + -moz-appearance: textfield; +} + +.fileFieldContentBox { + background-color: -moz-Dialog; +} + +.fileFieldIcon[disabled="true"] { + opacity: 0.4; +} + +.fileFieldIcon { + width: 16px; + height: 16px; + margin-top: 1px; + margin-bottom: 1px; + -moz-margin-start: 1px; + -moz-margin-end: 4px; +} + +.fileFieldLabel { + -moz-appearance: none; + background-color: transparent; + border: none; + margin: 0px; +} diff --git a/arc-firefox-theme/chrome/global/filepicker.css b/arc-firefox-theme/chrome/global/filepicker.css new file mode 100644 index 0000000..b072c20 --- /dev/null +++ b/arc-firefox-theme/chrome/global/filepicker.css @@ -0,0 +1,63 @@ +/* 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/. */ + +/* ===== filepicker.css ================================================= + == Styles used by the File Picker dialog. + ======================================================================= */ + +@import url("chrome://global/skin/"); + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: column widths ::::: */ + +#FilenameColumn, +#ContentLengthColumn, +#LastModifiedDateColumn { + width: 100px; +} + +/* ::::: file/directory items ::::: */ + +treechildren::-moz-tree-image(treecolAutoCompleteValue), +treechildren::-moz-tree-image(FilenameColumn) { + padding-right: 2px; + margin: 0px 2px; + width: 16px; + height: 16px; +} + +treechildren::-moz-tree-image(treecolAutoCompleteValue, directory), +treechildren::-moz-tree-image(FilenameColumn, directory) { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu"); +} + +treechildren::-moz-tree-image(treecolAutoCompleteValue, file), +treechildren::-moz-tree-image(FilenameColumn, file) { + list-style-image: url("moz-icon://stock/gtk-file?size=menu"); +} + +/* ::::: button items ::::: */ + +/* up-button */ + +.up-button { + list-style-image: url("moz-icon://stock/gtk-go-up?size=toolbar"); + max-width: 36px; +} + +/* home-button */ + +.home-button { + list-style-image: url("moz-icon://stock/gtk-home?size=toolbar"); + max-width: 36px; +} + +/* new-dir-button */ + +.new-dir-button { + list-style-image: url("chrome://global/skin/Filepicker.png"); + max-width: 36px; +} + diff --git a/arc-firefox-theme/chrome/global/findBar.css b/arc-firefox-theme/chrome/global/findBar.css new file mode 100644 index 0000000..cb4729a --- /dev/null +++ b/arc-firefox-theme/chrome/global/findBar.css @@ -0,0 +1,155 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +findbar { + border-top: 2px solid; + -moz-border-top-colors: ThreeDShadow ThreeDHighlight; + min-width: 1px; + transition-property: margin-bottom, opacity, visibility; + transition-duration: 150ms, 150ms, 0s; + transition-timing-function: ease-in-out, ease-in-out, linear; +} + +findbar[hidden] { + /* Override display:none to make the transition work. */ + display: -moz-box; + visibility: collapse; + margin-bottom: -1em; + opacity: 0; + transition-delay: 0s, 0s, 150ms; +} + +.findbar-container { + -moz-padding-start: 8px; + padding-top: 4px; + padding-bottom: 4px; +} + +.findbar-closebutton { + -moz-appearance: none; + width: 16px; + height: 16px; + margin: 0 8px; +} + +/* Search field */ + +.findbar-textbox { + -moz-appearance: none; + border: 1px solid ThreeDShadow; + box-shadow: 0 0 1px 0 ThreeDShadow inset; + margin: 0; + padding: 5px; + width: 14em; +} + +.findbar-textbox:-moz-locale-dir(ltr) { + border-radius: 3px 0 0 3px; + border-right-width: 0; +} + +.findbar-textbox:-moz-locale-dir(rtl) { + border-radius: 0 3px 3px 0; + border-left-width: 0; +} + +.findbar-textbox[focused="true"] { + border-color: Highlight; + box-shadow: 0 0 1px 0 Highlight inset; +} + +.findbar-textbox[status="notfound"] { + background-color: #f66; + color: white; +} + +.findbar-textbox[flash="true"] { + background-color: yellow; + color: black; +} + +.findbar-textbox.minimal { + border-width: 1px; + border-radius: 3px; +} + +.findbar-find-previous, +.findbar-find-next { + -moz-margin-start: 0; + -moz-appearance: none; + background: linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.2)); + border: 1px solid ThreeDShadow; + box-shadow: 0 1px #fff inset; + list-style-image: url("chrome://global/skin/icons/find-arrows.png"); + padding: 5px 9px; + line-height: 1em; +} + +.findbar-find-previous:focus, +.findbar-find-next:focus { + border-color: Highlight; + box-shadow: 0 0 1px 0 Highlight inset; +} + +.findbar-find-previous:not([disabled]):active, +.findbar-find-next:not([disabled]):active { + background: rgba(23,50,76,.2); + border: 1px solid ThreeDShadow; + box-shadow: 0 1px 2px rgba(10,31,51,.2) inset; +} + +.findbar-find-previous { + -moz-image-region: rect(0, 12px, 9px, 0); + -moz-border-end-width: 0; +} + +.findbar-find-next { + -moz-image-region: rect(0, 24px, 9px, 12px); +} + +.findbar-find-previous > .toolbarbutton-icon, +.findbar-find-next > .toolbarbutton-icon { + margin: 0; +} + +.findbar-find-previous[disabled="true"] > .toolbarbutton-icon, +.findbar-find-next[disabled="true"] > .toolbarbutton-icon { + opacity: .5; +} + +.findbar-find-next:-moz-locale-dir(ltr) { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +.findbar-find-next:-moz-locale-dir(rtl) { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +.findbar-find-previous:focus + .findbar-find-next { + -moz-border-start-width: 0; +} + +.findbar-find-previous:focus { + -moz-border-end-width: 1px; +} + +.findbar-highlight, +.findbar-case-sensitive { + -moz-margin-start: 5px; +} + +.findbar-find-status, +.findbar-matches { + color: GrayText; + margin: 0 !important; + -moz-margin-start: 12px !important; +} + +.find-status-icon[status="pending"] { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); +} diff --git a/arc-firefox-theme/chrome/global/global.css b/arc-firefox-theme/chrome/global/global.css new file mode 100644 index 0000000..5ddc664 --- /dev/null +++ b/arc-firefox-theme/chrome/global/global.css @@ -0,0 +1,326 @@ +/* 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/. */ + +/* ===== global.css ===================================================== + == Styles that apply everywhere. + ======================================================================= */ + +/* all localizable skin settings shall live here */ +@import url("chrome://global/locale/intl.css"); + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: XBL bindings ::::: */ + +checkbox { + -moz-binding: url("chrome://global/content/bindings/checkbox.xml#checkbox-with-spacing"); +} + +radio { + -moz-binding: url("chrome://global/skin/globalBindings.xml#radio-with-spacing"); +} + +menulist > menupopup { + -moz-binding: url("chrome://global/content/bindings/popup.xml#popup-scrollbars"); +} + +progressmeter[mode="undetermined"] { + -moz-binding: url("chrome://global/content/bindings/progressmeter.xml#progressmeter-undetermined"); +} + +toolbar[type="menubar"]:not([autohide="true"]):not(:-moz-lwtheme):-moz-system-metric(menubar-drag) { + -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar-drag"); +} + +/* ::::: root elements ::::: */ + +window, +page, +dialog, +wizard, +prefwindow { + -moz-appearance: window; + background-color: -moz-Dialog; + color: -moz-DialogText; + font: message-box; +} + +/* deprecated */ +window.dialog { + padding-top: 8px; + padding-bottom: 10px; + -moz-padding-start: 8px; + -moz-padding-end: 10px; +} + +/* ::::: alert icons :::::*/ + +.message-icon { + list-style-image: url("moz-icon://stock/gtk-dialog-info?size=dialog"); +} + +.alert-dialog #info\.icon, +.alert-icon { + list-style-image: url("moz-icon://stock/gtk-dialog-warning?size=dialog"); +} + +.error-icon { + list-style-image: url("moz-icon://stock/gtk-dialog-error?size=dialog"); +} + +.question-icon { + list-style-image: url("moz-icon://stock/gtk-dialog-question?size=dialog"); +} + +.authentication-icon { + list-style-image: url("chrome://global/skin/icons/Authentication.png"); +} + +/* ::::: iframe ::::: */ + +iframe { + border: none; + width: 100px; + height: 100px; + min-width: 10px; + min-height: 10px; +} + +/* ::::: statusbar ::::: */ + +statusbar { + -moz-appearance: statusbar; + border-top: 1px solid ThreeDLightShadow; + border-left: 1px solid ThreeDShadow; + border-right: 1px solid ThreeDHighlight; + border-bottom: 1px solid ThreeDHighlight; + background-color: -moz-Dialog; + min-height: 22px; +} + +statusbarpanel { + -moz-appearance: statusbarpanel; + -moz-box-align: center; + -moz-box-pack: center; + border-left: 1px solid ThreeDHighlight; + border-top: 1px solid ThreeDHighlight; + border-right: 1px solid ThreeDShadow; + border-bottom: 1px solid ThreeDShadow; + padding: 0 4px; +} + +.statusbar-resizerpanel { + -moz-box-align: end; + -moz-box-pack: end; + -moz-appearance: resizerpanel; + padding: 0; + border: none; +} + +.statusbarpanel-iconic, +.statusbarpanel-iconic-text, +.statusbarpanel-menu-iconic { + padding: 0 1px; +} + +/* XXXBlake yeah, shoot me -- these don't belong here. I'll move them later. */ + +sidebarheader { + height: 25px; + background-color: -moz-Dialog; +} + +sidebarheader > label { + -moz-padding-start: 4px; +} + +.toolbar-focustarget { + -moz-user-focus: ignore !important; +} + +toolbar[mode="text"] .toolbarbutton-text { + padding: 0 !important; + margin: 3px 5px !important; +} + +/* ::::: miscellaneous formatting ::::: */ + +:root:-moz-lwtheme, +[lwthemefooter="true"], +statusbarpanel:-moz-lwtheme { + -moz-appearance: none; +} + +sidebarheader:-moz-lwtheme { + background: none; +} + +:root:-moz-lwtheme-darktext { + text-shadow: 0 -0.5px 1.5px white; +} + +:root:-moz-lwtheme-brighttext { + text-shadow: 1px 1px 1.5px black; +} + +.inset { + border: 1px solid ThreeDShadow; + border-right-color: ThreeDHighlight; + border-bottom-color: ThreeDHighlight; + margin: 0 5px 5px; +} + +.outset { + border: 1px solid ThreeDShadow; + border-left-color: ThreeDHighlight; + border-top-color: ThreeDHighlight; +} + +separator:not([orient="vertical"]) { + height: 1.5em; +} +separator[orient="vertical"] { + width: 1.5em; +} + +separator.thin:not([orient="vertical"]) { + height: 0.5em; +} +separator.thin[orient="vertical"] { + width: 0.5em; +} + +separator.groove:not([orient="vertical"]) { + border-top: 1px solid ThreeDShadow; + border-bottom: 1px solid ThreeDHighlight; + height: 0; + margin-top: 0.4em; + margin-bottom: 0.4em; +} +separator.groove[orient="vertical"] { + border-left: 1px solid ThreeDShadow; + border-right: 1px solid ThreeDHighlight; + width: 0; + margin-left: 0.4em; + margin-right: 0.4em; +} + +.small-margin { + margin: 1px 2px; +} + +.plain { + -moz-appearance: none; + margin: 0 !important; + border: none; + padding: 0; +} + +description, +label { + cursor: default; + margin-top: 1px; + margin-bottom: 2px; + -moz-margin-start: 6px; + -moz-margin-end: 5px; +} + +description { + margin-bottom: 4px; +} + +label[disabled="true"] { + color: GrayText; +} + +.tooltip-label { + margin: 0; +} + +.header { + font-weight: bold; +} + +.monospace { + font-family: monospace; +} + +.indent { + -moz-margin-start: 23px; +} + +.box-padded { + padding: 5px; +} + +.spaced { + margin: 3px 5px 4px; +} + +.wizard-box { + padding: 20px 44px 10px; +} + +.text-link { + color: -moz-nativehyperlinktext; + cursor: pointer; +} + +.text-link:hover { + text-decoration: underline; +} + +.text-link:-moz-focusring { + outline: 1px dotted; +} + +notification > button { + margin-top: 0; + margin-bottom: 0; +} + +popupnotificationcontent { + margin-top: .5em; +} + +/* :::::: autoscroll popup ::::: */ + +.autoscroller { + height: 28px; + width: 28px; + border: none; + margin: -14px; + padding: 0; + background-image: url("chrome://global/skin/icons/autoscroll.png"); + background-color: transparent; + background-position: right top; + -moz-appearance: none; +} + +.autoscroller[scrolldir="NS"] { + background-position: right center; +} + +.autoscroller[scrolldir="EW"] { + background-position: right bottom; +} + +/* :::::: Close button icons ::::: */ + +.close-icon { + -moz-appearance: none; + height: 16px; + width: 16px; + background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 16, 16, 0); + background-position: center center; + background-repeat: no-repeat; +} + +.close-icon:hover { + background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 32, 16, 16); +} + +.close-icon:hover:active { + background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 48, 16, 32); +} diff --git a/arc-firefox-theme/chrome/global/globalBindings.xml b/arc-firefox-theme/chrome/global/globalBindings.xml new file mode 100644 index 0000000..8daa8a2 --- /dev/null +++ b/arc-firefox-theme/chrome/global/globalBindings.xml @@ -0,0 +1,55 @@ +<?xml version="1.0"?> +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> + + +<bindings id="globalBindings" + xmlns="http://www.mozilla.org/xbl" + xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" + xmlns:xbl="http://www.mozilla.org/xbl"> + + <binding id="radio" + extends="chrome://global/content/bindings/radio.xml#radio"> + <content> + <xul:hbox class="radio-check-box1" xbl:inherits="selected,checked,disabled"> + <xul:hbox class="radio-check-box2" flex="1"> + <xul:image class="radio-check" xbl:inherits="selected,checked,disabled"/> + </xul:hbox> + </xul:hbox> + <xul:hbox class="radio-label-box" align="center" flex="1"> + <xul:image class="radio-icon" xbl:inherits="src"/> + <xul:label class="radio-label" xbl:inherits="xbl:text=label,accesskey,crop" flex="1"/> + </xul:hbox> + </content> + </binding> + + <binding id="radio-with-spacing" + extends="chrome://global/skin/globalBindings.xml#radio"> + <content> + <xul:hbox class="radio-spacer-box"> + <xul:hbox class="radio-check-box1" xbl:inherits="selected,checked,disabled"> + <xul:hbox class="radio-check-box2" flex="1"> + <xul:image class="radio-check" xbl:inherits="selected,checked,disabled"/> + </xul:hbox> + </xul:hbox> + </xul:hbox> + <xul:hbox class="radio-label-center-box" flex="1"> + <xul:hbox class="radio-label-box" flex="1"> + <xul:image class="radio-icon" xbl:inherits="src"/> + <xul:label class="radio-label" xbl:inherits="xbl:text=label,accesskey,crop" flex="1"/> + </xul:hbox> + </xul:hbox> + </content> + </binding> + + <binding id="toolbarpaletteitem-spacer" + extends="chrome://global/content/bindings/toolbar.xml#toolbarpaletteitem"> + <content> + <xul:spacer class="spacer-left"/> + <children/> + <xul:spacer class="spacer-right"/> + </content> + </binding> + +</bindings> diff --git a/arc-firefox-theme/chrome/global/groupbox.css b/arc-firefox-theme/chrome/global/groupbox.css new file mode 100644 index 0000000..b31aac8 --- /dev/null +++ b/arc-firefox-theme/chrome/global/groupbox.css @@ -0,0 +1,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/. */ + +/* ===== groupbox.css ================================================== + == Styles used by the XUL groupbox and related elements. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: groupbox ::::: */ + +groupbox { + margin: 5px; + padding: 5px; +} + +.groupbox-body { + -moz-padding-start: 10px; +} + +caption { + margin-bottom: 2px; + font-weight: bold; +} + +/* !important is needed to override label in global.css */ +.caption-text { + margin-top: 0 !important; + margin-bottom: 0 !important; + -moz-margin-start: 1px !important; +} diff --git a/arc-firefox-theme/chrome/global/icons/Authentication.png b/arc-firefox-theme/chrome/global/icons/Authentication.png Binary files differnew file mode 100644 index 0000000..facbfbe --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/Authentication.png diff --git a/arc-firefox-theme/chrome/global/icons/Close.gif b/arc-firefox-theme/chrome/global/icons/Close.gif Binary files differnew file mode 100644 index 0000000..358055b --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/Close.gif diff --git a/arc-firefox-theme/chrome/global/icons/Error.png b/arc-firefox-theme/chrome/global/icons/Error.png Binary files differnew file mode 100644 index 0000000..bd4064f --- /dev/null +++ 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 differnew file mode 100644 index 0000000..925506c --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/Landscape.png diff --git a/arc-firefox-theme/chrome/global/icons/Minimize.gif b/arc-firefox-theme/chrome/global/icons/Minimize.gif Binary files differnew file mode 100644 index 0000000..2950037 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/Minimize.gif diff --git a/arc-firefox-theme/chrome/global/icons/Portrait.png b/arc-firefox-theme/chrome/global/icons/Portrait.png Binary files differnew file mode 100644 index 0000000..fb7e18d --- /dev/null +++ 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 differnew file mode 100644 index 0000000..51c7601 --- /dev/null +++ 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 differnew file mode 100644 index 0000000..ed8d371 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/Question.png diff --git a/arc-firefox-theme/chrome/global/icons/Restore.gif b/arc-firefox-theme/chrome/global/icons/Restore.gif Binary files differnew file mode 100644 index 0000000..cdc66e1 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/Restore.gif diff --git a/arc-firefox-theme/chrome/global/icons/Search-close.png b/arc-firefox-theme/chrome/global/icons/Search-close.png Binary files differnew file mode 100644 index 0000000..7faca92 --- /dev/null +++ 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 differnew file mode 100644 index 0000000..16a75cf --- /dev/null +++ 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 differnew file mode 100644 index 0000000..ee5622f --- /dev/null +++ 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 new file mode 100644 index 0000000..50c77a5 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/autocomplete-search.svg @@ -0,0 +1,33 @@ +<?xml version="1.0"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ 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/autoscroll.png b/arc-firefox-theme/chrome/global/icons/autoscroll.png Binary files differnew file mode 100644 index 0000000..6aac3d9 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/autoscroll.png diff --git a/arc-firefox-theme/chrome/global/icons/blacklist_favicon.png b/arc-firefox-theme/chrome/global/icons/blacklist_favicon.png Binary files differnew file mode 100644 index 0000000..f41f684 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/blacklist_favicon.png diff --git a/arc-firefox-theme/chrome/global/icons/blacklist_large.png b/arc-firefox-theme/chrome/global/icons/blacklist_large.png Binary files differnew file mode 100644 index 0000000..f4c4d9e --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/blacklist_large.png diff --git a/arc-firefox-theme/chrome/global/icons/close-XPVista7.png b/arc-firefox-theme/chrome/global/icons/close-XPVista7.png Binary files differnew file mode 100644 index 0000000..ea6ada4 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/close-XPVista7.png 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 differnew file mode 100644 index 0000000..c25a64a --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/close-XPVista7@2x.png 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 differnew file mode 100644 index 0000000..68596a3 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/close-inverted-XPVista7.png 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 differnew file mode 100644 index 0000000..eec52e6 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/close-inverted-XPVista7@2x.png diff --git a/arc-firefox-theme/chrome/global/icons/close-inverted.png b/arc-firefox-theme/chrome/global/icons/close-inverted.png Binary files differnew file mode 100644 index 0000000..0e81580 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/close-inverted.png 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 differnew file mode 100644 index 0000000..79d6e87 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/close-inverted@2x.png diff --git a/arc-firefox-theme/chrome/global/icons/close.png b/arc-firefox-theme/chrome/global/icons/close.png Binary files differnew file mode 100644 index 0000000..1a79a87 --- /dev/null +++ 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 new file mode 100644 index 0000000..375a412 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/close.svg @@ -0,0 +1,104 @@ +<?xml version="1.0" encoding="utf-8"?> + +<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 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> + + <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"/> + + </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 differnew file mode 100644 index 0000000..3cc9ea2 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/close@2x.png diff --git a/arc-firefox-theme/chrome/global/icons/collapse.png b/arc-firefox-theme/chrome/global/icons/collapse.png Binary files differnew file mode 100644 index 0000000..c688dc6 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/collapse.png diff --git a/arc-firefox-theme/chrome/global/icons/error-16.png b/arc-firefox-theme/chrome/global/icons/error-16.png Binary files differnew file mode 100644 index 0000000..54b5740 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/error-16.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 differnew file mode 100644 index 0000000..a5b78a4 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/error-64.png diff --git a/arc-firefox-theme/chrome/global/icons/expand.png b/arc-firefox-theme/chrome/global/icons/expand.png Binary files differnew file mode 100644 index 0000000..246d5ee --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/expand.png diff --git a/arc-firefox-theme/chrome/global/icons/find-arrows.png b/arc-firefox-theme/chrome/global/icons/find-arrows.png Binary files differnew file mode 100644 index 0000000..1a3a9da --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/find-arrows.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 differnew file mode 100644 index 0000000..905ef0f --- /dev/null +++ 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 differnew file mode 100644 index 0000000..4393795 --- /dev/null +++ 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 differnew file mode 100644 index 0000000..e23f9c3 --- /dev/null +++ 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 differnew file mode 100644 index 0000000..a2a64a4 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/information-32.png diff --git a/arc-firefox-theme/chrome/global/icons/loading_16.png b/arc-firefox-theme/chrome/global/icons/loading_16.png Binary files differnew file mode 100644 index 0000000..7108ea3 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/loading_16.png diff --git a/arc-firefox-theme/chrome/global/icons/panelarrow-horizontal.svg b/arc-firefox-theme/chrome/global/icons/panelarrow-horizontal.svg new file mode 100644 index 0000000..6f794b7 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/panelarrow-horizontal.svg @@ -0,0 +1,13 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> + +<svg xmlns="http://www.w3.org/2000/svg" + width="10" + height="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 new file mode 100644 index 0000000..3d79e18 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/panelarrow-vertical.svg @@ -0,0 +1,13 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> + +<svg xmlns="http://www.w3.org/2000/svg" + width="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 differnew file mode 100644 index 0000000..7e9aa7f --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/question-16.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 differnew file mode 100644 index 0000000..f07efc0 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/question-64.png diff --git a/arc-firefox-theme/chrome/global/icons/resizer-rtl.png b/arc-firefox-theme/chrome/global/icons/resizer-rtl.png Binary files differnew file mode 100644 index 0000000..973bc05 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/resizer-rtl.png diff --git a/arc-firefox-theme/chrome/global/icons/resizer.png b/arc-firefox-theme/chrome/global/icons/resizer.png Binary files differnew file mode 100644 index 0000000..0b1e63a --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/resizer.png diff --git a/arc-firefox-theme/chrome/global/icons/sslWarning.png b/arc-firefox-theme/chrome/global/icons/sslWarning.png Binary files differnew file mode 100644 index 0000000..6517bb9 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/sslWarning.png diff --git a/arc-firefox-theme/chrome/global/icons/tabprompts-bgtexture.png b/arc-firefox-theme/chrome/global/icons/tabprompts-bgtexture.png Binary files differnew file mode 100644 index 0000000..0d3cacd --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/tabprompts-bgtexture.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 differnew file mode 100644 index 0000000..513c954 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/warning-16.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 differnew file mode 100644 index 0000000..a93e891 --- /dev/null +++ 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 differnew file mode 100644 index 0000000..2b445f0 --- /dev/null +++ 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 new file mode 100644 index 0000000..0082970 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/warning.svg @@ -0,0 +1,12 @@ +<?xml version="1.0" encoding="utf-8"?> +<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/webapps-16.png b/arc-firefox-theme/chrome/global/icons/webapps-16.png Binary files differnew file mode 100644 index 0000000..df3978c --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/webapps-16.png diff --git a/arc-firefox-theme/chrome/global/icons/webapps-64.png b/arc-firefox-theme/chrome/global/icons/webapps-64.png Binary files differnew file mode 100644 index 0000000..7c5e48c --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/webapps-64.png diff --git a/arc-firefox-theme/chrome/global/icons/windowControls.png b/arc-firefox-theme/chrome/global/icons/windowControls.png Binary files differnew file mode 100644 index 0000000..9925b84 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/windowControls.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 new file mode 100644 index 0000000..b46a731 --- /dev/null +++ b/arc-firefox-theme/chrome/global/in-content/check-partial.svg @@ -0,0 +1,31 @@ +<?xml version="1.0" encoding="utf-8"?> +<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; + } + use { + fill: #2292d0; + } + use[id$="-inverted"] { + fill: #fff; + stroke: #0095dd; + stroke-width: 0.5; + } + use[id$="-native"] { + fill: -moz-dialogText; + } + </style> + <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>
\ 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 new file mode 100644 index 0000000..9fb2223 --- /dev/null +++ b/arc-firefox-theme/chrome/global/in-content/check.svg @@ -0,0 +1,31 @@ +<?xml version="1.0" encoding="utf-8"?> +<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; + } + use { + fill: #2292d0; + } + use[id$="-inverted"] { + fill: #fff; + stroke: #0095dd; + stroke-width: 0.5; + } + use[id$="-native"] { + fill: -moz-dialogText; + } + </style> + <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>
\ 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 new file mode 100644 index 0000000..0b02360 --- /dev/null +++ b/arc-firefox-theme/chrome/global/in-content/common.css @@ -0,0 +1,818 @@ +/* - This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this file, + - You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace html "http://www.w3.org/1999/xhtml"; +@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; + +html|body, +xul|page, +xul|window { + font: message-box; + -moz-appearance: none; + background-color: #fbfbfb; + color: #424e5a; +} + +html|body { + font-size: 15px; + font-weight: normal; + margin: 0; +} + +html|h1 { + font-size: 2.5em; + font-weight: lighter; + line-height: 1.2; + color: #333; + margin: 0; + margin-bottom: .5em; +} + +html|hr { + border-style: solid none none none; + border-color: #c1c1c1; +} + +xul|caption { + -moz-appearance: none; + margin: 0; +} + +xul|caption > xul|checkbox, +xul|caption > xul|label { + font-size: 1.3rem; + font-weight: bold; + line-height: 22px; + margin: 0 !important; +} + +*|*.main-content { + padding-top: 40px; + -moz-padding-end: 44px; /* compensate the 4px margin of child elements */ + padding-bottom: 48px; + -moz-padding-start: 48px; + overflow: auto; +} + +xul|prefpane > xul|*.content-box { + overflow: visible; +} + +/* groupboxes */ + +xul|groupbox { + -moz-appearance: none; + border: none; + margin: 15px 0 0; + -moz-padding-start: 0; + -moz-padding-end: 0; + font-size: 1.25rem; +} + +xul|groupbox xul|label, +xul|groupbox xul|description { + /* !important needed to override toolkit !important rule */ + -moz-margin-start: 0 !important; + -moz-margin-end: 0 !important; +} + +/* tabpanels and tabs */ + +xul|tabpanels { + -moz-appearance: none; + font-size: 1.25rem; + line-height: 22px; + border: none; + padding: 0; + background-color: transparent; + color: inherit; +} + +xul|tabs { + margin-bottom: 15px; + border-top: 1px solid #c1c1c1; + border-bottom: 1px solid #c1c1c1; + background-color: #fbfbfb; +} + +xul|*.tabs-left, +xul|*.tabs-right { + border-bottom: none; +} + +xul|tab { + -moz-appearance: none; + margin-top: 0; + padding: 4px 20px; + min-height: 44px; + color: #424f5a; + background-color: #fbfbfb; + border-width: 0; + transition: background-color 50ms ease 0s; +} + +xul|tab:hover { + background-color: #ebebeb; +} + +xul|tab[selected] { + background-color: #ebebeb; + padding-bottom: 0; /* compensate the 4px border */ + border-bottom: 4px solid #ff9500; +} + +xul|*.tab-text { + font-size: 1.3rem; + line-height: 22px; +} + +/* html buttons */ + +html|button { + padding: 3px; + /* override forms.css */ + font: inherit; +} + +/* xul buttons and menulists */ + +*|button, +xul|colorpicker[type="button"], +xul|menulist { + -moz-appearance: none; + height: 30px; + 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: #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: #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: #dadada; +} + +html|button:disabled, +xul|button[disabled="true"], +xul|colorpicker[type="button"][disabled="true"], +xul|menulist[disabled="true"] { + cursor: not-allowed; + opacity: 0.5; +} + +*|button.primary { + background-color: #0095dd; + border-color: transparent; + color: #fff; +} + +html|button.primary:enabled:hover, +xul|button.primary:not([disabled="true"]):hover { + background-color: #008acb; +} + +html|button.primary:enabled:hover:active, +xul|button.primary:not([disabled="true"]):hover:active { + background-color: #006b9d; +} + +xul|colorpicker[type="button"] { + padding: 6px; + width: 50px; +} + +xul|button > xul|*.button-box, +xul|menulist > xul|*.menulist-label-box { + padding-right: 10px !important; + padding-left: 10px !important; +} + +xul|menulist > xul|*.menulist-label-box > xul|*.menulist-icon[src] { + -moz-margin-end: 5px; +} + +xul|button[type="menu"] > xul|*.button-box > xul|*.button-menu-dropmarker { + -moz-appearance: none; + margin: 1px 0; + -moz-margin-start: 10px; + padding: 0; + width: 10px; + height: 16px; + border: none; + background-color: transparent; + list-style-image: url("chrome://global/skin/in-content/dropdown.svg#dropdown"); +} + +xul|*.help-button { + min-width: 30px; + border-radius: 2px; + border-width: 0; + 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: #f4c200; + background-image: none; +} + +xul|*.help-button:not([disabled="true"]):hover:active { + background-color: #eaba00; + background-image: none; +} + +xul|*.close-icon > xul|*.button-box, +xul|*.help-button > xul|*.button-box { + padding-top: 0; + padding-bottom: 0; + padding-right: 0 !important; + padding-left: 0 !important; +} + +xul|*.help-button > xul|*.button-box > xul|*.button-icon { + width: 18px; + height: 18px; +} + +xul|*.help-button > xul|*.button-box > xul|*.button-text { + display: none; +} + +xul|*.spinbuttons-button { + -moz-margin-start: 10px !important; + -moz-margin-end: 2px !important; +} + +xul|*.spinbuttons-up { + margin-top: 2px !important; + border-radius: 1px 1px 0 0; +} + +xul|*.spinbuttons-down { + margin-bottom: 2px !important; + border-radius: 0 0 1px 1px; +} + +xul|*.spinbuttons-button > xul|*.button-box { + padding: 1px 5px 2px !important; +} + +xul|*.spinbuttons-up > xul|*.button-box > xul|*.button-icon { + list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); +} + +xul|*.spinbuttons-up[disabled="true"] > xul|*.button-box > xul|*.button-icon { + list-style-image: url("chrome://global/skin/arrow/arrow-up-dis.gif"); +} + +xul|*.spinbuttons-down > xul|*.button-box > xul|*.button-icon { + list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif"); +} + +xul|*.spinbuttons-down[disabled="true"] > xul|*.button-box > xul|*.button-icon { + list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif"); +} + +xul|menulist:not([editable="true"]) > xul|*.menulist-dropmarker { + -moz-appearance: none; + -moz-margin-end: 4px; + padding: 0; + border: none; + background-color: transparent; + list-style-image: url("chrome://global/skin/in-content/dropdown.svg#dropdown"); +} + +xul|menulist:not([editable="true"]) > xul|*.menulist-dropmarker > xul|*.dropmarker-icon { + width: 18px; + height: 18px; +} + +xul|menulist[disabled="true"]:not([editable="true"]) > xul|*.menulist-dropmarker { + list-style-image: url("chrome://global/skin/in-content/dropdown.svg#dropdown-disabled") +} + +xul|menulist > xul|menupopup, +xul|button[type="menu"] > xul|menupopup { + -moz-appearance: none; + border: 1px solid #c1c1c1; + border-radius: 2px; + background-color: #fff; +} + +xul|menulist > xul|menupopup xul|menu, +xul|menulist > xul|menupopup xul|menuitem, +xul|button[type="menu"] > xul|menupopup xul|menu, +xul|button[type="menu"] > xul|menupopup xul|menuitem { + -moz-appearance: none; + font-size: 1em; + 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: #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: #fff; + background-color: #0095dd; +} + +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|menuseparator, +xul|button[type="menu"] > xul|menupopup xul|menuseparator { + -moz-appearance: none; + margin: 0; + padding: 0; + border-top: 1px solid #c1c1c1; + border-bottom: none; +} + +/* textboxes */ + +*|textbox { + -moz-appearance: none; + height: 30px; + color: #333; + line-height: 20px; + padding-right: 10px; + padding-left: 10px; + 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: #fff; +} + +html|textbox:focus, +xul|textbox[focused] { + border-color: #0095dd; +} + +html|textbox:disabled, +xul|textbox[disabled="true"] { + opacity: 0.5; +} + +/* Links */ + +html|a, +.text-link, +.inline-link { + color: #0095dd; + text-decoration: none; +} + +html|a:hover, +.text-link:hover, +.inline-link:hover { + color: #178ce5; + text-decoration: underline; +} + +html|a:visited { + color: #551a8b; +} + +html|a:hover:active, +.text-link:hover:active, +.inline-link:hover:active { + color: #ff9500; + text-decoration: none; +} + +/* Checkboxes and radio buttons */ + +/* Hide the actual checkbox */ +html|input[type="checkbox"] { + opacity: 0; + position: absolute; +} + +/* Create a box to style as the checkbox */ +html|input[type="checkbox"] + html|label:before { + display: inline-block; + content: ""; + vertical-align: middle; +} + +html|input[type="checkbox"] + html|label { + line-height: 0px; +} + +xul|checkbox { + -moz-margin-start: 0; +} + +xul|*.checkbox-check, +html|input[type="checkbox"] + html|label:before { + -moz-appearance: none; + width: 23px; + height: 23px; + border-radius: 2px; + border: 1px solid #c1c1c1; + -moz-margin-end: 10px; + background-color: #f1f1f1; + /* !important needed to override toolkit checked !important rule */ + background-image: linear-gradient(#fff, rgba(255,255,255,0.8)) !important; + background-position: center center; + background-repeat: no-repeat; + box-shadow: 0 1px 1px 0 #fff, inset 0 2px 0 0 rgba(0,0,0,0.03); +} + +xul|checkbox:not([disabled="true"]):hover > xul|*.checkbox-check, +html|input[type="checkbox"]:not(:disabled) + html|label:hover:before { + border-color: #0095dd; +} + +xul|*.checkbox-check[checked] { + list-style-image: url("chrome://global/skin/in-content/check.svg#check"); +} + +html|input[type="checkbox"]:checked + html|label:before { + background-image: url("chrome://global/skin/in-content/check.svg#check"), linear-gradient(#fff, rgba(255,255,255,0.8)) !important; +} + +xul|checkbox[disabled="true"] > xul|*.checkbox-check, +html|input[type="checkbox"]:disabled + html|label { + opacity: 0.5; +} + +xul|*.checkbox-label-box { + -moz-margin-start: -1px; /* negative margin for the transparent border */ + -moz-padding-start: 0; +} + +xul|richlistitem > xul|*.checkbox-check { + margin: 3px 6px; +} + +xul|radio { + -moz-margin-start: 0; +} + +xul|*.radio-check { + -moz-appearance: none; + width: 23px; + height: 23px; + border: 1px solid #c1c1c1; + border-radius: 50%; + -moz-margin-end: 10px; + background-color: #f1f1f1; + background-image: linear-gradient(#fff, rgba(255,255,255,0.80)); + box-shadow: 0 1px 1px 0 #fff, inset 0 2px 0 0 rgba(0,0,0,0.03); +} + +xul|radio:not([disabled="true"]):hover > xul|*.radio-check { + border-color: #0095dd; +} + +xul|*.radio-check[selected] { + list-style-image: url("chrome://global/skin/in-content/radio.svg#radio"); +} + +xul|radio[disabled="true"] > xul|*.radio-check { + opacity: 0.5; +} + +xul|*.radio-label-box { + -moz-margin-start: -1px; /* negative margin for the transparent border */ + -moz-margin-end: 10px; + -moz-padding-start: 0; +} + +/* Category List */ + +xul|*#categories { + -moz-appearance: none; + background-color: #424f5a; + padding-top: 39px; + margin: 0; + border-width: 0; +} + +xul|*.category { + -moz-appearance: none; + color: #c1c1c1; + -moz-border-end-width: 0; + -moz-padding-start: 15px; + -moz-padding-end: 21px; + min-height: 40px; + transition: background-color 150ms; +} + +xul|*.category:hover { + background-color: #5e6972; +} + +xul|*.category[selected] { + background-color: #343f48; + color: #f2f2f2; + -moz-padding-start: 11px; /* compensate the 4px border */ + -moz-border-start: solid 4px #ff9500; +} + +xul|*#categories[keyboard-navigation="true"]:-moz-focusring > xul|*.category[current] { + border-top: 1px #ffffff dotted; + border-bottom: 1px #ffffff dotted; +} + +*|*.category-name { + line-height: 22px; + font-size: 1.25rem; + padding-bottom: 2px; + -moz-padding-start: 9px; + margin: 0; + -moz-user-select: none; +} + +*|*.category-icon { + width: 24px; + height: 24px; +} + +/* header */ + +*|*.header { + border-bottom: 1px solid #c8c8c8; + -moz-margin-end: 4px; /* add the 4px end-margin of other elements */ + margin-bottom: 15px; + padding-bottom: 15px; +} + +*|*.header-name { + font-size: 2.5rem; + font-weight: normal; + line-height: 40px; + margin: 0; + -moz-user-select: none; +} + +/* File fields */ + +xul|filefield { + -moz-appearance: none; + background-color: transparent; + border: none; + padding: 0; +} + +xul|*.fileFieldContentBox { + background-color: transparent; +} + +xul|*.fileFieldIcon { + -moz-margin-start: 10px; + -moz-margin-end: 0; +} + +xul|*.fileFieldLabel { + -moz-margin-start: -26px; + -moz-padding-start: 36px; +} + +xul|textbox:-moz-locale-dir(rtl), +xul|*.fileFieldLabel:-moz-locale-dir(rtl), +xul|textbox + xul|button:-moz-locale-dir(ltr), +xul|filefield + xul|button:-moz-locale-dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +xul|textbox:-moz-locale-dir(ltr), +xul|*.fileFieldLabel:-moz-locale-dir(ltr), +xul|textbox + xul|button:-moz-locale-dir(rtl), +xul|filefield + xul|button:-moz-locale-dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +xul|textbox + xul|button, +xul|filefield + xul|button { + -moz-border-start: none; +} + +/* List boxes */ + +xul|richlistbox, +xul|listbox { + -moz-appearance: none; + -moz-margin-start: 0; + background-color: #fff; + border: 1px solid #c1c1c1; + color: #333; +} + +xul|treechildren::-moz-tree-row, +xul|listbox xul|listitem { + padding: 0.3em; + margin: 0; + border: none; + border-radius: 0; + background-image: none; +} + +xul|treechildren::-moz-tree-row(hover), +xul|listbox xul|listitem:hover { + background-color: rgba(0,149,221,0.25); +} + +xul|treechildren::-moz-tree-row(selected), +xul|listbox xul|listitem[selected="true"] { + background-color: #0095dd; + color: #fff; +} + +/* Trees */ + +xul|tree { + -moz-appearance: none; + font-size: 1em; + border: 1px solid #c1c1c1; + margin: 0; +} + +xul|tree:-moz-focusring, +xul|richlistbox:-moz-focusring { + border: 1px dotted #0095dd; +} + +xul|listheader, +xul|treecols { + -moz-appearance: none; + border: none; + border-bottom: 1px solid #c1c1c1; + padding: 0; +} + +xul|treecol:not([hideheader="true"]), +xul|treecolpicker { + -moz-appearance: none; + border: none; + background-color: #ebebeb; + color: #808080; + padding: 5px 10px; +} + +xul|treecol:not([hideheader="true"]):not([sortable="false"]):hover, +xul|treecolpicker:hover { + background-color: #dadada; + color: #333; +} + +xul|treecol:not([hideheader="true"]):not(:first-child), +xul|treecolpicker { + -moz-border-start-width: 1px; + -moz-border-start-style: solid; + border-image: linear-gradient(transparent 0%, transparent 20%, #c1c1c1 20%, #c1c1c1 80%, transparent 80%, transparent 100%) 1 1; +} + +xul|treecol:not([hideheader="true"]) > xul|*.treecol-sortdirection[sortDirection] { + list-style-image: url("chrome://global/skin/in-content/dropdown.svg#dropdown"); + width: 18px; + height: 18px; +} + +xul|treecol:not([hideheader="true"]) > xul|*.treecol-sortdirection[sortDirection="ascending"] { + transform: scaleY(-1); +} + +/* This is the only way to increase the height of a tree row unfortunately */ +xul|treechildren::-moz-tree-row { + min-height: 2em; +} + +/* Color needs to be set on tree cell in order to be applied */ +xul|treechildren::-moz-tree-cell-text { + color: #333; +} + +xul|treechildren::-moz-tree-cell-text(selected) { + color: #fff; +} + +xul|tab[visuallyselected] { + /* Override styles for tab[selected] from + toolkit/themes/linux/global/tabbox.css */ + margin-bottom: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +xul|button, +html|button, +xul|colorpicker[type="button"], +xul|menulist { + margin: 2px 4px; +} + +xul|button > xul|*.button-box, +xul|menulist > xul|*.menulist-label-box { + -moz-appearance: none; +} + +xul|button[type="menu"] > xul|*.button-box > xul|*.button-menu-dropmarker { + -moz-appearance: none !important; +} + +xul|*.help-button > xul|*.button-box > xul|*.button-icon { + -moz-margin-end: 0; +} + +xul|*.groupbox-body { + -moz-padding-start: 0; +} + +xul|menulist { + font-size: inherit; +} + +xul|menulist:not([editable="true"]) > xul|*.menulist-dropmarker { + display: -moz-box; + margin-top: 6px; + margin-bottom: 6px; +} + +xul|checkbox { + -moz-binding: url("chrome://global/content/bindings/checkbox.xml#checkbox"); + -moz-box-align: center; +} + +xul|*.checkbox-check { + background-image: none !important; +} + +xul|*.checkbox-check[checked] { + list-style-image: url("chrome://global/skin/in-content/check.svg#check-native"); + background-color: -moz-dialog; +} + +xul|radio { + -moz-binding: url("chrome://global/content/bindings/radio.xml#radio"); + -moz-box-align: center; +} + +xul|*.radio-check { + background-image: none; +} + +xul|*.radio-check[selected] { + list-style-image: url("chrome://global/skin/in-content/radio.svg#radio-native"); + background-color: -moz-dialog; +} + +xul|*.radio-label-box { + -moz-appearance: none; +} + +xul|*.numberbox-input-box { + -moz-appearance: none; + border-width: 0; +} + +xul|*.text-link:-moz-focusring, +xul|*.inline-link:-moz-focusring { + border: 1px dotted -moz-DialogText; +} + +xul|spinbuttons { + -moz-appearance: none; +} diff --git a/arc-firefox-theme/chrome/global/in-content/dropdown.svg b/arc-firefox-theme/chrome/global/in-content/dropdown.svg new file mode 100644 index 0000000..a757585 --- /dev/null +++ b/arc-firefox-theme/chrome/global/in-content/dropdown.svg @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="utf-8"?>
+<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: -moz-DialogText;
+ }
+ use[id$="-disabled"] {
+ fill: GrayText;
+ }
+ </style>
+ <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"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/global/in-content/help-glyph.svg b/arc-firefox-theme/chrome/global/in-content/help-glyph.svg new file mode 100644 index 0000000..6f9ffb3 --- /dev/null +++ b/arc-firefox-theme/chrome/global/in-content/help-glyph.svg @@ -0,0 +1,8 @@ +<?xml version="1.0" encoding="utf-8"?>
+<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 new file mode 100644 index 0000000..6a6bd08 --- /dev/null +++ b/arc-firefox-theme/chrome/global/in-content/info-pages.css @@ -0,0 +1,105 @@ +@import url("chrome://global/skin/in-content/common.css"); +/* Body and container */ +body { + display: flex; + flex-direction: column; + box-sizing: padding-box; + min-height: 100vh; + padding-top: 0; + padding-bottom: 0; + -moz-padding-start: calc(48px + 4.6em); + -moz-padding-end: 48px; + align-items: center; + justify-content: center; +} + +.container { + min-width: 13em; + 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"); + background-position: left 0; + background-repeat: no-repeat; + background-size: 1.6em; + -moz-margin-start: -2.3em; + -moz-padding-start: 2.3em; + font-size: 2.5em; +} + +.title:-moz-dir(rtl) { + background-position: right 0; +} + +.title-text { + border-bottom: 1px solid #C1C1C1; + font-size: inherit; + padding-bottom: 0.4em; +} + +@media (max-width: 675px) { + body { + padding: 0 48px; + } + + .title { + background-image: none !important; + -moz-padding-start: 0; + -moz-margin-start: 0; + } + + .title-text { + padding-top: 0; + } +} + +ul, ol { + margin: 0; + padding: 0; + -moz-margin-start: 1em; +} + +ul > li, ol > li { + margin-bottom: .5em; +} + +ul { + list-style: disc; +} + +/* Buttons */ +.button-container { + margin-top: 1.2em; +} + +.button-container > button { + min-width: 150px; +} + +.button-container > button:first-child { + -moz-margin-start: 0; +} + +/* Trees */ +.tree-container { + margin-top: 1.2em; + flex-grow: 1; + min-height: 12em; +} + +.tree-container > tree { + height: 100%; +} + +tree { + width: 100%; +} diff --git a/arc-firefox-theme/chrome/global/in-content/radio.svg b/arc-firefox-theme/chrome/global/in-content/radio.svg new file mode 100644 index 0000000..ca926b7 --- /dev/null +++ b/arc-firefox-theme/chrome/global/in-content/radio.svg @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="utf-8"?> +<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; + } + use { + fill: #2292d0; + } + use[id$="-native"] { + fill: -moz-dialogText; + } + </style> + <defs style="display: none;"> + <circle id="radio-shape" cx="10.5" cy="10.5" r="6"/> + </defs> + <use id="radio" xlink:href="#radio-shape"/> + <use id="radio-native" xlink:href="#radio-shape"/> +</svg> 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/linkTree.css b/arc-firefox-theme/chrome/global/linkTree.css new file mode 100644 index 0000000..d83c5bf --- /dev/null +++ b/arc-firefox-theme/chrome/global/linkTree.css @@ -0,0 +1,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/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/** + * All the properties in this rule are important to avoid having to create + * a special type of tree. This stylesheet can be loaded into a document with + * a single tree that is a link tree. Hardly elegant but it's efficient. + */ +treeitem[selected="true"] > treerow + { + background : transparent !important; + border : none !important; + color : -moz-FieldText !important; + } + +treecell:hover + { + text-decoration : underline !important; + color : #000080 !important; + cursor : pointer; + } + +treecell:hover:active + { + text-decoration : underline !important; + color : red !important; + } + + diff --git a/arc-firefox-theme/chrome/global/listbox.css b/arc-firefox-theme/chrome/global/listbox.css new file mode 100644 index 0000000..1e73844 --- /dev/null +++ b/arc-firefox-theme/chrome/global/listbox.css @@ -0,0 +1,133 @@ +/* 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/. */ + +/* ===== listbox.css ======================================================= + == Styles used by XUL listbox-related elements. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: listbox ::::: */ + +listbox { + -moz-appearance: listbox; + margin: 2px 4px; + border: 2px solid; + -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; + -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; + background-color: -moz-Field; + color: -moz-FieldText; +} + +listbox[disabled="true"] { + color: GrayText; +} + +/* ::::: listitem ::::: */ + +listitem { + border: 1px solid transparent; +} + +listbox:focus > listitem[selected="true"][current="true"] { + outline: 1px dotted #F3D982; +} + +listbox:focus > listitem[current="true"] { + outline: 1px dotted Highlight; + outline-offset: -1px; +} + +listitem[selected="true"] { + background-color: -moz-cellhighlight; + color: -moz-cellhighlighttext; +} + +listbox:focus > listitem[selected="true"] { + background-color: Highlight; + color: HighlightText; +} + +/* ::::: listheader ::::: */ + +listheader { + -moz-appearance: treeheadercell; + -moz-box-align: center; + border: 2px solid; + -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow; + background-color: -moz-Dialog; + color: -moz-DialogText; + padding: 0 2px; +} + +listheader:hover { + color: -moz-buttonhovertext; +} + +listheader[sortable="true"]:hover:active { + color: ButtonText; + border: 2px solid; + -moz-border-top-colors: ThreeDShadow -moz-Dialog; + -moz-border-right-colors: ThreeDShadow transparent; + -moz-border-bottom-colors: ThreeDShadow transparent; + -moz-border-left-colors: ThreeDShadow -moz-Dialog; + padding-top: 0px; + padding-bottom: 0px; + -moz-padding-start: 3px; + -moz-padding-end: 1px; +} + +.listheader-icon { + -moz-margin-end: 2px; +} + +.listheader-icon[sortable="true"]:hover:active { + -moz-margin-end: 1px; +} + +.listheader-label { + margin: 0px !important; +} + +/* ..... sort direction icon ..... */ + +.listheader-sortdirection { + -moz-appearance: treeheadersortarrow; +} + +/* ::::: listcell ::::: */ + +.listcell-label { + margin: 0px !important; + padding-top: 0px; + padding-bottom: 1px; + -moz-padding-start: 4px; + -moz-padding-end: 0px; + white-space: nowrap; +} + +.listcell-icon { + -moz-margin-end: 2px; +} + +.listcell-label[disabled="true"] { + color: GrayText; +} + +/* ::::: listcell checkbox ::::: */ + +.listcell-check { + -moz-appearance: checkbox; + -moz-box-align: center; + margin: 0px 2px; + border: 1px solid -moz-DialogText; + min-width: 13px; + min-height: 13px; + background: -moz-Field no-repeat 50% 50%; +} diff --git a/arc-firefox-theme/chrome/global/media/TopLevelImageDocument.css b/arc-firefox-theme/chrome/global/media/TopLevelImageDocument.css new file mode 100644 index 0000000..5242175 --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/TopLevelImageDocument.css @@ -0,0 +1,17 @@ +/* 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/. */ + +@media not print { + /* N.B.: Remember to update ImageDocument.css in the tree or reftests may fail! */ + + body { + color: #eee; + background-image: url("chrome://global/skin/media/imagedoc-darknoise.png"); + } + + img.transparent { + background: hsl(0,0%,90%) url("chrome://global/skin/media/imagedoc-lightnoise.png"); + color: #222; + } +} diff --git a/arc-firefox-theme/chrome/global/media/TopLevelVideoDocument.css b/arc-firefox-theme/chrome/global/media/TopLevelVideoDocument.css new file mode 100644 index 0000000..3060bf8 --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/TopLevelVideoDocument.css @@ -0,0 +1,11 @@ +/* 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/. */ + +body { + background-image: url("chrome://global/skin/media/imagedoc-darknoise.png"); +} + +video { + box-shadow: 0 0 15px #000; +} diff --git a/arc-firefox-theme/chrome/global/media/clicktoplay-bgtexture.png b/arc-firefox-theme/chrome/global/media/clicktoplay-bgtexture.png Binary files differnew file mode 100644 index 0000000..0d3cacd --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/clicktoplay-bgtexture.png diff --git a/arc-firefox-theme/chrome/global/media/error.png b/arc-firefox-theme/chrome/global/media/error.png Binary files differnew file mode 100644 index 0000000..58e3728 --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/error.png diff --git a/arc-firefox-theme/chrome/global/media/fullscreenButton.png b/arc-firefox-theme/chrome/global/media/fullscreenButton.png Binary files differnew file mode 100644 index 0000000..ffbc3d5 --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/fullscreenButton.png diff --git a/arc-firefox-theme/chrome/global/media/imagedoc-darknoise.png b/arc-firefox-theme/chrome/global/media/imagedoc-darknoise.png Binary files differnew file mode 100644 index 0000000..5c33e24 --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/imagedoc-darknoise.png diff --git a/arc-firefox-theme/chrome/global/media/imagedoc-lightnoise.png b/arc-firefox-theme/chrome/global/media/imagedoc-lightnoise.png Binary files differnew file mode 100644 index 0000000..3467cf4 --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/imagedoc-lightnoise.png diff --git a/arc-firefox-theme/chrome/global/media/muteButton.png b/arc-firefox-theme/chrome/global/media/muteButton.png Binary files differnew file mode 100644 index 0000000..8944807 --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/muteButton.png diff --git a/arc-firefox-theme/chrome/global/media/noAudio.png b/arc-firefox-theme/chrome/global/media/noAudio.png Binary files differnew file mode 100644 index 0000000..3db8c97 --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/noAudio.png diff --git a/arc-firefox-theme/chrome/global/media/pauseButton.png b/arc-firefox-theme/chrome/global/media/pauseButton.png Binary files differnew file mode 100644 index 0000000..944098c --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/pauseButton.png diff --git a/arc-firefox-theme/chrome/global/media/playButton.png b/arc-firefox-theme/chrome/global/media/playButton.png Binary files differnew file mode 100644 index 0000000..11e2731 --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/playButton.png diff --git a/arc-firefox-theme/chrome/global/media/scrubberThumb.png b/arc-firefox-theme/chrome/global/media/scrubberThumb.png Binary files differnew file mode 100644 index 0000000..f159627 --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/scrubberThumb.png diff --git a/arc-firefox-theme/chrome/global/media/scrubberThumbWide.png b/arc-firefox-theme/chrome/global/media/scrubberThumbWide.png Binary files differnew file mode 100644 index 0000000..96d2ed7 --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/scrubberThumbWide.png diff --git a/arc-firefox-theme/chrome/global/media/stalled.png b/arc-firefox-theme/chrome/global/media/stalled.png Binary files differnew file mode 100644 index 0000000..5253758 --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/stalled.png diff --git a/arc-firefox-theme/chrome/global/media/throbber.png b/arc-firefox-theme/chrome/global/media/throbber.png Binary files differnew file mode 100644 index 0000000..8e49fe5 --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/throbber.png diff --git a/arc-firefox-theme/chrome/global/media/unmuteButton.png b/arc-firefox-theme/chrome/global/media/unmuteButton.png Binary files differnew file mode 100644 index 0000000..5b76e2f --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/unmuteButton.png diff --git a/arc-firefox-theme/chrome/global/media/videoClickToPlayButton.svg b/arc-firefox-theme/chrome/global/media/videoClickToPlayButton.svg new file mode 100644 index 0000000..f118afb --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/videoClickToPlayButton.svg @@ -0,0 +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: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 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 id="arrowGradientStops"> + <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"> + <feDropShadow dx="0" dy="1" flood-opacity="0.5"/> + </filter> + <mask id="dropShadowMask"> + <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 + 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/media/videocontrols.css b/arc-firefox-theme/chrome/global/media/videocontrols.css new file mode 100644 index 0000000..17101ad --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/videocontrols.css @@ -0,0 +1,319 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +.controlBar { + height: 28px; + background-color: rgba(35,31,32,.74); +} + +.playButton, +.muteButton, +.fullscreenButton { + background-color: transparent; + background-repeat: no-repeat; + background-position: center; + -moz-appearance: none; /* Remove the native button appearance and styling */ + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border: none; + opacity: 0.7; +} + +.playButton:hover, +.muteButton:hover, +.fullscreenButton:hover { + opacity: 1; +} + +.playButton:hover:active, +.muteButton:hover:active, +.fullscreenButton:hover:active { + opacity: 0.4; +} + +.playButton { + background-image: url(chrome://global/skin/media/pauseButton.png); + margin-right: -22px; /* 1/2 of scrubber thumb width, for overhang. */ + position: relative; /* Trick to work around negative margin interfering with clicking on the button. */ +} + +.playButton[paused] { + background-image: url(chrome://global/skin/media/playButton.png); +} + +.muteButton { + background-image: url(chrome://global/skin/media/muteButton.png); + min-width: 33px; +} +.muteButton[muted] { + background-image: url(chrome://global/skin/media/unmuteButton.png); +} + +.muteButton[noAudio] { + background-image: url(chrome://global/skin/media/noAudio.png); +} + +.muteButton[noAudio] + .volumeStack { + display: none; +} + +.fullscreenButton { + background-image: -moz-image-rect(url("chrome://global/skin/media/fullscreenButton.png"), 0, 16, 16, 0); +} + +.fullscreenButton[fullscreened] { + background-image: -moz-image-rect(url("chrome://global/skin/media/fullscreenButton.png"), 0, 32, 16, 16); +} + +.volumeControl { + width: 32px; + opacity: 0; +} + +.volumeBackground, +.volumeForeground { + background-repeat: no-repeat; + background-position: center; + width: 32px; +} + +.volumeBackground { + background-image: url(chrome://global/skin/media/volume-empty.png); +} + +.volumeForeground { + background-image: url(chrome://global/skin/media/volume-full.png); + background-clip: content-box; +} + +.controlBar[fullscreen-unavailable] > .volumeStack { + /* This value is duplicated in the videocontrols.xml adjustControlSize function. */ + -moz-margin-end: 8px; +} + +.volumeControl .scale-thumb { + min-width: 0; + opacity: 0; +} + +.durationBox { + -moz-box-pack: center; +} + +.durationLabel { + margin-left: -22px; /* 1/2 of scrubber thumb width, for overhang. */ + padding-left: 8px; /* don't bump into the scrubber bar */ + padding-top: 0; /* center vertically with scrubber bar */ + color: rgba(255,255,255,.75); + font-size: 11px; + font-family: Arial, sans-serif; +} + +.positionLabel { + display: none; +} + +.backgroundBar { + /* margin top/bottom: make bar 8px tall (control height = 28, minus 2 * 10 margin) */ + /* margin left/right: 1/2 of scrubber thumb width, for overhang. */ + margin: 10px 22px; + background-color: rgba(255,255,255,.5); + border-radius: 2.5px; +} + +.bufferBar, +.progressBar { + /* margin top/bottom: make bar 8px tall (control height = 28, minus 2 * 10 margin) */ + /* margin left/right: 1/2 of scrubber thumb width, for overhang. */ + margin: 10px 22px; + -moz-appearance: none; + border: none; + background-color: transparent; + min-width: 0; + min-height: 0; +} + +/* .progress-bar is an element inside the <progressmeter> implementation. */ +.bufferBar .progress-bar { + /* + * Note that this is drawn on top of the .backgroundBar. So although this + * has the same background-color specified, the semitransparent + * compositing gives it a different visual appearance. + */ + background-color: rgba(255,255,255,.5); + border-radius: 2.5px; + -moz-appearance: none; +} + +.progressBar .progress-bar { + background-color: white; + border-radius: 2.5px; + -moz-appearance: none; +} + +/* .scale-slider is an element inside the <scale> implementation. */ +.scrubber .scale-slider, +.volumeControl .scale-slider { + /* Hide the default horizontal bar. */ + -moz-appearance: none; + background: none; + margin: 0; +} + +.scrubber .scale-slider { + /* abs(margin-top) + margin-bottom + bar height == timeThumb height */ + margin-top: -10px; + margin-bottom: 10px; +} + +/* .scale-thumb is an element inside the <scale> implementation. */ +.scrubber .scale-thumb, +.volumeControl .scale-thumb { + /* Override the default thumb appearance with a custom image. */ + -moz-appearance: none; + background: transparent; + border: none; +} + +.timeThumb { + background: url(chrome://global/skin/media/scrubberThumb.png) no-repeat center; + min-width: 45px; + min-height: 28px; + -moz-box-pack: center; +} + +.timeThumb[showhours="true"] { + background-image: url(chrome://global/skin/media/scrubberThumbWide.png); +} + +.timeLabel { + color: rgba(255,255,255,.75); + font-size: 10px; + font-family: Arial, sans-serif; + text-shadow: rgba(0,0,0,.3) 0 1px; + padding-top: 5px; +} + +.statusOverlay { + -moz-box-align: center; + -moz-box-pack: center; + background-color: rgba(0,0,0,.55); +} + +.statusIcon { + margin-bottom: 28px; /* same height as .controlBar, to keep icon centered above it */ + width: 36px; + height: 36px; +} + +.statusIcon[type="throbber"] { + background: url(chrome://global/skin/media/throbber.png) no-repeat center; +} + +.statusIcon[type="throbber"][stalled] { + background: url(chrome://global/skin/media/stalled.png) no-repeat center; +} + +.statusIcon[type="error"] { + background: url(chrome://global/skin/media/error.png) no-repeat center; +} + +/* Overlay Play button */ +.clickToPlay { + width: 64px; + height: 64px; + -moz-box-pack: center; + -moz-box-align: center; + opacity: 0.7; + background-image: url(chrome://global/skin/media/clicktoplay-bgtexture.png), + url(chrome://global/skin/media/videoClickToPlayButton.svg); + background-repeat: repeat, no-repeat; + background-position: center, center; + background-size: auto, 64px 64px; + background-color: hsla(0,0%,10%,.5); +} +.clickToPlay:hover { + opacity: 1; +} + +/* Statistics formatting */ +html|*.statsDiv { + position: relative; +} +html|td { + height: 1em; + max-height: 1em; + padding: 0 2px; +} +html|table { + font-family: Helvetica, Arial, sans-serif; + font-size: 11px; + color: white; + text-shadow: + -1px -1px 0 #000, + 1px -1px 0 #000, + -1px 1px 0 #000, + 1px 1px 0 #000; + min-width: 100%; + background: rgba(68,68,68,.7); + table-layout: fixed; + border-collapse: collapse; + position: absolute; +} + +/* CSS Transitions */ +.clickToPlay { + transition-property: opacity, background-size; + transition-duration: 400ms, 400ms; +} +.clickToPlay[fadeout] { + background-size: auto, 192px 192px; + opacity: 0; +} +.clickToPlay[fadeout][immediate] { + transition-property: opacity, background-size; + transition-duration: 0s, 0s; +} +.controlBar:not([immediate]) { + transition-property: opacity; + transition-duration: 200ms; +} +.controlBar[fadeout] { + opacity: 0; +} +.volumeStack:not([immediate]) { + transition-property: opacity, margin-top; + transition-duration: 200ms, 200ms; +} +.volumeStack[fadeout] { + opacity: 0; + margin-top: 0; +} +.statusOverlay:not([immediate]) { + transition-property: opacity; + transition-duration: 300ms; + transition-delay: 750ms; +} +.statusOverlay[fadeout] { + opacity: 0; +} + +/* Error description formatting */ +.errorLabel { + font-family: Helvetica, Arial, sans-serif; + font-size: 11px; + color: #bbb; + text-shadow: + -1px -1px 0 #000, + 1px -1px 0 #000, + -1px 1px 0 #000, + 1px 1px 0 #000; + padding: 0 10px; + text-align: center; +} diff --git a/arc-firefox-theme/chrome/global/media/volume-empty.png b/arc-firefox-theme/chrome/global/media/volume-empty.png Binary files differnew file mode 100644 index 0000000..589abfb --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/volume-empty.png diff --git a/arc-firefox-theme/chrome/global/media/volume-full.png b/arc-firefox-theme/chrome/global/media/volume-full.png Binary files differnew file mode 100644 index 0000000..4398a56 --- /dev/null +++ b/arc-firefox-theme/chrome/global/media/volume-full.png diff --git a/arc-firefox-theme/chrome/global/menu.css b/arc-firefox-theme/chrome/global/menu.css new file mode 100644 index 0000000..a49b781 --- /dev/null +++ b/arc-firefox-theme/chrome/global/menu.css @@ -0,0 +1,199 @@ +/* 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/. */ + +/* ===== menu.css ======================================================= + == Styles used by XUL menu-related elements. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: menu/menuitem ::::: */ + +menu, +menuitem, +.splitmenu-menuitem { + -moz-appearance: menuitem; + -moz-box-align: center; + max-width: 42em; + color: MenuText; + font: menu; + list-style-image: none; + -moz-image-region: auto; +} + +menuitem[default="true"] { + font-weight: bold; +} + +menu[_moz-menuactive="true"], +menuitem[_moz-menuactive="true"], +.splitmenu-menuitem[_moz-menuactive="true"] { + color: -moz-menuhovertext; + background-color: -moz-menuhover; +} + +menu[disabled="true"], +menuitem[disabled="true"], +.splitmenu-menuitem[disabled="true"] { + color: GrayText; +} + +menubar > menu { + padding: 0px 4px; + color: -moz-menubartext; +} + +menubar:-moz-lwtheme > menu { + text-shadow: none; +} + +menubar:-moz-lwtheme > menu:not([open="true"]) { + color: inherit; + text-shadow: inherit; +} + +menubar > menu[_moz-menuactive="true"]:not([open]):not([disabled="true"]):not(:-moz-lwtheme) { + color: -moz-menubartext; +} + +menubar > menu[open] { + color: -moz-menubarhovertext; + background-color: -moz-menuhover; +} +menuitem.spell-suggestion { + font-weight:bold; +} + +/* ::::: menu/menuitems in menulist popups ::::: */ + +menulist > menupopup > menuitem, +menulist > menupopup > menu { + padding: 1px 5px; + max-width: none; + font: message-box; +} + +/* ..... internal content .... */ + +.menu-text, +.menu-iconic-left, +.menu-iconic-text { + margin-top: 0px !important; + margin-bottom: 0px !important; + -moz-margin-start: 0px !important; + -moz-margin-end: 2px !important; + color: inherit; +} + +.menu-text { + /* This is (18 + the size of end-padding on .menu-iconic-left)px */ + -moz-margin-start: 21px !important; + font-weight: inherit; +} + +.menu-description { + font-style: italic; + color: GrayText; + -moz-margin-start: 1ex !important; +} + +.menu-accel, +.menu-iconic-accel { + margin-top: 0px !important; + margin-bottom: 0px !important; + -moz-margin-start: 7px !important; + color: inherit; +} + +.menu-accel-container { + -moz-box-pack: end; +} + +.menu-iconic-left { + width: 16px; + /* We can only hardcode this, to make the default GTK icon<->label spacing */ + -moz-padding-end: 3px !important; +} + +.menu-iconic-icon { + width: 16px; + height: 16px; +} + +.menu-right { + margin-top: 0px; + margin-bottom: 0px; + -moz-margin-start: 6px; + -moz-margin-end: 0px; + width: 1ex; + height: 1ex; + /* These next two rules are needed to prevent inheritance and thus ugliness */ + list-style-image: none; + -moz-image-region: auto; + -moz-appearance: menuarrow; +} + +.menubar-left { + margin-top: 0px; + margin-bottom: 0px; + -moz-margin-start: 0px; + -moz-margin-end: 2px; + color: inherit; +} + +.menubar-text { + margin: 0 1px !important; + color: inherit; +} + + +menulist > menupopup > menuitem > .menu-iconic-left, +menulist > menupopup > menu > .menu-iconic-left { + display: none; +} + +/* ::::: checkbox menuitem ::::: */ + +menuitem[checked="true"] { + -moz-appearance: checkmenuitem !important; +} + +menuitem[type="checkbox"] { + -moz-appearance: checkmenuitem !important; +} + +/* ::::: radio menuitem ::::: */ + +menuitem[type="radio"] { + -moz-appearance: radiomenuitem !important; +} + +/* ::::: menuseparator ::::: */ + +menuseparator { + -moz-appearance: menuseparator !important; + margin: 2px 0; + border-top: 1px solid ThreeDShadow; + border-bottom: 1px solid ThreeDHighlight; +} + +menulist > menupopup > menuseparator { + border-top: 1px solid #000000; + border-bottom: none; +} + +/* ::::: autocomplete ::::: */ + +.autocomplete-history-popup > menuitem { + max-width: none !important; + font: message-box; +} + +/* ::::: tree column picker ::::: */ + +.treecell-popupcell-menu { + -moz-margin-start: -2px; + list-style-image: url("chrome://global/skin/columnselect.gif"); + -moz-image-region: auto; +} 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 new file mode 100644 index 0000000..8ef2c40 --- /dev/null +++ b/arc-firefox-theme/chrome/global/menu/shared-menu-check-active.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Layer_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">
+<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 new file mode 100644 index 0000000..74ee2c8 --- /dev/null +++ b/arc-firefox-theme/chrome/global/menu/shared-menu-check-black.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 9 9" enable-background="new 0 0 9 9" xml:space="preserve">
+<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 new file mode 100644 index 0000000..d52d3d6 --- /dev/null +++ b/arc-firefox-theme/chrome/global/menu/shared-menu-check-hover.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 9 9" enable-background="new 0 0 9 9" xml:space="preserve">
+<polygon fill="#CCCCCC" 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.png b/arc-firefox-theme/chrome/global/menu/shared-menu-check.png Binary files differnew file mode 100644 index 0000000..d82635a --- /dev/null +++ b/arc-firefox-theme/chrome/global/menu/shared-menu-check.png diff --git a/arc-firefox-theme/chrome/global/menulist.css b/arc-firefox-theme/chrome/global/menulist.css new file mode 100644 index 0000000..d33c4d2 --- /dev/null +++ b/arc-firefox-theme/chrome/global/menulist.css @@ -0,0 +1,83 @@ +/* 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/. */ + +/* ===== menulist.css =================================================== + == Styles used by the XUL menulist element. + ====================================================================== */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +/* :::::::::: menulist :::::::::: */ + +menulist { + -moz-appearance: menulist; + margin: 2px 4px; + color: -moz-DialogText; + font: menu; + text-shadow: none; +} + +.menulist-label-box { + -moz-appearance: menulist-text; + -moz-box-align: center; + -moz-box-pack: center; + color: inherit; +} + +.menulist-label { + margin: 1px 3px !important; +} + +.menulist-dropmarker { + display: none; +} + +menulist:hover { + color: -moz-buttonhovertext; +} + +menulist:hover:active, +menulist[open="true"] { + color: ButtonText; +} + +menulist[disabled="true"], +menulist[disabled="true"]:hover, +menulist[disabled="true"]:hover:active { + color: GrayText; +} + +.menulist-description { + font-style: italic; + color: GrayText; + -moz-margin-start: 1ex !important; +} + +/* ::::: editable menulists ::::: */ + +menulist[editable="true"] { + -moz-appearance: none; + color: -moz-FieldText; +} + +.menulist-editable-box { + -moz-appearance: menulist-textfield; + padding-top: 3px; + padding-bottom: 3px; + -moz-padding-start: 2px; + -moz-padding-end: 0px; +} + +menulist[editable="true"] > .menulist-dropmarker { + display: -moz-box; + -moz-appearance: menulist-button; +} + +html|*.menulist-editable-input { + margin: 0px !important; + border: none !important; + padding: 0px !important; + font: inherit; +} diff --git a/arc-firefox-theme/chrome/global/netError.css b/arc-firefox-theme/chrome/global/netError.css new file mode 100644 index 0000000..77e3cea --- /dev/null +++ b/arc-firefox-theme/chrome/global/netError.css @@ -0,0 +1,145 @@ +/* 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/. */ + +/* + * This defines the look-and-feel styling of the error pages. + * (see: netError.xhtml) + * + * Original styling by William Price <bugzilla@mob.rice.edu> + * Updated by: Michael Ventnor <m.ventnor@gmail.com> + */ + +html { + background: -moz-Dialog; +} + +body { + margin: 0; + padding: 0 1em; + color: -moz-FieldText; + font: message-box; +} + +h1 { + margin: 0 0 .6em 0; + border-bottom: 1px solid ThreeDLightShadow; + font-size: 160%; +} + +ul, ol { + margin: 0; + -moz-margin-start: 1.5em; + padding: 0; +} + +ul > li, ol > li { + margin-bottom: .5em; +} + +ul { + list-style: square; +} + +#errorPageContainer { + position: relative; + min-width: 13em; + max-width: 52em; + margin: 4em auto; + border: 1px solid ThreeDShadow; + border-radius: 10px; + padding: 3em; + -moz-padding-start: 30px; + background: url("moz-icon://stock/gtk-dialog-warning?size=dialog") left 0 no-repeat -moz-Field; + background-origin: content-box; +} + +#errorPageContainer.certerror { + background-image: url("chrome://global/skin/icons/sslWarning.png"); +} + +#errorPageContainer:-moz-dir(rtl) { + background-position: right 0; +} + +#errorTitle { + -moz-margin-start: 80px; +} + +#errorLongContent { + -moz-margin-start: 80px; +} + +#errorShortDesc > p { + overflow: auto; + border-bottom: 1px solid ThreeDLightShadow; + padding-bottom: 1em; + font-size: 130%; + white-space: pre-wrap; +} + +#errorLongDesc { + -moz-padding-end: 3em; + font-size: 110%; +} + +#errorLongDesc > p { +} + +#errorTryAgain { + margin-top: 2em; + -moz-margin-start: 80px; +} + +#brand { + position: absolute; + right: 0; + bottom: -1.5em; + -moz-margin-end: 10px; + opacity: .4; +} + +#brand:-moz-dir(rtl) { + right: auto; + left: 0; +} + +#brand > p { + margin: 0; +} + +#errorContainer { + display: none; +} + +#securityOverrideDiv { + padding-top: 10px; +} + +#securityOverrideContent { + background-color: InfoBackground; + color: InfoText; + padding: 10px; + border-radius: 10px; +} + +/* Custom styling for 'blacklist' error class */ +:root.blacklist #errorTitle, :root.blacklist #errorLongContent, +:root.blacklist #errorShortDesc, :root.blacklist #errorLongDesc, +:root.blacklist a { + background-color: #722; /* Dark red */ + color: white; +} + +:root.blacklist #errorPageContainer { + background-image: url("chrome://global/skin/icons/blacklist_large.png"); + background-color: #722; +} + +:root.blacklist { + background: #333; +} + +:root.blacklist #errorTryAgain { + display: none; +} diff --git a/arc-firefox-theme/chrome/global/notification.css b/arc-firefox-theme/chrome/global/notification.css new file mode 100644 index 0000000..2eb2abf --- /dev/null +++ b/arc-firefox-theme/chrome/global/notification.css @@ -0,0 +1,89 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +notification { + color: InfoText; + background-color: InfoBackground; + text-shadow: none; +} + +notification[type="info"] { + color: -moz-DialogText; + background-color: -moz-Dialog; +} + +notification[type="critical"] { + color: white; + background-image: linear-gradient(rgb(212,0,0), rgb(152,0,0)); +} + +.notification-inner { + padding-top: 1px; + padding-bottom: 1px; +} + +.messageText { + margin-top: 0 !important; + margin-bottom: 0 !important; +} + +.messageText > .text-link { + color: inherit !important; + text-decoration: underline; +} + +.messageImage { + width: 16px; + height: 16px; + -moz-margin-start: 6px; + -moz-margin-end: 1px; +} + +/* Default icons for notifications */ + +.messageImage[type="info"] { + list-style-image: url("moz-icon://stock/gtk-dialog-info?size=menu"); +} + +.messageImage[type="warning"] { + list-style-image: url("moz-icon://stock/gtk-dialog-warning?size=menu"); +} + +.messageImage[type="critical"] { + list-style-image: url("moz-icon://stock/gtk-dialog-error?size=menu"); +} + +.messageCloseButton { + padding-left: 11px; + padding-right: 11px; +} + +/* Popup notification */ + +.popup-notification-body { + max-width: 25em; +} + +.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: .5em !important; +} + +.popup-notification-button-container { + margin-top: 17px; +} + +.popup-notification-menubutton > .button-menubutton-button[disabled] { + opacity: 0.5; +} diff --git a/arc-firefox-theme/chrome/global/numberbox.css b/arc-firefox-theme/chrome/global/numberbox.css new file mode 100644 index 0000000..867e0a6 --- /dev/null +++ b/arc-firefox-theme/chrome/global/numberbox.css @@ -0,0 +1,38 @@ +/* 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/. */ + +/* ===== numberbox.css ================================================== + == Styles used by the XUL textbox type="number" element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +textbox[type="number"] { + -moz-appearance: none; + padding: 0 !important; + border: none; + cursor: default; + background-color: transparent; +} + +html|*.numberbox-input { + text-align: right; +} + +.numberbox-input-box { + -moz-box-align: center; + -moz-appearance: spinner-textfield; + margin-right: -1px; + border: 2px solid; + -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; + -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; + padding: 3px; +} + +textbox[hidespinbuttons="true"] > .numberbox-input-box { + -moz-appearance: textfield; +} diff --git a/arc-firefox-theme/chrome/global/passwordmgr.css b/arc-firefox-theme/chrome/global/passwordmgr.css new file mode 100644 index 0000000..b3c7b59 --- /dev/null +++ b/arc-firefox-theme/chrome/global/passwordmgr.css @@ -0,0 +1,13 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +.contentPane { + margin: 9px 8px 5px 8px; +} + +.actionButtons { + margin: 0px 3px 6px 3px !important; +} diff --git a/arc-firefox-theme/chrome/global/popup.css b/arc-firefox-theme/chrome/global/popup.css new file mode 100644 index 0000000..1c5bc50 --- /dev/null +++ b/arc-firefox-theme/chrome/global/popup.css @@ -0,0 +1,100 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: menupopup ::::: */ + +menupopup, +panel { + -moz-appearance: menupopup; + min-width: 1px; + color: MenuText; +} + +/* ::::: arrow panel ::::: */ + +panel[type="arrow"] { + -moz-appearance: none; +} + +panel[type="arrow"][side="top"], +panel[type="arrow"][side="bottom"] { + margin-left: -16px; + margin-right: -16px; +} + +panel[type="arrow"][side="left"], +panel[type="arrow"][side="right"] { + margin-top: -16px; + margin-bottom: -16px; +} + +.panel-arrowcontent { + padding: 10px; + color: -moz-DialogText; + background: -moz-Dialog; + border: 1px solid ThreeDShadow; +} + +.panel-arrow[side="top"], +.panel-arrow[side="bottom"] { + list-style-image: url("chrome://global/skin/icons/panelarrow-vertical.svg"); + position: relative; + margin-left: 6px; + margin-right: 6px; +} + +.panel-arrow[side="top"] { + margin-bottom: -1px; +} + +.panel-arrow[side="bottom"] { + transform: scaleY(-1); + margin-top: -1px; +} + +.panel-arrow[side="left"], +.panel-arrow[side="right"] { + list-style-image: url("chrome://global/skin/icons/panelarrow-horizontal.svg"); + position: relative; + margin-top: 6px; + margin-bottom: 6px; +} + +.panel-arrow[side="left"] { + margin-right: -1px; +} + +.panel-arrow[side="right"] { + transform: scaleX(-1); + margin-left: -1px; +} + +/* ::::: tooltip ::::: */ + +tooltip { + -moz-appearance: tooltip; + margin-top: 21px; + /* GTK hardcodes this to 4px */ + padding: 4px; + max-width: 40em; + color: InfoText; + font: message-box; +} + +tooltip[titletip="true"] { + /* See bug 32157 comment 128 + * margin: -2px 0px 0px -3px; + */ + max-width: none; +} + +/* rules for popups associated with menulists */ + +menulist > menupopup { + padding: 0px; + min-width: 0px; +} + diff --git a/arc-firefox-theme/chrome/global/preferences.css b/arc-firefox-theme/chrome/global/preferences.css new file mode 100644 index 0000000..d71627c --- /dev/null +++ b/arc-firefox-theme/chrome/global/preferences.css @@ -0,0 +1,62 @@ +/* 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/. */ + +/* ===== preferences.css ===================================================== + == Styles used by the XUL prefwindow element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: dialog ::::: */ + +prefwindow { + padding: 0px; +} + +prefpane { + padding: 8px; +} + +prefwindow[type="child"] { + padding: 8px; +} + +prefwindow[type="child"] > prefpane { + padding: 0px; +} + +.prefWindow-dlgbuttons { + padding-bottom: 8px; + -moz-padding-start: 8px; + -moz-padding-end: 8px; +} + +prefwindow[type="child"] .prefWindow-dlgbuttons { + padding: 0px; +} + +radio[pane] { + -moz-appearance: none; + min-width: 4.5em; + margin: 0; + padding: 3px; + color: -moz-FieldText; +} + +.paneSelector { + -moz-appearance: listbox; + margin: 8px 8px 0 8px; + padding: 0; +} + +.paneButtonIcon { + width: 32px; + height: 32px; +} + +radio[pane][selected="true"] { + background-color: Highlight; + color: HighlightText; +} + diff --git a/arc-firefox-theme/chrome/global/printPageSetup.css b/arc-firefox-theme/chrome/global/printPageSetup.css new file mode 100644 index 0000000..d9b17c1 --- /dev/null +++ b/arc-firefox-theme/chrome/global/printPageSetup.css @@ -0,0 +1,11 @@ +/* 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/. */ + +.portrait-page { + list-style-image: url("moz-icon://stock/gtk-orientation-portrait?size=button"); +} + +.landscape-page { + list-style-image: url("moz-icon://stock/gtk-orientation-landscape?size=button"); +} diff --git a/arc-firefox-theme/chrome/global/printPreview.css b/arc-firefox-theme/chrome/global/printPreview.css new file mode 100644 index 0000000..81149c9 --- /dev/null +++ b/arc-firefox-theme/chrome/global/printPreview.css @@ -0,0 +1,47 @@ +/* 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/. */ + +/* ..... page navigation ..... */ + +.home-arrow { + list-style-image: url("moz-icon://stock/gtk-goto-first-ltr?size=menu"); +} + +.home-arrow:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-goto-first-rtl?size=menu"); +} + +.end-arrow { + list-style-image: url("moz-icon://stock/gtk-goto-last-ltr?size=menu"); +} + +.end-arrow:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-goto-last-rtl?size=menu"); +} + +.previous-arrow { + list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=menu"); +} + +.previous-arrow:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=menu"); +} + +.next-arrow { + list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=menu"); +} + +.next-arrow:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=menu"); +} + +/* ..... orientation ..... */ + +.toolbar-portrait-page { + list-style-image: url("moz-icon://stock/gtk-orientation-portrait?size=button"); +} + +.toolbar-landscape-page { + list-style-image: url("moz-icon://stock/gtk-orientation-landscape?size=button"); +} 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 differnew file mode 100644 index 0000000..e4e60a0 --- /dev/null +++ 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 differnew file mode 100644 index 0000000..02fc98d --- /dev/null +++ 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 differnew file mode 100644 index 0000000..5efbe3a --- /dev/null +++ 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 differnew file mode 100644 index 0000000..e9d68e8 --- /dev/null +++ b/arc-firefox-theme/chrome/global/printpreview/arrow-right.png diff --git a/arc-firefox-theme/chrome/global/progressmeter.css b/arc-firefox-theme/chrome/global/progressmeter.css new file mode 100644 index 0000000..623fa7a --- /dev/null +++ b/arc-firefox-theme/chrome/global/progressmeter.css @@ -0,0 +1,43 @@ +/* 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/. */ + +/* ===== progressmeter.css ============================================== + == Styles used by the XUL progressmeter element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: progressmeter ::::: */ + +progressmeter { + -moz-appearance: progressbar; + margin: 2px 4px; + border: 2px solid; + -moz-border-top-colors: ThreeDShadow -moz-Dialog; + -moz-border-right-colors: ThreeDHighlight -moz-Dialog; + -moz-border-bottom-colors: ThreeDHighlight -moz-Dialog; + -moz-border-left-colors: ThreeDShadow -moz-Dialog; + background-color: -moz-Dialog; + min-width: 128px; + min-height: 15px; +} + +.progress-bar +{ + -moz-appearance: progresschunk; + min-width: 0px; + background-color: ThreeDShadow; +} + +/* ::::: statusbar progressmeter ::::: */ + +.progressmeter-statusbar { + margin: 0; + border: 0px; + -moz-border-top-colors: ThreeDHighlight -moz-Dialog; + -moz-border-right-colors: ThreeDShadow -moz-Dialog; + -moz-border-bottom-colors: ThreeDShadow -moz-Dialog; + -moz-border-left-colors: ThreeDHighlight -moz-Dialog; + min-width: 96px; +} diff --git a/arc-firefox-theme/chrome/global/radio.css b/arc-firefox-theme/chrome/global/radio.css new file mode 100644 index 0000000..23c53b5 --- /dev/null +++ b/arc-firefox-theme/chrome/global/radio.css @@ -0,0 +1,110 @@ +/* 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/. */ + +/* ===== radio.css =================================================== + == Styles used by the XUL radio element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: radio ::::: */ + +radio { + -moz-appearance: radio-container; + margin: 2px 4px; + border-left: 2px transparent; + border-right: 2px transparent; +} + +/* With native theming on, the spacer-box paints the radio mark and includes + the spacing to the right, so that oversized radio images can slop over + into the space. + + If we need to disable radio button theming, the spacer box no longer paints + the radio mark, but its fallback CSS border supplies the padding between + the mark and the label. The xul:image then takes over painting the radio + mark. */ + +.radio-spacer-box { + -moz-appearance: radio; + -moz-box-align: center; + margin: 2px; + border-right: 2px solid transparent; +} + +.radio-label-center-box { + -moz-box-align: center; +} + +.radio-label-box { + -moz-appearance: radio-label; +} + +.radio-icon[src] { + -moz-margin-end: 2px; +} + +.radio-label { + margin: 0 !important; +} + +/* ..... focused state ..... */ + +radio[focused="true"] > .radio-label-center-box > .radio-label-box { + border: 1px dotted ThreeDDarkShadow; +} + +/* ..... disabled state ..... */ + +radio[disabled="true"] > .radio-spacer-box > .radio-check-box1 { + background-color: -moz-Dialog; +} + +radio[disabled="true"] { + color: GrayText; +} + +/* ::::: checkmark image ::::: */ + +.radio-check-box1 { + border-top: 1px solid ThreeDShadow; + border-right: 1px solid ThreeDHighlight; + border-bottom: 1px solid ThreeDHighlight; + border-left: 1px solid ThreeDShadow; + border-radius: 50%; + min-width: 12px; + min-height: 12px; + background-color: -moz-Field; +} + +.radio-check-box2 { + border-top: 1px solid ThreeDDarkShadow; + border-right: 1px solid ThreeDLightShadow; + border-bottom: 1px solid ThreeDLightShadow; + border-left: 1px solid ThreeDDarkShadow; + border-radius: 50%; + padding: 2px; + width: 4px; + height: 4px; + list-style-image: none; +} + +radio:not([disabled="true"]):hover { + color: -moz-buttonhovertext; + text-shadow: none; +} + +radio:hover:active > .radio-spacer-box > .radio-check-box1 { + background-color: -moz-Dialog; +} + +/* ..... selected state ..... */ + +radio[selected="true"] > .radio-spacer-box > .radio-check-box1 > .radio-check-box2 { + list-style-image: url("chrome://global/skin/radio/radio-check.gif"); +} + +radio[selected="true"][disabled="true"] > .radio-spacer-box > .radio-check-box1 > .radio-check-box2 { + list-style-image: url("chrome://global/skin/radio/radio-check-dis.gif") !important +} diff --git a/arc-firefox-theme/chrome/global/radio/radio-check-dis.gif b/arc-firefox-theme/chrome/global/radio/radio-check-dis.gif Binary files differnew file mode 100644 index 0000000..5e9a1cb --- /dev/null +++ b/arc-firefox-theme/chrome/global/radio/radio-check-dis.gif diff --git a/arc-firefox-theme/chrome/global/radio/radio-check.gif b/arc-firefox-theme/chrome/global/radio/radio-check.gif Binary files differnew file mode 100644 index 0000000..26aa140 --- /dev/null +++ b/arc-firefox-theme/chrome/global/radio/radio-check.gif diff --git a/arc-firefox-theme/chrome/global/reader/RM-Add-24x24.svg b/arc-firefox-theme/chrome/global/reader/RM-Add-24x24.svg new file mode 100644 index 0000000..66551ef --- /dev/null +++ b/arc-firefox-theme/chrome/global/reader/RM-Add-24x24.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="utf-8"?>
+<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 new file mode 100644 index 0000000..b0674b2 --- /dev/null +++ b/arc-firefox-theme/chrome/global/reader/RM-Close-24x24.svg @@ -0,0 +1,31 @@ +<?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 viewBox="0 0 24 24" + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink"> + <defs> + <style type="text/css"> + use:not(:target) { + display: none; + } + + #close { + fill: #808080; + } + #close-hover { + 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-hover" xlink:href="#close-shape"/> + +</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 new file mode 100644 index 0000000..6010fbe --- /dev/null +++ b/arc-firefox-theme/chrome/global/reader/RM-Delete-24x24.svg @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="utf-8"?>
+<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 new file mode 100644 index 0000000..9da7e03 --- /dev/null +++ b/arc-firefox-theme/chrome/global/reader/RM-Minus-24x24.svg @@ -0,0 +1,39 @@ +<?xml version="1.0" encoding="utf-8"?>
+<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 new file mode 100644 index 0000000..249912a --- /dev/null +++ b/arc-firefox-theme/chrome/global/reader/RM-Plus-24x24.svg @@ -0,0 +1,39 @@ +<?xml version="1.0" encoding="utf-8"?>
+<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 new file mode 100644 index 0000000..1f21efd --- /dev/null +++ b/arc-firefox-theme/chrome/global/reader/RM-Reading-List-24x24.svg @@ -0,0 +1,46 @@ +<?xml version="1.0" encoding="utf-8"?>
+<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 new file mode 100644 index 0000000..a25429a --- /dev/null +++ b/arc-firefox-theme/chrome/global/reader/RM-Type-Controls-24x24.svg @@ -0,0 +1,23 @@ +<?xml version="1.0" encoding="utf-8"?>
+<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 new file mode 100644 index 0000000..9094d8a --- /dev/null +++ b/arc-firefox-theme/chrome/global/reader/RM-Type-Controls-Arrow.svg @@ -0,0 +1,42 @@ +<?xml version="1.0" encoding="utf-8"?>
+<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 new file mode 100644 index 0000000..63b22fa --- /dev/null +++ b/arc-firefox-theme/chrome/global/reader/pocket.svg @@ -0,0 +1,28 @@ +<?xml version="1.0" encoding="utf-8"?>
+<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 style="display: none;">
+ <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/resizer.css b/arc-firefox-theme/chrome/global/resizer.css new file mode 100644 index 0000000..8108d7e --- /dev/null +++ b/arc-firefox-theme/chrome/global/resizer.css @@ -0,0 +1,49 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +resizer { + -moz-appearance: resizer; + background: url("chrome://global/skin/icons/resizer.png") no-repeat; + background-size: 100% 100%; + cursor: se-resize; + width: 15px; + height: 15px; +} + +resizer[rtl="true"], +resizer[dir="bottomend"]:-moz-locale-dir(rtl) { + background: url("chrome://global/skin/icons/resizer-rtl.png") no-repeat; +} + +resizer[dir="left"], +resizer[dir="bottomleft"], +resizer[dir="bottomstart"] { + transform: scaleX(-1); +} + +resizer[dir="bottomleft"], +resizer[dir="bottomstart"]:not([rtl="true"]):not(:-moz-locale-dir(rtl)), +resizer[dir="bottomend"][rtl="true"] { + cursor: sw-resize; +} + +resizer[dir="top"], +resizer[dir="bottom"] { + cursor: ns-resize; +} + +resizer[dir="left"], +resizer[dir="right"] { + cursor: ew-resize; +} + +resizer[dir="topleft"] { + cursor: nw-resize; +} + +resizer[dir="topright"] { + cursor: ne-resize; +} diff --git a/arc-firefox-theme/chrome/global/richlistbox.css b/arc-firefox-theme/chrome/global/richlistbox.css new file mode 100644 index 0000000..90c6e67 --- /dev/null +++ b/arc-firefox-theme/chrome/global/richlistbox.css @@ -0,0 +1,36 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +richlistbox { + -moz-appearance: listbox; + margin: 2px 4px; + background-color: -moz-Field; + color: -moz-FieldText; +} + +richlistbox[disabled="true"] { + color: GrayText; +} + +richlistitem[selected="true"] { + background-color: -moz-cellhighlight; + color: -moz-cellhighlighttext; +} + +richlistbox:focus > richlistitem[selected="true"] { + background-color: Highlight; + color: HighlightText; +} + +richlistbox[seltype="multiple"]:focus > richlistitem[current="true"] { + outline: 1px dotted Highlight; + outline-offset: -1px; +} + +richlistbox[seltype="multiple"]:focus > richlistitem[current="true"][selected="true"] { + outline: 1px dotted #F3D982; /* TODO: find a suitable system color */ +} + diff --git a/arc-firefox-theme/chrome/global/scale.css b/arc-firefox-theme/chrome/global/scale.css new file mode 100644 index 0000000..4812546 --- /dev/null +++ b/arc-firefox-theme/chrome/global/scale.css @@ -0,0 +1,50 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: scale ::::: */ + +.scale-slider { + -moz-appearance: scale-horizontal; + background: url("chrome://global/skin/scale/scale-tray-horiz.gif") 0% 50% repeat-x; + margin: 2px 4px; + width: 100px; +} + +.scale-slider[orient="vertical"] +{ + -moz-appearance: scale-vertical; + background: url("chrome://global/skin/scale/scale-tray-vert.gif") 50% 0% repeat-y; + margin: 4px 2px; + width: auto; + height: 100px; +} + +/* ::::: scale thumb ::::: */ + +.scale-thumb { + -moz-appearance: scalethumb-horizontal; + border: 2px solid; + -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight; + background-color: -moz-Dialog; + min-width: 30px; + min-height: 15px; +} + +.scale-thumb[orient="vertical"] { + -moz-appearance: scalethumb-vertical; + min-width: 15px; + min-height: 30px; +} + +.scale-thumb[disabled="true"] { + -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow !important; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow !important; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow !important; + -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow !important; +} diff --git a/arc-firefox-theme/chrome/global/scrollbar/slider.gif b/arc-firefox-theme/chrome/global/scrollbar/slider.gif Binary files differnew file mode 100644 index 0000000..355fcb2 --- /dev/null +++ b/arc-firefox-theme/chrome/global/scrollbar/slider.gif diff --git a/arc-firefox-theme/chrome/global/scrollbars.css b/arc-firefox-theme/chrome/global/scrollbars.css new file mode 100644 index 0000000..5eba1e3 --- /dev/null +++ b/arc-firefox-theme/chrome/global/scrollbars.css @@ -0,0 +1,227 @@ +/* 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/. */ + +/* ===== xulscrollbars.css ============================================== + == Styles used by XUL scrollbar-related elements. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */ + +/* ::::: scrollbar ::::: */ + +scrollbar { + -moz-appearance: scrollbartrack-horizontal; + -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar"); + cursor: default; + background: url("chrome://global/skin/scrollbar/slider.gif") scrollbar; + pointer-events: auto; +} + +@media all and (-moz-overlay-scrollbars) { + scrollbar[root="true"] { + position: relative; + z-index: 2147483647; /* largest positive value of a signed 32-bit integer */ + } + + scrollbar:not([active="true"]), + scrollbar[disabled="true"] { + visibility: hidden; + } +} + +scrollbar[orient="vertical"] +{ + -moz-appearance: scrollbartrack-vertical; +} + +/* ::::: borders for thumb and buttons ::::: */ + +thumb, +scrollbarbutton { + border: 2px solid; + -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight; + background-color: -moz-Dialog; +} + +/* ::::: thumb (horizontal) ::::: */ + +thumb { + -moz-appearance: scrollbarthumb-vertical; + min-height: 8px; +} + +thumb[orient="horizontal"] { + -moz-appearance: scrollbarthumb-horizontal; + min-width: 8px; +} + +/* ::::: scrollbar button ::::: */ + +scrollbarbutton { + background: -moz-Dialog no-repeat 50% 50%; + min-width: 16px; + min-height: 16px; +} + +scrollbarbutton:hover:active, scrollbarbutton[active="true"] { + -moz-border-top-colors: ThreeDShadow -moz-Dialog; + -moz-border-right-colors: ThreeDShadow -moz-Dialog; + -moz-border-bottom-colors: ThreeDShadow -moz-Dialog; + -moz-border-left-colors: ThreeDShadow -moz-Dialog; + background-position: 60% 60%; +} + +/* ::::: square at the corner of two scrollbars ::::: */ + +scrollcorner { + /* XXX -moz-appearance: scrollcorner; */ + -moz-binding: url(chrome://global/content/bindings/scrollbar.xml#scrollbar-base); + width: 16px; + cursor: default; + background-color: -moz-Dialog; +} + +/* ..... increment .... */ + +scrollbarbutton[type="increment"] { + -moz-appearance: scrollbarbutton-right; + background-image: url("chrome://global/skin/arrow/arrow-rit.gif") +} + +scrollbarbutton[type="increment"][disabled="true"] { + background-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif") +} + +scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] { + -moz-appearance: scrollbarbutton-down; + background-image: url("chrome://global/skin/arrow/arrow-dn.gif") +} + +scrollbar[orient="vertical"] > scrollbarbutton[type="increment"][disabled="true"] { + background-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif") +} + +/* ..... decrement .... */ + +scrollbarbutton[type="decrement"] { + -moz-appearance: scrollbarbutton-left; + background-image: url("chrome://global/skin/arrow/arrow-lft.gif") +} + +scrollbarbutton[type="decrement"][disabled="true"] { + background-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif") +} + +scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] { + -moz-appearance: scrollbarbutton-up; + background-image: url("chrome://global/skin/arrow/arrow-up.gif") +} + +scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"] { + background-image: url("chrome://global/skin/arrow/arrow-up-dis.gif") +} + +/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ +/* ::::::::::::::::::::: MEDIA PRINT :::::::::::::::::::::: */ +/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ +@media print { + /* ::::: scrollbar ::::: */ + + html|div scrollbar { + -moz-appearance: scrollbartrack-horizontal; + -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar"); + cursor: default; + background: url("chrome://global/skin/scrollbar/slider.gif") scrollbar; + } + + html|div scrollbar[orient="vertical"] + { + -moz-appearance: scrollbartrack-vertical; + } + + /* ::::: borders for thumb and buttons ::::: */ + + html|div thumb, + html|div scrollbarbutton { + border: 2px solid; + -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight; + background-color: -moz-Dialog; + } + + /* ::::: thumb (horizontal) ::::: */ + + html|div thumb { + -moz-appearance: scrollbarthumb-vertical; + min-height: 8px; + } + + html|div thumb[orient="horizontal"] { + -moz-appearance: scrollbarthumb-horizontal; + min-width: 8px; + } + + /* ::::: scrollbar button ::::: */ + + html|div scrollbarbutton { + background: -moz-Dialog no-repeat 50% 50%; + min-width: 16px; + min-height: 16px; + } + + html|div scrollbarbutton:hover:active, html|div scrollbarbutton[active="true"] { + -moz-border-top-colors: ThreeDShadow -moz-Dialog; + -moz-border-right-colors: ThreeDShadow -moz-Dialog; + -moz-border-bottom-colors: ThreeDShadow -moz-Dialog; + -moz-border-left-colors: ThreeDShadow -moz-Dialog; + background-position: 60% 60%; + } + + /* ..... increment .... */ + + html|div scrollbarbutton[type="increment"] { + -moz-appearance: scrollbarbutton-right; + background-image: url("chrome://global/skin/arrow/arrow-rit.gif") + } + + html|div scrollbarbutton[type="increment"][disabled="true"] { + background-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif") + } + + html|div scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] { + -moz-appearance: scrollbarbutton-down; + background-image: url("chrome://global/skin/arrow/arrow-dn.gif") + } + + html|div scrollbar[orient="vertical"] > scrollbarbutton[type="increment"][disabled="true"] { + background-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif") + } + + /* ..... decrement .... */ + + html|div scrollbarbutton[type="decrement"] { + -moz-appearance: scrollbarbutton-left; + background-image: url("chrome://global/skin/arrow/arrow-lft.gif") + } + + html|div scrollbarbutton[type="decrement"][disabled="true"] { + background-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif") + } + + html|div scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] { + -moz-appearance: scrollbarbutton-up; + background-image: url("chrome://global/skin/arrow/arrow-up.gif") + } + + html|div scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"] { + background-image: url("chrome://global/skin/arrow/arrow-up-dis.gif") + } + +} diff --git a/arc-firefox-theme/chrome/global/scrollbox.css b/arc-firefox-theme/chrome/global/scrollbox.css new file mode 100644 index 0000000..90cbc86 --- /dev/null +++ b/arc-firefox-theme/chrome/global/scrollbox.css @@ -0,0 +1,33 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +.autorepeatbutton-up > .autorepeatbutton-icon, +.scrollbutton-up > .toolbarbutton-icon { + -moz-appearance: button-arrow-up; +} + +.autorepeatbutton-down > .autorepeatbutton-icon, +.scrollbutton-down > .toolbarbutton-icon { + -moz-appearance: button-arrow-down; +} + +.autorepeatbutton-up[orient="horizontal"] > .autorepeatbutton-icon, +.scrollbutton-up[orient="horizontal"] > .toolbarbutton-icon { + -moz-appearance: button-arrow-previous; +} + +.autorepeatbutton-down[orient="horizontal"] > .autorepeatbutton-icon, +.scrollbutton-down[orient="horizontal"] > .toolbarbutton-icon { + -moz-appearance: button-arrow-next; +} + +:-moz-any(.scrollbutton-up, .scrollbutton-down) > .toolbarbutton-text { + display: none; +} + +autorepeatbutton { + border: 1px solid ThreeDShadow; +} diff --git a/arc-firefox-theme/chrome/global/spinbuttons.css b/arc-firefox-theme/chrome/global/spinbuttons.css new file mode 100644 index 0000000..a2f2ebf --- /dev/null +++ b/arc-firefox-theme/chrome/global/spinbuttons.css @@ -0,0 +1,65 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +spinbuttons { + -moz-appearance: spinner; + cursor: default; +} + +.spinbuttons-button { + min-width: 13px; + min-height: 11px; + margin: 0 !important; + border: 2px solid; + -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow; + background-color: ThreeDFace; +} + +.spinbuttons-button > .button-box { + border: 0; +} + +.spinbuttons-button:hover:active +{ + border: 2px solid; + -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow; +} + +.spinbuttons-button[disabled="true"] { + border: 2px solid; + -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow !important; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow !important; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow !important; + -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow !important; +} + +.spinbuttons-up { + -moz-appearance: spinner-upbutton; + background-image: url("chrome://global/skin/arrow/arrow-up.gif"); + background-position: center center; + background-repeat: no-repeat; +} + +.spinbuttons-up[disabled="true"] { + background-image: url("chrome://global/skin/arrow/arrow-up-dis.gif"); +} + +.spinbuttons-down { + -moz-appearance: spinner-downbutton; + background-image: url("chrome://global/skin/arrow/arrow-dn.gif"); + background-position: center center; + background-repeat: no-repeat; +} + +.spinbuttons-down[disabled="true"] { + background-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif"); +} diff --git a/arc-firefox-theme/chrome/global/splitter.css b/arc-firefox-theme/chrome/global/splitter.css new file mode 100644 index 0000000..193539d --- /dev/null +++ b/arc-firefox-theme/chrome/global/splitter.css @@ -0,0 +1,65 @@ +/* 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/. */ + +/* ===== splitter.css =================================================== + == Styles used by the XUL splitter element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: splitter (vertical) ::::: */ + +splitter { + -moz-appearance: splitter; + -moz-box-align: center; + -moz-box-pack: center; + cursor: ew-resize; +} + +splitter[state="collapsed"][collapse="before"], +splitter[state="collapsed"][substate="before"], +splitter[state="collapsed"][collapse="after"]:-moz-locale-dir(rtl), +splitter[state="collapsed"][substate="after"]:-moz-locale-dir(rtl) { + cursor: e-resize; +} + +splitter[state="collapsed"][collapse="after"], +splitter[state="collapsed"][substate="after"], +splitter[state="collapsed"][collapse="before"]:-moz-locale-dir(rtl), +splitter[state="collapsed"][substate="before"]:-moz-locale-dir(rtl) { + cursor: w-resize; +} + +/* ::::: splitter (horizontal) ::::: */ + +splitter[orient="vertical"] { + cursor: ns-resize; +} + +splitter[orient="vertical"][state="collapsed"][collapse="before"], +splitter[orient="vertical"][state="collapsed"][substate="before"] { + cursor: s-resize; +} + +splitter[orient="vertical"][state="collapsed"][collapse="after"], +splitter[orient="vertical"][state="collapsed"][substate="after"] { + cursor: n-resize; +} + +splitter[disabled="true"] { + cursor: default !important; +} + +/* ::::: splitter grippy ::::: */ + +grippy { + cursor: pointer; + min-width: 4px; + min-height: 115px; +} + +splitter[orient="vertical"] > grippy { + min-width: 115px; + min-height: 4px; +} diff --git a/arc-firefox-theme/chrome/global/splitter/grip-bottom.gif b/arc-firefox-theme/chrome/global/splitter/grip-bottom.gif Binary files differnew file mode 100644 index 0000000..af6290f --- /dev/null +++ b/arc-firefox-theme/chrome/global/splitter/grip-bottom.gif diff --git a/arc-firefox-theme/chrome/global/splitter/grip-left.gif b/arc-firefox-theme/chrome/global/splitter/grip-left.gif Binary files differnew file mode 100644 index 0000000..6be9bc4 --- /dev/null +++ b/arc-firefox-theme/chrome/global/splitter/grip-left.gif diff --git a/arc-firefox-theme/chrome/global/splitter/grip-right.gif b/arc-firefox-theme/chrome/global/splitter/grip-right.gif Binary files differnew file mode 100644 index 0000000..71be690 --- /dev/null +++ b/arc-firefox-theme/chrome/global/splitter/grip-right.gif diff --git a/arc-firefox-theme/chrome/global/splitter/grip-top.gif b/arc-firefox-theme/chrome/global/splitter/grip-top.gif Binary files differnew file mode 100644 index 0000000..3cba005 --- /dev/null +++ b/arc-firefox-theme/chrome/global/splitter/grip-top.gif diff --git a/arc-firefox-theme/chrome/global/tabbox.css b/arc-firefox-theme/chrome/global/tabbox.css new file mode 100644 index 0000000..f575996 --- /dev/null +++ b/arc-firefox-theme/chrome/global/tabbox.css @@ -0,0 +1,91 @@ +/* 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/. */ + +/* ===== tabbox.css ================================================= + == Styles used by XUL tab-related elements. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + + +/* ::::: tabs ::::: */ + +tabs { + position: relative; + z-index: 0; +} + +/* ::::: tabpanels ::::: */ + +tabpanels { + -moz-appearance: tabpanels; + border: 2px solid; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow; + padding: 8px; + background-color: -moz-Dialog; + color: -moz-DialogText; +} + +/* ::::: tab ::::: */ + +tab { + position: relative; + -moz-appearance: tab; + margin-top: 2px; + border: 2px solid; + border-bottom: none; + -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + padding: 3px 4px; + background-color: -moz-Dialog; + color: -moz-DialogText; +} + +tab[visuallyselected="true"] { + z-index: 1; + margin-top: 0; + margin-bottom: -2px; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + padding-top: 4px; + padding-bottom: 6px; +} + +tab + tab { + -moz-margin-start: -2px; +} + +.tab-text { + margin: 0 !important; +} + +/* ::::: tab-bottom :::::::::: + :: Tabs that are attached to the bottom of a panel, but not necessarily + :: a tabpanels. + ::::: */ + +.tab-bottom { + margin-top: 0; + margin-bottom: 2px; + border-top: none; + border-bottom: 2px solid; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} + +.tab-bottom[visuallyselected="true"] { + margin-bottom: 0; + margin-top: -2px; + padding-top: 6px; + padding-bottom: 4px; +} diff --git a/arc-firefox-theme/chrome/global/tabprompts.css b/arc-firefox-theme/chrome/global/tabprompts.css new file mode 100644 index 0000000..e9461d6 --- /dev/null +++ b/arc-firefox-theme/chrome/global/tabprompts.css @@ -0,0 +1,27 @@ +/* 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/. */ + +/* Tab Modal Prompt boxes */ +tabmodalprompt { + background-image: url(chrome://global/skin/icons/tabprompts-bgtexture.png); + background-color: hsla(0,0%,10%,.5); + font-family: sans-serif; /* use content font not system UI font */ +} + +.mainContainer { + color: -moz-fieldText; + background-color: -moz-field; + border-radius: 2px; + border: 1px solid threeDDarkShadow; +} + +.topContainer { + padding: 20px; +} + +.buttonContainer { + padding: 12px 20px 15px; + background-color: hsla(0,0%,0%,.05); + border-top: 1px solid hsla(0,0%,0%,.05); +} diff --git a/arc-firefox-theme/chrome/global/textbox.css b/arc-firefox-theme/chrome/global/textbox.css new file mode 100644 index 0000000..d0ce11a --- /dev/null +++ b/arc-firefox-theme/chrome/global/textbox.css @@ -0,0 +1,147 @@ +/* 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/. */ + +/* ===== textbox.css ================================================== + == Styles used by the XUL textbox element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +/* ::::: textbox ::::: */ + +textbox { + -moz-appearance: textfield; + cursor: text; + margin: 2px 4px; + border: 2px solid; + -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; + -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; + padding: 2px 2px 3px; + -moz-padding-start: 4px; + background-color: -moz-Field; + color: -moz-FieldText; +} + +html|*.textbox-input, +html|*.textbox-textarea { + margin: 0px !important; + border: none !important; + padding: 0px 1px !important; + background-color: inherit; + color: inherit; + font: inherit; +} + +.textbox-contextmenu { + cursor: default; +} + +/* ..... readonly state ..... */ + +textbox[readonly="true"] { + background-color: -moz-Dialog; + color: -moz-DialogText; +} + +/* ..... disabled state ..... */ + +textbox[disabled="true"] { + cursor: default; + background-color: -moz-Dialog; + color: GrayText; +} + +/* ::::: plain textbox ::::: */ + +textbox.plain { + -moz-appearance: none !important; + background-color: transparent; + padding: 0px !important; + margin: 0px !important; + border: none !important; +} + +textbox.plain html|*.textbox-input, +textbox.plain html|*.textbox-textarea { + padding: 0px !important; +} + +/* ::::: search textbox ::::: */ + +.textbox-search-icon { + list-style-image: url(moz-icon://stock/gtk-find?size=menu); +} + +.textbox-search-clear { + list-style-image: url(moz-icon://stock/gtk-clear?size=menu); +} + +.textbox-search-icon[searchbutton]:not([disabled]) , +.textbox-search-clear:not([disabled]) { + cursor: pointer; +} + +/* ::::: textboxes inside toolbarpaletteitems ::::: */ + +toolbarpaletteitem > toolbaritem > textbox > .textbox-input-box > html|*.textbox-input { + visibility: hidden; +} + +/* ::::: context menu ::::: */ + +menuitem:not([type]) { + -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic"); +} + +menuitem[cmd="cmd_undo"] { + list-style-image: url("moz-icon://stock/gtk-undo?size=menu"); +} + +menuitem[cmd="cmd_undo"][disabled] { + list-style-image: url("moz-icon://stock/gtk-undo?size=menu&state=disabled"); +} + +menuitem[cmd="cmd_cut"] { + list-style-image: url("moz-icon://stock/gtk-cut?size=menu"); +} + +menuitem[cmd="cmd_cut"][disabled] { + list-style-image: url("moz-icon://stock/gtk-cut?size=menu&state=disabled"); +} + +menuitem[cmd="cmd_copy"] { + list-style-image: url("moz-icon://stock/gtk-copy?size=menu"); +} + +menuitem[cmd="cmd_copy"][disabled] { + list-style-image: url("moz-icon://stock/gtk-copy?size=menu&state=disabled"); +} + +menuitem[cmd="cmd_paste"] { + list-style-image: url("moz-icon://stock/gtk-paste?size=menu"); +} + +menuitem[cmd="cmd_paste"][disabled] { + list-style-image: url("moz-icon://stock/gtk-paste?size=menu&state=disabled"); +} + +menuitem[cmd="cmd_delete"] { + list-style-image: url("moz-icon://stock/gtk-delete?size=menu"); +} + +menuitem[cmd="cmd_delete"][disabled] { + list-style-image: url("moz-icon://stock/gtk-delete?size=menu&state=disabled"); +} + +menuitem[cmd="cmd_selectAll"] { + list-style-image: url("moz-icon://stock/gtk-select-all?size=menu"); +} + +menuitem[cmd="cmd_selectAll"][disabled] { + list-style-image: url("moz-icon://stock/gtk-select-all?size=menu&state=disabled"); +} + diff --git a/arc-firefox-theme/chrome/global/toolbar.css b/arc-firefox-theme/chrome/global/toolbar.css new file mode 100644 index 0000000..05a6c2d --- /dev/null +++ b/arc-firefox-theme/chrome/global/toolbar.css @@ -0,0 +1,113 @@ +/* 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/. */ + +/* ===== toolbar.css ==================================================== + == Styles used by XUL toolbar-related elements. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: toolbox ::::: */ + +toolbox { + -moz-appearance: toolbox; +} + +/* ::::: menubar & toolbar ::::: */ + +toolbar { + -moz-appearance: toolbar; + min-width: 1px; + min-height: 20px; + padding: 2px 0px; +} + +menubar, toolbar[type="menubar"] { + -moz-appearance: menubar; + color: -moz-menubartext; + min-width: 1px; + min-height: 20px; + padding: 1px 0px; +} + +menubar:-moz-lwtheme, +toolbar:-moz-lwtheme { + -moz-appearance: none; + color: inherit; +} + +/* in browser.xul, the menubar is inside a toolbar... */ +toolbaritem > menubar { + -moz-appearance: none; +} + +/* ::::: toolbar decorations ::::: */ + +toolbarseparator { + -moz-appearance: separator !important; + margin : 0; + border: 0; + min-width: 2px; +} + +toolbarspacer { + width: 15px; +} + +/* ::::: toolbarpaletteitem ::::: */ + +toolbarpaletteitem { + cursor: grab; +} + +.toolbarpaletteitem-box[type="spacer"], +.toolbarpaletteitem-box[type="spring"] { + border: 1px solid #808080; + background-color: #FFF !important; +} + +toolbarpaletteitem[place="toolbar"] > toolbarspacer { + width: 11px; +} + +.toolbarpaletteitem-box[type="spacer"][place="toolbar"], +.toolbarpaletteitem-box[type="spring"][place="toolbar"] { + margin-top: 2px; + margin-bottom: 2px; + -moz-margin-start: 0px; + -moz-margin-end: 2px; +} + +.toolbarpaletteitem-box[type="separator"][place="palette"] { + width: 2px; + height: 50px; +} + +.toolbarpaletteitem-box[type="spacer"][place="palette"], +.toolbarpaletteitem-box[type="spring"][place="palette"] { + margin-bottom: 2px; + width: 50px; + height: 50px; +} + +.toolbarpaletteitem-box[type="spring"][place="palette"] { + background: url("chrome://global/skin/toolbar/spring.png") no-repeat center; +} + +/* ..... drag and drop feedback ..... */ + +toolbarpaletteitem[place="toolbar"] { + margin-left: -2px; + margin-right: -2px; + border-left: 2px solid transparent; + border-right: 2px solid transparent; +} + +toolbarpaletteitem[dragover="left"] { + border-left-color: #000000; +} + +toolbarpaletteitem[dragover="right"] { + border-right-color: #000000; +} diff --git a/arc-firefox-theme/chrome/global/toolbar/chevron-inverted.png b/arc-firefox-theme/chrome/global/toolbar/chevron-inverted.png Binary files differnew file mode 100644 index 0000000..861e41a --- /dev/null +++ b/arc-firefox-theme/chrome/global/toolbar/chevron-inverted.png diff --git a/arc-firefox-theme/chrome/global/toolbar/chevron.gif b/arc-firefox-theme/chrome/global/toolbar/chevron.gif Binary files differnew file mode 100644 index 0000000..cccba6e --- /dev/null +++ b/arc-firefox-theme/chrome/global/toolbar/chevron.gif diff --git a/arc-firefox-theme/chrome/global/toolbar/spring.png b/arc-firefox-theme/chrome/global/toolbar/spring.png Binary files differnew file mode 100644 index 0000000..3340f47 --- /dev/null +++ b/arc-firefox-theme/chrome/global/toolbar/spring.png diff --git a/arc-firefox-theme/chrome/global/toolbarbutton.css b/arc-firefox-theme/chrome/global/toolbarbutton.css new file mode 100644 index 0000000..4a11f72 --- /dev/null +++ b/arc-firefox-theme/chrome/global/toolbarbutton.css @@ -0,0 +1,149 @@ +/* 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/. */ + +/* ===== toolbarbutton.css ===================================================== + == Styles used by the XUL button element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: toolbarbutton ::::: */ + +toolbarbutton { + -moz-appearance: toolbarbutton; + -moz-box-align: center; + -moz-box-pack: center; + margin: 0; + padding: 3px; + color: -moz-DialogText; +} + +toolbarbutton:-moz-lwtheme { + text-shadow: none; +} + +.toolbarbutton-icon[label]:not([label=""]), +.toolbarbutton-icon[type="menu"] { + -moz-margin-end: 2px; +} + +.toolbarbutton-text { + margin: 0 !important; /* !important for overriding global.css */ + text-align: center; +} + +toolbarbutton.tabbable { + -moz-user-focus: normal !important; +} + +toolbarbutton:hover { + color: -moz-buttonhovertext; +} + +toolbarbutton:hover:active, +toolbarbutton[open="true"] { + padding-top: 4px; + padding-bottom: 2px; + -moz-padding-start: 4px; + -moz-padding-end: 2px; + color: ButtonText; +} + +toolbarbutton[disabled="true"], +toolbarbutton[disabled="true"]:hover, +toolbarbutton[disabled="true"]:hover:active, +toolbarbutton[disabled="true"][open="true"] { + padding: 3px; + color: GrayText; +} + +toolbarbutton[checked="true"]:not(:hover) { + color: ButtonText; +} + +toolbarbutton:-moz-lwtheme:not(:hover):not([checked="true"]):not([open="true"]):not([disabled="true"]) { + color: inherit; + text-shadow: inherit; +} + +/* ::::: toolbarbutton menu ::::: */ + +.toolbarbutton-menu-dropmarker { + -moz-appearance: toolbarbutton-dropdown !important; + list-style-image: none; + -moz-image-region: auto; + padding: 0; + margin: 0; +} + +.toolbarbutton-menu-dropmarker[disabled="true"] { + padding: 0 !important; +} + +/* ::::: toolbarbutton menu-button ::::: */ + +toolbarbutton[type="menu-button"] { + -moz-box-align: stretch; + -moz-appearance: dualbutton; + -moz-box-orient: horizontal !important; +} + +toolbarbutton[type="menu-button"], +toolbarbutton[type="menu-button"]:hover, +toolbarbutton[type="menu-button"]:hover:active, +toolbarbutton[type="menu-button"][open="true"], +toolbarbutton[type="menu-button"][disabled="true"], +toolbarbutton[type="menu-button"][disabled="true"]:hover, +toolbarbutton[type="menu-button"][disabled="true"]:hover:active { + padding: 0 !important; +} + +.toolbarbutton-menubutton-button { + -moz-box-align: center; + -moz-box-pack: center; + -moz-box-orient: vertical; +} + +/* ::::: toolbarbutton badged ::::: */ + +.toolbarbutton-badge { + background-color: #d90000; +} + +.toolbarbutton-badge::after { + /* The |content| property is set in the content stylesheet. */ + font-size: 10px; + 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); + position: absolute; + top: -4px; + right: -2px; + min-width: 10px; + line-height: 10px; + text-align: center; +} + +.toolbarbutton-badge:-moz-locale-dir(rtl)::after { + left: -2px; + right: auto; +} + +.toolbarbutton-badge-container { + position: relative; +} + +/* .......... dropmarker .......... */ + +.toolbarbutton-menubutton-dropmarker { + margin: 0 3px; + -moz-appearance: toolbarbutton-dropdown !important; + list-style-image: none; + -moz-image-region: auto; +} diff --git a/arc-firefox-theme/chrome/global/tree.css b/arc-firefox-theme/chrome/global/tree.css new file mode 100644 index 0000000..24bba1b --- /dev/null +++ b/arc-firefox-theme/chrome/global/tree.css @@ -0,0 +1,358 @@ +/* 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/. */ + +/* ===== tree.css =================================================== + == Styles used by the XUL outline element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: tree ::::: */ + +tree { + margin: 0px 4px; + border: 2px solid; + -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; + -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; + background-color: -moz-Field; + color: -moz-FieldText; + -moz-appearance: listbox; +} + +/* ::::: tree focusring ::::: */ + +.focusring > .tree-stack > .tree-rows > .tree-bodybox { + border: 1px solid transparent; +} + +.focusring:focus > .tree-stack > .tree-rows > .tree-bodybox { + border: 1px solid #000000; +} + + +/* ::::: tree rows ::::: */ + +treechildren::-moz-tree-row { + border: 1px solid transparent; + min-height: 18px; + height: 1.3em; +} + +treechildren:not(.autocomplete-treebody)::-moz-tree-row(multicol, odd) { + background-color: -moz-oddtreerow; +} + +treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected) { + background-color: -moz-cellhighlight; +} + +treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected, focus) { + background-color: Highlight; +} + +treechildren::-moz-tree-row(current, focus) { + border: 1px dotted Highlight; +} + +treechildren::-moz-tree-row(selected, current, focus) { + border: 1px dotted #F3D982; +} + +tree[seltype="cell"] > treechildren::-moz-tree-row, +tree[seltype="text"] > treechildren::-moz-tree-row { + border: none; + background-color: transparent; +} + +/* ::::: tree cells ::::: */ + +treechildren::-moz-tree-cell { + padding: 0px 2px 0px 2px; +} + +tree[seltype="cell"] > treechildren::-moz-tree-cell-text, +tree[seltype="text"] > treechildren::-moz-tree-cell-text, +treechildren::-moz-tree-cell-text { + color: inherit; +} + +treechildren::-moz-tree-cell-text(selected) { + color: -moz-cellhighlighttext; +} + +tree[seltype="cell"] > treechildren::-moz-tree-cell { + border: 1px solid transparent; + padding: 0px 1px 0px 1px; +} + +tree[seltype="text"] > treechildren::-moz-tree-cell-text { + border: 1px solid transparent; + padding: 0px 1px 1px 1px; +} + +tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected) { + background-color: -moz-cellhighlight; +} +tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected) { + color: -moz-cellhighlighttext; +} + +tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected) { + background-color: -moz-cellhighlight; + color: -moz-cellhighlighttext; +} + +treechildren::-moz-tree-cell-text(selected, focus) { + color: HighlightText; +} + +tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, focus) { + background-color: Highlight; +} + +tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus) { + background-color: Highlight; +} + +tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected, focus) { + color: HighlightText; +} + +tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus) { + color: HighlightText; +} + +tree[seltype="cell"] > treechildren::-moz-tree-cell(active, current, focus) { + border: 1px dotted #000000; +} + +tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, current, focus) { + border: 1px dotted #000000; +} + +tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, current, focus) { + border: 1px dotted #C0C0C0; +} + +tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, current, focus) { + border: 1px dotted #C0C0C0; +} + +/* ::::: lines connecting cells ::::: */ + +tree[seltype="cell"] > treechildren::-moz-tree-line, +tree[seltype="text"] > treechildren::-moz-tree-line, +treechildren::-moz-tree-line { + border: 1px dotted ThreeDShadow; +} + +tree[seltype="cell"] > treechildren::-moz-tree-line(active, selected, focus), +treechildren::-moz-tree-line(selected, focus) { + border: 1px dotted HighlightText; +} + + +/* ::::: tree separator ::::: */ + +treechildren::-moz-tree-separator { + border-top: 1px solid ThreeDShadow; + border-bottom: 1px solid ThreeDHighlight; +} + + +/* ::::: drop feedback ::::: */ + +tree[seltype="cell"] > treechildren::-moz-tree-cell-text(primary, dropOn), +tree[seltype="text"] > treechildren::-moz-tree-cell-text(primary, dropOn), +treechildren::-moz-tree-cell-text(primary, dropOn) { + background-color: Highlight; + color: HighlightText; +} + +treechildren::-moz-tree-drop-feedback { + background-color: Highlight; + width: 50px; + height: 2px; + -moz-margin-start: 5px; +} + +/* ::::: tree progress meter ::::: */ + +treechildren::-moz-tree-progressmeter { + margin: 2px 4px; + padding: 1px; + border: 1px solid; + border-top-color: ThreeDShadow; + border-right-color: ThreeDHighlight; + border-bottom-color: ThreeDHighlight; + border-left-color: ThreeDShadow; + background-color: -moz-Dialog; + color: ThreeDShadow; +} + +treechildren::-moz-tree-progressmeter(progressUndetermined) { + list-style-image: url("chrome://global/skin/progressmeter/progressmeter-busy.gif"); +} + +treechildren::-moz-tree-cell-text(progressmeter) { + margin: 2px 4px; +} + +/* ::::: tree columns ::::: */ + +treecol, +treecolpicker { + -moz-appearance: treeheadercell; + -moz-box-align: center; + -moz-box-pack: center; + border: 2px solid; + -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow; + background-color: -moz-Dialog; + color: -moz-DialogText; + padding: 0px 2px; +} + +treecol:hover, +treecolpicker:hover { + color: -moz-buttonhovertext; +} + +.treecol-image { + padding: 0px 1px; +} + +.treecol-text { + margin: 0px !important; +} + +treecol[hideheader="true"] { + -moz-appearance: none; + border: none; + padding: 0; +} + +/* ..... internal box ..... */ + +treecol:hover:active, +treecolpicker:hover:active { + color: ButtonText; + border: 2px solid; + -moz-border-top-colors: ThreeDShadow -moz-Dialog; + -moz-border-right-colors: ThreeDShadow transparent; + -moz-border-bottom-colors: ThreeDShadow transparent; + -moz-border-left-colors: ThreeDShadow -moz-Dialog; + padding-top: 0px; + padding-bottom: 0px; + -moz-padding-start: 3px; + -moz-padding-end: 1px; +} + +.treecol-image:hover:active { + padding: 0px; + -moz-padding-start: 2px; +} + +treecol:hover:active .treecol-text { + margin: 1px 0px -1px 0px !important; +} + +/* ::::: column drag and drop styles ::::: */ + +treecol[dragging="true"] { + -moz-border-top-colors: ThreeDDarkShadow transparent !important; + -moz-border-right-colors: ThreeDDarkShadow transparent!important; + -moz-border-bottom-colors: ThreeDDarkShadow transparent !important; + -moz-border-left-colors: ThreeDDarkShadow transparent !important; + background-color: ThreeDShadow !important; + color: ThreeDHighlight !important; +} + +treecol[insertafter="true"]:-moz-locale-dir(ltr), +treecol[insertbefore="true"]:-moz-locale-dir(rtl) { + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; +} + +treecol[insertafter="true"]:-moz-locale-dir(rtl), +treecol[insertbefore="true"]:-moz-locale-dir(ltr) { + -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow; +} + +treechildren::-moz-tree-column(insertbefore) { + -moz-border-start: 1px solid ThreeDShadow; +} + +treechildren::-moz-tree-column(insertafter) { + -moz-border-end: 1px solid ThreeDShadow; +} + +/* ::::: sort direction indicator ::::: */ + +.treecol-sortdirection { + -moz-appearance: treeheadersortarrow; +} + +/* ::::: column picker ::::: */ + +.tree-columnpicker-icon { + list-style-image: url("chrome://global/skin/tree/columnpicker.gif"); +} + +/* ::::: twisty ::::: */ + +treechildren::-moz-tree-twisty { + -moz-appearance: treetwisty; + -moz-padding-end: 4px; + padding-top: 1px; + width: 9px; /* The image's width is 9 pixels */ + list-style-image: url("chrome://global/skin/tree/twisty-clsd.png"); +} + +treechildren::-moz-tree-twisty(open) { + -moz-appearance: treetwistyopen; + width: 9px; /* The image's width is 9 pixels */ + list-style-image: url("chrome://global/skin/tree/twisty-open.png"); +} + +treechildren::-moz-tree-indentation { + width: 18px; +} + +/* ::::: gridline style ::::: */ + +treechildren.gridlines::-moz-tree-cell { + border-right: 1px solid transparent !important; + border-bottom: 1px solid transparent !important; +} + +treechildren.gridlines::-moz-tree-row { + border: none; +} + +/* ::::: editable tree ::::: */ + +treechildren::-moz-tree-row(selected, editing) { + background-color: transparent; + border: none; +} + +treechildren::-moz-tree-cell-text(selected, editing) { + color: inherit; +} + +.tree-input { + -moz-appearance: none; + border: 1px solid Highlight; + -moz-border-top-colors: Highlight; + -moz-border-bottom-colors: Highlight; + -moz-border-left-colors: Highlight; + -moz-border-right-colors: Highlight; + margin: 0; + -moz-margin-start: -4px; + padding: 1px; +} diff --git a/arc-firefox-theme/chrome/global/tree/columnpicker.gif b/arc-firefox-theme/chrome/global/tree/columnpicker.gif Binary files differnew file mode 100644 index 0000000..88c13a0 --- /dev/null +++ b/arc-firefox-theme/chrome/global/tree/columnpicker.gif diff --git a/arc-firefox-theme/chrome/global/tree/sort-asc-classic.png b/arc-firefox-theme/chrome/global/tree/sort-asc-classic.png Binary files differnew file mode 100644 index 0000000..60892b9 --- /dev/null +++ b/arc-firefox-theme/chrome/global/tree/sort-asc-classic.png diff --git a/arc-firefox-theme/chrome/global/tree/sort-asc.png b/arc-firefox-theme/chrome/global/tree/sort-asc.png Binary files differnew file mode 100644 index 0000000..4e335c5 --- /dev/null +++ b/arc-firefox-theme/chrome/global/tree/sort-asc.png diff --git a/arc-firefox-theme/chrome/global/tree/sort-dsc-classic.png b/arc-firefox-theme/chrome/global/tree/sort-dsc-classic.png Binary files differnew file mode 100644 index 0000000..b2f04ec --- /dev/null +++ b/arc-firefox-theme/chrome/global/tree/sort-dsc-classic.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 differnew file mode 100644 index 0000000..d5bb668 --- /dev/null +++ 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 differnew file mode 100644 index 0000000..1b65197 --- /dev/null +++ b/arc-firefox-theme/chrome/global/tree/twisty-clsd-hover-rtl.png 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 differnew file mode 100644 index 0000000..763c1da --- /dev/null +++ b/arc-firefox-theme/chrome/global/tree/twisty-clsd-hover.png 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 differnew file mode 100644 index 0000000..02f4e32 --- /dev/null +++ b/arc-firefox-theme/chrome/global/tree/twisty-clsd-rtl.png diff --git a/arc-firefox-theme/chrome/global/tree/twisty-clsd.png b/arc-firefox-theme/chrome/global/tree/twisty-clsd.png Binary files differnew file mode 100644 index 0000000..f67f60c --- /dev/null +++ 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 differnew file mode 100644 index 0000000..a0157cc --- /dev/null +++ b/arc-firefox-theme/chrome/global/tree/twisty-open-hover-rtl.png 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 differnew file mode 100644 index 0000000..31c9478 --- /dev/null +++ b/arc-firefox-theme/chrome/global/tree/twisty-open-hover.png 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 differnew file mode 100644 index 0000000..4e606d2 --- /dev/null +++ b/arc-firefox-theme/chrome/global/tree/twisty-open-rtl.png diff --git a/arc-firefox-theme/chrome/global/tree/twisty-open.png b/arc-firefox-theme/chrome/global/tree/twisty-open.png Binary files differnew file mode 100644 index 0000000..b8b7583 --- /dev/null +++ b/arc-firefox-theme/chrome/global/tree/twisty-open.png diff --git a/arc-firefox-theme/chrome/global/wizard.css b/arc-firefox-theme/chrome/global/wizard.css new file mode 100644 index 0000000..4bf7d51 --- /dev/null +++ b/arc-firefox-theme/chrome/global/wizard.css @@ -0,0 +1,54 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +.wizard-header { + border-bottom: 2px groove ThreeDFace; + background-color: Window; + color: WindowText; +} + +.wizard-header-box-1 { + padding: 5px 0px 5px 0px; +} + +wizard[description=""] .wizard-header-description { + display: none; +} + +.wizard-header-label { + -moz-margin-start: 23px; + font-weight: bold; +} + +.wizard-header-description { + -moz-margin-start: 44px; +} + +wizard[branded="true"] .wizard-header-icon { + list-style-image: url("chrome://branding/content/icon48.png"); + -moz-margin-end: 5px; +} + +.wizard-page-box { + margin: 10px 44px; +} + +.wizard-buttons-separator { + margin-bottom: 0px !important; +} + +.wizard-buttons-box-2 { + margin: 10px; +} + +.wizard-button[dlgtype="finish"], +.wizard-button[dlgtype="next"] { + -moz-margin-start: 0px !important; +} + +.wizard-button[dlgtype="back"] { + -moz-margin-end: 0px !important; +} diff --git a/arc-firefox-theme/chrome/mozapps/aboutNetworking.css b/arc-firefox-theme/chrome/mozapps/aboutNetworking.css new file mode 100644 index 0000000..517c2a7 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/aboutNetworking.css @@ -0,0 +1,60 @@ +/* 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/. */ + +body { + min-width: 330px; + max-width: 100%; + min-height: 330px; + max-height: 100%; +} + +#menu { + position: absolute; + top: 5px; + color: gray; +} + +.warningBackground { + display: none; + background: -moz-Dialog; + width:100%; + height:100%; + z-index:10; + top:0; + left:0; + position:fixed; +} + +.warningMessage { + color: -moz-FieldText; + position: relative; + min-width: 330px; + max-width: 50em; + margin: 4em auto; + border: 1px solid ThreeDShadow; + border-radius: 10px; + padding: 3em; + -moz-padding-start: 30px; + background: -moz-Field; + margin-left: auto; + text-align: center; +} + +.tab { + display: none; +} + +.active { + display: block; +} + +#menu .selected { + color: blue; +} + +#refreshdiv { + top: 5px; + position: absolute; + right: 30px; +} diff --git a/arc-firefox-theme/chrome/mozapps/aboutServiceWorkers.css b/arc-firefox-theme/chrome/mozapps/aboutServiceWorkers.css new file mode 100644 index 0000000..1158622 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/aboutServiceWorkers.css @@ -0,0 +1,44 @@ +/* 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/. */ + +body { + min-width: 330px; + max-width: 100%; + min-height: 330px; + max-height: 100%; +} + +.warningBackground { + display: none; + background: -moz-Dialog; + width:100%; + height:100%; + z-index:10; + top:0; + left:0; + position:fixed; +} + +.warningMessage { + color: -moz-FieldText; + position: relative; + min-width: 330px; + max-width: 50em; + margin: 4em auto; + border: 1px solid ThreeDShadow; + border-radius: 10px; + padding: 3em; + -moz-padding-start: 30px; + background: -moz-Field; + margin-left: auto; + text-align: center; +} + +.active { + display: block; +} + +.inactive { + display: none; +} diff --git a/arc-firefox-theme/chrome/mozapps/downloads/downloadButtons.png b/arc-firefox-theme/chrome/mozapps/downloads/downloadButtons.png Binary files differnew file mode 100644 index 0000000..a5d0944 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/downloads/downloadButtons.png diff --git a/arc-firefox-theme/chrome/mozapps/downloads/downloadIcon.png b/arc-firefox-theme/chrome/mozapps/downloads/downloadIcon.png Binary files differnew file mode 100644 index 0000000..39eeb7b --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/downloads/downloadIcon.png diff --git a/arc-firefox-theme/chrome/mozapps/downloads/downloads.css b/arc-firefox-theme/chrome/mozapps/downloads/downloads.css new file mode 100644 index 0000000..bb441f4 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/downloads/downloads.css @@ -0,0 +1,112 @@ +/* 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/. */ + +#downloadManager { + background-color: ThreeDFace; +} + +/* Download View */ +#downloadView { + -moz-appearance: none !important; + margin: 0; + border-bottom: 2px solid; + -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; +} + +/* Download View Items */ +richlistitem[type="download"] { + padding: 4px 8px 4px 4px; + min-height: 46px; +} + +richlistitem[type="download"]:not([selected="true"]):nth-child(odd) { + background-color: -moz-oddtreerow; +} + +richlistitem[type="download"] .name { + font-size: larger; +} + +richlistitem[type="download"] .dateTime { + font-size: smaller; +} + +.mini-button { + -moz-appearance: none; + background-color: transparent; + border: none; + padding: 0; + margin: 0; + min-width: 0; + min-height: 0; +} + +.mini-button > .button-box { + padding: 0 !important; +} + +menuitem:not([type]) { + -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic"); +} + +.cancel, +#menuitem_cancel { + list-style-image: url("moz-icon://stock/gtk-cancel?size=menu"); +} + +#menuitem_open { + list-style-image: url("moz-icon://stock/gtk-open?size=menu"); +} +#menuitem_open[disabled="true"] { + list-style-image: url("moz-icon://stock/gtk-open?size=menu&state=disabled"); +} + +.pause, +#menuitem_pause { + list-style-image: url("moz-icon://stock/gtk-media-pause?size=menu"); +} + +.pause[disabled="true"], +#menuitem_pause[disabled="true"] { + list-style-image: url("moz-icon://stock/gtk-media-pause?size=menu&state=disabled"); +} + +.resume, +#menuitem_resume { + list-style-image: url("moz-icon://stock/gtk-media-play?size=menu"); +} + +.retry, +#menuitem_retry { + list-style-image: url("moz-icon://stock/gtk-redo?size=menu"); +} + +#menuitem_removeFromList { + list-style-image: url("moz-icon://stock/gtk-remove?size=menu"); +} + +#menuitem_copyLocation { + list-style-image: url("moz-icon://stock/gtk-copy?size=menu"); +} + +.blockedIcon { + list-style-image: url("moz-icon://stock/gtk-dialog-error?size=dialog"); + width: 32px; + height: 32px; +} + +/* prevent flickering when changing states */ +.downloadTypeIcon { + min-height: 32px; + min-width: 32px; +} + +#clearListButton { + list-style-image: url(moz-icon://stock/gtk-clear?size=button); + margin-top: 3px; +} + +#clearListButton[disabled="true"] { + list-style-image: url(moz-icon://stock/gtk-clear?size=button&state=disabled); +} diff --git a/arc-firefox-theme/chrome/mozapps/downloads/unknownContentType.css b/arc-firefox-theme/chrome/mozapps/downloads/unknownContentType.css new file mode 100644 index 0000000..c6dba24 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/downloads/unknownContentType.css @@ -0,0 +1,31 @@ +/* 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/. */ + + +#from { + margin-top: 1px; +} + +#location { + font-weight: bold; +} + +#contentTypeImage { + height: 16px; + width: 16px; + margin-top: 0px; + margin-bottom: 0px; + -moz-margin-start: 0px; + -moz-margin-end: 5px; +} + +.small-indent { + -moz-margin-start: 15px; + -moz-margin-end: 15px; +} + +.small-indent label { + -moz-margin-start: 0px; +} + diff --git a/arc-firefox-theme/chrome/mozapps/extensions/about.css b/arc-firefox-theme/chrome/mozapps/extensions/about.css new file mode 100644 index 0000000..7188c11 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/about.css @@ -0,0 +1,91 @@ +/* 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/. */ + +#genericAbout { + padding: 0px; + min-height: 200px; + max-height: 400px; + width: 30em; +} + +#clientBox { + background-color: -moz-Dialog; + color: -moz-DialogText; +} + +@media (-moz-windows-compositor) { + #genericAbout { + -moz-appearance: -moz-win-glass; + background: transparent; + } + + #clientBox { + -moz-appearance: -moz-win-exclude-glass; + } +} + + +.basic-info { + padding: 10px; +} + +#extensionIcon { + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); + max-width: 64px; + max-height: 64px; + -moz-margin-end: 6px; +} + +#genericAbout[addontype="theme"] #extensionIcon { + list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png"); +} + +#genericAbout[addontype="locale"] #extensionIcon { + list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png"); +} + +#genericAbout[addontype="plugin"] #extensionIcon { + list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png"); +} + +#genericAbout[addontype="dictionary"] #extensionIcon { + list-style-image: url("chrome://mozapps/skin/extensions/dictionaryGeneric.png"); +} + +#extensionName { + font-size: 200%; + font-weight: bolder; +} + +#extensionVersion { + font-weight: bold; +} + +#extensionDescription { + margin-top: 4px; +} + +#groove { + margin-top: 8px; +} + +#extensionDetailsBox { + overflow: auto; + min-height: 100px; +} + +.boxIndent { + -moz-margin-start: 18px; +} + +#extensionCreator, .contributor { + margin: 0px; +} + +.sectionTitle { + padding: 2px 0px 3px 0px; + margin-top: 3px; + font-weight: bold; +} + diff --git a/arc-firefox-theme/chrome/mozapps/extensions/alerticon-error.png b/arc-firefox-theme/chrome/mozapps/extensions/alerticon-error.png Binary files differnew file mode 100644 index 0000000..8740e49 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/alerticon-error.png diff --git a/arc-firefox-theme/chrome/mozapps/extensions/alerticon-info-negative.png b/arc-firefox-theme/chrome/mozapps/extensions/alerticon-info-negative.png Binary files differnew file mode 100644 index 0000000..2c5f628 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/alerticon-info-negative.png diff --git a/arc-firefox-theme/chrome/mozapps/extensions/alerticon-info-positive.png b/arc-firefox-theme/chrome/mozapps/extensions/alerticon-info-positive.png Binary files differnew file mode 100644 index 0000000..a186c6b --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/alerticon-info-positive.png diff --git a/arc-firefox-theme/chrome/mozapps/extensions/alerticon-warning.png b/arc-firefox-theme/chrome/mozapps/extensions/alerticon-warning.png Binary files differnew file mode 100644 index 0000000..75ea826 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/alerticon-warning.png diff --git a/arc-firefox-theme/chrome/mozapps/extensions/blocklist.css b/arc-firefox-theme/chrome/mozapps/extensions/blocklist.css new file mode 100644 index 0000000..da92102 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/blocklist.css @@ -0,0 +1,20 @@ +/* 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/. */ + +richlistitem { + padding-top: 6px; + padding-bottom: 6px; + -moz-padding-start: 7px; + -moz-padding-end: 7px; + border-bottom: 1px solid #C0C0C0; +} + +.addonName { + font-weight: bold; +} + +.blockedLabel { + font-weight: bold; + font-style: italic; +} diff --git a/arc-firefox-theme/chrome/mozapps/extensions/cancel.png b/arc-firefox-theme/chrome/mozapps/extensions/cancel.png Binary files differnew file mode 100644 index 0000000..0d98ab2 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/cancel.png diff --git a/arc-firefox-theme/chrome/mozapps/extensions/category-available.png b/arc-firefox-theme/chrome/mozapps/extensions/category-available.png Binary files differnew file mode 100644 index 0000000..689d526 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/category-available.png diff --git a/arc-firefox-theme/chrome/mozapps/extensions/category-discover.png b/arc-firefox-theme/chrome/mozapps/extensions/category-discover.png Binary files differnew file mode 100644 index 0000000..ccea275 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/category-discover.png diff --git a/arc-firefox-theme/chrome/mozapps/extensions/category-extensions.png b/arc-firefox-theme/chrome/mozapps/extensions/category-extensions.png Binary files differnew file mode 100644 index 0000000..2ae95a5 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/category-extensions.png diff --git a/arc-firefox-theme/chrome/mozapps/extensions/category-plugins.png b/arc-firefox-theme/chrome/mozapps/extensions/category-plugins.png Binary files differnew file mode 100644 index 0000000..b253dd0 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/category-plugins.png diff --git a/arc-firefox-theme/chrome/mozapps/extensions/category-recent.png b/arc-firefox-theme/chrome/mozapps/extensions/category-recent.png Binary files differnew file mode 100644 index 0000000..9039b27 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/category-recent.png diff --git a/arc-firefox-theme/chrome/mozapps/extensions/category-search.png b/arc-firefox-theme/chrome/mozapps/extensions/category-search.png Binary files differnew file mode 100644 index 0000000..52e91a7 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/category-search.png diff --git a/arc-firefox-theme/chrome/mozapps/extensions/category-searchengines.png b/arc-firefox-theme/chrome/mozapps/extensions/category-searchengines.png Binary files differnew file mode 100644 index 0000000..b893cb4 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/category-searchengines.png diff --git a/arc-firefox-theme/chrome/mozapps/extensions/category-service.png b/arc-firefox-theme/chrome/mozapps/extensions/category-service.png Binary files differnew file mode 100644 index 0000000..997c854 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/category-service.png diff --git a/arc-firefox-theme/chrome/mozapps/extensions/category-themes.png b/arc-firefox-theme/chrome/mozapps/extensions/category-themes.png Binary files differnew file mode 100644 index 0000000..cde1c78 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/category-themes.png diff --git a/arc-firefox-theme/chrome/mozapps/extensions/dictionaryGeneric-16.png b/arc-firefox-theme/chrome/mozapps/extensions/dictionaryGeneric-16.png Binary files differnew file mode 100644 index 0000000..08a0447 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/dictionaryGeneric-16.png diff --git a/arc-firefox-theme/chrome/mozapps/extensions/dictionaryGeneric.png b/arc-firefox-theme/chrome/mozapps/extensions/dictionaryGeneric.png Binary files differnew file mode 100644 index 0000000..a1e0d53 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/dictionaryGeneric.png diff --git a/arc-firefox-theme/chrome/mozapps/extensions/discover-logo.png b/arc-firefox-theme/chrome/mozapps/extensions/discover-logo.png Binary files differnew file mode 100644 index 0000000..cd50735 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/discover-logo.png diff --git a/arc-firefox-theme/chrome/mozapps/extensions/eula.css b/arc-firefox-theme/chrome/mozapps/extensions/eula.css new file mode 100644 index 0000000..5fb2c52 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/eula.css @@ -0,0 +1,47 @@ +/* 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/. */ + +#icon { + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); + max-width: 48px; + max-height: 48px; + -moz-margin-end: 6px; +} + +#eula-dialog[addontype="theme"] #icon { + list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png"); +} + +#eula-dialog[addontype="locale"] #icon { + list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png"); +} + +#eula-dialog[addontype="plugin"] #icon { + list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png"); +} + +#eula-dialog[addontype="dictionary"] #icon { + list-style-image: url("chrome://mozapps/skin/extensions/dictionaryGeneric.png"); +} + +#heading-container { + -moz-box-align: center; +} + +#heading { + font-size: 120%; +} + +#eula { + -moz-appearance: none; + color: -moz-FieldText; + background-color: -moz-Field; + margin: 1em; + border: 1px solid; + -moz-border-top-colors: ActiveBorder; + -moz-border-right-colors: ActiveBorder; + -moz-border-bottom-colors: ActiveBorder; + -moz-border-left-colors: ActiveBorder; +} + diff --git a/arc-firefox-theme/chrome/mozapps/extensions/experimentGeneric.png b/arc-firefox-theme/chrome/mozapps/extensions/experimentGeneric.png Binary files differnew file mode 100644 index 0000000..a9d0054 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/experimentGeneric.png diff --git a/arc-firefox-theme/chrome/mozapps/extensions/extensionGeneric-16.png b/arc-firefox-theme/chrome/mozapps/extensions/extensionGeneric-16.png Binary files differnew file mode 100644 index 0000000..b1a2f36 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/extensionGeneric-16.png diff --git a/arc-firefox-theme/chrome/mozapps/extensions/extensionGeneric.png b/arc-firefox-theme/chrome/mozapps/extensions/extensionGeneric.png Binary files differnew file mode 100644 index 0000000..2ae95a5 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/extensionGeneric.png diff --git a/arc-firefox-theme/chrome/mozapps/extensions/extensions.css b/arc-firefox-theme/chrome/mozapps/extensions/extensions.css new file mode 100644 index 0000000..c91607c --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/extensions.css @@ -0,0 +1,1092 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@import url("chrome://global/skin/in-content/common.css"); + +.main-content { + padding-top: 0; + -moz-padding-end: 0; +} + +#nav-header { + min-height: 39px; + background-color: #424f5a; +} + +.view-pane > .list > scrollbox { + -moz-padding-end: 48px; +} + + +/*** global warnings ***/ + +.global-warning-container { + overflow-x: hidden; +} + +.global-warning { + -moz-box-align: center; + padding: 0 8px; + color: #916D15; + font-weight: bold; +} + +#addons-page[warning] .global-warning-container { + background-color: rgba(255, 255, 0, 0.1); + background-image: url("chrome://mozapps/skin/extensions/stripes-warning.png"); + background-repeat: repeat-x; +} + +#detail-view .global-warning { + padding: 4px 12px; + border-bottom: 1px solid #c1c1c1; +} + +@media (max-width: 600px) { + .global-warning-text { + display: none; + } + + .global-warning .warning-icon { + background-color: #fff; + box-shadow: 0 0 2px 5px #fff; + border-radius: 10px; + } +} + +/*** global informations ***/ + +/* Plugins aren't yet disabled by safemode (bug 342333), + so don't show that warning when viewing plugins. */ +#addons-page[warning="safemode"] .view-pane[type="plugin"] .global-warning-container, +#addons-page[warning="safemode"] #detail-view[loading="true"] .global-warning-container { + background-color: inherit; + background-image: none; +} + + +/*** notification icons ***/ + +.warning-icon, +.error-icon, +.pending-icon, +.info-icon { + width: 16px; + margin: 3px 0; +} + + +/*** view alert boxes ***/ + +.alert-container { + -moz-box-align: center; + -moz-margin-end: 48px; +} + +.alert-spacer-before { + -moz-box-flex: 1; +} + +.alert-spacer-after { + -moz-box-flex: 3; +} + +.alert { + -moz-box-align: center; + padding: 10px; + color: #333; + border: 1px solid #c1c1c1; + border-radius: 2px; + background-color: #ebebeb; +} + +.alert .alert-title { + font-weight: bold; + font-size: 200%; + margin-bottom: 15px; +} + +.alert button { + margin: 1em 2em; +} + +.loading { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); + padding-left: 20px; + padding-right: 20px; +} + + +/*** category selector ***/ + +#categories { + padding-top: 0; +} + +.category[disabled] { + overflow: hidden; + height: 0; + min-height: 0; + opacity: 0; + transition-property: min-height, opacity; + transition-duration: 1s, 0.8s; +} + +.category:not([disabled]) { + min-height: 40px; + transition-property: min-height, opacity; + transition-duration: 1s, 0.8s; +} + +/* Maximize the size of the viewport when the window is small */ +@media (max-width: 800px) { + .category-name { + display: none; + } +} + +.category-badge { + background-color: #55D4FF; + padding: 2px 8px; + margin: 6px 0; + -moz-margin-start: 6px; + border-radius: 100%; + color: #FFF; + font-weight: bold; + text-align: center; +} + +.category-badge[value="0"] { + display: none; +} + +#category-search > .category-icon { + list-style-image: url("chrome://mozapps/skin/extensions/category-search.png"); +} +#category-discover > .category-icon { + list-style-image: url("chrome://mozapps/skin/extensions/category-discover.png"); +} +#category-locale > .category-icon { + list-style-image: url("chrome://mozapps/skin/extensions/category-languages.png"); +} +#category-searchengine > .category-icon { + list-style-image: url("chrome://mozapps/skin/extensions/category-searchengines.png"); +} +#category-extension > .category-icon { + list-style-image: url("chrome://mozapps/skin/extensions/category-extensions.png"); +} +#category-service > .category-icon { + list-style-image: url("chrome://mozapps/skin/extensions/category-service.png"); +} +#category-theme > .category-icon { + list-style-image: url("chrome://mozapps/skin/extensions/category-themes.png"); +} +#category-plugin > .category-icon { + list-style-image: url("chrome://mozapps/skin/extensions/category-plugins.png"); +} +#category-dictionary > .category-icon { + list-style-image: url("chrome://mozapps/skin/extensions/category-dictionaries.png"); +} +#category-experiment > .category-icon { + list-style-image: url("chrome://mozapps/skin/extensions/category-experiments.png"); +} +#category-availableUpdates > .category-icon { + list-style-image: url("chrome://mozapps/skin/extensions/category-available.png"); +} +#category-recentUpdates > .category-icon { + list-style-image: url("chrome://mozapps/skin/extensions/category-recent.png"); +} + + +/*** header ***/ + +#header { + margin-top: 20px; + margin-bottom: 20px; + -moz-margin-end: 48px; +} + +@media (max-width: 600px) { + #header-search { + width: 12em; + } +} + +.view-header { + margin: 0; + -moz-margin-end: 48px; + border-bottom: 1px solid #c1c1c1; +} + +#header-utils-btn { + height: 30px; + line-height: 20px; + border-color: #c1c1c1; + background-color: #fbfbfb; + padding-right: 10px; + padding-left: 10px; +} + +#header-utils-btn:not([disabled="true"]):active:hover, +#header-utils-btn[open="true"] { + background-color: #dadada; +} + +.header-button { + -moz-appearance: none; + border: 1px solid; + border-radius: 2px; +} + +.header-button[disabled="true"] > .toolbarbutton-icon { + opacity: 0.4; +} + +.header-button:not([disabled="true"]):hover, +#header-utils-btn:not([disabled="true"]):hover { + background-color: #ebebeb; + cursor: pointer; +} + +.header-button > .toolbarbutton-text { + display: none; +} + +.nav-button { + list-style-image: url(chrome://mozapps/skin/extensions/navigation.png); + margin-top: 15px; + margin-bottom: 15px; + border-color: transparent; +} + +.nav-button:not([disabled="true"]):hover { + border-color: #ebebeb; +} + +#back-btn:-moz-locale-dir(ltr), +#forward-btn:-moz-locale-dir(rtl) { + -moz-image-region: rect(0, 18px, 18px, 0); +} + +#back-btn:-moz-locale-dir(rtl), +#forward-btn:-moz-locale-dir(ltr) { + -moz-image-region: rect(0, 36px, 18px, 18px); +} + + +/*** sorters ***/ + +.sort-controls { + -moz-appearance: none; +} + +.sorter { + height: 35px; + border: none; + border-radius: 0; + background-color: transparent; + color: #536680; + margin: 0; + min-width: 12px !important; + -moz-box-direction: reverse; +} + +.sorter .button-box { + padding-top: 0; + padding-bottom: 0; +} + +.sorter[checkState="1"], +.sorter[checkState="2"] { + background-color: #ebebeb; + box-shadow: 0 -4px 0 0 #ff9500 inset; +} + +.sorter .button-icon { + -moz-margin-start: 6px; +} + + +/*** discover view ***/ + +.discover-spacer-before, +.discover-spacer-after { + -moz-box-flex: 1; +} + +#discover-error .alert { + max-width: 45em; + -moz-box-flex: 1; +} + +.discover-logo { + list-style-image: url("chrome://mozapps/skin/extensions/discover-logo.png"); + -moz-margin-end: 15px; +} + +.discover-title { + font-weight: bold; + font-size: 24px; + font-family: MetaWebPro-Book, "Trebuchet MS", sans-serif; + margin: 0 0 15px 0; +} + +.discover-description { + text-align: justify; + margin: 0 0 15px 0; +} + +.discover-footer { + text-align: justify; +} + + +/*** list ***/ + +.list { + -moz-appearance: none; + margin: 0; + border-color: transparent; + background-color: transparent; +} + +.addon { + color: #444; + border-bottom: 1px solid #c1c1c1; + padding: 5px; + background-origin: border-box; +} + +.addon:not(:only-child):last-child { + border-bottom-width: 0; +} + +.details { + cursor: pointer; + margin: 0; + -moz-margin-start: 10px; +} + +.icon-container { + width: 48px; + height: 48px; + margin: 3px 7px; + -moz-box-align: center; + -moz-box-pack: center; +} + +.icon { + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); + max-width: 48px; + max-height: 48px; +} + +.content-inner-container { + -moz-margin-end: 5px; +} + +.addon[active="false"] .icon { + filter: grayscale(1); +} + +.addon-view[type="theme"] .icon { + list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png"); +} + +.addon-view[type="locale"] .icon { + list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png"); +} + +.addon-view[type="plugin"] .icon { + list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png"); +} + +.addon-view[type="dictionary"] .icon { + list-style-image: url("chrome://mozapps/skin/extensions/dictionaryGeneric.png"); +} + +.addon-view[type="experiment"] .icon { + list-style-image: url("chrome://mozapps/skin/extensions/experimentGeneric.png"); +} + +.name-container { + font-size: 150%; + font-weight: bold; + -moz-box-align: end; + -moz-box-flex: 1; +} + +.creator { + font-weight: bold; +} + +.description-container { + -moz-margin-start: 6px; + -moz-box-align: center; +} + +.description { + margin: 0; +} + +.warning, +.pending, +.error { + -moz-margin-start: 48px; + font-weight: bold; + -moz-box-align: center; +} + +.content-container, +.basicinfo-container { + -moz-box-align: start; +} + +.addon[status="installing"] > .content-container { + -moz-box-align: stretch; +} + +.update-info-container { + -moz-box-align: center; +} + +.update-available { + -moz-box-align: end; +} + +.install-status-container { + -moz-box-pack: end; + -moz-box-align: end; +} + +.name-outer-container { + -moz-box-pack: center; +} + +.relnotes-toggle-container, +.icon-outer-container { + -moz-box-pack: start; +} + +.status-container, +.control-container { + -moz-box-pack: end; +} + +.addon-view .warning { + color: #916d15; +} + +.addon-view .error { + color: #d74345; +} + +.addon-view .pending { + color: #1b7123; +} + +.addon-view[pending="disable"] .pending, +.addon-view[pending="uninstall"] .pending { + color: #62666e; +} + +.addon .relnotes-container { + -moz-box-align: start; + -moz-margin-start: 6px; + height: 0; + overflow: hidden; + opacity: 0; + transition-property: height, opacity; + transition-duration: 0.5s, 0.5s; +} + +.addon[show-relnotes] .relnotes-container { + opacity: 1; + transition-property: height, opacity; + transition-duration: 0.5s, 0.5s; +} + +.addon .relnotes-header { + font-weight: bold; + margin: 10px 0; +} + +.addon .relnotes-toggle { + -moz-appearance: none; + border: none; + background: transparent; + font-weight: bold; + cursor: pointer; +} + +.addon .relnotes-toggle > .button-box > .button-icon { + -moz-padding-start: 4px; +} + +.addon-view[notification="warning"] { + background-image: url("chrome://mozapps/skin/extensions/stripes-warning.png"), + linear-gradient(rgba(255, 255, 0, 0.04), + rgba(255, 255, 0, 0)); + background-repeat: repeat-x; +} + +.addon-view[notification="error"] { + background-image: url("chrome://mozapps/skin/extensions/stripes-error.png"), + linear-gradient(rgba(255, 0, 0, 0.04), + rgba(255, 0, 0, 0)); + background-repeat: repeat-x; +} + +.addon-view[pending="enable"], +.addon-view[pending="upgrade"], +.addon-view[pending="install"] { + background-image: url("chrome://mozapps/skin/extensions/stripes-info-positive.png"), + linear-gradient(rgba(0, 255, 0, 0.04), + rgba(0, 255, 0, 0)); + background-repeat: repeat-x; +} + +.addon-view[pending="disable"], +.addon-view[pending="uninstall"] { + background-image: url("chrome://mozapps/skin/extensions/stripes-info-negative.png"), + linear-gradient(rgba(128, 128, 128, 0.04), + rgba(128, 128, 128, 0)); + background-repeat: repeat-x; +} + +.addon[selected] { + background-color: #fafafa; + color: #333; + -moz-padding-start: 1px; /* compensate the 4px border */ + -moz-border-start: solid 4px #ff9500; +} + +.addon[active="false"] > .content-container > .content-inner-container { + color: #999; +} + +.addon[active="false"][selected] > .content-container > .content-inner-container { + color: #777; +} + + +/*** item - uninstalled ***/ + +.addon[status="uninstalled"] { + border: none; +} + +.addon[status="uninstalled"] > .container { + -moz-box-align: center; + padding: 4px 20px; + background-color: #FDFFA8; + border-radius: 8px; + font-size: 120%; +} + +.addon[status="uninstalled"][selected] { + background-color: transparent; +} + + +/*** search view ***/ + +#search-filter { + padding: 5px 20px; + -moz-margin-end: 48px; + font-size: 120%; + border-bottom: 1px solid #c1c1c1; + overflow-x: hidden; +} + +#search-filter-label { + font-weight: bold; + color: grey; + -moz-margin-end: 10px; +} + +#search-allresults-link { + margin-top: 1em; + margin-bottom: 2em; +} + + +/*** detail view ***/ + +#detail-view { + -moz-margin-end: 48px; +} + +#detail-view .loading { + opacity: 0; +} + +#detail-view[loading-extended] .loading { + opacity: 1; + transition-property: opacity; + transition-duration: 1s; +} + +.detail-view-container { + -moz-padding-end: 2em; + padding-bottom: 2em; + font-size: 110%; + color: #333; +} + +#detail-notifications { + margin-top: 1em; + margin-bottom: 2em; +} + +#detail-notifications .warning, +#detail-notifications .pending, +#detail-notifications .error { + -moz-margin-start: 0; +} + +#detail-icon-container { + width: 64px; + -moz-margin-end: 10px; + margin-top: 6px; +} + +#detail-icon { + max-width: 64px; + max-height: 64px; +} + +#detail-summary { + margin-bottom: 2em; +} + +#detail-name-container { + font-size: 200%; +} + +#detail-screenshot-box { + -moz-margin-end: 2em; + padding: 10px; + background-color: white; + box-shadow: 0 1px 2px #666; +} + +#detail-screenshot { + max-width: 300px; + max-height: 300px; +} + +#detail-screenshot[loading] { + background-image: url("chrome://global/skin/icons/loading_16.png"), + linear-gradient(rgba(255, 255, 255, 0.5), transparent); + background-position: 50% 50%; + background-repeat: no-repeat; + border-radius: 2px; +} + +#detail-screenshot[loading="error"] { + background-image: url("chrome://global/skin/media/error.png"), + linear-gradient(rgba(255, 255, 255, 0.5), transparent); +} + +#detail-desc-container { + margin-bottom: 2em; +} + +#detail-desc, #detail-fulldesc { + -moz-margin-start: 6px; + /* This is necessary to fix layout issues with multi-line descriptions, see + bug 592712*/ + outline: solid transparent; + white-space: pre-wrap; + min-width: 10em; +} + +#detail-fulldesc { + margin-top: 1em; +} + +#detail-contributions { + border-radius: 2px; + border: 1px solid #D2DBE8; + margin-bottom: 2em; + padding: 1em; + background-color: #F3F7FB; +} + +#detail-contrib-description { + font-style: italic; + margin-bottom: 1em; + color: #373D48; +} + +#detail-contrib-suggested { + color: grey; + font-weight: bold; +} + +#detail-contrib-btn { + color: #FFF; + text-shadow: none; + border: 1px solid #0095dd; + list-style-image: url("chrome://mozapps/skin/extensions/heart.png"); + background-color: #0095dd; +} + +#detail-contrib-btn .button-icon { + -moz-margin-end: 5px; +} + +#detail-contrib-btn:not(:active):hover { + border-color: #008acb; + background-color: #008acb; +} + +#detail-contrib-btn:active:hover { + background-color: #006b9d; + border-color: #006b9d; +} + +#detail-grid { + margin-bottom: 2em; +} + +#detail-grid > columns > column:first-child { + min-width: 15em; + max-width: 25em; +} + +.detail-row[first-row="true"], +.detail-row-complex[first-row="true"], +setting[first-row="true"] { + border-top: none; +} + +.detail-row, +.detail-row-complex, +setting { + border-top: 1px solid #c1c1c1; + -moz-box-align: center; + min-height: 35px; + font-size: 1.25rem; + line-height: 20px; + text-shadow: 0 1px 1px #fefffe; +} + +#detail-controls { + margin-bottom: 1em; +} + +setting[first-row="true"] { + margin-top: 2em; +} + +setting { + -moz-box-align: start; +} + +.preferences-alignment { + min-height: 30px; + -moz-box-align: center; +} + +.preferences-description { + font-size: 90.9%; + color: graytext; + margin-top: -2px; + -moz-margin-start: 2em; + white-space: pre-wrap; +} + +.preferences-description:empty { + display: none; +} + +setting[type="radio"] > radiogroup { + -moz-box-orient: horizontal; +} + + +/*** creator ***/ + +.creator > label { + -moz-margin-start: 0; + -moz-margin-end: 0; +} + +.creator > .text-link { + margin-top: 1px; + margin-bottom: 1px; +} + + +/*** rating ***/ + +.meta-rating { + -moz-margin-end: 0; + padding-top: 2px; +} + + +/*** download progress ***/ + +.download-progress { + border: 1px solid #c1c1c1; + border-radius: 2px; + background-color: #fbfbfb; + width: 200px; + height: 30px; + margin: 2px 4px; +} + +.download-progress[mode="undetermined"] { + border-color: #0095dd; +} + +.download-progress .start-cap, +.download-progress[complete] .end-cap, +.download-progress[mode="undetermined"] .end-cap, +.download-progress .progress .progress-bar { + -moz-appearance: none; + background-color: #0095dd; +} + +.download-progress .progress .progress-bar { + min-height: 28px; +} + +.download-progress .progress { + -moz-appearance: none; + background-color: transparent; + padding: 0; + margin: 0; + border: none; +} + +.download-progress .start-cap, +.download-progress .end-cap { + width: 4px; +} + +.download-progress .start-cap:-moz-locale-dir(ltr), +.download-progress .end-cap:-moz-locale-dir(rtl) { + border-radius: 1px 0 0 1px; +} + +.download-progress .end-cap:-moz-locale-dir(ltr), +.download-progress .start-cap:-moz-locale-dir(rtl) { + border-radius: 0 1px 1px 0; +} + +.download-progress .cancel { + -moz-appearance: none; + padding: 3px; + min-width: 0; + width: 20px; + height: 20px; + margin: 3px; +} + +.download-progress .cancel .button-box { + /* override in-content/common.css !important rule */ + padding: 0 !important; + border: none; +} + +.download-progress .cancel .button-text { + display: none; +} + +.download-progress .cancel .button-icon { + margin: 0; +} + +.download-progress .cancel { + list-style-image: url('chrome://mozapps/skin/extensions/cancel.png'); +} + +.download-progress .status-container { + -moz-box-align: center; +} + +.download-progress .status { + color: #333; + text-shadow: #fff 0 0 2px; +} + + +/*** install status ***/ + +.install-status { + -moz-box-align: center; +} + + +/*** check for updates ***/ + +#updates-container { + -moz-box-align: center; +} + +#updates-container .button-link { + font-weight: bold; +} + +#updates-installed, +#updates-downloaded { + color: #00BB00; + font-weight: bold; +} + +#update-selected { + margin: 12px; +} + + +/*** buttons ***/ + +.addon-control[disabled="true"]:not(.no-auto-hide) { + display: none; +} + +.no-auto-hide .addon-control { + display: block !important; +} + +button.button-link { + -moz-appearance: none; + background: transparent; + border: none; + box-shadow: none; + color: #0095dd; + cursor: pointer; + min-width: 0; + height: 20px; + margin: 0 6px; +} + +button.button-link:not(:-moz-focusring) > .button-box { + border-width: 0; + margin: 1px; +} + +button.button-link:hover { + background-color: transparent; + color: #178ce5; + text-decoration: underline; +} + +/* Needed to override normal button style from inContent.css */ +button.button-link:not([disabled="true"]):active:hover { + background-color: transparent; + color: #ff9500; + text-decoration: none; +} + + +/*** telemetry experiments ***/ + +#detail-experiment-container { + font-size: 80%; + margin-bottom: 1em; +} + +#detail-experiment-bullet-container, +#detail-experiment-state, +#detail-experiment-time, +.experiment-bullet-container, +.experiment-state, +.experiment-time { + vertical-align: middle; + display: inline-block; +} + +.addon .experiment-bullet, +#detail-experiment-bullet { + fill: rgb(158, 158, 158); +} + +.addon[active="true"] .experiment-bullet, +#detail-view[active="true"] #detail-experiment-bullet { + fill: rgb(106, 201, 20); +} + +/*** info UI for add-ons that have been disabled for being unsigned ***/ + +#show-disabled-unsigned-extensions:not(:hover) { + background-color: #fcf8ed; +} + +#disabled-unsigned-addons-info { + margin-bottom: 2em; + -moz-margin-end: 48px; +} + +#disabled-unsigned-addons-heading { + font-size: 1.4em; + font-weight: bold; + margin-bottom: .5em; +} + +#signing-dev-info { + font-style: italic; +} + +#header-utils-btn .toolbarbutton-icon { + list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities-native"); +} + +.warning-icon { + list-style-image: url("moz-icon://stock/gtk-dialog-warning?size=menu"); + height: 16px; +} + +.error-icon { + list-style-image: url("moz-icon://stock/gtk-dialog-error?size=menu"); + height: 16px; +} + +.pending-icon, +.info-icon { + list-style-image: url("moz-icon://stock/gtk-dialog-info?size=menu"); + height: 16px; +} + +.sorter[checkState="1"] .button-icon { + display: -moz-box; + list-style-image: url("moz-icon://stock/gtk-sort-descending?size=16"); +} + +.sorter[checkState="2"] .button-icon { + display: -moz-box; + list-style-image: url("moz-icon://stock/gtk-sort-ascending?size=16"); +} + +.addon .relnotes-toggle { + list-style-image: url("moz-icon://stock/gtk-go-down?size=16"); +} + +.addon .relnotes-toggle > .button-box > .button-icon { + display: -moz-box; +} + +.addon[show-relnotes] .relnotes-toggle { + list-style-image: url("moz-icon://stock/gtk-go-up?size=16"); +} + +.meta-rating[showrating="average"] > .star { + list-style-image: url("chrome://mozapps/skin/extensions/rating-not-won.png"); + padding: 0 1px; +} + +.meta-rating[showrating="user"] > .star { + list-style-image: url("chrome://mozapps/skin/extensions/rating-unrated.png"); + padding: 2px 3px; +} + +.meta-rating > .star[on="true"], +.meta-rating[showrating="user"] > .star[hover] { + list-style-image: url("chrome://mozapps/skin/extensions/rating-won.png"); + padding: 0 1px; +} diff --git a/arc-firefox-theme/chrome/mozapps/extensions/heart.png b/arc-firefox-theme/chrome/mozapps/extensions/heart.png Binary files differnew file mode 100644 index 0000000..655f4c4 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/heart.png diff --git a/arc-firefox-theme/chrome/mozapps/extensions/localeGeneric.png b/arc-firefox-theme/chrome/mozapps/extensions/localeGeneric.png Binary files differnew file mode 100644 index 0000000..c721159 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/localeGeneric.png diff --git a/arc-firefox-theme/chrome/mozapps/extensions/navigation.png b/arc-firefox-theme/chrome/mozapps/extensions/navigation.png Binary files differnew file mode 100644 index 0000000..67ff3d9 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/navigation.png diff --git a/arc-firefox-theme/chrome/mozapps/extensions/newaddon.css b/arc-firefox-theme/chrome/mozapps/extensions/newaddon.css new file mode 100644 index 0000000..5801a24 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/newaddon.css @@ -0,0 +1,112 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@import url("chrome://global/skin/in-content/common.css"); + +#addon-page { + font-size: 1.1em; +} + +#addon-scrollbox { + overflow: auto; + -moz-box-orient: vertical; + -moz-box-flex: 1; +} + +#spacer-start { + -moz-box-flex: 1; +} + +#spacer-end { + -moz-box-flex: 3; +} + +#addon-container { + overflow: visible; + max-width: 800px; + margin: 20px; + padding: 30px 90px; +} + +#addon-info { + -moz-box-align: start; + margin: 25px 10px; +} + +#icon { + margin-top: 8px; + -moz-margin-end: 10px; + max-width: 64px; + max-height: 64px; + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); +} + +.addon-info[type="theme"] #icon { + list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png"); +} + +.addon-info[type="locale"] #icon { + list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png"); +} + +.addon-info[type="plugin"] #icon { + list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png"); +} + +.addon-info[type="dictionary"] #icon { + list-style-image: url("chrome://mozapps/skin/extensions/dictionaryGeneric.png"); +} + +#name { + font-size: 130%; +} + +#author { + color: GrayText; +} + +#location { + color: GrayText; +} + +#warning { + margin-bottom: 25px; + -moz-box-align: start; +} + +#warning-icon { + list-style-image: url("chrome://mozapps/skin/extensions/alerticon-warning.png"); + width: 16px; + height: 15px; + margin-top: 5px; + -moz-margin-end: 5px; +} + +#allow { + -moz-margin-start: 84px; + margin-bottom: 20px; +} + +#continuePanel, +#restartPanel { + margin-top: 25px; + -moz-box-pack: end; + -moz-box-align: center; +} + +#continuePanel { + -moz-box-pack: end; +} + +#restartMessage { + text-align: right; +} + +#restartSpacer { + -moz-box-flex: 1; +} + +#later { + color: GrayText; +} diff --git a/arc-firefox-theme/chrome/mozapps/extensions/rating-not-won.png b/arc-firefox-theme/chrome/mozapps/extensions/rating-not-won.png Binary files differnew file mode 100644 index 0000000..2761f19 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/rating-not-won.png diff --git a/arc-firefox-theme/chrome/mozapps/extensions/rating-won.png b/arc-firefox-theme/chrome/mozapps/extensions/rating-won.png Binary files differnew file mode 100644 index 0000000..336dd8f --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/rating-won.png diff --git a/arc-firefox-theme/chrome/mozapps/extensions/selectAddons.css b/arc-firefox-theme/chrome/mozapps/extensions/selectAddons.css new file mode 100644 index 0000000..8a94a6c --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/selectAddons.css @@ -0,0 +1,162 @@ +/* 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/. */ + +#view-deck { + background: Window; +} + +.heading { + font-size: 270%; + text-align: center; + margin: 0 100px; +} + +.progress { + margin: 10px 128px; +} + +.progress-label, +#errors-description { + text-align: center; + margin: 0 10px; +} + +#checking-heading, +#update-heading, +#errors-heading { + margin-top: 90px; +} + +#select-heading, +#confirm-heading { + margin-top: 10px; + margin-bottom: 10px; + text-align: center; +} + +#select-description, +#confirm-description { + margin: 10px; +} + +#select-list { + border-top: 1px solid WindowFrame; + background-color: Window; +} + +#select-grid column { + -moz-box-align: center; +} + +#select-grid row { + -moz-box-align: stretch; +} + +#select-grid row:nth-of-type(odd) { + background-color: -moz-oddtreerow; +} + +#select-grid label, +#select-grid checkbox { + margin-top: 0; + margin-bottom: 0; +} + +.select-cell { + -moz-box-align: center; + -moz-box-pack: start; +} + +#select-header .select-cell { + -moz-appearance: treeheadercell; + box-sizing: border-box; +} + +.select-keep { + -moz-box-pack: center; +} + +.select-keep .checkbox-label-box { + display: none; +} + +.select-keep .addon-keep-checkbox:-moz-focusring { + outline: 1px dotted ThreeDDarkShadow; +} + +.select-icon { + width: 20px; +} + +#select-grid separator { + display: none; +} + +.addon-name, +.addon-action-message, +.addon-action-update { + box-sizing: border-box; + margin: 0; + padding-top: 1px; + padding-bottom: 2px; + -moz-padding-start: 6px; + -moz-padding-end: 5px; +} + +.addon:not([active]) .addon-name, +.addon:not([active]) .addon-action-message, +.addon:not([active]) .addon-action-update { + color: GrayText; +} + +.addon-icon { + height: 16px; + width: 16px; + margin: 2px; + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png"); +} + +.addon-icon[type="theme"] { + list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric-16.png"); +} + +.addon-icon[type="plugin"] { + list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric-16.png"); +} + +.addon-icon[type="dictionary"] { + list-style-image: url("chrome://mozapps/skin/extensions/dictionaryGeneric-16.png"); +} + +.action-list { + margin-top: 10px; + -moz-margin-start: 5em; +} + +.action-header { + margin-bottom: 10px; +} + +#confirm .addon { + -moz-margin-start: 3em; + -moz-box-align: center; +} + +.addon:not([active]) .addon-icon, +#disable-list .addon-icon, +#incompatible-list .addon-icon { + filter: grayscale(1); +} + +#footer { + padding: 15px 12px; + border-top: 2px solid; + -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow; +} + +.progress-label, +#footer-label { + font-style: italic; + color: GrayText; +} diff --git a/arc-firefox-theme/chrome/mozapps/extensions/stripes-error.png b/arc-firefox-theme/chrome/mozapps/extensions/stripes-error.png Binary files differnew file mode 100644 index 0000000..1dc2d85 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/stripes-error.png diff --git a/arc-firefox-theme/chrome/mozapps/extensions/stripes-info-negative.png b/arc-firefox-theme/chrome/mozapps/extensions/stripes-info-negative.png Binary files differnew file mode 100644 index 0000000..901ab1e --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/stripes-info-negative.png diff --git a/arc-firefox-theme/chrome/mozapps/extensions/stripes-info-positive.png b/arc-firefox-theme/chrome/mozapps/extensions/stripes-info-positive.png Binary files differnew file mode 100644 index 0000000..370ceec --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/stripes-info-positive.png diff --git a/arc-firefox-theme/chrome/mozapps/extensions/stripes-warning.png b/arc-firefox-theme/chrome/mozapps/extensions/stripes-warning.png Binary files differnew file mode 100644 index 0000000..69463fb --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/stripes-warning.png diff --git a/arc-firefox-theme/chrome/mozapps/extensions/themeGeneric-16.png b/arc-firefox-theme/chrome/mozapps/extensions/themeGeneric-16.png Binary files differnew file mode 100644 index 0000000..019886f --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/themeGeneric-16.png diff --git a/arc-firefox-theme/chrome/mozapps/extensions/themeGeneric.png b/arc-firefox-theme/chrome/mozapps/extensions/themeGeneric.png Binary files differnew file mode 100644 index 0000000..cde1c78 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/themeGeneric.png diff --git a/arc-firefox-theme/chrome/mozapps/extensions/update.css b/arc-firefox-theme/chrome/mozapps/extensions/update.css new file mode 100644 index 0000000..d35438a --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/update.css @@ -0,0 +1,26 @@ +/* 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/. */ + +#alert { + list-style-image: url("chrome://mozapps/skin/update/update.png"); +} + +.throbber { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); + width: 16px; + height: 16px; + margin-top: 5px; + margin-bottom: 5px; + -moz-margin-start: 5px; + -moz-margin-end: 2px; +} + +.alertBox { + background-color: InfoBackground; + color: InfoText; + border: 1px outset InfoBackground; + margin-left: 3px; + margin-right: 3px; + padding: 5px; +} diff --git a/arc-firefox-theme/chrome/mozapps/extensions/utilities.svg b/arc-firefox-theme/chrome/mozapps/extensions/utilities.svg new file mode 100644 index 0000000..fd91100 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/extensions/utilities.svg @@ -0,0 +1,25 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + x="0" + y="0" + width="16" + height="16" + viewBox="0 0 16 16"> + <style> + use:not(:target) { + display: none; + } + use { + fill: #424f5a; + } + use[id$="-native"] { + fill: GrayText; + } + </style> + <defs style="display: none;"> + <path id="utilities-shape" d="m11.5,13.9l-.6-1.5c.3-.2 .5-.4 .8-.6 .2-.2 .4-.5 .6-.7l1.5,.6c.3,.1 .6,0 .7-.3l.4-1c.1-.3 0-.6-.3-.7l-1.5-.6c.1-.6 .1-1.3 0-2l1.5-.6c.3-.1 .4-.4 .3-.7l-.4-1c-.1-.3-.4-.4-.7-.3l-1.5,.6c-.2-.3-.4-.5-.6-.8-.2-.1-.5-.3-.7-.5l.6-1.5c.1-.3 0-.6-.3-.7l-.9-.4c-.3-.1-.6,0-.7,.3l-.6,1.5c-.6-.1-1.3-.1-2,0l-.6-1.5c-.1-.3-.4-.4-.7-.3l-1,.4c-.2,.1-.3,.4-.2,.6l.6,1.5c-.3,.3-.5,.5-.8,.7-.2,.3-.4,.5-.6,.8l-1.5-.7c-.3-.1-.6,0-.7,.3l-.4,.9c-.1,.3 0,.6 .3,.7l1.5,.7c-.1,.6-.1,1.3 0,1.9l-1.5,.6c-.3,.1-.4,.4-.3,.7l.4,1c.1,.3 .4,.4 .7,.3l1.5-.6c.2,.3 .4,.5 .6,.8 .2,.2 .5,.4 .7,.6l-.6,1.5c-.1,.3 0,.6 .3,.7l1,.4c.3,.1 .6,0 .7-.3l.6-1.5c.6,.1 1.3,.1 2,0l.6,1.5c.1,.3 .4,.4 .7,.3l1-.4c.1-.1 .3-.4 .1-.7zm-5.1-4.2c-.9-.9-.9-2.4 0-3.3 .9-.9 2.4-.9 3.3,0 .9,.9 .9,2.4 0,3.3-.9,.9-2.4,.9-3.3,0z"/> + </defs> + <use id="utilities" xlink:href="#utilities-shape"/> + <use id="utilities-native" xlink:href="#utilities-shape"/> +</svg> diff --git a/arc-firefox-theme/chrome/mozapps/formautofill/requestAutocomplete.css b/arc-firefox-theme/chrome/mozapps/formautofill/requestAutocomplete.css new file mode 100644 index 0000000..7ddd77c --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/formautofill/requestAutocomplete.css @@ -0,0 +1,11 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@import url("chrome://global/skin/in-content/common.css"); + +:root { + height: 100%; + width: 100%; + padding: 0; +} diff --git a/arc-firefox-theme/chrome/mozapps/handling/handling.css b/arc-firefox-theme/chrome/mozapps/handling/handling.css new file mode 100644 index 0000000..d07bdc9 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/handling/handling.css @@ -0,0 +1,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/. */ + +#description-image:not([src]) { + height: 32px; + width: 32px; +} + +richlistitem[type] { + min-height: 36px; /* Don't forget to update the richlistbox height! */ + -moz-padding-start: 2px; + } + +richlistitem { + -moz-box-align: center; +} + +richlistbox { + /* 3 items high, plus 4px for top and bottom margins, less 2px for border */ + min-height: 110px; +} + +.name { + font-weight: bold; +} + +.description { + color: GrayText; +} diff --git a/arc-firefox-theme/chrome/mozapps/passwordmgr/key-16.png b/arc-firefox-theme/chrome/mozapps/passwordmgr/key-16.png Binary files differnew file mode 100644 index 0000000..9472be0 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/passwordmgr/key-16.png diff --git a/arc-firefox-theme/chrome/mozapps/passwordmgr/key-64.png b/arc-firefox-theme/chrome/mozapps/passwordmgr/key-64.png Binary files differnew file mode 100644 index 0000000..c300a26 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/passwordmgr/key-64.png diff --git a/arc-firefox-theme/chrome/mozapps/passwordmgr/key.png b/arc-firefox-theme/chrome/mozapps/passwordmgr/key.png Binary files differnew file mode 100644 index 0000000..b5e8afe --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/passwordmgr/key.png diff --git a/arc-firefox-theme/chrome/mozapps/places/defaultFavicon.png b/arc-firefox-theme/chrome/mozapps/places/defaultFavicon.png Binary files differnew file mode 100644 index 0000000..b559061 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/places/defaultFavicon.png diff --git a/arc-firefox-theme/chrome/mozapps/places/defaultFavicon@2x.png b/arc-firefox-theme/chrome/mozapps/places/defaultFavicon@2x.png Binary files differnew file mode 100644 index 0000000..052bfd3 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/places/defaultFavicon@2x.png diff --git a/arc-firefox-theme/chrome/mozapps/plugins/contentPluginActivate.png b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginActivate.png Binary files differnew file mode 100644 index 0000000..31351dc --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginActivate.png diff --git a/arc-firefox-theme/chrome/mozapps/plugins/contentPluginBlocked.png b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginBlocked.png Binary files differnew file mode 100644 index 0000000..1e092bf --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginBlocked.png diff --git a/arc-firefox-theme/chrome/mozapps/plugins/contentPluginClose.png b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginClose.png Binary files differnew file mode 100644 index 0000000..61eb558 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginClose.png diff --git a/arc-firefox-theme/chrome/mozapps/plugins/contentPluginCrashed.png b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginCrashed.png Binary files differnew file mode 100644 index 0000000..89d3e91 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginCrashed.png diff --git a/arc-firefox-theme/chrome/mozapps/plugins/contentPluginDisabled.png b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginDisabled.png Binary files differnew file mode 100644 index 0000000..b8b6a10 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginDisabled.png diff --git a/arc-firefox-theme/chrome/mozapps/plugins/contentPluginDownload.png b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginDownload.png Binary files differnew file mode 100644 index 0000000..714302d --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginDownload.png diff --git a/arc-firefox-theme/chrome/mozapps/plugins/contentPluginMissing.png b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginMissing.png Binary files differnew file mode 100644 index 0000000..9fb2eac --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginMissing.png diff --git a/arc-firefox-theme/chrome/mozapps/plugins/contentPluginStripe.png b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginStripe.png Binary files differnew file mode 100644 index 0000000..6035ee1 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginStripe.png diff --git a/arc-firefox-theme/chrome/mozapps/plugins/pluginBlocked-64.png b/arc-firefox-theme/chrome/mozapps/plugins/pluginBlocked-64.png Binary files differnew file mode 100644 index 0000000..3263cc1 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/plugins/pluginBlocked-64.png diff --git a/arc-firefox-theme/chrome/mozapps/plugins/pluginBlocked.png b/arc-firefox-theme/chrome/mozapps/plugins/pluginBlocked.png Binary files differnew file mode 100644 index 0000000..7238c8d --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/plugins/pluginBlocked.png diff --git a/arc-firefox-theme/chrome/mozapps/plugins/pluginGeneric-16.png b/arc-firefox-theme/chrome/mozapps/plugins/pluginGeneric-16.png Binary files differnew file mode 100644 index 0000000..34cabf8 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/plugins/pluginGeneric-16.png diff --git a/arc-firefox-theme/chrome/mozapps/plugins/pluginGeneric.png b/arc-firefox-theme/chrome/mozapps/plugins/pluginGeneric.png Binary files differnew file mode 100644 index 0000000..d9aef96 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/plugins/pluginGeneric.png diff --git a/arc-firefox-theme/chrome/mozapps/plugins/pluginHelp-16.png b/arc-firefox-theme/chrome/mozapps/plugins/pluginHelp-16.png Binary files differnew file mode 100644 index 0000000..9a577c0 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/plugins/pluginHelp-16.png diff --git a/arc-firefox-theme/chrome/mozapps/plugins/pluginProblem.css b/arc-firefox-theme/chrome/mozapps/plugins/pluginProblem.css new file mode 100644 index 0000000..100c5fc --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/plugins/pluginProblem.css @@ -0,0 +1,206 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace html url(http://www.w3.org/1999/xhtml); + +/* These styles affect only the bound element, not other page content. */ +/* Keep any changes to these styles in sync with plugin-doorhanger.inc.css */ +.mainBox { + font: message-box; + font-size: 12px; + text-align: center; + display: table; + width: 100%; + height: 100%; + background-color: rgb(72,72,72); + color: white; + -moz-user-select: none; +} + +.hoverBox { + display: table-cell; + box-sizing: border-box; + padding: 5px; + vertical-align: middle; + width: 100%; + height: 100%; +} +:-moz-handler-vulnerable-updatable .hoverBox:active, +:-moz-handler-vulnerable-no-update .hoverBox:active, +:-moz-handler-clicktoplay .hoverBox:active { + background-color: rgb(65, 65, 65); +} + +:-moz-handler-clicktoplay .hoverBox:active .msgTapToPlay, +:-moz-handler-clicktoplay .hoverBox:active .msgClickToPlay, +:-moz-handler-vulnerable-updatable .hoverBox:active .msgTapToPlay, +:-moz-handler-vulnerable-updatable .hoverBox:active .msgClickToPlay, +:-moz-handler-vulnerable-no-update .hoverBox:active .msgTapToPlay, +:-moz-handler-vulnerable-no-update .hoverBox:active .msgClickToPlay { + color: red; +} + +:-moz-handler-vulnerable-updatable .hoverBox, +:-moz-handler-vulnerable-no-update .hoverBox, +:-moz-handler-blocked .hoverBox, +:-moz-handler-crashed .hoverBox { + background-image: url(chrome://mozapps/skin/plugins/contentPluginStripe.png); +} + +html|a { + color: white; +} + +.icon { + width: 48px; + height: 48px; + background-position: center; + background-repeat: no-repeat; + border: none; + background-color: transparent; + -moz-user-focus: ignore; + margin-bottom: 6px; +} + +:-moz-type-unsupported .icon, +:-moz-type-unsupported-platform .icon { + background-image: url(chrome://mozapps/skin/plugins/contentPluginMissing.png); +} +:-moz-type-unsupported .icon[installable] { + background-image: url(chrome://mozapps/skin/plugins/contentPluginDownload.png); +} +:-moz-handler-vulnerable-updatable .icon, +:-moz-handler-vulnerable-no-update .icon { + background-image: url(chrome://mozapps/skin/plugins/contentPluginBlocked.png); + -moz-user-focus: normal; +} +:-moz-handler-blocked .icon { + background-image: url(chrome://mozapps/skin/plugins/contentPluginBlocked.png); +} +:-moz-handler-clicktoplay .icon { + background-image: url(chrome://mozapps/skin/plugins/contentPluginActivate.png); + -moz-user-focus: normal; +} +:-moz-handler-disabled .icon { + background-image: url(chrome://mozapps/skin/plugins/contentPluginDisabled.png); +} +:-moz-handler-crashed .icon { + background-image: url(chrome://mozapps/skin/plugins/contentPluginCrashed.png); +} + +.throbber { + padding-left: 16px; /* width of the background image */ + background: url(chrome://global/skin/icons/loading_16.png) no-repeat; + margin-left: 5px; +} + +.msgTapToPlay, +.msgClickToPlay { + text-decoration: underline; +} + +@media not all and (-moz-touch-enabled) { + :-moz-handler-clicktoplay .msgTapToPlay { + display: none; + } +} + +@media (-moz-touch-enabled) { + :-moz-handler-clicktoplay .msgClickToPlay { + display: none; + } +} + +.submitStatus div { + min-height: 19px; /* height of biggest line (with throbber) */ +} + +.submitComment { + width: 340px; + height: 70px; + padding: 5px; + border: none; + border-radius: 5px; + resize: none; + font-family: inherit; + font-size: inherit; +} + +.submitURLOptInBox { + text-align: start; +} + +.submitURLOptIn { + margin-left: -1px; +} + +.mainBox[chromedir="rtl"] .submitURLOptIn { + margin-left: 0; + margin-right: -1px; +} + +.submitButtonBox { + margin-top: 7px; +} + +.submitButton { + float: right; +} + +.mainBox[chromedir="rtl"] .submitButton { + float: left; +} + +.helpIcon { + display: inline-block; + min-width: 16px; + min-height: 16px; + background: url(chrome://mozapps/skin/plugins/pluginHelp-16.png) no-repeat; + cursor: pointer; + float: left; +} + +.mainBox[chromedir="rtl"] .helpIcon { + float: right; +} + +.closeIcon { + display: block; + width: 16px; + height: 16px; + margin-top: 4px; + -moz-margin-start: -20px; + -moz-margin-end: 4px; + border: none; + background-color: transparent; + background-image: url("chrome://mozapps/skin/plugins/contentPluginClose.png"); + background-repeat: no-repeat; +} + +.closeIcon:hover { + background-position: -16px 0; +} + +.closeIcon:hover:active { + background-position: -32px 0; +} + +.action-link { + display: inline-block; + border-radius: 10px; + background-color: rgb(35, 35, 35); + padding: 2px 8px; + margin-top: 7px; + text-decoration: none; +} +.action-link:active { + background-color: rgb(20, 20, 20); +} + +:-moz-handler-vulnerable-updatable .action-link { + background-color: #a81b0c; +} +:-moz-handler-vulnerable-updatable .action-link:active { + background-color: #801409; +} diff --git a/arc-firefox-theme/chrome/mozapps/profile/profileSelection.css b/arc-firefox-theme/chrome/mozapps/profile/profileSelection.css new file mode 100644 index 0000000..7e9495d --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/profile/profileSelection.css @@ -0,0 +1,25 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + + +@import url("chrome://global/skin/global.css"); + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +#profiles > listitem { + list-style-image: url("chrome://mozapps/skin/profile/profileicon.png"); +} + +#profiles > listitem > listcell > image { + width: 16px; + height: 16px; +} + +box#managebuttons > button { + min-width: 8em; +} + +#managebuttons { + padding-top: 1em; +} diff --git a/arc-firefox-theme/chrome/mozapps/profile/profileicon.png b/arc-firefox-theme/chrome/mozapps/profile/profileicon.png Binary files differnew file mode 100644 index 0000000..6a56793 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/profile/profileicon.png diff --git a/arc-firefox-theme/chrome/mozapps/update/downloadButtons.png b/arc-firefox-theme/chrome/mozapps/update/downloadButtons.png Binary files differnew file mode 100644 index 0000000..a5d0944 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/update/downloadButtons.png diff --git a/arc-firefox-theme/chrome/mozapps/update/updates.css b/arc-firefox-theme/chrome/mozapps/update/updates.css new file mode 100644 index 0000000..d376634 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/update/updates.css @@ -0,0 +1,161 @@ +/* General */ +/* Specify the size for the wizardpage so the billboard has a fixed size. 3rd + party themes should typically specify the same values. */ +wizardpage { + height: 360px; + width: 700px; +} + +/* Remove margin and padding so the billboard will extend to the edge of the + window. 3rd party themes should typically specify the same values. */ +#updates, .wizard-page-box { + margin: 0; + padding: 0; +} + +.update-header { + padding: 0px 10px; +} + +.update-content { + padding: 10px; +} + +.loadingBox { + padding: 3px 5px 3px 5px; +} + +.remoteLoadingThrobber { + margin-top: 3px; +} + +.remoteLoadingThrobber[state="loading"] { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); +} + +.remoteLoadingThrobber[state="error"] { + list-style-image: url("moz-icon://stock/gtk-dialog-error?size=menu"); +} + +.wizard-buttons-separator { + margin-top: 0 !important; +} + +#licenseContent, #incompatibleListbox { + -moz-margin-start: 6px; + -moz-margin-end: 6px; +} + +.inline-link { + color: -moz-nativehyperlinktext; + text-decoration: none; +} + +.inline-link:hover { + text-decoration: underline; +} + +/* Unsupported Page */ +#unsupportedLabel, #unsupportedLinkLabel { + -moz-margin-start: 0; + -moz-padding-start: 0; +} + +/* Update Found Basic Page */ +#updateName, #updateFinishedName { + font-weight: bold; + font-size: larger; +} + +/* License Page */ +#licenseContent { + -moz-appearance: listbox; +} + +/* Incompatible List Page */ +#incompatibleListbox { + margin-bottom: 6px; +} + +/* Downloading Page */ +#downloadStatusLine { + -moz-box-align: center; +} + +#downloadStatus { + height: 3em !important; +} + +#downloadStatusProgress { + padding-right: 5px; +} + +#pauseButton { + list-style-image: url("moz-icon://stock/gtk-media-pause?size=menu"); + -moz-appearance: none; + background-color: transparent; + border: none; + min-width: 0; + min-height: 0; + margin: 0; + padding: 0; +} + +/* !Important must be used otherwise this won't immediately take affect */ +#pauseButton > .button-box { + padding: 0 !important; +} + +#pauseButton[disabled="true"] { + list-style-image: url("moz-icon://stock/gtk-media-pause?size=menu&state=disabled"); +} + +#pauseButton[paused="true"] { + list-style-image: url("moz-icon://stock/gtk-media-play?size=menu"); +} + +#pauseButton[paused="true"][disabled="true"] { + list-style-image: url("moz-icon://stock/gtk-media-play?size=menu&state=disabled"); +} + +#verificationFailedIcon { + margin-left: 5px; + list-style-image: url("moz-icon://stock/gtk-dialog-warning?size=menu"); +} + +/* Error Page */ +#errorReason { + margin-top: 1px; + margin-bottom: 2px; + -moz-margin-start: 6px !important; + -moz-margin-end: 5px; + font-weight: bold; +} + +/* Update History Window */ +update { + border-bottom: 1px dotted #C0C0C0; +} + +.update-name { + font-weight: bold; +} + +.update-label-column { + -moz-box-align: end; +} + +.update-type { + font-weight: bold; + color: #990000; +} + +#historyItems { + -moz-appearance: listbox; + height: 200px; + margin: 1px 5px 4px 5px; +} + +#historyItems > scrollbox { + margin-bottom: 1px; +} diff --git a/arc-firefox-theme/chrome/mozapps/viewsource/viewsource.css b/arc-firefox-theme/chrome/mozapps/viewsource/viewsource.css new file mode 100644 index 0000000..5c33c73 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/viewsource/viewsource.css @@ -0,0 +1,122 @@ +/* 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/. */ + +/* Stock icons for the menu bar items */ +menuitem:not([type]) { + -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic"); +} + +#menu_savePage { + list-style-image: url("moz-icon://stock/gtk-save-as?size=menu"); +} + +#menu_printPreview { + list-style-image: url("moz-icon://stock/gtk-print-preview?size=menu"); +} + +#menu_print { + list-style-image: url("moz-icon://stock/gtk-print?size=menu"); +} + +#menu_close { + list-style-image: url("moz-icon://stock/gtk-close?size=menu"); +} + +#menu_undo { + list-style-image: url("moz-icon://stock/gtk-undo?size=menu"); +} + +#menu_undo[disabled] { + list-style-image: url("moz-icon://stock/gtk-undo?size=menu&state=disabled"); +} + +#menu_redo { + list-style-image: url("moz-icon://stock/gtk-redo?size=menu"); +} + +#menu_redo[disabled] { + list-style-image: url("moz-icon://stock/gtk-redo?size=menu&state=disabled"); +} + +#menu_cut { + list-style-image: url("moz-icon://stock/gtk-cut?size=menu"); +} + +#menu_cut[disabled] { + list-style-image: url("moz-icon://stock/gtk-cut?size=menu&state=disabled"); +} + +#cMenu_copy, +#menu_copy { + list-style-image: url("moz-icon://stock/gtk-copy?size=menu"); +} + +#menu_copy[disabled] { + list-style-image: url("moz-icon://stock/gtk-copy?size=menu&state=disabled"); +} + +#menu_paste { + list-style-image: url("moz-icon://stock/gtk-paste?size=menu"); +} + +#menu_paste[disabled] { + list-style-image: url("moz-icon://stock/gtk-paste?size=menu&state=disabled"); +} + +#menu_delete { + list-style-image: url("moz-icon://stock/gtk-delete?size=menu"); +} + +#menu_delete[disabled] { + list-style-image: url("moz-icon://stock/gtk-delete?size=menu&state=disabled"); +} + +#cMenu_selectAll, +#menu_selectAll { + list-style-image: url("moz-icon://stock/gtk-select-all?size=menu"); +} + +#menu_find { + list-style-image: url("moz-icon://stock/gtk-find?size=menu"); +} + +#menu_find[disabled] { + list-style-image: url("moz-icon://stock/gtk-find?size=menu&state=disabled"); +} + +#menu_goToLine { + list-style-image: url("moz-icon://stock/gtk-jump-to?size=menu"); +} + +#menu_goToLine[disabled] { + list-style-image: url("moz-icon://stock/gtk-jump-to?size=menu&state=disabled"); +} + +#menu_reload { + list-style-image: url("moz-icon://stock/gtk-refresh?size=menu"); +} + +#menu_reload[disabled] { + list-style-image: url("moz-icon://stock/gtk-refresh?size=menu&state=disabled"); +} + +#menu_textEnlarge { + list-style-image: url("moz-icon://stock/gtk-zoom-in?size=menu"); +} + +#menu_textReduce { + list-style-image: url("moz-icon://stock/gtk-zoom-out?size=menu"); +} + +#menu_textReset { + list-style-image: url("moz-icon://stock/gtk-zoom-100?size=menu"); +} + +#menu_openHelp { + list-style-image: url("moz-icon://stock/gtk-help?size=menu"); +} + +#aboutName { + list-style-image: url("moz-icon://stock/gtk-about?size=menu"); +} diff --git a/arc-firefox-theme/chrome/mozapps/xpinstall/xpinstallConfirm.css b/arc-firefox-theme/chrome/mozapps/xpinstall/xpinstallConfirm.css new file mode 100644 index 0000000..da6bae2 --- /dev/null +++ b/arc-firefox-theme/chrome/mozapps/xpinstall/xpinstallConfirm.css @@ -0,0 +1,96 @@ +/* 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/. */ + +#xpinstallheader { + margin-bottom: 2em; +} + +#itemList { + -moz-appearance: listbox; + margin: 3px 4px 10px 4px; + height: 14em; + border: 2px solid; + -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; + -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; + background-color: -moz-Field; + color: -moz-FieldText; +} + +#itemWarningIntro { + -moz-margin-start: 8px; +} + +#dialogContentBox { + padding: 5px; +} + +installitem { + padding-top: 5px; + padding-bottom: 5px; + -moz-padding-start: 5px; + -moz-padding-end: 0; + border-bottom: 1px dotted #C0C0C0; + margin-bottom: 5px; +} + +.alert-icon { + -moz-margin-end: 20px; +} + +.warning { + font-weight: bold; + font-size: 1.25em; + margin-bottom: 1em; +} + +.xpinstallIconContainer { + width: 32px; + height: 32px; + -moz-margin-end: 5px; +} + +.xpinstallItemName { + font-weight: bold; +} + +.xpinstallItemSigned { + font-style: italic; + font-size: 0.9em; +} + +.xpinstallItemURL { + -moz-appearance: none; + border: none; + padding: 0; + background-color: -moz-Field; + color: -moz-FieldText; + margin-top: 1px; + margin-bottom: 1px; + -moz-margin-start: 6px; + -moz-margin-end: 5px; +} + +.xpinstallItemIcon { + max-width: 32px; + max-height: 32px; + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); +} + +installitem[type="theme"] .xpinstallItemIcon { + list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png"); +} + +installitem[type="locale"] .xpinstallItemIcon { + list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png"); +} + +installitem[type="plugin"] .xpinstallItemIcon { + list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png"); +} + +installitem[type="dictionary"] .xpinstallItemIcon { + list-style-image: url("chrome://mozapps/skin/extensions/dictionaryGeneric.png"); +} |
