[Summary view] [Print] [Text view]

   1  input,
   2  select,
   3  textarea,
   4  button {
   5      box-sizing: border-box;
   6      font-family: inherit;
   7      font-size: inherit;
   8      font-weight: inherit;
   9  }
  10  
  11  textarea,
  12  input {
  13      font-size: 14px;
  14  }
  15  
  16  textarea {
  17      overflow: auto;
  18      padding: 8px 12px;
  19      /* inherits font size 14px */
  20      line-height: 1.42857143; /* 20px */
  21      resize: vertical;
  22  }
  23  
  24  input,
  25  select {
  26      margin: 0 1px;
  27  }
  28  
  29  textarea.code {
  30      padding: 8px 12px;
  31  }
  32  
  33  input[type="text"],
  34  input[type="password"],
  35  input[type="color"],
  36  input[type="date"],
  37  input[type="datetime"],
  38  input[type="datetime-local"],
  39  input[type="email"],
  40  input[type="month"],
  41  input[type="number"],
  42  input[type="search"],
  43  input[type="tel"],
  44  input[type="time"],
  45  input[type="url"],
  46  input[type="week"],
  47  select,
  48  textarea {
  49      box-shadow: 0 0 0 transparent;
  50      border-radius: 2px;
  51      border: 1px solid #949494;
  52      background-color: #fff;
  53      color: #1e1e1e;
  54  }
  55  
  56  input[type="text"],
  57  input[type="password"],
  58  input[type="date"],
  59  input[type="datetime"],
  60  input[type="datetime-local"],
  61  input[type="email"],
  62  input[type="month"],
  63  input[type="number"],
  64  input[type="search"],
  65  input[type="tel"],
  66  input[type="time"],
  67  input[type="url"],
  68  input[type="week"] {
  69      padding: 0 12px;
  70      /* inherits font size 14px */
  71      min-height: 40px;
  72  }
  73  
  74  select {
  75      padding: 0 24px 0 12px;
  76      /* inherits font size 14px */
  77      line-height: 2.71428571; /* 38px for 40px min-height */
  78      min-height: 40px;
  79  }
  80  
  81  ::-webkit-datetime-edit {
  82      /* inherits font size 14px */
  83      line-height: 1.85714286; /* 26px */
  84  }
  85  
  86  input[type="text"]:focus,
  87  input[type="password"]:focus,
  88  input[type="color"]:focus,
  89  input[type="date"]:focus,
  90  input[type="datetime"]:focus,
  91  input[type="datetime-local"]:focus,
  92  input[type="email"]:focus,
  93  input[type="month"]:focus,
  94  input[type="number"]:focus,
  95  input[type="search"]:focus,
  96  input[type="tel"]:focus,
  97  input[type="time"]:focus,
  98  input[type="url"]:focus,
  99  input[type="week"]:focus,
 100  select:focus,
 101  textarea:focus {
 102      border-color: var(--wp-admin-theme-color);
 103      box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
 104      /* Only visible in Windows High Contrast mode */
 105      outline: 2px solid transparent;
 106  }
 107  
 108  /* Checkbox and radio use outset focus style */
 109  input[type="checkbox"]:focus,
 110  input[type="radio"]:focus {
 111      border-color: #1e1e1e;
 112      box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
 113      /* Only visible in Windows High Contrast mode */
 114      outline: 2px solid transparent;
 115  }
 116  
 117  /* rtl:ignore */
 118  .ltr,
 119  input[type="password"],
 120  input[type="email"],
 121  input[type="url"] {
 122      direction: ltr;
 123  }
 124  
 125  input[type="checkbox"],
 126  input[type="radio"] {
 127      border: 1px solid #1e1e1e;
 128      border-radius: 2px;
 129      background: #fff;
 130      color: #1e1e1e;
 131      clear: none;
 132      cursor: pointer;
 133      display: inline-block;
 134      line-height: 0;
 135      height: 1rem;
 136      margin: -0.25rem 0.25rem 0 0;
 137      outline: 0;
 138      padding: 0 !important;
 139      text-align: center;
 140      vertical-align: middle;
 141      width: 1rem;
 142      min-width: 1rem;
 143      -webkit-appearance: none;
 144      box-shadow: none;
 145      transition: 0.05s border-color ease-in-out;
 146  }
 147  
 148  input[type="radio"]:checked + label::before {
 149      color: #949494;
 150  }
 151  
 152  .wp-core-ui input[type="reset"]:hover,
 153  .wp-core-ui input[type="reset"]:active {
 154      color: #135e96;
 155  }
 156  
 157  td > input[type="checkbox"],
 158  .wp-admin p input[type="checkbox"],
 159  .wp-admin p input[type="radio"] {
 160      margin-top: 0;
 161  }
 162  
 163  .wp-admin p label input[type="checkbox"] {
 164      margin-top: -4px;
 165  }
 166  
 167  .wp-admin p label input[type="radio"] {
 168      margin-top: -2px;
 169  }
 170  
 171  input[type="radio"] {
 172      display: inline-flex;
 173      border-radius: 50%;
 174      margin-right: 0.25rem;
 175      align-items: center;
 176      justify-content: center;
 177  }
 178  
 179  input[type="checkbox"]:checked::before,
 180  input[type="radio"]:checked::before {
 181      float: left;
 182      display: inline-block;
 183      vertical-align: middle;
 184      width: 1rem;
 185      -webkit-font-smoothing: antialiased;
 186      -moz-osx-font-smoothing: grayscale;
 187  }
 188  
 189  input[type="checkbox"]:checked::before {
 190      /* Use the "Yes" SVG Dashicon */
 191      content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23ffffff%27%2F%3E%3C%2Fsvg%3E);
 192      content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23ffffff%27%2F%3E%3C%2Fsvg%3E) / "";
 193      margin: -0.1875rem 0 0 -0.25rem;
 194      height: 1.3125rem;
 195      width: 1.3125rem;
 196  }
 197  
 198  input[type="checkbox"]:checked {
 199      background: var(--wp-admin-theme-color);
 200      border-color: var(--wp-admin-theme-color);
 201  }
 202  
 203  input[type="radio"]:checked {
 204      background: var(--wp-admin-theme-color);
 205      border-color: var(--wp-admin-theme-color);
 206  }
 207  
 208  input[type="radio"]:checked::before {
 209      content: "";
 210      border-radius: 50%;
 211      width: 0.5rem; /* 8px */
 212      height: 0.5rem; /* 8px */
 213      margin: auto;
 214      background-color: #fff;
 215      /* Only visible in Windows High Contrast mode */
 216      outline: 4px solid transparent;
 217  }
 218  
 219  @-moz-document url-prefix() {
 220      input[type="checkbox"],
 221      input[type="radio"],
 222      .form-table input.tog {
 223          margin-bottom: -1px;
 224      }
 225  }
 226  
 227  /* Search */
 228  input[type="search"] {
 229      -webkit-appearance: textfield;
 230  }
 231  
 232  input[type="search"]::-webkit-search-decoration {
 233      display: none;
 234  }
 235  
 236  input[type="search"]::-webkit-search-cancel-button {
 237      cursor: pointer;
 238  }
 239  
 240  .wp-admin input[type="file"] {
 241      padding: 3px 0;
 242      cursor: pointer;
 243  }
 244  
 245  input.readonly,
 246  input[readonly],
 247  textarea.readonly,
 248  textarea[readonly] {
 249      background-color: #f0f0f0;
 250  }
 251  
 252  ::-webkit-input-placeholder {
 253      color: #757575;
 254  }
 255  
 256  ::-moz-placeholder {
 257      color: #757575;
 258  }
 259  
 260  .form-invalid .form-required,
 261  .form-invalid .form-required:focus,
 262  .form-invalid.form-required input,
 263  .form-invalid.form-required input:focus,
 264  .form-invalid.form-required select,
 265  .form-invalid.form-required select:focus {
 266      border-color: #d63638 !important;
 267      box-shadow: 0 0 2px rgba(214, 54, 56, 0.8);
 268  }
 269  
 270  .form-table .form-required.form-invalid td::after {
 271      content: "\f534";
 272      content: "\f534" / "";
 273      font: 400 20px/1 dashicons;
 274      color: #d63638;
 275      margin-left: -25px;
 276      vertical-align: middle;
 277  }
 278  
 279  /* Adjust error indicator for password layout */
 280  .form-table .form-required.user-pass1-wrap.form-invalid td::after {
 281      content: "";
 282  }
 283  
 284  .form-table .form-required.user-pass1-wrap.form-invalid .password-input-wrapper::after {
 285      content: "\f534";
 286      content: "\f534" / "";
 287      font: 400 20px/1 dashicons;
 288      color: #d63638;
 289      margin: 0 6px 0 -29px;
 290      vertical-align: middle;
 291  }
 292  
 293  .form-input-tip {
 294      color: #646970;
 295  }
 296  
 297  input:disabled,
 298  input.disabled,
 299  select:disabled,
 300  select.disabled,
 301  textarea:disabled,
 302  textarea.disabled {
 303      background: #f0f0f0;
 304      border-color: #ccc;
 305      box-shadow: none;
 306      color: #949494;
 307  }
 308  
 309  input[type="file"]:disabled,
 310  input[type="file"].disabled,
 311  input[type="file"][aria-disabled="true"],
 312  input[type="range"]:disabled,
 313  input[type="range"].disabled,
 314  input[type="range"][aria-disabled="true"] {
 315      background: none;
 316      box-shadow: none;
 317      cursor: default;
 318  }
 319  
 320  input[type="checkbox"]:disabled,
 321  input[type="checkbox"].disabled,
 322  input[type="checkbox"][aria-disabled="true"],
 323  input[type="radio"]:disabled,
 324  input[type="radio"].disabled,
 325  input[type="radio"][aria-disabled="true"],
 326  input[type="checkbox"]:disabled:checked::before,
 327  input[type="checkbox"].disabled:checked::before,
 328  input[type="radio"]:disabled:checked::before,
 329  input[type="radio"].disabled:checked::before {
 330      opacity: 0.7;
 331      cursor: default;
 332  }
 333  
 334  /* Select styles are based on the default button in buttons.css */
 335  .wp-core-ui select {
 336      font-size: 14px;
 337      line-height: 2.71428571; /* 38px for 40px min-height */
 338      color: #1e1e1e;
 339      border-color: #949494;
 340      box-shadow: none;
 341      border-radius: 2px;
 342      padding: 0 24px 0 12px;
 343      min-height: 40px;
 344      max-width: 25rem;
 345      -webkit-appearance: none;
 346      /* The SVG is arrow-down-alt2 from Dashicons. */
 347      background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%231e1e1e%22%2F%3E%3C%2Fsvg%3E) no-repeat right 8px top 55%;
 348      background-size: 16px 16px;
 349      cursor: pointer;
 350      vertical-align: middle;
 351  }
 352  
 353  .wp-core-ui select:hover {
 354      color: #1e1e1e;
 355      border-color: #1e1e1e;
 356  }
 357  
 358  .wp-core-ui select:focus {
 359      border-color: var(--wp-admin-theme-color);
 360      color: #1e1e1e;
 361      box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
 362  }
 363  
 364  .wp-core-ui select:active {
 365      border-color: #949494;
 366      box-shadow: none;
 367  }
 368  
 369  .wp-core-ui select.disabled,
 370  .wp-core-ui select:disabled {
 371      color: #a7aaad;
 372      border-color: #dcdcde;
 373      background-color: #f6f7f7;
 374      /* The SVG is arrow-down-alt2 from Dashicons. */
 375      background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23a0a5aa%22%2F%3E%3C%2Fsvg%3E);
 376      box-shadow: none;
 377      text-shadow: 0 1px 0 #fff;
 378      cursor: default;
 379      transform: none;
 380  }
 381  
 382  .wp-core-ui select[aria-disabled="true"] {
 383      cursor: default;
 384  }
 385  
 386  /* Reset Firefox inner outline that appears on :focus. */
 387  /* This ruleset overrides the color change on :focus thus needs to be after select:focus. */
 388  .wp-core-ui select:-moz-focusring {
 389      color: transparent;
 390      text-shadow: 0 0 0 #0a4b78;
 391  }
 392  
 393  /* Remove background focus style from IE11 while keeping focus style available on option elements. */
 394  .wp-core-ui select::-ms-value {
 395      background: transparent;
 396      color: #50575e;
 397  }
 398  
 399  .wp-core-ui select:hover::-ms-value {
 400      color: #1e1e1e;
 401  }
 402  
 403  .wp-core-ui select:focus::-ms-value {
 404      color: #0a4b78;
 405  }
 406  
 407  .wp-core-ui select.disabled::-ms-value,
 408  .wp-core-ui select:disabled::-ms-value {
 409      color: #a7aaad;
 410  }
 411  
 412  /* Hide the native down arrow for select element on IE. */
 413  .wp-core-ui select::-ms-expand {
 414      display: none;
 415  }
 416  
 417  .wp-admin .button-cancel {
 418      display: inline-block;
 419      min-height: 28px;
 420      padding: 0 5px;
 421      line-height: 2;
 422  }
 423  
 424  .meta-box-sortables select {
 425      max-width: 100%;
 426  }
 427  
 428  .meta-box-sortables input {
 429      vertical-align: middle;
 430  }
 431  
 432  .misc-pub-post-status select {
 433      margin-top: 0;
 434  }
 435  
 436  .wp-core-ui select[multiple] {
 437      height: auto;
 438      padding-right: 8px;
 439      background: #fff;
 440  }
 441  
 442  .submit {
 443      padding: 1.5em 0;
 444      margin: 5px 0;
 445      border-bottom-left-radius: 3px;
 446      border-bottom-right-radius: 3px;
 447      border: none;
 448  }
 449  
 450  form p.submit a.cancel:hover {
 451      text-decoration: none;
 452  }
 453  
 454  p.submit {
 455      text-align: left;
 456      max-width: 100%;
 457      margin-top: 20px;
 458      padding-top: 10px;
 459  }
 460  
 461  .textright p.submit {
 462      border: none;
 463      text-align: right;
 464  }
 465  
 466  table.form-table + p.submit,
 467  table.form-table + input + p.submit,
 468  table.form-table + input + input + p.submit {
 469      border-top: none;
 470      padding-top: 0;
 471  }
 472  
 473  #minor-publishing-actions input,
 474  #major-publishing-actions input,
 475  #minor-publishing-actions .preview {
 476      text-align: center;
 477  }
 478  
 479  textarea.all-options,
 480  input.all-options {
 481      width: 250px;
 482  }
 483  
 484  input.large-text,
 485  textarea.large-text {
 486      width: 99%;
 487  }
 488  
 489  .regular-text {
 490      width: 25em;
 491  }
 492  
 493  input.small-text {
 494      width: 50px;
 495      padding: 0 8px;
 496  }
 497  
 498  label input.small-text {
 499      margin-top: -4px;
 500  }
 501  
 502  input[type="number"].small-text {
 503      width: 65px;
 504      padding-right: 4px;
 505  }
 506  
 507  input.tiny-text {
 508      width: 35px;
 509  }
 510  
 511  input[type="number"].tiny-text {
 512      width: 45px;
 513      padding-right: 0;
 514  }
 515  
 516  #doaction,
 517  #doaction2,
 518  #post-query-submit {
 519      margin: 0 8px 0 0;
 520  }
 521  
 522  /* @since 5.7.0 secondary bulk action controls require JS. */
 523  .no-js label[for="bulk-action-selector-bottom"],
 524  .no-js select#bulk-action-selector-bottom,
 525  .no-js input#doaction2,
 526  .no-js label[for="new_role2"],
 527  .no-js select#new_role2,
 528  .no-js input#changeit2 {
 529      display: none;
 530  }
 531  
 532  .wp-core-ui .tablenav input[type="text"],
 533  .wp-core-ui .tablenav input[type="password"],
 534  .wp-core-ui .tablenav input[type="date"],
 535  .wp-core-ui .tablenav input[type="datetime"],
 536  .wp-core-ui .tablenav input[type="datetime-local"],
 537  .wp-core-ui .tablenav input[type="email"],
 538  .wp-core-ui .tablenav input[type="month"],
 539  .wp-core-ui .tablenav input[type="number"],
 540  .wp-core-ui .tablenav input[type="search"],
 541  .wp-core-ui .tablenav input[type="tel"],
 542  .wp-core-ui .tablenav input[type="time"],
 543  .wp-core-ui .tablenav input[type="url"],
 544  .wp-core-ui .tablenav input[type="week"],
 545  .wp-core-ui .tablenav select {
 546      padding: 0 12px;
 547      /* inherits font size 14px */
 548      line-height: 2.14285714; /* 30px for 32px height with 14px font */
 549      min-height: 32px;
 550  }
 551  
 552  .wp-core-ui .tablenav select {
 553      float: left;
 554      margin-right: 6px;
 555      max-width: 12.5rem;
 556      padding: 0 24px 0 8px;
 557  }
 558  
 559  .wp-core-ui .tablenav .button {
 560      min-height: 32px;
 561      line-height: 2.30769231; /* 30px for 32px height with 13px font */
 562      padding: 0 12px;
 563  }
 564  
 565  #timezone_string option {
 566      margin-left: 1em;
 567  }
 568  
 569  .wp-core-ui .button.wp-hide-pw > .dashicons,
 570  .wp-core-ui .button.wp-cancel-pw > .dashicons {
 571      width: 1.25rem;
 572      height: 1.25rem;
 573      font-size: 20px;
 574      line-height: 1;
 575      vertical-align: middle;
 576  }
 577  
 578  .button.wp-hide-pw.user-new-password-toggle {
 579      display: inline-flex;
 580      align-items: center;
 581      column-gap: 4px;
 582  }
 583  
 584  .wp-cancel-pw .dashicons-no {
 585      display: none;
 586  }
 587  
 588  label,
 589  #your-profile label + a {
 590      vertical-align: middle;
 591  }
 592  
 593  fieldset label,
 594  #your-profile label + a {
 595      vertical-align: middle;
 596  }
 597  
 598  .options-media-php [for*="_size_"] {
 599      min-width: 10em;
 600      vertical-align: baseline;
 601  }
 602  
 603  .options-media-php .small-text[name*="_size_"] {
 604      margin: 0 0 1em;
 605  }
 606  
 607  .wp-generate-pw {
 608      margin-top: 1em;
 609      position: relative;
 610  }
 611  
 612  .wp-pwd button {
 613      height: min-content;
 614  }
 615  
 616  .wp-pwd {
 617      margin-top: 1em;
 618      position: relative;
 619  }
 620  
 621  .mailserver-pass-wrap .wp-pwd {
 622      display: inline-block;
 623      margin-top: 0;
 624  }
 625  
 626  /* rtl:ignore */
 627  #mailserver_pass {
 628      padding-right: 2.5rem;
 629  }
 630  
 631  /* rtl:ignore */
 632  .mailserver-pass-wrap .button.wp-hide-pw {
 633      background: transparent;
 634      border: 1px solid transparent;
 635      box-shadow: none;
 636      font-size: 14px;
 637      line-height: 2;
 638      width: 2.5rem;
 639      min-width: 40px;
 640      margin: 0;
 641      padding: 0 9px;
 642      position: absolute;
 643      right: 0;
 644      top: 0;
 645  }
 646  
 647  .mailserver-pass-wrap .button.wp-hide-pw:hover {
 648      background: transparent;
 649      border-color: transparent;
 650  }
 651  
 652  .mailserver-pass-wrap .button.wp-hide-pw:focus {
 653      background: transparent;
 654      border-color: var(--wp-admin-theme-color);
 655      border-radius: 2px;
 656      box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
 657      /* Only visible in Windows High Contrast mode */
 658      outline: 2px solid transparent;
 659  }
 660  
 661  .mailserver-pass-wrap .button.wp-hide-pw:active {
 662      background: transparent;
 663      box-shadow: none;
 664      transform: none;
 665  }
 666  
 667  #misc-publishing-actions label {
 668      vertical-align: baseline;
 669  }
 670  
 671  #pass-strength-result {
 672      background-color: #f0f0f0;
 673      border: 1px solid #ccc;
 674      border-radius: 2px;
 675      color: #1e1e1e;
 676      margin: -1px 1px 5px;
 677      padding: 3px 5px;
 678      text-align: center;
 679      width: 25em;
 680      box-sizing: border-box;
 681      opacity: 0;
 682  }
 683  
 684  #pass-strength-result.short {
 685      background-color: #ffabaf;
 686      border-color: #e65054;
 687      opacity: 1;
 688  }
 689  
 690  #pass-strength-result.bad {
 691      background-color: #facfd2;
 692      border-color: #f86368;
 693      opacity: 1;
 694  }
 695  
 696  #pass-strength-result.good {
 697      background-color: #f5e6ab;
 698      border-color: #f0c33c;
 699      opacity: 1;
 700  }
 701  
 702  #pass-strength-result.strong {
 703      background-color: #b8e6bf;
 704      border-color: #68de7c;
 705      opacity: 1;
 706  }
 707  
 708  .password-input-wrapper {
 709      display: inline-block;
 710  }
 711  
 712  .password-input-wrapper input {
 713      font-family: Consolas, Monaco, monospace;
 714  }
 715  
 716  #pass1.short,
 717  #pass1-text.short {
 718      border-color: #e65054;
 719  }
 720  
 721  #pass1.bad,
 722  #pass1-text.bad {
 723      border-color: #f86368;
 724  }
 725  
 726  #pass1.good,
 727  #pass1-text.good {
 728      border-color: #f0c33c;
 729  }
 730  
 731  #pass1.strong,
 732  #pass1-text.strong {
 733      border-color: #68de7c;
 734  }
 735  
 736  #pass1:focus,
 737  #pass1-text:focus {
 738      box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
 739      border-color: var(--wp-admin-theme-color, #3858e9);
 740      /* Only visible in Windows High Contrast mode */
 741      outline: 2px solid transparent;
 742  }
 743  
 744  .pw-weak {
 745      display: none;
 746  }
 747  
 748  .indicator-hint {
 749      padding-top: 8px;
 750  }
 751  
 752  .wp-pwd [type="text"],
 753  .wp-pwd [type="password"] {
 754      margin-bottom: 0;
 755      /* Same height as the buttons */
 756      min-height: 40px;
 757  }
 758  
 759  /* Hide the Edge "reveal password" native button */
 760  .wp-pwd input::-ms-reveal {
 761      display: none;
 762  }
 763  
 764  #pass1-text,
 765  .show-password #pass1 {
 766      display: none;
 767  }
 768  
 769  #pass1-text::-ms-clear {
 770      display: none;
 771  }
 772  
 773  .show-password #pass1-text {
 774      display: inline-block;
 775  }
 776  
 777  /* Caps lock warning */
 778  .wp-pwd .caps-warning {
 779      display: none;
 780      position: relative;
 781      background: #fcf9e8;
 782      border: 1px solid #f0c33c;
 783      color: #1d2327;
 784      padding: 6px 10px;
 785      top: -8px;
 786  }
 787  
 788  .profile-php .wp-pwd .caps-warning {
 789      padding: 3px 5px;
 790      top: -4px;
 791      border-radius: 2px;
 792  }
 793  
 794  .wp-pwd .caps-icon {
 795      display: inline-flex;
 796      justify-content: center;
 797      width: 20px;
 798      height: 20px;
 799      margin-right: 5px;
 800      vertical-align: middle;
 801  }
 802  
 803  .wp-pwd .caps-warning-text {
 804      vertical-align: middle;
 805  }
 806  /* Caps lock warning */
 807  
 808  p.search-box {
 809      display: flex;
 810      flex-wrap: wrap;
 811      align-items: center;
 812      column-gap: 0.5rem;
 813      position: relative;
 814      float: right;
 815      margin: 11px 0;
 816  }
 817  
 818  p.search-box input[type="search"],
 819  p.search-box input[type="text"] {
 820      min-height: 32px;
 821      padding: 0 8px;
 822  }
 823  
 824  p.search-box .button {
 825      min-height: 32px;
 826      line-height: 2.30769231; /* 30px for 32px height with 13px font */
 827      padding: 0 12px;
 828  }
 829  
 830  .network-admin.themes-php p.search-box {
 831      clear: left;
 832  }
 833  
 834  .tablenav .search-plugins input[name="s"] {
 835      float: left;
 836      margin: 0 4px 0 0;
 837  }
 838  
 839  .tagsdiv .newtag {
 840      margin: 0;
 841  }
 842  
 843  .js.plugins-php .search-box .wp-filter-search {
 844      margin: 0;
 845      width: 280px;
 846  }
 847  
 848  input[type="text"].ui-autocomplete-loading,
 849  input[type="email"].ui-autocomplete-loading {
 850      background-image: url(../images/loading.gif);
 851      background-repeat: no-repeat;
 852      background-position: right 5px center;
 853      visibility: visible;
 854  }
 855  
 856  input.ui-autocomplete-input.open {
 857      border-bottom-color: transparent;
 858  }
 859  
 860  ul#add-to-blog-users {
 861      margin: 0 0 0 14px;
 862  }
 863  
 864  .ui-autocomplete {
 865      padding: 0;
 866      margin: 0;
 867      list-style: none;
 868      position: absolute;
 869      z-index: 10000;
 870      border: 1px solid #4f94d4;
 871      box-shadow: 0 1px 2px rgba(79, 148, 212, 0.8);
 872      background-color: #fff;
 873  }
 874  
 875  .ui-autocomplete li {
 876      margin-bottom: 0;
 877      padding: 4px 10px;
 878      white-space: nowrap;
 879      text-align: left;
 880      cursor: pointer;
 881  }
 882  
 883  /* Colors for the wplink toolbar autocomplete. */
 884  .ui-autocomplete .ui-state-focus {
 885      background-color: #dcdcde;
 886  }
 887  
 888  /* Colors for the tags autocomplete. */
 889  .wp-tags-autocomplete .ui-state-focus,
 890  .wp-tags-autocomplete [aria-selected="true"] {
 891      background-color: var(--wp-admin-theme-color);
 892      color: #fff;
 893      /* Only visible in Windows High Contrast mode */
 894      outline: 2px solid transparent;
 895  }
 896  
 897  .form-table {
 898      border-collapse: collapse;
 899      margin-top: 0.5em;
 900      width: 100%;
 901      clear: both;
 902  }
 903  
 904  .form-table,
 905  .form-table td,
 906  .form-table th,
 907  .form-table td p {
 908      font-size: 14px;
 909  }
 910  
 911  .form-table td {
 912      margin-bottom: 9px;
 913      padding: 15px 10px;
 914      line-height: 1.3;
 915      vertical-align: middle;
 916  }
 917  
 918  .form-table th,
 919  .form-wrap label {
 920      color: #1d2327;
 921      font-weight: 400;
 922      text-shadow: none;
 923      vertical-align: baseline;
 924  }
 925  
 926  .form-table th {
 927      vertical-align: top;
 928      text-align: left;
 929      padding: 20px 10px 20px 0;
 930      width: 200px;
 931      line-height: 1.3;
 932      font-weight: 600;
 933  }
 934  
 935  .form-table th.th-full, /* Not used by core. Back-compat for pre-4.8 */
 936  .form-table .td-full {
 937      width: auto;
 938      padding: 20px 10px 20px 0;
 939      font-weight: 400;
 940  }
 941  
 942  .form-table td p {
 943      margin-top: 4px;
 944      margin-bottom: 0;
 945  }
 946  
 947  .form-table .date-time-doc {
 948      margin-top: 1em;
 949  }
 950  
 951  .form-table p.timezone-info {
 952      margin: 1em 0;
 953      display: flex;
 954      flex-direction: column;
 955  }
 956  
 957  #local-time {
 958      margin-top: 0.5em;
 959  }
 960  
 961  .form-table td fieldset label {
 962      margin: 0.35em 0 0.5em !important;
 963      display: inline-block;
 964  }
 965  
 966  .form-table td fieldset p label {
 967      margin-top: 0 !important;
 968  }
 969  
 970  .form-table td fieldset label,
 971  .form-table td fieldset p,
 972  .form-table td fieldset li {
 973      line-height: 1.4;
 974  }
 975  
 976  .form-table .pre {
 977      padding: 8px;
 978      margin: 0;
 979  }
 980  
 981  table.form-table td .updated {
 982      font-size: 13px;
 983  }
 984  
 985  table.form-table td .updated p {
 986      font-size: 13px;
 987      margin: 0.3em 0;
 988  }
 989  
 990  #profile-page .form-table textarea {
 991      width: 500px;
 992      margin-bottom: 6px;
 993  }
 994  
 995  #profile-page .form-table #rich_editing {
 996      margin-right: 5px;
 997  }
 998  
 999  #your-profile legend {
1000      font-size: 22px;
1001  }
1002  
1003  #display_name {
1004      width: 15em;
1005  }
1006  
1007  #adduser .form-field input,
1008  #createuser .form-field input {
1009      width: 25em;
1010  }
1011  
1012  .color-option {
1013      display: inline-block;
1014      width: 24%;
1015      padding: 5px 15px 15px;
1016      box-sizing: border-box;
1017      margin-bottom: 3px;
1018      cursor: pointer;
1019  }
1020  
1021  .color-option:hover,
1022  .color-option.selected {
1023      background: #dcdcde;
1024  }
1025  
1026  .color-palette {
1027      display: table;
1028      width: 100%;
1029      border-spacing: 0;
1030      border-collapse: collapse;
1031  }
1032  
1033  .color-palette .color-palette-shade,
1034  .color-palette td {
1035      display: table-cell;
1036      height: 20px;
1037      padding: 0;
1038      border: none;
1039  }
1040  
1041  .create-application-password .form-field {
1042      max-width: 25em;
1043  }
1044  
1045  .create-application-password label {
1046      font-weight: 600;
1047  }
1048  
1049  .create-application-password p.submit {
1050      margin-bottom: 0;
1051      padding-bottom: 0;
1052      display: block;
1053  }
1054  
1055  #application-passwords-section .notice {
1056      margin-top: 20px;
1057      margin-bottom: 0;
1058      word-wrap: break-word;
1059  }
1060  
1061  .application-password-display input.code {
1062      margin-bottom: 6px;
1063      width: 100%;
1064      max-width: 20em;
1065  }
1066  
1067  .auth-app-card.card {
1068      max-width: 768px;
1069  }
1070  
1071  .authorize-application-php .form-wrap p {
1072      display: block;
1073  }
1074  
1075  .tool-box .title {
1076      margin: 8px 0;
1077      font-size: 18px;
1078      font-weight: 400;
1079      line-height: 1.3333;
1080  }
1081  
1082  .label-responsive {
1083      vertical-align: middle;
1084  }
1085  
1086  #export-filters p {
1087      margin: 0 0 1em;
1088  }
1089  
1090  #export-filters p.submit {
1091      margin: 7px 0 5px;
1092  }
1093  
1094  /* Card styles */
1095  
1096  .card {
1097      position: relative;
1098      margin-top: 20px;
1099      padding: 16px 24px;
1100      min-width: 255px;
1101      max-width: 520px;
1102      border: 1px solid rgba(0, 0, 0, 0.1);
1103      border-radius: 8px;
1104      background: #fff;
1105      box-sizing: border-box;
1106  }
1107  
1108  /* Press this styles */
1109  
1110  .pressthis h4 {
1111      margin: 2em 0 1em;
1112  }
1113  
1114  .pressthis textarea {
1115      width: 100%;
1116      font-size: 1em;
1117  }
1118  
1119  #pressthis-code-wrap {
1120      overflow: auto;
1121  }
1122  
1123  .pressthis-bookmarklet-wrapper {
1124      margin: 20px 0 8px;
1125      vertical-align: top;
1126      position: relative;
1127      z-index: 1;
1128  }
1129  
1130  .pressthis-bookmarklet,
1131  .pressthis-bookmarklet:hover,
1132  .pressthis-bookmarklet:focus,
1133  .pressthis-bookmarklet:active {
1134      display: inline-block;
1135      position: relative;
1136      cursor: move;
1137      color: #2c3338;
1138      background: #dcdcde;
1139      border-radius: 5px;
1140      border: 1px solid #c3c4c7;
1141      font-style: normal;
1142      line-height: 1.1429;
1143      font-size: 14px;
1144      text-decoration: none;
1145  }
1146  
1147  .pressthis-bookmarklet:active {
1148      outline: none;
1149  }
1150  
1151  .pressthis-bookmarklet::after {
1152      content: "";
1153      width: 70%;
1154      height: 55%;
1155      z-index: -1;
1156      position: absolute;
1157      right: 10px;
1158      bottom: 9px;
1159      background: transparent;
1160      transform: skew(20deg) rotate(6deg);
1161      box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
1162  }
1163  
1164  .pressthis-bookmarklet:hover::after {
1165      transform: skew(20deg) rotate(9deg);
1166      box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
1167  }
1168  
1169  .pressthis-bookmarklet span {
1170      display: inline-block;
1171      margin: 0;
1172      padding: 0 12px 8px 9px;
1173  }
1174  
1175  .pressthis-bookmarklet span::before {
1176      color: #50575e;
1177      font: 400 20px/1 dashicons;
1178      content: "\f157";
1179      content: "\f157" / "";
1180      position: relative;
1181      display: inline-block;
1182      top: 4px;
1183      margin-right: 4px;
1184  }
1185  
1186  .pressthis-js-toggle {
1187      margin-left: 10px;
1188      padding: 0;
1189      height: auto;
1190      vertical-align: top;
1191  }
1192  
1193  /* to override the button class being applied */
1194  .pressthis-js-toggle.button.button {
1195      margin-left: 10px;
1196      padding: 0;
1197      height: auto;
1198      vertical-align: top;
1199  }
1200  
1201  .pressthis-js-toggle .dashicons {
1202      margin: 5px 8px 6px 7px;
1203      color: #50575e;
1204  }
1205  
1206  .timezone-info code {
1207      white-space: nowrap;
1208  }
1209  
1210  .defaultavatarpicker .avatar {
1211      margin: 2px 0;
1212      vertical-align: middle;
1213  }
1214  
1215  .options-general-php .date-time-text {
1216      display: inline-block;
1217      min-width: 10em;
1218  }
1219  
1220  .options-general-php input.small-text {
1221      width: 56px;
1222      margin: -2px 0;
1223      min-height: 32px;
1224  }
1225  
1226  .options-general-php .spinner {
1227      float: none;
1228      margin: -3px 3px 0;
1229  }
1230  
1231  .settings-php .language-install-spinner,
1232  .options-general-php .language-install-spinner,
1233  .user-edit-php .language-install-spinner,
1234  .profile-php .language-install-spinner {
1235      display: inline-block;
1236      float: none;
1237      margin: -3px 5px 0;
1238      vertical-align: middle;
1239  }
1240  
1241  .form-table.permalink-structure .available-structure-tags {
1242      margin-top: 8px;
1243  }
1244  
1245  .form-table.permalink-structure .available-structure-tags ul {
1246      display: flex;
1247      flex-wrap: wrap;
1248      margin: 8px 0 0;
1249  }
1250  
1251  .form-table.permalink-structure .available-structure-tags li {
1252      margin: 6px 5px 0 0;
1253  }
1254  
1255  .form-table.permalink-structure .available-structure-tags li:last-child {
1256      margin-right: 0;
1257  }
1258  
1259  .form-table.permalink-structure .structure-selection .row {
1260      margin-bottom: 16px;
1261  }
1262  
1263  .form-table.permalink-structure .structure-selection .row > div {
1264      max-width: calc(100% - 24px);
1265      display: inline-flex;
1266      flex-direction: column;
1267  }
1268  
1269  .form-table.permalink-structure .structure-selection .row label {
1270      font-weight: 600;
1271  }
1272  
1273  .form-table.permalink-structure .structure-selection .row p {
1274      margin-top: 0;
1275  }
1276  
1277  .permalink-structure-optional-description code {
1278      display: inline-block;
1279  }
1280  
1281  .setup-php textarea {
1282      max-width: 100%;
1283  }
1284  
1285  .form-field #site-address {
1286      max-width: 25em;
1287  }
1288  
1289  .form-field #domain {
1290      max-width: 22em;
1291  }
1292  
1293  .form-field #site-title,
1294  .form-field #admin-email,
1295  .form-field #path,
1296  .form-field #blog_registered,
1297  .form-field #blog_last_updated {
1298      max-width: 25em;
1299  }
1300  
1301  .form-field #path {
1302      margin-bottom: 5px;
1303  }
1304  
1305  #search-users,
1306  #search-sites {
1307      max-width: 60%;
1308  }
1309  
1310  .configuration-rules-label {
1311      font-weight: 600;
1312      margin-bottom: 4px;
1313  }
1314  
1315  .request-filesystem-credentials-dialog {
1316      display: none;
1317      /* The customizer uses visibility: hidden on the body for full-overlays. */
1318      visibility: visible;
1319  }
1320  
1321  .request-filesystem-credentials-dialog .notification-dialog {
1322      top: 10%;
1323      max-height: 85%;
1324  }
1325  
1326  .request-filesystem-credentials-dialog-content {
1327      margin: 25px;
1328  }
1329  
1330  #request-filesystem-credentials-title {
1331      font-size: 1.3em;
1332      margin: 1em 0;
1333  }
1334  
1335  .request-filesystem-credentials-form legend {
1336      font-size: 1em;
1337      padding: 1.33em 0 0;
1338      font-weight: 600;
1339  }
1340  
1341  .request-filesystem-credentials-form input[type="text"],
1342  .request-filesystem-credentials-form input[type="password"] {
1343      display: block;
1344  }
1345  
1346  .request-filesystem-credentials-dialog input[type="text"],
1347  .request-filesystem-credentials-dialog input[type="password"] {
1348      width: 100%;
1349  }
1350  
1351  .request-filesystem-credentials-form .field-title {
1352      font-weight: 600;
1353  }
1354  
1355  .request-filesystem-credentials-dialog label[for="hostname"],
1356  .request-filesystem-credentials-dialog label[for="public_key"],
1357  .request-filesystem-credentials-dialog label[for="private_key"] {
1358      display: block;
1359      margin-bottom: 1em;
1360  }
1361  
1362  .request-filesystem-credentials-dialog .request-filesystem-credentials-action-buttons {
1363      text-align: right;
1364  }
1365  
1366  .request-filesystem-credentials-dialog label[for="ftp"] {
1367      margin-right: 10px;
1368  }
1369  
1370  .request-filesystem-credentials-dialog #auth-keys-desc {
1371      margin-bottom: 0;
1372  }
1373  
1374  #request-filesystem-credentials-dialog .button:not(:last-child) {
1375      margin-right: 10px;
1376  }
1377  
1378  #request-filesystem-credentials-form .cancel-button {
1379      display: none;
1380  }
1381  
1382  #request-filesystem-credentials-dialog .cancel-button {
1383      display: inline;
1384  }
1385  
1386  .request-filesystem-credentials-dialog .ftp-username,
1387  .request-filesystem-credentials-dialog .ftp-password {
1388      float: none;
1389      width: auto;
1390  }
1391  
1392  .request-filesystem-credentials-dialog .ftp-username {
1393      margin-bottom: 1em;
1394  }
1395  
1396  .request-filesystem-credentials-dialog .ftp-password {
1397      margin: 0;
1398  }
1399  
1400  .request-filesystem-credentials-dialog .ftp-password em {
1401      color: #757575;
1402  }
1403  
1404  .request-filesystem-credentials-dialog label {
1405      display: block;
1406      line-height: 1.5;
1407      margin-bottom: 1em;
1408  }
1409  
1410  .request-filesystem-credentials-form #ssh-keys legend {
1411      font-size: 1.3em;
1412  }
1413  
1414  .request-filesystem-credentials-form .notice {
1415      margin: 0 0 20px;
1416      clear: both;
1417  }
1418  
1419  .tools-privacy-policy-page form {
1420      margin-bottom: 1.3em;
1421  }
1422  
1423  .tools-privacy-policy-page input.button {
1424      margin: 0 1px 0 6px;
1425  }
1426  
1427  .tools-privacy-policy-page select {
1428      margin: 0 1px 0.5em 6px;
1429  }
1430  
1431  .tools-privacy-edit {
1432      margin: 1.5em 0;
1433  }
1434  
1435  .tools-privacy-policy-page span {
1436      line-height: 2;
1437  }
1438  
1439  .privacy_requests .column-email {
1440      width: 40%;
1441  }
1442  
1443  .privacy_requests .column-type {
1444      text-align: center;
1445  }
1446  
1447  .privacy_requests thead td:first-child,
1448  .privacy_requests tfoot td:first-child {
1449      border-left: 4px solid transparent;
1450  }
1451  
1452  .privacy_requests tbody td.check-column {
1453      border-left: 4px solid transparent;
1454  }
1455  
1456  .privacy_requests .row-actions.processing {
1457      position: static;
1458  }
1459  
1460  .privacy_requests tbody .request-results th .notice {
1461      margin: 0 0 5px;
1462  }
1463  
1464  /*
1465   * The results row is injected after its request row, so it lands on the opposite
1466   * stripe. Invert it to match.
1467   */
1468  .privacy_requests tbody tr.request-results:nth-child(even) {
1469      background-color: #f6f7f7;
1470  }
1471  
1472  .privacy_requests tbody tr.request-results:nth-child(odd) {
1473      background-color: transparent;
1474  }
1475  
1476  /*
1477   * Where supported, skip the injected rows in the stripe count instead, so they
1478   * no longer shift the rows below. The rules above are the fallback.
1479   */
1480  @supports selector(:nth-child(1 of :not(.request-results))) {
1481      .privacy_requests tbody > tr:nth-child(odd),
1482      .privacy_requests tbody > tr.request-results:nth-child(even) {
1483          background-color: transparent;
1484      }
1485  
1486      .privacy_requests tbody > tr:nth-child(odd of :not(.request-results)),
1487      .privacy_requests tbody > tr:nth-child(odd of :not(.request-results)) + tr.request-results {
1488          background-color: #f6f7f7;
1489      }
1490  }
1491  
1492  .privacy_requests .next_steps .button {
1493      word-wrap: break-word;
1494      white-space: normal;
1495  }
1496  
1497  .privacy_requests tr.status-request-confirmed td.check-column {
1498      border-left-color: #3858e9;
1499  }
1500  
1501  .privacy_requests tr.status-request-failed td.check-column {
1502      border-left-color: #cc1818;
1503  }
1504  
1505  .privacy_requests .export_personal_data_failed a {
1506      vertical-align: baseline;
1507  }
1508  
1509  .status-label {
1510      font-weight: 600;
1511  }
1512  
1513  .status-label.status-request-pending {
1514      font-weight: 400;
1515      font-style: italic;
1516      color: #646970;
1517  }
1518  
1519  .status-label.status-request-failed {
1520      color: #d63638;
1521      font-weight: 600;
1522  }
1523  
1524  .privacy_requests .status-date {
1525      display: block;
1526      font-weight: 400;
1527  }
1528  
1529  .wp-privacy-request-form {
1530      clear: both;
1531  }
1532  
1533  .wp-privacy-request-form-field {
1534      margin: 1.5em 0;
1535  }
1536  
1537  .wp-privacy-request-form input[type="text"] {
1538      margin: 0;
1539  }
1540  
1541  @media screen and (max-width: 782px) {
1542      /* Input Elements */
1543      textarea {
1544          -webkit-appearance: none;
1545      }
1546  
1547      input[type="text"],
1548      input[type="password"],
1549      input[type="date"],
1550      input[type="datetime"],
1551      input[type="datetime-local"],
1552      input[type="email"],
1553      input[type="month"],
1554      input[type="number"],
1555      input[type="search"],
1556      input[type="tel"],
1557      input[type="time"],
1558      input[type="url"],
1559      input[type="week"] {
1560          -webkit-appearance: none;
1561          padding: 0 12px;
1562          min-height: 40px;
1563      }
1564  
1565      ::-webkit-datetime-edit {
1566          line-height: 1.875; /* 30px */
1567      }
1568  
1569      input[type="checkbox"],
1570      .widefat th input[type="checkbox"],
1571      .widefat thead td input[type="checkbox"],
1572      .widefat tfoot td input[type="checkbox"] {
1573          -webkit-appearance: none;
1574      }
1575  
1576      .widefat th input[type="checkbox"],
1577      .widefat thead td input[type="checkbox"],
1578      .widefat tfoot td input[type="checkbox"] {
1579          margin-bottom: 8px;
1580      }
1581  
1582      input[type="checkbox"]:checked::before,
1583      .widefat th input[type="checkbox"]::before,
1584      .widefat thead td input[type="checkbox"]::before,
1585      .widefat tfoot td input[type="checkbox"]::before {
1586          width: 1.875rem;
1587          height: 1.875rem;
1588          margin: -0.1875rem -0.3125rem;
1589      }
1590  
1591      input[type="radio"],
1592      input[type="checkbox"] {
1593          height: 1.5625rem;
1594          width: 1.5625rem;
1595      }
1596  
1597      .wp-admin p input[type="checkbox"],
1598      .wp-admin p input[type="radio"] {
1599          margin-top: -0.1875rem;
1600      }
1601  
1602      input[type="radio"]:checked::before {
1603          vertical-align: middle;
1604          width: 0.5625rem;
1605          height: 0.5625rem;
1606          margin: 0.4375rem;
1607          line-height: 0.76190476;
1608      }
1609  
1610      .wp-core-ui select,
1611      .wp-admin .form-table select {
1612          min-height: 40px;
1613          font-size: 16px;
1614          line-height: 2.5; /* 40px for 16px font */
1615          padding: 0 24px 0 12px;
1616      }
1617  
1618      .wp-admin .button-cancel {
1619          margin-bottom: 0;
1620          padding: 2px 0;
1621          font-size: 14px;
1622          vertical-align: middle;
1623      }
1624  
1625      #adduser .form-field input,
1626      #createuser .form-field input {
1627          width: 100%;
1628      }
1629  
1630      .form-table {
1631          box-sizing: border-box;
1632      }
1633  
1634      .form-table th,
1635      .form-table td,
1636      .label-responsive {
1637          display: block;
1638          width: auto;
1639          vertical-align: middle;
1640      }
1641  
1642      .label-responsive {
1643          margin: 0.5em 0;
1644      }
1645  
1646      .export-filters li {
1647          margin-bottom: 0;
1648      }
1649  
1650      .form-table .color-palette .color-palette-shade,
1651      .form-table .color-palette td {
1652          display: table-cell;
1653          width: 15px;
1654          height: 30px;
1655          padding: 0;
1656      }
1657  
1658      .form-table .color-palette {
1659          margin-right: 10px;
1660      }
1661  
1662      textarea,
1663      input {
1664          font-size: 16px;
1665      }
1666  
1667      .form-table td input[type="text"],
1668      .form-table td input[type="email"],
1669      .form-table td input[type="password"],
1670      .form-table td select,
1671      .form-table td textarea,
1672      .form-table span.description,
1673      #profile-page .form-table textarea {
1674          width: 100%;
1675          display: block;
1676          max-width: none;
1677          box-sizing: border-box;
1678      }
1679  
1680      .form-table .form-required.form-invalid td::after {
1681          float: right;
1682          margin: -30px 3px 0 0;
1683      }
1684  
1685      input[type="text"].small-text,
1686      input[type="search"].small-text,
1687      input[type="password"].small-text,
1688      input[type="number"].small-text,
1689      .form-table input[type="text"].small-text {
1690          width: auto;
1691          max-width: 4.375em; /* 70px, enough for 4 digits to fit comfortably */
1692          display: inline;
1693          padding: 3px 6px;
1694          margin: 0 3px;
1695      }
1696  
1697      .form-table .regular-text ~ input[type="text"].small-text {
1698          margin-top: 5px;
1699      }
1700  
1701      #pass-strength-result {
1702          width: 100%;
1703          box-sizing: border-box;
1704          padding: 8px;
1705      }
1706  
1707      .profile-php .wp-pwd .caps-warning {
1708          padding: 8px;
1709      }
1710  
1711      .password-input-wrapper {
1712          display: block;
1713      }
1714  
1715      .wp-core-ui .tablenav input[type="text"],
1716      .wp-core-ui .tablenav input[type="password"],
1717      .wp-core-ui .tablenav input[type="date"],
1718      .wp-core-ui .tablenav input[type="datetime"],
1719      .wp-core-ui .tablenav input[type="datetime-local"],
1720      .wp-core-ui .tablenav input[type="email"],
1721      .wp-core-ui .tablenav input[type="month"],
1722      .wp-core-ui .tablenav input[type="number"],
1723      .wp-core-ui .tablenav input[type="search"],
1724      .wp-core-ui .tablenav input[type="tel"],
1725      .wp-core-ui .tablenav input[type="time"],
1726      .wp-core-ui .tablenav input[type="url"],
1727      .wp-core-ui .tablenav input[type="week"],
1728      .wp-core-ui .tablenav select {
1729          min-height: 40px;
1730      }
1731  
1732      .wp-core-ui .tablenav .button {
1733          min-height: 40px;
1734          line-height: 2.71428571;
1735          padding: 0 14px;
1736      }
1737  
1738      p.search-box {
1739          float: none;
1740          width: 100%;
1741          margin-bottom: 20px;
1742          display: flex;
1743      }
1744  
1745      p.search-box input[name="s"] {
1746          width: 100%;
1747          float: none;
1748          margin-bottom: 10px;
1749          vertical-align: middle;
1750      }
1751  
1752      .js.plugins-php .search-box .wp-filter-search {
1753          width: 100%;
1754          margin-bottom: 0;
1755      }
1756  
1757      p.search-box input[type="search"],
1758      p.search-box input[type="text"] {
1759          min-height: 40px;
1760          padding: 0 12px;
1761      }
1762  
1763      p.search-box input[type="submit"].button {
1764          margin-bottom: 10px;
1765      }
1766  
1767      .form-table span.description {
1768          display: inline;
1769          padding: 4px 0 0;
1770          line-height: 1.4;
1771          font-size: 14px;
1772      }
1773  
1774      .form-table th {
1775          padding: 10px 0 0;
1776          border-bottom: 0;
1777      }
1778  
1779      .form-table td {
1780          margin-bottom: 0;
1781          padding: 4px 0 6px;
1782      }
1783  
1784      .form-table.permalink-structure td code {
1785          display: inline-block;
1786      }
1787  
1788      .form-table.permalink-structure .structure-selection {
1789          margin-top: 8px;
1790      }
1791  
1792      .form-table.permalink-structure .structure-selection .row > div {
1793          max-width: calc(100% - 36px);
1794          width: 100%;
1795      }
1796  
1797      .form-table.permalink-structure td input[type="text"] {
1798          margin-top: 4px;
1799      }
1800  
1801      .permalink-structure-has-blog-prefix {
1802          display: flex;
1803          align-items: center;
1804      }
1805  
1806      .form-table input.regular-text {
1807          width: 100%;
1808      }
1809  
1810      .form-table label {
1811          font-size: 14px;
1812      }
1813  
1814      .form-table td > label:first-child {
1815          display: inline-block;
1816          margin-top: 0.35em;
1817      }
1818  
1819      .background-position-control .button-group > label {
1820          font-size: 0;
1821      }
1822  
1823      .form-table fieldset label {
1824          display: block;
1825      }
1826  
1827      .form-field #domain {
1828          max-width: none;
1829      }
1830  
1831      /* New Password */
1832      .wp-pwd {
1833          position: relative;
1834      }
1835  
1836      /* Needs higher specificity than normal input type text and password. */
1837      #profile-page .form-table #pass1 {
1838          padding-right: 90px;
1839      }
1840  
1841      .wp-pwd button.button {
1842          background: transparent;
1843          border: 1px solid transparent;
1844          box-shadow: none;
1845          line-height: 2;
1846          margin: 0;
1847          padding: 5px 9px;
1848          position: absolute;
1849          right: 0;
1850          top: 0;
1851          width: 2.375rem;
1852          height: 2.375rem;
1853          min-width: 40px;
1854          min-height: 40px;
1855      }
1856  
1857      .wp-pwd button.wp-hide-pw {
1858          right: 2.5rem;
1859      }
1860  
1861      body.user-new-php .wp-pwd button.wp-hide-pw {
1862          right: 0;
1863      }
1864  
1865      .wp-pwd button.button:hover,
1866      .wp-pwd button.button:focus {
1867          background: transparent;
1868      }
1869  
1870      .wp-pwd button.button:active {
1871          background: transparent;
1872          box-shadow: none;
1873          transform: none;
1874      }
1875  
1876      .wp-pwd .button .text {
1877          display: none;
1878      }
1879  
1880      .wp-pwd [type="text"],
1881      .wp-pwd [type="password"] {
1882          line-height: 2;
1883          padding-right: 5rem;
1884      }
1885  
1886      body.user-new-php .wp-pwd [type="text"],
1887      body.user-new-php .wp-pwd [type="password"] {
1888          padding-right: 2.5rem;
1889      }
1890  
1891      .wp-cancel-pw .dashicons-no {
1892          display: inline-block;
1893      }
1894  
1895      .mailserver-pass-wrap .wp-pwd {
1896          display: block;
1897      }
1898  
1899      /* rtl:ignore */
1900      #mailserver_pass {
1901          padding-left: 10px;
1902      }
1903  
1904      .options-general-php input[type="text"].small-text {
1905          max-width: 6.25em;
1906          margin: 0;
1907          min-height: 40px;
1908      }
1909  
1910      /* Privacy Policy settings screen */
1911      .tools-privacy-policy-page form.wp-create-privacy-page {
1912          margin-bottom: 1em;
1913      }
1914  
1915      .tools-privacy-policy-page input#set-page,
1916      .tools-privacy-policy-page select {
1917          margin: 10px 0 0;
1918      }
1919  
1920      .tools-privacy-policy-page .wp-create-privacy-page span {
1921          display: block;
1922          margin-bottom: 1em;
1923      }
1924  
1925      .tools-privacy-policy-page .wp-create-privacy-page .button {
1926          margin-left: 0;
1927      }
1928  
1929      .wp-list-table.privacy_requests tr:not(.inline-edit-row):not(.no-items) td.column-primary:not(.check-column),
1930      .wp-list-table.privacy_requests tr:not(.inline-edit-row):not(.no-items) th.column-primary:not(.check-column) {
1931          display: table-cell;
1932      }
1933  
1934      .wp-privacy-request-form-field input[type="text"] {
1935          width: 100%;
1936          margin-bottom: 10px;
1937          vertical-align: middle;
1938      }
1939  
1940      .regular-text {
1941          max-width: 100%;
1942      }
1943  }
1944  
1945  @media only screen and (max-width: 768px) {
1946      .form-field input[type="text"],
1947      .form-field input[type="email"],
1948      .form-field input[type="password"],
1949      .form-field select,
1950      .form-field textarea {
1951          width: 99%;
1952      }
1953  
1954      .form-wrap .form-field {
1955          padding: 0;
1956      }
1957  }
1958  
1959  @media only screen and (max-height: 480px), screen and (max-width: 450px) {
1960      /* Request Credentials / File Editor Warning */
1961      .request-filesystem-credentials-dialog .notification-dialog,
1962      .file-editor-warning .notification-dialog {
1963          width: 100%;
1964          height: 100%;
1965          max-height: 100%;
1966          position: fixed;
1967          top: 0;
1968          margin: 0;
1969          left: 0;
1970      }
1971  }
1972  
1973  /* Smartphone */
1974  @media screen and (max-width: 600px) {
1975      /* Color Picker Options */
1976      .color-option {
1977          width: 49%;
1978      }
1979  }
1980  
1981  @media only screen and (max-width: 320px) {
1982      .options-general-php .date-time-text.date-time-custom-text {
1983          min-width: 0;
1984          margin-right: 0.5em;
1985      }
1986  }
1987  
1988  @keyframes rotation {
1989      0% {
1990          transform: rotate(0deg);
1991      }
1992  
1993      100% {
1994          transform: rotate(359deg);
1995      }
1996  }