Let's get our hands dirty and edit* these CSS rules.
Under the first Navigation Menu below is the code written by the extension. The rules under each of the other Menus show the changes apply to the default rule(s).
* If you modify a declaration that has its counterpart in the Conditional Comment (i.e. "padding") do not forget to change the rule there as well.
I've set up 6 different examples:
Next page:
Default.
#TJKul,#TJKul li {margin:0;padding:0;list-style:none} #TJKul,#TJKul li,#TJKul a,#TJKul span {height:1.5em;line-height:1.5em} #TJKul {border-bottom:1px solid #333} #TJKul li {float:left;width:auto;position:relative;white-space:nowrap} #TJKul a {position:relative;text-decoration:none;font-family:Georgia, "Times New Roman", Times, serif;color:blue} #TJKul a:hover {background-color:transparent} #TJKul a,#TJKul a span {padding-top:.7em;padding-bottom:.2em} #TJKul a span {padding-right:10px} #TJKul #current a,#TJKul #current a span {padding-top:1em;border-bottom:2px solid #fff;font-weight:600} #TJKul #current a span,#TJKul a:hover span {background-image:url(up.gif)} #TJKul .TJKL,#TJKul .TJKR {background-image:url(down.gif)} #TJKul .TJKL {background-position:top left} #TJKul .TJKR {background-position:top right}
Example 1.
#TJKul #current a,#TJKul #current a span {padding-top:1em;border-bottom:2px solid #fff;font-weight:600}
Example 2.
#TJKul #current a,#TJKul #current a span {padding-top:1em;border-bottom:2px solid #fff;font-weight:600}
Example 3.
#TJKul a span {padding-right:20px}
Example 4.
#TJKul4,#TJKul4 li,#TJKul4 a,#TJKul4 span {height:1.3em;line-height:1.3em} #TJKul4 a,#TJKul4 a span {padding-top:.4em;padding-bottom:.1em}
Example 5.
#TJKul5 {border-bottom:1px solid #333;padding-left:40px;background:url(back.gif) repeat-x}
Example 6.
#TJKul6 {border-bottom:1px solid #9999ff;padding-left:110px;background:url(tjktabs.gif) no-repeat;width:60%} #TJKul6 #current a span,#TJKul6 a:hover span {background-image:url(up_c.gif)} #TJKul6 .TJKL,#TJKul6 .TJKR {background-image:url(down_c.gif)}