| Developer(s) | Jason Barnabe |
|---|---|
| Stable release | 1.2.2 / September 2, 2011 |
| Operating system | Cross-platform |
| Type | Mozilla extension |
| License | GPL |
| Website | www.userstyles.org/ |
Stylish is a free Mozilla extension[1] that allows for the manipulation of web pages and XUL application user interfaces through the use of Cascading Style Sheets. These custom "user styles" are created by the user, or installed from an external archive like userstyles.org. It is available for Mozilla Firefox, Mozilla Thunderbird, Google Chrome, and Flock.
Contents |
User styles are CSS style sheets designed to alter the appearance of one, some, or all sites, or of the browser itself, and are applied only to the targets specified. Individual user styles can be enabled or disabled in Firefox without having to restart the browser.
User styles are added to the CSS rules provided by the site, but can also override the site's styling (often requiring the !important keyword for each replacement rule). The most common uses are ad-blocking, applying a new color scheme, and eliminating unwanted page elements[2].
There are three classes of user styles:
Each site style changes the appearance of a particular Web site[3].
Global styles change the appearance of all sites[4].
App styles don't change the appearance of Web sites, but rather modify the web browser's user interface[5]. This is similar to the userChrome.css CSS file used by Firefox and Mozilla-based browsers[6].
Stylish is often compared to Greasemonkey, another Mozilla extension that allows client-side manipulation of web pages. Greasemonkey's user scripts are essentially dynamically inserted JavaScript that can alter a page's appearance or functionality, while Stylish uses CSS, which can only alter appearance.
The style repository at userstyles.org allows you to add custom made stylesheets as Greasemonkey scripts, and many stylish scripts have the option of being added to Greasemonkey.
Below is an example of a Stylish user style being applied to a web page.