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