diff options
author | Matt A. Tobin <mattatobin@localhost.localdomain> | 2018-02-02 04:16:08 -0500 |
---|---|---|
committer | Matt A. Tobin <mattatobin@localhost.localdomain> | 2018-02-02 04:16:08 -0500 |
commit | 5f8de423f190bbb79a62f804151bc24824fa32d8 (patch) | |
tree | 10027f336435511475e392454359edea8e25895d /toolkit/themes/windows/global | |
parent | 49ee0794b5d912db1f95dce6eb52d781dc210db5 (diff) | |
download | UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.gz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.lz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.xz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.zip |
Add m-esr52 at 52.6.0
Diffstat (limited to 'toolkit/themes/windows/global')
170 files changed, 5484 insertions, 0 deletions
diff --git a/toolkit/themes/windows/global/alerts/alert.css b/toolkit/themes/windows/global/alerts/alert.css new file mode 100644 index 000000000..ce7f25912 --- /dev/null +++ b/toolkit/themes/windows/global/alerts/alert.css @@ -0,0 +1,53 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.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/alerts/alert-common.css"); + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +#alertNotification { + -moz-appearance: none; + background: transparent; + padding: 10px; +} + +#alertBox { + border: 1px solid ThreeDShadow; + border-radius: 1px; + background-color: -moz-Dialog; + color: -moz-DialogText; + box-shadow: 0 2px 10px rgba(0,0,0,0.59); +} + +.alertCloseButton { + -moz-appearance: none; + padding: 4px 2px; + border: none !important; +} + +.alertCloseBox { + /* The close button is larger on Windows and has a large + circle around it, so we add more space between the close + button and the edge of the window. */ + margin-inline-end: 2px; +} + +#alertSettings { + /* The close button is larger on Windows, so the + gear button is moved over to accomodate it and + keep the two buttons horizontally aligned together. */ + margin-inline-end: 5px; +} + +@media (-moz-windows-default-theme) { + #alertBox { + border-color: rgba(107,107,107,.3); + background-color: rgba(255,255,255,.9); + color: rgba(0,0,0,.9); + } +} diff --git a/toolkit/themes/windows/global/arrow.css b/toolkit/themes/windows/global/arrow.css new file mode 100644 index 000000000..1693b6df9 --- /dev/null +++ b/toolkit/themes/windows/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/toolkit/themes/windows/global/arrow/arrow-dn-dis.gif b/toolkit/themes/windows/global/arrow/arrow-dn-dis.gif Binary files differnew file mode 100644 index 000000000..222c7664e --- /dev/null +++ b/toolkit/themes/windows/global/arrow/arrow-dn-dis.gif diff --git a/toolkit/themes/windows/global/arrow/arrow-dn-hov.gif b/toolkit/themes/windows/global/arrow/arrow-dn-hov.gif Binary files differnew file mode 100644 index 000000000..b07a6d2a8 --- /dev/null +++ b/toolkit/themes/windows/global/arrow/arrow-dn-hov.gif diff --git a/toolkit/themes/windows/global/arrow/arrow-dn-sharp.gif b/toolkit/themes/windows/global/arrow/arrow-dn-sharp.gif Binary files differnew file mode 100644 index 000000000..57254bb88 --- /dev/null +++ b/toolkit/themes/windows/global/arrow/arrow-dn-sharp.gif diff --git a/toolkit/themes/windows/global/arrow/arrow-dn.gif b/toolkit/themes/windows/global/arrow/arrow-dn.gif Binary files differnew file mode 100644 index 000000000..a54e5437a --- /dev/null +++ b/toolkit/themes/windows/global/arrow/arrow-dn.gif diff --git a/toolkit/themes/windows/global/arrow/arrow-down.png b/toolkit/themes/windows/global/arrow/arrow-down.png Binary files differnew file mode 100644 index 000000000..8290b712c --- /dev/null +++ b/toolkit/themes/windows/global/arrow/arrow-down.png diff --git a/toolkit/themes/windows/global/arrow/arrow-lft-dis.gif b/toolkit/themes/windows/global/arrow/arrow-lft-dis.gif Binary files differnew file mode 100644 index 000000000..49c5b3fb5 --- /dev/null +++ b/toolkit/themes/windows/global/arrow/arrow-lft-dis.gif diff --git a/toolkit/themes/windows/global/arrow/arrow-lft-sharp-end.gif b/toolkit/themes/windows/global/arrow/arrow-lft-sharp-end.gif Binary files differnew file mode 100644 index 000000000..f324779b2 --- /dev/null +++ b/toolkit/themes/windows/global/arrow/arrow-lft-sharp-end.gif diff --git a/toolkit/themes/windows/global/arrow/arrow-lft-sharp.gif b/toolkit/themes/windows/global/arrow/arrow-lft-sharp.gif Binary files differnew file mode 100644 index 000000000..f276538aa --- /dev/null +++ b/toolkit/themes/windows/global/arrow/arrow-lft-sharp.gif diff --git a/toolkit/themes/windows/global/arrow/arrow-lft.gif b/toolkit/themes/windows/global/arrow/arrow-lft.gif Binary files differnew file mode 100644 index 000000000..f209383cc --- /dev/null +++ b/toolkit/themes/windows/global/arrow/arrow-lft.gif diff --git a/toolkit/themes/windows/global/arrow/arrow-rit-dis.gif b/toolkit/themes/windows/global/arrow/arrow-rit-dis.gif Binary files differnew file mode 100644 index 000000000..7b0e07b16 --- /dev/null +++ b/toolkit/themes/windows/global/arrow/arrow-rit-dis.gif diff --git a/toolkit/themes/windows/global/arrow/arrow-rit-sharp-end.gif b/toolkit/themes/windows/global/arrow/arrow-rit-sharp-end.gif Binary files differnew file mode 100644 index 000000000..903451b17 --- /dev/null +++ b/toolkit/themes/windows/global/arrow/arrow-rit-sharp-end.gif diff --git a/toolkit/themes/windows/global/arrow/arrow-rit-sharp.gif b/toolkit/themes/windows/global/arrow/arrow-rit-sharp.gif Binary files differnew file mode 100644 index 000000000..cf3608626 --- /dev/null +++ b/toolkit/themes/windows/global/arrow/arrow-rit-sharp.gif diff --git a/toolkit/themes/windows/global/arrow/arrow-rit.gif b/toolkit/themes/windows/global/arrow/arrow-rit.gif Binary files differnew file mode 100644 index 000000000..3abf3ad50 --- /dev/null +++ b/toolkit/themes/windows/global/arrow/arrow-rit.gif diff --git a/toolkit/themes/windows/global/arrow/arrow-up-dis.gif b/toolkit/themes/windows/global/arrow/arrow-up-dis.gif Binary files differnew file mode 100644 index 000000000..2b25b229a --- /dev/null +++ b/toolkit/themes/windows/global/arrow/arrow-up-dis.gif diff --git a/toolkit/themes/windows/global/arrow/arrow-up-hov.gif b/toolkit/themes/windows/global/arrow/arrow-up-hov.gif Binary files differnew file mode 100644 index 000000000..b8bd0f519 --- /dev/null +++ b/toolkit/themes/windows/global/arrow/arrow-up-hov.gif diff --git a/toolkit/themes/windows/global/arrow/arrow-up-sharp.gif b/toolkit/themes/windows/global/arrow/arrow-up-sharp.gif Binary files differnew file mode 100644 index 000000000..9f4e7a9d0 --- /dev/null +++ b/toolkit/themes/windows/global/arrow/arrow-up-sharp.gif diff --git a/toolkit/themes/windows/global/arrow/arrow-up.gif b/toolkit/themes/windows/global/arrow/arrow-up.gif Binary files differnew file mode 100644 index 000000000..b7a3f3228 --- /dev/null +++ b/toolkit/themes/windows/global/arrow/arrow-up.gif diff --git a/toolkit/themes/windows/global/arrow/panelarrow-horizontal-themed.svg b/toolkit/themes/windows/global/arrow/panelarrow-horizontal-themed.svg new file mode 100644 index 000000000..29e9c3dce --- /dev/null +++ b/toolkit/themes/windows/global/arrow/panelarrow-horizontal-themed.svg @@ -0,0 +1,8 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg xmlns="http://www.w3.org/2000/svg" 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/toolkit/themes/windows/global/arrow/panelarrow-horizontal.svg b/toolkit/themes/windows/global/arrow/panelarrow-horizontal.svg new file mode 100644 index 000000000..40ffa2566 --- /dev/null +++ b/toolkit/themes/windows/global/arrow/panelarrow-horizontal.svg @@ -0,0 +1,8 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg xmlns="http://www.w3.org/2000/svg" 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/toolkit/themes/windows/global/arrow/panelarrow-vertical-themed.svg b/toolkit/themes/windows/global/arrow/panelarrow-vertical-themed.svg new file mode 100644 index 000000000..0bd6073cc --- /dev/null +++ b/toolkit/themes/windows/global/arrow/panelarrow-vertical-themed.svg @@ -0,0 +1,8 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg xmlns="http://www.w3.org/2000/svg" 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/toolkit/themes/windows/global/arrow/panelarrow-vertical.svg b/toolkit/themes/windows/global/arrow/panelarrow-vertical.svg new file mode 100644 index 000000000..804869326 --- /dev/null +++ b/toolkit/themes/windows/global/arrow/panelarrow-vertical.svg @@ -0,0 +1,8 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg xmlns="http://www.w3.org/2000/svg" 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/toolkit/themes/windows/global/autocomplete.css b/toolkit/themes/windows/global/autocomplete.css new file mode 100644 index 000000000..79748f289 --- /dev/null +++ b/toolkit/themes/windows/global/autocomplete.css @@ -0,0 +1,179 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.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[nomatch="true"][highlightnonmatches="true"] { + color: red; +} + +.autocomplete-textbox-container { + -moz-box-align: center; +} + +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 { + -moz-appearance: none; + border-width: 1px; + -moz-border-top-colors: ThreeDShadow; + -moz-border-right-colors: ThreeDShadow; + -moz-border-bottom-colors: ThreeDShadow; + -moz-border-left-colors: ThreeDShadow; + padding: 0; + color: -moz-FieldText; + background-color: -moz-Field; +} + +.autocomplete-history-popup { + max-height: 180px; +} + +/* ::::: tree ::::: */ + +.autocomplete-tree { + -moz-appearance: none !important; + border: none !important; + background-color: transparent !important; +} + +.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 { + padding-inline-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: 0; +} + +.ac-type-icon { + width: 16px; + height: 16px; + max-width: 16px; + max-height: 16px; + margin-inline-start: 14px; + margin-inline-end: 6px; +} + +.ac-site-icon { + width: 16px; + height: 16px; + max-width: 16px; + max-height: 16px; + margin-inline-start: 0; + margin-inline-end: 11px; + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); +} + +.ac-site-icon[selected] { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon-inverted.png"); +} + +@media (min-resolution: 1.1dppx) { + .ac-site-icon { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon@2x.png"); + } + .ac-site-icon[selected] { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon-inverted@2x.png"); + } +} + +.ac-title { + margin-inline-start: 0; + margin-inline-end: 6px; +} + +html|span.ac-tag { + margin-inline-start: 0; + margin-inline-end: 2px; +} + +.ac-tags { + margin-inline-start: 0; + margin-inline-end: 4px; +} + +.ac-separator { + margin-inline-start: 0; + margin-inline-end: 6px; +} + +/* Better align the URL/action with the title. */ +.ac-tags, +.ac-separator, +.ac-url, +.ac-action { + margin-bottom: -2px; +} + +.ac-title-text, +.ac-tags-text, +.ac-separator-text, +.ac-url-text, +.ac-action-text, +.ac-text-overflow-container { + padding: 0 !important; + margin: 0 !important; +} + +/* ::::: 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/toolkit/themes/windows/global/button.css b/toolkit/themes/windows/global/button.css new file mode 100644 index 000000000..278339404 --- /dev/null +++ b/toolkit/themes/windows/global/button.css @@ -0,0 +1,158 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.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 { + border: 1px solid transparent; + padding-top: 1px; + padding-bottom: 2px; + padding-inline-start: 3px; + padding-inline-end: 4px; +} + +.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:-moz-focusring > .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; +} + +@media not all and (-moz-windows-default-theme) { + @media (-moz-windows-compositor) { + /* This is for high-contrast themes on Windows 8 and later */ + button[default="true"], + button:hover { + color: HighlightText; + } + } +} + +/* .......... 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; +} + +button:hover:active > .button-box:-moz-system-metric(windows-classic), +button[open="true"] > .button-box:-moz-system-metric(windows-classic), +button[checked="true"] > .button-box:-moz-system-metric(windows-classic) { + padding-top: 2px; + padding-bottom: 1px; + padding-inline-start: 4px; + padding-inline-end: 3px; +} + +/* .......... disabled state .......... */ + +button[disabled="true"] { + -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"]:-moz-system-metric(windows-classic) { + color: ThreeDShadow; + text-shadow: 1px 1px ThreeDHighlight; +} + +button[disabled="true"] > .button-box { + padding-top: 1px !important; + padding-bottom: 2px !important; + padding-inline-start: 3px !important; + padding-inline-end: 4px !important; +} + +/* ::::: menu/menu-button buttons ::::: */ + +button[type="menu-button"] { + margin: 0; + border: none; +} + +.button-menu-dropmarker, +.button-menubutton-dropmarker { + -moz-appearance: none !important; + margin: 1px; + background-color: transparent; + border: none; + width: 11px; + height: 11px; +} + +.button-menubutton-dropmarker[open="true"] { + margin-top: 2px; + margin-bottom: 0px; + margin-inline-start: 2px; + margin-inline-end: 0px; +} + +/* ::::: 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.svg#clsd"); + min-width: 0px !important; + background-color: transparent; +} + +button[type="disclosure"][open="true"] { + list-style-image: url("chrome://global/skin/tree/twisty.svg#open"); +} diff --git a/toolkit/themes/windows/global/checkbox.css b/toolkit/themes/windows/global/checkbox.css new file mode 100644 index 000000000..c7719bff2 --- /dev/null +++ b/toolkit/themes/windows/global/checkbox.css @@ -0,0 +1,86 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.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; + -moz-box-align: center; + margin: 2px 4px; + padding-top: 1px; + padding-bottom: 1px; + padding-inline-start: 4px; + padding-inline-end: 2px; +} + +.checkbox-label-box { + margin-inline-start: 2px; + border: 1px solid transparent; + padding: 0px 1px; +} + +.checkbox-icon { + margin-inline-end: 2px; +} + +.checkbox-label { + margin: 0 !important; +} + +/* ..... focused state ..... */ + +checkbox:-moz-focusring > .checkbox-label-box { + border: 1px dotted ThreeDDarkShadow; +} + +/* ..... disabled state ..... */ + +checkbox[disabled="true"] > .checkbox-check { + background-color: -moz-Dialog; +} + +checkbox[disabled="true"] { + color: GrayText; +} + +checkbox[disabled="true"]:-moz-system-metric(windows-classic) { + color: ThreeDShadow; + text-shadow: 1px 1px ThreeDHighlight; +} + +/* ::::: checkmark image ::::: */ + +.checkbox-check { + -moz-appearance: checkbox; + -moz-box-align: center; + 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:hover:active > .checkbox-check { + background-color: -moz-Dialog; +} + +/* ..... checked state ..... */ + +checkbox[checked="true"] > .checkbox-check { + background-image: url("chrome://global/skin/checkbox/cbox-check.gif"); +} + +checkbox[checked="true"][disabled="true"] > .checkbox-check { + background-image: url("chrome://global/skin/checkbox/cbox-check-dis.gif") !important +} + diff --git a/toolkit/themes/windows/global/checkbox/cbox-check-dis.gif b/toolkit/themes/windows/global/checkbox/cbox-check-dis.gif Binary files differnew file mode 100644 index 000000000..bd43dd17c --- /dev/null +++ b/toolkit/themes/windows/global/checkbox/cbox-check-dis.gif diff --git a/toolkit/themes/windows/global/checkbox/cbox-check.gif b/toolkit/themes/windows/global/checkbox/cbox-check.gif Binary files differnew file mode 100644 index 000000000..fa0b1964f --- /dev/null +++ b/toolkit/themes/windows/global/checkbox/cbox-check.gif diff --git a/toolkit/themes/windows/global/colorpicker.css b/toolkit/themes/windows/global/colorpicker.css new file mode 100644 index 000000000..dfab1e9ba --- /dev/null +++ b/toolkit/themes/windows/global/colorpicker.css @@ -0,0 +1,48 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* ===== 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; + padding: 3px; +} + +.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/toolkit/themes/windows/global/commonDialog.css b/toolkit/themes/windows/global/commonDialog.css new file mode 100644 index 000000000..3a1b9f43d --- /dev/null +++ b/toolkit/themes/windows/global/commonDialog.css @@ -0,0 +1,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/. */ + +#filler { + margin-inline-start: -8px; + margin-inline-end: -10px; +} diff --git a/toolkit/themes/windows/global/customizeToolbar.css b/toolkit/themes/windows/global/customizeToolbar.css new file mode 100644 index 000000000..3c11b9cbe --- /dev/null +++ b/toolkit/themes/windows/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/toolkit/themes/windows/global/datetimepicker.css b/toolkit/themes/windows/global/datetimepicker.css new file mode 100644 index 000000000..255210332 --- /dev/null +++ b/toolkit/themes/windows/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; + margin-inline-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; + padding-inline-start: 4px; + padding-inline-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/toolkit/themes/windows/global/dialog.css b/toolkit/themes/windows/global/dialog.css new file mode 100644 index 000000000..635425e61 --- /dev/null +++ b/toolkit/themes/windows/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; + padding-inline-start: 8px; + padding-inline-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; + margin-inline-start: -8px; + margin-inline-end: -10px; + border-left: none; + border-right: none; + border-top: none; + -moz-border-bottom-colors: ThreeDHighlight ThreeDShadow; + padding-top: 12px; + padding-bottom: 12px; + padding-inline-start: 25px; + padding-inline-end: 5px; + background-color: Window; + color: WindowText; +} + +.header-large > .dialogheader-title { + font: inherit; + font-weight: bold; +} + +.header-large > .dialogheader-description { + margin-inline-start: 12px !important; +} diff --git a/toolkit/themes/windows/global/dirListing/dirListing.css b/toolkit/themes/windows/global/dirListing/dirListing.css new file mode 100644 index 000000000..8677caf30 --- /dev/null +++ b/toolkit/themes/windows/global/dirListing/dirListing.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/. */ + +: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:dir(rtl) { + float: right; +} + +#UI_showHidden { + margin-top: 0; + float: right; +} + +#UI_showHidden: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; + margin-inline-start: 20px; +} + +.up::before { + margin-inline-end: 4px; + margin-inline-start: -20px; + vertical-align: middle; +%ifdef MOZ_WIDGET_GTK + content: url(moz-icon://stock/gtk-go-up?size=menu); +%else + content: url(chrome://global/skin/dirListing/up.png); +%endif +} + +.dir::before { +%ifdef MOZ_WIDGET_GTK + content: url(moz-icon://stock/gtk-directory?size=menu); +%else + content: url(chrome://global/skin/dirListing/folder.png); +%endif +} + diff --git a/toolkit/themes/windows/global/dirListing/folder-XP.png b/toolkit/themes/windows/global/dirListing/folder-XP.png Binary files differnew file mode 100644 index 000000000..102de5196 --- /dev/null +++ b/toolkit/themes/windows/global/dirListing/folder-XP.png diff --git a/toolkit/themes/windows/global/dirListing/folder.png b/toolkit/themes/windows/global/dirListing/folder.png Binary files differnew file mode 100644 index 000000000..c266b012e --- /dev/null +++ b/toolkit/themes/windows/global/dirListing/folder.png diff --git a/toolkit/themes/windows/global/dirListing/local-XP.png b/toolkit/themes/windows/global/dirListing/local-XP.png Binary files differnew file mode 100644 index 000000000..99191f3a5 --- /dev/null +++ b/toolkit/themes/windows/global/dirListing/local-XP.png diff --git a/toolkit/themes/windows/global/dirListing/local.png b/toolkit/themes/windows/global/dirListing/local.png Binary files differnew file mode 100644 index 000000000..c5da02b7f --- /dev/null +++ b/toolkit/themes/windows/global/dirListing/local.png diff --git a/toolkit/themes/windows/global/dirListing/remote-XP.png b/toolkit/themes/windows/global/dirListing/remote-XP.png Binary files differnew file mode 100644 index 000000000..4febb764b --- /dev/null +++ b/toolkit/themes/windows/global/dirListing/remote-XP.png diff --git a/toolkit/themes/windows/global/dirListing/remote.png b/toolkit/themes/windows/global/dirListing/remote.png Binary files differnew file mode 100644 index 000000000..c7d01f841 --- /dev/null +++ b/toolkit/themes/windows/global/dirListing/remote.png diff --git a/toolkit/themes/windows/global/dirListing/up-XP.png b/toolkit/themes/windows/global/dirListing/up-XP.png Binary files differnew file mode 100644 index 000000000..851502d47 --- /dev/null +++ b/toolkit/themes/windows/global/dirListing/up-XP.png diff --git a/toolkit/themes/windows/global/dirListing/up.png b/toolkit/themes/windows/global/dirListing/up.png Binary files differnew file mode 100644 index 000000000..6c11509ce --- /dev/null +++ b/toolkit/themes/windows/global/dirListing/up.png diff --git a/toolkit/themes/windows/global/dropmarker.css b/toolkit/themes/windows/global/dropmarker.css new file mode 100644 index 000000000..34814abd4 --- /dev/null +++ b/toolkit/themes/windows/global/dropmarker.css @@ -0,0 +1,35 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.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; + width: 16px; + height: 16px; + -moz-box-align: center; + -moz-box-pack: center; + 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; + padding: 1px; + list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif"); + -moz-image-region: auto; +} + +dropmarker:hover:active:not([disabled="true"]) { + -moz-border-top-colors: ThreeDShadow ThreeDFace; + -moz-border-right-colors: ThreeDShadow ThreeDFace; + -moz-border-bottom-colors: ThreeDShadow ThreeDFace; + -moz-border-left-colors: ThreeDShadow ThreeDFace; + padding-top: 2px; + padding-bottom: 0px; + padding-inline-start: 2px; + padding-inline-end: 0px; +} + +dropmarker[disabled="true"] { + list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif"); +} diff --git a/toolkit/themes/windows/global/expander.css b/toolkit/themes/windows/global/expander.css new file mode 100644 index 000000000..92cb18dee --- /dev/null +++ b/toolkit/themes/windows/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; + padding-inline-start: 20px; + padding-inline-end: 5px; +} diff --git a/toolkit/themes/windows/global/filefield.css b/toolkit/themes/windows/global/filefield.css new file mode 100644 index 000000000..e22b64ec6 --- /dev/null +++ b/toolkit/themes/windows/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; + margin-inline-start: 1px; + margin-inline-end: 4px; +} + +.fileFieldLabel { + -moz-appearance: none; + background-color: transparent; + border: none; + margin: 0px; +} diff --git a/toolkit/themes/windows/global/findBar.css b/toolkit/themes/windows/global/findBar.css new file mode 100644 index 000000000..96115f193 --- /dev/null +++ b/toolkit/themes/windows/global/findBar.css @@ -0,0 +1,160 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.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 { + box-shadow: 0 1px 1px rgba(0,0,0,.1) inset; + background-image: linear-gradient(rgba(0,0,0,.15) 1px, rgba(255,255,255,.15) 1px); + background-size: 100% 2px; + background-repeat: no-repeat; + 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[noanim] { + transition-duration: 0s !important; + transition-delay: 0s !important; +} + +.findbar-container { + padding-inline-start: 8px; + padding-top: 4px; + padding-bottom: 4px; +} + +.findbar-closebutton { + margin-inline-start: 4px; + padding-inline-start: 0; + padding-inline-end: 8px; + border: none; + -moz-appearance: none; +} + + +/* Search field */ + +.findbar-textbox { + -moz-appearance: none; + border: 1px solid ThreeDShadow; + border-radius: 2px 0 0 2px; + margin: 0; + padding: 1px 5px; + width: 14em; +} + +.findbar-textbox:-moz-locale-dir(rtl) { + border-radius: 0 2px 2px 0; +} + +.findbar-textbox[focused="true"] { + border-color: Highlight; +} + +.findbar-textbox[status="notfound"] { + background-color: #f66; + color: white; +} + +.findbar-textbox[flash="true"] { + background-color: yellow; + color: black; +} + +.findbar-textbox.minimal { + border-radius: 2px; +} + +/* Buttons */ + +.findbar-find-previous, +.findbar-find-next { + margin-inline-start: 0; + -moz-appearance: none; + background: linear-gradient(rgba(255,255,255,.8) 1px, rgba(255,255,255,.4) 1px, rgba(255,255,255,.1)); + border: 1px solid ThreeDShadow; + padding: 1px 5px; + line-height: 1em; +} + +.findbar-find-previous:not([disabled]):active, +.findbar-find-next:not([disabled]):active { + background: rgba(23,50,76,.2); + box-shadow: 0 1px 2px rgba(10,31,51,.2) inset; +} + +.findbar-find-previous { + list-style-image: url(chrome://global/skin/icons/find-arrows.svg#glyph-find-previous); +} + +.findbar-find-next { + list-style-image: url(chrome://global/skin/icons/find-arrows.svg#glyph-find-next); +} + +.findbar-find-previous, +.findbar-find-previous:not([disabled]):active { + border-right: none; + border-left: none; +} + +.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-highlight, +.findbar-case-sensitive, +.findbar-entire-word { + margin-inline-start: 5px; +} + +.findbar-highlight > .toolbarbutton-icon, +.findbar-case-sensitive > .toolbarbutton-icon, +.findbar-entire-word > .toolbarbutton-icon { + display: none; +} + +.findbar-find-status, +.found-matches { + color: GrayText; + margin: 0 !important; + margin-inline-start: 12px !important; +} + +.find-status-icon[status="pending"] { + list-style-image: url("chrome://global/skin/icons/loading.png"); +} + +@media (min-resolution: 1.1dppx) { + .find-status-icon[status="pending"] { + width: 16px; + list-style-image: url("chrome://global/skin/icons/loading@2x.png"); + } +} diff --git a/toolkit/themes/windows/global/global.css b/toolkit/themes/windows/global/global.css new file mode 100644 index 000000000..20a190684 --- /dev/null +++ b/toolkit/themes/windows/global/global.css @@ -0,0 +1,404 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.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 ::::: */ + +radio { + -moz-binding: url("chrome://global/skin/globalBindings.xml#radio"); +} + +menulist > menupopup { + -moz-binding: url("chrome://global/content/bindings/popup.xml#popup-scrollbars"); +} + +/* ::::: Variables ::::: */ +:root { + --arrowpanel-padding: 10px; + --arrowpanel-background: -moz-field; + --arrowpanel-color: -moz-FieldText; + --arrowpanel-border-color: ThreeDShadow; +} + +/* ::::: 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; + padding-inline-start: 8px; + padding-inline-end: 10px; +} + +/* ::::: alert icons :::::*/ + +.message-icon, +.alert-icon, +.error-icon, +.question-icon { + width: 32px; + height: 32px; +} + +.message-icon { + list-style-image: url("chrome://global/skin/icons/information-32.png"); +} + +.alert-dialog #info\.icon, +.alert-icon { + list-style-image: url("chrome://global/skin/icons/Warning.png"); +} + +.error-icon { + list-style-image: url("chrome://global/skin/icons/Error.png"); +} + +.question-icon { + list-style-image: url("chrome://global/skin/icons/Question.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; +} + +statusbarpanel:not(.statusbar-resizerpanel):-moz-lwtheme { + -moz-appearance: none; + border-top-style: none; + border-bottom-style: none; + border-inline-start-style: none; +} + +.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; + -moz-appearance: toolbox; + border-bottom: 1px solid ThreeDShadow; + border-top: 1px solid ThreeDHighlight; +} + +sidebarheader > label { + padding-inline-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"] { + -moz-appearance: none; +} + +:root:-moz-lwtheme-darktext { + text-shadow: 0 -0.5px 1.5px white; +} + +:root:-moz-lwtheme-brighttext { + text-shadow: 1px 1px 1.5px black; +} + +statusbar:-moz-lwtheme, +sidebarheader:-moz-lwtheme { + -moz-appearance: none; + background: none; + border-style: none; +} + +.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; +} + +/* separators */ +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; + margin-inline-start: 6px; + margin-inline-end: 5px; +} + +description { + margin-bottom: 4px; +} + +label[disabled="true"] { + color: GrayText; +} + +label[disabled="true"]:-moz-system-metric(windows-classic) { + color: ThreeDShadow; + text-shadow: 1px 1px ThreeDHighlight; +} + +.tooltip-label { + margin: 0; +} + +.header { + font-weight: bold; +} + +.monospace { + font-family: monospace; +} + +.indent { + margin-inline-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; +} + +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; +%ifdef XP_WIN + background-position: right top; +%endif + -moz-appearance: none; +} + +.autoscroller[scrolldir="NS"] { +%ifdef XP_WIN + background-position: right center; +%else + background-position: left center; +%endif +} + +.autoscroller[scrolldir="EW"] { +%ifdef XP_WIN + background-position: right bottom; +%else + background-position: left bottom; +%endif +} + +/* :::::: Close button icons ::::: */ + +.close-icon { + list-style-image: url("chrome://global/skin/icons/close.png"); + -moz-image-region: rect(0, 20px, 20px, 0); +} + +.close-icon:hover { + -moz-image-region: rect(0, 40px, 20px, 20px); +} + +.close-icon:hover:active { + -moz-image-region: rect(0, 60px, 20px, 40px); +} + +.close-icon > .button-icon, +.close-icon > .button-box > .button-icon, +.close-icon > .toolbarbutton-icon { + width: 20px; +} + +@media (-moz-os-version: windows-xp), + (-moz-os-version: windows-vista), + (-moz-os-version: windows-win7) { + .close-icon { + -moz-image-region: rect(0, 16px, 16px, 0); + } + + .close-icon:hover { + -moz-image-region: rect(0, 32px, 16px, 16px); + } + + .close-icon:hover:active { + -moz-image-region: rect(0, 48px, 16px, 32px); + } + + .close-icon > .button-icon, + .close-icon > .button-box > .button-icon, + .close-icon > .toolbarbutton-icon { + width: 16px; + } +} + +@media (min-resolution: 1.1dppx) { + .close-icon { + list-style-image: url("chrome://global/skin/icons/close@2x.png"); + -moz-image-region: rect(0, 40px, 40px, 0); + } + + .close-icon:hover { + -moz-image-region: rect(0, 80px, 40px, 40px); + } + + .close-icon:hover:active { + -moz-image-region: rect(0, 120px, 40px, 80px); + } + + @media (-moz-os-version: windows-xp), + (-moz-os-version: windows-vista), + (-moz-os-version: windows-win7) { + .close-icon { + -moz-image-region: rect(0, 32px, 32px, 0); + } + + .close-icon:hover { + -moz-image-region: rect(0, 64px, 32px, 32px); + } + + .close-icon:hover:active { + -moz-image-region: rect(0, 96px, 32px, 64px); + } + } +} diff --git a/toolkit/themes/windows/global/globalBindings.xml b/toolkit/themes/windows/global/globalBindings.xml new file mode 100644 index 000000000..8daa8a2a1 --- /dev/null +++ b/toolkit/themes/windows/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/toolkit/themes/windows/global/groupbox.css b/toolkit/themes/windows/global/groupbox.css new file mode 100644 index 000000000..f07c6a542 --- /dev/null +++ b/toolkit/themes/windows/global/groupbox.css @@ -0,0 +1,37 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.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 { + -moz-appearance: groupbox; + border: 2px groove ThreeDFace; + border-radius: 3px; + margin: 3px; + padding: 3px 3px 6px; +} + +.groupbox-body { + padding: inherit; +} + +caption { + margin: 0 6px; + background-color: -moz-Dialog; +} + +tabpanels caption { + -moz-appearance: tabpanel; +} + +/* !important is needed to override label in global.css */ +.caption-text { + margin: 0 2px !important; +} diff --git a/toolkit/themes/windows/global/icons/Close.gif b/toolkit/themes/windows/global/icons/Close.gif Binary files differnew file mode 100644 index 000000000..358055b50 --- /dev/null +++ b/toolkit/themes/windows/global/icons/Close.gif diff --git a/toolkit/themes/windows/global/icons/Error-XP.png b/toolkit/themes/windows/global/icons/Error-XP.png Binary files differnew file mode 100644 index 000000000..59ad20d70 --- /dev/null +++ b/toolkit/themes/windows/global/icons/Error-XP.png diff --git a/toolkit/themes/windows/global/icons/Error.png b/toolkit/themes/windows/global/icons/Error.png Binary files differnew file mode 100644 index 000000000..bd4064f49 --- /dev/null +++ b/toolkit/themes/windows/global/icons/Error.png diff --git a/toolkit/themes/windows/global/icons/Landscape-XP.png b/toolkit/themes/windows/global/icons/Landscape-XP.png Binary files differnew file mode 100644 index 000000000..cc43abdf3 --- /dev/null +++ b/toolkit/themes/windows/global/icons/Landscape-XP.png diff --git a/toolkit/themes/windows/global/icons/Landscape.png b/toolkit/themes/windows/global/icons/Landscape.png Binary files differnew file mode 100644 index 000000000..925506c3b --- /dev/null +++ b/toolkit/themes/windows/global/icons/Landscape.png diff --git a/toolkit/themes/windows/global/icons/Minimize.gif b/toolkit/themes/windows/global/icons/Minimize.gif Binary files differnew file mode 100644 index 000000000..295003780 --- /dev/null +++ b/toolkit/themes/windows/global/icons/Minimize.gif diff --git a/toolkit/themes/windows/global/icons/Portrait-XP.png b/toolkit/themes/windows/global/icons/Portrait-XP.png Binary files differnew file mode 100644 index 000000000..ce36e8413 --- /dev/null +++ b/toolkit/themes/windows/global/icons/Portrait-XP.png diff --git a/toolkit/themes/windows/global/icons/Portrait.png b/toolkit/themes/windows/global/icons/Portrait.png Binary files differnew file mode 100644 index 000000000..fb7e18d5e --- /dev/null +++ b/toolkit/themes/windows/global/icons/Portrait.png diff --git a/toolkit/themes/windows/global/icons/Print-preview-XP.png b/toolkit/themes/windows/global/icons/Print-preview-XP.png Binary files differnew file mode 100644 index 000000000..6f4736737 --- /dev/null +++ b/toolkit/themes/windows/global/icons/Print-preview-XP.png diff --git a/toolkit/themes/windows/global/icons/Print-preview.png b/toolkit/themes/windows/global/icons/Print-preview.png Binary files differnew file mode 100644 index 000000000..51c760159 --- /dev/null +++ b/toolkit/themes/windows/global/icons/Print-preview.png diff --git a/toolkit/themes/windows/global/icons/Question-XP.png b/toolkit/themes/windows/global/icons/Question-XP.png Binary files differnew file mode 100644 index 000000000..c10004078 --- /dev/null +++ b/toolkit/themes/windows/global/icons/Question-XP.png diff --git a/toolkit/themes/windows/global/icons/Question.png b/toolkit/themes/windows/global/icons/Question.png Binary files differnew file mode 100644 index 000000000..ed8d37112 --- /dev/null +++ b/toolkit/themes/windows/global/icons/Question.png diff --git a/toolkit/themes/windows/global/icons/Restore.gif b/toolkit/themes/windows/global/icons/Restore.gif Binary files differnew file mode 100644 index 000000000..cdc66e112 --- /dev/null +++ b/toolkit/themes/windows/global/icons/Restore.gif diff --git a/toolkit/themes/windows/global/icons/Search-close-XP.png b/toolkit/themes/windows/global/icons/Search-close-XP.png Binary files differnew file mode 100644 index 000000000..39d800e1a --- /dev/null +++ b/toolkit/themes/windows/global/icons/Search-close-XP.png diff --git a/toolkit/themes/windows/global/icons/Search-close.png b/toolkit/themes/windows/global/icons/Search-close.png Binary files differnew file mode 100644 index 000000000..7faca922a --- /dev/null +++ b/toolkit/themes/windows/global/icons/Search-close.png diff --git a/toolkit/themes/windows/global/icons/Search-glass-XP.png b/toolkit/themes/windows/global/icons/Search-glass-XP.png Binary files differnew file mode 100644 index 000000000..9eb0e259f --- /dev/null +++ b/toolkit/themes/windows/global/icons/Search-glass-XP.png diff --git a/toolkit/themes/windows/global/icons/Search-glass.png b/toolkit/themes/windows/global/icons/Search-glass.png Binary files differnew file mode 100644 index 000000000..16a75cf29 --- /dev/null +++ b/toolkit/themes/windows/global/icons/Search-glass.png diff --git a/toolkit/themes/windows/global/icons/Warning-XP.png b/toolkit/themes/windows/global/icons/Warning-XP.png Binary files differnew file mode 100644 index 000000000..c0ec9b519 --- /dev/null +++ b/toolkit/themes/windows/global/icons/Warning-XP.png diff --git a/toolkit/themes/windows/global/icons/Warning.png b/toolkit/themes/windows/global/icons/Warning.png Binary files differnew file mode 100644 index 000000000..ee5622f5a --- /dev/null +++ b/toolkit/themes/windows/global/icons/Warning.png diff --git a/toolkit/themes/windows/global/icons/autocomplete-search.svg b/toolkit/themes/windows/global/icons/autocomplete-search.svg new file mode 100644 index 000000000..7ecb20d00 --- /dev/null +++ b/toolkit/themes/windows/global/icons/autocomplete-search.svg @@ -0,0 +1,22 @@ +<?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" viewBox="0 0 16 16">
+ <style>
+ use:not(:target) {
+ display: none;
+ }
+ use {
+ fill: GrayText;
+ }
+ use[id$="-inverted"] {
+ fill: highlighttext;
+ }
+ </style>
+ <defs>
+ <path id="search" fill-rule="evenodd" d="M9.356,1.178c-3.014,0-5.458,2.45-5.458,5.472c0,1.086,0.32,2.096,0.864,2.947 l-3.279,3.287c-0.396,0.397-0.396,1.041,0,1.438l0.202,0.202c0.396,0.397,1.039,0.397,1.435,0l3.275-3.283 c0.854,0.554,1.869,0.88,2.962,0.88c3.014,0,5.458-2.45,5.458-5.471C14.814,3.627,12.371,1.178,9.356,1.178z M9.356,10.001 c-1.847,0-3.344-1.501-3.344-3.352c0-1.851,1.497-3.352,3.344-3.352c1.846,0,3.344,1.501,3.344,3.352 C12.7,8.501,11.203,10.001,9.356,10.001z"/>
+ </defs>
+ <use id="search-icon" xlink:href="#search"/>
+ <use id="search-icon-inverted" xlink:href="#search"/>
+</svg>
diff --git a/toolkit/themes/windows/global/icons/autoscroll-XP.png b/toolkit/themes/windows/global/icons/autoscroll-XP.png Binary files differnew file mode 100644 index 000000000..6aac3d98e --- /dev/null +++ b/toolkit/themes/windows/global/icons/autoscroll-XP.png diff --git a/toolkit/themes/windows/global/icons/autoscroll.png b/toolkit/themes/windows/global/icons/autoscroll.png Binary files differnew file mode 100644 index 000000000..95794f822 --- /dev/null +++ b/toolkit/themes/windows/global/icons/autoscroll.png diff --git a/toolkit/themes/windows/global/icons/blacklist_favicon-XP.png b/toolkit/themes/windows/global/icons/blacklist_favicon-XP.png Binary files differnew file mode 100644 index 000000000..74af56f57 --- /dev/null +++ b/toolkit/themes/windows/global/icons/blacklist_favicon-XP.png diff --git a/toolkit/themes/windows/global/icons/blacklist_favicon.png b/toolkit/themes/windows/global/icons/blacklist_favicon.png Binary files differnew file mode 100644 index 000000000..4fa815157 --- /dev/null +++ b/toolkit/themes/windows/global/icons/blacklist_favicon.png diff --git a/toolkit/themes/windows/global/icons/blacklist_large-XP.png b/toolkit/themes/windows/global/icons/blacklist_large-XP.png Binary files differnew file mode 100644 index 000000000..96ff341c0 --- /dev/null +++ b/toolkit/themes/windows/global/icons/blacklist_large-XP.png diff --git a/toolkit/themes/windows/global/icons/blacklist_large.png b/toolkit/themes/windows/global/icons/blacklist_large.png Binary files differnew file mode 100644 index 000000000..acab997dd --- /dev/null +++ b/toolkit/themes/windows/global/icons/blacklist_large.png diff --git a/toolkit/themes/windows/global/icons/close-XPVista7.png b/toolkit/themes/windows/global/icons/close-XPVista7.png Binary files differnew file mode 100644 index 000000000..ea6ada49e --- /dev/null +++ b/toolkit/themes/windows/global/icons/close-XPVista7.png diff --git a/toolkit/themes/windows/global/icons/close-XPVista7@2x.png b/toolkit/themes/windows/global/icons/close-XPVista7@2x.png Binary files differnew file mode 100644 index 000000000..c25a64a4b --- /dev/null +++ b/toolkit/themes/windows/global/icons/close-XPVista7@2x.png diff --git a/toolkit/themes/windows/global/icons/close-inverted-XPVista7.png b/toolkit/themes/windows/global/icons/close-inverted-XPVista7.png Binary files differnew file mode 100644 index 000000000..68596a307 --- /dev/null +++ b/toolkit/themes/windows/global/icons/close-inverted-XPVista7.png diff --git a/toolkit/themes/windows/global/icons/close-inverted-XPVista7@2x.png b/toolkit/themes/windows/global/icons/close-inverted-XPVista7@2x.png Binary files differnew file mode 100644 index 000000000..eec52e6d1 --- /dev/null +++ b/toolkit/themes/windows/global/icons/close-inverted-XPVista7@2x.png diff --git a/toolkit/themes/windows/global/icons/close-inverted.png b/toolkit/themes/windows/global/icons/close-inverted.png Binary files differnew file mode 100644 index 000000000..0e815805d --- /dev/null +++ b/toolkit/themes/windows/global/icons/close-inverted.png diff --git a/toolkit/themes/windows/global/icons/close-inverted@2x.png b/toolkit/themes/windows/global/icons/close-inverted@2x.png Binary files differnew file mode 100644 index 000000000..79d6e872c --- /dev/null +++ b/toolkit/themes/windows/global/icons/close-inverted@2x.png diff --git a/toolkit/themes/windows/global/icons/close.png b/toolkit/themes/windows/global/icons/close.png Binary files differnew file mode 100644 index 000000000..1a79a875b --- /dev/null +++ b/toolkit/themes/windows/global/icons/close.png diff --git a/toolkit/themes/windows/global/icons/close@2x.png b/toolkit/themes/windows/global/icons/close@2x.png Binary files differnew file mode 100644 index 000000000..3cc9ea2a7 --- /dev/null +++ b/toolkit/themes/windows/global/icons/close@2x.png diff --git a/toolkit/themes/windows/global/icons/collapse.png b/toolkit/themes/windows/global/icons/collapse.png Binary files differnew file mode 100644 index 000000000..c688dc6ed --- /dev/null +++ b/toolkit/themes/windows/global/icons/collapse.png diff --git a/toolkit/themes/windows/global/icons/error-16-XP.png b/toolkit/themes/windows/global/icons/error-16-XP.png Binary files differnew file mode 100644 index 000000000..936d2abeb --- /dev/null +++ b/toolkit/themes/windows/global/icons/error-16-XP.png diff --git a/toolkit/themes/windows/global/icons/error-16.png b/toolkit/themes/windows/global/icons/error-16.png Binary files differnew file mode 100644 index 000000000..54b57405b --- /dev/null +++ b/toolkit/themes/windows/global/icons/error-16.png diff --git a/toolkit/themes/windows/global/icons/error-64-XP.png b/toolkit/themes/windows/global/icons/error-64-XP.png Binary files differnew file mode 100644 index 000000000..75a00c490 --- /dev/null +++ b/toolkit/themes/windows/global/icons/error-64-XP.png diff --git a/toolkit/themes/windows/global/icons/error-64.png b/toolkit/themes/windows/global/icons/error-64.png Binary files differnew file mode 100644 index 000000000..a5b78a434 --- /dev/null +++ b/toolkit/themes/windows/global/icons/error-64.png diff --git a/toolkit/themes/windows/global/icons/expand.png b/toolkit/themes/windows/global/icons/expand.png Binary files differnew file mode 100644 index 000000000..246d5ee8b --- /dev/null +++ b/toolkit/themes/windows/global/icons/expand.png diff --git a/toolkit/themes/windows/global/icons/find-arrows.png b/toolkit/themes/windows/global/icons/find-arrows.png Binary files differnew file mode 100644 index 000000000..1a3a9dad5 --- /dev/null +++ b/toolkit/themes/windows/global/icons/find-arrows.png diff --git a/toolkit/themes/windows/global/icons/folder-item-XP.png b/toolkit/themes/windows/global/icons/folder-item-XP.png Binary files differnew file mode 100644 index 000000000..26cda98c9 --- /dev/null +++ b/toolkit/themes/windows/global/icons/folder-item-XP.png diff --git a/toolkit/themes/windows/global/icons/folder-item.png b/toolkit/themes/windows/global/icons/folder-item.png Binary files differnew file mode 100644 index 000000000..905ef0f4a --- /dev/null +++ b/toolkit/themes/windows/global/icons/folder-item.png diff --git a/toolkit/themes/windows/global/icons/information-16-XP.png b/toolkit/themes/windows/global/icons/information-16-XP.png Binary files differnew file mode 100644 index 000000000..aa8ce6e88 --- /dev/null +++ b/toolkit/themes/windows/global/icons/information-16-XP.png diff --git a/toolkit/themes/windows/global/icons/information-16.png b/toolkit/themes/windows/global/icons/information-16.png Binary files differnew file mode 100644 index 000000000..439379544 --- /dev/null +++ b/toolkit/themes/windows/global/icons/information-16.png diff --git a/toolkit/themes/windows/global/icons/information-24-XP.png b/toolkit/themes/windows/global/icons/information-24-XP.png Binary files differnew file mode 100644 index 000000000..7fa782d58 --- /dev/null +++ b/toolkit/themes/windows/global/icons/information-24-XP.png diff --git a/toolkit/themes/windows/global/icons/information-24.png b/toolkit/themes/windows/global/icons/information-24.png Binary files differnew file mode 100644 index 000000000..e23f9c3fe --- /dev/null +++ b/toolkit/themes/windows/global/icons/information-24.png diff --git a/toolkit/themes/windows/global/icons/information-32-XP.png b/toolkit/themes/windows/global/icons/information-32-XP.png Binary files differnew file mode 100644 index 000000000..5120db685 --- /dev/null +++ b/toolkit/themes/windows/global/icons/information-32-XP.png diff --git a/toolkit/themes/windows/global/icons/information-32.png b/toolkit/themes/windows/global/icons/information-32.png Binary files differnew file mode 100644 index 000000000..a2a64a4fc --- /dev/null +++ b/toolkit/themes/windows/global/icons/information-32.png diff --git a/toolkit/themes/windows/global/icons/question-16-XP.png b/toolkit/themes/windows/global/icons/question-16-XP.png Binary files differnew file mode 100644 index 000000000..0c8eafda0 --- /dev/null +++ b/toolkit/themes/windows/global/icons/question-16-XP.png diff --git a/toolkit/themes/windows/global/icons/question-16.png b/toolkit/themes/windows/global/icons/question-16.png Binary files differnew file mode 100644 index 000000000..7e9aa7f24 --- /dev/null +++ b/toolkit/themes/windows/global/icons/question-16.png diff --git a/toolkit/themes/windows/global/icons/question-64-XP.png b/toolkit/themes/windows/global/icons/question-64-XP.png Binary files differnew file mode 100644 index 000000000..a1a51b8d8 --- /dev/null +++ b/toolkit/themes/windows/global/icons/question-64-XP.png diff --git a/toolkit/themes/windows/global/icons/question-64.png b/toolkit/themes/windows/global/icons/question-64.png Binary files differnew file mode 100644 index 000000000..f07efc057 --- /dev/null +++ b/toolkit/themes/windows/global/icons/question-64.png diff --git a/toolkit/themes/windows/global/icons/resizer-rtl.png b/toolkit/themes/windows/global/icons/resizer-rtl.png Binary files differnew file mode 100644 index 000000000..973bc05ba --- /dev/null +++ b/toolkit/themes/windows/global/icons/resizer-rtl.png diff --git a/toolkit/themes/windows/global/icons/resizer.png b/toolkit/themes/windows/global/icons/resizer.png Binary files differnew file mode 100644 index 000000000..56f0c0c5a --- /dev/null +++ b/toolkit/themes/windows/global/icons/resizer.png diff --git a/toolkit/themes/windows/global/icons/sslWarning-XP.png b/toolkit/themes/windows/global/icons/sslWarning-XP.png Binary files differnew file mode 100644 index 000000000..09946986f --- /dev/null +++ b/toolkit/themes/windows/global/icons/sslWarning-XP.png diff --git a/toolkit/themes/windows/global/icons/sslWarning.png b/toolkit/themes/windows/global/icons/sslWarning.png Binary files differnew file mode 100644 index 000000000..08ab6fab3 --- /dev/null +++ b/toolkit/themes/windows/global/icons/sslWarning.png diff --git a/toolkit/themes/windows/global/icons/tabprompts-bgtexture.png b/toolkit/themes/windows/global/icons/tabprompts-bgtexture.png Binary files differnew file mode 100644 index 000000000..0d3cacd11 --- /dev/null +++ b/toolkit/themes/windows/global/icons/tabprompts-bgtexture.png diff --git a/toolkit/themes/windows/global/icons/warning-16-XP.png b/toolkit/themes/windows/global/icons/warning-16-XP.png Binary files differnew file mode 100644 index 000000000..a21574370 --- /dev/null +++ b/toolkit/themes/windows/global/icons/warning-16-XP.png diff --git a/toolkit/themes/windows/global/icons/warning-16.png b/toolkit/themes/windows/global/icons/warning-16.png Binary files differnew file mode 100644 index 000000000..513c95485 --- /dev/null +++ b/toolkit/themes/windows/global/icons/warning-16.png diff --git a/toolkit/themes/windows/global/icons/warning-64-XP.png b/toolkit/themes/windows/global/icons/warning-64-XP.png Binary files differnew file mode 100644 index 000000000..832f34886 --- /dev/null +++ b/toolkit/themes/windows/global/icons/warning-64-XP.png diff --git a/toolkit/themes/windows/global/icons/warning-64.png b/toolkit/themes/windows/global/icons/warning-64.png Binary files differnew file mode 100644 index 000000000..a93e891d2 --- /dev/null +++ b/toolkit/themes/windows/global/icons/warning-64.png diff --git a/toolkit/themes/windows/global/icons/warning-large-XP.png b/toolkit/themes/windows/global/icons/warning-large-XP.png Binary files differnew file mode 100644 index 000000000..0ec8e79f6 --- /dev/null +++ b/toolkit/themes/windows/global/icons/warning-large-XP.png diff --git a/toolkit/themes/windows/global/icons/warning-large.png b/toolkit/themes/windows/global/icons/warning-large.png Binary files differnew file mode 100644 index 000000000..2b445f0bd --- /dev/null +++ b/toolkit/themes/windows/global/icons/warning-large.png diff --git a/toolkit/themes/windows/global/icons/windowControls-XP.png b/toolkit/themes/windows/global/icons/windowControls-XP.png Binary files differnew file mode 100644 index 000000000..d90efb05b --- /dev/null +++ b/toolkit/themes/windows/global/icons/windowControls-XP.png diff --git a/toolkit/themes/windows/global/icons/windowControls.png b/toolkit/themes/windows/global/icons/windowControls.png Binary files differnew file mode 100644 index 000000000..9925b842c --- /dev/null +++ b/toolkit/themes/windows/global/icons/windowControls.png diff --git a/toolkit/themes/windows/global/in-content/common.css b/toolkit/themes/windows/global/in-content/common.css new file mode 100644 index 000000000..c0c71662c --- /dev/null +++ b/toolkit/themes/windows/global/in-content/common.css @@ -0,0 +1,82 @@ +/* - This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this file, + - You can obtain one at http://mozilla.org/MPL/2.0/. */ + +%include ../../../shared/in-content/common.inc.css + +xul|caption { + background-color: transparent; +} + +xul|button, +html|button, +xul|colorpicker[type="button"], +xul|menulist { + margin: 2px 4px; +} + +xul|menulist:not([editable="true"]) > xul|*.menulist-dropmarker { + margin-top: 1px; + margin-bottom: 1px; +} + +xul|checkbox { + padding-inline-start: 0; +} + +@media not all and (-moz-windows-default-theme) { + 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"); + padding-inline-start: 0; +} + +@media not all and (-moz-windows-default-theme) { + 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-icon, +xul|*.checkbox-icon { + margin-inline-end: 0; +} + +/* Never draw a border for the focusring, use outline instead */ +xul|*.button-box, +xul|*.menulist-label-box, +xul|*.radio-label-box, +xul|*.checkbox-label-box { + border-style: none; +} + +xul|button:-moz-focusring > xul|*.button-box, +xul|menulist:-moz-focusring > xul|*.menulist-label-box, +xul|radio[focused="true"] > xul|*.radio-label-box, +html|input[type="checkbox"]:-moz-focusring + html|label:before, +xul|checkbox:-moz-focusring > xul|*.checkbox-label-box { + outline: 1px dotted; +} + +/* Use a 2px border so that selected row highlight is still visible behind + an existing high-contrast border that uses the background color */ +@media not all and (-moz-windows-default-theme) { + xul|treechildren::-moz-tree-row(selected), + xul|listbox xul|listitem[selected="true"] { + border: 2px dotted Highlight; + } +} diff --git a/toolkit/themes/windows/global/in-content/info-pages.css b/toolkit/themes/windows/global/in-content/info-pages.css new file mode 100644 index 000000000..a25b9f6a3 --- /dev/null +++ b/toolkit/themes/windows/global/in-content/info-pages.css @@ -0,0 +1 @@ +%include ../../../shared/in-content/info-pages.inc.css
\ No newline at end of file diff --git a/toolkit/themes/windows/global/jar.mn b/toolkit/themes/windows/global/jar.mn new file mode 100644 index 000000000..c3ad17af1 --- /dev/null +++ b/toolkit/themes/windows/global/jar.mn @@ -0,0 +1,140 @@ +# This Source Code Form is subject to the terms of the Mozilla Public +# License, v. 2.0. If a copy of the MPL was not distributed with this +# file, You can obtain one at http://mozilla.org/MPL/2.0/. + +#include ../../shared/non-mac.jar.inc.mn + +toolkit.jar: + skin/classic/global/autocomplete.css +#ifndef MOZ_THEME_FASTSTRIPE + skin/classic/global/button.css + skin/classic/global/checkbox.css + skin/classic/global/dropmarker.css + skin/classic/global/groupbox.css +* skin/classic/global/menu.css + skin/classic/global/menulist.css +* skin/classic/global/popup.css + skin/classic/global/radio.css + skin/classic/global/tabbox.css + skin/classic/global/textbox.css +#endif + skin/classic/global/colorpicker.css + skin/classic/global/commonDialog.css + skin/classic/global/findBar.css +* skin/classic/global/global.css + skin/classic/global/listbox.css + skin/classic/global/netError.css + skin/classic/global/numberbox.css +* skin/classic/global/notification.css + skin/classic/global/preferences.css + skin/classic/global/printPageSetup.css + skin/classic/global/printPreview.css + skin/classic/global/scrollbox.css + skin/classic/global/splitter.css + skin/classic/global/toolbar.css + skin/classic/global/toolbarbutton.css +* skin/classic/global/tree.css + skin/classic/global/alerts/alert.css (alerts/alert.css) + skin/classic/global/dirListing/remote.png (dirListing/remote.png) + skin/classic/global/icons/autocomplete-search.svg (icons/autocomplete-search.svg) + skin/classic/global/icons/blacklist_favicon.png (icons/blacklist_favicon.png) + skin/classic/global/icons/blacklist_large.png (icons/blacklist_large.png) + skin/classic/global/icons/close-XPVista7.png (icons/close-XPVista7.png) + skin/classic/global/icons/close-XPVista7@2x.png (icons/close-XPVista7@2x.png) + skin/classic/global/icons/close-inverted-XPVista7.png (icons/close-inverted-XPVista7.png) + skin/classic/global/icons/close-inverted-XPVista7@2x.png (icons/close-inverted-XPVista7@2x.png) + skin/classic/global/icons/resizer.png (icons/resizer.png) + skin/classic/global/icons/sslWarning.png (icons/sslWarning.png) +* skin/classic/global/in-content/common.css (in-content/common.css) +* skin/classic/global/in-content/info-pages.css (in-content/info-pages.css) + skin/classic/global/toolbar/spring.png (toolbar/spring.png) + + skin/classic/global/dirListing/folder-XP.png (dirListing/folder-XP.png) + skin/classic/global/dirListing/local-XP.png (dirListing/local-XP.png) + skin/classic/global/dirListing/remote-XP.png (dirListing/remote-XP.png) + skin/classic/global/dirListing/up-XP.png (dirListing/up-XP.png) + skin/classic/global/icons/autoscroll.png (icons/autoscroll.png) + skin/classic/global/icons/autoscroll-XP.png (icons/autoscroll-XP.png) + skin/classic/global/icons/blacklist_favicon-XP.png (icons/blacklist_favicon-XP.png) + skin/classic/global/icons/blacklist_large-XP.png (icons/blacklist_large-XP.png) + skin/classic/global/icons/Error-XP.png (icons/Error-XP.png) + skin/classic/global/icons/error-16-XP.png (icons/error-16-XP.png) + skin/classic/global/icons/error-64-XP.png (icons/error-64-XP.png) + skin/classic/global/icons/folder-item-XP.png (icons/folder-item-XP.png) + skin/classic/global/icons/information-16-XP.png (icons/information-16-XP.png) + skin/classic/global/icons/information-24-XP.png (icons/information-24-XP.png) + skin/classic/global/icons/information-32-XP.png (icons/information-32-XP.png) + skin/classic/global/icons/Print-preview-XP.png (icons/Print-preview-XP.png) + skin/classic/global/icons/Portrait-XP.png (icons/Portrait-XP.png) + skin/classic/global/icons/Landscape-XP.png (icons/Landscape-XP.png) + skin/classic/global/icons/Question-XP.png (icons/Question-XP.png) + skin/classic/global/icons/question-16-XP.png (icons/question-16-XP.png) + skin/classic/global/icons/question-64-XP.png (icons/question-64-XP.png) + skin/classic/global/icons/Search-close-XP.png (icons/Search-close-XP.png) + skin/classic/global/icons/Search-glass-XP.png (icons/Search-glass-XP.png) + skin/classic/global/icons/sslWarning-XP.png (icons/sslWarning-XP.png) + skin/classic/global/icons/Warning-XP.png (icons/Warning-XP.png) + skin/classic/global/icons/warning-large-XP.png (icons/warning-large-XP.png) + skin/classic/global/icons/warning-16-XP.png (icons/warning-16-XP.png) + skin/classic/global/icons/warning-64-XP.png (icons/warning-64-XP.png) + skin/classic/global/icons/windowControls-XP.png (icons/windowControls-XP.png) + skin/classic/global/toolbar/spring-XP.png (toolbar/spring-XP.png) + skin/classic/global/tree/sort-asc-XP.png (tree/sort-asc-XP.png) + skin/classic/global/tree/sort-dsc-XP.png (tree/sort-dsc-XP.png) + skin/classic/global/tree/twisty.svg (tree/twisty.svg) + skin/classic/global/tree/twisty-XP.svg (tree/twisty-XP.svg) + skin/classic/global/tree/twisty-Vista78.svg (tree/twisty-Vista78.svg) + +#if MOZ_BUILD_APP == browser +[browser/extensions/{972ce4c6-7e08-4474-a285-3208198ce6fd}] chrome.jar: +#elif MOZ_SEPARATE_MANIFEST_FOR_THEME_OVERRIDES +[extensions/{972ce4c6-7e08-4474-a285-3208198ce6fd}] chrome.jar: +#endif +% override chrome://global/skin/dirListing/folder.png chrome://global/skin/dirListing/folder-XP.png osversion<6 +% override chrome://global/skin/dirListing/local.png chrome://global/skin/dirListing/local-XP.png osversion<6 +% override chrome://global/skin/dirListing/remote.png chrome://global/skin/dirListing/remote-XP.png osversion<6 +% override chrome://global/skin/dirListing/up.png chrome://global/skin/dirListing/up-XP.png osversion<6 +% override chrome://global/skin/icons/autoscroll.png chrome://global/skin/icons/autoscroll-XP.png osversion<6 +% override chrome://global/skin/icons/blacklist_favicon.png chrome://global/skin/icons/blacklist_favicon-XP.png osversion<6 +% override chrome://global/skin/icons/blacklist_large.png chrome://global/skin/icons/blacklist_large-XP.png osversion<6 +% override chrome://global/skin/icons/Error.png chrome://global/skin/icons/Error-XP.png osversion<6 +% override chrome://global/skin/icons/error-16.png chrome://global/skin/icons/error-16-XP.png osversion<6 +% override chrome://global/skin/icons/error-64.png chrome://global/skin/icons/error-64-XP.png osversion<6 +% override chrome://global/skin/icons/folder-item.png chrome://global/skin/icons/folder-item-XP.png osversion<6 +% override chrome://global/skin/icons/information-16.png chrome://global/skin/icons/information-16-XP.png osversion<6 +% override chrome://global/skin/icons/information-24.png chrome://global/skin/icons/information-24-XP.png osversion<6 +% override chrome://global/skin/icons/information-32.png chrome://global/skin/icons/information-32-XP.png osversion<6 +% override chrome://global/skin/icons/Print-preview.png chrome://global/skin/icons/Print-preview-XP.png osversion<6 +% override chrome://global/skin/icons/Portrait.png chrome://global/skin/icons/Portrait-XP.png osversion<6 +% override chrome://global/skin/icons/Landscape.png chrome://global/skin/icons/Landscape-XP.png osversion<6 +% override chrome://global/skin/icons/Question.png chrome://global/skin/icons/Question-XP.png osversion<6 +% override chrome://global/skin/icons/question-16.png chrome://global/skin/icons/question-16-XP.png osversion<6 +% override chrome://global/skin/icons/question-64.png chrome://global/skin/icons/question-64-XP.png osversion<6 +% override chrome://global/skin/icons/Search-close.png chrome://global/skin/icons/Search-close-XP.png osversion<6 +% override chrome://global/skin/icons/Search-glass.png chrome://global/skin/icons/Search-glass-XP.png osversion<6 +% override chrome://global/skin/icons/sslWarning.png chrome://global/skin/icons/sslWarning-XP.png osversion<6 +% override chrome://global/skin/icons/Warning.png chrome://global/skin/icons/Warning-XP.png osversion<6 +% override chrome://global/skin/icons/warning-large.png chrome://global/skin/icons/warning-large-XP.png osversion<6 +% override chrome://global/skin/icons/warning-16.png chrome://global/skin/icons/warning-16-XP.png osversion<6 +% override chrome://global/skin/icons/warning-64.png chrome://global/skin/icons/warning-64-XP.png osversion<6 +% override chrome://global/skin/icons/windowControls.png chrome://global/skin/icons/windowControls-XP.png osversion<6 +% override chrome://global/skin/toolbar/spring.png chrome://global/skin/toolbar/spring-XP.png osversion<6 +% override chrome://global/skin/tree/sort-asc.png chrome://global/skin/tree/sort-asc-XP.png osversion<6 +% override chrome://global/skin/tree/sort-dsc.png chrome://global/skin/tree/sort-dsc-XP.png osversion<6 + +% override chrome://global/skin/icons/close.png chrome://global/skin/icons/close-XPVista7.png osversion<=6.1 +% override chrome://global/skin/icons/close@2x.png chrome://global/skin/icons/close-XPVista7@2x.png osversion<=6.1 +% override chrome://global/skin/icons/close-inverted.png chrome://global/skin/icons/close-inverted-XPVista7.png osversion<=6.1 +% override chrome://global/skin/icons/close-inverted@2x.png chrome://global/skin/icons/close-inverted-XPVista7@2x.png osversion<=6.1 + +% override chrome://global/skin/tree/twisty.svg#clsd chrome://global/skin/tree/twisty-Vista78.svg#clsd osversion<=6.3 +% override chrome://global/skin/tree/twisty.svg#clsd-rtl chrome://global/skin/tree/twisty-Vista78.svg#clsd-rtl osversion<=6.3 +% override chrome://global/skin/tree/twisty.svg#clsd-hover chrome://global/skin/tree/twisty-Vista78.svg#clsd-hover osversion<=6.3 +% override chrome://global/skin/tree/twisty.svg#clsd-hover-rtl chrome://global/skin/tree/twisty-Vista78.svg#clsd-hover-rtl osversion<=6.3 +% override chrome://global/skin/tree/twisty.svg#open chrome://global/skin/tree/twisty-Vista78.svg#open osversion<=6.3 +% override chrome://global/skin/tree/twisty.svg#open-rtl chrome://global/skin/tree/twisty-Vista78.svg#open-rtl osversion<=6.3 +% override chrome://global/skin/tree/twisty.svg#open-hover chrome://global/skin/tree/twisty-Vista78.svg#open-hover osversion<=6.3 +% override chrome://global/skin/tree/twisty.svg#open-hover-rtl chrome://global/skin/tree/twisty-Vista78.svg#open-hover-rtl osversion<=6.3 +# to be sure osversion<6 has always higher precedence than osversion<=6.3 we override twisty-Vista78.svg instead of twisty.svg +% override chrome://global/skin/tree/twisty-Vista78.svg#clsd chrome://global/skin/tree/twisty-XP.svg#clsd osversion<6 +% override chrome://global/skin/tree/twisty-Vista78.svg#open chrome://global/skin/tree/twisty-XP.svg#open osversion<6 diff --git a/toolkit/themes/windows/global/linkTree.css b/toolkit/themes/windows/global/linkTree.css new file mode 100644 index 000000000..d83c5bfd9 --- /dev/null +++ b/toolkit/themes/windows/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/toolkit/themes/windows/global/listbox.css b/toolkit/themes/windows/global/listbox.css new file mode 100644 index 000000000..fd60b1693 --- /dev/null +++ b/toolkit/themes/windows/global/listbox.css @@ -0,0 +1,240 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.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 4px; +} + +listheader[sortable="true"]:hover:active { + border-top: 2px solid; + border-right: 1px solid; + border-bottom: 1px solid; + border-left: 2px solid; + -moz-border-top-colors: ThreeDShadow -moz-Dialog; + -moz-border-right-colors: ThreeDShadow; + -moz-border-bottom-colors: ThreeDShadow; + -moz-border-left-colors: ThreeDShadow -moz-Dialog; + padding-top: 1px; + padding-bottom: 0px; + padding-inline-start: 5px; + padding-inline-end: 4px; +} + +.listheader-icon { + margin-inline-end: 2px; +} + +.listheader-label { + margin: 0px !important; +} + +/* ..... sort direction icon ..... */ + +.listheader-sortdirection { + list-style-image: none; +} + +.listheader-sortdirection[sortDirection="ascending"] { + list-style-image: url("chrome://global/skin/tree/sort-asc.png"); +} + +.listheader-sortdirection[sortDirection="ascending"]:-moz-system-metric(windows-classic) { + list-style-image: url("chrome://global/skin/tree/sort-asc-classic.png"); +} + +.listheader-sortdirection[sortDirection="descending"] { + list-style-image: url("chrome://global/skin/tree/sort-dsc.png"); +} + +.listheader-sortdirection[sortDirection="descending"]:-moz-system-metric(windows-classic) { + list-style-image: url("chrome://global/skin/tree/sort-dsc-classic.png"); +} + +/* ::::: listcell ::::: */ + +.listcell-label { + margin: 0px !important; + padding-top: 0px; + padding-bottom: 1px; + padding-inline-start: 4px; + padding-inline-end: 0px; + white-space: nowrap; +} + +.listcell-icon { + margin-inline-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%; +} + +@media (-moz-windows-default-theme) { + @media not all and (-moz-os-version: windows-xp) { + listitem { + --listitem-selectedColor: rgb(217,217,217); + --listitem-selectedBorder: var(--listitem-selectedColor); + --listitem-selectedBottomBorder: rgb(204,204,204); + --listitem-selectedBackground: var(--listitem-selectedColor); + --listitem-selectedImage: none; + --listitem-selectedCurrentBorder: rgb(123,195,255); + --listitem-selectedFocusColor: rgb(205,232,255); + --listitem-selectedFocusBorder: var(--listitem-selectedFocusColor); + --listitem-selectedFocusBottomBorder: rgb(165,214,255); + --listitem-selectedFocusBackground: var(--listitem-selectedFocusColor); + --listitem-selectedFocusImage: none; + --listitem-selectedFocusCurrentBorder: var(--listitem-selectedFocusColor); + --listitem-selectedFocusCurrentBottomBorder: var(--listitem-selectedFocusBottomBorder); + --listitem-selectedFocusCurrentBackground: var(--listitem-selectedFocusColor); + + color: -moz-FieldText; + margin-inline-start: 1px; + margin-inline-end: 1px; + padding-top: 1px; + padding-bottom: 1px; + border-width: 1px; + background-repeat: no-repeat; + background-size: 100% 100%; + } + + listitem[selected="true"] { + border-top-color: var(--listitem-selectedBorder); + border-right-color: var(--listitem-selectedBorder); + border-left-color: var(--listitem-selectedBorder); + border-bottom-color: var(--listitem-selectedBottomBorder); + background-image: var(--listitem-selectedImage); + background-color: var(--listitem-selectedBackground); + color: -moz-DialogText; + } + + listbox:focus > listitem[selected="true"] { + border-top-color: var(--listitem-selectedFocusBorder); + border-right-color: var(--listitem-selectedFocusBorder); + border-left-color: var(--listitem-selectedFocusBorder); + border-bottom-color: var(--listitem-selectedFocusBottomBorder); + background-image: var(--listitem-selectedFocusImage); + background-color: var(--listitem-selectedFocusBackground); + color: -moz-DialogText; + } + + listbox:focus > listitem[current="true"] { + border-color: var(--listitem-selectedCurrentBorder); + outline: none; + } + + listbox:focus > listitem[selected="true"][current="true"] { + border-top-color: var(--listitem-selectedFocusCurrentBorder); + border-right-color: var(--listitem-selectedFocusCurrentBorder); + border-left-color: var(--listitem-selectedFocusCurrentBorder); + border-bottom-color: var(--listitem-selectedFocusCurrentBottomBorder); + background-color: var(--listitem-selectedFocusCurrentBackground); + outline: none; + } + } + + @media (-moz-os-version: windows-vista), + (-moz-os-version: windows-win7) { + listitem { + --listitem-selectedBottomBorder: var(--listitem-selectedColor); + --listitem-selectedBackground: rgba(190,190,190,.15); + --listitem-selectedImage: linear-gradient(rgba(190,190,190,.1), rgba(190,190,190,.4)); + --listitem-selectedCurrentBorder: rgb(125,162,206); + --listitem-selectedFocusColor: rgb(132,172,221); + --listitem-selectedFocusBottomBorder: var(--listitem-selectedFocusColor); + --listitem-selectedFocusBackground: rgba(131,183,249,.02); + --listitem-selectedFocusImage: linear-gradient(rgba(131,183,249,.16), rgba(131,183,249,.375)); + --listitem-selectedFocusCurrentBackground: rgba(131,183,249,.15); + + border-radius: 3px; + box-shadow: inset 0 0 0 1px rgba(255,255,255,.4), inset 0 -1px 0 1px rgba(255,255,255,.2); + } + } + + @media (-moz-os-version: windows-win8) { + listitem { + --listitem-selectedBottomBorder: var(--listitem-selectedColor); + --listitem-selectedBackground: rgba(190,190,190,.15); + --listitem-selectedImage: linear-gradient(rgba(190,190,190,.4), rgba(190,190,190,.4)); + --listitem-selectedCurrentBorder: rgb(125,162,206); + --listitem-selectedFocusColor: rgb(132,172,221); + --listitem-selectedFocusBottomBorder: var(--listitem-selectedFocusColor); + --listitem-selectedFocusBackground: rgba(131,183,249,.02); + --listitem-selectedFocusImage: linear-gradient(rgba(131,183,249,.375), rgba(131,183,249,.375)); + --listitem-selectedFocusCurrentBackground: rgba(131,183,249,.15); + } + } +} diff --git a/toolkit/themes/windows/global/menu.css b/toolkit/themes/windows/global/menu.css new file mode 100644 index 000000000..2a228251d --- /dev/null +++ b/toolkit/themes/windows/global/menu.css @@ -0,0 +1,293 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.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, +menucaption, +.splitmenu-menuitem { + -moz-appearance: menuitem; + -moz-box-align: center; + color: MenuText; + font: menu; + list-style-image: none; + -moz-image-region: auto; +} + +menuitem[default="true"] { + font-weight: bold; +} + +menu[disabled="true"], +menuitem[disabled="true"], +.splitmenu-menuitem[disabled="true"], +menu[_moz-menuactive="true"][disabled="true"], +menuitem[_moz-menuactive="true"][disabled="true"], +.splitmenu-menuitem[_moz-menuactive="true"][disabled="true"] { + color: GrayText; + text-shadow: none; +} + +@media (-moz-windows-classic) { + menu[disabled="true"], + menubar > menu[disabled="true"][_moz-menuactive="true"], + menuitem[disabled="true"], + .splitmenu-menuitem[disabled="true"] { + color: ThreeDShadow; + text-shadow: 1px 1px ThreeDHighlight; + } +} + +menuitem.spell-suggestion { + font-weight: bold; +} + +/* ..... internal content .... */ + +.menu-accel, +.menu-iconic-accel, +.menu-text, +.menu-iconic-text { + margin: 0px !important; + padding: 1px 0px; + color: inherit; +} + +.menu-text { + padding-inline-start: 1.45em !important; + -moz-appearance: menuitemtext; +} + +.menu-text, +.menu-iconic-text { + font-weight: inherit; + margin-inline-start: 2px !important; + padding-inline-end: 2px; +} + +menucaption > .menu-text, +menucaption > .menu-iconic-text { + font-weight: bold; + padding-inline-start: 0 !important; +} + +.menu-description { + font-style: italic; + color: GrayText; + margin-inline-start: 1ex !important; +} + +.menu-accel, +.menu-iconic-accel { + color: inherit; + margin-inline-start: 0.74em !important; + margin-inline-end: 1.35em !important; +} + +.menu-iconic-left { + min-width: 1.45em; +} + +.menu-iconic-icon { + width: 16px; + height: 16px; +} + +menu.menu-iconic > .menu-iconic-left, +menuitem.menuitem-iconic > .menu-iconic-left, +.splitmenu-menuitem[iconic="true"] > .menu-iconic-left { + -moz-appearance: menuimage; + padding-top: 2px; +} + +/* ..... menu arrow box ..... */ + +.menu-right { + -moz-appearance: menuarrow; + margin-inline-end: -2px; + list-style-image: none; + min-width: 1.28em; + padding-top: 1px; +} + +/* ::::: menu/menuitems in menubar ::::: */ + +menubar > menu { + border: 2px solid transparent; +} + +menubar > menu[_moz-menuactive="true"]:not([disabled="true"]) { + color: -moz-menubarhovertext; +} + +menubar > menu[_moz-menuactive="true"][open="true"] { + border-width: 3px 1px 1px 3px; +} + +menubar > menu:-moz-lwtheme { + -moz-appearance: none; + border-color: transparent; +} + +menubar > menu:-moz-lwtheme:not([disabled="true"]) { + color: inherit !important; +} + +menubar > menu:-moz-lwtheme[_moz-menuactive="true"]:not([disabled="true"]) { + background-color: Highlight; + color: HighlightText !important; + text-shadow: none; +} + +@media (-moz-windows-default-theme) { + @media not all and (-moz-os-version: windows-xp) { + menubar > menu:-moz-lwtheme { + -moz-appearance: menuitem; + } + + menubar > menu:-moz-lwtheme[_moz-menuactive="true"]:not([disabled="true"]) { + color: inherit !important; + text-shadow: inherit; + } + } +} + +%ifdef XP_WIN +menubar > menu:-moz-window-inactive { + color: ThreeDShadow; +} +%endif + +/* ..... internal content .... */ + +.menubar-left { + color: inherit; +} + +.menubar-text { + margin: 1px 6px 2px 6px !important; + color: inherit; +} + +/* ::::: menu/menuitems in popups ::::: */ + +menupopup > menu, +menupopup > menuitem, +menupopup > menucaption { + max-width: 42em; +} + +menu[_moz-menuactive="true"], +menuitem[_moz-menuactive="true"], +.splitmenu-menuitem[_moz-menuactive="true"] { + background-color: -moz-menuhover; + color: -moz-menuhovertext; +} + +/* ::::: menu/menuitems in menulist popups ::::: */ + +menulist > menupopup > menuitem, +menulist > menupopup > menucaption, +menulist > menupopup > menu { + -moz-appearance: none !important; + border: 1px solid transparent; + padding-inline-start: 5px; + padding-inline-end: 5px; + max-width: none; + font: message-box; + color: -moz-FieldText; +} + +menulist > menupopup > menuitem[_moz-menuactive="true"], +menulist > menupopup > menu[_moz-menuactive="true"] { + background-color: highlight; + color: highlighttext; +} + +menulist > menupopup > menuitem > .menu-iconic-left, +menulist > menupopup > menucaption > .menu-iconic-left, +menulist > menupopup > menu > .menu-iconic-left { + display: none; +} + +menulist > menupopup > menuitem > label, +menulist > menupopup > menucaption > label, +menulist > menupopup > menu > label { + padding-top: 0px; + padding-bottom: 0px; +} + +menulist:-moz-focusring > menupopup > menuitem[_moz-menuactive="true"] { + border: 1px dotted #F5DB95; +} + +menulist > menupopup > menuitem[_moz-menuactive="true"][disabled="true"] { + color: GrayText; +} + +menulist > menupopup > menuitem[disabled="true"]:not([_moz-menuactive="true"]):-moz-system-metric(windows-classic) { + color: GrayText; + text-shadow: none; +} + +menulist > menupopup > :-moz-any(menuitem, menucaption):not(.menuitem-iconic) > .menu-iconic-text { + margin: 0 !important; +} + +/* ::::: checkbox and radio menuitems ::::: */ + +menuitem[type="checkbox"], +menuitem[checked="true"] { + -moz-appearance: checkmenuitem; +} +menuitem[type="checkbox"] > .menu-iconic-left, +menuitem[checked="true"] > .menu-iconic-left { + -moz-appearance: menucheckbox; + padding-top: 0px; +} + +menuitem[type="radio"] { + -moz-appearance: radiomenuitem; +} +menuitem[type="radio"] > .menu-iconic-left { + -moz-appearance: menuradio; + padding-top: 0px; +} + +menuitem[type="checkbox"] > .menu-iconic-left > .menu-iconic-icon, +menuitem[checked="true"] > .menu-iconic-left > .menu-iconic-icon, +menuitem[type="radio"] > .menu-iconic-left > .menu-iconic-icon { + /* prevent .menu-iconic-icon from enforcing a minimal height of 16px (see bug 411064) + XXXzeniko apply that .menu-iconic-icon rule only for children of .menu-iconic */ + display: none; +} + +/* ::::: menuseparator ::::: */ + +menuseparator { + -moz-appearance: menuseparator; + padding: 3px 1px 4px 1px; + border-top: 1px solid ThreeDShadow; + border-bottom: 1px solid ThreeDHighlight; +} + +menulist > menupopup > menuseparator { + padding: 6px 0 5px 0; + border-top: 1px solid #000000; + border-bottom: none; +} + +/* ::::: autocomplete ::::: */ + +.autocomplete-history-popup > menuitem { + max-width: none !important; + font: message-box; +} diff --git a/toolkit/themes/windows/global/menulist.css b/toolkit/themes/windows/global/menulist.css new file mode 100644 index 000000000..9480bffda --- /dev/null +++ b/toolkit/themes/windows/global/menulist.css @@ -0,0 +1,143 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.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; + 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; + text-shadow: none; +} + +.menulist-label-box { + -moz-box-align: center; + -moz-box-pack: center; + margin: 1px; + border: 1px solid transparent; + background-color: transparent; + color: inherit; +} + +.menulist-icon[src] { + margin: 0px 2px 0px 2px; +} + +.menulist-label { + margin-top: 0 !important; + margin-inline-end: 0 !important; + margin-bottom: 0 !important; + margin-inline-start: 1px !important; +} + +.menulist-description { + font-style: italic; + color: GrayText; + margin-inline-start: 1ex !important; +} + +/* ..... dropmarker ..... */ + +menulist[disabled="true"]:hover:active > .menulist-dropmarker { + -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight; + padding: 1px; +} + +menulist:hover:active > .menulist-dropmarker { + -moz-border-top-colors: ThreeDShadow ThreeDFace; + -moz-border-right-colors: ThreeDShadow ThreeDFace; + -moz-border-bottom-colors: ThreeDShadow ThreeDFace; + -moz-border-left-colors: ThreeDShadow ThreeDFace; + padding-top: 2px; + padding-bottom: 0px; + padding-inline-start: 2px; + padding-inline-end: 0px; +} + +/* ..... focused state ..... */ + +menulist:focus:not([open="true"]) > .menulist-label-box { + background-color: Highlight; + color: HighlightText; +} + +menulist:-moz-focusring:not([open="true"]) > .menulist-label-box { + border: 1px dotted ThreeDDarkShadow; +} + +@media (-moz-os-version: windows-xp) { + menulist:-moz-focusring:not([open="true"]) > .menulist-label-box { + border: 1px dotted #F5DB95; + } +} + +/* ..... disabled state ..... */ + +menulist[disabled="true"] { + background-color: -moz-Dialog; + color: GrayText; +} + +/* ::::: editable menulists ::::: */ + +.menulist-editable-box { + padding-top: 3px; + padding-bottom: 3px; + padding-inline-start: 2px; + padding-inline-end: 0px; +} + +html|*.menulist-editable-input { + margin: 0px !important; + border: none !important; + padding: 0px !important; + background: inherit; + font: inherit; +} + +@media (-moz-windows-default-theme) { + @media not all and (-moz-os-version: windows-xp) { + .menulist-label-box { + background-color: transparent !important; + color: inherit !important; + } + + .menulist-label { + margin-top: -1px !important; + margin-bottom: -1px !important; + margin-inline-start: 0 !important; + } + + .menulist-description { + margin-inline-start: 1ex !important; + } + + menulist:not([editable="true"]) > .menulist-dropmarker { + margin-top: -2px; + margin-inline-start: 3px; + margin-inline-end: -3px; + } + + .menulist-icon { + margin-top: -1px; + margin-bottom: -1px; + } + } +} diff --git a/toolkit/themes/windows/global/moz.build b/toolkit/themes/windows/global/moz.build new file mode 100644 index 000000000..29c581d23 --- /dev/null +++ b/toolkit/themes/windows/global/moz.build @@ -0,0 +1,10 @@ +# -*- Mode: python; indent-tabs-mode: nil; tab-width: 40 -*- +# vim: set filetype=python: +# This Source Code Form is subject to the terms of the Mozilla Public +# License, v. 2.0. If a copy of the MPL was not distributed with this +# file, You can obtain one at http://mozilla.org/MPL/2.0/. + +JAR_MANIFESTS += ['jar.mn'] + +if CONFIG['MOZ_THEME_FASTSTRIPE']: + DEFINES['MOZ_THEME_FASTSTRIPE'] = True diff --git a/toolkit/themes/windows/global/netError.css b/toolkit/themes/windows/global/netError.css new file mode 100644 index 000000000..caf6a47c2 --- /dev/null +++ b/toolkit/themes/windows/global/netError.css @@ -0,0 +1,146 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.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: Steven Garrity <steven@silverorange.com> + * Henrik Skupin <mozilla@hskupin.info> + */ + +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; + margin-inline-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; + padding-inline-start: 30px; + background: url("chrome://global/skin/icons/warning-large.png") left 0 no-repeat -moz-Field; + background-origin: content-box; +} + +#errorPageContainer.certerror { + background-image: url("chrome://global/skin/icons/sslWarning.png"); +} + +#errorPageContainer:dir(rtl) { + background-position: right 0; +} + +#errorTitle { + margin-inline-start: 80px; +} + +#errorLongContent { + margin-inline-start: 80px; +} + +#errorShortDesc > p { + overflow: auto; + border-bottom: 1px solid ThreeDLightShadow; + padding-bottom: 1em; + font-size: 130%; + white-space: pre-wrap; +} + +#errorLongDesc { + padding-inline-end: 3em; + font-size: 110%; +} + +#errorLongDesc > p { +} + +#errorTryAgain { + margin-top: 2em; + margin-inline-start: 80px; +} + +#brand { + position: absolute; + right: 0; + bottom: -1.5em; + margin-inline-end: 10px; + opacity: .4; +} + +#brand: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/toolkit/themes/windows/global/notification.css b/toolkit/themes/windows/global/notification.css new file mode 100644 index 000000000..433a8a006 --- /dev/null +++ b/toolkit/themes/windows/global/notification.css @@ -0,0 +1,215 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.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; + border-top: 1px solid ThreeDShadow; + border-bottom: 1px solid ThreeDShadow; +} + +notificationbox[notificationside="top"] > notification { + border-top-style: none; +} + +notificationbox[notificationside="bottom"] > notification { + border-bottom-style: 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)); +} + +.messageText > .text-link { + color: inherit !important; + text-decoration: underline; +} + +.messageImage { + width: 16px; + height: 16px; + margin-inline-start: 6px; + margin-inline-end: 1px; +} + +/* Default icons for notifications */ + +.messageImage[type="info"] { + list-style-image: url("chrome://global/skin/icons/information-16.png"); +} + +.messageImage[type="warning"] { + list-style-image: url("chrome://global/skin/icons/warning-16.png"); +} + +.messageImage[type="critical"] { + list-style-image: url("chrome://global/skin/icons/error-16.png"); +} + +.messageCloseButton { + -moz-appearance: none; + padding: 4px 2px; + border: none !important; +} + +.messageCloseButton > .toolbarbutton-icon { + margin-inline-end: 5px; +} + +/* 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; +} + +%ifdef XP_WIN +/* +XXX: apply styles to all themes until bug 509642 is fixed +@media (-moz-windows-default-theme) { +*/ + .popup-notification-menubutton { + -moz-appearance: none; + border-radius: 3px; + padding: 0; + background-color: rgba(250,250,250,.3) + } + + .popup-notification-menubutton:hover:active { + border-color: rgba(0,0,0,.5); + } + + .popup-notification-menubutton:not([type="menu-button"]), + .popup-notification-menubutton > .button-menubutton-button, + .popup-notification-menubutton > .button-menubutton-dropmarker { + -moz-appearance: none; + margin: 0; + border: 1px solid rgba(0,0,0,.35); + + box-shadow: 0 1px 0 rgba(255,255,255,.5) inset, + 0 2px 2px rgba(255,255,255,.35) inset, + 0 -1px 2px rgba(0,0,0,.1) inset, + 0 1px 0 rgba(255,255,255,.35); + + } + + @media (-moz-windows-glass) { + .popup-notification-menubutton:not([type="menu-button"]), + .popup-notification-menubutton > .button-menubutton-button, + .popup-notification-menubutton > .button-menubutton-dropmarker { + background-color: transparent; + background-image: linear-gradient(rgba(250,250,250,.6), rgba(175,175,175,.25) 49%, rgba(0,0,0,.12) 51%, rgba(0,0,0,.09) 60%, rgba(0,0,0,.05)); + box-shadow: 0 0 1px 1px rgba(255,255,255,.75) inset; + } + } + + .popup-notification-menubutton > .button-menubutton-button { + background-color: transparent; + padding: 1px; + border-inline-end: none; + } + + .popup-notification-menubutton:not([type="menu-button"]), + .popup-notification-menubutton > .button-menubutton-button > .button-box { + padding-inline-start: 8px; + padding-inline-end: 5px; + } + + .popup-notification-menubutton > .button-menubutton-dropmarker { + padding: 9px 5px 8px; + width: auto; + height: auto; + list-style-image: url("chrome://global/skin/arrow/arrow-dn-sharp.gif"); + } + + .popup-notification-menubutton:-moz-focusring > .button-menubutton-dropmarker { + outline: 1px dotted ThreeDDarkShadow; + outline-offset: -3px; + } + + @media (-moz-windows-glass) { + .popup-notification-menubutton > .button-menubutton-button:-moz-locale-dir(ltr), + .popup-notification-menubutton > .button-menubutton-dropmarker:-moz-locale-dir(rtl) { + border-radius: 2px 0 0 2px; + } + + .popup-notification-menubutton > .button-menubutton-button:-moz-locale-dir(rtl), + .popup-notification-menubutton > .button-menubutton-dropmarker:-moz-locale-dir(ltr) { + border-radius: 0 2px 2px 0; + } + } + + .popup-notification-menubutton:not([type="menu-button"]):hover, + .popup-notification-menubutton > .button-menubutton-button:hover, + .popup-notification-menubutton > .button-menubutton-dropmarker:hover { + background-color: rgba(250,250,250,.6); + } + + .popup-notification-menubutton:not([type="menu-button"]):hover:active, + .popup-notification-menubutton > .button-menubutton-button:hover:active, + .popup-notification-menubutton > .button-menubutton-dropmarker:hover:active, + .popup-notification-menubutton[open="true"] > .button-menubutton-dropmarker { + background-color: rgba(0,0,0,.05); + box-shadow: 0 0 2px rgba(0,0,0,.65) inset; + } + + @media (-moz-windows-glass) { + .popup-notification-menubutton:not([type="menu-button"]):hover, + .popup-notification-menubutton > .button-menubutton-button:hover, + .popup-notification-menubutton > .button-menubutton-dropmarker:hover { + background-color: transparent; + background-image: linear-gradient(rgba(250,250,250,.9), rgba(200,200,200,.6) 49%, rgba(0,0,0,.23) 51%, rgba(0,0,0,.17) 60%, rgba(0,0,0,.05)); + box-shadow: 0 0 0 1px white inset, + 0 0 2px 1px rgba(255,255,255,.75) inset; + } + .popup-notification-menubutton:not([type="menu-button"]):hover:active, + .popup-notification-menubutton > .button-menubutton-button:hover:active, + .popup-notification-menubutton > .button-menubutton-dropmarker:hover:active, + .popup-notification-menubutton[open="true"] > .button-menubutton-dropmarker { + background-color: transparent; + background-image: linear-gradient(rgba(250,250,250,.9), rgba(200,200,200,.6) 49%, rgba(0,0,0,.23) 51%, rgba(0,0,0,.17) 60%, rgba(0,0,0,.05)); + } + } +/*}*/ +%endif + +.popup-notification-closebutton { + margin-inline-end: -14px; + margin-top: -10px; +} + +.popup-notification-menubutton > .button-menubutton-button[disabled] { + opacity: 0.5; +} + +@media (-moz-windows-default-theme) { + .popup-notification-warning { + color: #aa1b08; + } +} diff --git a/toolkit/themes/windows/global/numberbox.css b/toolkit/themes/windows/global/numberbox.css new file mode 100644 index 000000000..b5289c4d8 --- /dev/null +++ b/toolkit/themes/windows/global/numberbox.css @@ -0,0 +1,24 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.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"] { + padding: 0 !important; + cursor: default; +} + +html|*.numberbox-input { + text-align: right; +} + +.numberbox-input-box { + -moz-box-align: center; +} + diff --git a/toolkit/themes/windows/global/popup.css b/toolkit/themes/windows/global/popup.css new file mode 100644 index 000000000..010e85a93 --- /dev/null +++ b/toolkit/themes/windows/global/popup.css @@ -0,0 +1,159 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.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 { + border: 3px solid transparent; + -moz-border-top-colors : ThreeDLightShadow ThreeDHighlight ThreeDFace; + -moz-border-left-colors : ThreeDLightShadow ThreeDHighlight ThreeDFace; + -moz-border-right-colors : ThreeDDarkShadow ThreeDShadow ThreeDFace; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow ThreeDFace; + padding: 0px; + min-width: 1px; + background: Menu; + color: MenuText; +} + +menupopup { + -moz-appearance: menupopup; +} + +menupopup > menu > menupopup { + /* align submenus */ + margin-inline-start: -3px; + margin-top: -3px; +} + +panel[type="arrow"] { + -moz-appearance: none; + background: transparent; + border: none; +} + +panel[type="arrow"][side="top"], +panel[type="arrow"][side="bottom"] { + margin-left: -20px; + margin-right: -20px; +} + +panel[type="arrow"][side="left"], +panel[type="arrow"][side="right"] { + margin-top: -20px; + margin-bottom: -20px; +} + +.panel-arrowcontent { + padding: var(--arrowpanel-padding); + color: var(--arrowpanel-color); + background: var(--arrowpanel-background); + background-clip: padding-box; + border: 1px solid var(--arrowpanel-border-color); + box-shadow: 0 0 4px hsla(0,0%,0%,.2); + margin: 4px; +} + +%ifdef XP_WIN +@media (-moz-os-version: windows-xp), + (-moz-os-version: windows-vista), + (-moz-os-version: windows-win7) { +%endif +.panel-arrowcontent { + border-radius: 4px; +} +%ifdef XP_WIN +} +%endif + +.panel-arrow[side="top"], +.panel-arrow[side="bottom"] { + list-style-image: var(--panel-arrow-image-vertical, + url("chrome://global/skin/arrow/panelarrow-vertical-themed.svg")); + position: relative; + margin-left: 10px; + margin-right: 10px; +} + +.panel-arrow[side="top"] { + margin-bottom: -5px; +} + +.panel-arrow[side="bottom"] { + transform: scaleY(-1); + margin-top: -5px; +} + +.panel-arrow[side="left"], +.panel-arrow[side="right"] { + list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal-themed.svg"); + position: relative; + margin-top: 10px; + margin-bottom: 10px; +} + +.panel-arrow[side="left"] { + margin-right: -5px; +} + +.panel-arrow[side="right"] { + transform: scaleX(-1); + margin-left: -5px; +} + +%ifdef XP_WIN +@media (-moz-windows-default-theme) { + .panel-arrowcontent { + --arrowpanel-border-color: hsla(210,4%,10%,.2); + box-shadow: 0 0 4px hsla(210,4%,10%,.2); + } + + .panel-arrow[side="top"], + .panel-arrow[side="bottom"] { + list-style-image: var(--panel-arrow-image-vertical, + url("chrome://global/skin/arrow/panelarrow-vertical.svg")); + } + + .panel-arrow[side="left"], + .panel-arrow[side="right"] { + list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg"); + } +} +%endif + +/* ::::: tooltip ::::: */ + +tooltip { + -moz-appearance: tooltip; + margin-top: 21px; + border: 1px solid InfoText; + padding: 2px 3px; + max-width: 40em; + background-color: InfoBackground; + 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 { + -moz-appearance: none; + border-width: 1px; + -moz-border-top-colors: -moz-FieldText; + -moz-border-right-colors: -moz-FieldText; + -moz-border-bottom-colors: -moz-FieldText; + -moz-border-left-colors: -moz-FieldText; + padding: 0px; + min-width: 0px; + background-color: -moz-Field; +} diff --git a/toolkit/themes/windows/global/preferences.css b/toolkit/themes/windows/global/preferences.css new file mode 100644 index 000000000..b096358dd --- /dev/null +++ b/toolkit/themes/windows/global/preferences.css @@ -0,0 +1,76 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.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-top: 8px; + padding-bottom: 10px; + padding-inline-start: 8px; + padding-inline-end: 10px; +} + +prefwindow[type="child"] { + padding-top: 8px; + padding-bottom: 10px; + padding-inline-start: 8px; + padding-inline-end: 10px; +} + +prefwindow[type="child"] > prefpane { + padding: 0px; +} + +.prefWindow-dlgbuttons { + padding-bottom: 10px; + padding-inline-start: 8px; + padding-inline-end: 10px; +} + +prefwindow[type="child"] .prefWindow-dlgbuttons { + padding: 0px; +} + +radio[pane] { + -moz-appearance: none; + margin: 0px 1px 0px 1px; + padding: 1px 3px 1px 3px; + min-width: 4.5em; +} + +.paneSelector { + border-bottom: 2px groove ThreeDFace; + margin: 0px; + padding-inline-start: 10px; + background-color: -moz-Field; + color: -moz-FieldText; +} + +.paneButtonIcon { + width: 32px; + height: 32px; +} + +radio[pane]:hover { + background-color: #E0E8F6; + color: black; + -moz-appearance: none; +} + +radio[pane][selected="true"] { + background-color: #C1D2EE; + color: black; + -moz-appearance: none; +} + diff --git a/toolkit/themes/windows/global/printPageSetup.css b/toolkit/themes/windows/global/printPageSetup.css new file mode 100644 index 000000000..02cfa4428 --- /dev/null +++ b/toolkit/themes/windows/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("chrome://global/skin/icons/Portrait.png"); +} + +.landscape-page { + list-style-image: url("chrome://global/skin/icons/Landscape.png"); +} diff --git a/toolkit/themes/windows/global/printPreview.css b/toolkit/themes/windows/global/printPreview.css new file mode 100644 index 000000000..60fae180f --- /dev/null +++ b/toolkit/themes/windows/global/printPreview.css @@ -0,0 +1,21 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +.navigate-button { + min-width: 1.9em; +} + +.navigate-button > .toolbarbutton-icon { + display: none; +} + +.toolbar-portrait-page { + list-style-image: url("chrome://global/skin/icons/Print-preview.png"); + -moz-image-region: rect(0px 16px 16px 0px); +} + +.toolbar-landscape-page { + list-style-image: url("chrome://global/skin/icons/Print-preview.png"); + -moz-image-region: rect(0px 32px 16px 16px); +} diff --git a/toolkit/themes/windows/global/progressmeter.css b/toolkit/themes/windows/global/progressmeter.css new file mode 100644 index 000000000..623fa7ac8 --- /dev/null +++ b/toolkit/themes/windows/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/toolkit/themes/windows/global/radio.css b/toolkit/themes/windows/global/radio.css new file mode 100644 index 000000000..c4a009d05 --- /dev/null +++ b/toolkit/themes/windows/global/radio.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/. */ + +/* ===== 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; + -moz-box-align: center; + margin: 2px 4px; + padding-top: 1px; + padding-bottom: 1px; + padding-inline-start: 4px; + padding-inline-end: 2px; +} + +.radio-label-box { + margin-inline-start: 2px; + border: 1px solid transparent; + padding-top: 0px; + padding-bottom: 1px; + padding-inline-start: 1px; + padding-inline-end: 0px; +} + +.radio-icon { + margin-inline-end: 2px; +} + +.radio-label { + margin: 0 !important; +} + +/* ..... focused state ..... */ + +radio[focused="true"] > .radio-label-box { + border: 1px dotted ThreeDDarkShadow; +} + +/* ..... disabled state ..... */ + +radio[disabled="true"] > .radio-check-box1 { + background-color: -moz-Dialog; +} + +radio[disabled="true"] { + color: GrayText; +} + +radio[disabled="true"]:-moz-system-metric(windows-classic) { + color: ThreeDShadow; + text-shadow: 1px 1px ThreeDHighlight; +} + +/* ::::: checkmark image ::::: */ + +.radio-check-box1 { + -moz-appearance: radio; + margin: 1px 0px; + border-top: 1px solid ThreeDShadow; + border-right: 1px solid ThreeDHighlight; + border-bottom: 1px solid ThreeDHighlight; + border-left: 1px solid ThreeDShadow; + border-radius: 50%; + width: 12px; + 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:hover:active > .radio-check-box1 { + background-color: -moz-Dialog; +} + +/* ..... selected state ..... */ + +radio[selected="true"] > .radio-check-box1 > .radio-check-box2 { + list-style-image: url("chrome://global/skin/radio/radio-check.gif"); +} + +radio[selected="true"][disabled="true"] > .radio-check-box1 > .radio-check-box2 { + list-style-image: url("chrome://global/skin/radio/radio-check-dis.gif") !important +} diff --git a/toolkit/themes/windows/global/radio/radio-check-dis.gif b/toolkit/themes/windows/global/radio/radio-check-dis.gif Binary files differnew file mode 100644 index 000000000..5e9a1cb01 --- /dev/null +++ b/toolkit/themes/windows/global/radio/radio-check-dis.gif diff --git a/toolkit/themes/windows/global/radio/radio-check.gif b/toolkit/themes/windows/global/radio/radio-check.gif Binary files differnew file mode 100644 index 000000000..26aa14026 --- /dev/null +++ b/toolkit/themes/windows/global/radio/radio-check.gif diff --git a/toolkit/themes/windows/global/resizer.css b/toolkit/themes/windows/global/resizer.css new file mode 100644 index 000000000..8108d7e85 --- /dev/null +++ b/toolkit/themes/windows/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/toolkit/themes/windows/global/richlistbox.css b/toolkit/themes/windows/global/richlistbox.css new file mode 100644 index 000000000..90c6e672a --- /dev/null +++ b/toolkit/themes/windows/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/toolkit/themes/windows/global/scale.css b/toolkit/themes/windows/global/scale.css new file mode 100644 index 000000000..481254616 --- /dev/null +++ b/toolkit/themes/windows/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/toolkit/themes/windows/global/scale/scale-tray-horiz.gif b/toolkit/themes/windows/global/scale/scale-tray-horiz.gif Binary files differnew file mode 100644 index 000000000..b87fe68c1 --- /dev/null +++ b/toolkit/themes/windows/global/scale/scale-tray-horiz.gif diff --git a/toolkit/themes/windows/global/scale/scale-tray-vert.gif b/toolkit/themes/windows/global/scale/scale-tray-vert.gif Binary files differnew file mode 100644 index 000000000..97687b2e2 --- /dev/null +++ b/toolkit/themes/windows/global/scale/scale-tray-vert.gif diff --git a/toolkit/themes/windows/global/scrollbar/slider.gif b/toolkit/themes/windows/global/scrollbar/slider.gif Binary files differnew file mode 100644 index 000000000..355fcb27c --- /dev/null +++ b/toolkit/themes/windows/global/scrollbar/slider.gif diff --git a/toolkit/themes/windows/global/scrollbox.css b/toolkit/themes/windows/global/scrollbox.css new file mode 100644 index 000000000..b7a6f9987 --- /dev/null +++ b/toolkit/themes/windows/global/scrollbox.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"); + +/* + * Scroll arrows + */ + +/* Horizontal enabled */ +.autorepeatbutton-up[orient="horizontal"], +.autorepeatbutton-down:-moz-locale-dir(rtl)[orient="horizontal"], +.scrollbutton-up[orient="horizontal"], +.scrollbutton-down:-moz-locale-dir(rtl)[orient="horizontal"] { + list-style-image: url("chrome://global/skin/arrow/arrow-lft.gif"); + -moz-image-region: auto; /* cut off inheritance */ +} + +.autorepeatbutton-down[orient="horizontal"], +.autorepeatbutton-up:-moz-locale-dir(rtl)[orient="horizontal"], +.scrollbutton-down[orient="horizontal"], +.scrollbutton-up:-moz-locale-dir(rtl)[orient="horizontal"] { + list-style-image: url("chrome://global/skin/arrow/arrow-rit.gif"); + -moz-image-region: auto; /* cut off inheritance */ +} + + /* Horizontal disabled */ +.autorepeatbutton-up[orient="horizontal"][disabled="true"], +.autorepeatbutton-down:-moz-locale-dir(rtl)[orient="horizontal"][disabled="true"], +.scrollbutton-up[orient="horizontal"][disabled="true"], +.scrollbutton-down:-moz-locale-dir(rtl)[orient="horizontal"][disabled="true"] { + list-style-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif"); + -moz-image-region: auto; /* cut off inheritance */ +} + +.autorepeatbutton-down[orient="horizontal"][disabled="true"], +.autorepeatbutton-up:-moz-locale-dir(rtl)[orient="horizontal"][disabled="true"], +.scrollbutton-down[orient="horizontal"][disabled="true"], +.scrollbutton-up:-moz-locale-dir(rtl)[orient="horizontal"][disabled="true"] { + list-style-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif"); + -moz-image-region: auto; /* cut off inheritance */ +} + +/* Vertical enabled */ +.autorepeatbutton-up, +.scrollbutton-up { + list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); + -moz-image-region: auto; /* cut off inheritance */ +} + +.autorepeatbutton-down, +.scrollbutton-down { + list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif"); + -moz-image-region: auto; /* cut off inheritance */ +} + +/* Vertical disabled */ +.autorepeatbutton-up[disabled="true"], +.scrollbutton-up[disabled="true"] { + list-style-image: url("chrome://global/skin/arrow/arrow-up-dis.gif"); + -moz-image-region: auto; /* cut off inheritance */ +} + +.autorepeatbutton-down[disabled="true"], +.scrollbutton-down[disabled="true"] { + list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif"); + -moz-image-region: auto; /* cut off inheritance */ +} + +.scrollbutton-up > .toolbarbutton-text, +.scrollbutton-down > .toolbarbutton-text { + display: none; +} + +autorepeatbutton, +.scrollbutton-up, +.scrollbutton-down { + -moz-box-align: center; + -moz-box-pack: center; + margin-top: 1px; + margin-bottom: 2px; + margin-inline-start: 1px; + margin-inline-end: 2px; +} + +autorepeatbutton { + border: 1px solid transparent; + padding: 1px; +} + +autorepeatbutton:not([disabled="true"]):hover, +autorepeatbutton:not([disabled="true"]):hover:active { + margin: 1px; + border: 1px inset ThreeDFace; + padding-top: 2px; + padding-bottom: 1px; + padding-inline-start: 2px; + padding-inline-end: 1px; +} diff --git a/toolkit/themes/windows/global/spinbuttons.css b/toolkit/themes/windows/global/spinbuttons.css new file mode 100644 index 000000000..a2f2ebf49 --- /dev/null +++ b/toolkit/themes/windows/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/toolkit/themes/windows/global/splitter.css b/toolkit/themes/windows/global/splitter.css new file mode 100644 index 000000000..3a0417ee2 --- /dev/null +++ b/toolkit/themes/windows/global/splitter.css @@ -0,0 +1,135 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.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-box-align: center; + -moz-box-pack: center; + cursor: ew-resize; + border-width: 0 2px; + border-style: solid; + -moz-border-left-colors: ThreeDShadow ThreeDHighlight; + -moz-border-right-colors: ThreeDDarkShadow ThreeDFace; + min-width: 6px; + background-color: ThreeDFace; +} + +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:-moz-lwtheme { + background: none; +} + +/* ::::: splitter (horizontal) ::::: */ + +splitter[orient="vertical"] { + cursor: ns-resize; + border-width: 2px 0; + -moz-border-top-colors: ThreeDShadow ThreeDHighlight; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDFace; + min-height: 6px; +} + +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; + border-top: 1px solid ThreeDShadow; + border-bottom: 1px solid ThreeDShadow; + min-width: 4px; + min-height: 115px; + background-color: transparent; + background-repeat: no-repeat; +} + +grippy:hover { + background-color: ThreeDHighlight; +} + +splitter[orient="vertical"] > grippy { + border-top: none; + border-right: 1px solid ThreeDShadow; + border-bottom: none; + border-left: 1px solid ThreeDShadow;; + min-width: 115px; + min-height: 4px; +} + +/* ..... normal state ..... */ + +/* vertical grippies */ +splitter[collapse="before"] > grippy, +splitter[collapse="after"] > grippy:-moz-locale-dir(rtl) { + background-image: url("chrome://global/skin/splitter/grip-left.gif"); +} + +splitter[collapse="after"] > grippy, +splitter[collapse="before"] > grippy:-moz-locale-dir(rtl) { + background-image: url("chrome://global/skin/splitter/grip-right.gif"); +} + +/* horizontal grippies */ +splitter[collapse="before"][orient="vertical"] > grippy { + background-image: url("chrome://global/skin/splitter/grip-top.gif"); +} + +splitter[collapse="after"][orient="vertical"] > grippy { + background-image: url("chrome://global/skin/splitter/grip-bottom.gif"); +} + +/* ..... collapsed state ..... */ + +/* vertical grippies */ +splitter[collapse="before"][state="collapsed"] > grippy, +splitter[collapse="after"][state="collapsed"] > grippy:-moz-locale-dir(rtl) { + background-image: url("chrome://global/skin/splitter/grip-right.gif"); +} + +splitter[collapse="after"][state="collapsed"] > grippy, +splitter[collapse="before"][state="collapsed"] > grippy:-moz-locale-dir(rtl) { + background-image: url("chrome://global/skin/splitter/grip-left.gif"); +} + +/* horizontal grippies */ +splitter[collapse="before"][state="collapsed"][orient="vertical"] > grippy { + background-image: url("chrome://global/skin/splitter/grip-bottom.gif"); +} + +splitter[collapse="after"][state="collapsed"][orient="vertical"] > grippy { + background-image: url("chrome://global/skin/splitter/grip-top.gif"); +} + diff --git a/toolkit/themes/windows/global/splitter/grip-bottom.gif b/toolkit/themes/windows/global/splitter/grip-bottom.gif Binary files differnew file mode 100644 index 000000000..af6290fe9 --- /dev/null +++ b/toolkit/themes/windows/global/splitter/grip-bottom.gif diff --git a/toolkit/themes/windows/global/splitter/grip-left.gif b/toolkit/themes/windows/global/splitter/grip-left.gif Binary files differnew file mode 100644 index 000000000..6be9bc4f4 --- /dev/null +++ b/toolkit/themes/windows/global/splitter/grip-left.gif diff --git a/toolkit/themes/windows/global/splitter/grip-right.gif b/toolkit/themes/windows/global/splitter/grip-right.gif Binary files differnew file mode 100644 index 000000000..71be69083 --- /dev/null +++ b/toolkit/themes/windows/global/splitter/grip-right.gif diff --git a/toolkit/themes/windows/global/splitter/grip-top.gif b/toolkit/themes/windows/global/splitter/grip-top.gif Binary files differnew file mode 100644 index 000000000..3cba00594 --- /dev/null +++ b/toolkit/themes/windows/global/splitter/grip-top.gif diff --git a/toolkit/themes/windows/global/tabbox.css b/toolkit/themes/windows/global/tabbox.css new file mode 100644 index 000000000..6a414cc4e --- /dev/null +++ b/toolkit/themes/windows/global/tabbox.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/. */ + +/* ===== tabbox.css ================================================= + == Styles used by XUL tab-related elements. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: tabs ::::: */ + +.tabs-left, +.tabs-right { + border-bottom: 2px solid; + -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; +} + +/* ::::: tabpanels ::::: */ + +tabpanels { + -moz-appearance: tabpanels; + border-right: 2px solid; + border-bottom: 2px solid; + border-left: 2px solid; + -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; + -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow; + padding: 8px; + background-color: -moz-Dialog; + color: -moz-DialogText; +} + +/* ::::: tab ::::: */ + +tab +{ + -moz-appearance: tab; + margin-top: 2px; + border-top: 2px solid; + border-right: 2px solid; + border-left: 2px solid; + border-bottom: 1px solid ThreeDHighlight; + -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: 1px 4px 2px 4px; + background-color: -moz-Dialog; + color: -moz-DialogText; +} + +tab:-moz-locale-dir(rtl) { + border-bottom-left-radius: 1px; + border-bottom-right-radius: 0px; +} + +.tab-text { + margin: 0 !important; +} + +tab[visuallyselected="true"] { + margin-top: 0; + border-bottom-color: transparent; + padding: 1px 6px 4px 6px; +} + +tab:-moz-focusring > .tab-middle { + /* Don't specify the outline-color, we should always use initial value. */ + outline: 1px dotted; +} + +tab[beforeselected="true"]:-moz-locale-dir(ltr), +tab[visuallyselected="true"]:-moz-locale-dir(rtl) + tab { + border-right: none; + border-top-right-radius: 0; +} + +tab[visuallyselected="true"]:-moz-locale-dir(ltr) + tab, +tab[beforeselected="true"]:-moz-locale-dir(rtl) { + border-left: none; + border-top-left-radius: 0; +} + +tab:first-of-type[visuallyselected="true"] { + padding-right: 5px; + padding-left: 5px; +} + +/* ::::: 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: 1px solid; + border-bottom: 2px solid; + -moz-border-top-colors: ThreeDShadow; + -moz-border-bottom-colors: ThreeDShadow ThreeDLightShadow; + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + padding: 2px 4px 1px 4px; +} + +.tab-bottom[visuallyselected="true"] { + margin-bottom: 0; + -moz-border-top-colors: -moz-Dialog; + padding: 4px 6px 1px 6px; +} + +.tab-bottom[beforeselected="true"]:-moz-locale-dir(ltr), +.tab-bottom[visuallyselected="true"]:-moz-locale-dir(rtl) + .tab-bottom { + border-bottom-right-radius: 0; +} + +.tab-bottom[visuallyselected="true"]:-moz-locale-dir(ltr) + .tab-bottom, +.tab-bottom[beforeselected="true"]:-moz-locale-dir(rtl) { + border-bottom-left-radius: 0; +} + +/* ::::: tabs-bottom ::::: */ + +.tabs-bottom > .tabs-left, +.tabs-bottom > .tabs-right { + border-top: 1px solid ThreeDShadow; + border-bottom: none; +} + diff --git a/toolkit/themes/windows/global/tabprompts.css b/toolkit/themes/windows/global/tabprompts.css new file mode 100644 index 000000000..e9461d6ce --- /dev/null +++ b/toolkit/themes/windows/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/toolkit/themes/windows/global/textbox.css b/toolkit/themes/windows/global/textbox.css new file mode 100644 index 000000000..78ca7f320 --- /dev/null +++ b/toolkit/themes/windows/global/textbox.css @@ -0,0 +1,120 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.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; + padding-inline-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; +} + +@media (-moz-windows-default-theme) { + @media not all and (-moz-os-version: windows-xp) { + textbox html|*.textbox-input::placeholder { + font-style: italic; + } + } +} + +.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(chrome://global/skin/icons/Search-glass.png); + -moz-image-region: rect(0, 16px, 16px, 0); +} + +.textbox-search-icon:-moz-locale-dir(rtl) { + transform: scaleX(-1); +} + +.textbox-search-icon[searchbutton]:not([disabled]) { + cursor: pointer; +} + +.textbox-search-clear { + list-style-image: url(chrome://global/skin/icons/Search-close.png); + -moz-image-region: rect(0, 16px, 16px, 0); +} + +.textbox-search-clear:not([disabled]) { + cursor: default; +} + +.textbox-search-clear:not([disabled]):hover , +.textbox-search-icon[searchbutton]:not([disabled]):hover { + -moz-image-region: rect(0, 32px, 16px, 16px); +} + +.textbox-search-clear:not([disabled]):hover:active , +.textbox-search-icon[searchbutton]:not([disabled]):hover:active { + -moz-image-region: rect(0, 48px, 16px, 32px); +} + +/* ::::: textboxes inside toolbarpaletteitems ::::: */ + +toolbarpaletteitem > toolbaritem > textbox > .textbox-input-box > html|*.textbox-input { + visibility: hidden; +} + diff --git a/toolkit/themes/windows/global/throbber/Throbber-small.gif b/toolkit/themes/windows/global/throbber/Throbber-small.gif Binary files differnew file mode 100644 index 000000000..cce32f20f --- /dev/null +++ b/toolkit/themes/windows/global/throbber/Throbber-small.gif diff --git a/toolkit/themes/windows/global/toolbar.css b/toolkit/themes/windows/global/toolbar.css new file mode 100644 index 000000000..dcd8d361f --- /dev/null +++ b/toolkit/themes/windows/global/toolbar.css @@ -0,0 +1,120 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.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; + background-color: -moz-Dialog; + border-top: 2px solid; + -moz-border-top-colors: ThreeDShadow ThreeDHighlight; +} + +/* ::::: toolbar & menubar ::::: */ + +toolbar, menubar { + -moz-appearance: toolbar; +} + +toolbar { + min-width: 1px; + min-height: 19px; + border-top: 1px solid ThreeDHighlight; + border-bottom: 1px solid ThreeDShadow; +} + +toolbar:first-child, menubar { + min-width: 1px; + border-bottom: 1px solid ThreeDShadow; + border-top: 0px !important; +} + +/* ::::: lightweight theme ::::: */ + +menubar:-moz-lwtheme, +toolbox:-moz-lwtheme, +toolbar:-moz-lwtheme { + -moz-appearance: none; + background: none; + border-color: transparent; +} + +/* ::::: toolbar decorations ::::: */ + +toolbarseparator { + -moz-appearance: separator; + border-top: 2px solid transparent; + border-bottom: 2px solid transparent; + border-left: 3px solid transparent; + border-right: 3px solid transparent; + -moz-border-left-colors : transparent transparent ThreeDShadow; + -moz-border-right-colors : transparent transparent ThreeDHighlight; +} + +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; + margin-inline-start: 0px; + margin-inline-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/toolkit/themes/windows/global/toolbar/chevron-inverted.png b/toolkit/themes/windows/global/toolbar/chevron-inverted.png Binary files differnew file mode 100644 index 000000000..861e41a81 --- /dev/null +++ b/toolkit/themes/windows/global/toolbar/chevron-inverted.png diff --git a/toolkit/themes/windows/global/toolbar/chevron.gif b/toolkit/themes/windows/global/toolbar/chevron.gif Binary files differnew file mode 100644 index 000000000..cccba6e43 --- /dev/null +++ b/toolkit/themes/windows/global/toolbar/chevron.gif diff --git a/toolkit/themes/windows/global/toolbar/spring-XP.png b/toolkit/themes/windows/global/toolbar/spring-XP.png Binary files differnew file mode 100644 index 000000000..e20f602c2 --- /dev/null +++ b/toolkit/themes/windows/global/toolbar/spring-XP.png diff --git a/toolkit/themes/windows/global/toolbar/spring.png b/toolkit/themes/windows/global/toolbar/spring.png Binary files differnew file mode 100644 index 000000000..60d88e6d3 --- /dev/null +++ b/toolkit/themes/windows/global/toolbar/spring.png diff --git a/toolkit/themes/windows/global/toolbarbutton.css b/toolkit/themes/windows/global/toolbarbutton.css new file mode 100644 index 000000000..e96e529cf --- /dev/null +++ b/toolkit/themes/windows/global/toolbarbutton.css @@ -0,0 +1,180 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.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; + border: 1px solid transparent; + padding: 3px; + background-color: transparent; + color: -moz-DialogText; +} + +.toolbarbutton-icon[label]:not([label=""]), +.toolbarbutton-icon[type="menu"] { + margin-inline-end: 5px; +} + +.toolbarbutton-text { + margin: 0 !important; /* !important for overriding global.css */ + text-align: center; +} + +toolbarbutton.tabbable { + -moz-user-focus: normal !important; +} + +toolbarbutton:-moz-focusring { + /* -moz-appearance looks redundant here but is necessary. + Without it, the outline won't appear. */ + -moz-appearance: toolbarbutton; + outline: 1px dotted -moz-DialogText; + outline-offset: -2px; +} + +toolbarbutton:hover:not([disabled="true"]) { + border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight; +} + +toolbarbutton:hover:active:not([disabled="true"]), +toolbarbutton[open="true"]:hover, +toolbarbutton[open="true"] { + border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow; + padding-top: 4px; + padding-bottom: 2px; + padding-inline-start: 4px; + padding-inline-end: 2px; +} + +toolbarbutton[disabled="true"] { + color: GrayText; + text-shadow: none; +} + +@media (-moz-windows-classic) { + toolbarbutton[disabled="true"] { + color: ThreeDShadow; + text-shadow: 1px 1px ThreeDHighlight; + } +} + +toolbarbutton[checked="true"]:not([disabled="true"]) { + border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow; + padding-top: 4px; + padding-bottom: 2px; + padding-inline-start: 4px; + padding-inline-end: 2px; + background-color: rgba(255,255,255,0.5); + color: ButtonText; +} + +@media (-moz-windows-default-theme) { + toolbarbutton:-moz-lwtheme { + text-shadow: none; + } + + toolbarbutton:-moz-lwtheme:not(:hover):not([checked="true"]):not([open="true"]):not([disabled="true"]) { + color: inherit; + text-shadow: inherit; + } + + @media not all and (-moz-os-version: windows-xp) { + toolbarbutton:-moz-lwtheme:not([disabled="true"]) { + color: inherit; + text-shadow: inherit; + } + } +} + +@media not all and (-moz-windows-default-theme) { + toolbarbutton:-moz-lwtheme { + -moz-appearance: none; + } + + toolbarbutton:-moz-lwtheme:not([disabled="true"]) { + color: inherit; + text-shadow: inherit; + } +} + +/* ::::: toolbarbutton menu ::::: */ + +.toolbarbutton-menu-dropmarker { + -moz-appearance: none !important; + border: none !important; + background-color: transparent !important; + padding: 0; + width: auto; + height: auto; + margin-top: 1px; +} + +/* ::::: toolbarbutton menu-button ::::: */ + +toolbarbutton[type="menu-button"] { + -moz-box-align: stretch; + -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 { + border-style: none; + padding: 0 !important; +} + +.toolbarbutton-menubutton-button { + -moz-box-align: center; + -moz-box-pack: center; + -moz-box-orient: vertical; +} + +/* ::::: toolbarbutton badged ::::: */ + +.toolbarbutton-badge-stack > .toolbarbutton-icon[label]:not([label=""]) { + margin-inline-end: 0; +} + +.toolbarbutton-badge { + background-color: #d90000; + font-size: 10px; + font-weight: bold; + padding: 0 2px 1px; + color: #fff; + border-radius: 2px; + box-shadow: 0 1px 0 hsla(0, 100%, 100%, .2) inset, + 0 -1px 0 hsla(0, 0%, 0%, .1) inset, + 0 1px 0 hsla(206, 50%, 10%, .2); + margin: -6px 0 0 !important; + margin-inline-end: -8px !important; + min-width: 14px; + max-width: 28px; + line-height: 10px; + text-align: center; + -moz-stack-sizing: ignore; +} + +/* .......... dropmarker .......... */ + +.toolbarbutton-menubutton-dropmarker { + -moz-appearance: none; + padding: 3px 7px; + border: none; + background-color: transparent; + width: auto; +} diff --git a/toolkit/themes/windows/global/tree.css b/toolkit/themes/windows/global/tree.css new file mode 100644 index 000000000..130096824 --- /dev/null +++ b/toolkit/themes/windows/global/tree.css @@ -0,0 +1,603 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.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:-moz-focusring > .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::-moz-tree-row(selected) { + background-color: -moz-cellhighlight; +} + +treechildren::-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; + background-image: none; +} + +/* ::::: 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 ::::: */ + +treechildren::-moz-tree-row(dropOn) { + background-color: Highlight; +} + +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) { + color: HighlightText; +} + +treechildren::-moz-tree-drop-feedback { + background-color: Highlight; + width: 50px; + height: 2px; + margin-inline-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-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 4px; +} + +.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 { + border-top: 2px solid; + border-bottom: 1px solid; + -moz-border-top-colors: ThreeDShadow -moz-Dialog; + -moz-border-right-colors: ThreeDShadow; + -moz-border-bottom-colors: ThreeDShadow; + -moz-border-left-colors: ThreeDShadow -moz-Dialog; + padding-top: 1px; + padding-bottom: 0px; + padding-inline-start: 5px; + padding-inline-end: 3px; +} + +.treecol-image:hover:active { + padding-top: 1px; + padding-bottom: 0px; + padding-inline-start: 2px; + padding-inline-end: 0px; +} + +/* ::::: 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) { + border-inline-start: 1px solid ThreeDShadow; +} + +treechildren::-moz-tree-column(insertafter) { + border-inline-end: 1px solid ThreeDShadow; +} + +/* ::::: sort direction indicator ::::: */ + +.treecol-sortdirection { + list-style-image: none; +} + +treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="ascending"] { + list-style-image: url("chrome://global/skin/tree/sort-asc.png"); +} + +treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="ascending"]:-moz-system-metric(windows-classic) { + list-style-image: url("chrome://global/skin/tree/sort-asc-classic.png"); +} + +treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="descending"] { + list-style-image: url("chrome://global/skin/tree/sort-dsc.png"); +} + +treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="descending"]:-moz-system-metric(windows-classic) { + list-style-image: url("chrome://global/skin/tree/sort-dsc-classic.png"); +} + +/* ::::: column picker ::::: */ + +.tree-columnpicker-icon { + list-style-image: url("chrome://global/skin/tree/columnpicker.gif"); +} + +/* ::::: twisty ::::: */ + +treechildren::-moz-tree-twisty { + padding-inline-end: 4px; + padding-top: 1px; + width: 9px; /* The image's width is 9 pixels */ + list-style-image: url("chrome://global/skin/tree/twisty.svg#clsd"); +} + +treechildren::-moz-tree-twisty(open) { + list-style-image: url("chrome://global/skin/tree/twisty.svg#open"); +} + +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; +} + +treechildren::-moz-tree-cell(active, selected, focus, editing), +tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, focus, editing), +tree[seltype="text"] > treechildren::-moz-tree-cell(active, selected, focus, editing) { + background-color: transparent; + border: none; +} + +treechildren::-moz-tree-cell-text(active, selected, editing) { + opacity: 0; +} + +.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; + margin-inline-start: -4px; + padding: 1px; +} + +%ifdef XP_WIN +@media not all and (-moz-os-version: windows-xp) { + /* ::::: twisty ::::: */ + + treechildren::-moz-tree-indentation { + width: 12px; + } + + treechildren::-moz-tree-twisty { + padding-inline-end: 1px; + } + + treechildren::-moz-tree-twisty(hover) { + list-style-image: url("chrome://global/skin/tree/twisty.svg#clsd-hover"); + } + + treechildren::-moz-tree-twisty(hover, open) { + list-style-image: url("chrome://global/skin/tree/twisty.svg#open-hover"); + } + + treechildren:-moz-locale-dir(rtl)::-moz-tree-twisty { + list-style-image: url("chrome://global/skin/tree/twisty.svg#clsd-rtl"); + } + + treechildren:-moz-locale-dir(rtl)::-moz-tree-twisty(open) { + list-style-image: url("chrome://global/skin/tree/twisty.svg#open-rtl"); + } + + treechildren:-moz-locale-dir(rtl)::-moz-tree-twisty(hover) { + list-style-image: url("chrome://global/skin/tree/twisty.svg#clsd-hover-rtl"); + } + + treechildren:-moz-locale-dir(rtl)::-moz-tree-twisty(hover, open) { + list-style-image: url("chrome://global/skin/tree/twisty.svg#open-hover-rtl"); + } + + @media (-moz-windows-default-theme) { + treechildren { + --treechildren-outline: none; + --treechildren-2ndBorderColor: rgba(255,255,255,.4); + --treechildren-selectedColor: rgb(217,217,217); + --treechildren-focusColor: rgb(123,195,255); + --treechildren-selectedFocusColor: rgb(205,232,255); + --treechildren-currentColor: rgb(125,162,206); + --treechildren-hoverColor: rgb(229,243,255); + --treechildren-selectedBorder: var(--treechildren-selectedColor); + --treechildren-selectedBottomBorder: rgb(204,204,204); + --treechildren-selectedImage: linear-gradient(rgb(217,217,217), rgb(217,217,217)); + --treechildren-selectedBackground: transparent; + --treechildren-currentFocusBorder: var(--treechildren-focusColor); + --treechildren-currentFocusBottomBorder: var(--treechildren-focusColor); + --treechildren-selectedFocusBorder: var(--treechildren-selectedFocusColor); + --treechildren-selectedFocusBottomBorder: rgb(165,214,255); + --treechildren-selectedFocusImage: none; + --treechildren-selectedFocusBackground: var(--treechildren-selectedFocusColor); + --treechildren-selectedFocusCurrentBorder: var(--treechildren-focusColor); + --treechildren-selectedFocusCurrentBottomBorder: var(--treechildren-focusColor); + --treechildren-selectedFocusCurrentImage: linear-gradient(rgb(205,232,255), rgb(205,232,255)); + --treechildren-hoverBorder: var(--treechildren-hoverColor); + --treechildren-hoverBottomBorder: var(--treechildren-hoverColor); + --treechildren-hoverImage: linear-gradient(rgb(229,243,255), rgb(229,243,255)); + --treechildren-hoverCurrentBorder: var(--treechildren-currentColor); + --treechildren-hoverCurrentBottomBorder: var(--treechildren-currentColor); + --treechildren-hoverCurrentImage: linear-gradient(rgba(131,183,249,.16), rgba(131,183,249,.16)); + --treechildren-hoverSelectedBorder: var(--treechildren-focusColor); + --treechildren-hoverSelectedBottomBorder: var(--treechildren-focusColor); + --treechildren-hoverSelectedImage: linear-gradient(rgb(205,232,255), rgb(205,232,255)); + } + + treechildren:not(.autocomplete-treebody)::-moz-tree-row { + height: 1.8em; + color: -moz-FieldText; + margin-inline-start: 1px; + margin-inline-end: 1px; + border-width: 1px; + border-color: transparent; + background-repeat: no-repeat; + background-size: 100% 100%; + } + + treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected) { + -moz-border-top-colors: var(--treechildren-selectedBorder); + -moz-border-right-colors: var(--treechildren-selectedBorder); + -moz-border-left-colors: var(--treechildren-selectedBorder); + -moz-border-bottom-colors: var(--treechildren-selectedBottomBorder); + background-image: var(--treechildren-selectedImage); + background-color: var(--treechildren-selectedBackground); + outline: var(--treechildren-outline); + } + + treechildren:not(.autocomplete-treebody)::-moz-tree-row(current, focus) { + border-style: solid; + -moz-border-top-colors: var(--treechildren-currentFocusBorder); + -moz-border-right-colors: var(--treechildren-currentFocusBorder); + -moz-border-left-colors: var(--treechildren-currentFocusBorder); + -moz-border-bottom-colors: var(--treechildren-currentFocusBottomBorder); + outline: var(--treechildren-outline); + } + + treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected, focus), + treechildren::-moz-tree-row(dropOn) { + -moz-border-top-colors: var(--treechildren-selectedFocusBorder); + -moz-border-right-colors: var(--treechildren-selectedFocusBorder); + -moz-border-left-colors: var(--treechildren-selectedFocusBorder); + -moz-border-bottom-colors: var(--treechildren-selectedFocusBottomBorder); + background-image: var(--treechildren-selectedFocusImage); + background-color: var(--treechildren-selectedFocusBackground); + } + + treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected, current, focus) { + border-style: solid; + -moz-border-top-colors: var(--treechildren-selectedFocusCurrentBorder); + -moz-border-right-colors: var(--treechildren-selectedFocusCurrentBorder); + -moz-border-left-colors: var(--treechildren-selectedFocusCurrentBorder); + -moz-border-bottom-colors: var(--treechildren-selectedFocusCurrentBottomBorder); + background-image: var(--treechildren-selectedFocusCurrentImage); + } + + treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover) { + -moz-border-top-colors: var(--treechildren-hoverBorder); + -moz-border-right-colors: var(--treechildren-hoverBorder); + -moz-border-left-colors: var(--treechildren-hoverBorder); + -moz-border-bottom-colors: var(--treechildren-hoverBottomBorder); + background-image: var(--treechildren-hoverImage); + outline: var(--treechildren-outline); + } + + treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover, current) { + -moz-border-top-colors: var(--treechildren-hoverCurrentBorder); + -moz-border-right-colors: var(--treechildren-hoverCurrentBorder); + -moz-border-left-colors: var(--treechildren-hoverCurrentBorder); + -moz-border-bottom-colors: var(--treechildren-hoverCurrentBottomBorder); + background-image: var(--treechildren-hoverCurrentImage); + } + + treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover, selected) { + -moz-border-top-colors: var(--treechildren-hoverSelectedBorder); + -moz-border-right-colors: var(--treechildren-hoverSelectedBorder); + -moz-border-left-colors: var(--treechildren-hoverSelectedBorder); + -moz-border-bottom-colors: var(--treechildren-hoverSelectedBottomBorder); + background-image: var(--treechildren-hoverSelectedImage); + } + + tree[disabled="true"] > treechildren::-moz-tree-row { + background: none; + -moz-border-top-colors: transparent; + -moz-border-right-colors: transparent; + -moz-border-left-colors: transparent; + -moz-border-bottom-colors: transparent; + } + + treechildren::-moz-tree-cell(dropOn) { + background-image: none; + background-color: transparent; + border-radius: 0; + } + + treechildren::-moz-tree-cell-text(primary, dropOn) { + color: -moz-FieldText; + } + + treechildren:not(.autocomplete-treebody)::-moz-tree-cell-text { + padding-bottom: initial; + border-color: transparent; + background-color: transparent; + } + + treechildren:not(.autocomplete-treebody)::-moz-tree-cell-text(selected, focus) { + color: -moz-DialogText; + } + + @media (-moz-os-version: windows-vista), + (-moz-os-version: windows-win7) { + treechildren { + --treechildren-outline: 1px solid var(--treechildren-2ndBorderColor); + --treechildren-2ndBottomBorderColor: rgba(255,255,255,.6); + --treechildren-selectedBorder: var(--treechildren-selectedColor) var(--treechildren-2ndBorderColor); + --treechildren-selectedBottomBorder: var(--treechildren-selectedColor) var(--treechildren-2ndBottomBorderColor); + --treechildren-selectedImage: linear-gradient(rgba(190,190,190,.1), rgba(190,190,190,.4)); + --treechildren-currentFocusBorder: var(--treechildren-currentColor) var(--treechildren-2ndBorderColor); + --treechildren-currentFocusBottomBorder: var(--treechildren-currentColor) var(--treechildren-2ndBottomBorderColor); + --treechildren-selectedFocusBorder: rgb(132,172,221) var(--treechildren-2ndBorderColor); + --treechildren-selectedFocusBottomBorder: var(--treechildren-currentColor) var(--treechildren-2ndBottomBorderColor); + --treechildren-selectedFocusImage: linear-gradient(rgba(131,183,249,.16), rgba(131,183,249,.375)); + --treechildren-selectedFocusBackground: transparent; + --treechildren-selectedFocusCurrentBorder: var(--treechildren-currentColor) var(--treechildren-2ndBorderColor); + --treechildren-selectedFocusCurrentBottomBorder: var(--treechildren-currentColor) var(--treechildren-2ndBottomBorderColor); + --treechildren-selectedFocusCurrentImage: linear-gradient(rgba(131,183,249,.28), rgba(131,183,249,.5)); + --treechildren-hoverBorder: rgb(184,214,251) var(--treechildren-2ndBorderColor); + --treechildren-hoverBottomBorder: rgb(184,214,251) var(--treechildren-2ndBottomBorderColor); + --treechildren-hoverImage: linear-gradient(rgba(131,183,249,.05), rgba(131,183,249,.16)); + --treechildren-hoverCurrentBorder: var(--treechildren-currentColor) var(--treechildren-2ndBorderColor); + --treechildren-hoverCurrentBottomBorder: var(--treechildren-currentColor) var(--treechildren-2ndBottomBorderColor); + --treechildren-hoverCurrentImage: linear-gradient(rgba(131,183,249,.05), rgba(131,183,249,.16)); + --treechildren-hoverSelectedBorder: var(--treechildren-currentColor) var(--treechildren-2ndBorderColor); + --treechildren-hoverSelectedBottomBorder: var(--treechildren-currentColor) var(--treechildren-2ndBottomBorderColor); + --treechildren-hoverSelectedImage: linear-gradient(rgba(131,183,249,.28), rgba(131,183,249,.5)); + } + + treechildren:not(.autocomplete-treebody)::-moz-tree-row { + border-width: 2px; + border-radius: 3px; + -moz-outline-radius: 3px; + } + } + + @media (-moz-os-version: windows-win8) { + treechildren { + --treechildren-outline: 1px solid var(--treechildren-2ndBorderColor); + --treechildren-selectedBorder: var(--treechildren-selectedColor); + --treechildren-selectedBottomBorder: var(--treechildren-selectedColor); + --treechildren-selectedImage: linear-gradient(rgba(190,190,190,.4), rgba(190,190,190,.4)); + --treechildren-currentFocusBorder: var(--treechildren-currentColor); + --treechildren-currentFocusBottomBorder: var(--treechildren-currentColor); + --treechildren-selectedFocusBorder: rgb(132,172,221) var(--treechildren-2ndBorderColor); + --treechildren-selectedFocusBottomBorder: var(--treechildren-currentColor); + --treechildren-selectedFocusImage: linear-gradient(rgba(131,183,249,.375), rgba(131,183,249,.375)); + --treechildren-selectedFocusBackground: transparent; + --treechildren-selectedFocusCurrentBorder: var(--treechildren-currentColor); + --treechildren-selectedFocusCurrentBottomBorder: var(--treechildren-currentColor); + --treechildren-selectedFocusCurrentImage: linear-gradient(rgba(131,183,249,.5), rgba(131,183,249,.5)); + --treechildren-hoverBorder: rgb(184,214,251); + --treechildren-hoverBottomBorder: rgb(184,214,251); + --treechildren-hoverImage: linear-gradient(rgba(131,183,249,.16), rgba(131,183,249,.16)); + --treechildren-hoverSelectedBorder: var(--treechildren-currentColor); + --treechildren-hoverSelectedBottomBorder: var(--treechildren-currentColor); + --treechildren-hoverSelectedImage: linear-gradient(rgba(131,183,249,.5), rgba(131,183,249,.5)); + } + } + } +} +%endif diff --git a/toolkit/themes/windows/global/tree/columnpicker.gif b/toolkit/themes/windows/global/tree/columnpicker.gif Binary files differnew file mode 100644 index 000000000..88c13a0b2 --- /dev/null +++ b/toolkit/themes/windows/global/tree/columnpicker.gif diff --git a/toolkit/themes/windows/global/tree/sort-asc-XP.png b/toolkit/themes/windows/global/tree/sort-asc-XP.png Binary files differnew file mode 100644 index 000000000..64d077a8f --- /dev/null +++ b/toolkit/themes/windows/global/tree/sort-asc-XP.png diff --git a/toolkit/themes/windows/global/tree/sort-asc-classic.png b/toolkit/themes/windows/global/tree/sort-asc-classic.png Binary files differnew file mode 100644 index 000000000..60892b955 --- /dev/null +++ b/toolkit/themes/windows/global/tree/sort-asc-classic.png diff --git a/toolkit/themes/windows/global/tree/sort-asc.png b/toolkit/themes/windows/global/tree/sort-asc.png Binary files differnew file mode 100644 index 000000000..4e335c55c --- /dev/null +++ b/toolkit/themes/windows/global/tree/sort-asc.png diff --git a/toolkit/themes/windows/global/tree/sort-dsc-XP.png b/toolkit/themes/windows/global/tree/sort-dsc-XP.png Binary files differnew file mode 100644 index 000000000..9c4a82587 --- /dev/null +++ b/toolkit/themes/windows/global/tree/sort-dsc-XP.png diff --git a/toolkit/themes/windows/global/tree/sort-dsc-classic.png b/toolkit/themes/windows/global/tree/sort-dsc-classic.png Binary files differnew file mode 100644 index 000000000..b2f04ec12 --- /dev/null +++ b/toolkit/themes/windows/global/tree/sort-dsc-classic.png diff --git a/toolkit/themes/windows/global/tree/sort-dsc.png b/toolkit/themes/windows/global/tree/sort-dsc.png Binary files differnew file mode 100644 index 000000000..d5bb668e7 --- /dev/null +++ b/toolkit/themes/windows/global/tree/sort-dsc.png diff --git a/toolkit/themes/windows/global/tree/twisty-Vista78.svg b/toolkit/themes/windows/global/tree/twisty-Vista78.svg new file mode 100644 index 000000000..0a6908634 --- /dev/null +++ b/toolkit/themes/windows/global/tree/twisty-Vista78.svg @@ -0,0 +1,39 @@ +<?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" width="9" height="9"> + <style> + use:not(:target) { + display: none; + } + use { + stroke: #74747b; + stroke-opacity: 0.85; + fill: none; + } + use[id^="open"] { + stroke: #636363; + stroke-opacity: 1; + } + use[id*="-hover"] { + stroke: #1cc4f7; + stroke-opacity: 1; + fill: #c0e8f9; + } + </style> + <defs> + <path id="clsd-shape" d="m 2.5,0.5 4,4 -4,4 z"/> + <path id="open-shape" d="M 7.5,3 7.5,7.5 3,7.5 3,6.5 6.5,3 Z"/> + <path id="clsd-rtl-shape" d="m 6.5,0.5 -4,4 4,4 z"/> + <path id="open-rtl-shape" d="m 1.5,3 0,4.5 4.5,0 0,-1 L 2.5,3 Z"/> + </defs> + <use id="clsd" xlink:href="#clsd-shape"/> + <use id="clsd-hover" xlink:href="#clsd-shape"/> + <use id="open" xlink:href="#open-shape"/> + <use id="open-hover" xlink:href="#open-shape"/> + <use id="clsd-rtl" xlink:href="#clsd-rtl-shape"/> + <use id="clsd-hover-rtl" xlink:href="#clsd-rtl-shape"/> + <use id="open-rtl" xlink:href="#open-rtl-shape"/> + <use id="open-hover-rtl" xlink:href="#open-rtl-shape"/> +</svg> diff --git a/toolkit/themes/windows/global/tree/twisty-XP.svg b/toolkit/themes/windows/global/tree/twisty-XP.svg new file mode 100644 index 000000000..66219d513 --- /dev/null +++ b/toolkit/themes/windows/global/tree/twisty-XP.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" width="9" height="9"> + <style> + use:not(:target) { + display: none; + } + use { + stroke: #000000; + stroke-width: 1; + } + </style> + <defs> + <linearGradient id="linearGradient1"> + <stop style="stop-color: #ffffff;" offset="0"/> + <stop style="stop-color: #e0e0e0;" offset="1"/> + </linearGradient> + <linearGradient id="linearGradient2"> + <stop style="stop-color: #c9c9c9;" offset="0"/> + <stop style="stop-color: #f8f8f8;" offset="1"/> + </linearGradient> + <linearGradient id="gradient1" xlink:href="#linearGradient1" gradientUnits="userSpaceOnUse" x1="4.5" y1="2" x2="4.5" y2="7"/> + <linearGradient id="gradient2" xlink:href="#linearGradient2" gradientUnits="userSpaceOnUse" x1="4.5" y1="6" x2="4.5" y2="3"/> + <path id="clsd-shape" d="m 2,4.5 5,0 M 4.5,2 l 0,5"/> + <path id="open-shape" d="m 2,4.5 5,0"/> + </defs> + <rect style="fill: url(#gradient1); stroke: #5d5cc2; stroke-linejoin: round; stroke-opacity: 0.8" width="8" height="8" x="0.5" y="0.5"/> + <rect style="fill: url(#gradient2);" width="5" height="5" x="2" y="2"/> + <use id="clsd" xlink:href="#clsd-shape"/> + <use id="open" xlink:href="#open-shape"/> +</svg> diff --git a/toolkit/themes/windows/global/tree/twisty.svg b/toolkit/themes/windows/global/tree/twisty.svg new file mode 100644 index 000000000..4eeb029ee --- /dev/null +++ b/toolkit/themes/windows/global/tree/twisty.svg @@ -0,0 +1,35 @@ +<?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" width="9" height="9"> + <style> + use:not(:target) { + display: none; + } + use { + stroke: #b6b6b6; + stroke-width: 1.6; + fill: none; + } + use[id^="open"] { + stroke: #636363; + } + use[id*="-hover"] { + stroke: #4ed0f9; + } + </style> + <defs> + <path id="clsd-shape" d="m 2.5,0.5 4,4 -4,4"/> + <path id="open-shape" d="m 8.5,2.5 -4,4 -4,-4"/> + <path id="clsd-rtl-shape" d="m 6.5,0.5 -4,4 4,4"/> + </defs> + <use id="clsd" xlink:href="#clsd-shape"/> + <use id="clsd-hover" xlink:href="#clsd-shape"/> + <use id="open" xlink:href="#open-shape"/> + <use id="open-hover" xlink:href="#open-shape"/> + <use id="clsd-rtl" xlink:href="#clsd-rtl-shape"/> + <use id="clsd-hover-rtl" xlink:href="#clsd-rtl-shape"/> + <use id="open-rtl" xlink:href="#open-shape"/> + <use id="open-hover-rtl" xlink:href="#open-shape"/> +</svg> diff --git a/toolkit/themes/windows/global/wizard.css b/toolkit/themes/windows/global/wizard.css new file mode 100644 index 000000000..b46ed7e17 --- /dev/null +++ b/toolkit/themes/windows/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 { + margin-inline-start: 23px; + font-weight: bold; +} + +.wizard-header-description { + margin-inline-start: 44px; +} + +wizard[branded="true"] .wizard-header-icon { + list-style-image: url("chrome://branding/content/icon48.png"); + margin-inline-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"] { + margin-inline-start: 0px !important; +} + +.wizard-button[dlgtype="back"] { + margin-inline-end: 0px !important; +} diff --git a/toolkit/themes/windows/global/xulscrollbars.css b/toolkit/themes/windows/global/xulscrollbars.css new file mode 100644 index 000000000..6d8f1c8c8 --- /dev/null +++ b/toolkit/themes/windows/global/xulscrollbars.css @@ -0,0 +1,235 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.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: scrollbar-horizontal; + -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar"); + cursor: default; + background: url("chrome://global/skin/scrollbar/slider.gif") scrollbar; +} + +@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: scrollbar-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; +} + +/* ::::: slider - a thumb is inside ::::: */ +slider { + -moz-appearance: scrollbartrack-horizontal; +} + +slider[orient="vertical"] { + -moz-appearance: scrollbartrack-vertical; +} + +/* ::::: 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: scrollbar-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: scrollbar-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") + } + +} |