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 #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 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 338 links 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 359 div.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 */ 378 div.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 388 div#naMessage { 389 display:none; 390 width:555px; 391 height:0; 392 margin:0 auto; 393 } 394 395 div#naMessage div { 396 width:450px; 397 position:fixed; 398 margin:50px 0; 399 padding:4em 4em 3em; 400 background:#FFF; 401 background:rgba(255,255,255,0.7); 402 border:1px solid #dddd00; 403 } 404 /* IE6 can't position fixed */ 405 * html div#naMessage div { position:absolute; } 406 407 div#naMessage strong { 408 font-size:1.1em; 409 } 410 411 .absent, 412 .absent a:link, 413 .absent a:visited, 414 .absent a:hover, 415 .absent * { 416 color:#bbb !important; 417 cursor:default !important; 418 text-decoration:none !important; 419 } 420 421 #api-level-toggle a, 422 .api-level a { 423 color:inherit; 424 text-decoration:none; 425 } 426 427 #api-level-toggle a:hover, 428 .api-level a:hover { 429 color:inherit; 430 text-decoration:underline !important; 431 cursor:pointer !important; 432 } 433 434 #side-nav li.absent.selected, 435 #side-nav li.absent.selected *, 436 #side-nav div.label.absent.selected, 437 #side-nav div.label.absent.selected * { 438 background-color:#eaeaea !important; 439 } 440 /* IE6 quirk (won't chain classes, so just keep background blue) */ 441 * html #side-nav li.selected, 442 * html #side-nav li.selected *, 443 * html #side-nav div.label.selected, 444 * html #side-nav div.label.selected * { 445 background-color: #435a6e !important; 446 } 447 448 449 .absent h4.jd-details-title, 450 .absent h4.jd-details-title * { 451 background-color:#f6f6f6 !important; 452 } 453 454 .absent img { 455 opacity: .3; 456 filter: alpha(opacity=30); 457 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; 458 } 459 460 461 /* applies to a div containing links to summary tables */ 462 .sum-details-links { 463 padding:0; 464 font-weight:normal; 465 } 466 467 .sum-details-links a { 468 text-decoration:none; 469 } 470 471 .sum-details-links a:hover { 472 text-decoration:underline; 473 } 474 475 476 /* inheritance table */ 477 .jd-inheritance-table { 478 border-spacing:0; 479 margin:0; 480 padding:0; 481 font-size:.9em; 482 } 483 .jd-inheritance-table td { 484 border: none; 485 margin: 0; 486 padding: 0; 487 } 488 .jd-inheritance-table .jd-inheritance-space { 489 font-weight:bold; 490 width:1em; 491 } 492 .jd-inheritance-table .jd-inheritance-interface-cell { 493 padding-left: 17px; 494 } 495 496 #jd-content { 497 padding: 18px 15px; 498 } 499 500 hr { 501 background-color:#ccc; 502 border-color:#fff; 503 margin:2em 0 1em; 504 } 505 506 /* DOC CLASSES */ 507 508 #jd-content h1 { 509 /*sdk page*/ 510 font-size:1.6em; 511 color:#336666; 512 margin:0 0 .5em; 513 } 514 515 #jd-content h2 { 516 font-size:1.45em; 517 color:#111; 518 border-top:2px solid #ccc; 519 padding: .5em 0 0; 520 margin: 2em 0 1em 0; 521 } 522 523 #jd-content h3 { 524 font-size:1.2em; 525 color:#222; 526 padding: .75em 0 .65em 0; 527 margin:0; 528 } 529 530 #jd-content h4 { 531 font-size:1.1em; 532 margin-bottom:.5em; 533 color:#222; 534 } 535 536 #jd-content .small-header { 537 font-size:1em; 538 color:#000; 539 font-weight:bold; 540 border:none; 541 padding:0; 542 margin:1em 0 .5em; 543 position:inherit; 544 } 545 546 #jd-content table { 547 margin: 0 0 1em 1em; 548 } 549 550 #jd-content img { 551 margin: 0 0 1em 1em; 552 } 553 554 #jd-content li img, 555 #jd-content dd img { 556 margin:.5em 0 0 1em; 557 } 558 559 .nolist { 560 list-style:none; 561 padding:0; 562 margin:0 0 1em 1em; 563 } 564 565 .nolist li { 566 padding:0 0 2px; 567 margin:0; 568 } 569 570 h4 .normal { 571 font-size:.9em; 572 font-weight:normal; 573 } 574 575 .caps { 576 font-variant:small-caps; 577 font-size:1.2em; 578 } 579 580 dl.tag-list dl.atn-list { 581 padding:0 0 0 2em; 582 } 583 584 .jd-details { 585 /* border:1px solid #669999; 586 padding:4px; */ 587 margin:0 0 1em; 588 } 589 590 /* API reference: a container for the 591 .tagdata blocks that make up the detailed 592 description */ 593 .jd-details-descr { 594 padding:0; 595 margin:.5em .25em; 596 } 597 598 /* API reference: a block containing 599 a detailed description, a params table, 600 seealso list, etc */ 601 .jd-tagdata { 602 margin:.5em 1em; 603 } 604 605 .jd-tagdata p { 606 margin:0 0 1em 1em; 607 } 608 609 /* API reference: adjustments to 610 the detailed description block */ 611 .jd-tagdescr { 612 margin:.25em 0 .75em 0; 613 line-height:1em; 614 } 615 616 .jd-tagdescr p { 617 margin:.5em 0; 618 padding:0; 619 620 } 621 622 .jd-tagdescr ol, 623 .jd-tagdescr ul { 624 margin:0 2.5em; 625 padding:0; 626 } 627 628 .jd-tagdescr table, 629 .jd-tagdescr img { 630 margin:.25em 1em; 631 } 632 633 .jd-tagdescr li { 634 margin:0 0 .25em 0; 635 padding:0; 636 } 637 638 /* API reference: heading marking 639 the details section for constants, 640 attrs, methods, etc. */ 641 h4.jd-details-title { 642 font-size:1.15em; 643 background-color: #E2E2E2; 644 margin:1.5em 0 .6em; 645 padding:3px 95px 3px 3px; /* room for api-level */ 646 } 647 648 h4.jd-tagtitle { 649 margin:0; 650 } 651 652 /* API reference: heading for "Parameters", "See Also", etc., 653 in details sections */ 654 h5.jd-tagtitle { 655 margin:0 0 .25em 0; 656 font-size:1em; 657 } 658 659 .jd-tagtable { 660 margin:0; 661 } 662 663 .jd-tagtable td, 664 .jd-tagtable th { 665 border:none; 666 background-color:#fff; 667 vertical-align:top; 668 font-weight:normal; 669 padding:2px 10px; 670 } 671 672 .jd-tagtable th { 673 font-style:italic; 674 } 675 676 #jd-content table h2 { 677 background-color: #d6d6d6; 678 font-size: 1.1em; 679 margin:0 0 10px; 680 padding:5px; 681 left:0; 682 width:auto; 683 } 684 685 div.special { 686 padding: .5em 1em 1em 1em; 687 margin: 0 0 1em; 688 background-color: #DAF3FC; 689 border:1px solid #d3ecf5; 690 border-radius:5px; 691 -moz-border-radius:5px; 692 -webkit-border-radius:5px; 693 } 694 695 .toggle-content-toggleme { 696 display:none; 697 } 698 699 .toggle-content-button { 700 font-size:.9em; 701 line-height:.9em; 702 text-decoration:none; 703 position:relative; 704 top:5px; 705 } 706 707 .toggle-content-button:hover { 708 text-decoration:underline; 709 } 710 711 div.special p { 712 margin: .5em 0 0 0; 713 } 714 715 div.special ol { 716 margin: 0; 717 } 718 719 div.special ol li { 720 margin: 0; 721 padding: 0; 722 } 723 724 #jd-content div.special h2, 725 #jd-content div.special h3 { 726 color:#669999; 727 font-size:1.2em; 728 border:none; 729 margin:0 0 .5em; 730 padding:0; 731 } 732 733 p.note, p.caution, p.warning { 734 margin: 1em; 735 padding: 0 0 0 .5em; 736 border-left: 4px solid; 737 } 738 739 p.special-note { 740 background-color:#EBF3DB; 741 padding:10px 20px; 742 margin:0 0 1em; 743 } 744 745 p.note { 746 border-color: #99aacc; 747 } 748 749 p.warning { 750 border-color: #aa0033; 751 } 752 753 p.caution { 754 border-color: #ffcf00; 755 } 756 757 p.warning b, p.warning strong { 758 font-weight: bold; 759 } 760 761 li p.note, li p.warning { 762 margin: .5em 0 0 0; 763 padding: .2em .5em .2em .9em; 764 } 765 766 dl.xml dt { 767 font-variant:small-caps; 768 font-size:1.2em; 769 } 770 771 dl.xml dl { 772 padding:0; 773 } 774 775 dl.xml dl dt { 776 font-variant:normal; 777 font-size:1em; 778 } 779 780 .listhead li { 781 font-weight: bold; 782 } 783 784 .listhead li *, /*ie*/.listhead li li { 785 font-weight: normal; 786 } 787 788 ol.no-style, 789 ul.no-style { 790 list-style:none; 791 padding-left:1em; 792 } 793 794 .new { 795 font-size: .78em; 796 font-weight: bold; 797 color: #ff3d3d; 798 text-decoration: none; 799 vertical-align:top; 800 line-height:.9em; 801 } 802 803 pre.classic { 804 background-color:transparent; 805 border:none; 806 padding:0; 807 } 808 809 p.img-caption { 810 margin: -0.5em 0 1em 1em; /* matches default img left-margin */ 811 } 812 813 div.figure { 814 float:right; 815 clear:right; 816 margin:1em 0 0 0; 817 padding:0 0 0 3em; 818 background-color:#fff; 819 /* width must be defined w/ an inline style matching the image width */ 820 } 821 822 #jd-content 823 div.figure img { 824 margin: 0 0 1em; 825 } 826 827 div.figure p.img-caption { 828 margin: -0.5em 0 1em 0; 829 } 830 831 p.table-caption { 832 margin: 0 0 0.5em 1em; /* matches default table left-margin */ 833 } 834 835 /* BEGIN quickview sidebar element styles */ 836 837 #qv-wrapper { 838 float: right; 839 width:310px; /* +35px padding */ 840 background-color:#fff; 841 margin:-48px 0 2px 0; 842 padding:0 0 20px 35px; 843 } 844 845 #qv { 846 background-color:#fff; 847 border:4px solid #dee8f1; 848 margin:0; 849 padding:0 5px 5px; 850 width:292px; /* +10px padding; +8px border */ 851 font-size:.9em; 852 } 853 854 #qv ol { 855 list-style:none; 856 padding: 0; 857 } 858 859 #qv ol ol{ 860 list-style:none; 861 padding: 0 0 0 12px; 862 margin:0; 863 } 864 865 #qv ul { 866 padding: 0 10px 0 2em; 867 } 868 869 #qv li { 870 padding: 0 10px 3px; 871 line-height: 1.2em; 872 } 873 874 #qv li li { 875 padding: 3px 10px 0; 876 } 877 878 #qv ul li { 879 padding: 0 10px 0 0; 880 } 881 882 #qv li.selected a { 883 color:#555; 884 text-decoration:none; 885 } 886 887 #qv a, 888 #qv a code { 889 color:#cc6600; 890 } 891 892 #qv p { 893 margin:8px 0 0; 894 padding:0 10px; 895 } 896 897 #qv-extra #rule { 898 padding: 0 10px; 899 margin: 0; 900 } 901 902 #qv-sub-rule { 903 padding: 6px 20px; 904 margin: 0; 905 } 906 907 #qv-sub-rule p { 908 margin: 0; 909 } 910 911 #jd-content #qv h2 { 912 font-size:1.05em; 913 font-weight:bold; 914 margin:12px 0 .25em 0; 915 padding:0 10px; 916 background-color:transparent; 917 color:#7BB026; 918 border:none; 919 left:0; 920 z-index:1; 921 } 922 923 /* END quickview sidebar element styles */ 924 925 /* Begin sidebox sidebar element styles */ 926 927 .sidebox-wrapper { 928 float:right; 929 clear:right; 930 width:310px; /* +35px padding */ 931 background-color:#fff; 932 margin:0; 933 padding:0 0 20px 35px; 934 } 935 936 .sidebox { 937 border-left:1px solid #dee8f1; 938 background-color:#ffffee; 939 margin:0; 940 padding:8px 12px; 941 font-size:0.9em; 942 width:285px; /* +24px padding; +1px border */ 943 } 944 945 .sidebox p { 946 margin-bottom: .25em; 947 } 948 949 .sidebox ul { 950 padding: 0 0 0 1.5em; 951 } 952 953 .sidebox li ul { 954 margin-top:0; 955 margin-bottom:.1em; 956 } 957 958 .sidebox li { 959 padding:0 0 0 0em; 960 } 961 962 #jd-content .sidebox h2, 963 #jd-content .sidebox h3, 964 #jd-content .sidebox h4, 965 #jd-content .sidebox h5 { 966 border:none; 967 font-size:1em; 968 margin:0; 969 padding:0 0 8px; 970 left:0; 971 z-index:0; 972 } 973 974 .sidebox hr { 975 background-color:#ccc; 976 border:none; 977 } 978 979 /* End sidebox sidebar element styles */ 980 981 /* BEGIN image and caption styles (originally for UI Guidelines docs) */ 982 983 table.image-caption { 984 padding:0; 985 margin:.5em 0; 986 border:0; 987 } 988 989 td.image-caption-i { 990 font-size:92%; 991 padding:0 5px; 992 margin:0; 993 border:0; 994 } 995 996 td.image-caption-i img { 997 padding:0 1em; 998 margin:0; 999 } 1000 1001 .image-list { 1002 width:24px; 1003 text-align:center; 1004 } 1005 1006 td.image-caption-c { 1007 font-size:92%; 1008 padding:1em 2px 2px 2px; 1009 margin:0; 1010 border:0; 1011 width:350px; 1012 } 1013 1014 .grad-rule-top { 1015 background-image:url(images/grad-rule-qv.png); 1016 background-repeat:no-repeat; 1017 padding-top:1em; 1018 margin-top:0; 1019 } 1020 1021 .image-caption-nested { 1022 margin-top:0; 1023 padding:0 0 0 1em; 1024 } 1025 1026 .image-caption-nested td { 1027 padding:0 4px 2px 0; 1028 margin:0; 1029 border:0; 1030 } 1031 1032 /* END image and caption styles */ 1033 1034 /* table of contents */ 1035 1036 ol.toc { 1037 margin: 0 0 1em 0; 1038 padding: 0; 1039 list-style: none; 1040 font-size:95%; 1041 } 1042 1043 ol.toc li { 1044 font-weight: bold; 1045 margin: 0 0 .5em 1em; 1046 padding: 0; 1047 } 1048 1049 ol.toc li p { 1050 font-weight: normal; 1051 } 1052 1053 ol.toc li ol { 1054 margin: 0; 1055 padding: 0; 1056 } 1057 1058 ol.toc li li { 1059 padding: 0; 1060 margin: 0 0 0 1em; 1061 font-weight: normal; 1062 list-style: none; 1063 } 1064 1065 table ol.toc { 1066 margin-left: 0; 1067 } 1068 1069 .columns td { 1070 padding:0 5px; 1071 border:none; 1072 } 1073 1074 /* link table */ 1075 .jd-linktable { 1076 margin: 0 0 1em; 1077 border-bottom: 1px solid #888; 1078 } 1079 .jd-linktable th, 1080 .jd-linktable td { 1081 padding: 3px 5px; 1082 vertical-align: top; 1083 text-align: left; 1084 border:none; 1085 } 1086 .jd-linktable tr { 1087 background-color: #fff; 1088 } 1089 .jd-linktable td { 1090 border-top: 1px solid #888; 1091 background-color: inherit; 1092 } 1093 .jd-linktable td p { 1094 padding: 0 0 5px; 1095 } 1096 .jd-linktable .jd-linkcol { 1097 } 1098 .jd-linktable .jd-descrcol { 1099 } 1100 .jd-linktable .jd-typecol { 1101 text-align:right; 1102 } 1103 .jd-linktable .jd-valcol { 1104 } 1105 .jd-linktable .jd-commentrow { 1106 border-top:none; 1107 padding-left:25px; 1108 } 1109 .jd-deprecated-warning { 1110 margin-top: 0; 1111 margin-bottom: 10px; 1112 } 1113 1114 tr.alt-color { 1115 background-color: #f6f6f6; 1116 } 1117 1118 /* expando trigger */ 1119 #jd-content .jd-expando-trigger-img { 1120 margin:0; 1121 } 1122 1123 /* jd-expando */ 1124 .jd-inheritedlinks { 1125 padding:0 0 0 13px 1126 } 1127 1128 /* SDK PAGE */ 1129 table.download tr { 1130 background-color:#d9d9d9; 1131 } 1132 1133 table.download tr.alt-color { 1134 background-color:#ededed; 1135 } 1136 1137 table.download td, 1138 table.download th { 1139 border:2px solid #fff; 1140 padding:10px 5px; 1141 } 1142 1143 table.download th { 1144 background-color:#6d8293; 1145 color:#fff; 1146 } 1147 1148 /* INLAY 180 COPY and 240PX EXTENSION */ 1149 /* modified to 43px so that all browsers eliminate the package panel h-scroll */ 1150 .g-tpl-240 .g-unit, 1151 .g-unit .g-tpl-240 .g-unit, 1152 .g-unit .g-unit .g-tpl-240 .g-unit { 1153 display: block; 1154 margin: 0 0 0 243px; 1155 width: auto; 1156 float: none; 1157 } 1158 .g-unit .g-unit .g-tpl-240 .g-first, 1159 .g-unit .g-tpl-240 .g-first, 1160 .g-tpl-240 .g-first { 1161 display: block; 1162 margin: 0; 1163 width: 243px; 1164 float: left; 1165 } 1166 /* 240px alt */ 1167 .g-tpl-240-alt .g-unit, 1168 .g-unit .g-tpl-240-alt .g-unit, 1169 .g-unit .g-unit .g-tpl-240-alt .g-unit { 1170 display: block; 1171 margin: 0 243px 0 0; 1172 width: auto; 1173 float: none; 1174 } 1175 .g-unit .g-unit .g-tpl-240-alt .g-first, 1176 .g-unit .g-tpl-240-alt .g-first, 1177 .g-tpl-240-alt .g-first { 1178 display: block; 1179 margin: 0; 1180 width: 243px; 1181 float: right; 1182 } 1183 1184 /* 180px */ 1185 .g-tpl-180 .g-unit, 1186 .g-unit .g-tpl-180 .g-unit, 1187 .g-unit .g-unit .g-tpl-180 .g-unit { 1188 display: block; 1189 margin: 0 0 0 180px; 1190 width: auto; 1191 float: none; 1192 } 1193 .g-unit .g-unit .g-tpl-180 .g-first, 1194 .g-unit .g-tpl-180 .g-first, 1195 .g-tpl-180 .g-first { 1196 display: block; 1197 margin: 0; 1198 width: 180px; 1199 float: left; 1200 } 1201 /* 180px alt */ 1202 .g-tpl-180-alt .g-unit, 1203 .g-unit .g-tpl-180-alt .g-unit, 1204 .g-unit .g-unit .g-tpl-180-alt .g-unit { 1205 display: block; 1206 margin: 0 180px 0 0; 1207 width: auto; 1208 float: none; 1209 } 1210 .g-unit .g-unit .g-tpl-180-alt .g-first, 1211 .g-unit .g-tpl-180-alt .g-first, 1212 .g-tpl-180-alt .g-first { 1213 display: block; 1214 margin: 0; 1215 width: 180px; 1216 float: right; 1217 } 1218 1219 1220 /* JQUERY RESIZABLE STYLES */ 1221 .ui-resizable { position: relative; } 1222 .ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; z-index:1; } 1223 .ui-resizable .ui-resizable-handle { display: block; } 1224 body .ui-resizable-disabled .ui-resizable-handle { display: none; } 1225 body .ui-resizable-autohide .ui-resizable-handle { display: none; } 1226 .ui-resizable-s { cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px; 1227 background: transparent url("images/resizable-s2.gif") repeat scroll center top; } 1228 .ui-resizable-e { cursor: e-resize; width: 6px; right: 0px; top: 0px; height: 100%; 1229 background: transparent url("images/resizable-e2.gif") repeat scroll right center; } 1230 1231 @media print { 1232 1233 body { 1234 overflow:visible; 1235 } 1236 1237 #header { 1238 height:60px; 1239 } 1240 1241 #headerLeft { 1242 padding:0; 1243 } 1244 1245 #header-tabs, 1246 #headerRight, 1247 #side-nav, 1248 #api-info-block { 1249 display:none; 1250 } 1251 1252 #body-content { 1253 position:inherit; 1254 } 1255 1256 #doc-content { 1257 margin-left:0 !important; 1258 height:auto !important; 1259 width:auto !important; 1260 overflow:inherit; 1261 display:inline; 1262 } 1263 1264 #jd-header { 1265 padding:10px 0; 1266 } 1267 1268 #jd-content { 1269 padding:15px 0 0; 1270 } 1271 1272 #footer { 1273 float:none; 1274 margin:2em 0 0; 1275 } 1276 1277 h4.jd-details-title { 1278 border-bottom:1px solid #666; 1279 } 1280 1281 pre { 1282 /* these allow lines to break (if there's a white space) */ 1283 overflow: visible; 1284 text-wrap: unrestricted; 1285 white-space: -moz-pre-wrap; /* Moz */ 1286 white-space: -pre-wrap; /* Opera 4-6 */ 1287 white-space: -o-pre-wrap; /* Opera 7 */ 1288 white-space: pre-wrap; /* CSS3 */ 1289 word-wrap: break-word; /* IE 5.5+ */ 1290 } 1291 1292 h1, h2, h3, h4, h5, h6 { 1293 page-break-after: avoid; 1294 } 1295 1296 table, img { 1297 page-break-inside: avoid; 1298 } 1299 } 1300