default.css revision 2a0522b277f2d7d8bfa25bc8eada6f9dbf1ba86f
1/* color definitions */ 2/* 16 column layout */ 3/* clearfix idiom */ 4/* common mixins */ 5/* page layout + top-level styles */ 6::selection { 7 background-color: #0099cc; 8 color: #fff; } 9::-webkit-selection { 10 background-color: #0099cc; 11 color: #fff; } 12::-moz-selection { 13 background-color: #0099cc; 14 color: #fff; } 15 16html, body { 17 height: 100%; 18 margin: 0; 19 padding: 0; 20 background-color:#F9F9F9; 21 -webkit-font-smoothing: antialiased; 22 /* prevent subpixel antialiasing, which thickens the text */ 23 /* text-rendering: optimizeLegibility; */ 24 /* turned off ligatures due to bug 5945455 */ } 25 26body { 27 color: #222; 28 font: 14px/19px Roboto, sans-serif; 29 font-weight: 400; 30 letter-spacing:.1; 31 padding:0 10px; } 32 33#page-container { 34 width: 940px; 35 margin: 0 40px; } 36 37#page-header { 38 height: 80px; 39 margin-bottom: 20px; 40 font-size: 48px; 41 line-height: 48px; 42 font-weight: 100; 43 padding-left: 10px; } 44 #page-header a { 45 display: block; 46 position: relative; 47 top: 20px; 48 text-decoration: none; 49 color: #555555 !important; } 50 51#main-row { 52 display: inline-block; } 53 #main-row:after { 54 content: "."; 55 display: block; 56 height: 0; 57 clear: both; 58 visibility: hidden; } 59 * html #main-row { 60 height: 1px; } 61 62#page-footer { 63 margin-left: 190px; 64 margin-top: 80px; 65 color: #999999; 66 padding-bottom: 40px; 67 font-size: 12px; 68 line-height: 15px; } 69 #page-footer a { 70 color: #777777; } 71 #page-footer #copyright { 72 margin-bottom: 10px; } 73 74#nav-container { 75 width: 160px; 76 min-height: 10px; 77 margin-right: 20px; 78 float: left; } 79 80#nav { 81 margin:0; 82 padding:0 0 30px; 83} 84 85#side-nav { 86 min-height:5px; /* silly way to avoid doc floating left when nav goes fixed */ 87 margin-bottom:1px; 88} 89#devdoc-nav { 90 outline:none; 91 width:auto; 92 margin: 20px 0 0; } 93 94#devdoc-nav h2 { 95 border:0; 96} 97 98#devdoc-nav.fixed { 99 position: fixed; 100 margin:0; 101 top: 20px; } 102 103#devdoc-nav span.small { 104 font-size:12px; 105 font-weight:normal; 106} 107 108#content { 109 width: 760px; 110 float: left; } 111 112a:hover, 113acronym:hover { 114 color: #7aa1b0 !important; } 115 116a:focus, 117a:active { 118 color: #33b5e5 !important; } 119 120a.external-link { 121 background:url('../images/styles/open_new_page.png') no-repeat 100% 50%; 122 padding-right:16px; 123} 124 125img { 126 border: none; } 127#jd-content img { 128 margin-bottom:15px; 129} 130 131ul { 132 margin: 0; 133 padding: 0; } 134 135strong { 136 font-weight: 500; } 137 138em { 139 font-style: italic; } 140 141acronym, 142.tooltip-link { 143 border-bottom: 1px dotted #555555; 144 cursor: help; } 145 146acronym:hover, 147.tooltip-link:hover { 148 color: #7aa1b0; 149 border-bottom-color: #7aa1b0; } 150 151img.with-shadow, 152video.with-shadow { 153 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); } 154 155/* disclosures mixin */ 156/* content layout */ 157.layout-content-row { 158 display: inline-block; 159 margin-bottom: 10px; } 160 .layout-content-row:after { 161 content: "."; 162 display: block; 163 height: 0; 164 clear: both; 165 visibility: hidden; } 166 * html .layout-content-row { 167 height: 1px; } 168 169.layout-content-col { 170 float: left; 171 margin-left: 20px; } 172 .layout-content-col:first-child { 173 margin-left: 0; } 174 .layout-content-col h3, 175 .layout-content-col h4 { 176 margin-top:0; } 177 178.layout-content-col.span-1 { 179 width: 40px; } 180 181.layout-content-col.span-2 { 182 width: 100px; } 183 184.layout-content-col.span-3 { 185 width: 160px; } 186 187.layout-content-col.span-4 { 188 width: 220px; } 189 190.layout-content-col.span-5 { 191 width: 280px; } 192 193.layout-content-col.span-6 { 194 width: 340px; } 195 196.layout-content-col.span-7 { 197 width: 400px; } 198 199.layout-content-col.span-8 { 200 width: 460px; } 201 202.layout-content-col.span-9 { 203 width: 520px; } 204 205.layout-content-col.span-10 { 206 width: 580px; } 207 208.layout-content-col.span-11 { 209 width: 640px; } 210 211.layout-content-col.span-12 { 212 width: 700px; } 213 214.layout-content-col.span-13 { 215 width: 760px; } 216 217.vspace.size-1 { 218 height: 10px; } 219 220.vspace.size-2 { 221 height: 20px; } 222 223.vspace.size-3 { 224 height: 30px; } 225 226.vspace.size-4 { 227 height: 40px; } 228 229.vspace.size-5 { 230 height: 50px; } 231 232.vspace.size-6 { 233 height: 60px; } 234 235.vspace.size-7 { 236 height: 70px; } 237 238.vspace.size-8 { 239 height: 80px; } 240 241.vspace.size-9 { 242 height: 90px; } 243 244.vspace.size-10 { 245 height: 100px; } 246 247.vspace.size-11 { 248 height: 110px; } 249 250.vspace.size-12 { 251 height: 120px; } 252 253.vspace.size-13 { 254 height: 130px; } 255 256.vspace.size-14 { 257 height: 140px; } 258 259.vspace.size-15 { 260 height: 150px; } 261 262.vspace.size-16 { 263 height: 160px; } 264 265/* nav */ 266#nav { 267 /* section header divs */ 268 /* expanded section header divs */ 269 /* sublinks */ } 270 #nav li { 271 list-style-type: none; 272 font-size: 14px; 273 margin:0; 274 padding:0; 275 line-height: 15px; } 276 #nav a { 277 color: #555555; 278 text-decoration: none; 279 word-wrap:break-word; } 280 #nav .nav-section-header { 281 position: relative; 282 margin-bottom: 1px; 283 padding: 0 30px 0 0; } 284 #nav li.selected a, #nav li.selected > .nav-section-header > a { 285 color: #09C; 286 } 287 #nav li.selected ul li a { 288 /* don't highlight child items */ 289 color: #555555; } 290 #nav .nav-section .nav-section .nav-section-header { 291 /* no white line between second level sections */ 292 margin-bottom: 0; } 293 /* section header links */ 294 #nav > li > div > a { 295 display: block; 296 color: #333333; 297 font-weight: 500; 298 padding: 10px 0 10px 10px; } 299 #nav .nav-section-header:after { 300 content: ''; 301 background: transparent url(../images/styles/disclosure_down.png) no-repeat scroll 50% 50%; 302 width: 34px; 303 height: 34px; 304 display: block; 305 position: absolute; 306 top: 0; 307 right: 0; } 308 #nav .nav-section-header.empty:after { 309 display: none; } 310 /* nested nav headers */ 311 #nav .nav-section .nav-section { 312 position: relative; 313 padding: 0; 314 margin: 0; } 315 #nav .nav-section li a { 316 /* first gen child (2nd level li) */ 317 display:block; 318 font-weight: normal; 319 text-transform: none; 320 padding: 7px 5px 7px 10px; 321 } 322 #nav .nav-section li li a { 323 /* second gen child (3rd level li) */ 324 padding: 5px 5px 5px 10px; 325 } 326 #nav li.expanded .nav-section-header { 327 background:#e9e9e9; 328 background: rgba(0, 0, 0, 0.05); } 329 #nav li.expanded li .nav-section-header { 330 background: transparent; } 331 #nav li.expanded li ul { 332 /* 3rd level ul */ 333 padding:0 0 0 10px; 334 } 335 #nav li.expanded > .nav-section-header:after { 336 content: ''; 337 background: transparent url(../images/styles/disclosure_up.png) no-repeat scroll 50% 50%; 338 width: 34px; 339 height: 34px; } 340 #nav li.expanded li ul.tree-list-children { 341 padding:0; 342 } 343 #nav li.expanded li ul.tree-list-children .tree-list-children { 344 padding:0 0 0 10px; 345 } 346 #nav li span.tree-list-subtitle { 347 display:inline-block; 348 padding:5px 0 0 10px; 349 color:#555; 350 text-transform:uppercase; 351 font-size:12px; 352 } 353 #nav li span.tree-list-subtitle:before { 354 content: '—'; 355 } 356 #nav li span.tree-list-subtitle:after { 357 content: '—'; 358 } 359 #nav li ul { 360 display:none; 361 overflow: hidden; 362 margin: 0; } 363 #nav li ul.animate-height-in { 364 -webkit-transition: height 0.25s ease-in; 365 -moz-transition: height 0.25s ease-in; 366 transition: height 0.25s ease-in; } 367 #nav li ul.animate-height-out { 368 -webkit-transition: height 0.25s ease-out; 369 -moz-transition: height 0.25s ease-out; 370 transition: height 0.25s ease-out; } 371 #nav li ul li { 372 padding: 0; } 373 #nav li li li { 374 padding: 0; } 375 #nav li.expanded ul { 376 } 377 #nav li ul > li { 378 padding:0; 379 } 380 #nav li ul > li:last-child { 381 padding-bottom:5px; 382 } 383 #nav li ul.tree-list-children > li:last-child { 384 padding-bottom:0; 385 } 386 #nav li.expanded ul > li { 387 background:#efefef; 388 background: rgba(0, 0, 0, 0.03); } 389 #nav li.expanded ul > li li { 390 background:inherit; } 391 #nav li ul.tree-list-children ul { 392 display:block; } 393 394.new, 395.new-child { 396 font-size: .78em; 397 font-weight: bold; 398 color: #ff3d3d; 399 vertical-align:top; 400 white-space:nowrap; 401} 402 403/* content header */ 404.content-header { 405 height: 30px; 406 margin:20px 0 25px; 407 padding:0 0 10px;} 408.content-header.just-links { 409 margin-bottom:0; 410 padding-bottom:0;} 411 412.content-header h1 { 413 color:#000; 414 margin:0; 415 border-bottom:0; 416 padding:0; 417} 418 419.content-footer { 420 border-top: 1px solid #ccc; 421 margin-top: 10px; 422 padding-top:10px; 423 height: 30px; 424} 425 426.content-footer-sac { 427 border-top: 1px solid #ccc; 428} 429.content-footer .col-9 { 430 margin-left:0; 431} 432.content-footer .col-4 { 433 margin-right:0; 434} 435.content-footer.wrap { 436 width:940px; 437} 438 439.paging-links { 440 position: relative; } 441 .paging-links a { 442 position: absolute; } 443 .paging-links a, 444 .training-nav-top a { 445 font-size: 14px; 446 line-height: 30px; 447 color: #555555; 448 text-decoration: none; 449 text-transform: uppercase; } 450 .paging-links .prev-page-link:before, 451 .training-nav-top .prev-page-link:before { 452 content: ''; 453 background: transparent url(../images/styles/disclosure_left.png) no-repeat scroll 50% 50%; 454 width: 10px; 455 height: 10px; 456 display: inline-block; 457 margin-right: 5px; } 458 .training-nav-top .next-page-link, 459 .training-nav-top .start-class-link, 460 .training-nav-top .start-course-link { 461 right: 10px; } 462 .paging-links .prev-page-link { 463 left: -15px; } 464 .paging-links .next-page-link { 465 right: 0px; } 466 .next-page-link:after, 467 .start-class-link:after, 468 .start-course-link:after, 469 .next-class-link:after { 470 content: ''; 471 background: transparent url(../images/styles/disclosure_right.png) no-repeat scroll 50% 50%; 472 width: 10px; 473 height: 10px; 474 display: inline-block; 475 margin-left: 5px; } 476 477 478 .training-nav-top a { 479 display:block; 480 float:left; 481 width:122px; 482 height:28px; 483 padding: 8px; 484 line-height:28px; 485 text-align:center; 486 border:1px solid #DADADA; 487 border-bottom:0; 488 } 489 490 .training-nav-top a.next-page-link { 491 border-left:0; 492 width:123px; 493 } 494 495 .paging-links a.disabled, 496 .training-nav-top a.disabled, 497 .content-footer a.disabled { 498 color:#bbb; 499 } 500 501 .paging-links a.disabled:hover, 502 .training-nav-top a.disabled:hover, 503 .content-footer a.disabled:hover { 504 cursor:default; 505 color:#bbb !important; 506 } 507 508 .training-nav-top a.start-class-link, 509 .training-nav-top a.start-course-link { 510 width:262px; 511 } 512 513 /* list of classes on course landing page */ 514 ol.class-list { 515 list-style:none; 516 margin-left:0; 517 } 518 ol.class-list>li { 519 margin:0 0 15px; 520 padding:5px 0 0; 521 overflow:hidden; 522 border-top:1px solid #ccc; 523 } 524 ol.class-list li a.title { 525 font-size:16px; 526 margin:0; 527 clear:left; 528 display:block; 529 height:32px; 530 padding:0 4px; 531 } 532 ol.class-list li a.title h2 { 533 color:inherit; 534 margin:0 0 10px; 535 display:block; 536 float:left; 537 width:675px; 538 } 539 ol.class-list li a.title span { 540 display:none; 541 float:left; 542 font-size:18px; 543 font-weight:bold; 544 background: transparent url(../images/styles/disclosure_right.png) no-repeat scroll 50% 50%; 545 width: 10px; 546 height: 32px; 547 } 548 ol.class-list li a.title:hover { 549 background:#ddd; 550 color:#258AAF !important; 551 } 552 ol.class-list li a.title:hover span { 553 display:block; 554 } 555 556 #jd-content 557 ol.class-list li img { 558 float:left; 559 clear:left; 560 width:64px; 561 margin:0 20px 0 0; 562 } 563 ol.class-list li p.description { 564 float:left; 565 display:block; 566 width:250px; 567 margin:0; 568 } 569 ol.class-list li p.description.article { 570 width: 550px; 571 } 572 ol.class-list ol { 573 float:left; 574 width:320px; 575 margin:0 0 0 30px; 576 list-style:none; 577 margin:0 0 0 20px; 578 } 579 ol.class-list div.lessons li { 580 margin:0 0 6px; 581 line-height:16px; 582 } 583 584 585 .hide { 586 display:none !important; 587 } 588 589 .content-footer.next-class { 590 display:block; 591 border:0; 592 margin-top:0; 593 padding-top:0; 594 } 595 596 .content-footer.next-class a.next-class-link { 597 display:block; 598 float:right; 599 text-transform:uppercase; 600 } 601 602 603 604 /* inner-doc tabs w/ title */ 605 606div#title-tabs-wrapper { 607 border-bottom:1px solid #ccc; 608 margin:20px 0 30px; 609} 610h1.with-title-tabs { 611 display:inline-block; 612 margin:0 0 -1px 0; 613 padding:0 60px 0 0; 614 border-bottom:1px solid #F9F9F9; 615} 616ul#title-tabs { 617 list-style:none; 618 padding:0; 619 height:29px; 620 margin:0; 621 font-size:16px; 622 line-height:26px; 623 display:inline-block; 624 vertical-align:bottom; 625} 626ul#title-tabs li { 627 display:block; 628 float:left; 629 margin-right:40px; 630 border-bottom: 3px solid transparent; 631} 632ul#title-tabs li.selected { 633 border-bottom: 3px solid #93C; 634} 635ul#title-tabs li a { 636 color:#333; 637} 638ul#title-tabs li a:hover, 639ul#title-tabs li a:active { 640 color:#93C !important; 641} 642 643 644 645/* content body */ 646@-webkit-keyframes glowheader { 647 from { 648 background-color: #33b5e5; 649 color: #000; 650 border-bottom-color: #000; } 651 652 to { 653 background-color: transparent; 654 color: #33b5e5; 655 border-bottom-color: #33b5e5; } } 656 657@-moz-keyframes glowheader { 658 from { 659 background-color: #33b5e5; 660 color: #000; 661 border-bottom-color: #000; } 662 663 to { 664 background-color: transparent; 665 color: #33b5e5; 666 border-bottom-color: #33b5e5; } } 667 668@keyframes glowheader { 669 from { 670 background-color: #33b5e5; 671 color: #000; 672 border-bottom-color: #000; } 673 674 to { 675 background-color: transparent; 676 color: #33b5e5; 677 border-bottom-color: #33b5e5; } } 678 679h2:target, 680h3:target { 681 -webkit-animation-name: glowheader; 682 -moz-animation-name: glowheader; 683 animation-name: glowheader; 684 -webkit-animation-duration: 0.7s; 685 -moz-animation-duration: 0.7s; 686 animation-duration: 0.7s; 687 -webkit-animation-timing-function: ease-out; 688 -moz-animation-timing-function: ease-out; 689 animation-timing-function: ease-out; } 690 691.design ol h4 { 692 margin-bottom:0; 693} 694.design ol { 695 counter-reset: item; } 696 .design ol>li { 697 font-size: 14px; 698 line-height: 20px; 699 list-style-type: none; 700 position: relative; } 701 .design ol>li:before { 702 content: counter(item) ". "; 703 counter-increment: item; 704 position: absolute; 705 left: -20px; 706 top: 0; } 707 .design ol li.value-1:before { 708 content: "1. "; } 709 .design ol li.value-2:before { 710 content: "2. "; } 711 .design ol li.value-3:before { 712 content: "3. "; } 713 .design ol li.value-4:before { 714 content: "4. "; } 715 .design ol li.value-5:before { 716 content: "5. "; } 717 .design ol li.value-6:before { 718 content: "6. "; } 719 .design ol li.value-7:before { 720 content: "7. "; } 721 .design ol li.value-8:before { 722 content: "8. "; } 723 .design ol li.value-9:before { 724 content: "9. "; } 725 .design ol li.value-10:before { 726 content: "10. "; } 727.design .with-callouts ol>li { 728 list-style-position: inside; 729 margin-left: 0; } 730 .design .with-callouts ol>li:before { 731 display: inline; 732 left: -20px; 733 float: left; 734 width: 17px; 735 color: #33b5e5; 736 font-weight: 500; } 737.design .with-callouts ul>li { 738 list-style-position: outside; } 739 740/* special list items */ 741li.no-bullet { 742 list-style-type: none !important; } 743li.no-bullet *{ 744 margin:0; } 745 746.design li.with-icon { 747 position: relative; 748 margin-left: 20px; 749 min-height: 30px; } 750 .design li.with-icon p { 751 margin-left: 0 !important; } 752 .design li.with-icon:before { 753 position: absolute; 754 left: -40px; 755 top: 0; 756 content: ''; 757 width: 30px; 758 height: 30px; } 759 .design li.with-icon.tablet:before { 760 background-image: url(../images/styles/ico_phone_tablet.png); } 761 .design li.with-icon.web:before { 762 background-image: url(../images/styles/ico_web.png); } 763 .design li.with-icon.action:before { 764 background-image: url(../images/styles/ico_action.png); } 765 .design li.with-icon.use:before { 766 background-image: url(../images/styles/ico_use.png); } 767 768/* figures and callouts */ 769.figure { 770 position: relative; } 771 .figure.pad-below { 772 margin-bottom: 20px; } 773 .figure .figure-callout { 774 position: absolute; 775 color: #fff; 776 font-weight: 500; 777 font-size: 16px; 778 line-height: 23px; 779 text-align: center; 780 background: transparent url(../images/styles/callout.png) no-repeat scroll 50% 50%; 781 padding-right: 2px; 782 width: 30px; 783 height: 29px; 784 z-index: 1000; } 785 .figure .figure-callout.top { 786 top: -9px; } 787 .figure .figure-callout.right { 788 right: -5px; } 789 790.figure-caption { 791 margin: 0 10px 20px 0; 792 font-size: 14px; 793 line-height: 20px; 794 font-style: italic; } 795 796/* rows of figures */ 797.figure-row { 798 font-size: 0; 799 line-height: 0; 800 /* to prevent space between figures */ } 801 .figure-row .figure { 802 display: inline-block; 803 vertical-align: top; } 804 .figure-row .figure + .figure { 805 margin-left: 10px; 806 /* reintroduce space between figures */ } 807 808/* video containers */ 809.framed-galaxynexus-land-span-13 { 810 background: transparent url(../images/styles/device_galaxynexus_blank_land_span13.png) no-repeat 811scroll top left; 812 padding: 42px 122px 62px 126px; 813 overflow: hidden; } 814 .framed-galaxynexus-land-span-13, .framed-galaxynexus-land-span-13 video, 815.framed-galaxynexus-land-span-13 img { 816 width: 512px; 817 height: 286px; } 818 819 820.framed-galaxynexus-land-span-8{ 821 background: transparent url(../images/styles/device_galaxynexus_blank_land_span8.png) no-repeat 822scroll top left; 823 padding: 26px 68px 38px 72px; 824 overflow: hidden; } 825 .framed-galaxynexus-land-span-8, .framed-galaxynexus-land-span-8 video, 826.framed-galaxynexus-land-span-8 img { 827 width: 320px; 828 height: 180px; } 829 830.framed-galaxynexus-port-span-9 { 831 background: transparent url(../images/styles/device_galaxynexus_blank_port_span9.png) no-repeat 832scroll top left; 833 padding: 95px 122px 107px 124px; 834 overflow: hidden; } 835 .framed-galaxynexus-port-span-9, .framed-galaxynexus-port-span-9 video, 836.framed-galaxynexus-port-span-9 img { 837 width: 274px; 838 height: 488px; } 839 840.framed-galaxynexus-port-span-5 { 841 background: transparent url(../images/styles/device_galaxynexus_blank_port_span5.png) no-repeat 842scroll top left; 843 padding: 75px 31px 76px 33px; 844 overflow: hidden; } 845 .framed-galaxynexus-port-span-5, .framed-galaxynexus-port-span-5 video, 846.framed-galaxynexus-port-span-5 img { 847 width: 216px; 848 height: 384px; } 849 850/* landing page disclosures */ 851.landing-page-link { 852 text-decoration: none; 853 font-weight: 500; 854 color: #333333; } 855 .landing-page-link:after { 856 content: ''; 857 background: transparent url(../images/styles/disclosure_right.png) no-repeat scroll 50% 50%; 858 width: 10px; 859 height: 10px; 860 display: inline-block; 861 margin-left: 5px; } 862 863/* tooltips */ 864.tooltip-box { 865 position: absolute; 866 background-color: rgba(0, 0, 0, 0.9); 867 border-radius: 2px; 868 font-size: 14px; 869 line-height: 20px; 870 color: #fff; 871 padding: 6px 10px; 872 max-width: 250px; 873 z-index: 10000; } 874 .tooltip-box.below:after { 875 position: absolute; 876 content: ''; 877 line-height: 0; 878 display: block; 879 top: -10px; 880 left: 5px; 881 border: 5px solid transparent; 882 border-bottom-color: rgba(0, 0, 0, 0.9); } 883 884/* video note */ 885.video-instructions { 886 margin-top: 10px; 887 margin-bottom: 10px; } 888 .video-instructions:before { 889 content: ''; 890 background: transparent url(../images/styles/ico_movie_inline.png) no-repeat scroll top left; 891 display: inline-block; 892 width: 12px; 893 height: 12px; 894 margin-right: 8px; } 895 .video-instructions:after { 896 content: 'Click device screen to replay movie.'; } 897 898/* download buttons */ 899.download-button { 900 display: block; 901 margin-bottom: 5px; 902 text-decoration: none; 903 background-color: #33b5e5; 904 color: #fff !important; 905 font-weight: 500; 906 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12); 907 padding: 6px 12px; 908 border-radius: 2px; } 909 .download-button:hover, .download-button:focus { 910 background-color: #0099cc; 911 color: #fff !important; } 912 .download-button:active { 913 background-color: #006699; } 914 915/* UI tables and other things found in Writing style and Settings pattern */ 916.ui-table { 917 width: 100%; 918 background-color: #282828; 919 color: #fff; 920 border-radius: 2px; 921 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); 922 border-collapse: separate; } 923 .ui-table th, 924 .ui-table td { 925 padding: 5px 10px; 926 background-color: inherit; 927 border:0;} 928 .ui-table thead th { 929 font-weight: bold; } 930 .ui-table tfoot td { 931 border-top: 1px solid #494949; 932 border-right: 1px solid #494949; 933 text-align: center; } 934 .ui-table tfoot td:last-child { 935 border-right: 0; } 936 937.layout-with-list-item-margins { 938 margin-left: 30px !important; } 939 940.emulate-content-left-padding { 941 margin-left: 10px; } 942 943.do-dont-label { 944 margin-bottom: 10px; 945 padding-left: 20px; 946 background: transparent none no-repeat scroll 0px 3px; } 947 .do-dont-label.bad { 948 background-image: url(../images/styles/ico_wrong.png); } 949 .do-dont-label.good { 950 background-image: url(../images/styles/ico_good.png); } 951 952 953 954 955 956 957 958 959 960 961 962 963 964 965 966 967 968 969 970/***** PREVIOUSLY style.css ******************/ 971 972 973 974 975 976@media screen, projection, print { 977[dir='rtl'] { 978 direction: rtl; 979} 980html { 981 line-height: 20px; 982} 983pre, table, input, textarea, code { 984 font-size: 1em; 985} 986address, abbr, cite { 987 font-style: normal; 988} 989[dir='rtl'] th { 990 text-align: right; 991} 992html[lang^=ja] blockquote, html[lang^=ja] q, html[lang^=ko] blockquote, html[lang^=ko] q, 993html[lang^=zh] blockquote, html[lang^=zh] q { 994 font-style: normal; 995} 996q { 997 font-style: italic; 998} 999fieldset, iframe, img { 1000 border: 0; 1001} 1002img { 1003 -ms-interpolation-mode: bicubic; 1004 vertical-align: middle; 1005 max-width: 100%; 1006} 1007q { 1008 quotes: none; 1009} 1010sup, sub { 1011 font-size: 11px; 1012 line-height: 0; 1013} 1014} 1015 1016@media screen, projection { 1017 1018table, fieldset { 1019 margin: 0; 1020} 1021h1 { 1022 color:#333; 1023 font-size: 34px; 1024 margin: 36px 0 27px; 1025 padding:0 0 10px; 1026 font-weight:300; 1027} 1028h1, h2 { 1029 line-height: 30px; 1030} 1031h1.short { 1032 margin-right:320px; 1033} 1034h1.short { 1035 margin-right:320px; 1036} 1037h1.super { 1038 font-size: 37px; 1039} 1040h2 { 1041 color:#333; 1042 font-size: 26px; 1043 margin: 32px 0 20px; 1044 padding:0; 1045 font-weight:300; 1046} 1047h3 { 1048 color:#333; 1049 font-size: 21px; 1050 font-weight:400; 1051 margin:21px 0 14px 0; 1052} 1053h3, h4 { 1054 line-height: 21px; 1055} 1056h4 { 1057 font-size: 18px; 1058 margin: 12px 0; 1059 font-weight:500; 1060} 1061h5 { 1062 font-size: 14px; 1063} 1064h5, h6 { 1065 margin: 5px 0; 1066} 1067h6 { 1068 font-size: 12px; 1069} 1070 1071 1072 1073hr { /* applied to the bottom of h2 elements */ 1074 height: 1px; 1075 margin: 5px 0 20px; 1076 border: 0; 1077 background: #ccc; 1078} 1079p, pre, table, form { 1080 margin: 0 0 15px; 1081} 1082small { 1083 font-size: 11.5px; 1084 color: #000; 1085} 1086ul, ol { 1087 margin: 0 0 15px 18px; 1088 padding: 0; 1089} 1090[dir='rtl'] ul, [dir='rtl'] ol { 1091 margin: 10px 30px 10px 10px; 1092} 1093ul ul, ul ol, ol ul, ol ol { 1094 margin-bottom: 0; 1095 margin-top: 0; 1096} 1097li { 1098 margin:0 0 5px; 1099} 1100dt { 1101 font-weight:bold; 1102} 1103dd { 1104 margin:0 0 10px 30px; 1105 padding: 5px; 1106} 1107dd p, 1108dd pre, 1109dd ul, 1110dd ol, 1111dd dl { 1112 margin:10px 0 0; 1113} 1114li p, 1115li pre, 1116li ul, 1117li ol, 1118li dl { 1119 margin-top:5px; 1120 margin-bottom:5px; 1121} 1122pre strong, pre b, a strong, a b, a code { 1123 color: inherit; 1124} 1125pre, code { 1126 color: #060; 1127 font: 13px/1.5 monospace; 1128} 1129code { 1130 font-weight:bold; 1131 font: 13px/14px monospace; 1132} 1133 1134legend { 1135 display: none; 1136} 1137a:link, a:visited { 1138 color: #258aaf; 1139 text-decoration: none; 1140} 1141a:focus, a:hover, a:active { 1142 color: #33B5E5; 1143 text-decoration: none; 1144} 1145strong, b { 1146 font-weight:bold; 1147 color: #222; 1148} 1149table { 1150 border-collapse: collapse; 1151 border-spacing: 0; 1152 border:0; 1153 margin: .5em 1em 1em 0; 1154 width:100%; /* consistent table widths; within IE's quirks */ 1155 background-color:#f7f7f7; 1156} 1157th, td { 1158 padding: 4px 12px; 1159 vertical-align: top; 1160 text-align: left; 1161} 1162td { 1163 background-color:inherit; 1164 border:solid 1px #DDD; 1165} 1166td *:last-child { 1167 margin-bottom:0; 1168} 1169th { 1170 background-color: #999; 1171 color: #fff; 1172 border:solid 1px #DDD; 1173 font-weight: normal; 1174} 1175tr:first-of-type th:first-of-type:empty { 1176 visibility: hidden; 1177} 1178 1179/* opcodes table */ 1180 1181table.instruc td:first-child { 1182 width: 12%; 1183} 1184 1185table.instruc td:first-child + td { 1186 width: 23%; 1187} 1188 1189table.instruc td:first-child + td + td { 1190 width: 28%; 1191} 1192 1193table.instruc td:first-child + td + td + td { 1194 width: 37%; 1195} 1196 1197/* supplemental opcode format table */ 1198 1199table.supplement td:first-child { 1200 width: 20%; 1201} 1202 1203table.supplement td:first-child + td { 1204 width: 20%; 1205} 1206 1207table.supplement td:first-child + td + td { 1208 width: 60%; 1209} 1210 1211/* math details table */ 1212 1213table.math td:first-child { 1214 width: 10%; 1215} 1216 1217table.math td:first-child + td { 1218 width: 30%; 1219} 1220 1221table.math td:first-child + td + td { 1222 width: 60%; 1223} 1224 1225/* -------------------------------------------------------------------------- 1226Footer 1227*/ 1228.line { 1229 clear: both; 1230 background: #acbc00; 1231 background: -moz-linear-gradient(top, #acbc00 0, #acbc00 50%, #bdde00 50%, #bdde00 100%); 1232 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #acbc00), 1233color-stop(50%, #acbc00), color-stop(50%, #bdde00), color-stop(100%, #bdde00)); 1234 background: -webkit-linear-gradient(top, #acbc00 0, #acbc00 50%, #bdde00 50%, #bdde00 100%); 1235 background: -o-linear-gradient(top, #acbc00 0, #acbc00 50%, #bdde00 50%, #bdde00 100%); 1236 background: -ms-linear-gradient(top, #acbc00 0, #acbc00 50%, #bdde00 50%, #bdde00 100%); 1237 background: linear-gradient(top, #acbc00 0, #acbc00 50%, #bdde00 50%, #bdde00 100%); 1238 height: 2px; 1239 margin-top: 150px; 1240 position: relative; 1241 z-index: 11; 1242} 1243#footer { 1244 font-size:11px; 1245 clear: both; 1246 color: #999; 1247 padding: 15px 0; 1248 margin-top:10px; 1249 width:auto; 1250} 1251#footer-local ul { 1252 list-style: none; 1253 margin: 5px 0 30px 0; 1254} 1255#footer-local li { 1256 display: inline; 1257} 1258#footer-local li+li:before { 1259 content: '|'; 1260 padding: 0 3px; 1261 color: #e5e5e5; 1262} 1263#footer-global { 1264 padding: 10px 15px; 1265 background: #f5f5f5; 1266} 1267#footer-global { 1268 border-top: 1px solid #ebebeb; 1269 font-size: 11.5px; 1270 line-height: 1.8; 1271 list-style: none; 1272} 1273#footer-global ul { 1274 margin: 0; 1275} 1276#footer-global li { 1277 display: inline; 1278 font-weight: bold; 1279} 1280#footer-global li+li:before { 1281 content: '¬?'; 1282 padding: 0 3px; 1283} 1284* html #footer-global li { 1285 margin: 0 13px 0 0; 1286} 1287* [dir='rtl'] #footer-global li { 1288 margin: 0 0 0 13px; 1289} 1290*+html #footer-global li { 1291 margin: 0 13px 0 0; 1292} 1293*+[dir='rtl'] #footer-global li { 1294 margin: 0 0 0 13px; 1295} 1296#footer-global li a { 1297 font-weight: normal; 1298} 1299.locales { 1300 margin: 10px 0 0 0px; 1301} 1302[dir='rtl'] .locales { 1303 background-position: right center; 1304 float: left; 1305 padding: 0 24px 0 0; 1306} 1307.locales form { 1308 margin: 0; 1309} 1310.locales select, .sites select { 1311 line-height: 3.08; 1312 margin: 0px 0; 1313 border: solid 1px #EBEBEB; 1314 -webkit-appearance: none; 1315 background: white url('../images/arrows-up-down.png') right center no-repeat; 1316 height: 30px; 1317 color: #222; 1318 line-height: normal; 1319 padding: 5px; 1320 width: 230px; 1321} 1322} 1323 1324/* ============================================================================= 1325 Print Only 1326 ========================================================================== */ 1327@media print { 1328 /* configure printed page */ 1329 @page { 1330 margin: 0.75in 1in; 1331 widows: 4; 1332 orphans: 4; 1333 } 1334 1335 /* reset spacing metrics */ 1336 html, body, .wrap { 1337 margin: 0 !important; 1338 padding: 0 !important; 1339 width: auto !important; 1340 } 1341 1342 /* leave enough space on the left for bullets */ 1343 body { 1344 padding-left: 20px !important; 1345 } 1346 #doc-col { 1347 margin-left: 0; 1348 } 1349 1350 /* hide a bunch of non-content elements */ 1351 #header, #footer, #nav-x, #side-nav, 1352 .training-nav-top, .training-nav-bottom, 1353 #doc-col .content-footer, 1354 .nav-x, .nav-y, 1355 .paging-links, 1356 a.totop { 1357 display: none !important; 1358 } 1359 1360 /* remove extra space above page titles */ 1361 #doc-col .content-header { 1362 margin-top: 0; 1363 } 1364 1365 /* bump up spacing above subheadings */ 1366 h2 { 1367 margin-top: 40px !important; 1368 } 1369 1370 /* print link URLs where possible and give links default text color */ 1371 p a:after { 1372 content: " (" attr(href) ")"; 1373 font-size: 80%; 1374 } 1375 p a { 1376 word-wrap: break-word; 1377 } 1378 a { 1379 color: inherit; 1380 } 1381 1382 /* syntax highlighting rules */ 1383 .str { color: #060; } 1384 .kwd { color: #006; font-weight: bold; } 1385 .com { color: #600; font-style: italic; } 1386 .typ { color: #404; font-weight: bold; } 1387 .lit { color: #044; } 1388 .pun { color: #440; } 1389 .pln { color: #000; } 1390 .tag { color: #006; font-weight: bold; } 1391 .atn { color: #404; } 1392 .atv { color: #060; } 1393} 1394 1395/* ============================================================================= 1396 Columns 1397 ========================================================================== */ 1398 1399@media screen, projection, print { 1400.full { 1401 padding: 2.5em 0; 1402 border-top: solid 1px #ddd; 1403 border-bottom: solid 1px #ddd; 1404 background: #f7f7f7; 1405} 1406.wrap { 1407 margin: 0 auto; 1408 width: 940px; 1409 clear: both; 1410} 1411.cols { 1412 height: 1%; 1413 margin: 0 -1.533742331288343558282%; 1414 width: 103.06748466257669%} 1415*+html .cols { 1416 margin-bottom: 20px; 1417} 1418.cols:after { 1419 clear: both; 1420 content: ' '; 1421 display: block; 1422 height: 0; 1423 visibility: hidden; 1424} 1425.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, 1426.col-13, .col-14, .col-15, .col-16 { 1427 display: inline; 1428 float: left; 1429 margin-left: 10px; 1430 margin-right: 10px; 1431} 1432/* 1433* html .col-1, * html .col-2, * html .col-3, * html .col-4, * html .col-5, * html .col-6, * html 1434.col-7, * html .col-8, * html .col-9, * html .col-10, * html .col-11, * html .col-12 { 1435 margin: 0; 1436 padding: 0 1.4% 20px; 1437} 1438[dir='rtl'] .col-1, [dir='rtl'] .col-2, [dir='rtl'] .col-3, [dir='rtl'] .col-4, [dir='rtl'] .col-5, 1439[dir='rtl'] .col-6, [dir='rtl'] .col-7, [dir='rtl'] .col-8, [dir='rtl'] .col-9, [dir='rtl'] .col-10, 1440[dir='rtl'] .col-11, [dir='rtl'] .col-12 { 1441 float: right; 1442} 1443*/ 1444.col-1 { width: 40px } 1445.col-2 { width: 100px } 1446.col-3 { width: 160px } 1447.col-4 { width: 220px } 1448.col-5 { width: 280px } 1449.col-6 { width: 340px } 1450.col-7 { width: 400px } 1451.col-8 { width: 460px } 1452.col-9 { width: 520px } 1453.col-10 { width: 580px } 1454.col-11 { width: 640px } 1455.col-12 { width: 700px } 1456.col-13 { width: 760px } 1457.col-14 { width: 820px } 1458.col-15 { width: 880px } 1459.col-16 { width: 940px } 1460} 1461 1462.col-right { 1463 margin-right:0px; 1464} 1465 1466@media screen and (max-width:772px) { 1467.col-5, .col-6, .col-7 { 1468 clear: both; 1469 width: 97.0238096%} 1470} 1471 1472/* ============================================================================= 1473 Layout 1474 ========================================================================== */ 1475@media screen, projection, print { 1476 1477/* -------------------------------------------------------------------------- 1478Header, Login, Nav-X, Search 1479*/ 1480#header { 1481 padding: 2.2em 0 0.2em 0; 1482} 1483#header:before, #header:after { 1484 content: ""; 1485 display: table; 1486 clear: both 1487} 1488.logo, .nav-x { 1489 float: left; 1490} 1491.nav-x { 1492 margin-top: -2px; 1493 list-style-type: none; 1494} 1495.nav-x a { 1496 color: #333; 1497 font-size: 16px; 1498} 1499.design a.selected { 1500 color: #33b5e5; 1501} 1502.develop a.selected { 1503 color: #F80; 1504} 1505.distribute a.selected { 1506 color: #9C0; 1507} 1508.source a.selected { 1509 color: #33b5e5; 1510} 1511.devices a.selected { 1512 color: #F80; 1513} 1514.security a.selected { 1515 color: #9C0; 1516} 1517.compatibility a.selected { 1518 color: #9933CC; 1519} 1520 1521 1522.nav-x li { 1523 display: inline; 1524 margin-right: 45px; 1525} 1526.search { 1527 float: right; 1528 position: relative; 1529 width: 220px 1530} 1531.search .bottom, .search .left, .search .right { 1532 position: absolute; 1533 background-color: #a3a3a3; 1534} 1535.search .bottom { 1536 width: 220px; 1537 height: 1px; 1538 top: 24px; 1539 left: 0 1540} 1541.search .left, .search .right { 1542 height: 5px; 1543 width: 1px 1544} 1545.search .left { top: 19px; left: 0 } 1546.search .right { top: 19px; right: 0 } 1547.search form { 1548 float: left; 1549 margin-top: 2px; 1550 width: inherit; 1551} 1552.search .close, 1553#player-frame .close { 1554 position: absolute; 1555 right: 8px; 1556 bottom: 4px; 1557 width: 16px; 1558 height: 16px; 1559 margin: 0; 1560 text-indent: -1000em; 1561 background: url(../images/close.png) no-repeat 0 0; 1562 z-index:9999; 1563} 1564.search .close:hover, .search .close:focus, 1565#player-frame .close:hover, #player-frame .close:focus { 1566 background-position: -16px 0; 1567 cursor:pointer; 1568} 1569#player-frame .close { 1570 top: 6px; 1571} 1572.search form input { 1573 color: #999; 1574 font-size: 1em; 1575 width: inherit; 1576 border: none; 1577 margin: 0; 1578 padding:0 0 0 6px; 1579 z-index: 1500; 1580 background-color: transparent 1581} 1582.search:hover .bottom, .search:hover .left, .search:hover .right { 1583 background-color: #33b5e5; 1584} 1585.search:hover .icon { 1586 background-position: -8px 0 1587} 1588.search form input:focus { 1589 color: #222; 1590 font-weight: bold; 1591 outline:0; 1592} 1593/* Search Dropdown */ 1594.search-dropdown { 1595 padding: 15px; 1596 width: 192px; 1597 border: solid 1px #c5c5c5; 1598 background: #fff; 1599 position: absolute; 1600 top: 35px; 1601 left: 0; 1602 -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); 1603 -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); 1604 box-shadow: 0 0 10px rgba(0,0,0,0.2) 1605} 1606.search-dropdown ul, .search-dropdown ul li { 1607 list-style-type: none; 1608 margin: 0; 1609 padding: 0 1610} 1611.search-dropdown ul li { 1612 clear: both 1613} 1614.search-dropdown img { 1615 float: left; 1616 margin: 0 10px 10px 0 1617} 1618.search-dropdown h6 { 1619 color: #222; 1620 margin: 0; 1621 line-height: normal 1622} 1623.search-dropdown .desc { 1624 color: #999; 1625 font-size: 11.5px; 1626 line-height: normal; 1627 margin: 0; 1628} 1629.search-dropdown li a:hover h6, .search-dropdown li a:hover .desc { 1630 color: #33b5e5 1631} 1632/* -------------------------------------------------------------------------- 1633Buttons 1634*/ 1635.button, a.button, .button-secondary, a.button-secondary { 1636 border-image: initial; 1637 -webkit-border-radius: 2px; 1638 -moz-border-radius: 2px; 1639 border-radius: 2px; 1640 cursor: pointer; 1641} 1642.button, a.button { 1643 display:inline-block; 1644 background-color: #09c; 1645 background-image: -webkit-gradient(linear, left top, left bottom, from(#2faddb), to(#09c)); 1646 background-image: -webkit-linear-gradient(top, #2faddb, #09c); 1647 background-image: -moz-linear-gradient(top, #2faddb, #09c); 1648 background-image: -ms-linear-gradient(top, #2faddb, #09c); 1649 background-image: -o-linear-gradient(top, #2faddb, #09c); 1650 background-image: linear-gradient(top, #2faddb, #09c); 1651 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2faddb', EndColorStr='#0099cc',GradientType=0); 1652 border: 1px solid #3990ab; 1653 color: #fff; 1654} 1655.button-secondary, a.button-secondary { 1656 background-color: #f3f3f3; 1657 border: 1px solid #dcdcdc; 1658 color: #444; 1659} 1660a.button, a.button:visited, a.button-secondary, a.button-secondary:visited { 1661 margin-right: 16px; 1662 font-weight: 400; 1663 min-width: 54px; 1664 outline: 0; 1665 padding: 8px 15px; 1666 text-align: center; 1667} 1668.button, .button-secondary { 1669 margin-right: 16px; 1670 font-weight: 400; 1671 min-width: 54px; 1672 outline: 0; 1673 padding: 0 15px; 1674 text-align: center; 1675} 1676.button:hover, a.button:hover { 1677 border-color: #09c; 1678 background-color: #4cadcb; 1679 background-image: -webkit-gradient(linear, left top, left bottom, from(#5dbcd9), to(#4cadcb)); 1680 background-image: -webkit-linear-gradient(top, #5dbcd9, #4cadcb); 1681 background-image: -moz-linear-gradient(top, #5dbcd9, #4cadcb); 1682 background-image: -ms-linear-gradient(top, #5dbcd9, #4cadcb); 1683 background-image: -o-linear-gradient(top, #5dbcd9, #4cadcb); 1684 background-image: linear-gradient(top, #5dbcd9, #4cadcb); 1685 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5dbcd9', 1686EndColorStr='#4cadcb',GradientType=0); 1687 color: #fff !important; 1688} 1689.button:active, a.button:active { 1690 background-color: #1e799a; 1691 background-image: none; 1692 border-color: #30b7e6; 1693} 1694a.button.big.subtitle { 1695 line-height:18px; 1696} 1697.button-secondary:hover, a.button-secondary:hover { 1698 border-color: #dbdbdb; 1699 background-color: #f3f3f3; 1700 background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ececec)); 1701 background-image: -webkit-linear-gradient(top, #f9f9f9, #ececec); 1702 background-image: -moz-linear-gradient(top, #f9f9f9, #ececec); 1703 background-image: -ms-linear-gradient(top, #f9f9f9, #ececec); 1704 background-image: -o-linear-gradient(top, #f9f9f9, #ececec); 1705 background-image: linear-gradient(top, #f9f9f9, #ececec); 1706 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', 1707EndColorStr='#ececec'); 1708 color: #33B5E5 !important; 1709} 1710.button-secondary:active, a.button-secondary:active { 1711 border-color: #dadada; 1712 background: #ebebeb; /* Old browsers */ 1713 /* IE9 SVG, needs conditional override of 'filter' to 'none' */ 1714 background: 1715url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/ 1716Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0Jv 1717eD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+ 1718CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIg 1719eDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJl 1720YiIgc3RvcC1vcGFjaXR5PSIxIi8+ 1721CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+ 1722CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+ 1723CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+ 1724CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFy 1725R3JhZGllbnQ+ 1726CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIg 1727Lz4KPC9zdmc+); 1728 background: -moz-linear-gradient(top, #ebebeb 0%, #f9f9f9 5%, #fafafa 50%, #f9f9f9 90%, 1729#ffffff 100%); /* FF3.6+ */ 1730 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), 1731color-stop(5%,#f9f9f9), color-stop(50%,#fafafa), color-stop(90%,#f9f9f9), color-stop(100%,#ffffff)); 1732/* Chrome,Safari4+ */ 1733 background: -webkit-linear-gradient(top, #ebebeb 0%,#f9f9f9 5%,#fafafa 50%,#f9f9f9 173490%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ 1735 background: -o-linear-gradient(top, #ebebeb 0%,#f9f9f9 5%,#fafafa 50%,#f9f9f9 90%,#ffffff 1736100%); /* Opera 11.10+ */ 1737 background: -ms-linear-gradient(top, #ebebeb 0%,#f9f9f9 5%,#fafafa 50%,#f9f9f9 90%,#ffffff 1738100%); /* IE10+ */ 1739 background: linear-gradient(top, #ebebeb 0%,#f9f9f9 5%,#fafafa 50%,#f9f9f9 90%,#ffffff 1740100%); /* W3C */ 1741 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', 1742endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ 1743 -webkit-box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, .05); 1744 -moz-box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, .05); 1745 box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, .05); 1746 color: #258AAF !important; 1747} 1748.button.big { 1749 font-size:20px; 1750 display:inline-block; 1751} 1752.button.big span.small { 1753 font-size:14px; 1754} 1755.button-caption { 1756 margin-top:10px; 1757 font-size:12px; 1758 font-style:italic; 1759} 1760 1761.button.disabled, 1762.button.disabled:hover, 1763.button.disabled:active { 1764 background:#ebebeb; 1765 color:#999 !important; 1766 border-color:#999; 1767 cursor:default; 1768} 1769 1770.training-nav-top a.button-secondary, 1771.training-nav-bottom a.button-secondary { 1772 display:block; 1773 float:left; 1774 margin:0; 1775 width:130px; 1776 text-transform:uppercase; 1777 font-weight:bold; 1778 1779 background-color: #f3f3f3; 1780 background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ececec)); 1781 background-image: -webkit-linear-gradient(top, #f9f9f9, #ececec); 1782 background-image: -moz-linear-gradient(top, #f9f9f9, #ececec); 1783 background-image: -ms-linear-gradient(top, #f9f9f9, #ececec); 1784 background-image: -o-linear-gradient(top, #f9f9f9, #ececec); 1785 background-image: linear-gradient(top, #f9f9f9, #ececec); 1786 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', 1787EndColorStr='#ececec'); 1788 color: #33B5E5; 1789} 1790 1791.training-nav-top a.button-secondary:hover, 1792.training-nav-bottom a.button-secondary:hover { 1793 background-color: #09c; 1794 background-image: -webkit-gradient(linear, left top, left bottom, from(#2faddb), to(#09c)); 1795 background-image: -webkit-linear-gradient(top, #2faddb, #09c); 1796 background-image: -moz-linear-gradient(top, #2faddb, #09c); 1797 background-image: -ms-linear-gradient(top, #2faddb, #09c); 1798 background-image: -o-linear-gradient(top, #2faddb, #09c); 1799 background-image: linear-gradient(top, #2faddb, #09c); 1800 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2faddb', EndColorStr='#09c'); 1801 border: 1px solid #3990ab; 1802 color: #fff !important; 1803} 1804 1805.training-nav-top a.button-secondary.last, 1806.training-nav-bottom a.button-secondary.last { 1807 border-left:0; 1808} 1809 1810.training-nav-top a.button-secondary.double-size, 1811.training-nav-bottom a.button-secondary.double-size { 1812 width:291px; 1813} 1814 1815.training-nav-top, 1816.training-nav-bottom { 1817 float:right; 1818 margin:0 0 0 20px; 1819} 1820 1821.training-nav-bottom { 1822 padding:0 0 20px; 1823} 1824 1825#tb-wrapper, 1826#qv-wrapper { 1827 float:right; 1828 clear:right; 1829 margin:-27px 0 0 20px; /* negative top-margin to counter the content-header bottom margin */ 1830 padding:0 0 20px; 1831} 1832 1833#tb, 1834#qv { 1835 font-size:13px; 1836 line-height:18px; 1837 width:238px; 1838 border:1px solid #ccc; 1839 float:right; 1840} 1841 1842#tb { 1843 width:278px; 1844} 1845 1846#tb h2, 1847#qv h2 { 1848 margin:10px 15px; 1849 padding:0; 1850 text-transform:uppercase; 1851 border-bottom:1px solid gainsboro; 1852} 1853 1854#tb *, 1855#qv * { 1856 font-size:inherit; 1857} 1858 1859#tb .download-box { 1860 padding:0 0 0 15px; 1861} 1862 1863#tb .download-box .filename { 1864 font-size:11px; 1865 margin:4px 4px 10px; 1866 color:#666; 1867} 1868 1869 1870/* Dev guide quicknav */ 1871 1872.sidebox-wrapper { 1873 float:right; 1874 clear:right; 1875 margin:0 0 0 20px; 1876 padding:0 0 20px; 1877} 1878 1879.sidebox { 1880 width:226px; 1881 font-size:13px; 1882 line-height:18px; 1883 border-left:4px solid #99CC00; 1884 float:right; 1885 padding:0 0 0 10px; 1886 margin:0 0 1em 20px; 1887} 1888 1889.sidebox h2, 1890.sidebox h3, 1891.sidebox h4, 1892.sidebox h5 { 1893 font-weight:bold; 1894 margin:0 0 10px; 1895} 1896 1897.sidebox * { 1898 font-size:inherit; 1899} 1900 1901#tb ol, 1902#tb ul, 1903#qv ul { 1904 margin:0 15px 10px 35px; 1905} 1906 1907#qv ol { 1908 list-style:none; 1909 margin:0 15px 15px; 1910 font-size:inherit; 1911 line-height:inherit; 1912} 1913 1914#tb ol ol, 1915#tb ul ul, 1916#qv ol ol, 1917#qv ul ul, 1918.sidebox ol ol, 1919.sidebox ul ul { 1920 margin-bottom:0; 1921} 1922 1923#qv ol ol { 1924 margin:3px 0 3px 15px; 1925} 1926 1927.sidebox p, 1928#qv p, 1929#tb p { 1930 margin: 0 0 10px; 1931} 1932 1933 1934/* -------------------------------------------------------------------------- 1935Form 1936*/ 1937.article form { 1938 margin: 0 0 20px; 1939} 1940.article form .form-required { 1941 color: #dd4b39; 1942} 1943.article form fieldset { 1944 margin: 0 0 20px; 1945 padding: 0; 1946} 1947.article form legend { 1948 display: block; 1949 line-height: 1.5; 1950 margin: 0; 1951 padding: 0; 1952} 1953/* 1954.article form ol, .article form ul { 1955 margin: 0 0 0 1em; 1956 padding: 0 0 0 1em; 1957} 1958[dir='rtl'] .article form ol, [dir='rtl'] .article form ul { 1959 margin: 0 1em 0 0; 1960 padding: 0 1em 0 0; 1961} 1962.article form ol ul, .article form ul ul, [dir='rtl'] .article form ol ul, [dir='rtl'] .article form 1963ul ul { 1964 list-style: none; 1965 margin: 0; 1966 padding: 0; 1967} 1968.article form li { 1969 margin: 0 0 20px; 1970} 1971.article form li li { 1972 margin: 0 0 5px; 1973} 1974*/ 1975.article form label { 1976 display: block; 1977 margin: 0 0 5px; 1978 padding: 0; 1979} 1980.article form input[type='text'], .article form select, .article form textarea, .article form 1981.checkbox-group, .article form .radio-group { 1982 margin-bottom: 15px; 1983} 1984.checkbox-group input { 1985 width: 13px; 1986 height: 13px; 1987 background: #fff; 1988 border: solid 1px #c6c6c6; 1989 float: left; 1990} 1991.article form .checkbox-group, .article form .radio-group { 1992 display: block 1993} 1994.article form select { 1995 border: solid 1px #ebebeb; 1996 border-top-color: #ddd; 1997 -webkit-appearance: none; 1998 background: #f3f3f3 url(../images/arrows-up-down.png) right center no-repeat; 1999 height: 30px; 2000 color: #222; 2001 line-height: normal; 2002 padding: 5px; 2003 width: 130px; 2004} 2005 2006.article form .browse .browse-msg { 2007 font-size: 11.5px; 2008} 2009.article form .browse .button-secondary { 2010 height: auto; 2011 line-height: 25px; 2012 font-size: 11px; 2013 padding: 0 8px; 2014 margin: 0 10px 15px 0; 2015} 2016.article form input[type='text'], .article form textarea { 2017 border: 1px solid #ebebeb; 2018 border-top-color: #dcdcdc; 2019 color: #222; 2020 line-height: normal; 2021 padding: 6px 10px; 2022 width: 300px; 2023} 2024.article form textarea { 2025 height: 150px; 2026} 2027.article form input[type='text']:focus, .article form textarea:focus { 2028 border-color: #33B5E5; 2029 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2); 2030 -o-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2); 2031 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2); 2032 box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2); 2033 outline: 0; 2034} 2035.article form input[disabled], .article form textarea[disabled], .article form label.form-disabled { 2036 color: #999; 2037} 2038.article form input[type='text'][disabled], .article form textarea[disabled] { 2039 background-color: #ebebeb; 2040} 2041form .form-error input[type='text'], form .form-error textarea { 2042 border-color: #dd4b39; 2043 margin-right: 20px; 2044} 2045.aside { 2046 -moz-border-radius: 2px; 2047 -webkit-border-radius: 2px; 2048 border-radius: 2px; 2049 margin: 10px 0; 2050 padding: 20px; 2051 color: #666; 2052 position: relative; 2053 background: #f9f9f9; 2054} 2055/* 2056.aside, .notification, .promo { 2057 -moz-border-radius: 2px; 2058 -webkit-border-radius: 2px; 2059 border-radius: 2px; 2060 margin: 10px 0; 2061 padding: 10px; 2062 position: relative; 2063} 2064.aside>:first-child, .notification>:first-child, .promo>:first-child { 2065 margin-top: 0; 2066} 2067.aside>:last-child, .notification>:last-child, .promo>:last-child { 2068 margin-bottom: 0; 2069} 2070.aside { 2071 background: #f9f9f9; 2072} 2073.notification { 2074 background: #fffbe4; 2075 border-color: #f8f6e6; 2076} 2077.promo { 2078 background: #f6f9ff; 2079 border-color: #eff2f9; 2080} 2081*/ 2082 2083/* SDK TOS styles */ 2084 2085div.sdk-terms { 2086 white-space: pre-wrap; 2087 word-wrap: break-word; 2088 font-family: inherit; 2089 font-size: inherit; 2090 padding: 10px; 2091 height: 370px; 2092 width: 738px; 2093 border: 1px solid #444; 2094 background: transparent; 2095 overflow:auto; 2096 margin:0 0 10px; 2097} 2098 2099div.sdk-terms.fullsize { 2100 padding: 0; 2101 height: auto; 2102 width: auto; 2103 border:none; 2104} 2105 2106div.sdk-terms h3, 2107div.sdk-terms h2 { 2108 margin:0; 2109} 2110 2111div#sdk-terms-form { 2112 padding:0 0 0 10px; 2113} 2114 2115div#sdk-terms-form input { 2116 display:inline; 2117 margin:4px 4px 4px 0; 2118} 2119 2120 2121/* -------------------------------------------------------------------------- 2122Code Style 2123*/ 2124pre { 2125 margin:0 0 1em 0; 2126 padding: 1em; 2127 overflow: auto; 2128 border: solid 1px #ddd; 2129 background: #f7f7f7; 2130} 2131.str { color: #080; } 2132.kwd { color: #008; } 2133.com { color: #800; } 2134.typ { color: #606; } 2135.lit { color: #066; } 2136.pun { color: #660; } 2137.pln { color: #000; } 2138.tag { color: #008; } 2139.atn { color: #828; } 2140.atv { color: #080; } 2141.dec { color: #606; } 2142 2143/* -------------------------------------------------------------------------- 2144Three-Pane 2145*/ 2146/* Package Nav & Classes Nav */ 2147.three-pane { 2148 position: relative; 2149 border-top: solid 1px #ebebeb; 2150} 2151#packages-nav .js-pane, 2152#classes-nav .js-pane { 2153 overflow:visible; 2154} 2155#packages-nav { 2156 height:270px; 2157 max-height: inherit; 2158 overflow: hidden; 2159 position: relative; 2160} 2161#classes-nav { 2162 overflow: hidden; 2163 position: relative; 2164} 2165#packages-nav ul, #classes-nav ul { 2166 list-style-type: none; 2167 margin: 10px 0 20px 0; 2168 padding: 0; 2169} 2170#classes-nav li { 2171 font-weight: bold; 2172 margin: 5px 0; 2173} 2174#packages-nav li, 2175#classes-nav li li { 2176 margin: 0; 2177} 2178#packages-nav li a, #packages-nav li a:active, #packages-nav li a:visited, 2179#classes-nav li a, #classes-nav li a:active, #classes-nav li a:visited { 2180 padding: 0 0 0 4px; 2181} 2182#packages-nav li a, #packages-nav li a:active, #packages-nav li a:visited, 2183#classes-nav li li a, #classes-nav li li a:active, #classes-nav li li a:visited, 2184#nav-tree li a, #nav-tree li a:active, #nav-tree li a:visited { 2185 color: #222; 2186 font-weight: normal; 2187} 2188#packages-nav li a, #packages-nav li a:active, #packages-nav li a:visited, 2189#classes-nav li li a, #classes-nav li li a:active, #classes-nav li li a:visited { 2190 display: block; 2191} 2192#packages-nav li.selected a, #packages-nav li.selected a:active, #packages-nav li.selected 2193a:visited, 2194#classes-nav li li.selected a, #classes-nav li li.selected a:active, #classes-nav li li.selected 2195a:visited, 2196#nav-tree li div.selected { 2197 font-weight: 500; 2198 color: #0099cc; 2199 background-color:#fff; } 2200 #packages-nav li.selected ul li a, 2201 #classes-nav li.selected ul li a { 2202 /* don't highlight child items */ 2203 color: #555555; } 2204#nav-tree li div.selected a { 2205 font-weight: 500; 2206 color: #0099cc; 2207} 2208#nav-swap { 2209 height:30px; 2210 border-top:1px solid #ccc; 2211} 2212#nav-swap a { 2213 display:inline-block; 2214 height:100%; 2215 color: #222; 2216 font-size: 12px; 2217 padding: 5px 0 5px 5px; 2218} 2219 2220#nav-swap .fullscreen { 2221 float: right; 2222 width: 24px; 2223 height: 24px; 2224 text-indent: -1000em; 2225 padding:0; 2226 margin:3px 5px 0; 2227 background: url(../images/fullscreen.png) no-repeat -24px 0; 2228} 2229#nav-swap .fullscreen.disabled { 2230 background-position: 0 0; 2231} 2232#nav-swap .fullscreen:hover, 2233#nav-swap .fullscreen:focus { 2234 cursor:pointer; 2235} 2236 2237 2238/* nav tree */ 2239#side-nav, #devdoc-nav, #swapper, 2240#nav-tree, #tree-list { 2241 overflow:hidden; 2242 margin-left:0; 2243} 2244 2245#nav-tree ul { 2246 list-style:none; 2247 padding:0; 2248 margin:10px 0; 2249} 2250 2251#nav-tree ul li div { 2252 padding:0 0 0 4px; 2253} 2254 2255#side-nav #nav-tree ul li a, 2256#side-nav #nav-tree ul li span.no-children { 2257 padding: 0; 2258 margin: 0; 2259} 2260 2261#nav-tree .plus { 2262 margin: 0 3px 0 0; 2263} 2264 2265#nav-tree ul ul { 2266 list-style: none; 2267 margin: 0; 2268 padding: 0 0 0 0; 2269} 2270 2271#nav-tree ul li { 2272 margin: 0; 2273 padding: 0 0 0 0; 2274 white-space: nowrap; 2275} 2276 2277#nav-tree .children_ul { 2278 padding:0; 2279 margin:0; 2280} 2281#nav-tree .children_ul li div { 2282 padding:0 0 0 10px; 2283} 2284#nav-tree .children_ul .children_ul li div { 2285 padding:0 0 0 20px; 2286} 2287 2288#nav-tree a.nolink { 2289 color: #222; 2290 text-decoration: none; 2291} 2292 2293#nav-tree span.label { 2294 width: 100%; 2295} 2296 2297#nav-tree { 2298 overflow-x: auto; 2299 overflow-y: scroll; 2300 outline:0; 2301} 2302 2303 2304/* Content */ 2305#doc-col { 2306 margin-right:0; 2307} 2308#doc-content-container { 2309 margin-left: 291px 2310} 2311#doc-header, #doc-content { 2312 padding: 1em 2em; 2313} 2314#doc-header { 2315 background: #f7f7f7; 2316} 2317#doc-header h1 { 2318 line-height: 0; 2319 margin-bottom: 15px; 2320} 2321#api-info-block { 2322 float: right; 2323 font-weight: bold; 2324} 2325#api-info-block a, #api-info-block a:active, #api-info-block a:visited { 2326 color: #222; 2327} 2328#api-info-block a:hover, #api-info-block a:focus { 2329 color: #33B5E5; 2330} 2331#api-nav-header { 2332 height:19px; /* plus 16px padding = 35; same as #nav li */ 2333 font-size:14px; 2334 padding: 8px 0; 2335 margin: 0; 2336 border-bottom: 1px solid #CCC; 2337 background:#e9e9e9; 2338 background: rgba(0, 0, 0, 0.05); /* matches #nav li.expanded */ 2339 2340} 2341#api-nav-title { 2342 padding:0 5px; 2343 white-space:nowrap; 2344} 2345 2346#api-level-toggle { 2347 float:right; 2348 padding:0 5px; 2349} 2350 2351#api-level-toggle label { 2352 margin:0; 2353 vertical-align:top; 2354 line-height: 19px; 2355 font-size:13px; 2356 height: 19px; 2357} 2358 2359#api-level-toggle .select-wrapper { 2360 width: 35px; 2361 display: inline-block; 2362 overflow: hidden; 2363} 2364#api-level-toggle select { 2365 border: 0; 2366 appearance:none; 2367 -moz-appearance:none; 2368 -webkit-appearance: none; 2369 background: transparent url(../images/arrows-up-down.png) 23px 5px no-repeat; 2370 color: #222; 2371 height: 19px; 2372 line-height: 19px; 2373 padding: 0; 2374 margin:1px 0 0 0; 2375 width:150%; 2376 font-size:13px; 2377 vertical-align:top; 2378 outline:0; 2379} 2380 2381 2382/* Toggle for revision notes and stuff */ 2383div.toggle-content.closed .toggle-content-toggleme { 2384 display:none; 2385} 2386 2387#jd-content img.toggle-content-img { 2388 margin:0 5px 5px 0; 2389} 2390div.toggle-content p { 2391 margin:10px 0 0; 2392} 2393div.toggle-content-toggleme { 2394 padding:0 0 0 15px; 2395} 2396 2397 2398/* API LEVEL FILTERED MEMBERS */ 2399 2400.absent, 2401.absent a:link, 2402.absent a:visited, 2403.absent a:hover, 2404.absent * { 2405 color:#bbb !important; 2406 cursor:default !important; 2407 text-decoration:none !important; 2408} 2409#devdoc-nav li.absent.selected, 2410#devdoc-nav li.absent.selected *, 2411#devdoc-nav div.label.absent.selected, 2412#devdoc-nav div.label.absent.selected * { 2413 background-color:#eaeaea !important; 2414} 2415.absent h4.jd-details-title, 2416.absent h4.jd-details-title * { 2417 background-color:#f6f6f6 !important; 2418} 2419.absent img { 2420 opacity: .3; 2421 filter: alpha(opacity=30); 2422 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; 2423} 2424 2425 2426 2427 2428 2429 2430 2431 2432 2433/* JQUERY RESIZABLE STYLES */ 2434.ui-resizable { position: relative; } 2435.ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; z-index:1; } 2436.ui-resizable .ui-resizable-handle { display: block; border-bottom: 1px solid #e4e4e4; } 2437/*body .ui-resizable-disabled .ui-resizable-handle { display: none; } 2438body .ui-resizable-autohide .ui-resizable-handle { display: none; }*/ 2439.ui-resizable-s { cursor: s-resize; height: 10px; width: 100% !important; bottom: -11px; left: 0; 2440border-bottom: solid 1px #ededed; 2441 background: #f7f7f7 url("../images/resizable-s2.png") no-repeat scroll center center; } 2442/* 2443.ui-resizable-e { 2444cursor: e-resize; width: 10px; right: 0; top: 0; height: 100%; border-right: solid 24451px #ededed;background: #f7f7f7 url("../images/resizable-e2.png") no-repeat scroll center center; } 2446*/ 2447 2448/* -------------------------------------------------------------------------- 2449Lightbox 2450*/ 2451.lightbox { 2452 width: 769px; 2453 padding: 1.5em; 2454 margin: 0 auto; 2455 border: solid 1px #dcdcdc; 2456 background: #fff; 2457 -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.1); 2458 -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.1); 2459 box-shadow: 1px 1px 5px rgba(0,0,0,0.1) 2460} 2461.lightbox .header { 2462 float: left; 2463 width: 720px; 2464 margin: -10px 20px 10px 0; 2465} 2466.lightbox .close { 2467 float: right; 2468 width: 10px; 2469 height: 10px; 2470 margin: -10px -10px 10px 0; 2471 text-indent: -1000em; 2472 background: url(../images/close.png) no-repeat 0 0; 2473} 2474.lightbox .close:hover, .lightbox .close:focus { 2475 background-position: -10px 0; 2476} 2477 2478/* -------------------------------------------------------------------------- 2479Butterbar 2480*/ 2481#butterbar-wrapper { 2482 position:absolute; 2483 top:0; 2484 left:0; 2485 width:100%; 2486} 2487#butterbar { 2488 width:940px; 2489 margin:0 auto; 2490} 2491#butterbar-message { 2492 background-color:#f80; 2493 float:right; 2494 font-size:12px; 2495 font-weight:bold; 2496 padding:0 10px; 2497 border-radius: 0 0 5px 5px; 2498} 2499#butterbar-message a {color:#fff !important} 2500#butterbar-message a:hover {text-decoration:underline;} 2501 2502/* -------------------------------------------------------------------------- 2503Misc 2504*/ 2505 2506 2507.clearfix:before, .clearfix:after { 2508 content: ""; 2509 display: table 2510} 2511.clearfix:after { 2512 clear: both 2513} 2514.clearfix { 2515 *zoom: 1 2516} 2517table.blank th, table.blank td { 2518 border: 0; 2519 background: none 2520} 2521.caption { 2522 margin: 0.5em 0 2em 0; 2523 color: #000; 2524 font-size: 11.5px; 2525} 2526 2527.nolist { 2528 list-style:none; 2529 margin-left:0; 2530} 2531#tb .nolist { 2532 margin-left:15px; 2533} 2534 2535 2536pre.classic { 2537 background-color:transparent; 2538 border:none; 2539 padding:0; 2540} 2541 2542p.img-caption { 2543 margin: -10px 0 20px; 2544 font-size:13px; 2545 color:#666; 2546} 2547 2548div.figure, 2549div.figure-right { 2550 float:right; 2551 clear:right; 2552 margin:10px 0 0 0; 2553 padding:0 0 0 20px; 2554 /* width must be defined w/ an inline style matching the image width */ 2555} 2556 2557div.figure-left { 2558 float:left; 2559 clear:left; 2560 margin:10px 0 0 0; 2561 padding:0 20px 0 0; 2562 /* width must be defined w/ an inline style matching the image width */ 2563} 2564 2565img.frame { 2566 border:1px solid #DDD; 2567 padding:4px; 2568} 2569 2570p.table-caption { 2571 margin: 0 0 4px 0; 2572 font-size:13px; 2573 color:#666; 2574} 2575 2576p.code-caption { 2577 margin: 0 0 4px 0; 2578 font: 12px/1.5 monospace; 2579 color:#666; 2580} 2581 2582div.note, 2583div.caution, 2584div.warning { 2585 margin: 0 0 15px; 2586} 2587 2588p.note, div.note, 2589p.caution, div.caution, 2590p.warning, div.warning { 2591 padding: 0 0 0 10px; 2592 border-left: 4px solid; 2593} 2594 2595p.note, div.note { 2596 border-color: #258AAF; 2597} 2598 2599p.caution, div.caution { 2600 border-color: #FF8800; 2601} 2602 2603p.warning, div.warning { 2604 border-color: #ff4443; 2605} 2606 2607div.note.design { 2608 border-left: 4px solid #33B5E5; 2609} 2610 2611div.note.develop { 2612 border-left: 4px solid #F80; 2613} 2614 2615div.note.distribute { 2616 border-left: 4px solid #9C0; 2617} 2618 2619.note p, .caution p, .warning p { 2620 margin:0 0 5px; 2621} 2622 2623.note p:last-child, .caution p:last-child, .warning p:last-child { 2624 margin-bottom:0; 2625} 2626 2627body.about blockquote { 2628 display:block; 2629 float:right; 2630 width:280px; 2631 font-size:20px; 2632 font-style:italic; 2633 line-height:24px; 2634 color:#33B5E5; 2635 margin:0 0 20px 30px; 2636} 2637 2638div.design-announce p { 2639 margin:0 0 10px; 2640} 2641 2642#devdoc-nav a.totop { 2643 display:block; 2644 top:0; 2645 width:inherit; 2646 background: transparent url(../images/styles/gototop.png) no-repeat scroll 50% 50%; 2647 text-indent:-9999em; 2648} 2649#devdoc-nav a.totop { 2650 position:fixed; 2651 display:none; 2652} 2653#devdoc-nav a.totop:hover { 2654 background-color:#33B5E5; 2655} 2656 2657.content-footer a.totop { 2658 text-transform:uppercase; 2659 line-height:30px; 2660} 2661 2662.expandable { 2663 height:34px; 2664 padding-left:20px; 2665 position:relative; 2666} 2667.expandable:before { 2668 content: ''; 2669 background-image: url(../images/styles/disclosure_down.png); 2670 background-repeat:no-repeat; 2671 background-position: -12px -9px; 2672 width: 20px; 2673 height: 20px; 2674 display: inline-block; 2675 position: absolute; 2676 top: 0; 2677 left: 0; } 2678} 2679.expandable.expanded:before { 2680 background-image: url(../images/styles/disclosure_up.png); 2681} 2682 2683 2684 2685/* ----------------------------------------------- 2686Dialog box for popup messages 2687*/ 2688 2689div.dialog { 2690 height:0; 2691 margin:0 auto; 2692} 2693 2694div.dialog>div { 2695 z-index:99; 2696 position:fixed; 2697 margin:70px 0; 2698 width: 391px; 2699 height: 200px; 2700 background: #F7F7F7; 2701-moz-box-shadow: 0 0 15px rgba(0,0,0,0.5); 2702-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5); 2703box-shadow: 0 0 15px rgba(0,0,0,0.5); 2704} 2705/* IE6 can't position fixed */ 2706* html div.dialog div { position:absolute; } 2707 2708 2709div#deprecatedSticker { 2710 display:none; 2711 z-index:99; 2712 position:fixed; 2713 right:15px; 2714 top:114px; 2715 margin:0; 2716 padding:1em; 2717 background:#FFF; 2718 border:1px solid #dddd00; 2719 box-shadow:-5px 5px 10px #ccc; 2720 -moz-box-shadow:-5px 5px 10px #ccc; 2721 -webkit-box-shadow:-5px 5px 10px #ccc; 2722} 2723 2724div#naMessage { 2725 display:none; 2726 width:555px; 2727 height:0; 2728 margin:0 auto; 2729} 2730 2731div#naMessage div { 2732 z-index:99; 2733 width:450px; 2734 position:fixed; 2735 margin:50px 0; 2736 padding:4em 4em 3em; 2737 background:#FFF; 2738 border:1px solid #999; 2739 box-shadow:-10px 10px 40px #888; 2740 -moz-box-shadow:-10px 10px 40px #888; 2741 -webkit-box-shadow:-10px 10px 40px #888; 2742} 2743/* IE6 can't position fixed */ 2744* html div#naMessage div { position:absolute; } 2745 2746div#naMessage strong { 2747 font-size:1.1em; 2748} 2749 2750 2751/* -------------------------------------------------------------------------- 2752Slideshow Controls & Next/Prev 2753*/ 2754.slideshow-next, .slideshow-prev { 2755 width: 20px; 2756 height: 36px; 2757 text-indent: -1000em; 2758} 2759.slideshow-container { 2760 margin: 2em 0; 2761} 2762.slideshow-container:before, .slideshow-container:after { 2763 content: ""; 2764 display: table; 2765 clear: both; 2766} 2767a.slideshow-next, a.slideshow-next:visited { 2768 2769 float: right; 2770 2771 background: url(../images/arrow-right.png) no-repeat 0 0 2772 2773} 2774 2775a.slideshow-prev, a.slideshow-prev:visited { 2776 2777 float: left; 2778 2779 background: url(../images/arrow-left.png) no-repeat 0 0 2780 2781} 2782 2783.slideshow-next:hover, .slideshow-prev:hover, .slideshow-next:focus, .slideshow-prev:focus { 2784 2785 background-position: 0 -36px 2786 2787} 2788 2789.slideshow-next:active, .slideshow-prev:active { 2790 2791 background-position: 0 -72px 2792 2793} 2794.slideshow-nav { 2795 width: 74px; 2796 margin: 0 auto; 2797} 2798.slideshow-nav a, .slideshow-nav a:visited { 2799 display: inline-block; 2800 width: 12px; 2801 height: 12px; 2802 margin: 0 2px 20px 2px; 2803 background: #ccc; 2804 -webkit-border-radius: 50%; 2805 -moz-border-radius: 50%; 2806 border-radius: 50%; 2807} 2808.slideshow-nav a:hover, .slideshow-nav a:focus { 2809 2810 background: #33B5E5 2811} 2812 2813.slideshow-nav a:active { 2814 2815 background: #1e799a; 2816 background: #ebebeb; 2817 -webkit-box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, .05); 2818 -moz-box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, .05); 2819 box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, .05); 2820} 2821.slideshow-nav a.active, .slideshow-nav a.active:active, .slideshow-nav a.active:visited { 2822 background: #33B5E5 2823} 2824/* -------------------------------------------------------------------------- 2825Tabs 2826*/ 2827ul.tabs { 2828 padding: 0; 2829 margin: 2em 0 0 0; 2830} 2831ul.tabs:before, ul.tabs:after { 2832 content: ""; 2833 display: table; 2834 clear: both; 2835} 2836ul.tabs li { 2837 list-style-type: none; 2838 float: left; 2839} 2840ul.tabs li a, ul.tabs li a:active, ul.tabs li a:visited { 2841 display: block; 2842 height: 36px; 2843 line-height: 36px; 2844 padding: 0 15px; 2845 margin-right: 2px; 2846 color: #222; 2847 -moz-border-radius-topleft: 2px; 2848 -moz-border-radius-topright: 2px; 2849 -moz-border-radius-bottomright: px; 2850 -moz-border-radius-bottomleft: px; 2851 -webkit-border-radius: 2px 2px px px; 2852 border-radius: 2px 2px px px; 2853 border-top: solid 1px #ebebeb; 2854 border-left: solid 1px #ebebeb; 2855 border-right: solid 1px #ebebeb; 2856 background-color: #fff; 2857 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fafafa)); 2858 background-image: -webkit-linear-gradient(top, #ffffff, #fafafa); 2859 background-image: -moz-linear-gradient(top, #ffffff, #fafafa); 2860 background-image: -ms-linear-gradient(top, #ffffff, #fafafa); 2861 background-image: -o-linear-gradient(top, #ffffff, #fafafa); 2862 background-image: linear-gradient(top, #ffffff, #fafafa); 2863 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', 2864EndColorStr='#fafafa'); 2865} 2866ul.tabs li a:hover { 2867 color: #33B5E5; 2868} 2869ul.tabs li a.selected { 2870 height: 37px; 2871 color: #33B5E5; 2872 background-color: #f7f7f7; 2873 background-image: none; 2874 border-color: #ddd; 2875} 2876.tab-content { 2877 padding: 1.2em; 2878 margin: -1px 0 2em 0; 2879 -webkit-border-radius: 2px; 2880 -moz-border-radius: 2px; 2881 border-radius: 2px; 2882 border: solid 1px #ddd; 2883 background: #f7f7f7; 2884} 2885/* -------------------------------------------------------------------------- 2886Feature Boxes 2887*/ 2888.feature-box { 2889 width: 291px; 2890 height: 200px; 2891 position: relative; 2892 background: #F7F7F7; 2893} 2894.box-border .top, .box-border .bottom, .box-border .left, .box-border .right { 2895 z-index: 100; 2896 position: absolute; 2897 background-color: #aaa; 2898} 2899.box-border .top, .box-border .bottom { 2900 width: 291px; 2901 height: 1px; 2902} 2903.dialog .box-border .top, 2904.dialog .box-border .bottom { width:391px; } 2905 2906.box-border .left, .box-border .right { 2907 width: 1px; 2908 height: 8px; 2909} 2910.box-border .top { top: 0; left: 0 } 2911.box-border .top .left { top: 1px; left: 0 } 2912.box-border .top .right { top: 1px; right: 0 } 2913.box-border .bottom .left { top: -8px; left: 0 } 2914.box-border .bottom { top: 200px; left: 0 } 2915.box-border .bottom .right { top: -8px; right: 0 } 2916 2917.feature-box h4, 2918.dialog h4 { 2919 margin: 15px 18px 10px; 2920 padding:0; 2921} 2922 2923.feature-box p, 2924.dialog p { 2925 margin: 10px 18px; 2926 padding:0; 2927} 2928.feature-box .link, 2929.dialog .link { 2930 border-top: 1px solid #dedede; 2931 bottom: 0; 2932 position: absolute; 2933 width: inherit; 2934} 2935.feature-box a, .feature-box h4, 2936.dialog a, .dialog h4 { 2937 -webkit-transition: color .4s ease; 2938 -moz-transition: color .4s ease; 2939 -o-transition: color .4s ease; 2940 transition: color .4s ease; 2941} 2942.feature-box:hover { 2943 cursor: pointer; 2944} 2945.feature-box:hover .box-border .top, .feature-box:hover .box-border .bottom, .feature-box:hover 2946.left, .feature-box:hover .right { 2947 background-color: #33B5E5; 2948} 2949.feature-box:hover h4, .feature-box:hover a { 2950 color: #33B5E5; 2951} 2952/* -------------------------------------------------------------------------- 2953Page-Specific Styles 2954*/ 2955.colors { 2956 position: relative; 2957 float: left; 2958 width: 92px; 2959 margin: 40px 0 20px; 2960} 2961.colors div { 2962 color: #fff; 2963 font-size: 11.5px; 2964 width: 82px; 2965 height: 82px; 2966 margin-top:-30px; 2967 line-height: 82px; 2968 text-align: center; 2969 border: solid 5px #fff; 2970 -webkit-border-radius: 50%; 2971 -moz-border-radius: 50%; 2972 border-radius: 50%; 2973} 2974 2975 2976 2977 2978 2979 2980 2981 2982 2983 2984 2985 2986 2987 2988/* ########### REFERENCE DOCS ################## */ 2989 2990#packages-nav h2, 2991#classes-nav h2 { 2992 font-size:18px; 2993 margin:0; 2994 padding:0 0 0 4px; 2995} 2996 2997#jd-header { 2998 padding: 0 0 5px; 2999 margin: 20px 0 10px; 3000 font-size:13px; 3001 border-bottom:solid 1px #ccc; 3002} 3003 3004#jd-header h1 { 3005 margin:0; 3006 padding:0; 3007} 3008 3009/* page-top-right container for reference pages (holds 3010links to summary tables) */ 3011#api-info-block { 3012 font-size:13px; 3013 margin:20px 0 0; 3014 padding:0 10px 6px; 3015 font-weight:normal; 3016 float:right; 3017 text-align:right; 3018 color:#999; 3019 max-width:70%; 3020} 3021 3022#api-info-block div.api-level { 3023 font-weight:bold; 3024 font-size:inherit; 3025 float:none; 3026 color:#222; 3027 padding:0; 3028 margin:0; 3029} 3030 3031/* inheritance table */ 3032.jd-inheritance-table { 3033 border-spacing:0; 3034 margin:0; 3035 padding:0; 3036 font-size:13px; 3037 background-color:transparent; 3038} 3039.jd-inheritance-table tr td { 3040 border: none; 3041 margin: 0; 3042 padding: 0; 3043 background-color:transparent; 3044} 3045.jd-inheritance-table .jd-inheritance-space { 3046 font-weight:bold; 3047 width:1em; 3048} 3049.jd-inheritance-table .jd-inheritance-interface-cell { 3050 padding-left: 17px; 3051} 3052 3053 3054 3055.jd-sumtable a { 3056 text-decoration:none; 3057} 3058 3059.jd-sumtable a:hover { 3060 text-decoration:underline; 3061} 3062 3063/* the link inside a sumtable for "Show All/Hide All" */ 3064.toggle-all { 3065 display:block; 3066 float:right; 3067 font-weight:normal; 3068 font-size:0.9em; 3069} 3070 3071/* adjustments for in/direct subclasses tables */ 3072.jd-sumtable.jd-sumtable-subclasses { 3073 margin: 1em 0 0 0; 3074 max-width:968px; 3075 background-color:transparent; 3076 font-size:13px; 3077} 3078 3079/* extra space between end of method name and open-paren */ 3080.sympad { 3081 margin-right: 2px; 3082} 3083 3084/* right alignment for the return type in sumtable */ 3085.jd-sumtable .jd-typecol { 3086 text-align:right; 3087} 3088 3089/* adjustments for the expando table-in-table */ 3090.jd-sumtable-expando { 3091 margin:.5em 0; 3092 padding:0; 3093} 3094 3095/* a div that holds a short description */ 3096.jd-descrdiv { 3097 padding:3px 1em 0 1em; 3098 margin:0; 3099 border:0; 3100} 3101 3102#jd-content img.jd-expando-trigger-img { 3103 padding:0 4px 4px 0; 3104 margin:0; 3105} 3106 3107.jd-sumtable-subclasses div#subclasses-direct, 3108.jd-sumtable-subclasses div#subclasses-indirect { 3109 margin:0 0 0 13px; 3110} 3111 3112 3113 3114/********* MEMBER REF *************/ 3115 3116 3117.jd-details { 3118/* border:1px solid #669999; 3119 padding:4px; */ 3120 margin:0 0 1em; 3121} 3122 3123/* API reference: a container for the 3124.tagdata blocks that make up the detailed 3125description */ 3126.jd-details-descr { 3127 padding:0; 3128 margin:.5em .25em; 3129} 3130 3131/* API reference: a block containing 3132a detailed description, a params table, 3133seealso list, etc */ 3134.jd-tagdata { 3135 margin:.5em 1em; 3136} 3137 3138.jd-tagdata p { 3139 margin:0 0 1em 1em; 3140} 3141 3142/* API reference: adjustments to 3143the detailed description block */ 3144.jd-tagdescr { 3145 margin:.25em 0 .75em 0; 3146} 3147 3148.jd-tagdescr ol, 3149.jd-tagdescr ul { 3150 margin:0 2.5em; 3151 padding:0; 3152} 3153 3154.jd-tagdescr table, 3155.jd-tagdescr img { 3156 margin:.25em 1em; 3157} 3158 3159.jd-tagdescr li { 3160margin:0 0 .25em 0; 3161padding:0; 3162} 3163 3164/* API reference: heading marking 3165the details section for constants, 3166attrs, methods, etc. */ 3167h4.jd-details-title { 3168 font-size:1.15em; 3169 background-color: #E2E2E2; 3170 margin:1.5em 0 .6em; 3171 padding:3px 95px 3px 3px; /* room for api-level */ 3172} 3173body.google h4.jd-details-title { 3174 background-color: #FFF; 3175 padding-top:5px; 3176 border-top: 1px solid #ccc; 3177} 3178body.google table.jd-sumtable th { 3179 background-color: #FFF; 3180 color:#000; 3181} 3182 3183h4.jd-tagtitle { 3184 margin:0; 3185} 3186 3187h4 .normal { 3188 font-weight:normal; 3189} 3190 3191/* API reference: heading for "Parameters", "See Also", etc., 3192in details sections */ 3193h5.jd-tagtitle { 3194 margin:0 0 .25em 0; 3195 font-size:1em; 3196} 3197 3198.jd-tagtable { 3199 margin:0; 3200 background-color:transparent; 3201 width:auto; 3202} 3203 3204.jd-tagtable td, 3205.jd-tagtable th { 3206 border:none; 3207 background-color:#fff; 3208 vertical-align:top; 3209 font-weight:normal; 3210 padding:2px 10px; 3211} 3212 3213.jd-tagtable th { 3214 font-style:italic; 3215} 3216 3217/* Inline api level indicator for methods */ 3218div.api-level { 3219 font-size:.8em; 3220 font-weight:normal; 3221 color:#999; 3222 float:right; 3223 padding:0 8px 0; 3224 margin-top:-30px; 3225} 3226 3227table.jd-tagtable td, 3228table.jd-tagtable th { 3229 background-color:transparent; 3230} 3231 3232table.jd-tagtable th { 3233 color:inherit; 3234} 3235 3236 3237 3238 3239 3240 3241 3242 3243 3244 3245 3246 3247 3248 3249 3250 3251 3252 3253 3254 3255 3256 3257 3258/* SEARCH FILTER */ 3259 3260#search_autocomplete { 3261 font-weight:normal; 3262} 3263 3264#search_filtered_wrapper { 3265 width: 193px; 3266 float: right; 3267} 3268#search_filtered_div { 3269 position:absolute; 3270 z-index:9999; 3271 min-width:171px; /* +padding and border makes this match input width */ 3272 padding:5px; 3273 border: solid 1px #C5C5C5; 3274 background: white; 3275 top: 35px; 3276 -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); 3277 -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 3278 box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 3279} 3280 3281ul#search_filtered { 3282 min-width:100%; 3283 margin:0; 3284 list-style: none; 3285 margin: 0; 3286 padding: 0; 3287} 3288 3289#search_filtered .jd-selected { 3290 background-color: #33B5E5; 3291 cursor:pointer; 3292} 3293#search_filtered .jd-selected, 3294#search_filtered .jd-selected a { 3295 color:#f7f7f7 !important; 3296} 3297 3298.no-display { 3299 display: none; 3300} 3301 3302#search_filtered li.jd-autocomplete { 3303 font-size: 0.81em; 3304 border: none; 3305 margin: 0 0 2px; 3306 padding: 0; 3307 line-height:1.5em; 3308} 3309 3310#search_filtered li a { 3311 padding:0 5px; 3312 color:#222 !important; 3313} 3314 3315#search_filtered li.header { 3316 color:#aaa; 3317 font-weight:bold; 3318 font-size: 0.81em; 3319 border: none; 3320 margin: 8px 0 2px; 3321 padding:1px 5px; 3322 line-height:1.5em; 3323} 3324 3325#search_filtered li.header:first-child { 3326 margin: 0 0 2px; 3327} 3328 3329.show-item { 3330 display: table-row; 3331} 3332.hide-item { 3333 display: hidden; 3334} 3335 3336 3337 3338 3339 3340/* SEARCH RESULTS */ 3341 3342 3343#leftSearchControl .gsc-twiddle { 3344 background-image : none; 3345} 3346 3347#leftSearchControl td, #searchForm td { 3348 border: 0px solid #000; 3349 padding:0; 3350} 3351 3352#leftSearchControl .gsc-resultsHeader .gsc-title { 3353 padding-left : 0px; 3354 font-weight : bold; 3355 font-size : 13px; 3356 color:#006699; 3357 display : none; 3358} 3359 3360#leftSearchControl .gsc-resultsHeader div.gsc-results-selector { 3361 display : none; 3362} 3363 3364#leftSearchControl .gsc-resultsRoot { 3365 padding-top : 6px; 3366} 3367 3368#leftSearchControl div.gs-visibleUrl-long { 3369 display : block; 3370 color:#006699; 3371} 3372 3373#leftSearchControl .gsc-webResult { 3374 padding:0 0 20px 0; 3375} 3376 3377.gsc-webResult div.gs-visibleUrl-short, 3378table.gsc-branding, 3379.gsc-clear-button { 3380 display : none; 3381} 3382 3383.gsc-cursor-box .gsc-cursor div.gsc-cursor-page, 3384.gsc-cursor-box .gsc-trailing-more-results a.gsc-trailing-more-results, 3385#leftSearchControl a, 3386#leftSearchControl a b { 3387 color:#006699; 3388} 3389 3390.gsc-resultsHeader { 3391 display: none; 3392} 3393 3394/* Disable built in search forms */ 3395.gsc-control form.gsc-search-box { 3396 display : none; 3397} 3398table.gsc-search-box { 3399 margin:6px 0 0 0; 3400 border-collapse:collapse; 3401} 3402 3403td.gsc-input { 3404 padding:0 2px; 3405 width:100%; 3406 vertical-align:middle; 3407} 3408 3409input.gsc-input { 3410 border:1px solid #BCCDF0; 3411 width:99%; 3412 padding-left:2px; 3413 font-size:.95em; 3414} 3415 3416td.gsc-search-button { 3417 text-align: right; 3418 padding:0; 3419 vertical-align:top; 3420} 3421 3422 3423#searchResults { 3424 overflow:hidden; /* because the repositioned page links makes the section think it needs to scroll 3425(it doesn't) */ 3426 height:auto; 3427} 3428 3429#searchResults .gsc-control { 3430 position:relative; 3431 width:auto; 3432 padding:0 0 10px; 3433} 3434 3435#searchResults .gsc-tabsArea { 3436 position:relative; 3437 white-space:nowrap; 3438 float:left; 3439 width:200px; 3440} 3441 3442#searchResults .gsc-above-wrapper-area { 3443 display:none; 3444} 3445 3446#searchResults .gsc-resultsbox-visible { 3447 float:left; 3448 width:720px; 3449 margin-left:20px; 3450} 3451 3452#searchResults .gsc-tabHeader { 3453 padding: 3px 6px; 3454 position:relative; 3455 width:auto; 3456 display:block; 3457} 3458 3459#searchResults h2#searchTitle { 3460 padding:0; 3461 margin:5px 0; 3462 border:none; 3463} 3464 3465#searchResults h2#searchTitle em { 3466 font-style:normal; 3467 color:#33B5E5; 3468} 3469 3470#searchResults .gsc-table-result { 3471 margin:5px 0 10px 0; 3472 background-color:transparent; 3473} 3474#searchResults .gs-web-image-box, .gs-promotion-image-box { 3475 width:120px; 3476} 3477#searchResults .gs-web-image-box img.gs-image, .gs-promotion-image-box img.gs-promotion-image { 3478 max-width:120px; 3479} 3480 3481#searchResults .gsc-table-result .gsc-thumbnail { 3482 padding:0 20px 0 0; 3483} 3484 3485#searchResults td { 3486 background-color:transparent; 3487} 3488 3489#searchResults .gsc-expansionArea { 3490 position:relative; 3491} 3492#searchResults .gsc-tabsArea .gsc-cursor-box { 3493 width:200px; 3494 padding:20px 0 0 1px; 3495} 3496#searchResults .gsc-cursor-page { 3497 display:inline-block; 3498 float:left; 3499 margin:-1px 0 0 -1px; 3500 padding:0; 3501 height:27px; 3502 width:27px; 3503 text-align:center; 3504 line-height:2; 3505} 3506 3507#searchResults .gsc-tabHeader.gsc-tabhInactive, 3508#searchResults .gsc-cursor-page { 3509 text-decoration:none; 3510 color:#258AAF; 3511 border: solid 1px #DADADA; 3512} 3513 3514#searchResults .gsc-tabHeader.gsc-tabhInactive:hover, 3515#searchResults .gsc-cursor-page:hover { 3516 border-color: #DBDBDB; 3517 background-color: #F3F3F3; 3518 background-image: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#ECECEC)); 3519 background-image: -webkit-linear-gradient(top, #F9F9F9, #ECECEC); 3520 background-image: -moz-linear-gradient(top, #F9F9F9, #ECECEC); 3521 background-image: -ms-linear-gradient(top, #F9F9F9, #ECECEC); 3522 background-image: -o-linear-gradient(top, #F9F9F9, #ECECEC); 3523 background-image: linear-gradient(top, #F9F9F9, #ECECEC); 3524 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', 3525EndColorStr='#ececec'); 3526 color: #33B5E5; 3527} 3528 3529#searchResults .gsc-tabHeader.gsc-tabhActive, 3530#searchResults .gsc-tabHeader.gsc-tabhActive:hover, 3531#searchResults .gsc-cursor-page.gsc-cursor-current-page, 3532#searchResults .gsc-cursor-page.gsc-cursor-current-page:hover { 3533 color:#fff; 3534 background-color: #09C; 3535 background-image: -webkit-gradient(linear, left top, left bottom, from(#2FADDB), to(#09C)); 3536 background-image: -webkit-linear-gradient(top, #2FADDB, #09C); 3537 background-image: -moz-linear-gradient(top, #2FADDB, #09C); 3538 background-image: -ms-linear-gradient(top, #2FADDB, #09C); 3539 background-image: -o-linear-gradient(top, #2FADDB, #09C); 3540 background-image: linear-gradient(top, #2FADDB, #09C); 3541 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2faddb', EndColorStr='#09c'); 3542 border: 1px solid #3990AB; 3543 z-index:100; 3544} 3545 3546} 3547 3548 3549 3550 3551 3552 3553 3554 3555 3556 3557 3558 3559 3560/*********** PREVIOUSLY dac-styles.css ***************/ 3561 3562 3563#header { 3564 border-bottom:0; 3565} 3566 3567#header .wrap { 3568 max-width:940px; 3569 height:41px; 3570 border-bottom:1px solid; 3571 border-color: #ccc; 3572 position:relative; 3573} 3574 3575.about #header .wrap { 3576 border-color: #9933CC; 3577} 3578 3579.design #header .wrap { 3580 border-color: #33b5e5; 3581} 3582 3583.develop #header .wrap { 3584 border-color: #F80; 3585} 3586 3587.distribute #header .wrap { 3588 border-color: #9C0; 3589} 3590 3591.logo a { 3592 width:123px; 3593 float:left; 3594} 3595 3596#header .logo { 3597 margin-top: -6px; 3598 margin-left: 0px; 3599 margin-bottom:0px; 3600 width: 160px; 3601 padding-right:10px; 3602} 3603 3604#header .saclogo { 3605 margin-top: -3px; 3606 margin-left: 0px; 3607 margin-bottom: 0px; 3608 margin-right: 30px; 3609 width: 140px; 3610 padding-right:0px; 3611 border-right:1px solid #CCC; 3612} 3613 3614.search { 3615 height:25px; 3616 margin-top: -3px; 3617 margin-bottom: 0px; 3618} 3619 3620 3621 3622/* Quicknav */ 3623.btn-quicknav { 3624 width:20px; 3625 height:28px; 3626 float:left; 3627 margin-left:6px; 3628 padding-right:10px; 3629 position:relative; 3630 cursor:pointer; 3631 border-right:1px solid #CCC; 3632} 3633 3634.btn-quicknav a { 3635 zoom:1; 3636 position:absolute; 3637 top:13px; 3638 left:5px; 3639 display:block; 3640 text-indent:-9999em; 3641 width:10px; 3642 height:5px; 3643 background:url(../images/quicknav_arrow.png) no-repeat; 3644} 3645 3646.btn-quicknav a.arrow-active { 3647 background-position: 0 -5px; 3648 display:none; 3649} 3650 3651#header-wrap.quicknav a.arrow-inactive { 3652 display:none; 3653} 3654 3655.btn-quicknav.active a.arrow-active { 3656 display:block; 3657} 3658 3659.nav-x li { 3660 display:block; 3661 float:left; 3662 margin-right:45px; 3663 -webkit-transition: all 0.25s linear; 3664 -moz-transition: all 0.25s linear; 3665 -ms-transition: all 0.25s linear; 3666 -o-transition: all 0.25s linear; 3667 transition: all 0.25s linear; 3668} 3669 3670#header-wrap.quicknav .nav-x li { 3671 min-width:160px; 3672 margin-right:20px; 3673} 3674 3675#header-wrap.quicknav li.last { 3676 margin-right:0px; 3677} 3678 3679#quicknav { 3680 float:none; 3681 clear:both; 3682 margin-left:180px; 3683 margin-top:-30px; 3684 display:none; 3685 overflow:hidden; 3686} 3687 3688#header-wrap.quicknav #quicknav { 3689 3690} 3691 3692#quicknav ul { 3693 margin:10px 0; 3694 padding:0; 3695} 3696 3697#quicknav ul li.design { 3698 border-top:1px solid #33b5e5; 3699} 3700 3701#quicknav ul li.develop { 3702 border-top:1px solid #FF8800; 3703} 3704 3705#quicknav ul li.distribute { 3706 border-top:1px solid #99cc00; 3707} 3708 3709#quicknav ul li { 3710 display:block; 3711 float:left; 3712 margin:0 20px 0 0; 3713 min-width:140px; 3714} 3715 3716#quicknav ul li.last { 3717 margin-right:0px; 3718} 3719 3720#quicknav ul li ul li { 3721 float:none; 3722} 3723 3724#quicknav ul li ul li a { 3725 color:#222; 3726} 3727 3728#quicknav ul li li ul, 3729#quicknav ul li li ul li { 3730 margin:0; 3731} 3732 3733#quicknav ul li li ul li:before { 3734 content:"\21B3"; 3735} 3736 3737#header-wrap { 3738 -webkit-transition: all 0.25s ease-out; 3739 -moz-transition: all 0.25s ease-out; 3740 -ms-transition: all 0.25s ease-out; 3741 -o-transition: all 0.25s ease-out; 3742 transition: all 0.25s ease-out; 3743 3744} 3745 3746#header-wrap.quicknav { 3747 height:196px; 3748 3749} 3750 3751/* SEARCH AND MORE */ 3752.search { 3753 position: absolute; 3754 width: 50px; 3755 height:28px; 3756 display: block; 3757 margin-top:-3px; 3758 margin-bottom:7px; 3759 overflow:hidden; 3760 z-index:100; 3761 right:54px; 3762 -webkit-transition: width 0.4s ease; 3763 -moz-transition: width 0.4s ease; 3764 -o-transition: width 0.4s ease; 3765 transition: width 0.4s ease; 3766} 3767 3768.search #search-btn { 3769 width:50px; 3770 height:28px; 3771 background:url(../images/icon_search.png) no-repeat; 3772 float:left; 3773} 3774 3775.search-inner { 3776 width:245px; 3777} 3778 3779.search:hover, .search.active { 3780 width:245px; 3781} 3782 3783.search .bottom, .search .left, .search .right { 3784 position: absolute; 3785 background-color: #a2a2a2 3786} 3787 3788.search .bottom { 3789 width: 214px; 3790 height: 1px; 3791 top: 24px; 3792 left: 0 3793} 3794 3795.search .left, .search .right { 3796 height: 5px; 3797 width: 1px 3798} 3799 3800.search .left { 3801 top: 22px; 3802 left: 56px; 3803 background-color:#CCC; 3804} 3805 3806.search .right { 3807 top: 22px; 3808 left: 238px; 3809 background-color:#CCC; 3810} 3811 3812.search form { 3813 margin-top: 2px; 3814 width: 162px; 3815 float:left; 3816} 3817 3818.search form input { 3819 color: #2f2f2f; 3820 font-size: 0.95em; 3821 width: 178px; 3822 border: none; 3823 margin-left: 6px; 3824 z-index: 1500; 3825 position: relative; 3826 background-color: transparent; 3827 border-bottom:1px solid #CCC; 3828 padding:0 0 0 4px; 3829 outline:none; 3830 height:24px; 3831} 3832 3833.search:hover form input { 3834 border-bottom:1px solid #33B5E5; 3835} 3836 3837.search:hover .bottom, .search:hover .left, .search:hover .right { 3838 background-color: #33b5e5; 3839} 3840 3841.search:hover #search-btn { 3842 background-position: 0 -28px 3843} 3844 3845.search form input:focus { 3846 color: #222; 3847 font-weight: bold 3848} 3849 3850.moremenu { 3851 float: right; 3852 position: relative; 3853 width: 50px; 3854 height:28px; 3855 display: block; 3856 margin-top:-3px; 3857 margin-bottom:7px; 3858 overflow:hidden; 3859 -webkit-transition: width 0.25s ease; 3860 -moz-transition: width 0.25s ease; 3861 -o-transition: width 0.25s ease; 3862 transition: width 0.25s ease; 3863} 3864 3865.moremenu #more-btn { 3866 width:40px; 3867 height:28px; 3868 background:url(../images/icon_more.png) no-repeat; 3869 border-left:1px solid #CCC; 3870 float:left; 3871 cursor:pointer; 3872} 3873 3874.moremenu:hover #more-btn { 3875 background-position:0 -28px; 3876} 3877 3878.morehover { 3879 position:absolute; 3880 right:6px; 3881 top:-9px; 3882 width:40px; 3883 height:35px; 3884 z-index:99; 3885 overflow:hidden; 3886 3887 -webkit-opacity:0; 3888 -moz-opacity:0; 3889 -o-opacity:0; 3890 opacity:0; 3891 3892 -webkit-transform-origin:100% 0%; 3893 -moz-transform-origin:100% 0%; 3894 -o-transform-origin:100% 0%; 3895 transform-origin:100% 0%; 3896 3897 -webkit-transition-property: -webkit-opacity; 3898 -webkit-transition-duration: .25s; 3899 -webkit-transition-timing-function:ease; 3900 3901 -moz-transition-property: -webkit-opacity; 3902 -moz-transition-duration: .25s; 3903 -moz-transition-timing-function:ease; 3904 3905 -o-transition-property: -webkit-opacity; 3906 -o-transition-duration: .25s; 3907 -o-transition-timing-function:ease; 3908 3909 -transition-property: -webkit-opacity; 3910 -transition-duration: .25s; 3911 -transition-timing-function:ease; 3912} 3913 3914.morehover:hover, 3915.morehover.hover { 3916 opacity:1; 3917 height:385px; 3918 width:268px; 3919 -webkit-transition-property:height, -webkit-opacity; 3920} 3921 3922.morehover .top { 3923 width:268px; 3924 height:39px; 3925 background:url(../images/more_top.png) no-repeat; 3926} 3927 3928.morehover .mid { 3929 width:228px; 3930 background:url(../images/more_mid.png) repeat-y; 3931 padding:10px 20px 0 20px; 3932} 3933 3934.morehover .mid .header { 3935 border-bottom:1px solid #ccc; 3936 font-weight:bold; 3937} 3938 3939.morehover .bottom { 3940 width:268px; 3941 height:6px; 3942 background:url(../images/more_bottom.png) no-repeat; 3943} 3944 3945.morehover ul { 3946 margin:10px 10px 20px 0; 3947} 3948 3949.morehover ul li { 3950 list-style:none; 3951} 3952 3953.morehover ul li.active a, 3954.morehover ul li.active a:hover { 3955 color:#222 !important; 3956} 3957 3958.morehover ul li.active img { 3959 margin-right:4px; 3960} 3961 3962 3963 3964 3965/* MARQUEE */ 3966.slideshow-container { 3967 width:100%; 3968 overflow:hidden; 3969 position:relative; 3970} 3971.slideshow-container .slideshow-prev { 3972 position:absolute; 3973 top:50%; 3974 left:0px; 3975 margin-top:-36px; 3976 z-index:99; 3977} 3978.slideshow-container .slideshow-next { 3979 position:absolute; 3980 top:50%; 3981 margin-top:-36px; 3982 z-index:99; 3983 right:0px; 3984} 3985 3986.slideshow-container .pagination { 3987 position:absolute; 3988 bottom:20px; 3989 width:100%; 3990 text-align:center; 3991 z-index:99; 3992} 3993.slideshow-container .pagination ul { 3994 margin:0; 3995} 3996.slideshow-container .pagination ul li{ 3997 display: inline-block; 3998 width:12px; 3999 height:12px; 4000 text-indent:-8000px; 4001 list-style:none; 4002 margin: 0 2px; 4003 border-radius:6px; 4004 background-color:#ccc; 4005 cursor:pointer; 4006 -webkit-transition:color .5s ease-in; 4007 -moz-transition:color .5s ease-in; 4008 -o-transition:color .5s ease-in; 4009 transition:color .5s ease-in; 4010} 4011.slideshow-container .pagination ul li:hover { 4012 background-color:#999; 4013} 4014.slideshow-container .pagination ul li.active { 4015 background-color:#33b5e5; 4016} 4017.slideshow-container .pagination ul li.active:hover { 4018 background-color:#33b5e5; 4019} 4020.slideshow-container ul li { 4021 display:inline; 4022 list-style:none; 4023} 4024 4025 4026 4027 4028a.download-sdk { 4029 float:right; 4030 margin:-10px 0; 4031 height:30px; 4032 padding-top:4px; 4033 padding-bottom:0px; 4034} 4035 4036#nav-x { 4037 padding-top: 14px; 4038} 4039 4040#nav-x .wrap { 4041 min-height:34px; 4042} 4043 4044#nav-x .wrap, 4045#searchResults.wrap { 4046 max-width:940px; 4047 border-bottom:1px solid #CCC; 4048} 4049 4050#searchResults.wrap #leftSearchControl { 4051 min-height:700px 4052} 4053.nav-x { 4054 margin-left:0; 4055 margin-bottom:0; 4056} 4057 4058 4059 4060 4061 4062 4063 4064 4065 4066 4067/* 4068 * CSS Styles that are needed by jScrollPane for it to operate correctly. 4069 */ 4070 4071.jspContainer { 4072 overflow: hidden; 4073 position: relative; 4074} 4075 4076.jspPane { 4077 position: absolute; 4078 overflow: hidden; 4079 width:100% !important; /* to avoid cut-off api names in reference in horiz scroll */ 4080} 4081 4082.jspVerticalBar { 4083 position: absolute; 4084 top: 0; 4085 right: 0; 4086 width: 4px; 4087 height: 100%; 4088 background: #f5f5f5; 4089} 4090 4091.jspHorizontalBar { 4092 position: absolute; 4093 bottom: 0; 4094 left: 0; 4095 width: 100%; 4096 height: 4px; 4097 background: #f5f5f5; 4098} 4099 4100.jspVerticalBar *, 4101.jspHorizontalBar * { 4102 margin: 0; 4103 padding: 0; 4104} 4105.jspCap { 4106 display: block; 4107} 4108 4109.jspVerticalBar .jspCap { 4110 height: 4px; 4111} 4112 4113.jspHorizontalBar .jspCap { 4114 width: 0; 4115 height: 100%; 4116} 4117 4118.jspHorizontalBar .jspCap { 4119 float: left; 4120} 4121 4122.jspTrack { 4123 position: relative; 4124} 4125 4126.jspDrag { 4127 background: #bbb; 4128 position: relative; 4129 top: 0; 4130 left: 0; 4131 cursor: pointer; 4132} 4133 4134.jspDrag:hover, 4135.jspDrag:active { 4136 border-color: #09c; 4137 background-color: #4cadcb; 4138 background-image: -webkit-gradient(linear, left top, right top, from(#5dbcd9), to(#4cadcb)); 4139 background-image: -webkit-linear-gradient(left, #5dbcd9, #4cadcb); 4140 background-image: -moz-linear-gradient(left, #5dbcd9, #4cadcb); 4141 background-image: -ms-linear-gradient(left, #5dbcd9, #4cadcb); 4142 background-image: -o-linear-gradient(left, #5dbcd9, #4cadcb); 4143 background-image: linear-gradient(left, #5dbcd9, #4cadcb); 4144 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5dbcd9', EndColorStr='#4cadcb'); 4145} 4146 4147.jspHorizontalBar .jspTrack, 4148.jspHorizontalBar .jspDrag { 4149 float: left; 4150 height: 100%; 4151} 4152 4153.jspArrow { 4154 background: #999; 4155 text-indent: -20000px; 4156 display: block; 4157 cursor: pointer; 4158} 4159 4160.jspArrow.jspDisabled { 4161 cursor: default; 4162 background: #ccc; 4163} 4164 4165.jspVerticalBar .jspArrow { 4166 height: 16px; 4167} 4168 4169.jspHorizontalBar .jspArrow { 4170 width: 16px; 4171 float: left; 4172 height: 100%; 4173} 4174 4175.jspVerticalBar .jspArrow:focus { 4176 outline: none; 4177} 4178 4179.jspCorner { 4180 float: left; 4181 height: 100%; 4182} 4183 4184/* Yuk! CSS Hack for IE6 3 pixel bug :( */ 4185* html .jspCorner { 4186 margin: 0 -3px 0 0; 4187} 4188/******* end of jscrollpane *********/ 4189 4190 4191 4192 4193 4194/************ DEVELOP HOMEPAGE ******************/ 4195 4196/* Slideshow */ 4197.slideshow-develop { 4198 height: 300px; 4199 width: 940px; 4200 position: relative; 4201 overflow:hidden; 4202} 4203.slideshow-develop .frame { 4204 width: 940px; 4205 height: 300px; 4206} 4207.slideshow-develop img.play { 4208 max-width:350px; 4209 max-height:240px; 4210 margin:20px 0 0 90px; 4211 -webkit-transform: perspective(800px ) rotateY( 35deg ); 4212 box-shadow: -16px 20px 40px rgba(0, 0, 0, 0.3); 4213 -moz-box-shadow: -16px 20px 40px rgba(0, 0, 0, 0.3); 4214 -webkit-box-shadow: -16px 20px 40px rgba(0, 0, 0, 0.3); 4215} 4216.slideshow-develop img.play.no-shadow { 4217 box-shadow: none; 4218 -moz-box-shadow: none; 4219 -webkit-box-shadow: none; 4220} 4221.slideshow-develop img.play.no-transform { 4222 -webkit-transform: none; 4223} 4224.slideshow-develop a.slideshow-next { 4225 background: url(../images/arrow-right-develop.png); 4226} 4227.slideshow-develop a.slideshow-prev { 4228 background: url(../images/arrow-left-develop.png); 4229} 4230.slideshow-develop .content-right { 4231 float: left; 4232} 4233.slideshow-develop .content-right h2 { 4234 padding:0; 4235 margin-bottom:10px; 4236 border:none; 4237} 4238.slideshow-develop .item { 4239 height: 300px; 4240 width: 940px; 4241} 4242.slideshow-develop .pagination ul li.active { 4243 background-color: #F80; 4244} 4245.slideshow-develop .pagination ul li.active:hover { 4246 background-color: #F80; 4247} 4248.slideshow-develop .item hr { 4249 margin:5px 0 10px; 4250} 4251.slideshow-develop .item p { 4252 margin:10px 0; 4253} 4254.slideshow-develop .item p.title-intro { 4255 position:absolute; 4256 margin:0; 4257} 4258 4259/* Feeds */ 4260.feed ul { 4261 margin: 0; 4262} 4263.feed .feed-nav { 4264 height: 25px; 4265 border-bottom: 1px solid #CCC; 4266} 4267.feed .feed-nav li { 4268 list-style: none; 4269 float: left; 4270 height: 21px; /* +4px bottom border = 25px; same as .feed-nav */ 4271 margin-right: 25px; 4272 cursor: pointer; 4273} 4274.feed .feed-nav li.active { 4275 color: #000; 4276 border-bottom: 4px solid #F80; 4277} 4278.feed .feed-container { 4279 overflow: hidden; 4280 width: 460px; 4281} 4282.feed .feed-container .feed-frame { 4283 width: 1000px; 4284} 4285.feed .feed-container .feed-frame ul { 4286 float: left; 4287 width:460px; 4288} 4289.feed .feed-container .feed-frame ul ul { 4290 float: none; 4291 margin:10px 0 0 30px; 4292} 4293.feed .feed-container .feed-frame li { 4294 list-style: none; 4295 margin: 20px 0 20px 0; 4296 width: 460px; 4297 height:93px; 4298} 4299.feed .feed-container .feed-frame li.playlist { 4300 height:auto; 4301} 4302.feed .feed-container .feed-frame li.playlist a { 4303 height:93px; 4304 display:block; 4305} 4306.feed .feed-container .feed-frame li.more { 4307 height:20px; 4308 margin:10px 0 5px 5px; 4309} 4310.feed .feed-container .feed-frame li.more a { 4311 height:inherit; 4312} 4313.feed .feed-container .feed-frame li.playlist-video { 4314 list-style: none; 4315 margin: 0; 4316 width: 460px; 4317 height:55px; 4318 font-size:12px; 4319} 4320.feed .feed-container .feed-frame li.playlist-video a { 4321 height:45px; 4322 padding:5px; 4323} 4324.feed .feed-container .feed-frame li.playlist-video h5 { 4325 font-size:12px; 4326 line-height:13px; 4327 margin:0; 4328} 4329.feed .feed-container .feed-frame li.playlist-video p { 4330 margin:5px 0 0; 4331 line-height:15px; 4332} 4333.feed-container .feed-frame div.feed-image { 4334 float: left; 4335 border: 1px solid #999; 4336 margin:0 20px 0 0; 4337 width:122px; 4338 height:92px; 4339 background:url('../images/blog-default.png') no-repeat 0 0; 4340 background-size:180px; 4341} 4342#jd-content .feed .feed-container .feed-frame li img { 4343 float: left; 4344 border: 1px solid #999; 4345 margin:0 20px 0 0; 4346 width:122px; 4347 height:92px; 4348} 4349#jd-content .feed .feed-container .feed-frame li.playlist-video img { 4350 width:inherit; 4351 height:inherit; 4352} 4353 4354.feed .feed-container .feed-frame li a, 4355.feed .feed-container .feed-frame li a:active { 4356 color:#555 !important; 4357} 4358 4359.feed .feed-container .feed-frame li a:hover, 4360.feed .feed-container .feed-frame li a:hover * { 4361 color:#7AA1B0 !important; 4362} 4363 4364/* Video player */ 4365#player-wrapper { 4366 display:none; 4367 margin: -1px auto 0; 4368 position: relative; 4369 width: 940px; 4370 height: 0px; 4371} 4372#player-frame { 4373 background: #EFEFEF; 4374 border: 1px solid #CCC; 4375 padding: 0px 207px; 4376 z-index: 10; /* stay above marque, but below search suggestions */ 4377 width: 525px; 4378 height: 330px; 4379 position: relative; 4380} 4381 4382 4383 4384/************ DISTRIBUTE HOMEPAGE ***************/ 4385 4386.marquee { 4387 width: 760px; 4388} 4389.marquee .main-img { 4390 float: left; 4391 margin-top: 20px; 4392 width: 490px; 4393} 4394.marquee .copy { 4395 width: 270px; 4396 float: left; 4397 margin-top: 30px; 4398} 4399.distribute-features { 4400 margin: 0; 4401} 4402.distribute-features ul { 4403 margin: 0; 4404} 4405.distribute-features ul li { 4406 list-style: none; 4407 float: left; 4408 border-top: 1px solid #9C0; 4409 width: 220px; 4410 margin-right: 50px; 4411} 4412.distribute-features ul li.last { 4413 margin-right: 0px; 4414} 4415 4416 4417 4418/************ DEVELOP TOPIC CONTAINERS ************/ 4419 4420.landing-banner, 4421.landing-docs { 4422 margin:20px 0 0; 4423} 4424.landing-banner div:first-child, 4425.landing-docs div:first-child, 4426.landing-docs .col-12 { 4427 margin-left:0; 4428 min-height:280px; 4429} 4430.landing-banner div:last-child, 4431.landing-docs div:last-child, 4432.landing-docs .col-12 { 4433 margin-right:0; 4434} 4435 4436.landing-banner h1 { 4437 margin-top:0; 4438} 4439.landing-docs { 4440 clear:left; 4441 overflow:hidden; 4442} 4443.landing-docs h3 { 4444 font-size:14px; 4445 line-height:21px; 4446 color:#555; 4447 text-transform:uppercase; 4448 border-bottom:1px solid #CCC; 4449 margin:0 0 20px; 4450} 4451.landing-docs a { 4452 color:#333 !important; 4453} 4454 4455.landing-docs a:hover, 4456.landing-docs a:hover * { 4457 color:#7AA1B0 !important 4458} 4459 4460.landing-docs .normal-links a { 4461 color:#258aaf !important; 4462} 4463 4464.plusone { 4465 float:right; 4466} 4467 4468.feedback { 4469 float:right !important; 4470 margin: 0 0 0 10px; 4471 font-size: 14px; 4472} 4473 4474 4475/************* HOME/LANDING PAGE *****************/ 4476 4477.slideshow-home { 4478 height: 500px; 4479 width: 940px; 4480 border-bottom: 1px solid #CCC; 4481 position: relative; 4482 margin: 0; 4483} 4484.slideshow-home .frame { 4485 width: 940px; 4486 height: 500px; 4487} 4488.slideshow-home .content-left { 4489 float: left; 4490 text-align: center; 4491 vertical-align: center; 4492 margin: 0 0 0 35px; 4493} 4494.slideshow-home .content-right { 4495 margin: 80px 0 0 0; 4496} 4497.slideshow-home .content-right p { 4498 margin-bottom: 10px; 4499} 4500.slideshow-home .content-right p:last-child { 4501 margin-top: 15px; 4502} 4503.slideshow-home .content-right h1 { 4504 padding:0; 4505} 4506.slideshow-home .item { 4507 height: 500px; 4508 width: 940px; 4509} 4510.home-sections { 4511 padding: 30px 20px 20px; 4512 margin: 20px 0; 4513 background: -webkit-linear-gradient(top, #F6F6F6,#F9F9F9); 4514} 4515.home-sections ul { 4516 margin: 0; 4517} 4518.home-sections ul li { 4519 float: left; 4520 display: block; 4521 list-style: none; 4522 width: 170px; 4523 height: 35px; 4524 border: 1px solid #ccc; 4525 background: white; 4526 margin-right: 10px; 4527 border-radius: 1px; 4528 -webkit-border-radius: 1px; 4529 -moz-border-radius: 1px; 4530 box-shadow: 1px 1px 5px #EEE; 4531 -webkit-box-shadow: 1px 1px 5px #EEE; 4532 -moz-box-shadow: 1px 1px 5px #EEE; 4533 background: white; 4534} 4535.home-sections ul li:hover { 4536 background: #F9F9F9; 4537 border: 1px solid #CCC; 4538} 4539.home-sections ul li a, 4540.home-sections ul li a:hover { 4541 font-weight: bold; 4542 margin-top: 8px; 4543 line-height: 18px; 4544 float: left; 4545 width: 100%; 4546 text-align: center; 4547 color: #09c !important; 4548} 4549.home-sections ul li a { 4550 font-weight: bold; 4551 margin-top: 8px; 4552 line-height: 18px; 4553 float: left; 4554 width:100%; 4555 text-align:center; 4556} 4557.home-sections ul li img { 4558 float: left; 4559 margin: -8px 0 0 10px; 4560} 4561.home-sections ul li.last { 4562 margin-right: 0px; 4563} 4564.fullpage #footer { 4565 margin-top: -40px; 4566} 4567 4568.annotation-message { 4569 display: block; 4570} 4571