Extension:Header Tabs/Skin modification/LQT Archive 1

JQuery UI tabs styling are all based on the default 'jquery' style.

Installing a new style
Per the $htStyle configuration section, you can change this to the name of any default shipped style in the  directory. To make a new style, or use one of the ones bellow, simply create a file called 'ext.headertabs.stylenamehere.css'. Then in the style ensure it always uses '#headertabs.stylenamehere'.

If you do not have shell access, you can also add the style to your MediaWiki:Common.css page.

Default styles
See the table on in $htStyle section.

Rounded tabs
In order to display rounded tabs (instead of rectangles), we just copied the complete ext.headertabs.bare.css (replaced bare with round) and added a section at bottom of the css. -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-left-radius: 3px 3px; border-top-right-radius: 3px 3px; }
 * 1) headertabs.round .ui-corner-top {

border: 1px solid #DDD; font-weight: normal; color: #2779AA; }
 * 1) headertabs.round .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {