dashboard-rtl.css (24743B)
1 /*! This file is auto-generated */ 2 #wpbody-content #dashboard-widgets.columns-1 .postbox-container { 3 width: 100%; 4 } 5 6 #wpbody-content #dashboard-widgets.columns-2 .postbox-container { 7 width: 49.5%; 8 } 9 10 #wpbody-content #dashboard-widgets.columns-2 #postbox-container-2, 11 #wpbody-content #dashboard-widgets.columns-2 #postbox-container-3, 12 #wpbody-content #dashboard-widgets.columns-2 #postbox-container-4 { 13 float: left; 14 width: 50.5%; 15 } 16 17 #wpbody-content #dashboard-widgets.columns-3 .postbox-container { 18 width: 33.5%; 19 } 20 21 #wpbody-content #dashboard-widgets.columns-3 #postbox-container-1 { 22 width: 33%; 23 } 24 25 #wpbody-content #dashboard-widgets.columns-3 #postbox-container-3, 26 #wpbody-content #dashboard-widgets.columns-3 #postbox-container-4 { 27 float: left; 28 } 29 30 #wpbody-content #dashboard-widgets.columns-4 .postbox-container { 31 width: 25%; 32 } 33 34 #dashboard-widgets .postbox-container { 35 width: 25%; 36 } 37 38 #dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container { 39 border: none !important; 40 } 41 42 #dashboard-widgets-wrap { 43 overflow: hidden; 44 margin: 0 -8px; 45 } 46 47 #dashboard-widgets .postbox .inside { 48 margin-bottom: 0; 49 } 50 51 #dashboard-widgets .meta-box-sortables { 52 display: flow-root; /* avoid margin collapsing between parent and first/last child elements */ 53 /* Required min-height to make the jQuery UI Sortable drop zone work. */ 54 min-height: 100px; 55 margin: 0 8px 20px; 56 } 57 58 #dashboard-widgets .postbox-container .empty-container { 59 outline: 3px dashed #c3c4c7; 60 height: 250px; 61 } 62 63 /* Only highlight drop zones when dragging and only in the 2 columns layout. */ 64 .is-dragging-metaboxes #dashboard-widgets .meta-box-sortables { 65 outline: 3px dashed #646970; 66 /* Prevent margin on the child from collapsing with margin on the parent. */ 67 display: flow-root; 68 } 69 70 #dashboard-widgets .postbox-container .empty-container:after { 71 content: attr(data-emptystring); 72 margin: auto; 73 position: absolute; 74 top: 50%; 75 right: 0; 76 left: 0; 77 transform: translateY( -50% ); 78 padding: 0 2em; 79 text-align: center; 80 color: #646970; 81 font-size: 16px; 82 line-height: 1.5; 83 display: none; 84 } 85 86 87 /* @todo: this was originally in this section, but likely belongs elsewhere */ 88 #the-comment-list td.comment p.comment-author { 89 margin-top: 0; 90 margin-right: 0; 91 } 92 93 #the-comment-list p.comment-author img { 94 float: right; 95 margin-left: 8px; 96 } 97 98 #the-comment-list p.comment-author strong a { 99 border: none; 100 } 101 102 #the-comment-list td { 103 vertical-align: top; 104 } 105 106 #the-comment-list td.comment { 107 word-wrap: break-word; 108 } 109 110 #the-comment-list td.comment img { 111 max-width: 100%; 112 } 113 114 /* Welcome Panel */ 115 .welcome-panel { 116 position: relative; 117 overflow: auto; 118 margin: 16px 0; 119 padding: 23px 10px 0; 120 border: 1px solid #c3c4c7; 121 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); 122 background: #fff; 123 font-size: 13px; 124 line-height: 1.7; 125 } 126 127 .welcome-panel h2 { 128 margin: 0; 129 font-size: 21px; 130 font-weight: 400; 131 line-height: 1.2; 132 } 133 134 .welcome-panel h3 { 135 margin: 1.33em 0 0; 136 font-size: 16px; 137 } 138 139 .welcome-panel li { 140 font-size: 14px; 141 } 142 143 .welcome-panel p { 144 color: #646970; 145 } 146 147 .welcome-panel li a { 148 text-decoration: none; 149 } 150 151 .welcome-panel .about-description { 152 font-size: 16px; 153 margin: 0; 154 } 155 156 .welcome-panel .welcome-panel-close { 157 position: absolute; 158 top: 10px; 159 left: 10px; 160 padding: 10px 21px 10px 15px; 161 font-size: 13px; 162 line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */ 163 text-decoration: none; 164 } 165 166 .welcome-panel .welcome-panel-close:before { 167 position: absolute; 168 top: 8px; 169 right: 0; 170 transition: all .1s ease-in-out; 171 } 172 173 .wp-core-ui .welcome-panel .button.button-hero { 174 margin: 15px 0 3px 13px; 175 padding: 12px 36px; 176 height: auto; 177 line-height: 1.4285714; 178 white-space: normal; 179 } 180 181 .welcome-panel-content { 182 margin-right: 13px; 183 max-width: 1500px; 184 } 185 186 .welcome-panel .welcome-panel-column-container { 187 clear: both; 188 position: relative; 189 } 190 191 .welcome-panel .welcome-panel-column { 192 width: 32%; 193 min-width: 200px; 194 float: right; 195 } 196 197 .welcome-panel .welcome-panel-column:first-child { 198 width: 36%; 199 } 200 201 .welcome-panel-column p.hide-if-no-customize { 202 margin-top: 10px; 203 } 204 205 .welcome-panel-column p { 206 margin-top: 7px; 207 color: #3c434a; 208 } 209 210 .welcome-panel .welcome-widgets-menus { 211 line-height: 1.14285714; 212 } 213 214 .welcome-panel .welcome-panel-column ul { 215 margin: 0.8em 0 1em 1em; 216 } 217 218 .welcome-panel .welcome-panel-column li { 219 line-height: 1.14285714; 220 list-style-type: none; 221 padding: 0 0 8px; 222 } 223 224 .welcome-panel .welcome-icon { 225 background: transparent !important; 226 } 227 228 /* Welcome Panel and Right Now common Icons style */ 229 230 .welcome-panel .welcome-icon:before, 231 #dashboard_right_now li a:before, 232 #dashboard_right_now li span:before, 233 #dashboard_right_now .search-engines-info:before { 234 color: #646970; 235 font: normal 20px/1 dashicons; 236 speak: never; 237 display: inline-block; 238 padding: 0 0 0 10px; 239 position: relative; 240 -webkit-font-smoothing: antialiased; 241 -moz-osx-font-smoothing: grayscale; 242 text-decoration: none !important; 243 vertical-align: top; 244 } 245 246 /* Welcome Panel specific Icons styles */ 247 248 .welcome-panel .welcome-write-blog:before, 249 .welcome-panel .welcome-edit-page:before { 250 content: "\f119"; 251 top: -3px; 252 } 253 254 .welcome-panel .welcome-add-page:before { 255 content: "\f132"; 256 top: -1px; 257 } 258 259 .welcome-panel .welcome-setup-home:before { 260 content: "\f102"; 261 top: -1px; 262 } 263 264 .welcome-panel .welcome-view-site:before { 265 content: "\f115"; 266 top: -2px; 267 } 268 269 .welcome-panel .welcome-widgets-menus:before { 270 content: "\f116"; 271 top: -2px; 272 } 273 274 .welcome-panel .welcome-widgets:before { 275 content: "\f538"; 276 top: -2px; 277 } 278 279 .welcome-panel .welcome-menus:before { 280 content: "\f163"; 281 top: -2px; 282 } 283 284 .welcome-panel .welcome-comments:before { 285 content: "\f117"; 286 top: -1px; 287 } 288 289 .welcome-panel .welcome-learn-more:before { 290 content: "\f118"; 291 top: -1px; 292 } 293 294 /* Right Now specific Icons styles */ 295 296 #dashboard_right_now .search-engines-info:before, 297 #dashboard_right_now li a:before, 298 #dashboard_right_now li > span:before { /* get only the first level span to exclude screen-reader-text in mu-storage */ 299 content: "\f159"; /* generic icon for items added by CPTs ? */ 300 padding: 0 0 0 5px; 301 } 302 303 #dashboard_right_now .page-count a:before, 304 #dashboard_right_now .page-count span:before { 305 content: "\f105"; 306 } 307 308 #dashboard_right_now .post-count a:before, 309 #dashboard_right_now .post-count span:before { 310 content: "\f109"; 311 } 312 313 #dashboard_right_now .comment-count a:before { 314 content: "\f101"; 315 } 316 317 #dashboard_right_now .comment-mod-count a:before { 318 content: "\f125"; 319 } 320 321 #dashboard_right_now .storage-count a:before { 322 content: "\f104"; 323 } 324 325 #dashboard_right_now .storage-count.warning a:before { 326 content: "\f153"; 327 } 328 329 #dashboard_right_now .search-engines-info:before { 330 content: "\f348"; 331 } 332 333 /* Dashboard WordPress events */ 334 335 .community-events-errors { 336 margin: 0; 337 } 338 339 .community-events-loading { 340 padding: 10px 12px 8px; 341 } 342 343 .community-events { 344 margin-bottom: 6px; 345 padding: 0 12px; 346 } 347 348 .community-events .spinner { 349 float: none; 350 margin: 5px 2px 0; 351 vertical-align: top; 352 } 353 354 .community-events-errors[aria-hidden="true"], 355 .community-events-errors [aria-hidden="true"], 356 .community-events-loading[aria-hidden="true"], 357 .community-events[aria-hidden="true"], 358 .community-events [aria-hidden="true"] { 359 display: none; 360 } 361 362 .community-events .activity-block:first-child, 363 .community-events h2 { 364 padding-top: 12px; 365 padding-bottom: 10px; 366 } 367 368 .community-events-form { 369 margin: 15px 0 5px; 370 } 371 372 .community-events-form .regular-text { 373 width: 40%; 374 height: 29px; 375 margin: 0; 376 vertical-align: top; 377 } 378 379 .community-events li.event-none { 380 border-right: 4px solid #72aee6; 381 } 382 383 #dashboard-widgets .community-events li.event-none a { 384 text-decoration: underline; 385 } 386 387 .community-events-form label { 388 display: inline-block; 389 vertical-align: top; 390 line-height: 2.15384615; 391 height: 28px; 392 } 393 394 .community-events .activity-block > p { 395 margin-bottom: 0; 396 display: inline; 397 } 398 399 .community-events-toggle-location { 400 vertical-align: middle; 401 } 402 403 #community-events-submit { 404 margin-right: 3px; 405 margin-left: 3px; 406 } 407 408 /* Needs higher specificity than #dashboard-widgets .button-link */ 409 #dashboard-widgets .community-events-cancel.button-link { 410 vertical-align: top; 411 /* Same properties as the submit button for cross-browsers alignment. */ 412 line-height: 2; 413 height: 28px; 414 text-decoration: underline; 415 } 416 417 .community-events ul { 418 background-color: #f6f7f7; 419 padding-right: 0; 420 padding-left: 0; 421 padding-bottom: 0; 422 } 423 424 .community-events li { 425 margin: 0; 426 padding: 8px 12px; 427 color: #2c3338; 428 } 429 .community-events li:first-child { 430 border-top: 1px solid #f0f0f1; 431 } 432 433 .community-events li ~ li { 434 border-top: 1px solid #f0f0f1; 435 } 436 437 .community-events .activity-block.last { 438 border-bottom: 1px solid #f0f0f1; 439 padding-top: 0; 440 margin-top: -1px; 441 } 442 443 .community-events .event-info { 444 display: block; 445 } 446 447 .event-icon { 448 height: 18px; 449 padding-left: 10px; 450 width: 18px; 451 display: none; /* Hide on smaller screens */ 452 } 453 454 .event-icon:before { 455 color: #646970; 456 font-size: 18px; 457 } 458 .event-meetup .event-icon:before { 459 content: "\f484"; 460 } 461 .event-wordcamp .event-icon:before { 462 content: "\f486"; 463 } 464 465 .community-events .event-title { 466 font-weight: 600; 467 display: block; 468 } 469 470 .community-events .event-date, 471 .community-events .event-time { 472 display: block; 473 } 474 475 .community-events-footer { 476 margin-top: 0; 477 margin-bottom: 0; 478 padding: 12px; 479 border-top: 1px solid #f0f0f1; 480 color: #dcdcde; 481 } 482 483 /* Safari 10 + VoiceOver specific: without this, the hidden text gets read out before the link. */ 484 .community-events-footer .screen-reader-text { 485 height: inherit; 486 white-space: nowrap; 487 } 488 489 /* Dashboard WordPress news */ 490 491 #dashboard_primary .inside { 492 margin: 0; 493 padding: 0; 494 } 495 496 #dashboard_primary .widget-loading { 497 padding: 12px 12px 0; 498 margin-bottom: 1em !important; /* Needs to override `.postbox .inside > p:last-child` in common.css */ 499 } 500 501 /* Notice when JS is off. */ 502 #dashboard_primary .inside .notice { 503 margin: 0; 504 } 505 506 body #dashboard-widgets .postbox form .submit { 507 margin: 0; 508 } 509 510 /* Used only for configurable widgets. */ 511 .dashboard-widget-control-form p { 512 margin-top: 0; 513 } 514 515 .rssSummary { 516 color: #646970; 517 margin-top: 4px; 518 } 519 520 #dashboard_primary .rss-widget { 521 font-size: 13px; 522 padding: 0 12px 0; 523 } 524 525 #dashboard_primary .rss-widget:last-child { 526 border-bottom: none; 527 padding-bottom: 8px; 528 } 529 530 #dashboard_primary .rss-widget a { 531 font-weight: 400; 532 } 533 534 #dashboard_primary .rss-widget span, 535 #dashboard_primary .rss-widget span.rss-date { 536 color: #646970; 537 } 538 539 #dashboard_primary .rss-widget span.rss-date { 540 margin-right: 12px; 541 } 542 543 #dashboard_primary .rss-widget ul li { 544 padding: 4px 0; 545 margin: 0; 546 } 547 548 /* Dashboard right now */ 549 550 #dashboard_right_now ul { 551 margin: 0; 552 /* contain floats but don't use overflow: hidden */ 553 display: inline-block; 554 width: 100%; 555 } 556 557 #dashboard_right_now li { 558 width: 50%; 559 float: right; 560 margin-bottom: 10px; 561 } 562 563 #dashboard_right_now .inside { 564 padding: 0; 565 } 566 567 #dashboard_right_now .main { 568 padding: 0 12px 11px; 569 } 570 571 #dashboard_right_now .main p { 572 margin: 0; 573 } 574 575 #dashboard_right_now #wp-version-message .button { 576 float: left; 577 position: relative; 578 top: -5px; 579 margin-right: 5px; 580 } 581 582 #dashboard_right_now p.search-engines-info { 583 margin: 1em 0; 584 } 585 586 .mu-storage { 587 overflow: hidden; 588 } 589 590 #dashboard-widgets h3.mu-storage { 591 margin: 0 0 10px; 592 padding: 0; 593 font-size: 14px; 594 font-weight: 400; 595 } 596 597 /* Dashboard right now - Colors */ 598 599 #dashboard_right_now .sub { 600 color: #50575e; 601 background: #f6f7f7; 602 border-top: 1px solid #f0f0f1; 603 padding: 10px 12px 6px 12px; 604 } 605 606 #dashboard_right_now .sub h3 { 607 color: #50575e; 608 } 609 610 #dashboard_right_now .sub p { 611 margin: 0 0 1em; 612 } 613 614 #dashboard_right_now .warning a:before, 615 #dashboard_right_now .warning span:before { 616 color: #d63638; 617 } 618 619 /* Dashboard Quick Draft */ 620 621 #dashboard_quick_press .inside { 622 margin: 0; 623 padding: 0; 624 } 625 626 #dashboard_quick_press div.updated { 627 margin-bottom: 10px; 628 border: 1px solid #f0f0f1; 629 border-width: 1px 0 1px 1px; 630 } 631 632 #dashboard_quick_press form { 633 margin: 12px; 634 } 635 636 #dashboard_quick_press .drafts { 637 padding: 10px 0 0; 638 } 639 640 /* Dashboard Quick Draft - Form styling */ 641 642 #dashboard_quick_press label { 643 display: inline-block; 644 margin-bottom: 4px; 645 } 646 647 #dashboard_quick_press input, 648 #dashboard_quick_press textarea { 649 box-sizing: border-box; 650 margin: 0; 651 } 652 653 #dashboard-widgets .postbox form .submit { 654 margin: -39px 0; 655 float: left; 656 } 657 658 #description-wrap { 659 margin-top: 12px; 660 } 661 662 #quick-press textarea#content { 663 min-height: 90px; 664 max-height: 1300px; 665 margin: 0 0 8px; 666 padding: 6px 7px; 667 resize: none; 668 } 669 670 /* Dashboard Quick Draft - Drafts list */ 671 672 .js #dashboard_quick_press .drafts { 673 border-top: 1px solid #f0f0f1; 674 } 675 676 #dashboard_quick_press .drafts abbr { 677 border: none; 678 } 679 680 #dashboard_quick_press .drafts .view-all { 681 float: left; 682 margin: 0 0 0 12px; 683 } 684 685 #dashboard_primary a.rsswidget { 686 font-weight: 400; 687 } 688 689 #dashboard_quick_press .drafts ul { 690 margin: 0 12px; 691 } 692 693 #dashboard_quick_press .drafts li { 694 margin-bottom: 1em; 695 } 696 #dashboard_quick_press .drafts li time { 697 color: #646970; 698 } 699 700 #dashboard_quick_press .drafts p { 701 margin: 0; 702 word-wrap: break-word; 703 } 704 705 #dashboard_quick_press .draft-title { 706 word-wrap: break-word; 707 } 708 709 #dashboard_quick_press .draft-title a, 710 #dashboard_quick_press .draft-title time { 711 margin: 0 0 0 5px; 712 } 713 714 /* Dashboard common styles */ 715 716 #dashboard-widgets h4, /* Back-compat for pre-4.4 */ 717 #dashboard-widgets h3, 718 #dashboard_quick_press .drafts h2 { 719 margin: 0 12px 8px; 720 padding: 0; 721 font-size: 14px; 722 font-weight: 400; 723 color: #1d2327; 724 } 725 726 #dashboard_quick_press .drafts h2 { 727 line-height: inherit; 728 } 729 730 #dashboard-widgets .inside h4, /* Back-compat for pre-4.4 */ 731 #dashboard-widgets .inside h3 { 732 margin-right: 0; 733 margin-left: 0; 734 } 735 736 /* Dashboard activity widget */ 737 738 #dashboard_activity .comment-meta span.approve:before { 739 content: "\f227"; 740 font: 20px/.5 dashicons; 741 margin-right: 5px; 742 vertical-align: middle; 743 position: relative; 744 top: -1px; 745 margin-left: 2px; 746 } 747 748 #dashboard_activity .inside { 749 margin: 0; 750 padding-bottom: 0; 751 } 752 753 #dashboard_activity .no-activity { 754 overflow: hidden; 755 padding: 12px 0; 756 text-align: center; 757 } 758 759 #dashboard_activity .no-activity p { 760 color: #646970; 761 font-size: 16px; 762 } 763 764 #dashboard_activity .subsubsub { 765 float: none; 766 border-top: 1px solid #f0f0f1; 767 margin: 0 -12px; 768 padding: 8px 12px 4px; 769 } 770 771 #dashboard_activity .subsubsub a .count, 772 #dashboard_activity .subsubsub a.current .count { 773 color: #646970; /* white background on the dashboard but #f0f0f1 on list tables */ 774 } 775 776 #future-posts ul, 777 #published-posts ul { 778 clear: both; 779 margin-bottom: 0; 780 } 781 782 #future-posts li, 783 #published-posts li { 784 margin-bottom: 8px; 785 } 786 787 #future-posts ul span, 788 #published-posts ul span { 789 display: inline-block; 790 margin-left: 5px; 791 min-width: 150px; 792 color: #646970; 793 } 794 795 .activity-block { 796 border-bottom: 1px solid #f0f0f1; 797 margin: 0 -12px; 798 padding: 8px 12px 4px; 799 } 800 801 .activity-block:last-child { 802 border-bottom: none; 803 } 804 805 .activity-block .subsubsub li { 806 color: #dcdcde; 807 } 808 809 /* Dashboard activity widget - Comments */ 810 /* @todo: needs serious de-duplication */ 811 812 #activity-widget #the-comment-list tr.undo, 813 #activity-widget #the-comment-list div.undo { 814 background: none; 815 padding: 6px 0; 816 margin-right: 12px; 817 } 818 819 #activity-widget #the-comment-list .comment-item { 820 background: #f6f7f7; 821 padding: 12px; 822 position: relative; 823 } 824 825 #activity-widget #the-comment-list .avatar { 826 position: absolute; 827 top: 12px; 828 } 829 830 #activity-widget #the-comment-list .dashboard-comment-wrap.has-avatar { 831 padding-right: 63px; 832 } 833 834 #activity-widget #the-comment-list .dashboard-comment-wrap blockquote { 835 margin: 1em 0; 836 } 837 838 #activity-widget #the-comment-list .comment-item p.row-actions { 839 margin: 4px 0 0 0; 840 } 841 842 #activity-widget #the-comment-list .comment-item:first-child { 843 border-top: 1px solid #f0f0f1; 844 } 845 846 #activity-widget #the-comment-list .unapproved { 847 background-color: #fcf9e8; 848 } 849 850 #activity-widget #the-comment-list .unapproved:before { 851 content: ""; 852 display: block; 853 position: absolute; 854 right: 0; 855 top: 0; 856 bottom: 0; 857 background: #d63638; 858 width: 4px; 859 } 860 861 #activity-widget #the-comment-list .spam-undo-inside .avatar, 862 #activity-widget #the-comment-list .trash-undo-inside .avatar { 863 position: relative; 864 top: 0; 865 } 866 867 /* Browse happy box */ 868 869 #dashboard-widgets #dashboard_browser_nag.postbox .inside { 870 margin: 10px; 871 } 872 873 .postbox .button-link .edit-box { 874 display: none; 875 } 876 877 .edit-box { 878 opacity: 0; 879 } 880 881 .hndle:hover .edit-box, 882 .edit-box:focus { 883 opacity: 1; 884 } 885 886 #dashboard-widgets form .input-text-wrap input { 887 width: 100%; 888 } 889 890 #dashboard-widgets form .textarea-wrap textarea { 891 width: 100%; 892 } 893 894 #dashboard-widgets .postbox form .submit { 895 float: none; 896 margin: .5em 0 0; 897 padding: 0; 898 border: none; 899 } 900 901 #dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish { 902 min-width: 0; 903 } 904 905 #dashboard-widgets li a, 906 #dashboard-widgets .button-link, 907 .community-events-footer a { 908 text-decoration: none; 909 } 910 911 #dashboard-widgets h2 a { 912 text-decoration: underline; 913 } 914 915 #dashboard-widgets .hndle .postbox-title-action { 916 float: left; 917 line-height: 1.2; 918 } 919 920 #dashboard_plugins h5 { 921 font-size: 14px; 922 } 923 924 /* Recent Comments */ 925 926 #latest-comments #the-comment-list { 927 position: relative; 928 margin: 0 -12px; 929 } 930 931 #activity-widget #the-comment-list .comment, 932 #activity-widget #the-comment-list .pingback { 933 box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06); 934 } 935 936 #activity-widget .comments #the-comment-list .alt { 937 background-color: transparent; 938 } 939 940 #activity-widget #latest-comments #the-comment-list .comment-item { 941 /* the row-actions paragraph is output only for users with 'edit_comment' capabilities, 942 for other users this needs a min height equal to the gravatar image */ 943 min-height: 50px; 944 margin: 0; 945 padding: 12px; 946 } 947 948 #latest-comments #the-comment-list .pingback { 949 padding-right: 12px !important; 950 } 951 952 #latest-comments #the-comment-list .comment-item:first-child { 953 border-top: none; 954 } 955 956 #latest-comments #the-comment-list .comment-meta { 957 line-height: 1.5; 958 margin: 0; 959 color: #646970; 960 } 961 962 #latest-comments #the-comment-list .comment-meta cite { 963 font-style: normal; 964 font-weight: 400; 965 } 966 967 #latest-comments #the-comment-list .comment-item blockquote, 968 #latest-comments #the-comment-list .comment-item blockquote p { 969 margin: 0; 970 padding: 0; 971 display: inline; 972 } 973 974 #latest-comments #the-comment-list .comment-item p.row-actions { 975 margin: 3px 0 0; 976 padding: 0; 977 font-size: 13px; 978 } 979 980 /* Feeds */ 981 .rss-widget ul { 982 margin: 0; 983 padding: 0; 984 list-style: none; 985 } 986 987 a.rsswidget { 988 font-size: 13px; 989 font-weight: 600; 990 line-height: 1.4; 991 } 992 993 .rss-widget ul li { 994 line-height: 1.5; 995 margin-bottom: 12px; 996 } 997 998 .rss-widget span.rss-date { 999 color: #646970; 1000 font-size: 13px; 1001 margin-right: 3px; 1002 } 1003 1004 .rss-widget cite { 1005 display: block; 1006 text-align: left; 1007 margin: 0 0 1em; 1008 padding: 0; 1009 } 1010 1011 .rss-widget cite:before { 1012 content: "\2014"; 1013 } 1014 1015 .dashboard-comment-wrap { 1016 word-wrap: break-word; 1017 } 1018 1019 /* Browser Nag */ 1020 #dashboard_browser_nag a.update-browser-link { 1021 font-size: 1.2em; 1022 font-weight: 600; 1023 } 1024 1025 #dashboard_browser_nag a { 1026 text-decoration: underline; 1027 } 1028 1029 #dashboard_browser_nag p.browser-update-nag.has-browser-icon { 1030 padding-left: 128px; 1031 } 1032 1033 #dashboard_browser_nag .browser-icon { 1034 margin-top: -32px; 1035 } 1036 1037 #dashboard_browser_nag.postbox { 1038 background-color: #b32d2e; 1039 background-image: none; 1040 border-color: #b32d2e; 1041 color: #fff; 1042 box-shadow: none; 1043 } 1044 1045 #dashboard_browser_nag.postbox h2 { 1046 border-bottom-color: transparent; 1047 background: transparent none; 1048 color: #fff; 1049 box-shadow: none; 1050 } 1051 1052 #dashboard_browser_nag a { 1053 color: #fff; 1054 } 1055 1056 #dashboard_browser_nag.postbox .postbox-header { 1057 border-color: transparent; 1058 } 1059 1060 #dashboard_browser_nag h2.hndle { 1061 border: none; 1062 font-weight: 600; 1063 font-size: 20px; 1064 padding-top: 10px; 1065 } 1066 1067 .postbox#dashboard_browser_nag p a.dismiss { 1068 font-size: 14px; 1069 } 1070 1071 .postbox#dashboard_browser_nag p, 1072 .postbox#dashboard_browser_nag a, 1073 .postbox#dashboard_browser_nag p.browser-update-nag { 1074 font-size: 16px; 1075 } 1076 1077 /* PHP Nag */ 1078 #dashboard_php_nag .dashicons-warning { 1079 color: #dba617; 1080 padding-left: 6px; 1081 } 1082 1083 #dashboard_php_nag.php-insecure .dashicons-warning { 1084 color: #d63638; 1085 } 1086 1087 #dashboard_php_nag h2 { 1088 display: inline-block; 1089 } 1090 1091 #dashboard_php_nag p { 1092 margin: 12px 0; 1093 } 1094 1095 #dashboard_php_nag h3 { 1096 font-weight: 600; 1097 } 1098 1099 #dashboard_php_nag .button .dashicons-external { 1100 line-height: 25px; 1101 } 1102 1103 /* =Media Queries 1104 -------------------------------------------------------------- */ 1105 1106 /* one column on the dash */ 1107 @media only screen and (max-width: 799px) { 1108 #wpbody-content #dashboard-widgets .postbox-container { 1109 width: 100%; 1110 } 1111 1112 #dashboard-widgets .meta-box-sortables { 1113 min-height: 0; 1114 } 1115 1116 .is-dragging-metaboxes #dashboard-widgets .meta-box-sortables { 1117 min-height: 100px; 1118 } 1119 1120 #dashboard-widgets .meta-box-sortables.empty-container { 1121 margin-bottom: 0; 1122 } 1123 } 1124 1125 /* two columns on the dash, but keep the setting if one is selected */ 1126 @media only screen and (min-width: 800px) and (max-width: 1499px) { 1127 #wpbody-content #dashboard-widgets .postbox-container { 1128 width: 49.5%; 1129 } 1130 1131 #wpbody-content #dashboard-widgets #postbox-container-2, 1132 #wpbody-content #dashboard-widgets #postbox-container-3, 1133 #wpbody-content #dashboard-widgets #postbox-container-4 { 1134 float: left; 1135 width: 50.5%; 1136 } 1137 1138 #dashboard-widgets #postbox-container-3 .empty-container, 1139 #dashboard-widgets #postbox-container-4 .empty-container { 1140 outline: none; 1141 height: 0; 1142 min-height: 0; 1143 margin-bottom: 0; 1144 } 1145 1146 #dashboard-widgets #postbox-container-3 .empty-container:after, 1147 #dashboard-widgets #postbox-container-4 .empty-container:after { 1148 display: none; 1149 } 1150 1151 #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container { 1152 width: 100%; 1153 } 1154 1155 #wpbody #dashboard-widgets .metabox-holder.columns-1 .postbox-container .empty-container { 1156 outline: none; 1157 height: 0; 1158 min-height: 0; 1159 margin-bottom: 0; 1160 } 1161 1162 /* show the radio buttons for column prefs only for one or two columns */ 1163 .index-php .screen-layout, 1164 .index-php .columns-prefs { 1165 display: block; 1166 } 1167 1168 .columns-prefs .columns-prefs-3, 1169 .columns-prefs .columns-prefs-4 { 1170 display: none; 1171 } 1172 1173 #dashboard-widgets .postbox-container .empty-container:after { 1174 display: block; 1175 } 1176 } 1177 1178 /* three columns on the dash */ 1179 @media only screen and (min-width: 1500px) and (max-width: 1800px) { 1180 #wpbody-content #dashboard-widgets .postbox-container { 1181 width: 33.5%; 1182 } 1183 1184 #wpbody-content #dashboard-widgets #postbox-container-1 { 1185 width: 33%; 1186 } 1187 1188 #wpbody-content #dashboard-widgets #postbox-container-3, 1189 #wpbody-content #dashboard-widgets #postbox-container-4 { 1190 float: left; 1191 } 1192 1193 #dashboard-widgets #postbox-container-4 .empty-container { 1194 outline: none; 1195 height: 0; 1196 min-height: 0; 1197 margin-bottom: 0; 1198 } 1199 1200 #dashboard-widgets #postbox-container-4 .empty-container:after { 1201 display: none; 1202 } 1203 1204 #dashboard-widgets .postbox-container .empty-container:after { 1205 display: block; 1206 } 1207 } 1208 1209 /* Always show the "Drag boxes here" CSS generated content on large screens. */ 1210 @media only screen and (min-width: 1801px) { 1211 #dashboard-widgets .postbox-container .empty-container:after { 1212 display: block; 1213 } 1214 } 1215 1216 @media screen and (max-width: 870px) { 1217 .welcome-panel .welcome-panel-column, 1218 .welcome-panel .welcome-panel-column:first-child { 1219 display: block; 1220 float: none; 1221 width: 100%; 1222 } 1223 1224 .welcome-panel .welcome-panel-column li { 1225 display: inline-block; 1226 margin-left: 13px; 1227 } 1228 1229 .welcome-panel .welcome-panel-column ul { 1230 margin: 0.4em 0 0; 1231 } 1232 1233 } 1234 1235 @media screen and (max-width: 782px) { 1236 #dashboard-widgets h2 { 1237 padding: 12px; 1238 } 1239 1240 #dashboard_recent_comments #the-comment-list .comment-item .avatar { 1241 height: 30px; 1242 width: 30px; 1243 margin: 4px 0 5px 10px; 1244 } 1245 1246 .community-events-toggle-location { 1247 height: 38px; 1248 vertical-align: baseline; 1249 } 1250 1251 .community-events-form .regular-text { 1252 height: 32px; 1253 } 1254 1255 #community-events-submit { 1256 margin-bottom: 0; 1257 /* Override .wp-core-ui .button */ 1258 vertical-align: top; 1259 } 1260 1261 .community-events-form label, 1262 #dashboard-widgets .community-events-cancel.button-link { 1263 /* Same properties as the submit button for cross-browsers alignment. */ 1264 font-size: 14px; 1265 line-height: normal; 1266 height: auto; 1267 padding: 6px 0; 1268 border: 1px solid transparent; 1269 } 1270 1271 .community-events .spinner { 1272 margin-top: 7px; 1273 } 1274 } 1275 1276 /* Smartphone */ 1277 @media screen and (max-width: 600px) { 1278 /* Keep the close icon from overlapping the Welcome text. */ 1279 .welcome-panel .welcome-panel-close { 1280 overflow: hidden; 1281 text-indent: 40px; 1282 white-space: nowrap; 1283 width: 20px; 1284 height: 20px; 1285 padding: 5px; 1286 top: 5px; 1287 left: 5px; 1288 } 1289 1290 /* Make the close icon larger for tappability. */ 1291 .welcome-panel .welcome-panel-close:before { 1292 font-size: 20px; 1293 top: 5px; 1294 right: -35px; 1295 } 1296 } 1297 1298 @media screen and (min-width: 355px) { 1299 .community-events .event-info { 1300 display: table-row; 1301 float: right; 1302 max-width: 59%; 1303 } 1304 1305 .event-icon, 1306 .event-icon[aria-hidden="true"] { 1307 display: table-cell; 1308 } 1309 1310 .event-info-inner { 1311 display: table-cell; 1312 } 1313 1314 .community-events .event-date-time { 1315 float: left; 1316 max-width: 39%; 1317 } 1318 1319 .community-events .event-date, 1320 .community-events .event-time { 1321 text-align: left; 1322 } 1323 }