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