[Summary view] [Print] [Text view]

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