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