[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

Search

title

Body

[close]

/wp-admin/css/ -> dashboard-rtl.css (source)

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


Generated : Fri Mar 29 08:20:02 2024 Cross-referenced by PHPXref