a few improvements seen in usage of the themes

[themes.git] / EarlyBlue / global / autocomplete.css

diff --git a/EarlyBlue/global/autocomplete.css b/EarlyBlue/global/autocomplete.css
index 5878ae11fba204fc82d6981b4fc9efa57d0b61ad..86d4cf897f9605a792c36a45978b908a959ea942 100644 (file)
--- a/EarlyBlue/global/autocomplete.css
+++ b/EarlyBlue/global/autocomplete.css
@@ -47,25 +47,25 @@
 
 /* ::::: 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;
 }
 
@@ -77,13 +77,12 @@ textbox.padded {
   background-color: #9999CC;
 }
 
-.autocomplete-history-dropmarker[enablehistory="true"] {
-  -moz-binding: url("chrome://global/skin/globalBindings.xml#history-dropmarker")
-}
-
 .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 ::::: */
@@ -92,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;
 }
 
@@ -113,8 +112,13 @@ panel[type="autocomplete-richlistbox"],
   padding: 0px !important;
 }
 
+/* GTK calculates space for a sort arrow */
+.autocomplete-treecol > .treecol-sortdirection {
+  -moz-appearance: none !important;
+}
+
 .autocomplete-treebody::-moz-tree-cell-text {
-  padding-left: 8px;
+  -moz-padding-start: 8px;
 }
 
 .autocomplete-treebody::-moz-tree-row(selected) {
@@ -125,28 +129,41 @@ panel[type="autocomplete-richlistbox"],
   color: white !important;
 }
 
+.autocomplete-treebody::-moz-tree-image(treecolAutoCompleteValue) {
+  max-width: 16px;
+  height: 16px;
+}
+
 /* ::::: richlistbox autocomplete ::::: */
 
 .autocomplete-richlistbox {
-  -moz-appearance: none !important;
   margin: 0;
-  border: none !important;
-  background-color: transparent !important;
 }
 
-.autocomplete-richlistbox > richlistitem[selected="true"] {
+.autocomplete-richlistbox > scrollbox {
+  overflow-x: hidden !important;
+}
+
+.autocomplete-richlistitem[selected="true"] {
   background-color: #336699;
   color: white;
 }
 
 .autocomplete-richlistitem {
-  overflow: hidden;
-  padding: 1px 0px 1px 2px;
+  padding: 1px 2px;
+}
+
+.autocomplete-richlistitem:not(:first-child) {
+  border-top: 1px solid #666699;
 }
 
 .ac-site-icon {
   width: 16px;
   height: 16px;
+  margin-top: 0;
+  margin-bottom: -3px;
+  -moz-margin-start: 3px;
+  -moz-margin-end: 5px;
 }
 
 .ac-type-icon {
@@ -154,33 +171,37 @@ panel[type="autocomplete-richlistbox"],
   height: 16px;
 }
 
-.ac-ellipsis-before {
-  margin: 2px -2px 0px 2px !important;
-  padding: 0;
-  min-width: 1em;
+.ac-extra > .ac-result-type-tag {
+  margin: 0 4px;
 }
 
-.ac-ellipsis-between {
-  margin: 2px 0px 0px 0px !important;
-  -moz-padding-end: 8px;
-  min-width: 2em;
+.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;
 }
 
-.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 {