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