PHPXRef 0.7.1 : WordPress Trunk (Updated Daily) : /wp-admin/css/common-rtl.css source

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

/wp-admin/css/ -> common-rtl.css (source)
