The navigation menu at the bottom of this yellow box is the result of the default output of the extension.
All the CSS rules used for this document - except the ones related to this box - are listed below the Menu.
"TJKul" is the ID of the Unordered List we're using for the Navigation Menu.
Through these pages, I will:
What do we have so far?
Note: Many web designers forget about setting a background-color for their documents, thinking that the default background-color of a document is white; when in fact it depends on the user's settings.
Next page:
body {background-color:#fff;padding:20px} h1,h2 {font-size:1.1em;border-bottom:1px dotted #999}
#TJKul,#TJKul li {margin:0;padding:0;list-style:none} #TJKul,#TJKul li,#TJKul a,#TJKul span {height:1.6em;line-height:1.6em} #TJKul {border-bottom:1px solid #333} #TJKul li {float:left;width:auto;position:relative;white-space:nowrap} #TJKul a {position:relative;text-decoration:none} #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}
#TJKul #current a {padding-top:.1em} #TJKul a span {padding-top:.3em} #TJKul a {cursor:hand;margin-bottom:-.7em}