Wed, 31 Dec 2014 06:09:35 +0100
Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.
michael@0 | 1 | /* This Source Code Form is subject to the terms of the Mozilla Public |
michael@0 | 2 | * License, v. 2.0. If a copy of the MPL was not distributed with this |
michael@0 | 3 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ |
michael@0 | 4 | |
michael@0 | 5 | /* ===== autocomplete.css ================================================= |
michael@0 | 6 | == Styles used by the autocomplete widget. |
michael@0 | 7 | ======================================================================= */ |
michael@0 | 8 | |
michael@0 | 9 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
michael@0 | 10 | @namespace html url("http://www.w3.org/1999/xhtml"); |
michael@0 | 11 | |
michael@0 | 12 | /* ::::: autocomplete ::::: */ |
michael@0 | 13 | |
michael@0 | 14 | /* .padded is used by autocomplete widgets that don't have an icon. Gross. -dwh */ |
michael@0 | 15 | textbox:not(.padded) { |
michael@0 | 16 | cursor: default; |
michael@0 | 17 | padding: 0; |
michael@0 | 18 | } |
michael@0 | 19 | |
michael@0 | 20 | textbox[nomatch="true"][highlightnonmatches="true"] { |
michael@0 | 21 | color: red; |
michael@0 | 22 | } |
michael@0 | 23 | |
michael@0 | 24 | .autocomplete-textbox-container { |
michael@0 | 25 | -moz-box-align: center; |
michael@0 | 26 | } |
michael@0 | 27 | |
michael@0 | 28 | textbox:not(.padded) .textbox-input-box { |
michael@0 | 29 | margin: 0 3px; |
michael@0 | 30 | } |
michael@0 | 31 | |
michael@0 | 32 | .textbox-input-box { |
michael@0 | 33 | -moz-box-align: center; |
michael@0 | 34 | } |
michael@0 | 35 | |
michael@0 | 36 | /* ::::: autocomplete popups ::::: */ |
michael@0 | 37 | |
michael@0 | 38 | panel[type="autocomplete"], |
michael@0 | 39 | panel[type="autocomplete-richlistbox"], |
michael@0 | 40 | .autocomplete-history-popup { |
michael@0 | 41 | -moz-appearance: none; |
michael@0 | 42 | border-width: 1px; |
michael@0 | 43 | -moz-border-top-colors: ThreeDDarkShadow; |
michael@0 | 44 | -moz-border-right-colors: ThreeDDarkShadow; |
michael@0 | 45 | -moz-border-bottom-colors: ThreeDDarkShadow; |
michael@0 | 46 | -moz-border-left-colors: ThreeDDarkShadow; |
michael@0 | 47 | padding: 0; |
michael@0 | 48 | background-color: -moz-Field; |
michael@0 | 49 | } |
michael@0 | 50 | |
michael@0 | 51 | .autocomplete-history-popup { |
michael@0 | 52 | max-height: 180px; |
michael@0 | 53 | } |
michael@0 | 54 | |
michael@0 | 55 | /* ::::: tree ::::: */ |
michael@0 | 56 | |
michael@0 | 57 | .autocomplete-tree { |
michael@0 | 58 | -moz-appearance: none !important; |
michael@0 | 59 | border: none !important; |
michael@0 | 60 | background-color: transparent !important; |
michael@0 | 61 | } |
michael@0 | 62 | |
michael@0 | 63 | .autocomplete-treecol { |
michael@0 | 64 | -moz-appearance: none !important; |
michael@0 | 65 | margin: 0 !important; |
michael@0 | 66 | border: none !important; |
michael@0 | 67 | padding: 0 !important; |
michael@0 | 68 | } |
michael@0 | 69 | |
michael@0 | 70 | /* GTK calculates space for a sort arrow */ |
michael@0 | 71 | .autocomplete-treecol > .treecol-sortdirection { |
michael@0 | 72 | -moz-appearance: none !important; |
michael@0 | 73 | } |
michael@0 | 74 | |
michael@0 | 75 | .autocomplete-treebody::-moz-tree-cell-text { |
michael@0 | 76 | -moz-padding-start: 8px; |
michael@0 | 77 | } |
michael@0 | 78 | |
michael@0 | 79 | treechildren.autocomplete-treebody::-moz-tree-row(selected) { |
michael@0 | 80 | background-color: Highlight; |
michael@0 | 81 | } |
michael@0 | 82 | |
michael@0 | 83 | treechildren.autocomplete-treebody::-moz-tree-cell-text(selected) { |
michael@0 | 84 | color: HighlightText !important; |
michael@0 | 85 | } |
michael@0 | 86 | |
michael@0 | 87 | .autocomplete-treebody::-moz-tree-image(treecolAutoCompleteValue) { |
michael@0 | 88 | max-width: 16px; |
michael@0 | 89 | height: 16px; |
michael@0 | 90 | } |
michael@0 | 91 | |
michael@0 | 92 | /* ::::: richlistbox autocomplete ::::: */ |
michael@0 | 93 | |
michael@0 | 94 | .autocomplete-richlistbox { |
michael@0 | 95 | -moz-appearance: none; |
michael@0 | 96 | margin: 0; |
michael@0 | 97 | } |
michael@0 | 98 | |
michael@0 | 99 | .autocomplete-richlistitem { |
michael@0 | 100 | padding: 1px; |
michael@0 | 101 | } |
michael@0 | 102 | |
michael@0 | 103 | .autocomplete-richlistitem[selected="true"] { |
michael@0 | 104 | background-color: Highlight; |
michael@0 | 105 | color: HighlightText; |
michael@0 | 106 | } |
michael@0 | 107 | |
michael@0 | 108 | %ifdef WINDOWS_AERO |
michael@0 | 109 | @media (-moz-windows-default-theme) { |
michael@0 | 110 | /* |
michael@0 | 111 | -moz-appearance: menuitem is almost right, but the hover effect is not |
michael@0 | 112 | transparent and is lighter than desired. |
michael@0 | 113 | */ |
michael@0 | 114 | .autocomplete-richlistitem[selected="true"] { |
michael@0 | 115 | color: inherit; |
michael@0 | 116 | background-color: transparent; |
michael@0 | 117 | /* four gradients for the bevel highlights on each edge, one for blue background */ |
michael@0 | 118 | background-image: |
michael@0 | 119 | linear-gradient(to bottom, rgba(255,255,255,0.9) 3px, rgba(255,255,255,0) 3px), |
michael@0 | 120 | linear-gradient(to right, rgba(255,255,255,0.5) 3px, rgba(255,255,255,0) 3px), |
michael@0 | 121 | linear-gradient(to left, rgba(255,255,255,0.5) 3px, rgba(255,255,255,0) 3px), |
michael@0 | 122 | linear-gradient(to top, rgba(255,255,255,0.4) 3px, rgba(255,255,255,0) 3px), |
michael@0 | 123 | linear-gradient(to bottom, rgba(163,196,247,0.3), rgba(122,180,246,0.3)); |
michael@0 | 124 | background-clip: content-box; |
michael@0 | 125 | border-radius: 6px; |
michael@0 | 126 | outline: 1px solid rgb(124,163,206); |
michael@0 | 127 | -moz-outline-radius: 3px; |
michael@0 | 128 | outline-offset: -2px; |
michael@0 | 129 | } |
michael@0 | 130 | } |
michael@0 | 131 | %endif |
michael@0 | 132 | |
michael@0 | 133 | .ac-title-box { |
michael@0 | 134 | margin-top: 4px; |
michael@0 | 135 | } |
michael@0 | 136 | |
michael@0 | 137 | .ac-url-box { |
michael@0 | 138 | margin: 1px 0 4px; |
michael@0 | 139 | } |
michael@0 | 140 | |
michael@0 | 141 | .ac-site-icon { |
michael@0 | 142 | width: 16px; |
michael@0 | 143 | height: 16px; |
michael@0 | 144 | margin: 0 5px -2px; |
michael@0 | 145 | } |
michael@0 | 146 | |
michael@0 | 147 | .ac-type-icon { |
michael@0 | 148 | width: 16px; |
michael@0 | 149 | height: 16px; |
michael@0 | 150 | -moz-margin-start: 6px; |
michael@0 | 151 | -moz-margin-end: 4px; |
michael@0 | 152 | margin-bottom: -1px; |
michael@0 | 153 | } |
michael@0 | 154 | |
michael@0 | 155 | .ac-url-box > .ac-site-icon, |
michael@0 | 156 | .ac-url-box > .ac-type-icon { |
michael@0 | 157 | /* Otherwise the spacer is big enough to stretch its container */ |
michael@0 | 158 | height: auto; |
michael@0 | 159 | } |
michael@0 | 160 | |
michael@0 | 161 | .ac-extra > .ac-result-type-tag { |
michael@0 | 162 | margin: 0 4px; |
michael@0 | 163 | } |
michael@0 | 164 | |
michael@0 | 165 | .ac-extra > .ac-comment { |
michael@0 | 166 | padding-right: 4px; |
michael@0 | 167 | } |
michael@0 | 168 | |
michael@0 | 169 | .ac-ellipsis-after { |
michael@0 | 170 | margin: 0 !important; |
michael@0 | 171 | padding: 0; |
michael@0 | 172 | min-width: 1em; |
michael@0 | 173 | } |
michael@0 | 174 | |
michael@0 | 175 | .ac-normal-text { |
michael@0 | 176 | margin: 0 !important; |
michael@0 | 177 | padding: 0; |
michael@0 | 178 | } |
michael@0 | 179 | |
michael@0 | 180 | .ac-normal-text > html|span { |
michael@0 | 181 | margin: 0 !important; |
michael@0 | 182 | padding: 0; |
michael@0 | 183 | } |
michael@0 | 184 | |
michael@0 | 185 | html|span.ac-emphasize-text { |
michael@0 | 186 | box-shadow: inset 0 0 1px 1px rgba(208,208,208,0.5); |
michael@0 | 187 | background-color: rgba(208,208,208,0.3); |
michael@0 | 188 | border-radius: 2px; |
michael@0 | 189 | text-shadow: 0 0 currentColor; |
michael@0 | 190 | } |
michael@0 | 191 | |
michael@0 | 192 | @media (-moz-windows-default-theme) { |
michael@0 | 193 | %ifdef WINDOWS_AERO |
michael@0 | 194 | html|span.ac-emphasize-text { |
michael@0 | 195 | box-shadow: inset 0 0 1px 1px rgba(0,0,0,0.1); |
michael@0 | 196 | background-color: rgba(0,0,0,0.05); |
michael@0 | 197 | } |
michael@0 | 198 | %else |
michael@0 | 199 | .ac-url-text > html|span.ac-emphasize-text, |
michael@0 | 200 | .ac-action-text > html|span.ac-emphasize-text { |
michael@0 | 201 | box-shadow: inset 0 0 1px 1px rgba(202,214,201,0.3); |
michael@0 | 202 | background-color: rgba(202,214,201,0.2); |
michael@0 | 203 | } |
michael@0 | 204 | %endif |
michael@0 | 205 | } |
michael@0 | 206 | |
michael@0 | 207 | .ac-title, .ac-url { |
michael@0 | 208 | overflow: hidden; |
michael@0 | 209 | } |
michael@0 | 210 | |
michael@0 | 211 | /* ::::: textboxes inside toolbarpaletteitems ::::: */ |
michael@0 | 212 | |
michael@0 | 213 | toolbarpaletteitem > toolbaritem > textbox > hbox > hbox > html|*.textbox-input { |
michael@0 | 214 | visibility: hidden; |
michael@0 | 215 | } |
michael@0 | 216 | |
michael@0 | 217 | toolbarpaletteitem > toolbaritem > * > textbox > hbox > hbox > html|*.textbox-input { |
michael@0 | 218 | visibility: hidden; |
michael@0 | 219 | } |
michael@0 | 220 |