[Crane]

Disclaimer: Don't worry it's the same as normal CSS I think..

Hey there I'm new to the site and fairly new to programming and I figured that a fun way to start would be to use the 'stylish' application for firefox to learn the ropes for CSS (Basically the extension loads the page as well as a 2nd custom css sheet that allows you to fool around with the look and feel of the page, change the colours, images, scheme, remove ads, whatever..). So now I think I've gotten to where I'm happy with that and I want to try fiddling with the way firefox looks/works from a css aspect.

At any rate, one thing i'm trying to do now is make the bookmarks toolbar show only when i want it to. I have alot of rough ideas that are half baked and some code that works but not totally how I want it to..

Ideally I'd like it so
* when i hover on the menubar for a second or 2 the bookmarkbar would drop down .. which i fear is not possible.. so option 2:
* when i click on the url/addressbar the bookmark bar drops down

I tried the code

Code:

#urlbar:focus > #PersonalToolbar {
  visibility: visible !important;}

but it seems that the pseudo-class 'focus' doesn't mean 'thing that was clicked on last'

I now have it set to:

Code:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#PersonalToolbar {
  visibility: collapse !important;}

/* #urlbar:focus */
#navigator-toolbox:hover > #PersonalToolbar {
  visibility: visible !important;
  margin: 15px 0 15px 0 !important;
  background: #CFCFCF !important;
  border-bottom: 3px #aaa double !important;
  font: 12px lucida grande !important;}

which works.. i guess.. but the fact that it kicks in with no delay is not terribly user-friendly and second, if possible i'd like it to go over the page instead of push it down.. I tried using display: absolute but alas to no avail.

Any ideas recommendations, suggestions, complaints whatever you got I'll take it haha

Thanks,
Crane