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