The Tor Browser / file comparison
comparison: toolkit/themes/windows/global/autocomplete.css
toolkit/themes/windows/global/autocomplete.css
- branch
- TOR_BUG_9701
- changeset 15
- b8a032363ba2
equal
deleted
inserted
replaced
| -1:000000000000 | 0:2e515d582395 |
|---|---|
| 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 -moz-box-align: center; | |
| 26 } | |
| 27 | |
| 28 textbox:not(.padded) .textbox-input-box { | |
| 29 margin: 0 3px; | |
| 30 } | |
| 31 | |
| 32 .textbox-input-box { | |
| 33 -moz-box-align: center; | |
| 34 } | |
| 35 | |
| 36 /* ::::: autocomplete popups ::::: */ | |
| 37 | |
| 38 panel[type="autocomplete"], | |
| 39 panel[type="autocomplete-richlistbox"], | |
| 40 .autocomplete-history-popup { | |
| 41 -moz-appearance: none; | |
| 42 border-width: 1px; | |
| 43 -moz-border-top-colors: ThreeDDarkShadow; | |
| 44 -moz-border-right-colors: ThreeDDarkShadow; | |
| 45 -moz-border-bottom-colors: ThreeDDarkShadow; | |
| 46 -moz-border-left-colors: ThreeDDarkShadow; | |
| 47 padding: 0; | |
| 48 background-color: -moz-Field; | |
| 49 } | |
| 50 | |
| 51 .autocomplete-history-popup { | |
| 52 max-height: 180px; | |
| 53 } | |
| 54 | |
| 55 /* ::::: tree ::::: */ | |
| 56 | |
| 57 .autocomplete-tree { | |
| 58 -moz-appearance: none !important; | |
| 59 border: none !important; | |
| 60 background-color: transparent !important; | |
| 61 } | |
| 62 | |
| 63 .autocomplete-treecol { | |
| 64 -moz-appearance: none !important; | |
| 65 margin: 0 !important; | |
| 66 border: none !important; | |
| 67 padding: 0 !important; | |
| 68 } | |
| 69 | |
| 70 /* GTK calculates space for a sort arrow */ | |
| 71 .autocomplete-treecol > .treecol-sortdirection { | |
| 72 -moz-appearance: none !important; | |
| 73 } | |
| 74 | |
| 75 .autocomplete-treebody::-moz-tree-cell-text { | |
| 76 -moz-padding-start: 8px; | |
| 77 } | |
| 78 | |
| 79 treechildren.autocomplete-treebody::-moz-tree-row(selected) { | |
| 80 background-color: Highlight; | |
| 81 } | |
| 82 | |
| 83 treechildren.autocomplete-treebody::-moz-tree-cell-text(selected) { | |
| 84 color: HighlightText !important; | |
| 85 } | |
| 86 | |
| 87 .autocomplete-treebody::-moz-tree-image(treecolAutoCompleteValue) { | |
| 88 max-width: 16px; | |
| 89 height: 16px; | |
| 90 } | |
| 91 | |
| 92 /* ::::: richlistbox autocomplete ::::: */ | |
| 93 | |
| 94 .autocomplete-richlistbox { | |
| 95 -moz-appearance: none; | |
| 96 margin: 0; | |
| 97 } | |
| 98 | |
| 99 .autocomplete-richlistitem { | |
| 100 padding: 1px; | |
| 101 } | |
| 102 | |
| 103 .autocomplete-richlistitem[selected="true"] { | |
| 104 background-color: Highlight; | |
| 105 color: HighlightText; | |
| 106 } | |
| 107 | |
| 108 %ifdef WINDOWS_AERO | |
| 109 @media (-moz-windows-default-theme) { | |
| 110 /* | |
| 111 -moz-appearance: menuitem is almost right, but the hover effect is not | |
| 112 transparent and is lighter than desired. | |
| 113 */ | |
| 114 .autocomplete-richlistitem[selected="true"] { | |
| 115 color: inherit; | |
| 116 background-color: transparent; | |
| 117 /* four gradients for the bevel highlights on each edge, one for blue background */ | |
| 118 background-image: | |
| 119 linear-gradient(to bottom, rgba(255,255,255,0.9) 3px, rgba(255,255,255,0) 3px), | |
| 120 linear-gradient(to right, rgba(255,255,255,0.5) 3px, rgba(255,255,255,0) 3px), | |
| 121 linear-gradient(to left, rgba(255,255,255,0.5) 3px, rgba(255,255,255,0) 3px), | |
| 122 linear-gradient(to top, rgba(255,255,255,0.4) 3px, rgba(255,255,255,0) 3px), | |
| 123 linear-gradient(to bottom, rgba(163,196,247,0.3), rgba(122,180,246,0.3)); | |
| 124 background-clip: content-box; | |
| 125 border-radius: 6px; | |
| 126 outline: 1px solid rgb(124,163,206); | |
| 127 -moz-outline-radius: 3px; | |
| 128 outline-offset: -2px; | |
| 129 } | |
| 130 } | |
| 131 %endif | |
| 132 | |
| 133 .ac-title-box { | |
| 134 margin-top: 4px; | |
| 135 } | |
| 136 | |
| 137 .ac-url-box { | |
| 138 margin: 1px 0 4px; | |
| 139 } | |
| 140 | |
| 141 .ac-site-icon { | |
| 142 width: 16px; | |
| 143 height: 16px; | |
| 144 margin: 0 5px -2px; | |
| 145 } | |
| 146 | |
| 147 .ac-type-icon { | |
| 148 width: 16px; | |
| 149 height: 16px; | |
| 150 -moz-margin-start: 6px; | |
| 151 -moz-margin-end: 4px; | |
| 152 margin-bottom: -1px; | |
| 153 } | |
| 154 | |
| 155 .ac-url-box > .ac-site-icon, | |
| 156 .ac-url-box > .ac-type-icon { | |
| 157 /* Otherwise the spacer is big enough to stretch its container */ | |
| 158 height: auto; | |
| 159 } | |
| 160 | |
| 161 .ac-extra > .ac-result-type-tag { | |
| 162 margin: 0 4px; | |
| 163 } | |
| 164 | |
| 165 .ac-extra > .ac-comment { | |
| 166 padding-right: 4px; | |
| 167 } | |
| 168 | |
| 169 .ac-ellipsis-after { | |
| 170 margin: 0 !important; | |
| 171 padding: 0; | |
| 172 min-width: 1em; | |
| 173 } | |
| 174 | |
| 175 .ac-normal-text { | |
| 176 margin: 0 !important; | |
| 177 padding: 0; | |
| 178 } | |
| 179 | |
| 180 .ac-normal-text > html|span { | |
| 181 margin: 0 !important; | |
| 182 padding: 0; | |
| 183 } | |
| 184 | |
| 185 html|span.ac-emphasize-text { | |
| 186 box-shadow: inset 0 0 1px 1px rgba(208,208,208,0.5); | |
| 187 background-color: rgba(208,208,208,0.3); | |
| 188 border-radius: 2px; | |
| 189 text-shadow: 0 0 currentColor; | |
| 190 } | |
| 191 | |
| 192 @media (-moz-windows-default-theme) { | |
| 193 %ifdef WINDOWS_AERO | |
| 194 html|span.ac-emphasize-text { | |
| 195 box-shadow: inset 0 0 1px 1px rgba(0,0,0,0.1); | |
| 196 background-color: rgba(0,0,0,0.05); | |
| 197 } | |
| 198 %else | |
| 199 .ac-url-text > html|span.ac-emphasize-text, | |
| 200 .ac-action-text > html|span.ac-emphasize-text { | |
| 201 box-shadow: inset 0 0 1px 1px rgba(202,214,201,0.3); | |
| 202 background-color: rgba(202,214,201,0.2); | |
| 203 } | |
| 204 %endif | |
| 205 } | |
| 206 | |
| 207 .ac-title, .ac-url { | |
| 208 overflow: hidden; | |
| 209 } | |
| 210 | |
| 211 /* ::::: textboxes inside toolbarpaletteitems ::::: */ | |
| 212 | |
| 213 toolbarpaletteitem > toolbaritem > textbox > hbox > hbox > html|*.textbox-input { | |
| 214 visibility: hidden; | |
| 215 } | |
| 216 | |
| 217 toolbarpaletteitem > toolbaritem > * > textbox > hbox > hbox > html|*.textbox-input { | |
| 218 visibility: hidden; | |
| 219 } | |
| 220 |
