You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

724 lines
11 KiB

/* 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;
padding-bottom: 40px;
width: 33%;
}
.row .thirds:first-child {
margin-left: 0;
}
.row .halves {
float: left;
margin-left: 0.5%;
margin-right: 0;
padding-bottom: 40px;
width: 49.75%;
}
.row .halves:first-child {
margin-left: 0;
}
.mobile {
display: none;
}
.no-mobile {
display: inherit;
}
/* Appearance CSS */
BODY {
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-weight: bold;
}
PRE {
font-family: monaco, courier, monospace;
}
BLOCKQUOTE {
border-left: solid 2px #777;
margin: 1em 0;
padding: 10px;
}
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;
}
P.command {
color: #7f0000;
font-family: monaco, courier, monospace;
margin-left: 36pt;
}
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;
color: #000099;
}
A:link:hover, A:visited:hover, A:active {
text-decoration: underline;
color: #990099;
}
TABLE.page {
border: none;
border-collapse: collapse;
height: 100%;
margin: 0;
padding: 0;
width: 100%;
}
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);
}
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;
}
TD.trailer A {
color: #666699;
}
FORM {
display: inline;
}
INPUT[TYPE="TEXT"], TEXTAREA {
font-family: monaco, courier, monospace;
}
INPUT[TYPE="IMAGE"] {
border: none;
padding: 2pt;
vertical-align: bottom;
}
SUB, SUP {
font-size: 50%;
}
TR.data, TD.data, TR.data TD {
margin-top: 10pt;
padding: 5pt;
border-bottom: solid 1pt #999999;
}
TR.data TH {
border-bottom: solid 1pt #999999;
padding-top: 10pt;
padding-left: 5pt;
text-align: left;
}
DIV.table TABLE {
border: solid thin #999999;
border-collapse: collapse;
border-spacing: 0;
margin-left: auto;
margin-right: auto;
}
DIV.table CAPTION {
caption-side: top;
font-size: 120%;
font-style: italic;
font-weight: bold;
margin-left: auto;
margin-right: auto;
}
DIV.table TABLE TD {
background: white;
border: solid thin #bbbbbb;
padding: 5pt 10pt 0;
}
DIV.table TABLE TH {
background: #f0f0f0;
border: none;
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 {
text-align: right;
vertical-align: top;
}
TH.sublabel {
text-align: right;
font-weight: normal;
}
HR {
border: solid thin;
}
SPAN.info {
background: black;
border: thin solid black;
color: white;
font-size: 80%;
font-style: italic;
font-weight: bold;
white-space: nowrap;
}
H2 SPAN.info, H3 SPAN.info, H4 SPAN.info {
float: right;
font-size: 100%;
}
.conflict {
background: red;
color: white;
}
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 {
float: right;
min-width: 25%;
margin-left: 10px;
max-width: 33%;
}
DIV.sidebar P.l0 {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 12pt;
}
DIV.sidebar P.l1 {
margin-bottom: 0;
margin-left: 36pt;
margin-right: 0;
margin-top: 0;
text-indent: -18pt;
}
DIV.sidebar P.l2 {
font-style: italic;
margin-bottom: 0;
margin-left: 54pt;
margin-right: 0;
margin-top: 0;
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.inset TD {
padding: 2px;
}
DT {
margin-left: 36pt;
margin-top: 12pt;
}
DD {
margin-left: 54pt;
}
DL.category DT {
font-weight: bold;
}
P.summary {
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;
}
}