[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  }
 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-right: 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-right: 3px;
 520      margin-left: 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-right: 0;
 535      padding-left: 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-left: 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-right: 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: right;
 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: left;
 696      position: relative;
 697      top: -5px;
 698      margin-right: 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 0 1px 1px;
 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: left;
 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: left;
 806      margin: 0 0 0 12px;
 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 0 0 5px;
 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-right: 0;
 857      margin-left: 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-right: 5px;
 866      vertical-align: middle;
 867      position: relative;
 868      top: -1px;
 869      margin-left: 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-right: 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-right: 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      right: 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: left;
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-right: 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-right: 3px;
1127  }
1128  
1129  .rss-widget cite {
1130      display: block;
1131      text-align: left;
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-left: 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-left: 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: left;
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: left;
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-left: 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          left: 5px;
1402      }
1403  
1404      .welcome-panel .welcome-panel-close::before {
1405          top: 5px;
1406          right: -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 0 5px 10px;
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: right;
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: left;
1495          max-width: 39%;
1496      }
1497  
1498      .community-events .event-date,
1499      .community-events .event-time {
1500          text-align: left;
1501      }
1502  }