blob: daa839fb8ab6c4b729c88aa6501ab8a0e6cf1938 [file] [log] [blame]
The Android Open Source Project88b60792009-03-03 19:28:42 -08001/* 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#side-nav.not-resizable {
38 background:url('images/sidenav-rule.png') no-repeat 243px 0;
39}
40
41#resize-packages-nav {
42/* keeps the resize handle below the h-scroll handle */
43 height:270px;
44 overflow:hidden;
45 max-height:100%;
46}
47
48#packages-nav {
49 height:270px;
50 max-height:inherit;
51 position:relative;
52 overflow:auto;
53}
54
55#classes-nav,
56#devdoc-nav {
57 overflow:auto;
58 position:relative;
59}
60
61#side-nav ul {
62 list-style: none;
63 margin: 0;
64 padding:5px 0;
65}
66
67#side-nav ul ul {
68 margin: .35em 0 0 0;
69 padding: 0;
70}
71
72#side-nav li {
73 padding:0;
74 line-height:16px;
75 white-space:nowrap;
76 zoom:1;
77}
78
79#side-nav li h2 {
80 font-size:12px;
81 font-weight: bold;
82 margin:.5em 0 0 0;
83 padding: 3px 0 1px 9px;
84}
85
86#side-nav li a {
87 text-decoration:none;
88 padding: 0 0 0 18px;
89 zoom:1;
90}
91
92#side-nav li a:hover {
93 text-decoration:underline;
94}
95
96#side-nav li a+a {
97 padding: 0;
98}
99
100#side-nav li li li a {
101/*sdk lists*/
102 padding: 0 0 0 28px;
103}
104
105#side-nav .selected {
106 background-color: #435a6e;
107 color: #fff;
108 font-weight:bold;
109}
110
111#side-nav .selected a {
112 color: #fff;
113 text-decoration:none;
114}
115
116#side-nav strong {
117 display:block;
118}
119
120#side-nav .toggle-img {
121 margin:0;
122 padding:0;
123 position:absolute;
124 top:0;
125 left:0;
126 height:16px;
127 width:15px;
128 outline-style:none;
129}
130
131#side-nav .closed .toggle-img {
132 background:url('images/triangle-closed-small.png') 7px 4px no-repeat;
133}
134#side-nav .open .toggle-img {
135 background:url('images/triangle-opened-small.png') 7px 4px no-repeat;
136}
137
138#side-nav .toggle-list {
139 position:relative;
140}
141
142#side-nav .toggle-list ul {
143 margin:0;
144 display:none;
145}
146
147#side-nav .toggle-list div {
148 display:block;
149}
150
151#index-links .selected {
152 background-color: #fff;
153 color: #000;
154 font-weight:normal;
155 text-decoration:none;
156}
157
158#index-links {
159 padding:7px 0 4px 10px;
160}
161
162/* nav tree */
163
164#nav-tree ul {
165 padding:5px 0 1.5em;
166}
167
168#side-nav #nav-tree ul li a,
169#side-nav #nav-tree ul li span.no-children {
170 padding: 0 0 0 0;
171 margin: 0;
172}
173
174#nav-tree .plus {
175 margin: 0 3px 0 0;
176}
177
178#nav-tree ul ul {
179 list-style: none;
180 margin: 0;
181 padding: 0 0 0 0;
182}
183
184#nav-tree ul li {
185 margin: 0;
186 padding: 0 0 0 0;
187 white-space: nowrap;
188}
189
190#nav-tree .children_ul {
191 margin:0;
192}
193
194#nav-tree a.nolink {
195 color: black;
196 text-decoration: none;
197}
198
199#nav-tree span.label {
200 width: 100%;
201}
202
203#nav-tree {
204 overflow-x: auto;
205 overflow-y: scroll;
206}
207
208#nav-swap {
209 font-size:10px;
210 line-height:10px;
211 margin-left:1em;
212 text-decoration:none;
213 display:block;
214}
215
216#tree-link {
217
218}
219
220/* DOCUMENT BODY */
221
222#doc-content {
223 overflow:auto;
224}
225
226#jd-header {
227 background-color: #E2E2E2;
228 padding: 7px 15px;
229}
230
231#jd-header h1 {
232 margin: 0 0 10px;
233 font-size:1.7em;
234}
235
236#jd-header .crumb {
237 font-size:.9em;
238 line-height:1em;
239 color:#777;
240}
241
242#jd-header .crumb a,
243#jd-header .crumb a:visited {
244 text-decoration:none;
245 color:#777;
246}
247
248#jd-header .crumb a:hover {
249 text-decoration:underline;
250}
251
252#jd-header table {
253 margin:0;
254 padding:0;
255}
256
257#jd-header td {
258 border:none;
259 padding:0;
260 vertical-align:top;
261}
262
263#jd-header.guide-header {
264 background-color:#fff;
265 color:#435a6e;
266 height:50px;
267}
268
269#jd-descr {
270 position:relative;
271}
272
273/* summary tables for reference pages */
274.jd-sumtable {
275margin: .5em 1em 1em 1em;
276width:99%;
277font-size:.9em;
278}
279
280.jd-sumtable a {
281 text-decoration:none;
282}
283
284.jd-sumtable a:hover {
285 text-decoration:underline;
286}
287
288/* the link inside a sumtable for "Show All/Hide All" */
289.toggle-all {
290 display:block;
291 float:right;
292 font-weight:normal;
293 font-size:0.9em;
294}
295
296/* adjustments for in/direct subclasses tables */
297.jd-sumtable-subclasses {
298 margin: 1em 0 0 0;
299 max-width:968px;
300}
301
302/* extra space between end of method name and open-paren */
303.sympad {
304 margin-right: 2px;
305}
306
307/* right alignment for the return type in sumtable */
308.jd-sumtable .jd-typecol {
309 text-align:right;
310}
311
312/* adjustments for the expando table-in-table */
313.jd-sumtable-expando {
314 margin:.5em 0;
315 padding:0;
316}
317
318/* a div that holds a short description */
319.jd-descrdiv {
320 width:100%;
321 padding:3px 1em 0 1em;
322 margin:0;
323 border:0;
324}
325
326/* page-top-right container for reference pages (holds
327links to summary tables) */
328#api-info-block {
329 font-size:.8em;
330 margin:0;
331 padding:6px;
332 font-weight:normal;
333 float:right;
334 text-align:right;
335 color:#999;
336 max-width:70%;
337}
338
339/* applies to a div containing links to summary tables */
340.sum-details-links {
341 margin:0 .5em;
342 padding:0;
343 font-weight:normal;
344}
345
346.sum-details-links a {
347 text-decoration:none;
348}
349
350.sum-details-links a:hover {
351 text-decoration:underline;
352}
353
354
355/* inheritance table */
356.jd-inheritance-table {
357 border-spacing:0;
358 margin:0;
359 padding:0;
360 font-size:.9em;
361}
362.jd-inheritance-table td {
363 border: none;
364 margin: 0;
365 padding: 0;
366}
367.jd-inheritance-table .jd-inheritance-space {
368 font-weight:bold;
369 width:1em;
370}
371.jd-inheritance-table .jd-inheritance-interface-cell {
372 padding-left: 17px;
373}
374
375#jd-content {
376 padding: 18px 15px;
377}
378
379hr {
380 background-color:#ccc;
381}
382
383/* DOC CLASSES */
384
385#jd-content h1 {
386/*sdk page*/
387 font-size:1.6em;
388 color:#336666;
389 margin:0 0 .5em;
390}
391
392#jd-content h2 {
393 font-size:1.45em;
394 color:#111;
395 border-top:2px solid #ccc;
396 padding: .5em 0 0;
397 margin: 1.5em 0 1em 0;
398 max-width:968px;
399}
400
401#jd-content h3 {
402 font-size:1.2em;
403 color:#222;
404 padding: .75em 0 .65em 0;
405 margin:0;
406}
407
408#jd-content h4 {
409 font-size:1.1em;
410 margin-bottom:.5em;
411 color:#222;
412}
413
414#jd-content .small-header {
415 font-size:1em;
416 color:#000;
417 font-weight:bold;
418 border:none;
419 padding:0;
420 margin:1em 0 .5em;
421 position:inherit;
422}
423
424#jd-content img {
425 margin: 0 0 1em 1em;
426}
427
428#jd-content li img,
429#jd-content dd img {
430 margin:.5em 0 0 1em;
431}
432
433.nolist {
434 list-style:none;
435 padding:0;
436 margin:0 0 0 1em;
437}
438
439.nolist li {
440 padding:0;
441 margin:0;
442}
443
444h4 .normal {
445 font-size:.9em;
446 font-weight:normal;
447}
448
449.jd-details {
450/* border:1px solid #669999;
451 padding:4px; */
452 margin:0 0 1em;
453}
454
455/* API reference: a container for the
456.tagdata blocks that make up the detailed
457description */
458.jd-details-descr {
459 padding:0;
460 margin:.5em .25em;
461}
462
463/* API reference: a block containing
464a detailed description, a params table,
465seealso list, etc */
466.jd-tagdata {
467 margin:.5em 1em;
468}
469
470/* API reference: adjustments to
471the detailed description block */
472.jd-tagdescr {
473 margin:.25em 0 .75em 0;
474 line-height:1em;
475}
476
477.jd-tagdescr p {
478 margin:.5em 0;
479 padding:0;
480
481}
482
483.jd-tagdescr ol,
484.jd-tagdescr ul {
485 margin:0 2.5em;
486 padding:0;
487}
488
489.jd-tagdescr table,
490.jd-tagdescr img {
491 margin:.25em 1em;
492}
493
494.jd-tagdescr li {
495margin:0 0 .25em 0;
496padding:0;
497}
498
499/* API reference: heading marking
500the details section for constants,
501attrs, methods, etc. */
502h4.jd-details-title {
503 font-size:1.15em;
504 background-color: #E2E2E2;
505 margin:1.5em 0 .6em;
506 padding:3px;
507}
508
509h4.jd-tagtitle {
510 margin:0;
511}
512
513/* API reference: heading for "Parameters", "See Also", etc.,
514in details sections */
515h5.jd-tagtitle {
516 margin:0 0 .25em 0;
517 font-size:1em;
518}
519
520.jd-tagtable {
521 margin:0;
522}
523
524.jd-tagtable td,
525.jd-tagtable th {
526 border:none;
527 background-color:#fff;
528 vertical-align:top;
529 font-weight:normal;
530 padding:2px 10px;
531}
532
533.jd-tagtable th {
534 font-style:italic;
535}
536
537#jd-content table h2 {
538 background-color: #d6d6d6;
539 font-size: 1.1em;
540 margin:0 0 10px;
541 padding:5px;
542 left:0;
543 width:auto;
544}
545
546div.special {
547 padding: .5em 1em 1em 1em;
548 margin: 0 0 1em;
549 background-color: #ddf0f2;
550}
551
552div.special p {
553 margin: .5em 0 0 0;
554}
555
556div.special ol {
557 margin: 0;
558}
559
560div.special ol li {
561 margin: 0;
562 padding: 0;
563}
564
565#jd-content div.special h2,
566#jd-content div.special h3 {
567 color:#669999;
568 font-size:1.2em;
569 border:none;
570 margin:0 0 .5em;
571 padding:0;
572}
573
574/* old p.note, p.caution, p.warning {
575 margin:0 0 1em;
576 padding: 4px 10px;
577 background-color: #efefef;
578 border-top: 1px solid;
579 border-bottom: 1px solid;
580}
581*/
582p.note, p.caution, p.warning {
583 margin: 1em;
584 padding: 0 0 0 .5em;
585 border-left: 4px solid;
586}
587
588p.special-note {
589 background-color:#EBF3DB;
590 padding:10px 20px;
591 margin:0 0 1em;
592}
593
594p.note {
595 border-color: #99aacc;
596}
597
598p.caution {
599 border-color: #ffcc33;
600}
601
602p.warning {
603 border-color: #aa0033;
604}
605
606p.warning b, p.warning em, p.warning strong {
607 color: #aa0033;
608 font-weight: bold;
609}
610
611li p.note, li p.warning, li p.caution {
612 margin: .5em 0 0 0;
613 padding: .2em .5em .2em .9em;
614}
615
616dl.xml dt {
617 font-variant:small-caps;
618 font-size:1.2em;
619}
620
621dl.xml dl {
622 padding:0;
623}
624
625dl.xml dl dt {
626 font-variant:normal;
627 font-size:1em;
628}
629
630.listhead li {
631 font-weight: bold;
632}
633
634.listhead li *, /*ie*/.listhead li li {
635 font-weight: normal;
636}
637
638ol.no-style,
639ul.no-style {
640 list-style:none;
641 padding-left:1em;
642}
643
644.new {
645 font-size: .78em;
646 font-weight: bold;
647 color: red;
648 text-decoration: none;
649}
650
651pre.classic {
652 background-color:transparent;
653 border:none;
654 padding:0;
655}
656
657
658/* BEGIN quickview sidebar element styles */
659
660#qv-wrapper {
661 float: right;
662 width:310px;
663 background-color:#fff;
664 margin:-48px 0 2px 0;
665 padding:0 0 20px 35px;
666}
667
668#qv {
669 background-color:#fff;
670 border:4px solid #dee8f1;
671 margin:0;
672 padding:0 6px 6px;
673 width:270px;
674 font-size:.9em;
675}
676
677#qv ol {
678 list-style:none;
679 padding: 0;
680}
681
682#qv ol ol{
683 list-style:none;
684 padding: 0 0 3px 12px;
685 margin:0;
686}
687
688#qv ul {
689 padding: 0 10px 0 2em;
690}
691
692#qv li {
693 padding: 0 10px;
694 margin: 2 0 0;
695 line-height: 1.2em;
696}
697
698#qv ul li {
699 padding: 0 10px 0 0;
700}
701
702#qv li.selected a {
703 color:#555;
704 text-decoration:none;
705}
706
707#qv a {
708 color:#cc6600;
709}
710
711#qv p {
712 margin:8px 0 0;
713 padding:0 10px;
714}
715
716#qv-extra #rule {
717 padding: 0 10px;
718 margin: 0;
719}
720
721#qv-sub-rule {
722 padding: 6px 20px;
723 margin: 0;
724}
725
726#qv-sub-rule p {
727 margin: 0;
728}
729
730#jd-content #qv h2 {
731 font-size:1.05em;
732 font-weight:bold;
733 margin:12px 0 .25em 0;
734 padding:0 10px;
735 background-color:transparent;
736 color:#7BB026;
737 border:none;
738 left:0;
739 z-index:1;
740}
741
742/* END quickview sidebar element styles */
743
744/* Begin sidebox sidebar element styles */
745
746.sidebox-wrapper {
747 float: right;
748 width:280px;
749 background-color:#fff;
750 margin: 0;
751 padding: 20px 0 20px 20px;
752}
753
754.sidebox-inner {
755 border-left:1px solid #dee8f1;
756 background-color:#ffffee;
757 padding:5px 8px 5px 12px;
758 font-size:90%;
759 width:260px;
760}
761
762.sidebox {
763 float: right;
764 width:260px;
765 background-color:#ffffee;
766 border-left:1px solid #dee8f1;
767 margin: 12px 0 0 15px;
768 padding:5px 8px 0 12px;
769 font-size:90%;
770}
771
772.sidebox p,
773.sidebox-inner p {
774 margin-bottom: .25em;
775}
776
777.sidebox ul,
778.sidebox-inner ul {
779 padding: 0 0 0 1.5em;
780}
781
782.sidebox li ul,
783.sidebox-inner li ul {
784 margin-top:0;
785 margin-bottom:.1em;
786}
787
788.sidebox li,
789.sidebox-inner li {
790padding:0 0 0 0em;
791}
792
793#jd-content .sidebox h2,
794#jd-content .sidebox h3,
795#jd-content .sidebox-inner h2,
796#jd-content .sidebox-inner h3 {
797 border:none;
798 font-size:1em;
799 margin:0;
800 padding:4px 0 4px;
801 left:0;
802 z-index:0;
803}
804
805.sidebox hr,
806.sidebox-inner hr {
807 background-color:#ccc;
808 border:none;
809}
810
811/* End sidebox sidebar element styles */
812
813/* table of contents */
814
815ol.toc {
816 margin: 0 0 1em 0;
817 padding: 0;
818 list-style: none;
819 font-size:95%;
820}
821
822ol.toc li {
823 font-weight: bold;
824 margin: 0 0 .5em 1em;
825 padding: 0;
826}
827
828ol.toc li p {
829 font-weight: normal;
830}
831
832ol.toc li ol {
833 margin: 0;
834 padding: 0;
835}
836
837ol.toc li li {
838 padding: 0;
839 margin: 0 0 0 1em;
840 font-weight: normal;
841 list-style: none;
842}
843
844table ol.toc {
845 margin-left: 0;
846}
847
848.columns td {
849 padding:0 5px;
850 border:none;
851}
852
853/* link table */
854.jd-linktable {
855 margin: 0 0 1em;
856 border-bottom: 1px solid #888;
857}
858.jd-linktable th,
859.jd-linktable td {
860 padding: 3px 5px;
861 vertical-align: top;
862 text-align: left;
863 border:none;
864}
865.jd-linktable tr {
866 background-color: #fff;
867}
868.jd-linktable td {
869 border-top: 1px solid #888;
870 background-color: inherit;
871}
872.jd-linktable td p {
873 padding: 0 0 5px;
874}
875.jd-linktable .jd-linkcol {
876}
877.jd-linktable .jd-descrcol {
878}
879.jd-linktable .jd-typecol {
880 text-align:right;
881}
882.jd-linktable .jd-valcol {
883}
884.jd-linktable .jd-commentrow {
885 border-top:none;
886 padding-left:25px;
887}
888.jd-deprecated-warning {
889 margin-top: 0;
890 margin-bottom: 10px;
891}
892
893tr.alt-color {
894 background-color: #f6f6f6;
895}
896
897/* expando trigger */
898#jd-content .jd-expando-trigger-img {
899 margin:0;
900}
901
902/* jd-expando */
903.jd-inheritedlinks {
904 padding:0 0 0 13px
905}
906
907/* SDK PAGE */
908table.download tr {
909 background-color:#d9d9d9;
910}
911
912table.download tr.alt-color {
913 background-color:#ededed;
914}
915
916table.download td,
917table.download th {
918 border:2px solid #fff;
919 padding:10px 5px;
920}
921
922table.download th {
923 background-color:#6d8293;
924 color:#fff;
925}
926
927/* INLAY 180 COPY and 240PX EXTENSION */
928/* modified to 43px so that all browsers eliminate the package panel h-scroll */
929.g-tpl-240 .g-unit,
930.g-unit .g-tpl-240 .g-unit,
931.g-unit .g-unit .g-tpl-240 .g-unit {
932 display: block;
933 margin: 0 0 0 243px;
934 width: auto;
935 float: none;
936}
937.g-unit .g-unit .g-tpl-240 .g-first,
938.g-unit .g-tpl-240 .g-first,
939.g-tpl-240 .g-first {
940 display: block;
941 margin: 0;
942 width: 243px;
943 float: left;
944}
945/* 240px alt */
946.g-tpl-240-alt .g-unit,
947.g-unit .g-tpl-240-alt .g-unit,
948.g-unit .g-unit .g-tpl-240-alt .g-unit {
949 display: block;
950 margin: 0 243px 0 0;
951 width: auto;
952 float: none;
953}
954.g-unit .g-unit .g-tpl-240-alt .g-first,
955.g-unit .g-tpl-240-alt .g-first,
956.g-tpl-240-alt .g-first {
957 display: block;
958 margin: 0;
959 width: 243px;
960 float: right;
961}
962
963/* 180px */
964.g-tpl-180 .g-unit,
965.g-unit .g-tpl-180 .g-unit,
966.g-unit .g-unit .g-tpl-180 .g-unit {
967 display: block;
968 margin: 0 0 0 180px;
969 width: auto;
970 float: none;
971}
972.g-unit .g-unit .g-tpl-180 .g-first,
973.g-unit .g-tpl-180 .g-first,
974.g-tpl-180 .g-first {
975 display: block;
976 margin: 0;
977 width: 180px;
978 float: left;
979}
980/* 180px alt */
981.g-tpl-180-alt .g-unit,
982.g-unit .g-tpl-180-alt .g-unit,
983.g-unit .g-unit .g-tpl-180-alt .g-unit {
984 display: block;
985 margin: 0 180px 0 0;
986 width: auto;
987 float: none;
988}
989.g-unit .g-unit .g-tpl-180-alt .g-first,
990.g-unit .g-tpl-180-alt .g-first,
991.g-tpl-180-alt .g-first {
992 display: block;
993 margin: 0;
994 width: 180px;
995 float: right;
996}
997
998
999/* JQUERY RESIZABLE STYLES */
1000.ui-resizable { position: relative; }
1001.ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; z-index:1; }
1002.ui-resizable .ui-resizable-handle { display: block; }
1003body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
1004body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
1005.ui-resizable-s { cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px; background: transparent url("images/resizable-s2.gif") repeat scroll center top; }
1006.ui-resizable-e { cursor: e-resize; width: 6px; right: 0px; top: 0px; height: 100%; background: transparent url("images/resizable-e2.gif") repeat scroll right center; }
1007
1008@media print {
1009
1010 body {
1011 overflow:visible;
1012 }
1013
1014 #header {
1015 height:60px;
1016 }
1017
1018 #headerLeft {
1019 margin:0;
1020 }
1021
1022 #headerRight {
1023 display:none;
1024 }
1025
1026 #body-content {
1027 position:inherit;
1028 }
1029
1030 #side-nav {
1031 display:none;
1032 }
1033
1034 #doc-content {
1035 margin-left:0 !important;
1036 height:auto !important;
1037 width:auto !important;
1038 overflow:inherit;
1039 display:inline;
1040 }
1041
1042 #jd-header {
1043 padding:10px 0;
1044 }
1045
1046 #jd-content {
1047 padding:15px 0 0;
1048 }
1049
1050 #footer {
1051 float:none;
1052 margin:2em 0 0;
1053 }
1054
1055 h4.jd-details-title {
1056 border-bottom:1px solid #666;
1057 }
1058
1059 pre {
1060 /* these allow lines to break (if there's a white space) */
1061 overflow: visible;
1062 text-wrap: unrestricted;
1063 white-space: -moz-pre-wrap; /* Moz */
1064 white-space: -pre-wrap; /* Opera 4-6 */
1065 white-space: -o-pre-wrap; /* Opera 7 */
1066 white-space: pre-wrap; /* CSS3 */
1067 word-wrap: break-word; /* IE 5.5+ */
1068 }
1069
1070 h1, h2, h3, h4, h5, h6 {
1071 page-break-after: avoid;
1072 }
1073
1074 table, img {
1075 page-break-inside: avoid;
1076 }
1077
1078 #qv,
1079 #qv-wrapper {
1080 display:none;
1081 }
1082
1083}