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