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