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