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