HydraRevived

This script/stylesheet is for PERSONAL use only!

You are free to install this script/stylesheet for yourself, but it is not allowed to be used wiki-wide (e.g., in MediaWiki:ImportJS, MediaWiki:Common.js, MediaWiki:Common.css, MediaWiki:Fandomdesktop.js, MediaWiki:Fandomdesktop.css, or MediaWiki:FandomMobile.css), as it would violate Fandom's Terms of Use.
(See the customization policy)

HydraRevived
Information
Type	CSS
Release status	Stable
Description	Reintroduces elements from the legacy Hydra skin to FandomDesktop
Author(s)	Joritochip
Scope	Personal
Updated	2025-11-26 (main CSS) 2021-08-28 (preload CSS) 2024-07-08 (JS)
Code	HydraRevived/main.css (main CSS) HydraRevived/preload.css (preload CSS) HydraRevived.js (JS)
Language support	English (en)
Example(s)	On page

HydraRevived is a stylesheet and script that reintroduces elements from the legacy Hydra skin to FandomDesktop. Although it does not copy Hydra's design exactly, it reimplements the horizontal sidebar, page header (with search bar), and the Gamepedia-esque global navigation.

Note for admins: Although HydraRevived makes minimal changes to the article body area, it's best to disable this stylesheet when designing your wiki, as most other users will not be seeing the same layout as you do. You can design your wiki for the unmodified skin and make the changes you want to see with this stylesheet in your personal CSS.

Installation

For best results, you will need to import both a stylesheet and a script.

Step one: importing the stylesheet

@import statement
@import:	Add this CSS on your wiki:
CSS installation
Global:	w:Special:MyPage/global.css
Personal:	Special:MyPage/common.css

Step two: importing the JavaScript

Personal installation
importArticles:	Add this JavaScript on your wiki (or add the highlighted text to your existing import statement):
Global:	w:Special:MyPage/global.js
Local:	Special:MyPage/common.js

Optional CSS-only install

NOTE: This step is not necessary for most users. For a normal HydraRevived install, ignore this step and follow the two above.

@import statement
@import:	Add this CSS on your wiki:
CSS installation
Global:	w:Special:MyPage/global.css
Personal:	Special:MyPage/common.css

Configuration

TODO

Add-ons

Vector

HydraRevived
Information
Type	CSS
Release status	Beta
Description	Mimics the look and feel of the legacy Vector skin
Author(s)	U.ayaao.p
Using code by	Dr03ramos, Hummel009 (UCPEditorMinimal)
Scope	Personal
Updated	2025-10-24
Code	HydraRevived/main.css (main CSS) HydraRevived/preload.css (preload CSS) HydraRevived.js (JS) HydraRevived/Vector.css (add-on CSS)
Language support	English (en)

HydraRevived - Vector is a stylesheet designed to be imported after HydraRevived, that mimics the look and feel of the legacy Vector skin.

Installation

For best results, you will need to import both the stylesheet and the script.

Step one: importing the stylesheet

@import statement
@import:	Add this CSS on your wiki:
CSS installation
Global:	w:Special:MyPage/global.css
Personal:	Special:MyPage/common.css

Step two: importing the JavaScript

Personal installation
importArticles:	Add this JavaScript on your wiki (or add the highlighted text to your existing import statement):
Global:	w:Special:MyPage/global.js
Local:	Special:MyPage/common.js

See also

• OasisRevived

Text above can be found here (edit)