Search Gradient Web 2.0 - Fast Dial
gumanov Wed, 10/29/2008 - 20:45
Make your search bar look much cooler with a gradient!
SCREENSHOTS (click to enlarge):
Normal:
Hover or Focus:
CODE:


@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url("chrome://fastdial/content/fastdial.html") {
#search {
margin-top: 15px !important;
margin-bottom: -15px !important;
}
#search img {
-moz-opacity: 0.5 !important;
}
#search img:hover {
-moz-opacity: 0.75 !important;
}
#search input {
padding: 1px 8px 0px 8px !important;
border-color: black !important;
-moz-border-radius: 10px !important;
border-width: 1px !important;
font-size: 12px !important;
color: black !important;
height: 20px !important;
width: 250px !important;
font-weight: bold !important;
background: url("/files/layout/FastDial/gradient4search20px.png") center center repeat-x !important;
-moz-opacity: 0.75 !important;
}
#search input:hover, #search input:focus {
-moz-opacity: 1.0 !important;
}
}
- Printer-friendly version
- Log in or register to post comments or vote.
- +1
- 3 votes
Re: Search Gradient - Web 2.0 - Stylish
Submitted by gumanov on Fri, 11/21/2008 - 15:50i like it!
thanks
Re: Search Gradient - Web 2.0 - Stylish
Submitted by chiaroscuro on Fri, 11/21/2008 - 15:52i like it!
thanks
Thought you might.
No problem.
I see you have included
Pages