Tips on Changing Find bar_buttons location & highlights

Question

Taking the archived topic a bit farther https://support.mozilla.org/en-US/questions/976166?page=1,
I added code for the "phrase not found" <u>background & text color</u>.
Thanks to cor-el & all others that contributed.
I wanted the "Phrase not found" label to show up better. So I played around & added this to the already great code to bring back old Find bar characteristics, offered by others in the above topic. It all still works in Fx 30 - for me.
Added to code in the link, this colors background of "Phrase not found" (yellow) & makes font red, bold.
Colors or bolding are easily changed.
<pre><nowiki>* Add background color to "Phrase not found;" set font color & make bold */
.findbar-container>.findbar-find-status {
background-color:#ff8 !important;
color: red;
font-weight: bold;
}</nowiki></pre>
Don't know why, but using "code block" formatting in this forum, inserts blank line after, "...<b>findbar-find-status {</b>"
The following is for "coding-challenged" users - like me. Changes up background color & font weight for <u>active</u> "Highlight All" & "Match Case" labels. Can change text color as well, if desired.
<pre><nowiki>/* add a background color to the checked Highlight and Case sensitive buttons.
Make checked buttons' font bold; change font color if desired. */
.findbar-highlight[checked]>label {
background-color: lightgreen !important;
color: black;
font-weight: bold;
.findbar-case-sensitive[checked]>label {
background-color: lightgreen !important;
font-weight: bold;
.findbar-case-sensitive[checked]+label { display:none !important; } /* hide "(Case sensitive)" label</nowiki></pre>
Those now using userChrome.css to add code for GUI changes might try Stylish addon https://addons.mozilla.org/en-US/firefox/addon/stylish/?src=search.
It allows instantly previewing new code ("styles") effect on Fx or Tb, rather than having to restart.
<b>Important!</b> - it also <u>alerts to errors</u> in the entered code; giving indication of error type & the line, space where the error exists. Easier to find mistakes - why code isn't working.
Very simple - just click "Write new style," give it a name; copy / paste code like from this topic; then click Preview to see effect (or it may point out errors). Also, many custom styles for almost anything, available on Userstyles.org - can be instantly loaded.

Answer 1

Unable to add an image.
UPDATE 7/18/2014 - problems posting images:
Using a 3rd party image host: Screen of Find Bar changes, using cor-el's code from other linked discussion and my additional code in this discussion.
If you don't like the color choices or bold font, just change them or "comment out" specific lines. If you want the change back, just uncomment. Like:
<b>background-color:#ff8 !important;
color: fuchsia;
<span style="color:#ff0000">/*</span>font-weight: bold;<span style="color:#ff0000">*/</span></b>
[IMG]http://i59.tinypic.com/dyucfn.jpg[/IMG]
Note: adding image link from hosting site (copying the host's usual full path "[IMG]... [/IMG]" , doesn't imbed the image - only inserts the link (if embedding by that method ever worked on this forum). Though I can follow the above link.
Note: my entry in the edit screen for the closing "IMG" in brackets (just above) is entered <b>correctly</b> - inside brackets. Forum software appears to change the closing bracket statement into a forum help link.
Below, using html code to insert an image (using a formatting toolbar) seems to work here, but most users wouldn't have that capability.
<img src="http://i59.tinypic.com/dyucfn.jpg" alt="">