PUBLIC MARKS from decembre with tag stylesheet

userChrome.css is a style sheet with special importance to Firefox. The rules in userChrome.css are applied to the user interface, and can override nearly every built-in style rule. Unfortunately, you cannot use userChrome.css to change the functional operation of Firefox; that's what extensions are for. Creating a userChrome.css file and adding style rules allows you to make changes to fonts and colors, hide unnecessary items, adjust spacing, and make other changes to the appearance of Firefox. The following examples illustrate the wide range of effects you can create, either by creating your own style recipes, or building on the work of CSS wizards sharing their talents on the web.

The @font-face rule allows custom fonts to be loaded on a webpage. Once added to a stylesheet, the rule instructs the browser to download the font from where it is hosted, then display it as specified in the CSS. Without the rule, our designs are limited to the fonts that are already loaded on a user's computer, which vary depending on the system being used. Here's a nice breakdown of existing system fonts.

This "base styles sheet". It sets default styling for many elements, follows a couple of recommendations regarding usability/accessibility, and addresses a few "common issues" as well. What does it do that a reset doesn't? It fixes a few things: 1- It forces a gutter for a vertical scrollbar (when content is too short to require a scrollbar) 2- It includes an IE button width fix 3 -It removes "sticky" outline (not in Internet Explorer though) 4- It prevents "mysterious gaps below images" It prevents descenders letters in legend from being cut-off in Internet Explorer 5- It vertically aligns checkboxes and radio buttons with their label 6- It sets a default color background for the document with no shrink wrap effect on body1 7- It styles lists by default

Favelets: these just dynamically write a link element into the head of the document. The link points to a style sheet. This allows for "diagnosis" favelets that are easy to update or change (you just edit the style sheet). Favelet Creator Input the URL of the style sheet you want to use in your favelet, and the name of the favelet as you want it to appear in your toolbar. The "Favelet" link should automatically update to use those values; you then simply drag it into your favorites toolbar.

Browserhacks is an extensive list of browser specific CSS and JavaScript hacks from all over the interwebs. How to?: Pick the hack you want Copy it into your stylesheet Add the style you want between the braces Enjoy the new styles for the browser you targete