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