Help:User style

Any logged in user can customize the design of the site through their personal stylesheet subpages. This allows you to view your own choice of fonts, colors, positions of links in the margins, and many other things.

To customize how site looks for you, create and edit User:User/style.css , where style is the site style set in your preferences. By default, style may be one of

• monobook
• classic
• nostalgia
• cologneblue
• myskin

Cascading Style Sheets (CSS) is used to style and format content on Wikisimpsons. The syntax of CSS is beyond the scope of this document. For most people, however, copying and pasting code is sufficient.

Once you have edited your stylesheet, you need to reload it to your browser. On most browsers, press Ctrl+Shift+R, or hold down the Alt key and press the Refresh button.

See also Wikipedia:Catalogue of CSS classes.

Sharing styles

You can use @import to include a stylesheet on this wiki or even another site. This way, you can reuse a stylesheet without copying all the code. For example, to include the Help:User style/borderless monobook style|borderless monobook style, add the following code to your stylesheet:

 @import "/index.php?title=Help:User_style/borderless_monobook_style&action=raw&ctype=text/css"

Useful CSS code

This section list some useful CSS code you can copy and paste. Some code here is reproduced from MetaWikipedia:Help:User_style.

General

/* make the background behind the content area and the tabs a light grey */
#content, #content table
#p-cactions ul li :link { background: #f5f5f5; }

/* replace the book in the background with something else */
body { background: rgb(250,250,250); }

/* changes the background of pre areas  */
pre { background: White }

/* Use a different logo */
#p-logo a { background-image: url(/images/6/6d/Wikia-crystal-ball.gif) !important; }

/* suppress the person icon by your username */
li#pt-userpage { background: none }

/* use browser prefs for text size and font */
body, #globalWrapper { font: inherit !important; }

/* always underline links */
:link { text-decoration: underline; }

/* change background of unselected tabs */
#p-cactions ul li a { background: #C7FDC7; }

/* change background of selected tabs */
#p-cactions ul li.selected a { background: white; }

/* change border color of selected tabs */
#p-cactions li.selected { border-color: #aaaaaa; }

/* style the search box and the buttons below it */
input.searchButton {
    background-color: #efefef !important;
    border: 1px outset !important;  
}
#searchInput { border: 1px inset !important; }

/* standard link colors */
:link { color: #0000FF; }
:link:visited { color: #7F007F; }
:link:active, :link.new { color: #FF0000; }
:link.interwiki, :link.external { color: #3366BB; }
:link.stub { color: #772233; }

MonoBook

CSS code specific to MonoBook.

/* don't use any logo */
#p-logo { display: none; }
#column-one { padding-top: 2.4em; }

References

See also MetaWikipedia:Help:User style

Help pages
Archiving • Categories • Copyrights • Edit conflicts • Edit summary • Editing • How to log in/Create an account • Licensing Images • Image markup • Interwiki links • Introduction • Minor edits • Namespaces • New pages • Orphans • Page history • Preferences • Recent changes • Redirects • Related changes • Rename a Page • Searching • Table markup • Talk pages • Using templates • Upload files • User contributions • User style • Watchlist • What links here • Wiki markup
Admin only
Delete a page • Protect a page