Jquery & Jquery-UI in Mediawiki
Hi,
MediaWiki delivers since version 1.16 also jquery and jquery-ui. I write an extension for mediawiki and want to utilize the built-in version of Jquery and Jquery-UI. My development version is MediaWiki 1.22.0 which comes with Jquery 1.8.3, Jquery-UI 1.8.24.
To use a custom theme I have used the theme roller to create it (it is copy of the sunny theme ). However, when I open a dialog box, I'll get for the header a white font (from the sunny theme) on a nearly white background image which comes not from the my theme.
In Firefox I see that for the background image the rule
"body .ui-dialog .ui-widget-header { background: url(...) !important; }"
has the highest specificity (which must come from mediawiki CSS) whereas the jquery-theme CSS rule has just second highest specificity
".sunny .ui-dialog { background: url(...); }" (or similar).
So I modified the theme CSS file such that there is written
".mediawiki .sunny .ui-dialog { background: url(...); !important; }".
Of course I would avoid tampering with jquery-theme CSS files (this way a user could choose his own theme in my extension). Is another solution possible, for example invalidating certain CSS rules/files for my dialog box from jquery ? Or would it help to use my own jquery and/or jquery-ui?
Thanks in advance
Sigbert