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