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/. */ | |
128000f4 | 4 | |
5 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); | |
74d14f90 | 6 | @namespace html url("http://www.w3.org/1999/xhtml"); |
f6e0a33f | 7 | |
74d14f90 | 8 | /* ===== autocomplete.css ================================================= |
9 | == Styles used by the autocomplete widget. | |
10 | ======================================================================= */ | |
f6e0a33f | 11 | |
df8c26c4 RK |
12 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
13 | @namespace html url("http://www.w3.org/1999/xhtml"); | |
14 | ||
74d14f90 | 15 | /* ::::: autocomplete ::::: */ |
f6e0a33f | 16 | |
7862e6ee RK |
17 | /* .padded is used by autocomplete widgets that don't have an icon. Gross. -dwh */ |
18 | textbox:not(.padded) { | |
c9b2b3ef | 19 | cursor: default; |
20 | padding: 0px; | |
21 | } | |
f6e0a33f | 22 | |
7862e6ee RK |
23 | textbox[nomatch="true"][highlightnonmatches="true"] { |
24 | color: red; | |
df8c26c4 RK |
25 | } |
26 | ||
27 | .autocomplete-textbox-container { | |
28 | -moz-box-align: center; | |
29 | } | |
30 | ||
7862e6ee RK |
31 | textbox:not(.padded) .textbox-input-box { |
32 | margin: 0 3px; | |
570c53ea RK |
33 | } |
34 | ||
74d14f90 | 35 | .textbox-input-box { |
74d14f90 | 36 | -moz-box-align: center; |
37 | } | |
f6e0a33f | 38 | |
39 | /* ::::: history button ::::: */ | |
40 | ||
74d14f90 | 41 | .autocomplete-history-dropmarker { |
74d14f90 | 42 | min-width: 15px; |
e68e2f2b | 43 | min-height: 19px; |
74d14f90 | 44 | background-color: #9999CC; |
74d14f90 | 45 | } |
46 | ||
47 | .autocomplete-history-dropmarker[open="true"] { | |
48 | border: 1px inset #CCD0DD; | |
02920d2b RK |
49 | padding-top: 2px; |
50 | padding-bottom: 0; | |
51 | -moz-padding-start: 2px; | |
52 | -moz-padding-end: 0; | |
74d14f90 | 53 | } |
f6e0a33f | 54 | |
55 | /* ::::: autocomplete popups ::::: */ | |
56 | ||
56029caf | 57 | panel[type="autocomplete"], |
ecb2fda9 | 58 | panel[type="autocomplete-richlistbox"], |
74d14f90 | 59 | .autocomplete-history-popup { |
60 | border: 1px solid #9999CC; | |
d0ff98fe | 61 | background-color: white; |
74d14f90 | 62 | padding: 0; |
63 | } | |
f6e0a33f | 64 | |
74d14f90 | 65 | .autocomplete-history-popup { |
e68e2f2b | 66 | max-height: 25em; |
74d14f90 | 67 | } |
f6e0a33f | 68 | |
e1597424 | 69 | /* ::::: tree ::::: */ |
f6e0a33f | 70 | |
e1597424 | 71 | .autocomplete-tree { |
74d14f90 | 72 | border: none; |
73 | background-color: transparent !important; | |
74 | } | |
f6e0a33f | 75 | |
e1597424 | 76 | .autocomplete-treecol { |
74d14f90 | 77 | margin: 0px !important; |
78 | border: none !important; | |
79 | padding: 0px !important; | |
80 | } | |
f6e0a33f | 81 | |
6c5a63bb RK |
82 | /* GTK calculates space for a sort arrow */ |
83 | .autocomplete-treecol > .treecol-sortdirection { | |
84 | -moz-appearance: none !important; | |
85 | } | |
86 | ||
a1f525f0 | 87 | .autocomplete-treebody::-moz-tree-cell-text { |
8caa872d | 88 | -moz-padding-start: 8px; |
74d14f90 | 89 | } |
f6e0a33f | 90 | |
df8c26c4 RK |
91 | .autocomplete-treebody::-moz-tree-row(selected) { |
92 | background-color: #336699; | |
93 | } | |
94 | ||
95 | .autocomplete-treebody::-moz-tree-cell-text(selected) { | |
96 | color: white !important; | |
97 | } | |
98 | ||
6c5a63bb RK |
99 | .autocomplete-treebody::-moz-tree-image(treecolAutoCompleteValue) { |
100 | max-width: 16px; | |
101 | height: 16px; | |
102 | } | |
103 | ||
ecb2fda9 RK |
104 | /* ::::: richlistbox autocomplete ::::: */ |
105 | ||
106 | .autocomplete-richlistbox { | |
ecb2fda9 | 107 | margin: 0; |
ecb2fda9 RK |
108 | } |
109 | ||
6c5a63bb RK |
110 | .autocomplete-richlistbox > scrollbox { |
111 | overflow-x: hidden !important; | |
112 | } | |
113 | ||
71a617ff RK |
114 | .autocomplete-richlistitem { |
115 | padding: 1px 2px; | |
116 | } | |
117 | ||
6c5a63bb | 118 | .autocomplete-richlistitem[selected="true"] { |
ecb2fda9 RK |
119 | background-color: #336699; |
120 | color: white; | |
121 | } | |
122 | ||
ca710c53 RK |
123 | .autocomplete-richlistitem:not(:first-child) { |
124 | border-top: 1px solid #666699; | |
ecb2fda9 RK |
125 | } |
126 | ||
127 | .ac-site-icon { | |
128 | width: 16px; | |
129 | height: 16px; | |
02920d2b RK |
130 | margin-top: 0; |
131 | margin-bottom: -3px; | |
132 | -moz-margin-start: 3px; | |
133 | -moz-margin-end: 5px; | |
ecb2fda9 RK |
134 | } |
135 | ||
136 | .ac-type-icon { | |
137 | width: 16px; | |
138 | height: 16px; | |
139 | } | |
140 | ||
d0ff98fe RK |
141 | .ac-extra > .ac-result-type-tag { |
142 | margin: 0 4px; | |
143 | } | |
144 | ||
145 | .ac-extra > .ac-comment { | |
8caa872d | 146 | -moz-padding-end: 4px; |
d0ff98fe RK |
147 | } |
148 | ||
ecb2fda9 | 149 | .ac-ellipsis-after { |
02920d2b | 150 | margin: 2px 0px 0px !important; |
ecb2fda9 RK |
151 | padding: 0; |
152 | min-width: 1em; | |
153 | } | |
154 | ||
155 | .ac-normal-text { | |
02920d2b | 156 | margin: 2px 0px 0px !important; |
ecb2fda9 RK |
157 | padding: 0; |
158 | } | |
159 | ||
d0ff98fe | 160 | .ac-normal-text > html|span { |
ecb2fda9 RK |
161 | margin: 0 !important; |
162 | padding: 0; | |
d0ff98fe RK |
163 | } |
164 | ||
165 | html|span.ac-emphasize-text { | |
ecb2fda9 | 166 | font-weight: bold; |
6c5a63bb | 167 | text-decoration: underline; |
ecb2fda9 RK |
168 | } |
169 | ||
170 | .ac-title, .ac-url { | |
171 | overflow: hidden; | |
172 | } | |
173 | ||
df8c26c4 RK |
174 | /* ::::: textboxes inside toolbarpaletteitems ::::: */ |
175 | ||
176 | toolbarpaletteitem > toolbaritem > textbox > hbox > hbox > html|*.textbox-input { | |
177 | visibility: hidden; | |
178 | } | |
179 | ||
180 | toolbarpaletteitem > toolbaritem > * > textbox > hbox > hbox > html|*.textbox-input { | |
181 | visibility: hidden; | |
182 | } |