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