Advertisement
Guest User

Firefox 68 URL Bar drop-down two-row style

a guest
Jul 9th, 2019
608
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.35 KB | None | 0 0
  1. /*
  2.   Firefox 57-68 users: https://www.jeffersonscher.com/gm/url-bar-tweaks.html
  3.   You can copy/paste into a userChrome.css file, see https://www.userchrome.org/
  4. */
  5. /* Remove " - Visit" or " - Search with" bar in the drop-down */
  6.   #PopupAutoCompleteRichResult richlistitem:first-of-type[type*="heuristic"],
  7.   #PopupAutoCompleteRichResult richlistitem:first-of-type[actiontype="searchengine"],
  8.   #PopupAutoCompleteRichResult richlistitem:first-of-type[actiontype="visiturl"],
  9.   #PopupAutoCompleteRichResult richlistitem:first-of-type[actiontype="keyword"],
  10.   panel#urlbar-results #urlbarView-row-0 {
  11.     display:none !important;
  12.   }
  13. /* Hide line for searching sld.tld below "Visit" Line */
  14.   #PopupAutoCompleteRichResult richlistitem:first-of-type[actiontype="visiturl"] +
  15.   richlistitem[actiontype="searchengine"] {
  16.     display:none !important;
  17.   }
  18.   #PopupAutoCompleteRichResult .autocomplete-richlistbox,
  19.   #urlbarView-results {
  20.     padding-top: 0 !important;
  21.     padding-bottom: 0 !important;
  22.   }
  23.  
  24. /* Restore persistent display of drop-marker */
  25.   #urlbar:not(:hover) > .urlbar-textbox-container > .urlbar-history-dropmarker,
  26.   .urlbar-history-dropmarker {
  27.     opacity: 1 !important;
  28.   }
  29. /* Set max-height for items visible without scrolling */
  30.   #PopupAutoCompleteRichResult .autocomplete-richlistbox,
  31.   #urlbarView-results {
  32.     height: unset !important;
  33.     max-height: calc(45.5px * 10) !important;
  34.   }
  35. /* Set drop-down width */
  36.   #PopupAutoCompleteRichResult,
  37.   panel#urlbar-results {
  38.     width: 800px !important;
  39.     max-width: 800px !important;
  40.     margin-left: 0 !important;
  41.   }
  42.   #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-title-text,
  43.   #PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-url-text,
  44.   .urlbarView-row:not([type="search"]) .urlbarView-title,
  45.   .urlbarView-row:not([type="search"]) .urlbarView-action,
  46.   .urlbarView-row .urlbarView-url {
  47.     min-width: 710px !important;
  48.     max-width: 710px !important;
  49.   }
  50.   .urlbarView-row-inner {
  51.     max-width: 785px !important;
  52.   }
  53.   /* Remove excess width of one-off search engine buttons */
  54.   panel#urlbar-results .searchbar-engine-one-off-item.dummy:not(.last-of-row) {
  55.     display: none !important;
  56.   }
  57. /* Create sufficient height for two lines */
  58.   #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) {
  59.     position: relative !important;
  60.     height: 45.5px !important;
  61.   }
  62.   .urlbarView-row:not([type="search"]) {
  63.     position: relative !important;
  64.     height: 32px !important;
  65.   }
  66. /* Subtle border between results */
  67.   #PopupAutoCompleteRichResult .autocomplete-richlistitem,
  68.   .urlbarView-row {
  69.     border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; /* light theme */
  70.   }
  71.   /* Position page title, set font-size */
  72.   #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-title,
  73.   .urlbarView-row:not([type="search"]) .urlbarView-title  {
  74.     position: absolute !important;
  75.     left: 54px;
  76.     top: 1px;
  77.     font-size: 14px !important;
  78.   }
  79.   /* Position page url / action, set font-size */
  80.   #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-url,
  81.   #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-action,
  82.   .urlbarView-row:not([type="search"]) .urlbarView-secondary {
  83.     position: absolute !important;
  84.     left: 54px;
  85.     top: 20px;
  86.     font-size: 12px !important;
  87.   }
  88.  
  89. /* Position bookmark tags */
  90.   #PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-tags,
  91.   .urlbarView-row .urlbarView-tags {
  92.     position: absolute !important;
  93.     right: 0px;
  94.     top: 3px;
  95.   }
  96. /* Hide separator between title and URL */
  97.   #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-separator,
  98.   .urlbarView-row:not([type="search"]) .urlbarView-title-separator {
  99.     display: none !important;
  100.   }
  101. /* Position special icon (bookmark, switch-to-tab) */
  102.   #PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-type-icon,
  103.   .urlbarView-row .urlbarView-type-icon {
  104.     margin-left: 4px !important;
  105.  }
  106. /* Prevent excess indenting of icons in Photon */
  107.   #PopupAutoCompleteRichResult .autocomplete-richlistitem [anonid="type-icon-spacer"],
  108.   panel#urlbar-results .autocomplete-richlistitem [anonid="type-icon-spacer"] {
  109.     display: none !important;
  110.   }
  111.   #PopupAutoCompleteRichResult,
  112.   panel#urlbar-results {
  113.      --item-padding-start: 0 !important;
  114.      --item-padding-end: 0 !important;
  115.   }
  116.  
  117.   /* Dark Themed Drop-down */
  118.   /* Dark Theme - Firefox 48+ */
  119.   #PopupAutoCompleteRichResult .autocomplete-richlistbox,
  120.   #urlbarView-results {
  121.     background-color: #111 !important;
  122.   }
  123.   #PopupAutoCompleteRichResult .autocomplete-richlistitem {
  124.     border-bottom-color: #333 !important;
  125.   }
  126.   .autocomplete-richlistitem .ac-title,
  127.   .autocomplete-richlistitem .ac-action,
  128.   .autocomplete-richlistitem .ac-separator,
  129.   .urlbarView-row .urlbarView-title,
  130.   .urlbarView-row .urlbarView-secondary,
  131.   .urlbarView-row .urlbarView-title-separator {
  132.     color: #777 !important;
  133.   }
  134.   .autocomplete-richlistitem[selected=true],
  135.   .urlbarView-row[selected] {
  136.     background-color: #666 !important;
  137.   }
  138.   .autocomplete-richlistitem[selected=true] .ac-title,
  139.   .ac-title[selected],
  140.   .autocomplete-richlistitem[selected=true] .ac-action,
  141.   .ac-action[selected],
  142.   .autocomplete-richlistitem[selected=true] .ac-separator,
  143.   .ac-separator[selected],
  144.   .urlbarView-row[selected] .urlbarView-title,
  145.   .urlbarView-row[selected] .urlbarView-secondary,
  146.   .urlbarView-row[selected] .urlbarView-title-separator {
  147.     color: #eee !important;
  148.   }
  149.   .autocomplete-richlistitem[selected=true] .ac-url,
  150.   .ac-url[selected],
  151.   .urlbarView-row[selected] .urlbarView-url {
  152.     color: #69f !important;
  153.   }
  154.   /* Subtle bottom border */
  155.   #PopupAutoCompleteRichResult .autocomplete-richlistitem,
  156.   .urlbarView-row {
  157.     border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; /* dark theme */
  158.   }
  159.   /* Use default text matching style */
  160. /* Ability to scroll in Fx57 */
  161.   #PopupAutoCompleteRichResult .autocomplete-richlistbox > scrollbox,
  162.   #urlbarView-results {
  163.     overflow-y: auto !important;
  164.     padding-right: 3px !important;
  165.   }
  166.   #PopupAutoCompleteRichResult .autocomplete-richlistbox {
  167.     padding-right: 0 !important;
  168.   }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement