+/* 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: #e8e8e8;
- color: #000000;
+ 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: 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: monaco, courier, monospace;
font-family: monaco, courier, monospace;
}
-PRE.command {
- color: #7f0000;
- margin-left: 36pt;
+BLOCKQUOTE {
+ border-left: solid 2px #777;
+ margin: 1em 0;
+ padding: 10px;
}
-PRE.example {
- background: white;
- border: dotted thin #999999;
- margin-left: 36pt;
+BLOCKQUOTE OL LI {
+ margin-left: -1em;
+}
+
+PRE.command, PRE.example {
+ background: #eee;
+ margin: 0 36pt;
padding: 10px;
}
+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;
margin-left: 36pt;
}
-BLOCKQUOTE {
- background: #e1e1e1;
- border: inset 1px #dddddd;
- padding: 10px;
- /* These are not implemented by all browsers, but that's OK */
- border-radius: 5px;
- -moz-border-radius: 5px;
-}
-
A IMG {
border: none;
}
A:link:hover IMG {
- background: #e0e0e0;
+ background: #f0f0f0;
border-radius: 10px;
-moz-border-radius: 10px;
}
A:link, A:visited {
+ font-weight: inherit;
text-decoration: none;
color: #000099;
}
}
TD.sel, TD.unsel {
- border-left: thin solid #aaaaaa;
- font-size: 120%;
+ border-left: thin solid #cccccc;
padding: 0px 5px;
text-align: center;
vertical-align: middle;
background: url(images/unsel.gif);
}
-TD.sel A, TD.sel A:hover {
- color: #ffffff;
- font-weight: normal;
- text-decoration: none;
-}
-
-TD.unsel A, TD.unsel A:visited {
- color: #333333;
- font-weight: normal;
-}
-
-TD.unsel:hover {
- background: url(images/unsel-hover.gif);
- color: #ffffff;
-}
-
-TD.unsel A:link:hover, TD.unsel A:visited:hover, TD.unsel A:active {
- color: #ffffff;
+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: #e1e1e1;
- border: solid thin #cccccc;
+ background: #f0f0f0;
+ border: solid thin #e0e0e0;
color: #666666;
font-size: 80%;
padding: 5px;
}
TR.data, TD.data, TR.data TD {
- padding: 5;
+ margin-top: 10pt;
+ padding: 5pt;
border-bottom: solid 1pt #999999;
}
DIV.table TABLE TD {
background: white;
border: solid thin #bbbbbb;
- padding-top: 5pt;
+ padding: 5pt 10pt 0;
}
DIV.table TABLE TH {
- background: #eeeeee;
+ background: #f0f0f0;
border: none;
border-bottom: solid thin #999999;
}
}
TH.label {
- padding-top: 5pt;
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;
}
.conflict {
- color: red;
+ background: red;
+ color: white;
}
-H2.title, H3.title {
- border-bottom: solid 1pt #999999;
+TH.conflict {
+ text-align: right;
+}
+
+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 {
}
TABLE.inset {
- background: #e1e1e1;
- border: inset 1px #dddddd;
+ 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 TD {
- padding: 5px;
+ padding: 2px;
}
DT {
font-family: monaco, courier, monospace;
}
-SPAN.message {
- font-style: italic;
- font-size: smaller;
-}
-
DIV.summary TABLE {
border: solid thin #999999;
border-collapse: collapse;
}
DIV.summary TABLE THEAD TH {
- background: #eeeeee;
+ 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 {
- margin: 0;
}
div.body h2 {
- margin-top: 1.5em;
}
-div.body h3, div.body h4, div.body h5 {
- margin-bottom: 0.5em;
- margin-top: 1.5em;
+div.body h3 {
}
-.class, .enumeration, .function, .struct, .typedef, .union {
- border-bottom: solid thin #999999;
- margin-bottom: 0;
- margin-top: 2em;
+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;
}
-code, p.code, pre, ul.code li {
- font-family: monaco, courier, monospace;
+.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;
ul.contents li ul.code, ul.contents li ul.subcontents {
padding-left: 2em;
}
-div.body dl {
- margin-left: 0;
- margin-top: 0;
+table.list {
+ border-collapse: collapse;
+ width: 100%;
}
-div.body dt {
- font-style: italic;
- margin-left: 0;
- margin-top: 0;
+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;
}
-div.body dd {
- margin-bottom: 0.5em;
+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;
+ }
}