github.com/westcoastroms/westcoastroms-build@v0.0.0-20190928114312-2350e5a73030/build/make/tools/droiddoc/templates-pdk/assets/android-developer-docs.css (about)

     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    zoom:1;
    72  }
    73  
    74  #side-nav li span.heading,
    75  #side-nav li h2 {
    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    zoom:1;
    88  }
    89  
    90  #side-nav li a span+span {
    91    display:none;
    92  }
    93  
    94  #side-nav li a:hover {
    95    text-decoration:underline;
    96  }
    97  
    98  #side-nav li a+a {
    99    padding: 0;
   100  }
   101  /*second level (nested) list*/
   102  #side-nav li li li a {
   103    padding: 0 0 0 28px;
   104  }
   105  /*third level (nested) list*/
   106  #side-nav li li li li a {
   107    padding: 0 0 0 38px;
   108  }
   109  
   110  #side-nav .selected {
   111    background-color: #435a6e;
   112    color: #fff;
   113    font-weight:bold;
   114  }
   115  
   116  #side-nav .selected a {
   117    color: #fff;
   118    text-decoration:none;
   119  }
   120  
   121  #side-nav strong {
   122    display:block;
   123  }
   124  
   125  #side-nav .toggle-list .toggle-img {
   126    margin:0;
   127    padding:0;
   128    position:absolute;
   129    top:0;
   130    left:0;
   131    height:16px;
   132    width:15px;
   133    outline-style:none;
   134  }
   135  /* second-level toggle */
   136  #side-nav .toggle-list .toggle-list .toggle-img {
   137    left:10px;
   138  }
   139  
   140  #side-nav .closed .toggle-img,
   141  #side-nav .open .closed .toggle-img {
   142    background:url('images/triangle-closed-small.png') 7px 4px no-repeat;
   143  }
   144  #side-nav .open .toggle-img {
   145    background:url('images/triangle-opened-small.png') 7px 4px no-repeat;
   146  }
   147  
   148  #side-nav .toggle-list {
   149    position:relative;
   150  }
   151  
   152  #side-nav .toggle-list ul {
   153    margin:0;
   154    display:none;
   155  }
   156  
   157  #side-nav .toggle-list div {
   158    display:block;
   159  }
   160  
   161  #index-links .selected {
   162    background-color: #fff;
   163    color: #000;
   164    font-weight:normal;
   165    text-decoration:none;
   166  }
   167  
   168  #index-links {
   169    padding:7px 0 4px 10px;
   170  }
   171  
   172  /* nav tree */
   173  
   174  #nav-tree ul {
   175    padding:5px 0 1.5em;
   176  }
   177  
   178  #side-nav #nav-tree ul li a,
   179  #side-nav #nav-tree ul li span.no-children {
   180    padding: 0 0 0 0;
   181    margin: 0;
   182  }
   183  
   184  #nav-tree .plus {
   185    margin: 0 3px 0 0;
   186  }
   187  
   188  #nav-tree ul ul {
   189    list-style: none;
   190    margin: 0;
   191    padding: 0 0 0 0;
   192  }
   193  
   194  #nav-tree ul li {
   195    margin: 0;
   196    padding: 0 0 0 0;
   197    white-space: nowrap;
   198  }
   199  
   200  #nav-tree .children_ul {
   201    margin:0;
   202  }
   203  
   204  #nav-tree a.nolink {
   205    color: black;
   206    text-decoration: none;
   207  }
   208  
   209  #nav-tree span.label {
   210    width: 100%;
   211  }
   212  
   213  #nav-tree {
   214    overflow-x: auto;
   215    overflow-y: scroll;
   216  }
   217  
   218  #nav-swap {
   219    font-size:10px;
   220    line-height:10px;
   221    margin-left:1em;
   222    text-decoration:none;
   223    display:block;
   224  }
   225  
   226  #tree-link {
   227  
   228  }
   229  
   230  /* DOCUMENT BODY */
   231  
   232  #doc-content {
   233    overflow:auto;
   234  }
   235  
   236  #jd-header {
   237    background-color: #E2E2E2;
   238    padding: 7px 15px;
   239  }
   240  
   241  #jd-header h1 {
   242    margin: 0 0 10px;
   243    font-size:1.7em;
   244  }
   245  
   246  #jd-header .crumb {
   247    font-size:.9em;
   248    line-height:1em;
   249    color:#777;
   250  }
   251  
   252  #jd-header .crumb a,
   253  #jd-header .crumb a:visited {
   254    text-decoration:none;
   255    color:#777;
   256  }
   257  
   258  #jd-header .crumb a:hover {
   259    text-decoration:underline;
   260  }
   261  
   262  #jd-header table {
   263    margin:0;
   264    padding:0;
   265  }
   266  
   267  #jd-header td {
   268    border:none;
   269    padding:0;
   270    vertical-align:top;
   271  }
   272  
   273  #jd-header.guide-header {
   274    background-color:#fff;
   275    color:#435a6e;
   276    height:50px;
   277  }
   278  
   279  #jd-descr {
   280    position:relative;
   281  }
   282  
   283  /* summary tables for reference pages */
   284  .jd-sumtable {
   285    margin: .5em 1em 1em 1em;
   286    width:95%; /* consistent table widths; within IE's quirks */
   287    font-size:.9em;
   288  }
   289  
   290  .jd-sumtable a {
   291    text-decoration:none;
   292  }
   293  
   294  .jd-sumtable a:hover {
   295    text-decoration:underline;
   296  }
   297  
   298  /* the link inside a sumtable for "Show All/Hide All" */
   299  .toggle-all {
   300    display:block;
   301    float:right;
   302    font-weight:normal;
   303    font-size:0.9em;
   304  }
   305  
   306  /* adjustments for in/direct subclasses tables */
   307  .jd-sumtable-subclasses {
   308    margin: 1em 0 0 0;
   309    max-width:968px;
   310  }
   311  
   312  /* extra space between end of method name and open-paren */
   313  .sympad {
   314    margin-right: 2px;
   315  }
   316  
   317  /* right alignment for the return type in sumtable */
   318  .jd-sumtable .jd-typecol {
   319    text-align:right;
   320  }
   321  
   322  /* adjustments for the expando table-in-table */
   323  .jd-sumtable-expando {
   324    margin:.5em 0;
   325    padding:0;
   326  }
   327  
   328  /* a div that holds a short description */
   329  .jd-descrdiv {
   330    padding:3px 1em 0 1em;
   331    margin:0;
   332    border:0;
   333  }
   334  
   335  /* page-top-right container for reference pages (holds
   336  links to summary tables) */
   337  #api-info-block {
   338    font-size:.8em;
   339    padding:6px 10px;
   340    font-weight:normal;
   341    float:right;
   342    text-align:right;
   343    color:#999;
   344    max-width:70%;
   345  }
   346  
   347  #api-level-toggle {
   348    padding:0 10px;
   349    font-size:11px;
   350    float:right;
   351  }
   352  
   353  #api-level-toggle label.disabled {
   354    color:#999;
   355  }
   356  
   357  div.api-level {
   358    font-size:.8em;
   359    font-weight:normal;
   360    color:#999;
   361    float:right;
   362    padding:0 7px 0;
   363    margin-top:-25px;
   364  }
   365  
   366  #api-info-block div.api-level {
   367    font-size:1.3em;
   368    font-weight:bold;
   369    float:none;
   370    color:#444;
   371    padding:0;
   372    margin:0;
   373  }
   374  
   375  /* Force link colors for IE6 */
   376  div.api-level a {
   377    color:#999;
   378  }
   379  #api-info-block div.api-level a:link {
   380    color:#444;
   381  }
   382  #api-level-toggle a {
   383    color:#999;
   384  }
   385  
   386  div#deprecatedSticker {
   387    display:none;
   388    z-index:99;
   389    position:fixed;
   390    right:15px;
   391    top:114px;
   392    margin:0;
   393    padding:1em;
   394    background:#FFF;
   395    border:1px solid #dddd00;
   396    box-shadow:-5px 5px 10px #ccc;
   397    -moz-box-shadow:-5px 5px 10px #ccc;
   398    -webkit-box-shadow:-5px 5px 10px #ccc;
   399  }
   400  
   401  div#naMessage {
   402    display:none;
   403    width:555px;
   404    height:0;
   405    margin:0 auto;
   406  }
   407  
   408  div#naMessage div {
   409    z-index:99;
   410    width:450px;
   411    position:fixed;
   412    margin:50px 0;
   413    padding:4em 4em 3em;
   414    background:#FFF;
   415    border:1px solid #dddd00;
   416    box-shadow:-10px 10px 40px #888;
   417    -moz-box-shadow:-10px 10px 40px #888;
   418    -webkit-box-shadow:-10px 10px 40px #888;
   419  }
   420  /* IE6 can't position fixed */
   421  * html div#naMessage div { position:absolute; }
   422  
   423  div#naMessage strong {
   424    font-size:1.1em;
   425  }
   426  
   427  .absent,
   428  .absent a:link,
   429  .absent a:visited,
   430  .absent a:hover,
   431  .absent * {
   432    color:#bbb !important;
   433    cursor:default !important;
   434    text-decoration:none !important;
   435  }
   436  
   437  #api-level-toggle a,
   438  .api-level a {
   439    color:inherit;
   440    text-decoration:none;
   441  }
   442  
   443  #api-level-toggle a:hover,
   444  .api-level a:hover {
   445    color:inherit;
   446    text-decoration:underline !important;
   447    cursor:pointer !important;
   448  }
   449  
   450  #side-nav li.absent.selected,
   451  #side-nav li.absent.selected *,
   452  #side-nav div.label.absent.selected,
   453  #side-nav div.label.absent.selected * {
   454    background-color:#eaeaea !important;
   455  }
   456  /* IE6 quirk (won't chain classes, so just keep background blue) */
   457  * html #side-nav li.selected,
   458  * html #side-nav li.selected *,
   459  * html #side-nav div.label.selected,
   460  * html #side-nav div.label.selected * {
   461    background-color: #435a6e !important;
   462  }
   463  
   464  
   465  .absent h4.jd-details-title,
   466  .absent h4.jd-details-title * {
   467    background-color:#f6f6f6 !important;
   468  }
   469  
   470  .absent img {
   471    opacity: .3;
   472    filter: alpha(opacity=30);
   473    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
   474  }
   475  
   476  
   477  /* applies to a div containing links to summary tables */
   478  .sum-details-links {
   479    padding:0;
   480    font-weight:normal;
   481  }
   482  
   483  .sum-details-links a {
   484    text-decoration:none;
   485  }
   486  
   487  .sum-details-links a:hover {
   488    text-decoration:underline;
   489  }
   490  
   491  
   492  /* inheritance table */
   493  .jd-inheritance-table {
   494    border-spacing:0;
   495    margin:0;
   496    padding:0;
   497    font-size:.9em;
   498  }
   499  .jd-inheritance-table td {
   500    border: none;
   501    margin: 0;
   502    padding: 0;
   503  }
   504  .jd-inheritance-table .jd-inheritance-space {
   505    font-weight:bold;
   506    width:1em;
   507  }
   508  .jd-inheritance-table .jd-inheritance-interface-cell {
   509    padding-left: 17px;
   510  }
   511  
   512  #jd-content {
   513    padding: 18px 15px;
   514  }
   515  
   516  hr {
   517    background-color:#ccc;
   518    border-color:#fff;
   519    margin:2em 0 1em;
   520  }
   521  
   522  /* DOC CLASSES */
   523  
   524  #jd-content h1 {
   525  /*sdk page*/
   526    font-size:1.6em;
   527    color:#336666;
   528    margin:0 0 .5em;
   529  }
   530  
   531  #jd-content h2 {
   532    font-size:1.45em;
   533    color:#111;
   534    border-top:2px solid #ccc;
   535    padding: .5em 0 0;
   536    margin: 2em 0 1em 0;
   537  }
   538  
   539  #jd-content h3 {
   540    font-size:1.3em;
   541    color:#3a3a3a;
   542    padding: 0;
   543    margin: 1.5em 0 .65em 0;
   544  }
   545  
   546  #jd-content h4 {
   547    font-size:1.1em;
   548    color:#3a3a3a;
   549    padding: 0;
   550    margin: 1.25em 0 .65em 0;
   551  }
   552  
   553  #jd-content h5 {
   554    font-size:1.0em;
   555    color:#3a3a3a;
   556    padding: 0;
   557    margin: 1em 0 .65em 0;
   558  }
   559  
   560  #jd-content .small-header {
   561    font-size:1em;
   562    color:#000;
   563    font-weight:bold;
   564    border:none;
   565    padding:0;
   566    margin:1em 0 .5em;
   567    position:inherit;
   568  }
   569  
   570  #jd-content table {
   571    margin: 0 0 1em 1em;
   572  }
   573  
   574  #jd-content img {
   575    margin: 0 0 1em 1em;
   576  }
   577  
   578  #jd-content li img,
   579  #jd-content dd img {
   580    margin:.5em 0 .5em 1em;
   581  }
   582  
   583  .nolist {
   584    list-style:none;
   585    padding:0;
   586    margin:0 0 1em 1em;
   587  }
   588  
   589  .nolist li {
   590    padding:0 0 2px;
   591    margin:0;
   592  }
   593  
   594  h4 .normal {
   595    font-size:.9em;
   596    font-weight:normal;
   597  }
   598  
   599  .caps {
   600    font-variant:small-caps;
   601    font-size:1.2em;
   602  }
   603  
   604  dl.tag-list dl.atn-list {
   605    padding:0 0 0 2em;
   606  }
   607  
   608  .jd-details {
   609  /*  border:1px solid #669999;
   610    padding:4px; */
   611    margin:0 0 1em;
   612  }
   613  
   614  /* API reference: a container for the
   615  .tagdata blocks that make up the detailed
   616  description */
   617  .jd-details-descr {
   618    padding:0;
   619    margin:.5em .25em;
   620  }
   621  
   622  /* API reference: a block containing
   623  a detailed description, a params table,
   624  seealso list, etc */
   625  .jd-tagdata {
   626    margin:.5em 1em;
   627  }
   628  
   629  .jd-tagdata p {
   630    margin:0 0 1em 1em;
   631  }
   632  
   633  /* API reference: adjustments to
   634  the detailed description block */
   635  .jd-tagdescr {
   636    margin:.25em 0 .75em 0;
   637    line-height:1em;
   638  }
   639  
   640  .jd-tagdescr p {
   641    margin:.5em 0;
   642    padding:0;
   643  
   644  }
   645  
   646  .jd-tagdescr ol,
   647  .jd-tagdescr ul {
   648    margin:0 2.5em;
   649    padding:0;
   650  }
   651  
   652  .jd-tagdescr table,
   653  .jd-tagdescr img {
   654    margin:.25em 1em;
   655  }
   656  
   657  .jd-tagdescr li {
   658  margin:0 0 .25em 0;
   659  padding:0;
   660  }
   661  
   662  /* API reference: heading marking
   663  the details section for constants,
   664  attrs, methods, etc. */
   665  h4.jd-details-title {
   666    font-size:1.15em;
   667    background-color: #E2E2E2;
   668    margin:1.5em 0 .6em;
   669    padding:3px 95px 3px 3px; /* room for api-level */
   670  }
   671  
   672  h4.jd-tagtitle {
   673    margin:0;
   674  }
   675  
   676  /* API reference: heading for "Parameters", "See Also", etc.,
   677  in details sections */
   678  h5.jd-tagtitle {
   679    margin:0 0 .25em 0;
   680    font-size:1em;
   681  }
   682  
   683  .jd-tagtable {
   684    margin:0;
   685  }
   686  
   687  .jd-tagtable td,
   688  .jd-tagtable th {
   689    border:none;
   690    background-color:#fff;
   691    vertical-align:top;
   692    font-weight:normal;
   693    padding:2px 10px;
   694  }
   695  
   696  .jd-tagtable th {
   697    font-style:italic;
   698  }
   699  
   700  #jd-content table h2 {
   701    background-color: #d6d6d6;
   702    font-size: 1.1em;
   703    margin:0 0 10px;
   704    padding:5px;
   705    left:0;
   706    width:auto;
   707  }
   708  
   709  div.design-announce {
   710    border-top:1px solid #33B5E5;
   711    border-bottom:1px solid #33B5E5;
   712    padding:5px 10px 10px 55px;
   713    margin:2em 0;
   714    background:url('images/icon_design.png') 5px 13px no-repeat;
   715  }
   716  
   717  div.design-announce p {
   718    margin: .5em 0 0 0;
   719  }
   720  
   721  div.special {
   722    padding: .5em 1em 1em 1em;
   723    margin: 0 0 1em;
   724    background-color: #DAF3FC;
   725    border:1px solid #d3ecf5;
   726    border-radius:5px;
   727    -moz-border-radius:5px;
   728    -webkit-border-radius:5px;
   729  }
   730  
   731  div.special p {
   732    margin: .5em 0 0 0;
   733  }
   734  
   735  div.special ol {
   736    margin: 0;
   737  }
   738  
   739  div.special ol li {
   740    margin: 0;
   741    padding: 0;
   742  }
   743  
   744  #jd-content div.special h2,
   745  #jd-content div.special h3 {
   746    color:#669999;
   747    font-size:1.2em;
   748    border:none;
   749    margin:0 0 .5em;
   750    padding:0;
   751  }
   752  
   753  #jd-content div.special.reference h2,
   754  #jd-content div.special.reference h3,
   755  #jd-content div.special.reference h4 {
   756    color:#000;
   757    font-size:1em;
   758    border:none;
   759    font-weight:bold;
   760    margin:.5em 0;
   761    padding:0;
   762  }
   763  
   764  p.note, div.note,
   765  p.caution, div.caution,
   766  p.warning, div.warning {
   767    margin: 1em;
   768    padding: 0 0 0 .5em;
   769    border-left: 4px solid;
   770  }
   771  
   772  p.special-note,
   773  div.special-note {
   774    background-color:#EBF3DB;
   775    padding:10px 20px;
   776    margin:0 0 1em;
   777  }
   778  
   779  p.note,
   780  div.note {
   781   border-color: #99aacc;
   782  }
   783  
   784  p.warning,
   785  div.warning {
   786    border-color: #aa0033;
   787  }
   788  
   789  p.caution,
   790  div.caution {
   791    border-color: #ffcf00;
   792  }
   793  
   794  li .note,
   795  li .caution,
   796  li .warning {
   797    margin: .5em 0 0 0;
   798    padding: .2em .5em .2em .9em;
   799  }
   800  
   801  /* Makes sure the first paragraph does not add top-whitespace within the box*/
   802  li .note>p:first-child,
   803  li .caution>p:first-child,
   804  li .warning>p:first-child {
   805    margin-top:0;
   806    padding-top:0;
   807  }
   808  
   809  dl.xml dt {
   810    font-variant:small-caps;
   811    font-size:1.2em;
   812  }
   813  
   814  dl.xml dl {
   815    padding:0;
   816  }
   817  
   818  dl.xml dl dt {
   819    font-variant:normal;
   820    font-size:1em;
   821  }
   822  
   823  .listhead li {
   824    font-weight: bold;
   825  }
   826  
   827  .listhead li *, /*ie*/.listhead li li {
   828    font-weight: normal;
   829  }
   830  
   831  ol.no-style,
   832  ul.no-style {
   833    list-style:none;
   834    padding-left:1em;
   835  }
   836  
   837  .new,
   838  .new-child {
   839    font-size: .78em;
   840    font-weight: bold;
   841    color: #ff3d3d;
   842    text-decoration: none;
   843    vertical-align:top;
   844    line-height:.9em;
   845    white-space:nowrap;
   846  }
   847  
   848  .toggle-list.open .new-child {
   849    display:none;
   850  }
   851  
   852  pre.classic {
   853    background-color:transparent;
   854    border:none;
   855    padding:0;
   856  }
   857  
   858  p.img-caption {
   859    margin: -0.5em 0 1em 1em; /* matches default img left-margin */
   860  }
   861  
   862  div.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
   872  div.figure img {
   873    margin: 0 0 1em;
   874  }
   875  
   876  div.figure p.img-caption {
   877    margin: -0.5em 0 1em 0;
   878  }
   879  
   880  p.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 {
  1030  padding: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  
  1054  div#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  
  1063  div#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  
  1076  div#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  
  1086  div.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  
  1102  div.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  
  1115  div.download-box a.button:active {
  1116    background-color: #1E799A;
  1117    background-image: none;
  1118    border-color: #30B7E6;
  1119  }
  1120  
  1121  div.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  
  1131  div.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  
  1138  div.training-nav-bottom {
  1139    padding:1px; /* for weird FF bug (scrollbar appears) */
  1140    margin:3em 0;
  1141    overflow:auto;
  1142  }
  1143  
  1144  div.training-nav-button-next a,
  1145  div.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  
  1158  div.training-nav-button-next a:hover,
  1159  div.training-nav-button-previous a:hover {
  1160    border:1px solid #069; /* match link color */
  1161  }
  1162  
  1163  div.training-nav-button-next a:active,
  1164  div.training-nav-button-previous a:active {
  1165    border:1px solid #f00; /* match link color */
  1166  }
  1167    
  1168  div.training-nav-button-previous {
  1169    float:left;
  1170    text-align:left;
  1171  }
  1172  
  1173  div.training-nav-button-next {
  1174    float:right;
  1175    text-align:right;
  1176  }
  1177  
  1178  span.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  
  1190  table.image-caption {
  1191    padding:0;
  1192    margin:.5em 0;
  1193    border:0;
  1194  }
  1195  
  1196  td.image-caption-i {
  1197    font-size:92%;
  1198    padding:0 5px;
  1199    margin:0;
  1200    border:0;
  1201  }
  1202  
  1203  td.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  
  1213  td.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 {
  1222  background-image:url(images/grad-rule-qv.png);
  1223  background-repeat:no-repeat;
  1224  padding-top:1em;
  1225  margin-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  
  1243  ol.toc {
  1244    margin: 0 0 1em 0;
  1245    padding: 0;
  1246    list-style: none;
  1247    font-size:95%;
  1248  }
  1249  
  1250  ol.toc li {
  1251    font-weight: bold;
  1252    margin: 0 0 .5em 1em;
  1253    padding: 0;
  1254  }
  1255  
  1256  ol.toc li p {
  1257    font-weight: normal;
  1258  }
  1259  
  1260  ol.toc li ol {
  1261    margin: 0;
  1262    padding: 0;
  1263  }
  1264  
  1265  ol.toc li li {
  1266    padding: 0;
  1267    margin: 0 0 0 1em;
  1268    font-weight: normal;
  1269    list-style: none;
  1270  }
  1271  
  1272  table 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  
  1321  tr.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 */
  1336  table.download tr {
  1337    background-color:#d9d9d9;
  1338  }
  1339  
  1340  table.download tr.alt-color {
  1341    background-color:#ededed;
  1342  }
  1343  
  1344  table.download td,
  1345  table.download th {
  1346    border:2px solid #fff;
  1347    padding:10px 5px;
  1348  }
  1349  
  1350  table.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; }
  1501  body .ui-resizable-disabled .ui-resizable-handle { display: none; }
  1502  body .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  }