[Summary view] [Print] [Text view]

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