[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  }
 808  
 809  .button-add-site-icon:focus,
 810  .button-add-site-icon:hover {
 811      background: #fff;
 812  }
 813  
 814  .site-icon-section .favicon-preview {
 815      float: right;
 816  }
 817  .site-icon-section .app-icon-preview {
 818      float: right;
 819      margin: 0 20px;
 820  }
 821  
 822  .site-icon-section .site-icon-preview img {
 823      max-width: 100%;
 824  }
 825  
 826  .button-add-site-icon:focus {
 827      background-color: #fff;
 828      border-color: #3582c4;
 829      border-style: solid;
 830      box-shadow: 0 0 0 1px #3582c4;
 831      outline: 2px solid transparent;
 832  }
 833  
 834  /*------------------------------------------------------------------------------
 835    15.0 - Comments Screen
 836  ------------------------------------------------------------------------------*/
 837  
 838  .form-table {
 839      border-collapse: collapse;
 840      margin-top: 0.5em;
 841      width: 100%;
 842      clear: both;
 843  }
 844  
 845  .form-table,
 846  .form-table td,
 847  .form-table th,
 848  .form-table td p {
 849      font-size: 14px;
 850  }
 851  
 852  .form-table td {
 853      margin-bottom: 9px;
 854      padding: 15px 10px;
 855      line-height: 1.3;
 856      vertical-align: middle;
 857  }
 858  
 859  .form-table th,
 860  .form-wrap label {
 861      color: #1d2327;
 862      font-weight: 400;
 863      text-shadow: none;
 864      vertical-align: baseline;
 865  }
 866  
 867  .form-table th {
 868      vertical-align: top;
 869      text-align: right;
 870      padding: 20px 0 20px 10px;
 871      width: 200px;
 872      line-height: 1.3;
 873      font-weight: 600;
 874  }
 875  
 876  .form-table th.th-full, /* Not used by core. Back-compat for pre-4.8 */
 877  .form-table .td-full {
 878      width: auto;
 879      padding: 20px 0 20px 10px;
 880      font-weight: 400;
 881  }
 882  
 883  .form-table td p {
 884      margin-top: 4px;
 885      margin-bottom: 0;
 886  }
 887  
 888  .form-table .date-time-doc {
 889      margin-top: 1em;
 890  }
 891  
 892  .form-table p.timezone-info {
 893      margin: 1em 0;
 894      display: flex;
 895      flex-direction: column;
 896  }
 897  
 898  #local-time {
 899      margin-top: 0.5em;
 900  }
 901  
 902  .form-table td fieldset label {
 903      margin: 0.35em 0 0.5em !important;
 904      display: inline-block;
 905  }
 906  
 907  .form-table td fieldset p label {
 908      margin-top: 0 !important;
 909  }
 910  
 911  .form-table td fieldset label,
 912  .form-table td fieldset p,
 913  .form-table td fieldset li {
 914      line-height: 1.4;
 915  }
 916  
 917  .form-table input.tog,
 918  .form-table input[type="radio"] {
 919      margin-top: -4px;
 920      margin-left: 4px;
 921      float: none;
 922  }
 923  
 924  .form-table .pre {
 925      padding: 8px;
 926      margin: 0;
 927  }
 928  
 929  table.form-table td .updated {
 930      font-size: 13px;
 931  }
 932  
 933  table.form-table td .updated p {
 934      font-size: 13px;
 935      margin: 0.3em 0;
 936  }
 937  
 938  /*------------------------------------------------------------------------------
 939    18.0 - Users
 940  ------------------------------------------------------------------------------*/
 941  
 942  #profile-page .form-table textarea {
 943      width: 500px;
 944      margin-bottom: 6px;
 945  }
 946  
 947  #profile-page .form-table #rich_editing {
 948      margin-left: 5px
 949  }
 950  
 951  #your-profile legend {
 952      font-size: 22px;
 953  }
 954  
 955  #display_name {
 956      width: 15em;
 957  }
 958  
 959  #adduser .form-field input,
 960  #createuser .form-field input {
 961      width: 25em;
 962  }
 963  
 964  .color-option {
 965      display: inline-block;
 966      width: 24%;
 967      padding: 5px 15px 15px;
 968      box-sizing: border-box;
 969      margin-bottom: 3px;
 970  }
 971  
 972  .color-option:hover,
 973  .color-option.selected {
 974      background: #dcdcde;
 975  }
 976  
 977  .color-palette {
 978      display: table;
 979      width: 100%;
 980      border-spacing: 0;
 981      border-collapse: collapse;
 982  }
 983  .color-palette .color-palette-shade,
 984  .color-palette td {
 985      display: table-cell;
 986      height: 20px;
 987      padding: 0;
 988      border: none;
 989  }
 990  
 991  .color-option {
 992      cursor: pointer;
 993  }
 994  
 995  .create-application-password .form-field {
 996      max-width: 25em;
 997  }
 998  
 999  .create-application-password label {
1000      font-weight: 600;
1001  }
1002  
1003  .create-application-password p.submit {
1004      margin-bottom: 0;
1005      padding-bottom: 0;
1006      display: block;
1007  }
1008  
1009  #application-passwords-section .notice {
1010      margin-top: 20px;
1011      margin-bottom: 0;
1012      word-wrap: break-word;
1013  }
1014  
1015  .application-password-display input.code {
1016      width: 19em;
1017  }
1018  
1019  .auth-app-card.card {
1020      max-width: 768px;
1021  }
1022  
1023  .authorize-application-php .form-wrap p {
1024      display: block;
1025  }
1026  
1027  /*------------------------------------------------------------------------------
1028    19.0 - Tools
1029  ------------------------------------------------------------------------------*/
1030  
1031  .tool-box .title {
1032      margin: 8px 0;
1033      font-size: 18px;
1034      font-weight: 400;
1035      line-height: 24px;
1036  }
1037  
1038  .label-responsive {
1039      vertical-align: middle;
1040  }
1041  
1042  #export-filters p {
1043      margin: 0 0 1em;
1044  }
1045  
1046  #export-filters p.submit {
1047      margin: 7px 0 5px;
1048  }
1049  
1050  /* Card styles */
1051  
1052  .card {
1053      position: relative;
1054      margin-top: 20px;
1055      padding: 0.7em 2em 1em;
1056      min-width: 255px;
1057      max-width: 520px;
1058      border: 1px solid #c3c4c7;
1059      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1060      background: #fff;
1061      box-sizing: border-box;
1062  }
1063  
1064  /* Press this styles */
1065  
1066  .pressthis h4 {
1067      margin: 2em 0 1em;
1068  }
1069  
1070  .pressthis textarea {
1071      width: 100%;
1072      font-size: 1em;
1073  }
1074  
1075  #pressthis-code-wrap {
1076      overflow: auto;
1077  }
1078  
1079  .pressthis-bookmarklet-wrapper {
1080      margin: 20px 0 8px;
1081      vertical-align: top;
1082      position: relative;
1083      z-index: 1;
1084  }
1085  
1086  .pressthis-bookmarklet,
1087  .pressthis-bookmarklet:hover,
1088  .pressthis-bookmarklet:focus,
1089  .pressthis-bookmarklet:active {
1090      display: inline-block;
1091      position: relative;
1092      cursor: move;
1093      color: #2c3338;
1094      background: #dcdcde;
1095      border-radius: 5px;
1096      border: 1px solid #c3c4c7;
1097      font-style: normal;
1098      line-height: 16px;
1099      font-size: 14px;
1100      text-decoration: none;
1101  }
1102  
1103  .pressthis-bookmarklet:active {
1104      outline: none;
1105  }
1106  
1107  .pressthis-bookmarklet:after {
1108      content: "";
1109      width: 70%;
1110      height: 55%;
1111      z-index: -1;
1112      position: absolute;
1113      left: 10px;
1114      bottom: 9px;
1115      background: transparent;
1116      transform: skew(-20deg) rotate(-6deg);
1117      box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
1118  }
1119  
1120  .pressthis-bookmarklet:hover:after {
1121      transform: skew(-20deg) rotate(-9deg);
1122      box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
1123  }
1124  
1125  .pressthis-bookmarklet span {
1126      display: inline-block;
1127      margin: 0;
1128      padding: 0 9px 8px 12px;
1129  }
1130  
1131  .pressthis-bookmarklet span:before {
1132      color: #787c82;
1133      font: normal 20px/1 dashicons;
1134      content: "\f157";
1135      position: relative;
1136      display: inline-block;
1137      top: 4px;
1138      margin-left: 4px;
1139  }
1140  
1141  .pressthis-js-toggle {
1142      margin-right: 10px;
1143      padding: 0;
1144      height: auto;
1145      vertical-align: top;
1146  }
1147  
1148  /* to override the button class being applied */
1149  .pressthis-js-toggle.button.button {
1150      margin-right: 10px;
1151      padding: 0;
1152      height: auto;
1153      vertical-align: top;
1154  }
1155  
1156  .pressthis-js-toggle .dashicons {
1157      margin: 5px 7px 6px 8px;
1158      color: #50575e;
1159  }
1160  
1161  /*------------------------------------------------------------------------------
1162    20.0 - Settings
1163  ------------------------------------------------------------------------------*/
1164  
1165  .timezone-info code {
1166      white-space: nowrap;
1167  }
1168  
1169  .defaultavatarpicker .avatar {
1170      margin: 2px 0;
1171      vertical-align: middle;
1172  }
1173  
1174  .options-general-php .date-time-text {
1175      display: inline-block;
1176      min-width: 10em;
1177  }
1178  
1179  .options-general-php input.small-text {
1180      width: 56px;
1181      margin: -2px 0;
1182  }
1183  
1184  .options-general-php .spinner {
1185      float: none;
1186      margin: -3px 3px 0;
1187  }
1188  
1189  .settings-php .language-install-spinner,
1190  .options-general-php .language-install-spinner,
1191  .user-edit-php .language-install-spinner,
1192  .profile-php .language-install-spinner {
1193      display: inline-block;
1194      float: none;
1195      margin: -3px 5px 0;
1196      vertical-align: middle;
1197  }
1198  
1199  .form-table.permalink-structure .available-structure-tags {
1200      margin-top: 8px;
1201  }
1202  
1203  .form-table.permalink-structure .available-structure-tags ul {
1204      display: flex;
1205      flex-wrap: wrap;
1206      margin: 8px 0 0;
1207  }
1208  
1209  .form-table.permalink-structure .available-structure-tags li {
1210      margin: 6px 0 0 5px;
1211  }
1212  
1213  .form-table.permalink-structure .available-structure-tags li:last-child {
1214      margin-left: 0;
1215  }
1216  
1217  .form-table.permalink-structure .structure-selection .row {
1218      margin-bottom: 16px;
1219  }
1220  
1221  .form-table.permalink-structure .structure-selection .row > div {
1222      max-width: calc(100% - 24px);
1223      display: inline-flex;
1224      flex-direction: column;
1225  }
1226  
1227  .form-table.permalink-structure .structure-selection .row label {
1228      font-weight: 600;
1229  }
1230  
1231  .form-table.permalink-structure .structure-selection .row p {
1232      margin-top: 0;
1233  }
1234  
1235  /*------------------------------------------------------------------------------
1236    21.0 - Network Admin
1237  ------------------------------------------------------------------------------*/
1238  
1239  .setup-php textarea {
1240      max-width: 100%;
1241  }
1242  
1243  .form-field #site-address {
1244      max-width: 25em;
1245  }
1246  
1247  .form-field #domain {
1248      max-width: 22em;
1249  }
1250  
1251  .form-field #site-title,
1252  .form-field #admin-email,
1253  .form-field #path,
1254  .form-field #blog_registered,
1255  .form-field #blog_last_updated {
1256      max-width: 25em;
1257  }
1258  
1259  .form-field #path {
1260      margin-bottom: 5px;
1261  }
1262  
1263  #search-users,
1264  #search-sites {
1265      max-width: 60%;
1266  }
1267  
1268  .configuration-rules-label {
1269      font-weight: 600;
1270      margin-bottom: 4px;
1271  }
1272  
1273  /*------------------------------------------------------------------------------
1274     Credentials check dialog for Install and Updates
1275  ------------------------------------------------------------------------------*/
1276  
1277  .request-filesystem-credentials-dialog {
1278      display: none;
1279      /* The customizer uses visibility: hidden on the body for full-overlays. */
1280      visibility: visible;
1281  }
1282  
1283  .request-filesystem-credentials-dialog .notification-dialog {
1284      top: 10%;
1285      max-height: 85%;
1286  }
1287  
1288  .request-filesystem-credentials-dialog-content {
1289      margin: 25px;
1290  }
1291  
1292  #request-filesystem-credentials-title {
1293      font-size: 1.3em;
1294      margin: 1em 0;
1295  }
1296  
1297  .request-filesystem-credentials-form legend {
1298      font-size: 1em;
1299      padding: 1.33em 0;
1300      font-weight: 600;
1301  }
1302  
1303  .request-filesystem-credentials-form input[type="text"],
1304  .request-filesystem-credentials-form input[type="password"] {
1305      display: block;
1306  }
1307  
1308  .request-filesystem-credentials-dialog input[type="text"],
1309  .request-filesystem-credentials-dialog input[type="password"] {
1310      width: 100%;
1311  }
1312  
1313  .request-filesystem-credentials-form .field-title {
1314      font-weight: 600;
1315  }
1316  
1317  .request-filesystem-credentials-dialog label[for="hostname"],
1318  .request-filesystem-credentials-dialog label[for="public_key"],
1319  .request-filesystem-credentials-dialog label[for="private_key"] {
1320      display: block;
1321      margin-bottom: 1em;
1322  }
1323  
1324  .request-filesystem-credentials-dialog .ftp-username,
1325  .request-filesystem-credentials-dialog .ftp-password {
1326      float: right;
1327      width: 48%;
1328  }
1329  
1330  .request-filesystem-credentials-dialog .ftp-password {
1331      margin-right: 4%;
1332  }
1333  
1334  .request-filesystem-credentials-dialog .request-filesystem-credentials-action-buttons {
1335      text-align: left;
1336  }
1337  
1338  .request-filesystem-credentials-dialog label[for="ftp"] {
1339      margin-left: 10px;
1340  }
1341  
1342  .request-filesystem-credentials-dialog #auth-keys-desc {
1343      margin-bottom: 0;
1344  }
1345  
1346  #request-filesystem-credentials-dialog .button:not(:last-child) {
1347      margin-left: 10px;
1348  }
1349  
1350  #request-filesystem-credentials-form .cancel-button {
1351      display: none;
1352  }
1353  
1354  #request-filesystem-credentials-dialog .cancel-button {
1355      display: inline;
1356  }
1357  
1358  .request-filesystem-credentials-dialog .ftp-username,
1359  .request-filesystem-credentials-dialog .ftp-password {
1360      float: none;
1361      width: auto;
1362  }
1363  
1364  .request-filesystem-credentials-dialog .ftp-username {
1365      margin-bottom: 1em;
1366  }
1367  
1368  .request-filesystem-credentials-dialog .ftp-password {
1369      margin: 0;
1370  }
1371  
1372  .request-filesystem-credentials-dialog .ftp-password em {
1373      color: #8c8f94;
1374  }
1375  
1376  .request-filesystem-credentials-dialog label {
1377      display: block;
1378      line-height: 1.5;
1379      margin-bottom: 1em;
1380  }
1381  
1382  .request-filesystem-credentials-form legend {
1383      padding-bottom: 0;
1384  }
1385  
1386  .request-filesystem-credentials-form #ssh-keys legend {
1387      font-size: 1.3em;
1388  }
1389  
1390  .request-filesystem-credentials-form .notice {
1391      margin: 0 0 20px;
1392      clear: both;
1393  }
1394  
1395  /*------------------------------------------------------------------------------
1396     Privacy Policy settings screen
1397  ------------------------------------------------------------------------------*/
1398  .tools-privacy-policy-page form {
1399      margin-bottom: 1.3em;
1400  }
1401  
1402  .tools-privacy-policy-page input.button {
1403      margin: 0 6px 0 1px;
1404  }
1405  
1406  .tools-privacy-policy-page select {
1407      margin: 0 6px 0.5em 1px;
1408  }
1409  
1410  .tools-privacy-edit {
1411      margin: 1.5em 0;
1412  }
1413  
1414  .tools-privacy-policy-page span {
1415      line-height: 2;
1416  }
1417  
1418  .privacy_requests .column-email {
1419      width: 40%;
1420  }
1421  
1422  .privacy_requests .column-type {
1423      text-align: center;
1424  }
1425  
1426  .privacy_requests thead td:first-child,
1427  .privacy_requests tfoot td:first-child {
1428      border-right: 4px solid #fff;
1429  }
1430  
1431  .privacy_requests tbody th {
1432      border-right: 4px solid #fff;
1433      background: #fff;
1434      box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1435  }
1436  
1437  .privacy_requests .row-actions {
1438      color: #787c82;
1439  }
1440  
1441  .privacy_requests .row-actions.processing {
1442      position: static;
1443  }
1444  
1445  .privacy_requests tbody .has-request-results th {
1446      box-shadow: none;
1447  }
1448  
1449  .privacy_requests tbody .request-results th .notice {
1450      margin: 0 0 5px;
1451  }
1452  
1453  .privacy_requests tbody td {
1454      background: #fff;
1455      box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1456  }
1457  
1458  .privacy_requests tbody .has-request-results td {
1459      box-shadow: none;
1460  }
1461  
1462  .privacy_requests .next_steps .button {
1463      word-wrap: break-word;
1464      white-space: normal;
1465  }
1466  
1467  .privacy_requests .status-request-confirmed th,
1468  .privacy_requests .status-request-confirmed td {
1469      background-color: #fff;
1470      border-right-color: #72aee6;
1471  }
1472  
1473  .privacy_requests .status-request-failed th,
1474  .privacy_requests .status-request-failed td {
1475      background-color: #f6f7f7;
1476      border-right-color: #d63638;
1477  }
1478  
1479  .privacy_requests .export_personal_data_failed a {
1480      vertical-align: baseline;
1481  }
1482  
1483  .status-label {
1484      font-weight: 600;
1485  }
1486  
1487  .status-label.status-request-pending {
1488      font-weight: 400;
1489      font-style: italic;
1490      color: #646970;
1491  }
1492  
1493  .status-label.status-request-failed {
1494      color: #d63638;
1495      font-weight: 600;
1496  }
1497  
1498  .wp-privacy-request-form {
1499      clear: both;
1500  }
1501  
1502  .wp-privacy-request-form-field {
1503      margin: 1.5em 0;
1504  }
1505  
1506  .wp-privacy-request-form input {
1507      margin: 0;
1508  }
1509  
1510  .email-personal-data::before {
1511      display: inline-block;
1512      font: normal 20px/1 dashicons;
1513      margin: 3px -2px 0 5px;
1514      speak: never;
1515      -webkit-font-smoothing: antialiased;
1516      -moz-osx-font-smoothing: grayscale;
1517      vertical-align: top;
1518  }
1519  
1520  .email-personal-data--sending::before {
1521      color: #d63638;
1522      content: "\f463";
1523      animation: rotation 2s infinite linear;
1524  }
1525  
1526  .email-personal-data--sent::before {
1527      color: #68de7c;
1528      content: "\f147";
1529  }
1530  
1531  
1532  /* =Media Queries
1533  -------------------------------------------------------------- */
1534  
1535  @media screen and (max-width: 782px) {
1536      /* Input Elements */
1537      textarea {
1538          -webkit-appearance: none;
1539      }
1540  
1541      input[type="text"],
1542      input[type="password"],
1543      input[type="date"],
1544      input[type="datetime"],
1545      input[type="datetime-local"],
1546      input[type="email"],
1547      input[type="month"],
1548      input[type="number"],
1549      input[type="search"],
1550      input[type="tel"],
1551      input[type="time"],
1552      input[type="url"],
1553      input[type="week"] {
1554          -webkit-appearance: none;
1555          padding: 3px 10px;
1556          /* Only necessary for IE11 */
1557          min-height: 40px;
1558      }
1559  
1560      ::-webkit-datetime-edit {
1561          line-height: 1.875; /* 30px */
1562      }
1563  
1564      input[type="checkbox"],
1565      .widefat th input[type="checkbox"],
1566      .widefat thead td input[type="checkbox"],
1567      .widefat tfoot td input[type="checkbox"] {
1568          -webkit-appearance: none;
1569      }
1570  
1571      .widefat th input[type="checkbox"],
1572      .widefat thead td input[type="checkbox"],
1573      .widefat tfoot td input[type="checkbox"] {
1574          margin-bottom: 8px;
1575      }
1576  
1577      input[type="checkbox"]:checked:before,
1578      .widefat th input[type="checkbox"]:before,
1579      .widefat thead td input[type="checkbox"]:before,
1580      .widefat tfoot td input[type="checkbox"]:before {
1581          width: 1.875rem;
1582          height: 1.875rem;
1583          margin: -0.1875rem -0.3125rem;
1584      }
1585  
1586      input[type="radio"],
1587      input[type="checkbox"] {
1588          height: 1.5625rem;
1589          width: 1.5625rem;
1590      }
1591  
1592      .wp-admin p input[type="checkbox"],
1593      .wp-admin p input[type="radio"] {
1594          margin-top: -0.1875rem;
1595      }
1596  
1597      input[type="radio"]:checked:before {
1598          vertical-align: middle;
1599          width: 0.5625rem;
1600          height: 0.5625rem;
1601          margin: 0.4375rem;
1602          line-height: 0.76190476;
1603      }
1604  
1605      .wp-upload-form input[type="submit"] {
1606          margin-top: 10px;
1607      }
1608  
1609      .wp-core-ui select,
1610      .wp-admin .form-table select {
1611          min-height: 40px;
1612          font-size: 16px;
1613          line-height: 1.625; /* 26px */
1614          padding: 5px 8px 5px 24px;
1615      }
1616  
1617      .wp-admin .button-cancel {
1618          margin-bottom: 0;
1619          padding: 2px 0;
1620          font-size: 14px;
1621          vertical-align: middle;
1622      }
1623  
1624      #adduser .form-field input,
1625      #createuser .form-field input {
1626          width: 100%;
1627      }
1628  
1629      .form-table {
1630          box-sizing: border-box;
1631      }
1632  
1633      .form-table th,
1634      .form-table td,
1635      .label-responsive {
1636          display: block;
1637          width: auto;
1638          vertical-align: middle;
1639      }
1640  
1641      .label-responsive {
1642          margin: 0.5em 0;
1643      }
1644  
1645      .export-filters li {
1646          margin-bottom: 0;
1647      }
1648  
1649      .form-table .color-palette .color-palette-shade,
1650      .form-table .color-palette td {
1651          display: table-cell;
1652          width: 15px;
1653          height: 30px;
1654          padding: 0;
1655      }
1656  
1657      .form-table .color-palette {
1658          margin-left: 10px;
1659      }
1660  
1661      textarea,
1662      input {
1663          font-size: 16px;
1664      }
1665  
1666      .form-table td input[type="text"],
1667      .form-table td input[type="email"],
1668      .form-table td input[type="password"],
1669      .form-table td select,
1670      .form-table td textarea,
1671      .form-table span.description,
1672      #profile-page .form-table textarea {
1673          width: 100%;
1674          display: block;
1675          max-width: none;
1676          box-sizing: border-box;
1677      }
1678  
1679      .form-table .form-required.form-invalid td:after {
1680          float: left;
1681          margin: -30px 0 0 3px;
1682      }
1683  
1684      input[type="text"].small-text,
1685      input[type="search"].small-text,
1686      input[type="password"].small-text,
1687      input[type="number"].small-text,
1688      input[type="number"].small-text,
1689      .form-table input[type="text"].small-text {
1690          width: auto;
1691          max-width: 4.375em; /* 70px, enough for 4 digits to fit comfortably */
1692          display: inline;
1693          padding: 3px 6px;
1694          margin: 0 3px;
1695      }
1696  
1697      .form-table .regular-text ~ input[type="text"].small-text {
1698          margin-top: 5px;
1699      }
1700  
1701      #pass-strength-result {
1702          width: 100%;
1703          box-sizing: border-box;
1704          padding: 8px;
1705      }
1706  
1707      .password-input-wrapper {
1708          display: block;
1709      }
1710  
1711      p.search-box {
1712          float: none;
1713          width: 100%;
1714          margin-bottom: 20px;
1715          display: flex;
1716      }
1717  
1718      p.search-box input[name="s"] {
1719          float: none;
1720          width: 100%;
1721          margin-bottom: 10px;
1722          vertical-align: middle;
1723      }
1724  
1725      p.search-box input[type="submit"] {
1726          margin-bottom: 10px;
1727      }
1728  
1729      .form-table span.description {
1730          display: inline;
1731          padding: 4px 0 0;
1732          line-height: 1.4;
1733          font-size: 14px;
1734      }
1735  
1736      .form-table th {
1737          padding: 10px 0 0;
1738          border-bottom: 0;
1739      }
1740  
1741      .form-table td {
1742          margin-bottom: 0;
1743          padding: 4px 0 6px;
1744      }
1745  
1746      .form-table.permalink-structure td code {
1747          display: inline-block;
1748      }
1749  
1750      .form-table.permalink-structure .structure-selection {
1751          margin-top: 8px;
1752      }
1753  
1754      .form-table.permalink-structure .structure-selection .row > div {
1755          max-width: calc(100% - 36px);
1756          width: 100%;
1757      }
1758  
1759      .form-table.permalink-structure td input[type="text"] {
1760          margin-top: 4px;
1761      }
1762  
1763      .form-table input.regular-text {
1764          width: 100%;
1765      }
1766  
1767      .form-table label {
1768          font-size: 14px;
1769      }
1770  
1771      .form-table td > label:first-child {
1772          display: inline-block;
1773          margin-top: 0.35em;
1774      }
1775  
1776      .background-position-control .button-group > label {
1777          font-size: 0;
1778      }
1779  
1780      .form-table fieldset label {
1781          display: block;
1782      }
1783  
1784      .form-field #domain {
1785          max-width: none;
1786      }
1787  
1788      /* New Password */
1789      .wp-pwd {
1790          position: relative;
1791      }
1792  
1793      /* Needs higher specificity than normal input type text and password. */
1794      #profile-page .form-table #pass1 {
1795          padding-left: 90px;
1796      }
1797  
1798      .wp-pwd button.button {
1799          background: transparent;
1800          border: 1px solid transparent;
1801          box-shadow: none;
1802          line-height: 2;
1803          margin: 0;
1804          padding: 5px 9px;
1805          position: absolute;
1806          left: 0;
1807          top: 0;
1808          width: 2.375rem;
1809          height: 2.375rem;
1810          min-width: 40px;
1811          min-height: 40px;
1812      }
1813  
1814      .wp-pwd button.wp-hide-pw {
1815          left: 2.5rem;
1816      }
1817  
1818      body.user-new-php .wp-pwd button.wp-hide-pw {
1819          left: 0;
1820      }
1821  
1822      .wp-pwd button.button:hover,
1823      .wp-pwd button.button:focus {
1824          background: transparent;
1825      }
1826  
1827      .wp-pwd button.button:active {
1828          background: transparent;
1829          box-shadow: none;
1830          transform: none;
1831      }
1832  
1833      .wp-pwd .button .text {
1834          display: none;
1835      }
1836  
1837      .wp-pwd [type="text"],
1838      .wp-pwd [type="password"] {
1839          line-height: 2;
1840          padding-left: 5rem;
1841      }
1842  
1843      body.user-new-php .wp-pwd [type="text"],
1844      body.user-new-php .wp-pwd [type="password"] {
1845          padding-left: 2.5rem;
1846      }
1847  
1848      .wp-cancel-pw .dashicons-no {
1849          display: inline-block;
1850      }
1851  
1852      .mailserver-pass-wrap .wp-pwd {
1853          display: block;
1854      }
1855  
1856      /* rtl:ignore */
1857      #mailserver_pass {
1858          padding-left: 10px;
1859      }
1860  
1861      .options-general-php input[type="text"].small-text {
1862          max-width: 6.25em;
1863          margin: 0;
1864      }
1865  
1866      /* Privacy Policy settings screen */
1867      .tools-privacy-policy-page form.wp-create-privacy-page {
1868          margin-bottom: 1em;
1869      }
1870  
1871      .tools-privacy-policy-page input#set-page,
1872      .tools-privacy-policy-page select {
1873          margin: 10px 0 0;
1874      }
1875  
1876      .tools-privacy-policy-page .wp-create-privacy-page span {
1877          display: block;
1878          margin-bottom: 1em;
1879      }
1880  
1881      .tools-privacy-policy-page .wp-create-privacy-page .button {
1882          margin-right: 0;
1883      }
1884  
1885      .wp-list-table.privacy_requests tr:not(.inline-edit-row):not(.no-items) td.column-primary:not(.check-column) {
1886          display: table-cell;
1887      }
1888  
1889      .wp-list-table.privacy_requests.widefat th input,
1890      .wp-list-table.privacy_requests.widefat thead td input {
1891          margin-right: 5px;
1892      }
1893  
1894      .wp-privacy-request-form-field input[type="text"] {
1895          width: 100%;
1896          margin-bottom: 10px;
1897          vertical-align: middle;
1898      }
1899  
1900      .regular-text {
1901          max-width: 100%;
1902      }
1903  }
1904  
1905  @media only screen and (max-width: 768px) {
1906      .form-field input[type="text"],
1907      .form-field input[type="email"],
1908      .form-field input[type="password"],
1909      .form-field select,
1910      .form-field textarea {
1911          width: 99%;
1912      }
1913  
1914      .form-wrap .form-field {
1915          padding: 0;
1916      }
1917  }
1918  
1919  @media only screen and (max-height: 480px), screen and (max-width: 450px) {
1920      /* Request Credentials / File Editor Warning */
1921      .request-filesystem-credentials-dialog .notification-dialog,
1922      .file-editor-warning .notification-dialog {
1923          width: 100%;
1924          height: 100%;
1925          max-height: 100%;
1926          position: fixed;
1927          top: 0;
1928          margin: 0;
1929          right: 0;
1930      }
1931  }
1932  
1933  /* Smartphone */
1934  @media screen and (max-width: 600px) {
1935      /* Color Picker Options */
1936      .color-option {
1937          width: 49%;
1938      }
1939  }
1940  
1941  @media only screen and (max-width: 320px) {
1942      .options-general-php .date-time-text.date-time-custom-text {
1943          min-width: 0;
1944          margin-left: 0.5em;
1945      }
1946  }
1947  
1948  @keyframes rotation {
1949      0% {
1950          transform: rotate(0deg);
1951      }
1952      100% {
1953          transform: rotate(-359deg);
1954      }
1955  }