tools/droiddoc/templates/assets/android-developer-core.css

   1 /* file: android-developer-core.css
   2    author: smain
   3    date: september 2008
   4    info: core developer styles (developer.android.com)
   5 */
   6
   7
   8 /* RESET STYLES */
   9
  10 html,body,div,h1,h2,h3,h4,h5,h6,p,img,
  11 dl,dt,dd,ol,ul,li,table,caption,tbody,
  12 tfoot,thead,tr,th,td,form,fieldset,
  13 embed,object,applet {
  14   margin: 0;
  15   padding: 0;
  16   border: 0;
  17 }
  18
  19 /* BASICS */
  20
  21 html, body {
  22   overflow:hidden; /* keeps scrollbar off IE */
  23   background-color:#fff;
  24 }
  25
  26 body {
  27   font-family:arial,sans-serif;
  28   color:#000;
  29   font-size:13px;
  30   color:#333;
  31   background-image:url(images/bg_fade.jpg);
  32   background-repeat:repeat-x;
  33 }
  34
  35 a, a code {
  36   color:#006699;
  37 }
  38
  39
  40 a:active,
  41 a:active code {
  42   color:#f00;
  43 }
  44
  45 a:visited,
  46 a:visited code {
  47   color:#006699;
  48 }
  49
  50 input, select,
  51 textarea, option {
  52   font-family:inherit;
  53   font-size:inherit;
  54 }
  55
  56 p {
  57   padding:0;
  58   margin:0 0 1em;
  59 }
  60
  61 code, pre {
  62   color:#007000;
  63   font-family:monospace;
  64   line-height:1em;
  65 }
  66
  67 var {
  68   color:#007000;
  69   font-style:italic;
  70 }
  71
  72 pre {
  73   border:1px solid #ccc;
  74   background-color:#fafafa;
  75   padding:10px;
  76   margin:0 0 1em 1em;
  77   overflow:auto;
  78 }
  79
  80 h1,h2,h3,h4,h5 {
  81   margin:1em 0;
  82   padding:0;
  83 }
  84
  85 p,ul,ol,dl,dd,dt,li {
  86   line-height:1.3em;
  87 }
  88
  89 ul,ol {
  90   margin:0 0 .8em;
  91   padding:0 0 0 2em;
  92 }
  93
  94 li {
  95   padding:0 0 .5em;
  96 }
  97
  98 dl {
  99   margin:0 0 1em 0;
 100   padding:0;
 101 }
 102
 103 dt {
 104   margin:0;
 105   padding:0;
 106 }
 107
 108 dd {
 109   margin:0 0 1em;
 110   padding:0 0 0 2em;
 111 }
 112
 113 li p, dd p {
 114   margin:1em 0 0;
 115 }
 116
 117 li pre, li table, li img,
 118 dd pre, dd table, dd img {
 119   margin:1em 0 0 1em;
 120 }
 121
 122 li ul,
 123 li ol {
 124   margin:.5em 0 0 0;
 125   padding: 0 0 0 2em;
 126 }
 127
 128 dl li {
 129   padding:.5em 0 0 0;
 130 }
 131
 132 dl dl,
 133 ol dl,
 134 ul dl {
 135   margin:0 0 1em;
 136   padding:0;
 137 }
 138
 139 table {
 140   font-size:1em;
 141   margin:0 0 1em;
 142   padding:0;
 143   border-collapse:collapse;
 144   border-width:0;
 145   empty-cells:show;
 146 }
 147
 148 td,th {
 149   border:1px solid #ccc;
 150   padding:6px 12px;
 151   text-align:left;
 152   vertical-align:top;
 153   background-color:inherit;
 154 }
 155
 156 th {
 157   background-color:#dee8f1;
 158 }
 159
 160 hr.blue {
 161   background-color:#DDF0F2;
 162   border:none;
 163   height:5px;
 164   margin:20px 0 10px;
 165 }
 166
 167 /* LAYOUT */
 168 #body-content {
 169   margin:0;
 170   position:relative;
 171   width:100%;
 172   background: url('images/preliminary.png');
 173 }
 174
 175 #header {
 176   height: 114px;
 177   position:relative;
 178   z-index:100;
 179   min-width:576px;
 180   padding:0 10px;
 181   border-bottom:3px solid #94b922;
 182 }
 183
 184 #headerLeft{
 185   padding: 25px 0 0;
 186 }
 187
 188 #headerRight {
 189   position:absolute;
 190   right:0;
 191   top:0;
 192   text-align:right;
 193 }
 194
 195 /* Tabs in the header */
 196 #header ul {
 197   list-style: none;
 198   margin: 7px 0 0;
 199   padding: 0;
 200   height: 29px;
 201 }
 202
 203 #header li {
 204   float: left;
 205   margin: 0px 2px 0px 0px;
 206   padding:0;
 207 }
 208
 209 #header li a {
 210   text-decoration: none;
 211   display: block;
 212   background-image: url(images/bg_images_sprite.png);
 213   background-position: 0 -58px;
 214   background-repeat: no-repeat;
 215   color: #666;
 216   font-size: 13px;
 217   font-weight: bold;
 218   width: 94px;
 219   height: 29px;
 220   text-align: center;
 221   margin: 0px;
 222 }
 223
 224 #header li a:hover {
 225   background-image: url(images/bg_images_sprite.png);
 226   background-position: 0 -29px;
 227   background-repeat: no-repeat;
 228 }
 229
 230 #header li a span {
 231   position:relative;
 232   top:7px;
 233 }
 234
 235 /* TAB HIGHLIGHTING */
 236 .home #home-link a,
 237 .publish #publish-link a,
 238 .guide #guide-link a,
 239 .reference #reference-link a,
 240 .sdk #sdk-link a,
 241 .community #community-link a,
 242 .about #about-link a {
 243   background-image: url(images/bg_images_sprite.png);
 244   background-position: 0 0;
 245   background-repeat: no-repeat;
 246   color: #fff;
 247   font-weight: bold;
 248   cursor:default;
 249 }
 250
 251 .home #home-link a:hover,
 252 .publish #publish-link a:hover,
 253 .guide #guide-link a:hover,
 254 .reference #reference-link a:hover,
 255 .sdk #sdk-link a:hover,
 256 .community #community-link a:hover,
 257 .about #about-link  a:hover {
 258   background-image: url(images/bg_images_sprite.png);
 259   background-position: 0 0;
 260 }
 261
 262 #headerLinks {
 263   margin:10px 10px 0 0;
 264   height:13px;
 265 }
 266
 267 #headerLinks .text {
 268   text-decoration: none;
 269   color: #7FA9B5;
 270   font-size: 11px;
 271   vertical-align: top;
 272 }
 273
 274 #headerLinks a {
 275   text-decoration: underline;
 276   color: #7FA9B5;
 277   font-size: 11px;
 278   vertical-align: top;
 279 }
 280
 281 #search {
 282   height:45px;
 283   margin:15px 10px 0 0;
 284 }
 285
 286 /* main */
 287
 288 #mainBodyFluid {
 289   margin: 20px 10px;
 290   color:#333;
 291 }
 292
 293 #mainBodyFixed {
 294   margin: 20px 10px;
 295   color: #333;
 296   width:930px;
 297   position:relative;
 298 }
 299
 300 #mainBodyFixed h3,
 301 #mainBodyFluid h3 {
 302   color:#336666;
 303   font-size:1.25em;
 304   margin: 0em 0em 0em 0em;
 305   padding-bottom:.5em;
 306 }
 307
 308 #mainBodyFixed h2,
 309 #mainBodyFluid h2 {
 310   color:#336666;
 311   font-size:1.25em;
 312   margin: 0;
 313   padding-bottom:.5em;
 314 }
 315
 316 #mainBodyFixed h1,
 317 #mainBodyFluid h1 {
 318   color:#435A6E;
 319   font-size:1.7em;
 320   margin: 1em 0;
 321 }
 322
 323 #mainBodyFixed .green,
 324 #mainBodyFluid .green,
 325 #jd-content .green {
 326   color:#7BB026;
 327   background-color:none;
 328 }
 329
 330 #mainBodyLeft {
 331   float: left;
 332   width: 600px;
 333   margin-right: 20px;
 334   color: #333;
 335   position:relative;
 336 }
 337
 338 div.indent {
 339   margin-left: 40px;
 340   margin-right: 70px;
 341 }
 342
 343 #mainBodyLeft p {
 344   color: #333;
 345   font-size: 13px;
 346 }
 347
 348 #mainBodyLeft p.blue {
 349   color: #669999;
 350 }
 351
 352 #mainBodyLeft #communityDiv {
 353   float: left;
 354   background-image:url(images/bg_community_leftDiv.jpg);
 355   background-repeat: no-repeat;
 356   width: 581px;
 357   height: 347px;
 358   padding: 20px 0px 0px 20px;
 359 }
 360
 361 #mainBodyRight {
 362   float: left;
 363   width: 300px;
 364   color: #333;
 365 }
 366
 367 #mainBodyRight p {
 368   padding-right: 50px;
 369   color: #333;
 370 }
 371
 372 #mainBodyRight table {
 373   width: 100%;
 374 }
 375
 376 #mainBodyRight td {
 377   border:0px solid #666;
 378   padding:0px 5px;
 379   text-align:left;
 380 }
 381
 382 #mainBodyRight .blueBorderBox {
 383   border:5px solid #ddf0f2;
 384   padding:18px 18px 18px 18px;
 385   text-align:left;
 386 }
 387
 388 #mainBodyFixed .seperator {
 389   background-image:url(images/hr_gray_side.jpg);
 390   background-repeat:no-repeat;
 391   width: 100%;
 392   float: left;
 393   clear: both;
 394 }
 395
 396 #mainBodyBottom {
 397   float: left;
 398   width: 100%;
 399   clear:both;
 400   color: #333;
 401 }
 402
 403 #mainBodyBottom .seperator {
 404   background-image:url(images/hr_gray_main.jpg);
 405   background-repeat:no-repeat;
 406   width: 100%;
 407   float: left;
 408   clear: both;
 409 }
 410
 411 /* Footer */
 412 #footer {
 413   float: left;
 414   width:90%;
 415   margin: 20px;
 416   color: #aaa;
 417   font-size: 11px;
 418 }
 419
 420 #footer a {
 421   color: #aaa;
 422   font-size: 11px;
 423 }
 424
 425 #footer a:hover {
 426   text-decoration: underline;
 427   color:#aaa;
 428 }
 429
 430 #footerlinks {
 431   margin-top:2px;
 432 }
 433
 434 #footerlinks a,
 435 #footerlinks a:visited {
 436   color:#006699;
 437 }
 438
 439 #homeBottom td {
 440   border:0px solid #666;
 441   padding: 8px 18px 8px 18px;
 442 }
 443
 444 #homeBottom table {
 445   width: 100%;
 446 }
 447
 448
 449 #homeBottom {
 450   padding: 0px 0px 0px 0px;
 451   float: left;
 452   width: 585px;
 453   height: 165px;
 454   background-image:url(images/home/bg_home_bottom.jpg);
 455   background-repeat: no-repeat;
 456 }
 457
 458 .groupTable {
 459   width: 100%;
 460 }
 461
 462 .groupTable th {
 463   padding: 10px;
 464   color: #ffffff;
 465   background-color: #6D8293;
 466   border: 2px solid #fff;
 467 }
 468
 469 .groupTable td {
 470   padding: 10px;
 471   color: #333333;
 472   background-color: #d9d9d9;
 473   border: 2px solid #fff;
 474 }
 475
 476 .groupTable .evenRow td {
 477   background-color: #ededed;
 478 }
 479
 480 span.BigBlue {
 481   color:#336666;
 482   font-size:1.25em;
 483   margin: 0em 0em 0em 0em;
 484   padding-bottom:.5em;
 485   font-weight: bold;
 486 }
 487
 488 span.emBlue {
 489   color: #336666;
 490   font-style:italic;
 491 }
 492
 493 .pageTable {
 494   width: 95%;
 495   border: none;
 496 }
 497
 498 .pageTable img {
 499 vertical-align: bottom;
 500 }
 501
 502 .pageTable td {
 503   border: none;
 504 }
 505
 506 .pageTable td.leftNav {
 507   width: 100px;
 508 }
 509
 510 .greenBox {
 511   margin: 10px 30px 10px 30px;
 512   padding: 10px 20px 10px 20px;
 513   background-color: #EBF3DB;
 514   width: 75%;
 515 }
 516
 517 .blueBox {
 518   margin: 10px 30px 10px 30px;
 519   padding: 10px 20px 10px 20px;
 520   background-color: #DDF0F2;
 521   width: 75%;
 522 }
 523
 524 .blueHR {
 525   margin: 10px 30px 10px 30px;
 526   height: 5px;
 527   background-color: #DDF0F2;
 528   width: 75%;
 529 }
 530
 531 /* SEARCH FILTER */
 532 #search_autocomplete {
 533   color:#aaa;
 534 }
 535
 536 #search-button {
 537   display:inline;
 538 }
 539
 540 #search_filtered_div {
 541   position:absolute;
 542   margin-top:-1px;
 543   z-index:101;
 544   border:1px solid #BCCDF0;
 545   background-color:#fff;
 546 }
 547
 548 #search_filtered {
 549   min-width:100%;
 550 }
 551 #search_filtered td{
 552   background-color:#fff;
 553   border-bottom: 1px solid #669999;
 554   line-height:1.5em;
 555 }
 556
 557 #search_filtered .jd-selected {
 558   background-color: #94b922;
 559   cursor:pointer;
 560 }
 561 #search_filtered .jd-selected,
 562 #search_filtered .jd-selected a {
 563   color:#fff;
 564 }
 565
 566 .no-display {
 567   display: none;
 568 }
 569
 570 .jd-autocomplete {
 571   font-family: Arial, sans-serif;
 572   padding-left: 6px;
 573   padding-right: 6px;
 574   padding-top: 1px;
 575   padding-bottom: 1px;
 576   font-size: .8em;
 577   border: none;
 578   margin: 0;
 579   line-height: 1.05em;
 580 }
 581
 582 .show-row {
 583   display: table-row;
 584 }
 585 .hide-row {
 586   display: hidden;
 587 }
 588
 589 /* SEARCH */
 590
 591 /* restrict global search form width */
 592 #searchForm {
 593   width:350px;
 594 }
 595
 596 #searchTxt {
 597   width:200px;
 598 }
 599
 600 /* disable twiddle and size selectors for left column */
 601 #leftSearchControl div {
 602   width: 100%;
 603 }
 604
 605 #leftSearchControl .gsc-twiddle {
 606   background-image : none;
 607 }
 608
 609 #leftSearchControl td, #searchForm td {
 610   border: 0px solid #000;
 611 }
 612
 613 #leftSearchControl .gsc-resultsHeader .gsc-title {
 614   padding-left : 0px;
 615   font-weight : bold;
 616   font-size : 13px;
 617   color:#006699;
 618   display : none;
 619 }
 620
 621 #leftSearchControl .gsc-resultsHeader div.gsc-results-selector {
 622   display : none;
 623 }
 624
 625 #leftSearchControl .gsc-resultsRoot {
 626   padding-top : 6px;
 627 }
 628
 629 #leftSearchControl div.gs-visibleUrl-long {
 630   display : block;
 631   color:#006699;
 632 }
 633
 634 .gsc-webResult div.gs-visibleUrl-short,
 635 table.gsc-branding,
 636 .gsc-clear-button {
 637   display : none;
 638 }
 639
 640 .gsc-cursor-box .gsc-cursor div.gsc-cursor-page,
 641 .gsc-cursor-box .gsc-trailing-more-results a.gsc-trailing-more-results,
 642 #leftSearchControl a,
 643 #leftSearchControl a b {
 644   color:#006699;
 645 }
 646
 647 .gsc-resultsHeader {
 648   display: none;
 649 }
 650
 651 /* Disable built in search forms */
 652 .gsc-control form.gsc-search-box {
 653   display : none;
 654 }
 655 table.gsc-search-box {
 656   margin:6px 0 0 0;
 657   border-collapse:collapse;
 658 }
 659
 660 td.gsc-input {
 661   padding:0 2px;
 662   width:100%;
 663   vertical-align:middle;
 664 }
 665
 666 input.gsc-input {
 667   border:1px solid #BCCDF0;
 668   width:99%;
 669   padding-left:2px;
 670   font-size:.95em;
 671 }
 672
 673 td.gsc-search-button {
 674   text-align: right;
 675   padding:0;
 676   vertical-align:top;
 677 }
 678
 679 #search-button {
 680   margin:0 0 0 2px;
 681   font-size:11px;
 682   height:1.8em;
 683 }
 684
 685
 686 /* CAROUSEL */
 687
 688 #homeMiddle {
 689   padding: 0px 0px 0px 0px;
 690   float: left;
 691   width: 584px;
 692   height: 580px;
 693   background:url(images/home/bg_home_middle.png) no-repeat 0 0;
 694   position:relative;
 695 }
 696
 697 #homeTitle {
 698   margin:15px 15px 0;
 699   height:30px;
 700   background:url(images/hr_gray_side.jpg) no-repeat 0 29px;
 701 }
 702
 703 #homeTitle h2 {
 704   padding:0;
 705 }
 706
 707 #announcement-block {
 708   margin:15px 15px 0;
 709   height:125px;
 710 }
 711
 712 #announcement-block img {
 713   float:left;
 714   margin:0 30px 0 0;
 715 }
 716
 717 #announcement {
 718   float:left;
 719   margin:0;
 720 }
 721
 722 .clearer { clear:both; }
 723
 724 #arrow-left, #arrow-right {
 725   float:left;
 726   width:42px;
 727   height:42px;
 728   background-image:url(images/home/carousel_buttons_sprite.png);
 729   background-repeat:no-repeat;
 730 }
 731 #arrow-left {
 732   margin:35px 3px 0 10px;
 733 }
 734 #arrow-right {
 735   margin:35px 10px 0 0;
 736 }
 737 .arrow-left-off,
 738 #arrow-left.arrow-left-off:hover {
 739   background-position:0 0;
 740 }
 741 .arrow-right-off,
 742 #arrow-right.arrow-right-off:hover {
 743   background-position:-42px 0;
 744 }
 745 #arrow-left:hover {
 746   background-position:0 -42px;
 747 }
 748 #arrow-right:hover {
 749   background-position:-42px -42px;
 750 }
 751 .arrow-left-on {
 752   background-position:0 0;
 753 }
 754 .arrow-right-on {
 755   background-position:-42px 0;
 756 }
 757 .arrow-right-off,
 758 .arrow-left-off {
 759   cursor:default;
 760 }
 761
 762 .app-list-container {
 763   margin:37px 20px 0;
 764   _margin-top:33px;
 765   position:relative;
 766   width:100%;
 767 }
 768
 769 div#list-clip {
 770   height:110px;
 771   width:438px;
 772   overflow:hidden;
 773   position:relative;
 774   float:left;
 775 }
 776
 777 div#app-list {
 778   left:0;
 779   z-index:1;
 780   position:absolute;
 781   margin:11px 0 0;
 782   _margin-top:13px;
 783   width:1000%;
 784 }
 785
 786 #app-list a {
 787   display:block;
 788   float:left;
 789   height:90px;
 790   width:90px;
 791   margin:0 24px 0;
 792   padding:3px;
 793   background:#99cccc;
 794   -webkit-border-radius:7px;
 795   -moz-border-radius:7px;
 796   border-radius:7px;
 797   text-decoration:none;
 798   text-align:center;
 799   font-size:11px;
 800 }
 801
 802 #app-list img {
 803   width:90px;
 804   height:70px;
 805   margin:0;
 806 }
 807
 808 #app-list a.selected,
 809 #app-list a:active.selected,
 810 #app-list a:hover.selected {
 811   background:#A4C639;
 812   color:#fff;
 813   cursor:default;
 814   text-decoration:none;
 815 }
 816
 817 #app-list a:hover,
 818 #app-list a:active {
 819   background:#ff9900;
 820 }
 821
 822 #app-list a:hover span,
 823 #app-list a:active span {
 824   text-decoration:underline;
 825 }
 826
 827 #droid-name {
 828   padding-top:.5em;
 829   color:#666;
 830   padding-bottom:.25em;
 831 }
 832
 833 #carouselMain {
 834   margin: 25px 21px 0;
 835   height:185px;
 836   background-position:top;
 837   background-repeat:no-repeat;
 838   overflow:hidden;
 839 }
 840
 841 #carouselMain img {
 842   margin:0;
 843 }
 844
 845 /*carousel bulletin layouts*/
 846 /*460px width*/
 847 /*185px height*/
 848 .img-left {
 849   float:left;
 850   width:230px;
 851   height:165px;
 852   overflow:hidden;
 853   margin:8px 0 8px 8px;
 854 }
 855 .desc-right {
 856   float:left;
 857   width:270px;
 858   margin:10px;
 859 }
 860 .img-right {
 861   float:right;
 862   width:220px;
 863   height:165px;
 864   overflow:hidden;
 865   margin:8px 8px 8px 0;
 866 }
 867 .desc-left {
 868   float:right;
 869   width:280px;
 870   margin:10px;
 871   text-align:right;
 872 }
 873 .img-top {
 874   height:80px;
 875   text-align:center;
 876 }
 877 .desc-bottom {
 878   height:100px;
 879   margin:10px;
 880 }
 881
 882
 883