[ Index ]

WordPress 5.4.1

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

title

Body

[close]

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

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


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