[Summary view] [Print] [Text view]

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