[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      padding: 10px 0 0;
 797  }
 798  
 799  /* Dashboard Quick Draft - Form styling */
 800  
 801  #dashboard_quick_press label {
 802      display: inline-block;
 803      margin-bottom: 4px;
 804  }
 805  
 806  #dashboard_quick_press input,
 807  #dashboard_quick_press textarea {
 808      margin: 0;
 809  }
 810  
 811  #dashboard-widgets .postbox form .submit {
 812      margin: -39px 0;
 813      float: right;
 814  }
 815  
 816  #description-wrap {
 817      margin-top: 12px;
 818  }
 819  
 820  #quick-press textarea#content {
 821      min-height: 90px;
 822      max-height: 1300px;
 823      margin: 0 0 8px;
 824      padding: 8px 12px;
 825      resize: none;
 826  }
 827  
 828  /* Dashboard Quick Draft - Drafts list */
 829  
 830  .js #dashboard_quick_press .drafts {
 831      border-top: 1px solid #f0f0f1;
 832  }
 833  
 834  #dashboard_quick_press .drafts abbr {
 835      border: none;
 836  }
 837  
 838  #dashboard_quick_press .drafts .view-all {
 839      float: right;
 840      margin: 0 12px 0 0;
 841  }
 842  
 843  #dashboard_primary a.rsswidget {
 844      font-weight: 400;
 845  }
 846  
 847  #dashboard_quick_press .drafts ul {
 848      margin: 0 12px;
 849  }
 850  
 851  #dashboard_quick_press .drafts li {
 852      margin-bottom: 1em;
 853  }
 854  
 855  #dashboard_quick_press .drafts li time {
 856      color: #646970;
 857  }
 858  
 859  #dashboard_quick_press .drafts .draft-content {
 860      margin: 0;
 861      word-wrap: break-word;
 862  }
 863  
 864  #dashboard_quick_press .draft-title {
 865      word-wrap: break-word;
 866  }
 867  
 868  #dashboard_quick_press .draft-title a,
 869  #dashboard_quick_press .draft-title time {
 870      margin: 0 5px 0 0;
 871  }
 872  
 873  /* Dashboard common styles */
 874  
 875  #dashboard-widgets h4, /* Back-compat for pre-4.4 */
 876  #dashboard-widgets h3,
 877  #dashboard_quick_press .drafts h2 {
 878      margin: 0 12px 8px;
 879      padding: 0;
 880      font-size: 14px;
 881      font-weight: 400;
 882      color: #1d2327;
 883  }
 884  
 885  #dashboard_quick_press .drafts h2 {
 886      line-height: inherit;
 887  }
 888  
 889  #dashboard-widgets .inside h4, /* Back-compat for pre-4.4 */
 890  #dashboard-widgets .inside h3 {
 891      margin-left: 0;
 892      margin-right: 0;
 893  }
 894  
 895  /* Dashboard activity widget */
 896  
 897  #dashboard_activity .comment-meta span.approve:before {
 898      content: "\f227";
 899      content: "\f227" / '';
 900      font: 20px/.5 dashicons;
 901      margin-left: 5px;
 902      vertical-align: middle;
 903      position: relative;
 904      top: -1px;
 905      margin-right: 2px;
 906  }
 907  
 908  #dashboard_activity .inside {
 909      margin: 0;
 910      padding: 0 12px;
 911  }
 912  
 913  #dashboard_activity .no-activity {
 914      overflow: hidden;
 915      padding: 12px 0;
 916      text-align: center;
 917  }
 918  
 919  #dashboard_activity .no-activity p {
 920      color: #646970;
 921      font-size: 16px;
 922  }
 923  
 924  #dashboard_activity .subsubsub {
 925      float: none;
 926      border-top: 1px solid #f0f0f1;
 927      margin: 0 -12px;
 928      padding: 8px 12px 4px;
 929  }
 930  
 931  #dashboard_activity .subsubsub a .count,
 932  #dashboard_activity .subsubsub a.current .count {
 933      color: #646970; /* white background on the dashboard but #f0f0f1 on list tables */
 934  }
 935  
 936  #future-posts ul,
 937  #published-posts ul {
 938      margin: 8px -12px 0 -12px;
 939  }
 940  
 941  #future-posts li,
 942  #published-posts li {
 943      display: grid;
 944      grid-template-columns: clamp(160px, calc(2vw + 140px), 200px) auto;
 945      column-gap: 10px;
 946      color: #646970;
 947      padding: 4px 12px;
 948  }
 949  
 950  #future-posts li:nth-child(odd),
 951  #published-posts li:nth-child(odd) {
 952      background-color: #f6f7f7;
 953  }
 954  
 955  .activity-block {
 956      border-bottom: 1px solid #f0f0f1;
 957      margin: 0 -12px 6px -12px;
 958      padding: 8px 12px 4px;
 959  }
 960  
 961  .activity-block:last-child {
 962      border-bottom: none;
 963      margin-bottom: 0;
 964  }
 965  
 966  .activity-block .subsubsub li {
 967      color: #646970;
 968  }
 969  
 970  /* Dashboard activity widget - Comments */
 971  /* @todo: needs serious de-duplication */
 972  
 973  #activity-widget #the-comment-list tr.undo,
 974  #activity-widget #the-comment-list div.undo {
 975      background: none;
 976      padding: 6px 0;
 977      margin-left: 12px;
 978  }
 979  
 980  #activity-widget #the-comment-list .comment-item {
 981      background: #f6f7f7;
 982      padding: 12px;
 983      position: relative;
 984  }
 985  
 986  #activity-widget #the-comment-list .avatar {
 987      position: absolute;
 988      top: 12px;
 989  }
 990  
 991  #activity-widget #the-comment-list .dashboard-comment-wrap.has-avatar {
 992      padding-left: 63px;
 993  }
 994  
 995  #activity-widget #the-comment-list .dashboard-comment-wrap blockquote {
 996      margin: 1em 0;
 997  }
 998  
 999  #activity-widget #the-comment-list .comment-item p.row-actions {
1000      margin: 4px 0 0;
1001  }
1002  
1003  #activity-widget #the-comment-list .comment-item:first-child {
1004      border-top: 1px solid #f0f0f1;
1005  }
1006  
1007  #activity-widget #the-comment-list .unapproved {
1008      background-color: #fcf9e8;
1009  }
1010  
1011  #activity-widget #the-comment-list .unapproved:before {
1012      content: "";
1013      display: block;
1014      position: absolute;
1015      left: 0;
1016      top: 0;
1017      bottom: 0;
1018      background: #d63638;
1019      width: 4px;
1020  }
1021  
1022  #activity-widget #the-comment-list .spam-undo-inside .avatar,
1023  #activity-widget #the-comment-list .trash-undo-inside .avatar {
1024      position: relative;
1025      top: 0;
1026  }
1027  
1028  /* Browse happy box */
1029  
1030  #dashboard-widgets #dashboard_browser_nag.postbox .inside {
1031      margin: 10px;
1032  }
1033  
1034  .postbox .button-link .edit-box {
1035      display: none;
1036  }
1037  
1038  .edit-box {
1039      opacity: 0;
1040  }
1041  
1042  .hndle:hover .edit-box,
1043  .edit-box:focus {
1044      opacity: 1;
1045  }
1046  
1047  #dashboard-widgets form .input-text-wrap input {
1048      width: 100%;
1049  }
1050  
1051  #dashboard-widgets form .textarea-wrap textarea {
1052      width: 100%;
1053  }
1054  
1055  #dashboard-widgets .postbox form .submit {
1056      float: none;
1057      margin: .5em 0 0;
1058      padding: 0;
1059      border: none;
1060  }
1061  
1062  #dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish {
1063      min-width: 0;
1064  }
1065  
1066  #dashboard-widgets li a,
1067  #dashboard-widgets .button-link,
1068  .community-events-footer a {
1069      text-decoration: none;
1070  }
1071  
1072  #dashboard-widgets h2 a {
1073      text-decoration: underline;
1074  }
1075  
1076  #dashboard-widgets .hndle .postbox-title-action {
1077      float: right;
1078      line-height: 1.2;
1079  }
1080  
1081  #dashboard_plugins h5 {
1082      font-size: 14px;
1083  }
1084  
1085  /* Recent Comments */
1086  
1087  #latest-comments #the-comment-list {
1088      position: relative;
1089      margin: 0 -12px;
1090  }
1091  
1092  #activity-widget #the-comment-list .comment,
1093  #activity-widget #the-comment-list .pingback {
1094      box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
1095  }
1096  
1097  #activity-widget .comments #the-comment-list .alt {
1098      background-color: transparent;
1099  }
1100  
1101  #activity-widget #latest-comments #the-comment-list .comment-item {
1102      /* the row-actions paragraph is output only for users with 'edit_comment' capabilities,
1103         for other users this needs a min height equal to the gravatar image */
1104      min-height: 50px;
1105      margin: 0;
1106      padding: 12px;
1107  }
1108  
1109  #latest-comments #the-comment-list .pingback {
1110      padding-left: 12px !important;
1111  }
1112  
1113  #latest-comments #the-comment-list .comment-item:first-child {
1114      border-top: none;
1115  }
1116  
1117  #latest-comments #the-comment-list .comment-meta {
1118      line-height: 1.5;
1119      margin: 0;
1120      color: #646970;
1121  }
1122  
1123  #latest-comments #the-comment-list .comment-meta cite {
1124      font-style: normal;
1125      font-weight: 400;
1126  }
1127  
1128  #latest-comments #the-comment-list .comment-item blockquote,
1129  #latest-comments #the-comment-list .comment-item blockquote p {
1130      margin: 0;
1131      padding: 0;
1132      display: inline;
1133  }
1134  
1135  #latest-comments #the-comment-list .comment-item p.row-actions {
1136      margin: 3px 0 0;
1137      padding: 0;
1138      font-size: 13px;
1139  }
1140  
1141  /* Feeds */
1142  .rss-widget ul {
1143      margin: 0;
1144      padding: 0;
1145      list-style: none;
1146  }
1147  
1148  a.rsswidget {
1149      font-size: 13px;
1150      font-weight: 600;
1151      line-height: 1.4;
1152  }
1153  
1154  .rss-widget ul li {
1155      line-height: 1.5;
1156      margin-bottom: 12px;
1157  }
1158  
1159  .rss-widget span.rss-date {
1160      color: #646970;
1161      font-size: 13px;
1162      margin-left: 3px;
1163  }
1164  
1165  .rss-widget cite {
1166      display: block;
1167      text-align: right;
1168      margin: 0 0 1em;
1169      padding: 0;
1170  }
1171  
1172  .rss-widget cite:before {
1173      content: "\2014";
1174      content: "\2014" / '';
1175  }
1176  
1177  .dashboard-comment-wrap {
1178      word-wrap: break-word;
1179  }
1180  
1181  /* Browser Nag */
1182  #dashboard_browser_nag a.update-browser-link {
1183      font-size: 1.2em;
1184      font-weight: 600;
1185  }
1186  
1187  #dashboard_browser_nag a {
1188      text-decoration: underline;
1189  }
1190  
1191  #dashboard_browser_nag p.browser-update-nag.has-browser-icon {
1192      padding-right: 128px;
1193  }
1194  
1195  #dashboard_browser_nag .browser-icon {
1196      margin-top: -32px;
1197  }
1198  
1199  #dashboard_browser_nag.postbox {
1200      background-color: #b32d2e;
1201      background-image: none;
1202      border-color: #b32d2e;
1203      color: #fff;
1204      box-shadow: none;
1205  }
1206  
1207  #dashboard_browser_nag.postbox h2 {
1208      border-bottom-color: transparent;
1209      background: transparent none;
1210      color: #fff;
1211      box-shadow: none;
1212  }
1213  
1214  #dashboard_browser_nag a {
1215      color: #fff;
1216  }
1217  
1218  #dashboard_browser_nag.postbox .postbox-header {
1219      border-color: transparent;
1220  }
1221  
1222  #dashboard_browser_nag h2.hndle {
1223      border: none;
1224      font-weight: 600;
1225      font-size: 20px;
1226      padding-top: 10px;
1227  }
1228  
1229  .postbox#dashboard_browser_nag p a.dismiss {
1230      font-size: 14px;
1231  }
1232  
1233  .postbox#dashboard_browser_nag p,
1234  .postbox#dashboard_browser_nag a,
1235  .postbox#dashboard_browser_nag p.browser-update-nag {
1236      font-size: 16px;
1237  }
1238  
1239  /* PHP Nag */
1240  #dashboard_php_nag .dashicons-warning {
1241      color: #dba617;
1242      padding-right: 6px;
1243  }
1244  
1245  #dashboard_php_nag.php-no-security-updates .dashicons-warning,
1246  #dashboard_php_nag.php-version-lower-than-future-minimum .dashicons-warning {
1247      color: #d63638;
1248  }
1249  
1250  #dashboard_php_nag h2 {
1251      display: inline-block;
1252  }
1253  
1254  #dashboard_php_nag p {
1255      margin: 12px 0;
1256  }
1257  
1258  .bigger-bolder-text {
1259      font-weight: 600;
1260      font-size: 14px;
1261  }
1262  
1263  /* =Media Queries
1264  -------------------------------------------------------------- */
1265  
1266  @media only screen and (min-width: 1600px) {
1267      .welcome-panel .welcome-panel-column-container {
1268          display: flex;
1269          justify-content: center;
1270      }
1271  
1272      .welcome-panel-column {
1273          width: 100%;
1274          max-width: 460px;
1275      }
1276  }
1277  
1278  /* one column on the dash */
1279  @media only screen and (max-width: 799px) {
1280      #wpbody-content #dashboard-widgets .postbox-container {
1281          width: 100%;
1282      }
1283  
1284      #dashboard-widgets .meta-box-sortables {
1285          min-height: 0;
1286      }
1287  
1288      .is-dragging-metaboxes #dashboard-widgets .meta-box-sortables {
1289          min-height: 100px;
1290      }
1291  
1292      #dashboard-widgets .meta-box-sortables.empty-container {
1293          margin-bottom: 0;
1294      }
1295  }
1296  
1297  /* two columns on the dash, but keep the setting if one is selected */
1298  @media only screen and (min-width: 800px) and (max-width: 1499px) {
1299      #wpbody-content #dashboard-widgets .postbox-container {
1300          width: 49.5%;
1301      }
1302  
1303      #wpbody-content #dashboard-widgets #postbox-container-2,
1304      #wpbody-content #dashboard-widgets #postbox-container-3,
1305      #wpbody-content #dashboard-widgets #postbox-container-4 {
1306          float: right;
1307          width: 50.5%;
1308      }
1309  
1310      #dashboard-widgets #postbox-container-3 .empty-container,
1311      #dashboard-widgets #postbox-container-4 .empty-container {
1312          border: none;
1313          height: 0;
1314          min-height: 0;
1315          margin-bottom: 0;
1316          display: none;
1317      }
1318  
1319      #dashboard-widgets #postbox-container-3 .empty-container:after,
1320      #dashboard-widgets #postbox-container-4 .empty-container:after {
1321          display: none;
1322      }
1323  
1324      #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
1325          width: 100%;
1326      }
1327  
1328      #wpbody #dashboard-widgets .metabox-holder.columns-1 .postbox-container .empty-container {
1329          border: none;
1330          height: 0;
1331          min-height: 0;
1332          margin-bottom: 0;
1333      }
1334  
1335      /* show the radio buttons for column prefs only for one or two columns */
1336      .index-php .screen-layout,
1337      .index-php .columns-prefs {
1338          display: block;
1339      }
1340  
1341      .columns-prefs .columns-prefs-3,
1342      .columns-prefs .columns-prefs-4 {
1343          display: none;
1344      }
1345  
1346      #dashboard-widgets .postbox-container .empty-container:after {
1347          display: block;
1348      }
1349  }
1350  
1351  /* three columns on the dash */
1352  @media only screen and (min-width: 1500px) and (max-width: 1800px) {
1353      #wpbody-content #dashboard-widgets .postbox-container {
1354          width: 33.5%;
1355      }
1356  
1357      #wpbody-content #dashboard-widgets #postbox-container-1 {
1358          width: 33%;
1359      }
1360  
1361      #wpbody-content #dashboard-widgets #postbox-container-3,
1362      #wpbody-content #dashboard-widgets #postbox-container-4 {
1363          float: right;
1364      }
1365  
1366      #dashboard-widgets #postbox-container-4 .empty-container {
1367          border: none;
1368          height: 0;
1369          min-height: 0;
1370          margin-bottom: 0;
1371          display: none;
1372      }
1373  
1374      #dashboard-widgets #postbox-container-4 .empty-container:after {
1375          display: none;
1376      }
1377  
1378      #dashboard-widgets .postbox-container .empty-container:after {
1379          display: block;
1380      }
1381  }
1382  
1383  /* Always show the "Drag boxes here" CSS generated content on large screens. */
1384  @media only screen and (min-width: 1801px) {
1385      #dashboard-widgets .postbox-container .empty-container:after {
1386          display: block;
1387      }
1388  }
1389  
1390  @media screen and (max-width: 870px) {
1391      /* @deprecated 5.9.0 -- Lists removed from welcome panel. */
1392      .welcome-panel .welcome-panel-column li {
1393          display: inline-block;
1394          margin-right: 13px;
1395      }
1396  
1397      /* @deprecated 5.9.0 -- Lists removed from welcome panel. */
1398      .welcome-panel .welcome-panel-column ul {
1399          margin: 0.4em 0 0;
1400      }
1401  
1402  }
1403  
1404  @media screen and (max-width: 1180px) and (min-width: 783px) {
1405      .welcome-panel-column {
1406          grid-template-columns: 1fr;
1407      }
1408  
1409      [class*="welcome-panel-icon"],
1410      .welcome-panel-column > svg {
1411          display: none;
1412      }
1413  }
1414  
1415  @media screen and (max-width: 782px) {
1416      .welcome-panel .welcome-panel-column-container {
1417          grid-template-columns: 1fr;
1418          box-sizing: border-box;
1419          padding: 32px;
1420          width: 100%;
1421      }
1422  
1423      .welcome-panel .welcome-panel-column-content {
1424          max-width: 520px;
1425      }
1426  
1427      /* Keep the close icon from overlapping the Welcome text. */
1428      .welcome-panel .welcome-panel-close {
1429          overflow: hidden;
1430          text-indent: 40px;
1431          white-space: nowrap;
1432          width: 20px;
1433          height: 20px;
1434          padding: 5px;
1435          top: 5px;
1436          right: 5px;
1437      }
1438  
1439      .welcome-panel .welcome-panel-close::before {
1440          position: absolute;
1441          top: 5px;
1442          left: -35px;
1443      }
1444  
1445      #dashboard-widgets h2 {
1446          padding: 12px;
1447      }
1448  
1449      #dashboard_recent_comments #the-comment-list .comment-item .avatar {
1450          height: 30px;
1451          width: 30px;
1452          margin: 4px 10px 5px 0;
1453      }
1454  
1455      .community-events-toggle-location {
1456          height: 38px;
1457          vertical-align: baseline;
1458      }
1459  
1460      #community-events-submit {
1461          margin-bottom: 0;
1462      }
1463  
1464      .community-events-form label,
1465      #dashboard-widgets .community-events-cancel.button-link {
1466          /* Same properties as the submit button for cross-browsers alignment. */
1467          font-size: 14px;
1468          line-height: normal;
1469          padding: 6px 0;
1470          border: 1px solid transparent;
1471      }
1472  }
1473  
1474  /* Smartphone */
1475  @media screen and (max-width: 600px) {
1476      .welcome-panel-header {
1477          padding: 32px 32px 64px;
1478      }
1479  
1480      .welcome-panel-header-image {
1481          display: none;
1482      }
1483  }
1484  
1485  @media screen and (max-width: 480px) {
1486      .welcome-panel-column {
1487          gap: 16px;
1488      }
1489  }
1490  
1491  @media screen and (max-width: 360px) {
1492      .welcome-panel-column {
1493          grid-template-columns: 1fr;
1494      }
1495  
1496      [class*="welcome-panel-icon"],
1497      .welcome-panel-column > svg {
1498          display: none;
1499      }
1500  }
1501  
1502  @media screen and (min-width: 355px) {
1503      .community-events .event-info {
1504          display: table-row;
1505          float: left;
1506          max-width: 59%;
1507      }
1508  
1509      .event-icon,
1510      .event-icon[aria-hidden="true"] {
1511          display: table-cell;
1512      }
1513  
1514      .event-info-inner {
1515          display: table-cell;
1516      }
1517  
1518      .community-events .event-date-time {
1519          float: right;
1520          max-width: 39%;
1521      }
1522  
1523      .community-events .event-date,
1524      .community-events .event-time {
1525          text-align: right;
1526      }
1527  }