[Summary view] [Print] [Text view]

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