[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: "\f139" / "";
 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: "\f141" / "";
 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 .display-name,
 466  #wpadminbar #wp-admin-bar-user-info .username {
 467      display: block;
 468  }
 469  
 470  #wpadminbar #wp-admin-bar-user-info .username {
 471      color: #a7aaad;
 472      font-size: 11px;
 473  }
 474  
 475  #wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img,
 476  #wpadminbar #wp-admin-bar-my-account.with-avatar > a img {
 477      width: auto;
 478      height: 20px;
 479      padding: 0;
 480      border: 1px solid #2c353b;
 481      border-radius: 50%;
 482      background: #f0f0f1;
 483      line-height: 1.84615384;
 484      vertical-align: middle;
 485      margin: -4px 6px 0 0;
 486      float: none;
 487      display: inline;
 488  }
 489  
 490  /**
 491   * WP Logo
 492   */
 493  #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {
 494      width: 15px;
 495      height: 20px;
 496      margin-left: 0;
 497      padding: 6px 0 5px;
 498  }
 499  
 500  #wpadminbar #wp-admin-bar-wp-logo > .ab-item {
 501      padding: 0 7px;
 502  }
 503  
 504  #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon::before {
 505      content: "\f120";
 506      content: "\f120" / "";
 507      top: 2px;
 508  }
 509  
 510  /*
 511   * My Sites & Site Title
 512   */
 513  #wpadminbar .quicklinks li .blavatar {
 514      display: inline-block;
 515      vertical-align: middle;
 516      font: 400 16px/1 dashicons !important;
 517      -webkit-font-smoothing: antialiased;
 518      -moz-osx-font-smoothing: grayscale;
 519      color: #f0f0f1;
 520  }
 521  
 522  #wpadminbar .quicklinks li a:hover .blavatar,
 523  #wpadminbar .quicklinks li a:focus .blavatar,
 524  #wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar {
 525      color: #72aee6;
 526  }
 527  
 528  #wpadminbar .quicklinks li img.blavatar,
 529  #wpadminbar .quicklinks li div.blavatar::before {
 530      height: 16px;
 531      width: 16px;
 532      margin: 0 -2px 2px 8px;
 533  }
 534  
 535  #wpadminbar .quicklinks li img.blavatar {
 536      border-radius: 2px;
 537  }
 538  
 539  #wpadminbar .quicklinks li div.blavatar::before {
 540      content: "\f120";
 541      content: "\f120" / "";
 542      display: inline-block;
 543  }
 544  
 545  #wpadminbar #wp-admin-bar-appearance {
 546      margin-top: -12px;
 547  }
 548  
 549  #wpadminbar #wp-admin-bar-my-sites > .ab-item::before,
 550  #wpadminbar #wp-admin-bar-site-name > .ab-item::before {
 551      content: "\f541";
 552      content: "\f541" / "";
 553      top: 2px;
 554  }
 555  
 556  #wpadminbar #wp-admin-bar-site-editor > .ab-item::before {
 557      content: "\f100";
 558      content: "\f100" / "";
 559      top: 2px;
 560  }
 561  
 562  #wpadminbar #wp-admin-bar-customize > .ab-item::before {
 563      content: "\f540";
 564      content: "\f540" / "";
 565      top: 2px;
 566  }
 567  
 568  #wpadminbar #wp-admin-bar-edit > .ab-item::before {
 569      content: "\f464";
 570      content: "\f464" / "";
 571      top: 2px;
 572  }
 573  
 574  #wpadminbar #wp-admin-bar-site-name > .ab-item::before {
 575      content: "\f226";
 576      content: "\f226" / "";
 577  }
 578  
 579  .wp-admin #wpadminbar #wp-admin-bar-site-name > .ab-item::before {
 580      content: "\f102";
 581      content: "\f102" / "";
 582  }
 583  
 584  #wpadminbar #wp-admin-bar-site-name.has-site-icon > .ab-item {
 585      display: flex;
 586      align-items: center;
 587      gap: 6px;
 588  }
 589  
 590  #wpadminbar #wp-admin-bar-site-name.has-site-icon > .ab-item::before {
 591      content: none;
 592  }
 593  
 594  #wpadminbar #wp-admin-bar-site-name > .ab-item .site-icon {
 595      width: 20px;
 596      height: 20px;
 597      border-radius: 2px;
 598  }
 599  
 600  /**
 601   * Comments
 602   */
 603  #wpadminbar #wp-admin-bar-comments .ab-icon {
 604      margin-left: 6px;
 605  }
 606  
 607  #wpadminbar #wp-admin-bar-comments .ab-icon::before {
 608      content: "\f101";
 609      content: "\f101" / "";
 610      top: 3px;
 611  }
 612  
 613  /**
 614   * New Content
 615   */
 616  #wpadminbar #wp-admin-bar-new-content .ab-icon::before {
 617      content: "\f132";
 618      content: "\f132" / "";
 619      top: 4px;
 620  }
 621  
 622  /**
 623   * Updates
 624   */
 625  #wpadminbar #wp-admin-bar-updates .ab-icon::before {
 626      content: "\f463";
 627      content: "\f463" / "";
 628      top: 2px;
 629  }
 630  
 631  #wpadminbar #wp-admin-bar-updates.spin .ab-icon::before {
 632      display: inline-block;
 633      animation: rotation 2s infinite linear;
 634  }
 635  
 636  @media (prefers-reduced-motion: reduce) {
 637      #wpadminbar #wp-admin-bar-updates.spin .ab-icon::before {
 638          animation: none;
 639      }
 640  }
 641  
 642  /**
 643   * Search
 644   */
 645  #wpadminbar #wp-admin-bar-search .ab-item {
 646      padding: 0;
 647      background: transparent;
 648  }
 649  
 650  #wpadminbar #adminbarsearch {
 651      position: relative;
 652      height: 32px;
 653      padding: 0 2px;
 654      z-index: 1;
 655  }
 656  
 657  #wpadminbar #adminbarsearch::before {
 658      position: absolute;
 659      top: 6px;
 660      right: 5px;
 661      z-index: 20;
 662      font: 400 20px/1 dashicons !important;
 663      content: "\f179";
 664      content: "\f179" / "";
 665      speak: never;
 666      -webkit-font-smoothing: antialiased;
 667      -moz-osx-font-smoothing: grayscale;
 668  }
 669  
 670  /* The admin bar search field needs to reset many styles that might be inherited from the active Theme CSS. See ticket #40313. */
 671  #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
 672      display: inline-block;
 673      float: none;
 674      position: relative;
 675      z-index: 30;
 676      font-size: 13px;
 677      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 678      line-height: 1.84615384;
 679      text-indent: 0;
 680      height: 24px;
 681      width: 24px;
 682      max-width: none;
 683      padding: 0 24px 0 3px;
 684      margin: 0;
 685      color: #c3c4c7;
 686      background-color: rgba(255, 255, 255, 0);
 687      border: none;
 688      outline: none;
 689      cursor: pointer;
 690      box-shadow: none;
 691      box-sizing: border-box;
 692      transition-duration: 400ms;
 693      transition-property: width, background;
 694      transition-timing-function: ease;
 695  }
 696  
 697  #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
 698      z-index: 10;
 699      color: #000;
 700      width: 200px;
 701      background-color: rgba(255, 255, 255, 0.9);
 702      cursor: text;
 703      border: 0;
 704  }
 705  
 706  #wpadminbar #adminbarsearch .adminbar-button {
 707      display: none;
 708  }
 709  
 710  /**
 711   * Command Palette
 712   */
 713  #wpadminbar #wp-admin-bar-command-palette .ab-icon::before {
 714      content: "\f179";
 715      content: "\f179" / "";
 716      top: 3px;
 717  }
 718  
 719  #wpadminbar #wp-admin-bar-command-palette kbd {
 720      background: transparent;
 721  }
 722  
 723  /**
 724   * Customize support classes
 725   */
 726  .no-customize-support .hide-if-no-customize,
 727  .customize-support .hide-if-customize,
 728  .no-customize-support #wpadminbar .hide-if-no-customize,
 729  .no-customize-support.wp-core-ui .hide-if-no-customize,
 730  .no-customize-support .wp-core-ui .hide-if-no-customize,
 731  .customize-support #wpadminbar .hide-if-customize,
 732  .customize-support.wp-core-ui .hide-if-customize,
 733  .customize-support .wp-core-ui .hide-if-customize {
 734      display: none;
 735  }
 736  
 737  /**
 738   * Skip link
 739   */
 740  #wpadminbar .screen-reader-text,
 741  #wpadminbar .screen-reader-text span {
 742      border: 0;
 743      clip-path: inset(50%);
 744      height: 1px;
 745      margin: -1px;
 746      overflow: hidden;
 747      padding: 0;
 748      position: absolute;
 749      width: 1px;
 750      /* Many screen reader and browser combinations announce broken words as they would appear visually. */
 751      word-wrap: normal !important;
 752      word-break: normal !important;
 753  }
 754  
 755  #wpadminbar .screen-reader-shortcut {
 756      position: absolute;
 757      top: -1000em;
 758      right: 6px;
 759      height: auto;
 760      width: auto;
 761      display: block;
 762      font-size: 14px;
 763      font-weight: 600;
 764      padding: 15px 23px 14px;
 765      background: #f0f0f1;
 766      color: #2271b1;
 767      z-index: 100000;
 768      line-height: normal;
 769      text-decoration: none;
 770  }
 771  
 772  #wpadminbar .screen-reader-shortcut:focus {
 773      top: 7px;
 774      background: #f0f0f1;
 775      box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 776  }
 777  
 778  /**
 779   * Media Queries
 780   */
 781  @media screen and (max-width: 782px) {
 782      html {
 783          --wp-admin--admin-bar--height: 46px;
 784      }
 785  
 786      /* Toolbar Touchification*/
 787      html #wpadminbar {
 788          height: 46px;
 789          min-width: 240px; /* match the min-width of the body in wp-admin/css/common.css */
 790      }
 791  
 792      #wpadminbar * {
 793          font-size: 14px;
 794          font-weight: 400;
 795          font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 796          line-height: 2.28571428;
 797      }
 798  
 799      #wpadminbar .quicklinks > ul > li > a,
 800      #wpadminbar .quicklinks .ab-empty-item {
 801          padding: 0;
 802          height: 46px;
 803          line-height: 3.28571428;
 804          width: auto;
 805      }
 806  
 807      #wpadminbar .ab-icon {
 808          font: 40px/1 dashicons !important;
 809          margin: 0;
 810          padding: 0;
 811          width: 52px;
 812          height: 46px;
 813          text-align: center;
 814      }
 815  
 816      #wpadminbar .ab-icon::before {
 817          text-align: center;
 818      }
 819  
 820      #wpadminbar .ab-submenu {
 821          padding: 0;
 822      }
 823  
 824      #wpadminbar #wp-admin-bar-site-name a.ab-item,
 825      #wpadminbar #wp-admin-bar-my-sites a.ab-item,
 826      #wpadminbar #wp-admin-bar-my-account a.ab-item {
 827          text-overflow: clip;
 828      }
 829  
 830      #wpadminbar .quicklinks .menupop ul li .ab-item,
 831      #wpadminbar .quicklinks .menupop ul li a strong,
 832      #wpadminbar .quicklinks .menupop.hover ul li .ab-item,
 833      #wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item,
 834      #wpadminbar .shortlink-input {
 835          line-height: 1.6;
 836      }
 837  
 838      #wpadminbar .ab-label {
 839          border: 0;
 840          clip-path: inset(50%);
 841          height: 1px;
 842          margin: -1px;
 843          overflow: hidden;
 844          padding: 0;
 845          position: absolute;
 846          width: 1px;
 847          /* Many screen reader and browser combinations announce broken words as they would appear visually. */
 848          word-wrap: normal !important;
 849          word-break: normal !important;
 850      }
 851  
 852      #wpadminbar .menupop li:hover > .ab-sub-wrapper,
 853      #wpadminbar .menupop li.hover > .ab-sub-wrapper {
 854          margin-top: -46px;
 855      }
 856  
 857      #wpadminbar .ab-top-menu .menupop .ab-sub-wrapper .menupop > .ab-item {
 858          padding-left: 30px;
 859      }
 860  
 861      #wpadminbar .menupop .menupop > .ab-item::before {
 862          top: 10px;
 863          left: 6px;
 864      }
 865  
 866      #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper .ab-item {
 867          font-size: 16px;
 868          padding: 8px 16px;
 869      }
 870  
 871      #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper a:empty {
 872          display: none;
 873      }
 874  
 875      /* WP logo */
 876      #wpadminbar #wp-admin-bar-wp-logo > .ab-item {
 877          padding: 0;
 878      }
 879  
 880      #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {
 881          padding: 0;
 882          width: 52px;
 883          height: 46px;
 884          text-align: center;
 885          vertical-align: top;
 886      }
 887  
 888      #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon::before {
 889          font: 28px/1 dashicons !important;
 890          top: -3px;
 891      }
 892  
 893      #wpadminbar .ab-icon,
 894      #wpadminbar .ab-item::before {
 895          padding: 0;
 896      }
 897  
 898      /* My Sites and "Site Title" menu */
 899      #wpadminbar #wp-admin-bar-my-sites > .ab-item,
 900      #wpadminbar #wp-admin-bar-site-name > .ab-item,
 901      #wpadminbar #wp-admin-bar-site-editor > .ab-item,
 902      #wpadminbar #wp-admin-bar-customize > .ab-item,
 903      #wpadminbar #wp-admin-bar-edit > .ab-item,
 904      #wpadminbar #wp-admin-bar-my-account > .ab-item {
 905          text-indent: 100%;
 906          white-space: nowrap;
 907          overflow: hidden;
 908          width: 52px;
 909          padding: 0;
 910          color: #a7aaad; /* @todo not needed? this text is hidden */
 911          position: relative;
 912      }
 913  
 914      #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
 915      #wpadminbar .ab-icon,
 916      #wpadminbar .ab-item::before {
 917          padding: 0;
 918          margin-left: 0;
 919      }
 920  
 921      #wpadminbar #wp-admin-bar-edit > .ab-item::before,
 922      #wpadminbar #wp-admin-bar-my-sites > .ab-item::before,
 923      #wpadminbar #wp-admin-bar-site-name:not(.has-site-icon) > .ab-item::before,
 924      #wpadminbar #wp-admin-bar-site-editor > .ab-item::before,
 925      #wpadminbar #wp-admin-bar-customize > .ab-item::before,
 926      #wpadminbar #wp-admin-bar-my-account > .ab-item::before,
 927      #wpadminbar #wp-admin-bar-command-palette .ab-icon::before {
 928          display: block;
 929          text-indent: 0;
 930          font: 400 32px/1 dashicons;
 931          top: 7px;
 932          width: 52px;
 933          text-align: center;
 934          -webkit-font-smoothing: antialiased;
 935          -moz-osx-font-smoothing: grayscale;
 936      }
 937  
 938      /*
 939       * Flex prevents `text-indent` from hiding the site title, and is unused here
 940       * since the icon is positioned absolutely below.
 941       */
 942      #wpadminbar #wp-admin-bar-site-name.has-site-icon > .ab-item {
 943          display: block;
 944      }
 945  
 946      #wpadminbar #wp-admin-bar-site-name > .ab-item .site-icon {
 947          position: absolute;
 948          top: 9px;
 949          right: 12px;
 950          width: 28px;
 951          height: 28px;
 952          margin: 0;
 953          border-radius: 4px;
 954      }
 955  
 956      #wpadminbar #wp-admin-bar-appearance {
 957          margin-top: 0;
 958      }
 959  
 960      #wpadminbar .quicklinks li .blavatar::before {
 961          display: none;
 962      }
 963  
 964      /* Search */
 965      #wpadminbar #wp-admin-bar-search {
 966          display: none;
 967      }
 968  
 969      /* New Content */
 970      #wpadminbar #wp-admin-bar-new-content .ab-icon::before {
 971          top: 0;
 972          line-height: 1.26;
 973          height: 46px !important;
 974          text-align: center;
 975          width: 52px;
 976          display: block;
 977      }
 978  
 979      /* Updates */
 980      #wpadminbar #wp-admin-bar-updates {
 981          text-align: center;
 982      }
 983  
 984      #wpadminbar #wp-admin-bar-updates .ab-icon::before {
 985          top: 3px;
 986      }
 987  
 988      /* Comments and Command Palette */
 989      #wpadminbar #wp-admin-bar-comments .ab-icon,
 990      #wpadminbar #wp-admin-bar-command-palette .ab-icon {
 991          margin: 0;
 992      }
 993  
 994      #wpadminbar #wp-admin-bar-comments .ab-icon::before,
 995      #wpadminbar #wp-admin-bar-command-palette .ab-icon::before {
 996          display: block;
 997          font-size: 34px;
 998          height: 46px;
 999          line-height: 1.38235294;
1000          top: 0;
1001      }
1002  
1003      /* My Account */
1004      #wpadminbar #wp-admin-bar-my-account > a {
1005          position: relative;
1006          white-space: nowrap;
1007          text-indent: 150%; /* More than 100% indentation is needed since this element has padding */
1008          width: 28px;
1009          padding: 0 10px;
1010          overflow: hidden; /* Prevent link text from forcing horizontal scrolling on mobile */
1011      }
1012  
1013      #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
1014          position: absolute;
1015          top: 12px;
1016          left: 10px;
1017          width: 28px;
1018          height: 28px;
1019          border-radius: 50%;
1020      }
1021  
1022      #wpadminbar #wp-admin-bar-user-actions.ab-submenu {
1023          padding: 0;
1024      }
1025  
1026      #wpadminbar #wp-admin-bar-user-actions.ab-submenu img.avatar {
1027          display: none;
1028      }
1029  
1030      #wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
1031          margin: 0;
1032      }
1033  
1034      #wpadminbar #wp-admin-bar-user-info .display-name {
1035          height: auto;
1036          font-size: 16px;
1037          line-height: 1.5;
1038          color: #f0f0f1;
1039      }
1040  
1041      #wpadminbar #wp-admin-bar-user-info a {
1042          padding-top: 4px;
1043      }
1044  
1045      #wpadminbar #wp-admin-bar-user-info .username {
1046          line-height: 0.8 !important;
1047          margin-bottom: -2px;
1048      }
1049  
1050      /* Show only default top level items */
1051      #wp-toolbar > ul > li {
1052          display: none;
1053      }
1054  
1055      #wpadminbar li#wp-admin-bar-menu-toggle,
1056      #wpadminbar li#wp-admin-bar-wp-logo,
1057      #wpadminbar li#wp-admin-bar-my-sites,
1058      #wpadminbar li#wp-admin-bar-updates,
1059      #wpadminbar li#wp-admin-bar-site-name,
1060      #wpadminbar li#wp-admin-bar-site-editor,
1061      #wpadminbar li#wp-admin-bar-customize,
1062      #wpadminbar li#wp-admin-bar-new-content,
1063      #wpadminbar li#wp-admin-bar-edit,
1064      #wpadminbar li#wp-admin-bar-comments,
1065      #wpadminbar li#wp-admin-bar-my-account,
1066      #wpadminbar li#wp-admin-bar-command-palette {
1067          display: block;
1068      }
1069  
1070      /* Allow dropdown list items to appear normally */
1071      #wpadminbar li:hover ul li,
1072      #wpadminbar li.hover ul li,
1073      #wpadminbar li:hover ul li:hover ul li {
1074          display: list-item;
1075      }
1076  
1077      /* Override default min-width so dropdown lists aren't stretched
1078          to 100% viewport width at responsive sizes. */
1079      #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
1080          min-width: fit-content;
1081      }
1082  
1083      #wpadminbar ul#wp-admin-bar-root-default > li {
1084          margin-left: 0;
1085      }
1086  
1087      /* Experimental fix for touch toolbar dropdown positioning */
1088      #wpadminbar .ab-top-menu,
1089      #wpadminbar .ab-top-secondary,
1090      #wpadminbar #wp-admin-bar-wp-logo,
1091      #wpadminbar #wp-admin-bar-my-sites,
1092      #wpadminbar #wp-admin-bar-site-name,
1093      #wpadminbar #wp-admin-bar-updates,
1094      #wpadminbar #wp-admin-bar-comments,
1095      #wpadminbar #wp-admin-bar-new-content,
1096      #wpadminbar #wp-admin-bar-edit,
1097      #wpadminbar #wp-admin-bar-my-account,
1098      #wpadminbar #wp-admin-bar-command-palette {
1099          position: static;
1100      }
1101  
1102      .network-admin #wpadminbar ul#wp-admin-bar-top-secondary > li#wp-admin-bar-my-account {
1103          margin-left: 0;
1104      }
1105  
1106      /* Realign arrows on taller responsive submenus */
1107  
1108      #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item::before {
1109          top: 10px;
1110          right: 0;
1111      }
1112  }
1113  
1114  /* Smartphone */
1115  @media screen and (max-width: 600px) {
1116      #wpadminbar {
1117          position: absolute;
1118      }
1119  
1120      #wp-responsive-overlay {
1121          position: fixed;
1122          top: 0;
1123          right: 0;
1124          width: 100%;
1125          height: 100%;
1126          z-index: 400;
1127      }
1128  
1129      #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
1130          width: 100%;
1131          right: 0;
1132      }
1133  
1134      #wpadminbar .menupop .menupop > .ab-item::before {
1135          display: none;
1136      }
1137  
1138      #wpadminbar #wp-admin-bar-wp-logo.menupop .ab-sub-wrapper {
1139          margin-right: 0;
1140      }
1141  
1142      #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper {
1143          margin: 0;
1144          /* Make submenus full-width at this size */
1145          width: 100%;
1146          position: static;
1147          box-shadow: none;
1148      }
1149  
1150      #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper .ab-item {
1151          font-size: 16px;
1152          padding: 6px 30px 19px 15px;
1153      }
1154  
1155      #wpadminbar li:hover ul li ul li {
1156          display: list-item;
1157      }
1158  
1159      #wpadminbar li#wp-admin-bar-wp-logo,
1160      #wpadminbar li#wp-admin-bar-updates {
1161          display: none;
1162      }
1163  }
1164  
1165  /* Very narrow screens */
1166  @media screen and (max-width: 400px) {
1167      #wpadminbar li#wp-admin-bar-comments {
1168          display: none;
1169      }
1170  }