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_name/style.css, where user_name is your user name, and style is the site style set in your preferences. By default, style may be one of:


 * quartz (several colour versions exist. This is the default on Wikia)
 * monobook
 * classic
 * nostalgia
 * cologneblue
 * myskin

Cascading Style Sheets (CSS) is used to style and format content on Wikia. 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.



What are some examples of 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
/* change the color of the page background */ body { background: rgb(250,250,250); }

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

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

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

/* 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; }

Wikia
CSS code specific to Wikia.

/* hide Google search box (doesn't always work) */
 * 1) p-search > .pBody:last-child { display:none; }
 * 2) p-search > .pBody:first-child { display:block; }

/* hide only the links but not the message in the Wikia sidebar box */
 * 1) p-wikia-nav ul:first-child { display:none; }
 * 2) p-wikia-nav hr { display:none; }

Quartz
CSS code specific to Quartz -- see Help:Customizing Quartz for more details.


 * to be expanded

Monobook
CSS code specific to Monobook -- see Help:Customizing Monobook for more details.

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

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

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

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

/* change border color of selected tabs */
 * 1) 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; }
 * 1) searchInput { border: 1px inset !important; }

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

