diff options
Diffstat (limited to 'arc-firefox-theme/chrome/global')
211 files changed, 7568 insertions, 0 deletions
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; +} |
