Change Bookmark-folder color when hoovering

edited January 2009 in Stylish
Hi,

I got this nice stylish script to work with Bookmarks, it makes them highlight nice goldish yellow when hoovering over them.
Here's the code for that :

.sidebar-placesTreechildren::-moz-tree-cell-text(leaf, hover) {
cursor: default !important;
background-color: gold !important;
color: #000000 !important;
}




.... Now, I'm wanting to do the same when hoovering over bookmarkFOLDERS in the bookmarks Toolbar, but I'm completely
out of ideas, i can't get this to work.

Is there anyone that could accompish the above but also for bookmark FOLDERS ?

Thanks & Kisses in advance !

Comments

  • for bookmark toolbar foldertoolbarbutton.bookmark-item[container="true"]:hover,bookmark sidebar folders.sidebar-placesTreechildren::-moz-tree-cell-text(container, hover),also theres some more examples for the sidebar if you want chrome://browser/skin/places/places.css
  • Hi ChoGGi,

    Thanks for the help ! :)

    The .sidebar-placesTreechildren::-moz-tree-cell-text(container, hover)
    seems to work perfect !

    Unfortunately, the toolbarbutton.bookmark-item[container="true"]:hover,
    doesn't seem to work.

    For your information, I checked by hiding and unhiding the Bookmarks toolbar, and that is the one
    where the non working folders are, as you can see in the pic below, I arrowed the bookmark folders that I need to change when hovering over them.

    http://i43.tinypic.com/2a7wsgm.png

    Please could you tell me what I did wrong, because the style below doesn't seem to do anything ?

    toolbarbutton.bookmark-item[container="true"]:hover {
    cursor: default !important;
    background-color: pink !important;
    color: #000000 !important;
    }
  • try this
    toolbarbutton.bookmark-item:hover,
    or
    toolbarbutton[container="true"]:hover,
  • Nope,

    I'll try searching the web to get it working.

    Thanks for the help anyway ChoGGi ! :)
  • I have the following working, but it is targetting anything (bookmarks & bookmark folders)

    toolbarbutton.bookmark-item:hover .toolbarbutton-text {
    background-image: none !important;
    background-color: gold !important;
    color: black !important;
    }

    Could I refine the above so that it ONLY target bookmark FOLDERS in the toolbar please ?
  • edited January 2009
    this work?
    toolbarbutton.bookmark-item[type="menu"]:hover
  • Posted By: ChoGGithis work?
    toolbarbutton.bookmark-item[type="menu"]:hover
    Ah YES !

    Now it works !

    Thank you soo much ChoGGi !!!!!
Sign In or Register to comment.