[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      color: #d63638;
 446  }
 447  
 448  /* Dashboard WordPress events */
 449  
 450  .community-events-errors {
 451      margin: 0;
 452  }
 453  
 454  .community-events-loading {
 455      padding: 10px 12px 8px;
 456  }
 457  
 458  .community-events {
 459      margin-bottom: 6px;
 460      padding: 0 12px;
 461  }
 462  
 463  .community-events .spinner {
 464      float: none;
 465      margin: 5px 2px 0;
 466      vertical-align: top;
 467  }
 468  
 469  .community-events-errors[aria-hidden="true"],
 470  .community-events-errors [aria-hidden="true"],
 471  .community-events-loading[aria-hidden="true"],
 472  .community-events[aria-hidden="true"],
 473  .community-events form[aria-hidden="true"] {
 474      display: none;
 475  }
 476  
 477  .community-events .activity-block:first-child,
 478  .community-events h2 {
 479      padding-top: 12px;
 480      padding-bottom: 10px;
 481  }
 482  
 483  .community-events-form {
 484      margin: 15px 0 5px;
 485  }
 486  
 487  .community-events-form .regular-text {
 488      width: 40%;
 489      height: 29px;
 490      margin: 0;
 491      vertical-align: top;
 492  }
 493  
 494  .community-events li.event-none {
 495      border-left: 4px solid #72aee6;
 496  }
 497  
 498  #dashboard-widgets .community-events li.event-none a {
 499      text-decoration: underline;
 500  }
 501  
 502  .community-events-form label {
 503      display: inline-block;
 504      vertical-align: top;
 505      line-height: 2.15384615;
 506      height: 28px;
 507  }
 508  
 509  .community-events .activity-block > p {
 510      margin-bottom: 0;
 511      display: inline;
 512  }
 513  
 514  .community-events-toggle-location {
 515      vertical-align: middle;
 516  }
 517  
 518  #community-events-submit {
 519      margin-left: 3px;
 520      margin-right: 3px;
 521  }
 522  
 523  /* Needs higher specificity than #dashboard-widgets .button-link */
 524  #dashboard-widgets .community-events-cancel.button-link {
 525      vertical-align: top;
 526      /* Same properties as the submit button for cross-browsers alignment. */
 527      line-height: 2;
 528      height: 28px;
 529      text-decoration: underline;
 530  }
 531  
 532  .community-events ul {
 533      background-color: #f6f7f7;
 534      padding-left: 0;
 535      padding-right: 0;
 536      padding-bottom: 0;
 537  }
 538  
 539  .community-events li {
 540      margin: 0;
 541      padding: 8px 12px;
 542      color: #2c3338;
 543  }
 544  .community-events li:first-child {
 545      border-top: 1px solid #f0f0f1;
 546  }
 547  
 548  .community-events li ~ li {
 549      border-top: 1px solid #f0f0f1;
 550  }
 551  
 552  .community-events .activity-block.last {
 553      border-bottom: 1px solid #f0f0f1;
 554      padding-top: 0;
 555      margin-top: -1px;
 556  }
 557  
 558  .community-events .event-info {
 559      display: block;
 560  }
 561  
 562  .community-events .ce-separator::before {
 563      content: "\2022";
 564  }
 565  
 566  .event-icon {
 567      height: 18px;
 568      padding-right: 10px;
 569      width: 18px;
 570      display: none; /* Hide on smaller screens */
 571  }
 572  
 573  .event-icon:before {
 574      color: #646970;
 575      font-size: 18px;
 576  }
 577  .event-meetup .event-icon:before {
 578      content: "\f484";
 579  }
 580  .event-wordcamp .event-icon:before {
 581      content: "\f486";
 582  }
 583  
 584  .community-events .event-title {
 585      font-weight: 600;
 586      display: block;
 587  }
 588  
 589  .community-events .event-date,
 590  .community-events .event-time {
 591      display: block;
 592  }
 593  
 594  .community-events-footer {
 595      margin-top: 0;
 596      margin-bottom: 0;
 597      padding: 12px;
 598      border-top: 1px solid #f0f0f1;
 599      color: #dcdcde;
 600  }
 601  
 602  /* Safari 10 + VoiceOver specific: without this, the hidden text gets read out before the link. */
 603  .community-events-footer .screen-reader-text {
 604      height: inherit;
 605      white-space: nowrap;
 606  }
 607  
 608  /* Dashboard WordPress news */
 609  
 610  #dashboard_primary .inside {
 611      margin: 0;
 612      padding: 0;
 613  }
 614  
 615  #dashboard_primary .widget-loading {
 616      padding: 12px 12px 0;
 617      margin-bottom: 1em !important; /* Needs to override `.postbox .inside > p:last-child` in common.css */
 618  }
 619  
 620  /* Notice when JS is off. */
 621  #dashboard_primary .inside .notice {
 622      margin: 0;
 623  }
 624  
 625  body #dashboard-widgets .postbox form .submit {
 626      margin: 0;
 627  }
 628  
 629  /* Used only for configurable widgets. */
 630  .dashboard-widget-control-form p {
 631      margin-top: 0;
 632  }
 633  
 634  .rssSummary {
 635      color: #646970;
 636      margin-top: 4px;
 637  }
 638  
 639  #dashboard_primary .rss-widget {
 640      font-size: 13px;
 641      padding: 0 12px;
 642  }
 643  
 644  #dashboard_primary .rss-widget:last-child {
 645      border-bottom: none;
 646      padding-bottom: 8px;
 647  }
 648  
 649  #dashboard_primary .rss-widget a {
 650      font-weight: 400;
 651  }
 652  
 653  #dashboard_primary .rss-widget span,
 654  #dashboard_primary .rss-widget span.rss-date {
 655      color: #646970;
 656  }
 657  
 658  #dashboard_primary .rss-widget span.rss-date {
 659      margin-left: 12px;
 660  }
 661  
 662  #dashboard_primary .rss-widget ul li {
 663      padding: 4px 0;
 664      margin: 0;
 665  }
 666  
 667  /* Dashboard right now */
 668  
 669  #dashboard_right_now ul {
 670      margin: 0;
 671      /* contain floats but don't use overflow: hidden */
 672      display: inline-block;
 673      width: 100%;
 674  }
 675  
 676  #dashboard_right_now li {
 677      width: 50%;
 678      float: left;
 679      margin-bottom: 10px;
 680  }
 681  
 682  #dashboard_right_now .inside {
 683      padding: 0;
 684  }
 685  
 686  #dashboard_right_now .main {
 687      padding: 0 12px 11px;
 688  }
 689  
 690  #dashboard_right_now .main p {
 691      margin: 0;
 692  }
 693  
 694  #dashboard_right_now #wp-version-message .button {
 695      float: right;
 696      position: relative;
 697      top: -5px;
 698      margin-left: 5px;
 699  }
 700  
 701  #dashboard_right_now p.search-engines-info {
 702      margin: 1em 0;
 703  }
 704  
 705  .mu-storage {
 706      overflow: hidden;
 707  }
 708  
 709  #dashboard-widgets h3.mu-storage {
 710      margin: 0 0 10px;
 711      padding: 0;
 712      font-size: 14px;
 713      font-weight: 400;
 714  }
 715  
 716  #network_dashboard_right_now p input {
 717      margin: 2px 1px;
 718      vertical-align: middle;
 719  }
 720  
 721  /* Dashboard right now - Colors */
 722  
 723  #dashboard_right_now .sub {
 724      color: #50575e;
 725      background: #f6f7f7;
 726      border-top: 1px solid #f0f0f1;
 727      padding: 10px 12px 6px;
 728  }
 729  
 730  #dashboard_right_now .sub h3 {
 731      color: #50575e;
 732  }
 733  
 734  #dashboard_right_now .sub p {
 735      margin: 0 0 1em;
 736  }
 737  
 738  #dashboard_right_now .warning a:before,
 739  #dashboard_right_now .warning span:before {
 740      color: #d63638;
 741  }
 742  
 743  /* Dashboard Quick Draft */
 744  
 745  #dashboard_quick_press .inside {
 746      margin: 0;
 747      padding: 0;
 748  }
 749  
 750  #dashboard_quick_press div.updated {
 751      margin-bottom: 10px;
 752      border: 1px solid #f0f0f1;
 753      border-width: 1px 1px 1px 0;
 754  }
 755  
 756  #dashboard_quick_press form {
 757      margin: 12px;
 758  }
 759  
 760  #dashboard_quick_press .drafts {
 761      padding: 10px 0 0;
 762  }
 763  
 764  /* Dashboard Quick Draft - Form styling */
 765  
 766  #dashboard_quick_press label {
 767      display: inline-block;
 768      margin-bottom: 4px;
 769  }
 770  
 771  #dashboard_quick_press input,
 772  #dashboard_quick_press textarea {
 773      box-sizing: border-box;
 774      margin: 0;
 775  }
 776  
 777  #dashboard-widgets .postbox form .submit {
 778      margin: -39px 0;
 779      float: right;
 780  }
 781  
 782  #description-wrap {
 783      margin-top: 12px;
 784  }
 785  
 786  #quick-press textarea#content {
 787      min-height: 90px;
 788      max-height: 1300px;
 789      margin: 0 0 8px;
 790      padding: 6px 7px;
 791      resize: none;
 792  }
 793  
 794  /* Dashboard Quick Draft - Drafts list */
 795  
 796  .js #dashboard_quick_press .drafts {
 797      border-top: 1px solid #f0f0f1;
 798  }
 799  
 800  #dashboard_quick_press .drafts abbr {
 801      border: none;
 802  }
 803  
 804  #dashboard_quick_press .drafts .view-all {
 805      float: right;
 806      margin: 0 12px 0 0;
 807  }
 808  
 809  #dashboard_primary a.rsswidget {
 810      font-weight: 400;
 811  }
 812  
 813  #dashboard_quick_press .drafts ul {
 814      margin: 0 12px;
 815  }
 816  
 817  #dashboard_quick_press .drafts li {
 818      margin-bottom: 1em;
 819  }
 820  #dashboard_quick_press .drafts li time {
 821      color: #646970;
 822  }
 823  
 824  #dashboard_quick_press .drafts p {
 825      margin: 0;
 826      word-wrap: break-word;
 827  }
 828  
 829  #dashboard_quick_press .draft-title {
 830      word-wrap: break-word;
 831  }
 832  
 833  #dashboard_quick_press .draft-title a,
 834  #dashboard_quick_press .draft-title time {
 835      margin: 0 5px 0 0;
 836  }
 837  
 838  /* Dashboard common styles */
 839  
 840  #dashboard-widgets h4, /* Back-compat for pre-4.4 */
 841  #dashboard-widgets h3,
 842  #dashboard_quick_press .drafts h2 {
 843      margin: 0 12px 8px;
 844      padding: 0;
 845      font-size: 14px;
 846      font-weight: 400;
 847      color: #1d2327;
 848  }
 849  
 850  #dashboard_quick_press .drafts h2 {
 851      line-height: inherit;
 852  }
 853  
 854  #dashboard-widgets .inside h4, /* Back-compat for pre-4.4 */
 855  #dashboard-widgets .inside h3 {
 856      margin-left: 0;
 857      margin-right: 0;
 858  }
 859  
 860  /* Dashboard activity widget */
 861  
 862  #dashboard_activity .comment-meta span.approve:before {
 863      content: "\f227";
 864      font: 20px/.5 dashicons;
 865      margin-left: 5px;
 866      vertical-align: middle;
 867      position: relative;
 868      top: -1px;
 869      margin-right: 2px;
 870  }
 871  
 872  #dashboard_activity .inside {
 873      margin: 0;
 874      padding-bottom: 0;
 875  }
 876  
 877  #dashboard_activity .no-activity {
 878      overflow: hidden;
 879      padding: 12px 0;
 880      text-align: center;
 881  }
 882  
 883  #dashboard_activity .no-activity p {
 884      color: #646970;
 885      font-size: 16px;
 886  }
 887  
 888  #dashboard_activity .subsubsub {
 889      float: none;
 890      border-top: 1px solid #f0f0f1;
 891      margin: 0 -12px;
 892      padding: 8px 12px 4px;
 893  }
 894  
 895  #dashboard_activity .subsubsub a .count,
 896  #dashboard_activity .subsubsub a.current .count {
 897      color: #646970; /* white background on the dashboard but #f0f0f1 on list tables */
 898  }
 899  
 900  #future-posts ul,
 901  #published-posts ul {
 902      margin: 8px -12px 0 -12px;
 903  }
 904  
 905  #future-posts li,
 906  #published-posts li {
 907      display: grid;
 908      grid-template-columns: clamp(160px, calc(2vw + 140px), 200px) auto;
 909      column-gap: 10px;
 910      color: #646970;
 911      padding: 4px 12px;
 912  }
 913  
 914  #future-posts li:nth-child(odd),
 915  #published-posts li:nth-child(odd) {
 916      background-color: #f6f7f7;
 917  }
 918  
 919  .activity-block {
 920      border-bottom: 1px solid #f0f0f1;
 921      margin: 0 -12px 6px -12px;
 922      padding: 8px 12px 4px;
 923  }
 924  
 925  .activity-block:last-child {
 926      border-bottom: none;
 927      margin-bottom: 0;
 928  }
 929  
 930  .activity-block .subsubsub li {
 931      color: #dcdcde;
 932  }
 933  
 934  /* Dashboard activity widget - Comments */
 935  /* @todo: needs serious de-duplication */
 936  
 937  #activity-widget #the-comment-list tr.undo,
 938  #activity-widget #the-comment-list div.undo {
 939      background: none;
 940      padding: 6px 0;
 941      margin-left: 12px;
 942  }
 943  
 944  #activity-widget #the-comment-list .comment-item {
 945      background: #f6f7f7;
 946      padding: 12px;
 947      position: relative;
 948  }
 949  
 950  #activity-widget #the-comment-list .avatar {
 951      position: absolute;
 952      top: 12px;
 953  }
 954  
 955  #activity-widget #the-comment-list .dashboard-comment-wrap.has-avatar {
 956      padding-left: 63px;
 957  }
 958  
 959  #activity-widget #the-comment-list .dashboard-comment-wrap blockquote {
 960      margin: 1em 0;
 961  }
 962  
 963  #activity-widget #the-comment-list .comment-item p.row-actions {
 964      margin: 4px 0 0;
 965  }
 966  
 967  #activity-widget #the-comment-list .comment-item:first-child {
 968      border-top: 1px solid #f0f0f1;
 969  }
 970  
 971  #activity-widget #the-comment-list .unapproved {
 972      background-color: #fcf9e8;
 973  }
 974  
 975  #activity-widget #the-comment-list .unapproved:before {
 976      content: "";
 977      display: block;
 978      position: absolute;
 979      left: 0;
 980      top: 0;
 981      bottom: 0;
 982      background: #d63638;
 983      width: 4px;
 984  }
 985  
 986  #activity-widget #the-comment-list .spam-undo-inside .avatar,
 987  #activity-widget #the-comment-list .trash-undo-inside .avatar {
 988      position: relative;
 989      top: 0;
 990  }
 991  
 992  /* Browse happy box */
 993  
 994  #dashboard-widgets #dashboard_browser_nag.postbox .inside {
 995      margin: 10px;
 996  }
 997  
 998  .postbox .button-link .edit-box {
 999      display: none;
1000  }
1001  
1002  .edit-box {
1003      opacity: 0;
1004  }
1005  
1006  .hndle:hover .edit-box,
1007  .edit-box:focus {
1008      opacity: 1;
1009  }
1010  
1011  #dashboard-widgets form .input-text-wrap input {
1012      width: 100%;
1013  }
1014  
1015  #dashboard-widgets form .textarea-wrap textarea {
1016      width: 100%;
1017  }
1018  
1019  #dashboard-widgets .postbox form .submit {
1020      float: none;
1021      margin: .5em 0 0;
1022      padding: 0;
1023      border: none;
1024  }
1025  
1026  #dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish {
1027      min-width: 0;
1028  }
1029  
1030  #dashboard-widgets li a,
1031  #dashboard-widgets .button-link,
1032  .community-events-footer a {
1033      text-decoration: none;
1034  }
1035  
1036  #dashboard-widgets h2 a {
1037      text-decoration: underline;
1038  }
1039  
1040  #dashboard-widgets .hndle .postbox-title-action {
1041      float: right;
1042      line-height: 1.2;
1043  }
1044  
1045  #dashboard_plugins h5 {
1046      font-size: 14px;
1047  }
1048  
1049  /* Recent Comments */
1050  
1051  #latest-comments #the-comment-list {
1052      position: relative;
1053      margin: 0 -12px;
1054  }
1055  
1056  #activity-widget #the-comment-list .comment,
1057  #activity-widget #the-comment-list .pingback {
1058      box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
1059  }
1060  
1061  #activity-widget .comments #the-comment-list .alt {
1062      background-color: transparent;
1063  }
1064  
1065  #activity-widget #latest-comments #the-comment-list .comment-item {
1066      /* the row-actions paragraph is output only for users with 'edit_comment' capabilities,
1067         for other users this needs a min height equal to the gravatar image */
1068      min-height: 50px;
1069      margin: 0;
1070      padding: 12px;
1071  }
1072  
1073  #latest-comments #the-comment-list .pingback {
1074      padding-left: 12px !important;
1075  }
1076  
1077  #latest-comments #the-comment-list .comment-item:first-child {
1078      border-top: none;
1079  }
1080  
1081  #latest-comments #the-comment-list .comment-meta {
1082      line-height: 1.5;
1083      margin: 0;
1084      color: #646970;
1085  }
1086  
1087  #latest-comments #the-comment-list .comment-meta cite {
1088      font-style: normal;
1089      font-weight: 400;
1090  }
1091  
1092  #latest-comments #the-comment-list .comment-item blockquote,
1093  #latest-comments #the-comment-list .comment-item blockquote p {
1094      margin: 0;
1095      padding: 0;
1096      display: inline;
1097  }
1098  
1099  #latest-comments #the-comment-list .comment-item p.row-actions {
1100      margin: 3px 0 0;
1101      padding: 0;
1102      font-size: 13px;
1103  }
1104  
1105  /* Feeds */
1106  .rss-widget ul {
1107      margin: 0;
1108      padding: 0;
1109      list-style: none;
1110  }
1111  
1112  a.rsswidget {
1113      font-size: 13px;
1114      font-weight: 600;
1115      line-height: 1.4;
1116  }
1117  
1118  .rss-widget ul li {
1119      line-height: 1.5;
1120      margin-bottom: 12px;
1121  }
1122  
1123  .rss-widget span.rss-date {
1124      color: #646970;
1125      font-size: 13px;
1126      margin-left: 3px;
1127  }
1128  
1129  .rss-widget cite {
1130      display: block;
1131      text-align: right;
1132      margin: 0 0 1em;
1133      padding: 0;
1134  }
1135  
1136  .rss-widget cite:before {
1137      content: "\2014";
1138  }
1139  
1140  .dashboard-comment-wrap {
1141      word-wrap: break-word;
1142  }
1143  
1144  /* Browser Nag */
1145  #dashboard_browser_nag a.update-browser-link {
1146      font-size: 1.2em;
1147      font-weight: 600;
1148  }
1149  
1150  #dashboard_browser_nag a {
1151      text-decoration: underline;
1152  }
1153  
1154  #dashboard_browser_nag p.browser-update-nag.has-browser-icon {
1155      padding-right: 128px;
1156  }
1157  
1158  #dashboard_browser_nag .browser-icon {
1159      margin-top: -32px;
1160  }
1161  
1162  #dashboard_browser_nag.postbox {
1163      background-color: #b32d2e;
1164      background-image: none;
1165      border-color: #b32d2e;
1166      color: #fff;
1167      box-shadow: none;
1168  }
1169  
1170  #dashboard_browser_nag.postbox h2 {
1171      border-bottom-color: transparent;
1172      background: transparent none;
1173      color: #fff;
1174      box-shadow: none;
1175  }
1176  
1177  #dashboard_browser_nag a {
1178      color: #fff;
1179  }
1180  
1181  #dashboard_browser_nag.postbox .postbox-header {
1182      border-color: transparent;
1183  }
1184  
1185  #dashboard_browser_nag h2.hndle {
1186      border: none;
1187      font-weight: 600;
1188      font-size: 20px;
1189      padding-top: 10px;
1190  }
1191  
1192  .postbox#dashboard_browser_nag p a.dismiss {
1193      font-size: 14px;
1194  }
1195  
1196  .postbox#dashboard_browser_nag p,
1197  .postbox#dashboard_browser_nag a,
1198  .postbox#dashboard_browser_nag p.browser-update-nag {
1199      font-size: 16px;
1200  }
1201  
1202  /* PHP Nag */
1203  #dashboard_php_nag .dashicons-warning {
1204      color: #dba617;
1205      padding-right: 6px;
1206  }
1207  
1208  #dashboard_php_nag.php-no-security-updates .dashicons-warning,
1209  #dashboard_php_nag.php-version-lower-than-future-minimum .dashicons-warning {
1210      color: #d63638;
1211  }
1212  
1213  #dashboard_php_nag h2 {
1214      display: inline-block;
1215  }
1216  
1217  #dashboard_php_nag p {
1218      margin: 12px 0;
1219  }
1220  
1221  #dashboard_php_nag .button .dashicons-external {
1222      line-height: 25px;
1223  }
1224  
1225  .bigger-bolder-text {
1226      font-weight: 600;
1227      font-size: 14px;
1228  }
1229  
1230  /* =Media Queries
1231  -------------------------------------------------------------- */
1232  
1233  @media only screen and (min-width: 1600px) {
1234      .welcome-panel .welcome-panel-column-container {
1235          display: flex;
1236          justify-content: center;
1237      }
1238  
1239      .welcome-panel-column {
1240          width: 100%;
1241          max-width: 460px;
1242      }
1243  }
1244  
1245  /* one column on the dash */
1246  @media only screen and (max-width: 799px) {
1247      #wpbody-content #dashboard-widgets .postbox-container {
1248          width: 100%;
1249      }
1250  
1251      #dashboard-widgets .meta-box-sortables {
1252          min-height: 0;
1253      }
1254  
1255      .is-dragging-metaboxes #dashboard-widgets .meta-box-sortables {
1256          min-height: 100px;
1257      }
1258  
1259      #dashboard-widgets .meta-box-sortables.empty-container {
1260          margin-bottom: 0;
1261      }
1262  }
1263  
1264  /* two columns on the dash, but keep the setting if one is selected */
1265  @media only screen and (min-width: 800px) and (max-width: 1499px) {
1266      #wpbody-content #dashboard-widgets .postbox-container {
1267          width: 49.5%;
1268      }
1269  
1270      #wpbody-content #dashboard-widgets #postbox-container-2,
1271      #wpbody-content #dashboard-widgets #postbox-container-3,
1272      #wpbody-content #dashboard-widgets #postbox-container-4 {
1273          float: right;
1274          width: 50.5%;
1275      }
1276  
1277      #dashboard-widgets #postbox-container-3 .empty-container,
1278      #dashboard-widgets #postbox-container-4 .empty-container {
1279          outline: none;
1280          height: 0;
1281          min-height: 0;
1282          margin-bottom: 0;
1283      }
1284  
1285      #dashboard-widgets #postbox-container-3 .empty-container:after,
1286      #dashboard-widgets #postbox-container-4 .empty-container:after {
1287          display: none;
1288      }
1289  
1290      #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
1291          width: 100%;
1292      }
1293  
1294      #wpbody #dashboard-widgets .metabox-holder.columns-1 .postbox-container .empty-container {
1295          outline: none;
1296          height: 0;
1297          min-height: 0;
1298          margin-bottom: 0;
1299      }
1300  
1301      /* show the radio buttons for column prefs only for one or two columns */
1302      .index-php .screen-layout,
1303      .index-php .columns-prefs {
1304          display: block;
1305      }
1306  
1307      .columns-prefs .columns-prefs-3,
1308      .columns-prefs .columns-prefs-4 {
1309          display: none;
1310      }
1311  
1312      #dashboard-widgets .postbox-container .empty-container:after {
1313          display: block;
1314      }
1315  }
1316  
1317  /* three columns on the dash */
1318  @media only screen and (min-width: 1500px) and (max-width: 1800px) {
1319      #wpbody-content #dashboard-widgets .postbox-container {
1320          width: 33.5%;
1321      }
1322  
1323      #wpbody-content #dashboard-widgets #postbox-container-1 {
1324          width: 33%;
1325      }
1326  
1327      #wpbody-content #dashboard-widgets #postbox-container-3,
1328      #wpbody-content #dashboard-widgets #postbox-container-4 {
1329          float: right;
1330      }
1331  
1332      #dashboard-widgets #postbox-container-4 .empty-container {
1333          outline: none;
1334          height: 0;
1335          min-height: 0;
1336          margin-bottom: 0;
1337      }
1338  
1339      #dashboard-widgets #postbox-container-4 .empty-container:after {
1340          display: none;
1341      }
1342  
1343      #dashboard-widgets .postbox-container .empty-container:after {
1344          display: block;
1345      }
1346  }
1347  
1348  /* Always show the "Drag boxes here" CSS generated content on large screens. */
1349  @media only screen and (min-width: 1801px) {
1350      #dashboard-widgets .postbox-container .empty-container:after {
1351          display: block;
1352      }
1353  }
1354  
1355  @media screen and (max-width: 870px) {
1356      /* @deprecated 5.9.0 -- Lists removed from welcome panel. */
1357      .welcome-panel .welcome-panel-column li {
1358          display: inline-block;
1359          margin-right: 13px;
1360      }
1361  
1362      /* @deprecated 5.9.0 -- Lists removed from welcome panel. */
1363      .welcome-panel .welcome-panel-column ul {
1364          margin: 0.4em 0 0;
1365      }
1366  
1367  }
1368  
1369  @media screen and (max-width: 1180px) and (min-width: 783px) {
1370      .welcome-panel-column {
1371          grid-template-columns: 1fr;
1372      }
1373  
1374      [class*="welcome-panel-icon"],
1375      .welcome-panel-column > svg {
1376          display: none;
1377      }
1378  }
1379  
1380  @media screen and (max-width: 782px) {
1381      .welcome-panel .welcome-panel-column-container {
1382          grid-template-columns: 1fr;
1383          box-sizing: border-box;
1384          padding: 32px;
1385          width: 100%;
1386      }
1387  
1388      .welcome-panel .welcome-panel-column-content {
1389          max-width: 520px;
1390      }
1391  
1392      /* Keep the close icon from overlapping the Welcome text. */
1393      .welcome-panel .welcome-panel-close {
1394          overflow: hidden;
1395          text-indent: 40px;
1396          white-space: nowrap;
1397          width: 20px;
1398          height: 20px;
1399          padding: 5px;
1400          top: 5px;
1401          right: 5px;
1402      }
1403  
1404      .welcome-panel .welcome-panel-close::before {
1405          top: 5px;
1406          left: -35px;
1407      }
1408  
1409      #dashboard-widgets h2 {
1410          padding: 12px;
1411      }
1412  
1413      #dashboard_recent_comments #the-comment-list .comment-item .avatar {
1414          height: 30px;
1415          width: 30px;
1416          margin: 4px 10px 5px 0;
1417      }
1418  
1419      .community-events-toggle-location {
1420          height: 38px;
1421          vertical-align: baseline;
1422      }
1423  
1424      .community-events-form .regular-text {
1425          height: 32px;
1426      }
1427  
1428      #community-events-submit {
1429          margin-bottom: 0;
1430          /* Override .wp-core-ui .button */
1431          vertical-align: top;
1432      }
1433  
1434      .community-events-form label,
1435      #dashboard-widgets .community-events-cancel.button-link {
1436          /* Same properties as the submit button for cross-browsers alignment. */
1437          font-size: 14px;
1438          line-height: normal;
1439          height: auto;
1440          padding: 6px 0;
1441          border: 1px solid transparent;
1442      }
1443  
1444      .community-events .spinner {
1445          margin-top: 7px;
1446      }
1447  }
1448  
1449  /* Smartphone */
1450  @media screen and (max-width: 600px) {
1451      .welcome-panel-header {
1452          padding: 32px 32px 64px;
1453      }
1454  
1455      .welcome-panel-header-image {
1456          display: none;
1457      }
1458  }
1459  
1460  @media screen and (max-width: 480px) {
1461      .welcome-panel-column {
1462          gap: 16px;
1463      }
1464  }
1465  
1466  @media screen and (max-width: 360px) {
1467      .welcome-panel-column {
1468          grid-template-columns: 1fr;
1469      }
1470  
1471      [class*="welcome-panel-icon"],
1472      .welcome-panel-column > svg {
1473          display: none;
1474      }
1475  }
1476  
1477  @media screen and (min-width: 355px) {
1478      .community-events .event-info {
1479          display: table-row;
1480          float: left;
1481          max-width: 59%;
1482      }
1483  
1484      .event-icon,
1485      .event-icon[aria-hidden="true"] {
1486          display: table-cell;
1487      }
1488  
1489      .event-info-inner {
1490          display: table-cell;
1491      }
1492  
1493      .community-events .event-date-time {
1494          float: right;
1495          max-width: 39%;
1496      }
1497  
1498      .community-events .event-date,
1499      .community-events .event-time {
1500          text-align: right;
1501      }
1502  }