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