FANDOM


Nuvola apps important
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:Wikia.js), as it would violate FANDOM's Terms of Use.
(See the customization policy)

PseudoMonobook introduces Monobook visual design cues to the Oasis skin:

  • Full width articles with fluid breakpoints
  • Page header and community header dropdowns as toolbars
  • Removal of advertising and recirculation
  • Minimal, compact footer redesign
  • Community header in left sidebar with "sticky" navigation

The stylesheet was written so that users who prefer Monobook can use and adapt to Oasis features better, as Monobook has been sunsetted. In addition, users who prefer a full-width content view can enjoy a layout similar to Monobook.

Installation

See also: Help:Including additional CSS and JS, Help:Advanced CSS and JS

For personal use, add the import below to your global.css page (for use on all wikis) or your common.css page on your wiki (for use on a single wiki).

@import url('/load.php?debug=false&lang=en&mode=articles&articles=u:dev:MediaWiki:PseudoMonobook.css&only=styles');

Note that the import must be at the very top of the page (with any other @import rules you may have) to work.

Importing CSS pages on FANDOM
There are different ways to import CSS, click on "Expand" to learn how to efficiently batch import scripts to speed up performance and make your code look cleaner.
If your CSS page has several lines of code that say @import, you may be able to combine them! By batch importing a collection of scripts with a single import, your CSS will load faster and look cleaner. Consider the examples below: on the left there is an example of several imports using the classic @import rule; on the right is how you can merge them in a single command, which will minify them, thus increasing performance:
Classic imports Combined imports
@import url("/index.php?title=MediaWiki:LocalCSS1.css&action=raw&ctype=text/css");
@import url("/index.php?title=MediaWiki:LocalCSS2.css&action=raw&ctype=text/css");
@import url("http://dev.wikia.com/index.php?title=MediaWiki:InterWikiCSS.css&action=raw&ctype=text/css");
@import url("/load.php?mode=articles&only=styles&articles=MediaWiki:LocalCSS1.css|MediaWiki:LocalCSS2.css|u:dev:MediaWiki:InterWikiCSS.css")

Note: CSS imports rules must be stated at the beginning of the page, before any other rule. Otherwise they won't work. Here's an example of the correct placement:

Wrong placement Correct placement
/* BEGINNING OF THE PAGE */
/** other styles **/
.example { 
    styling
}
 
/** imports **/
@import url("/load.php?mode=articles&only=styles&articles=MediaWiki:LocalCSS1.css|MediaWiki:LocalCSS2.css|u:dev:MediaWiki:InterWikiCSS.css");
/* BEGINNING OF THE PAGE */
/** imports **/
@import url("/load.php?mode=articles&only=styles&articles=MediaWiki:LocalCSS1.css|MediaWiki:LocalCSS2.css|u:dev:MediaWiki:InterWikiCSS.css");
 
/** other styles **/
.example { 
    styling
}
But these are not the only ways to import CSS! It's also possible to import CSS using JavaScript pages through importArticles. Read more on this page and how to import both JavaScript and CSS on this one. You might also want to check other helpful pages on CSS:

If you can't install it via CSS, you can install it via JS using this: importStylesheetPage('MediaWiki:PseudoMonobook.css', 'dev');

Changelog

April 17, 2018‎ - v0.9.0
Speedit: Published on FANDOM Open Source Library.
May 22, 2018 - v1.0.0 [STABLE]
Speedit: Amend breakpoint behaviour, consistently center local navigation elements.
May 22, 2018 - v1.1.0
Speedit: Removal of advertising/recirculation, minimal footer redesign.
May 24, 2018 - v1.1.1 - v1.2.5
Speedit: Uncollapse page header and community header tools dropdown, global navigation tweaks.