[Summary view] [Print] [Text view]

   1  /*! This file is auto-generated */
   2  html {
   3      --wp-admin--admin-bar--height: 32px;
   4      scroll-padding-top: var(--wp-admin--admin-bar--height);
   5  }
   6  
   7  #wpadminbar * {
   8      height: auto;
   9      width: auto;
  10      margin: 0;
  11      padding: 0;
  12      position: static;
  13      text-shadow: none;
  14      text-transform: none;
  15      letter-spacing: normal;
  16      font-size: 13px;
  17      font-weight: 400;
  18      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  19      font-style: normal;
  20      line-height: 2.46153846;
  21      border-radius: 0;
  22      box-sizing: content-box;
  23      transition: none;
  24      -webkit-font-smoothing: subpixel-antialiased; /* Prevent Safari from switching to standard antialiasing on hover */
  25      -moz-osx-font-smoothing: auto; /* Prevent Firefox from inheriting from themes that use other values */
  26  }
  27  
  28  .rtl #wpadminbar * {
  29      font-family: Tahoma, sans-serif;
  30  }
  31  
  32  html:lang(he-il) .rtl #wpadminbar * {
  33      font-family: Arial, sans-serif;
  34  }
  35  
  36  #wpadminbar .ab-empty-item {
  37      cursor: default;
  38      outline: none;
  39  }
  40  
  41  #wpadminbar .ab-empty-item,
  42  #wpadminbar a.ab-item,
  43  #wpadminbar > #wp-toolbar span.ab-label,
  44  #wpadminbar > #wp-toolbar span.noticon {
  45      color: #f0f0f1;
  46  }
  47  
  48  #wpadminbar #wp-admin-bar-site-name a.ab-item,
  49  #wpadminbar #wp-admin-bar-my-sites a.ab-item {
  50      white-space: nowrap;
  51  }
  52  
  53  #wpadminbar ul li::before,
  54  #wpadminbar ul li::after {
  55      content: normal;
  56  }
  57  
  58  #wpadminbar a,
  59  #wpadminbar a:hover,
  60  #wpadminbar a img,
  61  #wpadminbar a img:hover {
  62      border: none;
  63      text-decoration: none;
  64      background: none;
  65      box-shadow: none;
  66  }
  67  
  68  #wpadminbar a:focus,
  69  #wpadminbar a:active,
  70  #wpadminbar input[type="text"],
  71  #wpadminbar input[type="password"],
  72  #wpadminbar input[type="number"],
  73  #wpadminbar input[type="search"],
  74  #wpadminbar input[type="email"],
  75  #wpadminbar input[type="url"],
  76  #wpadminbar select,
  77  #wpadminbar textarea,
  78  #wpadminbar div {
  79      box-shadow: none;
  80  }
  81  
  82  #wpadminbar a:focus {
  83      outline-offset: -1px;
  84      /* Only visible in Windows High Contrast mode */
  85      outline: 2px solid transparent;
  86  }
  87  
  88  #wpadminbar {
  89      direction: rtl;
  90      color: #c3c4c7;
  91      font-size: 13px;
  92      font-weight: 400;
  93      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  94      line-height: 2.46153846;
  95      height: 32px;
  96      position: fixed;
  97      top: 0;
  98      right: 0;
  99      width: 100%;
 100      min-width: 600px; /* match the min-width of the body in wp-admin/css/common.css */
 101      z-index: 99999;
 102      background: #1d2327;
 103      /* Only visible in Windows High Contrast mode */
 104      outline: 1px solid transparent;
 105  }
 106  
 107  #wpadminbar .ab-sub-wrapper,
 108  #wpadminbar ul,
 109  #wpadminbar ul li {
 110      background: none;
 111      clear: none;
 112      list-style: none;
 113      margin: 0;
 114      padding: 0;
 115      position: relative;
 116      text-indent: 0;
 117      z-index: 99999;
 118  }
 119  
 120  #wpadminbar ul#wp-admin-bar-root-default > li {
 121      margin-left: 0;
 122  }
 123  
 124  #wpadminbar .quicklinks ul {
 125      text-align: right;
 126  }
 127  
 128  #wpadminbar li {
 129      float: right;
 130  }
 131  
 132  #wpadminbar .quicklinks a,
 133  #wpadminbar .quicklinks .ab-empty-item,
 134  #wpadminbar .shortlink-input {
 135      height: 32px;
 136      display: block;
 137      padding: 0 10px;
 138      margin: 0;
 139  }
 140  
 141  #wpadminbar .quicklinks > ul > li > a {
 142      padding: 0 7px 0 8px;
 143  }
 144  
 145  #wpadminbar .menupop .ab-sub-wrapper,
 146  #wpadminbar .shortlink-input {
 147      margin: 0;
 148      padding: 0;
 149      box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
 150      background: #2c3338;
 151      display: none;
 152      position: absolute;
 153      float: none;
 154  }
 155  
 156  #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
 157      min-width: 100%;
 158  }
 159  
 160  #wpadminbar .ab-top-secondary .menupop .ab-sub-wrapper {
 161      left: 0;
 162      right: auto;
 163  }
 164  
 165  #wpadminbar .ab-submenu {
 166      padding: 6px 0;
 167  }
 168  
 169  #wpadminbar .selected .shortlink-input {
 170      display: block;
 171  }
 172  
 173  #wpadminbar .quicklinks .menupop ul li {
 174      float: none;
 175  }
 176  
 177  #wpadminbar .quicklinks .menupop ul li a strong {
 178      font-weight: 600;
 179  }
 180  
 181  #wpadminbar .quicklinks .menupop ul li .ab-item,
 182  #wpadminbar .quicklinks .menupop ul li a strong,
 183  #wpadminbar .quicklinks .menupop.hover ul li .ab-item,
 184  #wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item,
 185  #wpadminbar .shortlink-input {
 186      line-height: 2;
 187      height: 26px;
 188      white-space: nowrap;
 189      min-width: 140px;
 190  }
 191  
 192  #wpadminbar .shortlink-input {
 193      width: 200px;
 194  }
 195  
 196  #wpadminbar.nojs li:hover > .ab-sub-wrapper,
 197  #wpadminbar li.hover > .ab-sub-wrapper {
 198      display: block;
 199      /* Only visible in Windows High Contrast mode */
 200      outline: 1px solid transparent;
 201  }
 202  
 203  #wpadminbar .menupop li:hover > .ab-sub-wrapper,
 204  #wpadminbar .menupop li.hover > .ab-sub-wrapper {
 205      margin-right: 100%;
 206      margin-top: -32px;
 207  }
 208  
 209  #wpadminbar .ab-top-secondary .menupop li:hover > .ab-sub-wrapper,
 210  #wpadminbar .ab-top-secondary .menupop li.hover > .ab-sub-wrapper {
 211      margin-right: 0;
 212      right: inherit;
 213      left: 100%;
 214  }
 215  
 216  #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
 217  #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
 218  #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
 219  #wpadminbar .ab-top-menu > li.hover > .ab-item {
 220      background: #2c3338;
 221      color: #72aee6;
 222  }
 223  
 224  #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
 225  #wpadminbar > #wp-toolbar li.hover span.ab-label,
 226  #wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
 227      color: #72aee6;
 228  }
 229  
 230  #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
 231  #wpadminbar .ab-icon,
 232  #wpadminbar .ab-item::before,
 233  .wp-admin-bar-arrow {
 234      position: relative;
 235      float: right;
 236      font: 400 20px/1 dashicons;
 237      padding: 4px 0;
 238      -webkit-font-smoothing: antialiased;
 239      -moz-osx-font-smoothing: grayscale;
 240      background-image: none !important;
 241      margin-left: 6px;
 242  }
 243  
 244  #wpadminbar .ab-icon::before,
 245  #wpadminbar .ab-item::before,
 246  #wpadminbar #adminbarsearch::before {
 247      position: relative;
 248      color: #a7aaad;
 249      color: rgba(240, 246, 252, 0.6);
 250      transition: color 0.1s ease-in-out;
 251  }
 252  
 253  #wpadminbar .ab-label {
 254      display: inline-block;
 255      height: 32px;
 256  }
 257  
 258  #wpadminbar .ab-submenu .ab-item {
 259      color: #c3c4c7;
 260      color: rgba(240, 246, 252, 0.7);
 261  }
 262  
 263  #wpadminbar .quicklinks .menupop ul li a,
 264  #wpadminbar .quicklinks .menupop ul li a strong,
 265  #wpadminbar .quicklinks .menupop.hover ul li a,
 266  #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
 267      color: #c3c4c7;
 268      color: rgba(240, 246, 252, 0.7);
 269  }
 270  
 271  #wpadminbar .quicklinks .menupop ul li a:hover,
 272  #wpadminbar .quicklinks .menupop ul li a:focus,
 273  #wpadminbar .quicklinks .menupop ul li a:hover strong,
 274  #wpadminbar .quicklinks .menupop ul li a:focus strong,
 275  #wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
 276  #wpadminbar .quicklinks .menupop.hover ul li a:hover,
 277  #wpadminbar .quicklinks .menupop.hover ul li a:focus,
 278  #wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:hover,
 279  #wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:focus,
 280  #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
 281  #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
 282  #wpadminbar li:hover .ab-icon::before,
 283  #wpadminbar li:hover .ab-item::before,
 284  #wpadminbar li a:focus .ab-icon::before,
 285  #wpadminbar li .ab-item:focus::before,
 286  #wpadminbar li .ab-item:focus .ab-icon::before,
 287  #wpadminbar li.hover .ab-icon::before,
 288  #wpadminbar li.hover .ab-item::before,
 289  #wpadminbar li:hover #adminbarsearch::before,
 290  #wpadminbar li #adminbarsearch.adminbar-focused::before {
 291      color: #72aee6;
 292  }
 293  
 294  #wpadminbar.mobile .quicklinks .ab-icon::before,
 295  #wpadminbar.mobile .quicklinks .ab-item::before {
 296      color: #c3c4c7;
 297  }
 298  
 299  #wpadminbar.mobile .quicklinks .hover .ab-icon::before,
 300  #wpadminbar.mobile .quicklinks .hover .ab-item::before {
 301      color: #72aee6;
 302  }
 303  
 304  #wpadminbar .menupop .menupop > .ab-item .wp-admin-bar-arrow::before,
 305  #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item::before {
 306      position: absolute;
 307      font: 400 17px/1 dashicons;
 308      -webkit-font-smoothing: antialiased;
 309      -moz-osx-font-smoothing: grayscale;
 310  }
 311  
 312  #wpadminbar .menupop .menupop > .ab-item {
 313      display: block;
 314      padding-left: 2em;
 315  }
 316  
 317  #wpadminbar .menupop .menupop > .ab-item .wp-admin-bar-arrow::before {
 318      top: 1px;
 319      left: 10px;
 320      padding: 4px 0;
 321      content: "\f141";
 322      content: "\f141" / "";
 323      color: inherit;
 324  }
 325  
 326  #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item {
 327      padding-right: 2em;
 328      padding-left: 1em;
 329  }
 330  
 331  #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item .wp-admin-bar-arrow::before {
 332      top: 1px;
 333      right: 6px;
 334      content: "\f139";
 335      content: "\f139" / "";
 336  }
 337  
 338  #wpadminbar .quicklinks .menupop ul.ab-sub-secondary {
 339      display: block;
 340      position: relative;
 341      left: auto;
 342      margin: 0;
 343      box-shadow: none;
 344  }
 345  
 346  #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
 347  #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
 348      background: #3c434a;
 349  }
 350  
 351  #wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover,
 352  #wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a {
 353      color: #72aee6;
 354  }
 355  
 356  #wpadminbar .quicklinks a span#ab-updates {
 357      background: #f0f0f1;
 358      color: #2c3338;
 359      display: inline;
 360      padding: 2px 5px;
 361      font-size: 10px;
 362      font-weight: 600;
 363      border-radius: 10px;
 364  }
 365  
 366  #wpadminbar .quicklinks a:hover span#ab-updates {
 367      background: #fff;
 368      color: #000;
 369  }
 370  
 371  #wpadminbar .ab-top-secondary {
 372      float: left;
 373  }
 374  
 375  #wpadminbar ul li:last-child,
 376  #wpadminbar ul li:last-child .ab-item {
 377      box-shadow: none;
 378  }
 379  
 380  /**
 381   * Recovery Mode
 382   */
 383  #wpadminbar #wp-admin-bar-recovery-mode {
 384      color: #fff;
 385      background-color: #d63638;
 386  }
 387  
 388  #wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
 389  #wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
 390  #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
 391  #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
 392      color: #fff;
 393      background-color: #d63638;
 394  }
 395  
 396  /**
 397   * My Account
 398   */
 399  #wp-admin-bar-my-account > ul {
 400      min-width: 198px;
 401  }
 402  
 403  #wp-admin-bar-my-account:not(.with-avatar) > .ab-item {
 404      display: inline-block;
 405  }
 406  
 407  #wp-admin-bar-my-account > .ab-item::before {
 408      content: "\f110";
 409      content: "\f110" / "";
 410      top: 2px;
 411      float: left;
 412      margin-right: 6px;
 413      margin-left: 0;
 414  }
 415  
 416  #wp-admin-bar-my-account.with-avatar > .ab-item::before {
 417      display: none;
 418      content: none;
 419  }
 420  
 421  #wp-admin-bar-my-account.with-avatar > ul {
 422      min-width: 270px;
 423  }
 424  
 425  #wpadminbar #wp-admin-bar-user-actions > li {
 426      margin-right: 16px;
 427      margin-left: 16px;
 428  }
 429  
 430  #wpadminbar #wp-admin-bar-user-actions.ab-submenu {
 431      padding: 6px 0 12px;
 432  }
 433  
 434  #wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
 435      margin-right: 88px;
 436  }
 437  
 438  #wpadminbar #wp-admin-bar-user-info {
 439      margin-top: 6px;
 440      margin-bottom: 15px;
 441      height: auto;
 442      background: none;
 443  }
 444  
 445  #wp-admin-bar-user-info .avatar {
 446      position: absolute;
 447      right: -72px;
 448      top: 4px;
 449      width: 64px;
 450      height: 64px;
 451      border-radius: 50%;
 452  }
 453  
 454  #wpadminbar #wp-admin-bar-user-info a {
 455      background: none;
 456      height: auto;
 457  }
 458  
 459  #wpadminbar #wp-admin-bar-user-info span {
 460      background: none;
 461      padding: 0;
 462      height: 18px;
 463  }
 464  
 465  #wpadminbar #wp-admin-bar-user-info .howdy,
 466  #wpadminbar #wp-admin-bar-user-info .display-name,
 467  #wpadminbar #wp-admin-bar-user-info .username {
 468      display: block;
 469  }
 470  
 471  #wpadminbar #wp-admin-bar-user-info .howdy .display-name {
 472      display: inline;
 473  }
 474  
 475  #wpadminbar #wp-admin-bar-user-info .username {
 476      color: #a7aaad;
 477      font-size: 11px;
 478  }
 479  
 480  #wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img,
 481  #wpadminbar #wp-admin-bar-my-account.with-avatar > a img {
 482      width: auto;
 483      height: 20px;
 484      padding: 0;
 485      border: 1px solid #2c353b;
 486      border-radius: 50%;
 487      background: #f0f0f1;
 488      line-height: 1.84615384;
 489      vertical-align: middle;
 490      margin: -4px 6px 0 0;
 491      float: none;
 492      display: inline;
 493  }
 494  
 495  /**
 496   * WP Logo
 497   */
 498  #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {
 499      width: 15px;
 500      height: 20px;
 501      margin-left: 0;
 502      padding: 6px 0 5px;
 503  }
 504  
 505  #wpadminbar #wp-admin-bar-wp-logo > .ab-item {
 506      padding: 0 7px;
 507  }
 508  
 509  #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon::before {
 510      content: "\f120";
 511      content: "\f120" / "";
 512      top: 2px;
 513  }
 514  
 515  /*
 516   * My Sites & Site Title
 517   */
 518  #wpadminbar .quicklinks li .blavatar {
 519      display: inline-block;
 520      vertical-align: middle;
 521      font: 400 16px/1 dashicons !important;
 522      -webkit-font-smoothing: antialiased;
 523      -moz-osx-font-smoothing: grayscale;
 524      color: #f0f0f1;
 525  }
 526  
 527  #wpadminbar .quicklinks li a:hover .blavatar,
 528  #wpadminbar .quicklinks li a:focus .blavatar,
 529  #wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar {
 530      color: #72aee6;
 531  }
 532  
 533  #wpadminbar .quicklinks li img.blavatar,
 534  #wpadminbar .quicklinks li div.blavatar::before {
 535      height: 16px;
 536      width: 16px;
 537      margin: 0 -2px 2px 8px;
 538  }
 539  
 540  #wpadminbar .quicklinks li img.blavatar {
 541      border-radius: 2px;
 542  }
 543  
 544  #wpadminbar .quicklinks li div.blavatar::before {
 545      content: "\f120";
 546      content: "\f120" / "";
 547      display: inline-block;
 548  }
 549  
 550  #wpadminbar #wp-admin-bar-appearance {
 551      margin-top: -12px;
 552  }
 553  
 554  #wpadminbar #wp-admin-bar-my-sites > .ab-item::before,
 555  #wpadminbar #wp-admin-bar-site-name > .ab-item::before {
 556      content: "\f541";
 557      content: "\f541" / "";
 558      top: 2px;
 559  }
 560  
 561  #wpadminbar #wp-admin-bar-site-editor > .ab-item::before {
 562      content: "\f100";
 563      content: "\f100" / "";
 564      top: 2px;
 565  }
 566  
 567  #wpadminbar #wp-admin-bar-customize > .ab-item::before {
 568      content: "\f540";
 569      content: "\f540" / "";
 570      top: 2px;
 571  }
 572  
 573  #wpadminbar #wp-admin-bar-edit > .ab-item::before {
 574      content: "\f464";
 575      content: "\f464" / "";
 576      top: 2px;
 577  }
 578  
 579  #wpadminbar #wp-admin-bar-site-name > .ab-item::before {
 580      content: "\f226";
 581      content: "\f226" / "";
 582  }
 583  
 584  .wp-admin #wpadminbar #wp-admin-bar-site-name > .ab-item::before {
 585      content: "\f102";
 586      content: "\f102" / "";
 587  }
 588  
 589  #wpadminbar #wp-admin-bar-site-name.has-site-icon > .ab-item {
 590      display: flex;
 591      align-items: center;
 592      gap: 6px;
 593  }
 594  
 595  #wpadminbar #wp-admin-bar-site-name.has-site-icon > .ab-item::before {
 596      content: none;
 597  }
 598  
 599  /* The adminbar icon needs additional styling to prevent 3rd party styles from overriding the size. */
 600  #wpadminbar #wp-admin-bar-site-name > .ab-item img.site-icon {
 601      width: 20px;
 602      height: 20px;
 603      max-width: 20px;
 604      max-height: 20px;
 605      min-width: 20px;
 606      min-height: 20px;
 607      border-radius: 2px;
 608  }
 609  
 610  /**
 611   * Comments
 612   */
 613  #wpadminbar #wp-admin-bar-comments .ab-icon {
 614      margin-left: 6px;
 615  }
 616  
 617  #wpadminbar #wp-admin-bar-comments .ab-icon::before {
 618      content: "\f101";
 619      content: "\f101" / "";
 620      top: 3px;
 621  }
 622  
 623  /**
 624   * New Content
 625   */
 626  #wpadminbar #wp-admin-bar-new-content .ab-icon::before {
 627      content: "\f132";
 628      content: "\f132" / "";
 629      top: 4px;
 630  }
 631  
 632  /**
 633   * Updates
 634   */
 635  #wpadminbar #wp-admin-bar-updates .ab-icon::before {
 636      content: "\f463";
 637      content: "\f463" / "";
 638      top: 2px;
 639  }
 640  
 641  #wpadminbar #wp-admin-bar-updates.spin .ab-icon::before {
 642      display: inline-block;
 643      animation: rotation 2s infinite linear;
 644  }
 645  
 646  @media (prefers-reduced-motion: reduce) {
 647      #wpadminbar #wp-admin-bar-updates.spin .ab-icon::before {
 648          animation: none;
 649      }
 650  }
 651  
 652  /**
 653   * Search
 654   */
 655  #wpadminbar #wp-admin-bar-search .ab-item {
 656      padding: 0;
 657      background: transparent;
 658  }
 659  
 660  #wpadminbar #adminbarsearch {
 661      position: relative;
 662      height: 32px;
 663      padding: 0 2px;
 664      z-index: 1;
 665  }
 666  
 667  #wpadminbar #adminbarsearch::before {
 668      position: absolute;
 669      top: 6px;
 670      right: 5px;
 671      z-index: 20;
 672      font: 400 20px/1 dashicons !important;
 673      content: "\f179";
 674      content: "\f179" / "";
 675      speak: never;
 676      -webkit-font-smoothing: antialiased;
 677      -moz-osx-font-smoothing: grayscale;
 678  }
 679  
 680  /* The admin bar search field needs to reset many styles that might be inherited from the active Theme CSS. See ticket #40313. */
 681  #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
 682      display: inline-block;
 683      float: none;
 684      position: relative;
 685      z-index: 30;
 686      font-size: 13px;
 687      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 688      line-height: 1.84615384;
 689      text-indent: 0;
 690      height: 24px;
 691      width: 24px;
 692      max-width: none;
 693      padding: 0 24px 0 3px;
 694      margin: 0;
 695      color: #c3c4c7;
 696      background-color: rgba(255, 255, 255, 0);
 697      border: none;
 698      outline: none;
 699      cursor: pointer;
 700      box-shadow: none;
 701      box-sizing: border-box;
 702      transition-duration: 400ms;
 703      transition-property: width, background;
 704      transition-timing-function: ease;
 705  }
 706  
 707  #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
 708      z-index: 10;
 709      color: #000;
 710      width: 200px;
 711      background-color: rgba(255, 255, 255, 0.9);
 712      cursor: text;
 713      border: 0;
 714  }
 715  
 716  #wpadminbar #adminbarsearch .adminbar-button {
 717      display: none;
 718  }
 719  
 720  /**
 721   * Command Palette
 722   */
 723  #wpadminbar #wp-admin-bar-command-palette .ab-icon::before {
 724      content: "\f179";
 725      content: "\f179" / "";
 726      top: 3px;
 727  }
 728  
 729  #wpadminbar #wp-admin-bar-command-palette kbd {
 730      background: transparent;
 731  }
 732  
 733  /**
 734   * Customize support classes
 735   */
 736  .no-customize-support .hide-if-no-customize,
 737  .customize-support .hide-if-customize,
 738  .no-customize-support #wpadminbar .hide-if-no-customize,
 739  .no-customize-support.wp-core-ui .hide-if-no-customize,
 740  .no-customize-support .wp-core-ui .hide-if-no-customize,
 741  .customize-support #wpadminbar .hide-if-customize,
 742  .customize-support.wp-core-ui .hide-if-customize,
 743  .customize-support .wp-core-ui .hide-if-customize {
 744      display: none;
 745  }
 746  
 747  /**
 748   * Skip link
 749   */
 750  #wpadminbar .screen-reader-text,
 751  #wpadminbar .screen-reader-text span {
 752      border: 0;
 753      clip-path: inset(50%);
 754      height: 1px;
 755      margin: -1px;
 756      overflow: hidden;
 757      padding: 0;
 758      position: absolute;
 759      width: 1px;
 760      /* Many screen reader and browser combinations announce broken words as they would appear visually. */
 761      word-wrap: normal !important;
 762      word-break: normal !important;
 763  }
 764  
 765  #wpadminbar .screen-reader-shortcut {
 766      position: absolute;
 767      top: -1000em;
 768      right: 6px;
 769      height: auto;
 770      width: auto;
 771      display: block;
 772      font-size: 14px;
 773      font-weight: 600;
 774      padding: 15px 23px 14px;
 775      background: #f0f0f1;
 776      color: #2271b1;
 777      z-index: 100000;
 778      line-height: normal;
 779      text-decoration: none;
 780  }
 781  
 782  #wpadminbar .screen-reader-shortcut:focus {
 783      top: 7px;
 784      background: #f0f0f1;
 785      box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 786  }
 787  
 788  /**
 789   * Media Queries
 790   */
 791  @media screen and (max-width: 782px) {
 792      html {
 793          --wp-admin--admin-bar--height: 46px;
 794      }
 795  
 796      /* Toolbar Touchification*/
 797      html #wpadminbar {
 798          height: 46px;
 799          min-width: 240px; /* match the min-width of the body in wp-admin/css/common.css */
 800      }
 801  
 802      #wpadminbar * {
 803          font-size: 14px;
 804          font-weight: 400;
 805          font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 806          line-height: 2.28571428;
 807      }
 808  
 809      #wpadminbar .quicklinks > ul > li > a,
 810      #wpadminbar .quicklinks .ab-empty-item {
 811          padding: 0;
 812          height: 46px;
 813          line-height: 3.28571428;
 814          width: auto;
 815      }
 816  
 817      #wpadminbar .ab-icon {
 818          font: 40px/1 dashicons !important;
 819          margin: 0;
 820          padding: 0;
 821          width: 52px;
 822          height: 46px;
 823          text-align: center;
 824      }
 825  
 826      #wpadminbar .ab-icon::before {
 827          text-align: center;
 828      }
 829  
 830      #wpadminbar .ab-submenu {
 831          padding: 0;
 832      }
 833  
 834      #wpadminbar #wp-admin-bar-site-name a.ab-item,
 835      #wpadminbar #wp-admin-bar-my-sites a.ab-item,
 836      #wpadminbar #wp-admin-bar-my-account a.ab-item {
 837          text-overflow: clip;
 838      }
 839  
 840      #wpadminbar .quicklinks .menupop ul li .ab-item,
 841      #wpadminbar .quicklinks .menupop ul li a strong,
 842      #wpadminbar .quicklinks .menupop.hover ul li .ab-item,
 843      #wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item,
 844      #wpadminbar .shortlink-input {
 845          line-height: 1.6;
 846      }
 847  
 848      #wpadminbar .ab-label {
 849          border: 0;
 850          clip-path: inset(50%);
 851          height: 1px;
 852          margin: -1px;
 853          overflow: hidden;
 854          padding: 0;
 855          position: absolute;
 856          width: 1px;
 857          /* Many screen reader and browser combinations announce broken words as they would appear visually. */
 858          word-wrap: normal !important;
 859          word-break: normal !important;
 860      }
 861  
 862      #wpadminbar .menupop li:hover > .ab-sub-wrapper,
 863      #wpadminbar .menupop li.hover > .ab-sub-wrapper {
 864          margin-top: -46px;
 865      }
 866  
 867      #wpadminbar .ab-top-menu .menupop .ab-sub-wrapper .menupop > .ab-item {
 868          padding-left: 30px;
 869      }
 870  
 871      #wpadminbar .menupop .menupop > .ab-item::before {
 872          top: 10px;
 873          left: 6px;
 874      }
 875  
 876      #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper .ab-item {
 877          font-size: 16px;
 878          padding: 8px 16px;
 879      }
 880  
 881      #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper a:empty {
 882          display: none;
 883      }
 884  
 885      /* WP logo */
 886      #wpadminbar #wp-admin-bar-wp-logo > .ab-item {
 887          padding: 0;
 888      }
 889  
 890      #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {
 891          padding: 0;
 892          width: 52px;
 893          height: 46px;
 894          text-align: center;
 895          vertical-align: top;
 896      }
 897  
 898      #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon::before {
 899          font: 28px/1 dashicons !important;
 900          top: -3px;
 901      }
 902  
 903      #wpadminbar .ab-icon,
 904      #wpadminbar .ab-item::before {
 905          padding: 0;
 906      }
 907  
 908      /* My Sites and "Site Title" menu */
 909      #wpadminbar #wp-admin-bar-my-sites > .ab-item,
 910      #wpadminbar #wp-admin-bar-site-name > .ab-item,
 911      #wpadminbar #wp-admin-bar-site-editor > .ab-item,
 912      #wpadminbar #wp-admin-bar-customize > .ab-item,
 913      #wpadminbar #wp-admin-bar-edit > .ab-item,
 914      #wpadminbar #wp-admin-bar-my-account > .ab-item {
 915          text-indent: 100%;
 916          white-space: nowrap;
 917          overflow: hidden;
 918          width: 52px;
 919          padding: 0;
 920          color: #a7aaad; /* @todo not needed? this text is hidden */
 921          position: relative;
 922      }
 923  
 924      #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
 925      #wpadminbar .ab-icon,
 926      #wpadminbar .ab-item::before {
 927          padding: 0;
 928          margin-left: 0;
 929      }
 930  
 931      #wpadminbar #wp-admin-bar-edit > .ab-item::before,
 932      #wpadminbar #wp-admin-bar-my-sites > .ab-item::before,
 933      #wpadminbar #wp-admin-bar-site-name:not(.has-site-icon) > .ab-item::before,
 934      #wpadminbar #wp-admin-bar-site-editor > .ab-item::before,
 935      #wpadminbar #wp-admin-bar-customize > .ab-item::before,
 936      #wpadminbar #wp-admin-bar-my-account > .ab-item::before,
 937      #wpadminbar #wp-admin-bar-command-palette .ab-icon::before {
 938          display: block;
 939          text-indent: 0;
 940          font: 400 32px/1 dashicons;
 941          top: 7px;
 942          width: 52px;
 943          text-align: center;
 944          -webkit-font-smoothing: antialiased;
 945          -moz-osx-font-smoothing: grayscale;
 946      }
 947  
 948      /*
 949       * Flex prevents `text-indent` from hiding the site title, and is unused here
 950       * since the icon is positioned absolutely below.
 951       */
 952      #wpadminbar #wp-admin-bar-site-name.has-site-icon > .ab-item {
 953          display: block;
 954      }
 955  
 956      #wpadminbar #wp-admin-bar-site-name > .ab-item img.site-icon {
 957          position: absolute;
 958          top: 9px;
 959          right: 12px;
 960          width: 28px;
 961          height: 28px;
 962          max-width: 28px;
 963          max-height: 28px;
 964          min-width: 28px;
 965          min-height: 28px;
 966          margin: 0;
 967          border-radius: 4px;
 968      }
 969  
 970      #wpadminbar #wp-admin-bar-appearance {
 971          margin-top: 0;
 972      }
 973  
 974      #wpadminbar .quicklinks li .blavatar::before {
 975          display: none;
 976      }
 977  
 978      /* Search */
 979      #wpadminbar #wp-admin-bar-search {
 980          display: none;
 981      }
 982  
 983      /* New Content */
 984      #wpadminbar #wp-admin-bar-new-content .ab-icon::before {
 985          top: 0;
 986          line-height: 1.26;
 987          height: 46px !important;
 988          text-align: center;
 989          width: 52px;
 990          display: block;
 991      }
 992  
 993      /* Updates */
 994      #wpadminbar #wp-admin-bar-updates {
 995          text-align: center;
 996      }
 997  
 998      #wpadminbar #wp-admin-bar-updates .ab-icon::before {
 999          top: 3px;
1000      }
1001  
1002      /* Comments and Command Palette */
1003      #wpadminbar #wp-admin-bar-comments .ab-icon,
1004      #wpadminbar #wp-admin-bar-command-palette .ab-icon {
1005          margin: 0;
1006      }
1007  
1008      #wpadminbar #wp-admin-bar-comments .ab-icon::before,
1009      #wpadminbar #wp-admin-bar-command-palette .ab-icon::before {
1010          display: block;
1011          font-size: 34px;
1012          height: 46px;
1013          line-height: 1.38235294;
1014          top: 0;
1015      }
1016  
1017      /* My Account */
1018      #wpadminbar #wp-admin-bar-my-account > a {
1019          position: relative;
1020          white-space: nowrap;
1021          text-indent: 150%; /* More than 100% indentation is needed since this element has padding */
1022          width: 28px;
1023          padding: 0 10px;
1024          overflow: hidden; /* Prevent link text from forcing horizontal scrolling on mobile */
1025      }
1026  
1027      #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
1028          position: absolute;
1029          top: 12px;
1030          left: 10px;
1031          width: 28px;
1032          height: 28px;
1033          border-radius: 50%;
1034      }
1035  
1036      #wpadminbar #wp-admin-bar-user-actions.ab-submenu {
1037          padding: 0;
1038      }
1039  
1040      #wpadminbar #wp-admin-bar-user-actions.ab-submenu img.avatar {
1041          display: none;
1042      }
1043  
1044      #wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
1045          margin: 0;
1046      }
1047  
1048      #wpadminbar #wp-admin-bar-user-info .howdy,
1049      #wpadminbar #wp-admin-bar-user-info .display-name {
1050          height: auto;
1051          font-size: 16px;
1052          line-height: 1.5;
1053          color: #f0f0f1;
1054      }
1055  
1056      #wpadminbar #wp-admin-bar-user-info .howdy {
1057          white-space: normal;
1058          overflow-wrap: anywhere;
1059      }
1060  
1061      #wpadminbar #wp-admin-bar-user-info a {
1062          padding-top: 4px;
1063      }
1064  
1065      #wpadminbar #wp-admin-bar-user-info .username {
1066          line-height: 0.8 !important;
1067          margin-bottom: -2px;
1068      }
1069  
1070      /* Show only default top level items */
1071      #wp-toolbar > ul > li {
1072          display: none;
1073      }
1074  
1075      #wpadminbar li#wp-admin-bar-menu-toggle,
1076      #wpadminbar li#wp-admin-bar-wp-logo,
1077      #wpadminbar li#wp-admin-bar-my-sites,
1078      #wpadminbar li#wp-admin-bar-updates,
1079      #wpadminbar li#wp-admin-bar-site-name,
1080      #wpadminbar li#wp-admin-bar-site-editor,
1081      #wpadminbar li#wp-admin-bar-customize,
1082      #wpadminbar li#wp-admin-bar-new-content,
1083      #wpadminbar li#wp-admin-bar-edit,
1084      #wpadminbar li#wp-admin-bar-comments,
1085      #wpadminbar li#wp-admin-bar-my-account,
1086      #wpadminbar li#wp-admin-bar-command-palette {
1087          display: block;
1088      }
1089  
1090      /* Allow dropdown list items to appear normally */
1091      #wpadminbar li:hover ul li,
1092      #wpadminbar li.hover ul li,
1093      #wpadminbar li:hover ul li:hover ul li {
1094          display: list-item;
1095      }
1096  
1097      /* Override default min-width so dropdown lists aren't stretched
1098          to 100% viewport width at responsive sizes. */
1099      #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
1100          min-width: fit-content;
1101      }
1102  
1103      #wpadminbar ul#wp-admin-bar-root-default > li {
1104          margin-left: 0;
1105      }
1106  
1107      /* Experimental fix for touch toolbar dropdown positioning */
1108      #wpadminbar .ab-top-menu,
1109      #wpadminbar .ab-top-secondary,
1110      #wpadminbar #wp-admin-bar-wp-logo,
1111      #wpadminbar #wp-admin-bar-my-sites,
1112      #wpadminbar #wp-admin-bar-site-name,
1113      #wpadminbar #wp-admin-bar-updates,
1114      #wpadminbar #wp-admin-bar-comments,
1115      #wpadminbar #wp-admin-bar-new-content,
1116      #wpadminbar #wp-admin-bar-edit,
1117      #wpadminbar #wp-admin-bar-my-account,
1118      #wpadminbar #wp-admin-bar-command-palette {
1119          position: static;
1120      }
1121  
1122      .network-admin #wpadminbar ul#wp-admin-bar-top-secondary > li#wp-admin-bar-my-account {
1123          margin-left: 0;
1124      }
1125  
1126      /* Realign arrows on taller responsive submenus */
1127  
1128      #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item::before {
1129          top: 10px;
1130          right: 0;
1131      }
1132  }
1133  
1134  /* Smartphone */
1135  @media screen and (max-width: 600px) {
1136      #wpadminbar {
1137          position: absolute;
1138      }
1139  
1140      #wp-responsive-overlay {
1141          position: fixed;
1142          top: 0;
1143          right: 0;
1144          width: 100%;
1145          height: 100%;
1146          z-index: 400;
1147      }
1148  
1149      #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
1150          width: 100%;
1151          right: 0;
1152      }
1153  
1154      #wpadminbar .menupop .menupop > .ab-item::before {
1155          display: none;
1156      }
1157  
1158      #wpadminbar #wp-admin-bar-wp-logo.menupop .ab-sub-wrapper {
1159          margin-right: 0;
1160      }
1161  
1162      #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper {
1163          margin: 0;
1164          /* Make submenus full-width at this size */
1165          width: 100%;
1166          position: static;
1167          box-shadow: none;
1168      }
1169  
1170      #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper .ab-item {
1171          font-size: 16px;
1172          padding: 6px 30px 19px 15px;
1173      }
1174  
1175      #wpadminbar li:hover ul li ul li {
1176          display: list-item;
1177      }
1178  
1179      #wpadminbar li#wp-admin-bar-wp-logo,
1180      #wpadminbar li#wp-admin-bar-updates {
1181          display: none;
1182      }
1183  }
1184  
1185  /* Very narrow screens */
1186  @media screen and (max-width: 400px) {
1187      #wpadminbar li#wp-admin-bar-comments {
1188          display: none;
1189      }
1190  }