Thread:Extension talk:Header Tabs/Override Skin Documentation/reply (9)

I have been playing with MW1.17 and HeaderTabs 0.8.2 as well. It seems to me that in combination with MW1.17, HeaderTabs is not using any of the files in its \skins folder. The \skins folder seems to exists only for backwards compatibility in case headertabs is used with an older MW version. (So when using MW1.17 changing any of these files doesn't have any effect). With MW1.17 Headertabs uses JQuery and the standard stylesheets that are distributed with MW (see folder: resources\jquery.ui\themes\...). If you use the vector stylesheet it uses the ...\vector subfolder. To change the look of the headertabs you'll need to add stylesheet elements in mediawiki:common.css or mediawiki:vector.css.

For example: To change the font size, place in common.css:
 * 1) headertabs { font-size:0.95em; }

To make more detailed changes to the look you'll have to dig deeper and change the default JQuery style elements. For example: to place a border around the tab place in vector.css: Note that the #headertabs keeps the scope of this look restricted to the headertab.
 * 1) headertabs .ui-widget-content { border: 1px solid #aed0ea; }

For further tweaking of the look you need to study the JQuery style sheets and redefine the elements that you'd like to change in the MediaWiki:Common.css or MediaWiki:Vector.css. Also see the post with title "Useful CSS for Overriding jQueryUI style" for some ideas.

Hope this helps any.