Stylesheets for Z pages

Pages translated by Z2HTML contain a link to an external stylesheet named zed.css. The stylesheet (not the HTML in the page itself) controls the appearance of the Z text.

Usually the stylesheet is written by the web site designer and resides on the same server as the pages. Some browsers permit users to install personalized stylesheets locally (on their own computers): in Internet Explorer try View -> Internet Options -> General -> Accessibility, then User Style Sheet.

Here is the version of zed.css used at this site:

body { background-color: white }

div.mixed, div.zed { margin-left: 20px }

var.zed, td.zed { font-family: sans-serif; font-style: normal }

var.zed, td.zed { font-size: smaller }

It should be self-explanatory. Use your browser's View -> Source function on any of the Z examples pages to see how the translated HTML employs class="zed" to indicate Z text.

This stylesheet selects font-size: smaller for the sans-serif font used for the Z text. Usually this results in Z text that is about the same size as the symbol images, but also permits users to change the size of the Z text by adjusting their browser settings. I experimented with setting font size: 15px to force the Z text to be the same size as the symbol images, but decided it was better to leave the text size adjustable.