toolkit/themes/windows/global/autocomplete.css

Wed, 31 Dec 2014 06:09:35 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 06:09:35 +0100
changeset 0
6474c204b198
permissions
-rw-r--r--

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

mercurial