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/. */
4
5/* ===== textbox.css ==================================================
6  == Styles used by the XUL textbox element.
7  ======================================================================= */
8
9@import url("chrome://global/content/autocomplete.css");
10
11@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
12@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
13
14/* ::::: textbox ::::: */
15
16textbox {
17  margin: 2px 4px;
18  border: 1px solid;
19  padding-top: 1px;
20  padding-bottom: 1px;
21  padding-inline-start: 2px;
22  padding-inline-end: 0px;
23  background-color: #FFFFFF;
24  color: #000000;
25  font: inherit;
26}
27
28html|*.textbox-input::placeholder,
29html|*.textbox-textarea::placeholder {
30  color: #999999;
31  opacity: 1.0;
32}
33
34textbox,
35textbox[readonly="true"][focused="true"] {
36  border-color: #5D616E;
37}
38
39html|*.textbox-input,
40html|*.textbox-textarea {
41  cursor: text;
42  margin: 0px !important;
43  border: none !important;
44  padding: 0px !important;
45  background-color: inherit;
46  color: inherit;
47  font: inherit;
48}
49
50/* ..... focused state ..... */
51
52textbox[focused="true"] {
53  border-color: #000000;
54}
55
56/* ..... disabled state ..... */
57
58textbox[disabled="true"] {
59  border-top-color: #98A5B2;
60  border-right-color: #F8FAFE;
61  border-bottom-color: #F8FAFE;
62  border-left-color: #BEC3D3;
63  background-color: #C7D0D9;
64  color: #999999;
65  cursor: default !important;
66}
67
68/* ..... readonly state ..... */
69
70textbox[readonly="true"] {
71  background-color: #C7D0D9;
72}
73
74/* ::::: plain textbox ::::: */
75
76textbox.plain {
77  background-color: transparent;
78  margin: 0px !important;
79  border: none !important;
80  padding: 0px !important;
81}
82
83/* ::::: search textbox ::::: */
84
85.textbox-search-icon {
86  list-style-image: url("chrome://global/skin/icons/search.png");
87}
88
89.textbox-search-clear {
90  list-style-image: url("chrome://global/skin/icons/closebox.png");
91}
92
93/* ::::: scrollable textbox ::::: */
94
95.scrollfield {
96  border: none !important;
97  margin: 0px;
98  margin-top: 1px;
99  padding: 0px !important;
100  background: inherit;
101}
102
103.scrollfield > .textbox-internal-box {
104  border: none !important;
105  margin: 0px !important;
106  padding: 0px !important;
107}
108
109/* ::::: inline-edit textbox ::::: */
110
111.textbox-inline-edit {
112  margin: 0px !important;
113  border: 1px solid #000000 !important;
114}
115
116/* ::::: textboxes inside toolbarpaletteitems ::::: */
117
118toolbarpaletteitem > toolbaritem > textbox > .textbox-input-box > html|*.textbox-input {
119  visibility: hidden;
120}
121