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