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