A transparent Search Bar for Fast Dial v2.14 by PedroMRP

This is great fix posted by PedroMRP today here

_________________________________________________________________

What this small fix does is to make your Fast Dial v2.14 Search Bar completely transparent.

All that one sees afterwards of the Toolbar is, (if you use Google) the small G of the Google Logo.

so:

Before (yours may be white)

after

-------------------------------------------------------------------------------------------

There are different ways of changing your Fast Dial to enable this change.

To make the job easy, I have made this fix into a Stylish Style.

In that way you can copy paste the code directly into Stylish.

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url("chrome://fastdial/content/fastdial.html") {

}

#search {
margin-top: 5px;
margin-bottom: -5px;
}

#search input {
font-size: 1.2em;
color: white;
border: 1px solid lightgray;
background: transparent;
}

One of the advantages of this system is that you can easily switch the style on and off, and also you can easily modify or play with the values should you so choose.

----------------------------------------------------------------------------------------

Alternatively, if you so wish you can paste PedroMRP's code directly into fastdial.css

This is the code: (or you can take it from the post)

#search {
margin-top: 5px;
margin-bottom: -5px;
}

#search input {
font-size: 1.2em;
color: white;
border: 1px solid lightgray;
background: transparent;
}


What you will need to do is to post the code into fastdial.css which is in your Firefox Profile.

Maybe the easiest way to find fastdial.css is to go into Search in Windows and enter the File name.
Select the version of fastdial.css that is in the Profile that you want to alter.

Right click on the file and edit with a suitable Text editor.

In the code you will see these lines

#search {
margin-top: 15px;
margin-bottom: -5px;
}

#search input {
font-size: 1.5em;
border: 1px solid lightgray;
}


So you need now to paste in the new lines and delete the old.
Or edit the ones that are there.

Once finished, press save in your Text editor and you are done.

_________________________________________________________________________________________