Ticket #1014: 1014.diff
File 1014.diff, 37.7 KB (added by , 10 years ago) |
---|
-
Gruntfile.js
1 module.exports = function( grunt ) { 2 3 // Load tasks. 4 require( 'matchdep' ).filterDev(['grunt-*']).forEach( grunt.loadNpmTasks ); 5 6 // Project configuration. 7 grunt.initConfig({ 8 sass: { 9 all: { 10 expand: true, 11 cwd: "scss", 12 dest: "stylesheets", 13 ext: '.css', 14 src: [ '**/*.scss' ], 15 options: { 16 outputStyle: 'expanded' 17 } 18 } 19 }, 20 watch: { 21 all: { 22 files: [ "scss/**/*.scss" ], 23 tasks: [ "sass:all" ], 24 options: { 25 spawn: false 26 } 27 } 28 } 29 }); 30 31 grunt.registerTask( 'default', [ 'sass:all' ] ); 32 }; -
package.json
1 { 2 "name": "wporg-developer", 3 "description": "Theme for developer.wordpress.org", 4 "repository": { 5 "type": "svn", 6 "url": "https://meta.trac.wordpress.org/browser/sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer" 7 }, 8 "author": "The WordPress Contributors", 9 "license": "GPLv2 or later", 10 "devDependencies": { 11 "grunt": "~0.4.5", 12 "grunt-contrib-watch": "~0.6.1", 13 "grunt-sass": "~1.0.0", 14 "matchdep": "~0.3.0" 15 } 16 } -
stylesheets/admin.css
28 28 .expl-row-actions { 29 29 display: block; 30 30 } 31 31 32 .expl-row-actions a { 32 33 display: inline-block; 33 34 } 35 34 36 .expl-row-actions a:first-child { 35 37 padding-right: 6px; 36 38 padding-left: 0; 37 39 } 40 38 41 .expl-row-actions a:nth-child(n+2) { 39 42 padding-left: 8px; 40 43 border-left: 1px solid #ccc; … … 43 46 .status { 44 47 font-weight: bold; 45 48 } 49 46 50 .status.pending { 47 51 color: red; 48 52 } 53 49 54 .status.publish { 50 55 color: green; 51 56 } … … 57 62 padding-top: 10px; 58 63 padding-bottom: 10px; 59 64 } 65 60 66 .post-type-wp-parser-function .form-table td, 61 67 .post-type-wp-parser-class .form-table td, 62 68 .post-type-wp-parser-method .form-table td, … … 63 69 .post-type-wp-parser-hook .form-table td { 64 70 padding: 10px; 65 71 } 72 66 73 .post-type-wp-parser-function .form-table td p, 67 74 .post-type-wp-parser-class .form-table td p, 68 75 .post-type-wp-parser-method .form-table td p, -
stylesheets/main.css
65 65 blockquote, q { 66 66 quotes: "" ""; 67 67 } 68 68 69 blockquote:before, blockquote:after, q:before, q:after { 69 70 content: ""; 70 71 } … … 72 73 a:focus { 73 74 outline: thin dotted; 74 75 } 76 75 77 a:hover, a:active { 76 78 outline: 0; 77 79 } 80 78 81 a img { 79 82 border: 0; 80 83 } … … 269 272 .home .devhub-wrap #content { 270 273 padding: 0; 271 274 } 275 272 276 .home .devhub-wrap .site-header { 273 277 margin-bottom: 0; 274 278 } … … 278 282 /* Text meant only for screen readers */ 279 283 /* Clearing */ 280 284 /* =Content 281 285 ----------------------------------------------- */ 282 286 /* =Media 283 287 ----------------------------------------------- */ 284 288 /* Make sure embeds and iframes fit their containers */ 285 289 /* =Comments 286 290 ----------------------------------------------- */ 287 291 /* =Widgets 288 292 ----------------------------------------------- */ 289 293 /* Make sure select elements fit in widgets */ 290 294 /* Search widget */ 291 295 /* =Infinite Scroll 292 296 ----------------------------------------------- */ 293 297 /* Globally hidden elements when Infinite Scroll is supported and in use. */ 294 298 /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ 295 299 /* 296 297 300 * Header area 301 */ 298 302 /* 299 300 303 * section styles 304 */ 301 305 /* = Usage 302 306 ----------------------------------------------- */ 303 307 /* Comments */ 304 308 /* 305 306 307 309 * Content 310 * 311 */ 308 312 } 313 309 314 .devhub-wrap *, 310 315 .devhub-wrap *:before, 311 316 .devhub-wrap *:after { … … 313 318 -webkit-box-sizing: border-box; 314 319 box-sizing: border-box; 315 320 } 321 316 322 .devhub-wrap #content, .devhub-wrap #content-area { 317 323 padding: 0 10px; 318 324 } 325 319 326 .devhub-wrap #content .toc-heading, .devhub-wrap #content-area .toc-heading { 320 327 clear: left; 321 328 } 329 322 330 .devhub-wrap #content table, .devhub-wrap #content-area table { 323 331 border: 1px solid #f0f0f0; 324 332 } 333 325 334 .devhub-wrap #content table th, .devhub-wrap #content-area table th { 326 335 padding: 1em; 327 336 border-bottom: 1px solid #f0f0f0; 328 337 background: #f0f0f0; 329 338 } 339 330 340 .devhub-wrap #content table td, .devhub-wrap #content-area table td { 331 341 padding: 0.8em 1em; 332 342 } 343 333 344 .devhub-wrap #content-area, 334 345 .devhub-wrap .inner-wrap { 335 346 margin: 0 auto; 336 347 max-width: 60em; 337 348 } 349 338 350 .devhub-wrap .page-header { 339 351 margin-top: 1em; 340 352 } 353 341 354 .devhub-wrap a { 342 355 color: #21759b; 343 356 } 357 344 358 .devhub-wrap .site-main h2, 345 359 .devhub-wrap .site-main h3, 346 360 .devhub-wrap .site-main h4, … … 349 363 color: #1e1e1e; 350 364 margin-bottom: 1.5rem; 351 365 } 366 352 367 .devhub-wrap #headline h2 a { 353 368 color: #555; 354 369 font-weight: 300; … … 357 372 text-shadow: #fff 0px 1px 0px; 358 373 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; 359 374 } 375 360 376 .devhub-wrap h1 { 361 377 font-size: 28px; 362 378 font-size: 3rem; … … 365 381 font-weight: 300; 366 382 margin-bottom: 1.5rem; 367 383 } 384 368 385 .devhub-wrap h2 { 369 386 font-size: 22px; 370 387 font-size: 2.2rem; … … 372 389 line-height: 2.6rem; 373 390 font-weight: 300; 374 391 } 392 375 393 .devhub-wrap h3 { 376 394 font-size: 20px; 377 395 font-size: 2rem; … … 379 397 line-height: 2.4rem; 380 398 font-weight: 300; 381 399 } 400 382 401 .devhub-wrap h4 { 383 402 font-size: 18px; 384 403 font-size: 1.8rem; … … 387 406 border-bottom: none; 388 407 font-weight: 300; 389 408 } 409 390 410 .devhub-wrap h4 .dashicons { 391 411 font-size: 22px; 392 412 font-size: 2.2rem; … … 397 417 height: 2.2rem; 398 418 width: 2.2rem; 399 419 } 420 400 421 .devhub-wrap main { 401 422 font-size: 1.5rem; 402 423 } 424 403 425 .devhub-wrap a.button, 404 426 .devhub-wrap button, 405 427 .devhub-wrap input { … … 406 428 line-height: normal; 407 429 /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ 408 430 } 431 409 432 .devhub-wrap a.button, 410 433 .devhub-wrap button, 411 434 .devhub-wrap input[type="button"], … … 423 446 line-height: 1.1; 424 447 float: none; 425 448 height: auto; 426 padding: .6em 1.8em;449 padding: 0.6em 1.8em; 427 450 text-decoration: none; 428 451 -webkit-appearance: button; 429 452 /* Corrects inability to style clickable 'input' types in iOS */ 430 453 } 454 431 455 .devhub-wrap a.button:hover, 432 456 .devhub-wrap button:hover, 433 457 .devhub-wrap input[type="button"]:hover, … … 436 460 border-color: #ccc #bbb #aaa #bbb; 437 461 background: #f0f0f0; 438 462 } 439 .devhub-wrap a.button:focus, .devhub-wrap a.button:active, 463 464 .devhub-wrap a.button:focus, 465 .devhub-wrap a.button:active, 440 466 .devhub-wrap button:focus, 441 467 .devhub-wrap button:active, 442 468 .devhub-wrap input[type="button"]:focus, … … 443 469 .devhub-wrap input[type="button"]:active, 444 470 .devhub-wrap input[type="reset"]:focus, 445 471 .devhub-wrap input[type="reset"]:active, 446 .devhub-wrap input[type="submit"]:focus, 447 .devhub-wrap input[type="submit"]:active { 472 .devhub-wrap input[type="submit"]:focus, .devhub-wrap input[type="submit"]:active { 448 473 border-color: #aaa #bbb #bbb #bbb; 449 474 background: #f0f0f0; 450 475 -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6), 1px 1px 2px rgba(0, 0, 0, 0.4); 451 476 box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6), 1px 1px 2px rgba(0, 0, 0, 0.4); 452 477 } 478 453 479 .devhub-wrap a.button.shiny-blue, 454 480 .devhub-wrap button.shiny-blue, 455 481 .devhub-wrap input[type="button"].shiny-blue, … … 471 497 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); 472 498 padding: 3px 8px; 473 499 } 500 474 501 .devhub-wrap a.button.shiny-blue:hover, 475 502 .devhub-wrap button.shiny-blue:hover, 476 503 .devhub-wrap input[type="button"].shiny-blue:hover, … … 489 516 color: #fff; 490 517 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); 491 518 } 519 492 520 .devhub-wrap input[type="checkbox"], 493 521 .devhub-wrap input[type="radio"] { 494 522 box-sizing: border-box; … … 496 524 padding: 0; 497 525 /* Addresses excess padding in IE8/9 */ 498 526 } 527 499 528 .devhub-wrap input[type="search"] { 500 529 -webkit-appearance: textfield; 501 530 /* Addresses appearance set to searchfield in S5, Chrome */ … … 504 533 -moz-box-sizing: content-box; 505 534 box-sizing: content-box; 506 535 } 536 507 537 .devhub-wrap input[type="search"]::-webkit-search-decoration { 508 538 /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ 509 539 -webkit-appearance: none; 510 540 } 541 511 542 .devhub-wrap button::-moz-focus-inner, 512 543 .devhub-wrap input::-moz-focus-inner { 513 544 /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ … … 514 545 border: 0; 515 546 padding: 0; 516 547 } 548 517 549 .devhub-wrap input[type="text"], 518 550 .devhub-wrap input[type="email"], 519 551 .devhub-wrap input[type="url"], … … 525 557 border: 1px solid #ccc; 526 558 border-radius: 3px; 527 559 } 560 528 561 .devhub-wrap input[type="text"]:focus, 529 562 .devhub-wrap input[type="email"]:focus, 530 563 .devhub-wrap input[type="url"]:focus, … … 533 566 .devhub-wrap textarea:focus { 534 567 color: #111; 535 568 } 569 536 570 .devhub-wrap textarea { 537 571 overflow: auto; 538 572 /* Removes default vertical scrollbar in IE6/7/8/9 */ … … 541 575 /* Improves readability and alignment in all browsers */ 542 576 width: 98%; 543 577 } 578 544 579 .devhub-wrap .screen-reader-text { 545 580 clip: rect(1px, 1px, 1px, 1px); 546 581 position: absolute !important; 547 582 } 583 548 584 .devhub-wrap .screen-reader-text:hover, 549 585 .devhub-wrap .screen-reader-text:active, 550 586 .devhub-wrap .screen-reader-text:focus { … … 566 602 z-index: 100000; 567 603 /* Above WP toolbar */ 568 604 } 605 569 606 .devhub-wrap .clear:before, 570 607 .devhub-wrap .clear:after, 571 608 .devhub-wrap .entry-content:before, … … 581 618 content: ''; 582 619 display: table; 583 620 } 621 584 622 .devhub-wrap .clear:after, 585 623 .devhub-wrap .entry-content:after, 586 624 .devhub-wrap .comment-content:after, … … 589 627 .devhub-wrap .site-footer:after { 590 628 clear: both; 591 629 } 630 592 631 .devhub-wrap .hentry { 593 632 margin: 0 0 1.5em; 594 633 } 634 595 635 .devhub-wrap .byline, 596 636 .devhub-wrap .updated { 597 637 display: none; 598 638 } 639 599 640 .devhub-wrap .single .byline, 600 641 .devhub-wrap .group-blog .byline { 601 642 display: inline; 602 643 } 644 603 645 .devhub-wrap .page-content, 604 646 .devhub-wrap .entry-content, 605 647 .devhub-wrap .entry-summary { 606 648 margin: 1.5em 0 0; 607 649 } 650 608 651 .devhub-wrap .page-links { 609 652 clear: both; 610 653 margin: 0 0 1.5em; 611 654 } 655 612 656 .devhub-wrap .page-content img.wp-smiley, 613 657 .devhub-wrap .entry-content img.wp-smiley, 614 658 .devhub-wrap .comment-content img.wp-smiley { … … 617 661 margin-top: 0; 618 662 padding: 0; 619 663 } 664 620 665 .devhub-wrap .wp-caption { 621 666 border: 1px solid #ccc; 622 667 margin-bottom: 1.5em; 623 668 max-width: 100%; 624 669 } 670 625 671 .devhub-wrap .wp-caption img[class*="wp-image-"] { 626 672 display: block; 627 673 margin: 1.2% auto 0; 628 674 max-width: 98%; 629 675 } 676 630 677 .devhub-wrap .wp-caption-text { 631 678 text-align: center; 632 679 } 680 633 681 .devhub-wrap .wp-caption .wp-caption-text { 634 682 margin: 0.8075em 0; 635 683 } 684 636 685 .devhub-wrap .site-main .gallery { 637 686 margin-bottom: 1.5em; 638 687 } 688 639 689 .devhub-wrap .site-main .gallery a img { 640 690 border: none; 641 691 height: auto; 642 692 max-width: 90%; 643 693 } 694 644 695 .devhub-wrap .site-main .gallery dd { 645 696 margin: 0; 646 697 } 698 647 699 .devhub-wrap embed, 648 700 .devhub-wrap iframe, 649 701 .devhub-wrap object { 650 702 max-width: 100%; 651 703 } 704 652 705 .devhub-wrap .comment-content a { 653 706 word-wrap: break-word; 654 707 } 708 655 709 .devhub-wrap .bypostauthor { 656 710 background: #eee; 657 711 } 712 658 713 .devhub-wrap .widget select { 659 714 max-width: 100%; 660 715 } 716 661 717 .devhub-wrap .widget_search .search-submit { 662 718 display: none; 663 719 } 664 .devhub-wrap .infinite-scroll .paging-navigation, 665 .devhub-wrap .infinite-scroll .neverending .site-footer {720 721 .devhub-wrap .infinite-scroll .paging-navigation, .devhub-wrap .infinite-scroll.neverending .site-footer { 666 722 /* Theme Footer (when set to scrolling) */ 667 723 display: none; 668 724 } 725 669 726 .devhub-wrap .infinity-end.neverending .site-footer { 670 727 display: block; 671 728 } 729 672 730 .devhub-wrap .site-header { 673 731 background: none repeat scroll 0 0 #F7F7F7; 674 732 border-bottom: 1px solid #DFDFDF; … … 675 733 height: 62px; 676 734 margin-bottom: 1em; 677 735 } 736 678 737 .devhub-wrap .site-branding { 679 738 width: 100%; 680 739 } 740 681 741 .devhub-wrap .site-branding a { 682 742 text-decoration: none; 683 743 color: #606060; 684 744 } 745 685 746 .devhub-wrap .site-branding .site-title { 686 747 color: #555555; 687 748 float: left; … … 692 753 text-shadow: 0 1px 0 #FFFFFF; 693 754 font-weight: 300; 694 755 } 756 695 757 .devhub-wrap .breadcrumbs { 696 758 font-size: 13px; 697 759 font-size: 1.3rem; 698 760 } 761 699 762 .devhub-wrap .breadcrumbs .active { 700 763 font-weight: 600; 701 764 } 765 702 766 .devhub-wrap .breadcrumb-trail { 703 767 margin-bottom: 1.25em; 704 768 } 769 705 770 .devhub-wrap h1.entry-title, 706 771 .devhub-wrap h1.page-title { 707 772 font-weight: 300; … … 710 775 color: #606060; 711 776 text-align: center; 712 777 } 778 713 779 .devhub-wrap h1.entry-title a, 714 780 .devhub-wrap h1.page-title a { 715 781 text-decoration: none; 716 782 color: #606060; 717 783 } 784 718 785 .devhub-wrap h1.single-entry-title, 719 786 .devhub-wrap h2.entry-title { 720 787 text-align: left; … … 723 790 padding: 0 0 24px; 724 791 padding: 0 0 2.4rem; 725 792 } 793 726 794 .devhub-wrap h1.single-entry-title a, 727 795 .devhub-wrap h2.entry-title a { 728 796 text-decoration: none; 729 797 color: #606060; 730 798 } 799 731 800 .devhub-wrap section { 732 801 overflow: auto; 733 802 } 803 734 804 .devhub-wrap .home-landing .section { 735 805 padding: 30px 0%; 736 806 padding: 3rem 0%; 737 807 } 808 738 809 .devhub-wrap .color.section { 739 810 color: #fff; 740 811 } 812 741 813 .devhub-wrap .section.blue { 742 814 background: #0F3D57; 743 815 padding: 30px 0; 744 816 padding: 3rem 0; 745 817 } 818 746 819 .devhub-wrap .section.blue .box { 747 820 text-align: center; 748 821 } 822 749 823 .devhub-wrap .section.blue .box .widget-description { 750 824 padding: 1em 15%; 751 825 } 826 752 827 .devhub-wrap .section.blue .widget-title { 753 828 font-size: 62px; 754 829 font-size: 6.2rem; … … 755 830 line-height: 78px; 756 831 line-height: 7.8rem; 757 832 } 833 758 834 .devhub-wrap .section.blue .widget-title .dashicons { 759 835 font-size: 84px; 760 836 font-size: 8.4rem; … … 767 843 margin-right: 16px; 768 844 margin-right: 1.6rem; 769 845 } 846 770 847 .devhub-wrap .section.gray { 771 848 background: #797878; 772 849 color: #fff; 773 850 } 851 774 852 .devhub-wrap .section.gray h2, 775 853 .devhub-wrap .section.gray h3, 776 854 .devhub-wrap .section.gray h4 { 777 855 color: #fff; 778 856 } 857 779 858 .devhub-wrap .section.gray .inner-wrap { 780 859 max-width: 760px; 781 860 max-width: 76rem; 782 861 margin: 1.2em auto 0; 783 862 } 863 784 864 .devhub-wrap .section.gray .inner-wrap .code-ref-left { 785 865 float: left; 786 866 width: 60%; … … 787 867 clear: none; 788 868 text-align: center; 789 869 } 870 790 871 .devhub-wrap .section.gray .inner-wrap .code-ref-right { 791 872 float: left; 792 873 width: 40%; … … 794 875 margin-top: 1.1em; 795 876 text-align: center; 796 877 } 878 797 879 @media (max-width: 43em) { 798 880 .devhub-wrap .section.gray .inner-wrap .code-ref-left, 799 881 .devhub-wrap .section.gray .inner-wrap .code-ref-right { … … 810 892 float: none; 811 893 } 812 894 } 895 813 896 .devhub-wrap .section.gray .widget-title { 814 897 font-weight: 300; 815 898 font-size: 40px; … … 817 900 line-height: 68px; 818 901 line-height: 6.8rem; 819 902 } 903 820 904 .devhub-wrap .section.gray .widget-title .dashicons { 821 905 font-size: 68px; 822 906 font-size: 6.8rem; … … 827 911 height: 6.8rem; 828 912 width: 6.8rem; 829 913 } 914 830 915 .devhub-wrap .section.gray .widget-description { 831 916 margin-left: 85px; 832 917 margin-left: 8.5rem; 833 918 } 919 834 920 .devhub-wrap .section.light-gray { 835 921 background: #f2f2f2; 836 922 color: #606060; 837 923 } 924 838 925 .devhub-wrap .section.light-gray .widget-title { 839 926 color: #606060; 840 927 font-weight: 600; 841 928 } 929 842 930 .devhub-wrap .section.light-gray .widget-title a { 843 931 color: #2D96C2; 844 932 } 933 845 934 .devhub-wrap .section.light-gray a { 846 935 color: #606060; 847 936 text-decoration: none; 848 937 } 938 849 939 .devhub-wrap .section .home-primary-content { 850 940 max-width: 600px; 851 941 max-width: 60rem; 852 942 margin: 0 auto; 853 943 } 944 854 945 .devhub-wrap .box { 855 946 padding: 30px; 856 947 padding: 3rem; … … 857 948 float: left; 858 949 clear: none; 859 950 } 951 860 952 .devhub-wrap .section.search-section { 861 953 padding-bottom: 0; 862 954 } 955 863 956 .devhub-wrap .reference-landing .section.search-section { 864 957 padding-top: 0; 865 958 } 959 866 960 .devhub-wrap.single div#inner-search, .devhub-wrap.archive div#inner-search { 867 961 background-color: #2e6183; 868 962 margin-top: -1em; … … 869 963 margin-bottom: 1em; 870 964 padding-top: 2px; 871 965 } 966 872 967 .devhub-wrap.single div#inner-search .section.search-section, .devhub-wrap.archive div#inner-search .section.search-section { 873 968 color: #ffffff; 874 969 } 970 875 971 .devhub-wrap.single div#inner-search div#inner-search-icon-container, .devhub-wrap.archive div#inner-search div#inner-search-icon-container { 876 972 margin: 0 auto; 877 973 max-width: 60em; 878 974 cursor: pointer; 879 975 } 976 880 977 .devhub-wrap.single div#inner-search div#inner-search-icon-container div#inner-search-icon, .devhub-wrap.archive div#inner-search div#inner-search-icon-container div#inner-search-icon { 881 978 background-color: #2e6183; 882 979 color: #ffffff; … … 892 989 border-bottom-right-radius: 5px; 893 990 border-bottom-left-radius: 5px; 894 991 } 992 895 993 .devhub-wrap.single div#inner-search div#inner-search-icon-container div#inner-search-icon .dashicons-search, .devhub-wrap.archive div#inner-search div#inner-search-icon-container div#inner-search-icon .dashicons-search { 896 994 height: auto; 897 995 width: auto; 898 996 } 997 899 998 .devhub-wrap.single div#inner-search div#inner-search-icon-container div#inner-search-icon .dashicons-search:before, .devhub-wrap.archive div#inner-search div#inner-search-icon-container div#inner-search-icon .dashicons-search:before { 900 999 font-size: 36px; 901 1000 line-height: 36px; 902 1001 } 1002 903 1003 .devhub-wrap .searchform { 904 1004 overflow: hidden; 905 1005 height: auto; 906 1006 margin-bottom: 1em; 907 1007 } 1008 908 1009 .devhub-wrap .searchform input[type="text"], .devhub-wrap .searchform input[type="submit"] { 909 1010 height: 50px; 910 1011 height: 5rem; … … 911 1012 margin-bottom: 1em; 912 1013 width: 100%; 913 1014 } 1015 914 1016 .devhub-wrap .searchform input[type="submit"] { 915 1017 width: 85px; 916 1018 width: 8.5rem; 917 1019 float: left; 918 1020 } 1021 919 1022 .devhub-wrap .searchform label { 920 1023 width: 560px; 921 1024 width: 56rem; … … 924 1027 display: inline-block; 925 1028 float: left; 926 1029 } 1030 927 1031 .devhub-wrap .searchform label .search-field input[type="text"] { 928 1032 width: 100%; 929 1033 } 1034 930 1035 .devhub-wrap .searchform div { 931 1036 overflow: auto; 932 1037 } 1038 933 1039 .devhub-wrap .searchform .search-post-type label { 934 1040 border-right: 1px solid #ccc; 935 1041 float: none; … … 939 1045 padding-left: 0; 940 1046 padding-right: 1.3em; 941 1047 } 1048 942 1049 .devhub-wrap .searchform .search-post-type label input { 943 1050 padding-left: 0.5em; 944 1051 } 1052 945 1053 .devhub-wrap .searchform .search-post-type label:last-child { 946 1054 border-right-width: 0; 947 1055 } 1056 948 1057 .devhub-wrap .search-results-summary { 949 1058 font-style: italic; 950 1059 margin-bottom: 1em; 951 1060 } 1061 952 1062 .devhub-wrap .reference-landing .section, .devhub-wrap .search-section { 953 1063 max-width: 700px; 954 1064 max-width: 70rem; … … 955 1065 margin: 0 auto; 956 1066 padding: 1.5em 0; 957 1067 } 1068 958 1069 .devhub-wrap .reference-landing .section h2, 959 1070 .devhub-wrap .reference-landing .section h3, 960 1071 .devhub-wrap .reference-landing .section h4 { … … 961 1072 margin-bottom: 1em; 962 1073 color: #404040; 963 1074 } 1075 964 1076 .devhub-wrap .reference-landing .section h2.widget-title, 965 1077 .devhub-wrap .reference-landing .section h3.widget-title, 966 1078 .devhub-wrap .reference-landing .section h4.widget-title { 967 1079 margin-bottom: 0; 968 1080 } 1081 969 1082 .devhub-wrap .reference-landing .section.search-guide { 970 1083 padding-bottom: 0; 971 1084 } 1085 972 1086 .devhub-wrap .reference-landing .section.section.topic-guide, .devhub-wrap .reference-landing .section.section.new-in-guide { 973 1087 padding-top: 0; 974 1088 } 1089 975 1090 .devhub-wrap .reference-landing .box, 976 1091 .devhub-wrap .sidebar .box { 977 1092 padding: 0; … … 978 1093 border: 2px solid #cccccc; 979 1094 background-color: #eeeeee; 980 1095 } 1096 981 1097 .devhub-wrap .reference-landing .box ul, 982 1098 .devhub-wrap .sidebar .box ul { 983 1099 padding: 2em; 984 1100 } 1101 985 1102 .devhub-wrap .reference-landing .box .widget-title, 986 1103 .devhub-wrap .sidebar .box .widget-title { 987 1104 padding: 10px 30px; … … 989 1106 font-size: 16px; 990 1107 font-size: 1.6rem; 991 1108 } 1109 992 1110 .devhub-wrap .reference-landing .box .widget-content, 993 1111 .devhub-wrap .sidebar .box .widget-content { 994 1112 padding: 16px 30px; 995 1113 padding: 1.6rem 3rem; 996 1114 } 1115 997 1116 .devhub-wrap #sidebar { 998 1117 border: 1px solid #d0d0d0; 999 1118 box-shadow: 0px 0px 5px #d0d0d0; 1000 1119 background-color: #f0f0f0; 1001 1120 } 1121 1002 1122 .devhub-wrap #sidebar > ul { 1003 1123 padding: 0; 1004 1124 margin: 0; 1005 1125 list-style-type: none; 1006 1126 } 1127 1007 1128 .devhub-wrap #sidebar > ul li h2.widgettitle { 1008 1129 background-color: #d0d0d0; 1009 1130 color: #8a8989; … … 1012 1133 font-size: 14px; 1013 1134 letter-spacing: 2px; 1014 1135 } 1136 1015 1137 .devhub-wrap #sidebar > ul li .menu > li { 1016 1138 padding-bottom: 1em; 1017 1139 } 1140 1018 1141 .devhub-wrap #sidebar > ul li ul { 1019 1142 list-style-type: none; 1020 1143 margin: 0 10px; … … 1021 1144 padding: 15px 0; 1022 1145 counter-reset: item; 1023 1146 } 1147 1024 1148 .devhub-wrap #sidebar > ul li ul li:before { 1025 1149 content: counter(item); 1026 1150 counter-increment: item; … … 1035 1159 border-radius: 50%; 1036 1160 vertical-align: top; 1037 1161 } 1162 1038 1163 .devhub-wrap #sidebar > ul li ul li a { 1039 1164 font-size: 16px; 1040 1165 color: #4b4b4b; 1041 1166 font-weight: bold; 1042 1167 } 1168 1043 1169 .devhub-wrap #sidebar > ul li ul li > a { 1044 1170 display: inline-block; 1045 1171 width: 225px; 1046 1172 } 1173 1047 1174 .devhub-wrap #sidebar > ul li ul li ul { 1048 1175 list-style-type: none; 1049 1176 padding: 0; 1050 1177 margin: 0 0 0 35px; 1051 1178 } 1179 1052 1180 .devhub-wrap #sidebar > ul li ul li ul li { 1053 1181 padding-left: 20px; 1054 1182 } 1183 1055 1184 .devhub-wrap #sidebar > ul li ul li ul li:before { 1056 1185 content: none; 1057 1186 } 1187 1058 1188 .devhub-wrap #sidebar > ul li ul li ul li a { 1059 1189 font-weight: normal; 1060 1190 font-size: 14px; … … 1061 1191 display: inline; 1062 1192 margin-left: -20px; 1063 1193 } 1194 1064 1195 .devhub-wrap #sidebar > ul li ul li ul li ul { 1065 1196 margin-left: 20px; 1066 1197 } 1198 1067 1199 .devhub-wrap #sidebar .current-menu-item > a { 1068 1200 font-weight: bold !important; 1069 1201 color: #246998; 1070 1202 } 1203 1071 1204 .devhub-wrap .menu-item-has-children { 1072 1205 padding-bottom: 15px; 1073 1206 } 1207 1074 1208 .devhub-wrap .reference-landing .box ul { 1075 1209 padding: 0; 1076 1210 overflow: hidden; 1077 1211 } 1212 1078 1213 .devhub-wrap .three-columns .box { 1079 1214 width: 31%; 1080 1215 margin: 1.15%; 1081 1216 } 1217 1082 1218 .devhub-wrap .two-columns .box { 1083 1219 width: 48%; 1084 1220 margin: 1% 1% 1% 0; 1085 1221 } 1222 1086 1223 .devhub-wrap .new-in-guide.two-columns .box { 1087 1224 width: 43%; 1088 1225 } 1226 1089 1227 .devhub-wrap .new-in-guide.two-columns .box:first-child { 1090 1228 width: 53%; 1091 1229 } 1230 1092 1231 .devhub-wrap #sidebar, 1093 1232 .devhub-wrap .no-bullets, 1094 1233 .devhub-wrap .sidebar .widget ul { … … 1096 1235 margin: 0; 1097 1236 padding: 0; 1098 1237 } 1238 1099 1239 .devhub-wrap .horizontal-list { 1100 1240 display: inline; 1101 1241 list-style-type: none; … … 1102 1242 margin: 0; 1103 1243 padding: 0; 1104 1244 } 1245 1105 1246 .devhub-wrap .horizontal-list li { 1106 1247 display: inline; 1107 1248 } 1249 1108 1250 .devhub-wrap .horizontal-list li a { 1109 1251 padding: 0px 40px; 1110 1252 padding: 0 4rem; 1111 1253 border-left: 1px solid #ccc; 1112 1254 } 1255 1113 1256 .devhub-wrap .horizontal-list li:first-child a { 1114 1257 padding-left: 0; 1115 1258 border-left: none; 1116 1259 } 1260 1117 1261 .devhub-wrap .view-all-new-in { 1118 1262 font-style: italic; 1119 1263 } 1264 1120 1265 .devhub-wrap .box.transparent { 1121 1266 background: none; 1122 1267 color: #fff; 1123 1268 } 1269 1124 1270 .devhub-wrap .box.transparent h2, 1125 1271 .devhub-wrap .box.transparent h3, 1126 1272 .devhub-wrap .box.transparent h4 { 1127 1273 color: #fff; 1128 1274 } 1275 1129 1276 .devhub-wrap .box.gray { 1130 1277 background: #fff; 1131 1278 border: 1px solid #d8d8d8; 1132 1279 } 1280 1133 1281 .devhub-wrap .box.gray .widget-title { 1134 1282 color: #666666; 1135 1283 background: #d8d8d8; 1136 1284 text-transform: uppercase; 1137 1285 } 1286 1138 1287 .devhub-wrap .box .unordered-list { 1139 1288 list-style-type: none; 1140 1289 padding: 0; … … 1144 1293 line-height: 30px; 1145 1294 line-height: 3rem; 1146 1295 } 1296 1147 1297 .devhub-wrap .widget-description { 1148 1298 font-style: italic; 1149 1299 font-weight: 300; 1150 1300 } 1301 1151 1302 .devhub-wrap .wp-parser-class, .devhub-wrap .wp-parser-function, .devhub-wrap .wp-parser-hook, .devhub-wrap .wp-parser-method { 1152 1303 border-bottom: 1px solid #dfdfdf; 1153 1304 } 1305 1154 1306 .devhub-wrap .wp-parser-class h1, .devhub-wrap .wp-parser-function h1, .devhub-wrap .wp-parser-hook h1, .devhub-wrap .wp-parser-method h1 { 1155 1307 margin: 24px 0; 1156 1308 padding-left: 100px; 1157 1309 } 1310 1158 1311 .devhub-wrap .wp-parser-class h1 a, .devhub-wrap .wp-parser-function h1 a, .devhub-wrap .wp-parser-hook h1 a, .devhub-wrap .wp-parser-method h1 a { 1159 1312 margin-left: -100px; 1160 1313 color: #24831d; … … 1161 1314 font-family: monospace; 1162 1315 font-size: 20px; 1163 1316 } 1317 1164 1318 .devhub-wrap .wp-parser-class h1 a .hook-func, .devhub-wrap .wp-parser-function h1 a .hook-func, .devhub-wrap .wp-parser-hook h1 a .hook-func, .devhub-wrap .wp-parser-method h1 a .hook-func { 1165 1319 color: #888888; 1166 1320 } 1321 1167 1322 .devhub-wrap .wp-parser-class h1 a .arg-type, .devhub-wrap .wp-parser-function h1 a .arg-type, .devhub-wrap .wp-parser-hook h1 a .arg-type, .devhub-wrap .wp-parser-method h1 a .arg-type { 1168 1323 color: #cd2f23; 1169 1324 font-style: italic; 1170 1325 } 1326 1171 1327 .devhub-wrap .wp-parser-class h1 a .arg-name, .devhub-wrap .wp-parser-function h1 a .arg-name, .devhub-wrap .wp-parser-hook h1 a .arg-name, .devhub-wrap .wp-parser-method h1 a .arg-name { 1172 1328 color: #0f55c8; 1173 1329 } 1330 1174 1331 .devhub-wrap .wp-parser-class h1 a .arg-default, .devhub-wrap .wp-parser-function h1 a .arg-default, .devhub-wrap .wp-parser-hook h1 a .arg-default, .devhub-wrap .wp-parser-method h1 a .arg-default { 1175 1332 color: #000000; 1176 1333 } 1334 1177 1335 .devhub-wrap .wp-parser-class h1 a:hover, .devhub-wrap .wp-parser-function h1 a:hover, .devhub-wrap .wp-parser-hook h1 a:hover, .devhub-wrap .wp-parser-method h1 a:hover { 1178 1336 border-bottom: 1px dotted #21759b; 1179 1337 } 1338 1180 1339 .devhub-wrap .wp-parser-class h2, .devhub-wrap .wp-parser-function h2, .devhub-wrap .wp-parser-hook h2, .devhub-wrap .wp-parser-method h2 { 1181 1340 font-family: Georgia, Times, serif; 1182 1341 margin-bottom: .5em; 1183 1342 } 1343 1184 1344 .devhub-wrap .wp-parser-class .return-type, .devhub-wrap .wp-parser-function .return-type, .devhub-wrap .wp-parser-hook .return-type, .devhub-wrap .wp-parser-method .return-type { 1185 1345 font-style: italic; 1186 1346 } 1347 1187 1348 .devhub-wrap .wp-parser-class .parameters p, .devhub-wrap .wp-parser-function .parameters p, .devhub-wrap .wp-parser-hook .parameters p, .devhub-wrap .wp-parser-method .parameters p { 1188 1349 margin-bottom: 0; 1189 1350 } 1351 1190 1352 .devhub-wrap .wp-parser-class .parameters dd .desc .type, .devhub-wrap .wp-parser-class .parameters dd .desc .required, .devhub-wrap .wp-parser-function .parameters dd .desc .type, .devhub-wrap .wp-parser-function .parameters dd .desc .required, .devhub-wrap .wp-parser-hook .parameters dd .desc .type, .devhub-wrap .wp-parser-hook .parameters dd .desc .required, .devhub-wrap .wp-parser-method .parameters dd .desc .type, .devhub-wrap .wp-parser-method .parameters dd .desc .required { 1191 1353 font-style: italic; 1192 1354 } 1355 1193 1356 .devhub-wrap .wp-parser-class .parameters dd .default, .devhub-wrap .wp-parser-function .parameters dd .default, .devhub-wrap .wp-parser-hook .parameters dd .default, .devhub-wrap .wp-parser-method .parameters dd .default { 1194 1357 font-style: italic; 1195 1358 } 1359 1196 1360 .devhub-wrap .wp-parser-class .parameters .param-hash, .devhub-wrap .wp-parser-function .parameters .param-hash, .devhub-wrap .wp-parser-hook .parameters .param-hash, .devhub-wrap .wp-parser-method .parameters .param-hash { 1197 1361 margin-left: 1.2em; 1198 1362 margin-bottom: 0.5em; 1199 1363 } 1364 1200 1365 .devhub-wrap .wp-parser-class .learn-more, .devhub-wrap .wp-parser-function .learn-more, .devhub-wrap .wp-parser-hook .learn-more, .devhub-wrap .wp-parser-method .learn-more { 1201 1366 background-color: #f1f1f1; 1202 1367 border: 1px solid #dfdfdf; … … 1203 1368 border-radius: 5px; 1204 1369 padding: 20px; 1205 1370 } 1371 1206 1372 .devhub-wrap .wp-parser-class .deprecated, .devhub-wrap .wp-parser-function .deprecated, .devhub-wrap .wp-parser-hook .deprecated, .devhub-wrap .wp-parser-method .deprecated { 1207 1373 background-color: #be2423; 1208 1374 border: 1px solid #a4322f; … … 1209 1375 padding: 20px; 1210 1376 color: #ffffff; 1211 1377 } 1378 1212 1379 .devhub-wrap .wp-parser-class .deprecated-method, .devhub-wrap .wp-parser-function .deprecated-method, .devhub-wrap .wp-parser-hook .deprecated-method, .devhub-wrap .wp-parser-method .deprecated-method { 1213 1380 color: #be2423; 1214 1381 font-style: italic; 1215 1382 } 1383 1216 1384 .devhub-wrap.archive .wp-parser-class h1 a, .devhub-wrap.archive .wp-parser-function h1 a, .devhub-wrap.archive .wp-parser-hook h1 a, .devhub-wrap.archive .wp-parser-method h1 a, .devhub-wrap.search .wp-parser-class h1 a, .devhub-wrap.search .wp-parser-function h1 a, .devhub-wrap.search .wp-parser-hook h1 a, .devhub-wrap.search .wp-parser-method h1 a { 1217 1385 font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; 1218 1386 color: #21759b; 1219 1387 font-weight: normal; 1220 1388 } 1389 1221 1390 .devhub-wrap.archive .wp-parser-class div.sourcefile, .devhub-wrap.archive .wp-parser-function div.sourcefile, .devhub-wrap.archive .wp-parser-hook div.sourcefile, .devhub-wrap.archive .wp-parser-method div.sourcefile, .devhub-wrap.search .wp-parser-class div.sourcefile, .devhub-wrap.search .wp-parser-function div.sourcefile, .devhub-wrap.search .wp-parser-hook div.sourcefile, .devhub-wrap.search .wp-parser-method div.sourcefile { 1222 1391 color: #999999; 1223 1392 font-style: italic; 1224 1393 } 1394 1225 1395 .devhub-wrap .single .wp-parser-class, .devhub-wrap .single .wp-parser-function, .devhub-wrap .single .wp-parser-hook, .devhub-wrap .single .wp-parser-method { 1226 1396 border-bottom-style: none; 1227 1397 } 1398 1228 1399 .devhub-wrap .usage article { 1229 1400 float: left; 1230 1401 width: 50%; 1231 1402 } 1403 1232 1404 .devhub-wrap .usage .used-by { 1233 1405 padding-right: 30px; 1234 1406 } 1407 1235 1408 .devhub-wrap .usage .uses { 1236 1409 padding-left: 30px; 1237 1410 } 1411 1238 1412 .devhub-wrap .usage ul { 1239 1413 line-height: 1.7; 1240 1414 /* Slightly increase the line height for more readability */ … … 1241 1415 list-style-type: none; 1242 1416 margin: 0; 1243 1417 } 1418 1244 1419 .devhub-wrap .usage .show-more, .devhub-wrap .usage .hide-more { 1245 1420 display: none; 1246 1421 } 1422 1247 1423 .devhub-wrap .source-content { 1248 1424 overflow: auto; 1249 1425 } 1426 1250 1427 .devhub-wrap .source-code-links { 1251 1428 margin-left: 2em; 1252 1429 margin-top: 1em; 1253 1430 } 1431 1254 1432 .devhub-wrap .source-code-links span { 1255 1433 border-left: 1px solid #999; 1256 1434 margin-left: 1em; 1257 1435 padding-left: 1em; 1258 1436 } 1437 1259 1438 .devhub-wrap .source-code-links span:first-child { 1260 1439 display: none; 1261 1440 border-left: 0; … … 1262 1441 margin-left: 1em; 1263 1442 padding-left: 0; 1264 1443 } 1444 1265 1445 .devhub-wrap .source-code-container { 1266 1446 border-right: 1px solid #dfdfdf; 1267 1447 overflow-x: auto; 1268 1448 overflow-y: hidden; 1269 1449 } 1450 1270 1451 .devhub-wrap .show-complete-source, .devhub-wrap .less-complete-source { 1271 1452 display: none; 1272 1453 } 1454 1273 1455 .devhub-wrap .loop-pagination { 1274 1456 text-align: center; 1275 1457 font-size: 18px; 1276 1458 margin-bottom: 20px; 1277 1459 } 1460 1278 1461 .devhub-wrap .comment-list, 1279 1462 .devhub-wrap .comment-list ol { 1280 1463 list-style: none; … … 1281 1464 margin: 0 0 1.5em 0; 1282 1465 padding: 0; 1283 1466 } 1467 1284 1468 .devhub-wrap .comment-list li { 1285 1469 padding: 2rem 1.5rem 1rem; 1286 1470 border: 0 solid #eee; … … 1287 1471 border-bottom-width: 1px; 1288 1472 background: #fff; 1289 1473 } 1474 1290 1475 .devhub-wrap .comment-list li:first-child { 1291 1476 padding-top: 1rem; 1292 1477 } 1478 1293 1479 .devhub-wrap .comment-list .avatar { 1294 1480 float: left; 1295 1481 width: 2.5em; … … 1298 1484 padding: 0.125em; 1299 1485 border: 1px solid #eee; 1300 1486 } 1487 1301 1488 .devhub-wrap .comment-author-attribution { 1302 1489 font-weight: bold; 1303 1490 } 1491 1304 1492 .devhub-wrap .comment-meta { 1305 1493 margin: 0 0 1.5em 0; 1306 1494 font-size: 0.75em; 1307 1495 } 1496 1308 1497 .devhub-wrap .comment-content { 1309 1498 margin-left: 60px; 1310 1499 margin-left: 3.75rem; … … 1311 1500 margin-left: 0; 1312 1501 clear: both; 1313 1502 } 1503 1314 1504 .devhub-wrap .comment-content ol { 1315 1505 list-style: decimal inside; 1316 1506 margin: 0 0 1.5em 0; … … 1318 1508 margin: 0 0 1.5em 1.5em; 1319 1509 padding: 0; 1320 1510 } 1511 1321 1512 .devhub-wrap .comment-content ul { 1322 1513 list-style: square inside; 1323 1514 margin: 0 0 1.5em 0; … … 1325 1516 margin: 0 0 1.5em 1.5em; 1326 1517 padding: 0; 1327 1518 } 1519 1328 1520 .devhub-wrap .comment-content li { 1329 1521 border: none; 1330 1522 padding: 0; 1331 1523 } 1524 1332 1525 .devhub-wrap #respond { 1333 1526 overflow: hidden; 1334 1527 } 1528 1335 1529 .devhub-wrap .comment-list #respond { 1336 1530 margin: 1.5em 0 0; 1337 1531 } 1532 1338 1533 .devhub-wrap #respond .log-in-out a { 1339 1534 font-style: italic; 1340 1535 } 1536 1341 1537 .devhub-wrap #reply-title small a { 1342 1538 font-style: italic; 1343 1539 } 1540 1344 1541 .devhub-wrap #respond #submit { 1345 1542 float: left; 1346 1543 margin: 0 0 1.5em; 1347 1544 } 1545 1348 1546 .devhub-wrap #content-area.has-sidebar { 1349 1547 float: none; 1350 1548 margin: 0 auto; 1351 1549 width: 60em; 1352 1550 } 1551 1353 1552 .devhub-wrap .has-sidebar main { 1354 1553 float: right; 1355 1554 width: 67%; … … 1358 1557 padding: 0 12px; 1359 1558 padding: 0 1.2rem; 1360 1559 } 1560 1361 1561 .devhub-wrap .has-sidebar .widget-area { 1362 1562 float: left; 1363 1563 overflow: hidden; … … 1366 1566 margin: 0; 1367 1567 clear: none; 1368 1568 } 1569 1369 1570 .devhub-wrap .has-sidebar .widget-area .widget { 1370 1571 width: 100%; 1371 1572 } 1573 1372 1574 .devhub-wrap nav.post-navigation .nav-links a { 1373 1575 width: 49%; 1374 1576 display: inline-block; 1375 1577 } 1578 1376 1579 .devhub-wrap nav.post-navigation .nav-links a[rel="prev"] { 1377 1580 text-align: left; 1378 1581 } 1582 1379 1583 .devhub-wrap nav.post-navigation .nav-links a[rel="next"] { 1380 1584 text-align: right; 1381 1585 float: right; 1382 1586 } 1587 1383 1588 .devhub-wrap .table-of-contents { 1384 1589 float: right; 1385 1590 width: 200px; … … 1389 1594 z-index: 1; 1390 1595 position: relative; 1391 1596 } 1597 1392 1598 .devhub-wrap .table-of-contents h2 { 1393 1599 margin: 0; 1394 1600 padding-bottom: 3px; … … 1399 1605 background: #d0d0d0; 1400 1606 color: #8a8989; 1401 1607 } 1608 1402 1609 .devhub-wrap .table-of-contents ul, 1403 1610 .devhub-wrap .table-of-contents ol { 1404 1611 margin: 10px 20px; 1405 1612 } 1613 1406 1614 .devhub-wrap .table-of-contents ul ul, 1407 1615 .devhub-wrap .table-of-contents ul ol, 1408 1616 .devhub-wrap .table-of-contents ol ul, … … 1409 1617 .devhub-wrap .table-of-contents ol ol { 1410 1618 margin-right: 0; 1411 1619 } 1620 1412 1621 .devhub-wrap ul.items { 1413 1622 margin-bottom: 8px !important; 1414 1623 list-style-type: none !important; 1415 1624 padding-right: 10px; 1416 1625 } 1626 1417 1627 .devhub-wrap ul.items li { 1418 1628 padding-bottom: 6px !important; 1419 1629 } 1630 1420 1631 .devhub-wrap ul.items li ul li, 1421 1632 .devhub-wrap ul.items li ul li ul li { 1422 1633 padding-bottom: 0 !important; 1423 1634 } 1635 1424 1636 .devhub-wrap ul.items li a { 1425 1637 color: #555 !important; 1426 1638 } 1639 1427 1640 .devhub-wrap .comment-author { 1428 1641 float: left; 1429 1642 } 1643 1430 1644 .devhub-wrap .user-note-voting { 1431 1645 font-size: 1.5em; 1432 1646 clear: left; … … 1434 1648 margin-top: -5px; 1435 1649 margin-right: 10px; 1436 1650 } 1651 1437 1652 .devhub-wrap .user-note-voting-up .dashicons, .devhub-wrap .user-note-voting-down .dashicons { 1438 1653 font-size: 30px; 1439 1654 height: 30px; … … 1440 1655 width: 30px; 1441 1656 color: #000; 1442 1657 } 1658 1443 1659 .devhub-wrap .user-note-voting-up { 1444 1660 margin-left: -9px; 1445 1661 } 1662 1446 1663 .devhub-wrap .user-note-voting-count { 1447 1664 margin-right: -2px; 1448 1665 } 1666 1449 1667 .devhub-wrap .user-voted.user-note-voting-up .dashicons { 1450 1668 color: green; 1451 1669 } 1670 1452 1671 .devhub-wrap .user-voted.user-note-voting-down .dashicons { 1453 1672 color: red; 1454 1673 } 1674 1455 1675 .devhub-wrap .syntaxhighlighter { 1456 1676 /* These are !important due to use of !important in SyntaxHighlighter Evolved plugin. */ 1457 1677 max-width: 100% !important; … … 1458 1678 width: inherit !important; 1459 1679 } 1460 1680 1461 @media (max-width: 60em) {1681 @media (max-width: 59.999999em) { 1462 1682 .devhub-wrap { 1463 1683 max-width: 100%; 1464 1684 width: 100%; … … 1484 1704 color: #21759b; 1485 1705 } 1486 1706 } 1707 1487 1708 @media (min-width: 43em) { 1488 1709 .devhub-wrap.archive .meta, .devhub-wrap.search .meta { 1489 1710 float: right; … … 1492 1713 float: left; 1493 1714 } 1494 1715 } 1716 1495 1717 @media (max-width: 43em) { 1496 1718 #content-area.has-sidebar main { 1497 1719 float: right; … … 1511 1733 #content-area.has-sidebar .widget-area .widget { 1512 1734 width: 100%; 1513 1735 } 1514 1515 1736 .devhub-wrap .three-columns .box, 1516 1737 .devhub-wrap .section .box, 1517 1738 .devhub-wrap .home-primary-content, -
stylesheets/page-dashicons.css
6 6 .dashicons-page { 7 7 padding: 0 !important; 8 8 } 9 9 10 .dashicons-page * { 10 11 box-sizing: border-box; 11 12 } 13 12 14 .dashicons-page .details { 13 15 position: relative; 14 16 } 17 15 18 .dashicons-page .icon-filter { 16 19 position: absolute; 17 20 left: 0; … … 19 22 padding: 0 2.5em; 20 23 width: 50%; 21 24 } 25 22 26 .dashicons-page .icon-filter #search { 23 27 width: 100%; 24 28 border: 1px solid #ccc; … … 27 31 padding: 10px; 28 32 background: rgba(255, 255, 255, 0.8); 29 33 } 34 30 35 .dashicons-page .icon-filter #search:focus { 31 36 background: #fff; 32 37 outline: none; 33 38 } 39 34 40 .dashicons-page .entry-content { 35 41 float: left; 36 42 margin-top: 0 !important; … … 37 43 padding: 1.5em 25px; 38 44 width: 50%; 39 45 } 46 40 47 .dashicons-page #glyph { 41 48 float: left; 42 49 padding: 1.5em 25px; 43 50 width: 50%; 44 51 } 52 45 53 .dashicons-page #glyph .dashicons { 46 54 font-size: 240px; 47 55 width: 240px; … … 48 56 height: 240px; 49 57 overflow: visible; 50 58 } 59 51 60 .dashicons-page #glyph .info { 52 61 float: right; 53 62 margin-top: 50px; 54 63 width: 35%; 55 64 } 65 56 66 .dashicons-page #glyph span { 57 67 display: block; 58 68 margin-bottom: 1em; 59 69 } 70 60 71 .dashicons-page #glyph span a { 61 72 text-decoration: underline; 62 73 } 74 63 75 .dashicons-page #glyph .name { 64 76 font-size: .9em; 65 77 } 78 66 79 .dashicons-page h4 { 67 80 margin: 1.5em 0; 68 81 padding-top: 25px; 69 82 border-top: 1px solid lightgrey; 70 83 } 84 71 85 .dashicons-page h4:first-of-type { 72 86 margin-top: 0; 73 87 padding-top: 0; 74 88 border-top: none; 75 89 } 90 76 91 .searching .dashicons-page h4 { 77 92 display: none; 78 93 } 94 79 95 .dashicons-page #iconlist { 80 96 margin-top: 1.5em; 81 97 } 98 82 99 .dashicons-page #iconlist .dashicons { 83 100 position: relative; 84 101 box-sizing: content-box; … … 91 108 line-height: 1; 92 109 cursor: pointer; 93 110 } 111 94 112 .dashicons-page #iconlist .dashicons:before { 95 113 margin-right: 40px; 96 114 } 115 97 116 .dashicons-page #iconlist .dashicons:after { 98 117 content: attr(alt); 99 118 display: block; … … 101 120 color: #999; 102 121 text-align: center; 103 122 } 123 104 124 .dashicons-page #iconlist .dashicons:hover { 105 125 color: #d54e21; 106 126 } 127 107 128 .dashicons-page #instructions { 108 129 margin-top: 1.5em; 109 130 border-top: 1px solid lightgrey; 110 131 } 132 111 133 .dashicons-page #instructions h3 { 112 134 margin: 1.5em 0 0.75em; 113 135 } 136 114 137 .dashicons-page #instructions h4 { 115 138 margin-top: 0; 116 139 padding-top: 0; 117 140 border-top: none; 118 141 } 142 119 143 .dashicons-page .code { 120 144 display: block; 121 145 font: 14px/1.5 monospace; … … 126 150 overflow: auto; 127 151 min-height: 180px; 128 152 } 153 129 154 @media (max-width: 900px) { 130 155 .dashicons-page .icon-filter { 131 156 position: relative; … … 170 195 margin-right: 0; 171 196 } 172 197 } 198 173 199 @media (max-width: 400px) { 174 .dashicons-page #glyph, .dashicons-page .entry-content, .dashicons-page .icon-filter { 200 .dashicons-page #glyph, 201 .dashicons-page .entry-content, 202 .dashicons-page .icon-filter { 175 203 padding-left: 0; 176 204 padding-right: 0; 177 205 } -
stylesheets/reset.css
65 65 blockquote, q { 66 66 quotes: "" ""; 67 67 } 68 68 69 blockquote:before, blockquote:after, q:before, q:after { 69 70 content: ""; 70 71 } … … 72 73 a:focus { 73 74 outline: thin dotted; 74 75 } 76 75 77 a:hover, a:active { 76 78 outline: 0; 77 79 } 80 78 81 a img { 79 82 border: 0; 80 83 } -
.