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