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