autocomplete.css (4601B)
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/. */ 4 5 /* ===== autocomplete.css ================================================= 6 == Styles used by the autocomplete widget. 7 ======================================================================= */ 8 9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 10 @namespace html url("http://www.w3.org/1999/xhtml"); 11 12 /* ::::: autocomplete ::::: */ 13 14 /* .padded is used by autocomplete widgets that don't have an icon. Gross. -dwh */ 15 textbox:not(.padded) { 16 cursor: default; 17 padding: 0; 18 } 19 20 textbox[nomatch="true"][highlightnonmatches="true"] { 21 color: red; 22 } 23 24 .autocomplete-textbox-container, 25 .private-autocomplete-textbox-container { 26 -moz-box-align: center; 27 } 28 29 textbox:not(.padded) .textbox-input-box { 30 margin: 0 3px; 31 } 32 33 .textbox-input-box { 34 -moz-box-align: center; 35 } 36 37 /* ::::: autocomplete popups ::::: */ 38 39 panel[type="autocomplete"], 40 panel[type="autocomplete-richlistbox"], 41 .autocomplete-history-popup, 42 panel[type="private-autocomplete"], 43 panel[type="private-autocomplete-richlistbox"], 44 .private-autocomplete-history-popup { 45 -moz-appearance: none; 46 border-width: 1px; 47 -moz-border-top-colors: rgb(50,50,50); 48 -moz-border-right-colors: rgb(50,50,50); 49 -moz-border-bottom-colors: rgb(50,50,50); 50 -moz-border-left-colors: rgb(50,50,50); 51 padding: 0; 52 background-color: #181411; 53 } 54 55 .autocomplete-history-popup, 56 .private-autocomplete-history-popup { 57 max-height: 180px; 58 } 59 60 /* ::::: tree ::::: */ 61 62 .autocomplete-tree, 63 .private-autocomplete-tree { 64 -moz-appearance: none !important; 65 border: none !important; 66 background-color: transparent !important; 67 } 68 69 .autocomplete-treecol, 70 .private-autocomplete-treecol { 71 -moz-appearance: none !important; 72 margin: 0 !important; 73 border: none !important; 74 padding: 0 !important; 75 } 76 77 /* GTK calculates space for a sort arrow */ 78 .autocomplete-treecol > .treecol-sortdirection, 79 .private-autocomplete-treecol > .treecol-sortdirection { 80 -moz-appearance: none !important; 81 } 82 83 .autocomplete-treebody::-moz-tree-cell-text, 84 .private-autocomplete-treebody::-moz-tree-cell-text { 85 padding-inline-start: 8px; 86 } 87 88 treechildren.autocomplete-treebody::-moz-tree-row(selected), 89 treechildren.private-autocomplete-treebody::-moz-tree-row(selected) { 90 background-color: rgb(1,1,1); 91 } 92 93 treechildren.autocomplete-treebody::-moz-tree-cell-text(selected), 94 treechildren.private-autocomplete-treebody::-moz-tree-cell-text(selected) { 95 color: #bfbbb6 !important; 96 } 97 98 .autocomplete-treebody::-moz-tree-image(treecolAutoCompleteValue), 99 .private-autocomplete-treebody::-moz-tree-image(treecolAutoCompleteValue) { 100 max-width: 16px; 101 height: 16px; 102 } 103 104 /* ::::: richlistbox autocomplete ::::: */ 105 106 .autocomplete-richlistbox, 107 .private-autocomplete-richlistbox { 108 -moz-appearance: none; 109 margin: 0; 110 } 111 112 .autocomplete-richlistitem, 113 .private-autocomplete-richlistitem { 114 padding: 1px; 115 } 116 117 .autocomplete-richlistitem[selected="true"], 118 .private-autocomplete-richlistitem[selected="true"] { 119 color: #bfbbb6; 120 background-color: rgb(1,1,1); 121 } 122 123 .ac-title-box { 124 margin-top: 4px; 125 } 126 127 .ac-url-box { 128 margin: 1px 0 4px; 129 } 130 131 .ac-site-icon { 132 width: 16px; 133 height: 16px; 134 margin: 0 5px -2px; 135 } 136 137 .ac-type-icon { 138 width: 16px; 139 height: 16px; 140 margin-inline-start: 6px; 141 margin-inline-end: 4px; 142 margin-bottom: -1px; 143 } 144 145 .ac-url-box > .ac-site-icon, 146 .ac-url-box > .ac-type-icon { 147 /* Otherwise the spacer is big enough to stretch its container */ 148 height: auto; 149 } 150 151 .ac-extra > .ac-result-type-tag { 152 margin: 0 4px; 153 } 154 155 .ac-extra > .ac-comment { 156 padding-right: 4px; 157 } 158 159 .ac-ellipsis-after { 160 margin: 0 !important; 161 padding: 0; 162 min-width: 1em; 163 } 164 165 .ac-normal-text { 166 margin: 0 !important; 167 padding: 0; 168 } 169 170 .ac-normal-text > html|span { 171 margin: 0 !important; 172 padding: 0; 173 } 174 175 html|span.ac-emphasize-text { 176 box-shadow: inset 0 0 1px 1px rgba(208,208,208,0.5); 177 background-color: rgba(208,208,208,0.3); 178 border-radius: 2px; 179 text-shadow: 0 0 currentColor; 180 } 181 182 @media (-moz-windows-default-theme) { 183 html|span.ac-emphasize-text { 184 box-shadow: inset 0 0 1px 1px rgba(0,0,0,0.1); 185 background-color: rgba(0,0,0,0.05); 186 } 187 } 188 189 .ac-title, .ac-url { 190 overflow: hidden; 191 } 192 193 /* ::::: textboxes inside toolbarpaletteitems ::::: */ 194 195 toolbarpaletteitem > toolbaritem > textbox > hbox > hbox > html|*.textbox-input { 196 visibility: hidden; 197 } 198 199 toolbarpaletteitem > toolbaritem > * > textbox > hbox > hbox > html|*.textbox-input { 200 visibility: hidden; 201 } 202