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