[ Index ]

WordPress 5.4.1

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

title

Body

[close]

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

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


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