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 or MediaWiki:Fandomdesktop.css), as it would violate Fandom's Terms of Use.
(See the customization policy)
Template:UCX only OasisRevived is a stylesheet that modifies the appearance of UCX to look like the Oasis skin. Note: Oasis has not been retired yet. It will be removed early this summer when FandomDesktop becomes the default skin.
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-styles: no-repeat 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-styles | no-repeat fixed | Style of the background image. The default doesn't make the background move with your scrolling and prevents it from repeating. To enable both scrolling and repeating, replace the default with repeat scroll (enabling them separately gives the same result as either the default or repeat scroll). |
Limitations
- Wiki backgrounds that have a low height (like the recommended background size) will end abruptly, revealing the background color.