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 #resize-packages-nav { 38 /* keeps the resize handle below the h-scroll handle */ 39 height:270px; 40 overflow:hidden; 41 max-height:100%; 42 } 43 44 #packages-nav { 45 height:270px; 46 max-height:inherit; 47 position:relative; 48 overflow:auto; 49 } 50 51 #classes-nav, 52 #devdoc-nav { 53 overflow:auto; 54 position:relative; 55 } 56 57 #side-nav ul { 58 list-style: none; 59 margin: 0; 60 padding:5px 0; 61 } 62 63 #side-nav ul ul { 64 margin: .35em 0 0 0; 65 padding: 0; 66 } 67 68 #side-nav li { 69 padding:0; 70 line-height:16px; 71 white-space:nowrap; 72 zoom:1; 73 } 74 75 #side-nav li h2 { 76 font-size:12px; 77 font-weight: bold; 78 margin:.5em 0 0 0; 79 padding: 3px 0 1px 9px; 80 } 81 82 #side-nav li a { 83 text-decoration:none; 84 padding: 0 0 0 18px; 85 zoom:1; 86 } 87 88 #side-nav li a span+span { 89 display:none; 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 /*second level (nested) list*/ 100 #side-nav li li li a { 101 padding: 0 0 0 28px; 102 } 103 /*third level (nested) list*/ 104 #side-nav li li li li a { 105 padding: 0 0 0 38px; 106 } 107 108 #side-nav .selected { 109 background-color: #435a6e; 110 color: #fff; 111 font-weight:bold; 112 } 113 114 #side-nav .selected a { 115 color: #fff; 116 text-decoration:none; 117 } 118 119 #side-nav strong { 120 display:block; 121 } 122 123 #side-nav .toggle-list .toggle-img { 124 margin:0; 125 padding:0; 126 position:absolute; 127 top:0; 128 left:0; 129 height:16px; 130 width:15px; 131 outline-style:none; 132 } 133 /* second-level toggle */ 134 #side-nav .toggle-list .toggle-list .toggle-img { 135 left:10px; 136 } 137 138 #side-nav .closed .toggle-img, 139 #side-nav .open .closed .toggle-img { 140 background:url('images/triangle-closed-small.png') 7px 4px no-repeat; 141 } 142 #side-nav .open .toggle-img { 143 background:url('images/triangle-opened-small.png') 7px 4px no-repeat; 144 } 145 146 #side-nav .toggle-list { 147 position:relative; 148 } 149 150 #side-nav .toggle-list ul { 151 margin:0; 152 display:none; 153 } 154 155 #side-nav .toggle-list div { 156 display:block; 157 } 158 159 #index-links .selected { 160 background-color: #fff; 161 color: #000; 162 font-weight:normal; 163 text-decoration:none; 164 } 165 166 #index-links { 167 padding:7px 0 4px 10px; 168 } 169 170 /* nav tree */ 171 172 #nav-tree ul { 173 padding:5px 0 1.5em; 174 } 175 176 #side-nav #nav-tree ul li a, 177 #side-nav #nav-tree ul li span.no-children { 178 padding: 0 0 0 0; 179 margin: 0; 180 } 181 182 #nav-tree .plus { 183 margin: 0 3px 0 0; 184 } 185 186 #nav-tree ul ul { 187 list-style: none; 188 margin: 0; 189 padding: 0 0 0 0; 190 } 191 192 #nav-tree ul li { 193 margin: 0; 194 padding: 0 0 0 0; 195 white-space: nowrap; 196 } 197 198 #nav-tree .children_ul { 199 margin:0; 200 } 201 202 #nav-tree a.nolink { 203 color: black; 204 text-decoration: none; 205 } 206 207 #nav-tree span.label { 208 width: 100%; 209 } 210 211 #nav-tree { 212 overflow-x: auto; 213 overflow-y: scroll; 214 } 215 216 #nav-swap { 217 font-size:10px; 218 line-height:10px; 219 margin-left:1em; 220 text-decoration:none; 221 display:block; 222 } 223 224 #tree-link { 225 226 } 227 228 /* DOCUMENT BODY */ 229 230 #doc-content { 231 overflow:auto; 232 } 233 234 #jd-header { 235 background-color: #E2E2E2; 236 padding: 7px 15px; 237 } 238 239 #jd-header h1 { 240 margin: 0 0 10px; 241 font-size:1.7em; 242 } 243 244 #jd-header .crumb { 245 font-size:.9em; 246 line-height:1em; 247 color:#777; 248 } 249 250 #jd-header .crumb a, 251 #jd-header .crumb a:visited { 252 text-decoration:none; 253 color:#777; 254 } 255 256 #jd-header .crumb a:hover { 257 text-decoration:underline; 258 } 259 260 #jd-header table { 261 margin:0; 262 padding:0; 263 } 264 265 #jd-header td { 266 border:none; 267 padding:0; 268 vertical-align:top; 269 } 270 271 #jd-header.guide-header { 272 background-color:#fff; 273 color:#435a6e; 274 height:50px; 275 } 276 277 #jd-descr { 278 position:relative; 279 } 280 281 /* summary tables for reference pages */ 282 .jd-sumtable { 283 margin: .5em 1em 1em 1em; 284 width:95%; /* consistent table widths; within IE's quirks */ 285 font-size:.9em; 286 } 287 288 .jd-sumtable a { 289 text-decoration:none; 290 } 291 292 .jd-sumtable a:hover { 293 text-decoration:underline; 294 } 295 296 /* the link inside a sumtable for "Show All/Hide All" */ 297 .toggle-all { 298 display:block; 299 float:right; 300 font-weight:normal; 301 font-size:0.9em; 302 } 303 304 /* adjustments for in/direct subclasses tables */ 305 .jd-sumtable-subclasses { 306 margin: 1em 0 0 0; 307 max-width:968px; 308 } 309 310 /* extra space between end of method name and open-paren */ 311 .sympad { 312 margin-right: 2px; 313 } 314 315 /* right alignment for the return type in sumtable */ 316 .jd-sumtable .jd-typecol { 317 text-align:right; 318 } 319 320 /* adjustments for the expando table-in-table */ 321 .jd-sumtable-expando { 322 margin:.5em 0; 323 padding:0; 324 } 325 326 /* a div that holds a short description */ 327 .jd-descrdiv { 328 padding:3px 1em 0 1em; 329 margin:0; 330 border:0; 331 } 332 333 /* page-top-right container for reference pages (holds 334 links to summary tables) */ 335 #api-info-block { 336 font-size:.8em; 337 padding:6px 10px; 338 font-weight:normal; 339 float:right; 340 text-align:right; 341 color:#999; 342 max-width:70%; 343 } 344 345 #api-level-toggle { 346 padding:0 10px; 347 font-size:11px; 348 float:right; 349 } 350 351 #api-level-toggle label.disabled { 352 color:#999; 353 } 354 355 div.api-level { 356 font-size:.8em; 357 font-weight:normal; 358 color:#999; 359 float:right; 360 padding:0 7px 0; 361 margin-top:-25px; 362 } 363 364 #api-info-block div.api-level { 365 font-size:1.3em; 366 font-weight:bold; 367 float:none; 368 color:#444; 369 padding:0; 370 margin:0; 371 } 372 373 /* Force link colors for IE6 */ 374 div.api-level a { 375 color:#999; 376 } 377 #api-info-block div.api-level a:link { 378 color:#444; 379 } 380 #api-level-toggle a { 381 color:#999; 382 } 383 384 div#naMessage { 385 display:none; 386 width:555px; 387 height:0; 388 margin:0 auto; 389 } 390 391 div#naMessage div { 392 width:450px; 393 position:fixed; 394 margin:50px 0; 395 padding:4em 4em 3em; 396 background:#FFF; 397 background:rgba(255,255,255,0.7); 398 border:1px solid #dddd00; 399 } 400 /* IE6 can't position fixed */ 401 * html div#naMessage div { position:absolute; } 402 403 div#naMessage strong { 404 font-size:1.1em; 405 } 406 407 .absent, 408 .absent a:link, 409 .absent a:visited, 410 .absent a:hover, 411 .absent * { 412 color:#bbb !important; 413 cursor:default !important; 414 text-decoration:none !important; 415 } 416 417 #api-level-toggle a, 418 .api-level a { 419 color:inherit; 420 text-decoration:none; 421 } 422 423 #api-level-toggle a:hover, 424 .api-level a:hover { 425 color:inherit; 426 text-decoration:underline !important; 427 cursor:pointer !important; 428 } 429 430 #side-nav li.absent.selected, 431 #side-nav li.absent.selected *, 432 #side-nav div.label.absent.selected, 433 #side-nav div.label.absent.selected * { 434 background-color:#eaeaea !important; 435 } 436 /* IE6 quirk (won't chain classes, so just keep background blue) */ 437 * html #side-nav li.selected, 438 * html #side-nav li.selected *, 439 * html #side-nav div.label.selected, 440 * html #side-nav div.label.selected * { 441 background-color: #435a6e !important; 442 } 443 444 445 .absent h4.jd-details-title, 446 .absent h4.jd-details-title * { 447 background-color:#f6f6f6 !important; 448 } 449 450 .absent img { 451 opacity: .3; 452 filter: alpha(opacity=30); 453 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; 454 } 455 456 457 /* applies to a div containing links to summary tables */ 458 .sum-details-links { 459 padding:0; 460 font-weight:normal; 461 } 462 463 .sum-details-links a { 464 text-decoration:none; 465 } 466 467 .sum-details-links a:hover { 468 text-decoration:underline; 469 } 470 471 472 /* inheritance table */ 473 .jd-inheritance-table { 474 border-spacing:0; 475 margin:0; 476 padding:0; 477 font-size:.9em; 478 } 479 .jd-inheritance-table td { 480 border: none; 481 margin: 0; 482 padding: 0; 483 } 484 .jd-inheritance-table .jd-inheritance-space { 485 font-weight:bold; 486 width:1em; 487 } 488 .jd-inheritance-table .jd-inheritance-interface-cell { 489 padding-left: 17px; 490 } 491 492 #jd-content { 493 padding: 18px 15px; 494 } 495 496 hr { 497 background-color:#ccc; 498 border-color:#fff; 499 margin:2em 0 1em; 500 } 501 502 /* DOC CLASSES */ 503 504 #jd-content h1 { 505 /*sdk page*/ 506 font-size:1.6em; 507 color:#336666; 508 margin:0 0 .5em; 509 } 510 511 #jd-content h2 { 512 font-size:1.45em; 513 color:#111; 514 border-top:2px solid #ccc; 515 padding: .5em 0 0; 516 margin: 2em 0 1em 0; 517 } 518 519 #jd-content h3 { 520 font-size:1.2em; 521 color:#222; 522 padding: .75em 0 .65em 0; 523 margin:0; 524 } 525 526 #jd-content h4 { 527 font-size:1.1em; 528 margin-bottom:.5em; 529 color:#222; 530 } 531 532 #jd-content .small-header { 533 font-size:1em; 534 color:#000; 535 font-weight:bold; 536 border:none; 537 padding:0; 538 margin:1em 0 .5em; 539 position:inherit; 540 } 541 542 #jd-content table { 543 margin: 0 0 1em 1em; 544 } 545 546 #jd-content img { 547 margin: 0 0 1em 1em; 548 } 549 550 #jd-content li img, 551 #jd-content dd img { 552 margin:.5em 0 0 1em; 553 } 554 555 .nolist { 556 list-style:none; 557 padding:0; 558 margin:0 0 1em 1em; 559 } 560 561 .nolist li { 562 padding:0 0 2px; 563 margin:0; 564 } 565 566 h4 .normal { 567 font-size:.9em; 568 font-weight:normal; 569 } 570 571 .caps { 572 font-variant:small-caps; 573 font-size:1.2em; 574 } 575 576 dl.tag-list dl.atn-list { 577 padding:0 0 0 2em; 578 } 579 580 .jd-details { 581 /* border:1px solid #669999; 582 padding:4px; */ 583 margin:0 0 1em; 584 } 585 586 /* API reference: a container for the 587 .tagdata blocks that make up the detailed 588 description */ 589 .jd-details-descr { 590 padding:0; 591 margin:.5em .25em; 592 } 593 594 /* API reference: a block containing 595 a detailed description, a params table, 596 seealso list, etc */ 597 .jd-tagdata { 598 margin:.5em 1em; 599 } 600 601 .jd-tagdata p { 602 margin:0 0 1em 1em; 603 } 604 605 /* API reference: adjustments to 606 the detailed description block */ 607 .jd-tagdescr { 608 margin:.25em 0 .75em 0; 609 line-height:1em; 610 } 611 612 .jd-tagdescr p { 613 margin:.5em 0; 614 padding:0; 615 616 } 617 618 .jd-tagdescr ol, 619 .jd-tagdescr ul { 620 margin:0 2.5em; 621 padding:0; 622 } 623 624 .jd-tagdescr table, 625 .jd-tagdescr img { 626 margin:.25em 1em; 627 } 628 629 .jd-tagdescr li { 630 margin:0 0 .25em 0; 631 padding:0; 632 } 633 634 /* API reference: heading marking 635 the details section for constants, 636 attrs, methods, etc. */ 637 h4.jd-details-title { 638 font-size:1.15em; 639 background-color: #E2E2E2; 640 margin:1.5em 0 .6em; 641 padding:3px 95px 3px 3px; /* room for api-level */ 642 } 643 644 h4.jd-tagtitle { 645 margin:0; 646 } 647 648 /* API reference: heading for "Parameters", "See Also", etc., 649 in details sections */ 650 h5.jd-tagtitle { 651 margin:0 0 .25em 0; 652 font-size:1em; 653 } 654 655 .jd-tagtable { 656 margin:0; 657 } 658 659 .jd-tagtable td, 660 .jd-tagtable th { 661 border:none; 662 background-color:#fff; 663 vertical-align:top; 664 font-weight:normal; 665 padding:2px 10px; 666 } 667 668 .jd-tagtable th { 669 font-style:italic; 670 } 671 672 #jd-content table h2 { 673 background-color: #d6d6d6; 674 font-size: 1.1em; 675 margin:0 0 10px; 676 padding:5px; 677 left:0; 678 width:auto; 679 } 680 681 div.special { 682 padding: .5em 1em 1em 1em; 683 margin: 0 0 1em; 684 background-color: #DAF3FC; 685 border:1px solid #d3ecf5; 686 border-radius:5px; 687 -moz-border-radius:5px; 688 -webkit-border-radius:5px; 689 } 690 691 .toggle-content-toggleme { 692 display:none; 693 } 694 695 .toggle-content-button { 696 font-size:.9em; 697 line-height:.9em; 698 text-decoration:none; 699 position:relative; 700 top:5px; 701 } 702 703 .toggle-content-button:hover { 704 text-decoration:underline; 705 } 706 707 div.special p { 708 margin: .5em 0 0 0; 709 } 710 711 div.special ol { 712 margin: 0; 713 } 714 715 div.special ol li { 716 margin: 0; 717 padding: 0; 718 } 719 720 #jd-content div.special h2, 721 #jd-content div.special h3 { 722 color:#669999; 723 font-size:1.2em; 724 border:none; 725 margin:0 0 .5em; 726 padding:0; 727 } 728 729 p.note, p.caution, p.warning { 730 margin: 1em; 731 padding: 0 0 0 .5em; 732 border-left: 4px solid; 733 } 734 735 p.special-note { 736 background-color:#EBF3DB; 737 padding:10px 20px; 738 margin:0 0 1em; 739 } 740 741 p.note { 742 border-color: #99aacc; 743 } 744 745 p.warning { 746 border-color: #aa0033; 747 } 748 749 p.caution { 750 border-color: #ffcf00; 751 } 752 753 p.warning b, p.warning strong { 754 font-weight: bold; 755 } 756 757 li p.note, li p.warning { 758 margin: .5em 0 0 0; 759 padding: .2em .5em .2em .9em; 760 } 761 762 dl.xml dt { 763 font-variant:small-caps; 764 font-size:1.2em; 765 } 766 767 dl.xml dl { 768 padding:0; 769 } 770 771 dl.xml dl dt { 772 font-variant:normal; 773 font-size:1em; 774 } 775 776 .listhead li { 777 font-weight: bold; 778 } 779 780 .listhead li *, /*ie*/.listhead li li { 781 font-weight: normal; 782 } 783 784 ol.no-style, 785 ul.no-style { 786 list-style:none; 787 padding-left:1em; 788 } 789 790 .new { 791 font-size: .78em; 792 font-weight: bold; 793 color: #ff3d3d; 794 text-decoration: none; 795 vertical-align:top; 796 line-height:.9em; 797 } 798 799 pre.classic { 800 background-color:transparent; 801 border:none; 802 padding:0; 803 } 804 805 p.img-caption { 806 margin: -0.5em 0 1em 1em; /* matches default img left-margin */ 807 } 808 809 div.figure { 810 float:right; 811 clear:right; 812 margin:1em 0 0 0; 813 padding:0 0 0 3em; 814 background-color:#fff; 815 /* width must be defined w/ an inline style matching the image width */ 816 } 817 818 #jd-content 819 div.figure img { 820 margin: 0 0 1em; 821 } 822 823 div.figure p.img-caption { 824 margin: -0.5em 0 1em 0; 825 } 826 827 p.table-caption { 828 margin: 0 0 0.5em 1em; /* matches default table left-margin */ 829 } 830 831 /* BEGIN quickview sidebar element styles */ 832 833 #qv-wrapper { 834 float: right; 835 width:310px; /* +35px padding */ 836 background-color:#fff; 837 margin:-48px 0 2px 0; 838 padding:0 0 20px 35px; 839 } 840 841 #qv { 842 background-color:#fff; 843 border:4px solid #dee8f1; 844 margin:0; 845 padding:0 5px 5px; 846 width:292px; /* +10px padding; +8px border */ 847 font-size:.9em; 848 } 849 850 #qv ol { 851 list-style:none; 852 padding: 0; 853 } 854 855 #qv ol ol{ 856 list-style:none; 857 padding: 0 0 0 12px; 858 margin:0; 859 } 860 861 #qv ul { 862 padding: 0 10px 0 2em; 863 } 864 865 #qv li { 866 padding: 0 10px 3px; 867 line-height: 1.2em; 868 } 869 870 #qv li li { 871 padding: 3px 10px 0; 872 } 873 874 #qv ul li { 875 padding: 0 10px 0 0; 876 } 877 878 #qv li.selected a { 879 color:#555; 880 text-decoration:none; 881 } 882 883 #qv a, 884 #qv a code { 885 color:#cc6600; 886 } 887 888 #qv p { 889 margin:8px 0 0; 890 padding:0 10px; 891 } 892 893 #qv-extra #rule { 894 padding: 0 10px; 895 margin: 0; 896 } 897 898 #qv-sub-rule { 899 padding: 6px 20px; 900 margin: 0; 901 } 902 903 #qv-sub-rule p { 904 margin: 0; 905 } 906 907 #jd-content #qv h2 { 908 font-size:1.05em; 909 font-weight:bold; 910 margin:12px 0 .25em 0; 911 padding:0 10px; 912 background-color:transparent; 913 color:#7BB026; 914 border:none; 915 left:0; 916 z-index:1; 917 } 918 919 /* END quickview sidebar element styles */ 920 921 /* Begin sidebox sidebar element styles */ 922 923 .sidebox-wrapper { 924 float:right; 925 clear:right; 926 width:310px; /* +35px padding */ 927 background-color:#fff; 928 margin:0; 929 padding:0 0 20px 35px; 930 } 931 932 .sidebox { 933 border-left:1px solid #dee8f1; 934 background-color:#ffffee; 935 margin:0; 936 padding:8px 12px; 937 font-size:0.9em; 938 width:285px; /* +24px padding; +1px border */ 939 } 940 941 .sidebox p { 942 margin-bottom: .75em; 943 } 944 945 .sidebox ul { 946 padding: 0 0 0 1.5em; 947 } 948 949 .sidebox li ul { 950 margin-top:0; 951 margin-bottom:.1em; 952 } 953 954 .sidebox li { 955 padding:0 0 0 0em; 956 } 957 958 #jd-content .sidebox h2, 959 #jd-content .sidebox h3, 960 #jd-content .sidebox h4, 961 #jd-content .sidebox h5 { 962 border:none; 963 font-size:1em; 964 margin:0; 965 padding:0 0 8px; 966 left:0; 967 z-index:0; 968 } 969 970 .sidebox hr { 971 background-color:#ccc; 972 border:none; 973 } 974 975 /* End sidebox sidebar element styles */ 976 977 /* BEGIN image and caption styles (originally for UI Guidelines docs) */ 978 979 table.image-caption { 980 padding:0; 981 margin:.5em 0; 982 border:0; 983 } 984 985 td.image-caption-i { 986 font-size:92%; 987 padding:0 5px; 988 margin:0; 989 border:0; 990 } 991 992 td.image-caption-i img { 993 padding:0 1em; 994 margin:0; 995 } 996 997 .image-list { 998 width:24px; 999 text-align:center; 1000 } 1001 1002 td.image-caption-c { 1003 font-size:92%; 1004 padding:1em 2px 2px 2px; 1005 margin:0; 1006 border:0; 1007 width:350px; 1008 } 1009 1010 .grad-rule-top { 1011 background-image:url(images/grad-rule-qv.png); 1012 background-repeat:no-repeat; 1013 padding-top:1em; 1014 margin-top:0; 1015 } 1016 1017 .image-caption-nested { 1018 margin-top:0; 1019 padding:0 0 0 1em; 1020 } 1021 1022 .image-caption-nested td { 1023 padding:0 4px 2px 0; 1024 margin:0; 1025 border:0; 1026 } 1027 1028 /* END image and caption styles */ 1029 1030 /* table of contents */ 1031 1032 ol.toc { 1033 margin: 0 0 1em 0; 1034 padding: 0; 1035 list-style: none; 1036 font-size:95%; 1037 } 1038 1039 ol.toc li { 1040 font-weight: bold; 1041 margin: 0 0 .5em 1em; 1042 padding: 0; 1043 } 1044 1045 ol.toc li p { 1046 font-weight: normal; 1047 } 1048 1049 ol.toc li ol { 1050 margin: 0; 1051 padding: 0; 1052 } 1053 1054 ol.toc li li { 1055 padding: 0; 1056 margin: 0 0 0 1em; 1057 font-weight: normal; 1058 list-style: none; 1059 } 1060 1061 table ol.toc { 1062 margin-left: 0; 1063 } 1064 1065 .columns td { 1066 padding:0 5px; 1067 border:none; 1068 } 1069 1070 /* link table */ 1071 .jd-linktable { 1072 margin: 0 0 1em; 1073 border-bottom: 1px solid #888; 1074 } 1075 .jd-linktable th, 1076 .jd-linktable td { 1077 padding: 3px 5px; 1078 vertical-align: top; 1079 text-align: left; 1080 border:none; 1081 } 1082 .jd-linktable tr { 1083 background-color: #fff; 1084 } 1085 .jd-linktable td { 1086 border-top: 1px solid #888; 1087 background-color: inherit; 1088 } 1089 .jd-linktable td p { 1090 padding: 0 0 5px; 1091 } 1092 .jd-linktable .jd-linkcol { 1093 } 1094 .jd-linktable .jd-descrcol { 1095 } 1096 .jd-linktable .jd-typecol { 1097 text-align:right; 1098 } 1099 .jd-linktable .jd-valcol { 1100 } 1101 .jd-linktable .jd-commentrow { 1102 border-top:none; 1103 padding-left:25px; 1104 } 1105 .jd-deprecated-warning { 1106 margin-top: 0; 1107 margin-bottom: 10px; 1108 } 1109 1110 tr.alt-color { 1111 background-color: #f6f6f6; 1112 } 1113 1114 /* expando trigger */ 1115 #jd-content .jd-expando-trigger-img { 1116 margin:0; 1117 } 1118 1119 /* jd-expando */ 1120 .jd-inheritedlinks { 1121 padding:0 0 0 13px 1122 } 1123 1124 /* SDK PAGE */ 1125 table.download tr { 1126 background-color:#d9d9d9; 1127 } 1128 1129 table.download tr.alt-color { 1130 background-color:#ededed; 1131 } 1132 1133 table.download td, 1134 table.download th { 1135 border:2px solid #fff; 1136 padding:10px 5px; 1137 } 1138 1139 table.download th { 1140 background-color:#6d8293; 1141 color:#fff; 1142 } 1143 1144 /* INLAY 180 COPY and 240PX EXTENSION */ 1145 /* modified to 43px so that all browsers eliminate the package panel h-scroll */ 1146 .g-tpl-240 .g-unit, 1147 .g-unit .g-tpl-240 .g-unit, 1148 .g-unit .g-unit .g-tpl-240 .g-unit { 1149 display: block; 1150 margin: 0 0 0 243px; 1151 width: auto; 1152 float: none; 1153 } 1154 .g-unit .g-unit .g-tpl-240 .g-first, 1155 .g-unit .g-tpl-240 .g-first, 1156 .g-tpl-240 .g-first { 1157 display: block; 1158 margin: 0; 1159 width: 243px; 1160 float: left; 1161 } 1162 /* 240px alt */ 1163 .g-tpl-240-alt .g-unit, 1164 .g-unit .g-tpl-240-alt .g-unit, 1165 .g-unit .g-unit .g-tpl-240-alt .g-unit { 1166 display: block; 1167 margin: 0 243px 0 0; 1168 width: auto; 1169 float: none; 1170 } 1171 .g-unit .g-unit .g-tpl-240-alt .g-first, 1172 .g-unit .g-tpl-240-alt .g-first, 1173 .g-tpl-240-alt .g-first { 1174 display: block; 1175 margin: 0; 1176 width: 243px; 1177 float: right; 1178 } 1179 1180 /* 200px */ 1181 .g-tpl-200 .g-unit, 1182 .g-unit .g-tpl-200 .g-unit, 1183 .g-unit .g-unit .g-tpl-200 .g-unit { 1184 display: block; 1185 margin: 0 0 0 200px; 1186 width: auto; 1187 float: none; 1188 } 1189 .g-unit .g-unit .g-tpl-200 .g-first, 1190 .g-unit .g-tpl-200 .g-first, 1191 .g-tpl-200 .g-first { 1192 display: block; 1193 margin: 0; 1194 width: 200px; 1195 float: left; 1196 } 1197 /* 200px alt */ 1198 .g-tpl-200-alt .g-unit, 1199 .g-unit .g-tpl-200-alt .g-unit, 1200 .g-unit .g-unit .g-tpl-200-alt .g-unit { 1201 display: block; 1202 margin: 0 200px 0 0; 1203 width: auto; 1204 float: none; 1205 } 1206 .g-unit .g-unit .g-tpl-200-alt .g-first, 1207 .g-unit .g-tpl-200-alt .g-first, 1208 .g-tpl-200-alt .g-first { 1209 display: block; 1210 margin: 0; 1211 width: 200px; 1212 float: right; 1213 } 1214 1215 /* 190px */ 1216 .g-tpl-190 .g-unit, 1217 .g-unit .g-tpl-190 .g-unit, 1218 .g-unit .g-unit .g-tpl-190 .g-unit { 1219 display: block; 1220 margin: 0 0 0 190px; 1221 width: auto; 1222 float: none; 1223 } 1224 .g-unit .g-unit .g-tpl-190 .g-first, 1225 .g-unit .g-tpl-190 .g-first, 1226 .g-tpl-190 .g-first { 1227 display: block; 1228 margin: 0; 1229 width: 190px; 1230 float: left; 1231 } 1232 /* 190px alt */ 1233 .g-tpl-190-alt .g-unit, 1234 .g-unit .g-tpl-190-alt .g-unit, 1235 .g-unit .g-unit .g-tpl-190-alt .g-unit { 1236 display: block; 1237 margin: 0 190px 0 0; 1238 width: auto; 1239 float: none; 1240 } 1241 .g-unit .g-unit .g-tpl-190-alt .g-first, 1242 .g-unit .g-tpl-190-alt .g-first, 1243 .g-tpl-190-alt .g-first { 1244 display: block; 1245 margin: 0; 1246 width: 190px; 1247 float: right; 1248 } 1249 1250 /* 180px */ 1251 .g-tpl-180 .g-unit, 1252 .g-unit .g-tpl-180 .g-unit, 1253 .g-unit .g-unit .g-tpl-180 .g-unit { 1254 display: block; 1255 margin: 0 0 0 180px; 1256 width: auto; 1257 float: none; 1258 } 1259 .g-unit .g-unit .g-tpl-180 .g-first, 1260 .g-unit .g-tpl-180 .g-first, 1261 .g-tpl-180 .g-first { 1262 display: block; 1263 margin: 0; 1264 width: 180px; 1265 float: left; 1266 } 1267 /* 180px alt */ 1268 .g-tpl-180-alt .g-unit, 1269 .g-unit .g-tpl-180-alt .g-unit, 1270 .g-unit .g-unit .g-tpl-180-alt .g-unit { 1271 display: block; 1272 margin: 0 180px 0 0; 1273 width: auto; 1274 float: none; 1275 } 1276 .g-unit .g-unit .g-tpl-180-alt .g-first, 1277 .g-unit .g-tpl-180-alt .g-first, 1278 .g-tpl-180-alt .g-first { 1279 display: block; 1280 margin: 0; 1281 width: 180px; 1282 float: right; 1283 } 1284 1285 1286 /* JQUERY RESIZABLE STYLES */ 1287 .ui-resizable { position: relative; } 1288 .ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; z-index:1; } 1289 .ui-resizable .ui-resizable-handle { display: block; } 1290 body .ui-resizable-disabled .ui-resizable-handle { display: none; } 1291 body .ui-resizable-autohide .ui-resizable-handle { display: none; } 1292 .ui-resizable-s { cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px; 1293 background: transparent url("images/resizable-s2.gif") repeat scroll center top; } 1294 .ui-resizable-e { cursor: e-resize; width: 6px; right: 0px; top: 0px; height: 100%; 1295 background: transparent url("images/resizable-e2.gif") repeat scroll right center; } 1296 1297 @media print { 1298 1299 body { 1300 overflow:visible; 1301 } 1302 1303 #header { 1304 height:60px; 1305 } 1306 1307 #headerLeft { 1308 padding:0; 1309 } 1310 1311 #header-tabs, 1312 #headerRight, 1313 #side-nav, 1314 #api-info-block { 1315 display:none; 1316 } 1317 1318 #body-content { 1319 position:inherit; 1320 } 1321 1322 #doc-content { 1323 margin-left:0 !important; 1324 height:auto !important; 1325 width:auto !important; 1326 overflow:inherit; 1327 display:inline; 1328 } 1329 1330 #jd-header { 1331 padding:10px 0; 1332 } 1333 1334 #jd-content { 1335 padding:15px 0 0; 1336 } 1337 1338 #footer { 1339 float:none; 1340 margin:2em 0 0; 1341 } 1342 1343 h4.jd-details-title { 1344 border-bottom:1px solid #666; 1345 } 1346 1347 pre { 1348 /* these allow lines to break (if there's a white space) */ 1349 overflow: visible; 1350 text-wrap: unrestricted; 1351 white-space: -moz-pre-wrap; /* Moz */ 1352 white-space: -pre-wrap; /* Opera 4-6 */ 1353 white-space: -o-pre-wrap; /* Opera 7 */ 1354 white-space: pre-wrap; /* CSS3 */ 1355 word-wrap: break-word; /* IE 5.5+ */ 1356 } 1357 1358 h1, h2, h3, h4, h5, h6 { 1359 page-break-after: avoid; 1360 } 1361 1362 table, img { 1363 page-break-inside: avoid; 1364 } 1365 } 1366