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