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 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
6 @namespace html url("http://www.w3.org/1999/xhtml");
8 /* ===== autocomplete.css =================================================
9 == Styles used by the autocomplete widget.
10 ======================================================================= */
12 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
13 @namespace html url("http://www.w3.org/1999/xhtml");
15 /* ::::: autocomplete ::::: */
17 /* .padded is used by autocomplete widgets that don't have an icon. Gross. -dwh */
18 textbox:not(.padded) {
23 textbox[nomatch="true"][highlightnonmatches="true"] {
27 .autocomplete-textbox-container {
28 -moz-box-align: center;
31 textbox:not(.padded) .textbox-input-box {
36 -moz-box-align: center;
39 /* ::::: history button ::::: */
41 .autocomplete-history-dropmarker {
44 background-color: #9999CC;
47 .autocomplete-history-dropmarker[open="true"] {
48 border: 1px inset #CCD0DD;
51 -moz-padding-start: 2px;
55 /* ::::: autocomplete popups ::::: */
57 panel[type="autocomplete"],
58 panel[type="autocomplete-richlistbox"],
59 .autocomplete-history-popup {
60 border: 1px solid #9999CC;
61 background-color: #FFFFFF;
66 .autocomplete-history-popup {
70 /* ::::: tree ::::: */
74 background-color: transparent !important;
77 .autocomplete-treecol {
78 margin: 0px !important;
79 border: none !important;
80 padding: 0px !important;
83 /* GTK calculates space for a sort arrow */
84 .autocomplete-treecol > .treecol-sortdirection {
85 -moz-appearance: none !important;
88 .autocomplete-treebody::-moz-tree-cell-text {
89 -moz-padding-start: 8px;
92 .autocomplete-treebody::-moz-tree-row(selected) {
93 background-color: #336699;
96 .autocomplete-treebody::-moz-tree-cell-text(selected) {
97 color: white !important;
100 .autocomplete-treebody::-moz-tree-image(treecolAutoCompleteValue) {
105 /* ::::: richlistbox autocomplete ::::: */
107 .autocomplete-richlistbox {
111 .autocomplete-richlistbox > scrollbox {
112 overflow-x: hidden !important;
115 .autocomplete-richlistitem {
119 .autocomplete-richlistitem[selected="true"] {
120 background-color: #336699;
124 .autocomplete-richlistitem:not(:first-child) {
125 border-top: 1px solid #666699;
132 /* When setting a vertical margin here, half of that needs to be added
133 .ac-title-box's translateY for when .ac-url-box is hidden (see below). */
134 /* margin: 1px 0 4px;*/
137 .autocomplete-richlistitem[actiontype="keyword"] .ac-url-box,
138 .autocomplete-richlistitem[actiontype="searchengine"] .ac-url-box,
139 .autocomplete-richlistitem[actiontype="visiturl"] .ac-url-box,
140 .autocomplete-richlistitem[type~="autofill"] .ac-url-box {
144 .autocomplete-richlistitem[actiontype="keyword"] .ac-title-box,
145 .autocomplete-richlistitem[actiontype="searchengine"] .ac-title-box,
146 .autocomplete-richlistitem[actiontype="visiturl"] .ac-title-box,
147 .autocomplete-richlistitem[type~="autofill"] .ac-title-box {
148 /* Center the title by moving it down by half of .ac-url-box's height,
149 including vertical margins (if any). */
150 /* transform: translateY(calc(.5em + 2px));*/
151 transform: translateY(calc(.5em));
159 -moz-margin-start: 3px;
160 -moz-margin-end: 5px;
168 .ac-extra > .ac-result-type-tag {
172 .ac-extra > .ac-comment {
173 -moz-padding-end: 4px;
177 margin: 2px 0px 0px !important;
183 margin: 2px 0px 0px !important;
187 .ac-normal-text > html|span {
188 margin: 0 !important;
192 html|span.ac-emphasize-text {
194 text-decoration: underline;
201 /* ::::: textboxes inside toolbarpaletteitems ::::: */
203 toolbarpaletteitem > toolbaritem > textbox > hbox > hbox > html|*.textbox-input {
207 toolbarpaletteitem > toolbaritem > * > textbox > hbox > hbox > html|*.textbox-input {