At this point, I suggest you make friends with the new bar. I found out it is actually possible to style the old bar, but it's quite limited, you can't remove items, which is what we want here. So yeah, the new bar - I've been playing around, trying to make it look exactly like the old bar. I've come pretty close, I think:
Code: Select all
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#PopupAutoCompleteRichResult richlistitem:first-child {
display: none !important;
}
#PopupAutoCompleteRichResult richlistitem .ac-type-icon,
#PopupAutoCompleteRichResult richlistitem .ac-site-icon {
-moz-box-ordinal-group: 0 !important;
}
#PopupAutoCompleteRichResult richlistitem .ac-url {
-moz-box-ordinal-group: 1 !important;
margin-inline-end: 6px !important;
margin-top: -2px !important;
font-size: 1em !important;
color: inherit !important;
}
#PopupAutoCompleteRichResult richlistitem .ac-separator {
display: none !important;
}
#PopupAutoCompleteRichResult richlistitem .ac-title {
-moz-box-ordinal-group: 2 !important;
font-size: 1em !important;
color: GrayText !important;
}
#PopupAutoCompleteRichResult richlistitem .ac-tags,
#PopupAutoCompleteRichResult richlistitem .ac-action {
-moz-box-ordinal-group: 3 !important;
margin-top: -2px !important;
font-size: 1em !important;
}
#PopupAutoCompleteRichResult richlistitem .ac-action {
margin-inline-end: 6px !important;
}
#PopupAutoCompleteRichResult richlistitem .ac-url-text, .ac-title-text {
min-width: 50vw !important;
max-width: 50vw !important;
}
#PopupAutoCompleteRichResult {
margin-left: -18px !important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistitem {
height: 18px !important;
min-height: 18px !important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistbox {
padding: 0 !important;
margin: 0 !important;
width: auto !important;
max-width: 90vw !important;
}
Right at the top, we make the first item that you all hate disappear, that's the cool stuff
. Then we order the items as we want using -moz-box-ordinal-group (url first, title second) and also set their styling (urls should be black, titles gray, and they shouldn't be frikkin' huge
). The last part is very important, the max-width setting, you'll need to adjust that one so that the size of the popup is the same size as your urlbar.
Note, this code goes into userChrome.css. If you're unfamiliar with that file, use the Stylish extension.