[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 div.updated {
 785      margin-bottom: 10px;
 786      border: 1px solid #f0f0f1;
 787      border-width: 1px 0 1px 1px;
 788  }
 789  
 790  #dashboard_quick_press form {
 791      margin: 12px;
 792  }
 793  
 794  #dashboard_quick_press .drafts {
 795      padding: 10px 0 0;
 796  }
 797  
 798  /* Dashboard Quick Draft - Form styling */
 799  
 800  #dashboard_quick_press label {
 801      display: inline-block;
 802      margin-bottom: 4px;
 803  }
 804  
 805  #dashboard_quick_press input,
 806  #dashboard_quick_press textarea {
 807      box-sizing: border-box;
 808      margin: 0;
 809  }
 810  
 811  #dashboard-widgets .postbox form .submit {
 812      margin: -39px 0;
 813      float: left;
 814  }
 815  
 816  #description-wrap {
 817      margin-top: 12px;
 818  }
 819  
 820  #quick-press textarea#content {
 821      min-height: 90px;
 822      max-height: 1300px;
 823      margin: 0 0 8px;
 824      padding: 8px 12px;
 825      resize: none;
 826  }
 827  
 828  /* Dashboard Quick Draft - Drafts list */
 829  
 830  .js #dashboard_quick_press .drafts {
 831      border-top: 1px solid #f0f0f1;
 832  }
 833  
 834  #dashboard_quick_press .drafts abbr {
 835      border: none;
 836  }
 837  
 838  #dashboard_quick_press .drafts .view-all {
 839      float: left;
 840      margin: 0 0 0 12px;
 841  }
 842  
 843  #dashboard_primary a.rsswidget {
 844      font-weight: 400;
 845  }
 846  
 847  #dashboard_quick_press .drafts ul {
 848      margin: 0 12px;
 849  }
 850  
 851  #dashboard_quick_press .drafts li {
 852      margin-bottom: 1em;
 853  }
 854  #dashboard_quick_press .drafts li time {
 855      color: #646970;
 856  }
 857  
 858  #dashboard_quick_press .drafts p {
 859      margin: 0;
 860      word-wrap: break-word;
 861  }
 862  
 863  #dashboard_quick_press .draft-title {
 864      word-wrap: break-word;
 865  }
 866  
 867  #dashboard_quick_press .draft-title a,
 868  #dashboard_quick_press .draft-title time {
 869      margin: 0 0 0 5px;
 870  }
 871  
 872  /* Dashboard common styles */
 873  
 874  #dashboard-widgets h4, /* Back-compat for pre-4.4 */
 875  #dashboard-widgets h3,
 876  #dashboard_quick_press .drafts h2 {
 877      margin: 0 12px 8px;
 878      padding: 0;
 879      font-size: 14px;
 880      font-weight: 400;
 881      color: #1d2327;
 882  }
 883  
 884  #dashboard_quick_press .drafts h2 {
 885      line-height: inherit;
 886  }
 887  
 888  #dashboard-widgets .inside h4, /* Back-compat for pre-4.4 */
 889  #dashboard-widgets .inside h3 {
 890      margin-right: 0;
 891      margin-left: 0;
 892  }
 893  
 894  /* Dashboard activity widget */
 895  
 896  #dashboard_activity .comment-meta span.approve:before {
 897      content: "\f227";
 898      content: "\f227" / '';
 899      font: 20px/.5 dashicons;
 900      margin-right: 5px;
 901      vertical-align: middle;
 902      position: relative;
 903      top: -1px;
 904      margin-left: 2px;
 905  }
 906  
 907  #dashboard_activity .inside {
 908      margin: 0;
 909      padding: 0 12px;
 910  }
 911  
 912  #dashboard_activity .no-activity {
 913      overflow: hidden;
 914      padding: 12px 0;
 915      text-align: center;
 916  }
 917  
 918  #dashboard_activity .no-activity p {
 919      color: #646970;
 920      font-size: 16px;
 921  }
 922  
 923  #dashboard_activity .subsubsub {
 924      float: none;
 925      border-top: 1px solid #f0f0f1;
 926      margin: 0 -12px;
 927      padding: 8px 12px 4px;
 928  }
 929  
 930  #dashboard_activity .subsubsub a .count,
 931  #dashboard_activity .subsubsub a.current .count {
 932      color: #646970; /* white background on the dashboard but #f0f0f1 on list tables */
 933  }
 934  
 935  #future-posts ul,
 936  #published-posts ul {
 937      margin: 8px -12px 0 -12px;
 938  }
 939  
 940  #future-posts li,
 941  #published-posts li {
 942      display: grid;
 943      grid-template-columns: clamp(160px, calc(2vw + 140px), 200px) auto;
 944      column-gap: 10px;
 945      color: #646970;
 946      padding: 4px 12px;
 947  }
 948  
 949  #future-posts li:nth-child(odd),
 950  #published-posts li:nth-child(odd) {
 951      background-color: #f6f7f7;
 952  }
 953  
 954  .activity-block {
 955      border-bottom: 1px solid #f0f0f1;
 956      margin: 0 -12px 6px -12px;
 957      padding: 8px 12px 4px;
 958  }
 959  
 960  .activity-block:last-child {
 961      border-bottom: none;
 962      margin-bottom: 0;
 963  }
 964  
 965  .activity-block .subsubsub li {
 966      color: #646970;
 967  }
 968  
 969  /* Dashboard activity widget - Comments */
 970  /* @todo: needs serious de-duplication */
 971  
 972  #activity-widget #the-comment-list tr.undo,
 973  #activity-widget #the-comment-list div.undo {
 974      background: none;
 975      padding: 6px 0;
 976      margin-right: 12px;
 977  }
 978  
 979  #activity-widget #the-comment-list .comment-item {
 980      background: #f6f7f7;
 981      padding: 12px;
 982      position: relative;
 983  }
 984  
 985  #activity-widget #the-comment-list .avatar {
 986      position: absolute;
 987      top: 12px;
 988  }
 989  
 990  #activity-widget #the-comment-list .dashboard-comment-wrap.has-avatar {
 991      padding-right: 63px;
 992  }
 993  
 994  #activity-widget #the-comment-list .dashboard-comment-wrap blockquote {
 995      margin: 1em 0;
 996  }
 997  
 998  #activity-widget #the-comment-list .comment-item p.row-actions {
 999      margin: 4px 0 0;
1000  }
1001  
1002  #activity-widget #the-comment-list .comment-item:first-child {
1003      border-top: 1px solid #f0f0f1;
1004  }
1005  
1006  #activity-widget #the-comment-list .unapproved {
1007      background-color: #fcf9e8;
1008  }
1009  
1010  #activity-widget #the-comment-list .unapproved:before {
1011      content: "";
1012      display: block;
1013      position: absolute;
1014      right: 0;
1015      top: 0;
1016      bottom: 0;
1017      background: #d63638;
1018      width: 4px;
1019  }
1020  
1021  #activity-widget #the-comment-list .spam-undo-inside .avatar,
1022  #activity-widget #the-comment-list .trash-undo-inside .avatar {
1023      position: relative;
1024      top: 0;
1025  }
1026  
1027  /* Browse happy box */
1028  
1029  #dashboard-widgets #dashboard_browser_nag.postbox .inside {
1030      margin: 10px;
1031  }
1032  
1033  .postbox .button-link .edit-box {
1034      display: none;
1035  }
1036  
1037  .edit-box {
1038      opacity: 0;
1039  }
1040  
1041  .hndle:hover .edit-box,
1042  .edit-box:focus {
1043      opacity: 1;
1044  }
1045  
1046  #dashboard-widgets form .input-text-wrap input {
1047      width: 100%;
1048  }
1049  
1050  #dashboard-widgets form .textarea-wrap textarea {
1051      width: 100%;
1052  }
1053  
1054  #dashboard-widgets .postbox form .submit {
1055      float: none;
1056      margin: .5em 0 0;
1057      padding: 0;
1058      border: none;
1059  }
1060  
1061  #dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish {
1062      min-width: 0;
1063  }
1064  
1065  #dashboard-widgets li a,
1066  #dashboard-widgets .button-link,
1067  .community-events-footer a {
1068      text-decoration: none;
1069  }
1070  
1071  #dashboard-widgets h2 a {
1072      text-decoration: underline;
1073  }
1074  
1075  #dashboard-widgets .hndle .postbox-title-action {
1076      float: left;
1077      line-height: 1.2;
1078  }
1079  
1080  #dashboard_plugins h5 {
1081      font-size: 14px;
1082  }
1083  
1084  /* Recent Comments */
1085  
1086  #latest-comments #the-comment-list {
1087      position: relative;
1088      margin: 0 -12px;
1089  }
1090  
1091  #activity-widget #the-comment-list .comment,
1092  #activity-widget #the-comment-list .pingback {
1093      box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
1094  }
1095  
1096  #activity-widget .comments #the-comment-list .alt {
1097      background-color: transparent;
1098  }
1099  
1100  #activity-widget #latest-comments #the-comment-list .comment-item {
1101      /* the row-actions paragraph is output only for users with 'edit_comment' capabilities,
1102         for other users this needs a min height equal to the gravatar image */
1103      min-height: 50px;
1104      margin: 0;
1105      padding: 12px;
1106  }
1107  
1108  #latest-comments #the-comment-list .pingback {
1109      padding-right: 12px !important;
1110  }
1111  
1112  #latest-comments #the-comment-list .comment-item:first-child {
1113      border-top: none;
1114  }
1115  
1116  #latest-comments #the-comment-list .comment-meta {
1117      line-height: 1.5;
1118      margin: 0;
1119      color: #646970;
1120  }
1121  
1122  #latest-comments #the-comment-list .comment-meta cite {
1123      font-style: normal;
1124      font-weight: 400;
1125  }
1126  
1127  #latest-comments #the-comment-list .comment-item blockquote,
1128  #latest-comments #the-comment-list .comment-item blockquote p {
1129      margin: 0;
1130      padding: 0;
1131      display: inline;
1132  }
1133  
1134  #latest-comments #the-comment-list .comment-item p.row-actions {
1135      margin: 3px 0 0;
1136      padding: 0;
1137      font-size: 13px;
1138  }
1139  
1140  /* Feeds */
1141  .rss-widget ul {
1142      margin: 0;
1143      padding: 0;
1144      list-style: none;
1145  }
1146  
1147  a.rsswidget {
1148      font-size: 13px;
1149      font-weight: 600;
1150      line-height: 1.4;
1151  }
1152  
1153  .rss-widget ul li {
1154      line-height: 1.5;
1155      margin-bottom: 12px;
1156  }
1157  
1158  .rss-widget span.rss-date {
1159      color: #646970;
1160      font-size: 13px;
1161      margin-right: 3px;
1162  }
1163  
1164  .rss-widget cite {
1165      display: block;
1166      text-align: left;
1167      margin: 0 0 1em;
1168      padding: 0;
1169  }
1170  
1171  .rss-widget cite:before {
1172      content: "\2014";
1173      content: "\2014" / '';
1174  }
1175  
1176  .dashboard-comment-wrap {
1177      word-wrap: break-word;
1178  }
1179  
1180  /* Browser Nag */
1181  #dashboard_browser_nag a.update-browser-link {
1182      font-size: 1.2em;
1183      font-weight: 600;
1184  }
1185  
1186  #dashboard_browser_nag a {
1187      text-decoration: underline;
1188  }
1189  
1190  #dashboard_browser_nag p.browser-update-nag.has-browser-icon {
1191      padding-left: 128px;
1192  }
1193  
1194  #dashboard_browser_nag .browser-icon {
1195      margin-top: -32px;
1196  }
1197  
1198  #dashboard_browser_nag.postbox {
1199      background-color: #b32d2e;
1200      background-image: none;
1201      border-color: #b32d2e;
1202      color: #fff;
1203      box-shadow: none;
1204  }
1205  
1206  #dashboard_browser_nag.postbox h2 {
1207      border-bottom-color: transparent;
1208      background: transparent none;
1209      color: #fff;
1210      box-shadow: none;
1211  }
1212  
1213  #dashboard_browser_nag a {
1214      color: #fff;
1215  }
1216  
1217  #dashboard_browser_nag.postbox .postbox-header {
1218      border-color: transparent;
1219  }
1220  
1221  #dashboard_browser_nag h2.hndle {
1222      border: none;
1223      font-weight: 600;
1224      font-size: 20px;
1225      padding-top: 10px;
1226  }
1227  
1228  .postbox#dashboard_browser_nag p a.dismiss {
1229      font-size: 14px;
1230  }
1231  
1232  .postbox#dashboard_browser_nag p,
1233  .postbox#dashboard_browser_nag a,
1234  .postbox#dashboard_browser_nag p.browser-update-nag {
1235      font-size: 16px;
1236  }
1237  
1238  /* PHP Nag */
1239  #dashboard_php_nag .dashicons-warning {
1240      color: #dba617;
1241      padding-left: 6px;
1242  }
1243  
1244  #dashboard_php_nag.php-no-security-updates .dashicons-warning,
1245  #dashboard_php_nag.php-version-lower-than-future-minimum .dashicons-warning {
1246      color: #d63638;
1247  }
1248  
1249  #dashboard_php_nag h2 {
1250      display: inline-block;
1251  }
1252  
1253  #dashboard_php_nag p {
1254      margin: 12px 0;
1255  }
1256  
1257  .bigger-bolder-text {
1258      font-weight: 600;
1259      font-size: 14px;
1260  }
1261  
1262  /* =Media Queries
1263  -------------------------------------------------------------- */
1264  
1265  @media only screen and (min-width: 1600px) {
1266      .welcome-panel .welcome-panel-column-container {
1267          display: flex;
1268          justify-content: center;
1269      }
1270  
1271      .welcome-panel-column {
1272          width: 100%;
1273          max-width: 460px;
1274      }
1275  }
1276  
1277  /* one column on the dash */
1278  @media only screen and (max-width: 799px) {
1279      #wpbody-content #dashboard-widgets .postbox-container {
1280          width: 100%;
1281      }
1282  
1283      #dashboard-widgets .meta-box-sortables {
1284          min-height: 0;
1285      }
1286  
1287      .is-dragging-metaboxes #dashboard-widgets .meta-box-sortables {
1288          min-height: 100px;
1289      }
1290  
1291      #dashboard-widgets .meta-box-sortables.empty-container {
1292          margin-bottom: 0;
1293      }
1294  }
1295  
1296  /* two columns on the dash, but keep the setting if one is selected */
1297  @media only screen and (min-width: 800px) and (max-width: 1499px) {
1298      #wpbody-content #dashboard-widgets .postbox-container {
1299          width: 49.5%;
1300      }
1301  
1302      #wpbody-content #dashboard-widgets #postbox-container-2,
1303      #wpbody-content #dashboard-widgets #postbox-container-3,
1304      #wpbody-content #dashboard-widgets #postbox-container-4 {
1305          float: left;
1306          width: 50.5%;
1307      }
1308  
1309      #dashboard-widgets #postbox-container-3 .empty-container,
1310      #dashboard-widgets #postbox-container-4 .empty-container {
1311          border: none;
1312          height: 0;
1313          min-height: 0;
1314          margin-bottom: 0;
1315          display: none;
1316      }
1317  
1318      #dashboard-widgets #postbox-container-3 .empty-container:after,
1319      #dashboard-widgets #postbox-container-4 .empty-container:after {
1320          display: none;
1321      }
1322  
1323      #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
1324          width: 100%;
1325      }
1326  
1327      #wpbody #dashboard-widgets .metabox-holder.columns-1 .postbox-container .empty-container {
1328          border: none;
1329          height: 0;
1330          min-height: 0;
1331          margin-bottom: 0;
1332      }
1333  
1334      /* show the radio buttons for column prefs only for one or two columns */
1335      .index-php .screen-layout,
1336      .index-php .columns-prefs {
1337          display: block;
1338      }
1339  
1340      .columns-prefs .columns-prefs-3,
1341      .columns-prefs .columns-prefs-4 {
1342          display: none;
1343      }
1344  
1345      #dashboard-widgets .postbox-container .empty-container:after {
1346          display: block;
1347      }
1348  }
1349  
1350  /* three columns on the dash */
1351  @media only screen and (min-width: 1500px) and (max-width: 1800px) {
1352      #wpbody-content #dashboard-widgets .postbox-container {
1353          width: 33.5%;
1354      }
1355  
1356      #wpbody-content #dashboard-widgets #postbox-container-1 {
1357          width: 33%;
1358      }
1359  
1360      #wpbody-content #dashboard-widgets #postbox-container-3,
1361      #wpbody-content #dashboard-widgets #postbox-container-4 {
1362          float: left;
1363      }
1364  
1365      #dashboard-widgets #postbox-container-4 .empty-container {
1366          border: none;
1367          height: 0;
1368          min-height: 0;
1369          margin-bottom: 0;
1370          display: none;
1371      }
1372  
1373      #dashboard-widgets #postbox-container-4 .empty-container:after {
1374          display: none;
1375      }
1376  
1377      #dashboard-widgets .postbox-container .empty-container:after {
1378          display: block;
1379      }
1380  }
1381  
1382  /* Always show the "Drag boxes here" CSS generated content on large screens. */
1383  @media only screen and (min-width: 1801px) {
1384      #dashboard-widgets .postbox-container .empty-container:after {
1385          display: block;
1386      }
1387  }
1388  
1389  @media screen and (max-width: 870px) {
1390      /* @deprecated 5.9.0 -- Lists removed from welcome panel. */
1391      .welcome-panel .welcome-panel-column li {
1392          display: inline-block;
1393          margin-left: 13px;
1394      }
1395  
1396      /* @deprecated 5.9.0 -- Lists removed from welcome panel. */
1397      .welcome-panel .welcome-panel-column ul {
1398          margin: 0.4em 0 0;
1399      }
1400  
1401  }
1402  
1403  @media screen and (max-width: 1180px) and (min-width: 783px) {
1404      .welcome-panel-column {
1405          grid-template-columns: 1fr;
1406      }
1407  
1408      [class*="welcome-panel-icon"],
1409      .welcome-panel-column > svg {
1410          display: none;
1411      }
1412  }
1413  
1414  @media screen and (max-width: 782px) {
1415      .welcome-panel .welcome-panel-column-container {
1416          grid-template-columns: 1fr;
1417          box-sizing: border-box;
1418          padding: 32px;
1419          width: 100%;
1420      }
1421  
1422      .welcome-panel .welcome-panel-column-content {
1423          max-width: 520px;
1424      }
1425  
1426      /* Keep the close icon from overlapping the Welcome text. */
1427      .welcome-panel .welcome-panel-close {
1428          overflow: hidden;
1429          text-indent: 40px;
1430          white-space: nowrap;
1431          width: 20px;
1432          height: 20px;
1433          padding: 5px;
1434          top: 5px;
1435          left: 5px;
1436      }
1437  
1438      .welcome-panel .welcome-panel-close::before {
1439          position: absolute;
1440          top: 5px;
1441          right: -35px;
1442      }
1443  
1444      #dashboard-widgets h2 {
1445          padding: 12px;
1446      }
1447  
1448      #dashboard_recent_comments #the-comment-list .comment-item .avatar {
1449          height: 30px;
1450          width: 30px;
1451          margin: 4px 0 5px 10px;
1452      }
1453  
1454      .community-events-toggle-location {
1455          height: 38px;
1456          vertical-align: baseline;
1457      }
1458  
1459      #community-events-submit {
1460          margin-bottom: 0;
1461      }
1462  
1463      .community-events-form label,
1464      #dashboard-widgets .community-events-cancel.button-link {
1465          /* Same properties as the submit button for cross-browsers alignment. */
1466          font-size: 14px;
1467          line-height: normal;
1468          padding: 6px 0;
1469          border: 1px solid transparent;
1470      }
1471  }
1472  
1473  /* Smartphone */
1474  @media screen and (max-width: 600px) {
1475      .welcome-panel-header {
1476          padding: 32px 32px 64px;
1477      }
1478  
1479      .welcome-panel-header-image {
1480          display: none;
1481      }
1482  }
1483  
1484  @media screen and (max-width: 480px) {
1485      .welcome-panel-column {
1486          gap: 16px;
1487      }
1488  }
1489  
1490  @media screen and (max-width: 360px) {
1491      .welcome-panel-column {
1492          grid-template-columns: 1fr;
1493      }
1494  
1495      [class*="welcome-panel-icon"],
1496      .welcome-panel-column > svg {
1497          display: none;
1498      }
1499  }
1500  
1501  @media screen and (min-width: 355px) {
1502      .community-events .event-info {
1503          display: table-row;
1504          float: right;
1505          max-width: 59%;
1506      }
1507  
1508      .event-icon,
1509      .event-icon[aria-hidden="true"] {
1510          display: table-cell;
1511      }
1512  
1513      .event-info-inner {
1514          display: table-cell;
1515      }
1516  
1517      .community-events .event-date-time {
1518          float: left;
1519          max-width: 39%;
1520      }
1521  
1522      .community-events .event-date,
1523      .community-events .event-time {
1524          text-align: left;
1525      }
1526  }