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