android-developer-docs.css revision b10b282b43177466caf04138679f29d0d2714679
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 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 display: inline-block; /* needed to apply padding to line-wraps */ 84 text-decoration:none; 85 padding: 0 0 0 18px; 86 white-space:normal; 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 336links 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 357div.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 */ 376div.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 386div#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 401div#naMessage { 402 display:none; 403 width:555px; 404 height:0; 405 margin:0 auto; 406} 407 408div#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 423div#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 516hr { 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 0 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 594h4 .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 604dl.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 616description */ 617.jd-details-descr { 618 padding:0; 619 margin:.5em .25em; 620} 621 622/* API reference: a block containing 623a detailed description, a params table, 624seealso 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 634the 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 { 658margin:0 0 .25em 0; 659padding:0; 660} 661 662/* API reference: heading marking 663the details section for constants, 664attrs, methods, etc. */ 665h4.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 672h4.jd-tagtitle { 673 margin:0; 674} 675 676/* API reference: heading for "Parameters", "See Also", etc., 677in details sections */ 678h5.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 709div.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('../design/static/ico_styleguide.png') 5px 13px no-repeat; 715} 716 717div.design-announce p { 718 margin: .5em 0 0 0; 719} 720 721div.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 731div.special p { 732 margin: .5em 0 0 0; 733} 734 735div.special ol { 736 margin: 0; 737} 738 739div.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 764p.note, div.note, 765p.caution, div.caution, 766p.warning, div.warning { 767 margin: 1em; 768 padding: 0 0 0 .5em; 769 border-left: 4px solid; 770} 771 772p.special-note, 773div.special-note { 774 background-color:#EBF3DB; 775 padding:10px 20px; 776 margin:0 0 1em; 777} 778 779p.note, 780div.note { 781 border-color: #99aacc; 782} 783 784p.warning, 785div.warning { 786 border-color: #aa0033; 787} 788 789p.caution, 790div.caution { 791 border-color: #ffcf00; 792} 793 794li .note, 795li .caution, 796li .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*/ 802li .note>p:first-child, 803li .caution>p:first-child, 804li .warning>p:first-child { 805 margin-top:0; 806 padding-top:0; 807} 808 809dl.xml dt { 810 font-variant:small-caps; 811 font-size:1.2em; 812} 813 814dl.xml dl { 815 padding:0; 816} 817 818dl.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 831ol.no-style, 832ul.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} 846 847.toggle-list.open .new-child { 848 display:none; 849} 850 851pre.classic { 852 background-color:transparent; 853 border:none; 854 padding:0; 855} 856 857p.img-caption { 858 margin: -0.5em 0 1em 1em; /* matches default img left-margin */ 859} 860 861div.figure { 862 float:right; 863 clear:right; 864 margin:1em 0 0 0; 865 padding:0 0 0 3em; 866 background-color:#fff; 867 /* width must be defined w/ an inline style matching the image width */ 868} 869 870#jd-content 871div.figure img { 872 margin: 0 0 1em; 873} 874 875div.figure p.img-caption { 876 margin: -0.5em 0 1em 0; 877} 878 879p.table-caption { 880 margin: 0 0 0.5em 1em; /* matches default table left-margin */ 881} 882 883 884/* toggle for misc content (such as long sample code) 885 see toggleContent() script in android-developer-docs.js */ 886.toggle-content.closed .toggle-content-toggleme { 887 display:none; 888} 889 890.toggle-content a[href="#"] { 891 text-decoration:none; 892 color:inherit; 893} 894 895.toggle-content-toggleme { 896 padding-bottom:1px; /* fixes animation bounce due to margins */ 897} 898 899#jd-content .toggle-content img.toggle-content-img { 900 margin:0; 901} 902 903 904/* BEGIN quickview sidebar element styles */ 905 906#qv-wrapper { 907 float: right; 908 width:310px; /* +35px padding */ 909 background-color:#fff; 910 margin:-48px 0 2px 0; 911 padding:0 0 20px 35px; 912} 913 914#qv { 915 background-color:#fff; 916 border:4px solid #dee8f1; 917 margin:0; 918 padding:0 5px 5px; 919 width:292px; /* +10px padding; +8px border */ 920 font-size:.9em; 921} 922 923#qv ol { 924 list-style:none; 925 padding: 0; 926} 927 928#qv ol ol{ 929 list-style:none; 930 padding: 0 0 0 12px; 931 margin:0; 932} 933 934#qv ul { 935 padding: 0 10px 0 2em; 936} 937 938#qv li { 939 padding: 0 10px 3px; 940 line-height: 1.2em; 941} 942 943#qv li li { 944 padding: 3px 10px 0; 945} 946 947#qv ul li { 948 padding: 0 10px 0 0; 949} 950 951#qv li.selected a { 952 color:#555; 953 text-decoration:none; 954} 955 956#qv a, 957#qv a code { 958 color:#cc6600; 959} 960 961#qv p { 962 margin:8px 0 0; 963 padding:0 10px; 964} 965 966#jd-content #qv h2 { 967 font-size:1.05em; 968 font-weight:bold; 969 margin:12px 0 .25em 0; 970 padding:0 10px; 971 background-color:transparent; 972 color:#7BB026; 973 border:none; 974 left:0; 975 z-index:1; 976} 977 978#qv-extra #rule { 979 padding: 0 10px; 980 margin: 0; 981} 982 983#qv-sub-rule { 984 padding: 5px 15px 10px; 985 margin: 0; 986} 987 988#jd-content 989#qv-sub-rule h2 { 990 margin: 0 0 .5em 0; 991} 992 993/* END quickview sidebar element styles */ 994 995/* Begin sidebox sidebar element styles */ 996 997.sidebox-wrapper { 998 float:right; 999 clear:right; 1000 width:310px; /* +35px padding */ 1001 background-color:#fff; 1002 margin:0; 1003 padding:0 0 20px 35px; 1004} 1005 1006.sidebox { 1007 border-left:1px solid #dee8f1; 1008 background-color:#ffffee; 1009 margin:0; 1010 padding:8px 12px; 1011 font-size:0.9em; 1012 width:285px; /* +24px padding; +1px border */ 1013} 1014 1015.sidebox p { 1016 margin-bottom: .75em; 1017} 1018 1019.sidebox ul { 1020 padding: 0 0 0 1.5em; 1021} 1022 1023.sidebox li ul { 1024 margin-top:0; 1025 margin-bottom:.1em; 1026} 1027 1028.sidebox li { 1029padding:0 0 0 0em; 1030} 1031 1032#jd-content .sidebox h2, 1033#jd-content .sidebox h3, 1034#jd-content .sidebox h4, 1035#jd-content .sidebox h5 { 1036 border:none; 1037 font-size:1em; 1038 margin:0; 1039 padding:0 0 8px; 1040 left:0; 1041 z-index:0; 1042} 1043 1044.sidebox hr { 1045 background-color:#ccc; 1046 border:none; 1047} 1048 1049/* End sidebox sidebar element styles */ 1050 1051/* BEGIN developer training bar styles */ 1052 1053div#tb-wrapper { 1054 float: right; 1055 clear:right; 1056 width:380px; /* +25px padding = 405 */ 1057 background-color:#fff; 1058 margin:0 0 2px 0; 1059 padding:0 0 20px 25px; 1060} 1061 1062div#tb { 1063 margin:0; 1064 padding:0 15px; 1065 width:350px; /* +15px padding = 380 */ 1066 font-size:.9em; 1067 background:#e9e9e9; 1068 border:1px solid #aaa; 1069 border-radius:5px; 1070 -moz-border-radius:5px; 1071 -webkit-border-radius:5px; 1072 overflow:auto; 1073} 1074 1075div#tb h2 { 1076 font-size:1.3em; 1077 font-weight:bold; 1078 margin:1em 0; 1079 padding:0; 1080 background-color:transparent; 1081 border:none; 1082 clear:both; 1083} 1084 1085div.download-box a.button { 1086 color: #069; 1087 font-size:1.1em; 1088 font-weight:bold; 1089 text-decoration:none; 1090 height:27px; 1091 line-height:27px; 1092 text-align:center; 1093 padding:5px 8px; 1094 background-color: #fff; 1095 border: 1px solid #aaa; 1096 -webkit-border-radius: 2px; 1097 -moz-border-radius: 2px; 1098 border-radius: 2px; 1099} 1100 1101div.download-box a.button:hover { 1102 border-color: #09C; 1103 background-color: #4CADCB; 1104 background-image: -webkit-gradient(linear,left top,left bottom,from(#5dbcd9),to(#4cadcb)); 1105 background-image: -webkit-linear-gradient(top,#5dbcd9,#4cadcb); 1106 background-image: -moz-linear-gradient(top,#5dbcd9,#4cadcb); 1107 background-image: -ms-linear-gradient(top,#5dbcd9,#4cadcb); 1108 background-image: -o-linear-gradient(top,#5dbcd9,#4cadcb); 1109 background-image: linear-gradient(top,#5dbcd9,#4cadcb); 1110 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5dbcd9',EndColorStr='#4cadcb'); 1111 color: #fff; 1112} 1113 1114div.download-box a.button:active { 1115 background-color: #1E799A; 1116 background-image: none; 1117 border-color: #30B7E6; 1118} 1119 1120div.download-box p.filename { 1121 font-size:0.85em; 1122 color:#888; 1123 margin:4px 0 1em 10px; 1124} 1125 1126/* End developer training bar */ 1127 1128/* Training nav bar (previous/next) */ 1129 1130div.training-nav-top { 1131 float: right; 1132 width:380px; /* +25px padding = 405 */ 1133 margin:-58px 0 0 0; 1134 padding:0 0 20px 25px; 1135} 1136 1137div.training-nav-bottom { 1138 padding:1px; /* for weird FF bug (scrollbar appears) */ 1139 margin:3em 0; 1140 overflow:auto; 1141} 1142 1143div.training-nav-button-next a, 1144div.training-nav-button-previous a { 1145 display:block; 1146 width:160px; 1147 height:55px; 1148 padding:4px 7px; 1149 border:1px solid #aaa; 1150 border-radius:5px; 1151 -moz-border-radius:5px; 1152 -webkit-border-radius:5px; 1153 text-decoration:none; 1154 font-weight:bold; 1155} 1156 1157div.training-nav-button-next a:hover, 1158div.training-nav-button-previous a:hover { 1159 border:1px solid #069; /* match link color */ 1160} 1161 1162div.training-nav-button-next a:active, 1163div.training-nav-button-previous a:active { 1164 border:1px solid #f00; /* match link color */ 1165} 1166 1167div.training-nav-button-previous { 1168 float:left; 1169 text-align:left; 1170} 1171 1172div.training-nav-button-next { 1173 float:right; 1174 text-align:right; 1175} 1176 1177span.training-nav-button-title { 1178 display:block; 1179 font-size:.85em; 1180 font-weight:normal; 1181 line-height:1.3em; 1182 margin:.5em 0 0; 1183} 1184 1185/* End training nav bar */ 1186 1187/* BEGIN image and caption styles (originally for UI Guidelines docs) */ 1188 1189table.image-caption { 1190 padding:0; 1191 margin:.5em 0; 1192 border:0; 1193} 1194 1195td.image-caption-i { 1196 font-size:92%; 1197 padding:0 5px; 1198 margin:0; 1199 border:0; 1200} 1201 1202td.image-caption-i img { 1203 padding:0 1em; 1204 margin:0; 1205} 1206 1207.image-list { 1208 width:24px; 1209 text-align:center; 1210} 1211 1212td.image-caption-c { 1213 font-size:92%; 1214 padding:1em 2px 2px 2px; 1215 margin:0; 1216 border:0; 1217 width:350px; 1218} 1219 1220.grad-rule-top { 1221background-image:url(images/grad-rule-qv.png); 1222background-repeat:no-repeat; 1223padding-top:1em; 1224margin-top:0; 1225} 1226 1227.image-caption-nested { 1228 margin-top:0; 1229 padding:0 0 0 1em; 1230} 1231 1232.image-caption-nested td { 1233 padding:0 4px 2px 0; 1234 margin:0; 1235 border:0; 1236} 1237 1238/* END image and caption styles */ 1239 1240/* table of contents */ 1241 1242ol.toc { 1243 margin: 0 0 1em 0; 1244 padding: 0; 1245 list-style: none; 1246 font-size:95%; 1247} 1248 1249ol.toc li { 1250 font-weight: bold; 1251 margin: 0 0 .5em 1em; 1252 padding: 0; 1253} 1254 1255ol.toc li p { 1256 font-weight: normal; 1257} 1258 1259ol.toc li ol { 1260 margin: 0; 1261 padding: 0; 1262} 1263 1264ol.toc li li { 1265 padding: 0; 1266 margin: 0 0 0 1em; 1267 font-weight: normal; 1268 list-style: none; 1269} 1270 1271table ol.toc { 1272 margin-left: 0; 1273} 1274 1275.columns td { 1276 padding:0 5px; 1277 border:none; 1278} 1279 1280/* link table */ 1281.jd-linktable { 1282 margin: 0 0 1em; 1283 border-bottom: 1px solid #888; 1284} 1285.jd-linktable th, 1286.jd-linktable td { 1287 padding: 3px 5px; 1288 vertical-align: top; 1289 text-align: left; 1290 border:none; 1291} 1292.jd-linktable tr { 1293 background-color: #fff; 1294} 1295.jd-linktable td { 1296 border-top: 1px solid #888; 1297 background-color: inherit; 1298} 1299.jd-linktable td p { 1300 padding: 0 0 5px; 1301} 1302.jd-linktable .jd-linkcol { 1303} 1304.jd-linktable .jd-descrcol { 1305} 1306.jd-linktable .jd-typecol { 1307 text-align:right; 1308} 1309.jd-linktable .jd-valcol { 1310} 1311.jd-linktable .jd-commentrow { 1312 border-top:none; 1313 padding-left:25px; 1314} 1315.jd-deprecated-warning { 1316 margin-top: 0; 1317 margin-bottom: 10px; 1318} 1319 1320tr.alt-color { 1321 background-color: #f6f6f6; 1322} 1323 1324/* expando trigger */ 1325#jd-content .jd-expando-trigger-img { 1326 margin:0; 1327} 1328 1329/* jd-expando */ 1330.jd-inheritedlinks { 1331 padding:0 0 0 13px 1332} 1333 1334/* SDK PAGE */ 1335table.download tr { 1336 background-color:#d9d9d9; 1337} 1338 1339table.download tr.alt-color { 1340 background-color:#ededed; 1341} 1342 1343table.download td, 1344table.download th { 1345 border:2px solid #fff; 1346 padding:10px 5px; 1347} 1348 1349table.download th { 1350 background-color:#6d8293; 1351 color:#fff; 1352} 1353 1354/* INLAY 180 COPY and 240PX EXTENSION */ 1355/* modified to 43px so that all browsers eliminate the package panel h-scroll */ 1356.g-tpl-240 .g-unit, 1357.g-unit .g-tpl-240 .g-unit, 1358.g-unit .g-unit .g-tpl-240 .g-unit { 1359 display: block; 1360 margin: 0 0 0 243px; 1361 width: auto; 1362 float: none; 1363} 1364.g-unit .g-unit .g-tpl-240 .g-first, 1365.g-unit .g-tpl-240 .g-first, 1366.g-tpl-240 .g-first { 1367 display: block; 1368 margin: 0; 1369 width: 243px; 1370 float: left; 1371} 1372/* 240px alt */ 1373.g-tpl-240-alt .g-unit, 1374.g-unit .g-tpl-240-alt .g-unit, 1375.g-unit .g-unit .g-tpl-240-alt .g-unit { 1376 display: block; 1377 margin: 0 243px 0 0; 1378 width: auto; 1379 float: none; 1380} 1381.g-unit .g-unit .g-tpl-240-alt .g-first, 1382.g-unit .g-tpl-240-alt .g-first, 1383.g-tpl-240-alt .g-first { 1384 display: block; 1385 margin: 0; 1386 width: 243px; 1387 float: right; 1388} 1389 1390/* 200px */ 1391.g-tpl-200 .g-unit, 1392.g-unit .g-tpl-200 .g-unit, 1393.g-unit .g-unit .g-tpl-200 .g-unit { 1394 display: block; 1395 margin: 0 0 0 200px; 1396 width: auto; 1397 float: none; 1398} 1399.g-unit .g-unit .g-tpl-200 .g-first, 1400.g-unit .g-tpl-200 .g-first, 1401.g-tpl-200 .g-first { 1402 display: block; 1403 margin: 0; 1404 width: 200px; 1405 float: left; 1406} 1407/* 200px alt */ 1408.g-tpl-200-alt .g-unit, 1409.g-unit .g-tpl-200-alt .g-unit, 1410.g-unit .g-unit .g-tpl-200-alt .g-unit { 1411 display: block; 1412 margin: 0 200px 0 0; 1413 width: auto; 1414 float: none; 1415} 1416.g-unit .g-unit .g-tpl-200-alt .g-first, 1417.g-unit .g-tpl-200-alt .g-first, 1418.g-tpl-200-alt .g-first { 1419 display: block; 1420 margin: 0; 1421 width: 200px; 1422 float: right; 1423} 1424 1425/* 190px */ 1426.g-tpl-190 .g-unit, 1427.g-unit .g-tpl-190 .g-unit, 1428.g-unit .g-unit .g-tpl-190 .g-unit { 1429 display: block; 1430 margin: 0 0 0 190px; 1431 width: auto; 1432 float: none; 1433} 1434.g-unit .g-unit .g-tpl-190 .g-first, 1435.g-unit .g-tpl-190 .g-first, 1436.g-tpl-190 .g-first { 1437 display: block; 1438 margin: 0; 1439 width: 190px; 1440 float: left; 1441} 1442/* 190px alt */ 1443.g-tpl-190-alt .g-unit, 1444.g-unit .g-tpl-190-alt .g-unit, 1445.g-unit .g-unit .g-tpl-190-alt .g-unit { 1446 display: block; 1447 margin: 0 190px 0 0; 1448 width: auto; 1449 float: none; 1450} 1451.g-unit .g-unit .g-tpl-190-alt .g-first, 1452.g-unit .g-tpl-190-alt .g-first, 1453.g-tpl-190-alt .g-first { 1454 display: block; 1455 margin: 0; 1456 width: 190px; 1457 float: right; 1458} 1459 1460/* 180px */ 1461.g-tpl-180 .g-unit, 1462.g-unit .g-tpl-180 .g-unit, 1463.g-unit .g-unit .g-tpl-180 .g-unit { 1464 display: block; 1465 margin: 0 0 0 180px; 1466 width: auto; 1467 float: none; 1468} 1469.g-unit .g-unit .g-tpl-180 .g-first, 1470.g-unit .g-tpl-180 .g-first, 1471.g-tpl-180 .g-first { 1472 display: block; 1473 margin: 0; 1474 width: 180px; 1475 float: left; 1476} 1477/* 180px alt */ 1478.g-tpl-180-alt .g-unit, 1479.g-unit .g-tpl-180-alt .g-unit, 1480.g-unit .g-unit .g-tpl-180-alt .g-unit { 1481 display: block; 1482 margin: 0 180px 0 0; 1483 width: auto; 1484 float: none; 1485} 1486.g-unit .g-unit .g-tpl-180-alt .g-first, 1487.g-unit .g-tpl-180-alt .g-first, 1488.g-tpl-180-alt .g-first { 1489 display: block; 1490 margin: 0; 1491 width: 180px; 1492 float: right; 1493} 1494 1495 1496/* JQUERY RESIZABLE STYLES */ 1497.ui-resizable { position: relative; } 1498.ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; z-index:1; } 1499.ui-resizable .ui-resizable-handle { display: block; } 1500body .ui-resizable-disabled .ui-resizable-handle { display: none; } 1501body .ui-resizable-autohide .ui-resizable-handle { display: none; } 1502.ui-resizable-s { cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px; 1503 background: transparent url("images/resizable-s2.gif") repeat scroll center top; } 1504.ui-resizable-e { cursor: e-resize; width: 6px; right: 0px; top: 0px; height: 100%; 1505 background: transparent url("images/resizable-e2.gif") repeat scroll right center; } 1506 1507@media print { 1508 1509 body { 1510 overflow:visible; 1511 } 1512 1513 #header { 1514 height:60px; 1515 } 1516 1517 #headerLeft { 1518 padding:0; 1519 } 1520 1521 #header-tabs, 1522 #headerRight, 1523 #side-nav, 1524 #api-info-block { 1525 display:none; 1526 } 1527 1528 #body-content { 1529 position:inherit; 1530 } 1531 1532 #doc-content { 1533 margin-left:0 !important; 1534 height:auto !important; 1535 width:auto !important; 1536 overflow:inherit; 1537 display:inline; 1538 } 1539 1540 #jd-header { 1541 padding:10px 0; 1542 } 1543 1544 #jd-content { 1545 padding:15px 0 0; 1546 } 1547 1548 #footer { 1549 float:none; 1550 margin:2em 0 0; 1551 } 1552 1553 h4.jd-details-title { 1554 border-bottom:1px solid #666; 1555 } 1556 1557 pre { 1558 /* these allow lines to break (if there's a white space) */ 1559 overflow: visible; 1560 text-wrap: unrestricted; 1561 white-space: -moz-pre-wrap; /* Moz */ 1562 white-space: -pre-wrap; /* Opera 4-6 */ 1563 white-space: -o-pre-wrap; /* Opera 7 */ 1564 white-space: pre-wrap; /* CSS3 */ 1565 word-wrap: break-word; /* IE 5.5+ */ 1566 } 1567 1568 h1, h2, h3, h4, h5, h6 { 1569 page-break-after: avoid; 1570 } 1571 1572 table, img { 1573 page-break-inside: avoid; 1574 } 1575} 1576