[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  /* =Media Queries
1471  -------------------------------------------------------------- */
1472  
1473  @media screen and (max-width: 782px) {
1474      /* Input Elements */
1475      textarea {
1476          -webkit-appearance: none;
1477      }
1478  
1479      input[type="text"],
1480      input[type="password"],
1481      input[type="date"],
1482      input[type="datetime"],
1483      input[type="datetime-local"],
1484      input[type="email"],
1485      input[type="month"],
1486      input[type="number"],
1487      input[type="search"],
1488      input[type="tel"],
1489      input[type="time"],
1490      input[type="url"],
1491      input[type="week"] {
1492          -webkit-appearance: none;
1493          padding: 3px 10px;
1494          /* Only necessary for IE11 */
1495          min-height: 40px;
1496      }
1497  
1498      ::-webkit-datetime-edit {
1499          line-height: 1.875; /* 30px */
1500      }
1501  
1502      input[type="checkbox"],
1503      .widefat th input[type="checkbox"],
1504      .widefat thead td input[type="checkbox"],
1505      .widefat tfoot td input[type="checkbox"] {
1506          -webkit-appearance: none;
1507      }
1508  
1509      .widefat th input[type="checkbox"],
1510      .widefat thead td input[type="checkbox"],
1511      .widefat tfoot td input[type="checkbox"] {
1512          margin-bottom: 8px;
1513      }
1514  
1515      input[type="checkbox"]:checked:before,
1516      .widefat th input[type="checkbox"]:before,
1517      .widefat thead td input[type="checkbox"]:before,
1518      .widefat tfoot td input[type="checkbox"]:before {
1519          width: 1.875rem;
1520          height: 1.875rem;
1521          margin: -0.1875rem -0.3125rem;
1522      }
1523  
1524      input[type="radio"],
1525      input[type="checkbox"] {
1526          height: 1.5625rem;
1527          width: 1.5625rem;
1528      }
1529  
1530      .wp-admin p input[type="checkbox"],
1531      .wp-admin p input[type="radio"] {
1532          margin-top: -0.1875rem;
1533      }
1534  
1535      input[type="radio"]:checked:before {
1536          vertical-align: middle;
1537          width: 0.5625rem;
1538          height: 0.5625rem;
1539          margin: 0.4375rem;
1540          line-height: 0.76190476;
1541      }
1542  
1543      .wp-core-ui select,
1544      .wp-admin .form-table select {
1545          min-height: 40px;
1546          font-size: 16px;
1547          line-height: 1.625; /* 26px */
1548          padding: 5px 8px 5px 24px;
1549      }
1550  
1551      .wp-admin .button-cancel {
1552          margin-bottom: 0;
1553          padding: 2px 0;
1554          font-size: 14px;
1555          vertical-align: middle;
1556      }
1557  
1558      #adduser .form-field input,
1559      #createuser .form-field input {
1560          width: 100%;
1561      }
1562  
1563      .form-table {
1564          box-sizing: border-box;
1565      }
1566  
1567      .form-table th,
1568      .form-table td,
1569      .label-responsive {
1570          display: block;
1571          width: auto;
1572          vertical-align: middle;
1573      }
1574  
1575      .label-responsive {
1576          margin: 0.5em 0;
1577      }
1578  
1579      .export-filters li {
1580          margin-bottom: 0;
1581      }
1582  
1583      .form-table .color-palette .color-palette-shade,
1584      .form-table .color-palette td {
1585          display: table-cell;
1586          width: 15px;
1587          height: 30px;
1588          padding: 0;
1589      }
1590  
1591      .form-table .color-palette {
1592          margin-left: 10px;
1593      }
1594  
1595      textarea,
1596      input {
1597          font-size: 16px;
1598      }
1599  
1600      .form-table td input[type="text"],
1601      .form-table td input[type="email"],
1602      .form-table td input[type="password"],
1603      .form-table td select,
1604      .form-table td textarea,
1605      .form-table span.description,
1606      #profile-page .form-table textarea {
1607          width: 100%;
1608          display: block;
1609          max-width: none;
1610          box-sizing: border-box;
1611      }
1612  
1613      .form-table .form-required.form-invalid td:after {
1614          float: left;
1615          margin: -30px 0 0 3px;
1616      }
1617  
1618      input[type="text"].small-text,
1619      input[type="search"].small-text,
1620      input[type="password"].small-text,
1621      input[type="number"].small-text,
1622      input[type="number"].small-text,
1623      .form-table input[type="text"].small-text {
1624          width: auto;
1625          max-width: 4.375em; /* 70px, enough for 4 digits to fit comfortably */
1626          display: inline;
1627          padding: 3px 6px;
1628          margin: 0 3px;
1629      }
1630  
1631      .form-table .regular-text ~ input[type="text"].small-text {
1632          margin-top: 5px;
1633      }
1634  
1635      #pass-strength-result {
1636          width: 100%;
1637          box-sizing: border-box;
1638          padding: 8px;
1639      }
1640  
1641      .password-input-wrapper {
1642          display: block;
1643      }
1644  
1645      p.search-box {
1646          float: none;
1647          width: 100%;
1648          margin-bottom: 20px;
1649          display: flex;
1650      }
1651  
1652      p.search-box input[name="s"] {
1653          float: none;
1654          width: 100%;
1655          margin-bottom: 10px;
1656          vertical-align: middle;
1657      }
1658  
1659      p.search-box input[type="submit"] {
1660          margin-bottom: 10px;
1661      }
1662  
1663      .form-table span.description {
1664          display: inline;
1665          padding: 4px 0 0;
1666          line-height: 1.4;
1667          font-size: 14px;
1668      }
1669  
1670      .form-table th {
1671          padding: 10px 0 0;
1672          border-bottom: 0;
1673      }
1674  
1675      .form-table td {
1676          margin-bottom: 0;
1677          padding: 4px 0 6px;
1678      }
1679  
1680      .form-table.permalink-structure td code {
1681          display: inline-block;
1682      }
1683  
1684      .form-table.permalink-structure .structure-selection {
1685          margin-top: 8px;
1686      }
1687  
1688      .form-table.permalink-structure .structure-selection .row > div {
1689          max-width: calc(100% - 36px);
1690          width: 100%;
1691      }
1692  
1693      .form-table.permalink-structure td input[type="text"] {
1694          margin-top: 4px;
1695      }
1696  
1697      .form-table input.regular-text {
1698          width: 100%;
1699      }
1700  
1701      .form-table label {
1702          font-size: 14px;
1703      }
1704  
1705      .form-table td > label:first-child {
1706          display: inline-block;
1707          margin-top: 0.35em;
1708      }
1709  
1710      .background-position-control .button-group > label {
1711          font-size: 0;
1712      }
1713  
1714      .form-table fieldset label {
1715          display: block;
1716      }
1717  
1718      .form-field #domain {
1719          max-width: none;
1720      }
1721  
1722      /* New Password */
1723      .wp-pwd {
1724          position: relative;
1725      }
1726  
1727      /* Needs higher specificity than normal input type text and password. */
1728      #profile-page .form-table #pass1 {
1729          padding-left: 90px;
1730      }
1731  
1732      .wp-pwd button.button {
1733          background: transparent;
1734          border: 1px solid transparent;
1735          box-shadow: none;
1736          line-height: 2;
1737          margin: 0;
1738          padding: 5px 9px;
1739          position: absolute;
1740          left: 0;
1741          top: 0;
1742          width: 2.375rem;
1743          height: 2.375rem;
1744          min-width: 40px;
1745          min-height: 40px;
1746      }
1747  
1748      .wp-pwd button.wp-hide-pw {
1749          left: 2.5rem;
1750      }
1751  
1752      body.user-new-php .wp-pwd button.wp-hide-pw {
1753          left: 0;
1754      }
1755  
1756      .wp-pwd button.button:hover,
1757      .wp-pwd button.button:focus {
1758          background: transparent;
1759      }
1760  
1761      .wp-pwd button.button:active {
1762          background: transparent;
1763          box-shadow: none;
1764          transform: none;
1765      }
1766  
1767      .wp-pwd .button .text {
1768          display: none;
1769      }
1770  
1771      .wp-pwd [type="text"],
1772      .wp-pwd [type="password"] {
1773          line-height: 2;
1774          padding-left: 5rem;
1775      }
1776  
1777      body.user-new-php .wp-pwd [type="text"],
1778      body.user-new-php .wp-pwd [type="password"] {
1779          padding-left: 2.5rem;
1780      }
1781  
1782      .wp-cancel-pw .dashicons-no {
1783          display: inline-block;
1784      }
1785  
1786      .mailserver-pass-wrap .wp-pwd {
1787          display: block;
1788      }
1789  
1790      /* rtl:ignore */
1791      #mailserver_pass {
1792          padding-left: 10px;
1793      }
1794  
1795      .options-general-php input[type="text"].small-text {
1796          max-width: 6.25em;
1797          margin: 0;
1798      }
1799  
1800      /* Privacy Policy settings screen */
1801      .tools-privacy-policy-page form.wp-create-privacy-page {
1802          margin-bottom: 1em;
1803      }
1804  
1805      .tools-privacy-policy-page input#set-page,
1806      .tools-privacy-policy-page select {
1807          margin: 10px 0 0;
1808      }
1809  
1810      .tools-privacy-policy-page .wp-create-privacy-page span {
1811          display: block;
1812          margin-bottom: 1em;
1813      }
1814  
1815      .tools-privacy-policy-page .wp-create-privacy-page .button {
1816          margin-right: 0;
1817      }
1818  
1819      .wp-list-table.privacy_requests tr:not(.inline-edit-row):not(.no-items) td.column-primary:not(.check-column) {
1820          display: table-cell;
1821      }
1822  
1823      .wp-list-table.privacy_requests.widefat th input,
1824      .wp-list-table.privacy_requests.widefat thead td input {
1825          margin-right: 5px;
1826      }
1827  
1828      .wp-privacy-request-form-field input[type="text"] {
1829          width: 100%;
1830          margin-bottom: 10px;
1831          vertical-align: middle;
1832      }
1833  
1834      .regular-text {
1835          max-width: 100%;
1836      }
1837  }
1838  
1839  @media only screen and (max-width: 768px) {
1840      .form-field input[type="text"],
1841      .form-field input[type="email"],
1842      .form-field input[type="password"],
1843      .form-field select,
1844      .form-field textarea {
1845          width: 99%;
1846      }
1847  
1848      .form-wrap .form-field {
1849          padding: 0;
1850      }
1851  }
1852  
1853  @media only screen and (max-height: 480px), screen and (max-width: 450px) {
1854      /* Request Credentials / File Editor Warning */
1855      .request-filesystem-credentials-dialog .notification-dialog,
1856      .file-editor-warning .notification-dialog {
1857          width: 100%;
1858          height: 100%;
1859          max-height: 100%;
1860          position: fixed;
1861          top: 0;
1862          margin: 0;
1863          right: 0;
1864      }
1865  }
1866  
1867  /* Smartphone */
1868  @media screen and (max-width: 600px) {
1869      /* Color Picker Options */
1870      .color-option {
1871          width: 49%;
1872      }
1873  }
1874  
1875  @media only screen and (max-width: 320px) {
1876      .options-general-php .date-time-text.date-time-custom-text {
1877          min-width: 0;
1878          margin-left: 0.5em;
1879      }
1880  }
1881  
1882  @keyframes rotation {
1883      0% {
1884          transform: rotate(0deg);
1885      }
1886      100% {
1887          transform: rotate(-359deg);
1888      }
1889  }