Firefox doesn't like Safari?

[daviido]

Okay guys, this post is going to be straight to the point,

Is there a way to customize the Firefox bookmark-toolbar and the buttons above (Back,Forward,Reload...) to get a more streamlined look a la Safari 4? The themes available don't deliver a satisfying interface, only the one which is "Mac OS only" and i'm running xp /=





I hope you guys understand what i am trying to do

[Anonymosity]

In other words, you do not want icons on the bookmark toolbar?

[daviido]

yes and i want the bar itself to be smaller (the safari bar takes less space, its hard to spot it on my screenshot) , as well as the font which is used in safari ( :

[Egidio]

Have you looked at other themes for FF? I think one problem is that FF adds icons -- even to folders; Safari doesn't. Check out GrApple to see if it addresses your likes and needs.

.

[daviido]

unfortunately grapple is not available for windows )=

[Egidio]

Really? I thought themes were platform independent.

.

[teoli2003]

Not necessarily, some have binary components in them. Few, but some.

[DanRaisch]

All of the GrApple themes are identified as MacOS only. "GrApple Delicious Version 2.0.5 - designed for Firefox 3.5 - Mac OS X only"

[Egidio]

Thanks for the clarification. Too bad it's Mac only. It looks exactly like Safari -- very minimalist and narrow toolbars.

.

[Anonymosity]

You could try this code in userChrome.css. I think it should work (someone correct me if I got it wrong). Trebuchet font is very clear and easy to read. It should work well.

Code: Select all

/* Get rid of the icon */
#personal-bookmarks .toolbarbutton-icon {
display: none !important;}

/* Set Trebuchet font for the text and set the size */
.bookmark-item > .toolbarbutton-text {
font-family: "Trebuchet MS", sans-serif !important;
font-size: 10px !important;
margin-right: 3px !important;}

[daviido]

ok we are almost there ,
yet the font isn't bold ,it is too small (the standart size of the letters is fine) and the space between the bookmarks isn't wide enough (probably because the small icons were removed)

[Franadora]

in that case, you should be able to fix with some simple CSS changes.
to make the text bold try adding

Code: Select all

font-weight: bold;

to add more space between the bookmarks, try changing

Code: Select all

margin-right: 4px  !important
}

[Anonymosity]

You can change the font size to a larger number, and you can increase the margin as well. Actually, Trebuchet seems to me to be half-bold. It is thicker than the other fonts. You can add "font-weight: bold !important;" under the font-size setting.

[daviido]

Code: Select all

/* Get rid of the icon */
#personal-bookmarks .toolbarbutton-icon {
display: none !important;}
margin-right: 4px  !important
    }

/* Set Trebuchet font for the text and set the size */
.bookmark-item > .toolbarbutton-text {
font-family: "Trebuchet MS", sans-serif !important;
font-size: 10px !important;
margin-right: 3px !important;
font-weight: bold !important;
 

i tried to add the changes , but they don't apply

[Frank Lion]

i tried to add the changes , but they don't apply

Try Section 4 here - viewtopic.php?f=38&t=685365

After editing and saving your changes in userChrome.css, restart Firefox using the default theme. If the changes appear there, but not in the theme you are using then it's possible that the theme author has re-inforced the code in this area with too many !important commands which makes overriding them, er, difficult.

Also, in your code above, the third line which reads -

Code: Select all

display: none !important;}

...should read -

Code: Select all

display: none !important;

But that wouldn't stop the whole thing working.