[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

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


Generated: Sat Nov 23 20:47:33 2019 Cross-referenced by PHPXref 0.7