[ Index ] |
PHP Cross Reference of WordPress Trunk (Updated Daily) |
[Summary view] [Print] [Text view]
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 /* Screen meta exception for when the "Dashboard" heading is missing or located below the Welcome Panel. */ 115 .index-php #screen-meta-links { 116 margin: 0 0 8px 20px; 117 } 118 119 /* Welcome Panel */ 120 .welcome-panel { 121 position: relative; 122 overflow: auto; 123 margin: 16px 0; 124 background-color: #151515; 125 font-size: 14px; 126 line-height: 1.3; 127 clear: both; 128 } 129 130 .welcome-panel h2 { 131 margin: 0; 132 font-size: 48px; 133 font-weight: 600; 134 line-height: 1.25; 135 } 136 137 .welcome-panel h3 { 138 margin: 0; 139 font-size: 20px; 140 font-weight: 400; 141 line-height: 1.4; 142 } 143 144 .welcome-panel p { 145 font-size: inherit; 146 line-height: inherit; 147 } 148 149 .welcome-panel-header { 150 position: relative; 151 color: #fff; 152 } 153 154 .welcome-panel-header-image { 155 position: absolute !important; 156 top: 0; 157 left: 0; 158 bottom: 0; 159 right: 0; 160 z-index: 0 !important; 161 overflow: hidden; 162 } 163 164 .welcome-panel-header-image svg { 165 display: block; 166 margin: auto; 167 width: 100%; 168 height: 100%; 169 } 170 171 .rtl .welcome-panel-header-image svg { 172 transform: scaleX(-1); 173 } 174 175 .welcome-panel-header * { 176 color: inherit; 177 position: relative; 178 z-index: 1; 179 } 180 181 .welcome-panel-header a:focus, 182 .welcome-panel-header a:hover { 183 color: inherit; 184 text-decoration: none; 185 } 186 187 .welcome-panel-header a:focus, 188 .welcome-panel .welcome-panel-close:focus { 189 outline-color: currentColor; 190 outline-offset: 1px; 191 box-shadow: none; 192 } 193 194 .welcome-panel-header p { 195 margin: 0.5em 0 0; 196 font-size: 20px; 197 line-height: 1.4; 198 } 199 200 .welcome-panel .welcome-panel-close { 201 position: absolute; 202 top: 10px; 203 left: 10px; 204 padding: 10px 24px 10px 15px; 205 font-size: 13px; 206 line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */ 207 text-decoration: none; 208 z-index: 1; /* Raise above the version image. */ 209 } 210 211 .welcome-panel .welcome-panel-close:before { 212 position: absolute; 213 top: 8px; 214 right: 0; 215 transition: all .1s ease-in-out; 216 content: '\f335'; 217 font-size: 24px; 218 color: #fff; 219 } 220 221 .welcome-panel .welcome-panel-close { 222 color: #fff; 223 } 224 225 .welcome-panel .welcome-panel-close:hover, 226 .welcome-panel .welcome-panel-close:focus, 227 .welcome-panel .welcome-panel-close:hover::before, 228 .welcome-panel .welcome-panel-close:focus::before { 229 color: #fff972; 230 } 231 232 /* @deprecated 5.9.0 -- Button removed from panel. */ 233 .wp-core-ui .welcome-panel .button.button-hero { 234 margin: 15px 0 3px 13px; 235 padding: 12px 36px; 236 height: auto; 237 line-height: 1.4285714; 238 white-space: normal; 239 } 240 241 .welcome-panel-content { 242 min-height: 400px; 243 display: flex; 244 flex-direction: column; 245 justify-content: space-between; 246 } 247 248 .welcome-panel-header { 249 box-sizing: border-box; 250 margin-right: auto; 251 margin-left: auto; 252 max-width: 1500px; 253 width: 100%; 254 padding: 48px 48px 80px 0; 255 } 256 257 .welcome-panel .welcome-panel-column-container { 258 box-sizing: border-box; 259 width: 100%; 260 clear: both; 261 display: grid; 262 z-index: 1; 263 padding: 48px; 264 grid-template-columns: repeat(3, 1fr); 265 gap: 32px; 266 align-self: flex-end; 267 background: #fff; 268 } 269 270 [class*="welcome-panel-icon"] { 271 height: 60px; 272 width: 60px; 273 background-position: center; 274 background-size: 24px 24px; 275 background-repeat: no-repeat; 276 border-radius: 100%; 277 } 278 279 .welcome-panel-column > svg { 280 margin-top: 4px; 281 } 282 283 .welcome-panel-column { 284 display: grid; 285 grid-template-columns: min-content 1fr; 286 gap: 24px; 287 } 288 289 .welcome-panel-icon-pages { 290 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M7 13.8h6v-1.5H7v1.5zM18 16V4c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2zM5.5 16V4c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5zM7 10.5h8V9H7v1.5zm0-3.3h8V5.8H7v1.4zM20.2 6v13c0 .7-.6 1.2-1.2 1.2H8v1.5h11c1.5 0 2.7-1.2 2.7-2.8V6h-1.5z' /%3E%3C/svg%3E"); 291 } 292 293 .welcome-panel-icon-layout { 294 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18 5.5H6a.5.5 0 00-.5.5v3h13V6a.5.5 0 00-.5-.5zm.5 5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z' /%3E%3C/svg%3E"); 295 } 296 297 .welcome-panel-icon-styles { 298 background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' /%3E%3C/svg%3E"); 299 } 300 301 /* @deprecated 5.9.0 -- Section removed from welcome panel. */ 302 .welcome-panel .welcome-widgets-menus { 303 line-height: 1.14285714; 304 } 305 306 /* @deprecated 5.9.0 -- Lists removed from welcome panel. */ 307 .welcome-panel .welcome-panel-column ul { 308 margin: 0.8em 0 1em 1em; 309 } 310 311 /* @deprecated 5.9.0 -- Lists removed from welcome panel. */ 312 .welcome-panel li { 313 font-size: 14px; 314 } 315 316 /* @deprecated 5.9.0 -- Lists removed from welcome panel. */ 317 .welcome-panel li a { 318 text-decoration: none; 319 } 320 321 /* @deprecated 5.9.0 -- Lists removed from welcome panel. */ 322 .welcome-panel .welcome-panel-column li { 323 line-height: 1.14285714; 324 list-style-type: none; 325 padding: 0 0 8px; 326 } 327 328 /* @deprecated 5.9.0 -- Icons removed from welcome panel. */ 329 .welcome-panel .welcome-icon { 330 background: transparent !important; 331 } 332 333 /* Welcome Panel and Right Now common Icons style */ 334 335 /* @deprecated 5.9.0 -- Icons removed from welcome panel. */ 336 .welcome-panel .welcome-icon:before, 337 #dashboard_right_now li a:before, 338 #dashboard_right_now li span:before, 339 #dashboard_right_now .search-engines-info:before { 340 color: #646970; 341 font: normal 20px/1 dashicons; 342 speak: never; 343 display: inline-block; 344 padding: 0 0 0 10px; 345 position: relative; 346 -webkit-font-smoothing: antialiased; 347 -moz-osx-font-smoothing: grayscale; 348 text-decoration: none !important; 349 vertical-align: top; 350 } 351 352 /* Welcome Panel specific Icons styles */ 353 354 /* @deprecated 5.9.0 -- Icons removed from welcome panel. */ 355 .welcome-panel .welcome-write-blog:before, 356 .welcome-panel .welcome-edit-page:before { 357 content: "\f119"; 358 top: -3px; 359 } 360 361 /* @deprecated 5.9.0 -- Icons removed from welcome panel. */ 362 .welcome-panel .welcome-add-page:before { 363 content: "\f132"; 364 top: -1px; 365 } 366 367 /* @deprecated 5.9.0 -- Icons removed from welcome panel. */ 368 .welcome-panel .welcome-setup-home:before { 369 content: "\f102"; 370 top: -1px; 371 } 372 373 /* @deprecated 5.9.0 -- Icons removed from welcome panel. */ 374 .welcome-panel .welcome-view-site:before { 375 content: "\f115"; 376 top: -2px; 377 } 378 379 /* @deprecated 5.9.0 -- Icons removed from welcome panel. */ 380 .welcome-panel .welcome-widgets-menus:before { 381 content: "\f116"; 382 top: -2px; 383 } 384 385 /* @deprecated 5.9.0 -- Icons removed from welcome panel. */ 386 .welcome-panel .welcome-widgets:before { 387 content: "\f538"; 388 top: -2px; 389 } 390 391 /* @deprecated 5.9.0 -- Icons removed from welcome panel. */ 392 .welcome-panel .welcome-menus:before { 393 content: "\f163"; 394 top: -2px; 395 } 396 397 /* @deprecated 5.9.0 -- Icons removed from welcome panel. */ 398 .welcome-panel .welcome-comments:before { 399 content: "\f117"; 400 top: -1px; 401 } 402 403 /* @deprecated 5.9.0 -- Icons removed from welcome panel. */ 404 .welcome-panel .welcome-learn-more:before { 405 content: "\f118"; 406 top: -1px; 407 } 408 409 /* Right Now specific Icons styles */ 410 411 #dashboard_right_now .search-engines-info:before, 412 #dashboard_right_now li a:before, 413 #dashboard_right_now li > span:before { /* get only the first level span to exclude screen-reader-text in mu-storage */ 414 content: "\f159"; /* generic icon for items added by CPTs ? */ 415 padding: 0 0 0 5px; 416 } 417 418 #dashboard_right_now .page-count a:before, 419 #dashboard_right_now .page-count span:before { 420 content: "\f105"; 421 } 422 423 #dashboard_right_now .post-count a:before, 424 #dashboard_right_now .post-count span:before { 425 content: "\f109"; 426 } 427 428 #dashboard_right_now .comment-count a:before { 429 content: "\f101"; 430 } 431 432 #dashboard_right_now .comment-mod-count a:before { 433 content: "\f125"; 434 } 435 436 #dashboard_right_now .storage-count a:before { 437 content: "\f104"; 438 } 439 440 #dashboard_right_now .storage-count.warning a:before { 441 content: "\f153"; 442 } 443 444 #dashboard_right_now .search-engines-info:before { 445 content: "\f348"; 446 } 447 448 /* Dashboard WordPress events */ 449 450 .community-events-errors { 451 margin: 0; 452 } 453 454 .community-events-loading { 455 padding: 10px 12px 8px; 456 } 457 458 .community-events { 459 margin-bottom: 6px; 460 padding: 0 12px; 461 } 462 463 .community-events .spinner { 464 float: none; 465 margin: 5px 2px 0; 466 vertical-align: top; 467 } 468 469 .community-events-errors[aria-hidden="true"], 470 .community-events-errors [aria-hidden="true"], 471 .community-events-loading[aria-hidden="true"], 472 .community-events[aria-hidden="true"], 473 .community-events form[aria-hidden="true"] { 474 display: none; 475 } 476 477 .community-events .activity-block:first-child, 478 .community-events h2 { 479 padding-top: 12px; 480 padding-bottom: 10px; 481 } 482 483 .community-events-form { 484 margin: 15px 0 5px; 485 } 486 487 .community-events-form .regular-text { 488 width: 40%; 489 height: 29px; 490 margin: 0; 491 vertical-align: top; 492 } 493 494 .community-events li.event-none { 495 border-right: 4px solid #72aee6; 496 } 497 498 #dashboard-widgets .community-events li.event-none a { 499 text-decoration: underline; 500 } 501 502 .community-events-form label { 503 display: inline-block; 504 vertical-align: top; 505 line-height: 2.15384615; 506 height: 28px; 507 } 508 509 .community-events .activity-block > p { 510 margin-bottom: 0; 511 display: inline; 512 } 513 514 .community-events-toggle-location { 515 vertical-align: middle; 516 } 517 518 #community-events-submit { 519 margin-right: 3px; 520 margin-left: 3px; 521 } 522 523 /* Needs higher specificity than #dashboard-widgets .button-link */ 524 #dashboard-widgets .community-events-cancel.button-link { 525 vertical-align: top; 526 /* Same properties as the submit button for cross-browsers alignment. */ 527 line-height: 2; 528 height: 28px; 529 text-decoration: underline; 530 } 531 532 .community-events ul { 533 background-color: #f6f7f7; 534 padding-right: 0; 535 padding-left: 0; 536 padding-bottom: 0; 537 } 538 539 .community-events li { 540 margin: 0; 541 padding: 8px 12px; 542 color: #2c3338; 543 } 544 .community-events li:first-child { 545 border-top: 1px solid #f0f0f1; 546 } 547 548 .community-events li ~ li { 549 border-top: 1px solid #f0f0f1; 550 } 551 552 .community-events .activity-block.last { 553 border-bottom: 1px solid #f0f0f1; 554 padding-top: 0; 555 margin-top: -1px; 556 } 557 558 .community-events .event-info { 559 display: block; 560 } 561 562 .community-events .ce-separator::before { 563 content: "\2022"; 564 } 565 566 .event-icon { 567 height: 18px; 568 padding-left: 10px; 569 width: 18px; 570 display: none; /* Hide on smaller screens */ 571 } 572 573 .event-icon:before { 574 color: #646970; 575 font-size: 18px; 576 } 577 .event-meetup .event-icon:before { 578 content: "\f484"; 579 } 580 .event-wordcamp .event-icon:before { 581 content: "\f486"; 582 } 583 584 .community-events .event-title { 585 font-weight: 600; 586 display: block; 587 } 588 589 .community-events .event-date, 590 .community-events .event-time { 591 display: block; 592 } 593 594 .community-events-footer { 595 margin-top: 0; 596 margin-bottom: 0; 597 padding: 12px; 598 border-top: 1px solid #f0f0f1; 599 color: #dcdcde; 600 } 601 602 /* Safari 10 + VoiceOver specific: without this, the hidden text gets read out before the link. */ 603 .community-events-footer .screen-reader-text { 604 height: inherit; 605 white-space: nowrap; 606 } 607 608 /* Dashboard WordPress news */ 609 610 #dashboard_primary .inside { 611 margin: 0; 612 padding: 0; 613 } 614 615 #dashboard_primary .widget-loading { 616 padding: 12px 12px 0; 617 margin-bottom: 1em !important; /* Needs to override `.postbox .inside > p:last-child` in common.css */ 618 } 619 620 /* Notice when JS is off. */ 621 #dashboard_primary .inside .notice { 622 margin: 0; 623 } 624 625 body #dashboard-widgets .postbox form .submit { 626 margin: 0; 627 } 628 629 /* Used only for configurable widgets. */ 630 .dashboard-widget-control-form p { 631 margin-top: 0; 632 } 633 634 .rssSummary { 635 color: #646970; 636 margin-top: 4px; 637 } 638 639 #dashboard_primary .rss-widget { 640 font-size: 13px; 641 padding: 0 12px; 642 } 643 644 #dashboard_primary .rss-widget:last-child { 645 border-bottom: none; 646 padding-bottom: 8px; 647 } 648 649 #dashboard_primary .rss-widget a { 650 font-weight: 400; 651 } 652 653 #dashboard_primary .rss-widget span, 654 #dashboard_primary .rss-widget span.rss-date { 655 color: #646970; 656 } 657 658 #dashboard_primary .rss-widget span.rss-date { 659 margin-right: 12px; 660 } 661 662 #dashboard_primary .rss-widget ul li { 663 padding: 4px 0; 664 margin: 0; 665 } 666 667 /* Dashboard right now */ 668 669 #dashboard_right_now ul { 670 margin: 0; 671 /* contain floats but don't use overflow: hidden */ 672 display: inline-block; 673 width: 100%; 674 } 675 676 #dashboard_right_now li { 677 width: 50%; 678 float: right; 679 margin-bottom: 10px; 680 } 681 682 #dashboard_right_now .inside { 683 padding: 0; 684 } 685 686 #dashboard_right_now .main { 687 padding: 0 12px 11px; 688 } 689 690 #dashboard_right_now .main p { 691 margin: 0; 692 } 693 694 #dashboard_right_now #wp-version-message .button { 695 float: left; 696 position: relative; 697 top: -5px; 698 margin-right: 5px; 699 } 700 701 #dashboard_right_now p.search-engines-info { 702 margin: 1em 0; 703 } 704 705 .mu-storage { 706 overflow: hidden; 707 } 708 709 #dashboard-widgets h3.mu-storage { 710 margin: 0 0 10px; 711 padding: 0; 712 font-size: 14px; 713 font-weight: 400; 714 } 715 716 /* Dashboard right now - Colors */ 717 718 #dashboard_right_now .sub { 719 color: #50575e; 720 background: #f6f7f7; 721 border-top: 1px solid #f0f0f1; 722 padding: 10px 12px 6px; 723 } 724 725 #dashboard_right_now .sub h3 { 726 color: #50575e; 727 } 728 729 #dashboard_right_now .sub p { 730 margin: 0 0 1em; 731 } 732 733 #dashboard_right_now .warning a:before, 734 #dashboard_right_now .warning span:before { 735 color: #d63638; 736 } 737 738 /* Dashboard Quick Draft */ 739 740 #dashboard_quick_press .inside { 741 margin: 0; 742 padding: 0; 743 } 744 745 #dashboard_quick_press div.updated { 746 margin-bottom: 10px; 747 border: 1px solid #f0f0f1; 748 border-width: 1px 0 1px 1px; 749 } 750 751 #dashboard_quick_press form { 752 margin: 12px; 753 } 754 755 #dashboard_quick_press .drafts { 756 padding: 10px 0 0; 757 } 758 759 /* Dashboard Quick Draft - Form styling */ 760 761 #dashboard_quick_press label { 762 display: inline-block; 763 margin-bottom: 4px; 764 } 765 766 #dashboard_quick_press input, 767 #dashboard_quick_press textarea { 768 box-sizing: border-box; 769 margin: 0; 770 } 771 772 #dashboard-widgets .postbox form .submit { 773 margin: -39px 0; 774 float: left; 775 } 776 777 #description-wrap { 778 margin-top: 12px; 779 } 780 781 #quick-press textarea#content { 782 min-height: 90px; 783 max-height: 1300px; 784 margin: 0 0 8px; 785 padding: 6px 7px; 786 resize: none; 787 } 788 789 /* Dashboard Quick Draft - Drafts list */ 790 791 .js #dashboard_quick_press .drafts { 792 border-top: 1px solid #f0f0f1; 793 } 794 795 #dashboard_quick_press .drafts abbr { 796 border: none; 797 } 798 799 #dashboard_quick_press .drafts .view-all { 800 float: left; 801 margin: 0 0 0 12px; 802 } 803 804 #dashboard_primary a.rsswidget { 805 font-weight: 400; 806 } 807 808 #dashboard_quick_press .drafts ul { 809 margin: 0 12px; 810 } 811 812 #dashboard_quick_press .drafts li { 813 margin-bottom: 1em; 814 } 815 #dashboard_quick_press .drafts li time { 816 color: #646970; 817 } 818 819 #dashboard_quick_press .drafts p { 820 margin: 0; 821 word-wrap: break-word; 822 } 823 824 #dashboard_quick_press .draft-title { 825 word-wrap: break-word; 826 } 827 828 #dashboard_quick_press .draft-title a, 829 #dashboard_quick_press .draft-title time { 830 margin: 0 0 0 5px; 831 } 832 833 /* Dashboard common styles */ 834 835 #dashboard-widgets h4, /* Back-compat for pre-4.4 */ 836 #dashboard-widgets h3, 837 #dashboard_quick_press .drafts h2 { 838 margin: 0 12px 8px; 839 padding: 0; 840 font-size: 14px; 841 font-weight: 400; 842 color: #1d2327; 843 } 844 845 #dashboard_quick_press .drafts h2 { 846 line-height: inherit; 847 } 848 849 #dashboard-widgets .inside h4, /* Back-compat for pre-4.4 */ 850 #dashboard-widgets .inside h3 { 851 margin-right: 0; 852 margin-left: 0; 853 } 854 855 /* Dashboard activity widget */ 856 857 #dashboard_activity .comment-meta span.approve:before { 858 content: "\f227"; 859 font: 20px/.5 dashicons; 860 margin-right: 5px; 861 vertical-align: middle; 862 position: relative; 863 top: -1px; 864 margin-left: 2px; 865 } 866 867 #dashboard_activity .inside { 868 margin: 0; 869 padding-bottom: 0; 870 } 871 872 #dashboard_activity .no-activity { 873 overflow: hidden; 874 padding: 12px 0; 875 text-align: center; 876 } 877 878 #dashboard_activity .no-activity p { 879 color: #646970; 880 font-size: 16px; 881 } 882 883 #dashboard_activity .subsubsub { 884 float: none; 885 border-top: 1px solid #f0f0f1; 886 margin: 0 -12px; 887 padding: 8px 12px 4px; 888 } 889 890 #dashboard_activity .subsubsub a .count, 891 #dashboard_activity .subsubsub a.current .count { 892 color: #646970; /* white background on the dashboard but #f0f0f1 on list tables */ 893 } 894 895 #future-posts ul, 896 #published-posts ul { 897 margin: 8px -12px 0 -12px; 898 } 899 900 #future-posts li, 901 #published-posts li { 902 display: grid; 903 grid-template-columns: clamp(160px, calc(2vw + 140px), 200px) auto; 904 column-gap: 10px; 905 color: #646970; 906 padding: 4px 12px; 907 } 908 909 #future-posts li:nth-child(odd), 910 #published-posts li:nth-child(odd) { 911 background-color: #f6f7f7; 912 } 913 914 .activity-block { 915 border-bottom: 1px solid #f0f0f1; 916 margin: 0 -12px 6px -12px; 917 padding: 8px 12px 4px; 918 } 919 920 .activity-block:last-child { 921 border-bottom: none; 922 margin-bottom: 0; 923 } 924 925 .activity-block .subsubsub li { 926 color: #dcdcde; 927 } 928 929 /* Dashboard activity widget - Comments */ 930 /* @todo: needs serious de-duplication */ 931 932 #activity-widget #the-comment-list tr.undo, 933 #activity-widget #the-comment-list div.undo { 934 background: none; 935 padding: 6px 0; 936 margin-right: 12px; 937 } 938 939 #activity-widget #the-comment-list .comment-item { 940 background: #f6f7f7; 941 padding: 12px; 942 position: relative; 943 } 944 945 #activity-widget #the-comment-list .avatar { 946 position: absolute; 947 top: 12px; 948 } 949 950 #activity-widget #the-comment-list .dashboard-comment-wrap.has-avatar { 951 padding-right: 63px; 952 } 953 954 #activity-widget #the-comment-list .dashboard-comment-wrap blockquote { 955 margin: 1em 0; 956 } 957 958 #activity-widget #the-comment-list .comment-item p.row-actions { 959 margin: 4px 0 0; 960 } 961 962 #activity-widget #the-comment-list .comment-item:first-child { 963 border-top: 1px solid #f0f0f1; 964 } 965 966 #activity-widget #the-comment-list .unapproved { 967 background-color: #fcf9e8; 968 } 969 970 #activity-widget #the-comment-list .unapproved:before { 971 content: ""; 972 display: block; 973 position: absolute; 974 right: 0; 975 top: 0; 976 bottom: 0; 977 background: #d63638; 978 width: 4px; 979 } 980 981 #activity-widget #the-comment-list .spam-undo-inside .avatar, 982 #activity-widget #the-comment-list .trash-undo-inside .avatar { 983 position: relative; 984 top: 0; 985 } 986 987 /* Browse happy box */ 988 989 #dashboard-widgets #dashboard_browser_nag.postbox .inside { 990 margin: 10px; 991 } 992 993 .postbox .button-link .edit-box { 994 display: none; 995 } 996 997 .edit-box { 998 opacity: 0; 999 } 1000 1001 .hndle:hover .edit-box, 1002 .edit-box:focus { 1003 opacity: 1; 1004 } 1005 1006 #dashboard-widgets form .input-text-wrap input { 1007 width: 100%; 1008 } 1009 1010 #dashboard-widgets form .textarea-wrap textarea { 1011 width: 100%; 1012 } 1013 1014 #dashboard-widgets .postbox form .submit { 1015 float: none; 1016 margin: .5em 0 0; 1017 padding: 0; 1018 border: none; 1019 } 1020 1021 #dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish { 1022 min-width: 0; 1023 } 1024 1025 #dashboard-widgets li a, 1026 #dashboard-widgets .button-link, 1027 .community-events-footer a { 1028 text-decoration: none; 1029 } 1030 1031 #dashboard-widgets h2 a { 1032 text-decoration: underline; 1033 } 1034 1035 #dashboard-widgets .hndle .postbox-title-action { 1036 float: left; 1037 line-height: 1.2; 1038 } 1039 1040 #dashboard_plugins h5 { 1041 font-size: 14px; 1042 } 1043 1044 /* Recent Comments */ 1045 1046 #latest-comments #the-comment-list { 1047 position: relative; 1048 margin: 0 -12px; 1049 } 1050 1051 #activity-widget #the-comment-list .comment, 1052 #activity-widget #the-comment-list .pingback { 1053 box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06); 1054 } 1055 1056 #activity-widget .comments #the-comment-list .alt { 1057 background-color: transparent; 1058 } 1059 1060 #activity-widget #latest-comments #the-comment-list .comment-item { 1061 /* the row-actions paragraph is output only for users with 'edit_comment' capabilities, 1062 for other users this needs a min height equal to the gravatar image */ 1063 min-height: 50px; 1064 margin: 0; 1065 padding: 12px; 1066 } 1067 1068 #latest-comments #the-comment-list .pingback { 1069 padding-right: 12px !important; 1070 } 1071 1072 #latest-comments #the-comment-list .comment-item:first-child { 1073 border-top: none; 1074 } 1075 1076 #latest-comments #the-comment-list .comment-meta { 1077 line-height: 1.5; 1078 margin: 0; 1079 color: #646970; 1080 } 1081 1082 #latest-comments #the-comment-list .comment-meta cite { 1083 font-style: normal; 1084 font-weight: 400; 1085 } 1086 1087 #latest-comments #the-comment-list .comment-item blockquote, 1088 #latest-comments #the-comment-list .comment-item blockquote p { 1089 margin: 0; 1090 padding: 0; 1091 display: inline; 1092 } 1093 1094 #latest-comments #the-comment-list .comment-item p.row-actions { 1095 margin: 3px 0 0; 1096 padding: 0; 1097 font-size: 13px; 1098 } 1099 1100 /* Feeds */ 1101 .rss-widget ul { 1102 margin: 0; 1103 padding: 0; 1104 list-style: none; 1105 } 1106 1107 a.rsswidget { 1108 font-size: 13px; 1109 font-weight: 600; 1110 line-height: 1.4; 1111 } 1112 1113 .rss-widget ul li { 1114 line-height: 1.5; 1115 margin-bottom: 12px; 1116 } 1117 1118 .rss-widget span.rss-date { 1119 color: #646970; 1120 font-size: 13px; 1121 margin-right: 3px; 1122 } 1123 1124 .rss-widget cite { 1125 display: block; 1126 text-align: left; 1127 margin: 0 0 1em; 1128 padding: 0; 1129 } 1130 1131 .rss-widget cite:before { 1132 content: "\2014"; 1133 } 1134 1135 .dashboard-comment-wrap { 1136 word-wrap: break-word; 1137 } 1138 1139 /* Browser Nag */ 1140 #dashboard_browser_nag a.update-browser-link { 1141 font-size: 1.2em; 1142 font-weight: 600; 1143 } 1144 1145 #dashboard_browser_nag a { 1146 text-decoration: underline; 1147 } 1148 1149 #dashboard_browser_nag p.browser-update-nag.has-browser-icon { 1150 padding-left: 128px; 1151 } 1152 1153 #dashboard_browser_nag .browser-icon { 1154 margin-top: -32px; 1155 } 1156 1157 #dashboard_browser_nag.postbox { 1158 background-color: #b32d2e; 1159 background-image: none; 1160 border-color: #b32d2e; 1161 color: #fff; 1162 box-shadow: none; 1163 } 1164 1165 #dashboard_browser_nag.postbox h2 { 1166 border-bottom-color: transparent; 1167 background: transparent none; 1168 color: #fff; 1169 box-shadow: none; 1170 } 1171 1172 #dashboard_browser_nag a { 1173 color: #fff; 1174 } 1175 1176 #dashboard_browser_nag.postbox .postbox-header { 1177 border-color: transparent; 1178 } 1179 1180 #dashboard_browser_nag h2.hndle { 1181 border: none; 1182 font-weight: 600; 1183 font-size: 20px; 1184 padding-top: 10px; 1185 } 1186 1187 .postbox#dashboard_browser_nag p a.dismiss { 1188 font-size: 14px; 1189 } 1190 1191 .postbox#dashboard_browser_nag p, 1192 .postbox#dashboard_browser_nag a, 1193 .postbox#dashboard_browser_nag p.browser-update-nag { 1194 font-size: 16px; 1195 } 1196 1197 /* PHP Nag */ 1198 #dashboard_php_nag .dashicons-warning { 1199 color: #dba617; 1200 padding-left: 6px; 1201 } 1202 1203 #dashboard_php_nag.php-no-security-updates .dashicons-warning, 1204 #dashboard_php_nag.php-version-lower-than-future-minimum .dashicons-warning { 1205 color: #d63638; 1206 } 1207 1208 #dashboard_php_nag h2 { 1209 display: inline-block; 1210 } 1211 1212 #dashboard_php_nag p { 1213 margin: 12px 0; 1214 } 1215 1216 #dashboard_php_nag .button .dashicons-external { 1217 line-height: 25px; 1218 } 1219 1220 .bigger-bolder-text { 1221 font-weight: 600; 1222 font-size: 14px; 1223 } 1224 1225 /* =Media Queries 1226 -------------------------------------------------------------- */ 1227 1228 @media only screen and (min-width: 1600px) { 1229 .welcome-panel .welcome-panel-column-container { 1230 display: flex; 1231 justify-content: center; 1232 } 1233 1234 .welcome-panel-column { 1235 width: 100%; 1236 max-width: 460px; 1237 } 1238 } 1239 1240 /* one column on the dash */ 1241 @media only screen and (max-width: 799px) { 1242 #wpbody-content #dashboard-widgets .postbox-container { 1243 width: 100%; 1244 } 1245 1246 #dashboard-widgets .meta-box-sortables { 1247 min-height: 0; 1248 } 1249 1250 .is-dragging-metaboxes #dashboard-widgets .meta-box-sortables { 1251 min-height: 100px; 1252 } 1253 1254 #dashboard-widgets .meta-box-sortables.empty-container { 1255 margin-bottom: 0; 1256 } 1257 } 1258 1259 /* two columns on the dash, but keep the setting if one is selected */ 1260 @media only screen and (min-width: 800px) and (max-width: 1499px) { 1261 #wpbody-content #dashboard-widgets .postbox-container { 1262 width: 49.5%; 1263 } 1264 1265 #wpbody-content #dashboard-widgets #postbox-container-2, 1266 #wpbody-content #dashboard-widgets #postbox-container-3, 1267 #wpbody-content #dashboard-widgets #postbox-container-4 { 1268 float: left; 1269 width: 50.5%; 1270 } 1271 1272 #dashboard-widgets #postbox-container-3 .empty-container, 1273 #dashboard-widgets #postbox-container-4 .empty-container { 1274 outline: none; 1275 height: 0; 1276 min-height: 0; 1277 margin-bottom: 0; 1278 } 1279 1280 #dashboard-widgets #postbox-container-3 .empty-container:after, 1281 #dashboard-widgets #postbox-container-4 .empty-container:after { 1282 display: none; 1283 } 1284 1285 #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container { 1286 width: 100%; 1287 } 1288 1289 #wpbody #dashboard-widgets .metabox-holder.columns-1 .postbox-container .empty-container { 1290 outline: none; 1291 height: 0; 1292 min-height: 0; 1293 margin-bottom: 0; 1294 } 1295 1296 /* show the radio buttons for column prefs only for one or two columns */ 1297 .index-php .screen-layout, 1298 .index-php .columns-prefs { 1299 display: block; 1300 } 1301 1302 .columns-prefs .columns-prefs-3, 1303 .columns-prefs .columns-prefs-4 { 1304 display: none; 1305 } 1306 1307 #dashboard-widgets .postbox-container .empty-container:after { 1308 display: block; 1309 } 1310 } 1311 1312 /* three columns on the dash */ 1313 @media only screen and (min-width: 1500px) and (max-width: 1800px) { 1314 #wpbody-content #dashboard-widgets .postbox-container { 1315 width: 33.5%; 1316 } 1317 1318 #wpbody-content #dashboard-widgets #postbox-container-1 { 1319 width: 33%; 1320 } 1321 1322 #wpbody-content #dashboard-widgets #postbox-container-3, 1323 #wpbody-content #dashboard-widgets #postbox-container-4 { 1324 float: left; 1325 } 1326 1327 #dashboard-widgets #postbox-container-4 .empty-container { 1328 outline: none; 1329 height: 0; 1330 min-height: 0; 1331 margin-bottom: 0; 1332 } 1333 1334 #dashboard-widgets #postbox-container-4 .empty-container:after { 1335 display: none; 1336 } 1337 1338 #dashboard-widgets .postbox-container .empty-container:after { 1339 display: block; 1340 } 1341 } 1342 1343 /* Always show the "Drag boxes here" CSS generated content on large screens. */ 1344 @media only screen and (min-width: 1801px) { 1345 #dashboard-widgets .postbox-container .empty-container:after { 1346 display: block; 1347 } 1348 } 1349 1350 @media screen and (max-width: 870px) { 1351 /* @deprecated 5.9.0 -- Lists removed from welcome panel. */ 1352 .welcome-panel .welcome-panel-column li { 1353 display: inline-block; 1354 margin-left: 13px; 1355 } 1356 1357 /* @deprecated 5.9.0 -- Lists removed from welcome panel. */ 1358 .welcome-panel .welcome-panel-column ul { 1359 margin: 0.4em 0 0; 1360 } 1361 1362 } 1363 1364 @media screen and (max-width: 1180px) and (min-width: 783px) { 1365 .welcome-panel-column { 1366 grid-template-columns: 1fr; 1367 } 1368 1369 [class*="welcome-panel-icon"], 1370 .welcome-panel-column > svg { 1371 display: none; 1372 } 1373 } 1374 1375 @media screen and (max-width: 782px) { 1376 .welcome-panel .welcome-panel-column-container { 1377 grid-template-columns: 1fr; 1378 box-sizing: border-box; 1379 padding: 32px; 1380 width: 100%; 1381 } 1382 1383 .welcome-panel .welcome-panel-column-content { 1384 max-width: 520px; 1385 } 1386 1387 /* Keep the close icon from overlapping the Welcome text. */ 1388 .welcome-panel .welcome-panel-close { 1389 overflow: hidden; 1390 text-indent: 40px; 1391 white-space: nowrap; 1392 width: 20px; 1393 height: 20px; 1394 padding: 5px; 1395 top: 5px; 1396 left: 5px; 1397 } 1398 1399 .welcome-panel .welcome-panel-close::before { 1400 top: 5px; 1401 right: -35px; 1402 } 1403 1404 #dashboard-widgets h2 { 1405 padding: 12px; 1406 } 1407 1408 #dashboard_recent_comments #the-comment-list .comment-item .avatar { 1409 height: 30px; 1410 width: 30px; 1411 margin: 4px 0 5px 10px; 1412 } 1413 1414 .community-events-toggle-location { 1415 height: 38px; 1416 vertical-align: baseline; 1417 } 1418 1419 .community-events-form .regular-text { 1420 height: 32px; 1421 } 1422 1423 #community-events-submit { 1424 margin-bottom: 0; 1425 /* Override .wp-core-ui .button */ 1426 vertical-align: top; 1427 } 1428 1429 .community-events-form label, 1430 #dashboard-widgets .community-events-cancel.button-link { 1431 /* Same properties as the submit button for cross-browsers alignment. */ 1432 font-size: 14px; 1433 line-height: normal; 1434 height: auto; 1435 padding: 6px 0; 1436 border: 1px solid transparent; 1437 } 1438 1439 .community-events .spinner { 1440 margin-top: 7px; 1441 } 1442 } 1443 1444 /* Smartphone */ 1445 @media screen and (max-width: 600px) { 1446 .welcome-panel-header { 1447 padding: 32px 32px 64px; 1448 } 1449 1450 .welcome-panel-header-image { 1451 display: none; 1452 } 1453 } 1454 1455 @media screen and (max-width: 480px) { 1456 .welcome-panel-column { 1457 gap: 16px; 1458 } 1459 } 1460 1461 @media screen and (max-width: 360px) { 1462 .welcome-panel-column { 1463 grid-template-columns: 1fr; 1464 } 1465 1466 [class*="welcome-panel-icon"], 1467 .welcome-panel-column > svg { 1468 display: none; 1469 } 1470 } 1471 1472 @media screen and (min-width: 355px) { 1473 .community-events .event-info { 1474 display: table-row; 1475 float: right; 1476 max-width: 59%; 1477 } 1478 1479 .event-icon, 1480 .event-icon[aria-hidden="true"] { 1481 display: table-cell; 1482 } 1483 1484 .event-info-inner { 1485 display: table-cell; 1486 } 1487 1488 .community-events .event-date-time { 1489 float: left; 1490 max-width: 39%; 1491 } 1492 1493 .community-events .event-date, 1494 .community-events .event-time { 1495 text-align: left; 1496 } 1497 }
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
Generated : Fri Mar 29 08:20:02 2024 | Cross-referenced by PHPXref |