[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

Search

title

Body

[close]

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

   1  /*! This file is auto-generated */
   2  /* 2 column liquid layout */
   3  #wpwrap {
   4      height: auto;
   5      min-height: 100%;
   6      width: 100%;
   7      position: relative;
   8      -webkit-font-smoothing: subpixel-antialiased;
   9  }
  10  
  11  #wpcontent {
  12      height: 100%;
  13      padding-right: 20px;
  14  }
  15  
  16  #wpcontent,
  17  #wpfooter {
  18      margin-right: 160px;
  19  }
  20  
  21  .folded #wpcontent,
  22  .folded #wpfooter {
  23      margin-right: 36px;
  24  }
  25  
  26  #wpbody-content {
  27      padding-bottom: 65px;
  28      float: right;
  29      width: 100%;
  30      overflow: visible;
  31  }
  32  
  33  /* inner 2 column liquid layout */
  34  
  35  .inner-sidebar {
  36      float: left;
  37      clear: left;
  38      display: none;
  39      width: 281px;
  40      position: relative;
  41  }
  42  
  43  .columns-2 .inner-sidebar {
  44      margin-left: auto;
  45      width: 286px;
  46      display: block;
  47  }
  48  
  49  .inner-sidebar #side-sortables,
  50  .columns-2 .inner-sidebar #side-sortables {
  51      min-height: 300px;
  52      width: 280px;
  53      padding: 0;
  54  }
  55  
  56  .has-right-sidebar .inner-sidebar {
  57      display: block;
  58  }
  59  
  60  .has-right-sidebar #post-body {
  61      float: right;
  62      clear: right;
  63      width: 100%;
  64      margin-left: -2000px;
  65  }
  66  
  67  .has-right-sidebar #post-body-content {
  68      margin-left: 300px;
  69      float: none;
  70      width: auto;
  71  }
  72  
  73  /* 2 columns main area */
  74  
  75  #col-left {
  76      float: right;
  77      width: 35%;
  78  }
  79  
  80  #col-right {
  81      float: left;
  82      width: 65%;
  83  }
  84  
  85  #col-left .col-wrap {
  86      padding: 0 0 0 6px;
  87  }
  88  
  89  #col-right .col-wrap {
  90      padding: 0 6px 0 0;
  91  }
  92  
  93  /* utility classes */
  94  .alignleft {
  95      float: right;
  96  }
  97  
  98  .alignright {
  99      float: left;
 100  }
 101  
 102  .textleft {
 103      text-align: right;
 104  }
 105  
 106  .textright {
 107      text-align: left;
 108  }
 109  
 110  .clear {
 111      clear: both;
 112  }
 113  
 114  /* modern clearfix */
 115  .wp-clearfix:after {
 116      content: "";
 117      display: table;
 118      clear: both;
 119  }
 120  
 121  /* Hide visually but not from screen readers */
 122  .screen-reader-text,
 123  .screen-reader-text span,
 124  .ui-helper-hidden-accessible {
 125      border: 0;
 126      clip: rect(1px, 1px, 1px, 1px);
 127      -webkit-clip-path: inset(50%);
 128      clip-path: inset(50%);
 129      height: 1px;
 130      margin: -1px;
 131      overflow: hidden;
 132      padding: 0;
 133      position: absolute;
 134      width: 1px;
 135      word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
 136  }
 137  
 138  .button .screen-reader-text {
 139      height: auto; /* Fixes a Safari+VoiceOver bug, see ticket #42006 */
 140  }
 141  
 142  .screen-reader-text + .dashicons-external {
 143      margin-top: -1px;
 144      margin-right: 2px;
 145  }
 146  
 147  .screen-reader-shortcut {
 148      position: absolute;
 149      top: -1000em;
 150      right: 6px;
 151      height: auto;
 152      width: auto;
 153      display: block;
 154      font-size: 14px;
 155      font-weight: 600;
 156      padding: 15px 23px 14px;
 157      /* Background and color set to prevent false positives in automated accessibility tests. */
 158      background: #f0f0f1;
 159      color: #2271b1;
 160      z-index: 100000;
 161      line-height: normal;
 162  }
 163  
 164  .screen-reader-shortcut:focus {
 165      top: -25px;
 166      /* Overrides a:focus in the admin. See ticket #56789. */
 167      color: #2271b1;
 168      box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 169      text-decoration: none;
 170      /* Only visible in Windows High Contrast mode */
 171      outline: 2px solid transparent;
 172      outline-offset: -2px;
 173  }
 174  
 175  .hidden,
 176  .js .closed .inside,
 177  .js .hide-if-js,
 178  .no-js .hide-if-no-js,
 179  .js.wp-core-ui .hide-if-js,
 180  .js .wp-core-ui .hide-if-js,
 181  .no-js.wp-core-ui .hide-if-no-js,
 182  .no-js .wp-core-ui .hide-if-no-js {
 183      display: none;
 184  }
 185  
 186  /* @todo: Take a second look. Large chunks of shared color, from the colors.css merge */
 187  .widget-top,
 188  .menu-item-handle,
 189  .widget-inside,
 190  #menu-settings-column .accordion-container,
 191  #menu-management .menu-edit,
 192  .manage-menus,
 193  table.widefat,
 194  .stuffbox,
 195  p.popular-tags,
 196  .widgets-holder-wrap,
 197  .wp-editor-container,
 198  .popular-tags,
 199  .feature-filter,
 200  .comment-ays {
 201      border: 1px solid #c3c4c7;
 202      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 203  }
 204  
 205  table.widefat,
 206  .wp-editor-container,
 207  .stuffbox,
 208  p.popular-tags,
 209  .widgets-holder-wrap,
 210  .popular-tags,
 211  .feature-filter,
 212  .comment-ays {
 213      background: #fff;
 214  }
 215  
 216  /* general */
 217  html,
 218  body {
 219      height: 100%;
 220      margin: 0;
 221      padding: 0;
 222  }
 223  
 224  body {
 225      background: #f0f0f1;
 226      color: #3c434a;
 227      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 228      font-size: 13px;
 229      line-height: 1.4em;
 230      min-width: 600px;
 231  }
 232  
 233  body.iframe {
 234      min-width: 0;
 235      padding-top: 1px;
 236  }
 237  
 238  body.modal-open {
 239      overflow: hidden;
 240  }
 241  
 242  body.mobile.modal-open #wpwrap {
 243      overflow: hidden;
 244      position: fixed;
 245      height: 100%;
 246  }
 247  
 248  iframe,
 249  img {
 250      border: 0;
 251  }
 252  
 253  td {
 254      font-family: inherit;
 255      font-size: inherit;
 256      font-weight: inherit;
 257      line-height: inherit;
 258  }
 259  
 260  /* Any change to the default link style must be applied to button-link too. */
 261  a {
 262      color: #2271b1;
 263      transition-property: border, background, color;
 264      transition-duration: .05s;
 265      transition-timing-function: ease-in-out;
 266  }
 267  
 268  a,
 269  div {
 270      outline: 0;
 271  }
 272  
 273  a:hover,
 274  a:active {
 275      color: #135e96;
 276  }
 277  
 278  a:focus,
 279  a:focus .media-icon img,
 280  a:focus .plugin-icon,
 281  .wp-person a:focus .gravatar {
 282      color: #043959;
 283      box-shadow: 0 0 0 2px #2271b1;
 284      /* Only visible in Windows High Contrast mode */
 285      outline: 2px solid transparent;
 286  }
 287  
 288  #adminmenu a:focus {
 289      box-shadow: none;
 290      /* Only visible in Windows High Contrast mode */
 291      outline: 1px solid transparent;
 292      outline-offset: -1px;
 293  }
 294  
 295  .screen-reader-text:focus {
 296      box-shadow: none;
 297      outline: none;
 298  }
 299  
 300  blockquote,
 301  q {
 302      quotes: none;
 303  }
 304  
 305  blockquote:before,
 306  blockquote:after,
 307  q:before,
 308  q:after {
 309      content: "";
 310      content: none;
 311  }
 312  
 313  p,
 314  .wp-die-message {
 315      font-size: 13px;
 316      line-height: 1.5;
 317      margin: 1em 0;
 318  }
 319  
 320  blockquote {
 321      margin: 1em;
 322  }
 323  
 324  li,
 325  dd {
 326      margin-bottom: 6px;
 327  }
 328  
 329  h1,
 330  h2,
 331  h3,
 332  h4,
 333  h5,
 334  h6 {
 335      display: block;
 336      font-weight: 600;
 337  }
 338  
 339  h1 {
 340      color: #1d2327;
 341      font-size: 2em;
 342      margin: .67em 0;
 343  }
 344  
 345  h2,
 346  h3 {
 347      color: #1d2327;
 348      font-size: 1.3em;
 349      margin: 1em 0;
 350  }
 351  
 352  .update-core-php h2 {
 353      margin-top: 4em;
 354  }
 355  
 356  .update-php h2,
 357  .update-messages h2,
 358  h4 {
 359      font-size: 1em;
 360      margin: 1.33em 0;
 361  }
 362  
 363  h5 {
 364      font-size: 0.83em;
 365      margin: 1.67em 0;
 366  }
 367  
 368  h6 {
 369      font-size: 0.67em;
 370      margin: 2.33em 0;
 371  }
 372  
 373  ul,
 374  ol {
 375      padding: 0;
 376  }
 377  
 378  ul {
 379      list-style: none;
 380  }
 381  
 382  ol {
 383      list-style-type: decimal;
 384      margin-right: 2em;
 385  }
 386  
 387  ul.ul-disc {
 388      list-style: disc outside;
 389  }
 390  
 391  ul.ul-square {
 392      list-style: square outside;
 393  }
 394  
 395  ol.ol-decimal {
 396      list-style: decimal outside;
 397  }
 398  
 399  ul.ul-disc,
 400  ul.ul-square,
 401  ol.ol-decimal {
 402      margin-right: 1.8em;
 403  }
 404  
 405  ul.ul-disc > li,
 406  ul.ul-square > li,
 407  ol.ol-decimal > li {
 408      margin: 0 0 0.5em;
 409  }
 410  
 411  /* rtl:ignore */
 412  .ltr {
 413      direction: ltr;
 414  }
 415  
 416  /* rtl:ignore */
 417  .code,
 418  code {
 419      font-family: Consolas, Monaco, monospace;
 420      direction: ltr;
 421      unicode-bidi: embed;
 422  }
 423  
 424  kbd,
 425  code {
 426      padding: 3px 5px 2px;
 427      margin: 0 1px;
 428      background: #f0f0f1;
 429      background: rgba(0, 0, 0, 0.07);
 430      font-size: 13px;
 431  }
 432  
 433  .subsubsub {
 434      list-style: none;
 435      margin: 8px 0 0;
 436      padding: 0;
 437      font-size: 13px;
 438      float: right;
 439      color: #646970;
 440  }
 441  
 442  .subsubsub a {
 443      line-height: 2;
 444      padding: .2em;
 445      text-decoration: none;
 446  }
 447  
 448  .subsubsub a .count,
 449  .subsubsub a.current .count {
 450      color: #50575e; /* #f1f1f1 background */
 451      font-weight: 400;
 452  }
 453  
 454  .subsubsub a.current {
 455      font-weight: 600;
 456      border: none;
 457  }
 458  
 459  .subsubsub li {
 460      display: inline-block;
 461      margin: 0;
 462      padding: 0;
 463      white-space: nowrap;
 464  }
 465  
 466  /* .widefat - main style for tables */
 467  .widefat {
 468      border-spacing: 0;
 469      width: 100%;
 470      clear: both;
 471      margin: 0;
 472  }
 473  
 474  .widefat * {
 475      word-wrap: break-word;
 476  }
 477  
 478  .widefat a,
 479  .widefat button.button-link {
 480      text-decoration: none;
 481  }
 482  
 483  .widefat td,
 484  .widefat th {
 485      padding: 8px 10px;
 486  }
 487  
 488  .widefat thead th,
 489  .widefat thead td {
 490      border-bottom: 1px solid #c3c4c7;
 491  }
 492  
 493  .widefat tfoot th,
 494  .widefat tfoot td {
 495      border-top: 1px solid #c3c4c7;
 496      border-bottom: none;
 497  }
 498  
 499  .widefat .no-items td {
 500      border-bottom-width: 0;
 501  }
 502  
 503  .widefat td {
 504      vertical-align: top;
 505  }
 506  
 507  .widefat td,
 508  .widefat td p,
 509  .widefat td ol,
 510  .widefat td ul {
 511      font-size: 13px;
 512      line-height: 1.5em;
 513  }
 514  
 515  .widefat th,
 516  .widefat thead td,
 517  .widefat tfoot td {
 518      text-align: right;
 519      line-height: 1.3em;
 520      font-size: 14px;
 521  }
 522  
 523  .widefat th input,
 524  .updates-table td input,
 525  .widefat thead td input,
 526  .widefat tfoot td input {
 527      margin: 0 8px 0 0;
 528      padding: 0;
 529      vertical-align: text-top;
 530  }
 531  
 532  .widefat .check-column {
 533      width: 2.2em;
 534      padding: 6px 0 25px;
 535      vertical-align: top;
 536  }
 537  
 538  .widefat tbody th.check-column {
 539      padding: 9px 0 22px;
 540  }
 541  
 542  .widefat thead td.check-column,
 543  .widefat tbody th.check-column,
 544  .updates-table tbody td.check-column,
 545  .widefat tfoot td.check-column {
 546      padding: 11px 3px 0 0;
 547  }
 548  
 549  .widefat thead td.check-column,
 550  .widefat tfoot td.check-column {
 551      padding-top: 4px;
 552      vertical-align: middle;
 553  }
 554  
 555  .update-php div.updated,
 556  .update-php div.error {
 557      margin-right: 0;
 558  }
 559  
 560  .js-update-details-toggle .dashicons {
 561      text-decoration: none;
 562  }
 563  
 564  .js-update-details-toggle[aria-expanded="true"] .dashicons::before {
 565      content: "\f142";
 566  }
 567  
 568  .no-js .widefat thead .check-column input,
 569  .no-js .widefat tfoot .check-column input {
 570      display: none;
 571  }
 572  
 573  .widefat .num,
 574  .column-comments,
 575  .column-links,
 576  .column-posts {
 577      text-align: center;
 578  }
 579  
 580  .widefat th#comments {
 581      vertical-align: middle;
 582  }
 583  
 584  .wrap {
 585      margin: 10px 2px 0 20px;
 586  }
 587  
 588  .wrap > h2:first-child, /* Back-compat for pre-4.4 */
 589  .wrap [class$="icon32"] + h2, /* Back-compat for pre-4.4 */
 590  .postbox .inside h2, /* Back-compat for pre-4.4 */
 591  .wrap h1 {
 592      font-size: 23px;
 593      font-weight: 400;
 594      margin: 0;
 595      padding: 9px 0 4px;
 596      line-height: 1.3;
 597  }
 598  
 599  .wrap h1.wp-heading-inline {
 600      display: inline-block;
 601      margin-left: 5px;
 602  }
 603  
 604  .wp-header-end {
 605      visibility: hidden;
 606      margin: -2px 0 0;
 607  }
 608  
 609  .subtitle {
 610      margin: 0;
 611      padding-right: 25px;
 612      color: #50575e;
 613      font-size: 14px;
 614      font-weight: 400;
 615      line-height: 1;
 616  }
 617  
 618  .subtitle strong {
 619      word-break: break-all;
 620  }
 621  
 622  .wrap .add-new-h2, /* deprecated */
 623  .wrap .add-new-h2:active, /* deprecated */
 624  .wrap .page-title-action,
 625  .wrap .page-title-action:active {
 626      display: inline-block;
 627      position: relative;
 628      box-sizing: border-box;
 629      cursor: pointer;
 630      white-space: nowrap;
 631      text-decoration: none;
 632      text-shadow: none;
 633      top: -3px;
 634      margin-right: 4px;
 635      border: 1px solid #2271b1;
 636      border-radius: 3px;
 637      background: #f6f7f7;
 638      font-size: 13px;
 639      font-weight: 400;
 640      line-height: 2.15384615;
 641      color: #2271b1; /* use the standard color used for buttons */
 642      padding: 0 10px;
 643      min-height: 30px;
 644      -webkit-appearance: none;
 645  
 646  }
 647  
 648  .wrap .wp-heading-inline + .page-title-action {
 649      margin-right: 0;
 650  }
 651  
 652  .wrap .add-new-h2:hover, /* deprecated */
 653  .wrap .page-title-action:hover {
 654      background: #f0f0f1;
 655      border-color: #0a4b78;
 656      color: #0a4b78;
 657  }
 658  
 659  /* lower specificity: color needs to be overridden by :hover and :active */
 660  .page-title-action:focus {
 661      color: #0a4b78;
 662  }
 663  
 664  /* Dashicon for language options on General Settings and Profile screens */
 665  .form-table th label[for="locale"] .dashicons,
 666  .form-table th label[for="WPLANG"] .dashicons {
 667      margin-right: 5px;
 668  }
 669  
 670  .wrap .page-title-action:focus {
 671      border-color: #3582c4;
 672      box-shadow: 0 0 0 1px #3582c4;
 673      /* Only visible in Windows High Contrast mode */
 674      outline: 2px solid transparent;
 675  }
 676  
 677  .wrap h1.long-header {
 678      padding-left: 0;
 679  }
 680  
 681  .wp-dialog {
 682      background-color: #fff;
 683  }
 684  
 685  .widgets-chooser ul,
 686  #widgets-left .widget-in-question .widget-top,
 687  #available-widgets .widget-top:hover,
 688  div#widgets-right .widget-top:hover,
 689  #widgets-left .widget-top:hover {
 690      border-color: #8c8f94;
 691      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
 692  }
 693  
 694  .sorthelper {
 695      background-color: #c5d9ed;
 696  }
 697  
 698  .ac_match,
 699  .subsubsub a.current {
 700      color: #000;
 701  }
 702  
 703  .striped > tbody > :nth-child(odd),
 704  ul.striped > :nth-child(odd),
 705  .alternate {
 706      background-color: #f6f7f7;
 707  }
 708  
 709  .bar {
 710      background-color: #f0f0f1;
 711      border-left-color: #4f94d4;
 712  }
 713  
 714  /* Helper classes for plugins to leverage the active WordPress color scheme */
 715  
 716  .highlight {
 717      background-color: #f0f6fc;
 718      color: #3c434a;
 719  }
 720  
 721  .wp-ui-primary {
 722      color: #fff;
 723      background-color: #2c3338;
 724  }
 725  .wp-ui-text-primary {
 726      color: #2c3338;
 727  }
 728  
 729  .wp-ui-highlight {
 730      color: #fff;
 731      background-color: #2271b1;
 732  }
 733  .wp-ui-text-highlight {
 734      color: #2271b1;
 735  }
 736  
 737  .wp-ui-notification {
 738      color: #fff;
 739      background-color: #d63638;
 740  }
 741  .wp-ui-text-notification {
 742      color: #d63638;
 743  }
 744  
 745  .wp-ui-text-icon {
 746      color: #8c8f94; /* same as new icons */
 747  }
 748  
 749  /* For emoji replacement images */
 750  img.emoji {
 751      display: inline !important;
 752      border: none !important;
 753      height: 1em !important;
 754      width: 1em !important;
 755      margin: 0 .07em !important;
 756      vertical-align: -0.1em !important;
 757      background: none !important;
 758      padding: 0 !important;
 759      box-shadow: none !important;
 760  }
 761  
 762  /*------------------------------------------------------------------------------
 763    1.0 - Text Styles
 764  ------------------------------------------------------------------------------*/
 765  
 766  .widget .widget-top,
 767  .postbox .hndle,
 768  .stuffbox .hndle,
 769  .control-section .accordion-section-title,
 770  .sidebar-name,
 771  #nav-menu-header,
 772  #nav-menu-footer,
 773  .menu-item-handle,
 774  .checkbox,
 775  .side-info,
 776  #your-profile #rich_editing,
 777  .widefat thead th,
 778  .widefat thead td,
 779  .widefat tfoot th,
 780  .widefat tfoot td {
 781      line-height: 1.4em;
 782  }
 783  
 784  .widget .widget-top,
 785  .menu-item-handle {
 786      background: #f6f7f7;
 787      color: #1d2327;
 788  }
 789  
 790  .stuffbox .hndle {
 791      border-bottom: 1px solid #c3c4c7;
 792  }
 793  
 794  .quicktags {
 795      background-color: #c3c4c7;
 796      color: #000;
 797      font-size: 12px;
 798  }
 799  
 800  .icon32 {
 801      display: none;
 802  }
 803  
 804  /* @todo can we combine these into a class or use an existing dashicon one? */
 805  .welcome-panel .welcome-panel-close:before,
 806  .tagchecklist .ntdelbutton .remove-tag-icon:before,
 807  #bulk-titles .ntdelbutton:before,
 808  .notice-dismiss:before {
 809      background: none;
 810      color: #787c82;
 811      content: "\f153";
 812      display: block;
 813      font: normal 16px/20px dashicons;
 814      speak: never;
 815      height: 20px;
 816      text-align: center;
 817      width: 20px;
 818      -webkit-font-smoothing: antialiased;
 819      -moz-osx-font-smoothing: grayscale;
 820  }
 821  
 822  .welcome-panel .welcome-panel-close:before {
 823      margin: 0;
 824  }
 825  
 826  .tagchecklist .ntdelbutton .remove-tag-icon:before {
 827      margin-right: 2px;
 828      border-radius: 50%;
 829      color: #2271b1;
 830      /* vertically center the icon cross browsers */
 831      line-height: 1.28;
 832  }
 833  
 834  .tagchecklist .ntdelbutton:focus {
 835      outline: 0;
 836  }
 837  
 838  .tagchecklist .ntdelbutton:hover .remove-tag-icon:before,
 839  .tagchecklist .ntdelbutton:focus .remove-tag-icon:before,
 840  #bulk-titles .ntdelbutton:hover:before,
 841  #bulk-titles .ntdelbutton:focus:before {
 842      color: #d63638;
 843  }
 844  
 845  .tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
 846      box-shadow: 0 0 0 2px #2271b1;
 847      /* Only visible in Windows High Contrast mode */
 848      outline: 2px solid transparent;
 849  }
 850  
 851  .key-labels label {
 852      line-height: 24px;
 853  }
 854  
 855  strong, b {
 856      font-weight: 600;
 857  }
 858  
 859  .pre {
 860      /* https://developer.mozilla.org/en-US/docs/CSS/white-space */
 861      white-space: pre-wrap; /* css-3 */
 862      word-wrap: break-word; /* IE 5.5 - 7 */
 863  }
 864  
 865  .howto {
 866      color: #646970;
 867      display: block;
 868  }
 869  
 870  p.install-help {
 871      margin: 8px 0;
 872      font-style: italic;
 873  }
 874  
 875  .no-break {
 876      white-space: nowrap;
 877  }
 878  
 879  hr {
 880      border: 0;
 881      border-top: 1px solid #dcdcde;
 882      border-bottom: 1px solid #f6f7f7;
 883  }
 884  
 885  .row-actions span.delete a,
 886  .row-actions span.trash a,
 887  .row-actions span.spam a,
 888  .plugins a.delete,
 889  #all-plugins-table .plugins a.delete,
 890  #search-plugins-table .plugins a.delete,
 891  .submitbox .submitdelete,
 892  #media-items a.delete,
 893  #media-items a.delete-permanently,
 894  #nav-menu-footer .menu-delete,
 895  #delete-link a.delete,
 896  a#remove-post-thumbnail,
 897  .privacy_requests .remove-personal-data .remove-personal-data-handle {
 898      color: #b32d2e;
 899  }
 900  
 901  abbr.required,
 902  span.required,
 903  .file-error,
 904  .row-actions .delete a:hover,
 905  .row-actions .trash a:hover,
 906  .row-actions .spam a:hover,
 907  .plugins a.delete:hover,
 908  #all-plugins-table .plugins a.delete:hover,
 909  #search-plugins-table .plugins a.delete:hover,
 910  .submitbox .submitdelete:hover,
 911  #media-items a.delete:hover,
 912  #media-items a.delete-permanently:hover,
 913  #nav-menu-footer .menu-delete:hover,
 914  #delete-link a.delete:hover,
 915  a#remove-post-thumbnail:hover,
 916  .privacy_requests .remove-personal-data .remove-personal-data-handle:hover {
 917      color: #b32d2e;
 918      border: none;
 919  }
 920  
 921  /*------------------------------------------------------------------------------
 922    3.0 - Actions
 923  ------------------------------------------------------------------------------*/
 924  
 925  #major-publishing-actions {
 926      padding: 10px;
 927      clear: both;
 928      border-top: 1px solid #dcdcde;
 929      background: #f6f7f7;
 930  }
 931  
 932  #delete-action {
 933      float: right;
 934      line-height: 2.30769231; /* 30px */
 935  }
 936  
 937  #delete-link {
 938      line-height: 2.30769231; /* 30px */
 939      vertical-align: middle;
 940      text-align: right;
 941      margin-right: 8px;
 942  }
 943  
 944  #delete-link a {
 945      text-decoration: none;
 946  }
 947  
 948  #publishing-action {
 949      text-align: left;
 950      float: left;
 951      line-height: 1.9;
 952  }
 953  
 954  #publishing-action .spinner {
 955      float: none;
 956      margin-top: 5px;
 957  }
 958  
 959  #misc-publishing-actions {
 960      padding: 6px 0 0;
 961  }
 962  
 963  .misc-pub-section {
 964      padding: 6px 10px 8px;
 965  }
 966  
 967  .word-wrap-break-word,
 968  .misc-pub-filename {
 969      word-wrap: break-word;
 970  }
 971  
 972  #minor-publishing-actions {
 973      padding: 10px 10px 0;
 974      text-align: left;
 975  }
 976  
 977  #save-post {
 978      float: right;
 979  }
 980  
 981  .preview {
 982      float: left;
 983  }
 984  
 985  #sticky-span {
 986      margin-right: 18px;
 987  }
 988  
 989  .approve,
 990  .unapproved .unapprove {
 991      display: none;
 992  }
 993  
 994  .unapproved .approve,
 995  .spam .approve,
 996  .trash .approve {
 997      display: inline;
 998  }
 999  
1000  td.action-links,
1001  th.action-links {
1002      text-align: left;
1003  }
1004  
1005  #misc-publishing-actions .notice {
1006      margin-right: 10px;
1007      margin-left: 10px;
1008  }
1009  
1010  /* Filter bar */
1011  .wp-filter {
1012      display: inline-block;
1013      position: relative;
1014      box-sizing: border-box;
1015      margin: 12px 0 25px;
1016      padding: 0 10px;
1017      width: 100%;
1018      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1019      border: 1px solid #c3c4c7;
1020      background: #fff;
1021      color: #50575e;
1022      font-size: 13px;
1023  }
1024  
1025  .wp-filter a {
1026      text-decoration: none;
1027  }
1028  
1029  .filter-count {
1030      display: inline-block;
1031      vertical-align: middle;
1032      min-width: 4em;
1033  }
1034  
1035  .title-count,
1036  .filter-count .count {
1037      display: inline-block;
1038      position: relative;
1039      top: -1px;
1040      padding: 4px 10px;
1041      border-radius: 30px;
1042      background: #646970;
1043      color: #fff;
1044      font-size: 14px;
1045      font-weight: 600;
1046  }
1047  
1048  /* not a part of filter bar, but derived from it, so here for now */
1049  .title-count {
1050      display: inline;
1051      top: -3px;
1052      margin-right: 5px;
1053      margin-left: 20px;
1054  }
1055  
1056  .filter-items {
1057      float: right;
1058  }
1059  
1060  .filter-links {
1061      display: inline-block;
1062      margin: 0;
1063  }
1064  
1065  .filter-links li {
1066      display: inline-block;
1067      margin: 0;
1068  }
1069  
1070  .filter-links li > a {
1071      display: inline-block;
1072      margin: 0 10px;
1073      padding: 15px 0;
1074      border-bottom: 4px solid #fff;
1075      color: #646970;
1076      cursor: pointer;
1077  }
1078  
1079  .filter-links .current {
1080      box-shadow: none;
1081      border-bottom: 4px solid #646970;
1082      color: #1d2327;
1083  }
1084  
1085  .filter-links li > a:hover,
1086  .filter-links li > a:focus,
1087  .show-filters .filter-links a.current:hover,
1088  .show-filters .filter-links a.current:focus {
1089      color: #135e96;
1090  }
1091  
1092  .wp-filter .search-form {
1093      float: left;
1094      margin: 10px 0;
1095  }
1096  
1097  .wp-filter .search-form input[type="search"] {
1098      width: 280px;
1099      max-width: 100%;
1100  }
1101  
1102  .wp-filter .search-form select {
1103      margin: 0;
1104  }
1105  
1106  /* Use flexbox only on the plugins install page. The `filter-links` and search form children will become flex items. */
1107  .plugin-install-php .wp-filter {
1108      display: flex;
1109      flex-wrap: wrap;
1110      justify-content: space-between;
1111      align-items: center;
1112  }
1113  
1114  .wp-filter .search-form.search-plugins {
1115      /* This element is a flex item: the inherited float won't have any effect. */
1116      margin-top: 0;
1117  }
1118  
1119  .wp-filter .search-form.search-plugins select,
1120  .wp-filter .search-form.search-plugins .wp-filter-search,
1121  .no-js .wp-filter .search-form.search-plugins .button {
1122      display: inline-block;
1123      margin-top: 10px;
1124      vertical-align: top;
1125  }
1126  
1127  .wp-filter .button.drawer-toggle {
1128      margin: 10px 9px 0;
1129      padding: 0 6px 0 10px;
1130      border-color: transparent;
1131      background-color: transparent;
1132      color: #646970;
1133      vertical-align: baseline;
1134      box-shadow: none;
1135  }
1136  
1137  .wp-filter .drawer-toggle:before {
1138      content: "\f111";
1139      margin: 0 0 0 5px;
1140      color: #646970;
1141      font: normal 16px/1 dashicons;
1142      vertical-align: text-bottom;
1143      -webkit-font-smoothing: antialiased;
1144      -moz-osx-font-smoothing: grayscale;
1145  }
1146  
1147  .wp-filter .button.drawer-toggle:hover,
1148  .wp-filter .drawer-toggle:hover:before,
1149  .wp-filter .button.drawer-toggle:focus,
1150  .wp-filter .drawer-toggle:focus:before {
1151      background-color: transparent;
1152      color: #135e96;
1153  }
1154  
1155  .wp-filter .button.drawer-toggle:hover,
1156  .wp-filter .button.drawer-toggle:focus:active {
1157      border-color: transparent;
1158  }
1159  
1160  .wp-filter .button.drawer-toggle:focus {
1161      border-color: #4f94d4;
1162  }
1163  
1164  .wp-filter .button.drawer-toggle:active {
1165      background: transparent;
1166      box-shadow: none;
1167      transform: none;
1168  }
1169  
1170  .wp-filter .drawer-toggle.current:before {
1171      color: #fff;
1172  }
1173  
1174  .filter-drawer,
1175  .wp-filter .favorites-form {
1176      display: none;
1177      margin: 0 -20px 0 -10px;
1178      padding: 20px;
1179      border-top: 1px solid #f0f0f1;
1180      background: #f6f7f7;
1181      overflow: hidden;
1182  }
1183  
1184  .show-filters .filter-drawer,
1185  .show-favorites-form .favorites-form {
1186      display: block;
1187  }
1188  
1189  .show-filters .filter-links a.current {
1190      border-bottom: none;
1191  }
1192  
1193  .show-filters .wp-filter .button.drawer-toggle {
1194      border-radius: 2px;
1195      background: #646970;
1196      color: #fff;
1197  }
1198  
1199  .show-filters .wp-filter .drawer-toggle:hover,
1200  .show-filters .wp-filter .drawer-toggle:focus {
1201      background: #2271b1;
1202  }
1203  
1204  .show-filters .wp-filter .drawer-toggle:before {
1205      color: #fff;
1206  }
1207  
1208  .filter-group {
1209      box-sizing: border-box;
1210      position: relative;
1211      float: right;
1212      margin: 0 0 0 1%;
1213      padding: 20px 10px 10px;
1214      width: 24%;
1215      background: #fff;
1216      border: 1px solid #dcdcde;
1217      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1218  }
1219  
1220  .filter-group legend {
1221      position: absolute;
1222      top: 10px;
1223      display: block;
1224      margin: 0;
1225      padding: 0;
1226      font-size: 1em;
1227      font-weight: 600;
1228  }
1229  
1230  .filter-drawer .filter-group-feature {
1231      margin: 28px 0 0;
1232      list-style-type: none;
1233      font-size: 12px;
1234  }
1235  
1236  .filter-drawer .filter-group-feature input,
1237  .filter-drawer .filter-group-feature label {
1238      line-height: 1.4;
1239  }
1240  
1241  .filter-drawer .filter-group-feature input {
1242      position: absolute;
1243      margin: 0;
1244  }
1245  
1246  .filter-group .filter-group-feature label {
1247      display: block;
1248      margin: 14px 23px 14px 0;
1249  }
1250  
1251  .filter-drawer .buttons {
1252      clear: both;
1253      margin-bottom: 20px;
1254  }
1255  
1256  .filter-drawer .filter-group + .buttons {
1257      margin-bottom: 0;
1258      padding-top: 20px;
1259  }
1260  
1261  .filter-drawer .buttons .button span {
1262      display: inline-block;
1263      opacity: 0.8;
1264      font-size: 12px;
1265      text-indent: 10px;
1266  }
1267  
1268  .wp-filter .button.clear-filters {
1269      display: none;
1270      margin-right: 10px;
1271  }
1272  
1273  .wp-filter .button-link.edit-filters {
1274      padding: 0 5px;
1275      line-height: 2.2;
1276  }
1277  
1278  .filtered-by {
1279      display: none;
1280      margin: 0;
1281  }
1282  
1283  .filtered-by > span {
1284      font-weight: 600;
1285  }
1286  
1287  .filtered-by a {
1288      margin-right: 10px;
1289  }
1290  
1291  .filtered-by .tags {
1292      display: inline;
1293  }
1294  
1295  .filtered-by .tag {
1296      margin: 0 5px;
1297      padding: 4px 8px;
1298      border: 1px solid #dcdcde;
1299      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1300      background: #fff;
1301      font-size: 11px;
1302  }
1303  
1304  .filters-applied .filter-group,
1305  .filters-applied .filter-drawer .buttons,
1306  .filters-applied .filter-drawer br {
1307      display: none;
1308  }
1309  
1310  .filters-applied .filtered-by {
1311      display: block;
1312  }
1313  
1314  .filters-applied .filter-drawer {
1315      padding: 20px;
1316  }
1317  
1318  .show-filters .favorites-form,
1319  .show-filters .content-filterable,
1320  .show-filters.filters-applied.loading-content .content-filterable,
1321  .loading-content .content-filterable,
1322  .error .content-filterable {
1323      display: none;
1324  }
1325  
1326  .show-filters.filters-applied .content-filterable {
1327      display: block;
1328  }
1329  
1330  .loading-content .spinner {
1331      display: block;
1332      margin: 40px auto 0;
1333      float: none;
1334  }
1335  
1336  @media only screen and (max-width: 1120px) {
1337      .filter-drawer {
1338          border-bottom: 1px solid #f0f0f1;
1339      }
1340  
1341      .filter-group {
1342          margin-bottom: 0;
1343          margin-top: 5px;
1344          width: 100%;
1345      }
1346  
1347      .filter-group li {
1348          margin: 10px 0;
1349      }
1350  }
1351  
1352  @media only screen and (max-width: 1000px) {
1353      .filter-items {
1354          float: none;
1355      }
1356  
1357      .wp-filter .media-toolbar-primary,
1358      .wp-filter .media-toolbar-secondary,
1359      .wp-filter .search-form {
1360          float: none; /* Remove float from media-views.css */
1361          position: relative;
1362          max-width: 100%;
1363      }
1364  }
1365  
1366  @media only screen and (max-width: 782px) {
1367      .filter-group li {
1368          padding: 0;
1369          width: 50%;
1370      }
1371  }
1372  
1373  @media only screen and (max-width: 320px) {
1374      .filter-count {
1375          display: none;
1376      }
1377  
1378      .wp-filter .drawer-toggle {
1379          margin: 10px 0;
1380      }
1381  
1382      .filter-group li,
1383      .wp-filter .search-form input[type="search"] {
1384          width: 100%;
1385      }
1386  }
1387  
1388  /*------------------------------------------------------------------------------
1389    4.0 - Notifications
1390  ------------------------------------------------------------------------------*/
1391  
1392  .notice,
1393  div.updated,
1394  div.error {
1395      background: #fff;
1396      border: 1px solid #c3c4c7;
1397      border-right-width: 4px;
1398      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1399      margin: 5px 15px 2px;
1400      padding: 1px 12px;
1401  }
1402  
1403  div[class="update-message"] { /* back-compat for pre-4.6 */
1404      padding: 0.5em 0 0.5em 12px;
1405  }
1406  
1407  .notice p,
1408  .notice-title,
1409  div.updated p,
1410  div.error p,
1411  .form-table td .notice p {
1412      margin: 0.5em 0;
1413      padding: 2px;
1414  }
1415  
1416  .error a {
1417      text-decoration: underline;
1418  }
1419  
1420  .updated a {
1421      padding-bottom: 2px;
1422  }
1423  
1424  .notice-alt {
1425      box-shadow: none;
1426  }
1427  
1428  .notice-large {
1429      padding: 10px 20px;
1430  }
1431  
1432  .notice-title {
1433      display: inline-block;
1434      color: #1d2327;
1435      font-size: 18px;
1436  }
1437  
1438  .wp-core-ui .notice.is-dismissible {
1439      padding-left: 38px;
1440      position: relative;
1441  }
1442  
1443  .notice-dismiss {
1444      position: absolute;
1445      top: 0;
1446      left: 1px;
1447      border: none;
1448      margin: 0;
1449      padding: 9px;
1450      background: none;
1451      color: #787c82;
1452      cursor: pointer;
1453  }
1454  
1455  .notice-dismiss:hover:before,
1456  .notice-dismiss:active:before,
1457  .notice-dismiss:focus:before {
1458      color: #d63638;
1459  }
1460  
1461  .notice-dismiss:focus {
1462      box-shadow: 0 0 0 2px #2271b1;
1463      /* Only visible in Windows High Contrast mode */
1464      outline: 2px solid transparent;
1465  }
1466  
1467  .notice-success,
1468  div.updated {
1469      border-right-color: #00a32a;
1470  }
1471  
1472  .notice-success.notice-alt {
1473      background-color: #edfaef;
1474  }
1475  
1476  .notice-warning {
1477      border-right-color: #dba617;
1478  }
1479  
1480  .notice-warning.notice-alt {
1481      background-color: #fcf9e8;
1482  }
1483  
1484  .notice-error,
1485  div.error {
1486      border-right-color: #d63638;
1487  }
1488  
1489  .notice-error.notice-alt {
1490      background-color: #fcf0f1;
1491  }
1492  
1493  .notice-info {
1494      border-right-color: #72aee6;
1495  }
1496  
1497  .notice-info.notice-alt {
1498      background-color: #f0f6fc;
1499  }
1500  
1501  #plugin-information-footer .update-now:not(.button-disabled):before {
1502      color: #d63638;
1503      content: "\f463";
1504      display: inline-block;
1505      font: normal 20px/1 dashicons;
1506      margin: -3px -2px 0 5px;
1507      speak: never;
1508      -webkit-font-smoothing: antialiased;
1509      -moz-osx-font-smoothing: grayscale;
1510      vertical-align: middle;
1511  }
1512  
1513  #plugin-information-footer .notice {
1514      margin-top: -5px;
1515  }
1516  
1517  .update-message p:before,
1518  .updating-message p:before,
1519  .updated-message p:before,
1520  .import-php .updating-message:before,
1521  .button.updating-message:before,
1522  .button.updated-message:before,
1523  .button.installed:before,
1524  .button.installing:before,
1525  .button.activating-message:before,
1526  .button.activated-message:before {
1527      display: inline-block;
1528      font: normal 20px/1 'dashicons';
1529      -webkit-font-smoothing: antialiased;
1530      -moz-osx-font-smoothing: grayscale;
1531      vertical-align: top;
1532  }
1533  
1534  .wrap .notice,
1535  .wrap div.updated,
1536  .wrap div.error,
1537  .media-upload-form .notice,
1538  .media-upload-form div.error {
1539      margin: 5px 0 15px;
1540  }
1541  
1542  .wrap #templateside .notice {
1543      display: block;
1544      margin: 0;
1545      padding: 5px 8px;
1546      font-weight: 600;
1547      text-decoration: none;
1548  }
1549  
1550  .wrap #templateside span.notice {
1551      margin-right: -12px;
1552  }
1553  
1554  #templateside li.notice a {
1555      padding: 0;
1556  }
1557  
1558  /* Update icon. */
1559  .update-message p:before,
1560  .updating-message p:before,
1561  .import-php .updating-message:before,
1562  .button.updating-message:before,
1563  .button.installing:before,
1564  .button.activating-message:before {
1565      color: #d63638;
1566      content: "\f463";
1567  }
1568  
1569  /* Spins the update icon. */
1570  .updating-message p:before,
1571  .import-php .updating-message:before,
1572  .button.updating-message:before,
1573  .button.installing:before,
1574  .button.activating-message:before,
1575  .plugins .column-auto-updates .dashicons-update.spin,
1576  .theme-overlay .theme-autoupdate .dashicons-update.spin {
1577      animation: rotation 2s infinite linear;
1578  }
1579  
1580  @media (prefers-reduced-motion: reduce) {
1581      .updating-message p:before,
1582      .import-php .updating-message:before,
1583      .button.updating-message:before,
1584      .button.installing:before,
1585      .button.activating-message:before,
1586      .plugins .column-auto-updates .dashicons-update.spin,
1587      .theme-overlay .theme-autoupdate .dashicons-update.spin {
1588          animation: none;
1589      }
1590  }
1591  
1592  .theme-overlay .theme-autoupdate .dashicons-update.spin {
1593      margin-left: 3px;
1594  }
1595  
1596  /* Updated icon (check mark). */
1597  .updated-message p:before,
1598  .installed p:before,
1599  .button.updated-message:before,
1600  .button.activated-message:before {
1601      color: #68de7c;
1602      content: "\f147";
1603  }
1604  
1605  /* Error icon. */
1606  .update-message.notice-error p:before {
1607      color: #d63638;
1608      content: "\f534";
1609  }
1610  
1611  .wrap .notice p:before,
1612  .import-php .updating-message:before {
1613      margin-left: 6px;
1614  }
1615  
1616  .import-php .updating-message:before {
1617      vertical-align: bottom;
1618  }
1619  
1620  #update-nag,
1621  .update-nag {
1622      display: inline-block;
1623      line-height: 1.4;
1624      padding: 11px 15px;
1625      font-size: 14px;
1626      margin: 25px 2px 0 20px;
1627  }
1628  
1629  ul#dismissed-updates {
1630      display: none;
1631  }
1632  
1633  #dismissed-updates li > p {
1634      margin-top: 0;
1635  }
1636  
1637  #dismiss,
1638  #undismiss {
1639      margin-right: 0.5em;
1640  }
1641  
1642  form.upgrade {
1643      margin-top: 8px;
1644  }
1645  
1646  form.upgrade .hint {
1647      font-style: italic;
1648      font-size: 85%;
1649      margin: -0.5em 0 2em;
1650  }
1651  
1652  .update-php .spinner {
1653      float: none;
1654      margin: -4px 0;
1655  }
1656  
1657  h2.wp-current-version {
1658      margin-bottom: .3em;
1659  }
1660  
1661  p.update-last-checked {
1662      margin-top: 0;
1663  }
1664  
1665  p.auto-update-status {
1666      margin-top: 2em;
1667      line-height: 1.8;
1668  }
1669  
1670  #ajax-loading,
1671  .ajax-loading,
1672  .ajax-feedback,
1673  .imgedit-wait-spin,
1674  .list-ajax-loading { /* deprecated */
1675      visibility: hidden;
1676  }
1677  
1678  #ajax-response.alignleft {
1679      margin-right: 2em;
1680  }
1681  
1682  .button.updating-message:before,
1683  .button.updated-message:before,
1684  .button.installed:before,
1685  .button.installing:before,
1686  .button.activated-message:before,
1687  .button.activating-message:before {
1688      margin: 3px -2px 0 5px;
1689  }
1690  
1691  #plugin-information-footer .button {
1692      padding: 0 14px;
1693      line-height: 2.71428571; /* 38px */
1694      font-size: 14px;
1695      vertical-align: middle;
1696      min-height: 40px;
1697      margin-bottom: 4px;
1698  }
1699  
1700  #plugin-information-footer .button.installed:before,
1701  #plugin-information-footer .button.installing:before,
1702  #plugin-information-footer .button.updating-message:before,
1703  #plugin-information-footer .button.updated-message:before,
1704  #plugin-information-footer .button.activated-message:before,
1705  #plugin-information-footer .button.activating-message:before {
1706      margin: 9px -2px 0 5px;
1707  }
1708  
1709  #plugin-information-footer .button.update-now.updating-message:before {
1710      margin: -3px -2px 0 5px;
1711  }
1712  
1713  .button-primary.updating-message:before,
1714  .button-primary.activating-message:before {
1715      color: #fff;
1716  }
1717  
1718  .button-primary.updated-message:before,
1719  .button-primary.activated-message:before {
1720      color: #9ec2e6;
1721  }
1722  
1723  .button.updated-message,
1724  .button.activated-message {
1725      transition-property: border, background, color;
1726      transition-duration: .05s;
1727      transition-timing-function: ease-in-out;
1728  }
1729  
1730  @media aural {
1731      .wrap .notice p:before,
1732      .button.installing:before,
1733      .button.installed:before,
1734      .update-message p:before {
1735          speak: never;
1736      }
1737  }
1738  
1739  
1740  /* @todo: this does not need its own section anymore */
1741  /*------------------------------------------------------------------------------
1742    6.0 - Admin Header
1743  ------------------------------------------------------------------------------*/
1744  #adminmenu a,
1745  #taglist a,
1746  #catlist a {
1747      text-decoration: none;
1748  }
1749  
1750  /*------------------------------------------------------------------------------
1751    6.1 - Screen Options Tabs
1752  ------------------------------------------------------------------------------*/
1753  
1754  #screen-options-wrap,
1755  #contextual-help-wrap {
1756      margin: 0;
1757      padding: 8px 20px 12px;
1758      position: relative;
1759  }
1760  
1761  #contextual-help-wrap {
1762      overflow: auto;
1763      margin-right: 0;
1764  }
1765  
1766  #screen-meta-links {
1767      float: left;
1768      margin: 0 0 0 20px;
1769  }
1770  
1771  /* screen options and help tabs revert */
1772  #screen-meta {
1773      display: none;
1774      margin: 0 0 -1px 20px;
1775      position: relative;
1776      background-color: #fff;
1777      border: 1px solid #c3c4c7;
1778      border-top: none;
1779      box-shadow: 0 0 0 transparent;
1780  }
1781  
1782  #screen-options-link-wrap,
1783  #contextual-help-link-wrap {
1784      float: right;
1785      margin: 0 6px 0 0;
1786  }
1787  
1788  #screen-meta-links .screen-meta-toggle {
1789      position: relative;
1790      top: 0;
1791  }
1792  
1793  #screen-meta-links .show-settings {
1794      border: 1px solid #c3c4c7;
1795      border-top: none;
1796      height: auto;
1797      margin-bottom: 0;
1798      padding: 3px 16px 3px 6px;
1799      background: #fff;
1800      border-radius: 0 0 4px 4px;
1801      color: #646970;
1802      line-height: 1.7;
1803      box-shadow: 0 0 0 transparent;
1804      transition: box-shadow 0.1s linear;
1805  }
1806  
1807  #screen-meta-links .show-settings:hover,
1808  #screen-meta-links .show-settings:active,
1809  #screen-meta-links .show-settings:focus {
1810      color: #2c3338;
1811  }
1812  
1813  #screen-meta-links .show-settings:focus {
1814      border-color: #2271b1;
1815      box-shadow: 0 0 0 1px #2271b1;
1816      /* Only visible in Windows High Contrast mode */
1817      outline: 2px solid transparent;
1818  }
1819  
1820  #screen-meta-links .show-settings:active {
1821      transform: none;
1822  }
1823  
1824  #screen-meta-links .show-settings:after {
1825      left: 0;
1826      content: "\f140";
1827      font: normal 20px/1 dashicons;
1828      speak: never;
1829      display: inline-block;
1830      padding: 0 0 0 5px;
1831      bottom: 2px;
1832      position: relative;
1833      vertical-align: bottom;
1834      -webkit-font-smoothing: antialiased;
1835      -moz-osx-font-smoothing: grayscale;
1836      text-decoration: none;
1837  }
1838  
1839  #screen-meta-links .screen-meta-active:after {
1840      content: "\f142";
1841  }
1842  
1843  /* end screen options and help tabs */
1844  
1845  .toggle-arrow {
1846      background-repeat: no-repeat;
1847      background-position: top right;
1848      background-color: transparent;
1849      height: 22px;
1850      line-height: 22px;
1851      display: block;
1852  }
1853  
1854  .toggle-arrow-active {
1855      background-position: bottom right;
1856  }
1857  
1858  #screen-options-wrap h5, /* Back-compat for old plugins */
1859  #screen-options-wrap legend,
1860  #contextual-help-wrap h5 {
1861      margin: 0;
1862      padding: 8px 0;
1863      font-size: 13px;
1864      font-weight: 600;
1865  }
1866  
1867  .metabox-prefs label {
1868      display: inline-block;
1869      padding-left: 15px;
1870      line-height: 2.35;
1871  }
1872  
1873  #number-of-columns {
1874      display: inline-block;
1875      vertical-align: middle;
1876      line-height: 30px;
1877  }
1878  
1879  .metabox-prefs input[type=checkbox] {
1880      margin-top: 0;
1881      margin-left: 6px;
1882  }
1883  
1884  .metabox-prefs label input,
1885  .metabox-prefs label input[type=checkbox] {
1886      margin: -4px 0 0 5px;
1887  }
1888  
1889  .metabox-prefs .columns-prefs label input {
1890      margin: -1px 0 0 2px;
1891  }
1892  
1893  .metabox-prefs label a {
1894      display: none;
1895  }
1896  
1897  .metabox-prefs .screen-options input,
1898  .metabox-prefs .screen-options label {
1899      margin-top: 0;
1900      margin-bottom: 0;
1901      vertical-align: middle;
1902  }
1903  
1904  .metabox-prefs .screen-options .screen-per-page {
1905      margin-left: 15px;
1906      padding-left: 0;
1907  }
1908  
1909  .metabox-prefs .screen-options label {
1910      line-height: 2.2;
1911      padding-left: 0;
1912  }
1913  
1914  .screen-options + .screen-options {
1915      margin-top: 10px;
1916  }
1917  
1918  .metabox-prefs .submit {
1919      margin-top: 1em;
1920      padding: 0;
1921  }
1922  
1923  /*------------------------------------------------------------------------------
1924    6.2 - Help Menu
1925  ------------------------------------------------------------------------------*/
1926  
1927  #contextual-help-wrap {
1928      padding: 0;
1929  }
1930  
1931  #contextual-help-columns {
1932      position: relative;
1933  }
1934  
1935  #contextual-help-back {
1936      position: absolute;
1937      top: 0;
1938      bottom: 0;
1939      right: 150px;
1940      left: 170px;
1941      border: 1px solid #c3c4c7;
1942      border-top: none;
1943      border-bottom: none;
1944      background: #f0f6fc;
1945  }
1946  
1947  #contextual-help-wrap.no-sidebar #contextual-help-back {
1948      left: 0;
1949      border-left-width: 0;
1950      border-bottom-left-radius: 2px;
1951  }
1952  
1953  .contextual-help-tabs {
1954      float: right;
1955      width: 150px;
1956      margin: 0;
1957  }
1958  
1959  .contextual-help-tabs ul {
1960      margin: 1em 0;
1961  }
1962  
1963  .contextual-help-tabs li {
1964      margin-bottom: 0;
1965      list-style-type: none;
1966      border-style: solid;
1967      border-width: 0 2px 0 0;
1968      border-color: transparent;
1969  }
1970  
1971  .contextual-help-tabs a {
1972      display: block;
1973      padding: 5px 12px 5px 5px;
1974      line-height: 1.4;
1975      text-decoration: none;
1976      border: 1px solid transparent;
1977      border-left: none;
1978      border-right: none;
1979  }
1980  
1981  .contextual-help-tabs a:hover {
1982      color: #2c3338;
1983  }
1984  
1985  .contextual-help-tabs .active {
1986      padding: 0;
1987      margin: 0 0 0 -1px;
1988      border-right: 2px solid #72aee6;
1989      background: #f0f6fc;
1990      box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 1px 0 rgba(0, 0, 0, 0.02);
1991  }
1992  
1993  .contextual-help-tabs .active a {
1994      border-color: #c3c4c7;
1995      color: #2c3338;
1996  }
1997  
1998  .contextual-help-tabs-wrap {
1999      padding: 0 20px;
2000      overflow: auto;
2001  }
2002  
2003  .help-tab-content {
2004      display: none;
2005      margin: 0 0 12px 22px;
2006      line-height: 1.6;
2007  }
2008  
2009  .help-tab-content.active {
2010      display: block;
2011  }
2012  
2013  .help-tab-content ul li {
2014      list-style-type: disc;
2015      margin-right: 18px;
2016  }
2017  
2018  .contextual-help-sidebar {
2019      width: 150px;
2020      float: left;
2021      padding: 0 12px 0 8px;
2022      overflow: auto;
2023  }
2024  
2025  /*------------------------------------------------------------------------------
2026    8.0 - Layout Blocks
2027  ------------------------------------------------------------------------------*/
2028  
2029  html.wp-toolbar {
2030      padding-top: 32px;
2031      box-sizing: border-box;
2032      -ms-overflow-style: scrollbar; /* See ticket #48545 */
2033  }
2034  
2035  .widefat th,
2036  .widefat td {
2037      color: #50575e;
2038  }
2039  
2040  .widefat th,
2041  .widefat thead td,
2042  .widefat tfoot td {
2043      font-weight: 400;
2044  }
2045  
2046  .widefat thead tr th,
2047  .widefat thead tr td,
2048  .widefat tfoot tr th,
2049  .widefat tfoot tr td {
2050      color: #2c3338;
2051  }
2052  
2053  .widefat td p {
2054      margin: 2px 0 0.8em;
2055  }
2056  
2057  .widefat p,
2058  .widefat ol,
2059  .widefat ul {
2060      color: #2c3338;
2061  }
2062  
2063  .widefat .column-comment p {
2064      margin: 0.6em 0;
2065  }
2066  
2067  .widefat .column-comment ul {
2068      list-style: initial;
2069      margin-right: 2em;
2070  }
2071  
2072  /* Screens with postboxes */
2073  .postbox-container {
2074      float: right;
2075  }
2076  
2077  .postbox-container .meta-box-sortables {
2078      box-sizing: border-box;
2079  }
2080  
2081  #wpbody-content .metabox-holder {
2082      padding-top: 10px;
2083  }
2084  
2085  .metabox-holder .postbox-container .meta-box-sortables {
2086      /* The jQuery UI Sortables need some initial height to work properly. */
2087      min-height: 1px;
2088      position: relative;
2089  }
2090  
2091  #post-body-content {
2092      width: 100%;
2093      min-width: 463px;
2094      float: right;
2095  }
2096  
2097  #post-body.columns-2 #postbox-container-1 {
2098      float: left;
2099      margin-left: -300px;
2100      width: 280px;
2101  }
2102  
2103  #post-body.columns-2 #side-sortables {
2104      min-height: 250px;
2105  }
2106  
2107  /* one column on the dash */
2108  @media only screen and (max-width: 799px) {
2109      #wpbody-content .metabox-holder .postbox-container .empty-container {
2110          outline: none;
2111          height: 0;
2112          min-height: 0;
2113      }
2114  }
2115  
2116  .js .widget .widget-top,
2117  .js .postbox .hndle {
2118      cursor: move;
2119  }
2120  
2121  .js .widget .widget-top.is-non-sortable,
2122  .js .postbox .hndle.is-non-sortable {
2123      cursor: auto;
2124  }
2125  
2126  /* Configurable dashboard widgets "Configure" edit-box link. */
2127  .hndle a {
2128      font-size: 12px;
2129      font-weight: 400;
2130  }
2131  
2132  .postbox-header {
2133      display: flex;
2134      align-items: center;
2135      justify-content: space-between;
2136      border-bottom: 1px solid #c3c4c7;
2137  }
2138  
2139  .postbox-header .hndle {
2140      flex-grow: 1;
2141      /* Handle the alignment for the configurable dashboard widgets "Configure" edit-box link. */
2142      display: flex;
2143      justify-content: space-between;
2144      align-items: center;
2145  }
2146  
2147  .postbox-header .handle-actions {
2148      flex-shrink: 0;
2149  }
2150  
2151  /* Post box order and toggle buttons. */
2152  .postbox .handle-order-higher,
2153  .postbox .handle-order-lower,
2154  .postbox .handlediv {
2155      width: 1.62rem;
2156      height: 1.62rem;
2157      margin: 0;
2158      padding: 0;
2159      border: 0;
2160      background: none;
2161      cursor: pointer;
2162  }
2163  
2164  .postbox .handle-order-higher,
2165  .postbox .handle-order-lower {
2166      color: #787c82;
2167      width: 1.62rem;
2168  }
2169  
2170  /* Post box order buttons in the block editor meta boxes area. */
2171  .edit-post-meta-boxes-area .postbox .handle-order-higher,
2172  .edit-post-meta-boxes-area .postbox .handle-order-lower {
2173      width: 44px;
2174      height: 44px;
2175      color: #1d2327
2176  }
2177  
2178  .postbox .handle-order-higher[aria-disabled="true"],
2179  .postbox .handle-order-lower[aria-disabled="true"] {
2180      cursor: default;
2181      color: #a7aaad;
2182  }
2183  
2184  .sortable-placeholder {
2185      border: 1px dashed #c3c4c7;
2186      margin-bottom: 20px;
2187  }
2188  
2189  .postbox,
2190  .stuffbox {
2191      margin-bottom: 20px;
2192      padding: 0;
2193      line-height: 1;
2194  }
2195  
2196  .postbox.closed {
2197      border-bottom: 0;
2198  }
2199  
2200  /* user-select is not a part of the CSS standard - may change behavior in the future */
2201  .postbox .hndle,
2202  .stuffbox .hndle {
2203      -webkit-user-select: none;
2204      user-select: none;
2205  }
2206  
2207  .postbox .inside {
2208      padding: 0 12px 12px;
2209      line-height: 1.4;
2210      font-size: 13px;
2211  }
2212  
2213  .stuffbox .inside {
2214      padding: 0;
2215      line-height: 1.4;
2216      font-size: 13px;
2217      margin-top: 0;
2218  }
2219  
2220  .postbox .inside {
2221      margin: 11px 0;
2222      position: relative;
2223  }
2224  
2225  .postbox .inside > p:last-child,
2226  .rss-widget ul li:last-child {
2227      margin-bottom: 1px !important;
2228  }
2229  
2230  .postbox.closed h3 {
2231      border: none;
2232      box-shadow: none;
2233  }
2234  
2235  .postbox table.form-table {
2236      margin-bottom: 0;
2237  }
2238  
2239  .postbox table.widefat {
2240      box-shadow: none;
2241  }
2242  
2243  .temp-border {
2244      border: 1px dotted #c3c4c7;
2245  }
2246  
2247  .columns-prefs label {
2248      padding: 0 0 0 10px;
2249  }
2250  
2251  /* @todo: what is this doing here */
2252  #dashboard_right_now .versions .b,
2253  #post-status-display,
2254  #post-visibility-display,
2255  #adminmenu .wp-submenu li.current,
2256  #adminmenu .wp-submenu li.current a,
2257  #adminmenu .wp-submenu li.current a:hover,
2258  .media-item .percent,
2259  .plugins .name,
2260  #pass-strength-result.strong,
2261  #pass-strength-result.short,
2262  #ed_reply_toolbar #ed_reply_strong,
2263  .item-controls .item-order a,
2264  .feature-filter .feature-name,
2265  #comment-status-display {
2266      font-weight: 600;
2267  }
2268  
2269  /*------------------------------------------------------------------------------
2270    21.0 - Admin Footer
2271  ------------------------------------------------------------------------------*/
2272  
2273  #wpfooter {
2274      position: absolute;
2275      bottom: 0;
2276      right: 0;
2277      left: 0;
2278      padding: 10px 20px;
2279      color: #50575e;
2280  }
2281  
2282  #wpfooter p {
2283      font-size: 13px;
2284      margin: 0;
2285      line-height: 1.55;
2286  }
2287  
2288  #footer-thankyou {
2289      font-style: italic;
2290  }
2291  
2292  /*------------------------------------------------------------------------------
2293    25.0 - Tabbed Admin Screen Interface (Experimental)
2294  ------------------------------------------------------------------------------*/
2295  
2296  .nav-tab {
2297      float: right;
2298      border: 1px solid #c3c4c7;
2299      border-bottom: none;
2300      margin-right: 0.5em; /* half the font size so set the font size properly */
2301      padding: 5px 10px;
2302      font-size: 14px;
2303      line-height: 1.71428571;
2304      font-weight: 600;
2305      background: #dcdcde;
2306      color: #50575e;
2307      text-decoration: none;
2308      white-space: nowrap;
2309  }
2310  
2311  h3 .nav-tab, /* Back-compat for pre-4.4 */
2312  .nav-tab-small .nav-tab {
2313      padding: 5px 14px;
2314      font-size: 12px;
2315      line-height: 1.33;
2316  }
2317  
2318  .nav-tab:hover,
2319  .nav-tab:focus {
2320      background-color: #fff;
2321      color: #3c434a;
2322  }
2323  
2324  .nav-tab-active,
2325  .nav-tab:focus:active {
2326      box-shadow: none;
2327  }
2328  
2329  .nav-tab-active {
2330      margin-bottom: -1px;
2331      color: #3c434a;
2332  }
2333  
2334  .nav-tab-active,
2335  .nav-tab-active:hover,
2336  .nav-tab-active:focus,
2337  .nav-tab-active:focus:active {
2338      border-bottom: 1px solid #f0f0f1;
2339      background: #f0f0f1;
2340      color: #000;
2341  }
2342  
2343  h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
2344  .wrap h2.nav-tab-wrapper, /* higher specificity to override .wrap > h2:first-child */
2345  .nav-tab-wrapper {
2346      border-bottom: 1px solid #c3c4c7;
2347      margin: 0;
2348      padding-top: 9px;
2349      padding-bottom: 0;
2350      line-height: inherit;
2351  }
2352  
2353  /* Back-compat for plugins. Deprecated. Use .wp-clearfix instead. */
2354  .nav-tab-wrapper:not(.wp-clearfix):after {
2355      content: "";
2356      display: table;
2357      clear: both;
2358  }
2359  
2360  /*------------------------------------------------------------------------------
2361    26.0 - Misc
2362  ------------------------------------------------------------------------------*/
2363  
2364  .spinner {
2365      background: url(../images/spinner.gif) no-repeat;
2366      background-size: 20px 20px;
2367      display: inline-block;
2368      visibility: hidden;
2369      float: left;
2370      vertical-align: middle;
2371      opacity: 0.7;
2372      filter: alpha(opacity=70);
2373      width: 20px;
2374      height: 20px;
2375      margin: 4px 10px 0;
2376  }
2377  
2378  .spinner.is-active,
2379  .loading-content .spinner {
2380      visibility: visible;
2381  }
2382  
2383  #template > div {
2384      margin-left: 16em;
2385  }
2386  #template .notice {
2387      margin-top: 1em;
2388      margin-left: 3%;
2389  }
2390  #template .notice p {
2391      width: auto;
2392  }
2393  #template .submit .spinner {
2394      float: none;
2395  }
2396  
2397  .metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
2398  .metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
2399  .metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
2400  .metabox-holder h2.hndle {
2401      font-size: 14px;
2402      padding: 8px 12px;
2403      margin: 0;
2404      line-height: 1.4;
2405  }
2406  
2407  /* Back-compat for nav-menus screen */
2408  .nav-menus-php .metabox-holder h3 {
2409      padding: 10px 14px 11px 10px;
2410      line-height: 1.5;
2411  }
2412  
2413  #templateside ul li a {
2414      text-decoration: none;
2415  }
2416  
2417  .plugin-install #description,
2418  .plugin-install-network #description {
2419      width: 60%;
2420  }
2421  
2422  table .vers,
2423  table .column-visible,
2424  table .column-rating {
2425      text-align: right;
2426  }
2427  
2428  .attention,
2429  .error-message {
2430      color: #d63638;
2431      font-weight: 600;
2432  }
2433  
2434  /* Scrollbar fix for bulk upgrade iframe */
2435  body.iframe {
2436      height: 98%;
2437  }
2438  
2439  /* Upgrader styles, Specific to Language Packs */
2440  .lp-show-latest p {
2441      display: none;
2442  }
2443  .lp-show-latest p:last-child,
2444  .lp-show-latest .lp-error p {
2445      display: block;
2446  }
2447  
2448  /* - Only used once or twice in all of WP - deprecate for global style
2449  ------------------------------------------------------------------------------*/
2450  .media-icon {
2451      width: 62px; /* icon + border */
2452      text-align: center;
2453  }
2454  
2455  .media-icon img {
2456      border: 1px solid #dcdcde;
2457      border: 1px solid rgba(0, 0, 0, 0.07);
2458  }
2459  
2460  #howto {
2461      font-size: 11px;
2462      margin: 0 5px;
2463      display: block;
2464  }
2465  
2466  .importers {
2467      font-size: 16px;
2468      width: auto;
2469  }
2470  
2471  .importers td {
2472      padding-left: 14px;
2473      line-height: 1.4;
2474  }
2475  
2476  .importers .import-system {
2477      max-width: 250px;
2478  }
2479  
2480  .importers td.desc {
2481      max-width: 500px;
2482  }
2483  
2484  .importer-title,
2485  .importer-desc,
2486  .importer-action {
2487      display: block;
2488  }
2489  
2490  .importer-title {
2491      color: #000;
2492      font-size: 14px;
2493      font-weight: 400;
2494      margin-bottom: .2em;
2495  }
2496  
2497  .importer-action {
2498      line-height: 1.55; /* Same as with .updating-message */
2499      color: #50575e;
2500      margin-bottom: 1em;
2501  }
2502  
2503  #post-body #post-body-content #namediv h3, /* Back-compat for pre-4.4 */
2504  #post-body #post-body-content #namediv h2 {
2505      margin-top: 0;
2506  }
2507  
2508  .edit-comment-author {
2509      color: #1d2327;
2510      border-bottom: 1px solid #f0f0f1;
2511  }
2512  
2513  #namediv h3 label, /* Back-compat for pre-4.4 */
2514  #namediv h2 label {
2515      vertical-align: baseline;
2516  }
2517  
2518  #namediv table {
2519      width: 100%;
2520  }
2521  
2522  #namediv td.first {
2523      width: 10px;
2524      white-space: nowrap;
2525  }
2526  
2527  #namediv input {
2528      width: 100%;
2529  }
2530  
2531  #namediv p {
2532      margin: 10px 0;
2533  }
2534  
2535  /* - Used - but could/should be deprecated with a CSS reset
2536  ------------------------------------------------------------------------------*/
2537  .zerosize {
2538      height: 0;
2539      width: 0;
2540      margin: 0;
2541      border: 0;
2542      padding: 0;
2543      overflow: hidden;
2544      position: absolute;
2545  }
2546  
2547  br.clear {
2548      height: 2px;
2549      line-height: 0.15;
2550  }
2551  
2552  .checkbox {
2553      border: none;
2554      margin: 0;
2555      padding: 0;
2556  }
2557  
2558  fieldset {
2559      border: 0;
2560      padding: 0;
2561      margin: 0;
2562  }
2563  
2564  .post-categories {
2565      display: inline;
2566      margin: 0;
2567      padding: 0;
2568  }
2569  
2570  .post-categories li {
2571      display: inline;
2572  }
2573  
2574  /* Star Ratings - Back-compat for pre-3.8 */
2575  div.star-holder {
2576      position: relative;
2577      height: 17px;
2578      width: 100px;
2579      background: url(../images/stars.png?ver=20121108) repeat-x bottom right;
2580  }
2581  
2582  div.star-holder .star-rating {
2583      background: url(../images/stars.png?ver=20121108) repeat-x top right;
2584      height: 17px;
2585      float: right;
2586  }
2587  
2588  /* Star Ratings */
2589  .star-rating {
2590      white-space: nowrap;
2591  }
2592  .star-rating .star {
2593      display: inline-block;
2594      width: 20px;
2595      height: 20px;
2596      -webkit-font-smoothing: antialiased;
2597      font-size: 20px;
2598      line-height: 1;
2599      font-family: dashicons;
2600      text-decoration: inherit;
2601      font-weight: 400;
2602      font-style: normal;
2603      vertical-align: top;
2604      transition: color .1s ease-in;
2605      text-align: center;
2606      color: #dba617;
2607  }
2608  
2609  .star-rating .star-full:before {
2610      content: "\f155";
2611  }
2612  
2613  .star-rating .star-half:before {
2614      content: "\f459";
2615  }
2616  
2617  .rtl .star-rating .star-half {
2618      transform: rotateY(-180deg);
2619  }
2620  
2621  .star-rating .star-empty:before {
2622      content: "\f154";
2623  }
2624  
2625  div.action-links {
2626      font-weight: 400;
2627      margin: 6px 0 0;
2628  }
2629  
2630  /* Plugin install thickbox */
2631  #plugin-information {
2632      background: #fff;
2633      position: fixed;
2634      top: 0;
2635      left: 0;
2636      bottom: 0;
2637      right: 0;
2638      height: 100%;
2639      padding: 0;
2640  }
2641  
2642  #plugin-information-scrollable {
2643      overflow: auto;
2644      -webkit-overflow-scrolling: touch;
2645      height: 100%;
2646  }
2647  
2648  #plugin-information-title {
2649      padding: 0 26px;
2650      background: #f6f7f7;
2651      font-size: 22px;
2652      font-weight: 600;
2653      line-height: 2.4;
2654      position: relative;
2655      height: 56px;
2656  }
2657  
2658  #plugin-information-title.with-banner {
2659      margin-left: 0;
2660      height: 250px;
2661      background-size: cover;
2662  }
2663  
2664  #plugin-information-title h2 {
2665      font-size: 1em;
2666      font-weight: 600;
2667      padding: 0;
2668      margin: 0;
2669      overflow: hidden;
2670      text-overflow: ellipsis;
2671      white-space: nowrap;
2672  }
2673  
2674  #plugin-information-title.with-banner h2 {
2675      position: relative;
2676      font-family: "Helvetica Neue", sans-serif;
2677      display: inline-block;
2678      font-size: 30px;
2679      line-height: 1.68;
2680      box-sizing: border-box;
2681      max-width: 100%;
2682      padding: 0 15px;
2683      margin-top: 174px;
2684      color: #fff;
2685      background: rgba(29, 35, 39, 0.9);
2686      text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
2687      box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
2688      border-radius: 8px;
2689  }
2690  
2691  #plugin-information-title div.vignette {
2692      display: none;
2693  }
2694  
2695  #plugin-information-title.with-banner div.vignette {
2696      position: absolute;
2697      display: block;
2698      top: 0;
2699      right: 0;
2700      height: 250px;
2701      width: 100%;
2702      background: transparent;
2703      box-shadow: inset 0 0 50px 4px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
2704  }
2705  
2706  #plugin-information-tabs {
2707      padding: 0 16px;
2708      position: relative;
2709      left: 0;
2710      right: 0;
2711      min-height: 36px;
2712      font-size: 0;
2713      z-index: 1;
2714      border-bottom: 1px solid #dcdcde;
2715      background: #f6f7f7;
2716  }
2717  
2718  #plugin-information-tabs a {
2719      position: relative;
2720      display: inline-block;
2721      padding: 9px 10px;
2722      margin: 0;
2723      height: 18px;
2724      line-height: 1.3;
2725      font-size: 14px;
2726      text-decoration: none;
2727      transition: none;
2728  }
2729  
2730  #plugin-information-tabs a.current {
2731      margin: 0 -1px -1px;
2732      background: #fff;
2733      border: 1px solid #dcdcde;
2734      border-bottom-color: #fff;
2735      padding-top: 8px;
2736      color: #2c3338;
2737  }
2738  
2739  #plugin-information-tabs.with-banner a.current {
2740      border-top: none;
2741      padding-top: 9px;
2742  }
2743  
2744  #plugin-information-tabs a:active,
2745  #plugin-information-tabs a:focus {
2746      outline: none;
2747  }
2748  
2749  #plugin-information-content {
2750      overflow: hidden; /* equal height column trick */
2751      background: #fff;
2752      position: relative;
2753      top: 0;
2754      left: 0;
2755      right: 0;
2756      min-height: 100%;
2757      /* Height of title + tabs + install now */
2758      min-height: calc( 100% - 152px );
2759  }
2760  
2761  #plugin-information-content.with-banner {
2762      /* Height of banner + tabs + install now */
2763      min-height: calc( 100% - 346px );
2764  }
2765  
2766  #section-holder {
2767      position: relative;
2768      top: 0;
2769      left: 250px;
2770      bottom: 0;
2771      right: 0;
2772      margin-top: 10px;
2773      margin-left: 250px; /* FYI box */
2774      padding: 10px 26px 99999px; /* equal height column trick */
2775      margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */
2776  }
2777  
2778  #section-holder .notice {
2779      margin: 5px 0 15px;
2780  }
2781  
2782  #section-holder .updated {
2783      margin: 16px 0;
2784  }
2785  
2786  #plugin-information .fyi {
2787      float: left;
2788      position: relative;
2789      top: 0;
2790      left: 0;
2791      padding: 16px 16px 99999px; /* equal height column trick */
2792      margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */
2793      width: 217px;
2794      border-right: 1px solid #dcdcde;
2795      background: #f6f7f7;
2796      color: #646970;
2797  }
2798  
2799  #plugin-information .fyi strong {
2800      color: #3c434a;
2801  }
2802  
2803  #plugin-information .fyi h3 {
2804      font-weight: 600;
2805      text-transform: uppercase;
2806      font-size: 12px;
2807      color: #646970;
2808      margin: 24px 0 8px;
2809  }
2810  
2811  #plugin-information .fyi h2 {
2812      font-size: 0.9em;
2813      margin-bottom: 0;
2814      margin-left: 0;
2815  }
2816  
2817  #plugin-information .fyi ul {
2818      padding: 0;
2819      margin: 0;
2820      list-style: none;
2821  }
2822  
2823  #plugin-information .fyi li {
2824      margin: 0 0 10px;
2825  }
2826  
2827  #plugin-information .fyi-description {
2828      margin-top: 0;
2829  }
2830  
2831  #plugin-information .counter-container {
2832      margin: 3px 0;
2833  }
2834  
2835  #plugin-information .counter-label {
2836      float: right;
2837      margin-left: 5px;
2838      min-width: 55px;
2839  }
2840  
2841  #plugin-information .counter-back {
2842      height: 17px;
2843      width: 92px;
2844      background-color: #dcdcde;
2845      float: right;
2846  }
2847  
2848  #plugin-information .counter-bar {
2849      height: 17px;
2850      background-color: #f0c33c; /* slightly lighter than stars due to larger expanse */
2851      float: right;
2852  }
2853  
2854  #plugin-information .counter-count {
2855      margin-right: 5px;
2856  }
2857  
2858  #plugin-information .fyi ul.contributors {
2859      margin-top: 10px;
2860  }
2861  
2862  #plugin-information .fyi ul.contributors li {
2863      display: inline-block;
2864      margin-left: 8px;
2865      vertical-align: middle;
2866  }
2867  
2868  #plugin-information .fyi ul.contributors li {
2869      display: inline-block;
2870      margin-left: 8px;
2871      vertical-align: middle;
2872  }
2873  
2874  #plugin-information .fyi ul.contributors li img {
2875      vertical-align: middle;
2876      margin-left: 4px;
2877  }
2878  
2879  #plugin-information-footer {
2880      padding: 13px 16px;
2881      position: absolute;
2882      left: 0;
2883      bottom: 0;
2884      right: 0;
2885      height: 40px; /* actual height: 40+13+13+1=67 */
2886      border-top: 1px solid #dcdcde;
2887      background: #f6f7f7;
2888  }
2889  
2890  /* rtl:ignore */
2891  #plugin-information .section {
2892      direction: ltr;
2893  }
2894  
2895  /* rtl:ignore */
2896  #plugin-information .section ul,
2897  #plugin-information .section ol {
2898      list-style-type: disc;
2899      margin-left: 24px;
2900  }
2901  
2902  #plugin-information .section,
2903  #plugin-information .section p {
2904      font-size: 14px;
2905      line-height: 1.7;
2906  }
2907  
2908  #plugin-information #section-screenshots ol {
2909      list-style: none;
2910      margin: 0;
2911  }
2912  
2913  #plugin-information #section-screenshots li img {
2914      vertical-align: text-top;
2915      margin-top: 16px;
2916      max-width: 100%;
2917      width: auto;
2918      height: auto;
2919      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
2920  }
2921  
2922  /* rtl:ignore */
2923  #plugin-information #section-screenshots li p {
2924      font-style: italic;
2925      padding-left: 20px;
2926  }
2927  
2928  #plugin-information pre {
2929      padding: 7px;
2930      overflow: auto;
2931      border: 1px solid #c3c4c7;
2932  }
2933  
2934  #plugin-information blockquote {
2935      border-right: 2px solid #dcdcde;
2936      color: #646970;
2937      font-style: italic;
2938      margin: 1em 0;
2939      padding: 0 1em 0 0;
2940  }
2941  
2942  /* rtl:ignore */
2943  #plugin-information .review {
2944      overflow: hidden; /* clearfix */
2945      width: 100%;
2946      margin-bottom: 20px;
2947      border-bottom: 1px solid #dcdcde;
2948  }
2949  
2950  #plugin-information .review-title-section {
2951      overflow: hidden; /* clearfix */
2952  }
2953  
2954  /* rtl:ignore */
2955  #plugin-information .review-title-section h4 {
2956      display: inline-block;
2957      float: left;
2958      margin: 0 6px 0 0;
2959  }
2960  
2961  #plugin-information .reviewer-info p {
2962      clear: both;
2963      margin: 0;
2964      padding-top: 2px;
2965  }
2966  
2967  /* rtl:ignore */
2968  #plugin-information .reviewer-info .avatar {
2969      float: left;
2970      margin: 4px 6px 0 0;
2971  }
2972  
2973  /* rtl:ignore */
2974  #plugin-information .reviewer-info .star-rating {
2975      float: left;
2976  }
2977  
2978  /* rtl:ignore */
2979  #plugin-information .review-meta {
2980      float: left;
2981      margin-left: 0.75em;
2982  }
2983  
2984  /* rtl:ignore */
2985  #plugin-information .review-body {
2986      float: left;
2987      width: 100%;
2988  }
2989  
2990  .plugin-version-author-uri {
2991      font-size: 13px;
2992  }
2993  
2994  /* For non-js plugin installation screen ticket #36430. */
2995  .update-php .button.button-primary {
2996      margin-left: 1em;
2997  }
2998  
2999  @media screen and (max-width: 771px) {
3000      #plugin-information-title.with-banner {
3001          height: 100px;
3002      }
3003  
3004      #plugin-information-title.with-banner h2 {
3005          margin-top: 30px;
3006          font-size: 20px;
3007          line-height: 2;
3008          max-width: 85%;
3009      }
3010  
3011      #plugin-information-title.with-banner div.vignette {
3012          height: 100px;
3013      }
3014  
3015      #plugin-information-tabs {
3016          overflow: hidden; /* clearfix */
3017          padding: 0;
3018          height: auto; /* let tabs wrap */
3019      }
3020  
3021      #plugin-information-tabs a.current {
3022          margin-bottom: 0;
3023          border-bottom: none;
3024      }
3025  
3026      #plugin-information .fyi {
3027          float: none;
3028          border: 1px solid #dcdcde;
3029          position: static;
3030          width: auto;
3031          margin: 26px 26px 0;
3032          padding-bottom: 0; /* reset from the two column height fix */
3033      }
3034  
3035      #section-holder {
3036          position: static;
3037          margin: 0;
3038          padding-bottom: 70px; /* reset from the two column height fix, plus accommodate footer */
3039      }
3040  
3041      #plugin-information .fyi h3,
3042      #plugin-information .fyi small {
3043          display: none;
3044      }
3045  
3046      #plugin-information-footer {
3047          padding: 12px 16px 0;
3048          height: 46px;
3049      }
3050  }
3051  
3052  /* Thickbox for the Plugin details modal. */
3053  #TB_window.plugin-details-modal {
3054      background: #fff;
3055  }
3056  
3057  #TB_window.plugin-details-modal.thickbox-loading:before {
3058      content: "";
3059      display: block;
3060      width: 20px;
3061      height: 20px;
3062      position: absolute;
3063      right: 50%;
3064      top: 50%;
3065      z-index: -1;
3066      margin: -10px -10px 0 0;
3067      background: #fff url(../images/spinner.gif) no-repeat center;
3068      background-size: 20px 20px;
3069      transform: translateZ(0);
3070  }
3071  
3072  @media print,
3073      (min-resolution: 120dpi) {
3074  
3075      #TB_window.plugin-details-modal.thickbox-loading:before {
3076          background-image: url(../images/spinner-2x.gif);
3077      }
3078  }
3079  
3080  .plugin-details-modal #TB_title {
3081      float: right;
3082      height: 1px;
3083  }
3084  
3085  .plugin-details-modal #TB_ajaxWindowTitle {
3086      display: none;
3087  }
3088  
3089  .plugin-details-modal #TB_closeWindowButton {
3090      right: auto;
3091      left: -30px;
3092      color: #f0f0f1;
3093  }
3094  
3095  .plugin-details-modal #TB_closeWindowButton:hover,
3096  .plugin-details-modal #TB_closeWindowButton:focus {
3097      outline: none;
3098      box-shadow: none;
3099  }
3100  
3101  .plugin-details-modal #TB_closeWindowButton:hover::after,
3102  .plugin-details-modal #TB_closeWindowButton:focus::after {
3103      outline: 2px solid;
3104      outline-offset: -4px;
3105      border-radius: 4px;
3106  }
3107  
3108  .plugin-details-modal .tb-close-icon {
3109      display: none;
3110  }
3111  
3112  .plugin-details-modal #TB_closeWindowButton:after {
3113      content: "\f335";
3114      font: normal 32px/29px 'dashicons';
3115      speak: never;
3116      -webkit-font-smoothing: antialiased;
3117      -moz-osx-font-smoothing: grayscale;
3118  }
3119  
3120  /* move plugin install close icon to top on narrow screens */
3121  @media screen and (max-width: 830px) {
3122      .plugin-details-modal #TB_closeWindowButton {
3123          left: 0;
3124          top: -30px;
3125      }
3126  }
3127  
3128  /* @todo: move this. */
3129  img {
3130      border: none;
3131  }
3132  
3133  /* Metabox collapse arrow indicators */
3134  .sidebar-name .toggle-indicator::before,
3135  .meta-box-sortables .postbox .toggle-indicator::before,
3136  .meta-box-sortables .postbox .order-higher-indicator::before,
3137  .meta-box-sortables .postbox .order-lower-indicator::before,
3138  .bulk-action-notice .toggle-indicator::before,
3139  .privacy-text-box .toggle-indicator::before {
3140      content: "\f142";
3141      display: inline-block;
3142      font: normal 20px/1 dashicons;
3143      speak: never;
3144      -webkit-font-smoothing: antialiased;
3145      -moz-osx-font-smoothing: grayscale;
3146      text-decoration: none;
3147  }
3148  
3149  .js .widgets-holder-wrap.closed .toggle-indicator::before,
3150  .meta-box-sortables .postbox.closed .handlediv .toggle-indicator::before,
3151  .bulk-action-notice .bulk-action-errors-collapsed .toggle-indicator::before,
3152  .privacy-text-box.closed .toggle-indicator::before {
3153      content: "\f140";
3154  }
3155  
3156  .postbox .handle-order-higher .order-higher-indicator::before {
3157      content: "\f343";
3158      color: inherit;
3159  }
3160  
3161  .postbox .handle-order-lower .order-lower-indicator::before {
3162      content: "\f347";
3163      color: inherit;
3164  }
3165  
3166  .postbox .handle-order-higher .order-higher-indicator::before,
3167  .postbox .handle-order-lower .order-lower-indicator::before {
3168      position: relative;
3169      top: 0.11rem;
3170      width: 20px;
3171      height: 20px;
3172  }
3173  
3174  .postbox .handlediv .toggle-indicator::before {
3175      width: 20px;
3176      border-radius: 50%;
3177  }
3178  
3179  .postbox .handlediv .toggle-indicator::before {
3180      position: relative;
3181      top: 0.05rem;
3182      text-indent: -1px; /* account for the dashicon glyph uneven horizontal alignment */
3183  }
3184  
3185  .rtl .postbox .handlediv .toggle-indicator::before {
3186      text-indent: 1px; /* account for the dashicon glyph uneven horizontal alignment */
3187  }
3188  
3189  .bulk-action-notice .toggle-indicator::before {
3190      line-height: 16px;
3191      vertical-align: top;
3192      color: #787c82;
3193  }
3194  
3195  .postbox .handle-order-higher:focus,
3196  .postbox .handle-order-lower:focus,
3197  .postbox .handlediv:focus {
3198      box-shadow: inset 0 0 0 2px #2271b1;
3199      border-radius: 50%;
3200      /* Only visible in Windows High Contrast mode */
3201      outline: 2px solid transparent;
3202  }
3203  
3204  .postbox .handle-order-higher:focus .order-higher-indicator::before,
3205  .postbox .handle-order-lower:focus .order-lower-indicator::before,
3206  .postbox .handlediv:focus .toggle-indicator::before {
3207      box-shadow: none;
3208      /* Only visible in Windows High Contrast mode */
3209      outline: 1px solid transparent;
3210  }
3211  
3212  /* @todo: appears to be Press This only and overridden */
3213  #photo-add-url-div input[type="text"] {
3214      width: 300px;
3215  }
3216  
3217  /* Theme/Plugin file editor */
3218  .alignleft h2 {
3219      margin: 0;
3220  }
3221  
3222  #template textarea {
3223      font-family: Consolas, Monaco, monospace;
3224      font-size: 13px;
3225      background: #f6f7f7;
3226      tab-size: 4;
3227  }
3228  
3229  #template textarea,
3230  #template .CodeMirror {
3231      width: 100%;
3232      min-height: 60vh;
3233      height: calc( 100vh - 295px );
3234      border: 1px solid #dcdcde;
3235      box-sizing: border-box;
3236  }
3237  
3238  #templateside > h2 {
3239      padding-top: 6px;
3240      padding-bottom: 7px;
3241      margin: 0;
3242  }
3243  
3244  #templateside ol,
3245  #templateside ul {
3246      margin: 0;
3247      padding: 0;
3248  }
3249  #templateside > ul {
3250      box-sizing: border-box;
3251      margin-top: 0;
3252      overflow: auto;
3253      padding: 0;
3254      min-height: 60vh;
3255      height: calc(100vh - 295px);
3256      background-color: #f6f7f7;
3257      border: 1px solid #dcdcde;
3258      border-right: none;
3259  }
3260  #templateside ul ul {
3261      padding-right: 12px;
3262  }
3263  #templateside > ul > li > ul[role=group] {
3264      padding-right: 0;
3265  }
3266  
3267  /*
3268   * Styles for Theme and Plugin file editors.
3269   */
3270  
3271  /* Hide collapsed items. */
3272  [role="treeitem"][aria-expanded="false"] > ul {
3273      display: none;
3274  }
3275  
3276  /* Use arrow dashicons for folder states, but hide from screen readers. */
3277  [role="treeitem"] span[aria-hidden] {
3278      display: inline;
3279      font-family: dashicons;
3280      font-size: 20px;
3281      position: absolute;
3282      pointer-events: none;
3283  }
3284  [role="treeitem"][aria-expanded="false"] > .folder-label .icon:after {
3285      content: "\f141";
3286  }
3287  [role="treeitem"][aria-expanded="true"] > .folder-label .icon:after {
3288      content: "\f140";
3289  }
3290  [role="treeitem"] .folder-label {
3291      display: block;
3292      padding: 3px 12px 3px 3px;
3293      cursor: pointer;
3294  }
3295  
3296  /* Remove outline, and create our own focus and hover styles */
3297  [role="treeitem"] {
3298      outline: 0;
3299  }
3300  
3301  [role="treeitem"] a:focus,
3302  [role="treeitem"] .folder-label.focus {
3303      color: #043959;
3304      /* Reset default focus style. */
3305      box-shadow: none;
3306      /* Use an inset outline instead, so it's visible also over the current file item. */
3307      outline: 2px solid #2271b1;
3308      outline-offset: -2px;
3309  }
3310  
3311  [role="treeitem"].hover,
3312  [role="treeitem"] .folder-label.hover {
3313      background-color: #f0f0f1;
3314  }
3315  
3316  .tree-folder {
3317      margin: 0;
3318      position: relative;
3319  }
3320  [role="treeitem"] li {
3321      position: relative;
3322  }
3323  
3324  /* Styles for folder indicators/depth */
3325  .tree-folder .tree-folder::after {
3326      content: "";
3327      display: block;
3328      position: absolute;
3329      right: 2px;
3330      border-right: 1px solid #c3c4c7;
3331      top: -13px;
3332      bottom: 10px;
3333  }
3334  .tree-folder > li::before {
3335      content: "";
3336      position: absolute;
3337      display: block;
3338      border-right: 1px solid #c3c4c7;
3339      right: 2px;
3340      top: -5px;
3341      height: 18px;
3342      width: 7px;
3343      border-bottom: 1px solid #c3c4c7;
3344  }
3345  .tree-folder > li::after {
3346      content: "";
3347      position: absolute;
3348      display: block;
3349      border-right: 1px solid #c3c4c7;
3350      right: 2px;
3351      bottom: -7px;
3352      top: 0;
3353  }
3354  
3355  /* current-file needs to adjustment for .notice styles */
3356  #templateside .current-file {
3357      margin: -4px 0 -2px;
3358  }
3359  .tree-folder > .current-file::before {
3360      right: 4px;
3361      height: 15px;
3362      width: 0;
3363      border-right: none;
3364      top: 3px;
3365  }
3366  .tree-folder > .current-file::after {
3367      bottom: -4px;
3368      height: 7px;
3369      right: 2px;
3370      top: auto;
3371  }
3372  
3373  /* Lines shouldn't continue on last item */
3374  .tree-folder > li:last-child::after,
3375  .tree-folder li:last-child > .tree-folder::after {
3376      display: none;
3377  }
3378  
3379  #theme-plugin-editor-selector,
3380  #theme-plugin-editor-label,
3381  #documentation label {
3382      font-weight: 600;
3383  }
3384  
3385  #theme-plugin-editor-label {
3386      display: inline-block;
3387      margin-bottom: 1em;
3388  }
3389  
3390  /* rtl:ignore */
3391  #template textarea,
3392  #docs-list {
3393      direction: ltr;
3394  }
3395  
3396  .fileedit-sub #theme,
3397  .fileedit-sub #plugin {
3398      max-width: 40%;
3399  }
3400  .fileedit-sub .alignright {
3401      text-align: left;
3402  }
3403  
3404  #template p {
3405      width: 97%;
3406  }
3407  
3408  #file-editor-linting-error {
3409      margin-top: 1em;
3410      margin-bottom: 1em;
3411  }
3412  #file-editor-linting-error > .notice {
3413      margin: 0;
3414      display: inline-block;
3415  }
3416  #file-editor-linting-error > .notice > p {
3417      width: auto;
3418  }
3419  #template .submit {
3420      margin-top: 1em;
3421      padding: 0;
3422  }
3423  
3424  #template .submit input[type=submit][disabled] {
3425      cursor: not-allowed;
3426  }
3427  #templateside {
3428      float: left;
3429      width: 16em;
3430      word-wrap: break-word;
3431  }
3432  
3433  #postcustomstuff p.submit {
3434      margin: 0;
3435  }
3436  
3437  #templateside h4 {
3438      margin: 1em 0 0;
3439  }
3440  
3441  #templateside li {
3442      margin: 4px 0;
3443  }
3444  
3445  #templateside li:not(.howto) a,
3446  .theme-editor-php .highlight {
3447      display: block;
3448      padding: 3px 12px 3px 0;
3449      text-decoration: none;
3450  }
3451  
3452  #templateside li.current-file > a {
3453      padding-bottom: 0;
3454  }
3455  
3456  #templateside li:not(.howto) > a:first-of-type {
3457      padding-top: 0;
3458  }
3459  
3460  #templateside li.howto {
3461      padding: 6px 12px 12px;
3462  }
3463  
3464  .theme-editor-php .highlight {
3465      margin: -3px -12px -3px 3px;
3466  }
3467  
3468  #templateside .highlight {
3469      border: none;
3470      font-weight: 600;
3471  }
3472  
3473  .nonessential {
3474      color: #646970;
3475      font-size: 11px;
3476      font-style: italic;
3477      padding-right: 12px;
3478  }
3479  
3480  #documentation {
3481      margin-top: 10px;
3482  }
3483  
3484  #documentation label {
3485      line-height: 1.8;
3486      vertical-align: baseline;
3487  }
3488  
3489  .fileedit-sub {
3490      padding: 10px 0 8px;
3491      line-height: 180%;
3492  }
3493  
3494  #file-editor-warning .file-editor-warning-content {
3495      margin: 25px;
3496  }
3497  
3498  /* @todo: can we use a common class for these? */
3499  .nav-menus-php .item-edit:before,
3500  .widget-top .widget-action .toggle-indicator:before,
3501  .control-section .accordion-section-title:after,
3502  .accordion-section-title:after {
3503      content: "\f140";
3504      font: normal 20px/1 dashicons;
3505      speak: never;
3506      display: block;
3507      -webkit-font-smoothing: antialiased;
3508      -moz-osx-font-smoothing: grayscale;
3509      text-decoration: none;
3510  }
3511  
3512  .widget-top .widget-action .toggle-indicator:before {
3513      padding: 1px 0 1px 2px;
3514      border-radius: 50%;
3515  }
3516  
3517  .handlediv,
3518  .postbox .handlediv.button-link,
3519  .item-edit,
3520  .toggle-indicator,
3521  .accordion-section-title:after {
3522      color: #787c82;
3523  }
3524  
3525  .widget-action {
3526      color: #50575e; /* #fafafa background in the Widgets screen */
3527  }
3528  
3529  .widget-top:hover .widget-action,
3530  .widget-action:focus,
3531  .handlediv:hover,
3532  .handlediv:focus,
3533  .postbox .handlediv.button-link:hover,
3534  .postbox .handlediv.button-link:focus,
3535  .item-edit:hover,
3536  .item-edit:focus,
3537  .sidebar-name:hover .toggle-indicator,
3538  .accordion-section-title:hover:after {
3539      color: #1d2327;
3540      /* Only visible in Windows High Contrast mode */
3541      outline: 2px solid transparent;
3542  }
3543  
3544  .widget-top .widget-action:focus .toggle-indicator:before {
3545      box-shadow: 0 0 0 2px #2271b1;
3546      /* Only visible in Windows High Contrast mode */
3547      outline: 2px solid transparent;
3548  }
3549  
3550  .control-section .accordion-section-title:after,
3551  .accordion-section-title:after {
3552      float: left;
3553      left: 20px;
3554      top: -2px;
3555  }
3556  
3557  .control-section.open .accordion-section-title:after,
3558  #customize-info.open .accordion-section-title:after,
3559  .nav-menus-php .menu-item-edit-active .item-edit:before,
3560  .widget.open .widget-top .widget-action .toggle-indicator:before,
3561  .widget.widget-in-question .widget-top .widget-action .toggle-indicator:before {
3562      content: "\f142";
3563  }
3564  
3565  /*!
3566   * jQuery UI Draggable/Sortable 1.11.4
3567   * http://jqueryui.com
3568   *
3569   * Copyright jQuery Foundation and other contributors
3570   * Released under the MIT license.
3571   * http://jquery.org/license
3572   */
3573  .ui-draggable-handle,
3574  .ui-sortable-handle {
3575      touch-action: none;
3576  }
3577  
3578  /* Accordion */
3579  .accordion-section {
3580      border-bottom: 1px solid #dcdcde;
3581      margin: 0;
3582  }
3583  
3584  .accordion-section.open .accordion-section-content,
3585  .no-js .accordion-section .accordion-section-content {
3586      display: block;
3587  }
3588  
3589  .accordion-section.open:hover {
3590      border-bottom-color: #dcdcde;
3591  }
3592  
3593  .accordion-section-content {
3594      display: none;
3595      padding: 10px 20px 15px;
3596      overflow: hidden;
3597      background: #fff;
3598  }
3599  
3600  .accordion-section-title {
3601      margin: 0;
3602      padding: 12px 15px 15px;
3603      position: relative;
3604      border-right: 1px solid #dcdcde;
3605      border-left: 1px solid #dcdcde;
3606      -webkit-user-select: none;
3607      user-select: none;
3608  }
3609  
3610  .js .accordion-section-title {
3611      cursor: pointer;
3612  }
3613  
3614  .js .accordion-section-title:after {
3615      position: absolute;
3616      top: 12px;
3617      left: 10px;
3618      z-index: 1;
3619  }
3620  
3621  .accordion-section-title:focus {
3622      /* Only visible in Windows High Contrast mode */
3623      outline: 1px solid transparent;
3624  }
3625  
3626  .accordion-section-title:hover:after,
3627  .accordion-section-title:focus:after {
3628      border-color: #a7aaad transparent;
3629      /* Only visible in Windows High Contrast mode */
3630      outline: 1px solid transparent;
3631  }
3632  
3633  .cannot-expand .accordion-section-title {
3634      cursor: auto;
3635  }
3636  
3637  .cannot-expand .accordion-section-title:after {
3638      display: none;
3639  }
3640  
3641  .control-section .accordion-section-title,
3642  .customize-pane-child .accordion-section-title {
3643      border-right: none;
3644      border-left: none;
3645      padding: 10px 14px 11px 10px;
3646      line-height: 1.55;
3647      background: #fff;
3648  }
3649  
3650  .control-section .accordion-section-title:after,
3651  .customize-pane-child .accordion-section-title:after {
3652      top: calc(50% - 10px); /* Arrow height is 20px, so use half of that to vertically center */
3653  }
3654  
3655  .js .control-section:hover .accordion-section-title,
3656  .js .control-section .accordion-section-title:hover,
3657  .js .control-section.open .accordion-section-title,
3658  .js .control-section .accordion-section-title:focus {
3659      color: #1d2327;
3660      background: #f6f7f7;
3661  }
3662  
3663  .control-section.open .accordion-section-title {
3664      /* When expanded */
3665      border-bottom: 1px solid #dcdcde;
3666  }
3667  
3668  /* Edit Site */
3669  .network-admin .edit-site-actions {
3670      margin-top: 0;
3671  }
3672  
3673  /* My Sites */
3674  .my-sites {
3675      display: block;
3676      overflow: auto;
3677      zoom: 1;
3678  }
3679  
3680  .my-sites li {
3681      display: block;
3682      padding: 8px 3%;
3683      min-height: 130px;
3684      margin: 0;
3685  }
3686  
3687  @media only screen and (max-width: 599px) {
3688      .my-sites li {
3689          min-height: 0;
3690      }
3691  }
3692  
3693  @media only screen and (min-width: 600px) {
3694      .my-sites.striped li {
3695          background-color: #fff;
3696          position: relative;
3697      }
3698      .my-sites.striped li:after {
3699          content: "";
3700          width: 1px;
3701          height: 100%;
3702          position: absolute;
3703          top: 0;
3704          left: 0;
3705          background: #c3c4c7;
3706      }
3707  
3708  }
3709  @media only screen and (min-width: 600px) and (max-width: 699px) {
3710      .my-sites li{
3711          float: right;
3712          width: 44%;
3713      }
3714      .my-sites.striped li {
3715          background-color: #fff;
3716      }
3717      .my-sites.striped li:nth-of-type(2n+1) {
3718          clear: right;
3719      }
3720      .my-sites.striped li:nth-of-type(2n+2):after {
3721          content: none;
3722      }
3723      .my-sites li:nth-of-type(4n+1),
3724      .my-sites li:nth-of-type(4n+2) {
3725          background-color: #f6f7f7;
3726      }
3727  
3728  }
3729  
3730  @media only screen and (min-width: 700px) and (max-width: 1199px) {
3731      .my-sites li {
3732          float: right;
3733          width: 27.333333%;
3734          background-color: #fff;
3735      }
3736      .my-sites.striped li:nth-of-type(3n+3):after {
3737          content: none;
3738      }
3739      .my-sites li:nth-of-type(6n+1),
3740      .my-sites li:nth-of-type(6n+2),
3741      .my-sites li:nth-of-type(6n+3) {
3742          background-color: #f6f7f7;
3743      }
3744  }
3745  
3746  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
3747      .my-sites li {
3748          float: right;
3749          width: 21%;
3750          padding: 8px 2%;
3751          background-color: #fff;
3752      }
3753      .my-sites.striped li:nth-of-type(4n+1) {
3754          clear: right;
3755      }
3756      .my-sites.striped li:nth-of-type(4n+4):after {
3757          content: none;
3758      }
3759      .my-sites li:nth-of-type(8n+1),
3760      .my-sites li:nth-of-type(8n+2),
3761      .my-sites li:nth-of-type(8n+3),
3762      .my-sites li:nth-of-type(8n+4) {
3763          background-color: #f6f7f7;
3764      }
3765  }
3766  
3767  @media only screen and (min-width: 1400px) and (max-width: 1599px) {
3768      .my-sites li {
3769          float: right;
3770          width: 16%;
3771          padding: 8px 2%;
3772          background-color: #fff;
3773      }
3774      .my-sites.striped li:nth-of-type(5n+1) {
3775          clear: right;
3776      }
3777      .my-sites.striped li:nth-of-type(5n+5):after {
3778          content: none;
3779      }
3780      .my-sites li:nth-of-type(10n+1),
3781      .my-sites li:nth-of-type(10n+2),
3782      .my-sites li:nth-of-type(10n+3),
3783      .my-sites li:nth-of-type(10n+4),
3784      .my-sites li:nth-of-type(10n+5) {
3785          background-color: #f6f7f7;
3786      }
3787  }
3788  
3789  @media only screen and (min-width: 1600px) {
3790      .my-sites li {
3791          float: right;
3792          width: 12.666666%;
3793          padding: 8px 2%;
3794          background-color: #fff;
3795      }
3796      .my-sites.striped li:nth-of-type(6n+1) {
3797          clear: right;
3798      }
3799      .my-sites.striped li:nth-of-type(6n+6):after {
3800          content: none;
3801      }
3802      .my-sites li:nth-of-type(12n+1),
3803      .my-sites li:nth-of-type(12n+2),
3804      .my-sites li:nth-of-type(12n+3),
3805      .my-sites li:nth-of-type(12n+4),
3806      .my-sites li:nth-of-type(12n+5),
3807      .my-sites li:nth-of-type(12n+6) {
3808          background-color: #f6f7f7;
3809      }
3810  }
3811  
3812  .my-sites li a {
3813      text-decoration: none;
3814  }
3815  
3816  /* =Media Queries
3817  -------------------------------------------------------------- */
3818  
3819  /**
3820   * HiDPI Displays
3821   */
3822  @media print,
3823    (min-resolution: 120dpi) {
3824      /* Back-compat for pre-3.8 */
3825      div.star-holder,
3826      div.star-holder .star-rating {
3827          background: url(../images/stars-2x.png?ver=20121108) repeat-x bottom right;
3828          background-size: 21px 37px;
3829      }
3830  
3831      .spinner {
3832          background-image: url(../images/spinner-2x.gif);
3833      }
3834  
3835  }
3836  
3837  @media screen and (max-width: 782px) {
3838      html.wp-toolbar {
3839          padding-top: 46px;
3840      }
3841  
3842      .screen-reader-shortcut:focus {
3843          top: -39px;
3844      }
3845  
3846      body {
3847          min-width: 240px;
3848          overflow-x: hidden;
3849      }
3850  
3851      body * {
3852          -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
3853      }
3854  
3855      #wpcontent {
3856          position: relative;
3857          margin-right: 0;
3858          padding-right: 10px;
3859      }
3860  
3861      #wpbody-content {
3862          padding-bottom: 100px;
3863      }
3864  
3865      .wrap {
3866          clear: both;
3867          margin-left: 12px;
3868          margin-right: 0;
3869      }
3870  
3871      /* categories */
3872      #col-left,
3873      #col-right {
3874          float: none;
3875          width: auto;
3876      }
3877  
3878      #col-left .col-wrap,
3879      #col-right .col-wrap {
3880          padding: 0;
3881      }
3882  
3883      /* Hidden Elements */
3884      #collapse-menu,
3885      .post-format-select {
3886          display: none !important;
3887      }
3888  
3889      .wrap h1.wp-heading-inline {
3890          margin-bottom: 0.5em;
3891      }
3892  
3893      .wrap .add-new-h2, /* deprecated */
3894      .wrap .add-new-h2:active, /* deprecated */
3895      .wrap .page-title-action,
3896      .wrap .page-title-action:active {
3897          padding: 10px 15px;
3898          font-size: 14px;
3899          white-space: nowrap;
3900      }
3901  
3902      /* Feedback Messages */
3903      .notice,
3904      .wrap div.updated,
3905      .wrap div.error,
3906      .media-upload-form div.error {
3907          margin: 20px 0 10px;
3908          padding: 5px 10px;
3909          font-size: 14px;
3910          line-height: 175%;
3911      }
3912  
3913      .wp-core-ui .notice.is-dismissible {
3914          padding-left: 46px;
3915      }
3916  
3917      .notice-dismiss {
3918          padding: 13px;
3919      }
3920  
3921      .wrap .icon32 + h2 {
3922          margin-top: -2px;
3923      }
3924  
3925      .wp-responsive-open #wpbody {
3926          left: -16em;
3927      }
3928  
3929      code {
3930          word-wrap: break-word;
3931          word-wrap: anywhere; /* Firefox. Allow breaking long words anywhere */
3932          word-break: break-word; /* Webkit: Treated similarly to word-wrap: break-word */
3933      }
3934  
3935      /* General Metabox */
3936      .postbox {
3937          font-size: 14px;
3938      }
3939  
3940      .metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
3941      .metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
3942      .metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
3943      .metabox-holder h2 {
3944          padding: 12px;
3945      }
3946  
3947      .postbox .handlediv {
3948          margin-top: 3px;
3949      }
3950  
3951      /* Subsubsub Nav */
3952      .subsubsub {
3953          font-size: 16px;
3954          text-align: center;
3955          margin-bottom: 15px;
3956      }
3957  
3958      /* Theme/Plugin File Editor */
3959  
3960      #template textarea,
3961      #template .CodeMirror {
3962          box-sizing: border-box;
3963      }
3964  
3965      #templateside {
3966          float: none;
3967          width: auto;
3968      }
3969  
3970      #templateside > ul {
3971          border-right: 1px solid #dcdcde;
3972      }
3973  
3974      #templateside li {
3975          margin: 0;
3976      }
3977  
3978      #templateside li:not(.howto) a {
3979          display: block;
3980          padding: 5px;
3981      }
3982      #templateside li.howto {
3983          padding: 12px;
3984      }
3985  
3986      #templateside .highlight {
3987          padding: 5px;
3988          margin-right: -5px;
3989          margin-top: -5px;
3990      }
3991  
3992      #template > div,
3993      #template .notice {
3994          float: none;
3995          margin: 1em 0;
3996          width: auto;
3997      }
3998  
3999      #template .CodeMirror,
4000      #template textarea {
4001          width: 100%;
4002      }
4003  
4004      #templateside ul ul {
4005          padding-right: 1.5em;
4006      }
4007      [role="treeitem"] .folder-label {
4008          display: block;
4009          padding: 5px;
4010      }
4011      .tree-folder > li::before,
4012      .tree-folder > li::after,
4013      .tree-folder .tree-folder::after {
4014          right: -8px;
4015      }
4016      .tree-folder > li::before {
4017          top: 0;
4018          height: 13px;
4019      }
4020      .tree-folder > .current-file::before {
4021          right: -5px;
4022          top: 7px;
4023          width: 4px;
4024      }
4025      .tree-folder > .current-file::after {
4026          height: 9px;
4027          right: -8px;
4028      }
4029      .wrap #templateside span.notice {
4030          margin-right: -5px;
4031          width: 100%;
4032      }
4033  
4034      .fileedit-sub .alignright {
4035          float: right;
4036          margin-top: 15px;
4037          width: 100%;
4038          text-align: right;
4039      }
4040  
4041      .fileedit-sub .alignright label {
4042          display: block;
4043      }
4044  
4045      .fileedit-sub #theme,
4046      .fileedit-sub #plugin {
4047          margin-right: 0;
4048          max-width: 70%;
4049      }
4050  
4051      .fileedit-sub input[type="submit"] {
4052          margin-bottom: 0;
4053      }
4054  
4055      #documentation label[for="docs-list"] {
4056          display: block;
4057      }
4058  
4059      #documentation select[name="docs-list"] {
4060          margin-right: 0;
4061          max-width: 60%;
4062      }
4063  
4064      #documentation input[type="button"] {
4065          margin-bottom: 0;
4066      }
4067  
4068      #wpfooter {
4069          display: none;
4070      }
4071  
4072      #comments-form .checkforspam {
4073          display: none;
4074      }
4075  
4076      .edit-comment-author {
4077          margin: 2px 0 0;
4078      }
4079  
4080      .filter-drawer .filter-group-feature input,
4081      .filter-drawer .filter-group-feature label {
4082          line-height: 2.1;
4083      }
4084  
4085      .filter-drawer .filter-group-feature label {
4086          margin-right: 32px;
4087      }
4088  
4089      .wp-filter .button.drawer-toggle {
4090          font-size: 13px;
4091          line-height: 2;
4092          height: 28px;
4093      }
4094  
4095      /* Fix help tab columns for smaller screens */
4096      #screen-meta #contextual-help-wrap {
4097          overflow: visible;
4098      }
4099  
4100      #screen-meta #contextual-help-back,
4101      #screen-meta .contextual-help-sidebar {
4102          display: none;
4103      }
4104  
4105      #screen-meta .contextual-help-tabs {
4106          clear: both;
4107          width: 100%;
4108          float: none;
4109      }
4110  
4111      #screen-meta .contextual-help-tabs ul {
4112          margin: 0 0 1em;
4113          padding: 1em 0 0;
4114      }
4115  
4116      #screen-meta .contextual-help-tabs .active {
4117          margin: 0;
4118      }
4119  
4120      #screen-meta .contextual-help-tabs-wrap {
4121          clear: both;
4122          max-width: 100%;
4123          float: none;
4124      }
4125  
4126      #screen-meta,
4127      #screen-meta-links {
4128          margin-left: 10px;
4129      }
4130  
4131      #screen-meta-links {
4132          margin-bottom: 20px; /* Add margins beneath links for better spacing between boxes and elements */
4133      }
4134  
4135      .wp-filter .search-form input[type="search"] {
4136          width: 100%;
4137          font-size: 1rem;
4138      }
4139  
4140      .wp-filter .search-form.search-plugins {
4141          /* This element is a flex item. */
4142          min-width: 100%;
4143      }
4144  }
4145  
4146  /* Smartphone */
4147  @media screen and (max-width: 600px) {
4148      /* Disable horizontal scroll when responsive menu is open
4149         since we push the main content off to the right. */
4150      #wpwrap.wp-responsive-open {
4151          overflow-x: hidden;
4152      }
4153  
4154      html.wp-toolbar {
4155          padding-top: 0;
4156      }
4157  
4158      .screen-reader-shortcut:focus {
4159          top: 7px;
4160      }
4161  
4162      #wpbody {
4163          padding-top: 46px;
4164      }
4165  
4166      /* Keep full-width boxes on Edit Post page from causing horizontal scroll */
4167      div#post-body.metabox-holder.columns-1 {
4168          overflow-x: hidden;
4169      }
4170  
4171      h1.nav-tab-wrapper,
4172      .wrap h2.nav-tab-wrapper,
4173      .nav-tab-wrapper {
4174          border-bottom: 0;
4175      }
4176  
4177      h1 .nav-tab,
4178      h2 .nav-tab,
4179      h3 .nav-tab,
4180      nav .nav-tab {
4181          margin: 10px 0 0 10px;
4182          border-bottom: 1px solid #c3c4c7;
4183      }
4184  
4185      .nav-tab-active:hover,
4186      .nav-tab-active:focus,
4187      .nav-tab-active:focus:active {
4188          border-bottom: 1px solid #c3c4c7;
4189      }
4190  }
4191  
4192  @media screen and (max-width: 480px) {
4193      .metabox-prefs-container {
4194          display: grid;
4195      }
4196  
4197      .metabox-prefs-container > * {
4198          display: inline-block;
4199          padding: 2px;
4200      }
4201  }
4202  
4203  @media screen and (max-width: 320px) {
4204      /* Prevent default center alignment and larger font for the Right Now widget when
4205         the network dashboard is viewed on a small mobile device. */
4206      #network_dashboard_right_now .subsubsub {
4207          font-size: 14px;
4208          text-align: right;
4209      }
4210  }


Generated : Fri Mar 29 08:20:02 2024 Cross-referenced by PHPXref