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)

ConsistentDiscussionsFeeds makes the style of an embedded Discussions feed more consistent to the "Latest Discussions" module in the Fan Feed. Not only does it do that, but a dark version of this stylesheet exists, to prevent a user's eyes from becoming sore.

If your wiki doesn't have Discussions, it is recommended to ignore this stylesheet, since it won't have an effect on those wikis.

Installation

Add this CSS on your wiki:

Global
w:Special:Mypage/global.css
Personal

Special:Mypage/common.css

*Note: for wikis created before July 2014, MediaWiki:Common.css may not apply on both skins. Read more on this page.

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:ConsistentDiscussionsFeeds/code.css.css&only=styles";
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:

Update Log

Date Description Updated By
October 8 2017 Initial release JustLeafy
December 2 2017
  • Fixed loading message.
  • Added a dark theme version.
  • Made some minor styling tweaks, made it scrollable.
JustLeafy
February 7 2018 Due to the confirmation of the FANDOM staff saying that it should be for personal use only, it is only allowed for personal use in the Oasis skin. JustLeafy
February 12, 2018 Consolidated into one stylesheet that makes the feed light or dark based on the wiki's theme. TheGoldenPatrik1