wp-admin/css/common-rtl.css

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