[Summary view] [Print] [Text view]

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