[ Index ]

WordPress 5.4.1

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

title

Body

[close]

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

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


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