Commit | Line | Data |
---|---|---|
9099c61d RK |
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/. */ | |
351107c9 | 4 | |
b1eaa419 | 5 | /* ===== textbox.css ================================================== |
6 | == Styles used by the XUL textbox element. | |
7 | ======================================================================= */ | |
8 | ||
f98e9249 RK |
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 */ | |
11 | ||
b1eaa419 | 12 | /* ::::: textbox ::::: */ |
13 | ||
14 | textbox { | |
569543b3 | 15 | border-radius: 3px; |
d0646e4a | 16 | -moz-outline-radius: 5px; |
b1eaa419 | 17 | cursor: text; |
d15efd04 | 18 | margin: 1px 2px; |
f98e9249 | 19 | border: 1px solid #9C9CFF; |
cfae8c74 | 20 | padding: 1px 0px; |
dae45075 | 21 | padding-inline-start: 2px; |
b1eaa419 | 22 | background-color: #000000; |
23 | color: #E7ADE7; | |
b1e5c9b1 | 24 | min-height: 19px; |
b1eaa419 | 25 | } |
26 | ||
f98e9249 | 27 | html|*.textbox-input, |
b1eaa419 | 28 | html|*.textbox-textarea { |
569543b3 | 29 | border-radius: 3px; |
b1eaa419 | 30 | margin: 0px !important; |
31 | border: none !important; | |
32 | padding: 0px !important; | |
33 | background-color: inherit; | |
34 | color: inherit; | |
35 | font: inherit; | |
36 | } | |
37 | ||
689d5552 RK |
38 | html|*.textbox-input::placeholder, |
39 | html|*.textbox-textarea::placeholder { | |
a7145e95 RK |
40 | color: #8050B0; |
41 | opacity: 1.0; | |
706c344c RK |
42 | } |
43 | ||
a19a9ce6 RK |
44 | html|*.textbox-input > .anonymous-div, |
45 | html|*.textbox-input::placeholder { | |
46 | line-height: 1em; /* This would be ideal but doesn't work */ | |
47 | } | |
48 | ||
49 | html|*.textbox-input { | |
50 | max-height: 1em; /* work around the above rule that does not work */ | |
51 | } | |
52 | ||
f98e9249 RK |
53 | .textbox-input-box menupopup { |
54 | cursor: default; | |
55 | } | |
56 | ||
b1eaa419 | 57 | /* ..... readonly state ..... */ |
58 | ||
59 | textbox[readonly="true"] { | |
a19a9ce6 RK |
60 | border: 1px solid #A09090; |
61 | color: #A09090; | |
b1eaa419 | 62 | } |
63 | ||
64 | /* ..... disabled state ..... */ | |
351107c9 | 65 | |
b1eaa419 | 66 | textbox[disabled="true"] { |
f98e9249 | 67 | border: 1px solid #8050B0; |
b1eaa419 | 68 | cursor: default; |
69 | color: #8050B0; | |
a12570b9 | 70 | } |
351107c9 | 71 | |
b1eaa419 | 72 | /* ..... focused state ..... */ |
351107c9 | 73 | |
b1eaa419 | 74 | textbox[focused="true"] { |
f98e9249 RK |
75 | border: 1px solid #008484; |
76 | outline: 1px solid #008484; | |
b1eaa419 | 77 | } |
351107c9 | 78 | |
b1eaa419 | 79 | textbox[focused="true"][readonly="true"] { |
a19a9ce6 | 80 | border: 1px solid #A09090; |
f98e9249 | 81 | outline: none; |
b1eaa419 | 82 | } |
351107c9 | 83 | |
b1eaa419 | 84 | /* ::::: plain textbox ::::: */ |
351107c9 | 85 | |
b1eaa419 | 86 | textbox.plain { |
87 | padding: 0px !important; | |
88 | margin: 0px !important; | |
89 | border: none !important; | |
f98e9249 | 90 | outline: none !important; |
cfae8c74 | 91 | background-color: transparent; |
a12570b9 | 92 | color: inherit !important; |
b1e5c9b1 | 93 | min-height: 0px; |
0c7f928d | 94 | } |
f98e9249 RK |
95 | |
96 | /* ::::: search textbox ::::: */ | |
97 | ||
98 | .textbox-search-icon { | |
99 | list-style-image: url("chrome://global/skin/icons/search.png"); | |
100 | -moz-image-region: rect(0, 16px, 16px, 0); | |
101 | } | |
102 | ||
18f5421a | 103 | .textbox-search-icon:-moz-locale-dir(rtl) { |
71a617ff | 104 | transform: scaleX(-1); |
f98e9249 RK |
105 | } |
106 | ||
107 | .textbox-search-icon[searchbutton]:not([disabled]) { | |
108 | cursor: pointer; | |
109 | } | |
110 | ||
111 | .textbox-search-clear { | |
112 | list-style-image: url("chrome://global/skin/icons/search.png"); | |
18f5421a | 113 | -moz-image-region: rect(16px, 16px, 32px, 0); |
f98e9249 RK |
114 | } |
115 | ||
116 | .textbox-search-clear:not([disabled]) { | |
117 | cursor: default; | |
118 | } | |
119 | ||
120 | /* ::::: textboxes inside toolbarpaletteitems ::::: */ | |
121 | ||
122 | toolbarpaletteitem > toolbaritem > textbox > .textbox-input-box > html|*.textbox-input { | |
123 | visibility: hidden; | |
124 | } |