summaryrefslogtreecommitdiffstats
path: root/toolkit/themes/linux/global/search-textbox.css
diff options
context:
space:
mode:
Diffstat (limited to 'toolkit/themes/linux/global/search-textbox.css')
-rw-r--r--toolkit/themes/linux/global/search-textbox.css73
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;
+}