Home | History | Annotate | Download | only in assets
      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
    334 links 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 
    355 div.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 */
    374 div.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 
    384 div#naMessage {
    385   display:none;
    386   width:555px;
    387   height:0;
    388   margin:0 auto;
    389 }
    390 
    391 div#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 
    403 div#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 
    496 hr {
    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 
    566 h4 .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 
    576 dl.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
    588 description */
    589 .jd-details-descr {
    590   padding:0;
    591   margin:.5em .25em;
    592 }
    593 
    594 /* API reference: a block containing
    595 a detailed description, a params table,
    596 seealso 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
    606 the 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 {
    630 margin:0 0 .25em 0;
    631 padding:0;
    632 }
    633 
    634 /* API reference: heading marking
    635 the details section for constants,
    636 attrs, methods, etc. */
    637 h4.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 
    644 h4.jd-tagtitle {
    645   margin:0;
    646 }
    647 
    648 /* API reference: heading for "Parameters", "See Also", etc.,
    649 in details sections */
    650 h5.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 
    681 div.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 
    691 .toggle-content-toggleme {
    692   display:none;
    693 }
    694 
    695 .toggle-content-button {
    696   font-size:.9em;
    697   line-height:.9em;
    698   text-decoration:none;
    699   position:relative;
    700   top:5px;
    701 }
    702 
    703 .toggle-content-button:hover {
    704   text-decoration:underline;
    705 }
    706 
    707 div.special p {
    708   margin: .5em 0 0 0;
    709 }
    710 
    711 div.special ol {
    712   margin: 0;
    713 }
    714 
    715 div.special ol li {
    716   margin: 0;
    717   padding: 0;
    718 }
    719 
    720 #jd-content div.special h2,
    721 #jd-content div.special h3 {
    722   color:#669999;
    723   font-size:1.2em;
    724   border:none;
    725   margin:0 0 .5em;
    726   padding:0;
    727 }
    728 
    729 p.note, p.caution, p.warning {
    730   margin: 1em;
    731   padding: 0 0 0 .5em;
    732   border-left: 4px solid;
    733 }
    734 
    735 p.special-note {
    736   background-color:#EBF3DB;
    737   padding:10px 20px;
    738   margin:0 0 1em;
    739 }
    740 
    741 p.note {
    742  border-color: #99aacc;
    743 }
    744 
    745 p.warning {
    746   border-color: #aa0033;
    747 }
    748 
    749 p.caution {
    750   border-color: #ffcf00;
    751 }
    752 
    753 p.warning b, p.warning strong {
    754   font-weight: bold;
    755 }
    756 
    757 li p.note, li p.warning {
    758   margin: .5em 0 0 0;
    759   padding: .2em .5em .2em .9em;
    760 }
    761 
    762 dl.xml dt {
    763   font-variant:small-caps;
    764   font-size:1.2em;
    765 }
    766 
    767 dl.xml dl {
    768   padding:0;
    769 }
    770 
    771 dl.xml dl dt {
    772   font-variant:normal;
    773   font-size:1em;
    774 }
    775 
    776 .listhead li {
    777   font-weight: bold;
    778 }
    779 
    780 .listhead li *, /*ie*/.listhead li li {
    781   font-weight: normal;
    782 }
    783 
    784 ol.no-style,
    785 ul.no-style {
    786   list-style:none;
    787   padding-left:1em;
    788 }
    789 
    790 .new {
    791   font-size: .78em;
    792   font-weight: bold;
    793   color: #ff3d3d;
    794   text-decoration: none;
    795   vertical-align:top;
    796   line-height:.9em;
    797 }
    798 
    799 pre.classic {
    800   background-color:transparent;
    801   border:none;
    802   padding:0;
    803 }
    804 
    805 p.img-caption {
    806   margin: -0.5em 0 1em 1em; /* matches default img left-margin */
    807 }
    808 
    809 div.figure {
    810   float:right;
    811   clear:right;
    812   margin:1em 0 0 0;
    813   padding:0 0 0 3em;
    814   background-color:#fff;
    815   /* width must be defined w/ an inline style matching the image width */
    816 }
    817 
    818 #jd-content
    819 div.figure img {
    820   margin: 0 0 1em;
    821 }
    822 
    823 div.figure p.img-caption {
    824   margin: -0.5em 0 1em 0;
    825 }
    826 
    827 p.table-caption {
    828   margin: 0 0 0.5em 1em; /* matches default table left-margin */
    829 }
    830 
    831 /* BEGIN quickview sidebar element styles */
    832 
    833 #qv-wrapper {
    834   float: right;
    835   width:310px; /* +35px padding */
    836   background-color:#fff;
    837   margin:-48px 0 2px 0;
    838   padding:0 0 20px 35px;
    839 }
    840 
    841 #qv {
    842   background-color:#fff;
    843   border:4px solid #dee8f1;
    844   margin:0;
    845   padding:0 5px 5px;
    846   width:292px; /* +10px padding; +8px border */
    847   font-size:.9em;
    848 }
    849 
    850 #qv ol {
    851   list-style:none;
    852   padding: 0;
    853 }
    854 
    855 #qv ol ol{
    856   list-style:none;
    857   padding: 0 0 0 12px;
    858   margin:0;
    859 }
    860 
    861 #qv ul {
    862   padding: 0 10px 0 2em;
    863 }
    864 
    865 #qv li {
    866   padding: 0 10px 3px;
    867   line-height: 1.2em;
    868 }
    869 
    870 #qv li li {
    871   padding: 3px 10px 0;
    872 }
    873 
    874 #qv ul li {
    875   padding: 0 10px 0 0;
    876 }
    877 
    878 #qv li.selected a {
    879   color:#555;
    880   text-decoration:none;
    881 }
    882 
    883 #qv a,
    884 #qv a code {
    885   color:#cc6600;
    886 }
    887 
    888 #qv p {
    889   margin:8px 0 0;
    890   padding:0 10px;
    891 }
    892 
    893 #qv-extra #rule {
    894   padding: 0 10px;
    895   margin: 0;
    896 }
    897 
    898 #qv-sub-rule {
    899   padding: 6px 20px;
    900   margin: 0;
    901 }
    902 
    903 #qv-sub-rule p {
    904   margin: 0;
    905 }
    906 
    907 #jd-content #qv h2 {
    908   font-size:1.05em;
    909   font-weight:bold;
    910   margin:12px 0 .25em 0;
    911   padding:0 10px;
    912   background-color:transparent;
    913   color:#7BB026;
    914   border:none;
    915   left:0;
    916   z-index:1;
    917 }
    918 
    919 /* END quickview sidebar element styles */
    920 
    921 /* Begin sidebox sidebar element styles */
    922 
    923 .sidebox-wrapper {
    924   float:right;
    925   clear:right;
    926   width:310px; /* +35px padding */
    927   background-color:#fff;
    928   margin:0;
    929   padding:0 0 20px 35px;
    930 }
    931 
    932 .sidebox {
    933   border-left:1px solid #dee8f1;
    934   background-color:#ffffee;
    935   margin:0;
    936   padding:8px 12px;
    937   font-size:0.9em;
    938   width:285px; /* +24px padding; +1px border */
    939 }
    940 
    941 .sidebox p {
    942   margin-bottom: .75em;
    943 }
    944 
    945 .sidebox ul {
    946   padding: 0 0 0 1.5em;
    947 }
    948 
    949 .sidebox li ul {
    950   margin-top:0;
    951   margin-bottom:.1em;
    952 }
    953 
    954 .sidebox li {
    955 padding:0 0 0 0em;
    956 }
    957 
    958 #jd-content .sidebox h2,
    959 #jd-content .sidebox h3,
    960 #jd-content .sidebox h4,
    961 #jd-content .sidebox h5 {
    962   border:none;
    963   font-size:1em;
    964   margin:0;
    965   padding:0 0 8px;
    966   left:0;
    967   z-index:0;
    968 }
    969 
    970 .sidebox hr {
    971   background-color:#ccc;
    972   border:none;
    973 }
    974 
    975 /* End sidebox sidebar element styles */
    976 
    977 /* BEGIN image and caption styles (originally for UI Guidelines docs) */
    978 
    979 table.image-caption {
    980   padding:0;
    981   margin:.5em 0;
    982   border:0;
    983 }
    984 
    985 td.image-caption-i {
    986   font-size:92%;
    987   padding:0 5px;
    988   margin:0;
    989   border:0;
    990 }
    991 
    992 td.image-caption-i img {
    993   padding:0 1em;
    994   margin:0;
    995 }
    996 
    997 .image-list {
    998   width:24px;
    999   text-align:center;
   1000 }
   1001 
   1002 td.image-caption-c {
   1003   font-size:92%;
   1004   padding:1em 2px 2px 2px;
   1005   margin:0;
   1006   border:0;
   1007   width:350px;
   1008 }
   1009 
   1010 .grad-rule-top {
   1011 background-image:url(images/grad-rule-qv.png);
   1012 background-repeat:no-repeat;
   1013 padding-top:1em;
   1014 margin-top:0;
   1015 }
   1016 
   1017 .image-caption-nested {
   1018   margin-top:0;
   1019   padding:0 0 0 1em;
   1020 }
   1021 
   1022 .image-caption-nested td {
   1023   padding:0 4px 2px 0;
   1024   margin:0;
   1025   border:0;
   1026 }
   1027 
   1028 /* END image and caption styles */
   1029 
   1030 /* table of contents */
   1031 
   1032 ol.toc {
   1033   margin: 0 0 1em 0;
   1034   padding: 0;
   1035   list-style: none;
   1036   font-size:95%;
   1037 }
   1038 
   1039 ol.toc li {
   1040   font-weight: bold;
   1041   margin: 0 0 .5em 1em;
   1042   padding: 0;
   1043 }
   1044 
   1045 ol.toc li p {
   1046   font-weight: normal;
   1047 }
   1048 
   1049 ol.toc li ol {
   1050   margin: 0;
   1051   padding: 0;
   1052 }
   1053 
   1054 ol.toc li li {
   1055   padding: 0;
   1056   margin: 0 0 0 1em;
   1057   font-weight: normal;
   1058   list-style: none;
   1059 }
   1060 
   1061 table ol.toc {
   1062   margin-left: 0;
   1063 }
   1064 
   1065 .columns td {
   1066   padding:0 5px;
   1067   border:none;
   1068 }
   1069 
   1070 /* link table */
   1071 .jd-linktable {
   1072   margin: 0 0 1em;
   1073   border-bottom: 1px solid #888;
   1074 }
   1075 .jd-linktable th,
   1076 .jd-linktable td {
   1077   padding: 3px 5px;
   1078   vertical-align: top;
   1079   text-align: left;
   1080   border:none;
   1081 }
   1082 .jd-linktable tr {
   1083   background-color: #fff;
   1084 }
   1085 .jd-linktable td {
   1086   border-top: 1px solid #888;
   1087   background-color: inherit;
   1088 }
   1089 .jd-linktable td  p {
   1090   padding: 0 0 5px;
   1091 }
   1092 .jd-linktable .jd-linkcol {
   1093 }
   1094 .jd-linktable .jd-descrcol {
   1095 }
   1096 .jd-linktable .jd-typecol {
   1097   text-align:right;
   1098 }
   1099 .jd-linktable .jd-valcol {
   1100 }
   1101 .jd-linktable .jd-commentrow {
   1102   border-top:none;
   1103   padding-left:25px;
   1104 }
   1105 .jd-deprecated-warning {
   1106   margin-top: 0;
   1107   margin-bottom: 10px;
   1108 }
   1109 
   1110 tr.alt-color {
   1111   background-color: #f6f6f6;
   1112 }
   1113 
   1114 /* expando trigger */
   1115 #jd-content .jd-expando-trigger-img {
   1116   margin:0;
   1117 }
   1118 
   1119 /* jd-expando */
   1120 .jd-inheritedlinks {
   1121   padding:0 0 0 13px
   1122 }
   1123 
   1124 /* SDK PAGE */
   1125 table.download tr {
   1126   background-color:#d9d9d9;
   1127 }
   1128 
   1129 table.download tr.alt-color {
   1130   background-color:#ededed;
   1131 }
   1132 
   1133 table.download td,
   1134 table.download th {
   1135   border:2px solid #fff;
   1136   padding:10px 5px;
   1137 }
   1138 
   1139 table.download th {
   1140   background-color:#6d8293;
   1141   color:#fff;
   1142 }
   1143 
   1144 /* INLAY 180 COPY and 240PX EXTENSION */
   1145 /* modified to 43px so that all browsers eliminate the package panel h-scroll */
   1146 .g-tpl-240 .g-unit,
   1147 .g-unit .g-tpl-240 .g-unit,
   1148 .g-unit .g-unit .g-tpl-240 .g-unit {
   1149   display: block;
   1150   margin: 0 0 0 243px;
   1151   width: auto;
   1152   float: none;
   1153 }
   1154 .g-unit .g-unit .g-tpl-240 .g-first,
   1155 .g-unit .g-tpl-240 .g-first,
   1156 .g-tpl-240 .g-first {
   1157   display: block;
   1158   margin: 0;
   1159   width: 243px;
   1160   float: left;
   1161 }
   1162 /* 240px alt */
   1163 .g-tpl-240-alt .g-unit,
   1164 .g-unit .g-tpl-240-alt .g-unit,
   1165 .g-unit .g-unit .g-tpl-240-alt .g-unit {
   1166   display: block;
   1167   margin: 0 243px 0 0;
   1168   width: auto;
   1169   float: none;
   1170 }
   1171 .g-unit .g-unit .g-tpl-240-alt .g-first,
   1172 .g-unit .g-tpl-240-alt .g-first,
   1173 .g-tpl-240-alt .g-first {
   1174   display: block;
   1175   margin: 0;
   1176   width: 243px;
   1177   float: right;
   1178 }
   1179 
   1180 /* 200px */
   1181 .g-tpl-200 .g-unit,
   1182 .g-unit .g-tpl-200 .g-unit,
   1183 .g-unit .g-unit .g-tpl-200 .g-unit {
   1184   display: block;
   1185   margin: 0 0 0 200px;
   1186   width: auto;
   1187   float: none;
   1188 }
   1189 .g-unit .g-unit .g-tpl-200 .g-first,
   1190 .g-unit .g-tpl-200 .g-first,
   1191 .g-tpl-200 .g-first {
   1192   display: block;
   1193   margin: 0;
   1194   width: 200px;
   1195   float: left;
   1196 }
   1197 /* 200px alt */
   1198 .g-tpl-200-alt .g-unit,
   1199 .g-unit .g-tpl-200-alt .g-unit,
   1200 .g-unit .g-unit .g-tpl-200-alt .g-unit {
   1201   display: block;
   1202   margin: 0 200px 0 0;
   1203   width: auto;
   1204   float: none;
   1205 }
   1206 .g-unit .g-unit .g-tpl-200-alt .g-first,
   1207 .g-unit .g-tpl-200-alt .g-first,
   1208 .g-tpl-200-alt .g-first {
   1209   display: block;
   1210   margin: 0;
   1211   width: 200px;
   1212   float: right;
   1213 }
   1214 
   1215 /* 190px */
   1216 .g-tpl-190 .g-unit,
   1217 .g-unit .g-tpl-190 .g-unit,
   1218 .g-unit .g-unit .g-tpl-190 .g-unit {
   1219   display: block;
   1220   margin: 0 0 0 190px;
   1221   width: auto;
   1222   float: none;
   1223 }
   1224 .g-unit .g-unit .g-tpl-190 .g-first,
   1225 .g-unit .g-tpl-190 .g-first,
   1226 .g-tpl-190 .g-first {
   1227   display: block;
   1228   margin: 0;
   1229   width: 190px;
   1230   float: left;
   1231 }
   1232 /* 190px alt */
   1233 .g-tpl-190-alt .g-unit,
   1234 .g-unit .g-tpl-190-alt .g-unit,
   1235 .g-unit .g-unit .g-tpl-190-alt .g-unit {
   1236   display: block;
   1237   margin: 0 190px 0 0;
   1238   width: auto;
   1239   float: none;
   1240 }
   1241 .g-unit .g-unit .g-tpl-190-alt .g-first,
   1242 .g-unit .g-tpl-190-alt .g-first,
   1243 .g-tpl-190-alt .g-first {
   1244   display: block;
   1245   margin: 0;
   1246   width: 190px;
   1247   float: right;
   1248 }
   1249 
   1250 /* 180px */
   1251 .g-tpl-180 .g-unit,
   1252 .g-unit .g-tpl-180 .g-unit,
   1253 .g-unit .g-unit .g-tpl-180 .g-unit {
   1254   display: block;
   1255   margin: 0 0 0 180px;
   1256   width: auto;
   1257   float: none;
   1258 }
   1259 .g-unit .g-unit .g-tpl-180 .g-first,
   1260 .g-unit .g-tpl-180 .g-first,
   1261 .g-tpl-180 .g-first {
   1262   display: block;
   1263   margin: 0;
   1264   width: 180px;
   1265   float: left;
   1266 }
   1267 /* 180px alt */
   1268 .g-tpl-180-alt .g-unit,
   1269 .g-unit .g-tpl-180-alt .g-unit,
   1270 .g-unit .g-unit .g-tpl-180-alt .g-unit {
   1271   display: block;
   1272   margin: 0 180px 0 0;
   1273   width: auto;
   1274   float: none;
   1275 }
   1276 .g-unit .g-unit .g-tpl-180-alt .g-first,
   1277 .g-unit .g-tpl-180-alt .g-first,
   1278 .g-tpl-180-alt .g-first {
   1279   display: block;
   1280   margin: 0;
   1281   width: 180px;
   1282   float: right;
   1283 }
   1284 
   1285 
   1286 /* JQUERY RESIZABLE STYLES */
   1287 .ui-resizable { position: relative; }
   1288 .ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; z-index:1; }
   1289 .ui-resizable .ui-resizable-handle { display: block; }
   1290 body .ui-resizable-disabled .ui-resizable-handle { display: none; }
   1291 body .ui-resizable-autohide .ui-resizable-handle { display: none; }
   1292 .ui-resizable-s { cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px;
   1293   background: transparent url("images/resizable-s2.gif") repeat scroll center top; }
   1294 .ui-resizable-e { cursor: e-resize; width: 6px; right: 0px; top: 0px; height: 100%;
   1295   background: transparent url("images/resizable-e2.gif") repeat scroll right center; }
   1296 
   1297 @media print {
   1298 
   1299   body {
   1300     overflow:visible;
   1301   }
   1302 
   1303   #header {
   1304     height:60px;
   1305   }
   1306 
   1307   #headerLeft {
   1308     padding:0;
   1309   }
   1310 
   1311   #header-tabs,
   1312   #headerRight,
   1313   #side-nav,
   1314   #api-info-block {
   1315     display:none;
   1316   }
   1317 
   1318   #body-content {
   1319     position:inherit;
   1320   }
   1321 
   1322   #doc-content {
   1323     margin-left:0 !important;
   1324     height:auto !important;
   1325     width:auto !important;
   1326     overflow:inherit;
   1327     display:inline;
   1328   }
   1329 
   1330   #jd-header {
   1331     padding:10px 0;
   1332   }
   1333 
   1334   #jd-content {
   1335     padding:15px 0 0;
   1336   }
   1337 
   1338   #footer {
   1339     float:none;
   1340     margin:2em 0 0;
   1341   }
   1342 
   1343   h4.jd-details-title {
   1344     border-bottom:1px solid #666;
   1345   }
   1346 
   1347   pre {
   1348     /* these allow lines to break (if there's a white space) */
   1349     overflow: visible;
   1350     text-wrap: unrestricted;
   1351     white-space: -moz-pre-wrap; /* Moz */
   1352     white-space: -pre-wrap; /* Opera 4-6 */
   1353     white-space: -o-pre-wrap; /* Opera 7 */
   1354     white-space: pre-wrap; /* CSS3  */
   1355     word-wrap: break-word; /* IE 5.5+ */
   1356   }
   1357 
   1358   h1, h2, h3, h4, h5, h6 {
   1359     page-break-after: avoid;
   1360   }
   1361 
   1362   table, img {
   1363     page-break-inside: avoid;
   1364   }
   1365 }
   1366