1 /* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
5 /* ===== textbox.css ==================================================
6 == Styles used by the XUL textbox element.
7 ======================================================================= */
9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
10 @namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
12 /* ::::: textbox ::::: */
16 -moz-outline-radius: 5px;
19 border: 1px solid #9C9CFF;
21 padding-inline-start: 2px;
22 background-color: #000000;
28 html|*.textbox-textarea {
30 margin: 0px !important;
31 border: none !important;
32 padding: 0px !important;
33 background-color: inherit;
38 html|*.textbox-input::placeholder,
39 html|*.textbox-textarea::placeholder {
44 html|*.textbox-input > .anonymous-div,
45 html|*.textbox-input::placeholder {
46 line-height: 1em; /* This would be ideal but doesn't work */
49 html|*.textbox-input {
50 max-height: 1em; /* work around the above rule that does not work */
53 .textbox-input-box menupopup {
57 /* ..... readonly state ..... */
59 textbox[readonly="true"] {
60 border: 1px solid #A09090;
64 /* ..... disabled state ..... */
66 textbox[disabled="true"] {
67 border: 1px solid #8050B0;
72 /* ..... focused state ..... */
74 textbox[focused="true"] {
75 border: 1px solid #008484;
76 outline: 1px solid #008484;
79 textbox[focused="true"][readonly="true"] {
80 border: 1px solid #A09090;
84 /* ::::: plain textbox ::::: */
87 padding: 0px !important;
88 margin: 0px !important;
89 border: none !important;
90 outline: none !important;
91 background-color: transparent;
92 color: inherit !important;
96 /* ::::: search textbox ::::: */
98 .textbox-search-icon {
99 list-style-image: url("chrome://global/skin/icons/search.png");
100 -moz-image-region: rect(0, 16px, 16px, 0);
103 .textbox-search-icon:-moz-locale-dir(rtl) {
104 transform: scaleX(-1);
107 .textbox-search-icon[searchbutton]:not([disabled]) {
111 .textbox-search-clear {
112 list-style-image: url("chrome://global/skin/icons/search.png");
113 -moz-image-region: rect(16px, 16px, 32px, 0);
116 .textbox-search-clear:not([disabled]) {
120 /* ::::: textboxes inside toolbarpaletteitems ::::: */
122 toolbarpaletteitem > toolbaritem > textbox > .textbox-input-box > html|*.textbox-input {