[Summary view] [Print] [Text view]

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