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