If you're either going to use your own linked style sheet, or want to tweak the layout of the menu through the MTMExtraCSS
option, this is the right place to be. Here's a run-down of all the CSS-related
properties in the menu. If you want to have a look at the output code for
yourself the easiest way is to open the menu in Netscape Navigator 4.x or
IE4 and then choose "View Source" in the menu frame.
The menu uses one ID for the text next to the root icon and three classes for some menu items. The ID
for the root text is root
, so the corresponding CSS code becomes #root { /* any CSS rules here */ }
The three classes are all connected to the links. It's one for the tracked
item, one for a sub menu that was opened, and one for a sub menu that was
closed. The class names are tracked
, subexpanded
and subclosed
respectively. The corresponding CSS code becomes a.tracked { /* CSS */ }
, a.subexpanded { /* CSS */ }
and a.subclosed { /* CSS */ }
respectively.
This example style sheet is an exact copy of the inline style sheet as it would be written by v2.3.1:
body {
color:#000000;
}
#root {
color:#000000;
background:transparent;
font-family:Arial, Helvetica, sans-serif;
font-size:84%;
}
.subtext {
color: #000000;
font-family:Arial, Helvetica, sans-serif;
font-size:84%;
background:transparent;
}
a {
font-family:Arial, Helvetica, sans-serif;
font-size:84%;
text-decoration:none;
color:#330099;
background:transparent;
}
a:hover {
color:#990000;
background:transparent;
}
a.tracked {
color:#000000;
background:transparent;
}
a.subexpanded {
color:#666699;
background:transparent;
}
a.subclosed {
color:#666699;
background:transparent;
}
That's it. Have fun! :)