android-developer-docs.css revision 629b0f00d3b995aae89102b0151ed3543ca19e57
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 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 334links 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 355div.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 */ 374div.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 384div#naMessage { 385 display:none; 386 width:555px; 387 height:0; 388 margin:0 auto; 389} 390 391div#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 403div#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 496hr { 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.3em; 521 color:#3a3a3a; 522 padding: 0; 523 margin: 1.5em 0 .65em 0; 524} 525 526#jd-content h4 { 527 font-size:1.1em; 528 color:#3a3a3a; 529 padding: 0; 530 margin: 1.25em 0 .65em 0; 531} 532 533#jd-content h5 { 534 font-size:1.0em; 535 color:#3a3a3a; 536 padding: 0; 537 margin: 1em 0 .65em 0; 538} 539 540#jd-content .small-header { 541 font-size:1em; 542 color:#000; 543 font-weight:bold; 544 border:none; 545 padding:0; 546 margin:1em 0 .5em; 547 position:inherit; 548} 549 550#jd-content table { 551 margin: 0 0 1em 1em; 552} 553 554#jd-content img { 555 margin: 0 0 1em 1em; 556} 557 558#jd-content li img, 559#jd-content dd img { 560 margin:.5em 0 0 1em; 561} 562 563.nolist { 564 list-style:none; 565 padding:0; 566 margin:0 0 1em 1em; 567} 568 569.nolist li { 570 padding:0 0 2px; 571 margin:0; 572} 573 574h4 .normal { 575 font-size:.9em; 576 font-weight:normal; 577} 578 579.caps { 580 font-variant:small-caps; 581 font-size:1.2em; 582} 583 584dl.tag-list dl.atn-list { 585 padding:0 0 0 2em; 586} 587 588.jd-details { 589/* border:1px solid #669999; 590 padding:4px; */ 591 margin:0 0 1em; 592} 593 594/* API reference: a container for the 595.tagdata blocks that make up the detailed 596description */ 597.jd-details-descr { 598 padding:0; 599 margin:.5em .25em; 600} 601 602/* API reference: a block containing 603a detailed description, a params table, 604seealso list, etc */ 605.jd-tagdata { 606 margin:.5em 1em; 607} 608 609.jd-tagdata p { 610 margin:0 0 1em 1em; 611} 612 613/* API reference: adjustments to 614the detailed description block */ 615.jd-tagdescr { 616 margin:.25em 0 .75em 0; 617 line-height:1em; 618} 619 620.jd-tagdescr p { 621 margin:.5em 0; 622 padding:0; 623 624} 625 626.jd-tagdescr ol, 627.jd-tagdescr ul { 628 margin:0 2.5em; 629 padding:0; 630} 631 632.jd-tagdescr table, 633.jd-tagdescr img { 634 margin:.25em 1em; 635} 636 637.jd-tagdescr li { 638margin:0 0 .25em 0; 639padding:0; 640} 641 642/* API reference: heading marking 643the details section for constants, 644attrs, methods, etc. */ 645h4.jd-details-title { 646 font-size:1.15em; 647 background-color: #E2E2E2; 648 margin:1.5em 0 .6em; 649 padding:3px 95px 3px 3px; /* room for api-level */ 650} 651 652h4.jd-tagtitle { 653 margin:0; 654} 655 656/* API reference: heading for "Parameters", "See Also", etc., 657in details sections */ 658h5.jd-tagtitle { 659 margin:0 0 .25em 0; 660 font-size:1em; 661} 662 663.jd-tagtable { 664 margin:0; 665} 666 667.jd-tagtable td, 668.jd-tagtable th { 669 border:none; 670 background-color:#fff; 671 vertical-align:top; 672 font-weight:normal; 673 padding:2px 10px; 674} 675 676.jd-tagtable th { 677 font-style:italic; 678} 679 680#jd-content table h2 { 681 background-color: #d6d6d6; 682 font-size: 1.1em; 683 margin:0 0 10px; 684 padding:5px; 685 left:0; 686 width:auto; 687} 688 689div.special { 690 padding: .5em 1em 1em 1em; 691 margin: 0 0 1em; 692 background-color: #DAF3FC; 693 border:1px solid #d3ecf5; 694 border-radius:5px; 695 -moz-border-radius:5px; 696 -webkit-border-radius:5px; 697} 698 699div.special p { 700 margin: .5em 0 0 0; 701} 702 703div.special ol { 704 margin: 0; 705} 706 707div.special ol li { 708 margin: 0; 709 padding: 0; 710} 711 712#jd-content div.special h2, 713#jd-content div.special h3 { 714 color:#669999; 715 font-size:1.2em; 716 border:none; 717 margin:0 0 .5em; 718 padding:0; 719} 720 721p.note, div.note, 722p.caution, div.caution, 723p.warning, div.warning { 724 margin: 1em; 725 padding: 0 0 0 .5em; 726 border-left: 4px solid; 727} 728 729p.special-note, 730div.special-note { 731 background-color:#EBF3DB; 732 padding:10px 20px; 733 margin:0 0 1em; 734} 735 736p.note, 737div.note { 738 border-color: #99aacc; 739} 740 741p.warning, 742div.warning { 743 border-color: #aa0033; 744} 745 746p.caution, 747div.caution { 748 border-color: #ffcf00; 749} 750 751li .note, 752li .caution, 753li .warning { 754 margin: .5em 0 0 0; 755 padding: .2em .5em .2em .9em; 756} 757 758/* Makes sure the first paragraph does not add top-whitespace within the box*/ 759li .note>p:first-child, 760li .caution>p:first-child, 761li .warning>p:first-child { 762 margin-top:0; 763 padding-top:0; 764} 765 766dl.xml dt { 767 font-variant:small-caps; 768 font-size:1.2em; 769} 770 771dl.xml dl { 772 padding:0; 773} 774 775dl.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 788ol.no-style, 789ul.no-style { 790 list-style:none; 791 padding-left:1em; 792} 793 794.new, 795.new-child { 796 font-size: .78em; 797 font-weight: bold; 798 color: #ff3d3d; 799 text-decoration: none; 800 vertical-align:top; 801 line-height:.9em; 802} 803 804.toggle-list.open .new-child { 805 display:none; 806} 807 808pre.classic { 809 background-color:transparent; 810 border:none; 811 padding:0; 812} 813 814p.img-caption { 815 margin: -0.5em 0 1em 1em; /* matches default img left-margin */ 816} 817 818div.figure { 819 float:right; 820 clear:right; 821 margin:1em 0 0 0; 822 padding:0 0 0 3em; 823 background-color:#fff; 824 /* width must be defined w/ an inline style matching the image width */ 825} 826 827#jd-content 828div.figure img { 829 margin: 0 0 1em; 830} 831 832div.figure p.img-caption { 833 margin: -0.5em 0 1em 0; 834} 835 836p.table-caption { 837 margin: 0 0 0.5em 1em; /* matches default table left-margin */ 838} 839 840 841/* toggle for misc content (such as long sample code) 842 see toggleContent() script in android-developer-docs.js */ 843.toggle-content.closed .toggle-content-toggleme { 844 display:none; 845} 846 847.toggle-content a[href="#"] { 848 text-decoration:none; 849 color:inherit; 850} 851 852.toggle-content-toggleme { 853 padding-bottom:1px; /* fixes animation bounce due to margins */ 854} 855 856#jd-content .toggle-content img.toggle-content-img { 857 margin:0; 858} 859 860 861/* BEGIN quickview sidebar element styles */ 862 863#qv-wrapper { 864 float: right; 865 width:310px; /* +35px padding */ 866 background-color:#fff; 867 margin:-48px 0 2px 0; 868 padding:0 0 20px 35px; 869} 870 871#qv { 872 background-color:#fff; 873 border:4px solid #dee8f1; 874 margin:0; 875 padding:0 5px 5px; 876 width:292px; /* +10px padding; +8px border */ 877 font-size:.9em; 878} 879 880#qv ol { 881 list-style:none; 882 padding: 0; 883} 884 885#qv ol ol{ 886 list-style:none; 887 padding: 0 0 0 12px; 888 margin:0; 889} 890 891#qv ul { 892 padding: 0 10px 0 2em; 893} 894 895#qv li { 896 padding: 0 10px 3px; 897 line-height: 1.2em; 898} 899 900#qv li li { 901 padding: 3px 10px 0; 902} 903 904#qv ul li { 905 padding: 0 10px 0 0; 906} 907 908#qv li.selected a { 909 color:#555; 910 text-decoration:none; 911} 912 913#qv a, 914#qv a code { 915 color:#cc6600; 916} 917 918#qv p { 919 margin:8px 0 0; 920 padding:0 10px; 921} 922 923#jd-content #qv h2 { 924 font-size:1.05em; 925 font-weight:bold; 926 margin:12px 0 .25em 0; 927 padding:0 10px; 928 background-color:transparent; 929 color:#7BB026; 930 border:none; 931 left:0; 932 z-index:1; 933} 934 935#qv-extra #rule { 936 padding: 0 10px; 937 margin: 0; 938} 939 940#qv-sub-rule { 941 padding: 5px 15px 10px; 942 margin: 0; 943} 944 945#jd-content 946#qv-sub-rule h2 { 947 margin: 0 0 .5em 0; 948} 949 950/* END quickview sidebar element styles */ 951 952/* Begin sidebox sidebar element styles */ 953 954.sidebox-wrapper { 955 float:right; 956 clear:right; 957 width:310px; /* +35px padding */ 958 background-color:#fff; 959 margin:0; 960 padding:0 0 20px 35px; 961} 962 963.sidebox { 964 border-left:1px solid #dee8f1; 965 background-color:#ffffee; 966 margin:0; 967 padding:8px 12px; 968 font-size:0.9em; 969 width:285px; /* +24px padding; +1px border */ 970} 971 972.sidebox p { 973 margin-bottom: .75em; 974} 975 976.sidebox ul { 977 padding: 0 0 0 1.5em; 978} 979 980.sidebox li ul { 981 margin-top:0; 982 margin-bottom:.1em; 983} 984 985.sidebox li { 986padding:0 0 0 0em; 987} 988 989#jd-content .sidebox h2, 990#jd-content .sidebox h3, 991#jd-content .sidebox h4, 992#jd-content .sidebox h5 { 993 border:none; 994 font-size:1em; 995 margin:0; 996 padding:0 0 8px; 997 left:0; 998 z-index:0; 999} 1000 1001.sidebox hr { 1002 background-color:#ccc; 1003 border:none; 1004} 1005 1006/* End sidebox sidebar element styles */ 1007 1008/* BEGIN developer training bar styles */ 1009 1010div#tb-wrapper { 1011 float: right; 1012 width:480px; /* +25px padding = 505 */ 1013 background-color:#fff; 1014 margin:-48px 0 2px 0; 1015 padding:0 0 20px 25px; 1016} 1017 1018div#tb { 1019 margin:0; 1020 padding:15px; 1021 width:450px; /* +15px padding = 480 */ 1022 font-size:.9em; 1023 background:#e9e9e9; 1024 border-radius:5px; 1025 -moz-border-radius:5px; 1026 -webkit-border-radius:5px; 1027} 1028 1029div#tb h2 { 1030 font-size:1.3em; 1031 font-weight:bold; 1032 margin:12px 0 .25em 0; 1033 padding:10px 0; 1034 background-color:transparent; 1035 border:none; 1036} 1037 1038div.download-box a.button { 1039 color:#eee; 1040 font-weight:bold; 1041 font-size:1.1em; 1042 text-decoration:none; 1043 height:40px; 1044 line-height:40px; 1045 padding:5px 10px; 1046 border:2px solid #99be27; 1047 border-radius:5px; 1048 -moz-border-radius:5px; 1049 -webkit-border-radius:5px; 1050 /* thanks http://www.colorzilla.com/gradient-editor/ */ 1051 background: #aed33c; /* Old browsers */ 1052 background: -moz-linear-gradient(top, #aed33c 20%, #a1c730 80%); /* FF3.6+ */ 1053 background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#aed33c), color-stop(80%,#a1c730)); /* Chrome,Safari4+ */ 1054 background: -webkit-linear-gradient(top, #aed33c 20%,#a1c730 80%); /* Chrome10+,Safari5.1+ */ 1055 background: -o-linear-gradient(top, #aed33c 20%,#a1c730 80%); /* Opera11.10+ */ 1056 background: -ms-linear-gradient(top, #aed33c 20%,#a1c730 80%); /* IE10+ */ 1057 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AED33C', endColorstr='#A1C730',GradientType=0 ); /* IE6-9 */ 1058 background: linear-gradient(top, #aed33c 20%,#a1c730 80%); /* W3C */ 1059} 1060 1061div.download-box a.button:hover { 1062 border:2px solid #b2d841; 1063} 1064 1065div.download-box a.button:active { 1066 background: #a1c730; /* Old browsers */ 1067 background: -moz-linear-gradient(top, #a1c730 15%, #aed33c 70%); /* FF3.6+ */ 1068 background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#a1c730), color-stop(70%,#aed33c)); /* Chrome,Safari4+ */ 1069 background: -webkit-linear-gradient(top, #a1c730 15%,#aed33c 70%); /* Chrome10+,Safari5.1+ */ 1070 background: -o-linear-gradient(top, #a1c730 15%,#aed33c 70%); /* Opera11.10+ */ 1071 background: -ms-linear-gradient(top, #a1c730 15%,#aed33c 70%); /* IE10+ */ 1072 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1c730', endColorstr='#aed33c',GradientType=0 ); /* IE6-9 */ 1073 background: linear-gradient(top, #a1c730 15%,#aed33c 70%); /* W3C */ 1074} 1075 1076div.download-box p.filename { 1077 font-size:0.8em; 1078 color:#888; 1079 margin:0 0 0 12px; 1080} 1081 1082/* End developer training bar */ 1083 1084/* BEGIN image and caption styles (originally for UI Guidelines docs) */ 1085 1086table.image-caption { 1087 padding:0; 1088 margin:.5em 0; 1089 border:0; 1090} 1091 1092td.image-caption-i { 1093 font-size:92%; 1094 padding:0 5px; 1095 margin:0; 1096 border:0; 1097} 1098 1099td.image-caption-i img { 1100 padding:0 1em; 1101 margin:0; 1102} 1103 1104.image-list { 1105 width:24px; 1106 text-align:center; 1107} 1108 1109td.image-caption-c { 1110 font-size:92%; 1111 padding:1em 2px 2px 2px; 1112 margin:0; 1113 border:0; 1114 width:350px; 1115} 1116 1117.grad-rule-top { 1118background-image:url(images/grad-rule-qv.png); 1119background-repeat:no-repeat; 1120padding-top:1em; 1121margin-top:0; 1122} 1123 1124.image-caption-nested { 1125 margin-top:0; 1126 padding:0 0 0 1em; 1127} 1128 1129.image-caption-nested td { 1130 padding:0 4px 2px 0; 1131 margin:0; 1132 border:0; 1133} 1134 1135/* END image and caption styles */ 1136 1137/* table of contents */ 1138 1139ol.toc { 1140 margin: 0 0 1em 0; 1141 padding: 0; 1142 list-style: none; 1143 font-size:95%; 1144} 1145 1146ol.toc li { 1147 font-weight: bold; 1148 margin: 0 0 .5em 1em; 1149 padding: 0; 1150} 1151 1152ol.toc li p { 1153 font-weight: normal; 1154} 1155 1156ol.toc li ol { 1157 margin: 0; 1158 padding: 0; 1159} 1160 1161ol.toc li li { 1162 padding: 0; 1163 margin: 0 0 0 1em; 1164 font-weight: normal; 1165 list-style: none; 1166} 1167 1168table ol.toc { 1169 margin-left: 0; 1170} 1171 1172.columns td { 1173 padding:0 5px; 1174 border:none; 1175} 1176 1177/* link table */ 1178.jd-linktable { 1179 margin: 0 0 1em; 1180 border-bottom: 1px solid #888; 1181} 1182.jd-linktable th, 1183.jd-linktable td { 1184 padding: 3px 5px; 1185 vertical-align: top; 1186 text-align: left; 1187 border:none; 1188} 1189.jd-linktable tr { 1190 background-color: #fff; 1191} 1192.jd-linktable td { 1193 border-top: 1px solid #888; 1194 background-color: inherit; 1195} 1196.jd-linktable td p { 1197 padding: 0 0 5px; 1198} 1199.jd-linktable .jd-linkcol { 1200} 1201.jd-linktable .jd-descrcol { 1202} 1203.jd-linktable .jd-typecol { 1204 text-align:right; 1205} 1206.jd-linktable .jd-valcol { 1207} 1208.jd-linktable .jd-commentrow { 1209 border-top:none; 1210 padding-left:25px; 1211} 1212.jd-deprecated-warning { 1213 margin-top: 0; 1214 margin-bottom: 10px; 1215} 1216 1217tr.alt-color { 1218 background-color: #f6f6f6; 1219} 1220 1221/* expando trigger */ 1222#jd-content .jd-expando-trigger-img { 1223 margin:0; 1224} 1225 1226/* jd-expando */ 1227.jd-inheritedlinks { 1228 padding:0 0 0 13px 1229} 1230 1231/* SDK PAGE */ 1232table.download tr { 1233 background-color:#d9d9d9; 1234} 1235 1236table.download tr.alt-color { 1237 background-color:#ededed; 1238} 1239 1240table.download td, 1241table.download th { 1242 border:2px solid #fff; 1243 padding:10px 5px; 1244} 1245 1246table.download th { 1247 background-color:#6d8293; 1248 color:#fff; 1249} 1250 1251/* INLAY 180 COPY and 240PX EXTENSION */ 1252/* modified to 43px so that all browsers eliminate the package panel h-scroll */ 1253.g-tpl-240 .g-unit, 1254.g-unit .g-tpl-240 .g-unit, 1255.g-unit .g-unit .g-tpl-240 .g-unit { 1256 display: block; 1257 margin: 0 0 0 243px; 1258 width: auto; 1259 float: none; 1260} 1261.g-unit .g-unit .g-tpl-240 .g-first, 1262.g-unit .g-tpl-240 .g-first, 1263.g-tpl-240 .g-first { 1264 display: block; 1265 margin: 0; 1266 width: 243px; 1267 float: left; 1268} 1269/* 240px alt */ 1270.g-tpl-240-alt .g-unit, 1271.g-unit .g-tpl-240-alt .g-unit, 1272.g-unit .g-unit .g-tpl-240-alt .g-unit { 1273 display: block; 1274 margin: 0 243px 0 0; 1275 width: auto; 1276 float: none; 1277} 1278.g-unit .g-unit .g-tpl-240-alt .g-first, 1279.g-unit .g-tpl-240-alt .g-first, 1280.g-tpl-240-alt .g-first { 1281 display: block; 1282 margin: 0; 1283 width: 243px; 1284 float: right; 1285} 1286 1287/* 200px */ 1288.g-tpl-200 .g-unit, 1289.g-unit .g-tpl-200 .g-unit, 1290.g-unit .g-unit .g-tpl-200 .g-unit { 1291 display: block; 1292 margin: 0 0 0 200px; 1293 width: auto; 1294 float: none; 1295} 1296.g-unit .g-unit .g-tpl-200 .g-first, 1297.g-unit .g-tpl-200 .g-first, 1298.g-tpl-200 .g-first { 1299 display: block; 1300 margin: 0; 1301 width: 200px; 1302 float: left; 1303} 1304/* 200px alt */ 1305.g-tpl-200-alt .g-unit, 1306.g-unit .g-tpl-200-alt .g-unit, 1307.g-unit .g-unit .g-tpl-200-alt .g-unit { 1308 display: block; 1309 margin: 0 200px 0 0; 1310 width: auto; 1311 float: none; 1312} 1313.g-unit .g-unit .g-tpl-200-alt .g-first, 1314.g-unit .g-tpl-200-alt .g-first, 1315.g-tpl-200-alt .g-first { 1316 display: block; 1317 margin: 0; 1318 width: 200px; 1319 float: right; 1320} 1321 1322/* 190px */ 1323.g-tpl-190 .g-unit, 1324.g-unit .g-tpl-190 .g-unit, 1325.g-unit .g-unit .g-tpl-190 .g-unit { 1326 display: block; 1327 margin: 0 0 0 190px; 1328 width: auto; 1329 float: none; 1330} 1331.g-unit .g-unit .g-tpl-190 .g-first, 1332.g-unit .g-tpl-190 .g-first, 1333.g-tpl-190 .g-first { 1334 display: block; 1335 margin: 0; 1336 width: 190px; 1337 float: left; 1338} 1339/* 190px alt */ 1340.g-tpl-190-alt .g-unit, 1341.g-unit .g-tpl-190-alt .g-unit, 1342.g-unit .g-unit .g-tpl-190-alt .g-unit { 1343 display: block; 1344 margin: 0 190px 0 0; 1345 width: auto; 1346 float: none; 1347} 1348.g-unit .g-unit .g-tpl-190-alt .g-first, 1349.g-unit .g-tpl-190-alt .g-first, 1350.g-tpl-190-alt .g-first { 1351 display: block; 1352 margin: 0; 1353 width: 190px; 1354 float: right; 1355} 1356 1357/* 180px */ 1358.g-tpl-180 .g-unit, 1359.g-unit .g-tpl-180 .g-unit, 1360.g-unit .g-unit .g-tpl-180 .g-unit { 1361 display: block; 1362 margin: 0 0 0 180px; 1363 width: auto; 1364 float: none; 1365} 1366.g-unit .g-unit .g-tpl-180 .g-first, 1367.g-unit .g-tpl-180 .g-first, 1368.g-tpl-180 .g-first { 1369 display: block; 1370 margin: 0; 1371 width: 180px; 1372 float: left; 1373} 1374/* 180px alt */ 1375.g-tpl-180-alt .g-unit, 1376.g-unit .g-tpl-180-alt .g-unit, 1377.g-unit .g-unit .g-tpl-180-alt .g-unit { 1378 display: block; 1379 margin: 0 180px 0 0; 1380 width: auto; 1381 float: none; 1382} 1383.g-unit .g-unit .g-tpl-180-alt .g-first, 1384.g-unit .g-tpl-180-alt .g-first, 1385.g-tpl-180-alt .g-first { 1386 display: block; 1387 margin: 0; 1388 width: 180px; 1389 float: right; 1390} 1391 1392 1393/* JQUERY RESIZABLE STYLES */ 1394.ui-resizable { position: relative; } 1395.ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; z-index:1; } 1396.ui-resizable .ui-resizable-handle { display: block; } 1397body .ui-resizable-disabled .ui-resizable-handle { display: none; } 1398body .ui-resizable-autohide .ui-resizable-handle { display: none; } 1399.ui-resizable-s { cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px; 1400 background: transparent url("images/resizable-s2.gif") repeat scroll center top; } 1401.ui-resizable-e { cursor: e-resize; width: 6px; right: 0px; top: 0px; height: 100%; 1402 background: transparent url("images/resizable-e2.gif") repeat scroll right center; } 1403 1404@media print { 1405 1406 body { 1407 overflow:visible; 1408 } 1409 1410 #header { 1411 height:60px; 1412 } 1413 1414 #headerLeft { 1415 padding:0; 1416 } 1417 1418 #header-tabs, 1419 #headerRight, 1420 #side-nav, 1421 #api-info-block { 1422 display:none; 1423 } 1424 1425 #body-content { 1426 position:inherit; 1427 } 1428 1429 #doc-content { 1430 margin-left:0 !important; 1431 height:auto !important; 1432 width:auto !important; 1433 overflow:inherit; 1434 display:inline; 1435 } 1436 1437 #jd-header { 1438 padding:10px 0; 1439 } 1440 1441 #jd-content { 1442 padding:15px 0 0; 1443 } 1444 1445 #footer { 1446 float:none; 1447 margin:2em 0 0; 1448 } 1449 1450 h4.jd-details-title { 1451 border-bottom:1px solid #666; 1452 } 1453 1454 pre { 1455 /* these allow lines to break (if there's a white space) */ 1456 overflow: visible; 1457 text-wrap: unrestricted; 1458 white-space: -moz-pre-wrap; /* Moz */ 1459 white-space: -pre-wrap; /* Opera 4-6 */ 1460 white-space: -o-pre-wrap; /* Opera 7 */ 1461 white-space: pre-wrap; /* CSS3 */ 1462 word-wrap: break-word; /* IE 5.5+ */ 1463 } 1464 1465 h1, h2, h3, h4, h5, h6 { 1466 page-break-after: avoid; 1467 } 1468 1469 table, img { 1470 page-break-inside: avoid; 1471 } 1472} 1473