diff options
Diffstat (limited to 'toolkit/themes/windows')
60 files changed, 2444 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 0000000000..4e3dfe6bd7 --- /dev/null +++ b/toolkit/themes/windows/global/alerts/alert.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/. */ + +%include ../../../shared/alert.inc.css + +#alertNotification { + 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); +} + +@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/arrow-up.gif b/toolkit/themes/windows/global/arrow/arrow-up.gif Binary files differnew file mode 100644 index 0000000000..b7a3f32285 --- /dev/null +++ b/toolkit/themes/windows/global/arrow/arrow-up.gif 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 0000000000..d8a288e60a --- /dev/null +++ b/toolkit/themes/windows/global/arrow/panelarrow-horizontal.svg @@ -0,0 +1,7 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg xmlns="http://www.w3.org/2000/svg" width="10" height="20"> + <path d="M 10,0 L 0,10 10,20 z" fill="context-stroke"/> + <path d="M 10,1 L 1,10 10,19 z" fill="context-fill"/> +</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 0000000000..50fe6b63b4 --- /dev/null +++ b/toolkit/themes/windows/global/arrow/panelarrow-vertical.svg @@ -0,0 +1,7 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg xmlns="http://www.w3.org/2000/svg" width="20" height="10"> + <path d="M 0,10 L 10,0 20,10 z" fill="context-stroke"/> + <path d="M 1,10 L 10,1 19,10 z" fill="context-fill"/> +</svg> diff --git a/toolkit/themes/windows/global/autocomplete.css b/toolkit/themes/windows/global/autocomplete.css new file mode 100644 index 0000000000..743644c745 --- /dev/null +++ b/toolkit/themes/windows/global/autocomplete.css @@ -0,0 +1,89 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* ===== 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 ::::: */ + +html|input[nomatch="true"][highlightnonmatches="true"] { + color: red; +} + +/* ::::: autocomplete popups ::::: */ + +panel[type="autocomplete-richlistbox"] { + appearance: none; + padding: 0; + color: FieldText; + background-color: Field; +} + +/* ::::: richlistbox autocomplete ::::: */ + +.autocomplete-richlistbox { + appearance: none; + margin: 0; +} + +.autocomplete-richlistitem[selected] { + background-color: Highlight; + color: HighlightText; +} + +.ac-type-icon { + display: none; + width: 16px; + height: 16px; + max-width: 16px; + max-height: 16px; + margin-inline-start: 6px; + margin-inline-end: 6px; +} + +.ac-site-icon { + display: none; + width: 16px; + height: 16px; + max-width: 16px; + max-height: 16px; + margin-inline-start: 6px; + margin-inline-end: 8px; + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.svg"); + -moz-context-properties: fill; + fill: currentColor; +} + +.ac-title { + margin-inline-start: 0; + margin-inline-end: 6px; +} + +.ac-separator { + display: none; + margin-inline-start: 0; + margin-inline-end: 6px; +} + +.ac-url { + display: none; +} + +/* Better align the URL with the title. */ +.ac-separator, +.ac-url { + margin-bottom: -2px; +} + +.ac-title-text, +.ac-separator-text, +.ac-url-text, +.ac-text-overflow-container { + padding: 0 !important; + margin: 0 !important; +} diff --git a/toolkit/themes/windows/global/button.css b/toolkit/themes/windows/global/button.css new file mode 100644 index 0000000000..e33f0d7faa --- /dev/null +++ b/toolkit/themes/windows/global/button.css @@ -0,0 +1,95 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.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 { + margin: 1px 5px 2px; + min-width: 6.3em; + color: ButtonText; + text-shadow: none; +} + +.button-box { + padding-block: 2px 3px; + padding-inline: 4px 5px; +} + +.button-text { + margin: 0; + text-align: center; +} + +/* .......... focused state .......... */ + +button:-moz-focusring { + outline: 1px dotted; + outline-offset: -3px; +} + +/* .......... default/hover/focused state .......... */ + +@media (-moz-windows-default-theme: 0) { + @media (-moz-windows-compositor) { + /* This is for high-contrast black and white themes on Windows 8 and later, + where the native appearance renders a different background (which + appears to be equivalent to the Highlight color) if the button is in the + default, hovered or focused state. However, if these states overlap with + the active, disabled, open or checked state, the appearance reverts back + to the default background. */ + button:is([default="true"],:hover,:focus):not(:active,[disabled="true"],[open="true"],[checked="true"]) { + color: HighlightText; + } + } +} + +/* .......... disabled state .......... */ + +button[disabled="true"] { + color: GrayText; +} + +@media (-moz-windows-classic) { + button[disabled="true"] { + color: ThreeDShadow; + text-shadow: 1px 1px ThreeDHighlight; + } +} + +/* ::::: menu buttons ::::: */ + +.button-menu-dropmarker { + appearance: none; + list-style-image: url("chrome://global/skin/icons/arrow-dropdown-12.svg"); + -moz-context-properties: fill; + fill: currentColor; + width: 12px; + height: 12px; +} + +/* ::::: plain buttons ::::: */ + +button.plain { + margin: 0 !important; + padding: 0 !important; +} + +button[type="disclosure"] { + margin: 0; + appearance: none; + list-style-image: url("chrome://global/skin/icons/twisty-collapsed.svg"); + -moz-context-properties: fill; + fill: currentColor; + min-width: 0; +} + +button[type="disclosure"][open="true"] { + list-style-image: url("chrome://global/skin/icons/twisty-expanded.svg"); +} diff --git a/toolkit/themes/windows/global/checkbox.css b/toolkit/themes/windows/global/checkbox.css new file mode 100644 index 0000000000..7bc2ca3af9 --- /dev/null +++ b/toolkit/themes/windows/global/checkbox.css @@ -0,0 +1,60 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* ===== checkbox.css =================================================== + == Styles used by the XUL checkbox element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: checkbox ::::: */ + +checkbox { + appearance: auto; + -moz-default-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-icon[src] { + margin-inline-end: 2px; +} + +.checkbox-label { + margin: 0; +} + +/* ..... focused state ..... */ + +checkbox:-moz-focusring > .checkbox-label-box { + outline: 1px dotted; +} + +/* ..... disabled state ..... */ + +checkbox[disabled="true"] { + color: GrayText; +} + +@media (-moz-windows-classic) { + checkbox[disabled="true"] { + color: ThreeDShadow; + text-shadow: 1px 1px ThreeDHighlight; + } +} + +/* ::::: checkmark image ::::: */ + +.checkbox-check { + appearance: auto; + -moz-default-appearance: checkbox; + -moz-box-align: center; + min-width: 13px; + min-height: 13px; + margin-inline-end: 3px; +} diff --git a/toolkit/themes/windows/global/commonDialog.css b/toolkit/themes/windows/global/commonDialog.css new file mode 100644 index 0000000000..64c4664a84 --- /dev/null +++ b/toolkit/themes/windows/global/commonDialog.css @@ -0,0 +1,13 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +#infoContainer { + display: flex; + flex-direction: column; + justify-content: center; +} + +#infoIcon { + margin: 3px 5px 4px; +} diff --git a/toolkit/themes/windows/global/dialog.css b/toolkit/themes/windows/global/dialog.css new file mode 100644 index 0000000000..16e47fa412 --- /dev/null +++ b/toolkit/themes/windows/global/dialog.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/. */ + +/* ===== dialog.css ===================================================== + == Styles used by the XUL dialog element. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: dialog ::::: */ + +:host { + padding-block: 8px 10px; + padding-inline: 8px 10px; +} + +/* ::::: dialog buttons ::::: */ + +button { + font: menu; + margin-top: 6px; +} diff --git a/toolkit/themes/windows/global/dirListing/dirListing.css b/toolkit/themes/windows/global/dirListing/dirListing.css new file mode 100644 index 0000000000..9a62b4693f --- /dev/null +++ b/toolkit/themes/windows/global/dirListing/dirListing.css @@ -0,0 +1,107 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +:root { + background-color: -moz-dialog; + color: -moz-dialogtext; + font: message-box; + padding-inline: 2em; +} + +body { + border: 1px solid ThreeDShadow; + border-radius: 10px; + padding: 3em; + min-width: 30em; + max-width: 65em; + margin: 4em auto; + background-color: Field; + color: 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; +} + +/* ensure multiple spaces are shown correctly. */ +td:first-child > a { + white-space: pre; +} + +p { + font-size: 110%; +} + +#UI_goUp { + margin-top: 0; + float: inline-start; +} + +#UI_showHidden { + margin-top: 0; + float: inline-end; +} + +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: -20px 4px; + 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.png b/toolkit/themes/windows/global/dirListing/folder.png Binary files differnew file mode 100644 index 0000000000..9c2a038426 --- /dev/null +++ b/toolkit/themes/windows/global/dirListing/folder.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 0000000000..2c9136b5d9 --- /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 0000000000..02a20182d8 --- /dev/null +++ b/toolkit/themes/windows/global/dropmarker.css @@ -0,0 +1,13 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +:host { + appearance: auto; + -moz-default-appearance: -moz-menulist-arrow-button; + width: 16px; + height: 16px; + /* Cut off inheritance for dropmarkers within other widgets where + -moz-image-region might be set for the primary icon. */ + -moz-image-region: auto; +} diff --git a/toolkit/themes/windows/global/findBar.css b/toolkit/themes/windows/global/findBar.css new file mode 100644 index 0000000000..2dd8632a57 --- /dev/null +++ b/toolkit/themes/windows/global/findBar.css @@ -0,0 +1,5 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +%include ../../shared/findBar.inc.css diff --git a/toolkit/themes/windows/global/global.css b/toolkit/themes/windows/global/global.css new file mode 100644 index 0000000000..72cf88543a --- /dev/null +++ b/toolkit/themes/windows/global/global.css @@ -0,0 +1,216 @@ +% This Source Code Form is subject to the terms of the Mozilla Public +% License, v. 2.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. + ======================================================================= */ + +%include ../../shared/global.inc.css + +:root { + /* ::::: Variables ::::: */ + --arrowpanel-padding: 10px; + --default-arrowpanel-background: Field; + --default-arrowpanel-color: FieldText; + --default-arrowpanel-border-color: ThreeDShadow; + --arrowpanel-background: var(--default-arrowpanel-background); + --arrowpanel-color: var(--default-arrowpanel-color); + --arrowpanel-border-color: var(--default-arrowpanel-border-color); + --panel-disabled-color: GrayText; + --panel-description-color: GrayText; + /* ::::: Styles ::::: */ + background-color: -moz-Dialog; + color: -moz-DialogText; + font: message-box; +} + +@media (-moz-windows-default-theme) { + :root { + --arrowpanel-border-color: hsla(210,4%,10%,.2); + } +} + +/* ::::: Alert icons :::::*/ + +.message-icon, +.alert-dialog #infoIcon, +.alert-icon, +.error-icon, +.question-icon { + width: 32px; + height: 32px; +} + +.message-icon { + list-style-image: url("chrome://global/skin/icons/info.svg"); +} + +.alert-dialog #infoIcon, +.alert-icon { + list-style-image: url("chrome://global/skin/icons/warning.svg"); +} + +.error-icon { + list-style-image: url("chrome://global/skin/icons/Error.png"); +} + +.question-icon { + list-style-image: url("chrome://global/skin/icons/help.svg"); + -moz-context-properties: fill, fill-opacity; + fill: currentColor; + fill-opacity: 0.8; +} + +/* ::::: iframe ::::: */ + +xul|iframe { + border: none; + width: 100px; + height: 100px; + min-width: 10px; + min-height: 10px; +} + +@supports -moz-bool-pref("layout.css.emulate-moz-box-with-flex") { + /* In emulation, <iframe> is block instead of inline, so reset the width/height */ + xul|iframe { + width: auto; + height: auto; + } +} + +xul|toolbar[mode="text"] .toolbarbutton-text { + padding: 0 !important; + margin: 3px 5px !important; +} + +/* ::::: Print preview ::::: */ + +.print-preview-navigate-button { + min-width: 1.9em; +} + +.print-preview-navigate-button > .toolbarbutton-icon { + display: none; +} + +#print-preview-portrait-button { + list-style-image: url("chrome://global/skin/icons/Print-preview.png"); + -moz-image-region: rect(0px 16px 16px 0px); +} + +#print-preview-landscape-button { + list-style-image: url("chrome://global/skin/icons/Print-preview.png"); + -moz-image-region: rect(0px 32px 16px 16px); +} + +#print-preview-portrait-button > .toolbarbutton-icon, +#print-preview-landscape-button > .toolbarbutton-icon { + margin-inline-end: 2px; +} + +html|*#print-preview-pageNumber { + /* 3 chars + (3px border + 1px padding) on both sides */ + width: calc(8px + 3ch); + margin: 0 4px; +} + +/* ::::: Miscellaneous formatting ::::: */ + +:root[lwtheme-image]:-moz-lwtheme-darktext { + text-shadow: 0 -0.5px 1.5px white; +} + +:root[lwtheme-image]:-moz-lwtheme-brighttext { + text-shadow: 1px 1px 1.5px black; +} + +/* separators */ +xul|separator:not([orient="vertical"]) { + height: 1.5em; +} +xul|separator[orient="vertical"] { + width: 1.5em; +} + +xul|separator.thin:not([orient="vertical"]) { + height: 0.5em; +} +xul|separator.thin[orient="vertical"] { + width: 0.5em; +} + +xul|separator.groove:not([orient="vertical"]) { + border-top: 1px solid ThreeDShadow; + border-bottom: 1px solid ThreeDHighlight; + height: 0; + margin-block: 0.4em; +} +xul|separator.groove[orient="vertical"] { + border-left: 1px solid ThreeDShadow; + border-right: 1px solid ThreeDHighlight; + width: 0; + margin-inline: 0.4em; +} + +xul|description, +xul|label { + cursor: default; + margin-block: 1px 2px; + margin-inline: 6px 5px; +} + +xul|description { + margin-bottom: 4px; +} + +xul|label[disabled="true"] { + color: GrayText; +} + +@media (-moz-windows-classic) { + xul|label[disabled="true"] { + color: ThreeDShadow; + text-shadow: 1px 1px ThreeDHighlight; + } +} + +.tooltip-label { + margin: 0; +} + +.header { + font-weight: bold; +} + +.indent { + margin-inline-start: 23px; +} + +.box-padded { + padding: 5px; +} + +.text-link { + color: -moz-nativehyperlinktext; + cursor: pointer; +} + +.text-link:hover { + text-decoration: underline; +} + +.text-link:-moz-focusring { + outline: 1px dotted; +} + +html|input { + margin: 2px 4px; +} + +xul|popupnotificationcontent { + margin-top: .5em; +} + +%include ../../shared/notification-popup.inc.css 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 0000000000..65249f8059 --- /dev/null +++ b/toolkit/themes/windows/global/icons/Error.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 0000000000..fad822281e --- /dev/null +++ b/toolkit/themes/windows/global/icons/Landscape.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 0000000000..afe9ee83f0 --- /dev/null +++ b/toolkit/themes/windows/global/icons/Portrait.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 0000000000..51c760159c --- /dev/null +++ b/toolkit/themes/windows/global/icons/Print-preview.png diff --git a/toolkit/themes/windows/global/icons/blocklist_favicon.png b/toolkit/themes/windows/global/icons/blocklist_favicon.png Binary files differnew file mode 100644 index 0000000000..1331791a03 --- /dev/null +++ b/toolkit/themes/windows/global/icons/blocklist_favicon.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 0000000000..4fc1ccc996 --- /dev/null +++ b/toolkit/themes/windows/global/icons/question-64.png diff --git a/toolkit/themes/windows/global/icons/search-textbox.svg b/toolkit/themes/windows/global/icons/search-textbox.svg new file mode 100644 index 0000000000..c2d9f3a8eb --- /dev/null +++ b/toolkit/themes/windows/global/icons/search-textbox.svg @@ -0,0 +1,7 @@ +<?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="12" height="12" viewBox="0 0 12 12"> + <path fill="#939393" fill-rule="evenodd" d="M11.354,10.646l-0.707.707L7.295,8A4.483,4.483,0,1,1,9,4.5,4.458,4.458,0,0,1,8,7.295ZM4.5,1A3.5,3.5,0,1,0,8,4.5,3.5,3.5,0,0,0,4.5,1Z" transform="scale(-1, 1) translate(-12, 0)"/> +</svg>
\ No newline at end of file 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 0000000000..cccf9408f7 --- /dev/null +++ b/toolkit/themes/windows/global/icons/sslWarning.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 0000000000..7e30398c8c --- /dev/null +++ b/toolkit/themes/windows/global/icons/warning-large.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 0000000000..1f1e9e885f --- /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 0000000000..fb5ae3ed47 --- /dev/null +++ b/toolkit/themes/windows/global/in-content/common.css @@ -0,0 +1,56 @@ +/* - This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.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 + +:root { + --panel-border-radius: 0; +} + +xul|menulist::part(dropmarker) { + margin-block: 1px; +} + +xul|checkbox, +xul|radio { + padding-inline-start: 0; +} + +@media (-moz-windows-default-theme: 0) { + xul|checkbox[checked] > xul|*.checkbox-check, + xul|*.radio-check[selected] { + fill: FieldText; + background-color: Field; + } +} + +/* Override menulist.css */ +xul|menulist[disabled="true"] { + background-color: var(--in-content-button-background); +} + +xul|menulist:-moz-focusring > xul|*.menulist-label-box { + outline: none !important; +} + +html|input[type="checkbox"]:-moz-focusring + html|label:before { + 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 (-moz-windows-default-theme: 0) { + xul|treechildren::-moz-tree-row(selected) { + border: 2px dotted Highlight; + } +} + +html|button { + /* XUL button min-width */ + min-width: 6.3em; +} + +xul|button > xul|*.button-box { + padding-inline: 0; +} 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 0000000000..bdfec2d284 --- /dev/null +++ b/toolkit/themes/windows/global/in-content/info-pages.css @@ -0,0 +1,5 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +%include ../../../shared/in-content/info-pages.inc.css diff --git a/toolkit/themes/windows/global/jar.mn b/toolkit/themes/windows/global/jar.mn new file mode 100644 index 0000000000..f0d13c2949 --- /dev/null +++ b/toolkit/themes/windows/global/jar.mn @@ -0,0 +1,46 @@ +# This Source Code Form is subject to the terms of the Mozilla Public +# License, v. 2.0. If a copy of the MPL was not distributed with this +# file, You can obtain one at http://mozilla.org/MPL/2.0/. + +#include ../../shared/non-mac.jar.inc.mn + +toolkit.jar: + skin/classic/global/autocomplete.css + skin/classic/global/button.css + skin/classic/global/checkbox.css + skin/classic/global/dropmarker.css +* skin/classic/global/menu.css + skin/classic/global/menulist.css + skin/classic/global/radio.css + skin/classic/global/tabbox.css + skin/classic/global/search-textbox.css + skin/classic/global/commonDialog.css +* skin/classic/global/findBar.css +* skin/classic/global/global.css + skin/classic/global/netError.css +* skin/classic/global/popup.css +* skin/classic/global/popupnotification.css + skin/classic/global/printPageSetup.css + skin/classic/global/richlistbox.css + skin/classic/global/splitter.css + skin/classic/global/toolbar.css + skin/classic/global/toolbarbutton.css + skin/classic/global/tooltip.css +* skin/classic/global/tree.css +* skin/classic/global/alerts/alert.css (alerts/alert.css) + skin/classic/global/dirListing/folder.png (dirListing/folder.png) + skin/classic/global/dirListing/up.png (dirListing/up.png) + skin/classic/global/icons/blocklist_favicon.png (icons/blocklist_favicon.png) + skin/classic/global/icons/Error.png (icons/Error.png) + skin/classic/global/icons/Landscape.png (icons/Landscape.png) + skin/classic/global/icons/Portrait.png (icons/Portrait.png) + skin/classic/global/icons/Print-preview.png (icons/Print-preview.png) + skin/classic/global/icons/sslWarning.png (icons/sslWarning.png) + skin/classic/global/icons/warning-large.png (icons/warning-large.png) + skin/classic/global/icons/windowControls.png (icons/windowControls.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/tree/sort-asc.svg (tree/sort-asc.svg) + skin/classic/global/tree/sort-dsc.svg (tree/sort-dsc.svg) + skin/classic/global/tree/sort-asc-classic.png (tree/sort-asc-classic.png) + skin/classic/global/tree/sort-dsc-classic.png (tree/sort-dsc-classic.png) diff --git a/toolkit/themes/windows/global/menu.css b/toolkit/themes/windows/global/menu.css new file mode 100644 index 0000000000..a238c19d66 --- /dev/null +++ b/toolkit/themes/windows/global/menu.css @@ -0,0 +1,276 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.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 ::::: */ + +menupopup, +menubar { + font: menu; +} + +menu, +menuitem, +menucaption { + appearance: auto; + -moz-default-appearance: menuitem; + -moz-box-align: center; + list-style-image: none; + -moz-image-region: auto; +} + +menu[disabled="true"], +menuitem[disabled="true"], +menu[_moz-menuactive="true"][disabled="true"], +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"] { + color: ThreeDShadow; + text-shadow: 1px 1px ThreeDHighlight; + } +} + +menuitem[default="true"], +menuitem.spell-suggestion, +menucaption { + font-weight: bold; +} + +/* ..... Internal content .... */ + +.menu-accel, +.menu-iconic-accel, +.menu-text, +.menu-iconic-text { + margin: 0 !important; + padding: 1px 0; +} + +.menu-text { + padding-inline-start: 1.45em !important; + appearance: auto; + -moz-default-appearance: menuitemtext; +} + +.menu-text, +.menu-iconic-text { + margin-inline-start: 2px !important; + padding-inline-end: 2px; +} + +.menu-accel, +.menu-iconic-accel { + margin-inline: 0.74em 1.35em !important; +} + +.menu-iconic-left { + min-width: 1.45em; +} + +.menu-iconic-icon { + width: 16px; + height: 16px; +} + +.menu-iconic > .menu-iconic-left, +.menuitem-iconic > .menu-iconic-left { + appearance: auto; + -moz-default-appearance: menuimage; + padding-top: 2px; +} + +/* ..... menu arrow box ..... */ + +.menu-right { + appearance: auto; + -moz-default-appearance: menuarrow; + margin-inline-end: -2px; + list-style-image: none; + min-width: 1.28em; + padding-top: 1px; +} + +/* ::::: menu/menuitems in menubar ::::: */ + +menubar > menu[_moz-menuactive="true"]:not([disabled="true"]) { + color: -moz-menubarhovertext; +} + +@media (-moz-windows-classic) { + menubar > menu { + border: 2px solid transparent; + } + + menubar > menu[_moz-menuactive="true"][open="true"] { + border-width: 3px 1px 1px 3px; + } +} + +menubar > menu:-moz-lwtheme { + 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) { + menubar > menu:-moz-lwtheme { + appearance: auto; + -moz-default-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-text { + margin: 1px 6px 2px !important; +} + +/* ::::: menu/menuitems in popups ::::: */ + +menupopup > menu, +menupopup > menuitem, +menupopup > menucaption { + max-width: 42em; +} + +menu[_moz-menuactive="true"], +menuitem[_moz-menuactive="true"] { + background-color: -moz-menuhover; + color: -moz-menuhovertext; +} + +/* ::::: menu/menuitems in menulist popups ::::: */ + +menulist > menupopup { + font: inherit; +} + +menulist > menupopup > menuitem, +menulist > menupopup > menucaption, +menulist > menupopup > menu { + appearance: none !important; + border: 1px solid transparent; + padding-inline: 5px; + max-width: none; + color: 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: 0; + padding-bottom: 0; +} + +menulist:-moz-focusring > menupopup > menuitem[_moz-menuactive="true"] { + border: 1px dotted #F5DB95; +} + +menulist > menupopup > menuitem[_moz-menuactive="true"][disabled="true"] { + color: GrayText; +} + +@media (-moz-windows-classic) { + menulist > menupopup > menuitem[disabled="true"]:not([_moz-menuactive="true"]) { + color: GrayText; + text-shadow: none; + } +} + +menulist > menupopup > :is(menuitem, menucaption):not(.menuitem-iconic) > .menu-iconic-text { + margin: 0 !important; +} + +/* ::::: checkbox and radio menuitems ::::: */ + +menuitem[type="checkbox"], +menuitem[checked="true"] { + appearance: auto; + -moz-default-appearance: checkmenuitem; +} +menuitem[type="checkbox"] > .menu-iconic-left, +menuitem[checked="true"] > .menu-iconic-left { + appearance: auto; + -moz-default-appearance: menucheckbox; + padding-top: 0; +} + +menuitem[type="radio"] { + appearance: auto; + -moz-default-appearance: radiomenuitem; +} +menuitem[type="radio"] > .menu-iconic-left { + appearance: auto; + -moz-default-appearance: menuradio; + padding-top: 0; +} + +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 { + appearance: auto; + -moz-default-appearance: menuseparator; + padding: 3px 1px 4px; + border-top: 1px solid ThreeDShadow; + border-bottom: 1px solid ThreeDHighlight; +} + +menulist > menupopup > menuseparator { + padding: 6px 0 5px; + border-top: 1px solid #000000; + border-bottom: none; +} + +%include ../../shared/menu-scrolling.inc.css diff --git a/toolkit/themes/windows/global/menulist.css b/toolkit/themes/windows/global/menulist.css new file mode 100644 index 0000000000..7ca8b28421 --- /dev/null +++ b/toolkit/themes/windows/global/menulist.css @@ -0,0 +1,62 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +:host { + appearance: auto; + -moz-default-appearance: menulist; + margin: 2px 4px; + color: FieldText; + text-shadow: none; +} + +:host([disabled="true"]) { + background-color: -moz-Dialog; + color: GrayText; +} + +/* Label box */ + +#label-box { + -moz-box-align: center; + -moz-box-pack: center; +} + +:host(:not([open="true"]):focus) > #label-box { + background-color: Highlight; + color: HighlightText; +} + +:host(:not([open="true"]):-moz-focusring) > #label-box { + outline: 1px dotted; +} + +/* Labels */ + +label { + margin: 0 3px !important; +} + +#highlightable-label:not([highlightable="true"]), +#label[highlightable="true"] { + display: none; +} + +@media (-moz-windows-default-theme) { + #label-box { + background-color: transparent !important; + color: inherit !important; + } + + image, + label { + margin-block: -1px !important; + } + + dropmarker { + margin-top: -2px; + margin-inline: 3px -3px; + } +} diff --git a/toolkit/themes/windows/global/moz.build b/toolkit/themes/windows/global/moz.build new file mode 100644 index 0000000000..d988c0ff9b --- /dev/null +++ b/toolkit/themes/windows/global/moz.build @@ -0,0 +1,7 @@ +# -*- 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"] diff --git a/toolkit/themes/windows/global/netError.css b/toolkit/themes/windows/global/netError.css new file mode 100644 index 0000000000..fe8c8483f3 --- /dev/null +++ b/toolkit/themes/windows/global/netError.css @@ -0,0 +1,104 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.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: FieldText; + font: message-box; +} + +h1 { + margin: 0 0 .6em; + 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 Field; + background-origin: content-box; +} + +#errorPageContainer.certerror { + background-image: url("chrome://global/skin/icons/sslWarning.png"); +} + +#errorPageContainer:dir(rtl) { + background-position: right 0; +} + +#errorLongContent, +#errorTitle { + 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%; +} + +#errorTryAgain { + margin-top: 2em; + margin-inline-start: 80px; +} + +#errorContainer { + display: none; +} + +#securityOverrideDiv { + padding-top: 10px; +} + +#securityOverrideContent { + background-color: InfoBackground; + color: InfoText; + padding: 10px; + border-radius: 10px; + display: none; +} diff --git a/toolkit/themes/windows/global/popup.css b/toolkit/themes/windows/global/popup.css new file mode 100644 index 0000000000..fd4f7712e7 --- /dev/null +++ b/toolkit/themes/windows/global/popup.css @@ -0,0 +1,132 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +/* ::::: menupopup ::::: */ + +menupopup, +panel { + border: 1px solid ThreeDShadow; + padding: 0; + min-width: 1px; + background: Menu; + color: MenuText; +} + +menupopup { + appearance: auto; + -moz-default-appearance: menupopup; +} + +menupopup > menu > menupopup { + /* align submenus */ + margin-inline-start: -3px; + margin-top: -3px; +} + +panel[type="arrow"] { + appearance: none; + background: transparent; + border: none; +} + +panel[type="arrow"][side="top"], +panel[type="arrow"][side="bottom"] { + margin-inline: -20px; +} + +panel[type="arrow"][side="left"], +panel[type="arrow"][side="right"] { + margin-block: -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; +} + +.panel-arrowcontent > html|slot { + /* propagate border-radius from arrowcontent to slotted children */ + border-radius: inherit; +} + +:host([orient=vertical]) .panel-arrowcontent { + -moz-box-orient: vertical; +} + +%ifdef XP_WIN +@media (-moz-os-version: windows-win7) { +%endif +.panel-arrowcontent { + border-radius: 4px; +} +%ifdef XP_WIN +} +%endif + +panel[type="arrow"].panel-no-padding::part(arrowcontent) { + padding: 0; + overflow: hidden; /* Don't let panel content overflow the border-radius */ +} + +:is(panel, menupopup)::part(arrow) { + -moz-context-properties: fill, stroke; + fill: var(--arrowpanel-background); + stroke: var(--arrowpanel-border-color); +} + +:is(panel, menupopup)[side="top"]::part(arrow), +:is(panel, menupopup)[side="bottom"]::part(arrow) { + list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg"); + position: relative; + margin-inline: 10px; +} + +:is(panel, menupopup)[side="top"]::part(arrow) { + margin-bottom: -5px; +} + +:is(panel, menupopup)[side="bottom"]::part(arrow) { + transform: scaleY(-1); + margin-top: -5px; +} + +:is(panel, menupopup)[side="left"]::part(arrow), +:is(panel, menupopup)[side="right"]::part(arrow) { + list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg"); + position: relative; + margin-block: 10px; +} + +:is(panel, menupopup)[side="left"]::part(arrow) { + margin-right: -5px; +} + +:is(panel, menupopup)[side="right"]::part(arrow) { + transform: scaleX(-1); + margin-left: -5px; +} + +%ifdef XP_WIN +@media (-moz-windows-default-theme) { + .panel-arrowcontent { + box-shadow: 0 0 4px hsla(210,4%,10%,.2); + } +} +%endif + +/* rules for popups associated with menulists */ + +menulist > menupopup { + appearance: none; + min-width: 0; + background-color: Field; +} diff --git a/toolkit/themes/windows/global/popupnotification.css b/toolkit/themes/windows/global/popupnotification.css new file mode 100644 index 0000000000..aad026398b --- /dev/null +++ b/toolkit/themes/windows/global/popupnotification.css @@ -0,0 +1,22 @@ +%if 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/. */ +%endif +%include ../../shared/popupnotification.inc.css + +/* Override default icon size which is too small for this dropdown */ +.popup-notification-dropmarker > .button-box > .button-menu-dropmarker { + width: 16px; + height: 16px; +} + +/* Swap the primary and secondary action, because Windows + * platform conventions put the primary action on the left. */ +.popup-notification-primary-button { + order: -1; +} + +.popup-notification-secondary-button:not([hidden="true"]) ~ .popup-notification-primary-button:not([default]) { + border-inline-end: 1px solid var(--panel-separator-color); +} diff --git a/toolkit/themes/windows/global/printPageSetup.css b/toolkit/themes/windows/global/printPageSetup.css new file mode 100644 index 0000000000..b3a22de106 --- /dev/null +++ b/toolkit/themes/windows/global/printPageSetup.css @@ -0,0 +1,26 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +fieldset { + border: 0.5px groove ThreeDLightShadow; + margin: 6px 3px; +} + +.groupbox-body { + /* We cannot use padding on the groupbox due to its -moz-appearance. */ + margin: 3px 3px 6px; +} + +.portrait-page { + list-style-image: url("chrome://global/skin/icons/Portrait.png"); +} + +.landscape-page { + list-style-image: url("chrome://global/skin/icons/Landscape.png"); +} + +#header-footer-grid { + display: grid; + grid-template-columns: auto auto auto; +} diff --git a/toolkit/themes/windows/global/radio.css b/toolkit/themes/windows/global/radio.css new file mode 100644 index 0000000000..de6ef86365 --- /dev/null +++ b/toolkit/themes/windows/global/radio.css @@ -0,0 +1,61 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.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 { + appearance: auto; + -moz-default-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-check { + appearance: auto; + -moz-default-appearance: radio; + margin: 1px 0; +} + +.radio-label-box { + margin-inline-start: 2px; + padding-bottom: 1px; + padding-inline-start: 1px; +} + +.radio-icon[src] { + margin-inline-end: 2px; +} + +.radio-label { + margin: 0; +} + +/* ..... focused state ..... */ + +radio[focused="true"] > .radio-label-box { + outline: 1px dotted; +} + +/* ..... disabled state ..... */ + +radio[disabled="true"] { + color: GrayText; +} + +@media (-moz-windows-classic) { + radio[disabled="true"] { + color: ThreeDShadow; + text-shadow: 1px 1px ThreeDHighlight; + } +} diff --git a/toolkit/themes/windows/global/richlistbox.css b/toolkit/themes/windows/global/richlistbox.css new file mode 100644 index 0000000000..a874a8201c --- /dev/null +++ b/toolkit/themes/windows/global/richlistbox.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"); + +richlistbox { + appearance: auto; + -moz-default-appearance: listbox; + margin: 2px 4px; + background-color: Field; + color: FieldText; + overflow: auto; +} + +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 */ +} + +richlistbox.theme-listbox > richlistitem { + border: 1px solid transparent; +} + +richlistbox.theme-listbox:focus > richlistitem[selected="true"][current="true"] { + outline: 1px dotted #F3D982; +} + +richlistbox.theme-listbox:focus > richlistitem[current="true"] { + outline: 1px dotted Highlight; + outline-offset: -1px; +} + +richlistbox.theme-listbox > richlistitem[selected="true"] { + background-color: -moz-cellhighlight; + color: -moz-cellhighlighttext; +} + +richlistbox.theme-listbox:focus > richlistitem[selected="true"] { + background-color: Highlight; + color: HighlightText; +} + +richlistbox.theme-listbox > richlistitem > label { + margin: 0; + padding-block: 0 1px; + padding-inline: 4px 0; + white-space: nowrap; +} + +@media (-moz-windows-default-theme) { + richlistbox.theme-listbox > richlistitem { + --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: FieldText; + margin-inline: 1px; + padding-block: 1px; + border-width: 1px; + background-repeat: no-repeat; + background-size: 100% 100%; + } + + richlistbox.theme-listbox > richlistitem[selected="true"] { + border-top-color: var(--listitem-selectedBorder); + border-inline-color: var(--listitem-selectedBorder); + border-bottom-color: var(--listitem-selectedBottomBorder); + background-image: var(--listitem-selectedImage); + background-color: var(--listitem-selectedBackground); + color: -moz-DialogText; + } + + richlistbox.theme-listbox:focus > richlistitem[selected="true"] { + border-top-color: var(--listitem-selectedFocusBorder); + border-inline-color: var(--listitem-selectedFocusBorder); + border-bottom-color: var(--listitem-selectedFocusBottomBorder); + background-image: var(--listitem-selectedFocusImage); + background-color: var(--listitem-selectedFocusBackground); + color: -moz-DialogText; + } + + richlistbox.theme-listbox:focus > richlistitem[current="true"] { + border-color: var(--listitem-selectedCurrentBorder); + outline: none; + } + + richlistbox.theme-listbox:focus > richlistitem[selected="true"][current="true"] { + border-top-color: var(--listitem-selectedFocusCurrentBorder); + border-inline-color: var(--listitem-selectedFocusCurrentBorder); + border-bottom-color: var(--listitem-selectedFocusCurrentBottomBorder); + background-color: var(--listitem-selectedFocusCurrentBackground); + outline: none; + } + + @media (-moz-os-version: windows-win7) { + richlistbox.theme-listbox > richlistitem { + --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) { + richlistbox.theme-listbox > richlistitem { + --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); + } + } +} + +listheader { + color: -moz-DialogText; +} diff --git a/toolkit/themes/windows/global/search-textbox.css b/toolkit/themes/windows/global/search-textbox.css new file mode 100644 index 0000000000..4b38dbf140 --- /dev/null +++ b/toolkit/themes/windows/global/search-textbox.css @@ -0,0 +1,80 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +/* ::::: search textbox ::::: */ + +:host { + appearance: auto; + -moz-default-appearance: textfield; + cursor: text; + margin: 2px 4px; /* matches <input> global.css margin */ + padding: 2px 2px 3px; + padding-inline-start: 4px; + background-color: Field; + color: FieldText; +} + +html|input { + border: none; + padding: 0 1px; + background-color: transparent; + outline: none; + color: inherit; + font: inherit; + text-shadow: inherit; + box-sizing: border-box; + -moz-box-flex: 1; + text-align: inherit; +} + +/* ..... readonly state ..... */ + +:host([readonly="true"]) { + background-color: -moz-Dialog; + color: -moz-DialogText; +} + +/* ..... disabled state ..... */ + +:host([disabled="true"]) { + cursor: default; + background-color: -moz-Dialog; + color: GrayText; +} + +/* ::::: icons ::::: */ + +:host(:not([searchbutton])) > .textbox-search-sign { + list-style-image: url(chrome://global/skin/icons/search-textbox.svg); + margin-inline-end: 5px; +} + +:host([searchbutton]) .textbox-search-icon { + list-style-image: url(chrome://global/skin/icons/search-textbox.svg); +} + +.textbox-search-sign:-moz-locale-dir(rtl), +.textbox-search-icon:-moz-locale-dir(rtl) { + transform: scaleX(-1); +} + +:host([searchbutton]) .textbox-search-icon:not([disabled]) { + cursor: pointer; +} + +.textbox-search-clear { + list-style-image: url(chrome://global/skin/icons/searchfield-cancel.svg); +} + +.textbox-search-clear:not([disabled]) { + cursor: default; +} + +/* Don't leave extra blank space with long placeholders (see bug 1385902) */ +:host(:not([searchbutton])) > .textbox-search-icons:not([selectedIndex="1"]) { + display: none; +} diff --git a/toolkit/themes/windows/global/splitter.css b/toolkit/themes/windows/global/splitter.css new file mode 100644 index 0000000000..15e7e9241d --- /dev/null +++ b/toolkit/themes/windows/global/splitter.css @@ -0,0 +1,61 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.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 1px; + border-style: solid; + border-inline-start-color: ThreeDHighlight; + border-inline-end-color: ThreeDShadow; + 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 (horizontal) ::::: */ + +splitter[orient="vertical"] { + cursor: ns-resize; + border-width: 1px 0; + border-top-color: ThreeDHighlight; + border-bottom-color: ThreeDShadow; + 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; +} diff --git a/toolkit/themes/windows/global/tabbox.css b/toolkit/themes/windows/global/tabbox.css new file mode 100644 index 0000000000..669f68443b --- /dev/null +++ b/toolkit/themes/windows/global/tabbox.css @@ -0,0 +1,46 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* ===== tabbox.css ================================================= + == Styles used by XUL tab-related elements. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* ::::: tabpanels ::::: */ + +tabpanels { + appearance: auto; + -moz-default-appearance: tabpanels; + padding: 8px; + color: -moz-DialogText; +} + +/* ::::: tab ::::: */ + +tab { + appearance: auto; + -moz-default-appearance: tab; + margin-top: 2px; + padding: 1px 4px 2px; + color: -moz-DialogText; +} + +.tab-text { + margin: 0 !important; +} + +tab[visuallyselected="true"] { + margin-top: 0; + padding: 1px 6px 4px; +} + +tab:-moz-focusring > .tab-middle { + /* Don't specify the outline-color, we should always use initial value. */ + outline: 1px dotted; +} + +tab:first-of-type[visuallyselected="true"] { + padding-inline: 5px; +} diff --git a/toolkit/themes/windows/global/tabprompts.css b/toolkit/themes/windows/global/tabprompts.css new file mode 100644 index 0000000000..1ed801341b --- /dev/null +++ b/toolkit/themes/windows/global/tabprompts.css @@ -0,0 +1,26 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* Tab Modal Prompt boxes */ +.tabModalBackground, +tabmodalprompt { + background-color: hsla(0,0%,10%,.5); +} + +tabmodalprompt { + font-family: sans-serif; /* use content font not system UI font */ +} + +.paymentDialogContainerFrame, +.tabmodalprompt-mainContainer { + color: FieldText; + background-color: Field; + border-radius: 2px; + border: 1px solid threeDDarkShadow; +} + +.tabmodalprompt-buttonContainer { + background-color: hsla(0,0%,0%,.05); + border-top: 1px solid hsla(0,0%,0%,.05); +} diff --git a/toolkit/themes/windows/global/toolbar.css b/toolkit/themes/windows/global/toolbar.css new file mode 100644 index 0000000000..45b79eafdd --- /dev/null +++ b/toolkit/themes/windows/global/toolbar.css @@ -0,0 +1,58 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.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 { + appearance: auto; + -moz-default-appearance: toolbox; +} + +toolbar { + appearance: auto; + -moz-default-appearance: toolbar; + min-width: 1px; + min-height: 19px; +} + +toolbar:first-child { + min-width: 1px; +} + +toolbox:-moz-lwtheme, +toolbar:-moz-lwtheme { + appearance: none; +} + +toolbarseparator { + appearance: auto; + -moz-default-appearance: separator; +} + +toolbarspacer { + width: 15px; +} + +toolbarpaletteitem { + cursor: grab; +} + +/* Drag and drop feedback */ + +toolbarpaletteitem[place="toolbar"] { + margin-inline: -2px; + border-inline: 2px solid transparent; +} + +toolbarpaletteitem[dragover="left"] { + border-left-color: #000000; +} + +toolbarpaletteitem[dragover="right"] { + border-right-color: #000000; +} diff --git a/toolkit/themes/windows/global/toolbarbutton.css b/toolkit/themes/windows/global/toolbarbutton.css new file mode 100644 index 0000000000..14aa94d92a --- /dev/null +++ b/toolkit/themes/windows/global/toolbarbutton.css @@ -0,0 +1,101 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* ===== toolbarbutton.css ===================================================== + == Styles used by the XUL button element. + ======================================================================= */ + +/* ::::: toolbarbutton ::::: */ + +toolbarbutton { + appearance: auto; + -moz-default-appearance: toolbarbutton; + -moz-box-align: center; + -moz-box-pack: center; + margin: 0; + padding: 3px; +} + +.toolbarbutton-text { + margin: 0; + text-align: center; +} + +toolbarbutton.tabbable { + -moz-user-focus: normal !important; +} + +toolbarbutton:-moz-focusring { + outline: 1px dotted; + outline-offset: -2px; +} + +toolbarbutton[disabled="true"] { + color: GrayText; + text-shadow: none; +} + +@media (-moz-windows-classic) { + toolbarbutton[disabled="true"] { + color: ThreeDShadow; + text-shadow: 1px 1px ThreeDHighlight; + } +} + +@media (-moz-windows-default-theme) { + :root[lwtheme-image] toolbarbutton { + text-shadow: none; + } + + :root[lwtheme-image] toolbarbutton:not([disabled="true"]) { + text-shadow: inherit; + } +} + +@media (-moz-windows-default-theme: 0) { + :root[lwtheme-image] toolbarbutton:not([disabled="true"]) { + text-shadow: inherit; + } +} + +/* ::::: toolbarbutton menu ::::: */ + +.toolbarbutton-menu-dropmarker, +.toolbarbutton-combined-buttons-dropmarker { + appearance: none; + list-style-image: url("chrome://global/skin/icons/arrow-dropdown-12.svg"); + -moz-context-properties: fill; + fill: currentColor; + width: auto; +} + +/* ::::: toolbarbutton badged ::::: */ + +.toolbarbutton-badge-stack > .toolbarbutton-icon[label]:not([label=""]) { + margin-inline-end: 0; +} + +.toolbarbutton-badge { + box-sizing: border-box; + overflow: hidden; + white-space: nowrap; + background-color: #d90000; + font-size: 10px; + font-weight: bold; + padding: 0 2px 1px; + color: #fff; + text-shadow: none; + 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: 24px; + line-height: 10px; + text-align: center; + align-self: start; + justify-self: end; +} diff --git a/toolkit/themes/windows/global/tooltip.css b/toolkit/themes/windows/global/tooltip.css new file mode 100644 index 0000000000..709ec1666e --- /dev/null +++ b/toolkit/themes/windows/global/tooltip.css @@ -0,0 +1,22 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* + * This file is imported as a UA stylesheet because the default tooltip is + * built as native anonymous content. + */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +tooltip { + appearance: auto; + -moz-default-appearance: tooltip; + margin-top: 21px; + border: 1px solid InfoText; + padding: 2px 3px; + max-width: 40em; + background-color: InfoBackground; + color: InfoText; + font: message-box; +} diff --git a/toolkit/themes/windows/global/tree.css b/toolkit/themes/windows/global/tree.css new file mode 100644 index 0000000000..78f0ab3133 --- /dev/null +++ b/toolkit/themes/windows/global/tree.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/. */ + +%include ../../shared/tree.inc.css + +/* ::::: sort direction indicator ::::: */ + +.treecol-sortdirection { + list-style-image: none; + -moz-context-properties: fill; + fill: currentColor; +} + +treecol[sortDirection="ascending"]:not([hideheader="true"]) > .treecol-sortdirection { + list-style-image: url("chrome://global/skin/tree/sort-asc.svg"); +} + +treecol[sortDirection="descending"]:not([hideheader="true"]) > .treecol-sortdirection { + list-style-image: url("chrome://global/skin/tree/sort-dsc.svg"); +} + +@media (-moz-windows-classic) { + treecol, + treecolpicker { + border: 1px solid; + border-top-color: ThreeDHighlight; + border-inline-end-color: ThreeDShadow; + border-bottom-color: ThreeDShadow; + border-inline-start-color: ThreeDHighlight; + background-color: -moz-Dialog; + } + + treecol:hover:active, + treecolpicker:hover:active { + border-top-color: ThreeDShadow; + border-inline-end-color: ThreeDHighlight; + border-bottom-color: ThreeDHighlight; + border-inline-start-color: ThreeDShadow; + } + + treecol[sortDirection="ascending"]:not([hideheader="true"]) > .treecol-sortdirection { + list-style-image: url("chrome://global/skin/tree/sort-asc-classic.png"); + } + + treecol[sortDirection="descending"]:not([hideheader="true"]) > .treecol-sortdirection { + list-style-image: url("chrome://global/skin/tree/sort-dsc-classic.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 0000000000..2654d04b86 --- /dev/null +++ b/toolkit/themes/windows/global/tree/sort-asc-classic.png diff --git a/toolkit/themes/windows/global/tree/sort-asc.svg b/toolkit/themes/windows/global/tree/sort-asc.svg new file mode 100644 index 0000000000..917fa96cf3 --- /dev/null +++ b/toolkit/themes/windows/global/tree/sort-asc.svg @@ -0,0 +1,6 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 7" width="9" height="7" fill="context-fill"> + <path d="M4.5 1.24a.9.9 0 0 0-.7.2l-2.6 2.7c-.8.87.43 2.1 1.3 1.3l2-2 2 2c.84.53 1.8-.5 1.2-1.3l-2.6-2.7a.9.9 0 0 0-.6-.2z"/> +</svg> 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 0000000000..e42cc72987 --- /dev/null +++ b/toolkit/themes/windows/global/tree/sort-dsc-classic.png diff --git a/toolkit/themes/windows/global/tree/sort-dsc.svg b/toolkit/themes/windows/global/tree/sort-dsc.svg new file mode 100644 index 0000000000..97cbfc6917 --- /dev/null +++ b/toolkit/themes/windows/global/tree/sort-dsc.svg @@ -0,0 +1,6 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 7" width="9" height="7" fill="context-fill"> + <path d="M4.5 5.67a.9.9 0 0 1-.7-.2l-2.6-2.7c-.8-.87.43-2.1 1.3-1.3l2 2 2-2c.84-.53 1.8.5 1.2 1.3l-2.6 2.7a.9.9 0 0 1-.6.2z"/> +</svg> diff --git a/toolkit/themes/windows/global/wizard.css b/toolkit/themes/windows/global/wizard.css new file mode 100644 index 0000000000..8b161659f7 --- /dev/null +++ b/toolkit/themes/windows/global/wizard.css @@ -0,0 +1,52 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.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 0; +} + +.wizard-header-label { + margin-inline-start: 23px; + font-weight: bold; +} + +.wizard-header-description { + margin-inline-start: 44px; +} + +:host([data-branded="true"]) .wizard-header-icon { + list-style-image: url("chrome://branding/content/icon128.png"); + width: 48px; + height: 48px; + margin-inline-end: 5px; +} + +.wizard-page-box { + margin: 10px 44px; +} + +.wizard-buttons-separator { + margin-bottom: 0 !important; +} + +.wizard-buttons-box-2 { + margin: 10px; +} + +.wizard-button[dlgtype="finish"], +.wizard-button[dlgtype="next"] { + margin-inline-start: 0 !important; +} + +.wizard-button[dlgtype="back"] { + margin-inline-end: 0 !important; +} diff --git a/toolkit/themes/windows/global/xulscrollbars.css b/toolkit/themes/windows/global/xulscrollbars.css new file mode 100644 index 0000000000..473f15a3c9 --- /dev/null +++ b/toolkit/themes/windows/global/xulscrollbars.css @@ -0,0 +1,99 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* ===== 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 { + appearance: auto; + -moz-default-appearance: scrollbar-horizontal; + cursor: default; + background-color: #f0f0f0; +} + +@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"] { + appearance: auto; + -moz-default-appearance: scrollbar-vertical; +} + +/* ::::: slider - a thumb is inside ::::: */ +slider { + appearance: auto; + -moz-default-appearance: scrollbartrack-horizontal; +} + +slider[orient="vertical"] { + appearance: auto; + -moz-default-appearance: scrollbartrack-vertical; +} + +/* ::::: thumb (horizontal) ::::: */ + +thumb { + background-color: #cdcdcd; +} + +thumb[orient="vertical"] { + appearance: auto; + -moz-default-appearance: scrollbarthumb-vertical; + min-height: 8px; +} + +thumb[orient="horizontal"] { + appearance: auto; + -moz-default-appearance: scrollbarthumb-horizontal; + min-width: 8px; +} + +/* ::::: square at the corner of two scrollbars ::::: */ + +scrollcorner { + appearance: auto; + -moz-default-appearance: scrollcorner; + width: 16px; + cursor: default; + background-color: -moz-Dialog; +} + +/* ..... increment .... */ + +scrollbarbutton[type="increment"] { + appearance: auto; + -moz-default-appearance: scrollbarbutton-right; +} + +scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] { + appearance: auto; + -moz-default-appearance: scrollbarbutton-down; +} + +/* ..... decrement .... */ + +scrollbarbutton[type="decrement"] { + appearance: auto; + -moz-default-appearance: scrollbarbutton-left; +} + +scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] { + appearance: auto; + -moz-default-appearance: scrollbarbutton-up; +} diff --git a/toolkit/themes/windows/moz.build b/toolkit/themes/windows/moz.build new file mode 100644 index 0000000000..096017b685 --- /dev/null +++ b/toolkit/themes/windows/moz.build @@ -0,0 +1,7 @@ +# -*- 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/. + +DIRS += ["global", "mozapps"] diff --git a/toolkit/themes/windows/mozapps/downloads/unknownContentType.css b/toolkit/themes/windows/mozapps/downloads/unknownContentType.css new file mode 100644 index 0000000000..4a438372b2 --- /dev/null +++ b/toolkit/themes/windows/mozapps/downloads/unknownContentType.css @@ -0,0 +1,33 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +#type { + -moz-box-flex: 1; + background-color: transparent; + color: inherit; +} + +#from { + margin-top: 1px; +} + +#location { + font-weight: bold; +} + +#contentTypeImage { + height: 16px; + width: 16px; + margin-block: 0; + margin-inline-start: 0; + margin-inline-end: 5px; +} + +.small-indent { + margin-inline: 15px; +} + +.small-indent label { + margin-inline-start: 0; +} diff --git a/toolkit/themes/windows/mozapps/extensions/blocklist.css b/toolkit/themes/windows/mozapps/extensions/blocklist.css new file mode 100644 index 0000000000..1cdbb35ac6 --- /dev/null +++ b/toolkit/themes/windows/mozapps/extensions/blocklist.css @@ -0,0 +1,20 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +richlistitem { + padding-top: 6px; + padding-bottom: 6px; + padding-inline-start: 7px; + padding-inline-end: 7px; + border-bottom: 1px solid #C0C0C0; +} + +.addonName { + font-weight: bold; +} + +.blockedLabel { + font-weight: bold; + font-style: italic; +} diff --git a/toolkit/themes/windows/mozapps/handling/handling.css b/toolkit/themes/windows/mozapps/handling/handling.css new file mode 100644 index 0000000000..8aa9db58b8 --- /dev/null +++ b/toolkit/themes/windows/mozapps/handling/handling.css @@ -0,0 +1,25 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +richlistitem[type] { + min-height: 36px; /* Don't forget to update the richlistbox height! */ + padding-inline-start: 2px; + } + +richlistitem { + -moz-box-align: center; +} + +richlistbox { + /* 3 items high, plus 4px for top and bottom margins, less 2px for border */ + min-height: 110px; +} + +.name { + font-weight: bold; +} + +.description { + color: GrayText; +} diff --git a/toolkit/themes/windows/mozapps/jar.mn b/toolkit/themes/windows/mozapps/jar.mn new file mode 100644 index 0000000000..2f031eb5be --- /dev/null +++ b/toolkit/themes/windows/mozapps/jar.mn @@ -0,0 +1,7 @@ +# This Source Code Form is subject to the terms of the Mozilla Public +# License, v. 2.0. If a copy of the MPL was not distributed with this +# file, You can obtain one at http://mozilla.org/MPL/2.0/. + +toolkit.jar: +#include ../../shared/mozapps.inc.mn + skin/classic/mozapps/update/updates.css (update/updates.css) diff --git a/toolkit/themes/windows/mozapps/moz.build b/toolkit/themes/windows/mozapps/moz.build new file mode 100644 index 0000000000..d988c0ff9b --- /dev/null +++ b/toolkit/themes/windows/mozapps/moz.build @@ -0,0 +1,7 @@ +# -*- 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"] diff --git a/toolkit/themes/windows/mozapps/profile/profileSelection.css b/toolkit/themes/windows/mozapps/profile/profileSelection.css new file mode 100644 index 0000000000..f18c245174 --- /dev/null +++ b/toolkit/themes/windows/mozapps/profile/profileSelection.css @@ -0,0 +1,20 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + + +@import url("chrome://global/skin/global.css"); + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +box#managebuttons > button { + min-width: 8em; +} + +#managebuttons { + padding-top: 1em; +} + +#profiles { + height: 12em; +} diff --git a/toolkit/themes/windows/mozapps/update/updates.css b/toolkit/themes/windows/mozapps/update/updates.css new file mode 100644 index 0000000000..ab95e5329e --- /dev/null +++ b/toolkit/themes/windows/mozapps/update/updates.css @@ -0,0 +1,89 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* Elevation Dialog */ +/* Specify the size for the UI so it has a fixed size. 3rd + party themes should typically specify the same values. */ +#elevationBox, .update-content { + height: 360px; + width: 700px; +} + +/* Remove margin and padding so the inner UI will extend to the edge of the + window. 3rd party themes should typically specify the same values. */ +#updates { + margin: 0; + padding: 0; +} + +.update-header { + border-bottom: 2px groove ThreeDFace; + background-color: Window; + color: WindowText; + padding: 0 10px; +} + +.update-header-box-1 { + padding: 5px 0; +} + +.update-header-label { + font-weight: bold; +} + +#update-button-box { + margin: 0; + padding: 5px 10px 10px; +} + +.update-content { + padding: 10px; +} + +.update-buttons-separator { + margin-block: 0 !important; +} + +#updateFinishedName { + font-weight: bold; + font-size: larger; +} + +/* Update History Window */ +update { + border-bottom: 1px dotted #C0C0C0; +} + +.update-name { + font-weight: bold; +} + +.update-label-column { + -moz-box-align: end; +} + +.update-type { + font-weight: bold; + color: #990000; +} + +.update-status-value, +.update-installedOn-value { + margin-inline-start: 1ch; +} + +#historyItems { + height: 200px; + margin: 1px 5px; +} + +#historyItems .update { + padding: 5px; + display: -moz-box; + -moz-box-orient: vertical; +} + +.update-name { + -moz-box-flex: 1; +} diff --git a/toolkit/themes/windows/mozapps/viewsource/viewsource.css b/toolkit/themes/windows/mozapps/viewsource/viewsource.css new file mode 100644 index 0000000000..76c7d00b9d --- /dev/null +++ b/toolkit/themes/windows/mozapps/viewsource/viewsource.css @@ -0,0 +1,5 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* This is for styling the menus of the viewsource window */ |
