| /* 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; |
| } |
| } |