wp-admin/css/dashboard.css

   1 #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
   2         width: 100%;
   3 }
   4
   5 #wpbody-content #dashboard-widgets.columns-2 .postbox-container {
   6         width: 49.5%;
   7 }
   8
   9 #wpbody-content #dashboard-widgets.columns-2 #postbox-container-2,
  10 #wpbody-content #dashboard-widgets.columns-2 #postbox-container-3,
  11 #wpbody-content #dashboard-widgets.columns-2 #postbox-container-4 {
  12         float: right;
  13         width: 50.5%;
  14 }
  15
  16 #wpbody-content #dashboard-widgets.columns-3 .postbox-container {
  17         width: 33.5%;
  18 }
  19
  20 #wpbody-content #dashboard-widgets.columns-3 #postbox-container-1 {
  21         width: 33%;
  22 }
  23
  24 #wpbody-content #dashboard-widgets.columns-3 #postbox-container-3,
  25 #wpbody-content #dashboard-widgets.columns-3 #postbox-container-4 {
  26         float: right;
  27 }
  28
  29 #wpbody-content #dashboard-widgets.columns-4 .postbox-container {
  30         width: 25%;
  31 }
  32
  33 #dashboard-widgets .postbox-container {
  34         width: 25%;
  35 }
  36
  37 #dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container {
  38         border: none !important;
  39 }
  40
  41 .ie8 #wpbody-content #dashboard-widgets .postbox-container {
  42         width: 49.5%;
  43 }
  44
  45 .ie8 #wpbody-content #dashboard-widgets #postbox-container-2,
  46 .ie8 #wpbody-content #dashboard-widgets #postbox-container-3,
  47 .ie8 #wpbody-content #dashboard-widgets #postbox-container-4 {
  48         float: right;
  49         width: 50.5%;
  50 }
  51
  52 .ie8 #dashboard-widgets #postbox-container-3 .empty-container,
  53 .ie8 #dashboard-widgets #postbox-container-4 .empty-container {
  54         border: 0 none;
  55         height: 0;
  56         min-height: 0;
  57 }
  58
  59 /*------------------------------------------------------------------------------
  60   9.0 - Dashboard
  61 ------------------------------------------------------------------------------*/
  62
  63 #dashboard-widgets-wrap {
  64         overflow: hidden;
  65         margin: 0 -8px;
  66 }
  67
  68 #dashboard-widgets .postbox .inside {
  69         margin-bottom: 0;
  70 }
  71
  72 #dashboard-widgets .meta-box-sortables {
  73         margin: 0 8px;
  74         min-height: 100px;
  75 }
  76
  77 /* @todo: this was originally in this section, but likely belongs elsewhere */
  78 #the-comment-list td.comment p.comment-author {
  79         margin-top: 0;
  80         margin-left: 0;
  81 }
  82
  83 #the-comment-list p.comment-author img {
  84         float: left;
  85         margin-right: 8px;
  86 }
  87
  88 #the-comment-list p.comment-author strong a {
  89         border: none;
  90 }
  91
  92 #the-comment-list td {
  93         vertical-align: top;
  94 }
  95
  96 #the-comment-list td.comment {
  97         word-wrap: break-word;
  98 }
  99
 100 #the-comment-list td.comment img {
 101         max-width: 100%;
 102 }
 103
 104 /* Welcome Panel */
 105 .welcome-panel {
 106         position: relative;
 107         overflow: auto;
 108         margin: 16px 0;
 109         padding: 23px 10px 0;
 110         border: 1px solid #e5e5e5;
 111         -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 112         box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 113         background: #fff;
 114         font-size: 13px;
 115         line-height: 2.1em;
 116 }
 117
 118 .welcome-panel h2 {
 119         margin: 0;
 120         font-size: 21px;
 121         font-weight: normal;
 122         line-height: 1.2;
 123 }
 124
 125 .welcome-panel h3 {
 126         margin: 1.33em 0 0;
 127         font-size: 16px;
 128 }
 129
 130 .welcome-panel li {
 131         font-size: 14px;
 132 }
 133
 134 .welcome-panel p {
 135         color: #777;
 136 }
 137
 138 .welcome-panel a {
 139         text-decoration: none;
 140 }
 141
 142 .welcome-panel .about-description {
 143         font-size: 16px;
 144         margin: 0;
 145 }
 146
 147 .welcome-panel .welcome-panel-close {
 148         position: absolute;
 149         top: 10px;
 150         right: 10px;
 151         padding: 10px 15px 10px 21px;
 152         font-size: 13px;
 153         line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */
 154         text-decoration: none;
 155 }
 156
 157 .welcome-panel .welcome-panel-close:before {
 158         position: absolute;
 159         top: 8px;
 160         left: 0;
 161         -webkit-transition: all .1s ease-in-out;
 162         transition: all .1s ease-in-out;
 163 }
 164
 165 .wp-core-ui .welcome-panel .button.button-hero {
 166         margin: 15px 13px 3px 0;
 167         padding: 12px 36px;
 168         height: auto;
 169         line-height: 1.4285714;
 170         white-space: normal;
 171 }
 172
 173 .welcome-panel-content {
 174         margin-left: 13px;
 175         max-width: 1500px;
 176 }
 177
 178 .welcome-panel .welcome-panel-column-container {
 179         clear: both;
 180         position: relative;
 181 }
 182
 183 .welcome-panel .welcome-panel-column {
 184         width: 32%;
 185         min-width: 200px;
 186         float: left;
 187 }
 188
 189 .ie8 .welcome-panel .welcome-panel-column {
 190         min-width: 230px;
 191 }
 192
 193 .welcome-panel .welcome-panel-column:first-child {
 194         width: 36%;
 195 }
 196
 197 .welcome-panel-column p.hide-if-no-customize {
 198         margin-top: 10px;
 199 }
 200
 201 .welcome-panel-column p {
 202         margin-top: 7px;
 203         color: #464646;
 204 }
 205
 206 .welcome-panel .welcome-icon {
 207         background: transparent !important;
 208 }
 209
 210 .welcome-panel .welcome-icon:before {
 211         color: #82878c;
 212         font: normal 20px/1 dashicons;
 213         speak: none;
 214         display: inline-block;
 215         padding: 0 10px 0 0;
 216         top: -1px;
 217         position: relative;
 218         -webkit-font-smoothing: antialiased;
 219         -moz-osx-font-smoothing: grayscale;
 220         text-decoration: none !important;
 221         vertical-align: top;
 222 }
 223
 224 .welcome-panel .welcome-write-blog:before,
 225 .welcome-panel .welcome-edit-page:before {
 226         content: "\f119";
 227         top: -3px;
 228 }
 229
 230 .welcome-panel .welcome-add-page:before {
 231         content: "\f132";
 232 }
 233
 234 .welcome-panel .welcome-view-site:before {
 235         content: "\f115";
 236         top: -2px;
 237 }
 238
 239 .welcome-panel .welcome-widgets-menus:before {
 240         content: "\f116";
 241         top: -2px;
 242 }
 243
 244 .welcome-panel .welcome-comments:before {
 245         content: "\f117";
 246         top: -1px;
 247 }
 248
 249 .welcome-panel .welcome-learn-more:before {
 250         content: "\f118";
 251         top: -1px;
 252 }
 253
 254 .welcome-panel .welcome-widgets-menus {
 255         line-height: 16px;
 256 }
 257
 258 .welcome-panel .welcome-panel-column ul {
 259         margin: 0.8em 1em 1em 0;
 260 }
 261
 262 .welcome-panel .welcome-panel-column li {
 263         line-height: 16px;
 264         list-style-type: none;
 265         padding: 0 0 8px;
 266 }
 267
 268 /* Dashboard WordPress news */
 269
 270 #dashboard_primary .inside {
 271         margin: 0;
 272         padding: 0;
 273 }
 274
 275 #dashboard_primary .widget-loading,
 276 #dashboard_primary .dashboard-widget-control-form {
 277         padding: 12px 12px 0;
 278 }
 279
 280 body #dashboard-widgets .postbox form .submit {
 281         margin: 0;
 282 }
 283
 284 .dashboard-widget-control-form {
 285         overflow: hidden;
 286 }
 287
 288 .dashboard-widget-control-form p {
 289         margin-top: 0;
 290 }
 291
 292 .rssSummary {
 293         color: #777;
 294         margin-top: 4px;
 295 }
 296
 297 #dashboard_primary .rss-widget {
 298         border-bottom: 1px solid #eee;
 299         font-size: 13px;
 300         padding: 8px 12px 10px;
 301 }
 302
 303 #dashboard_primary .rss-widget:last-child {
 304         border-bottom: none;
 305         padding-bottom: 8px;
 306 }
 307
 308 #dashboard_primary .rss-widget a {
 309         font-weight: normal;
 310 }
 311
 312 #dashboard_primary .rss-widget span,
 313 #dashboard_primary .rss-widget span.rss-date {
 314         color: #777;
 315 }
 316
 317 #dashboard_primary .rss-widget span.rss-date {
 318         margin-left: 12px;
 319 }
 320
 321 #dashboard_primary .rss-widget ul li {
 322         margin-bottom: 8px;
 323 }
 324
 325 /* Dashboard right now */
 326
 327 #dashboard_right_now ul {
 328         margin: 0;
 329         /* contain floats but don't use overflow: hidden */
 330         display: inline-block;
 331         width: 100%;
 332 }
 333
 334 #dashboard_right_now li {
 335         width: 50%;
 336         float: left;
 337         margin-bottom: 10px;
 338 }
 339
 340 #dashboard_right_now .inside {
 341         padding: 0;
 342 }
 343
 344 #dashboard_right_now .main {
 345         padding: 0 12px 11px;
 346 }
 347
 348 #dashboard_right_now .main p {
 349         margin: 0;
 350 }
 351
 352 #dashboard_right_now #wp-version-message .button {
 353         float: right;
 354         position: relative;
 355         top: -5px;
 356         margin-left: 5px;
 357 }
 358
 359 .mu-storage {
 360         overflow: hidden;
 361 }
 362
 363 #dashboard-widgets h3.mu-storage {
 364         margin: 0 0 10px;
 365         padding: 0;
 366         font-size: 14px;
 367         font-weight: normal;
 368 }
 369
 370 /* Dashboard right now - Colors */
 371
 372 #dashboard_right_now li a:before,
 373 #dashboard_right_now li span:before {
 374         color: #82878c;
 375 }
 376
 377 #dashboard_right_now .sub {
 378         color: #777;
 379         background: #f5f5f5;
 380         border-top: 1px solid #eee;
 381         padding: 10px 12px 6px 12px;
 382 }
 383
 384 #dashboard_right_now .sub h3 {
 385         color: #555;
 386 }
 387
 388 #dashboard_right_now .sub p {
 389         margin: 0 0 1em;
 390 }
 391
 392 #dashboard_right_now .warning a:before,
 393 #dashboard_right_now .warning span:before {
 394         color: #d54e21;
 395 }
 396
 397 /* Dashboard right now - Icons */
 398 #dashboard_right_now li a:before,
 399 #dashboard_right_now li span:before {
 400         content: "\f159";
 401         font: normal 20px/1 dashicons;
 402         speak: none;
 403         display: block;
 404         float: left;
 405         margin: 0 5px 0 0;
 406         padding: 0;
 407         text-indent: 0;
 408         text-align: center;
 409         position: relative;
 410         -webkit-font-smoothing: antialiased;
 411         text-decoration: none !important;
 412 }
 413
 414 #dashboard_right_now .page-count a:before,
 415 #dashboard_right_now .page-count span:before {
 416         content: "\f105";
 417 }
 418
 419 #dashboard_right_now .post-count a:before,
 420 #dashboard_right_now .post-count span:before {
 421         content: "\f109";
 422 }
 423
 424 #dashboard_right_now .comment-count a:before {
 425         content: "\f101";
 426 }
 427
 428 #dashboard_right_now .comment-mod-count a:before {
 429         content: "\f125";
 430 }
 431
 432 #dashboard_right_now .storage-count a:before {
 433         content: "\f104";
 434 }
 435
 436 #dashboard_right_now .storage-count.warning a:before {
 437         content: "\f153";
 438 }
 439
 440 /* Dashboard Quick Draft */
 441
 442 #dashboard_quick_press .inside {
 443         margin: 0;
 444         padding: 0;
 445 }
 446
 447 #dashboard_quick_press div.updated {
 448         margin-bottom: 10px;
 449         border: 1px solid #eee;
 450         border-width: 1px 1px 1px 0;
 451 }
 452
 453 #dashboard_quick_press form {
 454         margin: 12px;
 455 }
 456
 457 #dashboard_quick_press .drafts,
 458 #dashboard_quick_press .easy-blogging {
 459         padding: 10px 0 0;
 460 }
 461
 462 /* Dashboard Quick Draft - Form styling */
 463
 464 input#save-post {
 465         float: left;
 466 }
 467
 468 form.initial-form.quickpress-open label.prompt {
 469         font-style: normal;
 470 }
 471
 472 form.initial-form.quickpress-open input#title {
 473         height: auto;
 474 }
 475
 476 #dashboard_quick_press input,
 477 #dashboard_quick_press textarea {
 478         -webkit-box-sizing: border-box;
 479         -moz-box-sizing: border-box;
 480         box-sizing: border-box;
 481         margin: 0;
 482 }
 483
 484 #dashboard_quick_press textarea {
 485         resize: vertical;
 486 }
 487
 488 #dashboard-widgets .postbox form .submit {
 489         margin: -39px 0;
 490         float: right;
 491 }
 492
 493 #description-wrap {
 494         margin-top: 12px;
 495 }
 496
 497 #title-wrap #title-prompt-text,
 498 .textarea-wrap #content-prompt-text {
 499         color: #777;
 500 }
 501
 502 #title-wrap #title-prompt-text {
 503         font-size: 1.1em;
 504         padding: 7px 8px;
 505 }
 506
 507 .input-text-wrap,
 508 .textarea-wrap {
 509         position: relative;
 510 }
 511
 512 .input-text-wrap .prompt,
 513 .textarea-wrap .prompt {
 514         position: absolute;
 515 }
 516
 517 .textarea-wrap #content-prompt-text {
 518         font-size: 1.1em;
 519         padding: 7px 8px;
 520 }
 521
 522 .textarea-wrap textarea#content {
 523         margin: 0 0 8px;
 524         padding: 6px 7px;
 525 }
 526
 527 #quick-press textarea#content {
 528         min-height: 90px;
 529         max-height: 1300px;
 530         resize: none;
 531 }
 532
 533 /* Dashboard Quick Draft - Drafts list */
 534
 535 .js #dashboard_quick_press .drafts {
 536         border-top: 1px solid #eee;
 537 }
 538
 539 #dashboard_quick_press .drafts abbr {
 540         border: none;
 541 }
 542
 543 #dashboard_quick_press .drafts .view-all {
 544         float: right;
 545         margin: 0 12px 0 0;
 546 }
 547
 548 #dashboard_primary a.rsswidget {
 549         font-weight: normal;
 550 }
 551
 552 #dashboard_quick_press .drafts ul {
 553         margin: 0 12px;
 554 }
 555
 556 #dashboard_quick_press .drafts li {
 557         margin-bottom: 1em;
 558 }
 559 #dashboard_quick_press .drafts li time {
 560         color: #777;
 561 }
 562
 563 #dashboard_quick_press .drafts p {
 564         margin: 0;
 565         word-wrap: break-word;
 566 }
 567
 568 #dashboard_quick_press .draft-title {
 569         word-wrap: break-word;
 570 }
 571
 572 #dashboard_quick_press .draft-title a,
 573 #dashboard_quick_press .draft-title time {
 574         margin: 0 5px 0 0;
 575 }
 576
 577 /* Dashboard common styles */
 578
 579 #dashboard-widgets h4, /* Back-compat for pre-4.4 */
 580 #dashboard-widgets h3,
 581 #dashboard_quick_press .drafts h2 {
 582         margin: 0 12px 8px;
 583         padding: 0;
 584         font-size: 14px;
 585         font-weight: normal;
 586         color: #23282d;
 587 }
 588
 589 #dashboard_quick_press .drafts h2 {
 590         line-height: inherit;
 591 }
 592
 593 #dashboard-widgets .inside h4, /* Back-compat for pre-4.4 */
 594 #dashboard-widgets .inside h3 {
 595         margin-left: 0;
 596         margin-right: 0;
 597 }
 598
 599 /* Dashboard activity widget */
 600
 601 #dashboard_activity .comment-meta span.approve:before {
 602         content: "\f227";
 603         font: 20px/.5 dashicons;
 604         margin-left: 12px;
 605         vertical-align: middle;
 606         position: relative;
 607         top: -1px;
 608         margin-right: 2px;
 609 }
 610
 611 #dashboard_activity .inside {
 612         margin: 0;
 613         padding-bottom: 0;
 614 }
 615
 616 #dashboard_activity .no-activity {
 617         overflow: hidden;
 618         padding: 0 0 12px;
 619         text-align: center;
 620 }
 621
 622 #dashboard_activity .no-activity p {
 623         color: #999;
 624         font-size: 16px;
 625 }
 626
 627 #dashboard_activity .no-activity .smiley {
 628         margin-top: 0;
 629 }
 630
 631 #dashboard_activity .no-activity .smiley:before {
 632         content: "\f328";
 633         font: normal 120px/1 dashicons;
 634         speak: none;
 635         display: block;
 636         margin: 0 5px 0 0;
 637         padding: 0;
 638         text-indent: 0;
 639         text-align: center;
 640         position: relative;
 641         -webkit-font-smoothing: antialiased;
 642         text-decoration: none !important;
 643 }
 644
 645 #dashboard_activity .subsubsub {
 646         float: none;
 647         border-top: 1px solid #eee;
 648         margin: 0 -12px;
 649         padding: 8px 12px 4px;
 650 }
 651
 652 #future-posts ul,
 653 #published-posts ul {
 654         clear: both;
 655         margin-bottom: 0;
 656 }
 657
 658 #future-posts li,
 659 #published-posts li {
 660         margin-bottom: 8px;
 661 }
 662
 663 #future-posts ul span,
 664 #published-posts ul span {
 665         display: inline-block;
 666         margin-right: 5px;
 667         min-width: 150px;
 668         color: #777;
 669 }
 670
 671 .activity-block {
 672         border-bottom: 1px solid #eee;
 673         margin: 0 -12px;
 674         padding: 8px 12px 4px;
 675 }
 676
 677 .activity-block:last-child {
 678         border-bottom: none;
 679 }
 680
 681 .activity-block .subsubsub li {
 682         color: #ddd;
 683 }
 684
 685 /* Dashboard activity widget - Comments */
 686 /* @todo: needs serious de-duplication */
 687
 688 #activity-widget #the-comment-list tr.undo,
 689 #activity-widget #the-comment-list div.undo {
 690         background: none;
 691         padding: 6px 0;
 692         margin-left: 12px;
 693 }
 694
 695 #activity-widget #the-comment-list .comment-item {
 696         background: #fafafa;
 697         padding: 12px;
 698         position: relative;
 699 }
 700
 701 #activity-widget #the-comment-list .avatar {
 702         position: absolute;
 703         top: 13px;
 704 }
 705
 706 #activity-widget #the-comment-list .dashboard-comment-wrap {
 707         padding-left: 63px;
 708 }
 709
 710 #activity-widget #the-comment-list .dashboard-comment-wrap blockquote {
 711         margin: 1em 0;
 712 }
 713
 714 #activity-widget #the-comment-list .comment-item p.row-actions {
 715         margin: 4px 0 0 0;
 716 }
 717
 718 #activity-widget #the-comment-list .comment-item:first-child {
 719         border-top: 1px solid #eeeeee;
 720 }
 721
 722 #activity-widget #the-comment-list .unapproved {
 723         background-color: #fef7f1;
 724 }
 725
 726 #activity-widget #the-comment-list .unapproved:before {
 727         content: "";
 728         display: block;
 729         position: absolute;
 730         left: 0;
 731         top: 0;
 732         bottom: 0;
 733         background: #d54e21;
 734         width: 4px;
 735 }
 736
 737 #activity-widget #the-comment-list .spam-undo-inside .avatar,
 738 #activity-widget #the-comment-list .trash-undo-inside .avatar {
 739         position: relative;
 740         top: 0;
 741 }
 742
 743 /* Browse happy box */
 744
 745 #dashboard-widgets #dashboard_browser_nag.postbox .inside {
 746         margin: 10px;
 747 }
 748
 749 .edit-box {
 750         display: none;
 751 }
 752
 753 h3:hover .edit-box {
 754         display: inline;
 755 }
 756
 757 #dashboard-widgets form .input-text-wrap input {
 758         width: 100%;
 759 }
 760
 761 #dashboard-widgets form .textarea-wrap textarea {
 762         width: 100%;
 763 }
 764
 765 #dashboard-widgets .postbox form .submit {
 766         float: none;
 767         margin: .5em 0 0;
 768         padding: 0;
 769         border: none;
 770 }
 771
 772 #dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish {
 773         min-width: 0;
 774 }
 775
 776 #dashboard-widgets a {
 777         text-decoration: none;
 778 }
 779
 780 #dashboard-widgets h3 a {
 781         text-decoration: underline;
 782 }
 783
 784 #dashboard-widgets h3 .postbox-title-action {
 785         position: absolute;
 786         right: 10px;
 787         padding: 0;
 788         top: 5px;
 789 }
 790
 791 .js #dashboard-widgets h3 .postbox-title-action {
 792         right: 33px;
 793 }
 794
 795 #dashboard_plugins h5 {
 796         font-size: 14px;
 797 }
 798
 799 /* Recent Comments */
 800
 801 #latest-comments #the-comment-list {
 802         position: relative;
 803         margin: 0 -12px;
 804 }
 805
 806 #activity-widget #the-comment-list .comment,
 807 #activity-widget #the-comment-list .pingback {
 808         -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
 809         box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
 810 }
 811
 812 #activity-widget .comments #the-comment-list .alt {
 813         background-color: transparent;
 814 }
 815
 816 #activity-widget #latest-comments #the-comment-list .comment-item {
 817         padding: 1em 12px;
 818 }
 819
 820 #latest-comments #the-comment-list .pingback {
 821         padding-left: 12px !important;
 822 }
 823
 824 #latest-comments #the-comment-list .comment-item:first-child {
 825         border-top: none;
 826 }
 827
 828 #latest-comments #the-comment-list .comment-meta {
 829         line-height: 1.5em;
 830         margin: 0;
 831         color: #666;
 832 }
 833
 834 #latest-comments #the-comment-list .comment-meta cite {
 835         font-style: normal;
 836         font-weight: normal;
 837 }
 838
 839 #latest-comments #the-comment-list .comment-item blockquote,
 840 #latest-comments #the-comment-list .comment-item blockquote p {
 841         margin: 0;
 842         padding: 0;
 843         display: inline;
 844 }
 845
 846 #latest-comments #the-comment-list .comment-item p.row-actions {
 847         margin: 3px 0 0;
 848         padding: 0;
 849         font-size: 13px;
 850 }
 851
 852 /* QuickDraft */
 853
 854 #title-wrap label,
 855 #description-wrap label {
 856         cursor: text;
 857 }
 858
 859 #title-wrap #title {
 860         padding: 2px 6px;
 861         font-size: 1.3em;
 862         outline: none;
 863 }
 864
 865 #title-wrap #title-prompt-text {
 866         font-size: 1.1em;
 867         padding: 5px 8px;
 868 }
 869
 870 /* Feeds */
 871 .rss-widget ul {
 872         margin: 0;
 873         padding: 0;
 874         list-style: none;
 875 }
 876
 877 a.rsswidget {
 878         font-size: 14px;
 879         font-weight: 600;
 880         line-height: 1.7em;
 881 }
 882
 883 .rss-widget ul li {
 884         line-height: 1.5em;
 885         margin-bottom: 12px;
 886 }
 887
 888 .rss-widget span.rss-date {
 889         color: #999;
 890         font-size: 13px;
 891         margin-left: 3px;
 892 }
 893
 894 .rss-widget cite {
 895         display: block;
 896         text-align: right;
 897         margin: 0 0 1em;
 898         padding: 0;
 899 }
 900
 901 .rss-widget cite:before {
 902         content: "\2014";
 903 }
 904
 905 .dashboard-comment-wrap {
 906         word-wrap: break-word;
 907 }
 908
 909 /* Browser Nag */
 910 #dashboard_browser_nag a.update-browser-link {
 911         font-size: 1.2em;
 912         font-weight: 600;
 913 }
 914
 915 #dashboard_browser_nag a {
 916         text-decoration: underline;
 917 }
 918
 919 #dashboard_browser_nag p.browser-update-nag.has-browser-icon {
 920         padding-right: 125px;
 921 }
 922
 923 #dashboard_browser_nag .browser-icon {
 924         margin-top: -35px;
 925 }
 926
 927 #dashboard_browser_nag.postbox.browser-insecure {
 928         background-color: #ac1b1b;
 929         border-color: #ac1b1b;
 930 }
 931
 932 #dashboard_browser_nag.postbox {
 933         background-color: #e29808;
 934         background-image: none;
 935         border-color: #edc048;
 936         color: #fff;
 937         -webkit-box-shadow: none;
 938         box-shadow: none;
 939 }
 940
 941 #dashboard_browser_nag.postbox.browser-insecure h2 {
 942         border-bottom-color: #cd5a5a;
 943         color: #fff;
 944 }
 945
 946 #dashboard_browser_nag.postbox h2 {
 947         border-bottom-color: #f6e2ac;
 948         background: transparent none;
 949         color: #fff;
 950         -webkit-box-shadow: none;
 951         box-shadow: none;
 952 }
 953
 954 #dashboard_browser_nag a {
 955         color: #fff;
 956 }
 957
 958 /* Make the browser nags easier to read with Open Sans */
 959
 960 #dashboard_browser_nag h2.hndle {
 961         border: none;
 962         font-weight: 600;
 963         font-size: 20px;
 964         padding-top: 10px;
 965 }
 966
 967 .postbox#dashboard_browser_nag p a.dismiss {
 968         font-size: 14px;
 969 }
 970
 971 .postbox#dashboard_browser_nag p,
 972 .postbox#dashboard_browser_nag a,
 973 .postbox#dashboard_browser_nag p.browser-update-nag {
 974         font-size: 16px;
 975 }
 976
 977 /* =Media Queries
 978 -------------------------------------------------------------- */
 979
 980 /* one column on the dash */
 981 @media only screen and (max-width: 799px) {
 982         #wpbody-content #dashboard-widgets .postbox-container {
 983                 width: 100%;
 984         }
 985 }
 986
 987 /* two columns on the dash, but keep the setting if one is selected */
 988 @media only screen and (min-width: 800px) and (max-width: 1499px) {
 989         #wpbody-content #dashboard-widgets .postbox-container {
 990                 width: 49.5%;
 991         }
 992
 993         #wpbody-content #dashboard-widgets #postbox-container-2,
 994         #wpbody-content #dashboard-widgets #postbox-container-3,
 995         #wpbody-content #dashboard-widgets #postbox-container-4 {
 996                 float: right;
 997                 width: 50.5%;
 998         }
 999
1000         #dashboard-widgets #postbox-container-3 .empty-container,
1001         #dashboard-widgets #postbox-container-4 .empty-container {
1002                 border: 0 none;
1003                 height: 0;
1004                 min-height: 0;
1005         }
1006
1007         #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
1008                 width: 100%;
1009         }
1010
1011         #wpbody #wpbody-content .metabox-holder.columns-1 .postbox-container .empty-container {
1012                 border: 0 none;
1013                 height: 0;
1014                 min-height: 0;
1015         }
1016
1017         /* show the radio buttons for column prefs only for one or two columns */
1018         .index-php .screen-layout,
1019         .index-php .columns-prefs {
1020                 display: block;
1021         }
1022
1023         .columns-prefs .columns-prefs-3,
1024         .columns-prefs .columns-prefs-4 {
1025                 display: none;
1026         }
1027 }
1028
1029 /* three columns on the dash */
1030 @media only screen and (min-width: 1500px) and (max-width: 1800px) {
1031         #wpbody-content #dashboard-widgets .postbox-container {
1032                 width: 33.5%;
1033         }
1034
1035         #wpbody-content #dashboard-widgets #postbox-container-1 {
1036                 width: 33%;
1037         }
1038
1039         #wpbody-content #dashboard-widgets #postbox-container-3,
1040         #wpbody-content #dashboard-widgets #postbox-container-4 {
1041                 float: right;
1042         }
1043
1044         #dashboard-widgets #postbox-container-4 .empty-container {
1045                 border: 0 none;
1046                 height: 0;
1047                 min-height: 0;
1048         }
1049 }
1050
1051 @media screen and (max-width: 870px) {
1052         .welcome-panel .welcome-panel-column,
1053         .welcome-panel .welcome-panel-column:first-child {
1054                 display: block;
1055                 float: none;
1056                 width: 100%;
1057         }
1058
1059         .welcome-panel .welcome-panel-column li {
1060                 display: inline-block;
1061                 margin-right: 13px;
1062         }
1063
1064         .welcome-panel .welcome-panel-column ul {
1065                 margin: 0.4em 0 0;
1066         }
1067
1068 }
1069
1070 @media screen and ( max-width: 782px ) {
1071         #dashboard_recent_comments #the-comment-list .comment-item .avatar {
1072                 height: 30px;
1073                 width: 30px;
1074                 margin: 4px 10px 5px 0;
1075         }
1076 }
1077
1078 /* Smartphone */
1079 @media screen and (max-width: 600px) {
1080         /* Keep the close icon from overlapping the Welcome text. */
1081         .welcome-panel .welcome-panel-close {
1082                 overflow: hidden;
1083                 text-indent: 40px;
1084                 white-space: nowrap;
1085                 width: 20px;
1086                 height: 20px;
1087                 padding: 5px;
1088                 top: 5px;
1089                 right: 5px;
1090         }
1091
1092         /* Make the close icon larger for tappability. */
1093         .welcome-panel .welcome-panel-close:before {
1094                 font-size: 20px;
1095                 top: 5px;
1096                 left: -35px;
1097         }
1098 }