[Summary view] [Print] [Text view]

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