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