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
/* ===== autocomplete.css =================================================
6
== Styles used by the autocomplete widget.
7
======================================================================= */
9
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
10
@namespace html url("http://www.w3.org/1999/xhtml");
12
/* ::::: autocomplete ::::: */
14
/* .padded is used by autocomplete widgets that don't have an icon. Gross. -dwh */
15
textbox:not(.padded) {
20
textbox[enablehistory="true"] {
21
-moz-appearance: none;
23
background-color: transparent;
26
textbox[nomatch="true"][highlightnonmatches="true"] {
30
.autocomplete-textbox-container {
31
-moz-box-align: center;
34
textbox[enablehistory="true"] > .autocomplete-textbox-container {
35
-moz-appearance: menulist-textfield;
38
textbox:not(.padded) .textbox-input-box {
43
-moz-box-align: center;
46
/* ::::: autocomplete popups ::::: */
48
panel[type="autocomplete"],
49
panel[type="autocomplete-richlistbox"],
50
.autocomplete-history-popup {
52
-moz-border-top-colors: ThreeDDarkShadow;
53
-moz-border-right-colors: ThreeDDarkShadow;
54
-moz-border-bottom-colors: ThreeDDarkShadow;
55
-moz-border-left-colors: ThreeDDarkShadow;
57
background-color: -moz-Field;
60
.autocomplete-history-popup {
64
/* ::::: tree ::::: */
67
-moz-appearance: none !important;
68
border: none !important;
69
background-color: transparent !important;
73
.autocomplete-treecol {
74
-moz-appearance: none !important;
76
border: none !important;
77
padding: 0 !important;
80
/* GTK calculates space for a sort arrow */
81
.autocomplete-treecol > .treecol-sortdirection {
82
-moz-appearance: none !important;
85
.autocomplete-treebody::-moz-tree-cell-text {
86
-moz-padding-start: 8px;
89
treechildren.autocomplete-treebody::-moz-tree-row(selected) {
90
background-color: Highlight;
93
treechildren.autocomplete-treebody::-moz-tree-cell-text(selected) {
94
color: HighlightText !important;
97
.autocomplete-treebody::-moz-tree-image(treecolAutoCompleteValue) {
102
/* ::::: richlistbox autocomplete ::::: */
104
.autocomplete-richlistbox {
105
-moz-appearance: none;
107
background-color: transparent;
110
.autocomplete-richlistitem[selected="true"] {
111
background-color: Highlight;
112
color: HighlightText;
115
.autocomplete-richlistitem {
121
/* When setting a vertical margin here, half of that needs to be added
122
.ac-title-box's translateY for when .ac-url-box is hidden (see below). */
126
.autocomplete-richlistitem[actiontype="keyword"] .ac-url-box,
127
.autocomplete-richlistitem[actiontype="searchengine"] .ac-url-box,
128
.autocomplete-richlistitem[actiontype="visiturl"] .ac-url-box,
129
.autocomplete-richlistitem[type~="autofill"] .ac-url-box {
133
.autocomplete-richlistitem[actiontype="keyword"] .ac-title-box,
134
.autocomplete-richlistitem[actiontype="searchengine"] .ac-title-box,
135
.autocomplete-richlistitem[actiontype="visiturl"] .ac-title-box,
136
.autocomplete-richlistitem[type~="autofill"] .ac-title-box {
137
/* Center the title by moving it down by half of .ac-url-box's height,
138
including vertical margins (if any). */
139
transform: translateY(.5em);
146
-moz-margin-start: 3px;
147
-moz-margin-end: 6px;
153
-moz-margin-start: 6px;
154
-moz-margin-end: 4px;
157
.ac-extra > .ac-result-type-tag {
161
.ac-extra > .ac-comment {
166
margin: 0 !important;
172
margin: 0 !important;
176
.ac-normal-text > html|span {
177
margin: 0 !important;
181
html|span.ac-emphasize-text {
182
box-shadow: inset 0 0 1px 1px rgba(0,0,0,0.1);
183
background-color: rgba(0,0,0,0.05);
185
text-shadow: 0 0 currentColor; /*faux bold effect*/
188
.ac-url-text > html|span.ac-emphasize-text,
189
.ac-action-text > html|span.ac-emphasize-text {
193
.ac-normal-text[selected="true"] > html|span.ac-emphasize-text {
194
box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.3);
195
background-color: rgba(255,255,255,0.2);
202
/* ::::: textboxes inside toolbarpaletteitems ::::: */
204
toolbarpaletteitem > toolbaritem > textbox > hbox > hbox > html|*.textbox-input {
208
toolbarpaletteitem > toolbaritem > * > textbox > hbox > hbox > html|*.textbox-input {