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; | |
dae45075 RK |
51 | padding-inline-start: 2px; |
52 | padding-inline-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; | |
d471380e RK |
61 | background-color: #FFFFFF; |
62 | color: #000000; | |
74d14f90 | 63 | padding: 0; |
64 | } | |
f6e0a33f | 65 | |
74d14f90 | 66 | .autocomplete-history-popup { |
e68e2f2b | 67 | max-height: 25em; |
74d14f90 | 68 | } |
f6e0a33f | 69 | |
e1597424 | 70 | /* ::::: tree ::::: */ |
f6e0a33f | 71 | |
e1597424 | 72 | .autocomplete-tree { |
74d14f90 | 73 | border: none; |
74 | background-color: transparent !important; | |
75 | } | |
f6e0a33f | 76 | |
e1597424 | 77 | .autocomplete-treecol { |
74d14f90 | 78 | margin: 0px !important; |
79 | border: none !important; | |
80 | padding: 0px !important; | |
81 | } | |
f6e0a33f | 82 | |
6c5a63bb RK |
83 | /* GTK calculates space for a sort arrow */ |
84 | .autocomplete-treecol > .treecol-sortdirection { | |
85 | -moz-appearance: none !important; | |
86 | } | |
87 | ||
a1f525f0 | 88 | .autocomplete-treebody::-moz-tree-cell-text { |
dae45075 | 89 | padding-inline-start: 8px; |
74d14f90 | 90 | } |
f6e0a33f | 91 | |
df8c26c4 RK |
92 | .autocomplete-treebody::-moz-tree-row(selected) { |
93 | background-color: #336699; | |
94 | } | |
95 | ||
96 | .autocomplete-treebody::-moz-tree-cell-text(selected) { | |
97 | color: white !important; | |
98 | } | |
99 | ||
6c5a63bb RK |
100 | .autocomplete-treebody::-moz-tree-image(treecolAutoCompleteValue) { |
101 | max-width: 16px; | |
102 | height: 16px; | |
103 | } | |
104 | ||
ecb2fda9 RK |
105 | /* ::::: richlistbox autocomplete ::::: */ |
106 | ||
107 | .autocomplete-richlistbox { | |
ecb2fda9 | 108 | margin: 0; |
ecb2fda9 RK |
109 | } |
110 | ||
6c5a63bb RK |
111 | .autocomplete-richlistbox > scrollbox { |
112 | overflow-x: hidden !important; | |
113 | } | |
114 | ||
7729765c | 115 | .ac-type-icon { |
ecb2fda9 RK |
116 | width: 16px; |
117 | height: 16px; | |
7729765c RK |
118 | max-width: 16px; |
119 | max-height: 16px; | |
dae45075 RK |
120 | margin-inline-start: 14px; |
121 | margin-inline-end: 6px; | |
ecb2fda9 RK |
122 | } |
123 | ||
7729765c | 124 | .ac-site-icon { |
ecb2fda9 RK |
125 | width: 16px; |
126 | height: 16px; | |
7729765c RK |
127 | max-width: 16px; |
128 | max-height: 16px; | |
dae45075 RK |
129 | margin-inline-start: 0px; |
130 | margin-inline-end: 11px; | |
7729765c | 131 | list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); |
ecb2fda9 | 132 | } |
7729765c RK |
133 | /* |
134 | .ac-site-icon[selected] { | |
135 | list-style-image: url("chrome://mozapps/skin/places/defaultFavicon-inverted.png"); | |
136 | } | |
137 | */ | |
138 | @media (min-resolution: 1.1dppx) { | |
139 | .ac-site-icon { | |
140 | list-style-image: url("chrome://mozapps/skin/places/defaultFavicon@2x.png"); | |
141 | } | |
142 | /* | |
143 | .ac-site-icon[selected] { | |
144 | list-style-image: url("chrome://mozapps/skin/places/defaultFavicon-inverted@2x.png"); | |
145 | } | |
146 | */ | |
d0ff98fe RK |
147 | } |
148 | ||
7729765c | 149 | .ac-title { |
dae45075 RK |
150 | margin-inline-start: 0; |
151 | margin-inline-end: 6px; | |
d0ff98fe RK |
152 | } |
153 | ||
7729765c | 154 | html|span.ac-tag { |
dae45075 RK |
155 | margin-inline-start: 0; |
156 | margin-inline-end: 2px; | |
ecb2fda9 RK |
157 | } |
158 | ||
7729765c | 159 | .ac-tags { |
dae45075 RK |
160 | margin-inline-start: 0; |
161 | margin-inline-end: 4px; | |
ecb2fda9 RK |
162 | } |
163 | ||
7729765c | 164 | .ac-separator { |
dae45075 RK |
165 | margin-inline-start: 0; |
166 | margin-inline-end: 6px; | |
d0ff98fe RK |
167 | } |
168 | ||
7729765c RK |
169 | /* Better align the URL/action with the title. */ |
170 | .ac-tags, | |
171 | .ac-separator, | |
172 | .ac-url, | |
173 | .ac-action { | |
174 | margin-bottom: -2px; | |
ecb2fda9 RK |
175 | } |
176 | ||
7729765c RK |
177 | .ac-title-text, |
178 | .ac-tags-text, | |
179 | .ac-separator-text, | |
180 | .ac-url-text, | |
181 | .ac-action-text, | |
182 | .ac-text-overflow-container { | |
183 | padding: 0 !important; | |
184 | margin: 0 !important; | |
ecb2fda9 RK |
185 | } |
186 | ||
df8c26c4 RK |
187 | /* ::::: textboxes inside toolbarpaletteitems ::::: */ |
188 | ||
189 | toolbarpaletteitem > toolbaritem > textbox > hbox > hbox > html|*.textbox-input { | |
190 | visibility: hidden; | |
191 | } | |
192 | ||
193 | toolbarpaletteitem > toolbaritem > * > textbox > hbox > hbox > html|*.textbox-input { | |
194 | visibility: hidden; | |
195 | } |