CSS Cookbook

This cookbook is a collection of useful CSS snippets to be used however you want.

Background images
If you want to change the background image of your wiki using CSS, look no further. Generally, you can accomplish this using

Some fine tuning may be required, but those are the basics.

This CSS snippet by Dorumin adds blur to the background.

Note: The browser support is relatively poor in the IE-Edge side, but you probably shouldn't expect everything to work if you're using IE anyways. It will just show a non-blurry image. The blur effect should usually be limited to 2-5px. In case  already has a background defined, you can always remove it with:

Page specific CSS
Every page has a unique class that can be used to apply page specific CSS. For example, this page would be: This would make the text of this page black. You can also specify certain parts of specific pages, such as: This would turn all the links on the page red. If the page is not part of the mainspace, such as a page in the Help namespace, the class alters like this:

Cursor customization
If you want to change the icon displayed as your cursor, you can use:

"No article text" background
This site-wide only CSS snippet by Master Ceadeus 27 adds a background image to the missing article message:

Profile background
If you want to insert a background image to the right bottom corner of profiles of users, you can use:

Round div corners
This CSS snippet by PhilippL rounds the corners on s.

Scrollbar customization
If you want to customize your wiki's scrollbar, you can use these CSS selectors to apply various properties to it: Note: Scrollbar customization is only supported in certain browsers, like Chrome, Opera and Safari.

Source Editor header improvements
This CSS snippet by JustLeafy adds minor improvements into the header of the classic editor, including a different color, box shadow removal and some opacity.

Username highlighting
This CSS snippet highlights links to an administrator's userpage, Message Wall, contributions and blog listing: Change "Admin's Username" to the username of the administrator you intend to highlight,  to the intended color of highlighting and   to the intended font for the highlight. You can also remove certain sections if you don't need them in the highlight.

Blackout customization
To customize the black out that appears when viewing an image on a lightbox, use this CSS snippet below: Change the color of the background  to the intended color and the blending type   to the intended mixing mode.

Detect Username Template
This CSS snippet by TheGoldenPatrik1 places a border around the USERNAME template to prevent users from being fooled by it:

Hide main page categories
This personal-only CSS snippet by JustLeafy prevents the bottom category bar to appear on the main page:

Hide notifications
This personal-only CSS snippet by KnazO prevents all notifications in the bottom right that aren't talkpage notifications from showing up:

Hide rail modules
This personal only CSS snippet by Monochromatic Bunny hides certain modules from the Rail:

Static TFA rail module
This personal only CSS snippet by JustLeafy makes the "Trending Fandom Articles" module static when scrolled past:

Selection customization
This CSS snippet by JustLeafy makes the selection background color semi-transparent.

Ugly modules
This personal only CSS snippet by KurwaAntics fixes ugly margins of FANDOM's new rail modules.

Obscure advertisements
This personal only CSS snippet by Dorumin obscures advertisements, meaning that all advertisements will be semi-transparent.