I have the following userChrome.css (Aris):
Code: Select all
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@import url(./css/locationbar/ac_popup_classic_with_two_lines.css);
@import url(./css/locationbar/ac_popup_searchwith_and_visit_items_hidden.css);
@-moz-document url(chrome://browser/content/browser.xul) {
/* Remove " - Visit" or " - Search with" bar in the drop-down */
#PopupAutoCompleteRichResult richlistitem:first-of-type[type*="heuristic"],
#PopupAutoCompleteRichResult richlistitem:first-of-type[actiontype="searchengine"],
#PopupAutoCompleteRichResult richlistitem:first-of-type[actiontype="visiturl"],
#PopupAutoCompleteRichResult richlistitem:first-of-type[actiontype="keyword"] {
display:none !important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistbox {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* Create sufficient height for two lines */
#PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) {
position: relative !important;
height: 45.5px !important;
}
/* Subtle border between results */
#PopupAutoCompleteRichResult .autocomplete-richlistitem {
border-bottom-color: #eee !important;
}
/* Position page title, set font-size */
#PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-title {
position: absolute !important;
left: 54px;
top: 0px;
font-size: 16px !important;
}
/* Position page url / action, set font-size */
#PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-url,
#PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-action {
position: absolute !important;
left: 54px;
top: 22px;
font-size: 14px !important;
}
/* Position bookmark tags */
#PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-tags {
position: absolute !important;
right: 0px;
top: 3px;
}
/* Hide separator between title and URL */
#PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-separator {
display: none !important;
}
/* Position special icon (bookmark, switch-to-tab) */
#PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-type-icon {
margin-left: 4px !important;
}
/* Prevent excess indenting of icons in Photon */
#PopupAutoCompleteRichResult .autocomplete-richlistitem [anonid="type-icon-spacer"] {
display: none !important;
}
#PopupAutoCompleteRichResult {
--item-padding-start: 0 !important;
}
.autocomplete-richlistitem[selected=true] {
background-color: Highlight !important;
}
.autocomplete-richlistitem[selected=true] .ac-title,
.ac-title[selected],
.autocomplete-richlistitem[selected=true] .ac-url,
.ac-url[selected],
.autocomplete-richlistitem[selected=true] .ac-action,
.ac-action[selected],
.autocomplete-richlistitem[selected=true] .ac-separator,
.ac-separator[selected] {
color: HighlightText !important;
}
/* Use default text matching style */
/* Ability to scroll in Fx57 */
#PopupAutoCompleteRichResult .autocomplete-richlistbox > scrollbox {
overflow-y: auto !important;
padding-right: 3px !important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistbox {
padding-right: 0 !important;
}
}
Code: Select all
/*AGENT_SHEET*/
/* Firefox 57+ userChrome.css tweaks ****************************************************/
/* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **/
/* by Aris (aris-addons@gmx.net)*********************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/
@-moz-document url(chrome://browser/content/browser.xul) {
panel[type="autocomplete-richlistbox"]:not(#PopupAutoComplete),
#PopupAutoCompleteRichResult[autocompleteinput="urlbar"] {
-moz-binding: url("./../../xml/urlbarBindings_fx57.xml#urlbar-rich-result-popup") !important;
}
panel[type="autocomplete-richlistbox"]:not(#PopupAutoComplete) .autocomplete-richlistitem,
#PopupAutoCompleteRichResult[autocompleteinput="urlbar"] .autocomplete-richlistitem {
-moz-binding: url("./../../xml/urlbarBindings_fx57.xml#autocomplete-richlistitem") !important;
}
/* remove space around box */
#PopupAutoCompleteRichResult .autocomplete-richlistbox {
padding: 0 !important;
}
/* restyle popup items */
panel[type="autocomplete-richlistbox"]:not(#PopupAutoComplete) .autocomplete-richlistitem,
#PopupAutoCompleteRichResult[autocompleteinput="urlbar"] .autocomplete-richlistitem {
-moz-box-orient: vertical !important;
min-height: unset !important;
height: unset !important;
max-height: unset !important;
padding: 4px 0px !important;
border-radius: 0 !important;
}
panel[type="autocomplete-richlistbox"]:not(#PopupAutoComplete) .autocomplete-richlistitem .ac-separator,
#PopupAutoCompleteRichResult[autocompleteinput="urlbar"] .autocomplete-richlistitem .ac-separator {
display:none !important;
visibility: collapse !important;
}
panel[type="autocomplete-richlistbox"]:not(#PopupAutoComplete) .autocomplete-richlistitem :-moz-any(.ac-site-icon,.ac-title,.ac-action,.ac-url),
#PopupAutoCompleteRichResult[autocompleteinput="urlbar"] .autocomplete-richlistitem :-moz-any(.ac-site-icon,.ac-title,.ac-action,.ac-url){
-moz-margin-start: unset !important;
-moz-margin-end: unset !important;
-moz-padding-start: unset !important;
-moz-padding-end: unset !important;
}
panel[type="autocomplete-richlistbox"]:not(#PopupAutoComplete) .autocomplete-richlistitem .ac-type-icon,
#PopupAutoCompleteRichResult[autocompleteinput="urlbar"] .autocomplete-richlistitem .ac-type-icon {
margin-inline-start: 4px !important;
margin-inline-end: 4px !important;
}
panel[type="autocomplete-richlistbox"]:not(#PopupAutoComplete) .autocomplete-richlistitem .ac-site-icon,
#PopupAutoCompleteRichResult[autocompleteinput="urlbar"] .autocomplete-richlistitem .ac-site-icon {
-moz-margin-start: 4px !important;
}
panel[type="autocomplete-richlistbox"]:not(#PopupAutoComplete) .autocomplete-richlistitem .ac-title,
#PopupAutoCompleteRichResult[autocompleteinput="urlbar"] .autocomplete-richlistitem .ac-title{
-moz-margin-start: 5px !important;
margin-top: -3px !important;
}
panel[type="autocomplete-richlistbox"]:not(#PopupAutoComplete) .autocomplete-richlistitem :-moz-any(.ac-url, .ac-action),
#PopupAutoCompleteRichResult[autocompleteinput="urlbar"] .autocomplete-richlistitem :-moz-any(.ac-url, .ac-action){
-moz-margin-start: 25px !important;
margin-top: 1px !important;
}
panel[type="autocomplete-richlistbox"]:not(#PopupAutoComplete) .autocomplete-richlistitem .ac-url,
#PopupAutoCompleteRichResult[autocompleteinput="urlbar"] .autocomplete-richlistitem .ac-url{
padding-bottom: 1px !important;
}
panel[type="autocomplete-richlistbox"]:not(#PopupAutoComplete) .autocomplete-richlistitem .ac-action[actiontype=searchengine]:not([selected]),
#PopupAutoCompleteRichResult[autocompleteinput="urlbar"] .autocomplete-richlistitem .ac-action[actiontype=searchengine]:not([selected]) {
display: block !important;
}
panel[type="autocomplete-richlistbox"]:not(#PopupAutoComplete) .autocomplete-richlistitem #ibox-spacer,
#PopupAutoCompleteRichResult[autocompleteinput="urlbar"] .autocomplete-richlistitem #ibox-spacer {
width: 100000px !important;
}
panel[type="autocomplete-richlistbox"]:not(#PopupAutoComplete) hbox[anonid="search-suggestions-notification"],
#PopupAutoCompleteRichResult[autocompleteinput="urlbar"] hbox[anonid="search-suggestions-notification"] {
display: none !important;
}
panel[type="autocomplete-richlistbox"]:not(#PopupAutoComplete) deck[search-suggestions-notification],
#PopupAutoCompleteRichResult[autocompleteinput="urlbar"] deck[search-suggestions-notification] {
display: none !important;
}
/* show scrollbar */
panel[type="autocomplete-richlistbox"]:not(#PopupAutoComplete) scrollbox,
#PopupAutoCompleteRichResult[autocompleteinput="urlbar"] scrollbox{
overflow-y: auto !important;
}
/* for Windows Classic theme *//*
panel[type="autocomplete-richlistbox"]:not(#PopupAutoComplete) .autocomplete-richlistitem .ac-title,
#PopupAutoCompleteRichResult[autocompleteinput="urlbar"] .autocomplete-richlistitem .ac-title {
padding-top: 2px !important;
padding-bottom: 2px !important;
}
panel[type="autocomplete-richlistbox"]:not(#PopupAutoComplete) .autocomplete-richlistbox,
#PopupAutoCompleteRichResult[autocompleteinput="urlbar"] .autocomplete-richlistbox {
padding: 0 !important;
}
/**/
}
https://i.imgur.com/jXnYL58.png
How can I migrate it to achive the same results in 63.0 version?
Thanks in advance.