blob: b463cb665649b0c9641e30145a3168388fd2d4e9 [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}
Scott Main9e541302009-04-20 11:15:26 -0700573
The Android Open Source Project88b60792009-03-03 19:28:42 -0800574p.note, p.caution, p.warning {
575 margin: 1em;
576 padding: 0 0 0 .5em;
577 border-left: 4px solid;
578}
579
580p.special-note {
581 background-color:#EBF3DB;
582 padding:10px 20px;
583 margin:0 0 1em;
584}
585
586p.note {
587 border-color: #99aacc;
588}
The Android Open Source Project88b60792009-03-03 19:28:42 -0800589
590p.warning {
591 border-color: #aa0033;
592}
Dirk Dougherty4e4c9192009-05-12 15:32:35 -0700593
594p.caution {
595 border-color: #ffcf00;
596}
The Android Open Source Project88b60792009-03-03 19:28:42 -0800597
Scott Main9e541302009-04-20 11:15:26 -0700598p.warning b, p.warning strong {
The Android Open Source Project88b60792009-03-03 19:28:42 -0800599 font-weight: bold;
600}
601
Scott Main9e541302009-04-20 11:15:26 -0700602li p.note, li p.warning {
The Android Open Source Project88b60792009-03-03 19:28:42 -0800603 margin: .5em 0 0 0;
604 padding: .2em .5em .2em .9em;
605}
606
607dl.xml dt {
608 font-variant:small-caps;
609 font-size:1.2em;
610}
611
612dl.xml dl {
613 padding:0;
614}
615
616dl.xml dl dt {
617 font-variant:normal;
618 font-size:1em;
619}
620
621.listhead li {
622 font-weight: bold;
623}
624
625.listhead li *, /*ie*/.listhead li li {
626 font-weight: normal;
627}
628
629ol.no-style,
630ul.no-style {
631 list-style:none;
632 padding-left:1em;
633}
634
635.new {
636 font-size: .78em;
637 font-weight: bold;
638 color: red;
639 text-decoration: none;
640}
641
642pre.classic {
643 background-color:transparent;
644 border:none;
645 padding:0;
646}
647
648
649/* BEGIN quickview sidebar element styles */
650
651#qv-wrapper {
652 float: right;
653 width:310px;
654 background-color:#fff;
655 margin:-48px 0 2px 0;
656 padding:0 0 20px 35px;
657}
658
659#qv {
660 background-color:#fff;
661 border:4px solid #dee8f1;
662 margin:0;
663 padding:0 6px 6px;
664 width:270px;
665 font-size:.9em;
666}
667
668#qv ol {
669 list-style:none;
670 padding: 0;
671}
672
673#qv ol ol{
674 list-style:none;
675 padding: 0 0 3px 12px;
676 margin:0;
677}
678
679#qv ul {
680 padding: 0 10px 0 2em;
681}
682
683#qv li {
684 padding: 0 10px;
685 margin: 2 0 0;
686 line-height: 1.2em;
687}
688
689#qv ul li {
690 padding: 0 10px 0 0;
691}
692
693#qv li.selected a {
694 color:#555;
695 text-decoration:none;
696}
697
698#qv a {
699 color:#cc6600;
700}
701
702#qv p {
703 margin:8px 0 0;
704 padding:0 10px;
705}
706
707#qv-extra #rule {
708 padding: 0 10px;
709 margin: 0;
710}
711
712#qv-sub-rule {
713 padding: 6px 20px;
714 margin: 0;
715}
716
717#qv-sub-rule p {
718 margin: 0;
719}
720
721#jd-content #qv h2 {
722 font-size:1.05em;
723 font-weight:bold;
724 margin:12px 0 .25em 0;
725 padding:0 10px;
726 background-color:transparent;
727 color:#7BB026;
728 border:none;
729 left:0;
730 z-index:1;
731}
732
733/* END quickview sidebar element styles */
734
735/* Begin sidebox sidebar element styles */
736
737.sidebox-wrapper {
738 float: right;
739 width:280px;
740 background-color:#fff;
741 margin: 0;
742 padding: 20px 0 20px 20px;
743}
744
745.sidebox-inner {
746 border-left:1px solid #dee8f1;
747 background-color:#ffffee;
748 padding:5px 8px 5px 12px;
749 font-size:90%;
750 width:260px;
751}
752
753.sidebox {
754 float: right;
755 width:260px;
756 background-color:#ffffee;
757 border-left:1px solid #dee8f1;
758 margin: 12px 0 0 15px;
759 padding:5px 8px 0 12px;
760 font-size:90%;
761}
762
763.sidebox p,
764.sidebox-inner p {
765 margin-bottom: .25em;
766}
767
768.sidebox ul,
769.sidebox-inner ul {
770 padding: 0 0 0 1.5em;
771}
772
773.sidebox li ul,
774.sidebox-inner li ul {
775 margin-top:0;
776 margin-bottom:.1em;
777}
778
779.sidebox li,
780.sidebox-inner li {
781padding:0 0 0 0em;
782}
783
784#jd-content .sidebox h2,
785#jd-content .sidebox h3,
786#jd-content .sidebox-inner h2,
787#jd-content .sidebox-inner h3 {
788 border:none;
789 font-size:1em;
790 margin:0;
791 padding:4px 0 4px;
792 left:0;
793 z-index:0;
794}
795
796.sidebox hr,
797.sidebox-inner hr {
798 background-color:#ccc;
799 border:none;
800}
801
802/* End sidebox sidebar element styles */
803
804/* table of contents */
805
806ol.toc {
807 margin: 0 0 1em 0;
808 padding: 0;
809 list-style: none;
810 font-size:95%;
811}
812
813ol.toc li {
814 font-weight: bold;
815 margin: 0 0 .5em 1em;
816 padding: 0;
817}
818
819ol.toc li p {
820 font-weight: normal;
821}
822
823ol.toc li ol {
824 margin: 0;
825 padding: 0;
826}
827
828ol.toc li li {
829 padding: 0;
830 margin: 0 0 0 1em;
831 font-weight: normal;
832 list-style: none;
833}
834
835table ol.toc {
836 margin-left: 0;
837}
838
839.columns td {
840 padding:0 5px;
841 border:none;
842}
843
844/* link table */
845.jd-linktable {
846 margin: 0 0 1em;
847 border-bottom: 1px solid #888;
848}
849.jd-linktable th,
850.jd-linktable td {
851 padding: 3px 5px;
852 vertical-align: top;
853 text-align: left;
854 border:none;
855}
856.jd-linktable tr {
857 background-color: #fff;
858}
859.jd-linktable td {
860 border-top: 1px solid #888;
861 background-color: inherit;
862}
863.jd-linktable td p {
864 padding: 0 0 5px;
865}
866.jd-linktable .jd-linkcol {
867}
868.jd-linktable .jd-descrcol {
869}
870.jd-linktable .jd-typecol {
871 text-align:right;
872}
873.jd-linktable .jd-valcol {
874}
875.jd-linktable .jd-commentrow {
876 border-top:none;
877 padding-left:25px;
878}
879.jd-deprecated-warning {
880 margin-top: 0;
881 margin-bottom: 10px;
882}
883
884tr.alt-color {
885 background-color: #f6f6f6;
886}
887
888/* expando trigger */
889#jd-content .jd-expando-trigger-img {
890 margin:0;
891}
892
893/* jd-expando */
894.jd-inheritedlinks {
895 padding:0 0 0 13px
896}
897
898/* SDK PAGE */
899table.download tr {
900 background-color:#d9d9d9;
901}
902
903table.download tr.alt-color {
904 background-color:#ededed;
905}
906
907table.download td,
908table.download th {
909 border:2px solid #fff;
910 padding:10px 5px;
911}
912
913table.download th {
914 background-color:#6d8293;
915 color:#fff;
916}
917
918/* INLAY 180 COPY and 240PX EXTENSION */
919/* modified to 43px so that all browsers eliminate the package panel h-scroll */
920.g-tpl-240 .g-unit,
921.g-unit .g-tpl-240 .g-unit,
922.g-unit .g-unit .g-tpl-240 .g-unit {
923 display: block;
924 margin: 0 0 0 243px;
925 width: auto;
926 float: none;
927}
928.g-unit .g-unit .g-tpl-240 .g-first,
929.g-unit .g-tpl-240 .g-first,
930.g-tpl-240 .g-first {
931 display: block;
932 margin: 0;
933 width: 243px;
934 float: left;
935}
936/* 240px alt */
937.g-tpl-240-alt .g-unit,
938.g-unit .g-tpl-240-alt .g-unit,
939.g-unit .g-unit .g-tpl-240-alt .g-unit {
940 display: block;
941 margin: 0 243px 0 0;
942 width: auto;
943 float: none;
944}
945.g-unit .g-unit .g-tpl-240-alt .g-first,
946.g-unit .g-tpl-240-alt .g-first,
947.g-tpl-240-alt .g-first {
948 display: block;
949 margin: 0;
950 width: 243px;
951 float: right;
952}
953
954/* 180px */
955.g-tpl-180 .g-unit,
956.g-unit .g-tpl-180 .g-unit,
957.g-unit .g-unit .g-tpl-180 .g-unit {
958 display: block;
959 margin: 0 0 0 180px;
960 width: auto;
961 float: none;
962}
963.g-unit .g-unit .g-tpl-180 .g-first,
964.g-unit .g-tpl-180 .g-first,
965.g-tpl-180 .g-first {
966 display: block;
967 margin: 0;
968 width: 180px;
969 float: left;
970}
971/* 180px alt */
972.g-tpl-180-alt .g-unit,
973.g-unit .g-tpl-180-alt .g-unit,
974.g-unit .g-unit .g-tpl-180-alt .g-unit {
975 display: block;
976 margin: 0 180px 0 0;
977 width: auto;
978 float: none;
979}
980.g-unit .g-unit .g-tpl-180-alt .g-first,
981.g-unit .g-tpl-180-alt .g-first,
982.g-tpl-180-alt .g-first {
983 display: block;
984 margin: 0;
985 width: 180px;
986 float: right;
987}
988
989
990/* JQUERY RESIZABLE STYLES */
991.ui-resizable { position: relative; }
992.ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; z-index:1; }
993.ui-resizable .ui-resizable-handle { display: block; }
994body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
995body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
996.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; }
997.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; }
998
999@media print {
1000
1001 body {
1002 overflow:visible;
1003 }
1004
1005 #header {
1006 height:60px;
1007 }
1008
1009 #headerLeft {
Dirk Dougherty18467172009-04-15 11:31:36 -07001010 padding:0;
1011 }
1012
1013 #headerLeft .guide {
1014 display:none;
The Android Open Source Project88b60792009-03-03 19:28:42 -08001015 }
1016
1017 #headerRight {
1018 display:none;
1019 }
1020
1021 #body-content {
1022 position:inherit;
1023 }
1024
1025 #side-nav {
1026 display:none;
1027 }
1028
1029 #doc-content {
1030 margin-left:0 !important;
1031 height:auto !important;
1032 width:auto !important;
1033 overflow:inherit;
1034 display:inline;
1035 }
1036
1037 #jd-header {
1038 padding:10px 0;
1039 }
1040
1041 #jd-content {
1042 padding:15px 0 0;
1043 }
1044
1045 #footer {
1046 float:none;
1047 margin:2em 0 0;
1048 }
1049
1050 h4.jd-details-title {
1051 border-bottom:1px solid #666;
1052 }
1053
1054 pre {
1055 /* these allow lines to break (if there's a white space) */
1056 overflow: visible;
1057 text-wrap: unrestricted;
1058 white-space: -moz-pre-wrap; /* Moz */
1059 white-space: -pre-wrap; /* Opera 4-6 */
1060 white-space: -o-pre-wrap; /* Opera 7 */
1061 white-space: pre-wrap; /* CSS3 */
1062 word-wrap: break-word; /* IE 5.5+ */
1063 }
1064
1065 h1, h2, h3, h4, h5, h6 {
1066 page-break-after: avoid;
1067 }
1068
1069 table, img {
1070 page-break-inside: avoid;
1071 }
1072
1073 #qv,
1074 #qv-wrapper {
1075 display:none;
1076 }
1077
1078}