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