diff options
Diffstat (limited to 'toolkit/themes/linux/global/search-textbox.css')
-rw-r--r-- | toolkit/themes/linux/global/search-textbox.css | 73 |
1 files changed, 73 insertions, 0 deletions
diff --git a/toolkit/themes/linux/global/search-textbox.css b/toolkit/themes/linux/global/search-textbox.css new file mode 100644 index 0000000000..ae69745468 --- /dev/null +++ b/toolkit/themes/linux/global/search-textbox.css @@ -0,0 +1,73 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.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; + min-width: 0; + 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-clear { + list-style-image: url(resource://content-accessible/searchfield-cancel.svg); +} + +:host([searchbutton]) .textbox-search-icon:not([disabled]), +.textbox-search-clear:not([disabled]) { + cursor: pointer; +} + +/* Don't leave extra blank space with long placeholders (see bug 1385902) */ +:host(:not([searchbutton])) > .textbox-search-icons:not([selectedIndex="1"]) { + display: none; +} |