+/* Layout CSS */
+.header {
+ background: rgba(46,46,46,.9);
+ box-shadow: 0px 2px 5px rgba(0,0,0,0.25);
+ color: white;
+ left: 0;
+ margin-bottom: 20px;
+ padding: 0px;
+ position: fixed;
+ right: 0;
+ top: 0;
+ width: 100%;
+}
+.header ul {
+ list-style: none;
+ margin: 0px;
+ -webkit-margin-before: 0;
+ -webkit-margin-after: 0;
+ -webkit-margin-start: 0;
+ -webkit-margin-end: 5px;
+ -webkit-padding-start: 0;
+}
+.header ul li {
+ float: left;
+}
+.header a {
+ display: block;
+ padding: 5px 10px !important;
+}
+.header a:link, .header a:visited {
+ color: white !important;
+ text-decoration: none !important;
+}
+.header a:hover {
+ background: #cccccc !important;
+ color: #333333 !important;
+ text-decoration: none !important;
+}
+.header a.active {
+ background: white !important;
+ box-shadow: rgba(0,0,0,0.1) 0px 0px 10px 0px inset;
+ color: black !important;
+ text-decoration: none !important;
+}
+
+.body {
+ padding: 40px 20px;
+}
+.row .body {
+ padding: 0px;
+}
+
+.footer {
+ background: rgba(46,46,46,.9);
+ bottom: 0;
+ box-shadow: 0px -2px 5px rgba(0,0,0,0.25);
+ color: #cccccc;
+ font-size: 10px;
+ height: 20px;
+ left: 0;
+ padding: 10px 10px 3px;
+ position: fixed;
+ width: 100%;
+}
+.footer a:link, footer a:hover, .footer a:visited {
+ color: white !important;
+ text-decoration: none !important;
+}
+
+.row {
+ width: 100%;
+ *zoom: 1;
+}
+.row:after {
+ clear: both;
+}
+
+.row .thirds {
+ float: left;
+ margin-left: 0.5%;
+ margin-right: 0;
+ width: 33%;
+}
+.row .thirds:first-child {
+ margin-left: 0;
+}
+
+.row .halves {
+ float: left;
+ margin-left: 0.5%;
+ margin-right: 0;
+ width: 49.75%;
+}
+.row .halves:first-child {
+ margin-left: 0;
+}
+.mobile {
+ display: none;
+}
+.no-mobile {
+ display: inherit;
+}
+
+/* Appearance CSS */
BODY {
- background: #cccc99;
- color: #000000;
- font-family: sans-serif;
+ background: white;
+ color: black;
+ font-family: lucida grande, geneva, helvetica, arial, sans-serif;
+ margin: 0;
}
H1, H2, H3, H4, H5, H6, P, TD, TH {
- font-family: sans-serif;
+ font-family: lucida grande, geneva, helvetica, arial, sans-serif;
}
+H1 { font-size: 2em; }
+H2 { font-size: 1.75em; }
+H3 { font-size: 1.5em; }
+H4 { font-size: 1.25em; }
+
KBD {
color: #006600;
- font-family: monospace;
+ font-family: monaco, courier, monospace;
font-weight: bold;
}
PRE {
- color: #7f0000;
- font-family: monospace;
+ font-family: monaco, courier, monospace;
+}
+
+BLOCKQUOTE {
+ border-left: solid 2px #777;
+ margin: 1em 0;
+ padding: 10px;
+}
+
+BLOCKQUOTE OL LI {
+ margin-left: -1em;
}
-PRE.command {
- margin-left: 3em;
+PRE.command, PRE.example {
+ background: #eee;
+ margin: 0 36pt;
+ padding: 10px;
}
-PRE EM {
+P.example {
+ font-style: italic;
+ margin-left: 36pt;
+}
+
+DL.man DD {
+ margin-left: 5em;
+}
+
+DL.man DT {
+ margin-left: 0;
+}
+
+PRE.man {
+ margin: 0;
+}
+
+PRE.command EM, PRE.example EM {
color: #3f0000;
+ font-family: lucida grande, geneva, helvetica, arial, sans-serif;
}
P.command {
color: #7f0000;
- font-family: monospace;
- margin-left: 3em;
+ font-family: monaco, courier, monospace;
+ margin-left: 36pt;
}
-BLOCKQUOTE {
- background: #cccc99;
- border: solid thin #999966;
- padding: 10px;
+P.formula {
+ font-style: italic;
+ margin-left: 36pt;
+}
+
+A IMG {
+ border: none;
+}
+
+A:link:hover IMG {
+ background: #f0f0f0;
+ border-radius: 10px;
+ -moz-border-radius: 10px;
}
A:link, A:visited {
+ font-weight: inherit;
text-decoration: none;
- font-weight: bold;
- color: #993300;
+ color: #000099;
}
A:link:hover, A:visited:hover, A:active {
text-decoration: underline;
- font-weight: bold;
- color: #bb5500;
+ color: #990099;
+}
+
+TABLE.page {
+ border: none;
+ border-collapse: collapse;
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ width: 100%;
}
-A.sel, TR.sel {
- background-color: #eeeebb;
- color: #993300;
+TD.body {
+ height: 100%;
+ vertical-align: top;
+}
+
+TD.sel, TD.unsel {
+ border-left: thin solid #cccccc;
+ padding: 0px 5px;
+ text-align: center;
+ vertical-align: middle;
+ width: 14%;
+}
+
+TD.sel {
+ background: url(images/sel.gif);
}
-TR.sel TD {
- padding: 4;
+TD.unsel {
+ background: url(images/unsel.gif);
+}
+
+TD.sel A, TD.sel A:hover, TD.unsel A:link:hover, TD.unsel A:visited:hover,
+TD.unsel A:active, TD.unsel A, TD.unsel A:visited {
+ color: #666666;
+ display: block;
+ font-weight: normal;
+ padding: 8px;
+ text-decoration: none;
+}
+
+TD.trailer {
+ background: #f0f0f0;
+ border: solid thin #e0e0e0;
+ color: #666666;
+ font-size: 80%;
+ padding: 5px;
}
-A.unsel {
- background-color: #666633;
- color: #e8e8b8;
+TD.trailer A {
+ color: #666699;
}
-A.unsel:link:hover, A.unsel:visited:hover, A.unsel:active {
- background-color: #999966;
- color: #663300;
+FORM {
+ display: inline;
}
INPUT[TYPE="TEXT"], TEXTAREA {
- font-family: monospace;
+ font-family: monaco, courier, monospace;
}
INPUT[TYPE="IMAGE"] {
border: none;
- padding: 2;
+ padding: 2pt;
vertical-align: bottom;
}
font-size: 50%;
}
-TR.header, TR.header TH, TH.header, TR.trailer, TR.trailer TH, TH.trailer {
- background-color: #bbbb88;
-}
-
-TR.page, TD.page {
- background-color: #eeeebb;
- height: 100%;
- padding-top: 20px;
- padding-bottom: 20px;
-}
-
TR.data, TD.data, TR.data TD {
- padding: 5;
- border-bottom: solid 2px #000000;
+ margin-top: 10pt;
+ padding: 5pt;
+ border-bottom: solid 1pt #999999;
}
TR.data TH {
- border-bottom: solid 2px #000000;
- padding-top: 10;
- padding-left: 5;
+ border-bottom: solid 1pt #999999;
+ padding-top: 10pt;
+ padding-left: 5pt;
text-align: left;
}
DIV.table TABLE {
- border: solid thin #999966;
- border-spacing: 0px;
+ border: solid thin #999999;
+ border-collapse: collapse;
+ border-spacing: 0;
margin-left: auto;
margin-right: auto;
}
}
DIV.table TABLE TD {
- border: solid thin #bbbb88;
- padding-top: 5px;
+ background: white;
+ border: solid thin #bbbbbb;
+ padding: 5pt 10pt 0;
}
DIV.table TABLE TH {
- background: #bbbb88;
+ background: #f0f0f0;
border: none;
- border-bottom: solid thin #999966;
+ border-bottom: solid thin #999999;
+}
+
+DIV.figure TABLE {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+DIV.figure CAPTION {
+ caption-side: bottom;
+ font-size: 120%;
+ font-style: italic;
+ font-weight: bold;
+ margin-left: auto;
+ margin-right: auto;
}
TH.label {
- padding-top: 10;
text-align: right;
vertical-align: top;
}
+TH.sublabel {
+ text-align: right;
+ font-weight: normal;
+}
+
HR {
border: solid thin;
}
SPAN.info {
- background: #000000;
- border: thin solid #000000;
- color: #ffffff;
+ background: black;
+ border: thin solid black;
+ color: white;
font-size: 80%;
font-style: italic;
font-weight: bold;
white-space: nowrap;
}
-H3 SPAN.info {
+H2 SPAN.info, H3 SPAN.info, H4 SPAN.info {
float: right;
font-size: 100%;
}
.conflict {
- color: red;
+ background: red;
+ color: white;
}
-H2.title, H3.title {
- border-bottom: solid 2px #000000;
+TH.conflict {
+ text-align: right;
}
-IMG.button {
- border: none;
- padding: 2;
- vertical-align: middle;
+H1.title {
+ display: none;
+}
+
+H2.title, H3.title, .row .body H2, .row .body H3 {
+ border-bottom: solid 2pt black;
+}
+
+TABLE.indent {
+ margin-top: 2em;
+ margin-left: auto;
+ margin-right: auto;
+ width: 90%;
+}
+
+TABLE.indent {
+ border-collapse: collapse;
+}
+
+TABLE.indent TD, TABLE.indent TH {
+ padding: 0;
+}
+
+TABLE.list {
+ border-collapse: collapse;
+ margin-left: auto;
+ margin-right: auto;
+ width: 90%;
+}
+
+TABLE.list TH {
+ background: white;
+ border-bottom: solid thin #cccccc;
+ color: #444444;
+ padding-top: 10pt;
+ padding-left: 5pt;
+ text-align: left;
+ vertical-align: bottom;
+ white-space: nowrap;
+}
+
+TABLE.list TH A {
+ color: #4444cc;
+}
+
+TABLE.list TD {
+ border-bottom: solid thin #eeeeee;
+ padding-top: 5pt;
+ padding-left: 5pt;
+}
+
+TABLE.list TR:nth-child(even) {
+ background: #f8f8f8;
+}
+
+TABLE.list TR:nth-child(odd) {
+ background: #f4f4f4;
}
DIV.sidebar {
- background: #ddddaa;
- border: solid 2px #cccc99;
float: right;
+ min-width: 25%;
margin-left: 10px;
- padding: 5;
- width: 25%;
+ max-width: 33%;
}
DIV.sidebar P.l0 {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
- margin-top: 1em;
+ margin-top: 12pt;
}
DIV.sidebar P.l1 {
margin-bottom: 0;
- margin-left: 3em;
+ margin-left: 36pt;
margin-right: 0;
margin-top: 0;
- text-indent: -2em;
+ text-indent: -18pt;
}
DIV.sidebar P.l2 {
font-style: italic;
margin-bottom: 0;
- margin-left: 4em;
+ margin-left: 54pt;
margin-right: 0;
margin-top: 0;
- text-indent: -2em;
+ text-indent: -18pt;
+}
+
+TABLE.inset {
+ background: #f0f0f0;
+ border: thin solid #e0e0e0;
+ margin-top: 1em;
+ padding: 0;
+ width: 100%;
+ /* These are not implemented by all browsers, but that's OK */
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+}
+
+TABLE.inset CAPTION {
+ caption-side: top;
+ color: #666666;
+ font-size: 80%;
+ margin-left: 10px;
+ margin-bottom: 2px;
+ text-align: left;
}
-TABLE.pager {
- background: #cccc99;
- border: solid thin #999966;
- margin-top: 10px;
+TABLE.inset TD {
padding: 2px;
}
DT {
- margin-left: 3em;
- margin-top: 1em;
+ margin-left: 36pt;
+ margin-top: 12pt;
}
DD {
- margin-left: 5em;
+ margin-left: 54pt;
+}
+
+DL.category DT {
+ font-weight: bold;
}
P.summary {
- margin-left: 5em;
+ margin-left: 36pt;
+ font-family: monaco, courier, monospace;
+}
+
+DIV.summary TABLE {
+ border: solid thin #999999;
+ border-collapse: collapse;
+ border-spacing: 0;
+ margin: 10px;
+}
+
+DIV.summary TABLE TD, DIV.summary TABLE TH {
+ background: white;
+ border: solid thin #999999;
+ border-spacing: 0;
+ padding: 5px;
+ text-align: left;
+ vertical-align: top;
+}
+
+DIV.summary TABLE THEAD TH {
+ background: #f0f0f0;
+}
+
+DIV.tabs {
+ height: 480px;
+ overflow: hidden;
+}
+
+DIV.tab {
+ float: left;
+ height: 100%;
+ overflow-y: auto;
+ width: 100%;
+}
+
+/* API documentation styles... */
+div.body h1 {
+}
+div.body h2 {
+}
+div.body h3 {
+}
+div.body h4 {
+}
+div.body h5 {
+}
+div.contents {
+}
+div.contents h1 {
+}
+div.contents h2 {
+}
+div.contents ul.contents {
+}
+div.contents ul.contents li ul {
+ display: none;
+}
+
+.class {
+ border-bottom: solid 2px gray;
+}
+.constants {
+}
+.description {
+ margin-top: 0.5em;
+}
+.discussion {
+}
+.enumeration {
+ border-bottom: solid 2px gray;
+}
+.function {
+ border-bottom: solid 2px gray;
+ margin-bottom: 0;
+}
+.members {
+}
+.method {
+}
+.parameters {
+}
+.returnvalue {
+}
+.struct {
+ border-bottom: solid 2px gray;
+}
+.typedef {
+ border-bottom: solid 2px gray;
+}
+.union {
+ border-bottom: solid 2px gray;
+}
+.variable {
+}
+h1, h2, h3, h4, h5, h6 {
+ page-break-inside: avoid;
+}
+blockquote {
+ page-break-inside: avoid;
+}
+p code, li code, p.code, pre, ul.code li {
+ background: rgba(127,127,127,0.1);
+ border: thin dotted gray;
font-family: monospace;
+ font-size: 90%;
+ hyphens: manual;
+ -webkit-hyphens: manual;
+ page-break-inside: avoid;
+}
+p.code, pre, ul.code li {
+ padding: 10px;
+}
+p code, li code {
+ padding: 2px 5px;
+}
+span.info {
+ background: black;
+ border: solid thin black;
+ color: white;
+ font-size: 80%;
+ font-style: italic;
+ font-weight: bold;
+ white-space: nowrap;
+}
+h3 span.info, h4 span.info {
+ border-top-left-radius: 10px;
+ border-top-right-radius: 10px;
+ float: right;
+ padding: 3px 6px;
+}
+ul.code, ul.contents, ul.subcontents {
+ list-style-type: none;
+ margin: 0;
+ padding-left: 0;
+}
+ul.code li {
+ margin: 0;
+}
+ul.contents > li {
+ margin-top: 1em;
+}
+ul.contents li ul.code, ul.contents li ul.subcontents {
+ padding-left: 2em;
+}
+table.list {
+ border-collapse: collapse;
+ width: 100%;
+}
+table.list tr:nth-child(even) {
+ background: rgba(127,127,127,0.1);]n}
+table.list th {
+ border-right: 2px solid gray;
+ font-family: monospace;
+ padding: 5px 10px 5px 2px;
+ text-align: right;
+ vertical-align: top;
+}
+table.list td {
+ padding: 5px 2px 5px 10px;
+ text-align: left;
+ vertical-align: top;
+}
+
+/* iPhone/iPod touch overrides */
+@media only screen and (min-device-width: 320px) and (max-device-width: 480px),
+ only screen and (min-device-width: 320px) and (max-device-width: 568px) {
+ .mobile {
+ display: inherit;
+ }
+ .no-mobile {
+ display: none;
+ }
+
+ .header {
+ margin: 0;
+ position: relative;
+ }
+ .header ul li {
+ float: none;
+ }
+
+ .body {
+ paddng: 0px;
+ }
+
+ .footer {
+ font-size: 10px;
+ height: auto;
+ position: relative;
+ }
+
+ .row .thirds, .row .halves {
+ float: none;
+ margin: 0;
+ width: 100%;
+ }
+
+ DIV.sidebar {
+ float: none;
+ margin-left: 0;
+ max-width: 100%;
+ min-width: 100%;
+ width: 100%;
+ }
+
+ BLOCKQUOTE {
+ margin: 0;
+ }
+
+ P.example {
+ margin-left: 0;
+ }
+
+ PRE.command, PRE.example, PRE.man {
+ margin-left: 0;
+ white-space: pre-wrap;
+ }
+}
+
+/* iPad overrides */
+@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
+
+ .mobile {
+ display: inherit;
+ }
+ .no-mobile {
+ display: none;
+ }
}