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