a few improvements seen in usage of the themes
[themes.git] / EarlyBlue / global / autocomplete.css
index abc327a19e21f68c81804b37259daf68d09f1de2..86d4cf897f9605a792c36a45978b908a959ea942 100644 (file)
 
 /* ::::: autocomplete ::::: */
 
-textbox {
+/* .padded is used by autocomplete widgets that don't have an icon. Gross. -dwh */
+textbox:not(.padded) {
   cursor: default;
   padding: 0px;
 }
 
-/* Used by autocomplete widgets that don't have an icon. Gross. -dwh */
-textbox.padded {
-  padding-top: 1px;
-  padding-bottom: 1px;
-  -moz-padding-start: 2px;
-  -moz-padding-end: 0px;
+textbox[nomatch="true"][highlightnonmatches="true"] {
+  color: red;
 }
 
 .autocomplete-textbox-container {
   -moz-box-align: center;
 }
 
-.textbox-input-box {
+textbox:not(.padded) .textbox-input-box {
   margin: 0 3px;
+}
+
+.textbox-input-box {
   -moz-box-align: center;
 }
 
@@ -79,7 +79,10 @@ textbox.padded {
 
 .autocomplete-history-dropmarker[open="true"] {
   border: 1px inset #CCD0DD;
-  padding: 2px 0px 0px 2px;
+  padding-top: 2px;
+  padding-bottom: 0;
+  -moz-padding-start: 2px;
+  -moz-padding-end: 0;
 }
 
 /* ::::: autocomplete popups ::::: */
@@ -88,7 +91,7 @@ panel[type="autocomplete"],
 panel[type="autocomplete-richlistbox"],
 .autocomplete-history-popup {
   border: 1px solid #9999CC;
-  background-color: white !important;
+  background-color: white;
   padding: 0;
 }
 
@@ -115,7 +118,7 @@ panel[type="autocomplete-richlistbox"],
 }
 
 .autocomplete-treebody::-moz-tree-cell-text {
-  padding-left: 8px;
+  -moz-padding-start: 8px;
 }
 
 .autocomplete-treebody::-moz-tree-row(selected) {
@@ -134,10 +137,7 @@ panel[type="autocomplete-richlistbox"],
 /* ::::: richlistbox autocomplete ::::: */
 
 .autocomplete-richlistbox {
-  -moz-appearance: none !important;
   margin: 0;
-  border: none !important;
-  background-color: transparent !important;
 }
 
 .autocomplete-richlistbox > scrollbox {
@@ -150,16 +150,20 @@ panel[type="autocomplete-richlistbox"],
 }
 
 .autocomplete-richlistitem {
-  -moz-box-orient: vertical;
-  overflow:-moz-hidden-unscrollable;
-  padding: 1px 0px 1px 2px;
-  border-bottom: 1px solid #666699;
+  padding: 1px 2px;
+}
+
+.autocomplete-richlistitem:not(:first-child) {
+  border-top: 1px solid #666699;
 }
 
 .ac-site-icon {
   width: 16px;
   height: 16px;
-  margin-right: 8px;
+  margin-top: 0;
+  margin-bottom: -3px;
+  -moz-margin-start: 3px;
+  -moz-margin-end: 5px;
 }
 
 .ac-type-icon {
@@ -167,24 +171,39 @@ panel[type="autocomplete-richlistbox"],
   height: 16px;
 }
 
+.ac-extra > .ac-result-type-tag {
+  margin: 0 4px;
+}
+
+.ac-extra > .ac-comment {
+  -moz-padding-end: 4px;
+}
+
 .ac-ellipsis-after {
-  margin: 2px 0px 0px 0px !important;
+  margin: 2px 0px 0px !important;
   padding: 0;
   min-width: 1em;
 }
 
 .ac-normal-text {
-  margin: 2px 0px 0px 0px !important;
+  margin: 2px 0px 0px !important;
   padding: 0;
 }
 
-html|*.ac-emphasize-text {
+.ac-normal-text > html|span {
   margin: 0 !important;
   padding: 0;
+}
+
+html|span.ac-emphasize-text {
   font-weight: bold;
   text-decoration: underline;
 }
 
+html|span.ac-emphasize-alt {
+  text-decoration: underline;
+}
+
 .ac-title, .ac-url {
   overflow: hidden;
 }