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