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