Fandom Developers Wiki
Advertisement
Fandom Developers Wiki

This script is for PERSONAL use only!

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

OasisRevived is a stylesheet that modifies the appearance of UCX to look like the Oasis skin.

Note for admins: When designing your wiki, it's best to disable this stylesheet when doing so, 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.

Install

Step 1: CSS

(The CSS has to be imported separately to avoid a flash of unstyled content.)

Step 2: JS

When installed, it removes the search icon in the global navigation and replaces it with a search bar. It also adds the class oasis-is-revived to the page body.

Recreated Features

  • Global Navigation
  • Page body
  • Customizable page transparency
  • Full Wiki background
  • Wikia Bar
  • TOC
  • Achievements on User Page

Customization

When importing this stylesheet, you can include any of these variables to customize its look. Currently, you can modify the following:

  • Page background's opacity
  • Community header color
  • Wiki background position

Copy the following into your personal CSS and replace the values you need. Refer the following table for more details.

Keep in mind, if you customize the code below and paste it into your global.css, it will apply for all wikis you visit. If you want different styles for each wiki, paste it in your common.css of the respective wiki.

:root {
	--theme-page-background-color--opacity: 1;
	--theme-header-background-color: var(--theme-sticky-nav-background-color);
	--background-img-position: center center;
	--background-img-size: cover;
	--background-img-repeat: no-repeat;
	--background-img-attachment: fixed;
}
Name Default Description
--theme-page-background-color--opacity 1 Opacity of the main page. Ranges from 0 to 1, including decimals.
--theme-header-background-color var(--theme-sticky-nav-background-color) Color of the community header. Defaults to the sticky nav's background color. Replace default with a color hex code.
--background-img-position center center Position of the background image. The first word is the x position, while the second is the y position. You can replace the first center with either left or right. The second center can be replaced with top or bottom.
--background-img-size cover Size of the background image. The default resizes the image to cover the entire background. Replace with auto to keep the image's original size (might have empty space filled by a color) or contain (might have empty space).
--background-img-repeat no-repeat Whether the background repeats after it ends. Default prevents repeating. Replace with repeat to enable repeating.
--background-img-attachment fixed Whether the background moves with your scrolling. Default doesn't make the background move. Replace with scroll to enable movement.

See also

Text above can be found here (edit)
Advertisement