painted clearly - search bar hover & focus

painted clearly - search bar hover & focus

3059

version 0.0.1

--[description]------------------------------------
Hide the searchbar textbox until you hover the search engine choice button (or the search go button, if you keep that visible). Leave the textbox visible, but condensed, when you mouse-hover off the box container, but still have keyboard cursor focus in the textbox.

Unless/untill I am otherwise inspired, the CSS limitation of no "backreferencing" for selectors is stopping me from keeping the container width controlled (choosing your own width) while its decendent (the textbox) is focused.

--[series]-----------------------------------------
The "paintless" series is a collection of styles meant to be styled over. Alone, they clean the target page(s), preparing them for further styling with hopefully the least possible selector specificity.

Writing your style to overlay this one will save you from having to include this code version in yours. Users can load both, and they'll get my updates without needing you to notice the update. Write your style correctly, and my updates shouldn't damage your styles.

--[relevant]---------------------------------------
See also:
http://userstyles.org/styles/search/paintless
http://userstyles.org/styles/search/painted+black

Before

After

Show code