[Summary view] [Print] [Text view]

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