User Stylesheets

User stylesheets are a way for users to take control of a webpage's style. They let you specify your own CSS for a web page. Many browsers support them; we have collected instructions on how to create and edit user stylesheets on a variety of browsers below.

Installing and Using Stylish
Stylish is the preferred method for manipulating user stylesheets in Mozilla Firefox.

If you don't already have it installed, go to this page and click on "Install Now". It's going to warn you about possible evildoers who want to install things, but wait until it lets you click on the "Install" button. You'll have to restart your browser after it installs.

More instructions can be found in the Stylish article.

Creating and Using userContent.css
You will need to create a file called "userContent.css" in a directory called "chrome" in your Firefox profile.


 * 1) Go here for directions on locating your profile folder.
 * 2) Go to the "chrome" directory in your profile.
 * 3) Put the CSS given in the guide into Notepad or another text editor. Save this file in the "chrome" directory of your profile folder as "userContent.css".
 * 4) Make sure to restart your browser after you've done this.

==Internet Explorer 6, Internet Explorer 7 and Avant Browser==


 * 1) Put the CSS given in the guide into Notepad or another text editor. Save this file as "userContent.css". You can save it wherever you like.
 * 2) Go to Tools&rarr;Internet Options&rarr;Accessibility.
 * 3) Check "Format documents using my style sheet".
 * 4) Browse and select the "userContent.css" file you made in step 1.
 * 5) Restart may or may not be necessary.

Netscape 6.x and above (partially untested)
You will need to create a file called "userContent.css" in a directory called "chrome" in your Netscape profile.


 * 1) Go here for directions on locating your profile folder.
 * 2) Go to the "chrome" directory in your profile.
 * 3) Put the CSS given in the guide into Notepad or another text editor. Save this file in the "chrome" directory of your profile folder as "userContent.css".
 * 4) Make sure to restart your browser after you've done this.

Opera 8.5

 * 1) Put the CSS given in the guide into Notepad or another text editor. Save this file as "userContent.css". You can save it wherever you like.
 * 2) Go to Preferences.
 * 3) Click on the "Advanced" tab.
 * 4) On the side, click on the "Content" section.
 * 5) Click on the "Style options" button to the right.
 * 6) At the bottom, there's a label for "My style sheet". Click on the "Choose" button and select the userContent.css file you made in Step 1.
 * 7) Under "User mode", make sure "My style sheet" is checked.
 * 8) Click "OK" for the style options and preferences windows.
 * 9) Go to View&rarr;Style and select "User mode". (may or may not be necessary)

Opera 9

 * 1) Put the CSS given in the guide into Notepad or another text editor. Save this file as "userContent.css". You can save it wherever you like.
 * 2) Go to Preferences.
 * 3) Click on the "Advanced" tab.
 * 4) On the side, click on the "Content" section.
 * 5) Click on the "Style options" button to the right.
 * 6) At the bottom, there's a label for "My style sheet". Click on the "Choose" button and select the userContent.css file you made in step 1.
 * 7) In the same box, go to the "Presentation modes" tab.
 * 8) Under "Author mode", make sure "My style sheet" is checked.
 * 9) Click "OK" for the style options and preferences windows.

Safari

 * 1) Put the CSS given in the guide into a text editor. Save this file as "userContent.css". You can save it wherever you like.
 * 2) Go to "Preferences".
 * 3) Click on the "Advanced" tab with the gear on it.
 * 4) On the Style Sheet section, click on the bar and select "Other..."
 * 5) Browse and select the "userContent.css" file you made in step 1.

Camino (partially untested)
You will need to create a file called "userContent.css" in a directory called "chrome" in your Camino profile.


 * 1) Go to your profile folder: ~/Library/Application Support/Camino
 * 2) Go to the "chrome" directory in your profile.
 * 3) Put the CSS given in the guide into a text editor. Save this file in the "chrome" directory of your profile folder as "userContent.css".
 * 4) Make sure to restart your browser after you've done this.

Konqueror 3.5.3

 * 1) Put the CSS given in the guide into a text editor. Save this file as "userContent.css". You can save it wherever you like.
 * 2) Go to Settings&rarr;Configure Konqueror.
 * 3) In the list on the left, select the icon for "Stylesheets".
 * 4) In the new tab on the right, click on the radio button ""Use user-defined stylesheet".
 * 5) Browse and select the "userContent.css" file you made in step 1.
 * 6) Make sure to restart your browser after you've done this.

Integrated AOL Browser (Windows Only)
In Internet Explorer, follow the instructions given here. The same settings will be applied to your integrated AOL browser.