This is a list of CSS enhancements categorized by type. These stylesheets allow users to:
- customise their wiki site-wide, or
- restyle their personal interface.
Across the web, Cascading Style Sheets (CSS) is a stylesheet language, used to control the presentation of a webpage and enhance its visual look.
On Fandom, CSS is installed via imports in the MediaWiki namespace. These are similar to a normal CSS @import, but normally use ResourceLoader or MediaWiki URLs.
User customizations
These stylesheets enhance your user experience.
General
- ContribsButtons (be) (es) (hi) (ru) (tr) (uk) (zh-hant)
- Transforms contribution page links into a fully responsive grid of WDS-esque buttons.
- Fanimp (ru) (uk)
- Improving Fandom style deviations
- Highlight (be) (de) (es) (fr) (hi) (pl) (ru) (uk) (zh-hant)
- Adds highlighting to user group members
- MinifiedLeftTabs (hi) (uk)
- Adds a cleaner style to the left tabs.
- RectangularButtons (es) (fr) (uk)
- Makes Fandom buttons rectangular
Personal use only
- AdRailRemove (es) (hi) (ko) (ru) (tr) (uk) (zh-hant)
- Removes all ads on page by default
- BalancedRC (be) (ru) (tr) (uk)
- Improves Recent Changes and Social Activity
- CSSForTheColorBlind (be) (es) (hi) (ja) (ru) (tr) (uk) (zh-hant)
- Gives color blind users CSS which resets most elements in the DOM to a high-contrast black-and-white. Allows for customization of wiki-specific elements at the bottom of the sheet.
- DarkModuleConsole (de) (es) (hi) (ru) (tr) (uk)
- Dark theme for Lua module debug console
- DiscordTheme (de) (es) (pl) (uk)
- Styling to resemble Discord
- EnhancedCCForms (es) (uk)
- Removes borders from the new CC forms and enhances its appearance.
- FadedDropdowns (uk)
- Adds fading effect to dropdowns
- FloatingTitle (uk)
- Makes your title float as you scroll down.
- GamepediaTheme (hi) (ru)
- GamepediaNav is a collection of stylesheets that style various elements of Fandom's Global Navigation system.
- GlobalNavDarkTheme (es) (fr) (tr)
- Dark global nav, notifications, search, and footer
- GlobalNavigationIcons (be) (es) (fr) (hi) (pl) (ru) (uk) (zh-hant)
- Adds icons to the user menu dropdown in the global navigation bar.
- HorizontalMCF (be) (hi) (pl) (ru) (uk)
- Makes FanFeed module horizontal and fit.
- HydraRevived (uk)
- Reintroduces elements from the legacy Hydra skin to FandomDesktop
- Katsuragi (be) (fr) (hi) (ru) (uk) (zh-hant)
- Adds a dark purple theme to the global navigation.
- MinimalBanners (es) (hi)
- Reduces the size & quantity of Banner Notifications.
- MinutelyWider
- Makes the page container minutely wider.
- ModernWikiNavigation
- Modernises wiki navigation and animates the arrows in it
- OasisRevived
- Styles FandomDesktop to resemble the Oasis skin
- OldFandomColors (uk) (zh-hans)
- Restores the global navigation and global footer themes to original colors, also restores the original appearance of several official wikis.
- OldOasisTheme (uk)
- Styles Oasis to use pre-August 2021 Rebrand Colours.
- OldWikiaBar
- Makes the bottom toolbar look what it was on Oasis
- ProfileIconsTextless (uk)
- Replaces links in dropdown profile on icons
- PseudoMonobook (be) (de) (es) (fr) (it) (ru) (uk) (zh-hans)
- Introduces Monobook visual design cues to Oasis.
- RecentChangesModern (es) (ru) (uk)
- Modernizes RecentChanges on UCP
- ResponsiveMobile
- Optimizes FandomDesktop for mobile and tablet devices
- RoundedDesign (fr)
- Modifies the rounding of buttons or anything that can be rounded.
- SnowStormCSS (be) (ru) (uk) (zh-hant)
- Adds animated snow
- TopGlobalNav
- Moves the global navigati on to the top.
- WikiaNavigationBarStyle (be) (es) (ru) (uk) (zh-hans)
- Recreates the classic pre-Fandom Wikia Navigation Bar Style
- WikiaStaffTags
- Replaces Fandom Staff tags from the signatures of Helpers, Specialists, Representatives, and Staff with the classic Wikia Staff tags. Also restores the Wikia Staff tags to the threads and comments of Staff
Site enhancements
These stylesheets visually refresh site features on your wiki.
General
- AntiBigText (be) (es) (fr) (ru) (tr) (uk)
- Prevent text enlargement on larger screens (1596+ px)
- InterlanguageFlags (be) (es) (fr) (hi) (pl) (pt-br) (ru) (uk)
- Adds the country's flag next to the interlanguage links in the interwiki module and dropdown.
- MinimalistSlider (be) (de) (es) (ru) (uk) (zh-hant)
- Minimalises the UI of sliders
- PrettyUserTags (es) (fr) (uk)
- A UserTags extension to make each user tag unique.
- TabberDesign (es)
- Changing the layout and look of the tabber
- ZHVariantFlags (zh-hant)
- Adds the variant's/country's/region's flag next to the variant links in the variant dropdown menu.
Site-wide only
- CSS3Tooltip (es) (ru) (tr) (uk)
- Tooltips created only with CSS3
- DropdownMenu (be) (de) (es) (fr) (pl) (pt-br) (ru) (uk)
- creates a dropdown menu
- SpoilerBlur (be) (es) (fr) (nl) (ru) (uk)
- Blurs spoiler section or word(s)
Wiki theming
These stylesheets adjust the theme or color scheme of a wiki.
- ClassicDevWikiTheme
- Recreates the classic pre-Fandom Dev Wiki layout.
- DarkDiscussions
- Makes Discussions pages dark across all of Fandom.
- DiscordTheme
- Resembles Discord, and reduces strain on readers' eyes.
- WikiaCommunityCentralTheme
- Recreates the classic pre-Fandom CC colour scheme.
- FandomXP
- Resembles the Windows XP operating system.
- Fandom95
- Styles Fandom after the Windows 95 and 2000 operating systems.
Editing customizations
These stylesheets improve your editing experience.
- UCPEditorMinimal
- Minimalist editor for UCP wikis.
- Nord
- An arctic material code theme for Fandom.
Wiki modernization
These stylesheets modernize the wiki experience.
- FandomizedMasthead
- Modernizes the profile masthead.
- FandomizedRCHeader
- Modernizes the Recent Changes header (also includes a backlink to WikiActivity).
- FandomizedTabs
- Modernizes the tabs.
- FanFeedEnhancements
- Adds enhancements and improvements to the style of the Fan Feed.
- MinimalScrollbar
- Modernizes the scrollbar.
- ModernButtons
- Makes buttons similar to the ones from Fandom Design System.
- RoundAvatars
- Crops avatars so that they are round.
Development tools
These stylesheets can be used in your own stylesheets or customizations.
- FandomIcons
- Custom icon font based on Fandom's design system assets.
- FontAwesome
- A scalable vector icon set, ported to Fandom.
Cookbook
Use these simple snippets to customize your wiki experience.
- BlurBackground
- Adds blur to background.
- CodeBoxes
- Change the layout of code boxes.
- CSSMessageWallTags
- Add a customizable "tag" to certain names for Message Wall posts.
- FixFileHistoryTableColor
- Fix the background color of the file history table in dark wikis.
- FixVEToolbarWidth
- Fix the width of the VisualEditor toolbar.
- HideModules
- Hide the Fandom rail modules.
- Kill visual editor focus
- Remove the UI-blocking focus of VisualEditor.
- MinifiedPPH
- Minify Fandom's new article header.
- TranslucentFooter
- Makes the Fandom footer translucent when not hovered over.
- UCXBlurryTextFix
- Attempts to remedy blurry text in FandomDesktop on Chrome.
- UglyModules
- Fix margins of Fandom's new rail modules.
- UnhideCharactersRemaining
- Keeps the characters remaining feature unhidden at all times.
See also
- CSS Cookbook
- Category:CSS: The full list of stylesheets.
Text above can be found here (edit)
