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