A transparent Search Bar for Fast Dial v2.14 by PedroMRP
chiaroscuro Mon, 10/27/2008 - 22:10
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.
_________________________________________________________________________________________
- Printer-friendly version
- +1
- 1 vote
Search logos
Search site
Navigation
User login
Online users
Active - 15 mins:
Recent comments
-
Explore expert coupleby: wakawaka2 min 56 sec ago
-
Remarkable article, it isby: peter6546 min 45 sec ago
-
reregrby: peter6549 min 56 sec ago
-
I visit your blog regularlyby: peter65412 min 32 sec ago
-
Wonderful article.by: peter65423 min 58 sec ago
-
Pretty good post. I have justby: peter65431 min 54 sec ago
-
Your articles are inventive.by: peter65437 min 29 sec ago
-
Home improvement servicesby: DakotaHanton50 min 23 sec ago