The Tor Browser / file comparison
comparison: toolkit/themes/linux/global/autocomplete.css
toolkit/themes/linux/global/autocomplete.css
- branch
- TOR_BUG_9701
- changeset 8
- 97036ab72558
equal
deleted
inserted
replaced
| -1:000000000000 | 0:d8d980d10736 |
|---|---|
| 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 1px; | |
| 18 } | |
| 19 | |
| 20 textbox[enablehistory="true"] { | |
| 21 -moz-appearance: none; | |
| 22 border: 0; | |
| 23 background-color: transparent; | |
| 24 } | |
| 25 | |
| 26 textbox[nomatch="true"][highlightnonmatches="true"] { | |
| 27 color: red; | |
| 28 } | |
| 29 | |
| 30 .autocomplete-textbox-container { | |
| 31 -moz-box-align: center; | |
| 32 } | |
| 33 | |
| 34 textbox[enablehistory="true"] > .autocomplete-textbox-container { | |
| 35 -moz-appearance: menulist-textfield; | |
| 36 } | |
| 37 | |
| 38 textbox:not(.padded) .textbox-input-box { | |
| 39 margin: 0 3px; | |
| 40 } | |
| 41 | |
| 42 .textbox-input-box { | |
| 43 -moz-box-align: center; | |
| 44 } | |
| 45 | |
| 46 /* ::::: autocomplete popups ::::: */ | |
| 47 | |
| 48 panel[type="autocomplete"], | |
| 49 panel[type="autocomplete-richlistbox"], | |
| 50 .autocomplete-history-popup { | |
| 51 border-width: 1px; | |
| 52 -moz-border-top-colors: ThreeDDarkShadow; | |
| 53 -moz-border-right-colors: ThreeDDarkShadow; | |
| 54 -moz-border-bottom-colors: ThreeDDarkShadow; | |
| 55 -moz-border-left-colors: ThreeDDarkShadow; | |
| 56 padding: 0; | |
| 57 background-color: -moz-Field; | |
| 58 } | |
| 59 | |
| 60 .autocomplete-history-popup { | |
| 61 max-height: 180px; | |
| 62 } | |
| 63 | |
| 64 /* ::::: tree ::::: */ | |
| 65 | |
| 66 .autocomplete-tree { | |
| 67 -moz-appearance: none !important; | |
| 68 border: none !important; | |
| 69 background-color: transparent !important; | |
| 70 color: MenuText; | |
| 71 } | |
| 72 | |
| 73 .autocomplete-treecol { | |
| 74 -moz-appearance: none !important; | |
| 75 margin: 0 !important; | |
| 76 border: none !important; | |
| 77 padding: 0 !important; | |
| 78 } | |
| 79 | |
| 80 /* GTK calculates space for a sort arrow */ | |
| 81 .autocomplete-treecol > .treecol-sortdirection { | |
| 82 -moz-appearance: none !important; | |
| 83 } | |
| 84 | |
| 85 .autocomplete-treebody::-moz-tree-cell-text { | |
| 86 -moz-padding-start: 8px; | |
| 87 } | |
| 88 | |
| 89 treechildren.autocomplete-treebody::-moz-tree-row(selected) { | |
| 90 background-color: Highlight; | |
| 91 } | |
| 92 | |
| 93 treechildren.autocomplete-treebody::-moz-tree-cell-text(selected) { | |
| 94 color: HighlightText !important; | |
| 95 } | |
| 96 | |
| 97 .autocomplete-treebody::-moz-tree-image(treecolAutoCompleteValue) { | |
| 98 max-width: 16px; | |
| 99 height: 16px; | |
| 100 } | |
| 101 | |
| 102 /* ::::: richlistbox autocomplete ::::: */ | |
| 103 | |
| 104 .autocomplete-richlistbox { | |
| 105 -moz-appearance: none; | |
| 106 margin: 1px; | |
| 107 background-color: transparent; | |
| 108 } | |
| 109 | |
| 110 .autocomplete-richlistitem[selected="true"] { | |
| 111 background-color: Highlight; | |
| 112 color: HighlightText; | |
| 113 } | |
| 114 | |
| 115 .autocomplete-richlistitem { | |
| 116 padding: 6px 2px; | |
| 117 color: MenuText; | |
| 118 } | |
| 119 | |
| 120 .ac-url-box { | |
| 121 margin-top: 1px; | |
| 122 } | |
| 123 | |
| 124 .ac-site-icon { | |
| 125 width: 16px; | |
| 126 height: 16px; | |
| 127 margin-bottom: -2px; | |
| 128 -moz-margin-start: 3px; | |
| 129 -moz-margin-end: 6px; | |
| 130 } | |
| 131 | |
| 132 .ac-type-icon { | |
| 133 width: 16px; | |
| 134 height: 16px; | |
| 135 -moz-margin-start: 6px; | |
| 136 -moz-margin-end: 4px; | |
| 137 } | |
| 138 | |
| 139 .ac-extra > .ac-result-type-tag { | |
| 140 margin: 0 4px; | |
| 141 } | |
| 142 | |
| 143 .ac-extra > .ac-comment { | |
| 144 padding-right: 4px; | |
| 145 } | |
| 146 | |
| 147 .ac-ellipsis-after { | |
| 148 margin: 0 !important; | |
| 149 padding: 0; | |
| 150 min-width: 1em; | |
| 151 } | |
| 152 | |
| 153 .ac-normal-text { | |
| 154 margin: 0 !important; | |
| 155 padding: 0; | |
| 156 } | |
| 157 | |
| 158 .ac-normal-text > html|span { | |
| 159 margin: 0 !important; | |
| 160 padding: 0; | |
| 161 } | |
| 162 | |
| 163 html|span.ac-emphasize-text { | |
| 164 box-shadow: inset 0 0 1px 1px rgba(0,0,0,0.1); | |
| 165 background-color: rgba(0,0,0,0.05); | |
| 166 border-radius: 2px; | |
| 167 text-shadow: 0 0 currentColor; /*faux bold effect*/ | |
| 168 } | |
| 169 | |
| 170 .ac-url-text > html|span.ac-emphasize-text, | |
| 171 .ac-action-text > html|span.ac-emphasize-text { | |
| 172 box-shadow: none; | |
| 173 } | |
| 174 | |
| 175 .ac-normal-text[selected="true"] > html|span.ac-emphasize-text { | |
| 176 box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.3); | |
| 177 background-color: rgba(255,255,255,0.2); | |
| 178 } | |
| 179 | |
| 180 .ac-title, .ac-url { | |
| 181 overflow: hidden; | |
| 182 } | |
| 183 | |
| 184 /* ::::: textboxes inside toolbarpaletteitems ::::: */ | |
| 185 | |
| 186 toolbarpaletteitem > toolbaritem > textbox > hbox > hbox > html|*.textbox-input { | |
| 187 visibility: hidden; | |
| 188 } | |
| 189 | |
| 190 toolbarpaletteitem > toolbaritem > * > textbox > hbox > hbox > html|*.textbox-input { | |
| 191 visibility: hidden; | |
| 192 } |
