1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/toolkit/themes/windows/global/autocomplete.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,220 @@
1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public
1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this
1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
1.7 +
1.8 +/* ===== autocomplete.css =================================================
1.9 + == Styles used by the autocomplete widget.
1.10 + ======================================================================= */
1.11 +
1.12 +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
1.13 +@namespace html url("http://www.w3.org/1999/xhtml");
1.14 +
1.15 +/* ::::: autocomplete ::::: */
1.16 +
1.17 +/* .padded is used by autocomplete widgets that don't have an icon. Gross. -dwh */
1.18 +textbox:not(.padded) {
1.19 + cursor: default;
1.20 + padding: 0;
1.21 +}
1.22 +
1.23 +textbox[nomatch="true"][highlightnonmatches="true"] {
1.24 + color: red;
1.25 +}
1.26 +
1.27 +.autocomplete-textbox-container {
1.28 + -moz-box-align: center;
1.29 +}
1.30 +
1.31 +textbox:not(.padded) .textbox-input-box {
1.32 + margin: 0 3px;
1.33 +}
1.34 +
1.35 +.textbox-input-box {
1.36 + -moz-box-align: center;
1.37 +}
1.38 +
1.39 +/* ::::: autocomplete popups ::::: */
1.40 +
1.41 +panel[type="autocomplete"],
1.42 +panel[type="autocomplete-richlistbox"],
1.43 +.autocomplete-history-popup {
1.44 + -moz-appearance: none;
1.45 + border-width: 1px;
1.46 + -moz-border-top-colors: ThreeDDarkShadow;
1.47 + -moz-border-right-colors: ThreeDDarkShadow;
1.48 + -moz-border-bottom-colors: ThreeDDarkShadow;
1.49 + -moz-border-left-colors: ThreeDDarkShadow;
1.50 + padding: 0;
1.51 + background-color: -moz-Field;
1.52 +}
1.53 +
1.54 +.autocomplete-history-popup {
1.55 + max-height: 180px;
1.56 +}
1.57 +
1.58 +/* ::::: tree ::::: */
1.59 +
1.60 +.autocomplete-tree {
1.61 + -moz-appearance: none !important;
1.62 + border: none !important;
1.63 + background-color: transparent !important;
1.64 +}
1.65 +
1.66 +.autocomplete-treecol {
1.67 + -moz-appearance: none !important;
1.68 + margin: 0 !important;
1.69 + border: none !important;
1.70 + padding: 0 !important;
1.71 +}
1.72 +
1.73 +/* GTK calculates space for a sort arrow */
1.74 +.autocomplete-treecol > .treecol-sortdirection {
1.75 + -moz-appearance: none !important;
1.76 +}
1.77 +
1.78 +.autocomplete-treebody::-moz-tree-cell-text {
1.79 + -moz-padding-start: 8px;
1.80 +}
1.81 +
1.82 +treechildren.autocomplete-treebody::-moz-tree-row(selected) {
1.83 + background-color: Highlight;
1.84 +}
1.85 +
1.86 +treechildren.autocomplete-treebody::-moz-tree-cell-text(selected) {
1.87 + color: HighlightText !important;
1.88 +}
1.89 +
1.90 +.autocomplete-treebody::-moz-tree-image(treecolAutoCompleteValue) {
1.91 + max-width: 16px;
1.92 + height: 16px;
1.93 +}
1.94 +
1.95 +/* ::::: richlistbox autocomplete ::::: */
1.96 +
1.97 +.autocomplete-richlistbox {
1.98 + -moz-appearance: none;
1.99 + margin: 0;
1.100 +}
1.101 +
1.102 +.autocomplete-richlistitem {
1.103 + padding: 1px;
1.104 +}
1.105 +
1.106 +.autocomplete-richlistitem[selected="true"] {
1.107 + background-color: Highlight;
1.108 + color: HighlightText;
1.109 +}
1.110 +
1.111 +%ifdef WINDOWS_AERO
1.112 +@media (-moz-windows-default-theme) {
1.113 + /*
1.114 + -moz-appearance: menuitem is almost right, but the hover effect is not
1.115 + transparent and is lighter than desired.
1.116 + */
1.117 + .autocomplete-richlistitem[selected="true"] {
1.118 + color: inherit;
1.119 + background-color: transparent;
1.120 + /* four gradients for the bevel highlights on each edge, one for blue background */
1.121 + background-image:
1.122 + linear-gradient(to bottom, rgba(255,255,255,0.9) 3px, rgba(255,255,255,0) 3px),
1.123 + linear-gradient(to right, rgba(255,255,255,0.5) 3px, rgba(255,255,255,0) 3px),
1.124 + linear-gradient(to left, rgba(255,255,255,0.5) 3px, rgba(255,255,255,0) 3px),
1.125 + linear-gradient(to top, rgba(255,255,255,0.4) 3px, rgba(255,255,255,0) 3px),
1.126 + linear-gradient(to bottom, rgba(163,196,247,0.3), rgba(122,180,246,0.3));
1.127 + background-clip: content-box;
1.128 + border-radius: 6px;
1.129 + outline: 1px solid rgb(124,163,206);
1.130 + -moz-outline-radius: 3px;
1.131 + outline-offset: -2px;
1.132 + }
1.133 +}
1.134 +%endif
1.135 +
1.136 +.ac-title-box {
1.137 + margin-top: 4px;
1.138 +}
1.139 +
1.140 +.ac-url-box {
1.141 + margin: 1px 0 4px;
1.142 +}
1.143 +
1.144 +.ac-site-icon {
1.145 + width: 16px;
1.146 + height: 16px;
1.147 + margin: 0 5px -2px;
1.148 +}
1.149 +
1.150 +.ac-type-icon {
1.151 + width: 16px;
1.152 + height: 16px;
1.153 + -moz-margin-start: 6px;
1.154 + -moz-margin-end: 4px;
1.155 + margin-bottom: -1px;
1.156 +}
1.157 +
1.158 +.ac-url-box > .ac-site-icon,
1.159 +.ac-url-box > .ac-type-icon {
1.160 + /* Otherwise the spacer is big enough to stretch its container */
1.161 + height: auto;
1.162 +}
1.163 +
1.164 +.ac-extra > .ac-result-type-tag {
1.165 + margin: 0 4px;
1.166 +}
1.167 +
1.168 +.ac-extra > .ac-comment {
1.169 + padding-right: 4px;
1.170 +}
1.171 +
1.172 +.ac-ellipsis-after {
1.173 + margin: 0 !important;
1.174 + padding: 0;
1.175 + min-width: 1em;
1.176 +}
1.177 +
1.178 +.ac-normal-text {
1.179 + margin: 0 !important;
1.180 + padding: 0;
1.181 +}
1.182 +
1.183 +.ac-normal-text > html|span {
1.184 + margin: 0 !important;
1.185 + padding: 0;
1.186 +}
1.187 +
1.188 +html|span.ac-emphasize-text {
1.189 + box-shadow: inset 0 0 1px 1px rgba(208,208,208,0.5);
1.190 + background-color: rgba(208,208,208,0.3);
1.191 + border-radius: 2px;
1.192 + text-shadow: 0 0 currentColor;
1.193 +}
1.194 +
1.195 +@media (-moz-windows-default-theme) {
1.196 +%ifdef WINDOWS_AERO
1.197 + html|span.ac-emphasize-text {
1.198 + box-shadow: inset 0 0 1px 1px rgba(0,0,0,0.1);
1.199 + background-color: rgba(0,0,0,0.05);
1.200 + }
1.201 +%else
1.202 + .ac-url-text > html|span.ac-emphasize-text,
1.203 + .ac-action-text > html|span.ac-emphasize-text {
1.204 + box-shadow: inset 0 0 1px 1px rgba(202,214,201,0.3);
1.205 + background-color: rgba(202,214,201,0.2);
1.206 + }
1.207 +%endif
1.208 +}
1.209 +
1.210 +.ac-title, .ac-url {
1.211 + overflow: hidden;
1.212 +}
1.213 +
1.214 +/* ::::: textboxes inside toolbarpaletteitems ::::: */
1.215 +
1.216 +toolbarpaletteitem > toolbaritem > textbox > hbox > hbox > html|*.textbox-input {
1.217 + visibility: hidden;
1.218 +}
1.219 +
1.220 +toolbarpaletteitem > toolbaritem > * > textbox > hbox > hbox > html|*.textbox-input {
1.221 + visibility: hidden;
1.222 +}
1.223 +
