[ Index ]

WordPress 5.4.1

[ Index ]     [ Classes ]     [ Functions ]     [ Variables ]     [ Constants ]     [ Statistics ]    

title

Body

[close]

/wp-admin/css/ -> forms.css (source)

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


Generated: Tue May 19 15:51:04 2020 Cross-referenced by PHPXref 0.7.1