SCHILLMANIA!| BoxLib v1.0.20030701
BoxLib uses two (optionally three) images for each style - one for the top highlight, one for the bottom shadow and optionally one for the <hr /> style line. You can follow the given example images and create your own variants from there. Experimentation is encouraged!
The HTML structure is simple: A containing element is assigned box and color classes, respectively. "Box" indicates that there is a box element, and the color class determines the coloring of the box. The "abs" class can also be included (ie. classname="box abs color1") if absolute positioning is to be used.
Within the containing element is a "content" element, which naturally envelops the content to be displayed.
To create a rounded corner effect, Boxlib dynamically creates and appends absolutely-positioned DIV elements with background images. The highlight and shadow effects (top and bottom) are also added via script. A <link> reference to boxlib.css is dynamically created as well (so you don't have to.)
These elements are created entirely by script, so by default there is no extra code (aside from the base HTML structure with no CSS) to confuse older browsers.