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