/**** STANDARD HTML TAGS ****/
body
{
margin: 0;
padding: 0;
background: #fff;
color: #000;
font: 11px Lucida Grande, Geneva, Arial, Verdana, sans-serif;
/* Special hack for IE/5 */
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;
}
html>body { font-size: small; }
/* We define links using border-bottom instead of ugly underline */
a
{
text-decoration: none;
color: #339;
}
a img {border:0}
a:hover { background: #eee; }
a.crb-quickbutton
{
background: transparent;
border: 0;
}
a.crb-quickbutton:hover
{
background: transparent;
border: 0;
}
h1
{
font-size: 16px;
color: #333;
padding: 0;
margin: 2.5em 0 1em 0;
border-top: 1px dotted #666;
}
h2
{
font-size: 15px;
color: #666;
padding: 0;
margin: 2.5em 0 1em 0;
border-top: 1px dotted #666;
}
h3
{
font-size: 13px;
color: #666;
padding: 0;
margin: 2.5em 0 1em 0;
border-top: 1px dotted #ddd;
}
h4
{
font-size: 11px;
color: #666;
padding: 0;
margin: 2.5em 0 1em 0;
}
p { margin: 0 0 0.2em 0;
font-size: 12px;
line-height: 1.5em;
}
p.note { margin: 0 0 0.2em 0;
font-size: 12px;
line-height: 1.5em;
background: #CF6;
padding: 5px;
}
li { margin: 0 1em 0 0;
font-size: 12px;
line-height: 1.5em;
}
p.menu { margin: 0 0 2em 0;
font-size: 11px;
line-height: 1.5em;
}
crb-seealso
ul { list-style-type: square;
font-size: 8px;
line-height: 1.5em;
}
li { margin: .1em 0 .3em 0; }
/**** PAGE LAYOUT ****/
/* The general page looks like this:
+-----------------------------------------------------------+
| #header |
+------+--------------+----------+---------------+----------+
| #nav | #leftcontent | #content | #rightcontent | #seealso |
| | | | | |
| | | | | |
| | | | | |
| | | | | |
| | | #footer | | |
+------+--------------+----------+---------------+----------+
All
's, except #content and #footer, are absolutely
positioned. We use margins to seperate them from eachother.
*/
#header
{
position: absolute;
top: 0;
left: 0;
width: 100%; /*960px;*/
background: #fff;
}
#subheader
{
position: absolute;
top: 91px;
left: 0;
background: #fff;
width:100%;
/*width: 960px;*/
height:19px;
}
#subscribe
{
position: absolute;
top: 5px;
right: 10px;
width: 200px;
font-size:85%;
}
#nav
{
position: absolute;
top: 120px;
left: 0;
width: 60px;
height: 100%;
background: white;
font-size: 70%;
}
div.leftcontent
{
position: absolute;
top: 120px;
left: 20px;
width: 110px;
padding: 2px 5px;
font-size: 75%;
}
div.content
{
position: absolute;
top: 120px;
left: 180px;
font-size: 85%;
width: 490px;
}
#rightcontent
{
position: absolute;
top: 120px;
left: 600px;
width: 110px;
padding: 2px 5px;
font-size: 70%;
}
#rightimage
{
position: absolute;
left: 500px;
z-index:100;
}
#seealso
{
position: absolute;
top: 240px;
left: 20px;
width: 50px;
padding: 2px 5px;
font-size: 10px;
line-height: 12px;
color: #888;
}
#footer
{
position: absolute;
top: 900px;
left: 20px;
font-size: 60%;
width: 60px;
}
/*absolute positions for menu items*/
#menuitem1
{
position: absolute;
top: 200px;
left: 0;
}
#menuitem2
{
position: absolute;
top: 230px;
left: 0;
}
#menuitem3
{
position: absolute;
top: 260px;
left: 0;
}
#menuitem4
{
position: absolute;
top: 290px;
left: 0;
}
#menuitem5
{
position: absolute;
top: 320px;
left: 0;
}
#menuitem6
{
position: absolute;
top: 350px;
left: 0;
}
#menuitem7
{
position: absolute;
top: 380px;
left: 0;
}
#menuitem8
{
position: absolute;
top: 410px;
left: 0;
}
#menuitem9
{
position: absolute;
top: 440px;
left: 0;
}
#menuitem10
{
position: absolute;
top: 470px;
left: 0;
}
#auxmenu
{
position: absolute;
top: 500px;
left: 10px;
font-size:9px;
font-weight:normal
}
#modellogo
{
position: absolute;
left: 0px;
top: 0px;
}
#titlepic
{
position: absolute;
left: 180px;
top: 10px;
}
/**** SPECIAL CASES ****/
ul.crb-seealso {list-style-type:none;padding:0;margin:0}
#seealso h2
{
font-size:12px;
font-weight:normal;
}
#header table
{
background: #eee;
font-size:10px
}
/* The navigation uses an unordered list to show its items,
which is semantically correct. */
#subnav
{
border: 0px;
font-size: 9px;
line-height: 12px;
font-family: Verdana, Helvetica, Sans-Serif;
color: #888;
width: 110px;
}
span.selected
{
font-weight:bold;
}
a.subnav
{
text-decoration: none;
color: #aaa;
}
#nav ul
{
list-style-type: none;
margin: 0;
padding-left: 0.5em;
}
#nav li
{
line-height: 1.8em;
text-align: left;
}
#nav a { border: 0; }
/* A special class, link, is used to display the pointing hand.
We pad the actual content so it doesn't overlay the hand. */
p.link
{
background: url('g/link.gif') no-repeat left top;
padding-left: 42px;
line-height: 18px;
}
/* The item class is used to display seperate news items */
.item { margin: 1em 0 2em 0;}
/* Class to display a label on feedback page */
.label
{
font-size: 110%;
color: #333;
}
pre {
overflow: hidden;
background-color: #EEE;
white-space:pre;
color:#111111;
padding: 10px 10px 10px 10px;
width:480px;
font-size: 11px;
line-height: 13px;
z-index:0;
}
div.objectname {
}
div.objectexamples {
}
div.objectdescription {
}
div.objectmethods {
}
div.objectattributes {
}
div.objectsyntax {
}
div.objectparameters {
}