toolkit/themes/osx/global/autocomplete.css

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/toolkit/themes/osx/global/autocomplete.css	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,185 @@
     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 +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
     1.9 +@namespace html url("http://www.w3.org/1999/xhtml");
    1.10 +
    1.11 +/* .padded is used by autocomplete widgets that don't have an icon. Gross. -dwh */
    1.12 +textbox:not(.padded) {
    1.13 +  cursor: default;
    1.14 +  padding: 0;
    1.15 +}
    1.16 +
    1.17 +textbox[nomatch="true"][highlightnonmatches="true"] {
    1.18 +  color: red;
    1.19 +}
    1.20 +
    1.21 +textbox:not(.padded) .textbox-input-box {
    1.22 +  margin: 0 3px;
    1.23 +}
    1.24 +
    1.25 +.textbox-input-box {
    1.26 +  -moz-box-align: center;
    1.27 +}
    1.28 +
    1.29 +/* ::::: history button ::::: */
    1.30 +
    1.31 +.autocomplete-history-dropmarker {
    1.32 +  -moz-appearance: none !important;
    1.33 +  border: none !important;
    1.34 +  background-color: transparent !important;
    1.35 +  padding: 0px;
    1.36 +  list-style-image: url("chrome://global/skin/icons/autocomplete-dropmarker.png");
    1.37 +  margin: 0px;
    1.38 +}
    1.39 +
    1.40 +/* ::::: autocomplete popups ::::: */
    1.41 +
    1.42 +panel[type="autocomplete"],
    1.43 +panel[type="autocomplete-richlistbox"],
    1.44 +.autocomplete-history-popup {
    1.45 +  padding: 0px !important;
    1.46 +  background-color: -moz-Field;
    1.47 +  font: icon;
    1.48 +  -moz-appearance: none;
    1.49 +}
    1.50 +
    1.51 +.autocomplete-history-popup {
    1.52 +  max-height: 180px;
    1.53 +}
    1.54 +
    1.55 +/* ::::: tree ::::: */
    1.56 +
    1.57 +.autocomplete-tree {
    1.58 +  -moz-appearance: none !important;
    1.59 +  border: none !important;
    1.60 +  background-color: transparent !important;
    1.61 +}
    1.62 +
    1.63 +.autocomplete-treecol {
    1.64 +  -moz-appearance: none !important;
    1.65 +  margin: 0 !important;
    1.66 +  border: none !important;
    1.67 +  padding: 0 !important;
    1.68 +}
    1.69 +
    1.70 +.autocomplete-treebody::-moz-tree-cell-text {
    1.71 +  padding-left: 2px;
    1.72 +}
    1.73 +
    1.74 +.autocomplete-treebody::-moz-tree-row {
    1.75 +  border-top: none;
    1.76 +}
    1.77 +
    1.78 +treechildren.autocomplete-treebody::-moz-tree-row(selected) {
    1.79 + background-color: Highlight;
    1.80 +}
    1.81 +
    1.82 +treechildren.autocomplete-treebody::-moz-tree-cell-text(selected) {
    1.83 +  color: HighlightText !important;
    1.84 +}
    1.85 +
    1.86 +.autocomplete-treebody::-moz-tree-image(treecolAutoCompleteValue) {
    1.87 +  max-width: 16px;
    1.88 +  height: 16px;
    1.89 +}
    1.90 +
    1.91 +/* ::::: richlistbox autocomplete ::::: */
    1.92 +
    1.93 +.autocomplete-richlistbox {
    1.94 +  -moz-appearance: none;
    1.95 +  margin: 0;
    1.96 +}
    1.97 +
    1.98 +.autocomplete-richlistitem[selected="true"] {
    1.99 +  background-color: Highlight;
   1.100 +  color: HighlightText;
   1.101 +  background-image: linear-gradient(rgba(255,255,255,0.3), transparent);
   1.102 +}
   1.103 +
   1.104 +.autocomplete-richlistitem {
   1.105 +  padding: 5px 2px;
   1.106 +}
   1.107 +
   1.108 +.ac-url-box {
   1.109 +  margin-top: 1px;
   1.110 +}
   1.111 +
   1.112 +.ac-site-icon {
   1.113 +  width: 16px; 
   1.114 +  height: 16px;
   1.115 +  margin-bottom: -1px;
   1.116 +  -moz-margin-start: 7px;
   1.117 +  -moz-margin-end: 5px;
   1.118 +}
   1.119 +
   1.120 +@media (min-resolution: 2dppx) {
   1.121 +  image.ac-site-icon {
   1.122 +    image-rendering: -moz-crisp-edges;
   1.123 +  }
   1.124 +}
   1.125 +
   1.126 +.ac-type-icon {
   1.127 +  width: 16px;
   1.128 +  height: 16px;
   1.129 +  -moz-margin-start: 6px;
   1.130 +  -moz-margin-end: 4px;
   1.131 +}
   1.132 +
   1.133 +.ac-url-box > .ac-site-icon,
   1.134 +.ac-url-box > .ac-type-icon {
   1.135 +  /* Otherwise the spacer is big enough to stretch its container */
   1.136 +  height: auto;
   1.137 +}
   1.138 +
   1.139 +.ac-extra > .ac-result-type-tag {
   1.140 +  margin: 0 4px;
   1.141 +}
   1.142 +
   1.143 +.ac-extra > .ac-comment {
   1.144 +  padding-right: 4px;
   1.145 +}
   1.146 +
   1.147 +.ac-ellipsis-after {
   1.148 +  margin: 0 !important;
   1.149 +  padding: 0; 
   1.150 +  min-width: 1.1em;
   1.151 +}
   1.152 +
   1.153 +.ac-normal-text {
   1.154 +  margin: 0 !important;
   1.155 +  padding: 0;
   1.156 +}
   1.157 +
   1.158 +.ac-normal-text > html|span {
   1.159 +  margin: 0 !important;
   1.160 +  padding: 0;
   1.161 +}
   1.162 +
   1.163 +html|span.ac-emphasize-text {
   1.164 +  box-shadow: inset 0 0 1px 1px rgba(208,208,208,0.4);
   1.165 +  background-color: rgba(208,208,208,0.2);
   1.166 +  border-radius: 2px;
   1.167 +  text-shadow: 0 0 currentColor;
   1.168 +}
   1.169 +
   1.170 +.ac-url-text > html|span.ac-emphasize-text,
   1.171 +.ac-action-text > html|span.ac-emphasize-text {
   1.172 +  box-shadow: inset 0 0 1px 1px rgba(183,210,226,0.4);
   1.173 +  background-color: rgba(183,210,226,0.3);
   1.174 +}
   1.175 +
   1.176 +.ac-title, .ac-url {
   1.177 +  overflow: hidden;
   1.178 +}
   1.179 +
   1.180 +/* ::::: textboxes inside toolbarpaletteitems ::::: */
   1.181 +
   1.182 +toolbarpaletteitem > toolbaritem > textbox > hbox > hbox > html|*.textbox-input {
   1.183 +  visibility: hidden;
   1.184 +}
   1.185 +
   1.186 +toolbarpaletteitem > toolbaritem > * > textbox > hbox > hbox > html|*.textbox-input {
   1.187 +  visibility: hidden;
   1.188 +}

mercurial