blob: 5be4df00b7fea57dc5eb63683669d7dde7894726 [file] [log] [blame]
The Android Open Source Projectb6c1cf62008-10-21 07:00:00 -07001/* 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: 100%;
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#crumb {
30 font-size:95%;
31 padding:5px 20px;
32 float:right;
33 color:#336666;
34}
35
36/* SIDE NAVIGATION */
37
38#side-nav {
39 padding:0 6px 0 0;
40 background-color: #fff;
41}
42
43#resize-packages-nav {
44/* keeps the resize handle below the h-scroll handle */
45 height:200px;
46 overflow:hidden;
47 max-height:100%;
48}
49
50#packages-nav {
51 height:200px;
52 max-height:inherit;
53 position:relative;
54 overflow:auto;
55}
56
57#classes-nav,
58#devdoc-nav {
59 overflow:auto;
60}
61
62#side-nav ul {
63 list-style: none;
64 margin: 0;
65 padding:5px 0;
66}
67
68#side-nav ul ul {
69 margin: 0;
70 padding: 0;
71}
72
73#side-nav li {
74 padding: 1px 0 2px 0;
75 line-height:1.1em;
76 white-space:nowrap;
77}
78
79#side-nav li h2 {
80 font-size: 100%;
81 font-weight: bold;
82 margin: 0;
83 padding: 8px 0 0 10px;
84}
85
86#side-nav li a {
87 padding: 0 0 0 11px;
88}
89
90#side-nav li a+a {
91 padding: 0;
92}
93
94#side-nav li li li a {
95/*sdk lists*/
96 padding: 0 0 0 25px;
97}
98
99#side-nav .selected {
100 background-color: #97a2ac;
101 color: #fff;
102 font-weight:bold;
103}
104
105#side-nav .selected a {
106 color: #fff;
107}
108
109#side-nav strong {
110 display:block;
111}
112
113#index-links .selected {
114 background-color: #fff;
115 color: #000;
116 font-weight:normal;
117 text-decoration:none;
118}
119
120#index-links {
121 padding:7px 0 4px 10px;
122}
123
124/* DOCUMENT BODY */
125
126#doc-content {
127 overflow:auto;
128}
129
130#jd-header {
131 background-color: #9bb0c3;
132 padding: 10px 20px;
133}
134
135#jd-header h1 {
136 margin: 0 0 10px;
137 font-size:160%;
138}
139
140#jd-header table {
141 margin:0;
142 padding:0;
143}
144
145#jd-header td {
146 border:none;
147 padding:0;
148 vertical-align:top;
149}
150
151
152/* inheritance table */
153.jd-inheritance-table {
154 border-spacing:0;
155 margin:0;
156 padding:0;
157 font-size:90%;
158}
159.jd-inheritance-table td {
160 border: none;
161 margin: 0;
162 padding: 0;
163}
164.jd-inheritance-table .jd-inheritance-space {
165 font-weight:bold;
166 width:1em;
167}
168.jd-inheritance-table .jd-inheritance-interface-cell {
169 padding-left: 17px;
170}
171
172#jd-content {
173 padding: 12px 20px;
174}
175
176hr {
177 background-color:#ccc;
178}
179
180/* DOC CLASSES */
181
182#jd-content h1 {
183/*sdk page*/
184 font-size:160%;
185 color:#336666;
186 margin:0 0 .5em;
187}
188
189#jd-content h2 {
190 font-size:140%;
191 background-color: #97a2ac;
192 border-right:20px solid #97a2ac;
193 position:relative;
194 left:-20px;
195 width:100%;
196 padding: 8px 0 8px 20px;
197 z-index:-1;
198}
199
200#jd-content h3 {
201 font-size:130%;
202 border-top: 3px solid #97a2ac;
203 padding:3px 0 5px;
204}
205
206#jd-content h4 {
207 font-size:110%;
208 margin-bottom:.5em;
209}
210
211img {
212 padding:0 0 1em 0;
213}
214
215#jd-content li img,
216#jd-content dd img {
217 margin:.5em 0 0;
218 padding:0;
219}
220
221.nolist {
222 list-style:none;
223 padding:0 0 1em;
224 margin:0 0 0 1em;
225}
226
227h4 .normal {
228 font-size:90%;
229 font-weight:normal;
230}
231
232.jd-details {
233/* border:1px solid #669999;
234 padding:4px; */
235 margin:0 0 1em;
236}
237
238.jd-tagdata {
239 margin:.6em 0;
240}
241
242.jd-tagdata ul {
243 padding:0;
244}
245
246h4.jd-details-title {
247 font-size:115%;
248 background-color: #d6d6d6;
249 margin:0 0 .6em;
250 padding:3px;
251}
252
253h4.jd-tagtitle {
254 margin:0;
255}
256
257.jd-details-descr {
258 padding:3px;
259}
260
261.jd-tagtable {
262 margin:0;
263}
264
265.jd-tagtable td,
266.jd-tagtable th {
267 border:none;
268 background-color:#fff;
269 vertical-align:top;
270 font-weight:normal;
271 padding:2px 10px;
272}
273
274.jd-tagtable th {
275 font-style:italic;
276}
277
278.sidebox-wrapper {
279 float: right;
280 width:300px;
281 background-color:#fff;
282 padding-left:15px;
283}
284
285.sidebox-inner {
286 border-left:2px solid #7BB026;
287 padding:0 5px 0 15px;
288}
289
290.sidebox {
291 float: right;
292 width:300px;
293 background-color:#fff;
294 border-left:2px solid #7BB026;
295 margin-left:15px;
296 padding:0 5px 0 15px;
297}
298
299#jd-content .sidebox h2,
300#jd-content .sidebox h3,
301#jd-content .sidebox-inner h2,
302#jd-content .sidebox-inner h3 {
303 background-color:#fff;
304 border:none;
305 font-size:110%;
306 margin:0;
307 padding:0 0 10px;
308 left:0;
309 z-index:0;
310}
311
312#jd-content table h2 {
313 background-color: #d6d6d6;
314 font-size: 110%;
315 margin:0 0 10px;
316 padding:5px;
317 left:0;
318 width:auto;
319}
320
321div.special {
322 padding: 10px 25px 0;
323 margin: 0 0 1em;
324 background-color: #ddf0f2;
325}
326
327#jd-content div.special h3 {
328 color:#669999;
329 font-size:120%;
330 border:none;
331 margin:0 0 .5em;
332}
333
334p.note, p.caution, p.warning {
335 margin:0 0 1em;
336 padding: 4px 10px;
337 background-color: #efefef;
338 border-top: 1px solid;
339 border-bottom: 1px solid;
340}
341
342p.special-note {
343 background-color:#EBF3DB;
344 padding:10px 20px;
345 margin:0 0 1em;
346}
347
348p.note {
349 border-color: #3366CC;
350}
351
352p.caution {
353 border-color: #ffcc33;
354}
355
356p.warning {
357 border-color: #aa0033;
358}
359
360p.warning b, p.warning em, p.warning strong {
361 color: #aa0033;
362 font-weight: bold;
363}
364
365li p.note, li p.warning, li p.caution {
366 margin: .5em 0 0 0;
367 padding: .2em .5em .2em .9em;
368}
369
370dl.xml dt {
371 font-variant:small-caps;
372}
373
374.new {
375 font-size: 78%;
376 font-weight: bold;
377 color: red;
378 text-decoration: none;
379}
380
381/* table of contents */
382
383ol.toc {
384 margin: 1em 0 0 0;
385 padding: 0;
386 list-style: none;
387}
388
389ol.toc li {
390 font-weight: bold;
391 margin: .5em 0 0 1.5em;
392 padding: 0;
393}
394
395ol.toc li ol {
396 margin: 0;
397 padding: 0;
398}
399
400ol.toc li ol li {
401 padding: 0;
402 margin: .1em 0 0 1em;
403 font-weight: normal;
404 list-style: none;
405}
406
407table ol.toc {
408 margin-left: 0;
409}
410
411.columns td {
412 padding:0 5px;
413 border:none;
414}
415
416/* link table */
417.jd-linktable {
418 margin: 0 0 1em;
419 border-bottom: 1px solid #888;
420}
421.jd-linktable th,
422.jd-linktable td {
423 padding: 3px 5px;
424 vertical-align: top;
425 text-align: left;
426 border:none;
427}
428.jd-linktable tr {
429 background-color: #fff;
430}
431.jd-linktable td {
432 border-top: 1px solid #888;
433 background-color: inherit;
434}
435.jd-linktable td p {
436 padding: 0 0 5px;
437}
438.jd-linktable .jd-linkcol {
439}
440.jd-linktable .jd-descrcol {
441}
442.jd-linktable .jd-typecol {
443 text-align:right;
444}
445.jd-linktable .jd-valcol {
446}
447.jd-linktable .jd-commentrow {
448 border-top:none;
449 padding-left:25px;
450}
451.jd-deprecated-warning {
452 margin-top: 0;
453 margin-bottom: 10px;
454}
455
456tr.alt-color {
457 background-color: #e6e6e6;
458}
459
460/* expando trigger */
461.jd-expando-trigger {
462 padding:0;
463}
464
465/* jd-expando */
466.jd-inheritedlinks {
467 padding:0 0 0 13px
468}
469
470/* SDK PAGE */
471table.download tr {
472 background-color:#d9d9d9;
473}
474
475table.download tr.alt-color {
476 background-color:#ededed;
477}
478
479table.download td,
480table.download th {
481 border:2px solid #fff;
482 padding:10px 5px;
483}
484
485table.download th {
486 background-color:#6d8293;
487 color:#fff;
488}
489
490/* INLAY 240PX EXTENSION */
491/* modified to 43px so that all browsers eliminate the package panel h-scroll */
492.g-tpl-240 .g-unit,
493.g-unit .g-tpl-240 .g-unit,
494.g-unit .g-unit .g-tpl-240 .g-unit {
495 display: block;
496 margin: 0 0 0 243px;
497 width: auto;
498 float: none;
499}
500.g-unit .g-unit .g-tpl-240 .g-first,
501.g-unit .g-tpl-240 .g-first,
502.g-tpl-240 .g-first {
503 display: block;
504 margin: 0;
505 width: 243px;
506 float: left;
507}
508/* 240px alt */
509.g-tpl-240-alt .g-unit,
510.g-unit .g-tpl-240-alt .g-unit,
511.g-unit .g-unit .g-tpl-240-alt .g-unit {
512 display: block;
513 margin: 0 243px 0 0;
514 width: auto;
515 float: none;
516}
517.g-unit .g-unit .g-tpl-240-alt .g-first,
518.g-unit .g-tpl-240-alt .g-first,
519.g-tpl-240-alt .g-first {
520 display: block;
521 margin: 0;
522 width: 243px;
523 float: right;
524}
525
526
527/* JQUERY RESIZABLE STYLES */
528.ui-resizable { position: relative; }
529.ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; }
530.ui-resizable .ui-resizable-handle { display: block; }
531body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
532body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
533.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; }
534.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; }
535
536@media print {
537
538 body {
539 overflow:visible;
540 }
541
542 #side-nav {
543 display:none;
544 }
545
546 #doc-content {
547 margin-left:0;
548 height:auto;
549 width:auto;
550 }
551
552 #jd-header {
553 border-bottom:3px solid #9bb0c3;
554 }
555
556 #jd-content h2 {
557 border-top:2px solid #97a2ac;
558 border-bottom:2px solid #97a2ac;
559 }
560
561 pre {
562 /* these allow lines to break (if there's a white space) */
563 overflow: visible;
564 text-wrap: unrestricted;
565 white-space: -moz-pre-wrap; /* Moz */
566 white-space: -pre-wrap; /* Opera 4-6 */
567 white-space: -o-pre-wrap; /* Opera 7 */
568 white-space: pre-wrap; /* CSS3 */
569 word-wrap: break-word; /* IE 5.5+ */
570 }
571
572 h1, h2, h3, h4, h5, h6 {
573 page-break-after: avoid;
574 }
575
576 table, img {
577 page-break-inside: avoid;
578 }
579
580}