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