1/* Layout CSS */ 2.header { 3 background: rgba(46,46,46,.9); 4 box-shadow: 0px 2px 5px rgba(0,0,0,0.25); 5 color: white; 6 left: 0; 7 margin-bottom: 20px; 8 padding: 0px; 9 position: fixed; 10 right: 0; 11 top: 0; 12 width: 100%; 13} 14.header ul { 15 list-style: none; 16 margin: 0px; 17 -webkit-margin-before: 0; 18 -webkit-margin-after: 0; 19 -webkit-margin-start: 0; 20 -webkit-margin-end: 5px; 21 -webkit-padding-start: 0; 22} 23.header ul li { 24 float: left; 25} 26.header a { 27 display: block; 28 padding: 5px 10px !important; 29} 30.header a:link, .header a:visited { 31 color: white !important; 32 text-decoration: none !important; 33} 34.header a:hover { 35 background: #cccccc !important; 36 color: #333333 !important; 37 text-decoration: none !important; 38} 39.header a.active { 40 background: white !important; 41 box-shadow: rgba(0,0,0,0.1) 0px 0px 10px 0px inset; 42 color: black !important; 43 text-decoration: none !important; 44} 45 46.body { 47 padding: 40px 20px; 48} 49 50.footer { 51 background: rgba(46,46,46,.9); 52 bottom: 0; 53 box-shadow: 0px -2px 5px rgba(0,0,0,0.25); 54 color: #cccccc; 55 font-size: 10px; 56 height: 20px; 57 left: 0; 58 padding: 10px 10px 3px; 59 position: fixed; 60 width: 100%; 61} 62.footer a:link, footer a:hover, .footer a:visited { 63 color: white !important; 64 text-decoration: none !important; 65} 66 67.row { 68 width: 100%; 69 *zoom: 1; 70} 71.row:after { 72 clear: both; 73} 74 75.row .thirds { 76 float: left; 77 margin-left: 0.5%; 78 margin-right: 0; 79 width: 33%; 80} 81.row .thirds:first-child { 82 margin-left: 0; 83} 84 85.row .halves { 86 float: left; 87 margin-left: 0.5%; 88 margin-right: 0; 89 width: 49.75%; 90} 91.row .halves:first-child { 92 margin-left: 0; 93} 94.mobile { 95 display: none; 96} 97.no-mobile { 98 display: inherit; 99} 100 101/* Appearance CSS */ 102BODY { 103 background: white; 104 color: black; 105 font-family: lucida grande, geneva, helvetica, arial, sans-serif; 106 margin: 0; 107} 108 109H1, H2, H3, H4, H5, H6, P, TD, TH { 110 font-family: lucida grande, geneva, helvetica, arial, sans-serif; 111} 112 113KBD { 114 color: #006600; 115 font-family: monaco, courier, monospace; 116 font-weight: bold; 117} 118 119PRE { 120 font-family: monaco, courier, monospace; 121} 122 123PRE.command { 124 background: #f0f0f0; 125 border: dotted thin #7f7f7f; 126 color: #7f0000; 127 margin-left: 36pt; 128 padding: 10px; 129} 130 131P.example { 132 font-style: italic; 133 margin-left: 36pt; 134} 135 136DL.man DD { 137 margin-left: 5em; 138} 139 140DL.man DT { 141 margin-left: 0; 142} 143 144PRE.man { 145 margin: 0; 146} 147 148PRE.example { 149 background: white; 150 border: dotted thin #999999; 151 margin-left: 36pt; 152 padding: 10px; 153} 154 155PRE.command EM, PRE.example EM { 156 color: #3f0000; 157 font-family: lucida grande, geneva, helvetica, arial, sans-serif; 158} 159 160P.command { 161 color: #7f0000; 162 font-family: monaco, courier, monospace; 163 margin-left: 36pt; 164} 165 166P.formula { 167 font-style: italic; 168 margin-left: 36pt; 169} 170 171BLOCKQUOTE { 172 background: #f0f0f0; 173 border: inset 1px #eeeeee; 174 padding: 10px; 175 /* These are not implemented by all browsers, but that's OK */ 176 border-radius: 5px; 177 -moz-border-radius: 5px; 178} 179 180A IMG { 181 border: none; 182} 183 184A:link:hover IMG { 185 background: #f0f0f0; 186 border-radius: 10px; 187 -moz-border-radius: 10px; 188} 189 190A:link, A:visited { 191 font-weight: inherit; 192 text-decoration: none; 193 color: #000099; 194} 195 196A:link:hover, A:visited:hover, A:active { 197 text-decoration: underline; 198 color: #990099; 199} 200 201TABLE.page { 202 border: none; 203 border-collapse: collapse; 204 height: 100%; 205 margin: 0; 206 padding: 0; 207 width: 100%; 208} 209 210TD.body { 211 height: 100%; 212 vertical-align: top; 213} 214 215TD.sel, TD.unsel { 216 border-left: thin solid #cccccc; 217 padding: 0px 5px; 218 text-align: center; 219 vertical-align: middle; 220 width: 14%; 221} 222 223TD.sel { 224 background: url(images/sel.gif); 225} 226 227TD.unsel { 228 background: url(images/unsel.gif); 229} 230 231TD.sel A, TD.sel A:hover, TD.unsel A:link:hover, TD.unsel A:visited:hover, 232TD.unsel A:active, TD.unsel A, TD.unsel A:visited { 233 color: #666666; 234 display: block; 235 font-weight: normal; 236 padding: 8px; 237 text-decoration: none; 238} 239 240TD.trailer { 241 background: #f0f0f0; 242 border: solid thin #e0e0e0; 243 color: #666666; 244 font-size: 80%; 245 padding: 5px; 246} 247 248TD.trailer A { 249 color: #666699; 250} 251 252FORM { 253 display: inline; 254} 255 256INPUT[TYPE="TEXT"], TEXTAREA { 257 font-family: monaco, courier, monospace; 258} 259 260INPUT[TYPE="IMAGE"] { 261 border: none; 262 padding: 2pt; 263 vertical-align: bottom; 264} 265 266SUB, SUP { 267 font-size: 50%; 268} 269 270TR.data, TD.data, TR.data TD { 271 margin-top: 10pt; 272 padding: 5pt; 273 border-bottom: solid 1pt #999999; 274} 275 276TR.data TH { 277 border-bottom: solid 1pt #999999; 278 padding-top: 10pt; 279 padding-left: 5pt; 280 text-align: left; 281} 282 283DIV.table TABLE { 284 border: solid thin #999999; 285 border-collapse: collapse; 286 border-spacing: 0; 287 margin-left: auto; 288 margin-right: auto; 289} 290 291DIV.table CAPTION { 292 caption-side: top; 293 font-size: 120%; 294 font-style: italic; 295 font-weight: bold; 296 margin-left: auto; 297 margin-right: auto; 298} 299 300DIV.table TABLE TD { 301 background: white; 302 border: solid thin #bbbbbb; 303 padding-top: 5pt; 304} 305 306DIV.table TABLE TH { 307 background: #f0f0f0; 308 border: none; 309 border-bottom: solid thin #999999; 310} 311 312DIV.figure TABLE { 313 margin-left: auto; 314 margin-right: auto; 315} 316 317DIV.figure CAPTION { 318 caption-side: bottom; 319 font-size: 120%; 320 font-style: italic; 321 font-weight: bold; 322 margin-left: auto; 323 margin-right: auto; 324} 325 326TH.label { 327 text-align: right; 328 vertical-align: top; 329} 330 331TH.sublabel { 332 text-align: right; 333 font-weight: normal; 334} 335 336HR { 337 border: solid thin; 338} 339 340SPAN.info { 341 background: black; 342 border: thin solid black; 343 color: white; 344 font-size: 80%; 345 font-style: italic; 346 font-weight: bold; 347 white-space: nowrap; 348} 349 350H2 SPAN.info, H3 SPAN.info, H4 SPAN.info { 351 float: right; 352 font-size: 100%; 353} 354 355.conflict { 356 background: red; 357 color: white; 358} 359 360TH.conflict { 361 text-align: right; 362} 363 364H1.title { 365 display: none; 366} 367 368H2.title, H3.title { 369 border-bottom: solid 1pt #999999; 370} 371 372TABLE.indent { 373 margin-top: 2em; 374 margin-left: auto; 375 margin-right: auto; 376 width: 90%; 377} 378 379TABLE.indent { 380 border-collapse: collapse; 381} 382 383TABLE.indent TD, TABLE.indent TH { 384 padding: 0; 385} 386 387TABLE.list { 388 border-collapse: collapse; 389 margin-left: auto; 390 margin-right: auto; 391 width: 90%; 392} 393 394TABLE.list TH { 395 background: white; 396 border-bottom: solid thin #cccccc; 397 color: #444444; 398 padding-top: 10pt; 399 padding-left: 5pt; 400 text-align: left; 401 vertical-align: bottom; 402 white-space: nowrap; 403} 404 405TABLE.list TH A { 406 color: #4444cc; 407} 408 409TABLE.list TD { 410 border-bottom: solid thin #eeeeee; 411 padding-top: 5pt; 412 padding-left: 5pt; 413} 414 415TABLE.list TR:nth-child(even) { 416 background: #f8f8f8; 417} 418 419TABLE.list TR:nth-child(odd) { 420 background: #f4f4f4; 421} 422 423DIV.sidebar { 424 float: right; 425 min-width: 25%; 426 margin-left: 10px; 427 max-width: 33%; 428} 429 430DIV.sidebar P.l0 { 431 margin-bottom: 0; 432 margin-left: 0; 433 margin-right: 0; 434 margin-top: 12pt; 435} 436 437DIV.sidebar P.l1 { 438 margin-bottom: 0; 439 margin-left: 36pt; 440 margin-right: 0; 441 margin-top: 0; 442 text-indent: -18pt; 443} 444 445DIV.sidebar P.l2 { 446 font-style: italic; 447 margin-bottom: 0; 448 margin-left: 54pt; 449 margin-right: 0; 450 margin-top: 0; 451 text-indent: -18pt; 452} 453 454TABLE.inset { 455 background: #f0f0f0; 456 border: thin solid #e0e0e0; 457 margin-top: 1em; 458 padding: 0; 459 width: 100%; 460 /* These are not implemented by all browsers, but that's OK */ 461 border-radius: 5px; 462 -moz-border-radius: 5px; 463} 464 465TABLE.inset CAPTION { 466 caption-side: top; 467 color: #666666; 468 font-size: 80%; 469 margin-left: 10px; 470 margin-bottom: 2px; 471 text-align: left; 472} 473 474TABLE.inset TD { 475 padding: 2px; 476} 477 478DT { 479 margin-left: 36pt; 480 margin-top: 12pt; 481} 482 483DD { 484 margin-left: 54pt; 485} 486 487DL.category DT { 488 font-weight: bold; 489} 490 491P.summary { 492 margin-left: 36pt; 493 font-family: monaco, courier, monospace; 494} 495 496DIV.summary TABLE { 497 border: solid thin #999999; 498 border-collapse: collapse; 499 border-spacing: 0; 500 margin: 10px; 501} 502 503DIV.summary TABLE TD, DIV.summary TABLE TH { 504 background: white; 505 border: solid thin #999999; 506 border-spacing: 0; 507 padding: 5px; 508 text-align: left; 509 vertical-align: top; 510} 511 512DIV.summary TABLE THEAD TH { 513 background: #f0f0f0; 514} 515 516DIV.tabs { 517 height: 480px; 518 overflow: hidden; 519} 520 521DIV.tab { 522 float: left; 523 height: 100%; 524 overflow-y: auto; 525 width: 100%; 526} 527 528/* API documentation styles... */ 529div.body h1 { 530 margin: 0; 531} 532div.body h2 { 533 margin-top: 1.5em; 534} 535div.body h3, div.body h4, div.body h5 { 536 margin-bottom: 0.5em; 537 margin-top: 1.5em; 538} 539.class, .enumeration, .function, .struct, .typedef, .union { 540 border-bottom: solid thin #999999; 541 margin-bottom: 0; 542 margin-top: 2em; 543} 544.description { 545 margin-top: 0.5em; 546} 547code, p.code, pre, ul.code li { 548 font-family: monaco, courier, monospace; 549 font-size: 90%; 550} 551ul.code, ul.contents, ul.subcontents { 552 list-style-type: none; 553 margin: 0; 554 padding-left: 0; 555} 556ul.code li { 557 margin: 0; 558} 559ul.contents > li { 560 margin-top: 1em; 561} 562ul.contents li ul.code, ul.contents li ul.subcontents { 563 padding-left: 2em; 564} 565div.body dl { 566 margin-left: 0; 567 margin-top: 0; 568} 569div.body dt { 570 font-style: italic; 571 margin-left: 0; 572 margin-top: 0; 573} 574div.body dd { 575 margin-bottom: 0.5em; 576} 577/* iPhone/iPod touch overrides */ 578@media only screen and (min-device-width: 320px) and (max-device-width: 480px), 579 only screen and (min-device-width: 320px) and (max-device-width: 568px) { 580 .mobile { 581 display: inherit; 582 } 583 .no-mobile { 584 display: none; 585 } 586 587 .header { 588 margin: 0; 589 position: relative; 590 } 591 .header ul li { 592 float: none; 593 } 594 595 .body { 596 paddng: 0px; 597 } 598 599 .footer { 600 font-size: 10px; 601 height: auto; 602 position: relative; 603 } 604 605 .row .thirds, .row .halves { 606 float: none; 607 margin: 0; 608 width: 100%; 609 } 610 611 DIV.sidebar { 612 float: none; 613 margin-left: 0; 614 max-width: 100%; 615 min-width: 100%; 616 width: 100%; 617 } 618 619 BLOCKQUOTE { 620 margin: 0; 621 } 622 623 P.example { 624 margin-left: 0; 625 } 626 627 PRE.command, PRE.example, PRE.man { 628 margin-left: 0; 629 white-space: pre-wrap; 630 } 631} 632 633/* iPad overrides */ 634@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { 635 636 .mobile { 637 display: inherit; 638 } 639 .no-mobile { 640 display: none; 641 } 642} 643