Difference between revisions of "Custom Styling"
From Tweeki
m (Added the mediawik:tweeki.css option) |
|||
Line 2: | Line 2: | ||
As usual you have several options to add custom CSS to your MediaWiki installation (see also the [http://www.mediawiki.org/wiki/Manual:CSS manual pages on mediawiki.org]): | As usual you have several options to add custom CSS to your MediaWiki installation (see also the [http://www.mediawiki.org/wiki/Manual:CSS manual pages on mediawiki.org]): | ||
+ | * If you know how it works, you can make use of Tweeki's [[Webpack]] setup. This allows you to also change bootstrap variables. | ||
* via '''[[Mediawiki:Common.css]]''': be aware that it is not used for the login and preferences pages (you can, hower, [http://www.mediawiki.org/wiki/Manual:CSS#Styles_not_working_on_Special:UserLogin_or_Special:Preferences.3F allow it] if you don't care for the security implications) | * via '''[[Mediawiki:Common.css]]''': be aware that it is not used for the login and preferences pages (you can, hower, [http://www.mediawiki.org/wiki/Manual:CSS#Styles_not_working_on_Special:UserLogin_or_Special:Preferences.3F allow it] if you don't care for the security implications) | ||
* via '''[[Mediawiki:Tweeki.css]]''': more specifically, this CSS will only be loaded when you're using Tweeki as a skin. Same exceptions as above! | * via '''[[Mediawiki:Tweeki.css]]''': more specifically, this CSS will only be loaded when you're using Tweeki as a skin. Same exceptions as above! |
Latest revision as of 20:40, 2 February 2025
As usual you have several options to add custom CSS to your MediaWiki installation (see also the manual pages on mediawiki.org):
- If you know how it works, you can make use of Tweeki's Webpack setup. This allows you to also change bootstrap variables.
- via Mediawiki:Common.css: be aware that it is not used for the login and preferences pages (you can, hower, allow it if you don't care for the security implications)
- via Mediawiki:Tweeki.css: more specifically, this CSS will only be loaded when you're using Tweeki as a skin. Same exceptions as above!
- via your own extension
$wgResourceModules['xxx'] = [ 'styles' => 'styles.css', 'localBasePath' => '.', 'remoteExtPath' => '', 'position' => 'top' ];