I am creating my first extension which adds a new page called Special:WikiActivity. So far, I have managed to create the page and fill it with HTML content. Now I want to add CSS. I have followed the instructions on this page and looked at the code of other extensions but my CSS is not being applied. Here are some excerpts from my files:
extensions.json:
"ResourceModules": {
"ext.WikiActivity": {
"scripts": [],
"styles": "WikiActivity.css",
"messages": [],
"dependencies": "oojs-ui"
}
},
"ResourceFileModulePaths": {
"localBasePath": "",
"remoteExtPath": "WikiActivity"
}
WikiActivity.css:
a.wa-title {
font-weight: bold;
}
WikiActivity.php:
function execute( $par ) {
$output = $this->getOutput();
$output->addModuleStyles ( 'ext.WikiActivity' );
...
}
If I open the developer console in Chrome and add the contents of WikiActivity.css to a new style rule, I can confirm that it works. So I know that the styling is being added to my HTML elements and I am using the correct CSS rule. What am I doing incorrectly?