Firefox Search Bar Show Engine Names (Firefox 43) - 20171004

Firefox Search Bar Show Engine Names (Firefox 43+) | Userstyl...
1 of 4
Create New Style FORUM

Account
Firefox Search Bar Show Engine Names (Firefox 43+)

by Jefferson
Share this style

View Stats Edit Style Update Style
Information:
Installs this week Total installs
Author Jefferson
License CC BY - Creative Commons

Attribution
Date Created December 21, 2015
Last Updated October 4, 2017
Applies to:
browser
https://userstyles.org/styles/122214/firefox-search-bar-show-engi... 10/4/2017, 9:28 PM

Firefox Search Bar Show Engine Names (Firefox 43+) | Userstyl... 2 of 4
Description:
IMPORTANT -- SITE REDESIGN REQUIRES YOU TO SCROLL DOWN AND USE "ADVANCED STYLE
SETTINGS" BEFORE INSTALLATION!
As of May 9th, there is no way to revise your initial selection through this page. If you didn't get them the way
you want, unfortunately you have to completely remove the style from the Add-ons page, User Styles section,
and then reload this page and choose your style setting options again.
If you have multiple search engine plugins for the same site, having only an icon may be annoying. This style
shows a more classic list-style display. Developed and tested on Firefox 43.
To try different options after you install the style, reload the page until you get a green Update button, then
you can choose a different option and update to it.
Show CSS Code ⚙ Advanced Style Settings
/*
HELLO! This script has optional settings that you can try out if you return to its page: https://userstyles.org/styles/122214/firefox-search-
bar-show-engine-names-firefox-43
*/
@-moz-document url(chrome://browser/content/browser.xul) {
/* Make the one-off buttons span the full width */
#PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext] {
width: 100% !important;
height: 24px !important;
background-image: none !important;
padding-left: 6px !important;
box-sizing: content-box !important;
line-height: 1em !important;
}
(1) Vertical spacing and columns
(2) Hide the "Search for..." line above the non-default search engines?
(3) Hide the "Add ..." line for a site's own search engine (and the green + on the icon)?
(4) Hide the "Change Search Settings" line at the bottom?
(5) Show "Search using ..." tooltip text in or above the search box?
(6) Theming for search engines on hover/selection

(6A) Custom text color
(6B) Custom background color
(6C) Custom boldness
Notes from latest update:

Additional images: {Vertical spacing options - difference} • {Turn optional sections of the panel on and off} •
{Overlay default search engine name on search bar}
If you have over 20 search plugins showing in the drop-down, consider using the two-column list style (last
item on the drop-down for #1).
Change Log:
2017-08-08 Fix selectors to avoid restyling the bottom of the address bar drop-down (Fx55)
2016-02-03 Tweak text position, add two-column option, space for 5 suggestions
2015-12-28 Added color theming options
2015-12-27 Override the green + on the icon if you aren't going to show the Add... bar
2015-12-25 Tweaked Search Bar tooltips to avoid overflowing the available space
2015-12-24 Added option for search box tooltip (e.g., Search using DuckDuckGo)
2015-12-24 Tweak sizes and positions, added install-time options for hiding various parts
2015-12-21 Initial version (+ minor modification to shorten row heights)
Archive this Style
Discussion:
Send Feedback
Jefferson May 1, 2017
[May 1 Workaround] Insert Missing Style Settings Controls

fioiu omotrl March 19, 2017
A request for modification
gerdami April 29, 2016
Thank you!
Max T January 28, 2016
Search tips.
Florian “Floutsch” Hartig January 20, 2016
Brings back the search bar how it should be
See More

Read tips on making user styles.

To specify which URLs will have the style applied, use the Mozilla @-moz-document format. If you're
using Chrome, you can use the "To Mozilla Format" button to generate the code.
Styles for sites with adult content are not allowed.
Styles adding adult content to sites are not allowed.
Do not post other people's content without their permission.
If you decide to stop maintaining your style, please delete it rather than blanking it out. By deleting, you
can make it so your style doesn't come up in searches while still being accessible via direct access for
your current users.
Name
Firefox Search Bar Show Engine Names (Firefox 43+)
Description - A brief (3-4 sentences) description of the style. Some HTML allowed.
IMPORTANT -- SITE REDESIGN REQUIRES YOU TO SCROLL DOWN AND USE "ADVANCED
STYLE SETTINGS" BEFORE INSTALLATION!As of May 9th, there is no way to revise
your initial selection through this page. If you didn't get them the way you want, unfortunately you have to
completely remove the style from the Add-ons page, User Styles section, and then reload this page and
choose your style setting options again.
If you have multiple search engine plugins for the same site, having only an icon may be annoying. This
style shows a more classic list-style display. Developed and tested on Firefox 43. To try different
options after you install the style, reload the page until you get a green Update button, then you can
choose a different option and update to it.
Additional Info (Optional) - Release notes, versioning info, change log, instructions, credits, etc. Some HTML allowed.
Additional images: {<a href="https://userstyles.org/style_screenshots/122214_additional_18009.png"

target="_blank">Vertical spacing options - difference</a>} • {<a href="https://userstyles.org
/style_screenshots/122214_additional_18010.png" target="_blank">Turn optional sections of the panel on
and off</a>} • {<a href="https://userstyles.org/style_screenshots/122214_additional_18011.png"
target="_blank">Overlay default search engine name on search bar</a>}
If you have over 20 search plugins showing in the drop-down, consider using the two-column list style (last
item on the drop-down for #1).
Change Log:
2017-08-08 Fix selectors to avoid restyling the bottom of the address bar drop-down (Fx55)
2016-02-03 Tweak text position, add two-column option, space for 5 suggestions
2015-12-28 Added color theming options
2015-12-27 Override the green + on the icon if you aren't going to show the Add... bar
2015-12-25 Tweaked Search Bar tooltips to avoid overflowing the available space
2015-12-24 Added option for search box tooltip (e.g., Search using DuckDuckGo)
2015-12-24 Tweak sizes and positions, added install-time options for hiding various parts
2015-12-21 Initial version (+ minor modification to shorten row heights)
CSS Enable source editor
https://userstyles.org/d/styles/122214/edit 10/4/2017, 9:29 PM

/*
HELLO! This script has optional settings that you can try out if you return to its page: https://userstyles.org
/styles/122214/firefox-search-bar-show-engine-names-firefox-43
*/
@-moz-document url(chrome://browser/content/browser.xul) {
/* Make the one-off buttons span the full width */
width: 100% !important;
background-image: none !important;
padding-left: 6px !important;
box-sizing: content-box !important;
line-height: 1em !important;
}
/* Hide the empties */
#PopupSearchAutoComplete .searchbar-engine-one-off-item:not([tooltiptext]) {
display: none !important;
}
/* Fix up borders */
#PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext],
#PopupSearchAutoComplete .addengine-item {
border-bottom: 1px solid #ccc !important;
}
#PopupSearchAutoComplete .search-setting-button.search-panel-header,
#PopupSearchAutoComplete .addengine-item,
#PopupSearchAutoComplete .search-panel-header.search-panel-current-input {
border-top: none !important;
max-height: 26px !important;
min-height: 16px !important;
padding-top: 1px !important;
}
/* Insert descriptive name for search engine plugin */
#PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext]::after {
content: attr(tooltiptext);
margin: 5px 6px 0px !important;
display: block !important;
}
/* Fix icon positioning */
#PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext] > .button-box {
display: inline-flex !important;
width: 16px !important;
max-width: 16px !important;
border: none !important;
padding: 0 0 !important;
}
#PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext] > .button-box > .button-icon {
display: block !important;
margin-top: 4px !important;
margin-left: -1px !important;
}
/* Lock in space for 5 search suggestions with scroll bar */

#PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree .tree-bodybox,

#PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree .autocomplete-treebody {
display: flex !important;
flex: 1 1 auto !important;
}
#PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree .autocomplete-treebody {
max-height: calc(5 * 1.5em) !important;
min-height: calc(5 * 1.5em) !important;
}
#PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree .tree-scrollbar[collapsed="true"] {
visibility: visible !important;
}
/* User style options */
/*[[vertspace]]*/
/*[[searchfor]]*/
/*[[addengine]]*/
/*[[chgsettings]]*/
/*[[tooltiptext]]*/
/*[[theming]]*/
}
Example URL (Optional) Provide a URL that is affected by this style
Style Settings (Optional) Need help with style settings?
(1) Vertical spacing and columns vertspace
Standard 4 pixel whitespace std Default
/* One column - standard spacing (built-in above) */
Narrow 2 pixel whitespace narrow Default
/* Narrow spacing */
}
}
#PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext] > .button-box >
.button-icon {
}
#PopupSearchAutoComplete .search-panel-header.search-panel-current-input,

#PopupSearchAutoComplete .search-panel-header.search-panel-current-engine {
padding: 0 6px !important;
}
Tight 1 pixel whitespace tight Default
/* Tight spacing */
}
}
#PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext] > .button-box >
.button-icon {
}
#PopupSearchAutoComplete .search-panel-header.search-panel-current-input,
#PopupSearchAutoComplete .search-panel-header.search-panel-current-engine,
#PopupSearchAutoComplete .search-setting-button.search-panel-header,
#PopupSearchAutoComplete .search-setting-button.search-panel-header > .button-box {
padding: 0 6px !important;
}
Two columns twocol Default
/* Two columns - standard spacing */

#PopupSearchAutoComplete {
width: calc(32em + 14px) !important;
min-width: calc(32em + 14px) !important;
}
width: 16em !important;
white-space: nowrap;
overflow: hidden;
}
(2) Hide the "Search for..." line above the non-default search engines? searchfor
Yes, hide it hidesearchfor Default
/* Hiding "Search for ..." */

#PopupSearchAutoComplete .search-panel-header.search-panel-current-input {
}
No, show it showsearchfor Default
/* Not hiding "Search for ..." */
(3) Hide the "Add ..." line for a site's own search engine (and the green + on the icon)? addengine
No, show it showengine Default
/* Not hiding "Add ..." engine */
Yes, hide it for Windows hideenginew Default
/* Hiding "Add ..." engine (Windows) */

}
#PopupSearchAutoComplete .searchbar-search-button[addengines="true"] {
list-style-image: url("chrome://browser/skin/search-indicator.png");
-moz-image-region: rect(0, 20px, 20px, 0);
width: 20px;
}
#PopupSearchAutoComplete .searchbar-search-button:hover {
-moz-image-region: rect(0, 40px, 20px, 20px);
}
#PopupSearchAutoComplete .searchbar-search-button:hover:active {
}
/* From http://mxr.mozilla.org/mozilla-release/source/browser/themes/windows/searchbar.css
*/
@media (min-resolution: 1.1dppx) {
list-style-image: url("chrome://browser/skin/search-indicator@2x.png");
}
}
}

Yes, hide it for Mac OS X hideenginem Default
/* Hiding "Add ..." engine (Mac) */

}
}
}
}
/* From http://mxr.mozilla.org/mozilla-release/source/browser/themes/osx/searchbar.css */
@media (min-resolution: 2dppx) {
list-style-image: url("chrome://browser/skin/search-indicator@2x.png");
width: 20px;
}
}
}
}
Yes, hide it for Linux hideenginel Default
/* Hiding "Add ..." engine (Linux) */

}
}
}

(4) Hide the "Change Search Settings" line at the bottom? chgsettings
No, show it showchg Default
/* Not hiding "Change Search Settings" */
Yes, hide it hidechg Default
/* Hiding "Change Search Settings" */

#PopupSearchAutoComplete .search-setting-button.search-panel-header {
}
(5) Show "Search using ..." tooltip text in or above the search box? tooltiptext
No thanks tttno Default
/* Search bar tooltip text only visible on mouseover */
Yes, in the bar tttinbar Default
/* Overlay search bar tooltip text in the search bar */

#searchbar {
position: relative !important;
}
.searchbar-textbox[tooltiptext]:not(:hover):not([focused])::after {
font-style: italic;
color: #888;
background-color: inherit;
display: inline-block;
padding-left: 4px;
position: absolute;
bottom: 3px;
right: 8px;
z-index: 1000;
white-space: pre;
direction: rtl;

max-width: calc(100% - 40px);

overflow-x: hidden;
}
#searchbar .textbox-input::placeholder {
opacity: 0 !important;
}
Yes, above the bar tttabove Default
/* Overlay search bar tooltip text above the search bar */

#searchbar {
position: relative !important;
}
.searchbar-textbox[tooltiptext]:not([focused])::after {
font-style: italic;
font-size: 11px;
color: #888;
background-color: transparent;
display: inline-block;
position: absolute;
top: 0;
margin-top: -12px;
right: 3px;
z-index: 1000;
white-space: pre;
direction: rtl;
max-width: calc(100% - 6px);
overflow-x: hidden;
text-overflow: ellipsis;
}
#searchbar .textbox-input::placeholder {
opacity: 0 !important;
}
(6) Theming for search engines on hover/selection theming
No specific theming themenone Default
/* No color scheme */
Default "highlight" theming themehighlight Default
/* Default hover/selection theming */

#PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext]:hover,
#PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext][selected] {
color: HighlightText !important;
background-color: Highlight;
}
White on bright blue themewonblue Default
/* White on blue hover/selection theming */

color: #fff !important;
background-color: #00f !important;
}
Bold white on black themewonblack Default
/* Bold white on black hover/selection theming */

color: #fff !important;
background-color: #000 !important;
font-weight: bold !important;
}
Choose your own (see below) themeyours Default
/* Custom theming */
color: /*[[usertextcolor]]*/ !important;
background-color: /*[[userbackcolor]]*/ !important;
font-weight: /*[[userboldness]]*/ !important;
}
(6A) Custom text color usertextcolor Default #FFFFFF
(6B) Custom background color userbackcolor Default #0000FF
(6C) Custom boldness userboldness
Normal weightnormal Default

400
Bold weightbold Default
700
Primary Screenshot This screenshot will be displayed on your style page and in search results. It should clearly represent what the
site or app looks like with your style applied. More info on screenshots.
Automatically generate screenshot
(coming soon)
Upload screenshot (GIF, PNG, JPG, at least 700 x 350, <200KB)
Remove
Change: No file selected.
No screenshots
(Styles won't show on search results and any of the categories)
Additional Screenshots (Optional) Other screenshots to demonstrate what your style does.
Current
Description Upload Remove
Image
Vertical spacing options - difference No file selected.
Turn optional sections of the panel on and off No file selected.
Overlay default search engine name on search bar No file selected.
No file selected.
No file selected.

Pledgie Campaign ID (Optional)
License
By posting styles to userstyles.org, you are at minimum allowing people to use your styles for personal use. You
may be more specific in what you allow by choosing a license. This setting defines the license for this style; you
may also define a default license for all your styles on your user page. You can use the Creative Commons
License Chooser to help you pick a Creative Commons license. Be sure you understand the licenses before you
choose them as they may not be revokable.
Use my default (currently CC BY - Creative Commons Attribution)
CC0 - Public Domain
CC BY - Creative Commons Attribution
CC BY-SA - Creative Commons Attribution-ShareAlike
CC BY-ND - Creative Commons Attribution-NoDerivs
CC BY-NC - Creative Commons Attribution-NonCommercial
CC BY-NC-SA - Creative Commons Attribution-NonCommercial-ShareAlike
CC BY-NC-ND - Creative Commons Attribution-NonCommercial-NoDerivs
No Redistribution

Firefox Search Bar Show Engine Names (Firefox 43) - 20171004

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Firefox Search Bar Show Engine Names (Firefox 43) - 20171004

Uploaded by

Copyright:

Available Formats

Firefox Search Bar Show Engine Names (Firefox 43+) | Userstyl...

Create New Style FORUM

Firefox Search Bar Show Engine Names (Firefox 43+)

Share this style

License CC BY - Creative Commons

Date Created December 21, 2015

Last Updated October 4, 2017

https://userstyles.org/styles/122214/firefox-search-bar-show-engi... 10/4/2017, 9:28 PM

Show CSS Code ⚙ Advanced Style Settings

(1) Vertical spacing and columns

(4) Hide the "Change Search Settings" line at the bottom?

(6) Theming for search engines on hover/selection

https://userstyles.org/styles/122214/firefox-search-bar-show-engi... 10/4/2017, 9:28 PM

(6A) Custom text color

(6B) Custom background color

(6C) Custom boldness

Notes from latest update:

Archive this Style

Jefferson May 1, 2017

[May 1 Workaround] Insert Missing Style Settings Controls

https://userstyles.org/styles/122214/firefox-search-bar-show-engi... 10/4/2017, 9:28 PM

fioiu omotrl March 19, 2017

A request for modification

gerdami April 29, 2016

Max T January 28, 2016

Florian “Floutsch” Hartig January 20, 2016

Brings back the search bar how it should be

https://userstyles.org/styles/122214/firefox-search-bar-show-engi... 10/4/2017, 9:28 PM

Read tips on making user styles.

Additional images: {<a href="https://userstyles.org/style_screenshots/122214_additional_18009.png"

CSS Enable source editor

https://userstyles.org/d/styles/122214/edit 10/4/2017, 9:29 PM

https://userstyles.org/d/styles/122214/edit 10/4/2017, 9:29 PM

#PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree .tree-bodybox,

Example URL (Optional) Provide a URL that is affected by this style

Style Settings (Optional) Need help with style settings?

(1) Vertical spacing and columns vertspace

Standard 4 pixel whitespace std Default

/* One column - standard spacing (built-in above) */

Narrow 2 pixel whitespace narrow Default

https://userstyles.org/d/styles/122214/edit 10/4/2017, 9:29 PM

Tight 1 pixel whitespace tight Default

Two columns twocol Default

/* Two columns - standard spacing */

Yes, hide it hidesearchfor Default

/* Hiding "Search for ..." */

https://userstyles.org/d/styles/122214/edit 10/4/2017, 9:29 PM

No, show it showsearchfor Default

/* Not hiding "Search for ..." */

No, show it showengine Default

/* Not hiding "Add ..." engine */

Yes, hide it for Windows hideenginew Default

/* Hiding "Add ..." engine (Windows) */

https://userstyles.org/d/styles/122214/edit 10/4/2017, 9:29 PM

Yes, hide it for Mac OS X hideenginem Default

/* Hiding "Add ..." engine (Mac) */

Yes, hide it for Linux hideenginel Default

/* Hiding "Add ..." engine (Linux) */

https://userstyles.org/d/styles/122214/edit 10/4/2017, 9:29 PM

No, show it showchg Default

/* Not hiding "Change Search Settings" */

Yes, hide it hidechg Default

/* Hiding "Change Search Settings" */