List of CSS enhancements

Содержание

1 User customizations
2 Site enhancements
3 Wiki theming
4 Editing customizations
5 Wiki modernization
6 Development tools
7 Cookbook
8 Expanded list

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.

AdRailRemove: Removes all ads on page by default.
BlendGlobalFooter: Provides a dark global footer on dark wikis and a light global footer on light wikis.
BlendGlobalNav: Provides a dark global nav on dark wikis and a light global nav on light wikis.
CSSForTheColorBlind: CSS which resets most DOM elements to a high-contrast black-and-white.
ContribsButtons: Transforms Special:Contributions page links into a fully responsive grid of WDS-esque buttons.
CollapseGlobalNavButton: Adds a button to the global navigation that allows you to collapse it. Features compatibility with OldWikiaBar.
DarkGlobalNav: Dark transparent global navigation bar theme.
DarkModuleConsole: Dark theme for lua module debug console
FullWidthOasis: Makes Oasis skin full-width.
GlobalNavigationIcons: Adds icons to the user menu dropdown in the global navigation bar.
Highlight: Adds highlighting to global user group members.
HorizontalMCF: Makes Fan Feed module horizontal.
HotkeysStyle: Styles the button names in the cache message as hotkeys.
Katsuragi: Adds a dark purple theme to the global navigation.
LightGlobalNav: Lightens the global navigation for a cleaner look.
MinifiedLeftTabs: Adds a cleaner style to the Special:Search and Special:Insights left tabs.
MiniGlobalNav: Reduces the global navigation bar to 32px tall.
MinimalBanners: Reduces the size & quantity of Banner Notifications.
NoCustomCursors: Prevent custom cursors from being used.
OasisMinimal: Maximizes the size of everything content-related and minimizes everything that is Fandom-related.
OldWikiaBar: Reverts the style of the bottom toolbar to oasis style.
ProfileFull: Makes the user profile full-width.
PseudoMonobook: Style the Oasis skin like Monobook.
RectangularButtons: Makes Wikia buttons rectangular.
ReplaceWordmark: Replaces a wiki's wordmark with another custom image.
SnowStormCSS: Adds animated snow.
TransparentToolbar: Makes the toolbar transparent and updates the toolbar editing modal.
ToolbarStyle: Allows customization to the style of the toolbar.
WikiaNavigationBarStyle: Recreates the classic pre-Fandom, Wikia navigation bar style.
WikiaToolBar: Modernizes the look of the Oasis toolbar.
WDSNotificationCustomization: Redesigns the Notifications Center, allowing easier and smoother viewing of the type of notifications and highlights which notification is unread.

Site enhancements

These stylesheets visually refresh site features on your wiki.

AntiBigText: Prevent text enlargement on larger screens (1596+ px).
ConsistentCommentsHeader: Makes the comments header consistent with the button text.
ConsistentDiscussionsFeeds: Makes the embedded Discussions feed consistent with the Fan Feed's Latest Discussions module.
CSS3Tooltip: Tooltips created with CSS3.
CustomEmbeddableDiscussionsModule: Customises the Embeddable Discussions module.
DropdownMenu: Creates dropdown menus.
HoverImageClass&Logo: Hovering image animations.
InterlanguageFlags: Adds the country's flag next to the interlanguage links in the interwiki module.
MinimalistSlider: Minimalist gallery slider with a dot carousel.
MinimalistSliderText: Minimalist gallery slider with description text and a dot carousel.
ModernProfile: Modern redesign of user profile pages.
Normalize: Cross browser compatibility stylesheet, corrects inconsistencies and standardizes styles for basic elements.
OrganizedNotifs: Organizing the bell notifications by altering the appearance of the different notification types.
PrettyUserTags: Color coding and beautification for UserTags.
SpoilerBlur: Blurs spoiler section or word(s).
TabberDesign: Changing the layout of the tabber.
TabviewDesign: Change the tabs and contents of the tabview tags.
ThumbImages: Change some elements from thumb images.

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.
RestoreCCHeaderTheme: Restores the previous theme of the Community Central's community header.
FandomXP: Resembles the Windows XP operating system.

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.

FandomizedAchievementsSystems: Modernizes the full achievement system.
FandomizedBloglists: Modernizes bloglists along with the module and the feed.
FandomizedBottomNotifications: Modernizes the bottom notifications.
FandomizedCommunityRail: Modernizes the rail in Special:Community.
FandomizedLoadingScreens: Converts most old-dated loading throbbers into modern, WDS-like spinners.
FandomizedMasthead: Modernizes the profile masthead.
FandomizedPagination: Modernizes the pagination for sideloaded content.
FandomizedRailModules: Modernizes the look of the rail modules.
FandomizedRCHeader: Modernizes the Recent Changes header (also includes a backlink to WikiActivity).
FandomizedTabs: Modernizes the tabs.
FandomizedThemeDesigner: Modernizes the theme designer.
FanFeedEnhancements: Adds enhancements and improvements to the style of the Fan Feed.
MessageWallPagination: Modernizes the look of the Message Wall pagination.
MinimalScrollbar: Modernizes the scrollbar.
ModernButtons: Makes buttons similar to the ones from Fandom Design System.
ModernPopovers: Modernizes popovers.
RoundAvatars: Crops avatars so that they are round.

Development tools

These stylesheets can be used in your own stylesheets or customisations.

Bootstrap: Bootstrap for Fandom.
FandomIcons: Custom icon font based on Fandom's design system assets.
FontAwesome: A scalable vector icon set, ported to Fandom.
GeSHiStyles: Adds line numbers to GeSHi <syntaxhighlight>.

Cookbook

See also: CSS Cookbook

Use these simple snippets to customise 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.
FixAceHighlightingUnits: Fix ace highlighting units in words and etc.
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.
RemoveHubs: Removes the Games, Movies and TV hubs.
TranslucentFooter: Makes the Fandom footer translucent when not hovered over.
UCXBlurryTextFix: Attempts to remedy blurry text in UCX/Fandom Desktop on Chrome.
UglyModules: Fix margins of Fandom's new rail modules.
UglyWikitables: Fix paddings and margins of wikitables.
UnhideCharactersRemaining: Keeps the characters remaining feature unhidden at all times.