[ Index ] |
PHP Cross Reference of WordPress Trunk (Updated Daily) |
[Summary view] [Print] [Text view]
1 /*! This file is auto-generated */ 2 /* 2 column liquid layout */ 3 #wpwrap { 4 height: auto; 5 min-height: 100%; 6 width: 100%; 7 position: relative; 8 -webkit-font-smoothing: subpixel-antialiased; 9 } 10 11 #wpcontent { 12 height: 100%; 13 padding-right: 20px; 14 } 15 16 #wpcontent, 17 #wpfooter { 18 margin-right: 160px; 19 } 20 21 .folded #wpcontent, 22 .folded #wpfooter { 23 margin-right: 36px; 24 } 25 26 #wpbody-content { 27 padding-bottom: 65px; 28 float: right; 29 width: 100%; 30 overflow: visible; 31 } 32 33 /* inner 2 column liquid layout */ 34 35 .inner-sidebar { 36 float: left; 37 clear: left; 38 display: none; 39 width: 281px; 40 position: relative; 41 } 42 43 .columns-2 .inner-sidebar { 44 margin-left: auto; 45 width: 286px; 46 display: block; 47 } 48 49 .inner-sidebar #side-sortables, 50 .columns-2 .inner-sidebar #side-sortables { 51 min-height: 300px; 52 width: 280px; 53 padding: 0; 54 } 55 56 .has-right-sidebar .inner-sidebar { 57 display: block; 58 } 59 60 .has-right-sidebar #post-body { 61 float: right; 62 clear: right; 63 width: 100%; 64 margin-left: -2000px; 65 } 66 67 .has-right-sidebar #post-body-content { 68 margin-left: 300px; 69 float: none; 70 width: auto; 71 } 72 73 /* 2 columns main area */ 74 75 #col-left { 76 float: right; 77 width: 35%; 78 } 79 80 #col-right { 81 float: left; 82 width: 65%; 83 } 84 85 #col-left .col-wrap { 86 padding: 0 0 0 6px; 87 } 88 89 #col-right .col-wrap { 90 padding: 0 6px 0 0; 91 } 92 93 /* utility classes */ 94 .alignleft { 95 float: right; 96 } 97 98 .alignright { 99 float: left; 100 } 101 102 .textleft { 103 text-align: right; 104 } 105 106 .textright { 107 text-align: left; 108 } 109 110 .clear { 111 clear: both; 112 } 113 114 /* modern clearfix */ 115 .wp-clearfix:after { 116 content: ""; 117 display: table; 118 clear: both; 119 } 120 121 /* Hide visually but not from screen readers */ 122 .screen-reader-text, 123 .screen-reader-text span, 124 .ui-helper-hidden-accessible { 125 border: 0; 126 clip: rect(1px, 1px, 1px, 1px); 127 -webkit-clip-path: inset(50%); 128 clip-path: inset(50%); 129 height: 1px; 130 margin: -1px; 131 overflow: hidden; 132 padding: 0; 133 position: absolute; 134 width: 1px; 135 word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */ 136 } 137 138 .button .screen-reader-text { 139 height: auto; /* Fixes a Safari+VoiceOver bug, see ticket #42006 */ 140 } 141 142 .screen-reader-text + .dashicons-external { 143 margin-top: -1px; 144 margin-right: 2px; 145 } 146 147 .screen-reader-shortcut { 148 position: absolute; 149 top: -1000em; 150 right: 6px; 151 height: auto; 152 width: auto; 153 display: block; 154 font-size: 14px; 155 font-weight: 600; 156 padding: 15px 23px 14px; 157 /* Background and color set to prevent false positives in automated accessibility tests. */ 158 background: #f0f0f1; 159 color: #2271b1; 160 z-index: 100000; 161 line-height: normal; 162 } 163 164 .screen-reader-shortcut:focus { 165 top: -25px; 166 /* Overrides a:focus in the admin. See ticket #56789. */ 167 color: #2271b1; 168 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 169 text-decoration: none; 170 /* Only visible in Windows High Contrast mode */ 171 outline: 2px solid transparent; 172 outline-offset: -2px; 173 } 174 175 .hidden, 176 .js .closed .inside, 177 .js .hide-if-js, 178 .no-js .hide-if-no-js, 179 .js.wp-core-ui .hide-if-js, 180 .js .wp-core-ui .hide-if-js, 181 .no-js.wp-core-ui .hide-if-no-js, 182 .no-js .wp-core-ui .hide-if-no-js { 183 display: none; 184 } 185 186 /* @todo: Take a second look. Large chunks of shared color, from the colors.css merge */ 187 .widget-top, 188 .menu-item-handle, 189 .widget-inside, 190 #menu-settings-column .accordion-container, 191 #menu-management .menu-edit, 192 .manage-menus, 193 table.widefat, 194 .stuffbox, 195 p.popular-tags, 196 .widgets-holder-wrap, 197 .wp-editor-container, 198 .popular-tags, 199 .feature-filter, 200 .comment-ays { 201 border: 1px solid #c3c4c7; 202 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); 203 } 204 205 table.widefat, 206 .wp-editor-container, 207 .stuffbox, 208 p.popular-tags, 209 .widgets-holder-wrap, 210 .popular-tags, 211 .feature-filter, 212 .comment-ays { 213 background: #fff; 214 } 215 216 /* general */ 217 html, 218 body { 219 height: 100%; 220 margin: 0; 221 padding: 0; 222 } 223 224 body { 225 background: #f0f0f1; 226 color: #3c434a; 227 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 228 font-size: 13px; 229 line-height: 1.4em; 230 min-width: 600px; 231 } 232 233 body.iframe { 234 min-width: 0; 235 padding-top: 1px; 236 } 237 238 body.modal-open { 239 overflow: hidden; 240 } 241 242 body.mobile.modal-open #wpwrap { 243 overflow: hidden; 244 position: fixed; 245 height: 100%; 246 } 247 248 iframe, 249 img { 250 border: 0; 251 } 252 253 td { 254 font-family: inherit; 255 font-size: inherit; 256 font-weight: inherit; 257 line-height: inherit; 258 } 259 260 /* Any change to the default link style must be applied to button-link too. */ 261 a { 262 color: #2271b1; 263 transition-property: border, background, color; 264 transition-duration: .05s; 265 transition-timing-function: ease-in-out; 266 } 267 268 a, 269 div { 270 outline: 0; 271 } 272 273 a:hover, 274 a:active { 275 color: #135e96; 276 } 277 278 a:focus, 279 a:focus .media-icon img, 280 a:focus .plugin-icon, 281 .wp-person a:focus .gravatar { 282 color: #043959; 283 box-shadow: 0 0 0 2px #2271b1; 284 /* Only visible in Windows High Contrast mode */ 285 outline: 2px solid transparent; 286 } 287 288 #adminmenu a:focus { 289 box-shadow: none; 290 /* Only visible in Windows High Contrast mode */ 291 outline: 1px solid transparent; 292 outline-offset: -1px; 293 } 294 295 .screen-reader-text:focus { 296 box-shadow: none; 297 outline: none; 298 } 299 300 blockquote, 301 q { 302 quotes: none; 303 } 304 305 blockquote:before, 306 blockquote:after, 307 q:before, 308 q:after { 309 content: ""; 310 content: none; 311 } 312 313 p, 314 .wp-die-message { 315 font-size: 13px; 316 line-height: 1.5; 317 margin: 1em 0; 318 } 319 320 blockquote { 321 margin: 1em; 322 } 323 324 li, 325 dd { 326 margin-bottom: 6px; 327 } 328 329 h1, 330 h2, 331 h3, 332 h4, 333 h5, 334 h6 { 335 display: block; 336 font-weight: 600; 337 } 338 339 h1 { 340 color: #1d2327; 341 font-size: 2em; 342 margin: .67em 0; 343 } 344 345 h2, 346 h3 { 347 color: #1d2327; 348 font-size: 1.3em; 349 margin: 1em 0; 350 } 351 352 .update-core-php h2 { 353 margin-top: 4em; 354 } 355 356 .update-php h2, 357 .update-messages h2, 358 h4 { 359 font-size: 1em; 360 margin: 1.33em 0; 361 } 362 363 h5 { 364 font-size: 0.83em; 365 margin: 1.67em 0; 366 } 367 368 h6 { 369 font-size: 0.67em; 370 margin: 2.33em 0; 371 } 372 373 ul, 374 ol { 375 padding: 0; 376 } 377 378 ul { 379 list-style: none; 380 } 381 382 ol { 383 list-style-type: decimal; 384 margin-right: 2em; 385 } 386 387 ul.ul-disc { 388 list-style: disc outside; 389 } 390 391 ul.ul-square { 392 list-style: square outside; 393 } 394 395 ol.ol-decimal { 396 list-style: decimal outside; 397 } 398 399 ul.ul-disc, 400 ul.ul-square, 401 ol.ol-decimal { 402 margin-right: 1.8em; 403 } 404 405 ul.ul-disc > li, 406 ul.ul-square > li, 407 ol.ol-decimal > li { 408 margin: 0 0 0.5em; 409 } 410 411 /* rtl:ignore */ 412 .ltr { 413 direction: ltr; 414 } 415 416 /* rtl:ignore */ 417 .code, 418 code { 419 font-family: Consolas, Monaco, monospace; 420 direction: ltr; 421 unicode-bidi: embed; 422 } 423 424 kbd, 425 code { 426 padding: 3px 5px 2px; 427 margin: 0 1px; 428 background: #f0f0f1; 429 background: rgba(0, 0, 0, 0.07); 430 font-size: 13px; 431 } 432 433 .subsubsub { 434 list-style: none; 435 margin: 8px 0 0; 436 padding: 0; 437 font-size: 13px; 438 float: right; 439 color: #646970; 440 } 441 442 .subsubsub a { 443 line-height: 2; 444 padding: .2em; 445 text-decoration: none; 446 } 447 448 .subsubsub a .count, 449 .subsubsub a.current .count { 450 color: #50575e; /* #f1f1f1 background */ 451 font-weight: 400; 452 } 453 454 .subsubsub a.current { 455 font-weight: 600; 456 border: none; 457 } 458 459 .subsubsub li { 460 display: inline-block; 461 margin: 0; 462 padding: 0; 463 white-space: nowrap; 464 } 465 466 /* .widefat - main style for tables */ 467 .widefat { 468 border-spacing: 0; 469 width: 100%; 470 clear: both; 471 margin: 0; 472 } 473 474 .widefat * { 475 word-wrap: break-word; 476 } 477 478 .widefat a, 479 .widefat button.button-link { 480 text-decoration: none; 481 } 482 483 .widefat td, 484 .widefat th { 485 padding: 8px 10px; 486 } 487 488 .widefat thead th, 489 .widefat thead td { 490 border-bottom: 1px solid #c3c4c7; 491 } 492 493 .widefat tfoot th, 494 .widefat tfoot td { 495 border-top: 1px solid #c3c4c7; 496 border-bottom: none; 497 } 498 499 .widefat .no-items td { 500 border-bottom-width: 0; 501 } 502 503 .widefat td { 504 vertical-align: top; 505 } 506 507 .widefat td, 508 .widefat td p, 509 .widefat td ol, 510 .widefat td ul { 511 font-size: 13px; 512 line-height: 1.5em; 513 } 514 515 .widefat th, 516 .widefat thead td, 517 .widefat tfoot td { 518 text-align: right; 519 line-height: 1.3em; 520 font-size: 14px; 521 } 522 523 .widefat th input, 524 .updates-table td input, 525 .widefat thead td input, 526 .widefat tfoot td input { 527 margin: 0 8px 0 0; 528 padding: 0; 529 vertical-align: text-top; 530 } 531 532 .widefat .check-column { 533 width: 2.2em; 534 padding: 6px 0 25px; 535 vertical-align: top; 536 } 537 538 .widefat tbody th.check-column { 539 padding: 9px 0 22px; 540 } 541 542 .widefat thead td.check-column, 543 .widefat tbody th.check-column, 544 .updates-table tbody td.check-column, 545 .widefat tfoot td.check-column { 546 padding: 11px 3px 0 0; 547 } 548 549 .widefat thead td.check-column, 550 .widefat tfoot td.check-column { 551 padding-top: 4px; 552 vertical-align: middle; 553 } 554 555 .update-php div.updated, 556 .update-php div.error { 557 margin-right: 0; 558 } 559 560 .js-update-details-toggle .dashicons { 561 text-decoration: none; 562 } 563 564 .js-update-details-toggle[aria-expanded="true"] .dashicons::before { 565 content: "\f142"; 566 } 567 568 .no-js .widefat thead .check-column input, 569 .no-js .widefat tfoot .check-column input { 570 display: none; 571 } 572 573 .widefat .num, 574 .column-comments, 575 .column-links, 576 .column-posts { 577 text-align: center; 578 } 579 580 .widefat th#comments { 581 vertical-align: middle; 582 } 583 584 .wrap { 585 margin: 10px 2px 0 20px; 586 } 587 588 .wrap > h2:first-child, /* Back-compat for pre-4.4 */ 589 .wrap [class$="icon32"] + h2, /* Back-compat for pre-4.4 */ 590 .postbox .inside h2, /* Back-compat for pre-4.4 */ 591 .wrap h1 { 592 font-size: 23px; 593 font-weight: 400; 594 margin: 0; 595 padding: 9px 0 4px; 596 line-height: 1.3; 597 } 598 599 .wrap h1.wp-heading-inline { 600 display: inline-block; 601 margin-left: 5px; 602 } 603 604 .wp-header-end { 605 visibility: hidden; 606 margin: -2px 0 0; 607 } 608 609 .subtitle { 610 margin: 0; 611 padding-right: 25px; 612 color: #50575e; 613 font-size: 14px; 614 font-weight: 400; 615 line-height: 1; 616 } 617 618 .subtitle strong { 619 word-break: break-all; 620 } 621 622 .wrap .add-new-h2, /* deprecated */ 623 .wrap .add-new-h2:active, /* deprecated */ 624 .wrap .page-title-action, 625 .wrap .page-title-action:active { 626 display: inline-block; 627 position: relative; 628 box-sizing: border-box; 629 cursor: pointer; 630 white-space: nowrap; 631 text-decoration: none; 632 text-shadow: none; 633 top: -3px; 634 margin-right: 4px; 635 border: 1px solid #2271b1; 636 border-radius: 3px; 637 background: #f6f7f7; 638 font-size: 13px; 639 font-weight: 400; 640 line-height: 2.15384615; 641 color: #2271b1; /* use the standard color used for buttons */ 642 padding: 0 10px; 643 min-height: 30px; 644 -webkit-appearance: none; 645 646 } 647 648 .wrap .wp-heading-inline + .page-title-action { 649 margin-right: 0; 650 } 651 652 .wrap .add-new-h2:hover, /* deprecated */ 653 .wrap .page-title-action:hover { 654 background: #f0f0f1; 655 border-color: #0a4b78; 656 color: #0a4b78; 657 } 658 659 /* lower specificity: color needs to be overridden by :hover and :active */ 660 .page-title-action:focus { 661 color: #0a4b78; 662 } 663 664 /* Dashicon for language options on General Settings and Profile screens */ 665 .form-table th label[for="locale"] .dashicons, 666 .form-table th label[for="WPLANG"] .dashicons { 667 margin-right: 5px; 668 } 669 670 .wrap .page-title-action:focus { 671 border-color: #3582c4; 672 box-shadow: 0 0 0 1px #3582c4; 673 /* Only visible in Windows High Contrast mode */ 674 outline: 2px solid transparent; 675 } 676 677 .wrap h1.long-header { 678 padding-left: 0; 679 } 680 681 .wp-dialog { 682 background-color: #fff; 683 } 684 685 .widgets-chooser ul, 686 #widgets-left .widget-in-question .widget-top, 687 #available-widgets .widget-top:hover, 688 div#widgets-right .widget-top:hover, 689 #widgets-left .widget-top:hover { 690 border-color: #8c8f94; 691 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); 692 } 693 694 .sorthelper { 695 background-color: #c5d9ed; 696 } 697 698 .ac_match, 699 .subsubsub a.current { 700 color: #000; 701 } 702 703 .striped > tbody > :nth-child(odd), 704 ul.striped > :nth-child(odd), 705 .alternate { 706 background-color: #f6f7f7; 707 } 708 709 .bar { 710 background-color: #f0f0f1; 711 border-left-color: #4f94d4; 712 } 713 714 /* Helper classes for plugins to leverage the active WordPress color scheme */ 715 716 .highlight { 717 background-color: #f0f6fc; 718 color: #3c434a; 719 } 720 721 .wp-ui-primary { 722 color: #fff; 723 background-color: #2c3338; 724 } 725 .wp-ui-text-primary { 726 color: #2c3338; 727 } 728 729 .wp-ui-highlight { 730 color: #fff; 731 background-color: #2271b1; 732 } 733 .wp-ui-text-highlight { 734 color: #2271b1; 735 } 736 737 .wp-ui-notification { 738 color: #fff; 739 background-color: #d63638; 740 } 741 .wp-ui-text-notification { 742 color: #d63638; 743 } 744 745 .wp-ui-text-icon { 746 color: #8c8f94; /* same as new icons */ 747 } 748 749 /* For emoji replacement images */ 750 img.emoji { 751 display: inline !important; 752 border: none !important; 753 height: 1em !important; 754 width: 1em !important; 755 margin: 0 .07em !important; 756 vertical-align: -0.1em !important; 757 background: none !important; 758 padding: 0 !important; 759 box-shadow: none !important; 760 } 761 762 /*------------------------------------------------------------------------------ 763 1.0 - Text Styles 764 ------------------------------------------------------------------------------*/ 765 766 .widget .widget-top, 767 .postbox .hndle, 768 .stuffbox .hndle, 769 .control-section .accordion-section-title, 770 .sidebar-name, 771 #nav-menu-header, 772 #nav-menu-footer, 773 .menu-item-handle, 774 .checkbox, 775 .side-info, 776 #your-profile #rich_editing, 777 .widefat thead th, 778 .widefat thead td, 779 .widefat tfoot th, 780 .widefat tfoot td { 781 line-height: 1.4em; 782 } 783 784 .widget .widget-top, 785 .menu-item-handle { 786 background: #f6f7f7; 787 color: #1d2327; 788 } 789 790 .stuffbox .hndle { 791 border-bottom: 1px solid #c3c4c7; 792 } 793 794 .quicktags { 795 background-color: #c3c4c7; 796 color: #000; 797 font-size: 12px; 798 } 799 800 .icon32 { 801 display: none; 802 } 803 804 /* @todo can we combine these into a class or use an existing dashicon one? */ 805 .welcome-panel .welcome-panel-close:before, 806 .tagchecklist .ntdelbutton .remove-tag-icon:before, 807 #bulk-titles .ntdelbutton:before, 808 .notice-dismiss:before { 809 background: none; 810 color: #787c82; 811 content: "\f153"; 812 display: block; 813 font: normal 16px/20px dashicons; 814 speak: never; 815 height: 20px; 816 text-align: center; 817 width: 20px; 818 -webkit-font-smoothing: antialiased; 819 -moz-osx-font-smoothing: grayscale; 820 } 821 822 .welcome-panel .welcome-panel-close:before { 823 margin: 0; 824 } 825 826 .tagchecklist .ntdelbutton .remove-tag-icon:before { 827 margin-right: 2px; 828 border-radius: 50%; 829 color: #2271b1; 830 /* vertically center the icon cross browsers */ 831 line-height: 1.28; 832 } 833 834 .tagchecklist .ntdelbutton:focus { 835 outline: 0; 836 } 837 838 .tagchecklist .ntdelbutton:hover .remove-tag-icon:before, 839 .tagchecklist .ntdelbutton:focus .remove-tag-icon:before, 840 #bulk-titles .ntdelbutton:hover:before, 841 #bulk-titles .ntdelbutton:focus:before { 842 color: #d63638; 843 } 844 845 .tagchecklist .ntdelbutton:focus .remove-tag-icon:before { 846 box-shadow: 0 0 0 2px #2271b1; 847 /* Only visible in Windows High Contrast mode */ 848 outline: 2px solid transparent; 849 } 850 851 .key-labels label { 852 line-height: 24px; 853 } 854 855 strong, b { 856 font-weight: 600; 857 } 858 859 .pre { 860 /* https://developer.mozilla.org/en-US/docs/CSS/white-space */ 861 white-space: pre-wrap; /* css-3 */ 862 word-wrap: break-word; /* IE 5.5 - 7 */ 863 } 864 865 .howto { 866 color: #646970; 867 display: block; 868 } 869 870 p.install-help { 871 margin: 8px 0; 872 font-style: italic; 873 } 874 875 .no-break { 876 white-space: nowrap; 877 } 878 879 hr { 880 border: 0; 881 border-top: 1px solid #dcdcde; 882 border-bottom: 1px solid #f6f7f7; 883 } 884 885 .row-actions span.delete a, 886 .row-actions span.trash a, 887 .row-actions span.spam a, 888 .plugins a.delete, 889 #all-plugins-table .plugins a.delete, 890 #search-plugins-table .plugins a.delete, 891 .submitbox .submitdelete, 892 #media-items a.delete, 893 #media-items a.delete-permanently, 894 #nav-menu-footer .menu-delete, 895 #delete-link a.delete, 896 a#remove-post-thumbnail, 897 .privacy_requests .remove-personal-data .remove-personal-data-handle { 898 color: #b32d2e; 899 } 900 901 abbr.required, 902 span.required, 903 .file-error, 904 .row-actions .delete a:hover, 905 .row-actions .trash a:hover, 906 .row-actions .spam a:hover, 907 .plugins a.delete:hover, 908 #all-plugins-table .plugins a.delete:hover, 909 #search-plugins-table .plugins a.delete:hover, 910 .submitbox .submitdelete:hover, 911 #media-items a.delete:hover, 912 #media-items a.delete-permanently:hover, 913 #nav-menu-footer .menu-delete:hover, 914 #delete-link a.delete:hover, 915 a#remove-post-thumbnail:hover, 916 .privacy_requests .remove-personal-data .remove-personal-data-handle:hover { 917 color: #b32d2e; 918 border: none; 919 } 920 921 /*------------------------------------------------------------------------------ 922 3.0 - Actions 923 ------------------------------------------------------------------------------*/ 924 925 #major-publishing-actions { 926 padding: 10px; 927 clear: both; 928 border-top: 1px solid #dcdcde; 929 background: #f6f7f7; 930 } 931 932 #delete-action { 933 float: right; 934 line-height: 2.30769231; /* 30px */ 935 } 936 937 #delete-link { 938 line-height: 2.30769231; /* 30px */ 939 vertical-align: middle; 940 text-align: right; 941 margin-right: 8px; 942 } 943 944 #delete-link a { 945 text-decoration: none; 946 } 947 948 #publishing-action { 949 text-align: left; 950 float: left; 951 line-height: 1.9; 952 } 953 954 #publishing-action .spinner { 955 float: none; 956 margin-top: 5px; 957 } 958 959 #misc-publishing-actions { 960 padding: 6px 0 0; 961 } 962 963 .misc-pub-section { 964 padding: 6px 10px 8px; 965 } 966 967 .word-wrap-break-word, 968 .misc-pub-filename { 969 word-wrap: break-word; 970 } 971 972 #minor-publishing-actions { 973 padding: 10px 10px 0; 974 text-align: left; 975 } 976 977 #save-post { 978 float: right; 979 } 980 981 .preview { 982 float: left; 983 } 984 985 #sticky-span { 986 margin-right: 18px; 987 } 988 989 .approve, 990 .unapproved .unapprove { 991 display: none; 992 } 993 994 .unapproved .approve, 995 .spam .approve, 996 .trash .approve { 997 display: inline; 998 } 999 1000 td.action-links, 1001 th.action-links { 1002 text-align: left; 1003 } 1004 1005 #misc-publishing-actions .notice { 1006 margin-right: 10px; 1007 margin-left: 10px; 1008 } 1009 1010 /* Filter bar */ 1011 .wp-filter { 1012 display: inline-block; 1013 position: relative; 1014 box-sizing: border-box; 1015 margin: 12px 0 25px; 1016 padding: 0 10px; 1017 width: 100%; 1018 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); 1019 border: 1px solid #c3c4c7; 1020 background: #fff; 1021 color: #50575e; 1022 font-size: 13px; 1023 } 1024 1025 .wp-filter a { 1026 text-decoration: none; 1027 } 1028 1029 .filter-count { 1030 display: inline-block; 1031 vertical-align: middle; 1032 min-width: 4em; 1033 } 1034 1035 .title-count, 1036 .filter-count .count { 1037 display: inline-block; 1038 position: relative; 1039 top: -1px; 1040 padding: 4px 10px; 1041 border-radius: 30px; 1042 background: #646970; 1043 color: #fff; 1044 font-size: 14px; 1045 font-weight: 600; 1046 } 1047 1048 /* not a part of filter bar, but derived from it, so here for now */ 1049 .title-count { 1050 display: inline; 1051 top: -3px; 1052 margin-right: 5px; 1053 margin-left: 20px; 1054 } 1055 1056 .filter-items { 1057 float: right; 1058 } 1059 1060 .filter-links { 1061 display: inline-block; 1062 margin: 0; 1063 } 1064 1065 .filter-links li { 1066 display: inline-block; 1067 margin: 0; 1068 } 1069 1070 .filter-links li > a { 1071 display: inline-block; 1072 margin: 0 10px; 1073 padding: 15px 0; 1074 border-bottom: 4px solid #fff; 1075 color: #646970; 1076 cursor: pointer; 1077 } 1078 1079 .filter-links .current { 1080 box-shadow: none; 1081 border-bottom: 4px solid #646970; 1082 color: #1d2327; 1083 } 1084 1085 .filter-links li > a:hover, 1086 .filter-links li > a:focus, 1087 .show-filters .filter-links a.current:hover, 1088 .show-filters .filter-links a.current:focus { 1089 color: #135e96; 1090 } 1091 1092 .wp-filter .search-form { 1093 float: left; 1094 margin: 10px 0; 1095 } 1096 1097 .wp-filter .search-form input[type="search"] { 1098 width: 280px; 1099 max-width: 100%; 1100 } 1101 1102 .wp-filter .search-form select { 1103 margin: 0; 1104 } 1105 1106 /* Use flexbox only on the plugins install page. The `filter-links` and search form children will become flex items. */ 1107 .plugin-install-php .wp-filter { 1108 display: flex; 1109 flex-wrap: wrap; 1110 justify-content: space-between; 1111 align-items: center; 1112 } 1113 1114 .wp-filter .search-form.search-plugins { 1115 /* This element is a flex item: the inherited float won't have any effect. */ 1116 margin-top: 0; 1117 } 1118 1119 .wp-filter .search-form.search-plugins select, 1120 .wp-filter .search-form.search-plugins .wp-filter-search, 1121 .no-js .wp-filter .search-form.search-plugins .button { 1122 display: inline-block; 1123 margin-top: 10px; 1124 vertical-align: top; 1125 } 1126 1127 .wp-filter .button.drawer-toggle { 1128 margin: 10px 9px 0; 1129 padding: 0 6px 0 10px; 1130 border-color: transparent; 1131 background-color: transparent; 1132 color: #646970; 1133 vertical-align: baseline; 1134 box-shadow: none; 1135 } 1136 1137 .wp-filter .drawer-toggle:before { 1138 content: "\f111"; 1139 margin: 0 0 0 5px; 1140 color: #646970; 1141 font: normal 16px/1 dashicons; 1142 vertical-align: text-bottom; 1143 -webkit-font-smoothing: antialiased; 1144 -moz-osx-font-smoothing: grayscale; 1145 } 1146 1147 .wp-filter .button.drawer-toggle:hover, 1148 .wp-filter .drawer-toggle:hover:before, 1149 .wp-filter .button.drawer-toggle:focus, 1150 .wp-filter .drawer-toggle:focus:before { 1151 background-color: transparent; 1152 color: #135e96; 1153 } 1154 1155 .wp-filter .button.drawer-toggle:hover, 1156 .wp-filter .button.drawer-toggle:focus:active { 1157 border-color: transparent; 1158 } 1159 1160 .wp-filter .button.drawer-toggle:focus { 1161 border-color: #4f94d4; 1162 } 1163 1164 .wp-filter .button.drawer-toggle:active { 1165 background: transparent; 1166 box-shadow: none; 1167 transform: none; 1168 } 1169 1170 .wp-filter .drawer-toggle.current:before { 1171 color: #fff; 1172 } 1173 1174 .filter-drawer, 1175 .wp-filter .favorites-form { 1176 display: none; 1177 margin: 0 -20px 0 -10px; 1178 padding: 20px; 1179 border-top: 1px solid #f0f0f1; 1180 background: #f6f7f7; 1181 overflow: hidden; 1182 } 1183 1184 .show-filters .filter-drawer, 1185 .show-favorites-form .favorites-form { 1186 display: block; 1187 } 1188 1189 .show-filters .filter-links a.current { 1190 border-bottom: none; 1191 } 1192 1193 .show-filters .wp-filter .button.drawer-toggle { 1194 border-radius: 2px; 1195 background: #646970; 1196 color: #fff; 1197 } 1198 1199 .show-filters .wp-filter .drawer-toggle:hover, 1200 .show-filters .wp-filter .drawer-toggle:focus { 1201 background: #2271b1; 1202 } 1203 1204 .show-filters .wp-filter .drawer-toggle:before { 1205 color: #fff; 1206 } 1207 1208 .filter-group { 1209 box-sizing: border-box; 1210 position: relative; 1211 float: right; 1212 margin: 0 0 0 1%; 1213 padding: 20px 10px 10px; 1214 width: 24%; 1215 background: #fff; 1216 border: 1px solid #dcdcde; 1217 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); 1218 } 1219 1220 .filter-group legend { 1221 position: absolute; 1222 top: 10px; 1223 display: block; 1224 margin: 0; 1225 padding: 0; 1226 font-size: 1em; 1227 font-weight: 600; 1228 } 1229 1230 .filter-drawer .filter-group-feature { 1231 margin: 28px 0 0; 1232 list-style-type: none; 1233 font-size: 12px; 1234 } 1235 1236 .filter-drawer .filter-group-feature input, 1237 .filter-drawer .filter-group-feature label { 1238 line-height: 1.4; 1239 } 1240 1241 .filter-drawer .filter-group-feature input { 1242 position: absolute; 1243 margin: 0; 1244 } 1245 1246 .filter-group .filter-group-feature label { 1247 display: block; 1248 margin: 14px 23px 14px 0; 1249 } 1250 1251 .filter-drawer .buttons { 1252 clear: both; 1253 margin-bottom: 20px; 1254 } 1255 1256 .filter-drawer .filter-group + .buttons { 1257 margin-bottom: 0; 1258 padding-top: 20px; 1259 } 1260 1261 .filter-drawer .buttons .button span { 1262 display: inline-block; 1263 opacity: 0.8; 1264 font-size: 12px; 1265 text-indent: 10px; 1266 } 1267 1268 .wp-filter .button.clear-filters { 1269 display: none; 1270 margin-right: 10px; 1271 } 1272 1273 .wp-filter .button-link.edit-filters { 1274 padding: 0 5px; 1275 line-height: 2.2; 1276 } 1277 1278 .filtered-by { 1279 display: none; 1280 margin: 0; 1281 } 1282 1283 .filtered-by > span { 1284 font-weight: 600; 1285 } 1286 1287 .filtered-by a { 1288 margin-right: 10px; 1289 } 1290 1291 .filtered-by .tags { 1292 display: inline; 1293 } 1294 1295 .filtered-by .tag { 1296 margin: 0 5px; 1297 padding: 4px 8px; 1298 border: 1px solid #dcdcde; 1299 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); 1300 background: #fff; 1301 font-size: 11px; 1302 } 1303 1304 .filters-applied .filter-group, 1305 .filters-applied .filter-drawer .buttons, 1306 .filters-applied .filter-drawer br { 1307 display: none; 1308 } 1309 1310 .filters-applied .filtered-by { 1311 display: block; 1312 } 1313 1314 .filters-applied .filter-drawer { 1315 padding: 20px; 1316 } 1317 1318 .show-filters .favorites-form, 1319 .show-filters .content-filterable, 1320 .show-filters.filters-applied.loading-content .content-filterable, 1321 .loading-content .content-filterable, 1322 .error .content-filterable { 1323 display: none; 1324 } 1325 1326 .show-filters.filters-applied .content-filterable { 1327 display: block; 1328 } 1329 1330 .loading-content .spinner { 1331 display: block; 1332 margin: 40px auto 0; 1333 float: none; 1334 } 1335 1336 @media only screen and (max-width: 1120px) { 1337 .filter-drawer { 1338 border-bottom: 1px solid #f0f0f1; 1339 } 1340 1341 .filter-group { 1342 margin-bottom: 0; 1343 margin-top: 5px; 1344 width: 100%; 1345 } 1346 1347 .filter-group li { 1348 margin: 10px 0; 1349 } 1350 } 1351 1352 @media only screen and (max-width: 1000px) { 1353 .filter-items { 1354 float: none; 1355 } 1356 1357 .wp-filter .media-toolbar-primary, 1358 .wp-filter .media-toolbar-secondary, 1359 .wp-filter .search-form { 1360 float: none; /* Remove float from media-views.css */ 1361 position: relative; 1362 max-width: 100%; 1363 } 1364 } 1365 1366 @media only screen and (max-width: 782px) { 1367 .filter-group li { 1368 padding: 0; 1369 width: 50%; 1370 } 1371 } 1372 1373 @media only screen and (max-width: 320px) { 1374 .filter-count { 1375 display: none; 1376 } 1377 1378 .wp-filter .drawer-toggle { 1379 margin: 10px 0; 1380 } 1381 1382 .filter-group li, 1383 .wp-filter .search-form input[type="search"] { 1384 width: 100%; 1385 } 1386 } 1387 1388 /*------------------------------------------------------------------------------ 1389 4.0 - Notifications 1390 ------------------------------------------------------------------------------*/ 1391 1392 .notice, 1393 div.updated, 1394 div.error { 1395 background: #fff; 1396 border: 1px solid #c3c4c7; 1397 border-right-width: 4px; 1398 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); 1399 margin: 5px 15px 2px; 1400 padding: 1px 12px; 1401 } 1402 1403 div[class="update-message"] { /* back-compat for pre-4.6 */ 1404 padding: 0.5em 0 0.5em 12px; 1405 } 1406 1407 .notice p, 1408 .notice-title, 1409 div.updated p, 1410 div.error p, 1411 .form-table td .notice p { 1412 margin: 0.5em 0; 1413 padding: 2px; 1414 } 1415 1416 .error a { 1417 text-decoration: underline; 1418 } 1419 1420 .updated a { 1421 padding-bottom: 2px; 1422 } 1423 1424 .notice-alt { 1425 box-shadow: none; 1426 } 1427 1428 .notice-large { 1429 padding: 10px 20px; 1430 } 1431 1432 .notice-title { 1433 display: inline-block; 1434 color: #1d2327; 1435 font-size: 18px; 1436 } 1437 1438 .wp-core-ui .notice.is-dismissible { 1439 padding-left: 38px; 1440 position: relative; 1441 } 1442 1443 .notice-dismiss { 1444 position: absolute; 1445 top: 0; 1446 left: 1px; 1447 border: none; 1448 margin: 0; 1449 padding: 9px; 1450 background: none; 1451 color: #787c82; 1452 cursor: pointer; 1453 } 1454 1455 .notice-dismiss:hover:before, 1456 .notice-dismiss:active:before, 1457 .notice-dismiss:focus:before { 1458 color: #d63638; 1459 } 1460 1461 .notice-dismiss:focus { 1462 box-shadow: 0 0 0 2px #2271b1; 1463 /* Only visible in Windows High Contrast mode */ 1464 outline: 2px solid transparent; 1465 } 1466 1467 .notice-success, 1468 div.updated { 1469 border-right-color: #00a32a; 1470 } 1471 1472 .notice-success.notice-alt { 1473 background-color: #edfaef; 1474 } 1475 1476 .notice-warning { 1477 border-right-color: #dba617; 1478 } 1479 1480 .notice-warning.notice-alt { 1481 background-color: #fcf9e8; 1482 } 1483 1484 .notice-error, 1485 div.error { 1486 border-right-color: #d63638; 1487 } 1488 1489 .notice-error.notice-alt { 1490 background-color: #fcf0f1; 1491 } 1492 1493 .notice-info { 1494 border-right-color: #72aee6; 1495 } 1496 1497 .notice-info.notice-alt { 1498 background-color: #f0f6fc; 1499 } 1500 1501 #plugin-information-footer .update-now:not(.button-disabled):before { 1502 color: #d63638; 1503 content: "\f463"; 1504 display: inline-block; 1505 font: normal 20px/1 dashicons; 1506 margin: -3px -2px 0 5px; 1507 speak: never; 1508 -webkit-font-smoothing: antialiased; 1509 -moz-osx-font-smoothing: grayscale; 1510 vertical-align: middle; 1511 } 1512 1513 #plugin-information-footer .notice { 1514 margin-top: -5px; 1515 } 1516 1517 .update-message p:before, 1518 .updating-message p:before, 1519 .updated-message p:before, 1520 .import-php .updating-message:before, 1521 .button.updating-message:before, 1522 .button.updated-message:before, 1523 .button.installed:before, 1524 .button.installing:before, 1525 .button.activating-message:before, 1526 .button.activated-message:before { 1527 display: inline-block; 1528 font: normal 20px/1 'dashicons'; 1529 -webkit-font-smoothing: antialiased; 1530 -moz-osx-font-smoothing: grayscale; 1531 vertical-align: top; 1532 } 1533 1534 .wrap .notice, 1535 .wrap div.updated, 1536 .wrap div.error, 1537 .media-upload-form .notice, 1538 .media-upload-form div.error { 1539 margin: 5px 0 15px; 1540 } 1541 1542 .wrap #templateside .notice { 1543 display: block; 1544 margin: 0; 1545 padding: 5px 8px; 1546 font-weight: 600; 1547 text-decoration: none; 1548 } 1549 1550 .wrap #templateside span.notice { 1551 margin-right: -12px; 1552 } 1553 1554 #templateside li.notice a { 1555 padding: 0; 1556 } 1557 1558 /* Update icon. */ 1559 .update-message p:before, 1560 .updating-message p:before, 1561 .import-php .updating-message:before, 1562 .button.updating-message:before, 1563 .button.installing:before, 1564 .button.activating-message:before { 1565 color: #d63638; 1566 content: "\f463"; 1567 } 1568 1569 /* Spins the update icon. */ 1570 .updating-message p:before, 1571 .import-php .updating-message:before, 1572 .button.updating-message:before, 1573 .button.installing:before, 1574 .button.activating-message:before, 1575 .plugins .column-auto-updates .dashicons-update.spin, 1576 .theme-overlay .theme-autoupdate .dashicons-update.spin { 1577 animation: rotation 2s infinite linear; 1578 } 1579 1580 @media (prefers-reduced-motion: reduce) { 1581 .updating-message p:before, 1582 .import-php .updating-message:before, 1583 .button.updating-message:before, 1584 .button.installing:before, 1585 .button.activating-message:before, 1586 .plugins .column-auto-updates .dashicons-update.spin, 1587 .theme-overlay .theme-autoupdate .dashicons-update.spin { 1588 animation: none; 1589 } 1590 } 1591 1592 .theme-overlay .theme-autoupdate .dashicons-update.spin { 1593 margin-left: 3px; 1594 } 1595 1596 /* Updated icon (check mark). */ 1597 .updated-message p:before, 1598 .installed p:before, 1599 .button.updated-message:before, 1600 .button.activated-message:before { 1601 color: #68de7c; 1602 content: "\f147"; 1603 } 1604 1605 /* Error icon. */ 1606 .update-message.notice-error p:before { 1607 color: #d63638; 1608 content: "\f534"; 1609 } 1610 1611 .wrap .notice p:before, 1612 .import-php .updating-message:before { 1613 margin-left: 6px; 1614 } 1615 1616 .import-php .updating-message:before { 1617 vertical-align: bottom; 1618 } 1619 1620 #update-nag, 1621 .update-nag { 1622 display: inline-block; 1623 line-height: 1.4; 1624 padding: 11px 15px; 1625 font-size: 14px; 1626 margin: 25px 2px 0 20px; 1627 } 1628 1629 ul#dismissed-updates { 1630 display: none; 1631 } 1632 1633 #dismissed-updates li > p { 1634 margin-top: 0; 1635 } 1636 1637 #dismiss, 1638 #undismiss { 1639 margin-right: 0.5em; 1640 } 1641 1642 form.upgrade { 1643 margin-top: 8px; 1644 } 1645 1646 form.upgrade .hint { 1647 font-style: italic; 1648 font-size: 85%; 1649 margin: -0.5em 0 2em; 1650 } 1651 1652 .update-php .spinner { 1653 float: none; 1654 margin: -4px 0; 1655 } 1656 1657 h2.wp-current-version { 1658 margin-bottom: .3em; 1659 } 1660 1661 p.update-last-checked { 1662 margin-top: 0; 1663 } 1664 1665 p.auto-update-status { 1666 margin-top: 2em; 1667 line-height: 1.8; 1668 } 1669 1670 #ajax-loading, 1671 .ajax-loading, 1672 .ajax-feedback, 1673 .imgedit-wait-spin, 1674 .list-ajax-loading { /* deprecated */ 1675 visibility: hidden; 1676 } 1677 1678 #ajax-response.alignleft { 1679 margin-right: 2em; 1680 } 1681 1682 .button.updating-message:before, 1683 .button.updated-message:before, 1684 .button.installed:before, 1685 .button.installing:before, 1686 .button.activated-message:before, 1687 .button.activating-message:before { 1688 margin: 3px -2px 0 5px; 1689 } 1690 1691 #plugin-information-footer .button { 1692 padding: 0 14px; 1693 line-height: 2.71428571; /* 38px */ 1694 font-size: 14px; 1695 vertical-align: middle; 1696 min-height: 40px; 1697 margin-bottom: 4px; 1698 } 1699 1700 #plugin-information-footer .button.installed:before, 1701 #plugin-information-footer .button.installing:before, 1702 #plugin-information-footer .button.updating-message:before, 1703 #plugin-information-footer .button.updated-message:before, 1704 #plugin-information-footer .button.activated-message:before, 1705 #plugin-information-footer .button.activating-message:before { 1706 margin: 9px -2px 0 5px; 1707 } 1708 1709 #plugin-information-footer .button.update-now.updating-message:before { 1710 margin: -3px -2px 0 5px; 1711 } 1712 1713 .button-primary.updating-message:before, 1714 .button-primary.activating-message:before { 1715 color: #fff; 1716 } 1717 1718 .button-primary.updated-message:before, 1719 .button-primary.activated-message:before { 1720 color: #9ec2e6; 1721 } 1722 1723 .button.updated-message, 1724 .button.activated-message { 1725 transition-property: border, background, color; 1726 transition-duration: .05s; 1727 transition-timing-function: ease-in-out; 1728 } 1729 1730 @media aural { 1731 .wrap .notice p:before, 1732 .button.installing:before, 1733 .button.installed:before, 1734 .update-message p:before { 1735 speak: never; 1736 } 1737 } 1738 1739 1740 /* @todo: this does not need its own section anymore */ 1741 /*------------------------------------------------------------------------------ 1742 6.0 - Admin Header 1743 ------------------------------------------------------------------------------*/ 1744 #adminmenu a, 1745 #taglist a, 1746 #catlist a { 1747 text-decoration: none; 1748 } 1749 1750 /*------------------------------------------------------------------------------ 1751 6.1 - Screen Options Tabs 1752 ------------------------------------------------------------------------------*/ 1753 1754 #screen-options-wrap, 1755 #contextual-help-wrap { 1756 margin: 0; 1757 padding: 8px 20px 12px; 1758 position: relative; 1759 } 1760 1761 #contextual-help-wrap { 1762 overflow: auto; 1763 margin-right: 0; 1764 } 1765 1766 #screen-meta-links { 1767 float: left; 1768 margin: 0 0 0 20px; 1769 } 1770 1771 /* screen options and help tabs revert */ 1772 #screen-meta { 1773 display: none; 1774 margin: 0 0 -1px 20px; 1775 position: relative; 1776 background-color: #fff; 1777 border: 1px solid #c3c4c7; 1778 border-top: none; 1779 box-shadow: 0 0 0 transparent; 1780 } 1781 1782 #screen-options-link-wrap, 1783 #contextual-help-link-wrap { 1784 float: right; 1785 margin: 0 6px 0 0; 1786 } 1787 1788 #screen-meta-links .screen-meta-toggle { 1789 position: relative; 1790 top: 0; 1791 } 1792 1793 #screen-meta-links .show-settings { 1794 border: 1px solid #c3c4c7; 1795 border-top: none; 1796 height: auto; 1797 margin-bottom: 0; 1798 padding: 3px 16px 3px 6px; 1799 background: #fff; 1800 border-radius: 0 0 4px 4px; 1801 color: #646970; 1802 line-height: 1.7; 1803 box-shadow: 0 0 0 transparent; 1804 transition: box-shadow 0.1s linear; 1805 } 1806 1807 #screen-meta-links .show-settings:hover, 1808 #screen-meta-links .show-settings:active, 1809 #screen-meta-links .show-settings:focus { 1810 color: #2c3338; 1811 } 1812 1813 #screen-meta-links .show-settings:focus { 1814 border-color: #2271b1; 1815 box-shadow: 0 0 0 1px #2271b1; 1816 /* Only visible in Windows High Contrast mode */ 1817 outline: 2px solid transparent; 1818 } 1819 1820 #screen-meta-links .show-settings:active { 1821 transform: none; 1822 } 1823 1824 #screen-meta-links .show-settings:after { 1825 left: 0; 1826 content: "\f140"; 1827 font: normal 20px/1 dashicons; 1828 speak: never; 1829 display: inline-block; 1830 padding: 0 0 0 5px; 1831 bottom: 2px; 1832 position: relative; 1833 vertical-align: bottom; 1834 -webkit-font-smoothing: antialiased; 1835 -moz-osx-font-smoothing: grayscale; 1836 text-decoration: none; 1837 } 1838 1839 #screen-meta-links .screen-meta-active:after { 1840 content: "\f142"; 1841 } 1842 1843 /* end screen options and help tabs */ 1844 1845 .toggle-arrow { 1846 background-repeat: no-repeat; 1847 background-position: top right; 1848 background-color: transparent; 1849 height: 22px; 1850 line-height: 22px; 1851 display: block; 1852 } 1853 1854 .toggle-arrow-active { 1855 background-position: bottom right; 1856 } 1857 1858 #screen-options-wrap h5, /* Back-compat for old plugins */ 1859 #screen-options-wrap legend, 1860 #contextual-help-wrap h5 { 1861 margin: 0; 1862 padding: 8px 0; 1863 font-size: 13px; 1864 font-weight: 600; 1865 } 1866 1867 .metabox-prefs label { 1868 display: inline-block; 1869 padding-left: 15px; 1870 line-height: 2.35; 1871 } 1872 1873 #number-of-columns { 1874 display: inline-block; 1875 vertical-align: middle; 1876 line-height: 30px; 1877 } 1878 1879 .metabox-prefs input[type=checkbox] { 1880 margin-top: 0; 1881 margin-left: 6px; 1882 } 1883 1884 .metabox-prefs label input, 1885 .metabox-prefs label input[type=checkbox] { 1886 margin: -4px 0 0 5px; 1887 } 1888 1889 .metabox-prefs .columns-prefs label input { 1890 margin: -1px 0 0 2px; 1891 } 1892 1893 .metabox-prefs label a { 1894 display: none; 1895 } 1896 1897 .metabox-prefs .screen-options input, 1898 .metabox-prefs .screen-options label { 1899 margin-top: 0; 1900 margin-bottom: 0; 1901 vertical-align: middle; 1902 } 1903 1904 .metabox-prefs .screen-options .screen-per-page { 1905 margin-left: 15px; 1906 padding-left: 0; 1907 } 1908 1909 .metabox-prefs .screen-options label { 1910 line-height: 2.2; 1911 padding-left: 0; 1912 } 1913 1914 .screen-options + .screen-options { 1915 margin-top: 10px; 1916 } 1917 1918 .metabox-prefs .submit { 1919 margin-top: 1em; 1920 padding: 0; 1921 } 1922 1923 /*------------------------------------------------------------------------------ 1924 6.2 - Help Menu 1925 ------------------------------------------------------------------------------*/ 1926 1927 #contextual-help-wrap { 1928 padding: 0; 1929 } 1930 1931 #contextual-help-columns { 1932 position: relative; 1933 } 1934 1935 #contextual-help-back { 1936 position: absolute; 1937 top: 0; 1938 bottom: 0; 1939 right: 150px; 1940 left: 170px; 1941 border: 1px solid #c3c4c7; 1942 border-top: none; 1943 border-bottom: none; 1944 background: #f0f6fc; 1945 } 1946 1947 #contextual-help-wrap.no-sidebar #contextual-help-back { 1948 left: 0; 1949 border-left-width: 0; 1950 border-bottom-left-radius: 2px; 1951 } 1952 1953 .contextual-help-tabs { 1954 float: right; 1955 width: 150px; 1956 margin: 0; 1957 } 1958 1959 .contextual-help-tabs ul { 1960 margin: 1em 0; 1961 } 1962 1963 .contextual-help-tabs li { 1964 margin-bottom: 0; 1965 list-style-type: none; 1966 border-style: solid; 1967 border-width: 0 2px 0 0; 1968 border-color: transparent; 1969 } 1970 1971 .contextual-help-tabs a { 1972 display: block; 1973 padding: 5px 12px 5px 5px; 1974 line-height: 1.4; 1975 text-decoration: none; 1976 border: 1px solid transparent; 1977 border-left: none; 1978 border-right: none; 1979 } 1980 1981 .contextual-help-tabs a:hover { 1982 color: #2c3338; 1983 } 1984 1985 .contextual-help-tabs .active { 1986 padding: 0; 1987 margin: 0 0 0 -1px; 1988 border-right: 2px solid #72aee6; 1989 background: #f0f6fc; 1990 box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 1px 0 rgba(0, 0, 0, 0.02); 1991 } 1992 1993 .contextual-help-tabs .active a { 1994 border-color: #c3c4c7; 1995 color: #2c3338; 1996 } 1997 1998 .contextual-help-tabs-wrap { 1999 padding: 0 20px; 2000 overflow: auto; 2001 } 2002 2003 .help-tab-content { 2004 display: none; 2005 margin: 0 0 12px 22px; 2006 line-height: 1.6; 2007 } 2008 2009 .help-tab-content.active { 2010 display: block; 2011 } 2012 2013 .help-tab-content ul li { 2014 list-style-type: disc; 2015 margin-right: 18px; 2016 } 2017 2018 .contextual-help-sidebar { 2019 width: 150px; 2020 float: left; 2021 padding: 0 12px 0 8px; 2022 overflow: auto; 2023 } 2024 2025 /*------------------------------------------------------------------------------ 2026 8.0 - Layout Blocks 2027 ------------------------------------------------------------------------------*/ 2028 2029 html.wp-toolbar { 2030 padding-top: 32px; 2031 box-sizing: border-box; 2032 -ms-overflow-style: scrollbar; /* See ticket #48545 */ 2033 } 2034 2035 .widefat th, 2036 .widefat td { 2037 color: #50575e; 2038 } 2039 2040 .widefat th, 2041 .widefat thead td, 2042 .widefat tfoot td { 2043 font-weight: 400; 2044 } 2045 2046 .widefat thead tr th, 2047 .widefat thead tr td, 2048 .widefat tfoot tr th, 2049 .widefat tfoot tr td { 2050 color: #2c3338; 2051 } 2052 2053 .widefat td p { 2054 margin: 2px 0 0.8em; 2055 } 2056 2057 .widefat p, 2058 .widefat ol, 2059 .widefat ul { 2060 color: #2c3338; 2061 } 2062 2063 .widefat .column-comment p { 2064 margin: 0.6em 0; 2065 } 2066 2067 .widefat .column-comment ul { 2068 list-style: initial; 2069 margin-right: 2em; 2070 } 2071 2072 /* Screens with postboxes */ 2073 .postbox-container { 2074 float: right; 2075 } 2076 2077 .postbox-container .meta-box-sortables { 2078 box-sizing: border-box; 2079 } 2080 2081 #wpbody-content .metabox-holder { 2082 padding-top: 10px; 2083 } 2084 2085 .metabox-holder .postbox-container .meta-box-sortables { 2086 /* The jQuery UI Sortables need some initial height to work properly. */ 2087 min-height: 1px; 2088 position: relative; 2089 } 2090 2091 #post-body-content { 2092 width: 100%; 2093 min-width: 463px; 2094 float: right; 2095 } 2096 2097 #post-body.columns-2 #postbox-container-1 { 2098 float: left; 2099 margin-left: -300px; 2100 width: 280px; 2101 } 2102 2103 #post-body.columns-2 #side-sortables { 2104 min-height: 250px; 2105 } 2106 2107 /* one column on the dash */ 2108 @media only screen and (max-width: 799px) { 2109 #wpbody-content .metabox-holder .postbox-container .empty-container { 2110 outline: none; 2111 height: 0; 2112 min-height: 0; 2113 } 2114 } 2115 2116 .js .widget .widget-top, 2117 .js .postbox .hndle { 2118 cursor: move; 2119 } 2120 2121 .js .widget .widget-top.is-non-sortable, 2122 .js .postbox .hndle.is-non-sortable { 2123 cursor: auto; 2124 } 2125 2126 /* Configurable dashboard widgets "Configure" edit-box link. */ 2127 .hndle a { 2128 font-size: 12px; 2129 font-weight: 400; 2130 } 2131 2132 .postbox-header { 2133 display: flex; 2134 align-items: center; 2135 justify-content: space-between; 2136 border-bottom: 1px solid #c3c4c7; 2137 } 2138 2139 .postbox-header .hndle { 2140 flex-grow: 1; 2141 /* Handle the alignment for the configurable dashboard widgets "Configure" edit-box link. */ 2142 display: flex; 2143 justify-content: space-between; 2144 align-items: center; 2145 } 2146 2147 .postbox-header .handle-actions { 2148 flex-shrink: 0; 2149 } 2150 2151 /* Post box order and toggle buttons. */ 2152 .postbox .handle-order-higher, 2153 .postbox .handle-order-lower, 2154 .postbox .handlediv { 2155 width: 1.62rem; 2156 height: 1.62rem; 2157 margin: 0; 2158 padding: 0; 2159 border: 0; 2160 background: none; 2161 cursor: pointer; 2162 } 2163 2164 .postbox .handle-order-higher, 2165 .postbox .handle-order-lower { 2166 color: #787c82; 2167 width: 1.62rem; 2168 } 2169 2170 /* Post box order buttons in the block editor meta boxes area. */ 2171 .edit-post-meta-boxes-area .postbox .handle-order-higher, 2172 .edit-post-meta-boxes-area .postbox .handle-order-lower { 2173 width: 44px; 2174 height: 44px; 2175 color: #1d2327 2176 } 2177 2178 .postbox .handle-order-higher[aria-disabled="true"], 2179 .postbox .handle-order-lower[aria-disabled="true"] { 2180 cursor: default; 2181 color: #a7aaad; 2182 } 2183 2184 .sortable-placeholder { 2185 border: 1px dashed #c3c4c7; 2186 margin-bottom: 20px; 2187 } 2188 2189 .postbox, 2190 .stuffbox { 2191 margin-bottom: 20px; 2192 padding: 0; 2193 line-height: 1; 2194 } 2195 2196 .postbox.closed { 2197 border-bottom: 0; 2198 } 2199 2200 /* user-select is not a part of the CSS standard - may change behavior in the future */ 2201 .postbox .hndle, 2202 .stuffbox .hndle { 2203 -webkit-user-select: none; 2204 user-select: none; 2205 } 2206 2207 .postbox .inside { 2208 padding: 0 12px 12px; 2209 line-height: 1.4; 2210 font-size: 13px; 2211 } 2212 2213 .stuffbox .inside { 2214 padding: 0; 2215 line-height: 1.4; 2216 font-size: 13px; 2217 margin-top: 0; 2218 } 2219 2220 .postbox .inside { 2221 margin: 11px 0; 2222 position: relative; 2223 } 2224 2225 .postbox .inside > p:last-child, 2226 .rss-widget ul li:last-child { 2227 margin-bottom: 1px !important; 2228 } 2229 2230 .postbox.closed h3 { 2231 border: none; 2232 box-shadow: none; 2233 } 2234 2235 .postbox table.form-table { 2236 margin-bottom: 0; 2237 } 2238 2239 .postbox table.widefat { 2240 box-shadow: none; 2241 } 2242 2243 .temp-border { 2244 border: 1px dotted #c3c4c7; 2245 } 2246 2247 .columns-prefs label { 2248 padding: 0 0 0 10px; 2249 } 2250 2251 /* @todo: what is this doing here */ 2252 #dashboard_right_now .versions .b, 2253 #post-status-display, 2254 #post-visibility-display, 2255 #adminmenu .wp-submenu li.current, 2256 #adminmenu .wp-submenu li.current a, 2257 #adminmenu .wp-submenu li.current a:hover, 2258 .media-item .percent, 2259 .plugins .name, 2260 #pass-strength-result.strong, 2261 #pass-strength-result.short, 2262 #ed_reply_toolbar #ed_reply_strong, 2263 .item-controls .item-order a, 2264 .feature-filter .feature-name, 2265 #comment-status-display { 2266 font-weight: 600; 2267 } 2268 2269 /*------------------------------------------------------------------------------ 2270 21.0 - Admin Footer 2271 ------------------------------------------------------------------------------*/ 2272 2273 #wpfooter { 2274 position: absolute; 2275 bottom: 0; 2276 right: 0; 2277 left: 0; 2278 padding: 10px 20px; 2279 color: #50575e; 2280 } 2281 2282 #wpfooter p { 2283 font-size: 13px; 2284 margin: 0; 2285 line-height: 1.55; 2286 } 2287 2288 #footer-thankyou { 2289 font-style: italic; 2290 } 2291 2292 /*------------------------------------------------------------------------------ 2293 25.0 - Tabbed Admin Screen Interface (Experimental) 2294 ------------------------------------------------------------------------------*/ 2295 2296 .nav-tab { 2297 float: right; 2298 border: 1px solid #c3c4c7; 2299 border-bottom: none; 2300 margin-right: 0.5em; /* half the font size so set the font size properly */ 2301 padding: 5px 10px; 2302 font-size: 14px; 2303 line-height: 1.71428571; 2304 font-weight: 600; 2305 background: #dcdcde; 2306 color: #50575e; 2307 text-decoration: none; 2308 white-space: nowrap; 2309 } 2310 2311 h3 .nav-tab, /* Back-compat for pre-4.4 */ 2312 .nav-tab-small .nav-tab { 2313 padding: 5px 14px; 2314 font-size: 12px; 2315 line-height: 1.33; 2316 } 2317 2318 .nav-tab:hover, 2319 .nav-tab:focus { 2320 background-color: #fff; 2321 color: #3c434a; 2322 } 2323 2324 .nav-tab-active, 2325 .nav-tab:focus:active { 2326 box-shadow: none; 2327 } 2328 2329 .nav-tab-active { 2330 margin-bottom: -1px; 2331 color: #3c434a; 2332 } 2333 2334 .nav-tab-active, 2335 .nav-tab-active:hover, 2336 .nav-tab-active:focus, 2337 .nav-tab-active:focus:active { 2338 border-bottom: 1px solid #f0f0f1; 2339 background: #f0f0f1; 2340 color: #000; 2341 } 2342 2343 h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */ 2344 .wrap h2.nav-tab-wrapper, /* higher specificity to override .wrap > h2:first-child */ 2345 .nav-tab-wrapper { 2346 border-bottom: 1px solid #c3c4c7; 2347 margin: 0; 2348 padding-top: 9px; 2349 padding-bottom: 0; 2350 line-height: inherit; 2351 } 2352 2353 /* Back-compat for plugins. Deprecated. Use .wp-clearfix instead. */ 2354 .nav-tab-wrapper:not(.wp-clearfix):after { 2355 content: ""; 2356 display: table; 2357 clear: both; 2358 } 2359 2360 /*------------------------------------------------------------------------------ 2361 26.0 - Misc 2362 ------------------------------------------------------------------------------*/ 2363 2364 .spinner { 2365 background: url(../images/spinner.gif) no-repeat; 2366 background-size: 20px 20px; 2367 display: inline-block; 2368 visibility: hidden; 2369 float: left; 2370 vertical-align: middle; 2371 opacity: 0.7; 2372 filter: alpha(opacity=70); 2373 width: 20px; 2374 height: 20px; 2375 margin: 4px 10px 0; 2376 } 2377 2378 .spinner.is-active, 2379 .loading-content .spinner { 2380 visibility: visible; 2381 } 2382 2383 #template > div { 2384 margin-left: 16em; 2385 } 2386 #template .notice { 2387 margin-top: 1em; 2388 margin-left: 3%; 2389 } 2390 #template .notice p { 2391 width: auto; 2392 } 2393 #template .submit .spinner { 2394 float: none; 2395 } 2396 2397 .metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */ 2398 .metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */ 2399 .metabox-holder h3.hndle, /* Back-compat for pre-4.4 */ 2400 .metabox-holder h2.hndle { 2401 font-size: 14px; 2402 padding: 8px 12px; 2403 margin: 0; 2404 line-height: 1.4; 2405 } 2406 2407 /* Back-compat for nav-menus screen */ 2408 .nav-menus-php .metabox-holder h3 { 2409 padding: 10px 14px 11px 10px; 2410 line-height: 1.5; 2411 } 2412 2413 #templateside ul li a { 2414 text-decoration: none; 2415 } 2416 2417 .plugin-install #description, 2418 .plugin-install-network #description { 2419 width: 60%; 2420 } 2421 2422 table .vers, 2423 table .column-visible, 2424 table .column-rating { 2425 text-align: right; 2426 } 2427 2428 .attention, 2429 .error-message { 2430 color: #d63638; 2431 font-weight: 600; 2432 } 2433 2434 /* Scrollbar fix for bulk upgrade iframe */ 2435 body.iframe { 2436 height: 98%; 2437 } 2438 2439 /* Upgrader styles, Specific to Language Packs */ 2440 .lp-show-latest p { 2441 display: none; 2442 } 2443 .lp-show-latest p:last-child, 2444 .lp-show-latest .lp-error p { 2445 display: block; 2446 } 2447 2448 /* - Only used once or twice in all of WP - deprecate for global style 2449 ------------------------------------------------------------------------------*/ 2450 .media-icon { 2451 width: 62px; /* icon + border */ 2452 text-align: center; 2453 } 2454 2455 .media-icon img { 2456 border: 1px solid #dcdcde; 2457 border: 1px solid rgba(0, 0, 0, 0.07); 2458 } 2459 2460 #howto { 2461 font-size: 11px; 2462 margin: 0 5px; 2463 display: block; 2464 } 2465 2466 .importers { 2467 font-size: 16px; 2468 width: auto; 2469 } 2470 2471 .importers td { 2472 padding-left: 14px; 2473 line-height: 1.4; 2474 } 2475 2476 .importers .import-system { 2477 max-width: 250px; 2478 } 2479 2480 .importers td.desc { 2481 max-width: 500px; 2482 } 2483 2484 .importer-title, 2485 .importer-desc, 2486 .importer-action { 2487 display: block; 2488 } 2489 2490 .importer-title { 2491 color: #000; 2492 font-size: 14px; 2493 font-weight: 400; 2494 margin-bottom: .2em; 2495 } 2496 2497 .importer-action { 2498 line-height: 1.55; /* Same as with .updating-message */ 2499 color: #50575e; 2500 margin-bottom: 1em; 2501 } 2502 2503 #post-body #post-body-content #namediv h3, /* Back-compat for pre-4.4 */ 2504 #post-body #post-body-content #namediv h2 { 2505 margin-top: 0; 2506 } 2507 2508 .edit-comment-author { 2509 color: #1d2327; 2510 border-bottom: 1px solid #f0f0f1; 2511 } 2512 2513 #namediv h3 label, /* Back-compat for pre-4.4 */ 2514 #namediv h2 label { 2515 vertical-align: baseline; 2516 } 2517 2518 #namediv table { 2519 width: 100%; 2520 } 2521 2522 #namediv td.first { 2523 width: 10px; 2524 white-space: nowrap; 2525 } 2526 2527 #namediv input { 2528 width: 100%; 2529 } 2530 2531 #namediv p { 2532 margin: 10px 0; 2533 } 2534 2535 /* - Used - but could/should be deprecated with a CSS reset 2536 ------------------------------------------------------------------------------*/ 2537 .zerosize { 2538 height: 0; 2539 width: 0; 2540 margin: 0; 2541 border: 0; 2542 padding: 0; 2543 overflow: hidden; 2544 position: absolute; 2545 } 2546 2547 br.clear { 2548 height: 2px; 2549 line-height: 0.15; 2550 } 2551 2552 .checkbox { 2553 border: none; 2554 margin: 0; 2555 padding: 0; 2556 } 2557 2558 fieldset { 2559 border: 0; 2560 padding: 0; 2561 margin: 0; 2562 } 2563 2564 .post-categories { 2565 display: inline; 2566 margin: 0; 2567 padding: 0; 2568 } 2569 2570 .post-categories li { 2571 display: inline; 2572 } 2573 2574 /* Star Ratings - Back-compat for pre-3.8 */ 2575 div.star-holder { 2576 position: relative; 2577 height: 17px; 2578 width: 100px; 2579 background: url(../images/stars.png?ver=20121108) repeat-x bottom right; 2580 } 2581 2582 div.star-holder .star-rating { 2583 background: url(../images/stars.png?ver=20121108) repeat-x top right; 2584 height: 17px; 2585 float: right; 2586 } 2587 2588 /* Star Ratings */ 2589 .star-rating { 2590 white-space: nowrap; 2591 } 2592 .star-rating .star { 2593 display: inline-block; 2594 width: 20px; 2595 height: 20px; 2596 -webkit-font-smoothing: antialiased; 2597 font-size: 20px; 2598 line-height: 1; 2599 font-family: dashicons; 2600 text-decoration: inherit; 2601 font-weight: 400; 2602 font-style: normal; 2603 vertical-align: top; 2604 transition: color .1s ease-in; 2605 text-align: center; 2606 color: #dba617; 2607 } 2608 2609 .star-rating .star-full:before { 2610 content: "\f155"; 2611 } 2612 2613 .star-rating .star-half:before { 2614 content: "\f459"; 2615 } 2616 2617 .rtl .star-rating .star-half { 2618 transform: rotateY(-180deg); 2619 } 2620 2621 .star-rating .star-empty:before { 2622 content: "\f154"; 2623 } 2624 2625 div.action-links { 2626 font-weight: 400; 2627 margin: 6px 0 0; 2628 } 2629 2630 /* Plugin install thickbox */ 2631 #plugin-information { 2632 background: #fff; 2633 position: fixed; 2634 top: 0; 2635 left: 0; 2636 bottom: 0; 2637 right: 0; 2638 height: 100%; 2639 padding: 0; 2640 } 2641 2642 #plugin-information-scrollable { 2643 overflow: auto; 2644 -webkit-overflow-scrolling: touch; 2645 height: 100%; 2646 } 2647 2648 #plugin-information-title { 2649 padding: 0 26px; 2650 background: #f6f7f7; 2651 font-size: 22px; 2652 font-weight: 600; 2653 line-height: 2.4; 2654 position: relative; 2655 height: 56px; 2656 } 2657 2658 #plugin-information-title.with-banner { 2659 margin-left: 0; 2660 height: 250px; 2661 background-size: cover; 2662 } 2663 2664 #plugin-information-title h2 { 2665 font-size: 1em; 2666 font-weight: 600; 2667 padding: 0; 2668 margin: 0; 2669 overflow: hidden; 2670 text-overflow: ellipsis; 2671 white-space: nowrap; 2672 } 2673 2674 #plugin-information-title.with-banner h2 { 2675 position: relative; 2676 font-family: "Helvetica Neue", sans-serif; 2677 display: inline-block; 2678 font-size: 30px; 2679 line-height: 1.68; 2680 box-sizing: border-box; 2681 max-width: 100%; 2682 padding: 0 15px; 2683 margin-top: 174px; 2684 color: #fff; 2685 background: rgba(29, 35, 39, 0.9); 2686 text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); 2687 box-shadow: 0 0 30px rgba(255, 255, 255, 0.1); 2688 border-radius: 8px; 2689 } 2690 2691 #plugin-information-title div.vignette { 2692 display: none; 2693 } 2694 2695 #plugin-information-title.with-banner div.vignette { 2696 position: absolute; 2697 display: block; 2698 top: 0; 2699 right: 0; 2700 height: 250px; 2701 width: 100%; 2702 background: transparent; 2703 box-shadow: inset 0 0 50px 4px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.1); 2704 } 2705 2706 #plugin-information-tabs { 2707 padding: 0 16px; 2708 position: relative; 2709 left: 0; 2710 right: 0; 2711 min-height: 36px; 2712 font-size: 0; 2713 z-index: 1; 2714 border-bottom: 1px solid #dcdcde; 2715 background: #f6f7f7; 2716 } 2717 2718 #plugin-information-tabs a { 2719 position: relative; 2720 display: inline-block; 2721 padding: 9px 10px; 2722 margin: 0; 2723 height: 18px; 2724 line-height: 1.3; 2725 font-size: 14px; 2726 text-decoration: none; 2727 transition: none; 2728 } 2729 2730 #plugin-information-tabs a.current { 2731 margin: 0 -1px -1px; 2732 background: #fff; 2733 border: 1px solid #dcdcde; 2734 border-bottom-color: #fff; 2735 padding-top: 8px; 2736 color: #2c3338; 2737 } 2738 2739 #plugin-information-tabs.with-banner a.current { 2740 border-top: none; 2741 padding-top: 9px; 2742 } 2743 2744 #plugin-information-tabs a:active, 2745 #plugin-information-tabs a:focus { 2746 outline: none; 2747 } 2748 2749 #plugin-information-content { 2750 overflow: hidden; /* equal height column trick */ 2751 background: #fff; 2752 position: relative; 2753 top: 0; 2754 left: 0; 2755 right: 0; 2756 min-height: 100%; 2757 /* Height of title + tabs + install now */ 2758 min-height: calc( 100% - 152px ); 2759 } 2760 2761 #plugin-information-content.with-banner { 2762 /* Height of banner + tabs + install now */ 2763 min-height: calc( 100% - 346px ); 2764 } 2765 2766 #section-holder { 2767 position: relative; 2768 top: 0; 2769 left: 250px; 2770 bottom: 0; 2771 right: 0; 2772 margin-top: 10px; 2773 margin-left: 250px; /* FYI box */ 2774 padding: 10px 26px 99999px; /* equal height column trick */ 2775 margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */ 2776 } 2777 2778 #section-holder .notice { 2779 margin: 5px 0 15px; 2780 } 2781 2782 #section-holder .updated { 2783 margin: 16px 0; 2784 } 2785 2786 #plugin-information .fyi { 2787 float: left; 2788 position: relative; 2789 top: 0; 2790 left: 0; 2791 padding: 16px 16px 99999px; /* equal height column trick */ 2792 margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */ 2793 width: 217px; 2794 border-right: 1px solid #dcdcde; 2795 background: #f6f7f7; 2796 color: #646970; 2797 } 2798 2799 #plugin-information .fyi strong { 2800 color: #3c434a; 2801 } 2802 2803 #plugin-information .fyi h3 { 2804 font-weight: 600; 2805 text-transform: uppercase; 2806 font-size: 12px; 2807 color: #646970; 2808 margin: 24px 0 8px; 2809 } 2810 2811 #plugin-information .fyi h2 { 2812 font-size: 0.9em; 2813 margin-bottom: 0; 2814 margin-left: 0; 2815 } 2816 2817 #plugin-information .fyi ul { 2818 padding: 0; 2819 margin: 0; 2820 list-style: none; 2821 } 2822 2823 #plugin-information .fyi li { 2824 margin: 0 0 10px; 2825 } 2826 2827 #plugin-information .fyi-description { 2828 margin-top: 0; 2829 } 2830 2831 #plugin-information .counter-container { 2832 margin: 3px 0; 2833 } 2834 2835 #plugin-information .counter-label { 2836 float: right; 2837 margin-left: 5px; 2838 min-width: 55px; 2839 } 2840 2841 #plugin-information .counter-back { 2842 height: 17px; 2843 width: 92px; 2844 background-color: #dcdcde; 2845 float: right; 2846 } 2847 2848 #plugin-information .counter-bar { 2849 height: 17px; 2850 background-color: #f0c33c; /* slightly lighter than stars due to larger expanse */ 2851 float: right; 2852 } 2853 2854 #plugin-information .counter-count { 2855 margin-right: 5px; 2856 } 2857 2858 #plugin-information .fyi ul.contributors { 2859 margin-top: 10px; 2860 } 2861 2862 #plugin-information .fyi ul.contributors li { 2863 display: inline-block; 2864 margin-left: 8px; 2865 vertical-align: middle; 2866 } 2867 2868 #plugin-information .fyi ul.contributors li { 2869 display: inline-block; 2870 margin-left: 8px; 2871 vertical-align: middle; 2872 } 2873 2874 #plugin-information .fyi ul.contributors li img { 2875 vertical-align: middle; 2876 margin-left: 4px; 2877 } 2878 2879 #plugin-information-footer { 2880 padding: 13px 16px; 2881 position: absolute; 2882 left: 0; 2883 bottom: 0; 2884 right: 0; 2885 height: 40px; /* actual height: 40+13+13+1=67 */ 2886 border-top: 1px solid #dcdcde; 2887 background: #f6f7f7; 2888 } 2889 2890 /* rtl:ignore */ 2891 #plugin-information .section { 2892 direction: ltr; 2893 } 2894 2895 /* rtl:ignore */ 2896 #plugin-information .section ul, 2897 #plugin-information .section ol { 2898 list-style-type: disc; 2899 margin-left: 24px; 2900 } 2901 2902 #plugin-information .section, 2903 #plugin-information .section p { 2904 font-size: 14px; 2905 line-height: 1.7; 2906 } 2907 2908 #plugin-information #section-screenshots ol { 2909 list-style: none; 2910 margin: 0; 2911 } 2912 2913 #plugin-information #section-screenshots li img { 2914 vertical-align: text-top; 2915 margin-top: 16px; 2916 max-width: 100%; 2917 width: auto; 2918 height: auto; 2919 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); 2920 } 2921 2922 /* rtl:ignore */ 2923 #plugin-information #section-screenshots li p { 2924 font-style: italic; 2925 padding-left: 20px; 2926 } 2927 2928 #plugin-information pre { 2929 padding: 7px; 2930 overflow: auto; 2931 border: 1px solid #c3c4c7; 2932 } 2933 2934 #plugin-information blockquote { 2935 border-right: 2px solid #dcdcde; 2936 color: #646970; 2937 font-style: italic; 2938 margin: 1em 0; 2939 padding: 0 1em 0 0; 2940 } 2941 2942 /* rtl:ignore */ 2943 #plugin-information .review { 2944 overflow: hidden; /* clearfix */ 2945 width: 100%; 2946 margin-bottom: 20px; 2947 border-bottom: 1px solid #dcdcde; 2948 } 2949 2950 #plugin-information .review-title-section { 2951 overflow: hidden; /* clearfix */ 2952 } 2953 2954 /* rtl:ignore */ 2955 #plugin-information .review-title-section h4 { 2956 display: inline-block; 2957 float: left; 2958 margin: 0 6px 0 0; 2959 } 2960 2961 #plugin-information .reviewer-info p { 2962 clear: both; 2963 margin: 0; 2964 padding-top: 2px; 2965 } 2966 2967 /* rtl:ignore */ 2968 #plugin-information .reviewer-info .avatar { 2969 float: left; 2970 margin: 4px 6px 0 0; 2971 } 2972 2973 /* rtl:ignore */ 2974 #plugin-information .reviewer-info .star-rating { 2975 float: left; 2976 } 2977 2978 /* rtl:ignore */ 2979 #plugin-information .review-meta { 2980 float: left; 2981 margin-left: 0.75em; 2982 } 2983 2984 /* rtl:ignore */ 2985 #plugin-information .review-body { 2986 float: left; 2987 width: 100%; 2988 } 2989 2990 .plugin-version-author-uri { 2991 font-size: 13px; 2992 } 2993 2994 /* For non-js plugin installation screen ticket #36430. */ 2995 .update-php .button.button-primary { 2996 margin-left: 1em; 2997 } 2998 2999 @media screen and (max-width: 771px) { 3000 #plugin-information-title.with-banner { 3001 height: 100px; 3002 } 3003 3004 #plugin-information-title.with-banner h2 { 3005 margin-top: 30px; 3006 font-size: 20px; 3007 line-height: 2; 3008 max-width: 85%; 3009 } 3010 3011 #plugin-information-title.with-banner div.vignette { 3012 height: 100px; 3013 } 3014 3015 #plugin-information-tabs { 3016 overflow: hidden; /* clearfix */ 3017 padding: 0; 3018 height: auto; /* let tabs wrap */ 3019 } 3020 3021 #plugin-information-tabs a.current { 3022 margin-bottom: 0; 3023 border-bottom: none; 3024 } 3025 3026 #plugin-information .fyi { 3027 float: none; 3028 border: 1px solid #dcdcde; 3029 position: static; 3030 width: auto; 3031 margin: 26px 26px 0; 3032 padding-bottom: 0; /* reset from the two column height fix */ 3033 } 3034 3035 #section-holder { 3036 position: static; 3037 margin: 0; 3038 padding-bottom: 70px; /* reset from the two column height fix, plus accommodate footer */ 3039 } 3040 3041 #plugin-information .fyi h3, 3042 #plugin-information .fyi small { 3043 display: none; 3044 } 3045 3046 #plugin-information-footer { 3047 padding: 12px 16px 0; 3048 height: 46px; 3049 } 3050 } 3051 3052 /* Thickbox for the Plugin details modal. */ 3053 #TB_window.plugin-details-modal { 3054 background: #fff; 3055 } 3056 3057 #TB_window.plugin-details-modal.thickbox-loading:before { 3058 content: ""; 3059 display: block; 3060 width: 20px; 3061 height: 20px; 3062 position: absolute; 3063 right: 50%; 3064 top: 50%; 3065 z-index: -1; 3066 margin: -10px -10px 0 0; 3067 background: #fff url(../images/spinner.gif) no-repeat center; 3068 background-size: 20px 20px; 3069 transform: translateZ(0); 3070 } 3071 3072 @media print, 3073 (min-resolution: 120dpi) { 3074 3075 #TB_window.plugin-details-modal.thickbox-loading:before { 3076 background-image: url(../images/spinner-2x.gif); 3077 } 3078 } 3079 3080 .plugin-details-modal #TB_title { 3081 float: right; 3082 height: 1px; 3083 } 3084 3085 .plugin-details-modal #TB_ajaxWindowTitle { 3086 display: none; 3087 } 3088 3089 .plugin-details-modal #TB_closeWindowButton { 3090 right: auto; 3091 left: -30px; 3092 color: #f0f0f1; 3093 } 3094 3095 .plugin-details-modal #TB_closeWindowButton:hover, 3096 .plugin-details-modal #TB_closeWindowButton:focus { 3097 outline: none; 3098 box-shadow: none; 3099 } 3100 3101 .plugin-details-modal #TB_closeWindowButton:hover::after, 3102 .plugin-details-modal #TB_closeWindowButton:focus::after { 3103 outline: 2px solid; 3104 outline-offset: -4px; 3105 border-radius: 4px; 3106 } 3107 3108 .plugin-details-modal .tb-close-icon { 3109 display: none; 3110 } 3111 3112 .plugin-details-modal #TB_closeWindowButton:after { 3113 content: "\f335"; 3114 font: normal 32px/29px 'dashicons'; 3115 speak: never; 3116 -webkit-font-smoothing: antialiased; 3117 -moz-osx-font-smoothing: grayscale; 3118 } 3119 3120 /* move plugin install close icon to top on narrow screens */ 3121 @media screen and (max-width: 830px) { 3122 .plugin-details-modal #TB_closeWindowButton { 3123 left: 0; 3124 top: -30px; 3125 } 3126 } 3127 3128 /* @todo: move this. */ 3129 img { 3130 border: none; 3131 } 3132 3133 /* Metabox collapse arrow indicators */ 3134 .sidebar-name .toggle-indicator::before, 3135 .meta-box-sortables .postbox .toggle-indicator::before, 3136 .meta-box-sortables .postbox .order-higher-indicator::before, 3137 .meta-box-sortables .postbox .order-lower-indicator::before, 3138 .bulk-action-notice .toggle-indicator::before, 3139 .privacy-text-box .toggle-indicator::before { 3140 content: "\f142"; 3141 display: inline-block; 3142 font: normal 20px/1 dashicons; 3143 speak: never; 3144 -webkit-font-smoothing: antialiased; 3145 -moz-osx-font-smoothing: grayscale; 3146 text-decoration: none; 3147 } 3148 3149 .js .widgets-holder-wrap.closed .toggle-indicator::before, 3150 .meta-box-sortables .postbox.closed .handlediv .toggle-indicator::before, 3151 .bulk-action-notice .bulk-action-errors-collapsed .toggle-indicator::before, 3152 .privacy-text-box.closed .toggle-indicator::before { 3153 content: "\f140"; 3154 } 3155 3156 .postbox .handle-order-higher .order-higher-indicator::before { 3157 content: "\f343"; 3158 color: inherit; 3159 } 3160 3161 .postbox .handle-order-lower .order-lower-indicator::before { 3162 content: "\f347"; 3163 color: inherit; 3164 } 3165 3166 .postbox .handle-order-higher .order-higher-indicator::before, 3167 .postbox .handle-order-lower .order-lower-indicator::before { 3168 position: relative; 3169 top: 0.11rem; 3170 width: 20px; 3171 height: 20px; 3172 } 3173 3174 .postbox .handlediv .toggle-indicator::before { 3175 width: 20px; 3176 border-radius: 50%; 3177 } 3178 3179 .postbox .handlediv .toggle-indicator::before { 3180 position: relative; 3181 top: 0.05rem; 3182 text-indent: -1px; /* account for the dashicon glyph uneven horizontal alignment */ 3183 } 3184 3185 .rtl .postbox .handlediv .toggle-indicator::before { 3186 text-indent: 1px; /* account for the dashicon glyph uneven horizontal alignment */ 3187 } 3188 3189 .bulk-action-notice .toggle-indicator::before { 3190 line-height: 16px; 3191 vertical-align: top; 3192 color: #787c82; 3193 } 3194 3195 .postbox .handle-order-higher:focus, 3196 .postbox .handle-order-lower:focus, 3197 .postbox .handlediv:focus { 3198 box-shadow: inset 0 0 0 2px #2271b1; 3199 border-radius: 50%; 3200 /* Only visible in Windows High Contrast mode */ 3201 outline: 2px solid transparent; 3202 } 3203 3204 .postbox .handle-order-higher:focus .order-higher-indicator::before, 3205 .postbox .handle-order-lower:focus .order-lower-indicator::before, 3206 .postbox .handlediv:focus .toggle-indicator::before { 3207 box-shadow: none; 3208 /* Only visible in Windows High Contrast mode */ 3209 outline: 1px solid transparent; 3210 } 3211 3212 /* @todo: appears to be Press This only and overridden */ 3213 #photo-add-url-div input[type="text"] { 3214 width: 300px; 3215 } 3216 3217 /* Theme/Plugin file editor */ 3218 .alignleft h2 { 3219 margin: 0; 3220 } 3221 3222 #template textarea { 3223 font-family: Consolas, Monaco, monospace; 3224 font-size: 13px; 3225 background: #f6f7f7; 3226 tab-size: 4; 3227 } 3228 3229 #template textarea, 3230 #template .CodeMirror { 3231 width: 100%; 3232 min-height: 60vh; 3233 height: calc( 100vh - 295px ); 3234 border: 1px solid #dcdcde; 3235 box-sizing: border-box; 3236 } 3237 3238 #templateside > h2 { 3239 padding-top: 6px; 3240 padding-bottom: 7px; 3241 margin: 0; 3242 } 3243 3244 #templateside ol, 3245 #templateside ul { 3246 margin: 0; 3247 padding: 0; 3248 } 3249 #templateside > ul { 3250 box-sizing: border-box; 3251 margin-top: 0; 3252 overflow: auto; 3253 padding: 0; 3254 min-height: 60vh; 3255 height: calc(100vh - 295px); 3256 background-color: #f6f7f7; 3257 border: 1px solid #dcdcde; 3258 border-right: none; 3259 } 3260 #templateside ul ul { 3261 padding-right: 12px; 3262 } 3263 #templateside > ul > li > ul[role=group] { 3264 padding-right: 0; 3265 } 3266 3267 /* 3268 * Styles for Theme and Plugin file editors. 3269 */ 3270 3271 /* Hide collapsed items. */ 3272 [role="treeitem"][aria-expanded="false"] > ul { 3273 display: none; 3274 } 3275 3276 /* Use arrow dashicons for folder states, but hide from screen readers. */ 3277 [role="treeitem"] span[aria-hidden] { 3278 display: inline; 3279 font-family: dashicons; 3280 font-size: 20px; 3281 position: absolute; 3282 pointer-events: none; 3283 } 3284 [role="treeitem"][aria-expanded="false"] > .folder-label .icon:after { 3285 content: "\f141"; 3286 } 3287 [role="treeitem"][aria-expanded="true"] > .folder-label .icon:after { 3288 content: "\f140"; 3289 } 3290 [role="treeitem"] .folder-label { 3291 display: block; 3292 padding: 3px 12px 3px 3px; 3293 cursor: pointer; 3294 } 3295 3296 /* Remove outline, and create our own focus and hover styles */ 3297 [role="treeitem"] { 3298 outline: 0; 3299 } 3300 3301 [role="treeitem"] a:focus, 3302 [role="treeitem"] .folder-label.focus { 3303 color: #043959; 3304 /* Reset default focus style. */ 3305 box-shadow: none; 3306 /* Use an inset outline instead, so it's visible also over the current file item. */ 3307 outline: 2px solid #2271b1; 3308 outline-offset: -2px; 3309 } 3310 3311 [role="treeitem"].hover, 3312 [role="treeitem"] .folder-label.hover { 3313 background-color: #f0f0f1; 3314 } 3315 3316 .tree-folder { 3317 margin: 0; 3318 position: relative; 3319 } 3320 [role="treeitem"] li { 3321 position: relative; 3322 } 3323 3324 /* Styles for folder indicators/depth */ 3325 .tree-folder .tree-folder::after { 3326 content: ""; 3327 display: block; 3328 position: absolute; 3329 right: 2px; 3330 border-right: 1px solid #c3c4c7; 3331 top: -13px; 3332 bottom: 10px; 3333 } 3334 .tree-folder > li::before { 3335 content: ""; 3336 position: absolute; 3337 display: block; 3338 border-right: 1px solid #c3c4c7; 3339 right: 2px; 3340 top: -5px; 3341 height: 18px; 3342 width: 7px; 3343 border-bottom: 1px solid #c3c4c7; 3344 } 3345 .tree-folder > li::after { 3346 content: ""; 3347 position: absolute; 3348 display: block; 3349 border-right: 1px solid #c3c4c7; 3350 right: 2px; 3351 bottom: -7px; 3352 top: 0; 3353 } 3354 3355 /* current-file needs to adjustment for .notice styles */ 3356 #templateside .current-file { 3357 margin: -4px 0 -2px; 3358 } 3359 .tree-folder > .current-file::before { 3360 right: 4px; 3361 height: 15px; 3362 width: 0; 3363 border-right: none; 3364 top: 3px; 3365 } 3366 .tree-folder > .current-file::after { 3367 bottom: -4px; 3368 height: 7px; 3369 right: 2px; 3370 top: auto; 3371 } 3372 3373 /* Lines shouldn't continue on last item */ 3374 .tree-folder > li:last-child::after, 3375 .tree-folder li:last-child > .tree-folder::after { 3376 display: none; 3377 } 3378 3379 #theme-plugin-editor-selector, 3380 #theme-plugin-editor-label, 3381 #documentation label { 3382 font-weight: 600; 3383 } 3384 3385 #theme-plugin-editor-label { 3386 display: inline-block; 3387 margin-bottom: 1em; 3388 } 3389 3390 /* rtl:ignore */ 3391 #template textarea, 3392 #docs-list { 3393 direction: ltr; 3394 } 3395 3396 .fileedit-sub #theme, 3397 .fileedit-sub #plugin { 3398 max-width: 40%; 3399 } 3400 .fileedit-sub .alignright { 3401 text-align: left; 3402 } 3403 3404 #template p { 3405 width: 97%; 3406 } 3407 3408 #file-editor-linting-error { 3409 margin-top: 1em; 3410 margin-bottom: 1em; 3411 } 3412 #file-editor-linting-error > .notice { 3413 margin: 0; 3414 display: inline-block; 3415 } 3416 #file-editor-linting-error > .notice > p { 3417 width: auto; 3418 } 3419 #template .submit { 3420 margin-top: 1em; 3421 padding: 0; 3422 } 3423 3424 #template .submit input[type=submit][disabled] { 3425 cursor: not-allowed; 3426 } 3427 #templateside { 3428 float: left; 3429 width: 16em; 3430 word-wrap: break-word; 3431 } 3432 3433 #postcustomstuff p.submit { 3434 margin: 0; 3435 } 3436 3437 #templateside h4 { 3438 margin: 1em 0 0; 3439 } 3440 3441 #templateside li { 3442 margin: 4px 0; 3443 } 3444 3445 #templateside li:not(.howto) a, 3446 .theme-editor-php .highlight { 3447 display: block; 3448 padding: 3px 12px 3px 0; 3449 text-decoration: none; 3450 } 3451 3452 #templateside li.current-file > a { 3453 padding-bottom: 0; 3454 } 3455 3456 #templateside li:not(.howto) > a:first-of-type { 3457 padding-top: 0; 3458 } 3459 3460 #templateside li.howto { 3461 padding: 6px 12px 12px; 3462 } 3463 3464 .theme-editor-php .highlight { 3465 margin: -3px -12px -3px 3px; 3466 } 3467 3468 #templateside .highlight { 3469 border: none; 3470 font-weight: 600; 3471 } 3472 3473 .nonessential { 3474 color: #646970; 3475 font-size: 11px; 3476 font-style: italic; 3477 padding-right: 12px; 3478 } 3479 3480 #documentation { 3481 margin-top: 10px; 3482 } 3483 3484 #documentation label { 3485 line-height: 1.8; 3486 vertical-align: baseline; 3487 } 3488 3489 .fileedit-sub { 3490 padding: 10px 0 8px; 3491 line-height: 180%; 3492 } 3493 3494 #file-editor-warning .file-editor-warning-content { 3495 margin: 25px; 3496 } 3497 3498 /* @todo: can we use a common class for these? */ 3499 .nav-menus-php .item-edit:before, 3500 .widget-top .widget-action .toggle-indicator:before, 3501 .control-section .accordion-section-title:after, 3502 .accordion-section-title:after { 3503 content: "\f140"; 3504 font: normal 20px/1 dashicons; 3505 speak: never; 3506 display: block; 3507 -webkit-font-smoothing: antialiased; 3508 -moz-osx-font-smoothing: grayscale; 3509 text-decoration: none; 3510 } 3511 3512 .widget-top .widget-action .toggle-indicator:before { 3513 padding: 1px 0 1px 2px; 3514 border-radius: 50%; 3515 } 3516 3517 .handlediv, 3518 .postbox .handlediv.button-link, 3519 .item-edit, 3520 .toggle-indicator, 3521 .accordion-section-title:after { 3522 color: #787c82; 3523 } 3524 3525 .widget-action { 3526 color: #50575e; /* #fafafa background in the Widgets screen */ 3527 } 3528 3529 .widget-top:hover .widget-action, 3530 .widget-action:focus, 3531 .handlediv:hover, 3532 .handlediv:focus, 3533 .postbox .handlediv.button-link:hover, 3534 .postbox .handlediv.button-link:focus, 3535 .item-edit:hover, 3536 .item-edit:focus, 3537 .sidebar-name:hover .toggle-indicator, 3538 .accordion-section-title:hover:after { 3539 color: #1d2327; 3540 /* Only visible in Windows High Contrast mode */ 3541 outline: 2px solid transparent; 3542 } 3543 3544 .widget-top .widget-action:focus .toggle-indicator:before { 3545 box-shadow: 0 0 0 2px #2271b1; 3546 /* Only visible in Windows High Contrast mode */ 3547 outline: 2px solid transparent; 3548 } 3549 3550 .control-section .accordion-section-title:after, 3551 .accordion-section-title:after { 3552 float: left; 3553 left: 20px; 3554 top: -2px; 3555 } 3556 3557 .control-section.open .accordion-section-title:after, 3558 #customize-info.open .accordion-section-title:after, 3559 .nav-menus-php .menu-item-edit-active .item-edit:before, 3560 .widget.open .widget-top .widget-action .toggle-indicator:before, 3561 .widget.widget-in-question .widget-top .widget-action .toggle-indicator:before { 3562 content: "\f142"; 3563 } 3564 3565 /*! 3566 * jQuery UI Draggable/Sortable 1.11.4 3567 * http://jqueryui.com 3568 * 3569 * Copyright jQuery Foundation and other contributors 3570 * Released under the MIT license. 3571 * http://jquery.org/license 3572 */ 3573 .ui-draggable-handle, 3574 .ui-sortable-handle { 3575 touch-action: none; 3576 } 3577 3578 /* Accordion */ 3579 .accordion-section { 3580 border-bottom: 1px solid #dcdcde; 3581 margin: 0; 3582 } 3583 3584 .accordion-section.open .accordion-section-content, 3585 .no-js .accordion-section .accordion-section-content { 3586 display: block; 3587 } 3588 3589 .accordion-section.open:hover { 3590 border-bottom-color: #dcdcde; 3591 } 3592 3593 .accordion-section-content { 3594 display: none; 3595 padding: 10px 20px 15px; 3596 overflow: hidden; 3597 background: #fff; 3598 } 3599 3600 .accordion-section-title { 3601 margin: 0; 3602 padding: 12px 15px 15px; 3603 position: relative; 3604 border-right: 1px solid #dcdcde; 3605 border-left: 1px solid #dcdcde; 3606 -webkit-user-select: none; 3607 user-select: none; 3608 } 3609 3610 .js .accordion-section-title { 3611 cursor: pointer; 3612 } 3613 3614 .js .accordion-section-title:after { 3615 position: absolute; 3616 top: 12px; 3617 left: 10px; 3618 z-index: 1; 3619 } 3620 3621 .accordion-section-title:focus { 3622 /* Only visible in Windows High Contrast mode */ 3623 outline: 1px solid transparent; 3624 } 3625 3626 .accordion-section-title:hover:after, 3627 .accordion-section-title:focus:after { 3628 border-color: #a7aaad transparent; 3629 /* Only visible in Windows High Contrast mode */ 3630 outline: 1px solid transparent; 3631 } 3632 3633 .cannot-expand .accordion-section-title { 3634 cursor: auto; 3635 } 3636 3637 .cannot-expand .accordion-section-title:after { 3638 display: none; 3639 } 3640 3641 .control-section .accordion-section-title, 3642 .customize-pane-child .accordion-section-title { 3643 border-right: none; 3644 border-left: none; 3645 padding: 10px 14px 11px 10px; 3646 line-height: 1.55; 3647 background: #fff; 3648 } 3649 3650 .control-section .accordion-section-title:after, 3651 .customize-pane-child .accordion-section-title:after { 3652 top: calc(50% - 10px); /* Arrow height is 20px, so use half of that to vertically center */ 3653 } 3654 3655 .js .control-section:hover .accordion-section-title, 3656 .js .control-section .accordion-section-title:hover, 3657 .js .control-section.open .accordion-section-title, 3658 .js .control-section .accordion-section-title:focus { 3659 color: #1d2327; 3660 background: #f6f7f7; 3661 } 3662 3663 .control-section.open .accordion-section-title { 3664 /* When expanded */ 3665 border-bottom: 1px solid #dcdcde; 3666 } 3667 3668 /* Edit Site */ 3669 .network-admin .edit-site-actions { 3670 margin-top: 0; 3671 } 3672 3673 /* My Sites */ 3674 .my-sites { 3675 display: block; 3676 overflow: auto; 3677 zoom: 1; 3678 } 3679 3680 .my-sites li { 3681 display: block; 3682 padding: 8px 3%; 3683 min-height: 130px; 3684 margin: 0; 3685 } 3686 3687 @media only screen and (max-width: 599px) { 3688 .my-sites li { 3689 min-height: 0; 3690 } 3691 } 3692 3693 @media only screen and (min-width: 600px) { 3694 .my-sites.striped li { 3695 background-color: #fff; 3696 position: relative; 3697 } 3698 .my-sites.striped li:after { 3699 content: ""; 3700 width: 1px; 3701 height: 100%; 3702 position: absolute; 3703 top: 0; 3704 left: 0; 3705 background: #c3c4c7; 3706 } 3707 3708 } 3709 @media only screen and (min-width: 600px) and (max-width: 699px) { 3710 .my-sites li{ 3711 float: right; 3712 width: 44%; 3713 } 3714 .my-sites.striped li { 3715 background-color: #fff; 3716 } 3717 .my-sites.striped li:nth-of-type(2n+1) { 3718 clear: right; 3719 } 3720 .my-sites.striped li:nth-of-type(2n+2):after { 3721 content: none; 3722 } 3723 .my-sites li:nth-of-type(4n+1), 3724 .my-sites li:nth-of-type(4n+2) { 3725 background-color: #f6f7f7; 3726 } 3727 3728 } 3729 3730 @media only screen and (min-width: 700px) and (max-width: 1199px) { 3731 .my-sites li { 3732 float: right; 3733 width: 27.333333%; 3734 background-color: #fff; 3735 } 3736 .my-sites.striped li:nth-of-type(3n+3):after { 3737 content: none; 3738 } 3739 .my-sites li:nth-of-type(6n+1), 3740 .my-sites li:nth-of-type(6n+2), 3741 .my-sites li:nth-of-type(6n+3) { 3742 background-color: #f6f7f7; 3743 } 3744 } 3745 3746 @media only screen and (min-width: 1200px) and (max-width: 1399px) { 3747 .my-sites li { 3748 float: right; 3749 width: 21%; 3750 padding: 8px 2%; 3751 background-color: #fff; 3752 } 3753 .my-sites.striped li:nth-of-type(4n+1) { 3754 clear: right; 3755 } 3756 .my-sites.striped li:nth-of-type(4n+4):after { 3757 content: none; 3758 } 3759 .my-sites li:nth-of-type(8n+1), 3760 .my-sites li:nth-of-type(8n+2), 3761 .my-sites li:nth-of-type(8n+3), 3762 .my-sites li:nth-of-type(8n+4) { 3763 background-color: #f6f7f7; 3764 } 3765 } 3766 3767 @media only screen and (min-width: 1400px) and (max-width: 1599px) { 3768 .my-sites li { 3769 float: right; 3770 width: 16%; 3771 padding: 8px 2%; 3772 background-color: #fff; 3773 } 3774 .my-sites.striped li:nth-of-type(5n+1) { 3775 clear: right; 3776 } 3777 .my-sites.striped li:nth-of-type(5n+5):after { 3778 content: none; 3779 } 3780 .my-sites li:nth-of-type(10n+1), 3781 .my-sites li:nth-of-type(10n+2), 3782 .my-sites li:nth-of-type(10n+3), 3783 .my-sites li:nth-of-type(10n+4), 3784 .my-sites li:nth-of-type(10n+5) { 3785 background-color: #f6f7f7; 3786 } 3787 } 3788 3789 @media only screen and (min-width: 1600px) { 3790 .my-sites li { 3791 float: right; 3792 width: 12.666666%; 3793 padding: 8px 2%; 3794 background-color: #fff; 3795 } 3796 .my-sites.striped li:nth-of-type(6n+1) { 3797 clear: right; 3798 } 3799 .my-sites.striped li:nth-of-type(6n+6):after { 3800 content: none; 3801 } 3802 .my-sites li:nth-of-type(12n+1), 3803 .my-sites li:nth-of-type(12n+2), 3804 .my-sites li:nth-of-type(12n+3), 3805 .my-sites li:nth-of-type(12n+4), 3806 .my-sites li:nth-of-type(12n+5), 3807 .my-sites li:nth-of-type(12n+6) { 3808 background-color: #f6f7f7; 3809 } 3810 } 3811 3812 .my-sites li a { 3813 text-decoration: none; 3814 } 3815 3816 /* =Media Queries 3817 -------------------------------------------------------------- */ 3818 3819 /** 3820 * HiDPI Displays 3821 */ 3822 @media print, 3823 (min-resolution: 120dpi) { 3824 /* Back-compat for pre-3.8 */ 3825 div.star-holder, 3826 div.star-holder .star-rating { 3827 background: url(../images/stars-2x.png?ver=20121108) repeat-x bottom right; 3828 background-size: 21px 37px; 3829 } 3830 3831 .spinner { 3832 background-image: url(../images/spinner-2x.gif); 3833 } 3834 3835 } 3836 3837 @media screen and (max-width: 782px) { 3838 html.wp-toolbar { 3839 padding-top: 46px; 3840 } 3841 3842 .screen-reader-shortcut:focus { 3843 top: -39px; 3844 } 3845 3846 body { 3847 min-width: 240px; 3848 overflow-x: hidden; 3849 } 3850 3851 body * { 3852 -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; 3853 } 3854 3855 #wpcontent { 3856 position: relative; 3857 margin-right: 0; 3858 padding-right: 10px; 3859 } 3860 3861 #wpbody-content { 3862 padding-bottom: 100px; 3863 } 3864 3865 .wrap { 3866 clear: both; 3867 margin-left: 12px; 3868 margin-right: 0; 3869 } 3870 3871 /* categories */ 3872 #col-left, 3873 #col-right { 3874 float: none; 3875 width: auto; 3876 } 3877 3878 #col-left .col-wrap, 3879 #col-right .col-wrap { 3880 padding: 0; 3881 } 3882 3883 /* Hidden Elements */ 3884 #collapse-menu, 3885 .post-format-select { 3886 display: none !important; 3887 } 3888 3889 .wrap h1.wp-heading-inline { 3890 margin-bottom: 0.5em; 3891 } 3892 3893 .wrap .add-new-h2, /* deprecated */ 3894 .wrap .add-new-h2:active, /* deprecated */ 3895 .wrap .page-title-action, 3896 .wrap .page-title-action:active { 3897 padding: 10px 15px; 3898 font-size: 14px; 3899 white-space: nowrap; 3900 } 3901 3902 /* Feedback Messages */ 3903 .notice, 3904 .wrap div.updated, 3905 .wrap div.error, 3906 .media-upload-form div.error { 3907 margin: 20px 0 10px; 3908 padding: 5px 10px; 3909 font-size: 14px; 3910 line-height: 175%; 3911 } 3912 3913 .wp-core-ui .notice.is-dismissible { 3914 padding-left: 46px; 3915 } 3916 3917 .notice-dismiss { 3918 padding: 13px; 3919 } 3920 3921 .wrap .icon32 + h2 { 3922 margin-top: -2px; 3923 } 3924 3925 .wp-responsive-open #wpbody { 3926 left: -16em; 3927 } 3928 3929 code { 3930 word-wrap: break-word; 3931 word-wrap: anywhere; /* Firefox. Allow breaking long words anywhere */ 3932 word-break: break-word; /* Webkit: Treated similarly to word-wrap: break-word */ 3933 } 3934 3935 /* General Metabox */ 3936 .postbox { 3937 font-size: 14px; 3938 } 3939 3940 .metabox-holder h3.hndle, /* Back-compat for pre-4.4 */ 3941 .metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */ 3942 .metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */ 3943 .metabox-holder h2 { 3944 padding: 12px; 3945 } 3946 3947 .postbox .handlediv { 3948 margin-top: 3px; 3949 } 3950 3951 /* Subsubsub Nav */ 3952 .subsubsub { 3953 font-size: 16px; 3954 text-align: center; 3955 margin-bottom: 15px; 3956 } 3957 3958 /* Theme/Plugin File Editor */ 3959 3960 #template textarea, 3961 #template .CodeMirror { 3962 box-sizing: border-box; 3963 } 3964 3965 #templateside { 3966 float: none; 3967 width: auto; 3968 } 3969 3970 #templateside > ul { 3971 border-right: 1px solid #dcdcde; 3972 } 3973 3974 #templateside li { 3975 margin: 0; 3976 } 3977 3978 #templateside li:not(.howto) a { 3979 display: block; 3980 padding: 5px; 3981 } 3982 #templateside li.howto { 3983 padding: 12px; 3984 } 3985 3986 #templateside .highlight { 3987 padding: 5px; 3988 margin-right: -5px; 3989 margin-top: -5px; 3990 } 3991 3992 #template > div, 3993 #template .notice { 3994 float: none; 3995 margin: 1em 0; 3996 width: auto; 3997 } 3998 3999 #template .CodeMirror, 4000 #template textarea { 4001 width: 100%; 4002 } 4003 4004 #templateside ul ul { 4005 padding-right: 1.5em; 4006 } 4007 [role="treeitem"] .folder-label { 4008 display: block; 4009 padding: 5px; 4010 } 4011 .tree-folder > li::before, 4012 .tree-folder > li::after, 4013 .tree-folder .tree-folder::after { 4014 right: -8px; 4015 } 4016 .tree-folder > li::before { 4017 top: 0; 4018 height: 13px; 4019 } 4020 .tree-folder > .current-file::before { 4021 right: -5px; 4022 top: 7px; 4023 width: 4px; 4024 } 4025 .tree-folder > .current-file::after { 4026 height: 9px; 4027 right: -8px; 4028 } 4029 .wrap #templateside span.notice { 4030 margin-right: -5px; 4031 width: 100%; 4032 } 4033 4034 .fileedit-sub .alignright { 4035 float: right; 4036 margin-top: 15px; 4037 width: 100%; 4038 text-align: right; 4039 } 4040 4041 .fileedit-sub .alignright label { 4042 display: block; 4043 } 4044 4045 .fileedit-sub #theme, 4046 .fileedit-sub #plugin { 4047 margin-right: 0; 4048 max-width: 70%; 4049 } 4050 4051 .fileedit-sub input[type="submit"] { 4052 margin-bottom: 0; 4053 } 4054 4055 #documentation label[for="docs-list"] { 4056 display: block; 4057 } 4058 4059 #documentation select[name="docs-list"] { 4060 margin-right: 0; 4061 max-width: 60%; 4062 } 4063 4064 #documentation input[type="button"] { 4065 margin-bottom: 0; 4066 } 4067 4068 #wpfooter { 4069 display: none; 4070 } 4071 4072 #comments-form .checkforspam { 4073 display: none; 4074 } 4075 4076 .edit-comment-author { 4077 margin: 2px 0 0; 4078 } 4079 4080 .filter-drawer .filter-group-feature input, 4081 .filter-drawer .filter-group-feature label { 4082 line-height: 2.1; 4083 } 4084 4085 .filter-drawer .filter-group-feature label { 4086 margin-right: 32px; 4087 } 4088 4089 .wp-filter .button.drawer-toggle { 4090 font-size: 13px; 4091 line-height: 2; 4092 height: 28px; 4093 } 4094 4095 /* Fix help tab columns for smaller screens */ 4096 #screen-meta #contextual-help-wrap { 4097 overflow: visible; 4098 } 4099 4100 #screen-meta #contextual-help-back, 4101 #screen-meta .contextual-help-sidebar { 4102 display: none; 4103 } 4104 4105 #screen-meta .contextual-help-tabs { 4106 clear: both; 4107 width: 100%; 4108 float: none; 4109 } 4110 4111 #screen-meta .contextual-help-tabs ul { 4112 margin: 0 0 1em; 4113 padding: 1em 0 0; 4114 } 4115 4116 #screen-meta .contextual-help-tabs .active { 4117 margin: 0; 4118 } 4119 4120 #screen-meta .contextual-help-tabs-wrap { 4121 clear: both; 4122 max-width: 100%; 4123 float: none; 4124 } 4125 4126 #screen-meta, 4127 #screen-meta-links { 4128 margin-left: 10px; 4129 } 4130 4131 #screen-meta-links { 4132 margin-bottom: 20px; /* Add margins beneath links for better spacing between boxes and elements */ 4133 } 4134 4135 .wp-filter .search-form input[type="search"] { 4136 width: 100%; 4137 font-size: 1rem; 4138 } 4139 4140 .wp-filter .search-form.search-plugins { 4141 /* This element is a flex item. */ 4142 min-width: 100%; 4143 } 4144 } 4145 4146 /* Smartphone */ 4147 @media screen and (max-width: 600px) { 4148 /* Disable horizontal scroll when responsive menu is open 4149 since we push the main content off to the right. */ 4150 #wpwrap.wp-responsive-open { 4151 overflow-x: hidden; 4152 } 4153 4154 html.wp-toolbar { 4155 padding-top: 0; 4156 } 4157 4158 .screen-reader-shortcut:focus { 4159 top: 7px; 4160 } 4161 4162 #wpbody { 4163 padding-top: 46px; 4164 } 4165 4166 /* Keep full-width boxes on Edit Post page from causing horizontal scroll */ 4167 div#post-body.metabox-holder.columns-1 { 4168 overflow-x: hidden; 4169 } 4170 4171 h1.nav-tab-wrapper, 4172 .wrap h2.nav-tab-wrapper, 4173 .nav-tab-wrapper { 4174 border-bottom: 0; 4175 } 4176 4177 h1 .nav-tab, 4178 h2 .nav-tab, 4179 h3 .nav-tab, 4180 nav .nav-tab { 4181 margin: 10px 0 0 10px; 4182 border-bottom: 1px solid #c3c4c7; 4183 } 4184 4185 .nav-tab-active:hover, 4186 .nav-tab-active:focus, 4187 .nav-tab-active:focus:active { 4188 border-bottom: 1px solid #c3c4c7; 4189 } 4190 } 4191 4192 @media screen and (max-width: 480px) { 4193 .metabox-prefs-container { 4194 display: grid; 4195 } 4196 4197 .metabox-prefs-container > * { 4198 display: inline-block; 4199 padding: 2px; 4200 } 4201 } 4202 4203 @media screen and (max-width: 320px) { 4204 /* Prevent default center alignment and larger font for the Right Now widget when 4205 the network dashboard is viewed on a small mobile device. */ 4206 #network_dashboard_right_now .subsubsub { 4207 font-size: 14px; 4208 text-align: right; 4209 } 4210 }
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
Generated : Fri Mar 29 08:20:02 2024 | Cross-referenced by PHPXref |