div.sidebar p {position:relative;clear:none; margin-top:0;}
div.example {}
pre.programlisting {
font-family: courier;
margin-left:15px;
padding:2px;
border: 1px solid black;
background-color: #e0e0e0;
}
span.errorname {}
span.errorcode {}
span.errortype {}
<!--element identifies the conventional name of a mouse button. Because mouse buttons are not physically labelled, the name is just that, a convention. Adding explicit markup for the naming of mouse buttons allow easier translation from one convention to another and might allow an online system to adapt to right- or left-handed usage.-->
div.equation { border: 1px solid black;
background-color: blue;
}
Accel {}
/* MenuChoice, Shortcut are all special elemnts used. When using these, you can then use special formating for the keystrokes, etc and not have to worry about whether it's bold/italic or just bold. */
strong.KeyCap{font-variant:small-caps;font-weight:bold;} /* The text printed on a key on a keyboard */
span.KeyCode {font-variant:small-caps;} /* The internal, frequently numeric, identifier for a key on a keyboard */
span.KeyCombo{font-variant:small-caps;background-color: #99ccff;font-weight:bold;} /*A combination of input actions*/
span.KeySym{} /* The symbolic name of a key on a keyboard */
span.MouseButton{font-variant:small-caps;} /*The conventional name of a mouse button */
code{font-family: courier; font-weight:bold;} /*user input, we've decided for us, this is a block element.*/
code.filename{font-family: monospace;}
code.constant{text-transform: uppercase;}
/* is uesed for anything the user may see or read on the computer screen, as opposed to a "programlisting" which is purely a code dump. */