android-developer-docs.css revision 33666ade7a13f2c466346b05b2a7dd1f0f80cb43
1/* file: android-developer-docs.css
2   author: smain
3   date: september 2008
4   info: developer doc styles (developer.android.com)
5*/
6
7@import url("android-developer-core.css");
8
9#title {
10  border-bottom: 4px solid #ccc;
11  display:none;
12}
13
14#title h1 {
15  color:#336666;
16  margin:0;
17  padding: 5px 10px;
18  font-size: 1em;
19  line-height: 15px;
20}
21
22#title h1 .small{
23  color:#000;
24  margin:0;
25  font-size: 13px;
26  padding:0 0 0 15px;
27}
28
29/* SIDE NAVIGATION */
30
31#side-nav {
32  padding:0 6px 0 0;
33  background-color: #fff;
34  font-size:12px;
35}
36
37#resize-packages-nav {
38/* keeps the resize handle below the h-scroll handle */
39  height:270px;
40  overflow:hidden;
41  max-height:100%;
42}
43
44#packages-nav {
45  height:270px;
46  max-height:inherit;
47  position:relative;
48  overflow:auto;
49}
50
51#classes-nav,
52#devdoc-nav {
53  overflow:auto;
54  position:relative;
55}
56
57#side-nav ul {
58  list-style: none;
59  margin: 0;
60  padding:5px 0;
61}
62
63#side-nav ul ul {
64  margin: .5em 0 0 0;
65  padding: 0;
66}
67
68#side-nav li {
69  padding:0;
70  padding:1px 0 1px 0;
71  white-space:nowrap;
72  zoom:1;
73}
74
75#side-nav li span.heading,
76#side-nav li h2 {
77  display:block;
78  font-size:12px;
79  font-weight: bold;
80  margin:.5em 0 0 0;
81  padding: 3px 0 1px 9px;
82}
83
84#side-nav li a {
85  display: inline-block; /* needed to apply padding to line-wraps */
86  text-decoration:none;
87  padding: 0 0 0 18px;
88  white-space:normal;
89  zoom:1;
90}
91
92#side-nav li a span+span {
93  display:none;
94}
95
96#side-nav li a:hover {
97  text-decoration:underline;
98}
99
100#side-nav li a+a {
101  padding: 0;
102}
103/*second level (nested) list*/
104#side-nav li li li a {
105  padding: 0 0 0 28px;
106}
107/*third level (nested) list*/
108#side-nav li li li li a {
109  padding: 0 0 0 38px;
110}
111
112#side-nav .selected {
113  background-color: #435a6e;
114  color: #fff;
115  font-weight:bold;
116}
117
118#side-nav .selected a {
119  color: #fff;
120  text-decoration:none;
121}
122
123#side-nav strong {
124  display:block;
125}
126
127#side-nav .toggle-list .toggle-img {
128  margin:0;
129  padding:0;
130  position:absolute;
131  top:0;
132  left:0;
133  height:16px;
134  width:15px;
135  outline-style:none;
136}
137/* second-level toggle */
138#side-nav .toggle-list .toggle-list .toggle-img {
139  left:10px;
140}
141
142#side-nav .closed .toggle-img,
143#side-nav .open .closed .toggle-img {
144  background:url('images/triangle-closed-small.png') 7px 4px no-repeat;
145}
146#side-nav .open .toggle-img {
147  background:url('images/triangle-opened-small.png') 7px 4px no-repeat;
148}
149
150#side-nav .toggle-list {
151  position:relative;
152}
153
154#side-nav .toggle-list ul {
155  margin:0;
156  display:none;
157}
158
159#side-nav .toggle-list div {
160  display:block;
161}
162
163#index-links .selected {
164  background-color: #fff;
165  color: #000;
166  font-weight:normal;
167  text-decoration:none;
168}
169
170#index-links {
171  padding:7px 0 4px 10px;
172}
173
174/* nav tree */
175
176#nav-tree ul {
177  padding:5px 0 1.5em;
178}
179
180#side-nav #nav-tree ul li a,
181#side-nav #nav-tree ul li span.no-children {
182  padding: 0 0 0 0;
183  margin: 0;
184}
185
186#nav-tree .plus {
187  margin: 0 3px 0 0;
188}
189
190#nav-tree ul ul {
191  list-style: none;
192  margin: 0;
193  padding: 0 0 0 0;
194}
195
196#nav-tree ul li {
197  margin: 0;
198  padding: 0 0 0 0;
199  white-space: nowrap;
200}
201
202#nav-tree .children_ul {
203  margin:0;
204}
205
206#nav-tree a.nolink {
207  color: black;
208  text-decoration: none;
209}
210
211#nav-tree span.label {
212  width: 100%;
213}
214
215#nav-tree {
216  overflow-x: auto;
217  overflow-y: scroll;
218}
219
220#nav-swap {
221  font-size:10px;
222  line-height:10px;
223  margin-left:1em;
224  text-decoration:none;
225  display:block;
226}
227
228#tree-link {
229
230}
231
232/* DOCUMENT BODY */
233
234#doc-content {
235  overflow:auto;
236}
237
238#jd-header {
239  background-color: #E2E2E2;
240  padding: 7px 15px;
241}
242
243#jd-header h1 {
244  margin: 0 0 10px;
245  font-size:1.7em;
246}
247
248#jd-header .crumb {
249  font-size:.9em;
250  line-height:1em;
251  color:#777;
252}
253
254#jd-header .crumb a,
255#jd-header .crumb a:visited {
256  text-decoration:none;
257  color:#777;
258}
259
260#jd-header .crumb a:hover {
261  text-decoration:underline;
262}
263
264#jd-header table {
265  margin:0;
266  padding:0;
267}
268
269#jd-header td {
270  border:none;
271  padding:0;
272  vertical-align:top;
273}
274
275#jd-header.guide-header {
276  background-color:#fff;
277  color:#435a6e;
278  height:50px;
279}
280
281#jd-descr {
282  position:relative;
283}
284
285/* summary tables for reference pages */
286.jd-sumtable {
287  margin: .5em 1em 1em 1em;
288  width:95%; /* consistent table widths; within IE's quirks */
289  font-size:.9em;
290}
291
292.jd-sumtable a {
293  text-decoration:none;
294}
295
296.jd-sumtable a:hover {
297  text-decoration:underline;
298}
299
300/* the link inside a sumtable for "Show All/Hide All" */
301.toggle-all {
302  display:block;
303  float:right;
304  font-weight:normal;
305  font-size:0.9em;
306}
307
308/* adjustments for in/direct subclasses tables */
309.jd-sumtable-subclasses {
310  margin: 1em 0 0 0;
311  max-width:968px;
312}
313
314/* extra space between end of method name and open-paren */
315.sympad {
316  margin-right: 2px;
317}
318
319/* right alignment for the return type in sumtable */
320.jd-sumtable .jd-typecol {
321  text-align:right;
322}
323
324/* adjustments for the expando table-in-table */
325.jd-sumtable-expando {
326  margin:.5em 0;
327  padding:0;
328}
329
330/* a div that holds a short description */
331.jd-descrdiv {
332  padding:3px 1em 0 1em;
333  margin:0;
334  border:0;
335}
336
337/* page-top-right container for reference pages (holds
338links to summary tables) */
339#api-info-block {
340  font-size:.8em;
341  padding:6px 10px;
342  font-weight:normal;
343  float:right;
344  text-align:right;
345  color:#999;
346  max-width:70%;
347}
348
349#api-level-toggle {
350  padding:0 10px;
351  font-size:11px;
352  float:right;
353}
354
355#api-level-toggle label.disabled {
356  color:#999;
357}
358
359div.api-level {
360  font-size:.8em;
361  font-weight:normal;
362  color:#999;
363  float:right;
364  padding:0 7px 0;
365  margin-top:-25px;
366}
367
368#api-info-block div.api-level {
369  font-size:1.3em;
370  font-weight:bold;
371  float:none;
372  color:#444;
373  padding:0;
374  margin:0;
375}
376
377/* Force link colors for IE6 */
378div.api-level a {
379  color:#999;
380}
381#api-info-block div.api-level a:link {
382  color:#444;
383}
384#api-level-toggle a {
385  color:#999;
386}
387
388div#deprecatedSticker {
389  display:none;
390  z-index:99;
391  position:fixed;
392  right:15px;
393  top:114px;
394  margin:0;
395  padding:1em;
396  background:#FFF;
397  border:1px solid #dddd00;
398  box-shadow:-5px 5px 10px #ccc;
399  -moz-box-shadow:-5px 5px 10px #ccc;
400  -webkit-box-shadow:-5px 5px 10px #ccc;
401}
402
403div#naMessage {
404  display:none;
405  width:555px;
406  height:0;
407  margin:0 auto;
408}
409
410div#naMessage div {
411  z-index:99;
412  width:450px;
413  position:fixed;
414  margin:50px 0;
415  padding:4em 4em 3em;
416  background:#FFF;
417  border:1px solid #dddd00;
418  box-shadow:-10px 10px 40px #888;
419  -moz-box-shadow:-10px 10px 40px #888;
420  -webkit-box-shadow:-10px 10px 40px #888;
421}
422/* IE6 can't position fixed */
423* html div#naMessage div { position:absolute; }
424
425div#naMessage strong {
426  font-size:1.1em;
427}
428
429.absent,
430.absent a:link,
431.absent a:visited,
432.absent a:hover,
433.absent * {
434  color:#bbb !important;
435  cursor:default !important;
436  text-decoration:none !important;
437}
438
439#api-level-toggle a,
440.api-level a {
441  color:inherit;
442  text-decoration:none;
443}
444
445#api-level-toggle a:hover,
446.api-level a:hover {
447  color:inherit;
448  text-decoration:underline !important;
449  cursor:pointer !important;
450}
451
452#side-nav li.absent.selected,
453#side-nav li.absent.selected *,
454#side-nav div.label.absent.selected,
455#side-nav div.label.absent.selected * {
456  background-color:#eaeaea !important;
457}
458/* IE6 quirk (won't chain classes, so just keep background blue) */
459* html #side-nav li.selected,
460* html #side-nav li.selected *,
461* html #side-nav div.label.selected,
462* html #side-nav div.label.selected * {
463  background-color: #435a6e !important;
464}
465
466
467.absent h4.jd-details-title,
468.absent h4.jd-details-title * {
469  background-color:#f6f6f6 !important;
470}
471
472.absent img {
473  opacity: .3;
474  filter: alpha(opacity=30);
475  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
476}
477
478
479/* applies to a div containing links to summary tables */
480.sum-details-links {
481  padding:0;
482  font-weight:normal;
483}
484
485.sum-details-links a {
486  text-decoration:none;
487}
488
489.sum-details-links a:hover {
490  text-decoration:underline;
491}
492
493
494/* inheritance table */
495.jd-inheritance-table {
496  border-spacing:0;
497  margin:0;
498  padding:0;
499  font-size:.9em;
500}
501.jd-inheritance-table td {
502  border: none;
503  margin: 0;
504  padding: 0;
505}
506.jd-inheritance-table .jd-inheritance-space {
507  font-weight:bold;
508  width:1em;
509}
510.jd-inheritance-table .jd-inheritance-interface-cell {
511  padding-left: 17px;
512}
513
514#jd-content {
515  padding: 18px 15px;
516}
517
518hr {
519  background-color:#ccc;
520  border-color:#fff;
521  margin:2em 0 1em;
522}
523
524/* DOC CLASSES */
525
526#jd-content h1 {
527/*sdk page*/
528  font-size:1.6em;
529  color:#336666;
530  margin:0 0 .5em;
531}
532
533#jd-content h2 {
534  font-size:1.45em;
535  color:#111;
536  border-top:2px solid #ccc;
537  padding: .5em 0 0;
538  margin: 2em 0 1em 0;
539}
540
541#jd-content h3 {
542  font-size:1.3em;
543  color:#3a3a3a;
544  padding: 0;
545  margin: 1.5em 0 .65em 0;
546}
547
548#jd-content h4 {
549  font-size:1.1em;
550  color:#3a3a3a;
551  padding: 0;
552  margin: 1.25em 0 .65em 0;
553}
554
555#jd-content h5 {
556  font-size:1.0em;
557  color:#3a3a3a;
558  padding: 0;
559  margin: 1em 0 .65em 0;
560}
561
562#jd-content .small-header {
563  font-size:1em;
564  color:#000;
565  font-weight:bold;
566  border:none;
567  padding:0;
568  margin:1em 0 .5em;
569  position:inherit;
570}
571
572#jd-content table {
573  margin: 0 0 1em 1em;
574}
575
576#jd-content img {
577  margin: 0 0 1em 1em;
578}
579
580#jd-content li img,
581#jd-content dd img {
582  margin:.5em 0 .5em 1em;
583}
584
585.nolist {
586  list-style:none;
587  padding:0;
588  margin:0 0 1em 1em;
589}
590
591.nolist li {
592  padding:0 0 2px;
593  margin:0;
594}
595
596h4 .normal {
597  font-size:.9em;
598  font-weight:normal;
599}
600
601.caps {
602  font-variant:small-caps;
603  font-size:1.2em;
604}
605
606dl.tag-list dl.atn-list {
607  padding:0 0 0 2em;
608}
609
610.jd-details {
611/*  border:1px solid #669999;
612  padding:4px; */
613  margin:0 0 1em;
614}
615
616/* API reference: a container for the
617.tagdata blocks that make up the detailed
618description */
619.jd-details-descr {
620  padding:0;
621  margin:.5em .25em;
622}
623
624/* API reference: a block containing
625a detailed description, a params table,
626seealso list, etc */
627.jd-tagdata {
628  margin:.5em 1em;
629}
630
631.jd-tagdata p {
632  margin:0 0 1em 1em;
633}
634
635/* API reference: adjustments to
636the detailed description block */
637.jd-tagdescr {
638  margin:.25em 0 .75em 0;
639  line-height:1em;
640}
641
642.jd-tagdescr p {
643  margin:.5em 0;
644  padding:0;
645
646}
647
648.jd-tagdescr ol,
649.jd-tagdescr ul {
650  margin:0 2.5em;
651  padding:0;
652}
653
654.jd-tagdescr table,
655.jd-tagdescr img {
656  margin:.25em 1em;
657}
658
659.jd-tagdescr li {
660margin:0 0 .25em 0;
661padding:0;
662}
663
664/* API reference: heading marking
665the details section for constants,
666attrs, methods, etc. */
667h4.jd-details-title {
668  font-size:1.15em;
669  background-color: #E2E2E2;
670  margin:1.5em 0 .6em;
671  padding:3px 95px 3px 3px; /* room for api-level */
672}
673
674h4.jd-tagtitle {
675  margin:0;
676}
677
678/* API reference: heading for "Parameters", "See Also", etc.,
679in details sections */
680h5.jd-tagtitle {
681  margin:0 0 .25em 0;
682  font-size:1em;
683}
684
685.jd-tagtable {
686  margin:0;
687}
688
689.jd-tagtable td,
690.jd-tagtable th {
691  border:none;
692  background-color:#fff;
693  vertical-align:top;
694  font-weight:normal;
695  padding:2px 10px;
696}
697
698.jd-tagtable th {
699  font-style:italic;
700}
701
702#jd-content table h2 {
703  background-color: #d6d6d6;
704  font-size: 1.1em;
705  margin:0 0 10px;
706  padding:5px;
707  left:0;
708  width:auto;
709}
710
711div.design-announce {
712  border-top:1px solid #33B5E5;
713  border-bottom:1px solid #33B5E5;
714  padding:5px 10px 10px 55px;
715  margin:2em 0;
716  background:url('images/icon_design.png') 5px 13px no-repeat;
717}
718
719div.design-announce p {
720  margin: .5em 0 0 0;
721}
722
723div.special {
724  padding: .5em 1em 1em 1em;
725  margin: 0 0 1em;
726  background-color: #DAF3FC;
727  border:1px solid #d3ecf5;
728  border-radius:5px;
729  -moz-border-radius:5px;
730  -webkit-border-radius:5px;
731}
732
733div.special p {
734  margin: .5em 0 0 0;
735}
736
737div.special ol {
738  margin: 0;
739}
740
741div.special ol li {
742  margin: 0;
743  padding: 0;
744}
745
746#jd-content div.special h2,
747#jd-content div.special h3 {
748  color:#669999;
749  font-size:1.2em;
750  border:none;
751  margin:0 0 .5em;
752  padding:0;
753}
754
755#jd-content div.special.reference h2,
756#jd-content div.special.reference h3,
757#jd-content div.special.reference h4 {
758  color:#000;
759  font-size:1em;
760  border:none;
761  font-weight:bold;
762  margin:.5em 0;
763  padding:0;
764}
765
766p.note, div.note,
767p.caution, div.caution,
768p.warning, div.warning {
769  margin: 1em;
770  padding: 0 0 0 .5em;
771  border-left: 4px solid;
772}
773
774p.special-note,
775div.special-note {
776  background-color:#EBF3DB;
777  padding:10px 20px;
778  margin:0 0 1em;
779}
780
781p.note,
782div.note {
783 border-color: #99aacc;
784}
785
786p.warning,
787div.warning {
788  border-color: #aa0033;
789}
790
791p.caution,
792div.caution {
793  border-color: #ffcf00;
794}
795
796li .note,
797li .caution,
798li .warning {
799  margin: .5em 0 0 0;
800  padding: .2em .5em .2em .9em;
801}
802
803/* Makes sure the first paragraph does not add top-whitespace within the box*/
804li .note>p:first-child,
805li .caution>p:first-child,
806li .warning>p:first-child {
807  margin-top:0;
808  padding-top:0;
809}
810
811dl.xml dt {
812  font-variant:small-caps;
813  font-size:1.2em;
814}
815
816dl.xml dl {
817  padding:0;
818}
819
820dl.xml dl dt {
821  font-variant:normal;
822  font-size:1em;
823}
824
825.listhead li {
826  font-weight: bold;
827}
828
829.listhead li *, /*ie*/.listhead li li {
830  font-weight: normal;
831}
832
833ol.no-style,
834ul.no-style {
835  list-style:none;
836  padding-left:1em;
837}
838
839.new,
840.new-child {
841  font-size: .78em;
842  font-weight: bold;
843  color: #ff3d3d;
844  text-decoration: none;
845  vertical-align:top;
846  line-height:.9em;
847}
848
849.toggle-list.open .new-child {
850  display:none;
851}
852
853pre.classic {
854  background-color:transparent;
855  border:none;
856  padding:0;
857}
858
859p.img-caption {
860  margin: -0.5em 0 1em 1em; /* matches default img left-margin */
861}
862
863div.figure {
864  float:right;
865  clear:right;
866  margin:1em 0 0 0;
867  padding:0 0 0 3em;
868  background-color:#fff;
869  /* width must be defined w/ an inline style matching the image width */
870}
871
872#jd-content
873div.figure img {
874  margin: 0 0 1em;
875}
876
877div.figure p.img-caption {
878  margin: -0.5em 0 1em 0;
879}
880
881p.table-caption {
882  margin: 0 0 0.5em 1em; /* matches default table left-margin */
883}
884
885
886/* toggle for misc content (such as long sample code)
887   see toggleContent() script in android-developer-docs.js */
888.toggle-content.closed .toggle-content-toggleme {
889  display:none;
890}
891
892.toggle-content a[href="#"] {
893  text-decoration:none;
894  color:inherit;
895}
896
897.toggle-content-toggleme {
898  padding-bottom:1px; /* fixes animation bounce due to margins */
899}
900
901#jd-content .toggle-content img.toggle-content-img {
902  margin:0;
903}
904
905
906/* BEGIN quickview sidebar element styles */
907
908#qv-wrapper {
909  float: right;
910  width:310px; /* +35px padding */
911  background-color:#fff;
912  margin:-48px 0 2px 0;
913  padding:0 0 20px 35px;
914}
915
916#qv {
917  background-color:#fff;
918  border:4px solid #dee8f1;
919  margin:0;
920  padding:0 5px 5px;
921  width:292px; /* +10px padding; +8px border */
922  font-size:.9em;
923}
924
925#qv ol {
926  list-style:none;
927  padding: 0;
928}
929
930#qv ol ol{
931  list-style:none;
932  padding: 0 0 0 12px;
933  margin:0;
934}
935
936#qv ul {
937  padding: 0 10px 0 2em;
938}
939
940#qv li {
941  padding: 0 10px 3px;
942  line-height: 1.2em;
943}
944
945#qv li li {
946  padding: 3px 10px 0;
947}
948
949#qv ul li {
950  padding: 0 10px 0 0;
951}
952
953#qv li.selected a {
954  color:#555;
955  text-decoration:none;
956}
957
958#qv a,
959#qv a code {
960  color:#cc6600;
961}
962
963#qv p {
964  margin:8px 0 0;
965  padding:0 10px;
966}
967
968#jd-content #qv h2 {
969  font-size:1.05em;
970  font-weight:bold;
971  margin:12px 0 .25em 0;
972  padding:0 10px;
973  background-color:transparent;
974  color:#7BB026;
975  border:none;
976  left:0;
977  z-index:1;
978}
979
980#qv-extra #rule {
981  padding: 0 10px;
982  margin: 0;
983}
984
985#qv-sub-rule {
986  padding: 5px 15px 10px;
987  margin: 0;
988}
989
990#jd-content
991#qv-sub-rule h2 {
992  margin: 0 0 .5em 0;
993}
994
995/* END quickview sidebar element styles */
996
997/* Begin sidebox sidebar element styles */
998
999.sidebox-wrapper {
1000  float:right;
1001  clear:right;
1002  width:310px; /* +35px padding */
1003  background-color:#fff;
1004  margin:0;
1005  padding:0 0 20px 35px;
1006}
1007
1008.sidebox {
1009  border-left:1px solid #dee8f1;
1010  background-color:#ffffee;
1011  margin:0;
1012  padding:8px 12px;
1013  font-size:0.9em;
1014  width:285px; /* +24px padding; +1px border */
1015}
1016
1017.sidebox p {
1018  margin-bottom: .75em;
1019}
1020
1021.sidebox ul {
1022  padding: 0 0 0 1.5em;
1023}
1024
1025.sidebox li ul {
1026  margin-top:0;
1027  margin-bottom:.1em;
1028}
1029
1030.sidebox li {
1031padding:0 0 0 0em;
1032}
1033
1034#jd-content .sidebox h2,
1035#jd-content .sidebox h3,
1036#jd-content .sidebox h4,
1037#jd-content .sidebox h5 {
1038  border:none;
1039  font-size:1em;
1040  margin:0;
1041  padding:0 0 8px;
1042  left:0;
1043  z-index:0;
1044}
1045
1046.sidebox hr {
1047  background-color:#ccc;
1048  border:none;
1049}
1050
1051/* End sidebox sidebar element styles */
1052
1053/* BEGIN developer training bar styles */
1054
1055div#tb-wrapper {
1056  float: right;
1057  clear:right;
1058  width:380px; /* +25px padding = 405 */
1059  background-color:#fff;
1060  margin:0 0 2px 0;
1061  padding:0 0 20px 25px;
1062}
1063
1064div#tb {
1065  margin:0;
1066  padding:0 15px;
1067  width:350px; /* +15px padding = 380 */
1068  font-size:.9em;
1069  background:#e9e9e9;
1070  border:1px solid #aaa;
1071  border-radius:5px;
1072  -moz-border-radius:5px;
1073  -webkit-border-radius:5px;
1074  overflow:auto;
1075}
1076
1077div#tb h2 {
1078  font-size:1.3em;
1079  font-weight:bold;
1080  margin:1em 0;
1081  padding:0;
1082  background-color:transparent;
1083  border:none;
1084  clear:both;
1085}
1086
1087div.download-box a.button {
1088  color: #069;
1089  font-size:1.1em;
1090  font-weight:bold;
1091  text-decoration:none;
1092  height:27px;
1093  line-height:27px;
1094  text-align:center;
1095  padding:5px 8px;
1096  background-color: #fff;
1097  border: 1px solid #aaa;
1098  -webkit-border-radius: 2px;
1099  -moz-border-radius: 2px;
1100  border-radius: 2px;
1101}
1102
1103div.download-box a.button:hover {
1104  border-color: #09C;
1105  background-color: #4CADCB;
1106  background-image: -webkit-gradient(linear,left top,left bottom,from(#5dbcd9),to(#4cadcb));
1107  background-image: -webkit-linear-gradient(top,#5dbcd9,#4cadcb);
1108  background-image: -moz-linear-gradient(top,#5dbcd9,#4cadcb);
1109  background-image: -ms-linear-gradient(top,#5dbcd9,#4cadcb);
1110  background-image: -o-linear-gradient(top,#5dbcd9,#4cadcb);
1111  background-image: linear-gradient(top,#5dbcd9,#4cadcb);
1112  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5dbcd9',EndColorStr='#4cadcb');
1113  color: #fff;
1114}
1115
1116div.download-box a.button:active {
1117  background-color: #1E799A;
1118  background-image: none;
1119  border-color: #30B7E6;
1120}
1121
1122div.download-box p.filename {
1123  font-size:0.85em;
1124  color:#888;
1125  margin:4px 0 1em 10px;
1126}
1127
1128/* End developer training bar */
1129
1130/* Training nav bar (previous/next) */
1131
1132div.training-nav-top {
1133  float: right;
1134  width:380px; /* +25px padding = 405 */
1135  margin:-58px 0 0 0;
1136  padding:0 0 20px 25px;
1137}
1138
1139div.training-nav-bottom {
1140  padding:1px; /* for weird FF bug (scrollbar appears) */
1141  margin:3em 0;
1142  overflow:auto;
1143}
1144
1145div.training-nav-button-next a,
1146div.training-nav-button-previous a {
1147  display:block;
1148  width:160px;
1149  height:55px;
1150  padding:4px 7px;
1151  border:1px solid #aaa;
1152  border-radius:5px;
1153  -moz-border-radius:5px;
1154  -webkit-border-radius:5px;
1155  text-decoration:none;
1156  font-weight:bold;
1157}
1158
1159div.training-nav-button-next a:hover,
1160div.training-nav-button-previous a:hover {
1161  border:1px solid #069; /* match link color */
1162}
1163
1164div.training-nav-button-next a:active,
1165div.training-nav-button-previous a:active {
1166  border:1px solid #f00; /* match link color */
1167}
1168
1169div.training-nav-button-previous {
1170  float:left;
1171  text-align:left;
1172}
1173
1174div.training-nav-button-next {
1175  float:right;
1176  text-align:right;
1177}
1178
1179span.training-nav-button-title {
1180  display:block;
1181  font-size:.85em;
1182  font-weight:normal;
1183  line-height:1.3em;
1184  margin:.5em 0 0;
1185}
1186
1187/* End training nav bar */
1188
1189/* BEGIN image and caption styles (originally for UI Guidelines docs) */
1190
1191table.image-caption {
1192  padding:0;
1193  margin:.5em 0;
1194  border:0;
1195}
1196
1197td.image-caption-i {
1198  font-size:92%;
1199  padding:0 5px;
1200  margin:0;
1201  border:0;
1202}
1203
1204td.image-caption-i img {
1205  padding:0 1em;
1206  margin:0;
1207}
1208
1209.image-list {
1210  width:24px;
1211  text-align:center;
1212}
1213
1214td.image-caption-c {
1215  font-size:92%;
1216  padding:1em 2px 2px 2px;
1217  margin:0;
1218  border:0;
1219  width:350px;
1220}
1221
1222.grad-rule-top {
1223background-image:url(images/grad-rule-qv.png);
1224background-repeat:no-repeat;
1225padding-top:1em;
1226margin-top:0;
1227}
1228
1229.image-caption-nested {
1230  margin-top:0;
1231  padding:0 0 0 1em;
1232}
1233
1234.image-caption-nested td {
1235  padding:0 4px 2px 0;
1236  margin:0;
1237  border:0;
1238}
1239
1240/* END image and caption styles */
1241
1242/* table of contents */
1243
1244ol.toc {
1245  margin: 0 0 1em 0;
1246  padding: 0;
1247  list-style: none;
1248  font-size:95%;
1249}
1250
1251ol.toc li {
1252  font-weight: bold;
1253  margin: 0 0 .5em 1em;
1254  padding: 0;
1255}
1256
1257ol.toc li p {
1258  font-weight: normal;
1259}
1260
1261ol.toc li ol {
1262  margin: 0;
1263  padding: 0;
1264}
1265
1266ol.toc li li {
1267  padding: 0;
1268  margin: 0 0 0 1em;
1269  font-weight: normal;
1270  list-style: none;
1271}
1272
1273table ol.toc {
1274  margin-left: 0;
1275}
1276
1277.columns td {
1278  padding:0 5px;
1279  border:none;
1280}
1281
1282/* link table */
1283.jd-linktable {
1284  margin: 0 0 1em;
1285  border-bottom: 1px solid #888;
1286}
1287.jd-linktable th,
1288.jd-linktable td {
1289  padding: 3px 5px;
1290  vertical-align: top;
1291  text-align: left;
1292  border:none;
1293}
1294.jd-linktable tr {
1295  background-color: #fff;
1296}
1297.jd-linktable td {
1298  border-top: 1px solid #888;
1299  background-color: inherit;
1300}
1301.jd-linktable td  p {
1302  padding: 0 0 5px;
1303}
1304.jd-linktable .jd-linkcol {
1305}
1306.jd-linktable .jd-descrcol {
1307}
1308.jd-linktable .jd-typecol {
1309  text-align:right;
1310}
1311.jd-linktable .jd-valcol {
1312}
1313.jd-linktable .jd-commentrow {
1314  border-top:none;
1315  padding-left:25px;
1316}
1317.jd-deprecated-warning {
1318  margin-top: 0;
1319  margin-bottom: 10px;
1320}
1321
1322tr.alt-color {
1323  background-color: #f6f6f6;
1324}
1325
1326/* expando trigger */
1327#jd-content .jd-expando-trigger-img {
1328  margin:0;
1329}
1330
1331/* jd-expando */
1332.jd-inheritedlinks {
1333  padding:0 0 0 13px
1334}
1335
1336/* SDK PAGE */
1337table.download tr {
1338  background-color:#d9d9d9;
1339}
1340
1341table.download tr.alt-color {
1342  background-color:#ededed;
1343}
1344
1345table.download td,
1346table.download th {
1347  border:2px solid #fff;
1348  padding:10px 5px;
1349}
1350
1351table.download th {
1352  background-color:#6d8293;
1353  color:#fff;
1354}
1355
1356/* INLAY 180 COPY and 240PX EXTENSION */
1357/* modified to 43px so that all browsers eliminate the package panel h-scroll */
1358.g-tpl-240 .g-unit,
1359.g-unit .g-tpl-240 .g-unit,
1360.g-unit .g-unit .g-tpl-240 .g-unit {
1361  display: block;
1362  margin: 0 0 0 243px;
1363  width: auto;
1364  float: none;
1365}
1366.g-unit .g-unit .g-tpl-240 .g-first,
1367.g-unit .g-tpl-240 .g-first,
1368.g-tpl-240 .g-first {
1369  display: block;
1370  margin: 0;
1371  width: 243px;
1372  float: left;
1373}
1374/* 240px alt */
1375.g-tpl-240-alt .g-unit,
1376.g-unit .g-tpl-240-alt .g-unit,
1377.g-unit .g-unit .g-tpl-240-alt .g-unit {
1378  display: block;
1379  margin: 0 243px 0 0;
1380  width: auto;
1381  float: none;
1382}
1383.g-unit .g-unit .g-tpl-240-alt .g-first,
1384.g-unit .g-tpl-240-alt .g-first,
1385.g-tpl-240-alt .g-first {
1386  display: block;
1387  margin: 0;
1388  width: 243px;
1389  float: right;
1390}
1391
1392/* 200px */
1393.g-tpl-200 .g-unit,
1394.g-unit .g-tpl-200 .g-unit,
1395.g-unit .g-unit .g-tpl-200 .g-unit {
1396  display: block;
1397  margin: 0 0 0 200px;
1398  width: auto;
1399  float: none;
1400}
1401.g-unit .g-unit .g-tpl-200 .g-first,
1402.g-unit .g-tpl-200 .g-first,
1403.g-tpl-200 .g-first {
1404  display: block;
1405  margin: 0;
1406  width: 200px;
1407  float: left;
1408}
1409/* 200px alt */
1410.g-tpl-200-alt .g-unit,
1411.g-unit .g-tpl-200-alt .g-unit,
1412.g-unit .g-unit .g-tpl-200-alt .g-unit {
1413  display: block;
1414  margin: 0 200px 0 0;
1415  width: auto;
1416  float: none;
1417}
1418.g-unit .g-unit .g-tpl-200-alt .g-first,
1419.g-unit .g-tpl-200-alt .g-first,
1420.g-tpl-200-alt .g-first {
1421  display: block;
1422  margin: 0;
1423  width: 200px;
1424  float: right;
1425}
1426
1427/* 190px */
1428.g-tpl-190 .g-unit,
1429.g-unit .g-tpl-190 .g-unit,
1430.g-unit .g-unit .g-tpl-190 .g-unit {
1431  display: block;
1432  margin: 0 0 0 190px;
1433  width: auto;
1434  float: none;
1435}
1436.g-unit .g-unit .g-tpl-190 .g-first,
1437.g-unit .g-tpl-190 .g-first,
1438.g-tpl-190 .g-first {
1439  display: block;
1440  margin: 0;
1441  width: 190px;
1442  float: left;
1443}
1444/* 190px alt */
1445.g-tpl-190-alt .g-unit,
1446.g-unit .g-tpl-190-alt .g-unit,
1447.g-unit .g-unit .g-tpl-190-alt .g-unit {
1448  display: block;
1449  margin: 0 190px 0 0;
1450  width: auto;
1451  float: none;
1452}
1453.g-unit .g-unit .g-tpl-190-alt .g-first,
1454.g-unit .g-tpl-190-alt .g-first,
1455.g-tpl-190-alt .g-first {
1456  display: block;
1457  margin: 0;
1458  width: 190px;
1459  float: right;
1460}
1461
1462/* 180px */
1463.g-tpl-180 .g-unit,
1464.g-unit .g-tpl-180 .g-unit,
1465.g-unit .g-unit .g-tpl-180 .g-unit {
1466  display: block;
1467  margin: 0 0 0 180px;
1468  width: auto;
1469  float: none;
1470}
1471.g-unit .g-unit .g-tpl-180 .g-first,
1472.g-unit .g-tpl-180 .g-first,
1473.g-tpl-180 .g-first {
1474  display: block;
1475  margin: 0;
1476  width: 180px;
1477  float: left;
1478}
1479/* 180px alt */
1480.g-tpl-180-alt .g-unit,
1481.g-unit .g-tpl-180-alt .g-unit,
1482.g-unit .g-unit .g-tpl-180-alt .g-unit {
1483  display: block;
1484  margin: 0 180px 0 0;
1485  width: auto;
1486  float: none;
1487}
1488.g-unit .g-unit .g-tpl-180-alt .g-first,
1489.g-unit .g-tpl-180-alt .g-first,
1490.g-tpl-180-alt .g-first {
1491  display: block;
1492  margin: 0;
1493  width: 180px;
1494  float: right;
1495}
1496
1497
1498/* JQUERY RESIZABLE STYLES */
1499.ui-resizable { position: relative; }
1500.ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; z-index:1; }
1501.ui-resizable .ui-resizable-handle { display: block; }
1502body .ui-resizable-disabled .ui-resizable-handle { display: none; }
1503body .ui-resizable-autohide .ui-resizable-handle { display: none; }
1504.ui-resizable-s { cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px;
1505  background: transparent url("images/resizable-s2.gif") repeat scroll center top; }
1506.ui-resizable-e { cursor: e-resize; width: 6px; right: 0px; top: 0px; height: 100%;
1507  background: transparent url("images/resizable-e2.gif") repeat scroll right center; }
1508
1509@media print {
1510
1511  body {
1512    overflow:visible;
1513  }
1514
1515  #header {
1516    height:60px;
1517  }
1518
1519  #headerLeft {
1520    padding:0;
1521  }
1522
1523  #header-tabs,
1524  #headerRight,
1525  #side-nav,
1526  #api-info-block {
1527    display:none;
1528  }
1529
1530  #body-content {
1531    position:inherit;
1532  }
1533
1534  #doc-content {
1535    margin-left:0 !important;
1536    height:auto !important;
1537    width:auto !important;
1538    overflow:inherit;
1539    display:inline;
1540  }
1541
1542  #jd-header {
1543    padding:10px 0;
1544  }
1545
1546  #jd-content {
1547    padding:15px 0 0;
1548  }
1549
1550  #footer {
1551    float:none;
1552    margin:2em 0 0;
1553  }
1554
1555  h4.jd-details-title {
1556    border-bottom:1px solid #666;
1557  }
1558
1559  pre {
1560    /* these allow lines to break (if there's a white space) */
1561    overflow: visible;
1562    text-wrap: unrestricted;
1563    white-space: -moz-pre-wrap; /* Moz */
1564    white-space: -pre-wrap; /* Opera 4-6 */
1565    white-space: -o-pre-wrap; /* Opera 7 */
1566    white-space: pre-wrap; /* CSS3  */
1567    word-wrap: break-word; /* IE 5.5+ */
1568  }
1569
1570  h1, h2, h3, h4, h5, h6 {
1571    page-break-after: avoid;
1572  }
1573
1574  table, img {
1575    page-break-inside: avoid;
1576  }
1577}
1578