Stylish
 |
The topic of this article may not meet Wikipedia's general notability guideline. Please help to establish notability by adding reliable, secondary sources about the topic. If notability cannot be established, the article is likely to be merged, redirected, or deleted. (December 2008) |
 |
|
|---|---|
| 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 |
[edit] Technical details
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:
[edit] Site styles
Each site style changes the appearance of a particular Web site[3].
[edit] Global styles
Global styles change the appearance of all sites[4].
[edit] App styles
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].
[edit] Comparison to Greasemonkey
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.
[edit] Example
Below is an example of a Stylish user style being applied to a web page.
[edit] References
- ^ Mozilla add-on: Stylish
- ^ "Make the whole Web look better with Stylish," Nathan Willis, Mon 07 May 2007.
- ^ userstyles.org archive of site styles
- ^ userstyles.org archive of global styles
- ^ userstyles.org archive of app styles
- ^ mozillaZine knowledge base entry: userChrome.css
